.hidden {
    display: none !important;
}

#box-search {
    position: relative;
    
    & #search {
        outline: none;
        border: none;
        border: 1px solid #024F9C;
        border-radius: 15px;
        padding: 2px 10px;
        padding-left: 30px;
        transition: .15s all;
        color: #808080;

        &:focus {
            box-shadow: 2px 0px 5px gray;
        }
    }

    & i {
        color: #024F9C;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        left: 7%;
    }
}

.box-cards-escolas {
    overflow-x: scroll;

    &::-webkit-scrollbar {
        height: 10px !important;
        background-color: transparent !important;
    }

    &::-webkit-scrollbar-track {
        background: transparent;
    }

    &::-webkit-scrollbar-thumb {
        border: none;
        transition: .15s all;
    }

    &::-webkit-scrollbar-thumb:hover {
        background: #FDBB2D;
    }

}

.container-cards-escola {
    overflow: hidden;
}
.card-escola {
    border-radius: 15px;
    background-color: #fff !important;
    box-shadow: 0px 0px 15px #393939 !important;
    width: 500px;
    min-height: 170px;

    & p {
        margin: 0;
    }

    & .box-info {
        font-size: 15px;

        & i {
            color: #024F9C;
        }
    }

    & .badge {
        text-shadow: none;
        border-radius: 10px;
        background-color: #024F9C;
        color: #fff;
        font-weight: bold;
        background-color: transparent !important;
        border: 1px solid #024F9C;
        color: #024F9C !important;
    }

    & .btn-handle-etapas {
        cursor: pointer;
        transition: .15s all;

        &:hover {
            transform: scale(1.05);
        }
    }
}