/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.payblock-style {
    width: auto;
    align-content: center;
    text-align: center;
    padding: 25px 0 20px;
}

.pay-requisites-wait-dopinfo {
    padding: 5px 0 10px 0;
    color: #111;
}

.pay-requisites-dopinfo {
    padding: 5px 0 5px 0;
    font: 400 14px 'Montserrat', 'Open Sans', sans-serif;
    color: #111;
}

.pay-requisites-error {
    padding: 20px 0 20px 0;
    width: 80%;
    margin: auto;
    border: solid 1px #c62424;
    border-radius: 10px;
    color: #c62424;
    font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
}

.pay-requisites-verification {
    padding: 20px 0 20px 0;
    width: 80%;
    margin: auto;
    border: solid 1px #62cb86;
    border-radius: 10px;
    color: #60ca84;
    font: 700 13px 'Montserrat', 'Open Sans', sans-serif;
}

/* Десктопные стили */
.pay-table-loader-desktop {
    margin: auto;
    border: 16px solid #111;
    border-radius: 50%;
    border-top: 16px solid #5ec983;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.pay-requisites-wait-desktop {
    padding: 20px 0 0 0;
    font: 700 16px 'Montserrat', 'Open Sans', sans-serif;
    color: #111;
}

.paytable-desktop {
    width: 80%;
    margin: auto;
    border-collapse: separate;
    color: #111;
    background-color: white;
    box-shadow: 0px 6px 10px -5px rgb(0 0 0 / 17%);
}

.qr-button-desktop {
    padding: 5px;
    border: solid 1px #111;
    background: none;
    font: 600 13px 'Montserrat', 'Open Sans', sans-serif;
    color: #111;
    border-radius: 4px;
    letter-spacing: 0.1em;
}

.qr-button-desktop:hover {
    background-color: #111a60;
    color: #ffffff;
}

.paytable-desktop thead th {
    text-align: center;
    padding: 10px;
    font: 700 16px 'Montserrat', 'Open Sans', sans-serif;
    color: #111;
}

.paytable-desktop table, th, td {
    padding: 7px;
    vertical-align: top;
}

.paytable-desktop .table-param {
    width: 40%;
    font: 700 14px 'Montserrat', 'Open Sans', sans-serif;
    color: #111;
}

.paytable-desktop th { border: solid 1px #DEE6EB; }
.paytable-desktop td { border: solid 1px #DEE6EB; word-break: break-all; }
.paytable-desktop tr:first-child th:first-child { border-top-left-radius: 4px; border-bottom:none; }
.paytable-desktop tr:first-child th:last-child { border-top-right-radius: 4px; border-bottom:none; }
.paytable-desktop tr:last-child td:first-child { border-bottom-left-radius: 4px; }
.paytable-desktop tr:last-child td:last-child { border-bottom-right-radius: 4px; }

.paytable-desktop tr td:last-child { border-left:none; }
.paytable-desktop tr:not(:last-child) td { border-bottom:none; }

/* Мобильные стили */
.pay-table-loader-mobile {
    margin: auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #111;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.pay-requisites-wait-mobile {
    padding: 20px 0 0 0;
    font: 700 16px 'Montserrat', 'Open Sans', sans-serif;
    color: #111;
}

.qr-button-mobile {
    padding: 5px;
    border: solid 1px #111;
    background: none;
    font: 600 13px 'Montserrat', 'Open Sans', sans-serif;
    color: #111;
    border-radius: 4px;
    letter-spacing: 0.1em;
}

.qr-button-mobile:hover {
    background-color: #111; /* Green */
    color: white;
}

.paytable-mobile {
    width: 90%;
    margin: auto;
    border-collapse: separate;
    color: white;
}

.paytable-mobile thead th {
    text-align: center;
    padding: 10px;
    font: 700 16px 'Montserrat', 'Open Sans', sans-serif;
    color: #111;
}

.paytable-mobile table, th, td {
    padding: 7px;
    vertical-align: top;
}

.paytable-mobile .table-param {
    width: 40%;
    font: 700 14px 'Montserrat', 'Open Sans', sans-serif;
    color: #111;
}

.paytable-mobile th { border: solid 1px #111; text-align: center; }
.paytable-mobile td { border: solid 1px #111; text-align: center; word-break: break-all; }
.paytable-mobile tr:first-child th:first-child { border-top-left-radius: 10px; border-bottom:none; }
.paytable-mobile tr:first-child th:last-child { border-top-right-radius: 10px; border-bottom:none; }
.paytable-mobile tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.paytable-mobile tr:last-child td:last-child { border-bottom-right-radius: 10px; }

.paytable-mobile tr td:last-child {  }
.paytable-mobile tr:not(:last-child) td { border-bottom:none; }