.submit-lente {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    border: none;
    background: transparent;
    outline: none;
  }

  .padded-nivel1 { padding:.3em .5em .1em 1em; }
  .padded-nivel2 { padding:.3em .5em .1em 2em; }
  .padded-nivel3 { padding:.3em .5em .1em 3em; }

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}
 
.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}


        .custom-checkbox-container {
            display: inline-block;
        }
        
        /* Oculta o checkbox padrão */
        .custom-checkbox {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        /* Cria o estilo do checkbox personalizado */
        .custom-checkbox-label {
            display: block;
            padding: 5px 10px;
            border-radius: 5px;
            border: 1px solid #ccc;
            background-color: #fff;
            color: #000;
            cursor: pointer;
            transition: background-color 0.3s ease, color 0.3s ease;
            text-align: center;
            width: 100%;
        }

        /* Estilo quando o checkbox está marcado (antes de salvar) */
        .custom-checkbox:checked + .custom-checkbox-label {
            background-color: #007bff;
            border-color: #007bff;
            color: #fff;
        }

        /* Estilo para o estado "salvo" (terceiro estado) */
        .custom-checkbox-saved {
            background-color: #28a745 !important;
            border-color: #28a745 !important;
            color: #fff !important;
            cursor: default;
        }

        /* Estilo para o estado "salvo" (terceiro estado) */
        .custom-checkbox-saved2 {
            background-color: #b1bd0e !important;
            border-color: #b1bd0e !important;
            color: #fff !important;
            cursor: default;
        }
        /* Adiciona o ícone de check do Font Awesome no estado "salvo" */
        .custom-checkbox-saved::after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: "\f00c"; /* Código Unicode para o ícone fa-check */
            font-size: 1.2em;
            margin-left: 5px;
            vertical-align: middle;
        }