body {
  font-family: "Inter Tight", sans-serif!important;
  background-color: #eeeeee!important;
}
.info-button_popover {
  border-radius: 5px;
  padding: 2px 11px;
  background: #8078d7;
  color: #fff;
  border: none;
  margin-right: 10px;
}
.qr-code-main {
  display: flex;
  justify-content: center;
}
.sidebar-brand {
  display: flex;
  justify-content: start;
}
.sidebar-brand > a > img {
  max-width: 100px;
}
.main-sidebar {
  border-radius: 0px 10px 10px 0px;
}
.hide-sidebar-mini {
  padding-left: 1rem;
}
.dropzone .dz-message .dz-button {
  font-size: 18px!important;
}

.main-navbar {
  display: flex;
  justify-content: flex-end;
}
thead > tr > th {
  text-align: center;
}
.card-header > .badge {
  padding: 0px!important;
  font-weight: 500!important;
  font-size: 16px!important;
}
.login-page_body {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(45deg, #8078d7, #4e43c3);
}
.login-page_body > #app {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-page_body > #app > section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-page_body > #app > section > .container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-page_body > #app > section > .container > .row{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.register-button {
  width: auto;
  display: flex;
  justify-content: center;
  border: 1px solid #6777ef;
  margin: 0px 25px;
  padding: 8px 0px;
  border-radius: .3rem;
}
.login-button {
  width: auto;
  display: flex;
  justify-content: center;
  border: 1px solid #6777ef;
  padding: 8px 0px;
  border-radius: .3rem;
}
.login-form_or {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.registration-logo {
  max-width: 100px;
}
.registration_form-fg {
  margin-bottom: 5px!important;
}
.view-password {
  position: relative;
  padding-left: 10px;
  padding-top: 7px;
}
#errorMessage {
  color: red;
}
.order-statistics_card {
  background: #ddf0e5;
}
.total-earnings_card {
  background: #1c1c28;
}
.total-sales_card {
  background: #1c1c28;
}
.total-sales_card > .card-wrap > .card-header > h4 {
  color: #fff!important;
}
.total-earnings_card > .card-wrap > .card-header > h4 {
  color: #fff!important;
}

#sales_of_earnings {
  color: #fff!important;
}
.card .card-stats .card-stats-title {
  background: transparent!important;
}
.navbar .nav-link.nav-link-lg div {
  color: #141414;
}
.navbar-bg {
  background: transparent!important;
}
.main-sidebar {
  -webkit-box-shadow: 10px 0px 23px 2px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 10px 0px 23px 2px rgba(34, 60, 80, 0.2);
  box-shadow: 10px 0px 23px 2px rgba(34, 60, 80, 0.2);
  padding: 0px 20px 0px 0px;
}
.navbar .nav-link.nav-link-user {
  color: #616161FF!important;
}
.card .card-stats .card-stats-item .card-stats-item-count {
  font-size: 25px;
  color: #090a0b;
}
.card .card-stats .card-stats-item .card-stats-item-label {
  font-size: 14px;
  font-width: 600;
  color: #090a0b;
}
.card .card-stats .card-stats-title {
  color: #090a0b;
  font-size: 14px;
}
.card.card-statistic-2 .card-header h4 {
  color: #090a0b;
  font-size: 14px;
}
.order-statistics_card > .card-icon {
  background-color: #66b36d!important;
  box-shadow: 0 2px 6px #89cd8f!important;
}
#orders-month {
  color: #66b36d!important;
}
.days-left_navbar {
  padding: 3px 10px;
  color: #141414!important;
  background: #def0e5;
  font-size: 14px!important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.days-left_navbar > span > .plan_expire {
  font-weight: 600;
}
.nav-link-user::after {
  display: none;
}
.navbar .nav-link.nav-link-user img {
  width: 32px!important;
}
.dropdown-menu-balance {
  right: 9%;
  left: auto;
  width: auto !important;
  min-width: 300px;
  padding: 15px 25px;
}
.dropdown-balance_list {
  display: flex;
  justify-content: space-between;
}
.balance_list-value {
  font-weight: 600!important;
  font-size: 16px!important;
}
.balance_list-name {
  font-weight: 500!important;
  font-size: 15px!important;
}
.nav-link-user {
  padding: 0px 0px 0px 10px!important;
}
.navbar-right {
  display: flex;
  align-items: center;
}
#app > div > div.main-content > div > div > div > div > div > div > div > div > h6 {
  color: #1c1c28;
}
.nav-pills .nav-item .nav-link.active {
  background-color: #1c1c28!important;
  color: #fff!important;
}
#app > div > div.main-content > div > div > div > div > div > div.col-sm-10 > ul > li > a {
  color: #1c1c28;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(1) > div > div.col-sm-10 > ul > li:nth-child(1) > a
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(1) > div > div.col-sm-10 > ul > li:nth-child(2) > a > span {
  background-color: #3bb565!important;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(1) > div > div.col-sm-10 > ul > li:nth-child(3) > a > span {
  background-color: #ffc107!important;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(1) > div > div.col-sm-2 > a {
  padding: 8px 25px;
  background-color: #1c1c28!important;
  box-shadow: none!important;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(2) > div.card-header > form > div > div > button {
  background: #1c1c28;
  border: none;
  height: 100%;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(1) > div > div.col-sm-10 > ul > li:nth-child(6) > a > span {
  background-color: #e94040!important;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(1) > div > div.col-sm-10 > ul > li:nth-child(7) > a > span {
  background-color: #838383!important;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(1) > div > div.col-sm-10 > ul > li:nth-child(2) > a > span {
  background-color:#8078d7!important; ;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(1) > div > div.col-sm-10 > ul > li:nth-child(4) > a > span {
  background-color: #42b449;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(1) > div > div.col-sm-10 > ul > li:nth-child(5) > a > span {
  background-color: #42b449;
}
.badge.badge-warning {
  font-width: 500!important;
}
.page-item .page-link {
  color: #1c1c28;
}
.page-link:hover {
  color: #fff!important;
  background-color: #40404c!important;
}
.page-item.active .page-link {
  color: #fff!important;
  background-color: #1c1c28!important;
  box-shadow: none!important;
  border: none!important;
}
.badge-new_order {
  background-color: #8078d7;
}
td {
  text-align: center!important;
}
.table:not(.table-sm):not(.table-md):not(.dataTable) th {
  text-transform: capitalize!important;
  font-size: 15px;
  color: #1c1c28;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(2) > div.card-body > form > div.float-left > div > div > button {
  background-color: #1c1c28!important;
  box-shadow: none!important;
}
.table:not(.table-sm):not(.table-md):not(.dataTable) td, .table:not(.table-sm):not(.table-md):not(.dataTable) th {
  padding: 10px!important;
}
#sidebar-wrapper > ul > div > a {
  box-shadow: none!important;
}
.fa-search:before {
  font-size: 12px!important;
}
td > .badge {
  min-width: 115px;
}
.list-group-item > .row > div {
  color: #1c1c28;
}
.list-group-item {
  border: none!important;
}
#order > div.col-12.col-lg-4 > div > form > div > div.card-body {
  padding: 0px 25px 5px 25px!important;
}
#order > div.col-12.col-lg-4 > div > form > div > div.card-footer > div > button {
  width: 100% !important;
}
#order > div.col-12.col-lg-4 > div > div:nth-child(2) > div.card-body {
  padding: 0px 25px 15px 25px!important;
}
#order > div.col-12.col-lg-4 > div > div:nth-child(3) > div.card-body {
  padding: 0px 25px 5px 25px!important;
}
#order > div.col-12.col-lg-4 > div > div:nth-child(5) > div.card-body {
  padding: 0px 25px 15px 25px!important;
}
.card .card-header h4 {
  color: #1c1c28!important;
}
#order > div.col-12.col-lg-8 > div > div > ul > li > div > div > strong {
  font-size: 16px;
}
#total_sales {
  color: #fff!important;
}
#app > div > div.main-content > div:nth-child(3) > div:nth-child(2) > div > div.card-icon.shadow-primary {
  background-color: #6778ef!important;
}
.am-select {
  text-align: center!important;
}
.am-title {
  text-align: center!important;
}
.am-date {
  text-align: center!important;
}
#productform > div > div > div > div.col-sm-3 > ul > li:nth-child(1) > a {
  box-shadow: none!important;
}
.nav-pills .nav-item .nav-link {
  color: #1c1c28;
}
.option-hover {
  background-color: yellow; /* Цвет при наведении */
}
.item-page_advice {
  margin: 15px 0px 25px 0px;
  padding: 5px 0px;
  display: block;
  font-size: 15px;
  border-top: solid 1px #a7a1ec;
  display: flex;
  align-items: center;
}
.item-page_advice > b {
  display: block;
  font-size: 40px;
  font-weight: 900;
  color: #8078d7;
  margin-right: 10px;
}
.item-page_create {
  color: #8078d7;
  background-color: transparent!important;
  padding: 0px!important;
  font-size: 14px;
  border: none!important;
}
.label-flex {
  display: flex;
  justify-content: space-between;
}
.modal-footer > .btn-secondary {
  background-color: #1c1c28!important;
}
.btn-edit_options {
  background-color: #1c1c28;
}
.accordion .accordion-header[aria-expanded="true"] {
  box-shadow: none !important;
  background-color: transparent !important;
  color: #1c1c28 !important;
  border-bottom: 1px solid #b1b1b1;
  border-radius: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#accordion > div > div.accordion-header.h-50 > div.float-left > h6 {
  margin: 0px!important;
}
#option-2-values > div > button {
  border-color: #1c1c28!important;
  background-color: #1c1c28!important;
}
.select2-container--default .select2-selection--multiple {
  border: 0px!important;
}
#data-body > tr > td:nth-child(2) > span {
  width: 100% !important;
}
.selection {
  display: flex;
}
#app > div > div.main-content > div.row > div > div > div > div > div.col-sm-9 > div > button {
  background-color: #1c1c28!important;
  box-shadow: none!important;
}
#app > div > div.main-content > div > div > div > div > div > div.col-sm-9 > form > div > div:nth-child(1) > button {
  background-color: #1c1c28!important;
  box-shadow: none!important;
}
.swal2-icon.swal2-warning {
  border-color: #e87373!important;
  color: #e87373!important;
}
.dz-image {
  border-radius: 8px !important;
}
.dropzone.dz-clickable {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 8px;
}
.btn-delete-image {
  margin: 0px !important;
  padding: 7px 13px;
  width: auto;
  max-width: 40px;
}
.col-md-2 > div.card-footer {
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app > div > div.main-content > div:nth-child(2) > div > div > div:nth-child(2) > div.card-body > form > div.float-left > div > div > button {
  box-shadow: none!important;
}
#app > div.main-wrapper > div.main-content > div:nth-child(2) > div > div.col-lg-8 > ul {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 0px!important;
}
#app > div.main-wrapper > div.main-content > div:nth-child(2) > div > div.col-lg-8 > ul > li:nth-child(1) > a > span {
  background-color: #42b449!important;
  padding: 5px 8px;
  margin-left: 5px;
}
#app > div.main-wrapper > div.main-content > div:nth-child(2) > div > div.col-lg-8 > ul > li:nth-child(3) > a > span:nth-child(1) {
  background-color: #ffc107!important;
  padding: 5px 8px;
  margin-left: 5px;
}
#app > div.main-wrapper > div.main-content > div:nth-child(2) > div > div.col-lg-8 > ul > li:nth-child(4) > a > span:nth-child(1) {
  background-color: #e94040!important;
  padding: 5px 8px;
  margin-left: 5px;
}
#app > div.main-wrapper > div.main-content > div:nth-child(2) > div > div.col-lg-4 > div > a {
  padding: 8px 25px;
  background-color: #1c1c28 !important;
  box-shadow: none !important;
}
#app > div.main-wrapper > div.main-content > div:nth-child(2) > div > div.col-lg-4 > a {
  padding: 8px 25px;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid #1c1c28!important;
  color: #1c1c28!important;
  margin-right: 0px!important;
}
#app > div.main-wrapper > div.main-content > div:nth-child(2) > div > div.col-lg-4 {
  padding-right: 0px!important;
}
#app > div.main-wrapper > div.main-content > div:nth-child(2) > div > div.col-lg-8 {
  padding-left: 0px!important;
}
.btn-dark_custom {
  background-color: #1c1c28 !important;
  color: #fff!important;
  padding: 10px 15px;
  border-radius: 5px;
}
.btn-dark_custom-border{
  border: 1px solid #1c1c28 !important;
  color: #1c1c28!important;
  background-color: transparent!important;
  padding: 10px 15px;
  border-radius: 5px;
}
.nav-pills {
  box-shadow: none!important;
}
#import > div > div > form > div.modal-footer > div > div:nth-child(1) > p {
  margin: 0px;
}
.basicbtn {
  background-color: #1c1c28 !important;
  color: #fff!important;
}
#import > div > div > form > div.modal-footer > div > div:nth-child(2) > button.btn.btn-secondary {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid #1c1c28!important;
  color: #1c1c28!important;
}
.btn {
  box-shadow: none !important;
}
.import-modal.show {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 15%;
  padding-right: 0px!important;
}
.modal-header h5 {
  color: #000!important;
}
.badge-draft {
  background-color: #cdd3d8!important;
}
#app > div.main-wrapper > div.main-content > div:nth-child(2) > div > div.col-lg-8 > ul > li:nth-child(1) > a:hover {
  background-color: #46b860 !important;
}
.nav-item {
  margin-right: 5px;
}
.card-header_custom {
  color: #000;
  margin-bottom: 50px;
}
.sidebar-menu > li > a > i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 15px;
}
.main-sidebar .sidebar-menu li a {
  display: flex;
  justify-content: flex-start;
}
#app > div > nav > ul > li > div > a.dropdown-item.has-icon.text-danger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
}
#app > div > nav > ul > li > div > a:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
}
.ic-dark {
  color: #1c1c28 !important;
}
#app > div > div.main-content > div:nth-child(2) > div:nth-child(1) > div > div > ul {
  font-size: 15px!important;
}
#app > div > div.main-content > div:nth-child(2) > div:nth-child(2) > div > div > ul {
  font-size: 15px!important;
}
.list-group-item > .badge {
  font-size: 16px!important;
}
.referals-card {
  display: flex;
  flex-direction: column;
  gap: 20px
}
.referals-card > .form-group {
  margin: 0px!important;
}
.filter-pill {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#app > div > div.main-content > div > div > div:nth-child(1) > div > div > ul > li:nth-child(2) > a > span {
  background-color: #8078d7!important;
}
#app > div > div.main-content > div > div > div > div > form > div:nth-child(4) > div > label {
  margin: 0px!important;
}
#app > div > div.main-content > div > div > div > div > form > div:nth-child(4) > div {
  display: flex;
  align-items: center;
}
#app > div > div.main-content > div > div > div > div > form > div:nth-child(6) > div > span > span.selection {
  border: 1px solid #e4e6fc;
  border-radius: 8px;
}
#app > div > div.main-content > div > div > div > div > form > div:nth-child(6) > div > span > span.selection > span {
  width: 100%;
}
.badge-dark-custom {
  background-color: #1c1c28 !important;
  color: #fff!important;
}