.g-8 {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
}

.list-dots{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.list-dots span{
    position: relative;
}

.list-dots span + span::after{
    content: '';
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #5D677E;
    width: 3px;
    height: 3px;
    border-radius: 50%;
}

.btn--primary-2{
    background-color: #336BB3;
    border-color: #336BB3;
    color: var(--white);
}

.btn--outline-primary-2{
    background-color: var(--white); 
    border-color: #336BB3;
    color:  #336BB3;
}

.btn--y-40 {
    padding: 5px 16px;
    min-height: 40px;
}

.payment-portal-tab-action.active-tab .btn{
    background-color: #F0F5F9;
}

.tab-content{
    display: none;
}

.tab-content.active-tab{
    display: block;
}

.payment-portal-info{
    display: flex;
    align-items: center;
}

.payment-portal-info__border-mid{
    padding: 0 24px;
    margin: 0 24px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.ui-switch {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
  }
  
  .ui-switch__label {
    font-size: 12px;
    color: #5D677E;
  }
  
  /* скрываем чекбокс */
  .ui-switch__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  
  /* трек */
  .ui-switch__slider {
    position: relative;
    width: 43px;
    height: 26px;
    background-color: #E5E7EB;
    border-radius: 999px;
    transition: background-color 0.25s ease;
  }
  
  /* кружок */
  .ui-switch__slider::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 3px;
    top: 3px;
    background-color: #FFFFFF;
    border-radius: 50%;
    transition: transform 0.25s ease;
  }
  
  /* checked */
  .ui-switch__input:checked + .ui-switch__slider {
    background-color: #336BB3;
  }
  
  .ui-switch__input:checked + .ui-switch__slider::before {
    transform: translateX(17px);
  }
  
  /* hover (необязательно, но приятно) */
  .ui-switch:hover .ui-switch__slider {
    background-color: #D1D5DB;
  }
  
  .ui-switch__input:checked + .ui-switch__slider:hover {
    background-color: #336BB3;
  }

.row-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.row-checkbox__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.row-checkbox__control {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 2px solid #cbd5e1;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.row-checkbox__control::after {
    content: '';
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.15s ease;
}

.row-checkbox__input:checked + .row-checkbox__control {
    background: #2563eb; 
    border-color: #2563eb;
}

.row-checkbox__input:checked + .row-checkbox__control::after {
    opacity: 1;
}

.row-checkbox:hover .row-checkbox__control {
    border-color: #2563eb;
}

.tab-content .input{
    font-size: var(--defaultFontSize);
    width: 100%;
    background-color: transparent;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #d0d5dd;
    padding: 8px 10px;
    max-width: 100%;
    min-height: 40px;
}


.select-wrapp--secondary-40 .select2-container--default .select2-selection--single{
    border-radius: 8px;
    border: 1px solid #ddd;
    height: 40px;
}

.select-wrapp--secondary-40 .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 16px;
    color: #131515;
}

.select-wrapp--secondary-40 .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 40px;
    right: 5px;
}

.g-16 {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}