.coverSearch {
	transition: all ease 1s;
	color: white;
	cursor: pointer;
}

@media(min-width: 991px ) {
	.bg-header .coverSearch{
		color: black !important;
	}
}

    div#miniSearch {
        position: fixed;
        top: 0;
        z-index: 99;
        left: -100%;
        height: 100vh;
        background: #ffffffc4;
        display: grid;
        align-content: start;
        width: 30%;
        transition: all ease 1.2s;
        overflow:hidden;
        opacity: 0;
    }

   .showMiniSearch {
        left:0  !important;
        opacity: 1 !important;
    }

    @media(max-width: 768px){
        div#miniSearch {
            width: 70% !important;
        }
    }
    #closeMiniSearch {
        padding: 10px ;
        display: block;
        z-index: 100;
        cursor: pointer;
    }
    #bgMiniSearch{
        position: fixed;
        width: 100%;
        height: 100%;
        background: #00000021;
        top: 0;
        left:-100%;
        opacity: 0;
        transition: all ease 1s;
        z-index: 99;
        opacity: 1;
        visibility: visible;

    }

    .showBgSearch{
        left:0 !important;
        opacity: 1 !important;
    }

    div#SearchShow {
        max-height: 300px;
        overflow-y: auto;
        background: #d7d3d7ad;
        margin: 6px;    
    }
    .itemResult {
        padding: 10px 0px;
        border-bottom: 1px dashed #000000cc;
    }