@font-face {
    font-family: "slim-jim";
    src: url("slim-jim.regular.ttf") format("truetype");
}

@font-face {
    font-family: "ubuntu";
    src: url("Ubuntu-B.ttf") format("truetype");
}
@font-face {
    font-family: "titi";
    src: url("TitilliumWeb-Black.ttf") format("truetype");
}
@font-face {
    font-family: "titi-e";
    src: url("TitilliumWeb-ExtraLight.ttf") format("truetype");
}

@font-face {
    font-family: "magra";
    src: url("Dense-Regular.otf") format("truetype");

}
.alert {
    z-index: 0;

}

h1,h2,h3 {
    font-family: 'Radio Canada', sans-serif;
    font-weight: 900;
    font-style: italic;
}



/* CAMPO DE BUSCA */
.busca {
    border: 2px solid black !important;
    font-size: 24px !important;
    margin: 0 auto;
    margin-top: 70px;
    padding: 20px !important;
    position: relative;
    width: 100%;
    z-index: 1;
}
/* SOBREPOSIÇÃO */
.overlay {
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
}
.alert-info {
    z-index: 0;
}
.alert.alert-info{
    z-index: 0;
    border:1px solid blue;
}
.alert-success {
    z-index: 0;
}

.alert-danger {
    z-index: 0;
}

#fundo_novo_astral_marca_contrato {
    background-repeat: repeat-y;
}

    .input-group-text {
        background-color: inherit !important;
    }
    .input-group-addon {
        background-color: inherit !important;
    }

    .rodape_principal {
        /*background-color: #E0E0E0; color: black; padding-top: 15px; padding-bottom: 15px; box-shadow: inset 0 0 10px gray;
        */

        background-color: #ffff66 !important;
        color: black; padding-top: 15px; padding-bottom: 15px;
        
        box-shadow: inset 0 15px 15px -15px #333;

    }
    /*
    select !important {
        apparence: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        padding-right: 15px;

        background-image: url("/images/outline_keyboard_double_arrow_down_black_18dp.png");
        background-repeat: no-repeat;
        background-position: calc(100% - 3px) center;
        background-size: 10px;
    }
    */

    .select2 {
        border: 2px solid black !important;
        border-radius: 5px;
    }

    .backnovo {
        /*
        background: #53914C;
        background: -moz-linear-gradient(top, #53914C 0%, #AAFFA3 7%, #FFFFFF 100%);
        background: -webkit-linear-gradient(top, #53914C 0%, #AAFFA3 7%, #FFFFFF 100%);
        background: linear-gradient(to bottom, #53914C 0%, #AAFFA3 7%, #FFFFFF 100%);
        */
        /*
        background-color: #589ccc;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%23589ccc' width='11' height='11'/%3E%3Crect fill='%23579ecd' x='10' width='11' height='11'/%3E%3Crect fill='%23569fcf' y='10' width='11' height='11'/%3E%3Crect fill='%2355a1d0' x='20' width='11' height='11'/%3E%3Crect fill='%2354a3d2' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%2353a5d3' y='20' width='11' height='11'/%3E%3Crect fill='%2352a6d4' x='30' width='11' height='11'/%3E%3Crect fill='%2351a8d5' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%2350aad7' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%234facd8' y='30' width='11' height='11'/%3E%3Crect fill='%234eadd9' x='40' width='11' height='11'/%3E%3Crect fill='%234eafda' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%234db1db' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%234cb2dc' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%234bb4dd' y='40' width='11' height='11'/%3E%3Crect fill='%234ab6de' x='50' width='11' height='11'/%3E%3Crect fill='%2349b8df' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%2348b9e0' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%2348bbe1' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%2347bde2' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%2346bee3' y='50' width='11' height='11'/%3E%3Crect fill='%2346c0e4' x='60' width='11' height='11'/%3E%3Crect fill='%2345c2e5' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%2345c4e5' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%2344c5e6' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%2344c7e7' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%2344c9e8' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%2344cae8' x='70' width='11' height='11'/%3E%3Crect fill='%2344cce9' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%2344cee9' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%2344d0ea' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%2344d1eb' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%2345d3eb' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%2345d5ec' x='80' width='11' height='11'/%3E%3Crect fill='%2346d6ec' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%2346d8ec' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%2347daed' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%2348dbed' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%2349dded' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%234adfee' x='90' width='11' height='11'/%3E%3Crect fill='%234ce0ee' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%234de2ee' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%234ee4ee' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%2350e5ef' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%2352e7ef' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%2353e9ef' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%2355eaef' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%2357ecef' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%2359edef' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%235befef' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%235df1ef' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%235ff2ef' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%2362f4ef' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%2364f6ef' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%2366f7ef' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%2369f9ef' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%236bfaef' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%236efcee' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%2370fdee' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%2373ffee' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E");
        background-attachment: fixed;
        background-size: cover;
        */
        background-color: #589ccc;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%23589ccc' width='11' height='11'/%3E%3Crect fill='%23579ecd' x='10' width='11' height='11'/%3E%3Crect fill='%23569fcf' y='10' width='11' height='11'/%3E%3Crect fill='%2355a1d0' x='20' width='11' height='11'/%3E%3Crect fill='%2354a3d2' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%2353a5d3' y='20' width='11' height='11'/%3E%3Crect fill='%2352a6d4' x='30' width='11' height='11'/%3E%3Crect fill='%2351a8d5' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%2350aad7' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%234facd8' y='30' width='11' height='11'/%3E%3Crect fill='%234eadd9' x='40' width='11' height='11'/%3E%3Crect fill='%234eafda' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%234db1db' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%234cb2dc' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%234bb4dd' y='40' width='11' height='11'/%3E%3Crect fill='%234ab6de' x='50' width='11' height='11'/%3E%3Crect fill='%2349b8df' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%2348b9e0' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%2348bbe1' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%2347bde2' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%2346bee3' y='50' width='11' height='11'/%3E%3Crect fill='%2346c0e4' x='60' width='11' height='11'/%3E%3Crect fill='%2345c2e5' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%2345c4e5' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%2344c5e6' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%2344c7e7' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%2344c9e8' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%2344cae8' x='70' width='11' height='11'/%3E%3Crect fill='%2344cce9' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%2344cee9' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%2344d0ea' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%2344d1eb' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%2345d3eb' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%2345d5ec' x='80' width='11' height='11'/%3E%3Crect fill='%2346d6ec' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%2346d8ec' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%2347daed' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%2348dbed' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%2349dded' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%234adfee' x='90' width='11' height='11'/%3E%3Crect fill='%234ce0ee' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%234de2ee' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%234ee4ee' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%2350e5ef' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%2352e7ef' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%2353e9ef' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%2355eaef' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%2357ecef' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%2359edef' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%235befef' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%235df1ef' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%235ff2ef' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%2362f4ef' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%2364f6ef' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%2366f7ef' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%2369f9ef' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%236bfaef' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%236efcee' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%2370fdee' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%2373ffee' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E");
        background-attachment: fixed;
        background-size: cover;


    }
    /*
    CUSTOMIZACAO dos botoes branco do bootstrap -
    */

    .btn.btn-default {
        background-color: whitesmoke !important;
        border: 1px solid black !important;
    }

    .btn.btn-default:hover {
        background-color: whitesmoke !important;
        border: 1px solid black !important;
        -webkit-box-shadow: 0px 0px 10px 0px #21C441;
        box-shadow: 0px 0px 5px 0px #21C441;
    }




    .panel {

        background-color: whitesmoke;

    }

    .panel-default {
        padding: 8px;
        background-color: whitesmoke;
        -webkit-box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.37);
        box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.37);
        border-radius: 5px;
        /* z-index: 0; */
    }

    .panel-danger {
        padding: 8px;
        background-color: whitesmoke;
        -webkit-box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.37);
        box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.37);
        border-radius: 5px;
        /*z-index: 0; */
    }

    .panel-warning {
        padding: 8px;
        background-color: whitesmoke;
        -webkit-box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.37);
        box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.37);
        border-radius: 5px;
    }

    .panel.panel-body {

        padding: 8px;
        background-color: white;

    }

    .panel.panel-heading {
        padding: 8px;
    }

    .badge {
        background-color: blue;
        color: white;
        border-radius: 10px;
    }

    .tituloinicial {
        font-size: 50px;
        color: white;
        text-shadow: black 3px 3px 0;
    }

    /* Rules for sizing the icon. */
    .material-icons.md-18 { font-size: 18px; }
    .material-icons.md-24 { font-size: 24px; }
    .material-icons.md-36 { font-size: 36px; }
    .material-icons.md-48 { font-size: 48px; }

    /* Rules for using icons as black on a light background. */
    .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
    .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

    /* Rules for using icons as white on a dark background. */
    .material-icons.md-light { color: rgba(255, 255, 255, 1); }
    .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

    .material-icons-outlined {
        vertical-align: middle;
    }

    .box-destaque {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
        border:1px solid black;
        margin-bottom: 5px;
        padding: 10px;
        border-radius: 8px;
        /*width: 100%; */
    }

    .box-destaque-top {
        -webkit-box-shadow: 0px 14px 21px -7px rgba(0,0,0,0.24);
        -moz-box-shadow: 0px 14px 21px -7px rgba(0,0,0,0.24);
        box-shadow: 0px 14px 21px -7px rgba(0,0,0,0.24);
        padding: 10px;
        border-radius: 8px;
    }



    .box-destaque-over {
        border:0px solid black;
        /*margin-bottom: 5px;
        padding: 10px;*/
        border-radius: 8px;
        /*width: 100%; */
    }


    .box-destaque-over:hover {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
        border:0px solid black;
        /*margin-bottom: 5px;
        padding: 10px;*/
        border-radius: 8px;
        /*width: 100%; */
    }



    .box-flat {
        border:1px solid gray;
        margin-bottom: 5px;
        padding: 10px;
        border-radius: 8px;
        /*width: 100%; */
    }

    /* incrementa esse estilo em todos do tipo material-icons */
    .material-icons-outlined{
        vertical-align: middle;
    }

    label {
        padding: 10px;
        border-radius: 8px;
    }


    label:active {
        background-color: #3ff2ff;
        border: 1px solid black;
        padding: 10px;
        border-radius: 8px;
    }

    .card {
        padding: 10px;
        border-radius: 6px;
    }



    .material-icons{
        vertical-align: middle !important;
        /*color: black;*/
    }

    .material-icons-outlined{
        vertical-align: middle !important;
        /*color: black;*/
    }

    .row.linha-destaque:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;

    }


    .tr.linha-destaque:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;

    }

    .box-top {
        /* gradiente */
        padding: 10px;

        background-color: #E0E0E0;
        border-bottom: 1px solid black;

        background: rgb(2,37,3);
        background: linear-gradient(180deg, rgba(2,37,3,1) 0%, rgba(31,150,37,1) 2%, rgba(47,182,55,1) 5%, rgba(185,236,185,1) 27%, rgba(255,253,253,1) 60%);

        box-shadow: 0px 10px 13px -7px #000000, 1px 12px 9px 0px rgba(176,176,176,0);

    }



    /*
    EFEITO HOVER CADASTRO DE ALUNOS, TURMAS, DIARIO DE CLASSE
    */
    .row.listaTurma:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }

    .row.aluno:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }

    .row.linha-destaque:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }


    /* usar esse novo padrao */
    .row.cliente:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }

    /* pagina  /academico/viewTurmasProfessor.jsp */
    .row.listaTurmasProfessor:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }


    .row.addprova:hover {
        /*background-color: whitesmoke !important;*/
        /*-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;*/
        /*box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;*/
    }

    .row.listprova:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }

    .row.recebimento:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }

    .row.linhaListaProfessores:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }


    /* LISTA DE SIMULADOS PARA OS ALUNO  */
    .row.listasimulado:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }

    /* LINHAS DE TELA - frmNotasTurma */
    .row.alunoNota:hover {
        background-color: whitesmoke !important;
        -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44) !important;
        box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.44)  !important;
    }

    #icon{
        background-image:url('/images/lupa.png') !important;
        background-repeat: no-repeat !important;
        background-position: 2px 3px !important;
        color: darkgreen  !important;
        font-size: 16px  !important;
        padding-bottom: 5px;
        padding-left: 45px !important;
    }


    .menusite:hover {
        /*
        border-top: 3px solid #1C6EA4;
        border-radius: 16px;

        background-color: #99ff99;
        */
        -webkit-box-shadow: inset 2px 2px 15px 0px #000000, inset 0px 0px 3px 0px rgba(39,62,255,0);
        box-shadow: inset 2px 2px 15px 0px #000000, inset 0px 0px 3px 0px rgba(39,62,255,0);
        background: #FFFDF5;
        border-radius: 5px;
    }






    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0px; /*  / remove the gap so it doesn't close */
    }

    /*
    input#YourSubmit{
        background: gray url(http://forum.imasters.com.br/public/style_images/imasters2010/search_icon.png) no-repeat 0% 50%;
        padding: 0 0 0 25px;
    }
     */

    #txtbusca{

        background: gray url('../images/lupa.png') no-repeat 0% 50%;
        padding: 0 0 0 8px;

        border:2px solid black;
        border-radius:15px;

        width: 100%;

        margin-left: 40px;
        font-size: 18px;
        height: 18px;
    }


    .form-busca {
        width: 100%;
        margin: 0 1rem;
        flex-grow: 1; /* <-- THE SECRET SAUCE! */
        min-width: 18rem;
    }

    .search-box {
        width: 50%;
        height: 30px;
        /* padding: .4rem;*/
        background-color: #ffb !important;
    }

    .borda_top {


        background-color: white;




    }

    #txtBusca{

        float:left;
        background-color:transparent;
        padding-left:5px;
        font-style:italic;
        font-size:18px;
        border:none;
        height:32px;
        width:260px;
    }


    /*Read more: http://www.linhadecodigo.com.br/artigo/3517/desenvolvendo-layouts-para-caixas-de-pesquisa-em-paginas-web.aspx#ixzz4IkWY2yY7*/

    button.mylink {
        font-family: "Verdana" ,sans-serif;
        font-size: 1em;
        text-align: left;
        color: blue;
        background: none;
        margin: 0;
        padding: 0;
        border: none;
        cursor: pointer;
    }

    button.mylink span {
        text-decoration: underline;
    }
    button.mylink:hover span,
    button.mylink:focus span {
        color: black;
    }

    submit.mylink {
        font-family: "Verdana" ,sans-serif;
        font-size: 1em;
        text-align: left;
        color: blue;
        background: none;
        margin: 0;
        padding: 0;
        border: none;
        cursor: pointer;
    }

    submit.mylink span {
        text-decoration: underline;
    }
    submit.mylink:hover span,
    submit.mylink:focus span {
        color: black;
    }



    .div-ajax-carregamento-pagina{
        position: absolute;
        top: 120px;
        left: 0px;
        width: 100%;
        height: 80%;
        z-index: 9999997;
        /* transpar�ncia compat�vel com os navegadores comuns.*/
        opacity:0.65;
        -moz-opacity: 0.65;
        filter: alpha(opacity=65);
        background: black;
        text-align: center;
        font-size: 24px;
    }


    .fundo_rodape{
        padding-top: 0px;
        margin-top: 100px;
        margin-left: 0px;
        margin-right: 0px;
        border-top: 1px solid black;
        margin-bottom: 0px;
        padding-bottom: 0px;
        /*
        -webkit-box-shadow: 0px -5px 13px 0px rgba(147, 147, 147, 0.87);
        -moz-box-shadow:    0px -5px 13px 0px rgba(147, 147, 147, 0.87);
        box-shadow:         0px -5px 13px 0px rgba(147, 147, 147, 0.87); */

        color: black !important;
        background: #CCCCCC;
        background: -moz-linear-gradient(top, #CCCCCC 0%, #FFFFFF 100%);
        background: -webkit-linear-gradient(top, #CCCCCC 0%, #FFFFFF 100%);
        background: linear-gradient(to bottom, #CCCCCC 0%, #FFFFFF 100%);

        width: 99%;
        height: 60px;
        position: absolute !important;
        bottom: 0px;
    }

    fundo_head_site {

        -webkit-box-shadow: 0px 9px 19px -3px rgba(85,159,255,0.78);
        box-shadow: 0px 9px 19px -3px rgba(85,159,255,0.78);
        background-color: white;
    }

    html {
        position: relative;
        min-height: 100%;
    }

    *{
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px;

    }
    body {



        line-height: 120%;

        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px !important;
        padding-right: 0px !important;

        background-color: whitesmoke !important;
        color: black;
        background-repeat: repeat-y;

    }

    /* Grow */
    .hvr-grow {
        display: inline-block;
        vertical-align: middle;
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        transition-duration: 0.3s;
        transition-property: transform;
    }

    .hvr-grow:hover,
    .hvr-grow:focus,
    .hvr-grow:active {
        transform: scale(1.1);
    }



    table.bordasimples {
        border-collapse: collapse;
        vertical-align: top;
        margin: 3px;
        padding: 3px;

    }

    table.bordasimples tr td {
        border:1px solid #000000;
        padding: 5px;
        vertical-align:  text-top;
    }



    /*
    table {
        border-collapse: collapse;
        vertical-align: central;
        margin: 0px;
        padding: 3px;

    }
    */
    table tr td {
        border:0px solid #000000;
        padding: 5px;
        /* vertical-align:  text-top; */
    }




    .body_report {
        font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
        font-size: 14px;
        line-height: 120%;
        font-weight: normal;

        margin: 5px;
        background-color: white !important;
        color: black;
        background-repeat: repeat-y;

        margin-right: 14px;
        margin-left: 14px;
        margin-bottom: 14px;
        margin-top: 14px;
    }


    .gradient{
        /* For any browser that can't create a gradient  */
        background-color: #EFEFEF;
        /*//mozilla*/
        background: -moz-linear-gradient(top, #efefef, #FFF);
        /* Chrome/Safari     */
        background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFF));
        /*IE 6/7 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EFEFEF',EndColorStr='#FFF');
        /*IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#FFF)";
    }

    .texto-grande{
        border: 100px;
        font-size: 20px;

        box-sizing: border-box;
    }

    .primeiralinha{
        background-color: #99ff99!important;
        color: black;
        /*font-stretch: condensed;*/
        font-weight: bold;
        font-size: 12px;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        margin-right: 2px;
        margin-left: 2px;
        margin-bottom: 2px;
        margin-top: 2px;
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 3px;
        padding-top: 3px;
        font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
    }

    /*
    * {
        font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
        font-size: 12px;
        line-height: 120%;
        margin: 5px;
        background-color: white;
        color: black;
    }
    */

    thead {

        background-color: #fff;
        color: black;
    }

    .clear { /* generic container (i.e. div) for floating buttons */
        overflow: hidden;
        width: 100%;
    }


    .linhaExcluida {

        color: #cc0033;
        text-decoration: line-through;
        background-color: #ffef9f;
    }

    .linha-excluida {
        color: #cc0033 !important;
        text-decoration: line-through !important;
        background-color: #ffd9b3 !important;

    }

    .linhaNormal {
        color: black;
        text-decoration: none;
    }




    td {
        font-size: 14px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #000000;
        border-left-color: #000000;
        background-repeat: repeat;
        font-weight: normal;
    }


    /*
    #############################################################################################
    #################### CAMPOS INPUT ###########################################################
    #############################################################################################

    search
    email
    url
    tel
    number
    range
    date
    month
    week
    time
    datetime
    datetime-local
    color

    */

    input[type='text']:invalid,
    input[type='search']:invalid,
    input[type='email']:invalid,
    input[type='url']:invalid,
    input[type='tel']:invalid,
    input[type='range']:invalid,
    input[type='date']:invalid,
    input[type='month']:invalid,
    input[type='week']:invalid,
    input[type='time']:invalid,
    input[type='datetime']:invalid,
    input[type='datetime-local']:invalid,
    input[type='color']:invalid,
    input[type='password']:invalid,
    input[type='number']:invalid,
    select:invalid , textarea:invalid {
        border: 1px solid red;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    input[type='text'],
    input[type='select'],
    input[type='search'],
    input[type='email'],
    input[type='url'],
    input[type='tel'],
    input[type='range'],
    input[type='date'],
    input[type='month'],
    input[type='week'],
    input[type='time'],
    input[type='datetime'],
    input[type='datetime-local'],
    input[type='color'],
    input[type='password'],
    input[type='number'],
    select,textarea {

        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        outline: none;
        /*padding: 3px 0px 3px 3px */;
        margin: 5px 1px 3px 0px;
        border: 1px solid gray;
        padding: 6px 6px 6px 6px;

        font-weight: bold;
        font-size: 14px;
        background: #ffffff !important;
        /*border:2px solid #000000 !important;*/

        /*
        border-top-style: groove !important;
        border-right-style: groove !important;
        border-left-style: groove !important;
        border-bottom-style: groove !important;

         */

        -webkit-box-shadow: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -moz-box-shadow:    inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -ms-transition: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -o-transition: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;

        /*box-shadow:         inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;*/

        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;




    }



    textarea{
        border: 1px solid #000000;
        background:#FFFFFF;
        height:100px;
        border-radius:5px;
        border: 2px solid black;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        /*box-shadow: 1px 1px 2px #333333;*/
        -moz-box-shadow: 1px 1px 2px #333333;
        -webkit-box-shadow: 1px 1px 2px #333333;

        margin: 1px;
        padding: 5px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;

    }

    input[type='text']:focus,
    input[type='search']:focus,
    input[type='email']:focus,
    input[type='url']:focus,
    input[type='tel']:focus,
    input[type='range']:focus,
    input[type='date']:focus,
    input[type='month']:focus,
    input[type='week']:focus,
    input[type='time']:focus,
    input[type='datetime']:focus,
    input[type='datetime-local']:focus,
    input[type='color']:focus,
    input[type='password']:focus,
    input[type='number']:focus,
    select:focus , textarea:focus {


        /*box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important;*/
        /*padding: 3px 0px 3px 3px !important;*/
        /*margin: 5px 1px 3px 0px !important;*/
        border: 1px solid blue !important;

        background-color: #92ffb8;

        margin: 5px 1px 3px 0px;
        border: 2px solid black;
        padding: 6px 6px 6px 6px;


        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;


    }

    input[type=submit], botao{
        /*
        background:#006699;
        color:#ffffff !important;
        */
        margin: 1px;
        padding: 5px;

    }
    input[type=submit]:hover,
    input[type=radio]:hover,
    input[type=checkbox]:hover,
    botao:hover{
        text-decoration: none;
        background-color: blue;
        color: white;
        /*
        box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666;
        background: -webkit-gradient(linear, left top, left bottom, from(#439CCC), to(blue)) !important;
         */


    }

    /*
    #############################################################################################
    #################### CAMPOS INPUT ###########################################################
    #############################################################################################
    */

    .btn-primary .btn-outline-primary .btn-secondary .btn-outline-secondary .btn-outline-dark .btn-outline-success {
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px  !important;
        border-radius: 8px !important;
    }
    
    .select2 {
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px  !important;
        border-radius: 8px !important;
        
        border: 1px solid gray;
    }
    
    div.box .shadow {
       -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px  !important;
        border-radius: 8px !important;
        
        border: 1px solid gray !important;
        
        padding: 20px !important;

    }



    a.button2 {
        background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
        color: #ffff66;
        display: block;
        float: left;
        font: normal 12px arial, sans-serif;
        height: 24px;
        margin-right: 6px;
        padding-right: 18px; /* sliding doors padding */
        text-decoration: none;
        margin: 0px;
        padding: 0px;
        border: thin solid #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #000099;
        color: #ffffff;
        background-attachment: fixed;
        background-repeat: repeat;
        background-position: 0px 0px;
        font-weight: bold;
        font-style: normal;
        margin-right: 2px;
        margin-left: 2px;
        margin-bottom: 2px;
        margin-top: 2px;
        padding-right: 1px;
        padding-left: 1px;
        padding-bottom: 1px;
        padding-top: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #000000;
        border-left-color: #000000;
        border-bottom-color: #000000;
        border-top-color: #000000;
        line-height: 120%;
        text-indent: 3px;

    }






    .ajusteFoto3por4 {
        max-width: 70px;
        max-height: 70px;
        /*
        width: expression(this.width > 70 ? "70px" : "70px");
        height: expression(this.height > 70 ? "70px" : true);*/
    }

    .linhaAtiva{
        background-color: #ffff99;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #333333;
        border-left-color: #333333;
        border-bottom-color: #333333;
        border-top-color: #333333;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        line-height: 250%;
    }

    .msg {
        background-color: #99ff99;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #006600;
        border-left-color: #006600;
        border-bottom-color: #006600;
        border-top-color: #006600;
        font-weight: bold;
        font-family: Helvetica;
        width: 100%;
        text-indent: 8px;
    }

    .titulo_unidade {

        font-size:24px;
        color: black;
        text-transform: uppercase;
        font-weight: 900;
        font-family: 'Radio Canada', sans-serif;
        /*
        text-shadow: 1px 1px 0 #000,
        2px 2px 0 #0000cc,
        3px 3px 0 #9999ff,
        4px 4px 0 #A6C9FF,
        5px 5px 0 #50D4FD;
    */
    }

    .titulo {


        font-size:24px;
        text-decoration: none;
        color: blue;
        margin-left: 2px;
        margin-right:  2px;
        margin-bottom: 7px;

        padding: 15px;


        font-weight: 900;
        font-family: 'Radio Canada', sans-serif;
        
        background-color: whitesmoke;
        color: black;
        
        
        
        /*
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        */
        /* sombra discreta #18 ref.  https://getcssscan.com/css-box-shadow-examples  
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;*/
        
        /* #29 
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        */
        
        border-radius: 8px;

    }


    .titulo-unidade {
        /*
        text-shadow:
        1px 1px 0 #444,
        2px 2px 0 #444,
        3px 3px 0 #444;
        */
        font-size: 18px;
        text-transform: uppercase;
        color: blue;
        margin-left: 50px;
        padding-left: 10px;
        font-weight: 900;
        font-style: italic;


    }


    .titulo-unidade:hover {
        /*
        text-shadow:
        1px 1px 0 #444,
        2px 2px 0 #444,
        3px 3px 0 #444;
        */
        font-size: 24px;
        text-transform: uppercase;
        color: blue;
        margin-left: 50px;
        padding-left: 10px;

        font-weight: 900;



        -webkit-box-shadow: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75);
        -moz-box-shadow:    inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75);
        box-shadow:         inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75);

        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }



    .rodape {
        background-color: #E0E0E0;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #9999ff;
        border-left-color: #9999ff;
        border-bottom-color: #9999ff;
        border-top-color: #9999ff;
        font-weight: bold;
        font-family: Arial,Helvetica,sans-serif;
        width: 100%;
        text-indent: 8px;
        font-size: 18px;
        margin-right: 4px;
        margin-left: 4px;
        margin-bottom: 4px;
        margin-top: 4px;
        line-height: 25px;

        -moz-box-shadow:    inset 0 0 16px #9999ff;
        -webkit-box-shadow: inset 0 0 16px #9999ff;
        box-shadow:         inset 0 0 16px #9999ff;
    }


    /*.linh **/



    .msginfo {
        background-color: #99ff99;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #006666;
        border-left-color: #006666;
        border-bottom-color: #006666;
        border-top-color: #006666;
        font-weight: bold;
        font-family: Helvetica;
        width: 100%;
        line-height: 120%;
        text-indent: 8px;
    }
    .msginfo {
        background-color: #99ff99;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #006666;
        border-left-color: #006666;
        border-bottom-color: #006666;
        border-top-color: #006666;
        font-weight: bold;
        font-family: Helvetica;
        width: 100%;
        line-height: 120%;
        text-indent: 8px;
    }

    .msgerro {
        background-color: #ff9999;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #990000;
        border-left-color: #990000;
        border-bottom-color: #990000;
        border-top-color: #990000;
        font-weight: bold;
        font-family: Helvetica;
        width: 100%;
        line-height: 120%;
        text-indent: 8px;
    }


    .ok {

        background-color: #99ff99;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 2px;
        border-left-width: 2px;
        border-bottom-width: 2px;
        border-top-width: 2px;
        border-right-color: #006600;
        border-left-color: #006600;
        border-bottom-color: #006600;
        border-top-color: #006600;
        font-weight: bold;
        font-family: Geneva,Arial,Helvetica,sans-serif;
        line-height: 35px;
        width: 100%;
    }

    fieldset{
        border: 1px solid #000  !important;
        padding: 15px !important;

        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;

        background-color: whitesmoke;
        /*
        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
        background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
        background: -o-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
        background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
        background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%);
        */

    }

    legend {
        color: #000  !important;
        background: #E0E0E0 !important;
        font-size: 1.0em !important;
        padding: 5px !important;

        -webkit-border-radius: 10px !important;
        -moz-border-radius: 10px !important;
        border-radius: 3px !important;


        -webkit-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px 5px 6px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         0px 5px 6px 0px rgba(50, 50, 50, 0.75);

    }

    /*
    td {
        font-size: 12px;
            /* line-height: 150%;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #000000;
        border-left-color: #000000;
        background-repeat: repeat;
        font-weight: normal;
    }

    */


    .inativo {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #000000;
        border-left-color: #000000;
        background-repeat: repeat;
        font-weight: bold;
        background-color: #ffff66;
        color: #999999;
    }
    .ativo {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #000000;
        border-left-color: #000000;
        background-repeat: repeat;
        font-weight: bold;
        background-color: #ffffff;
        color: #000000;
    }

    /* ESPACAMENTO TABELAS */
    td {
        padding: 2px; /**"  width="100%"  */

    }



    /*
    label {

        font:normal 24pt "titi-e";
        text-transform: uppercase;
        color: black;
    }
    */


    radio {
        border: none;
    }
    .quebrapagina {
        page-break-before: always;
    }
    .fonte_sql {
        font-family: Geneva,Arial,Helvetica,sans-serif;
        font-size: 12px;
        border: 2px solid #999999;

    }

    .passo {
        margin: 0px;
        padding: 0px;
        border: thin solid #000000;
        font-family: Helvetica;
        font-size: 12px;
        background-color: #999999;
        text-decoration: none;
        color: #000000;
        background-attachment: fixed;
        background-repeat: repeat-x;
        background-position: 0px 1px;
        font-weight: bolder;
        font-style: normal;
        line-height: 12px;
        text-indent: 2px;
    }

    .arredondado{

        border: 1px solid red;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;


    }

    .arredondado:hover{

        border: 1px solid red;
        -moz-border-radius: 20px;
        -webkit-border-radius: 40px;
        border-radius: 20px;
        background-color:  #ccffcc


    }

    tr {
        margin-top: 10px;
        margin-bottom: 5px;


    }

    .botao {

        margin-top: 10px;
        margin-bottom: 5px;

        padding-top: 10px;
        padding-bottom: 10px;

        vertical-align: central;
        /*height: 24px;*/
        border-color: #29447e #29447e #1a356e;
        color: #fff !important;
        background-color: #006699 !important;

        box-shadow: inset 0 1px 1px #fff, 0 1px 1px #666;
        padding: 2px 5px;
        text-decoration: none;
        border: 1px solid #136197;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        font-weight: normal;
        font-size: 14px;
        color: #000;
        text-shadow: 0 1px 0 #666;

        cursor:pointer;
    }

    /* ------------------------------------------------------------------------------------------------------------- BUTTON */


    .botao:hover,
    .botao:focus,
    .botao:active {
        box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666;
        background: -webkit-gradient(linear, left top, left bottom, from(#185702), to(green)) !important;



    }



    .botao:active {
        border-color: #29447E;
        background: #4F6AA3;
        filter: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    /* overrides extra padding on button elements in Firefox */
    .botao::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    /* ............................................................................................................. Icons */

    .botao.icon:before {

        content: "";
        position: relative;
        top: 1px;
        float:left;
        width: 10px;
        height: 14px;
        margin: 0 0.5em 0 0;
        background: url(fb-icons.png) 99px 99px no-repeat;


        cursor:pointer;


    }

    .botao.edit:before  { background-position: 0 0; }
    .botao.add:before  { background-position: -10px 0; }
    .botao.secure:before  { background-position: -20px 0; }
    .botao.prev:before  { background-position: -30px 0; }
    .botao.next:before  { float:right; margin: 0 -0.25em 0 0.5em; background-position: -40px 0; }





    .botaored {
        margin: 0px;
        padding: 0px;
        border: thin solid #000000;
        font-size: 12px;
        background-color: #FF0000;
        color: #ffffff;
        background-attachment: fixed;
        background-repeat: repeat;
        background-position: 0px 0px;
        font-weight: bold;
        font-style: normal;
        margin-right: 2px;
        margin-left: 2px;
        margin-bottom: 2px;
        margin-top: 2px;
        padding-right: 1px;
        padding-left: 1px;
        padding-bottom: 1px;
        padding-top: 1px;
        border-right-style: groove;
        border-left-style: groove;
        border-bottom-style: groove;
        border-top-style: groove;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        line-height: 12px;
        text-indent: 3px;
    }

    .botaogrande {
        vertical-align: central;
        height: 50px;
        border-color: #29447e #29447e #1a356e;
        color: #fff !important;
        background-color: #006699 !important;

        box-shadow: inset 0 1px 1px #fff, 0 1px 1px #666;
        padding: 1px 5px;
        text-decoration: none;
        border: 1px solid #136197;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        font-weight: normal;
        font-size: 26px;
        color: #000;
        text-shadow: 0 1px 0 #666;

        cursor:pointer;

    }



    .pdf {

        color: #ffffff;
        background-color: #cc0000;
        letter-spacing: 2px;
        font-weight: bold;
        text-decoration: none;
        border-top-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
        border-top-color: red;
        font-size: 12px;

        border-top-style: groove;
        border-right-style: groove;
        border-left-style: groove;
        border-bottom-style: groove;
        border-right-color: red;
        border-left-color: red;
        border-bottom-color: red;
        line-height: 14px;
        text-indent: 3px;
    }


    .remove_star {

        color: #000000;
        background-color: #ffff99;
        letter-spacing: 2px;
        font-weight: bold;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-top-color: teal;
        border-bottom-color: teal;
        border-left-color: teal;
        border-right-color: teal;
        font-size: 12px;
    }

    .add_star {

        color: #ffffff;
        background-color: #0000cc;
        letter-spacing: 2px;
        font-weight: bold;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-top-color: teal;
        border-bottom-color: teal;
        border-left-color: teal;
        border-right-color: teal;
        font-size: 12px;
    }


    .add {
        margin: 0px;
        padding: 0px;
        border: thin solid #000000;
        font-size: 12px;
        background-color: #CCCCCC;
        color: #000000;
        border-right-style: groove;
        border-left-style: groove;
        border-bottom-style: groove;
        border-top-style: groove;
        border-right-color: gray;
        border-left-color: gray;
        border-bottom-color: gray;
        border-top-color: gray;
        border-right-width: 2px;
        border-left-width: 2px;
        border-bottom-width: 2px;
        border-top-width: 2px;
        font-weight: bolder;
    }

    .upd {
        vertical-align: central;
        /*height: 24px;*/
        border-color: #29447e #29447e #1a356e;
        color: #fff !important;
        background-color: #006699 !important;

        box-shadow: inset 0 1px 1px #fff, 0 1px 1px #666;
        padding: 2px 5px;
        text-decoration: none;
        border: 1px solid #136197;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        font-weight: normal;
        font-size: 14px;
        color: #000;
        text-shadow: 0 1px 0 #666;

        cursor:pointer;
    }

    .upd:hover {
        box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666;
        background: -webkit-gradient(linear, left top, left bottom, from(#185702), to(green)) !important;
    }

    .upd:active {
        box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666 !important;
        top:2px

    }


    /*
    .upd:hover {
        margin: 0px;
        padding: 0px;
        border: thin solid #000000;
        font-family: Geneva,Arial,Helvetica,sans-serif;
        font-size: 12px;
        text-decoration: none;
        background-color: #9BCDFF;
        text-align: center;
        list-style-type: circle;
        color: #000000;
        border-right-style: groove;
        border-left-style: groove;
        border-bottom-style: groove;
        border-top-style: groove;
        line-height: 12px;
        border-right-width: 2px;
        border-left-width: 2px;
        border-bottom-width: 2px;
        border-top-width: 2px;
        text-indent: 2px;
        border-right-color: #9BCDFF;
        border-left-color: #9BCDFF;
        border-bottom-color: #9BCDFF;
        border-top-color: #9BCDFF;
        margin-right: 1px;
        margin-left: 1px;
        margin-bottom: 1px;
        margin-top: 1px;
    }
    */



    .del {
        padding: 1px 8px;
        text-decoration: none;


        border: 1px solid #FF9B9B;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;


        background-color: #FF9B9B !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9B9B), color-stop(100%,#FF9B9B)) !important;
        background: -webkit-linear-gradient(top, #FF9B9B, #FF9B9B) !important;
        background: -moz-linear-gradient(top, #FF9B9B, #FF9B9B) !important;
        background: -ms-linear-gradient(top, #FF9B9B, #FF9B9B) !important;
        background: -o-linear-gradient(top, #FF9B9B, #FF9B9B) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9B9B', endColorstr='#FF9B9B',GradientType=0 );


        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

        font-weight: bold;
        color: black;
        text-shadow: 0 1px 0 #666;

        box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
        cursor:pointer;
        /* position: relative; */
    }

    .del:hover {
        box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666;
        background: -webkit-gradient(linear, left top, left bottom, from(#FF9B9B), to(#FF9B9B)) !important;
    }

    .del:active {
        box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666 !important;
        top:2px

    }



    .listafixa {
        margin: 0px;
        padding: 0px;
        border: thin outset #FF0000;
        font-family: "Courier New", Courier, monospace;
        font-size: 12px;
        background-color: #136197;
    }



    .caixa {
        background: url(caixa_top.jpg) no-repeat top;
        width: 257px;
    }

    .caixaMeio {
        background: url(caixa_meio.jpg) repeat-y;
        top: 25px;
        position: relative;
    }
    .caixaBase {
        background: url(caixa_base.jpg) no-repeat bottom;
        height:35px;
    }
    .caixa  {
        color: #FFFFFF;
        margin: 0px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .requerido {
        color: red;
        font-size: 24px;
        font-weight:  bolder;
        /*
        background-color: #ff9999;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #003300 ;
        border-left-color: #003300 ;
        border-bottom-color: #003300 ;
        border-top-color: #003300 ;*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    /*
    .requerido:after{
        content: 'º';
    }
    */
    .exemplo {
        color: black;
        font-size: 14px;
        font-style: italic;
    }

    .exemplo-clean {
        color: gray;
        font-size: 11px;
        font-style: italic;
    }


    .opcional {
        color: gray;
        font-style: italic;
        font-weight: bolder;

    }

    convenio_instrucao_titulo {
        background-color: #9C9;
    }



    .form {
        border-top-style: groove;
        border-right-style: groove;
        border-bottom-style: groove;
        border-left-style: groove;
    }
    .aviso {
        font-size: 16px;
        color: #900;
        font-weight: bold;
    }

    .red {
        font-size: 16px;
        color: #FF0000;
        font-weight: bold;
    }

    .blue {
        font-size: 12px;
        color: blue;
        font-weight: bold;
        font-family: Geneva,Arial,Helvetica,sans-serif;
    }

    .green {
        font-size: 16px;
        color: green;
        font-weight: bold;

    }

    .display {


        border-right-style: none;
        border-left-style: none;
        border-bottom-style: none;
        border-top-style: none;
        border-right-width: 0px;
        border-left-width: 0px;
        border-bottom-width: 0px;
        border-top-width: 0px;
    }

    .jcropper-holder { border: 1px black solid; }

    #outer {
        text-align: center;
    }

    .jcExample
    {
        text-align: left;
        background: white;
        width: 100%;
        font-size: 80%;
        margin: 3.5em auto 2em auto;
        margin: 3.5em 10% 2em 10%;
        border: 1px black solid;
        padding: 1em 2em 2em;
        background: #E6E6FA
    }

    .jcExample .article
    {
        width: 100%;
    }

    .ajuste {
        max-width: 500px;
        max-height: 375px;
        /*
        width: expression(this.width > 500 ? "500px" : true);
        height: expression(this.height > 375 ? "375px" : true);*/
    }





    .blink_me {
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: 5;

        -moz-animation-name: blinker;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: 5;

        animation-name: blinker;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: 5; /* infinite */
    }

    @-moz-keyframes blinker {
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

    @-webkit-keyframes blinker {
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

    @keyframes blinker {
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

    table.minimalistBlack {
        border: 3px solid #000000;
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }
    table.minimalistBlack td, table.minimalistBlack th {
        border: 1px solid #000000;
        padding: 5px 4px;
    }
    table.minimalistBlack tbody td {
        font-size: 13px;
    }
    table.minimalistBlack thead {
        background: #CFCFCF;
        background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
        background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
        background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
        border-bottom: 3px solid #000000;
    }
    table.minimalistBlack thead th {
        font-size: 15px;
        font-weight: bold;
        color: #000000;
        text-align: left;
    }
    table.minimalistBlack tfoot {
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        border-top: 3px solid #000000;
    }
    table.minimalistBlack tfoot td {
        font-size: 14px;
    }


    /*  blueTable */
    table.blueTable {
        border: 1px solid #1C6EA4 !important;
        border-left: 1px solid #1C6EA4 !important;
        border-bottom: 1px solid #1C6EA4 !important;
        border-top: 1px solid #1C6EA4 !important;
        border-right: 1px solid #1C6EA4 !important;

        background-color: #EEEEEE;
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }
    table.blueTable td, table.blueTable th {
        border: #000 solid 1px !important;
        border-left: #000 solid 1px !important;
        border-bottom: #000 solid 1px !important;
        border-top: #000 solid 1px !important;
        border-right: #000 solid 1px  !important;

        padding: 3px 2px;
    }
    table.blueTable tbody td {
        font-size: 13px;
        font-weight: bold;
    }
    table.blueTable tr:nth-child(even) {
        background: #D0E4F5;
    }
    table.blueTable thead {
        background: #1C6EA4;
        background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
        background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
        background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
        border-bottom: 2px solid #444444;
        border-width: 0 1px 1px 0 !important;

    }
    table.blueTable thead th {
        font-size: 15px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        border-left: 2px solid #D0E4F5  !important;
        border-width: 0 1px 1px 0 !important;
    }
    table.blueTable thead th:first-child {
        border-left: none;
    }

    table.blueTable tfoot {
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        background: #D0E4F5;
        background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
        background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
        background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
        border-top: 2px solid #444444;
    }
    table.blueTable tfoot td {
        font-size: 14px;
    }
    table.blueTable tfoot .links {
        text-align: right;
    }
    table.blueTable tfoot .links a{
        display: inline-block;
        background: #1C6EA4;
        color: #FFFFFF;
        padding: 2px 8px;
        border-radius: 5px;
    }

    /* ################################################################################### */
    /* ############## EFEITO ESMAECER RESTANTE DA TELA NO CAMPO DE BUSCA ################# */


    * {
        box-sizing: border-box;
    }
    html {
        margin: 0;
        padding: 0;
    }

    .container_busca {
        margin: 0 auto;
        width: 90%;
    }
    /* CAMPO DE BUSCA
    .busca {
      border: 1px solid #ccc;
      font-size: 14px;
      margin: 0 auto;
      margin-top: 70px;
      padding: 8px;
      position: relative;
      width: 100%;
      z-index: 1;
    }
    */
    /* SOBREPOSIÇÃO */
    .overlay {
        display: none;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 99;
    }

    /*
    #loading {
      position: fixed;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center;
      opacity: 0.7;
      background-color: #fff;
      z-index: 99;
    }

    #loading-image {
      position: absolute;
      top: 100px;
      left: 240px;
      z-index: 100;
    }
    */
    #spinner { display:none; }
    body.busy .spinner { display:block !important; }

    #spinner { visibility:hidden; }
    body.busy .spinner { visibility:visible !important; }


    /* SELECT COM SETA PARA BAIXO */
    select {

        /* styling */
        background-color: white;
        border: thin solid blue;
        border-radius: 4px;
        display: inline-block;
        font: inherit;
        line-height: 1.5em;
        /*padding: 0.5em 3.5em 0.5em 1em;*/
        padding: 6px 6px 6px 6px;

        /* reset */

        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;

        /* padrao quando nao usa nenhum class e todos os inputs do app */

        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        outline: none;
        /*padding: 3px 0px 3px 3px */;
        margin: 5px 1px 3px 0px;
        border: 1px solid black;
        padding: 6px 6px 6px 6px;

        font-weight: bold;
        font-size: 14px;
        /*border:2px solid #000000 !important;*/

        border-top-style: groove !important;
        border-right-style: groove !important;
        border-left-style: groove !important;
        border-bottom-style: groove !important;

        -webkit-box-shadow: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -moz-box-shadow:    inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -ms-transition: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -o-transition: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;

        box-shadow:         inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;

        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;



        background-image:
                linear-gradient(45deg, transparent 50%, gray 50%),
                linear-gradient(135deg, gray 50%, transparent 50%),
                radial-gradient(#ddd 70%, transparent 72%) !important;
        background-position:
                calc(100% - 17px) calc(1em + 2px),
                calc(100% - 12px) calc(1em + 2px),
                calc(100% - .5em) .5em  !important;
        background-size:
                5px 5px,
                5px 5px,
                1.5em 1.5em  !important;
        background-repeat: no-repeat  !important;

        /* referencia
          background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        radial-gradient(#ddd 70%, transparent 72%);
      background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - .5em) .5em;
      background-size:
        7px 7px,
        7px 7px,
        1.5em 1.5em;
      background-repeat: no-repeat;

        */

    }


    /* arrows */


    select.form-control, select.form-select  {
        background-image:
                linear-gradient(45deg, transparent 50%, gray 50%),
                linear-gradient(135deg, gray 50%, transparent 50%),
                radial-gradient(#ddd 70%, transparent 72%) !important;
        background-position:
                calc(100% - 17px) calc(1em + 2px),
                calc(100% - 12px) calc(1em + 2px),
                calc(100% - .5em) .5em  !important;
        background-size:
                5px 5px,
                5px 5px,
                1.5em 1.5em  !important;
        background-repeat: no-repeat  !important;

        font: inherit;
        line-height: 1.5em;
        /*padding: 0.5em 3.5em 0.5em 1em;*/
        /* padrao quando nao usa nenhum class e todos os inputs do app */

        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        outline: none;
        /*padding: 3px 0px 3px 3px */;
        margin: 5px 1px 3px 0px;
        border: 1px solid black;
        padding: 6px 6px 6px 6px;

        font-weight: bold;
        font-size: 14px;
        /*border:2px solid #000000 !important;*/

        border-top-style: groove !important;
        border-right-style: groove !important;
        border-left-style: groove !important;
        border-bottom-style: groove !important;

        -webkit-box-shadow: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -moz-box-shadow:    inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -ms-transition: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -o-transition: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;

        box-shadow:         inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;

        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;



    }


    select.form-control:focus, select.form-select:focus {
        background-image:
                linear-gradient(45deg, white 50%, transparent 50%),
                linear-gradient(135deg, transparent 50%, white 50%),
                radial-gradient(gray 70%, transparent 72%)  !important;
        background-position:
                calc(100% - 17px) 1em,
                calc(100% - 12px) 1em,
                calc(100% - .5em) .5em  !important;
        background-size:
                5px 5px,
                5px 5px,
                1.5em 1.5em  !important;
        background-repeat: no-repeat  !important;
        border-color: green  !important;
        outline: 0  !important;

        font: inherit;
        line-height: 1.5em;
        /*padding: 0.5em 3.5em 0.5em 1em;*/
        padding: 6px 6px 6px 6px;

        /* PADRAO DOS OUTROS IMPUTS */

        /* padrao quando nao usa nenhum class e todos os inputs do app */

        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        outline: none;
        /*padding: 3px 0px 3px 3px */;
        margin: 5px 1px 3px 0px;
        border: 1px solid black;
        padding: 6px 6px 6px 6px;

        font-weight: bold;
        font-size: 14px;
        /*border:2px solid #000000 !important;*/

        border-top-style: groove !important;
        border-right-style: groove !important;
        border-left-style: groove !important;
        border-bottom-style: groove !important;

        -webkit-box-shadow: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -moz-box-shadow:    inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -ms-transition: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;
        -o-transition: inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;

        box-shadow:         inset 4px 4px 10px -5px rgba(50, 50, 50, 0.75),inset -4px -4px 10px -4px rgba(255, 255, 255, 0.75) !important;

        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;



    }

    /* CUSTOM CHECKBOX e RADIO BUTTON */

    input[type=checkbox], input[type=radio]
    {
        /* Double-sized Checkboxes */
        -ms-transform: scale(1.2); /* IE */
        -moz-transform: scale(1.2); /* FF */
        -webkit-transform: scale(1.2); /* Safari and Chrome */
        -o-transform: scale(1.2); /* Opera */
        transform: scale(1.5);
        /*
        padding: 15px;
        margin-right: 15px;*/


    }

    input[type=checkbox]:hover, input[type=radio]:hover{
        background-color: #23839d;
    }

    /* Might want to wrap a span around your checkbox text */
    .checkboxtext
    {
        /* Checkbox text */
        font-size: 110%;
        display: inline;
    }