body {
    background-color: #0a1f41;
    color: white;
    font-family: "Poppins", Sans-serif;
}

/*
 * Custom translucent site header
 */

 .site-header {
    background-color: #FFF;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
  .site-header a {
    color: #0A1F41;
    transition: ease-in-out color .15s;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    text-transform: none;
    line-height: 40px;
  }
  .site-header a:hover {
    color: #F9D219;
    text-decoration: underline;
  }

.container {
    padding: 20px;
}

.colunas-form .col-4,.col-8 {
    padding: 5px;
}

h2 {
    font-weight: bold;
}

.planos-contratacao {
    font-weight: 400;
    color: #F9D219 !important;
}

label {
    font-weight: 600;
    background-color: #F0F0F0 !important;
    color: #182239 !important;
    padding: 13px 15px;
    display: block;
}


.form-group {
    margin-bottom: 15px;
}

.campos-form { 
    background-color: #3885CC !important;
    padding: 10px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #fff !important;
    border: none !important;
}

.campos-form-disable { 
    background-color: transparent !important;
    padding: 10px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #F9D219 !important;
    border: none !important;
    text-transform: uppercase !important;
}

.campos-form input{ 
    background-color: #3885CC;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border: none;
}

.btn-plano { 
    background-color: #10c510;
    padding: 10px;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    border: none;
    margin-bottom: 0px;

}

.div-inputs {
    /* background-color: #3885CC;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border: none; */

    font-weight: 600;
    background-color: #F0F0F0;
    color: #0a1f41;
    padding: 12px 15px;
    display: block;

}

.input-group-prepend .btn,
.input-group-append .btn {
    background-color: #3885CC;
    color: white;
}

.btn-group-toggle .btn {
    background-color: #00FF00;
    color: white;
}


.saiba-mais {
    color: #fff;
    vertical-align: bottom;
    bottom: 0px;
    font-size: 12px;
    text-decoration: none;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-align: end;
}

.saiba-mais:hover {
    color: #fff;
    text-decoration: underline;
}


.wizard-step {
    display: none;
}

.wizard-step.active {
    display: block;
}

.tooltip-inner {
    background-color: black !important; /* Altera a cor de fundo para preto */
    color: white !important; /* Altera a cor do texto para branco */
}


.tooltip.bs-tooltip-top .arrow::before, 
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: black !important; /* Altera a cor da seta para preto */
}

.tooltip.bs-tooltip-bottom .arrow::before, 
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: black !important; /* Altera a cor da seta para preto */
}

.tooltip.bs-tooltip-left .arrow::before, 
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: black !important; /* Altera a cor da seta para preto */
}

.tooltip.bs-tooltip-right .arrow::before, 
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: black !important; /* Altera a cor da seta para preto */
}

.colunas-cards {
    padding: 0px 5px;
}

.plan-card {
    border: none;
    border-radius: 3px !important;
    min-height:455px;
}
.plan-card .card-header {
    color: white;
    font-size: 1.5em;
    font-weight: bold;
}
.plan-card .card-footer {
    background-color: yellow;
    color: #0A1F41;
    text-align: center !important;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0px !important;
}

.plan-card .card-footer p {
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
}

.plan-card.flex .card-header {
    background-color: #00c8ff;
}
.plan-card.start .card-header {
    background-color: #ff00c8;
}
.plan-card.pro .card-header {
    background-color: #00ff00;
}
.plan-card.enterprise .card-header {
    background-color: #ff8c00;
}
.plan-card .card-footer:hover {
    background-color: #ffe066;
}

.plan-card .card-body .titulo {
    font-weight: 700;
    text-transform: uppercase;
    color:#0A1F41;
}

.plan-card .card-body .descricao {
    font-weight: 500;
    text-transform: none;
    color:#2e2e2e;
}



/* EDICAO DE INPUTS */
/* Estilo base para inputs e selects */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="email"],
select {
    background-color: #3885CC; /* Define o fundo preto */
    color: #fff; /* Define a cor do texto branco */
    padding: 10px; /* Adiciona padding */
    margin-bottom: 15px; /* Adiciona margem inferior */
    border-radius: 0px !important;
    border: none !important;
}

/* Estilo para placeholder */
input[type="text"]::placeholder {
    color: #ebeaeae0 !important; /* Define a cor do placeholder */
}
input[type="email"]::placeholder {
    color: #ebeaeae0 !important; /* Define a cor do placeholder */
}

.form-check { 
    background-color: #3885CC;
}

.form-check-input {
    margin-top: 15px !important;
    margin-left: -15px !important;
}

.form-check-input:checked {
    background-color: #0A1F41 !important;
    border-color: #0A1F41 !important;
}



/* Estilo para selects */
select {
    background-color: #3885CC; /* Define o fundo preto */
    color: #fff; /* Define a cor do texto branco */
}

/* Estilo para opções de selects */
select option {
    background-color: #3885CC; /* Define o fundo preto */
    color: #fff; /* Define a cor do texto branco */
}

/* Estilo para inputs e selects quando focados */
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
select:focus {
    background-color: #3885CC; /* Mantém o fundo preto */
    color: #fff; /* Mantém a cor do texto branco */
    border-color: #fff; /* Mantém a cor da borda branca */
    outline: none; /* Remove o outline padrão */
}

/* Estilo para selects ao serem selecionados */
select option:checked {
    background-color: #3885CC; /* Define o fundo preto */
    color: #fff; /* Define a cor do texto branco */
}

/* Estilo para inputs e selects quando preenchidos */
input[type="text"]:valid,
input[type="number"]:valid,
input[type="email"]:valid,
select:valid {
    background-color: #3885CC; /* Mantém o fundo preto */
    color: #fff; /* Mantém a cor do texto branco */
    border-color: #fff; /* Mantém a cor da borda branca */
}

/* Estilo para selects ao serem selecionados */
select option {
    background-color: #3885CC; /* Define o fundo preto */
    color: #fff; /* Define a cor do texto branco */
}

/* Forçar as opções a manterem a cor correta ao selecionar */
select optgroup, select option {
    color: #fff; /* Mantém a cor do texto branco */
    background-color: #3885CC; /* Mantém o fundo preto */
}

/* Adiciona importância para garantir que as cores sejam aplicadas */
select, select option {
    color: #fff !important; /* Mantém a cor do texto branco */
    background-color: #3885CC !important; /* Mantém o fundo preto */
}

/* Estilo para o radio button marcado */
input[type="radio"]:checked + .custom-radio::before {
    background-color: black !important; /* Cor desejada */
    border-color: black; /* Cor desejada */
}

.custom-control-label { 
    background-color: #3885CC !important;
    font-size: 16px;
    font-weight: 400;
    color: #fff !important;
}

.custom-control { 
    margin-right: 10px;
}

.btn-finalizar { 
    background-color: #F9D219;
    color: #0a1f41;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 40px;
}

.invalid-feedback {
    color:#F9D219 !important;
}

.valid-feedback {
    color:#11fb8e !important;
}


/* Estilo para esconder a seta padrão e adicionar a seta branca */
.form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
   /* background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgOCA0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01LjY2NyAxTDMuMzMzIDNMMCAweiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4='); Seta branca */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0id2hpdGUiPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNC42NDYgNi42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCA5LjI5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMSAxIC43MDguNzA4bC0zIDNhLjUuNSAwIDAgMS0uNzA4IDBsLTMtM2EuNS41IDAgMCAxIDAtLjcwOHoiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 30px;
    padding-right: 30px;
}

/* Ajustes adicionais para garantir compatibilidade com Bootstrap */
.form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

@media (max-width: 600px) {
    
    .custom-control-label {
        font-size: 14px;
    }

    .campos-form {
        font-size: 14px;
    }

    .col-12 { 
        padding: 0px !important;
    }

    .saiba-mais { 
        font-size: 10px;
    }

    label {
        padding: 10px;
    }

    .form-control-lg, .form-select-lg{ 
        font-size:1rem;
    }

    .form-select {
        background-size: 20px;
    }



  }

  .custom-icon-size {
    font-size: 10px; /* Ajuste o tamanho conforme necessário */
}

.custom-ok-button {
    background-color: #0A1F41; /* Cor de fundo personalizada */
    color: #fff; /* Cor do texto do botão */
    border: none; /* Remover borda */
    padding: 10px 40px; /* Ajustar padding conforme necessário */
    border-radius: 5px; /* Bordas arredondadas */
}

.custom-ok-button:hover {
    background-color: #d8b318; /* Cor do botão ao passar o mouse */
}


input[type="text"].is-invalid {
    border: 2px solid #dc3545 !important;
}

input[type="text"].is-valid {
    border: 2px solid #11fb8e !important;
}

input[type="text"].is-valid .form-control:valid {
    background-image: none !important; /* remove o ícone padrão */
}

input[type="text"].is-valid .form-control:valid:after {
    content: '\2714'; /* Unicode do checkmark */
    color: #28a745; /* Cor do checkmark */
    font-size: 1.5em;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

input[type="text"].form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23dc3545' d='M1 1l6 6M7 1l-6 6' stroke='%23dc3545' stroke-width='2'/%3e%3c/svg%3e") !important;
}

input[type="text"].form-control.is-valid, 
.was-validated .form-control:valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2311fb8e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
}




/* Estilos personalizados para o seletor de idiomas */
/* Ocultar a barra do Google Translate */
.VIpgJd-ZVi9od-ORHb {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }
/* .goog-te-menu-value {
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
}
.goog-te-menu-value span {
    display: none;
}
.goog-te-menu-value span:first-child {
    display: inline-block;
}
.goog-te-menu-value img {
    display: none;
}
.goog-te-gadget-simple {
    background-color: #004481;
    border: none;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.goog-te-gadget-simple span {
    color: #fff !important;
}
.goog-te-gadget-icon {
    width: 20px;
    height: 20px;
    background: url('//www.gstatic.com/images/branding/product/1x/translate_24dp.png') no-repeat center center;
    background-size: cover;
    margin-right: 8px;
}
.goog-te-menu-frame.skiptranslate {
    display: none !important;
}
body .goog-te-menu-frame {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24);
    border-radius: 8px;
}
.goog-te-menu2 {
    border: 1px solid #ddd !important;
    background-color: #fff !important;
}
.goog-te-menu2 .goog-te-menu2-item div {
    padding: 10px !important;
    font-size: 14px;
    font-weight: bold;
    color: #000 !important;
}
.goog-te-menu2 .goog-te-menu2-item div:hover {
    background-color: #f0f0f0 !important;
}
.goog-te-menu2-item div img {
    margin-right: 10px;
    vertical-align: middle;
} */