﻿
.woocommerce-shop-assistant {
    font-size: 24px;
    position: relative;
    transition: .3s;
    margin: 0.4em 1px 1.2em;
    line-height: 1.5em;
    display: inline-block;
}

    .woocommerce-shop-assistant .assistant-title {
        display: block;
        font-weight: bold;
        border-radius: 2px;
        font-size: .8em;
    }

    .woocommerce-shop-assistant .assistant-phrase {
        padding: .6em 0;
        vertical-align: baseline;
        position: relative;
        display: block;
    }

    .woocommerce-shop-assistant .button {
        border: 1px solid rgb(36, 36, 36);
        border-radius: 2px;
        padding: 6px 16px 5px;
        font-weight: normal;
        font-size: 17px;
        color: white;
        background: linear-gradient(to bottom, #2C2C2C 0%,#131313 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 0 black;
        position: absolute;
        right: 2%;
        bottom: 14.5%;
    }

    .woocommerce-shop-assistant .assistant-reset {
        position: absolute;
        font-size: 10px;
        text-transform: uppercase;
        margin-top: 7px;
        cursor: pointer;
        line-height: 1.5em;
        right: 5px;
        display: block;
        background-image: url("../images/reset-light.png");
        background-position: right 0px;
        background-repeat: no-repeat;
        padding: 0px 17px 0px 6px;
        display: none;
        z-index: 100000;
    }

        .woocommerce-shop-assistant .assistant-reset:hover {
            text-decoration: none;
        }

    .woocommerce-shop-assistant .assistant-find {
        border-bottom: 1px solid rgba(0, 0, 0, 0.41);
        cursor: pointer;
        white-space: nowrap;
        position: relative;
        line-height: inherit;
        vertical-align: baseline;
        display: inline-block;
        height: 1.4em;
    }

    .woocommerce-shop-assistant.assistant-active:hover .assistant-reset {
        display: block;
    }

    .woocommerce-shop-assistant.assistant-active {
    }

    .woocommerce-shop-assistant .assistant-field {
        position: relative;
        outline: none;
        white-space: nowrap;
        vertical-align: baseline;
        display: inline-block !important;
        color: #8e9396;
    }

        .woocommerce-shop-assistant .assistant-field.assistant-field-select {
            cursor: pointer;
        }

            .woocommerce-shop-assistant .assistant-field.assistant-field-select select {
                background: none;
                opacity: .05;
                font-size: inherit;
                left: -3px;
                width: auto;
                text-align: center;
                color: inherit;
                outline: none;
                margin: 0;
                padding: 0;
                border: 0;
                background: rgba(255, 0, 0, 0.07);
                box-shadow: inset 0 0 1px rgba(255, 0, 0, 0.58);
                font-size: inherit;
                letter-spacing: inherit;
            }

        .woocommerce-shop-assistant .assistant-field.assistant-field-input {
        }

            .woocommerce-shop-assistant .assistant-field.assistant-field-input input {
                background: none;
                font-size: inherit;
                width: 2.4em;
                text-align: center;
                color: inherit;
                border: none;
                outline: none;
                margin: 0;
                padding: 0;
                border: 0;
                box-shadow: none;
                font-size: inherit;
                font-family: inherit;
                font-weight: inherit;
                font-style: inherit;
                text-transform: inherit;
                display: inline-block !important;
                vertical-align: baseline;
                border-bottom: 1px dotted rgba(0, 0, 0, 0.44);
                height: 1.4em;
                line-height: inherit;
            }

            .woocommerce-shop-assistant .assistant-field.assistant-field-input .assistant-field-label {
                cursor: pointer;
                line-height: inherit;
                font-size: inherit;
                font-family: inherit;
                font-weight: inherit;
                text-transform: inherit;
                font-style: inherit;
                color: inherit;
                margin: 0;
                padding: 0;
                outline: none;
                display: inline-block !important;
                vertical-align: baseline;
            }

        .woocommerce-shop-assistant .assistant-field > a {
            position: relative;
            text-decoration: none;
            border-bottom: 1px dotted rgba(0, 0, 0, 0.44);
            display: inline-block !important;
            color: inherit;
            height: 1.4em;
        }

        .woocommerce-shop-assistant .assistant-field ul {
            display: none;
            background-color: black;
            position: absolute;
            top: 0;
            left: 50%; /* width: 6em; */
            border: 1px solid rgb(207, 207, 207);
            border-radius: 2px;
            z-index: 100000;
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.09);
            padding: 0;
            margin: 0;
        }

            .woocommerce-shop-assistant .assistant-field ul li {
                display: block;
                position: relative;
                list-style: none;
                padding: 0;
                margin: 0;
                border-bottom: 1px solid rgb(230, 230, 230);
                display: block;
            }

                .woocommerce-shop-assistant .assistant-field ul li a {
                    background-color: white;
                    display: block;
                    text-align: center;
                    font-size: 12px;
                    text-transform: uppercase;
                    line-height: 29px;
                    padding: 0 14px;
                    white-space: nowrap;
                    min-width: 118px;
                    color: rgb(112, 112, 112);
                    text-decoration: none;
                }

                .woocommerce-shop-assistant .assistant-field ul li.selected a {
                    background-color: rgb(41, 43, 44);
                    color: white;
                    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
                    margin: -1px;
                    padding-top: 1px;
                    padding-bottom: 1px;
                }

                .woocommerce-shop-assistant .assistant-field ul li:last-child {
                    border-bottom: 0;
                }

        .woocommerce-shop-assistant .assistant-field select {
            position: absolute;
            left: 0px;
            top: -43px;
        }

        .woocommerce-shop-assistant .assistant-field .assistant-transition-step-1 {
            top: -11px;
            opacity: 0;
        }

        .woocommerce-shop-assistant .assistant-field .assistant-transition-step-2 {
            top: 11px;
            opacity: 0;
        }

    .woocommerce-shop-assistant.woocommerce-shop-assistant-none {
        display: inline;
        margin: 0;
        padding: 0;
    }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-none .assistant-phrase {
            display: inline;
            clear: both;
            padding: 0;
            float: none;
            margin: 0;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-none .assistant-title {
            display: inline-block;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-none .assistant-reset {
            right: auto;
            left: 0;
            top: auto;
            margin: -11px 0 0 0;
            position: absolute;
            padding-left: 0;
        }


    .woocommerce-shop-assistant.woocommerce-shop-assistant-themed {
        border-radius: 1px;
        letter-spacing: -.02em;
        text-align: center;
    }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-themed .assistant-title {
            border-radius: 1px 1px 0 0;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-themed .assistant-phrase {
            padding: .6em .9em .7em;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-themed .assistant-reset {
            right: 4px;
            border-radius: 30px;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-themed .assistant-field > a {
            color: inherit;
            border-bottom: 1px dotted rgba(0, 0, 0, 0.44);
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-themed .assistant-find {
            padding: 0 14px 0 0;
            font-style: italic;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-themed .assistant-field.assistant-field-input input {
        }

    .woocommerce-shop-assistant.woocommerce-shop-assistant-light {
        background-color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 0.6);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 1px rgba(0, 0, 0, 0.02);
        color: #2e2e2e;
    }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-light .assistant-title {
            color: white;
            border-radius: 2px 2px 0 0;
            background: black;
            padding: 1px 10px 0px;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-light .assistant-phrase {
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-light .assistant-field {
        }

            .woocommerce-shop-assistant.woocommerce-shop-assistant-light .assistant-field > a {
                border-bottom: 1px dotted rgba(0, 0, 0, 0.44);
            }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-light .assistant-find {
            background: url(../images/dark-arrow.png) no-repeat 100% 57%;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-light .assistant-field.assistant-field-input input {
        }

    .woocommerce-shop-assistant.woocommerce-shop-assistant-dark {
        background-color: #000;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
        border-radius: 2px;
        color: #F1F1F1;
    }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-dark .assistant-title {
            color: black;
            background: white;
            padding: 1px 10px 0px;
            border: 1px solid rgb(241, 241, 241);
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-dark .assistant-phrase {
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-dark .assistant-field {
        }

            .woocommerce-shop-assistant.woocommerce-shop-assistant-dark .assistant-field > a {
                border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
            }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-dark .assistant-find {
            border-bottom: 1px solid rgba(255, 255, 255, 0.29);
            background: url(../images/light-arrow.png) no-repeat 100% 57%;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-dark .assistant-reset {
            background-image: url("../images/reset-dark.png");
            color: rgb(71, 71, 71);
            z-index: 100000;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-dark .assistant-field.assistant-field-input input {
            border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
        }

    .woocommerce-shop-assistant.woocommerce-shop-assistant-clean {
    }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-clean .assistant-title {
            color: white;
            border-radius: 2px 2px 0 0;
            background: black;
            padding: 1px 10px 0px;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-clean .assistant-phrase {
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-clean .assistant-field {
        }

            .woocommerce-shop-assistant.woocommerce-shop-assistant-clean .assistant-field > a {
                border-bottom: 1px dotted rgba(0, 0, 0, 0.44);
            }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-clean .assistant-find {
            background: url(../images/dark-arrow.png) no-repeat 100% 57%;
        }

        .woocommerce-shop-assistant.woocommerce-shop-assistant-clean .assistant-field.assistant-field-input input {
        }
