@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

a:hover {
    background-color: #AED3D9;
}

.tj-mtop-60px {
    margin-top: 60px;
}

.txt-Azul {
    color: #0069B4;
    font-size: 20px;
}

.txt-Verde {
    color: #02A09A;
    font-size: 20px;
}

.BV-Azul {
    color: #219cc7;
    font-size: 30px;
}

.BV-Verde {
    color: #c7ff24;
    font-size: 30px;
}

/*PE-Azul {
    color: #219cc7;
    font-size: 30px;
}

PE-Verde {
    color: #c7ff24;
    font-size: 30px;
}
*/
.BV-seta {
    position: absolute;
    top: 160px;
    right: 0px;
    left: 210px;
    z-index: 3;
}

/* Borda que envolve a bolinha do número  */
.backwhite1 {
    height: 60px;
    width: 60px;
    position: absolute;
    border-radius: 30px;
    /*background-color: red;*/
    background-color: white;
    color: white;
    padding: 5px;
    font-size: 20px;
    top: 110px;
    left: 378px;
    /*right: 0px;*/
    z-index: 0;
}


/*Faixa que encobre a borda entre a setinha e o número*/
.backwhite2 {
    height: 20px;
    width: 160px;
    position: absolute;
    /*background-color: blue;*/
    background-color: white;
    color: white;
    padding: 5px;
    font-size: 20px;
    top: 150px;
    /*right: 15px;*/
    left: 228px;
    z-index: 1;
}


/*bolinha com o número */
.number1 {
    height: 40px;
    width: 40px;
    position: absolute;
    border-radius: 25px;
    /*background-color: gray;*/
    background-color: #219cc7;
    color: black;
    /*padding: 5px;*/
    /*posição do número*/
    padding-top: 4px;
    padding-left: 12px;
    font-size: 20px;
    /*    top: -20px;
    right: 20px;*/
    top: 120px;
    left: 388px;
    z-index: 1;
}

.numberx {
    height: 40px;
    width: 40px;
    position: absolute;
    border-radius: 25px;
    /*background-color: gray;*/
    background-color: #c7ff24;
    color: black;
    /*padding: 5px;*/
    /*posição do número*/
    padding-top: 4px;
    padding-left: 12px;
    font-size: 20px;
    /*    top: -20px;
    right: 20px;*/
    top: 120px;
    left: 388px;
    z-index: 1;
}

.number2 {
    height: 40px;
    width: 40px;
    position: absolute;
    border-radius: 25px;
    background-color: gray;
    /*background-color: #219cc7;*/
    color: black;
    padding: 15px;
    font-size: 20px;
    top: -20px;
    right: 20px;
    z-index: 2;
}

.border1 {
    border-radius: 20px;
    /*border: 3px solid #02A09A;*/
    border: 3px solid #219cc7;
    padding: 30px;
    z-index: 1;
}

    .border1 ul {
        position: relative;
    }


.borderx {
    border-radius: 20px;
    border: 3px solid #c7ff24;
    /*border: 3px solid #219cc7;*/
    padding: 30px;
    z-index: 1;
}

    .borderx ul {
        position: relative;
    }

.TituloItem {
    font-weight: bold;
    color: #219cc7;
}

.border4 {
    border-radius: 20px;
    border: 3px solid #c7ff24;
    min-height: 270px;
    padding: 14px;
    z-index: 1;
}

    .border4 ul {
        position: relative;
    }

.border5 {
    border-radius: 20px;
    border: 3px solid #219cc7;
    min-height: 550px;
    padding: 14px;
    z-index: 1;
}

    .border5 ul {
        position: relative;
    }

.border6 {
    border-radius: 20px;
    border: 3px solid #219cc7;
    min-height: 210px;
    padding: 14px;
    z-index: 1;
}

    .border6 ul {
        position: relative;
    }


.border1 p {
    z-index: 3 !important;
}

.borderx p {
    z-index: 3 !important;
}


.destaque .active {
    min-height: 50px;
    position: relative;
    background: #c7ff24;
    /*background: linear-gradient(to right, #02A09A, #0069B4);*/
}

    .destaque .active .destaque1 {
        /*border-bottom: 5px solid #17A8A1;*/
        background: #fff;
        /*color: #219cc7;*/
        color: #808080;
        padding-bottom: 5px;
    }

.destaque2 {
    position: relative;
    background: linear-gradient(to right, #02A09A, #0069B4);
    padding-bottom: 3px;
}

    .destaque2 .destaqueBG {
        background: #fff;
        color: #222;
    }

.pointer {
    cursor: pointer;
}

ul {
    padding-left: 0px !important;
}

li {
    text-decoration: none;
    list-style: none;
    text-align: left;
}

.theme-institucional a b {
    color: #fff !important;
}

.pad-25 label {
    padding: 25px;
}

.btn {
    white-space: initial !important;
}

h4 {
    color: #037a6c !important;
    margin-top: 30px;
}

h3 {
    color: #037a6c !important;
}



.module-border-wrap {
    max-width: 250px;
    padding: 1rem;
    position: relative;
    background: linear-gradient(to right, red, purple);
    padding-bottom: 3px;
}

.module {
    background: #fff;
    color: #222;
    padding: 2rem;
    border-radius: 20px;
}

.container .filters .ui-dropdown {
    width: 300px !important;
}

.pad-alert {
    padding: 10px 20px !important;
}