/*Auto Complete*/
/*the container must be positioned relative:*/
.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    width: 90%;
    margin: auto;
    position: absolute;
    margin-top: -10px;
    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;
    box-shadow: 1px 10px 15px 6px rgb(44 44 44 / 40%);
}

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

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

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

.item-minimize {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.minimize{
    min-height: 0px !important;
    max-height: 0px !important;
    height: 0px !important;
}

/*Sombra*/
.element-text-shadow {text-shadow: 0 0 1em #444444;}
.element-text-shadow-hover:hover {text-shadow: 0 0 0.2em #444444;}

.element-box-shadow {box-shadow: 0 0 0.6em #444444;}
.element-box-shadow-hover{
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.element-box-shadow-hover:hover  {box-shadow: 0 0 1em #444444;}

.element-box-shadow-in {box-shadow: inset 0 0 0.5em #828181;}
.element-box-shadow-in-hover{
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.element-box-shadow-in-hover:hover  {box-shadow: inset 0 0 1em #828181;}

.element-box-shadow-neon {box-shadow: inset 0 0 1em #ffffff, 0 0 5px #ffffff;}
.element-box-shadow-neon-hover{
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.element-box-shadow-neon-hover:hover  {box-shadow: inset 0 0 1em #ffffff5c, 0 0 5px #505050;}


.image-shadow{
    -webkit-filter: drop-shadow(0 0 1em #828181); 
    filter: drop-shadow(0 0 1em #828181);
}

/*Zoom Element*/
.zoom-element{
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.zoom-element:hover {
    /*-ms-transform: perspective(800px) rotateY(-10deg) translateY(-05px) rotateX(10deg) scale(1.02);
    -webkit-transform: perspective(800px) rotateY(-10deg) translateY(-05px) rotateX(10deg) scale(1.02);
    transform: perspective(800px) rotateY(-10deg) translateY(-05px) rotateX(10deg) scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);*/
    -ms-transform: perspective(800px) rotateY(-10deg) translateY(-05px) rotateX(10deg) scale(1.02);
    -webkit-transform: perspective(800px) rotateY(-10deg) translateY(-05px) rotateX(10deg) scale(1.02);
    transform: perspective(800px) rotateY(0deg) translateY(0px) rotateX(0deg) scale(1.1);
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, .4);*/
}

/*Centralizar elemntos com Flex*/
.centralizar-horizontal {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 870px) {
    .centralizar-horizontal {
        display: block;
    }
}