/**
 * MB "Vienas bitas" (Magetrend.com)
 *
 * @category Magetrend
 * @package  Magetrend/Review
 * @author   Edvinas St. <edwin@magetrend.com>
 * @license  http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 * @link     http://www.magetrend.com/magento-2-review
 */

.mtr-select {
    width: 200px;
    position: relative;
    font-family: Arial;
    color: #444;
    font-size: 13px;
}

.mtr-select select {
    display: none; /*hide original SELECT element:*/
}

.select-selected {
    background-color: #fff;


}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    padding: 4px;
    background: url("../images/arrow_down.svg") no-repeat center center;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    color: #444;
    padding: 10px 16px;

    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: #fff;
    color: #444;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;


}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    color: #f34e46;
}

.select-items {
    border: 1px solid #ddd;
    border-top: 0;
}
.select-selected {
    border: 1px solid #ddd;
}

.select-selected.select-arrow-active {
    border-bottom: 0;
    font-size: 0;
}