.box-cli {
    padding: 1rem 0;
    background-size: cover;
}

.color-icon {
    color: #2998ff;
    font-size: 2.5rem;
}

.color-icon-regresa {
    color: #2998ff;
    font-size: 1.5rem;
}

.feacture-box {
    background-color: white;
    font-size: 1.5rem;
    padding: 2.4rem;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1.5rem 4rem #2998ff;
    transition: transform .3s;
}

.feacture-box:hover {
    transform: translateY(-1.5rem) scale(1.03);
}

/*buscador estilo*/
.list_item_busq {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0;
}

.list_item_busq_Expe {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0;
    z-index: 9999;
}

.complet_item_busq {
    position: relative;
    width: 100%;
}

.list_group_seleccion:hover {
    background-color: #F0F3F4;
}

.icon_busqueda {
    background-image: url("../img/icon/search.png");
    background-repeat: no-repeat;
    background-position: right calc(0.2em + 0.1rem) center;
    background-size: 35px;
}

main {
    width: 90%;
    margin: auto;
}

.dropzone {
    margin-left: auto;
    margin-right: auto;
    border: thin dotted #000;
    width: 90%;
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.dropzone p {
    padding: 10px;
    font-size: 25px;
    text-align: center;
}

.dropzone label {
    border-bottom: 1px solid blue;
    color: blue;
    cursor: pointer;
}

.dropzone input {
    display: none;
}

progress {
    margin-top: 1rem;
}

.dropzone.is-active {
    border: thick dashed #000;
    background-color: rgba(0, 128, 0, .5);
    animation: pulse 1.5s infinite;
    animation-timing-function: linear;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}