a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}
body,
html {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}
input,
select,
textarea {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}
body {
  line-height: 1;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased
}
ol,
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}
.clear,
.clearfix {
  clear: both
}
:focus {
  outline: 0;
  border: 0 none
}
ins {
  text-decoration: none
}
del {
  text-decoration: line-through
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
a {
  text-decoration: none
}
html.out_app_,
html.out_app_ body {
  height: auto!important;
  width: auto!important;
  overflow: visible!important;
  background-color: transparent!important
}
:root {
  --APP-radius: 5px;
  --APP-error-color: #f15858;
  --APP-error-color-hover: #d74b4b;
  --APP-track-color: #04bda4;
  --APP-track-color-hover: #019c87;
  --APP-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15);
  --APP-shadow-border: #e2e2e2;
  --APP-focus-color: #579ae2;
  --APP-focus-color-hover: #4784c5;
  --APP-focus-selected-color: #DFEDFC;
  --APP-success-color: #54ad54;
  --APP-success-color-hover: #357935;
  --APP-approve-color: #D2ECDB;
  --APP-approve-color-hover: #abc7b5;
  --APP-item-list-hover: #f9f9f9;
  --APP-global-hover: rgb(0 0 0 / 5%);
  --TIMEOFFS-pending: #F7D1C7;
  --TIMEOFFS-approved: #D2ECDB;
  --TIMECARD-ready-to-approve: #F9F7D7;
  --TIMECARD-signed: #D2ECDB;
  --TIMECARD-pending: #F7D1C7;
  --TIMECARD-generate: #707070;
  --TIMECARD-approved: #D2ECDB;
  --DARK-APP-shadow-border: #20242b;
  --DARK-APP-focus-selected-color: #304465;
  --DARK-APP-item-list-hover: #232933;
  --DARK-APP-global-hover: rgb(31 35 43 / 60%);
  --MS-DARK-APP-shadow-border: #2d2c2c;
  --MS-DARK-APP-focus-selected-color: #304465;
  --MS-DARK-APP-item-list-hover: #2d2c2c;
  --MS-DARK-APP-global-hover: rgb(150 150 150 / 30%);
  --MS-DEEP-DARK-APP-shadow-border: #fff;
  --MS-DEEP-DARK-APP-focus-selected-color: #304465;
  --MS-DEEP-DARK-APP-item-list-hover: #2d2c2c;
  --MS-DEEP-DARK-APP-global-hover: rgb(150 150 150 / 30%)
}
body,
html {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  font-weight: 400;
  word-break: break-word;
  overflow: hidden
}
body {
  background-color: #fff;
  color: #282828
}
h1,
h2,
h3,
h4 {
  font-weight: 400
}
u {
  text-decoration: none
}
a {
  color: #282828
}
html.CHROME .chrome {
  display: none!important;
  height: 0!important
}
html.WEB .web {
  display: none!important;
  height: 0!important
}
html.MAC .macintosh {
  display: none!important;
  height: 0!important
}
body.Windows ::-webkit-scrollbar,
body.Windows::-webkit-scrollbar {
  width: 8px;
  height: 8px
}
body.Windows ::-webkit-scrollbar-track,
body.Windows::-webkit-scrollbar-track {
  background-color: transparent
}
body.Windows ::-webkit-scrollbar-thumb,
body.Windows::-webkit-scrollbar-thumb {
  background-color: #cacaca
}
body.Firefox * {
  scrollbar-color: #cacaca transparent;
  scrollbar-width: thin
}
textarea {
  resize: none
}
::-webkit-input-placeholder {
  opacity: 1
}
:-moz-placeholder {
  opacity: 1
}
::-moz-placeholder {
  opacity: 1
}
:-ms-input-placeholder {
  opacity: 1
}
.exceeded,
.exceeded input {
  color: var(--APP-error-color)!important
}
.completed,
.completed input {
  color: var(--FORMS-checkbox-mark-as-done)!important
}
.error_color_ {
  color: var(--APP-error-color)!important
}
.inputHidden {
  width: 1px!important;
  padding: 0!important;
  margin: 0!important;
  height: 1px!important;
  visibility: hidden!important;
  position: absolute;
  bottom: -5px;
  left: 0
}
.tt-pdf-preview {
  width: 800px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: #fff;
  overflow: auto;
  border: 1px solid gray
}
.table_ {
  display: table;
  width: 100%
}
.table_ .cell_ {
  display: table-cell
}
.table_ .cell_.middle {
  vertical-align: middle
}
.table_ .cell_.top {
  vertical-align: top
}
.table_ .cell_.bottom {
  vertical-align: bottom
}
.table_ .cell_.left {
  text-align: left
}
.table_ .cell_.center {
  text-align: center
}
.table_ .cell_.right {
  text-align: right
}
.flex_ {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0
}
.flex_ .f_left_ {
  display: flex;
  flex: 0 1 auto;
  overflow: hidden
}
.flex_ .f_right_ {
  display: flex;
  flex: 0 0 auto
}
.flex_.start_ {
  justify-content: flex-start
}
.flex_.end_ {
  justify-content: flex-end
}
.flex_space_ {
  margin-right: auto;
  min-width: 5px
}
.flex_no_shrink_ {
  flex-shrink: 0
}
.hidden_dom_ {
  display: none!important
}
.disabled {
  pointer-events: none
}
#AccountView,
#AddonsView,
#AppsAndIntegrations,
#AuthAndCalendars,
#ClientView,
#InvoiceListView,
#MainIframeView,
#ProfileView,
#SettingsView,
#SideNavView,
#SubscribeView,
#TeamDetailView,
#TeamView,
#TimeOffView,
#TrashView {
  padding-top: 46px!important
}
#MainIframeView.floating_side_view_,
#MainIframeView.lightbox_ {
  padding-top: 0!important
}
#AccountView,
#ActivityLogsView,
#AddMultipleTasks,
#AddonsView,
#AppUpdatesView,
#AppsAndIntegrations,
#AuthAndCalendars,
#AuthAndCalendarsPopup,
#Calendar,
#CalendarView,
#ClientView,
#CompanyDashboard,
#Confirm,
#ConnectSettingsView,
#ConnectView,
#DayView,
#EditProjectView,
#EditTaskView,
#Hours,
#ICalView,
#IframeView,
#Insights,
#InviteUsersView,
#InvoiceListView,
#LiveView,
#LogView,
#MainIframeView,
#MsTeamsChannel,
#NotAllowedView,
#NotAllowedViewPopUp,
#ProfileView,
#ProjectDashboardView,
#ProjectReport,
#ProjectTab,
#ProjectsView,
#ServiceView,
#SettingsView,
#SharedReportsView,
#SideNavView,
#SingleTimeEntryView,
#SubscribeView,
#SwitchAccount,
#TaskDetail,
#TaskListDetail,
#TaskListNavigator,
#TasksView,
#TeamDetailView,
#TeamView,
#TimeCards,
#TimeCardsView,
#TimeEntries,
#TimeOffView,
#TimeTable,
#Timer,
#Timesheet,
#TrashView,
#UpdatePassword,
#UserGroups,
#UserReportListView,
#UserReportView,
#UserTasksView,
#WebhooksView,
#WorkSchedule,
#invoiceListView,
#shareReportListView,
#timecardListView,
#userDay {
  z-index: 0;
  box-sizing: border-box;
  padding-top: 52px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: none
}
#AccountView:not(.active) *,
#ActivityLogsView:not(.active) *,
#AddMultipleTasks:not(.active) *,
#AddonsView:not(.active) *,
#AppUpdatesView:not(.active) *,
#AppsAndIntegrations:not(.active) *,
#AuthAndCalendars:not(.active) *,
#AuthAndCalendarsPopup:not(.active) *,
#Calendar:not(.active) *,
#CalendarView:not(.active) *,
#ClientView:not(.active) *,
#CompanyDashboard:not(.active) *,
#Confirm:not(.active) *,
#ConnectSettingsView:not(.active) *,
#ConnectView:not(.active) *,
#DayView:not(.active) *,
#EditProjectView:not(.active) *,
#EditTaskView:not(.active) *,
#Hours:not(.active) *,
#ICalView:not(.active) *,
#IframeView:not(.active) *,
#Insights:not(.active) *,
#InviteUsersView:not(.active) *,
#InvoiceListView:not(.active) *,
#LiveView:not(.active) *,
#LogView:not(.active) *,
#MainIframeView:not(.active) *,
#ManageWorkSpacesView:not(.active) *,
#MsTeamsChannel:not(.active) *,
#NotAllowedView:not(.active) *,
#NotAllowedViewPopUp:not(.active) *,
#ProfileView:not(.active) *,
#ProjectDashboardView:not(.active) *,
#ProjectReport:not(.active) *,
#ProjectTab:not(.active) *,
#ProjectsView:not(.active) *,
#ServiceView:not(.active) *,
#SettingsView:not(.active) *,
#SharedReportsView:not(.active) *,
#SideNavView:not(.active) *,
#SingleTimeEntryView:not(.active) *,
#SubscribeView:not(.active) *,
#SwitchAccount:not(.active) *,
#TaskDetail:not(.active) *,
#TaskListDetail:not(.active) *,
#TaskListNavigator:not(.active) *,
#TasksView:not(.active) *,
#TeamDetailView:not(.active) *,
#TeamView:not(.active) *,
#TimeCards:not(.active) *,
#TimeCardsView:not(.active) *,
#TimeEntries:not(.active) *,
#TimeOffView:not(.active) *,
#TimeTable:not(.active) *,
#Timer:not(.active) *,
#Timesheet:not(.active) *,
#TrashView:not(.active) *,
#UpdatePassword:not(.active) *,
#UserGroups:not(.active) *,
#UserReportListView:not(.active) *,
#UserReportView:not(.active) *,
#UserTasksView:not(.active) *,
#WebhooksView:not(.active) *,
#WorkSchedule:not(.active) *,
#invoiceListView:not(.active) *,
#shareReportListView:not(.active) *,
#timecardListView:not(.active) *,
#userDay:not(.active) * {
  display: none
}
#AccountView.active,
#ActivityLogsView.active,
#AddMultipleTasks.active,
#AddonsView.active,
#AppUpdatesView.active,
#AppsAndIntegrations.active,
#AuthAndCalendars.active,
#AuthAndCalendarsPopup.active,
#Calendar.active,
#CalendarView.active,
#ClientView.active,
#CompanyDashboard.active,
#Confirm.active,
#ConnectSettingsView.active,
#ConnectView.active,
#DayView.active,
#EditProjectView.active,
#EditTaskView.active,
#Hours.active,
#ICalView.active,
#IframeView.active,
#Insights.active,
#InviteUsersView.active,
#InvoiceListView.active,
#LiveView.active,
#LogView.active,
#MainIframeView.active,
#ManageWorkSpacesView.active,
#MsTeamsChannel.active,
#NotAllowedView.active,
#NotAllowedViewPopUp.active,
#ProfileView.active,
#ProjectDashboardView.active,
#ProjectReport.active,
#ProjectTab.active,
#ProjectsView.active,
#ServiceView.active,
#SettingsView.active,
#SharedReportsView.active,
#SideNavView.active,
#SingleTimeEntryView.active,
#SubscribeView.active,
#SwitchAccount.active,
#TaskDetail.active,
#TaskListDetail.active,
#TaskListNavigator.active,
#TasksView.active,
#TeamDetailView.active,
#TeamView.active,
#TimeCards.active,
#TimeCardsView.active,
#TimeEntries.active,
#TimeOffView.active,
#TimeTable.active,
#Timer.active,
#Timesheet.active,
#TrashView.active,
#UpdatePassword.active,
#UserGroups.active,
#UserReportListView.active,
#UserReportView.active,
#UserTasksView.active,
#WebhooksView.active,
#WorkSchedule.active,
#invoiceListView.active,
#shareReportListView.active,
#timecardListView.active,
#userDay.active {
  z-index: 40;
  display: block
}
#AppWrapper {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0
}
.PROD .beta {
  display: none!important;
  height: 0!important
}
.CO_WORKER .coworker,
.CO_WORKER .coworker_free,
.can_edit_projects .can_edit_projects,
.can_edit_tasks .can_edit_tasks,
.can_edit_time_entries .can_edit_time_entries,
.can_view_others .can_view_others {
  display: none!important
}
.CO_WORKER .coworker_prevent_click {
  pointer-events: none
}
.DISABLED_ELEMENT {
  pointer-events: none
}
.PROJECT_MANAGER .project_manager {
  display: none!important
}
.FREE .nu_free_pro_opacity,
.FREE .pro_opacity {
  opacity: .5
}
.FREE .nu_free_pro_corner_white,
.FREE .pro_corner_white,
.oldTRIAL .pro_corner_white {
  background-image: url(../../img/pro/pro-corner-white.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 30px
}
.FREE .nu_free_pro_corner_white_hover:hover,
.FREE .pro_corner_white_hover:hover {
  background-image: url(../../img/pro/pro-corner-white.png)!important;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 30px
}
.FREE .pro_corner_transparent,
.oldTRIAL .pro_corner_transparent {
  background-image: url(../../img/pro/pro-corner-transparent.png);
  background-repeat: no-repeat;
  background-position: right 4px top 4px;
  background-size: auto 30px
}
.FREE .nu_free_pro_corner_transparent_grey,
.FREE .pro_corner_transparent_grey,
.oldTRIAL .pro_corner_transparent_grey {
  background-image: url(../../img/pro/pro-corner-grey-transparent.png);
  background-repeat: no-repeat;
  background-position: right 4px top 4px;
  background-size: auto 30px
}
.FREE .nu_free_pro_small_corner_transparent_grey {
  background-image: url(../../img/pro/pro-corner-grey-transparent.png);
  background-repeat: no-repeat;
  background-position: right 4px top 4px;
  background-size: auto 20px
}
.FREE .pro_corner_white_small,
.oldTRIAL .pro_corner_white_small {
  background-image: url(../../img/pro/pro-corner-white.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 30px
}
.FREE .pro_corner_white_smaller,
.oldTRIAL .pro_corner_white_smaller {
  background-image: url(../../img/pro/pro-corner-white.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 30px
}
.FREE .pro_corner_white_no_scale,
.oldTRIAL .pro_corner_white_no_scale {
  background-image: url(../../img/pro/pro-corner-transparent.png);
  background-repeat: no-repeat;
  background-position: right 4px top 4px;
  background-size: auto 30px
}
.FREE .pro_hidden,
.TRIAL .trial_hidden {
  display: none!important
}
.TRIAL .trial_hidden {
  display: none!important
}
.FREE .pro_blocked {
  pointer-events: none;
  opacity: .5
}
.SUBSCRIBED .pro_sale,
.SUBSCRIBED .subcribed_hidden {
  display: none!important
}
.susbcribed_advice {
  display: none!important
}
.SUBSCRIBED .susbcribed_advice {
  display: block!important
}
.NEWTIMESHEET .nu_timesheet_hide {
  display: none!important
}
.no_list_view .no_list_view {
  display: none!important
}
body:not(.FREE) .only_free {
  display: none!important
}
.IS_COMPANION .companion {
  display: none!important
}
.IS_THIRD_PARTY .hide_if_third_party {
  display: none!important
}
.IS_THIRD_PARTY .disabled_if_third_party {
  pointer-events: none
}
.show_if_third_party {
  display: none!important
}
.IS_THIRD_PARTY .show_if_third_party {
  display: inline-block!important
}
.FREE .hide_free {
  display: none!important
}
.SOLO .solo {
  display: none!important
}
.solo_visible {
  display: none
}
.SOLO .solo_visible {
  display: block
}
.NO_ARCHIVED_PROJECTS .no_archived_project {
  display: none!important
}
.IS_SOLO_AND_ADMIN {
  display: none!important
}
.SOLO.ADMIN .IS_SOLO_AND_ADMIN {
  display: inline-block!important
}
.SOLO.ADMIN .IS_NOT_SOLO_AND_ADMIN {
  display: none!important
}
body:not(.SOLO):not(.ADMIN) .IS_NOT_SOLO_AND_ADMIN {
  display: inline-block!important
}
.IS_ADMIN {
  display: none!important
}
.ADMIN .IS_ADMIN {
  display: inline-block!important
}
.hide_workspace_,
.show_workspace_ {
  display: none!important
}
body.HAS_WORKSPACES .show_workspace_,
body:not(.HAS_WORKSPACES) .hide_workspace_ {
  display: inline-block!important
}
.hide_msteams_,
.show_msteams_ {
  display: none!important
}
html.MSTEAMS .show_msteams_,
html:not(.MSTEAMS) .hide_msteams_ {
  display: inline-block!important
}
html.MSTEAMS .show_workspace_ {
  display: none!important
}
html.MSTEAMS .hide_workspace_ {
  display: inline-block!important
}
@keyframes just_added_anim {
  from {
    background-color: #f0f4f7
  }
  to {
    background-color: #fff
  }
}
@-webkit-keyframes just_added_anim {
  from {
    background-color: #f0f4f7
  }
  to {
    background-color: #fff
  }
}
@-moz-keyframes just_added_anim {
  from {
    background-color: #f0f4f7
  }
  to {
    background-color: #fff
  }
}
@-o-keyframes just_added_anim {
  from {
    background-color: #f0f4f7
  }
  to {
    background-color: #fff
  }
}
@keyframes just_added_anim {
  from {
    background-color: #f0f4f7
  }
  to {
    background-color: #fff
  }
}
@keyframes fadeinoutAnim {
  0% {
    opacity: 1
  }
  50% {
    opacity: .6
  }
  100% {
    opacity: 1
  }
}
@-o-keyframes fadeinoutAnim {
  0% {
    opacity: 1
  }
  50% {
    opacity: .6
  }
  100% {
    opacity: 1
  }
}
@-moz-keyframes fadeinoutAnim {
  0% {
    opacity: 1
  }
  50% {
    opacity: .6
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeinoutAnim {
  0% {
    opacity: 1
  }
  50% {
    opacity: .6
  }
  100% {
    opacity: 1
  }
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0)
  }
  to {
    -ms-transform: rotate(360deg)
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0)
  }
  to {
    -moz-transform: rotate(360deg)
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes spin {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}
@-ms-keyframes spin-inverse {
  from {
    -ms-transform: rotate(360deg)
  }
  to {
    -ms-transform: rotate(0)
  }
}
@-moz-keyframes spin-inverse {
  from {
    -moz-transform: rotate(360deg)
  }
  to {
    -moz-transform: rotate(0)
  }
}
@-webkit-keyframes spin-inverse {
  from {
    -webkit-transform: rotate(360deg)
  }
  to {
    -webkit-transform: rotate(0)
  }
}
@keyframes spin-inverse {
  from {
    transform: rotate(360deg)
  }
  to {
    transform: rotate(0)
  }
}
@-ms-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-ms-keyframes loadingProgress {
  0% {
    background-size: 0 100%;
    background-position: left
  }
  50% {
    background-size: 70% 100%
  }
  100% {
    background-size: 0 100%;
    background-position: right
  }
}
@-moz-keyframes loadingProgress {
  0% {
    background-size: 0 100%;
    background-position: left
  }
  50% {
    background-size: 70% 100%
  }
  100% {
    background-size: 0 100%;
    background-position: right
  }
}
@-webkit-keyframes loadingProgress {
  0% {
    background-size: 0 100%;
    background-position: left
  }
  50% {
    background-size: 70% 100%
  }
  100% {
    background-size: 0 100%;
    background-position: right
  }
}
@keyframes loadingProgress {
  0% {
    background-size: 0 100%;
    background-position: left
  }
  50% {
    background-size: 70% 100%
  }
  100% {
    background-size: 0 100%;
    background-position: right
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0)
  }
  to {
    -ms-transform: rotate(360deg)
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0)
  }
  to {
    -moz-transform: rotate(360deg)
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes rotate {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}
.loading_and_block {
  pointer-events: none;
  overflow: hidden
}
.loading_and_block::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.9);
  content: '';
  z-index: 500
}
.loading_and_block::before {
  vertical-align: middle;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #dcdcdc;
  border-left: 2px solid #f54337;
  box-sizing: border-box;
  animation-delay: 1s;
  -webkit-animation: fadeIn .5s forwards,spin .5s infinite ease-in-out;
  animation: fadeIn .5s forwards,spin .5s infinite ease-in-out;
  opacity: 0;
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -15px;
  z-index: 501;
  margin-left: -15px
}
.loading_and_block.delay_::before {
  animation-delay: 3s!important
}
.loading_and_block.small_loading_::before {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px
}
.loading_and_block.no_back_::after {
  display: none
}
.insight_button {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  box-sizing: border-box;
  margin-left: 10px;
  -webkit-transition: -webkit-border-radius .4s,-webkit-transform .4s;
  -moz-transition: -moz-border-radius .4s,-moz-transform .4s;
  -ms-transition: -ms-border-radius .4s,-ms-transform .4s;
  transition: border-radius .4s,transform .4s;
  position: relative;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: #1d252c
}
.insight_button:hover {
  background-color: #000
}
.insight_button::before {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  content: '';
  z-index: 10;
  border: 2px solid #1d252c;
  box-sizing: border-box;
  animation-play-state: initial
}
.insight_button .insights-ico {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  background-image: url(../../img/insights-ico.svg);
  background-position: top 6px center;
  background-repeat: no-repeat;
  background-size: auto 60%;
  -webkit-transition: -webkit-transform .4s;
  -moz-transition: -moz-transform .4s;
  -ms-transition: -ms-transform .4s;
  transition: transform .4s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.insights_open .insight_button {
  display: none
}
.build_new_graph .insight_button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-color: #fff
}
.build_new_graph .insight_button::before {
  -webkit-animation: spin .7s infinite;
  animation: spin .7s infinite;
  opacity: 1;
  visibility: visible;
  border-left-color: #4ec2ec;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.build_new_graph .insight_button .insights-ico {
  -webkit-transform: scale(.7);
  -moz-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7)
}
.build_new_graph_pre_done .insight_button .insights-ico {
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  transform: scale(.5)
}
.build_new_graph_done .insight_button {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5)
}
.build_new_graph_done .insight_button::before {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  border-color: #5bb996;
  transition-timing-function: cubic-bezier(.2,.43,.91,-.57)
}
.build_new_graph_done .insight_button .insights-ico {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.build_new_graph_finish .insight_button {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.build_new_graph_finish .insight_button::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.build_new_graph_finish .insight_button .insights-ico {
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
  transition-timing-function: cubic-bezier(.68,-.55,.27,1.55)
}
.instant_sharing_ {
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  color: var(--FORMS-value);
  background-color: #f5f4f4;
  font-size: 12px;
  padding-right: 10px;
  padding-left: 30px;
  white-space: nowrap;
  cursor: pointer
}
.instant_sharing_:hover {
  background-color: #eaeaea
}
.instant_sharing_.linked_ {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-left-radius: var(--APP-radius);
  -webkit-border-bottom-left-radius: var(--APP-radius);
  -moz-border-radius-topleft: var(--APP-radius);
  -moz-border-radius-bottomleft: var(--APP-radius);
  border-top-left-radius: var(--APP-radius);
  border-bottom-left-radius: var(--APP-radius)
}
.instant_sharing_.linked_ + .button_ {
  margin: 0 0 0 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: var(--APP-radius);
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -moz-border-radius-topright: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  border-top-right-radius: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius)
}
.instant_sharing_ .ico_ {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  line-height: 16px;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.instant_sharing_ .ico_::before {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #cecece;
  border-left: 2px solid var(--APP-track-color);
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s,visibility .2s;
  -moz-transition: opacity .2s,visibility .2s;
  -ms-transition: opacity .2s,visibility .2s;
  transition: opacity .2s,visibility .2s
}
.instant_sharing_ .ico_ i {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
  line-height: 16px;
  width: 16px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0
}
.instant_sharing_ .ico_ i.done_ {
  opacity: 0;
  line-height: 19px;
  visibility: hidden;
  font-size: 16px;
  color: var(--APP-track-color)
}
.instant_sharing_ .text_ {
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  min-width: 35px
}
.instant_sharing_ .text_ u {
  display: inline-block
}
.instant_sharing_ .text_ u::first-letter {
  text-transform: uppercase!important
}
.instant_sharing_ .text_ .done_ {
  display: none
}
.button_ + .instant_sharing_ {
  margin-left: 10px
}
.instant_sharing_.loading_ {
  pointer-events: none
}
.instant_sharing_.loading_ .ico_::before {
  opacity: 1;
  visibility: visible;
  -webkit-animation: spin .5s infinite ease-in-out;
  animation: spin .5s infinite ease-in-out
}
.instant_sharing_.loading_ .ico_ i {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0)
}
.instant_sharing_.loading_.loading_ok_ .ico_ i,
.instant_sharing_.loading_.loading_ok_ .ico_::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.instant_sharing_.loading_.loading_ok_ .ico_ i.done_ {
  opacity: 1;
  visibility: visible
}
.instant_sharing_.loading_.loading_ok_ .text_ u {
  display: none
}
.instant_sharing_.loading_.loading_ok_ .text_ u.done_ {
  display: inline-block
}
.is_touch_true .scroll_container {
  -ms-touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none
}
.is_touch_true .scroller {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}
#HoursListView .entry.color_1,
#generalSearch .result .list .name .pill_.color_1,
.eventItem.color_1 {
  background-color: #f95a4e!important;
  border-color: #a8332a!important;
  color: #fff
}
.eventItem.color_1.not_stacked .time {
  background-color: #f95a4e;
  border-color: #dd4e43
}
.eventItem.color_1 .time .dragIcon {
  border-color: #a8332a!important
}
#HoursListView .entry.color_2,
#generalSearch .result .list .name .pill_.color_2,
.eventItem.color_2 {
  background-color: #fbcc4c!important;
  border-color: #b99229!important;
  color: #fff
}
.eventItem.color_2.not_stacked .time {
  background-color: #fbcc4c;
  border-color: #eac45d
}
.eventItem.color_2 .time .dragIcon {
  border-color: #b99229!important
}
#HoursListView .entry.color_3,
#generalSearch .result .list .name .pill_.color_3,
.eventItem.color_3 {
  background-color: #44ca99!important;
  border-color: #1f825e!important;
  color: #fff
}
.eventItem.color_3.not_stacked .time {
  background-color: #44ca99;
  border-color: #38bb8b
}
.eventItem.color_3 .time .dragIcon {
  border-color: #1f825e!important
}
#HoursListView .entry.color_4,
#generalSearch .result .list .name .pill_.color_4,
.eventItem.color_4 {
  background-color: #3cbcfb!important;
  border-color: #2277a2!important;
  color: #fff
}
.eventItem.color_4.not_stacked .time {
  background-color: #3cbcfb;
  border-color: #53a9d5
}
.eventItem.color_4 .time .dragIcon {
  border-color: #2277a2!important
}
#HoursListView .entry.color_5,
#generalSearch .result .list .name .pill_.color_5,
.eventItem.color_5 {
  background-color: #f99d4e!important;
  border-color: #a26633!important;
  color: #fff
}
.eventItem.color_5.not_stacked .time {
  background-color: #f99d4e;
  border-color: #dd8c48
}
.eventItem.color_5 .time .dragIcon {
  border-color: #a26633!important
}
#HoursListView .entry.color_6,
#generalSearch .result .list .name .pill_.color_6,
.eventItem.color_6 {
  background-color: #ec692b!important;
  border-color: #663219!important;
  color: #fff
}
.eventItem.color_6.not_stacked .time {
  background-color: #ec692b;
  border-color: #b05b32
}
.eventItem.color_6 .time .dragIcon {
  border-color: #663219!important
}
#HoursListView .entry.color_7,
#generalSearch .result .list .name .pill_.color_7,
.eventItem.color_7 {
  background-color: #1ba774!important;
  border-color: #18553f!important;
  color: #fff
}
.eventItem.color_7.not_stacked .time {
  background-color: #1ba774;
  border-color: #2e8a69
}
.eventItem.color_7 .time .dragIcon {
  border-color: #18553f!important
}
#HoursListView .entry.color_8,
#generalSearch .result .list .name .pill_.color_8,
.eventItem.color_8 {
  background-color: #1c98d4!important;
  border-color: #204c62!important;
  color: #fff
}
.eventItem.color_8.not_stacked .time {
  background-color: #1c98d4;
  border-color: #3a7c9d
}
.eventItem.color_8 .time .dragIcon {
  border-color: #204c62!important
}
#HoursListView .entry.color_9,
#generalSearch .result .list .name .pill_.color_9,
.eventItem.color_9 {
  background-color: #e460b0!important;
  border-color: #7b3861!important;
  color: #fff
}
.eventItem.color_9.not_stacked .time {
  background-color: #e460b0;
  border-color: #b75e95
}
.eventItem.color_9 .time .dragIcon {
  border-color: #7b3861!important
}
#HoursListView .entry.color_10,
#generalSearch .result .list .name .pill_.color_10,
.eventItem.color_10 {
  background-color: #d641d8!important;
  border-color: #5f1f60!important;
  color: #fff
}
.eventItem.color_10.not_stacked .time {
  background-color: #d641d8;
  border-color: #a83caa
}
.eventItem.color_10 .time .dragIcon {
  border-color: #5f1f60!important
}
#HoursListView .entry.color_11,
#generalSearch .result .list .name .pill_.color_11,
.eventItem.color_11 {
  background-color: #692be2!important;
  border-color: #341c64!important;
  color: #fff
}
.eventItem.color_11.not_stacked .time {
  background-color: #692be2;
  border-color: #5830a8
}
.eventItem.color_11 .time .dragIcon {
  border-color: #341c64!important
}
.eventItem.is_not_logged:not(.editedAnim):not(.not_stacked):not(:hover) {
  border-style: dotted!important;
  border-color: rgb(0 0 0 / 20%)!important
}
.eventItem.is_not_logged:hover {
  border-style: dotted!important
}
.eventItem.is_not_logged.color_1:not(.editedAnim),
.eventItem.is_not_logged.color_1:not(.editedAnim) .time {
  background-color: #ff8c83!important
}
.eventItem.is_not_logged.color_2:not(.editedAnim),
.eventItem.is_not_logged.color_2:not(.editedAnim) .time {
  background-color: #ffe08d!important
}
.eventItem.is_not_logged.color_3:not(.editedAnim),
.eventItem.is_not_logged.color_3:not(.editedAnim) .time {
  background-color: #74d0ae!important
}
.eventItem.is_not_logged.color_4:not(.editedAnim),
.eventItem.is_not_logged.color_4:not(.editedAnim) .time {
  background-color: #71d0ff!important
}
.eventItem.is_not_logged.color_5:not(.editedAnim),
.eventItem.is_not_logged.color_5:not(.editedAnim) .time {
  background-color: #ffbc82!important
}
.eventItem.is_not_logged.color_6:not(.editedAnim),
.eventItem.is_not_logged.color_6:not(.editedAnim) .time {
  background-color: #ec8959!important
}
.eventItem.is_not_logged.color_7:not(.editedAnim),
.eventItem.is_not_logged.color_7:not(.editedAnim) .time {
  background-color: #3ba77f!important
}
.eventItem.is_not_logged.color_8:not(.editedAnim),
.eventItem.is_not_logged.color_8:not(.editedAnim) .time {
  background-color: #49a5d2!important
}
.eventItem.is_not_logged.color_9:not(.editedAnim),
.eventItem.is_not_logged.color_9:not(.editedAnim) .time {
  background-color: #e083bb!important
}
.eventItem.is_not_logged.color_10:not(.editedAnim),
.eventItem.is_not_logged.color_10:not(.editedAnim) .time {
  background-color: #db70dc!important
}
.eventItem.is_not_logged.color_11:not(.editedAnim),
.eventItem.is_not_logged.color_11:not(.editedAnim) .time {
  background-color: #8657e0!important
}
#HoursListView .entry.color_dark-red,
#generalSearch .result .list .name .pill_.color_dark-red,
.eventItem.color_dark-red {
  background-color: #fa5779!important;
  border-color: #d34866!important;
  color: #fff
}
.eventItem.color_dark-red.not_stacked .time {
  background-color: #fa5779;
  border-color: #d34866
}
.eventItem.color_dark-red .time .dragIcon {
  border-color: #d34866!important
}
#HoursListView .entry.color_dark-orange,
#generalSearch .result .list .name .pill_.color_dark-orange,
.eventItem.color_dark-orange {
  background-color: #ff7512!important;
  border-color: #e0650d!important;
  color: #fff
}
.eventItem.color_dark-orange.not_stacked .time {
  background-color: #ff7512;
  border-color: #e0650d
}
.eventItem.color_dark-orange .time .dragIcon {
  border-color: #e0650d!important
}
#HoursListView .entry.color_light-orange,
#generalSearch .result .list .name .pill_.color_light-orange,
.eventItem.color_light-orange {
  background-color: #ffa800!important;
  border-color: #c08001!important;
  color: #fff
}
.eventItem.color_light-orange.not_stacked .time {
  background-color: #ffa800;
  border-color: #c08001
}
.eventItem.color_light-orange .time .dragIcon {
  border-color: #c08001!important
}
#HoursListView .entry.color_dark-brown,
#generalSearch .result .list .name .pill_.color_dark-brown,
.eventItem.color_dark-brown {
  background-color: #ffd100!important;
  border-color: #be7f00!important;
  color: #fff
}
.eventItem.color_dark-brown.not_stacked .time {
  background-color: #ffd100;
  border-color: #be7f00
}
.eventItem.color_dark-brown .time .dragIcon {
  border-color: #be7f00!important
}
#HoursListView .entry.color_light-green,
#generalSearch .result .list .name .pill_.color_light-green,
.eventItem.color_light-green {
  background-color: #ace50e!important;
  border-color: #8fbe0d!important;
  color: #fff
}
.eventItem.color_light-green.not_stacked .time {
  background-color: #ace50e;
  border-color: #8fbe0d
}
.eventItem.color_light-green .time .dragIcon {
  border-color: #8fbe0d!important
}
#HoursListView .entry.color_dark-green,
#generalSearch .result .list .name .pill_.color_dark-green,
.eventItem.color_dark-green {
  background-color: #15db7e!important;
  border-color: #10ac63!important;
  color: #fff
}
.eventItem.color_dark-green.not_stacked .time {
  background-color: #15db7e;
  border-color: #10ac63
}
.eventItem.color_dark-green .time .dragIcon {
  border-color: #10ac63!important
}
#HoursListView .entry.color_light-teal,
#generalSearch .result .list .name .pill_.color_light-teal,
.eventItem.color_light-teal {
  background-color: #00d4c7!important;
  border-color: #029b91!important;
  color: #fff
}
.eventItem.color_light-teal.not_stacked .time {
  background-color: #00d4c7;
  border-color: #029b91
}
.eventItem.color_light-teal .time .dragIcon {
  border-color: #029b91!important
}
#HoursListView .entry.color_dark-teal,
#generalSearch .result .list .name .pill_.color_dark-teal,
.eventItem.color_dark-teal {
  background-color: #48dafd!important;
  border-color: #39b0ce!important;
  color: #fff
}
.eventItem.color_dark-teal.not_stacked .time {
  background-color: #48dafd;
  border-color: #39b0ce
}
.eventItem.color_dark-teal .time .dragIcon {
  border-color: #39b0ce!important
}
#HoursListView .entry.color_dark-purple,
#generalSearch .result .list .name .pill_.color_dark-purple,
.eventItem.color_dark-purple {
  background-color: #6456f9!important;
  border-color: #4138aa!important;
  color: #fff
}
.eventItem.color_dark-purple.not_stacked .time {
  background-color: #6456f9;
  border-color: #4138aa
}
.eventItem.color_dark-purple .time .dragIcon {
  border-color: #4138aa!important
}
#HoursListView .entry.color_light-purple,
#generalSearch .result .list .name .pill_.color_light-purple,
.eventItem.color_light-purple {
  background-color: #9f46e4!important;
  border-color: #8037b8!important;
  color: #fff
}
.eventItem.color_light-purple.not_stacked .time {
  background-color: #9f46e4;
  border-color: #8037b8
}
.eventItem.color_light-purple .time .dragIcon {
  border-color: #8037b8!important
}
#HoursListView .entry.color_light-purple,
#generalSearch .result .list .name .pill_.color_light-purple,
.eventItem.color_light-purple {
  background-color: #9f46e4!important;
  border-color: #8037b8!important;
  color: #fff
}
.eventItem.color_light-purple.not_stacked .time {
  background-color: #9f46e4;
  border-color: #8037b8
}
.eventItem.color_light-purple .time .dragIcon {
  border-color: #8037b8!important
}
#HoursListView .entry.color_light-pink,
#generalSearch .result .list .name .pill_.color_light-pink,
.eventItem.color_light-pink {
  background-color: #ff78fe!important;
  border-color: #c958c9!important;
  color: #fff
}
.eventItem.color_light-pink.not_stacked .time {
  background-color: #ff78fe;
  border-color: #c958c9
}
.eventItem.color_light-pink .time .dragIcon {
  border-color: #c958c9!important
}
#HoursListView .entry.color_dark-pink,
#generalSearch .result .list .name .pill_.color_dark-pink,
.eventItem.color_dark-pink {
  background-color: #ff4ba6!important;
  border-color: #ce3883!important;
  color: #fff
}
.eventItem.color_dark-pink.not_stacked .time {
  background-color: #ff4ba6;
  border-color: #ce3883
}
.eventItem.color_dark-pink .time .dragIcon {
  border-color: #ce3883!important
}
#HoursListView .entry.color_light-red,
#generalSearch .result .list .name .pill_.color_light-red,
.eventItem.color_light-red {
  background-color: #fe93af!important;
  border-color: #c26981!important;
  color: #fff
}
.eventItem.color_light-red.not_stacked .time {
  background-color: #fe93af;
  border-color: #c26981
}
.eventItem.color_light-red .time .dragIcon {
  border-color: #c26981!important
}
#HoursListView .entry.color_light-warm-gray,
#generalSearch .result .list .name .pill_.color_light-warm-gray,
.eventItem.color_light-warm-gray {
  background-color: #5a7895!important;
  border-color: #3f586e!important;
  color: #fff
}
.eventItem.color_light-warm-gray.not_stacked .time {
  background-color: #5a7895;
  border-color: #3f586e
}
.eventItem.color_light-warm-gray .time .dragIcon {
  border-color: #3f586e!important
}
#HoursListView .entry.color_light-blue,
#generalSearch .result .list .name .pill_.color_light-blue,
.eventItem.color_light-blue {
  background-color: #0063fb!important;
  border-color: #0053cf!important;
  color: #fff
}
.eventItem.color_light-blue.not_stacked .time {
  background-color: #0063fb;
  border-color: #0053cf
}
.eventItem.color_light-blue .time .dragIcon {
  border-color: #0053cf!important
}
#HoursListView .entry.color_0179bf,
#generalSearch .result .list .name .pill_.color_0179bf,
.eventItem.color_0179bf {
  background-color: #0179bf!important;
  border-color: #006097!important;
  color: #fff
}
.eventItem.color_0179bf.not_stacked .time {
  background-color: #0179bf;
  border-color: #006097
}
.eventItem.color_0179bf .time .dragIcon {
  border-color: #006097!important
}
#HoursListView .entry.color_d19034,
#generalSearch .result .list .name .pill_.color_d19034,
.eventItem.color_d19034 {
  background-color: #d19034!important;
  border-color: #a87329!important;
  color: #fff
}
.eventItem.color_d19034.not_stacked .time {
  background-color: #d19034;
  border-color: #a87329
}
.eventItem.color_d19034 .time .dragIcon {
  border-color: #a87329!important
}
#HoursListView .entry.color_529739,
#generalSearch .result .list .name .pill_.color_529739,
.eventItem.color_529739 {
  background-color: #529739!important;
  border-color: #3b6e29!important;
  color: #fff
}
.eventItem.color_529739.not_stacked .time {
  background-color: #529739;
  border-color: #3b6e29
}
.eventItem.color_529739 .time .dragIcon {
  border-color: #3b6e29!important
}
#HoursListView .entry.color_af4632,
#generalSearch .result .list .name .pill_.color_af4632,
.eventItem.color_af4632 {
  background-color: #af4632!important;
  border-color: #8a3828!important;
  color: #fff
}
.eventItem.color_af4632.not_stacked .time {
  background-color: #af4632;
  border-color: #8a3828
}
.eventItem.color_af4632 .time .dragIcon {
  border-color: #8a3828!important
}
#HoursListView .entry.color_89609e,
#generalSearch .result .list .name .pill_.color_89609e,
.eventItem.color_89609e {
  background-color: #89609e!important;
  border-color: #5c3e6b!important;
  color: #fff
}
.eventItem.color_89609e.not_stacked .time {
  background-color: #89609e;
  border-color: #5c3e6b
}
.eventItem.color_89609e .time .dragIcon {
  border-color: #5c3e6b!important
}
#HoursListView .entry.color_cd5a91,
#generalSearch .result .list .name .pill_.color_cd5a91,
.eventItem.color_cd5a91 {
  background-color: #cd5a91!important;
  border-color: #9e416e!important;
  color: #fff
}
.eventItem.color_cd5a91.not_stacked .time {
  background-color: #cd5a91;
  border-color: #9e416e
}
.eventItem.color_cd5a91 .time .dragIcon {
  border-color: #9e416e!important
}
#HoursListView .entry.color_4abf6a,
#generalSearch .result .list .name .pill_.color_4abf6a,
.eventItem.color_4abf6a {
  background-color: #4abf6a!important;
  border-color: #318648!important;
  color: #fff
}
.eventItem.color_4abf6a.not_stacked .time {
  background-color: #4abf6a;
  border-color: #318648
}
.eventItem.color_4abf6a .time .dragIcon {
  border-color: #318648!important
}
#HoursListView .entry.color_04adcb,
#generalSearch .result .list .name .pill_.color_04adcb,
.eventItem.color_04adcb {
  background-color: #04adcb!important;
  border-color: #00798f!important;
  color: #fff
}
.eventItem.color_04adcb.not_stacked .time {
  background-color: #04adcb;
  border-color: #00798f
}
.eventItem.color_04adcb .time .dragIcon {
  border-color: #00798f!important
}
#HoursListView .entry.color_838c90,
#generalSearch .result .list .name .pill_.color_838c90,
.eventItem.color_838c90 {
  background-color: #838c90!important;
  border-color: #5d6366!important;
  color: #fff
}
.eventItem.color_838c90.not_stacked .time {
  background-color: #838c90;
  border-color: #5d6366
}
.eventItem.color_838c90 .time .dragIcon {
  border-color: #5d6366!important
}
.panel_scroll_area {
  position: absolute;
  width: 100%;
  height: 30px;
  z-index: 1000;
  left: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: transparent
}
.panel_scroll_area.left,
.panel_scroll_area.right {
  width: 30px;
  height: 100%
}
.panel_scroll_area.up {
  top: 0
}
.panel_scroll_area.bottom {
  bottom: 0
}
.panel_scroll_area.left {
  left: 0;
  right: auto
}
.panel_scroll_area.right {
  left: auto;
  right: 0
}
.panel_scroll_area.ui-droppable-active,
.panel_scroll_area.ui-droppable-hover {
  pointer-events: auto;
  visibility: visible;
  background-color: rgb(255 255 255 / 0%)
}
.group_total_ {
  display: inline-block;
  vertical-align: middle
}
.group_total_ .table_ {
  height: 30px;
  min-height: 30px
}
.group_total_ .table_ .cell_ {
  padding: 0 10px!important;
  text-align: left;
  box-sizing: border-box;
  position: relative;
  border-left: 1px solid #f5f7f7
}
.group_total_ .table_ .cell_:first-child {
  border-left: 0 none
}
.group_total_ label {
  font-size: 8px;
  color: var(--FORMS-label);
  font-weight: 400;
  margin-bottom: 5px;
  display: block;
  vertical-align: top;
  text-transform: uppercase
}
.group_total_ h2 {
  font-size: 18px;
  height: 18px;
  box-sizing: border-box;
  color: #282828;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  position: relative
}
.group_total_ h2.billed_num {
  color: var(--FORMS-label)
}
body:not(.app_moneyMode_on) .group_total_ .table_ .cell_ {
  border-left: 0 none!important
}
#intercom_link_floating_ {
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 50
}
#intercom_link_floating_ a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: var(--APP-focus-color);
  border: 1px solid #4d86c5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  display: inline-block;
  vertical-align: top
}
#intercom_link_floating_ a:hover {
  background-color: #4d86c5
}
#intercom_link_floating_ a.on::after {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--APP-error-color);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  display: inline-block
}
.no-schedule {
  background-color: #dedede!important
}
.no-schedule .day_pie_sw_ {
  visibility: visible
}
.no-schedule .day_time_ {
  color: #333!important
}
.day-off {
  background-color: #ecf0f4!important
}
.bad {
  background-color: #f7d1c7!important
}
.bad .day_pie_sw_ {
  visibility: visible
}
.bad .day_time_ {
  color: #fff!important
}
.bad-average {
  background-color: #ed6c6e!important
}
.bad-average .day_pie_sw_ {
  visibility: visible
}
.bad-average .day_time_ {
  color: #fff!important
}
.average {
  background-color: #f5b50d!important
}
.average .day_pie_sw_ {
  visibility: visible
}
.average .day_time_ {
  color: #fff!important
}
.average-good {
  background-color: #b7d685!important
}
.average-good .day_pie_sw_ {
  visibility: visible
}
.average-good .day_time_ {
  color: #fff!important
}
.good {
  background-color: #73bf8d!important
}
.good .day_pie_sw_ {
  visibility: visible
}
.good .day_time_ {
  color: #fff!important
}
.day-future {
  opacity: 0
}
.day-off.selected,
.day-off.worked,
.selected .day-off {
  opacity: 1
}
.tt-third-party-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center
}
.tt-third-party-icon.asana {
  background-image: url(../../img/login/asana-logo.png)
}
.tt-third-party-icon.trello {
  background-image: url(../../img/login/trello-logo.png)
}
.tt-third-party-icon.basecamp,
.tt-third-party-icon.basecamp2,
.tt-third-party-icon.basecamp3 {
  background-image: url(../../img/login/basecamp-logo.svg)
}
.loading_placeholder_style_ {
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: #f5f4f4;
  -webkit-animation: fadeinoutAnim 1s infinite;
  -moz-animation: fadeinoutAnim 1s infinite;
  -o-animation: fadeinoutAnim 1s infinite;
  animation: fadeinoutAnim 1s infinite;
  pointer-events: none
}
body.dark-theme-on {
  background-color: #2a313c;
  color: #fff
}
body.dark-theme-on a {
  color: #fff
}
body.dark-theme-on .loading_placeholder_style_ {
  background-color: #434d5d
}
body.dark-theme-on .insight_button {
  background-color: #21262c
}
body.dark-theme-on .insight_button:hover {
  background-color: #424a54
}
body.dark-theme-on .insight_button::before {
  border-color: #21262c
}
body.dark-theme-on.build_new_graph .insight_button {
  border-color: #21262c
}
body.dark-theme-on.build_new_graph .insight_button::before {
  border-left-color: #4ec2ec
}
body.dark-theme-on.build_new_graph_done .insight_button::before {
  border-color: #5bb996
}
body.dark-theme-on.Windows ::-webkit-scrollbar-track,
body.dark-theme-on.Windows::-webkit-scrollbar-track {
  background-color: transparent
}
body.dark-theme-on.Windows ::-webkit-scrollbar-thumb,
body.dark-theme-on.Windows::-webkit-scrollbar-thumb {
  background-color: #6b778a
}
body.dark-theme-on .loading_and_block::after {
  background-color: rgba(42,49,60,.9)
}
body.dark-theme-on .loading_and_block::before {
  border-color: #1f232b;
  border-left-color: #f54337
}
body.dark-theme-on select option {
  color: #000
}
body.dark-theme-on .group_total_ label {
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on .group_total_ h2 {
  color: #fff
}
body.dark-theme-on .group_total_ .table_ .cell_ {
  border-left-color: #242b35
}
body.dark-theme-on .group_total_ h2.billed_num {
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on #intercom_link_floating_ a {
  background-color: var(--APP-focus-color);
  border-color: #4d86c5;
  color: #fff
}
body.dark-theme-on #intercom_link_floating_ a:hover {
  background-color: #4d86c5
}
body.dark-theme-on .no-schedule {
  background-color: #dedede!important;
  color: #333!important
}
body.dark-theme-on .day-off {
  color: var(--DARK-FORMS-label)!important;
  background-color: #1d2229!important
}
body.dark-theme-on .bad {
  background-color: #653232!important;
  color: #fff!important
}
body.dark-theme-on .bad-average {
  background-color: #ed6c6e!important;
  color: #fff!important
}
body.dark-theme-on .average {
  background-color: #f5b50d!important;
  color: #fff!important
}
body.dark-theme-on .average-good {
  background-color: #b7d685!important;
  color: #fff!important
}
body.dark-theme-on .good {
  background-color: #73bf8d!important;
  color: #fff!important
}
body.dark-theme-on .eventItem.color_1.not_stacked .time {
  background-color: #f95a4e;
  border-color: #dd4e43
}
body.dark-theme-on .eventItem.color_2.not_stacked .time {
  background-color: #fbcc4c;
  border-color: #eac45d
}
body.dark-theme-on .eventItem.color_3.not_stacked .time {
  background-color: #44ca99;
  border-color: #38bb8b
}
body.dark-theme-on .eventItem.color_4.not_stacked .time {
  background-color: #3cbcfb;
  border-color: #53a9d5
}
body.dark-theme-on .eventItem.color_5.not_stacked .time {
  background-color: #f99d4e;
  border-color: #dd8c48
}
body.dark-theme-on .eventItem.color_6.not_stacked .time {
  background-color: #ec692b;
  border-color: #b05b32
}
body.dark-theme-on .eventItem.color_7.not_stacked .time {
  background-color: #1ba774;
  border-color: #2e8a69
}
body.dark-theme-on .eventItem.color_8.not_stacked .time {
  background-color: #1c98d4;
  border-color: #3a7c9d
}
body.dark-theme-on .eventItem.color_9.not_stacked .time {
  background-color: #e460b0;
  border-color: #b75e95
}
body.dark-theme-on .eventItem.color_10.not_stacked .time {
  background-color: #d641d8;
  border-color: #a83caa
}
body.dark-theme-on .eventItem.color_11.not_stacked .time {
  background-color: #692be2;
  border-color: #5830a8
}
body.dark-theme-on .instant_sharing_ {
  color: #fff;
  background-color: #434d5d
}
body.dark-theme-on .instant_sharing_:hover {
  background-color: #20242b
}
body.dark-theme-on .instant_sharing_ .ico_::before {
  border-color: #20242b;
  border-left-color: var(--APP-track-color)
}
body.dark-theme-on .instant_sharing_ .ico_ i.done_ {
  color: var(--APP-track-color)
}
.MSTEAMS.dark_mode_,
.MSTEAMS.dark_mode_ body {
  background-color: #201e1e;
  color: #fff
}
.MSTEAMS.dark_mode_ img[data-comp=blob]::after {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .loading_placeholder_style_ {
  background-color: #3c3838
}
.MSTEAMS.dark_mode_ .instant_sharing_ {
  color: #fff;
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .instant_sharing_:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .instant_sharing_ .ico_::before {
  border-color: #3c3c3c;
  border-left-color: var(--APP-track-color)
}
.MSTEAMS.dark_mode_ .instant_sharing_ .ico_ i.done_ {
  color: var(--APP-track-color)
}
.MSTEAMS.dark_mode_ .no-schedule {
  background-color: #dedede!important;
  color: #333!important
}
.MSTEAMS.dark_mode_ .day-off {
  color: var(--DARK-FORMS-label)!important;
  background-color: #404040!important
}
.MSTEAMS.dark_mode_ .bad {
  background-color: #653232!important;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .bad-average {
  background-color: #ed6c6e!important;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .average {
  background-color: #f5b50d!important;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .average-good {
  background-color: #b7d685!important;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .good {
  background-color: #73bf8d!important;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .eventItem.color_1.not_stacked .time {
  background-color: #f95a4e;
  border-color: #dd4e43
}
.MSTEAMS.dark_mode_ .eventItem.color_2.not_stacked .time {
  background-color: #fbcc4c;
  border-color: #eac45d
}
.MSTEAMS.dark_mode_ .eventItem.color_3.not_stacked .time {
  background-color: #44ca99;
  border-color: #38bb8b
}
.MSTEAMS.dark_mode_ .eventItem.color_4.not_stacked .time {
  background-color: #3cbcfb;
  border-color: #53a9d5
}
.MSTEAMS.dark_mode_ .eventItem.color_5.not_stacked .time {
  background-color: #f99d4e;
  border-color: #dd8c48
}
.MSTEAMS.dark_mode_ .eventItem.color_6.not_stacked .time {
  background-color: #ec692b;
  border-color: #b05b32
}
.MSTEAMS.dark_mode_ .eventItem.color_7.not_stacked .time {
  background-color: #1ba774;
  border-color: #2e8a69
}
.MSTEAMS.dark_mode_ .eventItem.color_8.not_stacked .time {
  background-color: #1c98d4;
  border-color: #3a7c9d
}
.MSTEAMS.dark_mode_ .eventItem.color_9.not_stacked .time {
  background-color: #e460b0;
  border-color: #b75e95
}
.MSTEAMS.dark_mode_ .eventItem.color_10.not_stacked .time {
  background-color: #d641d8;
  border-color: #a83caa
}
.MSTEAMS.dark_mode_ .eventItem.color_11.not_stacked .time {
  background-color: #692be2;
  border-color: #5830a8
}
.MSTEAMS.dark_mode_ a {
  color: #fff
}
.MSTEAMS.dark_mode_ .Windows ::-webkit-scrollbar-track,
.MSTEAMS.dark_mode_ .Windows::-webkit-scrollbar-track {
  background-color: transparent
}
.MSTEAMS.dark_mode_ .Windows ::-webkit-scrollbar-thumb,
.MSTEAMS.dark_mode_ .Windows::-webkit-scrollbar-thumb {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .insight_button {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .insight_button:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .insight_button::before {
  border-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .build_new_graph .insight_button {
  border-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .build_new_graph .insight_button::before {
  border-left-color: #4ec2ec
}
.MSTEAMS.dark_mode_ .build_new_graph_done .insight_button::before {
  border-color: #5bb996
}
.MSTEAMS.dark_mode_ .loading_and_block::after {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .loading_and_block::before {
  border-color: #2d2c2c;
  border-left-color: #f54337
}
.MSTEAMS.dark_mode_ select option {
  color: #000
}
.MSTEAMS.dark_mode_ .group_total_ label {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .group_total_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .group_total_ .table_ .cell_ {
  border-left-color: #242b35
}
.MSTEAMS.dark_mode_ .group_total_ h2.billed_num {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #intercom_link_floating_ a {
  background-color: var(--APP-focus-color);
  border-color: #4d86c5;
  color: #fff
}
.MSTEAMS.dark_mode_ #intercom_link_floating_ a:hover {
  background-color: #4d86c5
}
.MSTEAMS.deep_dark_mode_,
.MSTEAMS.deep_dark_mode_ body {
  background-color: #000;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ img[data-comp=blob]::after {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .loading_placeholder_style_ {
  background-color: #5d5d5d
}
.MSTEAMS.deep_dark_mode_ .instant_sharing_ {
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .instant_sharing_:hover {
  background-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .instant_sharing_ .ico_::before {
  border-color: #000;
  border-left-color: var(--APP-track-color)
}
.MSTEAMS.deep_dark_mode_ .instant_sharing_ .ico_ i.done_ {
  color: var(--APP-track-color)
}
.MSTEAMS.deep_dark_mode_ .no-schedule {
  background-color: #dedede!important;
  color: #333!important
}
.MSTEAMS.deep_dark_mode_ .day-off {
  color: var(--DARK-FORMS-label)!important;
  background-color: #404040!important
}
.MSTEAMS.deep_dark_mode_ .bad {
  background-color: #653232!important;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .bad-average {
  background-color: #ed6c6e!important;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .average {
  background-color: #f5b50d!important;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .average-good {
  background-color: #b7d685!important;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .good {
  background-color: #73bf8d!important;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_1.not_stacked .time {
  background-color: #f95a4e;
  border-color: #dd4e43
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_2.not_stacked .time {
  background-color: #fbcc4c;
  border-color: #eac45d
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_3.not_stacked .time {
  background-color: #44ca99;
  border-color: #38bb8b
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_4.not_stacked .time {
  background-color: #3cbcfb;
  border-color: #53a9d5
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_5.not_stacked .time {
  background-color: #f99d4e;
  border-color: #dd8c48
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_6.not_stacked .time {
  background-color: #ec692b;
  border-color: #b05b32
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_7.not_stacked .time {
  background-color: #1ba774;
  border-color: #2e8a69
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_8.not_stacked .time {
  background-color: #1c98d4;
  border-color: #3a7c9d
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_9.not_stacked .time {
  background-color: #e460b0;
  border-color: #b75e95
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_10.not_stacked .time {
  background-color: #d641d8;
  border-color: #a83caa
}
.MSTEAMS.deep_dark_mode_ .eventItem.color_11.not_stacked .time {
  background-color: #692be2;
  border-color: #5830a8
}
.MSTEAMS.deep_dark_mode_ a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .Windows ::-webkit-scrollbar-track,
.MSTEAMS.deep_dark_mode_ .Windows::-webkit-scrollbar-track {
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .Windows ::-webkit-scrollbar-thumb,
.MSTEAMS.deep_dark_mode_ .Windows::-webkit-scrollbar-thumb {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .insight_button {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .insight_button:hover {
  background-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .insight_button::before {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .build_new_graph .insight_button {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .build_new_graph .insight_button::before {
  border-left-color: #4ec2ec
}
.MSTEAMS.deep_dark_mode_ .build_new_graph_done .insight_button::before {
  border-color: #5bb996
}
.MSTEAMS.deep_dark_mode_ .loading_and_block::after {
  background-color: rgba(0,0,0,.86)
}
.MSTEAMS.deep_dark_mode_ .loading_and_block::before {
  border-color: #fff;
  border-left-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ select option {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .group_total_ label {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .group_total_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .group_total_ .table_ .cell_ {
  border-left-color: #242b35
}
.MSTEAMS.deep_dark_mode_ .group_total_ h2.billed_num {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #intercom_link_floating_ a {
  background-color: #ebeb01;
  border-color: #c4c404;
  color: #000
}
.MSTEAMS.deep_dark_mode_ #intercom_link_floating_ a:hover {
  background-color: #c4c404
}
@font-face {
  font-family: oswald;
  src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAGXsABMAAAAAulgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcaLqJQ0dERUYAAAHEAAAAIgAAACgBFgAkR1BPUwAAAegAAAREAAAMOJFImQFHU1VCAAAGLAAAACwAAAAwuP+4/k9TLzIAAAZYAAAATgAAAFaXLmQ/Y21hcAAABqgAAAGDAAAB2o8Yc9tjdnQgAAAILAAAAEQAAABEE6oV0WZwZ20AAAhwAAABsQAAAmVTtC+nZ2FzcAAACiQAAAAIAAAACAAAABBnbHlmAAAKLAAAUuAAAJko3mE2kGhlYWQAAF0MAAAAMwAAADYGgTmbaGhlYQAAXUAAAAAeAAAAJBBHB8BobXR4AABdYAAAAh8AAAOcRp1A5WxvY2EAAF+AAAABxgAAAdBgJ4kGbWF4cAAAYUgAAAAgAAAAIAIEAbluYW1lAABhaAAAAdIAAAROa6aUGHBvc3QAAGM8AAAB3gAAAs/CEN9/cHJlcAAAZRwAAADHAAABTaqXlnV3ZWJmAABl5AAAAAYAAAAGRjFT/wAAAAEAAAAAzD2izwAAAADMV+/EAAAAANAk9q942mNgZGBg4ANiCQYFIMnEwAiEz4CYBcxjYGCEYAAangE7AAB42u2W229UVRTGv3OctgwMnSKorcZLSSNSBUypKcXqU5nSAo3WXqRMDD6YmEh4MPwF3AqoL0TR4KUJKloULTq9pBop0AeVhqCJcUwrVjASM1Y7CINVZPs7e6apZcaKjZKYOF++c/ZZe5+91rf3PrOWHEnTdafulVsZWlmv3HUPb1iv6+XDLmPk9f+x7Tz2yOPrNc1rWfrkcnc13X1UjpttxxbrIa3TXrXrhM462U6+M9e5wylxlji1Tr3T7Kx1djkR57ATZdw49ibBuHHUOokkcHKVis2ISs15bTenlaugiWoWLDJDKjdfaqn5XhUmpo08b4Kb4Ra4FbbAVvr6oKsa06tGOIM5tjHHNmtpYK5G85naaEdMizpgJ+yC3TALawJrAmsCawJrAr0hxo/N6L3r42mIpyFFzVoNmA14DJn3eeuAbbUzR5iV6zQ7uDaZE8y8Ct+rYRgehIegg/ULrlWm37YHNZN4j1nN1ea46swvesuc09uwHR6AmSLMIZ4zjB6lN05vnN44vXF646xq2AzjcxifwzaS40QygDWGNYY1xgwhVr0NRmAH7IRdsBu6NrY15kMbaw/XYhVpnm7TfC3QQi3SYpWpXJVappCqtFzVqtEKPaAGbdQmbdYWbVWLdugJPamntEcv6xW9yll4TW3apzf0pvYrKtef552u7J9zLmouJ3SKPyKWOWZ+NV+Zj2lF0vp7OA/J1mjqfnZC/xnW/a+9DKZZvoP9k77zm67Qj/1Nt41kHPljkqmnU/AbvjVxzif38Ck8kmZlRc3Jixf4Ur2nlSlrhvXkLCfvX1+Gmm853xMtUbjHfOTdx2I1R4l8MPPeXOaq/TSFd46a8+aTS2cxp/hOUqctwzufp1nidqZoSk80ZY1NOLWnL3mnD+4z/UkPYyfP27tJ4z35pz2j5oL+//0nf+Nf8L/sJ0F2uxJ+RqfwzsjfHM+/kvlhCn7O/cOxubqdfFpEXp0HXLLqfLL2AuAjuy5UNhl2ETm6BLjk2sVUZ6XA1V3AT+4to8JbAgJk4XKqiKUgVxUgSE5epjyycpVmkZerNZvcXKM55OcVylctKNB9up92HRk7j5zdoBvUBG7UanCTmsHNWgNuURgUktVbiHYncPW0nuO6G7h6Xi8RQysI6l2Qr4i6mbMH5OkgKFQvyNMhUKg+ECTzR8n2LnqDYCZxekiuyK3Apd4o5prUn1TuafZZzVlWc7bVnKO7wTSr3E89Usm6ePpnUJcsJzJPea5WgSBq67DUg4DVPEeN4Bo9CK61yq+zmvOt5oKU5u0gXXOW1eynsnkdj21UMwG9AwJWf8DqD+g9fcDM3ioUWP0FOgxcHQEBuxZ+uxazNQCuxts9ts4aq7JK2PlSdrwM1eWorUBZVarWqrV7WGdrriZibyby8ITqaydRP6NdepbYdxP1C3qRyFvZpYg61KkuIu0htl4i61P0d2ecDO142mNgZGBg4GLQYdBjYHJx8wlh4MtJLMljkGBgAYoz/P8PJBAsIAAAnsoHa3jaY2BklmWcwMDKwMJqzDqTgYFRDkIzX2dIYxJiYGBiYGVmAIMFDAz5DgwM3gxQkJdaXsLgwMD7m4kt7V8aAwOnI5MmUHgySA4AudELXwAAeNpjYGBgZoBgGQZGBhC4AuQxgvksDDuAtBaDApDFBWTxMtQx/GcMZqxgOsZ0R4FLQURBSkFOQUlBX8FKIV5hjaKS6p/fTP//g03hBepawBgEVcugIKAgoSADVmsJV8sIVMv4/+v/x/8P/S/47/P3/99XD44/OPRg/4N9D3Y/WP9g2YOmB2b3D956wfoE6jYiASMbA1wDIxOQYEJXAPQyCysbOwcnFzcPLx+/gKCQsIiomLiEpJS0jKycvIKikrKKqpq6hqaWto6unr6BoZGxiamZuYWllbWNrZ29g6OTs4urm7uHp5e3j6+ff0BgUHBIaFh4RGRUdExsXHxCIkNbe2f35BnzFi9asmzp8pWrV61Zu37dho2bt27ZtmP7nt179zEUpaRm3q1YWJD9uCyLoWMWQzEDQ3o52HU5NQwrdjUm54HYubUMSU2t0w8dvnrt1u3rN3YyHDzC8Oj+g6fPGCpv3mFo6Wnu7eqfMLFv6jSGKXPmzmY4eqwQqKkKiAHtZ4eQAAAABQAHAADAAQMAsgC8AMUA0gDkAQAAgAEAAQIA4gDjAOQA9gD9AP4BAAEBAOAA1wD0AKoA6AC0ALcAmgCfAHwARAUReNpdUbtOW0EQ3Q0PA4HE2CA52hSzmZDGe6EFCcTVjWJkO4XlCGk3cpGLcQEfQIFEDdqvGaChpEibBiEXSHxCPiESM2uIojQ7O7NzzpkzS8qRqnfpa89T5ySQwt0GzTb9Tki1swD3pOvrjYy0gwdabGb0ynX7/gsGm9GUO2oA5T1vKQ8ZTTuBWrSn/tH8Cob7/B/zOxi0NNP01DoJ6SEE5ptxS4PvGc26yw/6gtXhYjAwpJim4i4/plL+tzTnasuwtZHRvIMzEfnJNEBTa20Emv7UIdXzcRRLkMumsTaYmLL+JBPBhcl0VVO1zPjawV2ys+hggyrNgQfYw1Z5DB4ODyYU0rckyiwNEfZiq8QIEZMcCjnl3Mn+pED5SBLGvElKO+OGtQbGkdfAoDZPs/88m01tbx3C+FkcwXe/GUs6+MiG2hgRYjtiKYAJREJGVfmGGs+9LAbkUvvPQJSA5fGPf50ItO7YRDyXtXUOMVYIen7b3PLLirtWuc6LQndvqmqo0inN+17OvscDnh4Lw0FjwZvP+/5Kgfo8LK40aA4EQ3o3ev+iteqIq7wXPrIn07+xWgAAAAABAAH//wAPeNrFvQl8W9WVP37ve3raJetptSzZ1mJLtmVL9pNlR45jK4uz7zvZSCAJkFCWECAthShQtgKF0gUKdKGltFMY+p7stB06FNFtpi10umZKO50u081toR06ZUsi/8+590le4oQwv/l8/gRb0pOsd++5557zPeslAllEiLBX2kREYiJpjZLMYMlkiLykaEbpPwZLogBPiSbiZQkvl0zG6KnBEsXrWTkqt0bl6CIhUmmhD1YulTa9+cQiwwsEvpIUCKEFE2Hfu5yU4FpKo9bxkkEgKaqaMyo5oRoUTbSPqxJ7GDWKxJwaM/mJ3ZBSTZkxI3umWWiKaAYqu1VjvrsH70mjYrxAyQShJH0/PprIm0W855DULRzT71mAe8KtVEN2TDQQC3ylUWH3FU+MCfwegksz0dSU+2gmQXZr1JDPk+4eD9wF7zRESaFIRfxtIpVu+r1Ktz4/A9yGhEgzHeHzKwXqQ9lstmSB+5asDic8HxNEYnGkRg2ecGNLIKsJ4vgo9QcbWgLKmMnI3pLcTc34lgneMtvsdfAWVSNIH00wKooWAgqFXJrFltKs8NTq0hwwUqd9XHN5FWU04HSYU1o9vFOf0QJwNUpTal/D08O7X/MTX8r69PCOV0/iE5W4RimxeGAw7LfEfpvxN3z/qC1khSf1rlF7vQOeBFyjdQEnfMDNfnvYbz/+xs8E2Wfgrxrwr0bD1b9txOujTdV3m/G6WHBRg4Qzc3tg5uHGpub0jP/UQgMQPOuJ57L98AOUZz++uAl+xKgnLnrgjcK2bdeG3//kekrWl/HXxivDdz2+bYJsK2+79rlQWSiWy2WhcJr9wH+ni0LxdFEslGFpgCOOThQNBVORxEkH6SFHCbA2cGSbebwktllTowXRYEmVjMgx1gxVFcafIUVr8Y2rYUVtcWkBmiqJzUlFUcb8jGNKkiMFr1S/S+sCmlsVzQ2rYFG0LKxPCwGGbchr7i54NOeJ1maV3aMW4mhpCQAbe3r7srmsL2DwSIkMlQNN1Oc1mnzxXEJItrqbqdyapq1eeIwZaV+uFz5z9NXvFNvpYGiCWC72Fq++93tq8Xv/5aDE+qhvgmy9jNJiYcdeWijO6fVKF33zj1e807K58mDhn9fVnf72/q1vfOz4TzxXX11HG/+rUPnZCrOQemHJDz/14L4s/dulb77c+NHVh3q9RCKrCTEdk14mHtJEYqSXDJMvk1IP7tzmWDarDZjGVVdGC4rj6lBGa4NXjRlNMo1rkagCPFtgPOt1jatelxYCGthc46PNthCwZ8w/rtpcWhwu5uBiNBeHixG4GMloUXjIubRBeK/TNa7N5+w79Of/WYtcK8L3Nmghr+wu1bmkfD6vDeaAkMm2nm4gJNFcA/Aq3pkbhFdaYxu8sBFvSKfxkJBVmkSf1ynE0kK/twleyq54zEKzFN9UmoQz3lvdtum+PavfvXFOMLX53q/cu7lj3Nowp/22226lX6Khn1V+92L7pnu/et+m9o7N901912A+8OSty3o2v+vejZd+/o6Vq+546tLe7XvytJ1G3/x36eU33fTPB564ddmyW584cNlTd65cdSe8v+0ifD8CvFmceNlQNrlJmswlS8kxUuoEmqvNWU0B9rQiny42j1N1GSNwBpjMFDkha4PwJOPSFgLhHPDU4dLqQUYE4WmToi2HqwuBB48LVk+n0g8EUR3yqDfR3otPg24t3ApSTlM6gT3b8+pi+TgxOZryBU45V2tazAGLKn4gkGiiQ0J/1CuY/Fk5ljYlnTQeS7R6/VmlP5kW4KXH20QDQxT4NB4zFilxbk13fk/99M865+1e0k2Ju8Fio2TX/BUbg13pSJc3bVXo8NduKn2XksFF79p/g2M4be3MFWKxxsKFiwfmD9Mibfp146N7Hl489p9ffHjxfVfduKq7Umw7snDnuypvXrSr8rIk25ptHeYeuvbC//jCxsuLX/StG2ka+Jz42PwH9yxee/LagcVXw56nqA/oENMHMa4NdFVAVcMUPaBJoGG4vB+qSnnC/r44AcLEVACZkSVqKKM1AOdbMppZhMVoYYsBO15rBVK7gdSaGEWSWhqApITzn5T1xZzAgH6v0edtAokWSxuLojs2f9e925Vl7fUmUTTVty9T1t68fWF7g1UUi+/60H/d8+mdw+Xh3fe/Z2P3Zwqf69l4y327h8qp7Xs/fuxbt/BxFWBchI1rEVFJRqMwLndG8+jjMp3QmtzjagMo6yYUbSZiSaluhQ20yQQDDTbjQN2oU8Mw0EBOGYLlTvSCpEmL8ZzSBKN1SoVZR8gGXzjb+A7o4+fjPCDeIW42FomTEE9/QMyK/QEpYLLRZP+BeX8PlxtfnVeZePLBO+988Emp/9H30M7Kj97z6MWvbKO+yp+2/Q3nSUGGi2ViI5twnqopy6YqKSVCcWLECjIbRCA8paIFltWeUa0nVEEZs/iJFzS8QSlZrPi2xQSftFrwqRWogSoUlzyHQhh0DAjeAuoMWG72UObjXwkQYyUlMP45kwiGqnUZ1XZCJYpmcI/jj2pwjTk5pHBmNBdqZxuQ1oooAvCK1+Q0xJNKXw6+ShTM9W0Luwsjcym576K+5ctSDcXBRXgvQss4W8ar+priD7KqRmzAuQ5iq/GqnIv6YJfwgVKOtSjyefsUpDU5YAPjVcBY7Id/BQIp+BuET+w7UElyvDbMv0MVswDz4FHITvkGVXRpFGYo+NgXoage/O8/H6qJavjmHhqlwjClp8sm8gbDgrsnXhZ/CfLNCXMbICUbDsxr5lhQa0TRFmffXwffX+fS/PD9ZhhoCzz664BfbToik3vdWcXtk71CPIb6EYV2kALP4ibb/ctf/uJXv/3Z/S/soURuXz2nbA62L969uD1oFmBSr9FQ5Tevnib/XfnFe//00eEDu/tpQSR9m7YMtLQMbNnUV6WjgJjOBHK4ZEREhyBhjBKj6Ejx1QAAaTyhSfbxklFCbjIiNyF0lIyw5CIbZq6vn1H3ueHyBJGK5ZEb3oAH+P4lQN5/BTq0kG36OsVgnYJIBSeQwxnEb3T6kJNbM6qP8ZgXaBJTUKXa4C5heBVXtARqV9CJahD2cQyhBs2rTpnt5qwMMo+JYqfQSKM5pBmKccFEo/IS+py5z90pN9qtF+/sX93uniA/+cNPf9c4nMtUCgKIbqFoWxEaaV2UW9J68EN9uw8OFwqnqP/vP99w33s2LzxdnmB0Wg3r+V2YRze5nZTSOA8zDN+cxuGbKey0GE4pYB4fk13pGJBOto6PNqVjZphYD0NWoKEEmEqjgiAcNqPqVbQUXGhVSo4Ufo1DBroqqNoAkpdibek8iiyXGaaaymtNaXhsy6sBWfOCHkOaR0G+cjEWl5U+Pn/RF61qMaMJIRbwTWI1JaZA29K9S9sCpuvvvPvwxssVfDpBfv/iT393x5Ebb0GC0HJhcNPWXCyW27pp8KHHKbnmnqPH2IvCf7z6958/+LXWjt+ppyp//Dvj7w1gCwRNIIiIg2wkJQtyjoCcY7VZBAfaIJrVMs4MEGdGtZxQ7QoyuCoqJTOTSWYjEM1iZpIKGaoObR7BhsaIg00PbB4Z5BQ3uDaAqCh885sTzAKiz9NGQ/3JZ16p9NLnXwF+hWs7YH3+A/g4R+4hpWxtfbLsVvD9pSiuT4t1fCwZzkZhfZLieCmcxLfDEeS+vowaOaE1+0EEtSpKqTmCbzXHQY00uzQCIwdhHHFpLYD14IIblqkL9ms/KsIWgGDmcDLL0FkY16srryZltRWnEWVaUBky9ubgX1oCuGDCSUXFPh2pifGYsANWyNda6Izn2yM+p8kgWFzhtrmti/YGfirWn/6e6/IPbrl1c3+gfmjvowf+8rxA2rIr1vRE5GB3+9KeC3p6/LbUvCXd3WF566AIRKqsLuR23PHgzmuefvLwCHXgel0F9Pkr8G+M5MllpNRIdEvAVNuJJrYTQb2MefobTUAhplsHmJSKw/xdihp3aZ3AuDaFGV+A/ucigo0Dt5o8jYxb+wGOqvV51SOrMlvE3iERmTGKzBmkOGUGQEGYiSjMlCEhN0jTpnjMdFVDYe9H9/3kDxNkwzvKy79w+Uc2JZRL1et2fPiSJREAVO2rr4C9K0oWpy/c0h1+9yKhIBSu+PITRxb//efFYqU4QYor7i0dvun7j+8cuvyBz8cKB3b34WZOJJcmB6Nd9fXWIvJJFxDjTeATI+kkJQm5FgW+RlAimzKqdEIzyCClmaAzgILVzLraBO0Tp13CC5WnX6VLjakf3/DGDcYUt7MKQFvEsgGSAureR0o+pG4TEBXNYm0OCIWeNh8YvlqPtUZSpKARMW2nA+xYbiigMeV2qXa83AeX+zKa3THOqWxEtNWQz6t98nFfY1OyzYKo1u7W6hgEa2uC990E3u+RtToRHue4Nbsxzw2v/jSdJhVcsAACrYqPtABy08NUCywHWASFHfs3r//RD3/ww3Wb9+340Z/+/GOUH+1MfhhdbasPrWl3NdsjC7PKwojtE5+kE5/5zvz5X7n3P//n7z+/75n5C57/NHDgX6hMycCGC/riLX0XrB8o7NuhKNv3iWTwgs3p9Jatg0z7Al/yfVvjywhSzoB6ku0/A+5cDxIxB0S0dEU8QERLjS9Vp6JRoFleUalLMwJrZhStwc4pZgSsV7J4IowvuyzAl6a8mpNVJ9uVCOWD1Ah8KOSqRpPM9mKCeJtMgPNlThcfbE1gyJVj0xhS51VAN1WGfNdinUVpuVgEoDKdHS86Xea8Kr42yY+gfXUm5bSACxQsdubLSXFEZB1HMCRZx2f4j4zsgTmKcJdFZQo/Re4g4ghHKOg4R/dLwfc6iRv9Uk5EOvxbAddpLvxyD2N9UqcomhG+XuYPZkU1usZEjvPEjOYFsooSUNKJSr8fdE5cx3oiKv+RucVJuAcEGFxUQ3wiHw3ijYJQNpRh/8UJ23HkxJjkICa8gYKbTZPQrhCq8IfKFiqDmq4UKBgAMDXQx5XnKs9OkOrcJgAvc/9XT80ywNmJU2iGUNLM/GH6syrlcFvDT4E7UchEuUznA8KEwRPASmyc0eo4YYBjRjZUNk4jYhCBEQLHSIH8ZQQUiDDn02FKKgWd/iB4DBRsgnoSJrtIKYg83gDE92U0A4AhnwFZ3UdQCzXWZAOIhKAthWozzGStGnZpHvTXAQptQlhUD2Qy+JC5fWB+aSYbBwX6NhdMsCJDhlwv6BtfEFRp8fcv/ux33/nCBBneeeVId/nyjZQYioWf/fb3L/6o8qctwDeFROHivXesKB87erKosw6OfaJovM7YQgbJavJpAttOy4noElFtWW3YPK62KOoisBJN42oqo4lI8zVsCt0w6G4X45h58HSFos5zMUdHo6JF4AKoUkR0wGXaWvwMIrtVeXW+fFxscKVyAyjcIshoakIu2frncCyUg0/159Vh3MXqIveY0UsS6BRRG+RSYxOYeMySJ9EIkZmSSSRxh4PsY1ookIvKYLZnFdzaiBV9TOb1B4zxCKFe3PMIoUzeIv0wPUCvobd0br135+57W/KHDjywxN216MDCBctEgMaRpsO9h7/+3mPfvGFo4OZfPXrjE7t+8ZnK6sphoXh4RDJlvLEGb53VKAoioYepWrmgcsu+J25evmiweFXpylV33bp77rLho6f/NdHZQq0f/Nmn1m977D/vePLkl3f1fz1Lv0zf9Wwb/UDW7PMkgtnQ3HpYAxfwj4thdCtZMd1SGTOaCQWZaETK2xjlTegscWkG3KtAXTs8GsACHhWo2cIQCjUzSw1gM1gtUTEqeqKiizLhM0F2V8q7UXihHcP5WWQ6DnkYbSUXcHEL2UNKLuRiGUCUwICVOD4WrHcB8kNfGcPyMBQZhhJUVNml+WDlwwo6bTSTc5wtvU/mBqNWj08ceTUow0u1BeU0s9UYVOAglsSTWaXPlUjRXDYiI4oCEfvur39gzfs++IlPVF56qVx8/KGHHge5W2hoWTZ45fJFJtJ74KnDn/18e+6Fr7xUean8Ebr6I4Agc+v6Wr0WlCNgnxnaQe/0AZLl/r4W0DotPbgVW1KgdUw6nqdqP5tLEzqZXFo7TKRO0TrhFWzNOTCPdtS8ph7kz0ALk4013NMkBAD65BD0OVG9MH07j0arCGh3eOSKJ6++8Qvv6Jco7ECjqzmztHvoAiVktkWymw6tz4TMlPS848vvufrJK0bCwjE68c7yP1xVWH7fV4562vK5FWtzXb624QP7lp8uFi69ZHGqc9GBvQsKhbt+8OjGwtX/UK7KHgesm4VEwHZhOF2zVlctgksVZdPT/exufU/GqgZzxB+kLiEK5EdhkgPam1LAK/fQ4O//VBm/657hbXMiDoFKVncomV3UcYeJ/K7yu9OFyouV35cD8/oPr1jT4BAKPQNr0vlIXLZxH5Nud9vAOuQ2Iah0jsMMwEcSZ2kmwO1scBYYHPo1mNvDYgNMLijcwaF7NWCgvqj+UxSAbWmhUqZgjJdPo1dc921U72thkZIa9pt5T+ss9wQkqN/QNuOGtdvxm53S74X8tRv4K0tuJKUU3osZjc3ofMebugHPJNvSIrdEqNo7VfCj16od7O3Wdrx5axIm3OpSbQgLYZ20HJrCIP5LYjPaiGqrrHbmVSuaiQAE0U6El26Z7XGP7IrW+NDAhB7woSHLGREEYpyJSHG3YL3xS4cGGB/aGpUN+dUH8/VmT2v/hr7Crv6IDQAFKRdWHL/h+KFFDcLT9JvC/Svue+6ou7VvePvW/mj+HbdsOV0uXHJw9XBUWfOuI6sKXzl1c/kHi488/d0a7Q18zau+FpPua5GyY6KVUV+cXHEbEEJQ0IEOqhZBD0i1ybWu/UOhVUZlVYHvPg1i6g1Y4VOov++Gm97NfDvRKWt9dr/Q3QBxmeuG+4WYT8SJNgJ3KYncUmKOMCNjjpLRUnOGuNjX9OQQPsN34e7esHPQS0lk0wOHy+65F26UCm+W3/Xxw9kaLYqMFt0zaGHITicAm7JGmafVkq/FAi0guEU2eZB4laP0uUq5Ui5yCpwunCyLgDxOl6fxvFSbi6jvNaoaq7QoiYzLAcumMDxYJbKPkRfIUq59l4TfZSfv1WkKNMDoH9tGgiELo3ew77TD6G2KamfRRoCRTKY4ue/sOff/XMCCc9a0QbWVnZoYfENShfLTQy/zNwyqOS2plrJmCL6hCaJZFcukJJpt6XSajgmiwWKtRtAoH2mIIi+AeQYkuahSoRehm6DMYqSPSTveINJtb74Lf6q0J0wGLNVpb5xC+8mtb3Fpoi4L0Qll4WAP9CyzI6prYuZrkkX0jbcvIzd+odJnIiefNGx8gxg+e3IrqfoDDYMgDzykGf2BdYRrFxZ+4/5AHv9E35cXoB9loU+MbGpBwEZanbHqDwRjJeIOUq5ChFavP9IHYjkRMfp29x567nZq/EPu0HO33f7coV5KLqHOS/ZX/rofbOX33vODh1dXflT5zenr7vrxxzes/9iPV33sk5/8mGh95KGHHpnEqZw2frJAX2GmJ/wgIa1mgtrdins0UCMT4FKgFPp/DTDaeuRWvxVIZOC8GpG9xhQNUmZYAuhC1QE0+v2L5cKWKze1hldcfxEwVIX87Lenygbi7d+/Zvf1Kxs5vQijV5C0kk26Rd1YpVfczKJydUi2BBsLGH1qg0tr1smWhMdmQMUlj8+IEtIql+x1LoYhG30wPHt+KildgDGyPh0szkrRf2+8tvsd/96Typ+LrJXDt3TkfvDgTtPZaIt7x0F85D1VrQebhxPYBwR22pHAiKudSGM/mxdGuZwKBrpQM0uYOeBSLUwReID6Gc3iGccwLW6sr7n/fIBvLBfuK1gY1VwmsJmohpuH7RfN54TpS/rqGGB5TLBv4rhCDF6BPKFNNHboChqpVCrlwifgPxj2f1Yqn/hJ26kiClcDuZ0qt+NeWg887YE1aidX6VZNTb05zeOjlqCI3s8OZjsB+JN9zPsJaDDKnUh+ZmJqKZiZjNsplISlispjosUbTDCoammW3WMef7ixDUG+Uy6ZiZzXfRpZxRDwB6REMk3RxvEGKE4nHsNoclZBbkvSNF3/6nd+SmmTaAC9ZpCvv2bHXpwi+dsLr0zUUeJ5qdxc6O2qlLdehhHkH3/N11qQY+/6wCU7Htg/Qf6t8stv/CcNv1qoFMv5Pet6WigZ+TGhE2AbiUcZHh/Qfebch2RB9+ZUf7lkRLEqiRhmn+Y6h50s5hiCkKlYrICsMoZ/85s3fmMMI10PTbxkOMTyLPKkFGCcYuYyW60DIRWeGphwIvGA4xsxBAPCSfMHdEER1fEm10gi6PhDoOOacnveuyfXZKKkaek1pT+WrlnaJBQNxZPFDVcdXakoK49etQFf3fC1z145NHTlZ7+G47ED79phPGYyj8AKwHwJV9xUtbCxoA+GulCbMoFpRValiIrNuOOImYUJ0OsSEsHisFPyzIJFz4CBXEQZfaqAtr1YfoPpGECIRhvcy01tpOTGuTtk2CV4QyRnFnWMZ+pN8WagLNHSZDkgt76eYZtASjtBcWh1IVAucvnp8rOvjrDrjrQm15nVOlA8ZjO8Zyw/Pbzz1Ql4zwb0HDWIkif1dPlT+hWja9RkNHuA8K5RZ50D3hre/urf2Fuya9Ql13lSJfiTyHsj740bYWvlS3ANH+CvplyEP4UH8gXRYDI761x6Dggt2ESDZDSZHXBNnp4cQmFiQEG7W0/MAcox4tnEqA202PxhNNKG58Nv5J5iocBpWa4ApXCX8keEQwLIV0SllAArGQIMdyRIyarrPraUIsMdHG0QK/pfmGbzINKw0LgN8EaA6q4lANaDIBtgPw0B4igI5VOfPrVdROzxKOyN07A3TjNeWUxKphqviDN5xcR5BQjM9KxBZxujiTtVNMKfwD5haAd4WKwNgE+1KBZPcq8Ni3vDfW9iuquKc0yiHm0TOahnyF0z6ZEjUea5VTkEwT4wyYaEQgXhE8ZDpWK5/GaxXI2HF00FuGGGqKaMJtmYd0mwVb1LfKMz/CSZmGWib/BAzR5hXrmCqVh8o1icGnMTYdQAvVi8kZOJ1uKOQKZRmLE5hUGjatixvPONzNSwoyfqiYIwY1Dnjcn4fW286A3j45X08QrMP1ASmLNfwCC5oTZeMAbQIGDOH4EUisZi8XU+XhEEv5EwXxiGQcTsGDWgHwwdY8xBzuAQUyse9CnYaKHqhjx2VGRJSehLqMZcCSnDr6Yp2Lr6hIV+JR1NR30i4b44qajTK0a410M0YGRYp9WYMDVODDSJ497AnIYi170bJ14Wr5XcgCRy5DAphZEr49UAiI/CE7tpvGT3IU3sbj0YBDrLrWgJDM8qasKlpTmQDepBnwROOJ5X03LJ6MPYhxrEzAKwv8LwRmNetcujpD6YqabliP19/TxZxGT0RYcoOulkbyCedBpYZgkgJAofkZ3SxuHFj2281G3pW74gbwBzTPj22OgL0YmYN9jdvTR18EMwt1C2wSMKruWdQ7EGGtr54PY9Le0mw449B7evtfm/9NOfHz9d/tcj5bbO+fGGf/rSxyNNQUmgF9nSjdkMpj6Sa4Eex40ToF+6yIXVPL5qyALpWzIjUVIIr9KMG0MwayGsKJiVh4EKGVBHBh7jIZAVZtA4qiyrDph9k54DZk7pMh8NCeYKkRopd68nfTk/x4MJTL2Ima6lpKVlZHnX/P0L0gG7IHeNXLN89ZGBi3e29wct1OAKdccObDZOnL45Eev1ZRa8e+/nLtshb3zkk9etWD54+A9tg1desayvtG3h8u7mLN8DvTC/nIS2925S6qrikuYuFtFLWPTpeWDNPSz+6HHgmoMFngUg6WZAEixw1aFobcyOYQZ3KzpZzV2o0DyASjRCUUK6e/uHDOhaRPNaBOvaZPQGWLyP+Xlwwmkx2SsInuy6O3d+WzWieR3MrewN2akgCPZQb2usp6HOQInYecEH9u28c73iEYQtGzr2P/LwxUM/PRFr6V66NNm18YKBoS/f2L9hVUdDotDf0Rzd9/DheUN7H374kmquwSfgm8MkTfaRkqe2nujScrHMTJxwO65nJqNSnivTxP3JdQmFZfFp3ZgqQxl2Vz2ALxFHaC0euODNq+0ymzA6Ger0aRuZfwvtxBxmRwHc6uNT515UwbSbCmZPY3dhW39qxaL2KEqDgSOrNx0diRlOCRSnvvPizQcSvQ1Aiug12xccPHzBhr5IoCcRF256gx4eXL77MW3/z7UFhb07lTaxNdu6ZEWW7ecLYb57YH0VMkzeQUrtVdZtYu6SppbqCg+Yx8eycrsZzJYsyr9CRs1wCyvLsgt6YZHjilbnwCA8Oqe1Xky6Mze1436ukzVHEmmQlXG5ezjsZMvdZGhEJ54PUKeP+VKE/lzWx6ggJhO5vtZsDjmb0UD09W64fdv6Gzf0h20VQgWDuyETaesNWmnF8qVnd965DhecUlqh1mBvIpmDN4QPd3Tsffj+XfnUlgMP3H9hU8ER9vld7rYVI71NzUNDmb7sCz8oXPLoowdjUcuhVdmVK9s61qzMcd6fAwQ6YiyD3QRWUz3DpkAK1ZPViDiu+hSM+LAAWkNGrce8IUygBUlXCtQj8QI+C0LzUn0AX9UjXA2hfK+jVaspl+Xe9ICP4e5GymP0c4r21uHLlg3ttg45Cx1lUEmGQrln3dWXDbfav0It69bsLp8sGwpM/Fsrx8Rvw/qtIheRK8krhMvgg9J4KYRPYmDdjWTUpVltk3Fc7cpo+3C8V2VU+QTGvS72s/W72KWuRjuIODE0r62Gh4td2n70nPnHR3e27wfVOQwfbVa0q7n2fP3F8iWoPZ3qbpd6YVnrC7+h5suj/X15AHHwexKvkbH8hbv7+jlIm/Kc4bKLkR3EOuCQ/fLxdPfIBt9mNE7a3VowwUKNm2T3KDF2D2N6ZmwEXsjpi/fji9BBlr4CqlaPyA4Z+xPwG5RBEw309Q8IYIUC21Dm8wZ2SmIiXZMYaDLwNIG0sR8xfR93xmaok3pckWoww3pwU+9Ks9XvaLJFhOJG7YYlBxZGVt4tGi2CZEt19rncoXXaTccEl8WsbF2315O/YOdgsmf94eKy7sFLF2+b2xf6tT/VNdQ51xZKzWlv9b7ww2T/EC04YwvSmQVR59f2vq/DmW+XE81tgfa6pPjgH2793o1t85R7LN8X6lzJY/23fffddVLQFbQ1tMhmSTT72uZszS++YmnGSw02OZzo3+UK2M0g9IwOb9R3sD4YPiDeU/krdfXvvCCbvWAn599rgUGuBV3vqfqGwSDmOsmEvOFCGeZlOsnDXYQeFwtxoAngY4+6g8bkmqqBBKZvozJqYJMMGie/9OjS9WDjRftXbwMYe11vf8+RLSefEcsLhlacstVsdlo0lnmdQNWLSGvB03OFZLPTQ7ISOUmkMo+qCRMnAEJ/GL7XTlykl5QkyjKwMVFedWQ0J36znFENJ1ADmRgAQeufaIJV34QmUKDMrANzN4mWXke8Ee70xIc2dsJN3mn6kOFPb77xwU/Lxr/Uct2QrscZ9l8+3edYAt2TmtXtyu4tMR+kZsbEHAP6oDTDLN5IkdEUUV/lV7R5gqAz8lSSvliZf+pZ4eATFY7Rr4Nf170Nn+x1U3yyMH7pWqbTL9dxY30CPY8U7ULK2ETrBsERVaq+9CyfS9bFvEEI5BLcr1avu9ATSdToUj6v1QeBsDaYWzfCF09epXLNtxf1YUA1wDap0QsCH7kox/ccNbEXgxRfMRLc+YUdm+uG778ykk00ehxGA8A3WziQXJ2KAEa3N3h2XSSR939q3dYNmx3u1uaBxPKODot0aqf4uGSLtmT8zY0Np/zio0Z7ONzld687JU/uCZi7b9qeoNP2BHcX+ficfZN7IjB1T9Ape8I3bU/gVKbsisRAdH6kSSLvrW2LhfNCgSDbGALZCfp3J4zHRlJkEbckeW4j5ZiDqp01L7Cd58Wj+74LHu2MeaxAcxNCR4Ol6tXsiyAeNkYACjdJypCEkSYp5pR8O0v0kVKpsrcE/GWwukPtfe0ht9VAp78o0+Kv//rXX1fY79bWQqwr4HIFumKF1lZanP6a7+1rK0XxOMwhBDtwH9eUDEPUN1UVH6ewBefUaYI55WZFwm5Awn1VJGypz7PAixORcD1HwrSz6v1AmhumIOFkkHIgnGRpYU4JkXBz/dzUwpapUPjmm7ZeikhYoEabv7mnuS7U6GlyRAwVNNCi9YrXk1lwA2Jiz8ZHHr1uxa0Vh3C4d/DKdyz7h67+7QOL28IGi8ll8gp6vg3M+xEJ/ar9oH1L3io69jbjvL0umLcDt5Mly5mrA6c+h/tYPQwao7PXHgXQWAekyMMLF0s/8KJsaMYwvpzXHB01uFANhKJ1KXOI1M9RYtqIk4YdFRZ2uDpGDq1IrRhJxlBi5d+5evk1I11yhdpCucS+7YaIo8nTGKqL9EQCViMVCl/bct/de+YGlNYWsKnp3+YuX3Hdo4+4F+7bk+sV6wUvzNdiaGxbnr+wNyNQeeXimgwRcM3rYO6T0rxkxHnaDDBPVy0lF3CRjCLXhgLBggJhct+AJAggxDX6cMskP7RdTCxZshY29hMrrzZUfhvevebUJ9j9RmCfjMD9OsleUupgsRegtIy3C+Mu6cqoTpbw2mxnSYVGIGYSnvoVtDa1ZicmQ8IOUY3ycdEsh6MdCDSSbi0QQ2KHRdl9nFCnP5DkVmY/sFNfrjdZrWQAqpsQh6JzVMJUQyB4YqQ8csO8hYUJkhoYbP7+5zfctn2uXHaGM4UkXIWhzRto+v7nP/YsLRRgz18wt9yYXb6j77GncruvXVpI9BfiC+cNdpdjwxv2Dzz21D9zuvZNvCxcB/rMh5hTxnna0ZCkzEfIcKdJmZazDsLKy7BnNcjqrSasq06l5GWBNS9iz0A1Z13muaCsAMOH00jKfaDxyuWOQnhg99ADdwoAN9HHUD7tW7XU+j37Q4+Iui/1ZfGQRIDfl/CcBW4ZGU36AB1ZBoUnHarA3hjZR+ZGwSUiA6Ar2uhirI3ZPlE2DjDpufGDBvwhSnqSvrakv11CBk7El/av79y4/xnDwlO2NsUarGsxiH8/Sd4bbcoGPNfDuGDjiRsl9Km06T5kQnU/mYk7gORx7lohRt0T5smGaJZGva+WPvlq5deVikRODYvPneRrAN9neEnC2Nz7ScnOfMY29Jsig4sGY3YyNkfrxvVsOcBItajc8P7XFjD/qJh2qkJZsza+Iam28tPlR1+zseuWtGazmlVr2alJTfCeoSySkiBhLI5+QRANksVqm3Rfsuw7zWzn4h0HDv+LcRuNe//rfbf98Y67f/P6n+9476swhV7x+VND4ldPEvHQqffxuQALieskjJUkdH1nzZZEyvyVmE7Mc4VxZTTJzrQ0zbEbUB/6nmRcgdeeeOJvE8wD9eBnhWKDsL8SoOOnH2o4XaQvVTw6zSpltgYeEiec/KYsQ2AiA5mIJ4H8zpr32h3oa6D9UYDdKcpivV5KPmT35Ra60Ssa+e6XGlZuTztgTt9adjt85LJ9b5bvurbszc7r4/fDXHiTdIaPkp63j3IJcHiR58KVxWK5fIr7KAu6z28O3EFtz2htsOPkjObC78xn1PQJ9GFEWC5OKcIy1iPtsNVcijYATBDBhIEQcLjchnUHaZ58rQwZEywx0ocy2sUsErBFsLoHMyb70qZCfaLBazOB7Zo6+JlbkgPtYZdZKF+4h5qc4bahtveULmqjYO5aHJ6GmAijdEYjc9uWJdfU3fKZg6my1RWLzetPV7Zta//G/aJxzpwLewqRQHn5Q9++3wGC3dviClhMzJ9ZpFjDKJJGUvX3iazSRX/Q8WJAzsrFctFMXp+sF0KaDIKVWc0KbMxoTUiTeRnVfkL1KFo/KzQo2fuZ5w+9oY2KNgQ06QfENGaVW1p5TncjMnOsP68XDplYKndffwKzYbB2CCsZkTZyzGlAiAjqvRDubgn7nBZJ3HNhmRrMDm842d38j89upKLR7gkl6kMdIY/FUD+475FC2RIIpCJzE0uTbQbh/f/Stpl+rqUr19zi9VqM5Y3P/qNrVduy9nw06pwgNm9ja5cSqndc++T92xWY51GxU5xvWEfcZAtBF74RY6R2Fmsyw3yMLlVEK9mFniARL7tYniELoYy5eWanm8F9LCDC0jBM2TO7Eabpu5dlFILBkfWyZLp4zHf0mssGnurJPnT1we59u9q7xcLhj24euf6jnamFk/mmRp6TuVHXtIzLpxtNiAnhZ1QwYRE05WOhmclS5THCS5pg+XhFNN8XWDablVnGaaFYxjTGk0WJV/UI5NhEUbxZKpIk7IY1hPE/yLw27vNpY6FHzZRWlLGIXgItA5aLuDB0jdnEWEro4PuiDeVLey8LSaodvMoF/bi5rA8WvLUXVBBY4VGvXy9jTRv60FaXnRJcOSZnVr170+rSJydIpLc+KpsFgK//+NnVW29a2VVXEe3elmAg7nUYqCB4v7X3oXsuHDYfOuT94/fpvsP1pz5mb+9c2tslNZmf/aPn0NWmga13f3jb4Jb8YMIq7rEl5/Vuyx701k+tYXKDpDymy5QWkCl1GPcIwpoH63DNg15LaswgkTpHSo1kMeEJ2J6qSYwHoN3agvhDKbUILPstBhhQaJkSIMBSYOCKMQ9fjlZFawP6eDHZrQ59hERXUD25fjnO/EMSc4nGuZUExqEeCSkWjZ7owNprln36I0LZXN/XEe0OuiTKbORycViYXy5vuOm+S/cOJ743tjq3ckNnXFk7lKq8DxOrYG0vo+PiA1IAdHkMq5mZUzMqjauBjNYo8Yoq8cRYiI8yxLIBxlxcSGBdVQjxEpVM5vog4qhmedTqD7Asepf7uM3udHt9fLcH8HNuD/HV45tR2D0ic30el4xmm8Opgy0Qj/3J/kBfJNAfMMGSmwKmpDGSNLm9fqUPbarLNg8Pb962eQ+179m8bUuhsAWeV/5nz+Yb931h377tO4SFm3ffcSu8xT625aJb3rOXP6evl6+/rnwdX99uWN/vgs3sx8iFc0o8bcwlO4kDgbrmktBLPeb1sQsAubwSQi6Wp+FkYQwHi7SXHE5WZ4QJdEal5HSwig+A/FiKVI+FR85q9M1XxRyYXIMuPh938+Hywk83NTz/bWqovPiRMrr64NeHwOBfK6on/+3xY59FvfvZY48zWbBr4hXaLr3MZEGMc+hUv4mf+U1M/vFa0Ax3dlbe9Z3vfMcpHD59t3i7cO3pu6o5NH8RMaduLllGDpFSfxVRs2oyZncuxwlrxA/WCZYKJxV1kNcFLFC0XhA3TRl4ZwXMdBBmWqJWTCZg6NoSbOlgFcO9bq2Z5XK2ALd8kVB/U3NvYek0fJ0AgI0qsH8WmO3Hf8ALTCWgU9zj9TdTVmSaNO5m0DveOEEGV/VfvCXVOw+g9oZbd0wB4I8GPj8n+rFlm77/+fW3bR/8S6Jh925vpmG+sJvORzzes15+pGXxdSuveDAZbB1clUFcft2SGi6/wHn5O0fWfW373OLWx57q232t8KnYgGu4a0N9uru+h+aZT8vIloL96iPVDDyNWBkQ53kMNSldxcQG3YKfLDfIct8W/G8k3MU1wUN7iydekUrS7YDhoiD7nyIlB6zSmN9GFsOeXJUZW8ielRauQt5buAx4rzsz1mYjS+BiN+tK0J2Ci00ZlFf1GOPbNENVxWBXz+V7fK5LWwqLm1LGlvMLHYq6nDl5qspsM4x8bgyY2ZdXl8pjjqY2wypc5uVu1Y/+noWg5y3uYIzocTp3S1Yx+N0+rwCoviUh9Hvd/kifm/t7jEIArdmIrAs2yev3OinofcSCWb7g0mKVDv3rh6l4/FKt8tV/+XDl9PFLn7z5r7T7rzevvP3r13zkv4vj9pbCFato8ItGd3tzoLXBbTNS/E+yyvUt/njaYxy9576B7fNS9Q5R+Odv08VfvuIrldc+/K3K0/CEmu9/uDLxwAOUPHLt9x7Y+sAEuXnLu29Ymak82T5QiFrrg6nYQOuClkLnvJQSbXS2jAylXY8809i1euU1u9geunziVeFx8UJAU23kLlIKIbr2Z8eijNiAQMdcfC2sLlY4zCJj7WwFmjiJm3h90piDv3RkxuzVN1DKgtzBXhF4we8aC/BnIKA79AYRmiuEuysa4nViVlkjrJqxH7AmC5ECvIgzZ5vgA2nD6u770dyC94wm4+W5oyu21NtWbisJ7yuuOZAPaI0HCxuu+FprrGWw7sLGgS8uunhxY4PJsOuuB257tGvndZtPv3ZlbtEVxWRXZ/Mz2WBGxycFkdegAHN6clSWaJCyB7mA9SW8yoQSoVAUML2iMlEpw86pPWdxdqwbFYpEwjp5ji+rFdoGC8+tNJzQS2dKBrFazKSnV3ow8TZXxJKfMkD6an4yLQtnrYemqWrpilQrXYEv4AXRhmn7rgt29uen77zOzFjaRtpgLJ3MAOjsgE0WU7DCrMU2PnW79c+y3br4q7SidrmwQnUswS8kpu01TIbv0veaIo86mlIG3GoJd8nf1sEi5LLaDmuf7sRNR4JultTVJ6uJ89l6VIaN5zV54iLPVgM5nKJvudmo+6/UeeMHP3t0fXTnovyCJeexoU5/Snyg8vLDiyrb6LHKUfqrJXtWrOLrc4N0VOgyBmB92nB9xqiN9IEdwh+mrpJ12irdQEvS0Qcf1GMKBrdYBB1mAcS+Qu/IIoO6Nmc0hzReBeY2vm9sLjR1xySOYRCY19lk96hoMgsMqcgONIGJnhAXQSQaSdTwR/F5eunzz1cefL7MAYf0gdILL5RGv/td6qkCDBbjEMoixjjqap51XkGFHnUJuz8o1XJIJwBDyVDNdNHdZVOqq6zVZ6MO1tfIyWfhzIDdXpUXZu5YQ6sWS68mmxEU9R4201oSgB2HZZ5SGSz0S9meiNpY6meDDeyZBmbPBHAoLRk1gK60quyJsh41oK/GwvxCjPeC8AdYCE61yGokr4bRQwvCSLe3Xbya3JPzDEnAdgaw5gDD9uml5FFfoWxq90TrHFQ0O/0Rv9Ms0vKtr966YustDRRGCSLBkgv2JnINPn+Lx2ex+Dwtft87b7/9nUsePvD+eJHvcdzhYBsp5G6i9mQ0M0zE3FOtUkaz3Q0zDGe0BLwRTrD65DjOMMuIHVfQUOITQi8Oem98yliaX2tTMKbNknFGZXdrD0+aVFN5Ne3WEt0oeGVMxkujl1rr6MwzErQx35K3ycCiigkwaPtmzJ4X4RhjCTC3Juc+Z+my/hmkuOSCbfvhQSxOpcCSfHHO0pkk2X6RaNy145233zZrfg85e34P4tEiC6tJRVqsFJmPT2Q+Ph/uKPRoq3VZzSiNl7zGqidx0tk3M1Ayxd+H3kbN6NX9fIGZfj5q8s1w87W88+LT0unpHr7h5fQUjMkF08F1doAVynPtJOa7wvkYWBHhqMWAm8TKlw40b7WBhwvbc+Ez1CFgBPPqSMLdXtweB+3B/sUSrhPP0RdLd33jsW8bxv7hU28S8fJTHxQvf5L7QISv0oL41Ul9Yh0/e3MMD2+OAX+i1/7B32MSIfzXTFbqGetOEXWFJtp4vrrzxJjMNYHMYLa++5iRLaP32iEiz2FeKsAttU4vClc4jk5LSbSlsQReStFC3TLvorV1jY2dDZ1SMTOyTfHH83PWz09vqhSFUNLZEHB7bHVCuehoSC9oT8xtC7ssgj5OATjBiPm47URPv9Vl5lt1rIjLhc9uLQAWKG54x6kiSyWEKV888YoYMRwDwuewCwrr3eEzsVQEA4ZDWHaY5gTbxenSIugucfKksIhzWueOPp7kZWQQhuWJmHrnURYv5KGPiz/5zNjnPjf2zCd/LJjc4XTEE633OC1GAxUki90bjPtCHWGvFQzkh+jw937y629Wnvvmr3/yRiq7pL3dbZTrIt4uf7+/+SWDuakxF+rwhxwWV6CzdbizlZyJc3iRqi9I2QPvJVfmvwu0gDY4hfUuVsiUF7ANRyYmjJtYrrMNbNAgaAiWAazZvHrXN9WaHfMHzBawPF1ZzW/jySR+lkziRMHVMPt6qBIPMmPI2cZENW5Dq4+VoWG5YD1YtHwf1CklL0vO87p5PsoZLVg0q0V30wf8vJjQIpdEKchzxfWl9mCoOkezLJIQl5NZeQQX/0e8cQsdpBufLBbLxaLUpnPDmz9h4ecJppqKExz1wW5aQIjxgE6TDHmBVOmA/jezLZvVumYX4d3nSwmdDGoMgXacEyGeUe3ZsRh/0aXoVBpr4xfSitZzVrq05jVfjFWFEa3LzukTlmEEbdhczJJASGEw6SbQJLFo69kU4QKk2191un3pXFpxBi3F89CRBvSTG79jQh3ZR+aTRTSkd/ToGwae60Va57Jj8xdke4Hn5ma1+UDteUppwXwk6IK8JTXWY8b3tJ5punXMLbOroF+1RK8rUs5o4RkLNHJeOnY0m3aaYTSwXGmeRNavaDkfa+lWgFcLlbFh/tkBpTRcwK8fngeMu3i2BXKia1lO5TGTlKloLdcLK7QAlmrBfHgyBxs6qIvy/4+K23IG7y85P1UOJglf5kXV7SGeOn/lfuomVkcsTN9BKJvWTpwU/VIP67p3qd6PxGMeL3kaWUZmEPuuZLSIpdYoSZbHUctgOWCzotn8mOqB2wX9Vg1+3jkJq0hUU16zAa1KDr0lSbMH0/cseb09WX8uKwOBvJNGewRgqG+tLzineaUv+RP75uz86FUdA432n31Rq3ySmn5Ot7Vvnr+pc0Mg+WLlb3X7Fu3bm7kpXliWCT7974Ytv/gF93uwGm3z60wmOKte78kqbftklXbdbFXaGFRnYR9zXjXIXxCoxWqzO3i5tl0vKtbLtW0Uu0POKNnGdgvYeaBWt21+vVI8aRZnjM0629jM5zE2rCD/AlaQ2+zo/8TQlGP2UnIb9UTpGeXkhSJvWjpZVE5fZ+ht+vicYL9unzm+usnxuWcbn2ca7b6ItLM761xsmDyth9bpmK5GQswSt1F5JhXLGFIuTq1/Nx3BYeLgOTUnx/tRGG8DaSQPzRxvqDpejCGy1jremqPVqZfx1mOqiY2lmphR8jRlVPOJsQYOphpcvNsh7zrEpttQm67qQqXAYRerd8P0iy8KktFGvaEw55gQS0GfMt0zQzgza/736CGday5jIZ0lU0lwN4Z3rv14Z2rhm//DaWDQaXBE53c3ufmsHI+ADPC4xYothJiBa2aJZqMmmxnE6JRJcnMXk5FHDe46M19dtHrZfqZGO0/Lxd4PbndJkBxsf5+5P7BYBFgRHmbuEdwhBUqmLK6+sMCNCHv1eVnmw0fqYFYN5IGZ83LV5lWXYXCnIaPZEA+HpvKmxZZC9IKr6WK5xhhfkhW0gvGaA5bTxucXxlAKdiikRphdvTwmWG3OOta8Eisq9KQtdx6EHHZTtTvMTE9XN5wLBT1IeHgqcMM/Nm3Sd/3xrrv+iBVDxUVHFi06Upv5C3+4++4/3H1yWCTC6SOLRq4bIcLEzXp9L858N88iUEl2enG+02XH+TtZzby9VjPvYSFVeTKjw35mqb6XxfAkNpvunjidLNnHbligm24STglfrdbun4bfz1Lza7Uafi44hPv1WMDpCb1/w2byad7BYWyxDV1Ytc4N6qaMNoArs2VqA4cRAE1L+SosndHOYXRVZztYZPO48p6XGVvFzZmtsEQjTcCCof7NyIJL5eOBeM/AIhOu0jy32pJXV8mamyWL9wzA50aWrkJkFVgMK+aMd6Q4sjq/nhB0Vuvo7XWKoHvPaky97SYSp64/h/Ul8PpykN024Jo1b9XNwfVW3Rzkaqm1PT+jqwMqvSmdHU7v5iU+Om+gtqvl7NbGs+T/YjwzxwHabco4Krt1xaYPhKuLaeNwY4eRc4/D81bj8Op0Kdkd7nw+f+aYUJtNI4+uyWYMrGrbi/r4jjA6ecjBc48Qs4PBuHNYsTNUNf/67MNVid7DrI4X0iOA8PD87Jkjr4aSZqwsnUbRyfiSMPE89nUAuorM2i8ZMCIqVfurG05Uw1SayYAqQxQ4tVhDbUx11WES8svrd1R7dd4Nv1ZOfueUzORaFIx9J2YclQySqbYCMuAdejdQuoZuquuP42TfaQTM1aFXQprZd9pYt1qr3prHylrzGKgRNTcMlC8lNmzqrYGRybWrjlnUv/8IG7ONjEyhBFbombOsdZhFYYndnCyjoskwqW+x+7yZXbDVOmsghao/vUxZFtjNazfmzxnNYnqvAAdpQ/xu071DvOISuwFRYjOAfZbM6v5xtVVhkSQ7S/xz2rF1VMnJ1IQzaUmV7M5aEo5zsh9qRy0Fy5/XEwF5R5p2KtNpPWnQsontAtXHGtNUbsby2Om9aW647z5x44Oit9agRtx4+vJZetScfvLBKf0QAOdZSJh88IxuEao/w9NqmK/D5caMKpfqQL5vgMsNLLreYJ3s6oUbJoz9EtDnZ2c+P73NBIbojfZxTLBAVIftvSxWFoEHoD3qcPkbUNN4ztF5QjwT4dWaUTw6HdpN7U0xBdoBJ7EeFcCzHhJgfZa5zy9U7boQNdd6QOt9ahr1dgvoWa8nvFKsUR6r8xkDfs7PZ/SrQP4Wz9Gz4incoU+ds2+FaaRSfPOOaQ0Wpo69ecrYp3fYaJmtw0ar3mFjrM4YicaRzlZZjb1lrw10Q5+938ZTvIj2LbpuCFfoJtC08TeQBPqx66oZ6cZadkOymoGOyS0RffyYihPSaR+Rj9f5/PUNRjYN5hCbZRoh1KU24VyLoIueK865DtI3qmJp2mpU5/JRmEuCKORefS4d1blgmUYkwzcJ6/LYELYwoyeAe4e14WLVZy3eWtyDpUUnXWoCbR8dV3sz1TBkkrUlZS2swviBRr6NMBQSToBxVBcwRto7Mt1nY8kz9865OPSe6dspeW4avThpOx2e3hPEoNPpiL7fkpjTcsaOQ2XbktV81nEmQNuq22/UW4/F4YFpG3E0aW2Ei5jO1ZJBmiG+1QLYP6YhCsC1RWZ9ZDCFPBSZvZ8MWk1TZ4/yZZY9WtuhNE3J2bhjBmcAu+s9IGmBxRxtpEBQHVrYeSUY5JAUvRIJG5qbeeDDqFcgodijJsTYIitGsjKPDqZg9Qcw98pUAJat/o9h8doLvr/2GgZND7LcsRSVeJWs1lqldDNQ2g8jybDalcCJUXuAOFOsl6iVpkbtVie8wizCtgw7h6SL+fLURAPV/IH0t9DvnP4WBamNz62W9LfQ0zfvV3/5HGsVEXCNmgN46IjfNWrz4/EhPvyN1+vx+miY/W6sfibOPpPC3yX4wGRhohrOY225OV/yYZudPFagp/Lo4/ii2earDzfGU9UeEvSMK6x6sQ2LNYyeKYuvsPw1nQGSpmR/gnoDlNU3eJgpIvcmGQdcsaZjZ/onyASXrklt6/oFJXG6tnfdHfuv7Fl9+yWNVS4Ifrz+qaOV6zkj1H8y/MRNdMt7lxlebXzokZPfDyEzHF3I9SvrcwIyLwQye+FsnU4is3U6iVaz8sMY3BzzBxrxMJmz9TxBfXOWvidlVDXnbH5i/BvD8v/7cWLkC0YYbsQRYo1809nGiXbFWcZJObw850ila3S7Y3KsMaz0O3Os8dnG2jKNpseRppEYG7JbbT7bkLkeOduoy7oOOY9hc1Ap6mM/wugcR5tk5uix9U0kqzVaeZ1fS3Uqo2HMN2BlNJOTGo3L6KZnzUYz2MGaqfrmsN6xQItHsGLLf9ZuOdU0t3NwD33LRZk0XcAmYL1RYG3MxI424fTuKI636I7i1LujjAoWqx2riQ2iXrR4ZqsUBCfT2qVU3a+TTVOkOVXsIZClMK5Psb5uvmp/Ue7ssjmYBWgzj4+JPt6izzLZmso9rgk2hTWnQrvd5NAj6D6HXO3hCf8Ut88lADwXqzk7S0+N/eSHL710i9D18PuP3rPKRCq3VF56s/J6pVL5oDByi/rYHbyPycugEtxgO12nj4g3HK0eoQAwYawh6AITA4EEVVNsTB1Asw7eBswkj5eaWZuT5iArdlCbXaofEQY2IUW80NzBmx34ZdaGtMHFfNmgJPXBT2+YHc3xnhXxnN7LjPdSLH7jy7/41eVXvueBNytvrtk3x3vs6Jy1nR5HbFFvz/yoQ1r+b2/89dcfeXZeyy8/U3mt8toPWjddtfmej/+o78KDhcGNyxPxxWvnvKkh77MeJcbXSStYoHnyzqldSjrP1qVkoNqlpIN3KelgyVnVLiXYA7sDlWY8kceErONGX2OyrZ2fhcNalXROa1WSPb9WJRzAn3+7EmZy976tliXGdZXiyd/P7FsylUa5mTRqe0sazdrJZe60Ti5Iob7+fPW0oDn5/4t2LrgX32ZLl15eNf72GruI/1OLp0zSqZMMkpum0ilzNjrNq9Kpi9Opy4U10lU6YU1MF2YVxRPJTqRPjhGrjbk2GbHakViZacTqOz9i6WrE83Z4Stct9rfFVobv10I5M5mrSrOPAs3mgDx8eirN5s5OM1XJsK3ZqbCEyjRc6XSp7ax3P1zuY81I+hJI3GVV4uYZcUcTecz8mcOtlzzvi80pPZoJzoe30nrCZWYsw20ZPNtq/hzZjVSPtyso/9NcXxPNHsaGE/WNC85zA88SDHobtPdMN382vL0l+G3NHDr5wxlrYNDX4IguA+fhSQpvKQWx/+NAVksCJJgLkGBohkhEgxFb6U6XjeoAXp4HjD2M/UISXAAMyKM+e2eOO/VHjeFGftyaLw4ytDGbPy/aMutpkpj4+jwE5HTxOEbJebDyLGwMIkDHGjotTUjLLpCWI4ASptByzllo2ZXBnAk1l9HaMW6yuErMPqBUXRpUfZ9rLKnb3Bl4weSCWVEYUcdSnFWXwLW+pOwuxdu6MFoyJBcsRruvvbM7N2c+EjflHjWFGwcZcau8y5ql5HrwmLuOVOL8GNmth76qca+3o5UO87gYi4nNeVssLO1kkTM6yKJmb14yU02BLNkz8bK0QcKzFjaRS8m/kNJ89BwuzWqKaVxdpZQUlqmizLOkSl5MS2zI4kKoFyolO4sU22VLamxz23yvAx5YOj5VL2NrISvaCn4UywqXto7zM54htFlRUy5tB1B+YB6sRqNrXB1StAPwegVKiaV5dZ2seVflkfilwMI1uC475FKyYT4LoSqYabIwr7bJGlkHb212g2WcRzmO0tyLjqRq8gRvFqEvRoAviddpNmE3JJbiJuUGaS7KOpOwdl+oC/sT8Jxm+VFFrOZ/T3P3+lXXblvYt1yZ64Hl+c7ohXfWJ45t1f6pLtjRMdS3amBzoyCyXkn1iXrZbADO/vw3frkh0rfmkmGmMDduSRrmrFrXQSeubetMuoYWhNqxoJLS0Pwr1ixMtQXqnthzcGDj0Jd+unbpwk2/LicLmdagx2o2SGLK2di6dvVIrlmu74oPt8REg/Cbl7+RnjfYBEr14vd9oK6xdy291OhozLavuSzQnO9a2ZE0AU7uOz3B+or1kHXkM/zEwrH5POY4S0cxdW1Gy+E2Ws+gadA9rgZZgtDYQr6FFvKCCYfCvFs2ZXRpsoWrBQw/zslgmBLDjxtgGQtBbGarrMOFWygfdzd1moeZpGpxo7NS68zB+4WFSzHs6IHVLDW1JnjyW+KMBmVn9CebPeTYJ4qzdS0zGGbvWkZbzx5z7Nqw8Yx+Zu9+c5Z2Zqf+6ezBRravxD2Aa1IkA7jmclJKVL1lIZbEFYpWO3/1g3XQLSew81e3bVxHN8zz282i8ZgrF+Gdv2K84tdLeNv0Hvm4OZToSiPSU+vcmqOFG4iJ6Y2/Znb9Yqi41vVrjyhOb/uls/L0tl8DiIwHp/b9WrBx44y+X61rVs5o+iVFK8XTd0zp+jWVLnOALpeegy5ZoEsnp0vndLp0Mrp0nUGXLi+ADqBIfmCQUUQuOVrm5s+PJjV6IAY+P5pUppBjkLs9zocotL1GEEGp4eBJumCnuEPnoAvvFJeY2imOzOwUN0mX+Tq/lDq7FNyQvYxn0t09nGeAQpnzo1AV+r5dxtHhr+Ht8o74aBUBT+MgxAucVkf0vVUgN5z37kKH6bys1mVFnUPV+VO3WifirAwPuEzbc+o8fKcAuGIBnv6SAcUfMif6dT/eWzEWoqwazfDVeW+4qdvtnyk5X6pNpxiwWM2nU2Y9wmbEo+n5xqOraXvG1zGkhV3CqjU5BeOMeDQ933h0sRqPZk3HqvHosv6d0+LR9O3EoyeT46Qjk4EfPmZR//4z4tH0/yoeXajGo6UjkzeWJuPRxyZeNmAdPNpvb+rniHUB77oF7jVSZT2+5LeN844/eKKY3ZFzAxfbbePVTgF6nzC0FSzsIPJSiNl3IT9o9ADrDICufeeO5z7J2qL4XaqjrAZcqr38tHPvc48xf7/dNWqzBzyY5zXqdPjR34+/8Xo9Xi/BxSlOfV++BB/HZ/V5Mmpz+uqZA/+4ze7Qn+vOe3RVaPA5dOdoRozgaLkudvSuapRViw6aUdv3JqVcK9h2OcUQ6PfV3Pvs0D22m3LYwUj2HvP2bbxz67b7/COVEVpYevyWV+jy3b95ZEfuMvXQgU9cNBggE4I12DaSxoMzV1xbFor7SuqNq9cXntu3v7g84v/B1itzxZZnKo9Wiu/+4ad3Lbrmyac/v2ztPesu6MBjzegPrqgUBd5vC3uYgX3tI23ksbN0MVNjGWyMVArHWEp2E1A87FKDuGoJuJxgZ4Um/LWSVL2KZ9TvQ3O6jaOqyd5no802O1xv4tebMmPN3EDBUlQ79jrBfo28Y20sr9rkM9oGntkibZYw+xld03413UCepYmaNCXqjnqK9VMz8pylDFmtd1Srr3ZUa0P/ZjebsAvBv+7fhG3Sg+mfKAREK8uNbAbtXOfEZ6ZZe6tx391Z+qvpsuj8eqwZGyrFU0vfstHa1Lmlpsxtere47tm6xfVM7RanhmRQthk+s5LBks6/Zd84xBzn1TuO+8bfTgc5Yc5k3H5yftiPdq0+v1B1fqyHcrbWr9LD6mnZ/DA67YH5jcHaOdyIHGKy5nRVZ1h35gx1tCCfdQGrAvr8ltDwUFWKv/VCVuf5UZhnExkiH9fnmazOEyCBWp/BU41KbtZI1u3FA7hdah3uXrapWSeSsB137zAjSDNsUXszmdyizcw3y3SDz5Q2p6ZE+n186xawR7EdmMIq8oqJMNCJY/d6IJw8K9PP5u86CwmbZ2ZBnycpn6pt6FO9b0VLg07LI/p+zyIyPWPHo57s5il3PbWWlrj9a4l1k3JA7cZrWb2tZR3QZ9QqepiftlseDdQnWaF11j1qCRvitSSISQIxp9V0iuC1qZLhHHKhTMlMvjoPnoI9VMtFJGRcKBqu1LFDmlQPp9TbNpkzmDyuIwf0eJj44bOOyXPB9W6rrDUW4aX75XLlH5j9cFutN0VxIiYWpR+ybIsMuVjvVYeqhQGC0KQs0vObkBuduiyq11uDpuVR2RhsYaW1WHJAtAQ2BPb4mZTS6jPYUcStmflxjLUIu4gq2KgH2Fs93A2C8XUkerFt6wOXHdy6fsuOq0rf3VVYv3Ljg5S8HF4f4hTORLtDk1x3xeM3zm8bb6xMXFU5iQSv/03DXy56QfjoMp2ypx8JV2l+cTXO/rJ4CGRUkDRi3PEsXfCaztIFr1lHmloAT591yaVQmBfWnLsjnh54n60rHtM0Z2mNZ/wAStbpY97yvx6zGmAjbgixDv113F9+7nHrgfjZxq2rirOMXPJwrTB17BE89fwsY4+eZewxfeyjgYZQhHUnAjHXxIff+JbDnwzKz0p5XUWccwq1/cLncYStQRSl1KwzwQLPpqwWsmIPKQoYrjqtBpRKjTPnpzbh5ShMFNunNjbwRWrCVndqlAe034KxJuPyZ2Mueo41qkXkBd7/z1jNdzyjAyDos+BbdQBElDFrF8Be3QQ7sxegNFTlk2Jlv1g2TpAGwEaXkZK/esaVn9XA+VnZeu00hvbJvrqYlSSEFAWrgpBbXB7eXDfGjijws13KyrMa/bzbQbusuvKqudaHVj+RwacfyFDtQyvz8xiK089jcKVGrl1RO49BqgvjcQyV/eaPVA9kwOazO7d8/LPvXLV88PQrws3sRAbq69JPZBB1OvM8txDuiOmUxhS3ep7iFlTY8UbeEyyxLcCr+0L68UYsj81DWZUMzEQNuYEN2QFD51ggUeeWWRfpecYrZ1mkKqPgGbgvG9G29JEYuVPvmRs048FcXINg3jPLIrOIrI+aqGeUjVkdXrF6ZhrPu8Ejr/wc5EqywvOgLUrJGapViJkUeAIoibcs8yMAZq11HTIvAzJaqiet4MmOgdyUKpoc1jLy3D1+JhbYXuraKan1hZVjFZjU9dR9vXDktjuvF7CgZv39RT3Vvni/4H7o8ccfEp0f+PjjD1V15stSUXKTLrIKNOaHSSmJllsqi9pSzSmlUJJZx3HdN6QastoF2L9fGVstJ9FDtBpt671s8mleMTsP3WfwdDVzrYEUUNfwFnR1irYPvUFpmHTKAOvsBSu3HR7jwNZJlr/I2DqUBBK05zXzBfBozFdr7QN9M31Ghl49EmFkgYjpEEeKYhtvLMMx+rzF0nfVtcu/uG66+yjUEXJbQLoc/87YypVj3z2nGcEOpzZYPA0dDfWJBo8dG2MyWHT//aktBx+4f9ekc0n2pZsXxZK/+/P997+VqVEwmBMdK1P5Jn9dJNqfXNQSNbJ10XOJjrBcIhe5Yno2ER615MhqVivyKGsmf0Zq0ajdaDKn+FGHGbS9Rh3sgmt61pH7Lc5k0nfXtGSjsl7AMS3ZaDIRCsCkVBTKJux92zWt3wc7PY0fCS7WztmecraQrtuqSoz3/9BzSo9KT4rzjd///6cPZtXUL0+16ylhuJj1cyIMpRYp72nzv78+S18oG+s4NNkfZcpfkv/Hv71RIrTI6gGHCBNwJTtqIqu1Vjplc4zjj17QwNLAbHh8GJfLVjvzTeleqQAIJOCV3sSNpvqOpQqeFj9BROmZuZsu6I8XBxdNkMhRvQ+Wfl8nmUtYSQsek646M3p9MjYONLvH8Uc1Tz2e3lVFfex4es+U4+mLU4+ml6YeTM/ODqs8S4fIMNAoQuB7pnafEU/o7Uh1CvVHxTiohkJxmDkABKQR66dXR5oxUw2ppPqzmskG6kth9FLDfCc2KNVEUaAYtknTq0BsvEAq5MC/0EuAWfKolffVRM+UMc/T09xoY7DOdUhbjbjyZ1C39ey0BqKelfJN05ZBwDUQ+Rm4jRhpY4VF3ixbCDfoK5xXYxY4CKU2w+EG1sl85prAC6zPRtEecKNGr+21DAfpBrZcmtvDModmLFvr2ZaQFs66oNMWV4C1LQvHSIFNZgRXF3tR6eLGoNSW2jxlqVWBSUnswsM6xKKRLWDyOW/sgixAq2yAaZaFYqHCWxEBL/1c2CD8xfApbsdaMnpiu/6gJ7ePGVmXLP1Bt2M91XRDUFU/v+fdN7wPf8Qbbn78M8fgh8tNUhAI6+cSJ1VBKbFuYyA5WQsRCe00QW9AM62j3dRedtO/K1r9LvgSHJKVy13NyNkPZyxP7RkztVuM3oN24rfiPaCXhskHiTqQ0bos46WuARSyXVkL8/+3ZjUqjatxBfdUNKtJEgIlrI+3w2e9TE57ZRTIBXZGnXEYsFEcYG1zQlFGzQJxIrIYa+V9xiKKGmfxJM2dhc/1YmcIHpVrjYPd5LV3DaDd1COrjBAy71nKQkpCIO4CjW/26S1NWfNGEUQ6S/lNLlq0WGyYu+PeXYc+tauTvvlosL056HaYJZF+/etf/6ogOQKt+URqKOqVXgvM3fn+r9y/a15IpKce/8jjFz9yz86+5fd88QiNmz2eeEiJzI1F4Xr34JrujK9jaPf6vv2P3X9xvnf7nY9cDHz5oPCU9Ij0MnClF+RG9VQ91oMPlLKiVJsJGhFYOQEqwi7zVfvHYE/BWc8W1VvJ1BxnvH+ckzMy1tTVIYa26goNpD02A6Ey9k6HJ2JclB+k//3Y5+jnXrn04CufuPOSO6WNDz10epvw+OltYqEyl37jVFlInf4x/vDewxL8g72VnBalMkxR4VVNrh/qB1hBItU4V5oQQ8xYZvneV5JSAyJLX3bagVWB6oFVeHKsxaWFrbzzVAOrIgzyo6saWGCgAecfZKWDeNosxgaaFCZI/UHM9LahSqoLn/Ucq+qZ4ohr0tNOsxIOT5DK3RNEOEzPONXqJFzBg61ocbJvFs7LDfMKIy5jHTad+qz8fFb1Cso/dgxXY0YNsbngCcY+mAuzBBrqYVlDrL9diLDiKNYZAX1RWBxY18BOpSAAz+CJi7Wzc0ydVBPF7mWJKedz6TN6x1eP3T9BHtk144guR53njSulV5xTjun6/wCtGgPQeNpjYGRgYGBiYCi+vnlvPL/NVwZ5DgYQuKDybT2M/t/09z97I6cjkMsBUsvAAACCsg4PAHjaY2BkYOB0/HsdRP5v+n+AvZEBKIICngMAmuEHGgAAeNptUztoFFEUPfPunY0aiySsHyyCWNm4iGgUA+tETFaCLMGk3CSrNkYiSGAVEqIvBgs/2JoiggjWYiGJn2KsDdgJIoKFdpYi4ofx3DejLDHF4cy7793PO+eN+4ITmwAYogfEFSQuRVUTJJriWscb1OMEPvKoOg9PJOJxgWeSaAmnGEdksQRgTjPs/0JNBXU9hlHdhYb245IcxT4Fa/ajEa2EepZjvYy9snbpG3k3unSWPIqmXoSXceIQ14+5Ttm/F3fYAzrB+GH4OM1zdZn73QWPkes4LVezTD9hRndia2k7OrWCHfIj+y0rqApYi/2NxQeG3U9eYEx70JJJHOTsTXmESTeLI3IfW+QjWo7no5/ZW3mFVvQZl2PGLC7PMR7yvqLhnpKnMeheok/eY0bOoxxHKMtZdNu3HEAt6Gd62v2pc9Cec1C3BbH7AVPE/ug2JrjfZMzH3zEkw5g2HcPcyGOce05tnRT+ILAPvVfRZXXtrs7yFnHO8kv3MFh6guMdnajJHEaC7hsg9tl18yL40AbXm60FLwJna/Rgzz8f1kHMd/s2L9oQvFjFSS103wjxM5yRG9TxLrkNDllqXuScpayx8NeH9XC5nrke7RhGmXf0xiV7f3bGZkLuidKTzQPMLVi28Y2M0KdbBfYS7/hwFoN3/4HzzYf3wn+H/s1L7neVtT9YnhuiJwMEa8pr/oPLWIpZTh+iojdR+QPXPcVIAHjaY2Bg0IHCNIY5jCVMbEyHmPOY+5hvseix+LH0sRxhecTKwmrE2sa6jU2KbRHbK/Yq9n8cGhzHOH04Kzj3cT7jEuKy4JrGHcE9i4eJp4znAM8fXiPeXbyf+AT4HPjK+Obw/eO34u/hvyRgJbBEUEEwQHCG4DmhGqF1Qq+ExYQdhPOEZwjvE74h/EOkQeSDaIboA7E8sQPi5yREJBwkqiT2SNySjJBcIMUkVSf1R9pEeoX0NxknmSyZC7IssjayGbLXZD/JpcltAMJ38mnydxTCFLYp3FGsU1ynVKfMoKyk7KOcpSKjYqfSpnJN1U71hOoLNSO1ErUpai/UBdRL1KdpKGhc0DykpaVVoXVCW0F7kQ6fTo/OI91luu/0jPSa9O7pc+gb6SfpLzIQMegxeGXoZbjByMXogNEv4yMmEiZ5JmdMbUw7TC+ZeZndMS+w4LI4Y1lkZWAtY33HJsPmi22XnZpdgF2V3Sq7V/a7HDwctjmqOc5ycnA64fTHucL5kouByxRXFlcX1x1uEm7T3JPcD7i/8jDBAR08fDwiPMo8pnhc8OTwVPOc5PnNS88rBgibvFZ4rfB28l7ifcTHwGcKAMkUk5UAAAABAAAA5wBwAAUAAAAAAAIAAQACABYAAAEAAUUAAAAAeNrFks9OU0EUxr97bxWQhkQWpCFdNMQYWbS2pSWlrowGNk1ICNF1gVoaau9N/9KtaxesjQ/AY7DUrfEZXLvwAfzduQdtNRB2ZDIz35n5zp/55kh6rG8K5KWWJI2ZCfaUxkqwrxV9MBzotS4Mp5TVd8MP9Fk/DT9U1vtoeEEN79LwojLeL8NLyvhpw4809p8YXtZT/5PhNPjK8Ioq/g/Dq8oG64a/aC3YNvxVxaChVwoVaaq+OmrrVEPl9EzH2mQvq6gSI88sYx/By/HOFuwefj2spk6Y7zVQAeuluozcTLSBs1rssVfsewJzH3uCXxfrgLO2RuCmMa6j/41dJ8qsT06NPxnq/1U6z5yP/8bFH+Cd1F+mmiKjrBdYQ8Y7eCP2kOgdOIkiYzgF7Th+STUytVRRlZknS4eYQ9SJVcs7BWoO9VmreMZ4z+pMrHPWBE1YN6hwY67u/D91z7+p43Rtuor7TqcWOsW8M85C3nDbP910c9P5/fRIj33iVI2I03bvjOBPuTvmpIA2Z3dknbqfjeiV54wBN3H2yOUuuG7osoectrnf1y79dVsXvcU6QuXQ+qPkuuiQPCP3whHcWJuauyuRt0jv1LVFN1xrVvkNeY6mGQAAeNp9zkdMFHEUx/Hvg2UXlt67vdeZWYZi3wXG3nsXBXZXEXBxVWxo7DUaE28SLBdN7DUa9aDG3mKJevBqNx7Us+D8vfoun/xe8n55RPD/+QASIZFE4iAKJy6iicFNLHHEk0AiSSSTQipppJNBJllkk0MueeTTjvZ0oCOd6EwXutKN7vSgJ73oTR/60o/+aOgYeCjApJAiiilhAAMZxGCGMJRhePFRShnlWAxnBCMZxWjGMJZxjGcCE5nEZKYwlWlMZwYzmcVs5jCXecxnARXi4Cib2cJ1DvKRrexlF4c4zjGJYifv2MQBcYqLPRLNdm7xXmJo5gS/+MlvjnCS+9zlFAtZxD4qeUgV93jAUx7xmCd8opoXPOM5p/Hzg/285iWvCPCFb+xgMUGWsJQaammhjmXUE6KBMMtZwUo+s4rVNLKGdazlCodpYj0b2MhXvnOVM5zlGm94K26JlTiJlwRJlCRJlhRJlTRJlwzJ5BznucRlbnOBi9xhm2Rxg5uSLTnsllzJk3ynv6axPqC7wrVBTdPKbL2aUmWfofQoTWVJm0broVJXGkqPskBpKguVRcpi5b8+r62uenXdXR30h0NVlRUNAXtlWLam5SgPh+r+BtMqbdPy2X+0avwBPQyXrQAAeNpFzbkOgkAUhWFm2JF9MRaaYGIiOr2tjdDQGAsDiT6CrY2NFpb6LBcr43tZ60UH6OY7+W/mST5XIDchB21dVITcyypTWDEGt8wh3ODjXI5AYbtCADFOQWQrkOL0IQ4o+0FGSEMOBSEfOFSEsuTQEOqUQ0dozY2B0BOOHsJw/yBg8g+tOH0JJj0JlFVidsTFxs6atHTqwKaXLnDrxSHbbvHwxJ239JHerGVQ9z7dd32IQZC0jOogpO8u6GMQLRqWELIvUWBaDQAAAVP/RjAAAA==) format('woff');
  font-weight: 400!important;
  font-style: normal
}
.full_box {
  width: 100%
}
.full_box .center_box {
  padding: 0 20px;
  margin: 0 auto
}
.header_frame {
  border-bottom: 1px solid #f0f4f7
}
.header_frame .view {
  width: 100%;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 15px 0 0 0;
  vertical-align: top
}
.popUp .header_frame .view {
  margin: 10px 0 8px 0
}
.header_frame .view.primary {
  margin-top: 10px!important;
  margin-bottom: 0!important
}
.header_frame .view.page_subnav {
  margin-bottom: 10px!important
}
.header_frame .view.page_subnav + .view.secondary {
  margin-top: 0!important
}
.header_frame .view.secondary {
  margin-top: 0!important;
  padding-top: 5px;
  border-top: 1px solid #f0f4f7;
  margin-bottom: 3px!important
}
.header_frame .view.clean {
  margin: 0!important;
  padding: 0!important
}
.popUp .header_frame .view.secondary {
  padding-top: 12px;
  padding-bottom: 5px
}
.header_frame .view .table {
  width: 100%;
  height: 40px;
  min-height: 40px;
  display: table
}
.header_frame .view .table .cell {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box
}
.header_frame .view .table .cell:last-child {
  padding-right: 0!important
}
.header_frame .view .table .cell:first-child {
  padding-left: 0!important
}
.header_frame .view .table .cell.left {
  text-align: left;
  padding-right: 10px
}
.header_frame .view .table .cell.center {
  text-align: center;
  padding: 0 10px
}
.header_frame .view .table .cell.right {
  text-align: right;
  padding-left: 10px
}
.header_frame .view .table .cell.bottom {
  vertical-align: bottom
}
.header_frame .view .table .cell.cell_spacer {
  width: 40%
}
.header_frame .primaryTable {
  width: 100%;
  height: 50px;
  display: table;
  box-sizing: border-box;
  padding: 0 10px;
  table-layout: fixed
}
.header_frame .primaryTable > .cell {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  box-sizing: border-box
}
.header_frame .page_title {
  text-align: left;
  box-sizing: border-box;
  display: inline-table;
  vertical-align: middle
}
.header_frame .page_title h2 {
  font-weight: 500;
  color: #f54337;
  font-size: 16px;
  text-transform: uppercase;
  position: relative
}
.header_frame .page_title h2 a {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: -22px;
  margin-top: -9px;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #f54b40
}
.header_frame .page_title h2 a:hover {
  color: #000
}
.header_frame .page_title.big h2 {
  font-size: 16px
}
.header_frame .page_title.black h2 {
  color: #2c3135
}
.header_frame .page_title h3 {
  font-weight: 300;
  padding: 0;
  margin: 0;
  line-height: 18px;
  color: #2c3135
}
.header_frame .action {
  text-align: right;
  display: inline-block;
  vertical-align: top
}
.header_frame .action a.icon {
  width: auto;
  display: block
}
.header_frame .action a.icon i {
  font-size: 25px;
  height: 25px;
  line-height: 25px;
  width: auto;
  color: #303133
}
.header_frame .action a.icon i:hover {
  color: #f54337
}
.header_frame .view .table .cell select {
  width: 100%
}
@media only screen and (min-width :0px) and (max-width :767px) {
  .header_frame .view {
    width: 100%;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 10px 0
  }
  .header_frame .view.primary {
    margin-top: 10px!important;
    margin-bottom: 2px!important
  }
  .header_frame .view.secondary {
    margin-top: 8px!important;
    margin-bottom: 0!important
  }
  .header_frame .view .table {
    height: auto;
    min-height: 0
  }
  .header_frame .view.secondary .table {
    width: 100%;
    display: inline-block;
    vertical-align: top
  }
  .header_frame .view.secondary .table > .cell {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    border-top: 1px solid #f3f3f3;
    text-align: left!important;
    padding: 8px 0 0 0!important
  }
  .header_frame .view.secondary .table > .cell:first-child {
    margin-top: 0
  }
  .header_frame .page_title h2 {
    font-weight: 400;
    font-size: 16px
  }
  .header_frame .page_title.big h2 {
    font-size: 20px;
    line-height: 26px;
    margin-top: 2px
  }
  .header_frame .page_title h2 a {
    color: #a0a199;
    padding-right: 20px
  }
  .header_frame .page_title h2 a.active {
    border-bottom: 1px solid #f54337
  }
  .header_frame .page_title h3 {
    line-height: 16px
  }
  .header_frame .action {
    margin-top: 3px
  }
}
.sub_header_iframe {
  width: 100%
}
.sub_header_iframe .sub_navigation {
  display: block;
  background-color: #f6f8f9
}
.sub_header_iframe .table {
  width: 100%;
  display: table
}
.sub_header_iframe .table .cell {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  min-height: 40px
}
.sub_header_iframe .table .cell.left {
  text-align: left
}
.sub_header_iframe .table .cell.right {
  text-align: right
}
.sub_header_iframe .sub_navigation.hidden {
  display: none
}
.sub_header_iframe .radio_styled label {
  color: #fff
}
.sub_header_iframe .radios_c h2 {
  color: #fff
}
.sub_header_iframe .searh_bar_c {
  right: -20px
}
.sub_header_iframe .searh_bar_c i {
  right: 15px;
  color: #2c3135
}
.sub_header_iframe .searh_bar_c input {
  height: 47px;
  line-height: 47px;
  border-bottom: 0 none!important;
  width: 120px;
  padding: 0 50px 0 20px;
  color: #fff
}
.sub_header_iframe .searh_bar_c input:focus {
  width: 100%;
  padding: 0 50px 0 20px;
  color: #2c3135;
  border-left: 1px solid #c7d0d2
}
.sub_header_iframe .searh_bar_c input:focus + i {
  color: #5b6566
}
.sub_header_iframe .searh_bar_c input::-webkit-input-placeholder {
  color: #2c3135
}
.sub_header_iframe .searh_bar_c input:-moz-placeholder {
  color: #2c3135
}
.sub_header_iframe .searh_bar_c input::-moz-placeholder {
  color: #2c3135
}
.sub_header_iframe .searh_bar_c input:-ms-input-placeholder {
  color: #2c3135
}
.sub_header_iframe .searh_bar_c input:focus::-webkit-input-placeholder {
  color: #2c3135
}
.sub_header_iframe .searh_bar_c input:focus:-moz-placeholder {
  color: #2c3135
}
.sub_header_iframe .searh_bar_c input:focus::-moz-placeholder {
  color: #2c3135
}
.sub_header_iframe .searh_bar_c input:focus:-ms-input-placeholder {
  color: #2c3135
}
.content_frame {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  top: 0!important
}
.content_frame .center_box {
  padding: 0
}
.content_frame .center_box p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300
}
.content_frame .center_box p > a {
  color: #f54337;
  text-decoration: underline
}
.content_frame .center_box h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300
}
.content_frame .center_box h2:empty {
  display: none
}
.content_frame .center_box h2.title_divider {
  padding: 30px 0 10px 0
}
.popUp .content_frame > .content {
  position: relative
}
.content_frame .action_content {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block
}
.content_frame .action_content a.icon {
  width: auto;
  display: block;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 5px
}
.content_frame .action_content a.icon i {
  font-size: 20px;
  color: #303133
}
.content_frame .action_content a.icon i:hover {
  color: #f54337
}
@media only screen and (min-width :0px) and (max-width :767px) {
  .content_frame .center_box h2 {
    font-size: 18px;
    line-height: 20px
  }
}
.footer_frame {
  width: 100%;
  z-index: 1;
  overflow: hidden;
  position: relative;
  border-top: 1px solid #f0f4f7;
  box-sizing: border-box
}
.footer_frame .footer {
  min-height: 40px;
  padding-top: 10px;
  padding-bottom: 10px
}
.footer_frame .footer .center_box {
  padding-left: 20px;
  padding-right: 20px
}
.footer_frame .table {
  width: 100%;
  height: 40px;
  min-height: 40px;
  display: table
}
.footer_frame .table .cell {
  display: table-cell;
  vertical-align: top
}
.footer_frame .table .cell > a {
  display: inline-table;
  vertical-align: middle;
  font-size: 14px
}
.footer_frame .table .cell a.cancel_bottom_button {
  line-height: 42px
}
.footer_frame .table .cell:last-child {
  padding-right: 0!important
}
.footer_frame .table .cell:first-child {
  padding-left: 0!important
}
.footer_frame .table .cell.left {
  text-align: left
}
.footer_frame .table .cell.center {
  text-align: center
}
.footer_frame .table .cell.right {
  text-align: right
}
.footer_frame.advice {
  background-color: #f0f4f7!important;
  border-top: 1px solid #d8d8d8
}
.footer_frame.advice .footer {
  padding-top: 15px!important;
  padding-bottom: 15px!important
}
.footer_frame.advice .footer h2 {
  font-size: 16px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #2c3135;
  text-transform: uppercase;
  font-weight: 700
}
.footer_frame.advice .footer p {
  font-size: 12px;
  line-height: 16px;
  color: #2c3135
}
.footer_frame.advice .footer p a {
  font-weight: 700;
  text-decoration: underline
}
.footer_frame.hide .footer {
  -webkit-transition: opacity .4s,visibility .4s,-webkit-transform .4s;
  -moz-transition: opacity .4s,visibility .4s,-moz-transform .4s;
  -ms-transition: opacity .4s,visibility .4s,-ms-transform .4s;
  transition: opacity .4s,visibility .4s,transform .4s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0,100%,0);
  -moz-transform: translate3d(0,100%,0);
  -ms-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0)
}
.footer_frame.hide.active .footer {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.footer_frame .secondary_footer {
  background-color: #fff;
  min-height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  -webkit-transition: opacity .4s,top .4s;
  -moz-transition: opacity .4s,top .4s;
  -ms-transition: opacity .4s,top .4s;
  transition: opacity .4s,top .4s;
  border-top: 1px solid #f0f4f7
}
.footer_frame .secondary_footer.hide {
  top: 60px;
  opacity: 0
}
.footer_frame .secondary_footer.active {
  top: 0;
  opacity: 1
}
.footer_frame .secondary_footer .simple_button {
  margin-right: 10px
}
@media only screen and (min-width :0px) and (max-width :767px) {
  .footer_frame .footer .center_box {
    padding-left: 10px;
    padding-right: 10px
  }
}
.listView .table {
  display: table;
  width: 100%
}
.listView .table .row {
  display: table-row;
  vertical-align: middle;
  box-sizing: border-box
}
.listView .table .cell {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box
}
.listView .userInfo {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 40px;
  box-sizing: border-box
}
.listView .userInfo .avatar {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  cursor: default
}
.listView .userInfo span {
  display: inline-block;
  vertical-align: top;
  width: 100%
}
.listView .userInfo span.name {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin-bottom: 2px;
  margin-top: 3px
}
.listView .userInfo span.email {
  font-size: 12px;
  font-weight: 400;
  color: #5c5c5c
}
.listView .buttonGroup {
  width: 100%
}
.listView .buttonGroup .table {
  width: 100%
}
.listView .buttonGroup .cell {
  box-sizing: border-box;
  padding: 0 5px
}
.listView .buttonGroup .cell.small {
  width: 50px
}
.listView .buttonGroup .cell:first-child {
  padding-left: 0
}
.listView .buttonGroup .cell:last-child {
  padding-right: 0
}
.listView .buttonGroup a {
  width: 100%;
  height: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  background-color: #f9f9f9
}
.listView .buttonGroup a[href="#save"] {
  background-color: #039ae4;
  color: #fff
}
.listView .buttonGroup a[href="#delete"] {
  color: #f54337;
  font-size: 20px;
  line-height: 40px
}
.checkbox_styled input[type=checkbox] {
  display: none
}
.checkbox_styled input[type=checkbox][disabled=disabled] + label {
  opacity: .3;
  pointer-events: none
}
.checkbox_styled {
  display: inline-table;
  vertical-align: middle
}
.checkbox_styled label {
  position: relative;
  color: #2c3135;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
  display: inline-table;
  vertical-align: top;
  padding-left: 24px;
  height: 14px;
  line-height: 14px
}
.checkbox_styled label::before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 8px;
  margin-top: -8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-family: icomoon;
  content: "\e932";
  color: transparent;
  text-align: center;
  border: 1px solid #93a6b0
}
.checkbox_styled label:hover::before {
  border: 1px solid #039be4;
  color: #56595a;
  background-color: #f0f4f7
}
.checkbox_styled input[type=checkbox]:checked + label::before {
  border: 1px solid #039be4;
  background-color: #039be4;
  color: #fff
}
.checkbox_styled .text {
  position: relative;
  color: #2c3135;
  font-size: 14px;
  font-weight: 300;
  display: inline-table;
  vertical-align: middle;
  height: 14px;
  line-height: 14px
}
.checkbox_styled.small label:before {
  width: 10px;
  height: 10px;
  line-height: 10px;
  margin-top: -5px
}
.checkbox_styled.small label {
  font-size: 12px;
  padding-left: 20px
}
.checkbox_styled.toggle_display {
  display: inline-table;
  vertical-align: middle
}
.checkbox_styled.toggle_display .text {
  font-size: 12px;
  padding-left: 8px;
  height: 14px;
  line-height: 14px;
  color: #dadcdc;
  font-weight: 500
}
.checkbox_styled.toggle_display label {
  font-size: 12px;
  padding-left: 16px;
  height: 14px;
  line-height: 14px;
  color: #dadcdc;
  font-weight: 500
}
.checkbox_styled.toggle_display label:empty {
  padding-left: 8px
}
.checkbox_styled.toggle_display label::after {
  width: 8px;
  height: 15px;
  line-height: 15px;
  top: 50%;
  left: 0;
  position: absolute;
  margin-top: -8px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  content: "";
  border: 0 none;
  background-color: #e0e5ea;
  display: inline-block;
  vertical-align: top;
  transform: rotateZ
}
.checkbox_styled.toggle_display label::before {
  width: 6px;
  height: 6px;
  line-height: 6px;
  top: 6px;
  left: 1px;
  position: absolute;
  margin-top: -6px;
  -webkit-transition: top .2s,background-color .2s;
  -moz-transition: top .2s,background-color .2s;
  -ms-transition: top .2s,background-color .2s;
  transition: top .2s,background-color .2s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  content: "";
  background-color: #fff;
  border: 0 none!important;
  z-index: 1
}
.checkbox_styled.toggle_display label:hover::after {
  background-color: #dadde2
}
.checkbox_styled.toggle_display input[type=checkbox]:checked + label::after {
  background-color: #c3c6ca
}
.checkbox_styled.toggle_display input[type=checkbox]:checked + label::before {
  top: 13px;
  background-color: #fff
}
.checkbox_styled.toggle_display input[type=checkbox]:checked + label {
  color: #2c3135
}
.checkbox_styled.toggle_display input[type=checkbox]:checked + label + .text {
  color: #2c3135
}
.checkbox_styled.toggle_display_horizontal {
  display: inline-table;
  vertical-align: middle
}
.checkbox_styled.toggle_display_horizontal .text {
  font-size: 12px;
  padding-left: 8px;
  height: 14px;
  line-height: 14px;
  color: #dadcdc;
  font-family: robotomedium,sans-serif
}
.checkbox_styled.toggle_display_horizontal label {
  font-size: 12px;
  padding-left: 16px;
  height: 14px;
  line-height: 14px;
  color: #dadcdc;
  font-family: robotomedium,sans-serif
}
.checkbox_styled.toggle_display_horizontal label:empty {
  padding-left: 8px
}
.checkbox_styled.toggle_display_horizontal label::after {
  width: 34px;
  height: 18px;
  line-height: 18px;
  top: 50%;
  left: 0;
  position: absolute;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  content: "";
  border: 0 none;
  background-color: #e0e5ea;
  display: inline-block;
  vertical-align: top;
  transform: rotateZ
}
.checkbox_styled.toggle_display_horizontal label::before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  top: 17px;
  left: 3px;
  position: absolute;
  -webkit-transition: left .2s,background-color .2s;
  -moz-transition: left .2s,background-color .2s;
  -ms-transition: left .2s,background-color .2s;
  transition: left .2s,background-color .2s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  content: "";
  background-color: #fff;
  border: 0 none!important;
  z-index: 1
}
.checkbox_styled.toggle_display_horizontal label:hover::after {
  background-color: #dadde2
}
.checkbox_styled.toggle_display_horizontal input[type=checkbox]:checked + label::after {
  background-color: #62b1ea
}
.checkbox_styled.toggle_display_horizontal input[type=checkbox]:checked + label::before {
  top: 17px;
  left: 18px;
  background-color: #fff
}
.checkbox_styled.toggle_display_horizontal input[type=checkbox]:checked + label {
  color: #2c3135
}
.checkbox_styled.toggle_display_horizontal input[type=checkbox]:checked + label + .text {
  color: #2c3135
}
.checkbox_styled.black label {
  color: #2d343e
}
.checkbox_styled.black label:before {
  color: #2d343e;
  border: 1px solid #2d343e
}
.checkbox_styled.black label:hover:before {
  border: 1px solid #2d343e;
  color: rgba(0,0,0,.3);
  background-color: rgba(43,48,53,.01)
}
.checkbox_styled.black input[type=checkbox]:checked + label:before {
  border: 1px solid #2d343e;
  background-color: #2d343e
}
.checkbox_styled.white label {
  color: #fff
}
.checkbox_styled.white label:before {
  color: #fff;
  border: 1px solid #fff
}
.checkbox_styled.white label:hover:before {
  border: 1px solid #fff;
  color: rgba(255,255,255,.5);
  background-color: rgba(255,255,255,.05)
}
.checkbox_styled.white input[type=checkbox]:checked + label:before {
  border: 1px solid #2d343e;
  background-color: #2d343e
}
.checkbox_styled.round label:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%
}
.radio_styled {
  display: inline-table;
  vertical-align: top
}
.radio_styled label {
  position: relative;
  color: #626256;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  display: inline-table;
  vertical-align: top;
  padding-left: 16px;
  height: 14px;
  line-height: 14px
}
.radio_styled label:before {
  width: 10px;
  height: 10px;
  line-height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  font-size: 30px;
  margin-top: -6px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-weight: 400;
  content: "";
  border: 1px solid #bbb6b2;
  zoom: 1
}
.radio_styled label:hover:before {
  background-color: #dad2cc
}
.radio_styled input[type=radio]:checked + label:before {
  background-color: #039be6;
  border: 1px solid #039be6
}
.radio_styled input[type=radio] {
  display: none
}
.radios_c {
  display: inline-block;
  opacity: 1;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -ms-transition: opacity .4s;
  transition: opacity .4s
}
.radios_c.hidden {
  opacity: 0
}
.radios_c h2 {
  font-size: 9px;
  color: #626256;
  font-weight: 400;
  font-weight: 400;
  line-height: 9px;
  display: block;
  margin-bottom: 7px;
  margin-top: 5px
}
.formView input[type=email],
.formView input[type=number],
.formView input[type=password],
.formView input[type=text] {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 none;
  color: #2c3135;
  padding-right: 40px height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  word-break: normal;
  font-weight: 400;
  background-color: #f6f8f9;
  border-bottom: 1px solid #e0e5ea
}
.formView input[type=email]:focus,
.formView input[type=email]:hover,
.formView input[type=number]:focus,
.formView input[type=number]:hover,
.formView input[type=password]:focus,
.formView input[type=password]:hover,
.formView input[type=text].note:focus,
.formView input[type=text].note:hover,
.formView input[type=text]:focus,
.formView input[type=text]:hover,
.formView textarea:focus,
.formView textarea:hover {
  border-bottom: 1px solid #000!important
}
.inputHours,
.inputSelect {
  position: relative
}
.inputSelect::after {
  font-family: icomoon!important;
  content: "\e940";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 8px;
  top: 35%;
  pointer-events: none
}
.inputHours::after {
  font-family: icomoon!important;
  content: "\e92c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 8px;
  top: 35%;
  font-size: 13px;
  pointer-events: none
}
.formView .input.date:hover,
.formView .input:hover,
.formView input:hover,
.formView select:hover,
.formView textarea:hover {
  background-color: rgba(200,200,200,.2);
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease
}
.primary > input[type=email],
.primary > input[type=number],
.primary > input[type=password],
.primary > input[type=text] {
  font-size: 17px;
  line-height: 50px;
  height: 50px
}
input.big_number {
  font-size: 22px;
  height: 50px;
  font-weight: 700
}
input.big_number_center {
  font-size: 32px;
  height: 60px;
  font-weight: 700;
  text-align: center
}
input.small_number {
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  font-weight: 700
}
.input.date {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 none;
  background-color: #f6f8f9;
  border-bottom: 1px solid #e0e5ea;
  color: #2c3135;
  padding-right: 40px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  cursor: pointer;
  font-weight: 400
}
.primary > .input.date {
  font-size: 17px;
  line-height: 50px;
  height: 50px
}
.input.date.error {
  border-bottom: 1px solid #f54337!important;
  color: #f54337!important
}
.formView textarea {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  background-color: #f6f8f9;
  border-bottom: 1px solid #e0e5ea;
  color: #2c3135;
  line-height: 16px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  padding: 10px 0;
  resize: none;
  font-weight: 400;
  word-break: normal
}
.formView textarea.note {
  border: 0 none!important;
  border-bottom: 1px dashed #dbdbd9;
  color: #2c3135;
  line-height: 20px!important;
  font-size: 13px!important;
  width: 100%;
  text-align: left;
  color: #2c3135;
  font-style: italic;
  padding: 10px 10px 10px 10px!important;
  min-height: 25px;
  max-height: 120px
}
.primary > textarea {
  font-size: 16px;
  line-height: 18px
}
.formView textarea.error {
  border: 1px solid #f54337;
  color: #f54337
}
.inputSelect select {
  background-image: url("")
}
.formView select {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 none;
  border-bottom: 1px solid #f0f4f7!important;
  color: #2c3135;
  padding-right: 40px;
  height: 40px;
  line-height: 39px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-image: url(../../img/arrow_bottom.png);
  background-position: right 10px top 13px;
  background-repeat: no-repeat;
  background-size: 17px auto;
  border-bottom: 1px solid #e0e5ea!important
}
select option {
  color: #2c3135
}
select option.hidden {
  display: none!important
}
select[multiple] {
  height: 80px
}
.is_touch_true select[multiple] {
  height: 40px
}
.primary > select {
  font-size: 17px;
  line-height: 50px;
  height: 50px
}
select.error {
  border-bottom: 1px solid #f54337!important;
  color: #f54337!important
}
.Explorer.v10 select,
.Explorer.v9 select,
.Mozilla.v11 select {
  padding-right: 0!important;
  background-image: none!important
}
.simple_button {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  max-width: 200px
}
.simple_button a {
  display: block;
  line-height: 42px;
  height: 42px;
  text-align: center;
  color: #f54337;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #f54337;
  box-sizing: border-box;
  vertical-align: top;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .4s,visibility .4s;
  -moz-transition: opacity .4s,visibility .4s;
  -ms-transition: opacity .4s,visibility .4s;
  transition: opacity .4s,visibility .4s
}
.simple_button a.hidden {
  opacity: 0;
  visibility: hidden
}
.simple_button a:hover {
  background-color: #f54337;
  color: #fff
}
.simple_button a.inactive,
.simple_button a.inactive:hover {
  opacity: .8!important;
  cursor: default
}
.simple_button.insight_button a {
  font-size: 18px
}
.simple_button.insight_button a:hover {
  background-color: #f22011
}
.simple_button.red-style a {
  color: #fff;
  border: 1px solid #f54337;
  background-color: #f54337
}
.simple_button a:hover {
  color: #fff;
  border: 1px solid #f54337;
  background-color: #f22011
}
.simple_button.export-size {
  max-width: 40px!important
}
.simple_button.export-size a {
  font-size: 12px;
  line-height: 39px
}
.header_frame .simple_button {
  max-width: 100%
}
.footer_frame .simple_button {
  margin-left: 10px;
  max-width: 190px
}
.calendar_controls {
  display: inline-table;
  vertical-align: middle
}
.calendar_controls ul {
  width: auto;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  text-align: left
}
.calendar_controls li {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.calendar_controls .nav {
  padding: 0;
  width: 20px;
  text-align: center
}
.secondary_nav {
  display: inline-table;
  vertical-align: middle;
  margin-top: 1px
}
.secondary_nav ul {
  font-size: 0
}
.secondary_nav ul li {
  display: inline-block;
  margin: 0 2px;
  padding: 0
}
.secondary_nav ul li:first-child {
  margin-left: 0
}
.secondary_nav ul li:last-child {
  margin-right: 0
}
.secondary_nav ul li a {
  display: inline-block;
  text-align: center;
  font-weight: 400;
  line-height: 30px;
  padding: 0 20px 0 20px;
  font-size: 12px;
  background-color: #f0f4f7;
  color: #6b727b;
  text-transform: CAPITALIZE
}
.secondary_nav ul li a:hover {
  background-color: #6b727b;
  color: #fff
}
.secondary_nav ul li a.active {
  background-color: #6b727b;
  color: #fff;
  font-weight: 700
}
.secondary_nav.rounded ul li {
  margin: 0 1px
}
.secondary_nav.rounded ul li a {
  line-height: 23px
}
.secondary_nav.rounded ul li:first-child {
  margin: 0
}
.secondary_nav.rounded ul li:first-child a {
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-left: 0
}
.secondary_nav.rounded ul li:last-child {
  margin: 0
}
.secondary_nav.rounded ul li:last-child a {
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px
}
.secondary_nav ul li a.secondary {
  text-decoration: underline;
  background-color: transparent!important
}
.secondary_nav.red ul li a {
  background-color: #f54337;
  color: #fff
}
.secondary_nav.red ul li a.active,
.secondary_nav.red ul li a:hover {
  background-color: #fff;
  color: #f54337
}
.secondary_nav.white ul li a {
  background-color: #fff;
  color: #2c3135
}
.secondary_nav.white ul li a.active,
.secondary_nav.white ul li a:hover {
  background-color: #2c3135;
  color: #fff
}
.secondary_nav.light-grey ul li a {
  background-color: #f0f4f7;
  color: #2c3135
}
.secondary_nav.light-grey ul li a.active,
.secondary_nav.light-grey ul li a:hover {
  background-color: #373c40;
  color: #fff
}
.secondary_nav.gray ul li a {
  background-color: #f0f4f7;
  color: #6b727b
}
.secondary_nav.gray ul li a.active,
.secondary_nav.gray ul li a:hover {
  background-color: #a4abb5;
  color: #fff
}
.secondary_nav.dark-transparent > ul > li {
  border-bottom: 1px solid #333a3b
}
.secondary_nav.dark-transparent ul li a {
  background-color: transparent;
  color: #fff
}
.secondary_nav.dark-transparent ul li a.active,
.secondary_nav.dark-transparent ul li a:hover {
  background-color: transparent;
  color: #fff;
  border-color: #f0f4f7
}
.secondary_nav.dark-transparent ul li ul li a:hover {
  color: #fff;
  border-color: #333a3b;
  background-color: #333a3b
}
.secondary_nav.dark-transparent ul,
.secondary_nav.dark-transparent ul li {
  border-color: #333a3b
}
.secondary_nav.dark-transparent .button-group.open ul {
  border-color: #333a3b
}
.secondary_nav.dark-transparent .button-group .dropdown-button {
  background-color: transparent;
  border-left-color: transparent;
  color: #fff
}
.secondary_nav.dark-transparent ul li ul {
  background-color: #6b727b
}
.secondary_nav.transparent ul li {
  margin-left: 15px
}
.secondary_nav.transparent ul li:first-child {
  margin-left: 0
}
.secondary_nav.transparent ul li:last-child {
  margin-left: 15px
}
.secondary_nav.transparent ul li a {
  background-color: transparent!important;
  padding-left: 0;
  padding-right: 0;
  text-decoration: underline
}
.secondary_nav.transparent ul li a.active,
.secondary_nav.transparent ul li a:hover {
  color: #f54337
}
.secondary_nav.transparent.black ul li a {
  color: #2c3135
}
.secondary_nav.transparent.black ul li a.active,
.secondary_nav.transparent.black ul li a:hover {
  color: #f54337!important
}
.secondary_nav.transparent.gray ul li a {
  color: #626457
}
.secondary_nav.transparent.gray ul li a.active,
.secondary_nav.transparent.gray ul li a:hover {
  color: #f54337!important
}
.button-group {
  padding-right: 40px!important;
  position: relative
}
.button-group .dropdown-button {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid #f1f1f1;
  box-sizing: border-box
}
.button-group .dropdown-button i {
  width: 20px;
  height: 20px;
  font-size: 18px;
  top: 12px;
  position: relative
}
.button-group .dropdown-button:hover {
  background: #f1f1f1
}
.button-group ul {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  box-sizing: border-box
}
.button-group ul li,
.button-group ul li a {
  margin: 0!important;
  padding: 0;
  border-left: none!important;
  border-right: none!important;
  width: 100%
}
.button-group ul li {
  border-bottom: 1px solid #f1f1f1
}
.button-group.open ul {
  display: block
}
#FramePaymentSuccess {
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  display: block
}
#FramePaymentSuccess .illus {
  width: 300px;
  height: 340px;
  position: absolute;
  top: 50%;
  margin-top: -180px;
  left: 50%;
  margin-left: -150px;
  text-align: center
}
#FramePaymentSuccess .illus .image {
  margin-left: 50px;
  width: 200px;
  height: 190px;
  background-image: url(../../img/insights/free-insight.png);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer
}
#FramePaymentSuccess .illus .text_copy {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #676767
}
#FramePaymentSuccess .illus .text_copy h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #000
}
#FramePaymentSuccess .illus .text_copy p strong {
  color: #000;
  font-weight: 400
}
#FramePaymentSuccess .illus .text_copy p {
  margin-bottom: 10px
}
#FramePaymentSuccess .illus .text_copy a {
  text-decoration: underline
}
#FrameLoading {
  width: 100%;
  height: 100%;
  background-color: rgba(239,244,244,.9);
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  display: block
}
#FrameLoading .spinner {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px
}
#FrameLoading .double-bounce1,
#FrameLoading .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out
}
#FrameLoading .double-bounce1 {
  background-color: #fff!important
}
#FrameLoading .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background-color: #f54337!important
}
@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0)
  }
  50% {
    -webkit-transform: scale(1)
  }
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}
.searh_bar_c {
  width: 100%;
  position: relative;
  text-align: right
}
.searh_bar_c i {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: 50%;
  right: 10px;
  margin-top: -15px;
  color: #2c3135;
  text-align: center;
  -webkit-transition: opacity .4s,visibility .4s,-webkit-transform .4s;
  -moz-transition: opacity .4s,visibility .4s,-moz-transform .4s;
  -ms-transition: opacity .4s,visibility .4s,-ms-transform .4s;
  transition: opacity .4s,visibility .4s,transform .4s
}
.searh_bar_c input {
  width: 120px;
  padding: 0 50px 0 20px;
  font-weight: 400;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  transition: all .4s
}
.searh_bar_c input:focus {
  width: 100%;
  background-color: #fff
}
.searh_bar_c input::-webkit-input-placeholder {
  color: #a0a4a8;
  opacity: 1
}
.searh_bar_c input:-moz-placeholder {
  color: #a0a4a8;
  opacity: 1
}
.searh_bar_c input::-moz-placeholder {
  color: #a0a4a8;
  opacity: 1
}
.searh_bar_c input:-ms-input-placeholder {
  color: #a0a4a8;
  opacity: 1
}
.searh_bar_c .searchResults {
  width: 100%;
  max-height: 235px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  position: absolute;
  left: 0;
  display: none;
  z-index: 100;
  margin-top: 0;
  box-sizing: border-box;
  -moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);
  box-shadow: 0 5px 15px rgba(0,0,0,.1)
}
.searh_bar_c .searchResults ul {
  width: 100%
}
.searh_bar_c .searchResults li {
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 12px;
  text-align: left;
  font-weight: 400
}
.searh_bar_c .searchResults li a {
  font-size: 14px;
  line-height: 18px;
  color: #2c3135;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0;
  border-top: 1px solid #f6f4f4
}
.searh_bar_c .searchResults li:first-child a {
  border-top: 0 none
}
.searh_bar_c .searchResults li:hover {
  background-color: rgba(219,219,216,.1)
}
.searh_bar_c .searchResults li.notFound u {
  font-size: 14px;
  line-height: 18px;
  color: #2c3135;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0
}
.searh_bar_c .searchResults li.search_result_project {
  font-family: robotorbold,sans-serif
}
.searh_bar_c .searchResults li.search_result_task {
  font-weight: 400
}
.searh_bar_c .searchResults li a:focus {
  background-color: rgba(219,219,216,.1)
}
.searh_bar_c .searchResults.active {
  display: block
}
.searh_bar_c .load_anim {
  height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: opacity .4s,visibility .4s,right .4s,-webkit-transform .4s;
  -moz-transition: opacity .4s,visibility .4s,right .4s,-moz-transform .4s;
  -ms-transition: opacity .4s,visibility .4s,right .4s,-ms-transform .4s;
  transition: opacity .4s,visibility .4s,right .4s,transform .4s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  right: 0
}
.searh_bar_c .load_anim .dotsC {
  width: 100%;
  text-align: center;
  font-size: 0
}
.searh_bar_c .load_anim .dotsC .dot {
  width: 8px;
  height: 8px;
  margin: 0 3px;
  display: inline-block;
  vertical-align: top;
  background-color: #626457;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-name: opacityLoading;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: opacityLoading;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: opacityLoading;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: infinite
}
.searh_bar_c .load_anim .dotsC .dot.two {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -ms-animation-delay: .1s;
  animation-delay: .1s
}
.searh_bar_c .load_anim .dotsC .dot.three {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -ms-animation-delay: .3s;
  animation-delay: .3s
}
.searh_bar_c.loading .load_anim {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  right: 17px
}
.searh_bar_c.loading i {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  visibility: hidden
}
.count_value {
  height: 40px;
  display: inline-table;
  vertical-align: top;
  text-align: right
}
.count_value .title {
  display: inline-block;
  vertical-align: top
}
.count_value .title h2 {
  font-size: 10px;
  text-transform: uppercase;
  color: #2c3135;
  font-weight: 400;
  font-weight: 400
}
.PROJECT_MANAGER .count_value .title h2,
.PROJECT_MANAGER .count_value .value span[data-comp=filteredTotal],
.PROJECT_MANAGER .count_value .value span[data-comp=total] {
  line-height: 40px
}
.count_value.totalRows .title h2 {
  line-height: 40px
}
.count_value .value {
  display: inline-block;
  vertical-align: top
}
.count_value .value span[data-comp=amountSelected],
.count_value .value span[data-comp=totalRows] {
  font-size: 10px;
  text-transform: uppercase;
  color: #2c3135;
  font-weight: 700;
  margin-left: 4px;
  display: inline-block;
  vertical-align: top
}
.count_value .value span[data-comp=filteredTotalMoney],
.count_value .value span[data-comp=filteredTotal],
.count_value .value span[data-comp=totalMoney],
.count_value .value span[data-comp=total] {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: 8px;
  line-height: 20px;
  height: 20px;
  color: #2c3135;
  display: block
}
.count_value.totalRows .value span {
  line-height: 40px
}
@media only screen and (min-width :768px) and (max-width :1023px) {
  .count_value .value span[data-comp=filteredTotal],
  .count_value .value span[data-comp=total] {
    margin-left: 10px
  }
}
.action_button {
  width: 100%;
  display: inline-table;
  vertical-align: top
}
.action_button a {
  width: 100%;
  height: 55px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  font-weight: 400;
  color: #6b727b;
  border-left: 1px solid #f6f4f4
}
.action_button a:first-child {
  border: 0 none
}
.action_button a:hover {
  color: #626256
}
.action_button a.delete:hover {
  color: #f44336
}
.action_button a.ascent {
  color: #fff;
  background-color: #039be5
}
.action_button a.ascent:hover {
  color: #fff;
  background-color: #0a8ccb
}
.action_button.two_b a {
  width: 50%
}
.action_button.three_b a {
  width: 33.33%
}
.action_button.four_b a {
  width: 25%
}
.shadowbox_iframe {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(44,48,53,.85);
  z-index: 9999;
  display: none;
  overflow: hidden
}
.shadowbox_iframe .v_align {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table
}
.shadowbox_iframe .v_align .middle {
  display: table-cell;
  vertical-align: middle
}
.shadowbox_iframe .shadow_content {
  background-color: #fff;
  width: 480px;
  margin: 0 auto;
  display: block
}
.shadowbox_iframe .shadow_content .row {
  display: block
}
.shadowbox_iframe .shadow_content .row .table {
  width: 100%;
  display: table
}
.shadowbox_iframe .shadow_content .row .table .cell {
  display: table-cell
}
.shadowbox_iframe .shadow_content .title {
  margin: 20px;
  display: block;
  text-align: left
}
.shadowbox_iframe .shadow_content .title h2 {
  color: #2c3135;
  font-size: 21px;
  font-weight: 300
}
.shadowbox_iframe.active {
  display: block
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #f0f4f7!important;
  border-top-color: #f5f5f5!important;
  border-style: dotted!important
}
.fc-unthemed td:first-child {
  border-left: 0 none!important;
  border-bottom: 0 none!important
}
.fc-unthemed .fc-slats tr td:first-child {
  border-style: solid!important
}
.fc-unthemed .fc-minor td:first-child {
  border-top: 0 none!important
}
.fc-unthemed .fc-minor td {
  border-top-color: #f5f5f5!important
}
.fc-unthemed td:last-child {
  border-right: 0 none!important
}
.fc-nonbusiness {
  background: #f1f1f1!important
}
hr.fc-divider {
  padding: 0 0 1px!important
}
.fc-unthemed .fc-today {
  background: #f0f4f7!important
}
.fc-event-container .fc-event {
  font-size: 12px;
  line-height: 14px;
  border-radius: 4px!important;
  border: 1px solid rgba(255,255,255,.9);
  background-color: #9e9e9e;
  font-weight: 400;
  font-weight: 400;
  margin-right: -2px;
  margin-top: 2px;
  min-height: 13px
}
.fc-event .fc-content {
  padding: 5px;
  display: block;
  white-space: normal!important
}
.fc-event .fc-content .fc-time {
  font-size: 12px!important;
  font-weight: 700;
  line-height: 14px;
  width: 100%!important;
  padding: 0 0 5px 0!important;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(255,255,255,.1)
}
.fc-event .fc-content .fc-title {
  font-size: 12px!important;
  line-height: 14px;
  width: 95%!important;
  margin-bottom: 2px;
  opacity: .6;
  padding: 0!important;
  padding-right: 5%;
  display: block
}
.fc-event .fc-content .fc-description,
.fc-event .fc-content .fc-notes {
  font-size: 12px!important;
  line-height: 14px;
  width: 95%!important;
  padding-right: 5%;
  padding: 0!important;
  display: block;
  margin-bottom: 2px
}
.fc-event .fc-content .fc-notes {
  font-style: italic;
  margin-top: 8px
}
.fc-event .fc-bg {
  display: none
}
.fc-event .fc-resizer {
  padding: 0;
  height: 12px!important;
  line-height: 12px!important;
  border-top: 1px solid rgba(255,255,255,.05)
}
.fc-event .fc-resizer:after {
  font-size: 20px;
  color: #fff
}
.fc-event.red {
  background-color: #eea09a!important
}
.fc-event.red .fc-resizer {
  background-color: rgba(238,159,153,.9)!important
}
.fc-event.blue {
  background-color: #83c9eb!important
}
.fc-event.blue .fc-resizer {
  background-color: rgba(130,201,235,.9)!important
}
.fc-event.green {
  background-color: #93d8cf!important
}
.fc-event.green .fc-resizer {
  background-color: rgba(147,215,207,.9)!important
}
.fc-event.violet {
  background-color: #d1a7e5!important
}
.fc-event.violet .fc-resizer {
  background-color: rgba(209,167,228,.9)!important
}
.fc-event.brown {
  background-color: #b57570!important
}
.fc-event.brown .fc-resizer {
  background-color: rgba(180,117,112,.9)!important
}
.fc-view-container .fc-head {
  background-color: #fff
}
.fc-view-container .fc-head td,
.fc-view-container .fc-head th {
  border-bottom: 1px solid #f44336!important;
  border-left: 0 none!important;
  border-top: 0 none!important;
  border-right: 0 none!important
}
.fc-view-container .fc-head td th {
  text-align: center;
  line-height: 35px;
  color: #2c3135;
  font-size: 10px;
  font-weight: 700;
  font-weight: 400;
  text-transform: uppercase
}
.fc-view-container .fc-body {
  background-color: #fff
}
.fc-view-container .fc-body .fc-day-grid {
  background-color: #fff
}
.fc-view-container .fc-body .fc-day-grid .fc-row {
  min-height: 30px
}
.fc-view-container .fc-body .fc-day-grid .fc-axis {
  font-size: 12px;
  color: #626256;
  font-weight: 400;
  font-weight: 400
}
.fc-view-container .fc-body .fc-time-grid .fc-axis {
  text-align: center
}
.fc-view-container .fc-body .fc-time-grid .fc-axis.fc-time span {
  font-size: 10px;
  color: #b6b6ac;
  font-weight: 400;
  font-weight: 400;
  text-transform: uppercase
}
.fc-view-container .fc-body .fc-time-grid .fc-slats td {
  height: 50px;
  border-bottom: 0
}
.addItemBox {
  padding: 0 15px 15px 15px;
  box-sizing: border-box;
  display: block;
  position: relative;
  text-align: left
}
.addItemBox .row {
  width: 100%;
  margin-top: 15px;
  position: relative
}
.addItemBox .row:first-child {
  margin-top: 0
}
.only_expanded {
  display: none
}
.addItemBox .row.title {
  margin-bottom: 5px
}
.addItemBox .row.title h3 {
  font-size: 12px;
  font-weight: 400;
  color: #2c3135
}
.addItemBox .closeExpand {
  padding: 6px;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 1;
  background-color: #000;
  color: #fff;
  font-size: 13px;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}
.addItemBox .closeExpand:hover {
  background-color: #f54337
}
.addItemBox input[type=text] {
  width: 100%;
  border: 1px solid #e2e2e2!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  padding: 0 95px 0 15px;
  box-sizing: border-box;
  background-color: #fff!important;
  color: #000;
  height: 45px;
  line-height: inherit;
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -ms-transition: none!important;
  transition: none!important
}
.addItemBox input[type=text]:focus {
  border-width: 2px!important;
  border-color: #039be4!important
}
.addItemBox textarea {
  width: 100%;
  border: 1px solid #e2e2e2!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  padding: 18px 15px;
  box-sizing: border-box;
  background-color: #fff!important;
  color: #000;
  height: 50px;
  line-height: inherit;
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -ms-transition: none!important;
  transition: none!important
}
.addItemBox textarea:focus {
  border-width: 2px!important;
  border-color: #039be4!important
}
.addItemBox input[type=submit] {
  height: 30px;
  width: 70px;
  text-align: center;
  cursor: pointer;
  background-color: #2d343d;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 8px;
  right: 10px;
  display: inline-block;
  border: 0 none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.addItemBox input[type=submit]:hover {
  background-color: #7f8e8e
}
.addItemBox .secondary_nav {
  width: auto;
  top: 50%;
  margin-top: -19px;
  right: 0;
  text-align: right;
  position: absolute
}
.addItemBox .secondary_nav a {
  width: 90px;
  text-align: center;
  padding: 0
}
.addItemBox .secondary_nav a.secondary {
  color: #999b90
}
.addItemBox .secondary_nav a.secondary:hover {
  color: #f54337
}
.addItemBox .secondary_nav a.primary {
  background-color: transparent;
  border: 1px solid #f54337;
  color: #f54337
}
.addItemBox .secondary_nav a.primary:hover {
  background-color: #f54337;
  color: #fff
}
.addItemBox .submitList {
  text-align: left
}
.addItemBox .submitList .recipientList {
  width: 100%;
  margin-bottom: 10px;
  text-align: left
}
.addItemBox .submitList .recipientList > h2 {
  font-size: 12px;
  color: #2c3135;
  font-weight: 300;
  width: 100%;
  box-sizing: border-box
}
.addItemBox .submitList .recipientList > .labels {
  width: 100%;
  height: 84px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 0 18px 0;
  margin-top: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #a4abb5;
  border-top: 1px solid #a4abb5
}
.addItemBox .submitList .recipientList > .labels ul {
  width: 100%
}
.addItemBox .submitList .recipientList > .labels ul li {
  margin-top: 8px;
  width: 100%
}
.addItemBox .submitList .recipientList > .labels ul li:first-child {
  margin-top: 0
}
.expand .only_expanded {
  display: block
}
.expand .hide_expanded {
  display: none!important
}
.expand .addItemBox .submitList {
  text-align: right
}
.expand .addItemBox .submitList textarea {
  padding: 13px 35px 10px 10px;
  line-height: 16px!important;
  height: 140px;
  resize: none
}
.expand .addItemBox .submitList input[type=submit] {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%
}
@media only screen and (min-width :0px) and (max-width :767px) {
  .addItemBox {
    padding: 0 0 10px 0
  }
}
.listOrder {
  width: 100%
}
.listOrder li {
  width: 100%;
  display: table;
  margin-top: 5px
}
.listOrder li .cell {
  display: table-cell;
  vertical-align: middle
}
.listOrder li .cell.left {
  text-align: left
}
.listOrder li .cell.right {
  width: 30px;
  text-align: right
}
.listOrder input[type=text] {
  color: #6b727b!important;
  border-bottom-color: #d4d4d4!important
}
.listOrder .checkbox_styled label {
  padding-left: 16px
}
.listOrder .listItemSeparator {
  font-size: 17px;
  padding: 20px 0 5px 0;
  text-align: left;
  text-transform: uppercase;
  font-weight: 500;
  color: #2c3135
}
@media only screen and (min-width :0px) and (max-width :767px) {
  .listOrder li .cell.right .checkbox_styled {
    margin-top: 20px
  }
}
a.optionPoints {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -1px;
  font-weight: 700;
  width: auto;
  line-height: 30px;
  display: inline-table;
  vertical-align: top;
  text-align: center;
  color: #565e6f;
  text-indent: -1px;
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1)!important;
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.1)!important;
  box-shadow: 0 0 0 0 rgba(0,0,0,.1)!important
}
a.optionPoints.hover,
a.optionPoints:hover {
  color: #2c3135!important;
  visibility: visible!important
}
.dragBox {
  display: inline-table;
  vertical-align: top
}
.dragBox i {
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -1px;
  font-weight: 700;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 25px;
  line-height: 25px;
  display: inline-table;
  vertical-align: top;
  text-align: center;
  color: #a4abb5;
  cursor: move;
  cursor: -webkit-grab
}
.dragBox:hover i {
  color: #039be4!important;
  background-color: #f0f4f7
}
.newTaskList {
  padding: 20px 30px 20px 30px;
  background-color: #f8faf9;
  border: 0 none!important
}
.newTaskList .row {
  margin-top: 0
}
.newTaskList input[type=text] {
  border-bottom-style: dashed!important;
  border-bottom-color: #f0f4f7!important;
  padding-right: 200px;
  font-size: 16px
}
.no-content {
  width: 100%
}
.no-content > div {
  text-align: center;
  line-height: 19px;
  font-size: 14px;
  line-height: 16px;
  width: 90%;
  padding: 40px 0;
  margin: 0 auto;
  color: #2c3135;
  font-weight: 300
}
.no-content > div > a {
  color: transparent!important
}
.no-content > div > a.icon {
  color: #f54337!important;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-top: 8px;
  font-size: 12px;
  border: 1px solid #f54337;
  background-color: #fff;
  text-align: center;
  display: inline-block
}
.no-content > div > a.icon:hover {
  color: #fff!important;
  background-color: #f54337!important
}
.no-content > div > a.icon i {
  line-height: 20px
}
.messegeComponent {
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  display: table
}
.messegeComponent .content {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 0 20px;
  display: table-cell;
  vertical-align: middle
}
.messegeComponent .content h2 {
  color: #32373b;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
  text-transform: uppercase
}
.messegeComponent .content a {
  color: #f54337;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px
}
.messegeComponent .content a:hover {
  text-decoration: underline
}
.messegeComponent.loading {
  padding: 50px 0!important
}
.messegeComponent.loading .dotsC {
  width: 100%;
  text-align: center;
  font-size: 0
}
.messegeComponent.loading .dotsC .dot {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  display: inline-block;
  vertical-align: top;
  background-color: #626457;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-name: opacityLoading;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: opacityLoading;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: opacityLoading;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: infinite
}
.messegeComponent.loading .dotsC .dot.two {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -ms-animation-delay: .1s;
  animation-delay: .1s
}
.messegeComponent.loading .dotsC .dot.three {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -ms-animation-delay: .3s;
  animation-delay: .3s
}
.messegeComponent.notFound {
  padding: 50px 0!important
}
.messegeComponent.text {
  height: auto;
  padding: 40px 0 40px 0!important;
  display: inline-block
}
.messegeComponent.text .content {
  display: inline-block;
  vertical-align: top
}
.messegeComponent.text .content .icoMessege {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto 10px auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden
}
.messegeComponent.text .content .icoMessege img {
  width: 30px;
  height: 30px;
  display: none
}
.messegeComponent.text .content .textMessege {
  text-align: center;
  margin: 0 auto;
  display: block
}
.messegeComponent.text .content .textMessege h2 {
  text-transform: none;
  font-size: 20px;
  line-height: 22px;
  margin-top: 5px;
  margin-bottom: 0
}
.messegeComponent.text .content .textMessege h2 a {
  color: #f54337;
  font-size: 14px;
  line-height: 14px;
  border-bottom: 1px solid #f54337;
  text-decoration: none!important;
  display: inline-block
}
.messegeComponent.text .content .textMessege h2 a:hover {
  color: #2c3135;
  border-bottom: 1px solid #2c3135
}
.messegeComponent.text.white .content .textMessege h2 {
  color: #fff;
  font-weight: 300
}
.messegeComponent.text.white .content .textMessege h2 a {
  color: #fff;
  border-bottom: 1px solid #fff;
  font-weight: 400
}
.messegeComponent.text.white .content .textMessege h2 a:hover {
  color: #f54337;
  border-bottom: 1px solid #f54337
}
@-webkit-keyframes opacityLoading {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-moz-keyframes opacityLoading {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes opacityLoading {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.page_subnav {
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 0 0 15px
}
.page_subnav ul {
  width: 100%;
  text-align: left;
  font-size: 0
}
.page_subnav ul li {
  display: inline-block;
  text-align: left;
  margin-right: 10px
}
.page_subnav ul li:last-child {
  margin-right: 0
}
.page_subnav ul li a {
  font-weight: 700;
  color: #6b727b;
  display: inline-block;
  line-height: 34px;
  height: 34px;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
  box-sizing: border-box;
  background-color: #f0f4f7;
  border-radius: 6px;
  min-width: 90px;
  font-size: 12px;
  text-align: center;
  padding: 0 15px 0 15px
}
.page_subnav ul li a:hover {
  color: #fff;
  background-color: #a4abb5
}
.page_subnav ul li.active a {
  color: #fff;
  background-color: #6b727b
}
.header_frame .top_right_help {
  float: right;
  right: 0;
  background-color: #dcdbe0;
  color: #fff;
  width: 10px;
  height: 10px;
  font-size: 10px;
  padding: 4px;
  border-radius: 50%;
  text-align: center;
  font-family: robotobold,sans-serif
}
.header_frame .top_right_help:hover {
  background-color: #6b727b
}
.page_subnav .buttons .top_right_help {
  margin-top: 11px;
  margin-right: 20px
}
@media only screen and (min-width :0px) and (max-width :767px) {
  .header_frame .top_right_help {
    margin-top: 3px
  }
}
.dropDownContainer {
  width: 100%;
  position: relative;
  height: 30px
}
.dropDownContainer .visible {
  width: 100%;
  height: 30px;
  text-align: left;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #c7d0d2;
  cursor: pointer
}
.dropDownContainer .visible span.name {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 30px;
  padding-left: 10px;
  box-sizing: border-box;
  font-weight: 400;
  color: #32373a;
  font-size: 12px
}
.dropDownContainer .visible span.ico {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center
}
.dropDownContainer .visible span.ico i {
  line-height: 30px;
  font-size: 18px;
  display: inline;
  vertical-align: top;
  color: #32373a
}
.dropDownContainer .hidden {
  width: 100%;
  position: absolute;
  top: 35px;
  background-color: #fff;
  left: 0;
  z-index: 10;
  -moz-box-shadow: 0 0 60px rgba(0,0,0,.17);
  box-shadow: 0 0 60px rgba(0,0,0,.17);
  display: none
}
.dropDownContainer .hidden ul {
  width: 100%
}
.dropDownContainer .hidden li {
  width: 100%;
  border-top: 1px solid #f6f4f4
}
.dropDownContainer .hidden li:first-child {
  border-top: 0 none
}
.dropDownContainer .hidden li a {
  padding: 10px;
  text-align: left;
  font-size: 12px;
  color: #2c3135;
  display: block;
  line-height: 16px;
  box-sizing: border-box;
  font-family: robotoregular,sans-serif
}
.dropDownContainer .hidden li a:hover {
  background-color: rgba(219,219,216,.1)
}
.dropDownContainer .hidden li a:focus {
  background-color: rgba(219,219,216,.1);
  font-family: robotobold,sans-serif
}
.dropDownContainer.open .hidden {
  display: block
}
.emptyBox {
  width: 100%;
  height: 70%;
  margin-top: 30%;
  box-sizing: border-box;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0
}
.emptyBox span {
  width: 100%;
  display: inline-block;
  vertical-align: top
}
.emptyBox span.title {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  color: #333;
  text-align: center
}
.emptyBox span.title a {
  color: #f54337;
  text-decoration: underline
}
.fullLoading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff
}
.fullLoading .dot {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  top: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f54337;
  animation: loadingBounce .4s infinite alternate;
  -webkit-animation: loadingBounce .4s infinite alternate;
  position: absolute;
  left: 50%;
  margin-left: -20px
}
@keyframes loadingBounce {
  from {
    transform: translateY(0) scale(1)
  }
  to {
    transform: translateY(-20px) scale(.8)
  }
}
@-webkit-keyframes loadingBounce {
  from {
    transform: translateY(0) scale(1)
  }
  to {
    transform: translateY(-20px) scale(.8)
  }
}
body.dark-theme-on .dropDownContainer .visible {
  border-bottom: 1px solid #202123
}
body.dark-theme-on .dropDownContainer .visible span.name {
  color: #fff
}
body.dark-theme-on .dropDownContainer .visible span.ico i {
  color: #fff
}
body.dark-theme-on .dropDownContainer .hidden {
  box-sizing: border-box;
  background-color: #303741;
  border: 1px solid #202123;
  -moz-box-shadow: 0 0 60px rgba(0,0,0,.17);
  box-shadow: 0 0 60px rgba(0,0,0,.17)
}
body.dark-theme-on .dropDownContainer .hidden li {
  border-top: 1px solid #202123
}
body.dark-theme-on .dropDownContainer .hidden li:first-child {
  border-top: 0 none
}
body.dark-theme-on .dropDownContainer .hidden li a {
  color: #fff
}
body.dark-theme-on .dropDownContainer .hidden li a:hover {
  background-color: rgba(219,219,216,.1);
  color: #f54337
}
body.dark-theme-on .dropDownContainer .hidden li a:focus {
  background-color: rgba(219,219,216,.1);
  color: #f54337
}
body.dark-theme-on .checkbox_styled.toggle_display label {
  color: #737b86
}
body.dark-theme-on .checkbox_styled.toggle_display label::after {
  background-color: #21262c
}
body.dark-theme-on .checkbox_styled.toggle_display input[type=checkbox]:checked + label::after {
  background-color: #21262c
}
body.dark-theme-on .checkbox_styled.toggle_display label::before {
  background-color: #798596
}
body.dark-theme-on .checkbox_styled.toggle_display label:hover::before {
  background-color: #9da6b3
}
body.dark-theme-on .checkbox_styled.toggle_display input[type=checkbox]:checked + label::before {
  background-color: #9da6b3
}
body.dark-theme-on .checkbox_styled.toggle_display input[type=checkbox]:checked + label {
  color: #fff
}
body.dark-theme-on .secondary_nav ul li a {
  background-color: #21262d;
  color: #fff
}
body.dark-theme-on .secondary_nav ul li a:hover {
  background-color: #4c4c4c
}
body.dark-theme-on .secondary_nav ul li a.active {
  background-color: #191919
}
body.dark-theme-on .secondary_nav.red ul li a {
  background-color: #f54337;
  color: #fff
}
body.dark-theme-on .secondary_nav.red ul li a.active,
body.dark-theme-on .secondary_nav.red ul li a:hover {
  background-color: #fff;
  color: #f54337
}
body.dark-theme-on .secondary_nav.white ul li a {
  background-color: #2a313c;
  color: #fff
}
body.dark-theme-on .secondary_nav.white ul li a.active,
body.dark-theme-on .secondary_nav.white ul li a:hover {
  background-color: #14181d;
  color: #fff
}
body.dark-theme-on .secondary_nav.light-grey ul li a {
  background-color: #f9f9f9;
  color: #2c3135
}
body.dark-theme-on .secondary_nav.light-grey ul li a.active,
body.dark-theme-on .secondary_nav.light-grey ul li a:hover {
  background-color: #373c40;
  color: #fff
}
body.dark-theme-on .secondary_nav.gray ul li a {
  background-color: #202123;
  color: #fff
}
body.dark-theme-on .secondary_nav.gray ul li a.active,
body.dark-theme-on .secondary_nav.gray ul li a:hover {
  background-color: #485c77;
  color: #fff
}
body.dark-theme-on .secondary_nav.transparent ul li a.active,
body.dark-theme-on .secondary_nav.transparent ul li a:hover {
  color: #f54337
}
body.dark-theme-on .secondary_nav.transparent.black ul li a {
  color: #2c3135
}
body.dark-theme-on .secondary_nav.transparent.black ul li a.active,
body.dark-theme-on .secondary_nav.transparent.black ul li a:hover {
  color: #f54337!important
}
body.dark-theme-on .secondary_nav.transparent.gray ul li a {
  color: #626457
}
body.dark-theme-on .secondary_nav.transparent.gray ul li a.active,
body.dark-theme-on .secondary_nav.transparent.gray ul li a:hover {
  color: #f54337!important
}
body.dark-theme-on .addItemBox .secondary_nav a.secondary {
  color: #6e7280
}
body.dark-theme-on .addItemBox .secondary_nav a.secondary:hover {
  color: #f54337
}
body.dark-theme-on .addItemBox .secondary_nav a.primary {
  background-color: transparent;
  border: 1px solid #f54337;
  color: #f54337
}
body.dark-theme-on .addItemBox .secondary_nav a.primary:hover {
  background-color: #f54337;
  color: #fff
}
body.dark-theme-on .taskListDetail .projectList .newTaskList .secondary_nav ul li {
  background-color: transparent
}
body.dark-theme-on .secondary_nav.dark-transparent .button-group.open .dropdown-button {
  background-color: transparent!important;
  color: #f54337!important
}
body.dark-theme-on .secondary_nav.dark-transparent .secondary_nav ul li a:hover {
  background-color: transparent
}
body.dark-theme-on .secondary_nav.dark-transparent .button-group .dropdown-button:hover {
  background-color: transparent;
  color: #fff
}
body.dark-theme-on .secondary_nav.dark-transparent .button-group .dropdown-button:hover {
  background-color: transparent
}
body.dark-theme-on .secondary_nav.dark-transparent ul li a:hover {
  background-color: transparent
}
body.dark-theme-on .secondary_nav.dark-transparent > ul > li > a {
  background-color: transparent
}
body.dark-theme-on .button-group .dropdown-button {
  border-left: 1px solid #21262d;
  background-color: #2a313c
}
body.dark-theme-on .button-group .dropdown-button:hover {
  background-color: #363940;
  color: #f54337
}
body.dark-theme-on .button-group .dropdown-button i {
  color: #fff
}
body.dark-theme-on .button-group .dropdown-button:hover i {
  color: #f54337
}
body.dark-theme-on .button-group.open ul {
  border-left: 1px solid #21262d;
  border-right: 1px solid #21262d;
  border-top: 1px solid #21262d
}
body.dark-theme-on .button-group ul li {
  border-bottom: 1px solid #21262d
}
body.dark-theme-on .button-group.open .dropdown-button {
  background-color: #363940!important;
  color: #f54337!important
}
body.dark-theme-on .button-group.open .dropdown-button i {
  color: #f54337!important
}
body.dark-theme-on .checkbox_styled label {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .checkbox_styled .text {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .checkbox_styled label::before {
  border: 1px solid #909090;
  text-shadow: 0 0 0
}
body.dark-theme-on .checkbox_styled label:hover::before {
  border: 1px solid #039be4;
  color: #039be4;
  background-color: #202123
}
body.dark-theme-on .checkbox_styled input[type=checkbox]:checked + label::before {
  border-color: #035c90;
  background-color: #039be4;
  color: #fff
}
body.dark-theme-on .checkbox_styled.toggle_display input[type=checkbox]:checked + label + .text {
  color: #707273
}
body.dark-theme-on .checkbox_styled.black label {
  color: #fff
}
body.dark-theme-on .checkbox_styled.black label::before {
  border: 1px solid #202123;
  text-shadow: 0 0 0
}
body.dark-theme-on .checkbox_styled.black label:hover::before {
  border: 1px solid #202123;
  color: rgba(255,255,255,.3);
  background-color: #1b1b1b
}
body.dark-theme-on .checkbox_styled.black input[type=checkbox]:checked + label::before {
  border: 1px solid #202123;
  background-color: #1b1b1b
}
body.dark-theme-on .checkbox_styled.white label {
  color: #fff
}
body.dark-theme-on .checkbox_styled.white label:before {
  color: #fff;
  border: 1px solid #fff
}
body.dark-theme-on .checkbox_styled.white label:hover:before {
  border: 1px solid #fff;
  color: rgba(255,255,255,.5);
  background-color: rgba(255,255,255,.05)
}
body.dark-theme-on .checkbox_styled.white input[type=checkbox]:checked + label:before {
  border: 1px solid #2c3135;
  background-color: #2c3135
}
body.dark-theme-on .tracking .checkbox_styled label {
  color: #fff
}
body.dark-theme-on .tracking .checkbox_styled label:before {
  color: #fff;
  border: 1px solid #3c424a
}
body.dark-theme-on .tracking .checkbox_styled label:hover:before {
  border: 1px solid #fff;
  color: rgba(255,255,255,.5);
  background-color: rgba(255,255,255,.05)
}
body.dark-theme-on .tracking .checkbox_styled input[type=checkbox]:checked + label:before {
  border-color: #035c90;
  background-color: #039be4
}
body.dark-theme-on .checkbox_styled.toggle_display_horizontal label::before {
  background-color: #6d7175
}
body.dark-theme-on .checkbox_styled.toggle_display_horizontal label::after {
  background-color: #2a313a;
  border: 1px solid #1f242b;
  box-sizing: border-box
}
body.dark-theme-on .checkbox_styled.toggle_display_horizontal input[type=checkbox]:checked + label::before {
  background-color: #1f242b
}
body.dark-theme-on .taskListDetail li .checkbox_styled label:before {
  background-color: #2a313c;
  color: #2c3135;
  border: 1px solid #909090
}
body.dark-theme-on .taskListDetail li.tracking .checkbox_styled label:before {
  border: 1px solid #202123
}
body.dark-theme-on .taskListDetail li .checkbox_styled label:hover:before {
  border: 1px solid #039be4;
  color: #039be4;
  background-color: #202123
}
body.dark-theme-on .taskListDetail li .checkbox_styled input[type=checkbox]:checked + label:before {
  border: 1px solid #039be4;
  color: #039be4;
  background-color: #202123
}
body.dark-theme-on .combo_list ul li .checkbox_styled {
  border-top: 1px solid #202123
}
body.dark-theme-on .combo_list ul li .checkbox_styled label {
  color: #fff
}
body.dark-theme-on .combo_list ul li .checkbox_styled label:focus {
  background-color: #202123
}
body.dark-theme-on .timeEntryList .entry.tracking .table > .cell.task_check .checkbox_styled label:before {
  border: 1px solid #909090
}
body.dark-theme-on .timeEntryList .entry.tracking .table > .cell.task_check .checkbox_styled label:hover:before {
  border: 1px solid #039be4;
  color: #039be4;
  background-color: #202123
}
body.dark-theme-on .timeEntryList .entry.tracking .table > .cell.task_check .checkbox_styled input[type=checkbox]:checked + label:before {
  border: 1px solid #039be4;
  background-color: #039be4;
  color: #fff
}
body.dark-theme-on a.optionPoints {
  color: #fff
}
body.dark-theme-on a.optionPoints.hover,
body.dark-theme-on a.optionPoints:hover {
  color: #b2c1c8!important
}
body.dark-theme-on .messegeComponent .content h2 {
  color: #fff
}
body.dark-theme-on .messegeComponent .content a {
  color: #f54337
}
body.dark-theme-on .messegeComponent.loading .dotsC .dot {
  background-color: #efefef
}
body.dark-theme-on .messegeComponent.text .content .textMessege h2 {
  text-shadow: 0 1px #202123
}
body.dark-theme-on .messegeComponent.text .content .textMessege h2 a {
  color: #f54337;
  border-bottom: 1px solid #f54337;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .messegeComponent.text .content .textMessege h2 a:hover {
  color: #fff;
  border-bottom: 1px solid #fff
}
body.dark-theme-on .messegeComponent.text .content .icoMessege {
  border: 2px solid #202123
}
body.dark-theme-on .messegeComponent.text.white .content .textMessege h2 {
  color: #fff
}
body.dark-theme-on .messegeComponent.text.white .content .textMessege h2 a {
  color: #fff;
  border-bottom: 1px solid #fff
}
body.dark-theme-on .messegeComponent.text.white .content .textMessege h2 a:hover {
  color: #fff;
  border-bottom: 1px solid #fff
}
body.dark-theme-on .companyDashboard .messegeComponent {
  background-image: url(../../img/dashboard_empty.png)
}
body.dark-theme-on .dragBox i {
  color: #fff
}
body.dark-theme-on .dragBox:hover i {
  background-color: #1b1b1b
}
body.dark-theme-on .tracking .dragBox i {
  color: #fff
}
body.dark-theme-on .tracking .dragBox:hover i {
  color: #1dd7b9!important;
  background-color: #fff
}
body.dark-theme-on .listContainer .dragBox i {
  color: #fff
}
body.dark-theme-on .taskListTask.ui-draggable-dragging .dragBox i {
  color: #fff
}
body.dark-theme-on .addItemBox .row.title h3 {
  color: #fff
}
body.dark-theme-on .addItemBox .closeExpand {
  background-color: #000;
  color: #fff
}
body.dark-theme-on .addItemBox .closeExpand:hover {
  background-color: #f54337
}
body.dark-theme-on .addItemBox input[type=text] {
  border-color: #000!important;
  border-bottom-color: #000!important;
  background-color: #000!important;
  color: #fff
}
body.dark-theme-on .addItemBox input[type=text]:focus {
  border-color: #039be4!important;
  border-bottom-color: #039be4!important
}
body.dark-theme-on .addItemBox textarea {
  border-color: #000!important;
  border-bottom-color: #000!important;
  background-color: #3c424a!important;
  color: #fff
}
body.dark-theme-on .addItemBox textarea:focus {
  border-color: #039be4!important;
  border-bottom-color: #039be4!important
}
body.dark-theme-on .addItemBox input[type=submit] {
  background-color: #21262d;
  color: #fff
}
body.dark-theme-on .addItemBox input[type=submit]:hover {
  background-color: #1b1b1b
}
body.dark-theme-on .addItemBox .submitList .recipientList > h2 {
  color: #fff;
  text-shadow: 0 1px 0 #202123
}
body.dark-theme-on .addItemBox .submitList .recipientList > .labels {
  border-bottom: 1px solid #202123;
  border-top: 1px solid #202123
}
body.dark-theme-on .input.date {
  border-bottom: 1px solid #535c69!important;
  color: #efefef;
  background-color: #2a313b
}
body.dark-theme-on .input.date.error {
  border-bottom: 1px solid #f54337!important;
  color: #f54337!important
}
body.dark-theme-on .newTaskList {
  background-color: #20242b
}
body.dark-theme-on .newTaskList input[type=text] {
  border-bottom-color: #8b8b8b!important
}
body.dark-theme-on .searh_bar_c i {
  color: #5e5e5e
}
body.dark-theme-on .searh_bar_c input:focus {
  background-color: #21262d
}
body.dark-theme-on .searh_bar_c input::-webkit-input-placeholder {
  color: #6e7280
}
body.dark-theme-on .searh_bar_c input:-moz-placeholder {
  color: #6e7280
}
body.dark-theme-on .searh_bar_c input::-moz-placeholder {
  color: #6e7280
}
body.dark-theme-on .searh_bar_c input:-ms-input-placeholder {
  color: #6e7280
}
body.dark-theme-on .searh_bar_c .searchResults {
  background-color: #303741
}
body.dark-theme-on .searh_bar_c .searchResults li a {
  color: #fff;
  border-top: 1px solid #202123
}
body.dark-theme-on .searh_bar_c .searchResults li:hover {
  background-color: #363940
}
body.dark-theme-on .searh_bar_c .searchResults li.notFound u {
  color: #fff
}
body.dark-theme-on .searh_bar_c .load_anim .dotsC .dot {
  background-color: #efefef
}
body.dark-theme-on .simple_button a {
  color: #f54337;
  border: 1px solid #f54337
}
body.dark-theme-on .simple_button a:hover {
  background-color: #f54337;
  color: #fff
}
body.dark-theme-on .simple_button.red-style a {
  color: #fff
}
body.dark-theme-on .simple_button.red-style a:hover {
  background-color: #f54337;
  color: #fff
}
body.dark-theme-on .listOrder input[type=text] {
  color: #b1b1b1!important;
  border-bottom-color: #8b8b8b!important
}
body.dark-theme-on .listOrder .listItemSeparator {
  color: #fff
}
body.dark-theme-on .calendar_controls ul li a {
  color: #f1f1f1
}
body.dark-theme-on .calendar_controls ul li.today .show_calendar {
  color: #f1f1f1
}
body.dark-theme-on .calendar_controls ul li.today .show_calendar:hover {
  color: #f54337
}
body.dark-theme-on .calendar_controls ul li.next a,
body.dark-theme-on .calendar_controls ul li.prev a {
  border: 0 solid transparent
}
body.dark-theme-on .calendar_controls ul li.next a:hover,
body.dark-theme-on .calendar_controls ul li.prev a:hover {
  background-color: #f54337
}
body.dark-theme-on .calendar_controls ul li.today .today_button {
  color: #f6f8f9;
  background-color: #23272f!important
}
body.dark-theme-on .calendar_controls ul li.today .today_button:hover {
  color: #f6f8f9;
  background-color: #191919!important
}
body.dark-theme-on .calendar_controls ul li.reload a {
  border-color: transparent
}
body.dark-theme-on .page_subnav {
  background-color: #2a313c
}
body.dark-theme-on .page_subnav ul li a {
  color: #fff
}
body.dark-theme-on .page_subnav ul li.active a {
  background-color: #777d88;
  color: #fff
}
body.dark-theme-on .page_subnav ul li a {
  background-color: #23272f
}
body.dark-theme-on .radio_styled label {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .radio_styled label:before {
  background-color: #2a313c;
  border: 1px solid #909090
}
body.dark-theme-on .radio_styled label:hover:before {
  background-color: #202123
}
body.dark-theme-on .radio_styled input[type=radio]:checked + label:before {
  background-color: #039be6;
  border: 1px solid #202123
}
body.dark-theme-on .radios_c h2 {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .fc-unthemed .fc-divider,
body.dark-theme-on .fc-unthemed .fc-popover,
body.dark-theme-on .fc-unthemed .fc-row,
body.dark-theme-on .fc-unthemed tbody,
body.dark-theme-on .fc-unthemed td,
body.dark-theme-on .fc-unthemed th,
body.dark-theme-on .fc-unthemed thead {
  border-color: #202123!important;
  border-top-color: #202123!important;
  border-style: dotted!important
}
body.dark-theme-on .fc-event-container .fc-event {
  background-color: #2a313c
}
body.dark-theme-on .fc-unthemed td:first-child {
  border-left: 0 none!important;
  border-bottom: 0 none!important
}
body.dark-theme-on .fc-unthemed .fc-slats tr td:first-child {
  border-style: solid!important
}
body.dark-theme-on .fc-unthemed .fc-minor td:first-child {
  border-top: 0 none!important
}
body.dark-theme-on .fc-unthemed .fc-minor td {
  border-top-color: #202123!important
}
body.dark-theme-on .fc-unthemed td:last-child {
  border-right: 0 none!important
}
body.dark-theme-on .fc-nonbusiness {
  background: #242424!important
}
body.dark-theme-on .fc-unthemed .fc-today {
  background: #39414e!important
}
body.dark-theme-on .fc-event-container .fc-event {
  border: 1px solid #202123
}
body.dark-theme-on .fc-view-container .fc-head {
  background-color: #2a313c
}
body.dark-theme-on .fc-view-container .fc-head td,
body.dark-theme-on .fc-view-container .fc-head th {
  border-bottom: 1px solid #f54337!important;
  border-left: 0 none!important;
  border-top: 0 none!important;
  border-right: 0 none!important
}
body.dark-theme-on .fc-view-container .fc-head td th {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .fc-view-container .fc-body {
  background-color: #303741
}
body.dark-theme-on .fc-view-container .fc-body .fc-day-grid {
  background-color: #2a313c
}
body.dark-theme-on .fc-view-container .fc-body .fc-day-grid .fc-axis {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .fc-view-container .fc-body .fc-time-grid .fc-axis.fc-time span {
  color: rgba(255,255,255,.5);
  text-shadow: 0 1px #202123
}
body.dark-theme-on .action_button {
  border-top: 1px solid #202123
}
body.dark-theme-on .action_button a {
  color: #eaeaea;
  border-left-color: #202123;
  background-color: #363940
}
body.dark-theme-on .action_button a:hover {
  color: #fff;
  background-color: #21262d
}
body.dark-theme-on .action_button a.delete:hover {
  color: #f44336
}
body.dark-theme-on .action_button a.ascent {
  color: #fff;
  background-color: #039be5
}
body.dark-theme-on .action_button a.ascent:hover {
  color: #fff;
  background-color: #0a8ccb
}
body.dark-theme-on .count_value .title h2 {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .count_value .value span[data-comp=amountSelected],
body.dark-theme-on .count_value .value span[data-comp=totalRows] {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .count_value .value span[data-comp=filteredTotalMoney],
body.dark-theme-on .count_value .value span[data-comp=filteredTotal],
body.dark-theme-on .count_value .value span[data-comp=totalMoney],
body.dark-theme-on .count_value .value span[data-comp=total] {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .fullLoading {
  background-color: #21252c
}
.view_ {
  width: 100%;
  height: 100%;
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  background-color: #fff
}
.view_.side_view_ {
  right: 0!important;
  left: auto!important;
  width: 400px!important;
  border-left: 1px solid #ecf0f4
}
.view_.side_view_.lightbox_ .base_ {
  max-width: 400px;
  float: right
}
.view_.side_view_.lightbox_::after {
  clear: both;
  content: ''
}
.view_.lightbox_ {
  width: 100%!important;
  background-color: rgba(0,0,0,.8);
  z-index: 1100!important;
  padding-top: 0!important;
  border: 0 none!important
}
.view_.lightbox_:not(.side_view_) > .base_ {
  max-width: 900px;
  height: calc(100% - 40px);
  margin: 20px auto 0 auto;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.view_.floating_side_view_ {
  width: 450px!important;
  height: calc(100% - 40px);
  position: fixed;
  top: 20px;
  right: 20px;
  left: auto!important;
  z-index: 1000;
  border: 1px solid var(--APP-shadow-border);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  overflow: hidden;
  padding: 0!important
}
.view_.floating_side_view_.active {
  z-index: 1000!important
}
.view_ .base_mask_ {
  width: 100%;
  height: 100%;
  min-width: 580px
}
.view_ .base_sticky_header_ {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 50;
  box-sizing: border-box;
  width: calc(100% + 40px);
  -webkit-transform: translate3d(-20px,0,0);
  -moz-transform: translate3d(-20px,0,0);
  -ms-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
  padding: 0 20px
}
.view_ .base_sticky_header_ .flex_ {
  width: 100%;
  min-height: 50px
}
.view_ .base_sticky_header_ .flex_ .help_pop_button_ {
  margin-left: auto;
  position: relative;
  right: -10px
}
.view_ .base_sticky_header_ .flex_ .view_title_ {
  max-width: 140px;
  overflow: hidden;
  margin-right: 0
}
.view_ .base_sticky_header_ .flex_ .view_title_ h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%
}
.view_ .columns_ {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}
.view_ .columns_ .c_ {
  width: 100%;
  height: 100%;
  overflow: hidden
}
.view_ .columns_ .c_.side_nav_ {
  width: 200px;
  flex-shrink: 0;
  background-color: #f5f4f4;
  border-left: 1px solid #e3e2e2;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px
}
.view_ .columns_ .c_.side_nav_ .base_c_,
.view_ .columns_ .c_.side_nav_ .base_f_,
.view_ .columns_ .c_.side_nav_ .base_h_ {
  background-color: #f5f4f4
}
.view_ .columns_ .c_.side_nav_ .base_f_ {
  border-top-color: #e3e2e2
}
.view_ .columns_ .c_.side_nav_ .loading_and_block::after {
  background-color: rgba(245,244,244,.8)
}
.view_ .columns_ .c_.side_nav_ .base_c_ {
  padding-top: 21px
}
.view_ .columns_ .c_.side_nav_ .side_nav_header_ {
  margin-bottom: 10px;
  min-height: 20px;
  margin-top: -6px
}
.view_ .base_ {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column
}
.view_ .base_h_ {
  width: 100%;
  flex-shrink: 0;
  z-index: 11
}
.view_ .base_c_ {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0 20px;
  box-sizing: border-box;
  z-index: 9
}
.view_ .base_f_ {
  width: 100%;
  flex-shrink: 0;
  border-top: 1px solid #f5f4f4;
  z-index: 10
}
.view_ .centered_ {
  width: 710px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 20px
}
.view_ .centered_.full_centered_,
.view_.full_centered_ .centered_ {
  width: 100%
}
.view_ .centered_.space_ {
  padding-top: 17px;
  padding-bottom: 25px
}
.view_ .base_f_ .flex_,
.view_ .base_h_ .flex_ {
  width: 100%;
  min-height: 50px;
  align-items: center;
  box-sizing: border-box;
  padding: 0 20px 0 20px
}
.view_ .base_f_ .flex_ {
  padding-top: 15px;
  padding-bottom: 15px
}
.view_ .base_h_.border_ {
  border-bottom: 1px solid #f5f4f4
}
.view_ .base_h_ .centered_ .flex_ {
  padding-right: 0;
  padding-left: 0
}
.view_ .no_pad_ {
  padding: 0
}
.view_ .no_scroll_ {
  overflow: hidden
}
.view_ .base_c_,
.view_ .base_f_,
.view_ .base_h_ {
  background-color: #fff;
  position: relative
}
.view_section_name_ {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 40px;
  display: inline-block
}
.view_section_name_:first-child {
  margin-top: 0
}
.view_section_name_ h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px
}
.view_section_name_ h2 a u {
  text-decoration: underline
}
.view_section_name_ h2 a i {
  margin-left: 5px;
  position: relative;
  top: 2px
}
.view_section_name_ h2 u::first-letter,
.view_section_name_ h2::first-letter {
  display: inline-block;
  text-transform: uppercase
}
@media only screen and (min-width :0px) and (max-width :399px) {
  .view_.side_view_ {
    width: 100%!important;
    background-color: rgba(0,0,0,.8);
    border: 0 none;
    z-index: 1001!important;
    padding-top: 0!important
  }
  .view_.side_view_ .base_ {
    max-width: 100%
  }
}
@media only screen and (min-width :400px) and (max-width :899px) {
  .view_.side_view_ {
    width: 100%!important;
    background-color: rgba(0,0,0,.8);
    border: 0 none;
    z-index: 1001!important;
    padding-top: 0!important
  }
  .view_.side_view_ .base_ {
    max-width: 500px;
    float: right
  }
  .view_.side_view_::after {
    clear: both;
    content: ''
  }
}
@media only screen and (min-width :900px) and (max-width :1100px) {
  body.taskListNavigatorOpen #TaskDetail.side_view_ {
    width: 100%!important;
    background-color: rgba(0,0,0,.8);
    border: 0 none;
    z-index: 1001!important;
    padding-top: 0!important
  }
  body.taskListNavigatorOpen #TaskDetail.side_view_ .base_ {
    max-width: 500px;
    float: right
  }
  body.taskListNavigatorOpen #TaskDetail.side_view_::after {
    clear: both;
    content: ''
  }
}
.list_view_ {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box
}
.list_view_.static_ {
  position: static;
  width: 100%;
  height: auto
}
.list_view_.static_ .list_view_header_ {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 20
}
.list_view_.static_ .list_view_content_ {
  overflow: visible
}
.list_view_.static_ .list_view_footer_ {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10
}
.list_view_.static_ .list_view_footer_ + .list_view_content_ {
  padding-bottom: 60px
}
.list_view_ .list_view_header_ {
  width: 100%!important;
  position: relative;
  border-bottom: 1px solid #f5f4f4;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 20px
}
.list_view_ .list_view_header_ .centered_ {
  height: 50px;
  min-height: 50px;
  font-size: 0
}
.list_view_ .list_view_content_ {
  width: 100%!important;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 20px
}
.list_view_ .list_view_content_ .centered_ {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 0
}
.list_view_ .list_view_footer_ {
  width: 100%!important;
  position: relative;
  box-sizing: border-box;
  border-top: 1px solid #f5f4f4;
  background-color: #fff;
  padding: 0 20px
}
.list_view_ .list_view_footer_ .centered_ {
  height: 60px;
  min-height: 60px;
  font-size: 0
}
.list_view_.side_view_ {
  background-color: #fff;
  border-left: 1px solid #ecf0f4;
  right: 0!important;
  left: auto!important;
  width: 400px!important;
  padding-left: 0!important;
  padding-right: 0!important
}
.list_view_.side_view_ .list_view_content_,
.list_view_.side_view_ .list_view_footer_,
.list_view_.side_view_ .list_view_header_ {
  width: 100%!important
}
.list_view_.side_view_.loading_and_block::before {
  margin-top: 20px
}
.list_view_.side_view_.lightbox_ {
  width: 100%!important;
  background-color: rgba(0,0,0,.8);
  border: 0 none;
  z-index: 1100!important;
  padding-top: 0!important
}
.list_view_.side_view_.lightbox_ .list_view_content_,
.list_view_.side_view_.lightbox_ .list_view_footer_,
.list_view_.side_view_.lightbox_ .list_view_header_ {
  width: 400px!important;
  margin-left: calc(100% - 400px)
}
.list_view_.side_view_.lightbox_.loading_and_block::after {
  margin-top: 0;
  width: 400px!important;
  right: 0;
  left: auto
}
.list_view_.side_view_.lightbox_.loading_and_block::before {
  margin-left: 0;
  margin-right: 0;
  right: 188px;
  left: auto
}
.list_view_.floating_side_view_ {
  background-color: #fff;
  border: 1px solid var(--APP-shadow-border);
  right: 15px!important;
  left: auto!important;
  top: 69px;
  width: 400px!important;
  height: calc(100% - 84px);
  padding: 0!important;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  overflow: hidden
}
.list_view_.floating_side_view_ .list_view_content_,
.list_view_.floating_side_view_ .list_view_footer_,
.list_view_.floating_side_view_ .list_view_header_ {
  width: 100%!important
}
.list_view_.floating_side_view_.active {
  z-index: 1000!important
}
.list_view_.border_gap {
  border-left: 1px solid #f5f4f4
}
.list_view_.column_b_ {
  padding-left: 0!important
}
.list_view_.stack_ {
  background-color: rgba(0,0,0,.8);
  z-index: 1101!important;
  display: none;
  padding: 0!important;
  cursor: pointer
}
.list_view_.stack_.active {
  display: block
}
.list_view_.stack_ .stack_content_ {
  width: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: default
}
.list_view_.pop_ {
  padding: 10px;
  background-color: rgba(0,0,0,.8);
  z-index: 1000!important;
  display: none;
  padding: 0;
  cursor: pointer;
  box-sizing: border-box
}
.list_view_.pop_.active {
  display: block
}
.list_view_.pop_ .list_view_content_,
.list_view_.pop_ .list_view_footer_,
.list_view_.pop_ .list_view_header_ {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  cursor: default
}
.list_view_.pop_ .list_view_header_ {
  -webkit-border-top-left-radius: var(--APP-radius);
  -webkit-border-top-right-radius: var(--APP-radius);
  -moz-border-radius-topleft: var(--APP-radius);
  -moz-border-radius-topright: var(--APP-radius);
  border-top-left-radius: var(--APP-radius);
  border-top-right-radius: var(--APP-radius)
}
.list_view_.pop_ .list_view_header_ + .list_view_content_ {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.list_view_.pop_ .list_view_content_ {
  -webkit-border-top-left-radius: var(--APP-radius);
  -webkit-border-top-right-radius: var(--APP-radius);
  -moz-border-radius-topleft: var(--APP-radius);
  -moz-border-radius-topright: var(--APP-radius);
  border-top-left-radius: var(--APP-radius);
  border-top-right-radius: var(--APP-radius)
}
.list_view_.pop_ .list_view_content_.radius_bottom_ {
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -webkit-border-bottom-left-radius: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  -moz-border-radius-bottomleft: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius);
  border-bottom-left-radius: var(--APP-radius)
}
.list_view_.pop_ .list_view_footer_ {
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -webkit-border-bottom-left-radius: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  -moz-border-radius-bottomleft: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius);
  border-bottom-left-radius: var(--APP-radius)
}
.list_view_.pop_:not(.content_fixed_) .list_view_content_ {
  height: auto!important
}
@media only screen and (min-width :0px) and (max-width :399px) {
  .list_view_.side_view_ {
    width: 100%!important;
    background-color: rgba(0,0,0,.8);
    border: 0 none;
    z-index: 1001!important;
    padding-top: 0!important
  }
  .list_view_.side_view_ .list_view_content_,
  .list_view_.side_view_ .list_view_footer_,
  .list_view_.side_view_ .list_view_header_ {
    width: 100%!important;
    margin-left: 0!important
  }
  .list_view_.side_view_.loading_and_block::after {
    margin-top: 0;
    width: 100%!important;
    right: 0;
    left: auto
  }
  .list_view_.side_view_.loading_and_block::before {
    margin-left: -15px;
    margin-right: 0;
    right: auto;
    left: 50px
  }
}
@media only screen and (min-width :400px) and (max-width :899px) {
  .list_view_.side_view_ {
    width: 100%!important;
    background-color: rgba(0,0,0,.8);
    border: 0 none;
    z-index: 1001!important;
    padding-top: 0!important
  }
  .list_view_.side_view_ .list_view_content_,
  .list_view_.side_view_ .list_view_footer_,
  .list_view_.side_view_ .list_view_header_ {
    width: 400px!important;
    margin-left: calc(100% - 400px)
  }
  .list_view_.side_view_.loading_and_block::after {
    margin-top: 0;
    width: 400px!important;
    right: 0;
    left: auto
  }
  .list_view_.side_view_.loading_and_block::before {
    margin-left: 0;
    margin-right: 0;
    right: 188px;
    left: auto
  }
}
@media only screen and (min-width :900px) and (max-width :1100px) {
  body.taskListNavigatorOpen #TaskDetail.list_view_.side_view_ {
    width: 100%!important;
    background-color: rgba(0,0,0,.8);
    border: 0 none;
    z-index: 1001!important;
    padding-top: 0!important
  }
  body.taskListNavigatorOpen #TaskDetail.list_view_.side_view_ .list_view_content_,
  body.taskListNavigatorOpen #TaskDetail.list_view_.side_view_ .list_view_footer_,
  body.taskListNavigatorOpen #TaskDetail.list_view_.side_view_ .list_view_header_ {
    width: 400px!important;
    margin-left: calc(100% - 400px)
  }
  body.taskListNavigatorOpen #TaskDetail.list_view_.side_view_.loading_and_block::after {
    margin-top: 0;
    width: 400px!important;
    right: 0;
    left: auto
  }
  body.taskListNavigatorOpen #TaskDetail.list_view_.side_view_.loading_and_block::before {
    margin-left: 0;
    margin-right: 0;
    right: 188px;
    left: auto
  }
}
.loading_view_ .block_on_loading_ {
  pointer-events: none;
  overflow: hidden
}
.loading_view_ .block_on_loading_:not(.no_hide_) * {
  display: none!important
}
.loading_view_ .block_on_loading_::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.9);
  content: '';
  z-index: 200
}
.loading_view_ .block_on_loading_::before {
  vertical-align: middle;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e0e5ea;
  border-left: 2px solid #f54337;
  box-sizing: border-box;
  animation-delay: 1s;
  -webkit-animation: fadeIn .5s forwards,spin .5s infinite ease-in-out;
  animation: fadeIn .5s forwards,spin .5s infinite ease-in-out;
  opacity: 0;
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -15px;
  z-index: 210;
  margin-left: -15px
}
.loading_view_ .block_on_loading_.delay_::before {
  animation-delay: 3s!important
}
.static_ .list_view_contextual_ {
  position: fixed
}
.list_view_contextual_ {
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 600;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s,visibility .2s,-webkit-transform .4s;
  -moz-transition: opacity .2s,visibility .2s,-moz-transform .4s;
  -ms-transition: opacity .2s,visibility .2s,-ms-transform .4s;
  transition: opacity .2s,visibility .2s,transform .4s;
  -webkit-transform: translate3d(0,100px,0);
  -moz-transform: translate3d(0,100px,0);
  -ms-transform: translate3d(0,100px,0);
  transform: translate3d(0,100px,0);
  text-align: center
}
.list_view_contextual_ .pill_ {
  width: auto;
  display: inline-block;
  vertical-align: top;
  height: 45px;
  margin: 0 auto;
  background-color: var(--APP-focus-color);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  position: relative;
  top: -45px
}
.list_view_contextual_ .pill_ .table_ {
  width: auto;
  height: 45px;
  table-layout: fixed
}
.list_view_contextual_ .pill_ .table_ .cell_ {
  font-size: 0
}
.list_view_contextual_ .pill_ .table_ .col_name {
  width: 70px;
  padding: 0 0 0 15px
}
.list_view_contextual_ .pill_ .table_ .col_actions {
  padding: 0 15px 0 10px
}
.list_view_contextual_.active,
.show_contextual_view .list_view_contextual_ {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
  visibility: visible
}
.list_view_contextual_ .selected_name_ {
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  color: #fff
}
.list_view_contextual_ .time_counter_ {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  border-left: 1px solid #77aeea;
  border-right: 1px solid #77aeea;
  padding-left: 10px;
  padding-right: 10px
}
.list_view_contextual_ .action_button_ {
  color: #fff!important
}
.list_view_contextual_ .actions_ {
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
  margin-right: 12px;
  border-right: 1px solid #77aeea
}
.list_view_contextual_ .actions_ .drop_ > .button_:not(:hover),
.list_view_contextual_ .actions_ > .button_:not(:hover),
.list_view_contextual_ .actions_ [data-comp=showButton]:not(:hover) {
  color: #fff!important
}
.list_view_contextual_ .actions_ .drop_,
.list_view_contextual_ .actions_ .drop_ > .button_,
.list_view_contextual_ .actions_ > .button_ {
  margin: 0!important;
  font-weight: 500
}
.list_view_contextual_ .actions_ .drop_ {
  margin-left: 20px
}
.list_view_contextual_ .action_button_ {
  vertical-align: middle
}
.list_view_contextual_ .drop_ {
  vertical-align: middle;
  margin-left: 15px
}
@media only screen and (min-width :1024px) and (max-width :1390px) {
  body.taskListNavigatorOpen.taskDetailOpen #Project .list_view_contextual_ .actions_ .drop_ > .button_ u,
  body.taskListNavigatorOpen.taskDetailOpen #Project .list_view_contextual_ .actions_ > .button_ u,
  body.taskListNavigatorOpen.taskDetailOpen #TaskListDetail .list_view_contextual_ .actions_ .drop_ > .button_ u,
  body.taskListNavigatorOpen.taskDetailOpen #TaskListDetail .list_view_contextual_ .actions_ > .button_ u,
  body.taskListNavigatorOpen.taskDetailOpen #UserTasksView .list_view_contextual_ .actions_ .drop_ > .button_ u,
  body.taskListNavigatorOpen.taskDetailOpen #UserTasksView .list_view_contextual_ .actions_ > .button_ u {
    display: none
  }
}
@media only screen and (min-width :0px) and (max-width :1124px) {
  .list_view_contextual_ .actions_ .drop_ > .button_ u,
  .list_view_contextual_ .actions_ > .button_ u {
    display: none
  }
}
.list_view_sticky_ {
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 502;
  box-sizing: border-box;
  font-size: 0;
  display: block;
  vertical-align: top
}
.list_view_sticky_ .hide_ {
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px
}
.list_view_:not(.scroll-down) .list_view_sticky_ {
  -webkit-transform: translate3d(0,0,0)!important;
  -moz-transform: translate3d(0,0,0)!important;
  -ms-transform: translate3d(0,0,0)!important;
  transform: translate3d(0,0,0)!important
}
.list_view_sticky_ .divisor_ {
  width: 100%;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  background-color: #f5f4f4
}
.list_view_sticky_ .view_actions_ + .divisor_ {
  margin-top: 10px
}
body.Mac.Safari .list_view_sticky_ {
  -webkit-transform: translate3d(0,0,0)!important;
  -moz-transform: translate3d(0,0,0)!important;
  -ms-transform: translate3d(0,0,0)!important;
  transform: translate3d(0,0,0)!important
}
.list_view_inside_pop_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.9);
  padding: 20px;
  box-sizing: border-box;
  display: none;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto
}
.list_view_inside_pop_ .table_ {
  width: 100%;
  height: 100%
}
.list_view_inside_pop_ .content_ {
  background-color: #fff;
  padding: 25px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid #d6d6d6;
  box-sizing: border-box
}
.list_view_inside_pop_.active {
  display: block
}
.list_view_cols_ {
  width: 100%;
  box-sizing: border-box;
  font-size: 0
}
.list_view_cols_ .cell_container_ {
  width: 100%;
  table-layout: fixed;
  min-height: 100%
}
.list_view_cols_ .cell_container_ .left_cell_ {
  width: 250px;
  position: relative;
  padding-right: 15px;
  box-sizing: border-box;
  border-right: 1px solid #f3f3f3
}
.list_view_cols_ .cell_container_ .right_cell_ {
  padding-left: 20px
}
.list_view_cols_ .nav_ {
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 15px;
  left: 0;
  padding-bottom: 15px;
  margin-top: 15px
}
.list_view_cols_ .list_ {
  width: 100%;
  box-sizing: border-box;
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden
}
.list_view_cols_ .list_ ul {
  width: 100%
}
.list_view_cols_ .list_ li {
  width: 100%;
  margin-bottom: -1px
}
.list_view_cols_ .list_ a {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  font-size: 14px;
  color: var(--FORM-value);
  font-weight: 700;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.list_view_cols_ .list_ a small {
  font-size: 12px;
  display: block;
  margin-top: 5px;
  font-weight: 600;
  color: var(--FORMS-label)
}
.list_view_cols_ .list_ a span {
  display: inline-block;
  vertical-align: top
}
.list_view_cols_ .list_ a small:first-child::first-letter,
.list_view_cols_ .list_ a span:first-child::first-letter,
.list_view_cols_ .list_ a:first-letter {
  text-transform: uppercase
}
.list_view_cols_ .list_ a:hover {
  background-color: #e5e5e5;
  border-color: #e5e5e5
}
.list_view_cols_ .list_ .isSelected a,
.list_view_cols_ .list_ a.active,
.list_view_cols_ .list_ a.selected {
  color: var(--APP-focus-color);
  background-color: var(--APP-focus-selected-color);
  font-weight: 900
}
.list_view_cols_ .list_ a i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
  top: -1px
}
.list_view_cols_ .detail_ {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 20px;
  position: relative;
  min-height: 250px
}
.list_view_tabs_cont_ {
  width: 100%;
  box-sizing: border-box
}
.list_view_tabs_cont_ [data-comp=tab] {
  width: 100%;
  display: none;
  vertical-align: top
}
.list_view_tabs_cont_ [data-comp=tab].active {
  display: inline-block
}
.view_search_ {
  width: 120px;
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.view_search_ i {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  color: #707070;
  pointer-events: none
}
.view_search_ input {
  width: 100%;
  height: 30px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: #f5f4f4;
  font-size: 11px;
  color: #707070;
  font-weight: 700;
  padding: 0 10px 0 30px;
  box-sizing: border-box
}
.view_search_ input::-webkit-input-placeholder {
  text-transform: uppercase;
  opacity: 1
}
.view_search_ input::-moz-placeholder {
  text-transform: uppercase;
  opacity: 1
}
.view_search_ input:-ms-input-placeholder {
  text-transform: uppercase;
  opacity: 1
}
.view_search_ input:-moz-placeholder {
  text-transform: uppercase;
  opacity: 1
}
.view_actions_ {
  width: 100%;
  box-sizing: border-box
}
.view_actions_.flex_ {
  min-height: 30px
}
.view_actions_ .table_ {
  width: 100%;
  height: 30px
}
.view_actions_ .table_ .cell_ {
  font-size: 0
}
.view_tabs_ {
  display: inline-block;
  vertical-align: top;
  width: auto;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  font-size: 0;
  box-sizing: border-box;
  text-align: center
}
.view_tabs_ li {
  display: inline-block;
  vertical-align: top
}
.view_tabs_ li:first-child {
  margin-left: 0
}
.view_tabs_ li:last-child {
  margin-right: 0
}
.view_tabs_ a {
  display: inline-block;
  vertical-align: top;
  color: #8e8e8e;
  font-size: 10px;
  line-height: 30px;
  font-weight: 700;
  min-width: 161px;
  padding: 0 15px;
  letter-spacing: 1px;
  box-sizing: border-box;
  text-transform: uppercase
}
.view_tabs_ :not(.active) a:hover {
  background-color: var(--APP-item-list-hover)
}
.view_tabs_ .active,
.view_tabs_ .active a {
  color: var(--APP-focus-color)!important;
  background-color: var(--APP-focus-selected-color)!important;
  font-weight: 700!important
}
.view_tabs_ .active a {
  border-color: var(--APP-focus-color)!important
}
@media only screen and (min-width :0px) and (max-width :767px) {
  .view_tabs_ a {
    font-size: 10px;
    min-width: 100px;
    padding: 0 10px
  }
}
.view_title_ {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px
}
.view_title_ .tt-third-party-icon {
  vertical-align: top;
  margin-top: 5px;
  margin-right: 10px
}
.view_title_.ellipsis {
  overflow: hidden;
  max-width: 100%
}
.view_title_.ellipsis h1,
.view_title_.ellipsis h2 {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.view_title_ h1,
.view_title_ h2 {
  width: auto;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  color: #282828;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: middle
}
.view_title_ .account_avatar_ {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover
}
.view_title_ + .view_actions_ {
  margin-top: 20px
}
.button_ + .view_title_ {
  margin-left: 15px
}
.drop_.range_ + .view_title_ {
  margin-left: 15px
}
.view_side_nav_title_ {
  max-width: 100%;
  margin-bottom: 10px;
  overflow: hidden
}
.view_side_nav_title_ h1,
.view_side_nav_title_ h2 {
  font-size: 9px;
  text-transform: uppercase;
  line-height: 9px;
  font-weight: 700;
  color: #828282;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%
}
.view_side_nav_title_ h1 {
  color: #282828
}
.base_sticky_header_ .view_side_nav_title_ {
  margin-bottom: 0
}
.nav_list_ + .view_side_nav_title_ {
  margin-top: 25px
}
.side_nav_header_ .view_side_nav_title_ {
  margin-bottom: 0
}
.listView {
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  color: #282828;
  box-sizing: border-box
}
.listView.column_b {
  padding-left: 0!important
}
.listView .header_frame,
.listView .listHeader {
  background-color: #fff;
  color: #282828
}
.listView .listHeaderSubNav,
.listView .sub_header_iframe {
  background-color: #fff;
  color: #282828
}
.listView .content_frame,
.listView .listBody {
  background-color: #fff;
  color: #282828
}
.listView .footer_frame,
.listView .listFooter {
  background-color: #fff;
  color: #282828
}
.listView.transparent .header_frame,
.listView.transparent .listHeader {
  background-color: transparent;
  color: #282828
}
.listView.transparent .listHeaderSubNav,
.listView.transparent .sub_header_iframe {
  background-color: transparent;
  color: #282828
}
.listView.transparent .content_frame,
.listView.transparent .listBody {
  background-color: transparent;
  color: #282828
}
.listView.transparent .footer_frame,
.listView.transparent .listFooter {
  background-color: transparent;
  color: #282828
}
.playing .listView {
  padding-bottom: 35px
}
.playing .listView.popUp {
  padding-bottom: 40px
}
.stackPop {
  background-color: rgba(0,0,0,.8);
  z-index: 1000!important;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  cursor: pointer;
  box-shadow: -7px 0 6px -5px #000
}
.stackPop .stackPopContent {
  width: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: default
}
.stackPop.active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .4s,visibility .4s;
  -moz-transition: opacity .4s,visibility .4s;
  -ms-transition: opacity .4s,visibility .4s;
  transition: opacity .4s,visibility .4s
}
.popUp {
  padding: 10px;
  background-color: rgba(0,0,0,.8);
  z-index: 1000!important;
  visibility: hidden;
  opacity: 0
}
.popUp.active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .4s,visibility .4s;
  -moz-transition: opacity .4s,visibility .4s;
  -ms-transition: opacity .4s,visibility .4s;
  transition: opacity .4s,visibility .4s
}
.playing.desktop .listView,
.playing.desktop .listView.popUp {
  padding-bottom: 0!important
}
.listView.listExtendedView {
  display: none;
  background-color: #41484b;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  z-index: 9
}
.listView.listViewDisplayingExtended .listExtendedView {
  display: block;
  width: 350px
}
.listView.listViewDisplayingExtended .listBody,
.listView.listViewDisplayingExtended .listFooter,
.listView.listViewDisplayingExtended .listHeader {
  width: 70%
}
.listItem.inverted .listPrimaryAction {
  padding-left: 0!important
}
.listHeader {
  min-height: 50px;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  border-bottom: 1px solid #f0f4f7
}
.listHeader > span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  box-sizing: border-box
}
.listHeader > span:first-child {
  padding-left: 30px
}
.listHeader > span:last-child {
  padding-right: 30px
}
.listHeader > span.listHeaderTitle {
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 300
}
.listHeader > span.listHeaderTitle h2 {
  font-size: 28px
}
.listHeader > span.listHeaderTitle h3 {
  font-size: 12px;
  text-transform: uppercase;
  color: #cb291f;
  padding: 0;
  margin: 0;
  line-height: 12px;
  margin-left: 6px
}
.listHeader > span.listHeaderActions {
  width: 1px
}
.listHeader > span.listHeaderActions a.icon {
  width: auto;
  display: block
}
.listHeader > span.listHeaderActions a.icon i {
  font-size: 25px;
  height: 68px;
  line-height: 68px;
  width: auto;
  color: #303133
}
.listHeader > span.listHeaderActions a.icon i:hover {
  color: #f54337
}
.listHeaderSubNav {
  display: table;
  width: 100%
}
.listHeaderSubNav .table {
  display: table;
  width: 100%;
  height: 40px
}
.listHeaderSubNav.bigDescription {
  height: 80px;
  box-sizing: border-box
}
.listHeaderSubNav.bigDescription .mainDetail {
  padding-left: 15px;
  padding-right: 25px
}
.listHeaderSubNav.bigDescription h1 {
  font-size: 24px;
  line-height: 28px;
  color: #4a617a
}
.listHeaderSubNav.bigDescription h2 {
  font-size: 11px;
  line-height: 11px;
  color: #4a617a
}
.listHeaderSubNav.bigDescription h3 {
  font-size: 24px;
  line-height: 28px;
  color: #4a617a
}
.listBody {
  width: 100%;
  overflow: hidden;
  overflow-y: auto
}
.listBody .listContent {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 10px;
  position: relative
}
.listBody .listContent p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300
}
.listBody .listContent h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300
}
.listBody .listContent.draggable li.listItem span.drag-handler {
  position: absolute;
  right: 0;
  width: 25px;
  height: 25px;
  padding-top: 7px;
  padding-left: 7px;
  display: block
}
.listBody .listContent.draggable .listItem.dragPlaceholder {
  display: block!important;
  height: 36px;
  background-color: #95a9bf
}
.listFooter {
  min-height: 50px;
  bottom: 0;
  width: 100%;
  display: table;
  vertical-align: middle
}
body.dark-theme-on .content_frame .center_box p > a {
  color: #f54337
}
body.dark-theme-on .content_frame .action_content a.icon {
  background-color: #303741
}
body.dark-theme-on .content_frame .action_content a.icon i {
  color: #fff
}
body.dark-theme-on .content_frame .action_content a.icon i:hover {
  color: #f54337
}
body.dark-theme-on .listView {
  color: #fff
}
body.dark-theme-on .listView.listExtendedView {
  background-color: #303741
}
body.dark-theme-on .listHeader {
  color: #fff;
  border-bottom: 1px solid #202121
}
body.dark-theme-on .listHeader > span.listHeaderTitle h3 {
  color: #cb291f
}
body.dark-theme-on .listHeader > span.listHeaderActions a.icon i {
  color: #fff
}
body.dark-theme-on .listHeader > span.listHeaderActions a.icon i:hover {
  color: #f54337
}
body.dark-theme-on .listHeaderSubNav.bigDescription h1 {
  color: #fff
}
body.dark-theme-on .listHeaderSubNav.bigDescription h2 {
  color: #fff
}
body.dark-theme-on .listHeaderSubNav.bigDescription h3 {
  color: #fff
}
body.dark-theme-on .listBody .listContent.draggable .listItem.dragPlaceholder {
  background-color: #2a313c
}
body.dark-theme-on .popUp {
  background-color: rgba(48,55,65,.7)
}
body.dark-theme-on .listView.popUp .header_frame,
body.dark-theme-on .listView.popUp .listHeader {
  border-top: 1px solid #202123;
  border-left: 1px solid #202123;
  border-right: 1px solid #202123
}
body.dark-theme-on .listView.popUp .listHeaderSubNav,
body.dark-theme-on .listView.popUp .sub_header_iframe {
  border-left: 1px solid #202123;
  border-right: 1px solid #202123
}
body.dark-theme-on .listView.popUp .content_frame,
body.dark-theme-on .listView.popUp .listBody {
  border-left: 1px solid #202123;
  border-right: 1px solid #202123
}
body.dark-theme-on .listView.popUp .footer_frame,
body.dark-theme-on .listView.popUp .listFooter {
  border-bottom: 1px solid #202123;
  border-left: 1px solid #202123;
  border-right: 1px solid #202123
}
body.dark-theme-on .listView .header_frame,
body.dark-theme-on .listView .listHeader {
  background-color: #2a313c;
  color: #fff;
  border-bottom-color: #303741
}
body.dark-theme-on .listView .listHeaderSubNav,
body.dark-theme-on .listView .sub_header_iframe {
  background-color: #2a313c;
  color: #fff
}
body.dark-theme-on .listView .content_frame,
body.dark-theme-on .listView .listBody {
  background-color: #2a313c;
  color: #fff
}
body.dark-theme-on .listView .content_frame {
  transition: background-color .8s
}
body.dark-theme-on .listView .footer_frame,
body.dark-theme-on .listView .listFooter {
  background-color: #2a313c;
  color: #fff
}
body.dark-theme-on .sub_header_iframe .sub_navigation {
  border-top: 1px solid #21262d;
  background-color: #262c35
}
body.dark-theme-on .sub_header_iframe .radio_styled label {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .sub_header_iframe .radios_c h2 {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c i {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input {
  border-left: 1px solid #21262d
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input:focus {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input:focus + i {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input::-webkit-input-placeholder {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input:-moz-placeholder {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input::-moz-placeholder {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input:-ms-input-placeholder {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input:focus::-webkit-input-placeholder {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input:focus:-moz-placeholder {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input:focus::-moz-placeholder {
  color: #fff
}
body.dark-theme-on .sub_header_iframe .searh_bar_c input:focus:-ms-input-placeholder {
  color: #fff
}
body.dark-theme-on .header_frame {
  border-bottom: 1px solid #21262d
}
body.dark-theme-on .header_frame .page_title h2 {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .header_frame .page_title h2 a {
  color: #fff
}
body.dark-theme-on .header_frame .page_title h2 a.active {
  color: #f54337;
  border-bottom: 2px solid #f54337
}
body.dark-theme-on .header_frame .page_title.black h2 {
  color: #fff
}
body.dark-theme-on .header_frame .page_title h3 {
  color: rgba(255,255,255,.8)
}
body.dark-theme-on .header_frame .action a.icon i {
  color: #fff
}
body.dark-theme-on .header_frame .action a.icon i:hover {
  color: #f54337
}
body.dark-theme-on .header_frame .view.secondary {
  border-top: 1px solid #2a313b
}
body.dark-theme-on .header_frame .view.secondary .projectActions {
  border-color: #202123;
  background-color: #2a313c
}
body.dark-theme-on .header_frame .view.secondary .projectActions .back {
  color: #fff
}
body.dark-theme-on .header_frame .view.secondary .projectActions .full-project {
  color: #fff;
  border-color: #202123;
  background-color: #2a313c
}
body.dark-theme-on .header_frame .view.secondary .projectActions .full-project:hover {
  color: #fff;
  background-color: #202123;
  border-color: #202123
}
body.dark-theme-on .listView .listHeaderSubNav,
body.dark-theme-on .listView .sub_header_iframe {
  background-color: #2a313c!important
}
body.dark-theme-on .footer_frame {
  border-top-color: #202123
}
body.dark-theme-on .footer_frame.advice {
  background-color: #21262d!important;
  border-top-color: #202123
}
body.dark-theme-on .footer_frame.advice .footer h2 {
  color: #fff
}
body.dark-theme-on .footer_frame.advice .footer p {
  color: #fff
}
body.dark-theme-on .footer_frame.advice .footer p a:hover {
  color: #f54337
}
body.dark-theme-on .footer_frame .secondary_footer {
  background-color: #2a313c;
  border-top: 1px solid #21262d
}
body.dark-theme-on .view_ {
  background-color: #2a313c
}
body.dark-theme-on .view_ .columns_ .c_.side_nav_ {
  background-color: #36404c;
  border-left-color: #21272f
}
body.dark-theme-on .view_ .columns_ .c_.side_nav_ .base_c_,
body.dark-theme-on .view_ .columns_ .c_.side_nav_ .base_f_,
body.dark-theme-on .view_ .columns_ .c_.side_nav_ .base_h_ {
  background-color: #36404c
}
body.dark-theme-on .view_ .columns_ .c_.side_nav_ .base_f_ {
  border-top-color: #21272f
}
body.dark-theme-on .view_ .columns_ .c_.side_nav_ .loading_and_block::after {
  background-color: rgba(54,64,76,.8)
}
body.dark-theme-on .view_ .base_f_ {
  border-top-color: #1f232b
}
body.dark-theme-on .view_ .base_c_,
body.dark-theme-on .view_ .base_f_,
body.dark-theme-on .view_ .base_h_ {
  background-color: #2a313c
}
body.dark-theme-on .base_sticky_header_ {
  background-color: #2a313c
}
body.dark-theme-on .view_ .base_h_.border_ {
  border-bottom-color: #1f232b
}
body.dark-theme-on .view_.side_view_ {
  border-left-color: #1f232b;
  background-color: #29313c
}
body.dark-theme-on .view_.lightbox_ {
  background-color: rgba(0,0,0,.8)
}
body.dark-theme-on .view_.floating_side_view_ {
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on .view_.side_view_.lighbox_ {
  background-color: rgba(0,0,0,.8)
}
body.dark-theme-on .list_view_ .list_view_header_ {
  border-bottom-color: #1f232b;
  background-color: #2a313c
}
body.dark-theme-on .list_view_ .list_view_content_ {
  background-color: #2a313c
}
body.dark-theme-on .list_view_ .list_view_footer_ {
  border-top-color: #1f232b;
  background-color: #2a313c
}
body.dark-theme-on .list_view_.stack_ {
  background-color: rgba(0,0,0,.8)
}
body.dark-theme-on .list_view_inside_pop_ {
  background-color: rgba(42,49,60,.9)
}
body.dark-theme-on .list_view_.side_view_ {
  background-color: #2a313c;
  border-left-color: #1f232b
}
body.dark-theme-on .list_view_.side_view_.lightbox_ {
  background-color: rgba(0,0,0,.8)
}
body.dark-theme-on .list_view_inside_pop_ .content_ {
  background-color: #2a313c;
  -webkit-box-shadow: var(--DARK-FORMS-focus-shadow);
  -moz-box-shadow: var(--DARK-FORMS-focus-shadow);
  box-shadow: var(--DARK-FORMS-focus-shadow);
  border-color: #1f232b
}
body.dark-theme-on .list_view_ .tabs_ a {
  background-color: #2a313c;
  color: #fff;
  border-color: #1f232b
}
body.dark-theme-on .list_view_ .tabs_ :not(.active) a:hover {
  border-color: #a0a5b1
}
body.dark-theme-on .list_view_ .tabs_ .active,
body.dark-theme-on .list_view_ .tabs_ .active a {
  color: #fff
}
body.dark-theme-on .list_view_ .tabs_ .active a {
  border-color: #fff
}
body.dark-theme-on .loading_view_ .block_on_loading_::after {
  background-color: rgba(42,49,60,.9)
}
body.dark-theme-on .loading_view_ .block_on_loading_::before {
  border-color: #1f232b;
  border-left-color: #f54337
}
body.dark-theme-on .list_view_sticky_ {
  background-color: #2a313c
}
body.dark-theme-on .list_view_sticky_ .divisor_ {
  background-color: #1f232b
}
body.dark-theme-on .view_search_ input {
  background-color: #20262f;
  color: #fff
}
body.dark-theme-on .list_view_cols_ .list_ {
  border-color: #434d5d
}
body.dark-theme-on .list_view_cols_ .list_ a {
  color: var(--DARK-FORM-value);
  border-color: #434d5d
}
body.dark-theme-on .list_view_cols_ .list_ a small {
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on .list_view_cols_ .list_ a:hover {
  background-color: #434d5d;
  border-color: #434d5d
}
body.dark-theme-on .list_view_cols_ .list_ .isSelected a,
body.dark-theme-on .list_view_cols_ .list_ a.active,
body.dark-theme-on .list_view_cols_ .list_ a.selected {
  color: var(--APP-focus-color);
  background-color: var(--DARK-APP-focus-selected-color);
  border-color: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .list_view_cols_ .cell_container_ .left_cell_ {
  border-right-color: #1f232b
}
body.dark-theme-on .view_tabs_ a {
  color: #fff
}
body.dark-theme-on .view_tabs_ :not(.active) a:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on .view_tabs_ .active,
body.dark-theme-on .view_tabs_ .active a {
  background-color: var(--DARK-APP-focus-selected-color)!important
}
.dark-theme-on .view_title_ h1,
.dark-theme-on .view_title_ h2 {
  color: #fff
}
.dark-theme-on .view_side_nav_title_ h1,
.dark-theme-on .view_side_nav_title_ h2 {
  color: #bbb
}
.dark-theme-on .view_side_nav_title_ h1 {
  color: #fff
}
@media only screen and (min-width :0px) and (max-width :399px) {
  body.dark-theme-on .list_view_.side_view_ {
    background-color: rgba(0,0,0,.8)
  }
}
@media only screen and (min-width :400px) and (max-width :899px) {
  body.dark-theme-on .list_view_.side_view_ {
    background-color: rgba(0,0,0,.8)
  }
}
@media only screen and (min-width :900px) and (max-width :1100px) {
  body.dark-theme-on.taskListNavigatorOpen #TaskDetail.list_view_.side_view_ {
    background-color: rgba(0,0,0,.8)
  }
}
.MSTEAMS.dark_mode_ .view_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .view_ .columns_ .c_.side_nav_ {
  background-color: #2d2d2d;
  border-left-color: #1b1a19
}
.MSTEAMS.dark_mode_ .view_ .columns_ .c_.side_nav_ .base_c_,
.MSTEAMS.dark_mode_ .view_ .columns_ .c_.side_nav_ .base_f_,
.MSTEAMS.dark_mode_ .view_ .columns_ .c_.side_nav_ .base_h_ {
  background-color: #2d2d2d
}
.MSTEAMS.dark_mode_ .view_ .columns_ .c_.side_nav_ .base_f_ {
  border-top-color: #1b1a19
}
.MSTEAMS.dark_mode_ .view_ .columns_ .c_.side_nav_ .loading_and_block::after {
  background-color: rgba(45,45,45,.8)
}
.MSTEAMS.dark_mode_ .view_ .base_f_ {
  border-top-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .view_ .base_c_,
.MSTEAMS.dark_mode_ .view_ .base_f_,
.MSTEAMS.dark_mode_ .view_ .base_h_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .base_sticky_header_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .view_ .base_h_.border_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .view_.side_view_ {
  border-left-color: #2d2c2c;
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .view_.side_view_.lighbox_ {
  background-color: rgba(0,0,0,.8)
}
.MSTEAMS.dark_mode_ .view_.lightbox_ {
  background-color: rgb(45 45 45 / 90%)
}
.MSTEAMS.dark_mode_ .view_.floating_side_view_ {
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .list_view_.pop_,
.MSTEAMS.dark_mode_ .list_view_.stack_ {
  background-color: rgb(45 45 45 / 90%)
}
.MSTEAMS.dark_mode_ .list_view_ .list_view_header_ {
  border-bottom-color: #2d2c2c;
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .list_view_ .list_view_content_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .list_view_ .list_view_footer_ {
  border-top-color: #2d2c2c;
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .list_view_.stack_ {
  background-color: rgb(45 45 45 / 90%)
}
.MSTEAMS.dark_mode_ .list_view_.stack_ .stack_content_ {
  border-left: 1px solid #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_inside_pop_ {
  background-color: rgb(45 45 45 / 90%)
}
.MSTEAMS.dark_mode_ .list_view_.side_view_ {
  background-color: #201e1e;
  border-left-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_.side_view_.lightbox_ {
  background-color: rgb(45 45 45 / 90%)
}
.MSTEAMS.dark_mode_ .list_view_inside_pop_ .content_ {
  background-color: #201e1e;
  -webkit-box-shadow: var(--MS-DARK-FORMS-focus-shadow);
  -moz-box-shadow: var(--MS-DARK-FORMS-focus-shadow);
  box-shadow: var(--MS-DARK-FORMS-focus-shadow);
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_ .tabs_ a {
  background-color: #201e1e;
  color: #fff;
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_ .tabs_ :not(.active) a:hover {
  border-color: #a0a5b1
}
.MSTEAMS.dark_mode_ .list_view_ .tabs_ .active,
.MSTEAMS.dark_mode_ .list_view_ .tabs_ .active a {
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_ .tabs_ .active a {
  border-color: #fff
}
.MSTEAMS.dark_mode_ .loading_view_ .block_on_loading_::after {
  background-color: rgba(32,30,30,.9)
}
.MSTEAMS.dark_mode_ .loading_view_ .block_on_loading_::before {
  border-color: #2d2c2c;
  border-left-color: #f54337
}
.MSTEAMS.dark_mode_ .list_view_sticky_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .list_view_sticky_ .divisor_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .view_search_ input {
  background-color: #2d2c2c;
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_cols_ .list_ {
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_cols_ .list_ a {
  color: var(--MS-DARK-FORM-value);
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_cols_ .list_ a small {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .list_view_cols_ .list_ a:hover {
  background-color: #2d2c2c;
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_cols_ .list_ .isSelected a,
.MSTEAMS.dark_mode_ .list_view_cols_ .list_ a.active,
.MSTEAMS.dark_mode_ .list_view_cols_ .list_ a.selected {
  color: var(--APP-focus-color);
  background-color: var(--MS-DARK-APP-focus-selected-color);
  border-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .list_view_cols_ .cell_container_ .left_cell_ {
  border-right-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .view_tabs_ a {
  color: #fff
}
.MSTEAMS.dark_mode_ .view_tabs_ :not(.active) a:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .view_tabs_ .active,
.MSTEAMS.dark_mode_ .view_tabs_ .active a {
  background-color: var(--MS-DARK-APP-focus-selected-color)!important
}
.MSTEAMS.dark_mode_ .view_title_ h1,
.MSTEAMS.dark_mode_ .view_title_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .view_side_nav_title_ h1,
.MSTEAMS.dark_mode_ .view_side_nav_title_ h2 {
  color: #bbb
}
.MSTEAMS.dark_mode_ .view_side_nav_title_ h1 {
  color: #fff
}
@media only screen and (min-width :0px) and (max-width :399px) {
  .MSTEAMS.dark_mode_ .list_view_.side_view_ {
    background-color: rgba(0,0,0,.8)
  }
}
@media only screen and (min-width :400px) and (max-width :899px) {
  .MSTEAMS.dark_mode_ .list_view_.side_view_ {
    background-color: rgba(0,0,0,.8)
  }
}
@media only screen and (min-width :900px) and (max-width :1100px) {
  .MSTEAMS.dark_mode_ .taskListNavigatorOpen #TaskDetail.list_view_.side_view_ {
    background-color: rgba(0,0,0,.8)
  }
}
.MSTEAMS.deep_dark_mode_ .view_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .view_ .columns_ .c_.side_nav_ {
  background-color: #000;
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .view_ .columns_ .c_.side_nav_ .base_c_,
.MSTEAMS.deep_dark_mode_ .view_ .columns_ .c_.side_nav_ .base_f_,
.MSTEAMS.deep_dark_mode_ .view_ .columns_ .c_.side_nav_ .base_h_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .view_ .columns_ .c_.side_nav_ .base_f_ {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ .view_ .columns_ .c_.side_nav_ .loading_and_block::after {
  background-color: rgba(0,0,0,.8)
}
.MSTEAMS.deep_dark_mode_ .view_ .base_f_ {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ .view_ .base_c_,
.MSTEAMS.deep_dark_mode_ .view_ .base_f_,
.MSTEAMS.deep_dark_mode_ .view_ .base_h_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .base_sticky_header_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .view_ .base_h_.border_ {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .view_.side_view_ {
  border-left-color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .view_.side_view_.lighbox_ {
  background-color: rgba(0,0,0,.8)
}
.MSTEAMS.deep_dark_mode_ .view_.lightbox_ {
  background-color: rgba(0,0,0,.9)
}
.MSTEAMS.deep_dark_mode_ .view_.floating_side_view_ {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_.pop_,
.MSTEAMS.deep_dark_mode_ .list_view_.stack_ {
  background-color: rgba(0,0,0,.9)
}
.MSTEAMS.deep_dark_mode_ .list_view_ .list_view_header_ {
  border-bottom-color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .list_view_ .list_view_content_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .list_view_ .list_view_footer_ {
  border-top-color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .list_view_.stack_ {
  background-color: rgba(0,0,0,.92)
}
.MSTEAMS.deep_dark_mode_ .list_view_.stack_ .stack_content_ {
  border-left: 1px solid #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_inside_pop_ {
  background-color: rgba(0,0,0,.9)
}
.MSTEAMS.deep_dark_mode_ .list_view_.side_view_ {
  background-color: #000;
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_.side_view_.lightbox_ {
  background-color: rgba(0,0,0,.9)
}
.MSTEAMS.deep_dark_mode_ .list_view_inside_pop_ .content_ {
  background-color: #201e1e;
  -webkit-box-shadow: var(--MS-DEEP-DARK-FORMS-focus-shadow);
  -moz-box-shadow: var(--MS-DEEP-DARK-FORMS-focus-shadow);
  box-shadow: var(--MS-DEEP-DARK-FORMS-focus-shadow);
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .list_view_ .tabs_ a {
  background-color: #201e1e;
  color: #fff;
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .list_view_ .tabs_ :not(.active) a:hover {
  border-color: #a0a5b1
}
.MSTEAMS.deep_dark_mode_ .list_view_ .tabs_ .active,
.MSTEAMS.deep_dark_mode_ .list_view_ .tabs_ .active a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_ .tabs_ .active a {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .loading_view_ .block_on_loading_::after {
  background-color: rgba(0,0,0,.9)
}
.MSTEAMS.deep_dark_mode_ .loading_view_ .block_on_loading_::before {
  border-color: #fff;
  border-left-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .list_view_sticky_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .list_view_sticky_ .divisor_ {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .view_search_ input {
  background-color: #fff;
  color: #000
}
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .list_ {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .list_ a {
  color: var(--MS-DEEP-DARK-FORM-value);
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .list_ a small {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .list_ a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000
}
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .list_ a:hover small {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .list_ .isSelected a,
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .list_ .isSelected a small,
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .list_ a.active,
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .list_ a.selected {
  color: #ebeb01;
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ .list_view_cols_ .cell_container_ .left_cell_ {
  border-right-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .view_tabs_ a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .view_tabs_ :not(.active) a:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .view_tabs_ .active,
.MSTEAMS.deep_dark_mode_ .view_tabs_ .active a {
  background-color: #424200!important;
  color: #ebeb01!important
}
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .selected_name_ {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .pill_ {
  background-color: #ebeb00
}
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .actions_ {
  border-right-color: #c5c509
}
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .time_counter_ {
  border-left-color: #c5c509;
  border-right-color: #c5c509
}
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .actions_ > .button_:not(:hover),
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .actions_ [data-comp=showButton]:not(:hover) {
  color: #000!important
}
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .action_button_ {
  color: #000!important
}
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .actions_ .drop_ > .button_:not(:hover),
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .actions_ > .button_:not(:hover),
.MSTEAMS.deep_dark_mode_ .list_view_contextual_ .actions_ [data-comp=showButton]:not(:hover) {
  color: #000!important
}
.MSTEAMS.deep_dark_mode_ .view_title_ h1,
.MSTEAMS.deep_dark_mode_ .view_title_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .view_side_nav_title_ h1,
.MSTEAMS.deep_dark_mode_ .view_side_nav_title_ h2 {
  color: #bbb
}
.MSTEAMS.deep_dark_mode_ .view_side_nav_title_ h1 {
  color: #fff
}
@media only screen and (min-width :0px) and (max-width :399px) {
  .MSTEAMS.deep_dark_mode_ .list_view_.side_view_ {
    background-color: rgba(0,0,0,.8)
  }
}
@media only screen and (min-width :400px) and (max-width :899px) {
  .MSTEAMS.deep_dark_mode_ .list_view_.side_view_ {
    background-color: rgba(0,0,0,.8)
  }
}
@media only screen and (min-width :900px) and (max-width :1100px) {
  .MSTEAMS.deep_dark_mode_ .taskListNavigatorOpen #TaskDetail.list_view_.side_view_ {
    background-color: rgba(0,0,0,.8)
  }
}
.list_view_table_ {
  width: 100%;
  box-sizing: border-box
}
.list_view_table_ .head_ {
  width: 100%;
  height: 30px;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.list_view_table_ .head_.sticky_,
.list_view_table_.sticky_head_ .head_ {
  position: sticky;
  top: 0;
  z-index: 1
}
.list_view_table_ .body_ {
  width: 100%;
  position: relative;
  z-index: 0;
  padding-bottom: 90px;
  padding-top: 15px
}
.list_view_table_ .table_ {
  width: 100%;
  table-layout: fixed
}
.list_view_table_ .table_ .cell_ {
  font-size: 0;
  padding: 0 15px;
  box-sizing: border-box
}
.list_view_table_ .body_ .table_ .cell_ {
  padding-top: 12px;
  padding-bottom: 12px;
  border: 0 none
}
.list_view_table_ .head_ .table_ {
  height: 30px
}
.list_view_table_ [data-sort] {
  cursor: pointer
}
.list_view_table_ [data-sort] .title_col_ {
  padding-right: 15px;
  position: relative;
  width: auto;
  box-sizing: border-box
}
.list_view_table_ [data-sort] .title_col_:hover {
  color: #000
}
.list_view_table_ [data-sort] .title_col_:hover::before {
  border-color: #000
}
.list_view_table_ [data-sort] .title_col_::before {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  content: '';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 1px solid #b7bbbd;
  border-right: 1px solid #b7bbbd;
  box-sizing: border-box
}
.list_view_table_ [data-sort].active .title_col_,
.list_view_table_ [data-sort].sorting .title_col_ {
  font-weight: 900;
  color: #000
}
.list_view_table_ [data-sort].active .title_col_::before,
.list_view_table_ [data-sort].sorting .title_col_::before {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: -1px;
  border-color: #000
}
.list_view_table_ [data-sort] .title_col_:empty {
  width: 100%;
  height: 6px
}
.list_view_table_ [data-sort] .title_col_:empty::before {
  right: 50%;
  margin-right: -3px
}
.list_view_table_ .separator_row_ {
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 10px;
  box-sizing: border-box;
  margin: 15px 0
}
.list_view_table_ .separator_row_:first-child {
  margin-top: 0
}
.list_view_table_ .separator_row_ h2 {
  font-size: 12px;
  color: #707070;
  line-height: 12px;
  font-weight: 700
}
.list_view_table_ .separator_row_.sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 5
}
.list_view_table_ .separator_row_.theme_ {
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px solid #f5f4f4;
  box-sizing: border-box
}
.list_view_table_ .separator_row_.theme_ h2 {
  color: #282828;
  font-weight: 900
}
.list_view_table_ .pill_ {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #cfdae0;
  color: #fff!important
}
.list_view_table_ .title_col_ {
  font-size: 8px;
  color: #707070;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  user-select: none
}
.list_view_table_ .title_col_ i {
  font-size: 15px
}
.list_view_table_ .value_col_ {
  color: #828282;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top
}
.list_view_table_ .value_col_ strong {
  font-weight: 700;
  color: #282828
}
.list_view_table_ .value_col_ input {
  width: 100%;
  text-align: left;
  background: 0 0;
  color: #282828;
  font-size: 12px;
  height: 18px;
  font-weight: 700;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-bottom: 0
}
.list_view_table_ .value_col_ input.strong {
  font-weight: 700
}
.list_view_table_ .value_col_ input.big {
  font-size: 18px;
  font-weight: 900
}
.list_view_table_ .center .value_col_ input {
  text-align: center
}
.list_view_table_ .value_col_.big_ {
  font-size: 14px;
  line-height: 18px;
  overflow: visible;
  white-space: normal;
  text-overflow: initial
}
.list_view_table_ .value_col_.no_crop_ {
  white-space: normal;
  overflow: visible
}
.list_view_table_ .value_col_.gray_ {
  color: #abafb1
}
.list_view_table_ .value_col_.gray_ input {
  color: #abafb1
}
.list_view_table_ .table_row_ {
  width: 100%;
  vertical-align: top
}
.list_view_table_ .table_row_:not(.not_hover_):hover {
  background-color: var(--APP-item-list-hover)
}
.list_view_table_ .table_row_.selected {
  background-color: var(--APP-focus-selected-color)!important
}
.list_view_table_ .check_ {
  width: auto;
  vertical-align: middle;
  position: relative
}
.list_view_table_ .head_ .check_ input:not(:checked) + label:before {
  background-color: transparent!important
}
.list_view_table_:not(.default_check_) .check_ input:checked + label::before {
  background-color: var(--APP-focus-color);
  border-color: var(--APP-focus-color);
  color: #fff
}
.list_view_table_ .dot_ {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e0e5ea
}
.list_view_table_ .dot_.active {
  background-color: #00ad95
}
.list_view_table_ .clipboard_copy_ {
  position: relative;
  width: 100%;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  background-color: rgb(245 244 244);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  padding-right: 35px;
  padding-left: 10px
}
.list_view_table_ .clipboard_copy_.priv_ {
  pointer-events: none
}
.list_view_table_ .clipboard_copy_ input {
  position: absolute;
  left: -9999px;
  top: 0
}
.list_view_table_ .clipboard_copy_ h2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
  color: #282828;
  box-sizing: border-box
}
.list_view_table_ .clipboard_copy_ .ico_ {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  z-index: 0;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #9e9e9e
}
.list_view_table_ .clipboard_copy_:hover .ico_ {
  color: #282828
}
.list_view_table_ .clipboard_copy_ .message_ {
  font-weight: 700;
  color: rgb(0 185 159);
  background-color: #fff;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  line-height: 20px;
  opacity: 0;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  transition: all .4s;
  overflow: hidden;
  max-width: 0;
  display: inline-block;
  vertical-align: top;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  position: absolute;
  top: 50%;
  font-size: 12px;
  margin-top: -10px;
  right: 5px
}
.list_view_table_ .clipboard_copy_.add .message_ {
  opacity: 1;
  max-width: 100px;
  padding: 0 10px
}
.list_view_table_ .user_ {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-sizing: border-box;
  padding-left: 40px;
  margin: 4px 0
}
.list_view_table_ .user_ .account_avatar_ {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px
}
.list_view_table_ .user_ .icon {
  width: 30px!important;
  height: 30px!important;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  background-color: #e0e5ea;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.list_view_table_ .user_ .name {
  color: #282828;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  display: block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.list_view_table_ .user_ .email {
  font-size: 12px;
  line-height: 16px;
  color: var(--FORMS-label);
  display: block;
  font-weight: 600;
  vertical-align: top
}
.list_view_table_ .user_ .reinvite {
  margin-top: 10px;
  padding-left: 22px
}
.list_view_table_ .user_ .reinvite i {
  top: 1px
}
.list_view_table_ .user_ .tag_ {
  margin-top: 5px
}
.list_view_table_ .user_.small {
  padding-left: 30px;
  min-height: 20px
}
.list_view_table_ .user_.small .account_avatar_ {
  margin-top: -10px;
  width: 20px;
  height: 20px
}
.list_view_table_ .user_.small .icon {
  width: 20px!important;
  height: 20px!important;
  line-height: 20px;
  margin-top: 0;
  top: 0;
  font-size: 10px
}
.list_view_table_ .user_.small .name {
  font-size: 12px;
  line-height: 20px
}
.list_view_table_ .user_.small .email {
  font-size: 12px;
  line-height: 20px
}
.list_view_table_ .action_button_ {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 21px;
  text-align: center;
  font-size: 15px
}
.list_view_table_ .table_row_:hover .check_ label {
  opacity: 1
}
.list_view_table_ .table_row_ .check_ label {
  opacity: .5
}
.list_view_table_ .table_row_ .check_ input:checked + label {
  opacity: 1
}
.dark-theme-on .list_view_table_ .head_ {
  background-color: #20262f
}
.dark-theme-on .list_view_table_ .head_.loading_placeholder_style_ {
  background-color: #434d5d
}
.dark-theme-on .list_view_table_ .title_col_ {
  color: #adadad
}
.dark-theme-on .list_view_table_ [data-sort] .title_col_:hover {
  color: #fff
}
.dark-theme-on .list_view_table_ [data-sort] .title_col_:hover::before {
  border-color: #fff
}
.dark-theme-on .list_view_table_ .table_row_:not(.not_hover_):hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .list_view_table_ .value_col_ {
  color: #e2e2e2
}
.dark-theme-on .list_view_table_ .value_col_ strong {
  color: #fff
}
.dark-theme-on .list_view_table_ .table_row_.selected {
  background-color: var(--DARK-APP-focus-selected-color)!important
}
.dark-theme-on .list_view_table_ .user_ .name {
  color: #fff
}
.dark-theme-on .list_view_table_ .user_ .email {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .list_view_table_ .separator_row_ {
  background-color: #20262f
}
.dark-theme-on .list_view_table_ .separator_row_ h2 {
  color: #fff
}
.dark-theme-on .list_view_table_ .value_col_ input {
  color: #fff
}
.dark-theme-on .list_view_table_ [data-sort].active .title_col_,
.dark-theme-on .list_view_table_ [data-sort].sorting .title_col_ {
  color: #fff
}
.dark-theme-on .list_view_table_ [data-sort].active .title_col_::before,
.dark-theme-on .list_view_table_ [data-sort].sorting .title_col_::before {
  border-color: #fff
}
.dark-theme-on .list_view_table_ .clipboard_copy_ {
  background-color: rgb(32 38 47)
}
.dark-theme-on .list_view_table_ .clipboard_copy_ h2 {
  color: #fff
}
body.dark-theme-on .list_view_table_ .separator_row_.theme_ {
  background: #29313c;
  border-bottom-color: #21272f
}
body.dark-theme-on .list_view_table_ .separator_row_.theme_ h2 {
  color: #fff
}
.dark-theme-on .list_view_table_:not(.default_check_) .check_ input:checked + label::before {
  background-color: var(--APP-focus-color);
  border-color: var(--APP-focus-color);
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_ .clipboard_copy_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_table_ .clipboard_copy_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_ .head_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_table_ .head_.loading_placeholder_style_ {
  background-color: #3c3838
}
.MSTEAMS.dark_mode_ .list_view_table_ .title_col_ {
  color: #adadad
}
.MSTEAMS.dark_mode_ .list_view_table_ [data-sort] .title_col_:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_ [data-sort] .title_col_:hover::before {
  border-color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_ .table_row_:not(.not_hover_):hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .list_view_table_ .value_col_ {
  color: #acacac
}
.MSTEAMS.dark_mode_ .list_view_table_ .value_col_ strong {
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_ .value_col_ strong {
  color: #e2e2e2
}
.MSTEAMS.dark_mode_ .list_view_table_ .table_row_.selected {
  background-color: var(--MS-DARK-APP-focus-selected-color)!important
}
.MSTEAMS.dark_mode_ .list_view_table_ .user_ .name {
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_ .user_ .email {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .list_view_table_ .separator_row_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .list_view_table_ .separator_row_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_ .value_col_ input {
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_ [data-sort].active .title_col_,
.MSTEAMS.dark_mode_ .list_view_table_ [data-sort].sorting .title_col_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_ [data-sort].active .title_col_::before,
.MSTEAMS.dark_mode_ .list_view_table_ [data-sort].sorting .title_col_::before {
  border-color: #fff
}
.MSTEAMS.dark_mode_ .list_view_table_:not(.default_check_) .check_ input:checked + label::before {
  background-color: var(--APP-focus-color);
  border-color: var(--APP-focus-color);
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .clipboard_copy_ {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .clipboard_copy_ h2 {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .head_ {
  background-color: #151515
}
.MSTEAMS.dark_mode_ .list_view_table_ .head_.loading_placeholder_style_ {
  background-color: #3c3838
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .title_col_ {
  color: #adadad
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ [data-sort] .title_col_:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ [data-sort] .title_col_:hover::before {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .table_row_:not(.not_hover_):hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .value_col_ {
  color: #e2e2e2
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .value_col_ strong {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .value_col_ strong {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .table_row_.selected {
  background-color: #424200!important
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .user_ .name {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .user_ .email {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .separator_row_ {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .separator_row_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ .value_col_ input {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ [data-sort].active .title_col_,
.MSTEAMS.deep_dark_mode_ .list_view_table_ [data-sort].sorting .title_col_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_ [data-sort].active .title_col_::before,
.MSTEAMS.deep_dark_mode_ .list_view_table_ [data-sort].sorting .title_col_::before {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .list_view_table_:not(.default_check_) .check_ input:checked + label::before {
  background-color: #ebeb00;
  border-color: #ebeb00;
  color: #000
}
.tt-table {
  width: 100%;
  display: table;
  font-size: 0;
  margin-bottom: 20px
}
.tt-table.fixed {
  table-layout: fixed
}
.tt-table.auto {
  table-layout: auto
}
.tt-table.contextual {
  margin-bottom: 90px
}
.tt-table-thead {
  width: 100%;
  display: table-header-group
}
.tt-table-thead.sticky {
  top: 0;
  position: sticky;
  position: -webkit-sticky;
  z-index: 10
}
.tt-table-thead .tt-table-data {
  background-color: #f5f4f4
}
.tt-table-thead h2 {
  font-size: 8px;
  color: #707070;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  user-select: none
}
.tt-table-thead [data-sort] {
  cursor: pointer
}
.tt-table-thead [data-sort] h2 {
  padding-right: 15px;
  position: relative;
  width: auto;
  box-sizing: border-box
}
.tt-table-thead [data-sort] h2:hover {
  color: #000
}
.tt-table-thead [data-sort] h2:hover::before {
  border-color: #000
}
.tt-table-thead [data-sort] h2::before {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  content: '';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 1px solid #b7bbbd;
  border-right: 1px solid #b7bbbd;
  box-sizing: border-box
}
.tt-table-thead [data-sort].active h2,
.tt-table-thead [data-sort].sorting h2 {
  font-weight: 900;
  color: #000
}
.tt-table-thead [data-sort].active h2::before,
.tt-table-thead [data-sort].sorting h2::before {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: -1px;
  border-color: #000
}
.tt-table-thead [data-sort] h2:empty {
  width: 100%;
  height: 6px
}
.tt-table-thead [data-sort] h2:empty::before {
  right: 50%;
  margin-right: -3px
}
.tt-table-thead .tt-table-data {
  padding-top: 11px;
  padding-bottom: 11px
}
.tt-table-tbody {
  width: 100%;
  display: table-row-group;
  position: relative;
  z-index: 0
}
.tt-table-tbody .tt-table-row:not(.not-hover).selected {
  background-color: var(--APP-focus-selected-color)
}
.tt-table-tbody .tt-table-row:not(.selected):not(.not-hover):hover {
  background-color: var(--APP-item-list-hover)
}
.tt-table-tbody .tt-table-row.border:not(:last-child) .tt-table-data {
  border-bottom: 1px solid #f5f4f4
}
.tt-table-tbody .tt-table-row.border:hover:not(.not-hover) .tt-table-data {
  border-bottom-color: transparent
}
.tt-table-tbody .tt-table-data {
  padding-top: 12px;
  padding-bottom: 12px
}
.tt-table-row {
  width: 100%;
  display: table-row
}
.tt-table-value {
  color: #282828;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: inline-block;
  vertical-align: top
}
.tt-table-value.ellipsis {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.tt-table-value.loading_placeholder_style_ {
  height: 16px;
  width: 100%
}
.tt-table-value strong {
  font-weight: 700
}
.tt-table-data {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.tt-table-data.tt-option {
  width: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center
}
.tt-table-data.tt-option:first-child {
  padding-right: 0
}
.tt-table-data.tt-option:last-child {
  padding-left: 0
}
.tt-table-data.tt-align-right {
  text-align: right
}
.tt-table-data.tt-align-center {
  text-align: center
}
.tt-table-data.tt-align-left {
  text-align: left
}
.tt-table-thead .tt-table-data:first-child {
  -webkit-border-top-left-radius: var(--APP-radius);
  -webkit-border-bottom-left-radius: var(--APP-radius);
  -moz-border-radius-topleft: var(--APP-radius);
  -moz-border-radius-bottomleft: var(--APP-radius);
  border-top-left-radius: var(--APP-radius);
  border-bottom-left-radius: var(--APP-radius)
}
.tt-table-thead .tt-table-data:last-child {
  -webkit-border-top-right-radius: var(--APP-radius);
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -moz-border-radius-topright: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  border-top-right-radius: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius)
}
.tt-table-data .check_ {
  margin: 0;
  width: auto
}
.tt-table-data.tt-option .button_.small_ {
  height: 20px;
  line-height: 20px;
  width: 20px;
  padding: 0
}
.tt-table-user {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-sizing: border-box;
  padding-left: 40px
}
.tt-table-user .avt {
  width: 30px!important;
  height: 30px!important;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  background-color: #e0e5ea;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat
}
.tt-table-user .name {
  color: #282828;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  display: block
}
.tt-table-user .email {
  font-size: 12px;
  line-height: 16px;
  color: var(--FORMS-label);
  display: block;
  font-weight: 600
}
.tt-table-user.small {
  padding-left: 30px;
  min-height: 20px
}
.tt-table-user.small .avt {
  width: 20px!important;
  height: 20px!important;
  line-height: 20px;
  margin-top: 0;
  top: 0;
  font-size: 10px
}
.tt-table-user.small .name {
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px
}
.tt-table-user.small .email {
  font-size: 12px;
  line-height: 16px
}
.tt-table-priority {
  line-height: 14px;
  text-align: center;
  font-size: 12px;
  color: #707070;
  display: inline-block;
  vertical-align: top;
  position: relative;
  pointer-events: none;
  font-weight: 400
}
.tt-table-task-name {
  width: 100%;
  display: inline-block;
  vertical-align: middle
}
.tt-table-task-name .name {
  font-size: 12px;
  line-height: 18px;
  color: #282828;
  font-weight: 500;
  display: inline;
  margin-right: 5px
}
.tt-table-task-name .list {
  color: #ababab;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: inline
}
.is-done-true .tt-table-task-name .name {
  color: #8a8a8a
}
.tt-table-data .custom_field_tag_ {
  margin-left: 0;
  margin-right: 5px;
  margin-top: 5px
}
.tt-table-row:not(:hover):not(.selected) .tt-third-party-icon {
  visibility: hidden
}
.dark-theme-on .tt-table-thead .tt-table-data {
  background-color: #20262f
}
.dark-theme-on .tt-table-thead h2 {
  color: #adadad
}
.dark-theme-on .tt-table-thead [data-sort] h2:hover {
  color: #fff
}
.dark-theme-on .tt-table-thead [data-sort] h2:hover::before {
  border-color: #fff
}
.dark-theme-on .tt-table-thead [data-sort] h2::before {
  border-color: #fff
}
.dark-theme-on .tt-table-thead [data-sort].active h2,
.dark-theme-on .tt-table-thead [data-sort].sorting h2 {
  color: #fff
}
.dark-theme-on .tt-table-thead [data-sort].active h2::before,
.dark-theme-on .tt-table-thead [data-sort].sorting h2::before {
  border-color: #fff
}
.dark-theme-on .tt-table-tbody .tt-table-row.selected {
  background-color: var(--DARK-APP-focus-selected-color)
}
.dark-theme-on .tt-table-tbody .tt-table-row:not(.selected):not(.not-hover):hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .tt-table-tbody .tt-table-row.border:not(:last-child) .tt-table-data {
  border-bottom-color: #1f232b
}
.dark-theme-on .tt-table-tbody .tt-table-row.border:hover:not(.not-hover) .tt-table-data {
  border-bottom-color: transparent
}
.dark-theme-on .tt-table-value {
  color: #fff
}
.dark-theme-on .tt-table-user .avt {
  background-color: #20262f
}
.dark-theme-on .tt-table-user .name {
  color: #fff
}
.dark-theme-on .tt-table-user .email {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .tt-table-priority {
  color: #fff
}
.dark-theme-on .tt-table-task-name .name {
  color: #fff
}
.dark-theme-on .tt-table-task-name .list {
  color: #ababab
}
.dark-theme-on .is-done-true .tt-table-task-name .name {
  color: #8a8a8a
}
.MSTEAMS.dark_mode_ .tt-table-thead .tt-table-data {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .tt-table-thead h2 {
  color: #adadad
}
.MSTEAMS.dark_mode_ .tt-table-thead [data-sort] h2:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-table-thead [data-sort] h2:hover::before {
  border-color: #fff
}
.MSTEAMS.dark_mode_ .tt-table-thead [data-sort] h2::before {
  border-color: #fff
}
.MSTEAMS.dark_mode_ .tt-table-thead [data-sort].active h2,
.MSTEAMS.dark_mode_ .tt-table-thead [data-sort].sorting h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-table-thead [data-sort].active h2::before,
.MSTEAMS.dark_mode_ .tt-table-thead [data-sort].sorting h2::before {
  border-color: #fff
}
.MSTEAMS.dark_mode_ .tt-table-tbody .tt-table-row.selected {
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .tt-table-tbody .tt-table-row:not(.selected):not(.not-hover):hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .tt-table-tbody .tt-table-row.border:not(:last-child) .tt-table-data {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .tt-table-tbody .tt-table-row.border:hover:not(.not-hover) .tt-table-data {
  border-bottom-color: transparent
}
.MSTEAMS.dark_mode_ .tt-table-value {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-table-user .avt {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .tt-table-user .name {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-table-user .email {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .tt-table-priority {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-table-task-name .name {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-table-task-name .list {
  color: #ababab
}
.MSTEAMS.dark_mode_ .is-done-true .tt-table-task-name .name {
  color: #8a8a8a
}
.MSTEAMS.deep_dark_mode_ .tt-table-thead .tt-table-data {
  background-color: #151515
}
.MSTEAMS.deep_dark_mode_ .tt-table-thead h2 {
  color: #adadad
}
.MSTEAMS.deep_dark_mode_ .tt-table-thead [data-sort] h2:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-table-thead [data-sort] h2:hover::before {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-table-thead [data-sort] h2::before {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-table-thead [data-sort].active h2,
.MSTEAMS.deep_dark_mode_ .tt-table-thead [data-sort].sorting h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-table-thead [data-sort].active h2::before,
.MSTEAMS.deep_dark_mode_ .tt-table-thead [data-sort].sorting h2::before {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-table-tbody .tt-table-row.selected {
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ .tt-table-tbody .tt-table-row:not(.selected):not(.not-hover):hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .tt-table-tbody .tt-table-row.border:not(:last-child) .tt-table-data {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .tt-table-tbody .tt-table-row.border:hover:not(.not-hover) .tt-table-data {
  border-bottom-color: transparent
}
.MSTEAMS.deep_dark_mode_ .tt-table-value {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-table-user .avt {
  background-color: #151515
}
.MSTEAMS.deep_dark_mode_ .tt-table-user .name {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-table-user .email {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .tt-table-priority {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-table-task-name .name {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-table-task-name .list {
  color: #ababab
}
.MSTEAMS.deep_dark_mode_ .is-done-true .tt-table-task-name .name {
  color: #8a8a8a
}
.tt-empty {
  width: 100%;
  height: 100%;
  padding: 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.tt-empty .tt-empty-media {
  width: 100%
}
.tt-empty .tt-empty-media .image {
  width: 100%;
  height: 160px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain
}
.tt-empty .tt-empty-media .video {
  width: 560px;
  height: 274px;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid #eaeaea;
  margin: 0 auto;
  overflow: hidden
}
.tt-empty .tt-empty-media .video iframe {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: relative;
  left: -1px;
  top: -1px
}
.tt-empty .tt-empty-text {
  width: 100%;
  margin: 0 auto;
  max-width: 450px;
  text-align: center
}
.tt-empty .tt-empty-media + .tt-empty-text {
  margin-top: 20px
}
.tt-empty .tt-empty-text h2 {
  color: #282828;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px
}
.tt-empty .tt-empty-text h2 + p {
  margin-top: 10px
}
.tt-empty .tt-empty-text p {
  color: #828282;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px
}
.tt-empty .tt-empty-text p a {
  color: #828282;
  text-decoration: underline
}
.tt-empty .tt-empty-text p a:hover {
  color: #282828
}
.tt-empty .tt-empty-text p::first-letter {
  text-transform: uppercase
}
.tt-empty .tt-empty-text .button_ {
  margin-top: 15px
}
.dark-theme-on .tt-empty .tt-empty-text h2 {
  color: #fff
}
.dark-theme-on .tt-empty .tt-empty-text p {
  color: #828282
}
.dark-theme-on .tt-empty .tt-empty-text p a {
  color: #828282
}
.dark-theme-on .tt-empty .tt-empty-text p a:hover {
  color: #fff
}
body.dark-theme-on .tt-empty .tt-empty-media .video {
  background-color: #29313c;
  border-color: #21272f
}
.MSTEAMS.dark_mode_ .tt-empty .tt-empty-text h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-empty .tt-empty-text p {
  color: #828282
}
.MSTEAMS.dark_mode_ .tt-empty .tt-empty-text p a {
  color: #828282
}
.MSTEAMS.dark_mode_ .tt-empty .tt-empty-text p a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-empty .tt-empty-media .video {
  background-color: #201e1e;
  border-color: #1b1a19
}
.MSTEAMS.deep_dark_mode_ .tt-empty .tt-empty-text h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-empty .tt-empty-text p {
  color: #828282
}
.MSTEAMS.deep_dark_mode_ .tt-empty .tt-empty-text p a {
  color: #828282
}
.MSTEAMS.deep_dark_mode_ .tt-empty .tt-empty-text p a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-empty .tt-empty-media .video {
  background-color: #000;
  border-color: #fff
}
.tt-cta-message {
  width: 100%;
  height: 38px;
  box-sizing: border-box;
  padding: 0 15px 0 10px;
  background-color: #fff;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--APP-shadow-border);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .8s,visibility .8s,-webkit-transform .8s;
  -moz-transition: opacity .8s,visibility .8s,-moz-transform .8s;
  -ms-transition: opacity .8s,visibility .8s,-ms-transform .8s;
  transition: opacity .8s,visibility .8s,transform .8s;
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9)
}
.tt-cta-message.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.tt-cta-message .icons {
  margin-right: 15px;
  font-size: 0
}
.tt-cta-message .icons li {
  width: 28px;
  height: 28px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none
}
.tt-cta-message .icons li.microsoft-calendar {
  background-size: auto 24px
}
.tt-cta-message .icons li:first-child {
  margin-left: 0
}
.tt-cta-message .cta {
  margin-right: auto;
  width: auto;
  max-width: 100%;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #282828;
  font-weight: 700;
  font-size: 12px
}
.tt-cta-message .cta:hover {
  text-decoration: underline
}
.tt-cta-message .dismiss {
  margin-left: 15px;
  line-height: 20px;
  color: #828282;
  flex-shrink: 0;
  font-size: 12px;
  text-decoration: underline
}
.tt-cta-message .dismiss:hover {
  color: #282828
}
.dark-theme-on .tt-cta-message {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
.dark-theme-on .tt-cta-message .cta {
  color: #fff
}
.dark-theme-on .tt-cta-message .dismiss {
  color: #828282
}
.dark-theme-on .tt-cta-message .dismiss:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-cta-message {
  background-color: #191717;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .tt-cta-message .cta {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-cta-message .dismiss {
  color: #828282
}
.MSTEAMS.dark_mode_ .tt-cta-message .dismiss:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-cta-message {
  background-color: #000;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .tt-cta-message .cta {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-cta-message .dismiss {
  color: #828282
}
.MSTEAMS.deep_dark_mode_ .tt-cta-message .dismiss:hover {
  color: #fff
}
:root {
  --FORMS-font-size: 13px;
  --FORMS-font-size-label: 10px;
  --FORMS-space: 15px;
  --FORMS-height: 45px;
  --FORMS-focus: var(--APP-focus-color);
  --FORMS-border: #E5E5E5;
  --FORMS-label: #828282;
  --FORMS-value: #000000;
  --FORMS-value-placeholder: #828282;
  --FORMS-button-text-color: #FFFFFF;
  --FORMS-button-background-color: #1D252C;
  --FORMS-button-background-color-hover: #000000;
  --FORMS-button-inline-color: #989898;
  --FORMS-button-inline-color-hover: #000000;
  --FORMS-checkbox-inactive: #e5e5e5;
  --FORMS-checkbox-active: #777777;
  --FORMS-checkbox-mark-as-done: #49c7b5;
  --DARK-FORMS-focus: var(--APP-focus-color);
  --DARK-FORMS-border: #1f232b;
  --DARK-FORMS-label: #c3c3c3;
  --DARK-FORMS-value: #ffffff;
  --DARK-FORMS-value-placeholder: #bfbfbf;
  --DARK-FORMS-button-text-color: #FFFFFF;
  --DARK-FORMS-button-background-color: #0c1013;
  --DARK-FORMS-button-background-color-hover: #000000;
  --DARK-FORMS-button-inline-color: #bbbbbb;
  --DARK-FORMS-button-inline-color-hover: #ffffff;
  --DARK-FORMS-checkbox-inactive: #434d5d;
  --DARK-FORMS-checkbox-active: #1c2129;
  --DARK-FORMS-checkbox-mark-as-done: #49c7b5;
  --MS-DARK-FORMS-focus: #e8e8e8;
  --MS-DARK-FORMS-border: #2d2c2c;
  --MS-DARK-FORMS-label: #dedede;
  --MS-DARK-FORMS-value: #ffffff;
  --MS-DARK-FORMS-value-placeholder: #bfbfbf;
  --MS-DARK-FORMS-button-text-color: #FFFFFF;
  --MS-DARK-FORMS-button-background-color: #3c3c3c;
  --MS-DARK-FORMS-button-background-color-hover: #000000;
  --MS-DARK-FORMS-button-inline-color: #bbbbbb;
  --MS-DARK-FORMS-button-inline-color-hover: #ffffff;
  --MS-DARK-FORMS-checkbox-inactive: #3c3c3c;
  --MS-DARK-FORMS-checkbox-active: #757575;
  --MS-DARK-FORMS-checkbox-mark-as-done: #49c7b5;
  --MS-DEEP-DARK-FORMS-focus: #fff;
  --MS-DEEP-DARK-FORMS-border: #fff;
  --MS-DEEP-DARK-FORMS-label: #fff;
  --MS-DEEP-DARK-FORMS-value: #ffffff;
  --MS-DEEP-DARK-FORMS-value-placeholder: #757575;
  --MS-DEEP-DARK-FORMS-button-text-color: #FFFFFF;
  --MS-DEEP-DARK-FORMS-button-background-color: #3c3c3c;
  --MS-DEEP-DARK-FORMS-button-background-color-hover: #000000;
  --MS-DEEP-DARK-FORMS-button-inline-color: #bbbbbb;
  --MS-DEEP-DARK-FORMS-button-inline-color-hover: #ffffff;
  --MS-DEEP-DARK-FORMS-checkbox-inactive: #989898;
  --MS-DEEP-DARK-FORMS-checkbox-active: #fff;
  --MS-DEEP-DARK-FORMS-checkbox-mark-as-done: #1aebff
}
.no_appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: 0 0;
  padding-left: 0;
  padding-right: 0
}
.no_label {
  margin-top: 0!important
}
.text_uppercase {
  text-transform: uppercase!important
}
.text_bold {
  font-weight: 700!important
}
.text_bigger {
  font-size: 14px!important
}
.no_margin {
  margin: 0!important
}
.no_margin_bottom {
  margin-bottom: 0!important
}
.no_margin_left {
  margin-left: 0!important
}
.no_margin_bottom {
  margin-bottom: 0!important
}
.place_color {
  color: var(--FORMS-value-placeholder)
}
.no_pad {
  padding: 0!important
}
.no_bottom_pad {
  padding-bottom: 0!important
}
.hide {
  display: none!important
}
form input[type=submit].hidden_ {
  width: 1px!important;
  height: 1px!important;
  box-shadow: none!important;
  padding: 0!important;
  margin: 0!important;
  -webkit-appearance: none!important;
  appearance: normal;
  color: transparent!important;
  background-color: transparent!important;
  border-color: transparent!important;
  display: inherit!important;
  position: absolute
}
input:focus::-webkit-input-placeholder {
  opacity: 0
}
input:focus::-moz-placeholder {
  opacity: 0
}
input:focus:-ms-input-placeholder {
  opacity: 0
}
input:focus:-moz-placeholder {
  opacity: 0
}
textarea:focus::-webkit-input-placeholder {
  opacity: 0
}
textarea:focus::-moz-placeholder {
  opacity: 0
}
textarea:focus:-ms-input-placeholder {
  opacity: 0
}
textarea:focus:-moz-placeholder {
  opacity: 0
}
form label.error {
  color: var(--APP-error-color);
  display: none!important
}
form.submitted_ .error_ label.error {
  color: var(--APP-error-color);
  display: inline-block!important
}
.primary_input_ {
  width: 100%;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--FORMS-border);
  position: relative;
  margin-bottom: var(--FORMS-space)
}
.primary_input_.disabled {
  pointer-events: none
}
.primary_input_ .value .drop_.vue_.input .drop_pop_ {
  top: 40px;
  left: -11px!important;
  width: calc(100% + 60px)
}
.primary_input_ label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: var(--FORMS-font-size-label);
  color: var(--FORMS-label);
  font-weight: 400;
  padding: 10px 10px 10px 10px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag
}
.primary_input_ label.error {
  padding: 10px 10px 10px 10px
}
.primary_input_ .value label.error {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0
}
.primary_input_ .value {
  width: 100%;
  padding: 0 50px 10px 10px;
  box-sizing: border-box
}
.primary_input_ .value a,
.primary_input_ .value input,
.primary_input_ .value textarea {
  width: 100%;
  min-height: 45px;
  height: 45px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 21px;
  color: var(--FORMS-value);
  font-weight: 600;
  border: 0 none;
  resize: none;
  background: 0 0;
  overflow: hidden;
  padding: 0
}
.primary_input_ .value a:focus,
.primary_input_ .value input:focus,
.primary_input_ .value textarea:focus {
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important
}
.primary_input_ .value a {
  display: inline-block;
  vertical-align: top;
  height: auto;
  min-height: 21px
}
.primary_input_ .value a.project,
.primary_input_ .value input.project {
  font-size: 18px;
  color: var(--FORMS-value);
  font-weight: 700;
  width: calc(100% - 70px)
}
.primary_input_ .value input::-webkit-input-placeholder,
.primary_input_ .value textarea::-webkit-input-placeholder {
  color: var(--FORMS-value-placeholder)
}
.primary_input_ .value input::-moz-placeholder,
.primary_input_ .value textarea::-moz-placeholder {
  color: var(--FORMS-value-placeholder)
}
.primary_input_ .value input:-ms-input-placeholder,
.primary_input_ .value textarea::-ms-input-placeholder {
  color: var(--FORMS-value-placeholder)
}
.primary_input_ .value input:-moz-placeholder,
.primary_input_ .value textarea::-moz-placeholder {
  color: var(--FORMS-value-placeholder)
}
.primary_input_ .value strong {
  font-weight: 700
}
.primary_input_ .project_item_ {
  position: relative;
  width: 100%;
  font-weight: 700;
  box-sizing: border-box;
  padding-left: 23px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
.primary_input_ .project_item_ .pill_ {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 4px;
  left: 0;
  background-color: #cfdae0;
  color: #fff!important
}
.primary_input_ .project_item_ .customer {
  color: #868686;
  font-weight: 500;
  font-size: 14px
}
.primary_input_ .task_name_ {
  width: 100%;
  font-weight: 600;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
.primary_input_ .task_name_:empty {
  display: none
}
.primary_input_ .project_item_ + .task_name_ {
  margin-top: 5px;
  padding-left: 23px
}
.primary_input_ .set_project_color {
  position: absolute;
  right: 10px;
  bottom: 0;
  padding-bottom: 10px
}
.primary_input_ .set_project_color .color_display {
  width: 28px;
  height: 28px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  padding: 0;
  box-sizing: border-box
}
.primary_input_ .set_project_color .color_picker {
  width: 126px;
  top: 33px;
  right: -10px;
  box-sizing: border-box;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  position: absolute;
  display: none;
  z-index: 100;
  padding: 5px;
  background-color: #fff;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  border: 1px solid var(--FORMS-border)
}
.primary_input_ .set_project_color .color_picker .color_selector {
  width: 30px;
  height: 18px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: inline-block;
  vertical-align: top;
  margin: 4px;
  background-color: #cfdae0;
  cursor: pointer;
  box-sizing: border-box
}
.primary_input_ .set_project_color .color_picker .color_selector.selected,
.primary_input_ .set_project_color .color_picker .color_selector:hover {
  border: 2px solid rgba(0,0,0,.2)
}
.primary_input_ .set_project_color .color_picker .color_selector[data-val=null].selected {
  display: inline-block
}
.primary_input_ .set_project_color:hover .color_picker {
  display: block
}
.primary_input_ .external_link {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 10;
  display: none
}
.primary_input_ .external_link i {
  font-size: 16px
}
.primary_input_.mini_ {
  padding: 8px 10px 5px 10px;
  box-sizing: border-box
}
.primary_input_.mini_ label {
  padding: 0 0 5px 0
}
.primary_input_.mini_ .value {
  padding: 0
}
.primary_input_.mini_ .value a,
.primary_input_.mini_ .value input,
.primary_input_.mini_ .value textarea {
  font-size: 14px;
  line-height: 21px
}
.primary_input_.mini_ .value a {
  height: auto;
  min-height: inherit;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 0
}
.primary_input_.mini_ .value .project_item_ {
  flex-shrink: 0;
  width: auto
}
.primary_input_.mini_ .value .project_item_ .customer {
  display: none
}
.primary_input_.mini_ .value .task_name_ {
  -webkit-line-clamp: 1;
  padding: 0;
  font-weight: 500;
  margin: 0 0 0 5px
}
.primary_input_.mini_ .external_link {
  display: none!important
}
.submitted_ .primary_input_.error_ {
  border-color: var(--APP-error-color)!important
}
.submitted_ .primary_input_.error_ .customer,
.submitted_ .primary_input_.error_ .place_color,
.submitted_ .primary_input_.error_ a,
.submitted_ .primary_input_.error_ input,
.submitted_ .primary_input_.error_ label,
.submitted_ .primary_input_.error_ textarea {
  color: var(--APP-error-color)!important
}
.submitted_ .primary_input_.error_ input::-webkit-input-placeholder,
.submitted_ .primary_input_.error_ textarea::-webkit-input-placeholder {
  color: var(--APP-error-color)!important
}
.submitted_ .primary_input_.error_ input::-moz-placeholder,
.submitted_ .primary_input_.error_ textarea::-moz-placeholder {
  color: var(--APP-error-color)!important
}
.submitted_ .primary_input_.error_ input:-ms-input-placeholder,
.submitted_ .primary_input_.error_ textarea:-ms-input-placeholder {
  color: var(--APP-error-color)!important
}
.submitted_ .primary_input_.error_ input:-moz-placeholder,
.submitted_ .primary_input_.error_ textarea:-moz-placeholder {
  color: var(--APP-error-color)!important
}
.submitted_ .primary_input_.error_ .set_project_color .color_display {
  border-color: var(--APP-error-color)!important
}
.separator_ {
  width: 100%;
  height: 35px;
  position: relative;
  border: 0;
  border-bottom: 1px solid var(--FORMS-border);
  margin-bottom: 20px;
  margin-top: -30px;
  pointer-events: none
}
.separator_.no_full {
  width: 100%;
  left: 0
}
.separator_.arrow_active_::before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  bottom: -11px;
  margin-left: -5px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 1px solid var(--FORMS-border);
  border-right: 1px solid var(--FORMS-border);
  content: '';
  display: inline-block;
  vertical-align: top
}
.input_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: var(--FORMS-space);
  margin-bottom: var(--FORMS-space);
  font-size: 0
}
.input_:last-child {
  margin-bottom: 0
}
.submitted_ .input_.error_ {
  margin-bottom: calc(var(--FORMS-space) + 20px)
}
.input_.small_ .input_button,
.input_.small_ input:not(.button_) {
  height: 30px
}
.input_.small_ .input_button {
  line-height: 30px
}
.input_.small_ .input_button {
  line-height: 30px
}
.input_.small_ .icon {
  width: 30px;
  height: calc(30px - 2px);
  line-height: calc(30px + 2px);
  font-size: 14px
}
.input_.small_ .icon + .input_button,
.input_.small_ .icon + input,
.input_.small_ .icon + input[type=hidden] + .input_button,
.input_.small_ .icon + input[type=hidden] + input {
  padding-right: 30px
}
.input_ label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: var(--FORMS-font-size-label);
  color: var(--FORMS-label);
  font-weight: 400;
  padding: 0;
  position: absolute;
  top: -16px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag
}
.input_ label::first-letter {
  text-transform: uppercase
}
.input_ label a {
  text-decoration: underline;
  color: var(--FORMS-value)
}
.input_ label a:hover {
  color: var(--FORMS-value)
}
.input_ label i {
  margin-right: 5px;
  display: inline-block;
  top: 2px;
  position: relative
}
.input_ label.error {
  top: auto;
  left: 0;
  position: absolute;
  margin-top: 10px;
  bottom: -25px
}
.input_ .input_button,
.input_ input:not(.button_) {
  width: 100%;
  height: var(--FORMS-height);
  padding: 0 10px;
  font-weight: 600;
  color: var(--FORMS-value);
  font-size: var(--FORMS-font-size);
  background-color: transparent;
  border: 1px solid var(--FORMS-border);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  -webkit-transition: border-color .2s,color .2s,-webkit-box-shadow .2s;
  -moz-transition: border-color .2s,color .2s,-moz-box-shadow .2s;
  -ms-transition: border-color .2s,color .2s,-ms-box-shadow .2s;
  transition: border-color .2s,color .2s,box-shadow .2s;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  left: 0
}
.input_ input[type=file] {
  display: none
}
.input_ .input_button {
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: var(--FORMS-height);
  cursor: pointer
}
.input_ .input_button::first-letter,
.input_ input:not(.button_)::first-letter {
  text-transform: uppercase
}
.input_.center .input_button,
.input_.center input:not(.button_),
.input_.center label {
  text-align: center
}
.input_.right .input_button,
.input_.right input:not(.button_),
.input_.right label {
  text-align: right
}
.input_ .button_ {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15px;
  z-index: 3;
  width: auto;
  min-width: 0;
  height: 30px!important;
  line-height: 30px!important
}
.input_ .button_.border_ {
  line-height: 28px!important
}
.duration .input_ .invalid {
  background-color: rgba(241,88,88,.2)
}
.input_ a + input,
.input_ input[type=submit] + input {
  padding-right: 115px
}
.input_ input[type=number] {
  letter-spacing: -.5px
}
.input_ input[type=number]::-webkit-input-placeholder {
  letter-spacing: -.5px
}
.input_ input[type=number]::-moz-placeholder {
  letter-spacing: -.5px
}
.input_ input[type=number]:-ms-input-placeholder {
  letter-spacing: -.5px
}
.input_ input[type=number]:-moz-placeholder {
  letter-spacing: -.5px
}
.input_ input[type=number] {
  -moz-appearance: textfield
}
.input_ input::-webkit-inner-spin-button,
.input_ input::-webkit-outer-spin-button {
  -webkit-appearance: none
}
.input_ input::-webkit-input-placeholder {
  color: var(--FORMS-value-placeholder);
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
  font-weight: 600
}
.input_ input::-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
  font-weight: 600
}
.input_ input:-ms-input-placeholder {
  color: var(--FORMS-value-placeholder);
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
  font-weight: 600
}
.input_ input:-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
  font-weight: 600
}
.input_ .input_button {
  font-weight: 600
}
.input_ .input_button .placeholder {
  color: var(--FORMS-value-placeholder)
}
.input_ input:disabled {
  opacity: .8;
  background-color: #f9f9f9
}
.input_ .input_button[disabled=disabled] {
  opacity: .8;
  background-color: #f9f9f9
}
.input_ .input_button:focus,
.input_ input:not(.button_):focus {
  border-color: var(--FORMS-focus)!important
}
.input_ .icon {
  width: var(--FORMS-height);
  height: calc(var(--FORMS-height) - 2px);
  line-height: calc(var(--FORMS-height) + 2px);
  text-align: center;
  position: absolute;
  bottom: 1px;
  right: 1px;
  color: var(--FORMS-label);
  background-color: #f5f7f7;
  -webkit-border-top-right-radius: calc(var(--APP-radius) - 1px);
  -webkit-border-bottom-right-radius: calc(var(--APP-radius) - 1px);
  -moz-border-radius-topright: calc(var(--APP-radius) - 1px);
  -moz-border-radius-bottomright: calc(var(--APP-radius) - 1px);
  border-top-right-radius: calc(var(--APP-radius) - 1px);
  border-bottom-right-radius: calc(var(--APP-radius) - 1px);
  z-index: 1;
  font-size: 18px;
  pointer-events: none
}
.input_ .icon.transparent {
  background-color: transparent
}
.input_ .icon + .input_button,
.input_ .icon + input,
.input_ .icon + input[type=hidden] + .input_button,
.input_ .icon + input[type=hidden] + input {
  padding-right: var(--FORMS-height)
}
.input_ .icon + .vue__time-picker input {
  padding-right: calc(var(--FORMS-height) + 20px)
}
.input_ .icon.on {
  pointer-events: auto;
  cursor: pointer
}
.input_ .icon b {
  font-weight: 700;
  font-size: 12px;
  position: relative;
  top: -2px
}
.input_ .clear_date_ {
  display: none;
  width: 100%;
  height: 20px;
  width: 20px;
  line-height: 22px;
  text-align: center;
  position: absolute;
  top: 3px;
  font-size: 14px;
  color: #282828;
  right: 5px
}
.input_ .clear_date_:hover {
  color: #000
}
.input_ .input_button .users_list_ {
  height: 30px;
  width: 100%;
  margin-top: 7px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}
.input_ .input_button .users_list_ ul {
  width: 100%;
  font-size: 0
}
.input_ .input_button .users_list_ li {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  margin-left: -10px;
  background-color: #dcdcd8
}
.input_ .input_button .users_list_ li:first-child {
  margin-left: 0
}
.input_.inline_style_ {
  margin-top: 0;
  box-sizing: border-box;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.input_.inline_style_ + :not(.inline_style_) {
  margin-bottom: var(--FORMS-space);
  display: block
}
.input_.inline_style_:last-child {
  margin-bottom: 0
}
.input_.inline_style_ label:not(.input_button) {
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  line-height: 16px;
  font-size: var(--FORMS-font-size-label);
  box-sizing: border-box;
  position: static;
  margin-bottom: 0;
  margin-right: 10px!important;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0
}
.input_.inline_style_ .input_button,
.input_.inline_style_ input:not(.button_) {
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
  font-size: 12px;
  border: 0 none!important;
  background: 0 0;
  color: var(--FORMS-value);
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  text-overflow: ellipsis;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px
}
.input_.inline_style_ .input_button:focus,
.input_.inline_style_ .input_button:hover,
.input_.inline_style_ input:not(.button_):focus,
.input_.inline_style_ input:not(.button_):hover {
  background-color: var(--APP-global-hover)
}
.input_.inline_style_:not(.filled) .input_button {
  color: var(--FORMS-value-placeholder)!important
}
.input_.inline_style_ + .separator_ {
  margin-top: -20px
}
.input_.inline_style_ + .form_text_ {
  margin-top: 10px
}
.submitted_ .input_.inline_style_.error_ {
  margin-bottom: 0
}
.input_.inline_style_ label:not(.input_button).error {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  top: 0;
  padding: 0;
  margin: 0 0 0 10px;
  flex-shrink: 0;
  width: 100px;
  font-weight: 600!important;
  width: 110px;
  height: 10px;
  line-height: 10px;
  margin-right: 0!important
}
.input_.inline_style_ .clear_date_ {
  display: inline-block;
  visibility: hidden
}
.input_.inline_style_:hover .clear_date_ {
  visibility: visible
}
.input_.inline_style_ .input_project_item_ {
  margin-top: 0;
  line-height: 25px
}
form.submitted_ .input_.inline_style_ label.error {
  display: none!important
}
.input_.bigger_label_ {
  margin-top: 25px
}
.input_.bigger_label_ label {
  font-size: 12px;
  top: -25px
}
.input_.bigger_label_ label i {
  margin-right: 5px
}
.input_.two_vals_ {
  width: 100%
}
.input_.two_vals_ .input_button,
.input_.two_vals_ input:not(.button_) {
  width: calc(50% - 10px)
}
.input_.two_vals_ .divisor_ {
  width: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle
}
.input_.success .icon {
  color: var(--APP-success-color);
  border: 0 none
}
.input_.success input {
  color: var(--APP-success-color);
  border-color: var(--APP-success-color)
}
.input_.success input::-webkit-input-placeholder {
  color: var(--APP-success-color)
}
.input_.success input::-moz-placeholder {
  color: var(--APP-success-color)
}
.input_.success input:-ms-input-placeholder {
  color: var(--APP-success-color)
}
.input_.success input:-moz-placeholder {
  color: var(--APP-success-color)
}
.input_.focus .icon {
  color: var(--FORMS-focus);
  border: 0 none
}
.input_.focus input {
  color: var(--FORMS-focus);
  border-color: var(--FORMS-focus)
}
.input_.focus input::-webkit-input-placeholder {
  color: var(--FORMS-focus)
}
.input_.focus input::-moz-placeholder {
  color: var(--FORMS-focus)
}
.input_.focus input:-ms-input-placeholder {
  color: var(--FORMS-focus)
}
.input_.focus input:-moz-placeholder {
  color: var(--FORMS-focus)
}
.input_.error .icon,
.submitted_ .input_.error_ .icon {
  color: var(--APP-error-color);
  border: 0 none
}
.input_.error input,
.submitted_ .input_.error_ input {
  border-color: var(--APP-error-color)!important;
  color: var(--APP-error-color);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  background-color: rgb(0 0 0 / 5%)
}
.input_.error .input_button,
.submitted_ .input_.error_ .input_button {
  border-color: var(--APP-error-color)!important;
  color: var(--APP-error-color)
}
.input_.error input::-webkit-input-placeholder,
.submitted_ .input_.error_ input::-webkit-input-placeholder {
  color: var(--APP-error-color)
}
.input_.error input::-moz-placeholder,
.submitted_ .input_.error_ input::-moz-placeholder {
  color: var(--APP-error-color)
}
.input_.error input:-ms-input-placeholder,
.submitted_ .input_.error_ input:-ms-input-placeholder {
  color: var(--APP-error-color)
}
.input_.error input:-moz-placeholder,
.submitted_ .input_.error_ input:-moz-placeholder {
  color: var(--APP-error-color)
}
.input_.error .input_button:focus,
.input_.error input:not(.button_):focus,
.submitted_ .input_.error_ .input_button:focus,
.submitted_ .input_.error_ input:not(.button_):focus {
  border-color: var(--APP-error-color)
}
.input_.error label,
.input_.error label a,
.input_.error label u,
.submitted_ .input_.error_ label,
.submitted_ .input_.error_ label a,
.submitted_ .input_.error_ label u {
  color: var(--APP-error-color)!important
}
.input_.error.inline_style_:not(.filled):not(.focused)::before,
.submitted_ .input_.error_.inline_style_:not(.filled):not(.focused)::before {
  border-color: var(--APP-error-color);
  color: var(--APP-error-color)
}
.input_.disabled {
  pointer-events: none
}
.input_.disabled .input_button,
.input_.disabled input {
  pointer-events: none;
  opacity: .8
}
.input_.disabled .icon {
  opacity: .8
}
input[type=number].tt-styled {
  width: 100%;
  cursor: pointer;
  color: var(--FORMS-value);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid var(--FORMS-border);
  box-sizing: border-box;
  background-color: transparent;
  width: auto;
  padding: 0 10px;
  height: 30px;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
input[type=number].tt-styled::-webkit-inner-spin-button,
input[type=number].tt-styled::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
input[type=number].tt-styled[type=number] {
  -moz-appearance: textfield
}
.button_add_ {
  width: 100%;
  position: relative;
  font-size: 0
}
.button_add_ .link_ {
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 6px 0
}
.button_add_ .link_.filled_ {
  padding: 6px 8px;
  left: -8px
}
.button_add_ .link_.filled_:hover {
  background-color: var(--APP-global-hover)
}
.button_add_ .link_.filled_ .add_ u {
  color: #282828
}
.button_add_ .add_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  color: var(--FORMS-value-placeholder);
  font-weight: 500
}
.button_add_ .add_ i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  color: #282828;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  font-size: 8px
}
.button_add_ .add_ u {
  display: inline-block;
  vertical-align: middle
}
.button_add_ a.add_:hover u {
  text-decoration: underline
}
.button_add_ .input_project_item_ {
  margin: 0;
  line-height: 17px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.input_project_item_ {
  width: 100%;
  padding-left: 18px;
  position: relative;
  font-size: 14px;
  line-height: 30px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 7px
}
.input_project_item_ .name {
  font-weight: 700;
  color: #282828
}
.input_project_item_ .customer {
  color: #868686
}
.input_project_item_ .pill {
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
  background-color: #cfdae0;
  color: #fff!important
}
.textarea_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: var(--FORMS-space);
  margin-bottom: var(--FORMS-space)
}
.textarea_:last-child {
  margin-bottom: 0
}
.textarea_ label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: var(--FORMS-font-size-label);
  color: var(--FORMS-label);
  font-weight: 400;
  padding: 0;
  position: absolute;
  top: -16px;
  left: 0;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag
}
.textarea_ label.error {
  top: 0;
  left: 0;
  position: relative;
  margin-top: 10px
}
.textarea_ textarea {
  width: 100%;
  height: 60px;
  line-height: 22px;
  padding: 10px;
  font-weight: 600;
  resize: none;
  color: var(--FORMS-value);
  font-size: var(--FORMS-font-size);
  background-color: transparent;
  border: 1px solid var(--FORMS-border);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  -webkit-transition: border-color .2s,color .2s,-webkit-box-shadow .2s;
  -moz-transition: border-color .2s,color .2s,-moz-box-shadow .2s;
  -ms-transition: border-color .2s,color .2s,-ms-box-shadow .2s;
  transition: border-color .2s,color .2s,box-shadow .2s;
  white-space: pre-wrap;
  overflow-wrap: break-word
}
.textarea_ textarea:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.textarea_ textarea::-webkit-input-placeholder {
  color: var(--FORMS-value-placeholder)
}
.textarea_ textarea::-moz-placeholder {
  color: var(--FORMS-value-placeholder)
}
.textarea_ textarea:-ms-input-placeholder {
  color: var(--FORMS-value-placeholder)
}
.textarea_ textarea:-moz-placeholder {
  color: var(--FORMS-value-placeholder)
}
.textarea_ textarea:disabled {
  opacity: .8;
  background-color: #f9f9f9
}
.textarea_ textarea:focus {
  border-color: var(--FORMS-focus)!important
}
.textarea_.bigger_ textarea {
  height: 120px
}
.textarea_ .button_ {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15px;
  z-index: 3;
  width: auto;
  min-width: 0;
  height: 30px!important;
  line-height: 30px!important
}
.textarea_ .button_.border_ {
  line-height: 28px!important
}
.textarea_ a + textarea {
  padding-right: 115px
}
.textarea_ .icon {
  width: 30px;
  height: 30px;
  line-height: 33px;
  text-align: center;
  position: absolute;
  top: 6px;
  left: 4px;
  color: var(--FORMS-label);
  z-index: 1;
  font-size: 20px
}
.textarea_ .icon + textarea {
  padding-left: 35px
}
.textarea_ .icon + .invalid {
  border: 1px solid var(--APP-error-color)
}
.textarea_.success .icon {
  color: var(--APP-success-color)
}
.textarea_.success textarea {
  color: var(--APP-success-color)
}
.textarea_.success textarea::-webkit-input-placeholder {
  color: var(--APP-success-color)
}
.textarea_.success textarea::-moz-placeholder {
  color: var(--APP-success-color)
}
.textarea_.success textarea:-ms-input-placeholder {
  color: var(--APP-success-color)
}
.textarea_.success textarea:-moz-placeholder {
  color: var(--APP-success-color)
}
.submitted_ .textarea_.error_ .icon,
.textarea_.error .icon {
  color: var(--APP-error-color)
}
.submitted_ .textarea_.error_ textarea,
.textarea_.error textarea {
  color: var(--APP-error-color);
  border-color: var(--APP-error-color)
}
.submitted_ .textarea_.error_ textarea::-webkit-input-placeholder,
.textarea_.error textarea::-webkit-input-placeholder {
  color: var(--APP-error-color)
}
.submitted_ .textarea_.error_ textarea::-moz-placeholder,
.textarea_.error textarea::-moz-placeholder {
  color: var(--APP-error-color)
}
.submitted_ .textarea_.error_ textarea:-ms-input-placeholder,
.textarea_.error textarea:-ms-input-placeholder {
  color: var(--APP-error-color)
}
.submitted_ .textarea_.error_ textarea:-moz-placeholder,
.textarea_.error textarea:-moz-placeholder {
  color: var(--APP-error-color)
}
.textarea_.error label {
  color: var(--APP-error-color)
}
.textarea_.disabled {
  pointer-events: none
}
.textarea_.disabled textarea {
  opacity: .8
}
.textarea_.disabled .icon {
  opacity: .8
}
.select_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: var(--FORMS-space);
  margin-bottom: var(--FORMS-space);
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag
}
.select_:last-child {
  margin-bottom: 0
}
.select_::before {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -8px;
  border-top: 1px solid var(--FORMS-border);
  border-right: 1px solid var(--FORMS-border);
  content: '';
  z-index: 1;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}
.select_ label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: var(--FORMS-font-size-label);
  color: var(--FORMS-label);
  font-weight: 400;
  padding: 0;
  position: absolute;
  top: -16px;
  left: 0;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag;
  text-transform: lowercase
}
.select_ label::first-letter {
  text-transform: uppercase
}
.select_ select {
  width: 100%;
  height: var(--FORMS-height);
  padding: 0 45px 0 10px;
  font-weight: 600;
  color: var(--FORMS-value);
  font-size: var(--FORMS-font-size);
  background-color: transparent;
  border: 1px solid var(--FORMS-border);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: border-color .2s,color .2s,-webkit-box-shadow .2s;
  -moz-transition: border-color .2s,color .2s,-moz-box-shadow .2s;
  -ms-transition: border-color .2s,color .2s,-ms-box-shadow .2s;
  transition: border-color .2s,color .2s,box-shadow .2s;
  text-transform: capitalize
}
.select_ select:focus {
  border-color: var(--FORMS-focus)!important
}
.select_.has_color_ select {
  border-color: transparent!important
}
.select_.has_color_::before {
  border-top-color: #000;
  border-right-color: #000
}
.select_ .clear_date_ {
  height: 20px;
  width: 20px;
  line-height: 22px;
  text-align: center;
  position: absolute;
  top: 13px;
  font-size: 19px;
  color: #282828;
  right: 45px;
  visibility: hidden
}
.select_ .clear_date_:hover {
  color: #000
}
.select_:hover .clear_date_ {
  visibility: visible
}
.select_.inline_style_ {
  margin-top: 0;
  box-sizing: border-box;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.select_.inline_style_:last-child {
  margin-bottom: 0
}
.select_.inline_style_ label {
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  line-height: 16px;
  font-size: var(--FORMS-font-size-label);
  box-sizing: border-box;
  position: static;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin-right: 10px!important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0
}
.select_.inline_style_::before {
  display: none
}
.select_.inline_style_ select {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  border: 0 none!important;
  background: 0 0;
  color: var(--FORMS-value);
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  text-overflow: ellipsis;
  font-weight: 600;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  cursor: pointer
}
.select_.inline_style_:not(.filled) select {
  color: var(--FORMS-value-placeholder)!important
}
.select_.inline_style_ select:hover {
  background-color: var(--APP-global-hover)
}
.select_.inline_style_ + .separator_ {
  margin-top: -20px
}
.select_.inline_style_ + .form_text_ {
  margin-top: 10px
}
.submitted_ .select_.inline_style_.error_ {
  margin-bottom: 0
}
.select_.inline_style_ label.error {
  position: relative;
  display: inline-block;
  vertical-align: top;
  top: 0;
  padding: 0;
  margin: 2px 0 0 0;
  font-weight: 600!important
}
.select_.inline_style_ .clear_date_ {
  display: inline-block;
  visibility: hidden
}
.select_.inline_style_:hover .clear_date_ {
  visibility: visible!important
}
.select_.inline_style_ .clear_date_ {
  height: 20px;
  width: 20px;
  line-height: 22px;
  top: 3px;
  font-size: 14px;
  right: 5px;
  z-index: 10
}
form.submitted_ .select_.inline_style_ label.error {
  display: none!important
}
.select_.disabled {
  opacity: .8;
  pointer-events: none
}
.select_.error .icon {
  color: var(--APP-error-color);
  border: 0 none
}
.select_.error select {
  border-color: var(--APP-error-color)!important;
  color: var(--APP-error-color);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.select_.error select:not(.button_):focus {
  border-color: var(--APP-error-color)
}
.select_.error label,
.select_.error label a,
.select_.error label u {
  color: var(--APP-error-color)!important
}
.select_inline_ {
  width: 150px;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  background-image: url(../../img/arrow_bottom_black.png);
  background-position: right 10px center;
  background-color: transparent;
  background-size: 12px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: #fff;
  color: #282828;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.error .select_inline_ {
  border-color: var(--APP-error-color)
}
select.tt-styled {
  width: 100%;
  height: 30px;
  color: var(--FORMS-value);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--FORMS-border);
  padding: 0 30px 0 10px;
  box-sizing: border-box;
  background-position: right 10px center;
  background-image: url(../../img/arrow_bottom_black.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: auto 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-size: 12px
}
select.tt-styled.chart-style {
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 10px;
  height: 18px;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 15px;
  background-size: auto 10px;
  background-position: right center
}
select.tt-styled:disabled {
  opacity: .7;
  cursor: default
}
.selected select.tt-styled {
  border-color: rgba(0,0,0,.2)
}
.button_ {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-weight: 700;
  color: var(--FORMS-button-text-color);
  background-color: var(--FORMS-button-background-color);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  border: 0 none;
  cursor: pointer;
  min-width: 130px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag;
  flex-shrink: 0
}
.button_.border_ {
  height: 38px;
  line-height: 38px;
  color: var(--FORMS-button-background-color);
  background-color: transparent;
  border: 1px solid var(--FORMS-button-background-color)
}
.button_.border_:hover {
  border-color: var(--FORMS-button-background-color-hover);
  background-color: var(--FORMS-button-background-color-hover)
}
.button_.active,
.button_:hover {
  color: var(--FORMS-button-text-color);
  background-color: var(--FORMS-button-background-color-hover)
}
.button_.loading_and_block {
  position: relative
}
.button_.loading_and_block::before {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px
}
.button_:not(.gray_).loading_and_block::after {
  background-color: var(--FORMS-button-background-color);
  opacity: .8
}
.button_:not(.gray_).loading_and_block::before {
  border-color: var(--FORMS-button-background-color);
  border-left: 2px solid #f54337
}
.button_.small_ {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-transform: lowercase;
  letter-spacing: 0;
  font-size: 12px;
  min-width: 0
}
.button_.small_ u {
  display: inline-block;
  vertical-align: top
}
body:not(.Firefox) .button_.small_ u::first-letter {
  text-transform: uppercase!important
}
body.Firefox .button_.small_ u {
  text-transform: capitalize!important
}
.button_.small_.ellipsis_ u {
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.button_:not(.small_).ellipsis_ {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 400px
}
.button_.small_.border_ {
  line-height: 28px
}
.button_.gray_ {
  color: var(--FORMS-value);
  background-color: #f5f4f4
}
.button_.gray_.active,
.button_.gray_:hover {
  background-color: #eaeaea
}
.button_.gray_.border_ {
  color: var(--FORMS-value);
  border-color: #e5e5e5;
  background-color: transparent
}
.button_.gray_.border_:hover {
  color: var(--FORMS-value);
  background-color: #e5e5e5
}
.button_.gray_.delete.border_:hover {
  color: #fff;
  border-color: var(--APP-error-color)!important;
  background-color: var(--APP-error-color)!important
}
.button_.space_ {
  margin-left: 10px
}
.button_.theme_ {
  color: var(--FORMS-value);
  background-color: transparent
}
.button_.theme_.active,
.button_.theme_:hover {
  background-color: var(--APP-item-list-hover)
}
.button_ i {
  font-size: 14px;
  position: relative;
  top: 2px
}
.button_ strong {
  font-weight: 900
}
.button_ u + i {
  margin-left: 5px
}
.button_ i + u {
  margin-left: 5px
}
.button_ i + u + u {
  margin-left: 5px
}
.drop_ + .button_ {
  margin-left: 10px
}
.button_ + .drop_ {
  margin-left: 10px
}
.button_ + .button_,
.button_ + .multi_select_button_ {
  margin-left: 10px
}
.button_.disabled {
  pointer-events: none;
  opacity: .8
}
.button_.disabled * {
  opacity: .5
}
.button_.disabled_style {
  opacity: .8;
  cursor: default
}
.button_.disabled_style * {
  opacity: .5
}
.button_.disabled_style:hover {
  background-color: transparent!important
}
.button_:disabled {
  pointer-events: none;
  opacity: .8
}
.button_:disabled * {
  opacity: .5
}
.button_.prevent_event {
  pointer-events: none
}
.button_.delete_ {
  color: #fff!important;
  background-color: var(--APP-error-color)!important
}
.button_.delete_.active,
.button_.delete_:hover {
  background-color: var(--APP-error-color-hover)!important
}
.button_.approve_ {
  color: #282828!important;
  background-color: var(--APP-approve-color)!important
}
.button_.approve_.active,
.button_.approve_:hover {
  background-color: var(--APP-approve-color-hover)!important
}
.button_.small_.important {
  color: var(--APP-error-color)!important;
  border-color: var(--APP-error-color)!important
}
.button_.small_.important:hover,
.share_pop_.active .button_.small_.important {
  color: #fff!important;
  border-color: var(--APP-error-color)!important;
  background-color: var(--APP-error-color)!important
}
.button_.small_.advise {
  color: #dfc239!important;
  border-color: #fbda3f!important
}
.button_.small_.advise:hover,
.share_pop_.active .button_.small_.advise {
  color: #282828!important;
  border-color: #fbda3f!important;
  background-color: #fbda3f!important
}
.button_.disabled.invalid {
  background-color: var(--APP-error-color);
  color: #fff;
  opacity: 1
}
.button_.flex_ellisis_ {
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.button_.flex_ellisis_ i {
  flex-shrink: 0;
  top: 0
}
.button_.flex_ellisis_ u {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.button_.syncing {
  pointer-events: none
}
.button_.syncing i {
  -webkit-animation: spin-inverse 1s infinite ease-in-out;
  animation: spin-inverse 1s infinite ease-in-out;
  display: inline-block
}
.button_.add_button_ {
  text-transform: uppercase;
  font-size: 10px
}
.button_.add_button_ i {
  top: 3px
}
.multi_select_button_ + .button_ {
  margin-left: 10px
}
.button_.full_ {
  width: 100%
}
.button_ .content_editable_el_ {
  width: 80px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  font-weight: 700
}
.button_:hover .content_editable_el_ {
  padding: 0 5px;
  margin-left: 3px
}
.button_.linked_ {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-left-radius: var(--APP-radius);
  -webkit-border-bottom-left-radius: var(--APP-radius);
  -moz-border-radius-topleft: var(--APP-radius);
  -moz-border-radius-bottomleft: var(--APP-radius);
  border-top-left-radius: var(--APP-radius);
  border-bottom-left-radius: var(--APP-radius)
}
.button_.linked_ + .button_ {
  margin: 0 0 0 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: var(--APP-radius);
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -moz-border-radius-topright: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  border-top-right-radius: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius)
}
.button_.linked_ + .drop_ {
  margin-left: 0
}
.button_.linked_ + .drop_ > .button_ {
  margin: 0 0 0 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: var(--APP-radius);
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -moz-border-radius-topright: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  border-top-right-radius: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius)
}
.button_.linked_ + .button_:not(.small_) {
  width: 30px;
  min-width: 30px;
  padding: 0
}
.button_ .account_avatar_ {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
  top: -1px
}
.button_inline_ {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  color: var(--FORMS-button-inline-color);
  font-size: 12px;
  cursor: pointer;
  box-sizing: border-box;
  position: relative
}
.button_inline_.small_ {
  font-size: 10px
}
.button_inline_.underline_ {
  text-decoration: underline
}
.button_inline_.active,
.button_inline_:hover {
  text-decoration: underline;
  color: var(--FORMS-button-inline-color-hover)
}
.button_inline_ + .button_inline_ {
  margin-left: 20px
}
.button_inline_ + .button_ {
  margin-left: 20px
}
.button_inline_.small_ + .button_ {
  margin-left: 20px
}
.button_inline_.uppercase {
  text-transform: uppercase
}
.button_inline_.delete {
  color: var(--APP-error-color)
}
.button_inline_.delete:hover {
  color: var(--APP-error-color-hover)
}
.button_inline_.focus {
  text-decoration: underline
}
.button_inline_.focus:hover {
  color: var(--APP-focus-color)
}
.button_inline_ i {
  position: absolute;
  top: 1px;
  right: -15px;
  line-height: 12px;
  display: inline-block
}
.button_inline_.right_ico_ {
  padding-left: 15px
}
.button_inline_.right_ico_ i {
  left: 0;
  right: auto
}
.button_inline_.ellipsis_ u {
  display: inline-block
}
.button_inline_:hover u {
  text-decoration: underline
}
.button_inline_.ellipsis_ u {
  max-width: 80px;
  line-height: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.button_inline_.ellipsis_.small_ u {
  max-width: 100px;
  line-height: 11px
}
.button_inline_ico {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  color: var(--FORMS-button-inline-color);
  font-size: 12px;
  line-height: 20px;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box
}
.button_inline_ico:hover {
  color: var(--FORMS-button-inline-color-hover)
}
.button_inline_ico i {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0;
  text-align: center;
  font-size: 18px
}
.button_inline_ico.no_decoration {
  text-decoration: none
}
.button_inline_ico.uppercase {
  text-transform: uppercase
}
.button_inline_ico.delete {
  color: var(--APP-error-color)!important
}
.button_inline_ico.delete:hover {
  color: var(--APP-error-color-hover)!important
}
.button_inline_ico.right {
  padding-left: 0;
  padding-right: 30px
}
.button_inline_ico.right i {
  left: auto;
  right: 0
}
.button_inline_ico.active i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.button_inline_ico.active {
  color: var(--FORMS-button-inline-color-hover)
}
.button_inline_ico u {
  display: inline-block
}
.button_inline_ico u::first-letter {
  text-transform: uppercase
}
.button_inline_ico + .button_,
.button_inline_ico + .button_inline_ico {
  margin-left: 15px
}
.button_inline_ico.disabled {
  pointer-events: none;
  opacity: .7
}
.action_button_ {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  width: auto;
  color: var(--FORMS-button-inline-color);
  cursor: pointer
}
.action_button_:hover {
  color: var(--FORMS-button-inline-color-hover)
}
.action_button_.floating {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 10
}
.exceeded .button_ {
  color: #fff;
  background-color: var(--APP-error-color);
  border-color: var(--APP-error-color)
}
.exceeded .button_:hover {
  background-color: var(--APP-error-color-hover);
  border-color: var(--APP-error-color-hover)
}
.button_flex_ {
  font-size: 12px;
  display: flex;
  cursor: pointer;
  font-weight: 500;
  color: #828282
}
.button_flex_:hover {
  color: #282828
}
.button_flex_ i:first-child {
  margin-right: 5px
}
.button_flex_ i:last-child {
  margin-left: 5px
}
.button_flex_.border_ {
  color: var(--FORMS-value);
  border: 1px solid #e5e5e5;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: transparent;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  align-items: center;
  font-weight: 700;
  box-sizing: border-box
}
.button_flex_.border_ u {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.button_flex_.border_:hover {
  color: var(--FORMS-value);
  background-color: #e5e5e5
}
.button_inline_flex_ {
  font-size: 12px;
  display: flex;
  cursor: pointer;
  font-weight: 500;
  color: #828282
}
.button_inline_flex_:hover {
  color: #282828
}
.button_inline_flex_:hover u {
  text-decoration: underline
}
.button_inline_flex_ i:first-child {
  margin-right: 5px
}
.button_inline_flex_ i:last-child {
  margin-left: 5px
}
.check_ {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-bottom: var(--FORMS-space);
  font-size: 0;
  min-height: 16px;
  margin-left: 0;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag
}
.check_.disabled {
  pointer-events: none
}
.check_.disabled label:after,
.check_.disabled label:before {
  opacity: .7
}
.list .check_ {
  margin-bottom: var(--FORMS-space)
}
.check_ input {
  display: none
}
.check_ label {
  width: 100%;
  position: relative;
  font-weight: 600;
  color: #282828;
  font-size: 12px;
  line-height: 16px;
  min-height: 16px;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box
}
.check_ label::first-letter {
  text-transform: uppercase
}
.check_ label u {
  display: inline-block
}
.check_ label u::first-letter {
  text-transform: uppercase
}
.check_ label:empty {
  padding-left: 16px
}
.check_ label::before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid var(--FORMS-checkbox-inactive);
  color: #282828;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  font-family: icomoon;
  content: '';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}
.check_.loading_placeholder_style_ label::before {
  border-color: transparent!important
}
.check_ input:checked + label::before {
  background-color: var(--FORMS-checkbox-active);
  border-color: var(--FORMS-checkbox-active);
  color: #fff;
  content: "\e9d5"
}
.check_ input:disabled + label,
.check_ input[disabled=disabled] + label {
  opacity: .8;
  pointer-events: none
}
.check_ input:not(:checked) + label:hover::before {
  border-color: var(--FORMS-checkbox-active);
  color: var(--FORMS-checkbox-active)
}
.check_ input:not(:checked) + label input.tt-styled,
.check_ input:not(:checked) + label select.tt-styled {
  pointer-events: none;
  opacity: .5
}
.check_.right label {
  padding-right: 25px;
  padding-left: 0
}
.check_.right label:empty {
  padding-left: 0;
  padding-right: 16px
}
.check_.right label::before {
  right: 0;
  left: auto
}
.check_.mark_as_done label::before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-width: 1px!important;
  width: 14px;
  height: 14px;
  line-height: 15px;
  font-size: 8px;
  text-indent: 0
}
.check_.mark_as_done label::before {
  content: "\e9d5";
  color: transparent
}
.check_.mark_as_done input:not(:checked) + label:hover::before {
  border-color: var(--FORMS-checkbox-mark-as-done)!important;
  color: var(--FORMS-checkbox-mark-as-done)!important
}
.check_.mark_as_done input:checked + label::before {
  background-color: var(--FORMS-checkbox-mark-as-done)!important;
  border-color: var(--FORMS-checkbox-mark-as-done)!important;
  color: #fff!important
}
.check_.mark_as_done.border_ {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  line-height: 30px;
  padding: 0
}
.check_.mark_as_done.border_ label {
  line-height: 29px;
  height: 30px;
  padding-left: 22px;
  color: var(--FORMS-value);
  font-weight: 700;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid #e5e5e5;
  padding: 0 7px 0 27px
}
.check_.mark_as_done.border_ label::before {
  top: 50%;
  left: 5px;
  margin-top: -8px;
  border-color: var(--FORMS-value)
}
.check_.mark_as_done.border_ label:hover {
  color: var(--FORMS-checkbox-mark-as-done);
  border-color: var(--FORMS-checkbox-mark-as-done)
}
.check_.mark_as_done.border_.disabled {
  opacity: .6
}
.check_.toggle {
  width: auto
}
.check_.toggle label {
  font-size: 14px;
  padding-left: 40px;
  font-weight: 600
}
.check_.toggle.lowercase label {
  text-transform: lowercase
}
.check_.toggle label:empty {
  padding-left: 30px
}
.check_.toggle label::before {
  width: 30px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  content: '';
  background-color: var(--FORMS-checkbox-inactive);
  border: 0 none;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px
}
.check_.toggle label::after {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -6px;
  content: '';
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box
}
.check_.toggle input:checked + label::before {
  background-color: var(--FORMS-checkbox-active);
  content: ''
}
.check_.toggle.focused_color input:checked + label::before {
  background-color: var(--APP-focus-color)
}
.check_.toggle input:checked + label::after {
  left: 15px
}
.check_.toggle:hover input:not(:checked) + label::before {
  background-color: var(--FORMS-checkbox-active)
}
.check_.toggle.right label {
  padding: 0
}
.check_.toggle.right label::before {
  left: auto;
  right: 0
}
.check_.toggle.right label::after {
  left: auto;
  right: 15px
}
.check_.toggle.right input:checked + label::after {
  right: 3px;
  left: auto
}
.check_.toggle_small {
  min-height: 10px
}
.check_.toggle_small label {
  padding-left: 25px;
  min-height: 10px;
  font-weight: 400;
  color: #8f8f8f
}
.check_.toggle_small label:empty {
  padding-left: 20px
}
.check_.toggle_small label::before {
  width: 20px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: '';
  background-color: var(--FORMS-checkbox-inactive);
  border: 0 none;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px
}
.check_.toggle_small label::after {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -3px;
  content: '';
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box
}
.check_.toggle_small input:checked + label::before {
  background-color: var(--FORMS-checkbox-active);
  content: ''
}
.check_.toggle_small.focused_color input:checked + label::before {
  background-color: var(--APP-focus-color)
}
.check_.toggle_small input:checked + label::after {
  left: 11px
}
.check_ .show_on_hover {
  visibility: hidden
}
.check_:not(:checked):hover .show_on_hover {
  visibility: visible
}
.check_.toggle_small:hover input:not(:checked) + label::before {
  background-color: var(--FORMS-checkbox-active)
}
.check_.toggle.disabled,
.check_.toggle_small.disabled {
  pointer-events: none;
  opacity: .8
}
.check_.inline_style_ {
  padding: 0;
  margin: 0;
  vertical-align: top;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.check_.inline_style_ label {
  padding-left: 0;
  width: 100px;
  line-height: 26px;
  font-size: var(--FORMS-font-size-label)!important;
  font-weight: 400;
  flex-shrink: 0;
  color: var(--FORMS-label)
}
.check_.inline_style_ label u {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top
}
.check_.inline_style_ label::before {
  left: 140px;
  top: 7px
}
.check_.inline_style_.toggle label::before {
  top: 15px
}
.check_.inline_style_.toggle label::after {
  left: 143px
}
.check_.inline_style_.toggle input:checked + label::after {
  left: 155px
}
.check_.inline_style_.toggle_small label::before {
  left: 141px;
  top: 13px
}
.check_.inline_style_.toggle_small label::after {
  left: 143px
}
.check_.inline_style_.toggle_small input:checked + label::after {
  left: 153px
}
.submitted_ .check_.inline_style_.error_ {
  margin-bottom: 0
}
.check_.inline_style_ label.error {
  position: relative;
  display: inline-block;
  vertical-align: top;
  top: 0;
  padding: 0;
  margin: 2px 0 0 0;
  font-weight: 600!important
}
.check_.toggle_small.right {
  padding: 0
}
.check_.toggle_small.right label {
  padding: 0;
  padding-right: 30px
}
.check_.toggle_small.right label::before {
  right: 0;
  left: auto
}
.check_.toggle_small.right label::after {
  left: auto;
  right: 11px
}
.check_.toggle_small.right input:checked + label::after {
  left: auto;
  right: 3px
}
.check_.toggle.right {
  padding: 0
}
.check_.toggle.right label {
  padding: 0;
  padding-right: 45px
}
.check_.toggle.right label::before {
  right: 0;
  left: auto
}
.check_.toggle.right label::after {
  left: auto;
  right: 15px
}
.check_.toggle.right input:checked + label::after {
  left: auto;
  right: 3px
}
.radio_ {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-bottom: var(--FORMS-space);
  font-size: 0;
  min-height: 16px
}
.radio_.disabled {
  opacity: .8;
  pointer-events: none
}
.list .radio_ {
  margin-bottom: var(--FORMS-space)
}
.radio_ input {
  display: none
}
.radio_ label {
  font-weight: 400;
  color: var(--FORMS-label);
  font-size: 14px;
  line-height: 15px;
  padding-left: 20px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top
}
.radio_ label:empty {
  padding-left: 10px
}
.radio_ label::before {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 0;
  border: 1px solid var(--FORMS-checkbox-inactive);
  font-size: 8px;
  line-height: 13px;
  text-align: center;
  font-family: icomoon;
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.radio_ input:checked + label::before {
  background-color: var(--FORMS-checkbox-active);
  border-color: var(--FORMS-checkbox-active);
  content: ""
}
.radio_ input[disabled=disabled] + label {
  opacity: .8;
  pointer-events: none
}
.radio_ input:not(:checked) + label:hover::before {
  border-color: var(--FORMS-checkbox-active);
  color: var(--FORMS-checkbox-active)
}
.form_text_ {
  width: 100%;
  text-align: left;
  margin-bottom: var(--FORMS-space);
  box-sizing: border-box;
  padding-left: 0
}
.form_text_ h2 {
  font-size: 16px;
  line-height: 24px;
  color: var(--FORMS-value);
  font-weight: 500
}
.form_text_ h2 u {
  display: inline-block
}
.form_text_ h2 u::first-letter,
.form_text_ h2::first-letter {
  text-transform: uppercase
}
.form_text_ h2.strong {
  font-weight: 600
}
.form_text_ h3 {
  font-size: 14px;
  line-height: 24px;
  color: var(--FORMS-value);
  font-weight: 500
}
.form_text_ h3.strong {
  font-weight: 600
}
.form_text_ h3::first-letter {
  text-transform: uppercase;
  display: inline-block
}
.form_text_ p {
  font-size: 14px;
  line-height: 20px;
  color: var(--FORMS-label);
  font-weight: 400;
  margin-bottom: var(--FORMS-space)
}
.form_text_ p::first-letter {
  text-transform: uppercase
}
.form_text_ p:last-child {
  margin-bottom: 0
}
.form_text_ p a {
  color: #616161;
  text-decoration: underline
}
.form_text_ p a:hover {
  color: #282828
}
.list_view_.pop_ .form_text_ h2 {
  font-weight: 700;
  margin-bottom: 10px
}
.form_text_ h2.loading_placeholder_style_ {
  width: 30%;
  height: 14px;
  margin-bottom: 10px;
  margin-top: 20px
}
.form_text_ p.loading_placeholder_style_ {
  width: 70%;
  height: 12px;
  margin-bottom: 10px
}
.form_text_ p.loading_placeholder_style_:last-child {
  width: 50%
}
.tag_multi_selector_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 10px;
  margin-top: 25px;
  padding: 0 0;
  box-sizing: border-box
}
.tag_multi_selector_ + .check_ {
  margin-left: 0
}
.tag_multi_selector_ label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: var(--FORMS-font-size-label);
  color: var(--FORMS-label);
  font-weight: 400;
  padding: 0;
  position: absolute;
  top: -25px;
  left: 0;
  box-sizing: border-box
}
.tag_multi_selector_ .list {
  width: 100%;
  font-size: 0;
  margin-bottom: -10px
}
.tag_multi_selector_ .list:empty {
  display: none
}
.tag_multi_selector_ .list li {
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  margin-bottom: 10px
}
.tag_multi_selector_ .list li:empty {
  display: none
}
.tag_multi_selector_ .list li:last-child {
  margin-right: 0
}
.tag_multi_selector_ .list .tag {
  width: 35px;
  height: 35px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: var(--FORMS-border)
}
.tag_multi_selector_ .list .tag .image_container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden
}
.tag_multi_selector_ .list .tag .image_container .account_avatar_,
.tag_multi_selector_ .list .tag .image_container .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}
.tag_multi_selector_ .list .tag .remove {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--APP-error-color);
  overflow: hidden;
  display: none
}
.tag_multi_selector_ .list .tag .remove a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  color: #fff;
  line-height: 38px;
  text-align: center
}
.tag_multi_selector_ .list .tag .text {
  position: absolute;
  top: 50%;
  height: 35px;
  line-height: 35px;
  margin-top: -18px;
  left: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
  word-break: normal;
  white-space: nowrap;
  font-weight: 600;
  z-index: 10;
  padding: 0 10px;
  background-color: #fff;
  color: #000;
  border: 1px solid var(--APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  display: none;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis
}
.tag_multi_selector_ .list .tag .text .email,
.tag_multi_selector_ .list .tag .text br {
  display: none
}
.tag_multi_selector_ .list .tag:hover .remove {
  display: block
}
.tag_multi_selector_ .list .tag:hover .text {
  display: block
}
.tag_multi_selector_ .list .tag.buttonAdd {
  cursor: pointer;
  overflow: hidden;
  font-size: 18px;
  line-height: 39px;
  color: #282828;
  text-align: center
}
.tag_multi_selector_ .list .tag.buttonAdd:hover {
  color: var(--FORMS-focus)
}
.tag_multi_selector_ .list.full_tag li {
  width: auto;
  height: auto;
  margin-right: 10px;
  margin-bottom: 10px
}
.tag_multi_selector_ .list.full_tag .tag {
  width: auto;
  height: auto;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding-left: 30px;
  box-sizing: border-box
}
.tag_multi_selector_ .list.full_tag .tag .image_container {
  width: 30px;
  height: 30px
}
.tag_multi_selector_ .list.full_tag .tag .remove {
  width: 30px;
  height: 30px
}
.tag_multi_selector_ .list.full_tag .tag .remove a {
  font-size: 10px;
  line-height: 30px
}
.tag_multi_selector_ .list.full_tag .tag .text {
  position: relative;
  top: 0;
  height: 30px;
  line-height: 30px;
  margin-top: 0;
  left: 0;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 12px;
  padding: 0 15px 0 10px;
  border: 0 none;
  box-shadow: none;
  display: inline-block;
  overflow: hidden;
  max-width: 95px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.projectAccess__text h2 {
  font-size: 20px;
  margin-bottom: 15px;
  display: block;
  line-height: 28px;
  color: #2d343e;
  font-weight: 500
}
.projectAccess__text .project_is_public {
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
  color: #9eaab2;
  font-weight: 500
}
.projectAccess__text .project_is_not_public {
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
  color: #9eaab2
}
.projectAccess__text .project_is_not_public h3 {
  margin: 15px 0;
  font-weight: 500
}
.projectAccess__text .project_is_not_public .commas_list {
  color: #2d343e;
  font-weight: 500
}
.user_avatar_ {
  width: 100%;
  margin-bottom: var(--FORMS-space);
  position: relative;
  padding-left: 40px;
  box-sizing: border-box;
  text-align: left
}
.user_avatar_ .avatar {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #9eaab2
}
.user_avatar_ .name {
  font-size: 14px;
  color: var(--FORMS-value);
  font-weight: 600;
  display: block
}
.user_avatar_ .email {
  font-size: 12px;
  color: var(--FORMS-label);
  font-weight: 400
}
.user_avatar_.right {
  padding-left: 0;
  padding-right: 45px;
  box-sizing: border-box;
  text-align: right
}
.user_avatar_.right .avatar {
  left: auto;
  right: 0
}
.repeat_time_entry_ {
  width: 100%;
  margin-bottom: var(--FORMS-space)
}
.repeat_time_entry_.repeat_on {
  padding-bottom: var(--FORMS-space);
  border-bottom: 1px solid var(--FORMS-border)
}
.repeat_time_entry_ .separator_.arrow_active_ {
  display: none;
  margin: -10px 0 0 0
}
.repeat_time_entry_.repeat_on .separator_.arrow_active_ {
  display: inline-block
}
.repeat_time_entry_ .check_ {
  margin-bottom: 0;
  margin-left: 10px
}
.repeat_time_entry_ .values {
  margin-top: var(--FORMS-space);
  display: none
}
.repeat_time_entry_.repeat_on .values {
  display: table;
  width: 100%
}
.repeat_time_entry_ .values .cell_ {
  padding-right: 10px
}
.repeat_time_entry_ .values .cell_.repeat {
  width: 100px
}
.repeat_time_entry_ .values .cell_.frequency {
  width: 100px
}
.repeat_time_entry_ .values .cell_.duration {
  padding-right: 0
}
.repeat_time_entry_ .days_list_ {
  width: 100%;
  display: none;
  margin-top: 15px;
  margin-bottom: 5px
}
.repeat_time_entry_.repeat_frequency_weekly .days_list_ {
  display: inline-block
}
.repeat_time_entry_ .days_list_ h2 {
  width: 100%;
  margin-bottom: 10px;
  font-size: var(--FORMS-font-size-label);
  color: var(--FORMS-label)
}
.repeat_time_entry_ .days_list_ .day_ {
  display: inline-block;
  vertical-align: top
}
.repeat_time_entry_ .days_list_ .day_:last-child {
  margin-right: 0
}
.repeat_time_entry_ .days_list_ .day_ input {
  display: none
}
.repeat_time_entry_ .days_list_ .day_ label {
  color: #282828;
  background-color: #f7f7f7;
  width: 35px;
  height: 25px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  cursor: pointer
}
.repeat_time_entry_ .days_list_ .day_ label:hover {
  background-color: #eaeaea
}
.repeat_time_entry_ .days_list_ .day_ input:checked + label {
  color: #fff;
  background-color: var(--APP-focus-color)
}
@media only screen and (min-width :0px) and (max-width :417px) {
  .repeat_time_entry_.repeat_on .values {
    display: inline-block
  }
  .repeat_time_entry_ .values .cell_ {
    display: inline-block;
    vertical-align: top
  }
  .repeat_time_entry_ .values .cell_.repeat {
    width: 50%;
    padding: 0;
    padding-right: 5px
  }
  .repeat_time_entry_ .values .cell_.frequency {
    width: 50%;
    padding: 0;
    padding-left: 5px
  }
  .repeat_time_entry_ .values .cell_.duration {
    width: 100%
  }
  .repeat_time_entry_ .values .cell_.duration .input_ {
    margin-top: calc(var(--FORMS-space) + 10px)
  }
}
.tt-time-entry-duration {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: var(--FORMS-space)
}
.tt-time-entry-duration .from-to {
  width: 100%;
  height: 45px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--FORMS-border)
}
.tracking .tt-time-entry-duration .from-to .picker.to,
.tt-time-entry-duration .from-to .picker.disabled {
  background-color: #f9f9f9
}
.tt-time-entry-duration .from-to .picker {
  width: 50%;
  height: 45px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  border-right: 1px solid var(--FORMS-border);
  padding: 0 10px
}
.tt-time-entry-duration .from-to .picker:last-child {
  border-right: 0 none
}
.tt-time-entry-duration .from-to .title {
  width: 100%;
  height: 10px;
  flex-shrink: 0;
  margin-bottom: 4px
}
.tt-time-entry-duration .from-to .title a {
  display: inline-block;
  text-align: left;
  font-size: 10px;
  line-height: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 400;
  color: #616161
}
.tt-time-entry-duration .from-to .to .title a {
  color: #898989
}
.tt-time-entry-duration .from-to .title a u {
  text-decoration: underline
}
.tt-time-entry-duration .from-to .title a i {
  margin-right: 5px
}
.tt-time-entry-duration .from-to .title a:hover {
  color: #282828
}
.tt-time-entry-duration .from-to .title a.disabled {
  pointer-events: none;
  opacity: .8
}
.tt-time-entry-duration .from-to .field {
  width: 100%;
  height: 15px;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.tt-time-entry-duration .from-to .field i {
  margin-left: 5px;
  font-size: 14px;
  color: #828282
}
.tt-time-entry-duration .from-to .field input {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  color: #282828;
  font-size: 12px;
  font-weight: 600;
  border: 0 none
}
.tt-time-entry-duration .from-to .field input:disabled {
  cursor: auto;
  pointer-events: none;
  opacity: .8
}
.tt-time-entry-duration .duration {
  width: 120px;
  height: 45px;
  margin-left: 10px;
  flex-shrink: 0;
  position: relative
}
.tt-time-entry-duration .duration .input_ {
  margin: 0
}
.tt-time-entry-duration .duration .input_ input[name=durationPicker],
.tt-time-entry-duration .duration .input_ input[name=duration] {
  height: 45px
}
.tt-time-entry-duration .duration .input_ input[name=durationPicker]:disabled,
.tt-time-entry-duration .duration .input_ input[name=duration]:disabled {
  pointer-events: none
}
.tt-time-entry-duration .duration .playButton {
  right: 10px;
  bottom: 10px;
  position: absolute;
  z-index: 1
}
.tracking .tt-time-entry-duration .from-to .title a u {
  text-decoration: none
}
.tracking .tt-time-entry-duration .from-to [data-comp=endDateButton],
.tracking .tt-time-entry-duration .from-to [data-comp=startDateButton] {
  pointer-events: none;
  text-decoration: none;
  opacity: .5
}
.tracking .tt-time-entry-duration .duration .playButton + .input_ input[name=durationPicker],
.tracking .tt-time-entry-duration .duration .playButton + .input_ input[name=duration] {
  text-align: left
}
.error .tt-time-entry-duration .duration .input_ input[name=durationPicker],
.error .tt-time-entry-duration .duration .input_ input[name=duration],
.error .tt-time-entry-duration .from-to .field i,
.error .tt-time-entry-duration .from-to .field input,
.error .tt-time-entry-duration .from-to .title a,
.error .tt-time-entry-duration .from-to .to .title a {
  color: var(--APP-error-color)
}
.error .tt-time-entry-duration .from-to .field input::-webkit-input-placeholder {
  color: var(--APP-error-color)
}
.error .tt-time-entry-duration .from-to .field input::-moz-placeholder {
  color: var(--APP-error-color)
}
.error .tt-time-entry-duration .from-to .field input:-ms-input-placeholder {
  color: var(--APP-error-color)
}
.error .tt-time-entry-duration .from-to .field input:-moz-placeholder {
  color: var(--APP-error-color)
}
@media only screen and (min-width :0px) and (max-width :420px) {
  .tt-time-entry-duration {
    flex-direction: column
  }
  .tt-time-entry-duration .from-to {
    width: 100%
  }
  .tt-time-entry-duration .duration {
    width: 100%;
    margin-top: 10px;
    margin-left: 0
  }
}
.user_info_ {
  position: relative;
  padding-left: 40px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: var(--FORMS-space)
}
.user_info_ .avatar {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  cursor: default;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f4f4
}
.user_info_ .email,
.user_info_ .name {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.user_info_ .name {
  font-size: 14px;
  line-height: 18px;
  color: var(--FORMS-value);
  font-weight: 600
}
.user_info_ .email {
  font-size: 12px;
  line-height: 16px;
  color: var(--FORMS-label);
  font-weight: 600
}
.user_info_ .name.big {
  line-height: 21px;
  font-size: 18px;
  font-weight: 700;
  color: #000
}
.user_info_.right {
  padding-left: 0;
  padding-right: 40px;
  text-align: right
}
.user_info_.right .avatar {
  left: auto;
  right: 0
}
.share_pop_ {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: auto!important
}
.share_pop_ .show_ {
  color: #2c3135;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  vertical-align: top
}
.share_pop_ .show_:hover {
  text-decoration: underline
}
.share_pop_ .drop_pop_ {
  width: 500px;
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -250px;
  display: none;
  z-index: 10
}
.share_pop_ .drop_pop_ .table_ {
  width: 100%;
  padding: 38px 10px 10px 10px;
  box-sizing: border-box
}
.share_pop_ .drop_pop_ .table_ .cell_ {
  padding: 0!important
}
.share_pop_ .drop_pop_ .table_ .cell_.left {
  padding-right: 10px!important;
  width: 300px
}
.share_pop_ .drop_pop_ .button_ {
  width: 100%
}
.share_pop_ .form_text_ {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: var(--FORMS-space)
}
.share_pop_.active .show_ {
  text-decoration: underline
}
.share_pop_.active .drop_pop_ {
  display: inline-block
}
.toggle_nav_ {
  width: auto;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  font-size: 0;
  display: inline-block;
  vertical-align: middle
}
.toggle_nav_ a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0!important
}
.tag_ {
  padding: 8px 10px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: #f5f4f4;
  font-size: 10px;
  width: 100%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  color: #282828;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.tag_::first-letter {
  text-transform: uppercase
}
.tag_style_UPDATE {
  background-color: #c5e9ff;
  color: #282828
}
.tag_style_ADD {
  background-color: #d9ffb4;
  color: #282828
}
.tag_style_DELETE {
  background-color: #ffa6a6;
  color: #282828
}
.sides_controller_ {
  width: auto;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  position: relative
}
.sides_controller_ .button_ {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0 5px;
  margin: 0
}
.sides_controller_ .button_.day {
  padding: 0;
  min-width: 60px
}
.sides_controller_ .button_.page {
  padding: 0 10px;
  min-width: 60px;
  pointer-events: none
}
@media only screen and (min-width :0px) and (max-width :1000px) {
  .sides_controller_ .button_.page {
    padding: 0 5px;
    min-width: 30px
  }
}
.edit_ {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  line-height: 26px;
  height: 25px;
  font-weight: 400;
  color: var(--FORMS-label);
  font-size: 12px;
  padding: 0 10px;
  cursor: pointer;
  box-sizing: border-box
}
.edit_.active,
.edit_:hover {
  background-color: var(--APP-item-list-hover)
}
.edit_ input {
  width: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
  font-weight: 400;
  color: var(--FORMS-label)
}
.time_project .error input {
  color: var(--APP-error-color)!important
}
.edit_ i {
  font-size: 14px;
  position: relative;
  top: 1px
}
.edit_ u::first-letter {
  text-transform: uppercase
}
.edit_ u + i {
  margin-left: 10px
}
.edit_ i + u {
  margin-left: 10px
}
.edit_ + .edit_ {
  margin-left: 5px
}
.exceeded .edit_ {
  color: var(--APP-error-color)!important
}
.exceeded .edit_ input {
  color: var(--APP-error-color)!important
}
.exceeded .edit_:hover {
  background-color: var(--APP-error-color-hover)!important;
  color: #fff!important
}
.exceeded .edit_:hover input {
  color: #fff!important
}
.layout_picker_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative
}
.layout_picker_ label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: var(--FORMS-font-size-label);
  color: var(--FORMS-label);
  font-weight: 400;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
  margin-bottom: 15px
}
.layout_picker_ .view_tabs_ {
  width: 100%
}
.layout_picker_ .view_tabs_ li {
  width: 50%
}
.layout_picker_ .view_tabs_ a {
  min-width: 0;
  width: 100%
}
.layout_picker_ .view_tabs_ a i {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  position: relative
}
.layout_picker_ .view_tabs_ a u {
  display: inline-block;
  vertical-align: middle
}
.users_totals_ {
  width: 100%;
  margin-bottom: var(--FORMS-space);
  white-space: nowrap;
  box-sizing: border-box;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: #f3f3f3
}
.users_totals_ .scroll_ {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 10px
}
.users_totals_ .scroll_:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.users_totals_ .user_ {
  width: 80px;
  min-height: 80px;
  margin-right: 30px;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 0
}
.users_totals_ .user_:last-child {
  margin-right: 0
}
.users_totals_ .user_ .avatar_ {
  width: 45px;
  height: 45px;
  margin: 0 auto 5px auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat
}
.users_totals_ .user_ .name_ {
  width: 100%;
  height: 36px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 12px
}
.users_totals_ .user_ .name_ h2 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #282828
}
.users_totals_ .user_ .total_ {
  width: 100%;
  height: 31px;
  overflow: hidden;
  text-align: center;
  color: #282828
}
.users_totals_ .user_ .total_ h2 {
  font-size: 18px;
  font-weight: 700
}
.users_totals_ .user_ .total_ small {
  font-size: 11px;
  font-weight: 600;
  margin-top: 2px;
  display: inline-block;
  vertical-align: top
}
.default_color_selector_ {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: var(--FORMS-space)
}
.default_color_selector_ label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: var(--FORMS-font-size-label);
  color: var(--FORMS-label);
  font-weight: 400;
  padding: 0;
  box-sizing: border-box
}
.default_color_selector_ label::first-letter {
  text-transform: uppercase
}
.default_color_selector_ .colors_ {
  width: 100%;
  font-size: 0;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 5px
}
.default_color_selector_ .colors_ .color_ {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box
}
.default_color_selector_ .colors_ .color_:first-child {
  margin-left: 0
}
.default_color_selector_ .colors_ .color_.selected_ {
  border: 3px solid rgb(0 0 0 / 40%)
}
.custom_fields_vue_ {
  position: relative
}
.custom_fields_vue_:empty {
  display: none
}
.custom_fields_vue_ .custom_field_container_ .field_ {
  margin-bottom: var(--FORMS-space)
}
.custom_fields_vue_ .custom_field_container_ .field_.inlineSpace {
  margin-bottom: 0;
  position: relative
}
.custom_fields_vue_ .custom_field_container_ .field_.inlineSpace:last-child {
  margin-bottom: var(--FORMS-space)
}
.custom_fields_vue_ .custom_field_container_ .field_.inlineSpace.loading_and_block {
  opacity: .7
}
.custom_fields_vue_ .custom_field_container_ .field_.inlineSpace.loading_and_block::before {
  margin: 0;
  width: 10px;
  height: 10px;
  left: 114px;
  margin-top: -5px;
  margin-left: 0
}
.custom_fields_vue_ .custom_field_container_ .field_.inlineSpace.loading_and_block::after {
  display: none
}
.custom_fields_vue_ .custom_field_container_ .field_.cf_system {
  display: none!important
}
.custom_fields_vue_ .custom_field_container_ .field_.cf_system_visible {
  pointer-events: none
}
.radio_options_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: var(--FORMS-space)
}
.radio_options_:last-child {
  margin-bottom: 0
}
.radio_options_ h2 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: var(--FORMS-font-size-label);
  color: var(--FORMS-label);
  font-weight: 400;
  padding: 0;
  margin-bottom: 10px
}
.radio_options_ ul {
  width: 100%;
  font-size: 0;
  text-align: left
}
.radio_options_ li {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px
}
.radio_options_ li input {
  display: none
}
.radio_options_ li label {
  padding: 0 10px;
  position: relative;
  line-height: 30px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 600;
  color: #8d8d8d;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  cursor: pointer
}
.radio_options_ li label:hover {
  background-color: #eaeaea
}
.radio_options_ li input:checked + label {
  color: var(--APP-focus-color);
  background-color: var(--APP-focus-selected-color)
}
.radio_options_.condensed_ ul {
  width: auto;
  overflow: hidden;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: inline-block;
  vertical-align: top
}
.radio_options_.condensed_ li {
  margin-right: 0
}
.radio_options_.condensed_ li label {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.radio_options_.error h2 {
  color: var(--APP-error-color)
}
.radio_options_.error li input:not(:checked) + label {
  color: var(--APP-error-color)
}
.form_section_ {
  width: 100%;
  margin-bottom: 20px
}
.form_section_:last-child {
  margin-bottom: 0
}
.form_title_separator_ {
  width: 100%;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 600
}
.toggle_box_pop_.just_installed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 20px;
  overflow: auto;
  background-color: rgba(245,244,244,.9);
  z-index: 100;
  display: flex;
  flex-direction: column;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.toggle_box_pop_:not(.just_installed) {
  width: 100%;
  height: auto;
  margin-bottom: 15px
}
.toggle_box_pop_:not(.just_installed):last-child {
  margin-bottom: 0
}
.toggle_box_pop_.just_installed .toggle_box_ {
  width: 670px;
  margin: auto;
  -webkit-box-shadow: 0 0 40px 20px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 40px 20px rgb(0 0 0 / 10%);
  box-shadow: 0 0 40px 20px rgb(0 0 0 / 10%)
}
.toggle_box_ {
  width: 100%;
  margin-bottom: 15px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  box-sizing: border-box;
  padding: 10px 15px;
  -webkit-transition: border-color .4s;
  -moz-transition: border-color .4s;
  -ms-transition: border-color .4s;
  transition: border-color .4s;
  background-color: #f5f4f4;
  border: 1px solid transparent
}
.toggle_box_:last-child {
  margin-bottom: 0
}
.toggle_box_.error {
  border: 1px solid var(--APP-error-color);
  background: #fff6f6
}
.toggle_box_.just_installed {
  -webkit-box-shadow: 0 0 0 2px var(--APP-focus-color);
  -moz-box-shadow: 0 0 0 2px var(--APP-focus-color);
  box-shadow: 0 0 0 2px var(--APP-focus-color)
}
.toggle_box_.loading_placeholder_style_ {
  pointer-events: none
}
.toggle_box_.loading_placeholder_style_ .form_,
.toggle_box_.loading_placeholder_style_ .toggle_area_ .check_,
.toggle_box_.loading_placeholder_style_ .toggle_area_ .sync_button_,
.toggle_box_.loading_placeholder_style_ form {
  display: none
}
.toggle_box_ .toggle_area_ {
  width: 100%;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}
.toggle_box_ .toggle_area_ .ico_ {
  width: 30px;
  height: 30px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px
}
.toggle_box_ .toggle_area_ .name_ {
  font-size: 14px;
  font-weight: 600;
  text-transform: lowercase
}
.toggle_box_ .toggle_area_ .name_::first-letter {
  text-transform: uppercase
}
.toggle_box_ .toggle_area_ .check_ {
  width: auto;
  margin: 0 0 0 15px
}
.toggle_box_ .toggle_area_ .button_inline_ {
  text-decoration: underline
}
.toggle_box_ .toggle_area_ .sync_button_ {
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -ms-transition: opacity .4s;
  transition: opacity .4s;
  margin-left: 15px
}
.toggle_box_ .toggle_area_ .sync_button_.disabled {
  opacity: .6
}
.toggle_box_ .toggle_area_ .sync_button_.syncing i {
  -webkit-animation: spin-inverse 1s infinite ease-in-out;
  animation: spin-inverse 1s infinite ease-in-out;
  display: inline-block
}
.toggle_box_ .toggle_area_ .sign_in_ {
  height: 30px;
  flex-shrink: 0
}
.toggle_box_ .toggle_area_ .sign_in_ a {
  width: 220px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e3e2e2;
  background-color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  padding-left: 25px
}
.toggle_box_ .toggle_area_ .sign_in_ a:hover {
  background-color: #e3e2e2
}
.toggle_box_ .toggle_area_ .sign_in_ a i {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  background-size: auto 20px;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -10px
}
.toggle_box_ .toggle_area_ .sign_in_ a.b_googleCalendar_ i {
  background-size: auto 26px
}
.toggle_box_ .toggle_area_ .sign_in_ a u {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  color: #282828;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.toggle_box_ .form_,
.toggle_box_ form {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ebebeb
}
.toggle_box_ .toggle_save_ {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px
}
.tt-task-toggle-sticky {
  width: 100%;
  background-color: #fff;
  padding-bottom: 10px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10
}
.tt-task-toggle-sticky .tt-tasks-toggle {
  margin: 0
}
.tt-tasks-toggle {
  width: 100%;
  height: 65px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  font-size: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}
.tt-tasks-toggle.disabled {
  opacity: .6
}
.tt-tasks-toggle .pilar {
  width: 25%;
  height: 65px;
  display: flex;
  box-sizing: border-box;
  font-size: 12px;
  align-items: center;
  justify-content: flex-start;
  border-left: 1px solid #f5f4f4;
  padding: 0 20px
}
.tt-tasks-toggle .pilar:hover {
  background-color: #f5f4f4
}
.tt-tasks-toggle .pilar:first-child {
  border-left: 0 none
}
.tt-tasks-toggle .pilar.active {
  background-color: var(--APP-focus-selected-color)
}
.tt-tasks-toggle .pilar .ico_ {
  width: 40px;
  height: 40px;
  margin-right: 0;
  flex-shrink: 0;
  font-size: 20px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #444
}
.tt-tasks-toggle .pilar .pie_ {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  flex-shrink: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: relative
}
.tt-tasks-toggle .pilar .pie_::after {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  border: 3px solid rgb(0 0 0 / 15%);
  box-sizing: border-box;
  content: '';
  z-index: 1
}
.tt-tasks-toggle .pilar .pie_.d_p_0 {
  background-image: none
}
.tt-tasks-toggle .pilar .pie_.d_p_1 {
  background-image: url(../../img/track-pie/track-8-1.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_2 {
  background-image: url(../../img/track-pie/track-8-1.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_3 {
  background-image: url(../../img/track-pie/track-8-2.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_4 {
  background-image: url(../../img/track-pie/track-8-3.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_5 {
  background-image: url(../../img/track-pie/track-8-3.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_6 {
  background-image: url(../../img/track-pie/track-8-3.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_7 {
  background-image: url(../../img/track-pie/track-8-3.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_8 {
  background-image: url(../../img/track-pie/track-8-4.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_9 {
  background-image: url(../../img/track-pie/track-8-5.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_10 {
  background-image: url(../../img/track-pie/track-8-6.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_11 {
  background-image: url(../../img/track-pie/track-8-7.svg)
}
.tt-tasks-toggle .pilar .pie_.d_p_12 {
  background-image: url(../../img/track-pie/track-8-8.svg)
}
.tt-tasks-toggle .pilar .text_ {
  width: 100%;
  text-align: left;
  color: #282828
}
.tt-tasks-toggle .pilar .text_ h2 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700
}
.tt-tasks-toggle .pilar .text_ p {
  font-size: 20px;
  font-weight: 700
}
.tt-invoice-preview {
  width: 100%;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  font-size: 14px
}
.tt-invoice-preview:empty {
  display: none
}
.tt-invoice-preview .list_view_table_ {
  width: 100%
}
.tt-invoice-preview .list_view_table_ .body_ {
  padding-bottom: 0;
  padding-top: 10px
}
.tt-invoice-preview .list_view_table_ .table_ .cell_ {
  padding-left: 10px;
  padding-right: 10px
}
.tt-invoice-preview .list_view_table_ .body_ .table_ .cell_ {
  padding-top: 8px;
  padding-bottom: 8px
}
.tt-invoice-preview .list_view_table_ .col_description {
  width: auto;
  text-align: left
}
.tt-invoice-preview .list_view_table_ .col_unit {
  width: 70px;
  text-align: center
}
.tt-invoice-preview .list_view_table_ .col_quantity {
  width: 70px;
  text-align: center
}
.tt-invoice-preview .list_view_table_ .col_amount {
  width: 80px;
  text-align: center
}
.tt-invoice-preview .list_view_table_ .title_col_ {
  font-size: 6px
}
.tt-form-toggle-box {
  width: 100%;
  background-color: #f5f4f4;
  margin-bottom: var(--FORMS-space);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start
}
.tt-form-toggle-box .logo {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url(../../img/apps-logo.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
.tt-form-toggle-box .text {
  width: 100%;
  margin: 0 10px
}
.tt-form-toggle-box .text h1 {
  font-size: 14px;
  color: #282828;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px
}
.tt-form-toggle-box .text p {
  font-size: 14px;
  color: #828282;
  line-height: 18px;
  font-weight: 500
}
.tt-form-toggle-box .text p a {
  color: var(--APP-focus-color)
}
.tt-form-toggle-box .text p a:hover {
  text-decoration: underline
}
.tt-form-toggle-box .switch {
  height: 20px;
  flex-shrink: 0;
  margin-top: 3px
}
.tt-form-columns {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: var(--FORMS-space)
}
.tt-form-columns .column {
  width: 100%
}
.dark-theme-on .radio_options_ h2 {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .radio_options_ li label {
  color: #fff;
  background-color: #434d5d
}
.dark-theme-on .radio_options_ li label:hover {
  background-color: #20242b
}
.dark-theme-on .radio_options_ li input:checked + label {
  color: var(--APP-focus-color);
  background-color: var(--DARK-APP-focus-selected-color)
}
.dark-theme-on .radio_options_.error h2 {
  color: var(--APP-error-color)
}
.dark-theme-on .radio_options_.error li input:not(:checked) + label {
  color: var(--APP-error-color)
}
.dark-theme-on .place_color {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on form label.error {
  color: var(--APP-error-color)
}
.dark-theme-on form.submitted_ .error_ label.error {
  color: var(--APP-error-color)
}
.dark-theme-on .primary_input_ {
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .primary_input_ label {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .primary_input_ .value a,
.dark-theme-on .primary_input_ .value input,
.dark-theme-on .primary_input_ .value textarea {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .primary_input_ .value a.project,
.dark-theme-on .primary_input_ .value input.project {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .primary_input_ .value input::-webkit-input-placeholder,
.dark-theme-on .primary_input_ .value textarea::-webkit-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .primary_input_ .value input::-moz-placeholder,
.dark-theme-on .primary_input_ .value textarea::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .primary_input_ .value input:-ms-input-placeholder,
.dark-theme-on .primary_input_ .value textarea::-ms-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .primary_input_ .value input:-moz-placeholder,
.dark-theme-on .primary_input_ .value textarea::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .primary_input_ .set_project_color .color_display {
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .primary_input_ .set_project_color .color_picker {
  background-color: #29303c;
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .primary_input_ .set_project_color .color_picker .color_selector {
  border-color: rgba(0,0,0,.2)
}
.dark-theme-on .primary_input_ .set_project_color .color_picker .color_selector:hover {
  border-color: rgba(0,0,0,.2)
}
.dark-theme-on .primary_input_ .project_item_ .customer {
  color: #b3b3b3
}
.dark-theme-on .separator_ {
  border-bottom-color: var(--DARK-FORMS-border)
}
.dark-theme-on .separator_.arrow_active_::before {
  background-color: #29313c;
  border-top-color: var(--DARK-FORMS-border);
  border-right-color: var(--DARK-FORMS-border)
}
.dark-theme-on .input_ label {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .input_ label a {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .input_ label a:hover {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .input_ .input_button,
.dark-theme-on .input_ input:not(.button_) {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .input_ input::-webkit-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .input_ input::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .input_ input:-ms-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .input_ input:-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .input_ .input_button:focus,
.dark-theme-on .input_ input:not(.button_):focus {
  border-color: var(--DARK-FORMS-focus)!important
}
.dark-theme-on .input_ .icon {
  color: var(--DARK-FORMS-label);
  background-color: #2f3642
}
.dark-theme-on .input_ .icon.transparent {
  background-color: transparent
}
.dark-theme-on .input_ input:disabled {
  background-color: #343e4c
}
.dark-theme-on .input_ .input_button[disabled=disabled] {
  background-color: #343e4c
}
.dark-theme-on .input_ .clear_date_ {
  color: #868686
}
.dark-theme-on .input_ .clear_date_:hover {
  color: #fff
}
.dark-theme-on .input_.inline_style_ .input_button,
.dark-theme-on .input_.inline_style_ input:not(.button_) {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .input_.inline_style_ .input_button:focus,
.dark-theme-on .input_.inline_style_ .input_button:hover,
.dark-theme-on .input_.inline_style_ input:not(.button_):focus,
.dark-theme-on .input_.inline_style_ input:not(.button_):hover {
  background-color: var(--DARK-APP-global-hover)
}
.dark-theme-on .input_.inline_style_:not(.filled):not(.focused)::before {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .input_.inline_style_:not(.filled) .input_button {
  color: var(--DARK-FORMS-value-placeholder)!important
}
.dark-theme-on .input_.inline_style_.filled .input_button,
.dark-theme-on .input_.inline_style_.filled input:not(.button_) {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .select_::before {
  border-top-color: var(--DARK-FORMS-value);
  border-right-color: var(--DARK-FORMS-value)
}
.dark-theme-on .select_ label {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .select_ select {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .select_ select option {
  color: #fff
}
.dark-theme-on .select_ select:focus {
  border-color: var(--DARK-FORMS-focus)!important
}
.dark-theme-on .select_ .clear_date_ {
  color: #fff
}
.dark-theme-on .select_ .clear_date_:hover {
  color: #fff
}
.dark-theme-on .select_.inline_style_ select {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .select_.inline_style_ select:hover {
  background-color: var(--DARK-APP-global-hover)
}
.dark-theme-on .select_.inline_style_:not(.filled) select {
  color: var(--DARK-FORMS-value-placeholder)!important
}
.dark-theme-on .select_.inline_style_.filled.has_color_ select {
  color: #282828
}
.dark-theme-on .select_.inline_style_.filled.has_color_ .clear_date_ {
  color: #282828
}
.dark-theme-on select.tt-styled {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border);
  background-image: url(../../img/arrow_bottom_white.png)
}
.dark-theme-on input[type=number].tt-styled {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .textarea_ label {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .textarea_ textarea {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .textarea_ textarea::-webkit-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .textarea_ textarea::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .textarea_ textarea:-ms-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .textarea_ textarea:-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .textarea_ textarea:focus {
  border-color: var(--DARK-FORMS-focus)!important
}
.dark-theme-on .textarea_ .icon {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .textarea_ textarea:disabled {
  background-color: #343e4c
}
.dark-theme-on .button_ {
  color: var(--DARK-FORMS-button-text-color);
  background-color: var(--DARK-FORMS-button-background-color)
}
.dark-theme-on .button_.border_ {
  color: var(--DARK-FORMS-button-background-color);
  background-color: transparent;
  border-color: var(--DARK-FORMS-button-background-color)
}
.dark-theme-on .button_.border_:hover {
  border-color: var(--DARK-FORMS-button-background-color-hover);
  background-color: var(--DARK-FORMS-button-background-color-hover)
}
.dark-theme-on .button_.active,
.dark-theme-on .button_:hover {
  color: var(--DARK-FORMS-button-text-color);
  background-color: var(--DARK-FORMS-button-background-color-hover)
}
.dark-theme-on .button_:not(.gray_).loading_and_block::after {
  background-color: var(--DARK-FORMS-button-background-color)
}
.dark-theme-on .button_:not(.gray_).loading_and_block::before {
  border-color: var(--DARK-FORMS-button-background-color);
  border-left-color: #f54337
}
.dark-theme-on .button_.gray_ {
  color: #fff;
  background-color: #434d5d
}
.dark-theme-on .button_.gray_.active,
.dark-theme-on .button_.gray_:hover {
  background-color: #20242b
}
.dark-theme-on .button_.gray_.border_ {
  color: #fff;
  border-color: #434d5d;
  background-color: transparent
}
.dark-theme-on .button_.gray_.border_:hover {
  color: #fff;
  background-color: #434d5d
}
.dark-theme-on .button_.theme_ {
  color: var(--DARK-FORMS-value);
  background-color: transparent
}
.dark-theme-on .button_.theme_.active,
.dark-theme-on .button_.theme_:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .button_inline_ {
  color: var(--DARK-FORMS-button-inline-color)
}
.dark-theme-on .button_inline_.active,
.dark-theme-on .button_inline_:hover {
  color: var(--DARK-FORMS-button-inline-color-hover)
}
.dark-theme-on .button_inline_.delete {
  color: var(--APP-error-color)
}
.dark-theme-on .button_inline_.delete:hover {
  color: var(--APP-error-color-hover)
}
.dark-theme-on .button_flex_ {
  color: #bdbdbd
}
.dark-theme-on .button_flex_:hover {
  color: #fff
}
.dark-theme-on .button_inline_flex_ {
  color: #bdbdbd
}
.dark-theme-on .button_inline_flex_:hover {
  color: #fff
}
.dark-theme-on .button_inline_ico {
  color: var(--DARK-FORMS-button-inline-color)
}
.dark-theme-on .button_inline_ico:hover {
  color: var(--DARK-FORMS-button-inline-color-hover)
}
.dark-theme-on .button_inline_ico.delete {
  color: var(--APP-error-color)!important
}
.dark-theme-on .button_inline_ico.delete:hover {
  color: var(--APP-error-color-hover)!important
}
.dark-theme-on .button_inline_flex_ {
  color: var(--DARK-FORMS-button-inline-color)
}
.dark-theme-on .button_inline_flex_:hover {
  color: #fff
}
.dark-theme-on .action_button_ {
  color: var(--DARK-FORMS-button-inline-color)
}
.dark-theme-on .action_button_:hover {
  color: var(--DARK-FORMS-button-inline-color-hover)
}
.dark-theme-on .exceeded .button_ {
  color: #fff;
  background-color: var(--APP-error-color);
  border-color: var(--APP-error-color)
}
.dark-theme-on .exceeded .button_:hover {
  background-color: var(--APP-error-color-hover);
  border-color: var(--APP-error-color-hover)
}
.dark-theme-on .form_text_ h2 {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .form_text_ h3 {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .form_text_ p {
  color: #cecece
}
.dark-theme-on .form_text_ p a {
  color: #cecece
}
.dark-theme-on .form_text_ p a:hover {
  color: #fff
}
.dark-theme-on .tag_multi_selector_ label {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .tag_multi_selector_ .list .tag {
  background-color: var(--DARK-FORMS-border)
}
.dark-theme-on .tag_multi_selector_ .list .tag .text {
  background-color: #2a313c;
  color: #fff;
  border-color: var(--DARK-APP-shadow-border)
}
.dark-theme-on .tag_multi_selector_ .list .tag.buttonAdd {
  color: #fff
}
.dark-theme-on .tag_multi_selector_ .list .tag.buttonAdd:hover {
  border-color: var(--DARK-FORMS-focus);
  color: var(--DARK-FORMS-focus)
}
.dark-theme-on .projectAccess__text h2 {
  color: #fff
}
.dark-theme-on .projectAccess__text .project_is_public {
  color: #fff
}
.dark-theme-on .projectAccess__text .project_is_not_public {
  color: #fff
}
.dark-theme-on .projectAccess__text .project_is_not_public .commas_list {
  color: #fff
}
.dark-theme-on .user_avatar_ .avatar {
  background-color: #2a313c
}
.dark-theme-on .user_avatar_ .name {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .user_avatar_ .email {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .user_info_ .name {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .user_info_ .email {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .share_pop_ .show_ {
  color: #fff
}
.dark-theme-on .tag_ {
  background-color: #20242b;
  color: #fff
}
.dark-theme-on .tag_style_UPDATE {
  background-color: #c5e9ff;
  color: #000
}
.dark-theme-on .tag_style_ADD {
  background-color: #d9ffb4;
  color: #000
}
.dark-theme-on .tag_style_DELETE {
  background-color: #ffa6a6;
  color: #000
}
.dark-theme-on .sides_controller_ {
  background-color: #434d5d
}
.dark-theme-on .edit_ {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .edit_.active,
.dark-theme-on .edit_:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .edit_ input {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .input_project_item_ .customer {
  color: #b3b3b3
}
.dark-theme-on .check_ label {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .check_ label::before {
  border-color: var(--DARK-FORMS-checkbox-inactive);
  color: transparent
}
.dark-theme-on .check_ input:checked + label::before {
  background-color: var(--DARK-FORMS-checkbox-active);
  border-color: var(--DARK-FORMS-checkbox-active);
  color: #fff
}
.dark-theme-on .check_ input:not(:checked) + label:hover::before {
  border-color: var(--DARK-FORMS-checkbox-active);
  color: var(--DARK-FORMS-checkbox-active)
}
.dark-theme-on .check_.mark_as_done input:not(:checked) + label:hover::before {
  border-color: var(--DARK-FORMS-checkbox-mark-as-done);
  color: var(--DARK-FORMS-checkbox-mark-as-done)
}
.dark-theme-on .check_.mark_as_done input:checked + label::before {
  background-color: var(--DARK-FORMS-checkbox-mark-as-done);
  border-color: var(--DARK-FORMS-checkbox-mark-as-done);
  color: #fff
}
.dark-theme-on .check_.mark_as_done.border_ label {
  color: var(--DARK-FORMS-value);
  border-color: #434d5d
}
.dark-theme-on .check_.mark_as_done.border_ label::before {
  border-color: var(--DARK-FORMS-value)
}
.dark-theme-on .check_.mark_as_done.border_ label:hover {
  color: var(--DARK-FORMS-checkbox-mark-as-done);
  border-color: var(--DARK-FORMS-checkbox-mark-as-done)
}
.dark-theme-on .check_.toggle label::before {
  background-color: var(--DARK-FORMS-checkbox-inactive)
}
.dark-theme-on .check_.toggle label::after {
  background-color: #fff
}
.dark-theme-on .check_.toggle input:checked + label::before {
  background-color: var(--DARK-FORMS-checkbox-active)
}
.dark-theme-on .check_.toggle.focused_color input:checked + label::before {
  background-color: var(--APP-focus-color)
}
.dark-theme-on .check_.toggle:hover input:not(:checked) + label::before {
  background-color: var(--DARK-FORMS-checkbox-active)
}
.dark-theme-on .check_.toggle_small label::before {
  background-color: var(--DARK-FORMS-checkbox-inactive)
}
.dark-theme-on .check_.toggle_small label::after {
  background-color: #fff
}
.dark-theme-on .check_.toggle_small input:checked + label::before {
  background-color: var(--DARK-FORMS-checkbox-active)
}
.dark-theme-on .check_.toggle_small.focused_color input:checked + label::before {
  background-color: var(--APP-focus-color)
}
.dark-theme-on .check_.toggle_small:hover input:not(:checked) + label::before {
  background-color: var(--DARK-FORMS-checkbox-active)
}
.dark-theme-on .radio_ label {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .radio_ label::before {
  border-color: var(--DARK-FORMS-checkbox-inactive)
}
.dark-theme-on .radio_ input:checked + label::before {
  background-color: var(--DARK-FORMS-checkbox-active);
  border-color: var(--DARK-FORMS-checkbox-active)
}
.dark-theme-on .radio_ input:not(:checked) + label:hover::before {
  border-color: var(--DARK-FORMS-checkbox-active);
  color: var(--DARK-FORMS-checkbox-active)
}
.dark-theme-on .layout_picker_ label {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .input_project_item_ .name {
  color: #fff
}
.dark-theme-on .input_project_item_ .customer {
  color: #b3b3b3
}
.dark-theme-on .repeat_time_entry_ {
  border-bottom-color: var(--DARK-FORMS-border)
}
.dark-theme-on .button_add_ .link_.filled_:hover {
  background-color: var(--DARK-APP-global-hover)
}
.dark-theme-on .button_add_ .link_.filled_ .add_ u {
  color: #fff
}
.dark-theme-on .button_add_ .add_ {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .button_add_ .add_ i {
  color: #fff
}
.dark-theme-on .repeat_time_entry_ .days_list_ h2 {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .repeat_time_entry_ .days_list_ .day_ label {
  color: #fff;
  background-color: #434d5d
}
.dark-theme-on .repeat_time_entry_ .days_list_ .day_ label:hover {
  background-color: #20242b
}
.dark-theme-on .repeat_time_entry_ .days_list_ .day_ input:checked + label {
  color: #fff;
  background-color: var(--APP-focus-color)
}
.dark-theme-on .default_color_selector_ label {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .toggle_box_pop_.just_installed {
  background-color: rgb(54 64 76 / 90%)
}
.dark-theme-on .toggle_box_ {
  background-color: #262e38
}
.dark-theme-on .toggle_box_ .form_,
.dark-theme-on .toggle_box_ form {
  border-top-color: #21272f
}
.dark-theme-on .toggle_box_.error {
  background: #331d1d
}
.dark-theme-on .toggle_box_ .toggle_area_ .sign_in_ a {
  border-color: #21272f;
  background-color: #262e38
}
.dark-theme-on .toggle_box_ .toggle_area_ .sign_in_ a:hover {
  background-color: #21272f
}
.dark-theme-on .toggle_box_ .toggle_area_ .sign_in_ a u {
  color: #fff
}
.dark-theme-on .tt-tasks-toggle {
  border-color: #21272f
}
.dark-theme-on .tt-task-toggle-sticky {
  background-color: #2a313c
}
.dark-theme-on .tt-tasks-toggle .pilar {
  border-left-color: #21272f
}
.dark-theme-on .tt-tasks-toggle .pilar:hover {
  background-color: #21272f
}
.dark-theme-on .tt-tasks-toggle .pilar.active {
  background-color: var(--DARK-APP-focus-selected-color)
}
.dark-theme-on .tt-tasks-toggle .pilar .ico_ {
  color: #fff
}
.dark-theme-on .tt-tasks-toggle .pilar .pie_::after {
  border-color: rgb(0 0 0 / 10%)
}
.dark-theme-on .tt-tasks-toggle .pilar .text_ {
  color: #fff
}
.dark-theme-on .tt-form-toggle-box {
  background-color: #36404c
}
.dark-theme-on .tt-form-toggle-box .logo {
  background-image: url(../../img/apps-logo.svg)
}
.dark-theme-on .tt-form-toggle-box .text h1 {
  color: #fff
}
.dark-theme-on .tt-form-toggle-box .text p {
  color: #828282
}
.dark-theme-on .tt-form-toggle-box .text p a {
  color: var(--APP-focus-color)
}
.dark-theme-on .tt-time-entry-duration .from-to {
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .tt-time-entry-duration .from-to .picker {
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .tracking .tt-time-entry-duration .from-to .picker.to,
.dark-theme-on .tt-time-entry-duration .from-to .picker.disabled {
  background-color: #1f232b
}
.dark-theme-on .tt-time-entry-duration .from-to .title a {
  color: #fff
}
.dark-theme-on .tt-time-entry-duration .from-to .to .title a {
  color: #a5a5a5
}
.dark-theme-on .tt-time-entry-duration .from-to .title a:hover {
  color: #fff
}
.dark-theme-on .tt-time-entry-duration .from-to .field i {
  color: #828282
}
.dark-theme-on .tt-time-entry-duration .from-to .field input {
  color: #fff
}
.dark-theme-on .error .tt-time-entry-duration .duration .input_ input[name=durationPicker],
.dark-theme-on .error .tt-time-entry-duration .duration .input_ input[name=duration],
.dark-theme-on .error .tt-time-entry-duration .from-to .field i,
.dark-theme-on .error .tt-time-entry-duration .from-to .field input,
.dark-theme-on .error .tt-time-entry-duration .from-to .title a,
.dark-theme-on .error .tt-time-entry-duration .from-to .to .title a {
  color: var(--APP-error-color)
}
.dark-theme-on .error .tt-time-entry-duration .from-to .field input::-webkit-input-placeholder {
  color: var(--APP-error-color)
}
.dark-theme-on .error .tt-time-entry-duration .from-to .field input::-moz-placeholder {
  color: var(--APP-error-color)
}
.dark-theme-on .error .tt-time-entry-duration .from-to .field input:-ms-input-placeholder {
  color: var(--APP-error-color)
}
.dark-theme-on .error .tt-time-entry-duration .from-to .field input:-moz-placeholder {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .repeat_time_entry_ .days_list_ h2 {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .repeat_time_entry_ .days_list_ .day_ label {
  color: #fff;
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .repeat_time_entry_ .days_list_ .day_ label:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .repeat_time_entry_ .days_list_ .day_ input:checked + label {
  color: #fff;
  background-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .radio_options_ h2 {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .radio_options_ li label {
  color: #fff;
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .radio_options_ li label:hover {
  background-color: var(--MS-DARK-FORMS-button-background-color-hover)
}
.MSTEAMS.dark_mode_ .radio_options_ li input:checked + label {
  color: var(--APP-focus-color);
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .radio_options_.error h2 {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .radio_options_.error li input:not(:checked) + label {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .button_add_ .link_.filled_:hover {
  background-color: var(--MS-DARK-APP-global-hover)
}
.MSTEAMS.dark_mode_ .button_add_ .link_.filled_ .add_ u {
  color: #fff
}
.MSTEAMS.dark_mode_ .button_add_ .add_ {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .place_color {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ form label.error {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ form.submitted_ .error_ label.error {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .primary_input_ {
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .primary_input_ label {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .primary_input_ .value a,
.MSTEAMS.dark_mode_ .primary_input_ .value input,
.MSTEAMS.dark_mode_ .primary_input_ .value textarea {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .primary_input_ .value a.project,
.MSTEAMS.dark_mode_ .primary_input_ .value input.project {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .primary_input_ .value input::-webkit-input-placeholder,
.MSTEAMS.dark_mode_ .primary_input_ .value textarea::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .primary_input_ .value input::-moz-placeholder,
.MSTEAMS.dark_mode_ .primary_input_ .value textarea::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .primary_input_ .value input:-ms-input-placeholder,
.MSTEAMS.dark_mode_ .primary_input_ .value textarea::-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .primary_input_ .value input:-moz-placeholder,
.MSTEAMS.dark_mode_ .primary_input_ .value textarea::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .primary_input_ .set_project_color .color_display {
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .primary_input_ .set_project_color .color_picker {
  background-color: #201e1e;
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .primary_input_ .set_project_color .color_picker .color_selector {
  border-color: rgba(0,0,0,.2)
}
.MSTEAMS.dark_mode_ .primary_input_ .set_project_color .color_picker .color_selector:hover {
  border-color: rgba(0,0,0,.2)
}
.MSTEAMS.dark_mode_ .primary_input_ .project_item_ .customer {
  color: #b3b3b3
}
.MSTEAMS.dark_mode_ .repeat_time_entry_ {
  border-bottom-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .separator_ {
  border-bottom-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .separator_.arrow_active_::before {
  background-color: #201e1e;
  border-top-color: var(--MS-DARK-FORMS-border);
  border-right-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .input_ label {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .input_ label a {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .input_ label a:hover {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .input_ .input_button,
.MSTEAMS.dark_mode_ .input_ input:not(.button_) {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .input_ input::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .input_ input::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .input_ input:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .input_ input:-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .input_ .input_button:focus,
.MSTEAMS.dark_mode_ .input_ input:not(.button_):focus {
  border-color: var(--MS-DARK-FORMS-focus)!important
}
.MSTEAMS.dark_mode_ .input_ .icon {
  color: var(--MS-DARK-FORMS-label);
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .input_ .icon.transparent {
  background-color: transparent
}
.MSTEAMS.dark_mode_ .input_ .clear_date_ {
  color: #868686
}
.MSTEAMS.dark_mode_ .input_ .clear_date_:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .input_ input:disabled {
  background-color: #272727
}
.MSTEAMS.dark_mode_ .input_.inline_style_ .input_button,
.MSTEAMS.dark_mode_ .input_.inline_style_ input:not(.button_) {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .input_.inline_style_ .input_button:focus,
.MSTEAMS.dark_mode_ .input_.inline_style_ .input_button:hover,
.MSTEAMS.dark_mode_ .input_.inline_style_ input:not(.button_):focus,
.MSTEAMS.dark_mode_ .input_.inline_style_ input:not(.button_):hover {
  background-color: var(--MS-DARK-APP-global-hover)
}
.MSTEAMS.dark_mode_ .input_.inline_style_:not(.filled):not(.focused)::before {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .input_.inline_style_.filled .input_button,
.MSTEAMS.dark_mode_ .input_.inline_style_.filled input:not(.button_) {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .input_.inline_style_:not(.filled) .input_button {
  color: var(--MS-DARK-FORMS-value-placeholder)!important
}
.MSTEAMS.dark_mode_ .select_::before {
  border-top-color: var(--MS-DARK-FORMS-value);
  border-right-color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .select_ label {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .select_ select {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .select_ select option {
  color: #fff
}
.MSTEAMS.dark_mode_ .select_ select:focus {
  border-color: var(--MS-DARK-FORMS-focus)!important
}
.MSTEAMS.dark_mode_ .select_ .clear_date_ {
  color: #868686
}
.MSTEAMS.dark_mode_ .select_ .clear_date_:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .select_.inline_style_ select {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .select_.inline_style_ select:hover {
  background-color: var(--MS-DARK-APP-global-hover)
}
.MSTEAMS.dark_mode_ .select_.inline_style_:not(.filled) select {
  color: var(--MS-DARK-FORMS-value-placeholder)!important
}
.MSTEAMS.dark_mode_ .select_.inline_style_.filled.has_color_ select {
  color: #282828
}
.MSTEAMS.dark_mode_ .select_.inline_style_.filled.has_color_ .clear_date_ {
  color: #282828
}
.MSTEAMS.dark_mode_ select.tt-styled {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border);
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.dark_mode_ input[type=number].tt-styled {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .textarea_ label {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .textarea_ textarea {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .textarea_ textarea::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .textarea_ textarea::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .textarea_ textarea:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .textarea_ textarea:-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .textarea_ textarea:focus {
  border-color: var(--MS-DARK-FORMS-focus)!important
}
.MSTEAMS.dark_mode_ .textarea_ .icon {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .textarea_ textarea:disabled {
  background-color: #272727
}
.MSTEAMS.dark_mode_ .button_ {
  color: var(--MS-DARK-FORMS-button-text-color);
  background-color: var(--MS-DARK-FORMS-button-background-color)
}
.MSTEAMS.dark_mode_ .button_.border_ {
  color: var(--MS-DARK-FORMS-button-background-color);
  background-color: transparent;
  border-color: var(--MS-DARK-FORMS-button-background-color)
}
.MSTEAMS.dark_mode_ .button_.border_:hover {
  border-color: var(--MS-DARK-FORMS-button-background-color-hover);
  background-color: var(--MS-DARK-FORMS-button-background-color-hover)
}
.MSTEAMS.dark_mode_ .button_.active,
.MSTEAMS.dark_mode_ .button_:hover {
  color: var(--MS-DARK-FORMS-button-text-color);
  background-color: var(--MS-DARK-FORMS-button-background-color-hover)
}
.MSTEAMS.dark_mode_ .button_:not(.gray_).loading_and_block::after {
  background-color: var(--MS-DARK-FORMS-button-background-color)
}
.MSTEAMS.dark_mode_ .button_:not(.gray_).loading_and_block::before {
  border-color: var(--MS-DARK-FORMS-button-background-color);
  border-left-color: #f54337
}
.MSTEAMS.dark_mode_ .button_.gray_ {
  color: #fff;
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .button_.gray_.active,
.MSTEAMS.dark_mode_ .button_.gray_:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .button_.gray_.border_ {
  color: #fff;
  border-color: #2d2c2c;
  background-color: transparent
}
.MSTEAMS.dark_mode_ .button_.gray_.border_:hover {
  color: #fff;
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .button_.theme_ {
  color: var(--MS-DARK-FORMS-value);
  background-color: transparent
}
.MSTEAMS.dark_mode_ .button_.theme_.active,
.MSTEAMS.dark_mode_ .button_.theme_:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .button_inline_ {
  color: var(--MS-DARK-FORMS-button-inline-color)
}
.MSTEAMS.dark_mode_ .button_inline_.active,
.MSTEAMS.dark_mode_ .button_inline_:hover {
  color: var(--MS-DARK-FORMS-button-inline-color-hover)
}
.MSTEAMS.dark_mode_ .button_inline_.delete {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .button_inline_.delete:hover {
  color: var(--APP-error-color-hover)
}
.MSTEAMS.dark_mode_ .button_inline_.focus:hover {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .button_inline_ico {
  color: var(--MS-DARK-FORMS-button-inline-color)
}
.MSTEAMS.dark_mode_ .button_inline_ico:hover {
  color: var(--MS-DARK-FORMS-button-inline-color-hover)
}
.MSTEAMS.dark_mode_ .button_inline_ico.delete {
  color: var(--APP-error-color)!important
}
.MSTEAMS.dark_mode_ .button_inline_ico.delete:hover {
  color: var(--APP-error-color-hover)!important
}
.MSTEAMS.dark_mode_ .button_flex_ {
  color: #bdbdbd
}
.MSTEAMS.dark_mode_ .button_flex_:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .button_flex_.border_ {
  color: #fff;
  border-color: #2d2c2c;
  background-color: transparent
}
.MSTEAMS.dark_mode_ .button_flex_.border_:hover {
  color: #fff;
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .button_inline_flex_ {
  color: #bdbdbd
}
.MSTEAMS.dark_mode_ .button_inline_flex_:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .action_button_ {
  color: var(--MS-DARK-FORMS-button-inline-color)
}
.MSTEAMS.dark_mode_ .action_button_:hover {
  color: var(--MS-DARK-FORMS-button-inline-color-hover)
}
.MSTEAMS.dark_mode_ .exceeded .button_ {
  color: #fff;
  background-color: var(--APP-error-color);
  border-color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .exceeded .button_:hover {
  background-color: var(--APP-error-color-hover);
  border-color: var(--APP-error-color-hover)
}
.MSTEAMS.dark_mode_ .form_text_ h2 {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .form_text_ h3 {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .form_text_ p {
  color: #cecece
}
.MSTEAMS.dark_mode_ .form_text_ p a {
  color: #cecece
}
.MSTEAMS.dark_mode_ .form_text_ p a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .tag_multi_selector_ label {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .tag_multi_selector_ .list .tag {
  background-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .tag_multi_selector_ .list .tag .text {
  background-color: #201e1e;
  color: #fff;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .tag_multi_selector_ .list .tag.buttonAdd {
  color: var(--MS-DARK-FORMS-focus)
}
.MSTEAMS.dark_mode_ .tag_multi_selector_ .list .tag.buttonAdd:hover {
  color: var(--MS-DARK-FORMS-focus)
}
.MSTEAMS.dark_mode_ .projectAccess__text h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .projectAccess__text .project_is_public {
  color: #fff
}
.MSTEAMS.dark_mode_ .projectAccess__text .project_is_not_public {
  color: #fff
}
.MSTEAMS.dark_mode_ .projectAccess__text .project_is_not_public .commas_list {
  color: #fff
}
.MSTEAMS.dark_mode_ .user_avatar_ .avatar {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .user_avatar_ .name {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .user_avatar_ .email {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .user_info_ .name {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .user_info_ .email {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .share_pop_ .show_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .share_pop_ .pop_ {
  background-color: #201e1e;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .share_pop_ .pop_::after {
  background-color: #201e1e;
  border-top: var(--MS-DARK-APP-shadow-border);
  border-right: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .tag_ {
  background-color: #3c3c3c;
  color: #fff
}
.MSTEAMS.dark_mode_ .tag_style_UPDATE {
  background-color: #c5e9ff;
  color: #000
}
.MSTEAMS.dark_mode_ .tag_style_ADD {
  background-color: #d9ffb4;
  color: #000
}
.MSTEAMS.dark_mode_ .tag_style_DELETE {
  background-color: #ffa6a6;
  color: #000
}
.MSTEAMS.dark_mode_ .sides_controller_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .edit_ {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .edit_.active,
.MSTEAMS.dark_mode_ .edit_:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .edit_ input {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .input_project_item_ .customer {
  color: #b3b3b3
}
.MSTEAMS.dark_mode_ .check_ label {
  color: #fff
}
.MSTEAMS.dark_mode_ .check_ label::before {
  border-color: var(--MS-DARK-FORMS-checkbox-inactive);
  color: transparent
}
.MSTEAMS.dark_mode_ .check_ input:checked + label::before {
  background-color: var(--MS-DARK-FORMS-checkbox-active);
  border-color: var(--MS-DARK-FORMS-checkbox-active);
  color: #fff
}
.MSTEAMS.dark_mode_ .check_ input:not(:checked) + label:hover::before {
  border-color: var(--MS-DARK-FORMS-checkbox-active);
  color: var(--MS-DARK-FORMS-checkbox-active)
}
.MSTEAMS.dark_mode_ .check_.mark_as_done input:not(:checked) + label:hover::before {
  border-color: var(--MS-DARK-FORMS-checkbox-mark-as-done);
  color: var(--MS-DARK-FORMS-checkbox-mark-as-done)
}
.MSTEAMS.dark_mode_ .check_.mark_as_done input:checked + label::before {
  background-color: var(--MS-DARK-FORMS-checkbox-mark-as-done);
  border-color: var(--MS-DARK-FORMS-checkbox-mark-as-done);
  color: #fff
}
.MSTEAMS.dark_mode_ .check_.mark_as_done.border_ label {
  color: var(--MS-DARK-FORMS-value);
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .check_.mark_as_done.border_ label::before {
  border-color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .check_.mark_as_done.border_ label:hover {
  color: var(--MS-DARK-FORMS-checkbox-mark-as-done);
  border-color: var(--MS-DARK-FORMS-checkbox-mark-as-done)
}
.MSTEAMS.dark_mode_ .check_.toggle label::before {
  background-color: var(--MS-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.dark_mode_ .check_.toggle label::after {
  background-color: #fff
}
.MSTEAMS.dark_mode_ .check_.toggle input:checked + label::before {
  background-color: var(--MS-DARK-FORMS-checkbox-active)
}
.MSTEAMS.dark_mode_ .check_.toggle.focused_color input:checked + label::before {
  background-color: var(--MS-DARK-APP-focus-color)
}
.MSTEAMS.dark_mode_ .check_.toggle_small label::before {
  background-color: var(--MS-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.dark_mode_ .check_.toggle_small label::after {
  background-color: #fff
}
.MSTEAMS.dark_mode_ .check_.toggle_small input:checked + label::before {
  background-color: var(--MS-DARK-FORMS-checkbox-active)
}
.MSTEAMS.dark_mode_ .check_.toggle_small.focused_color input:checked + label::before {
  background-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .check_.toggle_small label {
  color: #fff
}
.MSTEAMS.dark_mode_ .radio_ label {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .radio_ label::before {
  border-color: var(--MS-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.dark_mode_ .radio_ input:checked + label::before {
  background-color: var(--MS-DARK-FORMS-checkbox-active);
  border-color: var(--MS-DARK-FORMS-checkbox-active)
}
.MSTEAMS.dark_mode_ .radio_ input:not(:checked) + label:hover::before {
  border-color: var(--MS-DARK-FORMS-checkbox-active);
  color: var(--MS-DARK-FORMS-checkbox-active)
}
.MSTEAMS.dark_mode_ .layout_picker_ label {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .default_color_selector_ label {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .toggle_box_pop_.just_installed {
  background-color: rgba(37,34,34,.9)
}
.MSTEAMS.dark_mode_ .toggle_box_ {
  background-color: #252222
}
.MSTEAMS.dark_mode_ .toggle_box_ .form_,
.MSTEAMS.dark_mode_ .toggle_box_ form {
  border-top-color: #1b1a19
}
.MSTEAMS.dark_mode_ .toggle_box_.error {
  background: #331d1d
}
.MSTEAMS.dark_mode_ .toggle_box_ .toggle_area_ .sign_in_ a {
  border-color: #1b1a19;
  background-color: #252222
}
.MSTEAMS.dark_mode_ .toggle_box_ .toggle_area_ .sign_in_ a:hover {
  background-color: #1b1a19
}
.MSTEAMS.dark_mode_ .toggle_box_ .toggle_area_ .sign_in_ a u {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-tasks-toggle {
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .tt-task-toggle-sticky {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .tt-tasks-toggle .pilar {
  border-left-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .tt-tasks-toggle .pilar:hover {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .tt-tasks-toggle .pilar.active {
  background-color: var(--DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .tt-tasks-toggle .pilar .ico_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-tasks-toggle .pilar .pie_::after {
  border-color: rgb(0 0 0 / 10%)
}
.MSTEAMS.dark_mode_ .tt-tasks-toggle .pilar .text_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-form-toggle-box {
  background-color: #2d2d2d
}
.MSTEAMS.dark_mode_ .tt-form-toggle-box .logo {
  background-image: url(../../img/apps-logo.svg)
}
.MSTEAMS.dark_mode_ .tt-form-toggle-box .text h1 {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-form-toggle-box .text p {
  color: #828282
}
.MSTEAMS.dark_mode_ .tt-form-toggle-box .text p a {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .tt-time-entry-duration .from-to {
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .tt-time-entry-duration .from-to .picker {
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .tracking .tt-time-entry-duration .from-to .picker.to,
.MSTEAMS.dark_mode_ .tt-time-entry-duration .from-to .picker.disabled {
  background-color: #272727
}
.MSTEAMS.dark_mode_ .tt-time-entry-duration .from-to .title a {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-time-entry-duration .from-to .to .title a {
  color: #a5a5a5
}
.MSTEAMS.dark_mode_ .tt-time-entry-duration .from-to .title a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .tt-time-entry-duration .from-to .field i {
  color: #828282
}
.MSTEAMS.dark_mode_ .tt-time-entry-duration .from-to .field input {
  color: #fff
}
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .duration .input_ input[name=durationPicker],
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .duration .input_ input[name=duration],
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .from-to .field i,
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .from-to .field input,
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .from-to .title a,
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .from-to .to .title a {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .from-to .field input::-webkit-input-placeholder {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .from-to .field input::-moz-placeholder {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .from-to .field input:-ms-input-placeholder {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ .error .tt-time-entry-duration .from-to .field input:-moz-placeholder {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .repeat_time_entry_ .days_list_ h2 {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .repeat_time_entry_ .days_list_ .day_ label {
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .repeat_time_entry_ .days_list_ .day_ label:hover {
  background-color: #ebeb00
}
.MSTEAMS.deep_dark_mode_ .repeat_time_entry_ .days_list_ .day_ input:checked + label {
  color: #ebeb00;
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ .radio_options_ h2 {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .radio_options_ li label {
  color: #fff;
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .radio_options_ li label:hover {
  background-color: var(--MS-DARK-FORMS-button-background-color-hover)
}
.MSTEAMS.deep_dark_mode_ .radio_options_ li input:checked + label {
  color: #ebeb00;
  background-color: #4e4e17
}
.MSTEAMS.deep_dark_mode_ .radio_options_.error h2 {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .radio_options_.error li input:not(:checked) + label {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .button_add_ .link_.filled_:hover {
  background-color: var(--MS-DEEP-DARK-APP-global-hover)
}
.MSTEAMS.deep_dark_mode_ .button_add_ .link_.filled_ .add_ u {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .button_add_ .add_ {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .place_color {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ form label.error {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ form.submitted_ .error_ label.error {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ {
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ label {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .value a,
.MSTEAMS.deep_dark_mode_ .primary_input_ .value input,
.MSTEAMS.deep_dark_mode_ .primary_input_ .value textarea {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .value a.project,
.MSTEAMS.deep_dark_mode_ .primary_input_ .value input.project {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .value input::-webkit-input-placeholder,
.MSTEAMS.deep_dark_mode_ .primary_input_ .value textarea::-webkit-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .value input::-moz-placeholder,
.MSTEAMS.deep_dark_mode_ .primary_input_ .value textarea::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .value input:-ms-input-placeholder,
.MSTEAMS.deep_dark_mode_ .primary_input_ .value textarea::-ms-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .value input:-moz-placeholder,
.MSTEAMS.deep_dark_mode_ .primary_input_ .value textarea::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .set_project_color .color_display {
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .set_project_color .color_picker {
  background-color: #201e1e;
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .set_project_color .color_picker .color_selector {
  border-color: rgba(0,0,0,.2)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .set_project_color .color_picker .color_selector:hover {
  border-color: rgba(0,0,0,.2)
}
.MSTEAMS.deep_dark_mode_ .primary_input_ .project_item_ .customer {
  color: #b3b3b3
}
.MSTEAMS.deep_dark_mode_ .separator_ {
  border-bottom-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .separator_.arrow_active_::before {
  background-color: #000;
  border-top-color: var(--MS-DEEP-DARK-FORMS-border);
  border-right-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .input_ label {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .input_ label a {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .input_ label a:hover {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .input_ .input_button,
.MSTEAMS.deep_dark_mode_ .input_ input:not(.button_) {
  color: var(--MS-DEEP-DARK-FORMS-value);
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .input_ input::-webkit-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .input_ input::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .input_ input:-ms-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .input_ input:-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .input_ .input_button:focus,
.MSTEAMS.deep_dark_mode_ .input_ input:not(.button_):focus {
  border-color: var(--MS-DEEP-DARK-FORMS-focus)!important
}
.MSTEAMS.deep_dark_mode_ .input_ .icon {
  color: var(--MS-DEEP-DARK-FORMS-label);
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .input_ .icon.transparent {
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .input_ .clear_date_ {
  color: #868686
}
.MSTEAMS.deep_dark_mode_ .input_ .clear_date_:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .input_ input:disabled {
  background-color: #171717
}
.MSTEAMS.deep_dark_mode_ .input_.inline_style_ .input_button,
.MSTEAMS.deep_dark_mode_ .input_.inline_style_ input:not(.button_) {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .input_.inline_style_ .input_button:focus,
.MSTEAMS.deep_dark_mode_ .input_.inline_style_ .input_button:hover,
.MSTEAMS.deep_dark_mode_ .input_.inline_style_ input:not(.button_):focus,
.MSTEAMS.deep_dark_mode_ .input_.inline_style_ input:not(.button_):hover {
  background-color: var(--MS-DEEP-DARK-APP-global-hover)
}
.MSTEAMS.deep_dark_mode_ .input_.inline_style_:not(.filled):not(.focused)::before {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .input_.inline_style_.filled .input_button,
.MSTEAMS.deep_dark_mode_ .input_.inline_style_.filled input:not(.button_) {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .input_.inline_style_:not(.filled) .input_button {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)!important
}
.MSTEAMS.deep_dark_mode_ .repeat_time_entry_ {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .select_::before {
  border-top-color: var(--MS-DEEP-DARK-FORMS-value);
  border-right-color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .select_ label {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .select_ select {
  color: var(--MS-DEEP-DARK-FORMS-value);
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .select_ select option {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .select_ select:focus {
  border-color: var(--MS-DEEP-DARK-FORMS-focus)!important
}
.MSTEAMS.deep_dark_mode_ .select_ .clear_date_ {
  color: #868686
}
.MSTEAMS.deep_dark_mode_ .select_ .clear_date_:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .select_.inline_style_ select {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .select_.inline_style_ select:hover {
  background-color: var(--MS-DEEP-DARK-APP-global-hover)
}
.MSTEAMS.deep_dark_mode_ .select_.inline_style_:not(.filled) select {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)!important
}
.MSTEAMS.deep_dark_mode_ .select_.inline_style_.filled.has_color_ select {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .select_.inline_style_.filled.has_color_ .clear_date_ {
  color: #000
}
.MSTEAMS.deep_dark_mode_ select.tt-styled {
  color: #fff;
  border-color: #fff;
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.deep_dark_mode_ input[type=number].tt-styled {
  color: #fff;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .textarea_ label {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .textarea_ textarea {
  color: var(--MS-DEEP-DARK-FORMS-value);
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .textarea_ textarea::-webkit-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .textarea_ textarea::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .textarea_ textarea:-ms-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .textarea_ textarea:-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .textarea_ textarea:focus {
  border-color: var(--MS-DEEP-DARK-FORMS-focus)!important
}
.MSTEAMS.deep_dark_mode_ .textarea_ .icon {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .textarea_ textarea:disabled {
  background-color: #171717
}
.MSTEAMS.deep_dark_mode_ .button_ {
  color: var(--MS-DEEP-DARK-FORMS-button-text-color);
  background-color: var(--MS-DEEP-DARK-FORMS-button-background-color)
}
.MSTEAMS.deep_dark_mode_ .button_.border_ {
  color: var(--MS-DEEP-DARK-FORMS-button-background-color);
  background-color: transparent;
  border-color: var(--MS-DEEP-DARK-FORMS-button-background-color)
}
.MSTEAMS.deep_dark_mode_ .button_.border_:hover {
  border-color: var(--MS-DEEP-DARK-FORMS-button-background-color-hover);
  background-color: var(--MS-DEEP-DARK-FORMS-button-background-color-hover)
}
.MSTEAMS.deep_dark_mode_ .button_.active,
.MSTEAMS.deep_dark_mode_ .button_:hover {
  color: var(--MS-DEEP-DARK-FORMS-button-text-color);
  background-color: var(--MS-DEEP-DARK-FORMS-button-background-color-hover)
}
.MSTEAMS.deep_dark_mode_ .button_:not(.gray_).loading_and_block::after {
  background-color: var(--MS-DEEP-DARK-FORMS-button-background-color)
}
.MSTEAMS.deep_dark_mode_ .button_:not(.gray_).loading_and_block::before {
  border-color: var(--MS-DEEP-DARK-FORMS-button-background-color);
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .button_.gray_ {
  color: var(--MS-DEEP-DARK-FORMS-button-background-color);
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .button_.gray_.active,
.MSTEAMS.deep_dark_mode_ .button_.gray_:hover {
  background-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .button_.gray_.border_ {
  color: #fff;
  border-color: #fff;
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .button_.gray_.border_:hover {
  color: #000;
  background-color: #ffff01;
  border-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .button_.theme_ {
  color: var(--MS-DEEP-DARK-FORMS-value);
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .button_.theme_.active,
.MSTEAMS.deep_dark_mode_ .button_.theme_:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .button_inline_ {
  color: var(--MS-DEEP-DARK-FORMS-button-inline-color)
}
.MSTEAMS.deep_dark_mode_ .button_inline_.active,
.MSTEAMS.deep_dark_mode_ .button_inline_:hover {
  color: var(--MS-DEEP-DARK-FORMS-button-inline-color-hover)
}
.MSTEAMS.deep_dark_mode_ .button_inline_.delete {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .button_inline_.delete:hover {
  color: var(--APP-error-color-hover)
}
.MSTEAMS.deep_dark_mode_ .button_inline_.focus:hover {
  color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .button_inline_ico {
  color: var(--MS-DEEP-DARK-FORMS-button-inline-color)
}
.MSTEAMS.deep_dark_mode_ .button_inline_ico:hover {
  color: var(--MS-DEEP-DARK-FORMS-button-inline-color-hover)
}
.MSTEAMS.deep_dark_mode_ .button_inline_ico.delete {
  color: var(--APP-error-color)!important
}
.MSTEAMS.deep_dark_mode_ .button_inline_ico.delete:hover {
  color: var(--APP-error-color-hover)!important
}
.MSTEAMS.deep_dark_mode_ .button_flex_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .button_flex_:hover {
  color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .button_flex_.border_ {
  color: #fff;
  border-color: #fff;
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .button_flex_.border_:hover {
  color: #000;
  background-color: #ffff01;
  border-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .button_inline_flex_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .button_inline_flex_:hover {
  color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .action_button_ {
  color: var(--MS-DEEP-DARK-FORMS-button-inline-color)
}
.MSTEAMS.deep_dark_mode_ .action_button_:hover {
  color: var(--MS-DEEP-DARK-FORMS-button-inline-color-hover)
}
.MSTEAMS.deep_dark_mode_ .exceeded .button_ {
  color: #fff;
  background-color: var(--APP-error-color);
  border-color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .exceeded .button_:hover {
  background-color: var(--APP-error-color-hover);
  border-color: var(--APP-error-color-hover)
}
.MSTEAMS.deep_dark_mode_ .form_text_ h2 {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .form_text_ h3 {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .form_text_ p {
  color: #cecece
}
.MSTEAMS.deep_dark_mode_ .form_text_ p a {
  color: #cecece
}
.MSTEAMS.deep_dark_mode_ .form_text_ p a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tag_multi_selector_ label {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .tag_multi_selector_ .list .tag {
  background-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .tag_multi_selector_ .list .tag .text {
  background-color: #201e1e;
  color: #fff;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .tag_multi_selector_ .list .tag.buttonAdd {
  color: var(--MS-DEEP-DARK-FORMS-focus)
}
.MSTEAMS.deep_dark_mode_ .tag_multi_selector_ .list .tag.buttonAdd:hover {
  color: var(--MS-DEEP-DARK-FORMS-focus)
}
.MSTEAMS.deep_dark_mode_ .projectAccess__text h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .projectAccess__text .project_is_public {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .projectAccess__text .project_is_not_public {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .projectAccess__text .project_is_not_public .commas_list {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .user_avatar_ .avatar {
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ .user_avatar_ .name {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .user_avatar_ .email {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .user_info_ .name {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .user_info_ .email {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .share_pop_ .show_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .share_pop_ .pop_ {
  background-color: #201e1e;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .share_pop_ .pop_::after {
  background-color: #201e1e;
  border-top: var(--MS-DEEP-DARK-APP-shadow-border);
  border-right: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .tag_ {
  background-color: #3c3c3c;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tag_style_UPDATE {
  background-color: #c5e9ff;
  color: #000
}
.MSTEAMS.deep_dark_mode_ .tag_style_ADD {
  background-color: #d9ffb4;
  color: #000
}
.MSTEAMS.deep_dark_mode_ .tag_style_DELETE {
  background-color: #ffa6a6;
  color: #000
}
.MSTEAMS.deep_dark_mode_ .sides_controller_ {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .edit_ {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .edit_.active,
.MSTEAMS.deep_dark_mode_ .edit_:hover {
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .edit_ input {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .input_project_item_ .customer {
  color: #b3b3b3
}
.MSTEAMS.deep_dark_mode_ .check_ label {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .check_ label::before {
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-inactive);
  color: transparent
}
.MSTEAMS.deep_dark_mode_ .check_ input:checked + label::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-active);
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-active);
  color: #000
}
.MSTEAMS.deep_dark_mode_ .check_ input:not(:checked) + label:hover::before {
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-active);
  color: var(--MS-DEEP-DARK-FORMS-checkbox-active)
}
.MSTEAMS.deep_dark_mode_ .check_.mark_as_done input:not(:checked) + label:hover::before {
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-mark-as-done);
  color: var(--MS-DEEP-DARK-FORMS-checkbox-mark-as-done)
}
.MSTEAMS.deep_dark_mode_ .check_.mark_as_done input:checked + label::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-mark-as-done);
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-mark-as-done);
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .check_.mark_as_done.border_ label {
  color: var(--MS-DEEP-DARK-FORMS-value);
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .check_.mark_as_done.border_ label::before {
  border-color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .check_.mark_as_done.border_ label:hover {
  color: var(--MS-DEEP-DARK-FORMS-checkbox-mark-as-done);
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-mark-as-done)
}
.MSTEAMS.deep_dark_mode_ .check_.toggle label::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.deep_dark_mode_ .check_.toggle label::after {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .check_.toggle input:checked + label::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-active)
}
.MSTEAMS.deep_dark_mode_ .check_.toggle.focused_color input:checked + label::before {
  background-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .check_.toggle:hover input:not(:checked) + label::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-active)
}
.MSTEAMS.deep_dark_mode_ .check_.toggle_small.focused_color input:checked + label::before {
  background-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ .check_.toggle_small label::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.deep_dark_mode_ .check_.toggle_small label::after {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .check_.toggle_small input:checked + label::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-active)
}
.MSTEAMS.deep_dark_mode_ .check_.toggle_small:hover input:not(:checked) + label::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-active)
}
.MSTEAMS.deep_dark_mode_ .radio_ label {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .radio_ label::before {
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.deep_dark_mode_ .radio_ input:checked + label::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-active);
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-active)
}
.MSTEAMS.deep_dark_mode_ .radio_ input:not(:checked) + label:hover::before {
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-active);
  color: var(--MS-DEEP-DARK-FORMS-checkbox-active)
}
.MSTEAMS.deep_dark_mode_ .layout_picker_ label {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .default_color_selector_ label {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .toggle_box_pop_.just_installed {
  background-color: rgba(0,0,0,.9)
}
.MSTEAMS.deep_dark_mode_ .toggle_box_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .toggle_box_ .form_,
.MSTEAMS.deep_dark_mode_ .toggle_box_ form {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ .toggle_box_.error {
  background: #331d1d
}
.MSTEAMS.deep_dark_mode_ .toggle_box_ .toggle_area_ .sign_in_ a {
  border-color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .toggle_box_ .toggle_area_ .sign_in_ a:hover {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .toggle_box_ .toggle_area_ .sign_in_ a:hover u {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .toggle_box_ .toggle_area_ .sign_in_ a u {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-task-toggle-sticky {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar {
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar:hover {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar.active {
  background-color: #ebeb00
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar .ico_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar:not(:hover) .pie_ {
  background-color: #2a2a2a
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar .pie_::after {
  border-color: rgb(0 0 0 / 35%)
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar .text_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar.active .ico_,
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar:hover .ico_ {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar.active .text_,
.MSTEAMS.deep_dark_mode_ .tt-tasks-toggle .pilar:hover .text_ {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .check_.toggle_small label {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-time-entry-duration .from-to {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-time-entry-duration .from-to .picker {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tracking .tt-time-entry-duration .from-to .picker.to,
.MSTEAMS.deep_dark_mode_ .tt-time-entry-duration .from-to .picker.disabled {
  background-color: #171717
}
.MSTEAMS.deep_dark_mode_ .tt-time-entry-duration .from-to .title a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-time-entry-duration .from-to .to .title a {
  color: #a5a5a5
}
.MSTEAMS.deep_dark_mode_ .tt-time-entry-duration .from-to .title a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-time-entry-duration .from-to .field i {
  color: #828282
}
.MSTEAMS.deep_dark_mode_ .tt-time-entry-duration .from-to .field input {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .duration .input_ input[name=durationPicker],
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .duration .input_ input[name=duration],
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .from-to .field i,
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .from-to .field input,
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .from-to .title a,
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .from-to .to .title a {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .from-to .field input::-webkit-input-placeholder {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .from-to .field input::-moz-placeholder {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .from-to .field input:-ms-input-placeholder {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .error .tt-time-entry-duration .from-to .field input:-moz-placeholder {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ .tt-form-toggle-box {
  background-color: #2d2d2d
}
.MSTEAMS.deep_dark_mode_ .tt-form-toggle-box .logo {
  background-image: url(../../img/apps-logo.svg)
}
.MSTEAMS.deep_dark_mode_ .tt-form-toggle-box .text h1 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tt-form-toggle-box .text p {
  color: #828282
}
.MSTEAMS.deep_dark_mode_ .tt-form-toggle-box .text p a {
  color: var(--APP-focus-color)
}
.comboView {
  width: 100%;
  height: 42px;
  position: relative;
  font-weight: 400;
  -webkit-transition: opacity .4s,visibility .4s;
  -moz-transition: opacity .4s,visibility .4s;
  -ms-transition: opacity .4s,visibility .4s;
  transition: opacity .4s,visibility .4s;
  opacity: 1;
  visibility: visible;
  margin-left: -10px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  z-index: 10
}
.comboView.hidden {
  opacity: 0;
  visibility: hidden
}
.comboView .white_box {
  width: 100%;
  padding: 0;
  left: 0;
  top: 0;
  position: relative;
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
  box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
  border: 1px solid #f0f4f7;
  box-sizing: border-box
}
.comboView .hide_content {
  width: 100%;
  height: auto;
  display: none
}
.comboView.active,
.comboView.showRange {
  z-index: 23
}
.comboView .display_text {
  height: 40px;
  position: relative;
  cursor: pointer;
  margin: 0 10px
}
.comboView .display_text .title {
  width: 100%;
  position: relative;
  z-index: 0;
  border-bottom: 1px solid transparent
}
.comboView .display_text .title h2 {
  padding-right: 40px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #6b727b;
  font-weight: 400;
  max-width: 220px
}
.comboView .display_text .action {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  overflow: hidden
}
.comboView .display_text .action i {
  font-size: 18px;
  line-height: 18px;
  height: 18px;
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #f54337
}
.comboView.active .white_box {
  left: 0;
  top: 0;
  position: absolute;
  background-color: #fff;
  -moz-box-shadow: 0 5px 35px 0 rgba(0,0,0,.1);
  box-shadow: 0 5px 35px 0 rgba(0,0,0,.1)
}
.comboView.active .display_text {
  margin: 0
}
.comboView.active .display_text .title {
  display: block;
  width: auto;
  padding: 0 10px;
  border-bottom: 1px solid #f6f4f4
}
.comboView.active .display_text .title h2 {
  color: #626256
}
.comboView.active .display_text .action {
  right: 20px
}
.comboView.active .hide_content {
  display: block
}
.comboView.showRange.active .white_box {
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent
}
@media only screen and (min-width :0px) and (max-width :767px) {
  .comboView {
    width: 100%;
    height: 40px;
    margin-left: 0;
    max-width: 100%!important;
    min-width: 100%!important
  }
  .comboView .display_text {
    height: 40px;
    margin: 0 0
  }
  .comboView .display_text .action {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    overflow: hidden
  }
  .comboView.active .white_box {
    left: 0;
    top: 0;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 5px 15px rgba(0,0,0,.1)
  }
  .comboView.active .display_text {
    margin: 0
  }
  .comboView.active .display_text .title {
    display: block;
    width: auto;
    padding: 0 20px;
    border-bottom: 1px solid #dadada
  }
  .comboView.active .display_text .title h2 {
    color: #626256
  }
  .comboView.active .display_text .action {
    right: 20px
  }
  .comboView.active .hide_content {
    display: block
  }
  .comboView.showRange.active .white_box {
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
  }
}
@media only screen and (min-width :768px) and (max-width :1023px) {
  .comboView .display_text .title h2 {
    font-size: 12px
  }
}
.multipleSelect {
  width: 270px;
  z-index: 40;
  background-color: #fff;
  font-weight: 400;
  -moz-box-shadow: 0 6px 15px rgba(0,0,0,.1);
  box-shadow: 0 6px 15px rgba(0,0,0,.1);
  position: fixed;
  overflow: hidden;
  margin-top: 0;
  margin-left: 66px;
  display: none;
  border-top: 1px solid #dbdbd8
}
.multipleSelect.active {
  display: block
}
.free_button {
  width: 100%;
  display: table
}
.free_button a {
  display: table-cell;
  line-height: 16px;
  padding: 15px 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  color: #6b727b;
  text-align: center;
  background-color: #f6f8f9;
  font-weight: 400
}
.free_button a:hover {
  background-color: #626256
}
.combo_calendar {
  width: 100%;
  min-width: 250px;
  height: auto;
  -moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);
  box-shadow: 0 5px 15px rgba(0,0,0,.1);
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none
}
.combo_calendar .date_controls {
  display: block;
  width: auto;
  height: 40px;
  overflow: hidden;
  position: relative;
  margin: 0 10px 10px 10px
}
.combo_calendar .date_controls .dateInputHolder {
  width: 47%;
  height: 39px;
  line-height: 40px;
  border: 0;
  text-align: left;
  color: #b6b6ac;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  float: left;
  border-bottom: 1px solid #cacac4;
  background-color: transparent;
  margin-left: 4%;
  cursor: pointer
}
.combo_calendar .date_controls .dateInputHolder:first-child {
  margin-left: 0
}
.combo_calendar .date_controls .action {
  width: 18px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 10px;
  overflow: hidden;
  cursor: pointer;
  text-align: center
}
.combo_calendar .date_controls .action i {
  font-size: 18px;
  color: #2c3135;
  line-height: 50px;
  width: 100%;
  text-align: center;
  display: inline-block;
  -webkit-transition: line-height .3s;
  -moz-transition: line-height .3s;
  -ms-transition: line-height .3s;
  transition: line-height .3s
}
.datepickerFrom,
.datepickerTo {
  top: 0;
  position: absolute;
  -webkit-transition: left .4s,right .4s,opacity .4s;
  -moz-transition: left .4s,right .4s,opacity .4s;
  -ms-transition: left .4s,right .4s,opacity .4s;
  transition: left .4s,right .4s,opacity .4s;
  z-index: 0;
  opacity: .4
}
.datepickerFrom {
  left: -100%
}
.datepickerTo {
  right: -100%
}
.showingEndCalendar .datepickerTo,
.showingStartCalendar .datepickerFrom {
  position: relative;
  z-index: 1;
  opacity: 1
}
.showingStartCalendar .datepickerFrom {
  left: 0
}
.showingEndCalendar .datepickerTo {
  right: 0
}
.showingEndCalendar .combo_calendar .date_controls .action i,
.showingStartCalendar .combo_calendar .date_controls .action i {
  line-height: 40px
}
.showingEndCalendar .combo_calendar .date_controls .dateInputHolder[data-comp=endHolder] {
  border-bottom: 1px solid #2c3135;
  color: #2c3135
}
.showingStartCalendar .combo_calendar .date_controls .dateInputHolder[data-comp=startHolder] {
  border-bottom: 1px solid #2c3135;
  color: #2c3135
}
.combo_calendar .calendar_container {
  position: relative;
  overflow: hidden;
  margin: 0 10px
}
.combo_calendar .calendar_container .ui-datepicker {
  -moz-box-shadow: 0 0 15px transparent;
  box-shadow: 0 0 15px transparent;
  margin: 0;
  width: 100%!important;
  padding: 0!important;
  border: 0
}
.showRange .combo_calendar {
  display: block
}
.showRange .display_text {
  display: none
}
.combo_filter {
  width: 100%;
  display: block;
  border-bottom: 1px solid #f6f4f4;
  box-sizing: border-box;
  padding: 0 20px;
  text-align: center
}
.combo_filter a {
  display: inline-block;
  vertical-align: top;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
  color: #5b6566;
  margin: 0 4px
}
body.dark-theme-on .comboView .white_box {
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  border: 1px solid #21262d
}
body.dark-theme-on .comboView .display_text .title h2 {
  color: #f1f1f1;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .comboView .display_text .action i {
  color: #f54337
}
body.dark-theme-on .comboView.active .white_box {
  background-color: #303741;
  -moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);
  box-shadow: 0 5px 15px rgba(0,0,0,.1);
  border: 1px solid #202123;
  margin-left: -1px;
  margin-top: -1px
}
body.dark-theme-on .comboView.active .display_text .title {
  border-bottom: 1px solid #202123
}
body.dark-theme-on .comboView.active .display_text .title h2 {
  color: #fff
}
body.dark-theme-on .comboView.showRange.active .white_box {
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent
}
body.dark-theme-on .combo_calendar .date_controls .dateInputHolder {
  color: #f8f8f8;
  border-bottom: 1px solid #f8f8f8
}
body.dark-theme-on .combo_calendar .date_controls .action i {
  color: #fff
}
body.dark-theme-on .showingEndCalendar .combo_calendar .date_controls .dateInputHolder[data-comp=endHolder] {
  border-bottom: 1px solid #f54337;
  color: #f54337
}
body.dark-theme-on .showingStartCalendar .combo_calendar .date_controls .dateInputHolder[data-comp=startHolder] {
  border-bottom: 1px solid #f54337;
  color: #f54337
}
body.dark-theme-on .combo_filter {
  border-bottom-color: #202123
}
body.dark-theme-on .combo_filter a {
  color: #e1e1e1
}
body.dark-theme-on .combo_filter a:hover {
  color: #f54337
}
.widget {
  background-color: #dcdce6;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 3%
}
.widget.half {
  width: 50%;
  float: left;
  min-height: 500px
}
.widgetHeader {
  display: table;
  height: 50px;
  width: 100%
}
.widgetHeader > span {
  display: table-cell;
  vertical-align: middle;
  height: 20px;
  line-height: 14px;
  font-size: 17px
}
.widgetHeader > span.widgetOptions {
  text-align: right;
  padding-right: 20px
}
.widgetTable {
  width: 100%;
  display: table
}
.widgetTable > li {
  width: 100%;
  display: table-row
}
.widgetTable > li > span {
  display: table-cell
}
.widgetTable > li > span.right {
  text-align: right
}
.widgetTable > li > span.middle {
  text-align: middle
}
.widgetTable > li.separator {
  font-size: 26px;
  height: 72px
}
#dashboardTimeline {
  margin: 20px
}
#ProjectDashboardView .timelineMask {
  overflow-x: visible;
  overflow-y: hidden
}
.timelineWidget {
  width: 100%;
  display: block
}
.timelineWidget .timelineContainer {
  width: 960px;
  position: relative;
  left: 0;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  margin-bottom: 20px
}
.timelineWidget .timelineMask {
  width: 90%;
  display: block;
  float: left;
  overflow: hidden;
  position: relative
}
.timelineWidget .userColumn {
  width: 20%;
  display: block;
  float: left
}
.timelineWidget .userColumn span {
  font-family: oswald,sans-serif;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0,0,0,.5);
  font-size: 10px;
  top: -17px;
  left: 0;
  position: relative;
  height: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 2px;
  padding-bottom: 2px
}
.timelineWidget .userColumn > div {
  width: 100%;
  height: 30px;
  border-bottom: 1px #e3e3e3 solid;
  background-color: #333
}
.timelineWidget .userColumn > div.first {
  border-bottom: none;
  background: 0 0;
  height: 14px
}
.timelineWidget .posFix {
  width: 100%;
  display: block;
  height: 31px
}
.timelineWidget .posFix.first {
  height: 14px
}
.timelineWidget .timelineModule {
  display: inline-block;
  width: 960px;
  height: 30px;
  position: absolute;
  border-bottom: 1px #e3e6e9 solid
}
.timelineWidget .timelineModule.first {
  height: 13px;
  border-bottom: none
}
.timelineWidget #timelineHours {
  padding-left: 2.12%;
  background: #f0f2f3
}
.timelineWidget #timelineHours > span {
  text-transform: uppercase;
  font-size: 9px;
  width: 4.166%;
  display: inline-block;
  text-align: center;
  color: #333
}
.timelineWidget .no_content {
  line-height: 72px;
  display: block;
  font-size: 28px;
  font-weight: 100;
  width: 100%;
  text-align: center;
  margin-top: 0
}
.timelineWidget .timeLapse {
  width: 100px;
  height: 30px;
  background-color: #f96;
  cursor: -webkit-grab;
  display: inline-block;
  z-index: 1;
  position: absolute;
  opacity: .3;
  padding: 0;
  margin: 0
}
.timelineWidget .timeLapse:hover {
  z-index: 3;
  opacity: 1
}
.timelineWidget .timeDetail {
  color: #fff;
  display: none;
  width: 200px;
  height: 55px;
  position: relative;
  z-index: 2;
  margin-top: 30px;
  box-shadow: 1px 1px 1px #333;
  background: #444;
  text-align: center;
  margin: 8px;
  border-radius: 3px
}
#timelineFollower.timeDetail {
  position: absolute;
  display: block;
  color: #fff;
  width: 200px;
  z-index: 10000;
  margin-top: 30px;
  box-shadow: 1px 1px 3px #333;
  background: #444;
  margin: 8px;
  border-radius: 2px
}
#timelineFollower h1,
#timelineFollower h2,
#timelineFollower h3 {
  margin: 0;
  padding: 0;
  margin-left: 6px
}
#timelineFollower h1 {
  font-size: 10px;
  margin-top: 8px
}
#timelineFollower h2 {
  font-size: 16px;
  line-height: 18px
}
#timelineFollower h3 {
  font-size: 12px;
  margin-bottom: 6px
}
#timelineFollower span,
.timelineWidget .timeDetail > span {
  position: relative;
  width: 60px;
  display: inline-block;
  height: 14px;
  background: #63b6d8;
  z-index: 9999;
  font-size: 10px;
  text-align: center;
  color: #fff
}
#timelineFollower span.right,
.timelineWidget .timeLapse .right {
  float: right;
  border-bottom-right-radius: 2px
}
#timelineFollower span.left,
.timelineWidget .timeLapse .left {
  float: left;
  border-bottom-left-radius: 2px
}
.timelineWidget .loader {
  position: absolute
}
.context_menu_ {
  width: 236px!important;
  position: absolute;
  z-index: 50;
  font-size: 0
}
.context_menu_.small_view {
  max-height: 230px;
  overflow-y: auto;
  overflow-x: hidden
}
.context_menu_.task_list_context_menu_ {
  width: 140px!important
}
.context_menu_ .drop_list_ {
  min-height: 0
}
.formView {
  padding: 20px 0 20px 0
}
.formView.no_pad {
  padding: 0
}
.formView label {
  display: block;
  margin: 0 0 20px 0;
  box-sizing: border-box;
  width: 100%;
  color: #2c3135;
  position: relative
}
.formView input.round,
.formView select.round {
  margin-top: 5px;
  height: 35px;
  line-height: 35px
}
.formView label.error {
  color: #f54337!important;
  font-size: 11px;
  padding: 5px 0
}
.formView label.changeUserNotAllowed {
  font-size: 10px;
  border: 1px solid #f0f4f7;
  padding: 8px 10px;
  display: block;
  text-align: center;
  line-height: 18px;
  display: none;
  box-sizing: border-box
}
.formView label.checkbox {
  padding: 11px 0 10px 0;
  border-top: 1px solid #f0f4f7;
  border-bottom: 1px solid #f0f4f7
}
.formView .checkboxContainer {
  display: block;
  margin: 0 0 30px 0;
  box-sizing: border-box;
  width: 100%
}
.formView .checkboxContainer label {
  font-weight: 400
}
.project_is_not_public .project_is_public {
  display: none
}
.project_is_public .project_is_not_public {
  display: none
}
.formView label:last-child {
  margin-bottom: 0
}
.formView label.noMargin {
  margin: 0!important
}
.formView > .checkbox_styled {
  width: 100%;
  margin-bottom: 20px
}
.formView > .radio_styled {
  width: 100%
}
.formView .radio_styled + .radio_styled {
  margin-top: 15px
}
.formView label .radio_styled {
  width: 100%
}
.formView label h4 + .radio_styled {
  margin-top: 15px
}
.formView label span.icon {
  position: absolute;
  right: 0;
  width: 20px;
  text-align: center;
  line-height: 18px;
  padding-bottom: 2px;
  margin-top: 0;
  top: 50%;
  font-size: 12px;
  color: #f54337
}
.formView label a.icon {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-top: 8px;
  font-size: 12px;
  color: #f54337;
  border: 1px solid #f54337;
  background-color: #fff;
  text-align: center
}
.formView label a.icon i {
  line-height: 20px
}
.formView label a.icon:hover {
  color: #fff;
  background-color: #f54337
}
.formView h2 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  display: block
}
.formView h2.red {
  color: #f54337
}
.formView h2.divisor {
  margin-top: 25px
}
.formView h2.taskButton {
  cursor: pointer;
  position: relative;
  font-size: 16px;
  border-bottom: 1px solid #f0f4f7;
  padding-bottom: 5px
}
.formView h3 {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px;
  display: block
}
.formView h3.red {
  color: #f54337
}
.formView h4 {
  font-size: 9px;
  font-weight: 400;
  margin-bottom: 2px;
  display: block;
  min-height: 9px;
  text-transform: uppercase
}
.formView p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px;
  display: block
}
.formView input[type=submit] {
  width: 1px!important;
  height: 1px!important;
  box-shadow: none!important;
  padding: 0!important;
  margin: 0!important;
  -webkit-appearance: none!important;
  appearance: normal;
  color: transparent!important;
  background-color: transparent!important;
  border-color: transparent!important
}
.formView textarea {
  min-height: 100px
}
.formView .formColContainer {
  width: 100%;
  display: table;
  margin-bottom: 20px
}
.formView .formColContainer:first-child {
  margin-top: 0
}
.formView .formColContainer:last-child {
  margin-bottom: 0
}
.formView .formColContainer label {
  width: 50%;
  display: table-cell;
  box-sizing: border-box;
  vertical-align: top
}
.formView .formColContainer label.right {
  text-align: left
}
.formView .formColContainer label.right {
  text-align: right
}
.formView .formColContainer label:last-child {
  padding-left: 2%
}
.formView .formColContainer label:first-child {
  padding-right: 2%
}
.formView .formColContainer label.checkbox {
  border-top: none;
  border-bottom: 1px solid #f0f4f7!important
}
.formView .formColContainer label.checkbox .checkbox_styled {
  margin-top: 10px
}
.formView .formColContainer label.checkbox .checkbox_styled label {
  padding-left: 25px
}
.formView .labels {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #f0f4f7;
  text-align: left
}
.formView .labels ul {
  width: 100%;
  margin-bottom: 20px
}
.formView .labels ul li {
  width: 100%;
  text-align: left;
  padding: 10px 0;
  border-top: 1px solid #fafbfb;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box
}
.formView .labels ul li:last-child {
  border-bottom: 1px solid #fafbfb
}
.formView .labels ul li .checkbox_styled label {
  margin: 0!important;
  font-weight: 400;
  font-size: 14px
}
.formView .labels ul.commas_list {
  text-align: left
}
.formView .labels ul.commas_list li {
  width: auto;
  text-align: left;
  padding: 0;
  border: 0 none;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  margin-right: 10px
}
.formView .labels ul.commas_list li:after {
  content: ',';
  display: inline-block
}
.formView .labels ul.commas_list li:last-child:after {
  display: none
}
.formView label.inline_input span {
  display: inline
}
.formView label.inline_input input {
  display: inline!important;
  width: 70px!important;
  text-align: center;
  padding: 0;
  margin: 0
}
.formView .tagMultiSelector {
  width: 100%!important;
  margin: -5px 0 20px 0;
  cursor: pointer
}
.formView .tagMultiSelector .tags_container {
  width: 100%;
  max-height: 1000px;
  border: 1px solid #e0e5ea;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.formView .tagMultiSelector .tags_container .tag .text span.email,
.formView .tagMultiSelector .tags_container .tag .text span.name {
  max-width: 130px
}
.formView .tagMultiSelector .tag .remove {
  left: auto;
  right: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px
}
.formView .tagMultiSelector .tag .remove a {
  background-color: transparent;
  border: 1px solid #b7b7b7;
  opacity: 1;
  visibility: visible;
  color: #b7b7b7;
  width: 20px;
  height: 20px;
  box-sizing: border-box
}
.formView .tagMultiSelector .tag .remove a i {
  line-height: 20px;
  font-size: 10px
}
.formView .tagMultiSelector .tag .remove a:hover {
  background-color: #f54337;
  border: 1px solid #f54337;
  color: #fff
}
.FormCard.FormWhite .content_frame,
.FormCard.FormWhite .header_frame,
.FormCard.FormWhite .sub_header_iframe {
  background-color: #fff
}
.FormWhite .eventDetail .info .name a,
.FormWhite input,
.FormWhite textarea {
  background-color: #fff
}
.FormWhite input:disabled,
.FormWhite textarea:disabled {
  cursor: not-allowed;
  opacity: .8
}
.formView .disabled {
  opacity: .3;
  pointer-events: none
}
.FormCard .content_frame,
.FormCard .header_frame,
.FormCard .sub_header_iframe {
  background-color: #f6f8f9
}
.FormCard .formFooter {
  width: 100%;
  text-align: right
}
.FormCard .formFooter.left {
  text-align: left
}
.FormCard .formFooter.left a {
  margin-right: 10px
}
.FormCard .formFooter.right {
  text-align: right
}
.FormCard .formFooter.right a {
  margin-left: 10px
}
.FormCard .formFooter.center {
  text-align: center
}
.FormCard .avatar {
  position: relative;
  z-index: 2;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -ms-transition: opacity .4s;
  transition: opacity .4s;
  cursor: pointer;
  margin-bottom: 15px
}
.FormCard .avatar > div {
  position: relative;
  z-index: 2;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -ms-transition: opacity .4s;
  transition: opacity .4s;
  cursor: pointer
}
.FormCard .avatar:hover > div {
  opacity: .6;
  cursor: pointer
}
.FormCard .form_button {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 40px;
  font-weight: 700;
  border: 1px solid #f54337;
  color: #f54337;
  padding: 0 12px;
  text-align: center;
  box-sizing: border-box;
  min-width: 24%
}
.FormCard .form_button:hover {
  background-color: #f54337;
  color: #fff
}
.FormCard .underline {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  text-decoration: underline
}
.FormCard .underline:hover {
  color: #5d6164
}
.FormCard .divisor_button {
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #f0f4f7;
  padding: 0 0 10px 0;
  margin-bottom: 0
}
.FormCard .divisor_button.left {
  text-align: left
}
.FormCard .divisor_button.last {
  border-bottom: 0 none!important
}
.FormCard .divisor_button .form_button {
  max-width: 180px;
  width: 100%
}
.FormCard .divisor_indetity {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #f0f4f7;
  padding: 5px 10px 15px 10px;
  box-sizing: border-box;
  margin-bottom: 0;
  background: #f0f4f7
}
.FormCard .divisor_indetity a.unlink {
  text-decoration: underline
}
.FormCard .form_button.black {
  color: #2c3135;
  border: 1px solid #2c3135
}
.FormCard .form_button.black:hover {
  background-color: #2c3135;
  color: #fff
}
.FormCard .form_button.red {
  color: #f54337;
  border: 1px solid #f54337
}
.FormCard .form_button.red:hover {
  background-color: #f54337;
  color: #fff
}
.FormCard .form_button[href='#confirm'],
.FormCard .form_button[href='#save'] {
  color: #fff!important;
  border: 1px solid #404344!important;
  background-color: #404344
}
.FormCard .form_button[href='#confirm']:hover,
.FormCard .form_button[href='#save']:hover {
  color: #fff!important;
  background-color: #000!important;
  border-color: #000
}
.FormCard .form_button[href='#cancel'],
.FormCard .form_button[href='#close'],
.FormCard .form_button[href='#open'],
.FormCard .form_button[href='#updatePassword'] {
  border: 1px solid transparent!important;
  color: #404344!important;
  font-weight: 300
}
.FormCard .form_button[href='#cancel']:hover,
.FormCard .form_button[href='#close']:hover,
.FormCard .form_button[href='#open']:hover,
.FormCard .form_button[href='#updatePassword']:hover {
  background-color: transparent!important;
  color: #f54337!important;
  text-decoration: underline
}
.FormCard .form_button[href='#alternative'],
.FormCard .form_button[href='#delete'],
.FormCard .form_button[href='#remove'] {
  border: 1px solid transparent!important;
  color: #404344!important;
  font-weight: 300
}
.FormCard .form_button[href='#alternative']:hover,
.FormCard .form_button[href='#delete']:hover,
.FormCard .form_button[href='#remove']:hover {
  background-color: transparent!important;
  color: #f54337!important;
  text-decoration: underline
}
@media only screen and (min-width :0px) and (max-width :767px) {
  .FormCard .form_button {
    font-size: 14px;
    line-height: 35px;
    padding: 0 12px;
    min-width: 0
  }
  .FormCard .divisor_button {
    padding: 0 0 15px 0;
    margin-bottom: 15px
  }
  .FormCard .divisor_button .form_button {
    max-width: 170px
  }
}
.ImgPreview {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative
}
.ImgPreview .preview {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 4px;
  right: 0;
  border: 1px solid #e0e5ea;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none
}
.ImgPreview:hover .preview {
  display: block
}
input.round {
  display: inline-block;
  vertical-align: top;
  color: #2c3135;
  font-size: 12px;
  line-height: 23px;
  padding: 0 15px;
  height: 25px;
  background-color: #fff!important;
  border: 1px solid #f0f4f7!important;
  font-weight: 700;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px
}
input[type=email].round:hover,
input[type=number].round:hover,
input[type=password].round:hover,
input[type=text].round.note:hover,
input[type=text].round:hover {
  border: 1px solid #f0f4f7!important
}
input[type=email].round:focus,
input[type=number].round:focus,
input[type=password].round:focus,
input[type=text].round.note:focus,
input[type=text].round:focus {
  border: 1px solid #f0f4f7!important
}
select.round {
  display: inline-block;
  vertical-align: top;
  color: #2c3135;
  font-size: 12px;
  background-position: right 10px center;
  background-image: url(../../img/arrow_bottom_black.png);
  background-repeat: no-repeat;
  background-size: auto 12px;
  line-height: 23px;
  padding: 0 15px;
  height: 25px;
  background-color: #fff!important;
  border: 1px solid #f0f4f7!important;
  font-weight: 700;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
body.dark-theme-on .formView input[type=email],
body.dark-theme-on .formView input[type=number],
body.dark-theme-on .formView input[type=password],
body.dark-theme-on .formView input[type=text] {
  border-bottom-color: #a8afb9!important;
  color: #efefef;
  text-shadow: 0 1px #202123;
  background-color: #2a313c
}
body.dark-theme-on .formView input.round {
  color: #fff;
  background-color: #303741!important;
  border-color: #202123!important
}
body.dark-theme-on .formView input[type=email].round:hover,
body.dark-theme-on .formView input[type=number].round:hover,
body.dark-theme-on .formView input[type=password].round:hover,
body.dark-theme-on .formView input[type=text].round.note:hover,
body.dark-theme-on .formView input[type=text].round:hover {
  border-color: #202123!important
}
body.dark-theme-on .formView input[type=email].round:focus,
body.dark-theme-on .formView input[type=number].round:focus,
body.dark-theme-on .formView input[type=password].round:focus,
body.dark-theme-on .formView input[type=text].round.note:focus,
body.dark-theme-on .formView input[type=text].round:focus {
  border-color: #202123!important
}
body.dark-theme-on .formView select.round {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png);
  background-color: #303741!important;
  border-color: #202123!important
}
body.dark-theme-on .formView input[type=text].note {
  border-bottom-color: #8b8b8b!important
}
body.dark-theme-on .formView input.error {
  border-bottom: 1px solid #f54337!important;
  color: #f54337!important
}
body.dark-theme-on .formView textarea {
  border-color: #8b8b8b!important;
  color: #efefef;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .formView textarea.note {
  border-bottom-color: #8b8b8b!important;
  color: #efefef
}
body.dark-theme-on .formView select {
  border-bottom: 1px solid #8b8b8b!important;
  color: #fff;
  background-color: #2a313b
}
body.dark-theme-on .formView select.new {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png);
  background-color: #2a313a!important;
  border-color: #21262b!important
}
body.dark-theme-on .formView label {
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .formView label h4 {
  color: #ababab
}
body.dark-theme-on .formView label.error {
  color: #f54337!important
}
body.dark-theme-on .formView label.changeUserNotAllowed {
  border-color: #202123
}
body.dark-theme-on .formView label.checkbox {
  border-top-color: #202123;
  border-bottom-color: #202123
}
body.dark-theme-on .formView label span.icon {
  color: #f54337
}
body.dark-theme-on .formView label a.icon {
  color: #f54337;
  border: 1px solid #f54337;
  background-color: #2a313c;
  text-shadow: none
}
body.dark-theme-on .formView label a.icon:hover {
  color: #fff;
  background-color: #2a313c
}
body.dark-theme-on .formView h2 {
  text-shadow: 0 1px #202123
}
body.dark-theme-on .formView h2.red {
  color: #f54337
}
body.dark-theme-on .formView h2.taskButton {
  border-bottom-color: #202123
}
body.dark-theme-on .formView h3.red {
  color: #f54337
}
body.dark-theme-on .formView .formColContainer label.checkbox {
  border-bottom-color: #535c69!important
}
body.dark-theme-on .formView .labels {
  border-top-color: #21262d;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .formView .labels ul li {
  border-top-color: #21262d
}
body.dark-theme-on .formView .labels ul li:last-child {
  border-bottom-color: #21262d
}
body.dark-theme-on input.round {
  color: #fff;
  background-color: #29303c!important;
  border-color: #20252c!important
}
body.dark-theme-on .FormCard .form_button {
  border: 1px solid #f54337;
  color: #f54337
}
body.dark-theme-on .FormCard .form_button:hover {
  background-color: #f54337;
  color: #fff
}
body.dark-theme-on .FormCard .divisor_button {
  border-bottom: 1px solid #8b8b8b
}
body.dark-theme-on .FormCard .divisor_button.last {
  border-bottom: 0 none!important
}
body.dark-theme-on .FormCard .divisor_button .form_button {
  width: 100%
}
body.dark-theme-on .FormCard .form_button.black {
  color: #2c3135;
  border: 1px solid #2c3135
}
body.dark-theme-on .FormCard .form_button.black:hover {
  background-color: #2c3135;
  color: #fff
}
body.dark-theme-on .FormCard .form_button.red {
  color: #f54337;
  border: 1px solid #f54337
}
body.dark-theme-on .FormCard .form_button.red:hover {
  background-color: #f54337;
  color: #fff
}
body.dark-theme-on .FormCard .form_button[href='#confirm'],
body.dark-theme-on .FormCard .form_button[href='#save'] {
  color: #000!important;
  background-color: #fff;
  border: 1px solid #fff!important
}
body.dark-theme-on .FormCard .form_button[href='#confirm']:hover,
body.dark-theme-on .FormCard .form_button[href='#save']:hover {
  color: #fff!important;
  background-color: #000!important;
  border-color: #000!important
}
body.dark-theme-on .FormCard .form_button[href='#cancel'],
body.dark-theme-on .FormCard .form_button[href='#close'],
body.dark-theme-on .FormCard .form_button[href='#open'],
body.dark-theme-on .FormCard .form_button[href='#updatePassword'] {
  color: #fff!important;
  border: 1px solid transparent!important
}
body.dark-theme-on .FormCard .form_button[href='#cancel']:hover,
body.dark-theme-on .FormCard .form_button[href='#close']:hover,
body.dark-theme-on .FormCard .form_button[href='#open']:hover,
body.dark-theme-on .FormCard .form_button[href='#updatePassword']:hover {
  color: #f54337!important;
  background-color: transparent!important
}
body.dark-theme-on .FormCard .form_button[href='#delete'],
body.dark-theme-on .FormCard .form_button[href='#remove'] {
  border-color: transparent!important;
  color: #f54337!important
}
body.dark-theme-on .FormCard .form_button[href='#delete']:hover,
body.dark-theme-on .FormCard .form_button[href='#remove']:hover {
  background-color: transparent!important;
  color: #f54337!important;
  border-color: transparent!important
}
body.dark-theme-on select.round {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png);
  background-color: #303741!important;
  border: var(--DARK-APP-shadow-border)!important
}
#ProjectDashboardView .sticky_head_ {
  position: sticky;
  top: 50px;
  z-index: 1
}
#ProjectDashboardView.proBannerOn .list_view_sticky_,
#ProjectDashboardView.proBannerOn .list_view_table_,
#ProjectDashboardView.proBannerOn .project_cube_scroll_ {
  display: none!important
}
#ProjectDashboardView .list_view_table_ .col_check {
  width: 35px;
  padding: 0
}
#ProjectDashboardView .list_view_table_ .col_priority {
  width: 45px
}
#ProjectDashboardView .list_view_table_ .col_project {
  width: auto
}
#ProjectDashboardView .list_view_table_ .col_fixed_rate {
  width: 110px
}
#ProjectDashboardView .list_view_table_ .col_hourly_rate {
  width: 120px
}
#ProjectDashboardView .list_view_table_ .col_client {
  width: 140px
}
#ProjectDashboardView .list_view_table_ .col_time {
  width: 140px
}
#ProjectDashboardView .list_view_table_ .col_progress {
  width: 250px
}
#ProjectDashboardView .list_view_table_ .col_progress .col {
  width: 50%;
  display: inline-block;
  vertical-align: top
}
#ProjectDashboardView .list_view_table_ .col_progress .col.right {
  text-align: right
}
#ProjectDashboardView .list_view_table_ .col_tasks {
  width: 90px
}
#ProjectDashboardView .list_view_table_ .col_options {
  width: 60px
}
#ProjectDashboardView .list_view_table_ .table_row_.archive .value_col_ {
  opacity: .6;
  cursor: default
}
#ProjectDashboardView .search_message {
  display: none;
  width: 100%
}
#ProjectDashboardView.archived .list_view_table_ .col_check {
  display: none
}
#ProjectDashboardView.noSerchResults .search_message {
  display: inline-block
}
#ProjectDashboardView.noSerchResults .list_view_table_ .body_ {
  display: none
}
#ProjectDashboardView .list_view_table_.search-active .table_row_ {
  display: none
}
#ProjectDashboardView .list_view_table_.search-active .table_row_.active {
  display: inline-block
}
#ProjectDashboardView .progressLine {
  width: 100%;
  display: inline-block;
  vertical-align: top
}
#ProjectDashboardView .progressLine .bar {
  width: 100%;
  height: 6px;
  margin-top: 16px;
  position: relative
}
#ProjectDashboardView .progressLine .progress {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}
#ProjectDashboardView .progressLine .progress .progress_line_ {
  width: 100%
}
#ProjectDashboardView .progressLine .progress .progress_line_ .line_ {
  width: 100%
}
#ProjectDashboardView .progressLine .tag {
  position: absolute;
  bottom: 15px;
  height: 12px;
  overflow: hidden;
  font-size: 10px;
  color: #626457;
  font-weight: 300
}
#ProjectDashboardView .progressLine .tag.start {
  left: 0;
  text-align: left
}
#ProjectDashboardView .progressLine .tag.end {
  right: 0;
  text-align: right
}
#ProjectDashboardView .progressLine .today_rail {
  width: 40%;
  height: 0;
  position: absolute;
  top: -8px;
  border-top: 1px dotted #bebaba;
  left: 50%;
  margin-left: -20%
}
#ProjectDashboardView .progressLine .today_rail .today {
  width: 120px;
  height: 15px;
  margin-left: -60px;
  text-align: center;
  top: -15px;
  position: absolute;
  z-index: 1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}
#ProjectDashboardView .progressLine .today_rail .today .ico {
  width: 15px;
  height: 15px;
  overflow: hidden;
  font-size: 12px;
  display: inline-block;
  line-height: 16px;
  color: #bebaba
}
#ProjectDashboardView .progressLine .today_rail .today .text {
  position: absolute;
  top: -2px;
  line-height: 17px;
  left: 50%;
  background-color: #fff;
  color: #2c3135;
  border: 1px solid #e0e5ea;
  width: 80px;
  font-size: 10px;
  margin-left: -40px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none
}
#ProjectDashboardView .progressLine:hover .today_rail .today .text {
  display: block
}
#ProjectDashboardView .progressLine .today_rail.exceeded {
  border-top-color: #f44336
}
#ProjectDashboardView .progressLine .today_rail.exceeded .today .ico {
  color: #f44336
}
#ProjectDashboardView .progressLine .today_rail.exceeded .today .text {
  color: #fff;
  background-color: #f44336;
  border: 1px solid #f44336
}
@media only screen and (min-width :0px) and (max-width :767px) {
  #ProjectDashboardView .list_view_table_ .col_fixed_rate,
  #ProjectDashboardView .list_view_table_ .col_hourly_rate,
  #ProjectDashboardView .list_view_table_ .col_options,
  #ProjectDashboardView .list_view_table_ .col_progress,
  #ProjectDashboardView .list_view_table_ .col_tasks {
    display: none
  }
  #ProjectDashboardView .list_view_table_ .col_time {
    width: 100px
  }
  #ProjectDashboardView .list_view_table_ .col_client {
    width: 100px
  }
}
@media only screen and (min-width :768px) and (max-width :1023px) {
  #ProjectDashboardView .list_view_table_ .col_fixed_rate,
  #ProjectDashboardView .list_view_table_ .col_hourly_rate,
  #ProjectDashboardView .list_view_table_ .col_progress {
    display: none
  }
}
@media only screen and (min-width :1024px) and (max-width :1279px) {
  #ProjectDashboardView .list_view_table_ .col_progress {
    width: 180px
  }
  #ProjectDashboardView .list_view_table_ .col_tasks {
    width: 70px;
    padding-right: 0
  }
  #ProjectDashboardView .list_view_table_ .col_priority {
    width: 31px;
    text-align: left!important;
    padding-left: 0
  }
  #ProjectDashboardView .list_view_table_ .col_time {
    width: 130px
  }
  #ProjectDashboardView .list_view_table_ .col_client {
    width: 120px
  }
  #ProjectDashboardView .list_view_table_ .col_hourly_rate {
    width: 80px;
    padding: 0
  }
  #ProjectDashboardView .list_view_table_ .col_fixed_rate {
    width: 80px;
    padding: 0
  }
  #ProjectDashboardView .progressLine .today_rail {
    width: 20%;
    margin-left: -10%
  }
}
.project_cube_scroll_ {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block
}
.project_cube_scroll_ .scroll_ {
  width: 100%;
  height: 268px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px
}
.project_cube_scroll_ .scroll_:empty {
  display: none
}
.project_cube_scroll_ .project_cube_item_ {
  margin-right: 8px
}
.project_cube_scroll_ .project_cube_item_:last-child {
  margin-right: 0
}
.project_cube_item_ {
  width: 280px;
  height: 250px;
  background-color: #cfdae0;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  position: relative;
  white-space: normal
}
.project_cube_item_ .progress_line_.exceeded_ {
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: rgba(0,0,0,.5);
  padding: 5px 15px 5px 5px
}
.project_cube_item_ .progress_line_.exceeded_ .counter_ {
  right: 5px
}
a.project_cube_item_::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.09);
  z-index: 0;
  content: '';
  display: inline-block;
  vertical-align: top;
  visibility: hidden
}
a.project_cube_item_:hover::before {
  visibility: visible
}
.project_cube_item_ .star_ {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #282828!important;
  cursor: pointer;
  z-index: 1
}
.project_cube_item_ .star_ .hover {
  display: none
}
.project_cube_item_ .star_:hover i {
  display: none
}
.project_cube_item_ .star_:hover .hover {
  display: inline-block
}
.project_cube_item_ .star_.unfollow i {
  display: none
}
.project_cube_item_ .star_.unfollow .hover {
  display: inline-block
}
.project_cube_item_ .star_.unfollow:hover i {
  display: inline-block
}
.project_cube_item_ .star_.unfollow:hover .hover {
  display: none
}
.project_cube_item_ .options_ {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 16px;
  right: 15px;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #282828!important;
  cursor: pointer;
  z-index: 1
}
.project_cube_item_ .options_ + .star_ {
  right: 40px
}
.project_cube_item_ .name_ {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 1
}
.project_cube_item_ .name_ h4 {
  font-size: 12px;
  line-height: 15px;
  min-height: 15px;
  max-height: 15px;
  overflow: hidden;
  color: #282828;
  font-weight: 400
}
.project_cube_item_ .name_ h2 {
  font-size: 20px;
  line-height: 27px;
  min-height: 27px;
  max-height: 55px;
  overflow: hidden;
  color: #282828;
  font-weight: 700;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
.project_cube_item_ .progress_ {
  width: 100%;
  position: absolute;
  top: 120px;
  left: 0;
  box-sizing: border-box;
  padding: 0 15px;
  z-index: 1
}
.project_cube_item_ .progress_:empty {
  display: none
}
.project_cube_item_ .info_ {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  bottom: 15px;
  left: 0;
  position: absolute;
  z-index: 1
}
.project_cube_item_ .info_ ul {
  width: 100%;
  font-size: 0
}
.project_cube_item_ .info_ li {
  width: 100%;
  text-align: left;
  margin-top: 8px;
  font-size: 14px;
  line-height: 16px;
  color: #282828
}
.project_cube_item_ .info_ strong {
  font-weight: 700
}
.project_cube_item_ .info_ small {
  font-size: 10px;
  display: inline-block
}
.project_cube_item_ .info_ small::first-letter {
  text-transform: uppercase
}
.project_cube_item_ .info_ li:first-child {
  margin-top: 0
}
body.dark-theme-on #ProjectDashboardView .progressLine .tag {
  color: #949494
}
body.dark-theme-on #ProjectDashboardView .progressLine .today_rail:not(.exceeded) .today .text {
  background-color: #2a313c;
  color: #fff;
  border-color: #20262f
}
body.dark-theme-on #ProjectDashboardView .progressLine .today_rail {
  border-top-color: #5e6877
}
body.dark-theme-on #ProjectDashboardView .progressLine .today_rail .today .ico {
  color: #fff
}
.project_report_ .report_content {
  min-width: 1120px
}
.proBannerOn .project_report_ .list_view_table_,
.proBannerOn .project_report_ .project_name_,
.proBannerOn .project_report_ .report_content > .base_h_,
.proBannerOn .project_report_ .tasks_dashboard_,
.proBannerOn .project_report_ .user_cube_scroll_,
.project_report_.proBannerOn .list_view_table_,
.project_report_.proBannerOn .project_name_,
.project_report_.proBannerOn .tasks_dashboard_,
.project_report_.proBannerOn .user_cube_scroll_ {
  display: none!important
}
.project_report_.inline_ .report_content {
  min-width: 900px
}
.project_report_.inline_ .task_table_ .head_ {
  position: static
}
.project_report_.inline_ .project_name_ {
  margin-top: 0
}
.project_report_.inline_ .base_c_ {
  height: auto!important;
  min-height: calc(100vh - 163px)
}
.project_report_.loading_view_ .instant_sharing_,
.project_report_.loading_view_ .instant_sharing_ + .button_,
.project_report_.loading_view_ .timesheet_button_ {
  display: none
}
.project_layout_.loading_view_ .project_report_ .base_h_ {
  display: none
}
.project_report_ .original_data_ {
  display: inline-block;
  vertical-align: top
}
.project_report_ .filtering_data_ {
  display: inline-block;
  vertical-align: top
}
.project_report_ .filtering_data_:empty {
  display: none
}
.project_report_ .filtering_data_:not(:empty) + .original_data_ {
  display: none
}
.project_report_ .project_name_ {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 10px
}
.project_report_ .project_name_ .table_ {
  width: 100%;
  height: 250px;
  table-layout: fixed
}
.project_report_ .project_name_ .table_ .left {
  width: 280px;
  padding-right: 15px
}
.project_report_ .task_table_ .head_ {
  position: sticky;
  top: 75px;
  z-index: 1
}
.project_report_ .task_table_ .table_ {
  table-layout: fixed
}
.project_report_ .task_table_ .col_done {
  width: 35px
}
.project_report_ .task_table_ .col_task {
  width: auto
}
.project_report_ .task_table_ .col_users {
  width: 80px;
  text-align: right
}
.project_report_ .task_table_ .col_users_list {
  width: 140px
}
.project_report_ .task_table_ .col_time {
  width: 140px;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center
}
.project_report_ .task_table_ .col_created {
  width: 130px;
  text-align: center
}
.project_report_ .task_table_ .col_due {
  width: 90px;
  text-align: center
}
.project_report_ .task_table_ .col_priority {
  width: 100px;
  text-align: center
}
.project_report_ .task_table_ .col_options {
  width: 35px;
  text-align: center;
  padding: 0
}
.project_report_ .task_table_ .date_time {
  margin: 0
}
.project_report_ .chart_project_ {
  width: 100%;
  height: 250px;
  min-height: 0!important;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.project_report_ .chart_project_ .empty_chart_ {
  width: 100%;
  height: 50px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px
}
.project_report_ .chart_project_.no_data {
  background-color: #f5f4f4
}
.project_report_ .task_item_ {
  vertical-align: top
}
.project_report_ .task_item_:hover {
  cursor: default
}
.project_report_ .task_item_ .name {
  cursor: default
}
.project_report_ [data-comp=taskList].show_closed .task_item_,
.project_report_ [data-comp=taskList].show_open .task_item_,
.project_report_ [data-comp=taskList].show_overdue .task_item_ {
  display: none
}
.project_report_ [data-comp=taskList].show_open .task_item_.is-done-false {
  display: inline-block
}
.project_report_ [data-comp=taskList].show_closed .task_item_.is-done-true {
  display: inline-block
}
.project_report_ [data-comp=taskList].show_overdue .task_item_.is-overdue-true {
  display: inline-block
}
.project_report_ [data-comp=taskList] .task_item_.hidden {
  display: none!important
}
.project_report_ .user_cube_item_ {
  width: 225px;
  height: 230px;
  background: #f5f4f4;
  background: linear-gradient(90deg,#f5f4f4 0,#fbfbfb 100%);
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  position: relative;
  white-space: normal
}
.project_report_ .user_cube_item_ .avatar_ {
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 24px;
  left: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff
}
.project_report_ .user_cube_item_ .name_ {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  position: absolute;
  top: 69px;
  left: 0
}
.project_report_ .user_cube_item_ .name_ h2 {
  font-size: 20px;
  line-height: 27px;
  overflow: hidden;
  color: #282828;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis
}
.project_report_ .user_cube_item_ .total_ {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  top: 110px;
  left: 0;
  position: absolute
}
.project_report_ .user_cube_item_ .total_ ul {
  width: 100%;
  font-size: 0
}
.project_report_ .user_cube_item_ .total_ li {
  text-align: left;
  font-size: 18px;
  line-height: 20px;
  color: #282828;
  display: inline-block;
  vertical-align: top
}
.project_report_ .user_cube_item_ .total_ strong {
  font-weight: 700
}
.project_report_ .user_cube_item_ .total_ small {
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize
}
.project_report_ .user_cube_item_ .info_ {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  bottom: 24px;
  left: 0;
  position: absolute
}
.project_report_ .user_cube_item_ .info_ ul {
  width: 100%;
  font-size: 0
}
.project_report_ .user_cube_item_ .info_ li {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  color: #282828;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 5px
}
.project_report_ .user_cube_item_ .info_ strong {
  font-weight: 700
}
.project_report_ .user_cube_item_ .info_ small {
  font-size: 12px;
  font-weight: 600
}
.project_report_ .user_cube_item_ .info_ li:first-child {
  margin-top: 0
}
.user_cube_scroll_ {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block
}
.user_cube_scroll_ .scroll_ {
  width: 100%;
  height: 248px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  font-size: 0;
  margin-bottom: 10px
}
.user_cube_scroll_ .scroll_:empty {
  display: none
}
.user_cube_scroll_ .user_cube_item_ {
  margin-right: 8px
}
.user_cube_scroll_ .user_cube_item_:last-child {
  margin-right: 0
}
.project_report_ .chart_container_ {
  position: relative
}
.project_report_ .chart_filters_ {
  width: 80px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10
}
.project_report_ .chart_project_ {
  width: 100%;
  z-index: 5
}
.project_report_ .chart_project_.loading_and_block + .chart_filters_,
.project_report_ .chart_project_.no_data + .chart_filters_ {
  visibility: hidden
}
@media only screen and (min-width :0px) and (max-width :800px) {
  .project_report_ .base_h_ .button_[data-comp=back] u,
  .project_report_ .base_h_ .view_title_ {
    display: none
  }
}
@media only screen and (min-width :0px) and (max-width :1023px) {
  .project_report_ .task_table_ .col_users_list {
    width: 110px
  }
  .project_report_ .task_table_ .col_time {
    width: 110px
  }
  .project_report_ .task_table_ .col_created {
    width: 110px
  }
  .project_report_ .task_table_ .col_options {
    width: 30px
  }
  .project_report_ .task_table_ .col_users {
    display: none
  }
}
@media only screen and (min-width :1024px) and (max-width :1279px) {
  .project_report_ .task_table_ .col_users_list {
    width: 110px
  }
  .project_report_ .task_table_ .col_time {
    width: 110px
  }
  .project_report_ .task_table_ .col_created {
    width: 110px
  }
}
.dark-theme-on .project_report_ .chart_project_.no_data {
  background-color: #434d5d
}
.dark-theme-on .project_report_ .user_cube_item_ {
  background: #434d5d
}
.dark-theme-on .project_report_ .user_cube_item_ .avatar_ {
  background-color: #1f232b
}
.dark-theme-on .project_report_ .user_cube_item_ .name_ h2 {
  color: #fff
}
.dark-theme-on .project_report_ .user_cube_item_ .total_ li {
  color: #fff
}
.dark-theme-on .project_report_ .user_cube_item_ .info_ li {
  color: #fff
}
.dark-theme-on .project_report_ .tasks_dashboard_ {
  border-color: #21272f
}
.dark-theme-on .project_report_ .tasks_dashboard_ .task_pilar_ {
  border-left-color: #21272f
}
.dark-theme-on .project_report_ .tasks_dashboard_ .task_pilar_:hover {
  background-color: #21272f
}
.dark-theme-on .project_report_ .tasks_dashboard_ .task_pilar_.active {
  background-color: var(--DARK-APP-focus-selected-color)
}
.dark-theme-on .project_report_ .tasks_dashboard_ .task_pilar_ .ico_ {
  color: #fff
}
.dark-theme-on .project_report_ .tasks_dashboard_ .task_pilar_ .pie_::after {
  border-color: rgb(0 0 0 / 10%)
}
.dark-theme-on .project_report_ .tasks_dashboard_ .task_pilar_ .text_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .project_report_ .chart_project_.no_data {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .project_report_ .user_cube_item_ {
  background: #2d2c2c
}
.MSTEAMS.dark_mode_ .project_report_ .user_cube_item_ .avatar_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .project_report_ .user_cube_item_ .name_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .project_report_ .user_cube_item_ .total_ li {
  color: #fff
}
.MSTEAMS.dark_mode_ .project_report_ .user_cube_item_ .info_ li {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .project_report_ .chart_project_.no_data {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .project_report_ .user_cube_item_ {
  background: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .project_report_ .user_cube_item_ .avatar_ {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .project_report_ .user_cube_item_ .name_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .project_report_ .user_cube_item_ .total_ li {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .project_report_ .user_cube_item_ .info_ li {
  color: #fff
}
#SwitchAccount .list_view_cols_ .list_ {
  padding-top: 0
}
#TeamView .team_container_ {
  min-width: 900px;
  padding-right: 20px;
  width: 100%
}
body.app_moneyMode_on #TeamView .team_container_ {
  min-width: 1050px
}
#TeamView .list_view_table_ .col_check {
  width: 35px;
  padding: 0
}
#TeamView .list_view_table_ .col_user {
  width: auto
}
#TeamView .list_view_table_ .col_status {
  width: 140px
}
#TeamView .list_view_table_ .col_role {
  width: 140px
}
#TeamView .list_view_table_ .col_working {
  width: 110px
}
#TeamView .list_view_table_ .col_off {
  width: 110px
}
#TeamView .list_view_table_ .col_shedulle {
  width: 150px
}
#TeamView .list_view_table_ .col_app {
  width: 100px
}
#TeamView .list_view_contextual_ .drop_ .drop_pop_ {
  min-width: 0;
  width: 240px;
  box-sizing: border-box;
  padding: 20px;
  text-align: left
}
#TeamView .list_view_contextual_ .drop_.up_ .drop_pop_ {
  bottom: 40px;
  left: 50%;
  margin-left: -120px
}
#TeamView .list_view_contextual_ .coworker_options {
  margin-top: 20px
}
#TeamView .list_view_contextual_ .drop_.permissions_drop .drop_pop_ {
  width: 300px
}
#TeamView .list_view_contextual_ .drop_.permissions_drop.up_ .drop_pop_ {
  margin-left: -150px
}
#TeamView .list_view_contextual_ .drop_.workschedule_drop .drop_pop_ {
  width: 300px
}
#TeamView .list_view_contextual_ .drop_.workschedule_drop.up_ .drop_pop_ {
  margin-left: -150px
}
@media only screen and (min-width :0px) and (max-width :1439px) {
  #TeamView .list_view_table_ .col_status {
    width: 140px
  }
  #TeamView .list_view_table_ .col_role {
    width: 140px
  }
  #TeamView .list_view_table_ .col_working {
    width: 100px
  }
  #TeamView .list_view_table_ .col_off {
    width: 100px
  }
  #TeamView .list_view_table_ .col_shedulle {
    width: 100px
  }
  #TeamView .list_view_table_ .col_app {
    width: 100px
  }
}
#TeamDetailView .c_.side_nav_ .base_c_ {
  padding-top: 10px
}
#TeamDetailView .view_title_ {
  margin-right: 0
}
#TeamDetailView .view_title_ h2 {
  overflow: hidden;
  white-space: nowrap;
  width: 122px;
  text-overflow: ellipsis
}
#TeamDetailView .user_detail_ {
  width: 100%
}
#TeamDetailView .user_detail_ .actions_ {
  width: 100%;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 15px 0;
  border-bottom: 1px solid #e3e2e2;
  z-index: 10
}
#TeamDetailView .user_detail .name .account_avatar_ {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: top
}
#TeamDetailView .user_detail .name h2 {
  font-size: 18px;
  font-weight: 900;
  line-height: 18px;
  color: #2c3135
}
#TeamDetailView .user_detail_ .actions_:empty {
  display: none
}
#TeamDetailView .user_detail_ .email_ {
  width: 100%;
  text-align: left;
  margin-bottom: 25px;
  margin-top: 10px
}
#TeamDetailView .user_detail_ .email_ label {
  color: #828282;
  font-size: 10px
}
#TeamDetailView .user_detail_ .email_ a {
  color: #282828;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600
}
#TeamDetailView .user_detail_ .email_ a:hover {
  text-decoration: underline
}
#TeamDetailView .user_detail_ .installed_apps_ {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 30px
}
#TeamDetailView .user_detail_ .installed_apps_ ul {
  width: 100%;
  font-size: 0
}
#TeamDetailView .user_detail_ .installed_apps_ li {
  width: 100%;
  margin-top: 15px;
  position: relative
}
#TeamDetailView .user_detail_ .installed_apps_ li:first-child {
  margin-top: 0
}
#TeamDetailView .user_detail_ .installed_apps_ li strong {
  font-size: 10px;
  color: #2c3135;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle
}
#TeamDetailView .user_detail_ .installed_apps_ .download {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e0e5ea;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px
}
#TeamDetailView .user_detail_ .installed_apps_ .download.installed {
  background-color: #00ad95
}
#TeamDetailView.archived_user .user_detail_ .nav_list_ {
  opacity: .3;
  pointer-events: none
}
#TeamDetailView .user_form_ {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 15px
}
#TeamDetailView .user_form_:first-child {
  margin-top: 2px
}
#TeamDetailView .user_form_:last-child {
  margin-bottom: 30px
}
#TeamDetailView.archived_user .user_form_ {
  opacity: .5;
  pointer-events: none
}
#TeamDetailView .user_form_ .form_title_ {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
#TeamDetailView .user_form_ .form_title_ a {
  font-size: 16px;
  line-height: 16px;
  color: #282828;
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s
}
#TeamDetailView .user_form_ .form_title_ a u {
  margin-right: 5px;
  display: inline-block;
  vertical-align: top
}
#TeamDetailView .user_form_ .form_title_ a u::first-letter {
  text-transform: uppercase
}
#TeamDetailView .user_form_ .form_title_ a i {
  display: inline-block;
  vertical-align: middle
}
#TeamDetailView .user_form_.open .form_title_ a i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
#TeamDetailView .user_form_.focus .form_title_ a {
  color: var(--APP-focus-color)
}
#TeamDetailView .user_form_ .form_hidden_ {
  width: 100%;
  display: none;
  vertical-align: top
}
#TeamDetailView .user_form_.open .form_hidden_ {
  display: inline-block
}
#TeamDetailView .user_form_ .iframe_ {
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
  margin-top: -15px;
  overflow: hidden;
  box-sizing: border-box
}
#TeamDetailView .user_form_ .iframe_ iframe {
  width: 100%
}
#TeamDetailView .user_form_ .projectList {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  min-height: 50px
}
#TeamDetailView .user_form_ .projectList .list {
  column-count: 3;
  column-gap: 30px;
  margin-top: 30px
}
#TeamDetailView .user_form_ .projectList.loading_and_block {
  margin-bottom: 20px
}
#TeamDetailView .user_form_ .projectList.loading_and_block .list {
  display: none
}
#TeamDetailView .user_form_ .projectList.loading_and_block .form_text_ {
  margin: 0
}
#TeamDetailView .user_form_ .projectList.batch_loading .check_,
#TeamDetailView .user_form_ .projectList.batch_loading .form_text_ a {
  pointer-events: none;
  opacity: .7
}
#TeamDetailView .user_form_ .projectList .check_ label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
#TeamDetailView .user_form_ .table_ {
  margin-bottom: 20px
}
#TeamDetailView .user_form_ .table_:last-child {
  margin-bottom: 0
}
#TeamDetailView .user_form_ .table_ .cell_ {
  padding: 0 10px;
  width: 50%
}
#TeamDetailView .user_form_ .table_ .cell_:first-child {
  padding-left: 0
}
#TeamDetailView .user_form_ .table_ .cell_:last-child {
  padding-right: 0
}
#TeamDetailView .user_form_ .coworker_permissions_list li {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  width: auto
}
#TeamDetailView .user_form_ .coworker_permissions_list li:first-child {
  margin-left: 0
}
#TeamDetailView .user_form_[data-comp=information_box] .table_ .cell_ {
  width: 33.33%
}
#TeamDetailView .user_form_[data-comp=time_off_box] .list_view_table_ .body_ {
  padding: 0
}
#TeamDetailView .user_form_[data-comp=time_off_box] .list_view_table_ .table_row_:hover {
  background-color: transparent
}
#TeamDetailView .user_form_[data-comp=time_off_box] .list_view_table_ .body_ .table_ .cell_ {
  padding-top: 20px;
  padding-bottom: 20px
}
#TeamDetailView .user_form_[data-comp=time_off_box] .col_name {
  width: auto
}
#TeamDetailView .user_form_[data-comp=time_off_box] .col_from {
  width: 110px
}
#TeamDetailView .user_form_[data-comp=time_off_box] .col_to {
  width: 110px
}
body.dark-theme-on #TeamDetailView .user_detail_ .email_ label {
  color: #828282
}
body.dark-theme-on #TeamDetailView .user_detail_ .email_ a {
  color: #fff
}
body.dark-theme-on #TeamDetailView .user_detail_ .installed_apps_ li strong {
  color: #fff
}
body.dark-theme-on #TeamDetailView .user_detail_ .installed_apps_ .download {
  background-color: #e0e5ea
}
body.dark-theme-on #TeamDetailView .user_detail_ .installed_apps_ .download.installed {
  background-color: #00ad95
}
body.dark-theme-on #TeamDetailView .user_form_ .form_title_ a {
  color: #fff
}
body.dark-theme-on #TeamDetailView .user_form_.focus .form_title_ a {
  color: var(--APP-focus-color)
}
body.dark-theme-on #TeamDetailView .user_detail_ .actions_ {
  border-bottom-color: #21272f
}
.MSTEAMS.dark_mode_ #TeamDetailView .user_detail_ .email_ label {
  color: #828282
}
.MSTEAMS.dark_mode_ #TeamDetailView .user_detail_ .email_ a {
  color: #fff
}
.MSTEAMS.dark_mode_ #TeamDetailView .user_detail_ .installed_apps_ li strong {
  color: #fff
}
.MSTEAMS.dark_mode_ #TeamDetailView .user_detail_ .installed_apps_ .download {
  background-color: #e0e5ea
}
.MSTEAMS.dark_mode_ #TeamDetailView .user_detail_ .installed_apps_ .download.installed {
  background-color: #00ad95
}
.MSTEAMS.dark_mode_ #TeamDetailView .user_form_ .form_title_ a {
  color: #fff
}
.MSTEAMS.dark_mode_ #TeamDetailView .user_form_.focus .form_title_ a {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ #TeamDetailView .user_detail_ .actions_ {
  border-bottom-color: #1b1a19
}
.MSTEAMS.deep_dark_mode_ #TeamDetailView .user_detail_ .email_ label {
  color: #828282
}
.MSTEAMS.deep_dark_mode_ #TeamDetailView .user_detail_ .email_ a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TeamDetailView .user_detail_ .installed_apps_ li strong {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TeamDetailView .user_detail_ .installed_apps_ .download {
  background-color: #e0e5ea
}
.MSTEAMS.deep_dark_mode_ #TeamDetailView .user_detail_ .installed_apps_ .download.installed {
  background-color: #00ad95
}
.MSTEAMS.deep_dark_mode_ #TeamDetailView .user_form_ .form_title_ a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TeamDetailView .user_form_.focus .form_title_ a {
  color: var(--APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ #TeamDetailView .user_detail_ .actions_ {
  border-bottom-color: #fff
}
#ProfileView .base_c_ .table_ {
  width: 100%;
  margin-bottom: 25px
}
#ProfileView .base_c_ .table_ .cell_ {
  width: 50%
}
#ProfileView .base_c_ .table_ .cell_:first-child {
  padding-right: 10px
}
#ProfileView .base_c_ .table_ .cell_:last-child {
  padding-left: 10px
}
#ProfileView .save_space_ {
  margin-top: 30px
}
#ProfileView input.invalid {
  border: 1px solid var(--APP-error-color)
}
#ProfileView .avatar_container_ {
  margin-bottom: 20px
}
#ProfileView .avatar_img_ {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background-color: #9eaab2
}
#ProfileView .avatar_img_ .img {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0
}
#ProfileView .theme_buttons_ {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  font-size: 0;
  margin-bottom: 20px
}
#ProfileView .theme_buttons_ a {
  width: calc(50% - 10px);
  height: 70px;
  line-height: 67px;
  text-align: center;
  background-color: #fff;
  border: 3px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  color: #555d69;
  font-weight: 500;
  margin: 0 10px;
  font-size: 18px;
  box-sizing: border-box
}
#ProfileView .theme_buttons_ a.dark {
  background-color: #555d69;
  color: #f4f5f4
}
#ProfileView .theme_buttons_ a:first-child {
  margin-left: 0
}
#ProfileView .theme_buttons_ a:last-child {
  margin-right: 0
}
#ProfileView .theme_buttons_ a.active {
  border-color: var(--APP-focus-color)
}
#ProfileView .theme_buttons_ a:not(.active):hover {
  border-color: rgba(65,71,80,.7)
}
#ProfileView .save_table_ {
  margin-top: 10px;
  margin-bottom: 0!important
}
#ProfileView .save_table_ .cell_ {
  padding: 0!important
}
#AccountView .base_c_ .table_ {
  width: 100%;
  margin-bottom: 25px
}
#AccountView .base_c_ .table_ .cell_ {
  width: 50%
}
#AccountView .base_c_ .table_ .cell_.no_pad {
  padding: 0!important
}
#AccountView .base_c_ .table_ .cell_:first-child {
  padding-right: 10px
}
#AccountView .base_c_ .table_ .cell_:last-child {
  padding-left: 10px
}
#AccountView .save_space_ {
  margin-bottom: 20px
}
#AccountView .save_space_:last-child {
  margin-bottom: 0
}
#AccountView .save_table_ {
  margin-top: 5px;
  margin-bottom: 20px
}
#AccountView .save_table_ .cell_ {
  padding: 0!important
}
#AccountView .account_file_space_ {
  width: 100%;
  margin-bottom: 20px
}
#AccountView .account_file_space_ .progress_bar_ {
  width: 100%;
  height: 30px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: inline-block;
  vertical-align: top;
  background-color: #efefef;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px
}
#AccountView .account_file_space_ .progress_bar_ .bar_ {
  width: 0;
  min-width: 100px;
  max-width: 100%;
  -webkit-transition: width .4s;
  -moz-transition: width .4s;
  -ms-transition: width .4s;
  transition: width .4s;
  height: 30px;
  padding-left: 30px;
  left: -30px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: #bdbdbd;
  text-align: right;
  overflow: hidden;
  -webkit-box-shadow: 0 0 60px 10px rgb(0 0 0 / 42%);
  -moz-box-shadow: 0 0 60px 10px rgb(0 0 0 / 42%);
  box-shadow: 0 0 60px 10px rgb(0 0 0 / 42%);
  z-index: 1
}
#AccountView .account_file_space_ .progress_bar_ .bar_.low {
  background-color: #bfe6d9
}
#AccountView .account_file_space_ .progress_bar_ .bar_.medium {
  background-color: #e4e6bf
}
#AccountView .account_file_space_ .progress_bar_ .bar_.high {
  background-color: #e6bfbf
}
#AccountView .account_file_space_ .progress_bar_ .bar_ u {
  line-height: 30px;
  padding: 0 10px;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 14px;
  color: #282828;
  opacity: .7
}
#AccountView .account_file_space_ .progress_bar_ .bar_ u small {
  opacity: .3;
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px
}
#AccountView .account_file_space_ .progress_bar_ .total_ {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  line-height: 30px;
  padding: 0 10px;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 14px;
  color: #6d6d6d
}
#AccountView .account_file_space_ .list_progress_ {
  width: 100%
}
#AccountView .account_file_space_ .list_progress_ ul {
  width: 100%;
  font-size: 0;
  text-align: left
}
#AccountView .account_file_space_ .list_progress_ li {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  color: #282828;
  font-size: 14px
}
#AccountView .account_file_space_ .list_progress_ label {
  font-weight: 600;
  margin-right: 5px
}
#AccountView .account_file_space_ .list_progress_ u {
  color: #737373;
  font-weight: 500
}
#AccountView .account_file_space_ .list_progress_ a:hover {
  text-decoration: underline
}
#AccountView .account_export_data_ {
  width: 100%;
  margin-bottom: 15px
}
#AccountView .account_export_data_ .header_ {
  display: flex;
  justify-content: flex-start;
  align-items: center
}
#AccountView .account_export_data_ .actions_ {
  width: 400px;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0
}
#AccountView .account_export_data_ .actions_ .last_export_ {
  margin-right: 15px;
  font-size: 10px;
  opacity: .8
}
#AccountView .account_export_data_ .actions_ .start_export_ {
  -webkit-transition: border-radius .4s;
  -moz-transition: border-radius .4s;
  -ms-transition: border-radius .4s;
  transition: border-radius .4s
}
#AccountView .account_export_data_ .actions_ .start_export_ u {
  margin-left: 5px
}
#AccountView .account_export_data_ .actions_ .start_export_ .status_done,
#AccountView .account_export_data_ .actions_ .start_export_ .status_pending {
  display: none
}
#AccountView .export_pending .account_export_data_ .actions_ .start_export_ .status_off {
  display: none
}
#AccountView .export_pending .account_export_data_ .actions_ .start_export_ .status_pending {
  display: inline-block;
  top: 3px
}
#AccountView .export_pending .account_export_data_ .actions_ .start_export_ i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #e0e5ea;
  border-left: 2px solid #f54337;
  box-sizing: border-box;
  animation-delay: 1s;
  -webkit-animation: fadeIn .5s forwards,spin .5s infinite ease-in-out;
  animation: fadeIn .5s forwards,spin .5s infinite ease-in-out
}
#AccountView .export_done .account_export_data_ .actions_ .start_export_ .status_off,
#AccountView .export_done .account_export_data_ .actions_ .start_export_ .status_pending {
  display: none
}
#AccountView .export_done .account_export_data_ .actions_ .start_export_ .status_done {
  display: inline-block
}
#AccountView .export_done .account_export_data_ .actions_ .start_export_,
#AccountView .export_pending .account_export_data_ .actions_ .start_export_ {
  pointer-events: none
}
#AccountView .account_export_data_ .list_ {
  margin-top: 15px
}
#AccountView .account_export_data_ .list_ ul {
  width: 100%;
  margin-bottom: -20px;
  display: inline-block;
  vertical-align: top;
  font-size: 0
}
#AccountView .account_export_data_ .list_ li {
  margin-right: 20px;
  margin-bottom: 20px;
  display: inline-block
}
#AccountView .account_export_data_ .list_ a {
  font-size: 14px;
  text-decoration: underline;
  color: #828282
}
#AccountView .account_export_data_ .list_ a:hover {
  color: #282828
}
body.dark-theme-on #AccountView .account_file_space_ .progress_bar_ {
  background-color: #20252d
}
body.dark-theme-on #AccountView .account_file_space_ .progress_bar_ .bar_ {
  background-color: #bdbdbd
}
body.dark-theme-on #AccountView .account_file_space_ .progress_bar_ .bar_.low {
  background-color: #bfe6d9
}
body.dark-theme-on #accountView .account_file_space_ .progress_bar_ .bar_.medium {
  background-color: #e4e6bf
}
body.dark-theme-on #AccountView .account_file_space_ .progress_bar_ .bar_.high {
  background-color: #e6bfbf
}
body.dark-theme-on #AccountView .account_file_space_ .progress_bar_ .bar_ u {
  color: #282828
}
body.dark-theme-on #AccountView .account_file_space_ .progress_bar_ .total_ {
  color: #6d6d6d
}
body.dark-theme-on #AccountView .account_file_space_ .list_progress_ li {
  color: #fff
}
body.dark-theme-on #AccountView .account_file_space_ .list_progress_ u {
  color: #737373
}
body.dark-theme-on #AccountView .export_pending .account_export_data_ .actions_ .start_export_ i {
  border-color: #1f232b;
  border-left-color: #f54337
}
body.dark-theme-on #AccountView .account_export_data_ .list_ a {
  color: #868686
}
body.dark-theme-on #AccountView .account_export_data_ .list_ a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ #AccountView .account_file_space_ .progress_bar_ {
  background-color: #333131
}
.MSTEAMS.dark_mode_ #AccountView .account_file_space_ .progress_bar_ .bar_ {
  background-color: #bdbdbd
}
.MSTEAMS.dark_mode_ #AccountView .account_file_space_ .progress_bar_ .bar_.low {
  background-color: #bfe6d9
}
.MSTEAMS.dark_mode_ #accountView .account_file_space_ .progress_bar_ .bar_.medium {
  background-color: #e4e6bf
}
.MSTEAMS.dark_mode_ #AccountView .account_file_space_ .progress_bar_ .bar_.high {
  background-color: #e6bfbf
}
.MSTEAMS.dark_mode_ #AccountView .account_file_space_ .progress_bar_ .bar_ u {
  color: #282828
}
.MSTEAMS.dark_mode_ #AccountView .account_file_space_ .progress_bar_ .total_ {
  color: #6d6d6d
}
.MSTEAMS.dark_mode_ #AccountView .account_file_space_ .list_progress_ li {
  color: #fff
}
.MSTEAMS.dark_mode_ #AccountView .account_file_space_ .list_progress_ u {
  color: #737373
}
.MSTEAMS.dark_mode_ #AccountView .export_pending .account_export_data_ .actions_ .start_export_ i {
  border-color: #2d2c2c;
  border-left-color: #f54337
}
.MSTEAMS.dark_mode_ #AccountView .account_export_data_ .list_ a {
  color: #868686
}
.MSTEAMS.dark_mode_ #AccountView .account_export_data_ .list_ a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_file_space_ .progress_bar_ {
  background-color: #333131
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_file_space_ .progress_bar_ .bar_ {
  background-color: #bdbdbd
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_file_space_ .progress_bar_ .bar_.low {
  background-color: #bfe6d9
}
.MSTEAMS.deep_dark_mode_ #accountView .account_file_space_ .progress_bar_ .bar_.medium {
  background-color: #e4e6bf
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_file_space_ .progress_bar_ .bar_.high {
  background-color: #e6bfbf
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_file_space_ .progress_bar_ .bar_ u {
  color: #282828
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_file_space_ .progress_bar_ .total_ {
  color: #6d6d6d
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_file_space_ .list_progress_ li {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_file_space_ .list_progress_ u {
  color: #737373
}
.MSTEAMS.deep_dark_mode_ #AccountView .export_pending .account_export_data_ .actions_ .start_export_ i {
  border-color: #fff;
  border-left-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_export_data_ .list_ a {
  color: #868686
}
.MSTEAMS.deep_dark_mode_ #AccountView .account_export_data_ .list_ a:hover {
  color: #fff
}
#InviteUsersView .base_c_ {
  padding: 20px
}
#InviteUsersView.loading_view_ .base_f_,
#InviteUsersView.loading_view_ .base_h_ {
  display: none
}
#InviteUsersView .error {
  color: var(--APP-error-color)
}
#InviteUsersView .inviteSetup {
  display: none
}
#InviteUsersView .inviteSetup .options_ {
  vertical-align: bottom;
  justify-content: flex-start;
  gap: 20px;
  padding-top: 15px;
  margin-bottom: 10px
}
#InviteUsersView .inviteSetup .options_ .select_ {
  width: 300px;
  margin-bottom: 0
}
#InviteUsersView .inviteSetup .clipboard_ {
  position: relative;
  overflow: hidden
}
#InviteUsersView .inviteSetup .clipboard_ input {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 10px;
  height: 10px;
  opacity: 0
}
#InviteUsersView .inviteSetup .clipboard_ p {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  color: var(--FORMS-label)
}
#InviteUsersView .inviteSetup .clipboard_ p u {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: auto
}
#InviteUsersView .inviteSetup .clipboard_ p a {
  margin-left: 10px;
  flex-shrink: 0;
  text-decoration: underline;
  color: var(--FORMS-label)
}
#InviteUsersView .inviteSetup .clipboard_ p a:hover {
  color: #282828
}
#InviteUsersView .title_sent_ {
  margin-bottom: 0
}
#InviteUsersView .title_sent_ h2 {
  font-weight: 900;
  font-size: 20px;
  line-height: 20px
}
#InviteUsersView .inviteSetup ul {
  width: 100%
}
#InviteUsersView .inviteSetup ul li {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #f5f4f4
}
#InviteUsersView .inviteSetup ul li:first-child {
  padding-top: 0
}
#InviteUsersView .inviteSetup ul li:last-child {
  border-bottom: 0
}
#InviteUsersView .inviteSetup .form_text_ p {
  font-size: 12px;
  line-height: 16px
}
.dark-theme-on #InviteUsersView .inviteSetup ul li {
  border-bottom-color: #1f232b
}
.dark-theme-on #InviteUsersView .inviteSetup .clipboard_ p a {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on #InviteUsersView .inviteSetup .clipboard_ p a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ #InviteUsersView .inviteSetup ul li {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #InviteUsersView .inviteSetup .clipboard_ p a {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #InviteUsersView .inviteSetup .clipboard_ p a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #InviteUsersView .inviteSetup ul li {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ #InviteUsersView .inviteSetup .clipboard_ p a {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #InviteUsersView .inviteSetup .clipboard_ p a:hover {
  color: #fff
}
#Insights.active {
  z-index: 43
}
#Insights .list_view_sticky_ .table_ {
  height: 38px
}
#Insights .charts_list_ {
  width: 100%
}
#Insights .list_view_header_ {
  padding-left: 20px
}
#Insights .list_view_content_ {
  padding-left: 0;
  padding-right: 0;
  overflow-x: hidden
}
#Insights .empty_box {
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box
}
#Insights .empty_box .simple_button {
  margin-top: 10px
}
#Insights .empty_box > .table {
  width: 100%;
  height: 100%;
  display: table
}
#Insights .empty_box > .table > .cell {
  padding: 60px 50px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle
}
#Insights .empty_box .message {
  width: 100%
}
#Insights .empty_box .message .ico {
  width: 100%
}
#Insights .empty_box .message .ico .image {
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}
#Insights .empty_box .message .ico .image.empty {
  width: 190px;
  height: 95px;
  background-image: url(../../img/insights/empty-insight.png)
}
#Insights .empty_box .message .ico .image.free {
  width: 200px;
  height: 190px;
  background-image: url(../../img/insights/free-insight.png)
}
#Insights .empty_box .message .text {
  width: 100%;
  text-align: center;
  margin-top: 20px
}
#Insights .empty_box .message .text h2 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 300;
  font-weight: 400;
  margin-bottom: 10px
}
#Insights .empty_box .message .text p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  font-weight: 400
}
#Insights .chart_container_ {
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #f0f0f0
}
#Insights .chart_container_:first-child {
  border-top: 0 none
}
#Insights .date_line_ {
  padding-left: 20px;
  padding-right: 20px
}
#Insights .bar_ {
  padding-left: 20px;
  padding-right: 20px
}
#Insights .pie_ .apexcharts-tooltip {
  bottom: 10px!important;
  left: 10px!important;
  top: auto!important;
  right: auto!important
}
#Insights .pie_ .full_title_ {
  padding-left: 20px;
  padding-right: 20px
}
#Insights .user_list_ {
  padding-left: 20px;
  padding-right: 20px
}
#Insights .user_list_ .item_:last-child {
  margin-bottom: 0
}
#Insights .radial_total_ {
  position: relative;
  padding: 20px 20px 0 20px;
  margin-bottom: -15px
}
#Insights .radial_total_ + .chart_container_ {
  border-top: 0 none
}
#Insights .radial_total_ .table_ {
  width: 100%;
  table-layout: fixed
}
#Insights .radial_total_ .cell_.left {
  padding-right: 15px
}
#Insights .radial_total_ .cell_.right {
  width: 90px;
  position: relative!important
}
#Insights .radial_total_ .chart_ {
  width: 90px;
  height: 90px;
  min-height: 0!important;
  margin: 0;
  position: relative;
  z-index: 1
}
#Insights .radial_total_ .apexcharts-datalabel-label {
  font-size: 13px!important
}
#Insights .radial_total_ .apexcharts-datalabel-label::first-letter {
  text-transform: uppercase
}
#Insights .radial_total_ .chart_.loading_and_block + .chart_text_ {
  visibility: hidden
}
#Insights .radial_total_ .full_title_ {
  margin: 0
}
#Insights .radial_total_ + .bar_ {
  margin-top: 0
}
#Insights .radial_compare_ {
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px
}
#Insights .radial_compare_ .full_title_ .number {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 4px
}
#Insights .radial_compare_ .items_space_ {
  width: 100%;
  height: 340px;
  margin-top: 20px;
  position: relative
}
#Insights .radial_compare_ .item_ {
  width: 340px;
  height: 340px;
  margin: 0;
  position: absolute
}
#Insights .radial_compare_ .item_ .pie_ {
  width: 340px;
  height: 340px;
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 10px 20px 3px rgb(0 0 0 / 12%);
  -moz-box-shadow: 0 10px 20px 3px rgb(0 0 0 / 12%);
  box-shadow: 0 10px 20px 3px rgb(0 0 0 / 12%)
}
#Insights .radial_compare_ .item_ .pie_ .path_shadow_ {
  width: 340px;
  height: 340px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border: 50px solid #f0f0f0;
  z-index: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box
}
#Insights .radial_compare_ .item_ .pie_ .path_ {
  width: 340px;
  height: 340px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
  clip: rect(auto,auto,auto,auto)
}
#Insights .radial_compare_ .item_ .pie_ .path_ .hc_ {
  height: 340px;
  width: 340px;
  box-sizing: border-box;
  border: 50px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  clip: rect(0,170px,340px,0);
  left: 0;
  position: absolute;
  top: 0;
  border-color: #a2a2a2
}
#Insights .radial_compare_ .item_ .text_ {
  width: 80px;
  position: absolute;
  top: 50%;
  margin-top: -35px
}
#Insights .radial_compare_ .item_ .text_ h2 {
  font-size: 32px;
  color: #282828;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 2px
}
#Insights .radial_compare_ .item_ .text_ p {
  font-size: 16px;
  color: #282828;
  line-height: 20px;
  font-weight: 700
}
#Insights .radial_compare_ .item_.left_ {
  top: 0;
  left: -170px
}
#Insights .radial_compare_ .item_.left_ .pie_ .path_ .hc_ {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  border-color: #1cb69b
}
#Insights .radial_compare_ .item_.left_ .text_ {
  text-align: left;
  right: 86px
}
#Insights .radial_compare_ .item_.left_ .text_ p {
  color: #1cb69b
}
#Insights .radial_compare_ .item_.right_ {
  bottom: 0;
  right: -170px
}
#Insights .radial_compare_ .item_.right_ .pie_ .path_ .hc_ {
  clip: rect(0,340px,340px,170px);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-color: #e51c2b
}
#Insights .radial_compare_ .item_.right_ .text_ {
  text-align: right;
  left: 86px
}
#Insights .radial_compare_ .item_.right_ .text_ p {
  color: #e51c2b
}
#Insights .full_title_ {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: left;
  text-transform: lowercase;
  color: #282828;
  margin-top: -4px;
  margin-bottom: 15px
}
#Insights .full_title_ u {
  display: inline-block
}
#Insights .full_title_ u:first-letter {
  text-transform: uppercase
}
#Insights .full_title_ .number {
  font-size: 28px;
  line-height: 28px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2px;
  width: 100%
}
#Insights .full_title_ .number:empty {
  display: none
}
#Insights .full_title_ + .full_title_ {
  margin-top: 15px
}
#Insights .full_title_:empty {
  display: none
}
#Insights .chart_ {
  width: 100%;
  min-height: 0!important
}
#Insights .m_list_.scroll {
  max-height: 390px
}
body.dark-theme-on #Insights .chart_container_ {
  border-top-color: #1f232b
}
body.dark-theme-on #Insights .full_title_ {
  color: #fff
}
body.dark-theme-on #Insights .radial_compare_ .item_ .text_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ #Insights .chart_container_ {
  border-top-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #Insights .full_title_ {
  color: #fff
}
.MSTEAMS.dark_mode_ #Insights .radial_compare_ .item_ .text_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Insights .chart_container_ {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ #Insights .full_title_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Insights .radial_compare_ .item_ .text_ h2 {
  color: #fff
}
#CompanyDashboard .dashboard_ {
  width: 100%;
  min-width: 1120px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden
}
#CompanyDashboard .view_tabs_ a {
  min-width: 0;
  padding: 0 15px
}
#CompanyDashboard .pro_banner {
  margin-top: -15px
}
#CompanyDashboard .dashboard_module_ {
  width: 100%;
  padding-bottom: 20px
}
#CompanyDashboard .dashboard_module_:last-child {
  padding-bottom: 0
}
#CompanyDashboard .dashboard_module_.company {
  padding-bottom: 10px
}
#CompanyDashboard .dashboard_module_.account_activity .chart_ {
  padding-bottom: 10px
}
#CompanyDashboard .dashboard_module_ .header_ {
  width: 100%;
  margin-bottom: 15px;
  height: 30px
}
#CompanyDashboard .dashboard_module_ .header_ h1 {
  font-size: 16px;
  color: var(--FORMS-label);
  font-weight: 600;
  padding-left: 15px
}
#CompanyDashboard .dashboard_module_ .header_ .cell_.left {
  width: 400px
}
#CompanyDashboard .dashboard_module_ .chart_ {
  position: relative;
  background-color: #faf9f9;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding-bottom: 5px;
  min-height: 245px;
  padding-top: 5px
}
#CompanyDashboard .dashboard_module_ .chart_ .empty_chart_ {
  width: 100%;
  height: 245px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center
}
#CompanyDashboard .dashboard_module_ .progress_box_ {
  width: 100%;
  font-size: 0;
  text-align: left;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: flex-start
}
#CompanyDashboard .dashboard_module_ .progress_box_ .box_ {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box
}
#CompanyDashboard .dashboard_module_ .progress_box_ .box_ .title_ {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10;
  font-size: 16px;
  padding: 15px;
  text-align: left;
  color: var(--FORMS-label);
  font-weight: 600
}
#CompanyDashboard .dashboard_module_ .progress_box_ .box_ .title_::first-letter {
  text-transform: uppercase
}
#CompanyDashboard .dashboard_module_ .progress_box_ .box_ .m_list_ {
  padding: 15px 15px 0 15px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 291px
}
#CompanyDashboard .dashboard_module_ .progress_box_ .box_ .no_data_ {
  box-sizing: border-box;
  padding: 19px 15px;
  font-size: 14px;
  line-height: 20px;
  color: #969696;
  font-weight: 600;
  box-sizing: border-box
}
#CompanyDashboard .dashboard_module_ .progress_box_ .box_ .no_data_::first-letter {
  text-transform: uppercase
}
#CompanyDashboard .dashboard_module_ .company_rows_ {
  width: 100%
}
#CompanyDashboard .dashboard_module_ .company_rows_ .row_ {
  width: 100%;
  min-height: 70px;
  margin-bottom: 20px;
  background-color: gray
}
#CompanyDashboard .dashboard_module_ .company_rows_ .row_:last-child {
  margin-bottom: 0
}
#CompanyDashboard .chart_container_ {
  position: relative
}
#CompanyDashboard .chart_filters_ {
  width: 80px;
  position: absolute;
  top: 13px;
  right: 270px;
  z-index: 10
}
#CompanyDashboard .chart_filters_ select.tt-styled.chart-style {
  background-color: #faf9f9
}
#CompanyDashboard .chart_ {
  width: 100%;
  z-index: 5
}
#CompanyDashboard .chart_.loading_and_block + .chart_filters_,
#CompanyDashboard .chart_.no_data + .chart_filters_ {
  visibility: hidden
}
.dark-theme-on #CompanyDashboard .dashboard_module_ {
  border-bottom-color: #1f232b
}
.dark-theme-on #CompanyDashboard .dashboard_module_ .header_ h1 {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on #CompanyDashboard .dashboard_module_ .chart_ {
  background-color: #1f232b
}
.dark-theme-on #CompanyDashboard .dashboard_module_ .progress_box_ .box_ .title_ {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on #CompanyDashboard .dashboard_module_ .progress_box_ .box_ .no_data_ {
  color: #fff
}
.dark-theme-on #CompanyDashboard .chart_filters_ select.tt-styled {
  background-color: #1f232b;
  border-color: #29313c
}
.MSTEAMS.dark_mode_ #CompanyDashboard .dashboard_module_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #CompanyDashboard .dashboard_module_ .header_ h1 {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #CompanyDashboard .dashboard_module_ .chart_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #CompanyDashboard .dashboard_module_ .progress_box_ .box_ .title_ {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #CompanyDashboard .dashboard_module_ .progress_box_ .box_ .no_data_ {
  color: #fff
}
.MSTEAMS.dark_mode_ #CompanyDashboard .chart_filters_ select.tt-styled {
  background-color: #2d2c2c;
  border-color: #363535
}
.MSTEAMS.deep_dark_mode_ #CompanyDashboard .dashboard_module_ {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ #CompanyDashboard .dashboard_module_ .header_ h1 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #CompanyDashboard .dashboard_module_ .chart_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #CompanyDashboard .dashboard_module_ .progress_box_ .box_ .title_ {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #CompanyDashboard .dashboard_module_ .progress_box_ .box_ .no_data_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #CompanyDashboard .chart_filters_ select.tt-styled {
  background-color: #000;
  border-color: #fff
}
#LoadingView {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0
}
#LoadingView.active,
#LoadingView.block {
  display: block;
  z-index: 99999
}
#LoadingView.active {
  height: 2px!important
}
#LoadingView.active .loadingOverlay {
  height: 0!important
}
#LoadingView.removeLoading .loadingRemove {
  display: block
}
#LoadingView.active .loadingAlert .loader span,
#LoadingView.block .loadingAlert .loader span {
  -webkit-animation: loadingProgress 2.5s ease-in-out infinite;
  -moz-animation: loadingProgress 2.5s ease-in-out infinite;
  -o-animation: loadingProgress 2.5s ease-in-out infinite;
  animation: loadingProgress 2.5s ease-in-out infinite
}
.ON_BOARDING #LoadingView.active {
  display: block;
  z-index: 1000000
}
#LoadingView .loadingAlert {
  width: 100%;
  height: 2px;
  display: block;
  z-index: 2;
  position: relative
}
#LoadingView .loadingAlert .loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #f5f4f4
}
#LoadingView .loadingAlert .loader span {
  width: 0;
  height: 2px;
  background: linear-gradient(#f54337,#f54337) left/0 100% no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden
}
#LoadingView .loadingOverlay {
  background-color: rgba(255,255,255,.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}
#LoadingView .loadingRemove {
  width: 95%;
  margin: 15px auto;
  height: auto;
  padding: 15px;
  box-sizing: border-box;
  display: none;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  border: 1px solid var(--APP-shadow-border);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  position: relative;
  z-index: 2
}
#LoadingView .loadingRemove .messege {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: top
}
#LoadingView .loadingRemove .messege p {
  color: #282828;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700
}
#LoadingView .loadingRemove .messege .close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  font-size: 20px;
  color: var(--FORMS-button-inline-color)
}
#LoadingView .loadingRemove .messege .close:hover {
  color: var(--FORMS-button-inline-color-hover)
}
body.dark-theme-on #LoadingView .loadingAlert .loader {
  background-color: #1f232b
}
body.dark-theme-on #LoadingView .loadingAlert .loader span {
  background: linear-gradient(#f54337,#f54337) left/0 100% no-repeat
}
body.dark-theme-on #LoadingView .loadingOverlay {
  background-color: rgba(31,35,43,.8)
}
body.dark-theme-on #LoadingView .loadingRemove {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on #LoadingView .loadingRemove .messege p {
  color: #fff
}
body.dark-theme-on #LoadingView .loadingRemove .messege .close {
  color: var(--DARK-FORMS-button-inline-color)
}
body.dark-theme-on #LoadingView .loadingRemove .messege .close:hover {
  color: var(--DARK-FORMS-button-inline-color-hover)
}
.MSTEAMS.dark_mode_ #LoadingView .loadingAlert .loader {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #LoadingView .loadingAlert .loader span {
  background: linear-gradient(#f54337,#f54337) left/0 100% no-repeat
}
.MSTEAMS.dark_mode_ #LoadingView .loadingOverlay {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #LoadingView .loadingRemove {
  background-color: #191717;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ #LoadingView .loadingRemove .messege p {
  color: #fff
}
.MSTEAMS.dark_mode_ #LoadingView .loadingRemove .messege .close {
  color: var(--MS-DARK-FORMS-button-inline-color)
}
.MSTEAMS.dark_mode_ #LoadingView .loadingRemove .messege .close:hover {
  color: var(--MS-DARK-FORMS-button-inline-color-hover)
}
.MSTEAMS.deep_dark_mode_ #LoadingView .loadingAlert .loader {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ #LoadingView .loadingAlert .loader span {
  background: linear-gradient(#ffff01,#ffff01) left/0 100% no-repeat
}
.MSTEAMS.deep_dark_mode_ #LoadingView .loadingOverlay {
  background-color: rgba(0,0,0,.86)
}
.MSTEAMS.deep_dark_mode_ #LoadingView .loadingRemove {
  background-color: #000;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ #LoadingView .loadingRemove .messege p {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #LoadingView .loadingRemove .messege .close {
  color: var(--MS-DEEP-DARK-FORMS-button-inline-color)
}
.MSTEAMS.deep_dark_mode_ #LoadingView .loadingRemove .messege .close:hover {
  color: var(--MS-DEEP-DARK-FORMS-button-inline-color-hover)
}
#Confirm {
  padding: 50px 0
}
#Confirm.active {
  z-index: 9000!important
}
#Confirm .form_text_,
#Confirm .form_text_ p {
  margin: 0
}
#Confirm .form_text_ p:empty {
  display: none
}
#Confirm .form_text_ .price {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  margin: 20px 0 10px 0;
  color: #282828
}
#Confirm .form_text_ .form:not(:empty) {
  margin-top: 15px
}
#Confirm .form_text_ .radio_ {
  margin-left: 0
}
#Confirm .form_text_ .radio_:last-child {
  margin-bottom: 0
}
#Confirm .form_text_ .form h3:empty {
  display: none
}
#Confirm [href='#alternative'] {
  display: none
}
#Confirm[data-style=serious] {
  background-color: rgba(241,88,88,.91)
}
#Confirm[data-style=serious] [href="#confirm"] {
  background-color: var(--APP-error-color);
  color: #fff
}
#Confirm[data-style=serious] [href="#confirm"]:hover {
  background-color: var(--APP-error-color-hover);
  color: #fff
}
#Confirm[data-style=delete] [href="#confirm"] {
  background-color: var(--APP-error-color);
  color: #fff
}
#Confirm[data-style=delete] [href="#confirm"]:hover {
  background-color: var(--APP-error-color-hover);
  color: #fff
}
#Confirm[data-style=payment] [href="#confirm"] {
  background-color: #49c7b5;
  color: #fff
}
#Confirm[data-style=payment] [href="#confirm"]:hover {
  background-color: #3da596;
  color: #fff
}
body.dark-theme-on #Confirm .form_text_ .price {
  color: #fff
}
#Login {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 20000;
  overflow-x: hidden;
  overflow-y: auto
}
#Login.loginIsLoading {
  overflow: hidden!important
}
#Login .table_ {
  width: 100%;
  height: 100vh
}
#Login .table_ .cell_ {
  width: 50%;
  position: relative
}
#Login .loading-pop {
  position: fixed;
  display: table;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
  top: 0;
  left: 0
}
#Login .loading-pop .logo {
  vertical-align: middle;
  display: table-cell
}
#Login .loading-pop .logo i {
  font-size: 40px;
  color: #282828;
  -webkit-animation: fadeinoutAnim 1s infinite;
  -moz-animation: fadeinoutAnim 1s infinite;
  -o-animation: fadeinoutAnim 1s infinite;
  animation: fadeinoutAnim 1s infinite
}
#Login .background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1d252c;
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain
}
#Login .logo_login {
  width: 100%;
  z-index: 0;
  position: relative;
  margin-top: 20px;
  text-align: center;
  font-size: 40px;
  margin-bottom: 15px;
  color: #282828
}
#Login .external_service_ {
  width: 100%
}
#Login .external_service_ a {
  width: 100%;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e3e2e2;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  margin-top: 5px
}
#Login .external_service_ a:first-child {
  margin-top: 0
}
#Login .external_service_ a:hover {
  background-color: #e3e2e2
}
#Login .external_service_ a i {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  background-size: auto 20px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px
}
#Login .external_service_ a.b_google_ i {
  background-size: auto 26px
}
#Login .external_service_ a u {
  font-size: 13px;
  font-weight: 600;
  color: #282828
}
#Login .form_container {
  width: 100%;
  z-index: 0;
  position: relative;
  margin: 0 0 20px 0
}
#Login .form_container form {
  width: 100%;
  margin: 0 auto;
  max-width: 260px
}
#Login .form_container .separator {
  display: block;
  color: #282828;
  line-height: 30px;
  height: 30px;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 500;
  position: relative;
  text-align: center
}
#Login .form_container .separator span {
  background-color: #fff;
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1
}
#Login .form_container .separator:before {
  display: inline-block;
  width: 100%;
  height: 1px;
  content: "";
  border-bottom: 1px solid #f5f4f4;
  margin-bottom: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  z-index: 0
}
#Login .form_container .form_title {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 30px
}
#Login .form_container .form_title h2 {
  color: #282828;
  font-size: 14px;
  font-weight: 500
}
#Login .form_container .form_tag {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  font-size: 0
}
#Login .form_container .form_tag:last-child {
  margin-bottom: 0
}
#Login .form_container .form_tag.hidden {
  overflow: hidden;
  height: 0;
  margin: 0
}
#Login .form_container .form_tag.space {
  margin-bottom: 25px
}
#Login .form_container .form_tag.legal {
  margin-top: 30px
}
#Login .form_container .form_tag .invalid {
  border: 1px solid var(--APP-error-color)
}
#Login .form_container .form_tag p {
  font-size: 12px;
  line-height: 18px;
  color: #828282;
  font-weight: 500;
  display: inline-block;
  vertical-align: top
}
#Login .form_container .form_tag p a {
  color: #282828;
  text-decoration: underline;
  display: inline-block;
  vertical-align: top
}
#Login .form_container .form_tag p a:hover {
  color: #000
}
#Login .form_container .form_tag p a.bigger {
  text-transform: uppercase
}
#Login .form_container .form_tag h4 {
  font-size: 10px;
  line-height: 10px;
  color: #828282;
  margin-bottom: 5px
}
#Login .form_container .form_tag.small p {
  font-size: 10px
}
#Login .form_container .form_tag.right {
  text-align: right
}
#Login .form_container .form_tag.retrieve_space {
  margin-top: -5px
}
#Login .form_container .form_tag .input {
  width: 100%;
  height: 45px;
  color: #282828;
  font-size: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e3e2e2;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: border-color .2s;
  -moz-transition: border-color .2s;
  -ms-transition: border-color .2s;
  transition: border-color .2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
#Login .form_container .form_tag .input:focus {
  border-color: var(--APP-focus-color)
}
#Login .form_container .form_tag .input::-webkit-input-placeholder {
  color: #a5a5a5;
  opacity: 1
}
#Login .form_container .form_tag .input::-moz-placeholder {
  color: #a5a5a5;
  opacity: 1
}
#Login .form_container .form_tag .input:-ms-input-placeholder {
  color: #a5a5a5;
  opacity: 1
}
#Login .form_container .form_tag .input:-moz-placeholder {
  color: #a5a5a5;
  opacity: 1
}
#Login .form_container .form_tag .submit {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  height: 45px;
  line-height: 45px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background-color: #282828;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600
}
#Login .form_container .form_tag .submit:hover {
  background-color: #000
}
#Login .form_container .form_tag .check_ {
  margin-bottom: 10px;
  width: auto
}
@media only screen and (min-width :0px) and (max-width :767px) {
  #Login .cell_.hide_mobile {
    display: none
  }
}
.dark-theme-on #Login .loading-pop {
  background-color: #2d343e
}
.dark-theme-on #Login .loading-pop .logo i {
  color: #fff
}
.MSTEAMS.dark_mode_ #Login .loading-pop {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #Login .loading-pop .logo i {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Login .loading-pop {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #Login .loading-pop .logo i {
  color: #ffff01
}
.tasks_list_ {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 50px;
  position: static;
  padding-top: 10px
}
.tasks_list_ .tasks_list_ {
  padding-bottom: 0;
  padding-top: 0
}
.tasks_list_.fake {
  margin-bottom: 35px
}
.tasks_list_.disabled {
  opacity: .5
}
.dragging-task .tasks_list_ {
  pointer-events: none
}
.tasks_list_.hide_add_tasks .list_actions_ {
  display: none
}
.tasks_list_.hide_add_tasks .new_task_list_area_ {
  margin-top: 0
}
.tasks_list_.hide_add_tasks:not(.collapsed) .new_task_list_area_ {
  margin-top: 0
}
.task_item_:not(:hover):not(.selected) .tt-third-party-icon {
  visibility: hidden
}
.tasks_list_.ui-draggable-dragging,
.tasks_list_.ui-sortable-helper {
  background-color: #fff;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  border: 1px solid var(--APP-shadow-border);
  width: auto!important;
  height: 36px!important;
  max-width: 200px;
  list-style: none;
  padding: 0!important;
  overflow: hidden;
  pointer-events: none
}
.tasks_list_.ui-draggable-dragging .col_name_,
.tasks_list_.ui-sortable-helper .col_name_ {
  width: 100%
}
.tasks_list_.ui-draggable-dragging .col_drag_,
.tasks_list_.ui-sortable-helper .col_drag_ {
  visibility: visible
}
.tasks_list_.ui-draggable-dragging .add_button_,
.tasks_list_.ui-draggable-dragging .col_collapse_,
.tasks_list_.ui-draggable-dragging .col_name_ .button_,
.tasks_list_.ui-draggable-dragging .col_remove_,
.tasks_list_.ui-draggable-dragging .list_actions_,
.tasks_list_.ui-draggable-dragging .new_task_list_area_,
.tasks_list_.ui-draggable-dragging .task_list_stack_,
.tasks_list_.ui-sortable-helper .col_collapse_,
.tasks_list_.ui-sortable-helper .col_name_ .button_,
.tasks_list_.ui-sortable-helper .col_remove_,
.tasks_list_.ui-sortable-helper .list_actions_,
.tasks_list_.ui-sortable-helper .new_task_list_area_,
.tasks_list_.ui-sortable-helper .task_list_stack_ {
  display: none!important
}
.tasks_list_ .list_actions_ {
  width: 100%;
  box-sizing: border-box;
  opacity: .5;
  padding: 10px 0 0 45px;
  margin-bottom: 10px;
  position: relative;
  z-index: 10
}
.tasks_list_ .list_actions_:hover {
  opacity: 1
}
.tasks_list_ .list_actions_.less_space_ {
  padding-left: 12px;
  margin-bottom: 20px
}
.dragging-task .list_actions_ {
  pointer-events: none
}
.tasks_list_separator_ {
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 10px;
  box-sizing: border-box;
  font-size: 12px;
  color: #707070;
  line-height: 12px;
  font-weight: 700;
  width: 100%;
  position: relative;
  margin: 0 0 10px 0;
  border: 2px dotted transparent
}
.tasks_list_separator_::first-letter {
  text-transform: uppercase
}
.tasks_list_separator_:empty {
  display: none
}
.tasks_list_separator_.ui-droppable-active {
  background-color: transparent;
  color: #282828;
  border: 2px dashed var(--APP-focus-selected-color)
}
.tasks_list_separator_.ui-droppable-hover {
  border-color: var(--APP-focus-color)
}
.tasks_list_project_separator_ {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 10px 0 10px 50px;
  box-sizing: border-box;
  border: 2px dashed transparent;
  border-bottom: 1px solid #f5f4f4
}
.task_item_ + .tasks_list_project_separator_ {
  margin-top: 20px
}
.tasks_list_project_separator_.ui-droppable-active {
  border: 2px dashed var(--APP-focus-selected-color);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  margin-bottom: -1px
}
.tasks_list_project_separator_.ui-droppable-hover {
  border-color: var(--APP-focus-color);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.tasks_list_project_separator_.ui-droppable-hover * {
  pointer-events: none
}
.tasks_list_project_separator_.ui-droppable-hover h2 a {
  color: var(--APP-focus-color)
}
.tasks_list_project_separator_ .tt-third-party-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 16px;
  height: 16px
}
.tasks_list_project_separator_ .tt-third-party-icon + h2 {
  width: calc(100% - 40px)
}
.tasks_list_project_separator_ h2 {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle
}
.tasks_list_project_separator_ h2 a:hover {
  text-decoration: underline
}
.tasks_list_project_separator_ .project_pill {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 19px;
  background-color: #cfdae0;
  color: #fff!important
}
.tasks_list_ .new_task_list_area_ {
  width: 100%;
  height: 40px;
  position: relative;
  text-align: center;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center
}
.tasks_list_ .new_task_list_area_:hover {
  opacity: 1
}
.tasks_list_ .new_task_list_area_ .button_ {
  position: relative;
  z-index: 1
}
.tasks_list_ .new_task_list_area_::before {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #f5f4f4;
  content: '';
  display: inline-block;
  vertical-align: top
}
.tasks_list_:not(.collapsed) > .new_task_list_area_ {
  margin-top: -20px
}
.tasks_list_ .task_list_stack_ {
  width: 100%;
  min-height: 10px
}
.tasks_list_.collapsed .list_actions_,
.tasks_list_.collapsed .task_list_stack_ {
  display: none
}
.tasks_list_ .dragPlaceholder {
  width: 100%;
  height: 36px;
  background: var(--APP-focus-selected-color)
}
.tasks_list_ .dragPlaceholder + .tasks_list_ {
  margin-top: 40px
}
.show_closed_tasks_false .tasks_list_.is-done-true {
  display: none!important
}
.tasks_list_.is-done-true .list_header_ .name h2 {
  color: #8a8a8a!important
}
.tasks_list_.is-done-true .list_header_ .collapse_list {
  color: #8a8a8a
}
.tasks_list_.is-done-true .list_header_ .drag {
  color: #8a8a8a
}
.tasks_list_.is-done-true .list_header_ .task_list_option:not(:hover) {
  color: #8a8a8a
}
.tasks_list_.is-done-true .list_header_ .task_list_option {
  visibility: visible
}
.tasks_list_.is-done-true .list_actions_ {
  display: none!important
}
.tasks_list_.is-done-true .new_task_list_area_ {
  margin-top: 5px
}
.task_item_ {
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: flex-start;
  border-bottom: 1px solid #f5f4f4;
  cursor: default;
  position: relative;
  vertical-align: top
}
.task_item_.context_menu_open_,
.task_item_:hover {
  background-color: var(--APP-item-list-hover)
}
.task_item_ + .tasks_list_separator_ {
  margin-top: 15px
}
.task_item_.list_header_ {
  background: 0 0!important;
  padding-bottom: 5px
}
.tasks_list_.collapsed .task_item_.list_header_,
.tasks_list_.fake .task_item_.list_header_ {
  border-bottom-color: transparent
}
.task_item_.just_added {
  animation-duration: 3s;
  animation-name: just_added_anim;
  -webkit-animation: just_added_anim 3s;
  -moz-animation: just_added_anim 3s;
  -o-animation: just_added_anim 3s;
  animation: just_added_anim 3s
}
.task_item_.selected,
.task_item_.selected_tick {
  background-color: var(--APP-focus-selected-color)!important
}
.task_item_.selected_tick .col_drag_ {
  visibility: visible
}
.task_item_:not(.selected):focus {
  outline: 1px solid var(--APP-focus-color)
}
.task_item_.selected::after,
.task_item_.selected::before {
  width: 100%;
  height: 1px;
  background-color: var(--APP-focus-color);
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 10;
  content: ''
}
.task_item_.selected::after {
  bottom: 0;
  top: auto
}
.show_closed_tasks_false .task_item_.is-done-true {
  display: none!important
}
.task_item_ .col_drag_ {
  width: 20px;
  height: 35px;
  flex-shrink: 0;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  display: flex
}
.task_item_ .col_check_ {
  width: 16px;
  height: 35px;
  align-items: center;
  display: flex;
  flex-shrink: 0
}
.task_item_ .col_collapse_ {
  width: 16px;
  height: 35px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-shrink: 0
}
.task_item_ .col_remove_ {
  width: 40px;
  height: 35px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-shrink: 0
}
.task_item_ .col_name_ {
  width: 100%;
  min-height: 35px;
  margin-right: auto;
  align-items: center;
  display: flex;
  overflow: hidden;
  padding: 0 15px 0 10px
}
.task_item_ .col_name_.auto_ {
  width: auto
}
.task_item_ .col_date_ {
  width: auto;
  height: 35px;
  flex-shrink: 0;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-right: 5px
}
.task_item_ .col_priority_ {
  width: 25px;
  height: 35px;
  flex-shrink: 0;
  align-items: center;
  display: flex;
  justify-content: center
}
.task_item_ .col_users_ {
  width: auto;
  height: 35px;
  flex-shrink: 0;
  align-items: center;
  display: flex;
  justify-content: center
}
.task_item_ .col_users_.on_hover_:not(.has_users_) {
  visibility: hidden
}
.task_item_:hover .col_users_.on_hover_:not(.has_users_) {
  visibility: visible
}
body.SOLO .task_item_ .col_users_.task_is_only_mine_true {
  display: none
}
.task_item_ .col_play_ {
  width: 40px;
  height: 35px;
  flex-shrink: 0;
  align-items: center;
  display: flex;
  justify-content: center
}
.task_item_:not(.tracking) .col_play_ {
  visibility: hidden
}
.task_item_.tracking .col_play_,
.task_item_:not(.tracking):hover .col_play_ {
  visibility: visible
}
.task_item_.is-done-true .col_play_ {
  visibility: hidden!important
}
.task_item_:hover .col_drag_ {
  visibility: visible
}
.task_list_:not(.ui-draggable-dragging) .task_item_.list_header_ .col_collapse_,
.task_list_:not(.ui-draggable-dragging) .task_item_.list_header_ .col_drag_,
.task_list_:not(.ui-draggable-dragging) .task_item_.list_header_ .col_name_,
.task_list_:not(.ui-sortable-helper) .task_item_.list_header_ .col_collapse_,
.task_list_:not(.ui-sortable-helper) .task_item_.list_header_ .col_drag_,
.task_list_:not(.ui-sortable-helper) .task_item_.list_header_ .col_name_ {
  height: 45px
}
.task_item_.ui-draggable-dragging,
.task_item_.ui-sortable-helper {
  background-color: #fff;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  border: 1px solid var(--APP-shadow-border);
  width: auto;
  max-width: 400px;
  max-height: 90px;
  pointer-events: none;
  height: auto!important;
  overflow: hidden
}
.task_item_.ui-draggable-dragging .col_drag_,
.task_item_.ui-sortable-helper .col_drag_ {
  visibility: visible;
  pointer-events: none
}
.task_item_.ui-draggable-dragging .name h2,
.task_item_.ui-sortable-helper .name h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.task_item_.ui-draggable-dragging .name .call_action_,
.task_item_.ui-draggable-dragging .name h3,
.task_item_.ui-sortable-helper .name .call_action_,
.task_item_.ui-sortable-helper .name h3 {
  display: none
}
.task_item_.ui-draggable-dragging .progress_line_,
.task_item_.ui-sortable-helper .progress_line_ {
  display: none
}
.task_item_.ui-draggable-dragging .col_check_,
.task_item_.ui-draggable-dragging .col_play_,
.task_item_.ui-draggable-dragging .col_users_,
.task_item_.ui-sortable-helper .col_check_,
.task_item_.ui-sortable-helper .col_play_,
.task_item_.ui-sortable-helper .col_users_ {
  display: none!important
}
.task_item_ .drag {
  width: 20px;
  height: 40px;
  color: #282828;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab
}
.task_item_ .name {
  width: 100%;
  font-size: 0;
  align-items: center;
  display: flex
}
.task_item_ .name h2 {
  font-size: 13px;
  line-height: 13px;
  color: #282828;
  font-weight: 500;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap
}
.task_item_ .name h2:not(:focus) {
  text-overflow: ellipsis
}
.task_item_ .name h2:not(.content_editable_el_) {
  line-height: 18px
}
.task_item_ .name h3 {
  color: #ababab;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
  margin-left: 5px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.task_item_ .name h3:empty {
  display: none
}
.task_item_ .name .call_action_ {
  display: none;
  flex-shrink: 0;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 12px;
  position: relative;
  line-height: 20px;
  color: #888;
  font-weight: 600;
  pointer-events: none
}
.task_item_ .name .call_action_ i {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 20px
}
.task_item_ .name.title h2 {
  font-size: 15px;
  line-height: 15px;
  font-weight: 700
}
.task_item_ .name textarea {
  font-size: 14px;
  line-height: 18px;
  color: #282828;
  font-weight: 500;
  width: 100%;
  margin: 0
}
.task_item_.selected .custom_field_tag_,
.task_item_.selected_tick .custom_field_tag_ {
  background: var(--APP-global-hover)
}
.task_item_.is-done-true .name h2,
.task_item_.is-done-true .name textarea {
  color: #8a8a8a!important
}
.task_item_.selected .name h2,
.task_item_.selected_tick .name h2 {
  font-weight: 600;
  color: var(--APP-focus-color)
}
.task_item_.selected .name .call_action_,
.task_item_.selected_tick .name .call_action_ {
  display: none!important
}
.task_item_:hover .name .call_action_ {
  display: block
}
.task_item_.list_header_ .name {
  width: 100%
}
.taskDetailOpen .task_item_ .name .call_action_ {
  display: none
}
.task_item_ .priority {
  line-height: 14px;
  text-align: center;
  font-size: 12px;
  color: #707070;
  display: inline-block;
  vertical-align: top;
  position: relative;
  pointer-events: none;
  font-weight: 400;
  display: none
}
.task_item_ .priority.active {
  font-size: 14px;
  display: inline-block
}
.task_item_ .users_list {
  display: inline-block;
  vertical-align: top
}
.task_item_ .users_list ul {
  max-width: 40px;
  min-width: 20px;
  height: 20px;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
  cursor: pointer;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -ms-transition: background-color .4s;
  transition: background-color .4s
}
.task_item_ .users_list li {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -5px;
  overflow: hidden;
  -webkit-transition: -webkit-transform .4s;
  -moz-transition: -moz-transform .4s;
  -ms-transition: -ms-transform .4s;
  transition: transform .4s
}
.task_item_ .users_list li:first-child {
  margin-left: 0
}
.task_item_ .users_list:hover ul {
  background-color: #e4e4e4
}
.task_item_ .users_list:hover li {
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8)
}
.task_item_ .users_list .img {
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #e4e4e4;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.task_item_ .users_list .img.empty {
  box-sizing: border-box;
  line-height: 20px;
  overflow: hidden;
  font-size: 10px
}
.task_item_ .users_list .img.empty i {
  color: #282828
}
.task_item_ .users_list .img.empty:hover {
  background-color: #d8d8d8!important
}
.task_item_ .DISABLED_ELEMENT .users_list .empty {
  display: none
}
.task_item_ .date_time {
  font-size: 12px;
  color: #707070;
  font-weight: 400;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}
.task_item_ .date_time:last-child {
  margin-right: 0
}
.task_item_ .date_time.action {
  padding: 5px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.task_item_ .date_time.action:hover {
  background-color: var(--APP-global-hover)
}
.task_item_ .progress_line_ {
  margin-right: 10px
}
.multipleSelectActive .task_item_ {
  cursor: pointer;
  outline: 0!important
}
.multipleSelectActive .task_item_ .col_date_,
.multipleSelectActive .task_item_ .col_name_,
.multipleSelectActive .task_item_ .col_play_,
.multipleSelectActive .task_item_ .col_priority_,
.multipleSelectActive .task_item_ .col_users_ {
  pointer-events: none
}
.multipleSelectActive .task_item_ .col_check_,
.task_item_.selected_tick .col_check_ {
  pointer-events: none
}
.task_item_.selected_tick .col_check_ .check_ label::before {
  color: #fff!important;
  border-color: var(--APP-focus-color);
  background-color: var(--APP-focus-color)
}
.task_item_ .collapse_list {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 25px;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  color: #282828;
  position: relative
}
.collapsed .task_item_ .collapse_list {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.task_item_.list_header_ .task_list_option {
  margin-left: 5px;
  visibility: hidden;
  width: 30px;
  min-width: 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  flex-shrink: 0
}
.task_item_.list_header_ .task_list_option u {
  visibility: hidden
}
.task_item_.list_header_ .task_list_option.hover,
.task_item_.list_header_:hover .task_list_option {
  visibility: visible
}
.task_item_ .default_value {
  font-size: 12px;
  color: #707070;
  font-weight: 400;
  line-height: 15px;
  display: inline-block;
  vertical-align: middle
}
.task_item_ .collapse_list {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 25px;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  color: #282828;
  position: relative
}
.collapsed .task_item_ .collapse_list {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.task_item_ .users_info_list_ {
  width: 100%
}
.task_item_ .users_info_list_.hidden {
  display: none
}
.task_item_ .users_info_list_ + .users_info_list_ {
  padding-top: 8px
}
.task_item_ .users_list + .users_info_list_ {
  margin-top: 10px
}
.task_item_ .users_info_list_ .default_value {
  width: 100%;
  margin-top: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.task_item_ .users_info_list_ .default_value:first-child {
  margin-top: 0
}
.task_item_ .users_info_list_ .hide_on_open {
  font-weight: 700;
  color: #282828
}
.task_item_ .users_info_list_ .hide_on_open:hover {
  text-decoration: underline
}
.task_item_ .users_info_list_ .show_on_open {
  display: none
}
.task_item_.open .users_info_list_ .show_on_open,
.task_item_.open .users_info_list_.hidden {
  display: inline-block
}
.task_item_ .users_info_list_.open .show_on_open,
.task_item_ .users_info_list_.open.hidden {
  display: inline-block
}
@media only screen and (min-width :1110px) and (max-width :1190px) {
  body.taskListNavigatorOpen.taskDetailOpen .task_item_ .col_date_ .progress_line_ {
    display: none
  }
  body.taskListNavigatorOpen.taskDetailOpen .task_item_ .name h3 {
    display: none
  }
}
@media only screen and (min-width :1100px) and (max-width :1280px) {
  body.taskListNavigatorOpen.taskDetailOpen .task_item_ .col_play_,
  body.taskListNavigatorOpen.taskDetailOpen .task_item_ .col_users_ {
    display: none
  }
  body.taskListNavigatorOpen.taskDetailOpen .task_item_ .name h3 {
    display: none
  }
}
body.dark-theme-on .tasks_list_.ui-draggable-dragging,
body.dark-theme-on .tasks_list_.ui-sortable-helper {
  background-color: #29313c;
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on .tasks_list_separator_ {
  background-color: #434d5d;
  color: #fff
}
body.dark-theme-on .tasks_list_separator_.ui-droppable-active {
  background-color: transparent;
  color: #fff;
  border-color: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .tasks_list_separator_.ui-droppable-hover {
  border-color: var(--APP-focus-color)
}
body.dark-theme-on .tasks_list_project_separator_ {
  border-bottom-color: #1f232b
}
body.dark-theme-on .tasks_list_project_separator_.ui-droppable-active {
  border: 2px dashed var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .tasks_list_project_separator_.ui-droppable-hover {
  border-color: var(--APP-focus-color)
}
body.dark-theme-on .tasks_list_project_separator_.ui-droppable-hover * {
  pointer-events: none
}
body.dark-theme-on .tasks_list_project_separator_.ui-droppable-hover h2 a {
  color: var(--APP-focus-color)
}
body.dark-theme-on .tasks_list_project_separator_ .project_pill {
  background-color: #cfdae0;
  color: #fff!important
}
body.dark-theme-on .tasks_list_ .new_task_list_area_::before {
  background-color: #1f232b
}
body.dark-theme-on .tasks_list_ .dragPlaceholder {
  background: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .task_item_ {
  border-bottom-color: #1f232b
}
body.dark-theme-on .task_item_.context_menu_open_,
body.dark-theme-on .task_item_:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on .task_item_.list_header_ {
  background: 0 0!important
}
body.dark-theme-on .tasks_list_.collapsed .task_item_.list_header_,
body.dark-theme-on .tasks_list_.fake .task_item_.list_header_ {
  border-bottom-color: transparent
}
body.dark-theme-on .task_item_.selected,
body.dark-theme-on .task_item_.selected_tick {
  background-color: var(--DARK-APP-focus-selected-color)!important
}
body.dark-theme-on .task_item_:not(.selected):focus {
  outline: 1px solid var(--APP-focus-color)
}
body.dark-theme-on .task_item_.selected::after,
body.dark-theme-on .task_item_.selected::before {
  background-color: var(--APP-focus-color)
}
body.dark-theme-on .task_item_.ui-draggable-dragging,
body.dark-theme-on .task_item_.ui-sortable-helper {
  background-color: #29313c;
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on .task_item_ .drag {
  color: #fff
}
body.dark-theme-on .task_item_ .name h2 {
  color: #fff
}
body.dark-theme-on .task_item_ .name textarea {
  color: #fff
}
body.dark-theme-on .task_item_.is-done-true .name h2,
body.dark-theme-on .task_item_.is-done-true .name textarea {
  color: #8a8a8a!important
}
body.dark-theme-on .task_item_.selected .name h2,
body.dark-theme-on .task_item_.selected_tick .name h2 {
  color: var(--APP-focus-color)
}
body.dark-theme-on .task_item_ .priority {
  color: #fff
}
body.dark-theme-on .task_item_ .users_list .img {
  background-color: #1b2027
}
body.dark-theme-on .task_item_ .users_list .img.empty i {
  color: #fff
}
body.dark-theme-on .task_item_ .users_list:hover ul {
  background-color: #1b2027
}
body.dark-theme-on .task_item_ .users_list .img.empty:hover {
  background-color: #12151b!important
}
body.dark-theme-on .task_item_ .date_time {
  color: #fff
}
body.dark-theme-on .task_item_ .date_time.action:hover {
  background-color: var(--DARK-APP-global-hover)
}
body.dark-theme-on .task_item_.selected_tick .col_check_ .check_ label::before {
  color: #fff!important;
  border-color: var(--APP-focus-color);
  background-color: var(--APP-focus-color)
}
body.dark-theme-on .task_item_ .collapse_list {
  color: #fff
}
body.dark-theme-on .task_item_ .list_options {
  color: #fff
}
body.dark-theme-on .task_item_ .default_value {
  color: #fff
}
body.dark-theme-on .tasks_list_.is-done-true .list_header_ .name h2 {
  color: #8a8a8a!important
}
body.dark-theme-on .tasks_list_.is-done-true .list_header_ .collapse_list {
  color: #8a8a8a
}
body.dark-theme-on .tasks_list_.is-done-true .list_header_ .drag {
  color: #8a8a8a
}
body.dark-theme-on .tasks_list_.is-done-true .list_header_ .task_list_option:not(:hover) {
  color: #8a8a8a
}
body.dark-theme-on .task_item_.selected .custom_field_tag_,
body.dark-theme-on .task_item_.selected_tick .custom_field_tag_ {
  background: var(--DARK-APP-global-hover)
}
.MSTEAMS.dark_mode_ .tasks_list_.ui-draggable-dragging,
.MSTEAMS.dark_mode_ .tasks_list_.ui-sortable-helper {
  background-color: #201e1e;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .tasks_list_separator_ {
  background-color: #2d2c2c;
  color: #fff
}
.MSTEAMS.dark_mode_ .tasks_list_separator_.ui-droppable-active {
  background-color: transparent;
  color: #fff;
  border-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .tasks_list_separator_.ui-droppable-hover {
  border-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .tasks_list_project_separator_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .tasks_list_project_separator_.ui-droppable-active {
  border-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .tasks_list_project_separator_.ui-droppable-hover {
  border-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .tasks_list_project_separator_.ui-droppable-hover * {
  pointer-events: none
}
.MSTEAMS.dark_mode_ .tasks_list_project_separator_.ui-droppable-hover h2 a {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .tasks_list_project_separator_ .project_pill {
  background-color: #cfdae0;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .tasks_list_ .new_task_list_area_::before {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .tasks_list_ .dragPlaceholder {
  background: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .task_item_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .task_item_.context_menu_open_,
.MSTEAMS.dark_mode_ .task_item_:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .task_item_.list_header_ {
  background: 0 0!important
}
.MSTEAMS.dark_mode_ .tasks_list_.collapsed .task_item_.list_header_,
.MSTEAMS.dark_mode_ .tasks_list_.fake .task_item_.list_header_ {
  border-bottom-color: transparent
}
.MSTEAMS.dark_mode_ .task_item_.selected,
.MSTEAMS.dark_mode_ .task_item_.selected_tick {
  background-color: var(--MS-DARK-APP-focus-selected-color)!important
}
.MSTEAMS.dark_mode_ .task_item_:not(.selected):focus {
  outline: 1px solid var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .task_item_.selected::after,
.MSTEAMS.dark_mode_ .task_item_.selected::before {
  background-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .task_item_.ui-draggable-dragging,
.MSTEAMS.dark_mode_ .task_item_.ui-sortable-helper {
  background-color: #201e1e;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .task_item_ .drag {
  color: #fff
}
.MSTEAMS.dark_mode_ .task_item_ .name h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .task_item_ .name textarea {
  color: #fff
}
.MSTEAMS.dark_mode_ .task_item_.is-done-true .name h2,
.MSTEAMS.dark_mode_ .task_item_.is-done-true .name textarea {
  color: #8a8a8a!important
}
.MSTEAMS.dark_mode_ .tasks_list_.is-done-true .list_header_ .name h2 {
  color: #8a8a8a!important
}
.MSTEAMS.dark_mode_ .tasks_list_.is-done-true .list_header_ .collapse_list {
  color: #8a8a8a
}
.MSTEAMS.dark_mode_ .tasks_list_.is-done-true .list_header_ .drag {
  color: #8a8a8a
}
.MSTEAMS.dark_mode_ .tasks_list_.is-done-true .list_header_ .task_list_option:not(:hover) {
  color: #8a8a8a
}
.MSTEAMS.dark_mode_ .task_item_.selected .name h2,
.MSTEAMS.dark_mode_ .task_item_.selected_tick .name h2 {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .task_item_ .priority {
  color: #fff
}
.MSTEAMS.dark_mode_ .task_item_ .users_list .img {
  background-color: #464646
}
.MSTEAMS.dark_mode_ .task_item_ .users_list .img.empty i {
  color: #fff
}
.MSTEAMS.dark_mode_ .task_item_ .users_list:hover ul {
  background-color: #464646
}
.MSTEAMS.dark_mode_ .task_item_ .users_list .img.empty:hover {
  background-color: #2c2c2c!important
}
.MSTEAMS.dark_mode_ .task_item_.selected .users_list ul,
.MSTEAMS.dark_mode_ .task_item_.selected_tick .users_list ul {
  background-color: rgb(0 0 0 / 9%)
}
.MSTEAMS.dark_mode_ .task_item_.selected .users_list ul:hover,
.MSTEAMS.dark_mode_ .task_item_.selected_tick .users_list ul:hover {
  background-color: rgb(0 0 0 / 15%)
}
.MSTEAMS.dark_mode_ .task_item_ .date_time {
  color: #fff
}
.MSTEAMS.dark_mode_ .task_item_ .date_time.action:hover {
  background-color: var(--MS-DARK-APP-global-hover)
}
.MSTEAMS.dark_mode_ .task_item_.selected_tick .col_check_ .check_ label::before {
  color: #fff!important;
  border-color: var(--APP-focus-color);
  background-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .task_item_ .collapse_list {
  color: #fff
}
.MSTEAMS.dark_mode_ .task_item_ .list_options {
  color: #fff
}
.MSTEAMS.dark_mode_ .task_item_ .default_value {
  color: #fff
}
.MSTEAMS.dark_mode_ .tasks_list_ .new_task_list_area_::before {
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .tasks_list_.ui-draggable-dragging,
.MSTEAMS.deep_dark_mode_ .tasks_list_.ui-sortable-helper {
  background-color: #000;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tasks_list_separator_ {
  background-color: #191717;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tasks_list_separator_.ui-droppable-active {
  background-color: transparent;
  color: #fff;
  border-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.deep_dark_mode_ .tasks_list_separator_.ui-droppable-hover {
  border-color: var(--APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ .tasks_list_project_separator_ {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .tasks_list_project_separator_.ui-droppable-active {
  border-color: var(--DARK-APP-focus-selected-color)
}
.MSTEAMS.deep_dark_mode_ .tasks_list_project_separator_.ui-droppable-hover {
  border-color: var(--APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ .tasks_list_project_separator_.ui-droppable-hover * {
  pointer-events: none
}
.MSTEAMS.deep_dark_mode_ .tasks_list_project_separator_.ui-droppable-hover h2 a {
  color: var(--APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ .tasks_list_project_separator_ .project_pill {
  background-color: #cfdae0;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .tasks_list_ .new_task_list_area_::before {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .tasks_list_ .dragPlaceholder {
  background: #424200
}
.MSTEAMS.deep_dark_mode_ .task_item_ {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_.context_menu_open_,
.MSTEAMS.deep_dark_mode_ .task_item_:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .task_item_.list_header_ {
  background: 0 0!important
}
.MSTEAMS.deep_dark_mode_ .tasks_list_.collapsed .task_item_.list_header_,
.MSTEAMS.deep_dark_mode_ .tasks_list_.fake .task_item_.list_header_ {
  border-bottom-color: transparent
}
.MSTEAMS.deep_dark_mode_ .task_item_.selected,
.MSTEAMS.deep_dark_mode_ .task_item_.selected_tick {
  background-color: #424200!important
}
.MSTEAMS.deep_dark_mode_ .task_item_:not(.selected):focus {
  outline: 1px solid #424200
}
.MSTEAMS.deep_dark_mode_ .task_item_.selected::after,
.MSTEAMS.deep_dark_mode_ .task_item_.selected::before {
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ .task_item_.ui-draggable-dragging,
.MSTEAMS.deep_dark_mode_ .task_item_.ui-sortable-helper {
  background-color: #000;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_ .drag {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_ .name h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_ .name textarea {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_.is-done-true .name h2,
.MSTEAMS.deep_dark_mode_ .task_item_.is-done-true .name textarea {
  color: #8a8a8a!important
}
.MSTEAMS.deep_dark_mode_ .tasks_list_.is-done-true .list_header_ .name h2 {
  color: #8a8a8a!important
}
.MSTEAMS.deep_dark_mode_ .tasks_list_.is-done-true .list_header_ .collapse_list {
  color: #8a8a8a
}
.MSTEAMS.deep_dark_mode_ .tasks_list_.is-done-true .list_header_ .drag {
  color: #8a8a8a
}
.MSTEAMS.deep_dark_mode_ .tasks_list_.is-done-true .list_header_ .task_list_option:not(:hover) {
  color: #8a8a8a
}
.MSTEAMS.deep_dark_mode_ .task_item_.selected .name h2,
.MSTEAMS.deep_dark_mode_ .task_item_.selected_tick .name h2 {
  color: var(--APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ .task_item_ .priority {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_ .users_list .img {
  background-color: #464646
}
.MSTEAMS.deep_dark_mode_ .task_item_ .users_list .img.empty i {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_ .users_list:hover ul {
  background-color: #464646
}
.MSTEAMS.deep_dark_mode_ .task_item_ .users_list .img.empty:hover {
  background-color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .task_item_ .users_list .img.empty:hover i {
  color: #000!important
}
.MSTEAMS.deep_dark_mode_ .task_item_.selected .users_list ul,
.MSTEAMS.deep_dark_mode_ .task_item_.selected_tick .users_list ul {
  background-color: rgb(0 0 0 / 9%)
}
.MSTEAMS.deep_dark_mode_ .task_item_.selected .users_list ul:hover,
.MSTEAMS.deep_dark_mode_ .task_item_.selected_tick .users_list ul:hover {
  background-color: rgb(0 0 0 / 15%)
}
.MSTEAMS.deep_dark_mode_ .task_item_ .date_time {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_ .date_time.action:hover {
  background-color: var(--MS-DARK-APP-global-hover)
}
.MSTEAMS.deep_dark_mode_ .task_item_.selected_tick .col_check_ .check_ label::before {
  color: #000!important;
  border-color: #424200;
  background-color: #ff0
}
.MSTEAMS.deep_dark_mode_ .task_item_ .collapse_list {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_ .list_options {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .task_item_ .default_value {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .tasks_list_ .new_task_list_area_::before {
  background-color: #ebeb01
}
#ProjectTab {
  padding-left: 0
}
.taskListNavigatorOpen #ProjectTab {
  padding-left: 0
}
#ProjectTab .base_mask_ {
  min-width: 480px
}
#ProjectTab .project_header_ .information_drop_ .button_inline_flex_ {
  gap: 5px
}
#ProjectTab.is_no_project .hide_if_no_project {
  display: none!important
}
#ProjectTab .project_layout_ {
  width: 100%!important;
  height: 100%!important;
  overflow: auto!important;
  box-sizing: border-box;
  position: relative
}
#ProjectTab .project_layout_ .layout_iframe_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}
#ProjectTab .project_layout_ .layout_iframe_ iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
#ProjectTab .project_layout_ .list_view_content_ {
  padding-left: 20px!important;
  padding-right: 20px!important;
  box-sizing: border-box
}
#ProjectTab .project_layout_.layout_list .list_view_content_ {
  padding-left: 10px!important
}
#ProjectTab.not_found_ .project_layout_ {
  height: 100%!important
}
#ProjectTab .project_header_ {
  padding: 0;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 1000
}
#ProjectTab .project_header_ .flex_row_ {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding-left: 30px;
  padding-right: 20px;
  border-bottom: 1px solid #f5f4f4
}
#ProjectTab .project_header_ .flex_row_.top_ {
  height: 51px;
  z-index: 20;
  position: relative
}
#ProjectTab .project_header_ .flex_row_.bottom_ {
  height: 45px
}
#ProjectTab .project_header_ .tt-third-party-icon {
  margin-right: 10px
}
#ProjectTab .project_header_ .project_pill_ {
  width: 18px;
  height: 18px;
  line-height: 20px;
  text-align: center;
  font-size: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #cfdae0;
  color: #fff!important;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px
}
#ProjectTab .project_header_ .project_pill_:hover {
  border: 2px solid rgba(0,0,0,.2);
  line-height: 16px
}
#ProjectTab .project_header_ .project_name_ {
  font-size: 0;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  width: auto;
  overflow: hidden
}
#ProjectTab .project_header_ .playButton {
  flex-shrink: 0
}
#ProjectTab .project_header_ .project_name_ .client_ {
  position: absolute;
  top: -8px;
  left: 0;
  color: #b9b9b9;
  font-size: 8px;
  font-weight: 500;
  line-height: 8px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .2s,-webkit-transform .2s;
  -moz-transition: opacity .2s,-moz-transform .2s;
  -ms-transition: opacity .2s,-ms-transform .2s;
  transition: opacity .2s,transform .2s;
  -webkit-transform: translate3d(0,10px,0);
  -moz-transform: translate3d(0,10px,0);
  -ms-transform: translate3d(0,10px,0);
  transform: translate3d(0,10px,0);
  display: none
}
#ProjectTab .project_header_ .project_name_ u {
  display: inline-block;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #282828;
  max-width: 100%
}
#ProjectTab .project_header_ .project_name_:hover u {
  text-decoration: underline
}
#ProjectTab .project_header_ .project_name_:hover .client_ {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
#ProjectTab .project_header_ .project_name_ + .information_drop_ {
  margin-left: 0
}
#ProjectTab .project_header_ .project_tabs_ {
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
#ProjectTab .project_header_ .project_tabs_ .tabs_drop_ {
  display: none
}
#ProjectTab .project_header_ .project_tabs_ .tabs_drop_ .drop_list_ li a i {
  margin-left: 5px
}
#ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  height: 44px;
  width: 100%
}
#ProjectTab .project_header_ .project_tabs_ .tabs_wrap_::after {
  width: 25px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1px;
  background: #fff;
  background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,#fff 100%);
  content: '';
  z-index: 0;
  pointer-events: none
}
#ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ .nav_list_ {
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -22px;
  height: 44px;
  width: auto;
  padding-top: 9px;
  padding-right: 25px;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
#ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ .nav_list_::after {
  width: 25px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -24px;
  background: #fff;
  background: linear-gradient(-90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,#fff 100%);
  content: '';
  z-index: 1;
  display: none;
  pointer-events: none
}
#ProjectTab .project_header_ .project_tabs_:hover .tabs_wrap_ {
  overflow: visible;
  z-index: 10
}
#ProjectTab .project_header_ .project_tabs_:hover .tabs_wrap_::after {
  display: none
}
#ProjectTab .project_header_ .project_tabs_:hover .tabs_wrap_ .nav_list_::after {
  display: inline-block
}
#ProjectTab .project_header_ .project_controls_ {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 10px;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
#ProjectTab .project_header_ .project_controls_ .check_ {
  width: auto;
  margin: 0 15px 0 0
}
#ProjectTab .project_header_ .project_controls_ .only_board,
#ProjectTab .project_header_ .project_controls_ .only_list {
  display: none
}
#ProjectTab .project_header_ .project_controls_[data-layout=list] .only_list {
  display: block
}
#ProjectTab .project_header_ .project_controls_[data-layout=kanban] .only_board {
  display: block
}
#ProjectTab.not_found_ .project_header_ {
  display: none
}
#ProjectTab.loading_ .project_placeholder_header_,
#ProjectTab.loading_ .project_placeholder_tabs_ {
  visibility: visible
}
#ProjectTab .project_placeholder_header_ {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  visibility: hidden
}
#ProjectTab .project_placeholder_header_ .pill_ {
  width: 18px;
  height: 18px;
  margin-right: 10px
}
#ProjectTab .project_placeholder_header_ .name_ {
  width: 150px;
  height: 22px;
  margin-right: 15px
}
#ProjectTab .project_placeholder_header_ .information_ {
  width: 120px;
  height: 15px;
  margin-right: 10px
}
#ProjectTab .project_placeholder_header_ .play_ {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
#ProjectTab .project_placeholder_header_ .context_ {
  width: 36px;
  height: 30px;
  margin-left: auto
}
#ProjectTab .project_placeholder_tabs_ {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  visibility: hidden
}
#ProjectTab .project_placeholder_tabs_ .tab_button_ {
  width: 30px;
  height: 15px;
  margin-right: 30px
}
#ProjectTab .project_placeholder_tabs_ .tab_button_:last-child {
  margin-right: 0
}
#ProjectTab .project_placeholder_tabs_ .tab_button_.w_1 {
  width: 23px
}
#ProjectTab .project_placeholder_tabs_ .tab_button_.w_2 {
  width: 39px
}
#ProjectTab .project_placeholder_tabs_ .tab_button_.w_3 {
  width: 30px
}
#ProjectTab .project_placeholder_tabs_ .tab_button_.w_4 {
  width: 44px
}
#ProjectTab .project_placeholder_tabs_ .tab_button_.w_5 {
  width: 39px
}
#ProjectTab .information_drop_ {
  margin-right: 10px;
  margin-left: 15px;
  flex-shrink: 0
}
#ProjectTab .information_drop_ .drop_padding_ {
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 0
}
#ProjectTab .information_drop_ .drop_pop_ {
  top: 25px;
  width: 250px
}
#ProjectTab .information_drop_.active .button_inline_flex_ u {
  text-decoration: underline
}
#ProjectTab .information_drop_ .input_.inline_style_ label:not(.input_button) {
  width: 100px
}
@media only screen and (min-width :0px) and (max-width :768px) {
  #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ {
    display: none
  }
  #ProjectTab .project_header_ .project_tabs_ .tabs_drop_ {
    display: inline-block
  }
}
.dark-theme-on #ProjectTab .project_header_ {
  background-color: #29313c
}
.dark-theme-on #ProjectTab .project_header_ .flex_row_ {
  border-bottom-color: #21272f
}
.dark-theme-on #ProjectTab .project_header_ .project_pill_ {
  background-color: #cfdae0;
  color: #fff!important
}
.dark-theme-on #ProjectTab .project_header_ .project_pill_:hover {
  border-color: rgba(0,0,0,.2)
}
.dark-theme-on #ProjectTab .project_header_ .project_name_ .client_ {
  color: #b9b9b9
}
.dark-theme-on #ProjectTab .project_header_ .project_name_ u {
  color: #fff
}
.dark-theme-on #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_::after {
  background: #29313c;
  background: linear-gradient(90deg,rgba(41,49,60,0) 0,rgba(41,49,60,.8) 50%,#29313c 100%)
}
.dark-theme-on #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ .nav_list_ {
  background-color: #29313c
}
.dark-theme-on #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ .nav_list_::after {
  background: #29313c;
  background: linear-gradient(-90deg,rgba(41,49,60,0) 0,rgba(41,49,60,.8) 50%,#29313c 100%)
}
.MSTEAMS.dark_mode_ #ProjectTab .project_title .client h2,
.MSTEAMS.dark_mode_ #ProjectTab .project_title .client h2 a {
  color: #b3b3b3
}
.MSTEAMS.dark_mode_ #ProjectTab .project_title .name_project h2,
.MSTEAMS.dark_mode_ #ProjectTab .project_title .name_project h2 a {
  color: #fff
}
.MSTEAMS.dark_mode_ #ProjectTab .project_header_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #ProjectTab .project_header_ .flex_row_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #ProjectTab .project_header_ .project_pill_ {
  background-color: #cfdae0;
  color: #fff!important
}
.MSTEAMS.dark_mode_ #ProjectTab .project_header_ .project_pill_:hover {
  border-color: rgba(0,0,0,.2)
}
.MSTEAMS.dark_mode_ #ProjectTab .project_header_ .project_name_ .client_ {
  color: #b9b9b9
}
.MSTEAMS.dark_mode_ #ProjectTab .project_header_ .project_name_ u {
  color: #fff
}
.MSTEAMS.dark_mode_ #ProjectTab .progressLine .tag {
  color: #949494
}
.MSTEAMS.dark_mode_ #ProjectTab .progressLine .today_rail:not(.exceeded) .today .text {
  background-color: #2a313c;
  color: #fff;
  border-color: #1b1919
}
.MSTEAMS.dark_mode_ #ProjectTab .progressLine .today_rail {
  border-top-color: #5e6877
}
.MSTEAMS.dark_mode_ #ProjectTab .progressLine .today_rail .today .ico {
  color: #fff
}
.MSTEAMS.dark_mode_ #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_::after {
  background: #201e1e;
  background: linear-gradient(90deg,rgba(32,30,30,0) 0,rgba(32,30,30,.7) 50%,#201e1e 100%)
}
.MSTEAMS.dark_mode_ #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ .nav_list_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ .nav_list_::after {
  background: #201e1e;
  background: linear-gradient(-90deg,rgba(32,30,30,0) 0,rgba(32,30,30,.7) 50%,#201e1e 100%)
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_title .client h2,
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_title .client h2 a {
  color: #b3b3b3
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_title .name_project h2,
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_title .name_project h2 a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_header_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_header_ .flex_row_ {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_header_ .project_pill_ {
  background-color: #cfdae0;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_header_ .project_pill_:hover {
  border-color: rgba(0,0,0,.2)
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_header_ .project_name_ .client_ {
  color: #b9b9b9
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_header_ .project_name_ u {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .progressLine .tag {
  color: #949494
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .progressLine .today_rail:not(.exceeded) .today .text {
  background-color: #2a313c;
  color: #fff;
  border-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .progressLine .today_rail {
  border-top-color: #5e6877
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .progressLine .today_rail .today .ico {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_::after {
  background: #000;
  background: linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 50%,#000 100%)
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ .nav_list_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #ProjectTab .project_header_ .project_tabs_ .tabs_wrap_ .nav_list_::after {
  background: #000;
  background: linear-gradient(-90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 50%,#000 100%)
}
.project_view_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  overflow: hidden
}
.project_view_ .list_view_content_ {
  width: 100%!important;
  height: 100%!important;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0!important
}
.project_view_ .list_view_content_ .tasks_list_ .tt-empty + ul,
.project_view_ .list_view_content_ .tasks_list_ .tt-empty + ul + ul {
  display: none
}
.project_view_ .panel_scroll_area.up {
  top: 0
}
.project_view_ .panel_scroll_area.bottom {
  bottom: 0
}
.layout_kanban .project_view_ .tasks_list_ {
  padding-bottom: 0;
  min-height: 100%
}
.project_view_.layout_kanban .panel_scroll_area.hide_board,
.project_view_.layout_list .panel_scroll_area.hide_list {
  display: none!important
}
.project_view_ .list_view_contextual_ .drop_pop_ {
  width: 300px;
  margin-left: -150px;
  padding: 20px;
  box-sizing: border-box;
  text-align: left
}
.project_view_ .list_view_contextual_ .drop_pop_ .save_table_ {
  height: auto;
  width: 100%
}
.board_cont_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  padding: 0
}
.board_cont_:not(:hover)::-webkit-scrollbar-thumb {
  display: none
}
.board_cont_ .board_space_ {
  width: auto;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden
}
.board_column_ {
  width: 350px;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  border-right: 1px solid #f5f4f4;
  white-space: normal;
  overflow: hidden;
  position: relative
}
.board_column_:last-child {
  border-right: 0 none
}
.board_column_.hidden {
  display: none
}
.board_column_.ui-sortable-helper {
  background-color: #fff;
  pointer-events: none;
  height: auto!important;
  border: 1px solid var(--APP-border-shadow);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.board_column_.ui-sortable-helper .col_content_ {
  overflow: hidden
}
.board_column_.ui-sortable-helper .col_header_ .button_ {
  display: none
}
.board_column_.ui-sortable-helper .add_task_bottom_ {
  width: 100%;
  opacity: 0
}
.board_column_ .dragPlaceholder {
  margin-bottom: 10px;
  height: 50px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.board_colum_placeholder_ {
  width: 350px;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  background-color: var(--APP-focus-selected-color)
}
.board_column_ .panel_scroll_area.up {
  top: 35px!important
}
.board_column_ .col_ {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column
}
.board_column_ .col_header_ {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 10px
}
.board_column_ .col_header_ .board_drag_ {
  width: 14px;
  height: 30px;
  color: #282828;
  line-height: 31px;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  z-index: 2;
  margin-right: 5px;
  opacity: .1
}
.board_column_ .col_header_ .content_editable_el_ {
  width: 100%;
  height: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 10px 0 0
}
.board_column_ .col_header_ .button_ {
  flex-shrink: 0;
  margin: 0;
  visibility: hidden
}
.board_column_ .col_header_ .button_.task_list_option u {
  display: none
}
.project_layout_:not(.dragging-task) .board_column_:hover .col_header_ .button_ {
  visibility: visible
}
.project_layout_:not(.dragging-task) .board_column_:hover .col_header_ .board_drag_ {
  opacity: 1
}
.dragging-task .board_column_ .col_header_ {
  pointer-events: none
}
.board_column_ .col_content_ {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 10px 10px 10px
}
.board_column_ .col_content_:not(:hover)::-webkit-scrollbar-thumb {
  display: none
}
.board_column_ .col_content_ .task_dropable_ {
  min-height: calc(100vh - 210px);
  display: flex;
  flex-direction: column
}
.board_column_ .add_task_bottom_ {
  width: 100%;
  opacity: 0;
  order: 10000;
  flex-shrink: 0
}
.board_column_:hover .add_task_bottom_ {
  opacity: 1
}
.dragging-task .board_column_ .add_task_bottom_ {
  display: none!important
}
.show_closed_tasks_false .board_column_.is-done-true {
  display: none!important
}
.board_column_.is-done-true .add_task_bottom_ {
  display: none
}
.board_column_.is-done-true .col_header_ .content_editable_el_ {
  color: #8a8a8a!important
}
.board_column_.is-done-true .col_header_ .board_drag_ {
  color: #8a8a8a;
  opacity: 1
}
.board_column_.is-done-true .col_header_ .button_:not(:hover) {
  color: #8a8a8a;
  visibility: visible
}
.board_item_ {
  width: 100%;
  background-color: #f5f4f4;
  border: 1px solid #f5f4f4;
  margin-bottom: 10px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  list-style: none;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  padding: 10px;
  box-sizing: border-box;
  flex-shrink: 0
}
.board_item_:hover {
  background-color: #eaeaea;
  border-color: #eaeaea
}
.board_item_.is-done-true .context_.hide_on_closed {
  display: none
}
.show_closed_tasks_false .board_item_.is-done-true {
  display: none!important
}
.dragging-task .board_item_ {
  pointer-events: none
}
.board_item_.ui-sortable-helper {
  height: auto!important;
  width: 329px!important;
  overflow: hidden;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
  pointer-events: none;
  background-color: #fff!important;
  border: 1px solid var(--APP-border-shadow);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.board_item_.ui-sortable-helper .board_item_ .context_,
.board_item_.ui-sortable-helper .board_item_ .playButton {
  display: none
}
.board_item_.is-done-true .detail_ {
  opacity: .5
}
.board_item_.is-done-true:hover .detail_ {
  opacity: .8
}
.board_item_.is-done-true .playButton {
  pointer-events: none
}
.board_item_.selected,
.board_item_.selected_tick {
  background-color: var(--APP-focus-selected-color)!important;
  border-color: var(--APP-focus-selected-color)!important
}
.board_item_.selected .detail_ .name_ h2,
.board_item_.selected_tick .detail_ .name_ h2 {
  color: var(--APP-focus-color)
}
.board_item_.selected_tick .context_ {
  display: none!important
}
.board_item_.selected_tick .detail_ {
  pointer-events: none
}
.multipleSelectActive .board_item_ .detail_ {
  pointer-events: none
}
.board_item_ .cf_list_ {
  width: 100%;
  box-sizing: border-box;
  padding-right: 60px;
  margin-top: 10px;
  margin-bottom: -10px;
  display: inline-block;
  vertical-align: top
}
.board_item_ .cf_list_ .custom_field_tag_ {
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0
}
.board_item_ .cf_list_:empty {
  display: none
}
.board_item_ .drag {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}
.board_item_ .context_ {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
  visibility: hidden;
  height: 24px;
  width: 24px;
  line-height: 24px;
  padding: 0
}
.board_item_ .playButton {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20
}
.board_item_:not(.tracking) .playButton {
  visibility: hidden
}
.board_item_ .playButton + .context_ {
  right: 41px
}
.board_item_:hover .context_ {
  visibility: visible
}
.board_item_:hover .playButton {
  visibility: visible
}
.board_item_ .playButton:not(:hover) {
  background-color: rgb(0 0 0 / 8%)
}
.board_item_ .detail_ {
  width: 100%
}
.board_item_ .detail_ .name_ {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  padding: 1px 60px 0 0;
  min-height: 24px
}
.board_item_ .detail_ .name_ h2 {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  color: #282828
}
.board_item_ .detail_ .name_ .content_editable_el_ {
  margin: 0
}
.board_item_ .detail_ .name_ .mark_done {
  color: var(--FORMS-checkbox-mark-as-done);
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.board_item_ .detail_ .info_ {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.board_item_ .detail_ .info_:empty {
  display: none
}
.board_item_ .detail_ .date_time {
  font-size: 12px;
  color: #707070;
  font-weight: 400;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}
.board_item_ .detail_ .date_time.action {
  padding: 5px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  position: relative;
  z-index: 4;
  cursor: pointer
}
.board_item_ .detail_ .date_time.action:hover {
  background-color: var(--APP-item-list-hover)
}
.board_item_ .detail_ .date_time:empty {
  display: none
}
.board_item_ .detail_ .progress_line_ {
  margin-right: 10px
}
.board_item_ .detail_ .progress_line_ .line_ {
  background-color: #e2e2e2
}
.board_item_ .detail_ .users_list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 4;
  cursor: default;
  margin-left: 10px;
  overflow: hidden;
  font-size: 0;
  max-width: 55px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px
}
.board_item_ .detail_ .users_list ul {
  min-width: 20px;
  max-width: 80px;
  height: 20px;
  width: auto;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
  cursor: pointer;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -ms-transition: background-color .4s;
  transition: background-color .4s
}
.board_item_ .detail_ .users_list li {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -5px;
  overflow: hidden;
  -webkit-transition: -webkit-transform .4s;
  -moz-transition: -moz-transform .4s;
  -ms-transition: -ms-transform .4s;
  transition: transform .4s
}
.board_item_ .detail_ .users_list li:first-child {
  margin-left: 0
}
.board_item_ .detail_ .users_list ul:hover {
  background-color: #e4e4e4
}
.board_item_ .detail_ .users_list ul:hover li {
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8)
}
.board_item_ .detail_ .users_list .img {
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #e4e4e4;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.board_item_ .detail_ .users_list .img.empty {
  box-sizing: border-box;
  line-height: 20px;
  overflow: hidden;
  font-size: 10px
}
.board_item_ .detail_ .users_list .img.empty i {
  color: #282828
}
.board_item_ .detail_ .users_list .img.empty:hover {
  background-color: #d8d8d8!important
}
.board_item_ .detail_ .priority {
  display: none;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500
}
.board_item_ .detail_ .priority.active {
  display: inline-block
}
body.dark-theme-on .board_column_ {
  border-right-color: #21272f
}
body.dark-theme-on .board_column_.ui-sortable-helper {
  background-color: #29313c;
  border-color: var(--DARK-APP-border-shadow)
}
body.dark-theme-on .board_colum_placeholder_ {
  background-color: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .board_column_ .col_header_ .board_drag_ {
  color: #fff
}
body.dark-theme-on .board_item_ {
  background-color: #222931;
  border-color: #222931
}
body.dark-theme-on .board_item_:hover {
  background-color: #1d1f24;
  border-color: #1d1f24
}
body.dark-theme-on .board_item_.ui-sortable-helper {
  background-color: #29313c!important;
  border-color: var(--DARK-APP-border-shadow)
}
body.dark-theme-on .board_item_.selected,
body.dark-theme-on .board_item_.selected_tick {
  background-color: var(--DARK-APP-focus-selected-color)!important;
  border-color: var(--DARK-APP-focus-selected-color)!important
}
body.dark-theme-on .board_item_.selected .detail_ .name_ h2,
body.dark-theme-on .board_item_.selected_tick .detail_ .name_ h2 {
  color: var(--APP-focus-color)
}
body.dark-theme-on .board_item_ .detail_ .name_ h2 {
  color: #fff
}
body.dark-theme-on .board_item_ .detail_ .name_ .mark_done {
  color: var(--FORMS-checkbox-mark-as-done)
}
body.dark-theme-on .board_item_ .detail_ .date_time {
  color: #a7aaaf
}
body.dark-theme-on .board_item_ .detail_ .date_time.action:hover {
  background-color: var(--APP-item-list-hover)
}
body.dark-theme-on .board_item_ .detail_ .progress_line_ .line_ {
  background-color: #475869
}
body.dark-theme-on .board_item_ .detail_ .users_list ul:hover {
  background-color: #1a2127
}
body.dark-theme-on .board_item_ .detail_ .users_list .img {
  background-color: #1a2127
}
body.dark-theme-on .board_item_ .detail_ .users_list .img.empty i {
  color: #fff
}
body.dark-theme-on .board_item_ .detail_ .users_list .img.empty:hover {
  background-color: #141519!important
}
body.dark-theme-on .board_column_.is-done-true .add_task_bottom_ {
  display: none
}
body.dark-theme-on .board_column_.is-done-true .col_header_ .content_editable_el_ {
  color: #8a8a8a!important
}
body.dark-theme-on .board_column_.is-done-true .col_header_ .board_drag_ {
  color: #8a8a8a;
  opacity: 1
}
body.dark-theme-on .board_column_.is-done-true .col_header_ .button_:not(:hover) {
  color: #8a8a8a;
  visibility: visible
}
.MSTEAMS.dark_mode_ .board_column_ {
  border-right-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .board_column_.ui-sortable-helper {
  background-color: #201e1e;
  border-color: var(--MS-DARK-APP-border-shadow)
}
.MSTEAMS.dark_mode_ .board_colum_placeholder_ {
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .board_column_ .col_header_ .board_drag_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .board_column_.is-done-true .add_task_bottom_ {
  display: none
}
.MSTEAMS.dark_mode_ .board_column_.is-done-true .col_header_ .content_editable_el_ {
  color: #8a8a8a!important
}
.MSTEAMS.dark_mode_ .board_column_.is-done-true .col_header_ .board_drag_ {
  color: #8a8a8a;
  opacity: 1
}
.MSTEAMS.dark_mode_ .board_column_.is-done-true .col_header_ .button_:not(:hover) {
  color: #8a8a8a;
  visibility: visible
}
.MSTEAMS.dark_mode_ .board_item_ {
  background-color: #2d2c2c;
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .board_item_:hover {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .board_item_.ui-sortable-helper {
  background-color: #201e1e!important;
  border-color: var(--MS-DARK-APP-border-shadow)
}
.MSTEAMS.dark_mode_ .board_item_.selected,
.MSTEAMS.dark_mode_ .board_item_.selected_tick {
  background-color: var(--MS-DARK-APP-focus-selected-color)!important;
  border-color: var(--MS-DARK-APP-focus-selected-color)!important
}
.MSTEAMS.dark_mode_ .board_item_.selected .detail_ .name_ h2,
.MSTEAMS.dark_mode_ .board_item_.selected_tick .detail_ .name_ h2 {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .board_item_ .detail_ .name_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .board_item_ .detail_ .name_ .mark_done {
  color: var(--FORMS-checkbox-mark-as-done)
}
.MSTEAMS.dark_mode_ .board_item_ .detail_ .date_time {
  color: #a7aaaf
}
.MSTEAMS.dark_mode_ .board_item_ .detail_ .date_time.action:hover {
  background-color: var(--APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .board_item_ .detail_ .progress_line_ .line_ {
  background-color: #484848
}
.MSTEAMS.dark_mode_ .board_item_ .detail_ .users_list ul:hover {
  background-color: #1a2127
}
.MSTEAMS.dark_mode_ .board_item_ .detail_ .users_list .img {
  background-color: #1a2127
}
.MSTEAMS.dark_mode_ .board_item_ .detail_ .users_list .img.empty i {
  color: #fff
}
.MSTEAMS.dark_mode_ .board_item_ .detail_ .users_list .img.empty:hover {
  background-color: #d8d8d8!important
}
.MSTEAMS.deep_dark_mode_ .board_column_ {
  border-right-color: #fff
}
.MSTEAMS.deep_dark_mode_ .board_column_.ui-sortable-helper {
  background-color: #201e1e;
  border-color: var(--MS-DARK-APP-border-shadow)
}
.MSTEAMS.deep_dark_mode_ .board_colum_placeholder_ {
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.deep_dark_mode_ .board_column_ .col_header_ .board_drag_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .board_column_.is-done-true .add_task_bottom_ {
  display: none
}
.MSTEAMS.deep_dark_mode_ .board_column_.is-done-true .col_header_ .content_editable_el_ {
  color: #8a8a8a!important
}
.MSTEAMS.deep_dark_mode_ .board_column_.is-done-true .col_header_ .board_drag_ {
  color: #8a8a8a;
  opacity: 1
}
.MSTEAMS.deep_dark_mode_ .board_column_.is-done-true .col_header_ .button_:not(:hover) {
  color: #8a8a8a;
  visibility: visible
}
.MSTEAMS.deep_dark_mode_ .board_item_ {
  background-color: #2d2c2c;
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .board_item_:hover {
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ .board_item_.ui-sortable-helper {
  background-color: #201e1e!important;
  border-color: var(--MS-DARK-APP-border-shadow)
}
.MSTEAMS.deep_dark_mode_ .board_item_.selected,
.MSTEAMS.deep_dark_mode_ .board_item_.selected_tick {
  background-color: var(--MS-DARK-APP-focus-selected-color)!important;
  border-color: var(--MS-DARK-APP-focus-selected-color)!important
}
.MSTEAMS.deep_dark_mode_ .board_item_.selected .detail_ .name_ h2,
.MSTEAMS.deep_dark_mode_ .board_item_.selected_tick .detail_ .name_ h2 {
  color: var(--APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ .board_item_ .detail_ .name_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .board_item_ .detail_ .name_ .mark_done {
  color: var(--FORMS-checkbox-mark-as-done)
}
.MSTEAMS.deep_dark_mode_ .board_item_ .detail_ .date_time {
  color: #a7aaaf
}
.MSTEAMS.deep_dark_mode_ .board_item_ .detail_ .date_time.action:hover {
  background-color: var(--APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .board_item_ .detail_ .progress_line_ .line_ {
  background-color: #484848
}
.MSTEAMS.deep_dark_mode_ .board_item_ .detail_ .users_list ul:hover {
  background-color: #1a2127
}
.MSTEAMS.deep_dark_mode_ .board_item_ .detail_ .users_list .img {
  background-color: #1a2127
}
.MSTEAMS.deep_dark_mode_ .board_item_ .detail_ .users_list .img.empty i {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .board_item_ .detail_ .users_list .img.empty:hover {
  background-color: #d8d8d8!important
}
:root {
  --TL-module-closed: 45px
}
#TaskListNavigator {
  background-color: transparent;
  padding-top: 45px;
  padding-left: 0!important;
  padding-bottom: 0!important;
  z-index: 41!important
}
#TaskListNavigator .module-list {
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  background-color: #f5f4f4;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  position: relative
}
#TaskListNavigator .module {
  width: 100%;
  height: 100%;
  overflow: hidden;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative
}
#TaskListNavigator .module.is-collapsed {
  flex-shrink: 0;
  height: var(--TL-module-closed);
  border-bottom: 0 none
}
#TaskListNavigator .module .jq-droppable-scroll-area {
  width: 100%;
  height: 28px;
  position: absolute;
  top: 45px;
  z-index: 30;
  opacity: .5;
  visibility: hidden
}
#TaskListNavigator .module .jq-droppable-scroll-area.bottom {
  top: auto;
  bottom: 0
}
#TaskListNavigator .module .jq-droppable-scroll-area.ui-droppable-active {
  visibility: visible
}
#TaskListNavigator .module-header {
  width: 100%;
  height: var(--TL-module-closed);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 10px 10px 0 20px;
  flex-shrink: 0;
  border-bottom: 1px solid #ebebeb
}
#TaskListNavigator .module-header .title {
  width: auto;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 900;
  color: #777;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: auto;
  overflow: hidden;
  user-select: none;
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s
}
#TaskListNavigator .module-focused .module-header .title,
#TaskListNavigator .module-header .title:hover {
  color: #505050
}
#TaskListNavigator .module-header .title.pointer {
  cursor: pointer
}
#TaskListNavigator .module-header .title u {
  max-width: 100%;
  margin-right: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
#TaskListNavigator .module-header .title i {
  margin-left: 5px;
  font-size: 16px;
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  -ms-transition: -ms-transform .2s;
  transition: transform .2s
}
#TaskListNavigator .is-collapsed .module-header .title i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
#TaskListNavigator .module-header .add {
  margin-left: 10px;
  width: 90px;
  height: 22px;
  flex-shrink: 0;
  padding: 0 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #e3e2e2;
  background-color: transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #282828
}
#TaskListNavigator .module-header .add:hover {
  background-color: #e3e2e2
}
#TaskListNavigator .module-header .add u {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 1px
}
#TaskListNavigator .module-header .add i {
  margin-right: 5px;
  font-size: 12px;
  flex-shrink: 0
}
#TaskListNavigator .module-content {
  width: 100%;
  height: calc(100% - var(--TL-module-closed) - 1px);
  overflow: auto;
  position: relative;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  box-sizing: border-box
}
#TaskListNavigator .module-content.loading_and_block {
  overflow: hidden
}
#TaskListNavigator .module-content.loading_and_block::after {
  background-color: #f5f4f4
}
#TaskListNavigator .module-subtitle {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 28px;
  background-color: rgba(245,244,244,.95);
  position: sticky;
  top: 0;
  z-index: 20;
  font-size: 0
}
#TaskListNavigator .module-subtitle .title {
  font-size: 8px;
  text-transform: uppercase;
  color: #282828;
  font-weight: 700
}
#TaskListNavigator .module-filter {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 35px;
  background-color: rgba(245,244,244,.95);
  position: sticky;
  top: 0;
  z-index: 20;
  font-size: 0
}
#TaskListNavigator .module-filter .select {
  border-bottom: 2px solid #282828;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 2px;
  position: relative
}
#TaskListNavigator .module-filter .select .title {
  font-size: 8px;
  text-transform: uppercase;
  color: #282828;
  font-weight: 700;
  cursor: pointer
}
#TaskListNavigator .module-filter.filtering .select {
  border-color: var(--APP-focus-color)
}
#TaskListNavigator .module-filter.filtering .select .title {
  color: var(--APP-focus-color)
}
#TaskListNavigator .module-filter .select .drop_pop_ {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 2
}
#TaskListNavigator .module-filter .select:hover::before {
  display: block;
  width: 100%;
  min-width: 150px;
  height: 10px;
  background-color: transparent;
  top: 100%;
  left: 0;
  position: absolute;
  content: ''
}
#TaskListNavigator .module-filter .select:hover .drop_pop_ {
  display: block
}
#TaskListNavigator .projects-list {
  width: 100%;
  font-size: 0
}
#TaskListNavigator .projects-list li {
  width: 100%;
  position: relative
}
#TaskListNavigator .projects-list > li:hover > .project-contextual {
  visibility: visible
}
#TaskListNavigator .projects-list li.archived:not(:hover) .project:not(.active) {
  opacity: .6
}
#TaskListNavigator .projects-list .project-accordion {
  width: 100%;
  box-sizing: border-box
}
#TaskListNavigator .projects-list .project-accordion .show {
  width: 100%;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 0 none;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 14px;
  background: 0 0;
  color: #282828
}
#TaskListNavigator .projects-list .project-accordion.archived .show:not(:hover) {
  color: #989898
}
#TaskListNavigator .projects-list .project-accordion .show u {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 5px;
  max-width: 100%;
  font-weight: 700;
  text-transform: lowercase
}
#TaskListNavigator .projects-list .project-accordion .show u::first-letter {
  text-transform: uppercase
}
#TaskListNavigator .project_list .detail .name .ico {
  width: 12px;
  height: 12px;
  line-height: 13px;
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 7px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #cfdae0;
  color: #fff!important
}
#TaskListNavigator .projects-list .project-accordion .show i {
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  -ms-transition: -ms-transform .2s;
  transition: transform .2s;
  flex-shrink: 0
}
#TaskListNavigator .projects-list .project-accordion .show:hover {
  color: #000
}
#TaskListNavigator .projects-list .project-accordion.open-true .show u {
  text-decoration: underline
}
#TaskListNavigator .projects-list .project-accordion.open-false .show i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
#TaskListNavigator .projects-list .project {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 40px 10px 20px;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -ms-transition: background-color .2s;
  transition: background-color .2s;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  font-size: 0
}
#TaskListNavigator .projects-list .project.active {
  background-color: #ececec
}
#TaskListNavigator .projects-list .project:hover {
  padding-right: 50px;
  background-color: #f0f0f0
}
#TaskListNavigator .projects-list .project[draggable=true] {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab
}
#TaskListNavigator .projects-list .project[draggable=true]:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing
}
#TaskListNavigator .projects-list .project-contextual {
  width: 18px;
  height: 18px;
  top: 50%;
  right: 15px;
  position: absolute;
  margin-top: -10px;
  visibility: hidden;
  color: #282828;
  line-height: 20px;
  font-size: 16px;
  text-align: center
}
#TaskListNavigator .draggin-project .projects-list .project-contextual {
  display: none!important
}
#TaskListNavigator .projects-list .project-drag-line {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}
#TaskListNavigator .projects-list .project-drag-line.top {
  top: -2x;
  bottom: auto;
  border-top: 2px solid transparent
}
#TaskListNavigator .projects-list .project-drag-line.bottom {
  bottom: -2px;
  top: auto;
  border-bottom: 2px solid transparent
}
#TaskListNavigator .draggin-project .projects-list .project-drag-line {
  display: inline-block
}
#TaskListNavigator .projects-list .project-drag-line.enter {
  border-color: var(--APP-focus-color);
  z-index: 10
}
#TaskListNavigator .projects-list .customer-name {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  line-height: 12px;
  color: #868686;
  font-weight: 400;
  margin-bottom: 4px
}
#TaskListNavigator .projects-list .project-name {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
#TaskListNavigator .projects-list .project-name .color {
  width: 14px;
  height: 14px;
  line-height: 15px;
  font-size: 7px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #cfdae0;
  margin-right: 8px;
  flex-shrink: 0
}
#TaskListNavigator .projects-list .project-name .tt-third-party-icon {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  flex-shrink: 0
}
#TaskListNavigator .projects-list .project-name .name {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  line-height: 14px;
  color: #282828;
  font-weight: 600
}
#TaskListNavigator .projects-list .extras {
  width: 100%;
  min-height: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 4px
}
#TaskListNavigator .projects-list .extras:empty {
  display: none
}
#TaskListNavigator .projects-list .extras .progress_line_ {
  margin-right: 8px;
  flex-shrink: 0
}
#TaskListNavigator .projects-list .extras .value {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  font-size: 8px;
  line-height: 10px;
  color: #868686;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
#TaskListNavigator .projects-list .jq-droppable-area {
  width: 95%;
  height: 84%;
  position: absolute;
  border: 2px dotted #b7b7b7;
  box-sizing: border-box;
  top: 8%;
  left: 2.5%;
  z-index: 10;
  -webkit-transition: border-color .2s,opacity .2s,visibility .2s;
  -moz-transition: border-color .2s,opacity .2s,visibility .2s;
  -ms-transition: border-color .2s,opacity .2s,visibility .2s;
  transition: border-color .2s,opacity .2s,visibility .2s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden
}
#TaskListNavigator .projects-list .jq-droppable-area:hover {
  border-color: var(--APP-focus-color)
}
#TaskListNavigator .empty-projects {
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
  padding: 0 10px 0 20px
}
#TaskListNavigator .empty-projects .button_ {
  width: 100%
}
#TaskListNavigator .empty-projects .button_ u {
  text-transform: uppercase
}
#TaskListNavigator .tt-empty {
  height: auto;
  padding: 20px
}
#TaskListNavigator .tt-empty .tt-empty-text p {
  font-size: 14px;
  line-height: 20px;
  text-transform: lowercase
}
#TaskListNavigator .tt-empty .tt-empty-text p::first-letter {
  text-transform: uppercase
}
#TaskListNavigator .ui-droppable-active .projects-list .project {
  pointer-events: none
}
#TaskListNavigator .ui-droppable-active .projects-list .jq-droppable-area {
  opacity: 1;
  visibility: visible
}
#TaskListNavigator .ui-droppable-active .projects-list .project-contextual {
  display: none
}
#TaskListNavigator .users-list {
  width: 100%;
  font-size: 0
}
#TaskListNavigator .users-list li {
  width: 100%
}
#TaskListNavigator .users-list a {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 20px;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -ms-transition: background-color .2s;
  transition: background-color .2s
}
#TaskListNavigator .users-list a:hover {
  background-color: #f0f0f0
}
#TaskListNavigator .users-list a.active {
  background-color: #ececec
}
#TaskListNavigator .users-list .avatar {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ddd
}
#TaskListNavigator .users-list .name {
  font-size: 12px;
  color: #282828;
  max-width: 100%;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
#TaskListNavigator .view-button {
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 0
}
#TaskListNavigator .projects-list.accordion + .view-button {
  margin-top: 10px
}
#TaskListNavigator .collapse-view {
  position: absolute;
  top: 20px;
  right: -12px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  border: 1px solid #dadada;
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 12%);
  -moz-box-shadow: 0 0 12px rgb(0 0 0 / 12%);
  box-shadow: 0 0 12px rgb(0 0 0 / 12%);
  color: #282828;
  box-sizing: border-box;
  z-index: 10
}
#TaskListNavigator .collapse-view i {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  font-size: 14px
}
#TaskListNavigator .collapse-view:hover {
  background-color: #dadada;
  border-color: #dadada
}
#TaskListNavigator .view-is-collapsed .collapse-view {
  right: auto;
  text-indent: -2px;
  left: -2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}
#TaskListNavigator .view-is-collapsed .collapse-view i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 1px
}
.dark-theme-on #TaskListNavigator .module-list {
  background-color: #1f232b
}
.dark-theme-on #TaskListNavigator .module-header .title {
  color: #bfbfbf
}
.dark-theme-on #TaskListNavigator .module-focused .module-header .title,
.dark-theme-on #TaskListNavigator .module-header .title:hover {
  color: #fff
}
.dark-theme-on #TaskListNavigator .module-header {
  border-bottom-color: #1a1d24
}
.dark-theme-on #TaskListNavigator .module-header .add {
  border-color: #1b1d23;
  background-color: transparent;
  color: #fff
}
.dark-theme-on #TaskListNavigator .module-header .add:hover {
  background-color: #1b1d23
}
.dark-theme-on #TaskListNavigator .module-content {
  border-bottom-color: #1a1d24
}
.dark-theme-on #TaskListNavigator .module-content.loading_and_block::after {
  background-color: #1f232b
}
.dark-theme-on #TaskListNavigator .module-subtitle {
  background-color: rgb(31 35 43 / 95%)
}
.dark-theme-on #TaskListNavigator .module-subtitle .title {
  color: #fff
}
.dark-theme-on #TaskListNavigator .module-filter {
  background-color: rgb(31 35 43 / 95%)
}
.dark-theme-on #TaskListNavigator .module-filter .select {
  border-bottom-color: #fff
}
.dark-theme-on #TaskListNavigator .module-filter .select .title {
  color: #fff
}
.dark-theme-on #TaskListNavigator .module-filter.filtering .select {
  border-color: var(--APP-focus-color)
}
.dark-theme-on #TaskListNavigator .module-filter.filtering .select .title {
  color: var(--APP-focus-color)
}
.dark-theme-on #TaskListNavigator .projects-list .project.active {
  background-color: #272c36
}
.dark-theme-on #TaskListNavigator .projects-list .project:hover {
  background-color: #303642
}
.dark-theme-on #TaskListNavigator .projects-list .jq-droppable-area {
  border-color: #434d5d
}
.dark-theme-on #TaskListNavigator .projects-list .jq-droppable-area:hover {
  border-color: var(--APP-focus-color)
}
.dark-theme-on #TaskListNavigator .projects-list .project-contextual {
  color: #fff
}
.dark-theme-on #TaskListNavigator .projects-list .customer-name {
  color: #fff
}
.dark-theme-on #TaskListNavigator .projects-list .project-name .color {
  color: #fff;
  background-color: #cfdae0
}
.dark-theme-on #TaskListNavigator .projects-list .project-name .name {
  color: #fff
}
.dark-theme-on #TaskListNavigator .projects-list .extras .value {
  color: #868686
}
.dark-theme-on #TaskListNavigator .projects-list .project-accordion .show {
  color: #fff
}
.dark-theme-on #TaskListNavigator .projects-list .project-accordion .show:hover {
  color: #fff
}
.dark-theme-on #TaskListNavigator .projects-list .project-accordion.archived .show:not(:hover) {
  color: #bbb
}
.dark-theme-on #TaskListNavigator .users-list a:hover {
  background-color: #303642
}
.dark-theme-on #TaskListNavigator .users-list a.active {
  background-color: #272c36
}
.dark-theme-on #TaskListNavigator .users-list .avatar {
  background-color: #1b1d23
}
.dark-theme-on #TaskListNavigator .users-list .name {
  color: #fff
}
.dark-theme-on #TaskListNavigator .collapse-view {
  background-color: #20242b;
  border-color: #434d5d;
  color: #fff
}
.dark-theme-on #TaskListNavigator .collapse-view:hover {
  background-color: #434d5d;
  border-color: #434d5d
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-list {
  background-color: #161414
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module {
  border-top-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-header .title {
  color: #bfbfbf
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-focused .module-header .title,
.MSTEAMS.dark_mode_ #TaskListNavigator .module-header .title:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-header {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-header .add {
  border-color: #2d2c2c;
  background-color: transparent;
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-header .add:hover {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-content {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-content.loading_and_block::after {
  background-color: #171414
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-subtitle {
  background-color: rgb(23 20 20 / 95%)
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-subtitle .title {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-filter {
  background-color: rgb(23 20 20 / 95%)
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-filter .select {
  border-bottom-color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-filter .select .title {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-filter.filtering .select {
  border-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ #TaskListNavigator .module-filter.filtering .select .title {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .project.active {
  background-color: #1e1c1c
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .project:hover {
  background-color: #262323
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .jq-droppable-area {
  border-color: #656565
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .jq-droppable-area:hover {
  border-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .project-contextual {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .customer-name {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .project-name .color {
  color: #fff;
  background-color: #cfdae0
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .project-name .name {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .extras .value {
  color: #868686
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .project-accordion .show {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .project-accordion .show:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .projects-list .project-accordion.archived .show:not(:hover) {
  color: #bbb
}
.MSTEAMS.dark_mode_ #TaskListNavigator .users-list a:hover {
  background-color: #262323
}
.MSTEAMS.dark_mode_ #TaskListNavigator .users-list a.active {
  background-color: #1e1c1c
}
.MSTEAMS.dark_mode_ #TaskListNavigator .users-list .avatar {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #TaskListNavigator .users-list .name {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .collapse-view {
  background-color: #2d2c2c;
  border-color: #2d2c2c;
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskListNavigator .collapse-view:hover {
  background-color: #fff;
  border-color: #fff;
  color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-list {
  background-color: #161414
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-header {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-header .title {
  color: #bfbfbf
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-focused .module-header .title,
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-header .title:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-header .add {
  border-color: #fff;
  background-color: transparent;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-header .add:hover {
  background-color: #ffff01;
  border-color: #ffff01;
  color: #000
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-content {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-content.loading_and_block::after {
  background-color: #171414
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-subtitle {
  background-color: rgb(23 20 20 / 95%)
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-subtitle .title {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-filter {
  background-color: rgb(23 20 20 / 95%)
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-filter .select {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-filter .select .title {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-filter.filtering .select {
  border-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .module-filter.filtering .select .title {
  color: #ffff01
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .project.active {
  background-color: #1e1c1c
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .project:hover {
  background-color: #262323
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .jq-droppable-area {
  border-color: #656565
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .jq-droppable-area:hover {
  border-color: #ebeb01
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .project-contextual {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .customer-name {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .project-name .color {
  color: #fff;
  background-color: #cfdae0
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .project-name .name {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .extras .value {
  color: #868686
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .project-accordion .show {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .project-accordion .show:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .projects-list .project-accordion.archived .show:not(:hover) {
  color: #bbb
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .users-list a:hover {
  background-color: #262323
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .users-list a.active {
  background-color: #1e1c1c
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .users-list .avatar {
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .users-list .name {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .collapse-view {
  background-color: #fff;
  border-color: #fff;
  color: #000
}
.MSTEAMS.deep_dark_mode_ #TaskListNavigator .collapse-view:hover {
  background-color: #ebeb01;
  border-color: #ebeb01;
  color: #000
}
#SideNavView .base_c_ {
  padding-top: 21px
}
#SideNavView:not(.has_sub_lvl) .base_c_ {
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px
}
#SideNavView .base_c_,
#SideNavView .base_f_,
#SideNavView .base_h_,
#SideNavView .base_sticky_header_ {
  background-color: #f5f4f4
}
#SideNavView .side_workspace_ {
  width: 100%;
  margin: 0 0 10px 0
}
#SideNavView .grant_access_ {
  width: 100%;
  font-size: 0;
  margin-top: 5px
}
#SideNavView .grant_access_ a {
  width: 100%;
  display: inline-block;
  color: #828282
}
#SideNavView .grant_access_ a:hover {
  width: 100%;
  display: inline-block;
  color: #525252
}
#SideNavView .grant_access_ a.active h2 strong,
#SideNavView .grant_access_ a.active p {
  display: inline-block
}
#SideNavView .grant_access_ a.loading {
  -webkit-animation: fadeinoutAnim 1s infinite;
  -moz-animation: fadeinoutAnim 1s infinite;
  -o-animation: fadeinoutAnim 1s infinite;
  animation: fadeinoutAnim 1s infinite
}
#SideNavView .grant_access_ h2 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700
}
#SideNavView .grant_access_ h2 strong {
  color: #00ad95;
  text-decoration: underline;
  display: none
}
#SideNavView .grant_access_ p {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  margin-top: 2px;
  display: none
}
body.dark-theme-on #SideNavView .base_c_ {
  border-right-color: #21272f
}
body.dark-theme-on #SideNavView .base_c_,
body.dark-theme-on #SideNavView .base_f_,
body.dark-theme-on #SideNavView .base_h_,
body.dark-theme-on #SideNavView .base_sticky_header_ {
  background-color: #36404c
}
body.dark-theme-on #SideNavView .grant_access_ a {
  color: #c7c7c7
}
body.dark-theme-on #SideNavView .grant_access_ a:hover {
  color: #fff
}
body.dark-theme-on #SideNavView .grant_access_ h2 strong {
  color: #00ad95
}
.MSTEAMS.dark_mode_ #SideNavView .base_c_ {
  border-right-color: #1b1a19
}
.MSTEAMS.dark_mode_ #SideNavView .base_c_,
.MSTEAMS.dark_mode_ #SideNavView .base_f_,
.MSTEAMS.dark_mode_ #SideNavView .base_h_,
.MSTEAMS.dark_mode_ #SideNavView .base_sticky_header_ {
  background-color: #2d2d2d
}
.MSTEAMS.dark_mode_ #SideNavView .grant_access_ a {
  color: #c7c7c7
}
.MSTEAMS.dark_mode_ #SideNavView .grant_access_ a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ #SideNavView .grant_access_ h2 strong {
  color: #00ad95
}
.MSTEAMS.deep_dark_mode_ #SideNavView .base_c_ {
  border-right-color: #fff
}
.MSTEAMS.deep_dark_mode_ #SideNavView .base_c_,
.MSTEAMS.deep_dark_mode_ #SideNavView .base_f_,
.MSTEAMS.deep_dark_mode_ #SideNavView .base_h_,
.MSTEAMS.deep_dark_mode_ #SideNavView .base_sticky_header_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #SideNavView .grant_access_ a {
  color: #c7c7c7
}
.MSTEAMS.deep_dark_mode_ #SideNavView .grant_access_ a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #SideNavView .grant_access_ h2 strong {
  color: #00ad95
}
#TaskDetail .task_header_ .mark_as_done {
  margin-right: 10px!important
}
@media only screen and (min-width :900px) {
  body.taskListNavigatorCollapsed #TaskDetail:not(.lightbox_) {
    width: 500px!important
  }
}
@media only screen and (min-width :1100px) {
  #TaskDetail:not(.lightbox_) {
    width: 500px!important
  }
}
#TaskDetail .base_c_ {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  padding-right: 0;
  justify-content: flex-start
}
#TaskDetail .base_c_ .task_content_.loading_and_block {
  height: 90px;
  overflow: hidden;
  position: relative
}
#TaskDetail .base_c_ .task_content_.loading_and_block * {
  visibility: hidden
}
#TaskDetail .base_f_ {
  border-top-color: #efefef;
  background-color: #f7f7f7
}
#TaskDetail .context_menu .priority_ {
  margin-right: 5px
}
.taskDetailOpen #TaskDetail.lightbox_ {
  z-index: 1102!important
}
#TaskDetail .check_.inline_style_ label,
#TaskDetail .input_.inline_style_ label,
#TaskDetail .select_.inline_style_ label {
  padding-left: 0!important
}
#TaskDetail.error_ .task_content_,
#TaskDetail.error_ .task_header_ {
  display: none
}
#TaskDetail.loading_ .base_c_ {
  overflow: hidden!important
}
#TaskDetail .task_header_ {
  width: 100%;
  height: 50px;
  overflow: hidden;
  background-color: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 40;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-shrink: 0;
  align-items: center;
  padding: 14px 20px 14px 20px
}
#TaskDetail .task_content_ {
  width: 100%;
  height: 100%
}
#TaskDetail .task_content_ .content_title_ {
  width: 100%;
  margin-bottom: 15px;
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
  color: #282828;
  font-weight: 700;
  display: none
}
#TaskDetail .task_content_ .content_title_.active {
  display: inline-block
}
#TaskDetail .task_details_ {
  width: 100%;
  display: contents;
  flex-shrink: 0
}
#TaskDetail .task_details_ .padding_ {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px
}
#TaskDetail .task_tabs_ {
  width: 100%;
  overflow: hidden;
  position: sticky;
  position: -webkit-sticky;
  top: 50px;
  z-index: 50;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 46px;
  border-top: 1px solid #f5f4f4;
  border-bottom: 1px solid #f5f4f4;
  margin-bottom: 0!important;
  padding: 0 20px 0 20px;
  flex-shrink: 0
}
#TaskDetail .task_tabs_ .nav_list_ {
  margin-right: auto
}
#TaskDetail .task_tab_content_ {
  display: none;
  width: 100%;
  min-height: 100%;
  padding: 15px 20px 0 20px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start
}
#TaskDetail .task_tab_content_.active {
  display: flex
}
#TaskDetail.loading_ .task_placeholder_detail_,
#TaskDetail.loading_ .task_placeholder_header_ {
  visibility: visible
}
#TaskDetail .task_placeholder_header_ {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  visibility: hidden
}
#TaskDetail .task_placeholder_header_ .mark_ {
  width: 116px;
  height: 30px;
  margin-right: auto
}
#TaskDetail .task_placeholder_header_ .users_ {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin-right: 10px
}
#TaskDetail .task_placeholder_header_ .closeTask_,
#TaskDetail .task_placeholder_header_ .context_,
#TaskDetail .task_placeholder_header_ .date_ {
  height: 30px;
  width: 36px;
  margin-right: 10px
}
#TaskDetail .task_placeholder_header_ .closeTask_ {
  margin-right: 0
}
#TaskDetail .task_placeholder_detail_ {
  width: 100%;
  visibility: hidden;
  padding: 0 20px;
  box-sizing: border-box
}
#TaskDetail .task_placeholder_detail_ .title_ {
  height: 20px;
  width: 80%;
  margin-bottom: 40px;
  margin-top: 8px;
  display: block
}
#TaskDetail .task_placeholder_detail_ .description_ {
  height: 14px;
  width: 50%;
  display: block;
  margin-bottom: 25px
}
#TaskDetail .task_placeholder_detail_ .project_ {
  height: 16px;
  width: 40%;
  display: block;
  margin-bottom: 15px
}
#TaskDetail .task_placeholder_detail_ .by_ {
  height: 10px;
  width: 30%;
  display: block
}
#TaskDetail .task_extra_information_ {
  width: 70%;
  flex-shrink: 0
}
#TaskDetail .task_custom_fields_ {
  box-sizing: border-box;
  width: 70%;
  flex-shrink: 0
}
#TaskDetail .task_custom_fields_ .custom_fields_vue_ .custom_field_container_ .field_.inlineSpace:last-child {
  margin-bottom: 0
}
#TaskDetail .task_files_ {
  width: 70%;
  flex-shrink: 0
}
#TaskDetail .task_files_ .files_uploader_ {
  margin-bottom: 0
}
#TaskDetail .task_subtasks_ {
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-top: 20px;
  flex-shrink: 0
}
#TaskDetail .task_subtasks_ .list_ {
  width: 100%
}
#TaskDetail .task_subtasks_ .list_ ul {
  width: 100%;
  margin-bottom: 5px
}
#TaskDetail .task_subtasks_ .list_ ul:empty {
  display: none
}
#TaskDetail .task_subtasks_ .list_ .dragPlaceholder {
  width: 100%;
  height: 32px;
  background: var(--APP-focus-selected-color);
  border-color: var(--APP-focus-selected-color)
}
#TaskDetail .task_subtasks_ .add_ {
  width: 100%
}
#TaskDetail .task_subtasks_ .add_ .button_ {
  margin-left: -8px
}
#TaskDetail .task_subtasks_ .subtask_ {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0;
  position: relative
}
#TaskDetail .task_subtasks_ .subtask_ .drag_ {
  flex-shrink: 0;
  height: 100%;
  line-height: 16px;
  margin-right: 2px;
  width: auto;
  font-size: 12px;
  opacity: .3;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  position: absolute;
  top: 0;
  padding-top: 8px;
  box-sizing: border-box;
  left: -16px;
  visibility: hidden;
  padding-right: 4px
}
#TaskDetail .task_subtasks_ .subtask_ .check_ {
  flex-shrink: 0;
  margin: 5px 5px 0 0;
  width: auto
}
#TaskDetail .task_subtasks_ .subtask_ .name_ {
  width: 100%;
  overflow: hidden
}
#TaskDetail .task_subtasks_ .subtask_ .name_ textarea {
  margin: 0;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  padding: 4px;
  font-weight: 500
}
#TaskDetail .task_subtasks_ .subtask_.is-done-true .name_ textarea {
  color: #a2a2a2
}
#TaskDetail .task_subtasks_ .subtask_:hover .drag_ {
  visibility: visible
}
#TaskDetail .task_subtasks_ .subtask_.ui-sortable-helper {
  background-color: #fff;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  border: 1px solid var(--APP-shadow-border);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  pointer-events: none
}
#TaskDetail .task_subtasks_ .subtask_.ui-sortable-helper .drag_ {
  visibility: visible;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  margin-right: 5px;
  margin-left: 8px;
  margin-top: 5px
}
#TaskDetail .task_comments_ {
  box-sizing: border-box;
  width: calc(100% + 40px);
  left: -20px;
  margin-top: auto;
  padding: 17px 20px 0 20px;
  background-color: #f7f7f7;
  position: relative;
  flex-shrink: 0;
  border-top: 1px solid #efefef
}
#TaskDetail .task_comments_.no_comments .hide_no_comments_ {
  display: none!important
}
#TaskDetail .task_comments_ .list_ {
  width: 100%;
  position: relative;
  z-index: 0;
  margin-top: 0;
  display: inline-block;
  vertical-align: top
}
#TaskDetail .task_comments_ .list_ ul {
  width: 100%;
  font-size: 0;
  margin-bottom: 20px
}
#TaskDetail .task_comments_ .list_ ul:empty {
  margin-bottom: 0
}
#TaskDetail .task_comments_ .list_ li {
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #efefef;
  margin-top: 10px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  box-sizing: border-box
}
#TaskDetail .task_comments_ .list_ li.deleted {
  padding: 5px 0;
  opacity: .7
}
#TaskDetail .task_comments_ .list_ li:first-child {
  margin-top: 0
}
#TaskDetail .task_comments_ .list_ .avatarImg {
  text-align: left;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 17px;
  left: 15px
}
#TaskDetail .task_comments_ .list_ .avatarImg .initials,
#TaskDetail .task_comments_ .list_ .avatarImg .tooltip {
  display: none
}
#TaskDetail .task_comments_ .list_ .messege {
  width: 100%;
  text-align: left;
  padding-left: 35px;
  box-sizing: border-box
}
#TaskDetail .task_comments_ .list_ .messege p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500
}
#TaskDetail .task_comments_ .list_ .messege p:empty {
  display: none
}
#TaskDetail .task_comments_ .list_ .messege h4 {
  font-size: 10px;
  margin-top: 5px;
  font-weight: 300;
  color: #a8aaad
}
#TaskDetail .task_comments_ .list_ .messege h4 a {
  text-decoration: underline;
  color: var(--APP-error-color);
  font-weight: 900;
  margin-left: 5px;
  display: none
}
#TaskDetail .task_comments_ .list_ .messege:hover h4 a {
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
#TaskDetail .billable_ .error input {
  color: var(--APP-error-color)
}
#TaskDetail .billable_ .show_on_focus input:focus,
#TaskDetail .billable_ .show_on_focus input:hover {
  background-color: var(--APP-global-hover)
}
#TaskDetail .task_comments_ .list_ .deleted .messege {
  padding-left: 0
}
#TaskDetail .task_comments_ .list_ .deleted .messege p {
  font-size: 12px;
  line-height: 12px;
  color: #929292;
  text-align: center
}
#TaskDetail .task_comments_ .list_ .myMessege.deleted .messege {
  padding-right: 0
}
#TaskDetail .task_comments_ .list_ .myMessege .avatarImg {
  left: auto;
  right: 15px
}
#TaskDetail .task_comments_ .list_ .myMessege .messege {
  text-align: left;
  padding-right: 35px;
  padding-left: 0
}
#TaskDetail .task_comments_ .list_ .files_uploader_ {
  margin: 10px 0 10px 0
}
#TaskDetail .task_comments_ .list_ .messege p:empty + .files_uploader_ {
  margin-top: 0
}
#TaskDetail .task_comments_add_ {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 20px;
  bottom: 0
}
#TaskDetail .task_comments_add_:not(.focused_) .textarea_ textarea {
  height: 44px
}
#TaskDetail .task_comments_add_.focused_ .textarea_ textarea {
  background-color: #fff
}
#TaskDetail .task_comments_add_ .options_ {
  width: 100%;
  margin-top: 10px;
  display: none
}
#TaskDetail .task_comments_add_.focused_ .options_ {
  display: block
}
#TaskDetail .task_comments_add_ .files_ {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px
}
#TaskDetail .task_comments_add_ .action_ {
  width: 100%;
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
#TaskDetail .task_comments_add_ .recipients_ {
  width: 100%
}
#TaskDetail .task_comments_add_ .recipients_ h2 {
  font-size: 12px;
  color: #282828;
  font-weight: 600;
  margin-bottom: 10px;
  box-sizing: border-box
}
#TaskDetail .task_comments_add_ .recipients_ .users_ {
  width: 100%;
  max-height: 89px;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  box-sizing: border-box;
  padding: 15px 0
}
#TaskDetail .task_comments_add_ .recipients_ .users_ ul {
  width: 100%;
  font-size: 0
}
#TaskDetail .task_comments_add_ .recipients_ .users_ li {
  width: 100%;
  margin-top: 15px;
  display: inline-block
}
#TaskDetail .task_comments_add_ .recipients_ .users_ li:first-child {
  margin-top: 0
}
#TaskDetail .task_comments_add_ .add_file_ a {
  background: #e0e0e0
}
#TaskDetail .task_comments_add_ .add_file_ a:hover {
  background: #c4c4c4
}
#TaskDetail .task_time_entries_ {
  box-sizing: border-box;
  margin-top: 0
}
#TaskDetail .task_time_entries_ .list_ {
  width: 100%;
  position: relative;
  z-index: 0
}
#TaskDetail .task_time_entries_ .add_ {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 10px 0;
  z-index: 1
}
#TaskDetail .task_time_entries_ .add_ .button_ {
  width: 100%
}
#TaskDetail .play_ {
  width: auto;
  min-width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #f5f4f4;
  margin-left: 15px;
  flex-shrink: 0
}
#TaskDetail .play_ .counter_ {
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  color: #7f8488;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 5px 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2
}
#TaskDetail .play_ .playButton {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 2;
  display: none
}
#TaskDetail .play_ .bar_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden
}
#TaskDetail .play_ .bar_ .progress_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: #e0e0e0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}
#TaskDetail .play_ .bar_.exceeded .progress_ {
  background-color: var(--APP-error-color)
}
#TaskDetail .play_ .counter_.exceeded {
  color: #fff!important
}
#TaskDetail .play_ .playButton.exceeded:not(:hover) {
  border-color: #fff!important
}
#TaskDetail .play_.can_track_ {
  padding-right: 30px
}
#TaskDetail .play_.can_track_ .playButton {
  display: inline-block
}
#TaskDetail .billable_ {
  margin: 0;
  width: auto
}
#TaskDetail .billable_ .hide_on_focus {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top
}
#TaskDetail .billable_ .show_on_focus {
  display: none;
  font-size: 0
}
#TaskDetail .billable_ .show_on_focus input {
  width: 40px;
  background-color: transparent;
  font-size: 10px;
  height: 20px;
  padding: 0 5px;
  box-sizing: border-box;
  position: relative;
  color: #282828;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
#TaskDetail .billable_ .show_on_focus input:focus,
#TaskDetail .billable_ .show_on_focus input:hover {
  background-color: var(--APP-global-hover)
}
#TaskDetail .billable_ .show_on_focus input::-webkit-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
#TaskDetail .billable_ .show_on_focus input::-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
#TaskDetail .billable_ .show_on_focus input:-ms-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
#TaskDetail .billable_ .show_on_focus input:-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
#TaskDetail .billable_ .show_on_focus input:focus::-webkit-input-placeholder {
  opacity: 0
}
#TaskDetail .billable_ .show_on_focus input:focus::-moz-placeholder {
  opacity: 0
}
#TaskDetail .billable_ .show_on_focus input:focus:-ms-input-placeholder {
  opacity: 0
}
#TaskDetail .billable_ .show_on_focus input:focus:-moz-placeholder {
  opacity: 0
}
#TaskDetail .billable_ .show_on_focus u {
  margin-left: 4px;
  font-size: 10px;
  display: inline-block;
  vertical-align: middle
}
#TaskDetail .billable_ input:checked + label .hide_on_focus {
  display: none
}
#TaskDetail .billable_ input:checked + label .show_on_focus {
  display: block
}
#TaskDetail .created_by_ {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
#TaskDetail .created_by_ .image_ {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-color: #f7f7f7;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat
}
#TaskDetail .created_by_ u {
  font-size: 10px;
  line-height: 12px;
  width: auto;
  max-width: 100%;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #868686
}
#TaskDetail .created_by_ u strong {
  font-weight: 500
}
#TaskDetail .quill_ {
  -webkit-transition: padding .2s,border .2s;
  -moz-transition: padding .2s,border .2s;
  -ms-transition: padding .2s,border .2s;
  transition: padding .2s,border .2s;
  border: 1px solid transparent;
  width: 100%;
  margin-bottom: 15px
}
#TaskDetail .quill_ .ql-toolbar {
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s,visibility .2s,height .2s;
  -moz-transition: opacity .2s,visibility .2s,height .2s;
  -ms-transition: opacity .2s,visibility .2s,height .2s;
  transition: opacity .2s,visibility .2s,height .2s;
  padding: 0 5px;
  font-size: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}
#TaskDetail .quill_ .ql-editor {
  margin-top: 0;
  line-height: 22px;
  font-size: 13px;
  padding: 0;
  border: 0!important;
  background-color: transparent!important;
  left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
#TaskDetail .quill_ .ql-editor.ql-blank::before {
  left: 0
}
#TaskDetail .quill_ .ql-tooltip {
  left: 0!important;
  margin-top: 10px!important
}
#TaskDetail .quill_:not(.focus_) {
  max-height: 200px;
  overflow: hidden
}
#TaskDetail .quill_:not(.focus_)::after {
  width: 100%;
  height: 0;
  content: '';
  position: absolute;
  top: 198px;
  left: 0;
  z-index: 10;
  -webkit-box-shadow: 0 0 30px 40px #fff;
  -moz-box-shadow: 0 0 30px 40px #fff;
  box-shadow: 0 0 30px 40px #fff
}
#TaskDetail .quill_:not(.focus_) .ql-editor {
  overflow-y: initial
}
#TaskDetail .quill_.focus_ {
  height: auto
}
#TaskDetail .quill_.focus_ {
  padding: 10px 10px 40px 10px;
  border-color: #efefef;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
#TaskDetail .quill_.focus_ .ql-toolbar {
  height: 30px;
  opacity: 1;
  visibility: visible
}
#TaskDetail .quill_::before {
  width: 50px;
  height: 18px;
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
  content: '...';
  line-height: 7px;
  font-size: 22px;
  color: #282828;
  text-align: center;
  border: 1px solid #f3f3f3;
  z-index: 12;
  -webkit-transition: -webkit-transform .4s,opacity .4s;
  -moz-transition: -moz-transform .4s,opacity .4s;
  -ms-transition: -ms-transform .4s,opacity .4s;
  transition: transform .4s,opacity .4s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  pointer-events: none
}
#TaskDetail .quill_.limit_::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}
#TaskDetail .users_list_ {
  display: inline-block;
  vertical-align: top;
  width: auto;
  min-width: 25px;
  max-width: 110px;
  overflow: hidden;
  margin-left: auto;
  margin-right: 10px;
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px
}
#TaskDetail .users_list_ ul {
  height: 25px;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -ms-transition: background-color .4s;
  transition: background-color .4s
}
#TaskDetail .users_list_ li {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -14px;
  overflow: hidden;
  -webkit-transition: -webkit-transform .4s;
  -moz-transition: -moz-transform .4s;
  -ms-transition: -ms-transform .4s;
  transition: transform .4s
}
#TaskDetail .users_list_ li:first-child {
  margin-left: 0
}
#TaskDetail .users_list_:hover ul {
  background-color: #e4e4e4
}
#TaskDetail .users_list_:hover li {
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8)
}
#TaskDetail .users_list_ .img {
  width: 25px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #e4e4e4;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
#TaskDetail .users_list_ .img.empty {
  box-sizing: border-box;
  line-height: 25px;
  overflow: hidden;
  font-size: 14px
}
#TaskDetail .users_list_ .img.empty i {
  color: #282828
}
#TaskDetail .users_list_ .img.empty:hover {
  background-color: #d8d8d8!important
}
#TaskDetail .eventList ul {
  padding: 0
}
#TaskDetail .eventList .loadMore {
  font-size: 14px;
  padding: 20px 0 10px 0;
  display: none
}
#TaskDetail .eventList li.separator {
  padding: 10px 0 10px 0;
  margin: 0;
  position: sticky;
  position: -webkit-sticky;
  background-color: #fff;
  display: block;
  top: 96px;
  left: 0;
  z-index: 9
}
#TaskDetail .eventList li.separator span {
  margin-top: -6px
}
#TaskDetail a.addTimeEntry:last-child {
  margin-top: 7px;
  display: none
}
#TaskDetail .eventItem {
  height: auto!important;
  min-height: 0!important;
  margin-top: 6px
}
#TaskDetail .eventItem .info {
  padding-bottom: 10px!important
}
#TaskDetail .eventItem .info .project_and_task {
  display: none
}
#TaskDetail .eventItem .info .info .project_and_task .task,
#TaskDetail .eventItem .info .note {
  overflow: visible;
  display: block
}
#TaskDetail .eventItem .duration.more_one_hour_ {
  font-size: 14px
}
#TaskDetail .eventItem .time {
  position: relative
}
#TaskDetail .due_date_ u:empty {
  display: none
}
#TaskDetail .due_date_.disabled {
  pointer-events: none
}
#TaskDetail .due_date_.disabled:not(.has_date_) {
  display: none
}
#TaskDetail .sneek_title {
  width: auto;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  display: none;
  margin-left: 10px;
  margin-right: 10px
}
#TaskDetail .sneek_title:hover {
  text-decoration: underline
}
#TaskDetail.task-sneak .sneek_title {
  display: block
}
#TaskDetail.task-archived-true .sneek_title {
  color: #a9a9a9
}
#TaskDetail .task_name {
  width: 100%;
  position: relative;
  font-size: 0;
  margin-bottom: 2px
}
#TaskDetail .task_name .cont_ {
  width: calc(100% + 10px);
  position: relative;
  left: -10px
}
#TaskDetail .task_name .cont_.disabled {
  opacity: .5;
  pointer-events: none
}
#TaskDetail .task_name h2 {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  margin: 0
}
#TaskDetail.task-archived-true .task_name h2 {
  opacity: .4
}
#TaskDetail .integration_tag {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  color: var(--FORMS-label)
}
#TaskDetail .integration_tag i {
  font-size: 12px;
  margin-left: 5px;
  top: 1px;
  position: relative;
  display: none
}
#TaskDetail .integration_tag:hover {
  color: #000
}
#TaskDetail .integration_tag:hover i {
  display: inline-block
}
#TaskDetail.task-sneak .mark_as_done label {
  padding: 0 0 0 16px;
  padding-left: 16px;
  border: 0 none
}
#TaskDetail.task-sneak .mark_as_done label::before {
  left: 0
}
#TaskDetail.task-sneak .mark_as_done label u {
  display: none
}
#TaskDetail .project_selector_ {
  margin-bottom: 15px
}
#TaskDetail .project_selector_.disabled:not(.has_project_) {
  display: none
}
#TaskDetail .project_selector_ + .tasklist_selector_ {
  margin-top: -10px
}
#TaskDetail .tasklist_selector_ {
  margin-bottom: 15px
}
#TaskDetail .tasklist_selector_.disabled:not(.has_list_) {
  display: none
}
#TaskDetail .close_ {
  margin-left: 10px
}
#TaskDetail .logs_list_ {
  width: 100%;
  margin-bottom: 15px;
  font-size: 0
}
#TaskDetail .logs_list_:empty {
  display: none
}
#TaskDetail .logs_list_ .log_ {
  width: 100%;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  cursor: default
}
#TaskDetail .logs_list_ .log_:first-child {
  padding-top: 0
}
#TaskDetail .logs_list_ .log_:last-child {
  padding-bottom: 0
}
#TaskDetail .logs_list_ .log_[data-hidden=true] {
  display: none
}
#TaskDetail .logs_list_.view_all .log_[data-hidden=true] {
  display: inline-block
}
#TaskDetail .logs_list_ .log_ .view_more_logs_ {
  width: 100%;
  font-size: 10px;
  color: #a7a7a7;
  font-weight: 500;
  margin: 5px 0
}
#TaskDetail .logs_list_ .log_ .view_more_logs_:hover {
  color: #282828
}
#TaskDetail .logs_list_ .log_ .view_more_logs_ span {
  display: none
}
#TaskDetail .logs_list_ .log_ .view_more_logs_ span.show_ {
  display: inline-block
}
#TaskDetail .logs_list_.view_all .log_ .view_more_logs_ span.show_ {
  display: none
}
#TaskDetail .logs_list_.view_all .log_ .view_more_logs_ span.hide_ {
  display: inline-block
}
#TaskDetail .logs_list_ .log_ .log_info_ {
  width: 100%;
  font-size: 0
}
#TaskDetail .logs_list_ .log_ .log_action_ {
  font-size: 10px;
  line-height: 15px;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
  color: #6b6b6b
}
#TaskDetail .logs_list_ .log_ .log_action_ strong {
  font-weight: 700
}
#TaskDetail .logs_list_ .log_ .log_action_::first-letter {
  text-transform: uppercase
}
#TaskDetail .logs_list_ .log_ .log_date_ {
  font-size: 10px;
  line-height: 15px;
  text-align: left;
  position: relative;
  color: #a7a7a7;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  font-weight: 600;
  visibility: hidden
}
#TaskDetail .logs_list_ .log_ .log_date_.visible,
#TaskDetail .logs_list_ .log_:hover .log_date_ {
  visibility: visible
}
#TaskDetail .logs_list_ .log_ .user_logs_ {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  flex-shrink: 0
}
#TaskDetail .logs_list_ .log_ .user_logs_ .title_ {
  font-size: 10px;
  line-height: 15px;
  font-weight: 700;
  color: #6b6b6b
}
#TaskDetail .logs_list_ .log_ .user_logs_ .users_ {
  width: 200px;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -100px;
  z-index: 20;
  display: none
}
#TaskDetail .logs_list_ .log_ .user_logs_ .users_ .drop_list_ {
  pointer-events: none
}
#TaskDetail .logs_list_ .log_ .user_logs_:hover .users_ {
  display: inline-block
}
#TaskDetail .logs_list_ .log_ .user_logs_:hover .title_ {
  text-decoration: underline
}
.dark-theme-on #TaskDetail .task_header_ {
  background-color: #29313c
}
.dark-theme-on #TaskDetail .task_tabs_ {
  background-color: #29313c;
  border-color: #21272f
}
.dark-theme-on #TaskDetail .task_content_ .content_title_ {
  color: #fff
}
.dark-theme-on #TaskDetail .task_subtasks_ {
  border-color: #21272f
}
.dark-theme-on #TaskDetail .task_subtasks_ .list_ .dragPlaceholder {
  background: var(--APP-focus-selected-color);
  border-color: var(--APP-focus-selected-color)
}
.dark-theme-on #TaskDetail .task_subtasks_ .subtask_.is-done-true .name_ textarea {
  color: #8a8a8a!important
}
.dark-theme-on #TaskDetail .task_subtasks_ .subtask_.ui-sortable-helper {
  background-color: #29313c;
  border-color: var(--DARK-APP-shadow-border)
}
.dark-theme-on #TaskDetail .task_comments_ .list_ li {
  background-color: #29313c;
  border-color: #1b2129
}
.dark-theme-on #TaskDetail .task_comments_ .list_ .messege h4 {
  color: #a8aaad
}
.dark-theme-on #TaskDetail .task_comments_ .list_ .messege h4 a {
  color: var(--APP-error-color)
}
.dark-theme-on #TaskDetail .task_comments_ .list_ .deleted .messege p {
  color: #929292
}
.dark-theme-on #TaskDetail .task_comments_add_ .recipients_ h2 {
  color: #fff
}
.dark-theme-on #TaskDetail .task_comments_add_ .recipients_ .users_ {
  border-color: #1f232b
}
.dark-theme-on #TaskDetail .play_ {
  background-color: #20242a
}
.dark-theme-on #TaskDetail .play_ .counter_ {
  color: #fff
}
.dark-theme-on #TaskDetail .play_ .bar_ .progress_ {
  background-color: #1d1f24
}
.dark-theme-on #TaskDetail .play_ .bar_.exceeded .progress_ {
  background-color: var(--APP-error-color)
}
.dark-theme-on #TaskDetail .play_ .counter_.exceeded {
  color: #fff!important
}
.dark-theme-on #TaskDetail .play_ .playButton.exceeded:not(:hover) {
  border-color: #fff!important
}
.dark-theme-on #TaskDetail .billable_ .show_on_focus input {
  background-color: transparent;
  color: #fff
}
.dark-theme-on #TaskDetail .billable_ .show_on_focus input:focus,
.dark-theme-on #TaskDetail .billable_ .show_on_focus input:hover {
  background-color: var(--DARK-APP-global-hover)
}
.dark-theme-on #TaskDetail .billable_ .show_on_focus input::-webkit-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on #TaskDetail .billable_ .show_on_focus input::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on #TaskDetail .billable_ .show_on_focus input:-ms-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on #TaskDetail .billable_ .show_on_focus input:-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on #TaskDetail .created_by_ .image_ {
  background-color: #29313c
}
.dark-theme-on #TaskDetail .created_by_ u {
  color: #a9a9a9
}
.dark-theme-on #TaskDetail .quill_ .ql-editor {
  background-color: transparent!important
}
.dark-theme-on #TaskDetail .quill_.focus_ {
  border-color: #1f232b
}
.dark-theme-on #TaskDetail .quill_:not(.focus_)::after {
  -webkit-box-shadow: 0 0 30px 40px #29313c;
  -moz-box-shadow: 0 0 30px 40px #29313c;
  box-shadow: 0 0 30px 40px #29313c
}
.dark-theme-on #TaskDetail .quill_::before {
  background: #28313c;
  border-color: #20272f;
  color: #fff
}
.dark-theme-on #TaskDetail .users_list_:hover ul {
  background-color: #1b2027
}
.dark-theme-on #TaskDetail .users_list_ .img {
  background-color: #e4e4e4
}
.dark-theme-on #TaskDetail .users_list_ .img.empty i {
  color: #282828
}
.dark-theme-on #TaskDetail .users_list_ .img.empty:hover {
  background-color: #d8d8d8!important
}
.dark-theme-on #TaskDetail .eventList li.separator {
  background-color: #29313c
}
.dark-theme-on #TaskDetail.task-archived-true .sneek_title {
  color: #a9a9a9
}
.dark-theme-on #TaskDetail .integration_tag {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on #TaskDetail .integration_tag:hover {
  color: #fff
}
.dark-theme-on #TaskDetail .task_comments_ {
  background-color: #242a33;
  border-top-color: #1f232b
}
.dark-theme-on #TaskDetail .base_f_ {
  border-top-color: #1f232b;
  background-color: #242a33
}
.dark-theme-on #TaskDetail .task_comments_add_.focused_ .textarea_ textarea {
  background-color: #29313c
}
.dark-theme-on #TaskDetail .task_comments_add_ .add_file_ a {
  background: #434d5d
}
.dark-theme-on #TaskDetail .task_comments_add_ .add_file_ a:hover {
  background: #20242b
}
.dark-theme-on #TaskDetail .logs_list_ .log_ .view_more_logs_ {
  color: #7b7b7b
}
.dark-theme-on #TaskDetail .logs_list_ .log_ .view_more_logs_:hover {
  color: #fff
}
.dark-theme-on #TaskDetail .logs_list_ .log_ .log_action_ {
  color: #d2d0d0
}
.dark-theme-on #TaskDetail .logs_list_ .log_ .log_date_ {
  color: #7b7b7b
}
.dark-theme-on #TaskDetail .logs_list_ .log_ .user_logs_ .title_ {
  color: #ababab
}
.MSTEAMS.dark_mode_ #TaskDetail .quill_::before {
  background: #201e1e;
  border-color: #333131;
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskDetail .task_header_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #TaskDetail .task_content_ .content_title_ {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskDetail .task_tabs_ {
  background-color: #201e1e;
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskDetail .task_subtasks_ {
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskDetail .task_subtasks_ .list_ .dragPlaceholder {
  background: var(--APP-focus-selected-color);
  border-color: var(--APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ #TaskDetail .task_subtasks_ .subtask_.is-done-true .name_ textarea {
  color: #8a8a8a!important
}
.MSTEAMS.dark_mode_ #TaskDetail .task_subtasks_ .subtask_.ui-sortable-helper {
  background-color: #29313c;
  border-color: var(--DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_ .list_ li {
  background-color: #201e1e;
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_ .list_ .messege h4 {
  color: #a8aaad
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_ .list_ .messege h4 a {
  color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_ .list_ .deleted .messege p {
  color: #929292
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_add_ .recipients_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_add_ .recipients_ .users_ {
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskDetail .play_ {
  background-color: #191717
}
.MSTEAMS.dark_mode_ #TaskDetail .play_ .counter_ {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskDetail .play_ .bar_ .progress_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskDetail .play_ .bar_.exceeded .progress_ {
  background-color: var(--APP-error-color)
}
.MSTEAMS.dark_mode_ #TaskDetail .play_ .counter_.exceeded {
  color: #fff!important
}
.MSTEAMS.dark_mode_ #TaskDetail .play_ .playButton.exceeded:not(:hover) {
  border-color: #fff!important
}
.MSTEAMS.dark_mode_ #TaskDetail .billable_ .show_on_focus input {
  background-color: transparent;
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskDetail .billable_ .show_on_focus input:focus,
.MSTEAMS.dark_mode_ #TaskDetail .billable_ .show_on_focus input:hover {
  background-color: var(--MS-DARK-APP-global-hover)
}
.MSTEAMS.dark_mode_ #TaskDetail .billable_ .show_on_focus input::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #TaskDetail .billable_ .show_on_focus input::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #TaskDetail .billable_ .show_on_focus input:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #TaskDetail .billable_ .show_on_focus input:-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #TaskDetail .created_by_ .image_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #TaskDetail .created_by_ u {
  color: #a9a9a9
}
.MSTEAMS.dark_mode_ #TaskDetail .quill_ .ql-editor {
  background-color: transparent!important
}
.MSTEAMS.dark_mode_ #TaskDetail .quill_.focus_ {
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskDetail .quill_:not(.focus_)::after {
  -webkit-box-shadow: 0 0 30px 40px #201e1e;
  -moz-box-shadow: 0 0 30px 40px #201e1e;
  box-shadow: 0 0 30px 40px #201e1e
}
.MSTEAMS.dark_mode_ #TaskDetail .users_list_:hover ul {
  background-color: #191717
}
.MSTEAMS.dark_mode_ #TaskDetail .users_list_ .img {
  background-color: #e4e4e4
}
.MSTEAMS.dark_mode_ #TaskDetail .users_list_ .img.empty i {
  color: #282828
}
.MSTEAMS.dark_mode_ #TaskDetail .users_list_ .img.empty:hover {
  background-color: #d8d8d8!important
}
.MSTEAMS.dark_mode_ #TaskDetail .eventList li.separator {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #TaskDetail.task-archived-true .sneek_title {
  color: #a9a9a9
}
.MSTEAMS.dark_mode_ #TaskDetail .integration_tag {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #TaskDetail .integration_tag:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_ {
  background-color: #1d1b1b;
  border-top-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TaskDetail .base_f_ {
  border-top-color: #2d2c2c;
  background-color: #1d1b1b
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_add_.focused_ .textarea_ textarea {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_add_ .add_file_ a {
  background: var(--MS-DARK-FORMS-button-background-color)
}
.MSTEAMS.dark_mode_ #TaskDetail .task_comments_add_ .add_file_ a:hover {
  background: #3c3c3c
}
.MSTEAMS.dark_mode_ #TaskDetail .logs_list_ .log_ .view_more_logs_ {
  color: #7b7b7b
}
.MSTEAMS.dark_mode_ #TaskDetail .logs_list_ .log_ .view_more_logs_:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ #TaskDetail .logs_list_ .log_ .log_action_ {
  color: #d2d0d0
}
.MSTEAMS.dark_mode_ #TaskDetail .logs_list_ .log_ .log_date_ {
  color: #7b7b7b
}
.MSTEAMS.dark_mode_ #TaskDetail .logs_list_ .log_ .user_logs_ .title_ {
  color: #ababab
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .quill_::before {
  background: #000;
  border-color: #fff;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_header_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_content_ .content_title_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_tabs_ {
  background-color: #000;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_subtasks_ {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_subtasks_ .list_ .dragPlaceholder {
  background: var(--APP-focus-selected-color);
  border-color: var(--APP-focus-selected-color)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_subtasks_ .subtask_.is-done-true .name_ textarea {
  color: #8a8a8a
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_subtasks_ .subtask_.ui-sortable-helper {
  background-color: #29313c;
  border-color: var(--DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_ .list_ li {
  background-color: #151515;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_ .list_ .messege h4 {
  color: #a8aaad
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_ .list_ .messege h4 a {
  color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_ .list_ .deleted .messege p {
  color: #929292
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_add_ .recipients_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_add_ .recipients_ .users_ {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .play_ {
  background-color: #191717
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .play_ .counter_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .play_ .bar_ .progress_ {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .play_ .bar_.exceeded .progress_ {
  background-color: var(--APP-error-color)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .play_ .counter_.exceeded {
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .play_ .playButton.exceeded:not(:hover) {
  border-color: #fff!important
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .billable_ .show_on_focus input {
  background-color: transparent;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .billable_ .show_on_focus input:focus,
.MSTEAMS.deep_dark_mode_ #TaskDetail .billable_ .show_on_focus input:hover {
  background-color: var(--MS-DARK-APP-global-hover)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .billable_ .show_on_focus input::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .billable_ .show_on_focus input::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .billable_ .show_on_focus input:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .billable_ .show_on_focus input:-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .created_by_ .image_ {
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .created_by_ u {
  color: #a9a9a9
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .quill_ .ql-editor {
  background-color: transparent!important
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .quill_.focus_ {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .quill_:not(.focus_)::after {
  -webkit-box-shadow: 0 0 30px 40px #000;
  -moz-box-shadow: 0 0 30px 40px #000;
  box-shadow: 0 0 30px 40px #000
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .users_list_:hover ul {
  background-color: #464646
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .users_list_ .img {
  background-color: #e4e4e4
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .users_list_ .img.empty i {
  color: #282828
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .users_list_ .img.empty:hover {
  background-color: #d8d8d8!important
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .eventList li.separator {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #TaskDetail.task-archived-true .sneek_title {
  color: #a9a9a9
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .integration_tag {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .integration_tag:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_ {
  background-color: #000;
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .base_f_ {
  border-top-color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_add_.focused_ .textarea_ textarea {
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_add_ .add_file_ a {
  background: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .task_comments_add_ .add_file_ a:hover {
  background: #ebeb00
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .logs_list_ .log_ .view_more_logs_ {
  color: #7b7b7b
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .logs_list_ .log_ .view_more_logs_:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .logs_list_ .log_ .log_action_ {
  color: #d2d0d0
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .logs_list_ .log_ .log_date_ {
  color: #7b7b7b
}
.MSTEAMS.deep_dark_mode_ #TaskDetail .logs_list_ .log_ .user_logs_ .title_ {
  color: #ababab
}
#Calendar {
  z-index: 1301!important
}
#Calendar .list_view_content_ {
  padding: 0
}
#Calendar .ui-datepicker {
  padding: 5px
}
#Calendar .ui-datepicker .ui-datepicker-calendar tbody td a,
#Calendar .ui-datepicker .ui-datepicker-calendar tbody td span {
  height: 35px;
  line-height: 35px
}
#ICalView {
  padding: 50px 0!important
}
#ICalView .list_view_content_,
#ICalView .list_view_footer_,
#ICalView .list_view_header_ {
  width: 100%;
  max-width: 700px!important;
  margin: 0 auto
}
#ICalView .list_view_footer_ .form_text_ {
  padding: 20px 0
}
#AddSingle {
  padding: 50px 0!important;
  z-index: 1002!important
}
#AddSingle .list_view_content_,
#AddSingle .list_view_footer_,
#AddSingle .list_view_header_ {
  width: 100%;
  max-width: 500px!important;
  margin: 0 auto
}
#AddSingle .list_view_content_ {
  max-height: 190px!important
}
#AddSingle .view_title_ {
  padding-top: 0
}
#AddSingle a[href="#delete"] {
  display: none
}
#AddSingle.edit a[href="#delete"] {
  display: inline-block
}
#AddSingle .user_advice {
  display: none!important;
  font-size: 14px;
  line-height: 16px;
  color: #f54337;
  font-family: robotobold,sans-serif
}
#AddSingle.adding_users .user_advice {
  display: block!important
}
#UpdatePassword {
  padding: 50px 0
}
#UpdatePassword .message_text {
  margin: 0
}
#UpdatePassword .message_text .message {
  color: var(--APP-error-color)
}
#UpdatePassword .message_text .message:empty {
  display: none
}
#TopNav {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 45;
  box-sizing: border-box
}
#TopNav .col_container {
  height: 45px;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box
}
#TopNav .player {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 35px;
  font-size: 0;
  user-select: none
}
#TopNav .player .player-task {
  max-width: 0;
  -webkit-transition: max-width .2s,margin .2s;
  -moz-transition: max-width .2s,margin .2s;
  -ms-transition: max-width .2s,margin .2s;
  transition: max-width .2s,margin .2s;
  overflow: hidden
}
#TopNav .player .player-task a {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -ms-transition: background-color .2s;
  transition: background-color .2s
}
#TopNav .player .player-task a:hover {
  background-color: rgba(0,0,0,.05)
}
#TopNav .player .player-task .project_item_ {
  width: 100%;
  font-weight: 700;
  font-size: 9px;
  display: flex;
  margin-bottom: 0
}
#TopNav .player .player-task .project_item_ .pill_ {
  width: 10px;
  height: 10px;
  line-height: 10px;
  font-size: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  background-color: #cfdae0;
  color: #fff!important;
  margin-right: 5px;
  flex-shrink: 0
}
#TopNav .player .player-task .project_item_ u {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%
}
#TopNav .player .player-task .project_item_ .customer {
  color: #868686;
  font-weight: 700
}
#TopNav .player .player-task .task_name_ {
  width: 100%;
  font-weight: 700;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 15px
}
#TopNav .player .player-task .task_name_:empty {
  display: none
}
#TopNav .player.tracking .player-task {
  max-width: 250px;
  margin-right: 5px
}
#TopNav .player .player-time {
  width: 0;
  flex-shrink: 0;
  text-align: center;
  -webkit-transition: width .2s,margin .2s;
  -moz-transition: width .2s,margin .2s;
  -ms-transition: width .2s,margin .2s;
  transition: width .2s,margin .2s;
  overflow: hidden
}
#TopNav .player .player-time .time {
  font-weight: 900;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  max-width: 100%
}
#TopNav .player.tracking .player-time {
  width: 70px;
  margin-right: 5px
}
#TopNav .player .player-play {
  width: 25px;
  height: 25px;
  flex-shrink: 0
}
#TopNav .player .player-play .playButton span {
  width: 25px;
  height: 25px;
  line-height: 27px
}
#TopNav .player:not(.tracking) .player-play .playButton {
  background-color: #282828;
  border-color: #282828;
  color: #fff
}
#TopNav .player .player-play .playButton:hover:not(.tracking) {
  color: #282828;
  background-color: #eaeaea
}
#TopNav .addnew_dropdown {
  display: inline-block!important;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 5px
}
#TopNav .addnew_dropdown .showAdd {
  width: 20px;
  height: 20px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  font-weight: 700;
  color: #282828;
  background-color: #f5f4f4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  text-transform: uppercase
}
#TopNav .addnew_dropdown .showAdd:hover {
  background-color: #eaeaea
}
#TopNav .addnew_dropdown .drop_pop_ {
  min-width: 0;
  width: 160px;
  left: 50%;
  margin-left: -80px;
  top: 27px
}
#TopNav .profile_dropdown {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px
}
#TopNav .profile_dropdown .avatar_button {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
  position: relative
}
#TopNav .profile_dropdown .avatar_button .image {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f4f4
}
#TopNav .profile_dropdown.has_updates .avatar_button::after {
  width: 7px;
  height: 7px;
  top: 3px;
  right: 0;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--APP-error-color);
  content: '';
  display: inline-block;
  vertical-align: top;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
#TopNav .profile_dropdown .drop_pop_ {
  width: 160px
}
#TopNav .profile_dropdown .get_pro_,
#TopNav .profile_dropdown .tray_app_ {
  display: none
}
#TopNav .profile_dropdown .version_button_ {
  display: flex;
  align-items: center;
  position: relative
}
#TopNav .profile_dropdown .version_button_ .version {
  margin-left: auto;
  width: auto;
  flex-shrink: 0;
  font-size: 10px;
  color: #828282
}
#TopNav .profile_dropdown.has_updates .version_button_ .version::after {
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--APP-error-color);
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
  top: -1px
}
#TopNav .notifications_dropdown {
  display: none;
  vertical-align: middle;
  margin-left: 10px
}
#TopNav .notifications_dropdown .notification_button {
  width: 25px;
  height: 25px;
  line-height: 27px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  text-align: center;
  color: var(--FORMS-value)
}
#TopNav .notifications_dropdown .notification_button::after {
  width: 7px;
  height: 7px;
  top: 3px;
  right: 3px;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--APP-error-color);
  content: '';
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: inline-block;
  vertical-align: top;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
#TopNav .notifications_dropdown .notification_button:hover {
  background-color: #eaeaea;
  border-color: #eaeaea
}
#TopNav .notifications_dropdown .static_ {
  display: none
}
#TopNav .notifications_dropdown .drop_pop_ {
  width: 300px;
  top: 30px
}
#TopNav .notifications_dropdown.notifyOn {
  display: inline-block
}
#TopNav .notifications_dropdown.notifyOn .notification_button::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
#TopNav .notifications_dropdown.notifyOn .notification_button::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
#TopNav .notifications_dropdown.notifyOn .static_ {
  display: inline-block
}
#TopNav .subscribe_box {
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px
}
#TopNav .subscribe_box a {
  width: auto;
  padding: 0 13px;
  height: 25px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  font-weight: 700;
  color: #00ad95;
  border: 1px solid #00ad95;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  letter-spacing: .5px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  text-transform: uppercase
}
#TopNav .subscribe_box a:hover {
  background-color: #009984;
  color: #fff
}
#TopNav .app_checklist {
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
  position: relative
}
#TopNav .app_checklist::after {
  width: 30px;
  height: 20px;
  position: absolute;
  top: 24px;
  right: 0;
  content: '';
  z-index: 0;
  display: none
}
#TopNav .app_checklist .primary_ {
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #00ad95;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  text-align: center;
  box-sizing: border-box
}
#TopNav .app_checklist .primary_:hover {
  background-color: #009984;
  color: #fff
}
#TopNav .app_checklist .download_bubble_ {
  width: 168px;
  height: 265px;
  top: 32px;
  right: 0;
  background-color: #fff;
  position: absolute;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  background-image: url(../../img/app-banner.jpg);
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  display: none
}
#TopNav .app_checklist .download_bubble_::after {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -50px;
  left: 0;
  -webkit-box-shadow: 0 -70px 50px 40px rgb(0 0 0 / 76%);
  -moz-box-shadow: 0 -70px 50px 40px rgb(0 0 0 / 76%);
  box-shadow: 0 -70px 50px 40px rgb(0 0 0 / 76%);
  content: '';
  display: inline-block;
  vertical-align: top;
  z-index: 0
}
#TopNav .app_checklist .download_bubble_ .text_ {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding: 15px 20px;
  text-align: center;
  z-index: 1
}
#TopNav .app_checklist .download_bubble_ .text_ h1 {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px
}
#TopNav .app_checklist .download_bubble_ .text_ .button_ {
  width: 100%;
  text-transform: uppercase;
  background-color: #44bba4;
  font-weight: 700;
  margin-left: 0
}
#TopNav .app_checklist .download_bubble_ .text_ .button_ + .button_ {
  margin-top: 10px
}
#TopNav .app_checklist .download_bubble_ .text_ .button_:hover {
  background-color: #009984
}
#TopNav .app_checklist:hover .download_bubble_,
#TopNav .app_checklist:hover::after {
  display: inline-block
}
.assistant_installed #TopNav .app_checklist {
  display: none
}
#TopNav .account {
  align-items: center;
  flex-shrink: 0;
  margin-right: 20px
}
#TopNav .account .logo {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  color: #282828;
  width: 130px;
  height: 30px;
  position: relative
}
#TopNav .account .logo i {
  position: absolute;
  top: 0;
  left: -10px;
  z-index: 1;
  font-size: 33px
}
#TopNav .account .workspace_switch_ {
  display: none
}
body.HAS_WORKSPACES #TopNav .account .logo {
  display: none
}
body.HAS_WORKSPACES #TopNav .account .workspace_switch_ {
  display: inline-block
}
#TopNav .navigation {
  display: inline-block;
  vertical-align: middle
}
#TopNav .navigation > ul {
  text-align: left
}
#TopNav .navigation > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  position: relative
}
#TopNav .navigation > ul > li::before {
  width: 100%;
  height: 30px;
  content: '';
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 0;
  display: none
}
#TopNav .navigation .pilar_button {
  position: relative;
  z-index: 1;
  font-size: 13px;
  padding: 0 13px
}
#TopNav .navigation .pilar_button:not([href]) {
  cursor: default
}
#TopNav .navigation .drop_pop_ {
  position: absolute;
  top: 35px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  display: none;
  z-index: 2
}
#TopNav .navigation .active .pilar_button {
  color: var(--APP-focus-color);
  font-weight: 700
}
#TopNav .navigation li:hover .drop_pop_ {
  display: inline-block
}
#TopNav .navigation li:hover::before {
  display: inline-block
}
#TopNav .navigation li:not(.active):hover .button_.theme_ {
  background-color: var(--APP-item-list-hover)
}
#TopNav .search_dropdown {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  position: relative;
  margin-right: auto
}
#TopNav .search_dropdown .search_button {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #f5f4f4;
  position: relative;
  line-height: 30px;
  font-size: 14px;
  color: var(--FORMS-value);
  text-align: center
}
#TopNav .search_dropdown .search_button:hover {
  background-color: #f5f4f4;
  border-color: #f5f4f4
}
#TopNav .search_dropdown #generalSearch {
  right: auto;
  left: 0;
  z-index: 20
}
@media only screen and (min-width :0px) and (max-width :580px) {
  #TopNav .navigation .pilar_button {
    font-size: 10px!important;
    padding: 0 7px!important
  }
  #TopNav .search_dropdown {
    display: none!important
  }
  #TopNav .navigation {
    margin-right: auto
  }
}
@media only screen and (min-width :0px) and (max-width :849px) {
  #TopNav .account,
  #TopNav .app_checklist,
  #TopNav .player,
  #TopNav .subscribe_box {
    display: none!important
  }
  #TopNav .player .table_ .task_col {
    max-width: 100px
  }
  #TopNav .addnew_dropdown {
    margin-right: 10px
  }
  #TopNav .notifications_dropdown {
    margin-right: 0
  }
  #TopNav .search_dropdown {
    margin-left: 5px
  }
  #TopNav .navigation .pilar_button {
    font-size: 12px;
    padding: 0 10px
  }
}
@media only screen and (min-width :850px) and (max-width :1023px) {
  #TopNav .account,
  #TopNav .app_checklist,
  #TopNav .subscribe_box {
    display: none!important
  }
  #TopNav .player .table_ .task_col {
    max-width: 100px
  }
  #TopNav .addnew_dropdown {
    margin-right: 10px
  }
  #TopNav .notifications_dropdown {
    margin-right: 0
  }
  #TopNav .search_dropdown {
    margin-left: 5px
  }
  #TopNav .navigation .pilar_button {
    font-size: 12px;
    padding: 0 10px
  }
}
@media only screen and (min-width :1024px) and (max-width :1200px) {
  #TopNav .account {
    margin-right: 15px
  }
  #TopNav .account .switchAccount {
    width: 95px
  }
  #TopNav .account .logo {
    width: 95px;
    font-size: 24px
  }
  #TopNav .account .logo i {
    top: 4px
  }
  #TopNav .app_checklist {
    display: none!important
  }
  #TopNav .player .table_ .task_col {
    max-width: 120px
  }
  #TopNav .addnew_dropdown {
    margin-right: 10px
  }
  #TopNav .notifications_dropdown {
    margin-right: 0
  }
  #TopNav .search_dropdown {
    margin-left: 5px
  }
  #TopNav .navigation .pilar_button {
    font-size: 12px;
    padding: 0 10px
  }
}
.dark-theme-on #TopNav {
  background-color: #2a313c
}
.dark-theme-on #TopNav .navigation .active .pilar_button {
  color: var(--APP-focus-color);
  background-color: var(--DARK-APP-focus-selected-color)
}
.dark-theme-on #TopNav .navigation li:not(.active):hover .button_.theme_ {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on #TopNav .account .logo {
  color: #fff
}
.dark-theme-on #TopNav .account .switchAccount {
  border-color: #232933
}
.dark-theme-on #TopNav .account .switchAccount:hover {
  background-color: #232933;
  border-color: #232933
}
.dark-theme-on #TopNav .account .switchAccount .title {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on #TopNav .account .switchAccount .name {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on #TopNav .search_dropdown .search_button {
  border-color: #232933;
  color: var(--DARK-FORMS-value)
}
.dark-theme-on #TopNav .search_dropdown .search_button:hover {
  background-color: #232933;
  border-color: #232933
}
.dark-theme-on #TopNav .notifications_dropdown .notification_button {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on #TopNav .notifications_dropdown .notification_button:hover {
  background-color: #20242b
}
.dark-theme-on #TopNav .addnew_dropdown .showAdd {
  color: #fff;
  background-color: #434d5d
}
.dark-theme-on #TopNav .addnew_dropdown .showAdd:hover {
  background-color: #20242b
}
.dark-theme-on #TopNav .profile_dropdown .version_button_ .version {
  color: #999
}
.dark-theme-on #TopNav .player .player-task a:hover {
  background-color: rgba(0,0,0,.1)
}
.dark-theme-on #TopNav .player:not(.tracking) .player-play .playButton {
  background-color: #fff;
  border-color: #fff;
  color: #2a313c
}
.dark-theme-on #TopNav .player .player-play .playButton:hover:not(.tracking) {
  border-color: #20242b;
  color: #fff;
  background-color: #20242b
}
.dark-theme-on #TopNav .profile_dropdown .avatar_button .image {
  background-color: #434d5d
}
.MSTEAMS.dark_mode_ #TopNav {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #TopNav .navigation .active .pilar_button {
  color: var(--APP-focus-color);
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ #TopNav .navigation li:not(.active):hover .button_.theme_ {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ #TopNav .account .logo {
  color: #fff
}
.MSTEAMS.dark_mode_ #TopNav .account .switchAccount {
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TopNav .account .switchAccount:hover {
  background-color: #2d2c2c;
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TopNav .account .switchAccount .title {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #TopNav .account .switchAccount .name {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ #TopNav .search_dropdown .search_button {
  border-color: #2d2c2c;
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ #TopNav .search_dropdown .search_button:hover {
  background-color: #2d2c2c;
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TopNav .notifications_dropdown .notification_button {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ #TopNav .notifications_dropdown .notification_button:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ #TopNav .addnew_dropdown .showAdd {
  color: #fff;
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TopNav .addnew_dropdown .showAdd:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ #TopNav .profile_dropdown .version_button_ .version {
  color: #999
}
.MSTEAMS.dark_mode_ #TopNav .player .player-task a:hover {
  background-color: rgba(0,0,0,.1)
}
.MSTEAMS.dark_mode_ #TopNav .player:not(.tracking) .player-play .playButton {
  background-color: #fff;
  border-color: #fff;
  color: #3d3d3d
}
.MSTEAMS.dark_mode_ #TopNav .player .player-play .playButton:hover:not(.tracking) {
  border-color: #191717;
  color: #fff;
  background-color: #191717
}
.MSTEAMS.dark_mode_ #TopNav .profile_dropdown .avatar_button .image {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #TopNav {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #TopNav .navigation .active .pilar_button {
  color: #ebeb01;
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ #TopNav .navigation li:not(.active):hover .button_.theme_ {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ #TopNav .account .logo {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TopNav .account .switchAccount {
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #TopNav .account .switchAccount:hover {
  background-color: #2d2c2c;
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #TopNav .account .switchAccount .title {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #TopNav .account .switchAccount .name {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ #TopNav .search_dropdown .search_button {
  border-color: #2d2c2c;
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ #TopNav .search_dropdown .search_button:hover {
  background-color: #2d2c2c;
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #TopNav .notifications_dropdown .notification_button {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ #TopNav .notifications_dropdown .notification_button:hover {
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ #TopNav .addnew_dropdown .showAdd {
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TopNav .addnew_dropdown .showAdd:hover {
  background-color: #ebeb01
}
.MSTEAMS.deep_dark_mode_ #TopNav .profile_dropdown .version_button_ .version {
  color: #999
}
.MSTEAMS.deep_dark_mode_ #TopNav .player .player-task a:hover {
  background-color: rgba(0,0,0,.1)
}
.MSTEAMS.deep_dark_mode_ #TopNav .player:not(.tracking) .player-play .playButton {
  background-color: #fff;
  border-color: #fff;
  color: #3d3d3d
}
.MSTEAMS.deep_dark_mode_ #TopNav .player .player-play .playButton:hover:not(.tracking) {
  border-color: #fff;
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ #TopNav .profile_dropdown .avatar_button .image {
  background-color: #fff
}
.account_avatar_ {
  width: 26px;
  height: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: middle
}
.account_avatar_ .img_ {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #f0f4f7;
  position: absolute;
  top: 0;
  left: 0
}
body.dark-theme-on .account_avatar_ .img_ {
  background-color: #1d2228
}
.MSTEAMS.dark_mode_ .account_avatar_ .img_ {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .account_avatar_ .img_ {
  background-color: #fff
}
.timeSourceContainer {
  display: inline-block;
  vertical-align: middle
}
.timeSourceContainer .timeSource {
  display: inline-block;
  vertical-align: top
}
.timeSourceContainer .timeSource i {
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  font-size: 12px
}
.timeSourceContainer .timeSource .toolTip {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: #fff;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  border: 1px solid var(--APP-shadow-border);
  padding: 10px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap
}
.timeSourceContainer:hover {
  z-index: 10
}
.timeSourceContainer:hover .toolTip {
  display: inline-block
}
body.dark-theme-on .timeSourceContainer .timeSource .toolTip {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
#ServiceView .list_view_header_ {
  border: 0
}
#ServiceView .add_item_row {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
  display: none;
  vertical-align: top
}
#ServiceView.showAddForm .add_item_row {
  display: inline-block
}
#ServiceView .item_list {
  width: 100%;
  font-size: 0;
  margin-top: 0
}
#ServiceView .item_list li {
  width: 100%;
  position: relative;
  padding: 10px 10px 10px 35px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box
}
#ServiceView .item_list li:hover {
  background-color: var(--APP-item-list-hover)
}
#ServiceView .item_list li.selected {
  background-color: var(--APP-focus-selected-color);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
#ServiceView .item_list .listItemSeparator {
  background-color: #f5f4f4!important;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 10px;
  box-sizing: border-box;
  font-size: 12px;
  color: #707070;
  line-height: 12px;
  font-weight: 700;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 5;
  border: 0 none;
  margin-bottom: 10px
}
#ServiceView .item_list .listItemSeparator + li {
  border-top: 0 none
}
#ServiceView .item_list li + .listItemSeparator {
  margin-top: 10px
}
#ServiceView .item_list .check_ {
  position: absolute;
  top: 50%;
  left: 10px;
  width: auto;
  margin: 0;
  margin-top: -8px
}
#ServiceView .item_list .check_ label {
  opacity: .5
}
#ServiceView .item_list li .check_ input:checked + label,
#ServiceView .item_list li:hover .check_ label {
  opacity: 1
}
#ServiceView .item_list .input_ .input_button:not(:hover):not(:focus),
#ServiceView .item_list .input_ input:not(.button_):not(:hover):not(:focus) {
  border-color: transparent!important
}
#ServiceView .item_list .input_ input:not(.button_) {
  height: 35px
}
body.dark-theme-on #ServiceView .item_list .listItemSeparator {
  background-color: #20262f!important;
  color: #fff
}
body.dark-theme-on #ServiceView .add_item_row {
  border-bottom-color: #232933
}
body.dark-theme-on #ServiceView .item_list li {
  border-top-color: #232933
}
body.dark-theme-on #ServiceView .item_list li:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on #ServiceView .item_list li.selected {
  background-color: var(--DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ #ServiceView .item_list .listItemSeparator {
  background-color: #2d2c2c!important;
  color: #fff
}
.MSTEAMS.dark_mode_ #ServiceView .add_item_row {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #ServiceView .item_list li {
  border-top-color: #232933
}
.MSTEAMS.dark_mode_ #ServiceView .item_list li:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ #ServiceView .item_list li.selected {
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.deep_dark_mode_ #ServiceView .item_list .listItemSeparator {
  background-color: #151515!important;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #ServiceView .add_item_row {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ #ServiceView .item_list li {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ #ServiceView .item_list li:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ #ServiceView .item_list li.selected {
  background-color: var(--MS-DEEP-DARK-APP-focus-selected-color)
}
.userTimeCard {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.userTimeCard:not(.not_hover) {
  cursor: pointer
}
.userTimeCard:not(.not_hover):hover {
  background-color: var(--APP-item-list-hover)
}
.userTimeCard.open {
  background-color: var(--APP-item-list-hover);
  border: 1px solid #efefef
}
.userTimeCard .negative {
  color: #f14846!important
}
.userTimeCard .positive {
  color: #269ae1!important
}
.userTimeCard .table_ {
  width: 100%;
  height: 60px;
  table-layout: fixed
}
.userTimeCard .table_ .cell_ {
  padding: 15px 20px;
  position: relative
}
.userTimeCard .table_ .cell_.avatarTotal {
  width: 200px;
  padding-left: 55px
}
.userTimeCard .table_ .cell_.weekDays {
  width: auto
}
.userTimeCard .table_ .cell_.weekends {
  width: auto
}
.userTimeCard .table_ .cell_.clock_in {
  width: auto
}
.userTimeCard .table_ .cell_.clock_out {
  width: auto
}
.userTimeCard .table_ .cell_.clients {
  width: 50px
}
.userTimeCard .table_ .cell_.projects {
  width: 50px
}
.userTimeCard .table_ .cell_.tasks {
  width: 50px
}
.userTimeCard .title {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
  font-weight: 700;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 5px;
  text-transform: capitalize
}
.userTimeCard .account_avatar_ {
  margin-right: 10px;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 10px
}
.userTimeCard .account_avatar_.company {
  background-color: #139e86;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.userTimeCard .userName {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  color: #282828;
  line-height: 13px;
  font-weight: 700;
  width: 100%;
  margin-bottom: 5px
}
.userTimeCard .totalHours {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  color: #1cb69b;
  line-height: 18px;
  font-weight: 700;
  width: 100%
}
.userTimeCard .bigNumber {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #282828;
  line-height: 16px;
  font-weight: 700
}
.userTimeCard .value {
  width: 100%;
  min-height: 31px
}
.userTimeCard .value .primary {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin-bottom: 5px
}
.userTimeCard .value .secondary {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  width: 100%
}
.userTimeCard .value h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  color: #282828;
  display: inline-block;
  vertical-align: top
}
.userTimeCard .value p {
  color: #282828;
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px
}
.userTimeCard .value p:last-child {
  margin-right: 0
}
.userTimeCard .value p strong {
  font-size: 12px;
  line-height: 12px;
  color: #282828;
  font-weight: 600
}
.userTimeCard .userTimelineGraph {
  width: 100%;
  border-top: 1px solid #efefef
}
.userTimeCard .userTimelineGraph:empty {
  display: none
}
.userTimeCard.companyTotals {
  background-color: #282828;
  border-bottom: 0 none;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.userTimeCard.companyTotals:hover {
  background-color: #1d1d1d
}
.userTimeCard.companyTotals .table_ .cell_.avatarTotal {
  background-color: #1cb69b
}
.userTimeCard.companyTotals .table_ .cell_.sorting {
  background-color: #1d1d1d
}
.userTimeCard.companyTotals .totalHours {
  color: #fff
}
.userTimeCard.companyTotals .value h2 {
  color: #fff
}
.userTimeCard.companyTotals .value p {
  color: #fff
}
.userTimeCard.companyTotals .value p strong {
  color: #fff
}
.userTimeCard.companyTotals .value {
  min-height: 0
}
.userTimeCard.companyTotals .value .primary {
  margin-right: 5px;
  margin-bottom: 0
}
.userTimeCard.companyTotals .value .secondary {
  width: auto
}
@media only screen and (min-width :0px) and (max-width :1279px) {
  .userTimeCard .table_ .cell_ {
    padding: 0 10px
  }
  .userTimeCard .table_ .cell_.avatarTotal {
    width: 140px
  }
  .userTimeCard .table_ .cell_.weekDays {
    width: auto
  }
  .userTimeCard .table_ .cell_.weekends {
    width: auto
  }
  .userTimeCard .table_ .cell_.clock_in {
    width: auto
  }
  .userTimeCard .table_ .cell_.clock_out {
    width: auto
  }
  .userTimeCard .table_ .cell_.clients {
    width: 50px
  }
  .userTimeCard .table_ .cell_.projects {
    width: 50px
  }
  .userTimeCard .table_ .cell_.tasks {
    width: 50px
  }
  .userTimeCard .userName {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
}
body.dark-theme-on .userTimeCard.companyTotals {
  background-color: #20262f
}
body.dark-theme-on .userTimeCard.companyTotals .table_ .cell_.sorting {
  background-color: #1d2025
}
body.dark-theme-on .userTimeCard:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on .userTimeCard.open {
  background-color: var(--DARK-APP-item-list-hover);
  border-color: #1f232b
}
body.dark-theme-on .userTimeCard .userName {
  color: #fff
}
body.dark-theme-on .userTimeCard .value h2 {
  color: #fff
}
body.dark-theme-on .userTimeCard .value p {
  color: #fff
}
body.dark-theme-on .userTimeCard .value p strong {
  color: #fff
}
body.dark-theme-on .userTimeCard .bigNumber {
  color: #fff
}
body.dark-theme-on .userTimeCard .userTimelineGraph {
  border-top-color: #1f232b
}
.MSTEAMS.dark_mode_ .userTimeCard.companyTotals {
  background-color: #191717
}
.MSTEAMS.dark_mode_ .userTimeCard.companyTotals .table_ .cell_.sorting {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .userTimeCard {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .userTimeCard:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .userTimeCard.open {
  background-color: var(--MS-DARK-APP-item-list-hover);
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .userTimeCard .userTimelineGraph {
  border-top-color: #201e1e
}
.MSTEAMS.dark_mode_ .userTimeCard .userName {
  color: #fff
}
.MSTEAMS.dark_mode_ .userTimeCard .value h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .userTimeCard .value p {
  color: #fff
}
.MSTEAMS.dark_mode_ .userTimeCard .value p strong {
  color: #fff
}
.MSTEAMS.dark_mode_ .userTimeCard .bigNumber {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .userTimeCard.companyTotals {
  background-color: #1b1b1b
}
.MSTEAMS.deep_dark_mode_ .userTimeCard.companyTotals .table_ .cell_.sorting {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .userTimeCard:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .userTimeCard.open {
  background-color: #000;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .userTimeCard .userTimelineGraph {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ .userTimeCard .userName {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .userTimeCard .value h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .userTimeCard .value p {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .userTimeCard .value p strong {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .userTimeCard .bigNumber {
  color: #fff
}
#NotAllowedViewPopUp {
  padding: 50px 0
}
#NotAllowedViewPopUp > div {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  max-height: 290px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
#NotAllowedViewPopUp .messegeComponent.text {
  padding: 70px 0 70px 0!important
}
#SettingsView .save_table_ {
  margin-top: 10px
}
#SettingsView .save_table_ .cell_ {
  padding: 0!important
}
#IframeView {
  padding: 50px 0!important;
  z-index: 1002!important
}
#IframeView .list_view_content_,
#IframeView .list_view_footer_,
#IframeView .list_view_header_ {
  width: 100%;
  max-width: 800px;
  margin: 0 auto
}
#IframeView .list_view_content_ {
  padding: 0;
  overflow: hidden
}
#IframeView .list_view_content_ iframe {
  width: 100%!important;
  height: 100%!important
}
#IframeView .logo {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  color: #000
}
#IframeView .logo i {
  display: inline-block;
  vertical-align: top
}
body.dark-theme-on #IframeView .logo {
  color: #fff
}
#SingleTimeEntryView .save_options_ {
  z-index: 20
}
#SingleTimeEntryView .save_options_ .button_ {
  width: 30px;
  min-width: 30px;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: var(--APP-radius);
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -moz-border-radius-topright: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  border-top-right-radius: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius)
}
#SingleTimeEntryView .save_options_ .drop_pop_ {
  bottom: 47px!important
}
#SingleTimeEntryView .user_info_ {
  margin-bottom: 0
}
#SingleTimeEntryView .primary_input_ .value a,
#SingleTimeEntryView .primary_input_ .value input,
#SingleTimeEntryView .primary_input_ .value textarea {
  font-weight: 400
}
#SingleTimeEntryView .list_view_header_ .cell_.right {
  width: 250px
}
#SingleTimeEntryView .delete_table {
  margin-bottom: 0
}
#SingleTimeEntryView .repeat_time_entry_ .separator_.arrow_active_::before {
  margin-left: -120px
}
#FloatingTimeEntryView {
  width: 380px;
  height: auto;
  border: 1px solid var(--APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  position: fixed;
  z-index: 1300;
  background-color: #fff;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  display: none
}
#FloatingTimeEntryView.active {
  display: block
}
#FloatingTimeEntryView[class*=arrow_] {
  overflow: visible
}
#FloatingTimeEntryView[class*=arrow_] .list_view_content_,
#FloatingTimeEntryView[class*=arrow_] .list_view_footer_ {
  background-color: transparent
}
#FloatingTimeEntryView.arrow_top_::after,
#FloatingTimeEntryView.arrow_top_::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  content: '';
  top: -10px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  z-index: 1
}
#FloatingTimeEntryView.arrow_top_::after {
  z-index: 0;
  border-color: transparent transparent var(--APP-shadow-border) transparent;
  top: -11px
}
#FloatingTimeEntryView.arrow_right_::after,
#FloatingTimeEntryView.arrow_right_::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  content: '';
  top: -10px;
  left: auto;
  right: 5px;
  position: absolute;
  z-index: 1
}
#FloatingTimeEntryView.arrow_right_::after {
  z-index: 0;
  border-color: transparent transparent var(--APP-shadow-border) transparent;
  top: -11px
}
#FloatingTimeEntryView .files_uploader_ {
  margin: 0 0 2px 0
}
#FloatingTimeEntryView .list_view_content_ {
  max-height: 400px;
  z-index: 0
}
#FloatingTimeEntryView .list_view_content_ .centered_ {
  padding-top: 15px;
  min-height: 65px
}
#FloatingTimeEntryView .list_view_header_ .cell_.right {
  width: 250px
}
#FloatingTimeEntryView .delete_table {
  margin-bottom: 0;
  margin-top: 20px
}
#FloatingTimeEntryView .action_button_.floating {
  top: 15px
}
#FloatingTimeEntryView.loading .action_button_.floating {
  display: none
}
#FloatingTimeEntryView .loading_box_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 50;
  display: none
}
#FloatingTimeEntryView .loading_box_::before {
  vertical-align: middle;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e0e5ea;
  border-left: 2px solid #f54337;
  box-sizing: border-box;
  -webkit-animation: spin .5s infinite ease-in-out;
  animation: spin .5s infinite ease-in-out;
  content: '';
  top: 50%;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  margin-top: -10px;
  z-index: 10;
  background-color: #fff
}
#FloatingTimeEntryView.loading .loading_box_ {
  display: block
}
#FloatingTimeEntryView.mode_player .action_button_.floating,
#FloatingTimeEntryView.mode_player .repeat_time_entry_ {
  display: none!important
}
#FloatingTimeEntryView.mode_player [href="#save"]:hover {
  background-color: var(--APP-track-color)
}
#FloatingTimeEntryView .save_options_ {
  margin-left: 2px
}
#FloatingTimeEntryView .save_options_ .button_ {
  width: 30px;
  min-width: 30px;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: var(--APP-radius);
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -moz-border-radius-topright: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  border-top-right-radius: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius)
}
#FloatingTimeEntryView .save_options_ .drop_pop_ {
  bottom: 47px!important
}
#FloatingTimeEntryView .user_info_ {
  padding-left: 30px
}
#FloatingTimeEntryView .user_info_ .avatar {
  width: 20px;
  height: 20px;
  margin-top: -10px
}
#FloatingTimeEntryView .user_info_ .name {
  line-height: 20px;
  font-weight: 500;
  font-size: 12px
}
#FloatingTimeEntryView .user_info_ .email {
  display: none
}
@media only screen and (min-width:850px) and (max-width:1200px) {
  #FloatingTimeEntryView.arrow_top_::after,
  #FloatingTimeEntryView.arrow_top_::before {
    right: 6px;
    left: auto;
    margin-left: 0
  }
}
body.dark-theme-on #FloatingTimeEntryView {
  border-color: var(--DARK-APP-shadow-border);
  background-color: #29303c
}
body.dark-theme-on #FloatingTimeEntryView.arrow_top_::after,
body.dark-theme-on #FloatingTimeEntryView.arrow_top_::before {
  border-color: transparent transparent #29303c transparent
}
body.dark-theme-on #FloatingTimeEntryView.arrow_top_::after {
  border-color: transparent transparent var(--DARK-APP-shadow-border) transparent
}
body.dark-theme-on #FloatingTimeEntryView.arrow_right_::after,
body.dark-theme-on #FloatingTimeEntryView.arrow_right_::before {
  border-color: transparent transparent #29303c transparent
}
body.dark-theme-on #FloatingTimeEntryView.arrow_right_::after {
  border-color: transparent transparent var(--DARK-APP-shadow-border) transparent
}
body.dark-theme-on #FloatingTimeEntryView .tracking [data-comp=endDateButton],
body.dark-theme-on #FloatingTimeEntryView .tracking [data-comp=startDateButton] {
  color: var(--DARK-FORMS-tags-value-placeholder-color)
}
body.dark-theme-on #FloatingTimeEntryView .loading_box_ {
  background-color: #313a4a
}
body.dark-theme-on #FloatingTimeEntryView .loading_box_::before {
  border-color: #313a4a;
  border-left-color: #f54337;
  background-color: #313a4a
}
.MSTEAMS.dark_mode_ #FloatingTimeEntryView {
  border-color: var(--MS-DARK-APP-shadow-border);
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #FloatingTimeEntryView.arrow_top_::after,
.MSTEAMS.dark_mode_ #FloatingTimeEntryView.arrow_top_::before {
  border-color: transparent transparent #201e1e transparent
}
.MSTEAMS.dark_mode_ #FloatingTimeEntryView.arrow_top_::after {
  border-color: transparent transparent var(--MS-DARK-APP-shadow-border) transparent
}
.MSTEAMS.dark_mode_ #FloatingTimeEntryView.arrow_right_::after,
.MSTEAMS.dark_mode_ #FloatingTimeEntryView.arrow_right_::before {
  border-color: transparent transparent #201e1e transparent
}
.MSTEAMS.dark_mode_ #FloatingTimeEntryView.arrow_right_::after {
  border-color: transparent transparent var(--MS-DARK-APP-shadow-border) transparent
}
.MSTEAMS.dark_mode_ #FloatingTimeEntryView .tracking [data-comp=endDateButton],
.MSTEAMS.dark_mode_ #FloatingTimeEntryView .tracking [data-comp=startDateButton] {
  color: var(--MS-DARK-FORMS-tags-value-placeholder-color)
}
.MSTEAMS.dark_mode_ #FloatingTimeEntryView .loading_box_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #FloatingTimeEntryView .loading_box_::before {
  border-color: #3c3c3c;
  border-left-color: #f54337;
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView {
  border-color: var(--MS-DEEP-DARK-APP-shadow-border);
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView.arrow_top_::after,
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView.arrow_top_::before {
  border-color: transparent transparent #000 transparent
}
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView.arrow_top_::after {
  border-color: transparent transparent var(--MS-DEEP-DARK-APP-shadow-border) transparent
}
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView.arrow_right_::after,
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView.arrow_right_::before {
  border-color: transparent transparent #000 transparent
}
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView.arrow_right_::after {
  border-color: transparent transparent var(--MS-DEEP-DARK-APP-shadow-border) transparent
}
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView .tracking [data-comp=endDateButton],
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView .tracking [data-comp=startDateButton] {
  color: var(--MS-DEEP-DARK-FORMS-tags-value-placeholder-color)
}
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView .loading_box_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #FloatingTimeEntryView .loading_box_::before {
  border-color: #fff;
  border-left-color: #ffff01;
  background-color: #000
}
#SubscribeView .base_c_ .table_ {
  width: 100%;
  margin-bottom: 25px
}
#SubscribeView .base_c_ .table_ .cell_ {
  width: 50%
}
#SubscribeView .base_c_ .table_ .cell_:first-child {
  padding-right: 10px
}
#SubscribeView .base_c_ .table_ .cell_:last-child {
  padding-left: 10px
}
#SubscribeView .base_c_ .table_ .cell_.no_pad {
  padding: 0!important
}
#SubscribeView .billingTextarea {
  height: 140px
}
#SubscribeView .paymentError {
  color: var(--APP-error-color)
}
#SubscribeView .save_space_ {
  margin-bottom: 20px
}
#SubscribeView .save_space_:last-child {
  margin-bottom: 0
}
#SubscribeView .plan_container {
  width: 100%;
  table-layout: fixed
}
#SubscribeView .plan_container .cell_ {
  width: 33.33%
}
#SubscribeView .plan_container .free_form .form_text_ h2 {
  color: #f75b53
}
#SubscribeView .plan_container .pro_form .form_text_ h2 {
  color: #2cd8d5
}
#SubscribeView .plan_container .business_form .form_text_ h2 {
  color: #2b76b9
}
#SubscribeView .plan_container .plan_box {
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  border: 1px solid var(--APP-shadow-border);
  padding: 10px;
  padding-bottom: 50px;
  position: relative;
  min-height: 160px
}
#SubscribeView .plan_container .plan_box .button_ {
  width: calc(100% - 20px);
  padding: 0;
  font-size: 10px;
  position: absolute;
  bottom: 10px;
  left: 10px
}
#SubscribeView .plan_container .plan_box .form_text_ {
  padding: 0;
  text-align: center
}
#SubscribeView .plan_container .plan_box .form_text_ h2 {
  font-size: 1px;
  font-size: 18px;
  text-transform: uppercase;
  padding: 10px 0;
  font-weight: 700
}
#SubscribeView .plan_container .plan_box .form_text_ p {
  font-size: 12px;
  line-height: 16px;
  color: #2d343e
}
#SubscribeView .plan_container .plan_box .form_text_ p.small {
  font-size: 10px;
  line-height: 10px;
  color: #6e7a89
}
#SubscribeView .plan_container .plan_box.active {
  border-color: var(--APP-focus-color)
}
#SubscribeView .plan_container .plan_box.active .form_text_ h2 {
  color: var(--APP-focus-color)
}
#SubscribeView .plan_container .plan_box.active .button_ {
  background-color: var(--APP-focus-color)
}
#SubscribeView .plan_container .plan_box.active .button_:hover {
  background-color: var(--APP-error-color)
}
#SubscribeView .cancel_at_period_end {
  width: 100%;
  background-color: var(--APP-error-color);
  padding: 20px 0;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
#SubscribeView .billingHistoryContainer {
  width: 100%
}
#SubscribeView .billingHistoryContainer .billingHistory {
  width: 100%;
  max-height: 250px;
  min-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid #d3dce2
}
#SubscribeView .billingHistoryContainer .billingHistory .invoiceItem {
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid #d3dce2;
  box-sizing: border-box;
  padding: 12px 15px;
  position: relative;
  width: 100%
}
#SubscribeView .billingHistoryContainer .billingHistory .invoiceItem:first-child {
  border-top: 0 none
}
#SubscribeView .billingHistoryContainer .billingHistory .invoiceItem .lineTitle {
  display: block;
  vertical-align: top;
  font-weight: 600;
  font-size: 12px
}
#SubscribeView .billingHistoryContainer .billingHistory .invoiceItem .lineDescription {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  display: block;
  font-weight: 700
}
#SubscribeView .billingHistoryContainer .billingHistory .invoiceItem .lineAmount {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 50%;
  right: 15px;
  height: 20px;
  line-height: 20px;
  font-weight: 700;
  font-size: 14px;
  margin-top: -10px
}
body.dark-theme-on #SubscribeView .plan_container .plan_box {
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on #SubscribeView .plan_container .plan_box .form_text_ p {
  color: #fff
}
body.dark-theme-on #SubscribeView .billingHistory {
  border-color: #1f232b
}
body.dark-theme-on #SubscribeView .billingHistory .invoiceItem {
  border-top-color: #1f232b
}
body.dark-theme-on #SubscribeView .plan_container .plan_box.active {
  border-color: var(--APP-focus-color)
}
#AppUpdatesView {
  padding: 50px 0!important;
  z-index: 1002!important
}
#AppUpdatesView .list_view_content_,
#AppUpdatesView .list_view_footer_,
#AppUpdatesView .list_view_header_ {
  width: 100%;
  max-width: 800px;
  margin: 0 auto
}
#AppUpdatesView .list_view_content_ {
  padding: 0;
  overflow: hidden
}
#AppUpdatesView .list_view_content_ iframe {
  width: 100%!important;
  height: 100%!important
}
#AppUpdatesView .logo {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  color: #000
}
#AppUpdatesView .logo i {
  display: inline-block;
  vertical-align: top
}
body.dark-theme-on #AppUpdatesView .logo {
  color: #fff
}
.MSTEAMS.dark_mode_ #AppUpdatesView .logo {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #AppUpdatesView .logo {
  color: #fff
}
.floatingPanel {
  width: 230px;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  display: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  overflow: hidden;
  box-shadow: 0 5px 40px #0000001f;
  font-size: 12px;
  padding: 15px;
  color: #2d343e;
  margin-left: 10px
}
.floatingPanel.active {
  display: block;
  z-index: 40
}
.floatingPanel h2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px
}
.floatingPanel h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px
}
.floatingPanel strong {
  margin-top: 10px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 12px
}
.floatingPanel .color_track {
  color: #00d7b9
}
body.dark-theme-on .floatingPanel {
  background-color: #303741;
  border: 1px solid #202123;
  color: #fff;
  text-shadow: 0 1px #202123
}
body.dark-theme-on .floatingPanel span.duration {
  background-color: #00d6b9;
  color: #fff;
  text-shadow: 0 1px #00ab94
}
body.dark-theme-on .floatingPanel.bottom:before {
  border-color: #303741 transparent transparent transparent
}
body.dark-theme-on .floatingPanel.bottom:after {
  border-color: #202123 transparent transparent transparent
}
body.dark-theme-on .floatingPanel.top:before {
  border-color: transparent transparent #303741 transparent
}
body.dark-theme-on .floatingPanel.top:after {
  border-color: transparent transparent #202123 transparent
}
body.dark-theme-on .floatingPanel.left.top:before {
  border-color: transparent transparent #303741 transparent
}
body.dark-theme-on .floatingPanel.left.top:after {
  border-color: transparent transparent #202123 transparent
}
.MSTEAMS.dark_mode_ .floatingPanel {
  background-color: #191717;
  border-color: #191717;
  color: #fff;
  text-shadow: 0 1px #191717
}
.MSTEAMS.dark_mode_ .floatingPanel span.duration {
  background-color: #00d6b9;
  color: #fff;
  text-shadow: 0 1px #00ab94
}
.MSTEAMS.dark_mode_ .floatingPanel.bottom:before {
  border-color: #303741 transparent transparent transparent
}
.MSTEAMS.dark_mode_ .floatingPanel.bottom:after {
  border-color: #202123 transparent transparent transparent
}
.MSTEAMS.dark_mode_ .floatingPanel.top:before {
  border-color: transparent transparent #303741 transparent
}
.MSTEAMS.dark_mode_ .floatingPanel.top:after {
  border-color: transparent transparent #202123 transparent
}
.MSTEAMS.dark_mode_ .floatingPanel.left.top:before {
  border-color: transparent transparent #303741 transparent
}
.MSTEAMS.dark_mode_ .floatingPanel.left.top:after {
  border-color: transparent transparent #202123 transparent
}
.MSTEAMS.deep_dark_mode_ .floatingPanel {
  background-color: #000;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 1px #000
}
.MSTEAMS.deep_dark_mode_ .floatingPanel span.duration {
  background-color: #00d6b9;
  color: #fff;
  text-shadow: 0 1px #00ab94
}
.MSTEAMS.deep_dark_mode_ .floatingPanel.bottom:before {
  border-color: #303741 transparent transparent transparent
}
.MSTEAMS.deep_dark_mode_ .floatingPanel.bottom:after {
  border-color: #202123 transparent transparent transparent
}
.MSTEAMS.deep_dark_mode_ .floatingPanel.top:before {
  border-color: transparent transparent #303741 transparent
}
.MSTEAMS.deep_dark_mode_ .floatingPanel.top:after {
  border-color: transparent transparent #202123 transparent
}
.MSTEAMS.deep_dark_mode_ .floatingPanel.left.top:before {
  border-color: transparent transparent #303741 transparent
}
.MSTEAMS.deep_dark_mode_ .floatingPanel.left.top:after {
  border-color: transparent transparent #202123 transparent
}
.workingOnContainer {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}
.workingOnContainer .workingOnMask {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative
}
.workingOnContainer .workingOnMask::before {
  -webkit-box-shadow: 0 0 10px 16px #fff;
  -moz-box-shadow: 0 0 10px 16px #fff;
  box-shadow: 0 0 10px 16px #fff;
  width: 10px;
  height: 30px;
  position: absolute;
  top: 0;
  right: -10px;
  content: '';
  z-index: 1
}
.workingOnContainer .workingOnMask::after {
  -webkit-box-shadow: 0 0 10px 16px #fff;
  -moz-box-shadow: 0 0 10px 16px #fff;
  box-shadow: 0 0 10px 16px #fff;
  width: 10px;
  height: 30px;
  position: absolute;
  top: 0;
  left: -10px;
  content: '';
  z-index: 1
}
.workingOnContainer .workingOnContainerUser {
  width: auto;
  display: inline-block;
  vertical-align: top;
  cursor: pointer
}
.workingOnContainer .workingOnContainerUser .avatarCell {
  margin-left: 5px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #e0e5ea
}
.workingOnContainer .workingOnContainerUser .avatarCell.inactive {
  display: none!important
}
.workingOnContainer .workingOnContainerUser:first-child .avatarCell {
  margin-left: 0
}
.workingOnContainer .avatarCell .status_dot {
  display: block;
  width: 10px;
  height: 10px;
  background-color: #00d6b9;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color .4s,width .4s,height .4s,-webkit-box-shadow .8s,right .4s,bottom .4s;
  -moz-transition: background-color .4s,width .4s,height .4s,-moz-box-shadow .8s,right .4s,bottom .4s;
  -ms-transition: background-color .4s,width .4s,height .4s,-ms-box-shadow .8s,right .4s,bottom .4s;
  transition: background-color .4s,width .4s,height .4s,box-shadow .8s,right .4s,bottom .4s;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
  box-shadow: 0 0 5px rgba(0,0,0,.3)
}
body.dark-theme-on .workingOnContainer .workingOnMask::before {
  -webkit-box-shadow: 0 0 10px 16px #2a313b;
  -moz-box-shadow: 0 0 10px 16px #2a313b;
  box-shadow: 0 0 10px 16px #2a313b
}
body.dark-theme-on .workingOnContainer .workingOnMask::after {
  -webkit-box-shadow: 0 0 10px 16px #2a313b;
  -moz-box-shadow: 0 0 10px 16px #2a313b;
  box-shadow: 0 0 10px 16px #2a313b
}
#ConnectView {
  width: 30%;
  padding-right: 0;
  padding-bottom: 10px
}
.connectView .serviceListItem.selected a {
  border-left: 2px solid #a4abb5!important;
  padding-left: 18px
}
.connectView .serviceListItem {
  display: table;
  width: 100%;
  vertical-align: middle;
  border-bottom: 1px solid #f0f4f7;
  font-size: 14px
}
.connectView .serviceListItem:first-child {
  border-top: 1px solid #f0f4f7
}
.connectView .serviceListItem a {
  display: block;
  vertical-align: middle;
  padding: 10px 0;
  padding-left: 20px;
  color: #565559
}
.connectView .serviceListItem a:hover {
  background-color: beige
}
.connectView .serviceListItem a img {
  vertical-align: middle;
  margin-right: 4px
}
.connectionSettings {
  background: red;
  width: 70%;
  left: 30%
}
#ConnectSettingsView {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  margin-right: 10px
}
.connectSettingsView .leftCol {
  width: 20%;
  padding: 2%;
  padding-top: 0;
  float: left;
  display: block;
  position: absolute;
  border-right: 1px solid #f0f4f7
}
.connectSettingsView .rightCol {
  width: 70%;
  padding: 2%;
  padding-top: 0;
  float: left;
  display: block;
  margin-left: 26%;
  min-height: 80%
}
.connectSettingsView .disconnect {
  line-height: 30px;
  color: #565559;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  display: inline-block;
  text-decoration: underline
}
.connectSettingsView #connectWithQuickbooksButton {
  cursor: pointer
}
.connectSettingsView #connectWithQuickbooksButton:hover {
  opacity: .8
}
.connectSettingsView ul.connectionsAction li a {
  padding: 10px 8px 2px;
  font-size: 14px
}
.connectSettingsView ul.connectionsAction li h3 {
  color: #f54337
}
.connectSettingsView ul.connectionsAction li p {
  line-height: 16px;
  color: #565559
}
.connectSettingsView ul.connectionsAction li.selected a h3,
.connectSettingsView ul.connectionsAction li.selected a p {
  font-family: robotobold,sans-serif
}
.connectSettingsView li.connectListItem {
  width: 100%;
  padding: 6px 4px;
  background-color: #fff
}
.connectSettingsView li.connectListItem span {
  width: 36%;
  margin-right: 8px;
  display: inline-block;
  opacity: .6
}
.connectSettingsView li.connectListItem.checked span {
  opacity: 1
}
.connectSettingsView li.connectListItem span.small {
  width: 22%
}
.connectSettingsView li.connectListItem span.full {
  width: 80%
}
.connectSettingsView li.connectListItem span input {
  padding-right: 0
}
.connectSettingsView li.connectListItem span select {
  height: 41px
}
.connectSettingsView li.connectListItem small {
  font-size: 8px;
  text-transform: uppercase
}
.connectSettingsView li.connectListItem .checkbox_styled {
  float: right;
  margin-top: 25px;
  margin-left: 10px
}
.connectSettingsView .connectListFooter {
  width: 70%;
  background-color: #fff;
  height: 50px;
  position: absolute;
  bottom: 10px;
  display: none;
  text-align: right;
  border-top: 1px solid #f0f4f7
}
.connectSettingsView .connectListFooter .simple_button {
  margin-right: 10px;
  margin-top: 4px
}
.connectSettingsView .connectListFooter.active {
  display: block
}
.connectSettingsView .customerList,
.connectSettingsView .employeeList {
  padding-bottom: 50px;
  display: none
}
.connectSettingsView .customerList.active,
.connectSettingsView .employeeList.active {
  display: block
}
.connectSettingsView .singleCol {
  width: 340px;
  margin: 0 auto
}
#AuditsView {
  padding: 50px 0!important;
  z-index: 1002!important
}
#AuditsView .list_view_header_ {
  border-bottom: 0 none
}
#AuditsView .list_view_content_,
#AuditsView .list_view_footer_,
#AuditsView .list_view_header_ {
  width: 100%;
  max-width: 1000px!important;
  margin: 0 auto
}
#AuditsView .list_view_content_ {
  padding: 0;
  overflow: hidden!important
}
#AuditsView .audits_list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 0
}
#AuditsView .audits_list .list_view_table_ {
  padding: 0 15px 15px 15px
}
#AuditsView .audits_list .list_view_table_ .head_ {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10
}
#AuditsView .audits_list .list_view_table_ .col_task {
  width: auto
}
#AuditsView .audits_list .list_view_table_ .col_client {
  width: 300px
}
#AuditsView .audits_list .list_view_table_ .col_service {
  width: 300px
}
#AuditsView .audits_list .list_view_table_ .col_project {
  width: 300px
}
#AuditsView .audits_list .list_view_table_ .col_hourly_rate {
  width: 300px
}
#AuditsView .audits_list .list_view_table_ .col_billable {
  width: 70px;
  text-align: right
}
#AuditsView .audits_list.onlyCustomer .list_view_table_ .col_service {
  display: none
}
#AuditsView .audits_list .list_view_table_ .account_avatar_ {
  margin-right: 10px
}
#AuditsView .list_view_table_ .value_col_ {
  width: auto;
  max-width: calc(100% - 40px);
  vertical-align: middle
}
#AuditsView .action_entry_ {
  width: 100%;
  box-sizing: border-box;
  padding-right: 15px;
  padding-bottom: 15px;
  display: none
}
#AuditsView .editing .action_entry_ {
  display: table
}
.export_view_ {
  padding: 50px 0!important;
  z-index: 1002!important
}
.export_view_ .list_view_content_,
.export_view_ .list_view_footer_,
.export_view_ .list_view_header_ {
  width: 100%;
  max-width: 750px!important;
  margin: 0 auto
}
.export_view_ .list_view_content_ {
  padding: 0;
  max-height: 350px!important
}
.export_view_ .view_title_ {
  padding-top: 0
}
.export_view_ .list_view_cols_ .cell_container_ .left_cell_ {
  width: 250px;
  padding: 0 15px 15px 15px
}
.export_view_ .list_view_cols_ .cell_container_ .right_cell_ {
  padding: 15px
}
.export_view_.hide_tabs_ .list_view_cols_ .cell_container_ .left_cell_ {
  display: none
}
.export_view_ .list_view_cols_ .nav_ .list_ {
  margin-top: 0
}
.export_view_ .form_text_.disabled {
  opacity: .3;
  pointer-events: none
}
.export_view_ .advance_options {
  margin-left: 8px
}
.export_view_ .advanced_setting_box {
  display: none;
  padding-top: 20px
}
.export_view_ .advanced_setting_box.active {
  display: block
}
#Timesheet {
  z-index: 42!important
}
#Timesheet .percentage_loading_ {
  height: calc(100% - 144px);
  top: auto;
  bottom: 0
}
#Timesheet.is_loading .list_view_content_ {
  pointer-events: none
}
#Timesheet .list_view_sticky_ .hide_ {
  padding-bottom: 0
}
#Timesheet .view_actions_.second_options_row {
  align-items: flex-start;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #f5f4f4
}
#Timesheet .list_view_content_ {
  overflow: auto;
  position: relative;
  z-index: 0;
  padding: 0
}
#Timesheet .list_view_footer_ {
  z-index: 100
}
#Timesheet .list_view_contextual_ {
  bottom: 76px
}
#Timesheet .list_view_contextual_ .drop_pop_ {
  width: 300px;
  margin-left: -150px;
  padding: 20px;
  box-sizing: border-box;
  text-align: left
}
#Timesheet .list_view_contextual_ .drop_pop_ .save_table_ {
  width: 100%;
  height: auto
}
#Timesheet .sides_controller_ {
  margin: 0 10px
}
#Timesheet .dataRange {
  margin-left: 10px
}
#Timesheet .order_selector {
  display: none!important
}
#Timesheet .audits_selector .drop_pop_ {
  width: 320px
}
#Timesheet .audits_selector .float_action_ {
  color: var(--APP-success-color);
  position: relative;
  min-width: 20px;
  height: 30px;
  padding: 0 7px;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 0 10px;
  flex-shrink: 0;
  opacity: 1
}
#Timesheet .audits_selector .float_action_:empty {
  display: none
}
#Timesheet .audits_selector .float_action_ .hideText {
  display: none;
  margin-right: 5px
}
#Timesheet .audits_selector .hasError .float_action_ {
  color: #f37617
}
#Timesheet .audits_selector .passed .float_action_ {
  pointer-events: none
}
#Timesheet .audits_selector .drop_pop_ .drop_list_ > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row-reverse
}
#Timesheet .audits_selector .drop_pop_ .drop_list_ .check_ {
  overflow: hidden
}
#Timesheet .audits_selector .drop_pop_ .drop_list_ .check_ label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
#Timesheet .audits_selector li:hover .float_action_ .hideText {
  display: inline-block
}
#Timesheet .audits_selector li.hasError:hover .float_action_ {
  color: #fff;
  background-color: #f37617
}
#Timesheet .group_selector .drop_pop_ {
  width: 450px
}
#Timesheet .group_selector.noResult .drop_pop_ {
  width: auto;
  white-space: nowrap
}
#Timesheet .group_selector.noResult .drop_pop_ .button_ {
  margin: 0
}
#Timesheet .group_selector.noResult .drop_scroll_ {
  display: none
}
#Timesheet .group_selector .drop_sortable_group_footer_ .check_ {
  margin-right: auto
}
#Timesheet .columns_selector .drop_actions_ {
  display: inline-block
}
#Timesheet .columns_selector [data-comp=showButton] strong {
  display: none
}
#Timesheet .template_selector {
  margin-right: 10px;
  margin-left: 10px
}
#Timesheet .template_selector .drop_pop_ {
  width: 360px
}
#Timesheet .template_selector .scroll_ {
  max-height: 300px;
  padding-bottom: 20px
}
#Timesheet .template_selector .shared_template_ u {
  display: flex;
  justify-content: flex-start;
  align-items: center
}
#Timesheet .template_selector .shared_template_ small {
  flex-shrink: 0;
  width: auto;
  margin: 0 0 0 auto;
  font-size: 10px
}
#Timesheet .template_selector .shared_template_ .tp_name_ {
  width: 100%;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle
}
#Timesheet .template_selector .drop_list_ .float_action_ + a {
  padding-right: 100px;
  box-sizing: border-box
}
#Timesheet .template_selector .drop_list_.collapsed {
  display: none!important
}
#Timesheet .template_name {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: auto
}
#Timesheet .template_name.disabled {
  pointer-events: none
}
#Timesheet .template_name input {
  text-align: left;
  height: 30px;
  width: 160px;
  border: 0 none;
  border-bottom: 1px dotted var(--FORMS-label);
  color: var(--APP-focus-color);
  font-size: 15px;
  font-weight: 700;
  background-color: transparent!important;
  padding: 0;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle
}
#Timesheet .template_name input:focus {
  color: var(--FORMS-focus);
  border-bottom-color: var(--FORMS-focus)
}
#Timesheet .template_name input::-webkit-input-placeholder {
  color: var(--FORMS-label)
}
#Timesheet .template_name input::-moz-placeholder {
  color: var(--FORMS-label)
}
#Timesheet .template_name input:-ms-input-placeholder {
  color: var(--FORMS-label)
}
#Timesheet .template_name input:-moz-placeholder {
  color: var(--FORMS-label)
}
#Timesheet .template_name input:focus::-webkit-input-placeholder {
  opacity: 0
}
#Timesheet .template_name input:focus::-moz-placeholder {
  opacity: 0
}
#Timesheet .template_name input:focus:-ms-input-placeholder {
  opacity: 0
}
#Timesheet .template_name input:focus:-moz-placeholder {
  opacity: 0
}
#Timesheet .template_name .action {
  height: 30px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  opacity: .3;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -ms-transition: opacity .4s;
  transition: opacity .4s;
  position: absolute;
  top: 0;
  left: 100%;
  white-space: nowrap;
  margin-left: 10px
}
#Timesheet .template_name input:focus + .action,
#Timesheet .template_name:hover .action {
  opacity: 1
}
#Timesheet .template_name input.error + .action .button_ {
  pointer-events: none;
  opacity: .3
}
#Timesheet .template_name .action ul {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  text-align: left
}
#Timesheet .template_name .action li {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px
}
#Timesheet .template_name .action li:first-child {
  margin-left: 0
}
#Timesheet .share_drop_ .drop_list_ li a,
#Timesheet .share_drop_ .drop_list_ li a u {
  text-transform: lowercase
}
#Timesheet .share_drop_ .drop_list_ li a u::first-letter,
#Timesheet .share_drop_ .drop_list_ li a::first-letter {
  text-transform: uppercase
}
#Timesheet .group_total_:not(.no-billed) .divisor_billed {
  border-left-color: transparent;
  padding-left: 0!important
}
#Timesheet .group_total_.no-billed .billed-col {
  display: none!important
}
.__134744__visible,
.__154976__visible,
.__340495__visible {
  display: none!important
}
.__134744 .__134744__visible,
.__154976 .__154976__visible,
.__340495 .__340495__visible {
  display: block!important
}
@media only screen and (min-width :900px) and (max-width :1400px) {
  body.insights_open #Timesheet .view_title_ {
    display: none
  }
}
@media only screen and (min-width :900px) and (max-width :1240px) {
  body.insights_open #Timesheet .audits_selector [data-comp=showButton] u,
  body.insights_open #Timesheet .share_drop_ .linked_ .text_ {
    display: none
  }
  body.insights_open #Timesheet .share_drop_ .instant_sharing_ {
    padding-right: 7px;
    padding-left: 25px
  }
  body.insights_open #Timesheet .template_name input {
    width: 100px
  }
  body.insights_open #Timesheet .second_options_row .drop_ [data-comp=showButton] [data-comp=label],
  body.insights_open #Timesheet .second_options_row .drop_ [data-comp=showButton] u {
    display: none
  }
}
@media only screen and (min-width :900px) and (max-width :1065px) {
  body.insights_open #Timesheet .template_name,
  body.insights_open #Timesheet .template_selector {
    display: none
  }
  body.insights_open #Timesheet .date_drop_ {
    margin-right: auto
  }
}
@media only screen and (min-width :0px) and (max-width :1020px) {
  body:not(.insights_open) #Timesheet .view_title_ {
    display: none
  }
  body:not(.insights_open) #Timesheet .audits_selector [data-comp=showButton] u,
  body:not(.insights_open) #Timesheet .share_drop_ .linked_ .text_ {
    display: none
  }
  body:not(.insights_open) #Timesheet .share_drop_ .instant_sharing_ {
    padding-right: 7px;
    padding-left: 25px
  }
}
@media only screen and (min-width :0px) and (max-width :768px) {
  body:not(.insights_open) #Timesheet .template_name,
  body:not(.insights_open) #Timesheet .template_selector {
    display: none
  }
  body:not(.insights_open) #Timesheet .date_drop_ {
    margin-right: auto
  }
}
@media only screen and (min-width :0) and (max-width :880px) {
  body:not(.insights_open) #Timesheet .second_options_row .drop_ [data-comp=showButton] [data-comp=label],
  body:not(.insights_open) #Timesheet .second_options_row .drop_ [data-comp=showButton] u {
    display: none
  }
}
body.dark-theme-on #Timesheet .second_options_row {
  border-top-color: #1f232b
}
body.dark-theme-on #Timesheet .template_name input {
  border-bottom-color: var(--DARK-FORMS-label);
  color: var(--APP-focus-color);
  background-color: transparent!important
}
body.dark-theme-on #Timesheet .template_name input:focus {
  color: var(--DARK-FORMS-focus);
  border-bottom-color: var(--DARK-FORMS-focus)
}
body.dark-theme-on #Timesheet .template_name input::-webkit-input-placeholder {
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on #Timesheet .template_name input::-moz-placeholder {
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on #Timesheet .template_name input:-ms-input-placeholder {
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on #Timesheet .template_name input:-moz-placeholder {
  color: var(--DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #Timesheet .second_options_row {
  border-top-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #Timesheet .template_name input {
  border-bottom-color: var(--MS-DARK-FORMS-label);
  color: var(--APP-focus-color);
  background-color: transparent!important
}
.MSTEAMS.dark_mode_ #Timesheet .template_name input:focus {
  color: var(--MS-DARK-FORMS-focus);
  border-bottom-color: var(--MS-DARK-FORMS-focus)
}
.MSTEAMS.dark_mode_ #Timesheet .template_name input.error {
  color: var(--MS-DARK-FORMS-focus);
  border-bottom-color: var(--MS-DARK-FORMS-focus)
}
.MSTEAMS.dark_mode_ #Timesheet .template_name input::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #Timesheet .template_name input::-moz-placeholder {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #Timesheet .template_name input:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #Timesheet .template_name input:-moz-placeholder {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #Timesheet .second_options_row {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ #Timesheet .template_name input {
  border-bottom-color: var(--MS-DEEP-DARK-FORMS-label);
  color: var(--APP-focus-color);
  background-color: transparent!important
}
.MSTEAMS.deep_dark_mode_ #Timesheet .template_name input:focus {
  color: var(--MS-DEEP-DARK-FORMS-focus);
  border-bottom-color: var(--MS-DEEP-DARK-FORMS-focus)
}
.MSTEAMS.deep_dark_mode_ #Timesheet .template_name input.error {
  color: var(--MS-DEEP-DARK-FORMS-focus);
  border-bottom-color: var(--MS-DEEP-DARK-FORMS-focus)
}
.MSTEAMS.deep_dark_mode_ #Timesheet .template_name input::-webkit-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #Timesheet .template_name input::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #Timesheet .template_name input:-ms-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #Timesheet .template_name input:-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.multipleUserSelect {
  z-index: 1010;
  background-color: #fff;
  font-weight: 400;
  -moz-box-shadow: 0 0 60px rgba(0,0,0,.17);
  box-shadow: 0 0 60px rgba(0,0,0,.17);
  position: fixed;
  display: none;
  border: 1px solid #d6d6d6
}
.multipleUserSelect:not(.full_combo) {
  width: 350px!important
}
.multipleUserSelect.active {
  display: block
}
.multipleUserSelect.noList .tagMultiSelector_OLD {
  display: none
}
.multipleUserSelect.noList .combo_search .input_content input {
  border-top: 0 none!important
}
.multipleUserSelect .combo_list ul {
  min-height: 0
}
.multipleUserSelect .combo_list a {
  padding: 10px 20px 10px 0;
  text-align: left;
  font-size: 14px;
  position: relative
}
.multipleUserSelect .combo_list .addIcon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  line-height: 20px;
  font-size: 20px
}
.multipleUserSelect .combo_list li.not_allowed a {
  opacity: .5
}
.multipleUserSelect .combo_list li.not_allowed .addIcon {
  display: block!important
}
.multipleUserSelect .combo_action a.ascent {
  width: 150px
}
.multipleUserSelect .combo_action a.cancel {
  width: auto
}
.multipleUserSelect .combo_action p {
  line-height: 14px;
  font-size: 12px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center;
  padding: 5px 10px 15px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #f6f4f4;
  font-weight: 700
}
.multipleUserSelect .combo_action p:empty {
  display: none
}
.multipleUserSelect li.separatorButton {
  cursor: pointer;
  padding: 15px 20px
}
.multipleUserSelect li.separatorButton .ico {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 18px;
  content: '';
  margin-top: -10px;
  font-size: 20px;
  text-align: center;
  line-height: 20px
}
.showAllUsers.multipleUserSelect li.separatorButton .ico {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.multipleUserSelect:not(.searching) [data-comp=second_list] .userToAssign {
  display: none!important
}
.multipleUserSelect:not(.searching).showAllUsers [data-comp=second_list] .userToAssign {
  display: inline-block!important
}
.searching.multipleUserSelect [data-comp=second_list] {
  display: none
}
.searching.resultInOtherUsers.multipleUserSelect [data-comp=second_list] {
  display: block
}
.searching.multipleUserSelect li.separatorButton {
  pointer-events: none
}
.searching.multipleUserSelect li.separatorButton .ico {
  display: none
}
.ON_BOARDING .multipleUserSelect {
  z-index: 1000000
}
.tagMultiSelector_OLD {
  width: 100%;
  overflow: hidden
}
.tagMultiSelector_OLD .tags_container {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  overflow: auto;
  min-height: 50px;
  max-height: 120px;
  background-color: #edf1f3
}
.tagMultiSelector_OLD .tags_container ul {
  width: 100%;
  text-align: left;
  font-size: 0;
  box-sizing: border-box;
  padding: 4px
}
.tagMultiSelector_OLD .tags_container ul li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 2px
}
.tagMultiSelector_OLD .tags_container ul li.full {
  width: 100%;
  padding: 2px
}
.tagMultiSelector_OLD .tags_container [data-comp=disclaimer] {
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  padding: 0 10px
}
.tagMultiSelector_OLD .tags_container [data-comp=disclaimer]:empty {
  display: none
}
.tagMultiSelector_OLD .tags_container ul.loading {
  opacity: .4;
  pointer-events: none
}
.tagMultiSelector_OLD .tag {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #efecec;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  box-sizing: border-box
}
.tagMultiSelector_OLD .tag .table {
  width: 100%;
  height: 40px;
  display: table
}
.tagMultiSelector_OLD .tag .cell {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  padding-left: 5px
}
.tagMultiSelector_OLD .tag .cell.userBox {
  width: 30px;
  padding-left: 7px
}
.tagMultiSelector_OLD .tag .cell.removeBox {
  width: 0
}
.tagMultiSelector_OLD .tag.buttonAdd {
  text-align: center;
  line-height: 40px;
  font-weight: 700!important;
  font-weight: 400;
  color: #4e5154;
  font-size: 10px;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #eaeaea
}
.tagMultiSelector_OLD .tag .image_container {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  background-color: #f9f7f7;
  background-image: url(../../img/profile.png);
  background-position: center center;
  background-size: contain
}
.tagMultiSelector_OLD .tag .image_container .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.tagMultiSelector_OLD .tag .text {
  text-align: left;
  padding-left: 5px
}
.tagMultiSelector_OLD .tag .text span {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.tagMultiSelector_OLD .tag .text span.name {
  font-weight: 700;
  font-weight: 400;
  color: #2c3135;
  font-size: 10px;
  line-height: 10px;
  max-width: 100px;
  text-transform: uppercase;
  margin-bottom: 2px
}
.tagMultiSelector_OLD .tag .text span.email {
  font-weight: 300;
  font-weight: 400;
  color: rgba(43,48,53,.5);
  font-size: 8px;
  line-height: 10px;
  max-width: 100px;
  display: none
}
.tagMultiSelector_OLD .tag .remove {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 50%;
  left: 7px;
  margin-top: -13px
}
.tagMultiSelector_OLD .tag .remove a {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 16px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(245,67,55,.9);
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s,visibility .2s,background-color .2s,border .4s;
  -moz-transition: opacity .2s,visibility .2s,background-color .2s,border .4s;
  -ms-transition: opacity .2s,visibility .2s,background-color .2s,border .4s;
  transition: opacity .2s,visibility .2s,background-color .2s,border .4s
}
.tagMultiSelector_OLD .tag .remove a i {
  display: inline-block;
  vertical-align: top;
  line-height: 26px
}
.tagMultiSelector_OLD .tag .remove a:hover {
  background-color: #f54337
}
.tagMultiSelector_OLD .tag:hover .remove a {
  opacity: 1;
  visibility: visible
}
.logsContainer {
  padding: 20px 20px;
  font-size: 14px
}
.logsContainer .separator {
  padding: 5px 0;
  border-bottom: 1px solid #f0f4f7;
  font-family: robotobold,sans-serif;
  padding: 20px 6px;
  border: 1px solid #f0f4f7;
  margin-top: -1px;
  text-transform: uppercase;
  font-size: 12px;
  color: #6b727b;
  border-left: #fff;
  border-right: #fff
}
.logsContainer .logEntry {
  border: 1px solid #f0f4f7;
  margin-top: -1px;
  color: #6b727b;
  font-size: 13px
}
.logsContainer .logEntryHeader {
  padding: 14px 6px
}
.logsContainer .log_hour {
  display: inline-block;
  width: 80px;
  text-transform: uppercase;
  text-align: left;
  margin-right: 9px
}
.logsContainer .log_hour:after {
  content: "•";
  position: absolute;
  left: 96px;
  font-size: 26px;
  margin-top: -5px
}
.logsContainer .logEntry span.arrow {
  float: right;
  margin-right: 5px;
  color: #6b727b;
  width: 22px;
  text-align: right
}
.logsContainer .clickable {
  cursor: pointer
}
.logsContainer .clickable:hover .logEntryHeader {
  color: #000
}
.logsContainer .clickable:hover .logEntryHeader i {
  color: #000
}
.logsContainer .logEntry.open .logEntryHeader {
  color: #000
}
.logsContainer .logEntry.open .icon-icontt_nav-next {
  display: none
}
.logsContainer .logEntry .icon-icontt_nav-bottom {
  display: none
}
.logsContainer .logEntry.open .icon-icontt_nav-bottom {
  display: inline-block
}
.logsContainer .logEntry span.object_id {
  border-radius: 10px;
  background: #efeded;
  padding: 4px 10px;
  font-size: 9px;
  float: right;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.05);
  min-width: 40px;
  text-align: center
}
.logsContainer .logEntry .logEntryDetails {
  display: none;
  padding: 14px 6px
}
.logsContainer .logEntry.open .logEntryDetails {
  display: block;
  border-top: 1px solid #f0f4f7;
  background: #f0f4f7;
  box-shadow: inset 1px 1px 2px 0 #dadee0
}
.logsContainer .logEntryDetails .logRow {
  width: 48%;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin-left: 2%
}
.logsContainer .logEntryDetails .logFullRow {
  width: 98%;
  display: inline-block;
  height: 28px;
  line-height: 28px
}
#TimeTable.loading_data_ .block_on_loading_ {
  overflow: hidden!important;
  pointer-events: none!important;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
#TimeTable.loading_data_ .block_on_loading_::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.7);
  content: '';
  z-index: 200
}
#TimeTable.loading_data_ .block_on_loading_::before {
  vertical-align: middle;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e0e5ea;
  border-left: 2px solid #f54337;
  box-sizing: border-box;
  -webkit-animation: spin .5s infinite ease-in-out;
  animation: spin .5s infinite ease-in-out;
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -15px;
  z-index: 210;
  margin-left: -15px
}
#TimeTable.loading_data_ .usersContainer .content .timeUser:nth-child(n+80) {
  display: none
}
#TimeTable.loading_data_ .sides_controller_ {
  pointer-events: none
}
#TimeTable .usersContainer {
  width: 100%;
  position: relative;
  box-sizing: border-box
}
#TimeTable .usersContainer .table {
  table-layout: fixed;
  display: table;
  width: 100%;
  box-sizing: border-box;
  position: relative
}
#TimeTable .usersContainer .table .cell {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  width: 45px;
  height: 48px;
  text-align: center
}
#TimeTable .usersContainer .table .cell.col_user {
  width: 220px;
  background-color: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 10;
  border-right: 1px solid #f0f4f7
}
#TimeTable .usersContainer .table .cell.sat,
#TimeTable .usersContainer .table .cell.sun {
  width: 55px
}
#TimeTable .usersContainer .table .cell.sat {
  padding-left: 10px
}
#TimeTable .usersContainer .table .cell.sun {
  padding-right: 10px
}
#TimeTable .usersContainer .header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 10
}
#TimeTable .usersContainer .header .table {
  height: 49px;
  border-bottom: 1px solid #f0f4f7;
  background-color: #fff
}
#TimeTable .usersContainer .content {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 0;
  box-sizing: border-box
}
#TimeTable .usersContainer .content .timeUser {
  width: 100%;
  position: relative;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
#TimeTable .usersContainer .content .timeUser .cell {
  border-bottom: 1px solid #f0f4f7
}
#TimeTable .usersContainer .content .timeUser:hover .cell {
  background-color: var(--APP-item-list-hover)
}
#TimeTable .usersContainer .content.cluster_scroll_ .timeUser {
  display: none;
  position: absolute;
  left: 0
}
#TimeTable .usersContainer .content.cluster_scroll_ .timeUser.cluster_active {
  display: inline-block
}
#TimeTable .usersContainer .header .day,
#TimeTable .usersContainer .header .number {
  display: block;
  width: 100%;
  text-transform: uppercase
}
#TimeTable .usersContainer .header .day {
  margin-bottom: 2px;
  font-size: 8px;
  font-weight: 300;
  color: #909090
}
#TimeTable .usersContainer .header .number {
  font-size: 12px;
  font-weight: 700
}
#TimeTable .usersContainer .selected .day_schedule_ .circle_ {
  border: 2px solid var(--APP-focus-color)
}
@media only screen and (min-width :0px) and (max-width :600px) {
  #TimeTable .usersContainer .table .cell.col_user {
    position: relative
  }
}
#TimeTable .invite_in_pace {
  padding: 30px 0;
  width: 100%;
  box-sizing: content-box;
  text-align: center
}
#TimeTable .invite_in_pace .title {
  display: block;
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  color: #000
}
#TimeTable .invite_in_pace .button_inline_ {
  margin-top: 10px
}
#TimeTable .user_name_ {
  width: 100%;
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 15px;
  position: relative;
  text-align: left
}
#TimeTable .user_name_ .avatar_ {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #f5f4f4;
  box-sizing: border-box
}
#TimeTable .user_name_ .name_ {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #282828;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
#TimeTable .user_name_.workingOn .avatar_ {
  border: 2px solid #00d7b9
}
#TimeTable .user_name_.workingOn .name_ {
  -webkit-animation: workingOnColor 1.5s infinite;
  -moz-animation: workingOnColor 1.5s infinite;
  animation: workingOnColor 1.5s infinite
}
@-webkit-keyframes workingOnColor {
  0% {
    color: #2c3135
  }
  50% {
    color: #00d7b9
  }
  100% {
    color: #2c3135
  }
}
@-moz-keyframes workingOnColor {
  0% {
    color: #2c3135
  }
  50% {
    color: #00d7b9
  }
  100% {
    color: #2c3135
  }
}
@keyframes workingOnColor {
  0% {
    color: #2c3135
  }
  50% {
    color: #00d7b9
  }
  100% {
    color: #2c3135
  }
}
@-webkit-keyframes workingOnColorWhite {
  0% {
    color: #fff
  }
  50% {
    color: #00d7b9
  }
  100% {
    color: #fff
  }
}
@-moz-keyframes workingOnColorWhite {
  0% {
    color: #fff
  }
  50% {
    color: #00d7b9
  }
  100% {
    color: #fff
  }
}
@keyframes workingOnColorWhite {
  0% {
    color: #fff
  }
  50% {
    color: #00d7b9
  }
  100% {
    color: #fff
  }
}
body.dark-theme-on #TimeTable.loading_data_ .block_on_loading_::after {
  background-color: rgba(42,49,60,.9)
}
body.dark-theme-on #TimeTable.loading_data_ .block_on_loading_::before {
  border-color: #1f232b;
  border-left-color: #f54337
}
body.dark-theme-on #TimeTable .usersContainer .table .cell.col_user {
  background-color: #2a313c;
  border-right: 1px solid #1f232b
}
body.dark-theme-on #TimeTable .usersContainer .header .table {
  border-bottom: 1px solid #1f232b;
  background-color: #2a313c
}
body.dark-theme-on #TimeTable .usersContainer .content .timeUser .cell {
  border-bottom: 1px solid #1f232b
}
body.dark-theme-on #TimeTable .usersContainer .content .timeUser:hover .cell {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on #TimeTable .usersContainer .selected .day_schedule_ .circle_ {
  border-color: var(--DARK-APP-focus-color)
}
body.dark-theme-on #TimeTable .invite_in_pace .title {
  color: #fff
}
body.dark-theme-on #TimeTable .user_name_ .avatar_ {
  background-color: #1d2229
}
body.dark-theme-on #TimeTable .user_name_ .name_ {
  color: #fff
}
body.dark-theme-on #TimeTable .user_name_.workingOn .avatar_ {
  border: 2px solid #00d7b9
}
body.dark-theme-on #TimeTable .user_name_.workingOn .name_ {
  -webkit-animation: workingOnColorWhite 1.5s infinite;
  -moz-animation: workingOnColorWhite 1.5s infinite;
  animation: workingOnColorWhite 1.5s infinite
}
.MSTEAMS.dark_mode_ #TimeTable.loading_data_ .block_on_loading_::after {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #TimeTable.loading_data_ .block_on_loading_::before {
  border-color: #2d2c2c;
  border-left-color: #f54337
}
.MSTEAMS.dark_mode_ #TimeTable .usersContainer .table .cell.col_user {
  background-color: #201e1e;
  border-right: 1px solid #2d2c2c
}
.MSTEAMS.dark_mode_ #TimeTable .usersContainer .header .table {
  border-bottom: 1px solid #2d2c2c;
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #TimeTable .usersContainer .content .timeUser .cell {
  border-bottom: 1px solid #2d2c2c
}
.MSTEAMS.dark_mode_ #TimeTable .usersContainer .content .timeUser:hover .cell {
  background-color: var(--DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ #TimeTable .usersContainer .selected .day_schedule_ .circle_ {
  border-color: var(--DARK-APP-focus-color)
}
.MSTEAMS.dark_mode_ #TimeTable .invite_in_pace .title {
  color: #fff
}
.MSTEAMS.dark_mode_ #TimeTable .user_name_ .avatar_ {
  background-color: #1d2229
}
.MSTEAMS.dark_mode_ #TimeTable .user_name_ .name_ {
  color: #fff
}
.MSTEAMS.dark_mode_ #TimeTable .user_name_.workingOn .avatar_ {
  border: 2px solid #00d7b9
}
.MSTEAMS.dark_mode_ #TimeTable .user_name_.workingOn .name_ {
  -webkit-animation: workingOnColorWhite 1.5s infinite;
  -moz-animation: workingOnColorWhite 1.5s infinite;
  animation: workingOnColorWhite 1.5s infinite
}
.MSTEAMS.deep_dark_mode_ #TimeTable.loading_data_ .block_on_loading_::after {
  background-color: rgba(0,0,0,.86)
}
.MSTEAMS.deep_dark_mode_ #TimeTable.loading_data_ .block_on_loading_::before {
  border-color: #fff;
  border-left-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ #TimeTable .usersContainer .table .cell.col_user {
  background-color: #000;
  border-right: 1px solid #fff
}
.MSTEAMS.deep_dark_mode_ #TimeTable .usersContainer .header .table {
  border-bottom: 1px solid #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #TimeTable .usersContainer .content .timeUser .cell {
  border-bottom: 1px solid #fff
}
.MSTEAMS.deep_dark_mode_ #TimeTable .usersContainer .content .timeUser:hover .cell {
  background-color: var(--DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ #TimeTable .usersContainer .selected .day_schedule_ .circle_ {
  border-color: #ffff01
}
.MSTEAMS.deep_dark_mode_ #TimeTable .invite_in_pace .title {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TimeTable .user_name_ .avatar_ {
  background-color: #1d2229
}
.MSTEAMS.deep_dark_mode_ #TimeTable .user_name_ .name_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TimeTable .user_name_.workingOn .avatar_ {
  border: 2px solid #00d7b9
}
.MSTEAMS.deep_dark_mode_ #TimeTable .user_name_.workingOn .name_ {
  -webkit-animation: workingOnColorWhite 1.5s infinite;
  -moz-animation: workingOnColorWhite 1.5s infinite;
  animation: workingOnColorWhite 1.5s infinite
}
.userDay .eventList {
  padding-top: 10px
}
.userDay .list_view_sticky_ .hide_ {
  padding-bottom: 0;
  padding-top: 0
}
.userDay.list_view_ .list_view_content_ .centered_ {
  padding: 13px 0
}
.userDay .user_day_table_ {
  width: 100%;
  table-layout: fixed;
  padding: 5px 0;
  min-height: 47px;
  box-sizing: border-box;
  border-bottom: 1px solid #ecf0f4
}
.userDay .user_day_table_ .cell {
  width: 50%
}
#userDay .eventItem {
  height: auto!important;
  min-height: 0!important;
  margin-top: 6px
}
#userDay .eventItem .info {
  padding-bottom: 10px!important
}
#userDay .eventItem .info .note,
#userDay .eventItem .info .project_and_task .task {
  overflow: visible;
  display: block
}
#userDay .eventItem .info .note {
  margin-top: 5px
}
#userDay .eventItem .duration.more_one_hour_ {
  font-size: 14px
}
#userDay .eventItem .time {
  position: relative
}
.dayInfo {
  width: 100%;
  font-weight: 700;
  color: var(--FORMS-label);
  display: inline-block;
  vertical-align: middle
}
.dayInfo .day_name {
  font-size: 10px;
  line-height: 10px;
  display: block;
  text-transform: uppercase
}
.dayInfo .day_number {
  font-size: 12px;
  line-height: 12px
}
.day_schedule_ {
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.day_schedule_ .message_ {
  width: 217px;
  position: absolute;
  top: 40px;
  right: -4px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px;
  z-index: 100;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s,visibility .2s;
  -moz-transition: opacity .2s,visibility .2s;
  -ms-transition: opacity .2s,visibility .2s;
  transition: opacity .2s,visibility .2s
}
.day_schedule_:hover .message_ {
  visibility: visible;
  opacity: 1
}
.day_schedule_ .message_ p {
  font-size: 12px;
  line-height: 18px;
  color: #828282
}
.day_schedule_ .message_ p b {
  color: #282828;
  font-weight: 700
}
.day_schedule_ .message_ p u {
  text-decoration: underline
}
.day_schedule_ .message_::after,
.day_schedule_ .message_::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  content: '';
  top: -10px;
  left: auto;
  right: 10px;
  position: absolute;
  z-index: 1
}
.day_schedule_ .message_::after {
  z-index: 0;
  border-color: transparent transparent var(--APP-shadow-border) transparent;
  top: -11px
}
.day_schedule_ .circle_ {
  width: 36px;
  height: 36px;
  line-height: 37px;
  display: inline-block;
  vertical-align: top;
  background-color: #ecf0f4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  white-space: nowrap;
  position: relative
}
.day_schedule_ .day_tag_ {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  color: #828282;
  position: absolute;
  bottom: -4px;
  right: -8px;
  background-color: #f5f4f4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #fff;
  font-size: 0;
  display: none!important
}
.day_schedule_ .day_tag_ i {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  font-size: 10px
}
.day_schedule_ .day_time_ {
  font-family: oswald;
  text-align: center;
  color: #a4abb5;
  font-size: 11px;
  height: 36px;
  height: 36px;
  line-height: 37px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.day_schedule_ .day_time_ .fal {
  font-size: 18px;
  line-height: 36px
}
.day_schedule_ .day_pie_ {
  height: 36px;
  width: 36px;
  left: 0;
  position: absolute;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain
}
.d_p_0 .day_pie_ {
  background-image: none
}
.d_p_1 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-1.svg)
}
.d_p_2 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-1.svg)
}
.d_p_3 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-2.svg)
}
.d_p_4 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-3.svg)
}
.d_p_5 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-3.svg)
}
.d_p_6 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-3.svg)
}
.d_p_7 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-3.svg)
}
.d_p_8 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-4.svg)
}
.d_p_9 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-5.svg)
}
.d_p_10 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-6.svg)
}
.d_p_11 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-7.svg)
}
.d_p_12 .day_pie_ {
  background-image: url(../../img/track-pie/track-8-8.svg)
}
.dark-theme-on .userDay .user_day_table_ {
  border-bottom-color: #1f232b
}
.dark-theme-on .dayInfo {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .day_schedule_ .circle_ {
  background-color: #1d2229
}
.dark-theme-on .day_schedule_ .circle_ .day_time_ {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .day_schedule_ .day_tag_ {
  color: #bdbdbd;
  background-color: #434d5d;
  border-color: #29313c
}
.dark-theme-on .day_schedule_ .message_ {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
.dark-theme-on .day_schedule_ .message_ p {
  color: #fff
}
.dark-theme-on .day_schedule_ .message_ p b {
  color: #fff
}
.dark-theme-on .day_schedule_ .message_::after,
.dark-theme-on .day_schedule_ .message_::before {
  border-color: transparent transparent #2a313c transparent
}
.dark-theme-on .day_schedule_ .message_::after {
  border-color: transparent transparent var(--DARK-APP-shadow-border) transparent
}
.MSTEAMS.dark_mode_ .userDay .user_day_table_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .dayInfo {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .day_schedule_ .circle_ {
  background-color: #404040
}
.MSTEAMS.dark_mode_ .day_schedule_ .circle_ .day_time_ {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .day_schedule_ .day_tag_ {
  color: #bdbdbd;
  background-color: #2d2c2c;
  border-color: #201e1e
}
.MSTEAMS.dark_mode_ .day_schedule_ .message_ {
  background-color: #201e1e;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .day_schedule_ .message_ p {
  color: #fff
}
.MSTEAMS.dark_mode_ .day_schedule_ .message_ p b {
  color: #fff
}
.MSTEAMS.dark_mode_ .day_schedule_ .message_::after,
.MSTEAMS.dark_mode_ .day_schedule_ .message_::before {
  border-color: transparent transparent #201e1e transparent
}
.MSTEAMS.dark_mode_ .day_schedule_ .message_::after {
  border-color: transparent transparent var(--MS-DARK-APP-shadow-border) transparent
}
.MSTEAMS.deep_dark_mode_ .userDay .user_day_table_ {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .dayInfo {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .day_schedule_ .circle_ {
  background-color: #404040
}
.MSTEAMS.deep_dark_mode_ .day_schedule_ .circle_ .day_time_ {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .day_schedule_ .day_tag_ {
  color: #000;
  background-color: #fff;
  border-color: #000
}
.MSTEAMS.deep_dark_mode_ .day_schedule_ .message_ {
  background-color: #000;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .day_schedule_ .message_ p {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .day_schedule_ .message_ p b {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .day_schedule_ .message_::after,
.MSTEAMS.deep_dark_mode_ .day_schedule_ .message_::before {
  border-color: transparent transparent #000 transparent
}
.MSTEAMS.deep_dark_mode_ .day_schedule_ .message_::after {
  border-color: transparent transparent #fff transparent
}
#WorkSchedule {
  padding-top: 46px!important
}
#WorkSchedule.proBannerOn .columns_ .c_.side_nav_ {
  display: none!important
}
#WorkSchedule .columns_ .c_.side_nav_ .base_f_:not(.active) {
  display: none!important
}
#WorkSchedule .detail_ .app_timecards_inline_block {
  display: none!important
}
.app_timecards_on #WorkSchedule .detail_ .app_timecards_inline_block {
  display: table-cell!important
}
#WorkSchedule input.invalid {
  border: 1px solid var(--APP-error-color)!important
}
#WorkSchedule .people_without_schedule_ {
  width: 100%;
  box-sizing: border-box;
  padding: 20px
}
#WorkSchedule .people_without_schedule_ h3 {
  font-size: 10px;
  line-height: 13px;
  color: #282828;
  font-weight: 500
}
#WorkSchedule .people_without_schedule_ p {
  font-size: 10px;
  line-height: 13px;
  color: #828282;
  font-weight: 500
}
#WorkSchedule .people_without_schedule_ .users_ {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
  margin-top: 5px
}
#WorkSchedule .people_without_schedule_ .users_ ul {
  max-width: 100%;
  text-align: left;
  font-size: 0;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  overflow: hidden;
  white-space: nowrap
}
#WorkSchedule .people_without_schedule_ .users_ ul li {
  width: 21px;
  height: 21px;
  margin-left: -10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: top;
  background-color: #e5e5e5
}
#WorkSchedule .people_without_schedule_ .users_ ul li:first-child {
  margin-left: 0
}
#WorkSchedule .people_without_schedule_ .users_ label {
  flex-shrink: 0;
  margin-left: 10px;
  font-size: 10px;
  color: #797979;
  font-weight: 600
}
#WorkSchedule .custom_message_ {
  width: 100%;
  margin-top: 5px
}
#WorkSchedule .detail_ {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px
}
#WorkSchedule .detail_ .form_section_.save_ {
  margin-top: 30px
}
#WorkSchedule .days_box_ {
  background-color: #f5f4f4;
  padding: 15px;
  box-sizing: border-box;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  margin-bottom: 15px
}
#WorkSchedule .days_ {
  width: 100%
}
#WorkSchedule .days_ .panel {
  width: 100%;
  display: none
}
#WorkSchedule .days_ .panel.active {
  display: block
}
#WorkSchedule .days_ .list {
  width: 100%
}
#WorkSchedule .days_ .table_ {
  border-bottom: 1px solid var(--FORMS-border);
  table-layout: fixed;
  height: 40px;
  border-left: 1px solid var(--FORMS-border);
  border-right: 1px solid var(--FORMS-border);
  box-sizing: border-box
}
#WorkSchedule .days_ .table_:last-child {
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -webkit-border-bottom-left-radius: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  -moz-border-radius-bottomleft: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius);
  border-bottom-left-radius: var(--APP-radius)
}
#WorkSchedule .days_ .table_ .cell_ {
  border-left: 1px solid var(--FORMS-border);
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle
}
#WorkSchedule .days_ .table_ .cell_:first-child {
  border-left: 0 none
}
#WorkSchedule .days_ .table_ .pos-0 {
  width: 40px;
  text-align: center;
  padding: 0
}
#WorkSchedule .days_ .table_ .pos-1 {
  width: auto
}
#WorkSchedule .days_ .table_ .pos-2 {
  width: 235px
}
#WorkSchedule .days_ .table_ .pos-3 {
  width: 130px
}
#WorkSchedule .days_ .table_ .pos-4 {
  width: 120px;
  text-align: center
}
#WorkSchedule .days_ [data-panel=week-days] .table_ .pos-0 {
  display: none
}
#WorkSchedule .days_ .table_.head {
  height: 30px;
  border-top: 1px solid var(--FORMS-border);
  -webkit-border-top-left-radius: var(--APP-radius);
  -webkit-border-top-right-radius: var(--APP-radius);
  -moz-border-radius-topleft: var(--APP-radius);
  -moz-border-radius-topright: var(--APP-radius);
  border-top-left-radius: var(--APP-radius);
  border-top-right-radius: var(--APP-radius)
}
#WorkSchedule .days_ .table_.head .cell_ {
  border-color: transparent!important
}
#WorkSchedule .days_ .table_.day .cell_ {
  padding: 10px;
  vertical-align: top
}
#WorkSchedule .days_ .table_.disabled {
  pointer-events: all
}
#WorkSchedule .days_ .table_.disabled .cleanButton,
#WorkSchedule .days_ .table_.disabled .date_input,
#WorkSchedule .days_ .table_.disabled h2 {
  opacity: .5;
  pointer-events: none
}
#WorkSchedule .days_ .table_.disabled .add_slot_ {
  display: none
}
#WorkSchedule .days_ .slots_container_ {
  width: 100%
}
#WorkSchedule .days_ .slot_item_ {
  width: 100%;
  position: relative;
  margin-top: 10px
}
#WorkSchedule .days_ .slot_item_:first-child {
  margin-top: 0
}
#WorkSchedule .days_ .add_slot_ {
  width: 100%;
  margin-top: 10px;
  display: none
}
#WorkSchedule .days_ .add_slot_ a {
  visibility: hidden
}
#WorkSchedule .days_ .day:hover .add_slot_ a {
  visibility: visible
}
#WorkSchedule .days_ .add_slot_visible {
  display: block
}
#WorkSchedule .days_ .check_ {
  width: auto;
  margin: 4px 0 0 0
}
#WorkSchedule .days_ h3 {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--FORMS-label);
  font-weight: 600
}
#WorkSchedule .days_ h2 {
  font-size: 14px;
  text-transform: capitalize;
  color: #1c242c;
  font-weight: 700;
  margin-top: 5px
}
#WorkSchedule .days_ .cleanButton {
  width: 15px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  box-sizing: border-box;
  color: #000;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden
}
#WorkSchedule .days_ .cleanButton:hover {
  color: #f8412e
}
#WorkSchedule .days_ .slot_item_:hover .cleanButton {
  visibility: visible
}
#WorkSchedule .days_ .date_input {
  width: auto;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 90px;
  margin-right: 10px
}
#WorkSchedule .days_ .date_input:last-child {
  margin-right: 0
}
#WorkSchedule .days_ .date_input::after {
  height: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  font-size: 12px;
  text-transform: uppercase;
  color: #282828;
  font-weight: 700;
  content: attr(data-title);
  display: inline-block;
  vertical-align: top;
  pointer-events: none
}
#WorkSchedule .days_ .date_input input {
  height: 25px;
  line-height: inherit;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  border: 1px solid var(--FORMS-border);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  color: var(--FORMS-value);
  padding: 0;
  text-align: center;
  font-weight: 600;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: border-color .2s,color .2s,-webkit-box-shadow .2s;
  -moz-transition: border-color .2s,color .2s,-moz-box-shadow .2s;
  -ms-transition: border-color .2s,color .2s,-ms-box-shadow .2s;
  transition: border-color .2s,color .2s,box-shadow .2s
}
#WorkSchedule .days_ .date_input input:focus {
  border-color: var(--FORMS-focus)!important;
  -webkit-box-shadow: var(--FORMS-shadow);
  -moz-box-shadow: var(--FORMS-shadow);
  box-shadow: var(--FORMS-shadow)
}
#WorkSchedule .days_ .date_input input::-webkit-input-placeholder {
  color: #9faab3;
  opacity: .4
}
#WorkSchedule .days_ .date_input input::-moz-placeholder {
  color: #9faab3;
  opacity: .4
}
#WorkSchedule .days_ .date_input input:-ms-input-placeholder {
  color: #9faab3;
  opacity: .4
}
#WorkSchedule .days_ .date_input input:-moz-placeholder {
  color: #9faab3;
  opacity: .4
}
.dark-theme-on #WorkSchedule .days_ .table_.head {
  border-top-color: #1f232b
}
.dark-theme-on #WorkSchedule .days_ .table_ {
  border-bottom-color: #1f232b;
  border-left-color: #1f232b;
  border-right-color: #1f232b
}
.dark-theme-on #WorkSchedule .days_ .table_ .cell_ {
  border-left-color: #1f232b
}
.dark-theme-on #WorkSchedule .days_ h3 {
  color: #fff
}
.dark-theme-on #WorkSchedule .days_ h2 {
  color: #fff;
  font-weight: 700
}
.dark-theme-on #WorkSchedule .days_ .cleanButton {
  color: #fff
}
.dark-theme-on #WorkSchedule .days_ .cleanButton:hover {
  color: #f8412e
}
.dark-theme-on #WorkSchedule .days_ .date_input::after {
  color: #fff
}
.dark-theme-on #WorkSchedule .days_ .date_input input {
  background-color: #2a313c;
  border-color: var(--DARK-FORMS-border);
  color: var(--DARK-FORMS-value)
}
.dark-theme-on #WorkSchedule .days_ .date_input input:focus {
  border-color: var(--DARK-FORMS-focus)!important
}
.dark-theme-on #WorkSchedule .days_ .date_input input::-webkit-input-placeholder {
  color: #fff
}
.dark-theme-on #WorkSchedule .days_ .date_input input::-moz-placeholder {
  color: #fff
}
.dark-theme-on #WorkSchedule .days_ .date_input input:-ms-input-placeholder {
  color: #fff
}
.dark-theme-on #WorkSchedule .days_ .date_input input:-moz-placeholder {
  color: #fff
}
.dark-theme-on #WorkSchedule .people_without_schedule_ h3 {
  color: #fff
}
.dark-theme-on #WorkSchedule .people_without_schedule_ p {
  color: #a5a5a5
}
.dark-theme-on #WorkSchedule .days_box_ {
  background-color: #36404c
}
.MSTEAMS.dark_mode_ #WorkSchedule .detail_ .days_ .table_.head {
  border-top-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #WorkSchedule .detail_ .days_ .table_ {
  border-bottom-color: #2d2c2c;
  border-left-color: #2d2c2c;
  border-right-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #WorkSchedule .detail_ .days_ .table_ .cell_ {
  border-left-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #WorkSchedule .detail_ .days_ h3 {
  color: #fff
}
.MSTEAMS.dark_mode_ #WorkSchedule .detail_ .days_ h2 {
  color: #fff;
  font-weight: 700
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_ .cleanButton {
  color: #fff
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_ .cleanButton:hover {
  color: #f8412e
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_ .date_input::after {
  color: #fff
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_ .date_input input {
  background-color: #201e1e;
  border-color: var(--MS-DARK-FORMS-border);
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_ .date_input input:focus {
  border-color: var(--MS-DARK-FORMS-focus)!important
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_ .date_input input::-webkit-input-placeholder {
  color: #fff
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_ .date_input input::-moz-placeholder {
  color: #fff
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_ .date_input input:-ms-input-placeholder {
  color: #fff
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_ .date_input input:-moz-placeholder {
  color: #fff
}
.MSTEAMS.dark_mode_ #WorkSchedule .people_without_schedule_ h3 {
  color: #fff
}
.MSTEAMS.dark_mode_ #WorkSchedule .people_without_schedule_ p {
  color: #a5a5a5
}
.MSTEAMS.dark_mode_ #WorkSchedule .days_box_ {
  background-color: #191818
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .detail_ .days_ .table_.head {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .detail_ .days_ .table_ {
  border-bottom-color: #fff;
  border-left-color: #fff;
  border-right-color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .detail_ .days_ .table_ .cell_ {
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .detail_ .days_ h3 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .detail_ .days_ h2 {
  color: #fff;
  font-weight: 700
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_ .cleanButton {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_ .cleanButton:hover {
  color: #f8412e
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_ .date_input::after {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_ .date_input input {
  background-color: #000;
  border-color: var(--MS-DEEP-DARK-FORMS-border);
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_ .date_input input:focus {
  border-color: var(--MS-DEEP-DARK-FORMS-focus)!important
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_ .date_input input::-webkit-input-placeholder {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_ .date_input input::-moz-placeholder {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_ .date_input input:-ms-input-placeholder {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_ .date_input input:-moz-placeholder {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .people_without_schedule_ h3 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .people_without_schedule_ p {
  color: #a5a5a5
}
.MSTEAMS.deep_dark_mode_ #WorkSchedule .days_box_ {
  background-color: #191919
}
#UserGroups .list_view_cols_ .nav_ {
  top: 0
}
#UserGroups .list_view_cols_ {
  min-width: 800px;
  padding-right: 20px
}
#UserGroups .detail_ .row {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0
}
#UserGroups .detail_ .row:first-child {
  padding-top: 20px
}
#UserGroups .detail_ .row .cell_ {
  width: 50%;
  box-sizing: border-box;
  padding: 0 20px;
  vertical-align: middle
}
#UserGroups .detail_ .row .cell_:first-child {
  padding-left: 0
}
#UserGroups .detail_ .row .cell_:last-child {
  padding-right: 0
}
#UserGroups .detail_ .tag_multi_selector_ {
  margin-top: 40px;
  padding: 0
}
@media only screen and (min-width :0px) and (max-width :820px) {
  #UserGroups .list_view_cols_ .cell_container_ .left_cell_ {
    width: 230px
  }
}
#Hours .users_combo {
  margin-left: 10px
}
#Hours.LIST .size_setting,
#Hours.LIST .snap_setting,
#Hours.LIST .stack_setting,
#Hours.MONTH .stack_setting,
#Hours.TEAM .stack_setting {
  opacity: .5;
  pointer-events: none
}
#Hours.TEAM .base_h_.border_ {
  border: 0 none
}
#Hours .buttonMode .list_view_sticky_ .hide_,
#Hours .monthDay .list_view_sticky_ .hide_,
#Hours .singleDay .list_view_sticky_ .hide_,
#Hours .weekDay .list_view_sticky_ .hide_ {
  display: none
}
.can_edit_time_entries .eventItem {
  margin-bottom: 6px
}
.can_edit_time_entries .addTimeEntry {
  cursor: default;
  opacity: 0!important
}
.can_edit_time_entries .addTimeEntry:hover {
  border: none!important;
  padding: 0!important
}
#Hours.TEAM #usersCombo {
  display: none!important
}
#Hours .list_view_contextual_ .drop_pop_ {
  width: 300px;
  margin-left: -150px;
  padding: 20px;
  box-sizing: border-box;
  text-align: left
}
#Hours .list_view_contextual_ .drop_pop_ .save_table_ {
  width: 100%;
  height: auto
}
#Hours .view_settigns .drop_pop_ {
  width: 200px
}
#Hours .view_settigns [data-comp=showButton] .ico {
  display: none;
  margin-right: 5px
}
#Hours .view_settigns [data-comp=showButton] u {
  margin: 0
}
#Hours.DAY .view_settigns [data-comp=showButton] .ico.icon-hours-Day,
#Hours.LIST .view_settigns [data-comp=showButton] .ico.icon-hours-List,
#Hours.MONTH .view_settigns [data-comp=showButton] .ico.icon-hours-Month,
#Hours.TEAM .view_settigns [data-comp=showButton] .ico.icon-hours-Team,
#Hours.WEEK .view_settigns [data-comp=showButton] .ico.icon-hours-Week {
  display: inline-block
}
#Hours .tt-cta-message {
  width: 480px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -19px;
  margin-left: -240px
}
#Hours .pro_banner {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
#Hours .hoursContainer {
  width: 100%;
  min-height: 100%;
  display: inline-block;
  vertical-align: top
}
#Hours.WEEK .hoursContainer > .table {
  min-height: calc(100vh - 103px)
}
#Hours.WEEK.view_not_stacked .hoursContainer > .table {
  table-layout: auto
}
.MSTEAMS #Hours.WEEK .hoursContainer > .table {
  min-height: calc(100vh - 101px)
}
#Hours.MONTH .hoursContainer,
#Hours.TEAM .hoursContainer,
#Hours.WEEK .hoursContainer {
  min-width: 1400px
}
#Hours.TEAM .hoursContainer {
  box-sizing: border-box;
  padding: 0 15px
}
#Hours .hoursContainer .row {
  display: table-row
}
#Hours .hoursContainer .table {
  width: 100%;
  display: table;
  table-layout: fixed
}
#Hours .hoursContainer .cell {
  display: table-cell;
  vertical-align: top;
  border-left: 1px solid #ecf0f4
}
#Hours .hoursContainer .cell:first-child {
  border-left: 0 none
}
.userDay:first-child {
  border-left: 0 none
}
#Hours .hoursContainer .cal_header {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #6a727a;
  background-color: #fff
}
#Hours .hoursContainer .cal_header .cell {
  font-size: 10px;
  font-weight: 700;
  height: 20px;
  border-top: 0 none;
  width: 14.28%;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
  color: var(--FORMS-label)
}
#Hours.MONTH .hoursContainer .cal_header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 30
}
#Hours.MONTH .hoursContainer .cal_header .cell {
  padding: 0 15px;
  text-align: left
}
#Hours .hoursColumnSpacing {
  width: 40px
}
#Hours .hoursColumn {
  position: absolute;
  width: 100%;
  left: 0;
  top: 47px;
  pointer-events: none;
  padding: 0;
  z-index: 0;
  box-sizing: border-box;
  border: 0 none!important
}
#Hours .hoursColumn .hour {
  text-transform: uppercase;
  width: 30px;
  text-align: left;
  display: inline-block;
  font-size: 8px
}
#Hours .hoursSeparator {
  display: block;
  font-size: 10px;
  width: 100%;
  text-align: left;
  padding-left: 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #f6f8f9
}
#Hours .hoursSeparator.hour_0,
#Hours .hoursSeparator.hour_1,
#Hours .hoursSeparator.hour_19,
#Hours .hoursSeparator.hour_2,
#Hours .hoursSeparator.hour_20,
#Hours .hoursSeparator.hour_21,
#Hours .hoursSeparator.hour_22,
#Hours .hoursSeparator.hour_23,
#Hours .hoursSeparator.hour_24,
#Hours .hoursSeparator.hour_3,
#Hours .hoursSeparator.hour_4,
#Hours .hoursSeparator.hour_5,
#Hours .hoursSeparator.hour_6,
#Hours .hoursSeparator.hour_7,
#Hours .hoursSeparator.hour_8 {
  border-bottom: 1px dashed #f6f8f9
}
#Hours .hoursSeparator.hour_17,
#Hours .hoursSeparator.hour_8 {
  border-bottom: 1px solid #f8d1c6
}
#Hours .userHoursTable {
  border-top: 0 none;
  box-sizing: border-box;
  -webkit-border-bottom-right-radius: var(--APP-radius);
  -webkit-border-bottom-left-radius: var(--APP-radius);
  -moz-border-radius-bottomright: var(--APP-radius);
  -moz-border-radius-bottomleft: var(--APP-radius);
  border-bottom-right-radius: var(--APP-radius);
  border-bottom-left-radius: var(--APP-radius)
}
a.addTimeEntry {
  display: block;
  vertical-align: top;
  text-align: center;
  height: 8px;
  color: #a4abb5;
  background-color: #f3f3f3;
  box-sizing: border-box;
  margin: 5px 0;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
a.addTimeEntry span {
  display: none
}
a.addTimeEntry:hover {
  color: #000;
  background-color: #e8e8e8
}
a.addTimeEntry:first-child {
  margin-top: 0
}
a.addTimeEntry:last-child {
  margin-bottom: 0;
  padding: 3px 0 8px 0;
  font-size: 20px;
  height: auto;
  color: #6c6c6c;
  opacity: 1;
  -webkit-transition: border-color .2s;
  -moz-transition: border-color .2s;
  -ms-transition: border-color .2s;
  transition: border-color .2s
}
a.addTimeEntry:last-child span {
  display: inline-block;
  vertical-align: top
}
.blockEntries a.addTimeEntry {
  pointer-events: none;
  display: none
}
#Hours .singleDayCalendar {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 450px;
  box-sizing: border-box;
  background-color: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 15px;
  border: 1px solid #ecf0f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  z-index: 10;
  margin: 15px;
  overflow: hidden
}
#Hours .singleDayContainer {
  width: calc(100% - 480px);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-right: 15px
}
#Hours .singleDayContainer .singleDayTable {
  width: 100%;
  display: table;
  position: relative
}
#Hours .userDay {
  display: table-cell;
  vertical-align: top;
  position: relative;
  z-index: 1;
  border-left: 1px solid #ecf0f4
}
#Hours .userDay:first-child {
  border-left: 0 none
}
#Hours .userDay .list_view_sticky_ {
  -webkit-transform: none!important;
  -moz-transform: none!important;
  -ms-transform: none!important;
  transform: none!important
}
#Hours .userDay.today:not(.singleDay),
#Hours .userDay.today:not(.singleDay) .list_view_sticky_ {
  background-color: #fbfbf4
}
#Hours .userDay.ui-droppable-hover .eventList {
  border: 1px dashed var(--APP-focus-color);
  box-sizing: border-box;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 10px;
  box-sizing: border-box;
  margin-top: 15px
}
#Hours .userDay.ui-droppable-hover .eventList .addTimeEntry:last-child {
  display: none
}
#Hours .userDay.singleDay .eventList {
  min-height: 300px
}
#Hours .userDay.singleDay.not_stacked .user_day_table_ {
  padding-left: 15px
}
#Hours .userDay.singleDay.not_stacked .eventList {
  margin-left: 15px;
  box-sizing: border-box;
  width: calc(100% - 15px)
}
#Hours .userDay.not_current_month.empty .day_schedule_ .circle_ {
  opacity: .5
}
#Hours .userDay.buttonMode {
  cursor: pointer;
  padding: 10px 0 30px 0;
  box-sizing: border-box;
  border-top: 1px solid #ecf0f4;
  width: 14.28%;
  text-align: center
}
#Hours .userDay.buttonMode:nth-child(8n+1) .day_schedule_ .message_,
#Hours .userDay.buttonMode:nth-child(8n+2) .day_schedule_ .message_,
#Hours .userDay.buttonMode:nth-child(8n+3) .day_schedule_ .message_ {
  left: -4px;
  right: auto
}
#Hours .userDay.buttonMode:nth-child(8n+1) .day_schedule_ .message_::after,
#Hours .userDay.buttonMode:nth-child(8n+1) .day_schedule_ .message_::before,
#Hours .userDay.buttonMode:nth-child(8n+2) .day_schedule_ .message_::after,
#Hours .userDay.buttonMode:nth-child(8n+2) .day_schedule_ .message_::before,
#Hours .userDay.buttonMode:nth-child(8n+3) .day_schedule_ .message_::after,
#Hours .userDay.buttonMode:nth-child(8n+3) .day_schedule_ .message_::before {
  right: auto;
  left: 10px
}
#Hours .userDay.buttonMode:hover {
  background-color: var(--APP-item-list-hover);
  z-index: 20
}
#Hours .userDay.buttonMode .day_schedule_ {
  z-index: 1
}
#Hours .userDay.buttonMode .eventList {
  width: 90%;
  height: 90%;
  position: absolute;
  top: 5%;
  left: 5%;
  margin: 0!important;
  padding: 0!important;
  z-index: 0
}
#Hours .userDay.buttonMode.ui-droppable-active .eventList {
  z-index: 3
}
#Hours .userDay.buttonMode .eventList * {
  display: none
}
#Hours .userDay.buttonMode .dayInfo {
  position: absolute;
  bottom: 5px;
  left: 0;
  font-size: 0;
  font-weight: 700
}
#Hours .userDay.buttonMode .dayInfo .day_name {
  display: none
}
#Hours .userDay.buttonMode .dayInfo .day_number {
  font-size: 12px;
  line-height: 20px
}
#Hours .userDay.buttonMode.current {
  background-color: var(--APP-focus-selected-color)
}
#Hours .userDay.buttonMode.current .dayInfo {
  color: var(--APP-focus-color)!important;
  font-weight: 700
}
#Hours .userDay.buttonMode.today .dayInfo {
  font-weight: 900;
  color: #000
}
#Hours .userDay.weekDay {
  font-size: 0
}
#Hours .userDay.weekDay .eventList,
#Hours .userDay.weekDay .user_day_table_ {
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box
}
#Hours .userDay.weekDay.not_stacked .eventList {
  margin-left: 15px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  padding: 0
}
#Hours .userDay.weekDay:not(.not_stacked).ui-droppable-hover .eventList {
  margin-left: 15px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  min-height: 200px;
  padding: 5px!important
}
#Hours .userDay.weekDay.today .dayInfo {
  font-weight: 900;
  color: #000
}
#Hours.WEEK .userDay.day_0.empty,
#Hours.WEEK .userDay.day_6.empty {
  width: 100px
}
#Hours.WEEK .userDay.day_0.empty .user_day_table_ .cell_.left,
#Hours.WEEK .userDay.day_6.empty .user_day_table_ .cell_.left {
  text-align: center
}
#Hours.WEEK .userDay.day_0.empty .user_day_table_ .cell_.right,
#Hours.WEEK .userDay.day_6.empty .user_day_table_ .cell_.right {
  display: none
}
#Hours .userDay.monthDay {
  font-size: 0;
  width: 14.28%
}
#Hours .userDay.monthDay .list_view_sticky_ {
  top: 20px;
  z-index: 100;
  border-top: 1px solid #ecf0f4
}
#Hours .userDay.monthDay .eventList,
#Hours .userDay.monthDay .user_day_table_ {
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box
}
#Hours.TEAM .userDay.monthDay .eventList,
#Hours.TEAM .userDay.monthDay .user_day_table_ {
  padding-left: 10px;
  padding-right: 10px
}
#Hours.TEAM .userDay.monthDay .eventList {
  padding-bottom: 30px
}
#Hours .userDay.monthDay.today .dayInfo {
  font-weight: 900;
  color: #000
}
#Hours .userHoursTable .userDay.monthDay .list_view_sticky_ {
  top: 50px;
  border-top: 0 none
}
#Hours .userSeparator {
  width: 100%;
  display: block;
  vertical-align: top;
  background-color: #f5f4f4;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 30;
  box-sizing: border-box;
  padding: 8px 15px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  margin-bottom: 0
}
#Hours .submit_week_drop_ .drop_pop_ {
  width: 350px;
  margin-left: -175px;
  padding: 0
}
#Hours .submit_week_drop_ .days_ {
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 10px;
  display: none
}
#Hours .submit_week_drop_ .days_.active {
  display: flex
}
#Hours .submit_week_drop_ .days_ a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #282828;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#Hours .submit_week_drop_ .days_ a u {
  text-decoration: underline
}
#Hours .submit_week_drop_ .submit_days_ {
  width: 100%;
  display: none
}
#Hours .submit_week_drop_ .submit_days_.active {
  display: block
}
#Hours .submit_week_drop_ .submit_days_ .list_ {
  width: 100%;
  max-height: 300px;
  overflow: auto;
  padding: 15px;
  box-sizing: border-box
}
#Hours .submit_week_drop_ .submit_days_ .list_ ul {
  width: 100%;
  font-size: 0
}
#Hours .submit_week_drop_ .submit_days_ .list_ ul li {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
#Hours .submit_week_drop_ .submit_days_ .list_ .check_ {
  margin: 0;
  flex-shrink: 0;
  width: auto
}
#Hours .submit_week_drop_ .submit_days_ .list_ .day_ {
  font-size: 13px;
  font-weight: 600;
  color: #282828;
  margin-left: 10px
}
#Hours .submit_week_drop_ .submit_days_ .list_ .hour_ {
  font-size: 14px;
  font-weight: 700;
  color: #282828;
  margin-left: auto
}
#Hours .submit_week_drop_ .submit_days_ .submit_ {
  width: 100%;
  max-height: 300px;
  padding: 0 15px 15px 15px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box
}
#Hours .submit_week_drop_ .submit_days_success_ {
  width: 100%;
  height: 140px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none
}
#Hours .submit_week_drop_ .submit_days_success_.active {
  display: flex
}
#Hours .submit_week_drop_ .submit_days_success_ i {
  font-size: 50px;
  color: #73bf8d
}
#Hours .submit_week_drop_ .submit_days_success_ h2 {
  font-size: 16px;
  color: #282828;
  font-weight: 700;
  line-height: 20px;
  margin-top: 10px
}
#Hours .timeoff_drop_ .sections_ {
  width: 100%
}
@media only screen and (min-width :0px) and (max-width :580px) {
  #Hours .button_[href="#reload"] {
    display: none
  }
  #Hours .sides_controller_ {
    margin-left: 0
  }
  #Hours .insight_button {
    display: none
  }
  #Hours .singleDayContainer {
    width: 100%!important;
    padding: 0 15px
  }
  #Hours .singleDayCalendar {
    width: calc(100% - 30px)!important;
    position: inherit
  }
  #Hours .users_combo [data-comp=showCombo] u u {
    display: none
  }
  #Hours .users_combo [data-comp=showCombo] .avatar {
    margin: 0
  }
}
@media only screen and (min-width :0px) and (max-width :800px) {
  #Hours .singleDayCalendar {
    width: 365px
  }
  #Hours .singleDayContainer {
    width: calc(100% - 400px)
  }
  #Hours .hoursContainer .singleDayCalendar .cal_header .cell {
    font-size: 8px;
    height: 20px
  }
  #Hours .hoursContainer .singleDayCalendar .userDay.buttonMode {
    padding: 5px 0 20px 0
  }
  #Hours .hoursContainer .singleDayCalendar .userDay.buttonMode .dayInfo {
    bottom: 5px
  }
  #Hours .hoursContainer .singleDayCalendar .userDay.buttonMode .dayInfo .day_number {
    font-size: 8px;
    line-height: 10px
  }
  #Hours .hoursContainer .singleDayCalendar .day_schedule_ span {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 8px
  }
  #Hours .hoursContainer .singleDayCalendar .day_schedule_ .day_pie_,
  #Hours .hoursContainer .singleDayCalendar .day_schedule_ .day_pie_sw_ {
    display: none
  }
  #Hours .users_combo [data-comp=showCombo] u u {
    display: none
  }
}
@media only screen and (min-width :900px) {
  .insights_open #Hours.DAY .hoursContainer {
    min-width: 800px
  }
}
#Hours .hours-nav {
  width: 5px;
  height: calc(100% - 103px);
  position: fixed;
  top: 103px;
  z-index: 10
}
#Hours .hours-nav a {
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: var(--FORMS-value);
  background-color: #f5f4f4;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: -webkit-transform .2s,visibility .2s,opacity .2s;
  -moz-transition: -moz-transform .2s,visibility .2s,opacity .2s;
  -ms-transition: -ms-transform .2s,visibility .2s,opacity .2s;
  transition: transform .2s,visibility .2s,opacity .2s
}
#Hours .hours-nav a:hover {
  background-color: #eaeaea
}
#Hours .hours-nav:hover a {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0,0,0)!important;
  -moz-transform: translate3d(0,0,0)!important;
  -ms-transform: translate3d(0,0,0)!important;
  transform: translate3d(0,0,0)!important
}
#Hours .hours-nav.prev {
  left: 0
}
#Hours .hours-nav.prev a {
  left: 0;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  -webkit-transform: translate3d(-60px,0,0);
  -moz-transform: translate3d(-60px,0,0);
  -ms-transform: translate3d(-60px,0,0);
  transform: translate3d(-60px,0,0)
}
#Hours .hours-nav.next {
  right: 0
}
#Hours .hours-nav.next a {
  right: 0;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  -webkit-transform: translate3d(60px,0,0);
  -moz-transform: translate3d(60px,0,0);
  -ms-transform: translate3d(60px,0,0);
  transform: translate3d(60px,0,0)
}
.Windows #Hours .hours-nav.next {
  right: 18px
}
body.dark-theme-on #Hours .dropdown.shadowStyle > .buttonAdvance {
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  border-color: #21262d;
  color: #fff;
  background-color: #2a313b
}
body.dark-theme-on #Hours .dropdown.shadowStyle > .buttonAdvance:hover {
  background-color: #2a313b
}
body.dark-theme-on #Hours .dropdown.shadowStyle > .buttonAdvance span + i {
  color: #f8412e
}
body.dark-theme-on #Hours .dropdown.shadowStyle.active [data-comp=showButton] {
  background-color: #2a313b;
  -moz-box-shadow: 0 5px 35px 0 rgba(0,0,0,.25);
  box-shadow: 0 5px 35px 0 rgba(0,0,0,.25)
}
body.dark-theme-on a.addTimeEntry {
  color: #fff;
  background-color: #353c48
}
body.dark-theme-on a.addTimeEntry:hover {
  color: #fff;
  background-color: #48505d
}
body.dark-theme-on #Hours .singleDayCalendar {
  background-color: #2a313c;
  border-color: #1f232b
}
body.dark-theme-on #Hours .hoursContainer .cell {
  border-left-color: #1f232b;
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on #Hours .hoursContainer .cal_header {
  color: #b1b1b1;
  background-color: #2a313c
}
body.dark-theme-on #Hours .userDay.buttonMode {
  border-top-color: #1f232b
}
body.dark-theme-on #Hours .userDay.buttonMode:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on #Hours .userDay.buttonMode.current {
  background-color: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on #Hours .userDay.buttonMode.today .dayInfo {
  color: #fff
}
body.dark-theme-on #Hours .userDay.weekDay.today .dayInfo {
  color: #fff
}
body.dark-theme-on #Hours .hoursSeparator {
  border-bottom-color: #1f232b
}
body.dark-theme-on #Hours .hoursSeparator.hour_0,
body.dark-theme-on #Hours .hoursSeparator.hour_1,
body.dark-theme-on #Hours .hoursSeparator.hour_19,
body.dark-theme-on #Hours .hoursSeparator.hour_2,
body.dark-theme-on #Hours .hoursSeparator.hour_20,
body.dark-theme-on #Hours .hoursSeparator.hour_21,
body.dark-theme-on #Hours .hoursSeparator.hour_22,
body.dark-theme-on #Hours .hoursSeparator.hour_23,
body.dark-theme-on #Hours .hoursSeparator.hour_24,
body.dark-theme-on #Hours .hoursSeparator.hour_3,
body.dark-theme-on #Hours .hoursSeparator.hour_4,
body.dark-theme-on #Hours .hoursSeparator.hour_5,
body.dark-theme-on #Hours .hoursSeparator.hour_6,
body.dark-theme-on #Hours .hoursSeparator.hour_7,
body.dark-theme-on #Hours .hoursSeparator.hour_8 {
  border-bottom-color: #1f232b
}
body.dark-theme-on #Hours .userDay {
  border-left-color: #1f232b
}
body.dark-theme-on #Hours .userDay.monthDay .list_view_sticky_ {
  border-top-color: #1f232b
}
body.dark-theme-on #Hours .userDay.monthDay.today .dayInfo {
  color: #fff
}
body.dark-theme-on #Hours .userSeparator {
  background-color: #20262f
}
body.dark-theme-on #Hours .userDay.today:not(.singleDay),
body.dark-theme-on #Hours .userDay.today:not(.singleDay) .list_view_sticky_ {
  background-color: #292a35
}
body.dark-theme-on #Hours .submit_week_drop_ .days_ a {
  color: #fff
}
body.dark-theme-on #Hours .submit_week_drop_ .submit_days_ .list_ .day_ {
  color: #fff
}
body.dark-theme-on #Hours .submit_week_drop_ .submit_days_ .list_ .hour_ {
  color: #fff
}
body.dark-theme-on #Hours .submit_week_drop_ .submit_days_success_.active {
  display: flex
}
body.dark-theme-on #Hours .submit_week_drop_ .submit_days_success_ i {
  color: #73bf8d
}
body.dark-theme-on #Hours .submit_week_drop_ .submit_days_success_ h2 {
  color: #fff
}
body.dark-theme-on #Hours #Hours .hours-nav a {
  color: #fff;
  background-color: #434d5d
}
body.dark-theme-on #Hours #Hours .hours-nav a:hover {
  background-color: #20242b
}
.MSTEAMS.dark_mode_ #Hours .dropdown.shadowStyle > .buttonAdvance {
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  border-color: #21262d;
  color: #fff;
  background-color: #2a313b
}
.MSTEAMS.dark_mode_ #Hours .dropdown.shadowStyle > .buttonAdvance:hover {
  background-color: #2a313b
}
.MSTEAMS.dark_mode_ #Hours .dropdown.shadowStyle > .buttonAdvance span + i {
  color: #f8412e
}
.MSTEAMS.dark_mode_ #Hours .dropdown.shadowStyle.active [data-comp=showButton] {
  background-color: #2a313b;
  -moz-box-shadow: 0 5px 35px 0 rgba(0,0,0,.25);
  box-shadow: 0 5px 35px 0 rgba(0,0,0,.25)
}
.MSTEAMS.dark_mode_ #Hours .singleDayCalendar {
  background-color: #191919;
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #Hours .hoursContainer .cell {
  border-left-color: #3c3c3c;
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #Hours .hoursContainer .cal_header {
  color: #b1b1b1;
  background-color: #191919
}
.MSTEAMS.dark_mode_ #Hours .userDay.buttonMode {
  border-top-color: #3c3c3c
}
.MSTEAMS.dark_mode_ #Hours .userDay.buttonMode:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ #Hours .userDay.buttonMode.current {
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ #Hours .userDay.buttonMode.today .dayInfo {
  color: #fff
}
.MSTEAMS.dark_mode_ #Hours .userDay.weekDay.today .dayInfo {
  color: #fff
}
.MSTEAMS.dark_mode_ #Hours .hoursSeparator {
  border-bottom-color: #3c3c3c
}
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_0,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_1,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_19,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_2,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_20,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_21,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_22,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_23,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_24,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_3,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_4,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_5,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_6,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_7,
.MSTEAMS.dark_mode_ #Hours .hoursSeparator.hour_8 {
  border-bottom-color: #3c3c3c
}
.MSTEAMS.dark_mode_ #Hours .userDay {
  border-left-color: #3c3c3c
}
.MSTEAMS.dark_mode_ #Hours .userDay.monthDay .list_view_sticky_ {
  border-top-color: #3c3c3c
}
.MSTEAMS.dark_mode_ #Hours .userDay.monthDay.today .dayInfo {
  color: #fff
}
.MSTEAMS.dark_mode_ #Hours .userSeparator {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ a.addTimeEntry {
  color: #fff;
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ a.addTimeEntry:hover {
  color: #fff;
  background-color: #676767
}
.MSTEAMS.dark_mode_ #Hours .userDay.today:not(.singleDay),
.MSTEAMS.dark_mode_ #Hours .userDay.today:not(.singleDay) .list_view_sticky_ {
  background-color: #23231c
}
.MSTEAMS.dark_mode_ #Hours .submit_week_drop_ .days_ a {
  color: #fff
}
.MSTEAMS.dark_mode_ #Hours .submit_week_drop_ .submit_days_ .list_ .day_ {
  color: #fff
}
.MSTEAMS.dark_mode_ #Hours .submit_week_drop_ .submit_days_ .list_ .hour_ {
  color: #fff
}
.MSTEAMS.dark_mode_ #Hours .submit_week_drop_ .submit_days_success_.active {
  display: flex
}
.MSTEAMS.dark_mode_ #Hours .submit_week_drop_ .submit_days_success_ i {
  color: #73bf8d
}
.MSTEAMS.dark_mode_ #Hours .submit_week_drop_ .submit_days_success_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ #Hours #Hours .hours-nav a {
  color: #fff;
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #Hours #Hours .hours-nav a:hover {
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ #Hours .dropdown.shadowStyle > .buttonAdvance {
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  border-color: #21262d;
  color: #fff;
  background-color: #2a313b
}
.MSTEAMS.deep_dark_mode_ #Hours .dropdown.shadowStyle > .buttonAdvance:hover {
  background-color: #2a313b
}
.MSTEAMS.deep_dark_mode_ #Hours .dropdown.shadowStyle > .buttonAdvance span + i {
  color: #f8412e
}
.MSTEAMS.deep_dark_mode_ #Hours .dropdown.shadowStyle.active [data-comp=showButton] {
  background-color: #2a313b;
  -moz-box-shadow: 0 5px 35px 0 rgba(0,0,0,.25);
  box-shadow: 0 5px 35px 0 rgba(0,0,0,.25)
}
.MSTEAMS.deep_dark_mode_ #Hours .singleDayCalendar {
  background-color: #000;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .hoursContainer .cell {
  border-left-color: #fff;
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #Hours .hoursContainer .cal_header {
  color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #Hours .userDay.buttonMode {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .userDay.buttonMode:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ #Hours .userDay.buttonMode.current {
  background-color: var(--MS-DEEP-DARK-APP-focus-selected-color)
}
.MSTEAMS.deep_dark_mode_ #Hours .userDay.buttonMode.today .dayInfo {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .userDay.weekDay.today .dayInfo {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator {
  border-bottom-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_0,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_1,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_19,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_2,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_20,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_21,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_22,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_23,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_24,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_3,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_4,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_5,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_6,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_7,
.MSTEAMS.deep_dark_mode_ #Hours .hoursSeparator.hour_8 {
  border-bottom-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ #Hours .userDay {
  border-left-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ #Hours .userDay.monthDay .list_view_sticky_ {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .userDay.monthDay.today .dayInfo {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .userSeparator {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .userSeparator .user_info_ .email,
.MSTEAMS.deep_dark_mode_ #Hours .userSeparator .user_info_ .name {
  color: #000
}
.MSTEAMS.deep_dark_mode_ a.addTimeEntry {
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ a.addTimeEntry:hover {
  color: #fff;
  background-color: #252525
}
.MSTEAMS.deep_dark_mode_ #Hours .userDay.today:not(.singleDay),
.MSTEAMS.deep_dark_mode_ #Hours .userDay.today:not(.singleDay) .list_view_sticky_ {
  background-color: #23231c
}
.MSTEAMS.deep_dark_mode_ #Hours .submit_week_drop_ .days_ a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .submit_week_drop_ .submit_days_ .list_ .day_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .submit_week_drop_ .submit_days_ .list_ .hour_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours .submit_week_drop_ .submit_days_success_.active {
  display: flex
}
.MSTEAMS.deep_dark_mode_ #Hours .submit_week_drop_ .submit_days_success_ i {
  color: #ffff01
}
.MSTEAMS.deep_dark_mode_ #Hours .submit_week_drop_ .submit_days_success_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours #Hours .hours-nav a {
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ #Hours #Hours .hours-nav a:hover {
  background-color: #ffff01
}
.eventList {
  width: 100%;
  padding-bottom: 10px;
  position: relative
}
.eventList ul {
  width: 100%;
  font-size: 0;
  box-sizing: border-box;
  padding: 20px
}
.eventList li {
  width: 100%;
  display: inline-block;
  vertical-align: top
}
.eventList.spaces li {
  margin-top: 10px
}
.eventList.spaces li:first-child {
  margin-top: 0!important
}
.eventList li.separator {
  width: 100%;
  text-align: left;
  position: relative;
  color: #7f8488;
  font-weight: 700;
  box-sizing: border-box;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px
}
.eventList li.separator span {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px
}
.eventList .loadMore {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  text-decoration: underline;
  text-align: center;
  padding: 10px 0 10px 0;
  width: 100%;
  font-weight: 600
}
.eventList .addItem {
  width: 100%;
  -webkit-transition: padding .4s;
  -moz-transition: padding .4s;
  -ms-transition: padding .4s;
  transition: padding .4s;
  display: inline-block;
  vertical-align: top
}
.eventList .addItem .button {
  width: 100%;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: margin .4s,height .4s,opacity .4s,border .4s;
  -moz-transition: margin .4s,height .4s,opacity .4s,border .4s;
  -ms-transition: margin .4s,height .4s,opacity .4s,border .4s;
  transition: margin .4s,height .4s,opacity .4s,border .4s;
  overflow: hidden;
  border: 1px solid transparent;
  box-sizing: border-box
}
.eventList .addItem .button i {
  color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -40px;
  opacity: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: opacity .4s,-webkit-transform .4s,margin .4s;
  -moz-transition: opacity .4s,-moz-transform .4s,margin .4s;
  -ms-transition: opacity .4s,-ms-transform .4s,margin .4s;
  transition: opacity .4s,transform .4s,margin .4s;
  font-size: 18px
}
.eventList .addItem:hover {
  padding: 10px 0
}
.eventList .addItem:hover .button {
  height: 40px;
  opacity: 1;
  border: 1px solid #f0f4f7
}
.eventList .addItem:hover .button i {
  opacity: 1;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  margin-top: -9px
}
.eventList .itemOLD {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
  background-color: #f0f4f7;
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -ms-transition: background-color .4s;
  transition: background-color .4s;
  font-size: 13px
}
.eventList .table .cell.cell_top {
  vertical-align: top
}
.eventDetail {
  padding: 0 20px
}
.eventDetail .label {
  width: 100%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 8px;
  color: #616161;
  font-size: 9px;
  font-family: robotoregular,sans-serif;
  margin-bottom: 2px;
  display: block;
  min-height: 9px;
  text-transform: uppercase
}
.eventDetail .time .table {
  margin-top: 10px
}
.eventDetail .time .table .cell {
  width: 50%
}
.eventDetail .time .table .cell:first-child {
  padding-right: 5px
}
.eventDetail .time .table .cell:last-child {
  padding-left: 5px
}
.eventDetail .time .dateCalendar {
  width: 100%;
  text-align: left;
  vertical-align: top;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #9e9e9e;
  font-style: italic;
  box-sizing: border-box
}
.eventDetail .time .dateCalendar::before {
  width: 100%;
  height: 10px;
  content: '';
  display: block;
  vertical-align: top
}
.eventDetail .time .timeSection {
  width: 100%;
  position: relative
}
.eventDetail .time .timeSection input {
  font-weight: 700
}
.eventDetail .time .timeSection i {
  font-size: 13px;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -12px;
  color: #333;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -ms-transition: background-color .4s;
  transition: background-color .4s;
  display: inline-block!important
}
.eventDetail .time .timeSection i:hover {
  background-color: #fff
}
.eventDetail.error .timeSection i,
.eventDetail.error .timeSection input {
  color: #f54337;
  border-color: #f54337!important
}
.eventDetail .note {
  margin-top: 16px
}
.eventDetail .note .text {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0;
  margin-top: 8px
}
.eventDetail .note .text i {
  width: 20px;
  text-align: center;
  line-height: 20px;
  height: 20px;
  position: absolute;
  top: 7px;
  left: 5px;
  font-size: 18px;
  color: #adb4bc;
  z-index: 1;
  pointer-events: none
}
.eventDetail .note .text textarea {
  color: #2d343d;
  font-family: robotoligth,sans-serif;
  font-style: italic;
  font-size: 13px;
  padding: 10px 10px 10px 32px;
  position: relative;
  z-index: 0;
  min-height: 50px;
  border: 0 none!important;
  background-color: #edf1f3
}
.eventDetail .info {
  width: 100%
}
.eventDetail .info .name {
  width: 100%;
  margin-bottom: 10px
}
.eventDetail .info .name a {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #333;
  display: inline-block;
  vertical-align: top;
  padding: 8px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f4f7!important;
  position: relative;
  background-color: #f6f8f9;
  border-bottom: 1px solid #e0e5ea!important
}
.eventDetail .info .name a.blocked {
  pointer-events: none
}
.eventDetail .info .name a.blocked::after {
  content: ''
}
.eventDetail .info .name a:hover {
  border-bottom: 1px solid #000!important
}
.eventDetail .info .name a strong {
  font-weight: 700;
  display: block;
  width: 100%
}
.eventDetail .info .note {
  width: 100%
}
.eventDetail .info .note textarea {
  line-height: 18px;
  font-size: 13px
}
.eventDetail .buttonGroup {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f0f4f7
}
body.dark-theme-on .eventList li.separator {
  color: #ccc
}
.eventItem {
  position: relative;
  overflow: hidden;
  background-color: #f3f3f3;
  font-weight: 400;
  color: #525252;
  cursor: pointer;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  min-height: 80px;
  font-size: 0;
  border-width: 2px;
  border-style: solid;
  -webkit-transition: border-radius .4s;
  -moz-transition: border-radius .4s;
  -ms-transition: border-radius .4s;
  transition: border-radius .4s
}
.eventItem:not(.editing):not(.not_stacked):not(:hover) {
  border-color: transparent!important
}
.eventItem:hover {
  border-style: solid;
  border-color: #8e8e8e
}
.eventItem .ui-resizable-s {
  height: 18px;
  bottom: 0;
  width: 50px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  cursor: s-resize;
  z-index: 10
}
.editingEventItem .eventItem {
  opacity: .5
}
.editingEventItem .eventItem:hover {
  opacity: .8
}
.editingEventItem .addTimeEntry {
  opacity: .5;
  pointer-events: none
}
span._unit {
  font-size: 12px
}
span._sec {
  font-size: 12px
}
span._min {
  font-size: 12px
}
span._hour {
  font-size: 12px
}
span._sep {
  margin: 0 1px
}
.eventItem.editing.is_new {
  pointer-events: none
}
.eventItem.editing.is_new .dragIcon,
.eventItem.editing.is_new .duration,
.eventItem.editing.is_new .time {
  display: none
}
.eventItem.is_holiday,
.eventItem.is_time_off {
  background-color: #f5f4f4!important;
  background-image: url(../../img/time_off_grid.svg);
  background-position: left top;
  background-size: 115% auto;
  background-repeat: repeat
}
.eventItem.dragging {
  opacity: .5
}
.eventItem.ui-draggable-dragging .playButton {
  display: none
}
.eventItem.ui-resizable-resizing {
  border-color: #282828!important;
  color: #282828!important
}
.eventItem.ui-resizable-resizing .time {
  z-index: 2;
  color: #282828;
  background-color: transparent!important;
  border: transparent!important
}
.eventItem.ui-resizable-resizing .playButton {
  display: none!important
}
.eventItem.ui-resizable-resizing .eventItemLayer {
  opacity: 1
}
.eventItem.ui-resizable-resizing .duration {
  visibility: hidden
}
.eventItem.ui-resizable-resizing .time .dragIcon {
  opacity: 1;
  border-color: #282828!important
}
.eventItem.ui-resizable-resizing .resizingDuration {
  opacity: 1
}
.eventItem.ui-resizable-resizing .eventItemLayer {
  opacity: 1
}
.eventItem.ui-resizable-resizing .time .dragIcon {
  border-color: #fff
}
.eventItem.is_holiday .dragIcon,
.eventItem.is_not_logged_default .dragIcon,
.eventItem.is_time_off .dragIcon {
  display: none
}
.eventItem.duplicating {
  cursor: copy
}
.eventItem.tracking {
  background-color: var(--APP-track-color)!important;
  border-color: var(--APP-track-color)!important;
  color: #fff!important
}
.eventItem.tracking:hover {
  border-color: var(--APP-track-color-hover)!important
}
.eventItem.tracking .dragIcon,
.eventItem.tracking .ui-resizable-s {
  display: none
}
.eventItem.tracking .ui-resizable-s {
  cursor: default
}
.eventItem.not_stacked {
  position: absolute;
  width: 100%;
  max-height: unset;
  min-height: unset;
  z-index: 0;
  border-width: 1px;
  border-color: #e8e8e8;
  box-sizing: border-box
}
.eventItem.not_stacked:hover {
  z-index: 20!important
}
.eventItem.editing {
  opacity: 1!important;
  border-style: solid;
  border-color: #e8e8e8
}
.eventItem.editing:hover {
  opacity: 1!important
}
.eventItem.editing .playButton {
  visibility: visible
}
.eventItem.editing .time .dragIcon {
  opacity: 1
}
.eventItem.editedAnim {
  background-color: #f7e596!important;
  color: #2d343e!important;
  border-color: transparent!important
}
.eventItem.editedAnim .timeframe {
  color: #2d343e!important
}
.eventItem.editedAnim .playButton {
  display: none!important
}
.eventItem.not_stacked.editedAnim .time {
  background-color: #f7e596;
  border-color: #ead98d
}
.eventItem.editedAnim .time .dragIcon {
  opacity: 0
}
.eventItem.not_stacked.ONE_LINE .info {
  padding-top: 0
}
.eventItem.not_stacked.ONE_LINE .info .note,
.eventItem.not_stacked.ONE_LINE .time .timeframe {
  display: none!important
}
.eventItem.not_stacked.ONE_LINE .duration {
  line-height: 20px;
  bottom: 50%;
  margin-bottom: -10px
}
.eventItem.not_stacked.ONE_LINE .time {
  background-color: transparent!important;
  border-color: transparent!important
}
.eventItem.not_stacked.ONE_LINE .playButton {
  top: 50%;
  margin-top: -12px
}
.eventItem.compact.small {
  min-height: 90px
}
.eventItem.compact.small .info .project_and_task .task {
  -webkit-line-clamp: 1;
  font-size: 10px;
  line-height: 12px
}
.eventItem.compact.small .info .project_and_task .project {
  font-size: 10px;
  line-height: 12px
}
.eventItem.compact.small .info .time_off_title_ h2 {
  -webkit-line-clamp: 1;
  font-size: 10px;
  line-height: 12px
}
.eventItem.compact.small .info .note {
  font-size: 10px;
  line-height: 14px
}
.eventItem.compact.large {
  min-height: 145px
}
.eventItem.compact.large .info .project_and_task .project {
  font-size: 12px;
  line-height: 16px
}
.eventItem.compact.large .info .project_and_task .task {
  font-size: 12px;
  line-height: 16px
}
.eventItem.compact.large .info .time_off_title_ h2 {
  font-size: 12px;
  line-height: 16px
}
.eventItem.small.stacked {
  min-height: 100px
}
.eventItem.small.not_stacked.ONE_LINE .playButton {
  display: none!important
}
.eventItem.large.stacked {
  min-height: 150px
}
.eventItem.large.not_stacked.ONE_LINE .info {
  padding-top: 5px
}
.eventItem.large.not_stacked.ONE_LINE:hover .duration {
  visibility: hidden
}
.eventItem.large .playButton {
  right: 10px;
  top: 10px
}
.eventItem.large .info {
  padding: 10px 10px 10px 10px
}
.eventItem.large .time {
  height: 25px;
  line-height: 25px
}
.eventItem.large .time .timeframe {
  font-size: 10px;
  line-height: 25px;
  padding: 0 10px
}
.eventItem.large .duration {
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  padding-right: 10px
}
.eventItem.large .info .project_and_task .project {
  font-size: 14px;
  line-height: 18px
}
.eventItem.large .info .project_and_task .task {
  font-size: 14px;
  line-height: 18px;
  -webkit-line-clamp: 2
}
.eventItem.large .info .time_off_title_ h2 {
  font-size: 14px;
  -webkit-line-clamp: 2
}
.eventItem.large .info .time_off_service_ {
  top: 10px;
  right: 10px
}
.eventItem.large .info .note {
  -webkit-line-clamp: 2;
  font-size: 12px;
  line-height: 16px
}
.eventItem.large .ui-resizable-s {
  height: 25px
}
.eventItem.large .time .dragIcon {
  bottom: 5px
}
.eventItem.large .time_avatar {
  width: 15px;
  height: 15px;
  top: -5px
}
.eventItem.large .time_avatar .avatar {
  width: 15px;
  height: 15px
}
.eventItem .not_logged {
  display: none;
  box-sizing: border-box;
  position: relative;
  padding: 0 5px 0 15px;
  margin: 5px 0 0 5px;
  font-weight: 700;
  opacity: .6;
  pointer-events: none
}
.eventItem .not_logged i {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  line-height: 10px;
  text-align: center;
  font-size: 10px
}
.eventItem .not_logged u {
  font-size: 8px;
  line-height: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase
}
.eventItem.is_not_logged:not(.editing) {
  background-color: #fdfdfd
}
.eventItem.is_not_logged.ui-resizable-resizing .not_logged {
  display: none!important
}
.eventItem.is_not_logged .not_logged {
  display: inline-block
}
.eventItem.small.not_stacked.ONE_LINE .not_logged {
  display: none!important
}
.eventItem .eventItemLayer {
  position: absolute;
  pointer-events: none;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  background-color: #fff
}
.eventItem .info {
  width: 100%;
  height: calc(100% - 15px);
  display: flex;
  flex-direction: column;
  vertical-align: top;
  box-sizing: border-box;
  padding: 5px 5px 5px 5px
}
.eventItem .info .time_off_title_ {
  width: 100%;
  margin-bottom: 5px;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start
}
.eventItem .info .time_off_title_ h2 {
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #282828;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
.eventItem .info .time_off_title_ h3 {
  background-color: #f9f7d7;
  color: #828282;
  font-size: 7px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 5px;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  margin-left: 5px
}
.eventItem .info .time_off_service_ {
  width: 16px;
  height: 16px;
  color: #828282;
  top: 5px;
  right: 5px;
  font-size: 16px;
  position: absolute;
  z-index: 1
}
.eventItem .info .time_off_service_ + .time_off_title_ {
  padding-right: 25px
}
.eventItem .info .time_off_title_ h3.timeoff_tag_pending_ {
  background-color: var(--TIMEOFFS-pending)
}
.eventItem .info .time_off_title_ h3.timeoff_tag_approved_ {
  background-color: var(--TIMEOFFS-approved)
}
.eventItem .not_logged + .info {
  height: calc(100% - 27px)
}
.eventItem .info .project_and_task {
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 5px
}
.eventItem .info .project_and_task span:empty,
.eventItem .info .project_and_task:empty {
  display: none
}
.eventItem .info .project_and_task .project {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px
}
.eventItem .info .project_and_task .project .customer {
  opacity: .7
}
.eventItem .info .project_and_task .task {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-orient: vertical;
  font-weight: 700
}
.eventItem .info .note {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  font-size: 10px;
  line-height: 14px;
  -webkit-box-orient: vertical
}
.eventItem .info .note:empty {
  display: none
}
.eventItem .time {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 18px;
  line-height: 18px;
  box-sizing: border-box
}
.eventItem .time .timeframe {
  font-size: 10px;
  line-height: 18px;
  padding: 0 5px;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: transparent!important;
  width: auto;
  display: inline-block;
  vertical-align: middle
}
.eventItem .time .dragIcon {
  width: 20px;
  height: 5px;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 5px;
  z-index: 3;
  opacity: 0;
  padding: 2px 0;
  line-height: 0;
  box-sizing: border-box;
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
  font-size: 0
}
.eventItem:hover .time .dragIcon {
  opacity: 1
}
.eventItem.ui-resizable-resizing .time .dragIcon {
  opacity: 0
}
.eventItem.not_stacked .time {
  background-color: #f3f3f3;
  border-top: 1px solid #e8e8e8
}
.eventItem.not_stacked.ui-resizable-resizing .time {
  background-color: transparent!important;
  border-top-color: transparent!important
}
.eventItem .time_avatar {
  display: none;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  position: relative;
  top: 0;
  overflow: hidden;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.eventItem .time_avatar .email,
.eventItem .time_avatar .name {
  display: none
}
.eventItem .time_avatar .avatar {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 12px;
  height: 12px;
  margin-top: 0;
  display: inline-block;
  vertical-align: top
}
.eventItem.show_user_avatar .time_avatar {
  display: inline-block
}
.eventItem .duration {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  padding-right: 5px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0
}
.eventItem .resizingDuration {
  font-family: oswald,sans-serif;
  font-size: 20px;
  opacity: 0;
  color: #282828;
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  line-height: 20px;
  margin-top: -10px;
  text-align: center
}
.eventItem .playButton {
  visibility: hidden;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 91;
  background-color: #282828;
  color: #fff;
  border-color: #282828
}
.eventItem .playButton:hover {
  background-color: #000;
  color: #fff;
  border-color: #000
}
.eventItem.tracking .playButton,
.eventItem:hover .playButton {
  visibility: visible
}
.eventItem.tracking .playButton {
  background-color: rgba(0,0,0,.4)!important
}
.eventItem.tracking .playButton:hover {
  background-color: rgba(0,0,0,.5)!important
}
.eventItem .resizingDuration {
  font-family: oswald,sans-serif;
  font-size: 20px;
  opacity: 0;
  color: #282828;
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  line-height: 20px;
  margin-top: -10px;
  text-align: center
}
.eventItem.not_stacked.ONE_LINE .info {
  padding-top: 0
}
.eventItem.not_stacked.ONE_LINE .info .note,
.eventItem.not_stacked.ONE_LINE .time .timeframe {
  display: none!important
}
.eventItem.not_stacked.ONE_LINE .duration {
  line-height: 20px;
  bottom: 50%;
  margin-bottom: -10px
}
.eventItem.not_stacked.ONE_LINE .time {
  background-color: transparent!important;
  border-color: transparent!important
}
.eventItem.not_stacked.ONE_LINE .playButton {
  top: 50%;
  margin-top: -12px
}
.eventItem.compact.small {
  min-height: 90px
}
.eventItem.compact.small .info .project_and_task .task {
  -webkit-line-clamp: 1
}
.eventItem.compact.small .info .project_and_task .project {
  font-size: 10px;
  line-height: 12px
}
.eventItem.compact.small .info .project_and_task .task {
  font-size: 10px;
  line-height: 12px
}
.eventItem.compact.small .info .note {
  font-size: 10px;
  line-height: 14px
}
.eventItem.small.stacked {
  min-height: 100px
}
.eventItem.small.not_stacked.ONE_LINE .playButton {
  display: none!important
}
.eventItem.compact.large {
  min-height: 145px
}
.eventItem.compact.large .info .project_and_task .project {
  font-size: 12px;
  line-height: 16px
}
.eventItem.compact.large .info .project_and_task .task {
  font-size: 12px;
  line-height: 16px
}
.eventItem.large.stacked {
  min-height: 150px
}
.eventItem.large.not_stacked.ONE_LINE .info {
  padding-top: 5px
}
.eventItem.large.not_stacked.ONE_LINE:hover .duration {
  visibility: hidden
}
.eventItem.large .playButton {
  right: 10px;
  top: 10px
}
.eventItem.large .info {
  padding: 10px 10px 10px 10px
}
.eventItem.large .time {
  height: 25px;
  line-height: 25px
}
.eventItem.large .time .timeframe {
  font-size: 10px;
  line-height: 25px;
  padding: 0 10px
}
.eventItem.large .duration {
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  padding-right: 10px
}
.eventItem.large .info .project_and_task .project {
  font-size: 14px;
  line-height: 18px
}
.eventItem.large .info .project_and_task .task {
  font-size: 14px;
  line-height: 18px;
  -webkit-line-clamp: 2
}
.eventItem.large .info .note {
  font-size: 12px;
  line-height: 16px
}
.eventItem.large .ui-resizable-s {
  height: 25px
}
.eventItem.large .time .dragIcon {
  bottom: 5px
}
.eventItem.large .time_avatar {
  width: 15px;
  height: 15px;
  top: -5px
}
.eventItem.large .time_avatar .avatar {
  width: 15px;
  height: 15px
}
.eventItem.editedAnim {
  background-color: #f7e596!important;
  color: #2d343e!important;
  border-color: transparent!important
}
.eventItem.editedAnim .timeframe {
  color: #2d343e!important
}
.eventItem.editedAnim .playButton {
  display: none!important
}
.eventItem.not_stacked.editedAnim .time {
  background-color: #f7e596;
  border-color: #ead98d
}
.eventItem.editedAnim .time .dragIcon {
  opacity: 0
}
span._unit {
  font-size: 12px
}
span._sec {
  font-size: 12px
}
span._min {
  font-size: 12px
}
span._hour {
  font-size: 12px
}
span._sep {
  margin: 0 1px
}
.multipleSelectActive .eventItem:not(.eventItem__selected),
.multipleSelectActive .eventItem:not(.eventItem__selected):not(:hover) {
  border-color: #d2d2d2!important
}
.eventItem.eventItem__selected:not(.editing):not(.not_stacked) {
  border-color: var(--APP-focus-color)!important
}
.eventItem.eventItem__selected.is_not_logged:not(.editedAnim),
.eventItem.eventItem__selected:not(.editedAnim) {
  border-color: var(--APP-focus-color)!important;
  background-color: var(--APP-focus-selected-color)!important;
  color: var(--APP-focus-color)!important
}
.eventItem.eventItem__selected.not_stacked.is_not_logged:not(.editedAnim) .time,
.eventItem.eventItem__selected.not_stacked:not(.editedAnim) .time {
  background-color: var(--APP-focus-selected-color)!important;
  border-color: var(--APP-focus-color)!important
}
.eventItem.eventItem__selected.is_not_logged:not(.editedAnim) .time .dragIcon,
.eventItem.eventItem__selected:not(.editedAnim) .time .dragIcon {
  border-color: var(--APP-focus-color)!important
}
.multipleSelectActive .eventItem .dragIcon,
.multipleSelectActive .eventItem .playButton,
.multipleSelectActive .eventItem .ui-resizable-handle {
  display: none!important
}
.eventItem .custom_field_tag_container_ {
  margin: 10px 0 0 0;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  flex-shrink: 0
}
.eventItem .custom_field_tag_container_ .custom_field_tag_ {
  margin-left: 0;
  margin-right: 10px
}
.eventItem .custom_field_tag_container_:empty {
  display: none
}
body.dark-theme-on .eventItem {
  background-color: #353c48;
  color: #fff;
  border-color: #434d5d
}
body.dark-theme-on .eventItem:hover {
  border-color: #48505d
}
body.dark-theme-on .eventItem .time .dragIcon {
  border-top-color: #a3b4ce;
  border-bottom-color: #a3b4ce
}
body.dark-theme-on .eventItem .eventItemLayer {
  background-color: #2a313c
}
body.dark-theme-on .eventItem .resizingDuration {
  color: #fff
}
body.dark-theme-on .eventItem.not_stacked .time {
  background-color: #353c48;
  border-top-color: #434d5d
}
body.dark-theme-on .eventItem.not_stacked.editedAnim .time {
  background-color: #f7e596;
  border-top-color: #ead98d
}
body.dark-theme-on .eventItem.ui-resizable-resizing {
  border-color: #fff!important;
  color: #fff!important
}
body.dark-theme-on .eventItem.ui-resizable-resizing .time {
  color: #fff
}
body.dark-theme-on .eventItem.ui-resizable-resizing .time .dragIcon {
  border-color: #fff!important
}
body.dark-theme-on .eventItem .playButton {
  background-color: #2c3135;
  color: #fff;
  border-color: #2c3135
}
body.dark-theme-on .eventItem .playButton:hover {
  background-color: #000;
  color: #fff;
  border-color: #000
}
body.dark-theme-on .eventItem.tracking .playButton {
  background-color: rgba(0,0,0,.4)!important
}
body.dark-theme-on .eventItem.tracking .playButton:hover {
  background-color: rgba(0,0,0,.5)!important
}
body.dark-theme-on .eventItem.is_not_logged:not(.editing) {
  background-color: #2a313c
}
body.dark-theme-on .multipleSelectActive .eventItem:not(.eventItem__selected),
body.dark-theme-on .multipleSelectActive .eventItem:not(.eventItem__selected):not(:hover) {
  border-color: #5c6777!important
}
body.dark-theme-on .eventItem.eventItem__selected:not(.editing):not(.not_stacked) {
  border-color: var(--APP-focus-color)!important
}
body.dark-theme-on .eventItem.eventItem__selected.is_not_logged:not(.editedAnim),
body.dark-theme-on .eventItem.eventItem__selected:not(.editedAnim) {
  border-color: var(--DARK-APP-focus-color)!important;
  background-color: var(--DARK-APP-focus-selected-color)!important;
  color: var(--APP-focus-color)!important
}
body.dark-theme-on .eventItem.eventItem__selected.not_stacked.is_not_logged:not(.editedAnim) .time,
body.dark-theme-on .eventItem.eventItem__selected.not_stacked:not(.editedAnim) .time {
  background-color: var(--DARK-APP-focus-selected-color)!important;
  border-color: var(--APP-focus-color)!important
}
body.dark-theme-on .eventItem.eventItem__selected.is_not_logged:not(.editedAnim) .time .dragIcon,
body.dark-theme-on .eventItem.eventItem__selected:not(.editedAnim) .time .dragIcon {
  border-color: var(--APP-focus-color)!important
}
body.dark-theme-on .eventItem.eventItem__selected.is_not_logged:not(.editedAnim),
body.dark-theme-on .eventItem.eventItem__selected:not(.editedAnim) {
  border-color: var(--DARK-APP-focus-selected-color)!important;
  background-color: var(--DARK-APP-focus-selected-color)!important;
  color: var(--APP-focus-color)!important
}
body.dark-theme-on .eventItem.is_holiday,
body.dark-theme-on .eventItem.is_time_off {
  background-color: #353c48!important
}
body.dark-theme-on .eventItem .info .time_off_title_ h2 {
  color: #fff
}
body.dark-theme-on .eventItem .info .time_off_title_ h3 {
  background-color: #f9f7d7;
  color: #828282
}
body.dark-theme-on .eventItem .info .time_off_service_ {
  color: #888
}
.MSTEAMS.dark_mode_ .eventItem {
  background-color: #3c3c3c;
  color: #fff;
  border-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .eventItem.is_not_logged:not(.editing) {
  background-color: #2f2f2f
}
.MSTEAMS.dark_mode_ .eventItem:hover {
  border-color: #676767
}
.MSTEAMS.dark_mode_ .eventItem .time .dragIcon {
  border-top-color: #676767;
  border-bottom-color: #676767
}
.MSTEAMS.dark_mode_ .eventItem .eventItemLayer {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .eventItem .resizingDuration {
  color: #fff
}
.MSTEAMS.dark_mode_ .eventItem.ui-resizable-resizing {
  border-color: #fff!important;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .eventItem.ui-resizable-resizing .time {
  color: #fff
}
.MSTEAMS.dark_mode_ .eventItem.ui-resizable-resizing .time .dragIcon {
  border-color: #fff!important
}
.MSTEAMS.dark_mode_ .eventItem .playButton {
  background-color: #676767;
  color: #fff;
  border-color: #676767
}
.MSTEAMS.dark_mode_ .eventItem .playButton:hover {
  background-color: #000;
  color: #fff;
  border-color: #000
}
.MSTEAMS.dark_mode_ .eventItem.tracking .playButton {
  border-color: rgba(0,0,0,.15)!important
}
.MSTEAMS.dark_mode_ .eventItem.not_stacked .time {
  background-color: #f7e596;
  border-top-color: #ead98d
}
.MSTEAMS.dark_mode_ .multipleSelectActive .eventItem:not(.eventItem__selected),
.MSTEAMS.dark_mode_ .multipleSelectActive .eventItem:not(.eventItem__selected):not(:hover) {
  border-color: #6f6f6f!important
}
.MSTEAMS.dark_mode_ .eventItem.eventItem__selected:not(.editing):not(.not_stacked) {
  border-color: var(--APP-focus-color)!important
}
.MSTEAMS.dark_mode_ .eventItem.eventItem__selected.is_not_logged:not(.editedAnim),
.MSTEAMS.dark_mode_ .eventItem.eventItem__selected:not(.editedAnim) {
  border-color: var(--MS-DARK-APP-focus-color)!important;
  background-color: var(--MS-DARK-APP-focus-selected-color)!important;
  color: var(--APP-focus-color)!important
}
.MSTEAMS.dark_mode_ .eventItem.eventItem__selected.not_stacked.is_not_logged:not(.editedAnim) .time,
.MSTEAMS.dark_mode_ .eventItem.eventItem__selected.not_stacked:not(.editedAnim) .time {
  background-color: var(--MS-DARK-APP-focus-selected-color)!important;
  border-color: var(--APP-focus-color)!important
}
.MSTEAMS.dark_mode_ .eventItem.eventItem__selected.is_not_logged:not(.editedAnim) .time .dragIcon,
.MSTEAMS.dark_mode_ .eventItem.eventItem__selected:not(.editedAnim) .time .dragIcon {
  border-color: var(--APP-focus-color)!important
}
.MSTEAMS.dark_mode_ .eventItem.eventItem__selected.is_not_logged:not(.editedAnim),
.MSTEAMS.dark_mode_ .eventItem.eventItem__selected:not(.editedAnim) {
  border-color: var(--MS-DARK-APP-focus-selected-color)!important;
  background-color: var(--MS-DARK-APP-focus-selected-color)!important;
  color: var(--APP-focus-color)!important
}
.MSTEAMS.dark_mode_ .eventItem.is_holiday,
.MSTEAMS.dark_mode_ .eventItem.is_time_off {
  background-color: #3c3c3c!important
}
.MSTEAMS.dark_mode_ .eventItem .info .time_off_title_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .eventItem .info .time_off_title_ h3 {
  background-color: #f9f7d7;
  color: #828282
}
.MSTEAMS.dark_mode_ .eventItem .info .time_off_service_ {
  color: #888
}
.MSTEAMS.deep_dark_mode_ .eventItem {
  background-color: #252525;
  color: #fff;
  border-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .eventItem.is_not_logged:not(.editing) {
  background-color: #252525
}
.MSTEAMS.deep_dark_mode_ .eventItem:hover {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .eventItem .time .dragIcon {
  border-top-color: #676767;
  border-bottom-color: #676767
}
.MSTEAMS.deep_dark_mode_ .eventItem .eventItemLayer {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .eventItem .resizingDuration {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .eventItem.ui-resizable-resizing {
  border-color: #fff!important;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .eventItem.ui-resizable-resizing .time {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .eventItem.ui-resizable-resizing .time .dragIcon {
  border-color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .eventItem .playButton {
  background-color: #000;
  color: #fff;
  border-color: #000
}
.MSTEAMS.deep_dark_mode_ .eventItem .playButton:hover {
  background-color: #fff;
  color: #000;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .eventItem.tracking .playButton {
  border-color: rgba(0,0,0,.15)!important
}
.MSTEAMS.deep_dark_mode_ .eventItem.not_stacked .time {
  background-color: #f7e596;
  border-top-color: #ead98d
}
.MSTEAMS.deep_dark_mode_ .multipleSelectActive .eventItem:not(.eventItem__selected),
.MSTEAMS.deep_dark_mode_ .multipleSelectActive .eventItem:not(.eventItem__selected):not(:hover) {
  border-color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .eventItem.eventItem__selected:not(.editing):not(.not_stacked) {
  border-color: #ff0!important
}
.MSTEAMS.deep_dark_mode_ .eventItem.eventItem__selected.is_not_logged:not(.editedAnim),
.MSTEAMS.deep_dark_mode_ .eventItem.eventItem__selected:not(.editedAnim) {
  border-color: #ff0!important;
  background-color: #ff0!important;
  color: #000!important
}
.MSTEAMS.deep_dark_mode_ .eventItem.eventItem__selected.not_stacked.is_not_logged:not(.editedAnim) .time,
.MSTEAMS.deep_dark_mode_ .eventItem.eventItem__selected.not_stacked:not(.editedAnim) .time {
  background-color: #ff0!important;
  border-color: #ff0!important
}
.MSTEAMS.deep_dark_mode_ .eventItem.eventItem__selected.is_not_logged:not(.editedAnim) .time .dragIcon,
.MSTEAMS.deep_dark_mode_ .eventItem.eventItem__selected:not(.editedAnim) .time .dragIcon {
  border-color: #ff0!important
}
.MSTEAMS.deep_dark_mode_ .eventItem.eventItem__selected.is_not_logged:not(.editedAnim),
.MSTEAMS.deep_dark_mode_ .eventItem.eventItem__selected:not(.editedAnim) {
  border-color: #ff0!important;
  background-color: #ff0!important;
  color: #000!important
}
.MSTEAMS.deep_dark_mode_ .eventItem.is_holiday,
.MSTEAMS.deep_dark_mode_ .eventItem.is_time_off {
  background-color: #252525!important
}
.MSTEAMS.deep_dark_mode_ .eventItem .info .time_off_title_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .eventItem .info .time_off_title_ h3 {
  background-color: #f9f7d7;
  color: #828282
}
.MSTEAMS.deep_dark_mode_ .eventItem .info .time_off_service_ {
  color: #888
}
.timeEntryList {
  width: 100%;
  font-size: 0;
  padding: 0 15px 15px 15px;
  box-sizing: border-box
}
.timeEntryList .separator {
  width: 100%;
  padding: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #707070;
  box-sizing: border-box;
  z-index: 1;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  margin-bottom: 10px
}
.timeEntryList .separator + .entry {
  border-top: 0 none
}
.timeEntryList .entry + .separator {
  margin-top: 10px
}
.timeEntryList .entry {
  width: 100%;
  margin-top: -1px;
  overflow: hidden;
  border-top: 1px solid #ecf0f4
}
.timeEntryList .entry:first-child {
  margin-top: 0
}
.timeEntryList .entry .table {
  width: 100%;
  display: table;
  table-layout: fixed
}
.timeEntryList .entry .cell {
  display: table-cell;
  width: 50px;
  vertical-align: top;
  padding: 15px 0;
  text-align: center
}
.timeEntryList .entry .cell.task_name {
  width: auto;
  text-align: left;
  padding-right: 30px
}
.timeEntryList .entry .cell.task_time {
  width: 500px;
  text-align: right
}
.timeEntryList .entry .cell.task_check {
  width: 50px;
  text-align: center
}
.timeEntryList .entry.selected {
  background-color: var(--APP-focus-selected-color)
}
.timeEntryList .entry .check_ {
  width: auto;
  margin-top: 2px!important
}
.timeEntryList .entry .title {
  width: 100%;
  margin-bottom: 10px
}
.timeEntryList .entry .title .button_inline_ {
  line-height: 16px
}
.timeEntryList .entry .time_entry {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  position: relative
}
.timeEntryList .entry .time_entry.duration {
  width: 50px
}
.timeEntryList .entry .time_entry.duration input {
  width: 100%;
  color: #000;
  font-weight: 700;
  text-align: right;
  font-size: 14px
}
.timeEntryList .entry .time_entry input {
  width: 60px;
  height: 20px;
  font-size: 12px;
  border: 0;
  text-align: left;
  font-weight: 600;
  color: #5a6267;
  border-bottom: 1px solid #f5f7f7;
  box-sizing: border-box;
  background-color: transparent!important
}
.timeEntryList .entry .time_entry .date-calendar,
.timeEntryList .entry .time_entry .ico {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #b5c0c9;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px
}
.timeEntryList .entry .time_entry:hover .date-calendar,
.timeEntryList .entry .time_entry:hover .ico {
  color: #000
}
.timeEntryList .entry .time_entry:hover input {
  border-bottom-color: #000;
  color: #000
}
.timeEntryListOLDDD {
  background-color: #fff
}
.timeEntryListOLDDD ul li:last-child {
  border-bottom: 3px solid #f0f4f7
}
.timeEntryListOLDDD .table {
  width: 100%;
  display: table
}
.timeEntryListOLDDD .table > .cell {
  display: table-cell;
  vertical-align: middle
}
.timeEntryListOLDDD .table > .cell.left {
  text-align: left
}
.timeEntryListOLDDD .table > .cell.right {
  text-align: right
}
.timeEntryListOLDDD .separator {
  width: 100%;
  height: auto!important;
  display: block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-top: 1px solid #f0f4f7;
  z-index: 2
}
.timeEntryListOLDDD .separator.fixed {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  border-bottom: 1px solid #f0f4f7
}
.timeEntryListOLDDD .separator .table > .cell {
  height: 60px;
  padding-top: 4px
}
.timeEntryListOLDDD .separator .table > .cell.left {
  padding-left: 20px;
  padding-right: 5px;
  width: 130px
}
.timeEntryListOLDDD .separator .table > .cell.left .title h1 {
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.timeEntryListOLDDD .separator .table > .cell.right {
  width: 115px;
  padding-right: 40px
}
.timeEntryListOLDDD .separator .avatar {
  margin-right: 10px
}
.timeEntryListOLDDD .separator .title {
  display: inline-table;
  vertical-align: middle
}
.timeEntryListOLDDD .separator .title h1 {
  color: #6b727b;
  font-size: 14px;
  font-weight: 400;
  font-weight: 400
}
.timeEntryListOLDDD .separator .title h2 {
  color: #6b727b;
  font-size: 12px;
  font-weight: 400;
  font-weight: 400;
  margin-top: 2px
}
.timeEntryListOLDDD .separator .total_time {
  display: inline-table;
  width: 100%;
  text-align: right;
  color: #00d6b9;
  font-size: 16px;
  font-weight: 700
}
.timeEntryListOLDDD .userTimeline {
  width: 100%;
  height: 20px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  color: #a4abb5
}
.timeEntryListOLDDD .separator .messageEmpty {
  width: 100%;
  padding: 0 20px 10px 20px;
  box-sizing: border-box;
  text-align: center;
  margin-top: -5px
}
.timeEntryListOLDDD .separator .messageEmpty p {
  font-size: 14px;
  color: #6b727b;
  font-weight: 300
}
.timeEntryListOLDDD .entryNotAllowed {
  width: auto;
  height: 160px;
  line-height: 160px;
  text-align: center;
  display: block;
  background-color: #fff
}
.timeEntryListOLDDD .entry {
  width: auto;
  height: auto;
  display: block;
  background-color: #fff;
  border: 1px solid #f0f4f7;
  box-sizing: border-box;
  margin: 0 20px -1px 20px;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -ms-transition: opacity .4s;
  transition: opacity .4s;
  position: relative;
  z-index: 0
}
.timeEntryListOLDDD .entry .table > .cell {
  padding: 12px;
  box-sizing: border-box
}
.timeEntryListOLDDD .entry .table > .cell.task_name {
  width: 400px;
  position: relative
}
.timeEntryListOLDDD .entry .table > .cell.task_time {
  padding-right: 0;
  vertical-align: top
}
.timeEntryListOLDDD .entry .table > .cell.task_check {
  width: 50px;
  text-align: center;
  vertical-align: top;
  padding-left: 18px!important;
  padding-top: 17px
}
.timeEntryListOLDDD .entry .table > .cell.delete_event {
  width: 54px;
  padding-top: 17px;
  text-align: center;
  vertical-align: top;
  display: none
}
.timeEntryListOLDDD .entry .table > .cell.edit_event {
  width: 54px;
  padding-top: 17px;
  text-align: center;
  vertical-align: top
}
.timeEntryListOLDDD .entry .title {
  width: 100%;
  text-align: left;
  position: relative
}
.timeEntryListOLDDD .entry.is_mine_true .title {
  box-sizing: border-box;
  padding-left: 30px;
  padding-top: 5px
}
.timeEntryListOLDDD .entry.is_mine_true .eventNote {
  margin-left: 30px
}
.timeEntryListOLDDD .entry .title h2 {
  display: inline-table;
  vertical-align: top;
  cursor: pointer;
  width: 100%;
  word-wrap: normal;
  margin-bottom: 0
}
.timeEntryListOLDDD .entry .title h2 span {
  display: inline-table;
  vertical-align: top;
  line-height: 18px;
  color: #6b727b;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 2px;
  padding-top: 0
}
.timeEntryListOLDDD .entry .title h2 span:hover {
  text-decoration: underline;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease
}
.timeEntryListOLDDD .entry .title h2 span.project {
  text-transform: uppercase;
  margin-right: 10px;
  font-weight: 400
}
.timeEntryListOLDDD .entry .title h2 span.task {
  font-weight: 300
}
.timeEntryListOLDDD .entry .title h2 span.task strong {
  font-weight: 500;
  font-weight: 400
}
.timeEntryListOLDDD .entry span.task .no_task {
  opacity: .5
}
.timeEntryListOLDDD .entry .title .playButton {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0
}
.timeEntryListOLDDD .entry .title.editing h2 span {
  text-decoration: underline
}
.timeEntryListOLDDD .entry .title.editing .eventNote {
  display: none
}
.timeEntryListOLDDD .entry .time_entry {
  display: inline-table;
  vertical-align: middle;
  margin-top: -5px;
  margin-left: 10px;
  margin-bottom: 5px;
  padding: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.timeEntryListOLDDD .entry .time_entry .ico {
  width: 25px;
  height: 25px;
  display: inline-table;
  vertical-align: top;
  cursor: pointer;
  margin-right: 5px
}
.timeEntryListOLDDD .entry .time_entry .ico i {
  width: 100%;
  height: 25px;
  line-height: 25px;
  padding-right: 2px;
  font-size: 14px;
  color: #a4abb5;
  text-align: center;
  display: inline-block!important
}
.timeEntryListOLDDD .entry .time_entry .ico i:hover {
  color: #131314
}
.timeEntryListOLDDD .entry .time_entry input[type=text] {
  height: 25px;
  line-height: 25px;
  border: 0 none;
  padding: 0;
  margin: 0;
  background: 0 0;
  display: inline-table;
  vertical-align: top;
  font-weight: 400;
  color: #6b727b;
  text-transform: uppercase;
  text-align: right;
  font-weight: 400;
  border-bottom: none!important
}
.timeEntryListOLDDD .entry .time_entry input[type=text]:focus {
  border-bottom: 1px solid #dbdbdb!important
}
.timeEntryListOLDDD .entry .time_entry.end input[type=text],
.timeEntryListOLDDD .entry .time_entry.start input[type=text] {
  width: 55px;
  font-size: 12px;
  text-align: center
}
.timeEntryListOLDDD .entry .time_entry input:disabled {
  cursor: not-allowed
}
.timeEntryListOLDDD .entry .time_entry.duration input[type=text] {
  width: 66px;
  font-size: 16px;
  font-weight: 500
}
.timeEntryListOLDDD .entry .time_entry:hover {
  background-color: #f6f8f9
}
.timeEntryListOLDDD .entry .time_entry u {
  line-height: 25px;
  text-align: left;
  font-weight: 400;
  font-weight: 400;
  vertical-align: top;
  text-decoration: none;
  margin-right: 12px;
  font-size: 12px;
  color: #b9b9b9;
  cursor: pointer;
  font-style: italic
}
.timeEntryListOLDDD .entry .time_entry u:hover {
  color: #131314
}
.timeEntryListOLDDD .entry .delete_event i {
  font-size: 16px;
  color: #6b727b
}
.timeEntryListOLDDD .entry .delete_event i:hover {
  color: #f54337
}
.timeEntryListOLDDD .entry .action_entry {
  width: 100%;
  box-sizing: border-box;
  padding: 0 59px 15px 20px;
  text-align: right;
  display: none;
  margin-top: -15px
}
.timeEntryListOLDDD .entry .action_entry a {
  line-height: 35px;
  color: #6b727b;
  font-size: 14px;
  font-weight: 400;
  width: 130px;
  text-align: center;
  display: inline-block;
  margin-left: 10px
}
.timeEntryListOLDDD .entry .action_entry a[href="#cancel"] {
  text-decoration: underline;
  color: #9a9c91;
  background: 0 0!important
}
.timeEntryListOLDDD .entry .action_entry a[href="#cancel"]:hover {
  color: #797a74
}
.timeEntryListOLDDD .entry .action_entry a[href="#save"] {
  border: 1px solid #6b727b
}
.timeEntryListOLDDD .entry .action_entry a[href="#save"]:hover {
  color: #fff;
  background-color: #6b727b
}
.timeEntryListOLDDD .entry.editing,
.timeEntryListOLDDD .entry.error,
.timeEntryListOLDDD .entry.selected,
.timeEntryListOLDDD .entry.tracking {
  position: relative;
  z-index: 1
}
.timeEntryListOLDDD .entry.editing {
  border: 1px solid #039ae4
}
.timeEntryListOLDDD .entry.editing.tracking {
  border: 1px solid #039ae4
}
.timeEntryListOLDDD .entry.editing .table > .cell.task_check {
  visibility: hidden
}
.timeEntryListOLDDD .entry.editing .time_entry input[type=text] {
  font-family: robotobold,sans-serif!important;
  border-bottom: 1px solid #0098e8!important
}
.timeEntryListOLDDD .entry.editing .action_entry {
  display: block
}
.timeEntryListOLDDD .entry.editing .action_entry a[href="#save"] {
  border: 1px solid #039ae4;
  color: #039ae4
}
.timeEntryListOLDDD .entry.editing .action_entry a[href="#save"]:hover {
  background-color: #039ae4;
  color: #fff
}
.timeEntryListOLDDD .entry.error .time_entry input[type=text] {
  font-family: robotobold,sans-serif!important;
  border-bottom: 1px solid #f34336!important;
  color: #f34336
}
.timeEntryListOLDDD .entry.error .action_entry a[href="#save"] {
  opacity: .4;
  pointer-events: none
}
.timeEntryListOLDDD .entry.tracking {
  border: 1px solid #00d7b8
}
.timeEntryListOLDDD .entry.tracking .table > .cell.task_check .checkbox_styled label:before {
  border: 1px solid #6b727b
}
.timeEntryListOLDDD .entry.tracking .table > .cell.task_check .checkbox_styled label:hover:before {
  border: 1px solid #039be4;
  color: rgba(2,155,228,.5);
  background-color: #f0f4f7
}
.timeEntryListOLDDD .entry.tracking .table > .cell.task_check .checkbox_styled input[type=checkbox]:checked + label:before {
  border: 1px solid #039be4;
  background-color: #039be4;
  color: #fff
}
.timeEntryListOLDDD .entry.selected {
  border: 1px solid #039ae4
}
.timeEntryListOLDDD .addEntry {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 10px 20px 20px 20px;
  display: table!important
}
.timeEntryListOLDDD .addEntry a {
  line-height: 40px;
  color: #6b727b;
  font-size: 14px;
  border: 1px solid #6b727b;
  font-weight: 400;
  width: auto;
  padding: 0 20px;
  text-align: center;
  display: inline-block
}
.timeEntryListOLDDD .addEntry a:hover {
  color: #fff;
  background-color: #6b727b
}
.timeEntryListOLDDD .timeEntriesUserContainer {
  padding-top: 84px;
  position: relative
}
.timeEntryListOLDDD .timeline_time_entry:hover {
  fill: #000;
  cursor: pointer
}
.sortableControl {
  display: inline-block;
  vertical-align: top;
  min-height: 65px
}
.noResult .sortableControl {
  min-height: 0
}
.sortableControl .multipleSelector {
  width: 100%;
  overflow: hidden;
  padding: 0 15px 0 15px;
  box-sizing: border-box
}
.sortableControl .multipleSelector .emptySpace {
  height: 50px;
  background-color: var(--APP-item-list-hover);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  margin-top: 15px
}
.sortableControl .multipleSelector .selector.ui-sortable-helper {
  background-color: #fff;
  border: 1px solid var(--APP-shadow-border);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-box-shadow: var(--FORMS-shadow);
  -moz-box-shadow: var(--FORMS-shadow);
  box-shadow: var(--FORMS-shadow)
}
.sortableControl .multipleSelector .selector {
  width: 100%;
  margin-top: 15px;
  border: 1px solid var(--FORMS-border);
  display: table;
  height: 50px;
  table-layout: fixed;
  box-sizing: border-box;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.sortableControl .multipleSelector .selector .cell {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
  text-align: left
}
.sortableControl .multipleSelector .selector .cell:first-child {
  padding-left: 0
}
.sortableControl .multipleSelector .selector .cell.col-head {
  font-size: 20px
}
.sortableControl .multipleSelector .selector .cell.col-1 {
  width: 40px;
  text-align: center;
  padding: 0
}
.sortableControl .multipleSelector .selector .cell.col-2 {
  width: 70px;
  padding-left: 10px
}
.sortableControl .multipleSelector .selector .cell.col-2-small {
  width: 85px
}
.sortableControl .multipleSelector .selector .cell.col-3 {
  width: 145px
}
.sortableControl .multipleSelector .selector .cell.col-3-small {
  width: 80px
}
.sortableControl .multipleSelector .selector .cell.col-4 {
  width: 100px
}
.sortableControl .multipleSelector .selector .cell.col-4-small {
  width: 50px;
  padding-left: 0
}
.sortableControl .multipleSelector .selector .cell.col-5 {
  padding-right: 0
}
.sortableControl .multipleSelector .selector .cell.col-drag {
  width: 40px;
  padding-left: 0;
  padding-right: 0;
  text-align: center
}
.sortableControl .multipleSelector .selector .cell.left {
  text-align: left
}
.sortableControl .multipleSelector .selector .cell.right {
  text-align: right
}
.sortableControl .multipleSelector .selector .selector {
  margin-top: 0;
  border: 0;
  border-top: 1px solid var(--FORMS-border)
}
.sortableControl .multipleSelector .selector .selector:first-child {
  border-top: 0 none
}
.sortableControl .multipleSelector .close {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #282828;
  font-size: 18px;
  position: relative;
  width: 20px;
  height: 20px;
  line-height: 22px;
  box-sizing: border-box
}
.sortableControl .multipleSelector .selectCont {
  overflow: hidden;
  position: relative;
  box-sizing: border-box
}
.sortableControl .multipleSelector .selectCont.noOptions {
  pointer-events: none
}
.sortableControl .multipleSelector p {
  color: #333;
  font-size: 12px;
  line-height: 12px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 400
}
.sortableControl .multipleSelector select {
  width: 100%;
  height: 30px;
  color: var(--FORMS-value);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--FORMS-border);
  padding: 0 35px 0 10px;
  box-sizing: border-box;
  background-position: right 10px center;
  background-image: url(../../img/arrow_bottom_black.png);
  background-repeat: no-repeat;
  background-size: auto 15px
}
.sortableControl .multipleSelector input {
  background-color: #fff;
  border: 1px solid #e0e5ea!important;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  width: 100%;
  font-size: 12px;
  color: #333
}
.sortableControl .multipleSelector input.inlineInput {
  display: inline;
  width: 50%
}
.sortableControl .multipleSelector .inputBox {
  display: inline-block;
  width: 50%;
  position: relative
}
.sortableControl .multipleSelector .inputBox input {
  width: 100%
}
.sortableControl .multipleSelector .inputBox.loading::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-color: rgba(255,255,255,.5);
  width: 100%;
  height: 100%
}
.sortableControl .multipleSelector .inputBox.loading::before {
  vertical-align: middle;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e0e5ea;
  border-left: 2px solid #f54337;
  box-sizing: border-box;
  -webkit-animation: spin .5s infinite ease-in-out;
  animation: spin .5s infinite ease-in-out;
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -10px;
  z-index: 10;
  margin-left: -10px
}
.sortableControl .multipleSelector .orderModule {
  width: 100%;
  font-size: 0;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  display: inline-block;
  vertical-align: top
}
.sortableControl .multipleSelector .orderModule a {
  text-transform: uppercase;
  width: 48%;
  height: 30px;
  margin-left: 2%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #8e8e8e;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.sortableControl .multipleSelector .orderModule a:first-child {
  margin-left: 0
}
.sortableControl .multipleSelector .orderModule a:hover {
  background-color: var(--APP-item-list-hover)
}
.sortableControl .multipleSelector .orderModule a i {
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px
}
.sortableControl .multipleSelector .orderModule a.selected,
.sortableControl .multipleSelector .orderModule a.selected:hover {
  color: var(--APP-focus-color);
  background-color: var(--APP-focus-selected-color)
}
.sortableControl .multipleSelector .orderModule a:first-child {
  margin-left: 0
}
.sortableControl .multipleSelector .orderModule a:last-child {
  margin-right: 0
}
.sortableControl .multipleSelector .drag {
  width: 20px;
  height: 30px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 31px;
  text-align: center;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  display: inline-block;
  vertical-align: middle;
  color: #282828
}
.sortableControl .multipleSelector .drag:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing
}
.sortableControl.hasExternalTags {
  background-color: #f6f8f9
}
.sortableControl.hasExternalTags .multipleSelector {
  padding: 10px;
  width: 440px
}
.sortableControl.hasExternalTags .multipleSelector .selector .cell {
  padding: 0 10px
}
.sortableControl.hasExternalTags .multipleSelector .selector .cell.hide {
  display: none
}
.sortableControl.hasExternalTags .multipleSelector .selector {
  margin: 0;
  background-color: transparent;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.sortableControl.hasExternalTags .multipleSelector .selectCont::before {
  -webkit-box-shadow: 0 0 10px 21px #f6f8f9;
  -moz-box-shadow: 0 0 10px 21px #f6f8f9;
  box-shadow: 0 0 10px 21px #f6f8f9
}
.sortableControl .multipleSelector .tags {
  width: 100%;
  display: inline;
  vertical-align: top
}
.sortableControl .multipleSelector .tags:empty {
  display: none
}
.sortableControl .multipleSelector .tags:empty + .inlineInput {
  width: 100%
}
.sortableControl .multipleSelector .tags:empty + .inputBox {
  width: 100%
}
.sortableControl .multipleSelector .tags .tag {
  display: inline-block;
  font-size: 12px;
  background: #039be4;
  color: #fff;
  padding: 9px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-weight: 500
}
.sortableControl .multipleSelector .tags .tag a.remove {
  font-size: 10px;
  padding-left: 6px;
  color: #fff
}
body.dark-theme-on .sortableControl .multipleSelector .emptySpace {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on .sortableControl .multipleSelector .selector.ui-sortable-helper {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on .sortableControl .multipleSelector .selector {
  border-color: var(--DARK-FORMS-border)
}
body.dark-theme-on .sortableControl .multipleSelector .drag {
  color: #fff
}
body.dark-theme-on .sortableControl .multipleSelector .orderModule a {
  color: #fff
}
body.dark-theme-on .sortableControl .multipleSelector .orderModule a:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on .sortableControl .multipleSelector .orderModule a.selected,
body.dark-theme-on .sortableControl .multipleSelector .orderModule a.selected:hover {
  color: var(--APP-focus-color);
  background-color: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .sortableControl .multipleSelector select {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border);
  background-image: url(../../img/arrow_bottom_white.png)
}
body.dark-theme-on .sortableControl .multipleSelector .close {
  color: #fff
}
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector .emptySpace {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector .selector.ui-sortable-helper {
  background-color: #191717;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector .selector {
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector .drag {
  color: #fff
}
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector .orderModule a {
  color: #fff
}
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector .orderModule a:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector .orderModule a.selected,
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector .orderModule a.selected:hover {
  color: var(--APP-focus-color);
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector select {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border);
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.dark_mode_ .sortableControl .multipleSelector .close {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector .emptySpace {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector .selector.ui-sortable-helper {
  background-color: #000;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector .selector {
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector .drag {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector .orderModule a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector .orderModule a:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector .orderModule a.selected,
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector .orderModule a.selected:hover {
  color: #d9d901;
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector select {
  color: var(--MS-DEEP-DARK-FORMS-value);
  border-color: var(--MS-DEEP-DARK-FORMS-border);
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.deep_dark_mode_ .sortableControl .multipleSelector .close {
  color: #fff
}
.single_floating_select_ {
  z-index: 1500;
  position: fixed;
  display: none;
  overflow: visible!important
}
.single_floating_select_.active {
  display: block
}
.single_floating_select_ .drop_list_[data-comp=list]:empty + .drop_list_ {
  display: none!important
}
#MultipleUserSelect:not(.full_combo) {
  width: 350px!important
}
#MultipleUserSelect .drop_search_ {
  padding-top: 15px
}
#MultipleUserSelect .drop_list_ {
  min-height: 0
}
#MultipleUserSelect .drop_scroll_ {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.SOLO #MultipleUserSelect .drop_tag_users_ {
  margin-bottom: 15px
}
#MultipleUserSelect:not(.multiple_users) .save_footer_ {
  display: none
}
#MultipleUserSelect:not(.multiple_users) .drop_list_ .second_action_:not(:hover) {
  opacity: .4
}
#MultipleUserSelect.showAllUsers .collapsable_button_ a .drop_ {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
#MultipleUserSelect.searching .collapsable_button_ {
  display: none
}
#MultipleUserSelect:not(.searching) [data-comp=second_list] .userToAssign {
  display: none!important
}
#MultipleUserSelect:not(.searching).showAllUsers [data-comp=second_list] .userToAssign {
  display: inline-block!important
}
#MultipleUserSelect .drop_list_ .userToAssign .assingUser {
  right: 22px
}
#MultipleUserSelect .drop_list_ .userToAssign .second_action_ {
  display: none
}
#MultipleUserSelect .drop_list_ .userToAssign.assigned .second_action_ {
  display: inline-block
}
.single_floating_select_ .drop_list_ {
  min-height: 0
}
#MultipleUserSelect .drop_list_ .userToAssign.assigned .assingUser {
  right: 55px
}
.ui-datepicker {
  width: 100%;
  height: auto;
  display: none;
  padding: 0;
  box-sizing: border-box
}
.ui-datepicker-header {
  width: 100%;
  position: relative;
  height: 40px
}
.ui-datepicker-header .ui-datepicker-title {
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #282828
}
.ui-datepicker-header .ui-datepicker-title select {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 50px;
  font-size: 14px;
  height: 22px;
  font-weight: 700;
  color: #282828;
  text-align: center;
  border: 0 none;
  border-bottom: 1px solid #e4e4e4;
  background-color: transparent!important
}
.ui-datepicker-header .ui-datepicker-title select:hover {
  border-bottom-color: #b1b1b1
}
.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
  width: 40px
}
.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {
  width: 45px
}
.ui-datepicker-header .ui-datepicker-title select + select {
  margin-left: 5px
}
.ui-datepicker-header a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  top: 5px;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 1;
  overflow: hidden;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.ui-datepicker-header a:hover {
  background-color: #f3f3f3
}
.ui-datepicker-header a.ui-datepicker-prev {
  left: 5px
}
.ui-datepicker-header a.ui-datepicker-next {
  right: 5px
}
.ui-datepicker-header a.ui-datepicker-prev::after {
  right: 55%;
  top: 50%;
  position: absolute;
  border: 5px solid transparent;
  border-right-color: #282828;
  -webkit-transform: translate(25%,-50%);
  -ms-transform: translate(25%,-50%);
  transform: translate(25%,-50%);
  content: ''
}
.ui-datepicker-header a.ui-datepicker-next::after {
  left: 50%;
  top: 50%;
  position: absolute;
  border: 5px solid transparent;
  border-left-color: #282828;
  -webkit-transform: translate(-25%,-50%);
  -ms-transform: translate(-25%,-50%);
  transform: translate(-25%,-50%);
  content: ''
}
.ui-datepicker-header .ui-icon {
  display: none
}
.ui-datepicker-calendar {
  width: 100%;
  table-layout: fixed
}
.ui-datepicker-calendar thead th {
  text-align: center;
  font-weight: 900;
  height: 35px;
  padding-top: 5px;
  vertical-align: middle;
  font-size: 10px;
  box-sizing: border-box;
  text-transform: uppercase;
  color: var(--FORMS-label);
  white-space: nowrap
}
.ui-datepicker-calendar tbody td {
  text-align: center;
  box-sizing: border-box
}
.ui-datepicker-calendar tbody td a,
.ui-datepicker-calendar tbody td span {
  width: 100%;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  text-align: center;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 12px;
  color: #282828;
  font-weight: 400
}
.ui-datepicker-calendar tbody td span {
  opacity: .5
}
.ui-datepicker-calendar tbody tr a:hover {
  text-decoration: underline
}
.ui-datepicker-calendar tbody .ui-state-highlight {
  color: #000;
  text-decoration: underline;
  font-weight: 900
}
.ui-datepicker-calendar tbody .ui-state-active {
  color: var(--APP-focus-color);
  background-color: var(--APP-focus-selected-color);
  font-weight: 900;
  text-decoration: none!important
}
.ui-datepicker-calendar tbody .ui-datepicker-today {
  color: #000;
  font-weight: 900
}
.ui-datepicker-buttonpane {
  width: 100%;
  padding-top: 5px;
  border-top: 1px solid #f5f7f7;
  margin-top: 10px;
  text-align: right
}
.ui-datepicker-buttonpane button {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  height: 21px;
  line-height: 23px;
  padding: 0 12px;
  font-weight: 700;
  color: #fff;
  background-color: #282828;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  border: 0 none;
  cursor: pointer
}
.ui-datepicker-buttonpane button:hover {
  color: #fff;
  background-color: #000
}
.ui-datepicker-buttonpane .ui-datepicker-close {
  display: none
}
.ui-datepicker:not(.ui-datepicker-inline) {
  width: 238px;
  padding: 0 5px 5px 5px;
  background-color: #fff;
  border: 1px solid var(--APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  z-index: 1000!important
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-header {
  width: calc(100% + 10px);
  left: -5px;
  border-bottom: 1px solid var(--APP-shadow-border)
}
body.dark-theme-on .ui-datepicker-header .ui-datepicker-title {
  color: #fff
}
body.dark-theme-on .ui-datepicker-header a:hover {
  background-color: #3a414c
}
body.dark-theme-on .ui-datepicker-header a.ui-datepicker-prev::after {
  border-right-color: #fff
}
body.dark-theme-on .ui-datepicker-header a.ui-datepicker-next::after {
  border-left-color: #fff
}
body.dark-theme-on .ui-datepicker-calendar thead th {
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on .ui-datepicker-calendar tbody td a,
body.dark-theme-on .ui-datepicker-calendar tbody td span {
  color: #fff
}
body.dark-theme-on .ui-datepicker-calendar tbody .ui-state-highlight {
  color: #fff
}
body.dark-theme-on .ui-datepicker-calendar tbody .ui-state-active {
  color: var(--APP-focus-color);
  background-color: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .ui-datepicker-calendar tbody .ui-datepicker-today {
  color: #282828
}
body.dark-theme-on .ui-datepicker-buttonpane {
  border-top-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on .ui-datepicker-buttonpane button {
  color: #fff;
  background-color: #2a313c
}
body.dark-theme-on .ui-datepicker-buttonpane button:hover {
  color: #fff;
  background-color: #3a414c
}
body.dark-theme-on .ui-datepicker:not(.ui-datepicker-inline) {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
body.dark-theme-on .ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-header {
  border-bottom-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on .ui-datepicker-header .ui-datepicker-title select {
  color: #fff;
  border-bottom-color: #1e242b
}
body.dark-theme-on .ui-datepicker-header .ui-datepicker-title select:hover {
  border-bottom-color: #2f3942
}
.MSTEAMS.dark_mode_ .ui-datepicker-header .ui-datepicker-title {
  color: #fff
}
.MSTEAMS.dark_mode_ .ui-datepicker-header a:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .ui-datepicker-header a.ui-datepicker-prev::after {
  border-right-color: #fff
}
.MSTEAMS.dark_mode_ .ui-datepicker-header a.ui-datepicker-next::after {
  border-left-color: #fff
}
.MSTEAMS.dark_mode_ .ui-datepicker-calendar thead th {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .ui-datepicker-calendar tbody td a,
.MSTEAMS.dark_mode_ .ui-datepicker-calendar tbody td span {
  color: var(--MS-DARK-FORMS-focus)
}
.MSTEAMS.dark_mode_ .ui-datepicker-calendar tbody .ui-state-highlight {
  color: #fff
}
.MSTEAMS.dark_mode_ .ui-datepicker-calendar tbody .ui-state-active {
  color: var(--APP-focus-color);
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .ui-datepicker-calendar tbody .ui-datepicker-today {
  color: #282828
}
.MSTEAMS.dark_mode_ .ui-datepicker-buttonpane {
  border-top-color: var(--DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .ui-datepicker-buttonpane button {
  color: #fff;
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .ui-datepicker-buttonpane button:hover {
  color: #fff;
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .ui-datepicker:not(.ui-datepicker-inline) {
  background-color: #201e1e;
  border-color: var(--MS-DARK-APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.MSTEAMS.dark_mode_ .ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-header {
  border-bottom-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .ui-datepicker-header .ui-datepicker-title select {
  color: #fff;
  border-bottom-color: #3a3a3a
}
.MSTEAMS.dark_mode_ .ui-datepicker-header .ui-datepicker-title select:hover {
  border-bottom-color: #464646
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-header .ui-datepicker-title {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-header a:hover {
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-header a.ui-datepicker-prev::after {
  border-right-color: #fff
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-header a.ui-datepicker-next::after {
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-calendar thead th {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-calendar tbody td a,
.MSTEAMS.deep_dark_mode_ .ui-datepicker-calendar tbody td span {
  color: var(--MS-DARK-FORMS-focus)
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-calendar tbody .ui-state-highlight {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-calendar tbody .ui-state-active {
  color: #ebeb01;
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-calendar tbody .ui-datepicker-today {
  color: #282828
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-buttonpane {
  border-top-color: var(--DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-buttonpane button {
  color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-buttonpane button:hover {
  color: #fff;
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker:not(.ui-datepicker-inline) {
  background-color: #000;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-header {
  border-bottom-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-header .ui-datepicker-title select {
  color: #fff;
  border-bottom-color: #333
}
.MSTEAMS.deep_dark_mode_ .ui-datepicker-header .ui-datepicker-title select:hover {
  border-bottom-color: #fff
}
.qs-datepicker-inline .qs-datepicker-container {
  position: relative;
  top: 0!important;
  left: 0!important;
  right: 0!important;
  bottom: 0!important;
  margin: 0!important;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0 none
}
.qs-datepicker-container {
  font-size: 14px;
  color: #282828;
  position: absolute;
  margin: 10px 0;
  min-width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 9001;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid var(--APP-shadow-border);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.qs-datepicker-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.qs-hidden {
  display: none
}
.qs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  color: #282828;
  width: 100%;
  height: 100%;
  padding: 5px;
  z-index: 1;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.qs-overlay.qs-hidden {
  opacity: 0;
  z-index: -1
}
.qs-overlay .qs-overlay-year {
  color: #282828;
  font-size: 14px;
  width: calc(100% - 35px)!important;
  text-align: center;
  margin-right: 45px!important;
  display: block
}
.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none
}
.qs-overlay .qs-close {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.qs-overlay .qs-close:hover {
  background-color: #eaeaea
}
.qs-overlay .qs-submit {
  border: 1px solid #fff;
  border-radius: .26392em;
  padding: .5em;
  margin: 0 auto auto;
  cursor: pointer;
  background: hsla(0,0%,50.2%,.4)
}
.qs-overlay .qs-submit.qs-disabled {
  color: grey;
  border-color: grey;
  cursor: not-allowed
}
.qs-overlay .qs-overlay-month-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 5px 0
}
.qs-overlay .qs-overlay-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% / 3);
  cursor: pointer;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.qs-overlay .qs-overlay-month.active,
.qs-overlay .qs-overlay-month:hover {
  background-color: #eaeaea
}
.qs-controls {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid var(--APP-shadow-border)
}
.qs-arrow {
  height: 30px;
  width: 30px;
  position: relative;
  cursor: pointer;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.qs-arrow:hover {
  background: #f3f3f3
}
.qs-arrow:hover.qs-left:after {
  border-right-color: #282828
}
.qs-arrow:hover.qs-right:after {
  border-left-color: #282828
}
.qs-arrow:after {
  content: "";
  border: 5px solid transparent;
  position: absolute;
  top: 50%
}
.qs-arrow.qs-left:after {
  border-right-color: #282828;
  right: 50%;
  -webkit-transform: translate(25%,-50%);
  -ms-transform: translate(25%,-50%);
  transform: translate(25%,-50%)
}
.qs-arrow.qs-right:after {
  border-left-color: #282828;
  left: 50%;
  -webkit-transform: translate(-25%,-50%);
  -ms-transform: translate(-25%,-50%);
  transform: translate(-25%,-50%)
}
.qs-month-year {
  font-weight: 700;
  padding: 0 10px;
  line-height: 30px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  white-space: nowrap
}
.qs-month-year:active:focus,
.qs-month-year:focus {
  outline: 0
}
.qs-month {
  padding-right: .5ex
}
.qs-year {
  padding-left: .5ex
}
.qs-squares {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px
}
.qs-square {
  width: calc(100% / 7);
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  text-decoration: underline
}
.qs-current {
  font-weight: 900;
  text-decoration: underline
}
.qs-active,
.qs-range-end,
.qs-range-start {
  color: var(--APP-focus-color);
  background-color: var(--APP-focus-selected-color);
  font-weight: 900
}
.qs-range-start:not(.qs-range-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.qs-range-middle {
  background-color: var(--APP-focus-selected-color)
}
.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
  border-radius: 0
}
.qs-range-middle.qs-range-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.qs-range-end:not(.qs-range-0),
.qs-range-middle.qs-range-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.qs-disabled,
.qs-outside-current-month {
  opacity: .2
}
.qs-disabled {
  cursor: not-allowed
}
.qs-day,
.qs-empty {
  cursor: default
}
.qs-day {
  font-weight: 900;
  color: var(--FORMS-label);
  font-size: 10px;
  text-transform: uppercase
}
.qs-event {
  position: relative
}
.qs-event:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--APP-focus-color);
  bottom: 5px;
  right: 5px
}
body.dark-theme-on .qs-datepicker-container {
  color: #fff;
  border-color: var(--DARK-APP-shadow-border);
  background: #2a313c;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
body.dark-theme-on .qs-overlay {
  background: #2a313c;
  color: #fff
}
body.dark-theme-on .qs-overlay .qs-overlay-year {
  color: #fff
}
body.dark-theme-on .qs-overlay .qs-close:hover {
  background-color: #3a414c
}
body.dark-theme-on .qs-overlay .qs-submit {
  border-color: #3a414c;
  background: #3a414c
}
body.dark-theme-on .qs-overlay .qs-submit.qs-disabled {
  color: #fff;
  border-color: #3a414c
}
body.dark-theme-on .qs-overlay .qs-overlay-month.active,
body.dark-theme-on .qs-overlay .qs-overlay-month:hover {
  background-color: #eaeaea
}
body.dark-theme-on .qs-controls {
  border-bottom-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on .qs-arrow:hover {
  background: #3a414c
}
body.dark-theme-on .qs-arrow:hover.qs-left:after {
  border-right-color: #fff
}
body.dark-theme-on .qs-arrow:hover.qs-right:after {
  border-left-color: #fff
}
body.dark-theme-on .qs-arrow.qs-left:after {
  border-right-color: #fff
}
body.dark-theme-on .qs-arrow.qs-right:after {
  border-left-color: #fff
}
body.dark-theme-on .qs-active,
body.dark-theme-on .qs-range-end,
body.dark-theme-on .qs-range-start {
  color: var(--APP-focus-color);
  background-color: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .qs-range-middle {
  background-color: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .qs-day {
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on .qs-event:after {
  background: var(--DARK-APP-focus-color)
}
.MSTEAMS.dark_mode_ .qs-datepicker-container {
  color: #fff;
  border-color: var(--MS-DARK-APP-shadow-border);
  background: #201e1e;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.MSTEAMS.dark_mode_ .qs-overlay {
  background: #201e1e;
  color: #fff
}
.MSTEAMS.dark_mode_ .qs-overlay .qs-overlay-year {
  color: #fff
}
.MSTEAMS.dark_mode_ .qs-overlay .qs-close:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .qs-overlay .qs-submit {
  border-color: #3c3c3c;
  background: #3c3c3c
}
.MSTEAMS.dark_mode_ .qs-overlay .qs-submit.qs-disabled {
  color: #fff;
  border-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .qs-overlay .qs-overlay-month.active,
.MSTEAMS.dark_mode_ .qs-overlay .qs-overlay-month:hover {
  background-color: #eaeaea
}
.MSTEAMS.dark_mode_ .qs-controls {
  border-bottom-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .qs-arrow:hover {
  background: #3c3c3c
}
.MSTEAMS.dark_mode_ .qs-arrow:hover.qs-left:after {
  border-right-color: #fff
}
.MSTEAMS.dark_mode_ .qs-arrow:hover.qs-right:after {
  border-left-color: #fff
}
.MSTEAMS.dark_mode_ .qs-arrow.qs-left:after {
  border-right-color: #fff
}
.MSTEAMS.dark_mode_ .qs-arrow.qs-right:after {
  border-left-color: #fff
}
.MSTEAMS.dark_mode_ .qs-active,
.MSTEAMS.dark_mode_ .qs-range-end,
.MSTEAMS.dark_mode_ .qs-range-start {
  color: var(--APP-focus-color);
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .qs-range-middle {
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .qs-day {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .qs-event:after {
  background: var(--MS-DARK-APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ .qs-datepicker-container {
  color: #fff;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border);
  background: #000;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.MSTEAMS.deep_dark_mode_ .qs-overlay {
  background: #000;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .qs-overlay .qs-overlay-year {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .qs-overlay .qs-close:hover {
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .qs-overlay .qs-submit {
  border-color: #3c3c3c;
  background: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .qs-overlay .qs-submit.qs-disabled {
  color: #fff;
  border-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .qs-overlay .qs-overlay-month.active,
.MSTEAMS.deep_dark_mode_ .qs-overlay .qs-overlay-month:hover {
  background-color: #eaeaea
}
.MSTEAMS.deep_dark_mode_ .qs-controls {
  border-bottom-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .qs-arrow:hover {
  background: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .qs-arrow:hover.qs-left:after {
  border-right-color: #fff
}
.MSTEAMS.deep_dark_mode_ .qs-arrow:hover.qs-right:after {
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .qs-arrow.qs-left:after {
  border-right-color: #fff
}
.MSTEAMS.deep_dark_mode_ .qs-arrow.qs-right:after {
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .qs-active,
.MSTEAMS.deep_dark_mode_ .qs-range-end,
.MSTEAMS.deep_dark_mode_ .qs-range-start {
  color: #ebeb01;
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ .qs-range-middle {
  background-color: var(--MS-DEEP-DARK-APP-focus-selected-color)
}
.MSTEAMS.deep_dark_mode_ .qs-day {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .qs-event:after {
  background: var(--MS-DEEP-DARK-APP-focus-color)
}
.multipleSortableControl {
  display: inline-block;
  vertical-align: top
}
.multipleSortableControl .checkList {
  width: 100%;
  min-width: 230px
}
.multipleSortableControl .checkList li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  border-top: 1px solid #f0f0f0;
  box-sizing: border-box;
  position: relative;
  text-align: left
}
.multipleSortableControl .checkList li:first-child {
  border-top: 0 none
}
.multipleSortableControl .checkList li .drag {
  display: none
}
.multipleSortableControl .checkList li .drag i {
  pointer-events: none
}
.multipleSortableControl .checkList li:hover .drag {
  display: block
}
.multipleSortableControl .checkList li.emptySpace {
  height: 35px;
  background-color: #f0f0f0
}
.multipleSortableControl .checkList li.ui-sortable-helper {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
  box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.multipleSortableControl .checkList .drag {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 15px;
  height: 24px;
  margin-top: -12px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  color: #7c94a1
}
.multipleSortableControl .checkList .drag:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing
}
.multipleSortableControl .checkList .link {
  color: #2c3135;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
  display: inline-table;
  vertical-align: top;
  height: auto;
  line-height: 18px;
  width: 100%
}
.multipleSortableControl .checkList .link:hover {
  color: #039be4
}
body.dark-theme-on .multipleSortableControl .checkList li {
  border-top-color: #21262c
}
body.dark-theme-on .multipleSortableControl .checkList li.emptySpace {
  background-color: #2a313a
}
body.dark-theme-on .multipleSortableControl .checkList li.ui-sortable-helper {
  background-color: #2a313a;
  border-color: #21262c
}
body.dark-theme-on .multipleSortableControl .checkList .link {
  color: #fff
}
body.dark-theme-on .multipleSortableControl .checkList .link:hover {
  color: #fff
}
#table_scroller {
  width: 1600px;
  height: 80000px;
  position: relative;
  z-index: 0
}
#tableScrollContainer {
  display: none
}
.Mac.Firefox #Timesheet .list_view_content_,
.Mac.Safari #Timesheet .list_view_content_ {
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.Mac.Firefox #groupTableContainer.scrolling #tableScrollContainer,
.Mac.Safari #groupTableContainer.scrolling #tableScrollContainer {
  pointer-events: auto
}
.Mac.Firefox #tableScrollContainer,
.Mac.Safari #tableScrollContainer {
  display: block;
  height: 100%;
  width: 100%;
  opacity: .7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: auto;
  pointer-events: none
}
#groupTableContainer.scrolling .groupTable {
  pointer-events: none
}
.table-column.ui-sortable-helper {
  background-color: #fff;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  border: 1px solid var(--APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden
}
.table-column.ui-sortable-helper .colTitle {
  font-size: 8px;
  line-height: 30px;
  height: 30px;
  color: #282828;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  cursor: grab;
  padding: 0 35px 0 10px;
  box-sizing: border-box;
  text-align: left
}
.table-column.ui-sortable-helper .drop_,
.table-column.ui-sortable-helper .resizeBar {
  display: none
}
.groupTable {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: fixed;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #fff;
  padding-top: 30px
}
.groupTable .ctHead {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  background-color: #fff;
  padding-bottom: 0!important;
  border-bottom: 1px solid #e2e2e2;
  margin-left: 275px
}
.groupTable .ctHeadLeft {
  background-color: #fff;
  width: 260px;
  min-width: 260px;
  max-width: 497px;
  position: absolute;
  height: 30px;
  z-index: 2;
  transform: translate3d(0,-30px,0);
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2
}
.groupTable .ctHeadLeft:hover .resizeBar {
  display: block!important
}
.groupTable.noGroups .ctHeadLeft .resizeBar {
  display: none!important
}
.groupTable .ctLeft {
  position: fixed;
  width: 260px;
  min-width: 260px;
  max-width: 500px;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  border-right: 1px solid #e2e2e2;
  box-sizing: border-box
}
.groupTable .ctLeft .group_row {
  width: 100%;
  border-left: 15px solid #e2e2e2
}
.groupTable .ctLeft .group_row.level_0 {
  border-left: 0 none
}
.groupTable .ctLeft .result_row {
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  background-color: #efefef!important;
  cursor: default!important
}
.groupTable .ctLeft .result_row {
  border-left: 15px solid #e2e2e2
}
.groupTable.noGroups .ctLeft .result_row {
  border-left: 0 none
}
.groupTable .ctBody {
  overflow: hidden;
  height: 100%;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  padding-bottom: 0!important;
  transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  margin-left: 275px
}
.groupTable .grid {
  width: auto;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box
}
.groupTable .grid .col {
  padding: 0 10px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  position: relative
}
.groupTable .grid .col.is_archived,
.groupTable .grid .col.is_billable,
.groupTable .grid .col.is_billed,
.groupTable .grid .col.loc_end,
.groupTable .grid .col.loc_hourly_cost,
.groupTable .grid .col.loc_hourly_rate,
.groupTable .grid .col.loc_rounded_amount,
.groupTable .grid .col.loc_rounded_cost,
.groupTable .grid .col.loc_rounded_duration,
.groupTable .grid .col.loc_start {
  text-align: center
}
.groupTable .grid .col.space {
  background-color: #f5f4f4!important;
  height: 30px
}
.groupTable .fl {
  position: absolute
}
.groupTable .number {
  font-weight: 700!important
}
.groupTable .scHelp {
  width: 100px;
  height: 80px;
  position: absolute;
  top: -100px;
  left: -100px;
  top: -50px;
  left: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10;
  visibility: hidden
}
.groupTable .scHelp .space {
  width: 50px;
  height: 300px;
  content: '';
  display: inline-block;
  vertical-align: top
}
.groupTable .loading_box {
  width: 100vw!important;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(255,255,255,.8)
}
.groupTable.noGroups .ctBody,
.groupTable.noGroups .ctHead {
  margin-left: 38px!important
}
.groupTable.noGroups .ctHeadLeft {
  width: 38px!important;
  min-width: 38px!important;
  max-width: 38px!important;
  border-right-width: 1px
}
.groupTable.noGroups .ctLeft {
  width: 39px!important;
  border-right-width: 1px;
  min-width: 39px!important;
  max-width: 39px!important
}
.groupTable .empty_message {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #fff;
  overflow: auto
}
.groupTable.emptyMessageDisplay {
  overflow: hidden
}
.groupTable.emptyMessageDisplay .ctHead {
  display: none
}
.groupTable.emptyMessageDisplay .ctBody {
  display: none
}
.groupTable .topBar .grid {
  height: 30px;
  overflow: visible
}
.groupTable .topBar .grid .col {
  border-left: 1px solid #f5f4f4;
  padding: 0
}
.groupTable .topBar .grid .col:hover .resizeBar {
  display: block!important
}
.groupTable .topBar .colTitle {
  font-size: 8px;
  line-height: 30px;
  height: 30px;
  color: #707070;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  cursor: grab;
  padding: 0 35px 0 10px;
  box-sizing: border-box;
  text-align: left
}
.groupTable .topBar .drop_ {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
  white-space: normal
}
.groupTable .topBar .drop_ .head_option {
  width: 20px;
  height: 20px;
  padding: 0;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  color: #707070;
  cursor: pointer
}
.groupTable .topBar .drop_ .head_option:hover {
  color: #000
}
.groupTable .resizeBar {
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #282828;
  display: none!important;
  cursor: col-resize
}
.groupTable .resizeBar:hover {
  background-color: #000
}
.groupTable .group_row {
  width: auto;
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #e2e2e2;
  background-color: #f9f9f9
}
.groupTable .group_row .col {
  height: 50px
}
.groupTable .group_row.level_0 {
  background-color: #fff;
  border-left: 0 none
}
.groupTable .group_row.level_0 .group_name .label_value {
  font-weight: 900
}
.groupTable .group_sneak {
  color: #282828;
  font-size: 15px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.groupTable .group_name {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding-right: 7px;
  overflow: hidden
}
.groupTable .has_result .group_name {
  cursor: pointer
}
.groupTable .group_name .label {
  font-size: 9px;
  line-height: 10px;
  color: var(--FORMS-label);
  font-weight: 300;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.groupTable .group_name .label_value {
  font-size: 13px;
  line-height: 15px;
  color: #282828;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.groupTable .group_name .label span {
  font-weight: 600
}
.groupTable .group_row .user_avatar {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  background-image: url(../../img/profile.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  flex-shrink: 0;
  margin-right: 10px
}
.groupTable .has_result.item_space .user_avatar {
  left: 30px
}
.groupTable .group_row .project_pill {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #cfdae0;
  color: #fff!important;
  cursor: pointer;
  box-sizing: border-box;
  flex-shrink: 0;
  margin-right: 10px
}
.groupTable .has_result.item_space .project_pill {
  left: 31px
}
.groupTable .result_row {
  width: auto;
  height: 35px;
  background-color: #efefef;
  border-bottom: 1px solid #e2e2e2;
  box-sizing: border-box
}
.groupTable .result_row .col {
  border-left: 1px solid #e2e2e2;
  height: 35px
}
.groupTable .result_row:hover {
  background-color: #e8e8e8;
  cursor: pointer
}
.groupTable .result_row:hover .col {
  border-left-color: #d4d4d4
}
.groupTable .result_row.checked {
  background-color: var(--APP-focus-selected-color)!important
}
.groupTable .result_row .label {
  color: #282828;
  font-size: 12px;
  font-weight: 400;
  height: 35px;
  line-height: 35px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.groupTable .result_row .number {
  font-size: 12px;
  font-weight: 400
}
.groupTable .result_row .boolean {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 13.5px
}
.groupTable .result_row .boolean.is_true {
  background-color: #00ad95
}
.groupTable .result_row .boolean.is_false {
  background-color: #b3b3b3
}
.groupTable .result_row .actions {
  left: 38px
}
.groupTable .result_row.checked .actions,
.groupTable .result_row:hover .actions {
  opacity: 1
}
.groupTable.noGroups .result_row .actions {
  left: 12px
}
.groupTable .result_row .actions .check_ input:not(:checked) + label:not(:hover)::before {
  border-color: #d2d2d2
}
.groupTable .actions {
  position: absolute;
  width: auto;
  top: 50%;
  height: 16px;
  margin-top: -8px;
  line-height: 0;
  left: 12px
}
.groupTable .group_row .actions {
  height: 10px;
  margin-top: 1px
}
.groupTable .group_row .actions .collapse_action {
  width: 10px;
  height: 10px;
  line-height: 10px;
  font-size: 10px;
  margin-right: 0
}
.groupTable .collapse_action {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 16px;
  color: #707070;
  font-size: 16px;
  box-sizing: border-box;
  margin-right: 25px
}
.groupTable .collapse_action a {
  color: #707070
}
.groupTable .collapse_action a:hover,
.groupTable .collapse_action:hover {
  color: #282828
}
.groupTable .collapse_action.is_closed {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.groupTable .select_action {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle
}
.groupTable .select_action .check_ {
  vertical-align: top
}
.groupTable .group_info_ {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 15px;
  padding-right: 10px;
  box-sizing: border-box
}
.groupTable .level_0.item_space .group_info_ {
  padding-left: 30px
}
.groupTable .level_0.has_result .group_info_ {
  padding-left: 30px
}
.groupTable .group_info_ .external_link_ {
  opacity: .2;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0
}
.groupTable .group_info_ .external_link_:not(:hover) {
  background-color: transparent
}
.groupTable .group_info_ .external_link_:hover {
  opacity: 1
}
.groupTable .group_info_ .group_info_action_ {
  width: auto;
  margin-right: 10px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.groupTable .group_info_ .group_info_action_ .collapse_action {
  margin: 0 13px 0 0;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  line-height: 10px;
  font-size: 10px
}
.groupTable .group_info_ .group_info_action_ .select_action {
  flex-shrink: 0;
  margin: 0
}
body.dark-theme-on .groupTable {
  background-color: #2a313c
}
body.dark-theme-on .groupTable .ctHeadLeft {
  background-color: #2a313c;
  border-right-color: #1f232b;
  border-bottom-color: #1f232b
}
body.dark-theme-on .groupTable .collapse_action a {
  color: #adadad
}
body.dark-theme-on .groupTable .collapse_action a:hover,
body.dark-theme-on .groupTable .collapse_action:hover {
  color: #fff
}
body.dark-theme-on .groupTable .ctHead {
  background-color: #2a313c;
  border-bottom-color: #1f232b
}
body.dark-theme-on .groupTable .topBar .grid .col {
  border-left-color: #1f232b
}
body.dark-theme-on .groupTable .topBar .colTitle {
  color: #adadad
}
body.dark-theme-on .groupTable .topBar .drop_ .head_option {
  color: #adadad
}
body.dark-theme-on .groupTable .topBar .drop_ .head_option:hover {
  color: #fff
}
body.dark-theme-on .groupTable .resizeBar {
  background-color: #adadad
}
body.dark-theme-on .groupTable .resizeBar:hover {
  background-color: #fff
}
body.dark-theme-on .groupTable .group_name .label {
  color: var(--DARK-FORMS-label)
}
body.dark-theme-on .groupTable .group_name .label_value {
  color: #fff
}
body.dark-theme-on .groupTable .group_row {
  border-bottom-color: #1f232b;
  background-color: #434d5d
}
body.dark-theme-on .groupTable .ctLeft .result_row {
  border-left-color: #1f232b;
  border-bottom-color: #1f232b;
  background-color: #6d798c!important
}
body.dark-theme-on .groupTable .ctLeft {
  border-right-color: #1f232b
}
body.dark-theme-on .groupTable .ctLeft .group_row {
  border-left-color: #1f232b
}
body.dark-theme-on .groupTable .group_row.level_0 {
  background-color: #2a313c
}
body.dark-theme-on .groupTable .result_row {
  background-color: #6d798c;
  border-bottom-color: #1f232b
}
body.dark-theme-on .groupTable .result_row .col {
  border-left-color: #1f232b
}
body.dark-theme-on .groupTable .result_row:hover {
  background-color: #7b879a
}
body.dark-theme-on .groupTable .result_row.checked {
  background-color: var(--DARK-APP-focus-selected-color)!important
}
body.dark-theme-on .groupTable .result_row .label {
  color: #e0e5ea
}
body.dark-theme-on .groupTable .result_row .boolean.is_false {
  background-color: #e0e5ea
}
body.dark-theme-on .groupTable .check_ input:not(:checked) + label:not(:hover)::before {
  border-color: #a3acbb
}
body.dark-theme-on .groupTable .group_sneak {
  color: #fff
}
body.dark-theme-on .groupTable .loading_box {
  background-color: rgba(42,49,60,.9)
}
body.dark-theme-on .groupTable .grid .col.space {
  background-color: #1f232b!important
}
body.dark-theme-on .table-column.ui-sortable-helper {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on .table-column.ui-sortable-helper .colTitle {
  color: #fff
}
body.dark-theme-on .groupTable .empty_message {
  background-color: #2a313c
}
.MSTEAMS.dark_mode_ .groupTable {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .groupTable .empty_message {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .groupTable .ctHeadLeft {
  background-color: #201e1e;
  border-right-color: #2d2c2c;
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .groupTable .collapse_action a {
  color: #adadad
}
.MSTEAMS.dark_mode_ .groupTable .collapse_action a:hover,
.MSTEAMS.dark_mode_ .groupTable .collapse_action:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .groupTable .ctHead {
  background-color: #201e1e;
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .groupTable .topBar .grid .col {
  border-left-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .groupTable .topBar .colTitle {
  color: #adadad
}
.MSTEAMS.dark_mode_ .groupTable .topBar .drop_ .head_option {
  color: #adadad
}
.MSTEAMS.dark_mode_ .groupTable .topBar .drop_ .head_option:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .groupTable .topBar .resizeBar {
  background-color: #adadad
}
.MSTEAMS.dark_mode_ .groupTable .topBar .resizeBar:hover {
  background-color: #fff
}
.MSTEAMS.dark_mode_ .groupTable .group_name .label {
  color: var(--DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .groupTable .group_name .label_value {
  color: #fff
}
.MSTEAMS.dark_mode_ .groupTable .group_row {
  border-bottom-color: #2d2c2c;
  background-color: #404040
}
.MSTEAMS.dark_mode_ .groupTable .ctLeft .result_row {
  border-left-color: #2d2c2c;
  border-bottom-color: #2d2c2c;
  background-color: #636363!important
}
.MSTEAMS.dark_mode_ .groupTable .ctLeft {
  border-right-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .groupTable .ctLeft .group_row {
  border-left-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .groupTable .group_row.level_0 {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .groupTable .result_row {
  background-color: #636363;
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .groupTable .result_row .col {
  border-left-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .groupTable .result_row:hover {
  background-color: #525252
}
.MSTEAMS.dark_mode_ .groupTable .result_row.checked {
  background-color: var(--DARK-APP-focus-selected-color)!important
}
.MSTEAMS.dark_mode_ .groupTable .result_row .label {
  color: #e0e5ea
}
.MSTEAMS.dark_mode_ .groupTable .result_row .boolean.is_false {
  background-color: #e0e5ea
}
.MSTEAMS.dark_mode_ .groupTable .check_ input:not(:checked) + label:not(:hover)::before {
  border-color: #a3acbb
}
.MSTEAMS.dark_mode_ .groupTable .group_sneak {
  color: #fff
}
.MSTEAMS.dark_mode_ .groupTable .loading_box {
  background-color: rgba(42,49,60,.9)
}
.MSTEAMS.dark_mode_ .groupTable .grid .col.space {
  background-color: #2d2c2c!important
}
.MSTEAMS.dark_mode_ .table-column.ui-sortable-helper {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .table-column.ui-sortable-helper .colTitle {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .groupTable .empty_message {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .groupTable .ctHeadLeft {
  background-color: #000;
  border-right-color: #fff;
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .collapse_action a {
  color: #adadad
}
.MSTEAMS.deep_dark_mode_ .groupTable .collapse_action a:hover,
.MSTEAMS.deep_dark_mode_ .groupTable .collapse_action:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .ctHead {
  background-color: #000;
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .topBar .grid .col {
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .topBar .colTitle {
  color: #adadad
}
.MSTEAMS.deep_dark_mode_ .groupTable .topBar .drop_ .head_option {
  color: #adadad
}
.MSTEAMS.deep_dark_mode_ .groupTable .topBar .drop_ .head_option:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .topBar .resizeBar {
  background-color: #adadad
}
.MSTEAMS.deep_dark_mode_ .groupTable .topBar .resizeBar:hover {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .group_name .label {
  color: var(--DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .groupTable .group_name .label_value {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .group_row {
  border-bottom-color: #fff;
  background-color: #252525
}
.MSTEAMS.deep_dark_mode_ .groupTable .ctLeft .result_row {
  border-left-color: #fff;
  border-bottom-color: #fff;
  background-color: #565656!important
}
.MSTEAMS.deep_dark_mode_ .groupTable .ctLeft {
  border-right-color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .ctLeft .group_row {
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .group_row.level_0 {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .groupTable .result_row {
  background-color: #565656;
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .result_row .col {
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .result_row:hover {
  background-color: #464646
}
.MSTEAMS.deep_dark_mode_ .groupTable .result_row.checked {
  background-color: #424200!important
}
.MSTEAMS.deep_dark_mode_ .groupTable .result_row .label {
  color: #e0e5ea
}
.MSTEAMS.deep_dark_mode_ .groupTable .result_row .boolean.is_false {
  background-color: #e0e5ea
}
.MSTEAMS.deep_dark_mode_ .groupTable .check_ input:not(:checked) + label:not(:hover)::before {
  border-color: #a3acbb
}
.MSTEAMS.deep_dark_mode_ .groupTable .group_sneak {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .groupTable .loading_box {
  background-color: rgba(42,49,60,.9)
}
.MSTEAMS.deep_dark_mode_ .groupTable .grid .col.space {
  background-color: #2d2c2c!important
}
.MSTEAMS.deep_dark_mode_ .table-column.ui-sortable-helper {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .table-column.ui-sortable-helper .colTitle {
  color: #fff
}
.bt_ {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  height: 28px;
  line-height: 29px;
  padding: 0 8px;
  font-size: 14px;
  border: 0 none;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag;
  flex-shrink: 0
}
.bt_:hover {
  background-color: #e4e4e4
}
body.dark-theme-on .bt_:hover {
  background-color: #434d5d
}
.MSTEAMS.dark_mode_ .bt_:hover {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .bt_:hover {
  background-color: #2d2c2c
}
.buttonAdvance {
  padding: 0 7px;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: #2c3135;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.buttonAdvance i {
  font-size: 15px;
  display: inline-block;
  position: relative;
  top: -2px;
  vertical-align: middle;
  pointer-events: none
}
.buttonAdvance.bigIco i {
  font-size: 20px;
  top: -2px
}
.buttonAdvance.smallIco i {
  font-size: 12px
}
.buttonAdvance strong:empty {
  display: none
}
.buttonAdvance .badge {
  color: #f8412e;
  background-color: #ffeded;
  padding: 2px 4px;
  font-size: 6px;
  line-height: 6px;
  text-transform: uppercase;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 4px;
  right: -1px
}
.buttonAdvance .badge:empty {
  display: none
}
.buttonAdvance .badge span {
  margin-left: 0;
  margin-right: 0
}
.buttonAdvance i + span {
  margin-left: 5px;
  margin-right: 2px
}
.buttonAdvance.smallIco i + span {
  margin-left: 0
}
.buttonAdvance span + i {
  margin-left: 7px;
  margin-right: 0
}
.buttonAdvance span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px
}
.buttonAdvance span strong {
  font-weight: 400;
  font-weight: 400
}
.buttonAdvance span.red {
  color: #f85343
}
.buttonAdvance span.error i {
  color: #f8412e
}
.buttonAdvance span.error i + span {
  margin: 0
}
.buttonAdvance svg {
  font-size: 15px;
  display: inline-block;
  position: relative;
  top: -2px;
  vertical-align: middle;
  pointer-events: none
}
.buttonAdvance.bigIco svg {
  font-size: 20px;
  top: -2px
}
.buttonAdvance.smallIco svg {
  font-size: 12px
}
.buttonAdvance svg + span {
  margin-left: 5px;
  margin-right: 2px
}
.buttonAdvance.smallIco svg + span {
  margin-left: 0
}
.buttonAdvance span + svg {
  margin-left: 7px;
  margin-right: 0
}
.buttonAdvance span.error svg {
  color: #f8412e
}
.buttonAdvance span.error svg + span {
  margin: 0
}
.buttonAdvance span.bold {
  font-weight: 700
}
.buttonAdvance:hover {
  background-color: #f6f8f9
}
.buttonAdvance.underlineHover:hover {
  background-color: transparent
}
.buttonAdvance.underlineHover:hover span {
  text-decoration: underline
}
.buttonAdvance input {
  display: inline-block;
  vertical-align: middle;
  border: 0 none!important;
  padding: 0;
  width: 50px;
  height: 30px;
  font-size: 13px;
  font-weight: 700;
  color: #2c3135;
  background-color: transparent;
  margin-left: 3px;
  position: relative;
  top: -1px
}
.buttonAdvance input:focus {
  width: 100px
}
.buttonAdvance.border {
  box-sizing: border-box;
  border: 1px solid #f0f4f7
}
.buttonAdvance.arrow {
  padding-right: 35px;
  position: relative;
  padding-left: 10px
}
.buttonAdvance.arrow::after {
  width: 6px;
  height: 6px;
  border-top: 1px solid #5b5f62;
  border-right: 1px solid #5b5f62;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 15px;
  content: '';
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}
.buttonAdvance.action {
  border: 1px solid #e0e5ea;
  text-align: left;
  font-size: 12px;
  color: #2c3135;
  background-color: rgba(255,255,255,.72);
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
  line-height: 29px;
  box-sizing: border-box
}
.buttonAdvance.action:hover {
  background-color: #f9f9f9
}
.buttonAdvance.action.underlineHover:hover {
  background-color: transparent
}
.buttonAdvance.action.underlineHover:hover span {
  text-decoration: underline
}
.buttonAdvance.action:first-child {
  margin-left: 0
}
.buttonAdvance.action:last-child {
  margin-right: 0
}
.buttonAdvance.loading {
  position: relative;
  overflow: hidden;
  border: 1px solid #e0e5ea;
  box-sizing: border-box
}
.buttonAdvance.loading::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-color: rgba(255,255,255,.98);
  width: 100%;
  height: 100%
}
.buttonAdvance.loading::before {
  vertical-align: middle;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e0e5ea;
  border-left: 2px solid #f54337;
  box-sizing: border-box;
  -webkit-animation: spin .5s infinite ease-in-out;
  animation: spin .5s infinite ease-in-out;
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -10px;
  z-index: 10;
  margin-left: -10px
}
.buttonAdvance.disabled {
  opacity: .5;
  pointer-events: none
}
.buttonAdvance.border-black {
  border-color: #8c8c8c
}
body.dark-theme-on .buttonAdvance {
  color: #fff
}
body.dark-theme-on .buttonAdvance strong.badge {
  color: #fff;
  background-color: #f8412e
}
body.dark-theme-on .buttonAdvance span.error i {
  color: #f8412e
}
body.dark-theme-on .buttonAdvance svg {
  fill: #fff
}
body.dark-theme-on .buttonAdvance:hover {
  background-color: #303741
}
body.dark-theme-on .buttonAdvance input {
  color: #fff
}
body.dark-theme-on .buttonAdvance.border {
  border-color: #202122
}
body.dark-theme-on .buttonAdvance.arrow::after {
  border-top: 1px solid #202122;
  border-right: 1px solid #202122
}
body.dark-theme-on .buttonAdvance.action {
  color: #fff;
  background-color: #303741;
  border: 1px solid #21262c
}
body.dark-theme-on .buttonAdvance.action:hover {
  background-color: #2a313b
}
body.dark-theme-on .buttonAdvance.loading {
  border: 1px solid #202122
}
body.dark-theme-on .buttonAdvance.loading::after {
  background-color: #303741
}
body.dark-theme-on .buttonAdvance.loading::before {
  border-color: #303741;
  border-left-color: #f54337
}
.MSTEAMS.dark_mode_ .buttonAdvance {
  color: #fff
}
.MSTEAMS.dark_mode_ .buttonAdvance strong.badge {
  color: #fff;
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .buttonAdvance span.error i {
  color: #2d2c2c
}
.MSTEAMS.dark_mode_ .buttonAdvance svg {
  fill: #fff
}
.MSTEAMS.dark_mode_ .buttonAdvance:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .buttonAdvance input {
  color: #fff
}
.MSTEAMS.dark_mode_ .buttonAdvance.border {
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .buttonAdvance.arrow::after {
  border-top-color: #2d2c2c;
  border-right-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .buttonAdvance.action {
  color: #fff;
  background-color: #3c3c3c;
  border-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .buttonAdvance.action:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .buttonAdvance.loading {
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .buttonAdvance.loading::after {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .buttonAdvance.loading::before {
  border-color: #2d2c2c;
  border-left-color: #f54337
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance strong.badge {
  color: #fff;
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance span.error i {
  color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance svg {
  fill: #fff
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance:hover {
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance input {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance.border {
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance.arrow::after {
  border-top-color: #2d2c2c;
  border-right-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance.action {
  color: #fff;
  background-color: #3c3c3c;
  border-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance.action:hover {
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance.loading {
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance.loading::after {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .buttonAdvance.loading::before {
  border-color: #2d2c2c;
  border-left-color: #f54337
}
.drop_ {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  flex-shrink: 0
}
.drop_.disabled {
  pointer-events: none;
  opacity: .7
}
.drop_.search_drop_ .drop_pop_ {
  width: 280px
}
.drop_.search_drop_ .drop_pop_ {
  width: 280px
}
.drop_ + .drop_,
.drop_ + .multi_select_button_ {
  margin-left: 10px
}
.multi_select_button_ + .drop_ {
  margin-left: 10px
}
.drop_ .drop_pop_ {
  min-width: 0;
  width: 180px;
  left: 50%;
  top: 35px;
  margin-left: -91px;
  display: none;
  z-index: 10;
  position: absolute
}
.drop_ .drop_pop_ .drop_padding_ {
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px
}
.drop_ .drop_pop_.fluid_ {
  width: auto;
  padding: 0
}
.drop_.vue_ .drop_pop_ {
  display: inline-block
}
.drop_.vue_.input {
  width: 100%;
  margin-bottom: var(--FORMS-space)
}
.drop_.vue_.input:last-child {
  margin-bottom: 0
}
.drop_.vue_.input .drop_pop_ {
  top: 70px;
  width: 100%;
  min-width: 250px
}
.drop_.vue_.input .input_ {
  margin-bottom: 0
}
.drop_.right_ .drop_pop_ {
  left: auto!important;
  right: 0!important;
  margin: 0!important
}
.drop_.left_ .drop_pop_ {
  left: 0!important;
  right: auto!important;
  margin: 0!important
}
.drop_.up_ .drop_pop_ {
  top: auto!important;
  bottom: 35px!important
}
.drop_.large_ .drop_pop_ {
  width: 250px
}
.drop_.active .drop_pop_,
.drop_.on_hover_:hover .drop_pop_ {
  display: inline-block
}
.drop_.on_hover_:hover::before {
  width: 100%;
  height: 20px;
  content: '';
  position: absolute;
  top: 29px;
  left: 0
}
.drop_.on_hover_.up_:hover::before {
  top: -19px
}
.drop_scroll_ {
  width: 100%;
  display: inline-block;
  vertical-align: top
}
.drop_scroll_ .scroll_ {
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  display: inline-block;
  vertical-align: top;
  font-size: 0
}
.drop_pop_ {
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: #fff;
  border: 1px solid var(--APP-shadow-border);
  width: 150px;
  min-height: 15px;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.drop_pop_.data_list_ {
  overflow: hidden!important
}
.drop_pop_float_close_ {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
  color: #282828;
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: .5
}
.drop_pop_float_close_:hover {
  opacity: 1
}
.drop_pop_space_ {
  padding-top: 10px;
  padding-bottom: 10px
}
.drop_list_ {
  width: 100%;
  min-height: 30px;
  font-size: 0;
  display: inline-block;
  vertical-align: top
}
.drop_list_:empty {
  display: none!important
}
.drop_list_[data-comp=recommendedList] {
  padding-bottom: 5px;
  margin-bottom: 5px;
  min-height: 0!important;
  border-bottom: 1px solid var(--FORMS-border)
}
.drop_list_ li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative
}
.drop_list_ li u small {
  color: #b7b7b7;
  font-size: 8px;
  line-height: 10px;
  height: 10px;
  display: block
}
.drop_list_ li u small::first-letter {
  text-transform: uppercase
}
.drop_list_ li.add_item_ {
  padding: 0 15px;
  box-sizing: border-box
}
.drop_list_ li.separator_ {
  height: 0;
  margin: 5px 0!important
}
.drop_list_ li.separator_line_ {
  height: 1px;
  background-color: #f5f4f4;
  margin: 5px 0
}
.drop_list_ li .drop_separator_ {
  margin-bottom: 5px
}
.drop_list_ li.section_ {
  width: 100%;
  height: 1px;
  background-color: var(--APP-shadow-border)
}
.drop_list_ li a.active,
.drop_list_ li a.preselected,
.drop_list_ li.active a,
.drop_list_ li.preselected a {
  color: var(--APP-focus-color);
  background-color: var(--APP-focus-selected-color);
  font-weight: 700
}
.drop_list_ li:not(.project):not(.task) a:not(.button_),
.drop_list_ li:not(.project):not(.task) a:not(.button_) u {
  text-transform: lowercase
}
.drop_list_ li:not(.project):not(.task) a:not(.button_) u::first-letter,
.drop_list_ li:not(.project):not(.task) a:not(.button_)::first-letter {
  text-transform: uppercase
}
.drop_list_ li.section_ {
  width: 100%;
  height: 1px;
  background-color: var(--APP-shadow-border)
}
.drop_list_ li.ui-sortable-placeholder {
  height: 36px;
  background-color: var(--APP-item-list-hover)
}
.drop_list_ li.ui-sortable-helper {
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  overflow: hidden;
  background-color: #fff
}
.drop_list_ .check_ {
  text-align: left;
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box
}
.drop_list_ .check_ label::before {
  top: 50%;
  margin-top: -7px
}
.drop_list_ .check_.toggle_small label::before {
  margin-top: -5px
}
.drop_list_ .check_ label {
  font-weight: 600;
  color: #282828
}
.drop_list_ .check_ label u {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.drop_list_ .check_ input:checked + label {
  color: #282828
}
.drop_list_ .check_:hover {
  background-color: var(--APP-item-list-hover)
}
.drop_list_ .check_ .ico_ {
  left: 25px
}
.drop_list_ li .static_button_,
.drop_list_ li a:not(.button_):not(.button_inline_) {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding: 8px 15px;
  text-align: left;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  box-sizing: border-box;
  position: relative;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  user-select: none
}
.drop_list_ li a:not(.button_):not(.button_inline_):focus,
.drop_list_ li a:not(.button_):not(.button_inline_):hover {
  background-color: var(--APP-item-list-hover)
}
.drop_list_ li a:not(.button_) u {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-transform: lowercase
}
.drop_list_ li a:not(.button_) u::first-letter {
  text-transform: uppercase
}
.drop_list_ li a:not(.button_):not(.button_inline_).delete,
.drop_list_ li a:not(.button_):not(.button_inline_).delete .ico_ {
  color: var(--APP-error-color)
}
.drop_list_ li .static_button_ input,
.drop_list_ li a:not(.button_):not(.button_inline_) input {
  font-weight: 700;
  display: inline-block;
  width: 100%;
  max-width: 130px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.drop_list_ li .static_button_.drag_style_ {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab
}
.drop_list_ li .static_button_.drag_style_:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing
}
.drop_list_ li.blocked .static_button_.drag_style_ {
  cursor: default
}
.drop_list_ strong {
  font-weight: 700
}
.drop_list_ .float_action_ {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 15px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-sizing: border-box;
  opacity: .3
}
.drop_list_ .float_action_ i {
  top: 1px;
  font-size: 14px
}
.drop_list_ .float_action_ .button_inline_ + .button_ {
  margin-left: 5px
}
.drop_list_ .float_action_ .button_,
.drop_list_ .float_action_ .button_inline_ {
  height: 24px;
  line-height: 25px;
  padding: 0 5px;
  font-size: 12px
}
.drop_list_ li .float_action_:hover {
  opacity: 1
}
.drop_list_ .ico_ {
  position: absolute;
  top: 50%;
  left: 15px;
  font-size: 12px;
  font-style: normal;
  margin-top: -5px;
  color: #828282
}
.drop_list_ .ico_.fal {
  margin-top: -4px
}
.drop_list_ .ico_ + u {
  padding-left: 20px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle
}
.drop_list_ .ico_.bigger_ {
  left: 15px;
  font-size: 14px;
  margin-top: -7px
}
.drop_list_ .ico_.more_space {
  left: 20px
}
.drop_list_ .ico_.more_space + u {
  padding-left: 25px
}
.drop_list_ .right_ico_ .ico_ {
  right: 15px;
  left: auto
}
.drop_list_ .right_ico_ .ico_ + u {
  padding-left: 0;
  padding-right: 20px
}
.drop_list_ .pill_ {
  width: 14px;
  height: 14px;
  line-height: 15px;
  text-align: center;
  font-size: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 15px;
  background-color: #cfdae0;
  color: #fff!important
}
.drop_list_ .pill_ + u {
  padding-left: 20px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle
}
.drop_list_ .collapsable_button_ {
  cursor: pointer
}
.drop_list_ .collapsable_button_ a:not(.button_):not(.button_inline_) {
  font-weight: 900;
  font-size: 12px
}
.drop_list_ .collapsable_button_ a:not(.button_):not(.button_inline_) .drop_ {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -10px
}
.drop_list_ .collapsable_button_ a:not(.button_):not(.button_inline_).open .drop_ {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.drop_list_ .account_avatar_ {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -10px
}
.drop_list_ .account_avatar_ + u {
  padding-left: 25px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  line-height: 20px
}
.drop_list_ .hidden {
  display: none!important
}
.drop_list_ a:hover .delete {
  color: var(--APP-error-color)
}
.drop_list_ .client {
  color: #868686
}
.drop_list_ .assingUser {
  width: auto;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 22px;
  cursor: pointer
}
.drop_list_ .assingUser span {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
  display: none
}
.drop_list_ .assingUser span[data-comp=assignButton] {
  display: inline-block
}
.drop_list_ .assigned .assingUser span[data-comp=assignButton] {
  display: none
}
.drop_list_ .assigned .assingUser span[data-comp=unassignButton] {
  display: inline-block
}
.drop_list_ .userToAssign a:not(.button_):not(.button_inline_) {
  text-decoration: none!important;
  cursor: default
}
.drop_list_ .drag_ {
  width: 20px;
  height: 30px;
  color: #bfbfbf;
  line-height: 31px;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 5px;
  display: none
}
.drop_list_ li:hover .drag_ {
  display: inline-block
}
.drop_list_ .external_link_ {
  position: absolute;
  top: 7px;
  right: 15px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
  text-align: center;
  z-index: 10;
  visibility: hidden;
  opacity: .3
}
.drop_list_ .external_link_:hover {
  opacity: 1
}
.drop_list_ .external_link_ i {
  font-size: 12px;
  top: 1px
}
.drop_list_ .external_link_ + a:not(.button_):not(.button_inline_) {
  padding-right: 50px
}
.drop_list_ li:hover > .external_link_ {
  visibility: visible
}
.drop_list_ .second_action_ {
  width: 30px;
  height: 31px;
  line-height: 31px;
  padding: 0!important;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 10
}
.drop_list_ .second_action_ * {
  pointer-events: none
}
.drop_list_ .second_action_ + a {
  padding-right: 50px!important;
  box-sizing: border-box
}
.drop_separator_ {
  width: 100%;
  font-size: 9px;
  color: var(--FORMS-label);
  font-weight: 900;
  padding: 20px 15px 0 15px;
  box-sizing: border-box;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase
}
.drop_pop_space_ .drop_separator_:first-child {
  padding-top: 5px
}
.drop_separator_.less_padding {
  padding-top: 5px
}
.drop_table_ + .drop_separator_ {
  padding-top: 0
}
.drop_separator_ + .drop_table_ .cell_ {
  padding-top: 0
}
.drop_separator_ + .drop_list_ {
  margin-top: 5px
}
.drop_list_ + .drop_separator_ {
  padding-top: 10px
}
.drop_separator_.collapse_ {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  user-select: none
}
.drop_separator_.collapse_ .drop_ {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 10px;
  font-size: 16px;
  line-height: 10px;
  margin-left: 10px
}
.drop_separator_.collapse_.open .drop_ {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.drop_separator_ .button_inline_ico {
  margin-left: 10px;
  vertical-align: top;
  font-size: 9px;
  line-height: 9px;
  padding-left: 12px;
  font-weight: 700
}
.drop_separator_ .button_inline_ico i {
  font-size: 9px;
  line-height: 9px;
  width: 9px;
  height: 9px
}
.drop_notifications_ {
  width: 100%;
  box-sizing: border-box
}
.drop_notifications_ ul {
  width: 100%;
  font-size: 0
}
.drop_notifications_ li {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
  text-align: left
}
.drop_notifications_ li.empty {
  width: 100%;
  padding: 20px 10px;
  text-align: center;
  font-size: 15px;
  color: #282828;
  font-weight: 700;
  background-color: transparent!important
}
.drop_notifications_ .close_message {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  right: 10px;
  display: none
}
.drop_notifications_ .close_message a {
  width: 16px;
  height: 16px;
  line-height: 17px;
  text-align: center;
  font-size: 9px;
  vertical-align: top;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  color: #282828;
  box-sizing: border-box
}
.drop_notifications_ .close_message a:hover {
  background-color: var(--APP-error-color);
  color: #fff
}
.drop_notifications_ .message {
  width: 100%;
  box-sizing: border-box;
  padding-right: 20px
}
.drop_notifications_ .message a {
  width: 100%;
  display: inline-block;
  vertical-align: top
}
.drop_notifications_ .message strong {
  display: block;
  font-size: 10px;
  margin-bottom: 2px;
  font-weight: 600;
  color: var(--FORMS-label)
}
.drop_notifications_ .message span {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #282828
}
.drop_notifications_ li:hover {
  background-color: var(--APP-item-list-hover)
}
.drop_notifications_ li:hover .close_message {
  display: inline-block
}
.drop_color_picker_ {
  width: 100%;
  font-size: 0;
  padding: 5px 10px 10px 15px;
  box-sizing: border-box
}
.drop_color_picker_:last-child {
  padding-bottom: 0
}
.drop_color_picker_ .pill_ {
  width: 28px;
  height: 24px;
  margin: 0 6px 6px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f1f1f1;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 26px;
  color: #585e61;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box
}
.drop_color_picker_ .pill_.selected_,
.drop_color_picker_ .pill_:hover {
  border: 2px solid rgba(0,0,0,.2);
  line-height: 22px
}
.drop_color_picker_ .drop_separator_ {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px
}
.drop_pattern_picker_ {
  width: 100%;
  font-size: 0;
  padding: 5px 10px 10px 15px;
  box-sizing: border-box
}
.drop_pattern_picker_:last-child {
  padding-bottom: 0
}
.drop_pattern_picker_ .pill_ {
  width: 28px;
  height: 24px;
  margin: 0 6px 6px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f1f1f1;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  box-sizing: border-box;
  background-position: center center;
  background-size: auto 190%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  border: 2px solid transparent;
  color: #585e61
}
.drop_pattern_picker_ .pill_ i {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-bottom: 2px
}
.drop_pattern_picker_ .pill_.selected_,
.drop_pattern_picker_ .pill_:hover {
  border-color: rgba(0,0,0,.2)
}
.drop_pattern_picker_ .drop_separator_ {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px
}
.drop_priority_picker_ {
  width: 100%;
  font-size: 0;
  padding: 5px 10px 10px 15px;
  box-sizing: border-box
}
.drop_priority_picker_ .priority_ {
  width: 36px;
  height: 24px;
  margin: 0 6px 0 0;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--APP-shadow-border);
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 12px;
  color: #909090;
  font-weight: 700;
  text-align: center;
  line-height: 22px
}
.drop_priority_picker_ .priority_:hover {
  background-color: var(--APP-item-list-hover)
}
.drop_priority_picker_ .priority_[data-val="4"] {
  display: none
}
.drop_priority_picker_ .drop_separator_ {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px
}
.drop_schedule_picker_ {
  width: 100%;
  font-size: 0;
  padding: 5px 10px 10px 15px;
  box-sizing: border-box
}
.drop_schedule_picker_ .schedule_ {
  width: 36px;
  height: 24px;
  margin: 0 6px 0 0;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--APP-shadow-border);
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 12px;
  text-indent: -2px;
  font-weight: 700;
  color: #909090;
  text-align: center;
  line-height: 22px
}
.drop_schedule_picker_ .schedule_.custom {
  font-size: 12px;
  text-indent: 0;
  line-height: 25px
}
.drop_schedule_picker_ .schedule_:hover {
  background-color: var(--APP-item-list-hover)
}
.drop_schedule_picker_ .drop_separator_ {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px
}
.drop_schedule_picker_ .drop_separator_:first-child {
  padding-top: 5px
}
.drop_schedule_picker_ + .drop_priority_picker_ .drop_separator_ {
  padding-top: 0
}
.drop_search_ {
  width: 100%;
  padding: 20px 15px 10px 15px;
  box-sizing: border-box;
  position: relative
}
.drop_search_.hidden_ {
  height: 0;
  padding: 0;
  visibility: hidden
}
.drop_search_ .search_ {
  width: 100%;
  position: relative
}
.drop_search_ .search_ i {
  position: absolute;
  top: 50%;
  left: 12px;
  font-size: 14px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  pointer-events: none;
  color: #282828
}
.drop_search_ .search_ input {
  width: 100%;
  height: 30px;
  min-height: 30px;
  box-sizing: border-box;
  padding-left: 32px;
  color: var(--FORMS-value);
  font-size: 12px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--FORMS-border);
  -webkit-transition: border-color .2s,color .2s;
  -moz-transition: border-color .2s,color .2s;
  -ms-transition: border-color .2s,color .2s;
  transition: border-color .2s,color .2s
}
.drop_search_ .search_ .button_.active + input {
  padding-right: 50px
}
.drop_search_ .search_ .button_ {
  position: absolute;
  top: 4px;
  right: 4px;
  display: none;
  height: 22px;
  text-transform: uppercase;
  line-height: 22px;
  font-size: 10px;
  z-index: 10
}
.drop_search_ .search_ .button_.active {
  display: inline-block
}
.drop_search_ .search_ input:focus {
  border-color: var(--APP-focus-color)!important
}
.drop_search_ .search_ input::-webkit-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.drop_search_ .search_ input::-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.drop_search_ .search_ input:-ms-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.drop_search_ .search_ input:-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.drop_search_ .drop_help_ {
  display: none;
  padding: 10px 0 0 0
}
.drop_search_ .drop_help_.active {
  display: inline-block
}
.drop_search_ .drop_help_:last-child {
  padding-bottom: 0
}
.drop_search_ .search_.loading_and_block::after {
  display: none
}
.drop_search_ .search_.loading_and_block::before {
  margin-left: 0;
  margin-right: 0;
  right: 5px;
  left: auto;
  width: 20px;
  height: 20px;
  margin-top: -10px
}
.drop_search_ .search_.loading_and_block .button_.active {
  display: none
}
.drop_search_ .goToViewLink {
  display: none;
  width: 20px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  font-size: 15px;
  color: #282828;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: absolute;
  top: 20px;
  right: 25px;
  z-index: 10
}
.drop_search_ .goToViewLink:hover {
  color: #282828
}
.drop_search_ .goToViewLink + .search_ input {
  padding-right: 30px
}
.drop_help_ {
  width: 100%;
  padding: 10px 15px 10px 15px;
  box-sizing: border-box;
  text-align: left
}
.drop_help_:empty {
  display: none
}
.drop_help_ h2 {
  color: var(--FORMS-value);
  font-size: 15px;
  line-height: 17px;
  font-weight: 700
}
.drop_help_ p {
  color: var(--FORMS-label);
  font-size: 12px;
  line-height: 18px;
  font-weight: 500
}
.drop_help_ strong {
  font-weight: 700
}
.drop_help_ small {
  color: var(--FORMS-label);
  font-size: 10px;
  line-height: 10px;
  font-weight: 400
}
.drop_help_:last-child {
  padding-bottom: 25px
}
.drop_help_ p a:hover {
  text-decoration: underline
}
.drop_help_.center_ {
  text-align: center
}
.drop_switch_ {
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
  text-align: left;
  vertical-align: top
}
.drop_switch_ + .drop_separator_ {
  padding-top: 10px
}
.drop_edit_ {
  position: absolute;
  top: -30px;
  right: 20px;
  line-height: 20px!important;
  height: 20px!important;
  display: none!important
}
.drop_tag_users_ {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px 0 15px;
  font-size: 0
}
.drop_tag_users_:empty {
  display: none
}
.drop_tag_users_ .tags_container {
  width: 100%
}
.drop_tag_users_ li {
  background-color: #f5f4f4;
  display: inline-block;
  vertical-align: top;
  margin: 10px 10px 0 0;
  max-width: 160px;
  height: 24px;
  position: relative;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 10px;
  overflow: hidden
}
.drop_tag_users_ li.no_user {
  background-color: transparent;
  font-size: 14px;
  line-height: 24px;
  height: auto;
  font-weight: 700;
  color: #282828;
  max-width: inherit;
  margin: 10px 0 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0
}
.drop_tag_users_ .userBox {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0
}
.drop_tag_users_ .userBox .image_container {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top
}
.drop_tag_users_ .userBox .image {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px
}
.drop_tag_users_ .removeBox {
  width: 100%;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  display: none
}
.drop_tag_users_ .removeBox .remove {
  width: 100%;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  background-color: rgb(241 88 88 / 88%);
  position: absolute;
  top: 0;
  right: 0;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px
}
.drop_tag_users_ .removeBox a {
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: top
}
.drop_tag_users_ .text {
  width: 100%;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #282828;
  font-weight: 600
}
.drop_tag_users_ .text .email,
.drop_tag_users_ .text br {
  display: none
}
.drop_tag_users_ li:hover .removeBox {
  display: inline-block
}
.drop_select_ {
  padding: 10px 15px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: left;
  box-sizing: border-box
}
.drop_select_ select {
  width: 100%;
  height: 30px;
  color: var(--FORMS-value);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--FORMS-border);
  padding: 0 10px;
  box-sizing: border-box;
  background-position: right 10px center;
  background-image: url(../../img/arrow_bottom_black.png);
  background-repeat: no-repeat;
  background-size: auto 15px;
  text-transform: capitalize
}
.drop_select_ select.hidden {
  pointer-events: none;
  opacity: .5
}
.drop_select_ + .drop_select_ {
  padding-top: 0
}
.drop_select_ .drop_separator_ {
  padding: 0 0 10px 0
}
.drop_select_.disabled {
  opacity: .8;
  pointer-events: none
}
.drop_input_ {
  padding: 10px 15px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: left;
  box-sizing: border-box
}
.drop_input_ + .drop_input_ {
  padding-top: 0
}
.drop_input_ input {
  width: 100%;
  height: 30px;
  color: var(--FORMS-value);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--FORMS-border);
  padding: 0 10px;
  box-sizing: border-box;
  font-weight: 600
}
.drop_input_ input:focus {
  border-color: var(--FORMS-focus)!important
}
.drop_input_ input::-webkit-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.drop_input_ input::-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.drop_input_ input:-ms-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.drop_input_ input:-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.drop_input_ .dates_picker_container_ {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start
}
.drop_input_ .dates_picker_container_ input:first-child {
  margin-right: 15px
}
.drop_input_ .dates_picker_container_ .qs-datepicker-container {
  left: 0!important;
  width: 100%!important
}
.drop_input_ .drop_separator_ {
  padding: 0 0 10px 0;
  color: var(--FORMS-label)
}
.drop_input_ + .drop_separator_ {
  padding-top: 0
}
.drop_tabs_ {
  width: 100%;
  padding: 20px 15px 15px 15px;
  box-sizing: border-box;
  text-align: left
}
.drop_tabs_ ul {
  width: 100%;
  font-size: 0;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden
}
.drop_tabs_ li {
  width: 50%;
  display: inline-block;
  vertical-align: top
}
.drop_tabs_ a {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  font-weight: 700;
  color: #8e8e8e;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase
}
.drop_tabs_ a:hover {
  background-color: var(--APP-item-list-hover)
}
.drop_tabs_ a.active {
  color: var(--APP-focus-color)!important;
  background-color: var(--APP-focus-selected-color)!important;
  font-weight: 700
}
.drop_calendars_ {
  width: 100%
}
.drop_calendars_ .table_ {
  width: 100%;
  table-layout: fixed
}
.drop_calendars_ .table_ .cell_ {
  width: 50%;
  box-sizing: border-box
}
.drop_calendars_ .table_ .cell_:first-child {
  padding-right: 5px
}
.drop_calendars_ .table_ .cell_:last-child {
  padding-left: 5px
}
.drop_calendars_ .options_ {
  padding: 15px;
  box-sizing: border-box;
  border-top: 1px solid var(--APP-shadow-border)
}
.drop_calendars_ .ui-datepicker {
  width: 100%
}
.drop_month_calendar_ {
  position: fixed;
  z-index: 1000;
  width: 280px
}
.drop_month_calendar_ .monthCalendaHeader {
  width: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative
}
.drop_month_calendar_ .monthCalendaHeader .monthCalYear {
  width: 100%;
  text-align: center;
  line-height: 16px;
  font-size: 16px;
  font-weight: 900;
  color: #282828;
  display: inline-block;
  vertical-align: top
}
.drop_month_calendar_ .monthCalendaHeader .monthCalNav {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  box-sizing: border-box;
  color: #282828;
  z-index: 1;
  font-size: 0;
  overflow: hidden;
  font-size: 20px
}
.drop_month_calendar_ .monthCalendaHeader .monthCalNav[href="#prevYear"] {
  left: 15px
}
.drop_month_calendar_ .monthCalendaHeader .monthCalNav[href="#nextYear"] {
  right: 15px
}
.drop_month_calendar_ .monthCalendaHeader .monthCalNav:hover {
  color: var(--APP-focus-color)!important
}
.drop_month_calendar_ .monthCalendaBody {
  width: 100%;
  text-align: center;
  padding: 0 0 20px 0
}
.drop_month_calendar_ .monthCalendaBody .button_ {
  margin: 5px;
  width: 67px;
  height: 24px;
  line-height: 24px
}
.drop_divisor_ {
  width: 100%;
  height: 1px;
  background-color: #f5f4f4;
  display: none
}
.drop_table_ {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 15px;
  table-layout: fixed
}
.drop_table_ .cell_ {
  width: 50%;
  padding: 0 5px;
  box-sizing: border-box
}
.drop_table_ .cell_:first-child {
  padding-left: 0
}
.drop_table_ .cell_:last-child {
  padding-right: 0
}
.drop_table_ .drop_input_,
.drop_table_ .drop_select_ {
  padding: 0
}
.drop_separator_ + .drop_table_ {
  padding-top: 5px
}
.drop_option_button_ {
  width: 100%
}
.drop_full_button {
  padding: 15px 15px 10px 15px;
  width: 100%;
  box-sizing: border-box
}
.drop_full_button .button_ {
  width: 100%
}
.drop_clipboard_ {
  padding: 5px 15px 10px 15px;
  width: 100%;
  box-sizing: border-box
}
.drop_clipboard_ .title_ {
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #5f5f5f
}
.drop_clipboard_ .clip_ {
  width: 100%;
  background-color: rgb(245 244 244);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 30px 0 10px;
  cursor: pointer
}
.drop_clipboard_ .clip_.disabled {
  opacity: .7;
  pointer-events: none
}
.drop_clipboard_ .clip_ input {
  position: absolute;
  left: -9999px;
  top: 0
}
.drop_clipboard_ .clip_ h2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
  color: #282828;
  box-sizing: border-box
}
.drop_clipboard_ .clip_ .ico_ {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  z-index: 0;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #9e9e9e
}
.drop_clipboard_ .clip_:hover .ico_ {
  color: #282828
}
.drop_clipboard_ .clip_ .message_ {
  font-weight: 700;
  color: rgb(0 185 159);
  background-color: #fff;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  line-height: 20px;
  opacity: 0;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  transition: all .4s;
  overflow: hidden;
  max-width: 0;
  display: inline-block;
  vertical-align: top;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  position: absolute;
  top: 50%;
  font-size: 12px;
  margin-top: -10px;
  right: 5px
}
.drop_clipboard_ .clip_.copy .message_ {
  opacity: 1;
  max-width: 100px;
  padding: 0 10px
}
.drop_clipboard_.disabled {
  opacity: .8;
  pointer-events: none
}
.drop_users_w_options_ {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box
}
.drop_users_w_options_.disabled {
  pointer-events: none
}
.drop_users_w_options_.disabled .add_ {
  opacity: .7
}
.drop_users_w_options_ .list_ {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px
}
.drop_users_w_options_ .empty_message_ {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--FORMS-label)
}
.drop_users_w_options_ .user_ {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: -5.5px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e8e8e8;
  position: relative;
  z-index: 1;
  margin-bottom: 10px
}
.drop_users_w_options_ .user_ .avatar_ {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 3
}
.drop_users_w_options_ .user_ .name_ {
  min-width: 30px;
  max-width: 200px;
  display: none;
  padding: 0 10px 0 35px;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  background-color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  z-index: 0;
  text-overflow: ellipsis
}
.drop_users_w_options_ .user_ .name_ u {
  font-size: 13px;
  font-weight: 600;
  color: #282828
}
.drop_users_w_options_ .user_ .remove_ {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 33px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  background-color: var(--APP-error-color);
  z-index: 4;
  font-size: 15px;
  display: none
}
.drop_users_w_options_ .user_:hover {
  z-index: 10
}
.drop_users_w_options_ .user_:hover .name_,
.drop_users_w_options_ .user_:hover .remove_ {
  display: block
}
.drop_users_w_options_ .add_ {
  width: 100%;
  text-align: left
}
.drop_users_w_options_ .add_ .drop_ {
  width: 100%
}
.drop_users_w_options_ .add_ .drop_ .drop_pop_ {
  width: 100%;
  top: 0
}
.drop_add_input_ {
  width: 100%;
  padding: 5px 0;
  box-sizing: border-box;
  position: relative
}
.drop_add_input_.loading_and_block::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px
}
.drop_add_input_.loading_and_block::after {
  opacity: .5
}
.drop_add_input_ .button_ {
  position: absolute;
  top: 7px;
  height: 26px;
  line-height: 26px;
  right: 3px;
  width: auto;
  visibility: hidden
}
.drop_add_input_ i {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  color: #afafaf;
  font-size: 14px;
  pointer-events: none
}
.drop_add_input_ input[type=text] {
  width: 100%;
  height: 30px;
  font-weight: 500;
  padding-left: 18px;
  cursor: pointer;
  margin: 0;
  font-size: 13px!important
}
.drop_add_input_ input[type=text]::-webkit-input-placeholder {
  color: #afafaf;
  opacity: 1
}
.drop_add_input_ input[type=text]::-moz-placeholder {
  color: #afafaf;
  opacity: 1
}
.drop_add_input_ input[type=text]:-ms-input-placeholder {
  color: #afafaf;
  opacity: 1
}
.drop_add_input_ input[type=text]:-moz-placeholder {
  color: #afafaf;
  opacity: 1
}
.drop_add_input_ input[type=text].has-content,
.drop_add_input_ input[type=text]:focus,
.drop_add_input_ input[type=text]:hover {
  padding-left: 32px
}
.drop_add_input_ input[type=text].has-content + i,
.drop_add_input_ input[type=text]:focus + i,
.drop_add_input_ input[type=text]:hover + i {
  left: 10px
}
.drop_add_input_ input[type=text].has-content + i + .button_,
.drop_add_input_ input[type=text]:focus + i + .button_ {
  visibility: visible
}
.drop_add_input_ input[type=text].has-content,
.drop_add_input_ input[type=text]:focus {
  cursor: text
}
.drop_add_input_ input[type=text].has-content + i,
.drop_add_input_ input[type=text]:focus + i {
  color: var(--FORMS-value)
}
.drop_add_input_ input[type=text]:focus::-webkit-input-placeholder {
  color: var(--FORMS-value-placeholder)
}
.drop_add_input_ input[type=text]:focus::-moz-placeholder {
  color: var(--FORMS-value-placeholder)
}
.drop_add_input_ input[type=text]:focus:-ms-input-placeholder {
  color: var(--FORMS-value-placeholder)
}
.drop_add_input_ input[type=text]:focus:-moz-placeholder {
  color: var(--FORMS-value-placeholder)
}
.drop_text_ {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px 5px 15px
}
.drop_text_ .form_text_ {
  margin: 0
}
.drop_text_ .form_text_ p {
  font-size: 12px;
  line-height: 16px
}
.drop_disclaimer_ {
  width: 100%;
  text-align: left;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  box-sizing: border-box;
  line-height: 20px;
  padding: 0 15px
}
.drop_disclaimer_:empty {
  display: none
}
.drop_sortable_group_footer_ {
  width: 100%;
  min-height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 0 15px
}
.drop_footer_options_ {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding: 0 15px
}
.drop_calendar_ {
  width: 650px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px
}
.drop_calendar_ .c_l_ {
  width: 140px;
  flex-shrink: 0;
  margin-right: 10px
}
.drop_calendar_ .c_r_ {
  width: 100%
}
.drop_calendar_ .c_l_ .reload_ + .drop_list_ {
  padding-bottom: 45px
}
.drop_calendar_ .c_l_ .reload_ {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 0 15px
}
.drop_calendar_ .calendars_ {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start
}
.drop_calendar_ .calendars_ .dates_ {
  width: 50%;
  min-height: 255px;
  border-left: 1px solid #efefef;
  padding: 0 10px;
  box-sizing: border-box
}
.drop_calendar_ .calendars_ .ui-datepicker {
  width: 100%
}
.drop_calendar_ .drop_footer_options_ {
  height: auto;
  padding: 0
}
.drop_calendar_ .drop_footer_options_ .button_ {
  margin-top: 10px
}
.dark-theme-on .drop_pop_ {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
.dark-theme-on .drop_list_ a:not(.button_):not(.button_inline_) {
  color: #fff
}
.dark-theme-on .drop_list_ a:not(.button_):not(.button_inline_):focus,
.dark-theme-on .drop_list_ a:not(.button_):not(.button_inline_):hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .drop_list_ .client {
  color: #b3b3b3
}
.dark-theme-on .drop_list_ li a.active,
.dark-theme-on .drop_list_ li a.preselected,
.dark-theme-on .drop_list_ li.active a,
.dark-theme-on .drop_list_ li.preselected a {
  color: var(--APP-focus-color);
  background-color: var(--DARK-APP-focus-selected-color)
}
.dark-theme-on .drop_list_ .check_:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .drop_list_ .ico_ {
  color: #999
}
.dark-theme-on .drop_list_ .drag_ {
  color: #fff
}
.dark-theme-on .drop_list_ li.section_ {
  background-color: var(--DARK-APP-shadow-border)
}
.dark-theme-on .drop_list_[data-comp=recommendedList] {
  border-bottom-color: var(--DARK-FORMS-border)
}
.dark-theme-on .drop_list_ li.separator_line_ {
  background-color: var(--DARK-APP-shadow-border)
}
.dark-theme-on .drop_separator_ {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .drop_schedule_picker_ .schedule_ {
  border-color: var(--DARK-APP-shadow-border);
  color: #fff
}
.dark-theme-on .drop_schedule_picker_ .schedule_:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .drop_priority_picker_ .priority_ {
  border-color: var(--DARK-APP-shadow-border);
  color: #fff
}
.dark-theme-on .drop_priority_picker_ .priority_:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .drop_search_ {
  border-bottom-color: #1f232b
}
.dark-theme-on .drop_search_ .search_ i {
  color: #fff
}
.dark-theme-on .drop_search_ .search_ input {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .drop_search_ .search_ input:focus {
  border-color: var(--APP-focus-color)!important
}
.dark-theme-on .drop_search_ .search_ input:focus + i {
  color: var(--DARK-FORMS-focus)
}
.dark-theme-on .drop_search_ .search_ input::-webkit-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_search_ .search_ input::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_search_ .search_ input:-ms-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_search_ .search_ input:-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_search_ .goToViewLink {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_search_ .goToViewLink:hover {
  color: #fff
}
.dark-theme-on .drop_month_calendar_ .monthCalendaHeader {
  border-bottom-color: #1f232b
}
.dark-theme-on .drop_month_calendar_ .monthCalendaHeader .monthCalYear {
  color: #fff
}
.dark-theme-on .drop_month_calendar_ .monthCalendaHeader .monthCalNav {
  border-color: #1f232b;
  color: #fff
}
.dark-theme-on .drop_month_calendar_ .monthCalendaHeader .monthCalNav:hover {
  background-color: #1f232b!important
}
.dark-theme-on .drop_select_ select {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border);
  background-image: url(../../img/arrow_bottom_white.png)
}
.dark-theme-on .drop_ .static_ {
  border-top-color: #20242b;
  border-bottom-color: #20242b
}
.dark-theme-on .drop_help_ p {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .drop_divisor_ {
  background-color: #20242b
}
.dark-theme-on .drop_input_ input {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .drop_input_ input:focus {
  border-color: var(--DARK-FORMS-focus)!important
}
.dark-theme-on .drop_input_ input::-webkit-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_input_ input::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_input_ input:-ms-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_input_ input:-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .dropag_users_ {
  border-bottom-color: #1f232b
}
.dark-theme-on .drop_tag_users_ li {
  background-color: #29313c;
  color: #fff
}
.dark-theme-on .drop_tag_users_ .text {
  color: #fff
}
.dark-theme-on .drop_notifications_ li:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .drop_notifications_ .message strong {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .drop_notifications_ .message span {
  color: #fff
}
.dark-theme-on .drop_notifications_ .close_message a {
  background-color: var(--DARK-APP-item-list-hover);
  color: #fff
}
.dark-theme-on .drop_notifications_ .close_message a:hover {
  background-color: var(--APP-error-color);
  color: #fff
}
.dark-theme-on .drop_notifications_ li.empty {
  color: #fff
}
.dark-theme-on .drop_tabs_ {
  border-bottom-color: #1f232b
}
.dark-theme-on .drop_tabs_ a:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .drop_tabs_ a.active {
  color: var(--APP-focus-color)!important;
  background-color: var(--DARK-APP-focus-selected-color)!important
}
.dark-theme-on .drop_list_ .check_ input:checked + label {
  color: #fff
}
.dark-theme-on .drop_list_ .check_ label {
  color: #fff
}
.dark-theme-on .drop_pop_float_close_ {
  color: #fff
}
.dark-theme-on .drop_add_input_ i {
  color: #697484
}
.dark-theme-on .drop_add_input_ input::-webkit-input-placeholder {
  color: #697484
}
.dark-theme-on .drop_add_input_ input::-moz-placeholder {
  color: #697484
}
.dark-theme-on .drop_add_input_ input:-ms-input-placeholder {
  color: #697484
}
.dark-theme-on .drop_add_input_ input:-moz-placeholder {
  color: #697484
}
.dark-theme-on .drop_add_input_ input.has-content + i,
.dark-theme-on .drop_add_input_ input:focus + i {
  color: var(--DARK-FORMS-value)
}
.dark-theme-on .drop_add_input_ input:focus::-webkit-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_add_input_ input:focus::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_add_input_ input:focus:-ms-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_add_input_ input:focus:-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .drop_pattern_picker_ .pill_ {
  background-color: #20262f;
  color: #fff
}
.dark-theme-on .drop_color_picker_ .pill_ {
  background-color: #20262f;
  color: #fff
}
.dark-theme-on .drop_clipboard_ .title_ {
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #fff
}
.dark-theme-on .drop_clipboard_ .clip_ {
  background-color: rgb(28 33 41)
}
.dark-theme-on .drop_clipboard_ .clip_ h2 {
  color: #fff
}
.dark-theme-on .drop_clipboard_ .clip_:hover .ico_ {
  color: #fff
}
.dark-theme-on .drop_calendar_ .calendars_ .dates_ {
  border-left-color: #222932
}
.MSTEAMS.dark_mode_ .drop_pattern_picker_ .pill_ {
  background-color: #201e1e;
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_color_picker_ .pill_ {
  background-color: #201e1e;
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_clipboard_ .title_ {
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_clipboard_ .clip_ {
  background-color: hsl(0deg 1% 17%)
}
.MSTEAMS.dark_mode_ .drop_clipboard_ .clip_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_clipboard_ .clip_:hover .ico_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_pop_ {
  background-color: #191717;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .drop_list_ a:not(.button_):not(.button_inline_) {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_list_ a:not(.button_):not(.button_inline_):focus,
.MSTEAMS.dark_mode_ .drop_list_ a:not(.button_):not(.button_inline_):hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .drop_list_ .client {
  color: #b3b3b3
}
.MSTEAMS.dark_mode_ .drop_list_ li a.active,
.MSTEAMS.dark_mode_ .drop_list_ li a.preselected,
.MSTEAMS.dark_mode_ .drop_list_ li.active a,
.MSTEAMS.dark_mode_ .drop_list_ li.preselected a {
  color: var(--APP-focus-color);
  background-color: var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .drop_list_ .check_:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .drop_list_ .ico_ {
  color: #999
}
.MSTEAMS.dark_mode_ .drop_list_ .drag_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_list_ li.section_ {
  background-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .drop_list_[data-comp=recommendedList] {
  border-bottom-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .drop_list_ li.separator_line_ {
  background-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .drop_add_input_ i {
  color: #656565
}
.MSTEAMS.dark_mode_ .drop_add_input_ input::-webkit-input-placeholder {
  color: #656565
}
.MSTEAMS.dark_mode_ .drop_add_input_ input::-moz-placeholder {
  color: #656565
}
.MSTEAMS.dark_mode_ .drop_add_input_ input:-ms-input-placeholder {
  color: #656565
}
.MSTEAMS.dark_mode_ .drop_add_input_ input:-moz-placeholder {
  color: #656565
}
.MSTEAMS.dark_mode_ .drop_add_input_ input.has-content + i,
.MSTEAMS.dark_mode_ .drop_add_input_ input:focus + i {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .drop_add_input_ input:focus::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .drop_add_input_ input:focus::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .drop_add_input_ input:focus:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .drop_add_input_ input:focus:-moz-placeholder {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ .drop_separator_ {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .drop_schedule_picker_ .schedule_ {
  border-color: var(--MS-DARK-APP-shadow-border);
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_schedule_picker_ .schedule_:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .drop_priority_picker_ .priority_ {
  border-color: var(--MS-DARK-APP-shadow-border);
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_priority_picker_ .priority_:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .drop_search_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .drop_search_ .search_ i {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_search_ .search_ input {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .drop_search_ .search_ input:focus {
  border-color: var(--APP-focus-color)!important
}
.MSTEAMS.dark_mode_ .drop_search_ .search_ input:focus + i {
  color: var(--MS-DARK-FORMS-focus)
}
.MSTEAMS.dark_mode_ .drop_search_ .search_ input::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .drop_search_ .search_ input::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .drop_search_ .search_ input:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .drop_search_ .search_ input:-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .drop_search_ .goToViewLink {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .drop_search_ .goToViewLink:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_month_calendar_ .monthCalendaHeader {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .drop_month_calendar_ .monthCalendaHeader .monthCalYear {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_month_calendar_ .monthCalendaHeader .monthCalNav {
  border-color: #2d2c2c;
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_month_calendar_ .monthCalendaHeader .monthCalNav:hover {
  background-color: #2d2c2c!important
}
.MSTEAMS.dark_mode_ .drop_select_ select {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border);
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.dark_mode_ .drop_ .static_ {
  border-top-color: #2d2c2c;
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .drop_help_ p {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .drop_divisor_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .drop_input_ input {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .drop_input_ input:focus {
  border-color: var(--MS-DARK-FORMS-focus)!important
}
.MSTEAMS.dark_mode_ .drop_input_ input::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .drop_input_ input::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .drop_input_ input:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .drop_input_ input:-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .drop_tag_users_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .drop_tag_users_ li {
  background-color: #201e1e;
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_tag_users_ .text {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_tag_users_ li.no_user {
  background-color: transparent;
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_notifications_ li:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .drop_notifications_ .message strong {
  color: var(--MS-DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .drop_notifications_ .message span {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_notifications_ .close_message a {
  background-color: var(--MS-DARK-APP-item-list-hover);
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_notifications_ .close_message a:hover {
  background-color: var(--APP-error-color);
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_notifications_ li.empty {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_tabs_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .drop_tabs_ a:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .drop_tabs_ a.active {
  color: var(--APP-focus-color)!important;
  background-color: var(--MS-DARK-APP-focus-selected-color)!important
}
.MSTEAMS.dark_mode_ .drop_list_ .check_ input:checked + label {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_list_ .check_ label {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_pop_float_close_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .drop_calendar_ .calendars_ .dates_ {
  border-left-color: #2e2b2b
}
.MSTEAMS.deep_dark_mode_ .drop_pattern_picker_ .pill_ {
  background-color: #201e1e;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_color_picker_ .pill_ {
  background-color: #201e1e;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_clipboard_ .title_ {
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_clipboard_ .clip_ {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_clipboard_ .clip_ h2 {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .drop_clipboard_ .clip_:hover .ico_ {
  color: #000
}
.MSTEAMS.deep_dark_mode_ .drop_pop_ {
  background-color: #000;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .drop_list_ a:not(.button_):not(.button_inline_) {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_list_ a:not(.button_):not(.button_inline_):focus,
.MSTEAMS.deep_dark_mode_ .drop_list_ a:not(.button_):not(.button_inline_):hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .drop_list_ .client {
  color: #b3b3b3
}
.MSTEAMS.deep_dark_mode_ .drop_list_ li a.active,
.MSTEAMS.deep_dark_mode_ .drop_list_ li a.preselected,
.MSTEAMS.deep_dark_mode_ .drop_list_ li.active a,
.MSTEAMS.deep_dark_mode_ .drop_list_ li.preselected a {
  color: #ffff01;
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ .drop_list_ .check_:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .drop_list_ .ico_ {
  color: #999
}
.MSTEAMS.deep_dark_mode_ .drop_list_ .drag_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_list_ li.section_ {
  background-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ .drop_list_[data-comp=recommendedList] {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_list_ li.separator_line_ {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ i {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input::-webkit-input-placeholder {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input::-moz-placeholder {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input:-ms-input-placeholder {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input:-moz-placeholder {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input.has-content + i,
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input:focus + i {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input:focus::-webkit-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input:focus::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input:focus:-ms-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .drop_add_input_ input:focus:-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ .drop_separator_ {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .drop_schedule_picker_ .schedule_ {
  border-color: var(--MS-DEEP-DARK-APP-shadow-border);
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_schedule_picker_ .schedule_:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .drop_priority_picker_ .priority_ {
  border-color: var(--MS-DEEP-DARK-APP-shadow-border);
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_priority_picker_ .priority_:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .drop_search_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .search_ i {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .search_ input {
  color: var(--MS-DEEP-DARK-FORMS-value);
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .search_ input:focus {
  border-color: #ffff01!important
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .search_ input:focus + i {
  color: var(--MS-DEEP-DARK-FORMS-focus)
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .search_ input::-webkit-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .search_ input::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .search_ input:-ms-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .search_ input:-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .goToViewLink {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .drop_search_ .goToViewLink:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_month_calendar_ .monthCalendaHeader {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .drop_month_calendar_ .monthCalendaHeader .monthCalYear {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_month_calendar_ .monthCalendaHeader .monthCalNav {
  border-color: #2d2c2c;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_month_calendar_ .monthCalendaHeader .monthCalNav:hover {
  background-color: #2d2c2c!important
}
.MSTEAMS.deep_dark_mode_ .drop_select_ select {
  color: var(--MS-DEEP-DARK-FORMS-value);
  border-color: var(--MS-DEEP-DARK-FORMS-border);
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.deep_dark_mode_ .drop_ .static_ {
  border-top-color: #2d2c2c;
  border-bottom-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .drop_help_ p {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .drop_divisor_ {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .drop_input_ input {
  color: var(--MS-DEEP-DARK-FORMS-value);
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .drop_input_ input:focus {
  border-color: var(--MS-DEEP-DARK-FORMS-focus)!important
}
.MSTEAMS.deep_dark_mode_ .drop_input_ input::-webkit-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .drop_input_ input::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .drop_input_ input:-ms-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .drop_input_ input:-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .drop_tag_users_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .drop_tag_users_ li {
  background-color: #201e1e;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_tag_users_ .text {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_tag_users_ li.no_user {
  background-color: transparent;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_notifications_ li:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .drop_notifications_ .message strong {
  color: var(--MS-DEEP-DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .drop_notifications_ .message span {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_notifications_ .close_message a {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover);
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_notifications_ .close_message a:hover {
  background-color: var(--APP-error-color);
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_notifications_ li.empty {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_tabs_ {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .drop_tabs_ a:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .drop_tabs_ a.active {
  color: #ebeb01!important;
  background-color: #424200!important
}
.MSTEAMS.deep_dark_mode_ .drop_list_ .check_ input:checked + label {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_list_ .check_ label {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_pop_float_close_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .drop_calendar_ .calendars_ .dates_ {
  border-left-color: #fff
}
.navTabs {
  width: 100%;
  background-color: #fff;
  height: auto;
  min-height: 0
}
.navTabs ul {
  width: 100%;
  font-size: 0;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  padding-top: 10px
}
.navTabs li {
  display: inline-block;
  vertical-align: top;
  margin-left: 15px
}
.navTabs li:first-child {
  margin-left: 0
}
.navTabs a {
  font-weight: 700;
  color: #6b727b;
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  box-sizing: border-box;
  border-bottom: 3px solid transparent;
  text-align: left;
  padding-right: 15px;
  border-bottom-color: #f0f4f7
}
.navTabs a:hover {
  border-bottom-color: #c3c9d0;
  color: #41454a
}
.navTabs a:focus {
  -webkit-box-shadow: inset 0 0 0 0 transparent!important;
  -moz-box-shadow: inset 0 0 0 0 transparent!important;
  box-shadow: inset 0 0 0 0 transparent!important
}
.navTabs .active a {
  color: #f54337;
  border-bottom-color: #f54337
}
body.dark-theme-on .navTabs {
  background-color: #2a313c
}
body.dark-theme-on .navTabs a {
  color: #fff
}
body.dark-theme-on .navTabs a:hover {
  border-bottom-color: #a8b0bd;
  color: #a8b0bd
}
body.dark-theme-on .navTabs .active a {
  color: #f54337;
  border-bottom-color: #f54337
}
.templates_ .drop_pop_ {
  width: 280px
}
.templates_ .drop_actions_ {
  display: inline-block
}
.templates_ .suggest_list_ {
  display: none
}
.templates_ .suggest_list_.active {
  display: inline-block
}
.viewMessage {
  width: 100%;
  padding: 10px;
  background-color: #2d343e;
  box-sizing: border-box;
  text-align: center
}
.viewMessage p {
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  font-weight: 400;
  font-style: italic
}
.viewMessage p a {
  text-decoration: underline;
  color: #fff
}
#EditProjectView.loading_view_ .list_view_footer_ .table_,
#EditProjectView.loading_view_ .list_view_header_ .due_date {
  visibility: hidden
}
#EditProjectView .list_view_content_ .table_.two-cols {
  margin-bottom: 20px
}
#EditProjectView .list_view_content_ .table_.two-cols .cell_ {
  width: 50%
}
#EditProjectView .list_view_content_ .table_.two-cols .cell_:first-child {
  padding-right: 10px
}
#EditProjectView .list_view_content_ .table_.two-cols .cell_:last-child {
  padding-left: 10px
}
#EditProjectView .delete_table {
  margin-bottom: 0;
  display: none
}
#EditProjectView .public_cont {
  width: 100%;
  margin: 10px 0;
  padding-left: 10px;
  box-sizing: border-box
}
#EditProjectView .list_view_content_ .no_margin {
  margin: 0
}
#EditProjectView .project_permissions {
  visibility: hidden
}
#EditProjectView.project_is_not_public .project_permissions {
  visibility: visible
}
#EditProjectView .list_view_inside_pop_ .commas {
  width: 100%;
  font-size: 0
}
#EditProjectView .list_view_inside_pop_ .commas li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
  color: #585f6d
}
#EditProjectView .list_view_inside_pop_ .commas li:last-child::after {
  content: '.'
}
#EditProjectView .list_view_inside_pop_ .commas li::after {
  content: ',';
  margin-right: 5px
}
#EditProjectView .list_view_inside_pop_ .apply_button {
  margin-top: 30px;
  width: 100%
}
#EditProjectView .list_view_inside_pop_ .apply_button a {
  width: 100%
}
#EditProjectView .list_view_inside_pop_ .form_text_ {
  padding-left: 0;
  margin-bottom: 10px
}
#EditProjectView .list_view_inside_pop_ .list .check_ {
  margin-left: 0;
  margin-bottom: 10px
}
#EditProjectView .invalid {
  background-color: rgba(241,88,88,.2)
}
body.dark-theme-on #EditProjectView .list_view_inside_pop_ .commas li {
  color: #fff
}
body.dark-theme-on #EditProjectView .permissions_check .project_permissions {
  color: #fff;
  border-bottom-color: #fff
}
body.dark-theme-on #EditProjectView .pop_settings .content {
  background-color: #2a313b
}
body.dark-theme-on #EditProjectView .pop_settings .content .close {
  color: #fff
}
body.dark-theme-on #EditProjectView .permissions_check .checkbox_styled label {
  color: #fff
}
#EditTaskView.loading_view_ .list_view_footer_ .table_,
#EditTaskView.loading_view_ .list_view_header_ .due_date {
  visibility: hidden
}
.editTaskOpen.taskDetailOpen #EditTaskView {
  z-index: 1103!important
}
#EditTaskView .table_.two-cols {
  margin-bottom: 20px
}
#EditTaskView .table_.two-cols .cell_ {
  width: 50%
}
#EditTaskView .table_.two-cols .cell_:first-child {
  padding-right: 10px
}
#EditTaskView .table_.two-cols .cell_:last-child {
  padding-left: 10px
}
#EditTaskView .table_.two-cols .cell_ .check_.toggle {
  margin-top: 40px
}
#EditTaskView .hide_billable {
  display: none
}
#EditTaskView.is_billable .hide_billable {
  display: inline-block
}
#EditTaskView .invalid {
  background-color: rgba(241,88,88,.2)
}
#EditTaskView .delete_table {
  margin-bottom: 0
}
#EditTaskView .hide_billable .separator_.arrow_active_::before {
  margin-left: 70px
}
#generalSearch {
  width: 400px;
  height: 40px;
  top: 50%;
  right: 0;
  margin-top: -21px;
  position: absolute;
  z-index: 1;
  display: none;
  text-align: center
}
#generalSearch.open {
  display: block
}
#generalSearch .box {
  width: 100%;
  height: auto;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid var(--APP-shadow-border);
  overflow: hidden;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
#generalSearch.has_results .box {
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
#generalSearch .query {
  width: 100%;
  height: 40px;
  overflow: hidden;
  position: relative
}
#generalSearch .query .ico {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: 11px;
  left: 20px;
  pointer-events: none;
  z-index: 1;
  font-size: 18px;
  color: var(--FORMS-value-placeholder)
}
#generalSearch .query .input {
  width: 100%;
  height: 40px;
  background-color: #fff;
  padding: 0 170px 0 45px;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  z-index: 0;
  color: var(--FORMS-value);
  border: 0 none!important
}
#generalSearch .query .input::-webkit-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
#generalSearch .query .input::-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
#generalSearch .query .input:-ms-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
#generalSearch .query .input:-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
#generalSearch.loading .query::before {
  vertical-align: middle;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e0e5ea;
  border-left: 2px solid #f54337;
  box-sizing: border-box;
  -webkit-animation: spin .5s infinite ease-in-out;
  animation: spin .5s infinite ease-in-out;
  content: '';
  top: 50%;
  right: 140px;
  position: absolute;
  margin-top: -10px;
  z-index: 10;
  background-color: #fff
}
#generalSearch .query .check_ {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 10;
  margin-top: -8px;
  margin-bottom: 0;
  width: auto
}
#generalSearch .query .check_ label {
  font-size: 12px;
  padding-left: 0;
  padding-right: 30px;
  font-weight: 600
}
#generalSearch .query .check_ label:before {
  left: auto;
  right: 0
}
#generalSearch .result {
  width: 100%;
  height: auto;
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  display: none
}
#generalSearch.open-animate .result {
  display: inline-block
}
#generalSearch.has_results .result {
  border-top: 1px solid #f5f4f4
}
#generalSearch .result .separator {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  padding: 5px 20px 5px 20px;
  margin: 0 auto;
  position: relative
}
#generalSearch .result .separator h2 {
  font-size: 10px;
  line-height: 16px;
  min-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--FORMS-value-placeholder)
}
#generalSearch.emptyResults .result .separator {
  display: none
}
#generalSearch .result .list {
  width: 100%;
  box-sizing: border-box
}
#generalSearch .result .list .entry {
  width: 100%;
  padding: 10px 0;
  position: relative
}
#generalSearch .result .list .entry:hover {
  background-color: var(--APP-item-list-hover)
}
#generalSearch .result .list .entry.show_more_ {
  background: 0 0!important
}
#generalSearch .result .list .entry.hidden {
  display: none
}
#generalSearch .result .list .name {
  width: 100%;
  box-sizing: border-box;
  padding-right: 100px;
  padding-left: 20px;
  text-align: left
}
#generalSearch .result .list .name a {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
  color: #282828;
  font-weight: 400;
  position: relative;
  box-sizing: border-box
}
#generalSearch .result .list .name .project_space_ {
  padding-left: 25px
}
#generalSearch .result .list .name .project_space_ + .task_space_ {
  padding-left: 25px
}
#generalSearch .result .list .name .pill_ {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #cfdae0;
  color: #fff!important;
  position: absolute;
  top: 2px;
  left: 0
}
#generalSearch .result .list .name a strong {
  font-weight: 700
}
#generalSearch .result .list .name a:hover {
  text-decoration: underline
}
#generalSearch .result .list .entry[data-archive=true] .name a {
  opacity: .5
}
#generalSearch .result .list .entry[data-archive=true] .name a span,
#generalSearch .result .list .entry[data-archive=true] .name a strong {
  color: #000
}
#generalSearch .result .list .track + .users {
  right: 55px
}
#generalSearch .result .list .users {
  width: 36px;
  height: 15px;
  border-radius: 15px;
  position: absolute;
  top: 50%;
  overflow: hidden;
  right: 19px;
  margin-top: -8px;
  white-space: nowrap
}
#generalSearch .result .list .users ul {
  font-size: 0;
  text-align: right
}
#generalSearch .result .list .users li {
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-left: -8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  white-space: normal;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  background-color: #f9f9f9
}
#generalSearch .result .list .track {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px
}
#generalSearch .result .list .message {
  width: 100%;
  text-align: center;
  padding: 20px 0 20px 0
}
#generalSearch .result .list .message p {
  font-size: 18px;
  color: #2c3135;
  font-weight: 700
}
#generalSearch .result .list .message p u {
  color: #000
}
body.dark-theme-on #generalSearch .box {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on #generalSearch .query .ico {
  color: var(--DARK-FORMS-value-placeholder)
}
body.dark-theme-on #generalSearch .query .input {
  background-color: #2a313c;
  color: var(--DARK-FORMS-value)
}
body.dark-theme-on #generalSearch .query .input::-webkit-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
body.dark-theme-on #generalSearch .query .input::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
body.dark-theme-on #generalSearch .query .input:-ms-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
body.dark-theme-on #generalSearch .query .input:-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
body.dark-theme-on #generalSearch.loading .query::before {
  border-color: #2a313c;
  border-left-color: #f54337;
  background-color: #2a313c
}
body.dark-theme-on #generalSearch.has_results .result {
  border-top-color: #1f232b
}
body.dark-theme-on #generalSearch .result .separator h2 {
  color: var(--DARK-FORMS-value-placeholder)
}
body.dark-theme-on #generalSearch .result .list .entry:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on #generalSearch .result .list .name a {
  color: var(--DARK-FORMS-value)
}
body.dark-theme-on #generalSearch .result .list .entry[data-archive=true] .name a {
  color: #fff
}
body.dark-theme-on #generalSearch .result .list .entry[data-archive=true] .name a span,
body.dark-theme-on #generalSearch .result .list .entry[data-archive=true] .name a strong {
  color: #fff
}
body.dark-theme-on #generalSearch .result .list .message p {
  color: #adaeaf
}
body.dark-theme-on #generalSearch .result .list .message p u {
  color: #fff
}
.MSTEAMS.dark_mode_ #generalSearch .box {
  background-color: #191717;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ #generalSearch .query .ico {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #generalSearch .query .input {
  background-color: #191717;
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ #generalSearch .query .input::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #generalSearch .query .input::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #generalSearch .query .input:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #generalSearch .query .input:-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #generalSearch.loading .query::before {
  border-color: #191717;
  border-left-color: #f54337;
  background-color: #191717
}
.MSTEAMS.dark_mode_ #generalSearch.has_results .result {
  border-top-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #generalSearch .result .separator h2 {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ #generalSearch .result .list .entry:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ #generalSearch .result .list .name a {
  color: var(--MS-DARK-FORMS-value)
}
.MSTEAMS.dark_mode_ #generalSearch .result .list .entry[data-archive=true] .name a {
  color: #fff
}
.MSTEAMS.dark_mode_ #generalSearch .result .list .entry[data-archive=true] .name a span,
.MSTEAMS.dark_mode_ #generalSearch .result .list .entry[data-archive=true] .name a strong {
  color: #fff
}
.MSTEAMS.dark_mode_ #generalSearch .result .list .message p {
  color: #adaeaf
}
.MSTEAMS.dark_mode_ #generalSearch .result .list .message p u {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #generalSearch .box {
  background-color: #000;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ #generalSearch .query .ico {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #generalSearch .query .input {
  background-color: #000;
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ #generalSearch .query .input::-webkit-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #generalSearch .query .input::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #generalSearch .query .input:-ms-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #generalSearch .query .input:-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #generalSearch.loading .query::before {
  border-color: #000;
  border-left-color: #f54337;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #generalSearch.has_results .result {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ #generalSearch .result .separator h2 {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ #generalSearch .result .list .entry:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ #generalSearch .result .list .name a {
  color: var(--MS-DEEP-DARK-FORMS-value)
}
.MSTEAMS.deep_dark_mode_ #generalSearch .result .list .entry[data-archive=true] .name a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #generalSearch .result .list .entry[data-archive=true] .name a span,
.MSTEAMS.deep_dark_mode_ #generalSearch .result .list .entry[data-archive=true] .name a strong {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #generalSearch .result .list .message p {
  color: #adaeaf
}
.MSTEAMS.deep_dark_mode_ #generalSearch .result .list .message p u {
  color: #fff
}
#TimeCards {
  z-index: 42!important
}
#TimeCards .timecard_content {
  width: 100%;
  min-width: 920px;
  padding-right: 20px
}
#TimeCards .view_actions_ .table_ {
  table-layout: fixed
}
#TimeCards .view_actions_ .cell_.left {
  width: auto
}
#TimeCards .view_actions_ .cell_.right {
  width: 130px
}
#TimeCards .list_view_header_ {
  border: 0 none!important
}
#TimeCards .list_view_table_ .head_ {
  position: sticky;
  top: 0;
  z-index: 1
}
#TimeCards .sides_controller_ {
  margin-left: 10px
}
#TimeCards .list_view_contextual_ {
  bottom: 76px;
  z-index: 1
}
#TimeCards .list_view_footer_ {
  z-index: 2
}
#TimeCards .today_button {
  margin-left: 10px
}
#TimeCards .user_combo {
  margin-left: 10px
}
#TimeCards.proBannerOn .list_view_footer_,
#TimeCards.proBannerOn .list_view_sticky_,
#TimeCards.proBannerOn .list_view_table_ {
  display: none!important
}
#TimeCards.loading_view_ .list_view_footer_ * {
  opacity: 0
}
#TimeCards .list_view_table_ .body_ {
  padding-top: 0
}
#TimeCards .list_view_table_ .col_check {
  width: 45px;
  padding: 0 10px
}
#TimeCards .list_view_table_ .col_date {
  width: 80px;
  padding-left: 0
}
#TimeCards .list_view_table_ .col_entries {
  width: auto
}
#TimeCards .list_view_table_ .col_off {
  width: 90px
}
#TimeCards .list_view_table_ .col_extra {
  width: 90px
}
#TimeCards .list_view_table_ .col_break {
  width: 90px
}
#TimeCards .list_view_table_ .col_regular {
  width: 110px
}
#TimeCards .list_view_table_ .col_updated {
  width: 190px
}
#TimeCards .list_view_table_ .col_approve {
  width: 130px
}
#TimeCards .list_view_table_ .table_row_ {
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff!important
}
#TimeCards .list_view_table_ .table_row_:not(.selected).submitted {
  background-color: rgba(73,199,181,.1)!important
}
#TimeCards .list_view_table_ .table_row_:not(.selected).submitted .user_.small .name,
#TimeCards .list_view_table_ .table_row_:not(.selected).submitted .value_col_,
#TimeCards .list_view_table_ .table_row_:not(.selected).submitted .value_col_ input {
  color: var(--FORMS-checkbox-mark-as-done)
}
#TimeCards .list_view_table_ .table_row_.submitted .approve .button_.approveButton,
#TimeCards .list_view_table_ .table_row_.submitted .approve .button_.submitButton {
  color: #fff;
  background-color: var(--FORMS-checkbox-mark-as-done)!important
}
#TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ .entry_ {
  background-color: var(--FORMS-checkbox-mark-as-done)
}
#TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ .delete_entry:not(:hover) {
  color: #fff
}
#TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ select {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png)
}
#TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ input {
  border-color: #36a595
}
#TimeCards .list_view_table_ .table_row_:not(.selected).submitted .button_.add_timecard:hover {
  color: #fff;
  background-color: var(--FORMS-checkbox-mark-as-done)!important
}
#TimeCards .list_view_table_ .table_row_.selected {
  background-color: var(--APP-focus-selected-color)!important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
#TimeCards .list_view_table_ .table_row_.selected .user_.small .name,
#TimeCards .list_view_table_ .table_row_.selected .value_col_,
#TimeCards .list_view_table_ .table_row_.selected .value_col_ input {
  color: var(--APP-focus-color)
}
#TimeCards .list_view_table_ .table_row_.selected .approve .button_.approveButton,
#TimeCards .list_view_table_ .table_row_.selected .approve .button_.submitButton {
  color: #fff;
  background-color: var(--APP-focus-color)
}
#TimeCards .list_view_table_ .table_row_.selected .shifts_ .entry_ {
  background-color: var(--APP-focus-color)
}
#TimeCards .list_view_table_ .table_row_.selected .shifts_ .delete_entry:not(:hover) {
  color: #fff
}
#TimeCards .list_view_table_ .table_row_.selected .shifts_ select {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png)
}
#TimeCards .list_view_table_ .table_row_.selected .shifts_ input {
  border-color: #255b94
}
#TimeCards .list_view_table_ .table_row_.selected .button_.add_timecard:hover {
  color: #fff;
  background-color: var(--APP-focus-color)!important
}
#TimeCards .list_view_table_ .table_row_:not(.submitted):not(.selected).is_workable_false {
  background-color: #f9f9f9!important
}
#TimeCards .list_view_table_ .table_row_.is_workable_false .check_ label {
  opacity: 1
}
#TimeCards .list_view_table_ .table_row_.is_workable_false .check_ input:not(:checked) + label:not(:hover)::before {
  border-color: #cacaca
}
#TimeCards .list_view_table_ .table_row_.is_future_day .approve,
#TimeCards .list_view_table_ .table_row_.is_future_day .value_col_.date,
#TimeCards .list_view_table_ .table_row_.is_workable_false .approve {
  opacity: .5
}
#TimeCards .list_view_table_ .table_row_.is_future_day.edited .approve,
#TimeCards .list_view_table_ .table_row_.is_workable_false.submitted .approve,
#TimeCards .list_view_table_ .table_row_.not_submitted.edited .approve {
  opacity: 1
}
#TimeCards .list_view_table_ .table_row_ .cancelButton,
#TimeCards .list_view_table_ .table_row_ .submitButton,
#TimeCards .list_view_table_ .table_row_.submitted .approveButton {
  display: none
}
#TimeCards .list_view_table_ .table_row_ .approveButton,
#TimeCards .list_view_table_ .table_row_.submitted .submitButton {
  display: inline-block
}
#TimeCards .list_view_table_ .table_row_.edited .cancelButton {
  display: inline-block
}
#TimeCards .list_view_table_ .separator_row_ {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0 0 -1px 0;
  padding: 16px 0 16px 10px;
  top: 30px;
  background-color: #fff
}
#TimeCards .list_view_table_ .separator_row_ h2 {
  color: #282828;
  font-weight: 900;
  text-transform: capitalize
}
#TimeCards .list_view_table_ .separator_row_ .week {
  margin-right: 10px
}
#TimeCards .list_view_table_ .separator_row_ .day {
  text-transform: uppercase
}
#TimeCards .list_view_table_ .add_timecard {
  text-align: center;
  margin-top: 10px;
  opacity: 0
}
#TimeCards .list_view_table_ .table_row_:hover .add_timecard {
  opacity: 1
}
#TimeCards .list_view_table_ .approve {
  padding-top: 10px;
  width: 100%
}
#TimeCards .list_view_table_ .approve .button_ {
  width: 100%;
  margin-left: 0;
  margin-right: 0
}
#TimeCards .list_view_table_ .approve .button_.cancelButton {
  margin-top: 10px
}
#TimeCards .list_view_table_ .approve .button_.cancelButton:not(:hover) {
  text-decoration: underline;
  background-color: transparent;
  color: #000
}
#TimeCards .list_view_table_ .viewDay {
  opacity: 0;
  color: #282828;
  font-weight: 900;
  margin-top: 5px;
  font-size: 10px
}
#TimeCards .list_view_table_ .viewDay:hover {
  text-decoration: underline
}
#TimeCards .list_view_table_ .table_row_:hover .viewDay {
  opacity: 1
}
#TimeCards .list_view_table_ .body_ .check_ {
  margin-top: 26px!important
}
#TimeCards .list_view_table_ .value_col_.date {
  margin-top: 12px
}
#TimeCards .list_view_table_ .value_col_.date h3 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 900
}
#TimeCards .list_view_table_ .value_col_.date h4 {
  font-size: 12px;
  color: #7f8488;
  font-weight: 700
}
#TimeCards .list_view_table_ .value_col_.time {
  margin-top: 14px
}
#TimeCards .list_view_table_ .value_col_.time input {
  font-weight: 900
}
#TimeCards .list_view_table_ .user_ {
  margin-top: 14px
}
#TimeCards .shifts_ {
  width: 100%
}
#TimeCards .shifts_:empty + .add_timecard {
  margin-top: 14px
}
#TimeCards .shifts_ .entry_ {
  width: auto!important;
  margin-top: 3px;
  table-layout: fixed;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  box-sizing: border-box;
  padding: 8px
}
#TimeCards .shifts_ .entry_:first-child {
  margin-top: 0
}
#TimeCards .shifts_ .entry_ .cell_ {
  padding: 0;
  padding-left: 8px;
  box-sizing: border-box;
  position: relative
}
#TimeCards .shifts_ .entry_ .cell_:first-child {
  padding-left: 0
}
#TimeCards .shifts_ .entry_ .pos_1 {
  width: 110px
}
#TimeCards .shifts_ .entry_ .pos_2 {
  width: 110px
}
#TimeCards .shifts_ .entry_ .pos_3 {
  width: auto;
  padding-left: 20px;
  padding-right: 10px
}
#TimeCards .shifts_ input {
  border: 0;
  padding: 0 15px 0 10px;
  height: 30px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #c9ccce;
  color: #282828;
  font-weight: 600;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: border-color .2s,color .2s,-webkit-box-shadow .2s;
  -moz-transition: border-color .2s,color .2s,-moz-box-shadow .2s;
  -ms-transition: border-color .2s,color .2s,-ms-box-shadow .2s;
  transition: border-color .2s,color .2s,box-shadow .2s
}
#TimeCards .shifts_ input:focus {
  border-color: var(--FORMS-focus)!important;
  -webkit-box-shadow: var(--FORMS-shadow);
  -moz-box-shadow: var(--FORMS-shadow);
  box-shadow: var(--FORMS-shadow)
}
#TimeCards .shifts_ .timeSourceContainer {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 8px
}
#TimeCards .shifts_ select {
  width: 90px;
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  height: 30px;
  padding: 0;
  text-align: left;
  font-weight: 600;
  color: #7f8488;
  font-size: 12px;
  background-image: url(../../img/arrow_bottom_black.png);
  background-position: right 0 top 10px;
  background-color: transparent;
  background-size: 12px;
  background-repeat: no-repeat;
  cursor: pointer
}
#TimeCards .shifts_ .delete_entry {
  color: #abafb1;
  font-size: 14px;
  width: 18px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
  text-align: center
}
#TimeCards .shifts_ .delete_entry:hover {
  color: var(--APP-error-color)
}
@media only screen and (min-width :1280px) and (max-width :1700px) {
  .insights_open #TimeCards .list_view_table_ .user_,
  .user_day_open_ #TimeCards .list_view_table_ .user_ {
    width: 20px;
    padding: 0
  }
  .insights_open #TimeCards .list_view_table_ .user_ .email,
  .user_day_open_ #TimeCards .list_view_table_ .user_ .name {
    display: none
  }
  .insights_open #TimeCards .list_view_table_ .col_updated,
  .user_day_open_ #TimeCards .list_view_table_ .col_updated {
    width: 40px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
  }
  .insights_open #TimeCards .list_view_table_ .head_ .col_updated .title_col_,
  .user_day_open_ #TimeCards .list_view_table_ .head_ .col_updated .title_col_ {
    display: none
  }
  .insights_open #TimeCards .list_view_table_ .col_off,
  .user_day_open_ #TimeCards .list_view_table_ .col_off {
    width: 90px
  }
  .insights_open #TimeCards .list_view_table_ .col_date,
  .user_day_open_ #TimeCards .list_view_table_ .col_date {
    width: 70px;
    padding-left: 0
  }
  .insights_open #TimeCards .list_view_table_ .col_approve,
  .user_day_open_ #TimeCards .list_view_table_ .col_approve {
    width: 110px
  }
  .insights_open #TimeCards .shifts_ input,
  .user_day_open_ #TimeCards .shifts_ input {
    font-size: 10px
  }
}
@media only screen and (min-width :1280px) and (max-width :1439px) {
  .insights_open #TimeCards .shifts_ .entry_,
  .user_day_open_ #TimeCards .shifts_ .entry_ {
    width: 100%!important;
    display: inline-block;
    vertical-align: top;
    height: auto;
    padding-left: 40px;
    box-sizing: border-box;
    position: relative
  }
  .insights_open #TimeCards .shifts_ .entry_:first-child,
  .user_day_open_ #TimeCards .shifts_ .entry_:first-child {
    margin-top: 0
  }
  .insights_open #TimeCards .shifts_ .entry_ .cell_,
  .user_day_open_ #TimeCards .shifts_ .entry_ .cell_ {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px
  }
  .insights_open #TimeCards .shifts_ .entry_ .cell_:last-child,
  .user_day_open_ #TimeCards .shifts_ .entry_ .cell_:last-child {
    margin-bottom: 0
  }
  .insights_open #TimeCards .shifts_ .entry_ .pos_0,
  .user_day_open_ #TimeCards .shifts_ .entry_ .pos_0 {
    position: absolute;
    top: 8px;
    left: 8px
  }
  .insights_open #TimeCards .shifts_ .entry_ .pos_1,
  .user_day_open_ #TimeCards .shifts_ .entry_ .pos_1 {
    width: 100%
  }
  .insights_open #TimeCards .shifts_ .entry_ .pos_2,
  .user_day_open_ #TimeCards .shifts_ .entry_ .pos_2 {
    width: 100%
  }
  .insights_open #TimeCards .shifts_ .entry_ .pos_3,
  .user_day_open_ #TimeCards .shifts_ .entry_ .pos_3 {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .insights_open #TimeCards .shifts_ select,
  .user_day_open_ #TimeCards .shifts_ select {
    width: 100%;
    background-position: right 8px top 10px;
    padding-left: 10px
  }
}
@media only screen and (min-width :0) and (max-width :1279px) {
  #TimeCards .list_view_table_ .user_ {
    width: 20px;
    padding: 0
  }
  #TimeCards .list_view_table_ .user_ .email,
  #TimeCards .list_view_table_ .user_ .name {
    display: none
  }
  #TimeCards .list_view_table_ .col_updated {
    width: 40px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
  }
  #TimeCards .list_view_table_ .head_ .col_updated .title_col_ {
    display: none
  }
  #TimeCards .list_view_table_ .col_off {
    width: 90px
  }
  #TimeCards .list_view_table_ .col_date {
    width: 70px;
    padding-left: 0
  }
  #TimeCards .list_view_table_ .col_approve {
    width: 110px
  }
}
@media only screen and (min-width :0px) and (max-width :1069px) {
  #TimeCards .shifts_ .entry_ {
    width: 100%!important;
    display: inline-block;
    vertical-align: top;
    height: auto;
    padding-left: 40px;
    box-sizing: border-box;
    position: relative
  }
  #TimeCards .shifts_ .entry_:first-child {
    margin-top: 0
  }
  #TimeCards .shifts_ .entry_ .cell_ {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px
  }
  #TimeCards .shifts_ .entry_ .cell_:last-child {
    margin-bottom: 0
  }
  #TimeCards .shifts_ .entry_ .pos_0 {
    position: absolute;
    top: 8px;
    left: 8px
  }
  #TimeCards .shifts_ .entry_ .pos_1 {
    width: 100%
  }
  #TimeCards .shifts_ .entry_ .pos_2 {
    width: 100%
  }
  #TimeCards .shifts_ .entry_ .pos_3 {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  #TimeCards .shifts_ select {
    width: 100%;
    background-position: right 8px top 10px;
    padding-left: 10px
  }
}
body.dark-theme-on #TimeCards .list_view_table_ .separator_row_ {
  background-color: #2a313c
}
body.dark-theme-on #TimeCards .list_view_table_ .separator_row_ h2 {
  color: #fff
}
body.dark-theme-on #TimeCards .list_view_table_ .table_row_ {
  border-bottom-color: #20262f;
  background-color: #2a313c!important
}
body.dark-theme-on #TimeCards .list_view_table_ .table_row_:not(.selected).submitted {
  background-color: rgba(73,199,181,.1)!important
}
body.dark-theme-on #TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ select {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png)
}
body.dark-theme-on #TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ input {
  border-color: #36a595
}
body.dark-theme-on #TimeCards .list_view_table_ .table_row_.selected {
  background-color: var(--DARK-APP-focus-selected-color)!important
}
body.dark-theme-on #TimeCards .list_view_table_ .table_row_:not(.submitted):not(.selected).is_workable_false {
  background-color: #222831!important
}
body.dark-theme-on #TimeCards .list_view_table_ .viewDay {
  color: #fff
}
body.dark-theme-on #TimeCards .shifts_ .entry_ {
  background-color: #20262f
}
body.dark-theme-on #TimeCards .shifts_ select {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png)
}
body.dark-theme-on #TimeCards .shifts_ .delete_entry:not(:hover) {
  color: #828282
}
body.dark-theme-on #TimeCards .shifts_ input {
  background-color: #2a313c;
  border-color: #191d23;
  color: #fff
}
body.dark-theme-on #TimeCards .shifts_ input:focus {
  border-color: var(--DARK-FORMS-focus)!important
}
body.dark-theme-on #TimeCards .list_view_table_ .approve .button_.cancelButton:not(:hover) {
  color: #fff
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .separator_row_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .separator_row_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .table_row_ {
  border-bottom-color: #2d2c2c;
  background-color: #201e1e!important
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .table_row_:not(.selected).submitted {
  background-color: rgba(73,199,181,.1)!important
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ select {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ input {
  border-color: #36a595
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .table_row_.selected {
  background-color: var(--MS-DARK-APP-focus-selected-color)!important
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .table_row_:not(.submitted):not(.selected).is_workable_false {
  background-color: #232222!important
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .viewDay {
  color: #fff
}
.MSTEAMS.dark_mode_ #TimeCards .shifts_ .entry_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #TimeCards .shifts_ select {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.dark_mode_ #TimeCards .shifts_ .delete_entry:not(:hover) {
  color: #828282
}
.MSTEAMS.dark_mode_ #TimeCards .shifts_ input {
  background-color: #2d2c2c;
  border-color: #201e1e;
  color: #fff
}
.MSTEAMS.dark_mode_ #TimeCards .shifts_ input:focus {
  border-color: var(--DARK-FORMS-focus)!important
}
.MSTEAMS.dark_mode_ #TimeCards .list_view_table_ .approve .button_.cancelButton:not(:hover) {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .separator_row_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .separator_row_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .table_row_ {
  border-bottom-color: #fff;
  background-color: #000!important
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .table_row_:not(.selected).submitted {
  background-color: rgba(73,199,181,.1)!important
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ select {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .table_row_:not(.selected).submitted .shifts_ input {
  border-color: #36a595
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .table_row_.selected {
  background-color: var(--MS-DEEP-DARK-APP-focus-selected-color)!important
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .table_row_:not(.submitted):not(.selected).is_workable_false {
  background-color: #232222!important
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .viewDay {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TimeCards .shifts_ .entry_ {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #TimeCards .shifts_ select {
  color: #fff;
  background-image: url(../../img/arrow_bottom_white.png)
}
.MSTEAMS.deep_dark_mode_ #TimeCards .shifts_ .delete_entry:not(:hover) {
  color: #828282
}
.MSTEAMS.deep_dark_mode_ #TimeCards .shifts_ input {
  background-color: #2d2c2c;
  border-color: #201e1e;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #TimeCards .shifts_ input:focus {
  border-color: var(--DARK-FORMS-focus)!important
}
.MSTEAMS.deep_dark_mode_ #TimeCards .list_view_table_ .approve .button_.cancelButton:not(:hover) {
  color: #fff
}
.ilustrated_empty_message {
  width: 100%;
  height: 100%;
  display: inline-block
}
.ilustrated_empty_message .message_centered {
  width: 100%;
  padding: 50px;
  box-sizing: border-box;
  display: inline-block
}
.ilustrated_empty_message .message_centered .image {
  width: 100%;
  height: 160px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain
}
.ilustrated_empty_message .message_centered .image + .text,
.ilustrated_empty_message .message_centered .video + .text {
  margin-top: 30px
}
.ilustrated_empty_message .message_centered .text {
  width: 100%;
  max-width: 450px;
  margin: 0 auto 0 auto;
  text-align: center
}
.ilustrated_empty_message .message_centered .text h2 {
  color: #282828;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px
}
.ilustrated_empty_message .message_centered .text h2 + p {
  margin-top: 10px
}
.ilustrated_empty_message .message_centered .text p {
  color: #282828;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px
}
.ilustrated_empty_message .message_centered .text p::first-letter {
  text-transform: uppercase
}
.ilustrated_empty_message .message_centered .text p a {
  margin: 0;
  font-weight: 700;
  display: inline;
  margin-left: 0;
  font-size: 16px;
  line-height: 22px
}
.ilustrated_empty_message .message_centered .text a {
  color: #282828;
  font-size: 14px;
  line-height: 22px;
  text-decoration: underline;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
  font-weight: 600
}
.ilustrated_empty_message .message_centered .text a:hover {
  color: #000
}
.ilustrated_empty_message .video {
  width: 560px;
  height: 274px;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid #eaeaea;
  margin: 0 auto;
  overflow: hidden
}
.ilustrated_empty_message .video iframe {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: relative;
  left: -1px;
  top: -1px
}
@media only screen and (min-width :0px) and (max-width :900px) {
  .ilustrated_empty_message .video {
    width: 400px;
    height: 193px
  }
}
body.dark-theme-on .ilustrated_empty_message .message_centered .text h2 {
  color: #fff
}
body.dark-theme-on .ilustrated_empty_message .message_centered .text p {
  color: #fff
}
body.dark-theme-on .ilustrated_empty_message .message_centered .text a {
  color: #fff
}
body.dark-theme-on .ilustrated_empty_message .message_centered .text a:hover {
  color: #fff
}
body.dark-theme-on .ilustrated_empty_message .video {
  background-color: #29313c;
  border-color: #21272f
}
.MSTEAMS.dark_mode_ .ilustrated_empty_message .video {
  background-color: #201e1e;
  border-color: #1b1a19
}
.MSTEAMS.dark_mode_ .ilustrated_empty_message .message_centered .text h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .ilustrated_empty_message .message_centered .text p {
  color: #fff
}
.MSTEAMS.dark_mode_ .ilustrated_empty_message .message_centered .text a {
  color: #fff
}
.MSTEAMS.dark_mode_ .ilustrated_empty_message .message_centered .text a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .ilustrated_empty_message .message_centered .text h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .ilustrated_empty_message .message_centered .text p {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .ilustrated_empty_message .message_centered .text a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .ilustrated_empty_message .message_centered .text a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .ilustrated_empty_message .video {
  background-color: #000;
  border-color: #fff
}
.filter_control_ {
  width: 100%;
  margin-bottom: -5px;
  margin-right: 15px
}
.filter_control_ .choose {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 5px;
  margin-right: 5px;
  height: 30px
}
.filter_control_.node_active .choose {
  display: none
}
.filter_control_ .node:not(:empty) + .choose {
  margin-left: 5px
}
.filter_control_ .choose .choose_button_ {
  display: inline-block;
  vertical-align: top;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  font-weight: 700;
  color: var(--APP-focus-color);
  height: 20px;
  border-bottom: 1px solid var(--APP-focus-color);
  margin-top: 5px
}
.filter_control_ .choose .choose_button_ i {
  margin-right: 3px
}
.filter_control_ .choose .choose_button_:hover {
  color: #4278b3;
  border-color: #4278b3
}
.filter_control_ .choose .drop_pop_ {
  width: 250px;
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 1;
  display: none
}
.filter_control_ .choose .drop_pop_ .pro_message {
  display: none;
  width: 100%;
  text-align: left;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  vertical-align: top;
  box-sizing: border-box
}
.filter_control_ .choose.active .drop_pop_ {
  display: block
}
.filter_control_ .node {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  margin-bottom: 5px;
  position: relative
}
.filter_control_ .node .tag {
  display: inline-block;
  vertical-align: top;
  background-color: var(--APP-focus-color);
  color: #fff;
  font-size: 12px;
  padding: 7px 10px 7px 8px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  font-weight: 400;
  cursor: pointer;
  position: relative
}
.filter_control_ .node .tag span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  line-height: 16px
}
.filter_control_ .node .tag .ico {
  position: relative;
  top: 2px;
  margin-right: 2px
}
.filter_control_ .node .tag .val {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.filter_control_ .node .tag .type {
  font-weight: 700
}
.filter_control_ .node .tag .operator {
  opacity: .6
}
.filter_control_ .node .tag .remove {
  position: absolute;
  top: 50%;
  right: 3px;
  width: 20px;
  height: 20px;
  line-height: 23px;
  text-align: center;
  margin-top: -11px;
  background-color: var(--APP-focus-color);
  -webkit-box-shadow: -10px 0 3px -2px var(--APP-focus-color);
  -moz-box-shadow: -10px 0 3px -2px var(--APP-focus-color);
  box-shadow: -10px 0 3px -2px var(--APP-focus-color);
  display: none
}
.filter_control_ .node .tag:hover .remove {
  display: block
}
.filter_control_ .node.error .tag {
  background-color: var(--APP-error-color);
  color: #fff
}
.filter_control_ .node.error .tag .remove {
  background-color: var(--APP-error-color);
  -webkit-box-shadow: -10px 0 3px -2px var(--APP-error-color);
  -moz-box-shadow: -10px 0 3px -2px var(--APP-error-color);
  box-shadow: -10px 0 3px -2px var(--APP-error-color)
}
.filter_control_ .node .operators_cont {
  width: 100%;
  padding-top: 15px
}
.filter_control_ .node .operators_cont .operator {
  width: 100%;
  box-sizing: border-box
}
.filter_control_ .node .operators_cont .show {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #282828;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 10px 15px 10px 40px;
  text-transform: capitalize
}
.filter_control_ .node .operators_cont .show:hover {
  background-color: var(--APP-item-list-hover)
}
.filter_control_ .node .operators_cont .show .drop_ {
  width: 14px;
  height: 14px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  font-size: 12px;
  top: 50%;
  left: 15px;
  margin-top: -7px;
  border: 1px solid var(--FORMS-checkbox-inactive)
}
.filter_control_ .node .operators_cont .show .drop_ i {
  display: none
}
.filter_control_ .node .operators_cont .val {
  display: none;
  width: 100%;
  position: relative;
  padding: 0 15px 10px 15px;
  box-sizing: border-box
}
.filter_control_ .node .operators_cont .val:empty {
  display: none
}
.filter_control_ .node .operators_cont .val input {
  width: 100%;
  height: 30px;
  font-size: 12px;
  color: var(--FORMS-value);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--FORMS-border);
  padding: 0 10px;
  box-sizing: border-box;
  background-color: transparent
}
.filter_control_ .node .operators_cont .val input:focus {
  border-color: var(--APP-focus-color)!important
}
.filter_control_ .node .operators_cont .val input::-webkit-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.filter_control_ .node .operators_cont .val input::-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.filter_control_ .node .operators_cont .val input:-ms-input-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.filter_control_ .node .operators_cont .val input:-moz-placeholder {
  color: var(--FORMS-value-placeholder);
  opacity: 1
}
.filter_control_ .node .operators_cont .val.loading::before {
  vertical-align: middle;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e0e5ea;
  border-left: 2px solid #f54337;
  box-sizing: border-box;
  -webkit-animation: spin .5s infinite ease-in-out;
  animation: spin .5s infinite ease-in-out;
  content: '';
  top: 15px;
  right: 15px;
  position: absolute;
  margin-top: -10px;
  z-index: 10
}
.filter_control_ .node .operators_cont .val.loading input {
  padding-right: 33px
}
.filter_control_ .node .operators_cont .tags {
  width: 100%;
  margin-top: 10px;
  margin-bottom: -5px
}
.filter_control_ .node .operators_cont .tags:empty {
  display: none
}
.filter_control_ .node .operators_cont .tags .item {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
  background-color: var(--APP-focus-color);
  color: #fff;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative
}
.filter_control_ .node .operators_cont .tags .item .remove {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  margin-top: -5px;
  background-color: var(--APP-focus-color);
  display: inline-block;
  vertical-align: top;
  -webkit-box-shadow: 0 0 10px 10px var(--APP-focus-color);
  -moz-box-shadow: 0 0 10px 10px var(--APP-focus-color);
  box-shadow: 0 0 10px 10px var(--APP-focus-color);
  display: none
}
.filter_control_ .node .operators_cont .tags .item:hover .remove {
  display: inline-block
}
.filter_control_ .node .operators_cont .operator.active .show {
  pointer-events: none
}
.filter_control_ .node .operators_cont .operator.active .show .drop_ {
  background-color: var(--FORMS-checkbox-active);
  border-color: var(--FORMS-checkbox-active)
}
.filter_control_ .node .operators_cont .operator.active .val {
  display: inline-block;
  vertical-align: top
}
.filter_control_ .node .drop_pop_ {
  width: 250px;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1;
  display: none
}
.filter_control_ .node .drop_pop_ .drop_actions_ {
  display: inline-block
}
.filter_control_ .node .single_floating_select_.drop_pop_ {
  top: 40px!important;
  position: absolute;
  left: 10px!important;
  width: calc(100% - 22px)!important;
  display: none!important
}
.filter_control_ .node .single_floating_select_.drop_pop_.active {
  display: inline-block!important
}
.filter_control_ .node.active .drop_pop_ {
  display: block
}
.filter_control_ .choose .drop_pop_.pro_blocked {
  height: auto;
  opacity: 1
}
.filter_control_ .choose .drop_pop_.pro_blocked ul {
  display: none
}
.filter_control_ .choose .drop_pop_.pro_blocked .pro_message {
  display: inline-block
}
.dark-theme-on .filter_control_ .node:not(.error) .tag {
  background-color: var(--DARK-APP-focus-selected-color);
  color: var(--APP-focus-color)
}
.dark-theme-on .filter_control_ .node:not(.error) .tag .remove {
  background-color: var(--DARK-APP-focus-selected-color);
  -webkit-box-shadow: -10px 0 3px -2px var(--DARK-APP-focus-selected-color);
  -moz-box-shadow: -10px 0 3px -2px var(--DARK-APP-focus-selected-color);
  box-shadow: -10px 0 3px -2px var(--DARK-APP-focus-selected-color)
}
.dark-theme-on .filter_control_ .node .operators_cont .show {
  color: #fff
}
.dark-theme-on .filter_control_ .node .operators_cont .operator.active .show {
  color: var(--DARK-FORMS-focus)
}
.dark-theme-on .filter_control_ .node .operators_cont .show .drop_ {
  border-color: var(--DARK-FORMS-checkbox-inactive)
}
.dark-theme-on .filter_control_ .node .operators_cont .operator.active .show .drop_ {
  background-color: var(--DARK-FORMS-checkbox-active);
  border-color: var(--DARK-FORMS-checkbox-active)
}
.dark-theme-on .filter_control_ .node .operators_cont .show:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark-theme-on .filter_control_ .node .operators_cont .val input {
  color: var(--DARK-FORMS-value);
  border-color: var(--DARK-FORMS-border)
}
.dark-theme-on .filter_control_ .node .operators_cont .val input:focus {
  border-color: var(--APP-focus-color)!important
}
.dark-theme-on .filter_control_ .node .operators_cont .val input::-webkit-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .filter_control_ .node .operators_cont .val input::-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .filter_control_ .node .operators_cont .val input:-ms-input-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .filter_control_ .node .operators_cont .val input:-moz-placeholder {
  color: var(--DARK-FORMS-value-placeholder)
}
.dark-theme-on .filter_control_ .choose .choose_button_ {
  color: var(--APP-focus-color);
  border-color: 1px solid var(--APP-focus-color)
}
.dark-theme-on .filter_control_ .choose .choose_button_:hover {
  color: #4278b3;
  border-color: #4278b3
}
.MSTEAMS.dark_mode_ .filter_control_ .node:not(.error) .tag {
  background-color: var(--MS-DARK-APP-focus-selected-color);
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .filter_control_ .node:not(.error) .tag .remove {
  background-color: var(--MS-DARK-APP-focus-selected-color);
  -webkit-box-shadow: -10px 0 3px -2px var(--MS-DARK-APP-focus-selected-color);
  -moz-box-shadow: -10px 0 3px -2px var(--MS-DARK-APP-focus-selected-color);
  box-shadow: -10px 0 3px -2px var(--MS-DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .show {
  color: #fff
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .operator.active .show {
  color: var(--MS-DARK-FORMS-focus)
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .show .drop_ {
  border-color: var(--MS-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .operator.active .show .drop_ {
  background-color: var(--MS-DARK-FORMS-checkbox-active);
  border-color: var(--MS-DARK-FORMS-checkbox-active)
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .show:hover {
  background-color: var(--MS-DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .val input {
  color: var(--MS-DARK-FORMS-value);
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .val input:focus {
  border-color: var(--APP-focus-color)!important
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .val input::-webkit-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .val input::-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .val input:-ms-input-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .filter_control_ .node .operators_cont .val input:-moz-placeholder {
  color: var(--MS-DARK-FORMS-value-placeholder)
}
.MSTEAMS.dark_mode_ .filter_control_ .choose .choose_button_ {
  color: var(--APP-focus-color);
  border-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .filter_control_ .choose .choose_button_:hover {
  color: #4278b3;
  border-color: #4278b3
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node:not(.error) .tag {
  background-color: #ebeb01;
  color: #000
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node:not(.error) .tag .remove {
  background-color: #ebeb01;
  -webkit-box-shadow: -10px 0 3px -2px #ebeb01;
  -moz-box-shadow: -10px 0 3px -2px #ebeb01;
  box-shadow: -10px 0 3px -2px #ebeb01
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .show {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .operator.active .show {
  color: var(--MS-DEEP-DARK-FORMS-focus)
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .show .drop_ {
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .operator.active .show .drop_ {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-active);
  border-color: var(--MS-DEEP-DARK-FORMS-checkbox-active)
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .show:hover {
  background-color: var(--MS-DEEP-DARK-APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .val input {
  color: var(--MS-DEEP-DARK-FORMS-value);
  border-color: var(--MS-DEEP-DARK-FORMS-border)
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .val input:focus {
  border-color: #ebeb01!important
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .val input::-webkit-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .val input::-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .val input:-ms-input-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .val input:-moz-placeholder {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .choose .choose_button_ {
  color: #ebeb01;
  border-color: #ebeb01
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .choose .choose_button_:hover {
  color: #c4c404;
  border-color: #c4c404
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .tags .item {
  background-color: #ebeb01;
  color: #000
}
.MSTEAMS.deep_dark_mode_ .filter_control_ .node .operators_cont .tags .item .remove {
  background-color: #ebeb01;
  -webkit-box-shadow: 0 0 10px 10px #ebeb01;
  -moz-box-shadow: 0 0 10px 10px #ebeb01;
  box-shadow: 0 0 10px 10px #ebeb01
}
.pro_banner {
  width: 100%;
  padding: 50px;
  text-align: center;
  box-sizing: border-box
}
.pro_banner .ilus {
  width: 100%
}
.pro_banner .ilus img {
  display: block;
  width: auto;
  height: 230px;
  margin: 0 auto
}
.pro_banner .ilus.fluid img {
  height: auto;
  width: 100%;
  max-width: 200px
}
.pro_banner .txt {
  width: 100%;
  max-width: 400px;
  margin: 0 auto
}
.pro_banner .txt h2 {
  font-weight: 600;
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 15px;
  color: #282828
}
.pro_banner .txt p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 30px;
  color: #282828
}
.pro_banner .txt p a {
  text-decoration: underline;
  font-weight: 600
}
.pro_banner .txt .logo-tt {
  width: 170px;
  height: 24px;
  display: block;
  vertical-align: top;
  margin: 20px auto 20px auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../../img/logo/logo-pro.svg)
}
.pro_banner .txt .get {
  line-height: 40px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: block;
  vertical-align: top;
  margin: 0 auto 15px auto;
  text-align: center;
  color: #fff;
  background-color: #282828;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  display: inline-block;
  padding: 0 20px
}
.pro_banner .txt .get:hover {
  color: #fff;
  background-color: #000
}
.pro_banner .txt .check {
  color: #282828;
  font-size: 14px;
  text-decoration: underline;
  line-height: 14px;
  font-weight: 600;
  display: block
}
.pro_banner .txt .check:hover {
  color: #000
}
.pro_banner .video {
  width: 560px;
  height: 274px;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid #eaeaea;
  margin: 0 auto;
  overflow: hidden
}
.pro_banner .video iframe {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: relative;
  left: -1px;
  top: -1px
}
body.dark-theme-on .pro_banner .txt h2 {
  color: #fff
}
body.dark-theme-on .pro_banner .txt p {
  color: #fff
}
body.dark-theme-on .pro_banner .txt .logo-tt {
  background-image: url(../../img/logo/logo-pro-blanco.svg)
}
body.dark-theme-on .pro_banner .txt .get {
  color: #191c17;
  background-color: #fff
}
body.dark-theme-on .pro_banner .txt .get:hover {
  color: #fff;
  background-color: #000
}
body.dark-theme-on .pro_banner .txt .check {
  color: #fff
}
body.dark-theme-on .pro_banner .txt .check:hover {
  color: #fff
}
body.dark-theme-on .pro_banner .video {
  background-color: #29313c;
  border-color: #21272f
}
.MSTEAMS.dark_mode_ .pro_banner .txt h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .pro_banner .txt p {
  color: #fff
}
.MSTEAMS.dark_mode_ .pro_banner .txt .logo-tt {
  background-image: url(../../img/logo/logo-pro-blanco.svg)
}
.MSTEAMS.dark_mode_ .pro_banner .txt .get {
  color: #191c17;
  background-color: #fff
}
.MSTEAMS.dark_mode_ .pro_banner .txt .get:hover {
  color: #fff;
  background-color: #000
}
.MSTEAMS.dark_mode_ .pro_banner .txt .check {
  color: #fff
}
.MSTEAMS.dark_mode_ .pro_banner .txt .check:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .pro_banner .video {
  background-color: #201e1e;
  border-color: #1b1a19
}
.MSTEAMS.deep_dark_mode_ .pro_banner .txt h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .pro_banner .txt p {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .pro_banner .txt .logo-tt {
  background-image: url(../../img/logo/logo-pro-blanco.svg)
}
.MSTEAMS.deep_dark_mode_ .pro_banner .txt .get {
  color: #191c17;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .pro_banner .txt .get:hover {
  color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .pro_banner .txt .check {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .pro_banner .txt .check:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .pro_banner .video {
  background-color: #000;
  border-color: #fff
}
.track_floating_select_ {
  position: fixed;
  display: none;
  z-index: 1400;
  height: 350px;
  max-height: 350px;
  overflow: hidden
}
.track_floating_select_.active {
  display: block
}
.track_floating_select_ .drop_help_ {
  padding-bottom: 0
}
.track_floating_select_ .tabs_container_ {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column
}
.track_floating_select_ .enable_integration_ {
  width: 100%;
  height: 303px;
  display: flex;
  align-items: center;
  justify-content: center
}
.track_floating_select_ .tabs_nav_ {
  width: 100%;
  background-color: #fff;
  padding: 10px 15px;
  box-sizing: border-box;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  border-bottom: 1px solid #f5f4f4;
  z-index: 15;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  overflow: auto
}
.track_floating_select_ .tabs_nav_ li:not(:last-child) {
  margin-right: 10px
}
.track_floating_select_ .tabs_nav_ .close_ {
  display: none;
  margin-left: auto
}
.track_floating_select_ .tab_ {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: none;
  z-index: 0;
  overflow: auto
}
.track_floating_select_ .tab_.active {
  display: block
}
.track_floating_select_ .tab_ .medium_ {
  font-weight: 500
}
.track_floating_select_ .tab_ .drop_search_ {
  padding: 15px;
  background-color: #fff;
  border-bottom: 1px solid #f5f4f4;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 50;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.track_floating_select_ .tab_ .drop_list_ .second_action_:not(:hover) {
  opacity: .3
}
.track_floating_select_ .tab_ .project_tasks_ li a:not(.button_) {
  padding-left: 35px
}
.track_floating_select_ .tab_.searching .list_project_ .drop_separator_,
.track_floating_select_ .tab_.searching .list_recents_,
.track_floating_select_ .tab_.searching .list_recommended_ {
  display: none!important
}
.tfs-create-project {
  width: 100%;
  margin-top: 10px;
  padding: 0 15px 15px 15px;
  box-sizing: border-box
}
.tfs-create-project .project-name {
  width: 100%;
  margin-bottom: 5px;
  position: relative
}
.tfs-create-project .project-name .drop_add_input_ {
  padding: 0
}
.tfs-create-project .project-name .drop_add_input_ input[type=text] {
  padding-right: 30px
}
.tfs-create-project .project-name .drop_ {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -9px;
  display: none;
  z-index: 5
}
.tfs-create-project .project-name .drop_ .drop_pop_ {
  width: 238px;
  padding-bottom: 5px;
  top: 24px
}
.tfs-create-project .project-name .drop_ .project-pill {
  width: 18px;
  height: 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff!important;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
  background-color: #cfdae0;
  cursor: pointer;
  border: 2px solid transparent;
  box-sizing: border-box
}
.tfs-create-project .project-name .drop_ .project-pill:hover {
  border-color: rgba(0,0,0,.2)
}
.tfs-create-project .project-advance-options {
  width: 100%;
  display: none
}
.tfs-create-project .project-advance-options .show-options {
  width: 100%;
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 8px;
  color: var(--APP-focus-color);
  text-transform: uppercase;
  font-weight: 700;
  box-sizing: border-box;
  padding: 0 8px 0 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  user-select: none
}
.tfs-create-project .project-advance-options .show-options u {
  margin-right: auto
}
.tfs-create-project .project-advance-options .show-options i {
  font-size: 18px
}
.tfs-create-project .project-advance-options .show-options:hover u {
  text-decoration: underline
}
.tfs-create-project .project-advance-options.open .show-options i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.tfs-create-project .project-advance-options .options {
  width: 100%;
  display: none;
  padding: 0 0 0 12px;
  box-sizing: border-box
}
.tfs-create-project .project-advance-options.open .options {
  display: inline-block
}
.tfs-create-project .project-advance-options .qs-datepicker-container {
  left: auto!important;
  right: 0!important
}
.tfs-create-project .project-save {
  width: 100%;
  margin-top: 15px;
  text-align: right;
  font-size: 0;
  display: none
}
.tfs-create-project.active .project-advance-options,
.tfs-create-project.active .project-name .drop_,
.tfs-create-project.active .project-save {
  display: block
}
body.dark-theme-on .track_floating_select_ .trackingtime_tab_ .drop_search_ {
  background-color: #29313c;
  border-bottom-color: #20242a
}
body.dark-theme-on .track_floating_select_ .tabs_nav_ {
  background-color: #29313c;
  border-bottom-color: #20242a
}
.MSTEAMS.dark_mode_ .track_floating_select_ .trackingtime_tab_ .drop_search_ {
  background-color: #201e1e;
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .track_floating_select_ .tabs_nav_ {
  background-color: #201e1e;
  border-bottom-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .track_floating_select_ .trackingtime_tab_ .drop_search_ {
  background-color: #000;
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .track_floating_select_ .tabs_nav_ {
  background-color: #000;
  border-bottom-color: #fff
}
#trialView {
  padding: 50px!important;
  cursor: pointer
}
#trialView .content {
  width: 100%;
  height: 100%;
  display: table
}
#trialView .content .middle {
  width: 100%;
  display: table-cell;
  vertical-align: middle
}
#trialView .content_frame,
#trialView .footer_frame,
#trialView .header_frame {
  width: 550px!important;
  margin: 0 auto!important
}
#trialView .content_frame {
  cursor: default
}
#trialView .pro_banner .ilus img {
  height: 150px
}
#trialView .pro_banner .txt .check {
  display: inline-block
}
#trialView .pro_banner .txt .downgrade {
  display: inline-block;
  margin: 30px auto 0 auto;
  color: #545e6d;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600
}
#trialView .pro_banner .txt .downgrade:hover {
  color: #000
}
body.dark-theme-on #trialView .pro_banner .txt .downgrade {
  color: #fff
}
body.dark-theme-on #trialView .pro_banner .txt .downgrade:hover {
  color: #b1b4b9
}
#UserTasksView .base_mask_ {
  min-width: 450px
}
#UserTasksView .base_mask_ .base_c_ {
  padding-left: 10px
}
#UserTasksView.not_found .base_h_ {
  display: none
}
#UserTasksView .base_h_ .button_,
#UserTasksView .base_h_ .drop_,
#UserTasksView .base_h_ .sides_controller_ {
  flex-shrink: 0
}
#UserTasksView .base_h_ .flex_ {
  padding-left: 30px
}
#UserTasksView .full_tag_ {
  display: none
}
#UserTasksView .no_project_tag_ {
  display: none
}
#UserTasksView[data-list-filter=closed] .full_tag_,
#UserTasksView[data-list-filter=date] .full_tag_,
#UserTasksView[data-list-filter=priority] .full_tag_ {
  display: block
}
#UserTasksView[data-list-filter=client] .no_project_tag_,
#UserTasksView[data-list-filter=closed] .no_project_tag_,
#UserTasksView[data-list-filter=project] .no_project_tag_ {
  display: block
}
#UserTasksView .task_item_container_separator {
  top: 76px
}
#UserTasksView .user_info_ {
  width: auto;
  max-width: 200px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: auto!important;
  overflow: hidden;
  max-width: 100%
}
#UserTasksView .user_info_ .name {
  line-height: 30px
}
#UserTasksView .sides_controller_ {
  margin-right: 15px
}
#UserTasksView .list_view_contextual_ .drop_pop_ {
  width: 300px;
  margin-left: -150px;
  padding: 20px;
  box-sizing: border-box;
  text-align: left
}
#UserTasksView .list_view_contextual_ .drop_pop_ .save_table_ {
  width: 100%;
  height: auto
}
@media only screen and (min-width :0px) and (max-width :1050px) {
  body.taskDetailOpen.taskListNavigatorCollapsed #UserTasksView .user_info_ .name.big {
    display: none
  }
}
@media only screen and (min-width :1050px) and (max-width :1400px) {
  body.taskListNavigatorOpen.taskDetailOpen #UserTasksView .user_info_ .name.big {
    display: none
  }
  body.taskListNavigatorOpen.taskDetailOpen #UserTasksView .base_h_ .add_button_ u {
    display: none
  }
  body.taskListNavigatorOpen.taskDetailOpen .sides_controller_ .button_.page {
    min-width: 40px
  }
}
html:not(.MSTEAMS) .IS_MSTEAMS {
  display: none!important
}
.MSTEAMS .theme_buttons_,
.MSTEAMS .theme_buttons_ + .separator_ {
  display: none
}
.MSTEAMS #TopNav {
  background-color: #f3f2f1;
  box-shadow: none;
  border-bottom-color: #eaeaea
}
.MSTEAMS #TopNav .col_container {
  padding-left: 3px
}
.MSTEAMS #TopNav .player.tracking .table_ {
  height: 35px
}
.MSTEAMS #TopNav .nav_col {
  padding-left: 2px
}
.MSTEAMS #Timesheet .percentage_loading_ {
  height: calc(100% - 152px)
}
.playButton {
  width: auto;
  height: auto;
  position: relative;
  overflow: hidden;
  color: #888;
  background-color: #eaeaea;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-size: 0;
  -webkit-transition: border .4s,color .4s,background-color .4s;
  -moz-transition: border .4s,color .4s,background-color .4s;
  -ms-transition: border .4s,color .4s,background-color .4s;
  transition: border .4s,color .4s,background-color .4s
}
.playButton:hover {
  background-color: #282828;
  color: #fff
}
.playButton span {
  width: 24px;
  height: 24px;
  line-height: 26px;
  text-align: center;
  position: relative;
  display: inline-block;
  padding: 0!important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 9px
}
.playButton span.play {
  z-index: 1;
  text-indent: 2px
}
.playButton span.stop {
  z-index: 2;
  display: none;
  text-indent: 0
}
.playing .playButton,
.tracking .playButton {
  border-color: var(--APP-track-color)!important;
  color: #fff!important;
  background-color: var(--APP-track-color)!important
}
.playing .playButton:hover,
.tracking .playButton:hover {
  border-color: var(--APP-track-color)!important;
  background-color: var(--APP-track-color)!important;
  color: #fff!important
}
.playing .playButton span.play,
.tracking .playButton span.play {
  display: none
}
.playing .playButton span.stop,
.tracking .playButton span.stop {
  display: block
}
.exceeded.playButton {
  border-color: var(--APP-error-color)!important;
  color: #fff!important;
  background-color: var(--APP-error-color)!important
}
.exceeded.playButton:hover {
  border-color: #000!important;
  background-color: #000!important;
  color: #fff!important
}
body.dark-theme-on .playButton {
  color: #fff;
  background-color: #434d5d
}
body.dark-theme-on .playButton:hover {
  background-color: #181b21;
  color: #fff
}
.MSTEAMS.dark_mode_ .playButton {
  border-color: #dadada;
  color: #201e1e
}
.MSTEAMS.dark_mode_ .playButton:hover {
  background-color: #5f5f5f;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .playButton {
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .playButton:hover {
  background-color: #ebeb00;
  color: #000
}
#ActivityLogsView .drop_.range_ {
  margin: 0 0 0 10px
}
#ActivityLogsView .logs_container_ {
  min-width: 850px;
  padding-right: 20px;
  width: 100%
}
#ActivityLogsView .userComboSelection {
  display: none;
  height: 30px;
  position: relative;
  vertical-align: middle;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #f0f2f3;
  overflow: hidden;
  font-size: 12px;
  font-weight: 700;
  color: var(--FORMS-focus);
  line-height: 30px;
  padding: 0 15px 0 40px
}
#ActivityLogsView .userComboSelection::after {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: var(--APP-error-color);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  font-family: icomoon!important;
  content: '\e9bf';
  color: #fff;
  font-size: 15px;
  font-weight: 300
}
#ActivityLogsView .userComboSelection:hover::after {
  display: inline-block
}
#ActivityLogsView .userComboSelection.active {
  display: inline-block
}
#ActivityLogsView .list_view_table_ .col_activity {
  width: auto
}
#ActivityLogsView .list_view_table_ .col_date {
  width: 190px
}
#ActivityLogsView .list_view_table_ .col_ip {
  width: 150px
}
#ActivityLogsView .list_view_table_ .table_row_ {
  border: 0 none
}
#ActivityLogsView .list_view_table_ .table_row_ .peek {
  width: 100%;
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid #ecf0f4
}
#ActivityLogsView .list_view_table_ .table_row_ .detail {
  width: 100%;
  height: auto;
  display: none;
  vertical-align: top;
  border-top: 1px solid #d0ddec;
  box-sizing: border-box;
  padding: 20px 20px 5px 20px
}
#ActivityLogsView .list_view_table_ .table_row_ .detail ul {
  column-count: 5
}
#ActivityLogsView .list_view_table_ .table_row_ .detail li {
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  display: inline-block;
  vertical-align: top
}
#ActivityLogsView .list_view_table_ .table_row_ .detail li strong {
  font-weight: 600
}
#ActivityLogsView .list_view_table_ .table_row_.open:first-child {
  margin-top: 0
}
#ActivityLogsView .list_view_table_ .table_row_.open {
  width: 100%;
  margin: 15px 0;
  background-color: var(--APP-focus-selected-color)!important;
  border: 1px solid var(--APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden
}
#ActivityLogsView .list_view_table_ .table_row_.open .peek {
  border-bottom: 0 none;
  background-color: var(--APP-focus-selected-color)!important
}
#ActivityLogsView .list_view_table_ .table_row_.open .detail {
  display: inline-block
}
#ActivityLogsView .list_view_table_ .table_row_.open + .table_row_ {
  border-top: 1px solid #ecf0f4
}
#ActivityLogsView .list_view_table_ .table_row_.open + .table_row_.open {
  border-top: 1px solid var(--APP-shadow-border)
}
#ActivityLogsView .list_view_table_ .table_row_ .log_action {
  text-transform: uppercase;
  font-size: 10px
}
@media only screen and (min-width :0px) and (max-width :600px) {
  #ActivityLogsView .list_view_table_ .col_ip {
    width: 110px
  }
  #ActivityLogsView .list_view_table_ .col_date {
    width: 150px
  }
  #ActivityLogsView .list_view_table_ .table_row_ .detail ul {
    column-count: 2
  }
}
body.dark-theme-on #ActivityLogsView .userComboSelection {
  background-color: #2f3641;
  color: #fff
}
body.dark-theme-on #ActivityLogsView .list_view_table_ .table_row_ .peek {
  border-bottom-color: #232933
}
body.dark-theme-on #ActivityLogsView .list_view_table_ .table_row_.open {
  background-color: var(--DARK-APP-focus-selected-color)!important;
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on #ActivityLogsView .list_view_table_ .table_row_.open .peek {
  background-color: var(--DARK-APP-focus-selected-color)!important
}
body.dark-theme-on #ActivityLogsView .list_view_table_ .table_row_ .detail {
  border-top-color: #223452
}
body.dark-theme-on #ActivityLogsView .list_view_table_ .table_row_.open + .table_row_ {
  border-top-color: #232933
}
.MSTEAMS.dark_mode_ #ActivityLogsView .userComboSelection {
  background-color: #2d2c2c;
  color: #fff
}
.MSTEAMS.dark_mode_ #ActivityLogsView .list_view_table_ .table_row_ .peek {
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #ActivityLogsView .list_view_table_ .table_row_.open {
  background-color: var(--MS-DARK-APP-focus-selected-color)!important;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ #ActivityLogsView .list_view_table_ .table_row_.open .peek {
  background-color: var(--MS-DARK-APP-focus-selected-color)!important
}
.MSTEAMS.dark_mode_ #ActivityLogsView .list_view_table_ .table_row_ .detail {
  border-top-color: #223452
}
.MSTEAMS.dark_mode_ #ActivityLogsView .list_view_table_ .table_row_.open + .table_row_ {
  border-top-color: #232933
}
.MSTEAMS.deep_dark_mode_ #ActivityLogsView .userComboSelection {
  background-color: #2d2c2c;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #ActivityLogsView .list_view_table_ .table_row_ .peek {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ #ActivityLogsView .list_view_table_ .table_row_.open {
  background-color: #424200!important;
  border-color: var(--MS-DEEP-DARK-APP-shadow-border)
}
.MSTEAMS.deep_dark_mode_ #ActivityLogsView .list_view_table_ .table_row_.open .peek {
  background-color: #424200!important
}
.MSTEAMS.deep_dark_mode_ #ActivityLogsView .list_view_table_ .table_row_ .detail {
  border-top-color: #3a3a00
}
.MSTEAMS.deep_dark_mode_ #ActivityLogsView .list_view_table_ .table_row_.open + .table_row_ {
  border-top-color: #232933
}
.popup_advice_ {
  display: none;
  z-index: 1000000;
  position: fixed;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  padding: 15px;
  box-sizing: border-box
}
.popup_advice_.active {
  display: block
}
.popup_advice_::after {
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 50%;
  top: -200px;
  right: -20px;
  z-index: 0;
  content: '';
  -webkit-box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%);
  -moz-box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%);
  box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%);
  pointer-events: none
}
.popup_advice_ .message_container_ {
  width: auto;
  display: table;
  position: relative;
  top: 0;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  z-index: 1;
  padding-right: 50px;
  border-left: 15px solid transparent
}
.popup_advice_ .message_container_ .action {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  vertical-align: top;
  text-align: center
}
.popup_advice_ .message_container_ .action i {
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  color: #4a4a4a;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px
}
.popup_advice_ .message_container_ .action:hover i {
  color: #282828
}
.popup_advice_ .message_container_ .message {
  font-size: 14px;
  line-height: 20px;
  color: #282828;
  font-weight: 500;
  text-align: left;
  width: 100%;
  min-width: 290px;
  max-width: 390px;
  box-sizing: border-box;
  padding: 15px 0 15px 40px;
  margin-left: -10px;
  border-left: 10px solid #fff;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.popup_advice_ .message_container_ .message small {
  font-size: 12px;
  display: inline;
  line-height: 12px
}
.popup_advice_ .message_container_ .ico {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 24px;
  color: #282828;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -14px;
  z-index: 10
}
.Firefox .popup_advice_ .message_container_ .ico {
  left: 15px
}
.popup_advice_.ErrorView .message_container_ {
  border-left-color: var(--APP-error-color-hover)
}
.popup_advice_.ErrorView .message_container_ .ico {
  color: var(--APP-error-color-hover)
}
.popup_advice_.UncatchedError .message_container_ {
  border-left-color: #282828
}
.popup_advice_.UncatchedError .message_container_ .ico {
  color: #282828
}
.popup_advice_.SuccesMessage .message_container_ {
  border-left-color: var(--APP-success-color)
}
.popup_advice_.SuccesMessage .message_container_ .ico {
  color: var(--APP-success-color)
}
body.dark-theme-on .popup_advice_::after {
  -webkit-box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%);
  -moz-box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%);
  box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%)
}
body.dark-theme-on .popup_advice_ .message_container_ {
  background-color: #434d5d;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
body.dark-theme-on .popup_advice_ .message_container_ .action i {
  color: #92959b
}
body.dark-theme-on .popup_advice_ .message_container_ .action:hover i {
  color: #fff
}
body.dark-theme-on .popup_advice_ .message_container_ .message {
  color: #fff
}
body.dark-theme-on .popup_advice_ .message_container_ .ico {
  color: #fff
}
body.dark-theme-on .popup_advice_.ErrorView .message_container_ {
  border-left-color: var(--APP-error-color-hover)
}
body.dark-theme-on .popup_advice_.ErrorView .message_container_ .ico {
  color: var(--APP-error-color-hover)
}
body.dark-theme-on .popup_advice_.UncatchedError .message_container_ {
  border-left-color: #fff
}
body.dark-theme-on .popup_advice_.UncatchedError .message_container_ .ico {
  color: #fff
}
body.dark-theme-on .popup_advice_.SuccesMessage .message_container_ {
  border-left-color: var(--APP-success-color)
}
body.dark-theme-on .popup_advice_.SuccesMessage .message_container_ .ico {
  color: var(--APP-success-color)
}
body.dark-theme-on .popup_advice_ .message_container_ .message {
  border-left-color: #434d5d;
  background-color: #434d5d
}
.MSTEAMS.dark_mode_ .popup_advice_::after {
  -webkit-box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%);
  -moz-box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%);
  box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%)
}
.MSTEAMS.dark_mode_ .popup_advice_ .message_container_ {
  background-color: #2d2c2c;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.MSTEAMS.dark_mode_ .popup_advice_ .message_container_ .message {
  border-left-color: #2d2c2c;
  background-color: #2d2c2c;
  color: #fff
}
.MSTEAMS.dark_mode_ .popup_advice_ .message_container_ .action i {
  color: #bbb
}
.MSTEAMS.dark_mode_ .popup_advice_ .message_container_ .action:hover i {
  color: #fff
}
.MSTEAMS.dark_mode_ .popup_advice_ .message_container_ .ico {
  color: #fff
}
.MSTEAMS.dark_mode_ .popup_advice_.ErrorView .message_container_ {
  border-left-color: var(--APP-error-color-hover)
}
.MSTEAMS.dark_mode_ .popup_advice_.ErrorView .message_container_ .ico {
  color: var(--APP-error-color-hover)
}
.MSTEAMS.dark_mode_ .popup_advice_.UncatchedError .message_container_ {
  border-left-color: #fff
}
.MSTEAMS.dark_mode_ .popup_advice_.UncatchedError .message_container_ .ico {
  color: #fff
}
.MSTEAMS.dark_mode_ .popup_advice_.SuccesMessage .message_container_ {
  border-left-color: var(--APP-success-color)
}
.MSTEAMS.dark_mode_ .popup_advice_.SuccesMessage .message_container_ .ico {
  color: var(--APP-success-color)
}
.MSTEAMS.deep_dark_mode_ .popup_advice_::after {
  -webkit-box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%);
  -moz-box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%);
  box-shadow: 0 0 100px 320px rgb(0 0 0 / 13%)
}
.MSTEAMS.deep_dark_mode_ .popup_advice_ .message_container_ {
  background-color: #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow)
}
.MSTEAMS.deep_dark_mode_ .popup_advice_ .message_container_ .message {
  border-left-color: #000;
  background-color: #000;
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .popup_advice_ .message_container_ .action i {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .popup_advice_ .message_container_ .action:hover i {
  color: #e2e201
}
.MSTEAMS.deep_dark_mode_ .popup_advice_ .message_container_ .ico {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .popup_advice_.ErrorView .message_container_ {
  border-left-color: var(--APP-error-color-hover)
}
.MSTEAMS.deep_dark_mode_ .popup_advice_.ErrorView .message_container_ .ico {
  color: var(--APP-error-color-hover)
}
.MSTEAMS.deep_dark_mode_ .popup_advice_.UncatchedError .message_container_ {
  border-left-color: #fff
}
.MSTEAMS.deep_dark_mode_ .popup_advice_.UncatchedError .message_container_ .ico {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .popup_advice_.SuccesMessage .message_container_ {
  border-left-color: var(--APP-success-color)
}
.MSTEAMS.deep_dark_mode_ .popup_advice_.SuccesMessage .message_container_ .ico {
  color: var(--APP-success-color)
}
#intercomButton {
  display: none!important;
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 50
}
#intercomButton a {
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 37px;
  font-size: 20px;
  background-color: #373d4b;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  -webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 4px 7px 0 rgba(0,0,0,.3);
  box-shadow: 0 4px 7px 0 rgba(0,0,0,.3);
  position: relative
}
#intercomButton a:hover {
  background-color: #242832
}
#intercomButton a::before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .4s,visibility .4s,-webkit-transform .4s;
  -moz-transition: opacity .4s,visibility .4s,-moz-transform .4s;
  -ms-transition: opacity .4s,visibility .4s,-ms-transform .4s;
  transition: opacity .4s,visibility .4s,transform .4s;
  position: absolute;
  top: -3px;
  right: -3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f8412e;
  content: '';
  width: 10px;
  height: 10px;
  -webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 4px 7px 0 rgba(0,0,0,.3);
  box-shadow: 0 4px 7px 0 rgba(0,0,0,.3)
}
#intercomButton a.on::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible
}
#TaskListDetail .base_mask_ {
  min-width: 450px
}
#TaskListDetail .base_mask_ .base_c_ {
  padding-left: 10px
}
#TaskListDetail .full_tag_ {
  display: none
}
#TaskListDetail .no_project_tag_ {
  display: none
}
#TaskListDetail[data-list-filter=closed] .full_tag_,
#TaskListDetail[data-list-filter=date] .full_tag_,
#TaskListDetail[data-list-filter=priority] .full_tag_ {
  display: block
}
#TaskListDetail[data-list-filter=client] .no_project_tag_,
#TaskListDetail[data-list-filter=closed] .no_project_tag_,
#TaskListDetail[data-list-filter=project] .no_project_tag_ {
  display: block
}
#TaskListDetail .panel_scroll_area.up {
  top: 95px!important
}
.taskListNavigatorCollapsed #TaskListDetail .base_h_ .flex_ {
  padding-left: 30px
}
#TaskListDetail .tasks_list_ {
  min-height: 300px
}
#TaskListDetail .multi_select_button_ {
  margin-left: auto
}
#TaskListDetail .task_item_container_separator {
  top: 76px
}
#TaskListDetail .sides_controller_ {
  margin-right: 15px
}
#TaskListDetail .view_title_ {
  width: auto;
  max-width: 200px;
  display: inline-block;
  vertical-align: middle;
  display: none
}
#TaskListDetail .view_title_ h1.solo_title {
  display: none
}
body.SOLO #TaskListDetail .view_title_ h1 {
  display: none
}
body.SOLO #TaskListDetail .view_title_ h1.solo_title {
  display: inline-block
}
body.taskListNavigatorCollapsed #TaskListDetail .view_title_ {
  display: inline-block
}
#TaskListDetail .list_view_contextual_ .drop_pop_ {
  width: 300px;
  margin-left: -150px;
  padding: 20px;
  box-sizing: border-box;
  text-align: left
}
#TaskListDetail .list_view_contextual_ .drop_pop_ .save_table_ {
  width: 100%;
  height: auto
}
@media only screen and (min-width :900px) and (max-width :1000px) {
  body.taskListNavigatorOpen #TaskListDetail .view_title_ {
    max-width: 150px
  }
}
#MsTeamsChannel .centered_form {
  max-width: 600px;
  margin: 0 auto;
  height: 100%;
  padding: 0 25px;
  box-sizing: border-box
}
#MsTeamsChannel .centered_form > .cell_ {
  padding: 25px 0
}
.progress_line_ {
  height: 6px;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.progress_line_ .line_ {
  height: 6px;
  width: 75px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #f5f4f4
}
.progress_line_ .line_ .line_progress_ {
  height: 6px;
  position: relative;
  overflow: hidden;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #282828;
  position: absolute;
  top: 0;
  left: 0
}
.progress_line_ .counter_ {
  width: 25px;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 8px;
  line-height: 8px;
  font-weight: 700;
  color: #282828;
  margin-top: -4px;
  text-align: right
}
.progress_line_.small {
  width: 55px
}
.progress_line_.small .line_ {
  width: 25px
}
.progress_line_.long {
  width: 100%
}
.progress_line_.long .line_ {
  width: calc(100% - 30px)
}
.progress_line_.gray .line_ {
  background-color: #f5f4f4
}
.progress_line_.gray .line_ .line_progress_ {
  background-color: #989898
}
.progress_line_.gray .counter_ {
  color: var(--FORMS-label)
}
.progress_line_.white .line_ {
  background-color: #fff
}
.progress_line_.white .line_ .line_progress_ {
  background-color: #989898
}
.progress_line_.green .line_ {
  background-color: #f5f4f4
}
.progress_line_.green .line_ .line_progress_ {
  background-color: var(--APP-track-color)
}
.progress_line_.completed_ .line_ {
  background-color: var(--FORMS-checkbox-mark-as-done)!important
}
.progress_line_.completed_ .line_ .line_progress_ {
  background-color: var(--FORMS-checkbox-mark-as-done)!important
}
.progress_line_.completed_ .counter_ {
  color: var(--FORMS-checkbox-mark-as-done)!important
}
.progress_line_.exceeded_ .line_ {
  background-color: var(--APP-error-color)!important
}
.progress_line_.exceeded_ .line_ .line_progress_ {
  background-color: var(--APP-error-color)!important
}
.progress_line_.exceeded_ .counter_ {
  color: var(--APP-error-color)!important
}
.progress_line_.no_counter .counter_ {
  display: none
}
.progress_line_.no_counter {
  width: 75px
}
.progress_line_.small.no_counter {
  width: 30px
}
.progress_line_.long.no_counter {
  width: 100%
}
.progress_line_.long.no_counter .line_ {
  width: 100%
}
.selected .progress_line_ .line_,
.selected .progress_line_.gray .line_,
.selected .progress_line_.white .line_ {
  background-color: #fff
}
body.dark-theme-on .progress_line_ .counter_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .progress_line_ .counter_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .progress_line_ .counter_ {
  color: #fff
}
body:not(.app_timecards_on) .app_timecards,
body:not(.app_timecards_on) .app_timecards_inline_block {
  display: none!important
}
body:not(.app_invoicing_on) .app_invoices {
  display: none!important
}
body:not(.app_logs_on) .app_logs,
body:not(.app_logs_on) .app_logs_inline_block {
  display: none!important
}
.SHOW_TIME_OFF {
  display: none!important
}
body.app_bamboo_on .SHOW_TIME_OFF,
body.app_factorial_on .SHOW_TIME_OFF,
body.app_timeoff_on .SHOW_TIME_OFF {
  display: inline-block!important
}
.SHOW_TIME_OFF_EXTERNAL_SERVICES {
  display: none!important
}
body.app_bamboo_on .SHOW_TIME_OFF_EXTERNAL_SERVICES,
body.app_factorial_on .SHOW_TIME_OFF_EXTERNAL_SERVICES {
  display: inline-block!important
}
body:not(.app_timeoff_on) .HIDE_TIMEOFF_TT {
  display: none!important
}
body:not(.app_bamboo_on) .HIDE_APP_BAMBOO {
  display: none!important
}
body:not(.app_factorial_on) .HIDE_APP_FACTORIAL {
  display: none!important
}
body:not(.app_taskManagement_on) .HIDE_TASK_MANAGEMENT {
  display: none!important
}
.TT-HIDE-TIMEOFF-PRE-RELEASE,
body.app_timeoff_on .SHOW_TIME_OFF.TT-HIDE-TIMEOFF-PRE-RELEASE {
  display: none!important
}
body:not(.app_moneyMode_on) .HIDE_MONEY_MODE {
  display: none!important
}
body:not(.app_beta_on) .HIDE_BETA {
  display: none!important
}
#AddonsView[data-active-app=policies] .columns_ .c_.side_nav_ {
  display: none
}
#AddonsView .nav_list_.loading_and_block {
  min-height: 100px
}
#AddonsView .nav_list_ a {
  display: flex
}
#AddonsView .nav_list_ a u {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
  text-transform: lowercase;
  display: inline-block;
  vertical-align: top
}
#AddonsView .nav_list_ a u::first-letter {
  text-transform: uppercase
}
#AddonsView .nav_list_ a .status_ {
  margin-left: auto;
  flex-shrink: 0;
  position: relative;
  right: -10px
}
#AddonsView .application_form_ {
  margin-top: 14px;
  margin-bottom: 15px;
  position: relative
}
#AddonsView .application_form_:not(.application_status_on) .status_on_ {
  display: none
}
#AddonsView .application_form_ .save_flex_ {
  width: 100%;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
  justify-content: flex-end
}
#AddonsView .application_form_ .save_flex_ .check_ {
  margin-right: auto
}
#AddonsView .application_form_ .check_status_ {
  width: auto;
  margin-right: auto!important
}
#AddonsView .application_form_ .check_status_ .checked_,
#AddonsView .application_form_ .check_status_ .no_checked_ {
  display: none
}
#AddonsView .application_form_ .check_status_ input:checked + label .checked_ {
  display: inline-block
}
#AddonsView .application_form_ .check_status_ input:not(:checked) + label .no_checked_ {
  display: inline-block
}
#AddonsView .application_form_ .check_status_ u {
  text-transform: lowercase
}
#AddonsView .application_form_ .check_status_ u span {
  display: inline-block;
  vertical-align: top
}
#AddonsView .application_form_ .check_status_ u span:first-letter {
  text-transform: uppercase
}
#AddonsView .application_form_[key=policies] .form_text_.titles_ {
  margin-top: 10px;
  margin-bottom: 8px
}
#AddonsView .application_form_ .form_separator_ {
  width: 100%;
  height: 1px;
  background-color: #e3e2e2;
  margin: 20px 0
}
#AddonsView .application_form_ .list_items_ {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 15px;
  grid-column-gap: 50px;
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative
}
#AddonsView .application_form_ .list_items_::before {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  background-color: #e3e2e2;
  content: ''
}
#AddonsView .application_form_ .list_items_ .item_ {
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden
}
#AddonsView .application_form_ .list_items_ .item_name_ {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px
}
#AddonsView .application_form_ .list_items_ .item_name_ i {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  flex-shrink: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
#AddonsView .application_form_ .list_items_ .item_name_ h2 {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: #282828;
  text-transform: capitalize
}
#AddonsView .application_form_ .list_items_ .item_name_ a {
  flex-shrink: 0;
  margin-left: 10px;
  font-size: 12px;
  color: #7e7c7c;
  text-decoration: underline;
  font-weight: 600
}
#AddonsView .application_form_ .list_items_ .item_name_ a:hover {
  color: #505050
}
#AddonsView .application_form_ .list_items_ .check_ {
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  max-width: 170px;
  overflow: hidden
}
#AddonsView .application_form_ .list_items_ .check_ label span {
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}
#AddonsView .application_form_ .list_items_ .disabled_ {
  display: none
}
#AddonsView .application_form_ .list_items_ .active .disabled_ {
  display: inline
}
#AddonsView .application_form_ .list_items_ .active .enabled_ {
  display: none
}
#AddonsView .application_form_ .check_.flex-label label {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}
#AddonsView .application_form_ .check_.flex-label select.tt-styled {
  margin-left: 10px;
  margin-top: -9px;
  position: relative;
  top: 3px
}
#AddonsView .application_form_ .check_.flex-label input[type=number].tt-styled {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: -9px;
  position: relative;
  top: 3px
}
#AddonsView .application_form_ .check_ input[type=number].tt-styled {
  height: 25px;
  width: 50px;
  text-align: center;
  font-size: 12px
}
#AddonsView .application_form_ .check_ select.tt-styled {
  height: 25px;
  display: inline-block;
  width: 170px;
  font-size: 12px;
  display: none
}
#AddonsView .application_form_ .check_ input:checked + label select.tt-styled {
  display: inline-block
}
#AddonsView .application_form_ .tag_multi_selector_ {
  margin-top: 10px;
  margin-bottom: 15px
}
#AddonsView .application_form_ .tag_multi_selector_ .form_text_ {
  margin-bottom: 10px
}
#AddonsView .application_form_ .tag_multi_selector_ .form_text_ h3 {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 4px
}
#AddonsView .application_form_ .tag_multi_selector_ .form_text_ p {
  font-size: 10px;
  line-height: 10px
}
.dark-theme-on #AddonsView .application_form_ .save_flex_ {
  border-top-color: #21272f
}
.dark-theme-on #AddonsView .application_form_ .form_separator_ {
  background-color: #21272f
}
.dark-theme-on #AddonsView .application_form_ .list_items_::before {
  background-color: #21272f
}
.dark-theme-on #AddonsView .application_form_ .list_items_ .item_name_ h2 {
  color: #fff
}
.dark-theme-on #AddonsView .application_form_ .list_items_ .item_name_ a {
  color: #b5b5b5
}
.dark-theme-on #AddonsView .application_form_ .list_items_ .item_name_ a:hover {
  color: #d1d1d1
}
.MSTEAMS.dark_mode_ #AddonsView .application_form_ .save_flex_ {
  border-top-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #AddonsView .application_form_ .form_separator_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #AddonsView .application_form_ .list_items_::before {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #AddonsView .application_form_ .list_items_ .item_name_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ #AddonsView .application_form_ .list_items_ .item_name_ a {
  color: #b5b5b5
}
.MSTEAMS.dark_mode_ #AddonsView .application_form_ .list_items_ .item_name_ a:hover {
  color: #d1d1d1
}
.MSTEAMS.deep_dark_mode_ #AddonsView .application_form_ .save_flex_ {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ #AddonsView .application_form_ .form_separator_ {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ #AddonsView .application_form_ .list_items_::before {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ #AddonsView .application_form_ .list_items_ .item_name_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #AddonsView .application_form_ .list_items_ .item_name_ a {
  color: #b5b5b5
}
.MSTEAMS.deep_dark_mode_ #AddonsView .application_form_ .list_items_ .item_name_ a:hover {
  color: #d1d1d1
}
#timePicker {
  min-width: 0;
  z-index: 1500;
  position: fixed;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 150px;
  min-width: 95px
}
#SharedReportsView .centered_ {
  min-width: 1200px;
  width: 100%
}
#SharedReportsView .list_view_header_ {
  border-bottom: 0 none
}
#SharedReportsView .view_actions_ .table_ {
  table-layout: fixed
}
#SharedReportsView .view_actions_ .cell_.right {
  width: 100px
}
#SharedReportsView .list_view_table_ .col_check {
  width: 35px;
  padding: 0
}
#SharedReportsView .list_view_table_ .col_name {
  width: auto
}
#SharedReportsView .list_view_table_ .col_type {
  width: 130px
}
#SharedReportsView .list_view_table_ .share_link {
  width: 200px
}
#SharedReportsView .list_view_table_ .col_created {
  width: 170px
}
#SharedReportsView .list_view_table_ .col_date {
  width: 140px
}
#SharedReportsView .list_view_table_ .col_modified {
  width: 140px
}
#SharedReportsView .list_view_table_ .col_seen {
  width: 80px
}
#SharedReportsView .tag_ {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
#SharedReportsView .tag_.PENDING_APPROVAL {
  background-color: #727272;
  color: #fff
}
#SharedReportsView .tag_.REJECTED {
  background-color: #727272;
  color: #fff
}
#SharedReportsView .tag_.BILLED {
  background-color: #727272;
  color: #fff
}
#SharedReportsView .tag_.UNBILLED {
  background-color: #727272;
  color: #fff
}
#SharedReportsView .tag_.DELETED {
  background-color: var(--APP-error-color);
  color: #fff
}
#SharedReportsView .tag_.APPROVED {
  background-color: #1cb69b;
  color: #fff
}
#SharedReportsView.no_docs_ .list_view_table_ .head_ {
  display: none
}
#SharedReportsView.no_docs_ .list_view_table_ .body_ {
  padding-bottom: 0
}
@media only screen and (min-width :0px) and (max-width :1279px) {
  #SharedReportsView .list_view_table_ .share_link {
    width: 200px
  }
}
#InvoiceListView .list_view_header_ {
  border-bottom: 0 none
}
#InvoiceListView .view_actions_ .table_ {
  table-layout: fixed
}
#InvoiceListView .list_view_table_ .col_check {
  width: 35px;
  padding: 0
}
#InvoiceListView .list_view_table_ .col_number {
  width: 120px
}
#InvoiceListView .list_view_table_ .col_customer {
  width: auto
}
#InvoiceListView .list_view_table_ .col_description {
  display: none
}
#InvoiceListView .list_view_table_ .col_date {
  width: 130px
}
#InvoiceListView .list_view_table_ .col_due_date {
  width: 130px
}
#InvoiceListView .list_view_table_ .col_total {
  width: 130px
}
#InvoiceListView .list_view_table_ .col_status {
  width: 120px
}
#InvoiceListView .invoice_content_ {
  min-width: 850px;
  padding-right: 20px;
  width: 100%
}
#InvoiceListView .tag_.status_draft {
  background-color: #707070;
  color: #fff
}
#InvoiceListView .tag_.status_open {
  background-color: #fbcc4c;
  color: #282828
}
#InvoiceListView .tag_.status_paid {
  background-color: #1cb69b;
  color: #fff
}
#InvoiceListView .tag_.status_void {
  background-color: #e51c2b;
  color: #fff
}
#InvoiceListView .tag_.status_uncollectible {
  background-color: #a00e0e;
  color: #fff
}
#InvoiceListView.no_invoices_ .list_view_table_ .head_ {
  display: none
}
#InvoiceListView.no_invoices_ .list_view_table_ .body_ {
  padding-bottom: 0
}
#MainIframeView iframe {
  background-color: #fff
}
#MainIframeView .iframe_header_ + iframe {
  height: calc(100% - 50px);
  margin-top: 50px
}
@media only screen and (max-width:899px) and (min-width:0px) {
  #MainIframeView .iframe_header_ {
    top: 0
  }
}
@media only screen and (min-width:400px) and (max-width:899px) {
  #MainIframeView {
    padding-top: 0!important
  }
}
body.dark-theme-on #MainIframeView iframe {
  background-color: #2a313c
}
.MSTEAMS.dark_mode_ #MainIframeView iframe {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #MainIframeView iframe {
  background-color: #000
}
#ClientView .list_view_header_ {
  border-bottom: 0 none
}
#ClientView .clients_container_ {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}
#ClientView .clients_container_ .list_view_table_ {
  width: auto;
  padding-right: 20px;
  padding-left: 20px
}
#ClientView .clients_container_ .list_view_table_ .col_check {
  width: 35px;
  padding: 0
}
#ClientView .clients_container_ .list_view_table_ .col_name {
  width: 250px
}
#ClientView .clients_container_ .list_view_table_ .col_default {
  width: 150px;
  text-align: center
}
.m_title_ {
  width: 100%;
  display: inline-block;
  margin-top: -2px
}
.m_title_ h1,
.m_title_ h1 .content_editable_el_ {
  font-size: 28px;
  line-height: 30px;
  min-height: 30px;
  font-weight: 700;
  color: #282828
}
.m_title_ h2,
.m_title_ h2 .content_editable_el_ {
  font-size: 22px;
  line-height: 30px;
  min-height: 30px;
  font-weight: 700;
  color: #282828
}
.m_title_ h3,
.m_title_ h3 .content_editable_el_ {
  font-size: 16px;
  line-height: 30px;
  min-height: 30px;
  font-weight: 700;
  color: #868686
}
.m_paragraph_ {
  width: 100%;
  display: inline-block;
  margin-top: 3px
}
.m_paragraph_ .quill_ {
  -webkit-transition: padding .2s,border .2s;
  -moz-transition: padding .2s,border .2s;
  -ms-transition: padding .2s,border .2s;
  transition: padding .2s,border .2s;
  border: 1px solid transparent;
  width: 100%
}
.m_paragraph_ .quill_ .ql-toolbar {
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s,visibility .2s,height .2s;
  -moz-transition: opacity .2s,visibility .2s,height .2s;
  -ms-transition: opacity .2s,visibility .2s,height .2s;
  transition: opacity .2s,visibility .2s,height .2s;
  padding: 0 5px;
  font-size: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}
.m_paragraph_ .quill_ .ql-editor {
  margin-top: 0;
  line-height: 22px;
  font-size: 13px;
  padding: 0;
  border: 0!important;
  background-color: transparent!important;
  left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.m_paragraph_ .quill_ .ql-editor.ql-blank::before {
  left: 0
}
.m_paragraph_ .quill_.focus_ {
  padding: 10px 10px 40px 10px;
  border-color: #efefef;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.m_paragraph_ .quill_.focus_ .ql-toolbar {
  height: 30px;
  opacity: 1;
  visibility: visible
}
.m_separator_ {
  background-color: #f5f4f4;
  width: 100%;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  margin-top: 15px
}
.m_users_list_ {
  width: 100%
}
.m_users_list_ .list_ {
  width: calc(100% + 15px);
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  margin-top: -15px
}
.m_users_list_ .empty_message_ {
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  color: #282828
}
.m_users_list_ .user_ {
  width: calc(25% - 15px);
  height: 198px;
  box-sizing: border-box;
  padding: 20px 15px;
  background-color: #faf9f9;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  margin-right: 15px
}
.m_users_list_ .user_ .avatar_ {
  width: 100%;
  margin-bottom: 10px
}
.m_users_list_ .user_ .avatar_ .image_ {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #cbcbcb;
  background-size: cover;
  background-image: url(../../img/profile.png)
}
.m_users_list_ .user_ .name_ {
  width: 100%;
  text-align: left;
  margin-bottom: 10px
}
.m_users_list_ .user_ .name_ h2 {
  color: #282828;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.m_users_list_ .user_ .info_ {
  width: 100%;
  text-align: left;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top
}
.m_users_list_ .user_ .info_ li {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-top: 5px
}
.m_users_list_ .user_ .info_ li:first-child {
  margin-top: 0
}
.m_users_list_ .user_ .info_ li small {
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  text-transform: uppercase
}
.m_users_list_ .user_ .info_ li u {
  display: inline-block;
  vertical-align: middle
}
.m_users_list_ .user_ .progress_ {
  width: 100%;
  max-width: 110px;
  height: 6px;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #cbcbcb;
  position: relative
}
.m_users_list_ .user_ .progress_ .line_ {
  width: 0;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #282828
}
.m_list_ {
  width: 100%
}
.m_list_.scroll {
  border: 1px solid #f5f4f4;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
  box-sizing: border-box;
  padding: 10px;
  width: calc(100% + 20px);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  position: relative;
  left: -10px
}
.m_list_.scroll .item_:last-child {
  margin-bottom: 0
}
.m_list_.scroll:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.m_list_ .list_ {
  width: 100%;
  font-size: 0;
  column-count: 2;
  column-gap: 40px;
  display: inline-block;
  vertical-align: top
}
.m_list_ .list_.on_column {
  column-count: 1;
  column-gap: 0;
  margin-top: 0
}
.m_list_ .pager_ {
  margin-top: 35px;
  width: 100%;
  text-align: right
}
.m_list_ .empty_message_ {
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  color: #282828
}
.m_list_ .item_ {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 7px;
  position: relative
}
.m_list_ .item_ .user_ {
  width: 100%;
  z-index: 0;
  min-height: 20px;
  box-sizing: border-box;
  padding-right: 115px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: 700;
  color: #282828;
  line-height: 20px
}
.m_list_ .item_ .user_ .avatar_ {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f4f4;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../img/profile.png)
}
.m_list_ .item_ .user_ .name_ {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.m_list_ .item_ .text_ {
  width: 100%;
  z-index: 0;
  box-sizing: border-box;
  padding-right: 115px;
  font-size: 0
}
.m_list_ .item_ .text_ .name_ {
  width: 100%;
  display: inline-block;
  font-size: 12px;
  color: #282828;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  line-height: 20px
}
.m_list_ .item_ .text_ .name_ a:hover {
  text-decoration: underline
}
.m_list_ .item_ .text_ .name_ small {
  font-size: 12px;
  color: #868686
}
.m_list_ .item_ .progress_ {
  width: auto;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right
}
.m_list_ .item_ .progress_ .total_ {
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #282828;
  min-width: 40px
}
.m_list_ .item_ .progress_ .line_c_ {
  width: 40px;
  top: 50%;
  left: -50px;
  margin-top: -3px;
  position: absolute
}
.m_list_ .item_ .line_c_ {
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #f5f4f4;
  position: relative;
  margin-top: 6px
}
.m_list_ .item_ .line_c_ .line_ {
  width: 0;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--APP-track-color)
}
.m_list_ .item_ .line_c_.full_ {
  margin-top: 8px;
  position: relative
}
.m_graph_ {
  width: 100%;
  height: 300px;
  overflow: hidden;
  margin-top: 4px;
  display: inline-block;
  vertical-align: top
}
.m_graph_.pie_ {
  width: 450px;
  height: auto
}
.m_table_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px
}
.m_table_ .table_ {
  table-layout: fixed
}
.m_table_ .table_ .cell_ {
  box-sizing: border-box;
  padding: 10px 15px;
  vertical-align: middle
}
.m_table_ .group_c_ {
  width: 100%;
  margin-top: 10px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.m_table_ .group_c_:hover {
  background-color: var(--APP-item-list-hover)
}
.m_table_ .group_c_ .group_c_h_ {
  width: 100%;
  padding: 15px 10px 15px 40px;
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  color: #282828
}
.m_table_ .group_c_ .group_c_h_ i {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-size: 20px;
  line-height: 20px;
  text-align: center
}
.m_table_ .group_c_ .group_c_b_ {
  width: 100%;
  padding: 10px 0
}
.m_table_ .group_c_.active {
  background-color: var(--APP-item-list-hover)
}
.m_table_ .group_c_.active .group_c_h_ {
  border-bottom: 1px solid #efefef
}
.m_table_ .group_c_.active .group_c_h_ i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.m_table_ .head_ {
  width: 100%;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.m_table_ .head_ .cell_ {
  font-size: 8px;
  color: #707070;
  font-weight: 700;
  text-transform: uppercase
}
.m_table_ .head_ .cell_:first-child {
  border-left: 0 none
}
.m_table_ .body_ {
  width: 100%
}
.m_table_ .body_ .row_ {
  width: 100%
}
.m_table_ .body_ .row_ .cell_ {
  color: #282828;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600
}
.m_table_timesheet_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  box-sizing: border-box
}
.m_table_timesheet_ .empty_timesheet_ {
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  color: #282828
}
.m_table_timesheet_ .overflow_ {
  width: 100%;
  min-height: 150px;
  max-height: 450px;
  position: relative;
  overflow: auto;
  border: 1px solid #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  box-sizing: border-box
}
.m_table_timesheet_ .overflow_:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.m_table_timesheet_ .overflow_:not(:hover)::-webkit-scrollbar {
  width: 0;
  height: 0
}
.m_table_timesheet_ .head_ {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1
}
.m_table_timesheet_ .head_ .cell_ {
  border-bottom-color: #f5f4f4!important;
  background-color: #fff
}
.m_table_timesheet_ .body_ {
  z-index: 0
}
.m_table_timesheet_ .body_ .col_grupo {
  border-left: 5px solid #e2e2e2!important
}
.m_table_timesheet_ .left_ {
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0
}
.m_table_timesheet_ .left_ .sticky_ {
  width: 250px;
  background-color: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  border-right: 2px solid #e2e2e2
}
.m_table_timesheet_ .left_ .head_space_ {
  width: 100%;
  height: 18px;
  background-color: #fff;
  border-bottom: 1px solid #f5f4f4;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1
}
.m_table_timesheet_ .table_ {
  width: 100%;
  table-layout: fixed
}
.m_table_timesheet_ .table_ .cell_ {
  box-sizing: border-box;
  border-left: 1px solid #f5f4f4;
  border-bottom: 1px solid #e2e2e2;
  width: 180px;
  padding: 10px
}
.m_table_timesheet_ .table_ .cell_:first-child {
  border-left: 0 none
}
.m_table_timesheet_ .table_ .cell_.col_grupo + .cell_ {
  border-left: 0 none
}
.m_table_timesheet_ .table_ .cell_.col_grupo {
  width: 250px;
  border-right: 1px solid #e2e2e2!important;
  position: sticky;
  position: -webkit-sticky;
  left: 0
}
.m_table_timesheet_ .row_ {
  width: 100%;
  display: inline-table;
  vertical-align: top
}
.m_table_timesheet_ .group_name_ {
  width: 100%;
  text-align: left;
  position: relative;
  box-sizing: border-box;
  padding-right: 30px;
  cursor: pointer
}
.m_table_timesheet_ .group_name_.by_user_id {
  padding-left: 40px
}
.m_table_timesheet_ .group_name_.by_project_id {
  padding-left: 22px
}
.m_table_timesheet_ .group_name_.show_collapse_controls_false {
  cursor: default
}
.m_table_timesheet_ .group_name_.show_collapse_controls_false .collapse_ {
  display: none
}
.m_table_timesheet_ .group_name_ .collapse_ {
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  line-height: 31px;
  text-indent: 1px;
  text-align: center;
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 0;
  color: #282828;
  font-size: 14px;
  background-color: transparent;
  opacity: .3;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -ms-transition: opacity .4s;
  transition: opacity .4s
}
.m_table_timesheet_ .group_name_ .collapse_.status_close {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
.m_table_timesheet_ .row_ .table_:hover .group_name_ .collapse_ {
  opacity: 1
}
.m_table_timesheet_ .group_name_ .project_pill {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  background-color: #cfdae0;
  color: #fff!important;
  box-sizing: border-box
}
.m_table_timesheet_ .group_name_ .user_avatar {
  width: 29px;
  height: 29px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  background-size: cover;
  position: absolute;
  top: 0;
  background-color: #e2e2e2;
  left: 0;
  background-image: url(../../img/profile.png)
}
.m_table_timesheet_ .group_name_ h3 {
  font-size: 10px;
  line-height: 12px;
  color: var(--FORMS-label);
  font-weight: 300;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.m_table_timesheet_ .group_name_ h1 {
  font-size: 14px;
  line-height: 17px;
  color: #282828;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.m_table_timesheet_ .title_ {
  width: 100%;
  overflow: hidden;
  font-size: 8px;
  text-transform: uppercase;
  color: #282828;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap
}
.m_table_timesheet_ .value_ {
  font-size: 13px;
  line-height: 20px;
  color: #282828;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.m_table_timesheet_ .line_.g_ .table_ {
  height: 50px
}
.m_table_timesheet_ .line_.g_ .cell_ {
  padding: 10px;
  border-left-color: transparent;
  vertical-align: middle;
  background-color: #f9f9f9
}
.m_table_timesheet_ .line_.r_ .table_ {
  height: 30px
}
.m_table_timesheet_ .line_.r_ .cell_ {
  padding-top: 5px;
  padding-bottom: 5px;
  border-color: #e2e2e2;
  background-color: #efefef
}
.m_table_timesheet_ .line_.r_ .table_:hover .cell_ {
  background-color: #f3f3f3!important
}
.m_table_timesheet_ .body_ .lvl_0 .col_grupo {
  border-left: 0 none!important
}
.m_table_timesheet_ .line_.g_.lvl_0 .cell_ {
  background-color: #fff
}
.m_table_timesheet_ .lvl_0 .group_name_ h1 {
  font-weight: 700
}
.m_table_timesheet_footer_ {
  box-sizing: border-box;
  padding: 15px;
  text-align: left;
  font-size: 0;
  background-color: #faf9f9;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.m_table_timesheet_footer_ .pilar_ {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin-right: 20px;
  padding-right: 20px;
  text-align: left;
  border-right: 1px solid #efefef
}
.m_table_timesheet_footer_ .pilar_:last-child {
  margin-right: 0;
  border-right: 0 none
}
.m_table_timesheet_footer_ .pilar_ h3 {
  font-size: 10px;
  color: var(--FORMS-label);
  font-weight: 400;
  margin-bottom: 5px;
  display: block;
  vertical-align: top;
  text-transform: uppercase
}
.m_table_timesheet_footer_ .pilar_ h2 {
  font-size: 19px;
  height: 19px;
  box-sizing: border-box;
  color: #282828;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  position: relative
}
.m_account_activity_ {
  width: 100%
}
.m_account_activity_ .filters_ {
  width: 100%;
  height: 30px;
  margin-bottom: 15px
}
.m_account_activity_ .filters_ .view_tabs_ a {
  min-width: 0
}
.m_account_activity_ .chart_Cont_ {
  width: 100%;
  position: relative;
  background-color: #faf9f9;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding-bottom: 15px
}
.m_account_activity_ .chart_Cont_ .chart_ {
  width: 100%
}
.m_account_activity_ .chart_Cont_ .empty_chart_ {
  width: 100%;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  left: 0;
  padding: 30px 0 20px 0
}
.m_progress_list_ {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px
}
.m_progress_list_ .box_ {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box
}
.m_progress_list_ .box_ .title_ {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10;
  font-size: 16px;
  padding: 6px 0 15px 0;
  text-align: left;
  color: #282828;
  font-weight: 700
}
.m_progress_list_ .box_ .m_list_ {
  padding: 15px 15px 0 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 291px
}
.m_progress_list_ .box_ .m_list_:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.m_progress_list_ .box_ .no_data_ {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  color: #bfbfbf;
  text-transform: lowercase
}
.m_progress_list_ .box_ .no_data_::first-letter {
  text-transform: uppercase
}
.m_company_ {
  width: 100%
}
.m_company_.members_ {
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius)
}
.m_company_.members_ .userTimeCard {
  border-top: 1px solid #efefef;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.m_company_.members_ .userTimeCard:first-child {
  border-top: 0 none
}
.m_company_ .empty_members_ {
  width: 100%;
  padding: 5px 0;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  color: #282828
}
.m_company_ .userTimeCard {
  cursor: default
}
.m_company_ .userTimeCard .avatar {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  font-size: 20px;
  text-align: center;
  line-height: 30px
}
.m_company_ .userTimeCard .avatar .userAvatarContainer {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center center;
  background-size: cover
}
.m_company_ .userTimeCard:not(.companyTotals):hover {
  background-color: transparent
}
.m_company_ .userTimeCard .table_ {
  height: 60px
}
.m_company_ .userTimeCard .table_ .cell_ {
  padding: 15px
}
.m_company_ .userTimeCard .table_ .cell_.avatarTotal {
  width: 110px;
  padding-left: 50px
}
.m_company_ .userTimeCard .table_ .cell_.weekDays {
  width: auto
}
.m_company_ .userTimeCard .table_ .cell_.weekends {
  width: auto
}
.m_company_ .userTimeCard .table_ .cell_.clock_in {
  width: auto
}
.m_company_ .userTimeCard .table_ .cell_.clock_out {
  width: auto
}
.m_company_ .userTimeCard .table_ .cell_.clients {
  width: 50px
}
.m_company_ .userTimeCard .table_ .cell_.projects {
  width: 50px
}
.m_company_ .userTimeCard .table_ .cell_.tasks {
  width: 50px
}
.m_company_ .userTimeCard .title {
  font-size: 10px
}
.m_company_ .userTimeCard .account_avatar_ {
  margin-right: 10px;
  margin-top: -15px
}
.m_company_ .userTimeCard .userName {
  font-size: 11px;
  line-height: 11px
}
.m_company_ .userTimeCard .totalHours {
  font-size: 16px;
  line-height: 16px
}
.m_company_ .userTimeCard .bigNumber {
  font-size: 14px;
  line-height: 14px
}
.m_company_ .userTimeCard .value {
  min-height: 0;
  display: inline-block;
  font-size: 0;
  vertical-align: top
}
.m_company_ .userTimeCard .value .primary {
  margin-bottom: 5px
}
.m_company_ .userTimeCard .value h2 {
  font-size: 14px;
  line-height: 14px
}
.m_company_ .userTimeCard .value p {
  font-size: 10px;
  margin-right: 3px
}
.m_company_ .userTimeCard .value p:last-child {
  margin-right: 0
}
.m_company_ .userTimeCard .value p strong {
  font-size: 12px;
  line-height: 12px
}
@media only screen and (min-width :0px) and (max-width :1200px) {
  .m_company_ .userTimeCard .table_ .cell_.avatarTotal {
    width: 80px
  }
  .m_company_ .userTimeCard .table_ .cell_.clients {
    width: 30px
  }
  .m_company_ .userTimeCard .table_ .cell_.projects {
    width: 30px
  }
  .m_company_ .userTimeCard .table_ .cell_.tasks {
    width: 30px
  }
  .m_company_ .userTimeCard .totalHours {
    font-size: 14px;
    line-height: 14px
  }
  .m_company_ .userTimeCard .title {
    font-size: 8px
  }
  .userTimeCard.companyTotals .value .primary {
    margin-right: 0;
    width: 100%
  }
  .m_company_ .userTimeCard .value h2 {
    font-size: 12px;
    line-height: 12px
  }
  .m_company_ .userTimeCard .value p {
    font-size: 8px;
    margin-right: 2px
  }
  .m_company_ .userTimeCard .value p strong {
    font-size: 10px;
    line-height: 10px
  }
}
.m_two_cols_pie_chart_ {
  font-size: 0
}
.m_two_cols_pie_chart_ .table_ {
  table-layout: fixed
}
.m_two_cols_pie_chart_ .table_ .cell_ {
  box-sizing: border-box;
  width: 50%
}
.m_two_cols_pie_chart_ .table_.cell_.col_left {
  padding-right: 20px
}
.m_two_cols_pie_chart_ .table_ .cell_.col_right {
  padding-left: 20px
}
.m_two_cols_pie_chart_ .chart_ {
  width: 100%;
  display: inline-block;
  vertical-align: top
}
.m_two_cols_pie_chart_ .empty_chart_ {
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  color: #282828
}
.m_project_report_detail_ {
  background-color: #faf9f9;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 15px;
  padding-right: 170px;
  box-sizing: border-box;
  position: relative
}
.m_project_report_detail_ .name_ {
  width: 100%;
  text-align: left;
  margin-bottom: 10px
}
.m_project_report_detail_ .name_ h4 {
  font-size: 14px;
  line-height: 16px;
  color: #888;
  font-weight: 400
}
.m_project_report_detail_ .name_ h2 {
  font-size: 24px;
  line-height: 30px;
  color: #282828;
  position: relative;
  box-sizing: border-box;
  padding-left: 25px;
  font-weight: 700
}
.m_project_report_detail_ .name_ h2 .color_ {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #cfdae0
}
.m_project_report_detail_ .progress_ {
  width: 300px;
  font-size: 0;
  margin-top: 15px;
  margin-bottom: 10px
}
.m_project_report_detail_ .progress_ .progress_line_ {
  height: 8px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.m_project_report_detail_ .progress_ .progress_line_ .line_ {
  height: 8px;
  width: calc(100% - 50px);
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #dcdcdc
}
.m_project_report_detail_ .progress_ .progress_line_ .line_ .line_progress_ {
  height: 8px;
  position: relative;
  overflow: hidden;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: var(--APP-track-color);
  position: absolute;
  top: 0;
  left: 0
}
.m_project_report_detail_ .progress_ .progress_line_ .counter_ {
  width: 50px;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  color: #282828;
  margin-top: -7px;
  text-align: right
}
.m_project_report_detail_ .info_ {
  width: 100%;
  text-align: left;
  font-size: 0
}
.m_project_report_detail_ .info_ li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 30px;
  margin-right: 25px
}
.m_user_report_detail_ {
  background-color: #faf9f9;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 15px;
  padding-right: 170px;
  box-sizing: border-box;
  position: relative
}
.m_user_report_detail_ .name_ {
  width: 100%;
  text-align: left;
  position: relative;
  box-sizing: border-box;
  padding-left: 50px
}
.m_user_report_detail_ .avatar {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 2px;
  left: 0;
  background-color: rgb(0 0 0 / 50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  z-index: 1
}
.m_user_report_detail_ .name_ h4 {
  font-size: 14px;
  line-height: 16px;
  color: #888;
  font-weight: 400
}
.m_user_report_detail_ .name_ h2 {
  font-size: 24px;
  line-height: 30px;
  color: #282828;
  position: relative;
  box-sizing: border-box;
  font-weight: 700
}
.m_user_report_detail_ .info_ {
  width: 100%;
  text-align: left;
  font-size: 0;
  margin-top: 10px
}
.m_user_report_detail_ .info_ li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 30px;
  margin-right: 25px
}
.m_user_report_detail_ .info_ li strong small {
  opacity: .3;
  font-weight: 500;
  font-size: 12px
}
.m_simple_table_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  box-sizing: border-box
}
.m_simple_table_ .empty_timesheet_ {
  width: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 28px;
  color: #bfbfbf;
  text-transform: lowercase
}
.m_simple_table_ .empty_timesheet_::first-letter {
  text-transform: uppercase
}
.m_simple_table_ .overflow_ {
  width: 100%;
  min-height: 150px;
  max-height: 450px;
  position: relative;
  overflow: auto;
  border: 1px solid #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  box-sizing: border-box
}
.m_simple_table_ .head_ {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1
}
.m_simple_table_ .head_ .cell_ {
  background-color: #fff
}
.m_simple_table_ .body_ {
  z-index: 0
}
.m_simple_table_ .table_ {
  width: 100%;
  table-layout: fixed
}
.m_simple_table_ .table_ .cell_ {
  box-sizing: border-box;
  border-left: 1px solid #f5f4f4;
  border-bottom: 1px solid #f5f4f4;
  width: 180px;
  padding: 10px
}
.m_simple_table_ .table_ .cell_:first-child {
  border-left: 0 none
}
.m_simple_table_ .row_:last-child .table_ .cell_ {
  border-bottom: 0 none
}
.m_simple_table_ .table_ .cell_.col_grupo + .cell_ {
  border-left: 0 none
}
.m_simple_table_ .row_ {
  width: 100%;
  display: inline-table;
  vertical-align: top
}
.m_simple_table_ .title_ {
  width: 100%;
  overflow: hidden;
  font-size: 8px;
  text-transform: uppercase;
  color: #282828;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap
}
.m_simple_table_ .value_ {
  font-size: 13px;
  line-height: 20px;
  color: #282828;
  font-weight: 500
}
.m_simple_table_ .value_ .boolean_ico_ {
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px
}
.m_simple_table_ .value_ .boolean_ico_.status_false {
  opacity: .1
}
.m_simple_table_ .priority_ {
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #707070;
  display: inline-block;
  vertical-align: top;
  position: relative;
  pointer-events: none;
  font-weight: 400
}
.m_simple_table_ .avatars_list_ {
  width: auto;
  max-width: 90%;
  background-color: var(--APP-global-hover);
  display: inline-block;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  white-space: nowrap;
  overflow: hidden;
  padding: 4px;
  box-sizing: border-box;
  font-size: 0
}
.m_simple_table_ .avatars_list_ li {
  width: 14px;
  height: 14px;
  background-color: var(--APP-global-hover);
  background-repeat: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -5px;
  background-image: url(../../img/profile.png)
}
.m_simple_table_ .avatars_list_ li:first-child {
  margin-left: 0
}
.m_simple_table_ .string_list_ {
  width: 100%;
  font-size: 0;
  margin-top: 4px
}
.m_simple_table_ .string_list_ li {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.m_simple_table_ .string_list_ li:last-child {
  margin-bottom: 0
}
.module_totals_ {
  width: 100%;
  text-align: left;
  color: #282828
}
.module_totals_ h2 {
  font-size: 28px;
  line-height: 28px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2px;
  font-weight: 700
}
.module_totals_ p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700
}
.m_module_chart_ {
  width: 100%
}
.m_module_chart_ .chart_Cont_ {
  width: 100%;
  position: relative;
  background-color: #faf9f9;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  padding: 10px;
  box-sizing: border-box
}
.m_module_chart_ .chart_Cont_ .chart_ {
  width: 100%
}
.m_module_chart_ .chart_Cont_ .empty_chart_ {
  width: 100%;
  height: 50px;
  line-height: 40px;
  font-size: 20px;
  padding: 30px 0 25px 0;
  text-align: center;
  font-weight: 700
}
.dark-theme-on .m_list_ .item_ .user_ {
  color: #fff
}
.dark-theme-on .m_list_ .item_ .user_ .avatar_ {
  background-color: #1f232b
}
.dark-theme-on .m_list_ .item_ .progress_ .line_c_ {
  background-color: #fff
}
.dark-theme-on .m_list_ .item_ .progress_ .line_c_ .line_ {
  background-color: #989898
}
.dark-theme-on .m_list_ .item_ .progress_ .total_ {
  color: #fff
}
.dark-theme-on .m_list_ .item_ .text_ {
  color: #fff
}
.dark-theme-on .m_list_ .item_ .text_ .name_ {
  color: #fff
}
.dark-theme-on .m_list_ .item_ .text_ .name_ small {
  color: #868686
}
.dark-theme-on .m_list_.scroll {
  border: 1px solid #181b21!important;
  background-color: #1f232b
}
.dark-theme-on .m_title_ h1,
.dark-theme-on .m_title_ h1 .content_editable_el_ {
  color: #fff
}
.dark-theme-on .m_title_ h2,
.dark-theme-on .m_title_ h2 .content_editable_el_ {
  color: #fff
}
.dark-theme-on .m_title_ h3,
.dark-theme-on .m_title_ h3 .content_editable_el_ {
  color: #868686
}
.dark-theme-on .m_separator_ {
  background-color: #f5f4f4
}
.dark-theme-on .m_users_list_ .empty_message_ {
  color: #fff
}
.dark-theme-on .m_users_list_ .user_ {
  background-color: #20262f
}
.dark-theme-on .m_users_list_ .user_ .avatar_ .image_ {
  background-color: #cbcbcb
}
.dark-theme-on .m_users_list_ .user_ .name_ h2 {
  color: #fff
}
.dark-theme-on .m_users_list_ .user_ .progress_ {
  background-color: #cbcbcb
}
.dark-theme-on .m_users_list_ .user_ .progress_ .line_ {
  background-color: #fff
}
.dark-theme-on .m_list_.scroll {
  border-color: #f5f4f4
}
.dark-theme-on .m_list_ .empty_message_ {
  color: #fff
}
.dark-theme-on .m_list_ .item_ .user_ {
  color: #fff
}
.dark-theme-on .m_list_ .item_ .user_ .avatar_ {
  background-color: #f5f4f4
}
.dark-theme-on .m_list_ .item_ .text_ .name_ {
  color: #fff
}
.dark-theme-on .m_list_ .item_ .text_ .name_ small {
  color: #868686
}
.dark-theme-on .m_list_ .item_ .progress_ .total_ {
  color: #fff
}
.dark-theme-on .m_list_ .item_ .line_c_ {
  background-color: #20262f
}
.dark-theme-on .m_list_ .item_ .line_c_ .line_ {
  background-color: var(--APP-track-color)
}
.dark-theme-on .m_table_ .group_c_:hover {
  background-color: var(--APP-item-list-hover)
}
.dark-theme-on .m_table_ .group_c_ .group_c_h_ {
  color: #fff
}
.dark-theme-on .m_table_ .group_c_.active {
  background-color: var(--APP-item-list-hover)
}
.dark-theme-on .m_table_ .group_c_.active .group_c_h_ {
  border-bottom-color: 1px solid #efefef
}
.dark-theme-on .m_table_ .head_ {
  background-color: #f5f4f4
}
.dark-theme-on .m_table_ .head_ .cell_ {
  color: #707070
}
.dark-theme-on .m_table_ .body_ .row_ .cell_ {
  color: #fff
}
.dark-theme-on .m_table_timesheet_ .empty_timesheet_ {
  color: #fff
}
.dark-theme-on .m_table_timesheet_ .overflow_ {
  border-color: #20262f
}
.dark-theme-on .m_table_timesheet_ .overflow_:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.dark-theme-on .m_table_timesheet_ .head_ .cell_ {
  border-bottom-color: #20262f!important;
  background-color: #29313c
}
.dark-theme-on .m_table_timesheet_ .body_ .col_grupo {
  border-left-color: #20262f!important
}
.dark-theme-on .m_table_timesheet_ .left_ .sticky_ {
  background-color: #fff;
  border-right-color: #e2e2e2
}
.dark-theme-on .m_table_timesheet_ .left_ .head_space_ {
  background-color: #fff;
  border-bottom-color: #f5f4f4
}
.dark-theme-on .m_table_timesheet_ .table_ .cell_ {
  border-left-color: #20262f;
  border-bottom-color: #20262f
}
.dark-theme-on .m_table_timesheet_ .table_ .cell_.col_grupo {
  border-right-color: #20262f!important
}
.dark-theme-on .m_table_timesheet_ .group_name_ .collapse_ {
  color: #fff;
  background-color: transparent
}
.dark-theme-on .m_table_timesheet_ .group_name_ .project_pill {
  background-color: #cfdae0;
  color: #fff!important
}
.dark-theme-on .m_table_timesheet_ .group_name_ .user_avatar {
  background-color: #e2e2e2
}
.dark-theme-on .m_table_timesheet_ .group_name_ h3 {
  color: var(--FORMS-label)
}
.dark-theme-on .m_table_timesheet_ .group_name_ h1 {
  color: #fff
}
.dark-theme-on .m_table_timesheet_ .title_ {
  color: #fff
}
.dark-theme-on .m_table_timesheet_ .value_ {
  color: #fff
}
.dark-theme-on .m_table_timesheet_ .line_.g_ .cell_ {
  background-color: #323a46
}
.dark-theme-on .m_table_timesheet_ .line_.r_ .table_ {
  height: 30px
}
.dark-theme-on .m_table_timesheet_ .line_.r_ .cell_ {
  border-color: #20262f;
  background-color: #566171
}
.dark-theme-on .m_table_timesheet_ .line_.r_ .table_:hover .cell_ {
  background-color: #808c9e!important
}
.dark-theme-on .m_table_timesheet_ .line_.g_.lvl_0 .cell_ {
  background-color: #29313c
}
.dark-theme-on .m_table_timesheet_footer_ {
  background-color: #20262f
}
.dark-theme-on .m_table_timesheet_footer_ .pilar_ {
  border-right-color: #181c23
}
.dark-theme-on .m_table_timesheet_footer_ .pilar_ h3 {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on .m_table_timesheet_footer_ .pilar_ h2 {
  color: #fff
}
.dark-theme-on .m_account_activity_ .chart_Cont_ {
  background-color: #20262f
}
.dark-theme-on .m_progress_list_ .box_ .title_ {
  color: #fff
}
.dark-theme-on .m_progress_list_ .box_ .m_list_:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.dark-theme-on .m_progress_list_ .box_ .no_data_ {
  color: #969696
}
.dark-theme-on .m_company_.members_ .userTimeCard {
  border-top-color: #20262f
}
.dark-theme-on .m_company_ .empty_members_ {
  color: #fff
}
.dark-theme-on .m_company_ .userTimeCard:not(.companyTotals):hover {
  background-color: transparent
}
.dark-theme-on .m_two_cols_pie_chart_ .empty_chart_ {
  color: #fff
}
.dark-theme-on .m_project_report_detail_ {
  background-color: #20262f
}
.dark-theme-on .m_project_report_detail_ .name_ h4 {
  color: #888
}
.dark-theme-on .m_project_report_detail_ .name_ h2 {
  color: #fff
}
.dark-theme-on .m_project_report_detail_ .name_ h2 .color_ {
  background-color: #cfdae0
}
.dark-theme-on .m_project_report_detail_ .progress_ .progress_line_ .line_ {
  background-color: #dcdcdc
}
.dark-theme-on .m_project_report_detail_ .progress_ .progress_line_ .line_ .line_progress_ {
  background-color: var(--APP-track-color)
}
.dark-theme-on .m_project_report_detail_ .progress_ .progress_line_ .counter_ {
  color: #fff
}
.dark-theme-on .m_user_report_detail_ {
  background-color: #20262f
}
.dark-theme-on .m_user_report_detail_ .name_ h4 {
  color: #888
}
.dark-theme-on .m_user_report_detail_ .name_ h2 {
  color: #fff
}
.dark-theme-on .m_user_report_detail_ .name_ h2 .color_ {
  background-color: #cfdae0
}
.dark-theme-on .m_user_report_detail_ .progress_ .progress_line_ .line_ {
  background-color: #dcdcdc
}
.dark-theme-on .m_user_report_detail_ .progress_ .progress_line_ .line_ .line_progress_ {
  background-color: var(--APP-track-color)
}
.dark-theme-on .m_user_report_detail_ .progress_ .progress_line_ .counter_ {
  color: #fff
}
.dark-theme-on .m_simple_table_ .empty_timesheet_ {
  color: #fff
}
.dark-theme-on .m_simple_table_ .overflow_ {
  border-color: #20262f
}
.dark-theme-on .m_simple_table_ .head_ .cell_ {
  background-color: #29313c
}
.dark-theme-on .m_simple_table_ .table_ .cell_ {
  border-left-color: #20262f;
  border-bottom-color: #20262f
}
.dark-theme-on .m_simple_table_ .title_ {
  color: #fff
}
.dark-theme-on .m_simple_table_ .value_ {
  color: #fff
}
.dark-theme-on .m_simple_table_ .priority_ {
  color: #707070
}
.dark-theme-on .m_simple_table_ .avatars_list_ {
  background-color: var(--APP-global-hover)
}
.dark-theme-on .m_simple_table_ .avatars_list_ li {
  background-color: var(--APP-global-hover)
}
.dark-theme-on .module_totals_ {
  color: #fff
}
.dark-theme-on .m_module_chart_ .chart_Cont_ {
  background-color: #20262f
}
.dark-theme-on .m_paragraph_ .quill_.focus_ {
  border-color: #20262f
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .user_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .user_ .avatar_ {
  background-color: #1f232b
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .progress_ .line_c_ {
  background-color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .progress_ .line_c_ .line_ {
  background-color: #989898
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .progress_ .total_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .text_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .text_ .name_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .text_ .name_ small {
  color: #868686
}
.MSTEAMS.dark_mode_ .m_list_.scroll {
  border: 1px solid #181b21!important;
  background-color: #1f232b
}
.MSTEAMS.dark_mode_ .m_title_ h1,
.MSTEAMS.dark_mode_ .m_title_ h1 .content_editable_el_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_title_ h2,
.MSTEAMS.dark_mode_ .m_title_ h2 .content_editable_el_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_title_ h3,
.MSTEAMS.dark_mode_ .m_title_ h3 .content_editable_el_ {
  color: #868686
}
.MSTEAMS.dark_mode_ .m_paragraph_ .quill_.focus_ {
  border-color: #404040
}
.MSTEAMS.dark_mode_ .m_separator_ {
  background-color: #f5f4f4
}
.MSTEAMS.dark_mode_ .m_users_list_ .empty_message_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_users_list_ .user_ {
  background-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_users_list_ .user_ .avatar_ .image_ {
  background-color: #0e0d0d
}
.MSTEAMS.dark_mode_ .m_users_list_ .user_ .name_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_users_list_ .user_ .progress_ {
  background-color: #cbcbcb
}
.MSTEAMS.dark_mode_ .m_users_list_ .user_ .progress_ .line_ {
  background-color: #fff
}
.MSTEAMS.dark_mode_ .m_list_.scroll {
  border-color: #f5f4f4
}
.MSTEAMS.dark_mode_ .m_list_ .empty_message_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .user_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .user_ .avatar_ {
  background-color: #f5f4f4
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .text_ .name_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .text_ .name_ small {
  color: #868686
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .progress_ .total_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .line_c_ {
  background-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .line_c_ .line_ {
  background-color: var(--APP-track-color)
}
.MSTEAMS.dark_mode_ .m_table_ .group_c_:hover {
  background-color: var(--APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .m_table_ .group_c_ .group_c_h_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_table_ .group_c_.active {
  background-color: var(--APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .m_table_ .group_c_.active .group_c_h_ {
  border-bottom-color: 1px solid #efefef
}
.MSTEAMS.dark_mode_ .m_table_ .head_ {
  background-color: #f5f4f4
}
.MSTEAMS.dark_mode_ .m_table_ .head_ .cell_ {
  color: #707070
}
.MSTEAMS.dark_mode_ .m_table_ .body_ .row_ .cell_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .empty_timesheet_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .overflow_ {
  border-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .overflow_:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .head_ .cell_ {
  border-bottom-color: #2d2c2c!important;
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .body_ .col_grupo {
  border-left-color: #2d2c2c!important
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .left_ .sticky_ {
  background-color: #fff;
  border-right-color: #e2e2e2
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .left_ .head_space_ {
  background-color: #fff;
  border-bottom-color: #f5f4f4
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .table_ .cell_ {
  border-left-color: #2d2c2c;
  border-bottom-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .table_ .cell_.col_grupo {
  border-right-color: #2d2c2c!important
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .group_name_ .collapse_ {
  color: #fff;
  background-color: transparent
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .group_name_ .project_pill {
  background-color: #cfdae0;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .group_name_ .user_avatar {
  background-color: #e2e2e2
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .group_name_ h3 {
  color: var(--FORMS-label)
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .group_name_ h1 {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .title_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .value_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .line_.g_ .cell_ {
  background-color: #323a46
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .line_.r_ .table_ {
  height: 30px
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .line_.r_ .cell_ {
  border-color: #2d2c2c;
  background-color: #1d1b1b
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .line_.r_ .table_:hover .cell_ {
  background-color: #191717!important
}
.MSTEAMS.dark_mode_ .m_table_timesheet_ .line_.g_.lvl_0 .cell_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .m_table_timesheet_footer_ {
  background-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_table_timesheet_footer_ .pilar_ {
  border-right-color: #181c23
}
.MSTEAMS.dark_mode_ .m_table_timesheet_footer_ .pilar_ h3 {
  color: var(--DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ .m_table_timesheet_footer_ .pilar_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_account_activity_ .chart_Cont_ {
  background-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_progress_list_ .box_ .title_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_progress_list_ .box_ .m_list_:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.MSTEAMS.dark_mode_ .m_progress_list_ .box_ .no_data_ {
  color: #969696
}
.MSTEAMS.dark_mode_ .m_company_.members_ .userTimeCard {
  border-top-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_company_ .empty_members_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_company_ .userTimeCard:not(.companyTotals):hover {
  background-color: transparent
}
.MSTEAMS.dark_mode_ .m_two_cols_pie_chart_ .empty_chart_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_project_report_detail_ {
  background-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_project_report_detail_ .name_ h4 {
  color: #888
}
.MSTEAMS.dark_mode_ .m_project_report_detail_ .name_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_project_report_detail_ .name_ h2 .color_ {
  background-color: #cfdae0
}
.MSTEAMS.dark_mode_ .m_project_report_detail_ .progress_ .progress_line_ .line_ {
  background-color: #0e0d0d
}
.MSTEAMS.dark_mode_ .m_project_report_detail_ .progress_ .progress_line_ .line_ .line_progress_ {
  background-color: var(--APP-track-color)
}
.MSTEAMS.dark_mode_ .m_project_report_detail_ .progress_ .progress_line_ .counter_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_user_report_detail_ {
  background-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_user_report_detail_ .name_ h4 {
  color: #888
}
.MSTEAMS.dark_mode_ .m_user_report_detail_ .name_ h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_user_report_detail_ .name_ h2 .color_ {
  background-color: #cfdae0
}
.MSTEAMS.dark_mode_ .m_user_report_detail_ .progress_ .progress_line_ .line_ {
  background-color: #0e0d0d
}
.MSTEAMS.dark_mode_ .m_user_report_detail_ .progress_ .progress_line_ .line_ .line_progress_ {
  background-color: var(--APP-track-color)
}
.MSTEAMS.dark_mode_ .m_user_report_detail_ .progress_ .progress_line_ .counter_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_simple_table_ .empty_timesheet_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_simple_table_ .overflow_ {
  border-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_simple_table_ .head_ .cell_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .m_simple_table_ .table_ .cell_ {
  border-left-color: #1b1919;
  border-bottom-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_simple_table_ .title_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_simple_table_ .value_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_simple_table_ .priority_ {
  color: #707070
}
.MSTEAMS.dark_mode_ .m_simple_table_ .avatars_list_ {
  background-color: var(--APP-global-hover)
}
.MSTEAMS.dark_mode_ .m_simple_table_ .avatars_list_ li {
  background-color: var(--APP-global-hover)
}
.MSTEAMS.dark_mode_ .module_totals_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_module_chart_ .chart_Cont_ {
  background-color: #1b1919
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .user_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .user_ .avatar_ {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .progress_ .line_c_ {
  background-color: #fff
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .progress_ .line_c_ .line_ {
  background-color: #989898
}
.MSTEAMS.dark_mode_ .m_list_ .item_ .progress_ .total_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .m_list_.scroll {
  border: 1px solid #2d2c2c!important;
  background-color: #171717
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .user_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .user_ .avatar_ {
  background-color: #1f232b
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .progress_ .line_c_ {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .progress_ .line_c_ .line_ {
  background-color: #989898
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .progress_ .total_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .text_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .text_ .name_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .text_ .name_ small {
  color: #868686
}
.MSTEAMS.deep_dark_mode_ .m_list_.scroll {
  border: 1px solid #181b21!important;
  background-color: #1f232b
}
.MSTEAMS.deep_dark_mode_ .m_title_ h1,
.MSTEAMS.deep_dark_mode_ .m_title_ h1 .content_editable_el_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_title_ h2,
.MSTEAMS.deep_dark_mode_ .m_title_ h2 .content_editable_el_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_title_ h3,
.MSTEAMS.deep_dark_mode_ .m_title_ h3 .content_editable_el_ {
  color: #868686
}
.MSTEAMS.deep_dark_mode_ .m_paragraph_ .quill_.focus_ {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_separator_ {
  background-color: #f5f4f4
}
.MSTEAMS.deep_dark_mode_ .m_users_list_ .empty_message_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_users_list_ .user_ {
  background-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_users_list_ .user_ .avatar_ .image_ {
  background-color: #0e0d0d
}
.MSTEAMS.deep_dark_mode_ .m_users_list_ .user_ .name_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_users_list_ .user_ .progress_ {
  background-color: #cbcbcb
}
.MSTEAMS.deep_dark_mode_ .m_users_list_ .user_ .progress_ .line_ {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_.scroll {
  border-color: #f5f4f4
}
.MSTEAMS.deep_dark_mode_ .m_list_ .empty_message_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .user_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .user_ .avatar_ {
  background-color: #f5f4f4
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .text_ .name_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .text_ .name_ small {
  color: #868686
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .progress_ .total_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .line_c_ {
  background-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .line_c_ .line_ {
  background-color: var(--APP-track-color)
}
.MSTEAMS.deep_dark_mode_ .m_table_ .group_c_:hover {
  background-color: var(--APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .m_table_ .group_c_ .group_c_h_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_table_ .group_c_.active {
  background-color: var(--APP-item-list-hover)
}
.MSTEAMS.deep_dark_mode_ .m_table_ .group_c_.active .group_c_h_ {
  border-bottom-color: 1px solid #efefef
}
.MSTEAMS.deep_dark_mode_ .m_table_ .head_ {
  background-color: #f5f4f4
}
.MSTEAMS.deep_dark_mode_ .m_table_ .head_ .cell_ {
  color: #707070
}
.MSTEAMS.deep_dark_mode_ .m_table_ .body_ .row_ .cell_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .empty_timesheet_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .overflow_ {
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .overflow_:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .head_ .cell_ {
  border-bottom-color: #2d2c2c!important;
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .body_ .col_grupo {
  border-left-color: #2d2c2c!important
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .left_ .sticky_ {
  background-color: #fff;
  border-right-color: #e2e2e2
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .left_ .head_space_ {
  background-color: #fff;
  border-bottom-color: #f5f4f4
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .table_ .cell_ {
  border-left-color: #2d2c2c;
  border-bottom-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .table_ .cell_.col_grupo {
  border-right-color: #2d2c2c!important
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .group_name_ .collapse_ {
  color: #fff;
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .group_name_ .project_pill {
  background-color: #cfdae0;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .group_name_ .user_avatar {
  background-color: #e2e2e2
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .group_name_ h3 {
  color: var(--FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .group_name_ h1 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .title_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .value_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .line_.g_ .cell_ {
  background-color: #323a46
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .line_.r_ .table_ {
  height: 30px
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .line_.r_ .cell_ {
  border-color: #2d2c2c;
  background-color: #1d1b1b
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .line_.r_ .table_:hover .cell_ {
  background-color: #191717!important
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_ .line_.g_.lvl_0 .cell_ {
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_footer_ {
  background-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_footer_ .pilar_ {
  border-right-color: #181c23
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_footer_ .pilar_ h3 {
  color: var(--DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ .m_table_timesheet_footer_ .pilar_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_account_activity_ .chart_Cont_ {
  background-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_progress_list_ .box_ .title_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_progress_list_ .box_ .m_list_:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .m_progress_list_ .box_ .no_data_ {
  color: #969696
}
.MSTEAMS.deep_dark_mode_ .m_company_.members_ .userTimeCard {
  border-top-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_company_ .empty_members_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_company_ .userTimeCard:not(.companyTotals):hover {
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .m_two_cols_pie_chart_ .empty_chart_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_project_report_detail_ {
  background-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_project_report_detail_ .name_ h4 {
  color: #888
}
.MSTEAMS.deep_dark_mode_ .m_project_report_detail_ .name_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_project_report_detail_ .name_ h2 .color_ {
  background-color: #cfdae0
}
.MSTEAMS.deep_dark_mode_ .m_project_report_detail_ .progress_ .progress_line_ .line_ {
  background-color: #0e0d0d
}
.MSTEAMS.deep_dark_mode_ .m_project_report_detail_ .progress_ .progress_line_ .line_ .line_progress_ {
  background-color: var(--APP-track-color)
}
.MSTEAMS.deep_dark_mode_ .m_project_report_detail_ .progress_ .progress_line_ .counter_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_user_report_detail_ {
  background-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_user_report_detail_ .name_ h4 {
  color: #888
}
.MSTEAMS.deep_dark_mode_ .m_user_report_detail_ .name_ h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_user_report_detail_ .name_ h2 .color_ {
  background-color: #cfdae0
}
.MSTEAMS.deep_dark_mode_ .m_user_report_detail_ .progress_ .progress_line_ .line_ {
  background-color: #0e0d0d
}
.MSTEAMS.deep_dark_mode_ .m_user_report_detail_ .progress_ .progress_line_ .line_ .line_progress_ {
  background-color: var(--APP-track-color)
}
.MSTEAMS.deep_dark_mode_ .m_user_report_detail_ .progress_ .progress_line_ .counter_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_simple_table_ .empty_timesheet_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_simple_table_ .overflow_ {
  border-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_simple_table_ .head_ .cell_ {
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ .m_simple_table_ .table_ .cell_ {
  border-left-color: #1b1919;
  border-bottom-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_simple_table_ .title_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_simple_table_ .value_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_simple_table_ .priority_ {
  color: #707070
}
.MSTEAMS.deep_dark_mode_ .m_simple_table_ .avatars_list_ {
  background-color: var(--APP-global-hover)
}
.MSTEAMS.deep_dark_mode_ .m_simple_table_ .avatars_list_ li {
  background-color: var(--APP-global-hover)
}
.MSTEAMS.deep_dark_mode_ .module_totals_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_module_chart_ .chart_Cont_ {
  background-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .user_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .user_ .avatar_ {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .progress_ .line_c_ {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .progress_ .line_c_ .line_ {
  background-color: #989898
}
.MSTEAMS.deep_dark_mode_ .m_list_ .item_ .progress_ .total_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .m_list_.scroll {
  border: 1px solid #f5f4f4!important;
  background-color: #000
}
.apexcharts-canvas .apexcharts-svg {
  background-color: transparent!important
}
.apexcharts-tooltip-title:empty {
  display: none
}
.apexcharts-tooltip-title:empty + .apexcharts-tooltip-series-group {
  padding-top: 4px
}
.apexcharts-legend-series {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  height: auto!important
}
.apexcharts-canvas .apexcharts-legend {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  padding: 0!important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.apexcharts-canvas .apexcharts-legend::-webkit-scrollbar-thumb {
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: none!important
}
.apexcharts-canvas .apexcharts-legend:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent
}
.files_uploader_ {
  width: 100%;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  font-size: 0;
  margin-bottom: calc(var(--FORMS-space) - 5px);
  z-index: 20;
  padding-right: 30px
}
.files_uploader_::before {
  width: 100%;
  height: 100%;
  line-height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity .2s,visibility .2s;
  -moz-transition: opacity .2s,visibility .2s;
  -ms-transition: opacity .2s,visibility .2s;
  transition: opacity .2s,visibility .2s;
  content: '+';
  text-align: center;
  background-color: var(--APP-focus-selected-color);
  z-index: 50;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  font-size: 20px;
  color: var(--APP-focus-color);
  border: 2px dashed var(--APP-focus-color);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center
}
.files_uploader_.file_drag_active::before {
  opacity: 1;
  visibility: visible
}
.files_uploader_.file_drag_active .files_ {
  opacity: 0
}
.files_form_ {
  display: none
}
.files_uploader_ .files_ {
  display: inline;
  vertical-align: top;
  margin-right: 5px;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  transition: opacity .2s
}
.files_uploader_ .files_:empty {
  display: none!important
}
.files_uploader_ .files_:empty + .add_file_inline_ {
  display: block
}
.files_uploader_ .files_:empty + .add_file_inline_ + .add_file_ {
  display: none
}
.files_uploader_ .files_:not(:empty) + .add_file_inline_ {
  display: none
}
.files_uploader_ .files_:not(:empty) + .add_file_inline_ + .add_file_ {
  margin-bottom: 15px
}
.files_uploader_ .files_ .title_ {
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  color: #282828;
  line-height: 14px;
  font-weight: 600
}
.files_uploader_ .add_file_ {
  width: 51px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px
}
.files_uploader_ .add_file_ a,
.files_uploader_ .add_file_ label {
  width: 51px;
  height: 50px;
  line-height: 50px;
  text-align: center
}
.files_uploader_ .add_file_ a i,
.files_uploader_ .add_file_ label i {
  font-size: 15px
}
.files_uploader_ .add_file_ label u .files_uploader_ .add_file_ a u {
  display: none
}
.files_uploader_ .add_file_inline_ {
  width: calc(100% + 30px)
}
.files_uploader_ .file_ {
  width: 51px;
  height: 50px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #e0e0e0;
  cursor: pointer;
  border: 2px solid #f5f4f4;
  box-sizing: border-box;
  z-index: 0
}
.files_uploader_ .file_:last-child {
  margin-right: 0
}
.files_uploader_ .file_:hover {
  border-color: var(--APP-focus-color);
  z-index: 1
}
.files_uploader_ .file_.loading_::before {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  content: '';
  width: 100%;
  z-index: 1;
  height: 100%;
  display: inline-block;
  opacity: .3;
  animation: loadingFile 1s infinite;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}
.files_uploader_ .file_.loading_ * {
  pointer-events: none
}
.files_uploader_ .file_ .file_actions_ {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 10
}
.files_uploader_ .file_ .file_actions_ .show_ {
  width: 20px;
  height: 20px;
  line-height: 22px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: var(--APP-focus-color);
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px
}
.files_uploader_ .file_ .file_actions_ .drop_pop_ {
  top: -10px;
  left: -10px!important;
  width: 130px
}
.files_uploader_ .file_:hover .file_actions_ {
  display: block
}
.files_uploader_ .file_ .file_image_ {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}
.files_uploader_ .file_ .file_extension_ {
  width: 100%;
  line-height: 46px;
  height: 46px;
  text-align: center;
  text-transform: uppercase;
  color: #282828;
  font-weight: 600;
  font-size: 10px;
  position: relative;
  z-index: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
  box-sizing: border-box
}
.files_uploader_.display_only_ {
  border: 0 none;
  padding: 0
}
.files_uploader_.display_only_ .file_actions_ {
  display: none!important
}
@keyframes loadingFile {
  0% {
    opacity: .3
  }
  50% {
    opacity: .6
  }
  100% {
    opacity: .3
  }
}
body.dark-theme-on .files_uploader_ .file_ {
  background-color: #434d5d;
  border-color: #434d5d
}
body.dark-theme-on .files_uploader_ .file_:hover {
  border-color: var(--APP-focus-color)
}
body.dark-theme-on .files_uploader_ .file_ .file_actions_ .show_ {
  color: #fff
}
body.dark-theme-on .files_uploader_ .file_ .file_extension_ {
  color: #fff
}
body.dark-theme-on .files_uploader_::before {
  background-color: var(--DARK-APP-focus-selected-color);
  color: var(--APP-focus-color);
  border-color: var(--APP-focus-color)
}
body.dark-theme-on .files_uploader_ .file_.loading_::before {
  background-color: #4d5767
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_ {
  background-color: #2d2c2c;
  border-color: #5a5a5a
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_:hover {
  border-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_:hover {
  background-color: var(--APP-focus-color);
  color: #fff
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_ .file_extension_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_.loading_::before {
  background-color: #4e4e4e
}
.MSTEAMS.deep_dark_mode_ .files_uploader_ .file_ {
  background-color: #000;
  border-color: #000
}
.MSTEAMS.deep_dark_mode_ .files_uploader_ .file_:hover {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .files_uploader_ .file_ .file_actions_ .show_ {
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .files_uploader_ .file_ .file_extension_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_.loading_::before {
  background-color: #000
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_ {
  background-color: #2d2c2c;
  border-color: #5a5a5a
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_:hover {
  border-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_:hover {
  background-color: var(--APP-focus-color);
  color: #fff
}
.MSTEAMS.dark_mode_ .files_uploader_ .file_ .file_extension_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .files_uploader_::before {
  background-color: var(--MS-DARK-APP-focus-selected-color);
  color: var(--APP-focus-color);
  border-color: var(--APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ .files_uploader_ .file_ {
  background-color: #000;
  border-color: #000
}
.MSTEAMS.deep_dark_mode_ .files_uploader_ .file_:hover {
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .files_uploader_ .file_ .file_actions_ .show_ {
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .files_uploader_ .file_ .file_extension_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .files_uploader_::before {
  background-color: #ebeb01;
  color: #000;
  border-color: #000
}
.multi_select_button_ {
  display: inline-block;
  vertical-align: top;
  color: var(--FORMS-value);
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  height: 30px;
  box-sizing: border-box;
  padding: 0 10px 0 35px;
  position: relative;
  -webkit-transition: -webkit-border-radius .4s;
  -moz-transition: -moz-border-radius .4s;
  -ms-transition: -ms-border-radius .4s;
  transition: border-radius .4s
}
.multi_select_button_ .ico_ {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 10px;
  margin-top: -7px;
  display: inline-block;
  vertical-align: top;
  pointer-events: none
}
.multi_select_button_ .toggle_ {
  width: 20px;
  height: 16px;
  margin-top: 7px;
  position: relative;
  pointer-events: none
}
.multi_select_button_ .toggle_::after {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -3px;
  content: '';
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box
}
.multi_select_button_ .toggle_::before {
  width: 20px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: '';
  background-color: var(--FORMS-checkbox-inactive);
  border: 0 none;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px
}
.multi_select_button_.active,
.multi_select_button_:hover {
  background-color: #eaeaea
}
.multi_select_button_.active .toggle_::after,
.multi_select_button_:hover .toggle_::after {
  background-color: #fff
}
.multi_select_button_.active .toggle_::before,
.multi_select_button_:hover .toggle_::before {
  background-color: var(--FORMS-checkbox-active)
}
.multi_select_button_.active {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: var(--APP-focus-selected-color);
  color: var(--APP-focus-color)
}
.multi_select_button_.active .toggle_::before {
  background-color: var(--APP-focus-color)
}
.multi_select_button_.active .toggle_::after {
  left: 10px
}
body.dark-theme-on .multi_select_button_ {
  color: var(--DARK-FORMS-value);
  background-color: #434d5d
}
body.dark-theme-on .multi_select_button_ .toggle_::after {
  background-color: #fff
}
body.dark-theme-on .multi_select_button_ .toggle_::before {
  background-color: #37404e
}
body.dark-theme-on .multi_select_button_.active,
body.dark-theme-on .multi_select_button_:hover {
  background-color: #20242a
}
body.dark-theme-on .multi_select_button_.active .toggle_::after,
body.dark-theme-on .multi_select_button_:hover .toggle_::after {
  background-color: #fff
}
body.dark-theme-on .multi_select_button_.active .toggle_::before,
body.dark-theme-on .multi_select_button_:hover .toggle_::before {
  background-color: #4d596b
}
body.dark-theme-on .multi_select_button_.active {
  background-color: var(--DARK-APP-focus-selected-color);
  color: var(--APP-focus-color)
}
body.dark-theme-on .multi_select_button_.active .toggle_::before {
  background-color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .multi_select_button_ {
  color: var(--MS-DARK-FORMS-value);
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .multi_select_button_ .toggle_::after {
  background-color: #fff
}
.MSTEAMS.dark_mode_ .multi_select_button_ .toggle_::before {
  background-color: var(--MS-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.dark_mode_ .multi_select_button_.active,
.MSTEAMS.dark_mode_ .multi_select_button_:hover {
  background-color: #3c3c3c
}
.MSTEAMS.dark_mode_ .multi_select_button_.active .toggle_::after,
.MSTEAMS.dark_mode_ .multi_select_button_:hover .toggle_::after {
  background-color: #fff
}
.MSTEAMS.dark_mode_ .multi_select_button_.active .toggle_::before,
.MSTEAMS.dark_mode_ .multi_select_button_:hover .toggle_::before {
  background-color: var(--MS-DARK-FORMS-checkbox-active)
}
.MSTEAMS.dark_mode_ .multi_select_button_.active {
  background-color: var(--MS-DARK-APP-focus-selected-color);
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .multi_select_button_.active .toggle_::before {
  background-color: var(--APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ .multi_select_button_ {
  color: #000;
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .multi_select_button_ .toggle_::after {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .multi_select_button_ .toggle_::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-inactive)
}
.MSTEAMS.deep_dark_mode_ .multi_select_button_.active,
.MSTEAMS.deep_dark_mode_ .multi_select_button_:hover {
  background-color: #ff0
}
.MSTEAMS.deep_dark_mode_ .multi_select_button_.active .toggle_::after,
.MSTEAMS.deep_dark_mode_ .multi_select_button_:hover .toggle_::after {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .multi_select_button_.active .toggle_::before,
.MSTEAMS.deep_dark_mode_ .multi_select_button_:hover .toggle_::before {
  background-color: var(--MS-DEEP-DARK-FORMS-checkbox-active)
}
.MSTEAMS.deep_dark_mode_ .multi_select_button_.active {
  background-color: #ff0;
  color: #000
}
.MSTEAMS.deep_dark_mode_ .multi_select_button_.active .toggle_::before {
  background-color: #fff
}
.quill_ {
  padding: 0;
  box-sizing: border-box;
  position: relative
}
.quill_ * {
  box-sizing: border-box
}
.quill_ .ql-container {
  width: 100%;
  position: relative
}
.quill_ .ql-container .ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%
}
.quill_ .ql-container .ql-clipboard p {
  margin: 0;
  padding: 0
}
.quill_ .ql-toolbar {
  width: auto;
  overflow: hidden;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 5px;
  font-size: 0;
  position: relative;
  background-color: #f7f7f7
}
.quill_ .ql-toolbar .ql-formats {
  display: inline-block;
  margin-left: 10px
}
.quill_ .ql-toolbar .ql-formats:first-child {
  margin-left: 0
}
.quill_ .ql-toolbar .ql-formats button {
  width: 25px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background-color: transparent;
  border: 0 none;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  margin-left: 5px
}
.quill_ .ql-toolbar .ql-formats button:first-child {
  margin-left: 0
}
.quill_ .ql-toolbar .ql-formats button:hover {
  background-color: #e6e6e6
}
.quill_ .ql-toolbar .ql-formats button svg {
  width: 100%;
  height: 100%
}
.quill_ .ql-toolbar .ql-formats button svg .ql-stroke {
  fill: none;
  stroke: #848484;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2
}
.quill_ .ql-toolbar .ql-formats button svg .ql-fill {
  fill: #848484
}
.quill_ .ql-toolbar .ql-formats button svg .ql-thin {
  stroke-width: 1
}
.quill_ .ql-toolbar .ql-formats button:hover svg .ql-stroke {
  stroke: #282828
}
.quill_ .ql-toolbar .ql-formats button:hover svg .ql-fill {
  fill: #282828
}
.quill_ .ql-toolbar .ql-formats button.ql-active {
  background-color: #e6e6e6
}
.quill_ .ql-toolbar .ql-formats button.ql-active .ql-stroke {
  stroke: var(--APP-focus-color)!important
}
.quill_ .ql-toolbar .ql-formats button.ql-active .ql-fill {
  fill: var(--APP-focus-color)!important
}
.quill_ .ql-editor {
  width: 100%;
  outline: 0;
  overflow-y: auto;
  margin-top: 10px;
  tab-size: 3;
  -moz-tab-size: 3;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 24px;
  font-size: 14px;
  padding: 8px;
  box-sizing: border-box;
  position: relative;
  left: -5px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid transparent
}
.quill_ .ql-editor[contenteditable=true]:hover {
  background-color: #fff!important;
  border-color: #efefef!important
}
.quill_ .ql-editor[contenteditable=true]:focus {
  border-color: var(--APP-focus-color)!important;
  background-color: #fff!important
}
.quill_ .ql-editor a {
  text-decoration: underline;
  cursor: pointer
}
.quill_ .ql-editor u {
  text-decoration: underline!important
}
.quill_ .ql-editor > * {
  cursor: text
}
.quill_ .ql-editor blockquote,
.quill_ .ql-editor h1,
.quill_ .ql-editor h2,
.quill_ .ql-editor h3,
.quill_ .ql-editor h4,
.quill_ .ql-editor h5,
.quill_ .ql-editor h6,
.quill_ .ql-editor ol,
.quill_ .ql-editor p,
.quill_ .ql-editor pre,
.quill_ .ql-editor ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.quill_ .ql-editor ol,
.quill_ .ql-editor ul {
  padding-left: 15px
}
.quill_ .ql-editor ol > li,
.quill_ .ql-editor ul > li {
  list-style-type: none
}
.quill_ .ql-editor ul > li::before {
  content: '\2022'
}
.quill_ .ql-editor ul[data-checked=false],
.quill_ .ql-editor ul[data-checked=true] {
  pointer-events: none
}
.quill_ .ql-editor ul[data-checked=false] > li *,
.quill_ .ql-editor ul[data-checked=true] > li * {
  pointer-events: all
}
.quill_ .ql-editor ul[data-checked=false] > li::before,
.quill_ .ql-editor ul[data-checked=true] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all
}
.quill_ .ql-editor ul[data-checked=true] > li::before {
  content: '\2611'
}
.quill_ .ql-editor ul[data-checked=false] > li::before {
  content: '\2610'
}
.quill_ .ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 12px
}
.quill_ .ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -15px;
  margin-right: 5px;
  text-align: right
}
.quill_ .ql-editor li.ql-direction-rtl::before {
  margin-left: 5px;
  margin-right: -15px
}
.quill_ .ql-editor ol li:not(.ql-direction-rtl),
.quill_ .ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 15px
}
.quill_ .ql-editor ol li.ql-direction-rtl,
.quill_ .ql-editor ul li.ql-direction-rtl {
  padding-right: 15px
}
.quill_ .ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0
}
.quill_ .ql-editor ol li:before {
  content: counter(list-0,decimal) '. '
}
.quill_ .ql-editor ol li.ql-indent-1 {
  counter-increment: list-1
}
.quill_ .ql-editor ol li.ql-indent-1:before {
  content: counter(list-1,lower-alpha) '. '
}
.quill_ .ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.quill_ .ql-editor ol li.ql-indent-2 {
  counter-increment: list-2
}
.quill_ .ql-editor ol li.ql-indent-2:before {
  content: counter(list-2,lower-roman) '. '
}
.quill_ .ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.quill_ .ql-editor ol li.ql-indent-3 {
  counter-increment: list-3
}
.quill_ .ql-editor ol li.ql-indent-3:before {
  content: counter(list-3,decimal) '. '
}
.quill_ .ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}
.quill_ .ql-editor ol li.ql-indent-4 {
  counter-increment: list-4
}
.quill_ .ql-editor ol li.ql-indent-4:before {
  content: counter(list-4,lower-alpha) '. '
}
.quill_ .ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9
}
.quill_ .ql-editor ol li.ql-indent-5 {
  counter-increment: list-5
}
.quill_ .ql-editor ol li.ql-indent-5:before {
  content: counter(list-5,lower-roman) '. '
}
.quill_ .ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9
}
.quill_ .ql-editor ol li.ql-indent-6 {
  counter-increment: list-6
}
.quill_ .ql-editor ol li.ql-indent-6:before {
  content: counter(list-6,decimal) '. '
}
.quill_ .ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9
}
.quill_ .ql-editor ol li.ql-indent-7 {
  counter-increment: list-7
}
.quill_ .ql-editor ol li.ql-indent-7:before {
  content: counter(list-7,lower-alpha) '. '
}
.quill_ .ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9
}
.quill_ .ql-editor ol li.ql-indent-8 {
  counter-increment: list-8
}
.quill_ .ql-editor ol li.ql-indent-8:before {
  content: counter(list-8,lower-roman) '. '
}
.quill_ .ql-editor ol li.ql-indent-8 {
  counter-reset: list-9
}
.quill_ .ql-editor ol li.ql-indent-9 {
  counter-increment: list-9
}
.quill_ .ql-editor ol li.ql-indent-9:before {
  content: counter(list-9,decimal) '. '
}
.quill_ .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 5px
}
.quill_ .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 10px
}
.quill_ .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 5px
}
.quill_ .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 10px
}
.quill_ .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 15px
}
.quill_ .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 20px
}
.quill_ .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 15px
}
.quill_ .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 20px
}
.quill_ .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 25px
}
.quill_ .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 30px
}
.quill_ .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 25px
}
.quill_ .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 30px
}
.quill_ .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 35px
}
.quill_ .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 40px
}
.quill_ .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 35px
}
.quill_ .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 40px
}
.quill_ .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 45px
}
.quill_ .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 50px
}
.quill_ .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 45px
}
.quill_ .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 50px
}
.quill_ .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 55px
}
.quill_ .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 60px
}
.quill_ .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 55px
}
.quill_ .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 60px
}
.quill_ .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 65px
}
.quill_ .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 70px
}
.quill_ .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 65px
}
.quill_ .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 70px
}
.quill_ .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 75px
}
.quill_ .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 80px
}
.quill_ .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 75px
}
.quill_ .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 80px
}
.quill_ .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 85px
}
.quill_ .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 90px
}
.quill_ .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 85px
}
.quill_ .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 90px
}
.quill_ .ql-editor .ql-video {
  display: block;
  max-width: 100%
}
.quill_ .ql-editor .ql-video.ql-align-center {
  margin: 0 auto
}
.quill_ .ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto
}
.quill_ .ql-editor .ql-bg-black {
  background-color: #000
}
.quill_ .ql-editor .ql-bg-red {
  background-color: #e60000
}
.quill_ .ql-editor .ql-bg-orange {
  background-color: #f90
}
.quill_ .ql-editor .ql-bg-yellow {
  background-color: #ff0
}
.quill_ .ql-editor .ql-bg-green {
  background-color: #008a00
}
.quill_ .ql-editor .ql-bg-blue {
  background-color: #06c
}
.quill_ .ql-editor .ql-bg-purple {
  background-color: #93f
}
.quill_ .ql-editor .ql-color-white {
  color: #fff
}
.quill_ .ql-editor .ql-color-red {
  color: #e60000
}
.quill_ .ql-editor .ql-color-orange {
  color: #f90
}
.quill_ .ql-editor .ql-color-yellow {
  color: #ff0
}
.quill_ .ql-editor .ql-color-green {
  color: #008a00
}
.quill_ .ql-editor .ql-color-blue {
  color: #06c
}
.quill_ .ql-editor .ql-color-purple {
  color: #93f
}
.quill_ .ql-editor .ql-font-serif {
  font-family: Georgia,Times New Roman,serif
}
.quill_ .ql-editor .ql-font-monospace {
  font-family: Monaco,Courier New,monospace
}
.quill_ .ql-editor .ql-size-small {
  font-size: 13px
}
.quill_ .ql-editor .ql-size-large {
  font-size: 15px
}
.quill_ .ql-editor .ql-size-huge {
  font-size: 17px
}
.quill_ .ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit
}
.quill_ .ql-editor .ql-align-center {
  text-align: center
}
.quill_ .ql-editor .ql-align-justify {
  text-align: justify
}
.quill_ .ql-editor .ql-align-right {
  text-align: right
}
.quill_ .ql-editor.ql-blank::before {
  color: var(--FORMS-value-placeholder);
  content: attr(data-placeholder);
  left: 8px;
  opacity: .7;
  pointer-events: none;
  position: absolute;
  right: 0;
  font-weight: 500
}
.quill_ .ql-disabled .ql-editor.ql-blank::before {
  display: none
}
.quill_ .ql-tooltip {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--APP-shadow-border);
  position: absolute;
  padding: 0 15px;
  z-index: 100;
  white-space: nowrap
}
.quill_ .ql-tooltip.ql-hidden {
  display: none
}
.quill_ .ql-tooltip::before {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  color: var(--APP-label);
  margin-right: 10px;
  font-weight: 600;
  content: "Visit URL:"
}
.quill_ .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"
}
.quill_ .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:"
}
.quill_ .ql-tooltip[data-mode=video]::before {
  content: "Enter video:"
}
.quill_ .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"
}
.quill_ .ql-tooltip a.ql-preview,
.quill_ .ql-tooltip input[type=text] {
  width: 150px;
  height: 24px;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  color: #282828;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--FORMS-border);
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.quill_ .ql-tooltip input[type=text]:focus {
  border-color: var(--FORMS-focus)!important;
  -webkit-box-shadow: var(--FORMS-shadow);
  -moz-box-shadow: var(--FORMS-shadow);
  box-shadow: var(--FORMS-shadow)
}
.quill_ .ql-tooltip a.ql-preview {
  border-color: transparent;
  padding: 0;
  text-decoration: underline;
  margin: 0
}
.quill_ .ql-tooltip a.ql-preview:hover {
  color: var(--APP-focus-color)
}
.quill_ .ql-tooltip input[type=text] {
  display: none
}
.quill_ .ql-tooltip.ql-editing a.ql-preview {
  display: none
}
.quill_ .ql-tooltip.ql-editing input[type=text] {
  display: inline-block
}
.quill_ .ql-tooltip a {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  color: #282828;
  margin-left: 15px;
  font-weight: 600;
  cursor: pointer
}
.quill_ .ql-tooltip a:hover {
  text-decoration: underline
}
.quill_ .ql-tooltip.ql-editing a.ql-action::after {
  content: 'Save'
}
.quill_ .ql-tooltip.ql-editing a.ql-preview,
.quill_ .ql-tooltip.ql-editing a.ql-remove {
  display: none
}
.quill_ .ql-tooltip a.ql-action::after {
  content: 'Edit'
}
.quill_ .ql-tooltip a.ql-remove::before {
  content: 'Remove'
}
.dark_mode_ .quill_ .ql-toolbar,
body.dark-theme-on .quill_ .ql-toolbar {
  background-color: #20262f
}
.dark_mode_ .quill_ .ql-toolbar .ql-formats button,
body.dark-theme-on .quill_ .ql-toolbar .ql-formats button {
  background-color: transparent
}
.dark_mode_ .quill_ .ql-toolbar .ql-formats button:hover,
body.dark-theme-on .quill_ .ql-toolbar .ql-formats button:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark_mode_ .quill_ .ql-toolbar .ql-formats button svg .ql-stroke,
body.dark-theme-on .quill_ .ql-toolbar .ql-formats button svg .ql-stroke {
  stroke: #ccc
}
.dark_mode_ .quill_ .ql-toolbar .ql-formats button svg .ql-fill,
body.dark-theme-on .quill_ .ql-toolbar .ql-formats button svg .ql-fill {
  fill: #ccc
}
.dark_mode_ .quill_ .ql-toolbar .ql-formats button:hover svg .ql-stroke,
body.dark-theme-on .quill_ .ql-toolbar .ql-formats button:hover svg .ql-stroke {
  stroke: #fff
}
.dark_mode_ .quill_ .ql-toolbar .ql-formats button:hover svg .ql-fill,
body.dark-theme-on .quill_ .ql-toolbar .ql-formats button:hover svg .ql-fill {
  fill: #fff
}
.dark_mode_ .quill_ .ql-toolbar .ql-formats button.ql-active,
body.dark-theme-on .quill_ .ql-toolbar .ql-formats button.ql-active {
  background-color: var(--DARK-APP-item-list-hover)
}
.dark_mode_ .quill_ .ql-toolbar .ql-formats button.ql-active .ql-stroke,
body.dark-theme-on .quill_ .ql-toolbar .ql-formats button.ql-active .ql-stroke {
  stroke: var(--APP-focus-color)!important
}
.dark_mode_ .quill_ .ql-toolbar .ql-formats button.ql-active .ql-fill,
body.dark-theme-on .quill_ .ql-toolbar .ql-formats button.ql-active .ql-fill {
  fill: var(--APP-focus-color)!important
}
.dark_mode_ .quill_ .ql-editor[contenteditable=true]:hover,
body.dark-theme-on .quill_ .ql-editor[contenteditable=true]:hover {
  background-color: #2a313c!important;
  border-color: #434d5d!important;
  color: #fff!important
}
.dark_mode_ .quill_ .ql-editor[contenteditable=true]:focus,
body.dark-theme-on .quill_ .ql-editor[contenteditable=true]:focus {
  color: #fff!important;
  border-color: var(--APP-focus-color)!important;
  background-color: #2a313c!important
}
.dark_mode_ .quill_ .ql-editor.ql-blank::before,
body.dark-theme-on .quill_ .ql-editor.ql-blank::before {
  color: #fff
}
.dark_mode_ .quill_ .ql-tooltip,
body.dark-theme-on .quill_ .ql-tooltip {
  background-color: #252d38;
  border-color: var(--DARK-APP-shadow-border)
}
.dark_mode_ .quill_ .ql-tooltip::before,
body.dark-theme-on .quill_ .ql-tooltip::before {
  color: var(--DARK-APP-label)
}
.dark_mode_ .quill_ .ql-tooltip a.ql-preview,
.dark_mode_ .quill_ .ql-tooltip input[type=text],
body.dark-theme-on .quill_ .ql-tooltip a.ql-preview,
body.dark-theme-on .quill_ .ql-tooltip input[type=text] {
  color: #fff;
  border-color: var(--DARK-FORMS-border)
}
.dark_mode_ .quill_ .ql-tooltip input[type=text]:focus,
body.dark-theme-on .quill_ .ql-tooltip input[type=text]:focus {
  border-color: var(--DARK-FORMS-focus)!important;
  -webkit-box-shadow: var(--FORMS-shadow);
  -moz-box-shadow: var(--FORMS-shadow);
  box-shadow: var(--FORMS-shadow)
}
.dark_mode_ .quill_ .ql-tooltip a.ql-preview:hover,
body.dark-theme-on .quill_ .ql-tooltip a.ql-preview:hover {
  color: var(--APP-focus-color)
}
.dark_mode_ .quill_ .ql-tooltip a,
body.dark-theme-on .quill_ .ql-tooltip a {
  color: #fff
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar .ql-formats button {
  background-color: transparent
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar .ql-formats button:hover {
  background-color: #3e3d3d
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar .ql-formats button svg .ql-stroke {
  stroke: #ccc
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar .ql-formats button svg .ql-fill {
  fill: #ccc
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar .ql-formats button:hover svg .ql-stroke {
  stroke: #fff
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar .ql-formats button:hover svg .ql-fill {
  fill: #fff
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar .ql-formats button.ql-active {
  background-color: var(--DARK-APP-item-list-hover)
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar .ql-formats button.ql-active .ql-stroke {
  stroke: var(--APP-focus-color)!important
}
.MSTEAMS.dark_mode_ .quill_ .ql-toolbar .ql-formats button.ql-active .ql-fill {
  fill: var(--APP-focus-color)!important
}
.MSTEAMS.dark_mode_ .quill_ .ql-editor[contenteditable=true]:hover {
  background-color: #201e1e!important;
  border-color: #2d2c2c!important;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .quill_ .ql-editor[contenteditable=true]:focus {
  color: #fff!important;
  border-color: var(--APP-focus-color)!important;
  background-color: #201e1e!important
}
.MSTEAMS.dark_mode_ .quill_ .ql-editor.ql-blank::before {
  color: #fff
}
.MSTEAMS.dark_mode_ .quill_ .ql-tooltip {
  background-color: #2d2c2c;
  border-color: var(--DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ .quill_ .ql-tooltip::before {
  color: var(--MS-DARK-APP-label)
}
.MSTEAMS.dark_mode_ .quill_ .ql-tooltip a.ql-preview,
.MSTEAMS.dark_mode_ .quill_ .ql-tooltip input[type=text] {
  color: #fff;
  border-color: var(--MS-DARK-FORMS-border)
}
.MSTEAMS.dark_mode_ .quill_ .ql-tooltip input[type=text]:focus {
  border-color: var(--MS-DARK-FORMS-focus)!important
}
.MSTEAMS.dark_mode_ .quill_ .ql-tooltip a.ql-preview:hover {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .quill_ .ql-tooltip a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar .ql-formats button {
  background-color: transparent
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar .ql-formats button:hover {
  background-color: #b9b9b9
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar .ql-formats button svg .ql-stroke {
  stroke: #000
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar .ql-formats button svg .ql-fill {
  fill: #000
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar .ql-formats button:hover svg .ql-stroke {
  stroke: #000
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar .ql-formats button:hover svg .ql-fill {
  fill: #000
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar .ql-formats button.ql-active {
  background-color: #ebeb01
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar .ql-formats button.ql-active .ql-stroke {
  stroke: #000!important
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-toolbar .ql-formats button.ql-active .ql-fill {
  fill: #000!important
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-editor[contenteditable=true]:hover {
  background-color: #000!important;
  border-color: #fff!important;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-editor[contenteditable=true]:focus {
  color: #fff!important;
  border-color: #ebeb01!important;
  background-color: #000!important
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-editor.ql-blank::before {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-tooltip {
  background-color: #000;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-tooltip::before {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-tooltip a.ql-preview,
.MSTEAMS.deep_dark_mode_ .quill_ .ql-tooltip input[type=text] {
  color: #fff;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-tooltip input[type=text]:focus {
  border-color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-tooltip a.ql-preview:hover {
  color: #ebeb01
}
.MSTEAMS.deep_dark_mode_ .quill_ .ql-tooltip a {
  color: #fff
}
.quill_full_ {
  box-sizing: border-box;
  display: none
}
.quill_full_ * {
  box-sizing: border-box
}
.quill_full_ .ql-container {
  width: 100%;
  position: relative
}
.quill_full_ .ql-container .ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%
}
.quill_full_ .ql-container .ql-clipboard p {
  margin: 0;
  padding: 0
}
.quill_full_ .ql-toolbar {
  width: 100%;
  height: auto;
  background-color: brown;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 10px ​15px;
  border-bottom: 1px solid #f5f4f4;
  font-size: 0
}
.quill_full_ .ql-toolbar .ql-formats {
  display: inline-block;
  margin-left: 10px
}
.quill_full_ .ql-toolbar .ql-formats:first-child {
  margin-left: 0
}
.quill_full_ .ql-toolbar .ql-formats button {
  width: 25px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background-color: transparent;
  border: 0 none;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  margin-left: 5px
}
.quill_full_ .ql-toolbar .ql-formats button:first-child {
  margin-left: 0
}
.quill_full_ .ql-toolbar .ql-formats button:hover {
  background-color: var(--APP-item-list-hover)
}
.quill_full_ .ql-toolbar .ql-formats button svg {
  width: 100%;
  height: 100%
}
.quill_full_ .ql-toolbar .ql-formats button svg .ql-stroke {
  fill: none;
  stroke: #282828;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2
}
.quill_full_ .ql-toolbar .ql-formats button svg .ql-fill {
  fill: #282828
}
.quill_full_ .ql-toolbar .ql-formats button svg .ql-thin {
  stroke-width: 1
}
.quill_full_ .ql-toolbar .ql-formats button.ql-active {
  background-color: var(--APP-item-list-hover)
}
.quill_full_ .ql-toolbar .ql-formats button.ql-active .ql-stroke {
  stroke: var(--APP-focus-color)!important
}
.quill_full_ .ql-toolbar .ql-formats button.ql-active .ql-fill {
  fill: var(--APP-focus-color)!important
}
.quill_full_ .ql-editor {
  width: 100%;
  height: 100%;
  outline: 0;
  overflow-y: auto;
  padding: 0 0 30px 0;
  tab-size: 3;
  -moz-tab-size: 3;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 22px;
  font-size: 13px
}
.quill_full_ .ql-editor a {
  text-decoration: underline;
  cursor: pointer
}
.quill_full_ .ql-editor u {
  text-decoration: underline!important
}
.quill_full_ .ql-editor > * {
  cursor: text
}
.quill_full_ .ql-editor blockquote,
.quill_full_ .ql-editor h1,
.quill_full_ .ql-editor h2,
.quill_full_ .ql-editor h3,
.quill_full_ .ql-editor h4,
.quill_full_ .ql-editor h5,
.quill_full_ .ql-editor h6,
.quill_full_ .ql-editor ol,
.quill_full_ .ql-editor p,
.quill_full_ .ql-editor pre,
.quill_full_ .ql-editor ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.quill_full_ .ql-editor ol,
.quill_full_ .ql-editor ul {
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px
}
.quill_full_ .ql-editor ol > li,
.quill_full_ .ql-editor ul > li {
  list-style-type: none
}
.quill_full_ .ql-editor ul > li::before {
  content: '\2022'
}
.quill_full_ .ql-editor ul[data-checked=false],
.quill_full_ .ql-editor ul[data-checked=true] {
  pointer-events: none
}
.quill_full_ .ql-editor ul[data-checked=false] > li *,
.quill_full_ .ql-editor ul[data-checked=true] > li * {
  pointer-events: all
}
.quill_full_ .ql-editor ul[data-checked=false] > li::before,
.quill_full_ .ql-editor ul[data-checked=true] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all
}
.quill_full_ .ql-editor ul[data-checked=true] > li::before {
  content: '\2611'
}
.quill_full_ .ql-editor ul[data-checked=false] > li::before {
  content: '\2610'
}
.quill_full_ .ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 12px
}
.quill_full_ .ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -15px;
  margin-right: 5px;
  text-align: right
}
.quill_full_ .ql-editor li.ql-direction-rtl::before {
  margin-left: 5px;
  margin-right: -15px
}
.quill_full_ .ql-editor ol li:not(.ql-direction-rtl),
.quill_full_ .ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 15px
}
.quill_full_ .ql-editor ol li.ql-direction-rtl,
.quill_full_ .ql-editor ul li.ql-direction-rtl {
  padding-right: 15px
}
.quill_full_ .ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0
}
.quill_full_ .ql-editor ol li:before {
  content: counter(list-0,decimal) '. '
}
.quill_full_ .ql-editor ol li.ql-indent-1 {
  counter-increment: list-1
}
.quill_full_ .ql-editor ol li.ql-indent-1:before {
  content: counter(list-1,lower-alpha) '. '
}
.quill_full_ .ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.quill_full_ .ql-editor ol li.ql-indent-2 {
  counter-increment: list-2
}
.quill_full_ .ql-editor ol li.ql-indent-2:before {
  content: counter(list-2,lower-roman) '. '
}
.quill_full_ .ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.quill_full_ .ql-editor ol li.ql-indent-3 {
  counter-increment: list-3
}
.quill_full_ .ql-editor ol li.ql-indent-3:before {
  content: counter(list-3,decimal) '. '
}
.quill_full_ .ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}
.quill_full_ .ql-editor ol li.ql-indent-4 {
  counter-increment: list-4
}
.quill_full_ .ql-editor ol li.ql-indent-4:before {
  content: counter(list-4,lower-alpha) '. '
}
.quill_full_ .ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9
}
.quill_full_ .ql-editor ol li.ql-indent-5 {
  counter-increment: list-5
}
.quill_full_ .ql-editor ol li.ql-indent-5:before {
  content: counter(list-5,lower-roman) '. '
}
.quill_full_ .ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9
}
.quill_full_ .ql-editor ol li.ql-indent-6 {
  counter-increment: list-6
}
.quill_full_ .ql-editor ol li.ql-indent-6:before {
  content: counter(list-6,decimal) '. '
}
.quill_full_ .ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9
}
.quill_full_ .ql-editor ol li.ql-indent-7 {
  counter-increment: list-7
}
.quill_full_ .ql-editor ol li.ql-indent-7:before {
  content: counter(list-7,lower-alpha) '. '
}
.quill_full_ .ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9
}
.quill_full_ .ql-editor ol li.ql-indent-8 {
  counter-increment: list-8
}
.quill_full_ .ql-editor ol li.ql-indent-8:before {
  content: counter(list-8,lower-roman) '. '
}
.quill_full_ .ql-editor ol li.ql-indent-8 {
  counter-reset: list-9
}
.quill_full_ .ql-editor ol li.ql-indent-9 {
  counter-increment: list-9
}
.quill_full_ .ql-editor ol li.ql-indent-9:before {
  content: counter(list-9,decimal) '. '
}
.quill_full_ .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 5px
}
.quill_full_ .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 10px
}
.quill_full_ .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 5px
}
.quill_full_ .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 10px
}
.quill_full_ .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 15px
}
.quill_full_ .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 20px
}
.quill_full_ .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 15px
}
.quill_full_ .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 20px
}
.quill_full_ .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 25px
}
.quill_full_ .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 30px
}
.quill_full_ .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 25px
}
.quill_full_ .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 30px
}
.quill_full_ .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 35px
}
.quill_full_ .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 40px
}
.quill_full_ .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 35px
}
.quill_full_ .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 40px
}
.quill_full_ .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 45px
}
.quill_full_ .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 50px
}
.quill_full_ .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 45px
}
.quill_full_ .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 50px
}
.quill_full_ .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 55px
}
.quill_full_ .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 60px
}
.quill_full_ .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 55px
}
.quill_full_ .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 60px
}
.quill_full_ .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 65px
}
.quill_full_ .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 70px
}
.quill_full_ .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 65px
}
.quill_full_ .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 70px
}
.quill_full_ .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 75px
}
.quill_full_ .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 80px
}
.quill_full_ .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 75px
}
.quill_full_ .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 80px
}
.quill_full_ .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 85px
}
.quill_full_ .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 90px
}
.quill_full_ .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 85px
}
.quill_full_ .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 90px
}
.quill_full_ .ql-editor .ql-video {
  display: block;
  max-width: 100%
}
.quill_full_ .ql-editor .ql-video.ql-align-center {
  margin: 0 auto
}
.quill_full_ .ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto
}
.quill_full_ .ql-editor .ql-bg-black {
  background-color: #000
}
.quill_full_ .ql-editor .ql-bg-red {
  background-color: #e60000
}
.quill_full_ .ql-editor .ql-bg-orange {
  background-color: #f90
}
.quill_full_ .ql-editor .ql-bg-yellow {
  background-color: #ff0
}
.quill_full_ .ql-editor .ql-bg-green {
  background-color: #008a00
}
.quill_full_ .ql-editor .ql-bg-blue {
  background-color: #06c
}
.quill_full_ .ql-editor .ql-bg-purple {
  background-color: #93f
}
.quill_full_ .ql-editor .ql-color-white {
  color: #fff
}
.quill_full_ .ql-editor .ql-color-red {
  color: #e60000
}
.quill_full_ .ql-editor .ql-color-orange {
  color: #f90
}
.quill_full_ .ql-editor .ql-color-yellow {
  color: #ff0
}
.quill_full_ .ql-editor .ql-color-green {
  color: #008a00
}
.quill_full_ .ql-editor .ql-color-blue {
  color: #06c
}
.quill_full_ .ql-editor .ql-color-purple {
  color: #93f
}
.quill_full_ .ql-editor .ql-font-serif {
  font-family: Georgia,Times New Roman,serif
}
.quill_full_ .ql-editor .ql-font-monospace {
  font-family: Monaco,Courier New,monospace
}
.quill_full_ .ql-editor .ql-size-small {
  font-size: 13px
}
.quill_full_ .ql-editor .ql-size-large {
  font-size: 15px
}
.quill_full_ .ql-editor .ql-size-huge {
  font-size: 17px
}
.quill_full_ .ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit
}
.quill_full_ .ql-editor .ql-align-center {
  text-align: center
}
.quill_full_ .ql-editor .ql-align-justify {
  text-align: justify
}
.quill_full_ .ql-editor .ql-align-right {
  text-align: right
}
.quill_full_ .ql-editor.ql-blank::before {
  color: #ababab;
  content: attr(data-placeholder);
  font-style: italic;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  font-size: 13px;
  line-height: 20px
}
.quill_full_ .ql-tooltip {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--APP-shadow-border);
  position: absolute;
  padding: 0 15px;
  z-index: 100;
  white-space: nowrap
}
.quill_full_ .ql-tooltip.ql-hidden {
  display: none
}
.quill_full_ .ql-tooltip::before {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  color: var(--APP-label);
  margin-right: 10px;
  font-weight: 600;
  content: "Visit URL:"
}
.quill_full_ .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"
}
.quill_full_ .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:"
}
.quill_full_ .ql-tooltip[data-mode=video]::before {
  content: "Enter video:"
}
.quill_full_ .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"
}
.quill_full_ .ql-tooltip a.ql-preview,
.quill_full_ .ql-tooltip input[type=text] {
  width: 150px;
  height: 24px;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  color: #282828;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid var(--FORMS-border);
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.quill_full_ .ql-tooltip input[type=text]:focus {
  border-color: var(--FORMS-focus)!important;
  -webkit-box-shadow: var(--FORMS-shadow);
  -moz-box-shadow: var(--FORMS-shadow);
  box-shadow: var(--FORMS-shadow)
}
.quill_full_ .ql-tooltip a.ql-preview {
  border-color: transparent;
  padding: 0;
  text-decoration: underline;
  margin: 0
}
.quill_full_ .ql-tooltip a.ql-preview:hover {
  color: var(--APP-focus-color)
}
.quill_full_ .ql-tooltip input[type=text] {
  display: none
}
.quill_full_ .ql-tooltip.ql-editing a.ql-preview {
  display: none
}
.quill_full_ .ql-tooltip.ql-editing input[type=text] {
  display: inline-block
}
.quill_full_ .ql-tooltip a {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  color: #282828;
  margin-left: 15px;
  font-weight: 600;
  cursor: pointer
}
.quill_full_ .ql-tooltip a:hover {
  text-decoration: underline
}
.quill_full_ .ql-tooltip.ql-editing a.ql-action::after {
  content: 'Save'
}
.quill_full_ .ql-tooltip.ql-editing a.ql-preview,
.quill_full_ .ql-tooltip.ql-editing a.ql-remove {
  display: none
}
.quill_full_ .ql-tooltip a.ql-action::after {
  content: 'Edit'
}
.quill_full_ .ql-tooltip a.ql-remove::before {
  content: 'Remove'
}
body.dark-theme-on .quill_full_.focus_ {
  border-color: #20262f
}
body.dark-theme-on .quill_full_ .ql-toolbar {
  background-color: #20262f
}
body.dark-theme-on .quill_full_ .ql-toolbar .ql-formats button:hover {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on .quill_full_ .ql-toolbar .ql-formats button svg .ql-stroke {
  stroke: #fff
}
body.dark-theme-on .quill_full_ .ql-toolbar .ql-formats button svg .ql-fill {
  fill: #fff
}
body.dark-theme-on .quill_full_ .ql-toolbar .ql-formats button.ql-active {
  background-color: var(--DARK-APP-item-list-hover)
}
body.dark-theme-on .quill_full_ .ql-toolbar .ql-formats button.ql-active .ql-stroke {
  stroke: var(--APP-focus-color)!important
}
body.dark-theme-on .quill_full_ .ql-toolbar .ql-formats button.ql-active .ql-fill {
  fill: var(--APP-focus-color)!important
}
body.dark-theme-on .quill_full_ .ql-tooltip {
  background-color: #252d38;
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on .quill_full_ .ql-tooltip::before {
  color: var(--DARK-APP-label)
}
body.dark-theme-on .quill_full_ .ql-tooltip a.ql-preview,
body.dark-theme-on .quill_full_ .ql-tooltip input[type=text] {
  color: #fff;
  border-color: var(--DARK-FORMS-border)
}
body.dark-theme-on .quill_full_ .ql-tooltip input[type=text]:focus {
  border-color: var(--DARK-FORMS-focus)!important;
  -webkit-box-shadow: var(--FORMS-shadow);
  -moz-box-shadow: var(--FORMS-shadow);
  box-shadow: var(--FORMS-shadow)
}
body.dark-theme-on .quill_full_ .ql-tooltip a.ql-preview:hover {
  color: var(--APP-focus-color)
}
body.dark-theme-on .quill_full_ .ql-tooltip a {
  color: #fff
}
:root {
  --LIGHTBOX-focus-color: #579ae2;
  --LIGHTBOX-focus-color-hover: #4784c5;
  --LIGHTBOX-radius: 5px;
  --LIGHTBOX-remove-color: #f15858;
  --LIGHTBOX-remove-color-hover: #d74b4b
}
#FilesLightbox .table_ {
  display: table;
  width: 100%
}
#FilesLightbox .table_ .cell_ {
  display: table-cell
}
#FilesLightbox .table_ .cell_.middle {
  vertical-align: middle
}
#FilesLightbox .table_ .cell_.top {
  vertical-align: top
}
#FilesLightbox .table_ .cell_.bottom {
  vertical-align: bottom
}
#FilesLightbox .table_ .cell_.left {
  text-align: left
}
#FilesLightbox .table_ .cell_.center {
  text-align: center
}
#FilesLightbox .table_ .cell_.right {
  text-align: right
}
#FilesLightbox .flex_ {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
#FilesLightbox .button_ {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: var(--LIGHTBOX-radius);
  -moz-border-radius: var(--LIGHTBOX-radius);
  border-radius: var(--LIGHTBOX-radius);
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: #fff;
  background-color: #1f1f1f;
  text-transform: lowercase;
  font-size: 12px;
  border: 0 none;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#FilesLightbox .button_ u {
  font-weight: 700
}
#FilesLightbox .button_ i {
  font-size: 14px;
  position: relative;
  top: 2px
}
#FilesLightbox .button_ i + u {
  margin-left: 5px
}
#FilesLightbox .button_ + .button_ {
  margin-left: 10px
}
#FilesLightbox .button_[href="#remove"]:hover {
  background-color: var(--LIGHTBOX-remove-color);
  color: #fff
}
#FilesLightbox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000;
  background-color: #383838
}
#FilesLightbox .button_ {
  color: #fff;
  background-color: #1f1f1f
}
#FilesLightbox .button_:hover {
  background-color: #101010
}
#FilesLightbox .button_.blue {
  background-color: var(--LIGHTBOX-focus-color)
}
#FilesLightbox .button_.blue:hover {
  background-color: var(--LIGHTBOX-focus-color)
}
#FilesLightbox ::-webkit-scrollbar-thumb {
  background-color: #252525
}
#FilesLightbox * {
  scrollbar-color: #252525 transparent
}
#FilesLightbox .header_ {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #404040;
  box-sizing: border-box;
  padding: 0 15px
}
#FilesLightbox .header_ .flex_ {
  height: 60px;
  align-items: center;
  justify-content: center
}
#FilesLightbox .header_ .flex_ .button_ {
  flex-shrink: 0
}
#FilesLightbox .body_ {
  width: 100%;
  height: calc(100% - 60px);
  position: relative;
  background-color: #383838
}
#FilesLightbox .body_ .content_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  table-layout: fixed;
  box-sizing: border-box
}
#FilesLightbox .body_ .content_ .c_preview_ {
  position: relative;
  overflow: hidden
}
#FilesLightbox .body_ .content_ .c_thumbs_ {
  width: 250px;
  border-left: 1px solid #404040;
  box-sizing: border-box;
  position: relative;
  overflow: hidden
}
#FilesLightbox .file_name_ {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  font-size: 0;
  width: 100%;
  margin-right: auto;
  padding-right: 20px;
  box-sizing: border-box;
  overflow: hidden
}
#FilesLightbox .file_name_ h1 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  vertical-align: top
}
#FilesLightbox .file_name_ p {
  font-size: 12px;
  line-height: 16px;
  color: #adadad;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  vertical-align: top
}
#FilesLightbox .file_name_ p strong {
  font-weight: 700
}
#FilesLightbox .files_list_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  padding: 15px;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
#FilesLightbox .files_list_ .file_ {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin-bottom: 15px;
  -webkit-border-radius: var(--LIGHTBOX-radius);
  -moz-border-radius: var(--LIGHTBOX-radius);
  border-radius: var(--LIGHTBOX-radius);
  cursor: pointer;
  border: 2px solid #636363;
  box-sizing: border-box
}
#FilesLightbox .files_list_ .file_:last-child {
  margin-bottom: 0
}
#FilesLightbox .files_list_ .file_:not(.selected):hover {
  border-color: #868686;
  background-color: #3e3e3e
}
#FilesLightbox .files_list_ .file_.selected {
  border-color: var(--LIGHTBOX-focus-color)
}
#FilesLightbox .files_list_ .file_info_ {
  width: 100%;
  height: 25px;
  border-top: 1px solid #525252;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10px;
  box-sizing: border-box;
  color: #d2d2d2
}
#FilesLightbox .files_list_ .file_info_ h1 {
  font-size: 11px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  padding-right: 20px;
  margin-right: auto;
  box-sizing: border-box
}
#FilesLightbox .files_list_ .file_info_ p {
  font-size: 10px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  flex-shrink: 0
}
#FilesLightbox .files_list_ .file_preview_ {
  width: 100%;
  box-sizing: border-box
}
#FilesLightbox .files_list_ .img_ {
  width: 100%;
  height: 70px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden
}
#FilesLightbox .files_list_ .img_ img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center
}
#FilesLightbox .files_list_ .img_ .file_info_ {
  position: absolute;
  bottom: 0;
  left: 0;
  border: 0;
  background-color: rgb(0 0 0 / 50%)
}
#FilesLightbox .files_list_ .other_format_ {
  width: 100%;
  height: 70px
}
#FilesLightbox .files_list_ .other_format_ .format_ {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 15px;
  overflow: hidden;
  font-size: 0;
  margin-top: 2px
}
#FilesLightbox .files_list_ .other_format_ .format_ u {
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff
}
#FilesLightbox .file_full_preview_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 0
}
#FilesLightbox .file_full_preview_.loading_and_block::after {
  background-color: #383838
}
#FilesLightbox .file_full_preview_ .display_ {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  position: absolute;
  top: 20px;
  left: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center
}
#FilesLightbox .file_full_preview_ .display_ img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center
}
#FilesLightbox .file_full_preview_ .display_ img[data-comp=blob]::after {
  background-color: #383838
}
#FilesLightbox .file_full_preview_ .display_.loading_and_block::after {
  background-color: #383838
}
#FilesLightbox .file_full_preview_ .display_.loading_and_block::before {
  border-color: #202020;
  border-left-color: var(--LIGHTBOX-focus-color)
}
#FilesLightbox .file_full_preview_ .message_ {
  width: 100%;
  display: inline-block;
  text-align: center
}
#FilesLightbox .file_full_preview_ .message_ h1 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  color: #fff
}
#FilesLightbox .file_full_preview_ .message_ p {
  font-size: 14px;
  line-height: 18px;
  color: #a7a7a7;
  margin-bottom: 20px;
  word-break: break-all
}
#FilesLightbox .file_full_preview_ iframe.display_,
#FilesLightbox .file_full_preview_ video.display_ {
  -webkit-border-radius: var(--LIGHTBOX-radius);
  -moz-border-radius: var(--LIGHTBOX-radius);
  border-radius: var(--LIGHTBOX-radius);
  border: 1px solid #404040
}
#FilesLightbox .file_full_preview_nav_ {
  width: 100%;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -ms-transition: opacity .4s;
  transition: opacity .4s;
  opacity: 0;
  z-index: 100
}
#FilesLightbox .file_full_preview_nav_ .nav_ {
  width: 30px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: -15px;
  display: inline-block;
  vertical-align: top;
  background-color: rgb(0 0 0 / 44%);
  font-size: 16px;
  color: #fff;
  -webkit-border-radius: var(--LIGHTBOX-radius);
  -moz-border-radius: var(--LIGHTBOX-radius);
  border-radius: var(--LIGHTBOX-radius)
}
#FilesLightbox .file_full_preview_nav_ .nav_:hover {
  background-color: #101010
}
#FilesLightbox .file_full_preview_nav_ .nav_.prev_ {
  left: 15px
}
#FilesLightbox .file_full_preview_nav_ .nav_.next_ {
  right: 15px
}
#FilesLightbox .c_preview_:hover .file_full_preview_nav_ {
  opacity: 1
}
#FilesLightbox.no_files_ .c_thumbs_,
#FilesLightbox.no_files_ .file_full_preview_nav_ {
  display: none!important
}
#FilesLightbox.only_one_ .c_thumbs_,
#FilesLightbox.only_one_ .file_full_preview_nav_ {
  display: none!important
}
#FilesLightbox .loading_and_block {
  pointer-events: none;
  overflow: hidden
}
#FilesLightbox .loading_and_block::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #383838!important;
  content: '';
  z-index: 500
}
#FilesLightbox .loading_and_block::before {
  vertical-align: middle;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #202020!important;
  border-left: 2px solid var(--LIGHTBOX-focus-color)!important;
  box-sizing: border-box;
  animation-delay: 1s;
  -webkit-animation: fadeIn .5s forwards,spin .5s infinite ease-in-out;
  animation: fadeIn .5s forwards,spin .5s infinite ease-in-out;
  opacity: 0;
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -15px;
  z-index: 501;
  margin-left: -15px
}
#FilesLightbox .loading_and_block.delay_::before {
  animation-delay: 3s!important
}
#FilesLightbox .loading_and_block.img_::after {
  opacity: .3;
  animation: loadingFile 1s infinite;
  background-color: #101010!important
}
#FilesLightbox .loading_and_block.img_::before {
  display: none
}
#FilesLightbox .loading_and_block.small_loading_::before {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px
}
@keyframes loadingFile {
  0% {
    opacity: .3
  }
  50% {
    opacity: .6
  }
  100% {
    opacity: .3
  }
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0)
  }
  to {
    -ms-transform: rotate(360deg)
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0)
  }
  to {
    -moz-transform: rotate(360deg)
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes spin {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}
@-ms-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@media only screen and (min-width :0px) and (max-width :767px) {
  #FilesLightbox .header_ .button_ u {
    display: none
  }
  #FilesLightbox .body_ .content_ {
    top: 0;
    display: inline-block;
    vertical-align: top
  }
  #FilesLightbox .body_ .content_ > .cell_ {
    display: inline-block;
    vertical-align: top
  }
  #FilesLightbox .body_ .content_ .c_preview_ {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    height: calc(100% - 126px);
    width: 100%
  }
  #FilesLightbox .body_ .content_ .c_thumbs_ {
    width: 100%;
    height: 126px;
    border-top: 1px solid #404040;
    border-left: 0 none;
    position: absolute;
    bottom: 0;
    left: 0
  }
  #FilesLightbox .files_list_ {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 13px;
    white-space: nowrap;
    scrollbar-color: transparent transparent;
    text-align: center;
    -webkit-overflow-scrolling: touch
  }
  #FilesLightbox .files_list_::-webkit-scrollbar-thumb {
    background-color: transparent
  }
  #FilesLightbox .files_list_ .file_ {
    width: 120px;
    margin-right: 15px;
    margin-bottom: 0
  }
  #FilesLightbox .files_list_ .file_:last-child {
    margin-bottom: 0;
    margin-right: 0
  }
  #FilesLightbox .file_name_ h1 {
    font-size: 15px;
    line-height: 20px
  }
  #FilesLightbox .file_name_ p {
    font-size: 9px;
    line-height: 9px
  }
  #FilesLightbox.no_files_ .body_ .content_ .c_preview_,
  #FilesLightbox.only_one_ .body_ .content_ .c_preview_ {
    height: 100%
  }
}
.custom_field_tag_ {
  padding: 3px 5px;
  background: #e4e4e4;
  font-size: 8px;
  font-weight: 600;
  color: #282828;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  flex-shrink: 0;
  margin-left: 10px;
  display: inline-block;
  vertical-align: top
}
body.dark-theme-on .custom_field_tag_ {
  background: #1d232b;
  color: #fff
}
body.dark-theme-on .custom_field_tag_.has_color_ {
  color: #282828
}
.MSTEAMS.dark_mode_ .custom_field_tag_ {
  background: #312f2f;
  color: #fff
}
.MSTEAMS.dark_mode_ .custom_field_tag_.has_color_ {
  color: #282828
}
.MSTEAMS.dark_mode_ .task_item_.selected .custom_field_tag_,
.MSTEAMS.dark_mode_ .task_item_.selected_tick .custom_field_tag_ {
  background: #253652
}
.MSTEAMS.deep_dark_mode_ .custom_field_tag_ {
  background: #fff;
  color: #000
}
.MSTEAMS.deep_dark_mode_ .custom_field_tag_.has_color_ {
  color: #282828
}
.MSTEAMS.deep_dark_mode_ .task_item_.selected .custom_field_tag_,
.MSTEAMS.deep_dark_mode_ .task_item_.selected_tick .custom_field_tag_ {
  background: #4e4e02
}
.content_editable_el_ {
  cursor: text;
  padding: 5px 8px;
  display: inline-block;
  width: auto;
  max-width: 100%;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid transparent!important;
  color: #282828;
  box-sizing: border-box;
  margin-top: -4px;
  margin-left: -8px
}
.content_editable_el_.one_line {
  white-space: nowrap;
  overflow: auto
}
input.content_editable_el_,
textarea.content_editable_el_ {
  background-color: transparent
}
.content_editable_el_[contenteditable=true] {
  min-width: 20px
}
.content_editable_el_.has-content,
.content_editable_el_[contenteditable=true]:hover,
input.content_editable_el_:hover,
textarea.content_editable_el_:hover {
  background-color: #fff!important;
  border-color: #efefef!important;
  color: #282828!important
}
.content_editable_el_[contenteditable=true]:focus,
input.content_editable_el_:focus,
textarea.content_editable_el_:focus {
  color: #282828!important;
  border-color: var(--APP-focus-color)!important;
  background-color: #fff!important
}
.content_editable_el_[contenteditable=false] {
  cursor: default
}
.content_editable_el_[contenteditable]:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  color: var(--FORMS-value-placeholder)!important;
  font-weight: 600
}
[contenteditable=true]:empty::before {
  content: attr(placeholder);
  pointer-events: none;
  font-weight: 600;
  display: inline-block;
  vertical-align: top
}
.content_editable_el_::-webkit-scrollbar {
  display: none!important
}
.content_editable_el_::-webkit-scrollbar {
  width: 0;
  height: 0
}
.content_editable_el_::-webkit-scrollbar-track {
  background-color: transparent
}
.content_editable_el_::-webkit-scrollbar-thumb {
  background-color: transparent
}
body.dark-theme-on .content_editable_el_ {
  color: #fff!important
}
body.dark-theme-on .content_editable_el_[contenteditable=true]:hover,
body.dark-theme-on input.content_editable_el_.has-content,
body.dark-theme-on input.content_editable_el_:hover,
body.dark-theme-on textarea.content_editable_el_:hover {
  background-color: #2a313c!important;
  border-color: #434d5d!important;
  color: #fff!important
}
body.dark-theme-on .content_editable_el_[contenteditable=true]:focus,
body.dark-theme-on input.content_editable_el_:focus,
body.dark-theme-on textarea.content_editable_el_:focus {
  color: #fff!important;
  border-color: var(--APP-focus-color)!important;
  background-color: #2a313c!important
}
body.dark-theme-on .content_editable_el_[contenteditable]:empty:before {
  color: #75839a!important
}
.MSTEAMS.dark_mode_ .content_editable_el_ {
  color: #fff!important
}
.MSTEAMS.dark_mode_ .content_editable_el_[contenteditable=true]:hover,
.MSTEAMS.dark_mode_ input.content_editable_el_.has-content,
.MSTEAMS.dark_mode_ input.content_editable_el_:hover,
.MSTEAMS.dark_mode_ textarea.content_editable_el_:hover {
  background-color: #201e1e!important;
  border-color: #3c3c3c!important;
  color: #fff!important
}
.MSTEAMS.dark_mode_ .content_editable_el_[contenteditable=true]:focus,
.MSTEAMS.dark_mode_ input.content_editable_el_:focus,
.MSTEAMS.dark_mode_ textarea.content_editable_el_:focus {
  color: #fff!important;
  border-color: var(--APP-focus-color)!important;
  background-color: #201e1e!important
}
.MSTEAMS.dark_mode_ .content_editable_el_[contenteditable]:empty:before {
  color: #b9b9b9!important
}
.MSTEAMS.deep_dark_mode_ .content_editable_el_ {
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .content_editable_el_[contenteditable=true]:hover,
.MSTEAMS.deep_dark_mode_ input.content_editable_el_.has-content,
.MSTEAMS.deep_dark_mode_ input.content_editable_el_:hover,
.MSTEAMS.deep_dark_mode_ textarea.content_editable_el_:hover {
  background-color: #000!important;
  border-color: #fff!important;
  color: #fff!important
}
.MSTEAMS.deep_dark_mode_ .content_editable_el_[contenteditable=true]:focus,
.MSTEAMS.deep_dark_mode_ input.content_editable_el_:focus,
.MSTEAMS.deep_dark_mode_ textarea.content_editable_el_:focus {
  color: #fff!important;
  border-color: #ebeb01!important;
  background-color: #000!important
}
.MSTEAMS.deep_dark_mode_ .content_editable_el_[contenteditable]:empty:before {
  color: var(--MS-DEEP-DARK-FORMS-value-placeholder)!important
}
.AuthAndCalendars .auth_box_ {
  width: calc(50% - 15px);
  height: 50px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid #e3e2e2;
  background-color: #fff;
  padding: 0 15px 0 55px;
  margin-bottom: 15px;
  margin-right: 15px;
  position: relative
}
.AuthAndCalendars .auth_box_:hover {
  background-color: #e3e2e2
}
.AuthAndCalendars.toggle_pop_active .base_c_[data-comp=listBody] {
  overflow: hidden!important
}
.AuthAndCalendars .auth_box_ .ico_ {
  width: 30px;
  height: 30px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 15px
}
.AuthAndCalendars .auth_box_ .ico_.password_ {
  background-image: url(../../img/password-dark.png)
}
.AuthAndCalendars .auth_box_ .text_ {
  width: 100%;
  height: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}
.AuthAndCalendars .auth_box_ .text_ h2 {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px
}
.AuthAndCalendars .auth_box_ .text_ p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  color: #696969
}
.AuthAndCalendars .auth_box_ .sign_in_ {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  color: #282828
}
.AuthAndCalendars .auth_container_ {
  width: calc(100% + 15px);
  font-size: 0;
  margin-bottom: -15px
}
.AuthAndCalendars .auth_container_ .providers_ {
  display: inline
}
.AuthAndCalendars .integration_container_ {
  width: 100%
}
.AuthAndCalendars .calendar_container_ {
  width: 100%
}
.AuthAndCalendars .calendars_list_ {
  width: 100%;
  box-sizing: border-box;
  padding-right: 30px;
  margin-top: 5px
}
.AuthAndCalendars .calendars_list_ .head_,
.AuthAndCalendars .calendars_list_ .head_ .table_ {
  height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent!important
}
.AuthAndCalendars .calendars_list_ .body_ {
  padding-bottom: 0;
  padding-top: 0
}
.AuthAndCalendars .calendars_list_ .table_row_ {
  border-bottom: 1px solid #ebebeb
}
.AuthAndCalendars .calendars_list_ .table_row_:last-child {
  border-bottom: 0 none
}
.AuthAndCalendars .calendars_list_ .table_row_ .cell_ {
  padding-top: 10px;
  padding-bottom: 10px
}
.AuthAndCalendars .calendars_list_ .calendar_ {
  width: 100%;
  display: flex;
  margin-bottom: 10px
}
.AuthAndCalendars .calendars_list_ .calendar_:last-child {
  margin-bottom: 0
}
.AuthAndCalendars .calendars_list_ .calendar_ .enabled_ {
  flex-shrink: 0
}
.AuthAndCalendars .calendars_list_ .calendar_ .name_ {
  margin-left: 10px
}
.AuthAndCalendars .calendars_list_ .col_name {
  padding-left: 0;
  width: auto;
  text-align: left
}
.AuthAndCalendars .calendars_list_ .col_sync {
  width: 140px;
  text-align: left
}
.AuthAndCalendars .calendars_list_ .col_log {
  width: 170px;
  text-align: center
}
.AuthAndCalendars .calendars_list_ .col_status {
  width: 70px;
  padding: 0;
  text-align: center
}
.AuthAndCalendars .calendars_list_ .body_ .is_active_false .col_log {
  pointer-events: none
}
.AuthAndCalendars .calendars_list_ .body_ .is_active_false .col_log .check_ label {
  opacity: .5!important
}
.AuthAndCalendars .calendars_list_ .body_ .is_active_false .col_sync {
  pointer-events: none;
  opacity: .5
}
.AuthAndCalendars .calendars_list_ .name_ {
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  color: #282828;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 20px
}
.AuthAndCalendars .calendars_list_ .name_ {
  width: 100%;
  text-align: left;
  font-size: 12px;
  color: #282828;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 20px
}
.AuthAndCalendars .calendar_action_ {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ebebeb
}
.AuthAndCalendars .timezone_picker_ {
  margin-top: 30px
}
.AuthAndCalendars .lightbox_pop_ {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%
}
.AuthAndCalendars .lightbox_list_ {
  width: 100%;
  max-width: 670px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  position: relative;
  background-color: #f5f4f4
}
.AuthAndCalendars .lightbox_list_.loading_and_block {
  height: 200px;
  overflow: hidden
}
.AuthAndCalendars .lightbox_list_.loading_and_block::after {
  display: none
}
.AuthAndCalendars .lightbox_list_ .toggle_box_pop_ {
  display: none;
  margin: 0
}
.AuthAndCalendars .lightbox_list_ .toggle_box_pop_.fresh {
  display: inline-block
}
.dark-theme-on .AuthAndCalendars .auth_box_ {
  border-color: #21272f;
  background-color: #29313c
}
.dark-theme-on .AuthAndCalendars .auth_box_:hover {
  background-color: #21272f
}
.dark-theme-on .AuthAndCalendars .auth_box_ .ico_.password_ {
  background-image: url(../../img/password-white.png)
}
.dark-theme-on .AuthAndCalendars .auth_box_ .text_ a {
  color: #949494
}
.dark-theme-on .AuthAndCalendars .auth_box_ .text_ a:hover {
  color: #fff
}
.dark-theme-on .AuthAndCalendars .calendar_action_ {
  border-top-color: #21272f
}
.dark-theme-on .AuthAndCalendars .calendars_list_ .table_row_ {
  border-bottom-color: #21272f
}
.dark-theme-on .AuthAndCalendars .calendars_list_ .name_ {
  color: #fff
}
.dark-theme-on .AuthAndCalendars .auth_box_ .sign_in_ {
  color: #fff
}
.dark-theme-on .AuthAndCalendars .auth_box_ .text_ p {
  color: #ababab
}
.dark-theme-on .AuthAndCalendars .lightbox_list_ {
  background-color: #262e38
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .auth_box_ {
  border-color: #1b1a19;
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .auth_box_:hover {
  background-color: #1b1a19
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .auth_box_ .ico_.password_ {
  background-image: url(../../img/password-white.png)
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .auth_box_ .text_ a {
  color: #949494
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .auth_box_ .text_ a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .calendar_action_ {
  border-top-color: #1b1a19
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .calendars_list_ .table_row_ {
  border-bottom-color: #1b1a19
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .calendars_list_ .name_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .auth_box_ .sign_in_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .auth_box_ .text_ p {
  color: #ababab
}
.MSTEAMS.dark_mode_ .AuthAndCalendars .lightbox_list_ {
  background-color: #252222
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .auth_box_ {
  border-color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .auth_box_:hover {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .auth_box_ .ico_.password_ {
  background-image: url(../../img/password-white.png)
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .auth_box_ .text_ a {
  color: #949494
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .auth_box_ .text_ a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .calendar_action_ {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .calendars_list_ .table_row_ {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .calendars_list_ .name_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .auth_box_ .sign_in_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .auth_box_ .text_ p {
  color: #ababab
}
.MSTEAMS.deep_dark_mode_ .AuthAndCalendars .lightbox_list_ {
  background-color: #000
}
.nav_list_ {
  width: 100%;
  box-sizing: border-box
}
.nav_list_:last-child {
  padding-bottom: 15px
}
.nav_list_ ul {
  width: 100%;
  box-sizing: border-box
}
.nav_list_ li {
  width: 100%;
  margin-bottom: 5px
}
.nav_list_ li ul {
  padding-left: 10px
}
.nav_list_ a {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 24px;
  color: #828282;
  font-weight: 700
}
.nav_list_ a u {
  display: inline-block
}
.nav_list_ a u::first-letter,
.nav_list_ a::first-letter {
  text-transform: uppercase
}
.nav_list_ a:hover {
  color: #525252
}
.nav_list_ .isSelected a,
.nav_list_ a.active,
.nav_list_ a.selected {
  color: var(--APP-focus-color)
}
.nav_list_ a::first-letter {
  text-transform: uppercase
}
.nav_list_ a i {
  margin-left: 5px
}
.nav_list_ a.more_ p {
  font-size: 10px;
  line-height: 12px;
  color: #828282;
  font-weight: 500
}
.nav_list_ .sub_nav_title_ {
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.nav_list_ .sub_nav_title_ i {
  margin-left: 5px
}
.nav_list_ li.loading_placeholder_style_ {
  height: 20px;
  background-color: rgba(0,0,0,.05)
}
.nav_list_.landscape_ {
  padding: 0;
  width: auto;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle
}
.nav_list_.landscape_ li {
  width: auto;
  margin-bottom: 0;
  margin-right: 25px;
  display: inline-block;
  vertical-align: middle
}
.nav_list_.landscape_ li:last-child {
  margin-right: 0
}
.nav_list_.landscape_ li a {
  border-bottom: 2px solid transparent
}
.nav_list_.landscape_ .isSelected a,
.nav_list_.landscape_ a.active,
.nav_list_.landscape_ a.selected {
  border-color: var(--APP-focus-color)
}
.nav_list_.border_ {
  width: calc(100% + 40px);
  position: relative;
  left: -20px
}
.nav_list_.border_ li {
  margin-bottom: 0
}
.nav_list_.border_ li:first-child a {
  border-top: 1px solid #e3e2e2
}
.nav_list_.border_ li a {
  border-bottom: 1px solid #e3e2e2;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  line-height: 35px;
  box-sizing: border-box;
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.nav_list_.border_ .isSelected a,
.nav_list_.border_ a.active,
.nav_list_.border_ a.selected {
  background-color: var(--APP-focus-selected-color)
}
.nav_list_.border_:empty {
  padding-bottom: 0
}
.nav_list_add_ {
  margin-bottom: 15px;
  margin-top: 15px;
  width: 100%
}
.nav_list_button_ {
  color: var(--APP-focus-color);
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  cursor: pointer
}
.nav_list_button_ u {
  margin-right: 5px;
  border-bottom-width: 2px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  border-style: solid
}
.nav_list_button_ i {
  display: inline-block;
  vertical-align: middle
}
body.dark-theme-on .nav_list_ a {
  color: #c7c7c7
}
body.dark-theme-on .nav_list_ a:hover {
  color: #fff
}
body.dark-theme-on .nav_list_ .isSelected a,
body.dark-theme-on .nav_list_ a.active,
body.dark-theme-on .nav_list_ a.selected {
  color: var(--APP-focus-color)
}
body.dark-theme-on .nav_list_.border_ li:first-child a {
  border-top-color: #21272f
}
body.dark-theme-on .nav_list_.border_ li a {
  border-bottom-color: #21272f
}
body.dark-theme-on .nav_list_.border_ .isSelected a,
body.dark-theme-on .nav_list_.border_ a.active,
body.dark-theme-on .nav_list_.border_ a.selected {
  background-color: var(--DARK-APP-focus-selected-color)
}
body.dark-theme-on .nav_list_button_ {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .nav_list_ a {
  color: #c7c7c7
}
.MSTEAMS.dark_mode_ .nav_list_ a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ .nav_list_ .isSelected a,
.MSTEAMS.dark_mode_ .nav_list_ a.active,
.MSTEAMS.dark_mode_ .nav_list_ a.selected {
  color: var(--APP-focus-color)
}
.MSTEAMS.dark_mode_ .nav_list_.border_ li:first-child a {
  border-top-color: #1b1a19
}
.MSTEAMS.dark_mode_ .nav_list_.border_ li a {
  border-bottom-color: #1b1a19
}
.MSTEAMS.dark_mode_ .nav_list_.border_ .isSelected a,
.MSTEAMS.dark_mode_ .nav_list_.border_ a.active,
.MSTEAMS.dark_mode_ .nav_list_.border_ a.selected {
  background-color: var(--DARK-APP-focus-selected-color)
}
.MSTEAMS.dark_mode_ .nav_list_ a.more_ p {
  color: #828282
}
.MSTEAMS.dark_mode_ .nav_list_button_ {
  color: var(--APP-focus-color)
}
.MSTEAMS.deep_dark_mode_ .nav_list_ a {
  color: #c7c7c7
}
.MSTEAMS.deep_dark_mode_ .nav_list_ a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .nav_list_ .isSelected a,
.MSTEAMS.deep_dark_mode_ .nav_list_ a.active,
.MSTEAMS.deep_dark_mode_ .nav_list_ a.selected {
  color: #ebeb00;
  border-color: #ebeb00
}
.MSTEAMS.deep_dark_mode_ .nav_list_.border_ li:first-child a {
  border-top-color: #fff
}
.MSTEAMS.deep_dark_mode_ .nav_list_.border_ li a {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ .nav_list_.border_ .isSelected a,
.MSTEAMS.deep_dark_mode_ .nav_list_.border_ a.active,
.MSTEAMS.deep_dark_mode_ .nav_list_.border_ a.selected {
  background-color: #424200
}
.MSTEAMS.deep_dark_mode_ .nav_list_ a.more_ p {
  color: #828282
}
.MSTEAMS.deep_dark_mode_ .nav_list_button_ {
  color: #ebeb00
}
#AppsAndIntegrations .find_integrations_ {
  width: 100%;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden
}
#AppsAndIntegrations .find_integrations_ .search_bar_ {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  border-bottom: 1px solid #ececec;
  background: #f5f4f4;
  justify-content: flex-start
}
#AppsAndIntegrations .find_integrations_ .search_bar_ .drop_search_ {
  margin: 0;
  padding: 0;
  max-width: 200px;
  margin-right: auto
}
#AppsAndIntegrations .find_integrations_ .search_bar_ .downloads_ {
  margin-left: 15px;
  flex-shrink: 0
}
#AppsAndIntegrations .find_integrations_ .search_bar_ .downloads_ .title_ {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
  color: #797979
}
#AppsAndIntegrations .find_integrations_ .search_bar_ .downloads_ i {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  top: -1px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
#AppsAndIntegrations .find_integrations_ .results_ {
  width: 100%;
  min-height: 140px;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 15px 15px 0 15px
}
#AppsAndIntegrations .find_integrations_ .results_ .list_ {
  width: calc(100% + 15px);
  text-align: left;
  font-size: 0;
  box-sizing: border-box
}
#AppsAndIntegrations .find_integrations_ .results_ .list_ li {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  margin-bottom: 15px
}
#AppsAndIntegrations .find_integrations_ .results_ .list_ a {
  display: flex;
  width: 112px;
  flex-direction: column;
  height: 110px;
  justify-content: center;
  align-items: center;
  background-color: #e8e8e8;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  box-sizing: border-box;
  padding: 0 10px
}
#AppsAndIntegrations .find_integrations_ .results_ .list_ a:hover {
  background-color: #e2e2e2
}
#AppsAndIntegrations .find_integrations_ .results_ .list_ a .ico_ {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  background-position: center center;
  background-size: 80%;
  background-repeat: no-repeat;
  background-color: #fff;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  -webkit-box-shadow: 0 0 14px 3px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 14px 3px rgb(0 0 0 / 10%);
  box-shadow: 0 0 14px 3px rgb(0 0 0 / 10%)
}
#AppsAndIntegrations .find_integrations_ .results_ .list_ a h2 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  width: 100%;
  text-align: center
}
#AppsAndIntegrations .find_integrations_ .results_ .no_results_ {
  display: none;
  margin: 0;
  height: 110px;
  align-items: center;
  justify-content: center;
  max-width: 270px;
  margin: 0 auto;
  text-align: center
}
#AppsAndIntegrations .find_integrations_.no_found .results_ .no_results_ {
  display: flex
}
#AppsAndIntegrations .cards_container_ {
  width: 100%
}
#AppsAndIntegrations .cards_container_ ul {
  width: calc(100% + 15px);
  font-size: 0;
  margin-bottom: -15px
}
#AppsAndIntegrations .cards_container_ ul li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  margin-right: 15px;
  width: 206px
}
#AppsAndIntegrations .cards_container_ .card_ {
  width: 100%;
  height: 60px;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid #ebebeb;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 0 15px
}
#AppsAndIntegrations .cards_container_ .card_ .ico_ {
  width: 25px;
  height: 25px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 15px;
  flex-shrink: 0
}
#AppsAndIntegrations .cards_container_ .card_ .text_ {
  width: 100%;
  text-align: left
}
#AppsAndIntegrations .cards_container_ .card_ .text_ h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
#AppsAndIntegrations .cards_container_ .card_ .text_ a {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #696969;
  text-decoration: underline
}
#AppsAndIntegrations .cards_container_ .card_ .text_ a:hover {
  color: #282828
}
#AppsAndIntegrations .sistem_container_ {
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  border: 1px solid #ebebeb;
  background-color: #fff;
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 15px
}
#AppsAndIntegrations .sistem_container_ .text_ {
  width: 100%;
  max-width: 350px;
  text-align: left;
  margin-right: auto
}
#AppsAndIntegrations .sistem_container_ .text_ p {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px
}
#AppsAndIntegrations .sistem_container_ .download_ {
  flex-shrink: 0
}
#AppsAndIntegrations .sistem_container_ .download_ i {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  top: -1px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
body.dark-theme-on #AppsAndIntegrations .find_integrations_ {
  background-color: #262e38
}
body.dark-theme-on #AppsAndIntegrations .find_integrations_ .search_bar_ {
  border-bottom-color: #21272f;
  background: #262e38
}
body.dark-theme-on #AppsAndIntegrations .find_integrations_ .search_bar_ .downloads_ .title_ {
  color: #fff
}
body.dark-theme-on #AppsAndIntegrations .find_integrations_ .results_ .list_ a {
  background-color: #20272f
}
body.dark-theme-on #AppsAndIntegrations .find_integrations_ .results_ .list_ a:hover {
  background-color: #1b2127
}
body.dark-theme-on #AppsAndIntegrations .find_integrations_ .results_ .list_ a .ico_ {
  background-color: #262e38
}
body.dark-theme-on #AppsAndIntegrations .cards_container_ .card_ {
  border-color: #21272f;
  background-color: #29313c
}
body.dark-theme-on #AppsAndIntegrations .cards_container_ .card_ .text_ a {
  color: #949494
}
body.dark-theme-on #AppsAndIntegrations .cards_container_ .card_ .text_ a:hover {
  color: #fff
}
body.dark-theme-on #AppsAndIntegrations .sistem_container_ {
  border-color: #21272f;
  background-color: #29313c
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .find_integrations_ {
  background-color: #252222
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .find_integrations_ .search_bar_ {
  border-bottom-color: #1b1a19;
  background: #252222
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .find_integrations_ .search_bar_ .downloads_ .title_ {
  color: #fff
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .find_integrations_ .results_ .list_ a {
  background-color: #292727
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .find_integrations_ .results_ .list_ a:hover {
  background-color: #312f2f
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .find_integrations_ .results_ .list_ a .ico_ {
  background-color: #403d3d
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .cards_container_ .card_ {
  border-color: #1b1a19;
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .cards_container_ .card_ .text_ a {
  color: #949494
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .cards_container_ .card_ .text_ a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ #AppsAndIntegrations .sistem_container_ {
  border-color: #1b1a19;
  background-color: #201e1e
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .find_integrations_ {
  background-color: #000;
  border: 1px solid #fff
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .find_integrations_ .search_bar_ {
  border-bottom-color: #fff;
  background: #000
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .find_integrations_ .search_bar_ .downloads_ .title_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .find_integrations_ .results_ .list_ a {
  background-color: #3c3c3c
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .find_integrations_ .results_ .list_ a:hover {
  background-color: #fff;
  color: #000
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .find_integrations_ .results_ .list_ a .ico_ {
  background-color: #fff
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .cards_container_ .card_ {
  border-color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .cards_container_ .card_ .text_ a {
  color: #949494
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .cards_container_ .card_ .text_ a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #AppsAndIntegrations .sistem_container_ {
  border-color: #fff;
  background-color: #000
}
#TrashView .trash_projects_table_ .value_col_.extra_ {
  font-size: 12px;
  color: #868686
}
#TrashView .trash_projects_table_ .button_.delete:hover {
  color: #f15858
}
#TrashView .trash_projects_table_ .button_.recover:hover {
  color: #00ad95
}
#TrashView .trash_projects_table_ .col_name {
  width: auto;
  vertical-align: middle
}
#TrashView .trash_projects_table_ .col_deleted_by {
  width: 140px;
  vertical-align: middle
}
#TrashView .trash_projects_table_ .col_deleted_at {
  width: 100px;
  vertical-align: middle
}
#TrashView .trash_projects_table_ .col_action {
  width: 180px;
  vertical-align: middle;
  text-align: right;
  padding-right: 0
}
#TrashView .trash_projects_table_ .loading_placeholder_style_.value_col_ {
  width: 100%;
  height: 20px;
  max-width: 80%
}
#TrashView .trash_projects_table_ .loading_placeholder_style_.button_.delete {
  width: 34px
}
#TrashView .trash_projects_table_ .loading_placeholder_style_.button_.recover {
  width: 87px
}
#helpPop {
  position: fixed;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  background-color: #fff;
  border: 1px solid var(--APP-shadow-border);
  -webkit-box-shadow: var(--APP-shadow);
  -moz-box-shadow: var(--APP-shadow);
  box-shadow: var(--APP-shadow);
  box-sizing: border-box;
  padding: 15px;
  margin-top: 10px
}
#helpPop::after,
#helpPop::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  content: '';
  top: -10px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  z-index: 1
}
#helpPop::after {
  z-index: 0;
  border-color: transparent transparent var(--APP-shadow-border) transparent;
  top: -11px
}
#helpPop.projectList_help_.right::after,
#helpPop.projectList_help_.right::before {
  left: auto;
  right: 50px
}
#helpPop.dashboard_help_.right::after,
#helpPop.dashboard_help_.right::before {
  left: auto;
  right: 88px
}
#helpPop.sharedReportList_help_.right::after,
#helpPop.sharedReportList_help_.right::before {
  left: auto;
  right: 4px
}
.help_pop_button_ {
  width: 20px;
  height: 20px;
  line-height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  outline: 0 none;
  border: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  font-size: 14px;
  color: #828282;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  flex-shrink: 0
}
.help_pop_button_:hover {
  background-color: #e3e2e2
}
.help_pop_button_ * {
  pointer-events: none
}
.help_pop_button_ + .button_,
.help_pop_button_ + .drop_,
.help_pop_button_ + .instant_sharing_ {
  margin-left: 10px
}
.side_nav_header_ .help_pop_button_ {
  right: -10px;
  position: relative
}
#helpPop .video_ {
  width: 100%;
  height: 140px;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  position: relative
}
#helpPop .video_:not(:last-child) {
  margin-bottom: 15px
}
#helpPop .video_::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 10%);
  content: '';
  z-index: 1;
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -ms-transition: background-color .4s;
  transition: background-color .4s
}
#helpPop .video_:hover::after {
  background-color: rgb(0 0 0 / 20%)
}
#helpPop .video_ i {
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  text-indent: 4px;
  color: #fff;
  background-color: #828282;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  text-align: center;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
#helpPop .links_ {
  width: 100%
}
#helpPop .links_:not(:last-child) {
  margin-bottom: 15px
}
#helpPop .links_ ul {
  width: 100%;
  font-size: 0
}
#helpPop .links_ li {
  width: 100%;
  text-align: left;
  margin-bottom: 10px
}
#helpPop .links_ li:last-child {
  margin-bottom: 0
}
#helpPop .links_ a {
  font-size: 12px;
  font-weight: 600;
  color: #828282
}
#helpPop .links_ a u {
  text-decoration: underline;
  margin-right: 5px
}
#helpPop .links_ a:hover {
  color: #282828
}
#helpPop .keys_ {
  width: 100%
}
#helpPop .keys_:not(:last-child) {
  margin-bottom: 15px
}
#helpPop .keys_ ul {
  width: 100%;
  font-size: 0
}
#helpPop .keys_ li {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #828282
}
#helpPop .keys_ li:last-child {
  margin-bottom: 0
}
#helpPop .keys_ li u {
  font-size: 12px;
  font-weight: 600;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#helpPop .keys_ li small {
  flex-shrink: 0;
  font-size: 10px;
  line-height: 15px;
  padding: 0 5px;
  font-weight: 600;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-left: auto;
  border: 1px solid #e3e2e2;
  box-sizing: border-box;
  text-transform: uppercase
}
#helpPop .keys_ li small .line_ {
  width: 1px;
  height: 15px;
  background-color: #e3e2e2;
  margin: 0 5px;
  display: inline-block;
  vertical-align: top
}
body.dark-theme-on #helpPop {
  background-color: #2a313c;
  border-color: var(--DARK-APP-shadow-border)
}
body.dark-theme-on #helpPop::after,
body.dark-theme-on #helpPop::before {
  border-color: transparent transparent #29303c transparent
}
body.dark-theme-on #helpPop::after {
  border-color: transparent transparent var(--DARK-APP-shadow-border) transparent
}
body.dark-theme-on .help_pop_button_ {
  color: #fff
}
body.dark-theme-on .help_pop_button_:hover {
  background-color: #232933
}
body.dark-theme-on #helpPop .video_ {
  background-color: #36404c
}
body.dark-theme-on #helpPop .video_::after {
  background-color: rgb(0 0 0 / 60%)
}
body.dark-theme-on #helpPop .video_:hover::after {
  background-color: rgb(0 0 0 / 70%)
}
body.dark-theme-on #helpPop .video_ i {
  color: #fff;
  background-color: #36404c
}
body.dark-theme-on #helpPop .links_ a {
  color: #c1c1c1
}
body.dark-theme-on #helpPop .links_ a:hover {
  color: #fff
}
body.dark-theme-on #helpPop .keys_ li {
  color: #c1c1c1
}
body.dark-theme-on #helpPop .keys_ li small {
  border-color: #20242a
}
body.dark-theme-on #helpPop .keys_ li small .line_ {
  background-color: #20242a
}
.MSTEAMS.dark_mode_ #helpPop {
  background-color: #191717;
  border-color: var(--MS-DARK-APP-shadow-border)
}
.MSTEAMS.dark_mode_ #helpPop::after,
.MSTEAMS.dark_mode_ #helpPop::before {
  border-color: transparent transparent #191717 transparent
}
.MSTEAMS.dark_mode_ #helpPop::after {
  border-color: transparent transparent var(--MS-DARK-APP-shadow-border) transparent
}
.MSTEAMS.dark_mode_ .help_pop_button_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .help_pop_button_:hover {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #helpPop .video_ {
  background-color: #191717
}
.MSTEAMS.dark_mode_ #helpPop .video_::after {
  background-color: rgb(0 0 0 / 60%)
}
.MSTEAMS.dark_mode_ #helpPop .video_:hover::after {
  background-color: rgb(0 0 0 / 70%)
}
.MSTEAMS.dark_mode_ #helpPop .video_ i {
  color: #fff;
  background-color: #191717
}
.MSTEAMS.dark_mode_ #helpPop .links_ a {
  color: #c1c1c1
}
.MSTEAMS.dark_mode_ #helpPop .links_ a:hover {
  color: #fff
}
.MSTEAMS.dark_mode_ #helpPop .keys_ li {
  color: #c1c1c1
}
.MSTEAMS.dark_mode_ #helpPop .keys_ li small {
  border-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #helpPop {
  background-color: #000;
  border-color: #fff
}
.MSTEAMS.deep_dark_mode_ #helpPop::after,
.MSTEAMS.deep_dark_mode_ #helpPop::before {
  border-color: transparent transparent #000 transparent
}
.MSTEAMS.deep_dark_mode_ #helpPop::after {
  border-color: transparent transparent #fff transparent
}
.MSTEAMS.deep_dark_mode_ .help_pop_button_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .help_pop_button_:hover {
  background-color: #fff;
  color: #000
}
.MSTEAMS.deep_dark_mode_ #helpPop .video_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #helpPop .video_::after {
  background-color: rgb(0 0 0 / 60%)
}
.MSTEAMS.deep_dark_mode_ #helpPop .video_:hover::after {
  background-color: rgb(0 0 0 / 70%)
}
.MSTEAMS.deep_dark_mode_ #helpPop .video_ i {
  color: #fff;
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ #helpPop .links_ a {
  color: #c1c1c1
}
.MSTEAMS.deep_dark_mode_ #helpPop .links_ a:hover {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #helpPop .keys_ li {
  color: #c1c1c1
}
.MSTEAMS.deep_dark_mode_ #helpPop .keys_ li small {
  border-color: #2d2c2c
}
.workspace_switch_ {
  display: inline-block;
  vertical-align: middle;
  color: #282828;
  cursor: pointer;
  font-size: 0
}
.workspace_switch_ label {
  width: 100%;
  font-size: 8px;
  line-height: 8px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: inline-block;
  vertical-align: top
}
.workspace_switch_ h2 {
  width: 100%;
  font-weight: 700;
  font-size: 0
}
.workspace_switch_ h2 u {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.workspace_switch_ h2 i,
.workspace_switch_ h2 u {
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle
}
.workspace_switch_ h2 i {
  margin-left: 5px
}
body.dark-theme-on .workspace_switch_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .workspace_switch_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .workspace_switch_ {
  color: #fff
}
#ManageWorkSpacesView .workspace_section_header_ {
  width: 100%;
  border-bottom: 1px solid #e3e2e2;
  margin-bottom: 10px;
  padding: 20px 0
}
#ManageWorkSpacesView .workspace_section_header_ p {
  font-size: 16px;
  line-height: 16px;
  color: #282828;
  font-weight: 500
}
#ManageWorkSpacesView .workspace_section_header_ a {
  display: inline-block;
  margin-left: auto;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #282828;
  text-decoration: underline
}
#ManageWorkSpacesView .workspace_section_header_:first-child {
  padding-top: 0
}
#ManageWorkSpacesView .workspaces_list_ {
  width: 100%;
  margin-bottom: 20px
}
#ManageWorkSpacesView .workspace_table_ .table_row_:not(:last-child) {
  border-bottom: 1px solid #e3e2e2
}
#ManageWorkSpacesView .workspace_table_ .body_ {
  padding: 0
}
#ManageWorkSpacesView .workspace_table_ .cell_ {
  vertical-align: middle
}
#ManageWorkSpacesView .workspace_table_ .col_name {
  width: auto;
  text-align: left;
  padding-left: 0
}
#ManageWorkSpacesView .workspace_table_ .col_date {
  width: 90px;
  text-align: left
}
#ManageWorkSpacesView .workspace_table_ .col_users {
  width: 70px;
  text-align: left
}
#ManageWorkSpacesView .workspace_table_ .col_status {
  width: 160px;
  text-align: left
}
#ManageWorkSpacesView .workspace_table_ .col_actions {
  width: 120px;
  text-align: right;
  padding-right: 0
}
#ManageWorkSpacesView .workspace_table_ .value_col_.status_ {
  text-transform: lowercase
}
#ManageWorkSpacesView .workspace_table_ .value_col_.status_::first-letter {
  text-transform: uppercase
}
#ManageWorkSpacesView .workspace_table_ a {
  width: 100px;
  text-align: center;
  margin: 0 0 10px 0
}
#ManageWorkSpacesView .workspace_table_ a:last-child {
  margin: 0
}
#ManageWorkSpacesView .workspace_table_ a.JOIN_color_ {
  background-color: #00ad95;
  color: #fff
}
#ManageWorkSpacesView .workspace_table_ a.JOIN_color_:hover {
  background-color: #008b79
}
body.dark-theme-on #ManageWorkSpacesView .workspace_section_header_ {
  border-bottom-color: #21272f
}
body.dark-theme-on #ManageWorkSpacesView .workspace_section_header_ p {
  color: #fff
}
body.dark-theme-on #ManageWorkSpacesView .workspace_section_header_ a {
  color: #fff
}
body.dark-theme-on #ManageWorkSpacesView .workspace_table_ .table_row_:not(:last-child) {
  border-bottom-color: #21272f
}
.MSTEAMS.dark_mode_ #ManageWorkSpacesView .workspace_section_header_ {
  border-bottom-color: #1b1a19
}
.MSTEAMS.dark_mode_ #ManageWorkSpacesView .workspace_section_header_ p {
  color: #fff
}
.MSTEAMS.dark_mode_ #ManageWorkSpacesView .workspace_section_header_ a {
  color: #fff
}
.MSTEAMS.dark_mode_ #ManageWorkSpacesView .workspace_table_ .table_row_:not(:last-child) {
  border-bottom-color: #1b1a19
}
.MSTEAMS.deep_dark_mode_ #ManageWorkSpacesView .workspace_section_header_ {
  border-bottom-color: #fff
}
.MSTEAMS.deep_dark_mode_ #ManageWorkSpacesView .workspace_section_header_ p {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #ManageWorkSpacesView .workspace_section_header_ a {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #ManageWorkSpacesView .workspace_table_ .table_row_:not(:last-child) {
  border-bottom-color: #fff
}
.percentage_loading_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  background-color: rgba(255,255,255,.95);
  display: none
}
.percentage_loading_.active {
  display: block
}
.percentage_loading_ .loader_ {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.percentage_loading_ .spin_ {
  width: 30px;
  height: 30px;
  position: relative
}
.percentage_loading_ .spin_::after {
  display: none
}
.percentage_loading_ .percent_ {
  width: 100px;
  height: 12px;
  background-color: #dcdcdc;
  margin-top: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: margin .2s,opacity .2s,visibility .2s;
  -moz-transition: margin .2s,opacity .2s,visibility .2s;
  -ms-transition: margin .2s,opacity .2s,visibility .2s;
  transition: margin .2s,opacity .2s,visibility .2s;
  position: relative;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  height: 0
}
.percentage_loading_ .percent_.active {
  opacity: 1;
  visibility: visible;
  height: 12px;
  margin-top: 10px
}
.percentage_loading_ .percent_ .progress_ {
  width: auto;
  height: 100%;
  background-color: #bbb;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  transition: width .2s;
  z-index: 0
}
.percentage_loading_ .percent_ .text_ {
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
  font-weight: 700;
  color: #282828;
  line-height: 12px;
  font-size: 8px;
  position: absolute;
  top: 0;
  left: 0
}
body.dark-theme-on .percentage_loading_ {
  background-color: rgba(42,49,60,.95)
}
body.dark-theme-on .percentage_loading_ .percent_ {
  background-color: #0d1014
}
body.dark-theme-on .percentage_loading_ .percent_ .progress_ {
  background-color: #566579
}
body.dark-theme-on .percentage_loading_ .percent_ .text_ {
  color: #fff
}
.MSTEAMS.dark_mode_ .percentage_loading_ {
  background-color: #201e1e
}
.MSTEAMS.dark_mode_ .percentage_loading_ .percent_ {
  background-color: #333131
}
.MSTEAMS.dark_mode_ .percentage_loading_ .percent_ .progress_ {
  background-color: #3f3e3e
}
.MSTEAMS.dark_mode_ .percentage_loading_ .percent_ .text_ {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ .percentage_loading_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .percentage_loading_ .percent_ {
  background-color: #000
}
.MSTEAMS.deep_dark_mode_ .percentage_loading_ .percent_ .progress_ {
  background-color: #2b2b2b
}
.MSTEAMS.deep_dark_mode_ .percentage_loading_ .percent_ .text_ {
  color: #ffff01
}
#UserReportListView.pro_banner_ .hide-on-pro-banner {
  display: none
}
#UserReportListView .tt-table {
  min-width: 900px
}
#UserReportListView .tt-table .tt-data-rol {
  width: 200px;
  text-align: center
}
#UserReportListView .tt-table .tt-data-workshedule {
  width: 200px;
  text-align: center
}
#UserReportListView .tt-table .tt-data-created {
  width: 200px;
  text-align: center
}
#UserReportView.error_view_ .hide-on-error,
#UserReportView.loading_view_ .hide-on-loading {
  display: none
}
#UserReportView .report-content {
  min-width: 1120px
}
#UserReportView .module {
  width: 100%;
  margin-bottom: 30px
}
#UserReportView:not(.loading_view_) .module:empty {
  display: none
}
#UserReportView .glance-module {
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start
}
#UserReportView .glance-module .cube {
  width: 280px;
  height: 250px;
  margin-right: 20px;
  background-color: #f5f4f4;
  -webkit-border-radius: var(--APP-radius);
  -moz-border-radius: var(--APP-radius);
  border-radius: var(--APP-radius);
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column
}
#UserReportView .glance-module .cube .name {
  width: 100%;
  height: auto;
  position: relative;
  box-sizing: border-box;
  padding: 45px 0 0 0;
  margin-bottom: auto;
  flex-shrink: 0
}
#UserReportView .glance-module .cube .name .avatar {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d3d3d3;
  font-size: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  cursor: default
}
#UserReportView .glance-module .cube .name h2 {
  font-size: 20px;
  line-height: 25px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #282828;
  font-weight: 700
}
#UserReportView .glance-module .cube .name p {
  font-size: 12px;
  line-height: 18px;
  color: #b3b3b3;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
#UserReportView .glance-module .cube .list {
  width: 100%;
  font-size: 0
}
#UserReportView .glance-module .cube .list li {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 8px;
  font-size: 14px;
  color: #282828;
  font-size: 0
}
#UserReportView .glance-module .cube .list li.loading_placeholder_style_ {
  height: 14px;
  background-color: #dfdfdf
}
#UserReportView .glance-module .cube .list li:first-child {
  margin-top: 0
}
#UserReportView .glance-module .cube .list small {
  font-size: 10px;
  margin-right: 5px;
  text-transform: lowercase
}
#UserReportView .glance-module .cube .list small::first-letter {
  text-transform: uppercase
}
#UserReportView .glance-module .cube .list small.avg {
  margin-left: 5px;
  font-weight: 600;
  color: #979797
}
#UserReportView .glance-module .cube .list label {
  font-size: 14px
}
#UserReportView .glance-module .cube .list label b {
  font-weight: 700
}
#UserReportView .glance-module .cube .list .positive {
  color: #269ae1
}
#UserReportView .glance-module .cube .list .negative {
  color: #f14846
}
#UserReportView .glance-module .cube .list .total {
  color: var(--APP-track-color)
}
#UserReportView .glance-module .chart {
  width: 100%;
  height: 250px;
  position: relative
}
#UserReportView .glance-module .chart .chart-canvas {
  width: 100%
}
#UserReportView .glance-module .chart .chart-filters {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 10;
  display: flex;
  gap: 20px;
  width: 160px
}
#UserReportView .glance-module .chart.empty .chart-canvas {
  pointer-events: none;
  opacity: .5
}
#UserReportView .lists-module {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px
}
#UserReportView .lists-module .list {
  width: 100%
}
#UserReportView .lists-module .list h2 {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--FORMS-label);
  font-weight: 600
}
#UserReportView .lists-module .list h2.loading_placeholder_style_ {
  height: 12px;
  width: 100px;
  background-color: #dfdfdf;
  margin: 20px
}
#UserReportView .lists-module .list p {
  font-size: 14px;
  line-height: 18px;
  color: #bfbfbf;
  margin-top: 10px
}
#UserReportView .lists-module .list p::first-letter {
  text-transform: uppercase
}
#UserReportView .lists-module .list ul {
  width: 100%;
  font-size: 0;
  max-height: 290px;
  overflow: auto;
  overscroll-behavior: contain;
  margin-top: 30px
}
#UserReportView .lists-module .list li {
  margin-top: 7px
}
#UserReportView .lists-module .list li:first-child {
  margin-top: 0
}
#UserReportView .lists-module .list .info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px
}
#UserReportView .lists-module .list .info .name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #282828;
  font-size: 12px;
  font-weight: 600;
  margin-right: auto
}
#UserReportView .lists-module .list .info .name u:hover {
  text-decoration: underline
}
#UserReportView .lists-module .list .info .name small {
  color: #868686
}
#UserReportView .lists-module .list .info .total {
  margin-left: 10px;
  flex-shrink: 0;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #282828
}
#UserReportView .lists-module .list .progress {
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #f5f4f4;
  position: relative
}
#UserReportView .lists-module .list .progress .line {
  width: 0;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--APP-track-color)
}
#UserReportView .tasks-module .tt-table-thead {
  top: 75px
}
#UserReportView .tasks-module .tt-data-task {
  width: auto
}
#UserReportView .tasks-module .tt-data-project {
  width: 190px
}
#UserReportView .tasks-module .tt-data-time {
  width: 140px;
  text-align: center
}
#UserReportView .tasks-module .tt-data-created {
  width: 120px;
  text-align: center
}
#UserReportView .tasks-module .tt-data-due {
  width: 120px;
  text-align: center
}
#UserReportView .tasks-module .tt-data-priority {
  width: 100px;
  text-align: center
}
#UserReportView .tasks-module .show_CLOSED .tt-table-tbody .tt-table-row,
#UserReportView .tasks-module .show_OPEN .tt-table-tbody .tt-table-row,
#UserReportView .tasks-module .show_OVERDUE .tt-table-tbody .tt-table-row {
  display: none
}
#UserReportView .tasks-module .show_OPEN .tt-table-tbody .tt-table-row.is-done-false {
  display: table-row
}
#UserReportView .tasks-module .show_CLOSED .tt-table-tbody .tt-table-row.is-done-true {
  display: table-row
}
#UserReportView .tasks-module .show_OVERDUE .tt-table-tbody .tt-table-row.is-overdue-true {
  display: table-row
}
@media only screen and (min-width :0px) and (max-width :800px) {
  #UserReportView .base_h_ .button_[data-comp=back] u,
  #UserReportView .base_h_ .view_title_ {
    display: none
  }
}
.dark-theme-on #UserReportView .glance-module .cube {
  background-color: #434d5d
}
.dark-theme-on #UserReportView .glance-module .cube .name .avatar {
  background-color: #363e4a
}
.dark-theme-on #UserReportView .glance-module .cube .name h2 {
  color: #fff
}
.dark-theme-on #UserReportView .glance-module .cube .name p {
  color: #979797
}
.dark-theme-on #UserReportView .glance-module .cube .list li {
  color: #fff
}
.dark-theme-on #UserReportView .glance-module .cube .list li.loading_placeholder_style_ {
  background-color: #303742
}
.dark-theme-on #UserReportView .glance-module .cube .list small.avg {
  color: #979797
}
.dark-theme-on #UserReportView .glance-module .cube .list .positive {
  color: #269ae1
}
.dark-theme-on #UserReportView .glance-module .cube .list .negative {
  color: #f14846
}
.dark-theme-on #UserReportView .lists-module .list h2 {
  color: var(--DARK-FORMS-label)
}
.dark-theme-on #UserReportView .lists-module .list h2.loading_placeholder_style_ {
  background-color: #303742
}
.dark-theme-on #UserReportView .lists-module .list p {
  color: #7c7c7c
}
.dark-theme-on #UserReportView .lists-module .list .info .name {
  color: #fff
}
.dark-theme-on #UserReportView .lists-module .list .info .name small {
  color: #868686
}
.dark-theme-on #UserReportView .lists-module .list .info .total {
  color: #fff
}
.dark-theme-on #UserReportView .lists-module .list .progress {
  background-color: #20262f
}
.dark-theme-on #UserReportView .lists-module .list .progress .line {
  background-color: var(--APP-track-color)
}
.MSTEAMS.dark_mode_ #UserReportView .glance-module .cube {
  background-color: #2d2c2c
}
.MSTEAMS.dark_mode_ #UserReportView .glance-module .cube .name .avatar {
  background-color: #211e1e
}
.MSTEAMS.dark_mode_ #UserReportView .glance-module .cube .name h2 {
  color: #fff
}
.MSTEAMS.dark_mode_ #UserReportView .glance-module .cube .name p {
  color: #979797
}
.MSTEAMS.dark_mode_ #UserReportView .glance-module .cube .list li {
  color: #fff
}
.MSTEAMS.dark_mode_ #UserReportView .glance-module .cube .list li.loading_placeholder_style_ {
  background-color: #211e1e
}
.MSTEAMS.dark_mode_ #UserReportView .glance-module .cube .list small.avg {
  color: #979797
}
.MSTEAMS.dark_mode_ #UserReportView .glance-module .cube .list .positive {
  color: #269ae1
}
.MSTEAMS.dark_mode_ #UserReportView .glance-module .cube .list .negative {
  color: #f14846
}
.MSTEAMS.dark_mode_ #UserReportView .lists-module .list h2 {
  color: var(--DARK-FORMS-label)
}
.MSTEAMS.dark_mode_ #UserReportView .lists-module .list h2.loading_placeholder_style_ {
  background-color: #211e1e
}
.MSTEAMS.dark_mode_ #UserReportView .lists-module .list p {
  color: #7c7c7c
}
.MSTEAMS.dark_mode_ #UserReportView .lists-module .list .info .name {
  color: #fff
}
.MSTEAMS.dark_mode_ #UserReportView .lists-module .list .info .name small {
  color: #868686
}
.MSTEAMS.dark_mode_ #UserReportView .lists-module .list .info .total {
  color: #fff
}
.MSTEAMS.dark_mode_ #UserReportView .lists-module .list .progress {
  background-color: #1b1919
}
.MSTEAMS.dark_mode_ #UserReportView .lists-module .list .progress .line {
  background-color: var(--APP-track-color)
}
.MSTEAMS.deep_dark_mode_ #UserReportView .glance-module .cube {
  background-color: #2d2c2c
}
.MSTEAMS.deep_dark_mode_ #UserReportView .glance-module .cube .name .avatar {
  background-color: #211e1e
}
.MSTEAMS.deep_dark_mode_ #UserReportView .glance-module .cube .name h2 {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #UserReportView .glance-module .cube .name p {
  color: #979797
}
.MSTEAMS.deep_dark_mode_ #UserReportView .glance-module .cube .list li {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #UserReportView .glance-module .cube .list li.loading_placeholder_style_ {
  background-color: #211e1e
}
.MSTEAMS.deep_dark_mode_ #UserReportView .glance-module .cube .list small.avg {
  color: #979797
}
.MSTEAMS.deep_dark_mode_ #UserReportView .glance-module .cube .list .positive {
  color: #269ae1
}
.MSTEAMS.deep_dark_mode_ #UserReportView .glance-module .cube .list .negative {
  color: #f14846
}
.MSTEAMS.deep_dark_mode_ #UserReportView .lists-module .list h2 {
  color: var(--DARK-FORMS-label)
}
.MSTEAMS.deep_dark_mode_ #UserReportView .lists-module .list h2.loading_placeholder_style_ {
  background-color: #211e1e
}
.MSTEAMS.deep_dark_mode_ #UserReportView .lists-module .list p {
  color: #7c7c7c
}
.MSTEAMS.deep_dark_mode_ #UserReportView .lists-module .list .info .name {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #UserReportView .lists-module .list .info .name small {
  color: #868686
}
.MSTEAMS.deep_dark_mode_ #UserReportView .lists-module .list .info .total {
  color: #fff
}
.MSTEAMS.deep_dark_mode_ #UserReportView .lists-module .list .progress {
  background-color: #1b1919
}
.MSTEAMS.deep_dark_mode_ #UserReportView .lists-module .list .progress .line {
  background-color: var(--APP-track-color)
}