/******************** BUTTON ********************/
.k-button {
  font-family: IRANSansXFaNum;
  padding: 7px 16px;
}

.k-button-text {
  display: flex;
  gap: 5px;
  align-items: center;
}

.k-button-solid-base:focus,
.k-button-solid-base.k-focus {
  box-shadow: none;
}

.k-button-solid-primary:focus,
.k-button-solid-primary.k-focus {
  box-shadow: none;
}

.k-button-solid-secondary:focus,
.k-button-solid-secondary.k-focus {
  box-shadow: none;
}

.k-button-solid-light:focus,
.k-button-solid-light.k-focus {
  box-shadow: none;
}

.k-button-solid-primary {
  border-color: var(--tp-primary-color, #1f2d40);
  color: var(--tp-white-color, #ffffff);
  background-color: var(--tp-primary-color, #1f2d40);
}

  .k-button-solid-primary:hover,
  .k-button-solid-primary.k-hover {
    border-color: rgb(31 45 64 / 85%);
    background-color: rgb(31 45 64 / 85%);
  }

.k-button-solid-secondary {
  border-color: #F1F1F4;
  color: var(--tp-primary-color, #1f2d40);
  background-color: #F1F1F4;
}

  .k-button-solid-secondary:hover,
  .k-button-solid-secondary.k-hover {
    border-color: #e1e1e1;
    background-color: #e1e1e1;
  }

.k-button-solid-light {
  border-color: var(--tp-primary-color, #1f2d40);
}

  .k-button-solid-light:hover,
  .k-button-solid-light.k-hover {
    border-color: var(--tp-primary-color, #1f2d40);
  }

.k-button-icon {
  line-height: 20px;
}

/******************** LIST ********************/
.k-list {
  font-family: IRANSansXFaNum;
}

.sc-theme-dark .k-popup,
.sc-theme-dark .k-popup.k-list {
  background-color: rgba(50, 68, 92, 1);
}

.k-popup .k-list-item {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.k-list-item:focus,
.k-list-optionlabel:focus,
.k-list-item.k-focus,
.k-focus.k-list-optionlabel {
  box-shadow: none;
  background-color: var(--kendo-color-base-subtle-hover, #dee2e6);
  color: var(--tp-text-color);
}

.sc-theme-dark .k-popup .k-list-content .k-list-item {
  color: var(--tp-dark-text-color);
}

  .sc-theme-dark .k-popup .k-list-content .k-list-item:hover {
    background-color: #202020;
    color: var(--tp-dark-text-color);
  }

.k-list-optionlabel {
  padding-block: 0.8rem !important;
}

/******************** FORM ********************/
.k-form .k-form-fieldset {
  margin: 1rem 0 0;
}

.k-form-md .k-form-field {
  margin-top: 1.5rem;
}

.sc-theme-dark .k-label {
  color: var(--tp-dark-text-color);
}

.k-input {
  background-color: var(--tp-input-color);
  height: 40px;
}

.k-input-solid:focus-within {
  box-shadow: none;
}

.k-input.k-textarea,
.k-input.k-multiselect {
  height: auto;
  min-height: 38px;
}

.sc-theme-dark .k-input {
  background-color: var(--tp-dark-input-color);
}

.k-input.k-disabled {
  background-color: #DEE2E6;
  opacity: 1;
}

.sc-theme-dark .k-input.k-disabled {
  background-color: rgba(50, 68, 92, 0.45);
}

.k-input-inner {
  font-family: IRANSansXFaNum;
  height: 40px;
}

.k-input.k-textarea .k-input-inner {
  height: auto;
}

[dir=rtl] .k-floating-label-container > .k-floating-label,
.k-rtl .k-floating-label-container > .k-floating-label,
.k-floating-label-container[dir=rtl] > .k-floating-label {
  top: -10px;
}

[dir=rtl] .k-floating-label-container.k-empty > .k-floating-label,
.k-rtl .k-floating-label-container.k-empty > .k-floating-label,
.k-floating-label-container[dir=rtl].k-empty > .k-floating-label {
  top: 30px;
}

[dir=rtl] .k-floating-label-container.k-focus > .k-floating-label,
.k-rtl .k-floating-label-container.k-focus > .k-floating-label,
.k-floating-label-container[dir=rtl].k-focus > .k-floating-label {
  top: -10px;
}

.sc-theme-dark .k-input-inner::placeholder {
  color: var(--tp-dark-text-color);
}

.sc-theme-dark .k-input-inner {
  color: var(--tp-dark-text-color);
}

.k-input-prefix {
  min-width: 35px;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k-input-solid .k-input-suffix {
  color: var(--kendo-color-subtle, #596169);
  min-width: 35px;
  display: flex;
  justify-content: center;
}

.k-input-prefix .k-icon {
  width: 20px;
}

.sc-theme-dark .k-clear-value {
  color: var(--tp-dark-text-color);
}

.k-checkbox {
  width: 20px;
  height: 20px;
  margin-left: 3px;
}

.sc-theme-dark .k-checkbox {
  background-color: var(--tp-dark-input-color);
}

  .sc-theme-dark .k-checkbox:checked {
    background-color: var(--tp-secondary-color);
    color: var(--tp-primary-color);
  }

.k-picker {
  background-color: var(--tp-input-color);
}

.sc-theme-dark .k-picker {
  background-color: var(--tp-dark-input-color);
  border-color: var(--kendo-color-border-alt, rgba(33, 37, 41, 0.2));
}

.k-radio {
  width: 20px;
  height: 20px;
  margin-left: 3px;
}

.k-radio-list .k-radio-list-item {
  height: 40px;
}

  .k-radio-list .k-radio-list-item .k-radio-wrap {
    height: 40px;
  }

.k-radio:focus,
.k-radio.k-focus,
.k-radio:checked:focus,
.k-radio.k-checked.k-focus {
  box-shadow: none;
}

.sc-theme-dark .k-radio {
  background-color: var(--tp-dark-input-color);
}

.k-switch-on:focus .k-switch-track,
.k-switch-on.k-focus .k-switch-track,
.k-switch-off:focus .k-switch-track,
.k-switch-off.k-focus .k-switch-track {
  outline: none;
  border-color: rgba(33, 37, 41, 0.34);
}

.k-switch-md {
  width: 85px;
}

  .k-switch-md .k-switch-track {
    height: 22px;
  }

  .k-switch-md .k-switch-thumb {
    height: 30px;
    width: 30px;
    z-index: 1;
  }

.k-switch-label-on, .k-switch-label-off {
  display: inline;
}

.k-switch-label-on {
  right: 18px;
  color: #ffffff;
  font-family: IRANSansXFaNum;
  line-height: 32px;
  font-size: 12px;
}

.k-switch-label-off {
  left: 8px;
  color: #424242;
  font-family: IRANSansXFaNum;
  line-height: 32px;
  font-size: 12px;
}

.k-switch-on .k-switch-thumb {
  border-color: var(--tp-primary-color);
}

.k-switch-off .k-switch-thumb {
  background-color: #ccc;
}

.sc-theme-dark .k-switch-on .k-switch-thumb {
  background-color: var(--tp-secondary-color);
  border-color: var(--tp-secondary-color);
}

.sc-theme-dark .k-switch-off .k-switch-track {
  background-color: var(--tp-dark-input-color);
}

.sc-theme-dark .k-switch-label-off {
  color: var(--tp-dark-text-color);
}

.sc-theme-dark .k-switch-off .k-switch-thumb {
  background-color: var(--tp-dark-text-color);
}

.sc-theme-dark .k-switch-on .k-switch-label-off {
  display: none
}

/******************** CHIP ********************/
.k-chip {
  font-family: IRANSansXFaNum;
  border-radius: var(--tp-border-radius-large);
  padding-right: 8px;
  padding-left: 8px;
}

.k-chip-action {
  padding: 0 !important;
}

.k-chip-content:first-child {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.sc-theme-dark .k-chip-solid-base {
  background-color: var(--tp-dark-input-color);
  border-color: var(--tp-dark-input-color);
  color: var(--tp-dark-text-color);
}

.sc-theme-dark .k-radio:checked,
.sc-theme-dark .k-radio.k-checked {
  background-color: var(--tp-secondary-color);
  color: var(--tp-primary-color);
}

.sc-chip {
  flex-direction: row-reverse;
}

/******************** DIALOG ********************/
.k-window-titlebar.k-dialog-titlebar {
  font-family: 'IRANSansXFaNum';
}

.k-window-content.k-dialog-content {
  font-family: 'IRANSansXFaNum';
}

/******************** DRAWER ********************/
.k-drawer {
  font-family: 'IRANSansXFaNum';
}

/******************** PAGER ********************/
.k-pager {
    justify-content: center;
    font-family: 'IRANSansXFaNum';
}

.k-pager-info {
  flex: initial;
}

.k-pager .k-button-text {
  color: var(--tp-text-color);
}

.k-button-overlay,
.k-button::before {
  background-color: var(--tp-primary-color);
  border-radius: var(--tp-border-radius-small);
}

/******************** POPOVER ********************/
.k-popover {
  font-family: 'IRANSansXFaNum';
}

/******************** STEPPER ********************/
.k-stepper {
  font-family: 'IRANSansXFaNum';
}

  .k-stepper .k-step.k-focus .k-step-label:only-child,
  .k-stepper .k-step .k-step-link:focus .k-step-label:only-child {
    box-shadow: none;
  }

  .k-stepper .k-step-list-horizontal .k-step-current .k-step-label {
    background-color: var(--tp-primary-color);
    color: var(--tp-white-color);
  }

    .k-stepper .k-step-list-horizontal .k-step-current .k-step-label .k-step-label-optional {
      color: var(--tp-white-color);
    }

/******************** TIME PICKER ********************/
.k-timepicker {
  width: 100%;
  max-width: 160px;
}

  .k-timepicker .k-input-inner {
    direction: ltr;
    text-align: right;
  }

.k-time-header,
.k-time-selector-header {
  flex-direction: row-reverse;
}

  .k-time-header .k-title {
    direction: ltr;
  }

.k-time-list-container {
  flex-direction: row-reverse;
}

.k-timepicker .k-icon-button {
  min-width: 35px;
}

/******************** TAB STRIP ********************/
.k-tabstrip {
  font-family: 'IRANSansXFaNum';
}

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
  box-shadow: none
}

.k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
  outline: none;
}
/******************** TOOLTIP ********************/
.k-tooltip {
  font-family: 'IRANSansXFaNum';
}

/******************** WINDOW ********************/
.k-window {
  font-family: 'IRANSansXFaNum';
}

@media(max-width: 480px) {
  .k-window {
    width: 90% !important;
    max-width: 90% !important;
  }
}

/********************DARK MODE WINDOW ********************/
.sc-theme-dark .k-window-content {
  background-color: var(--tp-dark-menu-item-color);
}

.sc-theme-dark .amount-in-toman {
  color: var(--tp-dark-text-color);
}

.sc-theme-dark .k-input-solid .k-input-suffix {
  color: var(--tp-dark-text-color);
}

.sc-theme-dark .k-actions.k-actions-center.k-actions-horizontal.k-window-actions {
  background-color: var(--tp-dark-card-color);
}

  .sc-theme-dark .k-actions.k-actions-center.k-actions-horizontal.k-window-actions .k-button-flat-base {
    color: var(--tp-dark-text-color);
  }

    .sc-theme-dark .k-actions.k-actions-center.k-actions-horizontal.k-window-actions .k-button-flat-base::before {
      background-color: var(--tp-card-color);
    }

.sc-theme-dark .k-window-titlebar {
  background-color: var(--tp-primary-color);
  color: var(--tp-dark-text-color);
}

/******************** WIZARD ********************/
.k-wizard {
  font-family: 'IRANSansXFaNum';
}

  .k-wizard .k-wizard-step:focus,
  .k-wizard .k-wizard-step.k-focus {
    outline: none;
    outline-width: 0;
  }

.k-wizard-buttons-right {
  display: flex;
  gap: 1rem;
}

.sc-wizard .k-stepper > .k-progressbar {
  height: 4px;
  top: 16px;
  background-color: #ccc;
}

  .sc-wizard .k-stepper > .k-progressbar .k-selected {
    background-color: var(--tp-primary-color);
  }

.sc-wizard .k-stepper .k-step-list-horizontal .k-step-current .k-step-label {
  background-color: transparent;
  color: var(--tp-primary-color);
}

.sc-wizard-step {
  width: 40px;
  height: 40px;
  border: 2px solid var(--tp-border-color);
  border-radius: var(--tp-border-radius-medium);
  background-clip: padding-box;
  box-sizing: border-box;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tp-white-color);
  margin-bottom: 5px;
}

.sc-wizard .k-step-done .sc-wizard-step {
  background-color: var(--tp-success-color);
  color: var(--tp-white-color);
  border: 1px solid #ccc;
}

.sc-wizard .k-step:not(.k-step-done):not(.k-step-current) .sc-wizard-step {
  border: 2px solid #ccc;
}

.sc-wizard .k-step-current .sc-wizard-step {
  background-color: var(--tp-primary-color);
  color: var(--tp-white-color);
  border: 1px solid #ccc;
}

.sc-wizard .k-step-link .k-icon {
  width: 24px;
  color: #000;
}

.k-step-link .sc-wizard-label {
  color: var(--tp-primary-color);
  font-weight: bold;
}

/******************** PANEL BAR ********************/
.k-panelbar {
  font-family: 'IRANSansXFaNum';
  border-radius: 0.625rem;
}

  .k-panelbar > .k-panelbar-header > .k-link {
    border-radius: 0.625rem;
  }

    .k-panelbar > .k-panelbar-header > .k-link:focus,
    .k-panelbar > .k-panelbar-header > .k-link.k-focus {
      box-shadow: none;
    }

/******************** NUMERIC TEXTBOX ********************/
.k-numerictextbox {
  width: 100%;
  max-width: 200px;
}

  .k-numerictextbox .k-input-suffix {
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "IRANSansXFaNum"
  }

/******************** MENU ********************/
.k-menu-group .k-menu-link {
  padding-top: 8px;
  padding-bottom: 8px;
}

.k-menu-group .k-item:focus > .k-link,
.k-menu-group .k-item.k-focus > .k-link,
.k-menu.k-context-menu .k-item:focus > .k-link,
.k-menu.k-context-menu .k-item.k-focus > .k-link {
  box-shadow: none;
}

/********************DARK MODE MENU ********************/
.sc-theme-dark .app-header-menu .align-items-stretch .menu-link.active {
  background-color: var(--tp-dark-primary-hover-color);
}

.sc-theme-dark .menu-lg-row .menu-item .menu-title, .sc-theme-dark .menu-lg-row .menu-item .menu-icon i {
  color: var(--tp-secondary-color) !important;
}

/******************** GRID ********************/
.k-grid {
  font-family: "IRANSansXFaNum";
  border-radius: 8px 8px 0 0;
}

.k-toolbar {
  font-family: "IRANSansXFaNum";
}

.k-grid .k-grid-header {
  padding-inline-end: 0;
  border-radius: 8px 8px 0 0;
}

.k-grid .k-grid-header-wrap {
  border-radius: 8px 8px 0 0;
}

.k-grid .k-grid-header .k-table-th {
  padding: 15px;
  background-color: var(--tp-primary-color);
  color: var(--tp-white-color);
  text-align: center;
}

.k-grid-content {
  overflow-y: auto;
}

.k-grid .k-cell-inner > .k-link {
  justify-content: center;
}

.k-table-td.k-command-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.k-grid .k-table-alt-row {
  background-color: var(--tp-white-color);
}

.k-grid .k-grid-header .k-table-th {
  vertical-align: middle;
}

.k-rtl.k-table .k-table-th,
.k-rtl.k-table .k-table-td,
.k-rtl .k-table .k-table-th,
.k-rtl .k-table .k-table-td,
[dir=rtl].k-table .k-table-th,
[dir=rtl].k-table .k-table-td,
[dir=rtl] .k-table .k-table-th,
[dir=rtl] .k-table .k-table-td {
  border-bottom: 1px solid var(--tp-border-color);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding: 13px;
}

.k-grid-footer .k-table-td {
  text-align: center;
}

.k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon {
  color: var(--tp-white-color);
}

.k-toolbar .k-input.k-grid-search {
    width: 250px;
    max-width: 100%;
}
/******************** DARK MODE GRID ********************/
.sc-theme-dark .k-table-row.k-master-row {
    background-color: var(--tp-dark-menu-item-color);
    color: var(--tp-white-color);
}

.sc-theme-dark .k-grid tbody > tr:not(.k-detail-row):hover {
  background-color: var(--tp-dark-menu-item-hover-color);
  color: var(--tp-dark-card-color);
}

.sc-theme-dark .telerik-blazor.k-pager.k-pager-md.k-grid-pager {
  background-color: var(--tp-dark-card-color);
  color: var(--tp-dark-text-color);
}

.sc-theme-dark .k-pager-numbers {
  background-color: var(--tp-dark-text-color);
}

/******************** CHART ********************/
.k-chart {
  font-family: "IRANSansXFaNum";
}

.k-chart text {
    font-family: "IRANSansXFaNum" !important;
}


/******************** CAROUSEL ********************/
.k-scrollview {
    font-family: 'IRANSansXFaNum';
    background-color: transparent;
}

/******************** DROPDOWN BUTTON ********************/
.k-menu-group .k-menu-link .k-menu-link-text {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px;
}

/******************** TREE VIEW ********************/
.k-treeview {
    font-family: 'IRANSansXFaNum';
}

.k-treeview-leaf:focus, 
.k-treeview-leaf.k-focus {
    box-shadow: none;
}

.k-rtl .k-treeview .k-treeview-item, 
[dir=rtl] .k-treeview .k-treeview-item, 
.k-treeview.k-rtl .k-treeview-item, 
.k-treeview[dir=rtl] .k-treeview-item {
    padding-right: 0;
}