/* { общее */
div.mpay-connection-lost-div {
    margin-top: 20px;
    text-align: center;
}

div.mpay-payment-button-div {
    margin-top: 20px;
    text-align: center;
}

div.mpay-costs-info {
    margin-top: 20px;
    text-align: justify;
}
/* общее } */

/* { шкала */
div.mpay-costs-container {
    margin-top: 15px;
}

div.mpay-buttons-container {
    margin-bottom: 12px;
    text-align: center;
}

button.mpay-c-button {
    width: 180px;
    height: 51px;
    padding: 0px 4px 2px;
    background-color: rgba(145, 190, 130, 1);
    margin-top: 9px;
}
div.mpay-costs-container[data-group="single"] button.mpay-c-button[data-value="single"], div.mpay-costs-container[data-group="pair"] button.mpay-c-button[data-value="pair"], div.mpay-costs-container[data-group="mini-group"] button.mpay-c-button[data-value="mini-group"], div.mpay-costs-container[data-duration="120m"] button.mpay-c-button[data-value="120m"], div.mpay-costs-container[data-duration="90m"] button.mpay-c-button[data-value="90m"], div.mpay-costs-container[data-duration="60m"] button.mpay-c-button[data-value="60m"], div.mpay-costs-container[data-duration="45m"] button.mpay-c-button[data-value="45m"], div.mpay-costs-container[data-duration="30m"] button.mpay-c-button[data-value="30m"], button.mpay-c-button[data-selected="true"] {
    background-color: rgba(0, 128, 0, 1);
}

div.mpay-pip-moving-field {
    display: none;
    text-align: center;
    margin: 20px 0px;
}
div.mpay-costs-container[data-group="single"] div.mpay-pip-moving-field[data-group="single"], div.mpay-costs-container[data-group="pair"] div.mpay-pip-moving-field[data-group="pair"], div.mpay-costs-container[data-group="mini-group"] div.mpay-pip-moving-field[data-group="mini-group"] {
    display: block;
}

div.mpay-pip {
    background-image: url(../images/maestro/pip-only.png);
    background-size: 100% 100%;
    position: absolute;
    cursor: pointer;
}
@media (max-width: 1020px) {
div.mpay-pip {
    width: 3.4vw;
    height: 3.4vw;
    top: 0.20vw;
}
}
@media (min-width: 1020px) {
div.mpay-pip {
    width: 33.2px;
    height: 33.2px;
    top: 2px;
}
}

div.mpay-scale-wrapper {}

div.mpay-scale {
    display: inline-block;
    position: relative;
    background-size: 100% 100%;
    background-image: url(../images/maestro/scale.png);
    cursor: pointer;
}
@media (max-width: 1020px) {
div.mpay-scale {
    width: 80vw;
    height: 3.721vw;
    margin-top: 4vw;
}
}
@media (min-width: 1020px) {
div.mpay-scale {
    width: 784px;
    height: 36.5px;
    margin-top: 39px;
}
}

div.mpay-quantity {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
@media (max-width: 1020px) {
div.mpay-quantity {
    width: 9vw;
}
}
@media (min-width: 1020px) {
div.mpay-quantity {
    width: 88px;
}
}

@media (max-width: 1020px) {
div.mpay-quantity-1 {
    left: -19vw;
}
}
@media (min-width: 1020px) {
div.mpay-quantity-1 {
    left: -186.4px;
}
}
@media (max-width: 1020px) {
div.mpay-quantity-4 {
    left: -9vw;
}
}
@media (min-width: 1020px) {
div.mpay-quantity-4 {
    left: -88px;
}
}
@media (max-width: 1020px) {
div.mpay-quantity-8 {
    left: 0vw;
}
}
@media (min-width: 1020px) {
div.mpay-quantity-8 {
    left: 0px;
}
}
@media (max-width: 1020px) {
div.mpay-quantity-16 {
    right: -9vw;
}
}
@media (min-width: 1020px) {
div.mpay-quantity-16 {
    right: -88px;
}
}
@media (max-width: 1020px) {
div.mpay-quantity-24 {
    right: -19vw;
}
}
@media (min-width: 1020px) {
div.mpay-quantity-24 {
    right: -186.4px;
}
}

@media (max-width: 1020px) {
div.mpay-quantity-0-8 {
    left: -28vw;
}
}
@media (min-width: 1020px) {
div.mpay-quantity-0-8 {
    left: -274.4px;
}
}
@media (max-width: 1020px) {
div.mpay-quantity-0-16 {
    left: 0vw;
}
}
@media (min-width: 1020px) {
div.mpay-quantity-0-16 {
    left: 0px;
}
}
@media (max-width: 1020px) {
div.mpay-quantity-0-24 {
    right: -28vw;
}
}
@media (min-width: 1020px) {
div.mpay-quantity-0-24 {
    right: -274.4px;
}
}
/* шкала } */

/* { промокод */
div.mpay-promocode-container {}

span.mpay-promocode-label-div {
    display: inline-block;
    height: 33px;
    padding-top: 4px;
}

input.mpay-promocode-form {
    vertical-align: top;
    background-color: rgb(250,250,250);
    border-radius: 4px;
    border-width: 2px;
    border-color: rgb(177,207,177);
    border-style: solid;
    font-size: inherit;
    padding: 2px 4px;
}
div.mpay-promocode-container[data-ok="true"] input.mpay-promocode-form {
    background-color: rgb(198, 255, 201);
}
div.mpay-promocode-container[data-ok="false"] input.mpay-promocode-form {
    background-color: rgb(255, 216, 217);
    border-color: rgb(207, 177, 177);
}
input.mpay-promocode-form:focus {
    box-shadow: 0px 0px 2px 1px #00b000, 0px 0px 2px 1px #00b000;
}

button.mpay-promocode-button {
    height: 37px;
    width: 37px;
    background-position: center center;
    padding: 0px;
    background-color: rgba(116, 160, 104, 1);
    background-image: url(../images/common/tick.png);
}
button.mpay-promocode-button:focus {
	box-shadow: 0px 0px 3px 3px #2a2;
}
button.mpay-promocode-button:active {
	box-shadow: inset 0px 0px 10px 0px #343, 0px 0px 3px 3px #2a2;
}
div.mpay-promocode-container[data-ok="true"] button.mpay-promocode-button {
    background-color: rgba(216, 88, 88, 1);
    background-image: url(../images/common/cross.png);
}
div.mpay-promocode-container[data-ok="true"] button.mpay-promocode-button:focus {
	box-shadow: 0px 0px 3px 3px #d22;
}
div.mpay-promocode-container[data-ok="true"] button.mpay-promocode-button:active {
	box-shadow: inset 0px 0px 10px 0px #433, 0px 0px 3px 3px #d22;
}
/* промокод } */