/*** ESSENTIAL STYLES ***/

#top1e_content_result
{
    position: absolute;
    z-index: 12;
    top: calc(100% + 1px);
    left: 10px;

    display: none;
    overflow: auto;

    width: calc( 100% - 20px);
    max-width: 530px;
    max-height: 45vh;
    margin: 0 10px;
    padding: 10px 10px 10px 10px;

    list-style-type: none;

    border: 2px solid #ddd;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(221,221,221,.7);
       -moz-box-shadow: 0 0 2px 0 rgba(221,221,221,.7);
            box-shadow: 0 0 2px 0 rgba(221,221,221,.7);
}

#index #top1e_content_result {
     left: 0px;
     right: 0px;
}

@media screen and (min-width: 768px) {
    #top1e_content_result {
        margin: 0 auto;
        width: 100%;
        max-height: 600px;
    }
}
/*
#ajaxsearch_loanding p.loanding
{
    width: 32px;
    height: 32px;
    margin: 0 auto;

    background: url('../img/loading.gif');
}*/

#ajaxsearch_loanding p.loanding
{
    position: relative;

    display: block;

    width: 32px;
    height: 32px;
    margin: 30px auto;
    padding: 0;

    border: 1px solid #e8e8e9;
    border-radius: 50%;
}

#ajaxsearch_loanding p.loanding:after,
#ajaxsearch_loanding p.loanding:before
{
    position: absolute;
    top: -2px;
    left: -2px;

    display: block;

    width: 32px;
    height: 32px;

    content: '';

    border: 5px solid transparent;
    border-radius: 50%;
}

#ajaxsearch_loanding p.loanding:after
{
    -webkit-animation: loading-rotate 2s ease-in-out infinite;
            animation: loading-rotate 2s ease-in-out infinite;

    border-top: 5px solid #e8e8e9;
}

#ajaxsearch_loanding p.loanding:before
{
    -webkit-animation: loading-rotate 2s ease-in-out infinite;
            animation: loading-rotate 2s ease-in-out infinite;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-direction: reverse;
            animation-direction: reverse;

    border-bottom: 4px solid #e8e8e9;
}

@-webkit-keyframes loading-rotate
{
    from
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes loading-rotate
{
    from
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

#button_result_close
{
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;

    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 29px;
    height: 29px;

    cursor: pointer;

    color: hsl(217, 97%, 71%);
    background: black url('../img/close.svg') no-repeat center center;
}

#button_result_close:hover
{
    background-color: #333333;
}

#top1e_content_result .top1e-search-title
{
    font-size: 14px;

    overflow: hidden;

    padding-bottom: 5px;

    text-align: center;

    color: hsl(0, 0%, 30%);
    border-bottom: 1px dotted hsl(0, 0%, 83%);
}

#top1e_content_result .items-list
{
    margin-top: 5px;
}

#top1e_content_result .item
{
    overflow: hidden;

    margin-bottom: 5px;
    padding-bottom: 10px;

    border-bottom: 1px dotted hsl(0, 0%, 83%);
}

#top1e_content_result .items-list .image
{
    float: left;

    margin-right: 10px;
}

#top1e_content_result .items-list .name
{
    margin-bottom: 2px;
}

#top1e_content_result .items-list .description
{
    font-size: 11px;
    line-height: 15px;

    margin-bottom: 10px;

    color: hsl(0, 0%, 30%);
}

#top1e_content_result .items-list .cart
{
    float: left;
    clear: both;

    margin: 0 5px 0 10px;
}

#top1e_content_result .items-list .view
{
    float: left;

    margin: 0 5px 0 10px;
}

#suggest-list .ajax_add_to_cart_button
{
    padding-left: 20px;

    text-decoration: none;

    color: hsl(0, 0%, 0%);
}

#top1e_content_result .items-list .lnk_view span
{
    font-family: roboto;
    font-size: 11px;
    font-weight: bold;

    display: block;

    padding: 2px 8px;
    padding: 1px 14px;

    text-transform: uppercase;
}

#top1e_content_result .items-list .price
{
    font-size: 13px;

    float: left;
    overflow: auto;

    padding: 4px 15px;

    text-align: left;

    color: #0904da;
    box-shadow: 0 6px 6px -6px hsl(0, 3%, 75%);
}

#top1e_content_result .items-list .price .old
{
    margin-right: 5px;

    text-decoration: line-through;

    color: #999;
}

#top1e_content_result .noresult
{
    margin: 5px;
    padding: 5px;

	text-align: center;
}

#top1e_content_result .items-list .name a {
	font-size: 14px;
	/*font-weight: bold;*/

    text-decoration: none;

    color: #777;
}

#top1e_content_result .items-list .name a:hover
{
    color: #333;
}

#top1e_content_result .top1e_view_all
{
    font-size: 13px;
    font-weight: bold;

    margin-bottom: 5px;

    text-align: center;
}

#top1e_content_result .top1e_view_all a
{
    text-decoration: none;
}

.yodeyma-predict-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.yodeyma-predict-item > div
{
    width: 50%;
}

.yodeyma-predict-data
{
    text-align: center;
}

.yodeyma-predict-data .price
{
    display: block;

    width: 100%;

    text-align: center!important;

    color: #777!important;
    box-shadow: none!important;
}

.yodeyma-predict-data .cart
{
    float: none!important;

    text-align: center!important;
}