a {
    color: #555;
}

* {
    box-sizing: border-box;
}

.header {
    width: 100%;
    height: 104px;
    display: block;
    position: relative;
    margin-bottom: 16px;
    position: fixed;
    z-index: 1;
    top: 0px;
}

.footer-paysystems,
.footer-copyright {
    color: #000;
}

.input-label {
    color: #000;
    margin-bottom: 5px;
}

.input-field {
    /* background: #262626 !important; */
    background: rgba(0, 0, 0, .7) !important;
    color: #FFF !important;
    border: 1px solid #000 !important;
}

.main-block-contents {
    color: #000 !important;
}

body {
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: #d2d2d2;
    font-family: Roboto;
}

html,
body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

.header-line-top {
    display: block;
    position: relative;
    width: 100%;
    background-color: #dcdcdc;
    height: 64px;
}

.header-line-bottom {
    display: flex;
    width: 100%;
    background-color: #0e8200;
    border-bottom: 4px solid #ffbc00;
    height: 40px;
}

.main-all {
    margin-top: 120px;
    height: auto;
    display: flex;
    width: 100%;
    position: relative;
}

.list-sports-all {
    display: block;
    width: 303px;
    height: calc(100vh - 104px - 16px * 2);
    margin: 0px 16px 16px 16px;

    background-color: #0e8200;
    position: fixed;
    top: calc(104px + 16px);
    overflow: hidden;
}

/* width */
.list-sports-all::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.list-sports-all::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.list-sports-all::-webkit-scrollbar-thumb {
    background: #555;
}

/* Handle on hover */
.list-sports-all::-webkit-scrollbar-thumb:hover {
    background: #333;
}

.main-line {
    width: calc(100% - 265px - 16px * 4 - 90px);
    height: auto;
    margin: 0px 0px 16px calc(16px * 2 + 310px);
}

.pictures-all {
    width: 320px;
    margin: 0px 16px;
    border-radius: 10px;
    height: auto;
}

.picture-ad {
    display: block;
    width: calc(100% - 16px * 2);


    padding: 16px;
    margin-bottom: 16px;
    color: #000000;
    font-weight: 700;
}

.list-sports-all:hover {
    overflow-y: scroll;
}

.sport-href {
    width: 100%;
    display: block;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 28px;
    box-sizing: border-box;
    min-height: 40px;
    transition: 0.2s ease all;
    font-weight: 600;
}

.sport-href:hover {
    background-color: #ff0000 !important;
}

.sport-icon {
    width: 24px;
    height: 24px;
    display: none;
    position: absolute;
    right: 18px;
}

.list-sports-all>.sport-href:nth-child(even) {
    border-bottom: 1px solid #000;
}

.sport-icon {
    width: 24px;
    height: 24px;
    display: none;
    position: absolute;
    right: 18px;
}

.coupon-data {
    width: calc(100% - 20px);
    box-sizing: border-box;
    outline: 1px solid #424147;
    min-height: 20px;
    padding: 10px;
    margin: 16px 10px 10px 10px;
}

div.picture-ad {
    padding: 0px !important;
    width: 100% !important;
    overflow: hidden;
    border: 2px solid #0e8200;
    background-color: #ffbc00;
}

.coupon-title {
    padding: 8px 24px;
    border-bottom: 1px solid #424147;
}

.header-logo {
    font-family: Impact;
    font-size: 36px;
    color: #000;
    padding: 10px;
    height: 40px;
    display: block;
    width: max-content;
    text-decoration: none;
}

.login-buttons {
    display: flex;
    width: auto;
    right: 0px;
    position: absolute;
    top: 0px;
}

.l-button {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    /* height: 20px; */
    margin: 12px 12px;
    background: #ffbc00;
    padding: 10px;
    border-radius: 50px;
}

.navigation {
    width: auto;
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    padding: 9px 50px;
    /* height: 20px; */
    font-weight: 600;
}

.navigation:hover {
    border-bottom: 2px solid #ffbc00;
    background: #ffbc00;
    color: #272727;
}

.mainbox {


    margin-bottom: 10px;
    overflow: hidden;
    color: #2d2d2d;
}

.bet-line {
    color: #000;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #2f2e36;
    text-decoration: none;
    transition: 0.2s all ease;
    font-weight: 600;
}

.bet-part {
    width: 50%;
    display: block;
    background: #f5f5f5;
}

.bet-title {
    margin: 7px 10px;
    font-size: 16px;
}

.bet-time {
    font-size: 14px;
    margin: 0px 10px 10px 10px;
    color: #ffbc00;
}

.bet-part:last-child {
    display: flex !important;
}

.bet-1vs2 {
    display: flex;
    width: calc(100% - 80px);
}

.bet-plus-upsel {
    width: 36px;
    padding: 5px;
    margin: auto 10px;
    border-radius: 5px;
    border: 1px solid #424147;
    font-weight: bold;
    text-align: center;
    box-sizing: content-box;
}

.bet-1vs2-ptx {
    display: block;
    width: 33.33%;
    text-align: center;
    margin: auto;
}

.bet-cf {
    padding: 6px 10px;
    background-color: #ffbc00;
    margin: auto;
    width: max-content;

}

.bet-plus-upsel.noborder {
    border: none;
}

.bet-line:last-child {
    border: none;
}

.bet-simple-icon {
    margin: 12px;
    height: 16px;
}

.bet-line:nth-child(even) {
    background-color: #16151b;
}

a.bet-line:hover {
    background-color: #25242b;
}

.feedback {
    color: #FFF !important;
}

.feedback-link {
    color: #FFF !important;
}

.feedback-25-button,
.message-data {
    background: radial-gradient(circle, rgba(119, 21, 12, 1) 0%, rgba(101, 18, 10, 1) 100%) !important;
}

.bet-cat {
    margin: 10px 10px 0px 10px;
    font-size: 10px;
}

.uma.main-block-title-active {
    font-weight: bold;
}

.uma {
    text-decoration: none;
}

.main-block-time.bets-data-text {
    color: #333;
}

.coeficients-title {
    color: #FFF;
}

.cart__container a {
    color: #FFF;
}

.main-line>.picture-ad {
    display: none;
}

.cart__total.px-4.pt-3,
.cart-footer {
    background: unset !important;
}

.cart-footer>.button.auth-button {
    border: none !important;
    background: radial-gradient(circle, rgba(119, 21, 12, 1) 0%, rgba(101, 18, 10, 1) 100%) !important;
}

.bet-main-this {
    background: #16151b !important;
}

.bet-id {
    color: #BBB !important;
}

.bet-name-m {
    color: #FFF !important;
}

.bet-cat-m {
    color: #888 !important;
}

.bet-time-m {
    color: #888 !important;
}

.bet-coefs-all {
    color: #888 !important;
}

.bet-can-win {
    color: #888 !important;
}

.footer-link {
    text-align: center;
}

.footer-td {
    display: table-cell;
}

.footer-frame {
    padding: 16px;
}

.footer-new-down-inner-icons {
    overflow: hidden;
}

.footer-copyright {
    text-align: center;
}

.footer-frame>table {
    width: 100%;
}

.site-header-navigation-mobile {
    display: none;
}

.button {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 15px;
    border: none !important;
    color: #FFF;
    text-decoration: none;
    font-size: 12pt;
    background: rgb(119, 21, 12);
    background: radial-gradient(circle, rgb(19 119 12) 0%, rgb(10 101 46) 100%) !important;
    transition: all 300ms ease;
    width: 100px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.alert-message-handler {
    background: rgb(119, 21, 12);
    background: radial-gradient(circle, rgba(119, 21, 12, 1) 0%, rgba(101, 18, 10, 1) 100%) !important;
    color: #FFF;
    padding: 20px;
}

.mobile-button {
    display: block;
    background: radial-gradient(circle, rgba(119, 21, 12, 1) 0%, rgba(101, 18, 10, 1) 100%) !important;
    width: 80%;
    margin: auto;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 32px;
    padding: 20px 10px;
    margin-bottom: 22px;
}

.mobile-space {
    display: block;
    height: 40px;
}

#right-menu-open-mobile {
    display: none;
}

#left-menu-open-mobile {
    display: none;
}

@media screen and (max-width: 1250px) {
    .pictures-all {
        width: 250px;
    }

    .main-line {
        width: calc(100% - 230px - 16px * 4 - 250px);
        margin-left: calc(16px * 2 + 230px);
    }

    .list-sports-all {
        width: 230px;
    }
}

@media screen and (max-width: 1050px) {
    .pictures-all {
        width: 210px;
    }

    .main-line {
        width: calc(100% - 200px - 16px * 4 - 210px);
        margin-left: calc(16px * 2 + 200px);
    }

    .list-sports-all {
        width: 200px;
    }
}

@media (max-width: 900px) {
    .pictures-all {
        display: none;
    }

    .list-sports-all {
        position: fixed;
        left: -100%;
        width: 100%;
        margin: 0px;
        top: 104px;
        transition: all linear 0.5s;
        height: calc(100vh - 104px);
    }

    .main-line {
        margin: 0px;
        width: 100%;
    }

    .main-line>.picture-ad {
        display: block;
    }

    .header-line-bottom {
        display: none;
    }

    .header-line-top {
        height: 104px;
    }

    .header-logo {
        font-size: 52px;
        padding: 20px;
        height: 64px;
        margin: auto;
    }

    .login-buttons {
        display: none;
    }

    .site-header-navigation-mobile {
        display: block;
        position: fixed;
        z-index: 3;
        width: 100%;
        height: calc(100vh - 104px);
        top: 104px;
        background: #1c1b20;
        right: -100%;
        transition: all linear 0.5s;
        color: #FFF;
    }

    .sports-mobile-button.right {
        right: 0px;
        background-image: url('/images/login-menu.png');
    }

    .sports-mobile-button {
        display: block;
        width: 104px;
        height: 104px;
        position: absolute;
        z-index: 1;
        background-image: url('/images/mobile-menu.png');
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

    .sport-href {
        font-size: 25px;
    }

    .bet-cat {
        font-size: 16px;
    }

    .bet-title {
        font-size: 20px;
    }

    .bet-time {
        font-size: 18px;
    }

    .bet-cf {
        font-size: 20px;
    }

    .bet-plus-upsel {
        font-size: 20px;
    }

    div.picture-ad {
        font-size: 20px;
    }

    #right-menu-open-mobile:checked~.site-header-navigation-mobile {
        right: 0px;
    }

    #right-menu-open-mobile:checked~.header>.sports-mobile-button.left {
        display: none;
    }

    #right-menu-open-mobile:checked~.header>.sports-mobile-button.right {
        background-image: url('/images/exit.png');
    }

    #left-menu-open-mobile:checked~.main-all>.list-sports-all {
        left: 0px;
        /* fz */
        overflow-y: scroll;
        z-index: 3;
    }

    #left-menu-open-mobile:checked~.header>.sports-mobile-button.left {
        background-image: url('/images/exit.png');
    }

    #left-menu-open-mobile:checked~.header>.sports-mobile-button.right {
        display: none;
    }

    .footer-frame>table>tbody>tr {
        display: grid;
    }

    .footer-frame>table tbody tr td:not(:last-child) {
        margin-bottom: 5px;
    }
}

.bold {
    font-weight: bold;
}
span.button.auth-button {
    display: block;
    width: calc(100% - 30px);
}
.notifications_error {
    background: #f82516;
    color: #fff;
    cursor: pointer;
    padding: 0;
    margin: 0px 0 15px 0;
    text-align: center;
	padding: 5px;
	display: none;
}
span#payment_form_span:hover {
    opacity: 0.8;
}
.deposit_methods {
    margin: 0px 0px 30px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.deposit_methods > div {
    height: 75px;
    margin: 7px 0;
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #edf0f7;
    border: 1.5px solid #dfe2e9;
    cursor: pointer;
    transition: 0.3s;
    width: 195px;
}
.deposit_methods > div:hover {
    border: 1.5px solid #000;
}
#payment_form_span {
	width: 100%;
	font-size: 18px;
}


.balance-form .amount-card {
    width: 300px;
    margin: 0 auto;
}
.balance-form .card {
    margin-bottom: 30px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #D7DFE9;
    border-radius: 4px;
    height: 100%;
}
.balance-form .shadow-lg {
    box-shadow: 0px 4px 40px rgba(23, 31, 70, 0.16) !important;
}
.balance-form .card .card-block, .balance-form .card .card-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 24px 24px 15px 24px;
}
.text-center {
    text-align: center !important;
}
.text-dark {
    color: #2d2e2f !important;
}
.card-text-balans {
	margin-top: 15px;
	font-size: 15px;
	color: #0f0f0f;
}
.card-text-bon-balans {
	margin-top: 5px;
	font-size: 15px;
	color: #5F5F61;
}
.card-text-sum {
	font-size: 18px;
	margin-bottom: 5px;
}
.input-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.4em + 2px);
    padding: 0.532rem 0.854rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #171F46;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D7DFE9;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-prepend, .input-group-append {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.532rem 0.854rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #171717;
    text-align: center;
    white-space: nowrap;
    background-color: #ffbc00;
    border: 1px solid #ffbc00;
    border-radius: 4px;
}
.input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.amount-card input.form-control {
    height: calc(1.4em + 20px);
}
.balance-form .card-footer {
    padding: 12px 25px;
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px solid #D7DFE9;
	background: transparent;
}

.balance-form .btn {
    display: inline-block;
    font-weight: 500;
    color: #7E858E;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.532rem 0.854rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.balance-form .btn-pais {
	color: #fff;
	background-color: #0e8200;
	border-color: #0e8200;
	cursor: pointer;
}
.balance-form .btn-pais:hover {
	color: #fff;
	background-color: #0e8200;
	border-color: #0e8200;
	opacity: 0.9;
}

.payment-systems {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.payment-system {
    width: 100%;
    margin: 0 .5%
}
@media (min-width: 500px) {
    .payment-system {
        flex: 0 0 49%;
        max-width: 49%;
    }   
}
@media (min-width: 1025px) {
    .payment-system {
        flex: 0 0 32.3%;
        max-width: 32.3%;
    }
}
.payment-system .card-body {
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-bottom: 1rem !important;
}
.payment-system__options {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
}
.payment-system__options img {
    width: 30px;
    margin-right: 5px;
}
.payment-system__logo {
	max-width: 100%;
	height: 65px;
}
.shadow {
    box-shadow: 0px 8px 16px rgba(23, 31, 70, 0.08) !important;
}
.card-body-m-name {
	margin: 5px 0px;
	color: #292828;
}
.card-body-m-des {
	color: #5F5F61;
	font-size: 13px;
}
.text-left {
    text-align: left !important;
}
.card-body-bat {
	margin: 10px 0px;
}
.custom-control {
	position: relative;
	display: block;
	min-height: 1.3125rem;
	padding-left: 1.5rem;
	margin-bottom: 0.5rem !important;
	margin-top: 1rem !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.15625rem;
    opacity: 0;
}
.custom-control-input input[type="radio"], .custom-control-input input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
.custom-control-label {
    padding-top: 2px;
    cursor: pointer;
    font-size: 13px;
    width: 100%;
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(11, 105, 255, 0.5);
}
.custom-control-label::before {
    position: absolute;
    top: 0.15625rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #bed7ff;
    border-color: #bed7ff;
}
.balance-form .custom-control-label img {
    max-width: 20px;
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle;
    border-style: none;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #0B69FF;
    background-color: #0B69FF;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #7E858E;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #bed7ff;
    border-color: #bed7ff;
}

.custom-control-input[disabled] ~ .custom-control-label {
    color: #6c757d;
}

.custom-control-input[disabled] ~ .custom-control-label::before {
    background-color: #e9ecef;
}

.custom-control-label::before {
    position: absolute;
    top: 0.15625rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
	box-sizing: border-box;
}

.custom-control-label::after {
    position: absolute;
    top: 0.15625rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
	box-sizing: border-box;
}


.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(11, 105, 255, 0.5);
}
.balance-text {
	color: #5F5F61;
	font-size: 13px;
}
.span-des {
	font-size: 12px;
	color: #5F5F61;
	white-space: nowrap;
}
.span-des:hover {
	opacity: 85%;
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
.mb-0, .my-0 {
    margin-bottom: 0 !important;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 6px;
	font-size: 13px;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 600;
}

.alert-dismissible {
    padding-right: 3.8125rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #0a61eb;
    background-color: #e2edff;
    border-color: #1f75ff;
}

.alert-primary hr {
    border-top-color: #0665ff;
}

.alert-primary .alert-link {
    color: #084dba;
}

.alert-secondary {
    color: #636c73;
    background-color: #edeeef;
    border-color: #788087;
}

.alert-secondary hr {
    border-top-color: #6c737a;
}

.alert-secondary .alert-link {
    color: #4b5258;
}

.alert-success {
    color: #29ba6a;
    background-color: #e6f9ee;
    border-color: #3ece7e;
}

.alert-success hr {
    border-top-color: #31c171;
}

.alert-success .alert-link {
    color: #209052;
}

.alert-info {
    color: #009eb2;
    background-color: #e0f5f8;
    border-color: #14b3c6;
}

.alert-info hr {
    border-top-color: #129eaf;
}

.alert-info .alert-link {
    color: #00717f;
}

.alert-warning {
    color: #eba900;
    background-color: #fff6e0;
    border-color: #ffbe14;
}

.alert-warning hr {
    border-top-color: #fab400;
}

.alert-warning .alert-link {
    color: #b88400;
}

.alert-danger {
    color: #eb0a33;
    background-color: #ffe2e7;
    border-color: #ff1f47;
}

.alert-danger hr {
    border-top-color: #ff0632;
}

.alert-danger .alert-link {
    color: #ba0828;
}

.alert-light {
    color: #e4e5e6;
    background-color: #fefefe;
    border-color: #f9f9fa;
}

.alert-light hr {
    border-top-color: #ebebee;
}

.alert-light .alert-link {
    color: #cacccd;
}

.alert-dark {
    color: #151d40;
    background-color: #e3e4e9;
    border-color: #2a3155;
}

.alert-dark hr {
    border-top-color: #222744;
}

.alert-dark .alert-link {
    color: #080c1a;
}
.mt-2, .my-2 {
    margin-top: 0.5rem !important;
}
.m-0 {
    margin: 0 !important;
}
.payments-text {
	margin: 20px 0px 10px 0px;
	font-size: 18px;
}
a {
	color: #555;
}
a:hover {
	opacity: 85%;
}
/* 

стили для таблиц
*/
.gridjs-footer button,.gridjs-head button{background-color:transparent;background-image:none;border:none;cursor:pointer;margin:0;outline:none;padding:0}.gridjs-temp{position:relative}.gridjs-head{margin-bottom:5px;padding:5px 1px;width:100%}.gridjs-head:after{clear:both;content:"";display:block}.gridjs-head:empty{border:none;padding:0}.gridjs-container{color:#000;display:inline-block;overflow:hidden;padding:2px;position:relative;z-index:0}.gridjs-footer{background-color:#fff;border-bottom-width:1px;border-color:#2a2a2a;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.26);display:block;padding:12px 24px;position:relative;width:100%;z-index:5}.gridjs-footer:empty{border:none;padding:0}input.gridjs-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #d2d6dc;border-radius:5px;font-size:14px;line-height:1.45;outline:none;padding:10px 13px}input.gridjs-input:focus{border-color:#9bc2f7;box-shadow:0 0 0 3px rgba(149,189,243,.5)}.gridjs-pagination{color:#3d4044}.gridjs-pagination:after{clear:both;content:"";display:block}.gridjs-pagination .gridjs-summary{float:left;margin-top:5px}.gridjs-pagination .gridjs-pages{float:right}.gridjs-pagination .gridjs-pages button{background-color:#fff;border:1px solid #d2d6dc;border-right:none;outline:none;padding:5px 14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gridjs-pagination .gridjs-pages button:focus{border-right:1px solid #d2d6dc;box-shadow:0 0 0 2px rgba(149,189,243,.5);margin-right:-1px;position:relative}.gridjs-pagination .gridjs-pages button:hover{background-color:#f7f7f7;color:#3c4257;outline:none}.gridjs-pagination .gridjs-pages button:disabled,.gridjs-pagination .gridjs-pages button:hover:disabled,.gridjs-pagination .gridjs-pages button[disabled]{background-color:#fff;color:#6b7280;cursor:default}.gridjs-pagination .gridjs-pages button.gridjs-spread{background-color:#fff;box-shadow:none;cursor:default}.gridjs-pagination .gridjs-pages button.gridjs-currentPage{background-color:#f7f7f7;font-weight:700}.gridjs-pagination .gridjs-pages button:last-child{border-bottom-right-radius:6px;border-right:1px solid #d2d6dc;border-top-right-radius:6px}.gridjs-pagination .gridjs-pages button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.gridjs-pagination .gridjs-pages button:last-child:focus{margin-right:0}button.gridjs-sort{background-color:transparent;background-position-x:center;background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;float:right;height:24px;margin:0;outline:none;padding:0;width:13px}button.gridjs-sort-neutral{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDEuOTk4IiBoZWlnaHQ9IjQwMS45OTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMS45OTggNDAxLjk5OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTczLjA5MiAxNjQuNDUyaDI1NS44MTNjNC45NDkgMCA5LjIzMy0xLjgwNyAxMi44NDgtNS40MjQgMy42MTMtMy42MTYgNS40MjctNy44OTggNS40MjctMTIuODQ3cy0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2IDUuNDI0QzIxMC4yMzIgMS44MTIgMjA1Ljk1MSAwIDIwMC45OTkgMHMtOS4yMzMgMS44MTItMTIuODUgNS40MjRMNjAuMjQyIDEzMy4zMzFjLTMuNjE3IDMuNjE3LTUuNDI0IDcuOTAxLTUuNDI0IDEyLjg1IDAgNC45NDggMS44MDcgOS4yMzEgNS40MjQgMTIuODQ3IDMuNjIxIDMuNjE3IDcuOTAyIDUuNDI0IDEyLjg1IDUuNDI0ek0zMjguOTA1IDIzNy41NDlINzMuMDkyYy00Ljk1MiAwLTkuMjMzIDEuODA4LTEyLjg1IDUuNDIxLTMuNjE3IDMuNjE3LTUuNDI0IDcuODk4LTUuNDI0IDEyLjg0N3MxLjgwNyA5LjIzMyA1LjQyNCAxMi44NDhMMTg4LjE0OSAzOTYuNTdjMy42MjEgMy42MTcgNy45MDIgNS40MjggMTIuODUgNS40MjhzOS4yMzMtMS44MTEgMTIuODQ3LTUuNDI4bDEyNy45MDctMTI3LjkwNmMzLjYxMy0zLjYxNCA1LjQyNy03Ljg5OCA1LjQyNy0xMi44NDggMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDctMy42MTQtMy42MTYtNy44OTktNS40Mi0xMi44NDgtNS40MnoiLz48L3N2Zz4=");background-position-y:center;opacity:.3}button.gridjs-sort-asc{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuMzYyIiBoZWlnaHQ9IjI5Mi4zNjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5Mi4zNjIgMjkyLjM2MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI4Ni45MzUgMTk3LjI4NyAxNTkuMDI4IDY5LjM4MWMtMy42MTMtMy42MTctNy44OTUtNS40MjQtMTIuODQ3LTUuNDI0cy05LjIzMyAxLjgwNy0xMi44NSA1LjQyNEw1LjQyNCAxOTcuMjg3QzEuODA3IDIwMC45MDQgMCAyMDUuMTg2IDAgMjEwLjEzNHMxLjgwNyA5LjIzMyA1LjQyNCAxMi44NDdjMy42MjEgMy42MTcgNy45MDIgNS40MjUgMTIuODUgNS40MjVoMjU1LjgxM2M0Ljk0OSAwIDkuMjMzLTEuODA4IDEyLjg0OC01LjQyNSAzLjYxMy0zLjYxMyA1LjQyNy03Ljg5OCA1LjQyNy0xMi44NDdzLTEuODE0LTkuMjMtNS40MjctMTIuODQ3eiIvPjwvc3ZnPg==");background-position-y:35%;background-size:10px}button.gridjs-sort-desc{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuMzYyIiBoZWlnaHQ9IjI5Mi4zNjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5Mi4zNjIgMjkyLjM2MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI4Ni45MzUgNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiAwLTkuMjMzIDEuODA3LTEyLjg1IDUuNDI0QzEuODA3IDcyLjk5OCAwIDc3LjI3OSAwIDgyLjIyOGMwIDQuOTQ4IDEuODA3IDkuMjI5IDUuNDI0IDEyLjg0N2wxMjcuOTA3IDEyNy45MDdjMy42MjEgMy42MTcgNy45MDIgNS40MjggMTIuODUgNS40MjhzOS4yMzMtMS44MTEgMTIuODQ3LTUuNDI4TDI4Ni45MzUgOTUuMDc0YzMuNjEzLTMuNjE3IDUuNDI3LTcuODk4IDUuNDI3LTEyLjg0NyAwLTQuOTQ4LTEuODE0LTkuMjI5LTUuNDI3LTEyLjg1eiIvPjwvc3ZnPg==");background-position-y:65%;background-size:10px}button.gridjs-sort:focus{outline:none}table.gridjs-table{border-collapse:collapse;display:table;margin:0;max-width:100%;overflow:auto;padding:0;table-layout:fixed;text-align:left;width:100%}
.gridjs-tbody,td.gridjs-td{background-color: #525252;
color: #ededed;}
td.gridjs-td{border:1px solid #878787;box-sizing:content-box;padding:12px 24px}td.gridjs-td:first-child{border-left:none}td.gridjs-td:last-child{border-right:none}td.gridjs-message{text-align:center}
th.gridjs-th {
	background-color: #303030;
	border: 1px solid #878787;
	border-top: none;
	box-sizing: border-box;
	color: #ededed;
	outline: none;
	padding: 14px 24px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
}

th.gridjs-th .gridjs-th-content{float:left;overflow:hidden;text-overflow:ellipsis;width:100%}th.gridjs-th-sort{cursor:pointer}th.gridjs-th-sort .gridjs-th-content{width:calc(100% - 15px)}
th.gridjs-th-sort:focus,th.gridjs-th-sort:hover{background-color:#2a2a2a}th.gridjs-th-fixed{box-shadow:0 1px 0 0 #2a2a2a;position:sticky}@supports (-moz-appearance:none){th.gridjs-th-fixed{box-shadow:0 0 0 1px #2a2a2a}}th.gridjs-th:first-child{border-left:none}th.gridjs-th:last-child{border-right:none}.gridjs-tr{border:none}.gridjs-tr-selected td{background-color:#ebf5ff}.gridjs-tr:last-child td{border-bottom:0}.gridjs *,.gridjs :after,.gridjs :before{box-sizing:border-box}.gridjs-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-color:#2a2a2a;border-radius:8px 8px 0 0;border-top-width:1px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.26);display:block;overflow:auto;position:relative;width:100%;z-index:1}.gridjs-wrapper:nth-last-of-type(2){border-bottom-width:1px;border-radius:8px}.gridjs-search{float:left}.gridjs-search-input{width:250px}.gridjs-loading-bar{background-color:#fff;opacity:.5;z-index:10}.gridjs-loading-bar,.gridjs-loading-bar:after{bottom:0;left:0;position:absolute;right:0;top:0}.gridjs-loading-bar:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,80%,0),hsla(0,0%,80%,.2) 20%,hsla(0,0%,80%,.5) 60%,hsla(0,0%,80%,0));content:"";transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.gridjs-td .gridjs-checkbox{cursor:pointer;display:block;margin:auto}.gridjs-resizable{bottom:0;position:absolute;right:0;top:0;width:5px}.gridjs-resizable:hover{background-color:#9bc2f7;cursor:ew-resize}
.color-ora {
    color: #ff8a00;
}
.color-zel {
    color: #009120;
}