[type="file"] {
    display: none;
}

#column-left {
    display: block !important;
}

.row-flex *, .row-flex *:before, .row-flex *:after {
    box-sizing: border-box;
}

.mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.account_wrap .left {
    background-color: #fff;
    padding: 0;
    border: none;
}
#column-left {
    margin: 0;
}

h1, .account-title {
    font-family: 'Exo 2', Tahoma, sans-serif !important;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #272727;
    margin-bottom: 5px;
}

.breadcrumb, .breadcrumb a{
    font-family: 'Inter', Arial, sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #757575;
}

.sidebar-list a {
    display: block;
    padding: 8px 12px;
    font-family: 'Inter', Arial, sans-serif;;
    font-weight: 400;
    font-size: 14px;
    color: #272727;
    border-radius: 6px;
}
.sidebar-list a:hover, .sidebar-list a.active {
    color: #fff;
    background-color: #1ea3d2;
    text-decoration: none;
}
.sidebar-list-header {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #272727;
    margin-top: 16px;
    margin-bottom: 10px;
    border-block: 1px solid #9c9ea3;
    padding: 10px 6px;
}

.sidebar-list-header:first-child {
    margin-top: 0;
}

.sidebar-list-wrapper {
    position: relative;
}

.row-flex {
    display: flex;
    gap: 20px;
}
.left-flex {
    flex: none;
}
.right-flex {
    flex: 1;
    min-width: 0;
}
.flex-wrap {
    flex-wrap: wrap;
}
.col-6 {
    min-width: 300px;
}

h3, .title {
    font-family: 'Exo 2', Tahoma, sans-serif !important;
    font-size: 28px;
    color: #272727;
}
.subtitle {
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 500;
    font-size: 20px;
    color: #272727;
}
.acc-order-list {
    overflow: auto;
}
.acc-order-list .title {
    margin-top: 20px;
}
.table-rounded {
    border-collapse: separate;
}
.table-rounded > tbody > tr > td {
    border-bottom: 1px solid #e3e3e3;
    vertical-align: middle;
}
.table-rounded > tbody > tr:first-child > td, .table-data > thead > tr:first-child > th {
    border-top: 1px solid #e3e3e3;
}
.table-rounded > tbody > tr > td:first-child, .table-data > thead > tr > th:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-left: 1px solid #e3e3e3;
}
.table-rounded > tbody > tr > td:last-child, .table-data > thead > tr > th:last-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-right: 1px solid #e3e3e3;
}
.acc-order-history {
    width: 100%;
    border: 0;
    padding: 0;
    background: none;
    color: #212529;
    margin-bottom: 20px;
    overflow-x: auto;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
}
.acc-order-history > tbody > tr > td {
    padding: 10px;
    text-align: left;
    background: #fff;
    font-size: 14px;
}
.acc-order-history > tbody > tr > td:last-child {
    width: 100%;
    text-align: right;
}
.acc-order-history > tbody > tr:hover > td {
    background: #f8f8f8;
}
.tr-accordion {
    cursor: pointer;
}
.tr-accordion .fa-angle-right, .tr-accordion .fa-angle-down {
    margin-right: 4px;
}
.tr-collapsed {
    display: none;
}
.tr-collapsed > td {
    padding: 0 !important;
}
.table-nested {
    width: 100%;
    background-color: #f5f5f5;
}
.table-nested > thead > tr > th {
    color: #b5b5b5;
}
.table-nested > thead > tr, .table-nested > tbody > tr:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
}
.table-nested > thead > tr > th, .table-nested > tbody > tr > td {
    padding: 10px;
    font-size: 14px;
}
.table-order-info, .table-data {
    width: 100%;
    margin-bottom: 20px;
    font-family: 'Inter', Arial, sans-serif;
}
.table-order-info > tbody > tr > td {
    height: 50px;
    padding: 10px;
    background: #fff;
    font-size: 14px;
}
.table-order-info > tbody > tr > td:first-child {
    width: 1%;
    background-color: #f5f5f5;
}
.table-data > thead > tr > th {
    padding: 10px;
    text-align: left;
    background: #f9f9f9;
    font-weight: 500;
    font-size: 14px;
    color: #424242;
    vertical-align: middle;
}
.table-data > tbody > tr > td {
    padding: 10px;
    background: #fff;
    font-size: 14px;
}

.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-gray {
    color: #b5b5b5;
}
.mb-2 {
    margin-bottom: .5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.mt-auto {
    margin-top: auto !important;
}
.ml-auto {
    margin-left: auto !important;
}
.pt-3 {
    padding-top: 1rem !important;
}
.d-flex {
    display: flex !important;
}
.align-items-center {
    align-items: center !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.text {
    color: #272727;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#simpleregister_button_confirm {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    gap: 6px;
    padding: 9px 14px;
    line-height: 20px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    margin: 0;
    border-radius: 6px;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
}

.buttons-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.footer_bnt .buttons-row {
    justify-content: flex-end;
}


.acc-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 16px 0;
    gap: 20px;
    justify-content: flex-end;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
}
.acc-pagination .links {
    display: flex;
    flex-wrap: wrap;
    order: 2;
}
.acc-pagination .links > * {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: -1px;
    box-sizing: border-box;
    color: #212529;
    background-color: #F9F9F9;
    border: 1px solid #e3e3e3;
}
.acc-pagination .links b {
    background-color: #e3e3e3;
}
.acc-pagination .links a:hover {
    border-color: #B5B5B5;
    text-decoration: none !important;
    z-index: 1;
}
.acc-pagination .links > *:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.acc-pagination .links > *:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.row-flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.col-order-60 {
    flex: 1 1 calc(55% - 20px);
}
.col-order-40 {
    flex: 0 1 calc(45% - 20px);
    min-width: 350px;
}
.top-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    text-align: left;
}
.delivery {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #272727;
}
.order-info-invoice {
    padding: 20px;
    background-image: repeating-linear-gradient(0deg, #cfcfcf, #cfcfcf 7px, transparent 7px, transparent 15px, #cfcfcf 15px), repeating-linear-gradient(90deg, #cfcfcf, #cfcfcf 7px, transparent 7px, transparent 15px, #cfcfcf 15px), repeating-linear-gradient(180deg, #cfcfcf, #cfcfcf 7px, transparent 7px, transparent 15px, #cfcfcf 15px), repeating-linear-gradient(270deg, #cfcfcf, #cfcfcf 7px, transparent 7px, transparent 15px, #cfcfcf 15px);
    background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
}
.order-info-invoice .invoice-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #272727;
}
.order-info-invoice .invoice-footer {
    padding: 11px 0;
    border-top: 1px solid #cfcfcf;
    text-align: center;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #272727;
}
.order-info-invoice .ivoice-body {
    margin-bottom: 12px;
}
.table-invoice .quan {}
.table-invoice > tbody > tr > td {
    padding: 14px;
    background: #fff;
    font-family: 'Inter', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #212529;
}
.table-invoice > tfoot > tr > td {
    border: none !important;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #272727;
    padding: 14px;
}
.table-invoice > tfoot > tr:last-child > td {
    padding-top: 0;
}

.form-label {
    display: inline-block;
    margin-bottom: 0.5em;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #171716;
    cursor: default;
}
.form-control, .simplecheckout-table-form input:not([type=checkbox]):not([type=radio]), .simplecheckout-table-form textarea {
    display: block;
    width: 100%;
    max-width: 570px;
    padding: 7px 14px !important;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.5;
    color: #171716;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #d0d1d0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
}
.form-control:focus, .form-select:focus, .simplecheckout-table-form input:not([type=checkbox]):not([type=radio]):focus,
.simplecheckout-table-form select:focus, .simplecheckout-table-form textarea:focus {
    border: 1px solid #1ea3d2 !important;
    box-shadow: 0 0 10px rgba(0, 124, 255, 0.25);
    outline: 0;
}
.form-control[readonly] {
    background-color: #e3e3e3 !important;
}
input[name="register[address]"]::placeholder {
    color: var(--placeholder-color);
    opacity: 0.8;
}

.form-check {
    display: block;
    min-height: 1.5em;
    margin-bottom: 0.5em;
    padding-left: 24px;
}
.form-check-input, input[type="radio"] {
    width: 16px;
    height: 16px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #cfcfcf;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-check-input[type="checkbox"] {
    border-radius: 4px;
}
.form-check-input:checked[type="checkbox"] {
    background-color: #1ea3d2;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.simplecheckout-table-form-right label input[type="radio"] {
    margin: 2px 5px 0 0 !important;
}
.form-check .form-check-input {
    float: left;
    margin-top: 2px;
    margin-left: -24px;
}
input[type="radio"] {
    border-radius: 50%;
}
input[type="radio"]:checked, .form-check-input:checked {
    border-color: #1ea3d2;
}
input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='2' fill='%231EA3D2'/%3e%3c/svg%3e");
}
.form-select, .simplecheckout-table-form select {
    display: block;
    width: 100%;
    max-width: 570px;
    padding: 7px 30px 7px 12px;
    font-size: 16px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #171716;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23171716' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px 12px;
    border: 1px solid #d0d1d0;
    border-radius: 8px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-label small {
    display: block;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.input-group .form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group>:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-box {
    background: #f5f5f5;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 20px 20px 5px;
}
.form-full input, .form-full select, .form-full textarea {
    max-width: 100% !important;
}

.simplecheckout-table-form {
    width: 100%;
}
.simplecheckout-table-form tr {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-bottom: 16px;
}
.simplecheckout-table-form tr td {
    width: 100% !important;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #272727;
    box-sizing: border-box;
}
.row-edit_customer_group_id label, .row-register_customer_group_id label, .row-register_newsletter label {
    display: inline-block !important;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #272727;
}
.simpleregister-block-content {
    padding: 0 !important;
    border: none !important;
}
.simpleregister-button-block {
    border: none !important;
}
.simplecheckout-table-form  td input, .width100table td input {
    max-width: 570px !important;
}
.simplecheckout-table-form input[type="checkbox"] ~ label {
    cursor: pointer;
}
#agreement_checkbox {
    display: inline-block;
    padding-left: 24px;
    margin-right: 5px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #272727;
}
#agreement_checkbox .form-check-input {
    float: left;
    margin-left: -24px !important;
}
#agreement_checkbox a {
    font-size: 16px !important;
}
.simpleregister-buttons {
    /*display: flex;*/
    align-items: center;
    gap: 10px;
}
.simpleregister-have-account {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #272727;
}
.simpleregister a:not(.bt) {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #1ea3d2;
}
.simpleregister a:not(.bt):hover {
    color: #1195C3;
}
.row-register_customer_group_id .simplecheckout-table-form-right, .row-register_newsletter .simplecheckout-table-form-right {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.form-row {
    overflow: auto;
    margin-bottom: 20px;
}
.error {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 12px;
    color: #D82700;
    margin-top: 5px;
}

.form-check-switch {
    display: block;
    min-height: 1.5rem;
    margin-bottom: 0.5em;
    padding-left: 40px;
}
.switch {
    position: relative;
    display: block;
    float: left;
    width: 32px;
    height: 22px;
    margin-top: -2px;
    margin-left: -40px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e3e3e3;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 16px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}
input:checked + .slider {
    background-color: #1ea3d2;
}
input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

#easyTooltip {
    background: #1ea3d2 !important;
    color: #fff;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    box-shadow: none;
}
#easyTooltip:before {
    border-bottom: 8px solid #1ea3d2 !important;
}

.list-bullet {
    padding-left: 20px;
    color: #272727;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.list-bullet li {
    list-style: disc;
}

.avatar-default,
.avatar-image {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.avatar-default {
    background: #e3e3e3;
}
.avatar-default i,
.avatar-image i {
    font-size: 20px;
    color: #b5b5b5;
}

.avatar-default .image-actions,
.avatar-image .image-actions {
    width: 100%;
    position: absolute;
    bottom: -30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    transition: all 0.3s;
}

.avatar-default .image-actions a,
.avatar-image .image-actions a {
    width: 30px;
    height: 30px;
    padding: 7px;
    background: #1ea3d2;
    border-radius: 6px;
}
.avatar-default .image-actions a > i,
.avatar-image .image-actions a > i {
    color: white;
    font-size: 16px;
}

.avatar-image .image,
.avatar-default .image {
    position: relative;
    overflow: hidden;
}

.avatar-image .image:hover .image-actions,
.avatar-default .image:hover .image-actions {
    bottom: 5px;
    transition: all 0.3s;
}
.avatar-image form {
    align-self: flex-start;
}

.progress {
    position: relative;
    border-radius: 5px;
    width: 180px;
    height: 25px;
}
.progress progress {
    width: 100%;
    height: 100%;
}
.progress progress::-webkit-progress-bar {
    background-color: #4cc7e9;
    border-radius: 5px;
}
.progress progress::-webkit-progress-value {
    background-color: #1ea3d2;;
    border-radius: 5px;
}
.progress .progress-value {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 3px;
    color: white;
}

.achievements {
    width: 100%;
}
.achievements .gray-out {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}
.achievements .achives {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
}
.achievements .achives .achievement-item {
    width: 140px;
    height: 200px;
}
.achievements .achives .image img {
    width: 100%;
}
.achievements .achives .image .number {
    position: absolute;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    background-color: #1ea3d2;
    color: white;
}
.achievements .achives .image {
    position: relative;
}
.achievements .achives .image .progress {
    position: absolute;
    margin: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
    width: inherit;
    height: 25px;
}
.achievements .achives .image .progress progress::-webkit-progress-bar {
    background-color: #4cc7e9;
    border-radius: 5px;
}
.achievements .achives .image .progress progress::-webkit-progress-value {
    background-color: #1ea3d2;;
    border-radius: 5px;
}
.achievements .achives .image .progress .progress-value {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.achievements .achives .image .badge {
    position: absolute;
    text-align: center;
    padding: 5px 0;
    margin: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1ea3d2;
    color: white;
    border-radius: 5px;
}
.achievements .achives .image img {
    width: 100%;
    border-radius: 6px;
}
.achievements .achives .caption {
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin: 12px 5px 0;
}
.achievements .achives .caption label {
    height: 40px;
}
.achievements .achives .more:last-child {
    flex: auto;
}
.achievements .more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
}
.achievements .achives .image .name {
    flex: auto;
}
.achievements .more,
.achievements .achives img {
    width: 140px;
    height: 140px;
    border-radius: 6px;
    vertical-align: middle;
    border: 1px solid #e3e3e3;
}
.achievements .achievement-item .image .reward {
    top: 5px !important;
    right: 5px;
}

#achievements-info {}
#achievements-info h5 {font-size: 16px;}
#achievements-info h6 {font-size: 15px;margin: 20px 0 0 15px;}
.achievement-item  .image,
#achievements-info .image {
    position: relative;
    text-align: center;
}
#achievements-info .image img {
    width: 220px;
    border-radius: 12px;
}
.achievements .achievement-item .image .reward,
#achievements-info .image .reward {
    position: absolute;
    right: 5px;
    width: auto;
    top: 10px;
    background: #14BFFF;
    border-radius: 15px;
    padding: 3px 6px;
    z-index: 1;
}
.achievements .achievement-item .image .reward,
#achievements-info .image .reward > span {
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.achievements .achievement-item .image .reward i,
#achievements-info .image .reward i {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.login-block {
    max-width: 420px;
    width: 100%;
    padding: 20px 15px;
    margin: 25px auto 15px;
    border: 1px solid #d0d1d0;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}
.login-block-title {
    margin-bottom: 15px;
    text-align: center;
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 500;
    font-size: 20px;
    color: #272727;
}
.buttons-row-full {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column-reverse;
    gap: 10px;
}
.buttons-row-full .bt {
    width: 100% !important;
    max-width: 260px !important;
    padding-inline: 0 !important;
    flex: 1;
}
.login-links {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.login-links a {
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    color: #1ea3d2;
}

.dropdown-mobile-label {
    display: none;
    position: relative;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 8px 12px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    background-color: #1ea3d2;
    border-radius: 6px;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 11;
}
.sidebar-list::-webkit-scrollbar {
    width: 6px;
}
.sidebar-list::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #E3E3E3;
}
.sidebar-list::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #1EA3D2;
}
.sidebar-list::-webkit-scrollbar-thumb:hover, .sidebar-list::-webkit-scrollbar-thumb:active {
    background-color: #1195C3;
}

.container_12 {
    box-sizing: border-box;
}

.address-content {
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    margin-bottom: 20px;
}
.address-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.address-text {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #272727;
}

.headline {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #272727;
    font-weight: 500;
    margin-bottom: 20px;
}
.headline a {
    font-size: inherit;
}

.reward-types-head {
    margin-top: 35px;
}

.acc-wishlist-info {
    overflow-x: auto;
}
.acc-wishlist-info table {
    width: 100%;
    margin-bottom: 20px;
}
.acc-wishlist-info table > tbody > tr > td {
    padding: 10px;
    text-align: left;
    background: #fff;
    font-size: 14px;
}
.acc-wishlist-info .model {
    min-width: 120px;
}
.acc-wishlist-info .stock {
    min-width: 110px;
}
.acc-wishlist-info .price, .acc-wishlist-info .action {
    white-space: nowrap;
}
.acc-wishlist-info .name {
    width: 100%;
}
.acc-wishlist-info .name a {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    color: #212529;
}
.acc-wishlist-info td.price {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: right;
    color: #212529;
}
.acc-wishlist-info td.price s {
    display: block;
    font-size: 12px;
    color: #EA321F;
    margin-bottom: 3px;
}
.bordered {
    padding: 10px;
    margin-bottom: 20px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.box-rounded {
    display: inline-block;
    padding: 20px;
    border: 1px solid #CFCFCF;
    border-radius: 12px;
    margin-bottom: 20px;
    font-family: 'Exo 2', Tahoma, sans-serif;
    font-size: 18px;
    color: #272727;
}
.table-wrapper {
    overflow-x: auto;
}
.acc-history {
    width: 100%;
    margin-bottom: 20px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    color: #212529;
}
.acc-history > thead > tr > td {
    padding: 16px;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
}
.acc-history > tbody > tr > td {
    padding: 16px;
    background: #fff;
    font-size: 14px;
}
.acc-history a {
    font-size: 14px;
}
.min-td {
    width: 1px;
    white-space: nowrap;
}

.download-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.download-col {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px
}
.download-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
}
.download-item .fa-file-pdf {
    font-size: 22px;
}
.download-name {
    font-family: 'Exo 2', Tahoma, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #272727;
}
.download-size {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #b5b5b5;
}

.table {
    display: table;
    width: 100%;
    box-sizing: border-box;
    border-collapse: separate;
    table-layout: fixed;
}
.table-tr {
    display: table-row;
}
.table-td {
    display: table-cell;
    /*padding: 10px 20px;*/
    text-align: left;
    border-radius: 6px;
}
.table .table-tr:last-child .table-td {}

.review-item {
    display: flex;
    flex-direction: row;
    gap: 20px;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.review-item .product-name a {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    color: #1ea3d2;
}
.product-name-qa a {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #b5b5b5;
}
.review-content-qa a {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #1EA3D2;
}
.qa-one-text {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #272727;
}
.review-rating {
    color: #fbc43a;
}
.review-item-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 10px;
}
.review-item-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 10px 0;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    color: #272727;
}
.review-item-content .name a {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    color: #272727;
}
.review-item-content p {
    margin-bottom: 10px;
}
.review-content a.imagebox {
    display: table;
}
.review-content img {
    max-width: 120px;
}

.link-big {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #1ea3d2;
}
.link-underline {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    text-decoration-line: underline;
    color: #1ea3d2;
}
.link-underline:hover {
    text-decoration-line: none;
}
.link-default {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    color: #1ea3d2;
}
.sernum-header-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px 0;
}
.info-wrapper {
    flex: 1 1;
    min-width: 300px;
}
.info-icon {
    float: left;
    color: #fc8e26;
    margin-right: 6px;
    line-height: 20px;
}
.info-text {
    overflow: hidden;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #272727;
}

.form-flex-bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.icon-more {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    background: #e7e8e7;
    border-radius: 50%;
    border: 1px solid #D0D1D0;
}
.icon-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background: #212529;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    line-height: 1;
}
.row-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}
.item-preview {
    display: flex;
    flex-direction: column;
    position: relative;
    font-family: 'Inter', Arial, sans-serif;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.08);
}
.item-preview img {
    border-radius: 12px;
    margin: 0;
}
.item-preview-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}
.item-preview-title a {
    font-family: 'Exo 2', Tahoma, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #272727;
}
.item-preview-draft {
    font-size: 14px;
    color: #B5B5B5;
    margin-top: auto;
}
.item-preview-badges {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3px;
}
.tag-badge {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    background: #22b14c;
    border-radius: 6px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
}

.survey-name, .article-name {
    min-height: 100px;
    padding: 20px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
}

.files-block label {
    display: block;
    position: relative;
    width: 100%;
    min-width: 170px;
    padding: 7px 30px 7px 14px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #171716;
    background-color: #fff;
    border: 1px solid #d0d1d0;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
}
.files-block label i {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 8px;
    background: #fff;
}
.files-block > input[type="file"] {
    display: none;
}
.files-block label span {
    display: block;
    white-space: nowrap;
    width: 100px;
}

.row-form-full {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.row-form-full > div {
    flex: 1;
    min-width: 200px;
}

/* Start ul-round */
.ul-round {
    display: flex;
    flex-flow: column;
    gap: 5px;
    padding:0;
    list-style: none;
    counter-reset: li;
}
.ul-round li {
    display: flex;
    align-items: center;
    position: relative;
    padding:12px 20px 5px 28px;
    margin-left: 40px;
    height: 40px;
    transition-duration: 0.3s;
}
.ul-round li:before {
    border: 6px solid transparent;
    line-height: 30px;
    position: absolute;
    top: 10px;
    left:-30px;
    width:42px;
    text-align:center;
    font-size: 13px;
    font-weight: bold;
    color: #4cc7e9;
    counter-increment: li;
    content: counter(li);
    transition-duration: 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-round li.received:before {
    content: '✔';
    font-size: 25px;
    color: #4cc7e9;
}
.ul-round li:hover:before,
.ul-round li.received:hover:before {
    color: #1ea3d2;
}
.ul-round li:after {
    position: absolute;
    top: 10px;
    left: -30px;
    width: 42px;
    height: 42px;
    border: 6px solid #1ea3d2;
    border-radius: 50%;
    content: '';
    opacity: 0.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-round li:hover:after {
    animation: 500ms ease-in-out 0s bounceIn;
    opacity: 1;
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.3, 1.3, 1.3);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
/* End ul-round */

/* Start modal */
.modal-content {
    border-color: transparent !important;
}
.modal-content .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal-content .modal-header .close {
    margin: 0 0 10px 0;
}
/* End modal */

.achiev-bottom {
    padding-top: 7px;
}
.achiev-bottom a {
    font-size: 14px;
    color: #4cc7e9;
}
.achiv-overlay {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    padding: 0px;
    background: rgba(20, 191, 255, 0.9);
    width: 100%;
    margin: 0 0px;
    border-radius: 10px;
    text-align: left;
    transition: opacity .2s ease-out;
    opacity: 0;
}
#achievements-info .image:hover .achiv-overlay {
    visibility: visible;
    opacity: 1;
}
.achiv-overlay > div {
    margin: 10px;
    color: #fff;
    font-size: 16px;
}
.achiv-overlay .list-bullet {
    margin: 6px;
    color: #fff;
}
.order-item {
    padding: 25px;
    margin-bottom: 16px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
}
.order-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
}
.order-item-info {
    padding-top: 20px;
    padding-bottom: 20px;
}
.order-item-table {
    display: none;
    margin-left: -25px;
    margin-right: -25px;
}
.order-item-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.badge {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 14px;
    color: #fff;
    background-color: #14bfff;
}
.btn-badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    padding: 5px 10px !important;
    background: #fff;
    border: 1px solid #14bfff;
    border-radius: 6px;
    color: #14bfff;
    text-align: center;
}
.btn-collapse {
    border-color: #2a75bb;
    color: #2a75bb;
}
.btn-badge-red {
    border-color: #d71f22;
    color: #d71f22;
}
.btn-badge-full {
    background: #14bfff !important;;
    border-color: #14bfff;
    color: #fff !important;
}
.btn-badge-buy {
    width: 200px;
    background: #14bfff;
    border-color: #14bfff;
    color: #fff !important;
}
.btn-badge:hover {
    text-decoration: none;
}
.mt-2 {
    margin-top: 1rem !important;
}
.mr-1 {
    margin-right: 0.25rem !important;
}
.sc-19, .sc-41, .sc-42, .sc-2, .sc-30 {
    background-color: #4fb153;
}
.sc-3, .sc-29 {
    background-color: #ffd05b;
}
.sc-7 {
    background-color: #e81616;
}
.table-order-header {
    font-family: 'Exo 2', Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding-left: 25px;
}
.table-order {
    width: 100%;
    margin-top: 10px;
}
.table-order > thead > tr > th, .table-order > tbody > tr > td {
    padding: 10px;
    font-size: 14px;
}
.table-order > thead > tr > th:first-child, .table-order > tbody > tr > td:first-child {
    padding-left: 25px;
}
.table-order > thead > tr > th:last-child, .table-order > tbody > tr > td:last-child {
    padding-right: 25px;
}
.table-order > thead > tr > th {
    color: #b5b5b5;
}
.td-min {
    width: 0;
    white-space: nowrap;
}
.show-all {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    justify-content: flex-end;
}
.show-all a {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #14bfff;
}
.achiev-bottom {
    padding-top: 7px;
}
.achiev-bottom a {
    font-size: 14px;
    color: #010101;
}
.achievements .achievement-item .image .reward, #achievements-info .image .reward {
    right: 5px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background: #14bfff;
    border-radius: 15px;
    padding: 3px 6px;
}
#achievements-info .image .reward > span {
    color: #fff;
}
.account-header {
    font-family: 'Exo 2', Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 500;
}
.achiev-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.list-collapse {
    display: none;
}
.text-toggle {
    margin-bottom: 10px;
    cursor: pointer;
}
.avatar-image {
    max-width: 150px;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 5px;
}
.avatar-image img {
    width: auto;
    max-width: 160px;
    border-radius: 5px;
    margin: 0;
    vertical-align: middle;
}
.avatar-default {
    margin: 0;
    border-radius: 5px;
    min-width: 150px;
    min-height: 160px;
}
.customer-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.customer-right-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}
.rank-title {
    font-size: 16px;
    color: #64748B;
}
.achiv-overlay {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    padding: 0px;
    background: rgba(20, 191, 255, 0.9);
    width: 100%;
    margin: 0 0px;
    border-radius: 10px;
    text-align: left;
    transition: opacity .2s ease-out;
    opacity: 0;
}
#achievements-info .image:hover .achiv-overlay {
    visibility: visible;
    opacity: 1;
}
.achiv-overlay > div {
    margin: 10px;
    color: #fff;
    font-size: 16px;
}
.achiv-overlay .list-bullet {
    margin: 6px;
    color: #fff;
}
.avatar-block {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    height: 100%;
    background-color: #f7f7f7;
    padding: 12px;
    border-radius: 6px;
}
.manager-phone a,
.manager-email a,
.manager-phone,
.manager-email {
    font-size: 16px;
    margin-bottom: 8px
}
.manager-phone span {
    color: #14BFFF;
}
.manager-phone i, .manager-email i , .manager-email span{
    color: #818C99;
}
.customer-col {
    flex: 1 0 auto;
    max-width: 100%;
}
.customer-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px;
}
.progress .progress-value {
    top: 0;
    height: 25px;
}
.icon-achiev {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('/image/icons/reward-white.svg') no-repeat center center / contain;
}
.progress-value .icon-achiev {
    margin-right: 3px;
}
.icon-attension {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    background-color: #4cc7e9;
    border-radius: 5px;
    vertical-align: middle;
    color: #fff;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 18px;
}
.customer-right .btn-review {
    margin: auto 0 0 0 !important;
    width: 100%;
}
.manager-name {
    font-size: 16px;
    color: #64748B;
}
.icon-email {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.334 2.332h9.333a1.17 1.17 0 0 1 1.167 1.167v7a1.17 1.17 0 0 1-1.166 1.166H2.334A1.17 1.17 0 0 1 1.167 10.5v-7a1.17 1.17 0 0 1 1.167-1.167z' stroke='%23818C99' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.834 3.5 7.001 7.583 1.167 3.5' stroke='%23818C99' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.icon-telephone {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTIuODM1IDkuODcxdjEuNzVhMS4xNjYgMS4xNjYgMCAwIDEtMS4yNzIgMS4xNjcgMTEuNTQ0IDExLjU0NCAwIDAgMS01LjAzNC0xLjc5IDExLjM3NSAxMS4zNzUgMCAwIDEtMy41LTMuNSAxMS41NDQgMTEuNTQ0IDAgMCAxLTEuNzktNS4wNTggMS4xNjcgMS4xNjcgMCAwIDEgMS4xNi0xLjI3MmgxLjc1YTEuMTY3IDEuMTY3IDAgMCAxIDEuMTY3IDEuMDAzYy4wNzQuNTYuMjEgMS4xMS40MDggMS42NGExLjE2NyAxLjE2NyAwIDAgMS0uMjYzIDEuMjNsLS43NC43NDFhOS4zMzMgOS4zMzMgMCAwIDAgMy41IDMuNWwuNzQtLjc0YTEuMTY3IDEuMTY3IDAgMCAxIDEuMjMxLS4yNjNjLjUzLjE5NyAxLjA4LjMzNCAxLjY0LjQwOGExLjE2NyAxLjE2NyAwIDAgMSAxLjAwMyAxLjE4NHoiIHN0cm9rZT0iIzgxOEM5OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTR2MTRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

@media (max-width: 380px) {
    .login-block {
        border: none;
    }
    .login-links {
        justify-content: space-around;
        gap: 20px 5px;
        flex-wrap: wrap;
    }
}

@media (max-width: 460px) {
    .manager-phone a,
    .manager-email a,
    .manager-phone,
    .manager-email {
        font-size: 12px;
    }
}

@media (max-width: 640px) {
    .col-order-60, .col-order-40 {
        flex: 1 1 100%;
    }
    .simpleregister-buttons {
        flex-direction: column;
    }
    .simpleregister-buttons .bt {
        margin-left: auto !important;
    }
    .footer_bnt .buttons-row {
        justify-content: flex-start;
    }
    .download-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-items {
        grid-template-columns: 1fr;
    }
    .avatar-block {
        flex-wrap: nowrap;
    }
}
@media (max-width: 760px) {
    #column-left {
        display: block !important;
        position: relative;
    }
    .row-flex {
        flex-direction: column;
    }
    .dropdown-mobile-label {
        display: flex;
    }
    .sidebar-list-header {
        display: none;
    }
    .sidebar-list {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        left: 0;
        width: 100%;
        max-height: 300px;
        margin-top: -5px;
        padding-top: 5px;
        background: #fff;
        border: 1px solid #cfcfcf;
        border-radius: 0 0 8px 8px;
        overflow-y: auto;
        z-index: 10;
        box-sizing: border-box;
    }
    .sidebar-list.show {
        visibility: visible;
        opacity: 1;
    }
    .sidebar-list a {
        padding: 12px;
    }
    .sidebar-list .active {
        display: none;
    }
    .sidebar-list a:hover {
        color: #272727;
        background-color: #f5f5f5;
        border-radius: 0;
    }
    .review-item {
        flex-direction: column;
    }
    .customer-columns {
        gap: 10px;
    }
    .customer-col {
        flex: 1 0 auto;
    }
    .customer-right-name {
        font-size: 16px;
    }
    .rank-title {
        font-size: 14px;
    }
    .customer-right {
        flex: 1;
    }
    .avatar-image img {
        max-width: 120px;
    }
    .manager-phone a,
    .manager-email a,
    .manager-phone,
    .manager-email {
        font-size: 14px;
    }
    .progress {
        width: 100%;
        /*max-width: 180px;*/
        min-width: 140px;
    }
    .customer-right .btn-review {
        max-width: 300px;
    }
    .avatar-default {
        min-width: 120px;
        min-height: 120px;
    }
    .avatar-default .image-actions,
    .avatar-image .image-actions {
        bottom: 5px;
    }
}
@media (max-width: 980px) {
    .acc-pagination .links > * {
        width: 32px;
        height: 32px;
    }
}
@media (max-width: 1280px) {
    .customer-col {
        flex: 1 0;
    }
    .customer-right {
        flex: 1;
    }
    .avatar-image {
        max-width: 100%;
    }
}