@charset "UTF-8";
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px;
}

.fc-rtl .fc-popover .fc-header {
  flex-direction: row-reverse;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}

a[data-goto]:hover {
  text-decoration: underline;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "mirror" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-mirror-skeleton {
  z-index: 5;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-mirror-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-mirror-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

/* TODO: move to timegrid/daygrid */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #3788d8;
}

.fc-event,
.fc-event-dot {
  background-color: #3788d8;
  /* default BACKGROUND color */
}

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: 0.25;
}

/* Event Dragging
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-dragging.fc-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-event.fc-dragging:not(.fc-selected) {
  opacity: 0.75;
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0;
  /* except for mirror skeleton */
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}

.fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}

/* Icons
--------------------------------------------------------------------------------------------------
from https://feathericons.com/ and built with IcoMoon
*/
@font-face {
  font-family: "fcicons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.fc-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\E900";
}

.fc-icon-chevron-right:before {
  content: "\E901";
}

.fc-icon-chevrons-left:before {
  content: "\E902";
}

.fc-icon-chevrons-right:before {
  content: "\E903";
}

.fc-icon-minus-square:before {
  content: "\E904";
}

.fc-icon-plus-square:before {
  content: "\E905";
}

.fc-icon-x:before {
  content: "\E906";
}

.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
}

/* Buttons
--------------------------------------------------------------------------------------------------
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
*/
/* reset */
.fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

.fc-button {
  -webkit-appearance: button;
}

.fc-button:not(:disabled) {
  cursor: pointer;
}

.fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* theme */
.fc-button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.fc-button:hover {
  color: #212529;
  text-decoration: none;
}

.fc-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc-button:disabled {
  opacity: 0.65;
}

/* "primary" coloring */
.fc-button-primary {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.fc-button-primary:hover {
  color: #fff;
  background-color: #1e2b37;
  border-color: #1a252f;
}

.fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc-button-primary:disabled {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27;
}

.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

/* icons within buttons */
.fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.fc-button-group > .fc-button {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.fc-button-group > .fc-button:hover {
  z-index: 1;
}

.fc-button-group > .fc-button:focus,
.fc-button-group > .fc-button:active,
.fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}

.fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
}

.fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-button-group > .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}

/* inner content */
.fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}

.fc-toolbar h2 {
  font-size: 1.75em;
  margin: 0;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view-container {
  position: relative;
}

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

@media print {
  .fc {
    max-width: 100% !important;
  }

  /* Global Event Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid;
  }

  .fc-event .fc-resizer {
    display: none;
  }

  /* Table & Day-Row Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc th,
.fc td,
.fc hr,
.fc thead,
.fc tbody,
.fc-row {
    border-color: #ccc !important;
    background: #fff !important;
  }

  /* kill the overlaid, absolutely-positioned components */
  /* common... */
  .fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton,
.fc-bgevent-container,
.fc-business-container,
.fc-highlight-container,
.fc-mirror-container {
    display: none;
  }

  /* don't force a min-height on rows (for DayGrid) */
  .fc tbody .fc-row {
    height: auto !important;
    /* undo height that JS set in distributeHeight */
    min-height: 0 !important;
    /* undo the min-height from each view's specific stylesheet */
  }

  .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    /* undo .fc-rigid */
    padding-bottom: 0 !important;
    /* use a more border-friendly method for this... */
  }

  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    /* only works in newer browsers */
    padding-bottom: 1em;
    /* ...gives space within the skeleton. also ensures min height in a way */
  }

  .fc tbody .fc-row .fc-content-skeleton table {
    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
       making it look more like 3em. for other browers, it will already be this tall */
    height: 1em;
  }

  /* Undo month-view event limiting. Display all events and hide the "more" links
  --------------------------------------------------------------------------------------------------*/
  .fc-more-cell,
.fc-more {
    display: none !important;
  }

  .fc tr.fc-limited {
    display: table-row !important;
  }

  .fc td.fc-limited {
    display: table-cell !important;
  }

  .fc-popover {
    display: none;
    /* never display the "more.." popover in print mode */
  }

  /* TimeGrid Restyling
  --------------------------------------------------------------------------------------------------*/
  /* undo the min-height 100% trick used to fill the container's height */
  .fc-time-grid {
    min-height: 0 !important;
  }

  /* don't display the side axis at all ("all-day" and time cells) */
  .fc-timeGrid-view .fc-axis {
    display: none;
  }

  /* don't display the horizontal lines */
  .fc-slats,
.fc-time-grid hr {
    /* this hr is used when height is underused and needs to be filled */
    display: none !important;
    /* important overrides inline declaration */
  }

  /* let the container that holds the events be naturally positioned and create real height */
  .fc-time-grid .fc-content-skeleton {
    position: static;
  }

  /* in case there are no events, we still want some height */
  .fc-time-grid .fc-content-skeleton table {
    height: 4em;
  }

  /* kill the horizontal spacing made by the event container. event margins will be done below */
  .fc-time-grid .fc-event-container {
    margin: 0 !important;
  }

  /* TimeGrid *Event* Restyling
  --------------------------------------------------------------------------------------------------*/
  /* naturally position events, vertically stacking them */
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important;
  }

  /* for events that continue to a future day, give the bottom border back */
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important;
  }

  /* indicate the event continues via "..." text */
  .fc-time-grid .fc-event.fc-not-end:after {
    content: "...";
  }

  /* for events that are continuations from previous days, give the top border back */
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important;
  }

  /* indicate the event is a continuation via "..." text */
  .fc-time-grid .fc-event.fc-not-start:before {
    content: "...";
  }

  /* time */
  /* undo a previous declaration and let the time text span to a second line */
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important;
  }

  /* hide the the time that is normally displayed... */
  .fc-time-grid .fc-event .fc-time span {
    display: none;
  }

  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full);
  }

  /* Vertical Scroller & Containers
  --------------------------------------------------------------------------------------------------*/
  /* kill the scrollbars and allow natural height */
  .fc-scroller,
.fc-day-grid-container,
.fc-time-grid-container {
    /* */
    overflow: visible !important;
    height: auto !important;
  }

  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }

  /* Button Controls
  --------------------------------------------------------------------------------------------------*/
  .fc-button-group,
.fc button {
    display: none;
    /* don't display any button-related controls */
  }
}
/* DayGridView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-dayGridWeek-view .fc-content-skeleton,
.fc-dayGridDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-dayGrid-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}

.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
  padding: 2px;
}

.fc-dayGrid-view th.fc-week-number,
.fc-dayGrid-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: right;
}

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.fc-dayGrid-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

/* when week/day number have own column */
.fc-dayGrid-view td.fc-week-number {
  text-align: center;
}

.fc-dayGrid-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
@charset "UTF-8";
/* TimeGridView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-timeGrid-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-timeGrid-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> TimeGridView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.fc-time-grid .fc-mirror-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  margin-bottom: 1px;
}

.fc-time-grid-event-inset {
  -webkit-box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px #fff;
}

.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-time-grid-event .fc-content {
  overflow: hidden;
  max-height: 100%;
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.fc-list-view {
  border-width: 1px;
  border-style: solid;
}

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.fc-list-table tr:first-child td {
  border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}

.fc-list-heading td {
  font-weight: bold;
}

.fc-ltr .fc-list-heading-main {
  float: left;
}

.fc-ltr .fc-list-heading-alt {
  float: right;
}

.fc-rtl .fc-list-heading-main {
  float: right;
}

.fc-rtl .fc-list-heading-alt {
  float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}
/*
 * Implementation of themes
 */

.el-green {
  color: #01a96f !important;
}

.el-light-green {
  color: #78dabb !important;
}

.el-red {
  color: #ff706c !important;
}

.el-blue {
  color: #0486fe !important;
}

.el-blue-v2 {
  color: #56b8ea !important;
}

.el-purple {
  color: #6085fc !important;
}

.el-pink {
  color: #f598fd !important;
}

.el-violet {
  color: #a029c1 !important;
}

.el-orange {
  color: #ffbc05 !important;
}

.el-bg-green {
  background-color: #01a96f !important;
}

.el-bg-green {
  background-color: #01a96f !important;
}

.el-bg-red {
  background-color: #ff706c !important;
}

.el-bg-blue {
  background-color: #0486fe !important;
}

.el-bg-purple {
  background-color: #6085fc !important;
}

.el-bg-pink {
  background-color: #f598fd !important;
}

.el-bg-violet {
  background-color: #a029c1 !important;
}

.el-bg-orange {
  background-color: #ffbc05 !important;
}

.el-gray {
  color: #606266;
}

.element-blue {
  color: #409EFF !important;
}

.el-color--warning {
  color: #E6A23C;
}

.el-color--warning.el-button--text {
  color: #E6A23C !important;
}

.el-color--success {
  color: #67c23a;
}

.el-color--danger {
  color: #f56c6c;
}

.el-border-color--warning .el-input__inner {
  border: 2px solid #E6A23C;
}

.el-border-color--gray .el-input__inner {
  border: 2px solid #606266;
}

.el-color--primary-color {
  color: var(--primaryColor);
}

.el-color--secondary-color {
  color: var(--secondaryColor);
}

.el-leaf-color {
  color: #01A9A9;
}

.stripe-btn {
  border-color: rgba(137, 93, 251, 0.7) !important;
  color: rgba(137, 93, 251, 0.9) !important;
}

.stripe-btn:hover {
  border-color: #895dfb;
  background-color: rgba(138, 93, 251, 0.1);
  color: #895dfb;
}

.stripe-btn-fill {
  border-color: rgba(137, 93, 251, 0.7) !important;
  background-color: rgba(137, 93, 251, 0.9) !important;
  color: #fff !important;
}

.stripe-btn-fill.alternative {
  color: #fff !important;
  border-color: #dcdfe6 !important;
  background: linear-gradient(120deg, #895dfb, #e14fad, #895dfb);
  background-size: 200% 100% !important;
  background-position: left !important;
  transition: background-position 0.3s !important;
}

.stripe-btn-fill.alternative:hover {
  background-position: right !important;
}

.stripe-btn-fill.alternative:active {
  background-position: right !important;
}

.stripe-btn-fill:hover {
  background-color: #9f7df7;
  color: #fff;
}

.stripe-text-color {
  color: #895dfb;
}

.stripe-text-color .el-input__inner {
  color: #895dfb !important;
}

.is-disabled .stripe-text-color {
  color: #c0c4cc !important;
}

.stripe-switch.el-switch.is-checked .el-switch__core {
  border-color: rgba(137, 93, 251, 0.7) !important;
  background-color: rgba(137, 93, 251, 0.9) !important;
}

.stripe-tag {
  background: transparent;
  border-color: #895dfb !important;
  color: #895dfb !important;
}

.stripe-tag.alternative {
  background-color: #895dfb !important;
  border-color: #895dfb !important;
  color: #fff !important;
}

.stripe-gradient {
  background: linear-gradient(120deg, #895dfb, #e14fad, #895dfb) !important;
  background-size: 200% 100% !important;
  background-position: left !important;
  transition: background-position 0.3s !important;
}

.stripe-gradient:hover {
  background-position: right !important;
}

.stripe-gradient .el-alert__content {
  width: 100%;
}

.stripe-gradient .el-dialog__close.el-icon.el-icon-close {
  color: #e4e4e4 !important;
}

.stripe-gradient .el-dialog__close.el-icon.el-icon-close:hover {
  color: #fff !important;
}

.stripe-btn {
  border-color: rgba(137, 93, 251, 0.7) !important;
  color: rgba(137, 93, 251, 0.9) !important;
}

.stripe-btn:hover {
  border-color: #895dfb;
  background-color: rgba(138, 93, 251, 0.1);
  color: #895dfb;
}

.stripe-btn-fill {
  border-color: rgba(137, 93, 251, 0.7) !important;
  background-color: rgba(137, 93, 251, 0.9) !important;
  color: #fff !important;
}

.stripe-btn-fill.alternative {
  color: #fff !important;
  border-color: #dcdfe6 !important;
  background: linear-gradient(120deg, #895dfb, #e14fad, #895dfb);
  background-size: 200% 100% !important;
  background-position: left !important;
  transition: background-position 0.3s !important;
}

.stripe-btn-fill.alternative:hover {
  background-position: right !important;
}

.stripe-btn-fill.alternative:active {
  background-position: right !important;
}

.stripe-btn-fill:hover {
  background-color: #9f7df7;
  color: #fff;
}

.stripe-text-color {
  color: #895dfb;
}

.stripe-text-color .el-input__inner {
  color: #895dfb !important;
}

.is-disabled .stripe-text-color {
  color: #c0c4cc !important;
}

.stripe-switch.el-switch.is-checked .el-switch__core {
  border-color: rgba(137, 93, 251, 0.7) !important;
  background-color: rgba(137, 93, 251, 0.9) !important;
}

.stripe-tag {
  background: transparent;
  border-color: #895dfb !important;
  color: #895dfb !important;
}

.stripe-tag.alternative {
  background-color: #895dfb !important;
  border-color: #895dfb !important;
  color: #fff !important;
}

.stripe-gradient {
  background: linear-gradient(120deg, #895dfb, #e14fad, #895dfb) !important;
  background-size: 200% 100% !important;
  background-position: left !important;
  transition: background-position 0.3s !important;
}

.stripe-gradient:hover {
  background-position: right !important;
}

.stripe-gradient .el-alert__content {
  width: 100%;
}

.stripe-gradient .el-dialog__close.el-icon.el-icon-close {
  color: #e4e4e4 !important;
}

.stripe-gradient .el-dialog__close.el-icon.el-icon-close:hover {
  color: #fff !important;
}

.text-general {
  color: #FF903B;
}

.text-general .el-input__inner {
  color: #FF903B !important;
}

.bg-general {
  background-color: #FF903B !important;
}

.bg-contract {
  background-color: #009cbc !important;
}

.bg-program {
  background-color: #644EFF !important;
}

.border-general {
  border-color: #FF903B !important;
}

.border-contract {
  border-color: #009cbc !important;
}

.border-program {
  border-color: #644EFF !important;
}

.text-contract {
  color: #009cbc;
}

.text-contract .el-input__inner {
  color: #009cbc !important;
}

.text-program {
  color: #644EFF;
}

.text-program .el-input__inner {
  color: #644EFF !important;
}

@keyframes shift-background {
  0% {
    background-position: left;
  }

  50% {
    background-position: right;
  }

  100% {
    background-position: left;
  }
}

.tb-pay-gradient.loading {
  animation: shift-background 0.3s linear infinite;
}

.tb-pay-gradient.el-button {
  border: none !important;
  color: #fff !important;
}

.tb-pay-gradient.all {
  background-color: grey;
}

.tb-pay-gradient.all:hover {
  background-color: #e4e4e4;
}

.tb-pay-gradient.default {
  background: linear-gradient(45deg, #2791FF, #735AFA, #2791FF);
  background-size: 200% 100%;
  background-position: left;
  transition: all 0.3s;
}

.tb-pay-gradient.default:hover {
  background-position: right;
}

.tb-pay-gradient.general {
  background: linear-gradient(45deg, #FFBD3A, #FF903B, #FFBD3A);
  background-size: 200% 100%;
  background-position: left;
  transition: all 0.3s;
}

.tb-pay-gradient.general:hover {
  background-position: right;
}

.tb-pay-gradient.stripe {
  background: linear-gradient(120deg, #895dfb, #e14fad, #895dfb);
  background-size: 200% 100%;
  background-position: left;
  transition: all 0.3s;
}

.tb-pay-gradient.stripe:hover {
  background-position: right;
}

.tb-pay-gradient.contract {
  background: linear-gradient(45deg, #00C8AD, #009cbc, #00C8AD);
  background-size: 200% 100%;
  background-position: left;
  transition: all 0.3s;
}

.tb-pay-gradient.contract:hover {
  background-position: right;
}

.tb-pay-gradient.program {
  background: linear-gradient(45deg, #897AF5, #644EFF, #897AF5);
  background-size: 200% 100%;
  background-position: left;
  transition: all 0.3s;
}

.tb-pay-gradient.program:hover {
  background-position: right;
}

.tb-pay-gradient.danger {
  background: linear-gradient(45deg, #f56c6c, #c25555, #753333);
  background-size: 200% 100%;
  background-position: left;
  transition: all 0.3s;
}

.tb-pay-gradient.danger:hover {
  background-position: right;
}

.tb-pay-gradient.bank {
  background: linear-gradient(45deg, #897AF5, #644EFF, #897AF5);
  background-size: 200% 100%;
  background-position: left;
  transition: all 0.3s;
}

.tb-pay-gradient.bank:hover {
  background-position: right;
}

.tb-pay-gradient .el-alert__content {
  width: 100%;
}

.tb-pay-gradient .el-dialog__close.el-icon.el-icon-close {
  color: #e4e4e4;
}

.tb-pay-gradient .el-dialog__close.el-icon.el-icon-close:hover {
  color: #fff;
}

.tb-pay-logo .logo-back {
  width: 60px;
  border: 2px solid;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-size: 12px;
  padding: 2px 5px;
  height: 20px;
  background-color: #775efa;
}

.tb-pay-logo .logo-back.general {
  background-color: #FF903B;
}

.tb-pay-logo .logo-back.contract {
  background-color: #009cbc;
}

.tb-pay-logo .logo-front {
  position: absolute;
  top: 7px;
  width: 60px;
  border: 2px solid;
  border-radius: 6px;
  font-size: 12px;
  padding: 6px 5px;
}

.tb-pay-logo.icon-version {
  transform: scale(0.7) !important;
}

.tb-pay-logo.tab-version {
  transform: scale(0.7) !important;
  position: absolute !important;
  left: 10px !important;
  bottom: -2px !important;
  padding: 0 !important;
  line-height: 10px;
}

.tb-pay-logo.select-option-version {
  transform: scale(0.7) !important;
  position: absolute !important;
  right: 10px !important;
  top: 0 !important;
  padding: 0 !important;
  line-height: 10px;
}

.wallets-container .scroll-tag {
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 2;
  font-size: 0.75em;
  opacity: 0;
  transition: opacity 0.3s ease, background 0.3s ease;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  bottom: 10px;
}

.wallets-container .scroll-tag.up {
  background: #6CA9F5;
}

.wallets-container .scroll-tag.down {
  background: rgba(0, 0, 0, 0.4);
}

.wallets-container .scroll-tag .arrow-down {
  animation: scroll-down 1.5s infinite;
  margin-top: -3px;
}

@keyframes scroll-down {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    transform: translateY(4px);
    opacity: 0.5;
  }
}

.wallets-container:hover .scroll-tag {
  opacity: 1;
}

.wallets-container .el-card.el-card--wallets {
  padding-top: 25px;
  color: #6c6c6c;
  width: 400px;
  border-radius: 16px;
}

.wallets-container .el-card.el-card--wallets .el-card__header {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.wallets-container .el-card.el-card--wallets .el-card__header .el-button.el-button--text {
  padding: 0;
  color: #fff;
  margin-left: 15px;
}

.wallets-container .el-card.el-card--wallets.archived .el-card__header {
  background: #FA5555;
}

.wallets-container .el-card.el-card--wallets .background-icon {
  position: absolute;
  top: 80px;
  right: 30px;
  color: rgba(255, 255, 255, 0.2);
  font-size: 80px;
  pointer-events: none;
  z-index: 1;
}

.wallets-container .el-card.el-card--wallets .wallet-description {
  height: 95px;
  display: flex;
  align-items: center;
  z-index: 2;
  position: relative;
}

.wallets-container .el-card.el-card--wallets .wallet-bottom-body {
  width: 100%;
  background: #fff;
  padding: 10px 25px;
}

.wallets-container .el-card.el-card--wallets .wallet-bottom-body .fa-solid {
  font-size: 1.5em;
}

.wallets-container .el-card.el-card--wallets .wallet-bottom-body .fa-solid.fa-square-plus {
  color: #48ba80;
}

.wallets-container .el-card.el-card--wallets .wallet-bottom-body .fa-solid.fa-square-plus.disabled {
  color: #95baa7;
}

.wallets-container .el-card.el-card--wallets .wallet-bottom-body .fa-solid.fa-square-minus {
  color: #f57a7b;
}

.wallets-container .el-card.el-card--wallets .wallet-bottom-body .fa-solid.fa-square-minus.disabled {
  color: #bd8e8e;
}

.wallets-container .el-card.el-card--wallets .wallet-bottom-body .fa-solid.fa-circle-check {
  color: #01a96f;
  font-size: 16px;
}

.wallets-container .el-card.el-card--wallets .wallet-bottom-body .fa-pencil {
  font-size: 0.8em;
}

.wallets-container .el-card.el-card--wallets .wallet-bottom-body .fa-pencil.disabled {
  color: #909399;
}

.wallets-container .el-card.el-card--wallets:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2);
}

.wallets-container .el-card.el-card--wallets.list {
  min-width: 500px !important;
}

.wallets-container .el-card.el-card--wallets.list .wallet-description {
  height: 135px;
}

.wallets-container .el-card.el-card--wallets.list .background-icon {
  font-size: 100px;
}

.list-enter-active,
.list-leave-active {
  transition: all 0.3s ease;
}

.list-enter,
.list-leave-to {
  opacity: 0;
  transform: scale(0.9);
}

#tab-tb_pay_wallets:hover .tb-pay-gradient {
  background-position: right;
}

.el-input.wallet-card-name .el-input__inner {
  background: transparent;
  text-align: center;
  font-weight: 700;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 16px;
}

.fa-light.disabled,
.fa-solid.disabled,
.fal.disabled,
.fas.disabled {
  cursor: not-allowed;
}

.el-card.el-card--wallets__placeholder {
  padding-top: 25px;
  padding-bottom: 25px;
  color: #6c6c6c;
  min-width: 400px;
  border-radius: 16px;
}

.el-carousel.no-indicators .el-carousel__indicators {
  display: none;
}

.el-button.btn-wide {
  min-width: 100px;
}

.el-button.el-button--flat {
  border: none !important;
  background-color: transparent !important;
}

.el-button.el-button--outline {
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
  background-color: rgba(255, 255, 255, 0);
  color: #eaeaea;
}

.el-button.el-button--outline:hover:not(.is-disabled) {
  border-color: #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.el-button.is-plain.el-button--danger {
  background: none;
  border-color: #ff706c;
}

.el-button.is-plain.el-button--danger:hover {
  color: #fff;
}

.el-button.el-button--text-dark {
  color: #525252;
  padding: 5px;
  border: none;
}

.el-button.el-button--text-dark:hover {
  background: none;
}

.el-button.el-button--text-dark:focus {
  color: #525252;
  border: none;
  background: none;
}

.el-button.el-button--text-light {
  color: #999;
  padding: 5px;
  border: none;
}

.el-button.el-button--text-light:hover {
  background: none;
}

.el-button.el-button--text-light:focus {
  color: #999;
  border: none;
  background: none;
}

.el-button.el-button--primary {
  background-color: #0486fe;
  border-color: #0486fe;
}

.el-button.el-button--primary.el-button-new {
  border-radius: 2em;
}

.el-button.el-button--text.el-button--light-text {
  color: #ccc;
}

.el-button.el-button--text.el-button--light-text:hover {
  color: #409EFF;
}

.el-button.el-button--blue-green {
  border-color: #00a8a8;
  background: #00a8a8;
  color: #fff;
}

.el-button.el-button--blue-green:hover {
  background: #00a8a8;
  border-color: #00a8a8;
  color: #fff;
}

.el-button.el-button--blue-green:focus {
  border-color: #00a8a8;
  background: #00a8a8;
  color: #fff;
}

.el-button.el-button--blue-green.is-plain {
  background: #fff;
  color: #00a8a8;
  border-color: #00a8a8;
}

.el-button.el-button--blue-green.is-plain:hover {
  background: #00a8a8;
  border-color: #00a8a8;
  color: #fff;
}

.el-button.el-button--blue-green.is-plain:focus {
  background: #fff;
  color: #00a8a8;
  border-color: #00a8a8;
}

.el-button.el-button--text-blue-green {
  color: #00a8a8;
  border: none;
}

.el-button.el-button--text-blue-green:hover {
  background: none;
  color: #00a8a8;
}

.el-button.el-button--green {
  border-color: #01a96f;
  background: #01a96f;
  color: #fff;
}

.el-button.el-button--green:hover {
  background: #00c380;
  border-color: #00c380;
  color: #fff;
}

.el-button.el-button--green:focus {
  border-color: #01a96f;
  background: #01a96f;
  color: #fff;
}

.el-button.el-button--green.is-plain {
  background: #fff;
  color: #01a96f;
  border-color: #01a96f;
}

.el-button.el-button--green.is-plain:hover {
  background: #01a96f;
  border-color: #01a96f;
  color: #fff;
}

.el-button.el-button--green.is-plain:focus {
  background: #fff;
  color: #01a96f;
  border-color: #01a96f;
}

.el-button.el-button--greenv2 {
  border-color: #01a96f;
  background: #01a96f;
  color: #fff;
}

.el-button.el-button--greenv2:hover {
  background: #00c380;
  border-color: #00c380;
  color: #fff;
}

.el-button.el-button--greenv2:focus {
  border-color: #01a96f;
  background: #01a96f;
  color: #fff;
}

.el-button.el-button--greenv2.is-plain {
  background: #fff;
  color: #01a96f;
  border-color: #01a96f;
}

.el-button.el-button--greenv2.is-plain:hover {
  background: #01a96f;
  border-color: #01a96f;
  color: #fff;
}

.el-button.el-button--greenv2.is-plain:focus {
  background: #fff;
  color: #01a96f;
  border-color: #01a96f;
}

.el-button.el-button--greenv2.el-button--activate-payer.el-button--mini {
  padding: 4px 15px;
}

.el-button.el-button--greenv2.el-dropdown__caret-button.el-button--mini {
  padding: 4px 5px;
}

.el-button.el-button--greenv2.el-dropdown__caret-button:before {
  top: 0;
  bottom: 0;
  background: #0f8c6f;
}

.el-button.el-button--blue {
  border-color: #409EFF;
  background: #0486fe;
  color: #fff;
}

.el-button.el-button--blue:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #fff;
}

.el-button.el-button--blue.is-plain {
  background: #fff;
  color: #409EFF;
  border-color: #409EFF;
}

.el-button.el-button--blue.is-plain:hover {
  background: #409EFF;
  border-color: #409EFF;
  color: #fff;
}

.el-button.el-button--gray {
  color: #606266;
}

.el-button.el-button--link {
  border: none;
  background: none;
  padding-left: 5px;
}

.el-button.el-button--link:hover {
  border: none;
  background: none;
  opacity: 0.8;
}

.el-button.el-button--link:focus {
  color: #606266;
  border: none;
  background: none;
}

.el-button.el-button--text.is-plain {
  color: #606266;
  padding: 0;
  border: 0;
}

.el-button.el-button--text.is-plain:hover {
  border: 0;
  padding: 0;
}

.el-button.el-button--yellow {
  border: #ffcc49;
  background: #ffcc49;
}

.el-button.el-button--yellow:focus {
  color: #606266;
  border: #ffdb7e;
  background: #ffdb7e;
}

.el-button.el-button--yellow:hover {
  border: #ffdb7e;
  background: #ffdb7e;
  color: #606266;
}

.el-button.el-button--settings {
  color: #909399;
  padding: 10px 15px;
  display: flex;
  align-items: center;
}

.el-button.el-button--settings i {
  font-size: 22px;
}

.el-button.el-button--fixed-width {
  width: 140px;
}

.el-button.el-button--light-green {
  border-color: #00b6b4;
  background: #00b6b4;
  color: #fff;
}

.el-button.el-button--light-green:hover {
  background: #00b6b4;
  border-color: #00b6b4;
  color: #fff;
}

.el-button.el-button--light-green:focus {
  border-color: #00b6b4;
  background: #00b6b4;
  color: #fff;
}

.el-button.el-button--light-green.is-plain {
  background: #fff;
  color: #00b6b4;
  border-color: #00b6b4;
}

.el-button.el-button--light-green.is-plain:hover {
  background: #00b6b4;
  border-color: #00b6b4;
  color: #fff;
}

.el-button.el-button--light-green.is-plain:focus {
  background: #fff;
  color: #00b6b4;
  border-color: #00b6b4;
}

.el-button.big {
  font-size: 18px;
}

.el-button.top-right-aligned {
  position: absolute;
  top: 4px;
  right: 4px;
  border: none;
}

.el-button.big.top-right-aligned {
  top: -25px;
  right: -20px;
}

.el-button.with-text {
  position: relative;
}

.el-button.with-text i {
  margin: 0;
}

.el-button.with-text:hover span {
  transform: translateX(10px);
  opacity: 1;
}

.el-button.with-text span {
  display: inline-block;
  position: absolute;
  font-size: 14px;
  transition: 0.3s;
  color: #0486fe;
  transform: translateX(30px);
  opacity: 0;
}

.el-button.with-text-left:hover span {
  transform: translateX(-140px);
}

.el-button.with-text-left span {
  transform: translateX(-200px);
}

.el-button.with-text-left-short:hover span {
  transform: translateX(-19px);
}

.el-button.with-text-left-short span {
  transform: translateX(-25px);
  font-size: 10px;
  color: #909399;
  line-height: 15px;
}

.el-button.el-popover-goal__reference.with-text-left span {
  transform: translateX(-120px);
  background: #fff;
  border-radius: 3px;
  padding: 0 5px;
}

.el-button.el-popover-goal__reference.with-text-left:hover span {
  transform: translateX(-100px);
}

.el-button.el-button-single-word {
  width: 40px;
  height: 40px;
}

.el-button.is-circle {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 0 !important;
}

.el-button.is-circle i.icon {
  width: 16px;
  height: 16px;
  line-height: 1.2em;
  margin: auto;
}

.el-button.is-circle.el-button--small .fa-ellipsis-v {
  font-size: 20px;
}

.el-button.is-circle.el-button--mini {
  width: 20px;
  height: 20px;
}

.el-button.is-circle.el-button-big {
  font-size: 20px;
  padding: 18px;
  width: 59px;
  height: 59px;
}

.el-button.is-circle.el-button-add {
  position: fixed;
  bottom: 20px;
  right: 23px;
  z-index: 99;
}

.el-button.is-circle.el-button--feedback {
  transition: 0.8s;
}

.el-button.el-button-orange {
  background: #ffbc05;
  border-color: #ffbc05;
}

.el-button.el-button-orange:hover {
  background: #ffd562;
  border-color: #ffd562;
}

.el-button.el-button-transparent {
  background: transparent;
  color: #fff;
}

.el-button.el-blue-border {
  border-color: #409EFF;
  color: #409EFF;
}

.el-button.el-button--no-padding {
  padding: 0 !important;
}

.el-button.is-fullwidth {
  width: 100%;
}

.el-button.el-button--primary.is-plain.el-blue-plain {
  background: #fff;
}

.el-button.el-button--primary.is-plain.el-blue-plain:hover {
  background: #409EFF;
}

.el-button.el-button--primary.is-plain.el-blue-plain:focus {
  color: #409EFF;
}

.el-button.el-button--mini .el-loading-spinner {
  margin-top: -6px;
}

.el-button--small.is-circle {
  padding: 0px !important;
  width: 25px;
  height: 25px;
  text-align: center;
}

.add-new-button {
  font-size: 11px;
}

@media only screen and (max-width: 480px) {
  .el-button.with-text span {
    display: none;
  }
}

.el-button [class*=fa-] + span {
  margin-left: 5px;
}

@media only screen and (max-width: 991px) {
  .el-button.el-button--fixed-width {
    width: auto;
  }
}

.el-input--append--button-primary .el-input-group__append {
  border-color: #0486fe;
  background: #0486fe;
}

.el-input--append--button-primary .el-input-group__append:hover {
  border-color: #66b1ff;
  background: #66b1ff;
}

.el-input--append--button-primary .el-input-group__append button.el-button.el-button--primary {
  background-color: #0486fe;
  color: #fff;
  border-radius: 0;
}

.el-input--append--button-primary .el-input-group__append button.el-button.el-button--primary:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #FFF;
}

.el-button .hover-displayed {
  display: none;
}

.el-button:hover .hover-hidden {
  display: none;
}

.el-button:hover .hover-displayed {
  display: block;
}

.el-button.el-button--setup:hover {
  background: #525252 !important;
  color: #fff !important;
  border-color: #fff !important;
}

.el-button.el-button--text-green {
  color: #01a96f;
  border: none;
  padding: 0;
}

.el-button.el-button--text-green:hover,
.el-button.el-button--text-green:focus {
  background: none;
  color: #01a96f;
}

.el-button.el-button--text-danger {
  color: #ff706c;
  border: none;
  padding: 0;
}

.el-button.el-button--text-danger:hover,
.el-button.el-button--text-danger:focus {
  background: none;
  color: #ff706c;
}

.el-button.el-button--text-warning {
  color: #e6a23c !important;
  border: none;
  padding: 0;
}

.el-button.el-button--text-warning:hover,
.el-button.el-button--text-warning:focus {
  background: none;
  color: #e6a23c;
}

.el-button i.is-circle {
  border: 2px solid;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  border-radius: 100%;
}

.el-button.el-button--text-travel {
  border: 0;
  padding: 4px;
}

.el-button.el-button--text-travel.selected {
  background: #0486fe;
  color: #fff;
}

.el-button.el-button--text-travel:active,
.el-button.el-button--text-travel:focus,
.el-button.el-button--text-travel:visited {
  color: inherit;
  background: none;
}

.el-button.el-button--text-travel:active.selected,
.el-button.el-button--text-travel:focus.selected,
.el-button.el-button--text-travel:visited.selected {
  background: #0486fe;
  color: #fff;
}

.el-button.el-button--text-travel + .el-button--text-travel {
  margin-left: 3px;
}

.el-button-group.custom-round .el-button.left {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}

.el-button-group.custom-round .el-button.right {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.el-menu.el-menu-center-items {
  text-align: center;
}

.el-menu.el-menu-center-items .el-menu-item {
  float: none;
  display: inline-block;
}

.el-menu .el-menu-item {
  color: #666;
}

.el-menu .el-menu-item .el-menu-content {
  display: inline-block;
  line-height: 1.2;
  margin-left: 5px;
}

.el-menu .el-menu-item .el-icon-circle-close {
  margin: 0;
  width: auto;
}

.el-menu.el-menu-bordered {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.el-menu.el-menu--inner-page {
  margin-bottom: 15px;
}

.el-menu.el-menu--waitlist {
  background: none;
  margin-bottom: 10px;
}

.el-menu.el-menu--waitlist.el-menu--horizontal {
  border-bottom: 0;
}

.el-menu.el-menu--waitlist.el-menu--horizontal .el-menu-item:hover,
.el-menu.el-menu--waitlist.el-menu--horizontal .el-menu-item:focus {
  background: none;
}

.el-menu.el-menu--waitlist .el-menu-item {
  height: 30px;
  line-height: 30px;
}

.el-menu--inner_page {
  margin: 0 0 10px 0;
  padding: 0 10px;
  display: flex;
  justify-content: flex-end;
  background: #f7f7f7;
  border-radius: 3px;
}

.el-menu--inner_page.el-menu--horizontal {
  border: none;
}

.el-menu--inner_page > li {
  background: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

.el-menu-item-title {
  font-size: 12px;
  color: #909090;
  padding: 5px 10px 0;
}

.el-popover.right-popover {
  padding: 0;
}

.el-popover.right-popover .dropdown-circle-menu {
  border: none;
}

.el-popover.right-popover .dropdown-circle-menu .el-menu-item {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}

.el-popover.right-popover .dropdown-circle-menu .el-menu-item .icon {
  width: 20px;
  text-align: center;
  font-size: 16px;
  margin-right: 8px;
}

.el-tooltip__popper .el-menu {
  border: 0;
  padding: 0;
  margin: -9px -10px;
}

.el-tooltip__popper .el-menu .el-menu-item {
  height: 35px;
  line-height: 35px;
  padding: 1px 10px !important;
}

.el-tooltip__popper .el-menu .el-menu-item > i {
  width: 20px;
  text-align: center;
}

.el-menu.el-menu-center {
  text-align: center;
}

.el-menu.el-menu-center .el-menu-item {
  float: none;
  display: inline-block;
}

.el-menu.el-menu--tab.el-menu--horizontal {
  border-bottom: 0;
}

.el-menu.el-menu--tab.el-menu--horizontal > .el-menu-item {
  height: 35px;
  line-height: 35px;
}

.el-menu.el-menu--wallet.el-menu--horizontal > .el-menu-item {
  color: #6c6c6c;
}

.el-menu.el-menu--wallet.el-menu--horizontal > .el-menu-item.is-active {
  color: #0486fe;
}

.el-input.el-input-editable .el-input__inner {
  font-size: 16px;
}

.el-input.el-input--round .el-input__inner {
  border-radius: 2em;
}

.el-input.el-input--compact.el-input--mini .el-input__inner {
  padding-left: 5px;
  padding-right: 25px;
}

.el-input.noborder--tb .el-input__inner {
  border: 1px solid transparent;
  background: none;
  font-family: inherit;
}

.el-input.noborder--tb .el-input__inner:focus,
.el-input.noborder--tb .el-input__inner:hover {
  border-color: #e2e2e2;
}

.el-input.noborder--tb.is-disabled .el-input__inner {
  color: #606266;
  background: none;
  border-color: transparent;
}

.el-input.noborder--tb.is-disabled .el-input-group__prepend {
  border-color: transparent;
}

.el-input.number .el-input__inner {
  color: #000;
}

.el-input.number .el-input__inner:focus {
  background-color: #fff;
}

.el-input.el-input--right .el-input__inner {
  text-align: right;
  padding-right: 10px;
}

.el-textarea.textarea--tb .el-textarea__inner {
  padding: 5px 15px;
  border: 1px solid transparent;
  background: none;
  font-family: inherit;
}

.el-textarea.textarea--tb .el-textarea__inner:focus,
.el-textarea.textarea--tb .el-textarea__inner:hover {
  border-color: #e2e2e2;
}

.el-textarea.textarea--tb.is-disabled .el-textarea__inner {
  color: #606266;
  background: none;
  border-color: transparent;
}

.el-textarea.textarea--lg textarea {
  font-size: 21px;
  font-weight: 400;
}

.el-textarea .el-textarea__inner {
  font-family: inherit;
  word-break: break-word;
}

.custom-prepend .el-input-group__append,
.custom-prepend .el-input-group__prepend {
  width: auto !important;
  padding: 0;
}

.el-input.transparent .el-input__inner {
  background-color: transparent !important;
  pointer-events: none;
  border: none;
}

.el-input.transparent .el-input-group__append {
  background-color: transparent !important;
  border: none;
}

.el-form--label-top .el-form-item__label {
  padding: 0 !important;
  min-height: 40px;
}

.el-form .form-accordion .el-collapse-item__header {
  line-height: 1.5em;
  min-height: 48px;
  padding-left: 0 !important;
}

.el-form .form-accordion .el-collapse-item .el-collapse-item__arrow:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-form .el-form-item .el-input__inner {
  color: #000;
}

.el-form .el-form-item .el-input.is-disabled .el-input__inner {
  background: #f9f9f9;
  color: #c0c4cc;
}

.el-form .el-form-item.el-form-item--inline .el-form-item__label {
  float: none;
  display: inline-block;
}

.el-form .el-form-item.el-form-item--inline .el-form-item__content {
  display: inline-block;
}

.el-form .el-form-item.el-form-item--header {
  margin-bottom: 0;
}

.el-form .el-form-item.el-form-item--borderless .el-form-item__label {
  font-size: 12px;
  line-height: normal;
  min-height: unset;
}

.el-form .el-form-item {
  margin-bottom: 5px;
}

.el-form .el-form-item.el-form-item--inline .el-form-item__label {
  margin-right: 5px;
}

.el-form .el-form-item.el-form-item--inline .el-form-item__content {
  display: inline-block;
}

.el-form .el-form-item.el-form-item--radio .el-form-item__content {
  line-height: 1.4;
}

.el-form .el-form-item.error-nowrap .el-form-item__error {
  white-space: nowrap;
}

.el-form .el-form-item.el-form-item--radios .el-form-item__content {
  line-height: 1.8;
}

.el-form .el-form-item.is-required .el-form-item__label {
  position: relative;
}

.el-form .el-textarea__inner {
  font-family: inherit;
  padding: 10px;
}

.el-form [type=submit] {
  position: absolute;
  visibility: hidden;
}

.el-form.el-form--text .el-form-item__label {
  font-weight: 600;
}

.el-form.el-form--text .el-form-item__content {
  line-height: 1.2;
}

.el-input__inner[type=number] {
  padding-right: 0;
}

.el-form-item.is-error .el-input__inner {
  border-color: #ff706c !important;
}

.el-form-item.is-error .el-editable {
  box-shadow: inset 0px -5px 3px -4px red;
}

.el-form-item .el-form-item__label {
  max-width: 100%;
  text-overflow: ellipsis;
}

.el-form-item .el-form-item__label .is-required {
  margin-right: 5px;
}

.el-form-item .el-form-item__label .is-required:after {
  content: "*";
  color: #e32;
  position: absolute;
  margin: -3px 0px 0px 3px;
  font-size: small;
}

.el-form-item.el-label-block .el-form-item__label {
  display: block;
  float: none;
  text-align: left;
  padding: 0;
}

.el-form-item.el-label-block .el-upload--picture-card {
  width: 100%;
}

.el-form-item.el-label-block .el-upload--picture-card > img {
  margin: auto;
  max-height: 100%;
  display: block;
}

.el-form-item.el-form-content-lineheight-1 .el-form-item__content {
  line-height: 1;
}

.el-form-item.el-label-center .el-form-item__label {
  text-align: center;
}

.el-form-item.el-bottom-border .el-form-item__label {
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
}

.el-form-item.el-form-label-small .el-form-item__label {
  font-size: 12px;
  line-height: 1.5;
}

.el-form-item.el-form-item--billing-settings {
  margin-bottom: 15px;
}

.el-form-item.el-form-item--billing-settings:last-child {
  margin-bottom: 0;
}

.el-form-item.el-form-item--billing-settings > .el-form-item__label {
  min-height: unset;
  line-height: 1.4;
}

.el-form-item.is-required .el-form-item__label:after {
  content: "*";
  color: #e32;
  position: absolute;
  margin: -3px 0px 0px 3px;
  font-size: small;
}

.el-form-item.is-required .el-form-item__label .el-label:after {
  content: "*";
  color: #e32;
  position: absolute;
  margin: -3px 0px 0px 3px;
  font-size: small;
}

.el-form-item.is-required .el-form-item__label:before {
  display: none;
}

.el-form-item__error {
  color: #ff706c !important;
}

.el-form-item.el-form-item--static-error .el-form-item__error {
  position: static !important;
}

.el-form-item.el-form-item--title .el-form-item__content {
  line-height: 1.2;
}

.el-form-item.el-form-item--title h3 {
  font-size: 20px;
}

.add-new-select {
  position: fixed;
  background: #ffffff;
  border-top: 1px solid #e2e2e2;
}

.three-letters-select .el-input-group__prepend {
  padding: 0px 15px;
  width: 85px;
}

.three-letters-select .el-input-group__prepend .el-select {
  margin: -1px -20px;
}

.el-form .el-date-editor .el-range-separator {
  width: 30px;
}

.el-form .el-date-editor.el-date-picker--noicon .el-input__inner {
  padding: 0 8px;
}

.el-radio-group-block .el-radio {
  display: block;
  line-height: 1.5;
}

.el-radio-group-block .el-radio + .el-radio {
  margin: 0;
}

.el-radio.el-radio-no-label .el-radio__label {
  padding: 0;
}

.el-radio-group.el-radio-group--v2 {
  border-radius: 20px;
  border: 1px solid #d3d4d6;
  padding: 5px 10px;
}

.el-radio-group.el-radio-group--v2 .el-radio-button__inner:first-child .el-radio-button__inner {
  border: 0;
}

.el-radio-group.el-radio-group--v2 .el-radio-button__inner {
  border: 0;
  border-radius: 1em;
  padding: 3px 10px;
}

.el-radio-group.el-radio-group--v2 .el-radio-button:first-child .el-radio-button__inner {
  border: 0;
}

.el-radio-group.el-radio-group--v2 .el-radio-button .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  border-radius: 1em;
  background: #636b6f;
}

.el-form .row-item .el-form-item__label {
  display: none;
}

@media only screen and (max-width: 767px) {
  .el-form .el-col-label {
    display: none;
  }
}

.el-checkbox.el-checkbox--primary .el-checkbox__label {
  color: #666;
}

.el-checkbox.el-checkbox--primary .el-checkbox__inner {
  border-color: #0486fe;
}

.el-checkbox.el-checkbox--primary.is-checked .el-checkbox__label {
  color: #0486fe;
}

.el-checkbox.el-checkbox--primary.is-checked .el-checkbox__inner {
  background-color: #0486fe;
  border-color: #0486fe;
}

.el-checkbox.el-checkbox--danger .el-checkbox__label {
  color: #666;
}

.el-checkbox.el-checkbox--danger .el-checkbox__inner {
  border-color: #ff706c;
}

.el-checkbox.el-checkbox--danger.is-checked .el-checkbox__label {
  color: #ff706c;
}

.el-checkbox.el-checkbox--danger.is-checked .el-checkbox__inner {
  background-color: #ff706c;
  border-color: #ff706c;
}

.el-checkbox.el-checkbox--warning .el-checkbox__label {
  color: #666;
}

.el-checkbox.el-checkbox--warning .el-checkbox__inner {
  border-color: #e6a23c;
}

.el-checkbox.el-checkbox--warning.is-checked .el-checkbox__label {
  color: #e6a23c;
}

.el-checkbox.el-checkbox--warning.is-checked .el-checkbox__inner {
  background-color: #e6a23c;
  border-color: #e6a23c;
}

.el-checkbox.el-checkbox--blue {
  color: #409EFF;
}

.el-checkbox.el-checkbox--blue .el-checkbox__inner {
  border-color: #409EFF;
}

.el-select-input-append .input {
  width: 100px;
}

.el-select.el-select--border-less .el-input__inner {
  background: none;
  border: 0;
}

.el-form .el-date-editor .el-range-separator {
  width: 30px;
}

.el-radio-group-block .el-radio {
  display: block;
  line-height: 1.5;
}

.el-radio-group-block .el-radio + .el-radio {
  margin: 0;
}

.el-radio.el-radio-no-label .el-radio__label {
  padding: 0;
}

.el-form .row-item .el-form-item__label {
  display: none;
}

@media only screen and (max-width: 991px) {
  .el-form .el-col-label {
    display: none;
  }
}

.el-form .el-date-editor .el-range-separator {
  width: 30px;
}

.el-radio-group-block .el-radio {
  display: block;
  line-height: 1.5;
}

.el-radio-group-block .el-radio + .el-radio {
  margin: 0;
}

.el-radio.el-radio-no-label .el-radio__label {
  padding: 0;
}

.el-form .row-item .el-form-item__label {
  display: none;
}

.el-input.el-input--mini .el-input__prefix {
  left: 0;
}

.el-input.el-input--mini .el-input__inner {
  padding-left: 20px;
}

.el-form .el-col-label {
  line-height: 1.2;
}

@media only screen and (max-width: 991px) {
  .el-form .row-item .el-form-item__label {
    display: block;
  }

  .el-form .row-item.row-item--client .el-form-item__label {
    display: none;
  }

  .el-form .el-col-label {
    display: none;
  }
}

.el-fraction-container > span {
  white-space: nowrap;
  margin-right: 2px;
  font-size: 9px;
}

.el-fraction-container .el-input-group--fraction .el-input.prepend .el-input__inner {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}

.el-fraction-container .el-input-group--fraction .el-input-group__append {
  border-radius: 0;
  padding: 0 15px;
}

.el-date-editor.el-date-picker--transparent {
  width: 100% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}

.el-date-editor.el-date-picker--transparent .el-input__inner {
  border: 0;
  background: transparent;
  opacity: 0;
  cursor: pointer;
}

.el-date-editor.el-date-picker--borderless.el-date-editor--daterange.el-input__inner {
  width: auto;
  padding: 0;
  border: 0;
}

.el-date-editor.el-date-picker--borderless .el-range__icon {
  display: none;
}

.el-date-editor.el-date-picker--borderless .el-range-input {
  width: 90px;
}

.el-input--dash {
  color: #e2e2e2;
}

.el-form.el-form--border-less .el-input__inner {
  border-color: transparent;
}

.el-form.el-form--border-less .el-input__inner:hover,
.el-form.el-form--border-less .el-input__inner:focus {
  border-color: #DCDFE6;
}

.el-form.el-form--border-less .select-label-container .select-label {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  width: 36px;
  margin: 0;
}

.el-form.el-form--border-less .select-label-container .el-select .el-input__inner {
  border-radius: 4px;
}

.el-textarea.el-textarea--borderless .el-textarea__inner {
  border: 0;
}

.el-upload--block .el-upload {
  display: block;
}

.el-upload--block .el-upload .el-upload-dragger {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .el-form.el-form--border-less .el-input__inner {
    border-color: #e2e2e2;
  }
}

.el-upload--fullwidth .el-upload {
  width: 100%;
}

.el-form--table-properties .el-form-item__content {
  line-height: 20px;
}

.el-form--item-label-normal--wrapper .el-form-item__label {
  line-height: 1.4;
}

.el-form--item-label-normal--wrapper .el-form-item__error {
  position: static;
}

.el-input.el-input--highlighted .el-input__inner {
  border-color: #0486fe;
  color: #0486fe;
}

.el-input.el-input--highlighted i {
  color: #0486fe;
}

.el-checkbox.el-checkbox--large .el-checkbox__input .el-checkbox__inner {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.el-checkbox.el-checkbox--large .el-checkbox__input .el-checkbox__inner:after {
  font-family: "Font Awesome 6 Pro";
  color: #e6e8ed;
  content: "\F00C";
  height: 25px;
  width: 25px;
  left: 0;
  right: 0;
  margin: auto;
  transform: none;
  border: 0;
  top: 9px;
  font-size: 20px;
}

.el-checkbox.el-checkbox--large .el-checkbox__input.is-checked .el-checkbox__inner:after {
  content: "\F00C";
  color: #fff;
}

.el-checkbox.el-checkbox--success .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #5daf34;
  border-color: #5daf34;
}

.el-checkbox.el-checkbox--info .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #909399;
  border-color: #909399;
}

.el-checkbox.el-checkbox--warning .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #E6A23C;
  border-color: #E6A23C;
}

.el-checkbox.el-checkbox--primary .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #0486fe;
  border-color: #0486fe;
}

.el-input.el-input--green .el-input__inner,
.el-input.el-input--green .el-input-group__append {
  border: 1px solid #01a96f;
}

.el-input.el-input--green .el-input__inner {
  color: #01a96f;
}

.el-input.el-input--green .el-input-group__append {
  border-left: 0;
  background: #01a96f;
  color: #fff;
}

.el-input.el-input--border-disabled.is-disabled .el-input__inner {
  background: none !important;
  border-color: transparent;
}

.el-form.el-form--inline .el-form-item.el-form-item--modern-title .el-form-item__label,
.el-form.el-form--inline .el-form-item.el-form-item--modern-title .el-form-item__content {
  line-height: 40px;
  width: auto;
  display: inline-block;
}

.el-checkbox.el-checkbox--float .el-checkbox__input,
.el-checkbox.el-checkbox--float .el-checkbox__label {
  display: block;
  float: left;
}

.el-checkbox.el-checkbox--float .el-checkbox__label {
  max-width: calc(100% - 20px);
  white-space: normal;
}

.el-scrollbar__wrap {
  overflow: auto !important;
}

.el-select-dropdown.select-add-new .el-select-dropdown__list {
  position: relative;
  padding-bottom: 0;
}

.el-select-dropdown.select-add-new .el-select-dropdown__list .el-select-dropdown__item {
  min-width: 103px;
}

.el-select-dropdown.select-add-new .el-select-dropdown__list .el-select-dropdown__item .edit {
  float: right;
  color: #8492a6;
  font-size: 13px;
}

.el-select-dropdown.select-add-new .el-select-dropdown__list .el-select-dropdown__item.add-new-select {
  position: sticky !important;
  background: #ffffff;
  border-top: 1px solid #e2e2e2;
  bottom: 0;
  width: 100%;
  height: 50px !important;
  line-height: 50px;
  z-index: 99;
  text-align: center;
  cursor: default;
  text-overflow: unset;
}

.el-select-dropdown.select-add-new .el-select-dropdown__list .el-select-dropdown__item.add-new-select:hover {
  background: none;
}

.el-select-dropdown.select-add-new .el-select-dropdown__list .el-select-dropdown__item.add-new-select:before {
  content: "";
  background: #fff;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.el-select-dropdown.select-add-new .el-select-dropdown__list em {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #c0c4cc;
}

.el-select-dropdown.select-add-new.select-tags .el-select-dropdown__item.selected:after {
  display: none;
}

.el-select-dropdown .el-select-dropdown__item.border-bottom {
  border-bottom: 1px solid #e2e2e2;
}

.three-letters-select.el-input-group {
  display: flex;
}

.three-letters-select > .el-input__inner {
  box-sizing: border-box;
  overflow: hidden;
}

.three-letters-select .el-input-group__append {
  width: 100%;
  padding: 0;
}

.three-letters-select .el-input-group__append .el-select {
  display: block;
  margin: 0;
}

.three-letters-select .el-input-group__append .el-select .el-input__inner {
  padding: 0 0 0 5px;
  margin-top: -2px;
}

.three-letters-select.el-input.is-disabled .el-input--suffix .el-input__inner {
  border-top: 1px;
  border-left: 0;
  margin: 0;
  background: none;
  height: 38px;
}

.el-select.el-select-tag {
  width: 100%;
}

.el-select.el-select-tag .el-input {
  font-size: 18px;
  height: 40px;
  line-height: 40px;
}

.el-select.el-select-tag .el-input .el-select__caret {
  color: #606266;
}

.el-select.is-round .el-input__inner {
  border-radius: 1em;
}

.el-select.el-select--borderless .el-input .el-input__inner {
  background: none;
  border: 0;
  padding: 0;
}

.el-select.el-select--borderless .el-input.is-disabled .el-input__inner {
  background: none;
  border: 0;
}

.el-select.el-select--modern .el-input .el-input__inner {
  height: unset;
  line-height: normal;
  color: #606266;
}

.el-select.el-select--modern .el-input__icon {
  height: unset;
  line-height: normal;
}

.tb-select-time .el-scrollbar .el-scrollbar__view > li .is-active {
  color: #0486fe;
  font-weight: 700;
}

.select-label-container .select-label {
  background: #f4f4f4;
  border: 1px solid #dcdfe6;
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  margin-right: -4px;
  vertical-align: bottom;
}

.select-label-container .el-select {
  width: calc(100% - 40px);
}

.select-label-container .el-select .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-dropdown.el-dropdown-tag {
  font-size: 18px;
  width: 100%;
}

.el-dropdown.el-dropdown-tag .el-icon--right {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 12px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-dropdown .el-button-group .el-button--primary.is-plain.el-dropdown__caret-button:before {
  background: #b3d8ff;
}

.el-dropdown-menu {
  max-height: 65vh;
  overflow-y: auto;
}

.el-dropdown-menu.el-dropdown-menu--short {
  max-height: unset;
  overflow-y: unset;
}

.el-dropdown-menu .el-dropdown-menu__item {
  position: relative;
}

.el-dropdown-menu .el-dropdown-menu__item .name {
  margin-right: 10px;
}

.el-dropdown-menu .el-dropdown-menu__item .check {
  margin-left: 10px;
}

.el-dropdown-menu .el-dropdown-menu__item .check i.fal {
  margin: 0px;
  float: right;
  line-height: 36px;
}

.el-dropdown-menu li.divider {
  border-top: 1px solid #e2e2e2;
  height: 0;
  list-style: none;
}

.el-dropdown-menu li > i.fal {
  margin-right: 5px;
}

.el-dropdown-menu.el-dropdown-menu--with-new {
  min-width: 235px;
  padding: 0;
  cursor: default;
}

.el-dropdown-menu.el-dropdown-menu--with-new em {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #c0c4cc;
}

.el-dropdown-menu.el-dropdown-menu--with-new .el-dropdown-item--add-new {
  padding: 10px;
  text-align: center;
  border-top: 1px solid #e2e2e2;
}

.el-dropdown-menu.el-dropdown-menu--with-new .el-dropdown-item--add-new:hover {
  background: none;
}

.el-dropdown-menu .el-dropdown-item--search {
  padding: 10px;
  border-bottom: 1px solid #e2e2e2;
}

.el-dropdown-menu__item.el-dropdown-item-tag {
  padding: 0 40px 0 20px;
}

.el-dropdown-menu__item.el-dropdown-item-tag i {
  margin-right: 5px;
}

.el-dropdown-menu__item.selected {
  color: #66b1ff;
}

.el-dropdown-menu__item.selected:after {
  position: absolute;
  top: 0;
  right: 20px;
  font-family: element-icons;
  content: "\E6DA";
  font-size: 12px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-dropdown-menu__item.selected .el-tag--status {
  margin-right: 15px;
}

.el-dropdown-menu__item.el-dropdown-item-button {
  padding: 0 40px 0 20px;
}

.el-dropdown-menu--selectable .el-dropdown-menu__item.selected {
  padding-right: 40px;
}

.el-dropdown-link.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-dropdown.el-dropdown--round {
  vertical-align: top;
}

.el-dropdown.el-dropdown--round .el-button-group > .el-button:first-child {
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
}

.el-dropdown.el-dropdown--round .el-button-group > .el-button:last-child {
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
}

.el-dropdown.el-dropdown--round .el-button-group .el-button {
  vertical-align: middle;
}

.el-dropdown.el-group-dropdown--flex .el-button-group {
  display: flex;
}

.el-dropdown .el-button--light-green.is-plain.el-dropdown__caret-button::before {
  background: #00b6b4;
}

.el-dropdown.el-green {
  background: #01a96f;
}

.el-dropdown.el-green.is-plain {
  background: none;
  color: #01a96f;
  border-color: #01a96f;
}

.el-dropdown-menu--activate-payer.el-dropdown-menu--mini .el-dropdown-menu__item {
  line-height: 1.4;
  padding: 6px 20px;
}

.el-dropdown-menu--activate-payer.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 0;
}

.el-select-dropdown.el-select--multiple .el-select-dropdown__list .el-select-dropdown__item.selected:after {
  right: 55px;
}

.el-upload-list .el-upload-list__item {
  font-size: 15px;
}

.el-upload-list .el-upload-list__item:hover {
  background: none;
}

.el-upload-list .el-upload-list__item:hover .el-upload-list__item-name {
  background: #f6f6f6;
  border-radius: 1em;
}

.el-upload-list .el-upload-list__item .el-icon-close {
  top: 0;
  right: 0;
  background: #737373;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  border-radius: 100%;
}

.el-upload-list .el-upload-list__item .el-upload-list__item-name {
  padding: 2.5px 4px;
}

.el-upload-list .el-upload-list__item-status-label {
  right: 0;
}

.el-upload-list .el-icon-upload-success {
  font-size: 32px;
}

.upload-block .el-upload {
  display: block;
}

.avatar-uploader {
  display: inline-block;
  position: relative;
}

.avatar-uploader .el-icon--uploader {
  position: absolute;
  bottom: 0;
  right: 0;
}

.el-table {
  margin-bottom: 10px;
}

.el-table:only-child {
  margin-bottom: 0;
}

.el-table .text-center {
  text-align: center;
}

.el-table td.nopadding .cell {
  padding: 0;
}

.el-table .cell .el-mobile-view {
  display: none;
}

.el-table .cell .vue-avatar--wrapper-container {
  display: inline-block;
}

.el-table .cell .vue-avatar--wrapper {
  cursor: pointer;
  margin-right: 5px;
  vertical-align: middle;
}

.el-table .cell .vue-avatar--wrapper + .vue-avatar--wrapper .el-avatar-small {
  margin: 0;
}

.el-table .cell .el-avatar-container {
  margin: 0;
}

.el-table .cell .el-button + .el-button {
  margin: 5px;
}

.el-table .cell .el-tag + .el-tag {
  margin-left: 10px;
}

.el-table .el-table__footer tbody tr:first-child td:first-child {
  font-weight: bold;
}

.el-table:hover:not(.no-hover-shadow) {
  box-shadow: 0 0 8px 0 #eee, 0 2px 4px 0 #ececec;
}

.el-table.el-table--data .el-row-table .el-row-table-header {
  border-bottom: 0;
}

.el-table.el-table--tb {
  border-width: 3px 1px 0 1px;
  border-color: #dedede;
  border-top-color: #525252;
  border-style: solid;
}

.el-tc-name .icon {
  font-size: 20px;
  margin-right: 5px;
  width: 25px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.el-main .el-table td,
.el-main .el-table th.is-leaf {
  border-bottom-color: #dedede;
}

.el-main .el-table.el-table--border,
.el-main .el-table .el-table--group {
  border-color: #dedede;
  border-radius: 3px;
}

.el-main .el-table.el-table--border td,
.el-main .el-table.el-table--border th,
.el-main .el-table.el-table--border .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right-color: #dedede;
}

.el-main .el-table::before {
  background-color: #dedede !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background: #f9f9f9;
}

.el-table__fixed-right::before,
.el-table__fixed::before {
  background: #dedede;
}

.el-table--row-clickable .el-table__body-wrapper .el-table__row:hover {
  cursor: pointer;
}

table.el-table--payer {
  border-radius: 10px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

table.el-table--payer td,
table.el-table--payer th {
  position: relative;
  padding: 4px 5px;
}

table.el-table--payer .fa-exclamation-triangle {
  color: #ffc14d;
}

table.el-table--payer .el-service-header {
  background: #8e8e8e;
  color: #fff;
}

table.el-table--payer .el-service-header.is-allocated {
  background: #4bc399;
}

table.el-table--payer .el-travel-header {
  background: #dbdbdb;
}

table.el-table--payer .el-travel-header.is-allocated {
  background: #cef3e6;
}

table.el-table--payer .el-travel-header.is-hidden {
  display: none;
}

table.el-table--payer .el-other-group.is-hidden {
  display: none;
}

table.el-table--payer .el-table-row--header {
  font-size: 10px;
}

table.el-table--payer .el-table-row--header th {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

table.el-table--payer .el-table-row--header th.el-other-header {
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
}

table.el-table--payer .el-table-row--header th.el-other-header.is-allocated {
  border-color: #cef3e6;
}

table.el-table--payer .el-table-row--header th.el-other-header.is-hidden {
  display: none;
}

table.el-table--payer .el-table-row--content {
  font-size: 13px;
}

table.el-table--payer .el-table-row--content td {
  border-bottom: 1px solid #e2e2e2;
}

table.el-table--payer .el-table-row--content .el-button--text {
  color: #ff706c !important;
}

table.el-table--payer .el-table-row--content .el-button--greenv2 {
  font-size: 10px;
}

table.el-table--payer .el-table-row--content .el-button--greenv2.el-button--mini {
  padding: 3px 6px;
}

table.el-table--payer .el-table-row--content.el-table-row--content-header > th {
  font-weight: normal;
  font-size: 11px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

table.el-table--payer .el-table-row--content.el-table-row--content-header > th.is-allocated {
  border-top-color: #cef3e6;
}

table.el-table--payer .el-table-row--content.el-table-row--content-header .fa-info-circle {
  font-size: 10px;
}

table.el-table--payer .el-table-row--content.el-table-row--content-header .el-dropdown-link {
  font-size: 11px;
}

table.el-table--payer .el-table-row--content > th:first-child {
  border-left: 1px solid #e2e2e2;
  border-top-left-radius: 5px;
}

table.el-table--payer .el-table-row--content > th:last-child {
  border-right: 1px solid #e2e2e2;
  border-top-right-radius: 5px;
}

table.el-table--payer .el-table-row--content > td:first-child {
  border-left: 1px solid #e2e2e2;
}

table.el-table--payer .el-table-row--content > td:last-child {
  border-right: 1px solid #e2e2e2;
}

table.el-table--payer .el-table-row--content.last > td {
  border-bottom: 1px solid #e2e2e2;
}

table.el-table--payer .el-table-row--content.last > td:first-child {
  border-bottom-left-radius: 5px;
}

table.el-table--payer .el-table-row--content.last > td:last-child {
  border-bottom-right-radius: 5px;
}

table.el-table--payer .el-table-row--content .el-service-group {
  background: #f5f5f5;
}

table.el-table--payer .el-table-row--content .el-travel-group {
  background: #fafafa;
}

table.el-table--payer .el-table-row--content .el-travel-group.is-hidden {
  display: none;
}

table.el-table--payer .el-table-row--content .el-red {
  text-align: center;
}

.el-popover.el-popover-paddless {
  padding: 0;
}

.el-popover.el-popover-filter {
  margin-right: 28px !important;
}

.el-popover.el-popover-menu {
  padding: 0;
}

.el-popover.el-popover-menu .el-menu-item.el-menu-item--search {
  color: #409EFF;
  background: #ecf5ff;
  border-color: #b3d8ff;
}

.el-popover.el-popover-menu .el-menu-item.el-menu-item--search i {
  color: #409EFF;
}

.el-popover.el-popover-menu .el-submenu__title {
  height: 40px;
  line-height: 40px;
}

.el-popover.el-popover-menu--icon .el-menu-item > i {
  width: 25px;
}

.el-popover.el-popover--scrollable {
  width: auto !important;
  padding: 0;
}

.el-popover .el-menu:not(.el-menu--horizontal) {
  border: none;
}

.el-popover .el-menu:not(.el-menu--horizontal) .el-menu-item {
  height: 40px;
  line-height: 40px;
  width: 100%;
  max-width: 370px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-popover .el-form-item {
  margin-bottom: 0;
}

.v-modal {
  opacity: 0.85 !important;
  background: #fff !important;
}

.el-dialog {
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.3) !important;
}

.el-dialog.remove-close-button .el-dialog__header {
  padding-right: 0px !important;
}

.el-dialog.no-header .el-dialog__header {
  display: none;
}

.el-dialog.transparent-body .el-dialog__body {
  background: transparent !important;
}

.el-dialog .el-dialog__body {
  word-break: normal;
}

.el-dialog.el-dialog--body-nopadding .el-dialog__body {
  padding: 0 !important;
}

.el-dialog .el-dialog__headerbtn {
  top: 20px;
  right: 15px;
  font-size: 20px;
}

.el-dialog .el-dialog__header {
  padding-right: 45px;
}

.el-dialog .el-dialog__footer {
  border-top: 1px solid #e2e2e2;
  padding: 15px 20px;
  text-align: left;
}

.el-dialog .el-dialog__footer:after {
  content: "";
  display: table;
  clear: both;
}

.el-dialog .el-dialog__title {
  font-size: 20px;
}

.el-dialog.el-dialog--simple-form .el-dialog__header {
  border-bottom: 1px solid #e2e2e2;
  padding-top: 20px;
  padding-bottom: 20px;
}

.el-dialog.el-dialog--borderless-footer .el-dialog__footer {
  border-top: 0;
}

.el-dialog.el-dialog--body-0 .el-dialog__body {
  padding: 0;
}

.transparent-modal .el-dialog {
  background: transparent !important;
  box-shadow: none !important;
}

.dialog-message .el-dialog {
  width: 480px;
  max-width: 90%;
}

.dialog-message .el-dialog .el-dialog__body {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dialog-message .el-dialog .el-dialog__footer {
  border: none;
}

.el-dialog__wrapper.el-dialog--viewer .el-dialog {
  width: 80%;
}

@media only screen and (max-width: 1200px) {
  .el-dialog__wrapper.el-dialog-big .el-dialog {
    width: 90%;
  }

  .el-dialog__wrapper.el-dialog-small .el-dialog {
    width: 70%;
  }

  .el-dialog__wrapper.el-dialog-mini .el-dialog {
    width: 80%;
  }

  .el-dialog__wrapper.el-dialog--grant .el-dialog {
    width: 800px;
  }

  .el-dialog__wrapper.el-dialog--program .el-dialog {
    width: 940px;
  }

  .el-dialog__wrapper.el-dialog-prompt .el-dialog {
    width: 500px;
  }
}

@media only screen and (max-width: 480px) {
  .el-dialog__wrapper.el-dialog-small .el-dialog {
    width: 100%;
  }

  .el-dialog__wrapper.el-dialog-tiny .el-dialog {
    width: 100%;
    height: 100vh;
    margin: 0 !important;
  }

  .el-dialog__wrapper.el-dialog-tiny .el-dialog .el-dialog__body {
    padding-bottom: 80px;
  }

  .el-dialog__wrapper.el-dialog-tiny .el-dialog .el-dialog__footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
  }

  .el-dialog__wrapper.el-dialog--viewer .el-dialog {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

.el-dialog__wrapper.el-dialog-large .el-dialog {
  height: calc(100vh - 200px);
}

@media only screen and (min-width: 1200px) {
  .el-dialog__wrapper.el-dialog-big .el-dialog {
    width: 1080px;
  }

  .el-dialog__wrapper.el-dialog-large .el-dialog {
    width: 90%;
  }

  .el-dialog__wrapper.el-dialog-small .el-dialog {
    width: 720px;
  }

  .el-dialog__wrapper.el-dialog--new-client .el-dialog {
    width: 500px;
  }

  .el-dialog__wrapper.el-dialog-mini .el-dialog {
    width: 600px;
  }

  .el-dialog__wrapper.el-dialog-tiny .el-dialog {
    width: 450px;
  }

  .el-dialog__wrapper.el-dialog--grant .el-dialog {
    width: 750px;
  }

  .el-dialog__wrapper.el-dialog--program .el-dialog {
    width: 1360px;
  }
}

@media only screen and (min-width: 1920px) {
  .el-dialog__wrapper.el-dialog-big .el-dialog {
    width: 1373px;
  }

  .el-dialog__wrapper.el-dialog-small .el-dialog {
    width: 760px;
  }
}

.el-dialog__header .title .image {
  display: inline-block;
  vertical-align: middle;
}

.el-dialog__header .title .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  margin: 0 0 4px;
  padding-left: 16px;
  line-height: 1.2;
}

.el-dialog__header .el-title-header .image {
  display: inline-block;
  vertical-align: middle;
}

.el-dialog__header .el-title-header .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 23px;
  margin: 0 0 4px;
  line-height: 1.2;
}

.el-dialog__wrapper.el-dialog--fullscreen .el-dialog__header {
  padding: 0;
}

.el-dialog__wrapper.el-dialog--fullscreen .el-dialog__body {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .el-dialog__footer .el-button {
    margin-bottom: 5px;
  }
}

.el-dialog-pt-0 .el-dialog__body {
  padding-top: 0;
}

.el-dialog--service-design .el-dialog > .el-dialog__header {
  display: none;
}

.el-dialog--service-design .el-dialog .el-dialog__body {
  padding: 0;
}

.el-dialog--service-design .el-dialog .el-dialog__body .el-dialog__header {
  padding: 20px;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog--service-design .el-dialog .el-dialog__body .el-dialog__header .el-collapse {
  border: 0;
}

.el-dialog--service-design .el-dialog .el-dialog__body .el-dialog__header .el-collapse .el-collapse-item__header {
  color: #606266;
  font-weight: 600;
  font-size: 18px;
  border: 0;
  background: transparent;
  display: inline-flex;
}

.el-dialog--service-design .el-dialog .el-dialog__body .el-dialog__header .el-collapse .el-collapse-item__content {
  padding: 0;
}

.el-dialog--service-design .el-dialog .el-dialog__body .el-dialog__header .el-collapse .el-collapse-item__wrap {
  border: 0;
  background: transparent;
}

.el-dialog--service-design .el-dialog .el-dialog__body .el-dialog__body {
  background: #fbfbfb;
  padding: 20px;
}

.el-dialog--service-design .el-form-item__error {
  position: static;
}

.el-dialog--service-design .el-form-item--inline .el-form-item__error {
  width: 100%;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-dialog--invoice .el-dialog .el-dialog__body .el-dialog__body {
  background: #fbfbfb;
}

.el-dialog--card-design .el-dialog__header {
  padding: 5px 20px;
  border-bottom: 1px solid #EBEEF5;
  box-sizing: border-box;
}

.el-dialog--card-design .el-dialog__headerbtn {
  display: none;
}

.el-dialog--card-design .el-dialog__body {
  background: #fbfbfb;
}

.el-dialog--close-word .el-dialog__headerbtn {
  font-size: 18px;
}

.el-dialog--close-word .el-dialog__header {
  padding-right: 70px;
}

.el-dialog--close-word .el-dialog__header .el-button--close.el-button--text {
  font-size: 14px;
  padding: 0;
}

.el-dialog--close-word .el-dialog__header .divider {
  height: 40px;
  width: 1px;
  background: #e2e2e2;
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}

.el-dialog__wrapper.el-dialog-mini .el-dialog .el-dialog__header {
  border-bottom: 1px solid #e2e2e2;
}

#loaded-layout-preview,
#loaded-layout-notes,
#loaded-layout-files {
  height: calc(95vh - 125px);
}

.el-dialog__wrapper.el-dialog--form .el-dialog__header {
  border-bottom: 1px solid #e2e2e2;
  padding-top: 20px;
  padding-bottom: 20px;
}

.el-dialog__wrapper.el-dialog--form .el-dialog__body {
  padding: 20px;
}

@media only screen and (min-width: 768px) {
  .el-dialog.el-dialog--modal-update {
    width: 95%;
  }

  .dialog-message .el-dialog.el-dialog--modal-update {
    width: 480px;
  }

  .dialog-message.el-dialog-650 .el-dialog {
    width: 650px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .el-dialog.el-dialog--modal-update {
    width: 950px;
  }

  .dialog-message .el-dialog.el-dialog--modal-update {
    width: 510px;
  }

  .dialog-message.el-dialog-650 .el-dialog {
    width: 650px;
  }
}

@media only screen and (min-width: 1201px) {
  .el-dialog.el-dialog--modal-update {
    width: 1135px;
  }
}

@media only screen and (max-width: 767px) {
  .el-dialog.el-dialog--modal-update {
    width: 100%;
    max-width: 100%;
    min-height: 100% !important;
    margin-top: 0 !important;
  }

  .el-dialog__wrapper.el-dialog-prompt .el-dialog {
    width: 90%;
  }

  .el-dialog__wrapper.el-dialog--grant .el-dialog {
    width: 100%;
  }
}

.el-card.no-padding .el-card__body {
  padding: 0;
}

.el-card.no-border {
  border: none;
}

.el-card ul {
  margin-left: 15px;
}

.el-card ul.el-pager {
  margin: 0;
}

.el-card .el-pagination {
  margin-top: 15px !important;
}

.el-card.el-card-widget {
  margin-bottom: 15px;
  border-color: #dedede;
}

.el-card.el-card-widget .el-card-widget {
  font-size: 14px;
  color: #666;
}

.el-card.el-card-widget .el-card-widget .el-card__header {
  padding: 10px;
  border: 0;
}

.el-card.el-card-widget .el-card-widget .el-card__header .el-card--title {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.el-card.el-card-widget .el-card-widget .el-card__header .el-card--title .el-title-container {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #303133;
}

.el-card.el-card-widget .el-card-widget .el-card__body {
  padding: 10px;
}

.el-card.el-card-widget .el-card-widget .el-card__body .content {
  line-height: 1.4;
  margin-bottom: 10px;
}

.el-card.el-card-widget .el-card-widget .el-card--body {
  padding: 10px;
}

.el-card.el-card-widget .el-card-widget .el-card--body.el-card--body--calendar h2 {
  font-size: 16px;
}

.el-card.el-card-widget .el-card-widget h3.el-note-item-title {
  margin-bottom: 5px;
}

.el-card.el-card-widget .el-card-widget:last-child {
  margin-bottom: 0;
}

.el-card.el-card-widget .el-widget--calendar .fc-list-table .fc-list-item {
  background: none;
  padding: 0;
  box-shadow: unset;
  border: 0;
  display: table-row;
  white-space: unset;
}

.el-card.el-card-widget .el-widget--calendar .fc-list-table .fc-list-item td {
  padding: 0;
}

.el-card.el-card-widget .el-card__header {
  font-size: 16px;
  line-height: 1.5;
  padding: 14px 20px;
}

.el-card.el-card-widget .el-card__body {
  padding: 0;
}

.el-card.el-card-widget .el-card__body .el-card-body {
  padding: 15px;
}

.el-card.el-card-widget .el-card__body .el-card-body h2 {
  font-size: 16px;
}

.el-card.el-card-widget .el-card__body .el-card-body .fc-toolbar.fc-header-toolbar {
  margin-bottom: 10px;
}

.el-card.el-card-widget .el-card__body .el-card-body .el-form-item {
  margin-bottom: 15px;
}

.el-card.el-card-widget .el-card__body .el-card__content {
  height: 175px;
  overflow: auto;
  padding: 20px 20px 0;
}

.el-card.el-card-widget .el-card__body .el-card__content .fc-toolbar.fc-header-toolbar {
  margin: 0;
}

.el-card.el-card-widget .el-card__body .el-card__content li {
  margin-bottom: 8px;
}

.el-card.el-card-widget .el-card__body .el-dialog__header {
  padding: 0;
  margin-bottom: 1em;
}

.el-card.el-card-widget .el-card__body ul.el-list li {
  height: 32px;
  line-height: 32px;
}

.el-card.el-card-widget .el-card__body ul > li > .fal {
  width: 20px;
  text-align: center;
  margin-right: 5px;
}

.el-card.el-card-widget .el-card__body ul.el-list-icon > li {
  position: relative;
  padding-left: 25px;
}

.el-card.el-card-widget .el-card__body ul.el-list-icon > li > .fal {
  position: absolute;
  left: 0;
}

.el-card.el-card-widget .el-card__body ul.el-list-icon > li > .el-button--text {
  white-space: normal;
  text-align: left;
}

.el-card.el-card-widget .el-card-bottom {
  padding: 13px 15px;
  border-top: 1px solid #ebeef5;
}

.el-card.el-card-widget .el-upload-list .el-upload-list__item-name {
  margin: 0;
  padding: 0 15px;
}

.el-card.el-card-widget .el-upload-list .el-upload-list__item:first-child {
  margin: 0;
}

.el-card.el-card--log .el-card__body {
  font-size: 14px;
}

.el-card.is-selected {
  border: 1px solid #0486fe;
}

.el-card-name {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.el-card-name .image,
.el-card-name .text {
  align-self: middle;
}

.el-card-name .image {
  display: block;
  margin-right: 10px;
}

.el-card-name .text {
  font-size: 15px;
  flex-grow: 1;
}

.el-card-name .text .el-button {
  text-align: left;
  line-height: 1.2;
}

.el-card.el-card--parent {
  background: none;
  border: 0;
  margin-top: 15px;
}

.el-card.el-card--custom > .el-card__header {
  border: 0;
}

.el-card.el-card--custom > .el-card__header h2 {
  font-size: 24px;
  font-weight: 600;
}

.el-card.el-card--custom > .el-card__body {
  padding-top: 0;
}

.el-card.el-card--custom--content > .el-card__header {
  font-size: 20px;
}

.el-card.el-card--custom--content > .el-card__body {
  background: #fbfbfb;
}

@media only screen and (min-width: 1200px) {
  .el-card.el-card--custom {
    max-width: 80%;
    margin: auto;
  }
}

.el-breadcrumb {
  padding: 12px 0;
}

.el-breadcrumb .el-breadcrumb__separator {
  color: #686868;
  font-weight: 300;
}

.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner {
  margin: 0 10px;
  color: #b4b4b4;
}

.el-breadcrumb .el-breadcrumb__item:first-child .el-breadcrumb__inner {
  margin-left: 0;
}

.el-breadcrumb .el-breadcrumb__item.is-home .el-breadcrumb__inner {
  color: inherit;
}

.el-breadcrumb.el-breadcrumb-filter .el-breadcrumb__inner {
  margin: 0;
  color: #606266;
}

.el-collapse-item .el-collapse-item__header {
  font-size: 14px;
}

.el-collapse.no-item-bottom-padding .el-collapse-item__content {
  padding-bottom: 0;
}

.el-collapse.el-collapse--small {
  border-top: 0;
  border-bottom: 0;
}

.el-collapse.el-collapse--small .el-collapse-item__header {
  height: auto;
  line-height: 1.2;
  border-bottom: 0;
}

.el-collapse.el-collapse--small .el-collapse-item__header .el-collapse-item__arrow {
  top: -6px !important;
}

.el-collapse.el-collapse--small .el-collapse-item__content:only-child {
  padding-bottom: 10px !important;
}

.el-collapse .el-collapse-item__content {
  font-size: 14px;
}

.el-collapse .el-collapse-header {
  width: 100%;
  height: 100%;
  padding: 0 20px;
}

.el-collapse.el-collapse-group {
  border: none;
}

.el-collapse.el-collapse-group .el-collapse-item > div:after {
  content: "";
  display: table;
  clear: both;
}

.el-collapse.el-collapse-group .el-collapse-item .el-collapse-item__arrow {
  float: left;
}

.el-collapse.el-collapse-group .el-collapse-item:last-child .el-collapse-item__header {
  border-bottom: none;
}

.el-collapse.el-collapse-group .el-collapse-item__wrap {
  border-bottom: none;
  padding: 20px;
}

.el-collapse.el-collapse-lv-2 {
  border: none;
}

.el-collapse .el-collapse-item.el-collapse-item-lv-2 .el-collapse-item__header {
  padding-left: 20px;
}

.el-collapse .el-collapse-item.el-collapse-item-lv-2 .el-collapse-item__wrap {
  padding: 0;
}

.el-collapse .el-collapse-item.el-collapse-item-lv-2.el-panel .el-table:hover {
  box-shadow: unset;
}

.el-collapse .el-collapse-item.el-collapse-item-lv-2.el-panel .el-pagination {
  margin: 1em 0;
}

.el-collapse.el-collapse--badged .el-collapse-item__header .el-badge {
  line-height: 19px;
}

.el-collapse.el-collapse--badged .el-collapse-item__header .el-badge .el-badge__content.is-fixed.is-dot {
  right: -5px;
}

.el-collapse .el-collapse-item {
  position: relative;
}

.el-collapse .el-collapse-item .el-collapse-item__arrow {
  cursor: pointer;
  margin: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  padding: 0;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
}

.el-collapse .el-collapse-item .el-collapse-item__arrow:hover {
  background-color: #f2f6fc;
  border-color: #f2f6fc;
}

.el-collapse .el-collapse-item .el-collapse-item__header {
  padding-left: 20px;
}

.el-collapse.el-collapse-left-arrow .el-collapse-item__header {
  padding-left: 35px;
}

.el-collapse.el-collapse-left-arrow .el-collapse-item__arrow {
  position: absolute;
  left: 0;
}

@media only screen and (max-width: 480px) {
  .el-message-box {
    width: 90% !important;
  }
}

.el-message-box__wrapper {
  z-index: 9999999 !important !important;
}

.el-message-box .el-button.el-button--default.el-button--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
}

.el-message-box .el-button.el-button--default.el-button--danger:hover {
  background: #f78989;
  border-color: #f78989;
}

.el-tooltip__popper {
  max-width: 400px;
}

.el-message-box.el-message-box--dialog .el-message-box__status {
  top: 15px;
}

.el-message-box.el-message-box--dialog .el-message-box__message {
  padding-left: 45px;
}

.el-tabs.no-header-bottom-border .el-tabs__nav-wrap::after {
  background-color: transparent;
}

.el-tabs.header-x-padding .el-tabs__header.is-top {
  padding-left: 20px;
  padding-right: 20px;
}

.el-tag.el-tag--pink {
  background-color: #e14fad;
  border-color: #e14fad;
}

.el-tag.is-circle-mini {
  border-radius: 50%;
  width: 25px;
  padding: 0;
  text-align: center;
}

.el-timeline.additional-left-margin .el-timeline-item .el-timeline-item__tail {
  margin-left: 20px;
}

.el-timeline.additional-left-margin .el-timeline-item .el-timeline-item__node {
  margin-left: 20px;
}

.el-timeline.additional-left-margin .el-timeline-item .el-timeline-item__content {
  margin-left: 20px;
}

.el-timeline.additional-left-margin .el-timeline-item .el-timeline-item__timestamp {
  margin-left: 20px;
}

.el-timeline .el-timeline-item.highlight {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: rgba(166, 208, 255, 0.2);
}

.client-content .el-collapse {
  border-top: none;
  border-bottom: none;
}

.client-content .el-collapse-item__wrap {
  border-bottom: none;
}

.client-content .el-collapse-item__header .title {
  font-weight: 700;
  font-size: 1.3em;
}

.client .dialog-title {
  font-size: 1.7em;
  color: #0486fe;
}

.client .dialog-title .icon {
  margin-right: 15px;
}

.client .el-dialog__header {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}

.client .el-dialog__body {
  padding: 0;
}

.client .el-dialog__footer {
  border-top: 1px solid #e2e2e2;
  padding: 15px 20px;
  text-align: left;
}

@media only screen and (max-width: 1200px) {
  .el-dialog__wrapper.client .el-dialog {
    width: 90%;
  }
}

@media only screen and (min-width: 1200px) {
  .el-dialog__wrapper.client .el-dialog {
    width: 1199px;
    max-height: 92vh;
  }
}

@media only screen and (min-width: 1920px) {
  .el-dialog__wrapper.client .el-dialog {
    width: 1373px;
  }
}

.el-dialog__wrapper.client {
  overflow: hidden;
}

.el-dialog__wrapper.client .el-menu {
  border-right: none;
}

.el-dialog__wrapper.client .el-menu.el-menu--collapse {
  width: 71px;
}

.el-dialog__wrapper.client .el-menu .el-menu-item {
  height: 69px;
  line-height: 69px;
  color: #525252;
  font-size: 16px;
  padding: 0 20px;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.el-menu-item.el-menu-item--trees.is-active {
  color: #00b6b4;
  border-bottom-color: #00b6b4;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.el-menu-item.el-menu-item--trees.is-active .icon {
  color: #00b6b4;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.is-active {
  color: #0486fe;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.is-active .icon {
  color: #0486fe;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.is-active .content {
  color: #0486fe;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.is-active .content .sub.header {
  color: #0486fe;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.error {
  background-color: #fff3f2;
  color: #ff706c;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.error .icon {
  color: #ff706c;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.error .content {
  color: #ff706c;
}

.el-dialog__wrapper.client .el-menu .el-menu-item.error .content .sub.header {
  color: #ff706c;
}

.el-dialog__wrapper.client .el-menu .el-menu-item .icon {
  font-size: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}

.el-dialog__wrapper.client .el-menu .el-menu-item .content {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 4px;
  padding-left: 16px;
  line-height: 1.2;
}

.el-dialog__wrapper.client .el-menu .el-menu-item .content .sub.header {
  display: block;
  color: #525252;
  margin-top: 3px;
  font-size: 15px;
  font-weight: normal;
}

.el-dialog__wrapper.client .el-menu .el-menu-item .content .status {
  position: absolute;
  top: 20px;
  right: 20px;
}

.el-dialog__wrapper.client .el-collapse-item .el-collapse-item__header {
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  background: none;
  font-weight: bold;
  display: inline-flex;
  border-bottom: 0;
}

.el-dialog__wrapper.client .el-collapse-item .el-collapse-item__header .icon {
  font-size: 20px;
  width: 25px;
}

.el-dialog__wrapper.client .el-collapse-item .el-collapse-item__content {
  font-size: 14px;
  margin-bottom: 10px;
}

.el-dialog__wrapper.client .el-collapse-item .el-collapse-item__content:only-child {
  padding-bottom: 0;
}

.el-dialog__wrapper.client .el-collapse-item .el-collapse-item__content h4 {
  font-size: 15px;
}

.el-dialog__wrapper.client .el-collapse-item .el-collapse-item__wrap {
  overflow: visible;
  background: none;
}

.el-dialog__wrapper.client .el-icon-close-tip {
  display: none !important;
}

.el-dialog__wrapper.client .el-main--content--search-wrapper,
.el-dialog__wrapper.client .el-scrollbar.el-main--content {
  height: calc(100vh - 250px);
}

.el-dialog__wrapper.client .el-scrollbar.el-main--content {
  background: #fbfbfb;
  padding: 0;
}

.el-dialog__wrapper.client .el-scrollbar.el-main--content .el-form--main-client {
  padding: 20px;
}

.el-dialog__wrapper.client .el-header {
  line-height: 70px;
  padding-right: 70px;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog__wrapper.client .el-aside {
  overflow: visible;
  border-right: 1px solid #e2e2e2;
  transition: 0.4s;
  padding-bottom: 1px;
}

.el-dialog__wrapper.client .el-aside .dialog-profile {
  padding: 0 14px;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #e2e2e2;
  background: #fff;
}

.el-dialog__wrapper.client .el-aside .dialog-profile .image {
  width: 45px;
  display: inline-block;
  vertical-align: middle;
}

.el-dialog__wrapper.client .el-aside .dialog-profile .image img {
  max-width: 100%;
  vertical-align: middle;
  border-radius: 100%;
}

.el-dialog__wrapper.client .el-aside .dialog-profile .content {
  display: inline-block;
  width: calc(100% - 70px);
  margin-left: 15px;
  font-size: 1.5em;
  line-height: 1.2;
  vertical-align: middle;
}

.el-dialog__wrapper.client .el-aside .dialog-profile .content .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-dialog__wrapper.client .el-aside .dialog-profile .el-input--prefix .el-input__inner {
  padding-left: 35px;
}

.el-dialog__wrapper.client .el-aside .dialog-profile .el-input__suffix {
  top: 3px;
}

.el-dialog__wrapper.client .el-aside .dialog-profile .el-input__icon {
  font-size: 24px;
}

.el-dialog__wrapper.client .col-item {
  margin-bottom: 10px;
}

.el-dialog__wrapper.client .col-item:last-child {
  margin-bottom: 0;
}

.el-dialog__wrapper.client .box .box-actions:not(.top) {
  margin: 1rem -1.5rem -1.5rem;
}

@media only screen and (max-width: 767px) {
  .el-dialog__wrapper.client .el-header .el-col-dialog-title {
    width: auto;
    float: left;
  }

  .el-dialog__wrapper.client .el-header .el-col-dialog-type {
    width: auto;
    float: right;
  }

  .el-dialog__wrapper.client .el-sidebar-collapsed .dialog-title span {
    display: none;
  }

  .el-dialog__wrapper.client .el-sidebar-collapsed .dialog-type span {
    display: none;
  }

  .el-dialog__wrapper.client .el-sidebar-collapsed .dialog-type .el-select {
    max-width: 100px !important;
  }

  .el-dialog__wrapper.client .el-sidebar-collapsed .el-aside .dialog-profile .content {
    display: none;
  }

  .el-dialog__wrapper.client .el-sidebar-collapsed .el-dropdown-export .el-button-group .el-button:first-child {
    padding-left: 10px;
    padding-right: 10px;
  }

  .el-dialog__wrapper.client .row-item {
    padding-bottom: 20px;
    border-bottom: 1px solid #cdd0d7;
    margin-bottom: 25px;
  }

  .el-dialog__wrapper.client .row-item:last-child {
    border-bottom: 0;
  }

  .el-dialog__wrapper.client .row-item .el-form-item__label {
    display: block;
  }

  .el-dialog__wrapper.client .el-col-label {
    display: none;
  }
}

.box {
  padding: 1rem 1.5rem 1.5rem 1.5rem;
  background: #fff;
  box-shadow: none;
  border: 1px solid #dedede;
  border-radius: 3px;
  position: relative;
  margin-bottom: 15px;
  margin-top: 5px;
}

.box:last-child {
  margin-bottom: 0px;
}

.box .el-row.row-item {
  padding-bottom: 10px;
}

.box .el-row.row-item:last-child {
  padding-bottom: 0;
}

.box h4 {
  padding: 0;
}

.box hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e2e2e2;
  margin: 1em 0;
  padding: 0;
}

.box-summary {
  border-top: 3px solid #525252;
  font-size: 14px;
  background: none;
  margin-bottom: 10px;
  padding: 0;
}

.box-summary .box-item {
  padding: 1rem 1.5rem 1.5rem 1.5rem;
  border-bottom: 1px solid #dedede;
  background: #fff;
}

.box-summary .box-fields {
  background: #fff;
  border-bottom: 1px solid #dedede;
}

.box-summary .box-fields .el-row--box-header {
  padding: 0 15px;
  border-bottom: 1px solid #e2e2e2;
}

.box-summary .box-fields .el-row--box-header .el-form-item {
  margin-bottom: 0;
}

.box-summary .box-fields .el-row--box-header .el-form-item .el-form-item__label {
  line-height: 1.2;
  padding: 10px 0 !important;
}

.box-summary .box-fields .el-row--box-item {
  padding: 5px 15px 0;
  border-bottom: 1px solid #e2e2e2;
}

.box-summary .box-fields .el-row--box-item.el-row--box-item--text {
  padding: 3px 15px 0px;
}

.box-summary .box-fields .el-row--box-item:last-child {
  border-bottom: 0;
}

.box-summary .box-fields .el-row--box-item .el-list-item {
  padding: 10px 0;
  border-bottom: 1px solid #e2e2e2;
}

.box-summary .box-fields .el-row--box-item .el-list-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.box-summary .el-row {
  margin-bottom: 10px;
}

.box-summary .el-row:last-child {
  margin-bottom: 0;
}

.box-summary .el-row .el-col {
  text-overflow: ellipsis;
  overflow: hidden;
}

.box-summary label {
  font-weight: 600;
}

.box:not(.box-goals) .box-actions:not(.top) {
  margin: 1rem -1.5rem -1.5rem;
}

.box-actions {
  position: relative;
  border-top: 1px solid #dedede;
  padding: 10px;
  text-align: center;
  line-height: 1.2;
}

.box-actions.top {
  border-top: none;
  border-bottom: 1px solid #dedede;
  margin: -1rem -1.5rem 1rem;
  line-height: 1;
}

.dialog-profile .el-dialog__body {
  padding: 10px 20px 15px 20px;
  font-size: 16px;
}

.dialog-profile .el-dialog__body .section {
  margin-bottom: 20px;
}

.dialog-profile .el-dialog__body p {
  margin-bottom: 0;
}

.dialog-profile .el-dialog__body h3 {
  font-size: 18px;
  margin-bottom: 3px;
}

.dialog-profile .el-dialog__body .details {
  background: #f6f6f7;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  padding: 15px;
  max-height: 250px;
  overflow: auto;
}

.el-form-item.el-form-error--practitioners .el-form-item__error {
  top: -13px;
}

.client .el-dialog .cards .el-card.el-card--top-trees {
  font-size: 12px;
}

.el-card--top-trees .el-card__content {
  background: #fbfbfb;
}

.el-card--top-trees .el-card--content {
  background: #fff;
  padding: 10px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.el-card--top-trees .el-status-wrapper {
  height: 100%;
  text-align: center;
  padding: 7px;
}

.el-card--top-trees .el-card--branch {
  background: #fbfbfb;
  border: 1px solid #e2e2e2;
  border-left: 4px solid #00b6b4;
  border-radius: 5px;
  padding: 8px 10px;
}

.el-menu.el-menu--horizontal.el-menu--client {
  display: flex;
  border-bottom: 0;
}

.client .el-dialog .el-dialog__headerbtn {
  font-size: 16px;
  top: 24px;
  font-weight: 600;
  color: #666;
}

.client .el-dialog .el-dialog__headerbtn > i {
  font-size: 24px;
}

.client .el-dialog .el-dialog__headerbtn:hover {
  opacity: 0.5;
}

.client .el-dialog .el-header-client .el-scrollbar,
.client .el-dialog .el-header-client .el-scrollbar__wrap {
  height: 70px;
}

.client .el-dialog .client-content {
  padding: 15px;
}

.client .el-dialog .el-profile-info {
  line-height: 1.4;
  padding: 20px;
}

.client .el-dialog .el-profile-info .name-group {
  font-size: 18px;
  font-weight: 600;
  padding: 5px 0 0;
}

.client .el-dialog .el-profile-info .fa-circle {
  font-size: 6px;
  vertical-align: middle;
}

.client .el-dialog .el-profile-info .button-group {
  margin-top: 10px;
}

.client .el-dialog .el-profile {
  padding: 20px;
}

.client .el-dialog .el-profile .el-profile-item h4 {
  border-bottom: 2px solid;
  padding-bottom: 5px;
}

.client .el-dialog .el-profile .el-profile-item .three-letters-select .el-input-group__prepend {
  padding: 0 20px;
  width: 85px;
}

.client .el-dialog .el-profile .el-form-item .el-input__inner {
  border-color: #DCDFE6;
}

.client .el-dialog .el-profile .three-letters-select .el-input__inner {
  border-left: 0;
}

.client .el-dialog .cards {
  padding: 20px;
  word-break: normal;
}

.client .el-dialog .cards .el-card {
  font-size: 14px;
}

.client .el-dialog .cards .el-card.el-card-widget .el-card__header {
  font-size: 14px;
  padding: 10px;
}

.client .el-dialog .cards .el-card.el-card-widget .fc .fc-list-table {
  table-layout: fixed;
}

.client .el-dialog .cards .el-card.el-card-widget .fc .fc-list-table .fc-list-item {
  background: none;
  padding: 0;
  box-shadow: unset;
  border: 0;
  display: table-row;
  white-space: unset;
}

.client .el-dialog .cards .el-card.el-card-widget .fc .fc-list-table .fc-list-item td {
  padding: 0;
}

.client .el-dialog .el-field-group {
  margin-bottom: 25px;
}

.client .el-dialog .el-field-group:last-child {
  margin-bottom: 0;
}

.client .el-dialog .el-field-group .el-group-title {
  margin-bottom: 10px;
}

.client .el-dialog .el-field-group .el-group-title .el-button--add {
  margin-left: 10px;
}

.client .el-dialog a {
  text-decoration: none;
}

.client .el-dialog .el-breadcrumb {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

.client .el-dialog .el-breadcrumb .el-breadcrumb__item {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.client .el-dialog .el-breadcrumb i.fal {
  font-size: 20px;
  vertical-align: middle;
}

.client .el-dialog .el-files--toolbar {
  margin-bottom: 15px;
}

.client .el-dialog .dialog-profile .is-mobile .el-search-field {
  width: 100%;
}

.client .el-dialog .dialog-profile .is-mobile .el-close-button .el-icon-close {
  font-size: 24px;
  color: #909399;
  position: relative;
  top: 4px;
}

.client.el-dialog__wrapper .el-aside.el-aside--client-left-sidebar .el-card.el-card--client-card .el-card__body .el-card__content {
  height: auto;
}

.el-dialog--show .el-dialog .el-dialog__header {
  padding: 15px 20px;
  line-height: 1.4;
}

.el-dialog--show .el-dialog .el-dialog__header .name {
  font-size: 22px;
}

.el-dialog--show .el-dialog .el-dialog__header .details {
  font-size: 14px;
}

.el-dialog--show .el-dialog .el-dialog__header .fa-circle {
  font-size: 6px;
  display: inline-block;
  vertical-align: middle;
}

.el-dialog--show .el-dialog .el-dialog__body {
  padding: 20px 20px 30px;
}

.el-dialog--show .el-dialog .box {
  background: #fbfbfb;
  padding: 0.2em 1em 1em 1em;
  margin-top: 1em;
}

.el-dialog--show .el-list {
  list-style: none;
}

.el-dialog--show .el-list .el-list-item {
  line-height: 1.8;
}

.el-dialog--show .el-list .el-list-item .el-button {
  padding: 0;
  text-decoration: none;
}

.el-dialog--show .el-list .el-list-item .el-button i {
  color: #636b6f;
  width: 20px;
  text-align: center;
}

.el-dialog--show .divider {
  background: #e2e2e2;
  height: 1px;
  margin: 25px 0;
}

.el-dialog--grant .el-dialog .el-dialog__header {
  padding-right: 45px;
}

.el-dialog--grant .el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 30px;
}

.el-dialog--grant .el-dialog .el-dialog__body .el-group-item {
  padding: 20px;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog--grant .el-dialog .el-dialog__body .el-group-item:first-child {
  padding-top: 0;
}

.el-dialog--grant .el-dialog .el-dialog__body .el-group-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.el-dialog--grant .el-dialog .el-dialog__body .el-group-item label {
  line-height: 20px;
  margin-bottom: 5px;
}

.el-dialog--grant .el-dialog .el-dialog__body .el-services .el-service-item {
  margin-bottom: 10px;
  border: 1px solid #e2e2e2;
}

.el-dialog--grant .el-dialog .el-dialog__body .el-services .el-service-item .details {
  padding: 15px;
  background: #f7f7f7;
  border-left: 1px solid #e2e2e2;
}

.el-dialog--grant .el-dialog .el-dialog__body .el-services .el-service-item .padding {
  padding: 15px;
}

@media only screen and (max-width: 767px) {
  .el-dialog--grant .el-dialog {
    margin: 0;
  }

  .el-dialog--grant .el-dialog .el-dialog__header {
    padding-right: 40px;
    padding-left: 50px;
  }

  .el-dialog--grant .el-dialog .el-dialog__header .divider {
    display: none;
  }
}

.el-dialog--new-client .el-dialog__header {
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog--new-client .el-dialog__body {
  padding: 0;
}

.el-dialog--new-client .el-scrollbar {
  height: calc(95vh - 265px);
  padding: 20px;
}

.el-dialog--new-client .el-scrollbar .el-scrollbar__view {
  height: calc(95vh - 265px);
}

.el-dialog--new-client .el-client-practitioner .el-form-item__error {
  white-space: nowrap;
  left: -86px;
}

@media only screen and (max-width: 480px) {
  .el-dialog--new-client .el-dialog {
    width: 100%;
  }

  .el-dialog--new-client.el-dialog-small .el-dialog {
    margin: 0 !important;
    width: 100%;
  }

  .el-dialog--new-client .el-scrollbar {
    height: 100%;
  }

  .el-dialog--new-client .el-scrollbar .el-scrollbar__view {
    height: 100%;
  }
}

@media only screen and (max-height: 667px) {
  .el-dialog--new-client .el-dialog {
    width: 100%;
  }

  .el-dialog--new-client .el-scrollbar {
    height: 100%;
  }

  .el-dialog--new-client .el-scrollbar .el-scrollbar__view {
    height: 100%;
  }
}

.el-form--new-client .el-profile-item {
  padding: 14px;
  margin-bottom: 25px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.el-form--new-client .el-profile-item .el-profile-header {
  border-bottom: 2px solid;
  padding-bottom: 5px;
}

.el-form--new-client .el-profile-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.el-form--new-client .el-profile-item:not(:first-child) {
  background: #F8F8F8;
}

.el-button.el-button--client-toggle {
  height: 50px;
  width: 50px;
  border-radius: 0px;
  position: fixed;
  z-index: 99;
  right: 20px;
  bottom: 90px;
  padding: 9px 11px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  display: none;
  transition: 0.3s;
}

.el-form--main-client .el-main--content .client-content .el-overlay-wrapper {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.8);
}

.el-form--main-client .el-main--content .client-content .el-overlay-wrapper .el-msg-select {
  opacity: 1;
  transition: 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.el-form--main-client .el-main--content .client-content .el-overlay-wrapper .el-msg-cancel {
  opacity: 0;
  transition: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.el-form--main-client .el-main--content .client-content .el-overlay-wrapper:hover {
  color: #0486fe;
}

.el-form--main-client .el-main--content .client-content .el-overlay-wrapper:hover .el-msg-select {
  opacity: 0;
  transition: 0;
}

.el-form--main-client .el-main--content .client-content .el-overlay-wrapper:hover .el-msg-cancel {
  opacity: 1;
  transition: 0;
}

.el-form--main-client .el-main--content .client-content .el-overlay-wrapper .el-flex-container {
  height: 100%;
}

.el-form--main-client .el-main--content .client-content .el-overlay-wrapper .el-client-overlay {
  width: 100%;
  text-align: center;
}

.el-form--main-client .el-main--content .client-content .el-overlay-wrapper .el-client-overlay i {
  font-size: 70px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .client.el-dialog__wrapper .el-aside.el-aside--client-left-sidebar {
    width: 300px;
    position: absolute;
    z-index: 999;
  }

  .client.el-dialog__wrapper .el-aside.el-aside--client-left-sidebar.visible {
    left: 0;
  }

  .client.el-dialog__wrapper .el-aside.el-aside--client-left-sidebar.hidden {
    left: -300px;
  }

  .client.el-dialog__wrapper .el-header {
    padding-left: 0;
    padding-right: 45px;
  }

  .client.el-dialog__wrapper .el-menu.el-menu--client .el-menu-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
  }

  .client.el-dialog__wrapper .el-menu.el-menu--client .el-menu-item * {
    line-height: 1.2;
    margin: 0;
  }

  .client.el-dialog__wrapper .el-menu.el-menu--client .el-menu-item span {
    font-size: 12px;
  }

  .client .box-summary .box-fields .el-row--box-item {
    padding: 5px 15px 10px;
  }

  .client .box-summary .box-fields .el-row--box-item > .el-group-item {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }

  .client .box-summary .box-fields .el-row--box-item > .el-group-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .el-button.el-button--client-toggle {
    display: block;
  }

  .el-field-group .el-row--box-header {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .client.el-dialog__wrapper .el-menu.el-menu--client .el-menu-item {
    padding: 0 12px;
  }

  .client.el-dialog__wrapper .el-aside.el-aside--client-left-sidebar.visible {
    width: 100% !important;
  }

  .client.el-dialog__wrapper .el-aside.el-aside--client-left-sidebar.visible .el-button.el-button--client-toggle {
    bottom: 20px;
  }

  .client.el-dialog__wrapper .el-menu.el-menu--client .el-menu-item .icon {
    font-size: 25px;
    margin: 2px;
  }

  .client.el-dialog__wrapper .el-menu.el-menu--client .el-menu-item .el-tab-name {
    display: none;
  }
}

.el-menu.el-menu--client-list .el-menu-item {
  font-size: 14px !important;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 10px !important;
}

.el-menu.el-menu--client-list .el-menu-item .el-flex {
  line-height: 1.2;
  height: 100%;
  align-items: center;
}

.el-menu.el-menu--client-list .el-menu-item .el-avatar-container {
  margin: 0 5px 0 0;
}

.el-menu.el-menu--client-list .el-menu-item .details .fas.fa-circle {
  font-size: 6px;
}

.el-menu.el-menu--client-list .el-menu-item.is-selected .details {
  font-weight: 600;
  color: #0486fe;
}

.el-menu.el-menu--client-list .el-menu-item.is-selected .fas.fa-circle {
  color: #0486fe;
}

.el-tabs--client-tree .el-tabs__nav-wrap:after {
  background: none;
}

.el-tabs--client-tree .el-tabs__item {
  padding-right: 0;
}

.el-tabs--client-tree .el-tabs__item.is-active {
  color: #00b6b4;
}

.el-tabs--client-tree .el-tabs__active-bar {
  background-color: #00b6b4;
}

.el-tabs--client-tree .el-tabs__header {
  margin-bottom: 0;
}

.el-tabs--client-tree .el-tabs__content {
  display: none;
}

.el-panel .handle-branch--wrapper {
  position: relative;
}

.el-panel .btn-handle-branch--wrapper {
  position: absolute;
  top: 45px;
  vertical-align: middle;
  left: -13px;
  z-index: 9;
  opacity: 0;
}

.el-panel .handle-branch--wrapper:hover .btn-handle-branch--wrapper {
  opacity: 1;
}

.account-settings .el-dialog__header {
  padding: 20px;
}

.account-settings .el-dialog__body {
  padding: 0 0 20px 0;
}

.account-settings .title .text {
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0 5px;
}

.account-settings ul.el-info {
  list-style: none;
}

.account-settings ul.el-info li {
  padding: 3px 0;
}

.account-settings ul.el-info li i.fal {
  font-size: 16px;
  margin-right: 5px;
}

.account-settings .el-scrollbar.el-scrollbar--main .el-scrollbar__view {
  padding: 0 20px 20px 20px;
}

@media only screen and (min-width: 768px) {
  .account-settings .el-scrollbar.el-scrollbar--main {
    height: calc(80vh - 320px);
  }

  .account-settings .el-scrollbar.el-scrollbar--main .el-scrollbar__view {
    height: calc(80vh - 320px);
  }
}

@media only screen and (max-height: 767px) {
  .account-settings .el-scrollbar.el-scrollbar--main {
    height: auto;
  }

  .account-settings .el-scrollbar.el-scrollbar--main .el-scrollbar__view {
    height: auto;
  }
}

.el-header-custom {
  padding-right: 45px;
  line-height: 90px;
}

.el-header-custom .el-col-buttons {
  width: 150px;
}

.el-header-custom .el-col-title {
  width: calc(100% - 150px);
}

@media only screen and (min-width: 768px) {
  .el-header-custom .el-col-buttons {
    width: 300px;
  }

  .el-header-custom .el-col-title {
    width: calc(100% - 300px);
  }
}

.el-preview-status {
  background: #ecf5ff;
  color: #3a8ee6;
  height: 100%;
  text-align: center;
  border-right: 1px solid #ebeef5;
  display: table;
  width: 100%;
}

.el-preview-status span {
  display: table-cell;
  vertical-align: middle;
}

.el-preview-details {
  padding: 7px 15px 5px;
}

.el-preview-details label {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 5px;
}

.el-preview-details .el-preview-details-title {
  font-size: 14px;
  font-weight: bold;
}

.el-preview-title {
  height: 100%;
  color: #666;
  font-size: 19px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.el-preview-title .el-title-editable {
  line-height: 40px;
}

.el-preview-title span {
  margin-right: 28px;
}

.el-preview-title .el-button span {
  margin: 0;
}

.el-form.el-form-prev .el-form-item__label {
  display: block;
  width: 100%;
  text-align: left;
}

.el-dialog.dialog-notes .el-dialog__header {
  padding: 0;
}

.el-dialog.dialog-notes .el-dialog__header section {
  border-bottom: 1px solid #ebeef5;
}

.el-dialog.dialog-notes .el-dialog__header .el-col-left {
  width: 70px;
}

.el-dialog.dialog-notes .el-dialog__header .el-col-right {
  width: calc(100% - 70px);
}

.el-dialog.dialog-notes .el-dialog__body {
  padding: 0;
}

.el-dialog.dialog-notes .el-title--if-session-note {
  color: #008BC9;
}

.el-dialog.dialog-notes.dialog-notes-new .el-form-item__error {
  z-index: 1;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__headerbtn {
  top: 15px;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__header {
  padding: 0;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__header .el-header-custom {
  padding-bottom: 2.5px;
  padding-top: 2.5px;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__header .el-header-custom h2 {
  line-height: 1.2;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__header .el-header-custom h2 .el-button {
  color: #008BC9;
  font-size: 22px;
  font-weight: 600;
  padding: 0;
  line-height: 1;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__header .el-header-custom h2 .el-form--note-title {
  line-height: 1.2;
  margin-bottom: 0;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__header .el-header-custom h2 .el-form--note-title .el-form-item__content {
  line-height: 1.2;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__header .el-header-custom .el-form-item__error {
  font-weight: normal;
  white-space: nowrap;
  top: auto;
  bottom: -10px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  right: 0;
  left: auto;
  position: static !important;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__body {
  padding: 0;
}

.el-dialog.dialog-notes.dialog-notes-new .el-dialog__body .el-collapse {
  border: none;
}

.el-dialog.dialog-notes.dialog-notes-new .quillWrapper.active .ql-toolbar {
  display: block;
}

.el-dialog.dialog-notes.dialog-notes-new .quillWrapper .ql-toolbar {
  display: none;
}

.el-dialog.dialog-notes.dialog-notes-new .ql-container {
  border-top: 1px solid #ccc !important;
}

.el-dialog.dialog-notes.dialog-notes-preview .el-dialog__footer {
  padding: 0;
}

.el-dialog.dialog-notes.dialog-notes-preview .el-dialog__footer .el-notes-footer {
  padding: 15px 20px;
}

.el-dialog.dialog-notes.dialog-notes-preview .el-dialog__footer .el-col-footer-right-signed {
  width: 225px !important;
}

.el-dialog.dialog-notes.dialog-notes-preview .el-dialog__footer .el-col-footer-left-signed {
  width: calc(100% - 225px) !important;
}

.el-dialog.dialog-notes.dialog-notes-preview .ql-container {
  border: none !important;
}

.el-dialog.dialog-notes.dialog-notes-preview .ql-container .ql-editor {
  min-height: unset;
}

.el-dialog.dialog-notes .el-collapse-item__header {
  height: 40px;
  line-height: 1.2;
}

.el-dialog.dialog-notes .el-collapse-item__header .el-flex-container {
  width: 100%;
}

.el-dialog.dialog-notes .el-collapse-item__header .el-switch {
  margin-left: 10px;
}

.el-dialog.dialog-notes .el-collapse-no-border > .el-collapse-item .el-collapse-item__header {
  /* border: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  height: 30px;
  margin-bottom: 5px; */
}

.el-dialog.dialog-notes .el-collapse-no-border .el-collapse-item:last-child .el-collapse-item__header {
  border: 0;
}

.el-dialog.dialog-notes .el-collapse-item__wrap {
  border: none;
}

@media only screen and (min-width: 768px) {
  .el-dialog.dialog-notes,
  .el-dialog.el-dialog-notes-width {
    width: 95%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .el-dialog.dialog-notes,
  .el-dialog.el-dialog-notes-width {
    width: 950px;
  }
}

@media only screen and (min-width: 1201px) {
  .el-dialog.dialog-notes,
  .el-dialog.el-dialog-notes-width {
    width: 1135px;
  }
}

@media only screen and (max-width: 767px) {
  .el-dialog.dialog-notes,
  .el-dialog.el-dialog-notes-width {
    width: 88%;
  }
}

h3.el-note-item-title {
  margin-bottom: 10px;
  border-bottom: 2px solid;
}

.el-note-item {
  margin-bottom: 30px;
}

.el-note-item-content {
  margin-bottom: 10px;
}

.el-note-item-content:last-child {
  margin-bottom: 0;
}

.el-note-item-content .ql-container.ql-disabled {
  border: none !important;
}

.el-comment-header {
  font-size: 16px;
}

.el-comments {
  margin: 10px 0;
}

.el-comments .el-comment-item {
  margin-bottom: 10px;
  line-height: 1.2;
}

.el-comments .el-comment-item:last-child {
  margin-bottom: 0;
}

.el-comments h1 {
  font-size: 20px;
}

.el-comments ol,
.el-comments ul {
  padding-left: 15px;
}

.el-notes-signed {
  height: 100%;
  background: #ffcf4c;
  padding: 13px;
  text-align: center;
  display: table;
  width: 100%;
}

.el-notes-signed .el-notes-signed-middle {
  display: table-cell;
  vertical-align: middle;
}

.el-notes-signed p {
  margin-bottom: 0;
}

.dialog-new-notes .bg-light-grey {
  background: #fafafa;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;
}

.dialog-new-notes .el-dialog__footer {
  background: #f9fafb;
  padding: 1rem 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right;
}

.dialog-new-notes .el-form-item__label {
  line-height: 2;
  width: 100%;
  text-align: left;
}

.dialog-new-notes .el-collapse-item__header {
  font-size: 14px;
  color: #606266;
  padding: 0 12px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.el-tooltip-status ul {
  padding-left: 0;
  padding-right: 0;
}

.el-tooltip-status ul > li > .status {
  float: right;
  display: inline-block;
  padding: 3px 5px;
  text-align: right;
  margin-left: 10px;
  border-radius: 1em;
  color: #fff;
  font-size: 80%;
}

.el-tooltip-status ul > li > .status.signed {
  background: #ffbc05;
}

.el-tooltip-status ul > li > .status.not_signed {
  background: #000;
}

.el-table.el-table-notes-files .el-table__row .el-tc-buttons {
  display: none;
}

.el-table.el-table-notes-files .el-table__row:hover .el-tc-buttons {
  display: block;
}

.el-button-nav-container .el-button-nav {
  position: fixed;
  top: 45%;
  z-index: 9999999;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  opacity: 0.5;
}

.el-button-nav-container .el-button-nav.el-button-prev {
  left: 20px;
}

.el-button-nav-container .el-button-nav.el-button-next {
  right: 20px;
}

.el-button-nav-container .el-button-nav:hover {
  color: #fff;
  border-color: #0486fe;
  background-color: #0486fe;
  opacity: 1;
}

.el-tag.el-tag--default {
  background: none;
  color: #3b3b3b;
  border-color: #909399;
}

.el-tag:not(.el-tag--mini) {
  height: 25px;
  line-height: 24px;
}

.el-tag.is-round {
  border-radius: 2em;
  padding: 0 10px;
}

.el-tag-duo .el-tag:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.el-tag-duo .el-tag:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #ececec;
  margin-left: -4px;
  font-size: 85%;
}

.el-panel.el-panel--notes {
  padding: 5px 20px 0 20px;
  background: #fdfdfd;
}

.el-panel.el-panel--notes .el-collapse-item__wrap {
  padding: 0;
}

.el-panel.el-panel--notes .el-collapse-item__header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  border-bottom: none;
  padding-left: 0;
  cursor: pointer;
}

.el-panel.el-panel--notes .el-collapse-item__header:hover {
  background: none;
}

.el-panel.el-panel--notes .el-collapse-item__header .el-tag {
  margin-left: 10px;
}

.el-panel.el-panel--notes .el-collapse-item.el-collapse-item-lv-2 .el-collapse-item__header {
  border-bottom: 1px solid #dedede;
}

.el-panel.el-panel--notes .el-collapse-item.el-collapse-item-lv-2.el-panel {
  background: #fff;
}

.el-panel.el-panel--notes .el-collapse-item__content {
  padding-top: 5px;
  padding-bottom: 0;
}

.el-viewer-toolbar {
  background: #eee;
  padding: 10px;
}

@media only screen and (max-width: 480px) {
  .el-dialog.dialog-notes.dialog-notes-new .el-dialog__header .el-header-custom h2 {
    font-size: 16px;
  }

  .el-dialog.dialog-notes.dialog-notes-new .el-dialog__header .el-header-custom h2 .el-button {
    font-size: 16px;
  }

  .el-dialog.dialog-notes.dialog-notes-new .el-preview-title.el-title-editable {
    font-size: 16px;
  }
}

.el-search-input {
  min-width: 280px;
}

.el-search-input .el-input-group-search .el-input__inner {
  border: none;
  font-size: 16px;
  padding-left: 0;
  height: 33px;
  line-height: 35px;
  background: none;
}

.el-search-input .el-input-group-search .el-input--prefix .el-input__inner {
  padding-left: 55px;
  font-size: 15px;
}

.el-search-input .el-input-group-search .el-input__icon {
  font-size: 25px;
  width: 45px;
  color: #666;
}

.el-search-input .el-input-group-search .el-input-group__append {
  background: none;
  border: none;
}

.el-search-input .el-input-group-search .el-input-group__append .el-input__inner {
  border: none;
}

.el-search-input .el-input-group-search .el-input-group__append .el-input-append-container button.el-button {
  margin: 0;
}

.el-search-input .el-input-group-search .el-input-group__append .el-input-append-container button.el-button.el-button--primary {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
}

.el-search-input .el-input-group-search .el-input-group__append .el-input-append-container button.el-button.el-button--primary:hover {
  background: #66b1ff;
  border-color: #66b1ff;
}

.el-search-input .el-input-group-search .el-input-group__append .el-input-append-container button.el-button + .el-button {
  margin-left: 30px;
}

.el-search-box-container {
  margin-bottom: 15px;
}

.el-search-box {
  display: flex;
  padding: 7px 10px !important;
  width: 100%;
  margin: 0;
  height: 50px;
}

.el-search-box .el-button {
  padding: 0 10px;
}

.el-search-box .el-icon--content {
  font-size: 15px;
  width: 30px;
  text-align: center;
  margin-right: 10px;
  color: #909399;
  line-height: 35px;
}

.el-search-box span.divider {
  border-left: 1px solid #dcdfe6;
  margin: 0 15px;
  padding: 10px 0;
  vertical-align: middle;
}

.el-search-box .el-select-container {
  display: table;
  margin-right: 10px;
}

.el-search-box .el-select-container .el-select__prepend {
  display: table-cell;
  background: #e2e2e2;
  padding: 0px 15px;
  color: #999;
}

.el-search-box .el-select-container .el-select {
  display: table-cell;
  width: 120px;
}

.el-search-box .el-select-container .el-select .el-input__inner {
  border: 1px solid #e2e2e2;
  border-radius: 0;
  text-transform: capitalize;
  height: 33px;
  line-height: 29px;
  min-width: 140px;
}

.el-search-box .el-select-container .el-select .el-input__icon {
  line-height: 30px;
}

.el-search-box .el-button--link {
  color: #909399;
  padding: 5px;
}

.el-search-box .el-menu .el-menu-item.is-active {
  color: inherit;
}

.el-search-box .el-scrollbar.el-scrollbar--searchbar .el-scrollbar__bar.is-vertical {
  display: none;
}

.el-aside.el-aside-right {
  position: fixed;
  top: 80px;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: #fff;
  border-left: 1px solid #dedede;
  transform: translateX(580px);
  transition: 0.3s;
}

.el-aside.el-aside-right .el-aside-right-title {
  font-size: 22px;
  padding: 20px;
}

.el-aside.el-aside-right .el-menu--horizontal > .el-menu-item {
  margin-top: 1px;
}

.el-aside.el-aside--tree {
  padding-bottom: 60px;
  max-width: 100%;
}

.el-aside.el-aside--tree .el-form-footer {
  border-top: 1px solid #e2e2e2;
  padding: 10px 20px;
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #fff;
}

.el-aside .el-aside-padded {
  padding: 0 20px 10px;
}

.el-button.el-button-toggle-right {
  position: fixed;
  right: 5px;
  top: 95px;
  padding: 8px 10px;
  background: none;
  z-index: 5;
}

.el-main.el-main-right {
  padding: 0 570px 0 0;
  transition: 0.3s;
}

.el-panel {
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 6px;
  position: relative;
  margin-bottom: 15px;
}

.el-panel:hover {
  box-shadow: 0 0 8px 0 #eee, 0 2px 4px 0 #ececec;
}

.el-panel .el-panel-heading {
  padding: 15px;
}

.el-panel .el-panel-heading .el-title-editable {
  margin-left: 10px;
}

.el-panel .el-panel-heading .el-title-editable.el-button--link {
  font-size: 22px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 40px;
  padding: 0 5px;
}

.el-panel.el-panel--tree {
  transition: 0.3s;
}

.el-panel.el-panel--tree.is-active {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #01a96f;
}

.el-panel.el-panel--tree .tree-status .text {
  position: absolute;
  font-size: 14px;
  transition: 0.3s;
  opacity: 0;
}

.el-panel.el-panel--tree .tree-status:hover .text {
  opacity: 1;
}

.el-panel.el-panel--tree .no-data {
  padding: 10px 55px;
  color: #909399;
}

.el-panel.el-panel--tree.client-modal {
  border-radius: 10px;
}

.el-panel.el-panel--tree.client-modal .el-panel-heading {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.el-panel.el-panel--tree .el-panel-pagination {
  position: sticky;
  bottom: 0;
  padding: 10px 0;
  background: #fff;
  border-top: 1px solid #dedede;
  z-index: 9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.el-panel .el-panel--tree-title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  vertical-align: middle;
}

.el-panel .el-panel--tree-title .el-editable {
  align-self: flex-start;
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-panel .el-collapse .el-collapse-item .el-collapse-item__header {
  font-size: 18px;
  height: unset;
  line-height: 1.4;
  padding: 10px 0;
  cursor: default;
}

.el-panel .el-collapse .el-collapse-item .el-collapse-item__header.is-active {
  border-bottom-color: #dedede;
  background: none;
}

.el-panel .el-collapse .el-collapse-item .el-collapse-item__header:hover {
  background: none;
}

.el-panel .el-collapse .el-collapse-item .el-collapse-item__header:hover .el-button-more {
  visibility: visible;
}

.el-panel .el-collapse .el-collapse-item .el-collapse-item__header .el-input__inner {
  margin-left: 35px;
}

.el-panel .el-collapse .el-collapse-item .el-collapse-item__content {
  padding-bottom: 0;
}

.el-panel.el-panel--tree .el-tree--actions {
  opacity: 0;
  transition: 0.3s;
}

.el-panel.el-panel--tree:hover .el-tree--actions {
  opacity: 1;
}

.el-panel.el-panel--tree .el-panel-heading {
  padding: 10px 15px;
}

.el-panel.el-panel--tree .el-collapse-item .el-tree--title {
  padding: 10px;
  margin: 3px 0;
  text-align: left;
}

.el-panel.el-panel--tree .el-row--panel-heading .el-col.el-col--left {
  width: calc(100% - 260px);
}

.el-panel.el-panel--tree .el-row--panel-heading .el-col.el-col--right {
  width: 260px;
  text-align: right;
  line-height: 35px;
}

.el-panel.el-panel--tree .el-collapse-item__header {
  padding-left: 20px;
}

.el-panel.el-panel--tree .el-collapse-item__arrow {
  position: absolute;
  left: 28px;
  margin: 0 12px;
}

.el-panel.el-panel--tree .el-branch-title--container {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-panel.el-panel--tree .el-button.el-button--link {
  text-align: left;
}

.el-panel.el-panel--tree.client-modal .el-button.el-button--add-leaf {
  color: #01A9A9;
  border-color: #01A9A9;
}

.el-panel.el-panel--tree.client-modal .el-button.el-button--add-leaf:hover {
  color: #fff;
  border-color: #fff;
  background: #01A9A9;
}

.el-panel.el-panel--tree.client-modal .el-collapse-item__arrow {
  left: 0;
  top: 22px;
}

.el-panel.el-panel--tree.client-modal .el-panel-heading {
  border-bottom: 1px solid #e2e2e2;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 49;
}

.el-panel.el-panel--tree.client-modal .el-collapse-item .el-collapse-item__header {
  padding-left: 30px;
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #dedede;
}

.el-panel.el-panel--tree.client-modal .el-collapse-header {
  width: 100%;
  padding: 0;
}

.el-panel.el-panel--tree.client-modal .el-editable {
  text-overflow: ellipsis;
  overflow: hidden;
}

.el-panel.el-panel--tree.client-modal .el-sortable-item--leaf {
  padding: 10px 15px 10px 45px;
  position: relative;
}

.el-panel.el-panel--tree.client-modal .el-sortable-item--leaf:last-child {
  border-bottom: 1px solid #e2e2e2;
}

.el-panel.el-panel--tree.client-modal .el-sortable-item--leaf:first-child .el-leaf-container:before {
  display: none;
}

.el-panel.el-panel--tree.client-modal .el-sortable-item--leaf .el-leaf-container:before {
  left: 12px;
}

.el-panel.el-panel--tree.client-modal .el-sortable-item--leaf .el-button.handle {
  left: 15px;
  opacity: 0.5;
}

.el-panel.el-panel--tree.client-modal .el-sortable-item--leaf .el-button.handle:hover {
  opacity: 1;
}

.el-panel.el-panel--tree.client-modal .el-collapse-item .el-collapse-item__content:only-child,
.el-panel.el-panel--tree.client-modal .el-collapse-item .el-collapse-item__content:last-child {
  margin-bottom: 0;
}

.el-panel.el-panel--tree.client-modal .el-tag.el-tag--green.is-circle {
  width: 18px;
  height: 18px;
  position: absolute;
  top: -10px;
  right: 2px;
  padding: 0;
  margin: auto;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  z-index: 39;
}

.el-panel .el-sortable-item {
  cursor: default;
}

.el-panel .el-sortable-item .el-button.handle {
  font-size: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  transition: 0.3s;
}

.el-panel .el-sortable-item .el-button.handle {
  opacity: 0.5;
}

.el-panel .el-sortable-item .el-sortable-item--leaf {
  padding: 5px 20px;
  border-bottom: 1px solid #e2e2e2;
  text-align: left;
}

.el-panel .el-sortable-item .el-sortable-item--leaf:last-child {
  border-bottom: 0;
}

.el-panel .el-sortable-item .el-sortable-item--leaf:hover .el-button.handle {
  opacity: 1;
}

.el-panel .el-sortable-item .el-sortable-item--leaf .el-button--leaf {
  margin-right: 10px;
}

.el-panel .el-sortable-item .el-sortable-item--leaf .el-leaf-title {
  padding-left: 32px;
}

.el-panel .el-sortable-item .el-sortable-item--leaf .el-editable {
  margin-left: 0;
}

.el-panel .el-sortable-item .el-collapse-item__header:hover .el-button.handle {
  opacity: 1;
}

.el-panel .el-sortable-item .el-sortable-item--menu .el-button.handle {
  left: 34px;
}

.el-panel .el-sortable-item .el-sortable-item--menu.selected {
  background: #ecf5ff;
}

.el-panel .el-sortable-item .el-sortable-item--menu:focus {
  background: none;
}

.el-panel .el-sortable-item .el-sortable-item--menu:hover {
  background: #f9f9f9;
}

.el-panel .el-sortable-item.selected {
  background: #ecf5ff;
}

.el-panel .el-button-more {
  visibility: hidden;
  font-size: 20px;
  color: #909399;
  vertical-align: middle;
}

.el-panel .el-collapse-item__header .el-button.el-button--link {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  top: 6px;
}

.el-panel .el-collapse-item__header:hover {
  background: #f9f9f9;
}

.el-panel .el-collapse-item .el-menu > .el-menu-item {
  padding: 0 20px 0 40px !important;
  cursor: default;
  height: 50px;
  line-height: 53px;
}

.el-panel .el-collapse-item .el-menu > .el-menu-item:hover {
  background: none;
  border-color: #dedede;
}

.el-panel .el-collapse-item .el-menu > .el-menu-item.is-active {
  background: none;
  border-color: #dedede;
}

.el-panel .el-collapse-item .el-menu > .el-menu-item.is-active:hover {
  background: none;
  border-color: #dedede;
}

.el-panel .el-menu {
  border: none;
}

.el-panel .el-menu .el-menu-item {
  border-bottom: 1px solid #dedede;
  line-height: 55px;
}

.el-panel .el-menu .el-menu-item:last-child {
  border-bottom: none;
}

.el-panel .el-menu .el-menu-item:hover > .el-button-more {
  visibility: visible;
}

.el-panel .el-menu .el-menu-item:hover .el-button--default {
  border-color: #409EFF;
  color: #409EFF;
}

.el-panel .el-menu .el-menu-item:hover .el-button--default i {
  color: #409EFF;
}

.el-panel .el-menu .el-menu-item:hover .el-button--default:hover {
  border-color: #409EFF;
  color: #409EFF;
}

.el-panel .el-menu .el-menu-item:hover .el-button--default:hover i {
  color: #409EFF;
}

.el-panel .el-lists .el-list-item {
  font-size: 14px;
  border-bottom: 1px solid #dedede;
  padding: 2px 20px;
}

.el-progress.is-green .el-progress-bar__inner {
  background-color: #01a96f;
}

.el-flex-popover.el-autocomplete-suggestion {
  width: 200px !important;
}

.el-flex-popover.el-popper[x-placement^=bottom] {
  margin-top: 17px;
}

.el-popper[x-placement^=bottom-start] .el-menu-item.is-active {
  color: inherit;
}

.el-popper[x-placement^=bottom-start] .popper__arrow {
  left: 10px !important;
}

.el-leaf-count {
  color: #01a96f;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.sortable-chosen.sortable-ghost {
  border: 2px dashed #01a96f !important;
}

.sortable-chosen.sortable-ghost .el-button {
  color: #01a96f !important;
}

.sortable-chosen.sortable-ghost .el-button i {
  color: #01a96f !important;
}

.sortable-chosen.sortable-ghost .el-button.is-circle {
  border-color: #01a96f !important;
}

.el-sortable-item--leaf:first-child .el-leaf-container:before {
  top: 0;
}

.el-sortable-item--leaf:last-child .el-leaf-container:before {
  bottom: 22px;
}

.el-sortable-item--leaf .el-leaf-container {
  position: relative;
}

.el-sortable-item--leaf .el-leaf-container:before {
  content: "";
  position: absolute;
  top: -15px;
  bottom: -19px;
  left: 52px;
  width: 1px;
  margin: auto;
  border-left: 3px dotted #dedede;
  z-index: 1;
}

.el-sortable-item--leaf .el-leaf-container.hide-dots:before {
  display: none;
}

.el-sortable-item--leaf .el-leaf-container .el-button--leaf {
  position: relative;
  z-index: 29;
}

.el-row.el-row--tree-title .el-col--tree-title {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 62px !important;
  position: relative;
}

.el-row.el-row--tree-title .el-progress-bar__innerText {
  display: block;
  line-height: 15px;
  font-size: 11px;
}

.el-row.el-row--tree-title .el-col--tree-info {
  width: 260px;
  text-align: right;
}

.el-editable {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  width: 100%;
  border-radius: 0;
  height: auto;
  line-height: 1.5;
}

.el-editable:focus,
.el-editable:hover {
  text-overflow: initial;
  box-shadow: inset 0px -5px 3px -4px #0486fe;
  border-radius: 0;
}

.el-editable:focus {
  white-space: normal;
  transition: 0.3s;
}

.el-editable.text-right {
  text-align: right;
}

.box.box-tree {
  padding: 0;
}

.box.box-tree .box-header {
  background: #f7f7f7;
  padding: 1rem;
}

.box.box-tree .box-body {
  padding: 1rem;
}

.box.box-tree .box-body .score-set {
  margin-bottom: 10px;
}

.box.box-tree .box-actions:not(.top) {
  margin: 0;
}

.el-aside.el-aside--tree .el-button + .el-button {
  margin-left: 2px;
}

.el-aside.el-aside--tree .el-select.el-select--small .el-input__inner {
  font-size: 11px;
}

.el-aside .el-aside-right-title {
  background: #f7f7f7;
  white-space: nowrap;
}

.el-aside .el-aside-right-title.tree {
  padding: 10px 20px;
}

.el-aside .el-aside-right-title .el-editable {
  display: inline-block;
  font-weight: 300;
  font-size: 18px;
}

.el-aside .el-aside-right-title .tree-title-icon {
  margin-right: 3px;
  font-size: 16px;
}

.el-aside .el-aside-right-title .el-tree-header-top {
  padding-bottom: 15px;
  line-height: 1.5;
}

.el-aside .el-aside-right-title .el-tree-header-bottom {
  border-top: 2px solid #e9ecf0;
  padding-top: 15px;
}

.el-aside .el-aside-right-title.leaf .title {
  color: #01a96f;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-aside .el-aside-right-title.leaf .title .el-title-editable {
  color: #01a96f;
}

.el-aside .el-aside-right-title.leaf .details {
  font-size: 14px;
  color: #606266;
}

.el-aside .el-aside-right-title.leaf .details .fa-circle {
  font-size: 8px;
  display: inline-block;
  vertical-align: middle;
}

.el-tree--menu-container {
  padding-right: 20px;
  border-bottom: solid 1px #e6e6e6;
}

.el-tree--menu-container .el-menu.el-menu--horizontal {
  border-bottom: none;
}

.el-row-table {
  margin-bottom: 15px;
}

.el-row-table:last-child {
  margin-bottom: 0;
}

.el-row-table .el-pagination {
  margin-top: 0 !important;
}

.el-row-table .el-table th.is-leaf {
  border-bottom: 0 !important;
}

.el-row-table .el-row-table-header {
  padding: 12px 0;
}

.el-row-table .el-row-table-header .title {
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  max-width: 260px;
  white-space: nowrap;
}

.el-row-table .el-row-table-header .title .fal {
  color: #01a96f;
}

.el-row-table .el-row-table-header .title span {
  margin-left: 3px;
}

.el-row-table .el-row-table-header .el-button--text {
  color: #01a96f;
  font-size: 16px;
  padding: 0 5px;
}

.el-row-table .el-row-table-header .el-tag {
  margin: 0 5px;
}

.el-row-table .el-table__header-wrapper {
  border-bottom: 1px solid #e2e2e2;
}

.el-row-table .el-row-table-body > .el-row-container {
  padding: 12px 0;
  border-bottom: 1px solid #e2e2e2;
}

.el-panel-body--table-header {
  padding: 10px 20px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.el-panel-body--table-header + .el-collapse {
  min-height: 40px;
}

.el-aside-right-header {
  padding: 7px 20px;
}

.el-aside-right-header .el-dropdown-link {
  color: #606266;
}

span.is-circle.el-tag {
  border-radius: 100%;
  width: 14px;
  height: 14px;
  padding: 0;
  vertical-align: middle;
  margin-right: 5px;
}

span.is-circle.el-tag.is-normal {
  width: 25px;
  height: 25px;
  text-align: center;
}

span.is-circle.el-tag.is-big {
  width: 35px;
  height: 35px;
  padding: 4px 0;
}

span.is-circle.el-tag.is-big.el-tag--light {
  background: none;
  border-color: #909399;
}

span.is-circle.el-tag.el-tag--primary {
  background: #0486fe;
}

span.is-circle.el-tag.el-tag--warning {
  background: #ffbc05;
}

.box.box--tracking .el-row > .el-col {
  padding-bottom: 12px;
}

.box.box--tracking .el-row > .el-col:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.box.box--tracking .el-row .top-border {
  border-top: 1px solid #e2e2e2;
}

.el-input-group--compact .el-input-group__append {
  padding: 0 13px;
}

.el-select.el-select--green-tags .el-tag {
  background: #01a96f;
  color: #fff;
}

.el-select.el-select--green-tags .el-tag__close.el-icon-close {
  background: #fff;
  color: #01a96f;
}

.el-search-box-container.tree .el-button.el-button--text {
  color: #909399;
  border: 0;
}

.el-search-box-container.tree .el-button.el-button--text.is-active {
  color: #0486fe;
  border: none;
}

.el-search-box-container.tree .el-button + .el-button {
  margin-left: 15px;
}

.el-chart-container {
  position: relative;
}

.el-chart-container .el-chart-cover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(130, 130, 130, 0.8);
  z-index: 1;
}

.el-chart-container .el-chart-cover span {
  text-align: center;
  display: block;
  padding: 46% 0;
  color: white;
}

.el-tree-header-top .title .el-title-editable {
  color: #01a96f;
  display: inline-block;
  font-weight: 300;
  font-size: 18px;
}

.el-leaf-modal-header {
  border-bottom: 1px solid #e2e2e2;
}

.el-leaf-modal-header .el-menu {
  background: none;
}

.el-leaf-modal-header .el-tree--menu-container {
  border-bottom: 0;
}

.el-dialog-billing .el-preview-details {
  padding: 10px 15px 0;
}

.el-dialog-billing .el-preview-details .el-preview-details-title {
  line-height: 35px;
}

.el-dialog-billing .el-table__footer {
  font-weight: bold;
}

.el-dialog-form .el-dialog__header {
  padding-bottom: 0;
}

.el-dialog-small .el-input-number .el-input__inner {
  text-align: left;
}

.el-input-editable .el-input__inner {
  font-size: 18px;
}

.box .el-row.row-item:last-child .el-form-item-default {
  margin-bottom: -39px !important;
}

.el-form-item-default {
  transform: translateY(-39px);
}

.el-form-item-default .el-checkbox {
  transform: translateY(-5px);
}

.el-dialog--invoice .el-dialog .el-preview--invoice {
  padding-top: 40px;
}

.el-dialog--invoice .el-dialog .el-preview--invoice--details {
  padding: 15px;
}

.el-dialog--invoice .el-dialog .el-preview--invoice--details h2 {
  font-size: 28px;
}

.el-dialog--invoice .el-dialog .el-preview--invoice--details p {
  line-height: 1.4;
}

.el-dialog--invoice .el-dialog .el-preview--invoice--details label {
  display: block;
  margin-bottom: 10px;
}

.el-dialog--card-design .el-dialog__header {
  padding: 5px 20px;
  border-bottom: 1px solid #EBEEF5;
  box-sizing: border-box;
}

.el-dialog--card-design .el-dialog__headerbtn {
  display: none;
}

.el-dialog--card-design .el-dialog__body {
  background: #fbfbfb;
}

.el-dialog--card-design .el-card.el-card--parent {
  overflow: visible;
}

.el-dialog--card-design .el-card.el-card--parent .el-card {
  cursor: pointer;
}

.el-dialog--card-design .el-card.el-card--parent .el-card.is-selected {
  position: relative;
}

.el-dialog--card-design .el-card.el-card--parent .el-card.is-selected:before {
  font-size: 20px;
  font-family: "Font Awesome 6 Pro";
  content: "\F058";
  font-weight: 900;
  position: absolute;
  top: -13px;
  right: -10px;
  color: #0486fe;
  background: #fff;
  border-radius: 100%;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}

.el-dialog--card-design .el-card.el-card--parent .el-card.is-selected:after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  z-index: 1;
  border: 3px solid #0486fe;
  border-radius: 7px;
}

.el-dialog--card-design .el-card.el-card-widget {
  overflow: visible;
  margin-bottom: 0;
}

.el-dialog--card-design .el-card .el-card--container {
  margin-bottom: 15px;
}

.el-tabs.el-tabs--billing .el-tabs__header {
  margin-bottom: 0;
}

.el-tabs.el-tabs--billing .el-tabs__content {
  padding-top: 15px;
}

.box--invoice {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}

.box--invoice .el-button--text {
  color: #0486fe;
}

.box--invoice .el-box-header {
  padding: 20px 40px;
  font-weight: 600;
  border-bottom: 1px solid #e2e2e2;
}

.box--invoice .el-box-body {
  padding: 20px;
}

.box--invoice .el-box-body .el_inner--item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
}

.box--invoice .el-box-body .el_inner--item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.box--invoice .el-box-body .el-item--header {
  border: 1px solid #aaa;
  padding: 10px 20px;
  border-radius: 3px 3px 0 3px;
}

.box--invoice .el-box-body .el-item--body {
  margin-left: 20px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #aaa;
  border-radius: 0 0 3px 3px;
}

.box--invoice .el-box-body .grant-details {
  background: #f2f9ff;
  padding: 0 20px 20px;
  border-bottom: 1px solid #e2e2e2;
}

.box--invoice .el-box-body .balance-details {
  background: #f9f9f9;
}

.box--invoice .el-box-body .balance-details .el-collapse {
  padding: 10px 20px;
  background: none;
  border: 0;
}

.box--invoice .el-box-body .balance-details .el-collapse .el-collapse-item__header {
  background: none;
  cursor: default;
}

.box--invoice .el-box-body .balance-details .el-collapse .el-collapse-item__header.is-active {
  border-bottom: 1px solid #e2e2e2;
}

.box--invoice .el-box-body .balance-details .el-collapse .el-collapse-item__wrap {
  border-bottom: none;
  background: none;
}

.box--invoice .el-box-body .balance-details .el-collapse .el-row--balances {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 10px;
}

.box--invoice .el-box-body .balance-details .el-collapse .el-row--balances:last-child {
  border-bottom: 0;
}

.box--invoice .el-box-body .balance-details .el-collapse .el-row--balances .el-button.handle {
  font-size: 16px;
  opacity: 0;
}

.box--invoice .el-box-body .balance-details .el-collapse .el-row--balances:hover .el-button.handle {
  opacity: 1;
}

.box--invoice .el-box-body .balance-details .el-collapse .el-collapse-item__content {
  padding-bottom: 0;
}

.el-aside-left-calendar {
  transition: 0.3s;
}

.el-aside-left-calendar .c-pane-container {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.el-aside-left-calendar .c-pane-container .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title {
  font-weight: 600;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.el-aside-left-calendar .c-pane-container .c-week.is-active .c-day-background {
  background: none !important;
  transition: unset;
}

.el-aside-left-calendar .c-pane-container .c-day-content-wrapper {
  border-radius: 100%;
  width: 28px;
  height: 30px;
}

.el-aside-left-calendar .c-pane-container .c-day-content-wrapper .c-day-content {
  width: 1em;
  background: none !important;
}

.el-aside-left-calendar .c-pane-container .c-header .c-arrow-layout svg {
  display: block;
}

.el-aside-left-calendar .c-pane-container .c-header .c-arrow-layout:first-child svg:before {
  content: "\F053";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

.el-aside-left-calendar .c-pane-container .c-header .c-arrow-layout:last-child svg:before {
  content: "\F054";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

.el-aside-left-calendar .c-pane-container .c-week.is-active {
  background: #0486fe;
  color: #fff;
  border-radius: 1em;
}

.el-aside-left-calendar .c-pane-container .popover-origin {
  width: 185px;
}

.el-aside-left-calendar .c-pane-container .popover-origin .c-nav {
  background: #fff !important;
}

.el-aside-left-calendar .c-pane-container .popover-origin .c-header {
  padding: 10px 0;
  background: #fff !important;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom-color: #ebeef5;
}

.el-aside-left-calendar .c-pane-container .popover-origin .c-table {
  font-size: 12px;
}

.el-aside-left-calendar .c-pane-container .popover-origin .c-table td {
  border: none !important;
  padding: 0 !important;
  height: 45px;
  line-height: 45px;
  font-size: 9px;
}

.el-aside-left-calendar .c-pane-container .popover-origin .c-table td .c-table-cell.c-active {
  background: #fff;
  font-weight: normal;
}

.el-aside-left-calendar .c-pane-container .popover-origin .c-table td .c-table-cell:hover {
  background: #fff;
  color: #0486fe;
}

.el-aside-left-calendar .c-pane-container .popover-origin .c-weekdays {
  padding: 0 0 10px 0 !important;
}

.el-aside-left-calendar .c-pane-container .el-button.is-circle {
  color: #666;
  background: none;
  padding: 7px;
  border: none;
  width: 30px;
  height: 30px;
}

.el-aside-left-calendar .c-pane-container .el-button.is-circle:hover,
.el-aside-left-calendar .c-pane-container .el-button.is-circle:hover:focus {
  background: rgb(218, 218, 218);
  color: #606266;
}

.el-aside-left-calendar .c-pane-container .el-button.is-circle:focus {
  background: none;
  color: #606266;
}

.el-aside-left-calendar .el-checkbox__inner {
  border-width: 2px;
  height: 16px;
  width: 16px;
}

.el-aside-left-calendar .el-checkbox__inner.is-checked {
  border-width: 1px;
}

.el-aside-left-calendar .el-checkbox__inner:after {
  top: -1px;
  height: 9px;
}

.el-aside-left-calendar .el-collapse .el-collapse-item .el-collapse-item__header {
  padding-left: 35px;
}

.el-aside-left-calendar .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
  position: absolute;
  left: 0;
  top: 10px;
}

.el-main.el-main--calendar {
  padding: 0;
  min-height: 50vh;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) {
  .el-dialog__wrapper.el-dialog-calendar-billing:not(.el-dialog-calendar-modal) > .el-dialog {
    position: fixed;
    bottom: -10px;
    right: 120px;
  }

  .el-main--calendar.el-dialog-visible {
    padding-right: 450px;
  }
}

.el-aside-right .el-dialog-calendar-billing .el-calendar-form--header .el-dialog__header .el-button.el-button--text {
  margin-right: 5px;
}

.el-dialog-calendar-billing .el-dialog__header {
  padding: 0 0 10px;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog-calendar-billing .el-dialog__header .el-avatar-container {
  margin: 0 15px 0 0;
}

.el-dialog-calendar-billing .el-dialog .el-dialog__body {
  padding: 0;
}

.el-dialog-calendar-billing .el-step.is-active {
  color: #0486fe;
}

.el-dialog-calendar-billing .el-step__main {
  margin-top: 10px;
}

.el-dialog-calendar-billing .el-step__title {
  line-height: 1.5;
  font-size: 18px;
}

.el-dialog-calendar-billing .el-main {
  padding: 0;
}

.el-dialog-calendar-billing .el-form-item {
  position: relative;
}

.el-dialog-calendar-billing .el-form-item.el-form-item-day .el-button.el-button--success {
  background: #fff;
  color: #67c23a;
}

.el-dialog-calendar-billing .el-form-item.el-form-item-day .el-button.el-button--danger {
  background: #fff;
  color: #f56c6c;
}

.el-dialog-calendar-billing .el-form-item.el-form-item-day .el-button.el-button--warning {
  background: #fff;
  color: #e6a23c;
}

.el-dialog-calendar-billing .el-form-item.el-form-item-day .el-button.selected.el-button--success {
  background: #67c23a;
  color: #fff;
}

.el-dialog-calendar-billing .el-form-item.el-form-item-day .el-button.selected.el-button--danger {
  background: #f56c6c;
  color: #fff;
}

.el-dialog-calendar-billing .el-form-item.el-form-item-day .el-button.selected.el-button--warning {
  background: #e6a23c;
  color: #fff;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb {
  border: none;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item {
  padding: 0 20px;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item:last-child {
  border-bottom: none;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item > div > .el-collapse-item__header {
  color: #000;
  font-size: 18px;
  border-bottom: none;
  position: relative;
  padding: 10px 0 10px 10px;
  display: inline-block;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item > div > .el-collapse-item__header .el-collapse-item__title {
  padding-left: 25px;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item.el-collapse-item--block > div > .el-collapse-item__header {
  display: block;
  padding: 0;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item.el-collapse-item--block > div > .el-collapse-item__header .el-collapse-item__title {
  padding: 10px 0 10px 35px;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item .el-collapse-item__wrap {
  border-bottom: none;
  overflow: visible;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item .el-collapse-item__wrap .el-form-item__error {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: static !important;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item .el-collapse-item__content {
  padding: 0px;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb > .el-collapse-item.el-collapse-item--full-width .el-collapse-item__header {
  display: block;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb .el-collapse-item__header,
.el-dialog-calendar-billing .el-collapse.el-collapse-cb .el-collapse-item__wrap {
  background: none;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb .el-button-right-icon {
  margin-left: 5px;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb .el-button-comment em {
  color: #ccc;
  margin-left: 5px;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb .el-collapse-item__header:last-child {
  border-bottom: none;
}

.el-dialog-calendar-billing .el-collapse.el-collapse-cb .el-input-comment {
  margin-bottom: 10px;
}

.el-dialog-calendar-billing .el-collapse .el-collapse-item__header {
  position: relative;
  height: auto;
  line-height: 1.6;
  padding: 10px;
  overflow: hidden;
  max-width: 100%;
}

.el-dialog-calendar-billing .el-collapse .el-collapse-item__header .el-collapse-item__title {
  padding-left: 25px;
  width: 100%;
}

.el-dialog-calendar-billing .el-collapse .el-collapse-item__arrow {
  position: absolute;
  left: 0;
  top: 10px;
}

.el-dialog-calendar-billing .el-form-footer {
  border-top: 1px solid #e2e2e2;
  padding: 10px 20px;
  position: fixed;
  width: 100%;
  bottom: 0;
}

.el-dialog-calendar-billing .el-form-footer .el-button-group .el-button:not(.disabled):first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}

.el-dialog-calendar-billing .el-form-footer .el-button-group .el-button:not(.disabled):last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}

.el-dialog-calendar-billing .el-form-footer .el-button-group .el-button:not(.disabled):not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

.el-dialog-calendar-billing .el-form-footer .el-button-group .el-button.el-button--primary:not(.is-disabled) {
  background: #008bc9;
}

.el-dialog-calendar-billing .el-form-footer .el-button-group .el-button.el-button--warning:not(.is-disabled) {
  background: #ff6c00;
}

.el-dialog-calendar-billing .box-upload {
  padding: 0;
}

.el-dialog-calendar-billing .box-upload .el-upload {
  display: block;
}

.el-dialog-calendar-billing .box-upload .el-upload-list {
  padding: 0 8px;
}

.el-dialog-calendar-billing .box-upload .box-actions {
  margin: 0;
  border-top: none;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog-calendar-billing .el-label-box .el-checkbox {
  line-height: 1.5;
  font-size: 18px;
}

.el-dialog-calendar-billing .el-steps {
  border-bottom: 1px solid #e2e2e2;
  padding: 12px 0;
}

.el-dialog-calendar-billing .el-steps .el-step__icon.is-icon {
  width: auto;
  font-size: 22px;
}

.el-dialog-calendar-billing .el-steps .el-step__icon.is-icon .el-button {
  font-size: 18px;
  color: #525252;
  font-weight: normal;
  border-radius: 0;
  position: relative;
}

.el-dialog-calendar-billing .el-steps .el-step__icon.is-icon .el-button:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  height: 2px;
}

.el-dialog-calendar-billing .el-steps .el-step__icon.is-icon .el-button i {
  font-size: 16px;
}

.el-dialog-calendar-billing .el-steps .el-step__icon.is-icon .el-button.is-active {
  border: none;
}

.el-dialog-calendar-billing .el-steps .el-step {
  position: relative;
}

.el-dialog-calendar-billing .el-steps .el-step.is-pending .el-button {
  color: #c8c9cc;
}

.el-dialog-calendar-billing .el-steps .el-step.with-chevron:after {
  content: "\F054";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  line-height: 1.5;
  top: 0;
  bottom: 0;
  right: -5px;
  margin: auto;
  color: #9e9e9e;
}

.el-dialog-calendar-billing .el-steps .el-step.step1 .el-button.is-active {
  color: #0486fe;
}

.el-dialog-calendar-billing .el-steps .el-step.step1 .el-button.is-active:after {
  background: #0486fe;
}

.el-dialog-calendar-billing .el-steps .el-step.step2 .el-button.is-active {
  color: #409EFF;
}

.el-dialog-calendar-billing .el-steps .el-step.step2 .el-button.is-active:after {
  background: #409EFF;
}

.el-dialog-calendar-billing .el-steps .el-step.step3 .el-button.is-active {
  color: #ed9962;
}

.el-dialog-calendar-billing .el-steps .el-step.step3 .el-button.is-active:after {
  background: #ed9962;
}

.el-dialog-calendar-billing .el-steps .el-step.step4 .el-button.is-active {
  color: #a062ff;
}

.el-dialog-calendar-billing .el-steps .el-step.is-done .el-button {
  color: #2c3449;
}

.el-dialog-calendar-billing .el-steps .el-button {
  background: #fff;
  border-width: 1px;
}

.el-dialog-calendar-billing .el-steps .el-button i.fal {
  font-size: 14px;
  width: 15px;
}

.el-dialog-calendar-billing .el-steps .el-button.el-button--primary {
  background: #409EFF;
  color: #fff;
  border-color: #409EFF;
}

.el-dialog-calendar-billing .el-steps .el-button.el-button--success {
  background: #67c23a;
  color: #fff;
  border-color: #67c23a;
}

.el-dialog-calendar-billing .el-steps .el-button.is-circle.el-button--small {
  width: 30px;
  height: 30px;
}

.el-dialog-calendar-billing .el-steps .el-button:focus.el-button--primary {
  background: #fff;
  color: #409EFF;
  border-color: #409EFF;
}

.el-dialog-calendar-billing .el-steps .el-button:focus.el-button--success {
  background: #fff;
  color: #67c23a;
  border-color: #67c23a;
}

.el-dialog-calendar-billing .three-letters-select .el-input-group__append {
  padding: 0;
}

.el-dialog-calendar-billing .el-select .el-select__tags {
  max-width: 100% !important;
  width: 100%;
}

.el-dialog-calendar-billing .el-select .el-select__tags > span {
  width: 100%;
  margin-right: 35px;
  margin-left: 5px;
}

.el-dialog-calendar-billing .el-select .el-tag__close.el-icon-close {
  float: right;
  top: 4px;
}

.el-dialog-calendar-billing .el-tag {
  cursor: default;
}

.el-dialog-calendar-billing .el-tag.is-round {
  border-radius: 2em;
}

.el-dialog-calendar-billing .el-tag.is-not-plain.el-tag--success {
  background: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-dialog-calendar-billing .el-tag.is-not-plain.el-tag--success .el-tag__close {
  color: #fff;
}

.el-dialog-calendar-billing .el-tag.is-not-plain.el-tag--danger {
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-dialog-calendar-billing .el-tag.is-not-plain.el-tag--danger .el-tag__close {
  color: #fff;
}

.el-dialog-calendar-billing .el-tag.is-not-plain.el-tag--warning {
  background: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-dialog-calendar-billing .el-tag.is-not-plain.el-tag--warning .el-tag__close {
  color: #fff;
}

.el-dialog-calendar-billing .el-tag.is-not-plain.el-tag--info {
  background: #909399;
  border-color: #909399;
  color: #fff;
}

.el-dialog-calendar-billing .el-tag.is-not-plain.el-tag--info .el-tag__close {
  color: #fff;
}

.el-dialog-calendar-billing .el-tag .el-tag__close {
  background: transparent;
  color: #fff;
}

.el-dialog-calendar-billing .ql-snow .ql-picker-label:before {
  position: relative;
}

.el-dialog-calendar-billing .ql-icon-picker .ql-picker-label svg {
  position: relative;
  right: 0;
}

.el-dialog-calendar-billing .el-button--info.is-plain,
.el-dialog-calendar-billing .el-button--info.is-plain:focus {
  background: #fff;
  color: #909399;
}

.el-dialog-calendar-billing .el-button--info.is-plain.selected {
  background: #909399;
  border-color: #909399;
  color: #fff;
}

.el-dialog-calendar-billing .el-switch__input:focus ~ .el-switch__core {
  outline: none;
}

.el-dialog-calendar-billing .el-button.el-button-toggle-right {
  top: 5px;
  right: 5px;
  border-radius: 100%;
}

.el-dialog-calendar-billing .el-button.with-text-left:hover span {
  transform: translateX(-115px);
}

@media only screen and (max-width: 480px) {
  .el-dialog__wrapper.el-dialog-calendar-billing .el-dialog {
    width: 90%;
  }
}

@media only screen and (min-width: 481px) {
  .el-dialog__wrapper.el-dialog-calendar-billing .el-dialog {
    width: 450px;
  }
}

.el-goals {
  line-height: 1.6;
}

.el-goals .el-goal-item {
  border-top: 1px solid #e2e2e2;
  padding: 8px 10px;
}

.el-goals .el-goal-item .el-button:not(.el-button--mini) {
  font-size: 18px;
}

.el-goals .el-goal-item:first-child {
  border-top: none;
}

.el-popover-goal .el-menu-item > i {
  font-size: 20px;
  width: 20px;
  margin-right: 5px;
}

.el-dialog-calendar-billing:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
}

.el-dialog-calendar-billing.el-active-step--0:after {
  background: #0486fe;
}

.el-dialog-calendar-billing.el-active-step--1:after {
  background: #00b1b1;
}

.el-dialog-calendar-billing.el-active-step--2:after {
  background: #ed9962;
}

.el-dialog-calendar-billing .el-cb-header {
  background: #f7f7f7;
  padding: 10px 20px 0;
}

.el-dialog-calendar-billing .el-cb-header .el-cb-header-top {
  padding: 0 0 15px;
}

.el-dialog-calendar-billing .el-cb-header .el-cb-header-top .el-button {
  padding: 0;
}

.el-dialog-calendar-billing .el-cb-header .el-cb-header-top .el-right--form-item .el-button {
  overflow: hidden;
  max-width: 409px;
  text-overflow: ellipsis;
}

.el-dialog-calendar-billing .el-cb-header .el-cb-header-bottom {
  border-top: 2px solid #e9ecf0;
  padding: 10px 0 5px;
}

.el-dialog-calendar-billing .el-cb-header .el-cb-header-bottom .el-form-item.el-flex.is-error .el-form-item__error {
  white-space: nowrap;
  left: -88px;
  padding: 0;
}

.el-dialog-calendar-billing .el-cb-header h2 {
  color: #606266;
  font-size: 22px;
  font-weight: 500;
}

.el-dialog-calendar-billing .el-cb-header h2 .el-button.el-button--text {
  color: #008BC9;
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 0;
}

.el-dialog-calendar-billing .el-cb-header h2 .el-button.el-button--text.is-disabled {
  color: #2c3449;
}

.el-dialog-calendar-billing .el-cb-header h2 .el-button.el-button--text.is-disabled:hover {
  text-decoration: none;
}

.el-dialog-calendar-billing .el-cb-header h2 .el-button.el-button--text.is-disabled + .vue-avatar--wrapper {
  color: #2c3449;
}

.el-dialog-calendar-billing .el-cb-header h2 .el-button.el-button--text .el-icon--right {
  margin: 0 5px 0 0;
  font-size: 14px;
}

.el-dialog-calendar-billing .el-cb-header h2 .el-button + .vue-avatar--wrapper {
  color: #008BC9;
}

.el-dialog-calendar-billing .el-cb-header h2 .el-form-item__content {
  line-height: 1.2;
}

.el-dialog-calendar-billing .el-cb-header h2 .el-form-item__content .el-form-item__error {
  position: static !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  margin-top: -4px;
  width: 100%;
}

.el-dialog-calendar-billing .el-cb-body .el-form-step-1 {
  padding: 10px 20px;
}

.el-dialog-calendar-billing .el-cb-body .el-form-step-1 h3 i.fal {
  font-size: 90%;
  width: 16px;
  margin-right: 5px;
  text-align: center;
}

.el-dialog-calendar-billing .el-cb-body h3 {
  color: #000;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
}

.el-dialog-calendar-billing .el-cb-body h3.el-note-item-title {
  font-size: 16px;
}

.el-scrollbar.el-calendar-modal .el-scrollbar__view {
  height: calc(95vh - 300px);
}

.el-dialog-calendar-modal .el-dialog__header {
  padding: 0;
}

@media only screen and (max-width: 480px) {
  .el-dialog-calendar-billing .el-session-dropdown-container {
    max-width: 125x;
  }
}

.el-dialog--modal-update .el-list-items .leaf-items {
  position: relative;
}

.el-dialog--modal-update .el-list-items .leaf-items:before {
  content: "";
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 55px;
  width: 1px;
  margin: auto;
  border-left: 4px dotted #dedede;
}

.el-dialog--modal-update .el-list-items .el-list-item {
  padding: 15px 0 0;
}

.el-dialog--modal-update .el-list-items .el-list-item.el-list-item--top {
  padding: 15px 0;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog--modal-update .el-list-items .el-list-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.el-dialog--modal-update .el-list-items .el-list-item .el-list-item--wrapper {
  padding: 0 10px;
}

.el-dialog--modal-update .el-list-items .el-list-item .el-leaf-count {
  font-weight: normal;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-dialog__header {
  padding: 15px;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-dialog__header i.fal {
  font-size: 17px;
  margin-right: 10px;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-collapse .el-collapse-item .el-collapse-item__header {
  line-height: 1.4;
  height: auto;
  padding: 0;
  border-bottom: 1px solid #e2e2e2;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-collapse.el-collapse-left-arrow .el-collapse-item__arrow {
  left: 11px;
  width: 32px;
  text-align: center;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-collapse.el-collapse-left-arrow .el-collapse-header {
  padding: 0 10px 10px 50px;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-collapse.el-collapse-left-arrow .el-collapse-item__content {
  padding: 0;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-collapse.el-collapse-left-arrow .el-sortable-item--leaf {
  padding: 10px 10px 10px 40px;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-collapse.el-collapse-left-arrow .el-sortable-item--leaf .el-leaf-container:before {
  display: none;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-collapse.el-collapse-left-arrow .el-sortable-item--leaf:hover .el-button.handle {
  opacity: 1;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-collapse.el-collapse-left-arrow .el-collapse-item__wrap {
  border: 0;
}

.dialog-message .el-dialog.el-dialog--modal-update.el-dialog--modal-update--event-tree .el-button.handle {
  position: absolute;
  left: 13px;
  top: 15px;
  opacity: 0.5;
}

.el-wrapper--button-star {
  position: relative;
}

.el-wrapper--button-star .el-tag {
  line-height: 8px;
  position: absolute;
  z-index: 30;
  right: -8px;
  text-align: center;
}

.el-wrapper--button-star .el-tag i {
  font-size: 6px;
}

.el-wrapper--button-star .el-button--leaf {
  position: relative;
  z-index: 29;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog.el-dialog--modal-update--green-border {
  border: 2px solid #01a96f;
  border-radius: 10px;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-dialog__header {
  padding: 15px;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-dialog__header .el-button.el-button--text {
  padding: 5px;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-dialog__header .el-button.el-button--text:hover {
  padding: 5px;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-dialog__body {
  height: calc(100vh - 18em);
  min-height: unset;
  padding-bottom: 0 !important;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-dialog__footer {
  border-top: 1px solid #e2e2e2;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-button.is-plain.el-button--danger.is-plain {
  background: none;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-button.is-plain.el-button--danger:hover:not(.is-disabled),
.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-button.is-plain.el-button--danger:focus:not(.is-disabled) {
  color: #fff;
  background: #F56C6C;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-button.is-plain.el-button--green.is-plain {
  background: none;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-button.is-plain.el-button--green:hover:not(.is-disabled),
.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-button.is-plain.el-button--green:focus:not(.is-disabled) {
  color: #fff;
  background: #01a96f;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-input--mini .el-input__inner,
.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .el-input--mini .el-input-group__append {
  padding: 0 10px;
}

.el-dialog__wrapper .el-dialog--modal-update--event-tree.el-dialog .fa-leaf {
  color: #01a96f;
}

.el-calendar-resources--nav .el-button {
  position: absolute;
  top: 32px;
  z-index: 9;
  font-weight: 600;
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.3);
}

.el-calendar-resources--nav .el-button.el-button--small {
  padding: 7px 12px;
}

.el-calendar-resources--nav .el-button.el-button--danger {
  border: 2px solid #F56C6C;
  background: #fff;
}

.el-calendar-resources--nav .el-button.el-button--danger:hover {
  background: #F56C6C;
}

.el-calendar-resources--nav .el-button.el-button--danger:focus {
  background: #fff;
  color: #F56C6C;
}

.el-calendar-resources--nav .el-button.el-button--danger:focus:hover {
  background: #F56C6C;
  color: #fff;
}

.el-calendar-resources--nav .el-button.el-button--prev {
  left: 44px;
}

.el-calendar-resources--nav .el-button.el-button--next {
  right: 22px;
}

.el-dialog-calendar-billing .el-button.is-plain.el-button--success:focus {
  color: #67C23A;
  background: #f0f9eb;
  border-color: #c2e7b0;
}

.el-dialog-calendar-billing .el-button.is-plain.el-button--danger:focus {
  color: #ff706c;
  background: none;
  border-color: #ff706c;
}

.el-dialog-calendar-billing .el-button.is-plain.el-button--warning:focus {
  color: #E6A23C;
  background: #fdf6ec;
  border-color: #f5dab1;
}

.el-dialog-calendar-billing .el-button.is-plain.el-button--info:not(.selected):focus {
  background: #fff;
  color: #909399;
}

.el-panel {
  line-height: 1.4;
}

.el-panel.el-panel--roles .el-panel-heading {
  padding: 0;
}

.el-panel.el-panel--roles .el-panel-heading .el-table__body-wrapper {
  display: none;
}

.el-panel.el-panel--roles .el-panel-body .el-table__header-wrapper {
  display: none;
}

.el-panel.el-panel--roles .el-collapse .el-collapse-item .el-collapse-item__header {
  padding: 0 20px;
}

.el-maintenance {
  height: 100vh;
  background: url("/images/roland-larsson-270090-unsplash.jpg") no-repeat;
  display: flex;
  align-items: center;
}

.el-maintenance .el-maintenance--wrapper {
  background: #fff;
  width: 800px;
  max-width: 70%;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  padding: 40px;
  margin: 5em auto;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-maintenance .el-maintenance--wrapper h1 {
  margin: 10px 0;
}

.el-maintenance .el-image--maintenance {
  max-width: 125px;
}

.el-maintenance .el-button--wrapper {
  margin-top: 20px;
}

.el-maintenance .el-button--primary {
  text-decoration: none;
}

.el-dialog__wrapper--modal-update .el-dropdown {
  cursor: pointer;
}

.el-dialog__wrapper--modal-update .el-image-container img {
  max-height: 100px;
}

.el-dialog__wrapper--modal-update .el-details.el-billing-details {
  margin-top: 20px;
}

.el-dialog__wrapper--modal-update .el-details .el-button.el-button--text {
  padding: 0;
  font-size: 15px;
  color: #606266;
}

.el-dialog__wrapper--modal-update .el-details .el-image-container {
  text-align: center;
  border: 2px solid #9a9da2;
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  line-height: 1;
}

.el-dialog__wrapper--modal-update .el-details .el-image-container.is-blue-border {
  border: 2px solid #b2daff;
}

.el-dialog__wrapper--modal-update .el-details.el-details--footer {
  margin-top: 20px;
}

.el-dialog__wrapper--modal-update .el-details .el-form-item.is-error .el-form-item__error {
  position: static;
}

.el-dialog__wrapper--modal-update .el-table-custom .el-form-item__content .el-input-group {
  vertical-align: middle;
}

.el-dialog__wrapper--modal-update .el-table-custom .el-form-item {
  margin: 0;
}

.el-dialog__wrapper--modal-update .xltaginvoice {
  position: absolute;
  left: 50%;
  text-transform: uppercase;
  font-size: 42px;
  height: auto;
  line-height: 1em;
  transform: translate(-50%, 0px);
}

.el-item--invoice-item.sortable-chosen.sortable-ghost {
  border: 2px dashed #0486fe !important;
}

.el-item--invoice-item.sortable-chosen.sortable-ghost .el-button {
  color: #0486fe !important;
}

.el-item--invoice-item.sortable-chosen.sortable-ghost .el-button i {
  color: #0486fe !important;
}

.el-item--invoice-item.sortable-chosen.sortable-ghost .el-button.is-circle {
  border-color: #0486fe !important;
}

.el-item--invoice-item .el-form-item {
  margin: 0;
}

.el-item--invoice-item .el-button.el-button--text {
  color: #606266;
}

.el-item--invoice-item .el-button.handle {
  font-size: 18px;
  color: #909399;
}

.el-item--invoice-item .el-tag {
  border: 1px solid #409EFF;
}

.el-item--invoice-item .el-tag.el-tag--light {
  color: #666;
}

.el-item--invoice-item .el-input.el-input--mini .el-input__inner {
  padding-left: 10px;
  padding-right: 0;
}

.el-item--invoice-item .el-input.el-input--mini.el-input--prefix .el-input__inner {
  padding: 0 5px 0 20px;
}

.el-payment {
  border: 1px solid #666;
  border-radius: 5px;
  background: #f6f6f6;
  margin: 8px 0;
}

.el-payment .el-payment--details {
  padding: 10px;
}

.el-payment .el-payment--item {
  margin-bottom: 5px;
}

.el-payment .el-payment--item:last-child {
  margin-bottom: 0;
}

.el-payment .el-payment--item .el-tag.el-tag--mini {
  margin-left: 5px;
}

.el-vertical-text--wrapper {
  background: #909399;
  padding: 5px;
  color: #fff;
}

.program-invoice-dialog .is-border-top-blue {
  border-top-color: #635BFF !important;
  background-color: #EBEAFF !important;
}

.program-invoice-dialog .el-title--modern span {
  color: #635BFF !important;
}

.program-invoice-dialog .el-form-item.el-form-item--modern-title.el-blue .el-form-item__label {
  color: #635BFF !important;
}

@media only screen and (min-height: 769px) {
  .el-dialog.el-dialog--new-invoice {
    padding-bottom: 250px;
  }

  .el-dialog.el-dialog--new-invoice .el-section--modal.is-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.el-card--container {
  transition: 0.3s;
}

.el-card--container .el-button.el-button--icon {
  color: #909399;
}

.el-card--container.is-selected .el-card.el-card-widget {
  border: 2px solid #0486fe;
}

.el-card--container.is-selected .el-card.el-card-widget .el-button.el-button--icon {
  color: #0486fe;
}

.el-dialog--modal-update .el-calendar-form--header {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 9;
}

.el-dialog--modal-update.el-active-step--0 .el-calendar-form--header {
  border-top: 4px solid #0486fe;
}

.el-dialog--modal-update.el-active-step--1 .el-calendar-form--header {
  border-top: 4px solid #00b1b1;
}

.el-dialog--modal-update.el-active-step--2 .el-calendar-form--header {
  border-top: 4px solid #ed9962;
}

.el-dialog--modal-update .el-footer--buttons {
  padding: 20px;
}

.el-dialog--modal-update .el-footer--buttons .el-button {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
}

.el-dialog--modal-update .el-invoice--wrapper {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}

.el-dialog--modal-update .el-invoice--wrapper small {
  font-weight: normal;
  color: #909399;
}

.el-dialog--modal-update .el-invoice--wrapper .is-item {
  padding: 15px 10px;
}

.el-dialog--modal-update .el-invoice--wrapper .is-item.is-gray {
  background: #fbfbfb;
}

.el-dialog--modal-update .el-invoice--wrapper .is-item.is-header {
  border-bottom: 1px solid #e2e2e2;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.el-dialog--modal-update .el-invoice--wrapper .is-item .el-button.el-button--text {
  color: #636b6f;
  padding: 0;
}

.el-dialog--modal-update .el-invoice--wrapper .is-item .el-button.el-button--text:hover {
  opacity: 0.8;
}

.el-dialog-calendar-billing .el-dialog__header .el-button.el-button--text {
  margin: 0;
}

.el-dialog-calendar-billing .el-dialog__header .el-button.el-button--text.is-disabled {
  color: #C0C4CC !important;
}

.el-dialog-calendar-billing .el-session-dropdown-container {
  max-width: 163px;
}

.el-checkbox.is-bordered.el-checkbox--small.is-round {
  border-radius: 2em;
}

.el-checkbox.is-bordered.el-checkbox--small.is-round.is-dark {
  border: 1px solid #0486fe;
  color: #0486fe;
  height: 25px;
  padding-top: 3px;
}

.el-checkbox.is-bordered.el-checkbox--small.is-round.is-dark .el-checkbox__inner {
  border: 1px solid #0486fe;
}

.el-checkbox.is-bordered.el-checkbox--small.is-round.is-dark .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #fff;
}

.el-checkbox.is-bordered.el-checkbox--small.is-round.is-dark.is-checked {
  background: #0486fe;
  color: #fff;
}

.el-dialog__wrapper.el-dialog--email-preview .el-dialog {
  line-height: 1.8;
}

.el-dialog__wrapper.el-dialog--email-preview .el-dialog__header {
  padding: 0;
}

.el-dialog__wrapper.el-dialog--email-preview .el-dialog__header .el-dialog__headerbtn {
  right: auto;
  left: 7px;
  top: 7px;
}

.el-dialog__wrapper.el-dialog--email-preview .el-dialog__body {
  padding: 0;
}

.el-dialog__wrapper.el-dialog--email-preview .el-flex-item {
  padding: 20px;
}

.el-dialog__wrapper.el-dialog--email-preview table th {
  text-align: left;
  padding-right: 25px;
}

.el-dialog__wrapper.el-dialog--email-preview .el-right-col {
  width: 350px;
  background: #f2f6f9;
}

.el-dialog__wrapper.el-dialog--email-preview h2 {
  font-size: 25px;
}

@media only screen and (max-width: 480px) {
  .el-dialog__wrapper.el-dialog--email-preview .el-dialog {
    margin: 10px auto !important;
    width: 90%;
  }

  .el-dialog__wrapper.el-dialog--email-preview .el-flex.el-flex--mobile--stack .el-right-col {
    width: 100%;
  }
}

.el-dialog--staff-modal .el-dialog {
  width: 1345px;
  max-width: 95%;
  height: 90%;
}

.el-dialog--staff-modal .el-dialog .el-dialog__header {
  display: none;
}

.el-dialog--staff-modal .el-dialog .el-dialog__body {
  padding: 0;
  height: 100%;
  background: #f3f5fa;
}

.el-dialog--staff-modal .el-dialog .el-body-container .el-column-left {
  width: 310px;
  padding: 20px 0 20px 20px;
}

.el-dialog--staff-modal .el-dialog .el-buttons-staff-modal {
  height: 44px;
  line-height: 30px;
}

.el-dialog--staff-modal .el-dialog .el-buttons-staff-modal .el-button {
  padding: 0 10px;
}

.el-dialog--staff-modal h3 {
  line-height: 1.2;
}

.el-dialog--staff-modal .el-card {
  line-height: 1.2;
}

.el-dialog--staff-modal .el-menu.el-menu--staff-modal {
  background: none;
}

.el-dialog--staff-modal .el-menu.el-menu--staff-modal .el-menu-item {
  height: 44px;
  line-height: 30px;
  color: #525252;
  font-size: 16px;
  padding: 0 20px;
}

.el-dialog--staff-modal .el-menu.el-menu--staff-modal .el-menu-item:hover,
.el-dialog--staff-modal .el-menu.el-menu--staff-modal .el-menu-item:focus {
  background: none;
}

.el-dialog--staff-modal .el-menu.el-menu--staff-modal .el-menu-item.is-active {
  color: #0486fe;
}

.el-card.el-card--staff-widget {
  border-radius: 10px;
}

.el-card.el-card--staff-widget .el-card__header {
  padding: 15px;
  line-height: 1.2;
  background-image: linear-gradient(90deg, #4890ff 50%, #9691ff 86%);
  color: #fff;
}

.el-card.el-card--staff-widget .el-card__header .details {
  font-size: 14px;
}

.el-card.el-card--staff-widget .el-card__body {
  padding: 20px;
}

.el-card.el-card--staff-widget .el-staff-name {
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .el-dialog--staff-modal .el-dialog {
    height: auto;
  }

  .el-dialog--staff-modal .el-dialog .el-body-container {
    display: block;
  }

  .el-dialog--staff-modal .el-dialog .el-body-container .el-column-left {
    width: 100%;
    display: block;
    padding: 20px;
  }

  .el-dialog--staff-modal .el-dialog .el-body-container .el-column-right {
    width: 100%;
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .el-menu.el-menu-main-top .el-menu-center {
    font-size: 28px;
  }
}

@media only screen and (max-width: 480px) {
  .el-menu.el-menu-main-top .el-menu-item:not(.el-menu-item--active-view),
  .el-menu.el-menu-main-top .el-submenu:not(.el-submenu-view) .el-submenu__title {
    padding: 0 10px;
  }
}

.el-container-main {
  padding-top: 80px;
}

.el-header.el-header-main {
  padding: 0;
  margin-bottom: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.el-menu.el-menu-main-top {
  position: relative;
}

.el-menu.el-menu-main-top .el-clinic-name {
  font-size: 16px;
  line-height: 1em;
}

.el-menu.el-menu-main-top .el-flex-item > .el-submenu,
.el-menu.el-menu-main-top .el-flex-item > .el-menu-item {
  float: left;
}

.theme-my-office .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active,
.theme-my-office .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active {
  color: #0486fe;
}

.theme-my-office .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active .el-submenu__title,
.theme-my-office .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active .el-submenu__title {
  border-bottom: none;
  color: #0486fe;
}

.theme-chart-view .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active,
.theme-chart-view .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active {
  color: #525252;
}

.theme-chart-view .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active .el-submenu__title,
.theme-chart-view .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active .el-submenu__title {
  border-bottom: none;
  color: #525252;
}

.theme-management .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active,
.theme-management .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active {
  color: #0486fe;
}

.theme-management .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active .el-submenu__title,
.theme-management .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active .el-submenu__title {
  border-bottom: none;
  color: #0486fe;
}

.theme-setup .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active,
.theme-setup .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active {
  color: #c93636;
}

.theme-setup .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active .el-submenu__title,
.theme-setup .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active .el-submenu__title {
  border-bottom: none;
  color: #c93636;
}

.theme-practice-settings .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active,
.theme-practice-settings .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active {
  color: #0486fe;
}

.theme-practice-settings .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active .el-submenu__title,
.theme-practice-settings .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active .el-submenu__title {
  border-bottom: none;
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active,
.theme-client-view .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active {
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-main-top .el-flex-item > .el-submenu.is-active .el-submenu__title,
.theme-client-view .el-menu.el-menu-main-top .el-flex-item > .el-menu-item.is-active .el-submenu__title {
  border-bottom: none;
  color: #0486fe;
}

.el-menu.el-menu-main-top .el-flex-item > .el-submenu .el-submenu__icon-arrow,
.el-menu.el-menu-main-top .el-flex-item > .el-menu-item .el-submenu__icon-arrow {
  display: none;
}

.el-menu.el-menu-main-top .el-flex-item > .el-submenu .el-submenu__title:hover,
.el-menu.el-menu-main-top .el-flex-item > .el-menu-item .el-submenu__title:hover {
  background: none;
}

.el-menu.el-menu-main-top #menuItemRight {
  display: flex;
}

.el-menu.el-menu-main-top .el-button.el-button--mobile-bars {
  padding: 8px 11px;
  margin-right: 15px;
}

.el-menu.el-menu-main-top .el-menu--horizontal {
  border-bottom: none;
}

.el-menu.el-menu-main-top .el-submenu .el-submenu__title,
.el-menu.el-menu-main-top .el-menu-item {
  height: 79px;
  line-height: 79px;
  transition: 0.3s;
}

.el-menu.el-menu-main-top .el-submenu .el-submenu__title i.fal,
.el-menu.el-menu-main-top .el-menu-item i.fal {
  font-size: 30px;
}

.theme-my-office .el-menu.el-menu-main-top .el-submenu .el-submenu__title i.fal.el-round,
.theme-my-office .el-menu.el-menu-main-top .el-menu-item i.fal.el-round {
  font-size: 20px;
  border: 2px solid #0486fe;
  padding: 14px 0;
  width: 50px;
  height: 50px;
  text-align: center;
}

.theme-chart-view .el-menu.el-menu-main-top .el-submenu .el-submenu__title i.fal.el-round,
.theme-chart-view .el-menu.el-menu-main-top .el-menu-item i.fal.el-round {
  font-size: 20px;
  border: 2px solid #525252;
  padding: 14px 0;
  width: 50px;
  height: 50px;
  text-align: center;
}

.theme-management .el-menu.el-menu-main-top .el-submenu .el-submenu__title i.fal.el-round,
.theme-management .el-menu.el-menu-main-top .el-menu-item i.fal.el-round {
  font-size: 20px;
  border: 2px solid #0486fe;
  padding: 14px 0;
  width: 50px;
  height: 50px;
  text-align: center;
}

.theme-setup .el-menu.el-menu-main-top .el-submenu .el-submenu__title i.fal.el-round,
.theme-setup .el-menu.el-menu-main-top .el-menu-item i.fal.el-round {
  font-size: 20px;
  border: 2px solid #c93636;
  padding: 14px 0;
  width: 50px;
  height: 50px;
  text-align: center;
}

.theme-practice-settings .el-menu.el-menu-main-top .el-submenu .el-submenu__title i.fal.el-round,
.theme-practice-settings .el-menu.el-menu-main-top .el-menu-item i.fal.el-round {
  font-size: 20px;
  border: 2px solid #0486fe;
  padding: 14px 0;
  width: 50px;
  height: 50px;
  text-align: center;
}

.theme-client-view .el-menu.el-menu-main-top .el-submenu .el-submenu__title i.fal.el-round,
.theme-client-view .el-menu.el-menu-main-top .el-menu-item i.fal.el-round {
  font-size: 20px;
  border: 2px solid #0486fe;
  padding: 14px 0;
  width: 50px;
  height: 50px;
  text-align: center;
}

.el-menu.el-menu-main-top .el-submenu .el-submenu__title i.fal.fa-search,
.el-menu.el-menu-main-top .el-menu-item i.fal.fa-search {
  color: inherit;
}

.theme-my-office .el-menu.el-menu-main-top .el-submenu__title i {
  color: #0486fe;
}

.theme-chart-view .el-menu.el-menu-main-top .el-submenu__title i {
  color: #525252;
}

.theme-management .el-menu.el-menu-main-top .el-submenu__title i {
  color: #0486fe;
}

.theme-setup .el-menu.el-menu-main-top .el-submenu__title i {
  color: #c93636;
}

.theme-practice-settings .el-menu.el-menu-main-top .el-submenu__title i {
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-main-top .el-submenu__title i {
  color: #0486fe;
}

.theme-my-office .el-menu.el-menu-main-top .el-menu-item {
  color: #0486fe;
}

.theme-my-office .el-menu.el-menu-main-top .el-menu-item:hover {
  color: #339cff;
  background: #fff;
}

.theme-chart-view .el-menu.el-menu-main-top .el-menu-item {
  color: #525252;
}

.theme-chart-view .el-menu.el-menu-main-top .el-menu-item:hover {
  color: #727272;
  background: #fff;
}

.theme-management .el-menu.el-menu-main-top .el-menu-item {
  color: #0486fe;
}

.theme-management .el-menu.el-menu-main-top .el-menu-item:hover {
  color: #339cff;
  background: #fff;
}

.theme-setup .el-menu.el-menu-main-top .el-menu-item {
  color: #c93636;
}

.theme-setup .el-menu.el-menu-main-top .el-menu-item:hover {
  color: #d94646;
  background: #fff;
}

.theme-practice-settings .el-menu.el-menu-main-top .el-menu-item {
  color: #0486fe;
}

.theme-practice-settings .el-menu.el-menu-main-top .el-menu-item:hover {
  color: #339cff;
  background: #fff;
}

.theme-client-view .el-menu.el-menu-main-top .el-menu-item {
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-main-top .el-menu-item:hover {
  color: #339cff;
  background: #fff;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item-border {
  position: relative;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item-border .el-desktop-view {
  display: inline-block;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item-border .el-mobile-view {
  display: none;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item-border:before,
.el-menu.el-menu-main-top .el-menu-item.el-menu-item-border:after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
}

.theme-my-office .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border i {
  color: #0486fe;
}

.theme-chart-view .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border i {
  color: #525252;
}

.theme-management .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border i {
  color: #0486fe;
}

.theme-setup .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border i {
  color: #c93636;
}

.theme-practice-settings .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border i {
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border i {
  color: #0486fe;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item-border:before {
  left: 0;
  width: 1px;
  background: #e6e6e6;
}

.el-menu.el-menu-main-top .el-menu-item .el-menu-content {
  margin-left: 10px;
  width: 175px;
}

.el-menu.el-menu-main-top .el-menu-item .el-button--global-search-tag {
  padding: 0 10px;
  border-radius: 10em;
}

.el-menu.el-menu-main-top .el-menu-item .el-button--global-search-tag .el-menu-content {
  text-align: left;
  width: 148px;
}

.el-menu.el-menu-main-top .el-menu-item .el-button--global-search-tag .el-button.close {
  font-size: 18px;
}

.el-menu.el-menu-main-top .el-menu-item .el-button--global-search-tag .el-button.close i {
  color: #fff;
}

.el-menu.el-menu-main-top > .el-menu-item.is-active {
  border-bottom: none;
}

.el-menu.el-menu-main-top .el-badge__content {
  top: 22px;
}

.el-menu.el-menu-main-top .f-right {
  float: right;
}

.el-menu.el-menu-main-top .f-right .el-menu-item,
.el-menu.el-menu-main-top .f-right .el-submenu {
  float: left;
}

.el-menu.el-menu-main-top .f-right .el-submenu .el-submenu__icon-arrow {
  position: static;
  margin-top: -3px;
}

.el-menu.el-menu-main-tab .el-menu-item {
  height: 59px;
  line-height: 59px;
}

.el-menu.el-menu-page-title.el-menu--horizontal {
  display: flex;
  align-items: left;
  justify-content: left;
  transition: 0.3s;
  background: none;
}

.el-menu.el-menu-page-title.el-menu--horizontal > .el-menu-item {
  background: none;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  color: #909399;
}

.el-menu.el-menu-page-title.el-menu--horizontal > .el-menu-item:hover {
  color: #303133;
}

.theme-my-office .el-menu.el-menu-page-title.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom-color: #0486fe !important;
  color: #0486fe;
}

.theme-chart-view .el-menu.el-menu-page-title.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom-color: #525252 !important;
  color: #525252;
}

.theme-management .el-menu.el-menu-page-title.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom-color: #0486fe !important;
  color: #0486fe;
}

.theme-setup .el-menu.el-menu-page-title.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom-color: #c93636 !important;
  color: #c93636;
}

.theme-practice-settings .el-menu.el-menu-page-title.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom-color: #0486fe !important;
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-page-title.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom-color: #0486fe !important;
  color: #0486fe;
}

.el-menu.el-menu-top-nav {
  border-right: none;
}

.el-menu.el-menu-top-nav .el-menu-item {
  height: 63px;
  line-height: 63px;
}

.el-menu.el-menu-top-nav .el-menu-item.is-active {
  background: #ecf5ff;
}

.theme-my-office .el-menu.el-menu-top-nav .el-menu-item .el-submenu__icon-arrow {
  opacity: 0;
  color: #0486fe;
}

.theme-my-office .el-menu.el-menu-top-nav .el-menu-item:hover {
  color: #0486fe;
}

.theme-my-office .el-menu.el-menu-top-nav .el-menu-item:hover .el-submenu__icon-arrow {
  opacity: 1;
}

.theme-chart-view .el-menu.el-menu-top-nav .el-menu-item .el-submenu__icon-arrow {
  opacity: 0;
  color: #525252;
}

.theme-chart-view .el-menu.el-menu-top-nav .el-menu-item:hover {
  color: #525252;
}

.theme-chart-view .el-menu.el-menu-top-nav .el-menu-item:hover .el-submenu__icon-arrow {
  opacity: 1;
}

.theme-management .el-menu.el-menu-top-nav .el-menu-item .el-submenu__icon-arrow {
  opacity: 0;
  color: #0486fe;
}

.theme-management .el-menu.el-menu-top-nav .el-menu-item:hover {
  color: #0486fe;
}

.theme-management .el-menu.el-menu-top-nav .el-menu-item:hover .el-submenu__icon-arrow {
  opacity: 1;
}

.theme-setup .el-menu.el-menu-top-nav .el-menu-item .el-submenu__icon-arrow {
  opacity: 0;
  color: #c93636;
}

.theme-setup .el-menu.el-menu-top-nav .el-menu-item:hover {
  color: #c93636;
}

.theme-setup .el-menu.el-menu-top-nav .el-menu-item:hover .el-submenu__icon-arrow {
  opacity: 1;
}

.theme-practice-settings .el-menu.el-menu-top-nav .el-menu-item .el-submenu__icon-arrow {
  opacity: 0;
  color: #0486fe;
}

.theme-practice-settings .el-menu.el-menu-top-nav .el-menu-item:hover {
  color: #0486fe;
}

.theme-practice-settings .el-menu.el-menu-top-nav .el-menu-item:hover .el-submenu__icon-arrow {
  opacity: 1;
}

.theme-client-view .el-menu.el-menu-top-nav .el-menu-item .el-submenu__icon-arrow {
  opacity: 0;
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-top-nav .el-menu-item:hover {
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-top-nav .el-menu-item:hover .el-submenu__icon-arrow {
  opacity: 1;
}

.el-menu.el-menu-top-nav .el-menu-item.el-menu-item-excluded {
  background: #fff;
  cursor: default;
  line-height: normal;
  height: auto;
  padding: 10px 20px;
}

.el-menu.el-menu-top-nav .el-menu-item span {
  width: auto;
  height: auto;
  visibility: visible;
}

.el-menu.el-menu-top-nav .el-menu-item .el-avatar-container {
  margin: 0;
}

.el-menu.el-menu-top-nav .el-menu-item .el-avatar-container ~ span {
  margin-left: 5px;
}

.el-menu.el-menu-top-nav.el-menu--collapse {
  width: 100%;
}

.el-menu.el-menu-top-nav.el-menu--collapse > .el-menu-item .el-tooltip {
  padding: 0 !important;
  text-align: center;
}

.el-menu.el-menu-top-nav .vue-avatar--wrapper {
  margin-right: 10px;
}

.el-menu.el-menu-icon-list {
  border-right: 0;
}

.el-menu.el-menu-icon-list .el-menu-item {
  height: auto;
  line-height: 1.2;
  padding: 10px 0;
}

.el-menu.el-menu-icon-list .el-menu-item .el-icon-container {
  font-size: 49px;
  width: 37px;
}

.el-menu.el-menu-icon-list.el-menu--collapse {
  width: 100%;
}

.el-menu.el-menu-icon-list.el-menu--collapse .el-menu-item {
  height: 56px;
  line-height: 56px;
  padding: 0;
}

.el-menu.el-menu-icon-list.el-menu--collapse .el-icon-container {
  font-size: 33px;
  margin-left: -7px;
}

.el-menu.el-menu-icon-list .el-menu-content {
  display: inline-block;
  margin-left: 10px;
  width: calc(100% - 57px);
}

.el-menu.el-menu-icon-list .el-menu-content .el-icon,
.el-menu.el-menu-icon-list .el-menu-content .content {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: middle;
  align-self: middle;
}

.el-menu.el-menu-icon-list .el-menu-content .el-icon {
  line-height: 1;
  font-size: 3.5em;
  margin: 0 20px 0 0;
  color: #5d5d5d;
}

.el-menu.el-menu-icon-list .el-menu-content .content .title {
  font-size: 1.3em;
  font-weight: 600;
}

.el-submenu-dropdown .el-menu.el-menu--popup {
  min-width: 150px;
}

.el-submenu-dropdown .el-menu.el-menu--popup .el-menu-item {
  padding: 0 20px;
}

.el-submenu-dropdown .el-menu.el-menu--popup .el-menu-item i.fal {
  font-size: 20px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  text-align: center;
}

.el-submenu.el-submenu-block .el-submenu__title {
  padding-top: 8px;
}

.el-submenu.el-submenu-block .el-submenu__title i.fal {
  display: block;
}

.el-submenu.el-submenu-block .el-submenu__title .el-submenu__icon-arrow {
  display: block;
  margin: 5px auto 0;
  text-align: center;
}

.el-submenu.el-submenu-view {
  width: 70px;
}

.el-submenu.el-submenu-view .el-submenu__title {
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.el-submenu.el-submenu-arrow-hidden .el-submenu__icon-arrow {
  display: none;
}

.el-submenu--right {
  left: auto !important;
  right: 20px;
}

.el-tabs.el-tabs-top-nav .el-tabs__nav {
  margin: 0 30px;
}

.el-tabs.el-tabs-top-nav .el-tabs__item {
  padding: 5px 20px;
  height: 50px;
}

.el-dialog-search .el-dialog .el-dialog__header {
  padding: 20px 59px 20px 20px;
  border-bottom: 1px solid #e6e6e6;
}

.el-dialog-search .el-dialog .el-dialog__headerbtn {
  top: 30px;
  right: 21px;
}

.el-dialog-search .el-dialog .el-dialog__title {
  font-size: 25px;
}

.el-dialog-search .el-dialog .el-dialog__title .el-input-group {
  border-right: 1px solid #e6e6e6;
  border-radius: 0;
}

.el-dialog-search .el-dialog .el-dialog__title .el-input--prefix .el-input__inner {
  padding-left: 55px;
  border: none;
  font-size: 25px;
}

.el-dialog-search .el-dialog .el-dialog__title .el-input--prefix .el-input__icon {
  font-size: 30px;
}

.el-dialog-search .el-dialog .el-dialog__title .el-input-group__append {
  background: none;
  border: none;
  padding: 0 40px;
  font-size: 20px;
}

.el-dialog-search .el-dialog .el-dialog__body {
  padding: 0;
}

.el-dialog-search .el-dialog .el-dialog__body .el-container {
  height: 70vh;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-tabs__header .el-tabs__nav-wrap {
  padding: 0 20px;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-tabs__nav {
  padding: 10px 0;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-badge .el-badge__content.is-fixed {
  top: 5px;
  right: 5px;
}

.theme-my-office .el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-badge.el-badge-bottom .el-badge__content.is-fixed {
  top: auto;
  bottom: -13px;
  right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  padding: 3px 0;
  text-align: center;
  font-size: 10px;
  border: none;
  background-color: #339cff;
}

.theme-chart-view .el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-badge.el-badge-bottom .el-badge__content.is-fixed {
  top: auto;
  bottom: -13px;
  right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  padding: 3px 0;
  text-align: center;
  font-size: 10px;
  border: none;
  background-color: #727272;
}

.theme-management .el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-badge.el-badge-bottom .el-badge__content.is-fixed {
  top: auto;
  bottom: -13px;
  right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  padding: 3px 0;
  text-align: center;
  font-size: 10px;
  border: none;
  background-color: #339cff;
}

.theme-setup .el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-badge.el-badge-bottom .el-badge__content.is-fixed {
  top: auto;
  bottom: -13px;
  right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  padding: 3px 0;
  text-align: center;
  font-size: 10px;
  border: none;
  background-color: #d94646;
}

.theme-practice-settings .el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-badge.el-badge-bottom .el-badge__content.is-fixed {
  top: auto;
  bottom: -13px;
  right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  padding: 3px 0;
  text-align: center;
  font-size: 10px;
  border: none;
  background-color: #339cff;
}

.theme-client-view .el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-badge.el-badge-bottom .el-badge__content.is-fixed {
  top: auto;
  bottom: -13px;
  right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  padding: 3px 0;
  text-align: center;
  font-size: 10px;
  border: none;
  background-color: #339cff;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-form {
  padding: 10px 20px 5px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 9;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-form.el-form-collapsed {
  padding: 0;
  position: relative;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-form.el-form-collapsed .el-select,
.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-form.el-form-collapsed .el-checkbox {
  display: none;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-form.el-form-collapsed .el-form-item__content {
  padding-top: 15px;
  text-align: center;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-form.el-form-collapsed .el-form-item__content .el-button.select-icon-left {
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  margin: auto;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-menu-top-nav .el-menu-item .el-button--selected-chart {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 45px;
  margin: auto;
  display: none;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-menu-top-nav .el-menu-item.is-selected-chart {
  padding-right: 80px;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside.el-aside-border-right .el-menu-top-nav .el-menu-item.is-selected-chart .el-button--selected-chart {
  display: block;
}

.el-dialog-search .el-dialog .el-dialog__body .el-aside .el-select.select-right .el-input__inner {
  max-width: 140px;
  border-radius: 0 5px 5px 0;
  text-overflow: ellipsis;
  padding-left: 10px;
}

.el-dialog-search .el-dialog .el-table-display .el-button {
  margin: 5px;
  width: 40px;
  height: 40px;
}

.el-dialog-search .el-dialog .el-scrollbar-main {
  background-color: #fbfbfb;
}

.el-dialog-search .el-dialog .el-dialog-search-main {
  padding: 20px;
}

.el-dialog-search .el-dialog .el-dialog-search-main span.divider {
  background: #e2e2e2;
  width: 1px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}

.el-dialog-search.el-dialog-search__title {
  font-size: 25px;
}

@media only screen and (max-width: 767px) {
  .el-dialog-search .el-dialog .el-menu-top-nav .el-menu-item .el-button--selected-chart {
    display: none !important;
  }

  .el-dialog-search .el-dialog .el-menu-top-nav .el-menu-item.is-selected-chart {
    padding-right: 0 !important;
    position: relative;
  }

  .el-dialog-search .el-dialog .el-menu-top-nav .el-menu-item.is-selected-chart .el-button--selected-chart {
    display: none;
  }

  .el-dialog-search .el-dialog .el-menu-top-nav .el-menu-item.is-selected-chart:before {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #ff706c;
  }
}

.el-popper-notif .el-menu--popup {
  width: 250px;
  padding: 0;
}

.el-popper-notif .el-menu--popup .el-scrollbar .el-scrollbar__view {
  max-height: calc(80vh - 150px);
}

.el-popper-notif .el-menu--popup .el-menu-item {
  white-space: normal;
  height: auto !important;
  line-height: 1.4 !important;
  padding: 10px !important;
  border-bottom: 1px solid #eee;
}

.el-popper-notif .el-menu--popup .el-menu-item a {
  color: #909399;
  text-decoration: none;
  padding: 10px;
  display: block;
}

.el-popper-notif .el-menu--popup .el-menu-item a:hover {
  color: #303133;
}

.el-popper-notif .el-menu--popup .el-menu-item:last-child {
  border-bottom: 0;
}

.el-popper-notif .el-menu--popup .el-menu-item.notification-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.el-popper-notif .el-button.with-text-left-short:hover span {
  transform: translateX(-74px);
}

.el-popper-notif .el-button.with-text-left-short span {
  white-space: nowrap;
  color: #0486fe;
  transform: translateX(-64px);
}

.el-popper-notif li .el-icon-circle-close {
  font-size: 14px !important;
  color: #909399;
  visibility: hidden;
}

.el-popper-notif li:hover .el-icon-circle-close {
  visibility: visible;
}

.el-popper-notif li .el-button {
  white-space: normal;
}

.el-popper-notif li .el-button.el-button--notif {
  flex: 1;
  text-align: left;
}

.el-select-group__title {
  border-top: 1px solid #e2e2e2;
}

.el-popover.el-popover--mobile-menu .el-menu > .el-menu-item {
  height: 50px;
  line-height: 50px;
}

.el-popover.el-popover--mobile-menu .el-menu .el-submenu .el-submenu__title {
  padding-right: 30px;
  line-height: 48px;
  height: 48px;
}

.el-popover.el-popover--mobile-menu .el-menu .el-submenu .el-menu-item {
  height: 40px;
  line-height: 40px;
}

.theme-chart-view .el-menu.el-menu-main-top .el-menu-item .el-button--global-search-tag {
  background: #e9ecf1;
  border-color: #e9ecf1;
  color: #525252;
}

.theme-chart-view .el-menu.el-menu-main-top .el-menu-item .el-button--global-search-tag .el-button.close i {
  color: #525252;
}

.el-submenu--icon .el-menu--popup .el-menu-item i.fal {
  width: 30px;
  text-align: center;
}

.el-aside.el-aside-sidebar {
  position: fixed;
}

.el-aside.el-aside-sidebar:after {
  content: "";
  position: fixed;
  width: 177px;
  background: #fff;
  border-right: 1px solid #eee;
  top: 0;
  bottom: 0;
  z-index: -1;
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-aside.el-aside-sidebar.el-aside--collapse:after {
  width: 70px;
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-aside.el-aside-sidebar.el-aside--collapse .el-menu-item {
  padding: 10px !important;
  line-height: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.el-aside.el-aside-sidebar.el-aside--collapse .el-menu-item i {
  margin: auto;
  display: block;
}

.el-aside.el-aside-sidebar.el-aside--collapse .el-menu-item span {
  max-width: 64px;
  width: auto;
  height: auto;
  visibility: visible;
  font-size: 11px;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.el-aside.el-aside-sidebar.el-aside--collapse .el-menu-item.item-collapse span {
  display: none;
}

.el-aside.el-aside-sidebar.el-aside--expanded .el-menu-item-sidebar-bottom {
  width: 175px;
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view {
  transition: 0.4s;
  width: 69px;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view .el-active-view {
  font-weight: 600;
  font-size: 16px;
  color: #666;
  margin-left: 8px;
  transition-delay: 0.2s;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed {
  text-align: center;
  padding: 0 5px;
  line-height: 1.8;
}

.theme-my-office .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed .el-active-view {
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #0486fe;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-top: 5px;
  line-height: 1;
  white-space: normal;
}

.theme-chart-view .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed .el-active-view {
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-top: 5px;
  line-height: 1;
  white-space: normal;
}

.theme-management .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed .el-active-view {
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #0486fe;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-top: 5px;
  line-height: 1;
  white-space: normal;
}

.theme-setup .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed .el-active-view {
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #c93636;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-top: 5px;
  line-height: 1;
  white-space: normal;
}

.theme-practice-settings .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed .el-active-view {
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #0486fe;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-top: 5px;
  line-height: 1;
  white-space: normal;
}

.theme-client-view .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed .el-active-view {
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #0486fe;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-top: 5px;
  line-height: 1;
  white-space: normal;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed .el-active-view--container {
  display: flex;
  flex-direction: column;
  height: inherit;
  align-items: center;
  justify-content: center;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed .el-active-view--container i.fal {
  position: relative;
}

.el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--collapsed .el-active-view--container i.fal:after {
  content: "\F0C9";
  position: absolute;
  bottom: -5px;
  right: -6px;
  font-size: 9px;
  color: #888;
  width: 17px;
  height: 17px;
  border: 1px solid;
  border-radius: 100%;
  padding: 3.2px 4px;
  text-align: center;
  line-height: 1;
  background: #fff;
  font-weight: 700;
}

.theme-my-office .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view i {
  color: #0486fe;
}

.theme-chart-view .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view i {
  color: #525252;
}

.theme-management .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view i {
  color: #0486fe;
}

.theme-setup .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view i {
  color: #c93636;
}

.theme-practice-settings .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view i {
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view i {
  color: #0486fe;
}

.el-menu.el-menu-main-top .el-menu-item.el-sidebar--expanded {
  width: 176px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-menu.el-menu-main-top .el-menu-item.el-sidebar--expanded .el-active-view {
  display: inline-block !important;
  transition-delay: 0.4s;
}

.el-menu.el-menu-sidebar {
  border-right: none;
}

.el-menu.el-menu-sidebar:not(.el-menu--collapse) {
  width: 175px;
}

.el-menu.el-menu-sidebar .el-menu-item {
  height: 66px;
  line-height: 66px;
}

.theme-my-office .el-menu.el-menu-sidebar .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #0486fe;
  position: relative;
}

.theme-my-office .el-menu.el-menu-sidebar .el-menu-item.is-selected i,
.theme-my-office .el-menu.el-menu-sidebar .el-menu-item.is-selected span {
  color: #0486fe;
}

.theme-my-office .el-menu.el-menu-sidebar .el-menu-item.is-selected:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: #0486fe;
}

.theme-chart-view .el-menu.el-menu-sidebar .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #525252;
  position: relative;
}

.theme-chart-view .el-menu.el-menu-sidebar .el-menu-item.is-selected i,
.theme-chart-view .el-menu.el-menu-sidebar .el-menu-item.is-selected span {
  color: #525252;
}

.theme-chart-view .el-menu.el-menu-sidebar .el-menu-item.is-selected:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: #525252;
}

.theme-management .el-menu.el-menu-sidebar .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #0486fe;
  position: relative;
}

.theme-management .el-menu.el-menu-sidebar .el-menu-item.is-selected i,
.theme-management .el-menu.el-menu-sidebar .el-menu-item.is-selected span {
  color: #0486fe;
}

.theme-management .el-menu.el-menu-sidebar .el-menu-item.is-selected:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: #0486fe;
}

.theme-setup .el-menu.el-menu-sidebar .el-menu-item.is-selected {
  background-color: #ffebeb;
  color: #c93636;
  position: relative;
}

.theme-setup .el-menu.el-menu-sidebar .el-menu-item.is-selected i,
.theme-setup .el-menu.el-menu-sidebar .el-menu-item.is-selected span {
  color: #c93636;
}

.theme-setup .el-menu.el-menu-sidebar .el-menu-item.is-selected:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: #c93636;
}

.theme-practice-settings .el-menu.el-menu-sidebar .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #0486fe;
  position: relative;
}

.theme-practice-settings .el-menu.el-menu-sidebar .el-menu-item.is-selected i,
.theme-practice-settings .el-menu.el-menu-sidebar .el-menu-item.is-selected span {
  color: #0486fe;
}

.theme-practice-settings .el-menu.el-menu-sidebar .el-menu-item.is-selected:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: #0486fe;
}

.theme-client-view .el-menu.el-menu-sidebar .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #0486fe;
  position: relative;
}

.theme-client-view .el-menu.el-menu-sidebar .el-menu-item.is-selected i,
.theme-client-view .el-menu.el-menu-sidebar .el-menu-item.is-selected span {
  color: #0486fe;
}

.theme-client-view .el-menu.el-menu-sidebar .el-menu-item.is-selected:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: #0486fe;
}

.el-menu.el-menu-sidebar .el-menu-item.is-active {
  color: inherit;
}

.el-menu.el-menu-sidebar .el-menu-item:hover {
  background-color: #ececec;
}

.el-menu.el-menu-sidebar .el-menu-item i {
  width: 30px;
  text-align: center;
  margin-right: 15px;
  color: inherit;
}

.el-menu.el-menu-sidebar .el-menu-item i.fal {
  font-size: 24px;
}

.el-menu.el-menu--collapse {
  width: 69px;
}

.el-menu.el-menu-item-sidebar-bottom {
  line-height: 1.2;
  height: 100px;
  position: fixed;
  bottom: 0;
  background: #fff;
}

.el-menu.el-menu-item-sidebar-bottom .el-menu-item {
  height: 50px;
  line-height: 50px;
}

.el-menu.el-menu-item-sidebar-bottom .el-menu-item-logo {
  margin-bottom: 15px;
  text-align: center;
}

.el-right-sidebar {
  transform: translateX(-310px);
  transition: 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  width: 300px;
  box-shadow: 0 0 10px 0px #888888;
  z-index: 9999;
}

.el-right-sidebar.is-shown {
  transform: translateX(0);
  z-index: 9999;
}

.el-right-sidebar h3 {
  margin: 0 0 10px 0;
  color: #666;
  font-weight: 600;
}

.el-right-sidebar h3 > i {
  width: 30px;
  text-align: center;
}

.theme-my-office .el-right-sidebar h3.is-active {
  color: #0486fe;
}

.theme-chart-view .el-right-sidebar h3.is-active {
  color: #525252;
}

.theme-management .el-right-sidebar h3.is-active {
  color: #0486fe;
}

.theme-setup .el-right-sidebar h3.is-active {
  color: #c93636;
}

.theme-practice-settings .el-right-sidebar h3.is-active {
  color: #0486fe;
}

.theme-client-view .el-right-sidebar h3.is-active {
  color: #0486fe;
}

.el-right-sidebar h3 ~ h3 {
  margin-top: 30px;
}

.el-right-sidebar .el-scrollbar {
  width: 100%;
  padding: 20px;
}

.el-right-sidebar .el-menu {
  border-right: 0;
}

.el-right-sidebar .el-menu .el-menu-item {
  height: 40px;
  line-height: 40px;
}

.el-right-sidebar .el-menu .el-menu-item > i {
  font-size: 18px;
  width: 20px;
  text-align: center;
  margin-right: 5px;
}

.theme-my-office .el-right-sidebar .el-menu .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #0486fe;
  position: relative;
}

.theme-my-office .el-right-sidebar .el-menu .el-menu-item.is-selected i {
  color: #0486fe;
}

.theme-my-office .el-right-sidebar .el-menu .el-menu-item.is-selected.is-active {
  color: #0486fe;
}

.theme-chart-view .el-right-sidebar .el-menu .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #525252;
  position: relative;
}

.theme-chart-view .el-right-sidebar .el-menu .el-menu-item.is-selected i {
  color: #525252;
}

.theme-chart-view .el-right-sidebar .el-menu .el-menu-item.is-selected.is-active {
  color: #525252;
}

.theme-management .el-right-sidebar .el-menu .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #0486fe;
  position: relative;
}

.theme-management .el-right-sidebar .el-menu .el-menu-item.is-selected i {
  color: #0486fe;
}

.theme-management .el-right-sidebar .el-menu .el-menu-item.is-selected.is-active {
  color: #0486fe;
}

.theme-setup .el-right-sidebar .el-menu .el-menu-item.is-selected {
  background-color: #ffebeb;
  color: #c93636;
  position: relative;
}

.theme-setup .el-right-sidebar .el-menu .el-menu-item.is-selected i {
  color: #c93636;
}

.theme-setup .el-right-sidebar .el-menu .el-menu-item.is-selected.is-active {
  color: #c93636;
}

.theme-practice-settings .el-right-sidebar .el-menu .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #0486fe;
  position: relative;
}

.theme-practice-settings .el-right-sidebar .el-menu .el-menu-item.is-selected i {
  color: #0486fe;
}

.theme-practice-settings .el-right-sidebar .el-menu .el-menu-item.is-selected.is-active {
  color: #0486fe;
}

.theme-client-view .el-right-sidebar .el-menu .el-menu-item.is-selected {
  background-color: #ecf5ff;
  color: #0486fe;
  position: relative;
}

.theme-client-view .el-right-sidebar .el-menu .el-menu-item.is-selected i {
  color: #0486fe;
}

.theme-client-view .el-right-sidebar .el-menu .el-menu-item.is-selected.is-active {
  color: #0486fe;
}

.el-right-sidebar .el-menu .el-menu-item.is-active {
  color: inherit;
}

.el-right-sidebar .el-menu .el-menu-item:hover {
  background-color: #ececec;
}

.el-button.el-button-hide {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
}

.el-button.el-button--close {
  padding: 7px;
  border: none;
  font-size: 20px;
}

.el-button.el-button--close:hover {
  background: none;
  border: 0;
  color: #409EFF;
}

.el-dimmer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 300px;
  right: 0;
}

.el-main.el-main-content {
  padding: 0;
  margin-left: 70px;
  transition: 0.4s;
  overflow: visible;
}

.el-aside--expanded + .el-main.el-main-content {
  margin-left: 176px;
}

.el-menu.el-menu-main-tab {
  margin-top: -60px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
}

.el-main-area {
  padding: 20px;
}

.el-login .el-form .el-login-button-container {
  margin-top: 20px;
}

.el-main--login {
  background: url("/images/rawpixel-team-br.jpg") no-repeat;
  background-size: cover;
  background-position: top center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 2em;
}

.el-main--login .el-card--login {
  position: relative;
  width: 425px;
  max-width: 90%;
  z-index: 9;
}

.el-main--login .el-card--login .el-card__body {
  background-color: #eee;
  padding: 4em 35px;
}

.el-main--login .el-card--login .el-card__body .el-form .el-input__inner {
  height: 50px;
  line-height: 49px;
  font-size: 16px;
}

.el-main--login .el-card--login .el-logo-container .el-logo {
  display: block;
  width: 80%;
  margin: auto;
}

.el-main--login .el-card--login .el-logo-container .divider {
  display: block;
  width: 50%;
  border-top: 1px solid #bbb;
  margin: 20px auto 25px;
}

.el-main--login:before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
}

.el-main--login .el-button.el-button--login {
  padding: 12px 30px;
  font-size: 16px;
}

@media (min-width: 768px) {
  .container {
    width: 90%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

:root {
  --primaryColor: #0486fe;
  --secondaryColor: #ecf5ff;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container:before {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
  display: table;
  content: " ";
}

.el-notification--site-preview {
  z-index: 99999 !important;
}

.el-site {
  font-size: 18px;
  color: #666;
  padding-top: 77px;
}

.el-site.el-site--preview {
  position: relative;
  z-index: 1;
}

.el-site.el-site--preview .el-overlay-preview {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.el-site .el-logo--wrapper {
  display: inline-block;
  vertical-align: middle;
}

.el-site .color-primary {
  color: var(--primaryColor);
}

.el-site .color-secondary {
  color: var(--secondaryColor);
}

.el-site .border-color-primary {
  border-color: var(--primaryColor);
}

.el-site .border-color-secondary {
  border-color: var(--secondaryColor);
}

.el-site .el-button {
  font-weight: 600;
}

.el-site #about {
  background: #fff;
}

.el-site #team {
  background: #fff;
}

.el-site .el-site-main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 99;
}

.el-site .el-site-main-header.scrolled {
  box-shadow: 0 4px 43px 0 rgba(0, 0, 0, 0.1), 0 12px 81px 0 rgba(0, 0, 0, 0.1);
}

.el-site .el-header--site {
  padding: 0;
}

.el-site .el-header--site .el-flex-container {
  min-height: 77px;
}

.el-site .el-menu.el-menu--site.el-menu--horizontal {
  background: none;
  border-bottom: 0;
}

.el-site .el-menu.el-menu--site.el-menu--horizontal > .el-submenu .el-submenu__title {
  font-size: 22px;
}

.el-site .el-menu.el-menu--site.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background: none;
}

.el-site .el-menu.el-menu--site.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
  display: none;
}

.el-site .el-menu.el-menu--site .el-menu-item {
  text-decoration: none;
  font-weight: 600;
}

.el-site .el-menu.el-menu--site .el-menu-item.is-active {
  background: none;
  border: 0;
}

.el-site .el-menu.el-menu--site .el-menu-item:hover,
.el-site .el-menu.el-menu--site .el-menu-item :focus {
  background: none;
  color: #909399;
  cursor: pointer;
}

.el-site .el-menu.el-menu--site .el-menu-item.is-button {
  padding: 0 0 0 15px;
  cursor: default;
}

.el-site .el-menu.el-menu--site .el-menu-item.is-button .el-button {
  box-shadow: none;
}

.el-site .el-menu.el-menu--site--is-mobile {
  display: none;
}

.el-site .el-menu.el-menu--site--is-mobile .el-menu-item.is-active {
  border: 0;
}

.el-site .el-menu.el-menu--site--is-mobile .el-submenu.is-active .el-submenu__title {
  border-bottom: 0;
}

.el-site .el-banner {
  padding: 130px 0;
  background-color: var(--secondaryColor);
  background-image: linear-gradient(90deg, var(--primaryColor) 0%, rgba(0, 0, 0, 0.2) 100%);
  color: #fff;
}

.el-site .el-banner.loading {
  background-image: linear-gradient(to right, #776ca3, #5f5ab6) !important;
}

.el-site .el-banner .el-banner--text {
  line-height: 1.2;
}

.el-site .el-banner .el-banner--text .el-banner--title {
  font-size: 43px;
  letter-spacing: -2px;
}

.el-site .el-banner .el-banner--text .el-banner--title h1 {
  font-size: 43px;
  letter-spacing: -2px;
}

.el-site .el-banner .el-banner--text .el-banner--greetings {
  font-size: 18px;
  text-transform: uppercase;
}

.el-site .el-banner .el-banner--text .el-banner--subtitle {
  font-size: 16px;
  margin: 20px 0 45px;
}

.el-site .el-banner .el-banner--icon {
  font-size: 14rem;
}

.el-site .el-subpage-header {
  padding: 2em 0;
  background-color: #4ab1f8;
  background-image: linear-gradient(90deg, #4ab1f8 0%, #31d4e5 100%);
  color: #fff;
  font-size: 21px;
  text-align: center;
}

.el-site .box {
  padding: 1em;
}

.el-site .el-services--items {
  margin-top: 0;
  border-top: 1px solid #e2e2e2;
  padding-top: 20px;
}

.el-site .el-row.row-eq-height > .el-col {
  margin-bottom: 1em;
}

.el-site .el-services--content {
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
}

.el-site .el-services--content:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.el-site .el-services--content .el-service-title {
  font-size: 24px;
  margin-bottom: 5px;
}

.el-site .el-services--content .el-card {
  font-size: 14px;
  margin-bottom: 2em;
  height: 100%;
}

.el-site .el-services--content .el-card .el-card__header {
  font-weight: 600;
}

.el-site .el-services--content .el-card .el-form-item__content {
  line-height: 1.2;
}

.el-site .el-team--items .el-card {
  font-size: 16px;
  color: #636b6f;
  margin-bottom: 2em;
  height: 100%;
}

.el-site .el-team--items .el-name {
  color: #909399;
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0;
}

.el-site .el-card .el-team-title {
  padding-bottom: 5px;
}

.el-site .el-card .el-team-title .text {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0 5px;
}

.el-site .el-card .el-team-title .title {
  margin-bottom: 5px;
}

.el-site .el-card .el-info {
  list-style: none;
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.el-site .el-card .el-info li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}

.el-site .el-card .el-info li:last-child {
  margin-bottom: 0;
}

.el-site .el-card .el-info li i.fal {
  position: absolute;
  left: 0;
}

.el-site footer {
  padding: 2em 0;
  font-size: 14px;
  line-height: 1.4;
  background: #666;
  color: #fff;
}

.el-site footer .el-separator {
  font-size: 3px;
  margin: 0 2em;
  position: relative;
  top: -2px;
}

.el-site footer a {
  color: #fff;
  text-decoration: none;
}

.el-site footer a:hover {
  opacity: 0.8;
}

.el-site #btnChat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  transition: 0.3s;
}

.el-site #btnChat .el-button {
  width: 70px;
  height: 70px;
  font-size: 27px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
}

.el-site .ql-editor {
  padding: 0;
}

.el-team-wrapper .details {
  background: #fafafa;
  padding: 15px;
  border-radius: 4px;
}

.el-team-wrapper .el-prac-name {
  font-size: 18px;
}

.el-team-wrapper .el-prac-initials {
  font-size: 18px;
  border: 1px solid;
  padding: 14px 0;
  border-radius: 100%;
  height: 50px;
  width: 50px;
  text-align: center;
}

.el-team-wrapper .el-button-container {
  position: absolute;
  right: 20px;
  z-index: 5;
}

.el-team-wrapper .el-button.el-button--close {
  padding: 0;
  color: #909399;
}

.el-site .el-button--primary,
.el-login .el-button--primary {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}

.el-site .el-button--primary:hover,
.el-login .el-button--primary:hover {
  background: var(--primaryColor);
  border-color: var(--primaryColor);
  opacity: 0.9;
}

.el-site .el-button--primary.is-plain,
.el-login .el-button--primary.is-plain {
  color: var(--primaryColor);
  border-color: var(--primaryColor);
  background: #fff;
}

.el-site .el-button--primary.is-plain:hover,
.el-login .el-button--primary.is-plain:hover {
  background: var(--primaryColor);
  border-color: var(--primaryColor);
}

.el-site .el-button--primary.el-button--white:hover,
.el-login .el-button--primary.el-button--white:hover {
  background: #fff;
  color: var(--primaryColor);
}

.el-site .el-button.el-button--text,
.el-login .el-button.el-button--text {
  color: var(--primaryColor);
}

@media only screen and (min-width: 992px) {
  .el-row.el-row--is-md-flex {
    display: flex;
    align-items: center;
  }

  .el-row.el-row--md-flex {
    display: flex;
  }

  .el-site .el-banner .el-banner--icon {
    text-align: right;
  }
}

@media only screen and (min-width: 768px) {
  .el-site footer .el-contact-details {
    text-align: right;
  }

  .el-row.el-row--is-sm-flex {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 991px) {
  .el-site .el-banner .el-banner--text .el-banner--title {
    font-size: 3rem;
  }

  .el-site .el-banner .el-banner--icon {
    font-size: 14rem;
  }

  .el-site .el-section h2 {
    font-size: 32px;
    padding-bottom: 5px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .el-site .el-menu.el-menu--site .el-menu-item {
    padding: 0 8px;
  }
}

@media only screen and (max-width: 767px) {
  .el-site .el-header--site {
    height: 77px;
  }

  .el-site .el-header--site .el-flex-container {
    height: 100%;
  }

  .el-site .el-header--site #img-logo {
    max-height: 35px;
  }

  .el-menu--horizontal.el-submenu--is-mobile .el-menu .el-menu-item.is-button {
    text-align: center;
    height: 40px;
    line-height: 40px;
  }

  .el-menu--horizontal.el-submenu--is-mobile .el-menu .el-menu-item.is-button .el-button {
    width: 100%;
    box-shadow: none;
    padding: 9px 15px;
  }

  .el-menu--horizontal.el-submenu--is-mobile .el-menu .el-menu-item,
  .el-menu--horizontal.el-submenu--is-mobile .el-menu .el-submenu__title {
    display: block;
    text-decoration: none;
  }

  .el-menu--horizontal.el-submenu--is-mobile .el-menu .el-divider--horizontal {
    margin: 3px 0;
  }

  .el-site .el-banner {
    text-align: center;
    padding: 85px 0;
  }

  .el-site .el-banner .el-banner--text .el-banner--title {
    font-size: 28px;
  }

  .el-site .el-banner .el-banner--icon {
    text-align: center;
    font-size: 8rem;
  }

  .el-site .el-services--items {
    margin-top: 0;
    padding-top: 20px;
  }

  .el-site .el-menu.el-menu--site--is-desktop {
    display: none;
  }

  .el-site .el-menu.el-menu--site--is-mobile {
    display: block;
  }

  .el-site footer {
    text-align: center;
  }

  .el-site footer .el-contact-details {
    text-align: center;
  }
}

.el-login--modal .el-card.el-card--login.is-always-shadow {
  box-shadow: none;
  border: 0;
  padding: 10px 0 20px;
}

.el-login--modal .el-card .divider {
  display: block;
  width: 50%;
  border-top: 1px solid #e2e2e2;
  margin: 20px auto 25px;
}

.el-login--modal .el-dialog__body {
  padding: 0 20px;
}

.el-button.is-plain.el-button--white {
  background: #fff;
  border-radius: 2em;
  font-weight: 600;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-section {
  padding: 60px 0;
}

.el-section .el-button.is-plain.el-button--white {
  padding: 15px 30px;
}

.el-section h2 {
  font-family: "Raleway", Helvetica, Arial, Lucida, sans-serif;
  color: #333;
  font-size: 3rem;
  letter-spacing: -2px;
  padding-bottom: 22px;
}

.el-section p {
  line-height: 1.4;
  padding-bottom: 1em;
}

.el-section p:last-child {
  padding-bottom: 0;
}

.el-section p:first-child:last-child {
  padding-bottom: 0;
}

.el-section--icon {
  font-size: 8rem;
}

@media only screen and (min-width: 768px) {
  .el-section h2 {
    font-size: 3em;
  }
}

.el-booking-site-settings .el-tab-container {
  margin-bottom: 15px;
}

.el-booking-site-settings .el-tabs .el-tabs__header {
  margin-bottom: 0;
}

.el-booking-site-settings .el-tabs .el-tabs__nav-wrap::after {
  display: none;
}

.el-booking-site-settings .el-table th {
  line-height: 1.2;
}

.el-booking-site-settings .el-row.row-eq-height > .el-col {
  margin-bottom: 1em;
}

.el-booking-site-settings .el-card .el-form-item__content {
  line-height: 1.2;
}

.el-booking-site-settings .el-card.el-card--team {
  height: 100%;
}

.el-booking-site-settings .el-card.el-card--team .el-card__body {
  padding: 20px;
  position: relative;
}

.el-booking-site-settings .el-card.el-card--team .el-card__body .el-button-container {
  position: absolute;
  right: 20px;
  z-index: 5;
}

.el-booking-site-settings .el-card.el-card--team .el-card__body .el-button.el-button--close {
  padding: 0;
  color: #909399;
}

.el-booking-details a {
  text-decoration: none;
}

.el-booking-details .el-button {
  margin-left: 10px;
}

.el-booking-details i.fal {
  margin-right: 5px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

#img-logo {
  max-height: 70px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--registration.dynamic-form-modal .el-dialog__body {
  padding-bottom: 0 !important;
}

.dynamic-forms .el-form-item__label,
.dynamic-form-modal .el-form-item__label {
  text-align: left;
  line-height: 1.4em;
}

.dynamic-forms .el-form-item__content,
.dynamic-form-modal .el-form-item__content {
  clear: both;
  line-height: auto !important;
}

.dynamic-forms .el-form-item,
.dynamic-form-modal .el-form-item {
  margin-bottom: 10px !important;
}

.dynamic-form-modal .responsive-checkboxes .el-checkbox {
  white-space: normal !important;
}

.dynamic-form-modal .responsive-checkboxes .el-checkbox__input {
  vertical-align: top !important;
  white-space: normal !important;
}

.dynamic-form-modal .responsive-checkboxes .el-checkbox__inner {
  position: absolute;
  top: 13px;
  left: 0;
}

.dynamic-form-modal .responsive-checkboxes .el-checkbox__label {
  padding-left: 20px;
}

.hidden-block {
  display: none;
}

.visible-block {
  display: block;
}

.blurred {
  filter: blur(7px);
}

@media only screen and (max-width: 1200px) {
  .el-row.el-row--flex.el-row--booking-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 480px) {
  .el-row.el-row--flex.el-row--booking-row > .el-col {
    margin-bottom: 1em;
  }

  .el-row.el-row--flex.el-row--booking-row > .el-col:last-child {
    margin-bottom: 0;
  }

  .el-row.row-eq-height > .el-col {
    margin-bottom: 1em;
  }

  .el-row.row-eq-height > .el-col:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .el-site .el-header--site .el-site-brand {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .el-site .el-header--site .el-site-brand h2 {
    font-size: 14px;
  }
}

@media only screen and (max-width: 467px) {
  .el-site .el-header--site .el-site-brand h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 84%;
    text-align: left;
  }
}

.el-dialog.el-dialog--modal-update .el-dialog__header {
  padding: 8px 50px 8px 20px;
  border-bottom: 1px solid #e2e2e2;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 9;
}

.el-dialog.el-dialog--modal-update .el-dialog__header.not-closable {
  padding: 8px 20px;
}

.el-dialog.el-dialog--modal-update .el-dialog__header.not-closable .el-button.el-button--text:last-child {
  margin-right: 0;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text {
  padding: 10px;
  color: #606266;
  font-size: 14px;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text.is-blue:not(.is-disabled) {
  color: #409EFF;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text.is-blue:not(.is-disabled):hover {
  color: #409EFF;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text.is-disabled {
  color: #C0C4CC;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text i {
  font-size: 18px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text i.fa-ellipsis-v {
  margin-right: 4px;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text:hover {
  opacity: 0.8;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-badge .el-badge__content.is-fixed.is-dot {
  right: 20px;
  height: 12px;
  width: 12px;
  background: #ffbc05;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-badge .el-badge__content.is-fixed.is-dot.el-badge__content--primary {
  background: #409EFF;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-badge .el-badge__content.is-fixed.is-dot.el-badge__content--danger {
  background-color: #f56c6c;
}

.el-dialog.el-dialog--modal-update .el-dialog__header .el-badge .el-badge__content.el-badge__content--success.is-fixed.is-dot {
  background: #67C23A;
}

.el-dialog.el-dialog--modal-update .el-collapse {
  border: 0;
}

.el-dialog.el-dialog--modal-update .el-dialog__headerbtn {
  top: 15px;
  font-size: 22px;
  z-index: 9;
}

.el-dialog.el-dialog--modal-update .el-dialog__body {
  padding: 0;
}

.el-dialog.el-dialog--modal-update .el-modal--title {
  display: inline-block;
}

.el-dialog.el-dialog--modal-update .el-section--modal {
  padding: 20px 50px;
}

.el-dialog.el-dialog--modal-update .el-section--modal.is-body {
  padding-top: 40px;
  padding-bottom: 40px;
}

.el-dialog.el-dialog--modal-update .el-section--modal.is-gray {
  background: #fbfbfb;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog.el-dialog--modal-update .el-section--modal.is-gray.is-footer {
  border-bottom: 0;
  border-top: 1px solid #e2e2e2;
}

.el-dialog.el-dialog--modal-update .el-section--modal.is-blue {
  background: #eff7ff;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog.el-dialog--modal-update .el-section--modal.is-border-top-blue {
  border-top: 4px solid #0486fe;
}

.el-dialog.el-dialog--modal-update .el-section--modal .el-item--invoice-item {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 0 10px;
}

.el-dialog.el-dialog--modal-update .el-section--modal .el-item--invoice-item:last-child {
  border-bottom: 0;
}

.el-dialog.el-dialog--modal-update .el-section--modal .is-mobile .el-tag i.fal {
  font-size: 14px;
}

.el-dialog.el-dialog--modal-update .el-section--modal .is-mobile .el-tag:not(.is-circle) i.fal {
  margin-right: 3px;
}

.el-dialog.el-dialog--modal-update .el-section--modal .is-mobile .el-tag.el-tag--icon-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 3px 0;
}

.el-dialog.el-dialog--modal-update .el-section--modal .is-mobile .el-items--modern .el-inline-block {
  margin-right: 10px;
}

.el-dialog.el-dialog--modal-update .el-section--modal .el-tag.el-tag--dark.el-tag--info {
  background: #666;
  border-color: #666;
}

.el-dialog.el-dialog--modal-update .fas.fa-circle {
  font-size: 6px;
  vertical-align: middle;
}

.el-dialog.el-dialog--modal-update .el-divider--horizontal {
  margin: 16px 0;
}

.el-dialog.el-dialog--modal-update .el-npm-body {
  position: relative;
}

.el-dialog.el-dialog--modal-update .el-npm-body .el-overlay {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.el-dialog.el-dialog--modal-update .el-title--divider {
  padding-bottom: 10px;
  border-bottom: 2px solid #666;
  margin-bottom: 15px;
}

.el-item--modern .el-tag.is-small {
  width: 24px;
  height: 24px;
  font-size: 12px;
  padding: 0;
}

.el-item--modern .el-tag.el-tag--icon-circle {
  width: 38px;
  height: 38px;
  font-size: 19px;
  padding: 6px 0;
  text-align: center;
  margin: 0;
}

.el-item--modern span.is-circle.el-tag.el-tag--success {
  background: #67c23a;
}

.el-item--modern:not(.el-item--dark) .el-tag.el-tag--info {
  background: #fff;
  color: #909399;
  border: 2px solid;
}

.el-items--modern .el-inline-block {
  vertical-align: top;
  margin-right: 4em;
}

.el-items--modern .el-inline-block:last-child {
  margin-right: 0;
}

.el-items--modern .el-block {
  margin-bottom: 10px;
}

.el-items--modern .el-collapse-item__wrap {
  border: 0;
}

.el-items--modern .el-item--padded-content {
  padding-bottom: 20px;
}

.el-items--modern .el-item--padded-content .el-col-12 {
  margin-bottom: 10px;
}

.el-items--modern .el-item--padded-content:last-child {
  margin-bottom: 0;
}

.el-items--modern .el-item--padded-content .el-settings {
  background: #fff;
  padding: 5px 20px;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
}

.el-items--modern .el-item--padded-content .el-settings-item {
  padding: 10px 0;
  border-bottom: 1px solid #e2e2e2;
}

.el-items--modern .el-item--padded-content .el-settings-item:last-child {
  border-bottom: 0;
}

.el-icon--wrapper {
  font-size: 24px;
  margin-right: 20px;
  padding-top: 8px;
  width: 30px;
}

.el-form-item.el-form-item--modern .el-form-item__label,
.el-form-item.el-form-item--modern .el-form-item__content {
  line-height: 1.2;
  width: 100%;
  display: block;
  padding: 0;
  text-align: left;
  font-weight: 500;
}

.el-form-item.el-form-item--modern .el-form-item__label {
  color: #909399;
  margin-bottom: 2px;
  font-size: 13px;
}

.el-form-item.el-form-item--modern .el-form-item__content {
  font-size: 15px;
}

.el-form-item.el-form-item--modern .el-form-item__content .el-button.el-dropdown-selfdefine,
.el-form-item.el-form-item--modern .el-form-item__content .el-button.el-button--text {
  padding: 0;
  font-size: 15px;
  color: #606266;
}

.el-form-item.el-form-item--modern .el-form-item__content .el-button.el-dropdown-selfdefine.is-disabled,
.el-form-item.el-form-item--modern .el-form-item__content .el-button.el-button--text.is-disabled {
  color: #C0C4CC;
}

.el-form-item.el-form-item--modern .el-form-item__content .el-button.el-dropdown-selfdefine.is-selectable:not(.is-disabled),
.el-form-item.el-form-item--modern .el-form-item__content .el-button.el-button--text.is-selectable:not(.is-disabled) {
  color: #0486fe;
}

.el-form-item.el-form-item--modern .el-form-item__content .el-button.el-dropdown-selfdefine .el-icon-arrow-down,
.el-form-item.el-form-item--modern .el-form-item__content .el-button.el-button--text .el-icon-arrow-down {
  font-size: 14px;
  margin: 0;
}

.el-form-item.el-form-item--modern .el-form-item__content .el-popover__reference .el-button {
  padding: 0;
  font-size: 15px;
  color: #606266;
}

.el-form-item.el-form-item--modern .el-form-item__content .el-popover__reference .el-button.is-disabled {
  color: #C0C4CC;
}

.el-form-item.el-form-item--modern .el-form-item__content .el-popover__reference .el-button .el-icon-arrow-down {
  font-size: 14px;
}

.el-form-item.el-form-item--modern .el-form-item__content .el-editable {
  font-size: 24px;
  line-height: 1.2;
}

.el-form-item.el-form-item--modern .el-form-item__content span.is-disabled {
  color: #C0C4CC;
}

.el-form-item.el-form-item--modern .el-form-item__error {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: static !important;
}

.el-form-item.el-form-item--modern-title {
  margin-bottom: 0;
}

.el-form-item.el-form-item--modern-title.el-form-item--label-middle .el-form-item__label {
  line-height: 40px;
}

.el-form-item.el-form-item--modern-title .el-form-item__label,
.el-form-item.el-form-item--modern-title .el-form-item__content {
  line-height: 1.2;
  width: 100%;
  display: block;
  padding: 0;
  text-align: left;
}

.el-form-item.el-form-item--modern-title > .el-form-item__label {
  font-size: 18px;
}

.el-form-item.el-form-item--modern-title .el-form-item__content {
  color: #909399;
  font-size: 13px;
}

.el-form-item.el-form-item--modern-title .el-button.el-button--text {
  font-size: 18px;
}

.el-form-item.el-form-item--modern-title .el-button.el-button--text i.fal {
  font-size: 14px;
}

.el-form-item.el-form-item--append .el-input-group--append .el-input-group__append {
  padding: 0 10px;
}

.el-form-item.el-form-item--modern-title .el-button.el-button--text {
  font-size: 18px;
}

.el-form-item.el-form-item--modern-title.el-blue .el-form-item__label {
  color: #47a7ff;
}

.el-form-item.el-label--modern-title > .el-form-item__label {
  font-size: 18px;
}

h2.el-title--modern {
  font-size: 32px;
  text-transform: uppercase;
}

h2.el-title--modern small {
  font-size: 80%;
  color: #9e9e9e;
  font-weight: normal;
}

.el-collapse.el-collapse--modern {
  background: none;
  border: 0;
}

.el-collapse.el-collapse--modern .el-collapse-item .el-collapse-item__header {
  background: none;
  border: 0;
  font-size: 22px;
  display: inline-block;
}

.el-collapse.el-collapse--modern .el-collapse-item__wrap {
  background: none;
  border: 0;
  padding-left: 35px;
}

.el-collapse.el-collapse--modern .el-collapse-item__wrap .el-collapse-item__content {
  padding: 0;
}

.el-collapse.el-collapse-left-arrow .el-collapse-item__arrow {
  top: 8px;
}

.el-popover.el-popover--attachment .el-upload {
  display: block;
}

.el-popover.el-popover--attachment .el-upload .el-upload-dragger {
  width: 100%;
}

.el-dialog.el-dialog--modal-update:not(.skip-inner-modals) {
  height: auto;
}

.el-dialog.el-dialog--modal-update:not(.skip-inner-modals).el-dialog--modal-update--note-pdf-preview .el-dialog__body {
  height: calc(100vh - 15em);
}

.el-dialog.el-dialog--modal-update:not(.skip-inner-modals) .el-dialog__body {
  min-height: calc(100vh - 15em);
}

.el-dialog.el-dialog--modal-update:not(.skip-inner-modals) .el-npm-body > .el-scrollbar {
  height: auto;
  padding: 20px 55px;
}

.el-dialog.el-dialog--modal-update:not(.skip-inner-modals).el-dialog--height-auto {
  min-height: unset;
}

@media only screen and (max-width: 992px) {
  .el-dialog.el-dialog--modal-update .el-items--modern .el-inline-block {
    margin-bottom: 8px;
  }
}

.el-dialog.el-dialog--modal-update.is-mobile {
  max-width: 100%;
  width: 450px;
  margin: 20px auto !important;
  height: auto;
  min-height: 93%;
}

.el-dialog.el-dialog--modal-update.is-mobile .el-modal--title {
  font-size: 18px;
}

.el-dialog.el-dialog--modal-update.is-mobile .el-npm-body > .el-scrollbar {
  height: auto;
  padding: 20px;
}

.el-dialog.el-dialog--modal-update.is-mobile .el-section--modal {
  padding: 20px;
}

.el-dialog.el-dialog--modal-update.is-mobile .el-dialog__header .el-button.el-button--text {
  padding: 10px 12px;
  margin-right: 5px;
}

.el-dialog.el-dialog--modal-update.is-mobile .el-dialog__header .el-button.el-button--text i {
  font-size: 18px;
}

.el-dialog.el-dialog--modal-update.is-mobile .el-dialog__header .el-button.el-button--text i.fa-ellipsis-v {
  margin-right: 0;
}

.el-dialog.el-dialog--modal-update.is-mobile .el-dialog__header {
  padding: 8px 10px 8px 50px;
}

.el-dialog.el-dialog--modal-update.is-mobile .el-dialog__headerbtn {
  left: 15px;
  top: 14px;
  font-size: 22px;
  z-index: 9;
}

.el-dialog.el-dialog--modal-update.is-mobile .el-form-item.el-form-item--modern-title .el-form-item__label {
  font-size: 16px;
}

@media only screen and (max-width: 480px) {
  .el-dialog.el-dialog--modal-update.is-mobile {
    margin: 0 !important;
  }

  .el-dialog.el-dialog--modal-update {
    width: 100%;
    margin: 0 !important;
    height: auto;
    min-height: 100%;
  }

  .el-dialog.el-dialog--modal-update .el-modal--title {
    font-size: 18px;
  }

  .el-dialog.el-dialog--modal-update .el-npm-body > .el-scrollbar {
    height: auto;
    padding: 20px;
  }

  .el-dialog.el-dialog--modal-update .el-section--modal {
    padding: 20px;
  }

  .el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text {
    padding: 10px 12px;
    margin-right: 0;
  }

  .el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text i {
    font-size: 18px;
  }

  .el-dialog.el-dialog--modal-update .el-dialog__header .el-button.el-button--text i.fa-ellipsis-v {
    margin-right: 0;
  }

  .el-dialog.el-dialog--modal-update .el-dialog__header {
    padding: 8px 10px 8px 50px;
  }

  .el-dialog.el-dialog--modal-update .el-dialog__headerbtn {
    right: auto;
    left: 15px;
    top: 14px;
    font-size: 22px;
  }

  .el-dialog.el-dialog--modal-update .el-form-item.el-form-item--modern-title .el-form-item__label {
    font-size: 16px;
  }

  .el-dialog.el-dialog--modal-update.el-dialog--modal-update-notes .el-dialog__header .el-button.el-button--text {
    padding: 10px 8px;
  }
}

.el-table.el-table--modern {
  background: none;
}

.el-table.el-table--modern:hover {
  box-shadow: none;
}

.el-table.el-table--modern th.is-leaf {
  padding: 0;
}

.el-table.el-table--modern th,
.el-table.el-table--modern tr {
  background: none;
}

.el-table.el-table--modern .el-table__footer-wrapper tbody td {
  background: #fff;
}

.el-table.el-table--modern .el-table__footer-wrapper tbody td:first-child {
  border-left: 1px solid #EBEEF5;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.el-table.el-table--modern .el-table__footer-wrapper tbody td:last-child {
  border-right: 1px solid #EBEEF5;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--page {
  width: 100%;
  box-shadow: none;
  margin-bottom: 1em;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--page .el-dialog__header {
  top: 81px;
}

@media only screen and (max-width: 992px) {
  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--page .el-dialog__header {
    top: 67px;
  }
}

.el-items--modern .el-checkbox.is-bordered.el-checkbox--mini {
  border-radius: 2em;
}

.el-items--modern .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 20px;
}

.el-page--sticky {
  position: sticky;
  top: 81px;
}

.konvajs-content {
  border: 1px solid #e2e2e2;
  margin: 0;
  overflow: hidden;
}

.el-konva--toolbar .el-button-group .is-blue {
  color: #409EFF;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}

.el-konva--toolbar .el-button-group .el-color-picker {
  height: auto;
  display: block;
}

.el-konva--toolbar .el-button-group .el-color-picker__trigger {
  height: 38px;
  width: 50px;
  border: 0;
  padding: 10px 14px;
  display: block;
}

.el-konva--toolbar .el-button-group .el-color-picker__icon:before {
  display: none;
}

.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  font-size: 20px;
  line-height: 1;
}

.quill-wrapper .ql-editor.ql-blank::before {
  color: #c2c6cd;
  font-style: normal;
}

.quill-wrapper .ql-container.ql-snow {
  border-radius: 4px;
  border: 1px solid #DCDFE6;
}

.quill-wrapper.is-active .ql-container.ql-snow {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: attr(data-value) !important;
}

.ql-editor li {
  padding-left: 0 !important;
}

.ql-editor li[data-list=bullet] > .ql-ui:before,
.ql-editor li[data-list=ordered] > .ql-ui:before {
  position: absolute;
  left: 0;
}

.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.animated-1s {
  animation-duration: 1s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

.el-fade-enter-enter-active {
  transition: opacity 0.5s;
}

.el-fade-enter-leave-active {
  transition: 0;
}

.el-fade-enter-enter,
.el-fade-enter-leave-to {
  opacity: 0;
}

/*animations*/

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@keyframes scale {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }

  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

.scale {
  -webkit-animation-name: scale;
  animation-name: scale;
}

@keyframes scalev2 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.scale-v2 {
  -webkit-animation-name: scalev2;
  animation-name: scalev2;
}

@keyframes scalev3 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.scale-v3 {
  -webkit-animation-name: scalev3;
  animation-name: scalev3;
}

.animation-infinite {
  animation-iteration-count: infinite;
  animation-duration: 0.8s;
}

/*end animations*/

/*vue animations*/

.slide-fade-leave {
  transition: 0;
  position: absolute;
  left: -1000px;
}

.slide-fade-enter-active {
  transition: all 0s ease !important;
}

.slide-fade-leave-active {
  transition: 0 !important;
}

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(-20px) !important;
  opacity: 0 !important;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s !important;
}

.fade-enter,
.fade-leave-to {
  opacity: 0 !important;
}

.fade-absolute-enter-active {
  position: absolute;
  left: 0;
  right: 0;
  transition: opacity 0.5s !important;
}

.fade-absolute-enter,
.fade-absolute-leave-to {
  opacity: 0 !important;
}

.fade-absolute-leave-to,
.fade-absolute-leave-active {
  position: absolute;
  left: 0;
  right: 0;
  transition: opacity 0s !important;
}

.pulse-enter-active {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.pulse-leave,
.pulse-leave-active {
  display: none;
  animation: none !important;
  transition: 0 !important;
}

/*end vue animations*/

p {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.row-eq-height .box {
  height: 100%;
}

.row-eq-height .last {
  height: 40px;
  line-height: 40px;
  text-align: right;
}

.is-flex {
  display: flex;
}

.row-eq-height-full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .row-eq-height .el-full-height {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .row-eq-height .el-full-height .box {
    height: 100%;
  }
}

.align-right {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}

.box.box-padded {
  padding: 10px 0;
}

.box.is-gray {
  background: #fbfbfb;
}

.box.box-v2 {
  padding: 10px;
  box-shadow: 1px 1px 5px 2px #ebebeb;
  border: 0;
  border-radius: 5px;
  margin: 5px;
}

.bold {
  font-weight: 700;
}

.bold .el-checkbox__label {
  font-weight: 700;
}

.element-blue {
  color: #409eff;
}

.mb-20 {
  margin-bottom: 20px;
}

.bg-light-grey {
  background: #fbfbfb;
}

.el-initials {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: #fd9aef;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  border-radius: 100%;
  font-size: 12px;
  font-weight: normal;
}

.el-ellipsis {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-ellipsis--left {
  flex: 1;
  min-width: 0;
}

.el-title-editable:hover {
  color: #409EFF;
}

.el-inline-block {
  display: inline-block;
}

.el-inline-block.is-middle {
  vertical-align: middle;
}

.el-checkbox.el-block {
  display: block;
}

.el-checkbox.el-block + .el-checkbox {
  margin-left: 0;
}

.el-checkbox.el-checkbox--ellipsis {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

.el-checkbox.el-checkbox--ellipsis .el-checkbox__label {
  display: inline;
}

.el-block {
  display: block;
}

.top-button {
  margin-bottom: 1em;
}

.el-main-title {
  font-size: 30px;
  font-weight: 600;
  color: #666;
  min-height: unset;
  padding: 8px 0 4px;
  margin: 0;
}

.el-alert.el-alert--v-offline {
  position: fixed;
  top: 15px;
  z-index: 9999;
  width: 600px;
  max-width: 95%;
  margin: auto;
  left: 0;
  right: 0;
}

.el-alert-offline--container {
  padding: 20px 20px 0 20px;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .el-main-title {
    padding: 0;
  }

  .el-select--mobile-select {
    margin: 0 10px;
  }

  .el-select--mobile-select .el-input__inner {
    height: 30px;
    line-height: 30px;
  }

  .el-select--mobile-select .el-select__caret {
    line-height: 30px;
  }
}

.el-title-editable {
  font-size: 22px;
  font-weight: 700;
  vertical-align: middle;
}

.el-title-editable:hover {
  color: #0486fe;
  cursor: pointer;
}

.el-scrollbar {
  width: 100%;
  height: 100%;
}

.el-scrollbar .el-main {
  overflow: visible;
}

.el-scrollbar.el-scrollbar--dropdown .el-scrollbar__view {
  max-height: 50vh;
}

.el-scrollbar.el-scrollbar--dropdown .el-dropdown-menu__item {
  position: relative;
}

.el-scrollbar.el-scrollbar--dropdown .el-dropdown-menu__item.selected .el-tag--status {
  margin: 0 18px 0 5px;
}

.el-scrollbar.el-scrollbar--popover .el-scrollbar__wrap {
  max-height: 80vh;
}

.el-scrollbar.el-scrollbar--event-tree .el-scrollbar__view {
  max-height: 75vh;
}

.el-row-remove .first {
  width: calc(100% - 45px) !important;
}

.el-row-remove .one_fourth {
  width: calc(29% - 60px) !important;
}

.el-row-remove .last {
  width: 45px !important;
}

@media only screen and (min-width: 1200px) {
  .el-col-lg-8.col-less-20 {
    width: calc(33.3333% - 20px);
  }

  .el-col-lg-8.col-plus-40 {
    width: calc(33.3333% + 40px);
  }

  .el-col-lg-4.col-less-10 {
    width: calc(16.66667% - 10px);
  }
}

i.fal.el-round {
  border: 1px solid #fff;
  border-radius: 100%;
}

.box-container:not(.el-search-box-container) {
  background: #f7f7f7;
  border: 1px solid #ededed;
  border-radius: 13px;
  transition: 0.2s;
  margin-bottom: 10px;
}

.box-container .box-content {
  padding-right: 10px;
}

.box-container .box-content .el-button.is-circle.button-filter-icon {
  padding: 9px;
  width: 32px;
  height: 32px;
  color: #fff;
}

.box-container .box-content .el-button.is-circle.button-filter-icon i {
  color: #fff;
}

.box-container .box-content.box-filter {
  padding: 0;
}

.box-container .box-content.box-filter .box-filter-group {
  font-size: 0;
  display: flex;
  flex-direction: row;
  margin: 0;
}

.box-container .box-content.box-filter .box-filter-group:last-child {
  margin-right: 0;
}

.box-container .box-content.box-filter .box-filter-group .el-button.button-filter {
  border-radius: 0;
  margin: 0 -5px;
  padding: 12px 15px;
  width: 45px;
}

.box-container .box-content.box-filter .box-filter-group.select-border-blue .el-input__inner {
  background: #ecf5ff;
  border-color: #409eff;
  color: #409eff;
  border-width: 1px;
}

.box-container .box-content.box-filter .box-filter-group.select-border-blue .el-input__inner::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
}

.box-container .box-content.box-filter .box-filter-group.select-border-blue .select-right .el-input__inner,
.box-container .box-content.box-filter .box-filter-group.select-border-blue .input-right .el-input__inner {
  background: #fff;
  color: inherit;
  height: 33px;
  border-left: none;
  border-radius: 0;
}

.box-container .box-content.box-filter .box-filter-group.select-border-blue .el-select__caret {
  color: #409eff;
}

.box-container .box-content.box-filter .box-filter-group.select-border-blue .el-button.button-filter:hover {
  border-top-color: #409eff;
  border-bottom-color: #409eff;
}

.box-container .box-content.box-filter .box-filter-group.select-border-blue .el-button.button-filter.el-button--primary {
  background: #409eff;
  border-color: #409eff;
}

.box-container .box-content.box-filter .box-filter-group.select-border-blue .el-button--remove {
  color: #0486fe;
  border-color: #0486fe;
}

.box-container .box-content.box-filter .box-filter-group.select-border-red .el-input__inner {
  background: #ffd6d6;
  border-color: #fa5555;
}

.box-container .box-content.box-filter .box-filter-group.select-border-red .el-input__inner::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
}

.box-container .box-content.box-filter .box-filter-group.select-border-red .select-right .el-input__inner {
  background: #fff;
}

.box-container .box-content.box-filter .box-filter-group.select-border-red .select-left .el-input__inner {
  color: #fa5555;
  background: #ffd6d6;
}

.box-container .box-content.box-filter .box-filter-group.select-border-red .el-select__caret {
  color: #fa5555;
}

.box-container .box-content.box-filter .box-filter-group.select-border-red .el-button.button-filter:hover {
  border-top-color: #fa5555;
  border-bottom-color: #fa5555;
}

.box-container .box-content.box-filter .box-filter-group .el-select,
.box-container .box-content.box-filter .box-filter-group .el-input {
  width: auto;
  max-width: 150px;
  display: inline-block;
}

.box-container .box-content.box-filter .box-filter-group .el-select .el-input__icon,
.box-container .box-content.box-filter .box-filter-group .el-input .el-input__icon {
  line-height: 25px;
}

.box-container .box-content.box-filter .box-filter-group .select-left .el-input .el-input__inner {
  border-radius: 5px 0 0 5px;
  text-overflow: ellipsis;
  padding-left: 10px;
  min-width: unset;
}

.box-container .box-content.box-filter .box-filter-group .select-right .el-input__inner,
.box-container .box-content.box-filter .box-filter-group .input-right .el-input__inner {
  padding-left: 10px;
  border-width: 1px;
}

.box-container .box-content.box-filter .box-filter-group .input-right .el-input__inner {
  padding-left: 10px;
}

.box-container .box-content.box-filter .box-filter-group .input-right .el-input__inner::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
}

.box-container .box-content.box-filter .box-filter-group .el-input__inner::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: italic;
}

.box-container .box-content.box-filter.box-filter-padded {
  padding: 10px;
}

.box-container .box-content.box-filter .menu-filter {
  background: none;
  border: none;
  display: inline-block;
}

.box-container .box-content.box-filter .box-filter-group .el-date-editor--daterange.el-input__inner {
  width: auto;
  padding: 0;
  background: #fff;
  border-radius: 0;
  height: auto;
  border-left: 0;
  height: 33px;
}

.box-container .box-content.box-filter .box-filter-group .el-date-editor--daterange .no-icon {
  width: auto;
}

.box-container .box-content.box-filter .box-filter-group .el-date-editor--daterange .el-icon-arrow-down {
  position: absolute;
  right: 5px;
  cursor: pointer;
}

.box-container .box-content.box-filter .box-filter-group .el-date-editor--daterange .el-range__close-icon {
  position: relative;
  z-index: 99;
}

.box-container .box-content.box-filter .box-filter-group .el-date-editor--daterange .el-range-input {
  width: 85px;
  padding: 0 5px;
  color: #0486fe;
}

.box-container .box-content.box-filter .box-filter-group .el-button--remove {
  border-color: #e2e2e2;
  border-left: 0;
  border-radius: 0 5px 5px 0;
  padding: 5px 10px;
  background: none;
  color: #606266;
  height: 33px;
}

.box-container .box-content.box-filter .box-filter-group .el-button--remove:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 991px) {
  .el-search-box-container .box-content {
    display: block;
  }

  .el-search-box-container .box-content .el-flex-item {
    display: block;
  }

  .el-search-box-container .box-content .el-flex-item .divider {
    display: none !important;
  }

  .el-search-box-container .box-content .el-flex-item.el-flex-item--right {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .box-container .box-content.box-filter .box-filter-group {
    margin: 10px;
  }

  .box-container .box-content.box-filter .box-filter-group .el-select,
  .box-container .box-content.box-filter .box-filter-group .el-input {
    max-width: 100px;
  }
}

@media only screen and (max-width: 467px) {
  .el-search-box-container .el-dropdown .el-button-group {
    display: flex;
  }
}

.box-goals {
  padding: 0;
}

.box-goals .el-collapse {
  border: none;
}

.box-goals .el-collapse-item__content {
  padding-bottom: 0;
}

.box-goals .el-collapse-item:last-child .el-collapse-item__content {
  padding-bottom: 10px;
}

.box-goals .el-collapse-item__arrow {
  float: left;
}

.box-goals .el-flex-container {
  width: 100%;
}

.el-dialog-save-filter .el-dialog__body {
  padding: 0 20px;
}

.el-button.select-icon-left {
  padding: 0 10px;
  min-width: 45px;
  height: 33px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-right: -5px;
  border-radius: 5px 0 0 5px;
  border-right: none;
}

.spacer {
  text-align: center;
  padding: 10px 0;
}

.el-aside-border-left {
  border-left: 1px solid #e6e6e6;
}

.el-aside-border-right {
  border-right: 1px solid #e6e6e6;
}

.vue-avatar--wrapper {
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.vue-avatar--wrapper {
  white-space: nowrap;
}

.vue-avatar--wrapper.el-avatar-client {
  background-color: #fff !important;
}

.vue-avatar--wrapper.el-avatar-client span {
  color: #666;
}

.el-avatar-container {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: 43px;
  text-align: center;
  margin: 5px;
  border-radius: 100%;
}

.el-avatar-small {
  display: inline-block;
  margin: 5px;
}

.el-avatar-small .vue-avatar--wrapper {
  width: 25px !important;
  height: 25px !important;
  font-size: 11px !important;
}

.el-avatar-table-cell {
  margin-right: 10px;
  font-size: 14px;
}

.el-stacked .vue-avatar--wrapper {
  position: relative;
}

.el-tooltip__popper.is-light {
  border: 1px solid #e2e2e2 !important;
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #e2e2e2 !important;
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #e2e2e2 !important;
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #e2e2e2 !important;
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #e2e2e2 !important;
}

.el-tooltip__popper.el-tooltip--bottom-start .popper__arrow {
  left: 10px !important;
}

.el-tooltip__popper.el-tooltip--small {
  width: 80%;
  max-width: 285px;
}

.el-tooltip__popper ul {
  margin: 0;
  padding-left: 20px;
  padding-right: 10px;
  font-family: inherit;
  font-size: 14px;
}

.el-tooltip__popper ul li {
  padding-bottom: 5px;
}

.el-tooltip__popper ul li.divider {
  border-top: 1px solid #e2e2e2;
  margin-top: 5px;
}

.el-tooltip__popper ul li:last-child {
  padding-bottom: 0;
}

.el-tooltip__popper .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  background-color: #c0c4cc;
  margin-left: 5px;
  top: 0;
  color: #fff;
}

.el-tooltip__popper .el-icon-close:hover {
  opacity: 0.5;
}

.el-popover.el-tag-popover {
  padding: 0;
}

.el-popover.el-tag-popover .el-menu .el-menu-item {
  height: 30px;
  line-height: 30px;
  padding: 0 30px 0 10px !important;
}

.el-popover.el-tag-popover .el-menu .el-menu-item > i {
  margin-right: 5px;
}

.el-popover.el-tag-popover .el-menu .el-menu-item.is-active:after {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 12px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-popover.el-tag-popover .popper__arrow {
  left: 20px !important;
}

.el-popover.el-popper-override {
  padding: 15px;
  max-width: 250px;
}

.el-popover.el-popper-override ul {
  padding: 0 0 0 15px;
}

.el-popover li.divider {
  border-top: 1px solid #e2e2e2;
  margin-top: 5px;
}

.el-dropdown-link {
  cursor: pointer;
  color: #0486fe;
}

.list-unstyle {
  list-style: none;
}

.list-unstyle .el-avatar-small {
  margin: 0 5px 0 0;
}

.list-unstyle.list-status > li {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.list-unstyle.list-status > li .el-avatar-small {
  flex: 1;
}

.list-unstyle.list-status > li .el-author {
  align-self: middle;
  flex: 1 auto;
  margin-right: 5px;
}

.list .item {
  font-family: inherit;
  vertical-align: middle;
  font-size: 14px;
  padding-bottom: 10px;
}

.list .item.link:hover {
  background: #66b1ff;
}

.el-title-big {
  font-size: 4em;
  text-align: center;
}

.el-padded {
  padding: 0.4em 0;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.el-table-display {
  display: table;
  width: 100%;
  height: 100%;
}

.el-table-display .el-table-display-cell {
  vertical-align: middle;
  display: table-cell;
}

.el-row-margin-bottom {
  margin-bottom: 20px;
}

.round {
  border-radius: 20px;
  padding: 9.5px 15px;
  border: 1px solid #fff;
  font-size: 14px;
}

.loading-container {
  background: #f0f0f0;
  position: absolute;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.loading-spinner {
  position: absolute;
  text-align: center;
  top: 40%;
  left: 0;
  right: 0;
}

ul.unstyled {
  padding: 0;
  list-style: none;
  margin: 0;
}

.el-inline-block {
  display: inline-block;
}

.fade-enter-active {
  transition: opacity 0.5s !important;
}

.fade-leave-active {
  transition: opacity 0.5s !important;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
  position: absolute;
}

.el-sortable-item {
  transition: all 0.5s;
}

.el-sortable-item-enter,
.el-sortable-item-leave-to {
  opacity: 0;
  transform: scale(0);
}

.el-sortable-item-enter-to {
  opacity: 1;
  transform: scale(1);
}

.el-sortable-item-move {
  opacity: 1;
  transition: all 0.5s;
}

.el-menu-item--trans {
  transition: all 0.5s !important;
}

.el-menu-item--trans-enter,
.el-menu-item--trans-leave-to {
  opacity: 0;
  transform: scale(0);
}

.el-menu-item--trans-enter-to {
  opacity: 1;
  transform: scale(1);
}

.el-menu-item--trans-move {
  opacity: 1;
  transition: all 0.5s !important;
}

.el-main .el-carousel__mask,
.el-main .el-cascader-menu,
.el-main .el-cascader-menu__item.is-disabled:hover,
.el-main .el-collapse-item__header,
.el-main .el-collapse-item__wrap {
  background: none;
}

.el-main .el-pagination {
  margin-top: 2em;
}

.el-main .el-pagination .el-pager button:disabled {
  background: none;
}

.el-main .el-pagination .btn-next,
.el-main .el-pagination .btn-prev {
  background: none;
}

.el-main .el-pagination li {
  background: none;
}

.el-main .el-pagination.el-pagination--bordered li:not(.active) {
  border: 1px solid #dedede;
}

.el-main .el-pagination.el-pagination--bordered .btn-next,
.el-main .el-pagination.el-pagination--bordered .btn-prev {
  border: 1px solid #dedede;
}

.el-main .el-pagination.is-background .btn-next,
.el-main .el-pagination.is-background .btn-prev,
.el-main .el-pagination.is-background .el-pager li {
  border-radius: 4px;
  background: #fff;
}

.quill-wrapper {
  background: #fff;
  line-height: 1;
}

.quill-wrapper .ql-toolbar {
  display: none;
}

.quill-wrapper .ql-container {
  border-top: 1px solid #ccc !important;
}

.quill-wrapper.is-active .ql-toolbar {
  display: block;
}

.quill-wrapper.is-active .ql-container {
  border-top: none !important;
}

.ql-tb-table:after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  content: "\F0CE";
}

.qlbt-operation-menu {
  z-index: 999999 !important;
}

.el-no-client {
  display: inline-block;
  width: 38px;
  height: 38px;
  background: #d6d6d6;
  border: 2px solid #9c9c9c;
  border-radius: 100%;
}

.el-multiple-items {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}

.el-multiple-items .el-multiple-item--row {
  padding: 10px;
}

.el-multiple-items .el-multiple-item--row:nth-child(even) {
  background: #f3f3f3;
}

.nowrap {
  white-space: nowrap;
}

.el-message-box__wrapper .el-message-box .el-message-box__btns .el-button--small {
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}

.el-message-very-top {
  z-index: 999999 !important;
}

.el-tag.el-tag--round {
  border-radius: 2em;
}

.el-tag.el-tag--mini-rounded {
  height: 17px;
  line-height: 18px;
  font-size: 10px;
  margin-left: 3px;
  border-radius: 2em;
}

.el-tag.el-tag--green {
  background: #fff;
  color: #01a96f;
  border-color: #01a96f;
}

.el-tag.el-tag--green--filled,
.el-tag.el-tag--green.el-tag--dark {
  background: #01a96f;
  color: #fff;
  border-color: #01a96f;
}

.el-tag.el-tag--green-branch-seedling.is-circle {
  background: #fff;
  color: #01a96f;
  border-color: #01a96f;
  line-height: 19px;
  text-align: center;
  position: absolute;
  top: -10px;
  left: 0;
  width: 19px;
  height: 19px;
}

.el-tag.el-tag--green-branch-seedling.is-circle:hover {
  background: #01a96f;
  color: #fff;
}

.el-tag.el-tag--green-branch-seedling.is-circle i {
  font-size: 11px;
}

.el-tag.el-tag--light-green {
  background: #fff;
  color: #78dabb;
  border-color: #78dabb;
}

.el-tag.el-tag--light-green.el-tag--dark {
  background: #78dabb;
  color: #fff;
  border-color: #78dabb;
}

.el-tag.el-tag--signed.el-tag--info {
  color: #666;
}

.el-tag.el-tag--signed {
  background: #ffbc05;
  border-color: #ffbc05;
  color: #000;
}

.el-tag.is-big {
  font-size: 14px;
  padding: 12px 23px;
  height: 40px;
  line-height: 16px;
}

.el-tag.el-tag--white {
  background: #fff;
  border-color: #c5c5c5;
  color: #606266;
}

.el-tag.el-tag--blue-green .el-tag--dark {
  background: #00a8a8;
  color: #fff;
}

.el-tag.el-tag--blue-green.el-tag--dark {
  background: #00a8a8;
  border-color: #00a8a8;
}

.el-tag.el-tag--blue-green.el-tag--dark .el-tag--white.el-tag--dark {
  background: #fff;
  color: #00a8a8;
  border-color: #fff;
}

.el-tag.el-tag--white.el-tag--dark {
  background: #fff;
}

#hubspot-messages-iframe-container {
  transition: 0.3s;
  z-index: 9 !important;
}

@media only screen and (max-width: 767px) {
  body #hubspot-messages-iframe-container {
    display: none !important;
  }
}

.el-picker-panel__icon-btn {
  padding: 0 10px;
}

.ql-editor {
  word-break: normal;
}

.el-form .el-upload-dragger {
  width: 100%;
  height: auto;
  line-height: 1;
  padding: 15px;
}

.el-form .el-upload-dragger .el-icon-upload {
  margin: 0;
}

.el-scrollbar--dropdown .el-dropdown-menu__item {
  position: relative;
}

.el-scrollbar--dropdown .el-dropdown-menu__item.selected .el-tag--status {
  margin: 0 18px 0 5px;
  transition: 0.3s;
}

ul.el-list--icon {
  margin: 0;
  list-style: none;
}

ul.el-list--icon li {
  position: relative;
  color: #909399;
  font-weight: 600;
  padding-left: 25px;
  margin-bottom: 6px;
}

ul.el-list--icon li i.fal,
ul.el-list--icon li .currency {
  position: absolute;
  font-size: 16px;
  left: 0;
  width: 20px;
  text-align: center;
}

.el-dropdown-menu .el-scrollbar__wrap {
  max-height: 60vh;
}

.el-scrollbar--services .el-scrollbar__wrap {
  max-height: 250px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.quill-wrapper .ql-container {
  font-size: 14px;
}

.el-vertical-text {
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: vertical-lr;
  line-height: 2em;
  transform: rotate(180deg);
  background: #909399;
  color: #fff;
}

.el-tooltip__popper ul.list-status {
  font-size: 12px;
  padding: 0;
}

.el-tooltip__popper ul.list-status .el-author {
  margin-right: 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#nprogress .bar {
  background: #0486fe;
}

.status.signed i {
  color: #ffbc05;
}

.el-color-picker.is-circle .el-color-picker__trigger {
  border-radius: 100%;
  padding: 1px;
}

.el-color-picker.is-circle .el-color-picker__trigger .el-color-picker__color {
  border-radius: 100%;
  border-color: transparent;
}

.el-color-picker.is-circle .el-color-picker__trigger .el-color-picker__color .el-color-picker__color-inner {
  border-radius: 100%;
}

.el-absolute--middle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  display: flex;
  align-items: center;
}

.el-divider--wrapper-mtb-5 .el-divider {
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

.el-badge.el-badge--text .el-badge__content.is-fixed.is-dot {
  top: 9px;
  right: -3px;
}

.el-badge.el-badge--pink .el-badge__content.is-dot {
  top: 9px;
  right: -3px;
  background: #f598fd;
}

.el-badge.el-badge-v1 .el-badge__content.is-fixed.is-dot {
  right: 9px;
}

.el-list-items .el-item {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0;
}

.el-upload-list__item .el-icon-close-tip {
  display: none !important;
}

.el-tabs .el-tabs__item .is-error {
  position: relative;
  color: #ff706c;
}

.el-two-liner {
  line-height: 1.4rem;
  max-height: 3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
}

.el-checkbox.el-checkbox--block {
  display: block;
}

.el-checkbox.el-checkbox--fa-icons {
  color: #409EFF;
}

.el-checkbox.el-checkbox--fa-icons .el-checkbox__input .el-checkbox__inner {
  background: none;
  border: 0;
}

.el-checkbox.el-checkbox--fa-icons .el-checkbox__input .el-checkbox__inner:after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  content: "\F0C8";
  transform: none;
  left: 0;
  font-size: 18px;
  top: -2px;
}

.el-checkbox.el-checkbox--fa-icons .el-checkbox__input.is-checked .el-checkbox__inner:after {
  font-weight: 900;
  content: "\F14A";
}

.el-checkbox.el-checkbox--fa-icons .el-checkbox__input.is-checked + .el-checkbox__label {
  color: inherit;
}

.el-checkbox.el-checkbox--flex {
  display: flex;
  white-space: break-spaces;
}

.el-sortable-item--leaf {
  word-break: break-word;
}

.el-vertical-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.el-2-lines {
  max-height: 4em;
  -webkit-line-clamp: 2;
}

.el-3-lines {
  max-height: 6em;
  -webkit-line-clamp: 3;
}

.el-4-lines {
  max-height: 8em;
  -webkit-line-clamp: 4;
}

.el-items {
  line-height: 1.4;
}

.el-items .el-item {
  padding: 10px 0;
}

.el-items .el-item.el-item--st {
  padding-left: 15px;
}

.el-item--st {
  padding-left: 15px !important;
}

.el-panel.el-panel--smart-tree .el-panel-heading {
  padding: 5px 10px;
  border-bottom: 1px solid #e2e2e2;
}

.el-panel.el-panel--smart-tree .el-panel-body {
  padding: 10px;
}

.el-panel.el-panel--smart-tree .el-panel-body.el-panel-body--gray {
  background: #fbfbfb;
}

.el-panel.el-panel--smart-tree .el-panel-footer {
  padding: 10px;
  border-top: 1px solid #e2e2e2;
}

.el-panel.el-panel--outcome-goal {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}

.el-panel.el-panel--outcome-goal .el-panel-heading {
  border-left: 3px solid #01a96f;
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  margin-bottom: 0;
  position: sticky;
  top: 59px;
  background: #fff;
  z-index: 3;
}

.el-panel.el-panel--outcome-goal .el-panel-section {
  padding: 15px 15px 15px 25px;
}

.el-panel.el-panel--outcome-goal .el-leaf-items {
  border-bottom: 1px solid #e2e2e2;
}

.el-panel.el-panel--outcome-goal .el-leaf-items:last-child {
  border-bottom: 0;
}

.el-panel.el-panel--outcome-goal .el-leaf-items .el-leaf-item {
  border-bottom: 1px solid #e2e2e2;
}

.el-panel.el-panel--outcome-goal .el-leaf-items .el-leaf-item.is-selected {
  border: 1px solid #01a96f !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-panel.el-panel--outcome-goal .el-leaf-items .el-leaf-item:last-child {
  border-bottom: 0;
}

.el-panel.el-panel--outcome-goal .el-panel-section--hl {
  position: relative;
}

.el-panel.el-panel--outcome-goal .el-panel-section--hl:before {
  content: "";
  position: absolute;
  height: 1px;
  background: #e2e2e2;
  left: 0;
  right: 0;
  bottom: 37%;
}

.el-panel.el-panel--outcome-goal .el-panel-section--hl-double {
  position: relative;
}

.el-panel.el-panel--outcome-goal .el-panel-section--hl-double:before {
  bottom: 33%;
}

.el-panel.el-panel--outcome-goal .el-panel-section--hl-double:after {
  bottom: 40%;
}

.el-panel.el-panel--outcome-goal .el-panel-section--hl-double:before,
.el-panel.el-panel--outcome-goal .el-panel-section--hl-double:after {
  content: "";
  position: absolute;
  height: 1px;
  background: #e2e2e2;
  left: 0;
  right: 0;
}

.el-panel .quill-wrapper.is-active .ql-toolbar {
  border-bottom: 1px solid #01a96f;
}

.el-panel .quill-wrapper.is-active .ql-container {
  border: 1px solid #01a96f;
}

.el-panel--plan-goals {
  position: relative;
  padding: 10px 0;
}

.el-panel--plan-goals .el-panel-section {
  padding: 10px 0;
}

.el-panel--plan-goals .el-panel--goal-item {
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 0;
}

.el-panel--plan-goals .el-panel--goal-item:first-child {
  padding-top: 0 !important;
}

.el-panel--plan-goals .el-panel--goal-item:last-child {
  border-bottom: 0;
  padding-bottom: 0 !important;
}

#freshworks-container #launcher-frame {
  bottom: 145px !important;
  right: -25px !important;
  transform: rotate(-90deg);
  height: 48px !important;
  max-width: 104px !important;
  opacity: 0.75;
  transition: 0.3s;
}

#freshworks-container #launcher-frame:hover {
  opacity: 1;
}

[dir=ltr] .userflowjs-resource-center--placement-bottom-right {
  transition: 0.3s;
}

@media only screen and (max-width: 467px) {
  [dir=ltr] .userflowjs-resource-center--placement-bottom-right {
    bottom: 55px;
  }
}

.el-border-bottom {
  border-bottom: 1px solid #e2e2e2;
}

.el-border-top {
  position: relative;
}

.el-border-top:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  right: 0;
  background: #e2e2e2;
  height: 1px;
}

.el-branch--first-child {
  position: relative;
}

.el-tooltip__popper {
  word-wrap: break-word;
}

.el-number-title h2 {
  font-size: 35px;
  font-weight: normal;
}

.el-progress.el-progress--flat .el-progress-bar__outer {
  border-radius: 0;
}

.el-progress.el-progress--flat .el-progress-bar__outer .el-progress-bar__inner {
  border-radius: 0;
}

.el-progress.el-progress--billable .el-progress-bar__outer {
  background: #23d1a3;
}

.el-progress.el-progress--direct .el-progress-bar__outer {
  background: #81bee9;
}

.el-percentage--wrapper {
  position: relative;
  width: 100%;
  height: 25px;
  overflow: hidden;
}

.el-percentage--wrapper .el-percentage--layer {
  position: absolute;
  height: 100%;
  width: 100%;
}

.el-percentage--value-wrapper {
  margin-top: 2px;
  position: relative;
  width: 100%;
  height: 5px;
  display: table;
  font-size: 10px;
  color: #999;
}

.el-percentage--value-wrapper .el-percentage--layer {
  max-width: 10%;
  display: table-cell;
  position: relative;
}

.el-percentage--value-wrapper .el-percentage--layer.is-5 {
  max-width: 5%;
}

.el-percentage--value-wrapper .el-percentage--layer.is-border {
  border-right: 1px solid;
}

.box .el-goal-item {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 10px;
}

.box .el-goal-item:last-child {
  border: 0;
  margin: 0;
}

.el-bottom-message {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: right;
  z-index: 99999;
}

.el-bottom-message .el-loading-mask {
  position: static;
  padding: 15px;
}

.el-bottom-message .el-loading-spinner {
  position: static;
  margin: 0;
  text-align: right;
}

.el-bottom-message .el-loading-spinner .el-icon-loading {
  display: inline-block;
  margin-right: 5px;
}

.el-bottom-message .el-loading-spinner .el-loading-text {
  display: inline-block;
}

.jf-tooltip {
  font-size: 12px;
  border: 1px solid #EBEEF5;
  background: #fff;
  color: #303133;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  width: 350px;
  display: none;
  z-index: 9;
}

.jf-tooltip.inside-client-modal {
  z-index: 9999;
}

.jf-tooltip[data-show] {
  display: inline-block;
}

div[data-popper-arrow],
div[data-popper-arrow]::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

div[data-popper-arrow] {
  visibility: hidden;
}

div[data-popper-arrow]::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}

.jf-tooltip[data-popper-placement^=top] > div[data-popper-arrow] {
  bottom: -4px;
}

.jf-tooltip[data-popper-placement^=bottom] > div[data-popper-arrow] {
  top: -4px;
}

.jf-tooltip[data-popper-placement^=left] > div[data-popper-arrow] {
  right: -4px;
}

.jf-tooltip[data-popper-placement^=right] > div[data-popper-arrow] {
  left: -4px;
}

.el-tinymce--container {
  position: relative;
}

.mce-content-body {
  position: relative;
  border: 1px solid #dcdfe6;
  padding: 10px;
}

.mce-content-body.mce-content-readonly {
  padding: 0;
  border: 0;
}

.mce-content-body ul {
  padding-left: 25px;
}

.tox.tox-tinymce.tox-tinymce-inline,
.tox-fullscreen .tox.tox-tinymce-inline {
  z-index: 2010 !important;
}

.tox-tinymce .tox-editor-container .tox-editor-header {
  display: none;
}

#scrollbarEventForm .tox .tox-tbtn {
  width: 28px;
}

#scrollbarEventForm .tox .tox-tbtn--select {
  width: auto;
}

.js-event-wrapper {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
  border-radius: 5px;
  border: 1px solid #dedede;
  border-left: 4px solid rgba(82, 82, 82, 0.5);
  margin: 3px;
  padding: 5px;
}

.material-list {
  border-radius: 5px;
}

.material-list .el-checkbox {
  margin-right: 0;
}

.material-list .el-form-item {
  border-bottom: 1px solid #EBEEF5;
  margin-bottom: 0;
}

.material-list .el-form-item:last-child {
  border-bottom: none;
}

.material-list .el-form-item .el-form-item__error {
  position: relative;
  padding: 5px 5px;
  text-align: right;
}

.material-list .material-list-item {
  display: flex;
  padding: 12px 16px;
  line-height: normal;
  border-bottom: 1px solid #EBEEF5;
  align-items: center;
}

.material-list .material-list-item:hover {
  background-color: #f0f6fc;
}

.material-list .material-list-item.clickable {
  cursor: pointer;
}

.material-list .material-list-item.disabled {
  cursor: not-allowed !important;
  color: #909399;
}

.material-list .material-list-item:last-child {
  border-bottom: none;
}

.material-list .material-list-item .title {
  font-size: 1rem;
  padding-right: 10px;
}

.material-list .material-list-item .description {
  padding-right: 20px;
  display: block;
  max-width: 100%;
}

.material-list .material-list-item .avatar {
  display: flex;
  align-items: center;
}

.material-list .material-list-item .avatar .el-switch__label.el-switch__label--left.is-active {
  color: #000;
}

.material-list .material-list-item .avatar.clickable {
  cursor: pointer;
}

.material-list.disabled {
  position: relative;
}

.material-list.disabled::after {
  content: " ";
  height: 100%;
  width: 100%;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.text-weight-100 {
  font-weight: 100;
}

.text-weight-200 {
  font-weight: 200;
}

.text-weight-300 {
  font-weight: 300;
}

.text-weight-400 {
  font-weight: 400;
}

.text-weight-500 {
  font-weight: 500;
}

.text-weight-600 {
  font-weight: 600;
}

.text-weight-700 {
  font-weight: 700;
}

.text-weight-800 {
  font-weight: 800;
}

.text-weight-900 {
  font-weight: 900;
}

.text-title-color {
  color: #606266;
}

.el-input.text-right input {
  text-align: right;
}

.el-popover.no-padding {
  padding: 0;
}

.el-popover.no-padding .el-popover__title {
  padding: 12px;
}

.header-justify-space-between .el-collapse-item__header {
  justify-content: space-between;
}

.header-justify-space-between .el-collapse-item__header .el-collapse-item__arrow {
  margin-right: 20px;
}

.dialog-no-padding .el-dialog__body {
  padding: 0;
}

.grayscale {
  filter: grayscale(100%);
}

.text-white {
  color: #fff !important;
}

.semi-round {
  border-radius: 10px !important;
}

.el-tb-time-picker .left .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-tb-time-picker .right {
  background: #F5F7FA;
}

.el-tb-time-picker .right .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  background: transparent;
}

.el-tb-time-picker .right .el-select {
  width: 100px;
}

.el-tb-time-picker .right .el-select .el-input.is-focus .el-input__inner {
  border-color: #DCDFE6;
}

.el-tb-time-picker .right .el-select .el-input__inner:focus {
  border-color: #DCDFE6;
}

.el-table-custom .el-table-header {
  color: #909399;
  line-height: 23px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 5px;
}

.el-table-custom .el-table-header th.is-leaf {
  display: block;
  text-align: left;
}

.el-table-custom .el-table-header th.is-leaf.text-center {
  text-align: center;
}

.el-switch.el-switch--red-green .el-switch__label {
  color: #a0a0a0;
}

.el-switch.el-switch--red-green .el-switch__label.is-active.el-switch__label--left {
  color: #01a96f;
}

.el-switch.el-switch--red-green .el-switch__label.is-active.el-switch__label--right {
  color: #ff706c;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.font-weight-light {
  font-weight: 300;
}

input.clean-input {
  background: transparent;
  border: none;
  color: inherit !important;
}

input.clean-input.wide {
  min-width: 208px;
}

.el-table__expanded-cell {
  background-color: #fbfbfb;
}

.el-flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.el-flex-container.el-flex--top-aligned {
  align-items: normal;
}

.el-flex-container .el-flex-1 {
  flex: 1;
  width: 100%;
  min-width: 0;
}

.el-flex-container:not(.el-flex--tree) .el-flex-item.el-flex-item--left {
  display: flex;
}

.el-flex-container:not(.el-flex--tree) .el-flex-item.el-flex-item--left span.divider {
  display: inline-block;
  border-left: 1px solid #dcdfe6;
  margin: 0 15px;
  padding: 15px 0;
  vertical-align: middle;
}

.el-flex-container:not(.el-flex--tree) .el-flex-item.el-flex-item--right {
  flex: 1;
  width: 100%;
}

.el-flex-container.el-flex--tree .el-flex-item.el-flex-item--left {
  display: flex;
}

.el-flex-container.el-flex--tree .el-flex-item.el-flex-item--left span.divider {
  display: inline-block;
  border-left: 1px solid #dcdfe6;
  margin: 0 15px;
  padding: 15px 0;
  vertical-align: middle;
}

.el-flex-container.el-flex--tree .el-flex-item.el-flex-item--right {
  display: flex;
  flex: 1;
}

.el-flex-container.el-flex--tree .el-search-box {
  margin: 0;
}

@media only screen and (max-width: 480px) {
  .el-flex-container .el-flex-item.el-flex-mobile-view {
    display: flex;
    white-space: nowrap;
  }

  .el-flex-container.el-flex--mobile--stack {
    flex-direction: column;
    align-items: flex-start;
  }

  .el-flex-container.el-flex--mobile--stack > *:first-child {
    margin-bottom: 5px;
  }

  .el-flex.el-flex--mobile--stack {
    flex-direction: column;
    align-items: flex-start;
  }

  .el-flex.el-flex--mobile--stack > *:first-child {
    margin-bottom: 5px;
  }
}

.el-flex {
  display: flex;
}

.el-flex.el-flex-1 {
  flex: 1;
  width: 100%;
  min-width: 0;
}

.el-flex .el-flex-1 {
  flex: 1;
  width: 100%;
  min-width: 0;
}

.el-flex .el-flex--left {
  margin-right: 5px;
}

.el-flex.el-flex--top-aligned {
  align-items: normal;
}

.el-flex.el-flex--vertical-middle {
  align-items: center;
}

.el-flex-align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fc-newPlan-button {
  border-right: 1px solid #e2e2e2;
}

.fc-newPlan-button:before {
  font-family: "Font Awesome 6 Pro";
  content: "\F067";
  font-weight: 300;
  margin-right: 5px;
}

.fc-row .fc-bg {
  background: #fff;
}

.fc-today-button:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  content: "\F274";
  margin-right: 5px;
}

.fc-unthemed td.fc-today {
  background: none !important;
}

.fc .fc-view th.fc-day-header {
  text-align: left;
  font-weight: bold;
  padding: 5px;
  height: 36px;
  box-sizing: border-box;
  vertical-align: middle;
}

.fc .fc-view th.fc-day-header.fc-today {
  background: #fff;
}

.fc-toolbar .fc-left .fc-button-group + h2 {
  font-size: 1em;
  line-height: 2em;
  cursor: pointer;
}

.el-main.el-main-toolbar {
  padding: 0;
  white-space: nowrap;
}

.el-calendar-toolbar {
  padding: 5px 0;
  height: 50px;
  background: #fcfcfc;
  border-bottom: 1px solid #e2e2e2;
}

.el-calendar-toolbar .el-adjustable-width {
  padding: 0 4px;
  position: relative;
  margin-right: 4px;
  transition: 0.3s;
}

.el-calendar-toolbar .el-adjustable-width:after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 1px;
  right: -1px;
  background: #e2e2e2;
}

.el-calendar-toolbar .el-calendar-left-controls {
  display: flex;
  align-items: center;
}

.el-calendar-toolbar .el-button {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  border-width: 0;
  border-bottom-color: transparent;
}

.el-calendar-toolbar .el-button.el-button--new-event {
  margin: 0 10px;
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 2em;
}

.el-calendar-toolbar .el-button:not(.el-button--primary) {
  color: #0486fe;
}

.el-calendar-toolbar .el-button.is-circle.el-button--nav {
  background: none;
}

.el-calendar-toolbar .el-button.is-circle {
  padding: 7px;
  border: none;
  width: 30px;
  height: 30px;
}

.el-calendar-toolbar .el-button.is-circle:hover,
.el-calendar-toolbar .el-button.is-circle:hover:focus {
  background: rgb(218, 218, 218);
  color: #0486fe;
}

.el-calendar-toolbar .el-button.is-circle:focus {
  background: none;
  color: #0486fe;
}

.el-calendar-toolbar .el-button.is-round {
  padding: 7px 15px;
}

.el-calendar-toolbar .el-button.is-round:not(.el-button--primary) {
  background: none;
}

.el-calendar-toolbar .el-button.is-round:not(.el-button--primary):hover,
.el-calendar-toolbar .el-button.is-round:not(.el-button--primary):hover:focus {
  background: #f3f3f3;
  color: #0486fe;
}

.el-calendar-toolbar .el-button.is-round:not(.el-button--primary):focus {
  background: none;
  color: #0486fe;
}

.el-calendar-toolbar .el-button + .el-button {
  margin-left: 0;
}

.el-calendar-toolbar.el-flex-container > .el-flex-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.el-calendar-toolbar .el-calendar-views .el-button {
  color: #909399;
}

.el-calendar-toolbar .el-calendar-views .el-button.is-active {
  position: relative;
  color: #0486fe;
}

.el-calendar-toolbar .el-calendar-views .el-button.is-active:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -7px;
  left: 0;
  right: 0;
  height: 2px;
  background: #0486fe;
}

.el-calendar-toolbar .el-calendar-views .el-dropdown.el-dropdown--calendar-views {
  align-self: center;
  font-size: 16px;
  margin-right: 15px;
  padding: 7px 0;
}

.el-calendar-toolbar .el-calendar-views .el-dropdown-link {
  color: #909399;
}

.el-calendar-toolbar .el-calendar-views .el-dropdown-link.is-active {
  color: #0486fe;
}

.el-calendar-toolbar .el-calendar-views .el-dropdown-link.is-active:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -7px;
  left: 0;
  right: 0;
  height: 2px;
  background: #0486fe;
}

.el-calendar-toolbar .el-calendar-views .el-dropdown-link:hover {
  color: #0486fe;
}

.el-calendar-toolbar .divider {
  width: 0;
  border-left: 1px solid #e2e2e2;
  margin: 0 10px;
}

@media only screen and (min-width: 768px) {
  .el-main-toolbar.el-dialog-visible {
    padding-right: 450px;
  }
}

@media only screen and (max-width: 1200px) {
  .el-calendar-toolbar .el-button.is-round {
    padding: 7px 10px;
  }
}

@media only screen and (max-width: 991px) {
  .el-calendar-toolbar .el-adjustable-width {
    padding: 0 10px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .el-calendar-toolbar .el-button.el-button--nav {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .el-calendar-toolbar .el-button.el-button--date-picker > span {
    max-width: 100px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
  }
}

.el-button--date-picker {
  position: relative;
}

.el-button--date-picker .el-date-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  overflow: hidden;
}

.el-button--date-picker .el-date-editor .el-input__inner {
  cursor: pointer !important;
}

.el-button--date-picker .el-date-editor .el-input__icon {
  display: none;
}

.fc-view {
  font-size: 12px;
}

.fc-view .fc-head-container {
  border-top: none;
}

.fc-view .fc-day-header.fc-past {
  color: #9e9e9d;
}

.fc-view .fc-day-header.fc-future {
  background: #fff;
}

.fc-view .fc-day-header .week-date {
  font-size: 22px;
  font-weight: normal;
  margin-right: 5px;
}

.fc-view .fc-day-header .week-name {
  font-size: 18px;
  font-weight: 500;
}

.fc-view .fc-day-header .week-date,
.fc-view .fc-day-header .week-name {
  display: inline-block;
  line-height: 16px;
  vertical-align: bottom;
}

.fc-agendaWeek-view .fc-widget-header .fc-day-header.fc-today {
  display: block;
  background: #fff;
  border-width: 0 0 0 0;
}

.fc-timeGrid-view th.fc-resource-cell {
  font-size: 14px;
  font-weight: normal;
  padding: 5px 0;
}

.fc .fc-view:not(.fc-month-view) th.fc-day-header.fc-today span {
  color: #0486fe;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "\F39B" !important;
  font-weight: 300;
  font-family: "Font Awesome 6 Pro";
  color: #666;
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: "";
}

.fc-time-grid > .fc-bg {
  background: #fff;
}

.fc-time-grid .fc-now-indicator {
  border-color: #0486fe;
}

.fc-time-grid .fc-now-indicator.fc-now-indicator-line {
  border-width: 3px 0 0 0;
}

.fc-time-grid .fc-now-indicator.fc-now-indicator-line:before {
  content: "";
  display: block;
  background: #0486fe;
  width: 9px;
  height: 9px;
  position: absolute;
  left: -5px;
  top: -4px;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
}

.fc-time-grid .fc-now-indicator.fc-now-indicator-line:after {
  content: "";
  display: block;
  background: #0486fe;
  width: 10px;
  height: 10px;
  position: absolute;
  right: -5px;
  top: -4px;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
}

.fc-time-grid .fc-nonbusiness {
  background-size: 8px 8px;
  background-image: linear-gradient(45deg, transparent 46%, rgba(36, 51, 74, 0.8) 49%, rgba(36, 51, 74, 0.3) 51%, transparent 55%);
  background-color: #eef0f2;
}

.fc-time-grid .fc-slats td {
  height: 1.5em;
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 45px;
  right: 0;
  border-color: #0486fe;
  border-width: 3px 0 0 0;
  border-style: dotted;
  margin-top: 0;
  z-index: 9;
}

.fc-month-view .fc-day-header {
  padding: 3px 0;
  font-weight: 700;
  color: #525252;
}

.el-collapse.el-collapse-transparent {
  border: none;
}

.el-collapse.el-collapse-transparent .el-collapse-item__header {
  background: transparent;
  font-weight: 600;
  font-size: 16px;
}

.el-collapse.el-collapse-transparent .el-collapse-item__wrap {
  background: transparent;
  border-bottom: none;
}

.el-collapse.el-collapse-transparent .el-collapse-item__content {
  padding-bottom: 0;
}

hr.fc-divider {
  padding: 0;
  border-width: 2px 0 0 0;
}

.fc-list-table .fc-list-item:not(.is-appointment),
.fc-event-container .fc-event:not(.is-appointment) {
  background: rgba(200, 200, 200, 0.5);
  border-radius: 5px;
  color: #525b72;
  border: none;
  border-left: 4px solid rgba(82, 82, 82, 0.5);
  padding: 2px;
  cursor: pointer;
  margin: 0.75px 0 0.75px -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.fc-list-table .fc-list-item:not(.is-appointment).compact-15,
.fc-event-container .fc-event:not(.is-appointment).compact-15 {
  padding: 2px 2px 0px 2px;
}

.fc-list-table .fc-list-item:not(.is-appointment).compact-15 .fc-time .fc-icons span,
.fc-event-container .fc-event:not(.is-appointment).compact-15 .fc-time .fc-icons span {
  display: inline-block;
}

.fc-list-table .fc-list-item.is-non-session:hover,
.fc-event-container .fc-event.is-non-session:hover {
  background: rgba(149, 149, 149, 0.4);
}

.fc-list-table .fc-list-item.is-session,
.fc-event-container .fc-event.is-session {
  background: rgba(180, 223, 242, 0.5);
  border-left: 4px solid rgba(115, 195, 231, 0.5);
}

.fc-list-table .fc-list-item.is-session:hover,
.fc-event-container .fc-event.is-session:hover {
  background: rgba(180, 223, 242, 0.4);
}

.fc-list-table .fc-list-item.is-client-todo,
.fc-event-container .fc-event.is-client-todo {
  background: rgba(255, 217, 5, 0.5);
  border-left: 4px solid #FFBC05;
}

.fc-list-table .fc-list-item.is-client-todo:hover,
.fc-event-container .fc-event.is-client-todo:hover {
  background: rgba(255, 217, 5, 0.4);
}

.fc-list-table .fc-list-item.is-appointment,
.fc-event-container .fc-event.is-appointment {
  background: rgba(232, 232, 232, 0.5);
  color: #6d6d6d;
  border: 2.5px dotted #B5B5B5;
  padding: 10px;
  margin: -2.5px;
}

.fc-list-table .fc-list-item.is-appointment:hover,
.fc-event-container .fc-event.is-appointment:hover {
  background: rgba(200, 200, 200, 0.5);
}

.fc-list-table .fc-list-item.is-personal,
.fc-event-container .fc-event.is-personal {
  background: rgba(255, 209, 141, 0.5);
  border-left-color: rgba(255, 108, 0, 0.35);
}

.fc-list-table .fc-list-item.is-personal:hover,
.fc-event-container .fc-event.is-personal:hover {
  background: rgba(255, 209, 141, 0.4);
}

.fc-list-table .fc-list-item.is-video,
.fc-event-container .fc-event.is-video {
  background: rgba(242, 180, 209, 0.6);
  border-left-color: rgba(211, 81, 206, 0.35);
}

.fc-list-table .fc-list-item.is-video:hover,
.fc-event-container .fc-event.is-video:hover {
  background: rgba(242, 180, 209, 0.4);
}

.fc-list-table .fc-list-item.is-team-event,
.fc-event-container .fc-event.is-team-event {
  background: rgba(192, 163, 255, 0.6);
  border-color: #A880FF;
}

.fc-list-table .fc-list-item.is-team-event:hover,
.fc-event-container .fc-event.is-team-event:hover {
  background: rgba(192, 163, 255, 0.4);
}

.fc-list-table .fc-list-item:hover,
.fc-event-container .fc-event:hover {
  color: inherit;
}

.fc-list-table .fc-list-item.is-active,
.fc-event-container .fc-event.is-active {
  background: rgba(149, 149, 149, 0.7);
  border: 3px solid rgba(82, 82, 82, 0.7);
  color: #222735;
  z-index: 99 !important;
}

.fc-list-table .fc-list-item.is-active.is-session,
.fc-event-container .fc-event.is-active.is-session {
  background: rgba(180, 223, 242, 0.5);
  border-color: #4baeda;
}

.fc-list-table .fc-list-item.is-active.is-client-todo,
.fc-event-container .fc-event.is-active.is-client-todo {
  background: rgba(255, 217, 5, 0.6);
  border-color: #FFBC05;
}

.fc-list-table .fc-list-item.is-active.is-video,
.fc-event-container .fc-event.is-active.is-video {
  background: rgba(242, 180, 209, 0.35);
  border-color: rgba(211, 81, 206, 0.5);
}

.fc-list-table .fc-list-item.is-active.is-personal,
.fc-event-container .fc-event.is-active.is-personal {
  background: rgba(255, 209, 141, 0.35);
  border-color: rgba(255, 108, 0, 0.5);
}

.fc-list-table .fc-list-item.is-active.is-team-event,
.fc-event-container .fc-event.is-active.is-team-event {
  background: #dbcaff;
  border-color: #A880FF;
}

.fc-list-table .fc-list-item .fc-time,
.fc-event-container .fc-event .fc-time {
  font-size: 10px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 10px;
  padding: 1px 0 0 0;
}

.fc-list-table .fc-list-item .fc-time span.details,
.fc-event-container .fc-event .fc-time span.details {
  margin-right: 10px;
  line-height: 1;
  padding: 0;
  margin-top: -1px;
}

.fc-list-table .fc-list-item .fc-time span.details .fa-stack,
.fc-event-container .fc-event .fc-time span.details .fa-stack {
  height: 9px;
  line-height: 7px;
}

.fc-list-table .fc-list-item .fc-time span.details .is-same-pattern,
.fc-event-container .fc-event .fc-time span.details .is-same-pattern {
  color: #4baeda;
}

.fc-list-table .fc-list-item .fc-time span.details i,
.fc-event-container .fc-event .fc-time span.details i {
  font-size: 8px;
}

.fc-list-table .fc-list-item .fc-time span.details .el-tag.el-tag--signed,
.fc-event-container .fc-event .fc-time span.details .el-tag.el-tag--signed {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: 9px;
  text-align: center;
  padding: 2px 0;
  border: 1px solid #000;
}

.fc-list-table .fc-list-item .fc-time .fc-icons,
.fc-event-container .fc-event .fc-time .fc-icons {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 15px;
  padding: 0 4px;
}

.fc-list-table .fc-list-item .fc-time .fc-icons .fc-mobile-step > .el-mobile-circle,
.fc-event-container .fc-event .fc-time .fc-icons .fc-mobile-step > .el-mobile-circle {
  background: #525b72;
  border: 1px solid #525b72;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}

.fc-list-table .fc-list-item .fc-time .fc-icons .fc-mobile-step > .el-mobile-circle.step-1,
.fc-event-container .fc-event .fc-time .fc-icons .fc-mobile-step > .el-mobile-circle.step-1 {
  background-image: linear-gradient(208deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.fc-list-table .fc-list-item .fc-time .fc-icons .fc-mobile-step > .el-mobile-circle.step-2,
.fc-event-container .fc-event .fc-time .fc-icons .fc-mobile-step > .el-mobile-circle.step-2 {
  background-image: linear-gradient(123deg, transparent 50%, #525b72 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-1,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-1 {
  color: #67c23a;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-1 .fc-mobile-step > .el-mobile-circle,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-1 .fc-mobile-step > .el-mobile-circle {
  background: #67c23a;
  border-color: #67c23a;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-1 .fc-mobile-step > .el-mobile-circle.step-1,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-1 .fc-mobile-step > .el-mobile-circle.step-1 {
  background-image: linear-gradient(208deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-1 .fc-mobile-step > .el-mobile-circle.step-2,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-1 .fc-mobile-step > .el-mobile-circle.step-2 {
  background-image: linear-gradient(123deg, transparent 50%, #67c23a 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-2,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-2 {
  color: #f56c6c;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-2 .fc-mobile-step > .el-mobile-circle,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-2 .fc-mobile-step > .el-mobile-circle {
  background: #f56c6c;
  border-color: #f56c6c;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-2 .fc-mobile-step > .el-mobile-circle.step-1,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-2 .fc-mobile-step > .el-mobile-circle.step-1 {
  background-image: linear-gradient(208deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-2 .fc-mobile-step > .el-mobile-circle.step-2,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-2 .fc-mobile-step > .el-mobile-circle.step-2 {
  background-image: linear-gradient(123deg, transparent 50%, #f56c6c 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-3,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-3 {
  color: #e6a23c;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-3 .fc-mobile-step > .el-mobile-circle,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-3 .fc-mobile-step > .el-mobile-circle {
  background: #e6a23c;
  border-color: #e6a23c;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-3 .fc-mobile-step > .el-mobile-circle.step-1,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-3 .fc-mobile-step > .el-mobile-circle.step-1 {
  background-image: linear-gradient(208deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-3 .fc-mobile-step > .el-mobile-circle.step-2,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-3 .fc-mobile-step > .el-mobile-circle.step-2 {
  background-image: linear-gradient(123deg, transparent 50%, #e6a23c 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-4,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-4 {
  color: rgba(144, 147, 153, 0.5);
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-5,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-5 {
  color: rgba(144, 147, 153, 0.5);
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-info,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-info {
  color: #909399;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-info .fc-mobile-step > .el-mobile-circle,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-info .fc-mobile-step > .el-mobile-circle {
  background: #909399;
  border-color: #909399;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-success,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-success {
  color: #67C23A;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-success .fc-mobile-step > .el-mobile-circle,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-success .fc-mobile-step > .el-mobile-circle {
  background: #67C23A;
  border-color: #67C23A;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-primary,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-primary {
  color: #0486fe;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-primary .fc-mobile-step > .el-mobile-circle,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-primary .fc-mobile-step > .el-mobile-circle {
  background: #0486fe;
  border-color: #0486fe;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-warning,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-warning {
  color: #E6A23C;
}

.fc-list-table .fc-list-item .fc-time .fc-icons.attendance-warning .fc-mobile-step > .el-mobile-circle,
.fc-event-container .fc-event .fc-time .fc-icons.attendance-warning .fc-mobile-step > .el-mobile-circle {
  background: #E6A23C;
  border-color: #E6A23C;
}

.fc-list-table .fc-list-item .fc-time .fc-user,
.fc-event-container .fc-event .fc-time .fc-user {
  font-size: 12px;
  margin-left: 5px;
  vertical-align: middle;
}

.fc-list-table .fc-list-item .fc-title,
.fc-event-container .fc-event .fc-title {
  font-size: 12px;
  line-height: 19px;
}

.fc-list-table .fc-list-item .fc-client,
.fc-event-container .fc-event .fc-client {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 3px 0;
}

.fc-list-table .fc-list-item:hover,
.fc-event-container .fc-event:hover {
  background: #c7e7f5;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.fc-unthemed .fc-list-item:hover td {
  background: none;
  border: 0;
}

.fc-list-table td {
  border: 0;
}

.fc-list-item {
  position: relative;
}

.fc-list-item.attendance-1 .fc-event-dot {
  background-color: #67c23a;
}

.fc-list-item.attendance-2 .fc-event-dot {
  background-color: #f56c6c;
}

.fc-list-item.attendance-3 .fc-event-dot {
  background-color: #e6a23c;
}

.fc-list-item.attendance-4 .fc-event-dot {
  background-color: rgba(144, 147, 153, 0.5);
}

.fc-list-item.attendance-5 .fc-event-dot {
  background-color: rgba(144, 147, 153, 0.5);
}

.fc-list-item.attendance-null .fc-event-dot {
  background-color: #c1c1c1;
}

@media only screen and (max-width: 480px) {
  .fc-event-container .fc-event .fc-time .fc-icons {
    padding: 0;
  }
}

.el-main--calendar td.fc-list-item-time.fc-widget-content {
  cursor: pointer;
}

.el-main--calendar td.fc-list-item-time.fc-widget-content:hover {
  opacity: 0.8;
}

.fc-time-grid-event.fc-short .fc-time {
  justify-content: normal;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: block;
  flex: 1;
  width: 100%;
  min-width: 0;
}

.fc-steps-wrapper {
  background: #fff;
  border-radius: 2em;
  margin-bottom: 0;
  padding: 1px 2px;
}

.fc-steps-wrapper .item {
  width: 30%;
  background: #fff;
  border: 1px solid rgba(82, 91, 114, 0.25);
  height: 3px;
  border-radius: 2em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.fc-steps-wrapper .item.is-active {
  background: #525b72;
}

.fc-steps-wrapper .item.is-active.is-border {
  border: 1px;
  background: #fff !important;
}

.fc-steps-wrapper.attendance-1 .item.is-active,
.fc-steps-wrapper.attendance-green .item.is-active {
  border-color: #67c23a;
  background: #67c23a;
}

.fc-steps-wrapper.attendance-1 .item.is-unsigned,
.fc-steps-wrapper.attendance-green .item.is-unsigned {
  border: 1px solid rgba(103, 194, 58, 0.25);
  background: #fff !important;
}

.fc-steps-wrapper.attendance-2 .item.is-active {
  border-color: #f56c6c;
  background: #f56c6c;
}

.fc-steps-wrapper.attendance-2 .item.is-unsigned {
  border: 1px solid rgba(245, 108, 108, 0.25);
  background: #fff !important;
}

.fc-steps-wrapper.attendance-3 .item.is-active,
.fc-steps-wrapper.attendance-warning .item.is-active {
  border-color: #e6a23c;
  background: #e6a23c;
}

.fc-steps-wrapper.attendance-3 .item.is-unsigned,
.fc-steps-wrapper.attendance-warning .item.is-unsigned {
  border: 1px solid rgba(230, 162, 60, 0.25);
  background: #fff !important;
}

.fc-steps-wrapper.attendance-4 .item.is-active,
.fc-steps-wrapper.attendance-5 .item.is-active {
  border-color: rgba(144, 147, 153, 0.5);
  background: rgba(144, 147, 153, 0.5);
}

.fc-steps-wrapper.attendance-4 .item.is-unsigned,
.fc-steps-wrapper.attendance-5 .item.is-unsigned {
  border: 1px solid rgba(144, 147, 153, 0.25);
  background: #fff !important;
}

.fc-steps-wrapper.attendance-info .item.is-active {
  border-color: #909399;
  background: #909399;
}

.fc-steps-wrapper.attendance-info .item.is-unsigned {
  border: 1px solid rgba(144, 147, 153, 0.25);
  background: #fff !important;
}

.fc-steps-wrapper.attendance-primary .item.is-active {
  border-color: #0486fe;
  background: #0486fe;
}

.fc-steps-wrapper.attendance-primary .item.is-unsigned {
  border: 1px solid rgba(6, 134, 254, 0.25);
  background: #fff !important;
}

.fc-steps-wrapper.is-multiple:not(.multi-attendance-set) .item {
  border-color: #ff00ff;
  background: #fff;
}

.fc-steps-wrapper.is-multiple:not(.multi-attendance-set) .item.is-active {
  border-color: #ff00ff;
  background: #ff00ff;
}

.fc-steps-wrapper.is-multiple:not(.multi-attendance-set) .item.is-unsigned {
  border-color: #ff00ff !important;
}

.fc-steps-wrapper.is-multiple:not(.multi-attendance-set).is-all-notes-signed .item {
  background: #ff00ff !important;
}

.fc-steps-wrapper.is-program .item {
  border-color: #635BFF;
  background: #fff;
}

.fc-steps-wrapper.is-program .item.is-active {
  border-color: #635BFF;
  background: #635BFF;
}

.fc-steps-wrapper.is-program .item.is-unsigned {
  border-color: #635BFF !important;
}

.fc-steps-wrapper.is-program.is-all-notes-signed .item {
  background: #635BFF !important;
}

.el-travel-bumper {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
}

.el-feedback-container {
  position: fixed;
  right: -36px;
  bottom: 15em;
  transform: rotate(-90deg);
  z-index: 99;
}

.box.box.box-padded {
  padding: 15px 0;
}

.el-input-group-search .el-input__inner {
  border: none;
}

.el-input-group-search.el-input--prefix .el-input__inner {
  padding-left: 55px;
  font-size: 20px;
}

.el-input-group-search .el-input__icon {
  font-size: 30px;
  width: 45px;
}

.el-input-group-search .el-input-group__append {
  background: none;
  border: none;
}

.el-input-group-search .el-input-group__append .el-input__inner {
  border: none;
}

.el-input-group-search .el-input-group__append .el-input-append-container button.el-button {
  margin: 0;
}

.el-input-group-search .el-input-group__append .el-input-append-container button.el-button.el-button--primary {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
}

.el-input-group-search .el-input-group__append .el-input-append-container button.el-button.el-button--primary:hover {
  background: #66b1ff;
  border-color: #66b1ff;
}

.el-input-group-search .el-input-group__append .el-input-append-container button.el-button + .el-button {
  margin-left: 30px;
}

.el-input-group-search .el-input-group__append .el-input-append-container span.divider {
  border-left: 1px solid #dcdfe6;
  margin: 0 15px;
  padding: 15px 0;
  vertical-align: middle;
}

div.hopscotch-bubble.tour-hello-hopscotch {
  background: #fff;
  min-width: 150px;
  border-radius: 4px;
  border: 5px solid #fff;
  padding: 0;
  z-index: 2000;
  color: #606266;
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-bubble-arrow-container.up {
  top: -15px;
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 13px solid #fff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.06));
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 13px solid #fff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-nav-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  height: unset;
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-nav-button:hover,
div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-nav-button :active {
  box-shadow: none;
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-nav-button.next {
  background: #409EFF;
  border-color: #409EFF;
  text-shadow: none;
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-nav-button.next:hover {
  background: #66b1ff;
  border-color: #66b1ff;
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-nav-button.prev {
  text-shadow: none;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-nav-button.prev:hover {
  color: #409EFF;
  border-color: #c6e2ff;
  background: #ecf5ff;
}

div.hopscotch-bubble.tour-hello-hopscotch .hopscotch-nav-button .hopscotch-bubble-close {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .el-container-main {
    padding-top: 66px;
  }

  .hidden-mobile {
    display: none !important;
  }

  #menuItemRight .el-menu-item {
    padding: 0 6px;
  }

  #menuItemRight .text-right.mr-20 {
    display: none;
  }

  .el-aside.el-aside-sidebar {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
  }

  .el-aside.el-aside-sidebar:after {
    display: none;
  }

  .el-aside.el-aside-sidebar .el-menu.el-menu-sidebar--main {
    justify-content: center;
    border-top: 1px solid #e2e2e2;
    display: flex;
    width: 100%;
  }

  .el-aside.el-aside-sidebar .el-menu.el-menu-sidebar--main .el-menu-item {
    height: 55px;
    text-align: center;
    line-height: 1.5;
    padding: 12px 10px !important;
  }

  .el-aside.el-aside-sidebar .el-menu.el-menu-sidebar--main .el-menu-item.is-selected:after {
    display: none;
  }

  .el-aside.el-aside-sidebar .el-menu.el-menu-sidebar--main .el-menu-item i.fal {
    display: block;
    width: 50px;
    margin: auto;
  }

  .el-aside.el-aside-sidebar .el-menu.el-menu-sidebar--main .el-menu-item > span {
    display: block;
    width: 100%;
    margin: auto;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    visibility: visible;
    font-size: 12px;
  }

  .el-aside.el-aside-sidebar .el-menu.el-menu-sidebar--main .el-menu-item:nth-child(n+6) {
    display: none !important;
  }

  .el-aside.el-aside-sidebar .el-menu.el-menu-item-sidebar-bottom {
    display: none;
  }

  .el-aside.el-aside-sidebar + .el-main.el-main-content {
    margin: 0;
  }

  #menuItemRight {
    display: flex;
    align-items: flex-end;
  }

  .el-menu.el-menu-main-top .el-menu-item,
  .el-menu.el-menu-main-top .el-submenu .el-submenu__title {
    height: 67px;
    line-height: 67px;
  }

  .el-menu.el-menu-main-top #menuPageTitleContainer .el-menu-item {
    height: 40px;
    line-height: 40px;
  }

  .el-menu.el-menu-main-top .el-menu-item .el-mobile-view {
    display: none !important;
  }

  .el-menu.el-menu-main-top .el-menu-item i.fal.el-round {
    font-size: 16px;
    padding: 11px 0;
    width: 40px;
    height: 40px;
  }

  .el-menu.el-menu-main-top .el-menu-item i.fal.fa-search {
    font-size: 24px;
  }

  .el-menu.el-menu-main-top .el-flex-page-title {
    flex: 1;
  }

  .el-menu.el-menu-main-top .el-flex-page-title .el-main-title {
    text-align: left;
  }

  .el-menu.el-menu-main-top .el-flex-page-title .el-menu.el-menu-page-title.el-menu--horizontal {
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: -10px;
  }

  .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border:after {
    display: none;
  }

  #pageTitleContainer .el-main-title {
    font-size: 18px;
  }

  .el-menu.el-menu-main-top #menuItemActiveView {
    background: #fff;
    z-index: 999;
    height: 66px;
    line-height: 66px;
  }

  .el-menu.el-menu-main-top #menuItemActiveView.el-sidebar--expanded .el-active-view {
    display: inline-block !important;
  }

  .el-menu.el-menu-main-top .el-menu-item.el-menu-item--active-view.el-sidebar--expanded {
    width: inherit;
  }

  .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border:before {
    display: none;
  }

  .el-aside-left-calendar {
    position: fixed;
    top: 116px;
    bottom: 66px;
    left: 0;
    z-index: 99;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
}

@media only screen and (max-width: 767px) {
  .el-main-area {
    padding-bottom: 70px;
  }

  .el-menu.el-menu-main-top .el-submenu .el-submenu__title {
    padding: 0 10px;
  }

  .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border .el-desktop-view {
    display: none;
  }

  .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border .el-mobile-view {
    display: inline-block !important;
    width: auto;
  }

  #btnFeedback {
    display: none;
  }

  .el-calendar-toolbar {
    position: fixed;
    top: 66px;
    left: 0;
    right: 0;
    z-index: 9;
  }

  .el-main.el-main--calendar {
    padding-top: 50px;
  }

  #asideRightCalendar {
    width: 100% !important;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }

  #asideRightCalendar.hidden {
    transform: translateX(800px) !important;
    visibility: hidden;
  }

  #asideRightCalendar.visible {
    transform: translateX(0) !important;
  }

  .el-main.dialog-visible {
    padding: 0 !important;
  }

  .el-calendar-toolbar .el-adjustable-width {
    width: auto !important;
  }

  .el-dialog__wrapper.client .el-header-client > .el-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .el-dialog__wrapper.client .el-header-client > .el-row .el-col-dialog-title {
    flex: 1;
  }

  .el-dialog__wrapper.client .el-header-client > .el-row .el-col-dialog-type .dialog-type {
    display: flex;
  }

  .el-dialog__wrapper.client .el-main--content--search-wrapper,
  .el-dialog__wrapper.client .el-scrollbar.el-main--content {
    height: calc(100vh - 148px);
  }

  .el-dialog.dialog-notes .el-collapse .el-collapse-item .el-collapse-item__arrow {
    margin: 0 8px 0 auto;
  }

  .el-dialog.dialog-notes .el-col-flex-mobile,
  .el-dialog.dialog-notes .el-row-flex-mobile {
    display: flex;
  }

  .el-dialog__wrapper.el-dialog--main .el-dialog {
    width: 100%;
    margin: 0 !important;
    overflow: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .el-mobile-middle {
    text-align: center;
  }
}

@media only screen and (max-width: 480px) {
  body.el-popup-parent--hidden {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .el-menu.el-menu-main-top .el-menu-item.el-menu-item-border .el-mobile-view {
    display: none;
  }

  .el-dialog__wrapper.client .el-scrollbar.el-main--content.el-main--content--search {
    height: calc(100vh - 185px);
  }

  .el-tree--panels {
    width: 100%;
    border-radius: 6px;
    overflow: auto;
  }

  .el-tree--panels .el-panel {
    border: 0;
  }

  .el-tree--panels .el-panel.el-panel--tree {
    min-width: 440px;
  }

  .el-table .cell .el-mobile-view {
    display: block;
  }

  .el-table .cell .el-desktop-view {
    display: none;
  }

  .el-table .cell .name {
    text-align: left;
    margin-left: 5px;
    line-height: 1.2;
  }

  .el-table .cell .el-button > span {
    /* width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center; */
  }
}

@media only screen and (max-width: 991px) and (max-height: 449px) {
  .el-calendar-toolbar {
    position: static;
  }

  .el-main.el-main--calendar {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 991px) {
  .el-aside.el-aside--tree {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }

  .el-main.el-main-right--tree {
    padding-right: 0 !important;
  }

  .el-panel-body--table-header {
    font-size: 12px;
  }

  .el-row--panel-heading .el-col.el-col--left {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .el-aside.el-aside--tree {
    top: 68px;
  }

  .el-aside.el-aside--tree .el-main {
    max-width: 100%;
  }

  .el-aside .el-button.el-button--close {
    top: 80px;
  }

  .el-aside .el-dialog-calendar-billing .el-button.el-button--close {
    top: 30px;
  }
}

.el-chatbot-container {
  word-break: normal;
}

.el-chatbot-container .el-scrollbar__view {
  height: 280px;
  max-height: 90vh;
}

.el-chatbot-container .profil > img.agent {
  content: "";
}

.el-popover.el-popover--chatbot {
  border: 0;
  padding: 0;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}

.el-popover.el-popover--chatbot .botui-actions-container {
  padding: 0 20px;
}

.el-popover.el-popover--chatbot .el-chatbot--name {
  line-height: 1;
}

.el-popover.el-popover--chatbot .botui-icon {
  font-weight: 300;
  margin-right: 3px;
}

.el-popover.el-popover--chatbot .el-button--back {
  color: #fff;
  font-size: 22px;
  padding: 0 15px;
}

.el-popover.el-popover--chatbot .el-chat-options {
  text-align: center;
}

.el-popover.el-popover--chatbot .el-chat-options .botui-actions-buttons-button {
  padding: 12px 25px;
  border-radius: 2em;
  background: #3c3c3c;
}

.el-popover.el-popover--chatbot .el-chat-options .botui-actions-buttons-button:hover {
  opacity: 0.8;
}

.el-popover.el-popover--chatbot .el-chatbot--footer {
  margin-bottom: 15px;
  color: #909399;
}

.el-popover.el-popover--chatbot .el-chatbot--footer-img {
  width: 28px;
  display: inline-block;
  vertical-align: middle;
}

.el-popover.el-popover--chatbot .el-popover__title {
  font-size: 14px;
  padding: 15px;
  background: #0486fe;
  color: #fff;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.el-popover.el-popover--chatbot .el-scrollbar__view {
  height: 600px;
  max-height: 90vh;
}

.el-popover.el-popover--chatbot .el-chatbot--header {
  padding: 10px 15px;
}

.el-popover.el-popover--chatbot .el-popover--header {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  background: #0486fe;
  color: #fff;
  padding: 15px 15px 25px 15px;
}

.el-popover.el-popover--chatbot .el-popover--header .el-clinic-name {
  font-size: 25px;
}

.el-popover.el-popover--chatbot .el-chatbot-image--wrapper {
  width: 45px;
  height: 45px;
  border: 1px solid #bebebe;
  border-radius: 100%;
  padding: 12px 8px;
  box-sizing: border-box;
  margin-right: 5px;
}

.el-popover.el-popover--chatbot .el-chatbot-image--wrapper .el-chatbot-image {
  width: 100%;
}

.el-popover .botui-container {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.el-popover .botui-messages-container {
  padding: 10px 20px 0;
}

.el-popover .botui-actions-text {
  position: relative;
}

.el-popover .botui-actions-text .botui-icon {
  position: absolute;
  top: 11px;
  width: 30px;
  text-align: center;
}

.el-popover .botui-actions-text-input {
  border: 1px solid #e2e2e2;
  padding-left: 30px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 25px;
}

.el-popover .botui-actions-buttons-button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.el-popover .botui-actions-buttons.el-time-options .botui-actions-buttons-button {
  display: block;
  background: #fff;
  border: 1px solid #606266;
  color: #606266;
  border-radius: 2em;
  box-shadow: none;
  padding: 9px 15px;
}

.el-popover .botui-actions-buttons.el-day-options .botui-actions-buttons-button {
  color: #606266;
  border: 1px solid #606266;
  width: 35px;
  height: 35px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 100%;
  background: #fff;
  font-weight: 600;
}

.el-popover--open .el-chatbot-container .el-chatbot--header {
  padding: 10px 15px 10px 0;
  font-size: 14px;
  background: #0486fe;
  color: #fff;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.el-popover--open .el-chatbot-container .el-chatbot--header .el-chatbot-image--wrapper {
  background: #fff;
  border-color: #fff;
}

.el-popover.el-popover--initial .el-popover--header {
  padding: 20px 20px 50px 20px;
  font-size: 16px;
}

.el-popover.el-popover--initial .el-chatbot-content {
  box-shadow: 0 11px 31px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 0.5em;
  margin: -30px 30px 0;
  padding: 5px 0 10px 0;
}

.el-popover.el-popover--initial .botui-message {
  margin: 0;
}

.el-popover.el-popover--initial .botui-messages-container {
  padding-top: 0;
  padding-bottom: 0;
}

.el-popover.el-popover--initial .botui-message-content {
  background: none;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking {
  min-height: calc(100% - 100px);
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__header {
  padding: 15px 8px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__header .step-1 {
  padding-left: 20px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__header .el-button.el-button--text:not(.el-button--dark-text) {
  color: #409EFF;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__header .el-button.el-button--text:not(.el-button--dark-text):hover {
  color: #66b1ff;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__header .el-button.el-button--text:not(.el-button--dark-text):last-child {
  margin-right: 0;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-form .el-form-item {
  margin-bottom: 10px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-form .el-form-item:last-child {
  margin-bottom: 0;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__body {
  padding-bottom: 116px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-booking-title {
  color: #f56c6c;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-section--modal {
  padding: 20px 40px;
  border-bottom: 1px solid #e2e2e2;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-section--modal.no-border {
  border: 0;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-section--modal .is-title--wrapper {
  white-space: nowrap;
  max-width: calc(100% - 50px);
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-section--modal .is-title--wrapper h2 {
  text-overflow: ellipsis;
  overflow: hidden;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-card.el-card--item {
  margin-bottom: 20px;
  cursor: pointer;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-card.el-card--item:last-child {
  margin-bottom: 0;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-card.el-card--item .el-card--header {
  margin-bottom: 10px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-card.el-card--item .el-card--right-arrow {
  transition: 0.3s;
  opacity: 0.2;
  font-size: 18px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-card.el-card--item:hover .el-card--right-arrow {
  opacity: 1;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-button.el-button--primary.is-plain {
  background: #fff;
  color: #409EFF;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-button.el-button--primary.is-plain:hover {
  background: #409EFF;
  color: #fff;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-button.el-button--primary.is-plain.is-active {
  background: #409EFF;
  color: #fff;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-button.el-button--login-area {
  margin: 0 15px;
  border: 0;
  border-radius: 0;
  padding: 10px;
  color: #606266;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-button.el-button--login-area.is-active {
  color: #0486fe;
  border-bottom: 2px solid #0486fe;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-button.el-button--login-area:hover {
  opacity: 0.8;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-booking-info {
  color: #25d19c;
  font-size: 16px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-tag.el-tag--warning {
  border: 1px solid #e6a23c;
  color: #606266;
  background: none;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-tag.el-tag--or {
  width: 30px;
  height: 30px;
  padding: 5px 0;
  background: none;
  border-color: #606266;
  margin: 0;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .c-pane-container .c-day-background {
  width: 2.5rem !important;
  height: 2.5rem !important;
  margin-top: -2px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .c-pane-container .el-button.el-button--info.is-plain {
  background: none;
  border-color: transparent;
  margin: 0 2px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .c-pane-container .el-button.el-button--info.is-plain:hover {
  background: #909399;
  border-color: #909399;
  color: #FFF;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .c-pane-container .el-button.el-button--info.is-plain:focus {
  color: #909399;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .c-pane-container .el-button.el-button--info.is-plain:focus:hover {
  color: #fff;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-form-item__error {
  position: static;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking.el-dialog--modal-update--small {
  min-height: calc(100% - 15em);
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking.el-dialog--modal-update--small .el-dialog__body {
  min-height: calc(100vh - 20em);
}

.el-divider--points {
  position: relative;
  width: 250px;
  height: 1px;
  background: #e2e2e2;
  margin: auto;
}

.el-divider--points:after,
.el-divider--points:before {
  content: "";
  position: absolute;
  top: -3px;
  height: 6px;
  width: 6px;
  background: #e2e2e2;
  border-radius: 100%;
}

.el-divider--points:after {
  left: 0;
}

.el-divider--points:before {
  right: 0;
}

.el-dots .el-button {
  background: #fff;
  height: 12px;
  width: 12px;
  padding: 0;
  border-radius: 100%;
  border: 1px solid #000;
}

.el-dots .el-button:hover,
.el-dots .el-button:focus {
  background: #000;
  border-color: #000;
  opacity: 0.8;
}

.el-dots .el-button + .el-button {
  margin-left: 5px;
}

.el-dots .el-button.is-active {
  background: #000;
  border-color: #000;
}

.el-dots .el-button.is-disabled.el-button--text {
  border-color: #000;
}

@media only screen and (max-width: 767px) {
  .el-dialog__wrapper.el-dialog-small.el-dialog--modal-update--booking--wrapper .el-dialog {
    width: 95%;
  }
}

@media only screen and (max-width: 480px) {
  .el-dialog__wrapper.el-dialog-small.el-dialog--modal-update--booking--wrapper .el-dialog {
    width: 100%;
  }

  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__header {
    padding: 18px 0;
  }

  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__header .el-dialog__headerbtn {
    left: auto;
    right: 15px;
  }

  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__header .step-1 {
    padding-left: 20px;
  }

  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-dialog__header .el-button.el-button--text {
    padding: 0 12px;
  }

  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-section--modal {
    padding: 20px;
  }

  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .el-col--v-calendar {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
  }

  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking h2 {
    font-size: 16px;
  }

  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .c-weekdays,
  .el-dialog.el-dialog--modal-update.el-dialog--modal-update--booking .c-weeks {
    margin: 0 !important;
  }
}

.el-scrollbar--timeslots--wrapper .el-scrollbar .el-scrollbar__wrap {
  max-height: 450px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--registration .el-form .el-form-item {
  margin-bottom: 10px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--registration .el-form .el-form-item:last-child {
  margin-bottom: 0;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--registration .el-form .quill-wrapper .ql-container.ql-snow {
  border-radius: 4px;
  border: 1px solid #DCDFE6;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--registration .el-form .quill-wrapper.is-active .ql-container.ql-snow {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--registration .el-form .el-form-item__error {
  position: static;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--registration .el-title--divider {
  padding-bottom: 10px;
  border-bottom: 2px solid #666;
  margin-bottom: 15px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--registration .el-dialog__body {
  padding-bottom: 70px;
}

.el-dialog.el-dialog--modal-update.el-dialog--modal-update--registration .el-dialog__footer {
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

label.ch-container {
  display: block;
  position: relative;
  padding: 5px 0 0 40px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #191923;
  font-weight: 500;
}

label.ch-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #94b8ef;
  border-radius: 20px;
}

label.ch-container:hover input ~ .checkmark {
  background-color: #3584fe;
}

label.ch-container input:checked ~ .checkmark {
  background-color: #3584fe;
  border-radius: 20px;
  margin: 23px 0 0 0;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

label.ch-container input:checked ~ .checkmark:after {
  display: block;
}

label.ch-container .checkmark:after {
  left: 9px;
  top: 6px;
  width: 7px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

label.ch-container span {
  color: #3584fe;
  font-weight: 500;
  font-size: 14px;
  margin: 23px 0 0 0;
}

.el-filter--wrapper {
  flex: 1;
  min-width: 280px;
}

.el-filter--wrapper .el-filter-items--wrapper {
  max-width: 100%;
  overflow-x: auto;
  padding: 0 0 8px;
}

.el-filter--wrapper .el-filter-items .el-input__inner {
  min-width: 180px;
  border-color: #DCDFE6;
}

.select-add-new .el-select-dropdown__item.selected {
  font-weight: normal !important;
}

.email-preview-dialog .el-dialog__header {
  top: 0 !important;
}

.tox.tox-silver-sink.tox-tinymce-aux {
  z-index: 2500 !important;
}

.f-right {
  float: right;
}

.f-left {
  float: left;
}

.no-padding-top {
  padding-top: 0 !important;
}

.clear-end:after {
  content: "";
  display: table;
  clear: both;
}

.ui.modal .ui.form .ui.accordion > .title {
  font-weight: 700 !important;
}

.add-field-block {
  text-align: center;
}

.add-field-block .trans-p3 {
  transition: 0.3s;
}

.add-field-block .transx-30 {
  transform: translateX(-30px);
}

.add-field-block .transx-40 {
  transform: translateX(-40px);
}

.notification-item {
  height: auto !important;
  line-height: 20px !important;
  padding: 6px 10px !important;
}

.notification-item:hover {
  background-color: #f4f4f4 !important;
}

.notification-item.notification-unread {
  background-color: rgba(4, 134, 254, 0.0901960784) !important;
}

.notification-item.notification-unread:hover {
  background-color: #ececec !important;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  background: #f4f4f4;
  color: #636b6f;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  color: #0486fe;
}

* {
  margin: 0;
  padding: 0;
}

*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.has-error {
  background: #fef0f0;
  border: 1px solid #fbc4c4;
  margin-bottom: 6px;
  border-radius: 3px;
  padding: 4px 0px;
}

/*general codes*/

a {
  color: #0486fe;
}

button {
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

blockquote {
  border-left: 5px solid #0486fe;
  margin: 0;
  padding: 0 20px;
}

blockquote {
  border-left: 5px solid #0486fe;
  margin: 0;
  padding: 0 40px;
  position: relative;
}

blockquote .icon {
  color: #0486fe;
  position: absolute;
  left: 20px;
}

:focus {
  outline: none;
}

.text-center {
  text-align: center;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.clearfix {
  clear: both;
}

.text-right {
  text-align: right;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -webkit-transform: -webkit-translateY -50%;
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.margin-bottom {
  margin-bottom: 1em;
}

label .error {
  color: #f04124;
  font-style: normal;
}

.el-input-number.w-100 {
  width: 100% !important;
}

.el-table .cell .el-button-group .el-button + .el-button {
  margin-left: 0px;
}

.btn-group-filter-dropdown .el-button-group .el-button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.btn-group-filter-dropdown .el-button-group .el-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-button.btn-group-filter-remove {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  max-height: 28px;
}

.el-button.btn-group-filter-sort {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  max-height: 28px;
}

.btn-group-filter-input .el-input__inner {
  border-radius: 0;
}

.btn-group-filter-input.el-input__inner {
  border-radius: 0;
}

.btn-group-filter-dropdown .el-button-group,
.custom-filter-flex .el-button-group {
  display: flex !important;
}

.custom-filter-container.el-flex-container {
  align-items: stretch;
}

.el-search-box .btn-group-filter-dropdown .el-button--mini {
  padding: 7px 7px !important;
}

.el-search-box .btn-group-filter-dropdown .el-button--mini.el-dropdown__caret-button {
  padding: 7px 0 !important;
}

.el-dropdown.btn-group-filter-dropdown .el-dropdown__caret-button::before {
  display: none !important;
}

.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0) !important;
}

.custom-filter-container .el-search-box .el-icon--content {
  margin-right: 0;
}

.custom-filter-container .el-search-input .el-input-group-search .el-input__inner {
  padding-left: 10px;
}

.custom-filter-container .el-range-editor--mini.el-input__inner {
  max-width: 250px;
}

.filter-no-changes.el-button--text {
  color: rgb(153, 153, 153) !important;
}

.filter-has-changes.el-button--text {
  color: #0486fe !important;
}

.el-upload-list.el-upload-list--text .el-upload-list__item {
  /*CSS transitions*/
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  /*CSS transforms*/
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  /*CSS animations*/
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}

@media (min-width: 768px) {
  a.export-pdf-btn {
    text-decoration: none;
    position: absolute;
    right: 0px;
    margin-top: 8px;
    z-index: 1;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
  text-align: left;
}

div.el-button--primary {
  cursor: pointer;
}

.invoice-preview-mode [role=tab] [role=button] {
  display: none !important;
}

.fa-inv-send-dropdown {
  margin-left: 17px;
  float: right;
  position: relative;
  top: 11px;
}

.el-tag--mini.el-tag--plain.eltag-micro {
  height: auto;
  font-size: 10px;
  padding: 0 5px;
  line-height: 1.5em;
  float: right;
  position: relative;
  top: 10px;
  margin-right: 5px;
}

.blacklisted-hide {
  display: none !important;
}

.el-search-box .el-select__tags {
  top: 44%;
}

.el-select.data-filter-control-preset .el-input__inner,
.el-select.data-filter-control-preset .el-input__inner:focus {
  background: none;
  color: #000 !important;
  border: none;
  font-weight: bold;
}

.el-select.data-filter-control-preset .el-input__inner::placeholder {
  color: #606266;
  opacity: 1;
}

/* form builder */

.form-steps-container.el-tabs > .el-tabs__header .el-tabs__nav-scroll {
  padding-left: 20px;
  background-color: #fff;
  height: 60px;
}

.form-steps-container.el-tabs > .el-tabs__header .el-tabs__item {
  height: 60px;
  padding: 9px 16px 0 16px;
}

.form-steps-container.el-tabs > .el-tabs__header .el-tabs__nav-wrap::after {
  height: 1px;
}

.form-steps-container.el-tabs > .el-tabs__header .el-tabs__active-bar {
  height: 3px;
}

.form-steps-container.el-tabs > .el-tabs__content > .el-tab-pane {
  padding: 0 8px 0;
}

.new-form-builder .form-preview-mode {
  background: #FB865B !important;
  color: #fff !important;
  border: 1px solid #D57857 !important;
}

.new-form-builder .form-type-tag {
  text-transform: uppercase;
  position: absolute;
  z-index: 999;
  right: 14px;
  top: 10px;
  height: auto;
  line-height: 39px;
  font-weight: bold;
  font-size: 17px;
  border: none;
}

.new-form-builder .form-type-tag.el-tag--danger {
  color: #FA5555;
  background-color: #FEEAEA;
}

.new-form-builder .form-type-tag.el-tag--warning {
  color: #E28B00;
  background-color: #FBF5E1;
}

.new-form-builder .form-builder-menu-container {
  padding-top: 10px;
  padding-left: 0 !important;
  border-right: 1px solid #E8EAEF;
}

.new-form-builder .form-builder-menu-container .component-title {
  padding-top: 10px;
  font-size: 14px;
  padding-bottom: 6px;
  margin-bottom: 13px;
}

.new-form-builder .form-builder-menu-container .el-collapse-item {
  padding: 11px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 4px;
}

.new-form-builder .fa-times.close {
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -8px;
  padding-top: 4px;
  cursor: pointer;
  background: #747474;
  color: #fff;
  height: 17px;
  font-size: 9px;
  width: 17px;
  text-align: center;
  border-radius: 100%;
  text-shadow: 0 1px 1px black;
}

.new-form-builder .component-handle-grip {
  position: absolute;
  left: 10px;
  top: 22px;
  color: #e6e6e6;
  font-size: 12px;
  font-weight: bold;
  z-index: 999;
  cursor: move;
}

.new-form-builder .dummy-container-control {
  border: none !important;
  background-color: transparent !important;
  text-align: center;
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
}

.new-form-builder .dummy-col-container {
  border: 1px solid #C5E1FD;
  border-radius: 5px;
  background-color: #F8FBFF;
  margin: 0 8px;
  min-height: 44px;
}

.new-form-builder .bg-purple-dark {
  background: #99a9bf;
}

.new-form-builder .bg-purple {
  background: #d3dce6;
}

.new-form-builder .bg-purple-light {
  background: #e5e9f2;
}

.new-form-builder .grid-content {
  border: 1px solid #EEEFF3;
  background: #fff;
  padding: 7px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
}

.new-form-builder .row-bg {
  padding: 5px 34px 5px 24px;
  background-color: #f9fafc;
  margin-bottom: 5px;
  min-height: 50px;
  cursor: move;
  border: 1px dashed #808080;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

.new-form-builder .form-builder-menu {
  position: relative;
  border: 1px solid #E9EBF0;
  padding: 9px 22px 9px 9px;
  margin-bottom: 6px;
  border-radius: 4px;
  cursor: move;
  background-color: #fff;
}

.new-form-builder .form-builder-handle {
  position: absolute;
  right: 2px;
  top: 20px;
  font-size: 12px !important;
  color: #E9E9E9 !important;
}

.new-form-builder .form-builder-menu i {
  margin-top: -4px;
  margin-left: -4px;
  text-align: center;
  min-width: 30px;
  margin-bottom: -5px;
  color: #414141;
  font-weight: bold;
}

.new-form-builder .form-builder-menu-container .el-collapse .el-collapse-item .el-collapse-item__arrow {
  position: absolute;
  left: 0;
  font-size: 14px;
  height: 14px;
  width: 14px;
  background: none !important;
  line-height: 1em;
}

.new-form-builder .form-builder-menu-container .el-collapse .el-collapse-item .el-collapse-item__header {
  padding-left: 23px;
  margin-right: -5px;
  margin-left: -5px;
  background-color: transparent;
}

.new-form-builder .form-builder-menu-container .el-collapse .el-collapse-item__content {
  padding-bottom: 10px;
  background-color: transparent;
}

.new-form-builder .form-builder-menu-container .el-collapse-item__wrap {
  background-color: transparent;
  border: 0;
}

.new-form-builder .form-builder-menu-container .el-collapse {
  border: 0;
}

.new-form-builder .form-builder-view-container .form-builder-menu.sortable-ghost {
  min-width: 300px;
}

.new-form-builder .form-builder-view-container .form-builder-component {
  display: table;
}

.new-form-builder .form-builder-view-container .form-builder-component .component-name {
  display: inline-block;
  white-space: nowrap;
}

.new-form-builder .form-builder-view-container .form-builder-component .component-name.openeditor {
  display: block !important;
}

.new-form-builder .form-builder-view-container .far.el-button--text.fa-pen {
  vertical-align: top;
  cursor: pointer;
  position: relative;
  top: 4px;
  margin-right: 10px;
}

.new-form-builder .form-builder-view-container .form-builder-component .component-icon {
  display: inline-block;
}

.new-form-builder .form-builder-view-container .form-builder-component .component-icon {
  padding: 0 0 0 5px;
  color: #565656;
  background-color: #FBFBFB;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #808080;
}

.new-form-builder .form-builder-view-container .form-builder-component .component-icon i {
  margin-right: 3px;
  margin-left: 0 !important;
}

.new-form-builder .form-builder-view-container .form-builder-component .component-name {
  padding: 5px 8px 5px 5px;
}

.new-form-builder .active-form-control {
  border: 2px solid;
  border-color: #3900F5 !important;
  box-shadow: 0px 0px 2px 2px rgba(222, 237, 251, 0.75);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(222, 237, 251, 0.75);
  -moz-box-shadow: 0px 0px 2px 2px rgba(222, 237, 251, 0.75);
}

.new-form-builder .form-builder-view-container .active-form-control .component-icon-new {
  border-color: #456CCE;
  white-space: nowrap;
  background-color: #007FFF;
}

.new-form-builder .form-builder-view-container .active-form-control .el-dropdown-link {
  color: #fff !important;
}

.new-form-builder .form-builder-popper .el-select-group__wrap .el-select-group__title {
  border: none !important;
}

.new-form-builder .form-prop-control {
  display: inline-block;
  position: relative;
  z-index: 999;
}

.new-form-builder .form-prop-control .el-radio__label {
  font-size: 12px;
  padding-left: 6px;
}

.new-form-builder .form-prop-control .el-radio {
  margin-right: 11px;
}

.new-form-builder .form-prop-with-radio .el-form-item__label {
  text-align: left;
  display: block;
  width: 100%;
}

.new-form-builder .sortable-chosen.sortable-ghost {
  border-color: #eee !important;
}

.new-form-builder p.sortable-options {
  position: relative;
  display: inline-block;
  line-height: 1.5em;
  width: 100%;
  padding-left: 34px;
}

.new-form-builder .fa.fa-grip-vertical.handle {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 12px;
  color: #C3C3C3;
  opacity: 0;
  cursor: move;
}

.new-form-builder .sortable-options .fa-square,
.new-form-builder .sortable-options .fa-circle {
  position: absolute;
  top: 2px;
  left: 15px;
}

.new-form-builder .sortable-options .fa-times {
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
}

.new-form-builder .sortable-options:hover .fa.fa-grip-vertical.handle {
  opacity: 1;
}

.new-form-builder .sortable-options .el-editable {
  width: auto;
  display: inline-block;
  min-width: 190px;
  max-width: 190px;
  line-height: 1.2em;
}

.new-form-builder .trash-component {
  position: absolute;
  top: 14px;
  z-index: 99;
  font-size: 17px;
  right: 27px;
  cursor: pointer;
  color: #A3A2A4;
}

.new-form-builder .form-builder-view-container {
  position: relative;
  padding-top: 20px;
  background-color: #fafafa;
  border-right: 1px solid #E8EAEF;
}

.new-form-builder .form-builder-view-container .el-collapse .el-collapse-item .el-collapse-item__arrow:hover {
  background-color: transparent;
  border-color: transparent;
}

.new-form-builder .form-builder-view-container .el-collapse .el-collapse-item .el-collapse-item__arrow {
  font-size: 14px;
  position: absolute;
  left: -9px;
}

.new-form-builder .form-builder-view-container .form-block-container {
  position: relative;
  padding: 1px 9px;
  margin: 11px 8px 17px;
  border: 1px solid #E8EAEF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.new-form-builder .form-builder-view-container .form-pageblock-name {
  font-weight: normal;
  font-size: 14px;
  display: inline;
}

.new-form-builder .form-builder-view-container .form-pageblock-name.is-edited {
  color: #3900F5;
}

.new-form-builder .form-builder-view-container .form-cog-icon {
  margin-left: 8px;
  margin-top: 2px;
  font-weight: normal;
  color: #007FFF;
}

.new-form-builder .form-builder-view-container .form-page-container > .el-collapse > .el-collapse-item > .el-collapse-item__wrap,
.new-form-builder .form-builder-view-container .form-page-container > .el-collapse > .el-collapse-item > div > .el-collapse-item__header {
  border: none !important;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.new-form-builder .form-builder-view-container .row-add {
  opacity: 0.4;
}

.new-form-builder .form-builder-view-container .fa-times.close.no-drop-icon {
  cursor: no-drop !important;
}

.new-form-builder .form-builder-view-container .add-page-button {
  background-color: #5E5E5E !important;
  float: right;
  position: relative;
  z-index: 99;
  margin-right: 12px;
  margin-top: 9px;
  border: none;
}

.new-form-builder .form-builder-properties-tab {
  padding: 0 8px 10px;
  border: 1px solid #EFF1F4;
  border-radius: 5px;
}

.new-form-builder .el-switch__core {
  height: 16px;
}

.new-form-builder .cpblock-switch {
  display: block !important;
  margin-bottom: 10px;
}

.new-form-builder .cpblock-switch .el-switch__core {
  position: absolute;
  left: 0;
  top: 3px;
}

.new-form-builder .cpblock-switch .el-switch__label {
  padding-left: 28px;
  font-size: 13px;
}

.new-form-builder .cpblock-switch .el-switch__label * {
  font-size: 13px;
}

.new-form-builder .el-switch__core:after {
  height: 12px;
  width: 12px;
}

.new-form-builder .el-switch.is-checked .el-switch__core::after {
  margin-left: -13px;
}

.new-form-builder .el-switch__label.is-active {
  color: #303133;
}

.new-form-builder .el-collapse-item.is-disabled .el-icon-arrow-right::before {
  content: "\F58E" !important;
  font-family: "Font Awesome 5 Pro" !important;
  cursor: move;
}

.new-form-builder .sortable-chosen.sortable-ghost .el-button,
.new-form-builder .sortable-chosen.sortable-ghost .el-button i {
  color: #C0C4CC !important;
}

.new-form-builder .el-tabs__item {
  color: #757475;
}

.new-form-builder .el-tabs__item.is-active {
  color: #0486FE;
  font-weight: bold;
}

.new-form-builder .el-tabs__active-bar {
  background-color: #0486FE;
}

.new-form-builder .el-collapse-item.is-disabled .el-icon-arrow-right::before {
  content: "\F58E" !important;
  font-family: "Font Awesome 5 Pro" !important;
  cursor: move;
}

.new-form-builder .component-preview {
  border: 1px solid #F7DBCE;
  background-color: #FFF4F2;
  border-radius: 5px;
  margin-top: 9px;
  padding: 9px;
  margin-bottom: 3px;
}

.new-form-builder .component-preview-trigger {
  padding: 7px;
  position: absolute;
  right: 47px;
  top: 8px;
  border: 1px solid #D67B54 !important;
  color: #fa8855 !important;
  background-color: #fff !important;
}

.new-form-builder .component-preview-trigger.is-active {
  background-color: #fa8855 !important;
  border: 1px solid #D67B54 !important;
  color: #fff !important;
}

.new-form-builder .el-select {
  width: 100%;
}

.new-form-builder .non-droppable .form-builder-menu {
  display: none;
}

.new-form-builder .non-droppable .dummy-col-container {
  display: block !important;
}

.new-form-builder .non-droppable .sortable-chosen.sortable-ghost {
  display: none;
}

.hidden-block {
  display: none;
}

.visible-block {
  display: block;
}

.el-dropdown-menu__item.delete-color {
  color: #F96466 !important;
}

.el-dialog.el-dialog--modal-update.new-form-builder {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}

.block-repo-collapse {
  border: 0 !important;
}

.block-repo-collapse .el-collapse-item__header {
  height: auto;
  line-height: 1.7em;
  padding: 14px;
  border: 0 !important;
}

.block-repo-collapse .el-collapse-item__arrow {
  display: none;
}

.block-repo-collapse .el-collapse-item {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #eee;
}

.block-repo-collapse .el-collapse-item.el-col-12 {
  min-height: 227px;
  max-width: 47%;
  margin-right: 20px;
}

.block-repo-collapse .el-collapse-item.el-col-24 {
  max-width: 97%;
}

.block-repo-collapse .el-collapse-item__wrap {
  border: 0 !important;
}

.block-repo-collapse .el-collapse-item:last-child {
  margin-bottom: 0;
}

.block-repo-collapse .block-preview {
  padding: 10px;
  background: #FCFBFD;
  border: 1px solid #eee;
  border-radius: 5px;
  margin: 0 20px;
}

.clickable-table-row {
  cursor: pointer;
}

.custom-btn-form {
  margin-top: 40px;
  margin-bottom: 15px;
  position: relative;
  text-align: center;
  padding-top: 32px;
  width: 137px;
  font-size: 51px;
  border-top: 5px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
  cursor: pointer;
  padding-bottom: 42px;
  display: inline-block;
  border-radius: 8px;
}

.form-type-basic {
  border-color: #E28B00;
  color: #E28B00;
}

.form-type-self-intake {
  border-color: #FA5555;
  color: #FA5555;
}

.active-form-type {
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-left: 2px solid;
  margin-bottom: 14px;
}

.badge-dforms .el-badge__content.is-fixed.is-dot {
  margin-top: 13px !important;
  margin-right: -6px !important;
}

.new-client-or-returning .nc-options {
  color: #66686C !important;
  border-radius: 0;
  border-bottom: 2px solid transparent;
}

.new-client-or-returning .active-selection,
.new-client-or-returning .active-selection:focus,
.new-client-or-returning .active-selection:hover {
  border-bottom: 2px solid #2C99FE;
  color: #2C99FE !important;
}

.dynamic-forms .el-checkbox__input.is-disabled + span.el-checkbox__label,
.dynamic-forms .el-radio__input.is-disabled + span.el-radio__label,
.dynamic-forms .el-form .el-form-item .el-input.is-disabled .el-input__inner {
  color: #000 !important;
  background-color: #fff !important;
}

.dynamic-forms .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,
.dynamic-forms .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #fff !important;
}

.dynamic-forms .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #3A3A3A !important;
}

.dynamic-forms .el-checkbox.el-checkbox--blue .el-checkbox__inner {
  border-color: #DCDFE6 !important;
}

.dynamic-forms ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #858585 !important;
  opacity: 1 !important;
  /* Firefox */
}

.dynamic-forms :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #858585 !important;
}

.dynamic-forms ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #858585 !important;
}

.dynamic-forms .el-form .el-form-item .el-form-item__content > .el-select .el-input.is-disabled .el-input__inner {
  color: #000 !important;
  background: #fff !important;
}

.dynamic-forms .el-radio__input.is-disabled.is-checked .el-radio__inner {
  border-color: #409EFF;
  background: #409EFF;
}

.dynamic-forms .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #F5F7FA !important;
}

.dynamic-forms .el-form-item__label {
  color: #000;
  text-align: left;
  line-height: 1.4em;
  overflow-wrap: break-word;
}

.dynamic-forms .el-form-item {
  margin-bottom: 10px !important;
}

.dynamic-forms .el-form-item__content {
  padding-top: 5px;
  padding-bottom: 10px;
  clear: both;
  line-height: auto !important;
}

.form-page-container .el-form-item__label {
  text-align: left;
  line-height: 1.4em;
}

.form-page-container .el-editable {
  white-space: normal !important;
  word-break: break-all;
  cursor: text;
}

.form-page-container .el-form-item__content {
  clear: both;
  line-height: auto !important;
}

.form-page-container .el-form-item {
  margin-bottom: 10px !important;
}

.remote-select-has-caret.el-select .el-input .el-select__caret.el-icon-::after {
  content: "\E6E1";
  position: relative;
  right: 6px;
  top: -2px;
}

.is-finish .el-button.el-button--text {
  color: #409EFF;
}

.is-process .el-button.el-button--text,
.is-wait .el-button.el-button--text {
  color: #676767;
}

.el-step__head.is-wait {
  color: #303133;
  border-color: #303133;
}

.tox-checklist > li:not(.tox-checklist--hidden) {
  list-style: none;
  margin: 0.25em 0;
  position: relative;
}

.tox-checklist > li:not(.tox-checklist--hidden)::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  cursor: pointer;
  height: 1em;
  margin-left: -1.5em;
  margin-top: 0.125em;
  position: absolute;
  width: 1em;
}

.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  width: 3em !important;
}

.el-message-box__wrapper .el-message-box .el-message-box__btns .el-button.is-round {
  border-radius: 20px !important;
}

.el-alert.with-action .el-alert__content {
  width: 100%;
}

.program-invoice-collapsible .el-collapse-item__arrow {
  position: absolute;
  left: -6px;
  background: transparent !important;
}

.bg-f4f4f4 {
  background-color: #f4f4f4 !important;
}

.blurred {
  filter: blur(7px);
}

.flex-offset {
  margin-left: auto !important;
  /* Pushes this item and subsequent items to the right */
}

.dynamic-form-modal .el-dialog__header {
  padding-right: 0 !important;
}

@media only screen and (max-width: 480px) {
  .hide-close-breakpoint {
    display: none !important;
  }

  .show-close-breakpoint {
    display: inline-block !important;
  }

  .dynamic-form-modal .el-dialog__header {
    padding-left: 43px !important;
  }
}

@media only screen and (max-width: 540px) {
  .no-padding-xs {
    padding: 5px !important;
  }
}

.fix-prefix-content .el-input__prefix {
  top: 11px !important;
}

.el-input__prefix .currency-symbol {
  font-size: 1em;
}