/*
Them name: Them for my mosaic project (non-critical part)
Author: Shutov Dmitry
*/



/* ---------------- Buy form area ------------------------------------ */


.buy-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    justify-content: space-between;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    /* border-radius: 8px 8px 8px 8px; */

    max-width: 480px;
    min-width: 300px;
    padding: 8px 10px 8px 10px;
  }
 

.buy-quantity-select {
    position: relative;
    color: black;
    /* background-color: rgb(170, 170, 170); */
    background-color: rgb(243, 243, 243);

    border: 0px solid rgb(205, 205, 205);
    border-color: silver;
    padding: 10px 0px 10px 0px;

    width: auto;
    height: 100%;
    opacity: 0.74;
    font-size: 14px;

    /* appearance: none; */

}

.buy-quantity-select:hover {
    opacity: 1;
    background-color: rgb(170, 170, 170);
    
    }

.buy-quantity-lable {
    position: relative;
    color: black;
    /* background-color: rgb(170, 170, 170); */
    padding: 11px 0px 11px 11px;
    width: auto;
    height: 100%;
    border: none;
    opacity: 0.74;
    font-size: 17px;

    /* appearance: none; */

}

.buy-btn {
    background-color: rgb(165, 165, 165);
    border: none;
    /* color: black; */
    padding: 0px 11px 0px 11px;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    /* border-radius: 8px 8px 8px 8px; */
    opacity: 0.9;
    }

.buy-btn:hover {
    /* color: #a6001a; */
    opacity: 1;
    }

.to-card-btn {
    background-color: rgb(170, 170, 170);
    border: none;
    color: black;
    padding: 0px 11px 0px 11px;
    /* padding: 12px; */
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    /* border-radius: 8px 8px 8px 8px; */
    opacity: 0.74;
    }

.to-card-btn:hover {
    opacity: 1;
    }

/* ---------------- Buy form area ------------------------------------ */



/* ---------------- Contests styles ------------------------------------ */

.star-icon {
  font-size: 1.6em;
  text-decoration: none;
}
.star-icon.inactive {
  color: grey;
}
.star-icon {
  color: gold;
}

/* ---------------- Contests styles ------------------------------------ */