/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 16, 2017, 2:45:26 PM
    Author     : CherryWo
*/
header .headerLogoBar .searchbox .miniPopup.popupSearch .popupContainer,
header .headerLogoBar .searchbox .miniPopup.popupSearch .popupContainer .result,
header .main-searchbox .searchbox .miniPopup.popupSearch .popupContainer,
header .main-searchbox .searchbox .miniPopup.popupSearch .popupContainer .result,
header.mini-nav .searchbox .miniPopup.popupSearch .popupContainer,
header.mini-nav .searchbox .miniPopup.popupSearch .popupContainer .result {
    padding-right: 5px;
}
header .headerLogoBar .searchbox .miniPopup .result::-webkit-scrollbar-track,
header .main-searchbox .searchbox .miniPopup .result::-webkit-scrollbar-track {
    width: 4px;
    background: #FFFFFF;
    margin-right: 5px;
}
header .headerLogoBar .searchbox .miniPopup .result::-webkit-scrollbar,
header .main-searchbox .searchbox .miniPopup .result::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}
header .headerLogoBar .searchbox .miniPopup .result::-webkit-scrollbar-thumb,
header .main-searchbox .searchbox .miniPopup .result::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 10px;
    background: #009AA9;
    position: absolute;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul:last-child li:last-child,
header .main-searchbox .searchbox .miniPopup .popupContainer ul:last-child li:last-child {
    border: 0px;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.store li,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.store li{
    line-height: 14px;
    margin-top: 6px;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.store a .img-box,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.store a .img-box {
    height: 14px;
    width: 70px;
    padding-right: 10px;
    display: inline-block;
    text-align: center;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.store a .img-box img,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.store a .img-box img {
    max-height: 14px;
    max-width: 60px;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.store a .text-box,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.store a .text-box {
    display: inline-block;
    padding-top: 3px;
    vertical-align: middle;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.store a i.icon-back-arrow,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.store a i.icon-back-arrow {
    float: right;
    margin-top: 5px;
    -webkit-transform: translateY(-1px) rotate(180deg) scale(0.6);
    -moz-transform: translateY(-1px) rotate(180deg) scale(0.6);
    -ms-transform: translateY(-1px) rotate(180deg) scale(0.6);
    transform: translateY(-1px) rotate(180deg) scale(0.6);
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.category a,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.category a {
    display: initial;
    color: #009AA9;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.category a:hover,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.category a:hover {
    color: #4CB9C3;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.item li,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.item li {
    padding-top: 3px;
    padding-bottom: 3px;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.item li a,
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.item li a:hover,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.item li a,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.item li a:hover {
    color: #4c4c4c;
    margin: 0px;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList.item li:hover,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList.item li:hover{
    background-color: #f5f5f5;
}
header .headerLogoBar .searchbox .miniPopup.popupSearch .popupContainer .bottom,
header .main-searchbox .searchbox .miniPopup.popupSearch .popupContainer .bottom {
    text-align: left;
    text-decoration: none;
}
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList li.title,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList li.title,
header .headerLogoBar .searchbox .miniPopup .popupContainer ul.resultList li.title:hover,
header .main-searchbox .searchbox .miniPopup .popupContainer ul.resultList li.title:hover {
    font-weight: 500;
    background-color: transparent;
}
    
@media (min-width: 980px) {
    header .headerLogoBar .searchbox .miniPopup {
        max-height: 350px;
    }
    header .headerLogoBar .searchbox .miniPopup .result {
        overflow-y: scroll;
        max-height: 275px;
    }
}

@media (max-width: 767px) {
    header .main-searchbox .searchbox .miniPopup {
        max-height: 45vh;
    }
    header .main-searchbox .searchbox .miniPopup .result {
        overflow-y: scroll;
        max-height: 30vh;
    }
    header.mini-nav .main-searchbox .searchbox .miniPopup {
        max-height: 58vh;
    }
    header.mini-nav .main-searchbox .searchbox .miniPopup .result {
        overflow-y: scroll;
        max-height: 50vh;
    }
}