.cc-layout-toolbar .dx-toolbar-items-container {
  height: 60px;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-items-container {
  height: 50px;
}
.cc-layout-toolbar .dx-toolbar-before {
  font-size: large;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-before {
  padding-left: 15px;
}
.cc-layout-toolbar .dx-toolbar-label {
  font-size: xx-large;
  color: #1b6ea1;
}
.cc-layout-toolbar .dx-toolbar-after {
  padding-right: 20px;
  font-size: large;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-after {
  padding-right: 15px;
}
.cc-layout-toolbar .dx-toolbar-item {
  padding: 0px 15px !important;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-toolbar-item {
  padding: 10px;
}
.cc-user-panel-image-container {
  color: #03a9f4;
}
.cc-layout-toolbar .dx-button-has-icon .dx-icon {
  font-size: x-large;
}
:host-context(.screen-x-small) .cc-layout-toolbar .dx-button-has-icon .dx-icon {
  padding: large;
}
.cc-all-pageheader {
  font-size: x-large;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
:host-context(.screen-x-small) .cc-all-pageheader {
  font-size: medium;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.cc-side-nav-content {
  background-color: #5a5a6b;
}

.cc-layout-side-nav {
  background-color: #363640;
  color: white !important;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.2857;
}

/* Item level */
.cc-side-nav-container .dx-treeview-node {
  border-bottom: 1px solid #e0e0e0;
}

/* Selected and focused item */
.cc-side-nav-container
  .dx-treeview
  .dx-treeview-node-container
  .dx-treeview-node.dx-state-selected
  > .dx-treeview-item {
  background-color: transparent;
}
.cc-side-nav-container
  .dx-treeview
  .dx-treeview-node-container
  .dx-treeview-node.dx-state-focused
  > .dx-treeview-item {
  background-color: transparent;
}
.cc-side-nav-container
  .dx-treeview
  .dx-treeview-node-container
  .dx-treeview-node.dx-state-selected
  > .dx-treeview-item
  * {
  color: #03a9f4 !important;
}
.cc-side-nav-container
  .dx-treeview
  .dx-treeview-node-container
  .dx-treeview-node:not(.dx-state-focused)
  > .dx-treeview-item.dx-state-hover {
  background-color: #0a0a0a;
}

.cc-layout-side-nav .dx-treeview-item {
  padding: 10px;
  color: white;
}
.cc-layout-side-nav .dx-treeview-item .dx-box-item-content {
  font-size: 16px;
}
.cc-document-toolbar-menu .dx-toolbar-label {
  color: #03a9f4;
}

.cc-dashboard-header {
  color: #12127a;
}
.cc-login-portal-header {
  color: #153560;
}
.cc-login-panel-content {
  background-color: #eee;
}
.cc-reset-cancel-btn {
  border: #7f7f7f;
  background: #e0dfdf;
  background-color: #1d4567;
}
.cc-reset-main-table {
  background-color: #f7f7f7;
  color: #000;
  border-top: #8b8b8b;
  border-left: #8b8b8b;
  border-right: #8b8b8b;
  border-bottom: #8b8b8b;
}
.cc-signup-panel-content {
  background-color: #363640;
  background-image: linear-gradient(336deg, #363640, #666);
  /* grey panel on background */
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
}
.cc-signup-panel-header {
  color: #153560;
}
.cc-user-panel-container {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: rgba(0, 0, 0, 0.1);
}
.cc-document-tree-file-name {
  color: red;
}
.cc-dashboard-container {
  background-color: #363640;
  background-image: linear-gradient(336deg, #363640, #333);
}
.cc-devex-theme-color.cc-devex-light-blue {
  background-color: #03a9f4;
  color: #fff;
}
.cc-devex-theme-color.cc-devex-dark-blue {
  background-color: #363640;
  color: #03a9f4;
}
.cc-devex-theme-color.cc-devex-light-orange {
  background-color: #ff5722;
  color: #fff;
}
.cc-devex-theme-color.cc-devex-light-teal {
  background-color: #009688;
  color: #fff;
}
.cc-home-content-stafflist {
  background-color: #363640;
  background-image: linear-gradient(336deg, #363640, #333);
}

/* All dx-tabs selected tab */
.dx-tabs .dx-tab-selected {
  background-color: #03a9f4;
  color: #fff;
}

.cc-bordered-box {
  border: 1px solid #d2d3d5;
}

.cc-announcement-button-content .announcement-button {
  color: #1b6ea1;
}
.cc-announcement-grey-button-content .announcement-button {
  color: #888;
}
.cc-announcement-button-content .badger-inner-header {
  background: #f00;
  background: -webkit-linear-gradient(#ff5722, #f00);
}
.cc-announcement-button-content .badger-badge-header {
  color: #fff;
}
.cc-login-panel-content {
  background-color: #363640;
  background-image: linear-gradient(336deg, #363640, #333);
}
.cc-user-panel-name{
  color: white;
}