:root {
    --main-bg-color: #232323;
    --deep-bg-color: #121212;
    --secondary-bg-color: #383838;
    --light-bg-color: #474747;
    --primary-text-color: #E2E2E2;
    --secondary-text-color: #A5A5A5;
    --primary-yealow-color: #FFDD2D;
    --secondary-yealow-color: #FED321;
    --alert-warning-text-color: #D9B375;
    --alert-warning-background-color: #423623;
    --alert-warning-border-color: #5F4F33;
    --alert-info-text-color: #8AD996;
    --alert-info-background-color: #243827;
    --custom_input-color-main: #383838;
    --custom_input-color-second: #FFDD2D;
    --custom_input-color-border: #FED321;
    --custom_question-icon-color-main: #E2E2E2;
    --custom_question-icon-color-hover: #FFDD2D;
}

body {
    scrollbar-color: var(--secondary-yealow-color) var(--light-bg-color);
    scrollbar-width: thin;
}

.black, section#control-cabinet-section table.control-cabinet-table tbody tr.personal-table-row td, section#control-cabinet-section table.control-cabinet-table td.email-col .user-email {
    color: var(--primary-text-color);
}

:root {
    scrollbar-color: var(--secondary-yealow-color) var(--light-bg-color);
    scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 10px; /* Ширина всего элемента навигации */
}

::-webkit-scrollbar-track {
  background: var(--light-bg-color); /* Цвет дорожки */
}

::-webkit-scrollbar-thumb {
  background-color: var(--primary-yealow-color); /* Цвет бегунка */
  border-radius: 10px; /* Округление бегунка */
  border: 1px solid var(--deep-bg-color); /* Оформление границ бегунка */
}

#header2 .logo{
    max-width: 5.6rem;
    padding-top: 16px;
    padding-bottom: 16px;
}

#footer .logo {
    max-width: 10rem;
    padding-top: 16px;
    padding-bottom: 16px;
}

@media (max-width: 1199px) {

    #header2 .nav-link {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
        /*padding-left: 1rem !important;*/
        justify-content: center;
    }

    .navbar-second .navbar-nav .nav-item {
        display: none;
    }
    .navbar-second .navbar-nav .nav-item.active {
        display: block;
    }
}


.balances {
    /* border-left: 1px solid #fff; */
}
textarea, select {
   -webkit-appearance: none;
   -moz-appearance: none;
    background-color: var(--main-bg-color);
 }

input {
    background-color: var(--main-bg-color);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  transition: background-color 0s 6000000s, color 0s 60000000s !important;
}

.hidden-service {
    color: inherit;
}

#contacts .text a, .table-border {
    background-color: var(--main-bg-color);
    color: var(--primary-text-color);
}

.table table thead tr th:last-of-type div {
    border-right: 1px solid var(--secondary-bg-color);
}

.table table thead tr th:first-of-type div {
    border-left: 1px solid var(--secondary-bg-color);
}

a:hover {
    background-color: var(--light-bg-color);
}

.select-all-container > a:hover, .clean-link:hover {
    background-color: inherit;
}

div[class^='svelte-'] {
    background-color: var(--light-bg-color);
}

.nav-item a {
    background-color: inherit!important;
}

a:hover, .show-common-balance-btn:hover, section#control-cabinet-section table.control-cabinet-table td.email-col .user-email:hover{
    color: var(--secondary-yealow-color);
}

.blue, #settings .text a, .show-common-balance-btn {
    color: var(--primary-yealow-color)
}
.blue:hover, #settings:hover .text a:hover {
    background: inherit!important;
}

#contacts .text a:hover, .table-hover tbody tr:hover{
    background-color: var(--light-bg-color)!important;
    color: var(--primary-text-color);
}

table a, .agent-account-tr {
    background-color: inherit!important;
    color: var(--primary-text-color);
}

table a:hover {
    background-color: inherit!important;
    color: var(--primary-text-color);
}

a.blog:hover {
    background-color: inherit!important;
}

article, article > h1,article > h2,article > h3,article > h4,article > h5,article > h6,article > p,article > div,article > a, article > ul, article > ol, .sort-up:hover, .sort-down:hover {
     background-color: var(--main-bg-color)!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--primary-text-color);
    background-color: var(--main-bg-color)!important;
}

.nav-link.active {
    color: var(--primary-text-color) !important;
    border-bottom-color: var(--primary-yealow-color) !important;
}

.modal-header .close {
    background-color: var(--primary-yealow-color);
}

.modal-footer, .modal-header {
    border: none!important;
}

.dl, .dl:hover {
    color: var(--primary-yealow-color) !important;
}


.white-bg, #nets, .balances-block-white, #account .text, #account .text2, #personal-search-form, #adv-network-search-form {
    background: var(--deep-bg-color);
}

body{
    background: var(--deep-bg-color) !important;
}

.favorite-mode-switch, .favorite-mode-switch-inner, div.finance-tabs div.finance-tab.active {
    background: var(--deep-bg-color)!important;
}

form, .summ, #header2, .form-control, .select2-search, .select2-search--dropdown, .select2-search__field, .modal-header, .modal-add-manager-form, .modal-body, .modal-footer, .select2-container--bootstrap4 .select2-selection, .main-item, .faq ,.faq-answer, .news-block, header .user:hover, #footer ul li a, .nets-slider .name, .preim-slider.slick-current .info, .zaley {
    background: var(--main-bg-color);
}

.faq-answer .title, .card-calculations{
    background: var(--secondary-bg-color);
}

.hidden-service-block .main-item {
    background: var(--deep-bg-color);
    color: var(--deep-bg-color);
    opacity: .7;
}

.balances-block-blue {
    background: var(--deep-bg-color);
    color: var(--primary-text-color);
}
.col-form-label, .main-item .descr, .col-form-label {
    color: var(--secondary-text-color);
}

.form-control-plaintext, h1, h2, h3, h4, h5, h6, .main-item .title, p, div, a, .select2-search, .select2-search--dropdown, .select2-search__field, .modal-title, .gray, #create_external_account .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered, form legend, .btn-collapse[aria-expanded=true], .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .summ input.small, .col-form-label.black, #contacts .info, #contacts #contacts .info, #contacts .info .info2, #settings .info, #settings .text, .news-block, .preim-slider .name, .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered, .form-control:focus, .balances-block-white, .form-control, a.blog>div:last-of-type, article>.table tbody, article > .table thead th, .sidebar h3, .sidebar ul li a, .table tbody, .amount-input, .select-all-link {
    color: var(--primary-text-color);
}


input::placeholder, .account-tr > td {
    color: var(--primary-text-color)!important;
}

.table table thead tr th div {
    background: var(--main-bg-color);
    border-top: 1px solid var(--secondary-bg-color);
    border-bottom: 1px solid var(--secondary-bg-color);
}

#account .btn-group, #finance .btn-group, #ref .btn-group {
    width: 100%;
    border: 1.5px solid var(--secondary-bg-color)!important;
    border-radius: .5rem;
    margin-bottom: 2rem;
}
div.finance-tabs div.finance-tab {
    background: var(--main-bg-color);
    border-right: 1px solid var(--secondary-bg-color)!important;
}

div.finance-tabs div.finance-tab a {
    color: var(--primary-text-color);

}

.alert-info {
    color: var(--alert-info-text-color);
    background-color: var(--alert-info-background-color);
    border-color: var(--alert-info-border-color);
}

.alert-warning {
    color: var(--alert-warning-text-color);
    background-color: var(--alert-warning-background-color);
    border-color: var(--alert-warning-border-color);
}

.alert-warning p, .alert-warning div {
    color: var(--alert-warning-text-color);
}

.cookie-footer{
    background-color: var(--secondary-bg-color);
}

#header {
    background: var(--main-bg-color);
}

#header2.header-auth {
    background: var(--main-bg-color);
}

#header.header-auth {
    background: var(--main-bg-color);
}

.btn-blue, .daterangepicker .custom-range-buttons button.apply-btn, .btn-primary, .btn-move.active {
    background: var(--primary-yealow-color)!important;
    color: var(--deep-bg-color)!important;
}

.btn-blue:hover,.daterangepicker .custom-range-buttons button.apply-btn:hover, .btn-white, .btn-primary:hover {
    color: var(--deep-bg-color)!important;
    background: var(--secondary-yealow-color)!important;
}

.btn-gray, .more a, #header.header-auth .btn-trans, #header.header-auth .btn-trans, .btn-move {
    color: var(--primary-text-color)!important;
    background: var(--secondary-bg-color)!important;
}

.btn-gray:hover, .more a:hover, #header.header-auth .btn-trans:hover, .btn-move:hover {
    color: var(--primary-text-color)!important;
    background: var(--light-bg-color)!important;
}

#header.header-auth .btn-trans:hover {
    text-decoration: underline;
}

.btn-collapse:after {
    border-top: 2px solid var(--secondary-yealow-color);
    border-right: 2px solid var(--secondary-yealow-color);
}

.btn-collapse:before {
    border-top: 2px solid var(--secondary-yealow-color);
    border-right: 2px solid var(--secondary-yealow-color);
}

.select2-selection__rendered, .custom-select, .form-control-plaintext, .form-control:focus, .form-control:active, .form-control:target, .select2-container--focus, .select2-container--open, .card, .btn-collapse[aria-expanded=true], .summ input.small, .input-group-text, #contacts .info, #contacts .info, #contacts .info .info2, #settings .info, .news-block, #auto-transfer-form .inactive input {
    background: var(--main-bg-color);
}

.no-image {
    background: var(--main-bg-color)!important;
}

.form-control-plaintext, form, .balances-block, .summ, .select2-container--bootstrap4 .select2-selection, .form-control, .form-control:hover, .main-item, #create_external_account span.select2-selection, .btn-collapse, .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .white-bg, .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group-text, #contacts .info, #contacts .info, #contacts .info .info2, .faq, .faq-back a, .faq-answer, #settings .info, .news-block, .btn-white, .btn-trans, .gray-square-border, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary, #header.header-auth .btn-trans, #header.header-auth .btn-trans:hover, a.news-block.no-image .btn-blue, .card-body, .form-control-prepend, .custom-file-input, .modal-content, .amount-input, .select2-container--bootstrap4.select2-container--disabled .select2-selection, #account .text, #account .text2, .sort-up:hover, .sort-down:hover {
    border: 1px solid var(--secondary-bg-color);
}

.favorite-mode-switch-inner, .btn-move, form#mark_ord_form input[name=contract_contract_date] {
    border: 1px solid var(--secondary-bg-color)!important;
}

.faq-back a{
    display: inline-block;
    width: 100%;
    max-width: 100px;
    height: 56px;
    background: var(--primary-yealow-color) url(../img/back2.png) no-repeat 50%;
}

.select2-selection__rendered {
     height: 100%;
}

#footer {
    background: var(--main-bg-color);
    border-top: 1px solid var(--primary-yealow-color);
}

.main-item .image, .image-boxed {
    border: 2px solid var(--secondary-bg-color);
}

.favorite-mode-switch > label.favorite-mode-switch-inner:after {
    content: attr(data-off);
    width: 93px;
    height: 24px;
    background: var(--main-bg-color);
    border: 1px solid var(--secondary-bg-color);
    border-radius: 5px;
    position: absolute;
    left: 2px;
    top: 2px;
    text-align: center;
    cursor: pointer;
    color: var(--primary-text-color);
    /* transition: all 0.7s ease; */
}

.favorite-mode-switch > label.favorite-mode-switch-inner:before {
    content: attr(data-on);
    position: absolute;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    top: 6px;
    right: 9px;
    color: var(--primary-text-color);
    cursor: pointer;
}

.custom-file-label:after {
    background: url(../img/upload_icon.png) no-repeat 50% / 50%;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4 .select2-dropdown, input:target, .custom-select:focus, .custom-select:active, .custom-select:target, .faq:hover, .form-control:focus, .custom-file-input:focus~.custom-file-label, .carrot-frame-body > .container > .container {
     border-color: var(--primary-yealow-color);
    -webkit-box-shadow: 0 0 0 .2rem rgba(255,221,45, .25);
    box-shadow: 0 0 0 .2rem rgba(255,221,45, .25);
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background: var(--light-bg-color);
    color: var(--primary-text-color);
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true]:hover {
    background: var(--light-bg-color);
    color: var(--primary-text-color);
}
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true], .select2-results__option {
    background: var(--main-bg-color);
    color: var(--primary-text-color);
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true], .select2-results__option:hover {
    background: var(--light-bg-color);
    color: var(--primary-text-color);
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
    background: var(--secondary-bg-color);
    color: var(--primary-text-color);
}

.nets-slider .slick-active .name,.slick-slide .img .image-boxed, a.news-block:hover, .zaley, .preim-slider.slick-current .info, .preim-slider .img1, .preim-slider.slick-current .img  {
    -webkit-box-shadow: 0 0 22px 0 rgba(255,221,45, .25)!important;
    -moz-box-shadow: 0 0 22px 0 rgba(255,221,45, .25)!important;
    box-shadow: 0 0 22px 0 rgba(255,221,45, .25)!important;
}

.preim-slider.slick-current .info, .preim-slider .img1, .preim-slider.slick-current .img  {
    -webkit-box-shadow: 0 53px 54px 0 rgba(255,221,45, .31)!important;
    -moz-box-shadow: 0 33px 34px 0 rgba(255,221,45, .31)!important;
    box-shadow: 0 0 33px 34px rgba(255,221,45, .31)!important;
}

input[type='checkbox'], input[type='radio']{
    accent-color: var(--primary-yealow-color);
    box-shadow: none!important;
}

input[type='checkbox']:active, input[type='checkbox']:focus, input[type='checkbox']:target{
    accent-color: var(--primary-yealow-color);
    box-shadow: none!important;
    outline: 1px solid var(--primary-yealow-color);
}

input[type='radio']:active, input[type='radio']:focus, input[type='radio']:target{
    accent-color: var(--primary-yealow-color);
}

#profile-notification-limit input[type=checkbox]:checked+label {
    background-image: url(../img/togle_on.png);
}

#profile-notification-limit input[type=checkbox]+label {
    background-image: url(../img/togle_off.png);
}

/*PAGINATOR*/
.pagination {
    background: var(--main-bg-color);
    border: 1px solid var(--primary-yealow-color)!important;
}
.page-item.active .page-link, .page-link:hover {
    background-color: var(--light-bg-color);
    color: var(--primary-text-color);
}
.pagination li:first-of-type:before, .pagination li:last-of-type:before {
    background: var(--secondary-bg-color);
}
.pagination li:first-of-type a:before, .pagination li:last-of-type a:before {
    border-top: 2px solid var(--primary-yealow-color);
    border-right: 2px solid var(--primary-yealow-color);
}
.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(100, 87, 13, .25);
}



/*HEADER CSS*/

#header2 {
    padding-top: 0;
}

#header2 .header-nav {
    padding-bottom: 0;
    border-bottom: 1px solid var(--secondary-bg-color);
}

@media (max-width: 1199px) {
    #header2 .header-nav {
        padding-bottom: 0;
    }
}

.nav-item, .dropdown-item, #nav-heder-user-burger{
    font-size: .9rem;
    white-space: nowrap;
}

#header2 .nav-item,#header2  .dropdown-item,#header2  #nav-heder-user-burger{
    width: 100%!important;
}

.dropdown-item {
    color: var(--primary-text-color);
}

.main-navbar-ul .nav-link {
    min-height: auto;
}

.navbar-second .navbar-nav .nav-link {
    color: var(--secondary-text-color);
}

.navbar-second .navbar-nav .active .nav-link {
    color: var(--primary-text-color);
    border-bottom: 2px solid var(--primary-yealow-color);
}

.navbar-second .navbar-nav .nav-link:hover, .blog-breadcrumb li a:hover {
    color: var(--primary-yealow-color);
    border-radius: 0!important;
}

.blog-breadcrumb li a:hover, .blog-breadcrumb .active{
    color: var(--primary-yealow-color)!important;
    background: inherit!important;
    border-radius: 0!important;
}

.navbar-second .navbar-nav .nav-link {
    border-radius: 0!important;
}

header .user {
    color: var(--secondary-text-color);
    font-size: .9rem;
    font-weight: 400;
}

.header-nav .dropdown-toggle::after {
    width: 7px;
    height: 7px;
    border-top: 2px solid var(--secondary-text-color);
    border-right: 2px solid var(--secondary-text-color);
    top: calc(50% - 3px);
}

header .user + .dropdown-menu:before {
    border-bottom: 15px solid var(--secondary-bg-color);
}

header .user + .dropdown-menu {
    background: var(--secondary-bg-color);
    text-align: start;
}

header .user + .dropdown-menu a {
    padding: 1.1rem 1.5rem 1.1rem 1.1rem;
    background: var(--secondary-bg-color)!important;
}
header .user + .dropdown-menu a:hover {
    background: var(--light-bg-color)!important;
}

.navbar-offcanvas.in {
    background: var(--secondary-bg-color);
}

.navbar-main .navbar-nav .nav-link {
    color: var(--secondary-text-color);
    font-weight: 700;
}

.navbar-main .navbar-nav .nav-link:hover {
    color: var(--primary-text-color);
    font-weight: 700;
    background: var(--light-bg-color)!important;
    border-left: 2px solid var(--primary-yealow-color);
}

.navbar-main .navbar-nav .active .nav-link {
    border-left: 2px solid var(--primary-yealow-color);
}

#mmm a {
    background: var(--secondary-bg-color);
}


.daterangepicker {
  background-color: var(--main-bg-color);
  border: 1px solid var(--secondary-bg-color);
}

.daterangepicker:before, .daterangepicker:after {
  border-bottom-color: rgba(56, 56, 56, 0.2);
}

.daterangepicker:before {
  border-bottom: 7px solid var(--secondary-bg-color);
}

.daterangepicker:after {
  border-bottom: 6px solid var(--secondary-bg-color);
}

.daterangepicker.drop-up:before {
  border-top: 7px solid var(--secondary-bg-color);
}

.daterangepicker.drop-up:after {
  border-top: 6px solid var(--secondary-bg-color);
}


.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: var(--primary-text-color);
  border: solid var(--secondary-bg-color);
}

.daterangepicker .calendar-table {
  border: 1px solid var(--secondary-bg-color);
  background-color: var(--secondary-bg-color);
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: var(--main-bg-color);
}

.daterangepicker td.week, .daterangepicker th.week {
  color: var(--primary-text-color);
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: var(--main-bg-color);
  color: var(--secondary-text-color);
}

.daterangepicker td.in-range {
  background-color: var(--deep-bg-color);
  color: var(--primary-yealow-color);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--primary-yealow-color);
  color: var(--primary-text-color);
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: var(--secondary-text-color);
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  background: var(--main-bg-color);
  border: 1px solid var(--secondary-bg-color);
}

.daterangepicker .calendar-time select.disabled {
  color: var(--primary-text-color);
}

.daterangepicker .drp-buttons {
  border-top: 1px solid var(--secondary-bg-color);
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid var(--secondary-bg-color);
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid var(--secondary-bg-color);
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid var(--secondary-bg-color);
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid var(--secondary-bg-color);
}

.daterangepicker .ranges li:hover {
  background-color: var(--main-bg-color);
}

#verification-warning {
    background: var(--main-bg-color)!important;
}

.daterangepicker .ranges li.active {
  background-color: var(--secondary-bg-color);
  color: var(--main-bg-color);
}

.daterangepicker .periods li, .daterangepicker .ranges li {
    color: var(--primary-text-color);
}

.daterangepicker .periods li.active, .daterangepicker .periods li:hover, .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover, .period.active {
    background-color: var(--light-bg-color)!important;
    color: var(--primary-yealow-color)!important;
}

/*BLOG*/
article > .table-bordered {
    outline: 2px solid var(--secondary-bg-color);
    outline-offset: -2px;
}

article > .table thead th, article > .table-bordered, article > .table-bordered td, article > .table-bordered th {
    border: 1px solid var(--secondary-bg-color) !important;
}

.sidebar .btn-up:hover, .sidebar h3, .sidebar ul li a {
    background: inherit!important;
}

.blog-answer-banner a, .long-baner a {
    background-color: var(--primary-yealow-color);
    color: var(--deep-bg-color);
}

.long-baner a:hover {
    background-color: var(--secondary-yealow-color);
    color: var(--primary-text-color);
    text-decoration: underline;

}

.sidebar ul li a.active {
    color: var(--primary-yealow-color);
}

.long-baner, .blog-answer {
    background-color: var(--main-bg-color)
}

article .note__title, article .note__text {
    color: var(--primary-text-color);
}

article .note__link {
    color: var(--primary-yealow-color);
    background: inherit;
}

article .note__link {
    color: var(--secondary-yealow-color)!important;
    background: inherit!important;
}

/* grade scale */
.grade-block {
    background-color: #232323 !important;
    .agent-account-switcher {
        width: 100%;
        height: 32px;
        border: 1px solid #383838;
        border-radius: 6px;
        padding: 2px;
        background: #383838;
        font-size: 14px;
    }
    .agent-account-switcher-block {
        text-wrap: nowrap;
        display: inline-block;
        padding: 4px 10px;
        border-radius: 4px;
        cursor: pointer;
        color: #A5A5A5;
    }
    .agent-account-switcher-block.active {
        background: #232323;
        color: #fff;
        cursor: default;
    }
    .bonus__description {
      font-weight: 400;
      font-size: 14px;
      line-height: 143%;
      color: #9498a1;
    }
    .bonus__description {
      color: #A5A5A5;
    }
    .bonus__count, .bonus__budget-count {
      color: #E2E2E2;
    }
    .bonus__up-item {
        background-color: #2F2F2F;
        color: #A5A5A5;
        border-color: #2F2F2F;
    }
    .bonus__up-item-done {
        background-color: #379E4F;
        color: #E2E2E2;
    }
    .progress-bg {
        background-color: #246633;
    }
    .progress-bar:after {
        background-color: #379E4F;
    }
}
.agent-main-info .grade-block {
    background-color: #2F2F2F !important;
}
/* grade scale end */

.agent-account-conditions-detail {
    background-color: #2F2F2F;
}
.tf-grey-bg {
    background-color: #232323;
}
.tf-grey-bg-border {
    background-color: #232323;
    border: 1px solid #383838;
}
.tf-black-bg tr th div {
    background-color: #121212 !important;
}
.tf-black-bg tr th:first-of-type div {
  border-left: 1px solid #383838;
}
.tf-black-bg tr th:last-of-type div {
    border-right: 1px solid #383838;
}
.modal-content {
    background-color: var(--main-bg-color)!important;
}

.after-reg-from__form {
    background-color: var(--secondary-bg-color)!important;
}

.after-reg-from__content label, .after-reg-from__product-content input {
    color: var(--primary-text-color)
}

#services-list-container .tooltip-content {
        background-color: var(--secondary-bg-color) !important;
        color: var(--primary-text-color);
    }
    #services-list-container .tooltip-content::after {
        border-color: var(--primary-text-color) transparent transparent transparent;
    }
    #services-list-container .tooltip-button:hover {
        background-color: var(--secondary-yealow-color)!important;
    }