
/* CORES -------------------------------------------------------------------------- */

    :root {
        --roxo-escuro: #002D61;
        --roxo-life: #004AAD;
        --roxo-claro: #D2E4FD;
        --roxo-muito-claro: #eef5ff;
        --amarelo-claro: #F7DF33;
        --amarelo-escuro: #E1A039;
        --quase-preto: #303030;
        --quase-branco: #f7f7f7;
    }

/* ELEMENTOS COMUNS ----------------------------------------------------------------------------- */

    /* Título da página */
    .page-title{
        font-size: 1.7rem;
        margin-bottom: 30px;
    }

    /* Observação da página */
    .page-obs{
        font-style: italic;
    }

    /* Botões */
    .btn,
    .btn:hover,
    .btn:focus {
        background: var(--roxo-life);
    }
    .btn-floating,
    .btn-floating:hover,
    .btn-floating:focus {
        background: var(--roxo-life);
    }

    /* Tabelas */
    .tabela-index .coluna-acoes{
        width: 100px;
    }
    .tabela-index .coluna-acoes-com3{
        width: 120px;
    }
    .tabela-index td{
        color: black;
    }

    /* Tabs */
    .tabs{
        background-color:#eee;
    }
    .tabs .tab a{
        color:#000;
    }
    .tabs .tab a:hover {
        color:#000;
        background-color:#bbdefb;
    }
    .tabs .tab a:focus.active {
        color:#000;
        background-color:#90caf9 ;
        font-weight: bold;
    }
    .tabs .tab a.active {
        color:#000;
        background-color:#90caf9 ;
        font-weight: bold;
    }
    .tabs .indicator {
        background-color:black;
    }

    /* Inputs */
    .input-field input[type=text]:focus + label,
    .input-field input[type=password]:focus + label,
    .input-field textarea:focus + label {
        color: var(--roxo-life) !important;
    }
    .input-field input[type=password]:focus,
    .input-field input[type=text]:focus,
    .input-field textarea:focus,
    .input-field .file-path.valid {
        border-bottom: 1px solid var(--roxo-life) !important;
        box-shadow: 0 1px 0 0 var(--roxo-life) !important;
    }
    .file-field .btn {
        background: var(--roxo-life) ;
    }
    .input-field li span {
        color: var(--roxo-life) ;
    }





    #aguarde{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(255,255,255, 0.5);
        z-index: 1000;
        display: none;
    }
    #aguarde .preloader-wrapper {
        position: absolute;
        top :0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    /* Alertas */
    #toast-container {
        min-width: 10%;
        top: 0;
        right: 50%;
        transform: translateX(50%) translateY(50%);
    }
    .has-error{
        color: #d50000 !important;
    }

/* HEADER ------------------------------------------------------------------------- */

    #header nav .nav-wrapper {
        background: var(--roxo-life) !important;
    }

/* LOGIN ---------------------------------------------------------------------------------------- */

    .login .login-form{
        margin: auto;
        padding: 20px !important;
        background-color: var(--roxo-claro) !important;
    }

    .login .login-form .card{
        margin: 0;
    }
