* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-family: "Roboto", sans-serif;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.page-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.card {
    border-radius: 8px;
    border-style: none;
    background: white;
    padding: 16px;
    margin: 8px;
    background: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#toolbar .dx-toolbar-items-container {
    height: 8vh;
}

#content {
    height: 91vh;
}

#toolbar {
    background-color: rgba(191, 191, 191, .15);
}

.dx-toolbar{
    padding: 5px 10px;

}

.container {
    height: 100%;
}

.dx-list-item-icon-container, .dx-toolbar-before {
    width: 36px;
    padding-right: 0px !important;
    text-align: center;
}

.dx-drawer-expand.dx-drawer-right .panel-list {
    float: right;
}

.panel-list .dx-treeview-item {
    color: #fff;
    border-top: 1px solid rgba(221, 221, 221, .2);
}

.panel-list .dx-treeview-item .dx-icon {
    color: #fff !important;
}

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    color: #fff;
}

.dx-treeview-toggle-item-visibility {
    color: #fff;
}

.dx-datagrid-header-panel {
    padding: 0;
}