@keyframes load-moo-finder{0%{top:0;height:20px}50%,to{top:10px;height:10px}}#moo-finder{left:0;width:100%;display:none;position:absolute;background-color:#fff;box-shadow:0 2px 5px 0 #ccc}#moo-finder .moo-finder-close{width:40px;height:40px;position:absolute;right:15px;cursor:pointer}#moo-finder .moo-finder-close:after,#moo-finder .moo-finder-close:before{content:'';position:absolute;width:25px;height:2px;background-color:#000;top:15px}#moo-finder .moo-finder-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:13px}#moo-finder .moo-finder-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);right:2px}#moo-finder .moo-finder-footer{border-color:#ccc;display:flex;justify-content:flex-end;padding:10px}#moo-finder .moo-container{display:flex;border-top:1px solid #ccc;flex-wrap:wrap}#moo-finder .moo-container .moo-filters{padding:15px;width:300px;overflow-y:scroll;border-right:1px solid #ccc;align-self:stretch}#moo-finder .moo-container .moo-filters+.mfd-results{width:calc(100% - 300px)!important}#moo-finder .moo-container .moo-filters.empty{display:none}#moo-finder .moo-container .moo-filters.empty+.mfd-results{width:100%}#moo-finder .moo-container .moo-filters .moo-filter ul{margin:0}#moo-finder .moo-container .moo-filters .moo-filter .moo-title-filter{font-weight:700;margin:0}#moo-finder .moo-container .moo-filters .moo-filter li.disable,#moo-finder .moo-container .moo-filters .moo-filter li.empty{display:none!important}#moo-finder .moo-container .moo-filters .moo-filter li.active{padding:5px;background:#ffc552;display:block!important;color:#fff;font-weight:700}#moo-finder .moo-container .moo-filters .moo-filter li.active:after,#moo-finder .moo-container .moo-filters .moo-filter li.active:before{content:'';display:block;position:absolute;width:10px;height:2px;background-color:#fff;top:calc(50% - 1px);right:10px}#moo-finder .moo-container .moo-filters .moo-filter li:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}#moo-finder .moo-container .moo-filters .moo-filter li:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}@media (max-width:768px){#moo-finder .moo-container .moo-filters{border-right:none;border-bottom:1px solid #ccc;margin-top:20px;width:100%}#moo-finder .moo-container .moo-filters+.mfd-results{width:100%!important}#moo-finder .moo-container .moo-filters>.moo-title-filter~.moo-filter .load,#moo-finder .moo-container .moo-filters>.moo-title-filter~.moo-filter .moo-title-filter,#moo-finder .moo-container .moo-filters>.moo-title-filter~.moo-filter .moo-title-filter+ul li{display:none}#moo-finder .moo-container .moo-filters>.moo-title-filter~.moo-filter li{padding:0!important}#moo-finder .moo-container .moo-filters>.moo-title-filter.active~.moo-filter .moo-title-filter.active+ul li,#moo-finder .moo-container .moo-filters>.moo-title-filter~.moo-filter .moo-title-filter+ul li.active{display:block;padding:5px!important}#moo-finder .moo-container .moo-filters>.moo-title-filter.active~.moo-filter li{padding:5px!important}#moo-finder .moo-container .moo-filters>.moo-title-filter.active~.moo-filter .load,#moo-finder .moo-container .moo-filters>.moo-title-filter.active~.moo-filter .moo-title-filter{display:block}#moo-finder .moo-container .moo-filters .moo-title-filter{position:relative;margin:0}#moo-finder .moo-container .moo-filters .moo-title-filter:after{content:'+';display:block;position:absolute;right:5px;top:0;line-height:20px;font-size:26px;font-weight:400;cursor:pointer}#moo-finder .moo-container .moo-filters .moo-title-filter.active:after{content:'-'}}#moo-finder .no-results{color:#ffc552;background:#fff8eb;padding:20px;text-align:center}#moo-finder .mfd-results{padding:15px;display:flex;justify-content:center;flex-wrap:wrap;max-height:100vh;overflow:hidden scroll;margin:0!important;width:100%}#moo-finder .mfd-results:empty{display:none}#moo-finder .mfd-results li{display:flex;justify-content:center;text-align:center;margin:5px;align-self:baseline}#moo-finder .mfd-results li .price{display:block;font-weight:700;font-size:1.5em;padding:5px;text-align:center!important}#moo-finder .load{position:relative;width:10px;height:30px;margin:auto}#moo-finder .load div,#moo-finder .load:after,#moo-finder .load:before{display:inline-block;position:absolute;width:8px;background:#ccc;animation:load-moo-finder 1.2s cubic-bezier(0,.5,.5,1) infinite}#moo-finder .load:after{content:'';left:0;animation-delay:-.24s}#moo-finder .load div{left:10px;animation-delay:-.12s}#moo-finder .load:before{content:'';left:20px;animation-delay:0}
.moo-finder-footer a{
    display: none;
}
.moo-finder-close{
    margin-top: 1rem;
    margin-right: 1rem;
}
.moo-filters{
    overflow-y: hidden !important;
}
.card-header .reference{
    display: none;
}
#moo-finder{
    height: 100%;
    overflow-x: hidden !important;
    z-index: 5000 !important;

}
.moo-filters{
    height: 100%;
    max-height: none !important;
}
.moo-container{
    height: 95%;
    max-height: none !important;
}
.mfd-results{
    height: 100%;
    max-height: none !important;
}
.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}
.card-title{
    text-align: left;
}
#moo-finder .mfd-results li .price {
    display: block;
    font-weight: 100;
    font-size: 1rem;
    padding: 0;
    text-align: left!important;
}
#moo-finder .moo-container .moo-filters .moo-filter li {
    cursor: pointer;
    position: relative;
    display: block;
    padding: 5px;

}
#moo-finder .moo-container .moo-filters .moo-filter li.active {
    padding: 5px;
    background: transparent;
    display: block!important;
    color: blue;
    font-weight: 700;
}

.card-header .card-title .name{
    text-transform: uppercase;
}
#moo-finder .no-results {
    color: blue;
    background: white;
    padding: 20px;
    text-align: center;
    border: 1px solid blue;
}
#moo-finder .moo-container .moo-filters .moo-filter .moo-title-filter {
    display: none;
}
.moo-title-filter{
    color: #232323;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid lightgrey;
}
#moo-finder .moo-container .moo-filters.empty+.mfd-results {
    width: 100% !important;
    overflow-y: hidden;
}
#moo-finder{
    position: fixed !important;
    top: 65px !important;
}
.card-title .name{
    color: #0007c2;
    font-size: 1.3125rem;
}
.card .price{
    color: #232323;
    font-size: .9rem !important;
}
/*.card{*/
/*    overflow: hidden;*/
/*    height:auto;*/
/*    width:auto;*/
/*    max-width:452;*/
/*}*/
/*.card img {*/
/*      transition: transform .5s ease;*/
/*}*/
/*.card:hover img{*/
/*    transform: scale(1.5);*/
/*    max-width:auto;*/
/*    max-height:auto;*/
/* }*/
@media (max-width: 767px){
    #moo-finder .mfd-results li{
        width: 100% !important;
    }
    .card-img-top{
        max-width: 100%;
        height: auto;
    }
    .moo-filters {
        height: auto;
        max-height: none !important;
    }
    .mfd-filter{
        display: block !important;
        margin: 5px !important;
        font-size: 20px;
    }
    .moo-title-filter{
        border-bottom: unset;
    }
    .moo-title-filter::after{
        display: none !important;
        content: '' !important;
    }
    .moo-container {
        height: 70vh;
        max-height: none !important;
    }
    p.moo-title-filter{
        display: none !important;
    }
}