body {
  /* 
   background-color: #dfdfdf;
   background-color: #e8edfb;
   background-color: #f5f5f5; 
   background-color: #f1f1f1;
   */
  background-color: #FFF;
  color: #333;
}
a {
  /* font-weight: 500; */
  padding: 3px 5px;
}
a:focus,
a:hover {
  color: #0366d6;
  text-decoration: underline !important;
}
.leftzone {
  font-weight: 500;
  border-right: 1px solid #aaa;
}
.rightzone {
  border-left: 1px solid #aaa;
}
.app-bar i {
  color: #FFF;
}
.cs-tabset__item:after {
  bottom: initial;
  top: 0;
}
.u-fullscreen {
  background: #f3f5f7;
}
a:focus,
a:hover {
  /*  
  border-radius: 3px;   
  color: #FFF;  
  background-color: #f1722c;
  */
  color: #0366d6;
  text-decoration: underline;
}
.app-bar {
  color: #FFF;
  background-color: #4d90fe;
  background-image: linear-gradient(45deg, #4d90fe 255px, transparent 255px), linear-gradient(to bottom, #5B8AD4, #82B2FC);
}
.top-bar {
  color: #FFF;
  background-color: #f1722c;
}
.top-bar.login {
  background-image: linear-gradient(45deg, #f1722c 285px, transparent 285px), linear-gradient(to bottom, #FFB46D, #FF8846);
}
.cs-view-actionbar {
  padding-right: 3px;
}
.cs-view-detail {
  background-color: #e5edf1;
}
.cs-tabset__item.active {
  background-color: #e5edf1;
}
.cs-tabset__item:after {
  bottom: initial;
  top: 0;
}
.cs-view-detail .cs-tabset__item.active {
  background-color: transparent;
}
.cs-view-detail .cs-tabset__item:after {
  bottom: initial;
  top: unset;
}
.cs-tabset .subview-nav {
  background: #f1f1f1;
  background: #fff;
}
.app-link {
  color: #0366d6;
  text-decoration: underline;
  cursor: pointer;
}
.app-hilite {
  background-color: lemonchiffon;
}
.cs-subview-detail {
  background: #f3f5f7;
}
/* updates for mobile & front-desk */
.app-bar,
.wrapper,
.footer {
  overflow: hidden;
}
.app-bar {
  top: 0;
  height: 50px;
  overflow: unset;
}
.footer {
  bottom: 0;
  height: 35px;
  text-align: center;
}
.wrapper {
  top: 50px;
  /* bottom: 35px;  */
  bottom: 0;
}
.leftzone {
  /* flex: 0 0 360px; */
  order: 1;
  padding-top: 0px;
  align-items: normal;
  /* new fixed position  */
  background: #fff;
  /* box-shadow: 8px 0 10px -6px black; */
}
.leftzone.leftzone_pinned {
  box-shadow: none;
}
.mainzone.leftzone_pinned.leftzone_showing.mainzone::after {
  opacity: 0;
}
/* frontdesk */
.app-frontdesk .leftzone .cs-view-detail {
  padding: 0 !important;
}
.horzcenter {
  margin: 0 auto;
}
.anim-slide-up.lazyloaded {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.anim-slide-up {
  opacity: 0;
  transform: translate3d(-200px, 200px, 0);
  transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.anim-slide-up.byebye {
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cs-view-header__actionbar .cs-toolbar__icon {
  border-radius: 50%;
  background-image: linear-gradient(#f9f9f9, #c2c2c2);
  border: 1px solid #bbb;
}
.cs-view-header__actionbar .cs-toolbar__icon:hover {
  background-image: linear-gradient(#c2c2c2, #f9f9f9);
  border: 1px solid #777 !important;
}
.cs-view-header__actionbar .cs-toolbar__item:hover > .cs-toolbar__icon {
  border: 1px solid #bbb;
}
.selecteditems.cs-list,
.activeitems .cs-list {
  background: #FFF;
}
.workareas .cs-item__header,
.selecteditems .cs-item__header,
.activeitems .cs-item__header {
  margin-bottom: 0;
}
.openitems {
  display: flex;
}
.splititems {
  border-left: 5px solid #ccc;
}
.activeitems,
.selecteditems,
.workareas {
  display: flex;
  flex-direction: column;
  font-size: 0.9rem !important;
  user-select: none;
}
.workareas {
  flex: 0 0 auto;
  overflow: hidden;
}
.activeitems {
  flex: 1;
  overflow: hidden;
}
.workareas .cs-list,
.activeitems .cs-list {
  flex: 1 !important;
}
.workareas .cs-toolbar,
.activeitems .cs-toolbar {
  min-height: auto !important;
  padding: 6px;
}
.workareas .cs-toolbar__item,
.activeitems .cs-toolbar__item,
.workareas .cs-toolbar__item,
.selecteditems .cs-toolbar__item {
  padding: 0;
}