.btnPadrao, .btnPadrao:hover, .btnPadrao:focus {
    color: #FFFFFF;
    width: 100%;
    font-family: 'Montserrat';
    font-size: 0.9rem;
    font-weight: bold;
}
@media only screen and (max-width: 764px) {
    .btnPadrao, .btnPadrao:hover, .btnPadrao:focus {
        font-size: 12px;
    }  
}

.btn-redondo {
    display: inline-block;
    font-family: 'Montserrat';
    font-weight: bold;
    padding-right: 15px;
    border-radius: 100px;
    font-size: 13px;
    color: #FFFFFF;
    background: var(--cor-primaria);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid transparent;
    padding: 0.375rem 0.75rem;
    line-height: 1.6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    cursor: pointer;
}

.btn-fino,
.btn-fino:hover,
.btn-fino:focus {
    width: 100%;
    padding: 0.2em 1.5em;    
    border-width: 1px;
    border-style: solid;
    color: #FFFFFF;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    gap: 0.3em;
    transition: 0.3s ease-in-out;
    border-radius: 0.2em;
}

.btn-fino-bordas,
.btn-fino-bordas:hover,
.btn-fino-bordas:focus {
    width: 100%;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    border-radius: 0.2em;
    transition: 0.3s ease-in-out;
}

.btn-fino-bordas:hover,
.btn-fino:hover {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 18px 0px inset;
}

.efeito-aproximar {
    transition: 0.2s ease-in-out;
}

.efeito-aproximar:hover {
    transform: translateY(-4px) scale(1.05);
}

.btnOutlineRedondo {
    border: 2px solid var(--cor-primaria);
    color: var(--cor-primaria) !important;
    font-family: 'Montserrat';
    font-weight: bold;
    padding-right: 15px;
    border-radius: 100px;
    font-size: 13px;
}

.backgroundCorCliente {
    background-color: var(--cor-primaria);
}
.colorCorCliente {
    color: var(--cor-primaria);
}

.bl-cinza {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.line-height-inicial {
    line-height: initial;
}
.tahoma {
    font-family: 'Tahoma' !important;
}
.montserrat {
    font-family: 'Montserrat';
}
.borderInputs, .borderInputs:hover, .borderInputs:focus {
    border: solid 1px #c6c6c6;
}
.apenasSombreamento, .apenasSombreamento:hover, .apenasSombreamento:focus {
    /* sombreamento top */
    -webkit-box-shadow: 0px 3px 5px 0px rgba(184,175,184,1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(184,175,184,1);
    box-shadow: 0px 3px 5px 0px rgba(184,175,184,1);
}

.sombra-1,
.sombra-1:focus,
.sombra-1:hover {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}


.capslock {
    text-transform: uppercase;
}
.sombreamentoAcima {
    /* sombreamento top */
    -webkit-box-shadow: 2px -10px 8px -10px rgb(184 175 184);
    -moz-box-shadow: 2px -10px 8px -10px rgb(184 175 184);
    box-shadow: 2px -10px 8px -10px rgb(184 175 184);
}
.sombreamentoInputData {
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px 0px #c6c6c6;
    -moz-box-shadow: 0px 1px 3px 0px #c6c6c6;
    box-shadow: 0px 1px 3px 0px #c6c6c6;
}
.tirar-padding-right {
    padding-right: 0;
}
.tirar-padding-left {
    padding-left: 0;
}
.bodyMeusProdutos {
    background-color: #EEEEEE;
}
.sectionCliente{
    min-height: 650px;
}
.fundoBranco {    
    background-color: #FFFFFF;
}
.paddingZero {
    padding: 0;
}
.marginZero {
    margin: 0;
}
.marginTopZero {
    margin-top: 0;
}
.marginBottomZero {
    margin-bottom: 0;
}
.paddingTopZero {
    padding-top: 0;
}
.paddingBottomZero {
    padding-bottom: 0;
}
.marginBottom5 {
    margin-bottom: 5px;
}
.marginBottom3 {
    margin-bottom: 3px;
}
.none {
    display: none;
}
#Titulos{
    font-size: 18px;
    font-family: 'Tahoma';
    font-weight: bold;
    margin-bottom: 0;
}
.titulos {
    font-size: 18px;
    font-family: 'Tahoma';
    font-weight: bold;
    margin-bottom: 0;
}
#texto{
    font-size: 15px;
    font-family: 'Tahoma';
}
#letrasMinusculas {
    font-family: "Montserrat";
    font-size: 10px;
}
.negrito {
    font-weight: bold;
}
.italico {
    font-style: italic;
}
.primeiraLinha {
    margin-top: 3%;
}
.borderNone {
    border: none;
}
.tirar-padding-right {
    padding-right: 0;
}
.tirar-padding-left {
    padding-left: 0;
}
.alignSelfEnd {
    align-self: end;
}
.alignSelfCenter {
    align-self: center;
}
.alignItensfCenter {    
    align-items: center;
}
.text-align-center {
    text-align: center;
}
.text-align-end {
    text-align: end;
}
.iconePadrao {
    cursor: pointer;
}
/* TAMANHOS FONTS */
.font10 {
    font-size: 10px;
}
.font11 {
    font-size: 11px;
}
.font12 {
    font-size: 12px;
}
.font13 {
    font-size: 13px;
}
.font14 {
    font-size: 14px;
}
.font15 {
    font-size: 15px;
}
.font18 {
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}
.z-index99 {
    z-index: 99;
}
/* ------------------Componentes com cores do cliente--------------- */
/* background cor cliente */
.backgroundCorCliente {
    background-color: var(--cor-primaria) !important;
}
.backgroundCorCliente99 {
    background-color: var(--cor-primaria-99) !important;
}
.backgroundCorCliente66 {
    background-color: var(--cor-primaria-66) !important;
}
.backgroundCorCliente33 {
    background-color: var(--cor-primaria-33) !important;
}
.backgroundCorCliente22 {
    background-color: var(--cor-primaria-22) !important;
}
.backgroundCorCliente1A {
    background-color: var(--cor-primaria-1A) !important;
}
/* borda cor cliente */
.bordaCorCliente {
    border: solid 1px var(--cor-primaria) !important;
}
/* color cor cliente */
.colorCorCliente, .colorCorCliente:hover, .colorCorCliente:focus {
    color: var(--cor-primaria);
}
.colorCorCliente66, .colorCorCliente66:hover, .colorCorCliente66:focus {
    color: var(--cor-primaria-66);
}
/* icones cor cliente */
.iconeCor99 {
    color: var(--cor-primaria-99);   
    position: relative;
    bottom: 1px;
}
/* links cor cliente */
.linkAbrirMenu, .linkAbrirMenu:hover, .linkAbrirMenu:focus {
    color: var(--cor-primaria-99);   
    position: relative;
    bottom: 1px;
}
/* CORES */
.bg-laranja {
    background-color: #eb9422;
}

.bg-azul {
    background-color: #048ac9;
}

.bg-verde {
    background-color: #0fad0a;
}

.bg-branco {
    background-color: #FFFFFF !important;
}

.bg-vermelho {
    background-color: #FF0000;
}

.bg-vermelho-66 {
    background-color: #FF000066;
}

.bg-cinza {
    background-color: #b3b1b0;
}
.bg-cinzaClaro {
    background-color: #EFEFEF !important;
}

.bg-preto-fosco {
    background-color: #303030;
}
.color-preto-fosco {
    color: #303030 !important;
}
.bg-cinza-claro {
    background-color: #eeeeee;
}

.bg-padrao {
    background-color: var(--cor-primaria);
}
.border-padrao {
    border-color: var(--cor-primaria);
}
.bg-padrao-22 {
    background-color: var(--cor-primaria-22);
}
.bg-padrao-33 {
    background-color: var(--cor-primaria-33);
}
.bg-padrao-66 {
    background-color: var(--cor-primaria-66);
}
.bg-padrao-99 {
    background-color: var(--cor-primaria-99);
}

.bg-secundaria {
    background-color: var(--cor-secundaria);
}
.border-secundaria {
    border-color: var(--cor-secundaria);
}
.bg-secundaria-33 {
    background-color: var(--cor-secundaria-33);
}
.bg-secundaria-66 {
    background-color: var(--cor-secundaria-66);
}
.bg-secundaria-99 {
    background-color: var(--cor-secundaria-99);
}
.colorPrimaria {
    color: var(--cor-primaria);
}
.colorSecundaria {
    color: var(--cor-secundaria);
}

.text-padrao, .text-padrao:hover, .text-padrao:focus, .text-padrao:active {
    color: var(--cor-primaria);
}

/* ------------azul */
.colorAzul {
    color: #076fc4;
}
.bl-Azul {
    border-left: solid 3px #076fc4;
}
.bg-azul {
    background-color: #048ac9;
}
/* ------------verde */
.colorVerde {
    color: #07c407;
}
.bl-Verde {
    border-left: solid 3px #07c407;
}
.b-verde {
    border-left: solid 3px #07c407;
}
.bg-verde {
    background-color: #0fad0a;
}
/* ------------roxo */
.colorRoxo {
    color: #5f07c4;
}
.bl-Roxo {
    border-left: solid 3px #5f07c4;
}
.bg-Roxo {
    background-color: #5f07c4;
}
/* ------------amarelo */
.colorAmarelo {
    color: #ffbb00;
}
.bl-Amarelo {
    border-left: solid 3px #ffbb00;
}
/* ------------amarelo */
.colorRosa {
    color: #e6486a;
}
.bl-Rosa {
    border-left: solid 3px #e6486a;
}
/* ------------laranja */
.colorLaranja {
    color: #e47c05;
}
.bl-Laranja {
    border-left: solid 3px #e47c05;
}
.bg-laranja {
    background-color: #eb9422;
}
/* ------------LaranjaForte */
.colorLaranjao {
    color: #ff4800;
}
.bl-Laranjao {
    border-left: solid 3px #ff4800;
}
.bg-Laranjao {
    background-color: #ff4800;
}
/* ------------vermelho */
.colorVermelho {
    color: #FF0000;
}
.bl-Vermelho {
    border-left: solid 3px #FF0000;
}
.bg-vermelho {
    background-color: #FF0000;
}
/* ------------preto */
.colorPreto {
    color: #000000 !important;
}
.bl-Preto {
    border-left: solid 3px #000000;
}
.bg-preto {
    background-color: #000000;
}
/* ------------cinza */
.colorCinza {
    color: #C6C6C6;
}
.colorBranco, .colorBranco:hover, .colorBranco:focus {
    color: #FFFFFF;
}
.colorCinzaForte {
    color: #909090;
}
.bg-cinzaForte {
    background-color: #909090;
}
.colorVerde2 {
    color: #0f9125;
}

.opacity-25 {
    opacity: .25;
}
.opacity-50 {
    opacity: .50;
}
.opacity-75 {
    opacity: .75;
}
.opacity-100 {
    opacity: .100;
}

.containerInformativo {
    background: #f2f4f5;
    padding: 10px;
    border-radius: 5px;
}
.containerInformativo .tituloInformativo {
    font-family: 'Tahoma';
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    color: #212529;
}
.containerInformativo .descricaoInformativo {
    color: #6a6a6a;
    font-size: 13px;
    font-family: 'Nunito';
}

.textoAlterarLogin {
    font-size: 12px;
    color: var(--cor-primaria);
    display: flex;
    align-items: center;
}

.loginSecaoCliente, #nomeUsuario {
    line-height: 1.05;
}

.multiLogin {
    position: relative;
}
.multiLogin span {
    cursor: pointer;
}

.multiLogin ul {
    position: absolute;
    display: none;
    top: 15px;
    left: 0;
    background-color: #FFFFFF;
    padding: 0;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}

.multiLogin ul > li {
    list-style-type: none;
    font-size: 13px;
    padding: 4px;
    transition: .3s ease-in-out;
    border-radius: 5px;
    cursor: pointer;
}

.multiLogin ul > li::first-letter {
    text-transform: uppercase;
}

.multiLogin ul > li:hover {
    background: var(--cor-primaria);
    color: #FFFFFF;
}

* {
    scrollbar-width: auto;
    scrollbar-color: #cacaca #ffffff;
}

*::-webkit-scrollbar {
    width: 17px;
    background: transparent;
}

*::-webkit-scrollbar-track {
    background: inherit;
    border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
    background-color: #cacaca;
    border-radius: 14px;
    border: 5px solid #ffffff;
}

/** SELECT DIV */

.selectDiv {
    position: absolute;
    min-width: 100%;
    left: 0;
    top: calc(100% - 6px);
    z-index: 999;
    background-color: #FFFFFF;
    box-shadow: #b9b9b9 0px 3px 3px;
    border-radius: 5px;
    display: none;
    /* transition: none; */
}

.selectDiv > .optionSelect {
    color:#353535;
    font-size: 12px;
    padding: 5px 15px;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
}

.selectDiv > .optionSelect:hover {
    font-weight: bold;
    background-color: #f3f3f3;
}

.toggleFiltros {
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid var(--cor-primaria);
}

.row-m0 {
    display: flex;
    flex-wrap: wrap;
}

.p-5px {
    padding: 5px !important;
}


@keyframes loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.girar-infinito {
    animation: loading 5s linear infinite;
}

.flex-basis-0 {
    flex-basis: 0;
}

.gap-30px {
    gap: 30px;
}
.gap-20px {
    gap: 20px;
}
.gap-10px {
    gap: 10px;
}
.gap-5px {
    gap: 5px;
}
.gap-5 {
    gap: 5%;
}
button.btnCarregarMais,
button.btnCarregarMais:hover,
button.btnCarregarMais:active,
button.btnCarregarMais:focus {
    width: 100%;
    background: #f2f4f5;
    color: #c6c6c6;
    font-weight: bold;
    font-family: 'Montserrat';
}

.d-column {
    display: flex;
    flex-direction: column;
}