::placeholder {
  /* Most modern browsers support this now. */
  color: #c0c7cd !important;
  opacity: 1;
}

.opacoinp::placeholder {
  color: #c6cdd9 !important;
}
.opacoinpMain::placeholder {
  color: var(--placeholder-text) !important;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover {
background-color: transparent;
}

.ql-toolbar.ql-snow {
border: 1px solid #bbc4cd;
background: #fff;
}

.ql-editor {
background: #fff !important;
color: #333;
}

.ql-container.ql-snow {
border: 1px solid #bbc4cd;
background: #f1f4f9 !important;
}
.ql-snow .ql-stroke {
  stroke: #868d96 !important;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #868d96 !important;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #868d96 !important;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #8e9ba4 !important;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 0px solid transparent;
  box-shadow: none;
}

.ql-snow .ql-picker {
  color: #b7c1c8;
}
.button-plus{
  background: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2013%2013%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2047%20%2845396%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%u0420%u0435%u0434%u0430%u043A%u0442%u0438%u0440%u043E%u0432%u0430%u043D%u0438%u0435-Copy%22%20transform%3D%22translate%28-739.000000%2C%20-784.000000%29%22%20fill%3D%22%23333333%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-14%22%20transform%3D%22translate%280.000000%2C%20774.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M747%2C15%20L747%2C10%20L744%2C10%20L744%2C15%20L739%2C15%20L739%2C18%20L744%2C18%20L744%2C23%20L747%2C23%20L747%2C18%20L752%2C18%20L752%2C15%20L747%2C15%20Z%22%20id%3D%22Combined-Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
  background-size: 100%;
  display: inline-block;
  content: '';
  width: 13px;
  height: 13px;
  transform: translate3d(0,10%,0);
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: #eaf9fe !important;
}
.fc-theme-standard td, .fc-theme-standard th {
  border: 1px solid #e8e9eb !important;
}
.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #e8e9eb !important;
}
.fc .fc-daygrid-day-number {
  color: #474747 !important;
  font-size: 15px !important;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  margin-right: 0px;
  color: transparent !important;
  display: none !important;
}


.vue-tags-input[data-v-2fbda277] {
  max-width: none !important;
  background-color: rgb(255 255 255 / 14%) !important;
  border-radius: 8px;
}
.ti-new-tag-input-wrapper input[data-v-2fbda277] {
  background: transparent !important;
  color: #fff;
  font-size: 14px;
}
.ti-input[data-v-2fbda277] {
  padding: 2.2px !important;
  border-radius: 8px !important;
  border: 1px solid var(--input-border-color) !important;
  backdrop-filter: blur(12px);
}

.ti-new-tag-input-wrapper::placeholder {
  color: var(--placeholder-text) !important;
}
.ti-tag[data-v-2fbda277] {
  background-color: #ffffff26 !important;
  border-radius: 6px !important;
}
.ti-tag .ti-content[data-v-2fbda277] {
    /* display: inline-block; */
    max-width: 200px;
    /* color: #333; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-filters-container{
  display: block;
  max-height: 39px;
  z-index: 1;
  padding: 10px;
  /* max-width: 174px; */
  height: 39px;
  border-bottom: 1px solid #e7eaec;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.s-filter-c-active{
  color: #0075ff !important;
}

.dp__range_end, .dp__range_start, .dp__active_date {
  background: #3bc8f5 !important;
  color: #fff !important;
}
.dp__range_between {
  background: #3bc8f5 !important;
  color: #fff !important;
  border: 1px solid rgb(0 0 0 / 0%) !important;
}
.dp__calendar_item {
  color: #535c69 !important;
}
.dp__calendar_header {
  color: #535c69 !important;
}

.s-periodos {
  padding: 14px 15px 14px 20px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .08), inset 0 1px 0 0 rgba(0, 0, 0, .07);
  border-radius: 8px;
  background: #fff;
}
.s-periodos:hover {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .22), inset 0 1px 0 0 rgba(0, 0, 0, .07);
}