body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h2 {
    font-weight: bolder;
}

h3 {
    font-weight: bold;
    color: darkgreen;
    font-size: 1.6rem;
    margin: 1rem;
}

h5 {
    font-size: 1.5rem;
    font-weight: bold;
}

a {
    color: #0c2809;
}

.recebeaqui-logo {
    width: auto !important;
    height: 33px !important;
}

.btn-default {
    background: rgb(0, 177, 105) !important;
    border-color: rgb(0, 177, 105) !important;
    color: #ffffff !important;
}

    .btn-default:hover {
        background: #FF7D00 !important;
    }

.btn-as-link {
    background: none;
    border: none;
}

.ra-green-color {
    color: rgb(0, 177, 105) !important;
}

a.ra-green-color:hover {
    color: #ffffff !important;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.full-width {
    width: 100% !important;
}

.limit-column-width {
    word-wrap: break-word !important;
    max-width: 600px !important;
}

.limit-column-height {
    max-height: 150px !important;
}

#conteudo {
    word-wrap: break-word !important;
}

.modal-lg {
    width: 60% !important;
}

.placeholder-color {
    color: #a9a9a9 !important;
}

.autocomplete-options {
    height: 250px;
    width: 97.5%;
    word-break: break-word;
    overflow: auto;
    position: absolute;
    z-index: 9999;
    cursor: pointer;
}

    .autocomplete-options > li:hover {
        background: #d9d9d9;
    }

.login-wrap {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
    margin: auto;
}

.table-custom tbody tr:nth-child(4n-2), .table-custom tbody tr:nth-child(4n-3) {
    background-color: #f8f8f8 !important;
}

/*************************** Timeline *****************************/

.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

    .timeline-steps .timeline-step {
        align-items: center;
        display: flex;
        flex-direction: column;
        position: relative;
        margin: 1rem
    }

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted #00b169;
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: .3125rem
    }

    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #00b169;
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

    .timeline-steps .timeline-content .inner-circle {
        border-radius: 1.5rem;
        height: 1rem;
        width: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #00b169
    }

        .timeline-steps .timeline-content .inner-circle:before {
            content: "";
            background-color: #00b169;
            display: inline-block;
            height: 3rem;
            width: 3rem;
            min-width: 3rem;
            border-radius: 6.25rem;
            opacity: .5
        }