/*
* It is advised not to edit the smartadmin_production.css
* as this will override any changes you make in the
* later versions of this theme.
*
* We advise that you use use this CSS to override
* SmartAdmin styles.
*
* Rename the stylesheet to whatever your liking so it will stay
* unique to you with each update of SmartAdmin.
*/


/*
* INDEX
*
* - HTML
* - BODY
* - CUSTOM STYLES
*/

@import url(./grid/grid.css);
@import url(./padroes/cards.css);
@import url(./flex/flex.css);
@import url(./padroes/buttons.css);
@import url(./padroes/animacoes/animation.css);

:root {

    /* Cores padrão bootstrap */

    --color-sucess: #739e73;
    --color-standard-blue: #3276B1;
    --color-b-blue: #13A9FF;
    --color-c-blue: #2C699D;
    --color-danger: #bc5250;
    --color-standard-orange: #FF7F4D;
    --color-standard-yellow: #c79121;
    --color-standard-gray: #242323;
    --color-red-200: #a90329;
    --color-standard-red: #A90329;
    /* Cores padrão tags */


    --color-standard-ciano: #0ED090;
    --color-green-100: rgb(113, 211, 0);
    --color-red-status: #F76254;
    --color-yellow-staus: #E7B73D;
    --color-green-status: #009350;




    /* Cores com transparencia */

    --color-green-transparent: #95fd8c2b;
    --color-standard-blue-tranparent: #3276B11C;
    --color-danger-tranparent: #a9032908;
    --color-standard-orange-tranparent: #FF7F4D12;
    --color-standard-yellow-tranparent: #c791210a;
    --color-yellow-warehouse-receipt: rgba(233, 223, 170, 0.4); 
    --color-standard-gray-tranparent: #99999921;
    --color-standard-orange-tranparent: #FF7F4D12;
    --color-standard-ciano-tranparent: rgba(77, 255, 196, 0.08);
    --color-green-100-transparent: rgba(172, 255, 77, 0.09);


    --color-white: #FFFFFF;
    --color-standard-back-sigra: #EFF0F0;

    /* Cores padrão sigra */
    --color-roxo-principal: #3E02C6;
    --color-orange: #de7b30;
    --color-cian: #43978cd1;
    --color-orange-hover: #5e3414;
    --color-cian-hover: #173733d1;
    --color-laranja-principal: #FF9001;

    /* gradientes*/

}

.c-loader {
    animation: is-rotating 1s infinite;
    border: 5px solid #e5e5e5;
    border-radius: 50%;
    border-top-color: #8E3D97;
    height: 50px;
    width: 50px;

}

.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Coda, radial-gradient(208.02% 131.35% at -21.28% 65.05%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 63.44%, rgba(0, 0, 0, 0.00) 100%), #000);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  border-radius: 10px;
}

@keyframes is-rotating {
    to {
        transform: rotate(1turn);
      }

}

.tooltip-sigra {
    background: var(--color-b-blue);
    border-radius: 50%;
    width: 16px;
    height: 15px;
    color: white;
}

.custom-tooltip {
    position: absolute;
    top: 100%; /* Alinha o tooltip abaixo do ícone */
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    min-width: 250px;
    text-align: center;
    z-index: 10;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    margin-top: 2px;
    border: solid 1px #333;
    background: var(--color-white);
    overflow: hidden;
}

.custom-tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%; /* A seta agora está no topo */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}

.tooltip-title {
    font-weight: bold;
    background-color: var(--color-b-blue);
    color: var(--color-white);
    padding: 4px 0;
    border-bottom: solid 1px #333;
}

.tooltip-message {
    color: #333;
    padding: 4px 0;
    font-weight: 400;
}

i.tooltip-sigra:hover .custom-tooltip {
    opacity: 1;
    visibility: visible;
}

.backCoda {
    border-radius: 12px;
    background: var(--Coda, radial-gradient(208.02% 131.35% at -21.28% 65.05%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 63.44%, rgba(0, 0, 0, 0.00) 100%), #000);
    color: var(--color-white);
}

.backCodaCoins {
    background-image: url(../img/Background_Coda_Coins.png);
    width: 100%;
    min-height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 2rem;
    margin-top: 2rem;
}

.saldoCodaCoins {
    width: 212px;
    height: 47px;
    border-radius: 60px;
    background: var(--Coda, radial-gradient(208.02% 131.35% at -21.28% 65.05%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 63.44%, rgba(0, 0, 0, 0.00) 100%), #000);
    color: var(--color-white);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.modal-coda-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-coda-container-info {
    padding: 2rem 49px;
    border-radius: 10px;
    background: var(--Coda, radial-gradient(208.02% 131.35% at -21.28% 65.05%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 63.44%, rgba(0, 0, 0, 0.00) 100%), #000);
    color: var(--color-white);
    position: relative;


}


.modal-pag-coda-coins {
    width: 680px !important;
    height: auto;
    padding: 50px;
    border-radius: 10px;
    background: var(--Coda, radial-gradient(208.02% 131.35% at -21.28% 65.05%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 63.44%, rgba(0, 0, 0, 0.00) 100%), #000);
    margin-top: 170%;
}

.modal-pag-coda-coins-confirma {
    width: 680px !important;
    height: auto;
    padding: 25px 50px;
    border-radius: 20px;
    background: var(--Coda, radial-gradient(208.02% 131.35% at -21.28% 65.05%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 63.44%, rgba(0, 0, 0, 0.00) 100%), #000);
    margin-top: 100%;
}

.titulo-modal-coda-coins {
    color: var(--Branco, #FFF);
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    text-align: center;
}

.sub-titulo-modal-coda-coins{
    color: var(--Branco, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 99.8%;
    text-align: center;
    margin: 16px 0;
}

.container-fatura-coda {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    width: 100%;
}

.fatura-coda-texto {
    width: 50%;
}

.fatura-coda-desc {
    width: 50%;
    margin-top: 4em;
    padding: 0 20px;
}

.qr-code-frame {
    background-color: white;
    width: 400px;
    height: 420px;
    border-radius: 23px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

.qr-code-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 38px;
}

.qrcode-section {
    display: flex;
    align-items: center;
    border: 1px solid #515354;
    border-radius: 23px;
    padding: 10px;
    background-color: #f9f9f9;
    margin-bottom: 15px;
}

.qrcode-section i {
    margin-right: 10px;
    color: #515354;
    cursor: pointer;
    font-size: 20px;
}

.qrcode-section i:hover{
    transform: scale(1.03);
}

.qr-code-codigo {
    margin: 0 !important;
    color: #515354;
    word-break: break-all;
}

.pag-controls-coda {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: center;
}

.spin-carregando {
    font-size: 20px;
}

.div-carregando {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 10px;
}

.btn-salvar-tab-coda {
    border: none;
    background: #3E02C6;
    color: var(--color-white);
    transition: 0.1s;
    width: 100%;
}

.btn-salvar-tab-coda:hover {
    background: #3400A9;
    transition: 0.1s;
}

.btn-canc-tab-coda {
    border: solid 1px #ddd;
    transition: 0.1s;
    width: 100%;
}

.btn-compra-coda {
    display: flex;
    width: 300px;
    height: 50px;
    padding: 18px 20px;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 12px;
    background: var(--Verde, #009350);
    border: none !important;
    color: var(--color-white);
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.btn-compra-coda:disabled:hover,
.btn-compra-coda:disabled{
    background: #D6D6D6;
    cursor: not-allowed;
    color: #515354;
}

.btn-compra-coda:hover {
    background: #00733f;
    color: var(--color-white);
    transition: 0.2s;
}

.btn-creditos-coda {
    width: 30px;
    height: 30px;
    padding: 13px;
    border: navajowhite;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-edit-coda {
    border: none;
    background: transparent;
}

.btn-comprar-coda-catalogo {
    border: none;
    background: transparent;
    color: #fff;
    font-weight: bold;
    padding-left: 26px;
    padding-right: 8px;
    height: 100%;
    background: var(--Coda, radial-gradient(208.02% 131.35% at -21.28% 65.05%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 63.44%, rgba(0, 0, 0, 0.00) 100%), #000);
}

.btn-comprar-coda-catalogo:hover {
    background: linear-gradient(0deg, #00000047, #000000),
radial-gradient(271.93% 337.71% at 38.84% 43.62%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 63.44%, rgba(0, 0, 0, 0) 100%);
transition: 0.2ms;

}


.btn-descricao-itemDuimp {
    color: var(--color-standard-blue);
    font-weight: bold;
}

.btn-descricao-itemDuimp:hover {
    color: var(--color-c-blue);
    cursor: pointer;
}

.div-itens-fatura-duimp {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 4rem;
    

}

.div-dialogo-descricao-item-duimp {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: rgba(248, 248, 248, 1);
    border: dashed 1px #ddd;
    border-radius: 8px;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.grid-dados-fabricante-duimp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 1rem;
    background: rgba(248, 248, 248, 1);
    border: dashed 1px #ddd;
    border-radius: 8px;
}

.div-interna-grid-fabricante-duimp {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.div-classificacao-atributos-ncm-duimp {
    background: rgba(248, 248, 248, 1);
    border: dashed 1px #ddd;
    border-radius: 8px;
    padding: 1rem;
}

.info-green {
    background: rgba(213, 255, 207, 1);
    padding: 2px 8px;
    border-radius: 12px;
    border: solid 1px #e0dcdc;
    color: #000;
}

.info-atributos-ncm-duimp {
    background: rgba(255, 255, 255, 1);
    padding: 2px 8px;
    border-radius: 12px;
    border: solid 1px #e0dcdc;
    color: #000;
}

.info-peso-liquido {
    border: solid 1px;
    padding: 0 4px;
    border-radius: 6px;
    background: #b94a4812;
    font-weight: bold;
    font-size: 10px
}


.lista-criticas-peso-liquido {
    list-style: none;
    padding-left: 0;
}
.lista-criticas-peso-liquido li {
    border: solid 1px #b94a48;
    border-radius: 8px;
    padding: 1px 6px;
    margin-bottom: 6px;
    background: #b94a4812;
    width: max-content;
    color: #b94a48;
   
}

.dialogo-alocar-coda-coins {
    background: var(--Coda, radial-gradient(208.02% 131.35% at -21.28% 65.05%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 63.44%, rgba(0, 0, 0, 0.00) 100%), #000);
    color: var(--color-white);
    border-radius: 10px;
    padding: 30px 73px;
    display: flex;
    flex-direction: column;
    gap: 2rem;

}

.dialogo-alocar-coda-coins h2 {
    font-weight: bold;
}

.confirmation-message {
    color: var(--color-roxo-principal);
    font-size: 14px;
    margin-top: -15px;
    text-align: center;
    margin-bottom: 10px;
}

.itens-duimp {
  display: flex;
  gap: 10px;
}

.grid-operador-estrangeiro-duimp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background: rgba(248, 248, 248, 1);
    padding: 10px;
    border-radius: 10px;
    border: dashed 1px #ddd;
}

.itens-operador-estrangeiro-duimp {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

nav ul li a {
    color: #fff !important;
}

nav ul li a:hover {
color: var(--color-laranja-principal) !important;
transition: 0.2s;
}


.rastreio-flag {
    margin-left: 24px;
    background-color: white;
    border-radius: 86px !important;
    padding: 6px 8px;
    width: 240px;
    cursor: text;
}

.rastreio-flag-transito {
    border: 0.5px solid rgba(0, 147, 80, 0.80);
    color: var(--Verde, #009350);
}

.rastreio-flag-processamento {
    border: 0.5px solid var(--color-yellow-staus);
    color: var(--color-yellow-staus)
}

.rastreio-flag-reprovado {
    border: 0.5px solid var(--color-standard-red);
    color: var(--color-standard-red);
}

.modal-open .modal {
    background: #000000a3 !important;
}


.modal-content {
    border: none !important;
    border-radius: 14px;
}

.modal-content form footer {
    border-top: 1px solid var(--color-white);
    border-radius: 0 0 14px 14px;
    background: transparent;
}

.modal-content .modal-header {
    background: linear-gradient(to left, #3E02C6 0.10%, rgba(0, 0, 0, 0.00) 100.32%), #1c063c;
    /* background: linear-gradient(to left, #3E02C6 0.10%, rgba(0, 0, 0, 0.00) 100.32%), #1c063c; */
    border-radius: 12px 12px 0 0;
    color: var(--color-white);
}

.modal-content .modal-header h4 {
    font-weight: bold;
    font-size: 20px;
}

.modal-content ul {
    padding-top: 8px;
}


.modal-content ul li a:hover {
    border-radius: 5px 5px 0 0;
}

.modal-content .nav-tabs > li.active > a {
    box-shadow: 0 -2px 0 #E16C00;
}

.modal-content .modal-header a {
    color: var(--color-laranja-principal);
    font-weight: bold;
}

.modal-content .modal-header a:hover {
    color: #E17F00;
    cursor: pointer;
}

.modal.in .modal-dialog {
    border-radius: 20px !important;
}

button,
.btn {
    border-radius: 4px !important;
    overflow: hidden !important;

}

textarea,
table {
    border-radius: 4px !important;

}


legend {
    margin-bottom: 10px !important;
}

input,
select,
.style-input-sigra,
.form-control,
.input-sm {
    border-radius: 4px !important;
    border: solid 1px #ddd;
}

textarea:focus,
input:focus,
select:focus {

    outline: solid 1px #3276B1 !important;
}


.minifyme {
    width: 100% !important;
    margin-top: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
    border-bottom: none !important;
    position: static;
    border-radius: 0px 8px 8px 0px;
}

.minified nav>ul>li {
    border: none !important;
}


.minified nav ul>li>a {
    padding: 15px 13px !important;
}

.minified .login-info {
    border-bottom: 0 !important;
    border: none !important;
    box-shadow: none
}

.minifyme {
    color: var(--color-white) !important;
}

.minified .minifyme .fa::before {
    content: "\f054" !important;
    color: var(--color-white) !important;
    border-radius: 0px 8px 8px 0px;
}

.minified nav>ul>li>a>.menu-item-parent {
    top: 3px !important;
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
    background: var(--color-laranja-principal);
    color: var(--color-white);
}

.minified nav>ul>li>ul {
    border: none;
    border-radius: 0px 0px 8px 8px !important;
    padding: 4px !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px !important;
    margin-top: -5px !important;
    min-height: 0;
}

.btn-minified {
    border-radius: 8px 0px 0px 8px;
    background: linear-gradient(90deg, #3E02C6 0%, rgba(0, 0, 0, 0.00) 279.69%), #584475;;
    width: 32px; height: 36px; margin-right: 6px;
}


.width-padrao-sigra-container {
    width: 86%;
}

.width-padrao-sigra-sidebar-lateral {
    width: 14%;
}

.container-task {
    background: transparent;
    border: none;
    margin: 0 !important;
}

.div-pagination {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 12px;
}

.fa-arrow-circle-left {
    color: white;
}

.remove-autocomplete {
    -webkit-text-security: disc !important;
}

.style-container-sigra {
    background-color: var(--color-white);
    border-radius: 6px;
    border: none !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 672px;
}

.style-container-sigra-1 {
    background-color: var(--color-white);
    border-radius: 6px;
    border: none !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.style-container-sigra-2 {
    background-color: var(--color-white);
    border-radius: 6px;
    border: none !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 474px;
}

.tabela-sigra {
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    border: solid 1px #ddd;
    margin-top: 3rem;

}


.grid-tabela-processos {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 80px 1fr 1fr 1fr 1fr ;
    background: #3E02C6;
    overflow: hidden ;
}

.grid-celula-processos {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 80px 1fr 1fr 1fr 1fr;
}

.grid-tabela-boletos {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 1fr 1fr 180px;
    background: #3E02C6;
    overflow: hidden ;
}

.grid-celula-boletos {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 1fr 1fr 180px;
}

.grid-tabela-ordens {
    display: grid;
    grid-template-columns: 50px 150px 1fr 1fr 1fr 1fr 200px 1fr 1fr 1fr 1fr;
    background: #3E02C6;
    overflow: hidden ;
}

.grid-celula-ordens {
    display: grid;
    grid-template-columns: 50px 150px 1fr 1fr 1fr 1fr 200px 1fr 1fr 1fr 1fr;
}

.grid-tabela-extracoes {
    display: grid;
    grid-template-columns: 50px 200px 150px 1fr 1fr 1fr 1fr 300px;
    background: #3E02C6;
    overflow: hidden ;
}

.grid-celula-extracoes {
    display: grid;
    grid-template-columns: 50px 200px 150px 1fr 1fr 1fr 1fr 300px;
}

.grid-tabela-catalago-produtos {
    display: grid;
    grid-template-columns: 50px 200px 2fr 2fr 120px 4fr ;
    background: #3E02C6;
    width: 100%;
}

.grid-celula-catalago-produtos {
    display: grid;
    grid-template-columns: 50px 200px 2fr 2fr 120px 4fr;
    width: 100%;

}

.grid-tabela-operador-estrangeiro-duimp {
    display: grid;
    grid-template-columns: 40px 1fr 1fr 1fr 1fr;
    overflow: hidden ;
}

.grid-tabela-catalogo-produtos-duimp {
    display: grid;
    grid-template-columns: 40px 200px 100px 1fr;
    overflow: hidden ;
}

.grid-tabela-fabricante-duimp {
    display: grid;
    grid-template-columns: 40px 1fr 1fr 1fr 1fr;
}

.div-descricao-itens-duimp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


.bloco-descricao {
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #f9f9f9;
    text-align: left;
}

.titulo-bloco-descricao {
    color: #ffffff;
    background-color: #000; /* Roxo moderno */
    padding: 10px;
    border-radius: 4px 4px 0 0;
    margin: -10px -10px 10px -10px;
    text-align: center;
    font-weight: bold
}

.descricao-original {
    color: #000; /* Roxo moderno */
    font-weight: bold;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #fff; /* Fundo roxo claro */
    margin-top: 10px;
}

.bloco-sugestao {
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #6a0dad;;
    border-radius: 4px;
    background-color: #f9f9f9;
    text-align: left;
}

.bloco-faltantes {
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #F36452;
    border-radius: 4px;
    background-color: #f9f9f9;
    text-align: left;
}

.titulo-bloco {
    color: #ffffff;
    background-color: #6a0dad; /* Roxo moderno */
    padding: 10px;
    border-radius: 4px 4px 0 0;
    margin: -10px -10px 10px -10px;
    text-align: center;
    font-weight: bold
}

.subtitulo-bloco {
    color: black;
    background-color: #fdce14d1; /* Roxo moderno */
    padding: 8px;
    border-radius: 4px;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}

.titulo-bloco-espec-faltantes {
    color: #ffffff;
    background-color: #F36452; /* Roxo moderno */
    padding: 10px;
    border-radius: 4px 4px 0 0;
    margin: -10px -10px 10px -10px;
    text-align: center;
    font-weight: bold
}

.titulo-catalogo {
    display: flex;
    justify-content: space-between;
    align-items: center;
} 

.titulo-catalogo h1 {
    padding-left: 20px;
}

.div-mostra-saldo-catalogo {
    display: flex;
    align-items: center;
    border: solid 1px #BA4FC3;
    height: 47px;
    border-radius: 30px;
    overflow: hidden;
    gap: 10px;
    margin-right: 28px;
}

.descricao-sugestao {
    color: #6a0dad; /* Roxo moderno */
    font-weight: bold;
    padding: 5px;
    border: 1px solid #6a0dad;
    border-radius: 4px;
    background-color: #f3e5f5; /* Fundo roxo claro */
    margin-top: 10px;
}

.alteracoes-sugestao {
    color: black; /* Roxo moderno */
    font-style: italic;
    padding: 5px;
    border: 1px dashed #be9800;
    border-radius: 4px;
    background-color: #e9c94a42; /* Fundo roxo claro */
    margin-top: 5px;
}

.bloco-faltantes {
    background-color: var(--color-white);
}

.faltantes-conteudo {
    padding: 10px;
    border-radius: 4px;
}

.descricao-faltante {
    color: black;
    padding: 5px;
    border: 1px dashed #F36452;
    border-radius: 4px;
    background-color: #F364524D;
    margin-top: 5px;
}

.grid-tabela-catalago-produtos-ncm {
    display: grid;
    grid-template-columns: 50px 5fr 120px 120px 120px 120px 120px 120px 120px 120px;
    background: #3E02C6;
    width: 100%;
}

.grid-celula-catalago-produtos-ncm {
    display: grid;
    grid-template-columns: 50px 5fr 120px 120px 120px 120px 120px 120px 120px 120px;
    width: 100%;
    word-wrap: break-word;
    word-break: break-word;
}

.grid-tabela-catalago-produtos-dto {
    display: grid;
    grid-template-columns: auto;
    background: #3E02C6;

}

.cor-titulo-tabela-sigra {
    background: #3E02C6;
}

.grid-celula-catalago-produtos-dto {
    display: grid;
    grid-template-columns: auto;
}

.grid-linha-desativada {
    pointer-events: none;
    opacity: 0.6;
}


.lb {
    background-color: white;
}

.lc {
    background-color: #f4f4f4;
}

.grid-tabela-catalago-produtos-dto {
    display: grid;
    grid-template-columns: auto;
    background: #3E02C6;

}

.cor-titulo-tabela-sigra {
    background: #3E02C6;
}

.grid-celulaextraco-catalago-produtos-dto {
    display: grid;
    grid-template-columns: auto;
}

.grid-celula-catalago-produtos-imp {
    display: grid;
    grid-template-columns: 50px 240px 1fr 2fr 60px;
}

.grid-linha-desativada {
    pointer-events: none;
    opacity: 0.6;
}

.grid-tabela-coda-basico {
    display: grid;
    grid-template-columns: 50px 1fr;
    width: 100%;
}

.grid-tabela-coda-extrato{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
}

.grid-tabela-coda-consumo,
.grid-tabela-coda-compras{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
}

.scrolltabCoda {
    max-height: 235px;
    overflow-x: auto;
}

.cor-titulo-tab-coda {
    background: rgb(0,0,0);
    background: linear-gradient(352deg, rgba(0,0,0,1) 39%, rgba(186,79,195,1) 100%, rgba(77,53,137,1) 100%);
}

.selected-row {
    background-color:#0ED090;
}

.celula-edit-textarea {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    height: 100%;
}

.textarea-edit {
    border: solid 1px #ddd;
    padding: 0px 6px;
    width: 100%;
    height: 60px;
    resize: none;
}

.div-icon-edit-tabela {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
}

.btn-icon-edit {
    font-size: 18px;
    color: #2110F4;
}

.btn-icon-edit:hover {
    cursor: pointer;
}

.btn-salvar-edit-tabela {
    background: #3E02C6;
    border: none;
    color: var(--color-white);
}

.toggle-relembrar-form-login input:checked+i {
    border: none !important;
}

.btn-salvar-edit-tabela:hover {
    background: #3500AE;
}


.celula-tabela-sigra {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: solid 1px #ddd;
    text-align: center;
    padding: 4px;
}

.titulo-tabela-sigra {
    padding: 0.625rem 0;
    text-align: center;
    color: #ddd;
    font-weight: bold;
}

.titulo-tabela-sigra-desativado {
    padding: 0.625rem 0;
    text-align: center;
    background-color: #ddd;
    color: black;
    font-weight: bold;
}

.celula-tabela-sigra-datas {
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
    padding: 4px;
}

.grid-tabela-movimentacoes {
    display: grid;
    grid-template-columns: 50px 100px 1fr 1fr 1fr 1fr 1fr 300px 220px ;
    background: #3E02C6;
    overflow: hidden ;
}

.grid-celula-movimentacoes {
    display: grid;
    grid-template-columns: 50px 100px 1fr 1fr 1fr 1fr 1fr 300px 220px;
}

.grid-tabela-extratos {
    display: grid;
    grid-template-columns: 50px 100px 1fr 1fr 1fr 1fr 350px 1fr;
    background: #3E02C6;
    overflow: hidden ;
}

.grid-celula-extratos {
    display: grid;
    grid-template-columns: 50px 100px 1fr 1fr 1fr 1fr 350px 1fr;
}


.celula-logo-tabela-movimentacoes {
     display: flex;
     align-items: center;
     flex-direction: column;
    text-align: center;
}

.grid-tabela-notas,
.grid-celula-notas {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 120px 180px 400px 200px;
    background: #3E02C6;
    overflow: hidden;
}



.celula-tabela-left {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: left;
    border-right: solid 1px #ddd;
    text-align: left;
    padding: 4px 10px;
}

.input-border-radius {
    border-radius: 4px !important;
}


.celula-tabela-logo-movimentacoes:hover {
   background-color: transparent;
}

.gray-row {
    background: #dddddd4b;
}

.input-qtd-coda {
    border: solid 1px #3E02C6;
    border-radius: 30px;
    display: flex;
    align-items: center;
    padding: 2px 20px;
}


.tag-importacao,
.tag-pagamento {
    text-align: center;
    color: var(--color-sucess);
    border-radius: 10px;
    background-color: var(--color-green-transparent);
    border: solid 1px var(--color-sucess);
    font-size: 11px;
    font-weight: bold;
    width: 108px;
}

.tag-dcr,
.tag-fatura {
    text-align: center;
    color: var(--color-standard-yellow);
    border-radius: 10px;
    background-color: var(--color-standard-yellow-tranparent);
    border: solid 1px var(--color-standard-yellow);
    font-size: 11px;;
    font-weight: bold;
    width: 108px;
}

.tag-dci,
.tag-despesa {
    text-align: center;
    color: rgb(255, 154, 77);
    border-radius: 10px;
    background-color: rgba(255, 154, 77, 0.12);
    border: solid 1px rgb(255, 154, 77);
    font-size: 11px;;
    font-weight: bold;
    width: 108px;
}

.tag-ng-switch-default,
.tag-acerto {
    text-align: center;
    color: rgb(255, 77, 77);
    border-radius: 10px;
    background-color: rgba(255, 77, 77, 0.11);
    border: solid 1px rgb(255, 77, 77);
    font-size: 11px;;
    font-weight: bold;
    width: 108px;
}
.tag-exportacao,
.tag-numerario {
    text-align: center;
    color: #275b89;
    border-radius: 10px;
    background-color: #275b891a;
    border: solid 1px #275b89;
    font-size: 11px;
    font-weight: bold;
    width: 108px;
}
.tag-nenhum,
.tag-pre-custo {
    text-align: center;
    color: #a65858;
    border-radius: 10px;
    background-color: #a658581a;
    border: solid 1px #a65858;
    font-size: 11px;;
    font-weight: bold;
    width: 108px;
}

.tag-processo-administrativo,
.tag-outros-custos {
    text-align: center;
    color: #a8829f;
    border-radius: 10px;
    background-color: #a8829f26;
    border: solid 1px #a8829f;
    font-size: 11px;
    font-weight: bold;
    width: 108px;
}

.tag-agenciamento,
.tag-reembolso {
    text-align: center;
    color: #92a2a8;
    border-radius: 10px;
    background-color: #92a2a821;
    border: solid 1px #92a2a8;
    font-size: 11px;
    font-weight: bold;
    width: 108px;
}

.tag-default-notas{
    text-align: center;
    border-radius: 10px;
    border: solid 1px #9a9a9a;
    font-size: 11px;
    font-weight: bold;
    width: 108px;
}

.tag-hover:hover {
    cursor: pointer;
    background: #2423231e;
}

/*Input que lista os itens selecionado dentro dele, como tags <falta ajustar alinhamento/acessibilidade>*/
/*
.tag-input {
    display: inline-flex;
    padding: 5px;
    border-radius: 4px !important;
    border: solid 1px #ddd;
    border-color: #BDBDBD;
    width: 93%;
  }
  
.tag-input input {
    order: 1;
    flex-grow: 1;
    border: none;
    outline: none;
    width: 40px;
}
  
.tag {
    background: linear-gradient(294deg, #3E02C6 63.19%, #A279FF 165.18%, #3E02C6 257.43%);
    border: none;
    color: var(--color-white); 
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 5px;
    cursor: default;
    font-weight: bold;
}

.tag-input a {
    color: var(--color-white); 
} */

.input-tabela::after {
    right: 5px !important;
}

.white-row {
    background-color: var(--color-white);
}

.fixed-header {
    position: fixed;
    top: 39px;
    z-index: 1;
}

.fixed-header-produtos {
    position: fixed;
    top: 0px;
    z-index: 1;
}

.fixed-infoTable {
    position: fixed;
    top: 0;
    background: var(--color-white);
    z-index: 1;
}


.compra-tabela {
    background: #FCF8E3 !important;
    color: #b97114;
}

.venda-tabela {
    background: #F0FFFF !important;
    color: #305d8c;
}

.smart-form fieldset {
    background: unset;
    padding-top: 10px !important;
}


.sidebar-offcanvas {
    padding-left: 25px;
    padding-right: 15px !important;
}


#simulationInput {
    padding-left: 10px;
    width: 99%;
}

.smart-form .select i {
    box-shadow: none !important;
}

.input-search-sigra {
    border: solid 1px #ccc;
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-white);
}

.input-search-sigra input {
    border: none !important;
    width: 146px;
    outline: none !important;
    padding: 5px;
    min-width: 100px;
    box-sizing: border-box !important;
    transition: width 0.3s ease;


}

.input-search-sigra input:focus {
    width: 178px;
    outline: solid 1px var(--color-roxo-principal);

}


.input-search-sigra:active {
    border: solid 1px #584475;
    transition: 0.2s;
}

.input-search-sigra:focus-within {
    border: solid 1px #584475;
    transition: 0.2s;

}

.input-search-sigra button {
    background: transparent !important;
    border: none;

}




.btn,
.btn-default {
    border-radius: 4px !important;

}

.btn-cotacao {
    display: flex;
    gap: 1rem;
    background: #FAF8FB;
    padding: 4px 12px !important;
    border-radius: 6px;
    margin-top: 4px;
    transition: 0.2s;
}

.btn-cotacao:hover {
    background: #efecf0;
}

.btn-cotacao h4 {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-roxo-principal);
}

.btn-limpar-task {
    background: transparent;
    border: none;
    transition: 0.2s;
    color: var(--color-white);

}

.btn-limpar-task:hover {
    color: var(--color-red-status);
}



.container-aniversario {
    border: solid 1px #00800036;
    margin: 3px 0px;
    padding: 3px 0px 0px 2px;
    border-radius: 50px;
    background: #00800005;
}



.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: 0 !important;

}



.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: 0 !important;
}

.avatar-feed {
    height: 40px !important;
    width: 40px !important;
    overflow: hidden;
    border-radius: 50%;
    border: solid 2px #ddd !important;
    object-fit: cover;
}

.post-feed {
    padding: 1rem;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    /* background: #dddddd30;
    border: solid 1px #dddddd87; */
    margin: 2rem 1rem;

}

.resposta-feed {
    border: solid 1px #dddddd87;
    margin: 1rem 2rem 1rem 5rem;
    padding: 6px;
    list-style: none;
    border-radius: 6px;
}

.input-feed {
    margin: 1rem 2rem 1rem 5rem;
    list-style: none;
}

.alerta-feed-sucesso {
    border: solid 1px;
    width: max-content;
    padding: 1px 3px;
    border-radius: 4px;
    color: var(--color-sucess);
}

.alerta-feed-pendente {
    border: solid 1px;
    width: max-content;
    padding: 1px 3px;
    border-radius: 4px;
    color: var(--color-danger)
}



.icon-notificacao {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.2rem;
    height: 5rem;
    color: var(--color-standard-gray);

}


.icon-notificacao:hover i {
    cursor: pointer;
    color: #666;

}

.hr-padrao {
    margin: 1rem 0rem;
}



.ajax-dropdown {
    left: -29px !important;
    height: 462px;


}

.ajax-dropdown::before {
    left: 12%;
    margin-left: -7px;

}

.ajax-dropdown::after {

    left: 12% !important;
    margin-left: -6px !important;
    border-bottom-color: #e4e1e28a;

}

.ajax-dropdown> :first-child {
    margin: 0 !important;
}


#activity b.badge {
    padding: 1px 5px 1px;
    top: -7px !important;
    right: 20px !important;


}

.notification-body {
    padding: 0 0 0 0px !important;
    font-weight: normal !important;
    font-size: 10px !important;
}

.nav-tabs,
li.active>a,
.nav-tabs,
li.active {
    border-radius: 5px 5px 0 0 !important;
}

.jarvismetro-tile img {
    width: 100%;
}

#left-panel {
    background: linear-gradient(to left, #3E02C6 0.10%, rgba(0, 0, 0, 0.00) 100.32%), #1c063c;
    padding-top: 0 !important;
    margin-top: 4.9rem !important;
}


.fix-menu {
    padding-top: 0px !important;
}

.chat-body li.message .message-text span.username {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 14px;
    font-size: 14px;
    letter-spacing: -1px;
    text-decoration: none !important;
}

.chat-body li.message .message-text span i {
    margin-left: 3px;
    margin-right: 3px;
}

#logo {
    vertical-align: middle;
    padding-right: 10px;
    text-align: center;
    line-height: 48px;
    margin: 0;
}

.logo-upload img {
    max-height: 44px;
    max-width: 170px;
}

#logo-sigra {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    color: black;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

#logo-sigra img {
    height: 37px;
    object-fit: contain;
    margin-bottom: 5px;
    margin-left: 5px;
    width: 141px;
}

#logo-sigra a {
    color: black;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    margin-left: 5px;
    margin-top: 3px;
}

#logo-sigra a:hover {
    color: var(--color-roxo-principal);
}

#header-sigra {
    width: 97%;
    max-width: 1256px;
    height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    z-index: 99;
    background: var(--color-white);
    margin: 1.5rem auto 0 auto;
    position: relative;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    animation: fadeIn 2s ease-out;
}

.principal-container-login {
    display: flex;
    justify-content: space-between;
    width: 97%;
    max-width: 1256px;
    margin: 1.5rem auto ;
    position: relative;
    border-radius: 10px;
    padding: 2% 0;
}

.container-content {
    padding: 0 !important;
}

.buttons-header {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-especialistas {
    border: solid 1px black;
    border-radius: 8px;
    color: black;
    padding: 5px 20px;
    font-size: 14px;
    background-color: white;
}

.btn-especialistas:hover {
    border: solid 1px rgba(15, 229, 126, 1);
    border-radius: 8px;
    background-color: rgba(15, 229, 126, 1);
    font-size: 14px;
    color: black;
}

.btn-sigra {
    padding: 11px 25px;
    color :black;
    font-size: 16px;
    border-radius: 10px;
    background: white;
    border: 1px solid black;
}

.btn-sigra:hover {
    color: black;
    background: rgba(15, 229, 126, 1);
    border: 1px solid rgba(15, 229, 126, 1);
}


.btn-task {
    position: relative;
    border: solid 1px #ccc;
    padding: 2px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.2s;
}

.btn-task:hover {
    border: solid 1px #584475;
}

.logo-upload {
    vertical-align: middle;
    color: gray;
    background-color: #EEEEEE;
    border-width: 1px;
    border-color: gray;
    border-style: dashed;
    text-align: center;
    width: 170px !important;
}

.upload-img-ct-produto {
    width: 100px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: solid 1px #ddd;
    background-color: #EEEEEE;
    padding-right: 0 !important;
    color: #717171;
}

.upload-img-ct-produto:hover{
    color: #666 !important;
    border-radius: 8px !important;
    cursor: pointer;
    border: solid 1px #666;
    transition: 0.1s;

}

.btn-coda-ct-produtos:hover {
    background: radial-gradient(268.1% 132.99% at 112.3% 116.67%, #BA4FC3 0%, rgba(77, 53, 137, 0.15) 69.33%, rgba(0, 0, 0, 0.00) 100%), #000 !important;

}

.check-hover:hover{
    cursor: pointer;
}


.icon-codaCoins {
    width: 20px;
    height: 20px;
    background-image: url('../img/icons/Icone-Coda-Rosa-Escuro.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.btn-coda-ct-produtos:hover .icon-codaCoins {
    background-image: url('../img/icons/Coda-IA-Rosa.svg');
}

.container-principal-login {
    position: relative;
    overflow: hidden !important;
    height: calc(100vh - 95px);
    align-items: center;
    display: flex;
    justify-content: center;

}

.container-form-cadastro {
    position: relative;
    height: calc(100vh - 95px);
    overflow: hidden;
}
/* #extr-page {
    position: relative; 
    overflow: hidden; 
} */

#extr-page {
    background: 
        linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), 
        url('../img/fundo.jpg') no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#extr-page::before {
    content: ''; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit; 
    filter: brightness(60%); 
}

.containe-principal-form-cadastro {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}




/* @keyframes animete {
    0% {

        transform: scale(1);

    }

    100% {
        transform: scale(1.1);

    }

} */

.form-login {
    border-radius: 10px;
    background-image: url("../img/fundo.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: contain;
    padding: 16px 35px 0 35px;
    min-width: 500px;
}

.header-form-login {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    color: var(--color-white);
}

.input-form-login {
    border-radius: 4px;
    border: 1px solid rgb(146, 146, 146) !important;
    background: transparent !important;
    height: 50px !important;
    color:  rgb(0, 0, 0) !important;
    font-weight: 400;
    font-size: 16px !important;
}

.textarea-login-form {
    border-radius: 4px;
    border: 1px solid rgb(146, 146, 146) !important;
    background: transparent !important;
    height: 100px !important;
    font-weight: 400;
    font-size: 16px !important;
    width: calc(100% - 20px);
    resize: none;
    padding: 10px;
    color:  rgb(146, 146, 146) !important;
    font-family: 'Poppins', sans-serif;
}

.relembre-form-login {
    margin: 24px 0;
}

.btn-especialista-mobile-menu {
    width: 100%;
    height: 50px;
    font-size: 16px;
    border-radius: 10px !important;
    background: rgba(15, 229, 126, 1);
    border:1px solid rgba(15, 229, 126, 1);
    color: black;
    font-family: 'Poppins', sans-serif;
}

.btn-cancelar-esqueci-senha {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px !important;
    background: rgba(247, 98, 84, 1);
    border:1px solid rgba(247, 98, 84, 1);
    color: black;
    font-family: 'Poppins', sans-serif;
    margin-top: 24px;
}


.btn-cancelar-esqueci-senha:hover {
    background-color: rgba(245, 86, 71, 1);

}

.btn-entrar-form-login {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px !important;
    border: 1px solid black;
    background-color: transparent;
    color: black;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
}

.btn-entrar-form-login:disabled {
    cursor: not-allowed !important;
    opacity: 0.5;
    background-color: transparent;
    color: black;
}

.btn-entrar-form-login:not(:disabled):hover {
    color: white;
    background-color: rgba(79, 0, 209, 1);
    border: 1px solid rgba(79, 0, 209, 1);
    transition: 0.3s;
}



.input-form-login::placeholder {
    font-family: 'Poppins', sans-serif;
}


.forgot-class {
    min-height: 100vh;
}


.form-recupera-senha {
    width: 580px;
    border-radius: 10px;
    padding: 40px;
    margin:  0 auto;
    background-image: url("../img/fundo.png");
    margin-top: 30vh;
}

.form-cadastro-sigra {
    border-radius: 10px;
    background-image: url("../img/fundo.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: contain;
    padding: 35px;
}

.sub-header-form-login {
    font-size: 24px; 
    font-weight: 100; 
    margin: 16px 0 22px 0; 
    color: black;
    font-family: 'Poppins', sans-serif;
}



.toggle-relembrar-form-login input {
    color: var(--color-black) !important;
}

.toggle-relembrar-form-login input:checked+i {
    background: #D4D4D4 !important;
    border: none !important;

}

.toggle-relembrar-form-login input:checked+i {
    background: #D4D4D4 !important;
    border: none !important;

}

.toggle-relembrar-form-login input:not(:checked)+i {
    background: #D4D4D4 !important;

}

.smart-form .toggle {
    padding-right: 50px !important;
    margin-right: 5px;
    margin-bottom: 5px;
}

.toggle-relembrar-form-login input:checked+i::before {
    background: var(--color-white) !important;
}

.toggle-relembrar-form-login input:not(:checked)+i::before {
    background: var(--color-white) !important;
}

.lembrar-text {
    color: black;
}

.link-form-login {
    color: rgba(79, 0, 209, 1);
}

.lembrar-text,
.link-form-login {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
}

.link-form-login:hover {
    color: rgb(152, 87, 255);
}

.icon-upload {
    vertical-align: middle;
    color: gray;
    background-color: #EEEEEE;
    padding: 0 !important;
    border-width: 1px;
    border-color: gray;
    border-style: dashed;
    text-align: center;
    width: 50px !important;
}

#logo img {
    /* width: auto;
    height: 44px;
    padding-left: 3px;
    */
    max-height: 44px;
    max-width: 170px;
    width: auto !important;
    height: auto !important;
}

.left-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding-right: 20px;
    max-width: 50%;
}

.titulo-sigra {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 20px;
    max-width: 40vw;
}

.sub-titulo-sigra {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    max-width: 45vw;
}


p.menu-group {
    margin-left: 10px;
    font-weight: bold;
    margin-top: 5px;
}

.empresa-semLogo {
    border-radius: 5px;
    width: 85px;
    height: 85px;
    font-size: 60px;
    text-align: center;
    line-height: 85px;
    vertical-align: middle;
}

.empresa-semLogo-md {
    border-radius: 3px;
    width: 60px;
    height: 60px;
    font-size: 45px;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
}

.empresa-semLogo-sm {
    border-radius: 3px;
    width: 45px;
    height: 45px;
    font-size: 30px;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
}

.margin-top-05 {
    margin-top: 0.5em;
}

.margin-top-10 {
    margin-top: 1.0em;
}

.margin-top-15 {
    margin-top: 1.5em;
}

.margin-top-20 {
    margin-top: 2.0em;
}

.margin-top-25 {
    margin-top: 2.5em;
}

.margin-top-30 {
    margin-top: 3.0em;
}

.margin-left-10 {
    margin-left: 1.0em;
}

.dropdown-menu>li>a {
    max-width: 350px;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.undo {
    position: fixed;
    top: 0;
    width: 400px;
    z-index: 1000;
}

.pagination {
    margin: 0px !important;
}

.st-sort-ascent:before {
    content: '\25B2';
}

.st-sort-descent:before {
    content: '\25BC';
}

.st-selected {
    background: #dddddd !important;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.tab-mobile {
    display: none;
}

.footer-simulacoes {
    position: relative;
    background-color: transparent !important;
    border: none !important;
    margin-top: 2rem;
}

.contador-pagina {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    margin-top: 5px;
}

.footer-parceiros {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

@media only screen and (min-width:320px) and (max-width:479px) {
    #logo {
        width: 170px;
    }
}

/* Tela Remessa / Rastreio */
.rastreio-titulo {
    font-size: 32px;
    font-weight: 400;
    color: var(--color-roxo-principal);
}


.rastreio-span-container {
    display: flex;
    justify-content: end;
    align-items: end;
}

.rastreio-span {
    text-align: right;
    font-size: 13px;
    font-weight: 700;
    color: black;
    right: 0;
    width: 70%;
    margin-left: 30px;
}

.card-rastreio img {
    width: 148px;
    height: 200px;
    margin: 0 30px 0 15px;
    object-fit: contain;
}

.card-rastreio .info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.card-rastreio .info-item {
    margin-bottom: 10px;
    margin-right: 10px;
}

.card-rastreio .info-item span {
    font-weight: bold;
}

.card-rastreio .info-item p {
    margin: 0;
}

.rastreio-item-verde {
    color: var(--Verde, #009350);
    font-weight: bold;
}

#background-container {
    position: relative;
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--color-roxo-principal);
    margin: 40px 0;
}

.rastreio-pedido-details {
    text-align: center;
    width: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 100px;
}

.rastreio-pedido-details p {
    margin-top: 10px;
}

.rastreio-search {
    position: relative;
    width: 100%;
}


.titulo-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}


.rastreio-flag-container {
    text-align: left;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.rastreio-pedido-divs {
    width: 11%;
    text-align: center;
    margin: 16px 5px;
    color: white;
}

.rastreio-divisor {
    margin-top: 200px;
    margin-bottom: 24px;
    width: 100%;
}

.rastreio-info-container {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.rastreio-info {
    display: flex;
    justify-content: space-between;
    width: 90%;
}

.rastreio-info-divs {
    margin-bottom: 20px;
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cod-purple {
    font-weight: bold;
    color: var(--color-roxo-principal);
    margin-right: 5px;
    white-space: nowrap;
}

.rastreio-seach-input {
    padding-left: 30px;
    box-sizing: border-box;
    width: 100%;
}

.rastreio-span-mobile {
    display: none;
}


.cabeca-lista-remessas {
    width: 100%;
    display: flex;
    font-weight: bold;
    margin: 5px 0 10px 0;
    position: sticky;
    top: 0;
    background-color: white;
    padding: 15px 0 10px 0;
}

.cabeca-lista-remessas td {
    padding: 0 25px 0 25px;

}

.status-lista-remessa-red {
    background: #FFF0F3;
    border: solid 1px var(--color-red-status);
    border-radius: 8px;
}

.status-lista-remessa-yellow {
    background: #FFF9E2;
    border: solid 1px var(--color-yellow-staus);
    border-radius: 8px;
}

.status-lista-remessa-green {
    background: #EFFFF0;
    border: solid 1px var(--color-green-status);
    border-radius: 8px;
}

.listagem-remessas-lista {
    border-collapse: separate;
    border-spacing: 0 10px;
}


.linha-tabela {
    padding: 25px 0;
    margin: 10px 0;
}

.input-remessa-container {
    display: flex;
    flex-direction: column;
    border: 1px solid #DDD;
    border-radius: 8px;
    justify-content: center;
    align-content: center;
    margin: 20px 0;
    color: #000000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.input-remessa {
    border-radius: 4px !important;
    border: none !important;
    flex: 1;
    padding-left: 55px;
    border: none;
    outline: none;
}

.input-remessa:focus {
    outline: none !important;
}

.span-lista-remessa {
    width: 8.33%;
    text-align: center;
}

.lista-renessa-pedidos {
    min-width: 500px;
    overflow-x: scroll;
}

.lista-pedidos {
    width: 100%;
    display: flex;
    font-weight: bold;
    margin: 10px 0 20px 0;
}

.lista-pedidos-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
    padding: 12px 0;
    text-align: center;
}

#background-card-rastreio {
    position: relative;
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    background-color: white;
    padding: 40px 80px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.mensagem-erro {
    color: var(--Vermelho, #F76254);
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin: 12px 0;
    display: flex;
    flex-direction: row;
}

.mensagem-erro p {
    margin: 5px 0 0 5px;
}

.icone-aviao-navigaton {
    filter: invert(100%);
    margin-right: 10px;
    width: 24px;
}

.icone-input-duplo {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 10;
    border: none;
    background: transparent;
    outline: none;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 10;
    border: none;
    background: transparent;
    outline: none;
    color: black;
}

.div-input-duplo {
    position: relative;
}

.div-input-duplo input {
    width: 100%;
}

.modal-dialog .open > .dropdown-menu {
    -webkit-animation: none !important;
    animation: none !important;
}

.logout-btn-navigation {
    margin-top: 10rem;
    filter: brightness(80%);
    transition: filter 0.3s ease;
}

.logout-btn-navigation:hover {
    filter: brightness(100%);
}

.logout-icon {
    background: transparent;
    color: #fff;
    border: none;
    font-size: 14px;
}

.logout-icon:hover {
    cursor: pointer;
    color: var(--color-laranja-principal)
}

.logout-icon-span {
    color: var(--Branco, #FFF);
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 7px;
    cursor: pointer;
}

.minified .logout-icon-span {
    display: none !important;
}

.minified .logout-icon img {
    margin-left: -10px;
}


.list-group-item.focus,
.list-group-item.active {
    background: linear-gradient(to left, #3E02C6 0.10%, rgba(0, 0, 0, 0.00) 100.32%), #1c063c !important;
    color: white !important;
    border: none !important;
}

.list-group-item {
    font-style: normal;
}

.cotacoes-div {
    max-width: 100%;
    white-space: nowrap;
    margin-right: 0;
}

.txt-color-purple {
    color: var(--color-roxo-principal);
}

.cotacao-icon {
    color: var(--color-roxo-principal);
}

#shortcut {
    display: block;
    width: 220px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px !important;
    margin-top: 4.8rem;
    background: #584475;
    top: 139px !important;
}

.shortcut-color {
    background: #584475;
}

#shortcut span {
    color: #fff;
}

#shortcut ul li:hover svg path,
#shortcut ul li:hover span {
    fill: #FF9001;
    color: #FF9001;
}

#shortcut ul li svg path {
    fill: white;
}

#shortcut ul {
    padding: 0px 20px !important;
}

#shortcut ul li {
    display: flex !important;
    float: none !important;
    clear: both !important;
    padding: 10px 2px;
}

#shortcut ul li a {
    display: flex;
    flex-direction: column;
    padding-top: 5px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #AF9FC7;
}

#shortcut ul li a .icone-shortcut {
    width: 24px;
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
}

#logo-group-mob {
    display: none;
}


#icon-header1,
.header-search-mob {
    display: none;
}

.modal-shortcut {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(97, 97, 97, 0.80);
}

.modal-content-shortcut {
    width: 680px;
    height: 740px;
    padding: 50px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 38.503px;
    border-radius: 38px;
    background: radial-gradient(198.18% 221.63% at -3.23% 137.49%, #1530C0 0%, rgba(77, 53, 137, 0.15) 59.56%, rgba(0, 0, 0, 0.00) 100%), #0D0A2C;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 700px;
    overflow-y: auto;
}

.modal-content-complementares-aux {
    width: 600px;
    padding: 50px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 38.503px;
    border-radius: 38px;
    background: linear-gradient(to left, #3E02C6 0.10%, rgba(0, 0, 0, 0.00) 100.32%), #1c063c;
    position: absolute;
    top: 50%;
    max-height: 700px;
    overflow-y: auto;
}

.close-modal-shortcut {
    color: white;
    float: right;
    font-size: 40px;
    font-weight: 600;
    cursor: pointer;
    margin-left: 15px;

}

.lista-empresas-shortcut {
    box-shadow: none !important;
}

.lista-empresas-shortcut li a {
    padding-left: 30px;
}

.input-wrapper-shortcut {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon-shortcut {
    position: absolute;
    right: 35px;
    top: 30%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #aaa;
    cursor: pointer;
}

.input-wrapper-shortcut input[type="text"]::placeholder {
    color: rgb(48, 48, 48);
    text-indent: 34px;
}

.input-wrapper-shortcut input[type="text"] {
    color: rgb(48, 48, 48);
    height: 30px;
    padding-right: 30px;
    width: 100vw;
    padding-left: 10px;
    font-style: normal;
    margin: 0 20px 15px 20px;
}

.form-group-complementares-aux {
    margin-bottom: 2rem;
}

.form-group-complementares-aux label {
    margin-bottom: 5px;
}

.select-wrapper-complementares-aux {
    color: #fff;
    height: 40px;
    width: 100%;
    position: relative;
    background: #151757;
    border-radius: 5px;
    border: 2px solid #fff;
    font-size: 16px;
}

.select-wrapper-complementares-aux select {
    width: 100%;
    height: 100%;
    padding-right: 30px;
    padding-left: 10px;
    font-style: normal;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #151757;
    border: none;
    border-radius: 0;
    color: #fff;
}

#encaixeSelect, #encaixeSelect option:checked {
    background: #161E73;
    color: #fff;
}

#tituloSelect, #tituloSelect option:checked {
    background: #161E73;
    color: #fff;
}

.textarea-wrapper-complementares-aux {
    color: #fff;
    height: 100px;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #fff;
    background: transparent;
    resize: vertical;
}

textarea-wrapper-complementares-aux:focus {
    outline: none;
}

.input-wrapper-complementares-aux {
    color: #fff;
    height: 40px;
    width: 100%;
    padding-right: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #fff;
    background: transparent;
}

.buttons-wrapper-complementares-aux {
    display: flex;
    margin-top: 20px;
    gap: 2rem;
    justify-content:center ;
}

.btn-cancelar-complementares-aux,
.btn-salvar-complementares-aux {
    cursor: pointer;
    width: 14rem;
    height: 4rem;
}

.btn-cancelar-complementares-aux {
    border-radius: 5px;
    border: 1px solid #fff;
    background: transparent;
    color: white;
}

.btn-salvar-complementares-aux {
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #fff;
}

.btn-cancelar-complementares-aux:hover {
    border: solid 2px #13A9FF;
}

.btn-salvar-complementares-aux:hover {
    background: #ddd;
}

.titulo-modal-empresas {
    color: var(--Branco, #FFF);
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}

.lista-modal-shortcut {
    display: flex;
    width: 522px;
    height: 56px;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid var(--Branco, #FFF);
    margin-bottom: 10px;
    gap: 10px;
    cursor: pointer;
}

.lista-modal-shortcut:hover {
    background: #3E02C6;
    border: 2px solid white;
}

.sub-titulo-modal-empresas {
    color: var(--Branco, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 99.8%;
}

.sub-titulo-modal-complementares-aux {
    color: var(--Branco, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 99.8%;
}

.sem-resultados-msg {
    font-style: normal;
    margin-left: 30px;
}

.span-shortcut-menu {
    font-size: 14px;
    font-style: normal;
    color: #AF9FC7;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.menu-text {
    margin-left: 7px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.footer-mobile-itens {
    display: none;
}

.col-itens{
    padding-right: 0 !important;
}

.icone-aviao-navigation {
    filter: invert(100%);
    margin-right: 10px;
    width: 24px;
}

.container-itens-flex {
    display: flex;
    justify-content: space-between;
}
 
.icone-navigation {
    width: 20px;
}

nav ul li a:hover img.icone-navigation {
    filter: invert(60%) sepia(100%) saturate(1000%) hue-rotate(10deg);
    transition: 0.2s;
}

.input-pais-operador {
    width: auto;
}

.container-manutencao {
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.embarque-comex {
    display: grid;
    grid-template-columns:50px 3fr 1fr 1fr 1fr 1fr 1fr 1fr 50px;
    align-items: center;
    gap: 10px;
    height: auto;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 8px;
    padding: 10px 15px;
    margin: 16px 0;
}

.embarque-comex:hover {
    border: 2px solid rgb(170, 170, 170);
}

.embarque-comex div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.modal-embarques-comex {
    width: 604px !important;
    height: auto;
    padding: 40px;
    border-radius: 20px;
    background: linear-gradient(90deg, #0f0624, rgba(80, 31, 180, 1));
    margin-top: 100vh;
}

.modal-detalhes-comex {
    position: relative;
    width: 1480px;
    height: 730px;
    background: linear-gradient(90deg, rgba(80, 31, 180, 1), #0f0624);
    display: flex;
    flex-direction: row;
    margin-top: 100vh; 
    border-radius: 20px;
}

.div-abas-embarques-comex {
    position: relative;
    width: 317px;
    height: 100%;
    background: linear-gradient(
        -95.41deg,
        rgba(255, 255, 255, 0.48) -26.06%,
        rgba(255, 255, 255, 0.12) 73.94%
    );
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding:0 80px;
    gap: 35px;
    border-radius: 20px 0 0 20px;
}

.div-abas-embarques-comex-title {
    font-size: 18px;
    color: white;
    margin: 0;
    text-align: left;
    width: 100%;
    cursor: pointer;
}


.div-detalhes-embarques-comex {
    flex-grow: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    color: white;
    gap: 10px;
    width: 1100px;
    background-image: url("../img/Detalhe-PNG-Novidades.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 20px;
}

.comex-detalhe-titulo {
    font-size: 13px;
    font-weight: 300;
    line-height: 18.57px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 10px;
}

.comex-detalhe-dado {
    font-size: 16px;
    font-weight: 600;
    line-height: 21.79px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.comex-detalhe-item {
    display: flex;
    flex-direction: column;
}

.detalhes-embarque-container{
    width: 100%;
    padding-right: 50px;
}

.hr-comex {
    margin: 32px 0 32px 13px; 
    border: 0; 
    height: 2px; 
    background-color: rgba(146, 146, 146, 0.2) !important; 
    width: 65%;
    padding-left: 13px;
}

.div-btns-salvar-embarque{
    margin-right: 25rem;
}

.comex-docs-container {
    padding: 10px;
    min-height: 580px;
    margin-top: -15px;
}

.comex-docs-card {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 13px;
}

.comex-doc-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    border-radius: 8px;
    margin-right: 15px;
}

.comex-doc-detalhes {
    flex-grow: 1;
}

.comex-docs-card-title {
    font-size: 18px;
    color: #007bff;
    margin: 0;
}

.comex-doc-tipo {
    color: rgba(81, 83, 84, 1);
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    text-align: left;
    margin: 0;
}

.comex-doc-data {
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    color: rgba(97, 97, 97, 1);
    margin: 0;
}

.docs-cards-container {
    height: 490px;
}

.tabela-comex {
    width: 90%;
    max-width: 100%;
    margin-bottom: 18px;
    color: white;
    padding: 50px;
}

.tabela-comex tbody tr {
    margin-bottom: 13px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 700;
}

.tabela-comex td {
    padding: 13px 0;
    font-size: 13px;
}

.tabela-comex th {
    padding: 13px 0;
}

.card-comex-insights {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
    margin-bottom: 16px;
    width: 100%;
}

.card-body-comex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 10px;
}

.card-body-comex.border-red {
    border: 2px solid rgba(255, 77, 77, 1);
    background-color: rgba(255, 240, 243, 1);
}

.card-body-comex.border-yellow {
    border: 2px solid rgba(231, 183, 61, 1);
    background-color: rgba(255, 249, 226, 1);
}

.card-body-comex.border-green {
    border: 2px solid rgba(0, 147, 80, 1);
    background-color: rgba(239, 255, 240, 1);
}

.card-body-comex.border-orange {
    border: 2px solid rgba(255, 127, 0, 1);
    background-color: rgb(255, 240, 227)
}

.comex-insights-span {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    margin: 10px 0;
}

.embarque-comex-mobile {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    margin-bottom: 16px;
}

.comex-input-search {
    padding: 35px 16px 35px 40px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

.search-icon {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
    color: rgba(64, 64, 64, 1);
    font-size: 16px;
    pointer-events: none;
}

.pagination-container-comex {
    text-align: center;
    margin: 10px 0;

}

.pagination-info-comex {
    margin-bottom: 10px;
    font-size: 14px;
    color: #495057;
}

.pagination-buttons-comex {
    display: flex;
    justify-content: center;
    gap: 30px; 
}

.hr-pag-comex {
    width: 95%;
    height: 1px;
    border: 1px 0px 0px 0px;
    opacity: 0px;
    background-color: rgb(210, 210, 210);
    box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 5px !important;
}

.sub-titulo-modal-comex-novo-embarque {
    color: var(--Branco, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 99.8%;
    text-align: center;
    margin: 16px 0;
    padding: 0 40px;
    margin: 30px 0;
    line-height: 22px;
}

.criar-embarque-docs-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    flex-direction: row;
}

.aba-comex-mobile{
    display: none;
}

 .menu-mobile-comex-abas {
    display: none;
 }

 .comex-transporte-container {
    overflow-y: auto; 
    max-height: 600px;
 }

 .menu-mobile-comex-fechado {
    display: none;
}


.titulo-modal-remessas,
.titulo-modal-empresas {
    color: var(--Branco, #FFF);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    margin: 0 85px 35px 85px;
}

.comex-doc-img-container{
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    height: 600px;
}

.coda-comex-container{
    padding: 0 60px 0 13px;
    overflow-y: auto;
    max-height: 580px;
}

.file-input:disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #ddd;
}

.critica-impeditivo-icon{
    color: white;
    padding: 5px;
    background-color: rgba(255, 77, 77, 1);
    border-radius: 50%;
    margin-right: 5px;
}

.critica-leve-icon {
    color: white;
    padding: 4px;
    background-color: rgba(231, 183, 61, 1);
    border-radius: 50%;
    margin-right: 5px;
    height: 25px;
    width: 25px;
}

.critica-nenhuma-icon {
    color: white;
    padding: 4px;
    background-color: rgba(0, 147, 80, 1);
    border-radius: 50%;
    margin-right: 5px;
    height: 25px;
    width: 25px;
}

.critica-moderado-icon {
    color: white;
    padding: 5px;
    background-color: rgba(255, 127, 0, 1);
    border-radius: 50%;
    margin-right: 5px;
}

.input-manifestos {
    margin-bottom: 20px; 
    color: white; 
    text-align: center; 
    outline: none; 
    border-bottom: 1px solid white !important; 
    background-color: transparent; 
    border-top: none !important; 
    border-right: none !important; 
    border-left: none !important;
    font-size: 15px;
}

.input-manifestos:focus{
    outline: none !important;
}


.titulo-modal-extracoes {
    font-weight: 400;
	font-size: 16px;
	line-height: 18.57px;
	letter-spacing: 0%;
}

.periodo-extracao-dias-mes {
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px; 
    max-width: 55%;
}

.label-acima {
    display: flex;
    flex-direction: column;
    font-size: 13px;     
    font-weight: 500;
    line-height: 18px;
    text-align: left;
}

.disabled-cinza {
    background-color: #eae9e9; 
    color: #6e6e6e;           
    border: 1px solid #a9a9a9; 
    cursor: not-allowed;
    opacity: 1;               
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.tags-input-destaques {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 30px;
    padding: 1px 5px 1px 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: text;
    background-color: white;
    min-width: 100%;
}

.tags-input-destaques input {
    border: none;
    outline: none;
    flex: 1;
    min-width: 100px;
    height: 25px;
}

.tag-input-destaque {
    background: #3E02C6;
    color: white;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 2px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.tag-input i {
    margin-left: 4px;
    cursor: pointer;
}
/* breakpoins */


@media screen and (max-width: 1200px) {

    .modal-detalhes-comex {
        position: relative;
        width: 80vw;
        height: 730px;
        background: linear-gradient(90deg, rgba(80, 31, 180, 1), #0f0624);
        display: flex;
        flex-direction: row
    }

    .div-detalhes-embarques-comex {
        flex-grow: 1;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        color: white;
        gap: 10px;
        width: 50vw;
    }

    .detalhes-embarque-container {
        padding-right: 0;
    }

    .docs-cards-container {
        height: 520px;
        overflow-y: auto;
    }

    .comex-docs-card {
        padding: 20px;
    }

    .div-btns-salvar-embarque {
        margin-right: 11vw;
    }
}

@media screen and (max-width:767px) {
    .input-pais-operador {
        width: 80% !important;
        margin: 0 auto
    }

    .container-itens-flex {
        display: block;
    }

    .container-itens-flex .col-xs-12 {
        text-align: center;
    }

    .col-itens{
        padding: 0 !important;
    }
    
    .footer-mobile-itens {
        display: flex !important; 
        align-items: center; 
        justify-content: center
    }

    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right .sidebar-offcanvas {
        right: -50%;
        /* 6 columns */
    }

    .row-offcanvas-left .sidebar-offcanvas {
        left: -50%;
        /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%;
        /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%;
        /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%;
        /* 6 columns */
    }

    ul.dropdown-menu {
        left: -2rem;
        width: 350px;
    }


    /* Responsividade tela Remessa / Rastreio */

    .rastreio-span {
        display: none;
    }

    .rastreio-span-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .rastreio-span-mobile {
        display: flex;
        text-align: center;
        font-size: 13px;
        font-weight: 700;
        color: black;
        margin: 10px;
        min-width: 300px;
    }

    .rastreio-seach-input {
        margin-top: 24px;
    }

    .rastreio-flag-container {
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 10px 0 0 0;
    }

    .rastreio-flag-container span {
        margin-bottom: 16px;
    }

    .rastreio-pedido-details {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 32px 0;
    }

    .rastreio-pedido-divs {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 10px 0 !important;
    }

    .rastreio-pedido-divs p {
        text-align: center;
        white-space: nowrap;
        margin-top: 15px;
    }

    .rastreio-divisor {
        margin-top: 700px;
    }

    .rastreio-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 47px;
    }

    .rastreio-info-divs {
        margin-bottom: 20px;
    }

    .rastreio-info-container {
        margin-bottom: 0px;
    }

    .form-recupera-senha {
        width: 96vw;
        margin-top: 20vh !important;
    }


    .info {
        width: 100%;
        min-width: 200px;
        padding: 5px 24px;
    }

    .info-item,
    .rastreio-item-verde {
        text-align: left;
    }

    .rastreio-item-verde {
        color: green;
    }

    .card-rastreio img {
        margin-bottom: 24px;
    }

    .mensagem-erro {
        margin-top: -55px !important;
        margin-bottom: 55px;
    }

    #header {
        height: 90px;
    }

    .menu-mobile-icon {
        color: white;
        font-size: 30px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.20);
        padding: 2px 6px;
        margin-right: 10px;
    }

    .cotacoes-div {
        text-align: center;
        margin: 0 auto;
    }

    #left-panel {
        z-index: 997 !important;
        padding-top: 49px !important;
    }

    #shortcut {
        z-index: 998 !important;
        margin-top: 4em;
    }

    #shortcut ul li{
        padding-left: 1em;
    }

    .lista-empresas-shortcut li a {
        display: block;
        padding-left: 5px;
        white-space: nowrap;
        overflow: hidden;
        width: 93%;
    }

    #logo-group-mob {
        padding: 5px;
        width: 100%;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative;
        margin-top: 20px;
    }

    .icon-ribbon {
        color: white;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.10);
        width: 35px;
        height: 33px;
        color: white;
        font-size: 30px;
        padding: 1px 0;
    }

    .search-mobile .header-search-mob {
        display: block;
        position: absolute;
        top: 55px;
        width: 70vw;
        height: 30px;
        min-width: 200px;
        padding: 0 2px;
        box-sizing: border-box;
        left: 45%;
        transform: translateX(-50%);
        background-color: transparent !important;
    }


    .header-search-mob {
        position: relative;
    }


    .search-mobile #cancel-search-js,
    .search-mobile .header-search-mob>button {
        margin-top: 4px;
    }

    #icon-header1 {
        display: flex;
    }

    .modal-shortcut {
        z-index: 1;
        width: 100%;
        height: 100%;
        background: rgba(97, 97, 97, 0.80);
    }

    .modal-content-shortcut {
        width: 95vw;
        height: 100%;
        padding: 20px;
        border-radius: 20px;
    }

    #shortcut ul {
        padding: 10px 2px !important;
    }

    #shortcut ul li {
        margin-left: 3px !important;
    }

    #shortcut ul li a .icone-shortcut {
        margin-right: 2px;
    }

    .titulo-modal-empresas {
        margin: 25px 0px;
    }

    .input-wrapper-shortcut input[type="text"] {
        margin: 15px 0;
    }


    #search-fld-mob {
        width: 80vw;
        height: 30px;
        box-sizing: border-box;
        padding-right: 80px;
        border: 1px solid #bfbfbf;
    }

    #search-fld-mob[type="text"] {
        height: 100%;
        width: 70vw;
        border: none;
        outline: none;
        padding: 0 10px;
        box-sizing: border-box;
        height: 40px;
        margin-top: 5px;
    }


    #cancel-search-js,
    #search-fld-mob+button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
        line-height: 30px;
        cursor: pointer;
    }

    #cancel-search-js {
        right: 10px;
        padding: 0 10px;
        background: transparent;
        border: none;
        outline: none;
        color: red;
        top: 25px;
    }

    #search-fld-mob+button {
        right: 24px;
        width: 50px;
        border: none;
        background: transparent;
        color: #6D6A69;
        outline: none;
        top: 20px;
    }

    .search-icon-shortcut {
        right: 15px;
    }

    .sub-titulo-modal-empresas {
        margin: 0 25px 20px 5px;
    }

    .search-icon-shortcut {
        top: 50%;
    }

    .btn-seguir-opções {
        display: none;
    }

    #opcoesSeguirModal .modal-content {
        width: 150px;
        background: var(--Gradiente---Plataforma, linear-gradient(270deg, #3E02C6 0%, rgba(0, 0, 0, 0.00) 100%), #584475);
        color: white;
        border-radius: 5px;
    }

    #opcoesSeguirModal ul {
        list-style: none;
        padding-left: 0;
        text-decoration: none;
        margin-bottom: 20px !important;
    }

    #opcoesSeguirModal {
        right: 5rem;
        left: auto;
        top: 18rem;
    }

    #opcoesSeguirModal ul li a {
        color: white;
        font-style: normal;
        font-size: 12px;
        margin-bottom: 50px;
    }

    #opcoesSeguirModal ul li {
        margin-bottom: 10px;
        margin-left: 5px;
    }

    .logout-btn-navigation {
        margin-top: 10rem;

    }


    .menu-animation.ng-enter {
        transition: all 0.3s ease;
        max-height: 0;
        opacity: 0;
    }

    .menu-animation.ng-enter-active {
        max-height: 500px;
        /* Altura máxima do menu ao abrir */
        opacity: 1;
    }

    .container-fatura-coda {
        flex-direction: column;
        align-items: flex-start;
    }

    .fatura-coda-texto,
    .coda-fatura-desc  {
        width: 100%;
        text-align: left;
    }

    .coda-fatura-desc{
        margin-top: 1em;
    }

    .sub-titulo-modal-comex-novo-embarque {
        padding: 0 16px;
    }

    .criar-embarque-docs-container {
        display: flex;
        flex-direction: column-reverse;
        gap: 12px;
    }

    .modal-embarques-comex {
        margin-top: 50vh;
        width: 80vw !important;
    }

    .div-abas-embarques-comex {
        display: none;
    }

    .comex-detalhe-titulo {
        line-height: 30px;
        text-decoration-skip-ink: none;
        margin-bottom: 10px;
    }

    .modal-detalhes-comex {
        background: linear-gradient(90deg, #0f0624, rgba(80, 31, 180, 1));
    }

    .div-detalhes-embarques-comex {
        padding: 40px 20px;
    }

    .docs-cards-container {
        height: 420px;
        overflow-y: auto;
    }

    .aba-comex-mobile{
        display: block;
    }

    .menu-mobile-comex-abas {
        display: flex; 
        justify-content: space-between; 
        align-items: center; 
        margin-bottom: 30px;
    }

    .menu-mobile-comex-aberto {
        background: rgba(116, 87, 164, 1);
        padding: 20px;
        position: absolute;
        width: 90%;
        margin-top: -25px;
        z-index: 9999 !important;
        border-radius: 8px;
        animation: slideDown 0.3s ease-out forwards;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .menu-mobile-comex-fechado {
        opacity: 0;
        display: none;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .comex-docs-container {
        padding: 0px;
        margin-top: 0px;
    }

    /* .col-md-6.no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    } */

    .comex-docs-card {
        margin: 0;
    }

    .produtos-container-mobile{
        overflow-y: auto;
        max-height: 525px;
    }

    .tabela-comex {
        width: 100%;
        border-spacing: 0 10px;
    }

    .tabela-comex tbody tr {
        white-space: nowrap;
    }

    .tabela-comex td, 
    .tabela-comex th {
        white-space: nowrap;
        padding: 13px;
    }

    .tabela-comex thead th {
        white-space: nowrap;
    }

    .comex-transporte-container {
        max-height: 500px;
    }

    .div-abas-embarques-comex-title {
        padding: 15px 0;
    }

    .comex-doc-img-container {
        max-width: 500px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .coda-comex-container{
        padding: 0 10px 0 0 !important;
        max-height: 480px;
        width: 75vw;
        margin-top: -20px;
    }

    .comex-insights-span-mobile {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 90%;
        transition: max-width 0.3s ease;
    }

    .comex-insights-span-mobile.expanded {
        white-space: normal;
        overflow: visible;
        max-width: none;
    }

    .toggle-text {
        display: inline-block;
        cursor: pointer;
        margin-left: 5px;
        text-decoration: none;
    }

    .toggle-text i {
        transition: transform 0.3s ease;
    }

    .modal-content-remessas {
        width: 350px !important;
        height: 200px;
        padding: 10px;
        overflow-y: auto;
        margin-top: 50%;
    }

    .toggle-text i.rotated {
        transform: rotate(180deg)
    }

    .card-body-comex {
        padding: 15px 15px 15px 0px;
    }

    .comex-transporte-container .col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .titulo-modal-remessas{
        font-size: 28px !important;
        margin: 0 10px 20px 10px !important;
    }

    .periodo-extracao-dias-mes {
        max-width: 100%;
    }
}


    .doc-thumb {
        border-radius: 5px;
        width: 65px;
        height: 65px;
        font-size: 40px;
        text-align: center;
        line-height: 65px;
        vertical-align: middle;
    }

    .doc-upload {
        color: gray;
        background-color: #F5F5F5;
        border: 1px solid #DDDDDD;
        text-align: center;
        height: 140px !important;
        line-height: 100px;
        border-radius: 4px;
        justify-content: center;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .doc-upload-coda {
        color: white;
        background-image: url("../img/rede_azul.png");
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 140px !important;
        line-height: 100px;
        vertical-align: middle;
        border-radius: 4px;
        padding: 0 20px;
        cursor: pointer;
        border: 1px solid #010015;
    }

    .doc-upload-coda-disabled {
        color: gray;
        background-image: url("../img/rede_pb.png");
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 140px !important;
        line-height: 100px;
        vertical-align: middle;
        border-radius: 4px;
        padding: 0 20px;
        cursor: pointer;
        border: 1px solid #010015;
        cursor: not-allowed;
    }

    .doc-upload-coda-disabled h3{
        font-size: 14px;
        color: white;
    }

    .doc-upload h3{
        font-size: 14px;
    }

    .doc-upload-coda-disabled h4,
    .doc-upload-coda h3{
        color: white !important;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .doc-upload-complementar {
        color: gray;
        background-color: white;
        border: 1px solid #DDDDDD;
        text-align: center;
        height: 100px !important;
        line-height: 100px;
        vertical-align: middle;
        border-radius: 4px;
    }

    .div-coda{
        height: 100px;
        border-radius: 4px;
        background-image: url("../img/rede_azul.png");
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .div-coda-disabled {
        height: 100px;
        border-radius: 4px;
        background-image: url("../img/rede_pb.png");
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
        cursor: not-allowed;
    }

    .div-coda-disabled h3,
    .div-coda h3 {
        font-size: 12px;
        color: #ffffff;
        font-weight: bold;
        margin-bottom: 10px;

    }

    .div-coda-disabled h4,
    .div-coda h4 {
        font-size: 12px;
        color: #ffffff;
    }

    .h4-ce {
        margin-top: 10px;
        border-bottom: solid 1px gray;
        margin-bottom: 5px;
    }

    .div-uploadTrad {
        height: 100px;
        border-radius: 4px;
        background-color: #EEEEEE;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .div-uploadTrad h3 {
        font-size: 12px;
        color: #666666;
        font-weight: bold;
        margin-bottom: 10px;
    }


    .div-uploadTrad h4 {
        font-size: 12px;
        color: #666666;
    }

    .coda-container{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 10px 0 0 0;
    }

    .switch-codaConhecimento {
        display: block;
    }

    .dados-conhecimento {
        display: block;
        /* margin-bottom: 14px; */
        font-size: 14px;
    }


    .input-group-full {
        width: 100%;
    }

    .tab-loading {
        width: 90px; 
        height: 40px; 
        display: flex !important;  
        justify-content: center !important; 
        align-items: center !important;
    }
    

    .lista-simples {
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
    }

    .dropdown-menu p {
        padding-left: 10px;
        font-weight: bold
    }

    .todo-group-title {
        margin: 0;
        line-height: 31px;
        padding: 0 0 0 10px;
        background: #fafafa;
        border-bottom: 1px solid #e7e7e7;
        border-top: 1px solid #f4f4f4;
        color: #666;
    }

    .media-tight {
        margin-top: 0px;
    }

    .processo-area-trabalho {
        border: solid 1px #ddd;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
        margin: 1rem 0;
        padding: 1rem;
        display: flex;
        border-radius: 4px;
    }

    .processo-area-trabalho-direita {
        border: solid 1px #ddd;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
        margin: 1rem 0;
        padding: 1rem;
        display: flex;
        border-radius: 4px;
        justify-content: flex-end;
    }

    .visualizacao-impostos {
        padding: 6px;
        border-radius: 4px;
        height: 48px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    }

    ul[data-smart-menu] li .menu-item-parent {
        margin-bottom: 8px;
    }


    #header {
        background: white;
        border-bottom: 1px solid rgb(231, 227, 227);
    }

    .critico a {
        color: #b94a48 !important;
    }

    .search {
        padding: 0;
        margin: 0;
    }

    .jarviswidget header h2 {
        max-width: 200px;
    }

    .jarviswidget .widget-body {
        min-height: 70px;
    }

    .tighter section {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .tighter fieldset {
        padding-top: 5px !important;
    }

    .tighter input {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .lista-dupla {
        line-height: 20px;
        padding-left: 5px;
        padding-right: 5px;
        border-collapse: collapse;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .col-12 {
        width: 100%;
    }

    .fadein,
    .fadeout {
        -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
        -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
        -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
        transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    }

    .fadein.ng-hide-remove,
    .fadeout.ng-hide-add.ng-hide-add-active {
        opacity: 0;
        display: block !important;
    }

    .fadeout.ng-hide-add,
    .fadein.ng-hide-remove.ng-hide-remove-active {
        opacity: 1;
        display: block !important;
    }

    table.table-bordered td:last-child,
    table.table-bordered th:last-child {
        border-right-width: 1px;
    }

    .tabelaHtml>tbody>td {
        padding-right: 10px;
    }



    .dropdown-menu {
        margin: 6px 0;
        padding: 1rem;
        border-radius: 6px;
    }

    .hover-opcao:hover {
        background-color: #33EE33 !important;
    }





    .btn-decisao-proposta {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        align-items: end;
        justify-content: start;
        padding: 10px 0;
        gap: 2rem;
    }


    .taxes-line {
        margin: 50px 0 20px 0;
    }


    .ellipsed {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block;
    }

    .chat-body li.message {
        display: block;
        position: relative;
    }

    .profile-message li.message.message-reply {
        margin-left: 1px !important;
        background: unset;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        margin: 0px 0 0 20px;
    }

    /* .chat-body li:first-child {
        margin-top: 15px;
        margin-bottom: 15px;
    } */

    /* .chat-body li {
        margin-left: 20px;
    } */

    .comment-time {
        margin-top: 2px !important;
    }


    #header {
        padding-left: 5px !important;
    }

    .th-tabela-editar {
        background-color: #3E02C6; 
        color: white; 
    }

    .editar-table th, 
    .editar-table td {
        min-width: 120px;
        text-align: left;
        padding: 8px;
    }

    .editar-table {
        overflow-x: auto;
        white-space: nowrap;
    }

    .filter-group-items {
        display: flex;
        flex-wrap: wrap;
        padding: 10px 15px;
    }

    .filter-group-items label {
        margin-right: 15px;
    }
/* 
    .sticky-column-header {
        position: -webkit-sticky;
        position: sticky;
        left: -2px;
        background-color: var(--color-roxo-principal);
        color: #fff;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
        padding: 10px;
    }

    .sticky-column-content {
        position: -webkit-sticky;
        position: sticky;
        left: -2px;
        background-color: #fbfbfb;
    }

    .sticky-column-content::after,
    .sticky-column-header::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 0.5px;
        background-color: #ddd;
        border: 1px solid #ddd;
    } */

/* padding-right: 0px; */

    .atributos-lista {
        padding-left: 0;
        list-style: none;
        margin: 0;
    }

    .atributos-lista .atributo-item {
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 5px;
        background-color: #f9f9f9;
        width: fit-content;
        box-sizing: border-box;
        margin-right: auto;
    }

    .atributos-lista .atributo-item strong {
        color: #333;
        font-weight: bold;
    }

    .atributos-lista .atributo-item span {
        color: #555;
    }

    .section-insight {
        margin: 15px 0;
    }

@media (max-width: 982px) {}

@media (max-width: 952px) {}

@media (max-width: 841px) {}

@media (max-width: 767px) {
    #left-panel {
        margin-top: 0px !important;

    }

    .padding-right-mobile {
        padding-right: 13px !important;
    }


}

@media screen and (min-width:767px) {

    /* .row-offcanvas-right>.col-xs-12,
    .col-sm-9,
    .sidebar-offcanvas {
        padding-right: 0px;
    } */
    .table-responsive {
        overflow-x: hidden;
    }

}

#sparks {
    display: block;
    list-style: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 5px;
    text-align: right;
    margin-top: 0px;
}

@media only screen and (min-width: 320px) and (max-width:479px) {
    #sparks {
        text-align: center;
        margin-bottom: 0px;
        background: url(../img/mybg.png) #fff;
    }

    #sparks li {
        border-left: 1px dotted #c7c7c7;
        padding: 0 10px;
    }
}

.page-title {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}

.mantra {
    white-space: pre;
    font-family: monospace;
    color: #33EE33;
}

.modal-open .modal {
    background-color: rgba(0, 0, 0, 0.7);
}

.modal-content-remessas {
    width: 550px;
    
    padding: 50px 40px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 38.503px;
    border-radius: 38px;
    background: radial-gradient(198.18% 221.63% at -3.23% 137.49%, #1530C0 0%, rgba(77, 53, 137, 0.15) 59.56%, rgba(0, 0, 0, 0.00) 100%), #0D0A2C;
    position: absolute;
    overflow-y: auto;
    margin-top: 30%;
}

.texto-modal-remessas{
    color: white;
    font-size: 16px;
    margin: 0 20px 10px 20px;
}

.texto-remessa-sucesso {
    color: white;
    font-size: 16px;
}



/* Ajusta o tamanho da fonte do mantra conforme o tamanho da tela. É hack mas funciona*/

@media all and (min-width: 50px) {
    .mantra {
        font-size: 0.1em;
    }
}

@media all and (min-width: 100px) {
    .mantra {
        font-size: 0.2em;
    }
}

@media all and (min-width: 200px) {
    .mantra {
        font-size: 0.3em;
    }
}

@media all and (min-width: 300px) {
    .mantra {
        font-size: 0.41em;
    }
}

@media all and (min-width: 350px) {
    .mantra {
        font-size: 0.5em;
    }
}

@media all and (min-width: 400px) {
    .mantra {
        font-size: 0.55em;
    }
}

@media all and (min-width: 425px) {
    .mantra {
        font-size: 0.58em;
    }
}

@media all and (min-width: 500px) {
    .mantra {
        font-size: 0.6em;
    }
}

@media all and (min-width: 600px) {
    .mantra {
        font-size: 0.7em;
    }
}

@media all and (min-width: 700px) {
    .mantra {
        font-size: 0.81em;
    }


}

@media all and (min-width: 800px) {
    .mantra {
        font-size: 0.83em;
    }

    .input-Docs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media all and (min-width: 1024px) {
    .mantra {
        font-size: 0.86em;
    }

    .input-Docs {
        padding-left: 0 !important;
    }
}

@media all and (min-width: 1440px) {
    .mantra {
        font-size: 1.2em;
    }

    .section-insight {
        margin: 15px 0;
        width: 60%;
    }
}

.clockpicker-popover {
    z-index: 2000;
}


@media (max-width: 881px) {
    .ajax-dropdown {
        left: -277px !important;
        height: 460px !important;
    }
}

@media (max-width: 479px) {
    .ajax-dropdown {
        height: 345px !important;
        left: -257px !important;

    }

    .ajax-dropdown::before {
        left: 270px !important;

    }

    .ajax-dropdown::after {
        left: 270px !important;
    }
}

@media (max-width: 317px) {

    .ajax-dropdown {
        height: 461px !important;
        left: -237px !important;
        width: 96vw;

    }

    .ajax-dropdown::before {
        left: 83% !important;

    }


    .ajax-dropdown::after {
        left: 83% !important;
    }


}


.square-40 {
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
}

.square-60 {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    font-size: 50px;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
}

.dropdown-menu-right {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
}

.ordem-lista-h4 {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 20px;
    overflow: visible;
}

.ordem-lista-h4 a {
    display: inline-block;
    max-width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}

.ordem-lista-h4+p>small {
    display: inline-block;
    max-width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}



/* Para ser usado dentro de forms */

.my-label {
    display: inline;
    padding: .3em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-right: 5px;
}

.label-roxo {
    background: linear-gradient(294deg, #3E02C6 63.19%, #A279FF 165.18%, #3E02C6 257.43%);
    border: none;
    color: var(--color-white); 
}

.label-laranja {
    background: linear-gradient(294deg, #de7b30 63.19%, #fabb96 165.18%, #FF9001 257.43%);
    border: none;
    color: var(--color-white); 
}

.friends-list {
    margin-left: 0;
    padding-left: 5px;
}

.friends-list div {
    width: 35px;
    height: 35px;
    outline: none;
    line-height: 35px;
    font-size: 25px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
}

.friends-list a[data-hint]:hover:after {
    content: attr(data-hint);
    padding: 4px 8px;
    background-color: black;
    opacity: 0.8;
    color: white;
    position: absolute;
    display: block;
    white-space: nowrap;
    z-index: 10000;
}

.friends-list div img {
    width: 35px;
    height: 35px;
    outline: none;
    vertical-align: top;
    border-radius: 50%;
    border: none;
    object-fit: cover;

}

.friends-list-plus {
    font-size: 14px;
    background-color: #ddd;
    width: 35px;
    height: 35px;
    display: block;
    position: relative;
}

.friends-list-plus:hover {
    cursor: pointer;
}

.smart-form .timepicker .state-error {
    border-color: #A90329;
}





.multiselect .input-sm,
.multiselect .input {
    display: flex;
    flex: 1;
}

label.multiselect {
    display: flex !important;
    flex-flow: row wrap;
    flex-direction: row;
}

.multiselect .label {
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    line-height: 20px;
    top: 0;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
}

.multiselect a {
    color: inherit;
}

/* Definições Card-body*/

.card-body {
    border: 1px solid rgb(200, 196, 196);
    border-radius: 6px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    margin: 5px 15px 40px 0;
    padding: 5px 10px;
}

/* O original não tem o !important. Se o pai setar a margem, isso é sobrescrito*/

.col-md-offset-1 {
    margin-left: 8.33333333% !important;
}

.modal {
    /*Precisa disso para o summercode não ficar oculto quando estiver em airmode em um modal*/
    z-index: 1000 !important;
}

.item-processo {
    max-width: 70%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.pull-right a[data-hint]:hover:after {
    content: attr(data-hint);
    padding: 4px 8px;
    background-color: black;
    opacity: 0.8;
    color: white;
    position: absolute;
    right: 0 !important;
    display: block;
    white-space: nowrap;
    z-index: 10000;
}

.sw-hide {
    display: none !important;
}

.fix-select-menu-dropdown {
    background-position: center, right bottom, right bottom, right bottom !important;
    appearance: menulist-button !important;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 45.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}


/* estilos personalizados agenciamento*/

.legend-age-conferencia {
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: space-between;


}

.accordion-etapas {
    width: 100%;

}

.accordion-container {
    border-radius: 6px !important;
    overflow: hidden !important;
    margin: 10px auto !important;
}

.dados-container {
    margin: 0 4rem;
    max-width: 100%;
    padding: 2rem 0 2rem 0;
}

.div-titulo {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin-bottom: 2rem;
    justify-content: space-between;
}

.checkbox-titulo {
    display: flex;
    align-items: center;
    gap: 1rem;
}


.dados-conteudo {
    display: flex;
    gap: 4rem;
    padding-bottom: 2rem;
    text-align: left !important;
    flex-wrap: nowrap;


}

.div-conteudo {
    display: flex;
    flex-direction: column;
    gap: 0.660rem;
    width: 100%;
}

.div-conteudo span {
    font-weight: bold;
}

.btn-editar-dados {
    border-radius: 4px;
    padding: 2px 2rem;
    border: none;
    border-radius: 4px;

}

.checkbox-dados {
    width: 18px;
    height: 18px;
    margin: 0 !important;
    cursor: pointer;
}

.div-conferido {
    margin-bottom: 2rem;
    color: var(--color-sucess);
}

/* Estrutura tags proposta agenciamento */

.div-proposta-sucesso,
.div-elaboracao {
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
    font-size: 12px;
}

.div-proposta-reprovada {
    width: 100%;
    margin-bottom: 8px;
    display: flex;
    gap: 1rem;
    font-size: 12px;
    flex-direction: column;

}

.style-situacao-proposta {
    display: flex;
    gap: 1rem;
    font-size: 12px;
}

.style-observacao {
    border: solid 1px var(--color-danger);
    border-radius: 4px;
    padding: 10px;
    word-wrap: break-word;
}


/* tags */

.tag-verde {
    text-align: center;
    color: var(--color-sucess);
    border-radius: 10px;
    background-color: var(--color-green-transparent);
    border: solid 1px var(--color-sucess);
    font-size: 10px;
    padding: 1px 4px;
    font-weight: bold;
}

.tag-vermelha {
    text-align: center;
    margin-right: 5px;
    color: var(--color-red-200);
    border-radius: 10px;
    background-color: var(--color-danger-tranparent);
    border: solid 1px var(--color-red-200);
    font-size: 10px;
    padding: 1px 4px;
    font-weight: bold;

}

.tag-amarela {
    text-align: center;
    color: var(--color-standard-yellow);
    border-radius: 10px;
    background-color: var(--color-standard-yellow-tranparent);
    border: solid 1px var(--color-standard-yellow);
    font-size: 10px;
    padding: 1px 4px;
    font-weight: bold;

}

.tag-laranja{
    text-align: center;
    color: var(--color-standard-orange);
    border-radius: 10px;
    background-color: var(--color-standard-orange-tranparent);
    border: solid 1px var(--color-standard-orange);
    font-size: 10px;
    padding: 1px 4px;
    font-weight: bold;

}

.tag-cinza {
    text-align: center;
    color: #746c6c;
    border-radius: 10px;
    background-color: var(--color-standard-gray-tranparent);
    border: solid 1px #746c6c;
    font-size: 10px;
    padding: 1px 4px;
    font-weight: bold;

}

.tag-roxa {
	line-height: 1;
	white-space: nowrap;
	vertical-align: baseline;
    text-align: center;
    color: #a8829f;
    border-radius: 10px;
    background-color: #a8829f28;
    border: solid 1px #a8829f;
    font-size: 10px;
    padding: 1px 4px;
    font-weight: bold;
}

.tag-azul {
    text-align: center;
    color: var(--color-standard-blue);
    border-radius: 10px;
    background-color: var(--color-standard-blue-tranparent);
    border: solid 1px var(--color-standard-blue);
    font-size: 10px;
    padding: 1px 4px;
    font-weight: bold;
}

.tag-branca-remessa {
    text-align: center;
    color: #3B495E;
    border-radius: 86px;
    font-size: 10px;
    padding: 4px 8px;
    border: 0.5px solid rgba(219, 219, 219, 0.80);
    background: #FFF;
}



.tag-verde-100 {
    text-align: center;
    color: var(--color-green-100);
    border-radius: 10px;
    background-color: var(--color-green-100-transparent);
    border: solid 1px var(--color-green-100);
    font-size: 10px;
    padding: 1px 4px;
    font-weight: bold;
}



.status-remessa-red {
    background: #FFF0F3;
    border: solid 1px var(--color-red-status);
    border-bottom: solid 8px var(--color-red-status);
}

.status-remessa-yellow {
    background: #FFF9E2;
    border: solid 1px var(--color-yellow-staus);
    border-bottom: solid 8px var(--color-yellow-staus);
}

.status-remessa-green {
    background: #EFFFF0;
    border: solid 1px var(--color-green-status);
    border-bottom: solid 8px var(--color-green-status);
}

.container-remessas {
    width: 100%;
    border: solid 1px #DDD;
    border-radius: 8px;
    background: #F9FAFB;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.titulo-container-remessas {
    background: #323232;
    color: #fff;
    border-radius: 8px 8px 0 0;
    text-align: center;
    padding: 24px 0px 11px;
    width: 100%;
}

.card-embarque {
    width: 280px;
    margin: 21px 0px 21px;
    border-radius: 8px;
    padding: 24px 16px 16px;
}

.img-produto {
    width: 66px;
    height: 66px;
    border: solid 1px #ddd;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.img-produto img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
}


.titulo-rastreio {
    color: #000;
    font-family: Open Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.titulo-produto {
    color: #3C3F43;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.orgao-anuante {
    width: 100%;
    padding: 0.375rem 0.5rem;
    border-radius: 86px !important;
    border: 0.5px solid rgba(219, 219, 219, 0.80);
    color: #E16C00;
    font-size: 12px;
    font-weight: 600;
    background: #fff;
    display: block;
    text-align: center;
}

.divisoria {
    width: 100%;
    height: 1px;
    background: #D8D8D8;
    margin: 12px 0;
}

.container-listagem-embarque {
    background: #F9FAFB;
    padding: 10px 0;
}

.titulo-embarque {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 8px;
    position: sticky;
    top: 0;
    background: #F9FAFB;
    padding: 8px 0;
}

.box-shadow-listagem {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.listagem-embarque {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 12px;
}

.listagem-embarque span {
    width: 140px;
    margin: 12px 0;
}

.titulo-embarque span {
    width: 140px;
}

.fase-ativa-embarque {
    background: #323232;
    color: var(--color-white);
}

.fase-inativa-embarque {
    background: #D9D9D9;
    color: var(--color-white);
}

.btn-fases-embarque {
    border: none;
    border-radius: 21px !important;
    padding: 12px 20px;
}

.tabs-alterna-visualizacao {
    width: 160px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 8px;
    border: solid 2px transparent;
}

.tabs-ativa-visualizacao {
    border-bottom: solid 2px var(--color-roxo-principal);

}

.tabs-alterna-visualizacao:hover {
    border-bottom: solid 2px var(--color-roxo-principal);
    cursor: pointer;
}

.container-filtros-embarque {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
    align-items: center;
    font-size: 14px;
    align-items: baseline
}

.tabs-embarques {
    display: flex;
    margin: 3rem 0;
    gap: 4px;
}

.buttons-header-mobile {
    display: none;
}

.container-login {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#footer-sysunimar {
    background-color: black;
    color: white;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    width: 100%;
    flex-shrink: 0;
    z-index: 99;
    margin: 0 auto;
    position: relative;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1256px;
    padding: 0 2.5rem 0 3rem;
}

.footer-left .footer-logo {
    max-width: 150px;
    height: auto;
}

.footer-center p {
    margin: 0 0 0 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.footer-right {
    display: flex;
    gap: 1.2rem;
    margin-right: -5px;
}

.footer-right a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.10);
    text-decoration: none;
    color: white;
    font-size: 20px;
}

.footer-right a:hover {
    color: #ddd;
}

.container-recupera-senha {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#left-panel a {
    cursor: pointer;
}

.footer-right a i {
    font-size: 16px;
}

.container-rod-roposta-totais {
    margin: 25px 0 !important;
    background-color: rgb(245, 245, 245);
    padding: 25px 0;
    display: flex;
    justify-content: center;
}

.item-rod-roposta-totais {
    width: 16%;
}

.conteudo-rod-roposta-totais {
    background-color: #F9F9F9;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
}

#menu-toggle {
    display: none;
}

.mobile-login-menu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background-color: white;
    padding: 20px;
    width: 97vw;
    z-index: 1000;
    border-radius: 0 0 10px 10px;
    opacity: 0;
    transform: translateY(-1px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    margin: 0 auto; 
}

.sub-titulo-sigra-mobile,
.mobile-login-text {
    display: none;
}

.img-banner-login {
    margin-top: 30px;
    max-width: 100%;
    height: auto;
    max-height: 200px;
}


.dialogo-novidades {
    padding: 3rem;
    border-radius: 13px;
    background-image: url('../img/Dialogo-Novidades-PNG.png');
    background-repeat: no-repeat;
    background-size: cover;         /* Expande a imagem para cobrir toda a área */
    background-position: center;    /* Centraliza a imagem no elemento */
}

.dialogo-novidades-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.dialogo-novidades-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: white;
    
}

.dialogo-novidades-title h2 {
    margin: 0;
    font-weight: bold;
    font-size: 32px;
}

.dialogo-novidades-title img {
    width: 32px;
    height: 32px;
}

.dialogo-novidades-search {
    display: flex;
    align-items: center;
    border: solid 1px white;
    padding: 0 6px;
    border-radius: 4px;
    margin: 0 20px;
    width: 515px;
} 

.dialogo-novidades-search input  {
    width: 100%;
    height: 30px;
    padding: 0 10px;
    background: transparent;
    border: none;
    color: white;
    outline: none;
}

.dialogo-novidades-search input::placeholder {
    color: white;
}

.dialogo-novidades-search input:focus {
    outline: none !important;
}

.dialogo-novidades-btn-adicionar  {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: white;
    background: transparent;
    border: solid 1px white;
    height: 32px;
    padding: 0 7px;
}

.dialogo-novidades-btn-adicionar:hover{
    cursor: pointer;
    background: rgba(255, 255, 255, 0.15);
}

.dialogo-novidades-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}

.btn-novidades-ciente {
    height: 33px;
    background: var(--color-laranja-principal);
    color: black;
    border: none;
    padding: 0 12px;
}

.btn-novidades-ciente:hover {
    cursor: pointer;
    background: rgba(255, 154, 77, 1);
}
.btn-novidades-proximo {
    height: 32px;
    color: var(--color-standard-blue);
    border: none;
    padding: 0 12px;
}

.card-novidades {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    background: white;
    border-radius: 10px;
    padding: 16px;
    color: rgba(81, 83, 84, 1);
    margin-bottom: 14px;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    opacity: 0.8;
    max-height: 100px;
}


.card-novidades-lidas {
    width: 100%;
    background: #D9D9D91F;
    border-radius: 10px;
    padding: 16px;
    color: white;
    margin-bottom: 14px;
    border: solid 1px #D9D9D9;
}


.card-novidades-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.card-novidades-header h3 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}

.card-novidades-imagem image {
    max-width: 100%;
    height: auto;
}

/* Transições suaves */


.card-novidades-header h3 {
    transition: transform 0.5s ease-in-out;
}


.card-novidades-imagem img {
    max-width: 100%;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

/* Ao passar o mouse */
.card-novidades.is-hovered {
    max-height: 400px; 
    opacity: 1;
}

.card-novidades-lidas.is-hovered {
    max-height: 400px;
    opacity: 1;
}

/* Adicionando suavidade com transform */

.card-novidades, .card-novidades-lidas {
    transform: scale(1);
    /* transition: transform 0.3s ease;  */
}

.card-novidades,
.card-novidades-lidas {
    /* transition: all 0.5s ease-in-out; */
    overflow: hidden;
}

/* Leve crescimento do card */
.card-novidades.is-hovered {
    transform: scale(1.05); 
    opacity: 1;
}

/* Leve crescimento do card */
.card-novidades-lidas.is-hovered {
    transform: scale(1.03); 
    opacity: 1;
} 

.card-novidades.is-hovered .card-novidades-imagem img,
.card-novidades-lidas.is-hovered .card-novidades-imagem img {
    max-height: 500px; 
    opacity: 1;
} 


.dialogo-cadatro-novidades-body {
    padding: 2rem;
}

.dialogo-novidades-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dialogo-novidades-form input {
    width: 100%;
    height: 32px;
    padding: 0 10px;
    background: transparent;
    border: solid 1px #D9D9D9;
    color: #797272;
    
}

.dialogo-novidades-form label {
    color: #666;
}

.dialogo-novidades-form textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    background: transparent;
    border: solid 1px #D9D9D9;
    color: #797272;
    resize: none;
    overflow: auto;
}

.dialogo-cadastro-novidades-footer {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 1rem;
    gap: 10px;
}


@media(max-width: 609px) {
    .dialogo-novidades-header {
        display: block;
    }

    .dialogo-novidades-title  {
        justify-content: center;
    }

    .dialogo-novidades-title h2{
        margin-bottom: 20px;
    }

    .dialogo-novidades-search {
        width: inherit;
        margin: 0;
    }

    .dialogo-novidades-btn-adicionar {
        width: 100%;
        margin-top: 12px;
        justify-content: center;
        height: 42px;
    }

}

@media(max-width: 1460px) {
    .item-rod-roposta-totais {
        width: 18%;
    }
}

@media(max-width: 1280px) {
    .item-rod-roposta-totais {
        width: 30%;
    }

    .btn-compra-coda {
        width: 200px;
    }
}

@media(max-width: 1289px) {
    .width-padrao-sigra-container {
        width: 83%;
    }
    .width-padrao-sigra-sidebar-lateral {
        width: 17%;
    }
}

@media(max-width: 980px) {
    .width-padrao-sigra-container {
        width: 76%;
    }
    .width-padrao-sigra-sidebar-lateral {
        width: 19%;
    }

    .btn-compra-coda {
        width: 150px;
    }
}

@media(max-width: 766px) {
    .dropdown-menu-documentos {
        left: -171px !important;
    }

    .width-padrao-sigra-container {
        width: 100%;
    }
}

@media(max-width: 792px) {

    #footer-sysunimar {
        background-color: black;
        color: white;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 3rem 1rem;
        width: 100%;
        flex-shrink: 0;
        z-index: 99;
        margin: 0;
        position: relative;
    }

    .footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .footer-left, .footer-center, .footer-right {
        margin: 2rem 0;
    }

    .footer-left {
        margin-bottom: 1rem;
    }

    .footer-right {
        display: flex;
        justify-content: center;
        gap: 3rem;
    }

/* Responsivo login */
    .titulo-sigra {
       display: none;
    }

    .left-side {
        padding-right: 0px;
    }

    .sub-titulo-sigra-mobile,
    .mobile-login-text {
        display: block;
        font-family: 'Poppins', sans-serif;
        color: white;
        padding: 0 15px;
        margin-bottom: 40px;
    }

    .sub-header-form-login {
        font-size: 24px;
    }

    .titulo-sigra-mobile,
    .mobile-login-text {
        font-size: 32px;
        font-weight: 600;
        margin: 40px 0 24px 0;
    }

    .sub-titulo-sigra-mobile {
        font-size: 16px;
        font-weight: normal;
    }
    
    .sub-titulo-sigra p {
        display: none;
    }
    
    .container-principal-login {
        position: relative;
        overflow: hidden !important;
        height: 100vh;
        align-items: center;
        display: flex;
        justify-content: center;
    
    }

    .form-login {
        min-width: 90vw;
    }

    .principal-container-login {
        display: block;
        justify-content: center;
        align-items: center;
    }

    .buttons-header {
        display: none;
    }

    #header-sigra {
        justify-content: space-between;
        padding: 0 20px;
    }

    #logo-sigra a {
        display: none;
    }

    .especialista-container {
        display: none;
    }

    #menu-toggle {
        display: block;
        background-color: transparent !important;
        border: none !important;
    }

    .mobile-login-menu.active {
        display: block; 
        animation: slideDown 0.5s ease;
        opacity: 1;
    }

    .mobile-login-menu.slide-up {
        animation: slideUp 0.5s ease forwards;
    }
    

    .mobile-login-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: rgba(25, 8, 52, 1);
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        margin: 24px 0;
    }

    .buttons-header-mobile {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        padding: 32px 15px;
        background: var(--color-white);
    }

    .container-login {
        position: relative;

    }

    .container-content {
        height: 135vh;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        padding: 0 !important;
        align-items: center;
        overflow-y: scroll;
    }

    .container-recupera-senha {
        flex-direction: column;
        justify-content: space-between;
    }

    .containe-principal-form-cadastro {
        flex-direction: column;
        justify-content: space-between;
    }

    .container-form-cadastro {
        height: 110vh;
    }

    .form-cadastro-sigra {
        margin: 5rem 1rem 0 1rem;
        width: 90vw;
        padding: 30px;
    }

    .captcha-mobile {
        justify-content: center !important;
    }

    .btn-sigra {
        padding: 8px 15px;
        color :black;
        font-size: 16px;
        border-radius: 8px;
        background: white;
    }

    /* .form-login {
        margin: 4rem 0;
    } */
}

@media(max-width: 728px) {

    .div-proposta-sucesso,
    .style-situacao-proposta {
        margin-top: 2rem;
    }

    .dados-conteudo {
        flex-wrap: wrap;
    }

    .dados-container {
        margin: 0 1rem;
    }

    .btn-decisao-proposta {
        justify-content: space-between;
    }

    .tab-mobile {
        display: block;
    }

    .container-documentos {
        flex-direction: column;
    }

    .cards-documentos {
        width: 100% !important;
    }

    .container-pedidos {
        scrollbar-width: none;

    }

    .grid-4-colunas {
        gap: 1rem;
    }

    .header-form-login {
        font-size: 18px;
        text-align: start;
    }

}

@media(max-width: 762px) {
    .width-padrao-sigra-sidebar-lateral {
        width: 50%;
    }
    .titulo-catalogo {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .titulo-catalogo h1 {
        padding-left: 0;
    }
    .div-mostra-saldo-catalogo {
        margin-right: 0;
    }
}

@media(max-width: 600px) {
    .cards-container {
        margin-top: 2rem;
    }

    .margin-top-respon-table {
        margin-top: 1.6rem;
    }

    .hr-form-login {
        display: none;
    }

    .coda-container {
        flex-direction: column;
    }

    .div-coda-disabled,
    .div-coda {
        width: 80vw !important;
    }

    .div-uploadTrad {
        width: 84vw !important;
    }
}

@media(max-width: 580px) {

    .cards-container {
        justify-content: center;
    }

    .cards-container li {
        flex-direction: column;
        gap: 0.3rem;
        width: auto !important;
    }

    .tabs-embarques {
        justify-content: center;
    }

    .relembre-form-login {
        flex-direction: column;
        align-items: start;
        gap: 16px;
    }

    .modal-pag-coda-coins-confirma,
    .modal-pag-coda-coins {
        width: 370px !important;
        padding: 40px 20px;
        margin-top: 200%;
    }

    .qr-code-frame {
        width: 310px;
    }

    .sub-titulo-modal-coda-coins {
        text-align: left;
    }

    .grid-operador-estrangeiro-duimp {
        grid-template-columns: 1fr;
    }
    .grid-dados-fabricante-duimp {
        grid-template-columns: 1fr;
    }
    .div-descricao-itens-duimp {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .div-itens-fatura-duimp {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

}

@media (max-width: 427px) {

    .div-proposta-sucesso {
        gap: 0.5rem;
        margin-top: 2rem;
    }

    .style-situacao-proposta {
        flex-direction: column;
    }

    .div-proposta-sucesso {
        justify-content: center;
    }

    .div-proposta-reprovada {
        justify-content: center;
    }
    

}

@media (max-width: 350px) {

    .div-proposta-sucesso,
    .style-proposta,
    .style-situacao-reprovada {
        justify-content: center;
        flex-direction: column;
    }

    .div-titulo {
        flex-direction: column;
        gap: 1rem;
    }

    .btn-decisao-proposta {
        flex-direction: column;
        justify-content: center;
        gap: 1rem;
    }
}

@media (max-width: 1550px) {
    .container-listagem-embarque {
        overflow-x: scroll;
    }

    .footer-simulacoes {
        width: 96%;
    }

    .container-pedidos {
        overflow-x: scroll;
    }

    .card-embarque {
        margin: 21px 14px 21px;
    }

    .container-filtros-embarque {
        overflow-x: scroll;
    }

    .titulo-embarque {
        min-width: 125rem;
    }

    .listagem-embarque {
        min-width: 125rem;
    }

    .lista-remessa-pedidos {
        min-width: 100rem;
        overflow-x: scroll;
    }

    .cabeca-lista-remessas {
        min-width: 100rem;
    }

    .lista-pedidos-row {
        min-width: 100rem;
    }
}

@media (max-width: 1300px) {
    .footer-simulacoes {
        width: 94%;
    }
}

@media(max-width: 900px) {

    .processo-area-trabalho-mobile {
        display: flex;
        flex-direction: column;
        justify-content: left;
        gap: 6px;
    }
}

@media (min-width: 1200px) {
    .extend-dropdown {
        min-height: 190px;
    }
}

.modal-replica-th {
    background: #3E02C6;
    padding: 0.625rem 0;
    text-align: center;
    color: #ddd;
    font-weight: bold;
    width: 100%;
}

.replica:hover {
    background: #8b79ee;
  }

.text-container {
  width: 97%;
  max-width: fit-content;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: keep-all;
  hyphens: manual;
}

.status-onhand {
    background-color: var(--color-standard-blue-tranparent);
  }
  
  .status-inprocess {
    background-color: var(--color-yellow-warehouse-receipt);
  }  
  
  .status-shipped {
    background-color: var(--color-green-transparent);
  }

  .linha-taxa.selected {
    background-color: #dbdbdb !important; 
}

.custom-checkboxes .checkbox input[type="checkbox"]:checked + i {
    border-color: #de7b30 !important;
    background: white !important;
  }
  
.custom-checkboxes .checkbox input[type="checkbox"]:checked + i::after {
    color: #de7b30 !important;
  }

.select-download i {
    transform: translateY(180%);
  }
  
.table > tbody > tr.active,
.table > tbody > tr.active > td {
  background-color: #e0e0e0 !important;
  }