html.dark-mode body {
    color: #f2f9ff;
}

@import url('https://fonts.googleapis.com/css2?family=Anta&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

html[dir].dark-mode body {
    background: #0a0a0a url(/images/bg_ex.webp) !important;
    font-family: "Jost", serif !important;
    font-weight: 300 !important;
    background-size: cover !important;
}

html.dark-mode .link-color,
html.dark-mode a:not([class]) {
    color: rgba(242, 249, 255, .7);
}

html.dark-mode .link-color:hover,
html.dark-mode a:not([class]):hover {
    color: rgba(242, 249, 255, .5);
}

html.dark-mode .h1,
html.dark-mode .h2,
html.dark-mode .h3,
html.dark-mode .h4,
html.dark-mode .h5,
html.dark-mode .h6,
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
    color: #f2f9ff;
}

::-webkit-scrollbar-thumb {
    background: #9832cc;
    border-radius: 4px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 4px;
    background: rgba(255, 255, 255, .1);
    border-radius: 2px;
}

html[dir].dark-mode .bg-body {
    background-color: #1d1e26 !important;
}

html[dir].dark-mode .bg-alt {
    background: #1d1e26;
}

html.dark-mode .text-body {
    color: #f2f9ff !important;
}

html.dark-mode .text-20 {
    color: rgba(242, 249, 255, .2) !important;
}

html.dark-mode .text-50,
html.dark-mode .text-muted {
    color: rgba(242, 249, 255, .5) !important;
}

html.dark-mode .text-70 {
    color: rgba(242, 249, 255, .7) !important;
}

html.dark-mode .text-100 {
    color: #f2f9ff !important;
}

html[dir].dark-mode .border-1 {
    border-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-left-1 {
    border-left-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-right-1,
html[dir=rtl].dark-mode .border-left-1 {
    border-right-color: #19191a00 !important;
}

html[dir=rtl].dark-mode .border-right-1 {
    border-left-color: #19191a00 !important;
}

html[dir].dark-mode .border-top-1 {
    border-top-color: #19191a00 !important;
}

html[dir].dark-mode .border-bottom-1 {
    border-bottom-color: #19191a00 !important;
}

html[dir].dark-mode .border-2 {
    border-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-left-2 {
    border-left-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-right-2,
html[dir=rtl].dark-mode .border-left-2 {
    border-right-color: #19191a00 !important;
}

html[dir=rtl].dark-mode .border-right-2 {
    border-left-color: #19191a00 !important;
}

html[dir].dark-mode .border-top-2 {
    border-top-color: #19191a00 !important;
}

html[dir].dark-mode .border-bottom-2 {
    border-bottom-color: #19191a00 !important;
}

html[dir].dark-mode .border-3 {
    border-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-left-3 {
    border-left-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-right-3,
html[dir=rtl].dark-mode .border-left-3 {
    border-right-color: #19191a00 !important;
}

html[dir=rtl].dark-mode .border-right-3 {
    border-left-color: #19191a00 !important;
}

html[dir].dark-mode .border-top-3 {
    border-top-color: #19191a00 !important;
}

html[dir].dark-mode .border-bottom-3 {
    border-bottom-color: #19191a00 !important;
}

html[dir].dark-mode .border-4 {
    border-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-left-4 {
    border-left-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-right-4,
html[dir=rtl].dark-mode .border-left-4 {
    border-right-color: #19191a00 !important;
}

html[dir=rtl].dark-mode .border-right-4 {
    border-left-color: #19191a00 !important;
}

html[dir].dark-mode .border-top-4 {
    border-top-color: #19191a00 !important;
}

html[dir].dark-mode .border-bottom-4 {
    border-bottom-color: #19191a00 !important;
}

@media (min-width:576px) {
    html[dir].dark-mode .border-sm {
        border-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-top-sm {
        border-top-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-right-sm {
        border-right-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-right-sm {
        border-left-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-bottom-sm {
        border-bottom-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-left-sm {
        border-left-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-left-sm {
        border-right-color: #19191a00 !important;
    }
}

@media (min-width:768px) {
    html[dir].dark-mode .border-md {
        border-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-top-md {
        border-top-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-right-md {
        border-right-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-right-md {
        border-left-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-bottom-md {
        border-bottom-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-left-md {
        border-left-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-left-md {
        border-right-color: #19191a00 !important;
    }
}

@media (min-width:992px) {
    html[dir].dark-mode .border-lg {
        border-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-top-lg {
        border-top-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-right-lg {
        border-right-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-right-lg {
        border-left-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-bottom-lg {
        border-bottom-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-left-lg {
        border-left-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-left-lg {
        border-right-color: #19191a00 !important;
    }
}

@media (min-width:1200px) {
    html[dir].dark-mode .border-xl {
        border-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-top-xl {
        border-top-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-right-xl {
        border-right-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-right-xl {
        border-left-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-bottom-xl {
        border-bottom-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-left-xl {
        border-left-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-left-xl {
        border-right-color: #19191a00 !important;
    }
}

@media (min-width:1366px) {
    html[dir].dark-mode .border-xxl {
        border-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-top-xxl {
        border-top-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-right-xxl {
        border-right-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-right-xxl {
        border-left-color: #19191a00 !important;
    }

    html[dir].dark-mode .border-bottom-xxl {
        border-bottom-color: #19191a00 !important;
    }

    html[dir=ltr].dark-mode .border-left-xxl {
        border-left-color: #19191a00 !important;
    }

    html[dir=rtl].dark-mode .border-left-xxl {
        border-right-color: #19191a00 !important;
    }
}

html[dir].dark-mode .border {
    border-color: #19191a00 !important;
}

html[dir].dark-mode .border-top {
    border-top-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-right {
    border-right-color: #19191a00 !important;
}

html[dir=rtl].dark-mode .border-right {
    border-left-color: #19191a00 !important;
}

html[dir].dark-mode .border-bottom {
    border-bottom-color: #19191a00 !important;
}

html[dir=ltr].dark-mode .border-left {
    border-left-color: #19191a00 !important;
}

html[dir=rtl].dark-mode .border-left {
    border-right-color: #19191a00 !important;
}

html[dir].dark-mode .alert-soft-warning {
    background-color: rgba(228, 169, 60, .05);
    border-color: rgba(228, 169, 60, .3);
}

html.dark-mode .breadcrumb,
html.dark-mode .breadcrumb-item.active,
html.dark-mode .page-separator {
    color: rgba(242, 249, 255, .5);
}

html[dir].dark-mode .page-separator:before {
    background-color: #19191a00;
}

html.dark-mode .page-separator__text {
    color: #f2f9ff;
}

html[dir].dark-mode .page-separator__bg-bottom,
html[dir].dark-mode .page-separator__bg-top,
html[dir].dark-mode .page-separator__text {
    background-color: #0197ff;
    /* border-radius: 0; */
    /* padding: 5px 10px; */
}

html.dark-mode .accordion__toggle {
    color: #f2f9ff;
}

html.dark-mode .accordion__menu-link {
    color: rgba(242, 249, 255, .7);
}

html.dark-mode .accordion__menu-link:hover {
    color: rgba(242, 249, 255, .5);
}

html.dark-mode .accordion__menu-link.active {
    color: #f2f9ff;
}

html[dir].dark-mode .accordion__menu-link:not(:last-child) {
    border-bottom-color: #19191a00;
}

html[dir].dark-mode .accordion--boxed .accordion__item {
    border-color: #19191a00;
    background-color: #22242e;
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .1), 0 3px 4px 0 rgba(0, 0, 0, .04), 0 1px 8px 0 rgba(0, 0, 0, .02);
}

html[dir].dark-mode .mdk-reveal__content {
    background-color: #22242e;
}

html[dir].dark-mode .mdk-reveal__partial {
    background: linear-gradient(180deg, rgba(34, 36, 46, 0) 60%, rgba(34, 36, 46, .95) 80%, #22242e);
}

html[dir].dark-mode .stack:after,
html[dir].dark-mode .stack:before {
    background: #22242e;
    box-shadow: inset 0 2px 0 #1e1f28, 0 2px 0 #1e1f28;
}

html[dir].dark-mode .popover {
    background-color: #22242e;
    border-color: #19191a00;
}

html[dir].dark-mode .popover-lg {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .1), 0 10px 14px 1px rgba(0, 0, 0, .04), 0 4px 18px 3px rgba(0, 0, 0, .02);
}

html[dir].dark-mode .bs-popover-top>.arrow:before {
    border-top-color: #19191a00;
}

html[dir].dark-mode .bs-popover-top>.arrow:after {
    border-top-color: #22242e;
}

html[dir=ltr].dark-mode .bs-popover-right>.arrow:before {
    border-right-color: #19191a00;
}

html[dir=rtl].dark-mode .bs-popover-right>.arrow:before {
    border-left-color: #19191a00;
}

html[dir=ltr].dark-mode .bs-popover-right>.arrow:after {
    border-right-color: #22242e;
}

html[dir=rtl].dark-mode .bs-popover-right>.arrow:after {
    border-left-color: #22242e;
}

html[dir].dark-mode .bs-popover-bottom>.arrow:before {
    border-bottom-color: #19191a00;
}

html[dir].dark-mode .bs-popover-bottom>.arrow:after {
    border-bottom-color: #22242e;
}

html[dir=ltr].dark-mode .bs-popover-left>.arrow:before {
    border-left-color: #19191a00;
}

html[dir=rtl].dark-mode .bs-popover-left>.arrow:before {
    border-right-color: #19191a00;
}

html[dir=ltr].dark-mode .bs-popover-left>.arrow:after {
    border-left-color: #22242e;
}

html[dir=rtl].dark-mode .bs-popover-left>.arrow:after {
    border-right-color: #22242e;
}

html[dir].dark-mode .card {
    background-color: #9437d124;
    /* box-shadow: 0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.04),0 1px 8px 0 rgba(0,0,0,.02); */
    backdrop-filter: blur(46px);
    border-radius: 0;
    border: 0;
    padding: 5px 20px;
}

html.dark-mode .card-title {
    color: #f2f9ff;
}

html[dir].dark-mode .card-header {
    background-color: transparent;
    border-bottom-color: #19191a00;
}

html[dir].dark-mode .card-footer {
    background-color: transparent;
    border-top-color: #19191a00;
}

html[dir].dark-mode .card-body+.card-body {
    border-top-color: #19191a00;
}

html[dir].dark-mode .card--elevated:hover {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .1), 0 5px 8px 0 rgba(0, 0, 0, .04), 0 1px 14px 0 rgba(0, 0, 0, .02);
}

html[dir].dark-mode .card--raised {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .1), 0 10px 14px 1px rgba(0, 0, 0, .04), 0 4px 18px 3px rgba(0, 0, 0, .02);
}

html[dir].dark-mode .card--connect:after {
    background-color: #19191a00;
}

html[dir].dark-mode .card-feedback:after,
html[dir].dark-mode .card-feedback:before {
    border-top-color: #19191a00;
}

html[dir].dark-mode .card-feedback:after {
    border-top-color: #22242e;
}

html[dir=ltr].dark-mode .blockquote {
    border-left-color: #19191a00;
}

html[dir=rtl].dark-mode .blockquote {
    border-right-color: #19191a00;
}

html[dir=ltr].dark-mode .blockquote--reverse {
    border-left: none;
    border-right-color: #19191a00;
}

html[dir=rtl].dark-mode .blockquote--reverse {
    border-right: none;
    border-left-color: #19191a00;
}

html.dark-mode .chart-legend-item {
    color: rgba(242, 249, 255, .5);
}

html[dir].dark-mode .chart-legend-item {
    border-color: #19191a00;
}

html.dark-mode #chart-tooltip .popover-body {
    color: rgba(242, 249, 255, .7);
}

html[dir].dark-mode .progress {
    background-color: #202224;
}

html[dir].dark-mode .avatar-group .avatar-img,
html[dir].dark-mode .avatar-group .avatar-title {
    border-color: #22282e;
}

html.dark-mode .table {
    color: #f2f9ff;
}

html[dir].dark-mode .table td,
html[dir].dark-mode .table th {
    border-top-color: #19191a00;
}

html[dir].dark-mode .table thead th {
    border-bottom-color: #19191a00;
}

html[dir].dark-mode .table tbody+tbody {
    border-top-color: #19191a00;
}

html.dark-mode .table thead th {
    color: rgba(242, 249, 255, .7);
}

html[dir].dark-mode .table tbody .selected>td {
    background-color: rgba(29, 30, 38, .5);
}

html.dark-mode .table .sort.asc,
html.dark-mode .table .sort.desc {
    color: #f2f9ff;
}

html[dir].dark-mode .table-bordered,
html[dir].dark-mode .table-bordered td,
html[dir].dark-mode .table-bordered th {
    border-color: #19191a00;
}

html.dark-mode .dashboard-area-tabs__tab,
html.dark-mode .dashboard-area-tabs__tab * {
    color: #f2f9ff;
}

html[dir].dark-mode .dashboard-area-tabs__tab:not(.active) {
    background-color: #1d1e26;
}

html.dark-mode .dashboard-area-tabs__tab:not(.active),
html.dark-mode .dashboard-area-tabs__tab:not(.active) * {
    color: rgba(242, 249, 255, .5);
}

html[dir].dark-mode .navbar-shadow {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .1), 0 10px 14px 1px rgba(0, 0, 0, .04), 0 4px 18px 3px rgba(0, 0, 0, .02);
}

html[dir].dark-mode .form-image-group :not(:checked)~label {
    border-color: #19191a00;
}

html.dark-mode .form-label {
    color: rgba(242, 249, 255, .7);
}

html[dir].dark-mode .card-form__body {
    background-color: #1f2029;
}

html.dark-mode .card-form__body label:not([class]) {
    text-transform: uppercase;
    font-size: .707rem;
    color: rgba(242, 249, 255, .7);
}

html.dark-mode .card-header-tabs-basic a {
    color: rgba(242, 249, 255, .54);
}

html.dark-mode .card-header-tabs-basic a:hover {
    color: rgba(242, 249, 255, .84);
}

html.dark-mode .card-header-tabs-basic .active {
    color: #f2f9ff;
}

html.dark-mode .page-link {
    color: rgba(242, 249, 255, .7);
}

html[dir].dark-mode .page-link {
    background-color: #22242e;
    border-color: #19191a00;
}

html.dark-mode .page-link:hover {
    color: rgba(191, 225, 255, .7);
}

html[dir].dark-mode .page-link:hover {
    background-color: #17191f;
    border-color: #0d0d0d;
}

html.dark-mode .btn-link {
    color: rgba(242, 249, 255, .7);
}

html.dark-mode .btn-link:hover {
    color: rgba(242, 249, 255, .5);
}

html[dir].dark-mode .page-nav:before {
    background-color: #19191a00;
}

html.dark-mode .page-nav .page-nav__menu a {
    color: rgba(242, 249, 255, .7);
}

html[dir].dark-mode .page-nav .page-nav__menu a:not(.active):before {
    background-color: #282934;
    border-color: #19191a00;
}

html[dir].dark-mode .page-nav .page-nav__menu a.active:before {
    border-color: #262627;
}

html[dir].dark-mode .list-group:not(.list-group-flush) {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

html[dir].dark-mode .list-group-item {
    background-color: #22242e;
    border-color: #19191a00;
}

html[dir].dark-mode .footer {
    background-color: #1d1e26;
}

html.dark-mode .menu-modal .menu .nav-link:not(.active) {
    color: rgba(242, 249, 255, .7);
}

html.dark-mode .menu-modal .menu .nav-link.active:hover {
    color: rgba(39, 44, 51, .7);
}

html[dir].dark-mode .sidebar {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .1), 0 3px 4px 0 rgba(0, 0, 0, .04), 0 1px 8px 0 rgba(0, 0, 0, .02);
}

html[dir].dark-mode .layout-boxed .page-content {
    background-color: #1d1e26;
}

@media (min-width:992px) {
    html[dir].dark-mode .layout-boxed .page-content {
        box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .1), 0 3px 4px 0 rgba(0, 0, 0, .04), 0 1px 8px 0 rgba(0, 0, 0, .02);
    }
}

html[dir].dark-mode .layout-boxed #default-drawer .sidebar-brand {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .1), 0 3px 4px 0 rgba(0, 0, 0, .04), 0 1px 8px 0 rgba(0, 0, 0, .02);
}

html[dir].dark-mode .layout-boxed .page-separator__text {
    background-color: #1d1e26;
}

#add_Sum {
    color: #000000 !important;
    font-weight: 400 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.search-form {
    color: #000000 !important;
    font-weight: 400 !important;
    border: 0 !important;
    border-radius: 0 !important;
}


.button-blue.btn.btn-outline-secondary.d-block.active {
    background-color: #3c1b55 !important;
    border-color: #3c1b54 !important;
}

/* TODO: */

[name="add_btn"] {
    max-width: 200px;
}

.media-left,
.mr-3,
.card img {
    filter: sepia(1) hue-rotate(221deg);
}

.ex_foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.ex_ps {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 12px 15px;
    border-radius: 10px;
    box-shadow: inset 0 0 10px 0px #d364d34f;
}
.ex_ps img {
  max-width: 25px;
}
.ex_user_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 228px;
    margin: 0 auto;
    padding: 20px 0;
}

.ex_user_logo img {
    width: 100%;
}

.tariff-plan-item:hover .bg_hover-card {
    height: 415px;
}

.tariff-plan-item:hover .card-front-bottom {
    color: #ffffff;
}

.tariff-plan-item:hover .card-front-item__title {
    color: #ffffff;
}

.bg_hover-card {
    position: absolute;
    top: -3px;
    left: 0px;
    z-index: -1;
    width: 400px;
    height: 0;
    display: block;
    overflow: hidden;
    transition: 0.6s;
}

.bg_hover-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    width: 400px;
    height: 390px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/images/2.png);
}

.tariff-plan-item__front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    background: url(/images/1.png) 50% 50% no-repeat;
    background-size: revert;
    width: 314px;
    height: 375PX;
    padding: 25px;
    position: relative;
    z-index: 2;
    color: #222;
    filter: hue-rotate(47deg);
    cursor: pointer;
}

.tariff-plan-item__front:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 42%;
    width: 111px;
    height: 152px;
    opacity: 0;
}

.card-front-top {
    color: #ffffff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    height: 115px;
    padding: 20px 25px;
}

.tariff-plan__percent {
    font-size: 39px;
    line-height: 49%;
    width: 27%;
}

.tariff-plan__percent span {
    font-size: 24px;
}

.tariff-plan__descr {
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 10px;
    position: relative;
}

.tariff-plan__descr:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    height: 34px;
    width: 1px;
}

.card-front-bottom {
    text-align: center;
    padding: 9px 25px 18px 25px;
    transition: 0.3s;
}

.card-front-item {
    margin: 15px 0 6px 0;
    padding-bottom: 8px;
    position: relative;
}

.card-front-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25px;
    height: 7px;
    z-index: 2;
}

.card-front-item:last-child {
    margin-bottom: 0;
}

.card-front-item:last-child:before {
    display: none;
}

.card-front-item__title {
    font-size: 13px;
    color: #ababab;
    transition: 0.3s;
}

.card-front-item__value {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.3;
}

.ex_name {
    font-family: "Anta", sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    color: #222;
    font-weight: 800;
}

.ex_cc {
    /* text-align: left !important; */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 26px 0 0 0;
}

.ex_banners {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.ex_promo {
    background: #9832cc;
    color: #fff !important;
    padding: 5px 10px;
}

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

    html[dir].dark-mode .border-bottom-2 {
        border-bottom-color: #19191a00 !important;
        padding: 0 20px;
    }

    .ex_foot {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        gap: 15px;
    }

    .justify-content-center {
        /* justify-content: center !important; */
        justify-content: flex-start;
    }

        .ex_cc {
            /* text-align: left !important; */
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 20px 0 20px 0;
            line-height: 110%;
        }

        .ex_sel {
            margin: 20px 0 0 0;
        }

        #daily-profit,
        #total-profit,
        #net-profit {
            font-size: 16px;
        }

}
.swal2-popup.swal2-toast .swal2-title {
  color: #333 !important;
}