/* Toolbar */


.tb-icon {
    width: 18px;
    height: 18px;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.menu-title-template-img {
    display: flex;
    width: 80px;
}

.dx-menu-item.notoggle > a > .dropdown-toggle {
    display: none;
}

.dx-menu-item.notoggle > .dropdown-menu {
    transform: matrix(1, 0, 0, 1, -112, -1) !important;
}

.dxbs-menu > .nav .dx-menu-item.notoggle {
    display: none;
}

.dxbs-menu > .nav .dx-menu-item.search-menu-item {
    display: none;
}

.dxbs-menu > .nav .separator {
    display: none;
}

.dx-menu-item .search {
    min-width: 123px
}

.dxbs-menu-item-tmpl > .search {
    padding: 0.25rem;
    position: relative;
}

.user-profile .logo-container {
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
}

.user-profile .log-off-btn {
    padding-top: 0.415rem;
    padding-bottom: 0.415rem;
    border-top: 1px solid #e5e5e5;
}

.user-profile .menu-icon-user-profile {
    opacity: 0.25;
    margin-top: 0.45rem;
    margin-bottom: 0.25rem;
}

.menu-icon-user-profile {
    mask-image: url("../images/UserProfile.svg");
    -webkit-mask-image: url("../images/UserProfile.svg");
}

body.modal-open .main {
    -webkit-overflow-scrolling: auto;
}

/* GridLayout/StackLayout */


.dx-icon-toolbar {
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 18px;
    width: 18px;
    mask-size: 18px;
    margin: 5px 5px 5px 5px;
    -webkit-mask-size: 18px;
}

/* Menu */
.menu-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.menu-icon-large {
    width: 5rem;
    height: 5rem;
}

.menu-icon-alert {
    mask-image: url("../images/alert.svg");
    -webkit-mask-image: url("../images/alert.svg");
}

.menu-icon-home {
    mask-image: url("../images/home.svg");
    -webkit-mask-image: url("../images/Home.svg");
}

.menu-icon-support {
    mask-image: url("../images/Support.svg");
    -webkit-mask-image: url("../images/Support.svg");
}

.menu-icon-products {
    mask-image: url("../images/Products.svg");
    -webkit-mask-image: url("../images/Products.svg");
}

.menu-icon-contacts {
    mask-image: url("../images/Contacts.svg");
    -webkit-mask-image: url("../images/Contacts.svg");
}

.menu-icon-about {
    mask-image: url("../images/About.svg");
    -webkit-mask-image: url("../images/About.svg");
}

.menu-box {
    width: 280px !important;
    height: 220px;
}

/*Chart*/
.chart-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.chart-icon-calendar {
    -webkit-mask-image: url("../images/Calendar.svg");
    mask-image: url("../images/Calendar.svg");
}

/*Grid*/
.grid-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.grid-icon-check {
    mask-image: url("../images/check.svg");
    -webkit-mask-image: url("../images/check.svg");
}