:root {
    --Palette-Accent: #007AFF;
    --Palette-Contrast: #FFFFFF;
    --volume-226-light: rgba(211, 223, 240, 0.9); /* тень вниз */
    --volume-224-light: rgba(255, 255, 255, 0.9); /* тень вверх */
}

body,
.total-pager,
.total-pager .matrix-card-icon,
.total-pager .fullmatrix-card-icon,
.total-pager .conteiner-allfullmatrix
{
    background: var(--Palette-Background, #F5F7FA);
}

.total-pager .theme-toggle {
    background: var(--Palette-Secondary---First-fill, rgba(0, 122, 255, 0.10));
    box-shadow: -1px -1px 1.5px 0px rgba(255, 255, 255, 0.10) inset, 1px 1px 1.5px 0px rgba(0, 0, 0, 0.10) inset;
}

.total-pager .theme-icon {
    background: var(--Palette-Contrast, #FFF);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.20);
}

.logo-img {
  content: url("/static/img/logo-light.svg");
}

.total-pager .divider {
    content: url("/static/img/line-light.svg");
}

.total-pager .subdivider {
    content: url("/static/img/dotline-light.svg");
}

.total-pager .auth-form {
    background: var(--Palette-Contrast, #ffffff);
    box-shadow: -2px -2px 4px 0px var(--volume-224, rgba(255, 255, 255, 0.90)), 2px 2px 6px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .auth-form::before {
    background: linear-gradient(to bottom, rgba(0, 122, 255, 1) 0%, rgba(0, 122, 255, 0.1) 100%);
}

.total-pager .input-default,
.total-pager .input-structure{
    border: 1px solid var(--Palette-Light-border, #D2DBE0);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.10), -4px -4px 8px 0px rgba(255, 255, 255, 0.10);
}

.total-pager .input-default:has(input:focus) {
    background-color: #fff;
}

.total-pager .input-default input:focus {
    background-color: #fff;
}

.total-pager .highlighted-email {
    font-weight: bold;
    color: var(--palette-basic-txt, #007AFF);
}

.total-pager .text-link,
.total-pager .link{
    color: var(--Palette-Accent, #007AFF);
}

.total-pager .text-link:hover,
.total-pager .link:hover{
    color: var(--Palette-Primary---First-fill, #005FCC);
}

.total-pager .social-icon {
    border: 1px solid var(--Palette-Accent, #007AFF);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.10), 4px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.total-pager .auth-button {
    background: var(--Palette-Accent, #007AFF);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.10), 4px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.total-pager .auth-button:hover {
    background: var(--Palette-Accent, #007AFF);
    box-shadow: 0px 0px 6px 0px var(--Palette-Accent, #007AFF);
}

.total-pager .button-text {
    color: var(--Palette-Primary-light-txt, #FEFEFE);
}

.total-pager .secondary-button,
.form-upload input[type="file"]::-webkit-file-upload-button {
    background: #fff;
    border: 1px solid var(--Palette-Accent, #007AFF);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.10), 4px 4px 8px 0px rgba(0, 0, 0, 0.10);
    color: var(--Palette-Accent, #007AFF);
}

.total-pager .primary-button{
    background: var(--Palette-Accent, #007AFF);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.10), 4px 4px 8px 0px rgba(0, 0, 0, 0.10);
    color: var(--Palette-Primary-light-txt, #FEFEFE);
}

.total-pager .primary-button:hover{
    background: var(--Palette-Accent, #007AFF);
    box-shadow: 0px 0px 6px 0px var(--Palette-Accent, #007AFF);
}

.total-pager .setting-img{
    color: #007AFF;4C82FF
}

.total-pager .sidebar {
    background: var(--Palette-Contrast, #FFF);
    box-shadow: 2px 0px 8px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .welcome,
.total-pager .welcome-text p,
.total-pager .sidebar .user-name,
.total-pager .sidebar .menu-title,
.total-pager .sidebar .menu-text,
.total-pager .dropdown-img,
.total-pager .sidebar-mini .menu-matrix-label,
.total-pager .profile-title,
.total-pager .profile-id,
.total-pager .section-label,
.total-pager .wallet-title,
.total-pager .input-option-name,
.total-pager .td-id,
.total-pager .td-sum,
.popup-title,
.popup-text,
.form-upload input[type="file"],
.total-pager .logo-title,
.total-pager .auth-title,
.total-pager .input-label,
.total-pager .input-default input,
.total-pager .email-confirm-text,
.total-pager .email-confirm-description,
.total-pager .profile-status,
.total-pager .head-structure .title,
.total-pager .input-wallet,
.total-pager .cards-ticket-field,
.total-pager .cards-ticket-empty,
.combobox-list li,
.total-pager .name-matrix,
.total-pager .matrix-card-number,
.total-pager .section-label-right,
.total-pager .clon-number,
.total-pager .fullmatrix-card-text,
.total-pager .fullmatrix-card-bottom,
.total-pager .notifications-section-empty,
.total-pager .balance-info,
.total-pager .head-matrix,
.total-pager .matrix-card-text
{
    color: var(--Palette-Basic-txt, #202124);
}

.img-color,
.matrix-card-img,
.corners-img,
.clon-divider,
.clon-icon-img,
.fullmatrix-card-img,
.matrix-next-img
{
    color: #007AFF;
}

.total-pager .sidebar .user-id{
    color: var(--Palette-Accent, #007AFF);
}

.total-pager .avatar,
.total-pager .cards-ticket-avatar
{
    background: var(--Active-Icon, #fff);
    border: 1px solid var(--Palette-Background, #F5F7FA);
    box-shadow: -1px -1px 2px 0px var(--volume-224, rgba(255, 255, 255, 0.90)), 1px 1px 3px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .section-31matrix,
.total-pager .section-3matrix
{
    border: 1px solid var(--Palette-Background, #F5F7FA);
    box-shadow: -1px -1px 2px 0px var(--volume-224, rgba(255, 255, 255, 0.90)), 1px 1px 3px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .avatar-img,
.total-pager .downline-img{
    color: #007AFF;
}

.total-pager .sidebar .menu-header{
    background: var(--Palette-Contrast, #FFF);
    box-shadow: 0px 16px 16px 0px var(--Palette-Contrast, #FFF);
}

.total-pager .sidebar .menu::-webkit-scrollbar-track,
.total-pager .sidebar-mini .menu-mini::-webkit-scrollbar-track,
.total-pager .section-table::-webkit-scrollbar-track{
  background: #F5F7FA;
}

.total-pager .sidebar .menu::-webkit-scrollbar-thumb,
.total-pager .sidebar-mini .menu-mini::-webkit-scrollbar-thumb,
.total-pager .section-table::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, rgba(0, 122, 255, 0.3) 50%, rgba(0, 122, 255, 0.1) 80%);
}

.total-pager .sidebar .menu::-webkit-scrollbar-thumb:hover,
.total-pager .sidebar-mini .menu-mini::-webkit-scrollbar-thumb:hover,
.total-pager .section-table::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg, rgba(0, 122, 255, 0.4) 60%, rgba(0, 122, 255, 0.1) 100%);
}

.total-pager .anchor-img,
.total-pager .input-search-img,
.total-pager .textbutton-matrix
{
    color: var(--Palette-Basic-txt, #007AFF);
}

.total-pager .sidebar .menu-content:hover,
.total-pager .sidebar .submenu-content:hover,
.total-pager .sidebar .submenu-field:hover,
.combobox-list li:hover,
.combobox-list li[aria-selected="true"]{
    background: var(--Palette-Secondary---First-fill, rgba(0, 122, 255, 0.10));
    box-shadow:
        -2px -2px 4px 0px var(--volume-224, rgba(255, 255, 255, 0.90)),
         2px 2px 6px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .sidebar .menu-content.active,
.total-pager .sidebar .submenu-content:active,
.total-pager .sidebar .submenu-field.active,
.total-pager .structure-card.active{
  background: var(--Palette-Secondary---Second-fill, rgba(0, 122, 255, 0.20));
  box-shadow:
    -2px -2px 4px 0px var(--volume-224, rgba(255, 255, 255, 0.90)),
     2px 2px 6px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .secondary-button:hover,
.form-upload input[type="file"]::-webkit-file-upload-button:hover {
    border: 1px solid var(--Palette-Primary---First-fill, #005FCC);
    background: var(--Palette-Secondary---First-fill, rgba(0, 122, 255, 0.10));
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.10), 4px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.total-pager .sidebar-mini {
    background: var(--Palette-Contrast, #FFF);
    box-shadow: 2px 0px 8px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .sidebar-mini .settings-button:hover{
    border: 1px solid var(--Palette-Primary---First-fill, #005FCC);
    background: var(--Palette-Secondary---First-fill, rgba(0, 122, 255, 0.10));
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.10), 4px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.total-pager .sidebar-mini .menu-divider {
    color: #007AFF;
}

.total-pager .sidebar-mini .menu-wallet:hover,
.total-pager .sidebar-mini .menu-matrix:hover,
.total-pager .sidebar-mini .menu-mini-item:hover,
.total-pager .sidebar-mini .collapse-toggle:hover{
    background: var(--Palette-Secondary---First-fill, rgba(0, 122, 255, 0.10));
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.10), 4px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.total-pager .sidebar-mini .menu-wallet.active,
.total-pager .sidebar-mini .menu-matrix.active,
.total-pager .sidebar-mini .menu-mini-item.active{
    background: var(--Palette-Secondary---Second-fill, rgba(0, 122, 255, 0.20));
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.10), 4px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.total-pager .sidebar-mini .menu-matrix {
    background: var(--Palette-Contrast, #FFF);
    box-shadow: 0px 16px 16px 0px var(--Palette-Contrast, #FFF);
}

.total-pager .sidebar-mini .sidebar-bottom{
    background: var(--Palette-Contrast, #FFF);
    box-shadow: 0px -16px 32px 0px var(--Palette-Contrast, #FFF);
}

.total-pager .sidebar-mini .lang-switcher{
    color: #007AFF;
}

.total-pager .sidebar-mini .prev-button-img,
.total-pager .section-button{
    color: var(--Palette-Accent, #007AFF);
}

.total-pager .sidebar-footer {
    background: var(--Palette-Contrast, #FFF);
    box-shadow: 0px -16px 32px 0px var(--Palette-Contrast, #FFF);
}

.total-pager .Sidebar-Mobile {
    background: var(--Palette-Contrast, #FFF);
    box-shadow: 2px 0px 8px 0px rgba(211, 223, 240, 0.90);
}

.total-pager .page-container .avatar-img1
{
    color: #007AFF;
}

.total-pager .line-divider{
    color: #007AFF;
}

.total-pager .avatar-wrapper {
    box-shadow: -2px -2px 4px 0px var(--volume-224, rgba(255, 255, 255, 0.90)), 2px 2px 6px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .page-wrapper .avatar-border{
    border: 4px solid var(--Palette-Background, #F5F7FA);
}

.off-status-img{
    color: #FF3B30;
}

.on-status-img{
    color: #007AFF;
}

.total-pager .section-label span,
.total-pager .profile-id span{
    color: var(--Palette-Accent, #007AFF);
}

.total-pager .input-wallet,
 .total-pager .table-tr,
 .total-pager .structure-card,
.total-pager .cards-ticket-body,
.total-pager .clon,
.total-pager .matrix-card,
.total-pager .fullmatrix-card
{
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to bottom, #007AFF, transparent) border-box;
    box-shadow:
      -2px -2px 4px 0px rgba(255, 255, 255, 0.90),
      2px 2px 6px 0px rgba(211, 223, 240, 0.90);
}

.total-pager .input-wallet.dissable {
    color: var(--Palette-Primary---Disabled-txt, #A0A0A0);
    border: 1px solid var(--Palette-Primary---Disabled-txt, #A0A0A0);
    background: var(--Palette-Primary---Disabled-backround, #E0E0E0);
    box-shadow: -2px -2px 4px 0px var(--volume-224, rgba(255, 255, 255, 0.90)), 2px 2px 6px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .input-wallet-ib.dissable,
.total-pager .wallet-data.dissable{
    color: var(--Palette-Primary---Disabled-txt, #A0A0A0);
}

.total-pager .input-info,
.total-pager .toggler-block,
.total-pager .td-date,
.total-pager .dowm-info,
.total-pager .no-clones
{
    color: var(--Palette-Hint-txt, #8C9095);
}

.total-pager .toggler{
    padding: 0 2px;
    background: var(--Palette-Secondary---First-fill, rgba(0, 122, 255, 0.10));
    box-shadow: -1px -1px 1.5px 0px rgba(255, 255, 255, 0.10) inset, 1px 1px 1.5px 0px rgba(0, 0, 0, 0.10) inset;
}

.total-pager .toggler-on{
    background: var(--Active-Icon, #93D60F);
    box-shadow: -1px -1px 1.5px 0px rgba(255, 255, 255, 0.10) inset, 1px 1px 1.5px 0px rgba(0, 0, 0, 0.10) inset;
}

.total-pager .toggle-icon{
    background: var(--Palette-Primary-light-txt, #FEFEFE);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.20);
}

.running_line {
    border: 1px solid var(--Palette-Accent, #007AFF);
    background: var(--Palette-Contrast, #FFF);
    box-shadow: 8px 0px 6px 0px var(--Palette-Contrast, #FFF) inset, -8px 0px 6px 0px var(--Palette-Contrast, #FFF) inset;
    color: var(--Palette-Basic-txt, #202124);
}

.total-pager .balance-section-sum {
    background:
        linear-gradient(var(--Palette-Contrast), var(--Palette-Contrast)) padding-box,
        var(--Accent-Stroke) border-box;
        border-radius: 32px;
    box-shadow:
        -2px -2px 4px 0px var(--volume-224, rgba(255, 255, 255, 0.90)),
        2px 2px 6px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}


.total-pager .matrix-card-avatar{
    border: 2px solid var(--Palette-Background, #F5F7FA);
    background: #FFF;
    box-shadow:
        -2px -2px 4px 0px var(--volume-224, rgba(255, 255, 255, 0.90)),
        2px 2px 6px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}

.total-pager .matrix-card-text{
    border: 1px solid var(--Accent-Stroke, #007AFF);
    background: var(--Palette-Contrast, #FFF);
    box-shadow: -2px -2px 4px 0px var(--volume-224, rgba(255, 255, 255, 0.90)), 2px 2px 6px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
}





.total-pager .page-container .copy-img,
.total-pager .page-container .edit-img,
.total-pager .notification-img
{
    color: #007AFF;
}

.total-pager .notification-button{
    border: 1px solid var(--Palette-Accent, #007AFF);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.10), 4px 4px 8px 0px rgba(0, 0, 0, 0.10);
}

.total-pager .notification-count {
    border: 1px solid var(--Palette-Background, #F5F7FA);
    background: var(--Palette-Accent, #007AFF);
    color: var(--Palette-Primary-light-txt, #FEFEFE);
}

.total-pager .page-wrapper .avatar-edit,
.total-pager .clon-status-button
 {
    border: 1px solid var(--Palette-Light-border, #D2DBE0);
    background: var(--Palette-Background, #F5F7FA);
}

.combobox-list {
    background: var(--Palette-Background, #FFF);
    border: 1px solid var(--Palette-Light-border, #D2DBE0);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.10), -4px -4px 8px 0px rgba(255, 255, 255, 0.10);
}






.popup-message,
.popup-message1{
    background: var(--palette-contrast, #ffffff);
}

.popup-message.success::before {
    background: linear-gradient(
        180deg,
        rgba(0, 122, 255, 1) 0%,
        rgba(0, 122, 255, 0.1) 100%
    );
}

.popup-message.error::before {
    background: linear-gradient(
        180deg,
        rgba(255, 59, 48, 1) 0%,
        rgba(210, 219, 224, 1) 100%
    );
}

.popup-icon,
.popup-icon1{
    color: #007AFF
}

.total-pager .notifications-section.success,
.total-pager .notifications-section-empty
{
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #007AFF, transparent) border-box;
}

.total-pager .notifications-section.error
{
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #FF3B30, transparent) border-box;
}


@media (min-width: 701px) {
    .total-pager .table-td1{
        border-right: 1px solid var(--Palette-Accent, #007AFF);
        color: var(--Palette-Accent, #007AFF);
    }

    .total-pager .table-td3{
        border-left: 1px dashed var(--Palette-Accent, #007AFF);
        color: var(--Palette-Basic-txt, #202124);
    }

    .total-pager .section-fullmatrix
    {
        border: 1px solid var(--Palette-Background, #F5F7FA);
        box-shadow: -1px -1px 2px 0px var(--volume-224, rgba(255, 255, 255, 0.90)), 1px 1px 3px 0px var(--volume-226, rgba(211, 223, 240, 0.90));
    }

}

@media (max-width: 700px) {
    .total-pager .table-td1{
        border-bottom: 1px solid var(--Palette-Accent, #007AFF);
        color: var(--Palette-Accent, #007AFF);
    }

    .total-pager .table-td3{
        border-top: 1px dashed var(--Palette-Accent, #007AFF);
        color: var(--Palette-Basic-txt, #202124);
    }


}