#azure-search-wrapper {
    display: block;
    width: 100%;
    clear: both;
}

    #azure-search-wrapper button[type=button]:disabled, 
    #azure-search-wrapper input[type=button]:disabled {
        opacity: 0.75;
        cursor: not-allowed;
        border-color: transparent;
        visibility: hidden;
    }

    #azure-search-wrapper .azure-search-sidebar h3 {
        background: #2ea3f2;
        text-align: center;
        font-size: 18px;
        margin: 0;
        padding: 0;
        color: #fff;
        border-radius: 5px 5px 0 0;
        line-height: 43px;
        position: relative;
    }

    #azure-search-wrapper .azure-search-sidebar.open h3 .azure-search-mobile-menu::before {
        content: "\4d";
    }

    #azure-search-wrapper .azure-search-sidebar h3 .azure-search-mobile-menu {
        position: absolute;
        right: 10px;
        visibility: hidden;
        width: 32px;
        height: 100%;
    }

    #azure-search-wrapper .azure-search-sidebar h3 .azure-search-mobile-menu::before {
        font-family: "ETmodules" !important;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 32px;
        content: "\61";
        color: #fff;
        -webkit-font-smoothing: antialiased;
    }

    #azure-search-wrapper .azure-search-sidebar ul {
        margin: 0;
        padding: 0;
    }

    #azure-search-wrapper .azure-search-sidebar ul li {
        background: #dedede;
        border-bottom: 1px solid #fff;
        list-style: none;
    }

    #azure-search-wrapper .azure-search-sidebar ul li,
    #azure-search-wrapper .azure-search-sidebar ul li button {
        color: #666666;
        font-size: 14px;
        text-align: left;
        line-height: 27px;
    }

    #azure-search-wrapper .azure-search-sidebar ul li button {
        background: none;
        border: none;
        padding: 8px 20px;
        width: 100%;
        cursor: pointer;
    }

    #azure-search-wrapper .azure-search-sidebar ul li button.selected, 
    #azure-search-wrapper .azure-search-sidebar ul li:hover{
        color: #168bda;
        background: #cdcdcd;
    }

    #azure-search-wrapper .azure-search-sidebar ul li button:disabled {
        cursor: default;
    }

    #azure-search-wrapper .azure-search-sidebar ul li button.selected {
        font-weight: bold;
    }

    #azure-search-wrapper .azure-search-sidebar ul li a {
        text-decoration: none;
    }

    #azure-search-wrapper .hide {
        display: none;
    }

    /* Filter */

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter {
        margin: 0 0 20px;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .row {
        position: relative;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter input[type=text],
    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter input[type=button],
    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter select {
        width: 100%;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper {
        position: absolute;
        width: auto;
        border: none;
        background: none;
        width: calc(75% - 20px);
        z-index: 10;
        top: 10px;
        left: 10px;
    }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper:not(.hide) ~ div {
            display: none;
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper:not(.hide) ~ div:last-child {
            display: inline;
            float: right;
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper input[type=text] {
            background-color: #fff;
            box-shadow: 0 0 10px 0 #d3d3d3;
            border-radius: 3px !important;
            border: 0 !important;
            height: 40px;
            padding: 10px;
            width: 100%;
            height: 42px;
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper button.close {
            position: absolute;
            right: 5px;
            top: 5px;
            width: auto;
            border: none;
            background: none;
            cursor: pointer;
            font-size: 30px;
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper button.close:after {
            display: inline-block;
            content: "\00d7";
        }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter button[type=button] {
        line-height: 30px;
        width: 100%;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries,
    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-more {
        display: block;
        clear: both;
    }

    /* Galleries */

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries {
        min-height: 200px;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries.loading {
        background: #ffffff url(../img/loader.gif) no-repeat center 30%/20px;
    }


    /* Show more button */

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries.loading + .azure-search-more button:hover {
        background-color: #2ea3f2;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries + .azure-search-more button {
        display: flex;
    }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries + .azure-search-more button i {
            display: none;
            margin-right: 10px;
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries.loading + .azure-search-more button i {
            display: inline-block;
            background: transparent url(../img/loader.gif) no-repeat center 30%/20px;
            height: 20px;
            width: 20px;
        }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .results-message {
        font-weight: bold;
        text-align: center;
        color: #ff0000;
        padding: 20px 0;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product { 
        width: 25%;
        height: 245px;
        display: inline-flex;
        padding: 0 10px;
        position: relative;
        float: left;
        background: #fff;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product a {
        color: #666;
        text-decoration: none;
    }

    /* Image wrapper */
    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .image-wrapper {
        position: relative;
        background: #ffffff url(../img/loader.gif) no-repeat center 30%/20px;
        min-height: 128px;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .image-wrapper img {
        display: block;
        width: 100%;
        background: #ffffff;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .image-wrapper .price {
        position: absolute;
        bottom: 15px;
        right: 10px;
        padding: 3px 10px;
        min-width: 75px;
        color: white;
        text-align: center;
        border: 1px solid #fff;
        background-color: rgba(46, 163, 242, 0.85);
        border-radius: 5px;
    }

    /* Tooltip */
    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper {
        display: none;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product:nth-child(4n+3) .tooltip-wrapper,
    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product:nth-child(4n) .tooltip-wrapper {
        right: 10px;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product:hover .tooltip-wrapper {
        display: inline-block;
        position: absolute;
        top: 145px;
        width: 470px;
        padding: 10px 5px 15px;
        background: rgba(239, 239, 239, .9);
        z-index: 999;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper .plus-icon {
        z-index: auto;
        position: static;
        top: auto;
        left: auto;
        display: inline-block;
        width: auto;
        height: auto;
        opacity: 1;
        border: none;
        background: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        margin-left: 15px;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper .price {
        margin: 0 10px 0 70px;
        color: #2ea3f2;
        font-size: 20px;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper .loader-wrapper {
        margin-left: 10px;
        display: inline-flex;
        visibility: hidden;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper .loader-wrapper.chosen,
    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper .loader-wrapper.chosen .cart-message {
        visibility: visible;
    }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper .loader-wrapper .product-loader {
            margin: 0 5px;
            height: 20px;
            width: 20px;
            display: inline-block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
            top: 4px;
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper .loader-wrapper.adding .product-loader {
            background-image: url(../img/loader.gif);
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper .loader-wrapper.added .product-loader{
            background-image: url(../img/check.gif);
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper .loader-wrapper .cart-message {
            visibility: hidden;
        }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper table td {
        padding: 3px;
    }
    
    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product .tooltip-wrapper table td:last-child {
        text-align: right;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product:hover .tooltip-wrapper .row:last-child{
        position: relative;
        min-height: 35px;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product:hover .tooltip-wrapper .row .product-details-button{
        position: absolute;
        right: 10px;
        bottom: 0;
    }


    /* Galleries > More */
    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-more {
        display: flex;
        align-items: center;
        justify-content: center;
    }


/* Moble: Portrait */
@media (max-width: 767px) {

    #azure-search-wrapper .azure-search-sidebar h3 {
        text-align: left;
        padding-left: 20px;
        font-size: 14px;
        border-radius: 5px;
    }

    #azure-search-wrapper .azure-search-sidebar h3 .azure-search-mobile-menu {
        visibility: visible;
    }

    #azure-search-wrapper .azure-search-sidebar.open h3 {
        border-radius: 5px 5px 0 0;
    }

    #azure-search-wrapper .azure-search-sidebar.open ul {
        display: block;
    }

    #azure-search-wrapper .azure-search-sidebar ul {
        display: none;
    }

    #azure-search-wrapper [class*="grid-"] {
        float: none;
        width: auto;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper {
        position: inherit;
        top: -5px;
    }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper input[type=text] {
            width: calc(100% - 20px);
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper button.close {
            right: 10px;
            top: -5px;
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper:not(.hide) ~ div:last-child {
            width: 100%;
        }

    #azure-search-wrapper .azure-search-sidebar,
    #azure-search-wrapper .azure-search-listings-wrapper {
        float: none;
        display: block;
        width: 100%;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product {
        width: 50%;
    }
    

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product:hover .tooltip-wrapper {
        display: none;
    }

}


/* Mobile: Landscape */
@media (min-width: 768px) and (max-width: 1023px) {

    #azure-search-wrapper .azure-search-sidebar h3 {
        text-align: left;
        padding-left: 20px;
        font-size: 14px;
        border-radius: 5px;
    }

    #azure-search-wrapper .azure-search-sidebar h3 .azure-search-mobile-menu {
        visibility: visible;
    }

    #azure-search-wrapper .azure-search-sidebar.open h3 {
        border-radius: 5px 5px 0 0;
    }

    #azure-search-wrapper .azure-search-sidebar.open ul {
        display: block;
    }

    #azure-search-wrapper .azure-search-sidebar ul {
        display: none;
    }

    #azure-search-wrapper [class*="grid-"] {
        float: none;
        width: auto;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper {
        position: inherit;
        top: -5px;
    }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper input[type=text] {
            width: calc(100% - 20px);
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper button.close {
            right: 10px;
            top: -5px;
        }

        #azure-search-wrapper .azure-search-listings-wrapper .azure-search-filter .keyword-input-wrapper:not(.hide) ~ div:last-child {
            width: 100%;
        }

    #azure-search-wrapper .azure-search-sidebar,
    #azure-search-wrapper .azure-search-listings-wrapper {
        float: none;
        display: block;
        width: 100%;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product {
        width: 25%;
    }

    #azure-search-wrapper .azure-search-listings-wrapper .azure-search-galleries .azure-product:hover .tooltip-wrapper {
        display: none;
    }
}