@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}

.e-icon-collapsible::before {
  content: '\E913';
}

.e-icon-back::before {
  content: '\E85B';
}

.e-bigger .e-listview .e-list-item,
.e-listview.e-bigger .e-list-item {
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 solid transparent;
}

.e-bigger .e-listview:not(.e-list-template) .e-list-item,
.e-listview.e-bigger:not(.e-list-template) .e-list-item {
  height: 48px;
  line-height: 45px;
  position: relative;
}

.e-bigger .e-listview .e-text-content,
.e-listview.e-bigger .e-text-content {
  font-size: 15px;
}

.e-bigger .e-listview .e-list-group-item,
.e-listview.e-bigger .e-list-group-item {
  height: 48px;
  line-height: 45px;
}

.e-bigger .e-listview .e-list-header,
.e-listview.e-bigger .e-list-header {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  height: 64px;
}

.e-bigger .e-listview .e-list-header .e-text.header,
.e-listview.e-bigger .e-list-header .e-text.header {
  display: none;
}

.e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
.e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
  display: none;
}

.e-bigger .e-listview .e-list-header .e-text,
.e-listview.e-bigger .e-list-header .e-text {
  font-size: 20px;
}

.e-listview {
  -webkit-overflow-scrolling: touch;
  border: 0 solid;
  border-radius: 0;
  display: block;
  overflow: auto;
  position: relative;
  width: 100%;
}

.e-listview:not(.e-list-template) .e-list-item {
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  position: relative;
}

.e-listview .e-list-item {
  border-bottom: 0 solid;
}

.e-listview .e-list-parent {
  margin: 0;
  padding: 0;
}

.e-listview .e-list-header .e-text.header {
  display: none;
}

.e-listview .e-icon-back {
  margin-top: 2px;
}

.e-listview .e-list-header .e-headertemplate-text.nested-header {
  display: none;
}

.e-listview .e-list-header {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  height: 48px;
  padding: 0 16px;
}

.e-listview .e-has-header > .e-view {
  top: 45px;
}

.e-listview .e-but-back {
  cursor: pointer;
  padding-right: 30px;
}

.e-listview .e-list-group-item:first-child {
  border: 0;
  border-bottom: 0 solid transparent;
}

.e-listview .e-list-group-item {
  border-bottom: 0 solid transparent;
  border-top: 1px solid;
  font-weight: 600;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
}

.e-listview .e-icon-collapsible {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
}

.e-listview .e-text-content {
  height: 100%;
  position: relative;
  vertical-align: middle;
}

.e-listview .e-text-content * {
  display: inline-block;
  vertical-align: middle;
}

.e-listview .e-text-content.e-checkbox .e-list-text {
  width: calc(100% - 40px);
}

.e-listview .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
  width: calc(100% - 90px);
}

.e-listview .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
  width: calc(100% - 80px);
}

.e-listview .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
  width: calc(100% - 92px);
}

.e-listview .e-checkbox .e-checkbox-left {
  margin: -2px 10px 0 0;
}

.e-listview .e-checkbox .e-checkbox-right {
  margin: -2px 0 0 10px;
}

.e-listview .e-list-text {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

.e-listview .e-list-icon + .e-list-text {
  width: calc(100% - 60px);
}

.e-listview .e-icon-wrapper .e-list-text {
  width: calc(100% - 60px);
}

.e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
  width: calc(100% - 60px);
}

.e-listview .e-list-icon {
  height: 30px;
  margin-right: 16px;
  width: 30px;
}

.e-listview .e-content {
  overflow: hidden;
  position: relative;
}

.e-listview .e-list-header .e-text {
  cursor: pointer;
  text-indent: 0;
}

.e-listview .e-text .e-headertext {
  display: inline-block;
  line-height: inherit;
}

.e-listview.e-rtl {
  direction: rtl;
}

.e-listview.e-rtl .e-list-icon {
  margin-left: 16px;
  margin-right: 0;
}

.e-listview.e-rtl .e-icon-collapsible {
  left: 0%;
  right: initial;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}

.e-listview.e-rtl .e-list-header .e-text {
  cursor: pointer;
}

.e-listview.e-rtl .e-but-back {
  transform: rotate(180deg);
}

.e-listview.e-rtl .e-icon-back {
  margin-top: -2px;
}

.e-listview.e-rtl .e-checkbox .e-checkbox-left {
  margin: -2px 0 0 10px;
}

.e-listview.e-rtl .e-checkbox .e-checkbox-right {
  margin: -2px 10px 0 0;
}

.e-listview {
  border-color: #000;
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
  font-size: 15px;
}

.e-listview .e-list-header {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
  font-size: 20px;
}

.e-listview .e-icons {
  color: rgba(0, 0, 0, 0.54);
}

.e-listview .e-list-item {
  background-color: #fff;
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 solid transparent;
  color: rgba(0, 0, 0, 0.87);
}

.e-listview .e-list-item.e-hover,
.e-listview .e-list-item.e-hover.e-active.e-checklist {
  background-color: #eee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.e-listview .e-list-item.e-active {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}

.e-listview .e-list-item.e-active.e-checklist {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.e-listview .e-list-item.e-focused,
.e-listview .e-list-item.e-focused.e-active.e-checklist {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}

.e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
.e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #e3165b;
  border-color: transparent;
  color: #fff;
}

.e-listview .e-list-group-item {
  background-color: #fafafa;
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.54);
  font-size: 15px;
}

.e-listview.e-list-template .e-list-wrapper {
  height: inherit;
  position: relative;
}

.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
  padding: 0.2667em 1.0666em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
  padding: 1.0666em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  overflow: hidden;
  padding: 0.115em 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
  color: rgba(0, 0, 0, 0.54);
  display: block;
  font-size: 13px;
  margin: 0;
  padding: 0.115em 0;
  word-wrap: break-word;
}

.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
  height: 2.6667em;
  left: 1.0667em;
  position: absolute;
  top: 0.2666em;
  width: 2.6667em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
  padding-left: 4.8em;
  padding-right: 1.0666em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
  padding-left: 1.0666em;
  padding-right: 4.8em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
  height: 2.6667em;
  position: absolute;
  right: 1.0667em;
  top: 0.2666em;
  width: 2.6667em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
  top: 1.0666em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
  top: 1.0666em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
  font-size: 12px;
  height: 1.6666em;
  line-height: 1.8666em;
  padding: 0;
  position: absolute;
  right: 1.33em;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
  padding-left: 4.8em;
  padding-right: 4.1333em;
}

.e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
  padding-left: 1.0666em;
  padding-right: 4.1333em;
}

.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0.72em 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
  color: rgba(0, 0, 0, 0.87);
}

.e-listview.e-list-template .e-list-item.e-hover .e-list-content {
  color: rgba(0, 0, 0, 0.87);
}

.e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
  color: rgba(0, 0, 0, 0.87);
}

.e-listview.e-list-template .e-list-item.e-active .e-list-content {
  color: rgba(0, 0, 0, 0.87);
}

.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
  left: inherit;
  right: 1.0667em;
}

.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
  padding-left: 1.0666em;
  padding-right: 4.8em;
}

.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
  padding-left: 4.8em;
  padding-right: 1.0666em;
}

.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
  left: 1.0667em;
  right: inherit;
}

.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
  left: 1.33em;
  right: inherit;
}

.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
  padding-left: 4.1333em;
  padding-right: 4.8em;
}

.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
  padding-left: 4.1333em;
  padding-right: 1.0666em;
}

.e-sortable {
  outline: none;
  position: relative;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-sortable .e-disabled {
  background-image: none;
  cursor: default;
  filter: alpha(Opacity=35);
  opacity: .35;
}

.e-sortable * {
  box-sizing: border-box;
}

.e-sortable *:focus {
  outline: none;
}

.e-sortableclone {
  position: fixed !important;
}

.e-dialog .e-icon-dlg-close::before {
  content: '\E7FC';
  position: relative;
}

.e-dialog .e-icon-dlg-close {
  opacity: initial;
}

.e-dialog .e-icon-dlg-close:active {
  opacity: initial;
}

.e-dialog .e-icon-dlg-close:hover {
  opacity: initial;
}

.e-dialog .e-south-east::before,
.e-dialog .e-south-west::before {
  content: '\EB05';
}

/*! dialog layout */
.e-dialog {
  border: none;
  border-radius: 2px;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

.e-dialog.e-popup {
  width: 100%;
}

.e-dialog.e-dlg-resizable {
  -ms-touch-action: none;
      touch-action: none;
}

.e-dialog .e-dlg-header-content {
  border-radius: 1px 1px 0 0;
  line-height: 30px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content {
  padding-top: 0;
}

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
  font-size: 12px;
  width: auto;
}

.e-dialog .e-dlg-header {
  display: block;
  font-size: 18px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: top;
  white-space: nowrap;
  width: 80%;
}

.e-dialog .e-dlg-modal {
  position: fixed;
}

.e-dialog .e-scroll-disabled {
  overflow: hidden !important;
}

.e-dialog .e-dlg-content {
  display: block;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  overflow: auto;
  overflow-x: hidden;
}

.e-dialog .e-footer-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top: none;
  bottom: 0;
  display: block;
  right: 0;
  width: 100%;
}

.e-dialog .e-footer-content {
  text-align: right;
}

.e-dialog .e-resize-handle {
  height: 15px;
  position: absolute;
  width: 15px;
}

.e-dialog .e-resize-handle.e-south-east {
  bottom: 0;
  cursor: nwse-resize;
  right: 0;
}

.e-bigger.e-dialog .e-dlg-header-content,
.e-bigger .e-dialog .e-dlg-header-content {
  padding: 24px 24px 20px;
}

.e-bigger.e-dialog .e-dlg-header,
.e-bigger .e-dialog .e-dlg-header {
  font-size: 18px;
}

.e-bigger.e-dialog .e-dlg-content,
.e-bigger .e-dialog .e-dlg-content {
  font-size: 13px;
  padding: 24px;
}

.e-bigger.e-dialog .e-footer-content,
.e-bigger .e-dialog .e-footer-content {
  padding: 8px;
}

.e-bigger.e-dialog .e-footer-content .e-btn,
.e-bigger .e-dialog .e-footer-content .e-btn {
  margin-left: 8px;
}

.e-bigger.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
.e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  bottom: 3px;
  height: 36px;
  left: 6px;
  width: 36px;
}

.e-bigger.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close,
.e-bigger .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
  font-size: 12px;
  width: auto;
}

.e-bigger.e-rtl .e-footer-content .e-btn,
.e-bigger .e-rtl .e-footer-content .e-btn {
  margin-left: 0;
  margin-right: 8px;
}

.e-bigger .e-dlg-header-content + .e-dlg-content {
  padding-top: 0;
}

.e-dialog .e-dlg-header-content {
  border-bottom: none;
  padding: 18px;
}

.e-dialog .e-dlg-content {
  padding: 18px;
}

.e-dialog .e-footer-content {
  padding: 8px;
}

.e-dialog .e-footer-content .e-btn {
  margin-left: 6px;
}

.e-rtl .e-footer-content .e-btn {
  margin-right: 6px;
}

.e-dialog.e-draggable .e-dlg-header-content {
  cursor: move;
}

.e-dialog {
  max-height: 98%;
  max-width: 100%;
  min-width: 240px;
}

.e-rtl .e-footer-content .e-btn {
  margin-left: 0;
}

.e-rtl .e-footer-content {
  text-align: left;
}

.e-rtl .e-footer-content {
  text-align: left;
}

.e-dialog.e-rtl .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  float: left;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  background-color: transparent;
  border-color: transparent;
  border-radius: 50%;
  bottom: 0;
  float: right;
  height: 30px;
  left: 6px;
  position: relative;
  width: 30px;
}

.e-rtl.e-dialog .e-resize-handle.e-south-west {
  bottom: 2px;
  cursor: sw-resize;
  left: 2px;
  transform: rotate(90deg);
}

.e-dlg-target.e-scroll-disabled {
  overflow: hidden !important;
}

.e-dlg-overlay {
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  transition: opacity .15s linear;
  width: 100%;
}

.e-dlg-overlay.e-fade {
  opacity: 0;
}

.e-dlg-overflow-hidden {
  overflow: auto;
}

.e-dlg-fullscreen {
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

.e-popup.e-popup-open.e-dialog {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.e-dlg-container {
  -ms-flex-align: start;
      align-items: flex-start;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.e-dlg-center-center {
  -webkit-align-items: center;
  -webkit-justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.e-dlg-left-center {
  -webkit-align-items: center;
  -webkit-justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.e-dlg-right-center {
  -webkit-align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.e-dlg-left-top {
  -webkit-align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.e-dlg-right-top {
  -webkit-align-items: flex-start;
  -webkit-justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.e-dlg-center-top {
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.e-dlg-left-bottom {
  -webkit-align-items: flex-end;
  -webkit-justify-content: flex-start;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.e-dlg-right-bottom {
  -webkit-align-items: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.e-dlg-center-bottom {
  -webkit-align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.e-dialog .e-btn.e-dlg-closeicon-btn:hover,
.e-dialog .e-btn.e-dlg-closeicon-btn:focus,
.e-dialog .e-btn.e-dlg-closeicon-btn:active {
  background-color: #e0e0e0;
  border-color: transparent;
  box-shadow: 0 0 0 transparent;
}

.e-content-placeholder.e-dialog.e-placeholder-dialog {
  background-size: 400px 210px;
  min-height: 210px;
}

.e-bigger .e-content-placeholder.e-dialog.e-placeholder-dialog,
.e-bigger.e-content-placeholder.e-dialog.e-placeholder-dialog {
  background-size: 400px 220px;
  min-height: 220px;
}

@media (min-width: 768px) {
  .e-alert-dialog.e-dialog.e-popup,
  .e-confirm-dialog.e-dialog.e-popup {
    margin: 30px auto;
    width: 600px;
  }
}

@media (max-width: 768px) {
  .e-alert-dialog.e-dialog.e-popup,
  .e-confirm-dialog.e-dialog.e-popup {
    margin: 30px auto;
    width: auto;
  }
}

.e-dlg-ref-element {
  display: none;
}

.e-dialog {
  background-color: #fff;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.e-dlg-overlay {
  background-color: #383838;
}

.e-footer-content {
  background-color: #fff;
}

.e-dlg-header,
.e-dlg-header * {
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px;
  font-weight: normal;
}

.e-dlg-content {
  color: rgba(0, 0, 0, 0.87);
}

.e-device .e-dlg-content,
.e-device .e-dlg-content * {
  font-size: 14px;
}

.e-dlg-header-content {
  background-color: #fff;
}

.e-dlg-content {
  background-color: #fff;
}

.e-icon-dlg-close {
  color: #000;
}

.e-dialog .e-btn.e-dlg-closeicon-btn:hover span {
  color: #000;
}

.e-dialog .e-btn.e-dlg-closeicon-btn:active span,
.e-dialog .e-btn.e-dlg-closeicon-btn:focus span {
  border-radius: 50%;
  color: #000;
  opacity: 1;
}

.e-icon-dlg-close:active {
  border-radius: 50%;
  color: #000;
  opacity: 1;
}

.e-icon-dlg-close:hover {
  color: #000;
}

.e-dlg-header-content .e-dlg-closeicon-btn:hover {
  background-color: transparent;
}

.e-dlg-header-content .e-dlg-closeicon-btn:active {
  background-color: transparent;
}

.e-south-east,
.e-south-west {
  color: #000;
}

/*! popup layout */
.e-popup {
  height: auto;
  position: absolute;
  width: auto;
  z-index: 1000;
}

.e-popup.e-popup-open {
  display: block;
}

.e-popup.e-popup-close {
  display: none;
}

.e-tooltip-close::before {
  content: '\E7E9';
  font-size: 16px;
}

.e-arrow-tip-inner.e-tip-right::before {
  content: '\E848';
}

.e-arrow-tip-inner.e-tip-top::before {
  content: '\E918';
}

.e-arrow-tip-inner.e-tip-bottom::before {
  content: '\E919';
}

.e-arrow-tip-inner.e-tip-left::before {
  content: '\E84B';
}

/*! tooltip layout */
.e-tooltip-wrap {
  max-width: 350px;
  min-width: 30px;
  padding: 0;
  position: absolute;
  visibility: visible;
  /*! tooltip arrow */
  /*! tooltip sticky mode close icon */
  /*! tooltip content area */
}

.e-tooltip-wrap .e-arrow-tip {
  overflow: hidden;
  position: absolute;
}

.e-tooltip-wrap .e-arrow-tip.e-tip-bottom {
  height: 8px;
  left: 50%;
  top: 100%;
  width: 16px;
}

.e-tooltip-wrap .e-arrow-tip.e-tip-top {
  height: 8px;
  left: 50%;
  top: -9px;
  width: 16px;
}

.e-tooltip-wrap .e-arrow-tip.e-tip-left {
  height: 16px;
  left: -9px;
  top: 48%;
  width: 8px;
}

.e-tooltip-wrap .e-arrow-tip.e-tip-right {
  height: 16px;
  left: 100%;
  top: 50%;
  width: 8px;
}

.e-tooltip-wrap .e-tooltip-close {
  cursor: pointer;
  float: right;
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: inherit;
}

.e-tooltip-wrap .e-tip-content {
  background-color: inherit;
  height: 100%;
  line-height: 16px;
  overflow-wrap: break-word;
  overflow-x: hidden;
  padding: 3px 6px;
  position: relative;
  white-space: normal;
  width: 100%;
  word-break: break-word;
  z-index: 1;
}

/*! Bigger Style */
.e-bigger .e-tooltip-wrap .e-tip-content,
.e-tooltip-wrap.e-bigger .e-tip-content {
  line-height: 20px;
  padding: 5px 8px;
}

/*! Tooltip theme */
.e-tooltip-wrap {
  border-radius: 2px;
  filter: none;
  opacity: 0.9;
  /*! tooltip arrow */
  /*! tooltip sticky mode close icon */
  /*! tooltip content area */
}

.e-tooltip-wrap.e-popup {
  background-color: #616161;
  border: 1px solid #616161;
}

.e-tooltip-wrap .e-arrow-tip-outer {
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #616161;
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
  border-bottom: 8px solid #616161;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
  border-bottom: 8px solid transparent;
  border-right: 8px solid #616161;
  border-top: 8px solid transparent;
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #616161;
  border-top: 8px solid transparent;
}

.e-tooltip-wrap .e-arrow-tip-inner {
  height: 0;
  position: absolute;
  width: 0;
  z-index: 10;
}

.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-left, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
  color: #616161;
  font-family: 'e-icons';
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

.e-tooltip-wrap .e-tooltip-close {
  background-color: #fff;
  border-color: transparent;
  border-radius: 8px;
  color: #616161;
}

.e-tooltip-wrap .e-tooltip-close:hover {
  background-color: #fff;
  color: #616161;
}

.e-tooltip-wrap .e-tip-content {
  color: #fff;
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
  font-size: 11px;
}

/*! bigger style */
.e-bigger .e-tooltip-wrap .e-tip-content,
.e-tooltip-wrap.e-bigger .e-tip-content {
  font-size: 14px;
}

@keyframes material-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fabric-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.e-spinner-pane {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  width: 100%;
  z-index: 1000;
}

.e-spinner-pane::after {
  content: "Material";
  display: none;
}

.e-spinner-pane.e-spin-left .e-spinner-inner {
  -webkit-transform: translateX(0%) translateY(-50%);
  left: 0;
  padding-left: 10px;
  transform: translateX(0%) translateY(-50%);
}

.e-spinner-pane.e-spin-right .e-spinner-inner {
  -webkit-transform: translateX(-100%) translateY(-50%);
  left: 100%;
  padding-right: 10px;
  transform: translateX(-100%) translateY(-50%);
}

.e-spinner-pane.e-spin-center .e-spinner-inner {
  -webkit-transform: translateX(-50%) translateY(-50%);
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.e-spinner-pane.e-spin-hide {
  display: none;
}

.e-spinner-pane.e-spin-show {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.e-spinner-pane .e-spinner-inner {
  -webkit-transform: translateX(-50%) translateY(-50%);
  left: 50%;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1000;
}

.e-spinner-pane .e-spinner-inner .e-spin-label {
  font-family: "Roboto", Segoe UI;
  font-size: 13px;
  margin-top: 16px;
  text-align: center;
}

.e-spinner-pane .e-spinner-inner .e-spin-material {
  animation: material-spinner-rotate 1568.63ms linear infinite;
  display: block;
  margin: 0 auto;
}

.e-spinner-pane .e-spinner-inner .e-spin-material .e-path-circle {
  fill: none;
  stroke-linecap: square;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 {
  animation: material-spinner-rotate .75s linear infinite;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
  fill: none;
  stroke-linecap: square;
  stroke-width: 4;
}

.e-spinner-pane .e-spinner-inner .e-spin-fabric {
  animation: fabric-spinner-rotate 1.3s infinite cubic-bezier(0.53, 0.21, 0.29, 0.67);
  display: block;
  margin: 0 auto;
  overflow: visible;
}

.e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-arc,
.e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-circle {
  fill: none;
  stroke-width: 1.5;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
  display: block;
  margin: 0 auto;
}

.e-spinner-pane .e-spinner-inner .e-spin-high-contrast {
  animation: fabric-spinner-rotate 1.3s infinite cubic-bezier(0.53, 0.21, 0.29, 0.67);
  display: block;
  margin: 0 auto;
  overflow: visible;
}

.e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc,
.e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-circle {
  fill: none;
  stroke-width: 1.5;
}

.e-spinner-pane {
  background-color: transparent;
}

.e-spinner-pane.e-spin-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.e-spinner-pane.e-spin-overlay .e-spinner-inner .e-spin-label {
  color: #fff;
}

.e-spinner-pane.e-spin-overlay .e-spinner-inner .e-spin-bootstrap {
  fill: #e3165b;
  stroke: #e3165b;
}

.e-spinner-pane .e-spinner-inner .e-spin-label {
  color: rgba(0, 0, 0, 0.87);
}

.e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-circle {
  stroke: rgba(227, 22, 91, 0.4);
}

.e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-arc {
  stroke: #e3165b;
}

.e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-circle {
  stroke: rgba(227, 22, 91, 0.4);
}

.e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc {
  stroke: #e3165b;
}

.e-spinner-pane .e-spinner-inner .e-spin-material {
  stroke: #e3165b;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 {
  stroke: #e3165b;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
  fill: #e3165b;
  stroke: #e3165b;
}

/*! calendar material theme variables */
/*! component icons */
.e-calendar .e-header .e-date-icon-prev::before {
  content: '\E910';
}

.e-calendar .e-header .e-date-icon-next::before {
  content: '\E916';
}

/*! calendar layout */
ejs-calendar {
  display: block;
}

.e-calendar,
.e-bigger.e-small .e-calendar {
  -webkit-tap-highlight-color: transparent;
  border-radius: 2px;
  display: block;
  overflow: auto;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-calendar.e-rtl .e-header .e-title,
.e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
  float: right;
  text-align: right;
}

.e-calendar.e-rtl .e-header .e-icon-container,
.e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container {
  float: left;
}

.e-calendar .e-header,
.e-bigger.e-small .e-calendar .e-header {
  background: none;
  display: table;
  font-weight: 500;
  position: relative;
  text-align: center;
  width: 100%;
}

.e-calendar .e-header button,
.e-bigger.e-small .e-calendar .e-header button {
  background: transparent;
  border: 0;
  padding: 0;
  text-decoration: none;
}

.e-calendar .e-header span,
.e-bigger.e-small .e-calendar .e-header span {
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  padding: 10px;
  vertical-align: middle;
}

.e-calendar .e-header span.e-disabled,
.e-bigger.e-small .e-calendar .e-header span.e-disabled {
  cursor: default;
}

.e-calendar .e-week-header,
.e-bigger.e-small .e-calendar .e-week-header {
  padding: 0;
}

.e-calendar th,
.e-bigger.e-small .e-calendar th {
  cursor: default;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}

.e-calendar .e-content .e-selected,
.e-calendar .e-content .e-state-hover,
.e-bigger.e-small .e-calendar .e-content .e-selected,
.e-bigger.e-small .e-calendar .e-content .e-state-hover {
  border-radius: 0;
}

.e-calendar .e-content span.e-day,
.e-bigger.e-small .e-calendar .e-content span.e-day {
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.e-calendar .e-content th,
.e-calendar .e-content td,
.e-bigger.e-small .e-calendar .e-content th,
.e-bigger.e-small .e-calendar .e-content td {
  box-sizing: border-box;
}

.e-calendar .e-content td.e-disabled,
.e-bigger.e-small .e-calendar .e-content td.e-disabled {
  opacity: 0.35;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}

.e-calendar .e-content td,
.e-bigger.e-small .e-calendar .e-content td {
  cursor: pointer;
  padding: 2px;
  text-align: center;
}

.e-calendar .e-content td.e-week-number,
.e-bigger.e-small .e-calendar .e-content td.e-week-number {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
}

.e-calendar .e-content td.e-overlay,
.e-bigger.e-small .e-calendar .e-content td.e-overlay {
  background: none;
  width: initial;
}

.e-calendar .e-content table,
.e-bigger.e-small .e-calendar .e-content table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 0;
  float: left;
  margin: 0;
  outline: 0;
  padding: 0 10px 10px;
  table-layout: fixed;
  width: 100%;
}

.e-calendar .e-content td.e-other-month > span.e-day,
.e-calendar .e-content td.e-other-year > span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
  display: none;
  font-weight: normal;
}

.e-calendar .e-content tr.e-month-hide,
.e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
  display: none;
  font-weight: normal;
}

.e-calendar .e-content tr.e-month-hide,
.e-calendar .e-content td.e-other-month,
.e-calendar .e-content td.e-other-year,
.e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
.e-bigger.e-small .e-calendar .e-content td.e-other-month,
.e-bigger.e-small .e-calendar .e-content td.e-other-year {
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}

.e-calendar .e-content tr.e-month-hide,
.e-calendar .e-content td.e-other-month.e-disabled,
.e-calendar .e-content td.e-other-year.e-disabled,
.e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
.e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled,
.e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled {
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}

.e-calendar .e-content td.e-week-number:hover span.e-day,
.e-calendar .e-content td.e-week-number:hover,
.e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
  background-color: #fff;
  cursor: default;
}

.e-calendar .e-header .e-prev,
.e-calendar .e-header .e-next,
.e-bigger.e-small .e-calendar .e-header .e-prev,
.e-bigger.e-small .e-calendar .e-header .e-next {
  border-radius: 50%;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}

.e-calendar .e-header .e-title,
.e-bigger.e-small .e-calendar .e-header .e-title {
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.e-calendar .e-header .e-title,
.e-bigger.e-small .e-calendar .e-header .e-title {
  margin-left: 5px;
}

.e-calendar .e-header .e-prev:hover,
.e-calendar .e-header .e-next:hover,
.e-bigger.e-small .e-calendar .e-header .e-prev:hover,
.e-bigger.e-small .e-calendar .e-header .e-next:hover {
  cursor: pointer;
}

.e-calendar .e-header .e-prev.e-overlay,
.e-calendar .e-header .e-next.e-overlay,
.e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay,
.e-bigger.e-small .e-calendar .e-header .e-next.e-overlay {
  background: none;
}

.e-calendar .e-header.e-decade .e-title,
.e-calendar .e-header.e-year .e-title,
.e-bigger.e-small .e-calendar .e-header.e-decade .e-title,
.e-bigger.e-small .e-calendar .e-header.e-year .e-title {
  margin-left: 5px;
}

.e-calendar .e-header.e-decade .e-title,
.e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
  cursor: default;
}

.e-calendar .e-header .e-icon-container,
.e-bigger.e-small .e-calendar .e-header .e-icon-container {
  display: inline-block;
  float: right;
}

.e-calendar .e-footer-container,
.e-bigger.e-small .e-calendar .e-footer-container {
  text-transform: uppercase;
}

.e-calendar,
.e-bigger.e-small .e-calendar {
  max-width: 246px;
  min-width: 240px;
  padding: 0;
}

.e-calendar.e-calendar-day-header-lg,
.e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
  max-width: 100%;
  min-width: 540px;
}

.e-calendar.e-week-number,
.e-bigger.e-small .e-calendar.e-week-number {
  min-width: 262px;
}

.e-calendar.e-week,
.e-bigger.e-small .e-calendar.e-week {
  max-width: 246px;
  min-width: 240px;
}

.e-calendar .e-header .e-title,
.e-bigger.e-small .e-calendar .e-header .e-title {
  line-height: 40px;
}

.e-calendar.e-rtl .e-header .e-title,
.e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
  text-align: right;
  text-indent: 4px;
}

.e-calendar .e-header,
.e-bigger.e-small .e-calendar .e-header {
  height: 40px;
}

.e-calendar .e-header.e-month,
.e-bigger.e-small .e-calendar .e-header.e-month {
  padding: 10px 10px 0 10px;
}

.e-calendar .e-header.e-year, .e-calendar .e-header.e-decade,
.e-bigger.e-small .e-calendar .e-header.e-year,
.e-bigger.e-small .e-calendar .e-header.e-decade {
  padding: 10px 10px 0 10px;
}

.e-calendar th,
.e-bigger.e-small .e-calendar th {
  font-weight: normal;
  height: 30px;
}

.e-calendar .e-content .e-selected,
.e-calendar .e-content .e-state-hover,
.e-bigger.e-small .e-calendar .e-content .e-selected,
.e-bigger.e-small .e-calendar .e-content .e-state-hover {
  border-radius: 0;
}

.e-calendar .e-content span.e-day,
.e-bigger.e-small .e-calendar .e-content span.e-day {
  border: none;
  font-size: 13px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  width: 30px;
}

.e-calendar .e-content.e-year table,
.e-calendar .e-content.e-decade table,
.e-bigger.e-small .e-calendar .e-content.e-year table,
.e-bigger.e-small .e-calendar .e-content.e-decade table {
  border-spacing: 0;
  padding: 10px;
}

.e-calendar .e-content.e-month td,
.e-bigger.e-small .e-calendar .e-content.e-month td {
  height: 30px;
  padding: 2px;
}

.e-calendar .e-content .tfooter > tr > td,
.e-bigger.e-small .e-calendar .e-content .tfooter > tr > td {
  height: 36px;
  line-height: 36px;
}

.e-calendar .e-content.e-year td,
.e-calendar .e-content.e-decade td,
.e-bigger.e-small .e-calendar .e-content.e-year td,
.e-bigger.e-small .e-calendar .e-content.e-decade td {
  height: 45px;
  padding: 6px;
}

.e-calendar .e-content.e-year td > span.e-day,
.e-calendar .e-content.e-decade td > span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
  font-weight: normal;
  height: 45px;
  line-height: 45px;
  width: 45px;
}

.e-calendar .e-header .e-icon-container .e-prev,
.e-calendar .e-header .e-icon-container .e-next,
.e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
.e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next {
  height: 36px;
  width: 36px;
}

.e-calendar .e-footer-container,
.e-bigger.e-small .e-calendar .e-footer-container {
  border-top: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0 10px 10px 10px;
  text-align: center;
  width: 100%;
}

.e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
.e-small.e-bigger .e-calendar .e-content.e-year span.e-day {
  font-size: 13px;
}

.e-small.e-bigger.e-calendar .e-content.e-month table,
.e-small.e-bigger .e-calendar .e-content.e-month table {
  padding: 0 10px 10px;
}

.e-bigger.e-calendar,
.e-bigger .e-calendar {
  max-width: 296px;
  min-width: 296px;
  padding: 0;
}

.e-bigger.e-calendar.e-calendar-day-header-lg,
.e-bigger .e-calendar.e-calendar-day-header-lg {
  max-width: 100%;
  min-width: 540px;
}

.e-bigger.e-calendar.e-week,
.e-bigger .e-calendar.e-week {
  max-width: 296px;
  min-width: 296px;
}

.e-bigger.e-calendar.e-week-number,
.e-bigger .e-calendar.e-week-number {
  min-width: 320px;
}

.e-bigger.e-calendar .e-header .e-title,
.e-bigger .e-calendar .e-header .e-title {
  font-size: 16px;
  line-height: 48px;
  width: 60%;
}

.e-bigger.e-calendar.e-rtl .e-header .e-title,
.e-bigger .e-calendar.e-rtl .e-header .e-title {
  line-height: 48px;
  text-indent: 6px;
}

.e-bigger.e-calendar .e-header,
.e-bigger .e-calendar .e-header {
  height: 48px;
  padding: 10px 10px 0 16px;
}

.e-bigger.e-calendar .e-header span,
.e-bigger .e-calendar .e-header span {
  font-size: 16px;
  padding: 15px;
}

.e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade,
.e-bigger .e-calendar .e-header.e-year,
.e-bigger .e-calendar .e-header.e-decade {
  padding: 10px 10px 0 16px;
}

.e-bigger.e-calendar th,
.e-bigger .e-calendar th {
  font-size: 14px;
  height: 36px;
}

.e-bigger.e-calendar .e-content.e-year span.e-day,
.e-bigger .e-calendar .e-content.e-year span.e-day {
  font-size: 13px;
  font-weight: normal;
}

.e-bigger.e-calendar .e-content.e-month table,
.e-bigger .e-calendar .e-content.e-month table {
  padding: 0 10px 10px;
}

.e-bigger.e-calendar .e-content.e-year table,
.e-bigger.e-calendar .e-content.e-decade table,
.e-bigger .e-calendar .e-content.e-year table,
.e-bigger .e-calendar .e-content.e-decade table {
  padding: 0 10px 10px;
}

.e-bigger.e-calendar .e-content .e-selected,
.e-bigger.e-calendar .e-content .e-state-hover,
.e-bigger .e-calendar .e-content .e-selected,
.e-bigger .e-calendar .e-content .e-state-hover {
  border-radius: 0;
}

.e-bigger.e-calendar .e-content span.e-day,
.e-bigger .e-calendar .e-content span.e-day {
  font-size: 13px;
  height: 36px;
  line-height: 36px;
  width: 36px;
}

.e-bigger.e-calendar .e-content.e-month td,
.e-bigger .e-calendar .e-content.e-month td {
  height: 2px;
  padding: 2px;
}

.e-bigger.e-calendar .e-content.e-year td,
.e-bigger.e-calendar .e-content.e-decade td,
.e-bigger .e-calendar .e-content.e-year td,
.e-bigger .e-calendar .e-content.e-decade td {
  height: 60px;
  padding: 2px;
}

.e-bigger.e-calendar .e-content.e-year td > span.e-day,
.e-bigger.e-calendar .e-content.e-decade td > span.e-day,
.e-bigger .e-calendar .e-content.e-year td > span.e-day,
.e-bigger .e-calendar .e-content.e-decade td > span.e-day {
  height: 60px;
  line-height: 60px;
  width: 60px;
}

.e-bigger.e-calendar .e-header .e-icon-container .e-prev,
.e-bigger.e-calendar .e-header .e-icon-container .e-next,
.e-bigger .e-calendar .e-header .e-icon-container .e-prev,
.e-bigger .e-calendar .e-header .e-icon-container .e-next {
  height: 48px;
  width: 48px;
}

.e-bigger.e-calendar .e-footer-container,
.e-bigger .e-calendar .e-footer-container {
  border-top: none;
  padding: 0 10px 10px 10px;
}

.e-small.e-calendar,
.e-small .e-calendar {
  max-width: 246px;
  min-width: 240px;
  padding: 0;
}

.e-small.e-calendar.e-calendar-day-header-lg,
.e-small .e-calendar.e-calendar-day-header-lg {
  max-width: 100%;
  min-width: 540px;
}

.e-small.e-calendar .e-content span.e-day,
.e-small .e-calendar .e-content span.e-day {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  width: 24px;
}

.e-small.e-calendar .e-content.e-month td,
.e-small .e-calendar .e-content.e-month td {
  height: 24px;
}

.e-small.e-calendar .e-header,
.e-small .e-calendar .e-header {
  height: 32px;
}

.e-small.e-calendar .e-header span,
.e-small .e-calendar .e-header span {
  font-size: 12px;
  padding: 6px;
}

.e-small.e-calendar .e-header .e-title,
.e-small .e-calendar .e-header .e-title {
  font-size: 13px;
  line-height: 32px;
}

.e-small.e-calendar .e-header .e-icon-container .e-prev,
.e-small.e-calendar .e-header .e-icon-container .e-next,
.e-small .e-calendar .e-header .e-icon-container .e-prev,
.e-small .e-calendar .e-header .e-icon-container .e-next {
  height: 28px;
  width: 28px;
}

.e-small.e-calendar th,
.e-small .e-calendar th {
  font-size: 12px;
  height: 24px;
}

.e-calendar .e-btn.e-today.e-flat.e-disabled,
.e-calendar .e-btn.e-today.e-flat.e-disabled:hover,
.e-calendar .e-btn.e-today.e-flat.e-disabled:active,
.e-calendar .e-btn.e-today.e-flat.e-disabled:focus,
.e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  cursor: default;
  opacity: 0.35;
  outline: none;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}

.e-content-placeholder.e-calendar.e-placeholder-calendar {
  background-size: 250px 336px;
  min-height: 336px;
}

.e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar,
.e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar {
  background-size: 300px 392px;
  min-height: 392px;
}

.e-calendar,
.e-bigger.e-small .e-calendar {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.e-calendar .e-date-icon-prev,
.e-calendar .e-date-icon-next,
.e-bigger.e-small .e-calendar .e-date-icon-prev,
.e-bigger.e-small .e-calendar .e-date-icon-next {
  color: rgba(0, 0, 0, 0.54);
}

.e-calendar th,
.e-bigger.e-small .e-calendar th {
  border-bottom: 0;
  color: rgba(0, 0, 0, 0.54);
}

.e-calendar .e-header,
.e-bigger.e-small .e-calendar .e-header {
  border-bottom: 0;
}

.e-calendar .e-header a span,
.e-bigger.e-small .e-calendar .e-header a span {
  border: none;
  color: rgba(0, 0, 0, 0.75);
}

.e-calendar .e-header .e-title,
.e-bigger.e-small .e-calendar .e-header .e-title {
  color: rgba(0, 0, 0, 0.75);
}

.e-calendar .e-header .e-title:hover,
.e-bigger.e-small .e-calendar .e-header .e-title:hover {
  color: rgba(0, 0, 0, 0.75);
  cursor: pointer;
  text-decoration: none;
}

.e-calendar .e-header .e-prev:hover > span,
.e-calendar .e-header .e-next:hover > span,
.e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
.e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
  border: none;
  color: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}

.e-calendar .e-header .e-prev:hover,
.e-calendar .e-header .e-next:hover,
.e-bigger.e-small .e-calendar .e-header .e-prev:hover,
.e-bigger.e-small .e-calendar .e-header .e-next:hover {
  background: none;
}

.e-calendar .e-header .e-prev:active,
.e-calendar .e-header .e-next:active,
.e-bigger.e-small .e-calendar .e-header .e-prev:active,
.e-bigger.e-small .e-calendar .e-header .e-next:active {
  background: #fff;
  color: #fff;
}

.e-calendar .e-header button.e-prev:active span,
.e-calendar .e-header button.e-next:active span,
.e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
.e-bigger.e-small .e-calendar .e-header button.e-next:active span {
  border: none;
  color: rgba(0, 0, 0, 0.75);
}

.e-calendar .e-header.e-decade .e-title,
.e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
  color: rgba(0, 0, 0, 0.87);
  cursor: default;
}

.e-calendar .e-header .e-next.e-disabled span,
.e-calendar .e-header .e-prev.e-disabled span,
.e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
.e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
}

.e-calendar .e-header .e-next.e-disabled,
.e-calendar .e-header .e-prev.e-disabled,
.e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
.e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled {
  opacity: 0.35;
}

.e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
.e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
  color: rgba(0, 0, 0, 0.38);
}

.e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
.e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
  color: #fff;
}

.e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
.e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
  color: rgba(0, 0, 0, 0.87);
}

.e-calendar .e-content.e-year td:hover span.e-day,
.e-calendar .e-content.e-decade td:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
  background-color: #eee;
}

.e-calendar .e-content.e-year td.e-selected:hover span.e-day,
.e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
  background-color: #e3165b;
}

.e-calendar .e-content.e-year td > span.e-day,
.e-calendar .e-content.e-decade td > span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
  background: #fff;
}

.e-calendar .e-content .e-week-number span,
.e-bigger.e-small .e-calendar .e-content .e-week-number span {
  color: rgba(0, 0, 0, 0.54);
}

.e-calendar .e-content td.e-focused-date span.e-day,
.e-calendar .e-content td.e-focused-date:hover span.e-day,
.e-calendar .e-content td.e-focused-date:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
  background: #eee;
  border: none;
  border-radius: 50%;
}

.e-calendar .e-content td.e-focused-date:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
  background-color: #eee;
  border: none;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.87);
}

.e-calendar .e-content td.e-today span.e-day,
.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: none;
  border: 1px solid #e3165b;
  border-radius: 50%;
  color: #e3165b;
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: #eee;
  border: 1px solid #e3165b;
  color: #e3165b;
}

.e-calendar .e-content td.e-today:focus span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
  background-color: #eee;
  border: none;
  border-radius: 50%;
  color: #e3165b;
}

.e-calendar .e-content td.e-today:hover span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
  background-color: #eee;
  border: 1px solid #e3165b;
  color: #e3165b;
}

.e-calendar .e-content td.e-today.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
  background-color: #e3165b;
  border: 1px solid #e3165b;
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
  background-color: #b51148;
  color: #fff;
}

.e-calendar .e-content span,
.e-bigger.e-small .e-calendar .e-content span {
  color: rgba(0, 0, 0, 0.87);
}

.e-calendar .e-content .e-disabled span.e-day:hover,
.e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover {
  background: none;
  border: 0;
  color: rgba(0, 0, 0, 0.87);
}

.e-calendar .e-content .e-other-month:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day {
  color: rgba(0, 0, 0, 0.38);
}

.e-calendar .e-content .e-other-month span.e-day,
.e-calendar .e-content .e-other-month.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day,
.e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
  color: rgba(0, 0, 0, 0.38);
}

.e-calendar .e-content .e-other-month.e-today:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.38);
}

.e-calendar .e-content thead,
.e-bigger.e-small .e-calendar .e-content thead {
  background: none;
  border-bottom: 0;
}

.e-calendar .e-content td:hover span.e-day,
.e-calendar .e-content td:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
  background-color: #eee;
  border: none;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.87);
}

.e-calendar .e-content td:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
  background-color: #eee;
  border: none;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.87);
}

.e-calendar .e-content td.e-disabled span.e-day,
.e-calendar .e-content td.e-disabled:hover span.e-day,
.e-calendar .e-content td.e-disabled:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day {
  background: none;
  border: none;
  color: rgba(0, 0, 0, 0.87);
}

.e-calendar .e-content td.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
  background-color: #e3165b;
  border: none;
  border-radius: 50%;
  color: #fff;
}

.e-calendar .e-content .e-footer,
.e-bigger.e-small .e-calendar .e-content .e-footer {
  color: #e3165b;
}

.e-calendar.e-device .e-prev:hover,
.e-calendar.e-device .e-next:hover,
.e-calendar.e-device .e-prev:active,
.e-calendar.e-device .e-next:active,
.e-calendar.e-device .e-prev:focus,
.e-calendar.e-device .e-next:focus,
.e-bigger.e-small .e-calendar.e-device .e-prev:hover,
.e-bigger.e-small .e-calendar.e-device .e-next:hover,
.e-bigger.e-small .e-calendar.e-device .e-prev:active,
.e-bigger.e-small .e-calendar.e-device .e-next:active,
.e-bigger.e-small .e-calendar.e-device .e-prev:focus,
.e-bigger.e-small .e-calendar.e-device .e-next:focus {
  background: none;
}

.e-calendar.e-device button.e-prev:active span,
.e-calendar.e-device button.e-next:active span,
.e-bigger.e-small .e-calendar.e-device button.e-prev:active span,
.e-bigger.e-small .e-calendar.e-device button.e-next:active span {
  color: rgba(0, 0, 0, 0.54);
}

.e-small.e-calendar .e-header .e-title,
.e-small .e-calendar .e-header .e-title {
  color: rgba(0, 0, 0, 0.87);
}

.e-zoomin {
  animation: animatezoom .3s;
}

@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@keyframes e-input-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

/*! component icons */
.e-time-wrapper .e-time-icon.e-icons::before,
.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
  content: '\E20C';
}

.e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
.e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
  min-height: 0;
  min-width: 20px;
}

.e-bigger .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
.e-time-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon,
.e-bigger .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
  min-height: 0;
  min-width: 24px;
}

.e-small .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
.e-time-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-time-icon,
.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
  min-height: 0;
  min-width: 18px;
}

.e-bigger.e-small .e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
.e-bigger.e-small.e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
.e-time-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon,
.e-bigger.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
  min-height: 0;
  min-width: 20px;
}

.e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
.e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
  display: -ms-flexbox;
  display: flex;
}

.e-time-wrapper,
.e-control-wrapper.e-time-wrapper {
  -webkit-tap-highlight-color: transparent;
}

.e-time-wrapper .e-time-icon.e-icons,
.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
  font-size: 16px;
  min-height: 20px;
  min-width: 20px;
}

.e-time-wrapper .e-time-icon.e-icons.e-disabled,
.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
  pointer-events: none;
}

.e-time-wrapper span,
.e-control-wrapper.e-time-wrapper span {
  cursor: pointer;
}

.e-timepicker.e-time-modal {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  opacity: .5;
  pointer-events: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.e-timepicker.e-popup {
  border-style: solid;
  border-width: 1px;
  overflow: auto;
}

.e-timepicker.e-popup .e-content {
  position: relative;
}

.e-timepicker.e-popup .e-list-parent.e-ul {
  margin: 0;
  padding: 0 0;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
  cursor: default;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
  cursor: pointer;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
  line-height: 36px;
  text-indent: 16px;
}

.e-bigger .e-time-wrapper .e-time-icon.e-icons,
.e-bigger.e-time-wrapper .e-time-icon.e-icons,
.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
  font-size: 20px;
  min-height: 22px;
  min-width: 22px;
}

.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
  padding: 0 0;
}

.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
  font-size: 14px;
  line-height: 48px;
  text-indent: 16px;
}

.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
  font-size: 12px;
  line-height: 26px;
  text-indent: 12px;
}

.e-small .e-time-wrapper .e-time-icon.e-icons,
.e-small.e-time-wrapper .e-time-icon.e-icons,
.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
  font-size: 14px;
}

.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
  font-size: 13px;
  line-height: 40px;
  text-indent: 16px;
}

.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
  font-size: 18px;
}

.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
  background-size: 250px 33px;
  min-height: 33px;
}

.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
  background-size: 250px 40px;
  min-height: 40px;
}

.e-time-overflow {
  overflow: hidden;
}

.e-timepicker-mob-popup-wrap {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  max-height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1002;
}

.e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
  left: 0 !important;
  position: relative;
  top: 0 !important;
}

/*! timepicker theme */
.e-time-wrapper .e-input-group-icon.e-icons.e-active {
  color: #e3165b;
}

.e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
  color: #e3165b;
}

.e-timepicker.e-popup {
  border: none;
  border-radius: 2px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.e-timepicker.e-popup .e-list-parent.e-ul {
  background-color: #fff;
}

.e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
  border: none;
  color: rgba(0, 0, 0, 0.87);
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
  background-color: #eee;
  border: none;
  color: #000;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
  background-color: #eee;
  color: #e3165b;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
  background-color: #eee;
  color: #e3165b;
}

.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
  color: #000;
}

@keyframes e-input-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

/*! calendar material theme variables */
/*! component icons */
.e-input-group-icon.e-date-icon,
.e-control-wrapper .e-input-group-icon.e-date-icon {
  font-size: 16px;
  margin: 0 0 4px 0;
  min-height: 24px;
  min-width: 24px;
  outline: none;
}

.e-input-group-icon.e-date-icon::before,
.e-control-wrapper .e-input-group-icon.e-date-icon::before {
  content: '\E901';
  font-family: 'e-icons';
}

.e-input-group-icon.e-date-icon:focus,
.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
  background: #eee;
  border-radius: 50%;
}

.e-bigger .e-input-group-icon.e-date-icon,
.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
  font-size: 20px;
  margin: 5px 0 6px 0;
  min-height: 26px;
  min-width: 26px;
}

.e-bigger .e-input-group-icon.e-date-icon::before,
.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
  content: '\E901';
  font-family: 'e-icons';
}

.e-bigger .e-input-group-icon.e-date-icon:focus,
.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
  background: #eee;
  border-radius: 50%;
}

.e-small .e-input-group-icon.e-date-icon,
.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
  font-size: 14px;
}

.e-small.e-bigger .e-input-group-icon.e-date-icon,
.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
  font-size: 18px;
}

.e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
  min-height: 0;
  min-width: 20px;
}

.e-bigger .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-date-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon,
.e-bigger .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
  min-height: 0;
  min-width: 24px;
}

.e-small .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-date-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon,
.e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
  min-height: 0;
  min-width: 18px;
}

.e-bigger.e-small .e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
.e-bigger.e-small.e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
.e-date-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon,
.e-bigger.e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
  min-height: 0;
  min-width: 20px;
}

.e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
.e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
  display: -ms-flexbox;
  display: flex;
}

.e-date-wrapper:not(.e-filled) .e-date-icon.e-icons {
  box-sizing: border-box;
}

.e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
  display: none;
}

.e-datepicker.e-popup-wrapper {
  border-radius: 0;
  overflow-y: hidden;
  pointer-events: auto;
}

.e-datepicker.e-date-modal {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  opacity: .5;
  pointer-events: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.e-datepicker .e-model-header {
  background-color: #e3165b;
  color: #fff;
  cursor: default;
  display: block;
  padding: 10px 10px 10px 15px;
}

.e-datepicker .e-model-header .e-model-year {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
}

.e-datepicker .e-model-month,
.e-datepicker .e-model-day {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
}

.e-date-overflow {
  overflow: hidden !important;
}

.e-datepick-mob-popup-wrap {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  max-height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1002;
}

.e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
  position: relative;
  top: 0 !important;
  left: 0 !important;
}

.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
  background-size: 250px 33px;
  min-height: 33px;
}

.e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
.e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
  background-size: 250px 40px;
  min-height: 40px;
}

@media screen and (orientation: landscape) and (max-height: 360px) {
  .e-datepicker .e-calendar.e-device .e-month table tbody {
    display: inline-block;
    height: 130px;
    overflow: auto;
  }
}

.e-datepicker.e-popup-wrapper,
.e-bigger.e-small .e-datepicker.e-popup-wrapper {
  border: none;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.e-datepicker .e-calendar,
.e-bigger.e-small .e-datepicker .e-calendar {
  background-color: #fff;
  border: none;
}

.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
  border: none;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
  color: #e3165b;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
  color: #e3165b;
}

@keyframes e-input-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

/*! calendar material theme variables */
/*! component icons */
.e-input-group-icon.e-range-icon,
.e-control-wrapper .e-input-group-icon.e-range-icon {
  font-size: 16px;
  margin: 0 0 4px 0;
  min-height: 24px;
  min-width: 24px;
  outline: none;
}

.e-input-group-icon.e-range-icon::before,
.e-control-wrapper .e-input-group-icon.e-range-icon::before {
  content: '\E245';
  font-family: 'e-icons';
}

.e-input-group-icon.e-range-icon:focus,
.e-control-wrapper .e-input-group-icon.e-range-icon:focus {
  background: #eee;
  border-radius: 50%;
}

.e-daterangepicker .e-calendar .e-header .e-date-icon-next::before {
  content: '\E913';
}

.e-daterangepicker .e-calendar .e-header .e-date-icon-prev::before {
  content: '\E921';
}

.e-daterangepicker .e-change-icon::before {
  content: '\E85F';
}

.e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-next::before {
  content: '\E921';
}

.e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
  content: '\E913';
}

.e-daterangepicker.e-rtl .e-start-end .e-change-icon::before {
  content: '\E85B';
}

.e-bigger .e-input-group-icon.e-range-icon,
.e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon,
.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
  font-size: 20px;
  margin: 0 0 2px 0;
  min-height: 24px;
  min-width: 24px;
  outline: none;
}

.e-small .e-input-group-icon.e-range-icon,
.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
  font-size: 14px;
}

.e-small.e-bigger .e-input-group-icon.e-range-icon,
.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
  font-size: 18px;
}

.e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
.e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
  min-height: 0;
  min-width: 20px;
}

.e-bigger .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
.e-date-range-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-range-icon,
.e-bigger .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
  min-height: 0;
  min-width: 24px;
}

.e-small .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
.e-date-range-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-range-icon,
.e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
  min-height: 0;
  min-width: 18px;
}

.e-bigger.e-small .e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
.e-bigger.e-small.e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
.e-date-range-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-range-icon,
.e-bigger.e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
  min-height: 0;
  min-width: 20px;
}

/*! daterangepicker layout */
.e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
.e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
  display: -ms-flexbox;
  display: flex;
}

.e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
.e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
.e-float-input.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
.e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
.e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
.e-float-input.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden {
  border: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: 0;
  visibility: hidden;
  width: 0;
}

.e-daterangepicker.e-popup,
.e-bigger.e-small .e-daterangepicker.e-popup {
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  max-height: 500px;
  max-width: 730px;
}

.e-daterangepicker.e-popup.e-daterange-day-header-lg,
.e-bigger.e-small .e-daterangepicker.e-popup.e-daterange-day-header-lg {
  max-width: 100%;
}

.e-daterangepicker.e-popup.e-preset-wrapper,
.e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper {
  min-width: 625px;
}

.e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
.e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
  max-height: none;
}

.e-daterangepicker.e-popup .e-range-header,
.e-bigger.e-small .e-daterangepicker.e-popup .e-range-header {
  margin: 16px 16px 0 16px;
  width: auto;
}

.e-daterangepicker.e-popup .e-range-header .e-start-label,
.e-daterangepicker.e-popup .e-range-header .e-end-label,
.e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label,
.e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label {
  cursor: default;
  display: inline-block;
  font-size: 18px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: 48%;
}

.e-daterangepicker.e-popup .e-range-header .e-change-icon,
.e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  width: 4%;
}

.e-daterangepicker.e-popup .e-range-header .e-day-span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span {
  direction: ltr;
  font-size: 13px;
  height: 14px;
  margin: 0 0 15px 0;
  text-align: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.e-daterangepicker.e-popup .e-range-header .e-start-end,
.e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
}

.e-daterangepicker.e-popup .e-separator,
.e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
  height: 1px;
  margin: 0 16px;
}

.e-daterangepicker.e-popup .e-calendar,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
  border: none;
  margin: 0;
  padding: 0;
}

.e-daterangepicker.e-popup .e-calendar .e-content table,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content table {
  padding: 0 10px 10px;
}

.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
  cursor: pointer;
  float: none;
  font-weight: normal;
  line-height: 36px;
  margin-left: 0;
  width: auto;
}

.e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-month,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-year,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-decade {
  padding: 10px 5px 0 5px;
}

.e-daterangepicker.e-popup .e-calendar .e-header .e-next,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
  float: right;
}

.e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
  float: left;
}

.e-daterangepicker.e-popup .e-calendar .e-header .e-next,
.e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
  height: 36px;
  width: 36px;
}

.e-daterangepicker.e-popup .e-calendar .e-header .e-next span,
.e-daterangepicker.e-popup .e-calendar .e-header .e-prev span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
  padding: 10px;
}

.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
  border-radius: 50% 0 0 50%;
}

.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
  border-radius: 0 50% 50% 0;
}

.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
  border: none;
}

.e-daterangepicker.e-popup .e-footer,
.e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
  -ms-flex-align: center;
      align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  clear: both;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  height: 48px;
}

.e-daterangepicker.e-popup .e-footer .e-btn,
.e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn {
  font-weight: 500;
  height: 27px;
  line-height: 27px;
  overflow: hidden;
  padding: 0 16px;
  text-overflow: ellipsis;
}

.e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
.e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
  margin: 0 8px 0 8px;
}

.e-daterangepicker.e-popup .e-date-range-container,
.e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container {
  float: left;
}

.e-daterangepicker.e-popup .e-date-range-container.e-range-border,
.e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.e-daterangepicker.e-popup .e-calendar-container,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
  display: -ms-flexbox;
  display: flex;
}

.e-daterangepicker.e-popup .e-calendar-container .e-left-container,
.e-daterangepicker.e-popup .e-calendar-container .e-right-container,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
  float: left;
}

.e-daterangepicker.e-popup .e-calendar-container .e-left-container,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.e-daterangepicker.e-popup .e-presets,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
  max-height: 192px;
  overflow: auto;
  width: auto;
}

.e-daterangepicker.e-popup .e-presets .e-list-item,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item {
  border-radius: 0;
  cursor: pointer;
  line-height: 48px;
  overflow: hidden;
  padding: 0 24px;
  white-space: nowrap;
}

.e-daterangepicker.e-popup .e-presets .e-list-parent,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
  margin: 0;
  max-width: 160px;
  padding: 0;
}

.e-daterangepicker.e-popup .e-presets .e-text-content,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-text-content {
  line-height: 47px;
}

.e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
  font-size: 13px;
  height: 36px;
  line-height: 36px;
}

.e-daterangepicker.e-popup .e-hide-range,
.e-bigger.e-small .e-daterangepicker.e-popup .e-hide-range {
  display: none;
}

.e-daterangepicker.e-rtl .e-date-range-container,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container {
  float: right;
}

.e-daterangepicker.e-rtl .e-date-range-container.e-range-border,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 0;
}

.e-daterangepicker.e-rtl .e-date-range-container .e-left-container,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 0;
}

.e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
  float: left;
}

.e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
  float: right;
}

.e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
  border-radius: 0 50% 50% 0;
}

.e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
  border-radius: 50% 0 0 50%;
}

.e-daterangepicker.e-rtl .e-footer,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
  margin: 0 8px 0 8px;
}

.e-daterangepicker.e-rtl .e-footer .e-btn.e-apply,
.e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
  margin-left: 0;
}

.e-bigger .e-daterangepicker.e-range-modal,
.e-device.e-daterangepicker.e-range-modal {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  opacity: .5;
  pointer-events: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.e-bigger.e-small .e-daterangepicker .e-calendar {
  max-width: 246px;
}

.e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
  max-width: 770px;
  min-width: auto;
}

.e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
.e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
  max-height: none;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header,
.e-bigger.e-daterangepicker.e-popup .e-range-header,
.e-device.e-daterangepicker.e-popup .e-range-header {
  width: auto;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
  border: 1px solid #3f51b5;
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  line-height: 34px;
  max-width: 116px;
  overflow: hidden;
  padding: 1px 6px;
  text-overflow: ellipsis;
  width: 50%;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn {
  border-radius: 2px 0 0 2px;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
  box-shadow: none;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
  box-shadow: none;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
  max-width: 141px;
}

.e-bigger .e-daterangepicker.e-popup .e-presets,
.e-bigger.e-daterangepicker.e-popup .e-presets,
.e-device.e-daterangepicker.e-popup .e-presets {
  max-height: 240px;
}

.e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
.e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
.e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper {
  max-height: none;
}

.e-bigger .e-daterangepicker.e-popup .e-presets ul,
.e-bigger.e-daterangepicker.e-popup .e-presets ul,
.e-device.e-daterangepicker.e-popup .e-presets ul {
  max-width: none;
}

.e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item,
.e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item,
.e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item {
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
}

.e-bigger .e-daterangepicker .e-calendar,
.e-bigger.e-daterangepicker .e-calendar,
.e-device.e-daterangepicker .e-calendar {
  max-width: 296px;
  padding: 0;
}

.e-bigger .e-daterangepicker .e-calendar .e-content table,
.e-bigger.e-daterangepicker .e-calendar .e-content table,
.e-device.e-daterangepicker .e-calendar .e-content table {
  padding: 0 15px 15px;
}

.e-bigger .e-daterangepicker .e-calendar .e-header .e-next,
.e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
.e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
.e-device.e-daterangepicker .e-calendar .e-header .e-next,
.e-device.e-daterangepicker .e-calendar .e-header .e-prev {
  height: 48px;
  width: 48px;
}

.e-bigger .e-daterangepicker .e-calendar .e-header .e-next span,
.e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span,
.e-bigger.e-daterangepicker .e-calendar .e-header .e-next span,
.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span,
.e-device.e-daterangepicker .e-calendar .e-header .e-next span,
.e-device.e-daterangepicker .e-calendar .e-header .e-prev span {
  padding: 15px;
}

.e-bigger .e-daterangepicker .e-calendar .e-header .e-title,
.e-bigger.e-daterangepicker .e-calendar .e-header .e-title,
.e-device.e-daterangepicker .e-calendar .e-header .e-title {
  cursor: pointer;
  line-height: 48px;
}

.e-bigger .e-daterangepicker .e-calendar .e-header.e-month, .e-bigger .e-daterangepicker .e-calendar .e-header.e-year, .e-bigger .e-daterangepicker .e-calendar .e-header.e-decade,
.e-bigger.e-daterangepicker .e-calendar .e-header.e-month,
.e-bigger.e-daterangepicker .e-calendar .e-header.e-year,
.e-bigger.e-daterangepicker .e-calendar .e-header.e-decade,
.e-device.e-daterangepicker .e-calendar .e-header.e-month,
.e-device.e-daterangepicker .e-calendar .e-header.e-year,
.e-device.e-daterangepicker .e-calendar .e-header.e-decade {
  padding: 10px 5px 0 5px;
}

.e-bigger .e-daterangepicker .e-footer,
.e-bigger.e-daterangepicker .e-footer,
.e-device.e-daterangepicker .e-footer {
  height: 58px;
}

.e-bigger .e-daterangepicker .e-footer .e-btn,
.e-bigger.e-daterangepicker .e-footer .e-btn,
.e-device.e-daterangepicker .e-footer .e-btn {
  height: 36px;
  line-height: 36px;
  overflow: hidden;
}

.e-bigger .e-daterangepicker .e-footer .e-btn.e-apply,
.e-bigger.e-daterangepicker .e-footer .e-btn.e-apply,
.e-device.e-daterangepicker .e-footer .e-btn.e-apply {
  margin: 0 8px 0 8px;
}

.e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn {
  border: 1px solid #3f51b5;
  border-radius: 2px 0 0 2px;
  border-right: 0;
}

.e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn {
  border-radius: 0 2px 2px 0;
}

.e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel {
  margin: 0 8px 0 8px;
}

.e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply {
  margin-left: 0;
}

.e-bigger .e-daterangepicker.e-device.e-popup,
.e-bigger.e-daterangepicker.e-device.e-popup,
.e-device.e-daterangepicker.e-device.e-popup {
  max-width: 298px;
}

.e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
  margin: 20px 16px 0 16px;
}

.e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
  margin: 10px 0;
}

.e-small .e-daterangepicker.e-popup .e-range-header,
.e-small.e-daterangepicker.e-popup .e-range-header {
  margin: 10px 10px 0 10px;
}

.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label,
.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label,
.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label,
.e-small.e-daterangepicker.e-popup .e-range-header .e-end-label {
  font-size: 16px;
}

.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon,
.e-small.e-daterangepicker.e-popup .e-range-header .e-change-icon {
  font-size: 12px;
}

.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end,
.e-small.e-daterangepicker.e-popup .e-range-header .e-start-end {
  height: 32px;
}

.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span,
.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span {
  font-size: 12px;
  margin: 0 0 10px 0;
}

.e-small .e-daterangepicker.e-popup .e-range-header .e-separator,
.e-small.e-daterangepicker.e-popup .e-range-header .e-separator {
  margin: 0 10px;
}

.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
.e-small.e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
  margin: 10px 10px 10px 8px;
}

.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item,
.e-small.e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item {
  font-size: 12px;
  height: 26px;
  line-height: 26px;
}

.e-range-overflow {
  overflow: hidden;
}

.e-daterangepick-mob-popup-wrap {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  max-height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1002;
}

.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-control.e-lib.e-device.e-popup-open {
  position: relative;
  top: 0 !important;
  left: 0 !important;
}

.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
  background-size: 250px 33px;
  min-height: 33px;
}

.e-bigger .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker,
.e-bigger.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
  background-size: 250px 40px;
  min-height: 40px;
}

/*! daterangepicker theme */
.e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
  color: #e3165b;
}

.e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
  color: #e3165b;
}

.e-daterangepicker.e-popup,
.e-bigger.e-small .e-daterangepicker.e-popup {
  background: #fff;
}

.e-daterangepicker.e-popup .e-calendar,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
  background-color: #fff;
}

.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
}

.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.87);
}

.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
  background-color: #eee;
  border: 1px solid #e3165b;
  color: #e3165b;
}

.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
  background: #eee;
  border: none;
  color: rgba(0, 0, 0, 0.87);
}

.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
  background-color: #c8c8c8;
  border: none;
  color: rgba(0, 0, 0, 0.87);
}

.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
  border: 1px solid #e3165b;
}

.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
  border: 1px solid #e3165b;
}

.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
  background-color: #fff;
  border: none;
  color: rgba(0, 0, 0, 0.38);
}

.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
  background-color: #fff;
  border: none;
  color: rgba(0, 0, 0, 0.38);
}

.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
  background-color: #e3165b;
  color: #fff;
}

.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
  background-color: #e3165b;
  color: #fff;
}

.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
  color: #fff;
}

.e-daterangepicker.e-popup .e-presets,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
  background-color: #fff;
  color: #000;
}

.e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
  background-color: #fff;
  color: #e3165b;
}

.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.87);
}

.e-daterangepicker.e-popup .e-start-label,
.e-daterangepicker.e-popup .e-end-label,
.e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
.e-bigger.e-small .e-daterangepicker.e-popup .e-end-label {
  color: rgba(0, 0, 0, 0.87);
}

.e-daterangepicker.e-popup .e-change-icon,
.e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon {
  color: rgba(0, 0, 0, 0.74);
}

.e-daterangepicker.e-popup .e-day-span,
.e-bigger.e-small .e-daterangepicker.e-popup .e-day-span {
  color: rgba(0, 0, 0, 0.54);
}

.e-daterangepicker.e-popup .e-separator,
.e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
  background-color: rgba(0, 0, 0, 0.12);
}

.e-daterangepicker.e-popup .e-footer,
.e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
  background-color: #fff;
}

.e-bigger .e-daterangepicker,
.e-bigger.e-daterangepicker,
.e-device.e-daterangepicker {
  background-color: #fff;
  padding: 0;
}

.e-bigger .e-daterangepicker .e-calendar th,
.e-bigger.e-daterangepicker .e-calendar th,
.e-device.e-daterangepicker .e-calendar th {
  color: rgba(0, 0, 0, 0.38);
}

.e-bigger .e-daterangepicker .e-start-btn,
.e-bigger .e-daterangepicker .e-end-btn,
.e-bigger.e-daterangepicker .e-start-btn,
.e-bigger.e-daterangepicker .e-end-btn,
.e-device.e-daterangepicker .e-start-btn,
.e-device.e-daterangepicker .e-end-btn {
  background: #fff;
}

.e-bigger .e-daterangepicker .e-start-btn.e-active,
.e-bigger .e-daterangepicker .e-start-btn.e-active:active,
.e-bigger .e-daterangepicker .e-end-btn.e-active,
.e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
.e-bigger .e-daterangepicker .e-start-btn.e-active:hover,
.e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
.e-bigger.e-daterangepicker .e-start-btn.e-active,
.e-bigger.e-daterangepicker .e-start-btn.e-active:active,
.e-bigger.e-daterangepicker .e-end-btn.e-active,
.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
.e-bigger.e-daterangepicker .e-start-btn.e-active:hover,
.e-bigger.e-daterangepicker .e-end-btn.e-active:hover,
.e-device.e-daterangepicker .e-start-btn.e-active,
.e-device.e-daterangepicker .e-start-btn.e-active:active,
.e-device.e-daterangepicker .e-end-btn.e-active,
.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
.e-device.e-daterangepicker .e-start-btn.e-active:hover,
.e-device.e-daterangepicker .e-end-btn.e-active:hover {
  background: #3f51b5;
  color: #fff;
}

@keyframes e-input-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

/*! component icons */
.e-datetime-wrapper .e-time-icon.e-icons::before {
  content: '\E20C';
  font-family: 'e-icons';
}

.e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-datetime-wrapper.e-outline .e-input-group-icon.e-time-icon,
.e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
  min-height: 0;
  min-width: 20px;
}

.e-bigger .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-datetime-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon,
.e-bigger .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-bigger .e-datetime-wrapper.e-outline .e-input-group-icon.e-time-icon,
.e-datetime-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon,
.e-bigger .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
  min-height: 0;
  min-width: 24px;
}

.e-small .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-datetime-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon,
.e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-small .e-datetime-wrapper.e-outline .e-input-group-icon.e-time-icon,
.e-datetime-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-time-icon,
.e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
  min-height: 0;
  min-width: 18px;
}

.e-bigger.e-small .e-outline.e-datetime-wrapper .e-input-group-icon.e-date-icon,
.e-bigger.e-small.e-outline.e-datetime-wrapper .e-input-group-icon.e-date-icon,
.e-datetime-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon,
.e-bigger.e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon,
.e-bigger.e-small .e-outline.e-datetime-wrapper .e-input-group-icon.e-time-icon,
.e-bigger.e-small.e-outline.e-datetime-wrapper .e-input-group-icon.e-time-icon,
.e-datetime-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon,
.e-bigger.e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
  min-height: 0;
  min-width: 20px;
}

.e-datetime-wrapper.e-filled .e-input-group-icon.e-time-icon,
.e-datetime-wrapper.e-control-wrapper.e-filled .e-input-group-icon.e-time-icon,
.e-rtl.e-datetime-wrapper.e-filled .e-input-group-icon.e-time-icon,
.e-rtl.e-datetime-wrapper.e-control-wrapper.e-filled .e-input-group-icon.e-time-icon,
.e-rtl .e-datetime-wrapper.e-filled .e-input-group-icon.e-time-icon,
.e-rtl .e-datetime-wrapper.e-control-wrapper.e-filled .e-input-group-icon.e-time-icon {
  margin: 0;
}

.e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
.e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
  display: -ms-flexbox;
  display: flex;
}

.e-datetime-wrapper {
  -webkit-tap-highlight-color: transparent;
}

.e-datetime-wrapper .e-time-icon.e-icons::before {
  font-size: 16px;
}

.e-datetime-wrapper.e-control-wrapper {
  box-sizing: border-box;
}

.e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
.e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
  pointer-events: none;
}

.e-datetime-wrapper .e-clear-icon {
  box-sizing: content-box;
}

.e-datetime-wrapper span {
  cursor: pointer;
}

.e-datetime-wrapper .e-input-group-icon.e-date-icon,
.e-datetime-wrapper .e-input-group-icon.e-time-icon {
  font-size: 16px;
  margin: 0 0 4px;
  min-height: 24px;
  min-width: 24px;
  outline: none;
}

.e-datetime-wrapper .e-input-group-icon.e-time-icon {
  border: 0;
  border-style: none;
  margin: 0 0 4px 6px;
}

.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
  margin: 0 6px 4px 0;
}

.e-datetimepicker.e-time-modal {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  opacity: .5;
  pointer-events: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.e-datetimepicker.e-popup {
  border-style: solid;
  border-width: 1px;
  overflow: auto;
}

.e-datetimepicker.e-popup .e-content {
  position: relative;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul {
  margin: 0;
  padding: 8px 0;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
  color: rgba(0, 0, 0, 0.87);
  cursor: default;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
  cursor: pointer;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
  line-height: 36px;
  text-indent: 16px;
}

.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
  font-size: 20px;
}

.e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
  margin: 5px 0 6px 8px;
  min-height: 26px;
  min-width: 26px;
}

.e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
  margin: 5px 8px 6px 0;
}

.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
  padding: 8px 0;
}

.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
  font-size: 14px;
  line-height: 48px;
  text-indent: 16px;
}

.e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
  font-size: 12px;
  line-height: 26px;
  text-indent: 12px;
}

.e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
  font-size: 13px;
  line-height: 40px;
  text-indent: 16px;
}

.e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
  font-size: 14px;
}

.e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
  font-size: 18px;
}

.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
  background-size: 250px 33px;
  min-height: 33px;
}

.e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
.e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
  background-size: 250px 40px;
  min-height: 40px;
}

/*! datetimepicker theme */
.e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
  color: #e3165b;
}

.e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
  color: #e3165b;
}

.e-datetimepicker.e-popup {
  border: none;
  border-radius: 2px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.e-datetimepicker.e-popup .e-list-parent.e-ul {
  background-color: #fff;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
  border: none;
  color: rgba(0, 0, 0, 0.87);
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
  background-color: #eee;
  border: none;
  color: #000;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
  background-color: #eee;
  color: #e3165b;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
  background-color: #eee;
  color: #e3165b;
}

.e-dropdownbase .e-list-item .e-list-icon {
  padding: 0 16px 0 0;
}

.e-small .e-dropdownbase .e-list-item .e-list-icon {
  padding: 0 12px 0 0;
}

.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
  padding: 0 16px 0 0;
}

.e-bigger .e-dropdownbase,
.e-dropdownbase.e-bigger {
  min-height: 45px;
}

.e-bigger .e-dropdownbase .e-list-item,
.e-bigger .e-dropdownbase .e-list-group-item,
.e-bigger .e-dropdownbase .e-fixed-head,
.e-dropdownbase.e-bigger .e-list-item,
.e-dropdownbase.e-bigger .e-list-group-item,
.e-dropdownbase.e-bigger .e-fixed-head {
  line-height: 48px;
}

.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
  font-size: 20px;
}

.e-dropdownbase {
  display: block;
  height: 100%;
  min-height: 36px;
  position: relative;
  width: 100%;
}

.e-dropdownbase .e-list-parent {
  margin: 0;
  padding: 0;
}

.e-dropdownbase .e-list-group-item,
.e-dropdownbase .e-fixed-head {
  cursor: default;
}

.e-dropdownbase .e-list-item {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

.e-dropdownbase .e-list-item .e-list-icon {
  font-size: 16px;
  vertical-align: middle;
}

.e-dropdownbase .e-fixed-head {
  position: absolute;
  top: 0;
}

.e-rtl .e-dropdownbase .e-fixed-head {
  left: 33px;
}

.e-dropdownbase.e-content {
  overflow: auto;
  position: relative;
}

.e-popup.e-ddl .e-dropdownbase.e-nodata {
  color: #000;
  cursor: default;
  font-family: inherit;
  font-size: 14px;
  padding: 14px 16px;
  text-align: center;
}

.e-rtl .e-dropdownbase.e-dd-group .e-list-item {
  padding-right: 2em;
}

.e-dropdownbase.e-dd-group .e-list-item {
  padding-left: 2em;
  text-indent: 0;
}

.e-small .e-dropdownbase.e-dd-group .e-list-item {
  text-indent: 0;
}

.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
  text-indent: 0;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
  text-indent: 0;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

.e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
  padding-right: 2em;
}

.e-rtl .e-dropdownbase .e-list-item {
  padding-left: 16px;
  padding-right: 0;
}

.e-small.e-rtl .e-dropdownbase .e-list-item,
.e-small .e-rtl .e-dropdownbase .e-list-item,
.e-rtl .e-small .e-dropdownbase .e-list-item {
  padding-left: 16px;
  padding-right: 0;
}

.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
  padding-left: 16px;
  padding-right: 0;
}

.e-dropdownbase {
  border-color: #e0e0e0;
}

.e-dropdownbase .e-list-item {
  background-color: #fff;
  border-bottom: 0;
  border-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  font-family: inherit;
  font-size: 13px;
  line-height: 36px;
  min-height: 36px;
  padding-right: 16px;
  text-indent: 16px;
}

.e-dropdownbase .e-list-group-item,
.e-fixed-head {
  background-color: #fff;
  border-color: #fff;
  color: rgba(0, 0, 0, 0.54);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 36px;
  min-height: 36px;
  padding-left: 16px;
  padding-right: 16px;
}

.e-dropdownbase .e-list-item.e-active,
.e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: #eee;
  border-color: #fff;
  color: #e3165b;
}

.e-dropdownbase .e-list-item.e-hover {
  background-color: #eee;
  border-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.e-dropdownbase .e-list-item:last-child {
  border-bottom: 0;
}

.e-dropdownbase .e-list-item.e-item-focus {
  background-color: #eee;
}

.e-bigger .e-dropdownbase .e-list-group-item,
.e-bigger .e-dropdownbase .e-fixed-head {
  font-size: 14px;
}

.e-multi-column.e-ddl.e-popup.e-popup-open table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.e-multi-column.e-ddl.e-popup.e-popup-open th,
.e-multi-column.e-ddl.e-popup.e-popup-open td {
  display: table-cell;
  overflow: hidden;
  padding-right: 16px;
  text-indent: 10px;
  text-overflow: ellipsis;
}

.e-multi-column.e-ddl.e-popup.e-popup-open th {
  line-height: 36px;
  text-align: left;
}

.e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
  background-color: #fff;
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 0 0 1px 0;
  color: rgba(0, 0, 0, 0.54);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  text-indent: 10px;
}

.e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item {
  padding-right: 0;
}

.e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header {
  padding-right: 16px;
}

.e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
.e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header {
  padding-right: 0;
}

.e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center {
  text-align: center;
}

.e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right {
  text-align: right;
}

.e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left {
  text-align: left;
}

.e-small .e-dropdownbase .e-list-item,
.e-dropdownbase.e-small .e-list-item {
  color: #000;
  line-height: 26px;
  min-height: 26px;
  text-indent: 12px;
}

.e-small .e-dropdownbase .e-list-group-item,
.e-small .e-dropdownbase .e-fixed-head,
.e-dropdownbase.e-small .e-list-group-item,
.e-dropdownbase.e-small .e-fixed-head {
  line-height: 26px;
  min-height: 26px;
}

.e-small .e-dropdownbase .e-list-item .e-list-icon,
.e-dropdownbase.e-small .e-list-item .e-list-icon {
  font-size: 14px;
}

.e-bigger.e-small .e-dropdownbase .e-list-item,
.e-dropdownbase.e-small.e-bigger .e-list-item {
  color: #000;
  line-height: 40px;
  min-height: 40px;
  text-indent: 16px;
}

.e-bigger.e-small .e-dropdownbase .e-list-group-item,
.e-bigger.e-small .e-dropdownbase .e-fixed-head,
.e-dropdownbase.e-small.e-bigger .e-list-group-item,
.e-dropdownbase.e-small.e-bigger .e-fixed-head {
  line-height: 40px;
  min-height: 40px;
}

.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
  font-size: 18px;
}

.e-bigger.e-small .e-dropdownbase .e-list-group-item,
.e-bigger.e-small .e-dropdownbase .e-fixed-head,
.e-dropdownbase.e-bigger.e-small .e-list-group-item,
.e-dropdownbase.e-bigger.e-small .e-fixed-head {
  font-size: 13px;
}

.e-ddl.e-popup.e-multiselect-group .e-list-group-item {
  background-color: #fff;
  border-bottom: 0;
  border-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  font-family: inherit;
  font-size: 13px;
  padding-right: 16px;
  text-indent: 16px;
}

.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
  background-color: #eee;
}

.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
  background-color: #eee;
  border-color: #fff;
  color: #e3165b;
}

.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
  background-color: #eee;
  border-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}

@keyframes e-input-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

@keyframes material-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fabric-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.e-ddl.e-control-wrapper .e-ddl-icon::before {
  transform: rotate(0deg);
  transition: transform 300ms ease;
}

.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
  transform: rotate(180deg);
  transition: transform 300ms ease;
}

.e-dropdownbase .e-list-item.e-active.e-hover {
  color: #e3165b;
}

.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
.e-input-group:not(.e-disabled) .e-back-icon:active,
.e-input-group:not(.e-disabled) .e-back-icon:hover,
.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
  background: transparent;
}

.e-input-group .e-ddl-icon:not(:active)::after {
  animation: none;
}

.e-ddl.e-popup {
  border: 0;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  margin-top: 2px;
}

.e-popup.e-ddl .e-dropdownbase {
  min-height: 26px;
}

.e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: #e0e0e0;
}

.e-bigger .e-popup.e-ddl-device-filter {
  margin-top: 0;
}

.e-bigger .e-ddl-device .e-input-group,
.e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
  background: #f5f5f5;
  border-width: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.e-bigger .e-ddl-device .e-input-group .e-back-icon,
.e-bigger .e-ddl-device .e-input-group input.e-input,
.e-bigger .e-ddl-device .e-input-group .e-clear-icon {
  background-color: #f5f5f5;
}

.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
  margin: 6px 6px 5px;
  min-height: 12px;
  min-width: 12px;
  padding: 6px;
}

.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
  min-height: 16px;
  min-width: 16px;
}

.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
  padding: 8px 16px 8px 0;
}

.e-input-group.e-ddl,
.e-input-group.e-ddl .e-input,
.e-input-group.e-ddl .e-ddl-icon {
  background: transparent;
}

.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
  border-bottom-width: 0;
}

.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
  margin: 0;
}

.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
  padding: 5px 5px 5px 12px;
}

.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
  min-height: 18px;
  min-width: 18px;
}

.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
  padding: 8px 16px;
}

.e-ddl.e-popup.e-outline .e-filter-parent {
  padding: 4px 8px;
}

.e-ddl .e-search-icon::before {
  content: '\E993';
}

.e-ddl .e-back-icon::before {
  content: '\E977';
}

.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
  content: '\E969';
  font-family: 'e-icons';
}

.e-bigger .e-input-group.e-ddl .e-input-filter,
.e-bigger .e-input-group.e-ddl .e-input-filter:focus {
  margin-left: -20px;
}

.e-bigger .e-ddl.e-popup .e-list-item,
.e-bigger .e-ddl.e-popup .e-list-group-item {
  font-size: 14px;
}

.e-bigger .e-ddl.e-popup .e-input-group {
  padding: 4px 0;
}

.e-bigger.e-ddl.e-popup .e-list-item,
.e-bigger.e-ddl.e-popup .e-list-group-item {
  font-size: 14px;
}

.e-bigger.e-ddl.e-popup .e-input-group {
  padding: 4px 0;
}

.e-popup-full-page {
  bottom: 0;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  right: 0;
  top: 0;
}

.e-ddl.e-control-wrapper .e-ddl-disable-icon {
  position: relative;
}

.e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
  content: '';
}

.e-ddl-device-filter .e-filter-parent {
  background-color: #f5f5f5;
}

.e-ddl input.e-input::-webkit-contacts-auto-fill-button {
  display: none;
  pointer-events: none;
  position: absolute;
  right: 0;
  visibility: hidden;
}

.e-filter-parent {
  border: 0;
  border-top-width: 0;
  box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
  display: block;
  padding: 0;
}

.e-ddl.e-input-group:not(.e-disabled) {
  cursor: pointer;
}

.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
  width: 0;
}

.e-ddl.e-popup {
  background: #fff;
  position: absolute;
}

.e-ddl.e-popup .e-search-icon {
  margin: 0;
  opacity: .57;
  padding: 12px 8px 8px;
}

.e-ddl.e-popup .e-filter-parent .e-back-icon {
  padding: 0 8px;
}

.e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
.e-ddl.e-popup .e-filter-parent .e-input-filter,
.e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
  padding: 8px 16px 8px;
}

.e-ddl.e-popup .e-input-group {
  margin-bottom: 0;
}

.e-ddl.e-popup .e-ddl-footer,
.e-ddl.e-popup .e-ddl-header {
  cursor: default;
}

.e-ddl.e-input-group .e-ddl-hidden {
  border: 0;
  height: 0;
  visibility: hidden;
  width: 0;
}

.e-ddl.e-input-group,
.e-ddl.e-input-group.e-input-focus:focus {
  outline: none;
}

.e-dropdownbase .e-list-item .e-highlight {
  display: inline;
  font-weight: bold;
  vertical-align: baseline;
}

.e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
.e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
.e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
  opacity: 1;
}

.e-ddl.e-input-group .e-input-value,
.e-ddl.e-input-group .e-input-value:focus {
  font-family: inherit;
  font-size: 14px;
  height: auto;
  margin: 0;
  outline: none;
  width: 100%;
}

.e-ddl.e-input-group input[readonly].e-input,
.e-ddl.e-input-group input[readonly],
.e-ddl.e-input-group .e-dropdownlist {
  pointer-events: none;
}

ejs-autocomplete,
ejs-combobox,
ejs-dropdownlist {
  display: block;
}

.e-small .e-ddl.e-popup .e-list-item,
.e-small .e-ddl.e-popup .e-list-group-item,
.e-input-group.e-ddl.e-small .e-list-item,
.e-input-group.e-ddl.e-small .e-list-group-item {
  font-size: 12px;
}

.e-small.e-ddl.e-popup .e-list-item,
.e-small.e-ddl.e-popup .e-list-group-item,
.e-input-group.e-ddl.e-small .e-list-item,
.e-input-group.e-ddl.e-small .e-list-group-item {
  font-size: 12px;
}

.e-bigger.e-small .e-ddl.e-popup .e-list-item,
.e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
.e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
  font-size: 13px;
}

.e-bigger.e-small.e-ddl.e-popup .e-list-item,
.e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
.e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
  font-size: 13px;
}

.e-content-placeholder.e-ddl.e-placeholder-ddl,
.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
.e-content-placeholder.e-combobox.e-placeholder-combobox {
  background-size: 300px 33px;
  min-height: 33px;
}

.e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
.e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
.e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
.e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
.e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
.e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
  background-size: 300px 40px;
  min-height: 40px;
}

.e-popup {
  border-color: #e0e0e0;
}

.e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
.e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
  color: #e3165b;
}

@keyframes e-input-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

@keyframes material-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fabric-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*! TreeView's material theme wise override definitions and variables */
.e-treeview .e-list-item div.e-icons.interaction {
  -webkit-transition: -webkit-transform .3s ease-in-out;
  border-radius: 15px;
  transition: transform .3s ease-in-out;
}

.e-treeview .e-list-item .e-icons.e-icon-collapsible {
  transform: rotate(90deg);
}

.e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
  transform: rotate(180deg);
}

.e-treeview.e-rtl div.e-icons {
  transform: rotate(180deg);
}

.e-ddt .e-ddt-icon::before {
  content: '\E969';
}

.e-ddt .e-chips-close::before {
  content: '\E7E9';
}

.e-ddt {
  cursor: pointer;
  outline: none;
}

.e-ddt .e-ddt-icon::before {
  transform: rotate(0deg);
  transition: transform 300ms ease;
}

.e-ddt.e-icon-anim .e-ddt-icon::before {
  transform: rotate(180deg);
  transition: transform 300ms ease;
}

.e-ddt .e-ddt-hidden {
  border: 0;
  height: 0;
  visibility: hidden;
  width: 0;
}

.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
  min-height: 22px;
}

.e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
  border: 0;
}

.e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
  display: none;
}

.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
  bottom: 0;
  position: absolute;
  right: 0;
}

.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
  right: 18px;
}

.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
  bottom: 2px;
  position: absolute;
  right: 0;
}

.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
.e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
.e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
.e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
.e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
  padding-left: 0;
  padding-right: 0;
}

.e-ddt .e-chips-wrapper {
  width: 100%;
}

.e-ddt.e-show-chip .e-chips-close {
  line-height: 16px;
  min-height: 16px;
  min-width: 16px;
  text-align: center;
}

.e-ddt.e-show-chip .e-chips-close::before {
  font-size: 16px;
  vertical-align: middle;
}

.e-ddt.e-show-chip .e-chips {
  -ms-flex-align: center;
      align-items: center;
  border-radius: 16px;
  box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: left;
  height: 24px;
  margin: 3px 1px;
  max-width: calc(100% - 2px);
  overflow: hidden;
  padding: 0 4px 0 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-ddt.e-show-chip .e-chips > .e-chipcontent {
  max-width: 100%;
  overflow: hidden;
  padding: 0 4px 0 4px;
  text-indent: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-ddt .e-overflow {
  white-space: nowrap;
}

.e-ddt .e-overflow.e-show-text {
  padding: 6px 0 0 0;
}

.e-ddt .e-overflow.e-total-count {
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-ddt .e-overflow.e-total-count .e-remain {
  padding: 0 16px 0 0;
}

.e-ddt .e-overflow.e-wrap-count {
  padding-top: 6px;
}

.e-ddt .e-overflow .e-remain {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  padding: 0 0 0 16px;
}

.e-ddt .e-overflow .e-remain.e-wrap-count {
  padding-top: 6px;
}

.e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
  padding: 6px 0 0 0;
}

.e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
  margin-right: 18px;
  max-width: calc(100% - 19px);
}

.e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
  margin-right: 26px;
  max-width: calc(100% - 27px);
}

.e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
  margin-right: 45px;
  max-width: calc(100% - 45px);
}

.e-ddt input[readonly],
.e-ddt .e-dropdowntree,
.e-ddt input[readonly].e-input {
  pointer-events: none;
}

.e-ddt input[readonly].e-chip-input,
.e-ddt .e-dropdowntree.e-chip-input,
.e-ddt input[readonly].e-input.e-chip-input {
  width: 0;
}

.e-ddt.e-popup {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
  position: absolute;
}

.e-ddt.e-popup .e-selectall-parent {
  border-bottom: 1px solid;
  cursor: pointer;
  display: block;
  line-height: 36px;
  overflow: hidden;
  position: relative;
  text-indent: 38px;
  white-space: nowrap;
  width: 100%;
}

.e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
  display: none;
}

.e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
  position: relative;
  text-indent: 0;
}

.e-ddt.e-popup .e-selectall-parent .e-all-text {
  font-family: inherit;
  font-size: 14px;
  margin: 10px;
}

.e-ddt.e-popup .e-filter-wrap .e-input,
.e-ddt.e-popup .e-filter-wrap .e-input:focus {
  padding: 8px 16px 8px;
}

.e-ddt.e-popup .e-filter-wrap {
  border: 0;
  border-top-width: 0;
  display: block;
  padding: 0;
}

.e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before,
.e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after,
.e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before,
.e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after {
  bottom: -1px;
  height: 1px;
}

.e-ddt.e-popup .e-filter-wrap .e-input-group {
  margin-bottom: 0;
}

.e-ddt.e-popup .e-filter-wrap .e-input-group .e-clear-icon {
  margin: 6px 6px 5px;
  min-height: 12px;
  min-width: 12px;
  padding: 6px;
}

.e-ddt.e-popup .e-popup-content {
  overflow: auto;
  position: relative;
}

.e-ddt.e-popup .e-popup-content .e-ddt-nodata {
  display: none;
}

.e-ddt.e-popup .e-popup-content.e-no-data {
  cursor: default;
  font-family: inherit;
  font-size: 14px;
  padding: 14px 16px;
  text-align: center;
}

.e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
  display: none;
}

.e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
  display: block;
}

.e-ddt.e-popup .e-treeview {
  display: inline-table;
  width: 100%;
}

.e-ddt.e-popup .e-treeview .e-list-item {
  padding: 0;
}

.e-ddt.e-popup .e-treeview .e-list-item .e-ul {
  margin: 0;
  padding: 0 0 0 14px;
}

.e-ddt.e-popup .e-treeview .e-fullrow {
  height: 36px;
}

.e-ddt.e-popup .e-treeview > .e-ul {
  overflow: hidden;
  padding: 0 8px;
}

.e-ddt.e-popup .e-treeview.e-fullrow-wrap .e-text-content {
  padding-bottom: 2px;
  padding-top: 2px;
}

.e-ddt.e-popup .e-ddt-footer,
.e-ddt.e-popup .e-ddt-header {
  cursor: default;
}

.e-ddt.e-rtl.e-show-chip .e-chips {
  float: right;
}

.e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
  padding: 0 16px 0 0;
}

.e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
  padding-top: 6px;
}

.e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
  position: absolute;
  right: auto;
}

.e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
  padding: 0 0 0 16px;
}

.e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
  padding: 6px 0 0 0;
}

.e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
  margin-left: 18px;
  margin-right: 1px;
}

.e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
  margin-left: 26px;
  margin-right: 1px;
}

.e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
  margin-left: 45px;
  margin-right: 1px;
}

.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
  left: 0;
  right: auto;
}

.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
  left: 18px;
}

.e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
  padding: 0 14px 0 0;
}

.e-dropdowntree .e-ddt.e-input-group.e-control-wrapper .e-clear-icon,
.e-dropdowntree .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
  margin: 6px;
  min-height: 18px;
  padding: 0;
}

.e-bigger .e-ddt .e-chips,
.e-ddt.e-bigger .e-chips {
  height: 31px;
}

.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
  right: 20px;
}

.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
  bottom: 3px;
}

.e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
.e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
.e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
  min-height: 26px;
}

.e-bigger .e-ddt .e-overflow.e-show-text,
.e-ddt.e-bigger .e-overflow.e-show-text {
  padding: 8px 0 0 0;
}

.e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
.e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
  margin-right: 20px;
  max-width: calc(100% - 21px);
}

.e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child,
.e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child {
  margin-right: 32px;
  max-width: calc(100% - 33px);
}

.e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
.e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
  margin-right: 52px;
  max-width: calc(100% - 53px);
}

.e-bigger .e-ddt.e-popup .e-selectall-parent,
.e-ddt.e-bigger.e-popup .e-selectall-parent {
  text-indent: 43px;
}

.e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
.e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
  height: 44px;
}

.e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
.e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
  margin-left: 20px;
  margin-right: 1px;
}

.e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
.e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
  margin-left: 32px;
  margin-right: 1px;
}

.e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
.e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
  margin-left: 52px;
  margin-right: 1px;
}

.e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
.e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
.e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
  left: 20px;
  right: auto;
}

.e-ddt .e-chips {
  background-color: #eee;
}

.e-ddt .e-chips .e-chips-close::before {
  color: rgba(0, 0, 0, 0.54);
}

.e-ddt .e-chips > .e-chipcontent {
  color: rgba(0, 0, 0, 0.87);
}

.e-ddt .e-chips:hover {
  background-color: #d6d6d6;
}

.e-ddt .e-chips:hover > .e-chipcontent {
  color: rgba(0, 0, 0, 0.87);
}

.e-ddt .e-overflow .e-remain {
  color: rgba(0, 0, 0, 0.54);
}

.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
  background-color: #fff;
}

.e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
  background-color: #fff;
}

.e-ddt.e-popup {
  background: #fff;
  border-color: transparent;
}

.e-ddt.e-popup .e-popup-content.e-no-data {
  color: #000;
}

.e-ddt.e-popup .e-selectall-parent {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.e-ddt.e-popup .e-selectall-parent .e-all-text {
  color: rgba(0, 0, 0, 0.87);
}

@keyframes e-input-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

@keyframes material-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fabric-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.e-multiselect.e-input-group .e-ddl-icon::before {
  content: '\E969';
  font-family: 'e-icons';
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
  content: '\E7E9';
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0;
}

.e-multi-select-wrapper .e-close-hooker::before {
  content: '\E7A7';
  cursor: pointer;
  left: 6px;
  position: relative;
  top: 6px;
}

.e-multiselect.e-input-group .e-ddl-disable-icon::before {
  content: '';
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  height: 38px;
  margin-top: -38px;
  right: 18px;
  top: 100%;
  width: 16px;
}

.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  height: 38px;
  margin-top: -35px;
  right: 18px;
  top: 100%;
  width: 16px;
}

.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
  right: 52px;
}

.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
  right: 45px;
}

.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  height: 38px;
  margin-top: -55px;
  right: 12px;
  top: 100%;
  width: 18px;
}

.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
  right: 48px;
}

.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  height: 54px;
  margin-top: -55px;
  right: 16px;
  top: 100%;
  width: 20px;
}

.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
  right: 60px;
}

.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  height: 34px;
  margin-top: -35px;
  right: 16px;
  top: 100%;
  width: 14px;
}

.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
  right: 48px;
}

.e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  left: 52px;
  right: auto;
}

.e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  left: 48px;
  right: auto;
}

.e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  left: 60px;
  right: auto;
}

.e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  left: 48px;
  right: auto;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
  content: '\E208';
  font-size: 16px;
  height: 16px;
  margin-top: -8px;
  top: 50%;
}

.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
  content: '\E208';
  font-size: 14px;
  height: 14px;
  margin-top: -7px;
  top: 50%;
}

.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
  content: '\E208';
  font-size: 20px;
  height: 20px;
  left: 0;
  margin-top: -10px;
  top: 50%;
}

.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
  content: '\E208';
  font-size: 18px;
  height: 18px;
  left: 0;
  margin-top: -9px;
  top: 50%;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
  font-size: 14px;
}

.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
  font-size: 13px;
}

.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
  font-size: 16px;
}

.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
  font-size: 14px;
}

.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 7px 12px 9px 0;
}

.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 10px 16px 10px 0;
}

.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 6px 10px 8px 0;
}

.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 6px 12px 8px 0;
}

.e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 7px 0 9px 12px;
}

.e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 10px 0 10px 16px;
}

.e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 6px 0 8px 10px;
}

.e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 6px 0 8px 12px;
}

.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  height: 20px;
  margin-top: -33px;
  right: 18px;
  width: 20px;
}

.e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
  height: 20px;
  margin-top: -35px;
  right: 45px;
  width: 20px;
}

.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
  margin-top: -32px;
}

.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  height: 18px;
  margin: -29px 0 8px;
  width: 18px;
}

.e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  height: 24px;
  width: 24px;
}

.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
  margin-top: -26px;
}

.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
  margin-top: -36px;
}

.e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  margin-top: -32px;
  right: 40px;
}

.e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
  margin-top: -42px;
}

.e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close,
.e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close,
.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close {
  height: 14px;
  width: 14px;
}

.e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close,
.e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close {
  height: 16px;
  width: 16px;
}

.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close,
.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close {
  height: 10px;
  width: 10px;
}

.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
  font-size: 12px;
  height: 12px;
  width: 12px;
}

.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
  font-size: 10px;
  height: 10px;
  width: 10px;
}

.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
  font-size: 14px;
  height: 14px;
  width: 14px;
}

.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
.e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
.e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
.e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
.e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
  content: '\E208';
  font-size: 14px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
  font-size: 12px;
  height: 12px;
  width: 12px;
}

.e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
.e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
  font-size: 16px;
  height: 16px;
  width: 16px;
}

.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 11px 0 9px;
}

.e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 0 8px 8px 0;
  padding: 0;
}

.e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  height: 18px;
  margin: 7px 0 2px;
  width: 18px;
}

.e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  height: 24px;
  margin: 12px -4px 8px -1px;
  padding: 0;
  width: 24px;
}

.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 0 12px 4px 0;
}

.e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  margin: 4px 8px 8px 0;
}

.e-bigger.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger.e-small .e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-bigger .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
.e-small .e-bigger.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
  height: 20px;
  margin: 0 8px 8px 0;
  padding: 0;
  width: 20px;
}

.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
.e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
.e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
.e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
.e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
  font-size: 10px;
  height: 10px;
  width: 10px;
}

.e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
  font-size: 8px;
  height: 8px;
  width: 8px;
}

.e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
.e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
  font-size: 12px;
  height: 12px;
  width: 12px;
}

.e-multi-select-wrapper {
  box-sizing: border-box;
  cursor: text;
  line-height: normal;
  min-height: 30px;
  padding: 0 32px 0 0;
  position: relative;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 27px;
  vertical-align: middle;
}

.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
  height: 100%;
  min-height: 100%;
}

.e-multi-select-wrapper .e-delim-view {
  white-space: nowrap;
}

.e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
  color: #fff;
  font-size: 16px;
  left: 12px;
  top: 0;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
  background-color: #3f51b5;
  color: #fff;
  padding: 12px 4px 11px 0;
}

.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
  width: 0;
}

.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
  height: 1px;
  min-height: 1px;
}

.e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
  max-width: 100%;
}

.e-multiselect.e-input-group,
.e-multiselect.e-float-input {
  word-wrap: initial;
}

.e-multiselect.e-input-group .e-searcher .e-label-top {
  top: 15px;
}

.e-bigger .e-multi-select-wrapper {
  min-height: 37px;
}

.e-multi-select-wrapper.e-close-icon-hide {
  padding-right: 0;
}

.e-multi-select-wrapper .e-chips-collection {
  cursor: default;
  display: block;
}

.e-multi-select-wrapper .e-multi-hidden {
  border: 0;
  height: 0;
  position: absolute;
  visibility: hidden;
  width: 0;
}

.e-multi-select-wrapper .e-chips {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: left;
  margin: 0 8px 6px 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0 4px 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-bigger .e-multi-select-wrapper .e-chips {
  margin: 0 8px 6px 0;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
  max-width: 100%;
  overflow: hidden;
  padding: 0 4px 0 0;
  text-indent: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-multi-select-wrapper.e-delimiter .e-searcher {
  display: inline-block;
  float: none;
}

.e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
  padding: 8px 4px 8px 0;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
  padding: 8px 0 8px 4px;
}

.e-multi-select-wrapper .e-chips-close {
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  float: right;
  font-family: 'e-icons';
  height: 16px;
  margin: 0 0 0;
  width: 16px;
}

.e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
  margin: 3px 0 0;
}

.e-multi-select-wrapper .e-chips-close.e-close-hooker {
  cursor: default;
  font-size: 10px;
  height: 24px;
  margin-top: -2.5em;
  position: absolute;
  right: 5px;
  top: 100%;
  width: 24px;
}

.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
  right: 22px;
}

.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  margin-top: -3em;
}

.e-multi-select-wrapper input[type='text'] {
  background: none;
  border: 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  height: 28px;
  min-height: 28px;
  outline: none;
  padding: 0;
  text-indent: 0;
}

.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
  background: none;
  border: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  height: 28px;
  min-height: 28px;
  outline: none;
  padding: 0;
  text-indent: 0;
}

.e-bigger .e-multi-select-wrapper input[type='text'],
.e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
  height: 28px;
  min-height: 28px;
}

.e-bigger .e-multi-select-wrapper input[type='text'] {
  height: 34px;
  min-height: 34px;
}

.e-multi-select-wrapper input[type='text']::-ms-clear {
  display: none;
}

.e-multi-select-wrapper .e-searcher {
  display: block;
  float: left;
  width: auto;
}

.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
  width: calc(100% - 32px);
}

.e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
  width: calc(100% - 38px);
}

.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
  width: calc(100% - 30px);
}

.e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
  width: calc(100% - 32px);
}

.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
  width: calc(100% - 32px);
}

.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
  width: calc(100% - 38px);
}

.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
  width: calc(100% - 30px);
}

.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
  width: calc(100% - 32px);
}

.e-multi-select-wrapper .e-delim-values {
  font-family: inherit;
  font-size: 14px;
  line-height: 28px;
  max-width: 100%;
  padding-left: 0;
  padding-right: 6px;
  vertical-align: middle;
}

.e-bigger .e-multi-select-wrapper .e-delim-values {
  line-height: 34px;
}

.e-multi-select-list-wrapper .e-hide-listitem {
  display: none;
}

.e-multi-select-wrapper .e-delim-values .e-remain {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  padding-left: 16px;
}

.e-multiselect.e-disabled .e-multi-select-wrapper,
.e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
  cursor: not-allowed;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
  height: 40px;
  left: 0;
  margin: 0 0 0 0;
  margin-left: auto;
  position: relative;
  top: 0;
  width: 40px;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
  -ms-flex-item-align: center;
      align-self: center;
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 0 0 16px;
  width: 92%;
}

.e-multi-select-wrapper .e-ddl-disable-icon::before {
  content: '';
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
  float: none;
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
  padding-left: 0;
}

.e-multiselect.e-rtl .e-multi-select-wrapper {
  padding: 0 2px 0 32px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
  left: -12px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
  margin: 0;
  margin-right: auto;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
  float: right;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
  float: right;
  margin: 0 0 8px 8px;
  padding: 0 8px 0 4px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
  padding: 5px 4px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
  float: left;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
  left: 0;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
  padding: 0 4px 0 8px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
  padding: 8px 4px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
  padding: 0 8px 0 4px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
  padding: 12px 4px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  left: 22px;
  position: absolute;
  right: auto;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
  left: -4px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
  padding-right: 16px;
}

.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
  left: 19px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
  left: -7px;
}

.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
  bottom: 1px;
  margin-right: 10px;
  position: relative;
  text-indent: 0;
  vertical-align: middle;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
  padding-left: 14px;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
  padding-right: 25px;
}

.e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
  padding-right: 25px;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
  bottom: 1px;
  margin-right: 10px;
  position: relative;
  text-indent: 0;
  vertical-align: middle;
}

.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
  bottom: 1px;
  margin-right: 12px;
}

.e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
  bottom: 1px;
  margin-right: 12px;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
  margin-left: 12px;
  margin-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
  margin-left: 12px;
  margin-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
  padding-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
  padding-right: 0;
}

.e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
  padding-left: 16px;
}

.e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
  padding-left: 14px;
}

.e-multi-select-list-wrapper .e-selectall-parent {
  cursor: pointer;
  display: block;
  line-height: 36px;
  overflow: hidden;
  position: relative;
  text-indent: 17px;
  white-space: nowrap;
  width: 100%;
}

.e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
  color: rgba(0, 0, 0, 0.87);
  font-family: inherit;
  font-size: 14px;
}

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
  font-size: 13px;
  line-height: 48px;
  text-indent: 17px;
}

.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
  bottom: 1px;
  margin-right: 10px;
  position: relative;
  text-indent: 0;
  vertical-align: middle;
}

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
  bottom: 1px;
  margin-right: 12px;
}

.e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
  margin-left: 12px;
  margin-right: 0;
}

.e-multiselect .e-input-group-icon.e-ddl-icon {
  float: right;
  margin-top: 6px;
}

.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
  float: left;
}

.e-multiselect .e-ddl-icon::before {
  transform: rotate(0deg);
  transition: transform 300ms ease;
}

.e-multiselect.e-icon-anim .e-ddl-icon::before {
  transform: rotate(180deg);
  transition: transform 300ms ease;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-multiselect .e-multi-select-wrapper.e-down-icon {
  padding: 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
  padding: 8px;
}

.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
  padding: 4px 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon {
  padding-left: 8px;
  padding-right: 8px;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
  padding: 0 8px;
}

.e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
  line-height: 34px;
}

.e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
  line-height: 20px;
  padding-left: 10px;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
.e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
  opacity: .3;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
.e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
  opacity: .7;
}

.e-multi-select-wrapper input[readonly='true'] {
  pointer-events: none;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
  pointer-events: none;
}

ejs-multiselect {
  display: block;
}

.e-small .e-multi-select-list-wrapper .e-selectall-parent {
  line-height: 26px;
}

.e-small .e-multi-select-wrapper .e-chips-close {
  height: 14px;
  width: 14px;
}

.e-small .e-multi-select-wrapper {
  min-height: 24px;
}

.e-small .e-multi-select-wrapper input[type='text'] {
  height: 26px;
  min-height: 26px;
}

.e-small .e-multi-select-wrapper .e-delim-values {
  font-size: 12px;
  line-height: 26px;
}

.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  margin-top: -2.5em;
}

.e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
  line-height: 40px;
}

.e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
  height: 16px;
  width: 16px;
}

.e-bigger.e-small .e-multi-select-wrapper {
  min-height: 28px;
}

.e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
  height: 28px;
  min-height: 28px;
}

.e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
  font-size: 13px;
  line-height: 28px;
}

.e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  margin-top: -2.5em;
  right: 5px;
}

.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
  background-size: 300px 33px;
  min-height: 33px;
}

.e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
.e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
  background-size: 300px 40px;
  min-height: 40px;
}

.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
  font-size: inherit;
  min-height: 34px;
  padding: 8px 12px 9px;
}

.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
  padding: 8px 12px 9px;
}

.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
  font-size: inherit;
  min-height: 30px;
  padding: 7px 10px;
}

.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
  padding: 7px 10px;
}

.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
  font-size: inherit;
  min-height: 34px;
  padding: 8px 12px 9px;
}

.e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
.e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
.e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
.e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
  padding: 8px 12px 9px;
}

.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
  font-size: inherit;
  min-height: 40px;
}

.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
  min-height: 40px;
  padding: 7px 42px 7px 0;
}

.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper {
  min-height: 34px;
  padding: 3px 38px 1px 0;
}

.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper,
.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper {
  min-height: 34px;
  padding: 3px 38px 1px 0;
}

.e-small .e-multiselect.e-outline .e-multi-select-wrapper,
.e-small.e-multiselect.e-outline .e-multi-select-wrapper {
  min-height: 30px;
  padding: 3px 38px 1px 0;
}

.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
  min-height: 34px;
  padding: 3px 38px 1px 0;
}

.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper {
  min-height: 34px;
  padding: 3px 38px 1px 0;
}

.e-multiselect.e-outline .e-multi-select-wrapper {
  min-height: 34px;
  padding: 3px 38px 1px 0;
}

.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
  padding-right: 0;
}

.e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl.e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-small .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl .e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
.e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
.e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
.e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
.e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
.e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
.e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
.e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
.e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
  padding-left: 0;
}

.e-rtl .e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl.e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
  padding: 3px 0 1px 38px;
}

.e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
.e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
  padding: 7px 0 7px 42px;
}

.e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
  padding-left: 0;
}

.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
  padding-right: 0;
}

.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 34px;
}

.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 40px;
}

.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 30px;
}

.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 34px;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
  font-size: 14px;
  line-height: 34px;
  padding: 0 0 0 12px;
}

.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
  font-size: 16px;
  line-height: 40px;
  padding: 0 0 0 16px;
}

.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
  font-size: 13px;
  line-height: 30px;
  padding: 0 0 0 8px;
}

.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
  font-size: 14px;
  line-height: 34px;
  padding: 0 0 0 12px;
}

.e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
  padding: 0 12px 0 0;
}

.e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
  padding: 0 16px 0 0;
}

.e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
  padding: 0 8px 0 0;
}

.e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
.e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
  padding: 0 12px 0 0;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
  height: 26px;
  margin: 4px 0 4px 8px;
  padding: 0 8px;
}

.e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
.e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
  margin: 4px 8px 4px 0;
}

.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
  height: 32px;
  padding: 0 12px;
}

.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
  height: 24px;
  padding: 0 8px;
}

.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
  height: 26px;
  padding: 0 8px;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
  padding: 0 8px 0 0;
}

.e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
  padding: 0 0 0 8px;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 13px;
}

.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 14px;
}

.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 12px;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close {
  -ms-flex-align: center;
      align-items: center;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  -ms-flex-align: normal;
      align-items: normal;
}

.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
  font-size: 14px;
}

.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
  font-size: 16px;
}

.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
  font-size: 13px;
}

.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
  font-size: 14px;
}

.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
  padding: 0 12px 0 8px;
}

.e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
.e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
  padding: 0 12px 0 4px;
}

.e-multiselect.e-filled.e-input-group.e-control-wrapper,
.e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
.e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
.e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
.e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
  padding: 0;
}

.e-filled.e-float-input .e-multi-select-wrapper,
.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
  padding: 14px 12px 0;
}

.e-small.e-filled.e-float-input .e-multi-select-wrapper,
.e-small .e-filled.e-float-input .e-multi-select-wrapper {
  padding: 12px 12px 0 8px;
}

.e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
.e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
  padding: 14px 12px 0 16px;
}

.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
.e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
.e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
.e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
.e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
  min-height: 39px;
}

.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
  min-height: 32px;
}

.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'],
.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] {
  height: 22px;
  min-height: 22px;
  padding: 2px;
}

.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
  min-height: 52px;
}

.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'],
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] {
  min-height: 36px;
}

.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 39px;
}

.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 32px;
}

.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 22px;
}

.e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 52px;
}

.e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 36px;
}

.e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher
.e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
.e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
  height: 28px;
}

.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'],
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'] {
  padding: 5px 0;
}

.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
.e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
.e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
.e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
.e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
  min-height: 28px;
}

.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
.e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
.e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
.e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
  font-size: 14px;
  line-height: 39px;
}

.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
.e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
.e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
.e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
  font-size: 14px;
  line-height: 28px;
}

.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
  font-size: 16px;
  line-height: 52px;
}

.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
  line-height: 36px;
}

.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
  font-size: 13px;
  line-height: 32px;
}

.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
  line-height: 22px;
}

.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
  height: 28px;
}

.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
  height: 24px;
}

.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
  height: 32px;
}

.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
  height: 24px;
}

.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
  height: 18px;
}

.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
  margin: 5px 8px 0 0;
  padding: 0 8px;
}

.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
  padding-left: 8px;
}

.e-small .e-filled .e-multi-select-wrapper .e-chips,
.e-small.e-filled .e-multi-select-wrapper .e-chips {
  height: 16px;
  margin: 4px 4px 0 0;
  padding-right: 8px;
}

.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
  height: 24px;
}

.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close,
.e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close,
.e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close,
.e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close,
.e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close,
.e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close,
.e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close {
  height: 12px;
  width: 12px;
}

.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 13px;
  padding: 0 8px 0 0;
}

.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 12px;
}

.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 12px;
  padding: 0 4px 0 0;
}

.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 10px;
}

.e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 13px;
}

.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
  font-size: 13px;
  padding-right: 4px;
}

.e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 14px;
}

.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
.e-bigger .e-filled .e-multi-select-wrapper .e-chips {
  padding: 0 12px;
}

.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
  padding-right: 8px;
}

.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip .e-chips-close {
  height: 14px;
  margin: 0;
  width: 14px;
}

.e-filled.e-multiselect.e-float-input input:focus ~ label.e-float-text,
.e-filled.e-multiselect.e-float-input input:valid ~ label.e-float-text,
.e-filled.e-multiselect.e-float-input input ~ label.e-label-top.e-float-text,
.e-filled.e-multiselect.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
.e-filled.e-multiselect.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
.e-filled.e-multiselect.e-float-input input label.e-float-text.e-label-top,
.e-filled.e-multiselect.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
.e-filled.e-multiselect.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
.e-filled.e-multiselect.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-filled.e-multiselect.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-filled.e-multiselect.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
.e-filled.e-multiselect.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
.e-filled.e-multiselect.e-float-input.e-input-focus input ~ label.e-float-text,
.e-filled.e-multiselect.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
  font-size: 14px;
}

.e-bigger.e-filled.e-multiselect.e-float-input input:focus ~ label.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input input:valid ~ label.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input input ~ label.e-label-top.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input input label.e-float-text.e-label-top,
.e-bigger.e-filled.e-multiselect.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
.e-bigger.e-filled.e-multiselect.e-float-input.e-input-focus input ~ label.e-float-text,
.e-bigger.e-filled.e-multiselect.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
  font-size: 12px;
}

.e-small.e-filled.e-multiselect.e-float-input input:focus ~ label.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input input:valid ~ label.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input input ~ label.e-label-top.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input input label.e-float-text.e-label-top,
.e-small.e-filled.e-multiselect.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
.e-small.e-filled.e-multiselect.e-float-input.e-input-focus input ~ label.e-float-text,
.e-small.e-filled.e-multiselect.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
  font-size: 10px;
}

.e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker {
  height: 38px;
  margin-top: -38px;
  right: 12px;
  top: 100%;
  width: 16px;
}

.e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
  color: #fff;
}

.e-multi-select-wrapper .e-chips.e-chip-selected {
  background-color: #757575;
}

.e-multi-select-wrapper .e-chips.e-chip-selected:hover {
  background-color: #757575;
}

.e-multiselect {
  box-sizing: border-box;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
  font-family: inherit;
  font-size: 13px;
}

.e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
  color: #fff;
}

.e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
  color: #fff;
}

.e-multi-select-wrapper .e-chips {
  background-color: #eee;
  border-radius: 16px;
  height: 24px;
}

.e-multi-select-wrapper .e-chips:hover {
  background-color: #eee;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
  color: rgba(0, 0, 0, 0.87);
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54);
  font-size: 16px;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
  background-color: #3f51b5;
  border-radius: 2px;
  color: #fff;
  height: 40px;
  line-height: 40px;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
  color: #fff;
}

.e-multi-select-wrapper .e-chips.e-mob-chip,
.e-bigger .e-multi-select-wrapper .e-chips {
  height: 28px;
}

.e-popup.e-multi-select-list-wrapper {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-sizing: content-box;
  overflow: initial;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
  border-bottom: 1px solid transparent;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-top: 1px solid #fff;
}

.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
  background-color: transparent;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
  background-color: transparent;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
  color: rgba(0, 0, 0, 0.87);
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
  color: rgba(0, 0, 0, 0.87);
}

.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
  background-color: #eee;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
  background-color: #eee;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
  border-bottom: 1px solid transparent;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
  border-top: 1px solid transparent;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
  background-color: #e0e0e0;
  border: 1px solid transparent;
  box-shadow: none;
  color: #e3165b;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
  background-color: #e0e0e0;
  border: 1px solid transparent;
  box-shadow: none;
  color: #e3165b;
}

.e-popup.e-multi-select-list-wrapper .e-list-item {
  border: 1px solid transparent;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
  border: 1px solid transparent;
}

.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.e-ul.e-reorder {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.e-multi-select-list-wrapper .e-selectall-parent {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.e-multi-select-wrapper .e-delim-values {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
}

.e-multi-select-wrapper .e-chips-close.e-close-hooker {
  color: #000;
}

.e-small .e-multi-select-wrapper .e-chips {
  height: 20px;
}

.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 12px;
}

.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
  font-size: 14px;
}

.e-small .e-multi-select-wrapper .e-close-hooker::before {
  left: 6px;
}

.e-bigger.e-small .e-multi-select-wrapper .e-chips {
  height: 22px;
}

.e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
  font-size: 13px;
}

.e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
  font-size: 16px;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
  background-color: #e0e0e0;
}

.e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
  background-color: #cecece;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
  background-color: #d6d6d6;
}

.e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
  background-color: #cecece;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected {
  background-color: #c7c7c7;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover,
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
  background-color: #c7c7c7;
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
  color: rgba(0, 0, 0, 0.87);
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover,
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
  color: rgba(0, 0, 0, 0.87);
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  color: rgba(0, 0, 0, 0.54);
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover,
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
  color: rgba(0, 0, 0, 0.87);
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before,
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
  color: rgba(0, 0, 0, 0.54);
}

.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before,
.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
  color: #fff;
}

.e-multiselect.e-outline:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before,
.e-multiselect.e-filled:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before {
  color: rgba(0, 0, 0, 0.87);
}

.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain {
  color: rgba(0, 0, 0, 0.6);
}

.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values,
.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values .e-remain,
.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips > .e-chipcontent,
.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before,
.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
  color: rgba(0, 0, 0, 0.38);
}

.e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
  background-color: #f5f5f5;
}

.e-multiselect.e-filled .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip.e-chip-selected,
.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
  background-color: #3f51b5;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close,
.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
  width: 33px;
}

.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent,
.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
  color: #fff;
}

.e-listbox-tool .e-moveup::before {
  content: '\E651';
}

.e-listbox-tool .e-movedown::before {
  content: '\E652';
}

.e-listbox-tool .e-moveto::before {
  content: '\E653';
}

.e-listbox-tool .e-movefrom::before {
  content: '\E654';
}

.e-listbox-tool .e-moveallto::before {
  content: '\E655';
}

.e-listbox-tool .e-moveallfrom::before {
  content: '\E656';
}

.e-listbox-wrapper {
  -webkit-overflow-scrolling: touch;
  border: 0 solid;
  cursor: pointer;
  display: block;
  overflow: auto;
  position: relative;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.e-listbox-wrapper * {
  box-sizing: border-box;
}

.e-listbox-wrapper:focus {
  outline: none;
}

.e-listbox-wrapper.e-disabled {
  cursor: default;
  pointer-events: none;
}

.e-listbox-wrapper:not(.e-list-template) .e-list-item,
.e-listbox-wrapper .e-list-nrt,
.e-listbox-wrapper .e-selectall-parent {
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  position: relative;
}

.e-listbox-wrapper.e-filter-list {
  overflow: inherit;
}

.e-listbox-wrapper.e-filter-list .e-list-parent {
  overflow: auto;
}

.e-listbox-wrapper .e-list-parent {
  height: 100%;
  min-height: 36px;
}

.e-listbox-wrapper .e-list-item {
  border-bottom: 0 solid;
  outline: none;
}

.e-listbox-wrapper .e-list-item.e-disabled {
  pointer-events: none;
}

.e-listbox-wrapper .e-disable {
  opacity: .7;
}

.e-listbox-wrapper .e-list-parent {
  margin: 0;
  padding: 0;
}

.e-listbox-wrapper .e-list-header .e-text.header {
  display: none;
}

.e-listbox-wrapper .e-icon-back {
  margin-top: 2px;
}

.e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header {
  display: none;
}

.e-listbox-wrapper .e-list-header {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  height: 48px;
  padding: 0 16px;
}

.e-listbox-wrapper .e-has-header > .e-view {
  top: 45px;
}

.e-listbox-wrapper .e-but-back {
  cursor: pointer;
  padding-right: 30px;
}

.e-listbox-wrapper .e-list-group-item:first-child {
  border: 0;
  border-bottom: 0 solid transparent;
}

.e-listbox-wrapper .e-list-group-item {
  border-bottom: 0 solid transparent;
  border-top: 1px solid;
  font-weight: 600;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
}

.e-listbox-wrapper .e-icon-collapsible {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
}

.e-listbox-wrapper .e-text-content {
  height: 100%;
  position: relative;
  vertical-align: middle;
}

.e-listbox-wrapper .e-text-content * {
  display: inline-block;
  vertical-align: middle;
}

.e-listbox-wrapper .e-text-content.e-checkbox .e-list-text {
  width: calc(100% - 40px);
}

.e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
  width: calc(100% - 90px);
}

.e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
  width: calc(100% - 80px);
}

.e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
  width: calc(100% - 92px);
}

.e-listbox-wrapper .e-checkbox .e-checkbox-left {
  margin: -2px 10px 0 0;
}

.e-listbox-wrapper .e-checkbox .e-checkbox-right {
  margin: -2px 0 0 10px;
}

.e-listbox-wrapper .e-list-text {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
}

.e-listbox-wrapper .e-list-icon + .e-list-text {
  width: calc(100% - 60px);
}

.e-listbox-wrapper .e-icon-wrapper .e-list-text {
  width: calc(100% - 60px);
}

.e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
  width: calc(100% - 60px);
}

.e-listbox-wrapper .e-list-icon {
  height: 30px;
  margin-right: 16px;
  width: 30px;
}

.e-listbox-wrapper .e-content {
  overflow: hidden;
  position: relative;
}

.e-listbox-wrapper .e-list-header .e-text {
  cursor: pointer;
  text-indent: 0;
}

.e-listbox-wrapper .e-text .e-headertext {
  display: inline-block;
  line-height: inherit;
}

.e-listbox-wrapper.e-rtl {
  direction: rtl;
}

.e-listbox-wrapper.e-rtl .e-list-icon {
  margin-left: 16px;
  margin-right: 0;
}

.e-listbox-wrapper.e-rtl .e-icon-collapsible {
  left: 0%;
  right: initial;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}

.e-listbox-wrapper.e-rtl .e-list-header .e-text {
  cursor: pointer;
}

.e-listbox-wrapper.e-rtl .e-but-back {
  transform: rotate(180deg);
}

.e-listbox-wrapper.e-rtl .e-icon-back {
  margin-top: -2px;
}

.e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left {
  margin: -2px 0 0 10px;
}

.e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right {
  margin: -2px 10px 0 0;
}

.e-listbox-wrapper.e-rtl .e-checkbox-wrapper {
  margin: -2px 0 0 10px;
}

.e-listbox-wrapper .e-checkbox-wrapper {
  margin: -2px 10px 0 0;
  text-indent: 0;
  vertical-align: middle;
}

.e-listbox-wrapper.e-right .e-checkbox-wrapper {
  position: absolute;
  right: 0;
  top: 30%;
}

.e-listbox-wrapper .e-input-group {
  padding: 4px 8px;
}

.e-listbox-wrapper .e-input-focus {
  padding: 4px 4px 4px 8px;
}

.e-listbox-wrapper .e-hidden-select {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.e-listbox-wrapper .e-placeholder {
  background-color: #e3165b;
  display: block;
  height: 1px;
}

ejs-listbox {
  display: block;
}

.e-listbox-wrapper.e-sortableclone {
  border-width: 0;
  overflow: visible;
}

.e-listbox-wrapper.e-sortableclone .e-list-item {
  list-style-type: none;
}

.e-listbox-wrapper.e-sortableclone .e-ripple {
  overflow: visible;
}

.e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element {
  display: none;
}

.e-listbox-wrapper.e-sortableclone .e-list-badge {
  -ms-flex-align: center;
      align-items: center;
  background-color: #e3165b;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  height: 22px;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 22px;
}

.e-listboxtool-wrapper {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
}

.e-listboxtool-wrapper * {
  box-sizing: border-box;
}

.e-listboxtool-wrapper.e-disabled {
  cursor: default;
  pointer-events: none;
}

.e-listboxtool-wrapper .e-listbox-wrapper {
  -ms-flex: 1;
      flex: 1;
}

.e-listboxtool-wrapper.e-right .e-listbox-tool {
  margin-left: 15px;
}

.e-listboxtool-wrapper.e-left .e-listbox-tool {
  margin-right: 15px;
}

.e-listboxtool-wrapper .e-listbox-tool {
  border: 1px solid #e0e0e0;
  overflow: auto;
  padding: 8px;
}

.e-listboxtool-wrapper .e-listbox-tool .e-btn {
  display: list-item;
  list-style-type: none;
  margin-bottom: 10px;
}

.e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool {
  margin-right: 15px;
}

.e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool {
  margin-left: 15px;
}

.e-bigger .e-listbox-wrapper .e-list-item,
.e-listbox-wrapper.e-bigger .e-list-item {
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 solid transparent;
}

.e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
.e-bigger .e-listbox-wrapper .e-selectall-parent,
.e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
.e-listbox-wrapper.e-bigger .e-selectall-parent {
  height: 48px;
  line-height: 45px;
  position: relative;
}

.e-bigger .e-listbox-wrapper .e-list-parent,
.e-listbox-wrapper.e-bigger .e-list-parent {
  min-height: 48px;
}

.e-bigger .e-listbox-wrapper .e-text-content,
.e-listbox-wrapper.e-bigger .e-text-content {
  font-size: 15px;
}

.e-bigger .e-listbox-wrapper .e-list-group-item,
.e-listbox-wrapper.e-bigger .e-list-group-item {
  height: 48px;
  line-height: 45px;
}

.e-bigger .e-listbox-wrapper .e-list-header,
.e-listbox-wrapper.e-bigger .e-list-header {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  height: 64px;
}

.e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
.e-listbox-wrapper.e-bigger .e-list-header .e-text.header {
  display: none;
}

.e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
.e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header {
  display: none;
}

.e-bigger .e-listbox-wrapper .e-list-header .e-text,
.e-listbox-wrapper.e-bigger .e-list-header .e-text {
  font-size: 20px;
}

.e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
  height: calc(100% - 45px);
}

.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
  height: calc(100% - 55px);
}

.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
  height: calc(100% - 45px);
}

.e-listbox-wrapper {
  border: 1px solid #e0e0e0;
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
  font-size: 15px;
}

.e-listbox-wrapper .e-list-header {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
  font-size: 20px;
}

.e-listbox-wrapper.e-filter-list .e-list-parent {
  height: calc(100% - 47px);
}

.e-listbox-wrapper .e-icons {
  color: rgba(0, 0, 0, 0.54);
}

.e-listbox-wrapper .e-list-item {
  background-color: #fff;
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 solid transparent;
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
.e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
  background-color: #eee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper .e-list-item.e-selected {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper .e-list-item.e-selected.e-checklist {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper .e-list-item.e-focused,
.e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
.e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #e3165b;
  border-color: transparent;
  color: #fff;
}

.e-listbox-wrapper .e-list-group-item {
  background-color: #fafafa;
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.54);
  font-size: 15px;
}

.e-listbox-wrapper .e-selectall-parent {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element {
  background-color: transparent;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper {
  height: inherit;
  position: relative;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
  padding: 0.2667em 1.0666em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
  padding: 1.0666em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  overflow: hidden;
  padding: 0.115em 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
  color: rgba(0, 0, 0, 0.54);
  display: block;
  font-size: 13px;
  margin: 0;
  padding: 0.115em 0;
  word-wrap: break-word;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
  height: 2.6667em;
  left: 1.0667em;
  position: absolute;
  top: 0.2666em;
  width: 2.6667em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
  padding-left: 4.8em;
  padding-right: 1.0666em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
  padding-left: 1.0666em;
  padding-right: 4.8em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
  height: 2.6667em;
  position: absolute;
  right: 1.0667em;
  top: 0.2666em;
  width: 2.6667em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
  top: 1.0666em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
  top: 1.0666em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
  font-size: 12px;
  height: 1.6666em;
  line-height: 1.8666em;
  padding: 0;
  position: absolute;
  right: 1.33em;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
  padding-left: 4.8em;
  padding-right: 4.1333em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
  padding-left: 1.0666em;
  padding-right: 4.1333em;
}

.e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0.72em 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
  color: rgba(0, 0, 0, 0.87);
}

.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
  left: inherit;
  right: 1.0667em;
}

.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
  padding-left: 1.0666em;
  padding-right: 4.8em;
}

.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
  padding-left: 4.8em;
  padding-right: 1.0666em;
}

.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
  left: 1.0667em;
  right: inherit;
}

.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
  left: 1.33em;
  right: inherit;
}

.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
  padding-left: 4.1333em;
  padding-right: 4.8em;
}

.e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
  padding-left: 4.1333em;
  padding-right: 1.0666em;
}

/*! component icons */
.e-pager .e-icon-last::before,
.e-grid-menu .e-icon-last::before {
  content: '\E897';
}

.e-pager .e-icon-first::before,
.e-grid-menu .e-icon-first::before {
  content: '\E896';
}

.e-pager .e-icon-prev::before,
.e-grid-menu .e-icon-prev::before {
  content: '\E904';
}

.e-pager .e-icon-next::before,
.e-grid-menu .e-icon-next::before {
  content: '\E913';
}

.e-pager.e-rtl .e-icon-last.e-lastpage::before,
.e-pager.e-rtl .e-icon-last.e-lastpage:hover,
.e-pager.e-rtl .e-icon-last.e-lastpagedisabled::before,
.e-grid-menu.e-rtl .e-icon-last.e-lastpage::before,
.e-grid-menu.e-rtl .e-icon-last.e-lastpage:hover,
.e-grid-menu.e-rtl .e-icon-last.e-lastpagedisabled::before {
  content: '\E896';
}

.e-pager.e-rtl .e-icon-first.e-firstpage::before,
.e-pager.e-rtl .e-icon-first.e-firstpage:hover,
.e-pager.e-rtl .e-icon-first.e-firstpagedisabled::before,
.e-grid-menu.e-rtl .e-icon-first.e-firstpage::before,
.e-grid-menu.e-rtl .e-icon-first.e-firstpage:hover,
.e-grid-menu.e-rtl .e-icon-first.e-firstpagedisabled::before {
  content: '\E897';
}

.e-pager.e-rtl .e-icon-prev.e-prevpage::before,
.e-pager.e-rtl .e-icon-prev.e-prevpage:hover,
.e-pager.e-rtl .e-icon-prev.e-prevpagedisabled::before,
.e-grid-menu.e-rtl .e-icon-prev.e-prevpage::before,
.e-grid-menu.e-rtl .e-icon-prev.e-prevpage:hover,
.e-grid-menu.e-rtl .e-icon-prev.e-prevpagedisabled::before {
  content: '\E913';
}

.e-pager.e-rtl .e-icon-next.e-nextpage::before,
.e-pager.e-rtl .e-icon-next.e-nextpage:hover,
.e-pager.e-rtl .e-icon-next.e-nextpagedisabled::before,
.e-grid-menu.e-rtl .e-icon-next.e-nextpage::before,
.e-grid-menu.e-rtl .e-icon-next.e-nextpage:hover,
.e-grid-menu.e-rtl .e-icon-next.e-nextpagedisabled::before {
  content: '\E904';
}

/*! Pager layout */
.e-bigger .e-pager,
.e-pager.e-bigger {
  font-size: 13px;
  padding: 4px 0 2px;
}

.e-bigger .e-pager div.e-icons,
.e-pager.e-bigger div.e-icons {
  font-size: 13px;
}

.e-bigger .e-pager div.e-parentmsgbar,
.e-pager.e-bigger div.e-parentmsgbar {
  padding-bottom: 8px;
  padding-right: 24px;
  padding-top: 18.66667px;
}

.e-bigger .e-pager .e-pagerdropdown,
.e-pager.e-bigger .e-pagerdropdown {
  height: 40px;
  margin: -40px 0 0 16px;
  margin-top: -22px;
}

.e-bigger .e-pager .e-pagerconstant,
.e-pager.e-bigger .e-pagerconstant {
  margin-bottom: 15px;
  margin-left: 16px;
}

.e-bigger .e-pager .e-pagercontainer,
.e-pager.e-bigger .e-pagercontainer {
  margin: 5px 8px 5px 24px;
}

.e-bigger .e-pager.e-rtl .e-pagercontainer,
.e-pager.e-bigger.e-rtl .e-pagercontainer {
  margin: 5px 0 -4px 0;
}

@media (max-width: 769px) {
  .e-bigger .e-pager,
  .e-pager.e-bigger {
    padding: 19px 0;
  }
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
    margin-right: 0;
  }
  .e-bigger .e-pager div.e-parentmsgbar,
  .e-pager.e-bigger div.e-parentmsgbar {
    padding: 0;
  }
}

.e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
.e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
.e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
.e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
  margin-left: 12px;
}

.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
.e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
.e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
  margin-left: 0;
  margin-right: 12px;
}

.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
  margin-left: 6px;
  margin-top: -3px;
}

.e-bigger .e-pager .e-numericitem,
.e-pager.e-bigger .e-numericitem {
  margin: 0 8px;
}

.e-bigger .e-pager .e-pp.e-spacing,
.e-bigger .e-pager .e-np.e-spacing,
.e-bigger .e-pager .e-pp.e-spacing:hover,
.e-bigger .e-pager .e-np.e-spacing:hover,
.e-pager.e-bigger .e-pp.e-spacing,
.e-pager.e-bigger .e-np.e-spacing,
.e-pager.e-bigger .e-pp.e-spacing:hover,
.e-pager.e-bigger .e-np.e-spacing:hover {
  padding: 10px 13px;
}

.e-bigger .e-pager .e-spacing,
.e-bigger .e-pager .e-numericitem:hover,
.e-bigger .e-pager .e-currentitem,
.e-pager.e-bigger .e-spacing,
.e-pager.e-bigger .e-numericitem:hover,
.e-pager.e-bigger .e-currentitem {
  border-radius: 16px;
  padding: 10px 13px;
}

.e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
.e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
  padding: 10px 13px;
}

.e-bigger .e-pager.e-rtl .e-spacing,
.e-bigger .e-pager.e-rtl .e-numericitem:hover,
.e-bigger .e-pager.e-rtl .e-currentitem,
.e-pager.e-bigger.e-rtl .e-spacing,
.e-pager.e-bigger.e-rtl .e-numericitem:hover,
.e-pager.e-bigger.e-rtl .e-currentitem {
  margin: 0 8px;
  padding: 10px 13px;
}

.e-bigger .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
.e-pager.e-bigger.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
  padding: 10px 13px;
}

.e-bigger .e-pager.e-rtl .e-pp,
.e-bigger .e-pager.e-rtl .e-np,
.e-bigger .e-pager.e-rtl .e-pp:hover,
.e-bigger .e-pager.e-rtl .e-np:hover,
.e-pager.e-bigger.e-rtl .e-pp,
.e-pager.e-bigger.e-rtl .e-np,
.e-pager.e-bigger.e-rtl .e-pp:hover,
.e-pager.e-bigger.e-rtl .e-np:hover {
  margin-top: -10px;
}

.e-bigger .e-pager.e-rtl .e-pagerdropdown,
.e-pager.e-bigger.e-rtl .e-pagerdropdown {
  margin: -38px 18px 0 0;
}

.e-bigger .e-pager.e-rtl .e-pagerconstant,
.e-pager.e-bigger.e-rtl .e-pagerconstant {
  margin: 8px 16px 14px 0;
}

.e-bigger .e-pager .e-pagercontainer .e-firstpage,
.e-bigger .e-pager .e-pagercontainer .e-prevpage,
.e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
.e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
.e-bigger .e-pager .e-pagercontainer .e-nextpage,
.e-bigger .e-pager .e-pagercontainer .e-lastpage,
.e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
.e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
.e-pager.e-bigger .e-pagercontainer .e-firstpage,
.e-pager.e-bigger .e-pagercontainer .e-prevpage,
.e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
.e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
.e-pager.e-bigger .e-pagercontainer .e-nextpage,
.e-pager.e-bigger .e-pagercontainer .e-lastpage,
.e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
.e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
  margin-right: 16px;
  padding: 6px;
}

.e-pager {
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 13px;
  padding: 0;
  white-space: normal;
  width: 100%;
}

.e-pager [class^='e-'] {
  box-sizing: border-box;
}

.e-pager div.e-parentmsgbar {
  float: right;
  padding-bottom: 9px;
  padding-right: 18px;
  padding-top: 14px;
}

.e-pager .e-pagesizes {
  display: inline;
}

.e-pager .e-pagerdropdown {
  display: inline-block;
  height: 32px;
  margin-left: 12px;
  margin-right: 0;
  margin-top: -22px;
  overflow: hidden;
  vertical-align: middle;
  width: 90px;
}

.e-pager .e-pagerconstant {
  display: inline-block;
  margin: 0 0 11px 12px;
  overflow: hidden;
  width: auto;
}

.e-pager .e-icons {
  font-size: 9px;
}

.e-pager .e-numericitem {
  border-right-style: solid;
  border-right-width: 0;
  display: inline-block;
  line-height: 1;
  margin-right: 4px;
  min-width: 26px;
  padding: 5px 8px;
  text-align: center;
}

.e-pager div.e-pagermsgdiv {
  padding-right: 6px;
  padding-top: 4px;
  text-align: right;
}

.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
  opacity: .3;
}

.e-pager .e-spacing,
.e-pager .e-numericitem:hover,
.e-pager .e-currentitem {
  border-radius: 12px;
  cursor: pointer;
  padding: 6px;
  text-decoration: none;
}

.e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
  padding: 6px;
}

.e-pager .e-currentitem {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}

.e-pager div,
.e-pager a {
  display: inline;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-pager .e-icons::before {
  display: inline-block;
}

.e-pager .e-pagercontainer .e-firstpage,
.e-pager .e-pagercontainer .e-prevpage,
.e-pager .e-pagercontainer .e-firstpagedisabled,
.e-pager .e-pagercontainer .e-prevpagedisabled,
.e-pager .e-pagercontainer .e-nextpage,
.e-pager .e-pagercontainer .e-lastpage,
.e-pager .e-pagercontainer .e-nextpagedisabled,
.e-pager .e-pagercontainer .e-lastpagedisabled {
  border-right-style: solid;
  border-right-width: 0;
  display: inline-block;
  margin-right: 12px;
  margin-top: 5px;
  min-width: 26px;
  padding: 11px 9px 8px;
}

.e-pager .e-pagercontainer .e-lastpage,
.e-pager .e-pagercontainer .e-lastpagedisabled {
  border-right: 0;
}

.e-pager .e-firstpage:hover,
.e-pager .e-prevpage:hover,
.e-pager .e-lastpage:hover,
.e-pager .e-nextpage:hover {
  cursor: pointer;
  text-decoration: none;
}

.e-pager a.e-nextprevitemdisabled {
  display: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
}

.e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
.e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
  margin-left: 9px;
}

.e-pager .e-pagercontainer {
  border-radius: 4px;
  border-style: solid;
  border-width: 0;
  display: inline-block;
  margin: 5px 6px 5px 18px;
  overflow: hidden;
}

.e-pager .e-lastpage:Hover {
  border-radius: 0 4px 4px 0;
}

.e-pager .e-firstpage:Hover {
  border-radius: 4px 0 0 4px;
}

.e-pager .e-pagermessage,
.e-pager .e-pagerexternalmsg {
  display: block;
  margin: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-pager .e-mfirst,
.e-pager .e-mprev,
.e-pager .e-mnext,
.e-pager .e-mlast {
  display: none;
}

.e-pager .e-mprev {
  text-indent: -3px;
}

.e-pager .e-mnext {
  text-indent: -2px;
}

.e-pager .e-mfirst,
.e-pager .e-mprev,
.e-pager .e-mnext,
.e-pager .e-mlast {
  -webkit-tap-highlight-color: #fff;
}

.e-pager .e-pp,
.e-pager .e-np,
.e-pager .e-pp:hover,
.e-pager .e-np:hover {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: -0.1em;
  padding: 0 6px;
}

@media (max-width: 769px) {
  .e-pager {
    padding: 13px 0;
  }
  .e-pager div.e-parentmsgbar {
    box-sizing: border-box;
    display: inline-block;
    float: initial;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    vertical-align: top;
    width: calc(60% - 48px);
  }
  .e-pager .e-pagesizes {
    display: none;
  }
  .e-pager .e-pagecountmsg {
    display: none;
  }
  .e-pager .e-pagercontainer {
    display: none;
  }
  .e-pager .e-icons {
    font-size: 11px;
  }
  .e-pager .e-mfirst,
  .e-pager .e-mprev,
  .e-pager .e-mnext,
  .e-pager .e-mlast {
    border: 0;
    box-sizing: border-box;
    display: inline-block;
    padding: 1% 5%;
  }
  .e-pager .e-mfirst {
    margin-right: 4px;
    text-align: right;
    width: calc(10% + 11px);
  }
  .e-pager .e-mprev {
    margin: 0 4px;
    text-align: right;
    width: 10%;
  }
  .e-pager .e-mnext {
    margin: 0 4px;
    text-align: left;
    width: 10%;
  }
  .e-pager .e-mlast {
    margin-left: 4px;
    text-align: left;
    width: calc(10% + 11px);
  }
}

.e-pager.e-rtl {
  direction: rtl;
}

.e-pager.e-rtl .e-pagercontainer,
.e-pager.e-rtl div,
.e-pager.e-rtl a {
  float: initial;
}

.e-pager.e-rtl .e-parentmsgbar {
  float: left;
  margin-left: 6px;
}

.e-pager.e-rtl .e-pagerdropdown {
  margin: -30px 18px 0 10px;
}

.e-pager.e-rtl .e-pagerconstant {
  margin: 14px;
}

.e-pager.e-rtl .e-pagerexternalmsg {
  float: none;
}

.e-pager.e-rtl .e-pagercontainer {
  float: none;
  margin: 5px 6px 5px 18px;
  padding: 0;
}

.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-firstpagedisabled,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-lastpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-lastpagedisabled {
  padding: 9px 8px;
}

.e-pager.e-rtl .e-firstpage::before,
.e-pager.e-rtl .e-firstpage:hover,
.e-pager.e-rtl .e-firstpagedisabled::before {
  content: '\E701';
}

.e-pager.e-rtl .e-prevpage::before,
.e-pager.e-rtl .e-prevpage:hover,
.e-pager.e-rtl .e-prevpagedisabled::before {
  content: '\E848';
}

.e-pager.e-rtl .e-nextpage::before,
.e-pager.e-rtl .e-nextpage:hover,
.e-pager.e-rtl .e-nextpagedisabled::before {
  content: '\E84B';
}

.e-pager.e-rtl .e-lastpage::before,
.e-pager.e-rtl .e-lastpage:hover,
.e-pager.e-rtl .e-lastpagedisabled::before {
  content: '\E716';
}

.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-firstpagedisabled {
  border-left-style: solid;
  border-left-width: 0;
}

.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-prevpagedisabled {
  border-right-style: none;
  border-right-width: 0;
}

.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-firstpagedisabled {
  border-right: medium none;
}

.e-pager.e-rtl .e-firstpage:hover {
  border-radius: 0 4px 4px 0;
}

.e-pager.e-rtl .e-lastpage:hover {
  border-radius: 4px 0 0 4px;
}

.e-pager.e-rtl .e-numericcontainer {
  float: none;
}

.e-pager.e-rtl .e-numericitem {
  border-left-style: solid;
  border-left-width: 0;
  border-right-style: none;
  border-right-width: 0;
  min-width: 26px;
}

.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
  margin-left: 0;
  margin-right: 9px;
}

.e-pager.e-rtl .e-spacing,
.e-pager.e-rtl .e-numericitem:hover,
.e-pager.e-rtl .e-currentitem {
  margin: 11px 4px 0 0;
  padding: 6px;
}

.e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
  padding: 6px;
}

.e-pager.e-rtl .e-pp,
.e-pager.e-rtl .e-np,
.e-pager.e-rtl .e-pp:hover,
.e-pager.e-rtl .e-np:hover {
  margin-top: -2px;
  padding: 3px 11px 9px;
}

@media (max-width: 769px) {
  .e-pager.e-rtl .e-mfirst,
  .e-pager.e-rtl .e-mprev,
  .e-pager.e-rtl .e-mnext,
  .e-pager.e-rtl .e-mlast {
    border: 0;
  }
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
    float: initial;
    margin-left: 0;
    margin-top: 7px;
  }
  .e-pager.e-rtl .e-parentmsgbar {
    float: right;
  }
}

.e-pager.sf-pager .e-link,
.e-pager.sf-pager .e-prev,
.e-pager.sf-pager .e-last,
.e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
.e-pager.sf-pager .e-mnext,
.e-pager.sf-pager .e-mlast {
  margin-left: -4px;
}

/*! Pager theme */
.e-pager {
  background-color: #fff;
  border-color: #e0e0e0;
  color: #000;
  opacity: 0.87;
}

.e-pager div.e-icons {
  color: #000;
}

.e-pager div.e-icons.e-disable {
  color: unset;
}

.e-pager .e-pager-default:hover {
  background: #fff;
  color: #000;
  opacity: 0.87;
}

.e-pager .e-parentmsgbar {
  font-weight: normal;
}

.e-pager .e-spacing {
  color: #000;
  opacity: 0.87;
}

.e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
  background: unset;
}

.e-pager .e-numericitem:hover {
  color: #000;
  opacity: 0.87;
}

.e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
  border-left: 0 solid #e0e0e0;
}

.e-pager .e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
  background-color: #eee;
  opacity: 1;
}

.e-pager .e-numericitem {
  background: #fff;
  border-right-color: #e0e0e0;
  color: #000;
}

.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled {
  background-color: #fff;
  color: #000;
}

.e-pager .e-lastpage,
.e-pager .e-firstpage {
  background-color: transparent;
}

.e-pager .e-pagercontainer {
  background-color: #fff;
  border-color: #e0e0e0;
}

.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
  border-right-color: #e0e0e0;
}

.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
  background: #e3165b;
  color: #fff;
  opacity: 1;
}

@media (max-width: 590px) {
  .e-pager .e-pager-default:hover {
    background: #fff;
    color: #000;
    opacity: 0.87;
  }
}

.e-pager.e-rtl .e-numericitem {
  border-left-color: #e0e0e0;
}

.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-firstpagedisabled,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-lastpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-lastpagedisabled {
  border-left-color: #e0e0e0;
}

.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-nextpagedisabled {
  border-left-color: #e0e0e0;
}

@keyframes e-input-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

.e-ddl.e-control-wrapper .e-ddl-icon::before {
  transform: rotate(0deg);
  transition: transform 300ms ease;
}

.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
  transform: rotate(180deg);
  transition: transform 300ms ease;
}

.e-dropdownbase .e-list-item.e-active.e-hover {
  color: #e3165b;
}

.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
.e-input-group:not(.e-disabled) .e-back-icon:active,
.e-input-group:not(.e-disabled) .e-back-icon:hover,
.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
  background: transparent;
}

.e-input-group .e-ddl-icon:not(:active)::after {
  animation: none;
}

.e-ddl.e-popup {
  border: 0;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  margin-top: 2px;
}

.e-popup.e-ddl .e-dropdownbase {
  min-height: 26px;
}

.e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
  border-color: #e0e0e0;
}

.e-bigger .e-popup.e-ddl-device-filter {
  margin-top: 0;
}

.e-bigger .e-ddl-device .e-input-group,
.e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
  background: #f5f5f5;
  border-width: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.e-bigger .e-ddl-device .e-input-group .e-back-icon,
.e-bigger .e-ddl-device .e-input-group input.e-input,
.e-bigger .e-ddl-device .e-input-group .e-clear-icon {
  background-color: #f5f5f5;
}

.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
  margin: 6px 6px 5px;
  min-height: 12px;
  min-width: 12px;
  padding: 6px;
}

.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
  min-height: 16px;
  min-width: 16px;
}

.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
  padding: 8px 16px 8px 0;
}

.e-input-group.e-ddl,
.e-input-group.e-ddl .e-input,
.e-input-group.e-ddl .e-ddl-icon {
  background: transparent;
}

.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
  border-bottom-width: 0;
}

.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
  margin: 0;
}

.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
  padding: 5px 5px 5px 12px;
}

.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
  min-height: 18px;
  min-width: 18px;
}

.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
  padding: 8px 16px;
}

.e-ddl.e-popup.e-outline .e-filter-parent {
  padding: 4px 8px;
}

@keyframes material-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fabric-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*!component icons*/
.e-icon-check::before {
  content: '\E7FF';
}

.e-excelfilter .e-icon-filter::before {
  content: '\E7EE';
}

.e-excelfilter .e-excl-filter-icon::before {
  content: '\E251';
}

.e-excelfilter .e-excl-filter-icon.e-filtered::before {
  content: '\E248';
}

.e-excelfilter .e-search-icon::before {
  content: '\E993';
}

.e-excelfilter .e-chkcancel-icon::before {
  content: '\E7A7';
}

/*! Excel-Filter layout */
.sf-grid .e-excelfilter .e-dlg-content {
  overflow: visible;
  padding: 0;
}

.sf-grid .e-excelfilter .e-searchcontainer {
  padding: 18px;
  padding-top: 4px;
}

.sf-grid .e-excelfilter .e-contextmenu-wrapper.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
  height: 26px;
  line-height: 26px;
}

.sf-grid .e-excelfilter .e-contextmenu-wrapper.e-sfcontextmenu .e-ul .e-separator {
  height: auto;
}

.sf-grid .e-excelfilter .e-contextmenu-wrapper.e-sfcontextmenu .e-ul {
  position: absolute;
}

.sf-grid .e-excelfilter .e-contextmenu-wrapper.e-sfcontextmenu {
  display: inline-block;
  width: 100%;
}

.sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv {
  width: unset;
}

.e-xlflmenu {
  min-height: 295px;
}

.e-xlflmenu .e-xlfl-dlgfields {
  font-size: 17px;
}

.e-xlflmenu .e-xlfl-fieldset {
  font-size: 14px;
  padding-top: 15px;
}

.e-xlflmenu .e-xlfl-optr,
.e-xlflmenu .e-xlfl-value {
  padding-top: 12px;
}

.e-xlflmenu .e-xlfl-radio,
.e-xlflmenu .e-xlfl-mtcase {
  padding-top: 12px;
}

.e-xlflmenu .e-xlfl-optr:first-child {
  padding-right: 12px;
}

.e-xlflmenu .e-xlfl-table {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

.e-xlflmenu .e-radio + label .e-label {
  padding-left: 23px;
  padding-right: 13px;
}

.e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
  margin-left: 6px;
}

.e-xlflmenu .e-dlg-content {
  padding-bottom: 6px;
}

.e-xlflmenu .e-xlfl-radiodiv {
  width: 117px;
}

.e-xlflmenu .e-xlfl-matchcasediv {
  margin-left: 0;
  margin-right: 13px;
}

.e-xlfl-radio-or,
.e-xlfl-matchcasediv {
  margin-left: 13px;
}

.e-emptyicon {
  opacity: 0;
}

.e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
  padding-left: 12px;
}

.e-xlflmenu.e-rtl .e-radio + label .e-label {
  padding-left: 0;
  padding-right: 25px;
}

.e-xlflmenu.e-rtl .e-xlfl-radio-or {
  margin-left: 0;
  margin-right: 13px;
}

.e-bigger .e-xlflmenu {
  min-height: 396px;
}

.e-bigger .e-xlflmenu .e-xlfl-table {
  border-spacing: 0;
  width: 100%;
}

.e-bigger .e-xlflmenu .e-dlg-content {
  padding-bottom: 8px;
}

.e-bigger .e-xlflmenu .e-radio + label .e-label {
  padding-left: 28px;
  padding-right: 5px;
}

.e-bigger .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
  margin-left: 8px;
}

.e-bigger .e-xlflmenu .e-xlfl-radiodiv {
  width: 137px;
}

.e-bigger .e-xlflmenu .e-xlfl-radio-or,
.e-bigger .e-xlflmenu .e-xlfl-matchcasediv {
  margin-left: 18px;
}

.e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
  padding-right: 16px;
}

.e-bigger .e-xlflmenu .e-xlfl-dlgfields {
  font-size: 18px;
}

.e-bigger .e-xlflmenu .e-xlfl-fieldset {
  font-size: 15px;
  padding-top: 20px;
}

.e-bigger .e-xlflmenu .e-xlfl-optr,
.e-bigger .e-xlflmenu .e-xlfl-value {
  padding-top: 16px;
}

.e-bigger .e-xlflmenu .e-xlfl-radio,
.e-bigger .e-xlflmenu .e-xlfl-mtcase {
  padding-top: 16px;
}

.e-bigger .e-excelfilter .e-xlflmenu,
.e-excelfilter.e-bigger .e-xlflmenu {
  min-height: 396px;
}

.e-bigger .e-excelfilter .e-ftrchk,
.e-excelfilter.e-bigger .e-ftrchk {
  padding-bottom: 13px;
  padding-top: 13px;
}

.e-bigger .e-excelfilter .e-contextmenu-wrapper ul li,
.e-excelfilter.e-bigger .e-contextmenu-wrapper ul li {
  height: 48px;
  line-height: 48px;
}

.e-bigger .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
.e-excelfilter.e-bigger .e-contextmenu-wrapper ul li .e-menu-icon {
  height: 48px;
  line-height: 48px;
  margin-right: 15px;
}

.e-bigger .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret,
.e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
  height: 48px;
  line-height: 48px;
}

.e-excelfilter .e-checkboxlist {
  height: 200px;
  margin-top: 5px;
  min-height: 160px;
  overflow-y: auto;
}

.e-excelfilter .e-checkboxfiltertext {
  width: 150px;
  word-break: normal;
}

.e-excelfilter .e-chk-hidden {
  -moz-appearance: none;
  height: 1px;
  opacity: 0;
  width: 1px;
}

.e-excelfilter .e-contextmenu-wrapper,
.e-excelfilter .e-contextmenu-wrapper ul {
  display: block;
}

.e-excelfilter .e-contextmenu-wrapper ul {
  padding-bottom: 4px;
  position: static;
}

.e-excelfilter .e-contextmenu-wrapper ul li {
  height: 36px;
  line-height: 36px;
}

.e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon {
  height: 36px;
  line-height: 36px;
  margin-right: 12px;
}

.e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
  margin-right: 0;
}

.e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
  height: 36px;
  line-height: 36px;
}

.e-excelfilter .e-contextmenu-wrapper ul {
  border: 0;
  box-shadow: none;
  max-width: 300px;
  padding-bottom: 4px;
  position: static;
}

.e-excelfilter .e-footer-content {
  border-style: solid;
  border-width: 1px 0 0;
}

.e-excelfilter .e-excel-menu {
  z-index: 1000;
}

.e-excelfilter .e-dlg-content {
  padding-top: 0;
}

.e-excelfilter .e-contextmenu-wrapper,
.e-excelfilter .e-contextmenu-wrapper ul {
  display: block;
}

.e-excelfilter .e-contextmenu-wrapper ul {
  padding-bottom: 4px;
  position: static;
}

.e-excelfilter .e-contextmenu-wrapper ul li {
  height: 36px;
  line-height: 36px;
}

.e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon {
  height: 36px;
  line-height: 36px;
  margin-right: 12px;
}

.e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
  margin-right: 0;
}

.e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
  height: 36px;
  line-height: 36px;
}

.e-excelfilter .e-contextmenu-wrapper ul {
  border: 0;
  box-shadow: none;
  max-width: 300px;
  padding-bottom: 4px;
  position: static;
}

.e-excelfilter .e-footer-content {
  border-style: solid;
  border-width: 1px 0 0;
}

.e-excelfilter .e-excel-menu {
  z-index: 1000;
}

.e-excelfilter .e-dlg-content {
  padding-top: 0;
}

.e-excelfilter .e-xlsel {
  border: 0 solid;
  position: absolute;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-ftrchk {
  padding-bottom: 9px;
  padding-top: 9px;
}

/*! Excel-Filter theme */
.e-excelfilter .e-footer-content {
  border-color: rgba(0, 0, 0, 0.12);
  opacity: 1;
}

.e-excelfilter .e-filtered::before {
  color: #e3165b;
}

.e-xlsel {
  background-color: #e3165b;
  border-color: #e3165b;
}

@keyframes e-input-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

@keyframes material-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fabric-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*! component's theme wise override definitions and variables */
@keyframes tbar-popup-shadow {
  0% {
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
  }
}

/*!componenticons*/
.e-icon-check::before {
  content: '\E7FF';
}

.e-grid .e-group-animate .e-drag.e-icon-drag::before,
.e-grid-menu .e-group-animate .e-drag.e-icon-drag::before {
  content: '\E330';
}

.e-grid .e-group-animate .e-nextgroup.e-icon-next::before,
.e-grid-menu .e-group-animate .e-nextgroup.e-icon-next::before {
  content: '\EC07';
}

.e-grid .e-icon-ascending::before,
.e-grid-menu .e-icon-ascending::before {
  content: '\E840';
}

.e-grid .e-icon-descending::before,
.e-grid-menu .e-icon-descending::before {
  content: '\E83F';
}

.e-grid .e-icon-hide::before,
.e-grid-menu .e-icon-hide::before {
  content: '\E825';
}

.e-grid .e-ungroupbutton.e-icon-hide::before,
.e-grid-menu .e-ungroupbutton.e-icon-hide::before {
  content: '\E917';
}

.e-grid .e-icon-rowselect::before,
.e-grid-menu .e-icon-rowselect::before {
  content: '\E930';
}

.e-grid .e-icon-sortdirect::before,
.e-grid-menu .e-icon-sortdirect::before {
  content: '\E890';
}

.e-grid .e-icon-gdownarrow::before,
.e-grid-menu .e-icon-gdownarrow::before {
  content: '\E83D';
}

.e-grid .e-icon-grightarrow::before,
.e-grid-menu .e-icon-grightarrow::before {
  content: '\E859';
}

.e-grid .e-icon-filter::before,
.e-grid-menu .e-icon-filter::before {
  content: '\E7EE';
}

.e-grid .e-excl-filter-icon::before,
.e-grid-menu .e-excl-filter-icon::before {
  content: '\E251';
}

.e-grid .e-excl-filter-icon.e-filtered::before,
.e-grid-menu .e-excl-filter-icon.e-filtered::before {
  content: '\E248';
}

.e-grid.e-rtl .e-icon-grightarrow::before,
.e-grid-menu.e-rtl .e-icon-grightarrow::before {
  content: '\E854';
}

.e-grid .e-icon-group::before,
.e-grid-menu .e-icon-group::before {
  content: '\E926';
}

.e-grid .e-icon-ungroup::before,
.e-grid-menu .e-icon-ungroup::before {
  content: '\E926';
}

.e-grid .e-icon-reorderuparrow::before,
.e-grid-menu .e-icon-reorderuparrow::before {
  content: '\E918';
}

.e-grid .e-icon-reorderdownarrow::before,
.e-grid-menu .e-icon-reorderdownarrow::before {
  content: '\E919';
}

.e-grid .e-print::before,
.e-grid-menu .e-print::before {
  content: '\E813';
}

.e-grid .e-add::before,
.e-grid-menu .e-add::before {
  content: '\E7F9';
}

.e-grid .e-wordexport::before,
.e-grid-menu .e-wordexport::before {
  content: '\E7B0';
}

.e-grid .e-pdfexport::before,
.e-grid-menu .e-pdfexport::before {
  content: '\E240';
}

.e-grid .e-csvexport::before,
.e-grid-menu .e-csvexport::before {
  content: '\E241';
}

.e-grid .e-excelexport::before,
.e-grid-menu .e-excelexport::before {
  content: '\E242';
}

.e-grid .e-edit::before,
.e-grid-menu .e-edit::before {
  content: '\E81E';
}

.e-grid .e-columnmenu::before,
.e-grid-menu .e-columnmenu::before {
  content: '\E984';
}

.e-grid .e-delete::before,
.e-grid-menu .e-delete::before {
  content: '\E84E';
}

.e-grid .e-cancel::before,
.e-grid-menu .e-cancel::before {
  content: '\E825';
}

.e-grid .e-copy::before,
.e-grid-menu .e-copy::before {
  content: '\E70A';
}

.e-grid .e-save::before,
.e-grid-menu .e-save::before {
  content: '\E98E';
}

.e-grid .e-update::before,
.e-grid-menu .e-update::before {
  content: '\E735';
}

.e-grid .e-search-icon::before,
.e-grid-menu .e-search-icon::before {
  content: '\E993';
}

.e-grid .e-cancel-icon::before,
.e-grid-menu .e-cancel-icon::before {
  content: '\E825';
}

.e-grid .e-columnchooserdiv::before,
.e-grid-menu .e-columnchooserdiv::before {
  content: '\E714';
}

.e-grid .e-ccsearch-icon::before,
.e-grid-menu .e-ccsearch-icon::before {
  content: '\E993';
}

.e-grid .e-columnchooser::before,
.e-grid-menu .e-columnchooser::before {
  content: '\E21E';
}

.e-grid .e-columnchooser-btn::before,
.e-grid-menu .e-columnchooser-btn::before {
  content: '\E969';
}

.e-grid .e-cc-icon::before,
.e-grid-menu .e-cc-icon::before {
  content: '\E82E';
}

.e-grid .e-icon-rowdragicon::before,
.e-grid-menu .e-icon-rowdragicon::before {
  content: '\E330';
}

.e-grid.e-rtl .e-icon-rowdragicon::before,
.e-grid-menu.e-rtl .e-icon-rowdragicon::before {
  content: '\E330';
}

.e-grid .e-ccsearch-icon.e-cc-cancel::before,
.e-grid .e-chkcancel-icon::before,
.e-grid-menu .e-ccsearch-icon.e-cc-cancel::before,
.e-grid-menu .e-chkcancel-icon::before {
  content: '\E7A7';
}

/*! Grid layout */
.e-disableuserselect {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/*! Blazor column menu custom css */
.e-contextmenu-wrapper.e-sfcontextmenu.e-hide-menu {
  visibility: hidden;
}

.e-emptyicon {
  opacity: 0;
}

.e-device .e-flmenu-valuediv {
  padding: 24px 0 0;
}

.e-bigger .e-grid,
.e-grid.e-bigger {
  font-size: 13px;
}

.e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
.e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
  padding-bottom: 8px;
  padding-top: 2px;
}

.e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
.e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
  min-width: 20px;
}

.e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
.e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
  font-size: 18px;
}

.e-bigger .e-grid .e-flmenu-valuediv,
.e-grid.e-bigger .e-flmenu-valuediv {
  padding: 24px 0 0;
}

.e-bigger .e-grid .e-headercell,
.e-grid.e-bigger .e-headercell {
  height: 56px;
  padding: 0 28px 0;
}

.e-bigger .e-grid .e-headercelldiv,
.e-grid.e-bigger .e-headercelldiv {
  font-size: 12px;
  height: 29px;
  line-height: 30px;
}

.e-bigger .e-grid .e-headercell,
.e-bigger .e-grid .e-detailheadercell,
.e-grid.e-bigger .e-headercell,
.e-grid.e-bigger .e-detailheadercell {
  font-size: 12px;
}

.e-bigger .e-grid .e-icons,
.e-grid.e-bigger .e-icons {
  font-size: 12px;
}

.e-bigger .e-grid .e-gridheader thead .e-icons,
.e-grid.e-bigger .e-gridheader thead .e-icons {
  font-size: 12px;
}

.e-bigger .e-grid .e-icon-gdownarrow,
.e-grid.e-bigger .e-icon-gdownarrow {
  font-size: 12px;
}

.e-bigger .e-grid .e-icon-grightarrow,
.e-grid.e-bigger .e-icon-grightarrow {
  font-size: 12px;
}

.e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
.e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
  font-size: 12px;
}

.e-bigger .e-grid .e-gridheader tr th:last-child,
.e-grid.e-bigger .e-gridheader tr th:last-child {
  padding-right: 28px;
}

.e-bigger .e-grid .e-gridheader tr th:last-child.e-filterbarcell,
.e-grid.e-bigger .e-gridheader tr th:last-child.e-filterbarcell {
  padding-left: 21px;
}

.e-bigger .e-grid .e-gridheader tr th:first-child,
.e-grid.e-bigger .e-gridheader tr th:first-child {
  padding-left: 28px;
}

.e-bigger .e-grid .e-gridheader tr th:first-child.e-filterbarcell,
.e-grid.e-bigger .e-gridheader tr th:first-child.e-filterbarcell {
  padding-left: 21px;
}

.e-bigger .e-grid .e-headercelldiv,
.e-grid.e-bigger .e-headercelldiv {
  font-size: 12px;
}

.e-bigger .e-grid .e-rowcell,
.e-bigger .e-grid .e-summarycell,
.e-grid.e-bigger .e-rowcell,
.e-grid.e-bigger .e-summarycell {
  font-size: 13px;
  padding: 11px 28px;
}

.e-bigger .e-grid .e-rowcell:first-child,
.e-bigger .e-grid .e-summarycell:first-child,
.e-grid.e-bigger .e-rowcell:first-child,
.e-grid.e-bigger .e-summarycell:first-child {
  padding-left: 28px;
}

.e-bigger .e-grid .e-rowcell:last-child,
.e-bigger .e-grid .e-summarycell:last-child,
.e-grid.e-bigger .e-rowcell:last-child,
.e-grid.e-bigger .e-summarycell:last-child {
  padding-right: 28px;
}

.e-bigger .e-grid .e-filterbarcell,
.e-bigger .e-grid .e-filterbarcelldisabled,
.e-grid.e-bigger .e-filterbarcell,
.e-grid.e-bigger .e-filterbarcelldisabled {
  height: 56px;
  padding: 0 28px;
}

.e-bigger .e-grid .e-filterbarcell input,
.e-grid.e-bigger .e-filterbarcell input {
  height: 26px;
}

.e-bigger .e-grid .e-ftrchk,
.e-grid.e-bigger .e-ftrchk {
  padding-bottom: 13px;
  padding-top: 13px;
}

.e-bigger .e-grid .e-columnmenu,
.e-grid.e-bigger .e-columnmenu {
  bottom: 17px;
}

.e-bigger .e-grid.e-device.e-noselect,
.e-grid.e-bigger.e-device.e-noselect {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-bigger .e-grid .e-dialog.e-checkboxfilter,
.e-bigger .e-grid .e-dialog.e-flmenu,
.e-grid.e-bigger .e-dialog.e-checkboxfilter,
.e-grid.e-bigger .e-dialog.e-flmenu {
  min-width: 260px;
}

.e-bigger .e-grid .e-dialog.e-checkboxfilter,
.e-grid.e-bigger .e-dialog.e-checkboxfilter {
  min-height: 352px;
}

.e-bigger .e-grid .e-filtermenudiv,
.e-grid.e-bigger .e-filtermenudiv {
  margin: -18px -7px;
}

.e-bigger .e-grid .e-sortfilterdiv,
.e-grid.e-bigger .e-sortfilterdiv {
  margin: -17px 8px;
}

.e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
.e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
  margin: -15px 18px;
}

.e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
.e-bigger .e-grid .e-wrap .e-sortfilterdiv,
.e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
.e-grid.e-bigger .e-wrap .e-sortfilterdiv {
  margin: -20px 8px;
}

.e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv
.e-wrap .e-rightalign .e-sortfilterdiv,
.e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv
.e-wrap .e-rightalign .e-sortfilterdiv {
  margin: -20px 2px;
}

.e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv
.e-wrap .e-fltr-icon .e-sortfilterdiv,
.e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv
.e-wrap .e-fltr-icon .e-sortfilterdiv {
  margin: -10px 18px;
}

.e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-sortfilterdiv,
.e-bigger .e-grid .e-wrap .e-rightalign.e-fltr-icon .e-sortfilterdiv,
.e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-sortfilterdiv,
.e-grid.e-bigger .e-wrap .e-rightalign.e-fltr-icon .e-sortfilterdiv {
  margin: -12px 2px;
}

.e-bigger .e-grid.e-wrap .e-rowcell,
.e-bigger .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv,
.e-bigger .e-grid.e-wrap .e-columnheader .e-headercelldiv,
.e-grid.e-bigger.e-wrap .e-rowcell,
.e-grid.e-bigger.e-wrap .e-columnheader .e-stackedheadercelldiv,
.e-grid.e-bigger.e-wrap .e-columnheader .e-headercelldiv {
  line-height: 18px;
}

.e-bigger .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv,
.e-grid.e-bigger .e-gridheader .e-rightalign .e-sortfilterdiv {
  margin: -17px 2px;
}

.e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
.e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
  float: left;
  margin: 8px 2px 0 5px;
}

.e-bigger .e-grid .e-sortnumber,
.e-grid.e-bigger .e-sortnumber {
  border-radius: 65%;
  display: inline-block;
  float: right;
  font-size: 9px;
  height: 15px;
  line-height: 16px;
  margin: 8px 5px 0 2px;
  text-align: center;
  width: 15px;
}

.e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
.e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
  margin: -17px 2px;
}

.e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
.e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
.e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
.e-grid.e-bigger.e-rtl .e-detailheadercell .e-sortfilterdiv {
  margin: -17px 10px;
}

.e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
.e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
  margin: -17px 10px;
}

.e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
.e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
  margin: -15px 30px 0 0;
}

.e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
.e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
  margin: -16px 0;
}

.e-bigger .e-grid.e-rtl .e-filtermenudiv,
.e-grid.e-bigger.e-rtl .e-filtermenudiv {
  margin: -18px 0 -18px -11px;
}

.e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
.e-grid.e-bigger.e-rtl .e-rightalign .e-filtermenudiv {
  margin: -18px 0 -18px -11px;
}

.e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
.e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
.e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
.e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
  margin: 6px 0 0 5px;
}

.e-bigger .e-grid .e-rowcell,
.e-bigger .e-grid .e-summarycell,
.e-bigger .e-grid .e-emptyrow td,
.e-bigger .e-grid .e-frozencontent table tr td:first-child:empty,
.e-bigger .e-grid .e-movablecontent table tr td:first-child:empty,
.e-bigger .e-grid:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty,
.e-bigger .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty,
.e-grid.e-bigger .e-rowcell,
.e-grid.e-bigger .e-summarycell,
.e-grid.e-bigger .e-emptyrow td,
.e-grid.e-bigger .e-frozencontent table tr td:first-child:empty,
.e-grid.e-bigger .e-movablecontent table tr td:first-child:empty,
.e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty,
.e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
  line-height: 27px;
}

.e-bigger .e-grid .e-filterbarcell input,
.e-grid.e-bigger .e-filterbarcell input {
  font-size: 13px;
}

.e-bigger .e-grid .e-groupdroparea,
.e-grid.e-bigger .e-groupdroparea {
  font-size: 19px;
  min-height: 64px;
  padding: 22px 24px;
}

.e-bigger .e-grid .e-cloneproperties,
.e-grid.e-bigger .e-cloneproperties {
  padding: 4px 5px;
}

.e-bigger .e-grid .e-headerclone,
.e-grid.e-bigger .e-headerclone {
  font-size: 12px;
}

.e-bigger .e-grid .e-groupdroparea.e-grouped,
.e-grid.e-bigger .e-groupdroparea.e-grouped {
  padding: 11px 0 12px;
}

.e-bigger .e-grid .e-frozenheader table tr td.e-rowcell,
.e-grid.e-bigger .e-frozenheader table tr td.e-rowcell {
  height: 43px;
}

.e-bigger .e-grid .e-frozencontent table tr td:first-child:empty,
.e-bigger .e-grid .e-movablecontent table tr td:first-child:empty,
.e-bigger .e-grid .e-frozenhdrcont table tr td:first-child:empty,
.e-bigger .e-grid:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty,
.e-bigger .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty,
.e-grid.e-bigger .e-frozencontent table tr td:first-child:empty,
.e-grid.e-bigger .e-movablecontent table tr td:first-child:empty,
.e-grid.e-bigger .e-frozenhdrcont table tr td:first-child:empty,
.e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty,
.e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
  height: 49px;
}

.e-bigger .e-grid.e-bigger .e-columnmenu,
.e-grid.e-bigger.e-bigger .e-columnmenu {
  bottom: 16px;
  margin: 0 -7px;
}

.e-bigger .e-grid .e-columnmenu,
.e-grid.e-bigger .e-columnmenu {
  right: 10px;
}

.e-bigger .e-grid .e-groupheadercell,
.e-bigger .e-grid .e-groupheadercell:hover,
.e-grid.e-bigger .e-groupheadercell,
.e-grid.e-bigger .e-groupheadercell:hover {
  border-radius: 16px;
  height: 32px;
  margin: 4px 0 0 24px;
  padding: 0 8px 0 12px;
  font-size: 13px;
}

.e-bigger .e-grid .e-groupheadercell:hover,
.e-grid.e-bigger .e-groupheadercell:hover {
  padding: 0 8px 0 12px;
}

.e-bigger .e-grid .e-gdclone,
.e-grid.e-bigger .e-gdclone {
  border-radius: 17px;
  padding: 6px;
}

.e-bigger .e-grid .e-groupheadercell span,
.e-grid.e-bigger .e-groupheadercell span {
  height: 32px;
  line-height: 32px;
  padding: 0;
}

.e-bigger .e-grid .e-groupheadercell .e-ungroupbutton,
.e-grid.e-bigger .e-groupheadercell .e-ungroupbutton {
  font-size: 16px;
}

.e-bigger .e-grid .e-groupheadercell .e-grouptext,
.e-grid.e-bigger .e-groupheadercell .e-grouptext {
  line-height: 32px;
}

.e-bigger .e-grid .e-row .e-input-group .e-input.e-field,
.e-bigger .e-grid .e-row .e-input-focus .e-input.e-field,
.e-grid.e-bigger .e-row .e-input-group .e-input.e-field,
.e-grid.e-bigger .e-row .e-input-focus .e-input.e-field {
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
  font-size: 13px;
  padding-bottom: 9px;
  padding-top: 13px;
}

.e-bigger .e-grid.e-device .e-row .e-input-group .e-input.e-field,
.e-bigger .e-grid.e-device .e-row .e-input-focus .e-input.e-field,
.e-grid.e-bigger.e-device .e-row .e-input-group .e-input.e-field,
.e-grid.e-bigger.e-device .e-row .e-input-focus .e-input.e-field {
  padding-bottom: 5px;
  padding-top: 12px;
}

.e-bigger .e-grid .e-row .e-input-group,
.e-grid.e-bigger .e-row .e-input-group {
  margin-bottom: 5px;
  vertical-align: middle;
}

.e-bigger .e-grid.e-device .e-headercell,
.e-grid.e-bigger.e-device .e-headercell {
  padding: 0 12px 0;
}

.e-bigger .e-grid.e-device .e-headercell:first-child,
.e-grid.e-bigger.e-device .e-headercell:first-child {
  padding: 0 12px 0 16px;
}

.e-bigger .e-grid.e-device .e-headercell:last-child,
.e-grid.e-bigger.e-device .e-headercell:last-child {
  padding: 0 16px 0 12px;
}

.e-bigger .e-grid.e-device .e-groupheadercell span,
.e-grid.e-bigger.e-device .e-groupheadercell span {
  line-height: 30px;
}

.e-bigger .e-grid.e-device .e-rowcell,
.e-bigger .e-grid.e-device .e-summarycell,
.e-grid.e-bigger.e-device .e-rowcell,
.e-grid.e-bigger.e-device .e-summarycell {
  padding: 8px 12px;
}

.e-bigger .e-grid.e-device .e-rowcell:first-child,
.e-bigger .e-grid.e-device .e-summarycell:first-child,
.e-grid.e-bigger.e-device .e-rowcell:first-child,
.e-grid.e-bigger.e-device .e-summarycell:first-child {
  padding: 8px 12px 8px 16px;
}

.e-bigger .e-grid.e-device .e-rowcell:last-child,
.e-bigger .e-grid.e-device .e-summarycell:last-child,
.e-grid.e-bigger.e-device .e-rowcell:last-child,
.e-grid.e-bigger.e-device .e-summarycell:last-child {
  padding: 8px 16px 8px 12px;
}

.e-bigger .e-grid.e-device .e-filterbarcell,
.e-grid.e-bigger.e-device .e-filterbarcell {
  padding: 8px 12px;
}

.e-bigger .e-grid.e-device .e-filterbarcell:first-child,
.e-grid.e-bigger.e-device .e-filterbarcell:first-child {
  padding: 8px 12px 8px 16px;
}

.e-bigger .e-grid.e-device .e-filterbarcell:last-child,
.e-grid.e-bigger.e-device .e-filterbarcell:last-child {
  padding: 8px 16px 8px 12px;
}

.e-bigger .e-grid.e-device .e-groupheadercell .e-ungroupbutton,
.e-grid.e-bigger.e-device .e-groupheadercell .e-ungroupbutton {
  line-height: 33px;
}

.e-bigger .e-grid.e-device .e-normaledit .e-rowcell,
.e-grid.e-bigger.e-device .e-normaledit .e-rowcell {
  padding-bottom: 0;
  padding-top: 0;
}

.e-bigger .e-grid.e-device .e-editedbatchcell.e-rowcell,
.e-grid.e-bigger.e-device .e-editedbatchcell.e-rowcell {
  padding-bottom: 0;
  padding-top: 0;
}

.e-bigger .e-grid .e-unboundcell,
.e-bigger .e-grid .e-editedrow .e-normaledit .e-unboundcell,
.e-bigger .e-grid .e-addedrow .e-normaledit .e-unboundcell,
.e-grid.e-bigger .e-unboundcell,
.e-grid.e-bigger .e-editedrow .e-normaledit .e-unboundcell,
.e-grid.e-bigger .e-addedrow .e-normaledit .e-unboundcell {
  padding-bottom: 6px;
  padding-top: 6px;
}

.e-bigger .e-grid .e-grouptext,
.e-grid.e-bigger .e-grouptext {
  margin-right: 8px;
  width: 76px;
}

.e-bigger .e-grid .e-gridheader table th[rowspan],
.e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
.e-grid.e-bigger .e-gridheader table th[rowspan],
.e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
  padding-bottom: 20px;
}

.e-bigger .e-grid .e-groupsort,
.e-bigger .e-grid span.e-ungroupbutton,
.e-bigger .e-grid .e-toggleungroup,
.e-grid.e-bigger .e-groupsort,
.e-grid.e-bigger span.e-ungroupbutton,
.e-grid.e-bigger .e-toggleungroup {
  margin-left: 8px;
  margin-top: 0;
}

.e-bigger .e-grid span.e-ungroupbutton.e-icons,
.e-grid.e-bigger span.e-ungroupbutton.e-icons {
  font-size: 16px;
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
}

.e-bigger .e-grid .e-groupsort,
.e-grid.e-bigger .e-groupsort {
  margin-right: 0;
  margin-top: 0;
}

.e-bigger .e-grid.e-rtl .e-groupheadercell,
.e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
.e-grid.e-bigger.e-rtl .e-groupheadercell,
.e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
  margin: 3px 24px 0 0;
  padding: 0 12px 0 8px;
}

.e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
.e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
  margin-left: 0;
  margin-right: 6px;
  margin-top: 0;
  padding-top: 0;
}

.e-bigger .e-grid .e-groupcaption,
.e-grid.e-bigger .e-groupcaption {
  line-height: 32px;
}

.e-bigger .e-grid .e-ccdlg .e-dlg-content,
.e-grid.e-bigger .e-ccdlg .e-dlg-content {
  margin: 20px 0 0;
  padding: 17px 24px 5px 12px;
}

.e-bigger .e-grid .e-ccdlg .e-ccul-ele,
.e-grid.e-bigger .e-ccdlg .e-ccul-ele {
  padding: 0;
}

.e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
.e-grid.e-bigger .e-ccdlg .e-cc-searchdiv {
  padding-left: 6px;
}

.e-bigger .e-grid .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard,
.e-grid.e-bigger .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard {
  padding-left: 12px;
}

.e-bigger .e-grid .e-ccdlg li.e-cclist,
.e-grid.e-bigger .e-ccdlg li.e-cclist {
  padding: 11px 0;
}

.e-bigger .e-grid .e-ccdlg .e-toolbar .e-ccdiv,
.e-grid.e-bigger .e-ccdlg .e-toolbar .e-ccdiv {
  margin-top: 0;
}

.e-grid {
  border-radius: 0;
  border-style: none solid solid;
  border-width: 1px;
  display: block;
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
  font-size: 13px;
  height: auto;
  position: relative;
}

.e-grid .e-gridheader {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-grid .e-gridheader .e-firstrow-dragborder,
.e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
.e-grid .e-gridcontent .e-lastrow-dragborder,
.e-grid.e-rtl .e-gridcontent .e-lastrow-dragborder {
  bottom: 0;
  background-color: #e3165b;
  height: 2px;
  position: absolute;
  z-index: 10;
}

.e-grid .e-grid-relative {
  position: relative;
}

.e-grid .e-dropitemscount {
  border: 1px solid #fff;
  border-radius: 17px;
  box-sizing: content-box;
  font-size: 13px;
  line-height: normal;
  margin-left: -8px;
  min-width: 12px;
  padding: 3px 7px 4px;
  position: absolute;
  text-align: center;
  top: -10px;
  z-index: 5;
}

.e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
.e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 0;
}

.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid .e-gridcontent .e-rowcell.e-dragborder,
.e-grid .e-gridcontent .e-rowdragdrop.e-dragborder,
.e-grid .e-gridheader thead tr th.e-firstrowdragborder,
.e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
  box-shadow: 0 2px 0 0 #e3165b;
  position: relative;
  z-index: 5;
}

.e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
  font-size: 10px;
}

.e-grid .e-row .e-icon-rowdragicon::before {
  display: block;
  text-indent: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  opacity: 0.54;
}

.e-grid .e-row .e-icon-rowdragmoveicon::before {
  font-size: 12px;
  font-weight: bold;
}

.e-grid .e-row .e-icon-rowdragmoveicon {
  padding-left: 10px;
}

.e-grid .e-draganddrop .e-rowcell, .e-grid.e-rtl .e-draganddrop .e-rowcell {
  padding-left: 6px;
  padding-right: 6px;
}

.e-grid .e-gridcontent .e-rowdragdrop {
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #e0e0e0;
}

.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
  border-bottom-width: 1px;
}

.e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
  position: relative;
  left: -5px;
}

.e-grid .e-icon-rowdragicon {
  font-size: 10px;
  text-indent: 12px;
}

.e-grid .e-toolbar {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #e0e0e0;
}

.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
  padding-bottom: 6px;
  padding-top: 1px;
}

.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
  margin-bottom: 0;
  opacity: .6;
  width: 230px;
}

.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search.e-input-focus {
  opacity: 1;
}

.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
  min-width: 18px;
}

.e-bigger .e-grid .e-group-animator .e-groupheadercell,
.e-bigger .e-grid .e-group-animator .e-groupheadercell:hover {
  margin: 15px 0 15px 0;
  border-bottom-width: 1px;
}

.e-grid .e-groupdroparea.e-group-animate.e-grouped {
  height: 54px;
}

.e-bigger .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
  margin-top: 15px;
}

.e-grid .e-group-animator .e-groupheadercell,
.e-grid .e-group-animator .e-groupheadercell:hover {
  margin: 12px 0 12px 0;
  border-bottom-width: 1px;
}

.e-grid .e-group-animator:last-child .e-nextgroup.e-icons.e-icon-next {
  display: none;
}

.e-grid .e-groupdroparea.e-group-animate.e-grouped {
  overflow: hidden;
  padding: 0;
  height: 48px;
  border-bottom-width: 0;
}

.e-grid.e-rtl .e-group-animator {
  float: right;
}

.e-grid.e-rtl .e-group-animate .e-groupheadercell, .e-grid.e-rtl .e-group-animate .e-groupheadercell:hover {
  margin-right: 0;
  margin-left: 0;
}

.e-grid.e-rtl .e-group-animate.e-groupdroparea .e-nextgroup {
  transform: rotate(180deg);
  margin-top: 16px;
}

.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
  margin: 12px 16px 12px 0;
}

.e-grid .e-group-animator:first-child .e-groupheadercell {
  margin: 12px 0 12px 16px;
}

.e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
  margin-top: 9px;
}

.e-grid .e-groupdroparea.e-group-animate .e-drag.e-icon-drag {
  display: inline-block;
  height: 24px;
  font-size: 11px;
  line-height: 25px;
  padding: 0;
  vertical-align: middle;
}

.e-grid .e-group-animator .e-icon-drag.e-icons {
  margin-left: 0;
}

.e-grid .e-groupdroparea.e-group-animate span.e-drag.e-icons.e-icon-drag {
  cursor: move;
}

.e-grid .e-group-animate .e-drag.e-icon-drag::before {
  opacity: 0.7;
}

.e-grid .e-group-animate span.e-nextgroup.e-icons.e-icon-next {
  display: inline-block;
  float: left;
  height: 24px;
  line-height: 32px;
  padding: 0;
  vertical-align: middle;
}

.e-grid .e-groupdroparea.e-grouped {
  padding: 9px 0 10px;
}

.e-grid .e-groupdroparea.e-grouped {
  padding: 9px 0 10px;
}

.e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
.e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
  border-top: 0;
}

.e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell,
.e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
  border-bottom: 1px solid;
}

.e-grid.e-default.e-verticallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell,
.e-grid.e-default.e-hidelines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
  border-bottom: 0;
}

.e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell,
.e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell {
  border-top: 1px solid;
}

.e-grid.e-default.e-hidelines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell,
.e-grid.e-default.e-verticallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell {
  border-top: 0;
}

.e-grid.e-default .e-grouptopleftcell {
  border-top: 1px solid;
}

.e-grid.e-default .e-gridheader .e-headercell.e-firstheader,
.e-grid.e-default.e-horizontallines .e-headercell.e-firstheader {
  border-left: 1px solid;
}

.e-grid.e-default.e-hidelines .e-headercell.e-firstheader {
  border-left: 0;
}

.e-grid.e-default.e-verticallines .e-grouptopleftcell,
.e-grid.e-default.e-bothlines .e-grouptopleftcell,
.e-grid.e-default.e-hidelines .e-grouptopleftcell {
  border-top-width: 0;
}

.e-grid.e-default.e-verticallines .e-detailrowcollapse,
.e-grid.e-default.e-verticallines .e-detailrowexpand,
.e-grid.e-default.e-verticallines .e-rowdragdrop, .e-grid.e-default.e-hidelines .e-detailrowcollapse,
.e-grid.e-default.e-hidelines .e-detailrowexpand,
.e-grid.e-default.e-hidelines .e-rowdragdrop {
  border-top-width: 0;
}

.e-grid.e-default.e-horizontallines .e-grouptopleftcell {
  border-top: 1px solid;
}

.e-grid .e-gridheader .e-headercell .e-rhandler,
.e-grid .e-gridheader .e-headercell .e-rsuppress {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
}

.e-grid.e-device .e-gridheader .e-headercell .e-rhandler {
  width: 14px;
}

.e-grid.e-rtl .e-gridheader .e-headercell .e-rhandler,
.e-grid.e-rtl .e-gridheader .e-headercell .e-rsuppress {
  left: 0;
  right: auto;
}

.e-grid.e-resize-lines .e-gridheader th.e-headercell.e-lastcell .e-rhandler {
  border-right-width: 0;
}

.e-grid .e-rhelper {
  position: absolute;
  width: 1px;
}

.e-grid.e-device .e-ricon::before {
  border-bottom: 6px solid transparent;
  border-right: 6px solid;
  border-top: 6px solid transparent;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 20px;
}

.e-grid.e-device .e-ricon::after {
  border-bottom: 6px solid transparent;
  border-left: 6px solid;
  border-top: 6px solid transparent;
  content: '';
  display: block;
  height: 0;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 20px;
  z-index: 3;
}

.e-grid.e-rcursor,
.e-grid .e-gridheader .e-stackedheadercell.e-rcursor,
.e-grid .e-gridheader .e-rcursor {
  cursor: col-resize;
}

.e-grid.e-editing .e-gridheader .e-rcursor {
  cursor: default;
}

.e-grid .e-table {
  border-collapse: separate;
  table-layout: fixed;
  width: 100%;
}

.e-grid .e-tableborder {
  border-right: 1px solid;
}

.e-grid .e-virtualtable {
  will-change: transform;
  z-index: 1;
}

.e-grid .e-headercelldiv {
  border: 0 none;
  display: block;
  font-size: 12px;
  font-weight: 500;
  height: 29px;
  line-height: 30px;
  margin: -7px;
  overflow: hidden;
  padding: 0 0.6em;
  text-align: left;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-grid .e-headercelldiv.e-headerchkcelldiv {
  overflow: visible;
}

.e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
  padding: 0 .6em;
}

.e-grid .e-gridheader .e-headercontent .e-centeralign .e-headercelldiv.e-headerchkcelldiv {
  padding: 0 .6em;
}

.e-grid .e-headercell,
.e-grid .e-headercell.e-stackedheadercell,
.e-grid .e-headercell.e-defaultcursor {
  cursor: default;
}

.e-grid .e-headercell.e-mousepointer,
.e-grid .e-headercell.e-stackedheadercell.e-mousepointer {
  cursor: pointer;
}

.e-grid .e-gridheader .e-headercell,
.e-grid .e-gridheader .e-detailheadercell {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-grid .e-gridcontent tr:first-child td {
  border-top: 0 none;
}

.e-grid .e-gridheader tr:first-child th {
  border-top: 0 none;
}

.e-grid .e-gridheader tr th:last-child.e-filterbarcell {
  padding-right: 21px;
}

.e-grid .e-gridheader tr th:last-child {
  padding-right: 21px;
}

.e-grid .e-gridheader tr th:first-child {
  padding-left: 21px;
}

.e-grid .e-gridheader tr th:first-child.e-filterbarcell {
  padding-left: 21px;
}

.e-grid .e-gridheader {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
}

.e-grid .e-frozenhdrcont {
  border-bottom-width: 0;
}

.e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
  border-top-style: solid;
  border-top-width: 1px;
}

.e-grid.e-bothlines .e-filterbarcell,
.e-grid.e-bothlines .e-filterbarcelldisabled {
  border-width: 1px 0 0 1px;
}

.e-grid .e-headercell,
.e-grid .e-detailheadercell {
  border-style: solid;
  border-width: 0;
  font-size: 12px;
  font-weight: 500;
  height: 42px;
  overflow: hidden;
  padding: 0 21px 0;
  position: relative;
  text-align: left;
}

.e-grid.e-device .e-headercell {
  padding: 0 12px 0;
}

.e-grid.e-device .e-headercell:first-child {
  padding: 0 12px 0 16px;
}

.e-grid.e-device .e-headercell:last-child {
  padding: 0 16px 0 12px;
}

.e-grid .e-rowcell {
  border-style: solid;
  border-width: 1px 0 0 0;
  display: table-cell;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  padding: 8px 21px;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

.e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
.e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
.e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
.e-grid .e-movablecontent table .e-insertedrow td.e-rowcell,
.e-grid:not(.e-grid-min-height) .e-gridcontent .e-content tr.e-insertedrow .e-rowcell:empty,
.e-grid .e-row.e-emptyrow {
  height: 37px;
}

.e-grid .e-editedrow .e-input-group input.e-input,
.e-grid .e-editedrow .e-input-group.e-control-wrapper input.e-input,
.e-grid .e-addedrow .e-input-group input.e-input,
.e-grid .e-addedrow .e-input-group.e-control-wrapper input.e-input {
  min-height: unset;
}

.e-grid:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty,
.e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
  height: 36px;
}

.e-grid.e-afenabled .e-movablecontent,
.e-grid.e-afenabled .e-frozencontent,
.e-grid.e-afenabled .e-movableheader,
.e-grid.e-afenabled .e-frozenheader,
.e-grid.e-afenabled .e-headercontent, .e-grid.e-enabledboxbdr .e-movablecontent,
.e-grid.e-enabledboxbdr .e-frozencontent,
.e-grid.e-enabledboxbdr .e-movableheader,
.e-grid.e-enabledboxbdr .e-frozenheader,
.e-grid.e-enabledboxbdr .e-headercontent {
  position: relative;
}

.e-grid.e-afenabled, .e-grid.e-enabledboxbdr {
  overflow: hidden;
}

.e-grid .e-rowcell:first-child,
.e-grid .e-summarycell:first-child {
  padding-left: 21px;
}

.e-grid .e-rowcell:last-child,
.e-grid .e-summarycell:last-child {
  padding-right: 21px;
}

.e-grid .e-unboundcell,
.e-grid .e-editedrow .e-normaledit .e-unboundcell,
.e-grid .e-addedrow .e-normaledit .e-unboundcell {
  padding-bottom: 4px;
  padding-top: 4px;
}

.e-grid .e-unboundcelldiv > button {
  margin: 0 3.5px;
}

.e-grid .e-unboundcelldiv {
  margin: 0 -3.5px;
}

.e-grid .e-summarycell {
  border-style: solid;
  border-width: 1px 0 0;
  font-size: 13px;
  font-weight: 500;
  height: auto;
  line-height: 18px;
  padding: 8px 21px;
  white-space: normal;
  word-wrap: break-word;
}

.e-grid .e-summarycontent .e-frozenfootercontent {
  float: left;
  width: -webkit-min-content;
  width: min-content;
}

.e-grid .e-summarycontent .e-movablefootercontent {
  height: inherit;
  overflow: hidden;
}

.e-grid .e-summarycontent .e-indentcell {
  border-width: 1px 0 0;
}

.e-grid .e-summarycontent .e-detailindentcelltop {
  border-width: 1px 0 0;
}

.e-grid.e-device .e-rowcell,
.e-grid.e-device .e-summarycell {
  padding: 8px 12px;
}

.e-grid.e-device .e-rowcell:first-child,
.e-grid.e-device .e-summarycell:first-child {
  padding: 8px 12px 8px 16px;
}

.e-grid.e-device .e-rowcell:last-child,
.e-grid.e-device .e-summarycell:last-child {
  padding: 8px 16px 8px 12px;
}

.e-grid td.e-rowcell.e-checkbox {
  padding: 6px 21px;
}

.e-grid td.e-rowcell.e-checkbox input[type='checkbox'] {
  margin-top: 5px;
}

.e-grid.e-default .e-rowcell.e-lastrowcell {
  border-bottom-width: 1px;
}

.e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
  border-bottom-width: 1px;
}

.e-grid.e-default .e-detailrow .e-lastrowcell {
  border-bottom: 1px solid;
  border-bottom-color: #e0e0e0;
}

.e-grid.e-bothlines .e-rowcell.e-lastrowcell {
  border-bottom-width: 1px;
}

.e-grid.e-bothlines .e-rowcell {
  border-width: 1px 0 0 1px;
}

.e-grid .e-gridheader table th[rowspan],
.e-grid.e-device .e-gridheader table th[rowspan] {
  padding-bottom: 13px;
  vertical-align: bottom;
}

.e-grid .e-emptyrow td {
  line-height: 20px;
  padding: .7em;
}

.e-grid.e-responsive .e-rowcell,
.e-grid.e-responsive .e-headercelldiv {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-grid.e-responsive .e-rowcell.e-gridchkbox,
.e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
  text-overflow: clip;
}

.e-grid.e-default .e-headercell,
.e-grid.e-default .e-detailheadercell {
  border-width: 0;
}

.e-grid [aria-selected] + tr .e-detailindentcell {
  border-top-style: solid;
  border-top-width: 1px;
}

.e-grid.e-default.e-verticallines .e-headercell,
.e-grid.e-default.e-verticallines .e-detailheadercell {
  border-width: 0 0 0 1px;
}

.e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell {
  border-bottom: 1px solid;
}

.e-grid.e-default .e-stackedheadercell {
  border-width: 0 0 1px 1px;
}

.e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
  border-left-width: 0;
}

.e-grid.e-default.e-bothlines .e-headercell,
.e-grid.e-default.e-bothlines .e-detailheadercell {
  border-width: 0 0 0 1px;
}

.e-grid.e-default table th[rowspan] {
  border-width: 0 0 0 1px;
}

.e-grid tr th.e-firstcell {
  border-left-style: solid;
  border-left-width: 1px;
}

.e-grid.e-default tr td:first-child,
.e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
.e-grid.e-default tr th.e-detailheadercell:first-child,
.e-grid.e-default tr th.e-filterbarcell:first-child {
  border-left-width: 0;
}

.e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
  border-left-width: 0;
}

.e-grid .e-hide {
  display: none;
}

.e-grid .e-rowcell,
.e-grid .e-gridcontent,
.e-grid .e-gridheader,
.e-grid .e-headercontent,
.e-grid .e-groupdroparea,
.e-grid .e-gridfooter,
.e-grid .e-summarycontent {
  overflow: hidden;
  vertical-align: middle;
}

.e-grid .e-sortfilterdiv {
  float: right;
  height: 10px;
  margin: -15px 10px;
  padding: 3px;
  width: 10px;
}

.e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
  float: left;
  margin: -15px 5px;
}

.e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
.e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
  padding: 0 0.6em 0 1.9em;
}

.e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
  margin: -7px 15px -7px -7px;
}

.e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
  margin: -7px 15px -7px -7px;
}

.e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
.e-grid .e-gridheader .e-stackedheadercelldiv,
.e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
  padding: 0 1.8em 0 0.6em;
}

.e-grid .e-filtermenudiv {
  float: right;
  margin: -18px -7px;
  padding: 6px;
  text-align: right;
}

.e-grid .e-filtermenudiv:hover {
  cursor: pointer;
}

.e-grid.e-print-grid-layout .e-pager, .e-grid.e-print-grid-layout .e-filterbar, .e-grid.e-print-grid-layout .e-icons:not(.e-frame), .e-grid.e-print-grid-layout .e-grouptopleftcell, .e-grid.e-print-grid-layout .e-recordpluscollapse, .e-grid.e-print-grid-layout .e-indentcell, .e-grid.e-print-grid-layout .e-recordplusexpand {
  display: none;
}

.e-grid.e-print-grid-layout .e-indentcell.e-detailindentcelltop {
  display: table-cell;
}

.e-grid.e-print-grid-layout .e-content {
  overflow-y: hidden;
}

.e-grid.e-print-grid-layout .e-grouptext {
  width: auto;
}

.e-grid.e-print-grid-layout .e-detailcell {
  padding: .8em .6em;
}

.e-grid.e-print-grid {
  left: -1000px;
  top: -1000px;
}

.e-grid .e-flmenu-valuediv {
  padding: 24px 0 0;
}

.e-grid .e-flbldcontent {
  padding: 18px 18px 0;
}

.e-grid .e-flblbtn {
  width: 110px;
}

.e-grid .e-sortnumber {
  border-radius: 65%;
  display: inline-block;
  float: right;
  font-size: 9px;
  height: 15px;
  line-height: 16px;
  margin: 8px 5px 0 2px;
  text-align: center;
  width: 15px;
}

.e-grid .e-gridheader .e-rightalign .e-sortnumber {
  float: left;
  margin: 8px 2px 0 5px;
}

.e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
  margin: -15px 24px;
}

.e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
  margin: -15px 5px;
}

.e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
  margin: 3px 2px 0 5px;
}

.e-grid.e-wrap .e-gridheader .e-sortnumber {
  margin: 3px 5px 0 2px;
}

.e-grid.e-wrap .e-gridheader .e-sortfilterdiv {
  margin: -9px 10px;
}

.e-grid .e-movableheader .e-editcell.e-normaledit,
.e-grid .e-frozenheader .e-editcell.e-normaledit {
  border-top-color: transparent;
}

.e-grid .e-columnmenu {
  position: absolute;
  right: 23px;
  float: right;
  margin: -18px;
  padding: 6px;
}

.e-grid.e-wrap .e-columnmenu {
  margin: -13px -13px -23px -23px;
}

.e-grid.e-rtl .e-columnmenu {
  left: 5px;
  right: auto;
  margin: -17px -18px -18px 3px;
}

.e-grid.e-wrap.e-rtl .e-columnmenu {
  margin: -13px -13px -23px -3px;
}

.e-grid [class^='e-'] {
  box-sizing: border-box;
}

.e-grid .e-detailrowcollapse,
.e-grid .e-detailrowexpand {
  border-style: solid;
  border-width: 1px 0 0 0;
  cursor: pointer;
}

.e-grid .e-detailindentcell {
  border-right-style: solid;
  border-right-width: 1px;
}

.e-grid .e-detailcell {
  border-top-style: solid;
  border-top-width: 1px;
  padding: .3em;
}

.e-grid.e-verticallines .e-rowcell,
.e-grid.e-verticallines .e-filterbarcell {
  border-width: 0 0 0 1px;
}

.e-grid.e-hidelines .e-rowcell,
.e-grid.e-horizontallines .e-headercell,
.e-grid.e-hidelines .e-headercell,
.e-grid.e-horizontallines .e-detailheadercell,
.e-grid.e-hidelines .e-detailheadercell,
.e-grid.e-hidelines tr th.e-firstcell,
.e-grid.e-hidelines .e-filterbarcell {
  border-width: 0;
}

.e-grid.e-horizontallines .e-headercell.e-stackedheadercell {
  border-width: 0 0 1px 1px;
}

.e-grid.e-horizontallines .e-rowcell {
  border-width: 1px 0 0;
}

.e-grid.e-horizontallines .e-filterbarcell {
  border-width: 1px 0 0;
}

.e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
  border-bottom-width: 1px;
}

.e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
  border-left-width: 0;
}

.e-grid.e-verticallines .e-firstchildrow .e-rowcell,
.e-grid.e-verticallines .e-firstchildrow .e-detailrowcollapse,
.e-grid.e-verticallines .e-firstchildrow .e-detailrowexpand, .e-grid.e-hidelines .e-firstchildrow .e-rowcell,
.e-grid.e-hidelines .e-firstchildrow .e-detailrowcollapse,
.e-grid.e-hidelines .e-firstchildrow .e-detailrowexpand {
  border-top-width: 1px;
}

.e-grid .e-filterbarcell .e-icons::before {
  display: block;
  margin: 0 auto;
}

.e-grid .e-filterbarcell .e-filtertext::-webkit-search-cancel-button,
.e-grid .e-search input::-webkit-search-cancel-button {
  display: none;
}

.e-grid .e-filterbarcell .e-filtertext::-ms-clear,
.e-grid .e-search input::-ms-clear {
  display: none;
}

.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px 0 0;
  cursor: default;
  height: 42px;
  overflow: hidden;
  padding: 0 21px;
  vertical-align: middle;
}

.e-grid .e-rowdragheader {
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px 0 0;
}

.e-grid .e-filterbarcell input {
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 2px 0;
  font-size: 13px;
  font-weight: normal;
  height: 26px;
  padding-right: 24px;
  text-indent: 0;
  width: 100%;
}

.e-grid.e-device .e-filterbarcell {
  padding: 8px 12px;
}

.e-grid.e-device .e-filterbarcell:first-child {
  padding: 8px 12px 8px 16px;
}

.e-grid.e-device .e-filterbarcell:last-child {
  padding: 8px 16px 8px 12px;
}

.e-grid .e-searchclear {
  float: right;
  position: relative;
}

.e-grid.e-rtl .e-searchclear {
  float: left;
  position: relative;
  top: 10px;
}

.e-grid .e-checkboxlist {
  height: 200px;
  margin-top: 5px;
  min-height: 160px;
  overflow-y: auto;
}

.e-grid .e-chk-hidden {
  -moz-appearance: none;
  height: 1px;
  opacity: 0;
  width: 1px;
}

.e-grid .e-checkselect,
.e-grid .e-checkselectall {
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

.e-grid .e-rowcell .e-checkbox-wrapper,
.e-grid .e-rowcell .e-css.e-checkbox-wrapper {
  height: 20px;
  line-height: 20px;
}

.e-grid .e-dialog.e-checkboxfilter,
.e-grid .e-dialog.e-flmenu {
  min-width: 250px;
}

.e-grid .e-dialog.e-checkboxfilter {
  min-height: 322px;
}

.e-grid .e-ftrchk {
  padding-bottom: 9px;
  padding-top: 9px;
}

.e-grid .e-filterdiv,
.e-grid .e-fltrtempdiv {
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.e-grid .e-pager {
  border-bottom: transparent;
  border-left: transparent;
  border-right: transparent;
}

.e-grid .e-gridpopup {
  font-weight: normal;
  position: absolute;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 99999;
}

.e-grid .e-gridpopup .e-content {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  padding: 4px;
}

.e-grid .e-lastsummarycell {
  border-right: 1px solid;
}

.e-grid .e-footerpadding {
  padding-right: 14px;
}

.e-grid .e-gridpopup span {
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  height: 26px;
  padding: 4px;
  width: 26px;
}

.e-grid .e-gridpopup .e-tail::before,
.e-grid .e-gridpopup .e-tail::after {
  border: 10px solid transparent;
  content: '';
  height: 0;
  left: 8px;
  position: absolute;
  width: 0;
}

.e-grid .e-gridpopup .e-downtail::after {
  top: 34px;
}

.e-grid .e-gridpopup .e-uptail::after {
  top: -17px;
}

.e-grid .e-gridpopup .e-uptail::before {
  top: -19px;
}

.e-grid .e-gridpopup .e-sortdirect,
.e-grid .e-gridpopup .e-rowselect {
  line-height: 18px;
  text-indent: 7%;
}

.e-grid .e-cloneproperties {
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 0;
  font-size: 12px;
  font-weight: 500;
  opacity: 1;
  overflow: hidden;
  padding: 4px 5px;
  text-align: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  z-index: 10;
}

.e-grid .e-cloneproperties.e-draganddrop {
  border-spacing: 0;
  font-size: 12px;
  font-weight: normal;
  overflow: visible;
}

.e-grid .e-cloneproperties.e-draganddrop table {
  border-spacing: 0;
}

.e-grid .e-defaultcur {
  cursor: default;
}

.e-grid .e-notallowedcur {
  cursor: not-allowed;
}

.e-grid .e-cloneproperties.e-headerclone table {
  border-spacing: 0;
}

.e-grid .e-headerclone {
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 29px;
}

.e-grid .e-draganddrop {
  border-width: 0 1px 1px;
  font-weight: normal;
  padding: 0;
}

.e-grid .e-draganddrop .e-rowcell {
  opacity: .95;
}

.e-grid.e-default .e-gridheader th.e-firstcell {
  border-left-style: solid;
  border-left-width: 1px;
}

.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
}

.e-grid.e-default.e-hidelines .e-gridheader th.e-firstcell {
  border-left-width: 0;
}

.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
  font-size: 7px;
  position: absolute;
  z-index: 10;
}

.e-grid td.e-active {
  font-weight: normal;
}

.e-grid td.e-cellselectionbackground {
  font-weight: normal;
}

.e-grid .e-groupdroparea {
  height: auto;
  min-height: 48px;
}

.e-grid .e-griddragarea {
  border: 1px solid;
  opacity: .6;
  position: absolute;
}

.e-grid .e-gdclone {
  border-radius: 13px;
  padding: 2px;
}

.e-grid .e-content {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: scroll;
  position: relative;
}

.e-grid.e-ungroupdrag .e-columnheader,
.e-grid.e-ungroupdrag .e-groupdroparea,
.e-grid.e-rowdrag .e-columnheader,
.e-grid.e-rowdrag .e-groupdroparea {
  cursor: not-allowed;
}

.e-grid .e-groupdroparea,
.e-grid.e-ungroupdrag .e-gridcontent,
.e-grid.e-rowdrag .e-gridcontent {
  cursor: default;
}

.e-grid .e-groupdroparea {
  border-style: solid none;
  border-width: 1px 0 0;
}

.e-grid .e-groupdroparea {
  border-top-width: 1px;
  font-size: 14px;
  font-weight: lighter;
  opacity: 0.87;
  padding: 14px 24px;
  text-align: left;
  text-indent: 1pt;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.e-grid .e-grouptext {
  display: inline-block;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 57px;
}

.e-grid .e-grid-icon {
  float: left;
}

.e-grid .e-groupheadercell,
.e-grid .e-groupheadercell:hover {
  border: 0;
  border-collapse: collapse;
  border-radius: 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  height: 24px;
  margin: 3px 0 0 18px;
  overflow: hidden;
  padding: 0 6px 0 9px;
  vertical-align: middle;
}

.e-grid .e-groupheadercell:hover {
  border: 0;
  padding: 0 6px 0 9px;
}

.e-grid .e-groupheadercell span {
  display: inline-block;
  float: left;
  height: 24px;
  line-height: 26px;
  padding: 0;
  vertical-align: middle;
}

.e-grid .e-groupheadercell .e-grouptext {
  line-height: 24px;
}

.e-grid .e-groupheadercell .e-ungroupbutton {
  font-size: 13px;
  line-height: 26px;
}

.e-grid.e-device .e-groupheadercell span {
  line-height: 26px;
}

.e-grid.e-device .e-groupheadercell .e-ungroupbutton {
  line-height: 28px;
}

.e-grid .e-groupheadercell .e-cancel {
  padding-right: 10px;
}

.e-grid .e-groupheadercell .e-icons::before {
  display: inline;
}

.e-grid .e-groupsort,
.e-grid .e-ungroupbutton,
.e-grid .e-toggleungroup {
  font-size: 10px;
  margin-left: 6px;
}

.e-grid .e-groupsort {
  margin-right: 0;
  margin-top: 0;
}

.e-grid span.e-ungroupbutton.e-icons {
  margin-left: 6px;
  margin-top: 0;
}

.e-grid .e-grptogglebtn {
  padding: 7px;
}

.e-grid .e-icon-gdownarrow {
  font-size: 11px;
  text-indent: 12px;
}

.e-grid .e-icon-grightarrow {
  font-size: 10px;
  text-indent: 12px;
}

.e-grid .e-recordplusexpand {
  padding-top: 5px;
}

.e-grid .e-indentcell {
  border-style: solid;
  border-width: 0 1px 0 0;
}

.e-grid .e-indentcell.e-indentcelltop, .e-grid .e-indentcell.e-detailindentcelltop {
  border-width: 1px 0 0;
}

.e-grid .e-recordplusexpand,
.e-grid .e-recordpluscollapse {
  border-style: solid;
  border-width: 1px 0 0;
  cursor: pointer;
}

.e-grid .e-groupcaption {
  border-style: solid;
  border-width: 1px 0 0;
  display: table-cell;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  padding: .7em;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

.e-grid .e-virtualtable .e-groupcaption {
  line-height: 20px;
  padding: 8px 21px;
}

.e-grid .e-autofill {
  border: 1px solid;
  height: 8px;
  position: absolute;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 8px;
}

.e-grid .e-headercontent {
  border-style: solid;
  border-width: 0;
}

.e-grid .e-stackedheadercell {
  border-width: 0 0 1px 1px;
  white-space: nowrap;
}

.e-grid .e-noselect {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
  font-size: 9px;
  line-height: 3;
}

.e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
  margin-top: 0;
  padding: 3px 0 0;
}

.e-grid .e-edit-dialog .e-dlg-content {
  position: relative;
}

.e-grid .e-edit-dialog {
  min-height: 350px;
}

.e-grid .e-griderror label {
  display: inline !important;
}

.e-grid .e-tooltip-wrap.e-griderror {
  z-index: 1000;
}

.e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
  left: 44%;
}

.e-grid .e-normaledit .e-rowcell {
  padding-bottom: 0;
  padding-top: 0;
}

.e-grid.e-device .e-normaledit .e-rowcell {
  padding-bottom: 4px;
  padding-top: 4px;
}

.e-grid .e-gridcontent .e-normaledit .e-rowcell.e-lastrowadded {
  border-bottom: 1px solid #e0e0e0;
  border-top: 0 none #e0e0e0;
}

.e-grid .e-normaledit {
  border-top: 0;
  padding: 0;
}

.e-grid .e-gridcontent .e-normaledit .e-rowcell {
  border-top: 1px solid;
}

.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell {
  border-top: 0;
}

.e-grid.e-device .e-editedbatchcell.e-rowcell,
.e-grid .e-editedbatchcell.e-rowcell,
.e-grid.e-device .e-gridcontent .e-normaledit .e-rowcell {
  padding-bottom: 0;
  padding-top: 0;
}

.e-grid .e-editedbatchcell,
.e-grid td.e-boolcell {
  padding-left: 21px;
  padding-right: 21px;
}

.e-grid td.e-boolcell input {
  margin: 3px 3px 3px 4px;
}

.e-grid td.e-boolcell.e-rowcell {
  padding-bottom: 5px;
  padding-top: 5px;
}

.e-grid .e-dialog .e-gridform .e-rowcell {
  border: 0;
  padding: 0;
}

.e-grid .e-row .e-input-group .e-input.e-field,
.e-grid .e-row .e-input-focus .e-input.e-field {
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
  font-size: 13px;
  padding-bottom: 6px;
  padding-top: 9px;
}

.e-grid .e-row .e-input-group {
  margin-bottom: 2px;
  margin-top: 0;
  vertical-align: middle;
}

.e-grid .e-defaultcell.e-ralign,
.e-grid .e-editedrow .e-defaultcell.e-ralign,
.e-grid .e-defaultcell.e-ralign:focus,
.e-grid .e-editedrow .e-defaultcell.e-ralign:focus {
  padding-right: 10px;
}

.e-grid .e-dlg-content .e-defaultcell.e-ralign,
.e-grid .e-dlg-content .e-defaultcell.e-ralign:focus {
  padding-right: 0;
}

.e-grid .e-hiddenrow {
  display: none;
}

.e-grid .e-columnchooserdiv {
  float: right;
  margin: -12px;
}

.e-grid .e-ccdlg .e-dlg-content {
  margin: 20px 0 0;
  overflow: visible;
  padding: 16px 18px 13px 9px;
}

.e-grid .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard {
  padding-left: 9px;
}

.e-grid .e-ccdlg .e-main-div {
  box-sizing: border-box;
  position: relative;
}

.e-grid .e-ccdlg .e-ccul-ele {
  margin: 13px 0;
  padding: 0;
}

.e-grid .e-ccdlg li.e-cclist {
  padding: 9px 0;
}

.e-grid .e-ccdlg .e-checkbox-wrapper .e-frame {
  margin-left: 0;
}

.e-grid .e-ccdlg label.e-cc {
  margin: 0;
}

.e-grid .e-ccdlg .e-footer-content {
  border-style: solid;
  border-width: 1px 0 0;
}

.e-grid .e-ccdlg .e-cc-contentdiv {
  height: 196px;
  overflow-y: auto;
}

.e-grid .e-ccdlg .e-cc-searchdiv {
  border-style: solid;
  border-width: 0 0 2px;
  left: 4px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: -46px;
}

.e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
  float: right;
  opacity: .6;
  padding: 5px 2px;
}

.e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-cc-cancel {
  font-size: 11px;
  padding: 5px 2px 6px;
}

.e-grid .e-ccdlg .e-cc-searchdiv.e-input-focus {
  opacity: 1;
}

.e-grid .e-ccdlg .e-cc-searchdiv.e-input-focus span.e-ccsearch-icon.e-icons {
  opacity: 1;
}

.e-grid .e-ccdlg .e-innerdiv.e-ccnmdiv {
  height: 60px;
  padding: 23px;
  text-align: center;
}

.e-grid .e-ccdlg .e-checkbox-wrapper .e-label {
  text-overflow: ellipsis;
}

.e-grid .e-ccdlg .e-cc-chbox {
  margin: 3px;
  vertical-align: middle;
}

.e-grid .e-ccdlg .e-cc-lab-name {
  padding: 7px;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.e-grid .e-ccdlg .e-cc.e-input,
.e-grid .e-ccdlg .e-cc.e-input:focus {
  border: 0;
  padding-bottom: 8px;
  padding-left: 4px;
  padding-top: 4px;
}

.e-grid .e-checkboxfiltertext {
  width: 150px;
  word-break: normal;
}

.e-grid .e-frozenhdrcont .e-headercontent > .e-table,
.e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
.e-grid .e-frozenhdrcont .e-movableheader > .e-table,
.e-grid .e-frozenhdrcont .e-headercontent .e-virtualtable > .e-table {
  border-bottom: 2px solid;
}

.e-grid .e-frozenheader > .e-table,
.e-grid .e-frozencontent > .e-table,
.e-grid .e-frozenheader .e-virtualtable > .e-table,
.e-grid .e-frozencontent .e-virtualtable > .e-table {
  border-left: 0;
  border-right: 2px solid;
}

.e-grid .e-frozenheader {
  float: left;
  width: -webkit-min-content;
  width: min-content;
}

.e-grid.e-rtl .e-frozenheader > .e-table,
.e-grid.e-rtl .e-frozencontent > .e-table,
.e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
.e-grid.e-rtl .e-frozencontent .e-virtualtable > .e-table {
  border-left: 2px solid;
  border-right: 0;
}

.e-grid.e-rtl .e-frozenheader {
  float: right;
}

.e-grid.e-rtl .e-frozencontent {
  float: right;
}

.e-grid .e-movableheader {
  overflow: hidden;
}

.e-grid .e-frozenhdrcont {
  -ms-touch-action: none;
}

.e-grid .e-frozencontent {
  -ms-touch-action: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  float: left;
  height: inherit;
  overflow: hidden;
  width: -webkit-min-content;
  width: min-content;
}

.e-grid .e-movablecontent {
  height: inherit;
  overflow: scroll;
}

.e-grid .e-columnchooser::before {
  line-height: 1.9;
}

.e-grid .e-toolbar .e-ccdiv .e-columnchooser.e-cctbn-icon {
  font-size: 15px;
  vertical-align: middle;
}

.e-grid .e-toolbar .e-ccdiv {
  margin-top: -1px;
  padding: 0 10px;
}

.e-grid.e-rtl .e-tableborder {
  border-left: 1px solid;
  border-right: 0;
}

.e-grid.e-rtl .e-headercell,
.e-grid.e-rtl .e-detailheadercell {
  border-width: 0;
  text-align: right;
}

.e-grid.e-rtl .e-headercell .e-headercelldiv,
.e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
.e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
.e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
  padding: 0 0.6em 0 1.8em;
  text-align: right;
}

.e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
.e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
.e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
.e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
  float: left;
  margin: 9px 0 0 5px;
}

.e-grid.e-rtl .e-headercell .e-filterbarcell input,
.e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
  border-width: 0 0 2px 0;
}

.e-grid.e-rtl .e-headercell .e-sortfilterdiv,
.e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
  float: left;
  margin: -14px 10px;
}

.e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv,
.e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
  float: right;
  margin: -14px 3px;
}

.e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv,
.e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
  padding: 0 25px 0 .7em;
}

.e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber,
.e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
  float: right;
  margin: 6px 5px 0 0;
}

.e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
.e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
  float: left;
  margin: 9px 0 0 5px;
}

.e-grid.e-rtl .e-rowcell:first-child,
.e-grid.e-rtl .e-summarycell:first-child {
  padding-right: 21px;
}

.e-grid.e-rtl .e-rowcell:last-child,
.e-grid.e-rtl .e-summarycell:last-child {
  padding-left: 21px;
}

.e-grid.e-rtl.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
  margin: 3px 5px 0 2px;
}

.e-grid.e-rtl.e-wrap .e-gridheader .e-sortnumber {
  margin: 3px 5px 0 2px;
}

.e-grid.e-rtl.e-wrap .e-gridheader .e-sortfilterdiv {
  margin: -17px 4px;
}

.e-grid.e-rtl.e-wrap .e-gridheader .e-rightalign .e-sortfilterdiv {
  margin: -17px 5px;
}

.e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
  margin: -14px 0 0 11px;
}

.e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
  margin: -14px 0 0 11px;
}

.e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
  margin: -7px;
}

.e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
  margin: -7px;
}

.e-grid.e-rtl.e-verticallines .e-grouptopleftcell,
.e-grid.e-rtl.e-bothlines .e-grouptopleftcell,
.e-grid.e-rtl.e-hidelines .e-grouptopleftcell {
  border-top: 0;
}

.e-grid.e-rtl .e-grouptopleftcell {
  border-top: 1px solid;
}

.e-grid.e-rtl .e-grouptext {
  margin-left: 18px;
  margin-right: 0;
}

.e-grid.e-rtl .e-groupheadercell span {
  float: right;
}

.e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
  border-top: 1px solid;
}

.e-grid.e-rtl .e-rowcell {
  border-width: 1px 0 0 0;
}

.e-grid.e-rtl .e-filterbarcell,
.e-grid.e-rtl .e-filterbarcelldisabled {
  border-width: 1px 0 0;
}

.e-grid.e-rtl .e-lastrowcell {
  border-width: 1px 1px 1px 0;
}

.e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
  margin: -14px 10px;
}

.e-grid.e-rtl .e-cloneproperties {
  border-width: 1px 1px 3px;
}

.e-grid.e-rtl tr td:first-child,
.e-grid.e-rtl tr th:first-child {
  border-left-width: 0;
}

.e-grid.e-rtl.e-default.e-bothlines tr td:first-child:not(.e-summarycell),
.e-grid.e-rtl.e-default.e-bothlines tr th:first-child {
  border-left-width: 1px;
}

.e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse,
.e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
  border-left-width: 0;
}

.e-grid.e-rtl.e-default tr td:last-child,
.e-grid.e-rtl.e-default tr th:last-child {
  border-left: 0;
}

.e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
  border-left: 1px solid;
}

.e-grid.e-rtl.e-default .e-gridheader tr th:last-child {
  padding-left: 21px;
  padding-right: 21px;
}

.e-grid.e-rtl.e-default .e-gridheader tr th:first-child {
  padding-left: 21px;
  padding-right: 21px;
}

.e-grid.e-rtl.e-default th:first-child
.e-grid.e-rtl.e-default .e-headercell,
.e-grid.e-rtl.e-default .e-detailheadercell {
  border-width: 0;
}

.e-grid.e-rtl.e-default .e-rowcell {
  border-width: 1px 0 0 0;
}

.e-grid.e-rtl.e-default.e-verticallines .e-headercell,
.e-grid.e-rtl.e-default.e-verticallines .e-rowcell,
.e-grid.e-rtl.e-default.e-verticallines .e-filterbarcell,
.e-grid.e-rtl.e-default.e-verticallines .e-detailheadercell,
.e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-firstcell {
  border-width: 0 0 0 1px;
}

.e-grid.e-rtl.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
  border-left-width: 1px;
}

.e-grid.e-rtl.e-default .e-stackedheadercell,
.e-grid.e-rtl.e-default.e-horizontallines .e-stackedheadercell {
  border-width: 0 1px 1px 0;
}

.e-grid.e-rtl.e-default .e-gridheader th.e-firstcell,
.e-grid.e-rtl.e-default.e-horizontallines .e-gridheader th.e-firstcell {
  border-left-width: 0;
  border-right-width: 1px;
}

.e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-firstcell {
  border-left-width: 1px;
  border-right-width: 0;
}

.e-grid.e-rtl.e-default .e-gridheader .e-headercell.e-firstheader,
.e-grid.e-rtl.e-default.e-horizontallines .e-headercell.e-firstheader {
  border-left: 0;
}

.e-grid.e-rtl.e-default.e-hidelines .e-gridheader th.e-firstcell {
  border-left: 0;
  border-right: 0;
}

.e-grid.e-rtl.e-default .e-gridheader .e-headercell.e-firstheader,
.e-grid.e-rtl.e-default.e-horizontallines .e-gridheader .e-headercell.e-firstheader {
  border-right: 1px solid;
}

.e-grid.e-rtl.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader {
  border-right: 0;
}

.e-grid.e-rtl.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader,
.e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
  border-left: 1px solid;
}

.e-grid.e-rtl.e-default.e-verticallines .e-headercell.e-stackedheadercell {
  border-bottom: 1px solid;
}

.e-grid.e-rtl.e-default .e-detailcell,
.e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
  border-right-style: solid;
  border-right-width: 1px;
}

.e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
  float: left;
}

.e-grid.e-rtl .e-groupsort,
.e-grid.e-rtl .e-ungroupbutton,
.e-grid.e-rtl .e-toggleungroup {
  margin-left: 0;
  margin-right: 6px;
}

.e-grid.e-rtl span.e-ungroupbutton.e-icons {
  margin-left: 0;
  margin-right: 6px;
  padding-top: 0;
}

.e-grid.e-rtl.e-default.e-bothlines .e-headercell,
.e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
  border-width: 0 0 0 1px;
}

.e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell,
.e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader,
.e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop,
.e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
  border-left: 1px solid #e0e0e0;
  padding-left: 3px;
}

.e-grid.e-rtl .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
  left: 4px;
  position: relative;
}

.e-grid.e-rtl.e-default table th[rowspan] {
  border-width: 0 1px 0 0;
}

.e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
.e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
  border-left: 1px solid;
  border-right: 0;
}

.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.e-grid.e-rtl.e-bothlines .e-filterbarcell,
.e-grid.e-rtl.e-bothlines .e-filterbarcelldisabled {
  border-width: 1px 0 0 1px;
}

.e-grid.e-rtl.e-bothlines .e-rowcell,
.e-grid.e-rtl.e-bothlines .e-rowcell.e-lastrowcell {
  border-width: 1px 0 0 1px;
}

.e-grid.e-rtl.e-verticallines .e-rowcell,
.e-grid.e-rtl.e-verticallines .e-filterbarcell {
  border-width: 1px 0 0 1px;
}

.e-grid.e-rtl.e-hidelines .e-rowcell,
.e-grid.e-rtl.e-hidelines .e-headercell,
.e-grid.e-rtl.e-hidelines .e-detailheadercell,
.e-grid.e-rtl.e-hidelines .e-filterbarcell {
  border-width: 0;
}

.e-grid.e-rtl.e-horizontallines .e-rowcell {
  border-width: 1px 0 0;
}

.e-grid.e-rtl.e-horizontallines .e-filterbarcell {
  border-width: 1px 0 0;
}

.e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell {
  border-bottom-width: 1px;
}

.e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
  border-top-width: 1px;
}

.e-grid.e-rtl .e-groupheadercell .e-icons::before {
  display: inline-block;
}

.e-grid.e-rtl .e-groupheadercell .e-cancel {
  padding-left: 23px;
  padding-right: 0;
  padding-top: 2px;
}

.e-grid.e-rtl .e-groupheadercell,
.e-grid.e-rtl .e-groupheadercell:hover {
  margin-left: 10px;
  margin-right: 18px;
  padding: 0 9px 0 6px;
}

.e-grid.e-rtl .e-groupheadercell,
.e-grid.e-rtl .e-groupheadercell:hover {
  float: right;
}

.e-grid.e-rtl .e-groupdroparea {
  text-align: right;
}

.e-grid.e-rtl .e-ungroupbutton {
  float: left;
}

.e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
  border-style: solid;
  border-width: 0 0 0 1px;
}

.e-grid.e-rtl .e-defaultcell.e-ralign,
.e-grid.e-rtl .e-row .e-input.e-defaultcell.e-ralign,
.e-grid.e-rtl .e-defaultcell.e-ralign:focus,
.e-grid.e-rtl .e-editedrow .e-defaultcell.e-ralign:focus {
  padding-left: 10px;
}

.e-grid.e-rtl .e-detailindentcell {
  border-left-style: solid;
  border-left-width: 1px;
  border-right-width: 0;
}

.e-grid.e-rtl .e-filtermenudiv {
  float: left;
  margin: -18px 0 -18px -11px;
  padding: 6px;
}

.e-grid.e-wrap .e-rowcell,
.e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv,
.e-grid.e-wrap .e-columnheader .e-headercelldiv {
  height: Auto;
  line-height: 18px;
  overflow-wrap: break-word;
  text-overflow: clip;
  white-space: normal;
  word-wrap: break-word;
}

.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
  max-height: 36px;
}

.e-grid.e-wrap .e-columnheader .e-headercelldiv,
.e-grid .e-columnheader.e-wrap .e-headercelldiv {
  margin-bottom: 2px;
  margin-top: 0;
}

.e-grid.e-wrap .e-columnheader .e-filtermenudiv {
  line-height: 18px;
}

.e-grid .e-columnheader.e-wrap .e-filtermenudiv {
  line-height: 18px;
}

.e-grid .e-columnheader.e-wrap .e-headercelldiv,
.e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv,
.e-grid .e-gridcontent.e-wrap .e-rowcell,
.e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
  height: Auto;
  line-height: 18px;
  overflow-wrap: break-word;
  text-overflow: clip;
  white-space: normal;
  word-wrap: break-word;
}

.e-grid .e-stackedheadercelldiv {
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv,
.e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
  max-height: 36px;
}

.e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
.e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
  margin: -18px 10px;
}

.e-grid .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv,
.e-grid.e-wrap .e-columnheader .e-rightalign .e-sortfilterdiv {
  margin: -18px 5px;
}

.e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv,
.e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
  margin: -11px 24px;
}

.e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv,
.e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
  margin: -10px 5px;
}

.e-grid .e-columnheader.e-wrap .e-icon-group::before,
.e-grid.e-wrap .e-columnheader .e-icon-group::before {
  display: inline-block;
}

.e-grid.e-responsive .e-rowcell.e-gridclip,
.e-grid.e-responsive .e-gridclip .e-headercelldiv,
.e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
  text-overflow: clip;
}

.e-grid .e-clipboard {
  cursor: default;
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: fixed;
  resize: none;
  top: -1000px;
  width: 1px;
}

.e-grid.e-resize-lines th.e-headercell.e-stackedheadercell,
.e-grid.e-resize-lines th.e-headercell.e-firstcell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell,
.e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
  border-right: 0;
}

.e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
  border-left: 0;
}

.e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
.e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor {
  border-left: 0;
}

.e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
  border-right: 0;
}

.e-grid.sf-grid .e-gridcontent .e-content,
.e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
  overflow-y: auto;
}

.e-grid.sf-grid .e-gridcontent .e-content.e-yscroll,
.e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent.e-yscroll {
  overflow-y: scroll;
}

.e-grid.sf-grid .e-gridcontent .e-content.e-noscroll,
.e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent.e-noscroll {
  overflow-y: hidden;
}

.e-grid-min-height .e-rowcell {
  line-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.e-grid-min-height .e-gridheader .e-headercell,
.e-grid-min-height .e-gridheader .e-detailheadercell,
.e-grid-min-height .e-gridheader .e-headercell .e-headercelldiv {
  height: auto;
}

.e-grid-min-height .e-gridcontent .e-groupcaption {
  line-height: normal;
  padding: 0 .7em;
}

.e-grid-min-height .e-summarycell {
  line-height: normal;
  padding: 0 8px;
}

.e-device.e-grid-min-height .e-rowcell,
.e-device.e-grid-min-height .e-rowcell:first-child,
.e-device.e-grid-min-height .e-rowcell:last-child {
  padding-bottom: 0;
  padding-top: 0;
}

.e-bigger .e-grid.e-grid-min-height .e-rowcell,
.e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
.e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
  line-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.e-bigger .e-wrap.e-grid-min-height .e-rowcell {
  line-height: 18px;
}

.e-bigger .e-wrap.e-grid-min-height .e-frozencontent table tr td:first-child:empty,
.e-bigger .e-wrap.e-grid-min-height .e-movablecontent table tr td:first-child:empty,
.e-bigger .e-wrap.e-grid-min-height .e-frozenhdrcont table tr td:first-child:empty,
.e-bigger .e-wrap.e-grid-min-height:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty,
.e-bigger .e-wrap.e-grid-min-height:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
  height: 18px;
}

.e-rtl .e-grid .e-headercell,
.e-rtl .e-grid .e-detailheadercell,
.e-rtl .e-grid .e-headercelldiv,
.e-rtl .e-grid .e-headercelldiv.e-headerchkcelldiv {
  text-align: right;
}

.e-edit-dialog .e-gridform .e-table {
  border-collapse: separate;
  border-spacing: 11px;
  width: 100%;
}

.e-edit-dialog .e-dlg-content {
  position: relative;
}

/*! Grid theme */
.e-grid {
  border-color: #e0e0e0;
}

.e-grid .e-content {
  background-color: #fff;
}

.e-grid .e-icons {
  color: #000;
}

.e-grid .e-unboundcelldiv .e-icons {
  color: #000;
}

.e-grid .e-table {
  background-color: #fff;
}

.e-grid .e-focused:not(.e-menu-item) {
  box-shadow: 0 0 0 1px #9e9e9e inset;
}

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
  color: #212121;
}

.e-grid .e-groupdroparea .e-icons {
  color: #fff;
}

.e-grid .e-tableborder {
  border-right-color: #e0e0e0;
}

.e-grid .e-autofill {
  background-color: #e3165b;
}

.e-grid .e-autofill,
.e-grid .e-xlsel {
  border-color: #e3165b;
  z-index: 1;
}

.e-grid .e-xlsel {
  background-color: transparent;
  border-style: solid;
  pointer-events: none;
  position: absolute;
}

.e-grid .e-xlselaf {
  background-color: #e3165b;
  border-color: #e3165b;
  position: absolute;
}

.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid .e-gridcontent .e-rowcell.e-dragborder,
.e-grid .e-gridcontent .e-rowdragdrop.e-dragborder,
.e-grid .e-gridheader thead tr th.e-firstrowdragborder,
.e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
  box-shadow: 0 2px 0 0 #e3165b;
  position: relative;
  z-index: 5;
}

.e-grid .e-gridheader {
  background-color: #fff;
  border-bottom-color: #e0e0e0;
  border-top-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.e-grid .e-gridcontent tr:first-child td {
  border-top-color: transparent;
}

.e-grid th.e-headercell[aria-sort='ascending'] .e-headertext,
.e-grid th.e-headercell[aria-sort='descending'] .e-headertext,
.e-grid th.e-headercell[aria-sort='ascending'] .e-sortfilterdiv,
.e-grid th.e-headercell[aria-sort='descending'] .e-sortfilterdiv {
  color: #000;
  opacity: 1;
}

.e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell {
  border-color: #e0e0e0;
}

.e-grid.e-default.e-horizontallines .e-grouptopleftcell {
  border-color: #e0e0e0;
}

.e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell,
.e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell,
.e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell,
.e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
  border-color: #e0e0e0;
}

.e-grid.e-default .e-gridheader .e-headercell.e-firstheader,
.e-grid.e-default.e-horizontallines .e-headercell.e-firstheader {
  border-color: #e0e0e0;
}

.e-grid .e-filterbarcell input {
  border-color: #e0e0e0;
}

.e-grid .e-gridcontent {
  background-color: #fff;
}

.e-grid .e-gridfooter {
  background-color: #f6f6f6;
}

.e-grid .e-headercontent {
  border-color: #e0e0e0;
}

.e-grid .e-headercell,
.e-grid .e-detailheadercell {
  background-color: #fff;
  border-color: #e0e0e0;
}

.e-grid [aria-selected] + tr .e-detailindentcell {
  border-color: #e0e0e0;
}

.e-grid tr th.e-firstcell {
  border-left-color: #e0e0e0;
  border-right-color: #e0e0e0;
}

.e-grid .e-rowcell:not(.e-editedbatchcell),
.e-grid .e-detailrowcollapse:not(.e-editedbatchcell),
.e-grid .e-detailrowexpand:not(.e-editedbatchcell),
.e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell),
.e-grid .e-emptyrow:not(.e-editedbatchcell) {
  color: #000;
  opacity: 0.87;
}

.e-grid .e-summarycell {
  background-color: #fafafa;
  border-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.e-grid .e-summaryrow .e-summarycell,
.e-grid .e-summaryrow .e-templatecell,
.e-grid .e-summarycontent .e-indentcell,
.e-grid .e-indentcell.e-detailindentcelltop {
  background-color: #f6f6f6;
  border-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.e-grid .e-rowcell,
.e-grid .e-groupcaption,
.e-grid .e-indentcell,
.e-grid .e-recordplusexpand,
.e-grid .e-recordpluscollapse,
.e-grid .e-detailrowcollapse,
.e-grid .e-detailrowexpand,
.e-grid .e-detailindentcell,
.e-grid .e-detailcell {
  border-color: #e0e0e0;
}

.e-grid.e-default .e-grouptopleftcell {
  border-color: #e0e0e0;
}

.e-grid .e-frozenhdrcont .e-headercontent > .e-table,
.e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
.e-grid .e-frozenhdrcont .e-movableheader > .e-table,
.e-grid .e-frozenhdrcont .e-headercontent .e-virtualtable > .e-table {
  border-bottom-color: #e3165b;
}

.e-grid .e-frozencontent {
  border-bottom-color: #e0e0e0;
}

.e-grid .e-frozenheader > .e-table,
.e-grid .e-frozencontent > .e-table,
.e-grid .e-frozencontent .e-virtualtable > .e-table,
.e-grid .e-frozenheader .e-virtualtable > .e-table {
  border-right-color: #e3165b;
}

.e-grid.e-rtl .e-frozenheader > .e-table,
.e-grid.e-rtl .e-frozencontent > .e-table,
.e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
.e-grid.e-rtl .e-frozencontent .e-virtualtable > .e-table {
  border-left-color: #e3165b;
}

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
  background-color: #eee;
  color: #000;
}

.e-grid tr[role='row']:hover .e-rowdragdrop {
  cursor: move;
}

.e-grid .e-sortnumber {
  background-color: #bbbdc0;
  color: #000;
}

.e-grid.e-gridhover .e-frozenhover {
  background-color: #eee;
  color: #000;
}

.e-grid .e-col-menu.e-filter-popup {
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
}

.e-grid td.e-active .e-icon-rowdragicon::before {
  color: #000;
}

.e-grid td.e-active {
  background: #e0e0e0;
  color: #000;
}

.e-grid td.e-cellselectionbackground {
  background: #e0e0e0;
  color: #000;
}

.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled {
  background-color: #fff;
  background-image: none;
  border-color: #e0e0e0;
}

.e-grid .e-filtered::before {
  color: #e3165b;
}

.e-grid .e-gridpopup .e-content {
  background-color: #fff;
  border-color: #e0e0e0;
}

.e-grid .e-gridpopup span:hover,
.e-grid .e-gridpopup .e-spanclicked {
  border-color: #000;
}

.e-grid .e-gridpopup .e-downtail::before,
.e-grid .e-gridpopup .e-downtail {
  border-top-color: #e0e0e0;
}

.e-grid .e-gridpopup .e-downtail::after {
  border-top-color: #fff;
}

.e-grid .e-gridpopup .e-uptail::before,
.e-grid .e-gridpopup .e-uptail {
  border-bottom-color: #e0e0e0;
}

.e-grid .e-gridpopup .e-uptail::after {
  border-bottom-color: #fff;
}

.e-grid .e-cloneproperties {
  background-color: #eee;
  border-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.e-grid .e-rhelper {
  background-color: #000;
  cursor: col-resize;
  opacity: 0.87;
}

.e-grid.e-device .e-rcursor::before {
  border-right-color: #000;
  opacity: 0.87;
}

.e-grid.e-device .e-rcursor::after {
  border-left-color: #000;
  opacity: 0.87;
}

.e-grid.e-resize-lines .e-headercell .e-rhandler,
.e-grid.e-resize-lines .e-headercell .e-rsuppress {
  border-right: 1px solid #e0e0e0;
}

.e-grid.e-resize-lines .e-focused .e-rhandler {
  border: 0 none;
}

.e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.e-grid.e-rtl.e-resize-lines .e-headercell.e-stackedheadercell,
.e-grid.e-rtl.e-resize-lines .e-headercell .e-rhandler,
.e-grid.e-rtl.e-resize-lines .e-headercell .e-rsuppress {
  border-left: 1px solid #e0e0e0;
  border-right-width: 0;
}

.e-grid.e-resize-lines .e-filterbarcell,
.e-grid.e-rtl.e-resize-lines .e-filterbarcell {
  border-top: 1px solid #e0e0e0;
}

.e-grid .e-cloneproperties.e-draganddrop {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
  opacity: .95;
  overflow: visible;
}

.e-grid .e-row .e-dragstartrow::before,
.e-grid .e-row .e-selectionbackground .e-dragstartrow::before {
  color: #e3165b;
}

.e-grid .e-griddragarea {
  background-color: #eee;
  border-color: #eee;
  color: #000;
}

.e-grid .e-groupdroparea {
  background-color: #e8eaf6;
  border-top-color: #e0e0e0;
  color: #000;
}

.e-grid .e-groupdroparea.e-hover {
  background-color: #c5cae9;
}

.e-grid .e-groupdroparea.e-grouped {
  background-color: #7986cb;
}

.e-grid .e-groupheadercell {
  background-color: #3f51b5;
  border-color: #e0e0e0;
  border-radius: 12px;
  color: #fff;
}

.e-grid .e-groupheadercell:hover {
  background-color: #3f51b5;
  border-color: #000;
}

.e-grid .e-ungroupbutton:hover {
  color: #fff;
  opacity: 1;
}

.e-grid .e-ungroupbutton {
  opacity: 0.7;
}

.e-grid .e-groupcaption,
.e-grid .e-indentcell,
.e-grid .e-recordplusexpand,
.e-grid .e-recordpluscollapse {
  background-color: #fafafa;
  color: #000;
}

.e-grid .e-grouptopleftcell {
  background-color: #fff;
  border-color: #e0e0e0;
}

.e-grid .e-stackedheadercell {
  border-bottom-color: #e0e0e0;
}

.e-grid .e-verticallines tr th {
  border-color: #e0e0e0;
}

.e-grid td.e-updatedtd {
  background-color: #d7f9c7;
  color: #000;
}

.e-grid .e-gridcontent .e-normaledit .e-rowcell {
  border-top-color: #e0e0e0;
}

.e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
.e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
  border-top: 1px solid #e0e0e0;
}

.e-grid .e-ccdlg .e-footer-content {
  border-color: rgba(0, 0, 0, 0.12);
  opacity: 1;
}

.e-grid .e-ccdlg .e-cc-searchdiv {
  border-color: #212121;
}

.e-grid .e-ccdlg .e-cc-searchdiv.e-input-focus {
  border-color: #ff4081;
}

.e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
  color: #000;
}

.e-grid .e-cloneproperties.e-draganddrop table,
.e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
  background-color: #fff;
  height: 30px;
}

.e-grid.e-rtl .e-verticallines tr th:first-child:not(.e-firstcell) {
  border-color: #e0e0e0;
}

.e-grid.e-rtl.e-default .e-gridheader .e-headercell.e-firstheader,
.e-grid.e-rtl.e-default.e-horizontallines .e-headercell.e-firstheader,
.e-grid.e-rtl.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader,
.e-grid.e-rtl.e-default.e-verticallines .e-headercell.e-stackedheadercell,
.e-grid.e-rtl.e-default.e-verticallines tr th:last-child,
.e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell,
.e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell,
.e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
.e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
  border-color: #e0e0e0;
}

.e-grid.e-rtl .e-tableborder {
  border-left-color: #e0e0e0;
}

.e-grid.e-rtl .e-filterbardropdown {
  margin-left: 15px;
}

.e-grid.sf-grid .e-gridfooter .e-summarycontent {
  border-right: 0 #e0e0e0 solid;
}

.e-tooltip-wrap.e-griderror,
.e-control.e-tooltip-wrap.e-popup.e-griderror {
  background-color: #fcdbe4;
  border-color: #fcdbe4;
}

.e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-top,
.e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-top {
  border-bottom: 8px solid #fcdbe4;
  color: #fcdbe4;
}

.e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-bottom,
.e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-bottom {
  border-top: 8px solid #fcdbe4;
  color: #fcdbe4;
}

.e-tooltip-wrap.e-griderror .e-tip-content,
.e-tooltip-wrap.e-griderror .e-tip-content label {
  color: #f44336;
}

.e-dropitemscount {
  background-color: #e3165b;
  color: #fff;
}

.e-filterbaroperator.e-dropdownlist {
  position: absolute;
}

.e-filterbardropdown:not(.e-rtl) {
  margin-right: 15px;
}

.e-dropdown-btn .e-caret::before,
.e-dropdown-btn.e-btn .e-caret::before {
  content: '\E969';
}

/*! drop-down button layout */
.e-dropdown-btn,
.e-dropdown-btn.e-btn {
  box-shadow: none;
  text-transform: none;
  white-space: normal;
}

.e-dropdown-btn:hover, .e-dropdown-btn:focus,
.e-dropdown-btn.e-btn:hover,
.e-dropdown-btn.e-btn:focus {
  box-shadow: none;
}

.e-dropdown-btn:active,
.e-dropdown-btn.e-btn:active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.e-dropdown-btn .e-btn-icon,
.e-dropdown-btn.e-btn .e-btn-icon {
  font-size: 14px;
}

.e-dropdown-btn .e-caret,
.e-dropdown-btn.e-btn .e-caret {
  font-size: 8px;
}

.e-dropdown-btn.e-vertical,
.e-dropdown-btn.e-btn.e-vertical {
  line-height: 1;
  padding: 12px 12px;
}

.e-dropdown-btn.e-caret-hide .e-caret,
.e-dropdown-btn.e-btn.e-caret-hide .e-caret {
  display: none;
}

.e-dropdown-btn.e-small .e-dropdown-btn.e-small, .e-dropdown-btn.e-small .e-dropdown-btn.e-btn.e-small.e-dropdown-popup ul,
.e-dropdown-btn.e-btn.e-small .e-dropdown-btn.e-small,
.e-dropdown-btn.e-btn.e-small .e-dropdown-btn.e-btn.e-small.e-dropdown-popup ul {
  padding: 8px 0;
}

.e-dropdown-btn.e-small .e-dropdown-btn.e-small .e-item, .e-dropdown-btn.e-small .e-dropdown-btn.e-btn.e-small.e-dropdown-popup ul .e-item,
.e-dropdown-btn.e-btn.e-small .e-dropdown-btn.e-small .e-item,
.e-dropdown-btn.e-btn.e-small .e-dropdown-btn.e-btn.e-small.e-dropdown-popup ul .e-item {
  padding: 0 16px;
}

.e-dropdown-btn.e-small.e-vertical,
.e-dropdown-btn.e-btn.e-small.e-vertical {
  line-height: 1;
  padding: 12px 12px;
}

.e-bigger .e-dropdown-btn .e-btn-icon,
.e-bigger.e-dropdown-btn .e-btn-icon {
  font-size: 16px;
}

.e-bigger .e-dropdown-btn .e-caret,
.e-bigger.e-dropdown-btn .e-caret {
  font-size: 10px;
}

.e-bigger .e-dropdown-btn.e-vertical,
.e-bigger.e-dropdown-btn.e-vertical {
  line-height: 1;
  padding: 16px 16px;
}

.e-bigger .e-dropdown-btn.e-small.e-vertical,
.e-bigger.e-dropdown-btn.e-small.e-vertical {
  line-height: 1;
  padding: 16px 16px;
}

.e-dropdown-popup {
  position: absolute;
}

.e-dropdown-popup ul {
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  min-width: 120px;
  overflow: hidden;
  padding: 8px 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
}

.e-dropdown-popup ul .e-item {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
}

.e-dropdown-popup ul .e-item.e-url {
  padding: 0;
}

.e-dropdown-popup ul .e-item .e-menu-url {
  display: block;
  padding: 0 16px;
  text-decoration: none;
  width: 100%;
}

.e-dropdown-popup ul .e-item .e-menu-icon {
  float: left;
  font-size: 14px;
  line-height: 36px;
  margin-right: 10px;
  vertical-align: middle;
  width: 1em;
}

.e-dropdown-popup ul .e-item.e-disabled {
  cursor: auto;
  pointer-events: none;
}

.e-dropdown-popup ul .e-item.e-separator {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  cursor: auto;
  height: auto;
  line-height: normal;
  margin: 8px 0;
  pointer-events: none;
}

.e-dropdown-popup.e-transparent {
  background: transparent;
  box-shadow: none;
}

.e-dropdown-popup.e-transparent .e-dropdown-menu {
  border: 0;
  height: 1px;
  min-width: 0;
  padding: 0;
  width: 1px;
}

.e-rtl.e-dropdown-popup .e-item .e-menu-icon {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}

.e-bigger .e-dropdown-popup ul,
.e-bigger.e-dropdown-popup ul {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  font-size: 15px;
  max-width: 280px;
  min-width: 112px;
  padding: 8px 0;
}

.e-bigger .e-dropdown-popup ul .e-item,
.e-bigger.e-dropdown-popup ul .e-item {
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
}

.e-bigger .e-dropdown-popup ul .e-item.e-url,
.e-bigger.e-dropdown-popup ul .e-item.e-url {
  padding: 0;
}

.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
  font-size: 16px;
  line-height: 48px;
}

.e-bigger .e-dropdown-popup ul .e-item.e-separator,
.e-bigger.e-dropdown-popup ul .e-item.e-separator {
  height: auto;
  line-height: normal;
}

/*! drop-down button theme */
.e-dropdown-popup {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}

.e-dropdown-popup ul .e-item .e-menu-url {
  color: rgba(0, 0, 0, 0.87);
}

.e-dropdown-popup ul .e-item .e-menu-icon {
  color: rgba(0, 0, 0, 0.87);
}

.e-dropdown-popup ul .e-item.e-focused {
  background-color: #e0e0e0;
  box-shadow: none;
}

.e-dropdown-popup ul .e-item:hover {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
  background-color: #bdbdbd;
  color: rgba(0, 0, 0, 0.87);
}

.e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
  color: rgba(0, 0, 0, 0.87);
}

.e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
  color: rgba(0, 0, 0, 0.87);
}

.e-dropdown-popup ul .e-separator {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

/*! splitbutton layout */
.e-split-btn-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  width: -webkit-min-content;
  width: min-content;
}

.e-split-btn-wrapper .e-split-btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  text-transform: none;
  z-index: 1;
  padding-left: 10px;
  padding-right: 4px;
}

.e-split-btn-wrapper .e-split-btn:focus {
  outline-offset: 0;
}

.e-split-btn-wrapper .e-split-btn:hover, .e-split-btn-wrapper .e-split-btn:focus {
  box-shadow: none;
}

.e-split-btn-wrapper .e-split-btn:active {
  box-shadow: none;
  z-index: 2;
}

.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
  padding-bottom: 10px;
  padding-top: 10px;
}

.e-split-btn-wrapper .e-split-btn .e-btn-icon {
  font-size: 14px;
  margin-left: 0;
  padding-right: 8px;
  width: auto;
}

.e-split-btn-wrapper .e-split-btn .e-icon-top {
  padding-bottom: 4px;
  padding-right: 0;
}

.e-split-btn-wrapper .e-split-btn.e-icon-btn {
  padding-left: 6px;
  padding-right: 6px;
}

.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
  padding-right: 0;
}

.e-split-btn-wrapper .e-dropdown-btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
  padding-left: 4px;
  padding-right: 4px;
}

.e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
  box-shadow: none;
}

.e-split-btn-wrapper .e-dropdown-btn:active {
  box-shadow: none;
  z-index: 0;
}

.e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
  z-index: 0;
}

.e-split-btn-wrapper .e-dropdown-btn:focus {
  outline-offset: 0;
}

.e-split-btn-wrapper .e-btn {
  box-shadow: none;
}

.e-split-btn-wrapper .e-btn:hover, .e-split-btn-wrapper .e-btn:focus {
  box-shadow: none;
}

.e-split-btn-wrapper .e-btn:active {
  box-shadow: none;
}

.e-split-btn-wrapper .e-btn:disabled {
  box-shadow: none;
}

.e-split-btn-wrapper.e-rtl .e-split-btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  margin-left: 0;
  padding-left: 4px;
  padding-right: 10px;
}

.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
  margin-right: 0;
  padding-left: 8px;
  padding-right: 0;
}

.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
  padding-left: 0;
}

.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
  padding-left: 6px;
  padding-right: 6px;
}

.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
  padding-left: 0;
}

.e-split-btn-wrapper.e-rtl .e-dropdown-btn {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  margin-left: 0;
}

.e-split-btn-wrapper.e-vertical {
  display: inline-block;
}

.e-split-btn-wrapper.e-vertical .e-split-btn,
.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
  display: block;
  width: 100%;
}

.e-split-btn-wrapper.e-vertical .e-split-btn {
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  line-height: 1;
  padding-bottom: 4px;
  padding-right: 10px;
}

.e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
  padding-bottom: 4px;
}

.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
  border-bottom-left-radius: 2px;
  border-top-right-radius: 0;
  line-height: 0.417em;
  margin-left: 0;
  margin-top: 0;
  padding-bottom: 4px;
  padding-top: 4px;
}

.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
  padding-top: 0;
}

.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  margin-left: 0;
}

.e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
}

.e-bigger .e-split-btn-wrapper .e-split-btn,
.e-bigger.e-split-btn-wrapper .e-split-btn {
  padding-left: 12px;
  padding-right: 6px;
}

.e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
.e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
  padding-bottom: 12px;
  padding-top: 12px;
}

.e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
.e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
  font-size: 16px;
  margin-left: 0;
  padding-right: 10px;
  width: auto;
}

.e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
.e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
  padding-bottom: 6px;
  padding-right: 0;
}

.e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
.e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
  padding-left: 9px;
  padding-right: 9px;
}

.e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
.e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
  padding-right: 0;
}

.e-bigger .e-split-btn-wrapper .e-dropdown-btn,
.e-bigger.e-split-btn-wrapper .e-dropdown-btn {
  padding-left: 4px;
  padding-right: 4px;
}

.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
  padding-left: 6px;
  padding-right: 12px;
}

.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
  padding-left: 10px;
  padding-right: 0;
}

.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
  padding-left: 0;
}

.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
  padding-left: 9px;
  padding-right: 9px;
}

.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
  padding-left: 0;
}

.e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
.e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
  padding-bottom: 6px;
  padding-right: 12px;
}

.e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
.e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
  padding-bottom: 4px;
  padding-top: 4px;
}

.e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
.e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
  padding-top: 0;
}

/*! splitbutton theme */
.e-split-btn-wrapper .e-split-btn {
  border-right-color: transparent;
}

.e-split-btn-wrapper .e-split-btn:focus {
  border-right-color: transparent;
}

.e-split-btn-wrapper .e-split-btn:active {
  border-right-color: transparent;
}

.e-split-btn-wrapper .e-split-btn:disabled {
  border-right-color: rgba(0, 0, 0, 0.12);
}

.e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
  border-right-color: transparent;
}

.e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
  border-right-color: transparent;
}

.e-split-btn-wrapper.e-rtl .e-split-btn {
  border-color: transparent;
}

.e-split-btn-wrapper.e-rtl .e-split-btn:focus {
  border-color: transparent;
}

.e-split-btn-wrapper.e-rtl .e-split-btn:active {
  border-color: transparent;
}

.e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
  border-left-color: transparent;
  border-right-color: transparent;
}

.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
  border-left-color: transparent;
  border-right-color: transparent;
}

.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
  border-left-color: transparent;
}

.e-split-btn-wrapper.e-vertical .e-split-btn {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.e-split-btn-wrapper.e-vertical .e-split-btn:focus {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.e-split-btn-wrapper.e-vertical .e-split-btn:active {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.e-split-btn-wrapper.e-vertical:hover .e-split-btn {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
  border-bottom-color: transparent;
}

.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
  border-left-color: transparent;
}

.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
  border-left-color: transparent;
}

.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
  border-left-color: transparent;
}

.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
  border-left-color: transparent;
}

.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
  border-left-color: transparent;
}

.e-btn-group,
.e-css.e-btn-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 2px;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
}

.e-btn-group input:focus + label.e-btn,
.e-btn-group .e-btn:focus,
.e-btn-group .e-btn:hover,
.e-css.e-btn-group input:focus + label.e-btn,
.e-css.e-btn-group .e-btn:focus,
.e-css.e-btn-group .e-btn:hover {
  z-index: 2;
}

.e-btn-group input + label.e-btn,
.e-css.e-btn-group input + label.e-btn {
  margin-bottom: 0;
}

.e-btn-group input,
.e-css.e-btn-group input {
  -moz-appearance: none;
  height: 1px;
  margin: 0 0 0 -1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}

.e-btn-group input:disabled + label.e-btn,
.e-btn-group :disabled,
.e-css.e-btn-group input:disabled + label.e-btn,
.e-css.e-btn-group :disabled {
  cursor: default;
  pointer-events: none;
}

.e-btn-group .e-btn-icon,
.e-css.e-btn-group .e-btn-icon {
  font-size: 14px;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
  margin-left: 0;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
  border-radius: 0;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group.e-rtl .e-btn,
.e-css.e-btn-group.e-rtl .e-btn {
  margin-left: 0;
}

.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
  border-radius: 0;
}

.e-btn-group.e-rtl .e-btn:first-of-type,
.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group.e-rtl .e-btn:last-of-type,
.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group.e-vertical,
.e-css.e-btn-group.e-vertical {
  -ms-flex-direction: column;
      flex-direction: column;
}

.e-btn-group.e-vertical input,
.e-css.e-btn-group.e-vertical input {
  margin: -1px 0 0;
}

.e-btn-group.e-vertical .e-btn:not(.e-outline),
.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
  margin-top: -1px;
}

.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
  border-radius: 0;
}

.e-btn-group.e-vertical .e-btn:first-of-type,
.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.e-btn-group.e-vertical .e-btn:last-of-type,
.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
  border-radius: 20px;
}

.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}

.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}

.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}

.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}

.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
  border-radius: 20px;
}

.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}

.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}

.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.e-bigger .e-btn-group .e-btn-icon,
.e-bigger.e-btn-group .e-btn-icon,
.e-bigger .e-css.e-btn-group .e-btn-icon,
.e-bigger.e-css.e-btn-group .e-btn-icon {
  font-size: 16px;
}

.e-btn-group:not(.e-outline),
.e-css.e-btn-group:not(.e-outline) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.e-btn-group .e-btn,
.e-css.e-btn-group .e-btn {
  box-shadow: none;
}

.e-btn-group .e-btn:hover,
.e-css.e-btn-group .e-btn:hover {
  box-shadow: none;
}

.e-btn-group .e-btn:focus,
.e-btn-group input:focus + label.e-btn,
.e-css.e-btn-group .e-btn:focus,
.e-css.e-btn-group input:focus + label.e-btn {
  background-color: rgba(0, 0, 0, 0.18);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  outline: #fafafa 0 solid;
  outline-offset: 0;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: none;
  outline-color: inherit;
}

.e-btn-group .e-btn:focus.e-primary,
.e-btn-group input:focus + label.e-btn.e-primary,
.e-css.e-btn-group .e-btn:focus.e-primary,
.e-css.e-btn-group input:focus + label.e-btn.e-primary {
  background-color: #ea4e82;
  border-color: transparent;
  color: #fff;
  outline: #fafafa 0 solid;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: none;
  outline-color: inherit;
}

.e-btn-group .e-btn:focus.e-success,
.e-btn-group input:focus + label.e-btn.e-success,
.e-css.e-btn-group .e-btn:focus.e-success,
.e-css.e-btn-group input:focus + label.e-btn.e-success {
  background-color: #78a253;
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: none;
  outline-color: inherit;
}

.e-btn-group .e-btn:focus.e-info,
.e-btn-group input:focus + label.e-btn.e-info,
.e-css.e-btn-group .e-btn:focus.e-info,
.e-css.e-btn-group input:focus + label.e-btn.e-info {
  background-color: #3f98df;
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: none;
  outline-color: inherit;
}

.e-btn-group .e-btn:focus.e-warning,
.e-btn-group input:focus + label.e-btn.e-warning,
.e-css.e-btn-group .e-btn:focus.e-warning,
.e-css.e-btn-group input:focus + label.e-btn.e-warning {
  background-color: #d07f3d;
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: none;
  outline-color: inherit;
}

.e-btn-group .e-btn:focus.e-danger,
.e-btn-group input:focus + label.e-btn.e-danger,
.e-css.e-btn-group .e-btn:focus.e-danger,
.e-css.e-btn-group input:focus + label.e-btn.e-danger {
  background-color: #e06f4c;
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: none;
  outline-color: inherit;
}

.e-btn-group .e-btn:focus.e-link,
.e-btn-group input:focus + label.e-btn.e-link,
.e-css.e-btn-group .e-btn:focus.e-link,
.e-css.e-btn-group input:focus + label.e-btn.e-link {
  border-radius: 0;
  text-decoration: underline;
  color: #0a3576;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.e-btn-group .e-btn:focus.e-outline,
.e-btn-group input:focus + label.e-btn.e-outline,
.e-css.e-btn-group .e-btn:focus.e-outline,
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
  background-color: rgba(0, 0, 0, 0.24);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.e-btn-group .e-btn:focus.e-outline.e-primary,
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
  background-color: #ea4e82;
  border-color: transparent;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:focus.e-outline.e-success,
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
  background-color: #78a253;
  border-color: transparent;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:focus.e-outline.e-info,
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
  background-color: #2188da;
  border-color: transparent;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:focus.e-outline.e-warning,
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
  background-color: #c86b1f;
  border-color: transparent;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:focus.e-outline.e-danger,
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
  background-color: #db582f;
  border-color: transparent;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:active,
.e-btn-group input:active + label.e-btn,
.e-btn-group input:checked + label.e-btn,
.e-css.e-btn-group .e-btn:active,
.e-css.e-btn-group input:active + label.e-btn,
.e-css.e-btn-group input:checked + label.e-btn {
  background-color: rgba(184, 184, 184, 0.9584);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  outline: #fafafa 0 solid;
  outline-offset: 0;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-primary,
.e-btn-group input:active + label.e-btn.e-primary,
.e-btn-group input:checked + label.e-btn.e-primary,
.e-css.e-btn-group .e-btn:active.e-primary,
.e-css.e-btn-group input:active + label.e-btn.e-primary,
.e-css.e-btn-group input:checked + label.e-btn.e-primary {
  background-color: #ec618f;
  border-color: transparent;
  color: #fff;
  outline: #fafafa 0 solid;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-success,
.e-btn-group input:active + label.e-btn.e-success,
.e-btn-group input:checked + label.e-btn.e-success,
.e-css.e-btn-group .e-btn:active.e-success,
.e-css.e-btn-group input:active + label.e-btn.e-success,
.e-css.e-btn-group input:checked + label.e-btn.e-success {
  background-color: #86ab65;
  border-color: transparent;
  color: #fff;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-info,
.e-btn-group input:active + label.e-btn.e-info,
.e-btn-group input:checked + label.e-btn.e-info,
.e-css.e-btn-group .e-btn:active.e-info,
.e-css.e-btn-group input:active + label.e-btn.e-info,
.e-css.e-btn-group input:checked + label.e-btn.e-info {
  background-color: #54a3e2;
  border-color: transparent;
  color: #fff;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-warning,
.e-btn-group input:active + label.e-btn.e-warning,
.e-btn-group input:checked + label.e-btn.e-warning,
.e-css.e-btn-group .e-btn:active.e-warning,
.e-css.e-btn-group input:active + label.e-btn.e-warning,
.e-css.e-btn-group input:checked + label.e-btn.e-warning {
  background-color: #d58d52;
  border-color: transparent;
  color: #fff;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-danger,
.e-btn-group input:active + label.e-btn.e-danger,
.e-btn-group input:checked + label.e-btn.e-danger,
.e-css.e-btn-group .e-btn:active.e-danger,
.e-css.e-btn-group input:active + label.e-btn.e-danger,
.e-css.e-btn-group input:checked + label.e-btn.e-danger {
  background-color: #e37e5f;
  border-color: transparent;
  color: #fff;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-outline,
.e-btn-group input:active + label.e-btn.e-outline,
.e-btn-group input:checked + label.e-btn.e-outline,
.e-css.e-btn-group .e-btn:active.e-outline,
.e-css.e-btn-group input:active + label.e-btn.e-outline,
.e-css.e-btn-group input:checked + label.e-btn.e-outline {
  background-color: rgba(0, 0, 0, 0.32);
  border-color: #adadad;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-outline.e-primary,
.e-btn-group input:active + label.e-btn.e-outline.e-primary,
.e-btn-group input:checked + label.e-btn.e-outline.e-primary,
.e-css.e-btn-group .e-btn:active.e-outline.e-primary,
.e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
  background-color: #ec618f;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-outline.e-success,
.e-btn-group input:active + label.e-btn.e-outline.e-success,
.e-btn-group input:checked + label.e-btn.e-outline.e-success,
.e-css.e-btn-group .e-btn:active.e-outline.e-success,
.e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
  background-color: #86ab65;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-outline.e-info,
.e-btn-group input:active + label.e-btn.e-outline.e-info,
.e-btn-group input:checked + label.e-btn.e-outline.e-info,
.e-css.e-btn-group .e-btn:active.e-outline.e-info,
.e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
  background-color: #54a3e2;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-outline.e-warning,
.e-btn-group input:active + label.e-btn.e-outline.e-warning,
.e-btn-group input:checked + label.e-btn.e-outline.e-warning,
.e-css.e-btn-group .e-btn:active.e-outline.e-warning,
.e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
  background-color: #d58d52;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:active.e-outline.e-danger,
.e-btn-group input:active + label.e-btn.e-outline.e-danger,
.e-btn-group input:checked + label.e-btn.e-outline.e-danger,
.e-css.e-btn-group .e-btn:active.e-outline.e-danger,
.e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
  background-color: #e37e5f;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
  box-shadow: none;
}

.e-btn-group .e-btn:disabled,
.e-btn-group input:disabled + label.e-btn,
.e-css.e-btn-group .e-btn:disabled,
.e-css.e-btn-group input:disabled + label.e-btn {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: transparent;
}

.e-btn-group .e-btn:disabled.e-primary,
.e-btn-group input:disabled + label.e-btn.e-primary,
.e-css.e-btn-group .e-btn:disabled.e-primary,
.e-css.e-btn-group input:disabled + label.e-btn.e-primary {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: transparent;
}

.e-btn-group .e-btn:disabled.e-success,
.e-btn-group input:disabled + label.e-btn.e-success,
.e-css.e-btn-group .e-btn:disabled.e-success,
.e-css.e-btn-group input:disabled + label.e-btn.e-success {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: transparent;
}

.e-btn-group .e-btn:disabled.e-info,
.e-btn-group input:disabled + label.e-btn.e-info,
.e-css.e-btn-group .e-btn:disabled.e-info,
.e-css.e-btn-group input:disabled + label.e-btn.e-info {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: transparent;
}

.e-btn-group .e-btn:disabled.e-warning,
.e-btn-group input:disabled + label.e-btn.e-warning,
.e-css.e-btn-group .e-btn:disabled.e-warning,
.e-css.e-btn-group input:disabled + label.e-btn.e-warning {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: transparent;
}

.e-btn-group .e-btn:disabled.e-danger,
.e-btn-group input:disabled + label.e-btn.e-danger,
.e-css.e-btn-group .e-btn:disabled.e-danger,
.e-css.e-btn-group input:disabled + label.e-btn.e-danger {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: transparent;
}

.e-btn-group .e-btn:disabled.e-link,
.e-btn-group input:disabled + label.e-btn.e-link,
.e-css.e-btn-group .e-btn:disabled.e-link,
.e-css.e-btn-group input:disabled + label.e-btn.e-link {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
  box-shadow: none;
  text-decoration: none;
  border-color: transparent;
}

.e-btn-group .e-btn:disabled.e-outline,
.e-btn-group input:disabled + label.e-btn.e-outline,
.e-css.e-btn-group .e-btn:disabled.e-outline,
.e-css.e-btn-group input:disabled + label.e-btn.e-outline {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: #adadad;
}

.e-btn-group .e-btn:disabled.e-outline.e-primary,
.e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
.e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: #e3165b;
}

.e-btn-group .e-btn:disabled.e-outline.e-success,
.e-btn-group input:disabled + label.e-btn.e-outline.e-success,
.e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: #4d841d;
}

.e-btn-group .e-btn:disabled.e-outline.e-info,
.e-btn-group input:disabled + label.e-btn.e-outline.e-info,
.e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: #0378d5;
}

.e-btn-group .e-btn:disabled.e-outline.e-warning,
.e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
.e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: #c15700;
}

.e-btn-group .e-btn:disabled.e-outline.e-danger,
.e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
.e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.26);
  border-color: #d64113;
}

.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
  border-left: transparent;
  border-right: transparent;
}

.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
  border-right: transparent;
}

.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
  border-left: transparent;
}

.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
.e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
.e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
  border-bottom: transparent;
  border-top: transparent;
}

.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
.e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
  border-bottom: transparent;
}

.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
.e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
  border-top: transparent;
}

.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
.e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
.e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
.e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
.e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
.e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
.e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
.e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
.e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
.e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
.e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
.e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
.e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
  border-color: inherit;
  outline-color: inherit;
}

.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
  border-left: transparent;
  border-right: transparent;
}

.e-btn-group.e-rtl .e-btn:first-of-type,
.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
  border-left: transparent;
}

.e-btn-group.e-rtl .e-btn:last-of-type,
.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
  border-right: transparent;
}

@keyframes material-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fabric-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*! Progress Button Layout */
.e-progress-btn {
  position: relative;
}

.e-progress-btn .e-progress {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .3s linear;
}

.e-progress-btn .e-spinner {
  transition: all 0.3s linear;
}

.e-progress-btn .e-btn-content {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.e-progress-btn.e-vertical .e-progress {
  bottom: 0;
  height: 0%;
  top: auto;
  width: 100%;
}

.e-progress-btn.e-progress-top .e-progress {
  height: 10%;
}

.e-progress-btn.e-progress-bottom .e-progress {
  bottom: -1px;
  height: 10%;
  top: auto;
}

.e-progress-btn.e-progress-active {
  overflow: hidden;
}

.e-progress-btn.e-progress-active .e-progress {
  opacity: 1;
}

.e-progress-btn.e-progress-active .e-animate-end {
  opacity: 0;
}

.e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
  transition: padding .3s linear;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner, .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-btn-content,
.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
  display: block;
  line-height: 1;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
  padding-right: 12px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner .e-spinner-inner {
  top: -1px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
  padding-left: 12px;
  padding-right: 0;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
  padding-left: 12px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner .e-spinner-inner {
  top: -1px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
  padding-left: 0;
  padding-right: 12px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
  padding-bottom: 16px;
  padding-top: 16px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
  padding-bottom: 12px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
  padding-bottom: 16px;
  padding-top: 16px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
  padding-top: 12px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
  padding-right: 10px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
  padding-left: 10px;
  padding-right: 0;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
  padding-left: 10px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
  padding-left: 0;
  padding-right: 10px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
  padding-bottom: 14px;
  padding-top: 14px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
  padding-bottom: 10px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
  padding-bottom: 14px;
  padding-top: 14px;
}

.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
  padding-top: 10px;
}

.e-progress-btn.e-round-corner {
  border-radius: 5em;
  outline: none;
  overflow: hidden;
}

.e-progress-btn.e-rtl .e-progress {
  left: auto;
  right: 0;
}

.e-progress-btn.e-rtl.e-vertical .e-progress {
  bottom: auto;
  top: 0;
}

.e-progress-btn .e-spinner-pane {
  height: auto;
  position: relative;
  width: auto;
}

.e-progress-btn .e-spinner-pane .e-spinner-inner {
  left: auto;
  position: relative;
  top: auto;
  transform: none;
}

.e-progress-btn .e-cont-animate {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@keyframes ProgressSlideLeft {
  from {
    left: 0%;
    opacity: 1;
  }
  to {
    left: -100%;
    opacity: 0;
  }
}

@keyframes ProgressSlideRight {
  from {
    left: 0%;
    opacity: 1;
  }
  to {
    left: 100%;
    opacity: 0;
  }
}

@keyframes ProgressSlideUp {
  from {
    height: auto;
    opacity: 1;
    top: 0;
  }
  to {
    height: auto;
    opacity: 0;
    top: -100px;
  }
}

@keyframes ProgressSlideDown {
  from {
    height: auto;
    opacity: 1;
    top: 0;
  }
  to {
    height: auto;
    opacity: 0;
    top: 100px;
  }
}

@keyframes ProgressZoomIn {
  from {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(0, 0) scale(3);
  }
}

@keyframes ProgressZoomOut {
  from {
    transform: translate(0, 0) scale(1);
  }
  to {
    transform: translate(0, 0) scale(0);
  }
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
  padding-right: 14px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
  padding-left: 14px;
  padding-right: 0;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
  padding-left: 14px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
  padding-left: 0;
  padding-right: 14px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
  padding-bottom: 20px;
  padding-top: 20px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
  padding-bottom: 14px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
  padding-bottom: 20px;
  padding-top: 20px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
  padding-top: 14px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
  padding-right: 12px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
  padding-left: 12px;
  padding-right: 0;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
  padding-left: 12px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
  padding-left: 0;
  padding-right: 12px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
  padding-bottom: 16px;
  padding-top: 16px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
  padding-bottom: 12px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
  padding-bottom: 16px;
  padding-top: 16px;
}

.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner,
.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
  padding-top: 12px;
}

/*! Progress Button Theme */
.e-progress-btn .e-spinner-pane .e-spinner-inner svg {
  fill: rgba(0, 0, 0, 0.87);
  stroke: rgba(0, 0, 0, 0.87);
}

.e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: rgba(0, 0, 0, 0.87);
}

.e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: rgba(0, 0, 0, 0.87);
}

.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
  fill: #fff;
  stroke: #fff;
}

.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: white;
}

.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #fff;
}

.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
  fill: #e3165b;
  stroke: #e3165b;
}

.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #e3165b;
}

.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #e3165b;
}

.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
  fill: #fff;
  stroke: #fff;
}

.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: white;
}

.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #fff;
}

.e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
  fill: #4d841d;
  stroke: #4d841d;
}

.e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #4d841d;
}

.e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #4d841d;
}

.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
  fill: #fff;
  stroke: #fff;
}

.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: white;
}

.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #fff;
}

.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
  fill: #0378d5;
  stroke: #0378d5;
}

.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #0378d5;
}

.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #0378d5;
}

.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
  fill: #fff;
  stroke: #fff;
}

.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: white;
}

.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #fff;
}

.e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
  fill: #c15700;
  stroke: #c15700;
}

.e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #c15700;
}

.e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #c15700;
}

.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
  fill: #fff;
  stroke: #fff;
}

.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: white;
}

.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #fff;
}

.e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
  fill: #d64113;
  stroke: #d64113;
}

.e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #d64113;
}

.e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #d64113;
}

.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg {
  fill: #e3165b;
  stroke: #e3165b;
}

.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #e3165b;
}

.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #e3165b;
}

.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg {
  fill: #4d841d;
  stroke: #4d841d;
}

.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #4d841d;
}

.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #4d841d;
}

.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg {
  fill: #0378d5;
  stroke: #0378d5;
}

.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #0378d5;
}

.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #0378d5;
}

.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg {
  fill: #c15700;
  stroke: #c15700;
}

.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #c15700;
}

.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #c15700;
}

.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg {
  fill: #d64113;
  stroke: #d64113;
}

.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #d64113;
}

.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #d64113;
}

.e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg {
  fill: #0d47a1;
  stroke: #0d47a1;
}

.e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
  stroke: #0d47a1;
}

.e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
  stroke: #0d47a1;
}

.e-progress {
  background-color: rgba(0, 0, 0, 0.2);
}

.e-primary .e-progress,
.e-success .e-progress,
.e-danger .e-progress,
.e-info .e-progress {
  background-color: rgba(0, 0, 0, 0.2);
}

.e-warning .e-progress {
  background-color: rgba(0, 0, 0, 0.2);
}

.e-flat.e-primary .e-progress {
  background-color: rgba(227, 22, 91, 0.2);
}

.e-flat.e-success .e-progress {
  background-color: rgba(77, 132, 29, 0.2);
}

.e-flat.e-info .e-progress {
  background-color: rgba(3, 120, 213, 0.2);
}

.e-flat.e-warning .e-progress {
  background-color: rgba(193, 87, 0, 0.2);
}

.e-flat.e-danger .e-progress {
  background-color: rgba(214, 65, 19, 0.2);
}

.e-outline:not(:focus).e-primary .e-progress {
  background-color: rgba(227, 22, 91, 0.2);
}

.e-outline:not(:focus).e-success .e-progress {
  background-color: rgba(77, 132, 29, 0.2);
}

.e-outline:not(:focus).e-info .e-progress {
  background-color: rgba(3, 120, 213, 0.2);
}

.e-outline:not(:focus).e-warning .e-progress {
  background-color: rgba(193, 87, 0, 0.2);
}

.e-outline:not(:focus).e-danger .e-progress {
  background-color: rgba(214, 65, 19, 0.2);
}

/*! recurrence editor theme wise definitions*/
/*! Schedule component's material theme definitions and variables */
.e-schedule .e-schedule-toolbar .e-icon-prev::before {
  content: '\E937';
}

.e-schedule .e-schedule-toolbar .e-icon-next::before {
  content: '\E956';
}

.e-schedule .e-schedule-toolbar .e-icon-add::before {
  content: '\E963';
}

.e-schedule .e-schedule-toolbar .e-icon-today::before {
  content: '\E322';
}

.e-schedule .e-schedule-toolbar .e-icon-down-arrow::before {
  content: '\E969';
}

.e-schedule .e-schedule-toolbar .e-icon-day::before {
  content: '\E31B';
}

.e-schedule .e-schedule-toolbar .e-icon-week::before {
  content: '\E315';
}

.e-schedule .e-schedule-toolbar .e-icon-workweek::before {
  content: '\E314';
}

.e-schedule .e-schedule-toolbar .e-icon-month::before {
  content: '\E93C';
}

.e-schedule .e-schedule-toolbar .e-icon-month-agenda::before {
  content: '\E313';
}

.e-schedule .e-schedule-toolbar .e-icon-agenda::before {
  content: '\E31D';
}

.e-schedule .e-schedule-toolbar .e-icon-year::before {
  content: '\EA8E';
}

.e-schedule .e-schedule-toolbar .e-icon-timeline-year-vertical::before {
  content: '\E423';
}

.e-schedule .e-schedule-toolbar .e-icon-timeline-year-horizontal::before {
  content: '\E422';
}

.e-schedule .e-schedule-toolbar .e-icon-timeline-day::before {
  content: '\EA85';
}

.e-schedule .e-schedule-toolbar .e-icon-timeline-week::before {
  content: '\EA88';
}

.e-schedule .e-schedule-toolbar .e-icon-timeline-workweek::before {
  content: '\EA8B';
}

.e-schedule .e-schedule-toolbar .e-icon-timeline-month::before {
  content: '\EA8E';
}

.e-schedule .e-schedule-toolbar.e-toolbar .e-popup-down-icon::before {
  content: '\E984';
}

.e-schedule .e-schedule-toolbar.e-toolbar .e-popup-up-icon::before {
  content: '\E984';
}

.e-schedule .e-schedule-toolbar.e-rtl .e-icon-prev::before {
  content: '\E956';
}

.e-schedule .e-schedule-toolbar.e-rtl .e-icon-next::before {
  content: '\E937';
}

.e-schedule .e-schedule-resource-toolbar .e-icon-menu::before {
  content: '\E99A';
}

.e-schedule .e-schedule-resource-toolbar .e-icon-next::before {
  content: '\E956';
}

.e-schedule .e-close-icon::before {
  content: '\E7FC';
}

.e-schedule .e-block-indicator::before {
  content: '\E22A';
}

.e-schedule .e-appointment .e-recurrence-icon::before {
  content: '\E308';
}

.e-schedule .e-appointment .e-recurrence-edit-icon::before {
  content: '\E30A';
}

.e-schedule .e-appointment .e-up-icon::before {
  content: '\E306';
}

.e-schedule .e-appointment .e-down-icon::before {
  content: '\E304';
}

.e-schedule .e-appointment .e-left-icon::before {
  content: '\E302';
}

.e-schedule .e-appointment .e-right-icon::before {
  content: '\E300';
}

.e-schedule .e-vertical-view .e-all-day-cells .e-all-day-appointment-section::before {
  content: '\E916';
}

.e-schedule.e-rtl .e-appointment .e-left-icon::before {
  content: '\E300';
}

.e-schedule.e-rtl .e-appointment .e-right-icon::before {
  content: '\E302';
}

.e-schedule .e-resource-tree-icon::before {
  content: '\E22F';
}

.e-schedule-dialog.e-device .e-back-icon::before {
  content: '\E977';
}

.e-schedule-dialog.e-device .e-save-icon::before {
  content: '\E98E';
}

.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
  content: '\E944';
}

.e-schedule-dialog.e-device.e-rtl .e-back-icon::before {
  content: '\E85F';
}

.e-quick-popup-wrapper .e-edit-icon::before {
  content: '\E891';
}

.e-quick-popup-wrapper .e-delete-icon::before {
  content: '\E94A';
}

.e-quick-popup-wrapper .e-close-icon::before {
  content: '\E7FC';
}

.e-quick-popup-wrapper .e-time-icon::before {
  content: '\E20C';
}

.e-quick-popup-wrapper .e-location-icon::before {
  content: '\E30C';
}

.e-quick-popup-wrapper .e-time-zone-icon::before {
  content: '\E30E';
}

.e-quick-popup-wrapper .e-description-icon::before {
  content: '\E30D';
}

.e-quick-popup-wrapper .e-resource-icon::before {
  content: '\E424';
}

.e-quick-popup-wrapper .e-date-time-icon::before {
  content: '\E421';
}

.e-more-popup-wrapper.e-device .e-close-icon::before {
  content: '\E7FC';
}

/*! schedule component layout */
.e-schedule {
  display: block;
  outline: medium none;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.e-schedule .e-schedule-toolbar {
  background: #fafafa;
  border: 0;
  border-bottom: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 3px;
  min-height: 42px;
}

.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
.e-schedule .e-schedule-toolbar .e-active-view .e-icons {
  color: #e3165b;
}

.e-schedule .e-schedule-toolbar .e-toolbar-pop {
  background: #fafafa;
  overflow: auto;
}

.e-schedule .e-schedule-toolbar .e-tbar-btn {
  background: #fafafa;
}

.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
  background-color: #e0e0e0;
}

.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
  background: #e0e0e0;
}

.e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
  cursor: pointer;
  font-size: 13px;
  text-transform: uppercase;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items {
  background: #fafafa;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
  height: 42px;
  min-height: 42px;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
  height: inherit;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow {
  font-size: 10px;
  padding-top: 0;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
  background: #e0e0e0;
  border-radius: 100%;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
  background: #e0e0e0;
  border-radius: 100%;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-day .e-icon-day,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-week .e-icon-week,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-work-week .e-icon-workweek,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-month .e-icon-month,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-year .e-icon-year,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-agenda .e-icon-agenda,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-month-agenda .e-icon-month-agenda,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-day .e-icon-timeline-day,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-week .e-icon-timeline-week,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-work-week .e-icon-timeline-workweek,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-month .e-icon-timeline-month,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-year .e-icon-timeline-year-vertical,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-year .e-icon-timeline-year-horizontal,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-add .e-tbar-btn-text,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-day,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
  display: none;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-hidden {
  display: none;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-prev .e-icon-prev,
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-next .e-icon-next {
  font-size: 14px;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
  font-size: 14px;
  text-transform: initial;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
  cursor: pointer;
  font-size: 13px;
  text-transform: uppercase;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
  padding-left: 0;
}

.e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
  background: #fafafa;
  border-left: 0;
  border-right: 1px solid #f5f5f5;
}

.e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-schedule-toolbar .e-hor-nav {
  background: #fafafa;
  border-left: 1px solid #f5f5f5;
}

.e-schedule .e-schedule-toolbar .e-hor-nav::after {
  content: '';
}

.e-schedule .e-schedule-toolbar .e-hor-nav:active {
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-schedule-toolbar .e-hor-nav:active::after {
  content: '';
}

.e-schedule .e-schedule-toolbar .e-hor-nav:hover {
  background: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-schedule-toolbar .e-hor-nav:focus {
  background: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule.e-device .e-schedule-toolbar {
  height: 56px;
  min-height: 56px;
}

.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
  height: calc(100% - 20px);
}

.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
  height: 56px;
  min-height: 56px;
}

.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
  height: inherit;
}

.e-schedule.e-device .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
  font-size: 14px;
}

.e-schedule.e-device .e-schedule-toolbar .e-date-range .e-tbar-btn .e-tbar-btn-text {
  font-size: 14px;
}

.e-schedule .e-schedule-resource-toolbar {
  background: #fafafa;
  border-bottom: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;
  min-height: 42px;
  padding: 10px;
}

.e-schedule .e-schedule-resource-toolbar .e-resource-menu .e-icon-menu {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  padding: 7px;
  padding-left: 4px;
}

.e-schedule .e-schedule-resource-toolbar .e-resource-menu.e-disable {
  display: none;
}

.e-schedule .e-schedule-resource-toolbar .e-resource-level-title {
  display: -ms-flexbox;
  display: flex;
}

.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-resource-name {
  font-size: 14px;
  padding: 5px;
}

.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-resource-name:not(:last-child) {
  opacity: .6;
}

.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-icon-next {
  color: rgba(0, 0, 0, 0.54);
  font-size: 10px;
  line-height: 18px;
  opacity: .4;
  padding: 5px;
}

.e-schedule .e-schedule-resource-toolbar.e-popup-close {
  display: none;
}

.e-schedule .e-schedule-resource-toolbar.e-popup-open {
  display: block;
}

.e-schedule .e-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-schedule .e-text-center {
  text-align: center;
}

.e-schedule .e-table-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  vertical-align: top;
}

.e-schedule .e-table-container.e-translate {
  transition: transform .3s ease 0s;
}

.e-schedule .e-resource-tree-popup {
  background: #fff;
  box-shadow: 0 3px 4px 0.2px rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 250px;
}

.e-schedule .e-resource-tree-popup .e-resource-tree {
  height: 100%;
  overflow-y: auto;
}

.e-schedule .e-resource-tree-popup .e-resource-tree.e-treeview .e-text-content {
  padding: 0 0 0 12px;
}

.e-schedule .e-resource-tree-popup-overlay.e-enable {
  background-color: #383838;
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%;
}

.e-schedule .e-new-event {
  background-color: #3f51b5;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 100%;
  opacity: .9;
  position: relative;
  width: 100%;
  z-index: 1;
}

.e-schedule .e-new-event .e-title {
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  margin: 0;
  overflow-wrap: break-word;
  padding: 3px;
  position: absolute;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
}

.e-schedule .e-schedule-table {
  border: 0 none;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  table-layout: fixed;
  width: 100%;
}

.e-schedule .e-schedule-table > tbody > tr > th,
.e-schedule .e-schedule-table > tbody > tr > td {
  box-sizing: border-box;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-schedule .e-outer-table > tbody > tr > td {
  padding: 0;
  vertical-align: top;
}

.e-schedule .e-content-wrap {
  position: relative;
}

.e-schedule .e-content-wrap .e-day-wrapper {
  width: 100%;
}

.e-schedule .e-content-wrap,
.e-schedule .e-scroll-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.e-schedule .e-hide-childs > * {
  display: none;
}

.e-schedule .e-recurrence-icon,
.e-schedule .e-recurrence-edit-icon {
  font-size: 11px;
}

.e-schedule .e-left-icon,
.e-schedule .e-right-icon {
  font-size: 8px;
}

.e-schedule .e-m-date {
  cursor: pointer;
  font-size: 20px;
}

.e-schedule .e-m-date:hover {
  text-decoration: underline;
}

.e-schedule .e-m-day {
  font-size: 12px;
}

.e-schedule.e-device .e-m-date:hover {
  text-decoration: none;
}

.e-schedule .e-block-appointment {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.6);
  cursor: default;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-block-appointment .e-subject {
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 4px;
  white-space: normal;
  word-wrap: break-word;
}

.e-schedule .e-block-indicator {
  color: rgba(0, 0, 0, 0.6);
  float: right;
  padding: 0 5px;
  z-index: 1;
}

.e-schedule.e-rtl .e-block-indicator {
  float: left;
}

.e-schedule .e-timeline-view .e-block-indicator,
.e-schedule .e-timeline-month-view .e-block-indicator {
  position: absolute;
  top: 3px;
}

.e-schedule .e-appointment {
  opacity: 1;
  transition: opacity 100ms linear;
}

.e-schedule .e-appointment .e-subject.e-disable {
  display: none;
}

.e-schedule .e-appointment .e-inline-appointment {
  z-index: 1;
}

.e-schedule .e-appointment .e-inline-subject {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  padding-top: 4px;
  width: 100%;
}

.e-schedule .e-appointment.e-event-action {
  opacity: .4;
}

.e-schedule .e-appointment.e-allow-select {
  pointer-events: none;
}

.e-schedule .e-read-only {
  opacity: .8;
}

.e-schedule.e-event-action .e-appointment:not(.e-schedule-event-clone),
.e-schedule.e-event-action .e-block-appointment {
  pointer-events: none;
}

.e-schedule.e-event-action .e-drag-clone,
.e-schedule.e-event-action .e-timeline-view .e-drag-clone {
  cursor: move;
}

.e-schedule.e-event-action .e-drag-clone .e-top-handler,
.e-schedule.e-event-action .e-drag-clone .e-bottom-handler,
.e-schedule.e-event-action .e-timeline-view .e-drag-clone .e-top-handler,
.e-schedule.e-event-action .e-timeline-view .e-drag-clone .e-bottom-handler {
  pointer-events: none;
}

.e-schedule.e-event-action .e-vertical-view .e-appointment-wrapper .e-resize-clone {
  cursor: ns-resize;
}

.e-schedule.e-event-action .e-timeline-view .e-resize-clone,
.e-schedule.e-event-action .e-timeline-month-view .e-resize-clone,
.e-schedule.e-event-action .e-all-day-appointment-wrapper .e-resize-clone {
  cursor: ew-resize;
}

.e-schedule.e-device .e-appointment {
  overflow: hidden;
}

.e-schedule.e-device .e-appointment.e-appointment-border .e-top-bottom-resize {
  height: 10px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
}

.e-schedule.e-device .e-appointment.e-appointment-border .e-left-right-resize {
  border-radius: 50%;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.e-schedule.e-device .e-appointment.e-appointment-border .e-top-handler .e-top-bottom-resize {
  margin-top: -8px;
}

.e-schedule.e-device .e-appointment.e-appointment-border .e-bottom-handler .e-top-bottom-resize {
  margin-top: 8px;
}

.e-schedule.e-device .e-appointment.e-appointment-border .e-left-handler .e-left-right-resize {
  margin-left: -8px;
}

.e-schedule.e-device .e-appointment.e-appointment-border .e-right-handler .e-left-right-resize {
  margin-left: 8px;
}

.e-schedule .e-event-resize {
  position: absolute;
}

.e-schedule .e-event-resize.e-left-handler, .e-schedule .e-event-resize.e-right-handler {
  height: 100%;
  width: 10px;
}

.e-schedule .e-event-resize.e-left-handler {
  cursor: ew-resize;
  float: left;
  left: 0;
}

.e-schedule .e-event-resize.e-right-handler {
  cursor: e-resize;
  float: right;
  right: 0;
}

.e-schedule .e-event-resize.e-top-handler, .e-schedule .e-event-resize.e-bottom-handler {
  height: 10px;
  width: 100%;
}

.e-schedule .e-event-resize.e-top-handler {
  cursor: ns-resize;
  top: 0;
}

.e-schedule .e-event-resize.e-bottom-handler {
  bottom: 0;
  cursor: ns-resize;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-content-table,
.e-schedule .e-vertical-view.e-timescale-disable .e-content-wrap {
  height: 100%;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
  background: #3f51b5;
  border: 1px solid #e8eaf6;
  border-radius: 2px;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 54px;
  margin-bottom: 2px;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-appointment-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  padding: 2px 4px 0 2px;
  text-align: left;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-inner-wrap {
  -ms-flex: auto;
      flex: auto;
  overflow: hidden;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-subject {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  margin-left: auto;
  min-height: 18px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding-top: 1px;
  white-space: normal;
  word-wrap: break-word;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-time,
.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-location {
  font-size: 11px;
  overflow: hidden;
  padding-top: 1px;
  text-overflow: ellipsis;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-disable {
  display: none;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-recurrence-icon,
.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-recurrence-edit-icon {
  line-height: 54px;
  padding: 0 5px;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-left-icon,
.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-right-icon {
  line-height: 54px;
  padding: 0 2px;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment.e-appointment-border, .e-schedule .e-vertical-view.e-timescale-disable .e-appointment:focus {
  border: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment.e-allow-select {
  pointer-events: none;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment-wrapper {
  position: absolute;
  width: 0;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-work-cells {
  height: auto;
  vertical-align: top;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-more-indicator {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  font-size: 11px;
  line-height: 11px;
  overflow: hidden;
  padding: 2px 4px;
  position: absolute;
  text-overflow: ellipsis;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-more-indicator:focus {
  text-decoration: underline;
}

.e-schedule .e-vertical-view .e-left-indent {
  width: 85px;
}

.e-schedule .e-vertical-view .e-left-indent .e-all-day-cells {
  position: relative;
}

.e-schedule .e-vertical-view .e-date-header-wrap table col,
.e-schedule .e-vertical-view .e-content-wrap table col {
  width: 36px;
}

.e-schedule .e-vertical-view .e-resource-cells {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  height: 40px;
  padding: 8px;
  padding-left: 15px;
}

.e-schedule .e-vertical-view .e-header-cells {
  font-size: 12px;
  height: 60px;
  padding: 5px;
}

.e-schedule .e-vertical-view .e-header-cells .e-header-day {
  display: table;
  font-size: 13px;
}

.e-schedule .e-vertical-view .e-header-cells .e-header-date {
  cursor: pointer;
  display: table;
  font-size: 18px;
}

.e-schedule .e-vertical-view .e-header-cells .e-header-date:hover {
  text-decoration: underline;
}

.e-schedule .e-vertical-view .e-header-cells.e-disable-dates .e-header-day {
  cursor: default;
  opacity: .35;
}

.e-schedule .e-vertical-view .e-header-cells.e-disable-dates .e-header-date {
  cursor: default;
  opacity: .35;
}

.e-schedule .e-vertical-view .e-header-cells.e-disable-dates .e-header-date:hover {
  text-decoration: none;
}

.e-schedule .e-vertical-view .e-row-count-wrapper {
  display: block;
  height: 100%;
  pointer-events: none;
  position: relative;
}

.e-schedule .e-vertical-view .e-row-count-wrapper .e-more-indicator {
  bottom: 0;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 2px 4px;
  pointer-events: visible;
  position: absolute;
  text-overflow: ellipsis;
  width: 100%;
}

.e-schedule .e-vertical-view .e-row-count-wrapper .e-more-indicator:focus {
  text-decoration: underline;
}

.e-schedule .e-vertical-view .e-row-count-wrapper.e-disable {
  display: none;
}

.e-schedule .e-vertical-view .e-all-day-appointment-section {
  bottom: 4px;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  display: block;
  font-size: 11px;
  height: 25px;
  left: 0;
  line-height: 25px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  transform: rotate(0deg);
  transition: transform 300ms ease-in-out;
  width: 25px;
}

.e-schedule .e-vertical-view .e-all-day-appointment-section.e-disable {
  display: none;
}

.e-schedule .e-vertical-view .e-all-day-appointment-section.e-appointment-expand {
  transform: rotate(0deg);
}

.e-schedule .e-vertical-view .e-all-day-appointment-section.e-appointment-collapse {
  transform: rotate(180deg);
}

.e-schedule .e-vertical-view .e-all-day-appointment-section:hover, .e-schedule .e-vertical-view .e-all-day-appointment-section:focus {
  background: #e0e0e0;
  border-radius: 100%;
}

.e-schedule .e-vertical-view .e-appointment-hide {
  opacity: 0;
}

.e-schedule .e-vertical-view .e-all-day-cells {
  height: 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
}

.e-schedule .e-vertical-view .e-all-day-cells:first-child.e-animate {
  transition: 250ms ease-out;
}

.e-schedule .e-vertical-view .e-time-cells-wrap table td,
.e-schedule .e-vertical-view .e-work-cells {
  font-size: 12px;
  height: 36px;
  text-align: center;
}

.e-schedule .e-vertical-view .e-work-cells {
  width: 36px;
}

.e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
  background-color: rgba(0, 0, 0, 0.08);
}

.e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.e-schedule .e-vertical-view .e-current-time {
  font-size: 11px;
}

.e-schedule .e-vertical-view .e-clone-time-indicator,
.e-schedule .e-vertical-view .e-current-time,
.e-schedule .e-vertical-view .e-previous-timeline,
.e-schedule .e-vertical-view .e-current-timeline {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

.e-schedule .e-vertical-view .e-previous-timeline,
.e-schedule .e-vertical-view .e-current-timeline {
  z-index: 1;
}

.e-schedule .e-vertical-view .e-date-header-wrap,
.e-schedule .e-vertical-view .e-time-cells-wrap {
  overflow: hidden;
}

.e-schedule .e-vertical-view .e-content-wrap,
.e-schedule .e-vertical-view .e-time-cells-wrap {
  position: relative;
}

.e-schedule .e-vertical-view .e-timeline-wrapper,
.e-schedule .e-vertical-view .e-day-wrapper,
.e-schedule .e-vertical-view .e-all-day-appointment-wrapper {
  height: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
  cursor: default;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
  background: #3f51b5;
  border: 1px solid #e8eaf6;
  border-radius: 2px;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  line-height: 20px;
  overflow: hidden;
  padding: 1px 0 1px 4px;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-subject {
  -ms-flex: auto;
      flex: auto;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-time {
  display: block;
  font-size: 11px;
  padding: 1px 4px 2px 0;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-recurrence-icon,
.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-recurrence-edit-icon,
.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-left-icon,
.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-right-icon {
  line-height: 20px;
  padding: 0 2px;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-disable {
  display: none;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
  border: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone) {
  cursor: default;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
  background: #3f51b5;
  border: 1px solid #e8eaf6;
  border-radius: 2px;
  color: #fff;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
  -ms-flex: auto;
      flex: auto;
  padding: 0 4px;
  text-align: left;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  margin-left: auto;
  min-height: 18px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding-top: 4px;
  white-space: normal;
  word-wrap: break-word;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-time,
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-location {
  font-size: 11px;
  overflow: hidden;
  padding-top: 1px;
  text-overflow: ellipsis;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-time {
  display: block;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-disable {
  display: none;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-edit-icon {
  bottom: 5px;
  display: block;
  float: right;
  height: auto;
  left: auto;
  position: absolute;
  right: 5px;
  width: auto;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-indicator {
  display: block;
  margin: 0 45%;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-up-icon,
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-down-icon {
  font-size: 8px;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-up-icon {
  margin-top: 3px;
  top: 0;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-down-icon {
  bottom: 6px;
  position: absolute;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.e-appointment-border, .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:focus {
  border: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.e-schedule .e-vertical-view.e-day-view .e-header-date {
  cursor: default;
}

.e-schedule .e-vertical-view.e-day-view .e-header-date:hover {
  text-decoration: none;
}

.e-schedule.e-device .e-vertical-view .e-header-cells .e-header-day {
  font-size: 14px;
}

.e-schedule.e-device .e-vertical-view .e-header-cells .e-header-date {
  font-size: 20px;
}

.e-schedule.e-device .e-vertical-view .e-header-cells .e-header-date:hover {
  text-decoration: none;
}

.e-schedule.e-device .e-vertical-view .e-left-indent {
  width: 35px;
}

.e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
.e-schedule.e-device .e-vertical-view .e-current-time {
  font-size: 9px;
}

.e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
  float: left;
  width: 35px;
}

.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
  font-size: 11px;
}

.e-schedule.e-device .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
  font-weight: 500;
  min-height: auto;
}

.e-schedule.e-rtl {
  text-align: right;
}

.e-schedule.e-rtl .e-vertical-view.e-timescale-disable .e-appointment-details {
  text-align: right;
}

.e-schedule.e-rtl .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details {
  padding: 1px 4px 1px 0;
}

.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
  line-height: 15px;
  text-align: right;
}

.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
  font-weight: 500;
  margin-left: 15px;
  margin-right: auto;
}

.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-edit-icon {
  float: left;
  left: 5px;
  right: auto;
}

.e-schedule.e-rtl.e-device .e-vertical-view .e-time-cells-wrap {
  float: right;
}

@media screen and (max-width: 480px) {
  .e-schedule .e-vertical-view .e-left-indent {
    width: 35px;
  }
}

.e-schedule .e-month-view .e-left-indent,
.e-schedule .e-month-agenda-view .e-left-indent {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  width: 36px;
}

.e-schedule .e-month-view .e-week-number-wrapper,
.e-schedule .e-month-agenda-view .e-week-number-wrapper {
  overflow: hidden;
  position: relative;
}

.e-schedule .e-month-view .e-week-number-wrapper .e-schedule-table,
.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-schedule-table {
  height: 100%;
}

.e-schedule .e-month-view .e-week-number-wrapper .e-week-number,
.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
  color: rgba(0, 0, 0, 0.54);
  padding-top: 4px;
  text-align: center;
  vertical-align: top;
  width: 36px;
}

.e-schedule .e-month-view .e-content-wrap table tr:last-child td {
  border-bottom-width: 0;
}

.e-schedule .e-month-view .e-date-header-wrap {
  font-size: 13px;
  overflow: hidden;
}

.e-schedule .e-month-view .e-week-number {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  height: 70px;
}

.e-schedule .e-month-view .e-content-wrap {
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
}

.e-schedule .e-month-view .e-date-header-wrap table col {
  width: 36px;
}

.e-schedule .e-month-view .e-resource-cells {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  height: 40px;
  padding: 8px;
  padding-left: 15px;
}

.e-schedule .e-month-view .e-header-cells {
  cursor: default;
  font-weight: 400;
  height: 30px;
  padding: 3px;
}

.e-schedule .e-month-view .e-content-table {
  height: 100%;
}

.e-schedule .e-month-view .e-work-cells {
  height: 70px;
  vertical-align: top;
  width: 36px;
}

.e-schedule .e-month-view .e-work-cells.e-disable-date .e-date-header {
  visibility: hidden;
}

.e-schedule .e-month-view .e-work-cells.e-disable-dates {
  background-color: rgba(0, 0, 0, 0.08);
}

.e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
  cursor: default;
  opacity: .35;
}

.e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header:hover {
  text-decoration: none;
}

.e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.e-schedule .e-month-view .e-date-header {
  cursor: pointer;
  display: table;
  height: 20px;
  line-height: 20px;
  margin: 3px 3px 2px;
  text-align: center;
}

.e-schedule .e-month-view .e-date-header:hover {
  text-decoration: underline;
}

.e-schedule .e-month-view .e-appointment-wrapper {
  position: absolute;
}

.e-schedule .e-month-view .e-new-event {
  height: calc(100% - 25px);
}

.e-schedule .e-month-view .e-block-indicator {
  margin-top: -20px;
}

.e-schedule .e-month-view .e-inline-appointment {
  z-index: 1;
}

.e-schedule .e-month-view .e-appointment {
  background: #3f51b5;
  border: 1px solid #e8eaf6;
  border-radius: 2px;
  color: #fff;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-month-view .e-appointment .e-disable {
  display: none;
}

.e-schedule .e-month-view .e-appointment .e-appointment-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  line-height: 20px;
  overflow: hidden;
}

.e-schedule .e-month-view .e-appointment .e-appointment-details .e-subject {
  -ms-flex: auto;
      flex: auto;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  padding: 1px 2px;
  text-overflow: ellipsis;
}

.e-schedule .e-month-view .e-appointment .e-appointment-details .e-inline-subject {
  padding: 4px;
  text-align: center;
}

.e-schedule .e-month-view .e-appointment .e-appointment-details .e-time {
  font-size: 11px;
  padding: 1.5px;
}

.e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-icon,
.e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-edit-icon,
.e-schedule .e-month-view .e-appointment .e-appointment-details .e-left-icon,
.e-schedule .e-month-view .e-appointment .e-appointment-details .e-right-icon {
  line-height: 22px;
  padding: 0 2px;
}

.e-schedule .e-month-view .e-appointment.e-appointment-border, .e-schedule .e-month-view .e-appointment:focus {
  border: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.e-schedule .e-month-view .e-appointment.e-allow-select {
  pointer-events: none;
}

.e-schedule .e-month-view .e-appointment .e-subject {
  padding: 2px;
  width: 100%;
}

.e-schedule .e-month-view .e-more-indicator {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  font-size: 11px;
  line-height: 11px;
  overflow: hidden;
  padding: 2px 4px;
  position: absolute;
  text-overflow: ellipsis;
}

.e-schedule .e-month-view .e-more-indicator:focus {
  text-decoration: underline;
}

.e-schedule.e-rtl .e-month-view .e-left-indent {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right-width: 0;
}

.e-schedule.e-rtl .e-month-view .e-week-number {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right-width: 0;
}

.e-schedule .e-year-view .e-calendar-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
  border: 0;
  -ms-flex: 0 25%;
      flex: 0 25%;
  max-width: 100%;
  min-width: 260px;
  padding: 10px;
}

.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
  cursor: default;
}

.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-content span.e-day {
  display: block;
}

.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month {
  color: rgba(0, 0, 0, 0.54);
  pointer-events: visible;
  -ms-touch-action: auto;
      touch-action: auto;
}

.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month.e-today {
  opacity: .5;
}

.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment {
  background-color: #3f51b5;
  border-radius: 50%;
  height: 5px;
  margin-left: 13px;
  margin-top: -6px;
  position: absolute;
  width: 5px;
}

.e-schedule .e-year-view .e-date-header-wrap {
  font-size: 13px;
  overflow: hidden;
}

.e-schedule .e-year-view .e-date-header-wrap table col {
  width: 36px;
}

.e-schedule .e-year-view .e-date-header-wrap table td {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
}

.e-schedule .e-year-view .e-date-header-wrap table td:first-child {
  border-left-width: 0;
}

.e-schedule .e-year-view .e-resource-cells {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  height: 40px;
  padding: 8px;
  padding-left: 15px;
}

.e-schedule .e-year-view .e-content-wrap table td:first-child {
  border-left-width: 0;
}

.e-schedule .e-year-view .e-calendar-table td:not(.e-cell) {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.e-schedule .e-year-view .e-resource .e-month-calendar {
  max-width: 100%;
  min-width: 100%;
}

.e-schedule .e-timeline-year-view .e-date-header-wrap,
.e-schedule .e-timeline-year-view .e-month-header-wrapper {
  overflow: hidden;
  position: relative;
}

.e-schedule .e-timeline-year-view .e-date-header-wrap table col,
.e-schedule .e-timeline-year-view .e-content-wrap table col {
  width: 60px;
}

.e-schedule .e-timeline-year-view .e-resource-left-td,
.e-schedule .e-timeline-year-view .e-date-header-wrap table td {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: rgba(0, 0, 0, 0.87);
  text-align: center;
}

.e-schedule .e-timeline-year-view .e-resource-left-td.e-current-day,
.e-schedule .e-timeline-year-view .e-date-header-wrap table td.e-current-day {
  color: #e3165b;
}

.e-schedule .e-timeline-year-view .e-resource-text {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
}

.e-schedule .e-timeline-year-view .e-resource-left-td {
  vertical-align: middle;
  width: 200px;
}

.e-schedule .e-timeline-year-view .e-left-indent-wrap .e-resource-cells,
.e-schedule .e-timeline-year-view .e-date-header-wrap .e-resource-cells {
  height: 40px;
}

.e-schedule .e-timeline-year-view .e-resource-column-wrap {
  overflow: hidden;
  position: relative;
}

.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
  background-color: #fafafa;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: rgba(0, 0, 0, 0.87);
  height: 70px;
  padding-left: 15px;
  padding-right: 0;
  vertical-align: middle;
}

.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
  background-color: #fff;
}

.e-schedule .e-timeline-year-view .e-resource-column-table {
  height: 100%;
}

.e-schedule .e-timeline-year-view .e-resource-column-table.e-auto-height {
  height: auto;
}

.e-schedule .e-timeline-year-view .e-resource-tree-icon {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  float: left;
  font-family: 'e-icons';
  font-size: 12px;
}

.e-schedule .e-timeline-year-view .e-resource-collapse {
  transform: rotate(90deg);
}

.e-schedule .e-timeline-year-view .e-work-cells {
  background-color: #fafafa;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
  background: #f5f5f5;
  color: #000;
}

.e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
  background-color: #fff;
}

.e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
  color: rgba(0, 0, 0, 0.54);
}

.e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
  background-color: #e3165b;
  border-radius: 50%;
  color: #fff;
  margin: 2px;
  width: 20px;
}

.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
  background-color: #e0e0e0;
}

.e-schedule .e-timeline-year-view .e-content-table {
  height: 100%;
}

.e-schedule .e-timeline-year-view .e-content-table.e-auto-height {
  height: auto;
}

.e-schedule .e-timeline-year-view .e-left-indent td {
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 1px 0 0;
  vertical-align: middle;
}

.e-schedule .e-timeline-year-view .e-left-indent tr:last-child td {
  border-width: 0 1px 1px 0;
}

.e-schedule .e-timeline-year-view.e-horizontal .e-left-indent {
  padding: 0;
  width: 100px;
}

.e-schedule .e-timeline-year-view.e-vertical .e-left-indent,
.e-schedule .e-timeline-year-view.e-vertical .e-left-indent .e-header-cells {
  width: 50px;
}

.e-schedule .e-timeline-year-view .e-month-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center;
}

.e-schedule .e-timeline-year-view .e-month-header.e-current-day {
  color: #e3165b;
}

.e-schedule .e-timeline-year-view .e-left-indent,
.e-schedule .e-timeline-year-view .e-header-cells {
  cursor: default;
  font-weight: 400;
  height: 30px;
  padding: 0;
  text-align: center;
}

.e-schedule .e-timeline-year-view .e-month-header,
.e-schedule .e-timeline-year-view .e-work-cells {
  height: 70px;
}

.e-schedule .e-timeline-year-view .e-header-cells,
.e-schedule .e-timeline-year-view .e-work-cells {
  width: 60px;
}

.e-schedule .e-timeline-year-view .e-work-cells {
  vertical-align: top;
}

.e-schedule .e-timeline-year-view .e-work-cells .e-date-header {
  cursor: pointer;
  display: table;
  height: 20px;
  line-height: 20px;
  margin: 3px 3px 2px;
  text-align: center;
  width: 10px;
}

.e-schedule .e-timeline-year-view .e-work-cells .e-date-header:hover {
  text-decoration: underline;
}

.e-schedule .e-timeline-year-view .e-event-table {
  position: absolute;
  top: 0;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
  position: absolute;
}

.e-schedule .e-timeline-year-view .e-event-table .e-inline-appointment {
  z-index: 1;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment {
  background: #3f51b5;
  border: 1px solid #e8eaf6;
  border-radius: 2px;
  color: #fff;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-appointment-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  line-height: 20px;
  overflow: hidden;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-subject {
  -ms-flex: auto;
      flex: auto;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  padding: 1px 2px;
  text-overflow: ellipsis;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-time,
.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-location {
  font-size: 11px;
  overflow: hidden;
  padding: 1.5px;
  text-overflow: ellipsis;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-disable {
  display: none;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
  line-height: 38px;
  padding: 0 5px;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
  display: block;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
  font-size: 10px;
  line-height: 38px;
  padding-right: 7px;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
  padding-right: 5px;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
  border: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-allow-select {
  pointer-events: none;
}

.e-schedule .e-timeline-year-view .e-event-table .e-more-indicator {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  font-size: 11px;
  line-height: 11px;
  overflow: hidden;
  padding: 2px 4px;
  position: absolute;
  text-overflow: ellipsis;
}

.e-schedule .e-timeline-year-view .e-event-table .e-more-indicator:focus {
  text-decoration: underline;
}

.e-schedule.e-device .e-year-view .e-month-calendar {
  max-width: 100%;
  min-width: 100%;
}

.e-schedule .e-timeline-view .e-content-wrap,
.e-schedule .e-timeline-view .e-content-table,
.e-schedule .e-timeline-month-view .e-content-wrap,
.e-schedule .e-timeline-month-view .e-content-table {
  height: 100%;
}

.e-schedule .e-timeline-view .e-date-header-wrap,
.e-schedule .e-timeline-month-view .e-date-header-wrap {
  font-size: 13px;
  overflow: hidden;
  position: relative;
}

.e-schedule .e-timeline-view .e-event-table,
.e-schedule .e-timeline-month-view .e-event-table {
  position: absolute;
  top: 0;
}

.e-schedule .e-timeline-view .e-date-header-wrap table col,
.e-schedule .e-timeline-view .e-content-wrap table col,
.e-schedule .e-timeline-month-view .e-date-header-wrap table col,
.e-schedule .e-timeline-month-view .e-content-wrap table col {
  width: 50px;
}

.e-schedule .e-timeline-view .e-date-header-wrap table tbody td,
.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td {
  height: 36px;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
  overflow: inherit;
}

.e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td > span {
  position: relative;
}

.e-schedule .e-timeline-view .e-navigate:hover,
.e-schedule .e-timeline-month-view .e-navigate:hover {
  cursor: pointer;
  text-decoration: underline;
}

.e-schedule .e-timeline-view .e-navigate:focus,
.e-schedule .e-timeline-month-view .e-navigate:focus {
  text-decoration: underline;
}

.e-schedule .e-timeline-view .e-work-cells,
.e-schedule .e-timeline-month-view .e-work-cells {
  height: 60px;
}

.e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
.e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
  background-color: rgba(0, 0, 0, 0.08);
}

.e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
.e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.e-schedule .e-timeline-view .e-resource-text,
.e-schedule .e-timeline-month-view .e-resource-text {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
}

.e-schedule .e-timeline-view .e-resource-left-td,
.e-schedule .e-timeline-month-view .e-resource-left-td {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: rgba(0, 0, 0, 0.87);
  vertical-align: middle;
  width: 200px;
}

.e-schedule .e-timeline-view .e-resource-cells,
.e-schedule .e-timeline-month-view .e-resource-cells {
  background-color: #fafafa;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: rgba(0, 0, 0, 0.87);
  height: 60px;
  padding-left: 15px;
  padding-right: 0;
  vertical-align: middle;
}

.e-schedule .e-timeline-view .e-resource-column-wrap,
.e-schedule .e-timeline-month-view .e-resource-column-wrap {
  overflow: hidden;
  position: relative;
}

.e-schedule .e-timeline-view .e-resource-column-table,
.e-schedule .e-timeline-month-view .e-resource-column-table {
  height: 100%;
}

.e-schedule .e-timeline-view .e-auto-height,
.e-schedule .e-timeline-month-view .e-auto-height {
  height: auto;
}

.e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
.e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
  height: 42px;
}

.e-schedule .e-timeline-view .e-resource-tree-icon,
.e-schedule .e-timeline-month-view .e-resource-tree-icon {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  float: left;
  font-family: 'e-icons';
  font-size: 12px;
}

.e-schedule .e-timeline-view .e-resource-collapse,
.e-schedule .e-timeline-month-view .e-resource-collapse {
  transform: rotate(90deg);
}

.e-schedule .e-timeline-view .e-child-node,
.e-schedule .e-timeline-month-view .e-child-node {
  background-color: #fff;
}

.e-schedule .e-timeline-view .e-appointment-wrapper,
.e-schedule .e-timeline-month-view .e-appointment-wrapper {
  position: absolute;
}

.e-schedule .e-timeline-view .e-inline-appointment,
.e-schedule .e-timeline-month-view .e-inline-appointment {
  z-index: 1;
}

.e-schedule .e-timeline-view .e-appointment,
.e-schedule .e-timeline-month-view .e-appointment {
  background: #3f51b5;
  border: 1px solid #e8eaf6;
  border-radius: 2px;
  color: #fff;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-timeline-view .e-appointment .e-appointment-details,
.e-schedule .e-timeline-month-view .e-appointment .e-appointment-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  overflow: hidden;
  padding: 0 4px;
}

.e-schedule .e-timeline-view .e-appointment .e-appointment-details .e-inner-wrap,
.e-schedule .e-timeline-month-view .e-appointment .e-appointment-details .e-inner-wrap {
  -ms-flex: auto;
      flex: auto;
  overflow: hidden;
}

.e-schedule .e-timeline-view .e-appointment .e-subject,
.e-schedule .e-timeline-month-view .e-appointment .e-subject {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  margin-left: auto;
  min-height: 18px;
  overflow: hidden;
  padding-top: 4px;
  text-overflow: ellipsis;
}

.e-schedule .e-timeline-view .e-appointment .e-time,
.e-schedule .e-timeline-view .e-appointment .e-location,
.e-schedule .e-timeline-month-view .e-appointment .e-time,
.e-schedule .e-timeline-month-view .e-appointment .e-location {
  font-size: 11px;
  overflow: hidden;
  padding-top: 1px;
  text-overflow: ellipsis;
}

.e-schedule .e-timeline-view .e-appointment .e-time,
.e-schedule .e-timeline-month-view .e-appointment .e-time {
  display: block;
}

.e-schedule .e-timeline-view .e-appointment .e-disable,
.e-schedule .e-timeline-month-view .e-appointment .e-disable {
  display: none;
}

.e-schedule .e-timeline-view .e-appointment .e-recurrence-icon,
.e-schedule .e-timeline-view .e-appointment .e-recurrence-edit-icon,
.e-schedule .e-timeline-month-view .e-appointment .e-recurrence-icon,
.e-schedule .e-timeline-month-view .e-appointment .e-recurrence-edit-icon {
  line-height: 38px;
  padding: 0 5px;
}

.e-schedule .e-timeline-view .e-appointment .e-indicator,
.e-schedule .e-timeline-month-view .e-appointment .e-indicator {
  display: block;
}

.e-schedule .e-timeline-view .e-appointment .e-left-icon,
.e-schedule .e-timeline-view .e-appointment .e-right-icon,
.e-schedule .e-timeline-month-view .e-appointment .e-left-icon,
.e-schedule .e-timeline-month-view .e-appointment .e-right-icon {
  font-size: 10px;
  line-height: 38px;
  padding-right: 7px;
}

.e-schedule .e-timeline-view .e-appointment .e-right-icon,
.e-schedule .e-timeline-month-view .e-appointment .e-right-icon {
  padding-right: 5px;
}

.e-schedule .e-timeline-view .e-appointment.e-appointment-border, .e-schedule .e-timeline-view .e-appointment:focus,
.e-schedule .e-timeline-month-view .e-appointment.e-appointment-border,
.e-schedule .e-timeline-month-view .e-appointment:focus {
  border: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.e-schedule .e-timeline-view .e-appointment.e-allow-select,
.e-schedule .e-timeline-month-view .e-appointment.e-allow-select {
  pointer-events: none;
}

.e-schedule .e-timeline-view .e-more-indicator,
.e-schedule .e-timeline-month-view .e-more-indicator {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  font-size: 11px;
  line-height: 11px;
  overflow: hidden;
  padding: 2px 4px;
  position: absolute;
  text-overflow: ellipsis;
}

.e-schedule .e-timeline-view .e-more-indicator:focus,
.e-schedule .e-timeline-month-view .e-more-indicator:focus {
  text-decoration: underline;
}

.e-schedule .e-timeline-view .e-navigate {
  font-size: 13px;
}

.e-schedule .e-timeline-view .e-clone-time-indicator,
.e-schedule .e-timeline-view .e-current-time {
  bottom: 0;
  position: absolute;
}

.e-schedule .e-timeline-view .e-current-timeline {
  position: absolute;
  top: 0;
}

.e-schedule .e-timeline-month-view .e-date-header-wrap table col,
.e-schedule .e-timeline-month-view .e-content-wrap table col {
  width: 70px;
}

.e-schedule .e-virtual-scroll .e-content-table {
  position: absolute;
  transform: translateY(0);
}

.e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
  transition: all 1000ms linear;
}

.e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
.e-schedule.e-rtl .e-timeline-view .e-appointment .e-right-icon,
.e-schedule.e-rtl .e-timeline-month-view .e-appointment .e-left-icon,
.e-schedule.e-rtl .e-timeline-month-view .e-appointment .e-right-icon {
  padding: 0 0 0 5px;
}

.e-schedule.e-rtl .e-timeline-view .e-inline-appointment,
.e-schedule.e-rtl .e-timeline-month-view .e-inline-appointment {
  z-index: 1;
}

.e-schedule.e-rtl .e-timeline-view .e-resource-left-td,
.e-schedule.e-rtl .e-timeline-month-view .e-resource-left-td {
  border-width: 0 0 1px 1px;
}

.e-schedule.e-rtl .e-timeline-view .e-resource-cells,
.e-schedule.e-rtl .e-timeline-month-view .e-resource-cells {
  border-width: 0 0 1px 1px;
  padding-right: 15px;
}

.e-schedule.e-rtl .e-timeline-view .e-resource-tree-icon,
.e-schedule.e-rtl .e-timeline-month-view .e-resource-tree-icon {
  float: right;
}

.e-schedule.e-rtl .e-timeline-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap,
.e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
  text-align: right;
}

.e-schedule.e-device .e-month-view .e-date-header-wrap,
.e-schedule.e-device .e-timeline-view .e-date-header-wrap,
.e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
  font-size: 13px;
}

.e-schedule.e-device .e-month-view .e-date-header-wrap td,
.e-schedule.e-device .e-timeline-view .e-date-header-wrap td,
.e-schedule.e-device .e-timeline-month-view .e-date-header-wrap td {
  border-left-width: 0;
  border-right-width: 0;
}

.e-schedule.e-device .e-month-view .e-content-wrap,
.e-schedule.e-device .e-timeline-view .e-content-wrap,
.e-schedule.e-device .e-timeline-month-view .e-content-wrap {
  font-size: 14px;
}

.e-schedule.e-device .e-month-view .e-date-header:hover,
.e-schedule.e-device .e-timeline-view .e-date-header:hover,
.e-schedule.e-device .e-timeline-month-view .e-date-header:hover {
  text-decoration: none;
}

.e-schedule.e-device .e-month-view .e-more-indicator,
.e-schedule.e-device .e-timeline-view .e-more-indicator,
.e-schedule.e-device .e-timeline-month-view .e-more-indicator {
  font-size: 12px;
}

.e-schedule.e-device .e-month-view .e-navigate:hover,
.e-schedule.e-device .e-timeline-view .e-navigate:hover,
.e-schedule.e-device .e-timeline-month-view .e-navigate:hover {
  text-decoration: none;
}

.e-schedule .e-month-agenda-view .e-schedule-resource-toolbar .e-resource-menu {
  margin-top: 6px;
}

.e-schedule .e-month-agenda-view .e-schedule-resource-toolbar .e-resource-menu.e-disable {
  display: none;
}

.e-schedule .e-month-agenda-view .e-schedule-resource-toolbar .e-resource-level-title .e-icon-next {
  margin-top: 4px;
}

.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 8px;
}

.e-schedule .e-month-agenda-view .e-wrapper-container {
  position: relative;
}

.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-schedule-table,
.e-schedule .e-month-agenda-view .e-content-table {
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.e-schedule .e-month-agenda-view .e-resource-column {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  vertical-align: top;
  width: 75px;
}

.e-schedule .e-month-agenda-view .e-resource-name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  line-height: 26px;
  overflow: hidden;
  padding: 8px;
  text-overflow: ellipsis;
}

.e-schedule .e-month-agenda-view .e-day-padding {
  padding-left: 8px;
}

.e-schedule .e-month-agenda-view .e-day-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.e-schedule .e-month-agenda-view .e-date-header-wrap {
  font-size: 13px;
  overflow: hidden;
}

.e-schedule .e-month-agenda-view .e-content-wrap {
  font-size: 13px;
}

.e-schedule .e-month-agenda-view .e-header-cells {
  cursor: default;
  font-weight: 400;
  height: 30px;
  padding: 5px;
  text-align: center;
}

.e-schedule .e-month-agenda-view .e-work-cells {
  height: 40px;
  position: relative;
  vertical-align: top;
}

.e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
  background-color: rgba(0, 0, 0, 0.08);
}

.e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.e-schedule .e-month-agenda-view .e-date-header {
  height: 24px;
  line-height: 24.5px;
  margin: 4px auto 0;
  text-align: center;
  width: 24px;
}

.e-schedule .e-month-agenda-view .e-appointment-container {
  min-height: 40px;
}

.e-schedule .e-month-agenda-view .e-appointment-wrap {
  background-color: #fff;
  overflow: auto;
  padding: 0 8px;
}

.e-schedule .e-month-agenda-view .e-appointment {
  border-left: 3px solid #3f51b5;
  border-right: 0;
  cursor: default;
  padding: 0 8px;
}

.e-schedule .e-month-agenda-view .e-appointment:hover {
  background: #f5f5f5;
}

.e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
  background: #e0e0e0;
}

.e-schedule .e-month-agenda-view .e-subject-wrap {
  display: -ms-flexbox;
  display: flex;
}

.e-schedule .e-month-agenda-view .e-subject {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-schedule .e-month-agenda-view .e-recurrence-icon,
.e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
  color: rgba(0, 0, 0, 0.54);
  line-height: 26px;
  padding: 0 10px;
}

.e-schedule .e-month-agenda-view .e-date-time {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-schedule .e-month-agenda-view .e-location {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 26px;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
}

.e-schedule .e-month-agenda-view .e-no-event {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  font-size: 14px;
  height: 100%;
  padding: 8px 4px;
}

.e-schedule .e-month-agenda-view .e-agenda-item.e-month-agenda-view {
  padding: 10px 0;
}

.e-schedule .e-month-agenda-view .e-agenda-parent.e-month-agenda-view {
  margin: 0;
  padding: 0;
}

.e-schedule .e-month-agenda-view .e-appointment-indicator {
  background: #3f51b5;
  border-radius: 50%;
  height: 6px;
  left: 0;
  margin: 1px auto;
  width: 6px;
}

.e-schedule.e-rtl .e-month-agenda-view .e-left-indent {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right-width: 0;
}

.e-schedule.e-rtl .e-month-agenda-view .e-week-number {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right-width: 0;
}

.e-schedule.e-rtl .e-month-agenda-view .e-appointment {
  border-left: 0;
  border-right: 3px solid #3f51b5;
}

.e-schedule.e-rtl .e-month-agenda-view .e-resource-column {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 0;
  vertical-align: top;
  width: 75px;
}

.e-schedule.e-rtl .e-month-agenda-view .e-day-padding {
  padding-right: 8px;
}

.e-schedule.e-device .e-month-agenda-view .e-date-header-wrap {
  font-size: 13px;
}

.e-schedule.e-device .e-month-agenda-view .e-content-wrap {
  font-size: 14px;
}

.e-schedule .e-agenda-view {
  background-color: #fff;
}

.e-schedule .e-agenda-view .e-content-wrap table td:first-child,
.e-schedule .e-agenda-view .e-date-column {
  vertical-align: top;
  width: 75px;
}

.e-schedule .e-agenda-view .e-resource-column {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
  vertical-align: top;
  width: 75px;
}

.e-schedule .e-agenda-view .e-month-header {
  background: #3f51b5;
  height: 100px;
  padding-top: 12px;
  vertical-align: top;
}

.e-schedule .e-agenda-view .e-month-header .e-date-header {
  color: #fff;
  font-size: 18px;
}

.e-schedule .e-agenda-view .e-day-date-header {
  color: rgba(0, 0, 0, 0.87);
  cursor: default;
  padding: 10px 32px 0 16px;
}

.e-schedule .e-agenda-view .e-day-date-header .e-m-date {
  font-size: 18px;
}

.e-schedule .e-agenda-view .e-day-date-header .e-m-day {
  font-size: 13px;
}

.e-schedule .e-agenda-view .e-day-date-header.e-current-day {
  color: #e3165b;
}

.e-schedule .e-agenda-view .e-day-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.e-schedule .e-agenda-view .e-date-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.e-schedule .e-agenda-view .e-day-padding {
  padding-left: 8px;
}

.e-schedule .e-agenda-view .e-date-header {
  font-size: 20px;
}

.e-schedule .e-agenda-view .e-day-header {
  font-size: 12px;
}

.e-schedule .e-agenda-view .e-subject-wrap {
  display: -ms-flexbox;
  display: flex;
}

.e-schedule .e-agenda-view .e-active-appointment-agenda .e-subject {
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-agenda-view .e-active-appointment-agenda .e-date-time {
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-agenda-view .e-active-appointment-agenda .e-resource-name {
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-agenda-view .e-active-appointment-agenda .e-recurrence-icon,
.e-schedule .e-agenda-view .e-active-appointment-agenda .e-recurrence-edit-icon {
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-agenda-view .e-subject {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-schedule .e-agenda-view .e-resource-name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  line-height: 26px;
  overflow: hidden;
  padding: 8px;
  text-overflow: ellipsis;
}

.e-schedule .e-agenda-view .e-recurrence-icon,
.e-schedule .e-agenda-view .e-recurrence-edit-icon {
  color: rgba(0, 0, 0, 0.87);
  line-height: 21px;
  padding: 0 10px;
}

.e-schedule .e-agenda-view .e-date-time {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-schedule .e-agenda-view .e-location {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 23px;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
}

.e-schedule .e-agenda-view .e-agenda-item {
  padding: 10px 0;
}

.e-schedule .e-agenda-view .e-agenda-parent {
  margin: 0;
  padding: 0;
}

.e-schedule .e-agenda-view .e-appointment {
  border-left: 3px solid #3f51b5;
  border-right: 0;
  cursor: default;
  padding: 0 8px;
}

.e-schedule .e-agenda-view .e-appointment:hover {
  background: #f5f5f5;
}

.e-schedule .e-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-agenda-view .e-appointment:focus {
  background: #e0e0e0;
}

.e-schedule .e-agenda-view .e-appointment.e-template {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.e-schedule .e-agenda-view .e-no-event {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  font-size: 14px;
  line-height: 52px;
  padding: 0 11px;
}

.e-schedule .e-agenda-view .e-empty-event {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  font-size: 14px;
  line-height: 52px;
  padding: 0 11px;
}

.e-schedule.e-device .e-agenda-view .e-m-date,
.e-schedule.e-device .e-month-agenda-view .e-m-date {
  font-size: 20px;
}

.e-schedule.e-device .e-agenda-view .e-resource-name,
.e-schedule.e-device .e-agenda-view .e-m-day,
.e-schedule.e-device .e-month-agenda-view .e-resource-name,
.e-schedule.e-device .e-month-agenda-view .e-m-day {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
}

.e-schedule.e-rtl .e-agenda-view .e-appointment {
  border-left: 0;
  border-right: 3px solid #3f51b5;
}

.e-schedule.e-rtl .e-agenda-view .e-resource-column {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 0;
  vertical-align: top;
  width: 75px;
}

.e-schedule.e-rtl .e-agenda-view .e-day-padding {
  padding-right: 8px;
}

.e-schedule.e-rtl .e-agenda-view .e-date-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 0;
}

.e-schedule.e-read-only .e-toolbar-item.e-add.e-overflow-show {
  display: none;
}

.e-bigger .e-schedule .e-schedule-toolbar,
.e-bigger.e-schedule .e-schedule-toolbar {
  height: 56px;
  min-height: 56px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text,
.e-bigger.e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
  font-size: 14px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text {
  font-size: 16px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-icon-down-arrow,
.e-bigger.e-schedule .e-schedule-toolbar .e-icon-down-arrow {
  font-size: 10px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav,
.e-bigger.e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav {
  min-height: 56px;
  min-width: 32px;
  z-index: 0;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text {
  line-height: inherit;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items {
  min-height: 56px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
  min-height: 56px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
  min-width: 34px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
  height: calc(100% - 15px);
  margin: 7.5px 3px;
  min-height: 27px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons {
  min-width: 24px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
  height: auto;
  line-height: 25px;
  margin: 4px 0;
  min-height: 0;
  min-width: 34px;
  padding: 0 1.5px;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
  padding: 0;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right {
  padding: 0;
}

.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
  height: 25px;
}

.e-bigger .e-schedule .e-more-popup-wrapper .e-header-day,
.e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
  font-size: 14px;
}

.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
  font-size: 14px;
}

.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-date,
.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-date {
  font-size: 20px;
}

.e-bigger .e-schedule .e-vertical-view .e-resource-cells,
.e-bigger.e-schedule .e-vertical-view .e-resource-cells {
  font-size: 14px;
}

.e-bigger .e-schedule .e-vertical-view .e-time-cells-wrap table td,
.e-bigger.e-schedule .e-vertical-view .e-time-cells-wrap table td {
  font-size: 13px;
}

.e-bigger .e-schedule .e-vertical-view .e-clone-time-indicator,
.e-bigger .e-schedule .e-vertical-view .e-current-time,
.e-bigger.e-schedule .e-vertical-view .e-clone-time-indicator,
.e-bigger.e-schedule .e-vertical-view .e-current-time {
  font-size: 12px;
}

.e-bigger .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td,
.e-bigger.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
  font-size: 11px;
}

.e-bigger .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
.e-bigger .e-schedule.e-device .e-vertical-view .e-current-time,
.e-bigger.e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
.e-bigger.e-schedule.e-device .e-vertical-view .e-current-time {
  font-size: 9px;
}

.e-bigger .e-schedule .e-month-view .e-header-cells,
.e-bigger.e-schedule .e-month-view .e-header-cells {
  height: 35px;
}

.e-bigger .e-schedule .e-month-view .e-resource-cells,
.e-bigger .e-schedule .e-month-view .e-date-header-wrap,
.e-bigger.e-schedule .e-month-view .e-resource-cells,
.e-bigger.e-schedule .e-month-view .e-date-header-wrap {
  font-size: 14px;
}

.e-bigger .e-schedule .e-month-view .e-content-wrap,
.e-bigger.e-schedule .e-month-view .e-content-wrap {
  font-size: 14px;
}

.e-bigger .e-schedule .e-month-view .e-m-date,
.e-bigger.e-schedule .e-month-view .e-m-date {
  font-size: 20px;
}

.e-bigger .e-schedule .e-month-view .e-resource-name,
.e-bigger .e-schedule .e-month-view .e-m-day,
.e-bigger.e-schedule .e-month-view .e-resource-name,
.e-bigger.e-schedule .e-month-view .e-m-day {
  font-size: 14px;
}

/*! schedule event tooltip */
.e-schedule-event-tooltip .e-subject {
  font-size: 12px;
}

.e-bigger .e-schedule-event-tooltip .e-subject,
.e-schedule-event-tooltip.e-bigger .e-subject {
  font-size: 14px;
  font-weight: 500;
}

.e-dialog.e-quick-dialog.e-following-events-dialog {
  width: 420px;
}

@media screen and (max-width: 767px) {
  .e-dialog.e-quick-dialog.e-following-events-dialog {
    width: 289px;
  }
}

.e-dialog.e-quick-dialog {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 320px;
}

.e-dialog.e-quick-dialog .e-disable {
  display: none;
}

.e-dialog.e-quick-dialog .e-quick-dialog-cancel {
  box-shadow: none;
}

.e-dialog.e-quick-dialog.e-rtl {
  text-align: right;
}

.e-bigger .e-dialog.e-quick-dialog {
  min-width: 370px;
}

/*! schedule event window */
.e-schedule-dialog .e-disable {
  display: none;
}

.e-schedule-dialog .e-icon-disable {
  opacity: .5;
}

.e-schedule-dialog .e-dlg-header-content {
  padding-bottom: 8px;
}

.e-schedule-dialog .e-dlg-content {
  padding-bottom: 12px;
  position: relative;
}

.e-schedule-dialog .e-event-delete {
  float: left;
}

.e-schedule-dialog .e-subject-container,
.e-schedule-dialog .e-start-container,
.e-schedule-dialog .e-start-time-zone-container,
.e-schedule-dialog .e-description-label {
  padding-right: 8px;
}

.e-schedule-dialog .e-location-container,
.e-schedule-dialog .e-end-container,
.e-schedule-dialog .e-end-time-zone-container {
  padding-left: 8px;
}

.e-schedule-dialog .e-all-day-container {
  padding-right: 16px;
}

.e-schedule-dialog .e-time-zone-row {
  display: -ms-flexbox;
  display: flex;
  height: 0;
  margin-bottom: 0;
  overflow: hidden;
  padding-bottom: 0;
  transition: .3s ease-in-out;
  width: 100%;
}

.e-schedule-dialog .e-time-zone-row .e-start-time-zone-container,
.e-schedule-dialog .e-time-zone-row .e-end-time-zone-container {
  display: none;
  transform: translateY(-100%);
}

.e-schedule-dialog .e-time-zone-row.e-enable {
  height: 50px;
  margin-bottom: 12px;
}

.e-schedule-dialog .e-time-zone-row.e-enable .e-start-time-zone-container,
.e-schedule-dialog .e-time-zone-row.e-enable .e-end-time-zone-container {
  display: block;
  transform: translateY(0);
}

.e-schedule-dialog .e-title-location-row,
.e-schedule-dialog .e-start-end-row,
.e-schedule-dialog .e-start-input-container,
.e-schedule-dialog .e-end-input-container {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  width: 100%;
}

.e-schedule-dialog .e-resources {
  padding-bottom: 12px;
  width: 100%;
}

.e-schedule-dialog .e-all-day-time-zone-row {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 14px;
  padding-top: 8px;
  width: 100%;
}

.e-schedule-dialog .e-subject-container,
.e-schedule-dialog .e-location-container,
.e-schedule-dialog .e-start-container,
.e-schedule-dialog .e-end-container,
.e-schedule-dialog .e-start-time-zone-container,
.e-schedule-dialog .e-end-time-zone-container {
  width: 50%;
}

.e-schedule-dialog .e-description,
.e-schedule-dialog .e-float-input .e-description {
  height: 50px;
  resize: vertical;
}

.e-schedule-dialog .e-repeat-container,
.e-schedule-dialog .e-input-group .e-input-group-icon.e-icon-disable {
  display: none;
}

.e-schedule-dialog .e-footer-content {
  margin-top: 4px;
}

.e-schedule-dialog.e-rtl {
  text-align: right;
}

.e-schedule-dialog.e-rtl .e-all-day-container {
  margin-left: 16px;
  margin-right: 0;
}

.e-schedule-dialog.e-rtl .e-subject-container,
.e-schedule-dialog.e-rtl .e-start-container,
.e-schedule-dialog.e-rtl .e-start-time-zone-container,
.e-schedule-dialog.e-rtl .e-description-label {
  padding-left: 8px;
  padding-right: 0;
}

.e-schedule-dialog.e-rtl .e-location-container,
.e-schedule-dialog.e-rtl .e-end-container,
.e-schedule-dialog.e-rtl .e-end-time-zone-container {
  padding-left: 0;
  padding-right: 8px;
}

.e-schedule-dialog.e-rtl .e-event-delete {
  float: right;
}

.e-ddl.e-popup .e-resource-template {
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  text-indent: 10px;
}

.e-ddl.e-popup .e-resource-template .e-resource-color {
  height: 14px;
  margin-top: 10px;
  width: 14px;
}

.e-bigger .e-ddl.e-popup .e-resource-template {
  padding: 0 15px;
}

.e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
  height: 16px;
  margin-top: 14px;
  width: 16px;
}

.e-bigger .e-schedule-dialog .e-disable {
  display: none;
}

.e-bigger .e-schedule-dialog .e-dlg-header-content {
  padding-bottom: 8px;
}

.e-bigger .e-schedule-dialog .e-dlg-content {
  padding-bottom: 12px;
  position: relative;
}

.e-bigger .e-schedule-dialog .e-event-cancel,
.e-bigger .e-schedule-dialog .e-event-delete {
  border: none;
  box-shadow: none;
}

.e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
  float: left;
  margin-left: 0;
}

.e-bigger .e-schedule-dialog .e-subject-container,
.e-bigger .e-schedule-dialog .e-start-container,
.e-bigger .e-schedule-dialog .e-start-time-zone-container,
.e-bigger .e-schedule-dialog .e-description-label {
  padding-right: 12px;
}

.e-bigger .e-schedule-dialog .e-location-container,
.e-bigger .e-schedule-dialog .e-end-container,
.e-bigger .e-schedule-dialog .e-end-time-zone-container {
  padding-left: 12px;
}

.e-bigger .e-schedule-dialog .e-all-day-container {
  padding-right: 16px;
}

.e-bigger .e-schedule-dialog .e-time-zone-row {
  display: none;
}

.e-bigger .e-schedule-dialog .e-time-zone-row.e-enable {
  display: -ms-flexbox;
  display: flex;
  height: 60px;
}

.e-bigger .e-schedule-dialog .e-title-location-row,
.e-bigger .e-schedule-dialog .e-start-end-row,
.e-bigger .e-schedule-dialog .e-start-input-container,
.e-bigger .e-schedule-dialog .e-end-input-container,
.e-bigger .e-schedule-dialog .e-time-zone-row {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  width: 100%;
}

.e-bigger .e-schedule-dialog .e-resources {
  padding-bottom: 12px;
  width: 100%;
}

.e-bigger .e-schedule-dialog .e-all-day-time-zone-row {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  padding-top: 0;
  width: 100%;
}

.e-bigger .e-schedule-dialog .e-subject-container,
.e-bigger .e-schedule-dialog .e-location-container,
.e-bigger .e-schedule-dialog .e-start-container,
.e-bigger .e-schedule-dialog .e-end-container,
.e-bigger .e-schedule-dialog .e-start-time-zone-container,
.e-bigger .e-schedule-dialog .e-end-time-zone-container {
  width: 50%;
}

.e-bigger .e-schedule-dialog .e-location-container,
.e-bigger .e-schedule-dialog .e-end-container,
.e-bigger .e-schedule-dialog .e-end-time-zone-container,
.e-bigger .e-schedule-dialog .e-start-container,
.e-bigger .e-schedule-dialog .e-start-time-zone-container,
.e-bigger .e-schedule-dialog .e-subject-container,
.e-bigger .e-schedule-dialog .e-description-row,
.e-bigger .e-schedule-dialog .e-repeat-container {
  padding-top: 0;
}

.e-bigger .e-schedule-dialog .e-all-day-time-zone-row {
  padding-bottom: 16px;
  padding-top: 10px;
}

.e-bigger .e-schedule-dialog .e-description,
.e-bigger .e-schedule-dialog .e-float-input .e-description {
  height: 50px;
  resize: vertical;
}

.e-bigger .e-schedule-dialog .e-time-zone-row,
.e-bigger .e-schedule-dialog .e-repeat-container,
.e-bigger .e-schedule-dialog .e-input-group .e-input-group-icon.e-icon-disable {
  display: none;
}

.e-bigger .e-schedule-dialog .e-footer-content {
  padding-top: 8px;
}

.e-bigger .e-schedule-dialog.e-rtl .e-all-day-container {
  margin-left: 20px;
  margin-right: 0;
}

.e-bigger .e-schedule-dialog.e-rtl .e-subject-container,
.e-bigger .e-schedule-dialog.e-rtl .e-start-container,
.e-bigger .e-schedule-dialog.e-rtl .e-start-time-zone-container,
.e-bigger .e-schedule-dialog.e-rtl .e-description-label {
  padding-left: 12px;
  padding-right: 0;
}

.e-bigger .e-schedule-dialog.e-rtl .e-location-container,
.e-bigger .e-schedule-dialog.e-rtl .e-end-container,
.e-bigger .e-schedule-dialog.e-rtl .e-end-time-zone-container {
  padding-left: 0;
  padding-right: 12px;
}

.e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
  float: right;
}

.e-schedule-dialog.e-device .e-dlg-header,
.e-schedule-dialog.e-device .e-dlg-header * {
  width: 100%;
}

.e-schedule-dialog.e-device .e-dlg-header-content {
  background: #fafafa;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 3px;
}

.e-schedule-dialog.e-device .e-title-location-row,
.e-schedule-dialog.e-device .e-start-end-row,
.e-schedule-dialog.e-device .e-time-zone-row,
.e-schedule-dialog.e-device .e-start-input-container,
.e-schedule-dialog.e-device .e-end-input-container {
  display: inline;
}

.e-schedule-dialog.e-device .e-time-zone-row.e-enable {
  display: inline;
}

.e-schedule-dialog.e-device .e-subject-container,
.e-schedule-dialog.e-device .e-location-container,
.e-schedule-dialog.e-device .e-start-container,
.e-schedule-dialog.e-device .e-end-container,
.e-schedule-dialog.e-device .e-start-time-zone-container,
.e-schedule-dialog.e-device .e-end-time-zone-container {
  padding-left: 0;
  width: 100%;
}

.e-schedule-dialog.e-device .e-subject-container,
.e-schedule-dialog.e-device .e-start-container,
.e-schedule-dialog.e-device .e-start-time-zone-container,
.e-schedule-dialog.e-device .e-description-label {
  padding-right: 0;
}

.e-schedule-dialog.e-device .e-location-container,
.e-schedule-dialog.e-device .e-end-container,
.e-schedule-dialog.e-device .e-end-time-zone-container,
.e-schedule-dialog.e-device .e-start-container,
.e-schedule-dialog.e-device .e-start-time-zone-container,
.e-schedule-dialog.e-device .e-subject-container,
.e-schedule-dialog.e-device .e-description-row,
.e-schedule-dialog.e-device .e-repeat-container {
  padding-top: 20px;
}

.e-schedule-dialog.e-device .e-all-day-time-zone-row {
  padding-top: 20px;
}

.e-schedule-dialog.e-device .e-resources {
  padding-bottom: 0;
  padding-top: 20px;
}

.e-schedule-dialog.e-device .e-description,
.e-schedule-dialog.e-device .e-float-input .e-description {
  height: 60px;
  resize: vertical;
}

.e-schedule-dialog.e-device .e-all-day-time-zone-row {
  margin-top: 0;
  padding-bottom: 0;
}

.e-schedule-dialog.e-device .e-repeat-parent-row {
  padding-top: 8px;
}

.e-schedule-dialog.e-device .e-all-day-container {
  margin-right: 20px;
}

.e-schedule-dialog.e-device .e-title-header {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.e-schedule-dialog.e-device .e-save-icon,
.e-schedule-dialog.e-device .e-back-icon,
.e-schedule-dialog.e-device .e-forward-icon {
  cursor: pointer;
  line-height: normal;
}

.e-schedule-dialog.e-device .e-save-icon {
  text-align: right;
}

.e-schedule-dialog.e-device .e-time-zone-row,
.e-schedule-dialog.e-device .e-input-group .e-input-group-icon.e-icon-disable {
  display: none;
}

.e-schedule-dialog.e-device .e-repeat-container {
  display: block;
}

.e-schedule-dialog.e-device .e-icon-down-arrow {
  font-size: 10px;
}

.e-schedule-dialog.e-device.e-rtl .e-save-icon {
  text-align: left;
}

.e-schedule-dialog.e-device.e-rtl .e-all-day-container {
  margin-left: 20px;
  margin-right: 0;
}

.e-schedule-dialog.e-device.e-rtl .e-subject-container,
.e-schedule-dialog.e-device.e-rtl .e-start-container,
.e-schedule-dialog.e-device.e-rtl .e-start-time-zone-container,
.e-schedule-dialog.e-device.e-rtl .e-description-label {
  padding-left: 0;
}

.e-schedule-dialog.e-device.e-rtl .e-location-container,
.e-schedule-dialog.e-device.e-rtl .e-end-container,
.e-schedule-dialog.e-device.e-rtl .e-end-time-zone-container,
.e-schedule-dialog.e-device.e-rtl .e-all-day-container {
  padding-right: 0;
}

.e-schedule-dialog.e-device .e-recurrence-container {
  position: relative;
}

.e-schedule-dialog.e-device .e-recurrence-container.e-hide {
  display: none;
}

.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button {
  background: none;
  border: 0;
  box-shadow: none;
  margin: -3px 5px;
  position: absolute;
}

.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons {
  font-size: 12px;
  position: relative;
  top: 1px;
}

/*! schedule quick popup */
.e-quick-popup-wrapper {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.87);
  max-width: 365px;
  min-width: 320px;
  opacity: 1;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.e-quick-popup-wrapper .e-hidden {
  display: none;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper {
  position: absolute;
  right: 6px;
  top: 4px;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit,
.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete,
.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close {
  color: #000;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover,
.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover,
.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close:focus,
.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close:hover {
  background: #e0e0e0;
  color: #000;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit .e-close-icon,
.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete .e-close-icon,
.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
  font-size: 11px;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-content {
  padding: 28px 18px 8px;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table {
  width: 100%;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-schedule-form > span {
  margin-bottom: 4px;
  margin-bottom: 8px;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
  font-size: 22px;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header {
  background-color: #3f51b5;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
  padding: 5px 5px 2px;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete {
  display: none;
  display: block;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close {
  color: #fff;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:focus,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon {
  font-size: 11px;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:disabled:hover,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:disabled:hover {
  background: none;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:disabled > .e-edit-icon,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:disabled > .e-delete-icon,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:disabled > .e-edit-icon,
.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:disabled > .e-delete-icon {
  opacity: .5;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap {
  padding: 0 24px 16px;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
  cursor: default;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  max-height: 87px;
  color: #fff;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-content {
  padding: 8px 18px 26px 26px;
}

.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper .e-edit,
.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper .e-delete,
.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper .e-close,
.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit,
.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete,
.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close {
  background-color: transparent;
  border: 0;
}

.e-quick-popup-wrapper .e-cell-popup .e-date-time,
.e-quick-popup-wrapper .e-cell-popup .e-location,
.e-quick-popup-wrapper .e-cell-popup .e-time-zone,
.e-quick-popup-wrapper .e-cell-popup .e-description,
.e-quick-popup-wrapper .e-cell-popup .e-resource,
.e-quick-popup-wrapper .e-event-popup .e-date-time,
.e-quick-popup-wrapper .e-event-popup .e-location,
.e-quick-popup-wrapper .e-event-popup .e-time-zone,
.e-quick-popup-wrapper .e-event-popup .e-description,
.e-quick-popup-wrapper .e-event-popup .e-resource {
  color: rgba(0, 0, 0, 0.87);
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
}

.e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
.e-quick-popup-wrapper .e-cell-popup .e-location-icon,
.e-quick-popup-wrapper .e-cell-popup .e-time-zone-icon,
.e-quick-popup-wrapper .e-cell-popup .e-description-icon,
.e-quick-popup-wrapper .e-cell-popup .e-resource-icon,
.e-quick-popup-wrapper .e-event-popup .e-date-time-icon,
.e-quick-popup-wrapper .e-event-popup .e-location-icon,
.e-quick-popup-wrapper .e-event-popup .e-time-zone-icon,
.e-quick-popup-wrapper .e-event-popup .e-description-icon,
.e-quick-popup-wrapper .e-event-popup .e-resource-icon {
  color: rgba(0, 0, 0, 0.54);
  font-size: 18px;
  padding-right: 13px;
}

.e-quick-popup-wrapper .e-cell-popup .e-date-time-details,
.e-quick-popup-wrapper .e-cell-popup .e-location-details,
.e-quick-popup-wrapper .e-cell-popup .e-time-zone-details,
.e-quick-popup-wrapper .e-cell-popup .e-description-details,
.e-quick-popup-wrapper .e-cell-popup .e-resource-details,
.e-quick-popup-wrapper .e-event-popup .e-date-time-details,
.e-quick-popup-wrapper .e-event-popup .e-location-details,
.e-quick-popup-wrapper .e-event-popup .e-time-zone-details,
.e-quick-popup-wrapper .e-event-popup .e-description-details,
.e-quick-popup-wrapper .e-event-popup .e-resource-details {
  color: rgba(0, 0, 0, 0.87);
  cursor: default;
  font-size: 14px;
}

.e-quick-popup-wrapper .e-popup-table td:last-child {
  padding-top: 0;
}

.e-quick-popup-wrapper .e-popup-footer {
  display: block;
  padding: 8px 18px 8px 22px;
  text-align: right;
  padding-right: 4px;
}

.e-quick-popup-wrapper .e-popup-footer .e-event-edit {
  margin-right: 8px;
}

.e-quick-popup-wrapper .e-popup-footer .e-event-edit,
.e-quick-popup-wrapper .e-popup-footer .e-event-delete {
  right: auto;
}

.e-quick-popup-wrapper .e-popup-footer .e-event-edit:disabled,
.e-quick-popup-wrapper .e-popup-footer .e-event-delete:disabled {
  color: rgba(0, 0, 0, 0.26);
}

.e-quick-popup-wrapper .e-popup-footer .e-event-details {
  border: none;
  margin-right: 8px;
  right: auto;
  text-transform: capitalize;
  text-transform: uppercase;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-footer {
  display: none;
}

.e-quick-popup-wrapper.e-rtl {
  text-align: right;
}

.e-quick-popup-wrapper.e-rtl .e-cell-popup .e-header-icon-wrapper {
  left: 6px;
  right: auto;
}

.e-quick-popup-wrapper.e-rtl .e-cell-popup .e-popup-footer {
  padding: 8px 18px 8px 8px;
  text-align: left;
}

.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
  margin-right: 10px;
}

.e-quick-popup-wrapper.e-device {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1004;
}

.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover,
.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover,
.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:focus,
.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:hover {
  background: none;
}

.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-edit,
.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-delete {
  display: block;
}

.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-close {
  margin-left: 0;
  margin-right: auto;
  -ms-flex-order: -1;
      order: -1;
}

.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-subject-wrap {
  padding: 12px 24px;
  padding: 24px;
}

.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-content {
  padding: 12px 24px;
}

.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header {
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}

.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
  background-color: transparent;
  border: 0;
  height: 40px;
  width: 40px;
}

.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:hover,
.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete:focus,
.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete:hover {
  background: none;
}

.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  line-height: 2.25;
  padding: 4px 5px;
  width: calc(100% - 95px);
}

.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete-icon {
  font-size: 14px;
}

.e-quick-popup-wrapper.e-device.e-rtl .e-event-popup .e-popup-header .e-close {
  margin-left: auto;
  margin-right: 0;
}

.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
  font-size: 24px;
}

.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
  font-size: 14px;
}

.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
  font-size: 14px;
}

.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
  padding: 0 5px 0 8px;
  padding: 5px 5px 0 8px;
}

.e-appointment.e-schedule-event-clone {
  background: #3f51b5;
  border-radius: 2px;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  width: 100px;
  z-index: 9;
}

.e-appointment.e-schedule-event-clone.e-drag-clone {
  cursor: move;
}

.e-appointment.e-schedule-event-clone .e-recurrence-icon,
.e-appointment.e-schedule-event-clone .e-recurrence-edit-icon,
.e-appointment.e-schedule-event-clone .e-indicator.e-left-icon,
.e-appointment.e-schedule-event-clone .e-indicator.e-right-icon,
.e-appointment.e-schedule-event-clone .e-event-resize.e-left-handler,
.e-appointment.e-schedule-event-clone .e-event-resize.e-right-handler {
  display: none;
}

.e-appointment.e-schedule-event-clone .e-appointment-details {
  -ms-flex: auto;
      flex: auto;
  overflow: hidden;
  padding: 0 4px;
  text-align: left;
}

.e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
  -ms-flex: auto;
      flex: auto;
  overflow: hidden;
}

.e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  margin-left: auto;
  min-height: 18px;
  overflow: hidden;
  padding-top: 4px;
  text-overflow: ellipsis;
}

.e-appointment.e-schedule-event-clone .e-appointment-details .e-time {
  font-size: 11px;
  overflow: hidden;
  padding-top: 1px;
  text-overflow: ellipsis;
}

.e-appointment.e-schedule-event-clone .e-appointment-details .e-location {
  display: none;
}

.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
  padding: 3px 2px;
}

.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
  display: none;
}

.e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
  padding: 3px 0 1px 4px;
}

.e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-time {
  display: none;
}

.e-bigger .e-schedule .e-month-view .e-current-date .e-date-header {
  width: 26px;
}

.e-more-popup-wrapper {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
  opacity: 1;
  padding: 8px 0;
  width: 225px;
}

.e-more-popup-wrapper .e-more-appointment-wrapper {
  margin: 0 4px;
}

.e-more-popup-wrapper .e-more-event-popup {
  height: 100%;
  position: relative;
  width: 100%;
}

.e-more-popup-wrapper .e-more-event-header {
  height: 35px;
  margin: 0 8px 4px 14px;
}

.e-more-popup-wrapper .e-more-event-content {
  height: calc(100% - 35px);
  max-height: 300px;
  overflow-y: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.e-more-popup-wrapper .e-more-event-content .e-appointment-border {
  border: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.e-more-popup-wrapper .e-more-event-date-header {
  height: 100%;
  width: calc(100% - 25px);
}

.e-more-popup-wrapper .e-more-event-date-header .e-current-date {
  color: #e3165b;
}

.e-more-popup-wrapper .e-header-day {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  line-height: 1;
  padding-bottom: 2px;
}

.e-more-popup-wrapper .e-header-date {
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px;
  line-height: 1;
  max-width: 15%;
}

.e-more-popup-wrapper .e-header-date:hover {
  cursor: pointer;
  text-decoration: underline;
}

.e-more-popup-wrapper .e-header-date:focus {
  text-decoration: underline;
}

.e-more-popup-wrapper .e-more-event-close {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #000;
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 6px;
  width: 25px;
}

.e-more-popup-wrapper .e-more-event-close .e-close-icon {
  font-size: 9px;
}

.e-more-popup-wrapper .e-more-event-close .e-btn-icon {
  margin-top: 0;
}

.e-more-popup-wrapper .e-more-event-close:focus, .e-more-popup-wrapper .e-more-event-close:hover {
  background-color: #e0e0e0;
  border-radius: 50%;
  color: #000;
}

.e-more-popup-wrapper .e-appointment {
  background: #3f51b5;
  border-radius: 2px;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  line-height: 20px;
  margin-bottom: 2px;
  padding: 2px 0;
  width: 100%;
}

.e-more-popup-wrapper .e-appointment .e-subject {
  color: #fff;
  -ms-flex: auto;
      flex: auto;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  padding: 0 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-more-popup-wrapper .e-appointment .e-recurrence-icon,
.e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
  line-height: 22px;
  padding: 0 2px;
}

.e-more-popup-wrapper .e-appointment.e-appointment-border, .e-more-popup-wrapper .e-appointment:focus {
  border: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.e-more-popup-wrapper.e-device {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1002;
}

.e-more-popup-wrapper.e-device .e-more-event-content {
  max-height: unset;
}

.e-more-popup-wrapper.e-rtl .e-more-event-close {
  left: 6px;
  right: auto;
}

/*! schedule component theme */
.e-schedule {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.e-schedule .e-date-header-wrap {
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0;
  position: relative;
}

.e-schedule .e-vertical-view .e-date-header-wrap table tbody td:first-child,
.e-schedule .e-vertical-view .e-content-wrap table td:first-child {
  border-left-width: 0;
}

.e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
  background-color: #fff;
}

.e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
  background: #f5f5f5;
}

.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td.e-header-cells {
  border-bottom-width: 0;
}

.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td.e-header-cells.e-week-number {
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  padding-top: 10px;
  text-align: center;
  vertical-align: top;
}

.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td.e-resource-cells {
  border-bottom-color: transparent;
}

.e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
}

.e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells {
  border-bottom-width: 0;
}

.e-schedule .e-vertical-view .e-time-cells-wrap table td {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: rgba(0, 0, 0, 0.54);
}

.e-schedule .e-vertical-view .e-time-cells-wrap table td {
  border-bottom-color: transparent;
}

.e-schedule .e-vertical-view .e-time-cells-wrap .e-time-cells {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.e-schedule .e-vertical-view .e-header-cells {
  background-color: #fff;
}

.e-schedule .e-vertical-view .e-header-cells.e-current-day {
  color: #e3165b;
}

.e-schedule .e-vertical-view .e-work-cells {
  background-color: #fafafa;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 0 1px 1px;
}

.e-schedule .e-vertical-view .e-work-cells:hover {
  background: #f5f5f5;
  color: #000;
}

.e-schedule .e-vertical-view .e-alternate-cells {
  border-bottom-style: dotted;
}

.e-schedule .e-vertical-view .e-work-hours {
  background-color: #fff;
}

.e-schedule .e-vertical-view .e-all-day-cells {
  background-color: #fff;
}

.e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
  color: #e3165b;
}

.e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
  background-color: #e0e0e0;
  color: #000;
}

.e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
  background-color: #e0e0e0;
}

.e-schedule .e-vertical-view .e-selected-cell {
  background-color: #e0e0e0;
  color: #000;
}

.e-schedule .e-vertical-view .e-selected-cell:hover {
  background-color: #e0e0e0;
}

.e-schedule .e-vertical-view .e-clone-time-indicator,
.e-schedule .e-vertical-view .e-current-time {
  color: #e3165b;
}

.e-schedule .e-vertical-view .e-current-timeline {
  border-top: 1px solid #e3165b;
}

.e-schedule .e-vertical-view .e-previous-timeline {
  border-top: 1px dotted #e3165b;
}

.e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
  border-bottom-width: 1px;
}

.e-schedule .e-month-view .e-date-header-wrap table td:first-child,
.e-schedule .e-month-view .e-content-wrap table td:first-child {
  border-left-width: 0;
}

.e-schedule .e-month-view .e-date-header-wrap table td,
.e-schedule .e-month-agenda-view .e-date-header-wrap table td {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
}

.e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
.e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
  color: #e3165b;
}

.e-schedule .e-month-view .e-work-cells,
.e-schedule .e-month-agenda-view .e-work-cells {
  background-color: #fafafa;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-month-view .e-work-cells:hover,
.e-schedule .e-month-agenda-view .e-work-cells:hover {
  background: #f5f5f5;
  color: #000;
}

.e-schedule .e-month-view .e-work-days,
.e-schedule .e-month-agenda-view .e-work-days {
  background-color: #fff;
}

.e-schedule .e-month-view .e-other-month,
.e-schedule .e-month-agenda-view .e-other-month {
  color: rgba(0, 0, 0, 0.54);
}

.e-schedule .e-month-view .e-current-date .e-date-header,
.e-schedule .e-month-agenda-view .e-current-date .e-date-header {
  background-color: #e3165b;
  border-radius: 50%;
  color: #fff;
  width: 20px;
}

.e-schedule .e-month-view .e-selected-cell,
.e-schedule .e-month-agenda-view .e-selected-cell {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-month-view .e-selected-cell .e-more-indicator,
.e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-month-view .e-selected-cell:hover,
.e-schedule .e-month-agenda-view .e-selected-cell:hover {
  background-color: #e0e0e0;
}

.e-schedule .e-month-agenda-view .e-date-header-wrap table td {
  border-width: 0 0 1px 0;
  text-align: center;
}

.e-schedule .e-month-agenda-view .e-work-cells {
  border-width: 0;
}

.e-schedule .e-month-agenda-view .e-current-date .e-date-header {
  width: 24px;
}

.e-schedule .e-timeline-view .e-date-header-wrap table td:first-child,
.e-schedule .e-timeline-view .e-content-wrap table td:first-child,
.e-schedule .e-timeline-month-view .e-date-header-wrap table td:first-child,
.e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
  border-left-width: 0;
}

.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
  border-bottom-width: 0;
}

.e-schedule .e-timeline-view .e-date-header-wrap table td,
.e-schedule .e-timeline-month-view .e-date-header-wrap table td {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
.e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
  color: #e3165b;
}

.e-schedule .e-timeline-view .e-work-cells,
.e-schedule .e-timeline-month-view .e-work-cells {
  background-color: #fafafa;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
.e-schedule .e-timeline-month-view .e-work-cells:hover:not(.e-resource-group-cells) {
  background: #f5f5f5;
  color: #000;
}

.e-schedule .e-timeline-view .e-work-days,
.e-schedule .e-timeline-month-view .e-work-days {
  background-color: #fff;
}

.e-schedule .e-timeline-view .e-resource-group-cells,
.e-schedule .e-timeline-month-view .e-resource-group-cells {
  background-color: #fafafa;
}

.e-schedule .e-timeline-view .e-selected-cell,
.e-schedule .e-timeline-month-view .e-selected-cell {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
.e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
  background-color: #e0e0e0;
}

.e-schedule .e-timeline-view .e-work-hours {
  background-color: #fff;
}

.e-schedule .e-timeline-view .e-resource-group-cells {
  background-color: #fafafa;
}

.e-schedule .e-timeline-view .e-selected-cell {
  background-color: #e0e0e0;
  color: #000;
}

.e-schedule .e-timeline-view .e-selected-cell:hover {
  background-color: #e0e0e0;
}

.e-schedule .e-timeline-view .e-alternate-cells {
  border-left-style: dotted;
}

.e-schedule .e-timeline-view .e-header-row .e-time-cells {
  border-left-width: 0;
}

.e-schedule .e-timeline-view .e-clone-time-indicator,
.e-schedule .e-timeline-view .e-current-time {
  color: #e3165b;
  font-size: 11px;
}

.e-schedule .e-timeline-view .e-current-timeline {
  border-left: 1px solid #e3165b;
}

.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
.e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
  border-right-width: 0;
}

.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
.e-schedule.e-rtl .e-vertical-view .e-work-cells {
  border-width: 0 1px 1px 0;
}

.e-schedule.e-rtl .e-vertical-view .e-left-indent-wrap .e-header-cells,
.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap .e-header-cells {
  border-bottom-width: 0;
}

.e-schedule.e-rtl .e-vertical-view .e-left-indent-wrap table tbody td,
.e-schedule.e-rtl .e-vertical-view .e-time-cells-wrap table tbody td {
  border-width: 0 0 1px 1px;
}

.e-schedule.e-rtl .e-month-view .e-date-header-wrap table td:first-child,
.e-schedule.e-rtl .e-month-view .e-content-wrap table td:first-child {
  border-right-width: 0;
}

.e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
  border-width: 0 1px 1px 0;
}

.e-schedule.e-rtl .e-month-view .e-work-cells,
.e-schedule.e-rtl .e-month-agenda-view .e-work-cells {
  border-width: 0 1px 1px 0;
}

.e-schedule.e-rtl .e-month-agenda-view .e-work-cells {
  border-width: 0;
}

.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table td:first-child,
.e-schedule.e-rtl .e-timeline-view .e-content-wrap table td:first-child,
.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table td:first-child,
.e-schedule.e-rtl .e-timeline-month-view .e-content-wrap table td:first-child {
  border-right-width: 0;
}

.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table td:last-child,
.e-schedule.e-rtl .e-timeline-view .e-content-wrap table td:last-child,
.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table td:last-child,
.e-schedule.e-rtl .e-timeline-month-view .e-content-wrap table td:last-child {
  border-left-width: 0;
}

.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table td,
.e-schedule.e-rtl .e-timeline-view .e-content-wrap table td,
.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table td,
.e-schedule.e-rtl .e-timeline-month-view .e-content-wrap table td {
  border-width: 0 1px 1px 0;
}

.e-schedule.e-rtl .e-timeline-view .e-alternate-cells {
  border-right-style: dotted;
}

.e-schedule.e-rtl .e-timeline-view .e-header-row .e-time-cells {
  border-right-width: 0;
}

.e-tooltip-wrap.e-schedule-error {
  background-color: #fcdbe4;
  border-color: #fcdbe4;
  z-index: 1000;
}

.e-tooltip-wrap.e-schedule-error .e-arrow-tip.e-tip-top {
  left: 44%;
}

.e-tooltip-wrap.e-schedule-error .e-arrow-tip-inner.e-tip-top,
.e-tooltip-wrap.e-schedule-error .e-arrow-tip-outer.e-tip-top {
  border-bottom: 8px solid #fcdbe4;
  color: #fcdbe4;
}

.e-tooltip-wrap.e-schedule-error .e-arrow-tip-outer.e-tip-bottom,
.e-tooltip-wrap.e-schedule-error .e-arrow-tip-inner.e-tip-bottom {
  border-top: 8px solid #fcdbe4;
  color: #fcdbe4;
}

.e-tooltip-wrap.e-schedule-error .e-tip-content {
  padding: 3px 6px;
}

.e-tooltip-wrap.e-schedule-error .e-tip-content,
.e-tooltip-wrap.e-schedule-error .e-tip-content label {
  color: #f44336;
}

/*! recurrence editor theme wise definitions*/
/*! Recurrence-Editor component layout */
.e-recurrenceeditor .e-editor {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 1240px;
}

.e-recurrenceeditor .e-recurrence-table {
  table-layout: fixed;
  width: 100%;
}

.e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
  width: 27%;
}

.e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
  width: 24%;
}

.e-recurrenceeditor .e-recurrence-table .e-repeat-content {
  display: inline-block;
  font-weight: normal;
  padding: 18px 0 0 8px;
}

.e-recurrenceeditor .e-recurrence-table .e-input-wrapper {
  float: none;
  width: 100%;
}

.e-recurrenceeditor .e-recurrence-table .e-week-position {
  position: relative;
  right: 16px;
}

.e-recurrenceeditor .e-recurrence-table .e-monthday-element {
  padding-left: 10px;
}

.e-recurrenceeditor .e-icons {
  height: 0;
}

.e-recurrenceeditor .e-input-wrapper-side.e-form-left {
  padding: 0 8px 10px 0;
}

.e-recurrenceeditor .e-form-left {
  padding: 0 8px 16px 0;
}

.e-recurrenceeditor .e-form-right,
.e-recurrenceeditor .e-input-wrapper-side.e-form-right {
  padding: 0 0 10px 8px;
}

.e-recurrenceeditor .e-input-wrapper {
  float: left;
  width: 50%;
}

.e-recurrenceeditor .e-input-wrapper div {
  margin-bottom: 2.5%;
}

.e-recurrenceeditor .e-input-wrapper.e-end-on-date,
.e-recurrenceeditor .e-input-wrapper.e-end-on-count {
  padding-right: 0;
}

.e-recurrenceeditor.e-rtl .e-end-on > div,
.e-recurrenceeditor.e-rtl .e-month-expander > div > div {
  float: right;
}

.e-recurrenceeditor.e-rtl .e-form-left,
.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
  padding: 0 0 10px 8px;
}

.e-recurrenceeditor.e-rtl .e-form-right,
.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
  padding: 0 8px 10px 0;
}

.e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
  padding-left: 0;
}

.e-recurrenceeditor.e-rtl .e-week-position {
  padding-left: 16px;
  right: 0;
}

.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
  padding-right: 0;
}

.e-recurrenceeditor.e-rtl .e-end-on-label {
  margin-bottom: 5px;
}

.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
  padding-left: 8px;
  padding-right: 0;
}

.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
  padding-left: 0;
  padding-right: 8px;
}

.e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
  width: 0;
}

.e-recurrenceeditor .e-days .e-week-expander-label {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px;
}

.e-recurrenceeditor .e-days button {
  border-radius: 50%;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  height: 35px;
  margin: 0 8px 10px;
  width: 35px;
}

.e-recurrenceeditor .e-hide-recurrence-element {
  display: none;
}

.e-recurrenceeditor .e-half-space {
  width: 20%;
}

.e-recurrenceeditor .e-year-expander {
  margin-bottom: 11px;
}

.e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
  margin-bottom: 11px;
}

.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
  margin-top: -3px;
}

.e-recurrenceeditor .e-input-wrapper-side {
  float: left;
  padding: 16px 20px 0;
  width: 50%;
}

.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
  float: none;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 1px;
  padding-right: 16px;
}

.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
  padding-right: 16px;
}

.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-input-wrapper {
  margin: 0;
}

.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 1px;
  padding-right: 16px;
}

.e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
  padding-bottom: 6px;
}

.e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
  padding-bottom: 12px;
}

.e-recurrenceeditor .e-input-wrapper-side.e-form-right {
  margin-bottom: 11px;
}

.e-bigger .e-recurrenceeditor {
  padding: 0;
}

.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
  padding: 0 12px 11px 0;
}

.e-bigger .e-recurrenceeditor .e-form-left {
  padding: 0 12px 14px 0;
}

.e-bigger .e-recurrenceeditor .e-form-right,
.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
  padding: 0 0 10px 12px;
}

.e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
  right: 24px;
}

.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
  padding-bottom: 6px;
}

.e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
  padding-left: 70px;
}

.e-bigger .e-recurrenceeditor .e-week-position {
  padding-left: 55px;
  padding-right: 0;
}

.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
  font-size: 12px;
  margin-bottom: 0;
}

.e-bigger .e-recurrenceeditor .e-end-on-label {
  margin-bottom: 0;
}

.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
  font-size: 12px;
  margin-bottom: 8px;
}

.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
  padding-bottom: 12px;
}

.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
  font-size: 12px;
  margin-bottom: 1px;
}

.e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
.e-bigger .e-recurrenceeditor .e-year-expander,
.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
  margin-bottom: 11px;
}

.e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
  width: 0;
}

.e-bigger .e-recurrenceeditor .e-days button {
  height: 40px;
  width: 40px;
}

.e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
  padding: 0 0 10px 12px;
}

.e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
  padding: 0 12px 10px 0;
}

.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
  padding-left: 0;
  padding-right: 64px;
}

.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
  padding-right: 0;
}

.e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
  margin-bottom: 5px;
}

.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
  padding-left: 12px;
  padding-right: 0;
}

.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
  padding-left: 0;
  padding-right: 12px;
}

.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
  right: 33px;
}

.e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
  padding-left: 46px;
}

.e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
  width: 25%;
}

.e-device .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
  width: 20%;
}

.e-device .e-recurrenceeditor .e-week-expander-label {
  margin-bottom: 6px;
}

.e-device .e-recurrenceeditor .e-month-expander-label {
  font-size: 12px;
  margin-bottom: 5px;
}

.e-device .e-recurrenceeditor .e-footer-content {
  padding: 12px;
}

.e-device .e-recurrenceeditor .e-form-left,
.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
  padding: 0 3px 10px 0;
}

.e-device .e-recurrenceeditor .e-form-right,
.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
  padding: 0 0 10px 3px;
}

.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
  padding-left: 10px;
  padding-right: 0;
}

.e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
  padding-right: 10px;
}

.e-device .e-recurrenceeditor.e-end-on {
  padding-right: 0;
}

.e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
  float: none;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 1px;
}

.e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
  padding-right: 0;
}

.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
  padding-right: 0;
}

.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
  padding-left: 0;
  padding-right: 10px;
}

.e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
  padding-left: 0;
}

.e-device .e-recurrenceeditor.e-rtl .e-week-position {
  padding-left: 16px;
  padding-right: 0;
}

.e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
  padding-left: 20px;
}

.e-device .e-recurrenceeditor .e-week-position {
  padding-left: 0;
  padding-right: 0;
}

.e-device .e-recurrenceeditor .e-week-position {
  padding-left: 0;
}

.e-device.e-recurrence-dialog .e-dlg-header-content {
  background: none;
  box-shadow: none;
  padding-bottom: 10px;
}

.e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
  margin-bottom: 1px;
}

.e-device.e-recurrence-dialog .e-footer-content {
  padding: 16px 8px;
}

@media (max-width: 580px) {
  .e-recurrenceeditor {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .e-recurrenceeditor .e-editor {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
    margin-top: 0;
  }
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
    margin-bottom: 1px;
  }
  .e-recurrenceeditor .e-editor > div {
    margin-top: 20px;
  }
  .e-recurrenceeditor .e-editor > .e-input-wrapper {
    width: 100%;
  }
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
    width: 100%;
  }
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-input-wrapper {
    width: 50%;
  }
  .e-recurrenceeditor .e-editor .e-form-left,
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
    padding: 0 0 10px;
  }
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
    padding-left: 10px;
    padding-right: 0;
  }
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
    padding-right: 10px;
  }
  .e-recurrenceeditor .e-editor .e-form-right,
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
    padding-left: 0;
  }
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
    width: 100%;
  }
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
    width: 100%;
  }
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
    padding-right: 0;
  }
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
    padding-left: 0;
    padding-right: 10px;
  }
}

/*! Recurrence-Editor component theme */

.container {
  min-height: 100vh;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main {
  padding: 5rem 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer {
  width: 100%;
  height: 100px;
  border-top: 1px solid #eaeaea;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer img {
  margin-left: 0.5rem;
}

.footer a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.title a {
  color: #0070f3;
  text-decoration: none;
}

.title a:hover,
.title a:focus,
.title a:active {
  text-decoration: underline;
}

.title {
  margin: 0;
  line-height: 1.15;
  font-size: 4rem;
}

.title,
.description {
  text-align: center;
}

.description {
  line-height: 1.5;
  font-size: 1.5rem;
}

.code {
  background: #fafafa;
  border-radius: 5px;
  padding: 0.75rem;
  font-size: 1.1rem;
  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
    Bitstream Vera Sans Mono, Courier New, monospace;
}

.grid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  max-width: 800px;
  margin-top: 3rem;
}

.card {
  margin: 1rem;
  flex-basis: 45%;
  padding: 1.5rem;
  text-align: left;
  color: inherit;
  text-decoration: none;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.card:hover,
.card:focus,
.card:active {
  color: #0070f3;
  border-color: #0070f3;
}

.card h3 {
  margin: 0 0 1rem 0;
  font-size: 1.5rem;
}

.card p {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.logo {
  height: 1em;
}

@media (max-width: 600px) {
  .grid {
    width: 100%;
    flex-direction: column;
  }
}
  
#custom-table {
  font-size: 0.75rem;
  border-collapse: collapse;
  /* font-family: Arial, Helvetica, sans-serif; */
}

#custom-table td,
#custom-table th {
  padding: 5px 10px;
  border: 1px solid #ddd;
}

#custom-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

#custom-table th,
thead {
  height: 5.6vh;
  color: white;
  text-align: left;
  /* padding-top: 12px; */
  /* padding-bottom: 12px; */
  background-color: #0082ad;
}

#custom-table tr {
  vertical-align: middle;
}

:root {
  --extraSmall: 10px;
  --small: 12px;
  --medium: 1.43vh;
  --mediumStatic: 14px;
  --mediumLarge: 16px;
  --large: 18px;
  --extraLarge: 20px;
}

html,
body {
  padding: 0;
  margin: 0;
  /* font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
    Fira Sans, Droid Sans, Helvetica Neue, sans-serif; */
  font-family: 'Open Sans', sans-serif;
  font-size: var(--medium);
  overflow-x: hidden;
  overflow-y: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

.e-pagerexternalmsg {
  display: none !important;
}

.e-grid .e-gridheader {
  width: 100%;
}

.e-grid .e-sortfilterdiv {
  float: right;
}

.e-pager .e-currentitem {
  background: #71af00;
}

.e-headercell {
  border: 1px solid black;
}

.e-pager .e-pagercontainer {
  float: right;
}

.e-grid .e-altrow {
  background-color: #f5f5f5;
}

.e-headercell .e-rightalign {
  width: 200px;
}

.e-grid .e-headercell {
  color: white;
  font-size: var(--medium);
  font-family: 'Bell MT';
  background-color: #0a81ad;
}

.test {
  background-color: #343434;
}

.MuiDialog-paperWidthSm {
  max-width: min-content !important;
}

.e-grid .e-filterbarcell {
  height: 20px;
  background-color: #95c123;
}

.e-grid .e-filterbarcell {
  height: 20px;
  background-color: #95c123;
}

.e-pager .e-currentitem:hover {
  background: #71af00;
}

.e-grid .e-gridheader tr th {
  border-right: 1px solid #e0e0e0;
}

.e-grid.e-default .e-headercell {
  border-right: 1px solid #e0e0e0;
}

.e-grid .e-gridcontent tr.e-row .e-rowcell {
  border-right: 1px solid #e0e0e0;
}

.e-grid .e-gridheader .e-sortfilter .e-headercelldiv {
  padding: 0px;
}

.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after {
  background: white;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {
  height: 24px;
}

.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before {
  background: white;
}

.e-control input.e-input,
.e-control .e-input-group input,
.e-control .e-input-group input.e-input {
  color: white;
}

.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {
  border-color: white;
}

.e-pager .e-pagerdropdown {
  float: right;
  margin-top: 9px;
  margin-right: 10px;
  width: 60px;
  text-align: center;
}

.e-pager .e-pagerconstant {
  float: right;
  margin-top: 15px;
}

.e-control.e-grid.e-lib.e-gridhover.e-responsive.e-default.e-bothlines.e-tooltip.e-keyboard,
.e-headercell.e-defaultcursor,
.e-headercell.e-mousepointer {
  font-family: 'Open Sans', sans-serif;
}

tr.e-columnheader th.e-headercell.e-mousepointer div.e-headercelldiv,
tr.e-columnheader th.e-headercell.e-defaultcursor div.e-headercelldiv {
  text-align: center;
  padding: 0px;
}

/* ------------------------------------------------------------------------------------------------------- */

.e-appointment-wrapper .e-appointment.e-lib.e-draggable .e-appointment-details {
  padding: 0px;
}
.e-schedule .e-timeline-view .e-appointment .e-appointment-details,
.e-schedule .e-timeline-month-view .e-appointment .e-appointment-details {
  padding: 0px;
}
.e-content-wrap
  .e-event-table
  .e-appointment-container
  .e-appointment-wrapper
  .e-appointment.e-lib.e-draggable {
  border-radius: 4px;
}

.e-date-header-container
  .e-date-header-wrap
  .e-schedule-table
  tbody
  tr.e-header-row
  td.e-header-cells {
  background: #0a81ad 0% 0% no-repeat padding-box;
  font-family: 'Open Sans', sans-serif;
  padding: 0px;
}

.e-control.e-schedule.e-lib.e-keyboard {
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #0a81ad;
  border-radius: 5px;
  font-family: 'Open Sans', sans-serif;
}

.e-schedule .e-timeline-view .e-child-node,
.e-schedule .e-timeline-month-view .e-child-node {
  background: #0a81ad 0% 0% no-repeat padding-box;
  padding: 0px;
  font-family: 'Open Sans', sans-serif;
}

div.e-schedule-toolbar-container {
  display: none;
}

tbody tr td.e-work-cells.e-child-node.e-work-days,
tbody tr td.e-work-cells.e-child-node {
  background: white !important;
  font-family: 'Open Sans', sans-serif;
}

tbody tr td.e-header-cells.e-date-header {
  font-family: 'Open Sans', sans-serif;
  background: #0a81ad 0% 0% no-repeat padding-box !important;
}

tbody tr td.e-resource-cells.e-child-node {
  padding: 0px;
  font-family: 'Open Sans', sans-serif;
}

.e-resource-text {
  padding: 0px !important;
}

.outerClass {
  padding: 2.5px;
  height: 90px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
}

.outerMonthClass {
  padding: 2.5px;
  height: 60px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
}

.topClass {
  display: flex;
  height: 42.5px;
  font-size: var(--medium);
  align-items: center;
  justify-content: center;
}

.dividerClass {
  width: 125%;
  border-bottom: solid #0a81ad 2px;
}

.bottomClass {
  display: flex;
  height: 42.5px;
  font-size: var(--medium);
  align-items: center;
  justify-content: center;
}

.e-grid-mid-width {
  min-width: 150px !important;
}

.CircularProgressbar-path {
  stroke: #333333 !important;
}

.CircularProgressbar-text {
  fill: #333333 !important;
  font-size: calc(2 * var(--mediumStatic)) !important;
}

.MuiBadge-anchorOriginTopRightRectangle {
  top: 17%;
  right: 0;
  font-size: 1.33vh !important;
  transform: translateX(6.9vw) !important;
}

.MuiInputBase-input.Mui-disabled {
  color: #333333 !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}

/* previous and next button scheduler color */
/* .e-schedule .e-timeline-view .e-appointment, .e-schedule .e-timeline-month-view .e-appointment {
  background: #0a81ad;
} */
.MuiCheckbox-colorSecondary.Mui-checked {
  color: #0a81ad !important;
}


/*# sourceMappingURL=styles.0f03770e.chunk.css.map*/