* {
    margin: 0;
    padding: 0;
  }

body{
    font-family: "Mulish",sans-serif;
    color: var(--dx_azule);
}
/* --- CORES --------------------------------------------------------------------- */
:root {
--transp: #00000000;

/*Escala de cinzas*/
--cinza1: #F8F9FA;
--cinza2: #E9ECEF;
--cinza3: #DEE2E6;
--cinza4: #CED4DA;
--cinza5: #ADB5BD;
--cinza6: #6c757d;
--cinza7: #495057;
--cinza8: #343A40;
--cinza9: #212529;
--cinza10: #121417;

/*WASHMULTI*/
--azul: #3da2db;
--azule: #2e336d; /*#272460;*/
--lar: #ff683b; /*#e87e24;*/

/* DX LAUDOS */
--dx_azul: #38f;
--dx_azul2: #3964a6;
--dx_azulc: #d7e9fd;
--dx_azule: #1b385b;
}

/* --- FUNDOS -------------------------------------------------------------------- */
/*Escala de cinzas*/
.fundo-c1 {background-color: var(--cinza1);}
.fundo-c2 {background-color: var(--cinza2);}
.fundo-c3 {background-color: var(--cinza3);}
.fundo-c4 {background-color: var(--cinza4);}
.fundo-c5 {background-color: var(--cinza5);}
.fundo-c6 {background-color: var(--cinza6);}
.fundo-c7 {background-color: var(--cinza7);}
.fundo-c8 {background-color: var(--cinza8);}
.fundo-c9 {background-color: var(--cinza9);}
.fundo-c10 {background-color: var(--cinza10);}

/*WASHMULTI*/
.fundo-l{background-color: var(--lar);}

/*DXLAUDOS*/
.fundo-a{background-color: var(--dx_azul);}
.fundo-a2{background-color: var(--dx_azul2);}
.fundo-ac{background-color: var(--dx_azulc);}
.fundo-ae{background-color: var(--dx_azule);}

/* --- TEXTO --------------------------------------------------------------------- */
/*Cores*/
.txt-a {color: var(--azule);}
.txt-l {color: var(--lar);}
.txt-b {color: var(--cinza1);}
.txt-c {color: var(--cinza6);}
.txt-c5 {color: var(--cinza5);}
.txt-c7 {color: var(--cinza7);}
.txt-c8 {color: var(--cinza8);}
.txt-p {color: var(--cinza10);}
.txt-verm{color: red;}

.txt-dxa{color: var(--dx_azul);}
.txt-dxa2{color: var(--dx_azul2);}
.txt-dxac{color: var(--dx_azulc);}
.txt-dxae{color: var(--dx_azule);}

/*Tamanho e peso*/
.txt-normal {font-size: 15px;}
.txt-forte {font-weight: 600;}
.forte {font-weight: 600;}
.mtoforte {font-weight: 800;}

/*Alinhamento*/
.txt_centro {text-align: center;}
.sem_quebra {white-space: nowrap;}

/*Titulos*/
.titulo0{
    font-size: 25px;
    font-weight: 600;
}
.titulo{
    font-size: 30px;
    font-weight: 600;
}
.titulo2{
    font-size: 18px;
    font-weight: 600;
}

/* --- LINKS --------------------------------------------------------------------- */
a {color: var(--azule); text-decoration: none;}
a:hover {color: var(--azule); text-decoration: none;}

/* --- AVISOS -------------------------------------------------------------------- */
.erro { color: red; font-weight: 600; }
.sucesso { color: green; font-weight: 600; }
.alerta { color: gold; font-weight: 600; }

/* --- TABELAS ------------------------------------------------------------------- */
.redondo {border-radius: 15px 15px 15px 15px;}
.redondo-top {border-radius: 15px 15px 0px 0px;}
.redondo-bot {border-radius: 0px 0px 15px 15px;}
.stickyHead {position: sticky; top: 1rem; z-index: 1;}

/* --- BOTÕES -------------------------------------------------------------------- */
/*Tamanhos*/
.btn_s {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 15px;
    padding: 10px 15px;
    transition-duration: 0.4s;
    text-align: center;
    text-decoration: none;
}
.btn_m {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    border: none;
    border-radius: 15px;
    padding: 10px 15px;
    transition-duration: 0.4s;
    text-align: center;
    text-decoration: none;
}
.meubtn{
    display: inline-block;
    outline: 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    font-family: sans-serif;
    color: white;
    border: none;
    border-radius: 15px;
    padding: 10px 15px;
    transition-duration: 0.4s;
    text-align: center;
    text-decoration: none;
}

/*Cores*/
.btn_ae {
    background-color: var(--dx_azule);
    color: var(--cinza1);
    border: 2px solid var(--dx_azule);}
    .btn_ae:hover {
    background-color: var(--cinza1);
    color: var(--dx_azule);
    border: 2px solid var(--dx_azule);}
.btn_p {
    background-color: var(--dx_azule);
    color: var(--dx_azul);}
    .btn_p:hover {
    background-color: var(--cinza1);
    color: var(--dx_azul);}
.cor-l {
    background-color: var(--lar);
    color: var(--cinza1);
    border: 2px solid var(--lar);}
    .cor-l:hover {
    background-color: var(--cinza1);
    color: var(--lar);
    border: 2px solid var(--lar);}
.cor-l2 {
    background-color: var(--lar);
    color: black;
    border: 2px solid var(--lar);}
    .cor-l2:hover {
    background-color: var(--cinza1);
    color: var(--lar);
    border: 2px solid var(--lar);}
.cor-p {
    background-color: var(--cinza9);
    color: var(--lar);}   
    .cor-p:hover {
    background-color: var(--cinza1);
    color: var(--lar);}
.cor-b {
    background-color: var(--cinza1);
    color: black;
    border: 2px solid var(--cinza1);}
    .cor-b:hover {
    background-color: black;
    color: var(--cinza1);
    border: 2px solid black;}
.cor-ae {
    background-color: var(--azule);
    color: var(--cinza1);
    border: 2px solid var(--azule);}
    .cor-ae:hover {
    background-color: var(--cinza1);
    color: var(--azule);
    border: 2px solid var(--azule);}
.cor-a {
    background-color: var(--azul);
    color: var(--cinza1);
    border: 2px solid var(--azul);}
    .cor-a:hover {
    background-color: var(--cinza1);
    color: var(--azul);
    border: 2px solid var(--azul);}

.cor-p2 {
    background-color: var(--cinza10);
    color: var(--cinza6);
    border: 2px solid var(--cinza8);}
    .cor-a:hover {
    background-color: var(--cinza6);
    color: var(--cinza10);
    border: 2px solid var(--cinza8);}

/* --- ALINHAMENTO --------------------------------------------------------------- */
.meio {
margin: auto;
width: 50%;
padding: 10px;}

/* --- LAYOUT -------------------------------------------------------------------- */
.centro {
display: flex;
justify-content: center;
align-items: center;
}

.meuinput{
    max-width: 400px;
    width: 100%;
    margin: auto;
    font-size: 14px;
    border-radius: 6px;
    line-height: 1.5;
    padding: 5px 10px;
    transition: box-shadow 100ms ease-in, border 100ms ease-in, background-color 100ms ease-in;
    border: 2px solid #dee1e2;
    color: rgb(14, 14, 16);
    background: #dee1e2;
    display: block;
    height: 36px;}
    .meuinput:hover {
        border-color: #cbcdce;}
    .meuinput:focus{
        background: var(--claro2);
        }


/*Cadastro de item*/
.txt_meio{padding: 6px 6px 6px 0;}
.cadinfo{width: 150px;}
.cadcliente{width: 400px;}
.cadtel{width: 150px;}
.cadpreco{width: 80px;}
.cadpreco2{width: 100px;}
.caddata{width: 150px;}
div.vl{
    padding:1px;
    width: 1px;
    background-color: var(--cinza4);
    margin-left: -30px;
    margin-right: 30px;
}

/* --- ÍCONES -------------------------------------------------------------------- */
/*
apagar - <i class="fa-solid fa-trash-can"></i>
editar - <i class="fa-solid fa-pen-to-square"></i>
info - <i class="fa-solid fa-circle-info"></i>
mais - <i class="fa-solid fa-plus"></i>
seta esquerda - <i class="fa-solid fa-arrow-left"></i>
sair - <i class="fa-solid fa-arrow-right-from-bracket"></i>
erro - <i class="fa-solid fa-triangle-exclamation"></i>
registrar - <i class="fa-solid fa-address-card"></i>
*/