/********************* TELERIK OVRRIDE ***************************/

/* GLOBAL */
.k-color-secondary {
    color: var(--tp-secondary-color) !important;
}

/* FORM */
.k-form .k-form-field >
.k-label,
.k-form .k-form-field > kendo-label,
.k-form .k-form-label {
    margin-bottom: .5rem !important;
}

.k-textbox.k-input,
.k-input {
    box-shadow: inset 1px 0px 24px 0px rgba(144, 147, 152, .05) !important;
}

.k-input.k-disabled,
.k-input.k-state-disabled,
.k-input:disabled {
    background-color: #eff0f4 !important;
    color: #909398 !important;
}

.k-form .k-form-fieldset {
    margin: 1em 0 0 !important;
}

.k-input-suffix .k-button {
    height: 28px;
}

.k-radio:checked, .k-radio.k-checked {
    border-color: var(--tp-primary-color) !important;
    background-color: var(--tp-primary-color) !important;
}

.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: var(--tp-primary-color) !important;
    background-color: var(--tp-primary-color) !important;
}

.k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus {
    box-shadow: 0 0 0 2px rgba(31, 35, 64, 0.3);
}

.k-combobox.k-input .k-input-button {
    background-color: transparent !important;
    border-color: transparent;
    background-image: none;
}

.k-switch-on .k-switch-track {
    border-color: var(--tp-primary-color) !important;
    background-color: var(--tp-primary-color) !important;
}

.k-switch.k-switch-off .k-switch-track {
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-top-style: none !important;
    background-color: #cfcfcf !important;
    background-image: none !important;
}

.k-switch-label-on,
.k-switch-label-off {
    display: none !important;
}

.k-switch-on:focus .k-switch-track,
.k-switch-on.k-focus .k-switch-track {
    outline: 2px solid rgba(31, 45, 64, 0.25);
}

.tp-numeric .k-input-spinner.k-spin-button {
    display: inline-flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    height: 36px;
}

.k-form-hint, .k-form-error {
    margin-top: 0;
}

.k-picker-solid {
    background-color: transparent;
    background-image: none;
}

.k-input,
.k-dropdownlist,
.k-dropdownlist.k-picker {
    border: 1px solid var(--tp-light-border-color);
    height: 38px;
    box-shadow: inset 1px 0px 24px 0px rgba(144, 147, 152, .05) !important;
}

.k-input.k-textarea,
.k-input.k-multiselect {
    height: auto;
    min-height: 38px;
    box-shadow: inset 1px 0px 24px 0px rgba(144, 147, 152, .05) !important;
}

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

.k-textbox.k-input.k-input-solid.k-focus,
.k-textbox.k-input.k-input-solid.k-state-focus,
.k-textbox.k-input.k-input-solid.k-state-focused,
.k-textbox.k-input.k-input-solid:focus {
    border-color: var(--tp-light-border-color);
}

.k-input-solid:focus-within {
    border-color: var(--tp-light-border-color);
}

/* MODAL / WINDOW */
.modal .modal-dialog .modal-body h1.display-2 i {
    color: var(--tp-primary-color) !important;
}

.modal-header h1,
.modal-header .h1,
.modal-header h2,
.modal-header .h2,
.modal-header h3,
.modal-header .h3,
.modal-header h4,
.modal-header .h4,
.modal-header h5,
.modal-header .h5,
.modal-header h6,
.modal-header .h6 {
    font-family: IRANSans;
}

.k-window {
    background-color: var(--tp-white-color);
}

.k-window-title {
    display: flex;
    align-items: center;
    color: var(--tp-primary-color);
}

    .k-window-title i {
        font-size: 26px;
        margin-left: 10px;
    }

.k-window .k-window-content {
    background-color: var(--tp-white-color);
}

.k-actions.k-window-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: var(--tp-light-card-color);
}

.k-actions.k-actions-stretched {
    justify-content: center !important;
}

.k-actions-stretched > * {
    flex: initial;
}

/** CHIP **/
/** CHIP **/
/** CHIP **/
.k-chip {
    width: 100%;
    padding: 5px 15px;
    max-width: max-content;
    height: 28px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-width: 0;
}

.k-multiselect .k-chip {
    max-width: 130px;
}

.k-chip-content {
    flex: initial;
    font-weight: 500;
}

.k-chip:hover .k-chip-content {
    color: initial;
}

.k-chip.k-chip-solid-base {
    color: var(--tp-primary-color);
    background-color: rgb(31 45 64 / 20%);
}

.k-chip.k-chip-solid-success {
    color: var(--tp-success-color);
    background-color: rgb(52 199 89 / 20%);
}

.k-chip.k-chip-solid-success .k-chip-content {
    color: var(--tp-success-color);
}

.k-chip.k-chip-solid-error {
    color: var(--tp-danger-color);
    background-color: rgb(255 69 58 / 20%);
}

.k-chip.k-chip-solid-error .k-chip-content {
    color: var(--tp-danger-color);
}

.k-chip.k-chip-solid-warning {
    color: var(--tp-warning-color);
    background-color: rgb(255 213 79 / 20%);
}

.k-chip.k-chip-solid-warning .k-chip-content {
    color: var(--tp-warning-color);
}

.k-chip.k-chip-solid-info {
    color: var(--tp-info-color);
    background-color: rgb(0 86 179 / 20%);
}

.k-chip.k-chip-solid-info .k-chip-content {
    color: var(--tp-info-color);
}

/** SWITCH **/
/** SWITCH **/
/** SWITCH **/
.k-switch-md {
    width: 32px;
    height: 16px;
    border-radius: 32px;
}

.k-switch-md .k-switch-track {
    width: 32px;
    height: 16px;
}

.k-switch.k-switch-on .k-switch-thumb-wrap .k-switch-thumb {
    width: 10px;
    height: 10px;
}

.k-switch.k-switch-off .k-switch-thumb-wrap .k-switch-thumb {
    width: 10px;
    height: 10px;
}

.k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
[dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
.k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
    left: calc(100% - 20px - 3px);
}

.k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
[dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
.k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
    left: calc(20px + 3px);
}

/** TAB STRIP **/
/** TAB STRIP **/
/** TAB STRIP **/
.k-tabstrip-content:focus,
.k-tabstrip-content.k-focus,
.k-tabstrip > .k-content:focus,
.k-tabstrip > .k-content.k-focus {
    outline: none;
}

.k-tabstrip-items .k-item {
    border: 0;
    border-bottom: 3px solid transparent;
}

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

.k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-items-wrapper .k-item.k-active,
.k-tabstrip-items-wrapper .k-item.k-selected {
    background-color: transparent;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    border-bottom-width: 3px;
    border-bottom-color: var(--tp-primary-color) !important;
}

.k-tabstrip-items .k-link {
    color: var(--tp-dark-disabled-color);
}

.k-tabstrip-items .k-active .k-link {
    color: var(--tp-primary-color);
}

.k-tabstrip-content,
.k-tabstrip > .k-content {
    margin-top: 24px !important;
    border: none;
    padding: 5px;
    background-color: transparent;
}

.k-tabstrip-items-wrapper .k-item {
    color: #444;
}

.k-tabstrip-items-wrapper .k-item:hover,
.k-tabstrip-items-wrapper .k-item.k-hover {
    color: #444;
}

.k-listview {
    background-color: transparent;
}

/** STEPPER **/
/** STEPPER **/
/** STEPPER **/
.k-stepper .k-step-link {
    overflow: visible;
}

.k-stepper .k-step-indicator {
    width: 36px;
    height: 36px;
    border-width: 3px;
    border-color: var(--tp-primary-color);
    color: var(--tp-primary-color);
}

.k-stepper .k-step-current .k-step-indicator {
    background-color: var(--tp-secondary-color) !important;
    border-top-color: var(--tp-primary-color) !important;
    border-bottom-color: var(--tp-primary-color) !important;
    border-left-color: var(--tp-primary-color) !important;
    border-right-color: var(--tp-primary-color) !important;
    color: var(--tp-primary-color) !important;
}

.k-stepper .k-step-current .k-step-indicator::before {
    color: var(--tp-primary-color);
}

.k-stepper .k-step-current:hover .k-step-indicator,
.k-stepper .k-step-current.k-hover .k-step-indicator,
.k-stepper .k-step-current.k-step-hover .k-step-indicator {
    background-color: var(--tp-secondary-color);
}

.k-stepper .k-step-label .k-step-text {
    font-size: 14px;
    color: var(--tp-dark-disabled-color);
}

.k-stepper .k-step-current .k-step-label .k-step-text {
    color: var(--tp-primary-color);
}

.k-stepper .k-step-indicator .k-step-indicator-text {
    font-weight: 600;
}

.k-stepper .k-step-list .k-step.k-step-done .k-step-link .k-step-indicator {
    background-color: var(--tp-secondary-color) !important;
    border-top-color: var(--tp-primary-color) !important;
    border-bottom-color: var(--tp-primary-color) !important;
    border-left-color: var(--tp-primary-color) !important;
    border-right-color: var(--tp-primary-color) !important;
    color: var(--tp-primary-color) !important;
}

.k-stepper .k-step-list-horizontal .k-step-indicator::after {
    display: block;
    position: absolute;
    content: "";
    right: -14px;
    left: 0px;
    top: -3px;
    bottom: 0px;
    width: 57px;
    height: 36px;
    background-image: url("./assets/images/ind-left-right.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    box-shadow: none
}

.k-stepper .k-step-list-horizontal .k-step-first .k-step-indicator::after {
    background-image: url("./assets/images/ind-left.png");
    width: 36px;
    right: 4px;
}

.k-stepper .k-step-list-horizontal .k-step-last .k-step-indicator::after {
    background-image: url("./assets/images/ind-right.png");
    width: 36px;
    right: -11px;
}

.k-stepper .k-step-list-horizontal .k-step-indicator::before {
    content: "---";
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: auto;
    bottom: -20px;
    left: 7px;
    transform: rotate(90deg);
    color: var(--tp-dark-disabled-color);
}

.k-step-list-horizontal .k-step-indicator + .k-step-label {
    margin-top: 15px;
}

.k-step-list-horizontal ~ .k-progressbar {
    height: 10px;
    top: calc((27px + 2 * 2px) / 2 + 2px / 2);
    background-color: var(--tp-primary-color);
}

.k-stepper
.k-progressbar.k-progressbar-horizontal
.k-progressbar-value.k-selected {
    background-color: var(--tp-primary-color);
}

.k-step-list-vertical .k-step {
    min-height: calc(41px + 2 * 1px + 2 * 2px + 20px);
}

.k-stepper .k-step-list-vertical .k-step-indicator::after {
    display: block;
    position: absolute;
    content: "";
    right: -3px;
    left: 0px;
    top: -14px;
    bottom: 0px;
    width: 36px;
    height: 57px;
    background-image: url("./assets/images/ind-top-bottom.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    box-shadow: none
}

.k-stepper .k-step-list-vertical .k-step-first .k-step-indicator::after {
    background-image: url("./assets/images/ind-bottom.png");
    top: 4px;
    height: 36px;
}

.k-stepper .k-step-list-vertical .k-step-last .k-step-indicator::after {
    background-image: url("./assets/images/ind-top.png");
    top: -11px;
    height: 36px;
}

.k-stepper .k-step-list-vertical .k-step-indicator::before {
    content: "---";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    left: -20px;
    color: var(--tp-dark-disabled-color);
}

.k-step-list-vertical ~ .k-progressbar {
    width: 10px;
    background-color: var(--tp-primary-color);
    left: calc((26px + 2 * 1px + 2 * 2px) / 2);
}

.k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar,
.k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar {
    left: auto;
    right: calc((26px + 2 * 1px + 2 * 2px) / 2);
}

.k-stepper
.k-progressbar.k-progressbar-vertical
.k-progressbar-value.k-selected {
    background-color: var(--tp-primary-color);
}

.k-stepper .k-step-list-vertical .k-step-label .k-step-text {
    width: max-content;
    max-width: max-content;
}

.k-rtl .k-stepper .k-step-list-vertical .k-step-indicator + .k-step-label,
.k-stepper[dir=rtl] .k-step-list-vertical .k-step-indicator + .k-step-label {
    margin-right: 20px;
}

/** BUTTON **/
/** BUTTON **/
/** BUTTON **/
.k-button {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
}

.k-button .k-button-text {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px !important;
}

.k-button.k-selected {
    background-color: var(--tp-primary-color);
    color: var(--tp-secondary-color);
}

.k-pager-numbers .k-button.k-selected {
    background-color: var(--tp-primary-color);
    color: var(--tp-white-color);
}

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

.k-button.k-button-solid-primary:hover .k-button-icon {
    color: var(--tp-secondary-color);
}

.k-button.k-button-solid-success .k-button-text,
.k-button.k-button-solid-error .k-button-text {
    color: var(--tp-white-color);
}

.k-button.k-button-solid-success:hover .k-button-text,
.k-button.k-button-solid-error:hover .k-button-text {
    color: var(--tp-primary-color);
}

.k-wizard .k-wizard-buttons-right .k-button:last-of-type {
    margin-right: 10px;
}

.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link {
    align-items: center;
    gap: 10px;
}

.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;
}

.k-menu-group .k-item > .k-link:active,
.k-menu-group .k-item > .k-link.k-active,
.k-menu-group .k-item > .k-link.k-selected,
.k-menu.k-context-menu .k-item > .k-link:active,
.k-menu.k-context-menu .k-item > .k-link.k-active,
.k-menu.k-context-menu .k-item > .k-link.k-selected {
    background-color: var(--tp-primary-color);
}

.k-menu-button .k-menu-button-arrow {
    margin-right: auto;
}

.k-button-solid-light {
    border: 1px solid var(--tp-light-border-color);
}

.k-button {
    background-image: none !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-top-width: 0px !important;
}

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

.k-button-solid-primary {
    border-color: var(--tp-primary-color) !important;
    background-color: var(--tp-primary-color) !important;
}

.k-button-solid-secondary {
    border-color: #f1f1f4 !important;
    color: var(--tp-primary-color) !important;
    background-color: #f1f1f4 !important;
}

.k-button.k-button-solid-primary.k-active,
.k-button.k-button-solid-primary.k-state-active,
.k-button.k-button-solid-primary:active {
    background-color: var(--tp-primary-color) !important;
}

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

.k-button-solid-light {
    background-color: #f8f9fa !important;
    border: 1px solid #EBEBEF !important;
}

.k-split-button {
    height: 40px;
}
/** BUTTON GROUP **/
/** BUTTON GROUP **/
/** BUTTON GROUP **/
.k-button-group .k-button:not(:first-child):not(:last-child) {
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
    border-start-start-radius: 8px;
    border-end-start-radius: 8px;
}

/** RADIO BUTTON **/
/** RADIO BUTTON **/
/** RADIO BUTTON **/
.k-radio {
    border-color: var(--tp-primary-color);
}

/** TIME PICKER **/
/** TIME PICKER **/
/** TIME PICKER **/
.k-timepicker .k-input-button {
    background-color: transparent;
}

.k-timepicker .k-button-icon.k-svg-icon,
.k-timepicker .k-button-icon.k-svg-icon > svg {
    width: 22px;
    height: 22px;
}

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

/** GRID | TREE LIST **/
/** GRID | TREE LIST **/
/** GRID | TREE LIST **/
.k-grid {
    background-color: var(--tp-white-color);
    border-width: 1px;
    border-radius: 16px 16px 0 0;
    padding: 0;
    border-color: var(--tp-light-border-color);
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-top-style: solid !important;
}

.k-grid-aria-root {
    border-radius: 16px 16px 0 0;
}

.k-grid .k-grid-header {
    padding-inline-end: 0;
    background-color: #EDF1F8
}

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

.k-grid-toolbar {
    background-color: var(--tp-white-color);
    padding: 0 0 8px;
    border-width: 0 0 0;
    border-radius: 16px;
    margin: 10px 10px 0;
}

.k-toolbar-item {
    margin: 5px 5px 0;
}

.k-toolbar-item .k-grid-search.k-searchbox {
    width: 300px;
}

.k-datepicker .k-button.k-button-solid-base {
    background-color: transparent;
}

.k-grid .k-button {
    padding: 7px 16px;
}

.k-grid .k-button .k-button-text {
    font-size: 12px !important;
}

.k-grid .k-checkbox-wrap .k-checkbox-md {
    width: 20px;
    height: 20px;
}

.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row > td {
    border-bottom: 1px solid var(--tp-light-border-color);
    padding: 8px;
}

.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row:last-child > td {
    border-bottom: none
}

.k-table-md {
    font-size: 14px;
}

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

.k-grid .k-table-th {
    text-align: center;
    background-color: #EDF1F8 !important;
    vertical-align: middle !important;
    height: 40px;
}

.k-detail-row .k-table-th {
    background-color: #efefef !important;
    height: 30px;
}

.k-table-td .k-chip {
    margin: 0 auto;
}

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

.k-pager {
    display: flex;
    justify-content: center;
    background-color: var(--tp-light-card-color);
}

.k-detail-cell .k-pager,
.k-grid > .k-pager {
    background-color: var(--tp-white-color);
}

.k-pager-info {
    flex: 0;
    direction: ltr;
}

.k-pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-button-flat.k-button-flat-primary.k-selected {
    background-color: var(--tp-primary-color) !important;
}

.k-pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-button-flat.k-selected:hover {
    color: var(--tp-white-color);
}

.k-pager-md .k-pager-numbers-wrap .k-button {
    border: 1px solid var(--tp-light-border-color);
    background: #F9F9F9 !important;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

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

.k-grid-table .k-table-td.k-hierarchy-cell,
.k-grid-table .k-table-td.k-detail-cell {
    background-color: #EDF1F8;
}

.k-menu:not(.k-context-menu) > .k-item:focus,
.k-menu:not(.k-context-menu) > .k-item.k-focus {
    box-shadow: none;
}

.k-list-item {
    align-items: center;
    gap: 5px !important;
}

.k-list-item:focus,
.k-list-optionlabel:focus,
.k-list-item.k-focus,
.k-focus.k-list-optionlabel {
    box-shadow: none;
    color: #424242 !important;
}

.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-focus,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-focus.k-list-optionlabel,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focus,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-state-focus.k-list-optionlabel,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focused,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-state-focused.k-list-optionlabel,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item:focus,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-optionlabel:focus {
    color: #717171;
}

.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    color: white !important;
    background-color: var(--tp-primary-color);
}

.k-list-item.k-selected:hover,
.k-selected.k-list-optionlabel:hover,
.k-list-item.k-selected.k-hover,
.k-selected.k-hover.k-list-optionlabel {
    color: white !important;
    background-color: var(--tp-primary-color);
}

.k-grid .k-table-thead .k-table-row .k-header.k-table-th,
.k-grid .k-grid-header .k-table-row .k-header.k-table-th {
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-top-style: none !important;
    background-color: #fafcff !important;
    background-image: none !important;
    color: #909398 !important;
}

.k-table-td {
    border-left-width: unset !important;
    border-right-width: unset !important;
    border-top-width: unset !important;
    border-left-color: unset !important;
    border-right-color: unset !important;
    border-top-color: unset !important;
    outline-color: unset !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-top-style: none !important;
    background-color: #fff !important;
    background-image: none !important;
}

.k-grid .k-table-row.k-table-alt-row {
    background-color: initial !important;
    background-image: none !important;
}

.k-pager {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-top-style: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-top-width: 0 !important;
}

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

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

/** VERTICAL MENU **/
/** VERTICAL MENU **/
/** VERTICAL MENU **/
.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-icon {
    margin-left: 5px
}

.k-menu-vertical.k-menu:not(.k-context-menu) {
    background-color: var(--tp-white-color);
    border-radius: 16px;
    padding-block: 16px !important;
    padding-inline: 8px !important;
}

.k-menu-vertical.k-menu:not(.k-context-menu) > .k-item {
    color: var(--tp-dark-disabled-color);
}

.k-menu-vertical.k-menu:not(.k-context-menu) .k-svg-icon {
    width: 24px;
    height: 24px;
}

.k-menu-vertical > .k-menu-item > .k-menu-link {
    padding-block: 8px;
    padding-inline: 0;
}

.k-menu-link-text {
    font-size: 14px;
    line-height: 40px;
}

/** TOAST NOTIFICATIONS **/
/** TOAST NOTIFICATIONS **/
/** TOAST NOTIFICATIONS **/
.snackbar {
    background-color: var(--tp-white-color);
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0px 0px 20px 0px rgba(153, 161, 183, 0.08) !important;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(153, 161, 183, 0.08) !important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(153, 161, 183, 0.08) !important;
}

.snackbar::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 30px;
    vertical-align: middle;
    position: absolute;
    top: 25%;
    margin-right: 5px;
}

.snackbar.snackbar-warning::before {
    content: "\f071";
    color: var(--tp-warning-color);
}

.snackbar.snackbar-info::before {
    content: "\f05a";
    color: var(--tp-primary-color);
}

.snackbar.snackbar-success::before {
    content: "\f058";
    color: var(--tp-success-color);
}

.snackbar.snackbar-danger::before {
    content: "\f057";
    color: var(--tp-danger-color);
}

.snackbar.snackbar-info {
    border-right: 10px solid var(--tp-primary-color);
}

.snackbar.snackbar-success {
    border-right: 10px solid var(--tp-success-color);
}

.snackbar.snackbar-warning {
    border-right: 10px solid var(--tp-warning-color);
}

.snackbar.snackbar-danger {
    border-right: 10px solid var(--tp-danger-color);
}

.snackbar-header {
    font-size: 15px;
    color: var(--tp-primary-color);
    margin-right: 50px;
    padding-bottom: 5px;
}

.snackbar-body {
    font-size: 14px;
    color: var(--tp-primary-color);
    margin-right: 50px;
}

.snackbar-action-button {
    margin-left: 0;
    margin-right: 3rem;
}

.snackbar-action-button i {
    font-size: 18px;
    color: var(--tp-primary-color)
}

.snackbar-stack-top-end,
.snackbar-stack-top-start,
.snackbar-stack-top {
    z-index: 99999 !important;
}

/** CARD **/
/** CARD **/
/** CARD **/
.k-card {
    border: 1px solid var(--tp-light-border-color) !important;
    color: var(--tp-primary-color);
    background-color: var(--tp-white-color);
    box-shadow: none;
    border-radius: 16px;
}

/** MUD DATE PICKER **/
/** MUD DATE PICKER **/
/** MUD DATE PICKER **/
.mud-input-control {
    margin-top: 0;
}

.mud-popover.mud-popover-open {
    z-index: 99999 !important;
}

.mud-primary {
    background-color: var(--tp-primary-color) !important;
}

.mud-input {
    color: var(--tp-primary-color);
    height: 38px;
    box-shadow: inset 1px 0px 24px 0px rgba(144,147,152,.05);
    inset 1px 0px 24px 0px rgba(144, 147, 152, .05) !important;
    font-size: 15px;
    line-height: 1.5;
    padding-block: 4px;
    padding-inline: 8px;
    border-radius: .375rem;
    border: 1px solid var(--tp-light-border-color);
}

.mud-input-control.mud-input-control-margin-dense {
    margin-top: 0 !important;
    margin-bottom: 0;
}

.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0;
}

.mud-picker-inline.mud-picker-input-button .mud-input,
.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root {
    height: 40px;
    padding: 0 7px;
}

.mud-input.mud-input-underline:before,
.mud-input.mud-input-underline:hover:not(.mud-disabled):before,
.mud-input.mud-input-underline:after {
    border-bottom: none
}

.mud-paper {
    border-radius: 16px;
}

.mud-picker-container .mud-toolbar {
    padding: 16px 24px 14px 24px;
}

.mud-theme-primary,
.mud-range-selection-primary:hover {
    background-color: var(--tp-primary-color) !important;
}

.mud-primary-text {
    color: var(--tp-primary-color) !important;
}

.mud-button-root,
.mud-button-month p,
.mud-typography {
    font-family: IRANSans;
}

.mud-button-year span {
    font-size: 20px
}

.mud-button-date span {
    font-size: 24px
}

.mud-picker-nav-button-prev .mud-svg-icon,
.mud-picker-nav-button-next .mud-svg-icon {
    transform: rotate(180deg);
}

.mud-picker-calendar-header-day .mud-day-label {
    font-size: 10px
}

.mud-button-outlined.mud-button-outlined-primary {
    color: var(--tp-primary-color);
    border: 1px solid var(--tp-primary-color);
}

.mud-picker-calendar .mud-day.mud-range.mud-range-between {
    background-color: #F1F1F4;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-start-selected {
    border-radius: 0% 50% 50% 0%;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-end-selected,
.mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) {
    border-radius: 50% 0% 0% 50%;
}





/********************* TELERIK OVRRIDE ***************************/

/* GLOBAL */
.k-color-secondary {
    color: var(--tp-secondary-color) !important;
}

/* FORM */
.k-form .k-form-field >
.k-label,
.k-form .k-form-field > kendo-label,
.k-form .k-form-label {
    margin-bottom: .5rem !important;
}

.k-textbox.k-input,
.k-input {
    box-shadow: inset 1px 0px 24px 0px rgba(144, 147, 152, .05) !important;
}

.k-input.k-disabled,
.k-input.k-state-disabled,
.k-input:disabled {
    background-color: #eff0f4 !important;
    color: #909398 !important;
}

.k-form .k-form-fieldset {
    margin: 1em 0 0 !important;
}

.k-input-suffix .k-button {
    height: 28px;
}

.k-radio:checked, .k-radio.k-checked {
    border-color: var(--tp-primary-color) !important;
    background-color: var(--tp-primary-color) !important;
}

.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: var(--tp-primary-color) !important;
    background-color: var(--tp-primary-color) !important;
}

.k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus {
    box-shadow: 0 0 0 2px rgba(31, 35, 64, 0.3);
}

.k-combobox.k-input .k-input-button {
    background-color: transparent !important;
    border-color: transparent;
    background-image: none;
}

.k-switch-on .k-switch-track {
    border-color: var(--tp-primary-color) !important;
    background-color: var(--tp-primary-color) !important;
}

.k-switch.k-switch-off .k-switch-track {
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-top-style: none !important;
    background-color: #cfcfcf !important;
    background-image: none !important;
}

.k-switch-label-on,
.k-switch-label-off {
    display: none !important;
}

.k-switch-on:focus .k-switch-track,
.k-switch-on.k-focus .k-switch-track {
    outline: 2px solid rgba(31, 45, 64, 0.25);
}

.tp-numeric .k-input-spinner.k-spin-button {
    display: inline-flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    height: 36px;
}

.k-form-hint, .k-form-error {
    margin-top: 0;
}

.k-picker-solid {
    background-color: transparent;
    background-image: none;
}

.k-input,
.k-dropdownlist,
.k-dropdownlist.k-picker {
    border: 1px solid var(--tp-light-border-color);
    height: 38px;
    box-shadow: inset 1px 0px 24px 0px rgba(144, 147, 152, .05) !important;
}

.k-input.k-textarea,
.k-input.k-multiselect {
    height: auto;
    min-height: 38px;
    box-shadow: inset 1px 0px 24px 0px rgba(144, 147, 152, .05) !important;
}

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

.k-textbox.k-input.k-input-solid.k-focus,
.k-textbox.k-input.k-input-solid.k-state-focus,
.k-textbox.k-input.k-input-solid.k-state-focused,
.k-textbox.k-input.k-input-solid:focus {
    border-color: var(--tp-light-border-color);
}

.k-input-solid:focus-within {
    border-color: var(--tp-light-border-color);
}

/* MODAL / WINDOW */
.modal-content {
    border: 2px solid var(--tp-primary-color) !important;
    border-top: 8px solid var(--tp-primary-color) !important;
    border-radius: 16px !important;
}

.modal .modal-dialog .modal-body h1.display-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal .modal-dialog .modal-body h1.display-2 i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tp-white-color) !important;
    font-size: 35px;
    background-color: var(--tp-primary-color) !important;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-top: 20px;
}

.modal-header h1,
.modal-header .h1,
.modal-header h2,
.modal-header .h2,
.modal-header h3,
.modal-header .h3,
.modal-header h4,
.modal-header .h4,
.modal-header h5,
.modal-header .h5,
.modal-header h6,
.modal-header .h6 {
    font-family: IRANSans;
}

.k-window {
    background-color: var(--tp-white-color);
}

.k-window-title {
    display: flex;
    align-items: center;
    color: var(--tp-primary-color);
}

.k-window-title i {
    font-size: 26px;
    margin-left: 10px;
}

.k-window .k-window-content {
    background-color: var(--tp-white-color);
}

.k-actions.k-window-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: var(--tp-light-card-color);
}

.k-actions.k-actions-stretched {
    justify-content: center !important;
}

.k-actions-stretched > * {
    flex: initial;
}

/** CHIP **/
/** CHIP **/
/** CHIP **/
.k-chip {
    width: 100%;
    padding: 5px 15px;
    max-width: max-content;
    height: 28px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-width: 0;
}

.k-multiselect .k-chip {
    max-width: 130px;
}

.k-chip-content {
    flex: initial;
    font-weight: 500;
}

.k-chip:hover .k-chip-content {
    color: initial;
}

.k-chip.k-chip-solid-base {
    color: var(--tp-primary-color);
    background-color: rgb(31 45 64 / 20%);
}

.k-chip.k-chip-solid-success {
    color: var(--tp-success-color);
    background-color: rgb(52 199 89 / 20%);
}

.k-chip.k-chip-solid-success .k-chip-content {
    color: var(--tp-success-color);
}

.k-chip.k-chip-solid-error {
    color: var(--tp-danger-color);
    background-color: rgb(255 69 58 / 20%);
}

.k-chip.k-chip-solid-error .k-chip-content {
    color: var(--tp-danger-color);
}

.k-chip.k-chip-solid-warning {
    color: var(--tp-warning-color);
    background-color: rgb(255 213 79 / 20%);
}

.k-chip.k-chip-solid-warning .k-chip-content {
    color: var(--tp-warning-color);
}

.k-chip.k-chip-solid-info {
    color: var(--tp-info-color);
    background-color: rgb(0 86 179 / 20%);
}

.k-chip.k-chip-solid-info .k-chip-content {
    color: var(--tp-info-color);
}

/** SWITCH **/
/** SWITCH **/
/** SWITCH **/
.k-switch-md {
    width: 32px;
    height: 16px;
    border-radius: 32px;
}

.k-switch-md .k-switch-track {
    width: 32px;
    height: 16px;
}

.k-switch.k-switch-on .k-switch-thumb-wrap .k-switch-thumb {
    width: 10px;
    height: 10px;
}

.k-switch.k-switch-off .k-switch-thumb-wrap .k-switch-thumb {
    width: 10px;
    height: 10px;
}

.k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
[dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
.k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
    left: calc(100% - 20px - 3px);
}

.k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
[dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
.k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
    left: calc(20px + 3px);
}

/** TAB STRIP **/
/** TAB STRIP **/
/** TAB STRIP **/
.k-tabstrip-content:focus,
.k-tabstrip-content.k-focus,
.k-tabstrip > .k-content:focus,
.k-tabstrip > .k-content.k-focus {
    outline: none;
}

.k-tabstrip-items .k-item {
    border: 0;
    border-bottom: 3px solid transparent;
}

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

.k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-items-wrapper .k-item.k-active,
.k-tabstrip-items-wrapper .k-item.k-selected {
    background-color: transparent;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    border-bottom-width: 3px;
    border-bottom-color: var(--tp-primary-color) !important;
}

.k-tabstrip-items .k-link {
    color: var(--tp-dark-disabled-color);
}

.k-tabstrip-items .k-active .k-link {
    color: var(--tp-primary-color);
}

.k-tabstrip-content,
.k-tabstrip > .k-content {
    margin-top: 24px !important;
    border: none;
    padding: 5px;
    background-color: transparent;
}

.k-tabstrip-items-wrapper .k-item {
    color: #444;
}

.k-tabstrip-items-wrapper .k-item:hover,
.k-tabstrip-items-wrapper .k-item.k-hover {
    color: #444;
}

.k-listview {
    background-color: transparent;
}

/** STEPPER **/
/** STEPPER **/
/** STEPPER **/
.k-stepper .k-step-link {
    overflow: visible;
}

.k-stepper .k-step-indicator {
    width: 36px;
    height: 36px;
    border-width: 3px;
    border-color: var(--tp-primary-color);
    color: var(--tp-primary-color);
}

.k-stepper .k-step-current .k-step-indicator {
    background-color: var(--tp-secondary-color) !important;
    border-top-color: var(--tp-primary-color) !important;
    border-bottom-color: var(--tp-primary-color) !important;
    border-left-color: var(--tp-primary-color) !important;
    border-right-color: var(--tp-primary-color) !important;
    color: var(--tp-primary-color) !important;
}

.k-stepper .k-step-current .k-step-indicator::before {
    color: var(--tp-primary-color);
}

.k-stepper .k-step-current:hover .k-step-indicator,
.k-stepper .k-step-current.k-hover .k-step-indicator,
.k-stepper .k-step-current.k-step-hover .k-step-indicator {
    background-color: var(--tp-secondary-color);
}

.k-stepper .k-step-label .k-step-text {
    font-size: 14px;
    color: var(--tp-dark-disabled-color);
}

.k-stepper .k-step-current .k-step-label .k-step-text {
    color: var(--tp-primary-color);
}

.k-stepper .k-step-indicator .k-step-indicator-text {
    font-weight: 600;
}

.k-stepper .k-step-list .k-step.k-step-done .k-step-link .k-step-indicator {
    background-color: var(--tp-secondary-color) !important;
    border-top-color: var(--tp-primary-color) !important;
    border-bottom-color: var(--tp-primary-color) !important;
    border-left-color: var(--tp-primary-color) !important;
    border-right-color: var(--tp-primary-color) !important;
    color: var(--tp-primary-color) !important;
}

.k-stepper .k-step-list-horizontal .k-step-indicator::after {
    display: block;
    position: absolute;
    content: "";
    right: -14px;
    left: 0px;
    top: -3px;
    bottom: 0px;
    width: 57px;
    height: 36px;
    background-image: url("./assets/images/ind-left-right.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    box-shadow: none
}

.k-stepper .k-step-list-horizontal .k-step-first .k-step-indicator::after {
    background-image: url("./assets/images/ind-left.png");
    width: 36px;
    right: 4px;
}

.k-stepper .k-step-list-horizontal .k-step-last .k-step-indicator::after {
    background-image: url("./assets/images/ind-right.png");
    width: 36px;
    right: -11px;
}

.k-stepper .k-step-list-horizontal .k-step-indicator::before {
    content: "---";
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: auto;
    bottom: -20px;
    left: 7px;
    transform: rotate(90deg);
    color: var(--tp-dark-disabled-color);
}

.k-step-list-horizontal .k-step-indicator + .k-step-label {
    margin-top: 15px;
}

.k-step-list-horizontal ~ .k-progressbar {
    height: 10px;
    top: calc((27px + 2 * 2px) / 2 + 2px / 2);
    background-color: var(--tp-primary-color);
}

.k-stepper
.k-progressbar.k-progressbar-horizontal
.k-progressbar-value.k-selected {
    background-color: var(--tp-primary-color);
}

.k-step-list-vertical .k-step {
    min-height: calc(41px + 2 * 1px + 2 * 2px + 20px);
}

.k-stepper .k-step-list-vertical .k-step-indicator::after {
    display: block;
    position: absolute;
    content: "";
    right: -3px;
    left: 0px;
    top: -14px;
    bottom: 0px;
    width: 36px;
    height: 57px;
    background-image: url("./assets/images/ind-top-bottom.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    box-shadow: none
}

.k-stepper .k-step-list-vertical .k-step-first .k-step-indicator::after {
    background-image: url("./assets/images/ind-bottom.png");
    top: 4px;
    height: 36px;
}

.k-stepper .k-step-list-vertical .k-step-last .k-step-indicator::after {
    background-image: url("./assets/images/ind-top.png");
    top: -11px;
    height: 36px;
}

.k-stepper .k-step-list-vertical .k-step-indicator::before {
    content: "---";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    left: -20px;
    color: var(--tp-dark-disabled-color);
}

.k-step-list-vertical ~ .k-progressbar {
    width: 10px;
    background-color: var(--tp-primary-color);
    left: calc((26px + 2 * 1px + 2 * 2px) / 2);
}

.k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar,
.k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar {
    left: auto;
    right: calc((26px + 2 * 1px + 2 * 2px) / 2);
}

.k-stepper
.k-progressbar.k-progressbar-vertical
.k-progressbar-value.k-selected {
    background-color: var(--tp-primary-color);
}

.k-stepper .k-step-list-vertical .k-step-label .k-step-text {
    width: max-content;
    max-width: max-content;
}

.k-rtl .k-stepper .k-step-list-vertical .k-step-indicator + .k-step-label,
.k-stepper[dir=rtl] .k-step-list-vertical .k-step-indicator + .k-step-label {
    margin-right: 20px;
}

/** BUTTON **/
/** BUTTON **/
/** BUTTON **/
.k-button {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
}

.k-button .k-button-text {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px !important;
}

.k-button.k-selected {
    background-color: var(--tp-primary-color);
    color: var(--tp-secondary-color);
}

.k-pager-numbers .k-button.k-selected {
    background-color: var(--tp-primary-color);
    color: var(--tp-white-color);
}

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

.k-button.k-button-solid-primary:hover .k-button-icon {
    color: var(--tp-secondary-color);
}

.k-button.k-button-solid-success .k-button-text,
.k-button.k-button-solid-error .k-button-text {
    color: var(--tp-white-color);
}

.k-button.k-button-solid-success:hover .k-button-text,
.k-button.k-button-solid-error:hover .k-button-text {
    color: var(--tp-primary-color);
}

.k-wizard .k-wizard-buttons-right .k-button:last-of-type {
    margin-right: 10px;
}

.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link {
    align-items: center;
    gap: 10px;
}

.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;
}

.k-menu-group .k-item > .k-link:active,
.k-menu-group .k-item > .k-link.k-active,
.k-menu-group .k-item > .k-link.k-selected,
.k-menu.k-context-menu .k-item > .k-link:active,
.k-menu.k-context-menu .k-item > .k-link.k-active,
.k-menu.k-context-menu .k-item > .k-link.k-selected {
    background-color: var(--tp-primary-color);
}

.k-menu-button .k-menu-button-arrow {
    margin-right: auto;
}

.k-button-solid-light {
    border: 1px solid var(--tp-light-border-color);
}

.k-button {
    background-image: none !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-top-width: 0px !important;
}

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

.k-button-solid-primary {
    border-color: var(--tp-primary-color) !important;
    background-color: var(--tp-primary-color) !important;
}

.k-button-solid-secondary {
    border-color: #f1f1f4 !important;
    color: var(--tp-primary-color) !important;
    background-color: #f1f1f4 !important;
}

.k-button.k-button-solid-primary.k-active,
.k-button.k-button-solid-primary.k-state-active,
.k-button.k-button-solid-primary:active {
    background-color: var(--tp-primary-color) !important;
}

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

.k-button-solid-light {
    background-color: #f8f9fa !important;
    border: 1px solid #EBEBEF !important;
}

.k-split-button {
    height: 40px;
}
/** BUTTON GROUP **/
/** BUTTON GROUP **/
/** BUTTON GROUP **/
.k-button-group .k-button:not(:first-child):not(:last-child) {
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
    border-start-start-radius: 8px;
    border-end-start-radius: 8px;
}

/** RADIO BUTTON **/
/** RADIO BUTTON **/
/** RADIO BUTTON **/
.k-radio {
    border-color: var(--tp-primary-color);
}

/** TIME PICKER **/
/** TIME PICKER **/
/** TIME PICKER **/
.k-timepicker .k-input-button {
    background-color: transparent;
}

.k-timepicker .k-button-icon.k-svg-icon,
.k-timepicker .k-button-icon.k-svg-icon > svg {
    width: 22px;
    height: 22px;
}

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

/** GRID | TREE LIST **/
/** GRID | TREE LIST **/
/** GRID | TREE LIST **/
.k-grid {
    background-color: var(--tp-white-color);
    border-width: 1px;
    border-radius: 16px 16px 0 0;
    padding: 0;
    border-color: var(--tp-light-border-color);
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-top-style: solid !important;
}

.k-grid-aria-root {
    border-radius: 16px 16px 0 0;
}

.k-grid .k-grid-header {
    padding-inline-end: 0;
    background-color: #EDF1F8
}

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

.k-grid-toolbar {
    background-color: var(--tp-white-color);
    padding: 0 0 8px;
    border-width: 0 0 0;
    border-radius: 16px;
    margin: 10px 10px 0;
}

.k-toolbar-item {
    margin: 5px 5px 0;
}

.k-toolbar-item .k-grid-search.k-searchbox {
    width: 300px;
}

.k-datepicker .k-button.k-button-solid-base {
    background-color: transparent;
}

.k-grid .k-button {
    padding: 7px 16px;
}

.k-grid .k-button .k-button-text {
    font-size: 12px !important;
}

.k-grid .k-checkbox-wrap .k-checkbox-md {
    width: 20px;
    height: 20px;
}

.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row > td {
    border-bottom: 1px solid var(--tp-light-border-color);
    padding: 8px;
}

.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row:last-child > td {
    border-bottom: none
}

.k-table-md {
    font-size: 14px;
}

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

.k-grid .k-table-th {
    text-align: center;
    background-color: #EDF1F8 !important;
    vertical-align: middle !important;
    height: 40px;
}

.k-detail-row .k-table-th {
    background-color: #efefef !important;
    height: 30px;
}

.k-table-td .k-chip {
    margin: 0 auto;
}

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

.k-pager {
    display: flex;
    justify-content: center;
    background-color: var(--tp-light-card-color);
}

.k-detail-cell .k-pager,
.k-grid > .k-pager {
    background-color: var(--tp-white-color);
}

.k-pager-info {
    flex: 0;
    direction: ltr;
}

.k-pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-button-flat.k-button-flat-primary.k-selected {
    background-color: var(--tp-primary-color) !important;
}

.k-pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-button-flat.k-selected:hover {
    color: var(--tp-white-color);
}

.k-pager-md .k-pager-numbers-wrap .k-button {
    border: 1px solid var(--tp-light-border-color);
    background: #F9F9F9 !important;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

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

.k-grid-table .k-table-td.k-hierarchy-cell,
.k-grid-table .k-table-td.k-detail-cell {
    background-color: #EDF1F8;
}

.k-menu:not(.k-context-menu) > .k-item:focus,
.k-menu:not(.k-context-menu) > .k-item.k-focus {
    box-shadow: none;
}

.k-list-item {
    align-items: center;
    gap: 5px !important;
}

.k-list-item:focus,
.k-list-optionlabel:focus,
.k-list-item.k-focus,
.k-focus.k-list-optionlabel {
    box-shadow: none;
    color: #424242 !important;
}

.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-focus,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-focus.k-list-optionlabel,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focus,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-state-focus.k-list-optionlabel,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focused,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-state-focused.k-list-optionlabel,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item:focus,
.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-optionlabel:focus {
    color: #717171;
}

.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    color: white !important;
    background-color: var(--tp-primary-color);
}

.k-list-item.k-selected:hover,
.k-selected.k-list-optionlabel:hover,
.k-list-item.k-selected.k-hover,
.k-selected.k-hover.k-list-optionlabel {
    color: white !important;
    background-color: var(--tp-primary-color);
}

.k-grid .k-table-thead .k-table-row .k-header.k-table-th,
.k-grid .k-grid-header .k-table-row .k-header.k-table-th {
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-top-style: none !important;
    background-color: #fafcff !important;
    background-image: none !important;
    color: #909398 !important;
}

.k-table-td {
    border-left-width: unset !important;
    border-right-width: unset !important;
    border-top-width: unset !important;
    border-left-color: unset !important;
    border-right-color: unset !important;
    border-top-color: unset !important;
    outline-color: unset !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-top-style: none !important;
    background-color: #fff !important;
    background-image: none !important;
}

.k-grid .k-table-row.k-table-alt-row {
    background-color: initial !important;
    background-image: none !important;
}

.k-pager {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-top-style: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-top-width: 0 !important;
}

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

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

/** VERTICAL MENU **/
/** VERTICAL MENU **/
/** VERTICAL MENU **/
.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-icon {
    margin-left: 5px
}

.k-menu-vertical.k-menu:not(.k-context-menu) {
    background-color: var(--tp-white-color);
    border-radius: 16px;
    padding-block: 16px !important;
    padding-inline: 8px !important;
}

.k-menu-vertical.k-menu:not(.k-context-menu) > .k-item {
    color: var(--tp-dark-disabled-color);
}

.k-menu-vertical.k-menu:not(.k-context-menu) .k-svg-icon {
    width: 24px;
    height: 24px;
}

.k-menu-vertical > .k-menu-item > .k-menu-link {
    padding-block: 8px;
    padding-inline: 0;
}

.k-menu-link-text {
    font-size: 14px;
    line-height: 40px;
}

/** TOAST NOTIFICATIONS **/
/** TOAST NOTIFICATIONS **/
/** TOAST NOTIFICATIONS **/
.snackbar {
    background-color: var(--tp-white-color);
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0px 0px 20px 0px rgba(153, 161, 183, 0.08) !important;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(153, 161, 183, 0.08) !important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(153, 161, 183, 0.08) !important;
}

.snackbar::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 30px;
    vertical-align: middle;
    position: absolute;
    top: 25%;
    margin-right: 5px;
}

.snackbar.snackbar-warning::before {
    content: "\f071";
    color: var(--tp-warning-color);
}

.snackbar.snackbar-info::before {
    content: "\f05a";
    color: var(--tp-primary-color);
}

.snackbar.snackbar-success::before {
    content: "\f058";
    color: var(--tp-success-color);
}

.snackbar.snackbar-danger::before {
    content: "\f057";
    color: var(--tp-danger-color);
}

.snackbar.snackbar-info {
    border-right: 10px solid var(--tp-primary-color);
}

.snackbar.snackbar-success {
    border-right: 10px solid var(--tp-success-color);
}

.snackbar.snackbar-warning {
    border-right: 10px solid var(--tp-warning-color);
}

.snackbar.snackbar-danger {
    border-right: 10px solid var(--tp-danger-color);
}

.snackbar-header {
    font-size: 15px;
    color: var(--tp-primary-color);
    margin-right: 50px;
    padding-bottom: 5px;
}

.snackbar-body {
    font-size: 14px;
    color: var(--tp-primary-color);
    margin-right: 50px;
}

.snackbar-action-button {
    margin-left: 0;
    margin-right: 3rem;
}

.snackbar-action-button i {
    font-size: 18px;
    color: var(--tp-primary-color)
}

/** CARD **/
/** CARD **/
/** CARD **/
.k-card {
    border: 1px solid var(--tp-light-border-color) !important;
    color: var(--tp-primary-color);
    background-color: var(--tp-white-color);
    box-shadow: none;
    border-radius: 16px;
}

/** MUD DATE PICKER **/
/** MUD DATE PICKER **/
/** MUD DATE PICKER **/
.mud-input-control {
    margin-top: 0;
}

.mud-popover.mud-popover-open {
    z-index: 99999 !important;
}

.mud-primary {
    background-color: var(--tp-primary-color) !important;
}

.mud-input {
    color: var(--tp-primary-color);
    height: 38px;
    box-shadow: inset 1px 0px 24px 0px rgba(144,147,152,.05);
    inset 1px 0px 24px 0px rgba(144, 147, 152, .05) !important;
    font-size: 15px;
    line-height: 1.5;
    padding-block: 4px;
    padding-inline: 8px;
    border-radius: .375rem;
    border: 1px solid var(--tp-light-border-color);
}

.mud-input-control.mud-input-control-margin-dense {
    margin-top: 0 !important;
    margin-bottom: 0;
}

.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0;
}

.mud-picker-inline.mud-picker-input-button .mud-input,
.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root {
    height: 40px;
    padding: 0 7px;
}

.mud-input.mud-input-underline:before,
.mud-input.mud-input-underline:hover:not(.mud-disabled):before,
.mud-input.mud-input-underline:after {
    border-bottom: none
}

.mud-paper {
    border-radius: 16px;
}

.mud-picker-container .mud-toolbar {
    padding: 16px 24px 14px 24px;
}

.mud-theme-primary,
.mud-range-selection-primary:hover {
    background-color: var(--tp-primary-color) !important;
}

.mud-primary-text {
    color: var(--tp-primary-color) !important;
}

.mud-button-root,
.mud-button-month p,
.mud-typography {
    font-family: IRANSans;
}

.mud-button-year span {
    font-size: 20px
}

.mud-button-date span {
    font-size: 24px
}

.mud-picker-nav-button-prev .mud-svg-icon,
.mud-picker-nav-button-next .mud-svg-icon {
    transform: rotate(180deg);
}

.mud-picker-calendar-header-day .mud-day-label {
    font-size: 10px
}

.mud-button-outlined.mud-button-outlined-primary {
    color: var(--tp-primary-color);
    border: 1px solid var(--tp-primary-color);
}

.mud-picker-calendar .mud-day.mud-range.mud-range-between {
    background-color: #F1F1F4;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-start-selected {
    border-radius: 0% 50% 50% 0%;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-end-selected,
.mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) {
    border-radius: 50% 0% 0% 50%;
}



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

    .k-stepper .k-step .k-step-label .k-step-text {
        font-size: 10px;
    }

    td.k-table-td.k-command-cell button {
        margin-bottom: 10px;
    }

    .k-wizard-buttons .k-wizard-buttons-left {
        width: 0;
    }

    .k-wizard-buttons .k-wizard-buttons-right {
        width: 100%;
    }

    td.k-detail-cell .k-grid.k-grid-md .k-grid-container .k-grid-content {
        overflow: hidden;
    }

    .k-dropdownlist {
        width: 100% !important;
    }

    .k-overlay,
    .k-dialog-wrapper {
        width: 100%;
        height: 100%;
        max-width: 100vw !important;
        max-height: 100vh !important;
        right: 0;
    }

    .k-map {
        height: 300px;
    }

    .k-tabstrip-items {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 10px;
        gap: 10px !important;
    }

    .k-tabstrip-items .k-link {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
    }

    .k-button-group-stretched {
        max-width: 100%;
    }
}