:root {
    --primery-color: #e04622;
}

/* header--styles--start */
.header-link {
    width: 100px;
    height: auto;
    margin-left: 10px;
}

.header-link-img {
    width: 100%;
    height: 100%;
}

/* header--style--end */
/* navbar--styles--start */
.navbar .mud-nav-item .mud-nav-link .mud-icon-root {
    color: white;
}

.navbar .mud-nav-item .mud-nav-link.active .mud-nav-link-text {
    color: var(--primery-color);
}

.navbar .mud-nav-item .mud-nav-link.active .mud-icon-root {
    color: var(--primery-color);
}

.navbar .mud-nav-item .mud-nav-link .mud-nav-link-text {
    font-size: 16px;
}

.navbar .mud-nav-item .mud-nav-link {
    align-items: center;
}

/* navbar--styles--end */

/* main--block--header--styles--start */
.main-block .mud-appbar {
    background-color: var(--primery-color);
}

/* main--block--header--styles--end */


/* main--block--content--styles--start */

.mud-main-content {
    height: calc(100vh - 44px);
    overflow: auto;
}

.main-block .mud-button-filled.mud-button-filled-primary {
    background-color: var(--primery-color);
}

/* main--block--content--styles--end */


/* main--block--dropdowns--styles--start */
.main-block .k-list-content .k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    background-color: var(--primery-color);

}

/* main--block--dropdowns--styles--end */


/* main--block--pagination--styles--start */

.main-block .k-pager-numbers-wrap .k-pager-numbers .k-link.k-state-selected {
    background-color: var(--primery-color);
    border-color: var(--primery-color);
}

.main-block .k-pager-wrap .k-pager-nav.k-link {
    color: var(--primery-color);
}

.main-block .k-grid-pager {
    margin-bottom: 30px;
}

.main-block .k-grid {
    height: 100% !important;
}


/* main--block--pagination--styles--end */


/* main--popup--position--styles--start */
.main-block .mud-drawer.mud-drawer--open.mud-drawer-pos-right {
    z-index: 1059 !important;
}

.main-block .mud-appbar {
    z-index: 1057;
}

.main-block .mud-overlay.mud-overlay-drawer {
    z-index: 1058;
}

.main-block .mud-drawer {
    z-index: 99;
}

.main-block .k-dialog-wrapper {
    z-index: 1060 !important;
}

.main-block .k-window {
    z-index: 10001 !important;
}

/* main--popup--position--styles--end */


/* main--block--filter--styles--start */

.main-block .k-animation-container .k-popup .k-filter-menu .k-button-solid-primary {
    background-color: var(--primery-color);
    border-color: var(--primery-color);
}

/* main--block--filter--styles--end */


/* main--block--checkbox--styles--start */

.main-block .k-checkbox:checked,
.main-block .k-checkbox.k-checked {
    background-color: var(--primery-color);
    border-color: var(--primery-color);

}

/* main--block--checkbox--styles--end */


/* main--block--log-out--styles--start */

.main-block .mud-button-outlined.mud-button-outlined-secondary {
    border-color: var(--primery-color);
    color: var(--primery-color);
}

/* main--block--log-out--styles--end */


/* main--block--table--style--start*/
.main-block .k-master-row {
    height: 50px;
}

/* main--block--table--style--end*/


/* footer--styles--start */
.main-block .mud-main-content {
    /* height: 100vh; */
}

.main-block .mud-paper {
    margin: 12px 12px 100px !important;
}

.footer {
    padding: 12px 24px;
    background-color: white;
    box-shadow: 0px 2px 8px 3px rgba(34, 60, 80, 0.2);
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
}

/* footer--styles--end */
/* inputs--styles--start */
.main-block .k-window-content .k-input,
.main-block .k-window-content .k-dropdownlist {
    margin: 10px 0;
}

/* inputs--styles--end */

/* tabstrip--style--start */
.main-block .k-tabstrip .k-item .k-link {
    color: var(--primery-color);
}

.main-block .k-tabstrip .k-state-active>.k-link {
    color: white;
    background-color: var(--primery-color);
}

.main-block .k-tabstrip .k-tabstrip-content p {
    margin-bottom: 20px;
}

/* tabstrip--style--end */

.main-block .k-animation-container,
.main-block .k-animation-container .k-popup,
.main-block .k-animation-container .k-popup .k-list {
    height: auto !important;
}

/* catalog--styles--start */

.main-block .k-treeview-lines>.k-treeview-item>.k-treeview-mid .k-treeview-leaf {
    font-weight: 700;
    font-size: 18px;
}

.main-block .k-treeview-lines>.k-treeview-item>.k-treeview-mid .k-icon {
    font-size: 18px;
}

.main-block .k-treeview-lines>.k-treeview-item>.k-treeview-mid {
    margin-bottom: 7px;
}

.k-treeview-mid {
    position: relative;
    display: inline-flex;
}

.k-treeview-toggle {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: -16px;
    margin-left: 0;
    z-index: 999;
}

.main-block .k-treeview-lines>.k-treeview-item>.k-treeview-mid .k-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
}

/* catalog--styles--end */
/* profile--editor--styles--start */
.main-block .mud-drawer.mud-drawer--open.mud-drawer-pos-right {
    width: 275px;
    padding: 10px;
}

.main-block .mud-drawer.mud-drawer--open .mud-drawer-header {
    padding: 12px 0;
}

.profile-editor .mud-button-label .mud-icon-root {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.profile-editor .mud-button-label {
    justify-content: left;
}

.profile-editor .mud-button-label .mud-button-icon-start {
    margin-left: 0;
    margin-right: 0;
    margin-inline-end: 0;
    margin-inline-start: 0;
}

.profile-editor {
    padding: 15px 0 15px 40px;
    width: 100%;
    margin: 5px 0;
}

.profile-log-out {
    width: 100%;
}

.profile-drawer-close {
    width: 2em;
    height: 2em;
}

/* profile--editor--styles--end */


/* Loading animation */

.loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999;
}

.loading-wrapper {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 2px solid var(--primery-color);
    border-right: 2px solid transparent;
    border-radius: 50%;
    animation: loading-rotate .6s linear infinite;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    margin-left: -1rem;
    border-top-width: 3px;
    border-right-width: 3px;
    border-top-color: var(--primery-color);
}

@-webkit-keyframes loading-rotate {
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes loading-rotate {
    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes loading-rotate {
    to {
        transform: rotate(360deg);
    }
}

@keyframes loading-rotate {
    to {
        transform: rotate(360deg)
    }
}

/* End loading animation */

/* canvas--style--start */
.canvas {
    background-color: #ccc;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/* canvas--style--end */

/* feedback start */

.feedback-info {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-top: 20px;
}

.feedback-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.feedback-btn.mud-button {
    height: 100%;
}

.mud-carousel-item,
.feedback-img-block {
    padding: 5px 35px 45px 35px;
}

.weight-bold {
    font-weight: 700;
}

/* feedback end */

.w-100 {
    width: 100%;
}


.telerik-loader-wrapper {
    position: absolute;
    height: 100vh;
}

.no-group-header .k-grouping-header,
.hide-first-x-button .k-grouping-header .k-indicator-container:first-of-type .k-button.k-button-icon.k-bare,
.k-button-icon .k-icon .k-i-group-delete,
.k-button .k-icon-button .k-button-flat .k-button-flat-base,
.k-grouping-header.k-grouping-header-flex {
    display: none !important;
}

.k-loader-primary {
    color: var(--primery-color);
}

.word-break {
    word-break: break-word;
}


.line-clamp {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /*! autoprefixer: off */
    -webkit-line-clamp: 3;
}