@import url('https://fonts.cdnfonts.com/css/montserrat');
input#token {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}
body {
    background: url('/img/bg-main-colors.png') no-repeat center center fixed;
    background-size: cover;
    /*background: linear-gradient(to bottom, #121212 0%, #0f0f0f 100%);*/
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    padding: 0 auto;
}

.login-form {
    margin: 11% auto;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    flex-wrap: nowrap;
    width: fit-content;
    padding: 40px;
    align-items: center;
    justify-content: center;
}
    .boxdown.third {
    min-width: 407.5px;
}

label {
    color: #72D401;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
div#tradeVolumeChart {
    margin-left: 20% !important;
}
input#email,
input#amount {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#is_admin,
input#send_amount,
input#recieve_amount,
input#details,
input#wallet {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#user_id {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#card_number {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#phone {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}
input#owner {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}
input#owner::placeholder {
    color:black;
}
input#total_amount {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#password {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#name {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#surname {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#adress {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#balance {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#holdusdt {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

input#password_confirmation {
    border-radius: 18px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

button.inline-flex.items-center.px-4.py-2.bg-gray-800.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-gray-700.active\:bg-gray-900.focus\:outline-none.focus\:border-gray-900.focus\:ring.ring-gray-300.disabled\:opacity-25.transition.ease-in-out.duration-150.ml-3 {
    background: #72D401;
    color: white;
    /* padding-left: 40px; */
    padding: 10px 0px 10px 0px;
    border: 0px solid;
    border-radius: 18px;
    text-align: center;
    margin-top: 20px;
}

button.inline-flex.items-center.px-4.py-2.bg-gray-800.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-gray-700.active\:bg-gray-900.focus\:outline-none.focus\:border-gray-900.focus\:ring.ring-gray-300.disabled\:opacity-25.transition.ease-in-out.duration-150.ml-4 {
    background: #72D401;
    color: white;
    /* padding-left: 40px; */
    padding: 30px 81px 30px 74px;
    border: 0px solid;
    border-radius: 18px;
    text-align: center;
    margin-top: 20px;
}

a.underline.text-sm.text-gray-600.hover\:text-gray-900 {
    font-size: 14px;
    color: white;
    text-decoration: none;
}

.flex.items-center.justify-end.mt-4 {
    margin-top: 10px;
}

input:focus {
    background-color: #1e1e1e;
    color: #6eca05;
    border: 1px solid #6eca05 !important;
}

input::placeholder {
    color: white;
}

input:focus-visible {
    border: 0px solid;
}

input {
    outline: none;
}

.left-header {
    width: 20%;
    background: #72D401;
    border-right: 2px solid #1C1D1F;
    height: 100vw;
    display: block;
}
aboba{

}
.top-header {
    display: block;
    position: sticky;
    width: -webkit-fill-available;
    background-color: #72D401;
    height: 76px;
    border-left: 1px solid #1C1D1F;
}

header.header-dashboard {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
}

.logo {
    width: 363px;
    padding-top: 10px;
    height: 59px;

    margin-top: 0%;
    padding-right: 14px;
}

a {
    color: white !important;
    text-decoration: none;
    font-size: 22px;
    text-decoration: none;
    margin-top: 20px;
}

li {
    padding-top: 20px;
    list-style-type: none;
}

.header-ul {
    display: flex;
    flex-direction: row;
    color: #898C91;
    margin-left: 15px;
}

.li-head {
    font-size:18px;
    margin-left: 30px;
    margin-top: 7px;
}

p.white {
    color: #72D401;
    font-size: 19px;
    font-weight: 400;
    margin: 0 AUTO;
}

.down-right-side-menu {
    border-radius: 18px;
    display: flex;
    width: 96.5%;
    height: fit-content;
    background: #1E1E1E;
    background: rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.5px);
    -webkit-backdrop-filter: blur(10.5px);
    border: 1px solid rgba(255, 255, 255, 0.03);
    margin-left: 55px;
    margin-right: 55px;
    margin-top: 55px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}
div#tradeVolumeChart {
    margin-left: 0% !important;
}
ul {
    margin: 0 auto;
}

.right-side-menu {
    border-radius: 18px;
    width: 72vw;
    height: 423px;
    background: #1E1E1E;
    margin-left: 55px;
    margin-right: 55px;
    margin-top: 55px;
    background: rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.5px);
    -webkit-backdrop-filter: blur(10.5px);
    border: 1px solid rgba(255, 255, 255, 0.03);
}
.main-box {
    display: flex;
    flex-direction: row;
}

h2.total-balance {
    color: #72D401;
    font-size: 34px;
    padding-top: 20px;
    padding-left: 40px;
}

.head-mark {
    border-radius: 8px;
    background: #ffffff;
    width: 5px;
    display: inline;
    height: 42px;
    padding-left: 10px;
    padding-top: 3px;
    padding-right: 10px;
    margin-right: 10px;
}

.head-mark-peach {
    border-radius: 8px;
    background: #72D401;
    width: 5px;
    display: inline;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.down-side {
    display: flex;
    padding: 0px;
    padding-right: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}
.one-side.l {
    border-right: 2px solid #282b30;
    padding-right: 18px;
    padding-left: 11px;
}
.white-text {
    color: white;
}

.usdt {
    color: #72D401;
    font-size: 72px;
}

button.blue {
    background: #72D401;
    color: white;
    padding: 12px;
    border: 1px solid #fff;
    border-radius: 18px;
    font-size: 18px;
}

button.gray {
    background: #72D401;
    color: white;
    padding: 12px;
    border: 1px solid #fff;
    border-radius: 18px;
    font-size: 18px;
}

h1.usdt {
    margin-top: 5px;
    text-align: left;
    font-size:55px;
}

.one-side.button {
    margin-left: 3%;
    margin-top: 0%;
}

.icon {
    display: inline-block;
    margin-left: 20%;
}
h1.white {
    color: #1E1E1E;
    font-size: 24px;
    margin-left: 0px;
    margin-top: 11px;
}

.boxdown {
    width: 420px;
    margin-left: 21px;
    border-radius: 14px;
    height: 250px;
    padding: 28px 0px 0px 28px;
}

.one {
    background: #72D401;
}

.step {
    background: #72D401;
}

.third {
    width: 420px;
    background: #72D401;
    width: fit-content;
    padding-right: 20px;
}

h1.white-text-stats {
    padding: 0 auto;
    color: #1E1E1E;
    font-size: 47px;
    font-weight: 400;
    margin-top: 91px;
}

tr {
    text-align: center;
    color: white;
    font-weight: 600;
}

th {
    text-align: left;
    font-size: 18px;
    padding: 20px;
    color: #72D401;
    font-weight: 600;
}

td {
    text-align: left;
    padding-left: 19px;
    color: #72D401;
}

.inputwallet {
    color: #ffffff;
    background: #1e1e1e;
    font-size: 22px;
    min-width: 300px;
    font-size: 11px;
    /* background: #ffffff; */
    border: 1px solid;
    width: 50vw;
    border: 4px solid #72d406;
    margin-top: 15px;
    border-radius: 14px;
    padding: 10px;
}
.flex-row-dep {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

button.submit {
    border-radius: 9px;
    background: #72D401;
    display: block;
    border: 1px solid #000;
    color: black;
    margin: 0 auto;
    /* margin-left: 23%; */
    margin-top: 5%;
    font-weight: 400;
    font-size: 19px;
    padding: 10px 40px 10px 40px;
}
a.submitt {
    border-radius: 9px;
    background: #153762;
    display: block;
    border: 1px solid #000;
    color: white;
    margin: 0 auto;
    /* margin-left: 23%; */
    margin-top: 10%;
    font-weight: 400;
    font-size: 19px;
    padding: 10px 40px 10px 40px;
}
button.submit.left {
    border-radius: 18px;
    background: #72D401;
    border: 1px solid #898c91;
    margin-right: 10px !important;
    color: #000000;
    margin-left: 0%;
    margin-top: 0%;
    margin: 0 auto;
    display: block;
    font-weight: 400;
    font-size: 19px;
    padding: 10px 40px 10px 40px;
}

button.submit:hover {
    border-radius: 18px;
    background: #c4c4c4;
    border: 1px solid #8ff4ff;
    color: black
    font-weight: 400;
    font-size: 19px;
    padding: 10px 40px 10px 40px;
}

a.headlink {
    color: #72D401 !important;
    margin-left: 23px;
    margin-right: 23px;
    padding: 13px;
}

td.deposits {
    background: #282b30;
    color: white;
    width: 160px;
    height: 30px;
    border: 1px solid white;
    font-size: 14px;
    border-radius: 6px;
    padding: 3px;
}

a.headlink:hover {
    color:#72D401 !important;
    padding: 13px;
    background: #6f6e6e;
    border-radius: 18px;
}

a.headlink.active {
    background: #6f6e6e;
    border-radius: 12px;
    color:#72D401 !important;
}

th.admin {
    color: white;
    padding: 4px !important;
    border: 1px solid black !important;
    background: rgb(35, 35, 35) !important;
}

p.label {
    margin: 0 auto;
    font-size: 14px;
    margin-top: 30px;
}

.scrollable-table {
    max-height: 304px;
    overflow-y: auto;
    display: block;
}

.admin-container {
    padding: 40px;
    display: flex;
    height: fit-content;
    background: #1E1E1E;
    margin-left: 55px;
    margin-right: 55px;
    margin-top: 55px;
    border-radius: 18px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

.form-group {
    margin-bottom: 20px;
}

.form-group {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.one-side.flex {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* Style for laptops and desktops */
@media (min-width: 1024px) {
    .header-ul {
        /* Add specific styles for laptops/desktops here */
        /* Example: */
        margin-left: 0px;
    }
}

/* Style for mobile devices */
@media (max-width: 768px) {
    .left-side-menu {
        width: 100% !important;
        height: auto;
    }
    .one-side.l {
    border-right: none !important;
    padding-right: 10px;
}
h2.total-balance {
    font-size: 18px;
    color: #ffffff;
}
td {
    font-size: 12px;
}
th{
    font-size:12px;
}
.right-side-menu.balance {
    margin-top: 55px !important;
    height: 370px !important;
    width: 72vw;
    margin-left: 55px !important;
    margin-right: 0px !important;
    min-width: 72vw;
    height: fit-content !important;
    max-width: 72vw;
}
    .li-head.name {
    text-align: left !important;
}
h2.total-balance.svodka {
    margin-left: 33px;
}
.left-side-menu {
    margin-top: 76px;

}
    .left-side-menu {
        width: 100% !important;
        display: flex;
        height: 80vw;
        background: #1E1E1E;
        flex-direction: column;
    }

    .one-side {
        margin-left: auto !important;
        margin-right: auto !important;
        /* margin-left: 0% !important; */
        padding-top: ;
    }

    .main_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .header-ul {
        flex-direction: column;
        margin-left: 0px;
    }
    .down-side {
        padding-left: 0px;
        padding-bottom: 0px;
        display: flex;
        padding-right: 0px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .one-side.flex {
        margin-left: 10%;
    }

    .left-side-menu {
        width: 100% !important;
    }

.right-side-menu {
    width: 90vw;
    margin: 0 auto;
    margin-top: 10px;
}
    .right-side-menu {
        border-radius: 18px;
        height: auto;
        width: 90%;
        display: flex;
        padding: 5px !important;
        max-width: 90%;
        margin: 0 auto;
        margin-top: 20px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(7.5px);
        -webkit-backdrop-filter: blur(7.5px);
        border: 1px solid rgba(255, 255, 255, 0.34);
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    p.white {
        font-weight: 900;
    }
th {
    padding: 0px;
}
    .down-right-side-menu {
        border-radius: 18px;
        display: flex;
        width: 90%;
        margin-top: 10% !important;
        margin: 0 auto;
        /* margin-left: 0; */
        /* margin-right: 0; */
        height: fit-content;
        background: #72D401;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;
    }
.requisites{
    margin-left:0px !important;
}
    p.white {
        font-size: 12px;
    }

    a.headlink {
        font-size: 14px;
        margin-left: 29px;
    }

    h1.white {
        color: #1E1E1E;
        font-size: 15px;
        margin: 0 auto;
    }

    h1.white-text-stats {
        padding: 0 auto;
        color: #1E1E1E;
        font-size: 20px;
        text-align: center;
        margin-left: 0px;
    }

    .boxdown {
        width: 100%;
        min-width: 300px;
        border-radius: 14px;
        margin-left: 0;
        padding: 0px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .top-header {
        display: block;
        width: 100%;
        background-color: #72D401;
        height: 220px;
        border-left: 1px solid #1C1D1F;
    }

    table {
        width: 90vw;
    }

    .down-side {
        padding-left: 20px;
        gap: 10px;
        padding-bottom: 40px;
        display: flex;
        padding-right: 20px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
    }


    h1.white-text-stats {
        text-align: left;
    }

    .main-box {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .left-side-menu {
        width: 100% !important;
        display: flex !important;
        background: #1E1E1E;
        flex-direction: column;
    }

    .one-side.button {
        margin-left: 0% !important;
        margin-top: -8% !important;
    }

.two-column {
    display: flex !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    flex-direction: column !important;
    transform: scale(0.72);
    margin-left: -46px;
}
.left-side-menu {
    display: flex;
    height: 80vw;
    background: #72D401;
    flex-direction: column;
}
}


div#myTable_info {
    color: white;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: #ffffff !important;
    color: black;
    padding: 4px;
}

@media only screen and (max-width: 600px) {
    .white-text {
        color: white;
        text-align: center;
    }
    .boxdown.third {
    min-width: 193.5px;
}
.right-side-menu.balance {
    margin-top: 55px !important;
    height: 370px;
    width: 72vw;
    margin-left: 301px !important;
    margin-right: 0px !important;
    min-width: 72vw;
    height: calc(fit-content + 5%);
    max-width: 72vw;
}

h1.white-text-stats {
    margin-top: 30px;
}
    /* Стили для мобильных устройств */
    #myTable_wrapper {
        overflow-x: auto;
        max-width: 100%;
        max-height: 100%;
    }

    #myTable {
        width: 100%;
    }

    #myTable th,
    #myTable td {
        white-space: nowrap;
    }
}


@media only screen and (max-width: 600px) {

    .table th,
    .table td {
        font-size: 12px;
    }

    .table th {
        display: none;
    }

    .table td {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        color: #fff;
        text-align: center;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .telegram-ico {
        display: flex;
        align-content: center;
        flex-wrap: nowrap;
        margin-top: -16px !important;
        justify-content: center;
        align-items: center;
        margin-left: -224px;
    }

    .table td::before {
        content: attr(data-label);
        font-weight: bold;
        display: inline-block;
        width: 50%;

        box-sizing: border-box;
        text-align: left;
    }
}

select#status {
    padding: 20px;
    border: 1px solid aqua;
    border-radius: 18px;
}

.telegram-ico {
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

a.submit {
    border: 1px solid #deef60;
    padding: 15px;
    border-radius: 18px;
}
a.edit {
    padding: 6px;
}
.one-side.flex {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

button.ready {
    /* background: url(../img/copy.png); */
    background-repeat: no-repeat;
    border: none;
    color: black;
    height: 20px;
    border-radius: 6px;
    width: 103px;
    background: #deef60;
}
button.copy {
    background: url(../img/copy.svg);
    background-repeat: no-repeat;
    border: none;
    color: white;
    border-radius: 6px;
    padding: 20px;
    position: relative;
    top: 6px;
    left: -52px;
}

.apexcharts-tooltip span {
    color: black;
}

select#details {
    border-radius: 18px !important;
    padding: 20px !important;
}

.two-column {
    display: flex;
    padding-left: 40px;
    padding-top: 40px;
}

.left-side-menu {
    width: 410px;
    min-width: 410px; /* Добавьте минимальную ширину */
    max-width: 410px; /* Добавьте максимальную ширину */
    display: flex;
    height: 80vw;
    background: #1E1E1E;
    flex-direction: column;
}


input#email,
input#amount {
    border-radius: 18px;
    color: black;
    background: white;
    padding: 10px;
    border: 1px #898c91 solid;
    font-family: 'Montserrat', sans-serif;
}

form.forma {
    display: flex;
    margin-top: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}
.header-ul {
    background: #1E1E1E;
}
input#amount {
    width: 95px;
    margin-right: 30px;
    height: 46px;
    text-align: center;
}
p.gray-text {
    color: #72D401;
    font-size: 32px;
    margin-bottom: 3px;
    text-align: left;
}
.one-side.l {
    border-right: 2px solid #282b30;
    padding-right: 10px; /* Замените 10px на нужное вам значение отступа */
}

@media screen and (min-width:900px){
    .downdownmenu {
    width: 100%;
}
a.headlink.support {
    border-top: 2px solid #282b30;
    margin-top: 295px;
}
p.gray-text {
    color: #72D401;
    font-size: 32px;
    margin-bottom: 3px;
    width: 386px;
    text-align: left;
}
    .main-box{
    width: 75%;
    }
}
.li-head.name{
    text-align:right;
}
div#tradeVolumeChart {
    margin-left: 25%;
}
.head-mark.h{
    background:#ffffff;
}


@media only screen and (min-width: 1279px) and (max-width: 1640px) {
.boxdown.third {
    min-width: 312px;
    max-width: 350.5px !important;
}
    .one-side.l.middle {
    padding-left: 5% !important;
}
.right-side-menu.balance {
    margin-top: 55px !important;
    width: 79vw !important;
    margin-left: 55px !important;
    padding: 20px 0px 20px 11px;
    margin-right: 0px !important;
    min-width: 79vw !important;
    height: calc(fit-content + 5%) !important;
    max-width: 79v !important;
}
.down-right-side-menu {
    padding: 20px 0px 20px 20px;
}
.one-side.l {
    width: 30%;
}
.one-side.l {
    border-right: 2px solid #282b30;
    padding-right: 0px;
}
    .container {
        padding: 30px;
    }
    .left-side-menu {
    width: 200px !important;
min-width: 200px !important;
    max-width: 200px !important;
    display: flex;
    height: 100vw;
    background: #1E1E1E;
    flex-direction: column;
}
.logo {
    width: 174px;
    height: 65px;
    margin-left: -21px !important;
    margin-top: 0%;
    padding-right: 14px;
}
    .requisites {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        height: fit-content;
        margin-top: 55px;
        border-radius: 18px;
        margin-left: 75px;
        min-width: 95%;
        max-width: 95%;
        overflow-x: auto;
        background: rgba(255, 255, 255, 0.12);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(7.2px);
        -webkit-backdrop-filter: blur(7.2px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }
div#tradeVolumeChart {
    margin-left: 15% !important;
}
    h1.white-text-stats {
        padding: 0 auto;
        color: #1E1E1E;
        font-size: 35px;
        font-weight: 400;
        margin-top: 136px;
    }
    h1.white {
        color: #1E1E1E;
        font-size: 17px;
        margin-left: 0px;
        margin-top: 11px;
    }
}

form.requisite {
    display: flex;
    flex-direction: column;
}
.rightt {
    display: flex;
}
.li-head.token {
    width: 175px;
    padding-left: 30px;
}
.li-head.course {
    width: 200px;
}
.li-head.percent {
    width: 190px;
}
.li-head.balance {
    width: 300px;
}
.requisites {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: fit-content;
    margin-top: 55px;
    border-radius: 18px;
    margin-left: 75px;
    min-width: 95%;
    max-width: 95%;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.2px);
    -webkit-backdrop-filter: blur(7.2px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}
.down-right-side-menu.order {
    margin-top:55px !important;
}
.right-side-menu.balance {
    margin-top: 55px !important;
    height: 370px;
    width: 72vw;
    margin-left:55px !important;
    margin-right:0px !important;
    min-width: 72vw;
    height:calc(fit-content + 5%);
    max-width: 72vw;
}
.head-mark-peach {
    margin-right: 10px;
}
h2.total-balance.svodka {
    color: #72D401;
    /* margin: 20px !important; */
    margin-top: 40px !important;
    font-size: 64px;
    margin-bottom: 40px !important;
}
p.depstatus {
    background: #282b30;
    border: 1px solid white;
    padding: 3px;
    border-radius: 3px;
    text-align:center;
}
td.status {
    text-align: center;
}
button.submit.dep {
    width: 90%;
    margin-left: 1px;
}
.namee {
    display: inline-flex;
}
    div#myTable_wrapper {
        padding-left: 40px;
    }
@media only screen and (min-width: 1720px) {
    div#myTable_wrapper {
        padding-left: 40px;
    }
    .namee {
    margin-left: 10%;
}
    .one-side.l.middle {
    padding-left: 8% !important;
}
.li-head.name {
    text-align: left;
}
}

@media only screen and (min-width: 1279px) and (max-width: 1640px) {
    .right-side-menu.balance {
    margin-left: 55px !important;
}
.down-right-side-menu {
    margin-left: 55px;
}
a.headlink.support {
    border-top: 2px solid #282b30;
    margin-top: 50px;
}
}
.main-box.deposit {
    display: block;
}

@media screen and (max-width: 720px) {
    .main_box {
        width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    .admin-container {
        padding: 0 10px;
    }
    #myTable_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }
    #myTable_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }
    #myTable_wrapper .dataTables_info {
        float: none;
        text-align: center;
        margin-top: 10px;
    }
    #myTable_wrapper .dataTables_length {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
}
svg.w-5.h-5 {
    width: 30px;
    height: 30px;
    padding: 5px;
}
p.text-sm.text-gray-700.leading-5 {
    color: white;
}
span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
    color: #affaaf;
    font-size: 22px;
}
nav.flex.items-center.justify-between {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

th.dash{
        text-align: left;
        font-size: 18px;
        padding: 68px;
        color: #72D401;
        font-weight: 600;
}
td.dash{
        padding: 9px;
        text-align: center;
        color:#72D401 !important;
}
th.dash{
    color:#72D401 !important;
}
/*mobile adaptation start*/
@media screen and (max-width:768px){
    table.for-mob-responsive-datas {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .stats-table {
        margin-top: 71px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
    }
    tr.for-mob-responsive-datas {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    th.dash {
        padding: 4px;
        color: #ffffff !important;
    }
    .downdownmenu {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .li-head.token {
        width: auto;
        padding-left: 0;
    }
    .left-side-menu{
        min-width: 100%;
        max-width: 100%;
        height: auto;
    }
}
@media screen and (min-width: 1100px){
    table.responsive-table {
        margin-left: 40px;
    }
}
@media screen and (max-width: 768px){
    .down-right-side-menu {
        border-radius: 18px;
        display: flex;
        width: 90%;
        margin-top: 10% !important;
        margin: 0 auto;
        margin-left: 0;
        margin-right: 0;
        height: fit-content;
        background: #72D401;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }
    .right-side-menu.balance {
        margin-top: 55px !important;
        height: 370px;
        width: 90%;
         margin-left: 0px !important;
         margin-right: 0px !important;
         min-width: 90%;
        height: calc(fit-content + 5%);
        /* max-width: 72vw; */
    }
}