@import url(https://use.typekit.net/rjm2njl.css);
/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after{
  background:#99c8f2 !important
}

*{
  margin:0;
  padding:0;
  font-family:'sofia-pro', sans-serif
}

.sofia-bold{
  font-family:'sofia-pro', sans-serif;
  font-weight:700
}

.app-container{
  height:100dvh;
  max-height:100dvh;
  overflow:hidden
}

@media screen and (max-width: 767px){
  .app-container{
    max-height:100dvh;
    height:100dvh;
    height:calc(var(--vh, 1vh) * 100)
  }
}

.main-circles{
  width:45%;
  height:90%;
  position:absolute;
  top:-200px;
  left:-170px
}

.yellow-circles{
  max-width:670px;
  height:50%;
  position:absolute;
  bottom:-350px;
  right:50px
}

.green-circles{
  max-width:670px;
  height:670px;
  position:absolute;
  top:0;
  right:0
}

.pink-circles{
  max-width:250px;
  height:670px;
  position:absolute;
  bottom:0;
  left:200px
}

.Toastify__toast-container{
  padding:0 !important;
  border-radius:5px
}

.Toastify__toast-container .Toastify__toast{
  overflow:visible !important;
  border-width:1px;
  border-style:solid;
  margin-bottom:1rem !important
}

.terciary-border-color{
  border-color:#5CC8BF
}

.password-validations ul{
  list-style:disc
}

.password-validations ul li.validation-requirement{
  color:#757575
}

.password-validations ul li.validation-requirement.filled{
  color:#34be44
}

.password-validations ul li.validation-requirement.error{
  color:#ff5858
}

.password-validations ul li.validation-requirement.touched{
  color:#000000
}

.color.gray._75{
  color:#757575
}

.color.gray._60{
  color:#606060
}

.color.gray._b3{
  color:#b3b3b3
}

.color.red{
  color:#FF5858
}

.verification-input{
  --ReactInputVerificationCode-itemWidth: 3.125rem;
  --ReactInputVerificationCode-itemHeight: 6.25rem;
  margin:0 auto
}

@media screen and (max-width: 768px){
  .verification-input{
    --ReactInputVerificationCode-itemWidth: 2.875rem
  }

  .verification-input .ReactInputVerificationCode__item:after{
    width:2.875rem
  }
}

.verification-input .ReactInputVerificationCode__item{
  position:relative;
  color:#262626;
  font-weight:500;
  transition:all 0.5s ease
}

.verification-input .ReactInputVerificationCode__item,.verification-input .ReactInputVerificationCode__item.is-active{
  box-shadow:none;
  border:1px solid #b3b3b3
}

.verification-input .ReactInputVerificationCode__item:after{
  content:'';
  display:block;
  position:absolute;
  left:-1px;
  bottom:-1px;
  right:0;
  height:6.25rem;
  width:3.125rem;
  border-radius:5px;
  transition:border 0.2s ease-out
}

.verification-input .ReactInputVerificationCode__item.is-active:after{
  border:2px solid #5cc8bf
}

.opt-links{
  font-size:1rem;
  display:flex;
  flex-direction:column;
  justify-content:center
}

.opt-links a{
  display:block;
  text-align:center;
  color:#757575;
  font-size:0.9375rem
}

.opt-links a:hover{
  text-decoration:underline
}

.ant-tooltip-inner{
  color:#606060 !important;
  background-color:white !important;
  font-size:10px !important;
  width:100% !important;
  box-shadow:0px 0px 10px #0000004b !important;
  border-radius:5px !important
}

*{
  scrollbar-width:thin;
  scrollbar-color:#f2f2f2 white
}

*::-webkit-scrollbar{
  width:3px;
  height:3px;
  scroll-padding:10px
}

*::-webkit-scrollbar-track{
  background:none
}

*::-webkit-scrollbar-thumb{
  background-color:#f2f2f2;
  border-radius:20px
}

*{
  scroll-padding:10px
}

.hidde-scroll{
  -ms-overflow-style:none;
  scrollbar-width:none
}

.hidde-scroll::-webkit-scrollbar,.hidde-scroll::-webkit-scrollbar{
  display:none
}

.add-container{
  color:#606060 !important;
  font-weight:bold;
  height:-moz-fit-content;
  height:fit-content;
  align-items:center
}

.add-container p{
  line-height:initial
}

.ant-popover .ant-popover-arrow{
  display:none !important
}

.teament-popover,.date-status-setter{
  min-width:230px;
  z-index:1100 !important
}

.teament-popover .ant-popover-content,.date-status-setter .ant-popover-content{
  border:1px solid #004D80
}

.teament-popover .ant-popover-inner,.date-status-setter .ant-popover-inner{
  border-radius:5px
}

.teament-popover .ant-popover-inner-content,.date-status-setter .ant-popover-inner-content{
  padding:1.125rem 1.5rem !important;
  overflow:auto;
  max-height:375px;
  min-height:375px
}

.teament-popover.group .ant-popover-inner-content,.date-status-setter.group .ant-popover-inner-content{
  max-height:375px;
  min-height:100px
}

.teament-popover.comments,.date-status-setter.comments{
  min-width:414px;
  max-width:428px
}

.teament-popover.comments .ant-popover-inner-content,.date-status-setter.comments .ant-popover-inner-content{
  padding:1rem;
  max-height:429px;
  min-width:414px;
  max-width:414px
}

.teament-popover.mail-options,.date-status-setter.mail-options{
  z-index:2100 !important
}

.teament-popover.mail-options,.teament-popover.nom,.date-status-setter.mail-options,.date-status-setter.nom{
  min-width:180px
}

.teament-popover.mail-options .ant-popover-inner-content,.teament-popover.nom .ant-popover-inner-content,.date-status-setter.mail-options .ant-popover-inner-content,.date-status-setter.nom .ant-popover-inner-content{
  min-width:180px;
  min-height:auto
}

.teament-popover.mail-options .mail-option-container,.teament-popover.nom .mail-option-container,.date-status-setter.mail-options .mail-option-container,.date-status-setter.nom .mail-option-container{
  max-height:324px;
  overflow:auto
}

.teament-popover.mail-options .mail-option-container .mail-option,.teament-popover.nom .mail-option-container .mail-option,.date-status-setter.mail-options .mail-option-container .mail-option,.date-status-setter.nom .mail-option-container .mail-option{
  color:#757575;
  display:flex;
  align-items:center;
  padding:0 1rem;
  height:36px
}

.teament-popover.mail-options .mail-option-container .mail-option:hover,.teament-popover.nom .mail-option-container .mail-option:hover,.date-status-setter.mail-options .mail-option-container .mail-option:hover,.date-status-setter.nom .mail-option-container .mail-option:hover{
  background:#f2f2f2;
  border-radius:4px;
  cursor:pointer
}

.teament-popover.file-members .ant-popover-inner-content,.date-status-setter.file-members .ant-popover-inner-content{
  padding:0.5rem 1rem;
  max-height:375px;
  min-height:60px;
  min-width:400px
}

.teament-popover.file-members .ant-popover-inner-content .teammate-option,.date-status-setter.file-members .ant-popover-inner-content .teammate-option{
  padding:0.5rem 1.5rem;
  margin:0 -1.5rem
}

.teament-popover.file-members .ant-popover-inner-content .teammate-option.selected-teammate,.date-status-setter.file-members .ant-popover-inner-content .teammate-option.selected-teammate{
  background:#004D80
}

.teament-popover.members .ant-popover-inner-content,.date-status-setter.members .ant-popover-inner-content{
  width:340px
}

.teament-popover.status,.date-status-setter.status{
  width:180px;
  min-width:180px
}

.teament-popover.status .ant-popover-inner-content,.date-status-setter.status .ant-popover-inner-content{
  width:180px;
  max-height:none;
  min-height:254px
}

.teament-popover.new-status,.date-status-setter.new-status{
  width:300px;
  height:350px
}

.teament-popover.new-status .ant-popover-inner-content,.date-status-setter.new-status .ant-popover-inner-content{
  width:300px;
  height:350px;
  min-height:275px
}

.teament-popover.projects,.date-status-setter.projects{
  width:300px
}

.teament-popover.projects .ant-popover-inner-content,.date-status-setter.projects .ant-popover-inner-content{
  max-height:375px;
  padding:1rem !important
}

.teament-popover.projects .list,.date-status-setter.projects .list{
  max-height:300px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-right:-8px;
  padding-right:8px
}

.teament-popover.projects .list .project-element,.date-status-setter.projects .list .project-element{
  border-radius:5px;
  background:#004D80;
  padding:0 20px;
  min-height:36px;
  display:flex;
  align-items:center
}

.teament-popover.end-focus-mode,.date-status-setter.end-focus-mode{
  width:448px
}

.teament-popover.end-focus-mode .ant-popover-inner-content,.date-status-setter.end-focus-mode .ant-popover-inner-content{
  max-height:none
}

.teament-popover.focus-mode-edit .ant-popover-inner-content,.date-status-setter.focus-mode-edit .ant-popover-inner-content{
  width:318px;
  max-height:450px;
  padding:1rem 2rem;
  border-radius:5px
}

.teament-popover.views .ant-popover-inner-content,.date-status-setter.views .ant-popover-inner-content{
  width:325px;
  min-height:106px !important;
  max-height:318px;
  padding:1rem 2rem;
  border:1px solid #EF8132;
  border-radius:5px
}

.teament-popover.dependencies .ant-popover-inner-content,.date-status-setter.dependencies .ant-popover-inner-content{
  width:500px;
  min-height:80px !important;
  max-height:318px;
  padding:1rem 2rem;
  border:1px solid #EF8132;
  border-radius:5px
}

.teament-popover.task-reminder,.date-status-setter.task-reminder{
  width:364px;
  transition:all 0.3 ease-in-out
}

.teament-popover.task-reminder .ant-popover-content,.date-status-setter.task-reminder .ant-popover-content{
  min-width:364px
}

.teament-popover.task-reminder .ant-popover-inner-content,.date-status-setter.task-reminder .ant-popover-inner-content{
  width:364px;
  min-height:422px;
  border-radius:5px;
  transition:all 0.3 ease-in-out
}

.teament-popover.task-reminder.expanded,.date-status-setter.task-reminder.expanded{
  transition:all 0.3s ease-in-out;
  width:975px
}

.teament-popover.task-reminder.expanded .ant-popover-inner-content,.date-status-setter.task-reminder.expanded .ant-popover-inner-content{
  width:975px;
  transition:all 0.3 ease-in-out
}

.teament-popover.tracker,.date-status-setter.tracker{
  width:686px;
  transition:all 0.3 ease-in-out
}

.teament-popover.tracker .ant-popover-content,.date-status-setter.tracker .ant-popover-content{
  width:686px
}

.teament-popover.tracker .ant-popover-inner-content,.date-status-setter.tracker .ant-popover-inner-content{
  width:686px;
  min-height:422px;
  padding:0 !important
}

.teament-popover.recurrence .ant-popover-inner-content,.date-status-setter.recurrence .ant-popover-inner-content{
  width:300px;
  min-height:36px;
  border-radius:5px
}

.teament-popover.recurrence .recurrence-menu,.date-status-setter.recurrence .recurrence-menu{
  background:#ffffff;
  margin-left:-1.5rem;
  margin-right:-1.3rem;
  margin-top:-1rem;
  padding-left:1.5rem;
  padding-right:1.5rem;
  border-top-right-radius:5px;
  border-top-left-radius:5px
}

.teament-popover.recurrence .recurrence-menu .recurrence-opt,.date-status-setter.recurrence .recurrence-menu .recurrence-opt{
  font-size:1rem;
  padding:0.5rem 1.5rem;
  margin:0 -1.5rem
}

.teament-popover.recurrence .recurrence-menu .recurrence-opt:hover,.date-status-setter.recurrence .recurrence-menu .recurrence-opt:hover{
  cursor:pointer;
  background:#f2f2f2
}

.teament-popover.recurrence .recurrence-menu .recurrence-opt.disabled,.date-status-setter.recurrence .recurrence-menu .recurrence-opt.disabled{
  opacity:0.5
}

.teament-popover.recurrence .recurrence-menu .recurrence-opt.selected,.date-status-setter.recurrence .recurrence-menu .recurrence-opt.selected{
  background:#f2f2f2
}

.teament-popover.description,.date-status-setter.description{
  width:400px;
  max-width:400px;
  overflow:hidden;
  max-height:250px !important;
  box-shadow:0px 3px 6px #00000029
}

.teament-popover.description .ant-popover-inner-content,.date-status-setter.description .ant-popover-inner-content{
  width:400px;
  min-height:200px;
  max-width:400px;
  overflow:hidden
}

.teament-popover.calendar,.teament-popover .calendar,.date-status-setter.calendar,.date-status-setter .calendar{
  z-index:3000;
  max-width:340px
}

.teament-popover.calendar .ant-popover-inner-content,.teament-popover .calendar .ant-popover-inner-content,.date-status-setter.calendar .ant-popover-inner-content,.date-status-setter .calendar .ant-popover-inner-content{
  max-height:none
}

.teament-popover.calendar.range,.teament-popover .calendar.range,.date-status-setter.calendar.range,.date-status-setter .calendar.range{
  min-width:364px;
  max-width:364px !important
}

.teament-popover.calendar .react-calendar,.teament-popover .calendar .react-calendar,.date-status-setter.calendar .react-calendar,.date-status-setter .calendar .react-calendar{
  border:none !important
}

.teament-popover.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays,.teament-popover .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays,.date-status-setter.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays,.date-status-setter .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays{
  text-transform:none;
  font-size:0.875rem;
  color:#757575;
  font-weight:normal
}

.teament-popover.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr,.teament-popover .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr,.date-status-setter.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr,.date-status-setter .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr{
  text-decoration:none
}

.teament-popover.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day,.teament-popover .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day,.date-status-setter.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day,.date-status-setter .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day{
  margin-bottom:4px
}

.teament-popover.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeStart,.teament-popover.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd,.teament-popover .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeStart,.teament-popover .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd,.date-status-setter.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeStart,.date-status-setter.calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd,.date-status-setter .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeStart,.date-status-setter .calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd{
  margin:-2px 0 2px 0
}

.teament-popover.calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button,.teament-popover .calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button,.date-status-setter.calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button,.date-status-setter .calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button{
  order:2
}

.teament-popover.calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__label,.teament-popover .calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__label,.date-status-setter.calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__label,.date-status-setter .calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__label{
  order:1;
  padding-left:10px;
  text-align:left;
  font-size:1rem;
  font-family:'sofia-pro', sans-serif;
  font-weight:700
}

.teament-popover.calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button,.teament-popover .calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button,.date-status-setter.calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button,.date-status-setter .calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button{
  order:3
}

.teament-popover.calendar .react-calendar.small,.teament-popover .calendar .react-calendar.small,.date-status-setter.calendar .react-calendar.small,.date-status-setter .calendar .react-calendar.small{
  border:none !important
}

.teament-popover.calendar .react-calendar.small button.react-calendar__tile,.teament-popover .calendar .react-calendar.small button.react-calendar__tile,.date-status-setter.calendar .react-calendar.small button.react-calendar__tile,.date-status-setter .calendar .react-calendar.small button.react-calendar__tile{
  padding:6px 5.6667px !important
}

.teament-popover.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays,.teament-popover .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays,.date-status-setter.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays,.date-status-setter .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays{
  text-transform:none;
  font-size:0.875rem;
  color:#757575;
  font-weight:normal
}

.teament-popover.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr,.teament-popover .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr,.date-status-setter.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr,.date-status-setter .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr{
  text-decoration:none
}

.teament-popover.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days button.react-calendar__tile,.teament-popover .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days button.react-calendar__tile,.date-status-setter.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days button.react-calendar__tile,.date-status-setter .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days button.react-calendar__tile{
  padding:6px 5.6667px !important
}

.teament-popover.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day,.teament-popover .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day,.date-status-setter.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day,.date-status-setter .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day{
  margin-bottom:4px;
  padding:6px 5.6667px !important
}

.teament-popover.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeStart,.teament-popover.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd,.teament-popover .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeStart,.teament-popover .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd,.date-status-setter.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeStart,.date-status-setter.calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd,.date-status-setter .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeStart,.date-status-setter .calendar .react-calendar.small .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd{
  margin:-2px 0 2px 0
}

.teament-popover.calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__prev-button,.teament-popover .calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__prev-button,.date-status-setter.calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__prev-button,.date-status-setter .calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__prev-button{
  order:2
}

.teament-popover.calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__label,.teament-popover .calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__label,.date-status-setter.calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__label,.date-status-setter .calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__label{
  order:1;
  padding-left:10px;
  text-align:left;
  font-size:1rem;
  font-family:'sofia-pro', sans-serif;
  font-weight:700
}

.teament-popover.calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__next-button,.teament-popover .calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__next-button,.date-status-setter.calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__next-button,.date-status-setter .calendar .react-calendar.small .react-calendar__navigation .react-calendar__navigation__next-button{
  order:3
}

.teament-popover.calendar .react-calendar__tile--now,.teament-popover.calendar .react-calendar__tile--now:not(.react-calendar__tile--hasActive),.teament-popover .calendar .react-calendar__tile--now,.teament-popover .calendar .react-calendar__tile--now:not(.react-calendar__tile--hasActive),.date-status-setter.calendar .react-calendar__tile--now,.date-status-setter.calendar .react-calendar__tile--now:not(.react-calendar__tile--hasActive),.date-status-setter .calendar .react-calendar__tile--now,.date-status-setter .calendar .react-calendar__tile--now:not(.react-calendar__tile--hasActive){
  background:#E6E6E6;
  border-radius:2px;
  color:#000000
}

.teament-popover.calendar .react-calendar__tile--active,.teament-popover.calendar .react-calendar__tile--active:enabled:focus:hover,.teament-popover.calendar .react-calendar__tile--hasActive,.teament-popover .calendar .react-calendar__tile--active,.teament-popover .calendar .react-calendar__tile--active:enabled:focus:hover,.teament-popover .calendar .react-calendar__tile--hasActive,.date-status-setter.calendar .react-calendar__tile--active,.date-status-setter.calendar .react-calendar__tile--active:enabled:focus:hover,.date-status-setter.calendar .react-calendar__tile--hasActive,.date-status-setter .calendar .react-calendar__tile--active,.date-status-setter .calendar .react-calendar__tile--active:enabled:focus:hover,.date-status-setter .calendar .react-calendar__tile--hasActive{
  background:#EF8132 !important;
  border-radius:2px;
  color:#000000
}

.teament-popover.calendar .react-calendar__tile:enabled:hover,.teament-popover.calendar .react-calendar__tile:enabled:focus,.teament-popover .calendar .react-calendar__tile:enabled:hover,.teament-popover .calendar .react-calendar__tile:enabled:focus,.date-status-setter.calendar .react-calendar__tile:enabled:hover,.date-status-setter.calendar .react-calendar__tile:enabled:focus,.date-status-setter .calendar .react-calendar__tile:enabled:hover,.date-status-setter .calendar .react-calendar__tile:enabled:focus{
  border-radius:2px
}

.teament-popover.calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeStart):not(.react-calendar__tile--rangeEnd),.teament-popover .calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeStart):not(.react-calendar__tile--rangeEnd),.date-status-setter.calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeStart):not(.react-calendar__tile--rangeEnd),.date-status-setter .calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeStart):not(.react-calendar__tile--rangeEnd){
  background:rgba(250,200,142,0.5) !important;
  border-radius:0
}

.teament-popover.calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeEnd):not(.react-calendar__tile--rangeStart),.teament-popover .calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeEnd):not(.react-calendar__tile--rangeStart),.date-status-setter.calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeEnd):not(.react-calendar__tile--rangeStart),.date-status-setter .calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeEnd):not(.react-calendar__tile--rangeStart){
  background:rgba(250,200,142,0.5) !important;
  border-radius:0
}

.teament-popover.calendar .react-calendar__tile:enabled:hover:not(.react-calendar__tile--active),.teament-popover .calendar .react-calendar__tile:enabled:hover:not(.react-calendar__tile--active),.date-status-setter.calendar .react-calendar__tile:enabled:hover:not(.react-calendar__tile--active),.date-status-setter .calendar .react-calendar__tile:enabled:hover:not(.react-calendar__tile--active){
  background:#E6E6E6
}

.teament-popover.priority,.date-status-setter.priority{
  min-width:150px
}

.teament-popover.priority .ant-popover-inner-content,.date-status-setter.priority .ant-popover-inner-content{
  width:150px;
  padding:1rem !important;
  min-height:178px;
  max-height:178px
}

.teament-popover.priority .priority-item,.date-status-setter.priority .priority-item{
  height:36px;
  display:flex;
  align-items:center;
  padding:0 1rem 1px 1rem;
  border-radius:5px;
  gap:0.25rem;
  cursor:pointer
}

.teament-popover.priority .priority-item.medium,.date-status-setter.priority .priority-item.medium{
  border:1px solid #F2D146;
  background:rgba(242,209,70,0.33)
}

.teament-popover.priority .priority-item.low,.date-status-setter.priority .priority-item.low{
  border:1px solid #34BE44;
  background:rgba(52,190,68,0.33)
}

.teament-popover.priority .priority-item.high,.date-status-setter.priority .priority-item.high{
  border:1px solid #FF5858;
  background:rgba(255,88,88,0.33)
}

.teament-popover.priority .priority-item.no,.date-status-setter.priority .priority-item.no{
  background:#f2f2f2;
  border:1px solid #F2F2F2
}

.teament-popover.teammates-v2,.date-status-setter.teammates-v2{
  width:256px
}

.teament-popover.teammates-v2 .ant-popover-inner-content,.date-status-setter.teammates-v2 .ant-popover-inner-content{
  width:254px;
  min-height:300px;
  max-height:300px
}

.teament-popover.teammates-v2 .teammates-v2-popover .search-container,.date-status-setter.teammates-v2 .teammates-v2-popover .search-container{
  padding:0 1.5rem 1rem 1.5rem;
  margin:0 -1.5rem
}

.teament-popover.teammates-v2 .teammates-v2-popover .list,.date-status-setter.teammates-v2 .teammates-v2-popover .list{
  margin:0 -1.5rem;
  max-height:218px;
  overflow:auto;
  padding:0 1.5rem 0 1.5rem
}

.teament-popover.files,.date-status-setter.files{
  width:450px
}

.teament-popover.files .ant-popover-inner-content,.date-status-setter.files .ant-popover-inner-content{
  width:450px;
  min-height:420px;
  max-height:420px;
  padding:0.75rem !important
}

@media screen and (max-width: 767px){
  .teament-popover,.date-status-setter{
    width:100dvw;
    z-index:2400
  }

  .teament-popover.settings,.date-status-setter.settings{
    border:none;
    height:100dvh;
    width:100dvw
  }

  .teament-popover.settings .ant-popover-content,.date-status-setter.settings .ant-popover-content{
    border:none
  }

  .teament-popover.settings .ant-popover-content .ant-popover-inner-content,.date-status-setter.settings .ant-popover-content .ant-popover-inner-content{
    padding:0 !important;
    border:none
  }

  .teament-popover.settings .profile-menu .menu-option,.date-status-setter.settings .profile-menu .menu-option{
    display:flex;
    align-items:center;
    padding:1rem
  }

  .teament-popover.settings .profile-menu .menu-option:hover,.date-status-setter.settings .profile-menu .menu-option:hover{
    background:#8ac8f1;
    color:#000000;
    cursor:pointer
  }

  .teament-popover.teammates-v2,.date-status-setter.teammates-v2{
    position:absolute;
    top:0 !important;
    left:0;
    width:100dvw !important;
    max-width:none;
    height:100dvh
  }

  .teament-popover.teammates-v2 .ant-popover-inner-content,.date-status-setter.teammates-v2 .ant-popover-inner-content{
    width:100dvw;
    max-height:none
  }

  .teament-popover.teammates-v2 .teammates-v2-popover .search-container,.date-status-setter.teammates-v2 .teammates-v2-popover .search-container{
    padding:0 1.5rem 1rem 1.5rem;
    margin:0 -1.5rem
  }

  .teament-popover.teammates-v2 .teammates-v2-popover .list,.date-status-setter.teammates-v2 .teammates-v2-popover .list{
    margin:0 -1.5rem;
    max-height:calc(100dvh - 100px);
    overflow:auto;
    padding:0 1.5rem 0 1.5rem
  }

  .teament-popover.calendar,.date-status-setter.calendar{
    position:absolute;
    top:0 !important;
    left:0 !important;
    width:100dvw !important;
    max-width:none;
    height:100dvh
  }

  .teament-popover.projects,.date-status-setter.projects{
    position:absolute;
    top:0 !important;
    left:0 !important;
    width:100dvw;
    height:100dvh;
    max-height:none
  }

  .teament-popover.projects .list,.date-status-setter.projects .list{
    height:calc(100dvh - 124px);
    max-height:none
  }

  .teament-popover.projects .ant-popover-inner-content,.date-status-setter.projects .ant-popover-inner-content{
    max-height:100%
  }

  .teament-popover.projects .ant-popover-inner-content .projects-scroll-container,.date-status-setter.projects .ant-popover-inner-content .projects-scroll-container{
    max-height:calc(100vh - 208px) !important;
    overflow:auto !important
  }

  .teament-popover .ant-popover-content,.date-status-setter .ant-popover-content{
    border-radius:0;
    border:none
  }

  .teament-popover .ant-popover-inner,.date-status-setter .ant-popover-inner{
    border-radius:0px;
    border:none
  }

  .teament-popover .ant-popover-inner-content,.date-status-setter .ant-popover-inner-content{
    padding:1.125rem 1.5rem !important;
    overflow:auto;
    height:100dvh;
    width:100dvw;
    max-height:100dvh
  }

  .teament-popover.priority,.date-status-setter.priority{
    width:100dvw
  }

  .teament-popover.priority .ant-popover-inner-content,.date-status-setter.priority .ant-popover-inner-content{
    width:100dvw;
    max-height:none
  }

  .teament-popover.priority .priority-option-button,.date-status-setter.priority .priority-option-button{
    border-radius:5px;
    height:48px
  }

  .teament-popover.priority .priority-option-button.high,.date-status-setter.priority .priority-option-button.high{
    background:#FF5858
  }

  .teament-popover.priority .priority-option-button.medium,.date-status-setter.priority .priority-option-button.medium{
    background:#F2D146
  }

  .teament-popover.priority .priority-option-button.low,.date-status-setter.priority .priority-option-button.low{
    background:#34BE44
  }

  .teament-popover.status,.date-status-setter.status{
    width:100dvw;
    border:none;
    border-radius:0px
  }

  .teament-popover.status .ant-popover-inner-content,.date-status-setter.status .ant-popover-inner-content{
    width:100dvw;
    max-height:none
  }
}

.teament-tooltip-change-date.ant-tooltip{
  max-width:300px
}

.teament-tooltip-change-date .ant-tooltip-inner{
  padding:0.5rem 0.75 !important
}

.teament-tooltip-tasks .ant-tooltip-inner{
  padding:0.5rem 0.75 !important
}

.truncate{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.e-input-group input.e-input,.e-float-input.e-input-group input,.e-input-group.e-control-wrapper input.e-input,.e-float-input.e-input-group.e-control-wrapper input,.e-float-input input,.e-float-input.e-control-wrapper input{
  font-size:1rem !important
}

.t-general-input{
  border-radius:5px !important;
  border:1px solid #b3b3b3 !important;
  min-height:48px;
  max-height:48px;
  padding-right:24px !important;
  padding-left:24px !important
}

.t-general-input.select{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
       appearance:none !important
}

.PhoneInputInput{
  background:none;
  font-size:1rem;
  width:100%;
  padding-left:10px
}

.PhoneInputInput:focus,textarea:focus{
  outline:none !important;
  box-shadow:none !important
}

.animated-background{
  animation-duration:1s;
  animation-fill-mode:forwards;
  animation-iteration-count:infinite;
  animation-name:placeHolderShimmer;
  animation-timing-function:linear;
  background:#f6f7f8;
  background:linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size:700px 104px;
  position:relative;
  border:2px solid transparent !important
}

@keyframes placeHolderShimmer{
  0%{
    background-position:-468px 0
  }

  100%{
    background-position:468px 0
  }
}

.animated-background-task{
  animation-duration:1s;
  animation-fill-mode:forwards;
  animation-iteration-count:infinite;
  animation-name:placeHolderShimmer;
  animation-timing-function:linear;
  background:#f6f7f8;
  background:linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size:900px 104px;
  position:relative;
  border:2px solid transparent !important
}

@keyframes placeHolderShimmer{
  0%{
    background-position:-868px 0
  }

  100%{
    background-position:868px 0
  }
}

.info-snack{
  z-index:10000 !important
}

.info-snack .ant-message-notice-content{
  border-radius:5px;
  background:#5cc8bf;
  color:#ffffff
}

.info-snack .ant-message-notice-content span.anticon{
  display:none
}

.ant-message .anticon{
  top:-3px !important;
  z-index:20000
}

.ant-message .anticon>svg>path{
  color:#52c41a !important
}

.teament-select-option{
  padding:0 0.5rem;
  height:36px;
  background:#fff;
  display:flex;
  align-items:center;
  border-radius:5px
}

.teament-select-option:hover{
  cursor:pointer;
  background:#f2f2f2
}

.teament-select-option.item-selected{
  background:#f2f2f2
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.password-recovery-container .recovery-logo{
  width:180px;
  left:50%;
  transform:translateX(-50%)
}

@media screen and (max-width: 475px){
  .password-recovery-container{
    max-width:300px;
    justify-content:center;
    margin:0 auto
  }

  .password-recovery-container .recovery-logo{
    top:1.5rem !important;
    width:180px
  }
}

.password-recovery-container .verify-code-container{
  max-width:50%
}

@media screen and (max-width: 475px){
  .password-recovery-container .verify-code-container{
    max-width:100%
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.teament-notification{
  max-height:80px;
  overflow:auto
}

.teament-notification .notification-close{
  border-radius:50%;
  max-width:24px;
  max-height:24px;
  min-width:24px;
  min-height:24px;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  top:-8px;
  left:-8px;
  z-index:10
}

.teament-notification .notification-header .who{
  font-size:0.875rem;
  font-weight:700
}

.teament-notification .notification-header .date{
  font-size:0.5rem;
  color:#757575
}

.teament-notification .notification-event{
  font-size:10px;
  color:#757575
}

.teament-notification .message{
  font-size:12px
}

.teament-notification .leaf-container,.teament-notification .profile-container{
  margin-right:1rem
}

.teament-notification .leaf-container{
  max-width:36px;
  max-height:36px
}

.teament-notification .profile-container{
  max-height:48px;
  max-width:48px;
  height:48px;
  width:48px;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  border-width:2px;
  border-style:solid
}

.teament-notification .notification-body-container{
  font-size:0.875rem;
  color:#000
}

.teament-notification .notification-body-container .message{
  max-width:238px
}

.teament-notification .notification-body-container .message .label-container{
  max-width:240px
}

.teament-notification .notification-body-container .message .label-container p{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.active:not([class^="icn-"]){
  background:#004D80 !important;
  color:#FFFFFF;
  transition:all 0.3s ease-in-out
}

/* purgecss end ignore */

/* purgecss start ignore */

.container-element-card{
  border:1px solid #b3b3b3;
  border-radius:5px;
  height:48px;
  text-align:center;
  align-items:center;
  display:grid;
  padding:0 24px;
  font-weight:300 !important;
  font-size:16px
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.cards-modal-content{
  position:relative
}

.cards-modal-content .card-actions{
  width:100%;
  max-width:388px;
  z-index:2;
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  padding:1.5rem;
  pointer-events:all
}

.cards-modal-content .select-indicator{
  z-index:1;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:388px;
  border:3px solid #5CC8BF;
  border-radius:10px;
  height:277px;
  pointer-events:none
}

.cards-modal-content .select-indicator .select-title{
  color:#5CC8BF;
  margin:-2rem auto 0 auto;
  text-align:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.card{
  width:180px;
  height:100px;
  min-width:180px;
  min-height:100px;
  background:#F2F2F2;
  border-radius:5px;
  padding:21px 12px 11px 19px;
  position:relative;
  scroll-snap-align:start
}

.card .name{
  font-size:11px
}

.card .number{
  margin-top:7px;
  margin-bottom:6px
}

.card .brand img{
  height:14px
}

.card .expiry{
  font-size:11px
}

.card.big{
  width:350px;
  height:186px;
  min-width:180px;
  min-height:100px;
  background:#F2F2F2;
  border-radius:5px;
  padding:30px 24px 20px 24px
}

.card.big:hover{
  cursor:grab
}

.card.big:active{
  cursor:grabbing
}

.card.big .name{
  font-size:18px
}

.card.big .number{
  font-size:20px;
  margin-top:1rem;
  margin-bottom:1rem
}

.card.big .brand img{
  height:26px
}

.card.big .expiry{
  font-size:1rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.plan-confirmation-modal .title{
  font-size:2rem;
  color:#1791E4
}

.plan-confirmation-modal .icon img{
  height:32px;
  width:32px
}

.plan-confirmation-modal .plan-icon img{
  height:100px;
  width:100px
}

.plan-confirmation-modal .confirmation-plan-card{
  border-radius:5px;
  display:flex;
  align-items:center;
  gap:0.5rem
}

.plan-confirmation-modal .confirmation-plan-card .seats-info{
  display:flex;
  gap:0.25rem;
  align-items:center
}

.plan-confirmation-modal .confirmation-plan-card .seats-info img{
  height:32px;
  width:32px
}

/* purgecss end ignore */

/* purgecss start ignore */

.welcome-signup-modal .logo{
  max-width:125px
}

.welcome-signup-modal .teament-full{
  max-height:250px;
  width:100%;
  overflow:hidden;
  margin-bottom:-2rem
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.payment-result-modal{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center
}

.payment-result-modal--body{
  align-items:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:100%
}

.payment-result-modal--body img{
  max-width:200px;
  max-height:200px
}

.payment-result-modal--body label{
  font-size:2rem;
  margin-top:1.5rem
}

.payment-result-modal--body label.success{
  color:#34BE44
}

.payment-result-modal--body label.error{
  color:#FF5858
}

.payment-result-modal--footer{
  width:100%
}

/* purgecss end ignore */

/* purgecss start ignore */

.inactivate-modal .member-deactivate-list{
  background:#fff;
  border:1px solid #f2f2f2;
  border-radius:5px;
  box-shadow:0px 3px 6px #3D4B5C26;
  height:100%;
  min-height:375px;
  max-height:375px;
  overflow:auto
}

.inactivate-modal .member-deactivate-list .member-deactivate{
  padding:12px 2rem;
  cursor:pointer;
  max-height:48px
}

.inactivate-modal .member-deactivate-list .member-deactivate .round-red{
  display:none;
  width:24px;
  height:24px;
  min-width:24px;
  min-height:24px;
  background:#ff5858;
  border-radius:50%;
  align-items:center;
  justify-content:center
}

.inactivate-modal .member-deactivate-list .member-deactivate .round-red img{
  height:16px;
  width:16px;
  margin-top:-1px
}

.inactivate-modal .member-deactivate-list .member-deactivate.selected{
  border:1px solid #ff5858
}

.inactivate-modal .member-deactivate-list .member-deactivate.selected .round-red{
  display:flex
}

.inactivate-modal .member-deactivate-list .member-deactivate .edit-icon{
  width:24px;
  height:24px
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.upgrade-component{
  display:grid;
  grid-template-columns:60% 40%;
  gap:4rem;
  grid-template-rows:100%
}

.upgrade-component--copy-header{
  margin-bottom:2rem;
  align-items:end
}

.upgrade-component--copy-header .upgrade-image{
  max-height:120px;
  margin-right:2rem
}

.upgrade-component--copy-header .title{
  font-size:3rem;
  color:#1791E4
}

.upgrade-component--copy-footer{
  margin-top:3.5rem
}

.upgrade-component--plans{
  position:relative;
  overflow:auto !important
}

.upgrade-component--plans:hover .left,.upgrade-component--plans:hover .right{
  opacity:1
}

.upgrade-component--plans:hover .left.disabled,.upgrade-component--plans:hover .right.disabled{
  opacity:0.5;
  cursor:not-allowed
}

.upgrade-component--plans .left,.upgrade-component--plans .right{
  background:#F2F2F2;
  border-radius:5px;
  min-height:48px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  top:calc(50% + 48px);
  opacity:0;
  transition:all 0.3s ease-in-out;
  box-shadow:0px 2px 6px #00000029
}

.upgrade-component--plans .left{
  position:absolute;
  left:0.5rem
}

.upgrade-component--plans .right{
  position:absolute;
  right:0.5rem
}

.upgrade-component--plans .carousel{
  overflow:hidden;
  position:relative
}

.upgrade-component--plans .carousel--inner{
  white-space:nowrap;
  transition:transform 0.3s;
  padding:1rem 2rem
}

.upgrade-component--plans .carousel--item{
  display:inline-block;
  justify-content:center;
  margin:0 0.75rem
}

.upgrade-component--plans .carousel--item.selected-plan-card{
  margin:0 !important;
  background:#5CC8BF;
  border-radius:5px;
  padding:0.5rem 0
}

.upgrade-component-default--copy-header{
  margin-bottom:1.5rem;
  align-items:center;
  justify-content:space-between
}

.upgrade-component-default--copy-header .upgrade-image{
  max-height:100px;
  margin-right:2rem
}

.upgrade-component-default--copy-header .title{
  font-size:2rem;
  color:#1791E4
}

.upgrade-component-default--copy-header-comparison{
  text-align:right;
  margin-bottom:0.75rem
}

.upgrade-component-default--copy-header-comparison a{
  color:#5CC8BF;
  text-decoration:underline
}

.upgrade-component-default--copy-footer{
  margin-top:1.5rem;
  display:flex;
  justify-content:flex-end
}

@media screen and (max-width: 1440px){
  .upgrade-component-default--copy-footer{
    margin-top:1rem;
    margin-bottom:-1.125rem
  }
}

.upgrade-component-default--plans{
  position:relative;
  overflow:auto
}

@media screen and (max-width: 1440px){
  .upgrade-component-default--plans{
    padding:0 1rem 0.5rem 1rem
  }
}

.upgrade-component-default--plans .active{
  background:#5CC8BF !important
}

.upgrade-component-default--plans:hover .left,.upgrade-component-default--plans:hover .right{
  opacity:1
}

.upgrade-component-default--plans:hover .left.disabled,.upgrade-component-default--plans:hover .right.disabled{
  opacity:0.5;
  cursor:not-allowed
}

.upgrade-component-default--plans .left,.upgrade-component-default--plans .right{
  background:#F2F2F2;
  border-radius:5px;
  min-height:48px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  top:calc(50% + 48px);
  opacity:0;
  transition:all 0.3s ease-in-out;
  box-shadow:0px 2px 6px #00000029
}

.upgrade-component-default--plans .left{
  position:absolute;
  left:0.5rem
}

.upgrade-component-default--plans .right{
  position:absolute;
  right:0.5rem
}

.upgrade-component-default--plans .carousel{
  overflow:hidden;
  position:relative
}

.upgrade-component-default--plans .carousel--inner{
  white-space:nowrap;
  transition:transform 0.3s;
  padding:1rem 2rem
}

.upgrade-component-default--plans .carousel--item{
  display:inline-block;
  justify-content:center;
  margin:0 0.5rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.signup-container{
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  position:relative
}

.signup-container .top-logo{
  position:absolute;
  top:69px;
  width:156px;
  left:50%;
  transform:translateX(-50%)
}

@media screen and (max-height: 740px){
  .signup-container .top-logo{
    top:5%
  }
}

.signup-container .form-container{
  max-width:300px;
  width:100%
}

@media screen and (max-width: 768px){
  .signup-container .form-container{
    max-width:90%
  }
}

@media screen and (max-width: 575px){
  .signup-container .verify-container{
    max-width:90%
  }
}

.signup-container .verify-container .verify-code-container{
  max-width:50%
}

@media screen and (max-width: 475px){
  .signup-container .verify-container .verify-code-container{
    max-width:100%;
    width:100%
  }
}

.signup-container .basic-information-form{
  max-width:416px;
  width:100%
}

@media screen and (max-width: 568px){
  .signup-container .basic-information-form{
    width:100%;
    margin:0 auto;
    padding:1rem 1rem 2rem 1rem;
    max-height:80dvh;
    overflow:auto
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.active:not([class^="icn-"]){
  background:#004D80 !important;
  color:#FFFFFF;
  transition:all 0.3s ease-in-out
}

/* purgecss end ignore */

/* purgecss start ignore */

.complete-signup-container{
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  position:relative
}

.complete-signup-container .top-logo{
  position:absolute;
  top:69px;
  width:156px;
  left:50%;
  transform:translateX(-50%)
}

@media screen and (max-height: 740px){
  .complete-signup-container .top-logo{
    top:5%
  }
}

.complete-signup-container .forms-nav-container{
  width:100%;
  padding:0 100px;
  display:flex;
  height:100%;
  max-height:500px;
  gap:86px
}

@media screen and (max-width: 787px){
  .complete-signup-container .forms-nav-container{
    padding:0 1.5rem 1.5rem 1.5rem;
    gap:0;
    max-height:500px;
    overflow:auto
  }
}

.complete-signup-container .forms-nav-container .left-sidebar{
  min-width:112px
}

@media screen and (max-width: 767px){
  .complete-signup-container .forms-nav-container .left-sidebar{
    width:100%
  }
}

.complete-signup-container .forms-nav-container .left-sidebar a{
  display:block;
  margin-bottom:21px
}

@media screen and (max-width: 767px){
  .complete-signup-container .forms-nav-container .left-sidebar a{
    display:flex;
    flex-direction:column;
    align-items:center
  }
}

.complete-signup-container .forms-nav-container .left-sidebar a::before{
  margin-right:0.5rem;
  display:inline-block;
  content:"";
  min-width:10px;
  min-height:10px;
  border-radius:5px;
  background:none;
  border:1px solid #F2F2F2
}

.complete-signup-container .forms-nav-container .left-sidebar a.current{
  color:#000000;
  text-shadow:0px 3px 6px #00000029
}

@media screen and (max-width: 767px){
  .complete-signup-container .forms-nav-container .left-sidebar a.current{
    margin-top:0
  }
}

.complete-signup-container .forms-nav-container .left-sidebar a.current::before{
  margin-right:0.5rem;
  display:inline-block;
  content:"";
  min-width:10px;
  min-height:10px;
  border-radius:5px;
  background:#5cc8bf;
  border:1px solid #F2F2F2
}

@media screen and (max-width: 767px){
  .complete-signup-container .forms-nav-container .left-sidebar a.current::before{
    display:none !important
  }
}

.complete-signup-container .forms-nav-container .left-sidebar a:hover{
  cursor:pointer
}

.complete-signup-container .forms-nav-container .left-sidebar a.complete{
  color:#34BE44
}

.complete-signup-container .forms-nav-container .left-sidebar a.complete::before{
  margin-right:0.5rem;
  display:inline-block;
  content:"";
  min-width:10px;
  min-height:10px;
  border-radius:5px;
  background:#34BE44;
  border:1px solid #F2F2F2
}

.complete-signup-container .forms-nav-container .left-sidebar a.current{
  color:#000000;
  text-shadow:0px 3px 6px #00000029
}

.complete-signup-container .forms-nav-container .content{
  width:100%
}

.complete-signup-container .forms-nav-container .content .inner-form{
  padding:0 2rem
}

@media screen and (max-width: 767px){
  .complete-signup-container .forms-nav-container .content .inner-form{
    padding:0
  }

  .complete-signup-container .forms-nav-container .content .inner-form .save-button{
    position:fixed;
    bottom:1.5rem;
    width:calc(100% - 3rem);
    max-width:none !important;
    margin-top:0 !important
  }
}

.complete-signup-container .forms-nav-container .content .inner-form .colors-form .preview-navbar{
  max-width:700px
}

.complete-signup-container .forms-nav-container .content .inner-form .colors-form .preview-navbar .header{
  height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 1.5rem;
  background:#FFFFFF;
  box-shadow:0px 6px 12px #3D4B5C33;
  position:relative;
  z-index:1
}

.complete-signup-container .forms-nav-container .content .inner-form .colors-form .preview-navbar .header .logo-preview{
  max-height:48px;
  max-width:150px
}

.complete-signup-container .forms-nav-container .content .inner-form .colors-form .preview-navbar .buttons-container{
  padding:2rem 1rem;
  background:#FFFFFF;
  box-shadow:0px 6px 12px #3D4B5C33
}

.fields{
  max-height:288px;
  overflow:auto
}

/* purgecss end ignore */

/* purgecss start ignore */

.tutorial-begin .hero{
  margin:0 auto;
  height:60%;
  max-height:420px
}

@media screen and (max-height: 900px){
  .tutorial-begin .hero{
    max-height:240px
  }
}

.tutorial-begin .title{
  font-size:2rem;
  color:#5CC8BF;
  margin-bottom:0.5rem
}

.tutorial-begin .desc{
  margin-bottom:0.25rem;
  font-size:1.125rem
}

.tutorial-end .hero{
  margin:0 auto;
  height:60%;
  max-height:420px
}

@media screen and (max-height: 768px){
  .tutorial-end .hero{
    max-height:240px
  }
}

.tutorial-end .title{
  font-size:2rem;
  color:#5CC8BF;
  margin-bottom:0.5rem
}

.tutorial-end .desc{
  margin-bottom:0.25rem;
  font-size:1.125rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.task-detail-v2 .task-detail-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  gap:2rem;
  border:1px solid #F2F2F2;
  border-radius:10px;
  box-shadow:0px 6px 12px #F2F2F2;
  height:90px;
  padding:0 2rem
}

.task-detail-v2 .task-detail-header .access-button,.task-detail-v2 .task-detail-header .sprint-button{
  height:36px;
  border-radius:5px;
  border:none;
  width:136px;
  padding:0 1rem;
  color:#000;
  font-size:0.875rem;
  background:#EF8132
}

.task-detail-v2 .task-detail-header .access-button:disabled,.task-detail-v2 .task-detail-header .sprint-button:disabled{
  opacity:0.5
}

.task-detail-v2 .task-detail-header .sprint-button{
  background:#F2D146;
  width:144px
}

.task-detail-v2 .task-detail-header .copy-td,.task-detail-v2 .task-detail-header .views-td,.task-detail-v2 .task-detail-header .share-td{
  height:36px;
  display:flex;
  align-items:center
}

.task-detail-v2 .task-detail-header .save-td,.task-detail-v2 .task-detail-header .minimize-td,.task-detail-v2 .task-detail-header .close-td{
  padding:4px;
  height:36px;
  display:flex;
  align-items:center
}

.task-detail-v2 .task-detail-header .save-td img,.task-detail-v2 .task-detail-header .minimize-td img,.task-detail-v2 .task-detail-header .close-td img{
  width:32px;
  height:32px
}

.task-detail-v2 .task-detail-header .save-td:hover{
  border-radius:5px;
  background:#004D80
}

.task-detail-v2 .task-detail-header .close-td:hover{
  border-radius:5px;
  background:#FF5858
}

.task-detail-v2 .task-detail-header .close-td:hover img svg{
  fill:#FFFFFF
}

.task-detail-v2 .task-detail-header .close-td img{
  transform:rotate(180deg)
}

/* purgecss end ignore */

/* purgecss start ignore */

.status-v2-popover .button-option.pending.active-status,.status-v2-popover .button-option.pending:hover{
  background:#757575 !important;
  color:#FFFFFF
}

.status-v2-popover .button-option.inprocess.active-status,.status-v2-popover .button-option.inprocess:hover{
  background:#81C5ED !important;
  color:#FFFFFF
}

.status-v2-popover .button-option.onhold.active-status,.status-v2-popover .button-option.onhold:hover{
  background:#FAC88E !important;
  color:#FFFFFF
}

.status-v2-popover .button-option.notstarted.active-status,.status-v2-popover .button-option.notstarted:hover{
  background:#B3B3B3 !important;
  color:#FFFFFF
}

.status-v2-popover .button-option.reviewing.active-status,.status-v2-popover .button-option.reviewing:hover{
  background:#F2D146 !important;
  color:#FFFFFF
}

.status-v2-popover .button-option.incompleted.active-status,.status-v2-popover .button-option.incompleted:hover{
  background:#F2B646 !important;
  color:#FFFFFF
}

.status-v2-popover .button-option.completed.active-status,.status-v2-popover .button-option.completed:hover{
  background:#34BE44 !important;
  color:#FFFFFF
}

.status-v2-popover .button-option.delayed.active-status,.status-v2-popover .button-option.delayed:hover{
  background:#FF5858 !important;
  color:#FFFFFF
}

.status-v2-popover .button-option:hover .img{
  opacity:1;
  transition:all 0.3s ease-in-out;
  cursor:pointer
}

.status-v2-popover .button-option .img{
  opacity:0;
  position:absolute;
  right:-8px;
  top:-8px;
  width:24px;
  transition:all 0.3s ease-in-out
}

.status-v2-popover--review-action{
  padding-bottom:1rem;
  border-bottom:1px solid #b3b3b3;
  margin-bottom:1rem
}

.status-v2-popover--status{
  display:flex;
  gap:0.5rem;
  flex-direction:column
}

/* purgecss end ignore */

/* purgecss start ignore */

.new-status-popover .circle-option{
  width:24px;
  height:24px;
  border-radius:12px;
  overflow:hidden
}

.new-status-popover .circle-option div{
  width:24px;
  height:24px;
  border-radius:12px
}

.new-status-popover .circle-option:hover{
  cursor:pointer
}

.new-status-popover .circle-option.selected{
  border:1px solid #c8c8c8;
  padding:2px
}

.new-status-popover .circle-option.selected div{
  width:18px;
  height:18px
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.status-td .status-button{
  height:36px;
  border-radius:5px;
  border:none;
  width:132px;
  padding:0 1rem;
  color:#FFFFFF;
  font-size:0.75rem
}

.status-td .status-button.notstarted{
  background:#b3b3b3
}

.status-td .status-button.inprocess{
  background:#004D80
}

.status-td .status-button.completed{
  background:#34BE44
}

.status-td .status-button.incompleted,.status-td .status-button.incomplete{
  background:#F2B646
}

.status-td .status-button.onhold{
  background:#FAC88E
}

.status-td .status-button.reviewing{
  background:#F2D146 !important
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.new-task-detail-modal .detail-header{
  height:90px;
  display:flex;
  align-items:center;
  box-shadow:0px 6px 12px #F2F2F2;
  padding:0 3rem;
  border-radius:10px;
  justify-content:space-between;
  position:fixed;
  z-index:11;
  background:#FFFFFF;
  top:0;
  left:0;
  width:100%
}

.new-task-detail-modal .detail-header .actions .complete{
  color:#b3b3b3;
  font-size:22px;
  font-weight:300;
  display:flex;
  gap:8px;
  width:158px
}

.new-task-detail-modal .detail-header .actions .copy img,.new-task-detail-modal .detail-header .actions .eye img,.new-task-detail-modal .detail-header .actions .share img,.new-task-detail-modal .detail-header .actions .refresh img{
  height:32px;
  width:32px
}

.new-task-detail-modal .detail-header .actions .share{
  cursor:pointer
}

.new-task-detail-modal .detail-header .status-detail{
  color:#FFFFFF
}

.new-task-detail-modal .detail-header .status-detail.status-button-header.pending.active,.new-task-detail-modal .detail-header .status-detail.status-button-header.pending:hover{
  background:#757575 !important;
  color:#FFFFFF
}

.new-task-detail-modal .detail-header .status-detail.status-button-header.inprocess.active,.new-task-detail-modal .detail-header .status-detail.status-button-header.inprocess:hover{
  background:#81C5ED !important;
  color:#FFFFFF
}

.new-task-detail-modal .detail-header .status-detail.status-button-header.onhold.active,.new-task-detail-modal .detail-header .status-detail.status-button-header.onhold:hover{
  background:#FAC88E !important;
  color:#FFFFFF
}

.new-task-detail-modal .detail-header .status-detail.status-button-header.notstarted.active,.new-task-detail-modal .detail-header .status-detail.status-button-header.notstarted:hover{
  background:#B3B3B3 !important;
  color:#FFFFFF
}

.new-task-detail-modal .detail-header .status-detail.status-button-header.reviewing.active,.new-task-detail-modal .detail-header .status-detail.status-button-header.reviewing:hover{
  background:#F2D146 !important;
  color:#FFFFFF
}

.new-task-detail-modal .detail-header .status-detail.status-button-header.incompleted.active,.new-task-detail-modal .detail-header .status-detail.status-button-header.incompleted:hover{
  background:#F2B646 !important;
  color:#FFFFFF
}

.new-task-detail-modal .detail-header .status-detail.status-button-header.completed.active,.new-task-detail-modal .detail-header .status-detail.status-button-header.completed:hover{
  background:#34BE44 !important;
  color:#FFFFFF
}

.new-task-detail-modal .detail-header .status-detail.status-button-header.delayed.active,.new-task-detail-modal .detail-header .status-detail.status-button-header.delayed:hover{
  background:#FF5858 !important;
  color:#FFFFFF
}

.new-task-detail-modal .detail-header .view-container{
  overflow:auto;
  padding-right:1rem;
  margin-right:-1rem;
  max-height:300px
}

.new-task-detail-modal .detail-header .close-detail{
  display:flex;
  gap:0.5rem;
  font-size:1rem
}

.new-task-detail-modal .detail-header .close-detail:hover{
  cursor:pointer
}

.new-task-detail-modal .task-body{
  height:calc(95vh - 90px);
  max-height:calc(95vh - 90px);
  overflow:hidden !important;
  padding:1.5rem 2rem 1.5rem 3rem;
  grid-template-columns:calc(95vw - 537px) 400px;
  gap:56px;
  margin-top:90px
}

.new-task-detail-modal .task-body .task-section{
  padding-right:1rem;
  margin-right:-1rem
}

.new-task-detail-modal .task-body .comments-section{
  height:100%;
  border:1px solid #F2F2F2;
  border-radius:5px;
  box-shadow:0px 0px 10px #3D4B5C1A;
  padding:1.5rem;
  position:sticky;
  top:0
}

.new-task-detail-modal .task-body .task-detail-comments{
  width:35%
}

.new-task-detail-modal .task-body .detail-checkbox.container-checkbox{
  display:block !important;
  position:relative !important;
  padding-left:38px !important;
  cursor:pointer !important;
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important
}

.new-task-detail-modal .task-body .detail-checkbox.container-checkbox input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.new-task-detail-modal .task-body .detail-checkbox .checkmark{
  margin-top:0 !important;
  position:absolute;
  top:-3px !important;
  left:0;
  height:28px;
  width:28px;
  background:#FFF;
  border-radius:5px;
  border:1px solid #B3B3B3;
  transition:all 0.3s ease-in
}

.new-task-detail-modal .task-body .detail-checkbox.container-checkbox input:checked ~ .checkmark{
  border:1px solid #004D80
}

.new-task-detail-modal .task-body .detail-checkbox.checkmark:after{
  content:"";
  position:absolute;
  display:none
}

.new-task-detail-modal .task-body .detail-checkbox.container-checkbox input:checked ~ .checkmark:after{
  display:block
}

.new-task-detail-modal .task-body .detail-checkbox.container-checkbox .checkmark:after{
  left:3px;
  top:3px;
  width:20px;
  height:20px;
  background:#004D80 0% 0% no-repeat padding-box;
  border-radius:4px;
  opacity:1
}

.new-task-detail-modal .task-body--files .title{
  color:#757575
}

.new-task-detail-modal .task-body--files-zone{
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#FFFFFF;
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%23B3B3B3FF%27 stroke-width=%273%27 stroke-dasharray=%2716%27 stroke-dashoffset=%274%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
  border-radius:5px
}

/* purgecss end ignore */

/* purgecss start ignore */

.date-time-container{
  height:36px;
  border:1px solid #B3B3B3;
  display:flex;
  border-radius:5px;
  padding:0 1.5rem;
  min-width:300px;
  justify-content:space-between
}

.date-time-container:focus-within,.date-time-container.focused{
  border-color:#004D80;
  border-width:1px;
  box-shadow:0px 6px 12px #3D4B5C26
}

.date-time-container .date-container{
  align-items:center
}

.date-time-container .date-container input{
  border-radius:5px;
  text-align:center;
  font-size:0.875rem;
  max-width:75px;
  height:34px;
  border:none
}

.date-time-container .date-container input::-moz-placeholder{
  color:#B3B3B3
}

.date-time-container .date-container input::placeholder{
  color:#B3B3B3
}

.date-time-container .date-container input:focus,.date-time-container .date-container input:focus-visible{
  outline:none
}

.date-time-container input.time{
  border-radius:5px;
  text-align:right;
  font-size:0.875rem;
  max-width:75px;
  height:34px;
  border:none
}

.date-time-container input.time::-moz-placeholder{
  color:#B3B3B3
}

.date-time-container input.time::placeholder{
  color:#B3B3B3
}

.date-time-container input.time:focus,.date-time-container input.time:focus-visible{
  outline:none
}

.e-time-wrapper .e-time-icon.e-icons::before,*.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before{
  display:none
}

/* purgecss end ignore */

/* purgecss start ignore */

.container-checkbox{
  display:block !important;
  position:relative !important;
  padding-left:30px !important;
  cursor:pointer !important;
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important
}

.container-checkbox input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.checkmark{
  position:absolute;
  top:2px;
  left:0;
  height:20px;
  width:20px;
  background:#FFF;
  border-radius:5px;
  border:1px solid #B3B3B3;
  transition:all 0.3s ease-in
}

.container-checkbox input:checked ~ .checkmark{
  border:1px solid #004D80
}

.checkmark:after{
  content:"";
  position:absolute;
  display:none
}

.container-checkbox input:checked ~ .checkmark:after{
  display:block
}

.container-checkbox .checkmark:after{
  left:3px;
  top:3px;
  width:12px;
  height:12px;
  background:#004D80 0% 0% no-repeat padding-box;
  border-radius:4px;
  opacity:1
}

/* purgecss end ignore */

/* purgecss start ignore */

.review-content{
  max-width:75%;
  margin:0 auto
}

.review-content .review-title{
  font-size:2rem;
  display:block;
  color:#1791E4
}

.review-content .review-text{
  font-size:1.5rem;
  display:block
}

.review-actions{
  display:flex;
  justify-content:space-between;
  margin-top:100px
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.editor{
  position:relative
}

.editor .editor-toolbar{
  display:flex;
  gap:0.5rem;
  align-items:center;
  padding:0 !important;
  border:none !important;
  position:absolute;
  bottom:0.25rem;
  left:0.25rem
}

.editor .editor-toolbar .ql-bold.ql-active,.editor .editor-toolbar .ql-italic.ql-active,.editor .editor-toolbar .ql-strike.ql-active{
  background:#004D80;
  border:none;
  border-radius:5px
}

.editor .editor-toolbar .ql-bold.ql-active .ql-stroke,.editor .editor-toolbar .ql-italic.ql-active .ql-stroke,.editor .editor-toolbar .ql-strike.ql-active .ql-stroke{
  stroke:#FFFFFF
}

.editor .editor-toolbar .ql-bold.ql-active .ql-fill,.editor .editor-toolbar .ql-italic.ql-active .ql-fill,.editor .editor-toolbar .ql-strike.ql-active .ql-fill{
  fill:#fff
}

.editor .editor-toolbar .ql-list.ql-active{
  background:#004D80 !important;
  border:none;
  border-radius:5px
}

.editor .editor-toolbar .ql-list.ql-active .ql-stroke{
  stroke:#FFFFFF
}

.editor .editor-toolbar .ql-list.ql-active .ql-fill{
  fill:#fff
}

.editor .editor-toolbar .ql-align.ql-picker .ql-picker-label.ql-active{
  background:#004D80;
  border:none;
  border-radius:5px
}

.editor .editor-toolbar .ql-align.ql-picker .ql-picker-label.ql-active .ql-stroke{
  stroke:#FFFFFF
}

.editor .editor-toolbar .ql-align.ql-picker.ql-expanded .ql-picker-label{
  background:#004D80;
  border:none;
  border-radius:5px
}

.editor .editor-toolbar .ql-align.ql-picker.ql-expanded .ql-picker-label .ql-stroke{
  stroke:#FFFFFF
}

.editor .editor-toolbar .ql-align.ql-picker.ql-expanded .ql-picker-label svg{
  stroke:#FFF
}

.editor .editor-toolbar .ql-align.ql-picker.ql-expanded .ql-picker-options{
  margin-top:4px;
  border-radius:2px;
  box-shadow:0 6px 12px #3D4B5C26
}

.editor .editor-toolbar .ql-align.ql-picker.ql-expanded .ql-picker-options .ql-selected .ql-stroke{
  stroke:#004D80
}

.editor .ql-editor{
  max-height:470px;
  overflow:auto
}

.editor .ql-editor pre.ql-syntax{
  background:#f2f2f2;
  color:#5CC8BF
}

.editor .ql-container{
  resize:vertical;
  min-height:114px;
  max-height:500px;
  border-radius:5px;
  padding-bottom:30px;
  overflow:hidden
}

.editor .ql-container .ql-tooltip{
  border-radius:5px;
  padding-left:0.5rem;
  padding-right:0.5rem;
  margin-left:0.25rem
}

.editor .ql-container .ql-tooltip input{
  border-radius:5px !important;
  padding-left:0.25rem
}

.editor.description-pop .ql-container{
  resize:none;
  max-height:114px
}

.editor.description-pop .ql-container .ql-editor{
  max-height:100px
}

.editor.comments{
  overflow:hidden;
  max-height:200px
}

.editor.comments .ql-container{
  resize:none;
  max-height:150px;
  min-height:150px
}

.editor.comments .ql-container .ql-editor{
  max-height:105px
}

.editor.comments .ql-container .ql-tooltip.ql-editing{
  z-index:10
}

.editor.comments .ql-container .ql-tooltip .ql-action{
  display:none
}

.editor.comments .editor-toolbar{
  overflow:auto;
  width:100%;
  padding-bottom:0.125rem !important;
  bottom:8px
}

.editor.comments-v2{
  font-size:12px;
  overflow:hidden;
  max-height:75px
}

.editor.comments-v2 .ql-container{
  resize:none;
  max-height:50px;
  min-height:50px
}

.editor.comments-v2 .ql-container .ql-editor{
  max-height:50px;
  font-size:12px;
  padding:0.5rem
}

.editor.comments-v2 .ql-container .ql-tooltip.ql-editing{
  z-index:10
}

.editor.comments-v2 .ql-container .ql-tooltip .ql-action{
  display:none
}

.editor.comments-v2 .editor-toolbar{
  overflow:auto;
  width:100%;
  padding-bottom:0.125rem !important;
  bottom:8px
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.task-detail{
  height:95dvh;
  overflow:hidden
}

.task-detail.erase-protection{
  pointer-events:none;
  opacity:0.5
}

.task-detail-error{
  height:95dvh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:80%;
  margin:0 auto
}

.task-detail-error--title{
  font-size:1.75rem;
  color:#FF5858;
  margin-bottom:1.5rem
}

.task-detail-error--description{
  font-size:1.125rem;
  margin-bottom:2.5rem
}

.task-detail-error--footer{
  display:flex
}

.task-detail .header{
  height:90px;
  display:flex;
  align-items:center;
  box-shadow:0px 6px 12px #F2F2F2;
  padding:0 3rem;
  border-radius:10px;
  justify-content:space-between;
  position:fixed;
  z-index:11;
  background:#FFFFFF;
  top:0;
  left:0;
  width:100%
}

.task-detail .header .actions .complete{
  color:#b3b3b3;
  font-size:22px;
  font-weight:300;
  display:flex;
  gap:8px
}

.task-detail .header .actions .copy img,.task-detail .header .actions .eye img,.task-detail .header .actions .share img,.task-detail .header .actions .refresh img{
  height:32px;
  width:32px
}

.task-detail .header .actions .share{
  cursor:pointer
}

.task-detail .header .view-container{
  overflow:auto;
  padding-right:1rem;
  margin-right:-1rem;
  max-height:300px
}

.task-detail .header .status-detail{
  color:#FFFFFF
}

.task-detail .header .status-detail.status-button-header.pending.active,.task-detail .header .status-detail.status-button-header.pending:hover{
  background:#757575 !important;
  color:#FFFFFF
}

.task-detail .header .status-detail.status-button-header.inprocess.active,.task-detail .header .status-detail.status-button-header.inprocess:hover{
  background:#81C5ED !important;
  color:#FFFFFF
}

.task-detail .header .status-detail.status-button-header.onhold.active,.task-detail .header .status-detail.status-button-header.onhold:hover{
  background:#FAC88E !important;
  color:#FFFFFF
}

.task-detail .header .status-detail.status-button-header.notstarted.active,.task-detail .header .status-detail.status-button-header.notstarted:hover{
  background:#B3B3B3 !important;
  color:#FFFFFF
}

.task-detail .header .status-detail.status-button-header.reviewing.active,.task-detail .header .status-detail.status-button-header.reviewing:hover{
  background:#F2D146 !important;
  color:#FFFFFF
}

.task-detail .header .status-detail.status-button-header.incompleted.active,.task-detail .header .status-detail.status-button-header.incompleted:hover{
  background:#F2B646 !important;
  color:#FFFFFF
}

.task-detail .header .status-detail.status-button-header.completed.active,.task-detail .header .status-detail.status-button-header.completed:hover{
  background:#34BE44 !important;
  color:#FFFFFF
}

.task-detail .header .status-detail.status-button-header.delayed.active,.task-detail .header .status-detail.status-button-header.delayed:hover{
  background:#FF5858 !important;
  color:#FFFFFF
}

.task-detail .header .close-detail{
  display:flex;
  gap:0.5rem;
  font-size:1rem
}

.task-detail .header .close-detail:hover{
  cursor:pointer
}

.task-detail .task-body{
  height:calc(100% - 90px);
  padding:1.5rem 2rem 1.5rem 3rem;
  grid-template-columns:calc(95vw - 537px) 400px;
  gap:56px;
  margin-top:90px;
  overflow:hidden
}

.task-detail .task-body .task-section{
  padding-right:1rem;
  margin-right:-1rem
}

.task-detail .task-body .comments-section{
  height:100%;
  border:1px solid #F2F2F2;
  border-radius:5px;
  box-shadow:0px 0px 10px #3D4B5C1A;
  padding:1.5rem;
  position:sticky;
  top:0
}

.task-detail .task-body .detail-checkbox.container-checkbox{
  display:block !important;
  position:relative !important;
  padding-left:38px !important;
  cursor:pointer !important;
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important
}

.task-detail .task-body .detail-checkbox.container-checkbox input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.task-detail .task-body .detail-checkbox .checkmark{
  margin-top:0 !important;
  position:absolute;
  top:-3px !important;
  left:0;
  height:28px;
  width:28px;
  background:#FFF;
  border-radius:5px;
  border:1px solid #B3B3B3;
  transition:all 0.3s ease-in
}

.task-detail .task-body .detail-checkbox.container-checkbox input:checked ~ .checkmark{
  border:1px solid #004D80
}

.task-detail .task-body .detail-checkbox.checkmark:after{
  content:"";
  position:absolute;
  display:none
}

.task-detail .task-body .detail-checkbox.container-checkbox input:checked ~ .checkmark:after{
  display:block
}

.task-detail .task-body .detail-checkbox.container-checkbox .checkmark:after{
  left:3px;
  top:3px;
  width:20px;
  height:20px;
  background:#004D80 0% 0% no-repeat padding-box;
  border-radius:4px;
  opacity:1
}

.task-detail .task-body--files .title{
  color:#757575
}

.task-detail .task-body--files-zone{
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#FFFFFF;
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%23B3B3B3FF%27 stroke-width=%273%27 stroke-dasharray=%2716%27 stroke-dashoffset=%274%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
  border-radius:5px
}

.status-button.pending.active,.status-button.pending:hover{
  background:#757575 !important;
  color:#FFFFFF
}

.status-button.inprocess.active,.status-button.inprocess:hover{
  background:#81C5ED !important;
  color:#FFFFFF
}

.status-button.onhold.active,.status-button.onhold:hover{
  background:#FAC88E !important;
  color:#FFFFFF
}

.status-button.notstarted.active,.status-button.notstarted:hover{
  background:#B3B3B3 !important;
  color:#FFFFFF
}

.status-button.reviewing.active,.status-button.reviewing:hover{
  background:#F2D146 !important;
  color:#FFFFFF
}

.status-button.incompleted.active,.status-button.incompleted:hover{
  background:#F2B646 !important;
  color:#FFFFFF
}

.status-button.completed.active,.status-button.completed:hover{
  background:#34BE44 !important;
  color:#FFFFFF
}

.status-button.delayed.active,.status-button.delayed:hover{
  background:#FF5858 !important;
  color:#FFFFFF
}

.waiting,.blocking{
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  height:48px;
  width:100%;
  border-radius:5px;
  box-shadow:0px 3px 6px #3D4B5C1A
}

.waiting:hover,.blocking:hover{
  cursor:pointer;
  box-shadow:0px 6px 12px #3D4B5C1A
}

.waiting{
  background:#F2D146;
  font-weight:500
}

.blocking{
  background:#FF5858;
  font-weight:500;
  color:#FFFFFF
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.react-date-picker.recurrence-until .react-calendar{
  border:none !important
}

.react-date-picker.recurrence-until .react-date-picker__inputGroup__input{
  min-width:1.94em;
  text-align:center
}

.react-date-picker.recurrence-until .react-date-picker__inputGroup__input.react-date-picker__inputGroup__day,.react-date-picker.recurrence-until .react-date-picker__inputGroup__input.react-date-picker__inputGroup__month{
  width:17px !important
}

.react-date-picker.recurrence-until .react-date-picker__inputGroup__input.react-date-picker__inputGroup__year{
  width:36px !important
}

.react-date-picker.recurrence-until .react-calendar__tile--active,.react-date-picker.recurrence-until .react-calendar__tile--active:enabled:focus:hover{
  background:#004D80 !important;
  border-radius:5px
}

.react-date-picker.recurrence-until .react-calendar__tile--now{
  background:#E6E6E6;
  border-radius:5px;
  color:#000000
}

.react-date-picker.recurrence-until .react-calendar__tile:enabled:hover,.react-date-picker.recurrence-until .react-calendar__tile:enabled:focus{
  border-radius:5px
}

.react-date-picker.recurrence-until .react-calendar__tile:enabled:hover:not(.react-calendar__tile--active){
  background:#E6E6E6
}

.react-date-picker.recurrence-until .react-date-picker__wrapper{
  border:1px solid #E6E6E6;
  border-radius:5px;
  height:36px
}

.react-date-picker.recurrence-until .react-date-picker__wrapper:hover{
  box-shadow:0 6px 12px #3d4b5c26
}

.todo{
  background:#F2F2F2;
  padding:0 1rem;
  border-radius:5px
}

.todo.new-todo{
  border:2px solid #5CC8BF !important
}

.todo .project{
  color:#1791E4
}

.todo .status{
  min-width:18px;
  min-height:18px;
  max-width:18px;
  max-height:18px;
  border-radius:5px;
  background:#1791E4
}

.todo .status.not.started{
  content:"";
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  max-width:18px;
  max-height:18px;
  background:#b3b3b3;
  border-radius:5px;
  margin-right:0
}

.todo .status.stopped{
  background:#ffa058
}

.todo .status.on.hold,.todo .status.onhold{
  background:#EF8132 !important
}

.todo .status.delayed{
  background:#ff0000
}

.todo .status.pending{
  background:#606060
}

.todo .status.in.process,.todo .status.onTime{
  background:#004D80
}

.todo .status.finished{
  background:#5cc8bf
}

.todo .status.no{
  background:#b3b3b3
}

.todo .status.delayed{
  background:#ff5858
}

.todo .member{
  position:relative;
  max-width:18px
}

.todo .member .counter{
  position:absolute;
  top:-7px;
  right:-7px;
  background:#004D80;
  color:#ffffff;
  border-radius:50%;
  text-align:center;
  font-size:9px !important;
  width:14px;
  height:14px;
  display:flex;
  align-items:center;
  justify-content:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.new-todo-responsive{
  max-height:100dvh;
  overflow:auto
}

.new-todo-responsive .status.not.started{
  content:"";
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  background:#b3b3b3;
  border-radius:5px;
  margin-right:0
}

.new-todo-responsive .status.stopped{
  background:#ffa058
}

.new-todo-responsive .status.delayed{
  background:#FF5858 !important;
  color:#FF5858 !important
}

.new-todo-responsive .status.atrasada{
  background:#FF5858 !important;
  color:#FF5858 !important
}

.new-todo-responsive .status.pending{
  background:#606060
}

.new-todo-responsive .status.in.process,.new-todo-responsive .status.onTime{
  background:#004D80
}

.new-todo-responsive .status.finished,.new-todo-responsive .status.completed{
  background:#5cc8bf
}

.new-todo-responsive .status.no{
  background:#b3b3b3
}

.new-todo-responsive .status.pending{
  background:#757575 !important
}

.new-todo-responsive .status.inprocess{
  background:#81C5ED !important
}

.new-todo-responsive .status.notstarted{
  background:#B3B3B3 !important
}

.new-todo-responsive .status.reviewing{
  background:#F2D146 !important
}

.new-todo-responsive .status.incompleted{
  background:#F2B646 !important
}

.new-todo-responsive .status.completed{
  background:#34BE44 !important
}

.new-todo-responsive .status.delayed{
  background:#FF5858 !important
}

.new-todo-responsive .status.delayed{
  background:#ff5858
}

.new-todo-responsive .status.on.hold{
  background:#FAC88E
}

.new-todo-responsive .calendar-responsive-input{
  height:48px;
  border-radius:5px;
  border:1px solid #c8c8c8;
  display:flex;
  align-items:center;
  padding:0 1.5rem;
  font-size:1rem
}

.new-todo-responsive .calendar-responsive-input label{
  margin-top:-3px
}

@media screen and (max-width: 767px){
  .popover-members-list{
    max-height:calc(var(--vh, 1vh) * 80) !important
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.comments-container{
  background:#FFFFFF;
  border-radius:5px;
  box-shadow:0 6px 12px #3D4B5C1A;
  padding:24px;
  border:1px solid #F2F2F2;
  max-height:calc(95vh - 142px);
  height:calc(95vh - 142px);
  position:sticky;
  top:24px;
  width:100%
}

.comments-container .msg{
  word-break:break-word;
  overflow:hidden;
  max-width:66%
}

.comments-container #comments-container-list{
  max-height:calc(95vh - 366px);
  height:calc(95vh - 366px);
  overflow-y:auto;
  margin-right:-0.5rem;
  padding-right:0.5rem;
  margin-bottom:1.5rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.task-body--files-loaded{
  margin-top:1rem;
  display:flex;
  flex-direction:column;
  gap:0.75rem
}

.task-body--files-zone{
  margin-top:1rem;
  height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%23B3B3B3FF%27 stroke-width=%272%27 stroke-dasharray=%2721%2c 20%27 stroke-dashoffset=%278%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
  border-radius:5px;
  font-size:12px;
  color:#757575
}

.task-body--files-zone.short,.task-body--files-zone.modal.short{
  height:48px
}

.task-body--files-zone.active-drag{
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%235CC8BFFF%27 stroke-width=%272%27 stroke-dasharray=%2721%2c 20%27 stroke-dashoffset=%278%27 stroke-linecap=%27round%27/%3e%3c/svg%3e")
}

.task-body--files-zone.modal{
  height:calc(100% - 50px);
  margin-top:0
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.file{
  height:48px;
  min-height:48px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#F2F2F2;
  padding:0 1rem 0 1.5rem;
  border-radius:5px
}

.file .placeholder{
  cursor:not-allowed;
  opacity:0.75;
  margin-top:1rem
}

.file .name{
  color:#757575
}

.file .actions{
  display:flex;
  gap:12px
}

/* purgecss end ignore */

/* purgecss start ignore */

.file-viewer{
  padding:5vh 5dvw
}

.file-viewer--header{
  display:flex;
  justify-content:space-between;
  font-size:1.5rem;
  align-items:center;
  margin-bottom:1.25rem
}

.file-viewer--header .title{
  max-width:60%
}

.file-viewer--header .actions{
  max-width:20%;
  width:20%;
  justify-content:space-between
}

.file-viewer--header .actions .action{
  width:1.5rem;
  height:1.5rem
}

.file-viewer--header .actions .action:hover{
  cursor:pointer
}

.file-viewer--body{
  height:calc(90vh - 56px);
  border:1px solid #f2f2f2;
  border-radius:5px;
  background-color:#ffffff;
  box-shadow:0px 0px 30px #00000029
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.duplicated-file-modal{
  height:100%;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center
}

.duplicated-file-modal .icon{
  margin:0 auto;
  margin-bottom:50px
}

.duplicated-file-modal .icon img{
  height:95px
}

.duplicated-file-modal .title{
  color:#34BE44;
  font-size:32px
}

.duplicated-file-modal .duplicated-footer{
  display:flex;
  justify-content:flex-end;
  gap:1rem;
  padding-bottom:1rem;
  margin-top:40px
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.new-task-v3{
  height:95dvh;
  max-height:95dvh
}

.new-task-v3 .handle{
  height:36px
}

.new-task-v3 .handle:hover{
  cursor:grab
}

.new-task-v3 .handle:active{
  cursor:grabbing
}

.new-task-v3--header{
  display:flex;
  justify-content:space-between;
  padding-right:1rem;
  align-items:center;
  background:#F2F2F2
}

.new-task-v3--header-tabs{
  display:flex
}

.new-task-v3--header-tabs .tab{
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:130px;
  padding:0 1rem 1px 1rem;
  background:#F2F2F2
}

.new-task-v3--header-tabs .tab.selected{
  background:#FCFCFC
}

.new-task-v3--header-tabs .tab:hover{
  cursor:pointer
}

.new-task-v3--header .close-td{
  padding:4px;
  height:36px;
  display:flex;
  align-items:center
}

.new-task-v3--header .close-td:hover{
  border-radius:5px;
  background:#FF5858
}

.new-task-v3--header .close-td:hover img svg{
  fill:#FFFFFF
}

.new-task-v3--header .close-td img{
  transform:rotate(180deg)
}

.new-task-v3--body{
  padding:1.5rem;
  overflow:auto;
  max-height:calc(100% - 48px);
  padding-right:0.625rem;
  margin-right:0.5rem
}

.multiple-loader{
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:10;
  background:rgba(0,0,0,0.05);
  cursor:not-allowed
}

/* purgecss end ignore */

/* purgecss start ignore */

.date-time-input{
  border:1px solid #B3B3B3;
  height:36px;
  border-radius:5px;
  padding:0 1.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.date-time-input .placeholder{
  color:#B3B3B3
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.action-container{
  min-width:94px
}

.action-container img{
  width:32px;
  height:32px
}

/* purgecss end ignore */

/* purgecss start ignore */

.teammates-td-container{
  flex-wrap:wrap
}

/* purgecss end ignore */

/* purgecss start ignore */

.user-chip{
  height:36px;
  border:1px solid #D4D4D4;
  background:#f2f2f2;
  padding:2px 12px 2px 2px;
  border-radius:18px;
  min-width:113px;
  position:relative
}

.user-chip:hover .delete{
  opacity:1;
  pointer-events:all;
  transition:all 0.3s ease-in-out;
  cursor:pointer;
  z-index:1
}

.user-chip .delete{
  transition-delay:0.3s;
  position:absolute;
  right:0;
  top:-11px;
  opacity:0;
  pointer-events:none;
  transition:all 0.3s ease-in-out;
  width:22px;
  height:22px;
  border-radius:11px;
  background:#FF5858;
  display:flex;
  align-items:center;
  justify-content:center
}

.user-chip .delete img{
  width:18px;
  height:18px
}

.user-chip label.expandable{
  width:0;
  transition:all 0.3s ease-in-out
}

.user-chip label.expandable.expand{
  width:100px;
  transition:all 0.3s ease-in-out
}

.user-chip.expandable{
  width:38px;
  transition:all 0.3s ease-in-out
}

.user-chip.expandable.expand{
  width:135px;
  transition:all 0.3s ease-in-out
}

/* purgecss end ignore */

/* purgecss start ignore */

.teammate-option{
  padding:1rem 1.5rem;
  margin:0 -1.5rem
}

.teammate-option:hover:not(.teammate-option-selected){
  cursor:pointer
}

.teammate-option:hover:not(.teammate-option-selected):not(.selected-teammate){
  background:#F2F2F2
}

.teammate-option.selected-teammate{
  background:#C6E4F9
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.task-v3{
  width:100%;
  background:#F2F2F2;
  border-radius:5px;
  height:36px;
  min-height:36px;
  display:flex;
  align-items:center;
  padding:0 1rem;
  justify-content:space-between;
  position:relative
}

.task-v3.mobile{
  align-items:flex-start;
  flex-direction:column;
  min-height:60px;
  justify-content:center;
  gap:0.375rem
}

.task-v3.deleting{
  opacity:0.5;
  cursor:not-allowed
}

.task-v3.delayed:not(.completed):not(.to-green){
  background:rgba(255,88,88,0.1);
  border:1px solid #FF5858
}

.task-v3:not(.responsive){
  min-width:1100px
}

.task-v3.review-bar::before{
  content:'';
  width:6px;
  border-radius:5px;
  height:100%;
  position:absolute;
  left:0;
  bottom:0;
  background:#F2D146
}

.task-v3.incomplete-bar::before{
  content:'';
  width:6px;
  border-radius:5px;
  height:100%;
  position:absolute;
  left:0;
  bottom:0;
  background:#F2B646
}

.task-v3.to-green{
  background:linear-gradient(to left, #D4F0D7 50%, #f2f2f2 50%) right;
  background-size:200% 100%;
  transition:all 0.5s ease-in-out
}

.task-v3.completed{
  background:#D4F0D7
}

.task-v3.completed .task-title,.task-v3.completed .date-container,.task-v3.completed .priority-container,.task-v3.completed .teammates-display-container,.task-v3.completed .files-container{
  opacity:0.4
}

.task-v3 .date-container.table-view,.task-v3 .priority-container.table-view,.task-v3 .teammates-display-container.table-view,.task-v3 .files-container.table-view,.task-v3 .description-container.table-view{
  justify-content:center;
  display:flex
}

.task-v3 .files-container{
  width:50px
}

.task-v3 .description-container{
  width:30px
}

.task-v3 .description-container.table-view{
  width:100px
}

.task-v3 .title-container{
  width:auto;
  max-width:450px
}

.task-v3 .date-container{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:184px;
  max-width:184px
}

.task-v3 .priority-container{
  display:flex;
  justify-content:left;
  align-items:center;
  gap:0.25rem;
  max-width:68px;
  min-width:68px
}

.task-v3 .teammates-display-container{
  width:80px;
  cursor:pointer
}

.task-v3 .teammates-display-container.no-width{
  width:auto
}

.task-v3 .teammates-display-container .teammates-pics-container .teammate-pic:not(:first-child){
  margin-left:-4px
}

.task-v3 .teammates-display-container .teammates-pics-container .teammate-pic:nth-child(2){
  z-index:1
}

.task-v3 .teammates-display-container .teammates-pics-container .teammate-pic:nth-child(3){
  z-index:2
}

.task-v3 .teammates-display-container .teammates-pics-container .teammate-pic:nth-child(4){
  z-index:3
}

.task-v3 .teammates-display-container .teammates-pics-container .teammate-pic:nth-child(4){
  z-index:4
}

@media (max-width: 768px){
  .task-v3 .teammates-display-container{
    width:auto
  }
}

.task-v3.responsive .priority-container{
  min-width:18px;
  max-width:18px
}

.task-v3.responsive .priority-container img{
  min-width:18px
}

.task-v3.responsive .date-container{
  width:auto;
  min-width:18px;
  max-width:174px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden
}

.task-v3.responsive .project-container{
  width:100px;
  max-width:100px
}

.task-v3.responsive .project-container img{
  min-width:18px;
  max-width:18px
}

.task-v3.responsive .description-container{
  min-width:18px;
  max-width:18px
}

.task-v3.responsive .description-container img{
  min-width:18px;
  max-width:18px
}

.task-v3.responsive .description-container{
  width:30px;
  min-width:30px;
  max-width:30px
}

.task-v3.responsive .description-container.table-view{
  width:30px
}

.task-v3.responsive .date-container.table-view,.task-v3.responsive .priority-container.table-view,.task-v3.responsive .teammates-display-container.table-view,.task-v3.responsive .files-container.table-view,.task-v3.responsive .description-container.table-view{
  justify-content:center !important;
  display:flex !important
}

@media (max-width: 768px){
  .task-v3.responsive .priority-container{
    min-width:18px;
    max-width:18px
  }

  .task-v3.responsive .priority-container img{
    min-width:18px
  }

  .task-v3.responsive .date-container{
    width:auto;
    min-width:18px;
    max-width:174px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
  }

  .task-v3.responsive .project-container{
    width:18px;
    max-width:18px
  }

  .task-v3.responsive .project-container img{
    min-width:18px;
    max-width:18px
  }

  .task-v3.responsive .description-container{
    min-width:18px;
    max-width:18px
  }

  .task-v3.responsive .description-container img{
    min-width:18px;
    max-width:18px
  }

  .task-v3.responsive .description-container{
    width:18px;
    min-width:18px;
    max-width:18px
  }

  .task-v3.responsive .description-container.table-view{
    width:18px
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.priority.medium{
  color:#F2D146
}

.priority.low{
  color:#34BE44
}

.priority.high{
  color:#FF5858
}

.priority.no{
  color:#000000
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.files-popover{
  position:relative
}

.files-popover .files-dnd-zone{
  height:48px;
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%23B3B3B3FF%27 stroke-width=%272%27 stroke-dasharray=%2721%2c 20%27 stroke-dashoffset=%278%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
  border-radius:5px;
  font-size:12px;
  color:#757575
}

.files-popover .files-dnd-zone.active-dnd-zone{
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%235CC8BFFF%27 stroke-width=%272%27 stroke-dasharray=%2721%2c 20%27 stroke-dashoffset=%278%27 stroke-linecap=%27round%27/%3e%3c/svg%3e")
}

.files-popover .files-list{
  margin-top:0.5rem;
  overflow:auto;
  max-height:340px;
  display:flex;
  flex-direction:column;
  gap:0.25rem;
  margin-right:-0.375rem;
  padding-right:0.375rem
}

.files-popover .files-list .file-element{
  height:48px;
  min-height:48px;
  background:#f2f2f2;
  border-radius:5px;
  font-size:0.75rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 0.75rem
}

.files-popover .files-list .file-element .file-name{
  color:#757575;
  margin-top:-2px;
  max-width:150px
}

.files-popover .files-list .file-element:hover{
  cursor:pointer
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.new-task-v2{
  height:36px;
  background:#F2F2F2;
  border-radius:5px;
  width:100%;
  padding:0 1rem
}

.new-task-v2-left{
  width:55%
}

.new-task-v2-right{
  width:40%
}

/* purgecss end ignore */

/* purgecss start ignore */

.nom-input{
  width:98px
}

.nom-input label:not(.text-sm){
  font-size:2rem;
  color:#b3b3b3
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.todo{
  background:#F2F2F2;
  padding:0 1rem;
  border-radius:5px;
  position:relative;
  z-index:1
}

.todo.beeing-deleted{
  display:none
}

.todo.milestone{
  background:#5CC8BF1A
}

.todo.active-sub{
  border:1px solid #707070
}

.todo.selected-task{
  border:2px solid #5CC8BF
}

.todo.finished,.todo.completed{
  background:#34BE4433;
  opacity:0.5
}

.todo .delayed{
  color:#FF5858 !important
}

.todo.new-todo{
  border:2px solid #5CC8BF !important
}

.todo .project{
  color:#1791E4;
  max-width:60px;
  overflow:hidden;
  word-break:break-word;
  white-space:nowrap;
  text-overflow:ellipsis
}

.todo .status{
  min-width:18px;
  min-height:18px;
  max-width:18px;
  max-height:18px;
  border-radius:5px;
  background:#b3b3b3
}

.todo .status.not.started{
  content:"";
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  background:#b3b3b3;
  border-radius:5px;
  margin-right:0
}

.todo .status.stopped{
  background:#ffa058
}

.todo .status.delayed{
  background:#FF5858 !important;
  color:#FF5858 !important
}

.todo .status.atrasada{
  background:#FF5858 !important;
  color:#FF5858 !important
}

.todo .status.pending{
  background:#606060
}

.todo .status.in.process,.todo .status.onTime{
  background:#004D80
}

.todo .status.finished,.todo .status.completed{
  background:#5cc8bf
}

.todo .status.no{
  background:#b3b3b3
}

.todo .status.pending{
  background:#757575 !important
}

.todo .status.inprocess{
  background:#81C5ED !important
}

.todo .status.notstarted{
  background:#B3B3B3 !important
}

.todo .status.reviewing{
  background:#F2D146 !important
}

.todo .status.incompleted{
  background:#F2B646 !important
}

.todo .status.completed{
  background:#34BE44 !important
}

.todo .status.delayed{
  background:#FF5858 !important
}

.todo .status.delayed{
  background:#ff5858
}

.todo .status.on.hold{
  background:#FAC88E
}

.todo .member{
  position:relative;
  max-width:18px;
  min-width:18px;
  max-height:18px
}

.todo .member div img{
  max-width:18px;
  min-width:18px;
  max-height:18px
}

.todo .member .counter{
  position:absolute;
  top:-7px;
  right:-7px;
  background:#004D80;
  color:#ffffff;
  border-radius:50%;
  text-align:center;
  font-size:9px !important;
  width:14px;
  height:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-bottom:2px;
  padding-left:1px
}

.todo .member .reviewer{
  position:absolute;
  top:-7px;
  right:-7px;
  background:#F2D146;
  color:#ffffff;
  border-radius:50%;
  padding-bottom:2px;
  padding-left:1px;
  text-align:center;
  font-size:9px !important;
  width:14px;
  height:14px;
  display:flex;
  align-items:center;
  justify-content:center
}

.subtask-list{
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  background:#d4d4d4;
  width:calc(100% - 1.5rem);
  margin-left:auto;
  padding-top:9px;
  padding-bottom:7px;
  padding-left:2rem;
  position:relative;
  z-index:0;
  margin-top:-2px
}

.subtask-list.dnd{
  width:100%;
  padding-left:0.5rem
}

.subtask-list.dnd.open{
  padding:0.5rem
}

.subtask-list.close{
  font-size:10px;
  color:#757575
}

.subtask-list.open{
  padding-right:2rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.task-detail-v2-body{
  height:calc(85vh - 14px);
  overflow:hidden;
  display:grid;
  grid-template-columns:calc(100% - 527px) calc(515px - 34px);
  -moz-column-gap:44px;
       column-gap:44px;
  position:relative
}

.task-detail-v2-body .info-side{
  padding-left:2rem;
  margin-top:1.25rem;
  margin-bottom:1.125rem;
  padding-bottom:1.25rem;
  max-height:calc(85vh - 16px);
  overflow:auto;
  padding-right:0.5rem;
  margin-right:-0.5rem;
  position:relative
}

.task-detail-v2-body .info-side .drag-drop-container{
  position:fixed;
  top:102px;
  left:1rem;
  width:calc(100% - 2rem);
  height:calc(100% - 118px);
  background:rgba(255,255,255,0.9);
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:1.125rem;
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%235CC8BFFF%27 stroke-width=%272%27 stroke-dasharray=%2721%2c 20%27 stroke-dashoffset=%278%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
  border-radius:5px;
  padding:1rem;
  z-index:1026
}

.task-detail-v2-body .info-side .title-section{
  display:flex;
  gap:0.75rem;
  align-items:center
}

.task-detail-v2-body .info-side .project-section{
  max-width:250px;
  margin-top:2rem
}

.task-detail-v2-body .info-side .multiple-actions-section{
  margin-top:1.5rem;
  display:flex;
  gap:80px
}

.task-detail-v2-body .info-side .teammates-section{
  margin-top:2rem;
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  margin-bottom:2rem
}

.task-detail-v2-body .info-side .files-section{
  margin-top:2rem
}

.task-detail-v2-body .comments-side{
  height:100%;
  margin-top:1.125rem;
  margin-bottom:1.125rem;
  padding-right:1.125rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.activate-focus-mode{
  display:flex;
  flex-direction:column;
  gap:0.25rem;
  align-items:center;
  justify-content:center;
  padding:1rem;
  border-radius:5px;
  background:#f2f2ff;
  max-width:100px
}

.activate-focus-mode img{
  height:48px;
  width:48px
}

.activate-focus-mode label{
  text-align:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.progress-td-container .percentage-container{
  position:absolute;
  top:50%;
  left:1rem;
  transform:translateY(-25%)
}

/* purgecss end ignore */

/* purgecss start ignore */

.comments-td{
  height:100%;
  border:1px solid #D4D4D4;
  box-shadow:0px 0px 10px #3D4B5C1A;
  background:#FFF;
  border-radius:5px;
  padding:0.75rem;
  max-height:calc(85vh - 50px);
  display:flex;
  flex-direction:column;
  justify-content:space-between
}

.comments-td .comments-container-td{
  height:100%;
  display:flex;
  flex-direction:column;
  max-height:calc(70vh - 60px);
  overflow:auto visible;
  padding-right:6px;
  margin-right:-6px
}

.comments-td .comments-container-td .comment-user{
  border:1px solid #E6E6E6;
  background:#f2f2f2;
  padding:10px 12px 9px 12px;
  border-radius:5px
}

.comments-td .comments-container-td .comment-text{
  padding:0 12px
}

.comments-td .comments-new-comment .ql-container{
  max-height:75px;
  min-height:75px
}

/* purgecss end ignore */

/* purgecss start ignore */

.reminder-container{
  min-height:385px;
  max-height:385px;
  overflow:hidden
}

.reminder-container .reminder-list{
  width:316px;
  margin-right:1.5rem
}

.reminder-container .reminder-calendar{
  transition:all 0.3s ease-in-out;
  opacity:0;
  width:400px;
  padding:0 1.5rem
}

.reminder-container .reminder-fixed-times{
  border-left:1px solid #b3b3b3;
  width:220px;
  padding:0 1.5rem;
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  transition:all 0.3s ease-in-out;
  opacity:0
}

.expanded .reminder-container{
  overflow:auto
}

.expanded .reminder-container .reminder-list{
  border-right:1px solid #b3b3b3;
  padding-right:1.5rem
}

.expanded .reminder-container .reminder-calendar{
  transition:all 0.3s ease-in-out;
  opacity:1
}

.expanded .reminder-container .reminder-fixed-times{
  transition:all 0.3s ease-in-out;
  opacity:1
}

.react-calendar__tile:disabled{
  background:none !important;
  color:#b3b3b3;
  opacity:0.8
}

.reminder{
  padding:0.75rem 1rem;
  background:#C6E4F9;
  display:flex;
  justify-content:space-between;
  border-radius:5px;
  position:relative
}

/* purgecss end ignore */

/* purgecss start ignore */

.time-tracker-pop--header{
  height:98px;
  background:#C6E4F9;
  border-bottom:1px solid #D4D4D4;
  box-shadow:0px 3px 12px #3D4B5C26;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  border-radius:5px;
  padding:1rem 1.5rem
}

.time-tracker-pop--header img{
  width:48px;
  height:48px
}

.time-tracker-pop--header .timer{
  font-size:3rem;
  line-height:56px
}

.time-tracker-pop--content{
  padding:1.5rem
}

.time-tracker-pop--content .tracker-tabs{
  display:flex;
  gap:1px
}

.time-tracker-pop--content .tracker-tabs .tracker-tab{
  display:flex;
  background:#f2f2f2;
  height:32px;
  align-items:center;
  justify-content:center;
  padding:0 1rem
}

.time-tracker-pop--content .tracker-tabs .tracker-tab.active-tab{
  background:#004D80
}

.time-tracker-pop--content .tracker-tabs .tracker-tab:first-child{
  border-radius:5px 0 0 5px
}

.time-tracker-pop--content .tracker-tabs .tracker-tab:last-child{
  border-radius:0 5px 5px 0
}

.time-tracker-pop--content .user-chip label{
  max-width:80px
}

.time-tracker-pop--content .settings{
  display:flex;
  justify-content:space-between
}

.time-tracker-pop--content .list{
  max-height:196px;
  margin:0 -12px 0 -24px;
  overflow:auto
}

/* purgecss end ignore */

/* purgecss start ignore */

.times-from-teammate{
  height:80px;
  overflow:hidden;
  transition:all 0.3s ease-in-out
}

.times-from-teammate.open{
  min-height:80px;
  height:100%
}

.times-from-teammate.open .chevron{
  transform:rotate(180deg);
  transition:all 0.3s ease-in-out
}

.times-from-teammate .chevron{
  margin-top:8px;
  transition:all 0.3s ease-in-out
}

.times-from-teammate--header{
  height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#F2F2F2;
  padding:0 24px
}

.times-from-teammate--header .user-info label{
  font-size:1rem
}

.times-from-teammate--header .time-toggle{
  display:flex;
  gap:1rem
}

.times-from-teammate--header .time-toggle label{
  font-size:24px
}

.times-from-teammate--body .time-record{
  padding:11px 24px;
  border-bottom:1px solid #F2F2F2
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.files-td--file-list{
  margin-top:8px;
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:300px;
  padding-right:0.5rem;
  overflow:auto
}

.files-td--drop-zone{
  margin-top:1rem;
  height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%23B3B3B3FF%27 stroke-width=%272%27 stroke-dasharray=%2721%2c 20%27 stroke-dashoffset=%278%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
  border-radius:5px;
  font-size:12px;
  color:#757575
}

.files-td--drop-zone.expand{
  width:92vw !important;
  height:79vh !important;
  z-index:1026;
  background:rgba(255,255,255,0.9);
  position:absolute;
  top:0;
  left:24px
}

.files-td--drop-zone.short,.files-td--drop-zone.modal.short{
  height:48px
}

.files-td--drop-zone.active-drag{
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%235CC8BFFF%27 stroke-width=%272%27 stroke-dasharray=%2721%2c 20%27 stroke-dashoffset=%278%27 stroke-linecap=%27round%27/%3e%3c/svg%3e")
}

.files-td--drop-zone.modal{
  height:calc(100% - 50px);
  margin-top:0
}

/* purgecss end ignore */

/* purgecss start ignore */

.confirmation-modal{
  display:flex;
  height:100%;
  flex-direction:column;
  justify-content:center
}

.confirmation-modal--header{
  color:#1791E4;
  font-size:2rem;
  text-align:center;
  margin-bottom:1.5rem
}

.confirmation-modal--advise{
  font-size:1.125rem
}

.confirmation-modal--footer{
  margin-top:4rem;
  display:flex;
  justify-content:space-between
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.tasks-block{
  height:100%;
  position:relative;
  align-items:center
}

.tasks-block--title{
  justify-content:space-between;
  margin-bottom:1rem
}

.tasks-block--title .title{
  font-size:1.5rem
}

.tasks-block .tasks-block-list{
  height:calc(100% - 52px);
  overflow:auto;
  box-shadow:0px 6px 12px #3d4b5c1a;
  border-radius:5px;
  border:1px solid #E6E6E6;
  padding:1rem
}

.tasks-block .tasks-block-list .list{
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  overflow:auto;
  max-height:calc(100% - 68px);
  padding-right:0.5rem;
  margin-right:-0.5rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.pagination{
  position:absolute;
  bottom:0;
  height:36px;
  border-top:1px solid #E6E6E6;
  border-radius:5px 0 0 5px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:0 12px 1px 12px;
  padding-bottom:1px
}

.pagination .control-box{
  background:#F2F2F2;
  border-top:1px solid #E6E6E6;
  display:flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  border-radius:5px;
  padding-bottom:1px
}

.pagination .control-box img{
  width:16px
}

.pagination .control-box:disabled{
  opacity:0.5
}

.pagination .control-box:disabled:hover{
  cursor:not-allowed
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.dashboard-container{
  height:calc(100vh - 80px);
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(auto, 69%) minmax(307px, 30%);
  gap:2rem
}

.dashboard-container .items-container{
  height:calc(100vh - 125px);
  display:grid;
  gap:1rem;
  grid-template-columns:100%;
  grid-template-rows:200px minmax(calc(100% - 224px), 100%)
}

.dashboard-container .projects-section{
  position:relative
}

.dashboard-container .projects-section:hover .left,.dashboard-container .projects-section:hover .right{
  opacity:1;
  transition:opacity 0.2s ease-in-out
}

.dashboard-container .projects-section .left,.dashboard-container .projects-section .right{
  background:#F2F2F2;
  border-radius:5px;
  min-height:48px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  top:calc(50% + 12px);
  transform:translateY(-50%);
  opacity:0;
  transition:opacity 0.2s ease-in-out;
  box-shadow:0px 2px 6px #00000029
}

.dashboard-container .projects-section .left{
  position:absolute;
  left:1rem
}

.dashboard-container .projects-section .right{
  position:absolute;
  right:1rem
}

.dashboard-container .projects-section .projects-container{
  overflow:auto;
  position:relative
}

@media screen and (max-width: 767px){
  .dashboard-container{
    padding:0.75rem !important
  }

  .dashboard-container .projects-section .projects-title{
    font-size:1rem !important
  }

  .dashboard-container .projects-section .projects-add-button p{
    font-size:0.875rem !important;
    margin-top:-2px
  }

  .dashboard-container .todos-section .tasks-component-title{
    font-size:1rem !important
  }

  .dashboard-container .todos-section .tasks-component-add-label{
    font-size:0.875rem !important
  }

  .dashboard-container .todos-section .tasks-component-search{
    display:none
  }

  .dashboard-container .calendar-container .gray-subtitle{
    font-size:1rem !important
  }
}

.dashboard-container .calendar-container{
  height:calc(100vh - 125px)
}

@media (max-width: 1100px){
  .dashboard-container{
    grid-template-columns:100%;
    overflow:auto;
    padding-bottom:0.75rem
  }

  .items-container{
    height:100%
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.trial-end-modal{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-top:-2rem;
  margin-bottom:-2rem
}

.trial-end-modal .title{
  color:#5CC8BF;
  font-size:2rem;
  margin-bottom:1.5rem
}

.trial-end-modal .advise{
  font-size:1.125rem
}

.trial-end-modal .image{
  margin-top:1.5rem;
  margin-bottom:2rem;
  min-height:266px;
  max-height:266px
}

/* purgecss end ignore */

/* purgecss start ignore */

.new-event-smart{
  overflow:hidden;
  height:100%
}

.new-event-smart .header{
  text-align:center;
  margin-top:0
}

.new-event-smart .btn-date::first-letter{
  text-transform:uppercase
}

.new-event-smart .event-form{
  max-height:calc(100% - 142px);
  overflow:hidden;
  padding-bottom:0.5rem;
  height:100%
}

.new-event-smart .event-form form{
  max-height:calc(100% - 60px);
  height:100%
}

.new-event-smart .event-form .form-container-scroll{
  padding-right:1rem;
  height:100%;
  max-height:calc(100% - 68px);
  overflow:auto;
  margin-bottom:2rem
}

.new-event-smart .saved-events{
  position:relative;
  margin-bottom:1rem
}

.new-event-smart .saved-events .saved-events-container{
  position:relative
}

.new-event-smart .saved-events .saved-events-container .left-control,.new-event-smart .saved-events .saved-events-container .right-control{
  background:#F2F2F2;
  border-radius:5px;
  min-height:32px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10
}

.new-event-smart .saved-events .saved-events-container .left-control.disabled,.new-event-smart .saved-events .saved-events-container .right-control.disabled{
  opacity:0.5;
  cursor:not-allowed
}

.new-event-smart .saved-events .saved-events-container .left-control{
  position:absolute;
  left:1rem
}

.new-event-smart .saved-events .saved-events-container .right-control{
  position:absolute;
  right:1rem
}

.new-event-smart .saved-events .list{
  display:flex;
  gap:1rem;
  overflow:auto;
  flex-wrap:nowrap;
  padding-bottom:0.5rem
}

.new-event-smart .saved-events .list .saved-event{
  display:inline-block;
  min-width:-moz-min-content;
  min-width:min-content;
  white-space:nowrap;
  width:100%;
  padding:11px 1.5rem;
  text-align:center;
  font-size:1rem;
  background:#F2F2F2;
  border:1px solid #F2F2F2;
  border-radius:5px
}

.new-event-smart .saved-events .list .saved-event:hover{
  background:#D4D4D4
}

.new-event-smart .content{
  margin-top:1.5rem;
  max-height:calc(100% - 54px)
}

.new-event-smart .content .left{
  width:100%;
  max-width:300px;
  min-width:300px;
  padding-top:1rem
}

@media screen and (max-width: 1024px){
  .new-event-smart .content .left{
    min-width:200px
  }
}

.new-event-smart .content .left .list{
  height:calc(100% - 50px);
  overflow:auto;
  margin-right:-15px;
  padding-right:15px;
  margin-left:-15px;
  padding-left:15px;
  padding-bottom:1rem
}

@media screen and (max-width: 1024px){
  .new-event-smart .content .left .list{
    margin-right:-7px;
    padding-right:7px
  }
}

.new-event-smart .content .left .saved-events{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px 48px;
  background:#d4d4d4;
  border:1px solid #f2f2f2;
  box-shadow:0px 3px 6px #3d4b5c26;
  border-radius:5px;
  margin-bottom:1.5rem
}

@media screen and (max-width: 1024px){
  .new-event-smart .content .left .saved-events{
    padding:24px
  }
}

.new-event-smart .content .right{
  padding-top:1rem;
  padding-left:30px;
  border-left:1px solid #b3b3b3;
  margin-left:30px
}

@media screen and (max-width: 1024px){
  .new-event-smart .content .right{
    margin-left:15px;
    padding-left:15px
  }
}

.new-event-smart .content .right .sticky-button{
  position:sticky;
  bottom:-1px;
  right:0;
  padding:0.5rem 0.5rem 0.5rem 0;
  background:#fff
}

/* purgecss end ignore */

/* purgecss start ignore */

.external-invites--title{
  font-size:1.125rem;
  text-align:center;
  margin-bottom:2rem
}

.external-invites--body .input-comma-container .add-comma-button{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:0.5rem;
  z-index:10
}

.external-invites--footer{
  display:flex;
  justify-content:space-between;
  align-items:center
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.dropdown-container button{
  position:relative
}

.dropdown--placeholder{
  color:#000000;
  width:100%;
  text-align:left
}

.dropdown--placeholder.place-color{
  color:#b3b3b3 !important
}

.dropdown--placeholder img{
  width:18px;
  height:18px;
  position:absolute;
  right:0.5rem;
  top:50%;
  transform:translateY(-50%);
  transition:all 0.3s ease-in-out
}

.dropdown--placeholder .close{
  opacity:0;
  transition:all 0.3s ease-in-out
}

.dropdown--placeholder .open{
  opacity:1;
  transition:all 0.3s ease-in-out
}

.dropdown--placeholder.invert .close{
  opacity:1;
  transition:all 0.3s ease-in-out
}

.dropdown--placeholder.invert .open{
  opacity:0;
  transition:all 0.3s ease-in-out
}

.dropdown-options{
  display:none
}

.dropdown-options.show{
  display:block
}

ul{
  list-style-type:none;
  padding:0;
  margin:0
}

.SelectGroupLabel{
  margin:5px 0;
  opacity:0.5;
  padding:0 1rem;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  font-size:0.75rem
}

.dropdown-list{
  background:#FFFFFF;
  color:#606060;
  margin:0;
  list-style-type:none;
  overflow-y:auto;
  overflow-x:hidden !important;
  border-radius:8px;
  padding:7px;
  outline:0;
  box-shadow:0px 6px 12px #3d4b5c33;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  border:1px solid #b3b3b3;
  z-index:1000
}

.Option:focus{
  background:#F2F2F2;
  cursor:pointer;
  position:relative;
  z-index:1
}

.Option{
  height:100%;
  min-height:35px;
  max-height:35px;
  margin:0 -0.5rem;
  padding:0 1rem;
  cursor:default;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:transform 0.15s ease-out;
  outline:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}

.Option>div{
  display:flex;
  align-items:center;
  gap:10px
}

.Option::marker{
  display:none
}

.OptionIcon{
  width:24px;
  height:24px;
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:50%;
  background:#1d1e20;
  color:transparent
}

.ScrollArrow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:2px 0;
  z-index:25;
  font-size:80%;
  cursor:default;
  height:20px;
  border-radius:8px
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.select-checkbox-option.ant-select-item-option-selected{
  font-weight:400;
  background-color:#F2F2F2
}

.select-checkbox-option.ant-select-item-option-selected .ant-select-item-option-state{
  display:none
}

.select-checkbox-option .ant-select-item-option-content{
  display:flex;
  align-items:center;
  gap:0.25rem
}

.ant-select-lg{
  height:48px
}

.ant-select-lg.ant-select-single .ant-select-selector{
  padding:0 1.5rem !important
}

.ant-select-lg.ant-select-single .ant-select-selector .ant-select-selection-item:after{
  display:none
}

.ant-select-lg.ant-select-multiple .ant-select-selection-placeholder{
  right:1.5rem;
  left:1.5rem
}

.ant-select-lg.ant-select-multiple .ant-select-selector .ant-select-selection-overflow{
  gap:0.125rem
}

.ant-select-lg.ant-select-multiple .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item-rest{
  font-size:0.875rem !important;
  font-weight:400;
  max-height:29px
}

.ant-select-lg.ant-select-multiple .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item-rest .ant-select-selection-item{
  max-height:29px;
  line-height:29px;
  margin-top:0;
  margin-bottom:0
}

.ant-select-lg .ant-select-selector{
  height:48px !important;
  border-radius:5px !important;
  box-shadow:0px 3px 6px #3d4b5c33 !important;
  border-color:#b3b3b3 !important;
  padding-left:1.5rem;
  padding-right:1.5rem;
  display:flex;
  align-items:center
}

.checkbox-tag-renderer{
  display:flex;
  gap:0.125rem;
  font-size:0.875rem;
  padding:2px 6px 3px 6px;
  align-items:center;
  background:#F2F2F2;
  border-radius:3px;
  color:#606060
}

.checkbox-tag-renderer img{
  width:24px
}

/* purgecss end ignore */

/* purgecss start ignore */

.delete-title{
  font-size:1.875rem;
  color:#FF5858
}

.delete-confirmation{
  font-size:1.375rem
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.calendar-container .smart-container{
  margin:1.5rem;
  border:1px solid #f2f2f2;
  box-shadow:0px 0px 20px #3d4b5c33;
  border-radius:5px;
  height:calc(100vh - 8rem);
  overflow:hidden
}

.calendar-container .smart-container .e-schedule{
  box-shadow:0px 6px 12px #3d4b5c1a !important;
  border-radius:5px !important
}

.calendar-container .e-schedule{
  font-family:'sofia-pro', sans-serif !important
}

.calendar-container .e-schedule .e-appointment-details{
  padding:0 !important;
  height:100%;
  background:white
}

.calendar-container .e-schedule .e-appointment{
  box-shadow:0px 3px 6px #00000029 !important
}

.calendar-container .schedule-smart .e-schedule-toolbar{
  margin-bottom:0px !important
}

.calendar-container .schedule-smart .e-block-appointment{
  background:#5cc8bf
}

.calendar-container .schedule-smart .e-header-row:first-child{
  display:none
}

.calendar-container .schedule-smart .e-resource-left-td{
  display:none
}

.calendar-container .schedule-smart .e-outer-table>tbody>tr:nth-child(2)>td:nth-child(1){
  display:none
}

.calendar-container .schedule-smart .e-schedule-toolbar-container{
  padding:0px !important
}

.calendar-container .schedule-smart .e-timeline-view .e-current-time{
  color:#004D80
}

.calendar-container .schedule-smart .e-timeline-view .e-current-timeline{
  border-left:1px solid #004D80
}

.calendar-container .schedule-smart .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots{
  color:#757575
}

.calendar-container .schedule-smart .e-block-appointment .month-template-wrap{
  display:none
}

.calendar-container .schedule-smart .e-timeline-view .e-alternate-cells{
  border-left-style:hidden
}

.calendar-container .schedule-smart .e-timeline-view .e-date-header-wrap table td{
  border-color:white;
  border-width:0px
}

.calendar-container .schedule-smart-2 .e-vertical-view .e-date-header-wrap table col,.calendar-container .schedule-smart-2 .e-vertical-view .e-content-wrap table col{
  width:300px
}

.calendar-container .schedule-smart-2 .e-block-appointment{
  background-color:transparent;
  border-top:3px solid #5cc8bf;
  border-bottom:3px solid #5cc8bf;
  z-index:10
}

.calendar-container .schedule-smart-2 .e-vertical-view .e-header-cells{
  display:none
}

.calendar-container .schedule-smart-2 .e-vertical-view .e-date-header-wrap table tbody td{
  border-width:1px 0 1px 1px;
  background:#f2f2f2
}

.calendar-container .schedule-smart-2 .e-vertical-view .e-date-header-wrap table tbody td:first-of-type{
  border-radius:5px 0px 0px 5px
}

.calendar-container .schedule-smart-2 .e-vertical-view .e-date-header-wrap table tbody td:last-of-type{
  border-radius:0px 5px 5px 0px;
  border-width:1px 1px 1px 1px
}

.calendar-container .schedule-smart-2 .e-vertical-view .e-left-indent-wrap table tbody td{
  border-width:0 0 0px 0px
}

.calendar-container .schedule-smart-2 .e-date-header-wrap{
  border-color:white !important
}

.calendar-container .schedule-smart-2 .e-date-header-wrap .e-schedule-table thead{
  display:none
}

.calendar-container .overlap-smart .e-schedule-toolbar-container{
  padding-top:0px !important
}

.calendar-container .overlap-smart .e-schedule-toolbar{
  margin-bottom:0px !important
}

.calendar-container .overlap-smart .e-vertical-view .e-date-header-wrap table tbody td{
  padding:0px
}

.calendar-container .overlap-smart .e-today{
  display:none
}

.calendar-container .overlap-smart .e-vertical-view .e-selected-cell{
  background:white !important
}

.calendar-container .overlap-smart .e-vertical-view{
  cursor:pointer !important
}

.calendar-container .schedule-smart-2 .e-schedule-table{
  padding-bottom:1px
}

.calendar-container .schedule-smart-2 .e-vertical-view .e-work-cells{
  border-width:0 0 1px 1px
}

.calendar-container .schedule-smart-2 .e-all-day-row{
  display:none
}

.calendar-container .schedule-smart-2 .user-selected-container{
  padding:0rem 2rem 0rem 1.5rem;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  -moz-column-gap:1rem;
       column-gap:1rem;
  max-width:20rem
}

.calendar-container .schedule-smart-2 .user-selected-container .user-selected-image{
  min-width:48px;
  width:48px;
  height:48px;
  overflow:hidden;
  border-radius:100px
}

.calendar-container .schedule-smart-2 .user-selected-container .user-selected-image img{
  width:100%;
  height:auto;
  -o-object-fit:cover;
     object-fit:cover
}

.calendar-container .schedule-smart-2 .user-selected-container header{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  row-gap:0.2rem
}

.calendar-container .schedule-smart-2 .user-selected-container header p{
  white-space:nowrap;
  max-width:11rem
}

.calendar-container .schedule-smart-2 .user-selected-container header img{
  max-width:1.74rem
}

.calendar-container .week-template-wrap{
  background:#f2f2f2 !important;
  padding-left:5px !important;
  padding-right:5px !important;
  padding-top:7px !important;
  padding-bottom:10px !important;
  font-size:14px !important;
  font-weight:500 !important
}

.calendar-container .month-template-wrap{
  color:black;
  background:#ffffff;
  padding-left:10px;
  padding-right:10px;
  font-weight:500;
  display:flex;
  justify-content:space-between;
  width:100%;
  height:100%;
  border-radius:5px;
  font-size:0.7rem;
  align-items:center
}

.calendar-container .month-template-wrap .text-grey{
  font-size:0.6rem;
  color:rgba(96,96,96,0.553);
  text-align:end
}

.calendar-container .agenda-template-wrap{
  background:white;
  padding-left:10px;
  font-weight:500;
  box-shadow:0px 3px 6px #00000029 !important;
  border-radius:5px;
  color:#606060;
  width:100%;
  height:100%;
  display:flex;
  align-items:center
}

.calendar-container .agenda-template-wrap .text-grey{
  color:rgba(96,96,96,0.553)
}

.calendar-container .agenda-template-wrap .project-section{
  height:100%;
  align-items:center;
  justify-content:center;
  width:100%;
  padding-right:10px;
  padding-left:10px;
  margin-left:10px;
  box-shadow:0px 3px 6px #00000029;
  color:black
}

.calendar-container .e-appointment-details>div{
  width:100%;
  height:100%
}

.calendar-container .e-more-popup-wrapper .e-appointment>div{
  width:100%
}

.calendar-container .status{
  height:16px;
  width:16px;
  border-radius:12px
}

.calendar-container .status.delayed{
  background:#ff5858
}

.calendar-container .status.ontime{
  background:#5cc8bf
}

.calendar-container .status.pending{
  background:#757575 !important
}

.calendar-container .status.inprocess{
  background:#81c5ed !important
}

.calendar-container .status.onhold{
  background:#EF8132 !important
}

.calendar-container .status.notstarted{
  background:#b3b3b3 !important
}

.calendar-container .status.reviewing{
  background:#f2d146 !important
}

.calendar-container .status.incompleted{
  background:#f2b646 !important
}

.calendar-container .status.completed{
  background:#34be44 !important
}

.calendar-container .pic-container{
  height:16px;
  width:16px;
  border-radius:12px;
  overflow:hidden
}

.calendar-container .pic-container .mini-pic{
  border-radius:12px !important
}

.calendar-container .text-black{
  color:#000000 !important
}

.calendar-container .button-nav-style{
  background:#f2f2f2 !important;
  padding-left:32px !important;
  padding-right:32px !important;
  border-radius:5px !important
}

.calendar-container .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,.calendar-container .e-schedule .e-schedule-toolbar .e-active-view .e-icons{
  background:#757575 !important;
  color:white !important;
  font-weight:bold !important;
  font-family:'sofia-pro', sans-serif !important
}

.calendar-container .e-active-view button{
  background:#757575 !important;
  color:white !important
}

.calendar-container .e-schedule .e-schedule-toolbar .e-toolbar-items{
  background:white
}

.calendar-container .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos{
  height:48px !important;
  min-height:48px !important;
  background:white
}

.calendar-container .e-toolbar .e-tbar-btn .e-tbar-btn-text{
  font-family:'sofia-pro', sans-serif !important;
  color:#757575 !important
}

.calendar-container .add-event-calendar{
  margin-right:2rem
}

.calendar-container .add-event-calendar img{
  min-width:24px !important;
  width:24px !important;
  background-size:24px !important
}

.calendar-container .add-event-calendar p{
  font-weight:bold;
  font-size:0.9rem;
  padding-left:0.5rem;
  color:#757575
}

.calendar-container .profile-section-calendar{
  width:auto
}

.calendar-container .profile-section-calendar .profile-container{
  display:flex;
  margin-right:2rem
}

.calendar-container .profile-section-calendar .profile-container .pic-container{
  border-radius:25px;
  width:35px;
  height:35px;
  overflow:hidden;
  margin-right:0.75rem
}

.calendar-container .profile-section-calendar .profile-container .data-container{
  display:flex;
  flex-direction:column;
  justify-content:center
}

.calendar-container .profile-section-calendar .profile-container .data-container .title{
  line-height:14px
}

.calendar-container .profile-section-calendar .profile-container .data-container .title.bold{
  font-weight:bold
}

.calendar-container .e-more-popup-wrapper .e-appointment{
  margin-bottom:10px !important
}

.calendar-container .e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-icon,.calendar-container .e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-edit-icon,.calendar-container .e-schedule .e-month-view .e-appointment .e-appointment-details .e-left-icon,.calendar-container .e-schedule .e-month-view .e-appointment .e-appointment-details .e-right-icon{
  width:-moz-fit-content !important;
  width:fit-content !important;
  display:none
}

.calendar-container .e-more-popup-wrapper .e-appointment .e-recurrence-icon,.calendar-container .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon{
  width:-moz-fit-content !important;
  width:fit-content !important;
  display:none
}

.calendar-container .e-schedule .e-month-view .e-date-header-wrap table td,.calendar-container .e-schedule .e-month-agenda-view .e-date-header-wrap table td{
  text-align:right !important;
  font-size:14px !important
}

.calendar-container .e-schedule .e-month-view .e-date-header{
  display:block !important;
  text-align:right !important;
  color:#b3b3b3 !important;
  font-size:11px !important
}

.calendar-container .e-schedule .e-month-view .e-current-date .e-date-header,.calendar-container .e-schedule .e-month-agenda-view .e-current-date .e-date-header{
  margin-left:auto !important;
  text-align:center !important
}

.calendar-container .e-schedule .e-agenda-view .e-appointment{
  border-left:0px !important
}

.calendar-container .e-schedule .e-agenda-view .e-appointment.e-template{
  display:block;
  width:100%
}

.calendar-container .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone){
  cursor:pointer;
  border-radius:6px
}

.calendar-container .e-appointment-new{
  background:white !important;
  border:1px solid #EF8132 !important;
  cursor:pointer !important
}

.calendar-container .week-template-wrap{
  background:white !important
}

.calendar-container .schedule-day{
  border-radius:5px;
  height:calc(100vh - 238px) !important
}

.calendar-container .schedule-tasks-month .e-table-container{
  padding-right:0.45rem
}

.calendar-container .schedule-smart{
  height:calc(90vh - 145px) !important
}

.calendar-container .e-schedule .e-year-view .e-calendar-wrapper{
  padding-bottom:40px
}

.calendar-container .e-schedule .e-month-view .e-content-table{
  padding-bottom:30px
}

.calendar-container .e-schedule .e-week-view .e-content-table{
  padding-bottom:30px
}

.calendar-container .schedule-day .e-table-container .e-day-view table .e-left-indent-wrap,.calendar-container .schedule-day .e-table-container .e-day-view table .e-date-header-container{
  display:none
}

.calendar-container .schedule-day .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos{
  background:white !important
}

.calendar-container .event-container .e-schedule{
  box-shadow:0px 6px 12px #3d4b5c1a !important;
  border-radius:5px !important
}

.calendar-container .hidden-calendar{
  visibility:hidden;
  opacity:0;
  transition:visibility 0.3s linear, opacity 0.3s linear
}

.calendar-container .visible-calendar{
  visibility:visible;
  opacity:1
}

.calendar-container .e-schedule .e-month-view .e-work-cells{
  height:88px !important
}

.calendar-container .quickinfo-header{
  color:black;
  border-radius:5px 5px 0px 0px
}

.calendar-container .quickinfo-header .quickinfo-header-content{
  padding:24px
}

.calendar-container .quickinfo-header .quickinfo-header-content .quickinfo-title{
  color:black;
  font-size:16px;
  padding-left:8px;
  font-weight:bold
}

.calendar-container .e-popup-header{
  border-radius:5px 5px 0px 0px
}

.calendar-container .e-quick-popup-wrapper{
  width:399px !important;
  min-width:399px !important;
  border-radius:5px !important;
  box-shadow:none
}

.calendar-container .e-quick-popup-wrapper .e-event-popup{
  margin-bottom:100px;
  box-shadow:1px 2px 58px -17px rgba(0,0,0,0.75);
  -webkit-box-shadow:1px 2px 58px -17px rgba(0,0,0,0.75);
  -moz-box-shadow:1px 2px 58px -17px rgba(0,0,0,0.75);
  border-radius:5px
}

.calendar-container .e-quick-popup-wrapper .e-event-popup .e-popup-content{
  padding:0 !important;
  border-radius:0px 0px 5px 5px;
  background:white
}

.calendar-container .quickinfo-content{
  padding:24px 18px 24px 18px;
  border-radius:0px 0px 5px 5px;
  font-size:14px
}

.calendar-container .quickinfo-content .see-more{
  color:#004D80;
  text-decoration:underline
}

.calendar-container .close-quick{
  font-size:19px;
  line-height:18px;
  color:white
}

.calendar-container .mini-pic-full-container{
  margin-right:0.5rem
}

.calendar-container .mini-pic{
  width:32px;
  height:32px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #004D80
}

.calendar-container .mini-pic span{
  font-size:0.9rem
}

.calendar-container .mini-pic img{
  -o-object-fit:cover;
     object-fit:cover;
  height:100%;
  width:100%;
  border-radius:50%
}

.calendar-container .ant-message .anticon{
  top:-3px !important;
  z-index:20000
}

.calendar-container .ant-message .anticon>svg>path{
  color:#52c41a !important
}

.calendar-container .e-schedule .e-schedule-toolbar .e-toolbar-pop{
  border-radius:5px
}

.calendar-container .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn{
  align-content:center;
  display:block;
  line-height:0px
}

.calendar-container .e-schedule .e-vertical-view .e-alternate-cells{
  border-bottom-style:none
}

.calendar-container .e-schedule .e-vertical-view .e-time-cells-wrap .e-time-cells{
  border-bottom-color:transparent
}

.calendar-container .e-schedule .e-vertical-view .e-time-cells-wrap table td{
  border-width:0 0px 0px 0
}

.calendar-container .e-schedule .e-vertical-view .e-time-cells-wrap table td>span{
  margin-top:-23px;
  display:block
}

.calendar-container .e-schedule{
  border:transparent
}

.calendar-container .e-schedule .e-schedule-toolbar .e-tbar-btn{
  background:white
}

.calendar-container .schedule-day .e-vertical-view .e-left-indent{
  width:45px !important
}

.calendar-container .schedule-day .e-vertical-view .e-time-cells-wrap table td{
  text-align:left !important
}

.calendar-container .e-schedule .e-month-view .e-date-header-wrap table td,.calendar-container .e-schedule .e-month-agenda-view .e-date-header-wrap table td{
  font-weight:bold
}

.calendar-container .e-schedule .e-month-view .e-appointment{
  color:black
}

.calendar-container .e-schedule .e-vertical-view .e-day-wrapper .e-appointment{
  color:black
}

.calendar-container .e-schedule .e-timeline-view .e-appointment,.calendar-container .e-schedule .e-timeline-month-view .e-appointment{
  color:black
}

.calendar-container .schedule-day .e-vertical-view .e-clone-time-indicator,.calendar-container .schedule-day .e-vertical-view .e-current-time{
  color:#004D80;
  font-size:12px;
  background:white;
  padding-right:13px !important
}

.calendar-container .e-schedule .e-vertical-view .e-clone-time-indicator,.calendar-container .e-schedule .e-vertical-view .e-current-time{
  color:#004D80;
  font-size:12px;
  background:white;
  padding-right:0px
}

.calendar-container .e-schedule .e-vertical-view .e-current-timeline{
  border-top:1px solid #004D80
}

.calendar-container .e-schedule .e-schedule-toolbar{
  background:white;
  box-shadow:none !important;
  margin-bottom:1rem
}

.calendar-container .schedule-day .e-schedule-toolbar{
  margin-bottom:0rem
}

.calendar-container .e-schedule .e-month-view .e-date-header-wrap table td,.calendar-container .e-schedule .e-month-agenda-view .e-date-header-wrap table td{
  border-color:rgba(175,175,175,0.12) !important
}

.calendar-container .e-schedule .e-month-view .e-work-cells,.calendar-container .e-schedule .e-month-agenda-view .e-work-cells{
  border-color:rgba(175,175,175,0.12) !important
}

.calendar-container .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,.calendar-container .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day{
  color:#004D80
}

.calendar-container .e-schedule .e-month-view .e-current-date .e-date-header,.calendar-container .e-schedule .e-month-agenda-view .e-current-date .e-date-header{
  background-color:#004D80;
  color:white !important;
  line-height:18px
}

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

.calendar-container .e-schedule .e-vertical-view .e-header-cells.e-current-day{
  color:#004D80
}

.calendar-container .e-schedule .e-agenda-view .e-day-date-header.e-current-day{
  color:#004D80
}

.calendar-container .e-schedule .e-month-view .e-appointment{
  border-radius:5px;
  border:none
}

.calendar-container .e-more-popup-wrapper .e-appointment{
  color:black;
  border-radius:6px;
  padding:0px
}

.calendar-container .e-quick-popup-wrapper{
  border-radius:10px;
  background:none
}

.calendar-container .schedule-year .e-popup{
  background:white !important
}

.calendar-container .e-schedule .e-schedule-toolbar .e-tbar-btn:hover,.calendar-container .e-schedule .e-schedule-toolbar .e-tbar-btn:focus{
  background:white
}

.calendar-container .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-prev .e-icon-prev,.calendar-container .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-next .e-icon-next{
  font-size:17px;
  color:black
}

.calendar-container .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text{
  font-size:17px;
  font-weight:bold;
  color:black !important
}

.calendar-container .schedule-day .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text{
  font-size:17px;
  font-weight:bold;
  color:black !important
}

.calendar-container .e-schedule .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow{
  display:none
}

.calendar-container .schedule-day .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow{
  display:none
}

.calendar-container .e-more-popup-wrapper .e-more-event-date-header .e-current-date{
  color:#004D80
}

.calendar-container .schedule-day .e-schedule-toolbar .e-tbar-btn:hover,.calendar-container .schedule-day .e-schedule-toolbar .e-tbar-btn:focus{
  background-color:white
}

.calendar-container .schedule-day .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover{
  background-color:white
}

.calendar-container .e-btn.e-flat.e-primary,.calendar-container .e-css.e-btn.e-flat.e-primary{
  background:#EF8132;
  border-radius:5px;
  text-transform:lowercase !important;
  color:#fff !important;
  font-weight:lighter;
  height:31px;
  padding:0px 15px
}

.calendar-container .e-btn.e-flat.e-primary::first-letter,.calendar-container .e-css.e-btn.e-flat.e-primary::first-letter{
  text-transform:uppercase !important
}

.calendar-container .e-btn.e-flat.e-primary:hover,.calendar-container .e-css.e-btn.e-flat.e-primary:hover{
  background:#EF8132;
  border-radius:5px;
  text-transform:lowercase !important;
  color:#fff !important;
  font-weight:lighter;
  height:31px;
  padding:0px 15px
}

.calendar-container .e-calendar .e-content td.e-selected span.e-day,.calendar-container .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day{
  background-color:#004D80
}

.calendar-container .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text{
  text-transform:capitalize !important
}

.calendar-container .e-schedule .e-appointment .e-recurrence-icon::before{
  color:black;
  font-size:14px
}

.calendar-container .schedule-day .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text{
  text-transform:lowercase !important;
  display:block;
  margin-top:-1px
}

.calendar-container .e-schedule .e-schedule-toolbar-container{
  padding:16px
}

.calendar-container .schedule-day .e-schedule-toolbar-container{
  padding:0px
}

.calendar-container .schedule-dashboard .e-schedule-toolbar-container{
  padding:0px
}

.calendar-container .e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-icon{
  display:block;
  float:right;
  height:auto;
  right:0;
  position:absolute
}

.calendar-container .e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-icon::before{
  font-size:12px
}

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

.calendar-container .e-calendar .e-content td:hover span.e-day,.calendar-container .e-calendar .e-content td:focus span.e-day,.calendar-container .e-bigger.e-small .e-calendar .e-content td:hover span.e-day,.calendar-container .e-bigger.e-small .e-calendar .e-content td:focus span.e-day{
  background-color:#f2f2f2;
  border-radius:5px
}

.calendar-container .e-calendar .e-content td.e-selected span.e-day,.calendar-container .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day{
  border-radius:5px !important
}

.calendar-container .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,.calendar-container .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator{
  background-color:black;
  width:3px;
  height:3px;
  margin:-6px auto 0;
  margin-bottom:2px
}

.calendar-container .button-nav-style-today{
  background:#EF8132 !important;
  padding-left:32px !important;
  padding-right:32px !important;
  border-radius:5px !important;
  margin-right:1rem !important;
  width:auto;
  font-size:1rem;
  height:40px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  padding-left:2rem !important;
  padding-right:2rem !important;
  outline:none;
  border:1px solid #b3b3b30f;
  color:#000;
  box-shadow:0px 3px 6px #3d4b5c26
}

.e-calendar{
  padding:24px;
  border-radius:5px;
  border:1px solid #004D80;
  max-width:361px
}

.e-calendar .e-header.e-month{
  padding:0px;
  padding-bottom:16px
}

.e-calendar .e-content table{
  padding:0px;
  padding-bottom:16px
}

.e-calendar .e-footer-container{
  padding:0px
}

.e-calendar th{
  color:#b3b3b3
}

.e-calendar .e-header .e-title{
  color:black;
  font-weight:bold;
  padding-left:5px
}

.e-calendar .e-header span{
  color:black
}

.e-calendar .e-header .e-icon-container{
  padding-top:4px
}

.e-calendar .e-content td.e-today span.e-day{
  background:#d4d4d4;
  color:black;
  border:none;
  border-radius:5px
}

.e-calendar .e-content td.e-today:hover span.e-day{
  border:none;
  color:black
}

.overlap-smart .e-vertical-view .e-work-cells:hover{
  background:white
}

.overlap-smart .user-selected-container{
  max-width:100% !important
}

.calendar-container .overlap-smart .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone){
  cursor:default
}

.stripe-event{
  color:black;
  background:repeating-linear-gradient(135deg, white, white 10px, rgba(255,88,88,0.0941176) 0px, rgba(255,88,88,0.0941176) 12px) !important
}

.stripe-event-header{
  background-image:linear-gradient(113deg, #fadfdf 6.25%, transparent 6.25%, transparent 50%, #fadfdf 50%, #fadfdf 56.25%, transparent 56.25%, transparent 100%) !important;
  background-size:16px 37.69px !important
}

.e-schedule .e-appointment .e-recurrence-edit-icon::before{
  content:''
}

.e-schedule .e-appointment .e-recurrence-icon::before{
  content:''
}

.no-date-tasks-container-collapsed-calendar{
  position:absolute;
  z-index:10;
  top:140px;
  height:calc(100vh - 329px);
  right:0;
  width:32px;
  background:#f2f2f2 0% 0% no-repeat padding-box;
  border:1px solid #d4d4d4;
  border-radius:0px 5px 5px 0px;
  opacity:1;
  writing-mode:vertical-rl;
  clip:rect(0px width height 0px);
  transition:clip 600ms ease-out;
  display:flex
}

.no-date-tasks-container-collapsed-calendar .header-container{
  display:flex;
  align-items:center
}

.no-date-tasks-container-collapsed-calendar .header-container img{
  transform:rotate(0deg);
  transition:transform 0.25s linear
}

.no-date-tasks-container-expanded-calendar{
  position:absolute;
  z-index:10;
  top:140px;
  height:calc(100vh - 329px);
  right:0;
  width:390px;
  background:#ffffff 0% 0% no-repeat padding-box;
  box-shadow:0px 10px 20px #00000029;
  border:1px solid #d4d4d4;
  border-radius:0px 5px 5px 0px;
  opacity:1;
  padding:16px 24px;
  clip:rect(0px width height 0px);
  transition:clip 600ms ease-out
}

.no-date-tasks-container-expanded-calendar .header-container{
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between
}

.no-date-tasks-container-expanded-calendar .header-container img{
  transform:rotate(180deg);
  transition:transform 0.25s linear
}

.no-date-tasks-container-expanded-calendar .no-date-tasks-list{
  overflow:auto;
  height:calc(100% - 50px)
}

.schedule-tasks-week .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-left-icon,.schedule-tasks-week .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-right-icon{
  display:none
}

.schedule-tasks .e-bigger .e-more-popup-wrapper .e-header-day,.schedule-tasks .e-more-popup-wrapper .e-header-day{
  color:#606060;
  text-transform:capitalize;
  padding-top:0.5rem;
  font-weight:bold
}

.schedule-day .e-schedule-toolbar-container{
  position:relative !important
}

.schedule-day .e-schedule-toolbar-container .e-popup.e-popup-open{
  right:0 !important;
  left:auto !important
}

.schedule-smart-2 .e-schedule-toolbar-container{
  position:relative !important
}

.schedule-smart-2 .e-schedule-toolbar-container .e-popup.e-popup-open{
  right:0 !important;
  left:auto !important
}

.arrows-container .left,.arrows-container .right{
  background:#f2f2f2;
  border-radius:5px;
  min-height:32px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  top:50%;
  transform:translateY(-50%);
  transition:opacity 0.3s ease-in-out;
  opacity:0;
  position:absolute;
  box-shadow:0px 2px 6px #00000029
}

.arrows-container .left.disabled,.arrows-container .right.disabled{
  opacity:0.5;
  cursor:not-allowed
}

.arrows-container:hover .left,.arrows-container:hover .right{
  opacity:1;
  transition:opacity 0.3s ease-in-out
}

.arrows-container:hover .left{
  left:0
}

.arrows-container:hover .right{
  right:0
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

@media screen and (max-width: 767px){
  .event-preview-modal{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:100%
  }
}

.event-preview-modal .event-preview--header{
  max-height:191px;
  border-bottom-right-radius:5px;
  boder-bottom-left-radius:5px;
  border-bottom:1px solid #004D80;
  padding:2rem;
  margin:-2rem -2rem 0 -2rem;
  box-shadow:0px 0px 5px #00000029;
  background:#F2F2F2
}

.event-preview-modal .event-preview--header .title{
  max-width:300px;
  white-space:break-spaces;
  text-overflow:ellipsis;
  max-height:66px;
  height:66px
}

@media screen and (max-width: 767px){
  .event-preview-modal .event-preview--header{
    max-height:none
  }
}

.event-preview-modal .event-preview--body{
  padding-top:2rem;
  max-height:366px;
  overflow:auto;
  height:50dvh
}

.event-preview-modal .event-preview--body.external{
  height:calc(35vh + 4px)
}

@media screen and (max-width: 767px){
  .event-preview-modal .event-preview--body{
    max-height:none
  }
}

.event-preview-modal .event-preview--body .members{
  display:flex;
  gap:0.5rem
}

.event-preview-modal .event-preview--body .information{
  margin-top:50px
}

.event-preview-modal .event-preview--body .information .suggested{
  color:#5CC8BF
}

.event-preview-modal .event-preview--body .information .left,.event-preview-modal .event-preview--body .information .right{
  position:absolute;
  top:calc(7px + 50%);
  transform:translateY(-50%)
}

.event-preview-modal .event-preview--body .information .left{
  left:0
}

.event-preview-modal .event-preview--body .information .right{
  right:0
}

.event-preview-modal .event-preview--body .information .time{
  gap:12px
}

.event-preview-modal .event-preview--body .information .place,.event-preview-modal .event-preview--body .information .description{
  font-size:14px
}

.event-preview-modal .event-preview--body .information .description{
  max-height:180px
}

.event-preview-modal .event-preview--body .information .description .description-text{
  overflow:auto;
  max-height:175px;
  padding-right:0.5rem;
  margin-right:-0.5rem
}

.event-preview-modal .event-preview--body .information .detail{
  margin-top:28px;
  display:grid;
  gap:3.125rem;
  height:100%;
  grid-template-columns:repeat(2, calc(50% - 2rem))
}

@media screen and (max-width: 767px){
  .event-preview-modal .event-preview--body .information .detail{
    grid-template-columns:100%;
    gap:1rem
  }
}

.event-preview-modal .event-preview--footer{
  margin-top:3rem;
  display:flex;
  gap:1.5rem;
  align-items:center
}

@media screen and (max-width: 767px){
  .event-preview-modal .event-preview--footer{
    flex-direction:column;
    gap:1rem
  }
}

.event-preview-modal .event-preview--footer-external{
  background:rgba(250,200,142,0.1);
  margin:1rem -2rem -2rem -2rem;
  padding:1rem 2rem
}

@media screen and (max-width: 767px){
  .event-preview-modal .event-preview--footer-external{
    flex-direction:column;
    gap:1rem
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.new-event-smart{
  overflow:hidden;
  height:100%
}

.new-event-smart .header{
  text-align:center;
  margin-top:0
}

.new-event-smart .btn-date::first-letter{
  text-transform:uppercase
}

.new-event-smart .event-form{
  max-height:calc(100% - 142px);
  overflow:hidden;
  padding-bottom:0.5rem;
  height:100%
}

.new-event-smart .event-form form{
  max-height:calc(100% - 60px);
  height:100%
}

.new-event-smart .event-form .form-container-scroll{
  padding-right:1rem;
  height:100%;
  max-height:calc(100% - 68px);
  overflow:auto;
  margin-bottom:2rem
}

.new-event-smart .saved-events{
  position:relative;
  margin-bottom:1rem
}

.new-event-smart .saved-events .saved-events-container{
  position:relative
}

.new-event-smart .saved-events .saved-events-container .left-control,.new-event-smart .saved-events .saved-events-container .right-control{
  background:#F2F2F2;
  border-radius:5px;
  min-height:32px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10
}

.new-event-smart .saved-events .saved-events-container .left-control.disabled,.new-event-smart .saved-events .saved-events-container .right-control.disabled{
  opacity:0.5;
  cursor:not-allowed
}

.new-event-smart .saved-events .saved-events-container .left-control{
  position:absolute;
  left:1rem
}

.new-event-smart .saved-events .saved-events-container .right-control{
  position:absolute;
  right:1rem
}

.new-event-smart .saved-events .list{
  display:flex;
  gap:1rem;
  overflow:auto;
  flex-wrap:nowrap;
  padding-bottom:0.5rem
}

.new-event-smart .saved-events .list .saved-event{
  display:inline-block;
  min-width:-moz-min-content;
  min-width:min-content;
  white-space:nowrap;
  width:100%;
  padding:11px 1.5rem;
  text-align:center;
  font-size:1rem;
  background:#F2F2F2;
  border:1px solid #F2F2F2;
  border-radius:5px
}

.new-event-smart .saved-events .list .saved-event:hover{
  background:#D4D4D4
}

.new-event-smart .content{
  margin-top:1.5rem;
  max-height:calc(100% - 54px)
}

.new-event-smart .content .left{
  width:100%;
  max-width:300px;
  min-width:300px;
  padding-top:1rem
}

@media screen and (max-width: 1024px){
  .new-event-smart .content .left{
    min-width:200px
  }
}

.new-event-smart .content .left .list{
  height:calc(100% - 50px);
  overflow:auto;
  margin-right:-15px;
  padding-right:15px;
  margin-left:-15px;
  padding-left:15px;
  padding-bottom:1rem
}

@media screen and (max-width: 1024px){
  .new-event-smart .content .left .list{
    margin-right:-7px;
    padding-right:7px
  }
}

.new-event-smart .content .left .saved-events{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px 48px;
  background:#d4d4d4;
  border:1px solid #f2f2f2;
  box-shadow:0px 3px 6px #3d4b5c26;
  border-radius:5px;
  margin-bottom:1.5rem
}

@media screen and (max-width: 1024px){
  .new-event-smart .content .left .saved-events{
    padding:24px
  }
}

.new-event-smart .content .right{
  padding-top:1rem;
  padding-left:30px;
  border-left:1px solid #b3b3b3;
  margin-left:30px
}

@media screen and (max-width: 1024px){
  .new-event-smart .content .right{
    margin-left:15px;
    padding-left:15px
  }
}

.new-event-smart .content .right .sticky-button{
  position:sticky;
  bottom:-1px;
  right:0;
  padding:0.5rem 0.5rem 0.5rem 0;
  background:#fff
}

/* purgecss end ignore */

/* purgecss start ignore */

.new-event{
  height:100%;
  overflow:hidden;
  padding-right:1rem;
  margin-right:-1rem;
  display:grid;
  grid-template-columns:100%;
  grid-template-rows:repeat(3, auto) 58px;
  row-gap:1rem
}

@media screen and (max-width: 767px){
  .new-event{
    overflow-y:auto;
    padding-bottom:1.5rem
  }
}

.new-event--title{
  display:flex;
  justify-content:center
}

.new-event--saved-events{
  position:relative
}

.new-event--saved-events_container{
  margin-top:-9px;
  position:relative;
  display:flex;
  gap:1rem;
  overflow-y:visible;
  overflow-x:auto;
  padding-bottom:0.375rem
}

.new-event--saved-events_container .left-control,.new-event--saved-events_container .right-control{
  background:#F2F2F2;
  border-radius:5px;
  min-height:32px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10
}

.new-event--saved-events_container .left-control.disabled,.new-event--saved-events_container .right-control.disabled{
  opacity:0.5;
  cursor:not-allowed
}

.new-event--saved-events_container .left-control{
  position:absolute;
  left:1rem
}

.new-event--saved-events_container .right-control{
  position:absolute;
  right:1rem
}

.new-event--saved-events_saved-event{
  border-radius:5px;
  min-width:-moz-max-content;
  min-width:max-content;
  max-width:-moz-max-content;
  max-width:max-content;
  padding:0 1.5rem;
  background:#F2F2F2;
  border:1px solid #F2F2F2;
  font-size:1rem;
  margin-top:9px
}

.new-event--saved-events_saved-event:hover{
  background:#D4D4D4
}

.new-event--saved-events .edit-button{
  width:18px;
  height:18px;
  border-radius:6px;
  position:absolute;
  right:-9px;
  top:0px;
  opacity:0;
  transition:all 0.3s ease-in-out
}

.new-event--saved-events .edit-button:hover{
  cursor:pointer
}

.new-event--saved-events .default-event-container:hover .edit-button{
  opacity:1;
  transition:all 0.3s ease-in-out
}

.new-event--event-form{
  overflow:auto;
  max-height:calc(90vh - 251px);
  margin-right:-1rem;
  padding-right:1rem
}

.new-event--event-form-container{
  width:100%;
  display:grid;
  -moz-column-gap:1rem;
       column-gap:1rem;
  row-gap:0.75rem;
  grid-template-columns:repeat(4, 1fr);
  grid-template-rows:auto
}

@media screen and (max-width: 676px){
  .new-event--event-form-container{
    grid-template-columns:repeat(1, 1fr);
    row-gap:0
  }
}

@media screen and (max-width: 767px){
  .new-event--event-form{
    max-height:none;
    height:100%;
    overflow:visible
  }
}

.new-event--footer{
  display:flex
}

@media screen and (max-width: 767px){
  .new-event--footer{
    flex-direction:column;
    justify-content:center;
    margin-top:100px;
    padding-bottom:1.5rem
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.edit-saved-event--footer{
  display:flex;
  justify-content:space-between;
  align-items:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.notifications-container .notification-indicator{
  position:absolute;
  top:-12px;
  right:11px;
  width:22px;
  height:22px;
  cursor:pointer;
  background:#ff5858;
  border-radius:15px;
  color:white;
  text-align:center;
  font-size:12px;
  line-height:19px
}

.notifications-popover{
  padding-top:0px !important;
  border:1px solid;
  border-radius:5px !important
}

.notifications-popover .ant-popover-inner{
  border-radius:5px !important;
  width:450px;
  max-height:548px
}

.notifications-popover .ant-popover-inner-content{
  padding:0px !important
}

.notifications-popover .ant-popover-arrow{
  display:none
}

.notifications-popover .header{
  padding:24px 32px 24px 32px
}

.notifications-popover .cards-container{
  overflow:auto;
  max-height:calc(548px - 88px)
}

.notifications-popover .card-notification{
  display:flex;
  padding:16px 32px 16px 32px
}

.notifications-popover .card-notification .mark-no-readed{
  text-decoration:underline;
  font-size:12px;
  float:right;
  color:#1791e4;
  display:none;
  cursor:pointer;
  width:-moz-max-content;
  width:max-content
}

.notifications-popover .card-notification:hover{
  background:#f2f2f2
}

.notifications-popover .card-notification:hover .mark-no-readed{
  display:block
}

.notifications-popover .card-notification.active{
  background:#f2f2f2 !important;
  box-shadow:3px 0px 0px 0px #ff5858 inset
}

.notifications-popover .card-notification .pic-notifications-container{
  width:16%
}

.notifications-popover .card-notification .profile-pic-container{
  border:2px solid #8ac8f1;
  border-radius:25px;
  width:50px;
  height:50px;
  overflow:hidden
}

.notifications-popover .card-notification .profile-pic-container:hover{
  cursor:pointer
}

.notifications-popover .card-notification .profile-pic-container img{
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
  border-radius:50%
}

.notifications-popover .card-notification .info-notification-container{
  width:84%;
  padding-left:16px
}

.notifications-popover .card-notification .info-notification-container .name-notification{
  font-size:14px;
  font-weight:bold;
  color:#1f2026
}

.notifications-popover .card-notification .info-notification-container .action{
  font-size:10px;
  color:#757575;
  padding-top:8px
}

.notifications-popover .card-notification .info-notification-container .description{
  font-size:12px;
  color:#1f2026;
  padding-top:8px
}

.notifications-popover .card-notification .info-notification-container .bold{
  font-weight:bold
}

.notifications-popover .animated-background{
  animation-duration:1s;
  animation-fill-mode:forwards;
  animation-iteration-count:infinite;
  animation-name:placeHolderShimmer;
  animation-timing-function:linear;
  background:#f6f7f8;
  background:linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size:700px 104px;
  position:relative;
  border:2px solid transparent !important
}

@keyframes placeHolderShimmer{
  0%{
    background-position:-468px 0
  }

  100%{
    background-position:468px 0
  }
}

@media screen and (max-width: 767px){
  .notifications-popover{
    border:none !important;
    top:0 !important;
    border-radius:0 !important
  }

  .notifications-popover .ant-popover-content{
    border-radius:0;
    border:none
  }

  .notifications-popover .ant-popover-inner{
    border-radius:0 !important;
    border:none;
    width:100vw !important;
    height:100vh !important;
    max-height:100dvh
  }

  .notifications-popover .cards-container{
    overflow:auto;
    max-height:calc(100vh - 164px)
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.contact-support-modal{
  overflow:auto;
  height:100%
}

.contact-support-modal .header{
  text-align:center;
  margin-top:0
}

.contact-support-modal.bugs .bugs-body--files-loaded{
  margin-top:1rem;
  display:flex;
  flex-direction:column;
  gap:0.75rem
}

.contact-support-modal.bugs .bugs-body--files-zone{
  margin-top:1rem;
  height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%23B3B3B3FF%27 stroke-width=%272%27 stroke-dasharray=%2721%2c 20%27 stroke-dashoffset=%278%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
  border-radius:5px;
  font-size:12px;
  color:#757575
}

.contact-support-modal.bugs .bugs-body--files-zone.short,.contact-support-modal.bugs .bugs-body--files-zone.modal.short{
  height:48px
}

.contact-support-modal.bugs .bugs-body--files-zone.active-drag{
  background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%275%27 ry=%275%27 stroke=%27%235CC8BFFF%27 stroke-width=%272%27 stroke-dasharray=%2721%2c 20%27 stroke-dashoffset=%278%27 stroke-linecap=%27round%27/%3e%3c/svg%3e")
}

.contact-support-modal.bugs .bugs-body--files-zone.modal{
  height:calc(100% - 50px);
  margin-top:0
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.support-popover{
  padding-top:0px !important;
  border:1px solid;
  border-radius:5px !important
}

.support-popover .ant-popover-inner{
  border-radius:5px !important;
  width:280px !important;
  max-height:300px !important
}

.support-popover .ant-popover-inner-content{
  padding:0px !important
}

.support-popover .ant-popover-arrow{
  display:none
}

.support-popover .header{
  padding:24px 32px 24px 32px
}

.support-popover .cards-container{
  overflow:auto;
  max-height:calc(548px - 88px)
}

.support-popover .card-notification{
  display:flex;
  padding:16px 32px 16px 32px
}

.support-popover .card-notification .mark-no-readed{
  text-decoration:underline;
  font-size:12px;
  float:right;
  color:#1791e4;
  display:none;
  cursor:pointer;
  width:-moz-max-content;
  width:max-content
}

.support-popover .card-notification:hover{
  background:#f2f2f2
}

.support-popover .card-notification:hover .mark-no-readed{
  display:block
}

.support-popover .card-notification.active{
  background:#f2f2f2 !important;
  box-shadow:3px 0px 0px 0px #ff5858 inset
}

.support-popover .card-notification .pic-notifications-container{
  width:16%
}

.support-popover .card-notification .profile-pic-container{
  border:2px solid #8ac8f1;
  border-radius:25px;
  width:50px;
  height:50px;
  overflow:hidden
}

.support-popover .card-notification .profile-pic-container:hover{
  cursor:pointer
}

.support-popover .card-notification .profile-pic-container img{
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
  border-radius:50%
}

.support-popover .card-notification .info-notification-container{
  width:84%;
  padding-left:16px
}

.support-popover .card-notification .info-notification-container .name-notification{
  font-size:14px;
  font-weight:bold;
  color:#1f2026
}

.support-popover .card-notification .info-notification-container .action{
  font-size:10px;
  color:#757575;
  padding-top:8px
}

.support-popover .card-notification .info-notification-container .description{
  font-size:12px;
  color:#1f2026;
  padding-top:8px
}

.support-popover .card-notification .info-notification-container .bold{
  font-weight:bold
}

.support-popover .animated-background{
  animation-duration:1s;
  animation-fill-mode:forwards;
  animation-iteration-count:infinite;
  animation-name:placeHolderShimmer;
  animation-timing-function:linear;
  background:#f6f7f8;
  background:linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size:700px 104px;
  position:relative;
  border:2px solid transparent !important
}

@keyframes placeHolderShimmer{
  0%{
    background-position:-468px 0
  }

  100%{
    background-position:468px 0
  }
}

.support-list-item{
  padding:18px 24px;
  gap:1rem;
  align-items:center;
  cursor:pointer
}

.support-list-item:hover{
  background:#004D80
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.user-header-information{
  display:flex;
  gap:0.75rem;
  justify-content:flex-end;
  background:#F2F2F2;
  border-bottom:1px solid #D4D4D4;
  padding:0.5rem 1rem
}

.user-header-information--user{
  max-width:calc(100% - 82px);
  text-align:right
}

.user-header-information--user .job{
  max-width:40%
}

.user-header-information--avatar{
  border:2px solid #8ac8f1;
  border-radius:25px;
  width:50px;
  height:50px;
  overflow:hidden
}

.user-header-information--avatar:hover{
  cursor:pointer
}

.user-header-information--avatar img{
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
  border-radius:50%
}

@media (max-width: 568px){
  .user-header-information{
    justify-content:flex-end;
    flex-direction:row-reverse;
    position:relative;
    border:none
  }

  .user-header-information--user{
    text-align:left
  }

  .user-header-information .close{
    position:absolute;
    right:16px;
    top:16px
  }

  .user-header-information .close img{
    width:24px;
    height:24px
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.status-popover-container--content{
  display:flex
}

.status-popover-container--content .customization-section{
  width:350px;
  padding-left:0.5rem
}

.status-popover-container--content .customization-section .saved-section{
  max-height:384px;
  overflow:auto
}

.status-popover-container--content .customization-section .status-item{
  height:48px;
  display:flex;
  align-items:center;
  margin:0 -24px 0 -32px;
  padding:0 24px 0 32px
}

.status-popover-container--content .customization-section .status-item.custom{
  justify-content:space-between
}

.status-popover-container--content .customization-section .status-item.custom .delete{
  height:24px;
  width:24px;
  transition:all 0.3s ease-in-out;
  opacity:0
}

.status-popover-container--content .customization-section .status-item.custom:hover .delete{
  transition:all 0.3s ease-in-out;
  opacity:1
}

.status-popover-container--content .customization-section .status-item:hover,.status-popover-container--content .customization-section .status-item.selected{
  background:#F2F2F2
}

.status-popover-container--content .customization-section .status-item .emoji{
  font-size:1.5rem;
  margin-right:0.5rem
}

.status-popover-container--content .customization-section .custom-section .emoji-exists{
  background:#d3d3d3;
  display:flex;
  align-items:center;
  height:36px;
  width:36px;
  justify-content:center;
  border-radius:18px;
  font-size:1.5rem
}

.status-popover-container--footer{
  display:flex;
  justify-content:space-between
}

.teament-status-popover{
  z-index:2400
}

.teament-status-popover .ant-popover-inner{
  border-radius:5px;
  box-shadow:none;
  border:none
}

.teament-status-popover .user-status-list{
  padding-right:0.5rem;
  border-right:1px solid #c8c8c8
}

.teament-status-popover .user-status-list .members-status{
  max-height:400px;
  height:100%;
  overflow:auto
}

.teament-status-popover .user-status-list .find{
  width:400px;
  background:#FFFFFF;
  position:sticky;
  top:0;
  padding-bottom:0.5rem
}

.teament-status-popover .user-status-list .user-status-info{
  width:160px;
  max-width:160px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}

/* purgecss end ignore */

/* purgecss start ignore */

.member-detail-container{
  max-height:100%;
  overflow:hidden
}

.member-detail-container .scroll-lists{
  max-height:100%;
  overflow:auto
}

.member-detail-container .baseball-project{
  padding:0 32px;
  display:flex;
  align-items:center;
  border-radius:5px;
  height:48px;
  max-width:calc(50% - 0.5rem)
}

.member-detail-container .baseball-project.skill,.member-detail-container .baseball-project.hobbie{
  background:#F2F2F2;
  max-width:none;
  margin-bottom:1rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

nav:not(.emoji-categories){
  align-items:center;
  padding:24px 48px 24px 48px;
  display:flex;
  justify-content:space-between;
  align-content:center;
  height:80px;
  box-shadow:0px 6px 12px #3d4b5c33
}

nav:not(.emoji-categories) .first-container{
  max-width:calc(100% - 272px)
}

nav:not(.emoji-categories) .dropdown-custom{
  display:none !important
}

nav:not(.emoji-categories) .hover-dropdown-menu:hover .dropdown-custom{
  display:block !important
}

nav:not(.emoji-categories) .profile-menu{
  position:absolute;
  z-index:150;
  top:calc(100% + 34px);
  right:0;
  border-radius:5px;
  background:#ffffff;
  opacity:0;
  pointer-events:none;
  transition:0.3s all ease-in-out;
  width:320px;
  overflow:hidden
}

nav:not(.emoji-categories) .profile-menu.show{
  opacity:1;
  transition:0.3s all ease-in-out;
  pointer-events:all;
  box-shadow:0 6px 12px #3d4b5c33
}

nav:not(.emoji-categories) .profile-menu.show:hover{
  cursor:pointer
}

nav:not(.emoji-categories) .profile-menu .user-nav-header{
  display:flex;
  gap:0.75rem;
  justify-content:flex-end;
  background:#F2F2F2;
  border-bottom:1px solid #D4D4D4;
  padding:0.5rem 1rem
}

nav:not(.emoji-categories) .profile-menu .user-nav-header .user-nav-info{
  max-width:calc(100% - 82px);
  text-align:right
}

nav:not(.emoji-categories) .profile-menu .user-nav-header .user-nav-info .job{
  max-width:40%
}

nav:not(.emoji-categories) .profile-menu .user-nav-header .user-nav-avatar{
  border:2px solid #004D80;
  border-radius:25px;
  width:50px;
  height:50px;
  overflow:hidden
}

nav:not(.emoji-categories) .profile-menu .user-nav-header .user-nav-avatar:hover{
  cursor:pointer
}

nav:not(.emoji-categories) .profile-menu .user-nav-header .user-nav-avatar img{
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
  border-radius:50%
}

nav:not(.emoji-categories) .profile-menu .menu-option{
  display:flex;
  align-items:center;
  padding:1rem
}

nav:not(.emoji-categories) .profile-menu .menu-option:hover{
  background:#004D80;
  color:#FFF;
  cursor:pointer
}

nav:not(.emoji-categories) .profile-menu .menu-option:hover img{
  fill:#fff !important
}

nav:not(.emoji-categories) .profile-menu .menu-option:hover svg{
  stroke:#fff !important
}

nav:not(.emoji-categories) .profile-menu .menu-option:hover svg g{
  stroke:#fff !important
}

nav:not(.emoji-categories) .profile-menu .menu-option:hover svg path,nav:not(.emoji-categories) .profile-menu .menu-option:hover svg circle{
  stroke:#fff !important
}

nav:not(.emoji-categories) .profile-pic-container{
  border:2px solid #004D80;
  border-radius:25px;
  width:50px;
  height:50px;
  overflow:hidden
}

nav:not(.emoji-categories) .profile-pic-container:hover{
  cursor:pointer
}

nav:not(.emoji-categories) .profile-pic-container img{
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
  border-radius:50%
}

nav:not(.emoji-categories) .initials{
  border:0
}

nav:not(.emoji-categories) .initials .text{
  padding-bottom:9px
}

nav:not(.emoji-categories) .company-logo{
  margin:0 auto
}

nav:not(.emoji-categories) .company-logo img{
  max-width:170px;
  margin-right:3rem;
  display:flex;
  align-items:center
}

nav:not(.emoji-categories) .logo{
  min-width:170px;
  max-width:170px;
  margin-right:3rem;
  display:flex
}

nav:not(.emoji-categories) .nav-logo{
  max-width:170px;
  max-height:48px;
  border-radius:5px
}

nav:not(.emoji-categories) .nav-logo.default{
  width:100px
}

nav:not(.emoji-categories) .arrows-container .left,nav:not(.emoji-categories) .arrows-container .right{
  background:#F2F2F2;
  border-radius:5px;
  min-height:32px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  top:50%;
  transform:translateY(-50%);
  transition:opacity 0.3s ease-in-out;
  opacity:0;
  position:absolute;
  box-shadow:0px 2px 6px #00000029
}

nav:not(.emoji-categories) .arrows-container .left.disabled,nav:not(.emoji-categories) .arrows-container .right.disabled{
  opacity:0.5;
  cursor:not-allowed
}

nav:not(.emoji-categories) .arrows-container .left{
  left:0
}

nav:not(.emoji-categories) .arrows-container .right{
  right:0
}

nav:not(.emoji-categories) .arrows-container:hover .left,nav:not(.emoji-categories) .arrows-container:hover .right{
  opacity:1;
  transition:opacity 0.3s ease-in-out
}

nav:not(.emoji-categories) .nav-links-container{
  overflow:auto;
  position:relative;
  height:48px;
  display:flex;
  scrollbar-width:none
}

nav:not(.emoji-categories) .nav-links-container::-webkit-scrollbar{
  display:none
}

nav:not(.emoji-categories) .nav-links{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:0 !important
}

nav:not(.emoji-categories) .nav-links span{
  font-size:1rem;
  padding:0.8125rem 2rem;
  border-radius:5px;
  margin-right:1.5rem
}

nav:not(.emoji-categories) .nav-links span.disabled{
  color:#b8b8b8
}

nav:not(.emoji-categories) .nav-links span.disabled:hover{
  background:none;
  cursor:not-allowed
}

nav:not(.emoji-categories) .nav-links a{
  color:#000000;
  font-size:1rem;
  padding:0.7125rem 2rem;
  border-radius:5px;
  margin-right:1.5rem;
  display:flex;
  align-items:center;
  gap:0.5rem
}

nav:not(.emoji-categories) .nav-links a:hover:not(.active-link){
  background:#b3b3b3;
  box-shadow:0px 6px 12px #3d4b5c33;
  color:#ffffff
}

nav:not(.emoji-categories) .nav-links a:hover:not(.active-link) .beta-tag{
  background:#f2f2f2;
  color:#000000
}

nav:not(.emoji-categories) .nav-links a.active-link{
  color:#ffffff;
  box-shadow:0px 6px 12px #004D8033
}

nav:not(.emoji-categories) .nav-links a .beta-tag{
  background:#EF8132
}

nav:not(.emoji-categories) .nav-links li{
  list-style:none;
  color:#000
}

nav:not(.emoji-categories) .burger{
  display:none
}

nav:not(.emoji-categories) .burger div{
  width:25px;
  height:3px;
  margin:5px;
  background:#cacaca
}

nav:not(.emoji-categories) .status-select{
  display:flex;
  align-items:center;
  padding:10px 1rem;
  border-radius:5px;
  border:1px solid #ffffff;
  position:relative
}

nav:not(.emoji-categories) .status-select:hover{
  cursor:pointer;
  border:1px solid #34be44
}

nav:not(.emoji-categories) .status-select:hover .status-options{
  display:block
}

nav:not(.emoji-categories) .status-select .status-label{
  font-size:1.125rem;
  line-height:21px;
  margin-left:1.5rem
}

nav:not(.emoji-categories) .status-select .status-options{
  display:none;
  z-index:1;
  overflow-y:hidden;
  background:#ffffff;
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  border:1px solid #b3b3b3;
  border-radius:5px;
  width:100%;
  padding:1rem
}

nav:not(.emoji-categories) .status-select .status-options .top-input{
  display:flex;
  align-items:center
}

nav:not(.emoji-categories) .status-select .status-options .status-menu{
  margin-top:0.5rem
}

nav:not(.emoji-categories) .status-select .status-options .status-menu .title{
  font-size:0.75rem !important;
  margin-bottom:0.5rem
}

nav:not(.emoji-categories) .status-select .status-options .status-menu .option{
  font-size:0.75rem;
  margin-left:-16px;
  margin-right:-16px;
  padding-top:8px;
  padding-bottom:8px;
  display:flex;
  align-items:center;
  justify-content:space-between
}

nav:not(.emoji-categories) .status-select .status-options .status-menu .option .desc{
  padding-left:52px
}

nav:not(.emoji-categories) .status-select .status-options .status-menu .option .duration{
  padding-right:1rem
}

nav:not(.emoji-categories) .status-select .status-options .confirm-action{
  margin-top:3rem !important
}

@media screen and (max-width: 768px){
  nav.responsive{
    padding:0 1.5rem;
    position:sticky;
    top:0;
    z-index:100;
    background:#FFFFFF
  }

  nav.responsive .nav-links-container{
    position:absolute;
    left:-100dvw;
    top:0;
    display:flex;
    height:100dvh;
    height:calc(var(--vh, 1vh) * 100);
    width:100dvw;
    background:rgba(255,255,255,0.5);
    -webkit-backdrop-filter:blur(15px);
            backdrop-filter:blur(15px);
    flex-direction:column;
    justify-content:space-between;
    opacity:0;
    pointer-events:none;
    z-index:-1;
    padding:48px;
    transition:all 0.3s ease-in-out
  }

  nav.responsive .nav-links-container.visible{
    left:0;
    opacity:1;
    pointer-events:all;
    z-index:10;
    transition:all 0.3s ease-in-out
  }

  nav.responsive .nav-links-container .close-bottom{
    display:flex;
    margin:3.5rem auto 0 auto;
    width:-moz-max-content;
    width:max-content
  }

  nav.responsive .nav-links-container .company-logo{
    margin:0 auto
  }

  nav.responsive .nav-links-container .company-logo img{
    max-width:140px
  }

  nav.responsive .nav-links{
    width:100%;
    flex-direction:column;
    justify-content:normal
  }

  nav.responsive .nav-links .chat-li{
    position:relative;
    max-height:none
  }

  nav.responsive .nav-links .chat-li .chat-badge-counter{
    position:absolute;
    top:0px;
    right:-12px;
    background-color:#FF5858;
    color:#fff;
    border-radius:50%;
    line-height:1;
    width:22px;
    height:22px;
    font-size:10px;
    display:flex;
    justify-content:center;
    align-items:center
  }

  nav.responsive .nav-links a{
    font-weight:700;
    color:#000000;
    font-size:1.375rem;
    display:flex;
    align-items:center;
    padding:0;
    margin-right:0;
    margin-bottom:1.75rem
  }

  nav.responsive .nav-links a:hover:not(.active-link){
    background:none;
    box-shadow:none
  }

  nav.responsive .nav-links a .beta-tag{
    margin-top:6px;
    background:#EF8132
  }

  nav.responsive .hamburger{
    display:flex;
    flex-direction:column;
    gap:0.5rem;
    width:28px;
    height:28px
  }

  nav.responsive .hamburger .line{
    width:100%;
    height:2px;
    background:#606060
  }

  nav.responsive .company-logo img{
    max-width:64px
  }
}

@keyframes navLinkFade{
  from{
    opacity:0;
    transform:translateX(50px)
  }

  to{
    opacity:1;
    transform:translateX(0)
  }
}

.navbar--status-indicator{
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  max-height:16px;
  max-width:16px;
  border-radius:8px;
  position:absolute;
  right:0;
  bottom:0
}

.navbar--status-indicator.online{
  background:#34BE44
}

.navbar--status-indicator.offline{
  background:#b3b3b3
}

/* purgecss end ignore */

/* purgecss start ignore */

.project-card{
  max-height:200px
}

.project-card .deadline-text{
  max-width:180px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.project-card .progressbar-container{
  position:relative
}

.project-card .progressbar-container .external{
  width:96px;
  height:96px;
  position:absolute;
  top:0;
  right:0
}

.project-card .progressbar-container .internal{
  width:70px;
  height:70px;
  position:absolute;
  top:50%;
  left:60%;
  transform:translate(-34%, 18%)
}

.project-card .team-pic-container{
  position:relative
}

.project-card .team-pic-container .tooltip-container{
  position:absolute
}

.project-card .team-pic-container .tooltip-container .hover-card{
  margin-top:3rem
}

.project-card .team-pic-container .tooltip-container .mini-pic{
  position:absolute;
  border-radius:16px;
  overflow:hidden;
  width:2rem;
  height:2rem;
  left:0;
  z-index:4;
  border:2px solid #8ac8f1
}

.project-card .team-pic-container .tooltip-container .mini-pic .initials{
  border:0px
}

.project-card .team-pic-container .tooltip-container .mini-pic .initials .text{
  padding-bottom:2px;
  letter-spacing:0
}

.project-card .team-pic-container .tooltip-container .mini-pic img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:50%
}

.project-card .team-pic-container .tooltip-container:nth-child(2){
  left:16px;
  z-index:3
}

.project-card .team-pic-container .tooltip-container:nth-child(3){
  left:32px;
  z-index:2
}

.project-card .team-pic-container .tooltip-container:nth-child(4){
  left:48px;
  z-index:1
}

/* purgecss end ignore */

/* purgecss start ignore */

.calendar-responsive-input{
  height:48px;
  border-radius:5px;
  border:1px solid #c8c8c8;
  display:flex;
  align-items:center;
  padding:0 1.5rem;
  font-size:1rem
}

.calendar-responsive-input label{
  margin-top:-3px
}

.project-members span{
  width:100%
}

/* purgecss end ignore */

/* purgecss start ignore */

.projects-section-container{
  overflow:auto;
  max-height:calc(100% - 80px)
}

.projects-section-container .grid-list{
  grid-template-rows:200px;
  height:calc(90vh - 116px);
  max-height:calc(90vh - 116px);
  overflow:auto
}

.projects-section-container .projects-container .add-container{
  cursor:pointer
}

/* purgecss end ignore */

/* purgecss start ignore */

.prompt-content{
  height:100%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}

.prompt-content .prompt-title{
  font-size:2rem;
  display:block;
  color:#1791E4
}

.prompt-content .prompt-text{
  font-size:1.5rem;
  display:block
}

/* purgecss end ignore */

/* purgecss start ignore */

.profile .tabs{
  background:#F2F2F2;
  max-height:60px
}

.profile .tabs .tab{
  background:#F2F2F2;
  padding:1.125rem 2rem;
  font-size:1.125rem
}

.profile .tabs .tab:hover,.profile .tabs .tab label{
  cursor:pointer
}

.profile .tabs .tab.active{
  background:#FFFFFF !important;
  color:#000000;
  border:1px solid #F2F2F2
}

.profile .content{
  padding:2.25rem 2rem 6rem 2rem;
  overflow:auto;
  max-height:74dvh;
  position:relative
}

.profile .content .pic-container{
  width:172px;
  height:172px;
  background:#FFFFFF;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden
}

.profile .content .pic-container:hover .replace-icon{
  transition:all 0.2s ease-in-out;
  opacity:1;
  pointer-events:all
}

.profile .content .pic-container .replace-icon{
  pointer-events:none;
  opacity:0;
  position:absolute;
  bottom:1rem;
  width:3rem;
  height:3rem;
  border-radius:50%;
  padding:0.375rem;
  transition:all 0.2s ease-in-out
}

.profile .content .pic-container .preview{
  width:100%;
  max-height:100%;
  max-width:100%;
  -o-object-fit:cover;
     object-fit:cover
}

.profile .content .pic-container .indications{
  color:#FFFFFF;
  background:#5CC8BF;
  border-radius:5px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  transition:all 0.5s ease-in-out;
  padding:0.5rem 1rem;
  width:175px;
  font-size:14px;
  opacity:0
}

.profile .content .pic-container .indications.show{
  top:-10%;
  transition:all 0.5s ease-in-out;
  opacity:1
}

@media (max-width: 768px){
  .profile .content{
    max-height:80dvh
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.account-container{
  padding:2rem 2rem 6rem 2rem;
  position:relative;
  overflow:auto;
  max-height:80dvh
}

.account-container .password-section{
  margin-bottom:6rem
}

@media (max-width: 768px){
  .account-container .password-section{
    margin-bottom:2rem
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.notifications-container h3{
  padding:2rem 0 0 2rem;
  font-weight:bold;
  font-size:1.1rem
}

.notifications-container .notifications{
  padding:8px 2rem
}

.notifications-container .notifications small{
  color:#757575;
  padding-bottom:16px;
  display:block
}

.notifications-container .send-button{
  height:38px;
  width:9rem;
  padding:0 0px;
  color:#000000;
  border-radius:5px !important;
  font-size:1rem;
  opacity:1;
  background:#004D80;
  color:#000000 !important;
  box-shadow:0px 6px 12px #004D8026;
  display:block
}

.notifications-container .send-button:focus{
  border:1px solid #004D80 !important;
  background:#004D80;
  outline:0px dotted !important
}

.notifications-container .ant-tree-switcher{
  line-height:17px !important
}

.notifications-container .e-input-group,.notifications-container .e-input-group.e-control-wrapper{
  margin-top:-10px !important
}

.notifications-container .e-time-wrapper{
  border:1px solid #b3b3b3 !important;
  border-radius:5px !important;
  padding:5px !important
}

.notifications-container .e-time-icon{
  color:#99c8f2 !important
}

.notifications-container .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,.notifications-container .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,.notifications-container .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,.notifications-container .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,.notifications-container .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,.notifications-container .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,.notifications-container .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,.notifications-container .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after{
  background:#99c8f2 !important
}

.notifications-container .ant-tree-checkbox-checked .ant-tree-checkbox-inner{
  background-color:#80c5ed !important;
  border-color:#80c5ed !important
}

.notifications-container .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after{
  border-color:#80c5ed !important;
  background-color:#80c5ed !important
}

.notifications-container .ant-checkbox-checked .ant-checkbox-inner{
  border-color:#80c5ed !important;
  background-color:#80c5ed !important
}

@media (max-width: 768px){
  .notifications-container .fixed-notification-button{
    width:100%;
    margin:0;
    padding:1rem
  }

  .notifications-container .fixed-notification-button button{
    max-width:none !important;
    width:100%
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.deactivate-modal{
  display:grid;
  grid-template-columns:1fr;
  height:100% !important;
  row-gap:1.3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}

.deactivate-modal h2{
  grid-row:2/3;
  color:#ff5858;
  margin:0;
  font-size:2rem;
  justify-self:center;
  text-align:center;
  font-weight:bold
}

.deactivate-modal p{
  text-align:center;
  grid-row:3/4;
  font-size:1.6rem;
  font-weight:bold
}

.deactivate-modal .deactivate-buttons-container{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  grid-row:4/5
}

.deactivate-modal .deactivate-buttons-container button{
  margin-top:1rem;
  border-radius:5px;
  padding:0.8rem 3.7rem;
  justify-self:center;
  width:-moz-fit-content;
  width:fit-content;
  justify-self:center;
  cursor:pointer;
  font-weight:500
}

/* purgecss end ignore */

/* purgecss start ignore */

.deactivate-modal{
  display:grid;
  grid-template-columns:1fr;
  height:100% !important;
  row-gap:1.3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}

.deactivate-modal h2{
  grid-row:2/3;
  color:#ff5858;
  margin:0;
  font-size:2rem;
  justify-self:center;
  text-align:center;
  font-weight:bold
}

.deactivate-modal p{
  text-align:center;
  grid-row:3/4;
  font-size:1.6rem;
  font-weight:bold
}

.deactivate-modal .delete-buttons-container{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  grid-row:4/5
}

.deactivate-modal .delete-buttons-container button{
  margin-top:1rem;
  border-radius:5px;
  padding:0.8rem 3.7rem;
  justify-self:center;
  width:-moz-fit-content;
  width:fit-content;
  justify-self:center;
  cursor:pointer;
  font-weight:500
}

/* purgecss end ignore */

/* purgecss start ignore */

.deactivate-modal{
  display:grid;
  grid-template-columns:1fr;
  height:100% !important;
  row-gap:1.3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}

.deactivate-modal h2{
  grid-row:2/3;
  color:#ff5858;
  margin:0;
  font-size:2rem;
  justify-self:center;
  text-align:center;
  font-weight:bold
}

.deactivate-modal p{
  text-align:center;
  grid-row:3/4;
  font-size:1.6rem;
  font-weight:bold
}

.deactivate-modal .buttons-container{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  grid-row:4/5
}

.deactivate-modal .buttons-container button{
  margin-top:1rem;
  border-radius:5px;
  font-weight:300;
  font-size:1rem;
  padding:0.8rem 3.7rem;
  justify-self:center;
  width:-moz-fit-content;
  width:fit-content;
  justify-self:center;
  box-shadow:0px 6px 12px #004D8026;
  cursor:pointer
}

.deactivate-modal .buttons-container .cancel-button{
  background-color:#f2f2f2
}

.deactivate-modal .buttons-container .deactivate-button{
  background-color:#ff5858;
  color:white
}

/* purgecss end ignore */

/* purgecss start ignore */

.deactivate-modal{
  display:grid;
  grid-template-columns:1fr;
  height:100% !important;
  row-gap:1.3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}

.deactivate-modal h3{
  grid-row:2/3;
  margin:0;
  font-size:2rem;
  justify-self:center;
  text-align:center;
  font-weight:bold
}

.deactivate-modal p{
  text-align:center;
  grid-row:3/4;
  font-size:1.6rem;
  font-weight:bold
}

.deactivate-modal .buttons-container{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  grid-row:4/5
}

.deactivate-modal .buttons-container button{
  margin-top:1rem;
  border-radius:5px;
  padding:0.8rem 3.7rem;
  justify-self:center;
  width:-moz-fit-content;
  width:fit-content;
  justify-self:center;
  cursor:pointer;
  font-weight:500
}

/* purgecss end ignore */

/* purgecss start ignore */

.invite-teamates-container{
  max-height:29rem;
  overflow:scroll;
  padding:0 1rem
}

.invite-teamates-container .invite-inputs-container .invite-inputs{
  display:flex;
  justify-content:space-between;
  -moz-column-gap:1rem;
       column-gap:1rem
}

.invite-teamates-container .invite-inputs-container .invite-inputs>div{
  width:100%
}

/* purgecss end ignore */

/* purgecss start ignore */

.info-cards-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, 10.8rem);
  grid-auto-rows:auto;
  gap:1rem;
  margin:0 1rem;
  justify-content:center
}

.info-cards-grid div{
  padding:1rem;
  border-radius:5px;
  position:relative
}

.info-cards-grid div h4{
  text-align:center;
  font-size:2rem
}

.info-cards-grid div p{
  font-size:0.8rem;
  text-align:center
}

.info-cards-grid .filter-container{
  cursor:pointer
}

.info-cards-grid .green h4{
  color:#34be44
}

.info-cards-grid .green p{
  color:#34be44
}

.info-cards-grid .green-light h4{
  color:#5cc8bf
}

.info-cards-grid .green-light p{
  color:#5cc8bf
}

.info-cards-grid .red h4{
  color:#ff5858
}

.info-cards-grid .red p{
  color:#ff5858
}

.info-cards-grid .yellow h4{
  color:#f2d146
}

.info-cards-grid .yellow p{
  color:#f2d146
}

.info-cards-grid .green-selected{
  background-color:#34be440d
}

.info-cards-grid .green-selected{
  background-color:#34be440d
}

.info-cards-grid .green-light{
  background-color:white
}

.info-cards-grid .red-selected{
  background-color:#ff58580d
}

.info-cards-grid .yellow-selected{
  background-color:#f2d1460d
}

.info-cards-grid .blue h4{
  color:#1791e4
}

.info-cards-grid .blue p{
  color:#1791e4
}

.search-container{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
  padding:0 2rem
}

.search-container .btn-add p{
  white-space:nowrap
}

.search-container .input{
  width:100%;
  max-width:350px;
  min-width:350px !important;
  position:relative
}

.team-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));
  grid-auto-rows:auto;
  justify-content:center;
  grid-row:4/5;
  padding-top:1rem;
  padding:0 1.5rem
}

.team-card-grid .team-card{
  padding:1.3rem 1.5rem;
  border-radius:5px;
  box-shadow:0px 3px 6px #3d4b5c26;
  position:relative;
  margin:0rem 0.5rem 1rem 0.5rem;
  display:flex;
  flex-direction:column;
  row-gap:1rem
}

.team-card-grid .team-card .team-card-title{
  display:flex;
  align-items:center;
  -moz-column-gap:1rem;
       column-gap:1rem
}

.team-card-grid .team-card .team-card-title .user-image-name-container{
  width:32px;
  height:32px;
  overflow:hidden;
  min-height:32px;
  min-width:32px;
  border-radius:100px;
  display:grid
}

.team-card-grid .team-card .team-card-title .user-image-name-container img{
  align-self:center;
  justify-self:center;
  grid-row:1 / 1;
  grid-column:1 / 1;
  -o-object-fit:cover;
     object-fit:cover;
  width:32px;
  height:32px
}

.team-card-grid .team-card .team-card-title p{
  font-weight:bold;
  font-size:0.8rem;
  line-height:0.9rem
}

.team-card-grid .team-card .team-card-title small{
  font-size:0.7rem;
  color:#757575
}

.team-card-grid .team-card .team-card-title .delete-button{
  opacity:0;
  position:absolute;
  top:1.4rem;
  right:1.4rem;
  transition-duration:369ms
}

.team-card-grid .team-card .team-card-title .delete-button .trash-button{
  width:unset;
  height:unset
}

.team-card-grid .team-card .team-card-title div{
  width:100%
}

.team-card-grid .team-card .team-card-title div .user-name{
  max-width:8rem;
  width:calc(100% - 2rem)
}

.team-card-grid .team-card .team-card-action{
  display:flex;
  justify-content:space-between;
  align-items:center
}

.team-card-grid .team-card .team-card-action p{
  font-size:0.8rem;
  font-weight:bold;
  height:-moz-fit-content;
  height:fit-content;
  margin-bottom:0.113rem
}

.team-card-grid .team-card .team-card-action .red{
  color:#ff5858
}

.team-card-grid .team-card .team-card-action .yellow{
  color:#f2d146
}

.team-card-grid .team-card .team-card-action .green{
  color:#34be44
}

.team-card-grid .team-card .team-card-action .green-light{
  color:#5cc8bf
}

.team-card-grid .team-card .team-card-action img{
  cursor:pointer;
  transform:rotate(270deg)
}

.team-card-grid .team-card:hover .delete-button{
  opacity:1
}

.loader-container{
  grid-row:1/2;
  grid-column:1/99;
  position:relative;
  height:100%;
  padding-top:calc(100% / 100 * 14)
}

.loader-container .mini-loader{
  margin-bottom:3rem
}

.user-data-container{
  padding:3rem 0 0;
  height:calc(100% - 2.5rem)
}

.user-data-container .backpage-container{
  padding:0 3rem;
  padding-bottom:1rem;
  display:flex
}

.user-data-container .backpage-container div{
  cursor:pointer;
  -moz-column-gap:0.7rem;
       column-gap:0.7rem;
  display:flex
}

.user-data-container .backpage-container div p{
  font-size:1rem;
  line-height:initial
}

.user-data-container .user-data-container-scroller{
  padding:0 3rem;
  height:100%;
  overflow:scroll
}

.user-data-container .user-data-container-scroller .user-data-grid-container{
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:repeat(4, auto);
  row-gap:2.5rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .user-image-container{
  display:flex;
  justify-content:center;
  align-items:center;
  -moz-column-gap:1rem;
       column-gap:1rem;
  margin-top:1rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .user-image-container .user-image-container{
  width:50px;
  height:50px;
  border-radius:100%;
  overflow:hidden;
  display:grid
}

.user-data-container .user-data-container-scroller .user-data-grid-container .user-image-container .user-image-container img{
  grid-row:1 / 1;
  grid-column:1 / 1;
  align-self:center;
  justify-self:center;
  -o-object-fit:cover;
     object-fit:cover;
  width:50px;
  height:50px
}

.user-data-container .user-data-container-scroller .user-data-grid-container .user-image-container div .user-name{
  font-weight:bold;
  font-size:1rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .user-image-container div .user-job{
  font-size:1rem;
  color:#757575
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container{
  display:grid;
  width:100%;
  grid-template-columns:repeat(auto-fit, 9.3rem);
  grid-auto-rows:auto;
  justify-self:center;
  gap:2rem;
  justify-content:center
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div{
  justify-self:center;
  border-radius:5px;
  width:9.3rem;
  height:9.3rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  transition-duration:369ms;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.cursor-not-allowed{
  cursor:not-allowed !important
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div img{
  width:3.3rem;
  height:auto
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div p{
  font-size:1rem;
  transition-duration:369ms
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.activate-button{
  background-color:#34be44
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.activate-button p{
  color:white
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.activate-button span{
  position:relative;
  width:4rem;
  height:4rem;
  display:flex;
  align-items:center;
  justify-content:center
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.activate-button span img{
  transition-duration:369ms;
  position:absolute
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.deactivate-button{
  background-color:#f2f2f2
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.deactivate-button span{
  position:relative;
  width:4rem;
  height:4rem;
  display:flex;
  align-items:center;
  justify-content:center
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.deactivate-button span img{
  transition-duration:369ms;
  position:absolute
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.deactivate-button:hover{
  background-color:#f2cbcc
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.delete-button{
  background-color:#f2f2f2
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.delete-button span{
  position:relative;
  width:4rem;
  height:4rem;
  display:flex;
  align-items:center;
  justify-content:center
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.delete-button span img{
  transition-duration:369ms;
  position:absolute
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.delete-button span .img2{
  opacity:0
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.delete-button:hover{
  background-color:#df5958
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.delete-button:hover p{
  color:white
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.delete-button:hover span .img1{
  opacity:0
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container div.delete-button:hover span .img2{
  opacity:1
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container .rol-button .cursor-not-allowed:hover{
  cursor:not-allowed !important
}

.user-data-container .user-data-container-scroller .user-data-grid-container .buttons-container .rol-button p{
  color:white
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container{
  font-size:1rem;
  display:flex;
  flex-direction:column;
  row-gap:0.5rem;
  padding-top:1rem;
  border-top:1px solid #b3b3b3
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container h3{
  font-weight:bold
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label{
  display:flex;
  align-items:center;
  -moz-column-gap:1rem;
       column-gap:1rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group.e-control-wrapper{
  margin-top:0px !important;
  margin-bottom:0px !important
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-time-wrapper{
  border:1px solid #b3b3b3 !important;
  border-radius:5px !important;
  padding:5px !important
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-time-icon{
  color:#99c8f2 !important
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after{
  background:#99c8f2 !important
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-time-wrapper .e-time-icon.e-icons,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons{
  display:none !important
}

.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group input.e-input,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-float-input.e-input-group input,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-input-group.e-control-wrapper input.e-input,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-float-input.e-input-group.e-control-wrapper input,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-float-input input,.user-data-container .user-data-container-scroller .user-data-grid-container .schedule-selected-container .hours-selectors-container label .e-float-input.e-control-wrapper input{
  min-height:28px !important;
  font-size:1rem !important;
  padding-left:1rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .day-container{
  padding-top:0.5rem;
  display:flex;
  flex-direction:column;
  row-gap:1rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .day-container .day-buttons{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem;
  flex-wrap:wrap;
  row-gap:1rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .day-container .day-buttons button{
  margin:0;
  width:-moz-fit-content;
  width:fit-content
}

.user-data-container .user-data-container-scroller .user-data-grid-container .vacations-container{
  padding:1rem 0 2rem;
  border-top:1px solid #b3b3b3;
  display:flex;
  flex-direction:column;
  row-gap:1rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .vacations-container h3{
  font-size:1rem;
  font-weight:bold
}

.user-data-container .user-data-container-scroller .user-data-grid-container .vacations-container div{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap
}

.user-data-container .user-data-container-scroller .user-data-grid-container .vacations-container div .buttons{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem
}

.user-data-container .user-data-container-scroller .user-data-grid-container .vacations-container div .buttons button{
  width:-moz-fit-content;
  width:fit-content
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.invoice-container{
  padding:2rem
}

.invoice-container .plan-card{
  position:relative
}

@media (max-width: 768px){
  .invoice-container .plan-card{
    max-width:none !important;
    width:100% !important
  }
}

.invoice-container .plan-card .plan-recurrence{
  position:absolute;
  right:1.5rem;
  width:110px;
  text-align:center
}

.invoice-container .card-actions{
  width:100%;
  max-width:212px;
  z-index:2;
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  padding:1rem 1rem 0.325rem 1rem;
  pointer-events:all
}

.invoice-container .card-actions img{
  height:20px
}

.invoice-container .select-indicator{
  z-index:1;
  position:absolute;
  top:-0.5rem;
  left:19px;
  width:100%;
  max-width:212px;
  border:3px solid #5CC8BF;
  border-radius:10px;
  height:140px;
  pointer-events:none
}

.invoice-container .select-indicator .select-title{
  color:#5CC8BF;
  margin:-2rem auto 0 auto;
  text-align:center
}

.plan-detail-container{
  padding:2rem
}

.plan-detail-container .information-container{
  border:1px solid #F2F2F2;
  background:#FFFFFF;
  box-shadow:0px 3px 6px #3D4B5C26;
  padding:1.5rem 2rem;
  height:calc(90vh - 170px);
  max-height:calc(90vh - 170px);
  overflow:auto;
  position:relative
}

.plan-detail-container .information-container .plan{
  display:flex;
  gap:1.5rem;
  align-items:center;
  margin-top:1.5rem;
  padding-bottom:1.5rem;
  border-bottom:1px solid #b3b3b3
}

.plan-detail-container .information-container .plan .plan-image{
  height:100px;
  width:100px
}

.plan-detail-container .information-container .seats-info{
  padding-top:1.5rem
}

.plan-detail-container .information-container .seats-info .seat-image{
  width:60px;
  height:60px
}

.plan-detail-container .information-container .seats-info .seats-detail{
  color:#5CC8BF
}

.plan-detail-container .information-container .seats-info .seats-detail .main{
  font-size:2rem
}

.plan-detail-container .information-container .seats-info .seats-detail .no-main{
  font-size:1.5rem
}

.plan-detail-container .information-container .seats-info .seats-detail .small{
  font-size:0.75rem
}

.plan-detail-container .information-container .cancel-fixed{
  position:absolute;
  bottom:1.5rem;
  right:2rem;
  text-decoration:underline;
  cursor:pointer;
  color:#757575
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.confirmation-plan-card{
  border-radius:5px;
  display:flex;
  align-items:center;
  gap:0.5rem
}

.confirmation-plan-card .plan-icon img{
  width:100px;
  height:100px
}

.confirmation-plan-card .seats-info{
  display:flex;
  gap:0.25rem;
  align-items:center
}

.confirmation-plan-card .seats-info img{
  height:32px;
  width:32px
}

/* purgecss end ignore */

/* purgecss start ignore */

.smart-calendar-settings-container{
  height:100%;
  width:100%;
  position:relative;
  padding:2rem 0 0 2rem;
  flex-direction:column;
  display:flex;
  row-gap:1rem
}

.smart-calendar-settings-container form{
  overflow:scroll
}

.smart-calendar-settings-container .actions-container{
  width:100%;
  bottom:60px;
  left:0;
  position:absolute;
  padding:0.75rem 2rem;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  background:rgba(255,255,255,0.3);
  -webkit-backdrop-filter:blur(2px);
          backdrop-filter:blur(2px)
}

@media (max-width: 768px){
  .smart-calendar-settings-container .actions-container button{
    max-width:none !important;
    width:100% !important
  }
}

.smart-calendar-settings-container .scroll-container{
  height:100%;
  overflow:scroll;
  padding-bottom:10rem
}

.smart-calendar-settings-container .smart-link-container{
  display:flex;
  flex-direction:column;
  row-gap:0.2rem;
  font-size:1rem
}

.smart-calendar-settings-container .smart-link-container h3{
  font-size:1.1rem;
  font-weight:bold
}

.smart-calendar-settings-container .smart-link-container .smart-input-container{
  display:flex;
  align-items:center;
  -moz-column-gap:0.9rem;
       column-gap:0.9rem
}

.smart-calendar-settings-container .smart-link-container .smart-input-container p{
  margin-top:1rem
}

.smart-calendar-settings-container .smart-link-container .smart-input-container img{
  margin-top:1rem;
  cursor:pointer
}

.smart-calendar-settings-container .meet-days-container{
  display:flex;
  flex-direction:column;
  row-gap:0.2rem;
  font-size:1rem;
  margin-top:1.8rem
}

.smart-calendar-settings-container .meet-days-container h3{
  font-size:1.1rem;
  font-weight:bold
}

.smart-calendar-settings-container .meet-days-container span{
  -moz-column-gap:1rem;
       column-gap:1rem;
  display:flex
}

.smart-calendar-settings-container .meet-days-container .time-days-container{
  margin-top:1.2rem;
  display:flex;
  flex-direction:column;
  row-gap:1rem
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .day-input{
  max-width:12rem
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container{
  display:flex;
  align-items:center;
  -moz-column-gap:1rem;
       column-gap:1rem;
  position:relative;
  flex-direction:column;
  row-gap:1rem
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .add-time-button-container{
  min-width:2rem;
  display:flex;
  align-items:center;
  justify-content:center
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .add-time-button-container div{
  margin:0
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .delete-time-button-container{
  min-width:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1px;
  opacity:0;
  transition-duration:369ms
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .delete-time-button-container img{
  cursor:pointer
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .time-inputs-container{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem;
  justify-content:center;
  align-items:center
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .time-inputs-container .time-inputs-message-container .time-inputs{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem;
  justify-content:center;
  align-items:center
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .time-inputs-container .time-inputs-message-container .time-inputs-message{
  margin:0.5rem 0 0 0;
  color:#FF5858
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .time-inputs-container:hover .delete-time-button-container{
  opacity:1
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container span{
  align-items:center
}

@media screen and (max-width: 1260px){
  .smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container{
    flex-direction:column;
    row-gap:1rem;
    margin-bottom:0.4rem
  }

  .smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container{
    align-items:flex-start
  }
}

.smart-calendar-settings-container .meet-days-container .days-container{
  margin-top:1.2rem;
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem
}

.smart-calendar-settings-container .meet-days-container .days-container button{
  width:-moz-fit-content;
  width:fit-content
}

.smart-calendar-settings-container .meet-days-container .add-container{
  margin-top:1.2rem
}

.smart-calendar-settings-container .meets-duration-container{
  font-size:1rem;
  display:flex;
  flex-direction:column;
  row-gap:0.2rem
}

.smart-calendar-settings-container .meets-duration-container h3{
  font-size:1.1rem;
  font-weight:bold
}

.smart-calendar-settings-container .meets-duration-container .checkbox-container{
  display:flex;
  margin-top:1rem;
  padding-left:1.6rem;
  -moz-column-gap:0.8rem;
       column-gap:0.8rem
}

.smart-calendar-settings-container .meets-duration-container .ant-checkbox-wrapper{
  display:flex;
  align-items:center;
  width:-moz-fit-content;
  width:fit-content;
  font-size:0.94rem
}

.smart-calendar-settings-container .meets-duration-container .ant-checkbox::after{
  border-radius:100px
}

.smart-calendar-settings-container .meets-duration-container .ant-checkbox-inner{
  width:1.5rem;
  height:1.5rem;
  border-radius:1000px
}

.smart-calendar-settings-container .meets-duration-container .ant-checkbox-inner::after{
  left:32.4%
}

@media (max-width: 768px){
  .smart-calendar-settings-container{
    padding:1rem !important
  }

  .smart-calendar-settings-container .smart-link-container .smart-input-container{
    align-items:flex-start !important;
    flex-direction:column
  }

  .smart-calendar-settings-container .meets-duration-container .checkbox-container{
    padding-left:0 !important
  }

  .smart-calendar-settings-container .day-meetings-container .time-container .time-inputs-container .time-inputs span div span{
    max-width:120px
  }
}

.smart-loader-container{
  position:relative;
  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.interface-container{
  padding:2rem 1.5rem 2rem 3rem;
  height:100%
}

/* purgecss end ignore */

/* purgecss start ignore */

.integrations-container{
  padding:2rem 0.75rem 2rem 3rem;
  height:100%
}

.integrations-container .integrations-grid{
  grid-template-rows:200px;
  max-height:calc(100% - 4rem);
  overflow:auto;
  padding:0 0.75rem 1rem 1rem;
  margin-left:-1rem;
  margin-right:-0.75rem
}

@media (max-width: 768px){
  .integrations-container{
    padding:1rem
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.integration{
  padding:24px 36px;
  border:1px solid #F2F2F2;
  border-radius:5px;
  box-shadow:0px 3px 6px #3D4B5C26;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}

.integration--header{
  display:flex;
  align-items:center;
  justify-content:space-between
}

.integration--header-logo.Zoom{
  margin-left:-10px
}

.integration--header-logo img{
  max-height:48px;
  min-height:48px
}

.integration--header-indicator{
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  max-height:18px;
  max-width:18px;
  border-radius:9px;
  margin-top:-2px
}

.integration--header-indicator.no-sync{
  background:#b3b3b3
}

.integration--header-indicator.warning{
  background:#EF8132
}

.integration--header-indicator.error{
  background:#FF5858
}

.integration--header-indicator.active{
  background:#34BE44 !important
}

.integration--body_status{
  margin-top:11px;
  margin-bottom:0.875rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.question-container{
  box-shadow:0px 3px 6px #3D4B5C26;
  border:1px solid #F2F2F2;
  border-radius:5px
}

.container-checkbox-google{
  display:block !important;
  align-items:center;
  position:relative !important;
  padding-left:30px !important;
  cursor:pointer !important;
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important;
  padding-bottom:2px
}

.container-checkbox-google input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.checkmark-google-google{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0;
  height:20px;
  width:20px;
  background:#FFF;
  border-radius:5px;
  border:1px solid #B3B3B3;
  transition:all 0.3s ease-in
}

.container-checkbox-google input:checked ~ .checkmark-google{
  border:1px solid #004D80
}

.checkmark-google:after{
  content:"";
  position:absolute;
  display:none
}

.container-checkbox-google input:checked ~ .checkmark-google:after{
  display:block
}

.container-checkbox-google .checkmark-google:after{
  left:3px;
  top:3px;
  width:12px;
  height:12px;
  background:#004D80 0% 0% no-repeat padding-box;
  border-radius:4px;
  opacity:1
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.google-integration-detail{
  padding:1rem 1.5rem 0.5rem 1.5rem;
  box-shadow:0px 3px 6px #3D4B5C26;
  border:1px solid #F2F2F2;
  background:#FFFFFF;
  border-radius:5px
}

.google-integration-detail--header{
  display:flex;
  justify-content:space-between;
  align-items:center
}

.google-integration-detail--header .circle{
  min-width:28px;
  min-height:28px;
  max-width:28px;
  max-height:28px
}

.google-integration-detail--header .circle.status{
  background:#E6E6E6 !important
}

.google-integration-detail--header .circle.status.active{
  background:#34BE44 !important;
  border-radius:14px
}

.google-integration-detail--body{
  margin-top:1.125rem
}

.google-integration-detail--expand-section{
  height:100%;
  padding:0.75rem 0 0 0;
  display:grid;
  grid-template-columns:repeat(4, 25%);
  grid-template-rows:auto;
  gap:0.5rem
}

.google-integration-detail--expand-section .container-checkbox{
  display:block !important;
  position:relative !important;
  padding-left:30px !important;
  cursor:pointer !important;
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important
}

.google-integration-detail--expand-section .container-checkbox input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.google-integration-detail--expand-section .checkmark{
  position:absolute;
  top:2px;
  left:0;
  height:20px;
  width:20px;
  background:#FFF;
  border-radius:5px;
  border:1px solid #B3B3B3;
  transition:all 0.3s ease-in
}

.google-integration-detail--expand-section .container-checkbox input:checked ~ .checkmark{
  border:1px solid #004D80
}

.google-integration-detail--expand-section .checkmark:after{
  content:"";
  position:absolute;
  display:none
}

.google-integration-detail--expand-section .container-checkbox input:checked ~ .checkmark:after{
  display:block
}

.google-integration-detail--expand-section .container-checkbox .checkmark:after{
  left:3px;
  top:3px;
  width:12px;
  height:12px;
  background:#004D80 0% 0% no-repeat padding-box;
  border-radius:4px;
  opacity:1
}

.google-integration-detail--footer{
  padding:0.5rem 0 0 0
}

.google-integration-detail--footer .arrow{
  transition:all 0.3s ease-in-out
}

.google-integration-detail--footer .arrow.open{
  transform:rotate(180deg);
  transition:all 0.3s ease-in-out
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.integration-detail{
  padding:1rem 1.5rem 0.5rem 1.5rem;
  box-shadow:0px 3px 6px #3D4B5C26;
  border:1px solid #F2F2F2;
  background:#FFFFFF;
  border-radius:5px
}

.integration-detail--header{
  display:flex;
  justify-content:space-between;
  align-items:center
}

.integration-detail--header .circle{
  min-width:28px;
  min-height:28px;
  max-width:28px;
  max-height:28px
}

.integration-detail--header .circle.status{
  background:#E6E6E6 !important
}

.integration-detail--header .circle.status.active{
  background:#34BE44 !important;
  border-radius:14px
}

.integration-detail--body{
  margin-top:1.125rem
}

.integration-detail--expand-section{
  height:100%;
  padding:0.75rem 0 0 0;
  display:grid;
  grid-template-columns:repeat(4, 25%);
  grid-template-rows:auto;
  gap:0.5rem
}

.integration-detail--expand-section .container-checkbox{
  display:block !important;
  position:relative !important;
  padding-left:30px !important;
  cursor:pointer !important;
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important
}

.integration-detail--expand-section .container-checkbox input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.integration-detail--expand-section .checkmark{
  position:absolute;
  top:2px;
  left:0;
  height:20px;
  width:20px;
  background:#FFF;
  border-radius:5px;
  border:1px solid #B3B3B3;
  transition:all 0.3s ease-in
}

.integration-detail--expand-section .container-checkbox input:checked ~ .checkmark{
  border:1px solid #004D80
}

.integration-detail--expand-section .checkmark:after{
  content:"";
  position:absolute;
  display:none
}

.integration-detail--expand-section .container-checkbox input:checked ~ .checkmark:after{
  display:block
}

.integration-detail--expand-section .container-checkbox .checkmark:after{
  left:3px;
  top:3px;
  width:12px;
  height:12px;
  background:#004D80 0% 0% no-repeat padding-box;
  border-radius:4px;
  opacity:1
}

.integration-detail--footer{
  padding:0.5rem 0 0 0
}

.integration-detail--footer .arrow{
  transition:all 0.3s ease-in-out
}

.integration-detail--footer .arrow.open{
  transform:rotate(180deg);
  transition:all 0.3s ease-in-out
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

input[type="radio"]{
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none;
  background-color:#fff;
  margin:0;
  font:inherit;
  color:#b3b3b3;
  width:1.25em;
  height:1.25em;
  border:1px solid #b3b3b3;
  border-radius:50%;
  display:grid;
  place-content:center
}

input[type="radio"]::before{
  content:"";
  width:0.75em;
  height:0.75em;
  border-radius:50%;
  transform:scale(0);
  transition:120ms transform ease-in-out;
  box-shadow:inset 1em 1em var(--form-control-color);
  background-color:#004D80
}

input[type="radio"]:checked::before{
  transform:scale(1)
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.container-checkbox-request{
  display:block !important;
  position:relative !important;
  padding-left:30px !important;
  cursor:pointer !important;
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important
}

.container-checkbox-request input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.checkmark-request{
  position:absolute;
  top:2px;
  left:0;
  height:20px;
  width:20px;
  background:#FFF;
  border-radius:5px;
  border:1px solid #B3B3B3;
  transition:all 0.3s ease-in
}

.container-checkbox-request input:checked ~ .checkmark-request{
  border:1px solid #004D80
}

.checkmark-request:after{
  content:"";
  position:absolute;
  display:none
}

.container-checkbox-request input:checked ~ .checkmark-request:after{
  display:block
}

.container-checkbox-request .checkmark-request:after{
  left:3px;
  top:3px;
  width:12px;
  height:12px;
  background:#004D80 0% 0% no-repeat padding-box;
  border-radius:4px;
  opacity:1
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.cancel-modal .title{
  font-size:2rem;
  color:#FF5858;
  text-align:center;
  margin-bottom:1.5rem
}

.cancel-modal .title.success{
  color:#34BE44
}

.cancel-modal .description{
  font-size:1.125rem
}

.cancel-modal .from-to-image{
  margin-top:2.5rem;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2.375rem;
  margin-bottom:5rem
}

.cancel-modal .from-to-image .from,.cancel-modal .from-to-image .to{
  display:flex;
  align-items:center
}

.cancel-modal .from-to-image .joiner img,.cancel-modal .from-to-image .content img{
  width:32px;
  height:32px
}

.cancel-modal .from-to-image .plan-image{
  width:100px;
  height:100px
}

/* purgecss end ignore */

/* purgecss start ignore */

.smart-calendar-settings-container{
  height:100%;
  width:100%;
  position:relative;
  padding:2rem 0 0 2rem;
  flex-direction:column;
  display:flex;
  row-gap:1rem
}

.smart-calendar-settings-container form{
  overflow:scroll
}

.smart-calendar-settings-container .actions-container{
  width:100%;
  bottom:60px;
  left:0;
  position:absolute;
  padding:0.75rem 2rem;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  background:rgba(255,255,255,0.3);
  -webkit-backdrop-filter:blur(2px);
          backdrop-filter:blur(2px)
}

.smart-calendar-settings-container .scroll-container{
  height:100%;
  overflow:scroll;
  padding-bottom:10rem
}

.smart-calendar-settings-container .smart-link-container{
  display:flex;
  flex-direction:column;
  row-gap:0.2rem;
  font-size:1rem
}

.smart-calendar-settings-container .smart-link-container h3{
  font-size:1.1rem;
  font-weight:bold
}

.smart-calendar-settings-container .smart-link-container .smart-input-container{
  display:flex;
  align-items:center;
  -moz-column-gap:0.9rem;
       column-gap:0.9rem
}

.smart-calendar-settings-container .smart-link-container .smart-input-container p{
  margin-top:1rem
}

.smart-calendar-settings-container .smart-link-container .smart-input-container img{
  margin-top:1rem;
  cursor:pointer
}

.smart-calendar-settings-container .meet-days-container{
  display:flex;
  flex-direction:column;
  row-gap:0.2rem;
  font-size:1rem;
  margin-top:1.8rem
}

.smart-calendar-settings-container .meet-days-container h3{
  font-size:1.1rem;
  font-weight:bold
}

.smart-calendar-settings-container .meet-days-container span{
  -moz-column-gap:1rem;
       column-gap:1rem;
  display:flex
}

.smart-calendar-settings-container .meet-days-container .time-days-container{
  margin-top:1.2rem;
  display:flex;
  flex-direction:column;
  row-gap:1rem
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .day-input{
  max-width:12rem
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container{
  display:flex;
  align-items:center;
  -moz-column-gap:1rem;
       column-gap:1rem;
  position:relative;
  flex-direction:column;
  row-gap:1rem
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .add-time-button-container{
  min-width:2rem;
  display:flex;
  align-items:center;
  justify-content:center
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .add-time-button-container div{
  margin:0
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .delete-time-button-container{
  min-width:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1px;
  opacity:0;
  transition-duration:369ms
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .delete-time-button-container img{
  cursor:pointer
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .time-inputs-container{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem;
  justify-content:center;
  align-items:center
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .time-inputs-container .time-inputs-message-container .time-inputs{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem;
  justify-content:center;
  align-items:center
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .time-inputs-container .time-inputs-message-container .time-inputs-message{
  margin:0.5rem 0 0 0;
  color:#FF5858
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container .time-inputs-container:hover .delete-time-button-container{
  opacity:1
}

.smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container span{
  align-items:center
}

@media screen and (max-width: 1260px){
  .smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container{
    flex-direction:column;
    row-gap:1rem;
    margin-bottom:0.4rem
  }

  .smart-calendar-settings-container .meet-days-container .time-days-container .day-meetings-container .time-container{
    align-items:flex-start
  }
}

.smart-calendar-settings-container .meet-days-container .days-container{
  margin-top:1.2rem;
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem
}

.smart-calendar-settings-container .meet-days-container .days-container button{
  width:-moz-fit-content;
  width:fit-content
}

.smart-calendar-settings-container .meet-days-container .add-container{
  margin-top:1.2rem
}

.smart-calendar-settings-container .meets-duration-container{
  font-size:1rem;
  display:flex;
  flex-direction:column;
  row-gap:0.2rem
}

.smart-calendar-settings-container .meets-duration-container h3{
  font-size:1.1rem;
  font-weight:bold
}

.smart-calendar-settings-container .meets-duration-container .checkbox-container{
  display:flex;
  margin-top:1rem;
  padding-left:1.6rem;
  -moz-column-gap:0.8rem;
       column-gap:0.8rem
}

.smart-calendar-settings-container .meets-duration-container .ant-checkbox-wrapper{
  display:flex;
  align-items:center;
  width:-moz-fit-content;
  width:fit-content;
  font-size:0.94rem
}

.smart-calendar-settings-container .meets-duration-container .ant-checkbox::after{
  border-radius:100px
}

.smart-calendar-settings-container .meets-duration-container .ant-checkbox-inner{
  width:1.5rem;
  height:1.5rem;
  border-radius:1000px
}

.smart-calendar-settings-container .meets-duration-container .ant-checkbox-inner::after{
  left:32.4%
}

.smart-loader-container{
  position:relative;
  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center
}

.settings-calendar-container{
  height:100%;
  overflow:hidden;
  position:relative
}

.settings-calendar-container--tabs{
  background:#F2F2F2;
  min-height:58px;
  max-height:58px;
  display:flex;
  align-items:center;
  gap:1px;
  padding:0 1px 1px 1px
}

.settings-calendar-container--tabs-tab{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 2rem;
  border-top-left-radius:5px
}

.settings-calendar-container--tabs-tab.active-tab{
  background:#FFFFFF
}

.settings-calendar-container .settings-calendar--body{
  padding:2rem
}

.settings-calendar-container footer{
  min-height:72px;
  max-height:72px;
  border-top:1px solid #F2F2F2;
  box-shadow:0px 0px 10px #00000029;
  background:#FFFFFF;
  -webkit-backdrop-filter:blur(4px);
          backdrop-filter:blur(4px);
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:0 1.5rem
}

@media (max-width: 768px){
  .settings-calendar-container footer button{
    max-width:none;
    width:100% !important
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.settings-overlay{
  height:100dvh;
  position:absolute;
  background:#FFFFFF;
  z-index:15;
  width:100dvw;
  top:0;
  left:0;
  padding:60px 100px
}

.settings-overlay .settings-container{
  height:100%;
  max-height:calc(100dvh - 136px)
}

.settings-overlay .settings-container .left,.settings-overlay .settings-container .right{
  border-radius:5px;
  border:1px solid #F2F2F2;
  box-shadow:0 6px 12px #3D4B5C1A
}

.settings-overlay .settings-container .left{
  min-width:270px;
  background:#FFFFFF
}

.settings-overlay .settings-container .right{
  width:100%;
  max-width:calc(100% - 270px);
  border-radius:5px;
  border:1px solid #F2F2F2;
  box-shadow:0 6px 12px #3D4B5C1A
}

.settings-overlay .settings-container .right .fixed-submit-button{
  width:100%;
  max-width:calc(100% - 504px);
  position:fixed;
  bottom:48px;
  right:100px;
  padding:12px 2rem;
  display:flex;
  justify-content:flex-end;
  background:rgba(255,255,255,0.3);
  -webkit-backdrop-filter:blur(2px);
          backdrop-filter:blur(2px)
}

.settings-overlay .settings-container .right .pic-container{
  width:172px;
  height:172px;
  background:#FFFFFF;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:2px solid #b3b3b3
}

.settings-overlay .settings-container .right .pic-container.square{
  width:220px;
  height:120px;
  border-radius:5px
}

.settings-overlay .settings-container .right .pic-container:hover .replace-icon{
  transition:all 0.2s ease-in-out;
  opacity:1;
  pointer-events:all
}

.settings-overlay .settings-container .right .pic-container .replace-icon{
  pointer-events:none;
  opacity:0;
  position:absolute;
  bottom:1rem;
  width:3rem;
  height:3rem;
  border-radius:50%;
  padding:0.375rem;
  transition:all 0.2s ease-in-out
}

.settings-overlay .settings-container .right .pic-container .preview{
  max-height:100%;
  max-width:100%;
  -o-object-fit:cover;
     object-fit:cover
}

.settings-overlay .settings-container .right .pic-container .indications{
  color:#FFFFFF;
  background:#5CC8BF;
  border-radius:5px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  transition:all 0.5s ease-in-out;
  padding:0.5rem 1rem;
  width:175px;
  font-size:14px;
  opacity:0
}

.settings-overlay .settings-container .right .pic-container .indications.show{
  top:-10%;
  transition:all 0.5s ease-in-out;
  opacity:1
}

@media (max-width: 768px){
  .settings-overlay{
    padding:1rem;
    z-index:100
  }

  .settings-overlay .settings-container{
    height:100%;
    max-height:calc(100dvh - 74px)
  }

  .settings-overlay .settings-container .left,.settings-overlay .settings-container .right{
    border-radius:5px;
    border:1px solid #F2F2F2;
    box-shadow:0 6px 12px #3D4B5C1A
  }

  .settings-overlay .settings-container .right{
    width:100%;
    max-width:none;
    border-radius:5px;
    border:1px solid #F2F2F2;
    box-shadow:0 6px 12px #3D4B5C1A
  }

  .settings-overlay .settings-container .right .fixed-submit-button{
    max-width:none;
    right:0;
    left:0;
    bottom:24px;
    width:100%
  }

  .settings-overlay .settings-container .right .fixed-submit-button button{
    width:100%;
    max-width:none !important
  }

  .settings-overlay .settings-container .right .pic-container{
    width:172px;
    height:172px;
    background:#FFFFFF;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:2px solid #b3b3b3
  }

  .settings-overlay .settings-container .right .pic-container.square{
    width:220px;
    height:120px;
    border-radius:5px
  }

  .settings-overlay .settings-container .right .pic-container:hover .replace-icon{
    transition:all 0.2s ease-in-out;
    opacity:1;
    pointer-events:all
  }

  .settings-overlay .settings-container .right .pic-container .replace-icon{
    pointer-events:none;
    opacity:0;
    position:absolute;
    bottom:1rem;
    width:3rem;
    height:3rem;
    border-radius:50%;
    padding:0.375rem;
    transition:all 0.2s ease-in-out
  }

  .settings-overlay .settings-container .right .pic-container .preview{
    max-height:100%;
    max-width:100%;
    -o-object-fit:cover;
       object-fit:cover
  }

  .settings-overlay .settings-container .right .pic-container .indications{
    color:#FFFFFF;
    background:#5CC8BF;
    border-radius:5px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    transition:all 0.5s ease-in-out;
    padding:0.5rem 1rem;
    width:175px;
    font-size:14px;
    opacity:0
  }

  .settings-overlay .settings-container .right .pic-container .indications.show{
    top:-10%;
    transition:all 0.5s ease-in-out;
    opacity:1
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.team-container{
  padding:1.5rem 2.5rem;
  max-height:calc(94vh - 64px);
  overflow:auto
}

/* purgecss end ignore */

/* purgecss start ignore */

.signup-guest-container{
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}

.signup-guest-container .signup-logo{
  position:absolute;
  top:69px;
  left:50%;
  transform:translateX(-50%);
  max-width:156px
}

@media screen and (max-height: 720px){
  .signup-guest-container .signup-logo{
    display:none
  }
}

.signup-guest-container .basic-information-container{
  position:relative;
  z-index:1;
  max-width:416px
}

.signup-guest-container .basic-information-container .password-validator li.validation-requirement{
  color:#b3b3b3
}

.signup-guest-container .basic-information-container .password-validator li.validation-requirement.error{
  color:#FF0000 !important
}

.signup-guest-container .basic-information-container .password-validator li.validation-requirement.focused{
  color:#000000 !important
}

.signup-guest-container .basic-information-container .password-validator li.validation-requirement.filled{
  color:#34BE44 !important
}

.content.short{
  padding:2.25rem 2rem 2rem 2rem;
  overflow:auto;
  max-height:74dvh;
  position:relative;
  max-width:700px;
  width:100%
}

.content.short .pic-container{
  width:172px;
  height:172px;
  background:#FFFFFF;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:2px solid #b3b3b3
}

.content.short .pic-container:hover .replace-icon{
  transition:all 0.2s ease-in-out;
  opacity:1;
  pointer-events:all
}

.content.short .pic-container .replace-icon{
  pointer-events:none;
  opacity:0;
  position:absolute;
  bottom:1rem;
  width:3rem;
  height:3rem;
  border-radius:50%;
  padding:0.375rem;
  transition:all 0.2s ease-in-out
}

.content.short .pic-container .preview{
  max-height:100%;
  max-width:100%;
  -o-object-fit:cover;
     object-fit:cover
}

.content.short .pic-container .indications{
  color:#FFFFFF;
  background:#5CC8BF;
  border-radius:5px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  transition:all 0.5s ease-in-out;
  padding:0.5rem 1rem;
  width:175px;
  font-size:14px;
  opacity:0
}

.content.short .pic-container .indications.show{
  top:-10%;
  transition:all 0.5s ease-in-out;
  opacity:1
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.calendar .e-schedule{
  font-family:'sofia-pro', sans-serif !important
}

.calendar .e-schedule .e-appointment-details{
  padding:0 !important;
  height:100%;
  background:white
}

.calendar .e-schedule .e-appointment{
  box-shadow:0px 3px 6px #00000029 !important
}

.calendar .week-template-wrap{
  background:#f2f2f2 !important;
  padding-left:5px !important;
  padding-right:5px !important;
  padding-top:7px !important;
  padding-bottom:10px !important;
  font-size:14px !important;
  font-weight:500 !important
}

.calendar .month-template-wrap{
  background:#ffffff;
  padding-left:10px;
  padding-right:10px;
  font-weight:500;
  display:flex;
  justify-content:space-between;
  width:100%;
  height:100%;
  border-radius:5px;
  font-size:0.7rem;
  align-items:center
}

.calendar .month-template-wrap .text-grey{
  font-size:0.6rem;
  color:rgba(96,96,96,0.553);
  text-align:end
}

.calendar .e-appointment-details>div{
  width:100%;
  height:100%
}

.calendar .e-more-popup-wrapper .e-appointment>div{
  width:100%
}

.calendar .status{
  height:16px;
  width:16px;
  border-radius:12px
}

.calendar .status.delayed{
  background:#ff5858
}

.calendar .status.ontime{
  background:#5cc8bf
}

.calendar .pic-container{
  height:16px;
  width:16px;
  border:2px solid #8ac8f1;
  border-radius:12px;
  overflow:hidden
}

.calendar .pic-container .mini-pic{
  border-radius:12px !important
}

.calendar .button-nav-style-today-dashboard{
  background:#EF8132 !important;
  padding-left:32px !important;
  padding-right:32px !important;
  border-radius:5px !important
}

.calendar .text-black{
  color:#000000 !important
}

.calendar .button-nav-style{
  background:#f2f2f2 !important;
  padding-left:32px !important;
  padding-right:32px !important;
  border-radius:5px !important
}

.calendar .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,.calendar .e-schedule .e-schedule-toolbar .e-active-view .e-icons{
  background:#757575 !important;
  color:white !important;
  font-weight:bold !important;
  font-family:'sofia-pro', sans-serif !important
}

.calendar .e-active-view button{
  background:#757575 !important;
  color:white !important
}

.calendar .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos{
  height:48px !important;
  min-height:48px !important;
  background:white
}

.calendar .e-toolbar .e-tbar-btn .e-tbar-btn-text{
  font-family:'sofia-pro', sans-serif !important;
  color:#757575 !important
}

.calendar .add-event-calendar{
  margin-right:2rem
}

.calendar .add-event-calendar img{
  min-width:24px !important;
  width:24px !important;
  background-size:24px !important
}

.calendar .add-event-calendar p{
  font-weight:bold;
  font-size:0.9rem;
  line-height:1.3rem;
  padding-left:0.5rem;
  color:#757575
}

.calendar .profile-section-calendar{
  width:auto
}

.calendar .profile-section-calendar .profile-container{
  display:flex;
  margin-right:2rem
}

.calendar .profile-section-calendar .profile-container .pic-container{
  border-radius:25px;
  width:35px;
  height:35px;
  overflow:hidden;
  margin-right:0.75rem
}

.calendar .profile-section-calendar .profile-container .pic-container img{
  width:100%;
  -o-object-fit:cover;
     object-fit:cover;
  min-height:18px;
  height:100%;
  border-radius:50%
}

.calendar .profile-section-calendar .profile-container .data-container{
  display:flex;
  flex-direction:column;
  justify-content:center
}

.calendar .profile-section-calendar .profile-container .data-container .title{
  line-height:14px
}

.calendar .profile-section-calendar .profile-container .data-container .title.bold{
  font-weight:bold
}

.calendar .e-more-popup-wrapper .e-appointment{
  margin-bottom:10px !important
}

.calendar .e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-icon,.calendar .e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-edit-icon,.calendar .e-schedule .e-month-view .e-appointment .e-appointment-details .e-left-icon,.calendar .e-schedule .e-month-view .e-appointment .e-appointment-details .e-right-icon{
  width:-moz-fit-content !important;
  width:fit-content !important
}

.calendar .e-more-popup-wrapper .e-appointment .e-recurrence-icon,.calendar .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon{
  width:-moz-fit-content !important;
  width:fit-content !important
}

.calendar .e-schedule .e-month-view .e-date-header-wrap table td,.calendar .e-schedule .e-month-agenda-view .e-date-header-wrap table td{
  text-align:right !important;
  font-size:14px !important
}

.calendar .e-schedule .e-month-view .e-date-header{
  display:block !important;
  text-align:right !important;
  color:#b3b3b3 !important;
  font-size:11px !important
}

.calendar .e-schedule .e-month-view .e-current-date .e-date-header,.calendar .e-schedule .e-month-agenda-view .e-current-date .e-date-header{
  margin-left:auto !important;
  text-align:center !important
}

.calendar .e-schedule .e-agenda-view .e-appointment{
  border-left:0px !important
}

.calendar .e-schedule .e-agenda-view .e-appointment.e-template{
  display:block;
  width:100%
}

.calendar .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone){
  cursor:pointer;
  border-radius:6px
}

.calendar .e-appointment-new{
  background:white !important;
  border:1px solid #EF8132 !important;
  cursor:pointer !important
}

.calendar .week-template-wrap{
  background:white !important
}

.calendar .schedule-dashboard{
  border-radius:5px;
  height:calc(100vh - 155px) !important
}

.calendar .schedule-dashboard .e-table-container .e-day-view table .e-left-indent-wrap,.calendar .schedule-dashboard .e-table-container .e-day-view table .e-date-header-container{
  display:none
}

.calendar .schedule-dashboard .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos{
  background:white !important
}

.calendar .event-container .e-schedule{
  box-shadow:0px 6px 12px #3d4b5c1a !important;
  border-radius:5px !important
}

.calendar .hidden-calendar{
  visibility:hidden;
  opacity:0;
  transition:visibility 0.3s linear, opacity 0.3s linear
}

.calendar .visible-calendar{
  visibility:visible;
  opacity:1
}

.calendar .e-schedule .e-month-view .e-work-cells{
  height:88px !important
}

.calendar .e-popup-header{
  border-radius:5px 5px 0px 0px
}

.calendar .e-quick-popup-wrapper .e-event-popup .e-popup-content{
  padding:0 !important;
  border-radius:0px 0px 5px 5px
}

.calendar .quickinfo-content{
  padding:24px 18px 24px 18px;
  font-size:14px
}

.calendar .close-quick{
  font-size:19px;
  line-height:18px;
  color:white
}

.calendar .mini-pic-full-container{
  margin-right:0.5rem
}

.calendar .mini-pic{
  width:32px;
  height:32px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #004D80
}

.calendar .mini-pic span{
  font-size:0.9rem
}

.calendar .mini-pic img{
  -o-object-fit:cover;
     object-fit:cover;
  height:100%;
  width:100%;
  border-radius:50%
}

.calendar .ant-message .anticon{
  top:-3px !important
}

.calendar .ant-message .anticon>svg>path{
  color:#52c41a !important
}

.calendar .e-schedule .e-schedule-toolbar .e-toolbar-pop{
  border-radius:5px
}

.calendar .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn{
  align-content:center;
  display:block;
  line-height:0px
}

.calendar .e-schedule .e-vertical-view .e-alternate-cells{
  border-bottom-style:none
}

.calendar .e-schedule .e-vertical-view .e-time-cells-wrap .e-time-cells{
  border-bottom-color:transparent
}

.calendar .e-schedule .e-vertical-view .e-time-cells-wrap table td{
  border-width:0 0px 0px 0
}

.calendar .e-schedule .e-vertical-view .e-time-cells-wrap table td>span{
  margin-top:-23px;
  display:block
}

.calendar .e-schedule{
  border:transparent
}

.calendar .e-schedule .e-schedule-toolbar .e-tbar-btn{
  background:white
}

.calendar .schedule-dashboard .e-vertical-view .e-left-indent{
  width:45px !important
}

.calendar .schedule-dashboard .e-vertical-view .e-time-cells-wrap table td{
  text-align:left !important
}

.calendar .schedule-project .e-month-view .e-date-header-wrap table td,.calendar .e-schedule .e-month-agenda-view .e-date-header-wrap table td{
  font-weight:bold
}

.calendar .schedule-project .e-month-view .e-appointment{
  color:black
}

.calendar .schedule-project .e-vertical-view .e-day-wrapper .e-appointment{
  color:black
}

.calendar .schedule-project .e-timeline-view .e-appointment,.calendar .e-schedule .e-timeline-month-view .e-appointment{
  color:black
}

.calendar .schedule-dashboard .e-vertical-view .e-clone-time-indicator,.calendar .schedule-dashboard .e-vertical-view .e-current-time{
  color:#004D80;
  font-size:12px;
  background:white;
  padding-right:13px
}

.calendar .schedule-project .e-vertical-view .e-clone-time-indicator,.calendar .schedule-project .e-vertical-view .e-current-time{
  color:#004D80;
  font-size:12px;
  background:white;
  padding-right:0px
}

.calendar .e-schedule .e-vertical-view .e-current-timeline{
  border-top:1px solid #004D80
}

.calendar .schedule-project .e-schedule-toolbar{
  box-shadow:none !important;
  margin-bottom:1rem
}

.calendar .e-schedule .e-month-view .e-date-header-wrap table td,.calendar .e-schedule .e-month-agenda-view .e-date-header-wrap table td{
  border-color:rgba(175,175,175,0.12) !important
}

.calendar .e-schedule .e-month-view .e-work-cells,.calendar .e-schedule .e-month-agenda-view .e-work-cells{
  border-color:rgba(175,175,175,0.12) !important
}

.calendar .schedule-project .e-month-view .e-date-header-wrap table td.e-current-day,.calendar .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day{
  color:#004D80
}

.calendar .schedule-project .e-month-view .e-current-date .e-date-header,.calendar .e-schedule .e-month-agenda-view .e-current-date .e-date-header{
  background-color:#004D80;
  color:white !important;
  line-height:18px
}

.calendar .schedule-project .e-vertical-view .e-header-cells.e-current-day{
  color:#004D80
}

.calendar .schedule-project .e-agenda-view .e-day-date-header.e-current-day{
  color:#004D80
}

.calendar .schedule-project .e-month-view .e-appointment{
  border-radius:5px;
  border:none
}

.calendar .e-more-popup-wrapper .e-appointment{
  background:none;
  color:black;
  border-radius:5px;
  padding:0px
}

.calendar .e-popup.e-popup-open{
  border-radius:10px
}

.calendar .schedule-project .e-schedule-toolbar .e-tbar-btn:hover,.calendar .e-schedule .e-schedule-toolbar .e-tbar-btn:focus{
  background:white
}

.calendar .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-prev .e-icon-prev,.calendar .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-next .e-icon-next{
  font-size:17px;
  color:black
}

.calendar .schedule-project .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text{
  font-size:17px;
  font-weight:bold;
  color:black !important
}

.calendar .schedule-dashboard .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text{
  font-size:17px;
  font-weight:bold;
  color:black !important
}

.calendar .schedule-project .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow{
  display:none
}

.calendar .schedule-dashboard .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow{
  display:none
}

.calendar .e-more-popup-wrapper .e-more-event-date-header .e-current-date{
  color:#004D80
}

.calendar .schedule-dashboard .e-schedule-toolbar .e-tbar-btn:hover,.calendar .schedule-dashboard .e-schedule-toolbar .e-tbar-btn:focus{
  background-color:white
}

.calendar .schedule-dashboard .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover{
  background-color:white
}

.calendar .e-calendar .e-content td.e-selected span.e-day,.calendar .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day{
  background-color:#004D80
}

.calendar .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text{
  text-transform:capitalize !important
}

.calendar .e-schedule .e-appointment .e-recurrence-icon::before{
  color:black;
  font-size:14px
}

.calendar .schedule-dashboard .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text{
  text-transform:lowercase !important;
  display:block;
  margin-top:-1px
}

.calendar .schedule-project .e-schedule-toolbar-container{
  padding:16px
}

.calendar .schedule-project .e-month-view .e-appointment .e-appointment-details .e-recurrence-icon{
  display:block;
  float:right;
  height:auto;
  right:0;
  position:absolute
}

.calendar .schedule-project .e-month-view .e-appointment .e-appointment-details .e-recurrence-icon::before{
  font-size:12px
}

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

.calendar .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,.calendar .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator{
  background-color:#004D80
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment{
  background:#EF8132
}

/* purgecss end ignore */

/* purgecss start ignore */

.e-input-group .e-clear-icon,.e-input-group.e-control-wrapper .e-clear-icon{
  min-height:18px;
  min-width:18px;
  padding-bottom:4px;
  padding-left:4px;
  padding-right:14px;
  padding-top:4px
}

.mini-pic-full-container{
  position:relative
}

.delete-indicator{
  display:none;
  position:absolute;
  top:-11px;
  right:-11px;
  width:22px;
  height:22px;
  cursor:pointer;
  background:#ff5858;
  place-items:center;
  border-radius:15px
}

.mini-pic-full-container:hover .delete-indicator{
  display:grid
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.smart-calendar-container{
  padding:1.5rem
}

.smart-calendar-container .users-selected-container{
  box-shadow:0px 0px 20px #3d4b5c33;
  border-radius:5px
}

.smart-calendar-container .users-selected-container .title-users-selected-container{
  padding:1.5rem 2rem 1.5rem 1.5rem;
  color:#1f2026;
  font-size:1rem;
  font-weight:bold
}

.smart-calendar-container .users-selected-container .users-selected-container-cards{
  display:flex;
  gap:0.5rem;
  border-radius:5px
}

.smart-calendar-container .users-selected-container .user-selected-container{
  padding:0rem 2rem 0rem 1.5rem;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  -moz-column-gap:1rem;
       column-gap:1rem;
  max-width:20rem
}

.smart-calendar-container .users-selected-container .user-selected-container .user-selected-image{
  min-width:80px;
  width:80px;
  height:80px;
  overflow:hidden;
  border-radius:100px
}

.smart-calendar-container .users-selected-container .user-selected-container .user-selected-image img{
  width:100%;
  height:auto;
  -o-object-fit:cover;
     object-fit:cover
}

.smart-calendar-container .users-selected-container .user-selected-container header{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  row-gap:0.2rem
}

.smart-calendar-container .users-selected-container .user-selected-container header p{
  white-space:nowrap;
  max-width:11rem
}

.smart-calendar-container .users-selected-container .user-selected-container header img{
  max-width:1.74rem
}

.smart-calendar-container .content{
  border:1px solid #f2f2f2;
  box-shadow:0px 0px 20px #3d4b5c33;
  border-radius:5px;
  height:calc(100vh - 8rem);
  overflow:hidden
}

.smart-calendar-container .content .smart-calendar-header{
  min-height:64px;
  max-height:64px;
  background:#ffffff;
  border:1px solid #f2f2f2;
  box-shadow:0px 0px 20px #3d4b5c33;
  display:flex;
  align-items:center;
  padding:4px 1rem 0 1rem;
  border-radius:5px
}

.smart-calendar-container .content .smart-calendar-header .find{
  max-width:242px
}

.smart-calendar-container .content .smart-calendar-header .members{
  overflow-x:auto;
  padding-bottom:0.25rem;
  margin-top:0.25rem
}

.smart-calendar-container .content .smart-calendar-header .members .empty-user{
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  max-width:32px;
  max-height:32px;
  border-radius:16px
}

.smart-calendar-container .content .grid-section{
  height:calc(100% - 4rem)
}

.smart-calendar-container .content .grid-section .member-card-information{
  height:calc(100% - 24px);
  max-width:300px;
  width:300px
}

.smart-calendar-container .content .grid-section .member-card-information .calendar-main-pic img{
  min-width:80px
}

.smart-calendar-container .content .grid-section .member-card-information .progress{
  height:10px;
  border-radius:5px
}

.smart-calendar-container .content .grid-section .member-card-information .progress.orange{
  width:183px;
  position:absolute;
  z-index:0;
  background:#EF8132
}

.smart-calendar-container .content .grid-section .member-card-information .progress.blue{
  position:absolute;
  z-index:1;
  background:#004D80;
  right:0;
  width:10px
}

.smart-calendar-container .content .grid-section .tasks-and-calendar{
  display:grid;
  grid-template-rows:minmax(min-content, 16.4rem) 1fr;
  grid-template-columns:1fr
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar{
  width:auto;
  border:none !important
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__navigation{
  height:36px;
  margin-bottom:0.25rem;
  color:#606060
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays{
  text-transform:none;
  font-size:0.875rem;
  color:#757575;
  font-weight:normal
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr{
  text-decoration:none
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day{
  margin-bottom:4px
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeStart,.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day.react-calendar__tile--rangeEnd{
  margin:-2px 0 2px 0
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button{
  order:2
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__navigation .react-calendar__navigation__label{
  order:1;
  padding-left:10px;
  text-align:left;
  font-size:1rem;
  font-family:'sofia-pro', sans-serif;
  font-weight:700
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__navigation .react-calendar__navigation__next-button{
  order:3
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile--active,.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile--active:enabled:focus:hover,.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile--hasActive{
  background:#EF8132 !important;
  border-radius:2px;
  color:#000000
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile--now,.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile--now:not(.react-calendar__tile--hasActive){
  background:#E6E6E6;
  border-radius:2px;
  color:#000000
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile:enabled:hover,.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile:enabled:focus{
  border-radius:2px
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeStart):not(.react-calendar__tile--rangeEnd){
  background:rgba(250,200,142,0.5) !important;
  border-radius:0
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile--range:not(.react-calendar__tile--rangeEnd):not(.react-calendar__tile--rangeStart){
  background:rgba(250,200,142,0.5) !important;
  border-radius:0
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .sc-mini-calendar.react-calendar .react-calendar__tile:enabled:hover:not(.react-calendar__tile--active){
  background:#E6E6E6
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .tasks-bottom-container{
  margin-top:1rem;
  padding-bottom:1.5rem;
  height:calc(100% - 24px);
  overflow:scroll
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .tasks-bottom-container .tasks-container{
  height:100%
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .tasks-bottom-container .tasks-container .empty-container{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}

.smart-calendar-container .content .grid-section .tasks-and-calendar .tasks-bottom-container .tasks-container .empty-container .title{
  margin-bottom:0.75rem;
  font-size:1rem;
  color:#757575
}

.smart-popover{
  padding-top:0px !important;
  border:1px solid;
  border-radius:5px !important
}

.smart-popover .ant-popover-inner{
  border-radius:5px !important;
  width:auto !important;
  max-height:548px !important
}

.smart-popover .ant-popover-inner-content{
  padding:16px !important
}

.smart-popover .ant-popover-arrow{
  display:none
}

.smart-popover-users{
  padding-top:0px !important;
  border:1px solid;
  border-radius:5px !important
}

.smart-popover-users .ant-popover-inner{
  border-radius:5px !important;
  width:auto !important;
  max-height:calc(100vh - 200px) !important;
  overflow:auto
}

.smart-popover-users .ant-popover-inner-content{
  padding:16px !important
}

.smart-popover-users .ant-popover-arrow{
  display:none
}

.smart-popover-users .profile-container{
  display:flex;
  margin-right:2rem
}

.smart-popover-users .profile-container .pic-container{
  border-radius:25px;
  width:35px;
  height:35px;
  overflow:hidden;
  margin-right:0.75rem
}

.smart-popover-users .profile-container .pic-container img{
  width:100%;
  -o-object-fit:cover;
     object-fit:cover;
  min-height:18px;
  height:100%;
  border-radius:50%
}

.smart-popover-users .profile-container .data-container{
  display:flex;
  flex-direction:column;
  justify-content:center
}

.smart-popover-users .profile-container .data-container .title{
  line-height:14px
}

.smart-popover-users .profile-container .data-container .title.bold{
  font-weight:bold
}

.user-image-selector-border{
  transition-duration:133ms;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:100px
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.task-empty-state{
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  align-items:center;
  gap:12px
}

.task-empty-state--placeholder{
  color:#757575
}

.task-empty-state--button{
  max-width:190px
}

/* purgecss end ignore */

/* purgecss start ignore */

.tasks-component{
  height:100%
}

.tasks-component .tasks-container{
  position:relative;
  margin-top:0.75rem;
  height:calc(100% - 48px);
  max-height:calc(100% - 48px);
  background:#FFFFFF 0% 0% no-repeat padding-box;
  box-shadow:0px 6px 12px #3D4B5C1A;
  border:1px solid #F2F2F2;
  border-radius:5px;
  opacity:1;
  padding:1rem
}

.tasks-component .tasks-container .filters:hover .left,.tasks-component .tasks-container .filters:hover .right{
  opacity:1;
  transition:all 0.3s ease-in-out
}

.tasks-component .tasks-container .filters .left,.tasks-component .tasks-container .filters .right{
  background:#F2F2F2;
  border-radius:5px;
  min-height:32px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  top:16px;
  opacity:0;
  transition:all 0.3s ease-in-out;
  box-shadow:0px 2px 6px #00000029
}

.tasks-component .tasks-container .filters .left.disabled,.tasks-component .tasks-container .filters .right.disabled{
  opacity:0.5;
  cursor:not-allowed
}

.tasks-component .tasks-container .filters .left{
  position:absolute;
  left:1rem
}

.tasks-component .tasks-container .filters .right{
  position:absolute;
  right:1rem
}

.tasks-component .tasks-container .filters .filters-header{
  display:flex;
  gap:1.5rem;
  overflow:auto;
  margin-top:0.25rem;
  padding-bottom:0.5rem;
  position:relative;
  height:32px;
  overflow-y:visible;
  scrollbar-width:none
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.smart-calendar-link{
  position:absolute;
  z-index:1000;
  height:calc(100vh - 80px) !important;
  padding:48px 48px 48px 48px;
  width:100dvw
}

@media screen and (max-width: 1024px){
  .smart-calendar-link{
    height:auto !important;
    overflow:auto !important;
    padding:1rem 0.5rem
  }
}

@media screen and (min-width: 1081px){
  .smart-calendar-link .form{
    flex-direction:row;
    max-width:58%;
    min-width:1080px
  }
}

@media screen and (max-width: 1080px){
  .smart-calendar-link .form{
    flex-direction:column;
    align-items:center;
    max-width:100%;
    min-width:auto
  }
}

.smart-calendar-link .event-confirmation{
  max-width:624px;
  width:100%;
  height:100%;
  max-height:559px;
  border:1px solid #004D80;
  box-shadow:0px 6px 12px #3d4b5c26;
  margin-bottom:2rem;
  border-radius:5px;
  padding:54px 84px 39px 84px
}

.smart-calendar-link .slc-form{
  width:100%;
  height:100%;
  max-width:500px;
  overflow:hidden;
  position:relative
}

.smart-calendar-link .slc-form .form-valid{
  height:calc(100% - 172px) !important;
  overflow:auto;
  padding-right:1rem
}

@media screen and (max-width: 1080px){
  .smart-calendar-link .slc-form .form-valid{
    padding-right:0
  }
}

.smart-calendar-link .slc-form .submit-first-button{
  bottom:0;
  right:0;
  width:200px;
  padding-right:1rem
}

@media screen and (max-width: 1024px){
  .smart-calendar-link .slc-form .submit-first-button{
    position:relative;
    width:100%;
    padding-right:0
  }
}

.smart-calendar-link .calendar-container{
  max-width:574px;
  width:100%;
  height:100%;
  padding:27px 48px 27px 48px;
  border:1px solid #004D80;
  border-radius:5px;
  overflow:auto
}

@media screen and (max-width: 1080px){
  .smart-calendar-link .calendar-container{
    border:none;
    padding:1rem
  }
}

@media screen and (max-width: 1080px){
  .smart-calendar-link .calendar-container .week-button{
    display:none
  }
}

.smart-calendar-link .calendar-container .schedule-container{
  max-height:300px;
  overflow:auto;
  margin-right:-24px;
  padding-right:24px;
  padding-bottom:0.5rem;
  padding-left:0.5rem;
  margin-left:-0.5rem
}

@media screen and (max-width: 1080px){
  .smart-calendar-link .calendar-container .schedule-container{
    margin-right:0;
    padding-right:0;
    padding-left:0;
    margin-left:0
  }
}

.smart-calendar-link .calendar-container .slc-mini-calendar{
  width:100%;
  border:none;
  border:none
}

.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__tile--active,.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__tile--active:enabled:focus:hover{
  background:#004D80 !important;
  border-radius:5px
}

.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__tile--now{
  background:#E6E6E6;
  border-radius:5px;
  color:#000000
}

.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__tile:enabled:hover,.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__tile:enabled:focus{
  border-radius:5px
}

.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__tile:enabled:hover:not(.react-calendar__tile--active){
  background:#E6E6E6
}

.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__month-view__weekdays{
  text-transform:none !important
}

.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday{
  font-size:0.75rem
}

.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr{
  text-decoration:none !important
}

.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__tile:disabled{
  background:none !important;
  color:#b3b3b3;
  opacity:0.5
}

.smart-calendar-link .calendar-container .slc-mini-calendar .react-calendar__navigation__label{
  text-align:center;
  padding:0 1rem;
  font-size:1.125rem;
  font-family:'sofia-pro', sans-serif
}

/* purgecss end ignore */

/* purgecss start ignore */

.notifications-view-container{
  display:flex;
  justify-content:center;
  padding:1.5rem 0;
  height:calc(100vh - 80px)
}

.notifications-view-container .notifications-container{
  width:100%;
  height:100%;
  max-width:70%;
  border:1px solid #f2f2f2;
  background:#FFFFFF;
  border-radius:5px;
  padding:1.5rem 2rem
}

.notifications-view-container .notifications-container .notifications-filters{
  overflow:auto;
  padding:1rem 0;
  min-height:68px
}

.notifications-view-container .notifications-container .notifications-body{
  max-height:calc(100% - 124px);
  overflow:auto
}

.notifications-view-container .notifications-container .notifications-body .container-checkbox{
  height:24px !important;
  width:24px !important;
  display:block !important;
  position:relative !important;
  cursor:pointer !important;
  padding-left:0 !important;
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important
}

.notifications-view-container .notifications-container .notifications-body .container-checkbox input{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}

.notifications-view-container .notifications-container .notifications-body .checkmark{
  position:absolute;
  top:2px;
  left:0;
  height:24px;
  width:24px;
  background:#FFF;
  border-radius:12px;
  border:1px solid #B3B3B3;
  transition:all 0.3s ease-in
}

.notifications-view-container .notifications-container .notifications-body .container-checkbox input:checked ~ .checkmark{
  border:1px solid #004D80
}

.notifications-view-container .notifications-container .notifications-body .checkmark:after{
  content:"";
  position:absolute;
  display:none
}

.notifications-view-container .notifications-container .notifications-body .container-checkbox input:checked ~ .checkmark:after{
  display:block
}

.notifications-view-container .notifications-container .notifications-body .container-checkbox .checkmark:after{
  left:3px;
  top:3px;
  width:16px;
  height:16px;
  background:#1791E4 0% 0% no-repeat padding-box;
  border-radius:8px;
  opacity:1
}

.notifications-container .notification-indicator{
  position:absolute;
  top:-12px;
  right:11px;
  width:22px;
  height:22px;
  cursor:pointer;
  background:#ff5858;
  border-radius:15px;
  color:white;
  text-align:center;
  font-size:12px;
  line-height:19px
}

.card-notification{
  display:flex;
  padding:16px 32px 16px 32px
}

.card-notification .mark-no-readed{
  text-decoration:underline;
  font-size:12px;
  float:right;
  color:#1791e4;
  display:none;
  cursor:pointer;
  width:-moz-max-content;
  width:max-content
}

.card-notification:hover{
  background:#f2f2f2
}

.card-notification:hover .mark-no-readed{
  display:block
}

.card-notification.active{
  background:#f2f2f2 !important;
  box-shadow:3px 0px 0px 0px #ff5858 inset
}

.card-notification .profile-pic-container{
  border:2px solid #8ac8f1;
  border-radius:25px;
  width:50px;
  height:50px;
  overflow:hidden
}

.card-notification .profile-pic-container:hover{
  cursor:pointer
}

.card-notification .profile-pic-container img{
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
  border-radius:50%
}

.card-notification .info-notification-container{
  width:84%;
  padding-left:16px
}

.card-notification .info-notification-container .name-notification{
  font-size:14px;
  font-weight:bold;
  color:#1f2026
}

.card-notification .info-notification-container .action{
  font-size:10px;
  color:#757575;
  padding-top:8px
}

.card-notification .info-notification-container .description{
  font-size:12px;
  color:#1f2026;
  padding-top:8px
}

.card-notification .info-notification-container .bold{
  font-weight:bold
}

/* purgecss end ignore */

/* purgecss start ignore */

.chat-container{
  background-color:#F2F2F2;
  width:calc(100% - 48px);
  height:calc(100vh - (80px + 48px));
  margin:24px;
  padding:16px;
  border-radius:5px;
  display:flex;
  flex-direction:row;
  -moz-column-gap:16px;
       column-gap:16px
}

.chat-container .str-chat{
  height:100%
}

.chat-nav-counter{
  position:absolute;
  top:0;
  right:0;
  background-color:#FF5858;
  color:#fff
}

.chat-card,.chat-sidebar,.chat-main,.chat-main-nav,.chat-main-nav--createchannel{
  background-color:#fff;
  border:1px solid #D4D4D4;
  border-radius:5px
}

.chat-sidebar{
  padding:16px;
  min-width:350px;
  width:350px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  row-gap:16px
}

.chat-sidebar__channels{
  flex:1 1 auto;
  overflow:hidden scroll
}

.chat-sidebar__channels .str-chat-channel-list{
  background-color:#fff !important;
  overflow:hidden;
  height:auto;
  margin-bottom:16px
}

.chat-sidebar__channels .str-chat-channel-list:last-of-type{
  margin-bottom:0
}

.chat-sidebar__channels .str-chat-channel-list.messaging{
  position:relative;
  top:0;
  left:0;
  z-index:unset;
  min-height:unset;
  box-shadow:none
}

.chat-sidebar__channels__wrap{
  position:relative;
  overflow:hidden
}

.chat-sidebar__channels__header{
  width:313px;
  height:36px;
  z-index:3;
  background-color:#F2F2F2;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  font-size:14px;
  color:#707070;
  border:1px solid #D4D4D4;
  padding-left:24px;
  padding-right:12px;
  cursor:pointer
}

.chat-sidebar__channels__header__unread{
  display:block;
  width:18px;
  height:18px;
  background-color:#FF5858;
  border:1px solid #FF5858;
  border-radius:50%;
  color:#ffffff;
  font-size:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-left:12px
}

.chat-sidebar__channels__header--toggle{
  display:block;
  width:24px;
  height:24px;
  justify-self:flex-end;
  margin-left:auto;
  cursor:pointer;
  transition:all 0.15s linear
}

.chat-sidebar__channels__header--toggle::-moz-selection{
  background-color:transparent
}

.chat-sidebar__channels__header--toggle::selection{
  background-color:transparent
}

.chat-sidebar__channels__list{
  transition:all 0.15s linear
}

@media screen and (min-width: 1440px){
  .chat-sidebar__channels__list{
    min-height:150px
  }
}

.chat-sidebar__channels__list.collapsed{
  max-height:0;
  min-height:0
}

.chat__sidebar__empty{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  -moz-column-gap:16px;
       column-gap:16px;
  width:100%;
  padding:16px 16px 0;
  font-size:12px;
  color:#606060;
  background-color:#fff
}

.chat__sidebar__empty__content__main{
  font-weight:700
}

.chat__sidebar__empty img{
  height:64px;
  width:48px
}

.chat__unread{
  position:absolute;
  top:0px;
  left:8px;
  background-color:#FF5858;
  color:#fff;
  border-radius:50%;
  line-height:1;
  width:22px;
  height:22px;
  font-size:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  opacity:0
}

.chat__unread.show{
  opacity:1
}

.chat-main{
  flex:1 1 auto
}

.chat-main-nav,.chat-main-nav--createchannel{
  height:64px;
  box-shadow:0px 5px 10px #0000001A;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  padding:0 24px;
  z-index:2;
  -moz-column-gap:32px;
       column-gap:32px
}

.chat-main-nav-buttons{
  display:flex;
  flex-direction:row;
  -moz-column-gap:16px;
       column-gap:16px
}

.chat-main-nav-buttons-wrap{
  position:relative;
  overflow:scroll hidden;
  width:350px
}

@media (min-width: 1200px){
  .chat-main-nav-buttons-wrap{
    width:auto
  }
}

.chat-main-nav-buttons-scroll{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  background-color:#F2F2F2;
  border-radius:5px;
  width:32px;
  height:32px;
  display:flex;
  justify-content:center;
  align-items:center;
  box-shadow:0px 2px 6px #00000029
}

@media (min-width: 1200px){
  .chat-main-nav-buttons-scroll{
    display:none
  }
}

.chat-main-nav-buttons-scroll.right{
  left:unset;
  right:0
}

.chat-main-nav--createchannel{
  height:auto;
  padding:24px
}

.chat-main-nav-form{
  height:100%;
  display:flex;
  flex-direction:row;
  gap:0 16px;
  justify-content:flex-start;
  align-items:center
}

.chat-main-nav-form.float{
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start
}

.chat-main-nav-form.float>div{
  flex-grow:1;
  width:100%;
  margin-top:8px
}

.chat-main-nav-form-wrap{
  width:100%;
  height:100%;
  position:relative;
  display:grid;
  grid-template-columns:1fr 147px;
  grid-template-rows:auto auto;
  grid-template-areas:"one two" "three three";
  -moz-column-gap:16px;
       column-gap:16px
}

.chat-main-nav-form-wrap-buttons{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  row-gap:8px
}

.chat-main-nav-form-warning{
  grid-area:three;
  background-color:#FF58581A;
  border:1px solid #D4D4D4;
  border-radius:2px;
  padding:8px 16px;
  margin-top:16px;
  font-size:14px
}

.chat-main-nav-form-warning-button{
  margin-left:8px;
  color:#1791E4;
  text-decoration:underline
}

.chat-main-nav-form-close,.chat-main-nav-form-add{
  width:24px;
  height:24px;
  position:absolute;
  top:20px;
  right:0;
  cursor:pointer
}

.chat-main-nav-form-add{
  right:26px
}

.chat-main-nav-form-label{
  font-size:18px;
  font-weight:600;
  color:#B3B3B3;
  display:flex;
  justify-content:flex-start;
  align-items:center
}

.chat-main-nav-form-input{
  flex-grow:1;
  font-size:18px;
  font-weight:600;
  color:#000;
  line-height:1.2;
  outline:none
}

.chat-main-nav-form-input .css-1rhbuit-multiValue{
  background-color:#F2F2F2;
  border:1px solid #D4D4D4;
  border-radius:18px;
  height:38px;
  padding:2px;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  gap:8px
}

.chat-main-nav-form-input .css-1rhbuit-multiValue>div{
  margin:0;
  padding:0;
  height:100%
}

.chat-main-nav-form-input .css-1rhbuit-multiValue>div:nth-child(2){
  position:relative;
  width:24px;
  height:24px;
  border-radius:16px;
  cursor:pointer
}

.chat-main-nav-form-input .css-1rhbuit-multiValue>div:nth-child(2):hover{
  background-color:unset
}

.chat-main-nav-form-input .css-1rhbuit-multiValue>div:nth-child(2)>svg{
  display:none
}

.chat-main-nav-form-input .css-1rhbuit-multiValue>div:nth-child(2)::after{
  content:'';
  width:14px;
  height:14px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-image:url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23757575%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 d=%27M13.06 12 23.78 1.28A.75.75 0 0 0 22.72.22L12 10.94 1.28.22A.75.75 0 0 0 .22 1.28L10.94 12 .22 22.72a.75.75 0 0 0 0 1.06.75.75 0 0 0 1.06 0L12 13.06 22.72 23.78a.75.75 0 0 0 1.06 0 .75.75 0 0 0 0-1.06Z%27/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:14px 14px;
  background-position:center center
}

.chat-main-nav-form--channel{
  width:calc(100% - 40px);
  height:100%;
  display:flex;
  flex-direction:column;
  gap:0 0
}

.chat-main-nav-form--channel-item{
  flex:1 1 auto;
  display:flex;
  flex-direction:row;
  gap:0 16px;
  justify-content:flex-start;
  align-items:center
}

.chat-main-nav-form-select{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px
}

.chat-main-nav-form-select-image{
  width:32px;
  height:32px;
  display:flex;
  justify-content:center;
  align-items:center
}

.chat-main-nav-form-select-name{
  font-size:14px;
  font-weight:700;
  line-height:1;
  color:#000;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  row-gap:4px
}

.chat-main-nav-form-select-name span{
  font-size:12px;
  color:#757575;
  font-weight:400
}

.chat-main-nav-chat-info{
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  -moz-column-gap:8px;
       column-gap:8px
}

.chat-main-nav .chat-main-nav-chat-info,.chat-main-nav--createchannel .chat-main-nav-chat-info{
  width:140px;
  cursor:pointer
}

@media (min-width: 1101px){
  .chat-main-nav .chat-main-nav-chat-info,.chat-main-nav--createchannel .chat-main-nav-chat-info{
    width:unset
  }
}

.chat-main-nav-chat-info-image{
  width:32px;
  height:32px;
  border-radius:50%;
  position:relative
}

.chat-main-nav-chat-info-image.float{
  width:64px;
  height:64px
}

.chat-main-nav-chat-info-image>svg{
  position:absolute;
  top:-1px;
  left:-1px
}

.chat-main-nav-chat-info-name{
  font-size:12px;
  font-weight:700;
  color:#1F2026;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}

.chat-main-nav-chat-info-data{
  font-size:10px;
  color:#757575
}

.chat-main-nav-chat-info-data-wrap{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  flex-grow:1
}

.chat-main-nav .chat-main-nav-chat-info-data-wrap,.chat-main-nav--createchannel .chat-main-nav-chat-info-data-wrap{
  width:100px
}

@media (min-width: 1101px){
  .chat-main-nav .chat-main-nav-chat-info-data-wrap,.chat-main-nav--createchannel .chat-main-nav-chat-info-data-wrap{
    width:unset
  }
}

.chat-main-nav-chat-info-images{
  position:relative;
  width:32px;
  height:32px
}

.chat-main-nav-chat-info-images.float{
  width:64px;
  height:64px
}

.chat-main-nav-chat-info-images.float>div:nth-child(1){
  top:0;
  left:6px
}

.chat-main-nav-chat-info-images.float>div:nth-child(2){
  top:32px;
  left:24px
}

.chat-main-nav-chat-info-images.float>div:nth-child(3){
  top:32px;
  left:12px
}

.chat-main-nav-chat-info-images .one{
  width:22px;
  height:22px;
  border-radius:50%;
  border:2px solid #8ac8f1;
  z-index:1;
  position:absolute;
  top:0;
  left:0
}

.chat-main-nav-chat-info-images .two{
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid #8ac8f1;
  z-index:0;
  position:absolute;
  left:14px;
  bottom:0
}

.chat-main-nav-chat-info-images>div{
  font-size:8px;
  color:#fff;
  background-color:#EF8132;
  width:18px;
  height:18px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  line-height:1;
  z-index:2;
  position:absolute;
  top:14px;
  left:0
}

.chat-main-nav-chat-info-images>div:nth-child(1){
  width:22px;
  height:22px;
  border-radius:50%;
  border:2px solid #8ac8f1;
  z-index:1;
  position:absolute;
  top:0;
  left:0
}

.chat-main-nav-chat-info-images>div:nth-child(2){
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid #8ac8f1;
  z-index:0;
  position:absolute;
  left:14px;
  bottom:0
}

.chat-main-items{
  width:100%;
  height:calc(100% - 64px);
  overflow:hidden;
  padding:0 24px 24px;
  z-index:1
}

.chat-main-items .messaging.str-chat .str-chat__list{
  background:none
}

.chat-notifications{
  position:absolute;
  top:90px;
  right:0;
  z-index:10
}

.chat-notification{
  background-color:#fff;
  border-radius:5px;
  border:1px solid #004D80;
  position:relative;
  width:350px
}

.chat-notification__close{
  background-color:#004D80;
  width:16px;
  height:16px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  position:absolute;
  top:-8px;
  left:-8px
}

.chat-notification__image{
  width:48px;
  height:48px;
  flex:0 0 auto
}

.chat-notification__image img{
  border-radius:24px;
  border:2px solid green
}

.chat-notification__container{
  width:100%;
  padding:32px 24px 16px 24px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
  -moz-column-gap:16px;
       column-gap:16px
}

.chat-notification__content{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:auto 90px;
  grid-template-rows:auto auto;
  gap:8px 16px;
  grid-template-areas:"one two" "three three"
}

.chat-notification__title{
  font-size:14px;
  font-weight:bold;
  color:#000;
  grid-area:one
}

.chat-notification__date{
  font-size:8px;
  color:#757575;
  grid-area:two;
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center
}

.chat-notification__message{
  font-size:12px;
  color:#000;
  grid-area:three
}

.chat-listbutton{
  background-color:#fff;
  width:100%;
  height:60px;
  padding:14px 16px 14px 24px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px
}

.chat-listbutton:hover{
  background-color:#F2F2F2
}

.chat-listbutton:hover .chat-listbutton-actions-buttons-image{
  opacity:1
}

.chat-listbutton.current{
  border-left:2px solid #FF5858;
  background-color:#F2F2F2
}

.chat-listbutton .chat-main-nav-chat-info{
  cursor:pointer
}

.chat-listbutton-info{
  flex:1 1 auto;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
  -moz-column-gap:8px;
       column-gap:8px;
  font-size:10px;
  color:#757575
}

.chat-listbutton-data{
  flex:1 1 auto;
  cursor:pointer
}

.chat-listbutton-data-name{
  font-size:12px;
  font-weight:700;
  color:#000
}

.chat-listbutton-actions{
  width:85px;
  flex:0 0 auto
}

.chat-listbutton-actions-time{
  text-align:right
}

.chat-listbutton-actions-buttons{
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px
}

.chat-listbutton-actions-buttons-image{
  width:18px;
  height:18px;
  transition:all 0.15s linear;
  opacity:0;
  cursor:pointer
}

.chat-listbutton-actions-buttons-count{
  width:18px;
  height:18px;
  background-color:#FF5858;
  color:#fff;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  line-height:1;
  transition:all 0.15s linear
}

.chat-message-wrapper--me{
  text-align:right
}

.chat-message-wrapper--me .chat-message-header{
  justify-content:flex-end
}

.chat-message-wrapper--me .str-chat__message-text{
  background:transparent url("data:image/svg+xml,%3Csvg data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 23 20%27%3E%3Cpath d=%27M10 .85.23 17.46A1.7 1.7 0 0 0 1.73 20h19.54a1.7 1.7 0 0 0 1.5-2.54L13 .85a1.75 1.75 0 0 0-3 0Z%27 style=%27fill:%23f2f2f2%27/%3E%3C/svg%3E") no-repeat border-box;
  background-size:23px 20px;
  background-position:calc(100% - 4px) 4px
}

.chat-message-wrapper--me .str-chat__message-text-inner{
  background-color:#F2F2F2
}

.chat-message-wrapper--me .str-chat__message-text-inner.str-chat__message-simple-text-inner--is-emoji{
  background-color:#F2F2F2 !important
}

.chat-message-wrapper--me.message-note .str-chat__message-text-inner{
  background-color:#FEFBEC;
  border:1px solid #F2D146
}

.chat-message-wrapper--me.message-note .str-chat__message-text{
  background:transparent url("data:image/svg+xml,%3Csvg data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 23 20%27%3E%3Cpath d=%27M10 .85.23 17.46A1.7 1.7 0 0 0 1.73 20h19.54a1.7 1.7 0 0 0 1.5-2.54L13 .85a1.75 1.75 0 0 0-3 0Z%27 style=%27fill:%23FEFBEC%27/%3E%3C/svg%3E") no-repeat border-box;
  background-size:23px 20px;
  background-position:calc(100% - 4px) 4px
}

.chat-message-wrapper--me.message-note .str-chat__message-attachment--gallery{
  margin:0 0 8px auto;
  background-color:#FEFBEC;
  border:16px solid #FEFBEC
}

.chat-message-wrapper--me.message-note .str-chat__message-attachment--gallery:hover{
  background-color:#FEFBEC
}

.chat-message-wrapper--me .str-chat__message-attachment--file{
  background-color:#f2f2f2
}

.chat-message-wrapper--me .str-chat__message-attachment--file:hover{
  background-color:#f2f2f2
}

.chat-message-wrapper--me .str-chat__message-attachment--file::before{
  background:transparent url("data:image/svg+xml,%3Csvg data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 23 20%27%3E%3Cpath d=%27M10 .85.23 17.46A1.7 1.7 0 0 0 1.73 20h19.54a1.7 1.7 0 0 0 1.5-2.54L13 .85a1.75 1.75 0 0 0-3 0Z%27 style=%27fill:%23f2f2f2%27/%3E%3C/svg%3E") no-repeat border-box;
  background-size:23px 20px;
  background-position:0 0;
  top:-16px;
  left:unset;
  right:4px
}

.chat-message-wrapper--me .str-chat__message-attachment--video{
  margin:20px 0 20px auto
}

.chat-message-wrapper--me .str-chat__message-attachment--card{
  margin:8px 0 8px auto
}

.chat-message-wrapper--me .str-chat__message-attachment-card{
  background-color:#f2f2f2;
  border:16px solid #f2f2f2;
  text-align:left
}

.chat-message-wrapper--me .str-chat__message-attachment--gallery{
  margin:8px 0 8px auto;
  background-color:#f2f2f2;
  border:16px solid #f2f2f2
}

.chat-message-wrapper--me .str-chat__message-attachment--gallery:hover{
  background-color:#f2f2f2
}

.str-chat__li:hover .chat-message-wrapper--me .str-chat__message-simple__actions{
  left:unset;
  right:32px
}

.chat-message-wrapper--me .str-chat__reaction-selector{
  left:unset;
  right:20px
}

.chat-message-wrapper--me .str-chat__simple-reactions-list{
  left:unset;
  right:16px;
  bottom:-24px
}

.chat-message-wrapper--me .str-chat__message-actions-box{
  top:initial;
  left:-100px;
  border-radius:16px 16px 0 16px
}

.chat-message-wrapper--me .str-chat__message-attachment--img{
  display:block;
  margin:0 0 0 auto !important
}

.chat-message-wrapper--me .str-chat__message-attachment--file{
  margin:8px 0 8px auto !important
}

.chat-message-wrapper--me .chat-message-filetype .str-chat__message-attachment-file--item-text{
  text-align:left
}

.chat-message-wrapper--me .chat-message-filetype--actions{
  position:absolute;
  left:unset;
  right:16px;
  margin-top:0
}

.chat-message-header{
  font-size:14px;
  color:#707070;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:12px;
       column-gap:12px
}

.chat-message-header-info{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:12px;
       column-gap:12px
}

.chat-message-header-info-name{
  font-weight:700
}

.chat-message-avatar{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center
}

.chat-message-avatar img{
  height:32px;
  width:auto
}

.chat-message-avatar-custom{
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center
}

.chat-message-avatar-custom img{
  width:auto
}

.chat-message-filetype{
  display:flex;
  flex-direction:row;
  margin-right:0;
  align-items:center;
  position:relative
}

.chat-message-filetype--actions{
  display:flex;
  flex-direction:row;
  align-items:center;
  height:82px;
  -moz-column-gap:12px;
       column-gap:12px;
  margin-top:8px;
  position:relative;
  left:-112px
}

.chat-message-filetype--actions img{
  width:24px;
  height:24px
}

.chat-message-editing{
  width:40dvw;
  max-width:600px;
  border-radius:5px
}

.chat-message-editing .chat__fordward__input{
  background-color:#F2F2F2;
  border:none
}

.chat-message-editing .chat__fordward__input textarea{
  width:calc(100% - 32px);
  max-height:60px;
  margin:16px 16px 0 16px;
  padding:0;
  background-color:#F2F2F2
}

.chat-message-editing .chat__fordward__input__actions{
  background-color:#F2F2F2
}

.chat-message-editing .chat__fordward__input__actions button.standar{
  height:36px;
  width:auto;
  padding:11px 24px;
  font-size:14px;
  line-height:1
}

.chat-message-editing .chat__fordward__input__actions button.standar.cancel{
  background-color:#B3B3B3
}

.chat-message-editing .chat__fordward__input__actions button.standar.send{
  background-color:#EF8132
}

.chat-typing-indicator{
  display:flex;
  flex-direction:row;
  -moz-column-gap:8px;
       column-gap:8px;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:12px
}

.chat-typing-indicator-animation{
  width:38px;
  height:18px
}

.chat-typing-indicator-name{
  font-size:14px;
  line-height:1;
  color:#ADADAD
}

.chat-pinned-message{
  width:100%;
  padding:14px;
  max-height:500px;
  background-color:#fff;
  border:1px solid #B3B3B3;
  border-radius:5px;
  box-shadow:0px 5px 20px #00000026;
  z-index:2;
  position:absolute;
  top:16px;
  overflow:hidden;
  transition:all 0.35s ease-out
}

.chat-pinned-message.collapsed{
  max-height:46px
}

.chat-pinned-message-messages{
  margin:16px 0 0;
  width:100%
}

.chat-pinned-message-messages-item{
  width:100%;
  margin:16px 0
}

.chat-pinned-message-messages-item:last-of-type{
  margin-bottom:0
}

.chat-pinned-message-messages-content{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:9px;
       column-gap:9px
}

.chat-pinned-message-head{
  height:18px;
  width:100%;
  color:#707070;
  line-height:1;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
  cursor:pointer
}

.chat-pinned-message-head-pre{
  font-size:14px;
  font-weight:700;
  flex:0 1 auto;
  padding-right:0;
  padding-right:8px
}

.chat-pinned-message-head-user{
  flex:1 1 auto;
  font-size:12px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px;
  transition:all 0.25s linear;
  margin-bottom:8px
}

.chat-pinned-message-head-user-name{
  font-weight:700
}

.chat-pinned-message-head-buttons{
  flex:0 1 auto;
  justify-self:flex-end;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center
}

.chat-pinned-message-head-button,.chat-pinned-message-head-button--toggle{
  width:18px;
  height:18px;
  padding:0;
  background-color:transparent;
  cursor:pointer
}

.chat-pinned-message-head-button img,.chat-pinned-message-head-button--toggle img{
  width:18px;
  height:18px
}

.chat-pinned-message-head-button--toggle img{
  transform:rotate(180deg);
  transition:all 0.25s linear
}

.collapsed .chat-pinned-message-head-button--toggle img{
  transform:none
}

.chat-pinned-message-body{
  box-sizing:border-box;
  background-color:#F2F2F2;
  border-radius:5px;
  font-size:10px;
  max-height:-moz-max-content;
  max-height:max-content;
  overflow:hidden;
  flex-grow:1
}

.chat-pinned-message-body>div{
  padding:12px 16px
}

.chat-link label{
  cursor:pointer
}

.chat__pinned__attach{
  width:auto;
  height:48px;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  gap:4px
}

.chat__pinned__attach__container{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:8px
}

.chat__pinned__attach img,.chat__pinned__attach video{
  max-height:48px;
  width:auto
}

.chat__pinned__attach.file{
  background-color:#fff;
  border-radius:5px;
  font-weight:bold
}

.chat__pinned__attach.file a{
  width:24px;
  height:24px;
  display:flex;
  justify-content:center;
  align-items:center
}

.chat__pinned__attach.file a img{
  width:18px;
  height:18px
}

.chat__delete-message__title{
  font-size:32px;
  font-weight:bold;
  color:#FF5858;
  margin-bottom:24px
}

.chat__delete-message__title.replace{
  color:#F2D146;
  text-align:left;
  width:100%;
  margin-bottom:12px
}

.chat__delete-message__confirmation{
  font-size:24px;
  text-align:center
}

.chat__delete-message__confirmation.replace{
  width:100%;
  text-align:left;
  font-size:18px;
  margin-bottom:36px
}

.chat__delete-message__confirmation__message{
  height:auto;
  max-height:300px;
  padding:16px;
  margin:24px 0;
  background-color:#F2F2F2;
  border-radius:10px;
  font-size:16px;
  overflow:hidden scroll
}

.chat__delete-message__confirmation.new-delete{
  width:100%;
  font-size:18px;
  text-align:left;
  margin-bottom:16px
}

.chat__delete-message__replace{
  width:100%
}

.chat__delete-message__replace__item{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:16px;
       column-gap:16px;
  padding:24px 0
}

.chat__delete-message__replace__item:nth-child(2){
  border-top:1px solid #B3B3B3;
  border-bottom:1px solid #B3B3B3
}

.chat__delete-message__replace__item .chat-pinned-message-body{
  max-height:60px
}

.chat__delete-message__replace__item .chat__delete-message__confirmation__message{
  margin:0
}

.chat__delete-message__table{
  width:100%;
  height:265px;
  border:1px solid #B3B3B3;
  border-radius:5px;
  box-shadow:0px 3px 6px #3D4B5C26;
  font-size:12px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start
}

.chat__delete-message__table__head{
  width:100%;
  padding:16px 32px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  font-weight:bold;
  -moz-column-gap:12px;
       column-gap:12px;
  flex-grow:0;
  flex-shrink:0;
  border-bottom:1px solid #B3B3B3;
  font-weight:bold;
  overflow:hidden scroll
}

.chat__delete-message__table__head button{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:6px;
       column-gap:6px;
  cursor:pointer;
  text-align:left;
  font-weight:bold;
  padding:0
}

.chat__delete-message__table__head button img{
  width:12px;
  height:12px
}

.chat__delete-message__table__head button.asc img{
  transform:rotate(180deg)
}

.chat__delete-message__table__head button:nth-child(1){
  flex-grow:1;
  flex-shrink:0
}

.chat__delete-message__table__head button:nth-child(2){
  width:50px;
  flex-grow:0;
  flex-shrink:0
}

.chat__delete-message__table__head button:nth-child(3){
  width:70px;
  flex-grow:0;
  flex-shrink:0;
  text-align:right
}

.chat__delete-message__table__foot{
  width:100%;
  padding:16px 12px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  flex-grow:0;
  flex-shrink:0;
  border-top:1px solid #B3B3B3;
  font-size:10px
}

.chat__delete-message__table__foot__counter,.chat__delete-message__table__foot__pages{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:6px;
       column-gap:6px
}

.chat__delete-message__table__foot__counter>span,.chat__delete-message__table__foot__pages>span{
  padding-right:6px
}

.chat__delete-message__table__foot__counter button,.chat__delete-message__table__foot__pages button{
  width:24px;
  height:24px;
  background-color:#D4D4D4;
  border-radius:5px;
  display:flex;
  justify-content:center;
  align-items:center
}

.chat__delete-message__table__foot__counter button:disabled,.chat__delete-message__table__foot__pages button:disabled{
  cursor:default;
  background-color:#e7e6e6
}

.chat__delete-message__table__foot__counter button img,.chat__delete-message__table__foot__pages button img{
  width:18px;
  height:18px
}

.chat__delete-message__table__foot__counter button img.prev,.chat__delete-message__table__foot__pages button img.prev{
  transform:rotate(90deg)
}

.chat__delete-message__table__foot__counter button img.next,.chat__delete-message__table__foot__pages button img.next{
  transform:rotate(270deg)
}

.chat__delete-message__table__foot__counter input[type="text"],.chat__delete-message__table__foot__pages input[type="text"]{
  width:40px;
  height:24px;
  padding:6px 12px;
  background-color:#fff;
  border:1px solid #D4D4D4;
  border-radius:5px;
  outline:none;
  font-size:12px;
  text-align:center
}

.chat__delete-message__table__body{
  flex-grow:1;
  width:100%;
  overflow:hidden scroll
}

.chat__delete-message__table__body__row{
  width:100%;
  padding:16px 32px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:12px;
       column-gap:12px;
  border-bottom:1px solid #D4D4D4
}

.chat__delete-message__table__body__row:last-of-type{
  border-bottom:none
}

.chat__delete-message__table__body__row div:nth-child(1){
  flex-grow:1;
  flex-shrink:0
}

.chat__delete-message__table__body__row div:nth-child(2){
  width:50px;
  flex-grow:0;
  flex-shrink:0
}

.chat__delete-message__table__body__row div:nth-child(3){
  width:70px;
  flex-grow:0;
  flex-shrink:0;
  text-align:right
}

.chat__screens__buttons{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  background-color:#fff;
  border:1px solid #5CC8BF;
  border-radius:5px;
  box-shadow:0px 2px 10px #00000029
}

.chat__screens__buttons.transparent{
  border:none;
  box-shadow:none
}

.chat__screens__button{
  background-color:#fff;
  border:none;
  border-radius:5px;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px;
  width:48px;
  height:48px
}

.chat__screens__button:hover{
  background-color:#004D80
}

.chat__screens__button img{
  width:24px;
  height:24px
}

.chat__screens__button.send{
  background-color:#5CC8BF
}

.chat__screens__button.send:hover{
  background-color:#004D80
}

.chat__screens__button.note{
  width:auto;
  font-weight:bold
}

.transparent .chat__screens__button:hover{
  background-color:#ffffff
}

.chat__links{
  height:100%
}

.chat__links__loader{
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center
}

.chat__links__head{
  padding:16px 0 24px
}

.chat__links__head__actions{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  margin-bottom:32px
}

.small-head .chat__links__head__actions{
  margin-bottom:0
}

.chat__links__head__title{
  font-size:16px;
  font-weight:bold;
  color:#606060;
  line-height:1
}

.chat__links__container{
  height:calc(100% - 138px);
  overflow:hidden
}

.small-head .chat__links__container{
  height:calc(100% - 88px)
}

.chat__links__container__links{
  height:100%;
  overflow:hidden scroll
}

.chat__links__container__link{
  margin:24px 0;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:24px;
       column-gap:24px
}

.chat__links__container__link__check{
  flex-shrink:0;
  padding-left:10px
}

.chat__links__container__link__check>input{
  display:none
}

.chat__links__container__link__check__checkbox{
  width:18px;
  height:18px;
  background-color:#fff;
  border:1px solid #5CC8BF;
  border-radius:5px;
  position:relative
}

.chat__links__container__link__check__checkbox::after{
  content:'';
  display:block;
  width:10px;
  height:10px;
  background-color:#5CC8BF;
  border-radius:2px;
  position:absolute;
  top:3px;
  left:3px
}

.chat__links__container__link__check__checkbox.disabled{
  border-color:#d4d4d4
}

.chat__links__container__link__check__checkbox.disabled::after{
  background-color:#d4d4d4
}

.chat__links__container__link__item{
  background-color:#5CC8BF1A;
  border:1px solid #5CC8BF;
  border-radius:5px;
  height:100px;
  padding:16px 48px 16px 16px;
  flex-grow:1;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:24px;
       column-gap:24px
}

.chat__links__container__link__image{
  width:160px;
  height:68px;
  border-radius:10px;
  overflow:hidden;
  flex-shrink:0
}

.chat__links__container__link__image img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}

.chat__links__container__link__content{
  flex-grow:1;
  font-size:16px;
  font-weight:bold;
  color:#000
}

.chat__links__container__link__info{
  width:160px;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
  font-size:14px;
  color:#757575
}

.chat__links__container__note__header{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:12px;
       column-gap:12px
}

.chat__links__container__note__name{
  color:#707070;
  font-size:14px;
  font-weight:bold
}

.chat__links__container__note__date{
  font-size:14px;
  color:#757575
}

.chat__links__container__note__content{
  background-color:#FDF6DA;
  position:relative;
  font-size:12px;
  color:#000;
  border-radius:5px;
  padding:16px;
  margin-top:24px
}

.chat__links__container__note__content::before{
  content:'';
  position:absolute;
  width:30px;
  height:20px;
  top:-19px;
  left:4px;
  background:transparent url("data:image/svg+xml,%3Csvg data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 23 20%27%3E%3Cpath d=%27M10 .85.23 17.46A1.7 1.7 0 0 0 1.73 20h19.54a1.7 1.7 0 0 0 1.5-2.54L13 .85a1.75 1.75 0 0 0-3 0Z%27 style=%27fill:%23FDF6DA%27/%3E%3C/svg%3E") no-repeat border-box;
  background-size:23px 20px
}

.chat__links__container__media{
  max-width:100%;
  height:100%;
  overflow:hidden scroll
}

.chat__links__container__media h4{
  font-size:16px;
  font-weight:bold;
  color:#606060;
  margin-bottom:12px
}

.chat__links__container__media__row{
  width:calc(100vw - 504px);
  overflow-x:scroll;
  padding-bottom:6px;
  margin-bottom:18px
}

.chat__links__container__media__row__container{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:20px;
       column-gap:20px;
  width:auto
}

.chat__links__container__media__image,.chat__links__container__media__video{
  width:150px;
  height:100px;
  position:relative;
  flex-shrink:0;
  border-radius:5px;
  overflow:hidden;
  border:1px solid #707070;
  cursor:pointer
}

.chat__links__container__media__image img,.chat__links__container__media__video img{
  height:100px;
  width:100%;
  max-width:100%;
  -o-object-fit:cover;
     object-fit:cover
}

.chat__links__container__media__image input[type="checkbox"],.chat__links__container__media__image .custom__checkbox__container,.chat__links__container__media__video input[type="checkbox"],.chat__links__container__media__video .custom__checkbox__container{
  position:absolute;
  top:8px;
  left:8px
}

.chat__links__container__media__file{
  min-width:316px;
  padding:16px;
  background-color:#F2F2F2;
  border-radius:5px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:12px;
       column-gap:12px;
  font-size:12px;
  color:#000;
  font-weight:700
}

.chat__links__container__media__file>div:nth-child(1),.chat__links__container__media__file>div:nth-child(2),.chat__links__container__media__file>div:nth-child(4){
  flex-grow:0;
  flex-shrink:0
}

.chat__links__container__media__file>div:nth-child(3){
  flex-grow:0;
  flex-shrink:0;
  width:162px
}

.chat__links__container__media__file__icon img{
  height:48px;
  width:auto
}

.chat__links__container__media__file .name{
  max-width:162px;
  overflow:hidden;
  white-space:nowrap;
  word-wrap:ellipsis;
  text-overflow:ellipsis
}

.chat__links__container__media__file .data{
  font-weight:400;
  color:#606060
}

.chat__notes__container{
  height:100%;
  overflow:hidden scroll;
  gap:24px;
  display:flex;
  flex-direction:row
}

.chat__notes__container .column{
  flex-grow:0;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  flex-basis:calc((100% - 48px) * 0.3333);
  gap:24px
}

.chat__notes__container__note{
  position:relative;
  width:100%;
  height:100%;
  background-color:#FEFBEC;
  border:1px solid #F2D14680;
  border-radius:5px;
  padding:16px;
  height:auto;
  transition:all 0.15s linear 0.15s
}

.chat__notes__container__note__head{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:12px;
       column-gap:12px;
  margin-bottom:12px
}

.chat__notes__container__note__head--edit{
  display:none;
  margin-bottom:24px
}

.chat__notes__container__note__head--edit input[type="text"]{
  background-color:transparent;
  border:none;
  font-size:22px;
  font-weight:bold;
  width:98%;
  outline:none
}

.chat__notes__container__note__head__info h1{
  font-size:14px;
  color:#1F2026;
  font-weight:bold;
  margin-bottom:0
}

.chat__notes__container__note__head__info p{
  margin-top:0;
  font-size:10px;
  color:#757575
}

.chat__notes__container__note__content{
  font-size:14px;
  color:#000;
  margin-bottom:16px
}

.chat__notes__container__note__content--edit{
  display:none;
  height:calc(100% - 80px)
}

.chat__notes__container__note__content--edit .editor{
  height:100%
}

.chat__notes__container__note__content--edit .editor .quill{
  height:calc(100% - 50px)
}

.chat__notes__container__note__content--edit .editor .ql-container.ql-snow{
  border:none;
  max-height:unset;
  padding-bottom:16px
}

.chat__notes__container__note__content--edit .editor .ql-container.ql-snow .ql-editor{
  padding:0;
  max-height:unset
}

.chat__notes__container__note__content--edit .chat__fordward__input__actions{
  background-color:transparent;
  border-top:none
}

.chat__notes__container__note__content--edit .chat__fordward__input__actions .team-message-input__button--text{
  background-color:#EF8132;
  color:#000;
  font-size:12px;
  line-height:1
}

.chat__notes__container__note__content--edit .chat__fordward__input__actions .team-message-input__button--text:hover{
  font-weight:bold
}

.chat__notes__container__note__footer{
  display:grid;
  grid-template-columns:24px 24px 1fr 24px 24px;
  grid-template-rows:24px
}

.chat__notes__container .chat__notes__container__note__wrap{
  background-color:rgba(255,255,255,0);
  transition:background-color 0.15s linear;
  display:flex;
  justify-content:center;
  align-items:center
}

.chat__notes__container .chat__notes__container__note__wrap.new{
  position:fixed;
  top:0;
  left:0;
  width:0;
  height:0;
  overflow:hidden
}

.chat__notes__container .chat__notes__container__note__wrap.editing{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:auto;
  height:auto;
  background-color:rgba(255,255,255,0.6);
  -webkit-backdrop-filter:blur(6px);
          backdrop-filter:blur(6px);
  z-index:2
}

.chat__notes__container .chat__notes__container__note__wrap.editing .chat__notes__container__note{
  width:60%;
  height:80%
}

.chat__notes__container .chat__notes__container__note__wrap.editing .chat__notes__container__note__head{
  display:none
}

.chat__notes__container .chat__notes__container__note__wrap.editing .chat__notes__container__note__head--edit{
  display:grid;
  grid-template-columns:1fr 24px 24px 24px 24px 24px;
  -moz-column-gap:8px;
       column-gap:8px
}

.chat__notes__container .chat__notes__container__note__wrap.editing .chat__notes__container__note__footer{
  display:none
}

.chat__notes__container .chat__notes__container__note__wrap.editing .chat__notes__container__note__content{
  display:none
}

.chat__notes__container .chat__notes__container__note__wrap.editing .chat__notes__container__note__content--edit{
  display:block
}

.chat__fordward__attachments{
  max-height:90px;
  width:100%;
  overflow:hidden scroll;
  margin-bottom:24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  row-gap:8px
}

.chat__fordward__attachments__item{
  width:100%;
  height:69px;
  border-radius:5px;
  background-color:#F2F2F2;
  font-size:12px;
  color:#000;
  padding:16px 16px 16px 24px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center
}

.chat__fordward__attachments__item .icon{
  height:36px
}

.chat__fordward__attachments__item .title{
  font-weight:bold
}

.chat__fordward__attachments__item .info{
  color:#606060
}

.chat__fordward__attachments__item button{
  background-color:transparent;
  border-radius:5px;
  width:24px;
  height:24px;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-left:auto
}

.chat__fordward__attachments__item button:hover{
  background-color:#004D80
}

.chat__fordward__attachments__item button:hover:not(.noinvert) img{
  filter:invert(1)
}

.chat__fordward__attachments__item button img{
  width:18px;
  height:18px
}

.chat__fordward__input{
  width:100%;
  border-radius:5px;
  border:1px solid #707070
}

.chat__fordward__input textarea{
  width:100%;
  height:152px;
  max-height:152px;
  border-radius:5px 5px 0 0;
  padding:16px 16px 0;
  margin-bottom:0
}

.chat__fordward__input__actions{
  background-color:#F2F2F2;
  border-top:1px solid #D4D4D4;
  border-radius:0 0 5px 5px;
  padding:12px 16px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px
}

.chat__fordward__input__actions button{
  background-color:transparent;
  border-radius:5px;
  width:24px;
  height:24px;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center
}

.chat__fordward__input__actions button:hover{
  background-color:#004D80
}

.chat__fordward__input__actions button:hover:not(.noinvert) img{
  filter:invert(1)
}

.chat__fordward__input__actions button:nth-child(5){
  margin-left:auto;
  width:auto
}

.chat__fordward__input__actions button img{
  width:18px;
  height:18px
}

.chat__empty{
  max-width:420px;
  height:100%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  row-gap:16px
}

.chat__empty__image{
  text-align:center
}

.chat__empty__image img{
  width:90px;
  height:120px
}

.chat__empty__content{
  text-align:center;
  font-size:14px;
  color:#606060
}

.chat__empty__content__main{
  font-size:18px;
  font-weight:bold
}

.chat__empty__content__button button{
  display:inline-flex
}

.chat__empty__content__button button:hover{
  background-color:transparent
}

.chat-message-wrapper-content{
  width:-moz-fit-content;
  width:fit-content;
  position:relative
}

.chat-message-wrapper--me .chat-message-wrapper-content{
  margin-right:0;
  margin-left:auto
}

.chat__squeduled-messages{
  width:calc(100% - 70px);
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  margin-bottom:12px
}

.chat__squeduled-messages__status{
  flex-grow:1;
  color:#F6921E
}

.chat__squeduled-messages__status.squedule-failed{
  color:#FF5858
}

.chat__squeduled-messages__actions{
  flex-shrink:0
}

.chat__schedule-message__title{
  font-size:18px;
  color:#000;
  font-weight:bold;
  width:100%;
  text-align:center;
  margin-bottom:32px
}

.chat__schedule-message__remove{
  width:100%;
  height:90%;
  overflow:hidden scroll
}

.chat__schedule-message__remove__item{
  margin:24px 0
}

.chat__schedule-message-messages-content{
  width:100%;
  padding-right:16px;
  display:flex;
  flex-direction:row;
  -moz-column-gap:16px;
       column-gap:16px;
  justify-content:flex-start;
  align-items:center
}

.chat__schedule-message-head-buttons{
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px;
  margin-left:auto;
  margin-right:58px
}

.chat__schedule-message-head-button{
  width:24px;
  height:24px
}

.chat__leave__btn{
  background-color:transparent !important;
  color:#FF5858 !important;
  text-decoration:underline;
  box-shadow:none !important
}

.chat__new__room__form{
  width:100%;
  display:flex;
  flex-direction:column;
  row-gap:24px
}

.chat__new__room__form__item.members{
  padding-left:24px;
  display:grid;
  grid-template-columns:40px auto;
  grid-template-rows:auto auto;
  grid-template-areas:"one one" "two three";
  gap:8px
}

.chat__new__room__form__item.members label{
  grid-area:one
}

.chat__edit__conversation{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}

.chat__edit__conversation__actions{
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  align-items:flex-end;
  -moz-column-gap:45px;
       column-gap:45px
}

.chat__edit__conversation__item.favorites{
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px;
  padding-bottom:16px
}

.chat__edit__conversation__members{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:32px 24px;
  margin-bottom:32px
}

.chat__edit__conversation__members__member{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  row-gap:16px
}

.chat__edit__room__title{
  font-size:18px;
  font-weight:bold;
  color:#000;
  margin-bottom:32px
}

.chat__edit__room__form{
  width:100%;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto auto auto;
  grid-template-areas:"roomname favorites" "notifications access" "members members" "description description";
  gap:24px 45px
}

.chat__edit__room__form__item:nth-child(1){
  grid-area:roomname
}

.chat__edit__room__form__item:nth-child(2){
  grid-area:favorites
}

.chat__edit__room__form__item:nth-child(3){
  grid-area:notifications
}

.chat__edit__room__form__item:nth-child(4){
  grid-area:access
}

.chat__edit__room__form__item:nth-child(5){
  grid-area:members
}

.chat__edit__room__form__item:nth-child(6){
  grid-area:description
}

.chat__edit__room__form__item.favorites{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-end;
  -moz-column-gap:8px;
       column-gap:8px;
  padding-bottom:16px
}

.chat__edit__room__form__item.access{
  display:flex;
  justify-content:flex-start;
  align-items:flex-end
}

.chat__edit__room__form__item__add{
  width:32px;
  height:32px;
  overflow:hidden;
  position:relative
}

.chat__edit__room__form__item__add img{
  min-width:40px;
  height:40px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}

.chat__edit__room__form__item.members{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
  gap:16px
}

.chat__edit__room__form__members{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
  gap:8px
}

.chat__edit__room__form__members__member{
  width:32px;
  height:32px;
  position:relative
}

.chat__edit__room__form__members__delete{
  width:24px;
  height:24px;
  display:none;
  opacity:0;
  transition:opacity 0.15s linear;
  justify-content:center;
  align-items:center;
  border-radius:12px;
  background-color:#FF5858;
  position:absolute;
  top:-8px;
  right:-8px
}

.chat__edit__room__form__members__member:hover>.chat__edit__room__form__members__delete{
  display:flex;
  opacity:1
}

.chat__edit__room__form__members__delete:disabled{
  background-color:#D4D4D4
}

.chat__edit__room__form__members__delete img{
  width:16px;
  height:16px
}

.chat__edit__room__form__select>div:first-of-type{
  height:48px;
  border-radius:5px;
  outline:none
}

.chat__edit__room__form__select>div:first-of-type:hover{
  border:1px solid #004D80;
  box-shadow:0 6px 12px #3d4b5c26
}

.chat__edit__room__form__select>div:first-of-type>div>div{
  padding-left:14px
}

.chat__general_config{
  width:100%;
  height:100%;
  padding:32px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  gap:24px
}

.chat__general_config__switch{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  gap:8px
}

.chat__general_config__sounds{
  display:grid;
  grid-template-columns:repeat(3, 124px);
  gap:16px 32px
}

.chat__general_config__sounds__sound{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center
}

.chat__general_config__sounds__sound button{
  width:24px;
  height:24px;
  overflow:hidden;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  flex-shrink:0
}

.chat__general_config__sounds__sound button img{
  width:28px;
  height:28px
}

.chat__general_config__words{
  padding-top:40px;
  width:100%
}

.chat__general_config__words__description{
  color:#707070;
  font-size:12px;
  margin:4px 0 12px
}

.chat__general_config__words__input>div:nth-child(2){
  border:1px solid #B3B3B3;
  border-radius:5px;
  width:100%;
  height:160px
}

.chat__general_config__words__input>div:nth-child(2)>div:nth-child(1){
  width:100%;
  height:100%;
  align-items:flex-start
}

.chat__general_config__words__input>div:nth-child(2)>div:nth-child(1) div[class*=-placeholder]{
  top:14px
}

.chat__general_config__actions{
  width:100%;
  margin-top:auto;
  margin-bottom:0;
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:baseline
}

.chat__general_config .ant-checkbox-wrapper{
  align-items:center
}

.chat__general_config .ant-checkbox-inner{
  border-radius:50%;
  width:24px;
  height:24px
}

.chat__general_config .ant-checkbox-inner::after{
  transform:rotate(45deg) scale(1) translate(-25%, -65%);
  position:relative
}

.chat__float{
  position:absolute;
  z-index:10;
  bottom:10px;
  right:10px;
  overflow:hidden
}

.chat__float__base{
  position:relative;
  margin:0 0 0 auto;
  padding:18px 24px;
  border:1px solid transparent;
  height:100px;
  width:120px;
  overflow:hidden;
  transition:all 0.15s linear, background-color 0.35s linear, box-shadow 0.35s linear, border 0.35s linear, width 0.15s linear
}

@media screen and (max-width: 768px){
  .chat__float__base{
    height:80px;
    padding:10px 8px
  }
}

.chat__float__base:hover:not(.hover):not(.hiddenFloat){
  background-color:#fff;
  box-shadow:0px 5px 20px #00000029;
  border:1px solid #F2F2F2;
  border-radius:20px;
  width:190px
}

.chat__float__base:hover:not(.hover):not(.hiddenFloat) .chat__float__button:not(.main):nth-child(1){
  right:94px
}

.chat__float__base.hiddenFloat{
  transform:translateX(80px)
}

.chat__float__base.hiddenFloat:hover{
  transform:none
}

.chat__float__base.hover{
  background-color:#fff;
  box-shadow:0px 5px 20px #00000029;
  border:1px solid #F2F2F2;
  border-radius:20px;
  width:494px
}

.chat__float__base.hover .chat__float__button:not(.main):nth-child(1){
  right:calc(94px + (76px * 4))
}

.chat__float__base.hover .chat__float__button:not(.main):nth-child(2){
  right:calc(94px + (76px * 3))
}

.chat__float__base.hover .chat__float__button:not(.main):nth-child(3){
  right:calc(94px + (76px * 2))
}

.chat__float__base.hover .chat__float__button:not(.main):nth-child(4){
  right:calc(94px + 76px)
}

.chat__float__base.hover .chat__float__button:not(.main):nth-child(5){
  right:94px
}

@media screen and (max-width: 768px){
  .chat__float__base.hover .chat__float__button:not(.main):nth-child(1){
    right:calc(72px + (76px * 4))
  }

  .chat__float__base.hover .chat__float__button:not(.main):nth-child(2){
    right:calc(72px + (76px * 3))
  }

  .chat__float__base.hover .chat__float__button:not(.main):nth-child(3){
    right:calc(72px + (76px * 2))
  }

  .chat__float__base.hover .chat__float__button:not(.main):nth-child(4){
    right:calc(72px + 76px)
  }

  .chat__float__base.hover .chat__float__button:not(.main):nth-child(5){
    right:72px
  }
}

.chat__float__button{
  width:64px;
  height:64px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  background-color:#D4D4D4;
  cursor:pointer;
  border-radius:32px;
  margin:0 6px;
  position:absolute;
  right:18px;
  overflow:hidden;
  padding:0;
  transition:all 0.15s linear
}

@media screen and (max-width: 768px){
  .chat__float__button{
    width:56px;
    height:56px
  }
}

.chat__float__button:first-of-type{
  margin-left:0
}

.chat__float__button:last-of-type{
  margin-right:0
}

.chat__float__button.main{
  background-color:#EF8132;
  z-index:3;
  right:24px;
  top:18px;
  overflow:unset
}

@media screen and (max-width: 768px){
  .chat__float__button.main{
    top:auto;
    right:8px
  }
}

.chat__float__base:not(.hover) .chat__float__button.main{
  box-shadow:0 6px 12px rgba(0,0,0,0.149)
}

.chat__float__base:not(.hover) .chat__float__button.main:hover{
  box-shadow:0 6px 12px rgba(250,200,142,0.63)
}

.chat__float__button>img{
  width:24px;
  height:24px
}

.chat__float__main{
  position:relative;
  background-color:#fff;
  box-shadow:0px 10px 30px #00000059;
  border:1px solid #D4D4D4;
  border-radius:5px;
  padding:0;
  margin:0 0 16px auto;
  overflow:hidden;
  width:494px;
  height:calc(100vh - 200px);
  transition:width 0.25s linear 0s, height 0s linear 0.02s
}

.chat__float__main__hidden{
  width:0;
  height:0;
  border:none;
  box-shadow:none;
  transition:width 0.25s linear 0s, height 0s linear 0.25s
}

.chat__float__sidebar{
  height:calc(100vh - 202px);
  position:absolute;
  top:0;
  left:0;
  right:0
}

.chat__float__sidebar__chatlists{
  height:calc(100% - 66px);
  border-bottom:1px solid #D4D4D4;
  overflow:hidden auto
}

.chat__float__sidebar__chatlists .str-chat{
  height:auto;
  width:100%
}

.chat__float__sidebar__chatlists .chat-sidebar__channels__header{
  width:100%
}

.chat__float__search{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:24px;
       column-gap:24px;
  padding:0 32px;
  width:100%;
  margin:16px 0;
  font-size:18px;
  font-weight:bold
}

.chat__float__search>div{
  width:100%
}

.chat__float__search button{
  flex-shrink:0;
  min-width:24px;
  height:24px
}

.chat__float__search button img{
  width:24px;
  height:24px
}

.chat__float__container{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:5
}

@media screen and (max-width: 768px){
  .chat__float__container{
    width:95dvw;
    right:0;
    left:auto
  }
}

.chat__float__container__wrap{
  position:absolute;
  background-color:#fff;
  width:494px;
  height:calc(100vh - 202px);
  top:0;
  right:495px;
  bottom:0;
  transition:all 0.25s linear
}

.chat__float__container__wrap.show{
  right:0
}

.chat__float__container__header{
  height:64px;
  width:100%;
  padding:16px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:16px;
       column-gap:16px;
  background-color:#fff;
  box-shadow:0px 5px 10px #0000001A;
  border-bottom:1px solid #D4D4D4;
  border-radius:5px 5px 0 0;
  position:absolute;
  top:0;
  left:0
}

.chat__float__container__header__button{
  flex-shrink:0;
  flex-grow:0;
  width:32px;
  height:32px;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0
}

.chat__float__container__header__head{
  flex-grow:1;
  flex-shrink:0
}

.chat__float__container__channel{
  height:calc(100% - 64px);
  margin-top:64px;
  overflow:hidden;
  border-radius:0 0 5px 5px
}

.chat__float__container__channel .str-chat__main-panel{
  padding:0 !important
}

.chat__float__container__channel .str-chat__list .str-chat__reverse-infinite-scroll{
  padding:0 !important
}

.chat__float__container__channel .str-chat__list{
  padding:0 12px
}

.chat__float__create{
  position:absolute;
  top:0;
  right:495px;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:5;
  transition:all 0.15s linear;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center
}

.chat__float__create.show{
  right:0
}

.chat__float__create__header{
  width:100%;
  padding:24px;
  border:1px solid #D4D4D4;
  box-shadow:0px 5px 10px #0000001A;
  border-radius:0 0 5px 5px;
  transition:all 0.15s linear
}

.chat__float__create__footer{
  width:100%;
  padding:24px
}

.chat__float__create__buttons{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  margin-top:8px
}

.chat__emoji-mart{
  position:absolute;
  bottom:30px
}

.chat__clickoutside{
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0
}

.chat__navbar__detail{
  width:655px;
  height:627px;
  overflow:hidden;
  background-color:#FFFFFF;
  box-shadow:0px 10px 20px #00000029;
  border:1px solid #D4D4D4;
  border-radius:5px
}

.chat__navbar__detail__tooltip .ant-popover-inner,.chat__navbar__detail__tooltip .ant-popover-content{
  background-color:transparent;
  box-shadow:none;
  border:none
}

.chat__navbar__detail__header{
  width:100%;
  height:100px;
  box-shadow:0px 5px 20px #00000029;
  border:1px solid #D4D4D4;
  border-radius:5px;
  padding:0 48px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:24px;
       column-gap:24px
}

.chat__navbar__detail__header__title{
  font-size:24px;
  font-weight:bold
}

.chat__navbar__detail__header button:last-of-type{
  margin-left:auto
}

.chat__navbar__detail__header button:last-of-type img{
  width:32px;
  height:32px
}

.chat__navbar__detail__content{
  width:100%;
  height:calc(527px - 32px);
  padding:22px 48px 0;
  overflow:hidden
}

.chat__navbar__detail__content .find{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center
}

.chat__navbar__detail__content .status-list{
  width:100%;
  height:100%;
  padding-right:18px;
  overflow:hidden auto
}

.chat__smartsuggestions__button{
  border:none;
  border-radius:5px;
  background-color:#f2f2f2;
  display:flex;
  justify-content:center;
  align-items:center;
  width:36px;
  height:36px
}

.chat__smartsuggestions__button:hover,.chat__smartsuggestions__button.active{
  background-color:#B7D9D6 !important
}

.chat__smartsuggestions__button img{
  max-height:24px;
  width:auto
}

.chat__smartsuggestions__button button{
  border:none;
  border-radius:5px;
  background-color:#f2f2f2;
  display:flex;
  justify-content:center;
  align-items:center;
  width:36px;
  height:36px
}

.chat__smartsuggestions__button button:hover,.chat__smartsuggestions__button button.active{
  background-color:#B7D9D6 !important
}

.chat__smartsuggestions__button button img{
  max-height:24px;
  width:auto
}

.chat__smartsuggestions__button:disabled img,.chat__smartsuggestions__button button:disabled img{
  filter:opacity(0.5)
}

.chat__smartsuggestions__messages{
  min-height:274px;
  overflow:hidden visible;
  position:relative
}

.chat__smartsuggestions__messages__wrap{
  display:flex;
  flex-direction:row;
  position:relative;
  transition:all 0.15s linear
}

.chat__smartsuggestions__wrap{
  background-color:#5CC8BF;
  border-radius:10px;
  border:none;
  box-shadow:0px 10px 30px #00000029;
  width:492px;
  height:auto;
  padding:24px
}

.chat__smartsuggestions__wrap .ant-popover-content,.chat__smartsuggestions__wrap .ant-popover-inner,.chat__smartsuggestions__wrap .ant-popover-inner-content{
  border-radius:0;
  border:none;
  padding:0;
  box-shadow:none;
  background:none;
  color:unset
}

.chat__smartsuggestions__header{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px
}

.chat__smartsuggestions__header p{
  font-size:14px;
  font-weight:bold
}

.chat__smartsuggestions__content{
  min-width:444px;
  margin-bottom:16px
}

.chat__smartsuggestions__message{
  padding:16px;
  margin-bottom:8px;
  background-color:#fff;
  border:1px solid #5CC8BF;
  border-radius:5px;
  box-shadow:0px 0px 20px #00000036
}

.chat__smartsuggestions__message__header{
  margin-bottom:8px;
  display:flex;
  flex-direction:row;
  -moz-column-gap:6px;
       column-gap:6px;
  justify-content:flex-start;
  align-items:center
}

.chat__smartsuggestions__message__header span.name{
  font-size:14px;
  font-weight:bold;
  color:#707070;
  line-height:1
}

.chat__smartsuggestions__message__header span.time{
  font-size:11px;
  color:#757575;
  line-height:1
}

.chat__smartsuggestions__message__content{
  background-color:#B7E5E1;
  padding:12px;
  border-radius:5px
}

.chat__smartsuggestions__suggestion{
  padding:16px;
  background-color:#fff;
  border:1px solid #5CC8BF;
  border-radius:5px;
  box-shadow:0px 0px 20px #00000036
}

.chat__smartsuggestions__suggestion__header{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px;
  font-size:14px;
  font-weight:bold;
  color:#00A89C;
  margin-bottom:12px
}

.chat__smartsuggestions__suggestion__header img{
  height:40px;
  width:auto
}

.chat__smartsuggestions__suggestion__message{
  margin-bottom:12px
}

.chat__smartsuggestions__suggestion__actions{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center
}

.chat__smartsuggestions__footer{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  -moz-column-gap:16px;
       column-gap:16px
}

.chat__smartsuggestions__footer .arrow{
  width:36px !important;
  padding:0 !important
}

.chat__smartsuggestions__footer .arrow img{
  width:18px;
  height:18px
}

.chat__smartsuggestions__footer__pagination{
  display:grid;
  grid-template-columns:36px auto 36px;
  -moz-column-gap:24px;
       column-gap:24px
}

.chat__smartsuggestions__footer__dots{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px;
  overflow:scroll auto
}

.chat__smartsuggestions__footer__dots::-webkit-scrollbar{
  display:none
}

.chat__smartsuggestions__footer__dots__dot{
  background-color:transparent;
  border:1px solid #fff;
  border-radius:50%;
  width:12px;
  height:12px;
  flex-wrap:nowrap;
  flex-shrink:0
}

.chat__smartsuggestions__footer__dots__dot:hover{
  background-color:#ffffff60
}

.chat__smartsuggestions__footer__dots__dot.active{
  background-color:#fff !important
}

.chat__history{
  width:100%
}

.chat__history h4{
  font-size:18px;
  font-weight:bold;
  color:#000;
  text-align:center;
  margin-bottom:24px
}

.chat__history__head{
  height:48px;
  width:100%;
  display:flex;
  flex-direction:row;
  -moz-column-gap:16px;
       column-gap:16px;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:24px
}

.chat__history__head>div:nth-child(1){
  max-width:620px
}

.chat__history__footer{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center
}

.chat__history__body{
  width:100%
}

.chat__history__body__top{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:16px
}

.chat__history__body__top .flexitem{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px;
  margin-left:auto;
  margin-right:56px
}

.chat__history__body__top .flexitem:nth-child(3){
  margin-left:0;
  margin-right:0
}

.chat__history__body__content{
  width:100%;
  margin-bottom:24px
}

.chat__history__table{
  width:100%;
  height:336px;
  position:relative;
  border:1px solid #B3B3B3;
  border-radius:5px;
  box-shadow:0px 3px 6px #3D4B5C26;
  background-color:#fff
}

.chat__history__table__head{
  height:48px;
  width:100%;
  background-color:#fff;
  border-bottom:1px solid #B3B3B3;
  box-shadow:0px 3px 6px #3D4B5C26;
  border-radius:5px 5px 0 0;
  display:grid;
  grid-template-columns:46px 172px 150px 1fr;
  -moz-column-gap:24px;
       column-gap:24px
}

.chat__history__table__head__item{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  font-size:12px;
  font-weight:bold
}

.chat__history__table__head__item button{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  font-size:12px;
  font-weight:bold
}

.chat__history__table__head__item img{
  width:12px;
  height:auto;
  margin-left:8px
}

.chat__history__table__head__item:nth-child(1){
  padding-left:27px
}

.chat__history__table__content{
  height:calc(336px - 48px);
  border-radius:0 0 5px 5px;
  overflow:hidden auto
}

.chat__history__table__content__item{
  width:100%;
  height:60px;
  background-color:#fff;
  display:grid;
  grid-template-columns:46px 172px 150px 1fr 1fr;
  -moz-column-gap:24px;
       column-gap:24px;
  margin-bottom:1px solid #D4D4D4
}

.chat__history__table__content__item:hover,.chat__history__table__content__item.selected{
  background-color:#F2F2F2
}

.chat__history__table__content__item__column{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center
}

.chat__history__table__content__item__column:nth-child(1){
  padding-left:27px
}

.chat__history__table__content__item__column .flexitem{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px
}

.channel-container{
  height:100%
}

.channel-container .str-chat.messaging{
  background-color:transparent !important
}

.channel-container .str-chat__main-panel{
  padding:0 !important
}

.str-chat{
  --second-font: sofia-pro
}

.str-chat__list{
  padding:0 12px !important
}

.str-chat__list-notifications>.notification-error{
  display:none !important
}

.str-chat__message-simple__actions{
  display:none;
  font-size:18px;
  line-height:1;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  padding:0 12px;
  -moz-column-gap:12px;
       column-gap:12px;
  height:36px;
  border-radius:5px
}

.str-chat__message-simple__actions>div:not(.str-chat__message-simple__actions__submenu),.str-chat__message-simple__actions button{
  width:18px;
  height:18px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer
}

.str-chat__message-simple__actions img{
  width:100%;
  height:auto
}

.str-chat__message-simple__actions__submenu{
  background-color:#fff;
  border:1px solid #D4D4D4;
  box-shadow:0px 4px 10px #00000029;
  border-radius:5px;
  width:200px;
  position:absolute;
  top:100%;
  right:0;
  margin-top:8px
}

.str-chat__message-simple__actions__submenu button.submenu__action,.str-chat__message-simple__actions__submenu button.submenu__action--delete{
  width:100% !important;
  height:36px;
  font-size:12px;
  color:#000;
  justify-content:flex-start;
  padding-left:16px
}

.str-chat__message-simple__actions__submenu button.submenu__action:hover,.str-chat__message-simple__actions__submenu button.submenu__action--delete:hover{
  background-color:#F2F2F2
}

.str-chat__message-simple__actions__submenu button.submenu__action:first-of-type,.str-chat__message-simple__actions__submenu button.submenu__action--delete:first-of-type{
  border-radius:5px 5px 0 0
}

.str-chat__message-simple__actions__submenu button.submenu__action:last-of-type,.str-chat__message-simple__actions__submenu button.submenu__action--delete:last-of-type{
  border-radius:0 0 5px 5px
}

.str-chat__message-simple__actions__submenu button.submenu__action--delete:hover{
  background-color:#FF5858;
  color:#fff
}

.str-chat__message-attachment--giphy .str-chat__message-attachment-card--header{
  border-radius:10px 10px 0 0
}

.str-chat__message-attachment--giphy .str-chat__message-attachment-card--header img{
  border-radius:10px 10px 0 0
}

.str-chat__message-attachment--giphy .str-chat__message-attachment-card--content{
  background-image:none !important;
  background-color:#fff !important;
  border-radius:0 0 10px 10px;
  margin:unset
}

.str-chat__date-separator{
  display:block !important;
  position:relative;
  padding-left:0;
  padding-right:0
}

.str-chat__date-separator-line{
  width:100%;
  border:1px solid #5CC8BF
}

.str-chat__date-separator-date{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color:#fff;
  border:1px solid #5CC8BF;
  border-radius:5px;
  line-height:1;
  font-size:14px;
  font-weight:700;
  color:#5CC8BF;
  padding:16px 8px
}

.str-chat__message-text{
  padding-top:20px;
  background:transparent url("data:image/svg+xml,%3Csvg data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 23 20%27%3E%3Cpath d=%27M10 .85.23 17.46A1.7 1.7 0 0 0 1.73 20h19.54a1.7 1.7 0 0 0 1.5-2.54L13 .85a1.75 1.75 0 0 0-3 0Z%27 style=%27fill:%23B7E5E1%27/%3E%3C/svg%3E") no-repeat border-box;
  background-size:23px 20px;
  background-position:4px 4px
}

.str-chat__message-text-inner{
  background-color:#B7E5E1;
  font-size:12px !important;
  color:#000 !important;
  border:none !important;
  border-radius:5px !important;
  padding:16px
}

.str-chat__message-text-inner code{
  display:inline-block;
  background-color:#F2F2F2;
  border-radius:5px;
  border:1px solid #5CC8BF;
  color:#5CC8BF;
  padding:0.3em 0.5em;
  font-family:'Courier New', Courier, monospace
}

.str-chat__message-text-inner ul{
  margin-left:1.2em;
  padding-left:1.2em;
  list-style:disc
}

.str-chat__message-attachment--file{
  background-color:#B7E5E1;
  font-size:12px !important;
  color:#000 !important;
  border:none !important;
  border-radius:5px !important;
  padding:16px;
  margin-top:20px;
  position:relative;
  overflow:visible
}

.str-chat__message-attachment--file:hover{
  background-color:#B7E5E1
}

.str-chat__message-attachment--file::before{
  content:'';
  display:block;
  width:23px;
  height:20px;
  background:transparent url("data:image/svg+xml,%3Csvg data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 23 20%27%3E%3Cpath d=%27M10 .85.23 17.46A1.7 1.7 0 0 0 1.73 20h19.54a1.7 1.7 0 0 0 1.5-2.54L13 .85a1.75 1.75 0 0 0-3 0Z%27 style=%27fill:%23B7E5E1%27/%3E%3C/svg%3E") no-repeat border-box;
  background-size:23px 20px;
  background-position:0 0;
  position:absolute;
  top:-16px;
  left:4px
}

.str-chat__message-attachment--video{
  border-radius:5px !important;
  margin:20px auto 20px 0
}

.str-chat__message-attachment--card{
  max-width:350px;
  max-height:-moz-max-content;
  max-height:max-content
}

.str-chat__message-attachment--card--no-image{
  height:unset
}

.str-chat__message-attachment-card{
  margin-top:0;
  border-radius:5px !important;
  border:16px solid #B7E5E1;
  background-color:#B7E5E1
}

.str-chat__message-attachment--gallery{
  margin-top:0;
  width:-moz-fit-content;
  width:fit-content;
  border-radius:5px !important;
  border:16px solid #B7E5E1;
  background-color:#B7E5E1
}

.str-chat__message-attachment--gallery:hover{
  background-color:#B7E5E1
}

.str-chat__message-attachment--gallery .str-chat__gallery{
  margin:0;
  justify-content:flex-start
}

.str-chat__message-simple-text-inner{
  background-color:#B7E5E1
}

.str-chat__message-simple-text-inner--is-emoji{
  padding:16px;
  font-size:50px !important;
  background-color:#B7E5E1 !important
}

.str-chat__message-simple-text-inner--is-emoji p{
  line-height:1.4 !important
}

.str-chat__message-attachment-actions-button,.str-chat__message-attachment-actions-button--default,.str-chat__message-attachment-actions-button--primary{
  display:flex;
  width:100%;
  height:36px;
  padding:0 16px;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  background-color:#fff;
  border-radius:5px;
  font-size:12px;
  color:#000;
  line-height:1
}

.str-chat__message-attachment-actions-button:hover,.str-chat__message-attachment-actions-button--default:hover,.str-chat__message-attachment-actions-button--primary:hover{
  background-color:#F2F2F2
}

.str-chat__message-attachment-actions-button--primary{
  background-color:#EF8132
}

.str-chat__message-attachment-actions-button--primary:hover{
  background-color:#d61
}

.str-chat__li:hover .str-chat__message-simple__actions{
  position:absolute;
  left:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:white;
  border:1px solid #e0e0e0;
  box-shadow:0 2px 1px 0 rgba(0,0,0,0.07);
  z-index:1;
  margin-top:-10px
}

.str-chat__li:hover .str-chat__message-simple__actions__action--reactions{
  display:flex
}

.str-chat__li:hover .str-chat__message-simple__actions__action--options{
  display:flex
}

.str-chat__li:hover .str-chat__message-simple__actions__action--thread{
  display:flex
}

.str-chat__li--middle .chat-message-header,.str-chat__li--bottom .chat-message-header{
  display:none
}

.str-chat__li--middle .str-chat__message-text,.str-chat__li--bottom .str-chat__message-text{
  background:none;
  padding-top:8px
}

.str-chat__message-actions-box{
  top:initial;
  left:-50px;
  border-radius:16px 16px 0 16px
}

.str-chat__reaction-selector{
  max-height:40px;
  top:-10px;
  left:20px;
  border-radius:20px;
  background:white;
  box-shadow:0px 3px 8px rgba(0,0,0,0.15);
  border:1px solid #bed5e4
}

.str-chat__message-simple-status{
  margin:0;
  order:unset;
  position:unset
}

.str-chat__simple-reactions-list{
  border:none;
  position:absolute;
  bottom:-8px;
  left:16px;
  z-index:1
}

.str-chat__simple-reactions-list .emoji-mart-emoji span{
  width:18px !important;
  height:18px !important
}

.reply .str-chat__simple-reactions-list{
  bottom:24px
}

.str-chat__thread>.str-chat__thread-list>.chat-message-wrapper .str-chat__simple-reactions-list{
  position:absolute !important;
  bottom:24px !important;
  left:16px
}

.str-chat__main-panel{
  position:relative
}

.str-chat__message-attachment--img{
  border-radius:5px !important;
  max-height:200px !important
}

.str-chat__message-attachment-file--item{
  border-left:none;
  background-color:transparent
}

.str-chat__message-attachment-file--item:hover{
  background-color:transparent
}

.str-chat__message-attachment--file{
  margin-right:0
}

.str-chat__thread{
  position:fixed;
  top:174px;
  right:56px;
  width:650px;
  min-width:650px;
  height:calc(100vh - 235px);
  border:1px solid #D4D4D4;
  border-radius:5px;
  box-shadow:0px 10px 20px #00000029;
  z-index:10
}

.str-chat__thread>.str-chat__thread-list>.chat-message-wrapper .str-chat__simple-reactions-list{
  position:relative;
  bottom:28px
}

.str-chat__thread .str-chat__message-simple__actions{
  width:auto
}

.str-chat__thread-start{
  display:none
}

.team-message-input__wrapper{
  position:relative
}

.team-message-input__wrapper .str-chat__input--emojipicker{
  right:66px
}

.team-message-input__top{
  display:grid;
  grid-template-columns:1fr 48px;
  grid-template-rows:auto;
  gap:0 18px
}

.team-message-input__top--left{
  background-color:#F2F2F2;
  border-radius:5px
}

.team-message-input__top--left .str-chat__textarea textarea{
  background-color:transparent;
  border:none
}

.team-message-input__top--right{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center
}

.team-message-input__top__send-btn{
  background-color:#5CC8BF;
  border-radius:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  transition:all 0.15s linear
}

.team-message-input__top__send-btn:hover{
  background-color:#3db4aa
}

.team-message-input__bottom{
  border-top:1px solid #D4D4D4;
  height:48px;
  padding:12px
}

.team-message-input__button,.team-message-input__button--text,.commandsPicker .command--close{
  width:24px;
  height:24px;
  border-radius:5px;
  background-color:transparent;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  color:#757575
}

.team-message-input__button:hover,.team-message-input__button--text:hover,.commandsPicker .command--close:hover{
  background-color:#004D80;
  color:#ffffff
}

.team-message-input__button:hover:not(.noinvert) img,.team-message-input__button--text:hover:not(.noinvert) img,.commandsPicker .command--close:hover:not(.noinvert) img{
  filter:invert(1)
}

.team-message-input__button img,.team-message-input__button--text img,.commandsPicker .command--close img{
  max-height:18px;
  max-width:18px
}

.team-message-input__button--text{
  font-size:14px;
  line-height:1;
  width:auto;
  padding-left:6px;
  padding-right:6px
}

.team-message-input__icons{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center
}

.team-message-input__icons__group,.team-message-input__icons__group--right{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px;
  position:relative;
  margin-right:8px
}

.team-message-input__icons__group.separator::before,.separator.team-message-input__icons__group--right::before,.team-message-input__icons__group.separator::after,.separator.team-message-input__icons__group--right::after{
  content:'';
  display:block;
  width:1px;
  height:24px;
  background-color:#D4D4D4;
  border-radius:2px
}

.team-message-input__icons__group--right{
  justify-self:flex-end;
  margin-left:auto
}

.team-message-input__input .ql-container.ql-snow{
  min-height:50px;
  max-height:80px;
  padding-bottom:0;
  overflow:hidden scroll;
  border-radius:5px 5px 0 0;
  border:none
}

.team-message-input__input .ql-container.ql-snow .ql-editor{
  max-height:none
}

.team-message-input__input .ql-container.ql-snow .ql-editor code{
  display:inline-block;
  background-color:#F2F2F2;
  border-radius:5px;
  border:1px solid #5CC8BF;
  color:#5CC8BF;
  padding:0.3em 0.5em;
  font-family:'Courier New', Courier, monospace
}

.team-quote__wrapper{
  width:calc(100% - 66px);
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:4px;
       column-gap:4px;
  color:#757575;
  font-weight:700;
  margin-bottom:8px
}

.team-quote__head{
  color:#5CC8BF
}

.team-quote__close-button{
  background-color:transparent;
  border:none;
  width:18px;
  height:18px;
  display:flex;
  justify-content:center;
  align-items:center;
  justify-self:center;
  margin-left:auto
}

.team-quote__close-button img{
  width:18px;
  height:18px
}

.giphy-icon__wrapper{
  display:flex;
  flex-direction:row;
  justify-items:flex-start;
  align-items:center
}

.commandsPicker{
  background-color:#fff;
  box-shadow:0px 2px 10px #00000029;
  border:1px solid #D4D4D4;
  border-radius:5px;
  width:260px;
  height:160px;
  padding:12px;
  position:absolute;
  top:-88px;
  right:213px;
  display:grid;
  grid-template-columns:1fr 24px;
  grid-template-rows:36px auto;
  gap:12px 12px;
  grid-template-areas:"search close" "btns btns"
}

.commandsPicker.programPicker{
  height:213px;
  top:-130px;
  right:118px
}

.commandsPicker.programPicker .programPicker__form{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  grid-template-rows:repeat(3, auto);
  gap:12px 12px;
  grid-template-areas:"one one" "two two" "three four"
}

.commandsPicker.programPicker .programPicker__form>input:nth-child(1){
  grid-area:one
}

.commandsPicker.programPicker .programPicker__form>input:nth-child(2){
  grid-area:two
}

.commandsPicker.programPicker .programPicker__form>button:nth-child(1){
  grid-area:three
}

.commandsPicker.programPicker .programPicker__form>button:nth-child(2){
  grid-area:four
}

.commandsPicker__close{
  grid-area:close;
  display:flex;
  justify-content:center;
  align-items:center
}

.commandsPicker__container{
  grid-area:btns;
  overflow:hidden scroll
}

.commandsPicker input[type="date"],.commandsPicker input[type="time"]{
  background-color:#fff;
  border-radius:5px;
  border:1px solid #b3b3b3;
  color:#606060;
  height:36px;
  font-size:1rem;
  padding-left:2.25rem;
  padding-right:1.25rem
}

.commandsPicker input[type="date"]:focus,.commandsPicker input[type="time"]:focus{
  border:1px solid #004D80;
  box-shadow:0 6px 12px #3d4b5c26;
  outline-color:#004D80;
  outline-width:0
}

.commandsPicker .command,.commandsPicker .command--send{
  display:flex;
  width:100%;
  height:36px;
  padding:0 16px;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  background-color:#fff;
  border-radius:5px;
  font-size:12px;
  color:#000;
  line-height:1
}

.commandsPicker .command:hover,.commandsPicker .command--send:hover{
  background-color:#F2F2F2
}

.commandsPicker .command span,.commandsPicker .command--send span{
  font-size:10px;
  color:#757575
}

.commandsPicker .command.center,.commandsPicker .center.command--send{
  justify-content:center
}

.commandsPicker .command--send{
  background-color:#EF8132
}

.commandsPicker .command--send:hover{
  background-color:#d61
}

.rta__autocomplete{
  display:none !important
}

.usersPicker{
  background-color:#fff;
  box-shadow:0px 2px 10px #00000029;
  border:1px solid #D4D4D4;
  border-radius:5px;
  width:260px;
  height:300px;
  padding:12px;
  position:absolute;
  top:-228px;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr;
  row-gap:12px
}

.usersPicker.edit-room{
  top:50%
}

.usersPicker__list{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  grid-auto-rows:48px;
  overflow:hidden scroll
}

.usersPicker__list .command,.usersPicker__list .commandsPicker .command--send,.commandsPicker .usersPicker__list .command--send{
  font-size:var(--fz-12);
  font-weight:bold;
  padding:8px 12px;
  width:100%;
  max-height:48px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  -moz-column-gap:8px;
       column-gap:8px;
  background-color:#fff;
  border-radius:5px;
  color:#000;
  line-height:1
}

.usersPicker__list .command:hover,.usersPicker__list .commandsPicker .command--send:hover,.commandsPicker .usersPicker__list .command--send:hover{
  background-color:#F2F2F2
}

.chat-message-filetype{
  flex-wrap:wrap;
  gap:16px 16px;
  margin-top:12px
}

.chat-message-wrapper--me .chat-message-filetype{
  justify-content:flex-end
}

.chat-message-filetype .str-chat__message-attachment--file{
  margin:0 !important
}

.rfu-file-previewer__close-button{
  color:#f2f2f2;
  flex-shrink:0;
  width:20px;
  height:20px;
  position:relative;
  -moz-user-select:none;
       user-select:none;
  -webkit-user-select:none
}

.rfu-file-previewer__close-button::after{
  content:'';
  width:20px;
  height:20px;
  position:absolute;
  top:0;
  left:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27 viewBox=%270 0 48 48%27%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.a%7Bstroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg transform=%27translate%28-322 -9%29%27%3E%3Cg transform=%27translate%28334 21%29%27%3E%3Cpath class=%27a%27 d=%27M30,6,6,30%27 transform=%27translate%28-6 -6%29%27/%3E%3Cpath class=%27a%27 d=%27M6,6,30,30%27 transform=%27translate%28-6 -6%29%27/%3E%3C/g%3E%3Ccircle class=%27b%27 cx=%2724%27 cy=%2724%27 r=%2724%27 transform=%27translate%28322 9%29%27/%3E%3C/g%3E%3C/svg%3E");
  background-size:20px 20px;
  background-position:0 0;
  background-repeat:no-repeat
}

.str-chat__message-attachment-file--item-text{
  width:calc(100% - 140px);
  overflow:hidden;
  white-space:nowrap;
  word-wrap:break-word;
  text-overflow:ellipsis
}

.custom__checkbox__container{
  display:block;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  outline:none
}

.custom__checkbox__checkmark{
  display:block;
  width:24px;
  height:24px;
  position:relative;
  border:1px solid #707070;
  background-color:#fff;
  border-radius:12px
}

.custom__checkbox__container>.custom__checkbox__checkmark:hover,.custom__checkbox__container.checkbox-checked>.custom__checkbox__checkmark{
  border-color:#004D80;
  background-color:#fff
}

.custom__checkbox__container.checkbox-checked .custom__checkbox__checkmark::after{
  content:'';
  position:absolute;
  display:block;
  width:16px;
  height:16px;
  background-color:#004D80;
  border-radius:8px;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}

.custom__checkbox__checkmark.square{
  border-radius:5px;
  width:18px;
  height:18px
}

.custom__checkbox__container.checkbox-checked .custom__checkbox__checkmark.square::after{
  width:10px;
  height:10px
}

/* purgecss end ignore */

/* purgecss start ignore */

.general-container{
  height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:80dvw;
  margin:0 auto
}

.general-container .welcome-signup-modal{
  border:1px solid #f2f2f2;
  border-radius:5px;
  background-color:#ffffff;
  box-shadow:0px 0px 50px #3d4b5c26;
  padding:5rem 136px 6rem 136px;
  overflow:hidden
}

/* purgecss end ignore */

/* purgecss start ignore */

.error-boundary-container{
  max-width:80%;
  max-height:80%;
  height:100%;
  width:100%;
  margin:0 auto;
  border:1px solid #f2f2f2;
  border-radius:5px;
  background-color:#ffffff;
  box-shadow:0px 0px 50px #3d4b5c26;
  padding:5rem 136px 6rem 136px;
  display:flex;
  flex-direction:column;
  justify-content:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.google-handler{
  height:100dvh;
  overflow:hidden;
  max-height:100dvh;
  position:absolute;
  z-index:100;
  width:100%;
  top:0;
  background:#FFFFFF
}

.google-handler--backdrop{
  height:100%;
  background-color:rgba(255,255,255,0.5);
  -webkit-backdrop-filter:blur(5px);
          backdrop-filter:blur(5px);
  position:absolute;
  z-index:101;
  width:100%
}

.google-handler--body{
  z-index:102;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:70%;
  border-radius:5px;
  box-shadow:0px 6px 12px #3d4b5c1a;
  padding:48px;
  background:#FFFFFF
}

.google-handler--body .title{
  color:#34BE44
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.zoom-handler{
  height:100dvh;
  overflow:hidden;
  max-height:100dvh;
  position:absolute;
  z-index:100;
  width:100%;
  top:0;
  background:#FFFFFF
}

.zoom-handler--backdrop{
  height:100%;
  background-color:rgba(255,255,255,0.5);
  -webkit-backdrop-filter:blur(5px);
          backdrop-filter:blur(5px);
  position:absolute;
  z-index:101;
  width:100%
}

.zoom-handler--body{
  z-index:102;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:60%;
  border-radius:5px;
  box-shadow:0px 6px 12px #3d4b5c1a;
  padding:48px;
  background:#FFFFFF
}

.zoom-handler--body .title{
  color:#34BE44
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.google-handler{
  height:100dvh;
  overflow:hidden;
  max-height:100dvh;
  position:absolute;
  z-index:100;
  width:100%;
  top:0;
  background:#FFFFFF
}

.google-handler--backdrop{
  height:100%;
  background-color:rgba(255,255,255,0.5);
  -webkit-backdrop-filter:blur(5px);
          backdrop-filter:blur(5px);
  position:absolute;
  z-index:101;
  width:100%
}

.google-handler--body{
  z-index:102;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:70%;
  border-radius:5px;
  box-shadow:0px 6px 12px #3d4b5c1a;
  padding:48px;
  background:#FFFFFF
}

.google-handler--body .title{
  color:#34BE44
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.files{
  padding:1.5rem
}

.files--header{
  display:flex;
  gap:0.875rem;
  margin-bottom:1.5rem
}

.files-layout{
  display:grid;
  grid-template-columns:259px auto;
  grid-template-rows:auto;
  height:calc(100vh - 200px);
  box-shadow:0px 0px 20px #3D4B5C33
}

.files-layout--sidebar{
  border:1px solid #B3B3B3;
  border-radius:5px;
  overflow:auto;
  max-height:calc(90vh - 100px)
}

.files-layout--sidebar .sidebar-option .sidebar-option-main{
  padding:13px 1.5rem 14px 1.5rem
}

.files-layout--sidebar .sidebar-option .sidebar-option-main.select-tree,.files-layout--sidebar .sidebar-option .sidebar-option-main.select-file-section{
  background:#004D80
}

.files-layout--sidebar .sidebar-option .sidebar-option-main:hover{
  background:#004D80;
  cursor:pointer
}

.files-layout--sidebar .sidebar-option .sidebar-sub-option{
  padding:13px 1.5rem 14px 3.5rem;
  display:flex;
  align-items:center;
  gap:1rem;
  cursor:pointer
}

.files-layout--sidebar .sidebar-option .sidebar-sub-option label{
  max-width:150px;
  cursor:pointer
}

.files-layout--sidebar .sidebar-option .sidebar-sub-option .file-img{
  min-width:24px;
  min-height:24px;
  max-width:24px;
  max-height:24px;
  cursor:pointer
}

.files-layout--sidebar .sidebar-option .sidebar-sub-option.select-file-section{
  background:#004D80
}

.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode-switcher-open{
  width:100%;
  padding:12px 0 13px 0
}

.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode .file-img,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode-switcher-open .file-img{
  width:24px;
  max-width:24px;
  margin-right:0.5rem
}

.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode.ant-tree-treenode-leaf-last,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode-switcher-open.ant-tree-treenode-leaf-last{
  padding-left:1.5rem
}

.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode-switcher-open.ant-tree-treenode-selected{
  background:#004D80
}

.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-normal.ant-tree-node-selected,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-treenode-selected,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-open.ant-tree-node-selected,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-close.ant-tree-node-selected,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode-switcher-open.ant-tree-treenode-selected .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-normal.ant-tree-node-selected,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode-switcher-open.ant-tree-treenode-selected .ant-tree-treenode-selected,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode-switcher-open.ant-tree-treenode-selected .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-open.ant-tree-node-selected,.files-layout--sidebar .files-sidebar .ant-tree-list .ant-tree-treenode-switcher-open.ant-tree-treenode-selected .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-close.ant-tree-node-selected{
  background:#004D80
}

.files-layout--content{
  margin-left:-2.5px;
  padding-left:2.5px;
  border-top:1px solid #B3B3B3;
  border-bottom:1px solid #B3B3B3;
  border-right:1px solid #B3B3B3;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px
}

.files-layout--content-header{
  padding:1rem 2rem 1rem 1.5rem;
  border-bottom:1px solid #b6b6b6;
  display:flex;
  justify-content:space-between;
  align-items:center
}

.files-layout--content-header .left-side{
  display:flex;
  align-items:center;
  gap:2rem
}

.files-layout--content-header .left-side .actions img{
  height:20px;
  width:20px;
  cursor:pointer
}

.files-layout--content-header .right-side{
  display:flex;
  align-items:center;
  gap:1rem
}

.files-layout--content-header .right-side .selected-view{
  background:#5CC8BF;
  padding:1px;
  margin:-1px;
  border-radius:3px
}

.files-layout--content-header .title{
  font-size:1.5rem
}

.files-layout--content-container{
  padding:1.5rem 2rem;
  display:grid;
  grid-template-columns:repeat(auto-fit, 100px);
  grid-template-rows:repeat(auto-fit, 100px);
  gap:12px;
  max-height:calc(90vh - 200px);
  overflow:auto;
  width:100%;
  height:100%
}

.files-layout--content-container.focus-zone{
  border:2px dashed #5CC8BF;
  border-radius:5px;
  width:100%
}

.files-layout--content-container-list{
  position:relative;
  flex-direction:column;
  gap:0;
  overflow:auto;
  max-height:calc(90vh - 236px)
}

.files-layout--content-container-list__header{
  position:sticky;
  top:0;
  display:grid;
  grid-template-columns:50% 20% 20% 10%;
  padding:7px 2.5rem 8px 2.5rem;
  font-size:12px;
  border-bottom:1px solid #b6b6b6;
  background:#FFFFFF;
  z-index:1
}

.file-component{
  min-width:100px;
  min-height:100px;
  max-width:100px;
  max-height:100px;
  border-radius:3px;
  padding:8px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:relative
}

.file-component:hover{
  background:#E6E6E6;
  cursor:pointer
}

.file-component:hover .file-component--actions{
  opacity:1;
  transition:opacity 0.3s ease
}

.file-component:hover .file-component--selector:not(.selected-file){
  opacity:1;
  transition:opacity 0.3s ease
}

.file-component:hover .file-component--icon-container{
  margin-top:8px;
  transition:margin-top 0.3s ease
}

.file-component:hover .file-component--file-name{
  margin-top:0;
  transition:margin-top 0.3s ease
}

.file-component--icon-container{
  transition:margin-top 0.3s ease
}

.file-component--selector{
  top:8px;
  left:6px;
  border:1px solid #5CC8BF;
  width:14px;
  height:14px;
  border-radius:1px;
  padding:2px;
  position:absolute
}

.file-component--selector:not(.selected-file){
  opacity:0;
  transition:opacity 0.3s ease
}

.file-component--selector.selected-file{
  opacity:1;
  transition:opacity 0.3s ease
}

.file-component--selector-inner{
  height:8px;
  width:8px;
  background:#5CC8BF;
  border-radius:1px
}

.file-component--favorite-indicator{
  position:absolute;
  left:24px;
  top:6px;
  display:none;
  width:16px
}

.file-component--favorite-indicator.show-indicator{
  display:block
}

.file-component--actions{
  opacity:0;
  width:14px;
  height:14px;
  position:absolute;
  top:8px;
  right:6px;
  transition:opacity 0.3s ease
}

.file-component--icon{
  height:48px;
  width:48px
}

.file-component--file-name{
  font-size:10px;
  transition:margin-top 0.3s ease;
  max-width:88px
}

.file-component--label{
  width:40px;
  height:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#5CC8BFE6;
  border-radius:8px;
  font-size:9px;
  padding-bottom:1px;
  position:absolute;
  bottom:0.625rem;
  left:50%;
  transform:translateX(-50%)
}

.file-component-list{
  position:relative;
  display:grid;
  grid-template-columns:50% 20% 20% 10%;
  padding:12px 2.5rem 11px 2.5rem;
  font-size:0.75rem;
  height:100%
}

.file-component-list--file-name{
  font-size:0.75rem
}

.file-component-list--icon{
  width:24px;
  height:24px
}

.file-component-list--selector{
  top:8px;
  left:6px;
  border:1px solid #5CC8BF;
  width:14px;
  height:14px;
  border-radius:1px;
  padding:2px
}

.file-component-list--selector:not(.selected-file){
  opacity:0;
  transition:opacity 0.3s ease
}

.file-component-list--selector.selected-file{
  opacity:1;
  transition:opacity 0.3s ease
}

.file-component-list--selector-inner{
  height:8px;
  width:8px;
  background:#5CC8BF;
  border-radius:1px
}

.file-component-list:hover{
  cursor:pointer;
  background:#F2F2F2
}

.file-component-list:hover .file-component-list--selector:not(.selected-file){
  opacity:1;
  transition:opacity 0.3s ease
}

.file-component-list.selected-file{
  background:#F2F2F2
}

.file-component-list--favorite-indicator{
  display:none;
  width:16px;
  margin-right:4px;
  margin-left:4px
}

.file-component-list--favorite-indicator.show-indicator{
  display:block
}

.files-popover--list-element{
  height:36px;
  font-size:12px;
  background:#FFFFFF;
  display:flex;
  align-items:center;
  padding:0 1rem 1px 1rem
}

.files-popover--list-element.first{
  border-top-right-radius:5px;
  border-top-left-radius:5px
}

.files-popover--list-element.last{
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px
}

.files-popover--list-element:hover{
  background:#F2F2F2;
  cursor:pointer
}

.ant-popover-arrow{
  display:none
}

.ant-popover-content{
  box-shadow:0px 0px 50px #3D4B5C26;
  border:1px solid #D4D4D4;
  border-radius:5px
}

.teament-files-popover{
  min-width:230px;
  z-index:2400
}

.teament-files-popover .ant-popover-inner{
  border-radius:5px
}

.teament-files-popover .ant-popover-inner-content{
  overflow:auto;
  max-height:375px;
  padding:0 !important
}

/* purgecss end ignore */

/* purgecss start ignore */

.teammates-container{
  margin-top:1.5rem;
  height:136px;
  max-height:136px;
  padding-right:0.5rem;
  overflow:auto
}

.selected-teammate-chip{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#f2f2f2;
  border:1px solid #d4d4d4;
  border-radius:20px;
  widt:auto;
  padding:2px 0.5rem 1px 1px;
  max-height:38px
}

.selected-teammate-chip .teammate-name{
  max-width:175px;
  margin-top:-2px;
  margin-right:1rem
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.delete-title{
  font-size:1.875rem;
  color:#ff5858
}

.delete-confirmation{
  font-size:1.375rem
}

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */
/* purgecss start ignore */

.move-files-container{
  border:1px solid #d4d4d4;
  height:100%;
  width:100%
}

.move-files-container .move-files-container-header{
  border-bottom:1px solid #d4d4d4;
  padding:16px;
  align-items:center
}

.move-files-container .move-files-container-content{
  height:400px;
  flex-direction:column;
  padding:1rem;
  overflow:auto
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.alexa-handler{
  height:100dvh;
  overflow:hidden;
  max-height:100dvh;
  position:absolute;
  z-index:100;
  width:100%;
  top:0;
  background:#FFFFFF
}

.alexa-handler--backdrop{
  height:100%;
  background-color:rgba(255,255,255,0.5);
  -webkit-backdrop-filter:blur(5px);
          backdrop-filter:blur(5px);
  position:absolute;
  z-index:101;
  width:100%
}

.alexa-handler--body{
  z-index:102;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:70%;
  border-radius:5px;
  box-shadow:0px 6px 12px #3d4b5c1a;
  padding:48px;
  background:#FFFFFF
}

.alexa-handler--body .title{
  color:#34BE44
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.whats-new-container .header{
  display:flex;
  justify-content:center;
  align-items:center;
  height:300px;
  box-shadow:0px 10px 30px #00000029;
  border-radius:20px;
  overflow:hidden
}

@media screen and (max-height: 769px){
  .whats-new-container .header{
    height:240px
  }
}

.whats-new-container .header img{
  min-width:800px;
  border-radius:20px
}

.whats-new-container .title{
  color:#5CC8BF;
  font-size:2rem
}

.whats-new-container .footer{
  display:flex;
  justify-content:space-between
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.change-log-view{
  padding:24px 48px;
  height:90dvh
}

.change-log-view-container{
  background:#FFFFFF 0% 0% no-repeat padding-box;
  box-shadow:0px 0px 50px #00000026;
  border:2px solid #F2F2F2;
  border-radius:5px;
  height:100%;
  overflow:hidden
}

.change-log-view-container--header{
  height:80px;
  padding:0 2.5rem;
  border:1px solid var(--unnamed-color-e6e6e6);
  background:#FFFFFF 0% 0% no-repeat padding-box;
  box-shadow:0px 4px 8px #3D4B5C1A;
  border-bottom:1px solid #E6E6E6;
  border-radius:5px
}

.change-log-view-container--header .title{
  color:#5CC8BF
}

.change-log-view-container--content{
  padding:1.5rem 2.5rem;
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  overflow:auto;
  max-height:calc(80vh - 52px)
}

.change-log-view-container--content .change-log-item{
  background:#F2F2F2;
  padding:1.5rem 2.5rem;
  border-radius:20px
}

.change-log-view-container--content .change-log-item .title{
  font-size:2rem
}

.change-log-view-container--content .change-log-item .date{
  color:#606060;
  font-size:0.875rem
}

.change-log-view-container--content .change-log-item-content{
  margin:1.5rem -2.5rem;
  padding:1.5rem 2.5rem;
  background:#E6E6E6;
  border-radius:10px
}

.change-log-view-container--content .change-log-item-content .header-image{
  max-height:249px;
  overflow:hidden;
  border-radius:20px;
  display:flex;
  justify-content:center;
  align-items:center
}

.change-log-view-container--content .change-log-item-content .header-image.video{
  max-height:500px;
  background:#FFFFFF
}

/* purgecss end ignore */

/* purgecss start ignore */

.focus-mode-container{
  position:fixed;
  top:0;
  left:0;
  height:100dvh;
  width:100dvw;
  background:rgba(255,255,255,0.6);
  -webkit-backdrop-filter:blur(30px);
          backdrop-filter:blur(30px);
  z-index:100;
  opacity:0;
  transition:all 0.3s ease-in-out;
  pointer-events:none
}

.focus-mode-container.open{
  transition:all 0.3s ease-in-out;
  pointer-events:all;
  opacity:1
}

.focus-mode-container--header{
  margin-bottom:60px
}

.focus-mode-container--header .title{
  color:#606060;
  font-size:3rem
}

.focus-mode-container--content{
  margin-bottom:90px
}

.focus-mode-container--content .lottie-container{
  height:150px;
  width:150px;
  margin-bottom:68px;
  animation:focusLoader 60s linear infinite;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center
}

.focus-mode-container--content .motivation-phrases{
  color:#000;
  font-size:2rem;
  margin-bottom:12px
}

.focus-mode-container--content .counter-container .timer{
  font-size:2.5rem;
  margin-bottom:20px
}

.focus-mode-container--footer{
  display:flex;
  justify-content:space-between;
  width:35dvw
}

.focus-mode-container--footer button{
  max-width:-moz-max-content;
  max-width:max-content
}

.focus-mode-container.break.open{
  transition:all 0.3s ease-in-out;
  pointer-events:all;
  opacity:1;
  background:rgba(129,197,237,0.2);
  -webkit-backdrop-filter:blur(30px);
          backdrop-filter:blur(30px)
}

@keyframes focusLoader{
  0%{
    background-image:url("https://verkian-cdn.s3.amazonaws.com/cdn/resources/freemium.svg")
  }

  20%{
    background-image:url("https://verkian-cdn.s3.amazonaws.com/cdn/resources/freelancer.svg")
  }

  40%{
    background-image:url("https://verkian-cdn.s3.amazonaws.com/cdn/resources/startUp.svg")
  }

  65%{
    background-image:url("https://verkian-cdn.s3.amazonaws.com/cdn/resources/scaleUp.svg")
  }

  80%{
    background-image:url("https://verkian-cdn.s3.amazonaws.com/cdn/resources/enterprise.svg")
  }

  100%{
    background-image:url("https://verkian-cdn.s3.amazonaws.com/cdn/resources/freemium.svg")
  }
}

.focus-bg{
  background:url("https://verkian-cdn.s3.amazonaws.com/cdn/resources/focus-bg.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  z-index:1050;
  position:absolute;
  left:0;
  top:0;
  width:100dvw;
  height:100dvh
}

/* purgecss end ignore */

/* purgecss start ignore */

.focus-mode-container--break{
  position:fixed;
  top:0;
  left:0;
  height:100dvh;
  width:100dvw;
  z-index:100;
  opacity:0;
  transition:all 0.3s ease-in-out;
  pointer-events:none;
  background:rgba(255,255,255,0.75);
  -webkit-backdrop-filter:blur(30px);
          backdrop-filter:blur(30px)
}

.focus-mode-container--break.open{
  transition:all 0.3s ease-in-out;
  pointer-events:all;
  opacity:1
}

.focus-mode-container--break--header{
  position:absolute;
  top:1rem;
  left:50%;
  transform:translateX(-50%);
  height:48px;
  border-radius:10px;
  background:#FFFFFF;
  -webkit-backdrop-filter:blur(2px);
          backdrop-filter:blur(2px);
  align-items:center;
  display:flex
}

.focus-mode-container--break--header .controls{
  width:114px;
  display:flex;
  justify-content:space-between;
  padding:0 0.75rem;
  align-items:center
}

.focus-mode-container--break--header .controls .sound-bars{
  display:flex;
  gap:2px;
  height:18px;
  align-items:flex-end
}

.focus-mode-container--break--header .controls .sound-bars .bar{
  display:block;
  position:relative;
  height:100%;
  background:#92A7FE;
  width:4px
}

.focus-mode-container--break--header .controls .sound-bars .bar.play{
  animation:animate 1.2s linear infinite
}

.focus-mode-container--break--header .controls .sound-bars .bar:nth-child(1){
  animation-delay:0s
}

.focus-mode-container--break--header .controls .sound-bars .bar:nth-child(2){
  animation-delay:0.2s
}

.focus-mode-container--break--header .controls .sound-bars .bar:nth-child(3){
  animation-delay:0.1s
}

.focus-mode-container--break--header .controls .sound-bars .bar:nth-child(4){
  animation-delay:0.3s
}

.focus-mode-container--break--content{
  margin-bottom:0.875rem
}

.focus-mode-container--break--content .lottie-container{
  margin-bottom:-84px
}

.focus-mode-container--break--content .motivation-phrases{
  color:#92A7FE;
  font-size:2rem;
  width:50dvw;
  text-align:center
}

.focus-mode-container--break--content .counter-container .timer{
  font-size:2.5rem
}

.focus-mode-container--break--footer{
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  align-items:center;
  height:160px;
  width:35dvw
}

.focus-mode-container--break--footer button{
  max-width:-moz-max-content;
  max-width:max-content
}

.break-bg{
  background:url("https://verkian-cdn.s3.amazonaws.com/cdn/resources/break-bg.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  z-index:10;
  position:absolute;
  left:0;
  top:0;
  width:100dvw;
  height:100dvh
}

@keyframes animate{
  50%{
    height:30%
  }

  100%{
    height:100%
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.tasks-v2{
  max-height:calc(100% - 80px);
  height:100%;
  width:100dvw;
  padding:1.5rem
}

.tasks-v2--header{
  display:flex;
  align-items:center;
  margin-bottom:1rem
}

.tasks-v2--header .title{
  color:#606060;
  margin-top:-2px
}

.tasks-v2--header .tab{
  padding:7px 1rem 8px 1rem;
  font-size:0.875rem;
  border-radius:5px;
  color:#000000
}

.tasks-v2--header .tab:hover:not(.active-tab){
  background:#F2F2F2
}

.tasks-v2--header .tab.active-tab{
  background:#004D80;
  color:#FFF
}

.tasks-v2--content{
  display:flex;
  flex-wrap:nowrap;
  gap:1rem;
  height:calc(100% - 52px)
}

.tasks-v2--content-latest{
  width:60%;
  transition:all 0.3s linear
}

.tasks-v2--content-latest.extend{
  width:calc(100% - 52px);
  transition:all 0.3s linear
}

.tasks-v2--content-latest.extend.full{
  width:100%
}

.tasks-v2--content-team{
  width:40%;
  transition:all 0.3s linear
}

.tasks-v2--content-team--header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #E6E6E6;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  box-shadow:0px 4px 8px #3D4B5C1A;
  padding:0 1rem 1rem 1rem;
  margin:0 -1rem
}

.tasks-v2--content-team--header .controls-container{
  transition:all 0.3s linear
}

.tasks-v2--content-team--header .controls-container .header-title{
  transition:all 0.3s linear;
  transition-delay:0.1s
}

.tasks-v2--content-team--header .controls-container .header-controls{
  transition:all 0.3s linear;
  transition-delay:0.1s
}

.tasks-v2--content-team--header.close{
  transition:all 0.3s linear;
  transition-delay:0.1s;
  border-bottom:none;
  box-shadow:none;
  height:100%;
  display:flex;
  justify-content:center
}

.tasks-v2--content-team--header.close .controls-container{
  flex-direction:column-reverse;
  height:100%;
  justify-content:flex-end;
  align-items:center;
  width:36px
}

.tasks-v2--content-team--header.close .controls-container .header-title{
  transform:rotate(-90deg);
  transition:all 0.3s linear;
  height:auto;
  width:100px;
  display:block;
  margin-top:20px
}

.tasks-v2--content-team--header.close .controls-container .header-controls{
  transform:rotate(-180deg);
  transition:all 0.3s linear
}

.tasks-v2--content-team.close{
  width:36px;
  transition:all 0.3s linear
}

.tasks-v2--content-latest,.tasks-v2--content-team{
  border:1px solid #F2F2F2;
  border-radius:5px;
  background:#fff;
  box-shadow:0px 6px 12px #3D4B5C1A;
  padding:1rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.expandable-button{
  display:flex;
  background:none;
  max-height:36px;
  height:36px;
  position:relative
}

.expandable-button .notification-dot{
  background:#F2B646;
  position:absolute;
  top:-4px;
  right:-4px;
  width:12px;
  height:12px;
  border-radius:6px;
  z-index:10
}

.expandable-button--icon-container{
  background:#F2F2F2;
  width:36px;
  height:36px;
  min-width:36px;
  position:relative;
  border-radius:5px;
  transition:all 0.3s linear;
  transition-delay:0.3s
}

.expandable-button--icon-container.selected{
  transition:all 0.3s linear
}

.expandable-button--icon-container.selected:not(.yellow):not(.orange){
  background:#5CC8BF
}

.expandable-button--icon-container.selected.yellow{
  background:#F7CA0E;
  transition:all 0.3s linear
}

.expandable-button--icon-container.selected.orange{
  background:#EF8132;
  transition:all 0.3s linear
}

.expandable-button--icon-container .icon{
  width:18px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}

.expandable-button--label-container{
  height:36px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  align-items:center;
  margin-left:-3px;
  display:flex;
  width:0;
  transition:all 0.3s linear;
  padding:0;
  background:inherit
}

.expandable-button--label-container.selected{
  width:100%;
  transition:all 0.3s linear;
  padding:0 1rem
}

.expandable-button--label-container.selected:not(.yellow):not(.orange){
  background:#9EE5E0
}

.expandable-button--label-container.selected.yellow{
  background:#F2D14680
}

.expandable-button--label-container.selected.orange{
  background:#FF780033
}

.expandable-button--label-container label{
  margin-top:-2px
}

/* purgecss end ignore */

/* purgecss start ignore */

div.relative:hover .left,div.relative:hover .right{
  opacity:1;
  transition:all 0.3s ease-in-out
}

div.relative .left,div.relative .right{
  background:#F2F2F2;
  border-radius:4px;
  min-height:26px;
  min-width:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:100;
  top:0.75rem;
  opacity:0;
  transition:all 0.3s ease-in-out;
  box-shadow:0px 2px 6px #00000029
}

div.relative .left.disabled,div.relative .right.disabled{
  opacity:0.5;
  cursor:not-allowed
}

div.relative .left{
  position:absolute;
  left:-0.5rem
}

div.relative .right{
  position:absolute;
  right:-0.5rem
}

.tasks-v2--content-latest--body{
  overflow:auto;
  max-height:calc(70vh - 34px);
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  margin:0 0 0 -1rem;
  padding:0.5rem 0 0.5rem 1rem;
  position:relative
}

.tasks-v2--content-latest--body .latest-element{
  min-height:36px;
  max-height:36px;
  position:relative
}

.tasks-v2--content-latest--body .latest-element .indicators-container{
  position:sticky;
  left:-16px;
  margin-left:-16px;
  padding-right:4px;
  background:#FFFFFF
}

.tasks-v2--content-latest--body .latest-element .indicator{
  width:5px;
  height:36px;
  margin-right:-5px;
  border-radius:2.5px;
  background:none
}

.tasks-v2--content-latest--body .latest-element .indicator.fill-indicator{
  background:#D4D4D4
}

.tasks-v2--content-latest--body .latest-element .action-counter{
  margin-top:-5px;
  display:block
}

/* purgecss end ignore */

/* purgecss start ignore */

.comments-popover{
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  gap:1rem
}

.comments-popover .comments-container-v2{
  max-height:300px;
  height:300px;
  overflow:auto;
  padding-right:0.75rem;
  margin-right:-0.75rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.tasks-v2--content-latest--header{
  padding:0 0 1rem 0
}

.tasks-v2--content-latest--body{
  border:1px solid #F2F2F2;
  border-radius:5px 5px 0 0;
  border-width:1px 0 0 0;
  height:100%
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.tasks-v2--content-team--body{
  display:flex;
  flex-direction:column;
  gap:1rem;
  transition:all 0.3s linear;
  transition-delay:0.3s;
  opacity:1;
  padding:1rem 0;
  max-height:calc(70vh - 32px);
  overflow:auto;
  margin-right:-0.5rem;
  padding-right:0.5rem
}

.tasks-v2--content-team--body.close{
  opacity:0;
  transition:all 0.3s linear
}

.tasks-v2--content-team--body .teammate-overview-item--header{
  min-height:52px;
  max-height:52px;
  background:#F2F2F2;
  border:1px solid #E6E6E6;
  border-radius:5px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 1rem
}

.tasks-v2--content-team--body .teammate-overview-item--body{
  padding:14.5px 12px 12px 12px;
  border:1px solid #E6E6E6;
  border-top:none;
  border-radius:0 0 5px 5px;
  margin-top:-2.5px;
  display:flex;
  gap:0.25rem;
  flex-direction:column
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.list-view{
  height:100%;
  background:#fff;
  width:100%;
  border:1px solid #E6E6E6;
  border-radius:5px;
  box-shadow:0px 4px 8px #3D4B5C1A;
  position:relative
}

.list-view--header{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #E6E6E6;
  border-radius:0 5px 5px 0;
  box-shadow:0px 4px 8px #3D4B5C1A;
  padding:0 1.5rem
}

.list-view--body{
  max-height:calc(100% - 116px);
  overflow:auto;
  padding:0 1.5rem 1.5rem 1.5rem;
  margin:1.5rem 0 0 0
}

.list-view .selection-options{
  height:74px;
  position:fixed;
  bottom:0;
  background:#F2F2F2;
  left:0;
  width:100%;
  border-radius:5px 0 0 5px;
  display:flex;
  align-items:center;
  padding:0 2rem;
  justify-content:space-between;
  z-index:10
}

/* purgecss end ignore */

/* purgecss start ignore */

.list-section{
  padding-bottom:0.5rem
}

.list-section .title-toggle{
  position:sticky;
  top:0;
  background:#FFF;
  z-index:10
}

.list-section .title-toggle:hover{
  cursor:pointer
}

.list-section .title-toggle label.pending.enabled,.list-section .title-toggle label.pending:hover{
  color:#757575 !important
}

.list-section .title-toggle label.inprocess.enabled,.list-section .title-toggle label.inprocess:hover{
  color:#004D80 !important
}

.list-section .title-toggle label.onhold.enabled,.list-section .title-toggle label.onhold:hover{
  color:#FAC88E !important
}

.list-section .title-toggle label.notstarted.enabled,.list-section .title-toggle label.notstarted:hover{
  color:#B3B3B3 !important
}

.list-section .title-toggle label.reviewing.enabled,.list-section .title-toggle label.reviewing:hover,.list-section .title-toggle label.medium.enabled,.list-section .title-toggle label.medium:hover{
  color:#F2D146 !important
}

.list-section .title-toggle label.incompleted.enabled,.list-section .title-toggle label.incompleted:hover{
  color:#F2B646 !important
}

.list-section .title-toggle label.completed.enabled,.list-section .title-toggle label.completed:hover,.list-section .title-toggle label.low.enabled,.list-section .title-toggle label.low:hover{
  color:#34BE44 !important
}

.list-section .title-toggle label.delayed.enabled,.list-section .title-toggle label.delayed:hover,.list-section .title-toggle label.high.enabled,.list-section .title-toggle label.high:hover{
  color:#FF5858 !important
}

.list-section .tasks-label-container{
  width:100%;
  display:flex;
  gap:1rem;
  justify-content:space-between;
  padding:0 1rem 0.75rem 5rem;
  position:sticky;
  top:28px;
  background:#FFF;
  z-index:10
}

.list-section .tasks-label-container div{
  width:662px;
  display:grid;
  -moz-column-gap:1rem;
       column-gap:1rem;
  grid-template-columns:184px 68px 50px 80px 100px 100px
}

.list-section .tasks-label-container div label{
  text-align:center
}

.list-section .tasks-list-section{
  height:100%;
  max-height:310px;
  overflow:auto;
  margin-right:-0.675rem;
  padding-right:0.675rem;
  transition:all 0.3 ease-in-out;
  position:relative;
  padding-bottom:0.5rem
}

.list-section .tasks-list-section.open{
  height:100%;
  max-height:none;
  transition:all 0.3 ease-in-out
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

input[type="radio"],input[type="checkbox"]{
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none;
  background-color:#fff;
  margin:0;
  font:inherit;
  color:#b3b3b3;
  width:1.25em;
  height:1.25em;
  border:1px solid #b3b3b3;
  border-radius:50%;
  display:grid;
  place-content:center
}

input[type="radio"],input[type="checkbox"]::before{
  content:"";
  width:0.75em;
  height:0.75em;
  border-radius:50%;
  transform:scale(0);
  transition:120ms transform ease-in-out;
  box-shadow:inset 1em 1em var(--form-control-color);
  background-color:#004D80
}

input[type="radio"],input[type="checkbox"].F6921E::before{
  background-color:#F6921E
}

input[type="radio"],input[type="checkbox"]:checked::before{
  transform:scale(1)
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.group-by .groups .group-option{
  background:#fff;
  height:32px;
  display:flex;
  padding:0 0.75rem 1px 0.75rem;
  align-items:center;
  font-size:0.875rem;
  border-radius:5px
}

.group-by .groups .group-option:hover{
  cursor:pointer
}

.group-by .groups .group-option:hover:not(.selected){
  background:#F2F2F2
}

.group-by .groups .group-option.selected{
  background:#C6E4F9
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.cleaning-mode-modal--header{
  height:56px;
  border-bottom:1px solid #E6E6E6;
  border-radius:0 0 5px 5px;
  padding:0 1rem;
  box-shadow:0px 4px 8px #3D4B5C1A
}

.cleaning-mode-modal--actions{
  padding:1.375rem 3rem;
  gap:28px;
  border-bottom:1px solid #b3b3b3
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.by-teammate{
  height:100%;
  background:#fff;
  width:100%;
  border:1px solid #E6E6E6;
  border-radius:5px;
  box-shadow:0px 4px 8px #3D4B5C1A;
  position:relative
}

.by-teammate--header{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #E6E6E6;
  border-radius:0 5px 5px 0;
  box-shadow:0px 4px 8px #3D4B5C1A;
  padding:0 1.5rem
}

.by-teammate--header .users-navbar{
  max-width:calc(100% - 416px);
  overflow:hidden
}

.by-teammate--header .users-navbar .divider{
  height:36px;
  width:1px;
  background:#b3b3b3
}

.by-teammate--header .users-navbar .scroller-users{
  max-width:calc(100% - 168px)
}

.by-teammate--body{
  max-height:calc(100% - 116px);
  overflow:auto;
  padding:0 1.5rem 1.5rem 1.5rem;
  margin:1.5rem 0 0 0;
  display:flex;
  flex-direction:column;
  gap:1rem;
  height:100%
}

/* purgecss end ignore */

/* purgecss start ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

.teammate-tasks-item--header{
  min-height:52px;
  max-height:52px;
  background:#F2F2F2;
  border:1px solid #E6E6E6;
  border-radius:5px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 1rem
}

.teammate-tasks-item--body{
  padding:14.5px 12px 12px 12px;
  border:1px solid #E6E6E6;
  border-top:none;
  border-radius:0 0 5px 5px;
  margin-top:-2.5px;
  display:flex;
  gap:0.25rem;
  flex-direction:column
}

/* purgecss end ignore */

.color-black{
  color:#606060
}

.color-black-lvl-2{
  color:#606060
}

.color-green{
  color:#5CC8BF
}

.color-error,.color-high{
  color:#FF5858
}

.color-medium{
  color:#F2D146
}

.color-success,.color-low{
  color:#34BE44
}

.color-light-gray{
  color:#757575
}

.color-ligther-gray{
  color:#b3b3b3
}

.color-blue{
  color:#004D80
}

/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

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

/**
Restore the focus styles unset by the previous rule.
*/

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-opacity:1;
  border-color:rgba(229, 231, 235, var(--tw-border-opacity))
}

.container{
  width:100%
}

@media (min-width: 640px){
  .container{
    max-width:640px
  }
}

@media (min-width: 768px){
  .container{
    max-width:768px
  }
}

@media (min-width: 1024px){
  .container{
    max-width:1024px
  }
}

@media (min-width: 1280px){
  .container{
    max-width:1280px
  }
}

@media (min-width: 1536px){
  .container{
    max-width:1536px
  }
}

.visible{
  visibility:visible
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.bottom-0{
  bottom:0px
}

.left-0{
  left:0px
}

.order-1{
  order:1
}

.order-2{
  order:2
}

.col-span-1{
  grid-column:span 1 / span 1
}

.col-span-2{
  grid-column:span 2 / span 2
}

.col-span-3{
  grid-column:span 3 / span 3
}

.col-span-4{
  grid-column:span 4 / span 4
}

.row-span-2{
  grid-row:span 2 / span 2
}

.float-right{
  float:right
}

.m-8{
  margin:2rem
}

.m-auto{
  margin:auto
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.mt-0{
  margin-top:0px
}

.mt-1{
  margin-top:0.25rem
}

.mt-2{
  margin-top:0.5rem
}

.mt-3{
  margin-top:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-5{
  margin-top:1.25rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-7{
  margin-top:1.75rem
}

.mt-8{
  margin-top:2rem
}

.mt-9{
  margin-top:2.25rem
}

.mt-10{
  margin-top:2.5rem
}

.mt-12{
  margin-top:3rem
}

.mt-14{
  margin-top:3.5rem
}

.mt-16{
  margin-top:4rem
}

.-mt-4{
  margin-top:-1rem
}

.mr-1{
  margin-right:0.25rem
}

.mr-2{
  margin-right:0.5rem
}

.mr-4{
  margin-right:1rem
}

.mr-5{
  margin-right:1.25rem
}

.mr-6{
  margin-right:1.5rem
}

.mr-7{
  margin-right:1.75rem
}

.mr-8{
  margin-right:2rem
}

.mr-2\.5{
  margin-right:0.625rem
}

.mb-1{
  margin-bottom:0.25rem
}

.mb-2{
  margin-bottom:0.5rem
}

.mb-3{
  margin-bottom:0.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-5{
  margin-bottom:1.25rem
}

.mb-6{
  margin-bottom:1.5rem
}

.mb-8{
  margin-bottom:2rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mb-12{
  margin-bottom:3rem
}

.mb-1\.5{
  margin-bottom:0.375rem
}

.mb-3\.5{
  margin-bottom:0.875rem
}

.ml-1{
  margin-left:0.25rem
}

.ml-2{
  margin-left:0.5rem
}

.ml-4{
  margin-left:1rem
}

.ml-5{
  margin-left:1.25rem
}

.ml-6{
  margin-left:1.5rem
}

.ml-12{
  margin-left:3rem
}

.ml-auto{
  margin-left:auto
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.h-full{
  height:100%
}

.w-52{
  width:13rem
}

.w-auto{
  width:auto
}

.w-1\/2{
  width:50%
}

.w-1\/3{
  width:33.333333%
}

.w-2\/3{
  width:66.666667%
}

.w-2\/5{
  width:40%
}

.w-3\/5{
  width:60%
}

.w-3\/6{
  width:50%
}

.w-full{
  width:100%
}

.w-max{
  width:-moz-max-content;
  width:max-content
}

.flex-1{
  flex:1 1 0%
}

.flex-auto{
  flex:1 1 auto
}

.flex-initial{
  flex:0 1 auto
}

.flex-none{
  flex:none
}

.flex-shrink{
  flex-shrink:1
}

.flex-grow{
  flex-grow:1
}

.transform{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

@keyframes ping{
  75%, 100%{
    transform:scale(2);
    opacity:0
  }
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

@keyframes bounce{
  0%, 100%{
    transform:translateY(-25%);
    animation-timing-function:cubic-bezier(0.8,0,1,1)
  }

  50%{
    transform:none;
    animation-timing-function:cubic-bezier(0,0,0.2,1)
  }
}

.cursor-pointer{
  cursor:pointer
}

.cursor-not-allowed{
  cursor:not-allowed
}

.resize{
  resize:both
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4, minmax(0, 1fr))
}

.grid-rows-2{
  grid-template-rows:repeat(2, minmax(0, 1fr))
}

.grid-rows-4{
  grid-template-rows:repeat(4, minmax(0, 1fr))
}

.grid-rows-6{
  grid-template-rows:repeat(6, minmax(0, 1fr))
}

.flex-row{
  flex-direction:row
}

.flex-col{
  flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

.flex-nowrap{
  flex-wrap:nowrap
}

.content-between{
  align-content:space-between
}

.items-start{
  align-items:flex-start
}

.items-end{
  align-items:flex-end
}

.items-center{
  align-items:center
}

.items-baseline{
  align-items:baseline
}

.justify-start{
  justify-content:flex-start
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.gap-1{
  gap:0.25rem
}

.gap-2{
  gap:0.5rem
}

.gap-3{
  gap:0.75rem
}

.gap-4{
  gap:1rem
}

.gap-6{
  gap:1.5rem
}

.gap-7{
  gap:1.75rem
}

.gap-8{
  gap:2rem
}

.gap-10{
  gap:2.5rem
}

.gap-12{
  gap:3rem
}

.gap-x-2{
  -moz-column-gap:0.5rem;
       column-gap:0.5rem
}

.gap-x-4{
  -moz-column-gap:1rem;
       column-gap:1rem
}

.gap-x-6{
  -moz-column-gap:1.5rem;
       column-gap:1.5rem
}

.gap-x-8{
  -moz-column-gap:2rem;
       column-gap:2rem
}

.gap-y-2{
  row-gap:0.5rem
}

.gap-y-4{
  row-gap:1rem
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-scroll{
  overflow:scroll
}

.overflow-x-auto{
  overflow-x:auto
}

.overflow-y-auto{
  overflow-y:auto
}

.overflow-x-hidden{
  overflow-x:hidden
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.overflow-ellipsis{
  text-overflow:ellipsis
}

.whitespace-nowrap{
  white-space:nowrap
}

.break-words{
  overflow-wrap:break-word
}

.break-all{
  word-break:break-all
}

.border{
  border-width:1px
}

.p-4{
  padding:1rem
}

.p-6{
  padding:1.5rem
}

.px-0{
  padding-left:0px;
  padding-right:0px
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.px-12{
  padding-left:3rem;
  padding-right:3rem
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.pt-1{
  padding-top:0.25rem
}

.pt-2{
  padding-top:0.5rem
}

.pt-4{
  padding-top:1rem
}

.pt-6{
  padding-top:1.5rem
}

.pt-8{
  padding-top:2rem
}

.pr-1{
  padding-right:0.25rem
}

.pr-2{
  padding-right:0.5rem
}

.pr-3{
  padding-right:0.75rem
}

.pr-4{
  padding-right:1rem
}

.pr-8{
  padding-right:2rem
}

.pr-1\.5{
  padding-right:0.375rem
}

.pb-1{
  padding-bottom:0.25rem
}

.pb-2{
  padding-bottom:0.5rem
}

.pb-3{
  padding-bottom:0.75rem
}

.pb-4{
  padding-bottom:1rem
}

.pb-6{
  padding-bottom:1.5rem
}

.pl-0{
  padding-left:0px
}

.pl-2{
  padding-left:0.5rem
}

.pl-4{
  padding-left:1rem
}

.pl-6{
  padding-left:1.5rem
}

.pl-0\.5{
  padding-left:0.125rem
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.font-bold{
  font-weight:700
}

.italic{
  font-style:italic
}

.text-black{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity))
}

.underline{
  text-decoration:underline
}

.line-through{
  text-decoration:line-through
}

.opacity-30{
  opacity:0.3
}

*, ::before, ::after{
  --tw-shadow:0 0 #0000
}

*, ::before, ::after{
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000
}

.filter{
  --tw-blur:var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness:var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast:var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale:var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);
  --tw-invert:var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate:var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia:var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur{
  --tw-blur:blur(8px)
}

.backdrop-filter{
  --tw-backdrop-blur:var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-brightness:var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-contrast:var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-grayscale:var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-hue-rotate:var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-invert:var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-opacity:var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-saturate:var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-sepia:var(--tw-empty,/*!*/ /*!*/);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 640px){
  .sm\:order-none{
    order:0
  }

  .sm\:col-span-2{
    grid-column:span 2 / span 2
  }

  .sm\:col-span-4{
    grid-column:span 4 / span 4
  }

  .sm\:m-0{
    margin:0px
  }

  .sm\:mt-6{
    margin-top:1.5rem
  }

  .sm\:mt-12{
    margin-top:3rem
  }

  .sm\:mr-2{
    margin-right:0.5rem
  }

  .sm\:mr-6{
    margin-right:1.5rem
  }

  .sm\:mb-0{
    margin-bottom:0px
  }

  .sm\:mb-4{
    margin-bottom:1rem
  }

  .sm\:mb-12{
    margin-bottom:3rem
  }

  .sm\:ml-2{
    margin-left:0.5rem
  }

  .sm\:block{
    display:block
  }

  .sm\:inline-block{
    display:inline-block
  }

  .sm\:flex{
    display:flex
  }

  .sm\:hidden{
    display:none
  }

  .sm\:w-auto{
    width:auto
  }

  .sm\:w-1\/2{
    width:50%
  }

  .sm\:w-3\/4{
    width:75%
  }

  .sm\:w-max{
    width:-moz-max-content;
    width:max-content
  }

  .sm\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .sm\:flex-row{
    flex-direction:row
  }

  .sm\:flex-col{
    flex-direction:column
  }

  .sm\:items-center{
    align-items:center
  }

  .sm\:justify-between{
    justify-content:space-between
  }

  .sm\:gap-0{
    gap:0px
  }

  .sm\:gap-4{
    gap:1rem
  }

  .sm\:gap-6{
    gap:1.5rem
  }

  .sm\:gap-8{
    gap:2rem
  }

  .sm\:overflow-visible{
    overflow:visible
  }

  .sm\:p-0{
    padding:0px
  }

  .sm\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .sm\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }

  .sm\:pl-0{
    padding-left:0px
  }

  .sm\:text-left{
    text-align:left
  }

  .sm\:text-center{
    text-align:center
  }

  .sm\:text-base{
    font-size:1rem;
    line-height:1.5rem
  }
}

@media (min-width: 768px){
  .md\:relative{
    position:relative
  }

  .md\:order-none{
    order:0
  }

  .md\:row-auto{
    grid-row:auto
  }

  .md\:block{
    display:block
  }

  .md\:w-auto{
    width:auto
  }

  .md\:w-1\/2{
    width:50%
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .md\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .md\:flex-row{
    flex-direction:row
  }

  .md\:flex-col{
    flex-direction:column
  }

  .md\:flex-wrap{
    flex-wrap:wrap
  }

  .md\:items-center{
    align-items:center
  }

  .md\:justify-center{
    justify-content:center
  }

  .md\:gap-4{
    gap:1rem
  }

  .md\:p-0{
    padding:0px
  }
}

@media (min-width: 1024px){
  .lg\:block{
    display:block
  }

  .lg\:flex{
    display:flex
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .lg\:flex-row{
    flex-direction:row
  }

  .lg\:items-center{
    align-items:center
  }

  .lg\:justify-between{
    justify-content:space-between
  }
}

@media (min-width: 1280px){
  .xl\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }
}

@media (min-width: 1536px){
  .\32xl\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }
}