:root{--themeCardBorder: #20262B1A;--white: #ffffff !important;--whiteBackground: #ffffff;--themeTextDarkColor: #262626;--iconColor: #484D56;--width-250: 250px;--width-300: 300px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--text-primary: #1c222d;--text-secondary: #5e6470;--text-muted: #8b8f98;--text-on-emphasis: #ffffff;--text-primary-dark: #f1f2f4;--text-secondary-dark: #c7ccd7;--text-muted-dark: #8ea3c2;--timelineActive: #0e9aef;--timelineBreak: #674636;--timelineIdle: #e29200;--timelineEntry: #178229;--font-sans: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tighter: -0.02em;--tracking-tight: -0.015em;--tracking-snug: -0.01em;--tracking-normal: 0;--tracking-wide: 0.06em;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.45;--leading-relaxed: 1.6;--text-display-size: 36px;--text-display-line: 44px;--text-display-weight: var(--font-weight-bold);--text-display-tracking: -0.02em;--text-h1-size: 28px;--text-h1-line: 36px;--text-h1-weight: var(--font-weight-bold);--text-h1-tracking: -0.015em;--text-h2-size: 22px;--text-h2-line: 30px;--text-h2-weight: var(--font-weight-semibold);--text-h2-tracking: -0.01em;--text-h3-size: 18px;--text-h3-line: 26px;--text-h3-weight: var(--font-weight-semibold);--text-h3-tracking: -0.005em;--text-h4-size: 16px;--text-h4-line: 24px;--text-h4-weight: var(--font-weight-semibold);--text-h4-tracking: 0;--text-body-lg-size: 14px;--text-body-lg-line: 20px;--text-body-lg-weight: var(--font-weight-regular);--text-body-lg-tracking: 0;--text-body-size: 13px;--text-body-line: 20px;--text-body-weight: var(--font-weight-regular);--text-body-tracking: 0;--text-body-sm-size: 12px;--text-body-sm-line: 18px;--text-body-sm-weight: var(--font-weight-regular);--text-body-sm-tracking: 0;--text-caption-size: 11px;--text-caption-line: 16px;--text-caption-weight: var(--font-weight-medium);--text-caption-tracking: 0;--text-overline-size: 10px;--text-overline-line: 14px;--text-overline-weight: var(--font-weight-semibold);--text-overline-tracking: 0.06em;--themeDefaultFontSize: var(--text-body-size)}.text-display{font-family:var(--font-sans);font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking)}.text-h1{font-family:var(--font-sans);font-size:var(--text-h1-size);line-height:var(--text-h1-line);font-weight:var(--text-h1-weight);letter-spacing:var(--text-h1-tracking)}.text-h2{font-family:var(--font-sans);font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:var(--text-h2-weight);letter-spacing:var(--text-h2-tracking)}.text-h3{font-family:var(--font-sans);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:var(--text-h3-weight);letter-spacing:var(--text-h3-tracking)}.text-h4{font-family:var(--font-sans);font-size:var(--text-h4-size);line-height:var(--text-h4-line);font-weight:var(--text-h4-weight);letter-spacing:var(--text-h4-tracking)}.text-body-lg{font-family:var(--font-sans);font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);font-weight:var(--text-body-lg-weight);letter-spacing:var(--text-body-lg-tracking)}.text-body{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-body-weight);letter-spacing:var(--text-body-tracking)}.text-body-sm{font-family:var(--font-sans);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);font-weight:var(--text-body-sm-weight);letter-spacing:var(--text-body-sm-tracking)}.text-caption{font-family:var(--font-sans);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-caption-weight);letter-spacing:var(--text-caption-tracking)}.text-overline{font-family:var(--font-sans);font-size:var(--text-overline-size);line-height:var(--text-overline-line);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
@charset "UTF-8";
html {
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
body {
  float: left;
  height: 100%;
  margin: 0;
  min-height: 100%;
  position: relative !important;
  width: 100%;
}
.dropdown-bottom-auto { bottom: auto !important; } 
.flex {
  display: flex !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-left {
    align-items: flex-start !important;
}
#wrapper {
  float: left;
  height: 100%;
  min-height: 100%;
  padding-bottom: 0;
  position: relative !important;
  width: 100%;
  overflow: hidden;
}
.loading_phrase {
  margin-top: 16px;
  font-size: 14px;
  color: #333;
}
.loading_screen {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background: #fff;
}
.loading_screen_inner {
  margin: auto;
  position: absolute;
  width: 120px;
  height: 120px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.loading_screen_inner img {
  opacity: 0.3;
  width: 50px;
  height: 50px;
}
#page-wrapper {
  min-height: 100% !important;
}
.time_box_no_internet_container {
  position: fixed;
  width: 100%;
  display: flex;
  z-index: 9999999;
  height: 100vh;
  background: #5858587a;
}
.time_box_no_internet_container .time_box_no_internet_container_inner {
  margin: auto;
  background: #fff;
  padding: 50px;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.ins_side_menu > li > a:focus {
  outline: 0 !important;
}
.ins_side_menu > li > ul > li > a:focus {
  outline: 0 !important;
}
.custom_popup:after,
.custom_popup:before {
  display: none !important;
}
.hidden_this {
  display: none !important;
}
.custom_popup {
  background-color: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15) !important;
  border-radius: 0 !important;
  bottom: auto;
  box-shadow: none !important;
  box-sizing: border-box;
  display: inline-block;
  height: auto;
  margin: 0 !important;
  max-width: 320px !important;
  min-width: 20px !important;
  padding: 0 !important;
  position: absolute;
  top: 24px !important;
  width: 320px !important;
  z-index: 9;
}
.custom_popup .ui.column.divided.aligned.grid {
  box-sizing: border-box;
  float: left;
  margin: 0;
  width: 100%;
}
.custom_popup .ui.header {
  background: #f9fafb none repeat scroll 0 0;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  float: left;
  margin-bottom: 5px;
  margin-top: 1px !important;
  padding: 0;
  width: 100%;
}
.custom_popup .ui.header > span {
  color: rgba(0, 0, 0, 0.87);
  float: left;
  font-size: 12px;
  overflow: hidden !important;
  padding: 5px;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  width: 95% !important;
}
.tooltip_content {
  display: block;
  float: left;
  font-size: 12px;
  padding: 0 5px 5px !important;
  width: 100%;
}
.tooltip_content > p {
  float: left;
  margin: 0 0 5px;
  width: 100%;
}
.tooltip_content > p > b {
  color: rgba(0, 0, 0, 0.87) !important;
  font-weight: 600;
}
.float_left {
  float: left;
}
.judgment_ttl {
  color: rgba(0, 0, 0, 0.87) !important;
  float: left;
  overflow: hidden;
  padding: 0 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 60%;
}
.hidden_this {
  display: none !important;
}
.visible_this {
  display: block !important;
}
.show_popup {
  color: #999c9e;
  cursor: pointer;
  display: inline-block;
  margin: 0 3px 0 7px;
}
.show_popup:hover {
  color: #337ab7;
}
.view_ctrl {
  display: inline-block;
  float: none;
}
.view_ctrl > i.fa {
  color: #999c9e;
  font-size: 13px !important;
  padding: 0 3px;
}
.view_ctrl > i.fa:hover {
  color: #337ab7;
}
.edit_ctrl > i {
  color: #999c9e;
}
.edit_ctrl > i:hover {
  color: #337ab7;
}
.white-bg-imp {
  background-color: #fff !important;
}
.doj_select_menu {
  font-size: 14px;
  font-weight: 400;
  max-width: 58px;
  min-width: 50px;
  padding-left: 2px;
  padding-right: 2px;
}
.selected-reporting-date-zindex {
  z-index: 10000 !important;
}
.doj_custom {
  min-width: 0;
  width: 154px !important;
}
.flexi_element > select {
  color: #9fa2a4 !important;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 14px !important;
  max-height: 42px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 4px !important;
  width: 100% !important;
}
.flexi_element {
  padding: 6px 5px 4px !important;
  text-align: center;
}
.flexi_element > select option {
  font-weight: 400;
}
.flexi_element > input {
  color: #676a6c !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding-left: 6px;
  padding-right: 6px;
  width: 100% !important;
}
.ins_metismenu .profile-element {
  text-align: center;
}
.ins_metismenu .logo_ctrl > img {
  margin-bottom: 28px !important;
}
.sidebar-collapse ul {
  margin-left: 0;
}
.sidebar-collapse ul li a {
  font-size: 13px;
}
.dataTables_filter {
  display: block;
  float: left;
  width: calc(100% - 124px);
}
#datatable-reset-ctrl {
  display: inline-block !important;
}
.custom_card-header .table-information {
  display: none;
}
.wrapper-content {
  float: left;
  padding: 20px 10px 60px !important;
  width: 100%;
}
.card-title {
  color: #676a6c;
  font-size: 14px;
  font-weight: 600;
  padding: 0 0 10px;
  text-transform: uppercase;
}
.ibox-content-main {
  border-top: 3px solid #e7eaec;
}
.none {
  display: none;
}
.judgment_fltr_ctlr {
  display: inline-block;
  float: right;
  width: 240px;
}
.judgment_fltr_ctlr2 {
  display: inline-block;
  float: left;
  width: calc(100% - 350px);
}
.judgment_fltr_ctlr,
.judgment_fltr_ctlr2 {
  margin-bottom: 5px;
  padding: 5px 0;
}
.judgment_fltr_ctlr2 .dataTables_paginate {
  display: none;
}
#datatable-reset-ctrl {
  display: inline-block !important;
  float: left;
  margin: 0 5px;
}
#datatable-reset-ctrl > input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e7eaec;
  border-radius: 0;
  color: inherit;
  min-height: 30px;
  padding: 4px 10px;
}
#datatable-reset-ctrl > input:hover {
  background-color: #eee;
  border-color: #d2d2d2;
  color: inherit;
}
.dataTables_length select {
  padding-top: 3px;
}
.ins_metismenu > li > a:focus {
  outline: 0 !important;
}
.ins_metismenu > li > ul > li > a:focus {
  outline: 0 !important;
}
.ins_metismenu > li.nav-header {
  background: 0 0;
  padding: 12px 15px 10px;
}
.login_as {
  margin: 22px 0 5px;
}
.mini-navbar .ins_metismenu > li.nav-header {
  background: 0 0;
  padding: 0 !important;
}
.profile-element > img {
  margin-bottom: 5px;
  margin-top: 20px;
  width: 35px;
}
.ins_left_panel {
  float: left;
  height: auto;
  width: 360px;
}
.ins_view_area {
  float: left;
  height: auto;
  overflow-y: auto;
  width: calc(100% - 320px);
}
.ins_edit_popup_panel {
  float: left;
  height: auto;
  width: 100%;
}
.ins_modal_content .modal-header {
  padding: 5px;
}
.ins_modal_content .modal-header .modal-title {
  font-size: 16px;
}
.ins_modal_content .modal-header small.font-bold {
  font-size: 14px;
}
.ins_modal_content .modal-body {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: left;
  height: auto;
  padding: 5px;
  width: 100%;
}
.ins_custom_modal_dialog {
  height: 100vh;
  margin: 0;
  padding: 27px 10px 27px 27px;
  width: 100%;
}
.ins_modal_content {
  border-radius: 3px;
  height: 100%;
}
.modal-open .modal-backdrop {
  opacity: 0.7;
}
.ins_nav_tabs > li > a {
  border-bottom: 1px solid #e5e5e5 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  padding: 5px;
}
.ins_left_panel .tab-content .panel-body {
  border: 0 !important;
  padding: 5px;
}
.ins_nav_tabs > li.active > a {
  border-bottom: 2px solid #1ab394 !important;
}
.ins_nav_tabs > li.active > a:active,
.ins_nav_tabs > li.active > a:focus {
  outline: 0 !important;
}
.ins_breadcrumb > li.active {
  color: #676a6c;
  font-weight: 600;
}
.notify_admin {
  background-color: #708090;
  color: #fff;
  display: block;
  float: left;
  font-size: 13px;
  padding: 2px 5px;
  position: relative;
  text-align: center;
  width: 100%;
}
.notify_admin > p {
  display: inline-block;
  margin: 0;
}
.notify_admin > button {
  display: inline-block;
  line-height: 16px;
  margin: 0 10px;
}
.notify_admin {
  background-color: #708090;
  border-bottom: 2px solid #2f4050;
  color: #fff;
  display: block;
  float: left;
  font-size: 13px;
  padding: 7px 5px;
  text-align: center;
  width: 100%;
}
.notify_admin .fa {
  color: #fff;
  display: inline;
  margin: 0 2px;
}
.notify_admin .close_notification {
  color: #d7e1ef;
  cursor: pointer;
  display: inline;
  float: right;
  font-weight: 400;
  margin: 2px 15px 0 0;
}
.notify_admin strong {
  font-weight: 600;
}
.navbar-top-links li a {
  min-height: 46px;
  padding: 14px 10px;
}
.tp_header_right > li > a > i {
  color: #969ea2;
  display: block;
  font-size: 15px;
  margin-right: 0;
  margin-top: 16px;
}
.tp_header_right > li > ul {
  width: auto !important;
}
.tp_header_right > li > ul {
  padding: 5px;
}
.tp_header_right > li > ul {
  width: auto !important;
}
.tp_header_right > li > ul > li > a {
  color: #676a6c !important;
  font-size: 13px !important;
  line-height: 14px;
  margin: 2px !important;
  padding: 6px !important;
  width: 100%;
}
ul.tp_header_right ul.dropdown-messages > li {
  float: left;
  margin: 0 !important;
  width: 100% !important;
}
ul.tp_header_right ul.dropdown-messages > li > a {
  float: left;
  margin: 0 !important;
  text-align: center;
  width: 100% !important;
}
.cbp-spmenu-right.cbp-spmenu-open {
  right: 0;
}
.cbp-spmenu,
.cbp-spmenu-push {
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.Nword_highlighter_default2 {
  height: 100% !important;
  top: 0;
}
.Nword_highlighter_default {
  height: 200px;
  position: fixed;
  right: 0;
  top: 218px;
  transition: all 1s ease 0s;
  width: auto;
  z-index: 999;
}
.settingView {
  background-color: transparent !important;
  background-image: none !important;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 21px;
  padding: 4px 3px;
  vertical-align: middle;
}
.Ntrigger {
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 31px;
  left: -38px;
  position: absolute;
  text-align: center;
  top: 57px;
  width: 33px;
  z-index: 999;
}
.Ntrigger .fa {
  float: left;
  font-size: 15px;
  margin: 4px 0 0 8px !important;
}
.fa.fa-floppy-o,
.fa.fa-pencil {
  font-size: 17px;
  margin: 0 4px 0 0;
}
.Nword_highlighter_container {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  float: left;
  height: auto;
  width: 244px;
}
.Nword_highlighter_container {
  height: 100%;
  width: 100%;
}
.cbp-spmenu-vertical {
  height: 100%;
  min-width: 320px;
  top: 0;
  width: 30%;
  z-index: 999999;
}
.cbp-spmenu-right {
  right: -30%;
}
.sidePanelHeader {
  border-bottom: 0;
  display: block;
  margin-bottom: 0;
  width: 100%;
}
ul.sidePanelUL {
  border-bottom: 1px solid #e5e6e7;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.sidePanelUL li.active:before {
  background-color: #0e9aef !important;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
ul.sidePanelUL li:after {
  background-color: #e5e6e7;
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
ul.sidePanelUL li {
  display: inline-block;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: calc(100% / 4) !important;
}
ul.sidePanelUL li:last-child:after {
  display: none;
}
ul.sidePanelUL li.active a {
  border-bottom: 0 none !important;
  box-shadow: none !important;
}
ul.sidePanelUL li a {
  width: 100% !important;
}
ul.sidePanelUL li a {
  display: inline-block;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 7px 5px;
  position: relative;
  text-align: center;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.show_selected {
  background: #f7f7f7 none repeat scroll 0 0;
}
ul.sidePanelUL li a:hover {
  background-color: #f7f7f7;
}
ul.sidePanelUL li.active {
  background-color: #f7f7f7;
}
ul.sidePanelUL li a:focus,
ul.sidePanelUL li a:hover {
  outline: 0 !important;
}
.status_drpdwn {
  max-width: 36px !important;
  position: absolute;
  right: 13px;
  top: 29px;
}
.status_drpdwn > a {
  border-right: 0 none !important;
}
.status_drpdwn:focus {
  outline: 0;
}
.vld_class.status_drpdwn > span {
  display: none;
}
.status_drpdwn i.fa {
  color: #707070;
  display: inline-block;
  font-size: 16px;
  padding: 0;
  vertical-align: bottom;
}
.iconText2 {
  color: #000;
  display: block;
  float: left;
  font-size: 12px;
  text-align: center;
  width: 100%;
}
.sidePanelContent {
  box-sizing: border-box;
  float: left;
  height: calc(100vh - 146px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 0;
  width: 100%;
  background-color: #fff;
}
#caseDataFrm:before {
  bottom: -20px;
  content: "";
  height: 45px;
  left: 0;
  opacity: 0.4;
  position: absolute;
  right: auto;
  width: 100%;
}
#caseDataFrm {
  float: left;
  width: 100%;
}
.sidePanelContainer {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 100%;
}
.sidePanelContainer .box-body .form-group {
  float: left;
  width: 100%;
}
.sidePanelContent .form-group {
  margin-bottom: 10px;
}
.sidePanelContent label {
  font-size: 13px !important;
  font-weight: 400;
  color: #383a4f;
  margin-bottom: 5px;
}
.sidePanelContent label.error {
  color: #cc5965;
}
.sidePanelContainer input,
.sidePanelContainer select,
.sidePanelContainer textarea {
  box-sizing: border-box;
  margin: 0 !important;
  width: 100%;
}
.sidePanelContainer input,
.sidePanelContainer select,
.sidePanelContainer textarea {
  box-sizing: border-box;
  margin: 0 !important;
  width: 100%;
}
.sidePanelContent .form-group:first-child {
  margin-top: 5px;
}
.inputfield,
.textfield {
  font-size: 12px;
}
.textfield {
  height: 55px;
  resize: vertical;
}
.sidePanelContainer input,
.sidePanelContainer select {
  font-size: 12px;
  height: 25px !important;
}
.sidePanelContainer select {
  font-size: 12px;
  height: 27px !important;
  padding: 2px !important;
}
.sidePanelContainer .show_eg:before {
  bottom: -18px;
  content: "eg DD/MM/YYYY";
  display: inline-block;
  font-size: 10px;
  position: absolute;
  right: 3px;
  top: auto;
}
.show_eg:before {
  content: "eg DD/MM/YYYY";
  display: inline-block;
  font-size: 11px;
  position: absolute;
  right: -87px;
  top: 7px;
}
.sidePanelContainer .autoflow > input {
  padding-left: 25px !important;
}
.autoflow > input {
  border: 1px solid #e5e6e7;
  padding-left: 35px !important;
  width: 100%;
}
.text-center {
  text-align: center !important;
}
.sidepanel-caseview-save-btn {
  position: relative;
  z-index: 0;
  padding: 5px 6px;
}
.sidepanel-caseview-save-btn {
  background: #0e9aef none repeat scroll 0 0;
  border: 1px solid #0e9aef !important;
  margin: 0;
}
.sidepanel-caseview-save-btn {
  float: right;
}
.autoflow {
  position: relative;
}
.show_eg {
  margin-bottom: 21px;
  position: relative;
}
.sidePanelContainer input,
.sidePanelContainer select,
.sidePanelContainer textarea {
  box-sizing: border-box;
  margin: 0 !important;
  width: 100%;
}
.sidePanelContainer input,
.sidePanelContainer select,
.sidePanelContainer textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 0 !important;
  padding: 5px;
  width: 100%;
  border: 1px solid #d9dde0;
  color: #7a838a;
}
.sidePanelContainer input:focus,
.sidePanelContainer select:focus,
.sidePanelContainer textarea:focus {
  border: 1px solid #0e9aef !important;
  box-shadow: 0 0 3px #2ebaff;
  color: #484e5c;
}
s .sidePanelContainer select {
  background-color: #fff;
}
.inputfield,
.textfield {
  font-size: 12px;
}
.input_fields_wrap .add_field_button,
.input_fields_wrap .inputfield,
.input_fields_wrap .remove_field {
  float: left !important;
}
.input_fields_wrap .inputfield {
  width: calc(100% - 33px) !important;
}
.next_field_ctrl > textarea {
  height: auto;
  min-height: 90px;
  font-size: 12px;
}
.input_fields_wrap .add_field_button,
.input_fields_wrap .remove_field {
  margin: 0 0 5px 7px !important;
  width: 26px !important;
  text-align: center;
}
.input_fields_wrap .add_field_button,
.input_fields_wrap .inputfield,
.input_fields_wrap .remove_field {
  float: left !important;
}
.add_field_button,
.add_field_button_corrigenda,
.remove_field,
.remove_field_corrigenda {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px !important;
  color: #999;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.add_field_button:hover,
.add_field_button_corrigenda:hover,
.remove_field:hover,
.remove_field_corrigenda:hover {
  background-color: #f8f8f8;
}
#sideTAB3 .sidepanel-caseview-save-btn {
  margin-right: 36px !important;
}
.notesHistory {
  float: left;
  width: 100%;
}
.note_heading {
  border-bottom: 1px dashed #000;
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 4px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.note_history_parent {
  border-left: 1px solid #a5a5a5;
  box-sizing: border-box;
  float: left;
  margin: 0 0 15px;
  padding-bottom: 3px;
  padding-left: 10px;
  width: 100%;
}
.history_txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 3px;
}
.updation_ctrl {
  display: block;
  float: left;
  font-style: italic;
  width: 100%;
}
.updated_on:after {
  content: ",";
  display: inline-block;
}
.updated_on {
  color: #707070;
  display: inline-block;
  font-size: 12px;
  padding-left: 17px;
  padding-right: 5px;
  position: relative;
}
.updated_by {
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: 700;
  padding-left: 17px;
  width: 100%;
}
.history_txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 3px;
}
.updation_ctrl {
  display: block;
  float: left;
  font-style: italic;
  width: 100%;
}
.box-body {
  float: left;
  width: 100%;
}
.next_field_ctrl {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
.none {
  display: none !important;
}
.block {
  display: block !important;
}
.popupCtrl a {
  color: #676a6c;
}
.popupCtrl a:focus,
.popupCtrl a:hover {
  color: #337ab7;
  outline: 0;
}
.pop-citation a {
  color: #676a6c;
}
.pop-citation a:hover {
  color: #337ab7;
}
.edit_ctrl:focus {
  border: 0 !important;
  outline: 0 !important;
}
.dataTables_length {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}
.dataTables_length > label {
  float: right;
  width: auto;
}
.dropdown_ctrl {
  float: left;
  margin-top: 4px;
  width: 100%;
}
.footer_information {
  float: left;
  margin-bottom: 3px;
  padding-bottom: 6px;
  width: auto;
}
.dataTables_filter > label {
  box-sizing: border-box;
  float: left;
  margin: 0;
  width: 100% !important;
}
.dataTables_filter > label > input {
  color: #676a6c !important;
  font-size: 13px !important;
  padding-left: 6px;
  padding-right: 6px;
  width: 100% !important;
}
.footer_bottom_ctrl > .footer_length {
  display: none;
  float: left;
  width: auto;
}
.site_indexing {
  border-bottom: 0 !important;
  display: inline-block;
  float: right;
}
.site_base {
  display: inline-block;
  float: left;
}
.site_base a,
.site_base a:hover {
  color: #337ab7;
}
.footer_indexing {
  color: #337ab7;
}
.footer_bottom_ctrl .dataTables_info {
  padding-top: 0 !important;
}
.edit_judgment_ctrl2 {
  border-radius: 0;
  float: left;
  padding: 0;
  width: 100%;
  margin: 0;
}
.ui.menu {
  min-height: 0 !important;
}
.no-scroll .centered_menu {
  margin-bottom: 0 !important;
  margin-left: -15px !important;
  margin-top: 0 !important;
  padding: 0 15px;
  width: calc(100% + 15px);
}
.centered_menu {
  background-color: #fff;
  border: 1px solid #d3d3d4 !important;
  display: block !important;
  float: left;
  margin: 10px 0;
  min-height: 59px;
  padding: 0 15px;
  position: relative;
  text-align: center;
  width: 100%;
}
.centered_menu > a.active {
  border-bottom: 2px solid #19aa8d;
  color: #000 !important;
}
.centered_menu > a.active {
  border-bottom: 2px solid #0e9aef;
  font-weight: 600;
  margin-bottom: 0 !important;
}
.centered_menu > a.active:hover {
  color: rgba(0, 0, 0, 0.87);
}
.custom_ui {
  border-bottom: 0 none;
  color: #000;
  display: block;
  float: left;
  font-size: 16px;
  margin: 13px 0 0 !important;
  padding: 0;
  position: absolute;
  text-align: left;
  width: auto;
}
.centered_menu {
  text-align: center;
}
.custom_ui > h3 {
  color: #000;
  display: inline-block;
  float: left;
  font-size: 18px;
  margin: 0 !important;
  text-transform: capitalize;
}
.custom_ui > h3 {
  margin: 11px 0 0 !important;
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom_ui > h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.centered_menu > a {
  color: #676a6c !important;
  display: inline-block !important;
  float: none;
  margin: 6px 12px 0 !important;
  padding: 10px 3px !important;
  text-transform: uppercase !important;
  position: relative;
  border-bottom: 2px solid transparent;
}
.centered_menu > a:hover {
  border-bottom: 2px solid #0e9aef;
  color: #676a6c !important;
}
.centered_menu > a:focus {
  border: none;
  outline: 0;
}
.whole_container {
  float: left;
  height: auto;
  position: relative;
  width: 100%;
}
.hide_container {
  display: none !important;
}
.over_detail_ctrl {
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  float: left;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.no-padding {
  padding: 0 !important;
}
.overview_ctrlr {
  height: calc(100vh - 292px) !important;
  overflow-y: scroll;
  padding-bottom: 10px;
  padding-right: 10px !important;
  padding-top: 10px;
}
.activity_feed_ctrl {
  padding: 5px 0 !important;
}
.activity_feed_ctrl {
  height: calc(100vh - 292px) !important;
  overflow-y: scroll;
  padding-right: 10px !important;
}
.activity-feed {
  margin: 0;
  padding: 0 5px;
}
.activity-feed > h4 {
  border-bottom: 1px solid #d3d3d4;
  margin: 0;
  padding: 1px 0 7px;
  text-align: center;
}
.activity-feed > li {
  border-bottom: 1px solid #c9c9c9;
  padding: 5px 0;
}
.activity-body .header {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: block;
  font-size: 13px;
  font-weight: 600;
}
.header {
  background: #062b3b none repeat scroll 0 0;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.title.title2 {
  color: #696969;
}
.activity-body .title {
  display: block;
  font-size: 13px;
  font-weight: 400;
}
.show_container {
  display: block !important;
}
.ui.menu {
  min-height: 0 !important;
}
.custom_leftside_menu {
  padding: 22px 0 10px !important;
}
.custom_leftside_menu,
.edit_ctrlr,
.rightSide_ctrl_area {
  padding: 17px 0 10px !important;
}
.custom_leftside_menu {
  border-bottom: 0 none !important;
  overflow-x: hidden;
  overflow-y: auto;
}
.custom_leftside_menu {
  border-bottom: 1px solid #d3d3d4 !important;
  float: left;
  margin-right: 0;
  width: 100% !important;
}
.nav {
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
}
.custom_leftside_menu > li {
  background: 0 0 !important;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.custom_leftside_menu > li.active {
  border-left: 0;
  transition: none 0s ease 0s !important;
}
.custom_leftside_menu > li.active > a {
  border-bottom: 0;
  border-left: 2px solid #0e9aef !important;
  border-right: 0 none !important;
  color: #000 !important;
  font-weight: 600 !important;
}
.custom_leftside_menu > li.active > a:hover {
  border-left: 2px solid #0e9aef !important;
  font-weight: 600 !important;
}
.custom_leftside_menu > li > a {
  border-left: 2px solid #fff !important;
  color: grey !important;
  float: left;
  font-size: 13px;
  font-weight: 400;
  margin: 0 !important;
  padding: 4px 8px !important;
  width: 100%;
}
.custom_leftside_menu > li > a:focus {
  background: 0 0 !important;
  outline: 0;
}
.custom_leftside_menu > li > a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border-bottom: 0;
  border-left: 2px solid #0e9aef !important;
  color: #000 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}
.position_relative {
  border-left: 1px solid #d3d3d4 !important;
  float: left;
  position: relative !important;
  width: 86%;
}
.position_relative {
  border: 0 none !important;
}
.custom_leftside_menu,
.edit_ctrlr,
.rightSide_ctrl_area {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  padding: 13px 0 13px 15px !important;
}
.rightSide_ctrl_area {
  height: calc(100vh - 239px) !important;
}
.rightSide_ctrl_area {
  height: 500px !important;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
.rightSide_ctrl_area {
  height: 100% !important;
  overflow: visible !important;
  position: relative;
  background: 0 0 !important;
  border: 0 !important;
}
.rightSide_ctrl_area {
  float: left;
  width: 100%;
  padding-top: 0 !important;
  padding-left: 0 !important;
}
.rightSideArea {
  display: block !important;
}
.rightSideArea {
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  float: left;
  width: 100%;
}
.ui_wrapper {
  background-color: #fff;
  padding-bottom: 0;
  padding-right: 15px;
  padding-top: 0;
}
.rightSideArea > .ui_wrapper h4 {
  background-color: #fff;
  border-bottom: 1px solid #d3d3d4;
  margin-bottom: 0;
  margin-left: 14px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-top: 10px;
  position: relative !important;
  width: calc(100% - 28px) !important;
}
.rightSideArea > .ui_wrapper h4 {
  border-bottom: 1px solid #d3d3d4;
  background-color: #fff;
  color: #000;
  margin-left: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  position: relative !important;
  text-indent: 7px;
  width: calc(100% - 20px) !important;
  text-transform: uppercase !important;
}
.rightSide_ctrl_area .dataTables_wrapper .ui.grid {
  float: none;
}
.dataTables_wrapper.dt-semanticUI > .ui.grid {
  margin: 0;
}
.dataTables_wrapper .ui.grid {
  float: left;
  width: 100%;
}
.dataTables_wrapper {
  float: left;
  padding-bottom: 0;
  width: 100%;
}
.activ_spacer {
  float: left;
  height: 25px;
  width: 100%;
  display: none;
}
.position_relative .ibox-content {
  border-top: 0;
  padding: 15px 10px;
}
.custom_ibox_title h5 {
  width: 100%;
}
.ins_validate_sitearea_list tbody th,
.ins_validate_sitearea_list tbody th a {
  font-weight: 400;
}
.multiple_ins_table .ibox-title:first-child {
  margin-top: 20px;
}
.multiple_ins_table .ibox-title {
  float: left;
  margin-top: 20px;
  width: 100%;
}
.specific_table > tbody > tr > td:nth-child(n + 3) {
  color: #000 !important;
}
.specific_table > tbody > tr > td:nth-child(n + 3) a {
  color: #135a97 !important;
}
.specific_table > thead > tr > th > a {
  font-weight: 400;
}
.validate_files_list table > tbody > tr > td button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #999c9e;
  display: inline-block;
  margin-top: -4px;
  padding: 0 4px !important;
  vertical-align: middle;
}
.validate_files_list table > tbody > tr > td button:hover {
  box-shadow: none;
  color: #333;
}
.validate_files_ctrl {
  background-color: #fff;
  border-bottom: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  float: left;
  margin-bottom: 20px;
  padding: 14px 15px 7px;
  width: 100%;
}
.validator_ctrl {
  float: left;
  text-align: center;
  width: 100%;
}
.validate_files_list {
  float: left;
  width: 100%;
}
.first_validate_tabs > strong {
  font-size: 15px;
}
.first_validate_tabs > b {
  font-size: 13px;
}
.validator_ctrl .ui.pointing.secondary {
  margin-bottom: 4px;
}
.validator_ctrl > .first_validate_tabs > strong,
.validator_ctrl > .second_validate_tabs > strong,
.validator_ctrl > .third_validate_tabs > strong {
  font-size: 15px;
  font-weight: 600;
}
.validator_ctrl > .first_validate_tabs > b,
.validator_ctrl > .second_validate_tabs > b,
.validator_ctrl > .third_validate_tabs > b {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  text-transform: lowercase !important;
}
.validator_ctrl > .first_validate_tabs > a,
.validator_ctrl > .second_validate_tabs > a,
.validator_ctrl > .third_validate_tabs > a {
  text-transform: lowercase;
}
.first_validate_tabs > strong,
.second_validate_tabs > strong,
.third_validate_tabs > strong {
  margin-right: 5px;
}
.footer_information > .dataTables_info {
  text-align: left;
}
.icon_center {
  text-align: center;
}
.dsb_link {
  display: inline-block;
  float: left;
  margin-top: 1px;
  position: relative !important;
}
.dsb_link:not(:root) {
  margin-top: 2px;
}
.mini-navbar .dsb_link {
  float: none;
}
.ins_breadcrumb > li > a {
  color: #676a6c;
  display: inline-block;
  float: left;
  font-weight: 400;
}
.ins_breadcrumb > li > a:hover {
  color: #676a6c;
  text-decoration: underline;
}
.footer_pagination {
  float: right;
  width: auto;
}
.total_judgments {
  font-size: 14px;
  font-weight: 700;
  padding: 0 1px 0 2px;
}
.off-page-header {
  border-bottom: 0 !important;
  border-left: 1px solid #e7eaec !important;
  border-right: 1px solid #e7eaec !important;
  border-top: 1px solid #e7eaec !important;
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.datatable_main {
  margin-bottom: 60px;
  padding: 0;
}
.multiple_ins_table {
  float: left;
  margin-bottom: 60px;
  width: 100%;
}
#sidepanel-footer {
  background-color: #fafafa;
  border-top: 1px solid #d6d6d6;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  margin: 0 1px;
  padding: 10px;
  position: absolute;
  right: 0;
  z-index: 0;
}
#sidepanel-footer p {
  color: #676a6c;
  font-weight: 600;
  margin: 0;
  text-align: center;
}
#sidepanel-footer img {
  display: inline;
  margin-top: -4px;
  padding: 0 4px;
}
.specific_table {
  margin: 0;
}
.table_btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #999c9e;
  display: inline-block;
  margin-top: -4px;
  padding: 0 4px !important;
  vertical-align: middle;
}
.table_btn:hover {
  box-shadow: none;
  color: #333;
}
table.max-summary {
  background: rgba(0, 0, 0, 0) linear-gradient(#eff1f3, #c4c5c6) repeat scroll 0
    0;
  border: 1px solid #e2e2e2;
  border-collapse: separate;
  border-radius: 4px;
  border-spacing: 0;
  box-shadow: 0 1px 3px rgba(221, 221, 221, 0.5);
  margin-bottom: 25px;
  padding: 1px;
  table-layout: fixed;
}
table.max-summary td {
  background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f5f7f8) repeat scroll 0 0;
  border-left: 1px solid #e2e2e2;
  border-radius: 0;
  padding: 13px 2px;
  text-align: center;
}
table.max-summary td:hover {
  background: #e6f5fa none repeat scroll 0 0;
}
table.max-summary td:first-child {
  border-radius: 5px 0 0 5px;
}
table.max-summary td:last-child {
  border-radius: 0 5px 5px 0;
  border-right: medium none;
}
table.max-summary td:last-child a {
  margin-right: 0;
}
table.max-summary .selected {
  background-color: #fff;
  border: medium none;
}
table.max-summary .selected:not(:last-child) {
  border-right: 1px solid #e5e5e5;
}
table.max-summary .selected .max-summary-heading {
  color: #000;
  font-weight: 700;
}
span.max-summary-text {
  color: #888;
  font-size: 24px;
  font-weight: 600;
}
span.max-summary-heading {
  color: #999;
  display: block;
  margin-bottom: 5px;
}
table.max-summary td.empty,
table.max-summary td.simple {
  border-right: 1px solid #e2e2e2 !important;
}
table.max-summary td.padded {
  padding-left: 20px;
  padding-right: 20px;
}
table.max-summary a:hover,
table.max-summary a:link,
table.max-summary a:visited {
  display: block;
  text-decoration: none;
}
table.max-summary img {
  visibility: hidden;
}
table.max-summary .highlight span {
  color: #f52736 !important;
}
.max-sumary_ctrl {
  padding: 0;
}
.custom_ibox_tools {
  display: block;
  float: none;
  margin-top: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.custom_ibox_tools > a {
  display: inline-block;
  float: none;
}
.ui-datepicker select {
  color: #555;
  font-weight: 400;
}
.bottom_spacer {
  margin-bottom: 60px;
}
.ins_metismenu .text-muted.text-xs.block {
  text-shadow: none;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 5px;
}
.dataTables_wrapper table > thead > tr > th {
  background: #fff;
  border-bottom: 0 none;
  border-top: 1px solid #e7e7e7;
  font-weight: 400;
}
.dt_table_date {
  max-width: 51px !important;
  min-width: 51px;
}
.bg-white {
  background-color: #fff !important;
}
.wht_bg {
  background: #fff none repeat scroll 0 0;
  border-bottom: 0 none;
  float: left;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
}
.noscroll_ctrlr {
  height: calc(100vh - 261px) !important;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 10px 10px 0 !important;
}
.judgment_edit_autoheight {
  position: relative;
}
.rightSideArea .ui_wrapper > p {
  margin-top: 8px;
  padding: 0 12px;
}
.custom_ibox_tools {
  display: block;
  float: none;
  margin-top: 0;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.edit_judgment_action > span {
  color: #676a6c;
  float: left;
  font-weight: 600;
  margin-top: 8px;
  padding-right: 5px;
}
.edit_judgment_action a {
  margin: 0;
}
.edit_judgment_action .edit_ctrl {
  margin-right: 3px;
}
.off-page-header .casename_judgment_heading {
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ins_breadcrumb .title_common_breadcrumb {
  display: inline-block;
  float: right;
  max-width: 290px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.full_width {
  width: 100% !important;
  float: left;
}
.wht_bg:last-child {
  margin-bottom: 0;
}
.box.db_box {
  float: left;
  padding-right: 0;
  width: 100%;
}
.cbp-spmenu-right2.cbp-spmenu-open2 {
  right: 0;
}
.cbp-spmenu-right2 {
  right: -420px;
}
.cbp-spmenu-vertical2 {
  height: 100%;
  top: 0;
  width: 420px;
  z-index: 9999;
}
.adj_header {
  border-bottom: 1px solid #e5e6e7;
  display: block;
  float: left;
  margin-bottom: 10px;
  margin-left: -10px;
  padding: 4px 10px 14px;
  position: relative;
  width: calc(100% + 20px);
}
.adj_header h3 {
  color: #606060;
  display: inline;
  float: left;
  font-size: 18px;
  font-weight: 400;
}
.adj_header button {
  float: right;
  margin-left: 5px;
}
.adj_sidePanelContent {
  box-sizing: border-box;
  float: left;
  height: calc(100vh - 0px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 10px;
  width: 100%;
}
.addJudgment_popup {
  z-index: 99999;
}
.fade_page {
  background: #000;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  width: 100%;
  z-index: 99999;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fade_page.no_fade_page {
  display: none;
}
.addJudgment_popup {
  z-index: 999999;
}
.addJudgment_popup .Nword_highlighter_container {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  box-shadow: 0 0 4px #bfbfbf;
  -moz-box-shadow: 0 0 4px #bfbfbf;
  -webkit-box-shadow: 0 0 4px #bfbfbf;
  -ms-box-shadow: 0 0 4px #bfbfbf;
  -o-box-shadow: 0 0 4px #bfbfbf;
}
.custom_wizard {
  float: left;
  margin: 0;
  width: 100%;
}
.custom_wizard > .content > .body {
  background: #fff none repeat scroll 0 0;
  float: left;
  height: auto;
  padding: 0;
  position: relative;
  width: 100%;
}
.custom_wizard > .content > .body label {
  color: #676a6c !important;
  float: left;
  font-weight: 400;
}
.custom_wizard ul[role="tablist"] > li {
  width: auto;
}
.custom_wizard ul[role="tablist"] > li > a {
  border-radius: 3px;
  margin-left: 0;
}
.custom_wizard ul[role="tablist"] > li > a:hover {
  margin-left: 0 !important;
}
.custom_wizard ul[role="menu"] > li {
  margin-right: 0 !important;
}
.custom_wizard ul[role="menu"] > li:last-child {
  display: none !important;
}
.custom_wizard ul[role="menu"] > li > a {
  border-radius: 3px;
}
.custom_wizard ul[role="tablist"] > li > a .number {
  display: none;
}
.custom-file-upload-hidden {
  display: none;
  left: -9999px;
  position: absolute;
  visibility: hidden;
}
.custom-file-upload,
.custom-file-upload2,
.custom-file-upload3,
.custom-file-upload4 {
  display: block;
  float: left;
  font-size: 16px;
  margin: 20px 0;
  max-width: 310px;
  width: auto;
}
.custom-file-upload label,
.custom-file-upload2 label,
.custom-file-upload3 label,
.custom-file-upload4 label {
  display: block;
  margin-bottom: 5px;
}
.file-upload-wrapper {
  float: left;
  margin-bottom: 0;
  position: relative;
}
.file-upload-input {
  background-color: #c0392b;
  border: none;
  color: #fff;
  float: left;
  font-size: 16px;
  height: 33px;
  padding: 11px 17px;
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  width: 300px;
}
.file-upload-input:focus,
.file-upload-input:hover {
  background-color: #ab3326;
  outline: 0;
}
.file-upload-button {
  background-color: #962d22;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 16px;
  margin-left: -1px;
  padding: 11px 20px;
  text-transform: uppercase;
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
}
.file-upload-button:hover {
  background-color: #6d2018;
}
.custom-file-upload .file-upload-input,
.custom-file-upload2 .file-upload-input,
.custom-file-upload3 .file-upload-input,
.custom-file-upload4 .file-upload-input {
  background-color: transparent;
  border: medium none !important;
  color: #979a9c;
  float: right;
  font-size: 13px;
  max-width: 115px;
  min-height: 32px !important;
  padding: 0 10px;
  text-overflow: ellipsis;
  transition: all 0.2s ease-in 0s;
}
.custom-file-upload .file-upload-input:hover,
.custom-file-upload2 .file-upload-input:hover .file-upload-input:focus {
  background-color: transparent;
  outline: medium none;
}
.custom-file-upload3 .file-upload-input:hover,
.custom-file-upload4 .file-upload-input:hover .file-upload-input:focus {
  background-color: transparent;
  outline: medium none;
}
.custom-file-upload .file-upload-button,
.custom-file-upload2 .file-upload-button,
.custom-file-upload3 .file-upload-button,
.custom-file-upload4 .file-upload-button {
  background-color: #fff;
  border: 1px solid #e7eaec;
  border-radius: 3px;
  color: #4c4c4c;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 14px;
  margin-left: 0;
  padding: 6px 14px;
  text-transform: capitalize;
  -moz-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
}
.custom-file-upload .file-upload-button:hover {
  background-color: #eaeaea;
  border: 1px solid #d2d2d2;
}
.custom-file-upload2 .file-upload-button:hover {
  background-color: #eaeaea;
  border: 1px solid #d2d2d2;
}
.custom-file-upload3 .file-upload-button:hover {
  background-color: #eaeaea;
  border: 1px solid #d2d2d2;
}
.custom-file-upload4 .file-upload-button:hover {
  background-color: #eaeaea;
  border: 1px solid #d2d2d2;
}
.custom_wizard .content.clearfix {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  margin: 0;
}
.custom_wizard .custom-file-upload,
.custom_wizard .custom-file-upload2,
.custom_wizard .custom-file-upload3,
.custom_wizard .custom-file-upload4 {
  display: block;
  font-size: 16px;
  margin-top: 30px;
  max-width: 33%;
  min-width: 33%;
  width: auto;
}
.adj_header_frontend {
  border-bottom: 1px solid #e5e6e7;
  display: block;
  float: left;
  left: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 8px 10px;
  position: absolute;
  top: 0;
  width: 100%;
}
.adj_header_frontend h3 {
  color: #000;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.adj_header_frontend .action_btn_header {
  display: inline-block;
  float: right;
}
.adj_header_frontend .action_info_header {
  display: inline-block;
  float: left;
  width: 100%;
}
.adj_header_frontend .action_btn_header img {
  margin-right: 5px;
  width: 13px;
}
.adj_header_frontend .action_info_header {
  display: inline-block;
  float: left;
  text-align: center;
  width: 100%;
}
.adj_footer_frontend .action_btn_header {
  display: inline-block;
  float: right;
  margin-top: 4px;
  min-width: 130px;
}
.adj_footer_frontend button {
  float: right;
  margin-left: 5px;
}
.adj_footer_frontend .btn-primary.btn-outline {
  background-color: transparent;
  border: 1px solid #0e9aef;
  color: #0e9aef;
  color: #0e9aef;
  float: right;
  margin: 0;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.adj_footer_frontend .btn-outline:hover {
  background-color: #18a689;
  border-color: #18a689;
  color: #fff;
}
.action_info_header > p {
  color: #606060;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#Nword_highlighter .Nword_highlighter_container {
  padding-top: 61px;
}
.adj_header_frontend .sidepanel-caseview-save-btn {
  margin-left: 5px;
  margin-top: 0;
}
.admin_sidepanel_link {
  color: #fff;
  display: inline-block;
  left: -27px;
  position: absolute;
  top: 100px;
}
.admin_sidepanel_link:focus,
.admin_sidepanel_link:hover {
  color: #fff;
  outline: 0;
}
.admin_sidepanel_link3 {
  color: #fff;
  display: inline-block;
  left: -27px;
  position: absolute;
  top: 135px;
}
.admin_sidepanel_link4 {
  color: #fff;
  display: inline-block;
  left: -27px;
  position: absolute;
  top: 169px;
}
.admin_sidepanel_link3:focus,
.admin_sidepanel_link3:hover {
  color: #fff;
  outline: 0;
}
.admin_sidepanel_link4:focus,
.admin_sidepanel_link4:hover {
  color: #fff;
  outline: 0;
}
.admin_sidepanel_link3 > i,
.admin_sidepanel_link4 > i {
  font-size: 16px;
}
.sp_hint_text {
  display: none;
  float: left;
  font-weight: 600;
  left: -153px;
  margin: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.admin_sidepanel_link:hover > .sp_hint_text {
  display: block;
}
.admin_sidepanel_link3:hover > .sp_hint_text {
  display: block;
  left: -153px;
}
.admin_sidepanel_link4:hover > .sp_hint_text {
  display: block;
  left: -106px;
}
ul.tp_header_right > li > ul > li > a:focus {
  border: medium none !important;
  outline: medium none !important;
}
.logo_ctrl > a > img {
  margin-left: 2px;
  padding-bottom: 0;
  width: 133px;
}
.notesHistory.text-center > h1 {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
.notesHistory.text-center > h1 strong {
  font-weight: 600;
}
.footer_bottom_ctrl .footer_information {
  display: none;
}
.footer_bottom_ctrl .footer_pagination {
  float: right;
  margin: 4px 0 0;
}
ul.sidepanel_more > li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.sidepanel_more > li > a {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
ul.sidePanelUL li.active > ul.sidepanel_more {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  box-shadow: none !important;
  display: block !important;
  left: -30px;
  margin-top: 13px;
  max-width: 110px !important;
  min-width: 70px !important;
}
ul.sidepanel_more:before {
  background-size: 19px;
  content: "";
  display: inline-block;
  height: 15px;
  position: absolute;
  right: 0;
  top: -10px;
  width: 28px;
}
ul.sidepanel_more:after {
  border-bottom: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  display: none;
  height: 15px;
  position: absolute;
  right: 0;
  top: -12px;
  width: 26px;
  z-index: 1;
}
ul.sidepanel_more > li.active > a {
  background-color: #0e9aef !important;
}
ul.sidepanel_more > li {
  display: block !important;
  float: left !important;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100% !important;
}
ul.sidepanel_more li:after {
  display: none;
}
ul.sidepanel_more > li > a {
  border-radius: 0;
  color: #000;
  display: block;
  float: left;
  margin: 0;
  padding: 2px 19px;
  text-align: center;
  width: 100%;
}
ul.sidepanel_more > li > a:hover {
  background-color: #0e9aef;
  border-radius: 0;
  color: #fff;
}
.adj_footer_frontend {
  background-color: #fff;
  border-top: 1px solid #d6d6d6;
  bottom: 0 !important;
  box-sizing: border-box;
  float: left;
  padding: 7px 5px;
  position: absolute;
  text-align: left;
  width: 100%;
  height: 52px;
}
.padding_10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.db_box_header > h4 {
  margin-bottom: 8px !important;
}
.sp_hint_text2 {
  display: none;
  float: left;
  font-size: 13px;
  font-weight: 600;
  left: -32px;
  margin: 0;
  position: absolute;
  top: 6px;
  width: auto;
}
#close_ins_sidepanel:hover > .sp_hint_text2,
#close_ins_sidepanel_addJudgmnet:hover > .sp_hint_text2 {
  display: block;
}
#close_ins_sidepanel > i,
.admin_sidepanel_link > i {
  font-size: 16px;
}
.trd-rght label {
  margin: 0;
}
.iconText2 > i {
  padding: 0 5px;
}
.show_selected:before {
  background-color: #337ab7 !important;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.show_selected a:hover {
  background: 0 0 !important;
}
.box-body {
  float: left;
}
#sideTAB2 > .box-body {
  padding-bottom: 10px;
}
#filterPassingInfoIcon {
  background-color: #fefefe;
  border: 1px solid #707070;
  border-radius: 2px;
  color: #707070;
  display: inline-table;
  font-weight: 600;
  margin-right: 5px;
  padding: 2px 8px;
  text-align: center;
}
#filterPassingInfoIcon:not(:root) {
  padding: 1px 4px 0;
}
#close_ins_sidepanel > .animated,
#close_ins_sidepanel_addJudgmnet > .animated,
.admin_sidepanel_link3 > .animated,
.admin_sidepanel_link4 > .animated,
.admin_sidepanel_link > .animated {
  animation-duration: 0.4s;
}
.casename_judgment_breadcrumb {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%;
}
.newAdmin.title_common_breadcrumb {
  display: inline-block;
  float: left;
  font-size: 16px !important;
  left: 45px;
  margin: 13px 0 0;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.left_default {
  left: 10px !important;
}
.popupCtrl .popover {
  border: 1px solid #d4d4d5;
  border-radius: 0;
  box-shadow: 0 1px 3px #d0d0d0;
  -moz-box-shadow: 0 1px 3px #d0d0d0;
  -webkit-box-shadow: 0 1px 3px #d0d0d0;
  padding: 0;
  -ms-box-shadow: 0 1px 3px #d0d0d0;
  -o-box-shadow: 0 1px 3px #d0d0d0;
}
.new_custom_popup {
  color: #000;
  font-size: 12px;
  min-width: 300px;
  padding: 0;
}
.new_custom_popup > p {
  background-color: #f9fafb;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  margin-bottom: 0;
  padding: 5px;
}
.new_custom_popup strong {
  color: #000;
  font-weight: 600;
}
.popover_content {
  float: left;
  font-size: 12px !important;
  padding: 0 7px 5px;
  width: 100%;
}
.popupCtrl .popover-content {
  padding: 0;
}
.popupCtrl .popover-content p {
  padding: 5px 8px;
  width: 100%;
}
.popupCtrl .popover-content strong {
  color: #000;
  font-weight: 600;
}
.popupCtrl .popover {
  min-width: 150px;
}
.custom_left_que {
  float: left;
}
.custom_left_que > h5 {
  border-bottom: 1px solid #e7eaec;
  font-size: 16px;
  margin: 10px 0 0;
  padding: 0 8px 10px;
}
.custom_folder_list {
  background-color: #fff;
  border: 1px solid #e7eaec;
  margin: 0 0 10px;
}
ul.custom_folder_list > li > a {
  padding: 10px;
  position: relative;
  text-align: left;
}
ul.custom_folder_list > li > a:focus {
  outline: 0;
}
ul.custom_folder_list > li > a:hover {
  background-color: #f9f8f8;
}
ul.custom_folder_list > li > a > span {
  margin: 0 0 0 10px;
}
.custom_left_que {
  min-width: 290px;
}
.upload_que_parent {
  background-color: #fff;
  border-bottom: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  float: left;
  width: calc(100% - 300px);
}
ul.custom_folder_list > li > a.active:before {
  background-color: #0e9aef;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}
.upload_que_content .db_box_header > h4 {
  margin: 11px 0 11px !important;
  text-align: left;
}
.upload_que_content .box-body.padding_10 {
  padding: 0 !important;
}
.upload_que_content {
  float: left;
  width: 100%;
}
.upload_que_parent .ui_wrapper {
  float: left;
  padding: 0;
  width: 100%;
}
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.open .dropdown-toggle.btn-primary,
.skin-1 .btn-primary:hover {
  background-color: #008adf;
}
.skin-1 .ibox-content {
  border: 1px solid #e7eaec !important;
  float: left;
  width: 100%;
}
.skin-1 .rightSideArea .ibox-content {
  border: 0 !important;
}
.skin-1 .pace .pace-progress {
  background: #0e9aef;
}
.skin-1 ul.ins_metismenu > li.active {
  border-left: 4px solid #0e9aef !important;
}
table.dataTable thead .sorting:after {
  top: 6px;
}
table.dataTable thead .sorting_asc:after {
  color: #616161;
  opacity: 1;
  top: 6px;
}
table.dataTable thead .sorting_desc:after {
  color: #616161;
  opacity: 1;
  top: 6px;
}
#judgments_datatable > thead > tr > th > span {
  display: block;
}
.skin-1 .inner_box_ctrl {
  border: 1px solid #e7eaec !important;
  float: left;
  width: 100%;
}
.skin-1 .border_all_over {
  border: 1px solid #d3d3d4 !important;
}
.breadcrumb > li + li:before {
  float: left;
}
.breadcrumb > li {
  display: inline-block;
  float: left;
}
.breadcrumb-name {
  display: inline-block;
  float: left;
  max-width: 775px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.logo-element {
  background-color: #313c52;
  padding: 12px 0 13px;
}
.skin-1 .minimalize-styl-2 {
  background-color: #337ab7;
  border-radius: 0;
  margin: 7px 10px 0 0 !important;
  padding: 3px 11px;
}
.skin-1 .minimalize-styl-2:hover {
  background-color: #2e75b2;
}
.text-logoDP {
  color: #fff;
  display: none;
  font-size: 18px;
  font-weight: 600;
  vertical-align: bottom;
  width: auto;
}
.table_btn:active,
.table_btn:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  box-shadow: none;
}
.btm_okto_publish {
  bottom: 0;
  float: right;
  left: 0;
  position: relative;
  width: auto;
}
.btm_okto_publish .front-sticky {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  bottom: 0;
  display: inline-block !important;
  float: left;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 9;
}
.btm_okto_publish .checkbox {
  margin: 0 !important;
}
.btm_okto_publish .front-sticky .trd-rght {
  float: left;
  text-align: right;
  width: auto;
}
.btm_okto_publish .front-sticky .trd-rght .checkbox label:before {
  float: left;
  margin-left: 0;
  right: 0;
  text-align: center !important;
  top: -1px;
}
.btm_okto_publish .front-sticky .trd-rght .checkbox label:after {
  margin-left: 0;
  right: 0;
}
.btm_okto_publish .checkbox label,
.radio label {
  padding-left: 0;
}
.skin-1 .nav-header a.dropdown-toggle .text-muted {
  color: #fff;
  opacity: 0.4;
}
.ext-link + .tooltip {
  min-width: 140px;
  text-align: center !important;
}
.cmps-btn + .tooltip {
  min-width: 120px;
  text-align: center !important;
}
.skin-1 .datatable_main {
  border: 1px solid #d3d3d4 !important;
}
.sidepanel-caseview-save-btn > img {
  margin: 0 5px 0 0;
  width: 13px;
}
.nt_svd {
  width: 10px !important;
}
.log_out {
  color: #dfe4ed !important;
  font-size: 13px;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.log_out:focus {
  outline: 0;
}
.first_validate_tabs > a,
.second_validate_tabs > a,
.third_validate_tabs > a {
  color: #676a6c;
}
.buttonpopup:active,
.buttonpopup:focus {
  box-shadow: none;
  color: #333;
}
#addJudgment .adj_header {
  left: 0;
  margin: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
}
#addJudgment .adj_sidePanelContent {
  height: calc(100vh - 108px);
  margin-top: 55px;
}
.in_progress {
  display: inline-block;
  margin: 8px 7px 0;
  vertical-align: middle;
}
.custom_wizard .actions {
  border-top: 1px solid #e5e6e7;
  bottom: 0;
  display: block;
  float: left;
  margin: 0 !important;
  padding: 9px 12px 6px 0 !important;
  position: absolute;
  right: 0;
  text-align: right;
  width: 100%;
}
.first_last {
  float: left;
  margin: 0 !important;
  text-align: center;
  width: 100% !important;
}
.logups_dropdown {
  min-width: 100px !important;
}
.first_last {
  font-weight: 600;
  padding: 6px;
}
.logups_parent > .tooltip {
  left: -60px !important;
  min-width: 100px !important;
}
.edit_judgment_ctrl2.merged_header {
  margin-top: 0 !important;
}
body.skin-1 {
  background: #f1f1f1;
}
.edit-header {
  border-color: #c9c9c9 !important;
  border-style: solid !important;
  border-width: 1px !important;
  margin-bottom: 5px;
}
.without-hedear {
  border: 1px solid #e7eaec !important;
  margin-bottom: 5px;
}
.edit-normal-header {
  border: 1px solid #d3d3d4 !important;
  margin-bottom: 5px;
}
.spinner_ctrl {
  background: #fff;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10000;
}
.spinner_ctrl .sk-spinner-wave.sk-spinner {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.spinner_ctrl > img {
  bottom: 0;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.as_layout_ctrl {
  float: left;
  width: 100%;
}
.editor_ctrl {
  float: left;
  padding: 0;
  width: 50%;
}
.as_content_area {
  float: left;
  width: 100%;
}
.editor_ctrl .note-editable {
  background-color: #fff;
  float: left;
  height: calc(100vh - 485px);
  overflow-y: scroll !important;
  width: 100%;
}
.editor_ctrl .note-editor {
  float: left;
  height: auto !important;
  margin-bottom: 10px;
  min-height: 100% !important;
  width: 100%;
}
.editor_ctrl button {
  font-size: 14px;
  margin: 0;
}
.as_content_area .ibox-content.ibox-content-main.datatable_main {
  margin: 0 !important;
}
.as_content_area .ibox-content.ibox-content-main.datatable_main {
  height: calc(100vh - 168px);
  margin: 0 !important;
  overflow-y: scroll;
}
.editing_mode {
  float: left;
  margin-right: 15px;
  width: calc(50% - 15px);
}
.editor_ctrl .note-editor .note-toolbar {
  border: 1px solid #e7eaec;
  box-sizing: border-box;
}
.editor_ctrl .note-editable {
  border: 1px solid #e7eaec !important;
}
ul.as_tabs {
  background-color: #fff;
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  margin: 0;
  padding: 0;
}
ul.as_tabs > li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.as_tabs > li > a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border-radius: 0 !important;
  border-top: 2px solid transparent;
  color: #555 !important;
  display: inline-block;
  font-weight: 400;
  padding: 5px 10px;
}
ul.as_tabs > li > a:active,
ul.as_tabs > li > a:focus {
  outline: 0;
}
ul.as_tabs > li:first-child.active > a {
  border-left: 0 none !important;
}
ul.as_tabs > li.active > a {
  background-color: #fff !important;
  border-left: 1px solid #e7eaec !important;
  border-right: 1px solid #e7eaec !important;
  border-top: 2px solid #0e9aef !important;
  font-weight: 600;
}
.tasks_content_area {
  background-color: #fff;
  padding: 10px;
}
.tasks_content_area {
  border-bottom: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
}
.header_description {
  background-color: #fff;
  display: block;
  margin: 0 1px;
  padding: 10px 5px;
}
.header_description .header-name {
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 700;
  height: auto;
  padding: 5px;
  resize: none;
  text-shadow: none;
  width: 100%;
}
.header_description .header-name:focus,
.header_description .header-name:hover {
  border: 1px solid #e7eaec !important;
}
.header_description .header-name:focus {
  height: auto;
}
.as_header_controller {
  float: left;
  width: 100%;
}
.list-inline.assing_ul {
  float: left;
  margin: 0 0 5px;
  padding: 0;
  width: auto;
}
ul.assing_ul > li > a {
  color: #000;
  font-weight: 600;
}
ul.assing_ul > li.dropdown > a > i {
  border: 2px solid #e7eaec !important;
  border-radius: 50%;
  display: inline-block;
  height: 30px !important;
  line-height: 23px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  width: 30px;
}
ul.assing_ul > li > a .fa.fa-user {
  color: #0e9aef;
}
ul.assing_ul > li > ul.dropdown-menu {
  margin-top: 7px;
}
ul.assing_ul > li > a > span {
  color: #898e95;
}
ul.assing_ul > li > ul.dropdown-menu > li > a {
  line-height: 18px;
  margin: 0;
  padding: 5px;
  text-align: center;
  width: 100%;
}
.set_priority .dropdown {
  margin: 0 auto;
  width: 35px;
}
.set_priority .dropdown dt a {
  border: 1px solid #bdc3c7;
  border-radius: 3px;
  color: #0e9aef;
  display: block;
  font-size: 13px;
  font-weight: 400;
  height: 25px;
  text-decoration: none;
}
.set_priority .dropdown dt a > span:focus {
  box-shadow: 1px 1px 1px #0e9aef;
  -moz-box-shadow: 1px 1px 1px #0e9aef;
  -webkit-box-shadow: 1px 1px 1px #0e9aef;
  outline: 0;
  -ms-box-shadow: 1px 1px 1px #0e9aef;
  -o-box-shadow: 1px 1px 1px #0e9aef;
}
.set_priority .dropdown dt a:active,
.set_priority .dropdown dt a:hover {
  border-color: #bdc3c7;
}
.set_priority .dropdown dt span {
  color: #898e95;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  padding: 0;
  text-align: center;
}
.set_priority .dropdown dd {
  position: relative;
}
.set_priority .dropdown dd ul {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #bdc3c7;
  border-radius: 3px;
  display: none;
  left: 0;
  list-style: none;
  padding: 0;
  position: absolute;
  top: 1px;
  width: 100%;
  z-index: 9;
}
.set_priority .dropdown dd ul li:first-child a:hover {
  border-radius: 3px 3px 0 0;
}
.set_priority .dropdown dd ul li:last-child a:hover {
  border-radius: 0 0 3px 3px;
}
.set_priority .dropdown dd li a {
  color: #898e95;
  display: block;
  line-height: 24px;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
.set_priority .dropdown dd li a:hover {
  background-color: #0e9aef;
  color: #fff;
  cursor: pointer;
}
.selected {
  font-weight: 700;
}
.set_priority {
  display: inline-block;
  float: left;
  margin: 7px 10px 0;
}
.third-level {
  float: left;
  margin-bottom: 4px;
  text-align: center;
  width: 100%;
}
.third-level > p {
  display: inline-block;
  margin: 0;
}
.add_task_form > form label {
  font-weight: 400;
}
.add_task_form .modal-header {
  padding: 10px;
}
.add_task_form .modal-title {
  font-size: 18px;
}
.add_task_form .form-group label {
  font-weight: 400;
}
.dt_ctrl_citation {
  width: 72px !important;
}
.red_color {
  color: #b60000 !important;
}
.grey_color {
  color: #676a6c !important;
}
.white_star {
  color: #676a6c;
}
.search-select-option,
.search-select-option option {
  color: #676a6c !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
.dt_ctrl_r {
  padding-right: 22px !important;
  width: 27px !important;
}
.dt_ctrl_sfr {
  padding-right: 22px !important;
  width: 27px !important;
}
.dt_ctrl_ws {
  padding-right: 22px !important;
  width: 27px !important;
}
.dt_ctrl_m {
  padding-right: 25px !important;
  width: 27px !important;
}
.dt_ctrl_p {
  padding-right: 25px !important;
  width: 27px !important;
}
.popupCtrl + .text-center {
  white-space: nowrap;
}
.em_ctrl_dt {
  width: 160px !important;
}
.em_ctrl_txt {
  width: 70px !important;
}
.index_ctrl {
  clear: left;
  display: inline-block;
  float: left;
  font-size: 12px;
  margin: 0 0 0 1px;
  position: relative;
  text-align: left;
  width: 80px !important;
  z-index: 99;
}
.index_ctrl .front-sticky {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  float: left;
  left: 0;
  padding: 0;
  position: relative;
  top: 0;
}
label[for="idx_val"] > a {
  color: #676a6c;
  cursor: default;
}
label[for="idx_val"] > a:hover {
  text-decoration: none;
}
.index_ctrl .checkbox {
  display: inline-block !important;
  margin: 0;
  padding-left: 6px;
}
.ins_blue {
  color: #0e9aef;
}
.index_ctrl .checkbox > i {
  cursor: default;
  font-size: 12px;
  padding: 0 4px 0 0;
  position: relative;
  vertical-align: inherit;
}
.index_ctrl a {
  cursor: default;
}
.mrgn_admin {
  margin-bottom: 3px;
}
.input_fields_wrap_corrigenda {
  float: left;
  width: 100%;
}
.next_field_ctrl_corrigenda {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
.input_fields_wrap_corrigenda .inputfield_corrigenda {
  float: left;
  width: calc(100% - 33px) !important;
}
.input_fields_wrap_corrigenda .add_field_button_corrigenda,
.input_fields_wrap_corrigenda .remove_field_corrigenda {
  float: left;
  margin: 0 0 5px 7px !important;
  width: 24px !important;
  text-align: center;
}
.pdf-in-head {
  font-size: 15px;
  margin: 0 0 0 3px;
  position: relative;
  top: -1px;
}
.pie_ctrl {
  width: 60%;
}
.report_notification {
  margin-top: 20px;
}
.diff_article {
  width: 100%;
  height: auto;
  float: left;
}
ul.diff_repeat_box {
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.diff_repeat_box > li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  float: left;
  list-style-type: none;
  margin: 0 0 30px 20px;
  padding: 0;
  position: relative;
  width: calc(100% - 20px);
}
ul.diff_repeat_box > li:before {
  border-left: 1px solid #ccc;
  content: "";
  display: inline-block;
  height: calc(100% - 24px);
  left: -15px;
  position: absolute;
  top: -6px;
  width: 1px;
}
.diff_boxes {
  display: table-cell;
  font-size: 12px;
  padding: 3px 4px;
  text-align: left;
  position: relative;
  width: 100%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.diff_box_firstchild {
  position: relative;
}
.diff_box_firstchild:before {
  border-right: 1px solid #dfdfdf !important;
  content: "";
  height: 100%;
  position: absolute;
  right: 3px;
  top: 0;
  width: 1px;
}
.diff_box_firstchild:before {
  border-right: 1px solid #dfdfdf !important;
  content: "";
  display: none;
  height: calc(100% + 10px);
  position: absolute;
  right: 3px;
  top: 5px;
  width: 1px;
}
.diff_removed {
  background-color: #ffe0e0;
  display: inline-block;
  padding: 0;
  text-decoration: line-through;
}
.diff_changed {
  background-color: #e0ffe0;
  display: inline-block;
  padding: 0;
}
.diff_boxes_ctrl {
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  float: left;
  width: 100%;
  margin-bottom: 31px;
  position: relative;
}
.diff_boxes_ctrl:after {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  content: "";
  display: inline-block;
  height: 9px;
  left: -20.5px;
  position: absolute;
  top: -15px;
  width: 9px;
  z-index: 6;
}
ul.diff_repeat_box > li .diff_boxes_ctrl:last-child:after {
  display: inline-block;
}
.diff_boxes_ctrl_first {
  position: relative;
}
ul.diff_repeat_box > li legend {
  border: 0 none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  color: #000;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 0 0 4px -21px;
  padding: 0;
  position: relative;
  text-align: left;
  top: -15px;
  width: 100%;
}
.no-border-right {
  border-right: 0;
}
.diff_article > .form-group > label {
  font-size: 13px !important;
  font-weight: 600;
  margin-left: -5px;
}
.diff_boxes > p {
  background-color: #f0f0f0;
  margin: 0;
}
.diff_updatedon {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  color: #7d7d7d;
  display: inline-block;
  float: right;
  font-size: 11px;
  font-style: italic;
  margin-bottom: 0;
  padding: 0 2px;
  text-align: right;
  width: 100%;
  position: absolute;
  top: -19px;
  right: 0;
}
.diff_updatedon:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
  display: inline-block;
  display: none;
}
.diff_label {
  float: left;
  color: #757575;
  font-style: normal;
  font-weight: 600;
  margin-left: -4px;
}
.diff_updated_by {
  float: left;
  font-size: 12px;
  margin-left: 4px;
  position: relative;
  text-transform: lowercase !important;
}
.diff_updated_by:before {
  position: absolute;
  top: 0;
  left: -7px;
  content: "-";
  display: none;
}
.diff_updated_on {
  display: inline-block;
  line-height: 14px;
  width: auto;
}
.diff_article .form-group.text-left {
  display: inline-block;
  float: left;
  margin-bottom: 23px;
  min-width: 140px;
}
.diff_filter {
  float: right;
  font-size: 12px !important;
  margin: 0;
  padding: 0;
  width: auto !important;
}
ul.list-inline.indicators {
  display: inline-block;
  float: right;
  margin: 0 0 5px;
  padding: 0;
  top: -4px;
  position: relative;
}
ul.list-inline.indicators > li {
  display: inline-block;
  float: right;
  font-size: 11px;
  list-style-type: none;
  margin: 0 0 0 9px;
  padding: 0;
  width: auto;
}
ul.list-inline.indicators > li img {
  margin-right: 5px;
}
#emailContentPopup .popup-ajax-content {
  float: left;
}
#emailContentPopup p {
  margin: 0;
}
.re-index_btn:hover {
  text-decoration: none;
  background-color: #0e9aef;
  border-color: #0e9aef;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.add_judgment_popup {
  background-color: #fff;
  display: block;
  height: 100%;
  opacity: 0.9;
  position: fixed;
  width: 100%;
  z-index: 2;
}
#addJudgmentFileMessage {
  font-size: 13px;
  font-weight: 600;
  margin: 8px 0;
}
.save-file_uploaded_spinner .save-file_notify p {
  font-size: 13px;
  font-weight: 600;
}
.sk-spinner-wave.sk-spinner.save-file_notify {
  bottom: 0;
  font-size: 10px;
  height: 30px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: auto;
}
.save-file_uploaded_spinner {
  background-color: #fff;
  bottom: 0;
  display: block;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.save-file_notify > p {
  font-size: 16px;
  font-weight: 600;
}
.filter_anlalyse_footer {
  margin-top: 0 !important;
  padding: 10px 15px !important;
}
.reindex_error,
.reindexed,
.reindexing {
  background-color: #fff;
  bottom: 0;
  display: block;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.n_notes_form .in_progress_notes {
  display: inline-block;
  float: right;
  margin-right: 6px;
  margin-top: 4px;
}
.reindex_error img,
.reindexed img {
  margin-bottom: 6px;
}
.notesHistory_fullpage .n_notes {
  height: calc(100vh - 516px) !important;
  padding: 0 0 0 5px;
}
.new_notes_ctrl {
  display: block;
  float: left;
  height: calc(100vh - 214px);
  padding: 5px 0;
  width: 100%;
}
.new_notes_fullpage.new_notes {
  bottom: 34px;
}
.new_notes {
  background-color: #efeded;
  border-right: 1px solid #c6c6c6;
  border-top: 1px solid #c6c6c6;
  bottom: 52px;
  box-sizing: border-box;
  float: left;
  height: auto;
  margin-left: -10px;
  padding: 10px;
  position: absolute;
  width: 100%;
}
.new_notes > label {
  color: #333;
  font-weight: 600;
}
.new_notes textarea {
  background-color: #fff;
  border: 1px solid #c6c6c6;
  border-radius: 0;
  color: #333;
  float: left !important;
  font-size: 12px;
  margin-bottom: 7px !important;
  width: 100% !important;
}
.new_notes button {
  background: #0e9aef none repeat scroll 0 0;
  border: 1px solid #0e9aef;
  border-radius: 0;
  color: #fff;
  float: right;
  font-size: 11px;
  padding: 2px 10px;
  text-shadow: none;
}
.new_notes button:active,
.new_notes button:focus,
.new_notes button:hover {
  box-shadow: none;
  color: #fff;
  background-color: #0e9aef;
}
.new_notes_fullpage ul.n_notes {
  height: calc(100vh - 544px);
}
.notesHistory_fullpage {
  height: calc(100vh - 386px);
}
ul.n_notes {
  float: left;
  height: calc(100vh - 332px);
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  width: 100%;
}
ul.n_notes > li {
  box-sizing: border-box;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 5px 25px 20px;
  position: relative;
  width: 100%;
}
ul.n_notes > li:before {
  border-bottom: 1px solid #c6c6c6;
  bottom: 12px;
  content: "";
  left: 20px;
  position: absolute;
  width: calc(100% - 30px);
}
ul.n_notes > li:after {
  border-left: 1px solid #c6c6c6;
  bottom: -13px;
  content: "";
  left: 5px;
  position: absolute;
  top: 8px;
  width: 100%;
}
ul.n_notes > li:last-child:after {
  bottom: 30px;
}
ul.n_notes > li p {
  color: #7e7e7e;
  font-size: 12px;
  margin: 0 0 5px;
  float: left;
}
ul.n_notes > li .prior_info {
  float: left;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
ul.n_notes > li .prior_info:before {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  content: "";
  display: inline-block;
  height: 9px;
  left: -19px;
  position: absolute;
  top: 5px;
  width: 9px;
  z-index: 1;
}
ul.n_notes > li:last-child:before {
  display: none;
}
ul.n_notes > li .prior_info > .person_name {
  color: #524949;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
ul.n_notes > li .prior_info > .person_name i {
  color: #959595;
  display: -moz-inline-box;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
ul.n_notes > li .prior_info > .person_name a {
  color: #0e9aef;
  font-size: 11px;
  margin-left: 5px;
}
ul.n_notes > li .prior_info > .person_name a:hover {
  text-decoration: none;
}
.timed_stamp {
  color: #a9a9a9;
  float: right;
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
  padding-right: 5px;
}
.parent-thread {
  display: inline-block;
  float: left;
  width: 100%;
}
.child-thread {
  float: right;
  width: 95%;
}
.reply-to {
  color: #a9a9a9;
  float: right;
  font-size: 11px;
  margin-right: 14px;
  position: relative;
  text-decoration: underline;
  cursor: pointer;
}
.reply-to:after {
  content: "|";
  display: inline-block;
  position: absolute;
  right: -11px;
  top: 0;
}
.no-padding-right {
  padding-right: 0;
}
.n_notes_form {
  margin-bottom: 0 !important;
}
.child-thread textarea {
  background-color: #fff;
  border: 1px solid #c6c6c6;
  border-radius: 0;
  color: #333;
  float: left !important;
  font-size: 12px;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  width: 100% !important;
  height: 35px;
}
.child-thread button {
  background: #0e9aef none repeat scroll 0 0 !important;
  border: 1px solid #0e9aef;
  border-radius: 0;
  color: #fff;
  float: right;
  font-size: 11px;
  padding: 2px 10px;
  text-shadow: none;
}
.child-thread button:active,
.child-thread button:focus,
.child-thread button:hover {
  border: 1px solid #0e9aef;
  box-shadow: none;
  color: #fff;
}
.refresh_sidepanel {
  float: none;
  margin: 0 0 0 2px;
  top: -1px;
  position: relative;
}
.refresh_sidepanel > i {
  color: #1675d3;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.refresh_sidepanel:hover > i {
  color: #909090;
}
.flgd_ctrl i {
  color: #b60000 !important;
}
.altered_diff {
  padding-left: 26px;
  padding-top: 0;
  position: relative;
}
.EmailChangeRequestToOldAddress_popup p,
.EmailChangeSuccessfulToAddress_popup p,
.cancelRegistration_popup p,
.passwordResetTokenEmail_popup p,
.reactivationEmail_popup p,
.testMandrill_popup p,
.userEmailChangeEmail_popup p {
  font-size: 14px !important;
}
.activationEmail_popup p,
.activationEmail_popup ul li {
  font-size: 14px !important;
}
#emailContentPopup .modal-content {
  float: left;
}
.no-data .no_data_text {
  display: block !important;
}
.no-data .diff_article,
.no-data > .form-group,
.no-data > .history_filters_area > .filterBy_User,
.no-data > .history_filters_area > .filterBy_citation,
.no-data > .history_filters_area > .history_reload,
.no-data > .history_filters_area > ul.indicators,
.no-data > .panel_head,
.no-data > ul.n_notes {
  display: none;
}
.no-data {
  float: left;
  width: 100%;
}
.no-data .no_data_text > h1 {
  color: #505050;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
.no-data .no_data_text > h1 strong {
  font-weight: 600;
}
#version_control_inner_tab .diff_boxes_ctrl:after {
  left: -20.5px;
}
#version_control_inner_tab .diff_article > .form-group > label {
  margin-left: 2px;
}
#notes_inner_Tab ul.n_notes {
  height: 100%;
}
.traffic_total_stats {
  display: inline-block;
  margin: 0 0 25px;
  width: 100%;
}
.traffic_total_stats > ul {
  margin: 0 0 15px;
  padding: 0;
  text-align: center;
}
.traffic_total_stats > ul > li {
  border-right: 1px solid #d3d3d4;
  display: inline-block;
  list-style-type: none;
  margin: 0 5px;
  width: 160px;
  padding: 5px 0;
}
.traffic_total_stats > ul > li:last-child {
  border: 0;
}
.traffic_total_stats > ul > li h5 {
  color: rgba(0, 0, 0, 0.9);
  font-size: 12px;
  font-weight: 400;
  padding-top: 0;
}
.traffic_total_stats > ul > li h5 {
  color: #7f8fa4;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 5px;
  padding-top: 0;
}
.traffic_total_stats > ul > li h6 {
  font-size: 12px;
  margin: 0;
}
.traffic_total_stats > ul > li span {
  color: #0e9aef;
  font-size: 18px;
  font-weight: 600;
}
.js_disabled_error_message {
  text-align: center;
  background-color: khaki;
  padding: 2px;
}
#tbl-pending-conversion_wrapper .dataTables_length,
#tbl-process-complete_wrapper .dataTables_length {
  float: right;
  height: 29px;
  margin: 41px 0 0;
  width: auto;
}
.cite_maxwidth {
  min-width: 190px;
}
.dashboard_chart_label {
  border: 1px solid #d3d3d4 !important;
  float: left;
  margin-top: 30px;
  min-width: inherit !important;
  position: relative;
  width: 450px !important;
}
.dashboard_chart_label > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.dashboard_chart_label > tr > td {
  border: 1px solid #e7eaec;
  padding: 5px;
}
.dashboard_chart_label > tr:hover {
  background-color: #f5f5f5;
}
.abbrev_chart_container,
.current_index_chart_container,
.download_chart_container,
.registration_chart_container,
.search_chart_container,
.view_chart_container {
  position: relative;
}
.abbrev_chart_container > .c3,
.current_index_chart_container > .c3,
.download_chart_container > .c3,
.registration_chart_container > .c3,
.search_chart_container > .c3,
.view_chart_container > .c3 {
  float: left;
  height: 250px;
  margin-left: 0;
  max-height: 250px;
  position: relative;
  width: 45% !important;
  text-align: center !important;
}
.abbrev_chart_container > .c3 > svg,
.current_index_chart_container > .c3 > svg,
.download_chart_container > .c3 > svg,
.registration_chart_container > .c3 > svg,
.search_chart_container > .c3 > svg,
.view_chart_container > .c3 > svg {
  display: inline-block !important;
  float: none !important;
}
.dataTables_processing {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  display: none;
  height: 100% !important;
  left: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
}
.dps_ctrl {
  height: 100%;
  left: 0 !important;
  margin: 0;
  overflow: hidden !important;
  position: relative;
  text-indent: -99999px !important;
  top: 0 !important;
  width: 100%;
  z-index: 9;
}
.processing-background {
  display: block;
  clear: both;
  z-index: 1000;
  background: #fff;
  top: 0 !important;
}
.dataTables_processing .datatable_processing_spinner {
  margin-top: 0 !important;
}
.dataTables_processing .datatable_processing_spinner > p {
  margin: 0;
}
.dataTables_empty {
  padding: 15px 0 !important;
}
#graph_chart {
  float: left;
}
#graph_chart_bar {
  float: right;
}
#graph_chart_bar text[y="9"] {
  display: none !important;
}
#graph_chart_bar .tick line[y2="6"] {
  display: none;
}
select.filterBy_citation {
  background: 0 0;
  border: 1px solid #ccc;
  float: left;
  font-size: 11px;
  height: auto !important;
  margin: -3px 0 0 5px !important;
  padding: 0 !important;
  width: 104px;
}
.history_filters_area {
  float: right;
  margin: 6px 0 58px;
  width: auto;
}
select.filterBy_User {
  background: 0 0;
  border: 1px solid #ccc;
  float: left;
  font-size: 11px;
  height: auto !important;
  margin: -3px 0 0 !important;
  padding: 0 !important;
  position: relative;
  width: 85px;
}
select.filterBy_categories {
  background: 0 0;
  margin: -3px 0 0 5px !important;
  width: 143px;
}
#version_control_inner_tab select.filterBy_citation {
  margin: -4px 0 0 5px !important;
}
#version_control_inner_tab .filterBy_citation.filterBy_categories {
  margin: -3px 0 0 5px !important;
  min-width: 100px !important;
}
#version_control_inner_tab .history_filters_area > select {
  padding: 2px 0 !important;
}
.panel_head {
  color: #505050;
  float: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 3px 0 9px;
  text-align: center;
  width: auto;
}
.new_index_ctrl {
  clear: none;
  float: left;
  width: auto !important;
}
.new_index_ctrl > .indexed-div {
  width: auto !important;
}
.new_index_ctrl > .indexed-div > span {
  color: #505050;
  font-weight: 600;
}
.traffic_total_stats > h6.stats_for_label {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 9px;
  padding: 0 0 5px;
  text-align: center;
  text-transform: capitalize;
}
.bubble_ctrl,
.tp_judgment_cites_ctrl {
  width: 100%;
  height: 100%;
  display: block;
  float: left;
}
.bubble_ctrl > svg {
  height: 100% !important;
  width: 100% !important;
}
.height_exact_ctrl {
  display: block !important;
  float: left;
  width: 100%;
}
#tp_judgment_cites .datatable_main {
  margin-bottom: 0 !important;
  border: 0 !important;
}
#tp_judgment_cites .dataTables_scrollBody {
  height: calc(100vh - 323px) !important;
}
#stats_datatable_wrapper .judgment_table_parent {
  overflow: hidden !important;
}
#stats_datatable_wrapper .html5buttons {
  margin-right: 18px;
  margin-top: 7px;
}
#stats_datatable_wrapper .judgment_fltr_ctlr2 {
  margin: 0;
}
#stats_datatable_wrapper .footer_information {
  margin: 0;
  padding: 0;
}
#stats_datatable_wrapper .four.column.dropdown_ctrl {
  display: block;
}
.view_array {
  background-color: #0e9aef;
  border-radius: 2px;
  bottom: 47px;
  cursor: pointer;
  padding: 5px;
  position: fixed;
  right: 40px;
  z-index: 99;
}
.view_array > i {
  color: #0e9aef;
  font-size: 18px;
  cursor: pointer;
}
.view_perform_array_modal .modal-lg {
  min-width: 85%;
}
.view_perform_array_modal .modal-header h4 {
  font-size: 16px;
  padding: 10px 0;
}
.view_perform_array_modal .modal-body {
  background-color: #fff;
  padding: 10px;
}
.view_perform_array_modal .table_ui {
  margin: 0;
}
.view_perform_array_modal .table_ui td {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 0 none;
  vertical-align: inherit;
  color: #000;
}
.view_perform_array_modal .table_ui td:last-child {
  border-right: 0 none;
}
.view_perform_array_modal .close {
  margin-right: 10px;
  margin-top: 7px !important;
}
.modal-backdrop {
  opacity: 0.5 !important;
}
.sq_bxs {
  display: inline-block;
  height: 9px;
  margin: 0 5px 0 0;
  width: 9px;
}
table.dashboard_chart_label tr[data-id="Total"] {
  font-weight: 600;
  color: #000;
}
table.dashboard_chart_label tr[data-id="Total"] .sq_bxs {
  display: none;
}
.icon-grey-bg {
  color: grey !important;
}
.icon-green-bg {
  color: green !important;
}
.icon-red-bg {
  color: #ed5565 !important;
}
.upload_main_ctrl {
  display: inline-block;
  margin-top: 10px !important;
  width: 100%;
}
.no-bold {
  font-weight: 400 !important;
}
.part-third {
  float: left;
  margin: 0 !important;
  width: calc(100% / 3);
}
.part-third label {
  float: left;
  margin-bottom: 7px !important;
  text-align: left !important;
  width: 100% !important;
}
.part-third input,
.part-third select {
  width: calc(100% - 30px);
}
.no-border {
  border: 0 !important;
}
.custom_dropzone {
  background: #fff !important;
  border: 1px dashed #c5c6c7 !important;
  min-height: 150px !important;
}
.icon-red {
  background-color: #ed5565 !important;
}
.icon-green {
  background-color: green !important;
}
.bottom_20 {
  margin-bottom: 20px;
}
.widget_fields > a.collapse-link > i {
  color: #676a6c;
  margin: -5px 10px 0 0;
  position: relative;
}
.widget_fields h5 {
  color: #676a6c;
  display: inline-block;
}
.widget_fields > a.collapse-link {
  border-top: 1px solid #e7eaec;
  float: left;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 100%;
}
.widget_field_content {
  width: 100%;
  float: left;
  padding-bottom: 20px;
}
.upload_que_parent .mail-body {
  border-top: 1px solid #e7eaec;
  float: left;
  padding: 20px;
  width: 100%;
}
.widget_fields .form-group {
  float: left;
  width: 100%;
}
.ctrl_widget,
.widget_fields {
  float: left;
  margin-bottom: 0;
  width: 100%;
}
.widget_field_content label {
  font-weight: 600;
  text-align: right;
}
.upload-form label {
  font-weight: 600;
}
.upload-form label.error {
  font-weight: 400;
  margin-left: 0;
  margin-top: 5px;
}
.judgment_cited_casename {
  max-width: 450px;
}
.judgment_cited_cs_id {
  min-width: 50px;
}
.judgment_cited_citation {
  min-width: 100px;
}
.judgment_times_cited {
  min-width: 50px;
}
.static_admin_header {
  left: 70px;
  margin-top: 0 !important;
  padding: 0 70px 0 0;
  position: fixed;
  top: 0;
  z-index: 999;
  box-shadow: 0 0 2px #d0d0d0;
  -moz-box-shadow: 0 0 2px #d0d0d0;
  -wevkit-box-shadow: 0 0 2px #d0d0d0;
  -ms-box-shadow: 0 0 2px #d0d0d0;
  -o-box-shadow: 0 0 2px #d0d0d0;
}
.static_admin_header2 {
  left: 70px;
  margin-top: 0 !important;
  padding: 0 70px 0 0;
  position: fixed;
  top: 60px;
  z-index: 999;
  box-shadow: 0 0 2px #d0d0d0;
  -moz-box-shadow: 0 0 2px #d0d0d0;
  -wevkit-box-shadow: 0 0 2px #d0d0d0;
  -ms-box-shadow: 0 0 2px #d0d0d0;
  -o-box-shadow: 0 0 2px #d0d0d0;
}
.static_admin_content {
  margin-top: 100px !important;
}
.static_admin_content2 {
  margin-top: 100px !important;
}
.sidebar-stick {
  background-color: #313c52;
  height: 100%;
  position: fixed;
}
.upload_mail-body {
  padding: 20px 20px 0 !important;
}
.overflow-visible {
  overflow: visible !important;
}
.rightSideArea .ui_wrapper {
  background-color: #fff !important;
  border: 1px solid #d3d3d4;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
  width: 100%;
}
.fixed_LEFTMENU_SCROLL.fixed_LEFTMENU {
  width: 16% !important;
}
.fixed_HEADER {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #ccd1d4 !important;
  min-height: 47px;
}
.normal-header {
  bottom: -40px !important;
  left: 0;
  position: absolute !important;
  right: 0;
}
.view_perform_array_modal .modal-content {
  float: left;
  width: 100%;
}
.rightSide_ctrl_area .spinner_ctrl > img {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 100px;
}
.edit_judgment_ctrl2 .whole_container .spinner_ctrl > img {
  bottom: auto;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 100px;
}
.newAdmin.title_common_breadcrumb > .admin_update_case_name {
  display: inline-block;
  float: left;
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin_head_stick {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 0;
  padding: 0 15px;
  position: fixed;
  top: 0;
  width: calc(100% - 100px);
  z-index: 9;
}
ul.custom_livetraffic_tabs > li > a {
  color: rgba(0, 0, 0, 0.87) !important;
  font-weight: 400;
}
ul.custom_livetraffic_tabs > li.active > a {
  font-weight: 600;
  border-bottom-color: #fff;
}
ul.custom_livetraffic_tabs > li.active > a:focus {
  border-bottom-color: #fff;
}
ul.custom_livetraffic_tabs > li > a:focus {
  outline: 0;
}
.widget_fields .uploader_catchword_div {
  margin: 0 !important;
}
.judgment_uploader_loop {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.judgment_uploader_loop textarea {
  float: left;
  margin-right: 5px;
  width: calc(100% - 75px);
}
.judgment_uploader_loop .uploader_add_catchword_button {
  float: left;
  margin: 0 5px 0 0;
}
.admin_notification {
  background: 0 0 !important;
  border-radius: 0;
  color: #929292;
  display: inline;
  font-size: 13px;
  font-weight: 400;
  line-height: 7px;
  padding: 0 0 0 5px;
  position: relative;
  top: 0;
}
.coral {
  background-color: #525252;
}
.widget_scroll {
  float: left;
  margin-right: 1%;
  position: relative;
  width: 25%;
}
.extra_widget_scroll {
  float: left;
  margin-top: 10px;
  width: 100%;
  padding: 10px;
}
.extra_widget_scroll .tabs-container {
  width: 100%;
  float: left;
}
.data-table-wrap .ews_ul {
  background-color: transparent;
}
.data-table-wrap ul.ews_ul > li.active > a {
  background-color: transparent !important;
}
.ews_ul {
  border-bottom: 1px solid #d3d3d4;
  margin: 0 0 10px;
  padding: 0;
}
ul.ews_ul > li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.ews_ul > li > a {
  color: grey;
  display: inline-block;
  float: left;
  padding: 5px;
  position: relative;
  margin-right: 10px;
  border-radius: 0;
  border: 1px solid #fff !important;
}
ul.ews_ul > li > a:hover {
  border: 0;
  background: 0 0 !important;
}
ul.ews_ul > li.active > a {
  color: rgba(0, 0, 0, 0.87) !important;
  font-weight: 600;
  border: 0;
  margin: 0;
}
ul.ews_ul > li.active > a > i.fa {
  color: rgba(0, 0, 0, 0.87) !important;
}
ul.ews_ul > li > a > i.fa {
  color: #919191;
}
.data-table-wrap .judgment_quick_tabs > li > a {
  margin-right: 0 !important;
}
.data-table-wrap ul.judgment_quick_tabs > li.active > a::before {
  bottom: -1px;
}
.jdgmt_view_unreportedEdit ul.ews_ul > li > a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: 0 !important;
}
ul.ews_ul > li > a:focus {
  outline: 0;
}
ul.ews_ul > li.active > a:before {
  background-color: #0e9aef;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
ul.ews_ul > li > a:hover:before {
  background-color: #0e9aef;
  bottom: -1px;
  content: "";
  display: inline-block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
ul.custom_livetraffic_tabs.ews_ul > li.active > a:before {
  bottom: -1px;
}
ul.custom_livetraffic_tabs_stats > li.active > a::before {
  bottom: -1px !important;
}
.ews_container .panel-body {
  padding: 0;
}
.custom_leftside_menu_head {
  color: #000;
  font-size: 14px;
  margin: 0 0 10px;
}
.ns.newAdmin.title_common_breadcrumb {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  display: inline-block;
  float: left;
  font-size: 14px !important;
  left: auto;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 10px 10px 5px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  border-bottom: 0;
}
.ns.newAdmin.title_common_breadcrumb > .admin_update_case_name {
  display: inline-block;
  float: none;
  white-space: pre-line;
  font-weight: 600;
}
.fancy-collapse-panel .panel-heading a {
  padding: 12px 35px 12px 15px;
  display: inline-block;
  width: 100%;
  background-color: #ee556c;
  color: #fff;
  position: relative;
  text-decoration: none;
}
.fancy-collapse-panel .panel-heading a:after {
  font-family: FontAwesome;
  content: "\f078";
  position: absolute;
  right: 20px;
  font-size: 20px;
  font-weight: 400;
  top: 50%;
  line-height: 1;
  margin-top: -10px;
}
.fancy-collapse-panel .panel-heading a.collapsed:after {
  content: "\f054";
}
.extra_widget_scroll.ns {
  padding: 5px;
}
.custom_ins_collapsible .panel-group {
  margin: 0;
}
.custom_ins_collapsible .panel.panel-default {
  border-left: 0 none;
  border-radius: 0;
  border-right: 0 none;
  border-top: 0 none;
  margin: 0;
  margin-bottom: 30px;
  background-color: transparent;
}
.custom_ins_collapsible .panel-collapse {
  background-color: #fff;
}
.custom_ins_collapsible .panel.panel-default:last-child {
  border-bottom: 0 none;
}
.custom_ins_collapsible .panel-heading {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: 0 none;
  padding: 0;
}
.custom_ins_collapsible.fancy-collapse-panel .panel-heading a {
  color: #000;
  display: inline-block;
  font-weight: 600;
  padding: 10px 15px 10px 10px;
  position: relative;
  text-decoration: none;
  width: 100%;
  background: 0 0;
}
.custom_ins_collapsible.fancy-collapse-panel .panel-heading a:focus {
  outline: 0;
}
.custom_ins_collapsible.fancy-collapse-panel .panel-heading a::after {
  color: #707070;
  font-size: 11px;
  font-weight: 400 !important;
  margin-top: -5px;
  position: absolute;
  right: 17px;
}
.extra_widget_scroll.ns {
  padding: 0;
}
.custom_ins_collapsible .panel-body {
  padding: 10px !important;
}
.print_citation {
  color: #727272;
  float: left;
  font-size: 13px;
  width: 100%;
}
.ctrlr_area {
  float: left;
  padding: 7px 0 1px;
  width: 100%;
}
.ctrlr_area > a {
  display: inline-block;
  vertical-align: middle;
}
.ctrlr_area > a:focus {
  outline: 0;
}
.custom_leftside_menu_head2 {
  color: #000;
  font-size: 14px;
  margin: 0 0 10px;
  padding-bottom: 5px;
}
.custom_leftside_menu_head2 .fa {
  margin-left: -8px;
  margin-right: 5px;
  position: relative;
}
.admin_update_citation {
  margin-left: 5px;
  position: relative;
  top: -1px;
}
.ns .admin_update_citation {
  margin-left: 0;
  top: 0;
}
.strong_600 {
  font-weight: 600;
}
.edit_case {
  color: #0e9aef;
  font-size: 14px !important;
  float: right;
  font-size: 13px;
  margin-left: 5px;
  margin-top: 16px;
}
.edit_case .fa {
  color: #0e9aef;
  font-size: 13px;
  margin-left: 3px;
}
.custom_ibox_tools.edit_judgment_action > a {
  width: auto;
}
.upload_main_ctrl {
  display: inline-block;
  margin-top: 10px !important;
  text-align: center !important;
  width: 100%;
}
.unreport_uploader_main {
  display: inline-block;
  float: none !important;
  width: 100% !important;
  border: 1px solid #d3d3d4 !important;
}
.upload_unreported_center {
  background-color: #fff;
  float: left !important;
  height: 100%;
  margin: auto;
  text-align: left;
  width: 100%;
}
.upload_unreport_header_btns {
  display: inline-block;
  line-height: 4px;
  padding: 0;
  position: relative;
  top: 9px;
}
.upload_unreport_header_btns > a {
  font-size: 13px;
}
.left {
  float: left;
}
.both {
  clear: both;
}
.file-upload-container {
  width: 100%;
  float: left;
  margin-top: 5px;
}
.file-upload-override-button {
  background-color: #e0e1e2;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  overflow: hidden;
  padding: 5px 10px;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.file-upload-override-button:hover {
  background-color: #cacbcd;
  color: rgba(0, 0, 0, 0.8);
}
.file-upload-override-button:active {
  position: relative;
  top: 1px;
}
.file-upload-button {
  position: absolute;
  height: 50px;
  top: -10px;
  left: -10px;
  cursor: pointer;
  opacity: 0;
}
.file-upload-filename {
  margin-left: 10px;
  height: auto;
  padding: 8px;
}
.each_ctrl {
  float: left;
  margin-right: 0;
  margin-top: 5px;
  border: 1px dashed #cfcfcf;
  padding: 10px 10px 4px;
  background: #fff;
  border-radius: 2px;
  width: 49%;
}
.file-upload-container > .each_ctrl:last-child {
  float: right;
}
.file-upload-filename {
  height: auto;
  margin-left: 0;
  overflow: hidden;
  padding: 6px;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 12px;
}
.sp_publication {
  float: left;
  margin: 11px 0 0 !important;
  text-align: left;
  width: 100%;
}
.sp_publication > select {
  border: 1px solid #ccc;
  border-radius: 2px;
  float: right;
  font-size: 12px;
  height: 27px;
  margin: 0;
  padding: 0;
  width: calc(100% - 140px);
}
.editable_datatable .modal-content {
  padding: 10px 10px;
}
.editable_datatable .search-wrap > input {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  box-shadow: none;
  box-sizing: border-box;
  float: left;
  height: 36px;
  outline: medium none;
  padding: 7px 50px 7px 30px;
  width: calc(100% - 130px);
}
.editable_datatable .search-wrap .power-search-btn {
  border: 0 none;
  cursor: pointer;
  height: 35px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 120px;
}
.editable_datatable .search-wrap .power-search-btn button {
  background-color: #0e9aef;
  border: 0 none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 35px;
  text-align: center;
  width: 100%;
}
.custom_data-table-wrap {
  border: 0 !important;
  float: left;
  height: auto;
  left: auto;
  padding: 10px 0 0 0 !important;
  position: relative !important;
  top: auto !important;
  width: 100% !important;
  display: block !important;
  right: auto !important;
}
.custom_data-table-wrap:before {
  display: none !important;
}
.editable_datatable .popup-ajax-content {
  float: left;
  width: 100%;
}
.custom_data-table-wrap .citation-table-pop {
  float: left;
  margin-top: 10px !important;
  width: 100% !important;
}
#citation_datatable_popup.citation-table-pop {
  display: inline;
  max-height: 65vh;
  overflow-y: auto;
}
.editable_datatable .modal-content {
  border-radius: 0;
}
.editable_datatable h4.modal-title {
  padding: 0;
  text-align: center;
}
.editable_datatable h4.modal-title .case_name_title_update {
  font-size: 15px;
}
.editable_datatable .modal-header {
  padding: 2px 0 10px;
}
.editable_datatable .citation-casename-update-ctrl {
  cursor: pointer;
}
.editable_datatable h4.modal-title .citation-update-ctrl-icon {
  font-size: 14px !important;
  margin: 0 10px;
  color: #a0a0a0;
}
.editable_datatable .close {
  margin-right: 10px;
  margin-top: 7px !important;
  position: relative;
  top: -5px;
}
.editable_datatable h4.modal-title .citation-update-ctrl-icon.fa-check {
  color: #0e9aef;
  font-size: 18px !important;
}
.editable_datatable .footer_bottom_ctrl .footer_information {
  display: block;
  float: right;
}
.highlight-casename {
  background-color: #d3d3d3;
  color: #000;
  display: inline-block;
}
.skin-1 .additional_menu {
  color: #fff;
}
.additional_nav-header {
  display: inline-table !important;
  width: 100%;
}
.additional_nav-header .logo-element {
  float: left;
  padding: 0;
  width: 100% !important;
  background: #0e9aef !important;
}
.skin-1 .additional_menu {
  background: #313c52 !important;
  border: 0 none;
  float: left;
  font-size: 18px;
  margin: 0 !important;
  padding: 10px 0 11px;
  text-align: center;
  width: 100% !important;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.skin-1 .additional_menu > i.fa {
  margin-right: 3px;
}
.skin-1 .additional_menu:hover {
  color: #fff;
  background-color: #2a354b !important;
}
.skin-1 .additional_menu:focus {
  box-shadow: none;
}
.status_panel .index_ctrl {
  border-top: 1px solid #ddd;
  font-size: 14px;
  padding: 15px 5px;
  text-align: left;
  width: 100% !important;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.status_panel .meta-cross .fa-times::before {
  font-size: 15px;
  padding: 0 5px;
  top: 3px;
}
.status_panel .index_ctrl .checkbox > a > i,
.status_panel .index_ctrl .checkbox > i {
  font-size: 15px;
}
.side-panel-setting-wrap.status_main {
  position: relative;
  right: auto;
  top: auto;
}
.status_main .setting-submenu {
  display: block !important;
}
.status_main .setting-submenu {
  border: 0 none;
  box-shadow: none;
  display: block !important;
  position: relative;
  right: auto;
  top: auto;
  width: 100%;
}
.status_main .setting-submenu-items-wrap {
  width: 100%;
  padding: 0;
}
.status_panel .status_ctrls {
  float: right !important;
}
.status_main .submenu-flg.flgd_ctrl {
  margin-right: 0;
}
.status_main .submenu-flg.flgd_ctrl {
  margin-right: 5px;
  width: auto;
}
.status_main .in_progress_flag {
  float: right;
  margin: 11px 7px 0;
}
.sp_publication {
  border-bottom: 1px solid #ddd;
  float: left;
  font-size: 13px;
  margin: 0 !important;
  padding: 11px 5px 13px !important;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.status_panel .setting-submenu-items-wrap > li {
  padding: 9px 5px 6px !important;
  font-size: 13px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.status_panel .reindex-btn {
  border-top: 1px solid #ddd;
  float: right;
  padding: 0;
  width: auto;
  text-align: center;
}
.status_panel .reindex-btn > a {
  border-radius: 3px;
  font-size: 13px;
  max-width: 128px;
  padding: 5px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.sp_publication > select {
  border: 1px solid #c6c6c6;
  border-radius: 2px;
  float: right;
  font-size: 12px;
  height: 22px;
  margin: 0;
  padding: 0;
  width: calc(100% - 160px);
}
.status_main .setting-submenu-items-wrap li .onoffswitch {
  margin-top: 3px;
}
.status_main .in_progress {
  float: right;
  margin: 11px 7px 0;
}
.status_panel .index_ctrl .checkbox {
  float: right;
}
.background_odd {
  background-color: #f5f5f5;
}
.status_main .in_progress_flag {
  display: inline-block;
  margin: 8px 7px 0;
  vertical-align: middle;
}
.status_main .in_progress_flag {
  float: left;
  margin: 2px 7px 0;
}
.status_main .flgd_ctrl.submenu-flg .checkbox {
  float: left;
}
.status_panel .index_ctrl > .checkbox i.fa {
  cursor: pointer;
  display: inline-block;
}
.status_main .setting-submenu-items-wrap li .onoffswitch {
  margin-top: 3px;
  width: 89px;
}
.status_main
  .setting-submenu-items-wrap
  li
  .onoffswitch.custom_onoff
  .onoffswitch-inner::before {
  content: "OK" !important;
  font-size: 13px;
  padding-left: 8px !important;
  padding-top: 3px;
}
.status_main
  .setting-submenu-items-wrap
  li
  .onoffswitch.custom_onoff
  .onoffswitch-inner::after {
  color: #606060;
  content: "NOT OK" !important;
  font-size: 13px;
  padding-left: 8px !important;
  padding-top: 3px;
}
.status_main
  .setting-submenu-items-wrap
  li
  .onoffswitch.custom_onoff
  .onoffswitch-switch {
  right: 60px;
}
.status_main
  .onoffswitch-checkbox:checked
  + .onoffswitch-label
  .onoffswitch-switch {
  right: 0 !important;
}
.btn-inverse {
  background-color: transparent;
  border: 1px solid #0e9aef;
  color: #0e9aef;
  color: #0e9aef;
  float: right;
  margin: 0;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.btn-inverse:hover {
  background-color: #18a689;
  border-color: #18a689;
  color: #fff;
}
.button-xs {
  background-color: #0e9aef;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  margin: 0 5px;
  padding: 1px 5px;
}
#btn-delete-judgment i.fa {
  padding: 0 2px 0 0;
  position: relative;
  top: -1px;
}
.admin_oprtn_ctrl > h3 {
  float: left;
  height: auto;
  margin: 0 0 10px;
  padding: 2px 0 0;
  width: 100%;
}
#btn-delete-judgment.button-xs {
  background-color: #ec6c62;
  border: 0 none;
  margin: -2px 5px 0 0;
}
#citationContentPopup button.close {
  background: #3e3e3e none repeat scroll 0 0;
  color: #fff;
  font-size: 14px !important;
  font-weight: 100;
  left: 100%;
  opacity: 1;
  padding: 6px 8px;
  position: absolute;
  text-shadow: none;
  top: 0;
  margin: 0 !important;
}
#citationContentPopup button.close > span {
  display: inline-block;
  float: left;
  font-size: 19px;
  font-weight: 700 !important;
  margin-left: 0;
  margin-top: 0;
}
.slimScrollBar {
  background: #000 !important;
  opacity: 0.4 !important;
  border-radius: 3px !important;
}
.edit_case_center {
  margin: 13px 0 0;
  text-align: center;
  width: 100% !important;
}
.common_spinner_ctrl {
  background: rgba(255, 255, 255, 0.8);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10000;
}
.common_spinner_ctrl > img {
  bottom: auto;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 100px;
}
.sliding_checkbox {
  float: left;
  width: 120px;
  margin: 0 5px;
}
#citationContentPopup .data-table-wrap .search-wrap input[type="text"] {
  width: calc(100% - 210px);
}
#citationContentPopup .power-search-btn {
  margin-left: 10px;
  position: relative;
  right: auto;
  float: left;
}
.monitor-online {
  display: inline;
  font-size: 14px;
  margin: 0 15px;
  position: relative;
  top: -1px;
}
.monitor-online > i.fa {
  color: #32cd32;
  display: inline-block;
  font-size: 9px;
  margin-top: -3px;
  vertical-align: middle;
  padding: 0 6px;
}
.tf_detail_action {
  min-width: 590px;
}
.tf_detail_date {
  min-width: 130px;
  max-width: 130px;
  width: 130px !important;
}
.frontend_caseiq_menu .xtra_dropdown_ul {
  margin: 0;
  padding: 5px;
}
.frontend_caseiq_menu .xtra_dropdown_ul > li {
  border-bottom: 1px solid #ddd;
  display: block;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 4px 0 0;
  text-align: left;
  width: 100%;
}
.frontend_caseiq_menu .xtra_dropdown_ul > li {
  border-bottom: 1px solid #ddd;
  padding: 0;
}
.frontend_caseiq_menu .xtra_dropdown_ul > li:last-child {
  border-bottom: 0 none;
}
.frontend_caseiq_menu .xtra_dropdown_ul > li > a {
  line-height: 18px;
  text-transform: capitalize !important;
  color: rgba(0, 0, 0, 0.87);
  display: inline-block;
  float: left;
  font-size: 13px;
  padding: 3px 0 !important;
  text-align: center;
  width: 100%;
  margin: 0 !important;
}
.frontend_caseiq_menu .xtra_dropdown_ul > li > a:hover {
  color: #0e9aef;
  text-decoration: none;
  background: #fff none repeat scroll 0 0 !important;
  border-bottom: 0 none !important;
}
.dropdown.xtra_dropdown > a:hover {
  border-bottom: 0 !important;
  color: #0e9aef;
}
.responsive_xtra_dropdown.frontend_caseiq_menu .xtra_dropdown_ul {
  width: 100%;
}
.xtra_dropdown.responsive_xtra_dropdown > a:focus {
  text-decoration: none;
}
.dropdown.xtra_dropdown.xtra_dropdown_admin {
  margin: 6px 12px 0;
  padding: 10px 3px !important;
}
.xtra_dropdown_admin > a {
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase;
}
.xtra_dropdown_admin > ul.dropdown-menu.xtra_dropdown_ul > li > a {
  text-align: center;
  font-size: 14px;
}
.xtra_dropdown_admin > ul.dropdown-menu.xtra_dropdown_ul > li > a.active {
  color: #000;
  font-weight: 600;
}
.csiq_magicButton {
  display: inline-block;
  float: left;
  margin: 14px 6px 0 0;
}
.csiq_magicButton > a {
  background-color: #0e9aef;
  border: 0 none;
  border-radius: 2px;
  margin: -4px 0 0;
  padding: 1px 5px;
}
.csiq_magicButton > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 3px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.csiq_magicButton > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 4px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: "";
}
.csiq_magicButton .dropdown-submenu > .dropdown-menu {
  display: none;
  left: 100%;
  margin: 0;
  top: 0;
  width: 100%;
  min-width: 200px;
}
.csiq_magicButton .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.csiq_magicButton .dropdown-menu {
  border-radius: 0;
  -moz-box-shadow: 0 0 3px grey;
  -webkit-box-shadow: 0 0 3px grey;
  -ms-box-shadow: 0 0 3px grey;
  -o-box-shadow: 0 0 3px grey;
  box-shadow: 0 0 3px grey;
  margin-top: 11px;
  min-height: 222px;
  min-width: 250px;
  margin-left: 1px;
}
.csiq_magicButton .dropdown-menu > li > a {
  line-height: 18px;
  margin: 0;
  padding: 5px 10px;
  color: #000;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
}
.csiq_magicButton .dropdown-menu > li > a:hover {
  background-color: #1675d3;
  color: #fff !important;
}
.csiq_magicButton .dropdown-menu > li > a:hover {
  border-radius: 0;
}
.csiq_infoCtrl {
  min-width: 200px;
}
.csiq_infoCtrl .popover-content > p {
  line-height: 18px;
  margin: 0;
  padding: 5px 10px;
}
.csiq_magicButton_datatable {
  margin: -1px 5px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.csiq_magicButton > a,
.csiq_magicButton_datatable > a {
  background: 0 0;
  color: #919191;
  font-size: 14px;
  margin: 0;
}
.csiq_magicButton_datatable > a > i.fa {
  font-weight: 400;
}
.csiq_magicButton > a:focus,
.csiq_magicButton_datatable > a:focus {
  color: #616161;
  background: 0 0;
}
.csiq_magicButton > a:hover,
.csiq_magicButton_datatable > a:hover {
  color: #616161;
  background: 0 0 !important;
}
.csiq_magicButton > a:active,
.csiq_magicButton_datatable > a:active {
  color: #616161;
  background: 0 0 !important;
  box-shadow: none !important;
}
.csiq_magicButton > a:hover > i.fa,
.csiq_magicButton_datatable > a:hover > i.fa {
  color: #08c;
}
.smart_step_blue > a {
  background: #b6cf91 !important;
  color: #fff !important;
}
.smart_step_orange > a {
  background: #ffad48 !important;
  color: #fff !important;
}
.smart_step_red > a {
  background: #ed5565 !important;
  color: #fff !important;
}
.smart_step_dark_green > a {
  background: #3cb371 !important;
  color: #fff !important;
}
.smart_step_brown > a {
  background: #8b4513 !important;
  color: #fff !important;
}
.smart_step_slategrey > a {
  background: #708090 !important;
  color: #fff !important;
}
.smart_step_goldonred > a {
  background: #b8860b !important;
  color: #fff !important;
}
.gmailstreak_color0 > a {
  background: #708090 !important;
  color: #fff !important;
}
.no_number > a > span {
  margin-top: 18px !important;
}
.gmailstreak_color1 > a {
  background-color: #ffad46 !important;
}
.gmailstreak_color2 > a {
  background-color: #b3dc6c !important;
}
.gmailstreak_color3 > a {
  background-color: #16a765 !important;
}
.gmailstreak_color4 > a {
  background-color: #9fc6e7 !important;
}
.gmailstreak_color5 > a {
  background-color: #4986e7 !important;
}
.gmailstreak_color6 > a {
  background-color: #7bd148 !important;
}
.gmailstreak_color7 > a {
  background-color: #fa573c !important;
}
.gmailstreak_color8 > a {
  background-color: #a2dce8 !important;
}
.gmailstreak_color9 > a {
  background-color: #fae589 !important;
}
.gmailstreak_color10 > a {
  background-color: #52a063 !important;
}
.pipeline_upload {
  width: calc(100% - 117px) !important;
}
.pipeline3 > li {
  width: 33.33% !important;
}
.pipeline4 > li {
  width: 25% !important;
}
.pipeline5 > li {
  width: 20% !important;
}
ul.pipeline_ul > li > a {
  margin: 0 !important;
  cursor: pointer !important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
ul.pipeline_ul > li > a .number.number2 {
  display: block !important;
  float: left;
  font-size: 21px !important;
  font-weight: 600;
  line-height: 14px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
ul.pipeline_ul > li > a .data.data2 {
  display: block;
  float: left;
  font-size: 13px;
  height: auto;
  line-height: 19px;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  color: #fff !important;
}
ul.pipeline_ul > li > a .number {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 14px;
  margin-top: 0;
  padding: 0 2px;
  text-align: center;
  width: auto;
}
ul.pipeline_ul > li > a .data {
  position: relative;
  color: #676a6c;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: 400;
  height: auto;
  line-height: 19px;
  margin-top: 4px;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
}
ul.pipeline_ul > li.active > a .data,
ul.pipeline_ul > li.active > a .pipeline_steps {
  color: #fff;
}
.pipeline_steps {
  color: #676a6c;
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 3px;
  margin-top: 5px;
  width: 100%;
}
.smart_step_uploadjudgment {
  box-shadow: none !important;
  background-color: #fff;
  border: 0 none;
  border-radius: 4px !important;
  color: #676a6c;
  display: inline-block !important;
  float: left;
  font-size: 12px !important;
  font-weight: 400;
  height: auto !important;
  line-height: 44px !important;
  margin: 5px 7px 0 0 !important;
  padding: 5px 20px !important;
  width: 154px !important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.smart_step_uploadjudgment:active,
.smart_step_uploadjudgment:focus,
.smart_step_uploadjudgment:hover {
  background-color: #f9f9f9 !important;
  color: #676a6c;
}
.smart_step_uploadjudgment.active {
  background-color: #708090 !important;
}
.smart_step_uploadjudgment:after,
.smart_step_uploadjudgment:before {
  display: none;
}
.pipeline_label {
  background-color: #fff;
  border: 1px solid #d3d6d8;
  border-radius: 3px;
  color: #333;
  display: inline-block !important;
  float: left;
  font-size: 14px !important;
  font-weight: 400;
  height: auto !important;
  line-height: 20px !important;
  margin: 5px 7px 0 0 !important;
  padding: 6px 20px !important;
  width: 115px !important;
  display: none;
}
.pipeline5.pipeline_with_label {
  width: calc(100% - 122px);
  display: none;
}
ul.pipeline_ul {
  display: table !important;
  float: left;
  margin: 5px 0 !important;
  padding: 0;
  table-layout: fixed !important;
  width: 100%;
}
ul.pipeline_ul > li {
  display: table-cell !important;
  float: none !important;
  width: auto !important;
}
.common_same_column {
  min-width: 75px;
}
select.custom-select-icon > option {
  display: block;
  padding: 5px 0;
}
.custom-select-icon .fa.fa-star-half-o.red_color,
.custom-select-icon .fa.fa-star.red_color {
  color: #b60000 !important;
}
.no-background {
  background: 0 0 !important;
}
.NavigationButton__rowContainer {
  -moz-box-align: stretch;
  -moz-box-flex: 1;
  align-items: stretch;
  background-color: transparent;
  border-radius: 100px;
  display: flex;
  flex: 1 1 auto;
  margin: 2px 11px;
  max-height: 35px;
  min-height: 26px;
  width: 158px;
}
.NavigationButton__profileContainer {
  border-radius: 0;
  margin: 15px 11px 10px;
  max-height: 43px;
}
.NavigationButton__rowContainer > a {
  -moz-box-align: center;
  align-items: center;
  color: #cecece;
  display: flex;
  width: 100%;
}
.NavigationButton__row {
  -moz-box-align: center;
  -moz-box-pack: center;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.NavigationButton__icon {
  -moz-box-flex: 0;
  backface-visibility: hidden;
  background-position: 50% center;
  background-repeat: no-repeat;
  flex: 0 0 auto;
  float: left;
  height: 22px;
  margin: 0 10px;
  opacity: 0.6;
  width: 20px;
}
.NavigationButton__profileIcon {
  background-size: contain;
  border-radius: 50%;
  height: 26px;
  margin: 0 10px 0 4px;
  opacity: 0.8;
  width: 26px;
}
.NavigationButton__label {
  -moz-box-flex: 1;
  display: block;
  flex: 1 1 auto;
  height: 22px;
  line-height: 22px;
  margin: 0;
  overflow: hidden;
  padding: 0 10px 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NavigationButton__profileLabel {
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  height: auto;
  line-height: 16px;
}
.NavigationButton__profileName {
  color: #fff;
}
.NavigationButton__profileName,
.NavigationButton__profileOrganization {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NavigationButton__profileName,
.NavigationButton__profileOrganization {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NavigationButton__profileOrganization {
  color: #a3a3a3;
}
.Popdown__popdown {
  display: none;
  left: -9999px;
  position: absolute;
  transition: opacity 0.25s ease-out 0s;
  z-index: 201;
}
.ProfileMenu__container {
  background-color: #fff;
  color: #000;
  left: 10px;
}
.Popdown__popdown.Popdown__open {
  display: block;
  left: 0;
  position: relative;
}
.NavigationContainer__divider {
  background: hsla(0, 0%, 100%, 0.1) none repeat scroll 0 0;
  height: 1px;
  width: 100%;
}
h2.new_page_heading {
  display: inline-block;
  float: left;
  margin: 0;
  width: auto;
}
h2.new_page_heading > .title_common_breadcrumb {
  color: #333;
  font-size: 18px;
  text-transform: capitalize;
}
.tp_header_right {
  margin-right: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .pipeline5.pipeline_with_label,
  ::i-block-chrome {
    width: calc(100% - 126px) !important;
  }
}
.viz_ctrl {
  float: left;
  width: 100%;
}
.tmln_common_ctrl {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  float: left;
  margin-bottom: 0;
  padding: 9px 20px;
  width: 100%;
}
.tmln_pipeline_ctrl {
  background: 0 0;
  border: 0;
  padding: 0;
}
.tmln_four_chart .c3 {
  display: inline-block;
  float: left;
  height: 200px;
  max-height: 150px;
  position: relative;
}
.tmln_four_chart table {
  background-color: #fff;
  margin-left: 20px;
  margin-top: 10px;
}
.tmln_fileStatus_ctrl,
.tmln_pbStatus_ctrl {
  margin-bottom: 18px;
}
.tmln_pipeline {
  width: calc(100% - 122px) !important;
}
.username_area {
  background-color: #313c52;
  border-top: 1px solid #4c545d;
  bottom: 0;
  display: inline-block;
  max-width: 220px;
  padding: 0 0 14px;
  position: fixed;
  text-align: center;
  width: 100%;
}
.username_area .login_as {
  color: #fff;
  float: left;
  margin: 10px 0 5px !important;
  width: 100%;
}
.username_area {
  display: none;
}
.publication_chart_container.tmln_four_chart {
  float: left;
  margin-bottom: 7px;
  width: 100%;
}
.tmln_common_ctrl > .common_pipeline_chart {
  display: table-cell !important;
  float: none !important;
  text-align: center;
  width: auto !important;
}
.chart_tmnl_pipeline_ctrl {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  margin: 0 0 23px;
  margin-bottom: 23px;
  padding-bottom: 10px;
  padding-top: 6px;
  display: table;
  table-layout: fixed !important;
}
.common_pipeline_chart > span {
  font-weight: 600;
}
.sdpnl_datatable > h1 {
  text-align: left;
  margin-bottom: 5px !important;
}
#sidepanel_detectd_citations_datatable td {
  padding: 5px 10px;
  text-align: left;
}
#sidepanel_detectd_citations_datatable {
  overflow-y: auto;
  height: 250px;
}
.sdpnl_datatable .search-wrap > input {
  border: 1px solid #e5e6e7;
}
#sidepanel_detectd_citations_datatable_wrapper {
  height: 0 !important;
  overflow-x: hidden;
  overflow-y: scroll;
}
.new_citation_box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #fff !important;
  border: 1px solid #d1d2d3;
  display: -moz-inline-stack;
  height: auto;
  left: 0;
  margin: auto 2% !important;
  padding: 5px 10px;
  position: absolute;
  table-layout: fixed;
  top: 30%;
  width: 96%;
  z-index: 9999;
}
.new_citation_box > ul {
  margin: 0 0 10px;
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 0 5px;
}
.new_citation_box > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.new_citation_box .form-group {
  margin: 0 0 5px;
}
.new_citation_box label {
  color: #474a4c;
  font-size: 13px !important;
  font-weight: 600;
  width: 100%;
}
.new_citation_box_inner_ctrl > .form-group i.fa {
  font-size: 11px;
  font-weight: 400;
  margin-top: 6px;
  padding: 0 2px;
  float: right;
}
.new_citation_box_inner_ctrl .form-group input {
  border: 1px solid #d1d2d3;
  color: #000 !important;
  width: 49%;
}
.new_citation_box_inner_ctrl .form-group button {
  float: right;
  margin: 5px 0;
}
.new_citation_box_inner_ctrl label {
  width: 100%;
  cursor: pointer;
}
.dt_convert_widget > h1 {
  color: #474a4c;
  font-size: 13px !important;
  font-weight: 600;
  width: 100%;
  margin-bottom: 0 !important;
}
.dt_convert_widget #sidepanel_detectd_citations_datatable_wrapper {
  height: 320px !important;
  overflow-x: hidden;
  overflow-y: scroll;
}
.dt_convert_widget table > thead {
  display: none;
}
.dt_convert_widget table {
  margin: 0 !important;
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  border: 0;
}
.dt_convert_widget table tr {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: 0 none !important;
}
.dt_convert_widget table tr td,
.dt_convert_widget table tr th {
  padding: 3px 1px !important;
  text-align: left !important;
  border-top: 0 !important;
  cursor: pointer;
  color: #676a6c;
}
.dt_convert_widget table tr td:hover,
.dt_convert_widget table tr th:hover {
  background: #f9f9f9;
  color: #000;
}
.new_citation_box .footer_bottom_ctrl {
  display: none;
}
.dt_convert_widget .search-wrap > input:focus {
  border: 1px solid #66afe9;
}
.dt_convert_widget .dataTables_wrapper {
  float: left;
  margin: 1px 0 10px;
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.toggle_new_citation_box input.btn.btn-xs.btn-primary {
  display: inline-block;
  float: right;
  line-height: 12px !important;
  margin: 5px 0 !important;
  width: auto !important;
  color: #fff !important;
  border-radius: 2px;
  border: 0;
}
.sidepanel_detectd_citations_datatable tr td,
.sidepanel_detectd_citations_datatable tr th {
  padding: 6px 10px !important;
  text-align: left !important;
}
.sidepanel_detectd_citations_datatable tr td b,
.sidepanel_detectd_citations_datatable tr th b {
  font-weight: 600;
}
.addNewCitation_link {
  color: #337ab7;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0;
  position: relative;
  width: 100%;
}
.addNewCitation_link i.fa {
  color: #707070;
  font-weight: 400;
  margin-right: 5px;
}
.citation_loader {
  background-color: #fff;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.new_citation_box:after,
.new_citation_box:before {
  top: 100%;
  left: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.new_citation_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.new_citation_box:before {
  border-color: rgba(229, 230, 231, 0);
  border-top-color: #d1d2d3;
  border-width: 11px;
  margin-left: -11px;
}
.sidePanelContainer_detected {
  position: relative;
}
.dismiss_citation {
  display: inline-block;
  float: right;
  margin: 6px 2px 0 0;
}
.abbrev_pipeline_ctrl {
  display: table !important;
  table-layout: fixed !important;
  width: 100% !important;
}
.pipeline_upload.abbrev_pipeline_ctrl {
  width: calc(100% - 161px) !important;
}
.abbrev_pipeline_ctrl > li > a::after,
.abbrev_pipeline_ctrl > li > a::before {
  border-radius: 0 !important;
  display: none;
}
.abbrev_pipeline_ctrl > li {
  width: auto !important;
  display: table-cell !important;
  float: none !important;
}
.abbrev_pipeline_ctrl > li > a {
  border-radius: 0 !important;
  width: 100% !important;
  display: inline-block !important;
  padding: 0 5px !important;
}
.testonlink {
  display: inline-block;
  float: left;
  margin: -2px 5px 0 0;
}
.dt_convert_widget .search-wrap {
  margin-bottom: 6px;
}
.convert_into_box_ctrl {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.convert_into_box_ctrl > .convert_into_box {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: 0 none !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell !important;
  float: none !important;
  padding: 0 10px 0 0 !important;
  width: auto !important;
}
.convert_into_box.rightSideArea > .ui_wrapper h4 {
  border-bottom: 1px solid #e7eaec;
  margin-left: 0;
  margin-top: 0;
  padding: 14px 15px;
  width: 100% !important;
  text-align: center;
}
.convert_into_box_ctrl > .convert_into_box:last-child {
  padding-right: 0 !important;
}
.convert_into_box.rightSideArea > .ui_wrapper .ibox-content {
  min-height: 85px;
  padding: 5px 10px 10px;
}
.convert_into_box.rightSideArea .social-feed-box {
  border: 0 none;
  margin: 0 !important;
}
.convert_into_box .re_index_btn_page {
  margin-top: 5px;
}
.convert_into_box .social-body {
  padding: 20px 0;
}
.convert_into_box .social-body > p > select {
  border: 1px solid #e5e6e7;
  margin: 0 5px;
}
.padding_v_10 {
  padding: 10px 0 !important;
}
.mlti_select .chosen-container-multi,
.mlti_select .input-group,
.mlti_select ul.chosen-choices {
  width: 100% !important;
}
.mlti_select .search-field > input {
  width: auto !important;
}
.mlti_select .chosen-choices {
  border: 1px solid #e5e6e7;
}
.mlti_select ul.chosen-choices > li.search-choice {
  background: #f1f1f1 none repeat scroll 0 0 !important;
  border: 1px solid #edd50f !important;
  color: #333 !important;
  font-size: 13px !important;
  margin: 3px 0 3px 5px !important;
  padding: 3px 20px 3px 5px !important;
}
.mlti_select .chosen-container-active .chosen-choices {
  box-shadow: none !important;
}
.mlti_select .chosen-container .chosen-results li.highlighted {
  background-color: #0e9aef !important;
  background-image: none !important;
  color: #ffdc3a;
}
.mlti_select .chosen-results li {
  font-size: 13px !important;
}
.tblcase_publication_status {
  min-width: 105px;
}
.helpSidepanel {
  display: none;
  position: relative;
}
.helpSidepanel > .popover {
  display: block;
  left: -20px;
  position: absolute !important;
  top: 28px;
  z-index: 999999 !important;
  min-width: 150px;
}
.helpSidepanel > i.fa {
  color: grey !important;
  cursor: pointer;
  font-size: 13px;
  padding: 3px 5px;
  position: relative;
  top: -1px;
}
.helpSidepanel .popover-content > p {
  margin: 0;
  padding: 0 !important;
}
.helpSidepanel .popover-content {
  padding: 5px 10px;
}
.history_reload {
  background-color: #f3f4f5;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #000;
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  padding: 1px 5px;
  position: relative;
  top: -3px;
}
.history_reload:focus {
  outline: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.sorting_asc,
.sorting_desc {
  background-color: #f5f5f5 !important;
}
.text-left-important {
  text-align: left !important;
}
.padding_vertical_0 {
  padding-top: 0;
  padding-bottom: 0;
}
.padding_horizontal_0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.ctd_inner_table td > a {
  padding: 0;
  font-size: 13px;
  width: 100%;
}
.ctd_inner_table td > a:hover {
  text-decoration: none;
}
.dt_convert_widget .ctd_inner_table td {
  padding: 1px 5px !important;
  font-size: 12px;
}
.new_citation_box .judgment_fltr_ctlr {
  display: none;
}
.new_citation_box .judgment_fltr_ctlr2 {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
.new_citation_box .dataTables_filter {
  width: 100%;
  float: left;
}
.new_citation_box .dataTables_filter > label > input {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.new_citation_box_inner_ctrl {
  border-top: 1px solid #ddd;
  margin-top: 5px;
  padding-top: 5px;
}
.ctd_table td {
  border-top: 0 none !important;
  padding: 5px !important;
  text-align: left !important;
}
.ctd_table td:hover {
  color: #000;
}
.alert_new {
  border: 1px solid transparent !important;
  border-radius: 2px;
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 6px 10px;
  text-align: left;
}
.alert-success-new {
  background-color: #dff0d8;
  border: 1px solid #c6d9b6 !important;
  color: #3c763d;
}
.alert-danger-new {
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
}
.close_new {
  color: #000;
  float: right;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.3;
  text-shadow: 0 1px 0 #fff;
}
button.close_new {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;
  padding: 0;
}
.alert-dismissable-new .close_new,
.alert-dismissible-new .close_new {
  color: inherit;
  position: relative;
  right: 0;
  top: 1px;
}
.sdpnl_datatable .ctd_table {
  display: inline-block;
  max-height: calc(100vh - 247px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.addNewCitation_span {
  color: #337ab7;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0;
  position: relative;
  width: 100%;
}
.addNewCitation_span i.fa {
  color: #707070;
  font-size: 14px;
  font-weight: 400;
  margin-right: 5px;
}
.ctd_inner_table tbody,
.ctd_inner_table tr,
.sdpnl_datatable .ctd_table tbody,
.sdpnl_datatable .ctd_table tr {
  display: table;
  width: 100%;
}
#judgments_datatable .editable + .popover.editable-popup select {
  display: inline-block !important;
  margin: 0 5px 0 0;
  height: 25px;
  width: auto !important;
}
#judgments_datatable .editable + .popover.editable-popup .popover-content,
#judgments_datatable .editable + .popover.editable-popup select:last-child,
#judgments_datatable .editable + .popover.editable-popup > h3.popover-title {
  margin: 0;
  padding: 8px 10px;
}
#judgments_datatable .editable-click {
  display: inline-block;
  margin-top: 3px;
}
.editable-click:focus {
  outline: 0;
}
.csiq_magicButton .animated,
.traffic_filters .animated {
  animation-duration: 0.5s;
}
.unreportedEdit_sidebar {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  float: right;
  height: calc(100vh - 20px);
  margin: 0;
  padding: 0;
  width: 29%;
}
.unreportedEdit_sidebar > .container {
  background-color: #fff;
  float: left;
  height: auto;
  width: 100%;
  padding: 0;
}
.ews_ul {
  border-bottom: 1px solid #d3d3d4;
  margin: 0 !important;
  padding: 0;
}
ul.ews_ul > li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: 0 0 !important;
}
ul.ews_ul > li > a {
  border: 0 !important;
  border-radius: 0;
  color: grey;
  display: inline-block;
  float: left;
  margin-right: 0;
  padding: 10px;
  position: relative;
  font-weight: 400;
}
ul.ews_ul > li.active > a {
  background: transparent none repeat scroll 0 0 !important;
  border: 0 none;
  color: rgba(0, 0, 0, 0.87) !important;
  font-weight: 600;
}
.jdgmt_view_unreportedEdit ul.ews_ul > li > a {
  line-height: 18px;
  margin-right: 10px;
}
.jdgmt_view_unreportedEdit ul.ews_ul > li.active > a:before {
  background-color: #0e9aef;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.jdgmt_view_unreportedEdit .ews_ul > li.active > a:hover:before {
  background-color: #0e9aef;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.unreportedEdit_sidebar .tab-content {
  padding: 0;
}
.vrsn_history {
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  color: #676a6c;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 10px 30px 10px 12px;
  position: relative;
  width: 100%;
}
.vrsn_history:hover {
  background-color: #fafafb;
}
.vrsn_history strong {
  font-weight: 600;
  margin-right: 3px;
}
.vrsn_history small {
  color: #333;
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 10px;
}
.vrsn_history small i.fa {
  color: #86898b;
  font-size: 14px;
}
.vrsn_history > p {
  margin: 0 0 5px;
  padding: 0;
}
.capitalize {
  text-transform: capitalize;
}
.vrsn_action {
  bottom: 13px !important;
  float: right;
  position: absolute !important;
  right: 6px !important;
}
.vrsn_action > a {
  padding: 4px 7px;
}
.vrsn_action > a {
  border: 1px solid transparent;
  padding: 2px 9px;
}
.vrsn_action > a:focus {
  border: 1px solid transparent;
}
.vrsn_history .animated {
  animation-duration: 0.5s;
}
.vrsn_action > ul.dropdown-menu {
  border-radius: 3px;
  box-shadow: 1px 1px 2px #d5d5d5;
  left: -140px;
  padding: 0;
  right: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.vrsn_action > ul.dropdown-menu > li,
.vrsn_action > ul.dropdown-menu > li > a {
  border: 0 none;
  box-sizing: border-box;
  float: left;
  font-size: 13px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.vrsn_action > ul.dropdown-menu > li,
.vrsn_action > ul.dropdown-menu > li > a {
  border: 0 none;
  box-sizing: border-box;
  float: left;
  font-size: 13px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.vrsn_action > ul.dropdown-menu > li > a {
  border-radius: 0;
  font-size: 12px;
  line-height: 16px;
  margin: 0 !important;
  padding: 4px 10px;
}
.vrsn_action > ul.dropdown-menu > li > a:hover {
  background-color: #1675d3;
  color: #fff;
}
.vrsn_action > ul.dropdown-menu > li > a.mark-as-error-btn {
  font-size: 13px;
  color: #676a6c !important;
}
.vrsn_action > ul.dropdown-menu > li > a.mark-as-error-btn:hover {
  background-color: #0e9aef;
  color: #fff !important;
}
.judgment_view_admin {
  float: left;
  width: 70%;
}
.no_vrsn_history.vrsn_history {
  border: 0 none;
}
.no_vrsn_history.vrsn_history:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.jdgmt_view_unreportedEdit {
  height: calc(100vh - 224px);
}
.jdgmt_view_unreportedEdit .tab-content {
  height: auto;
}
.vrsn_action i.fa {
  color: #86898b;
  font-size: 15px;
}
.vrsn_history i.fa-user {
  color: #86898b;
  padding: 0 2px 0 0;
}
.monitor_appError_datatable .datatable_main {
  padding: 10px 20px !important;
}
.add_citation_withoutPopup * {
  font-size: 12px;
}
.add_ct {
  display: inline-block;
  font-weight: 600;
  padding: 0 0 5px;
  font-size: 13px;
}
.add_citation_withoutPopup .dropdown_custom_citation_text {
  font-weight: 600;
}
.add_citation_withoutPopup
  .select2-container--default
  .select2-selection--single {
  border: 1px solid #c6c6c6 !important;
}
.add_citation_withoutPopup
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field {
  border: 1px solid #c6c6c6 !important;
}
.sdpnl_datatable .ctd_table {
  display: inline-block;
  margin-bottom: 10px !important;
  max-height: calc(100vh - 480px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.add_citation_withoutPopup .select2-search__field {
  font-size: 12px !important;
}
.add_citation_withoutPopup
  .select2-container--default
  .select2-results
  > .select2-results__options {
  height: calc(100vh - 610px) !important;
  max-height: calc(100vh - 10px) !important;
  width: 100% !important;
}
.add_citation_withoutPopup .select2-container .select2-selection--single {
  height: auto;
}
.add_citation_withoutPopup
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 30px;
}
.add_citation_withoutPopup .select2-dropdown {
  border: 1px solid #c6c6c6 !important;
}
.add_citation_withoutPopup .select2-container--open .select2-dropdown--below {
  border-radius: 0;
}
.yii-debug-toolbar_position_bottom {
  height: 44px !important;
}
.dropdown_php {
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
  width: 100%;
  float: right;
}
.dropdown-content_php {
  background-color: #f9f9f9;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.dropdown-content_php a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropbtn_php:focus,
.dropbtn_php:hover {
  text-decoration: none;
}
.dropdown-content_php {
  background-color: #fff;
  border: 1px solid #0e9aef;
  border-radius: 4px;
  box-shadow: none;
  float: left;
  padding: 0;
  bottom: 8px !important;
  position: absolute;
}
.dropdown-content_php > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none !important;
  color: #333 !important;
  float: left;
  margin: 0;
  padding: 6px 10px;
  text-align: left;
  width: 100%;
  border-radius: 0 !important;
}
.dropdown-content_php > button:hover {
  background-color: #0e9aef;
  color: #fff !important;
}
.dropdown-content_php > button:focus {
  background-color: #0e9aef;
  color: #fff !important;
}
.dropdown_php .dropbtn_php {
  background-color: #fff;
  border: 1px solid #0e9aef;
  border-radius: 4px;
  color: #0e9aef;
  font-size: 13px;
  padding: 5px 38px 5px 13px;
  float: right;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.dropdown_php .dropbtn_php > i.fa {
  padding: 4px 10px;
  position: absolute;
  right: 4px;
  top: 3px;
}
.dropdown_php .dropbtn_php::before {
  background-color: #0e9aef;
  content: "";
  display: inline-block;
  height: 11px;
  position: absolute;
  right: 30px;
  top: 9px;
  width: 1px;
}
.dropdown_php .animated {
  animation-duration: 0.6s;
}
.dropdown_php .in_progress {
  margin: 0 7px;
}
.dropdown-content_phpMain {
  bottom: 27px;
  left: auto;
  min-width: 130px;
  position: absolute !important;
  right: 0;
  top: auto;
  height: 100%;
}
.dropdown_php:hover .dropdown-content_phpMain {
  display: block !important;
}
.dropdown_php.inprocess .dropdown-content_phpMain {
  display: block !important;
}
.sidepanel_save_btn > img.notsavedicon {
  margin-top: -1px;
  width: 8px;
}
.panel-heading.padding_vertical_0.padding_horizontal_0 {
  padding-bottom: 10px;
}
.skin-1 .rightSideArea .ibox-content {
  border: 0 none !important;
}
.padding_controller_this {
  padding-top: 5px !important;
}
.onof_switch_with_label {
  display: inline-block;
  position: absolute;
  right: 132px;
  text-align: left;
  top: 5px;
}
.onof_switch_with_label .onoffswitch {
  width: 60px;
}
.onof_switch_with_label .onoffswitch-label {
  height: 25px;
}
.onof_switch_with_label .onoffswitch-switch {
  height: 19px;
  margin: 3px;
  width: 19px;
  right: 35px;
}
.onof_switch_with_label .onoffswitch-inner:after {
  font-size: 12px !important;
  margin-top: -4px;
  padding-right: 6px;
}
.onof_switch_with_label .onoffswitch-inner:before {
  margin-top: -4px;
  padding-left: 0;
}
.onof_switch_with_label .onof_switch_with_label_label {
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  padding: 3px 0;
  text-transform: capitalize;
}
.new_page_heading.nadmin_logo {
  margin: 11px 0 0;
  padding-left: 9px;
}
.additional_nav-header .close-canvas-menu {
  display: block;
  fill: #a2b4bc;
  font-size: 17px;
  padding: 5px;
  right: -8px;
  top: -10px;
}
ul.navbar-right.tp_header_right > li {
  display: inline-block;
  float: left;
}
ul.navbar-right.tp_header_right > li > a {
  border-left: 1px solid #ccd1d4;
  display: inline-block;
  font-weight: 400;
  max-width: 54px;
  min-width: 54px;
  padding: 2px 0;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
ul.navbar-right.tp_header_right > li > a:focus {
  border-color: #ccd1d4 !important;
}
ul.navbar-right.tp_header_right > li > a:hover {
  background-color: #f0f1f2;
  border-color: #ccd1d4;
  color: #fff;
}
ul.navbar-right.tp_header_right > li > a:hover > i.fa {
  color: #000;
}
ul.navbar-right.tp_header_right > li > a:focus {
  border-color: #e3e3e3;
}
ul.navbar-right.tp_header_right > li:last-child {
  margin: 0;
}
.additional_nav-header .logo_ctrl {
  display: flex;
  width: 100%;
  margin-bottom: 2px;
}
.newadmin_breadcrumb {
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccd1d4;
  float: left;
  margin-bottom: 15px;
  padding: 9px 17px !important;
  width: 100%;
}
.newadmin_breadcrumb > ol > li > strong {
  font-weight: 600;
}
#page-wrapper {
  min-height: 100% !important;
  margin: 0 0 0 55px;
}
.bread_arr {
  display: block;
  float: right;
}
.bread_arr:after {
  background: #bbb none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 4px;
  margin: 0 6px;
  position: relative;
  top: -2px;
  width: 4px;
}
.newadmin_caseinfoCTRL {
  margin: 17px 0 0;
  padding: 20px 0;
  text-align: center;
}
.newadmin_caseinfoCTRL > .newadmin_casename {
  color: #003087;
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
  padding: 0 0 5px;
  float: left;
}
.newadmin_caseinfoCTRL > a.pdfLiveDit {
  float: left;
  top: 3px;
  position: relative;
}
.newadmin_caseinfoCTRL .csiq_magicButton {
  float: none;
  left: -4px;
  margin: 0;
  position: relative;
  top: -3px;
}
.csiq_magicButton > a,
.csiq_magicButton_datatable > a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #919191;
  font-size: 14px;
  margin: 0;
}
.newadmin_caseinfoCTRL > .newadmin_citation {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  padding-top: 5px;
}
.newadmin_caseinfoCTRL > .newadmin_unreported_citation {
  color: #000;
  font-size: 15px;
  line-height: 27px;
}
.newadmin_caseinfoCTRL > .newadmin_unreported_citation > a {
  color: #08c;
  text-transform: uppercase;
  text-decoration: none;
}
.newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version {
  margin: 1px 0 16px;
  padding: 0;
  text-align: center;
}
.newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version
  > .newadmin_casename
  > .dropdown.csiq_magicButton {
  margin: 0 4px 0 5px;
  padding: 0 10px 0 0;
  position: relative;
  top: -1px;
}
.newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version
  > .newadmin_casename
  > .dropdown.csiq_magicButton::before {
  background-color: #d3d3d4;
  content: "";
  display: inline-block;
  height: 28px;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
}
.newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version
  > .newadmin_casename
  a
  > i.fa.pdf-in-head {
  display: inline-block;
  font-size: 18px;
  top: -1px;
}
.newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version
  > .newadmin_caseinfoCTRL
  > .newadmin_casename {
  font-size: 21px;
}
.newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version .newadmin_casename > span {
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newadmin_breadcrumb > ol > li {
  color: #404040;
  font-size: 13px;
}
.newadmin_breadcrumb > ol > li.active {
  font-weight: 600;
}
.newadmin_breadcrumb > ol > li > strong {
  color: #404040;
  font-weight: 600;
}
.newAdmin_judgment-respo-ctrl {
  margin-bottom: 20px;
  margin-top: 0;
  border-radius: 3px;
  text-align: center;
}
.ebay_header {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 10px 5px;
  color: #404040;
}
.rightSideArea > .ui_wrapper h4 {
  border-bottom: 0 none;
}
body.mini-navbar .navbar-static-side {
  width: 55px;
}
#side-menu.metismenu.ins_metismenu > li > a {
  padding: 14px 17px 14px 19px;
}
ul#side-menu.ins_metismenu > li > ul.nav-second-level {
  padding: 0;
}
ul#side-menu.ins_metismenu > li > ul.nav-second-level > li {
  margin: 0 !important;
}
.mini-navbar #side-menu.metismenu.ins_metismenu > li > a {
  padding: 14px 0 14px 0;
  text-align: center;
}
.mini-navbar #side-menu.metismenu.ins_metismenu > li > a > i.fa {
  margin: 0;
}
.mini-navbar.skin-1 .additional_menu > i.fa {
  margin-right: 0;
}
.photo-sm {
  float: left !important;
  margin: 6px 12px 0 0 !important;
  vertical-align: middle;
  font-size: 14px !important;
}
.newadmin_user-name {
  color: #424b4f;
  display: inline-block;
  font-size: 13px !important;
  font-weight: 400;
  max-width: 127px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
}
.dropdown-toggle.newAdmin_profile_header {
  border-left: 1px solid #ccd1d4 !important;
  padding: 11px 19px 0;
  min-height: 46px;
  width: 210px;
  line-height: 25px;
}
.dropdown-toggle.newAdmin_profile_header:hover {
  background-color: #fff;
}
.dropdown-toggle.newAdmin_profile_header:focus {
  border-color: #ccd1d4;
  background-color: #fff;
}
.newAdmin_profile_header > i.fa {
  color: #969ea2;
  float: right;
  font-size: 12px;
  margin-right: 5px;
  margin-top: 5px;
}
.dropdown-menu.newAdmin_profile_dropdown {
  border: 1px solid #ccd1d4;
  box-shadow: none;
  left: 0;
  right: 0;
}
.dropdown-menu.newAdmin_profile_dropdown > li > a {
  border-bottom: 1px solid #ccd1d4;
  border-radius: 0;
  color: #424b4f;
  font-size: 13px;
  margin: 0;
  padding: 5px 19px;
  vertical-align: middle;
  width: 100%;
}
.dropdown-menu.newAdmin_profile_dropdown > li > a:hover {
  background-color: #0e9aef;
  color: #fff;
}
.dropdown-menu.newAdmin_profile_dropdown > li > a:hover > span {
  color: #fff;
}
.dropdown-menu.newAdmin_profile_dropdown > li > a > span {
  float: none;
  margin-right: 10px;
  color: #969ea2;
  font-size: 14px;
}
.dropdown-menu.newAdmin_profile_dropdown > li > a > i.fa {
  color: #424b4f;
}
.dropdown-menu.newAdmin_profile_dropdown > li:last-child {
  margin: 0;
}
.skin-1 .removeable_nav_styling {
  background: 0 0 !important;
  color: #9ea6b9;
  height: 26px !important;
  padding: 0 !important;
}
.skin-1 .removeable_nav_styling:hover {
  background: 0 0 !important;
  color: #fff;
}
.theme-up-outer-arrow {
  border-color: transparent transparent #ccd1d4;
}
.outer-arrow-up {
  border-style: solid;
  border-width: 0 8px 8px;
  height: 0;
  position: absolute;
  top: -8px;
  width: 0;
}
.outer-arrow-up {
  right: 24px;
}
.inner-arrow-up {
  border-style: solid;
  border-width: 0 8px 8px;
  height: 0;
  left: -8px;
  position: absolute;
  top: 2px;
  width: 0;
}
.switch_cheezeburger > .navbar-minimalize {
  display: none;
}
.open-menu .switch_cheezeburger > h2.new_page_heading {
  display: none;
}
.open-menu .switch_cheezeburger > .navbar-minimalize {
  background-color: #313c52;
  border: 0 none;
  border-radius: 2px;
  display: none;
  margin: 10px 0 0 !important;
}
.semantic_button {
  background-color: #e0e1e2 !important;
  color: rgba(0, 0, 0, 0.6) !important;
  border: 0 !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.semantic_button:hover {
  background-color: #cacbcd !important;
  box-shadow:
    0 0 0 1px transparent inset,
    0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8) !important;
  border: 0 !important;
}
.grey_semantic_button {
  background-color: #e0e1e2;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.grey_semantic_button:hover {
  background-color: #cacbcd;
  box-shadow:
    0 0 0 1px transparent inset,
    0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8);
}
.newadmin_breadcrumb > ol.breadcrumb {
  margin: 0;
}
.newadmin_breadcrumb {
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccd1d4;
  float: left;
  margin-bottom: 15px;
  padding: 9px 17px !important;
  width: 100%;
}
.newadmin_breadcrumb > ol > li {
  color: #404040;
  font-size: 13px;
}
.newadmin_breadcrumb > ol > li.active {
  font-weight: 600;
}
.four_one {
  width: calc(100% - 161px) !important;
}
ul.pipeline_pipefy > li.active > a {
  background-color: #0e9aef !important;
  color: #fff !important;
}
ul.pipeline_pipefy > li.active > a:hover {
  background-color: #0e9aef !important;
  color: #fff !important;
}
ul.pipeline_pipefy > li > a {
  background-color: #fff !important;
  color: #000 !important;
}
ul.pipeline_pipefy > li > a:hover {
  background-color: #f9f9f9 !important;
}
ul.pipeline_pipefy > li > a:hover > .data.data2.data2_parent {
  color: #fff !important;
}
ul.pipeline_pipefy > li > a:hover > .data.data2 .norecordsfound_judgmentupload {
  margin: 0;
  padding: 0;
  background-color: #fff;
}
ul.pipeline_ul > li.error_red > a {
  background: #ed5565 !important;
  color: #fff !important;
}
ul.pipeline_ul > li.error_red > a .data {
  color: #fff !important;
}
.center_70 {
  height: auto;
  left: auto;
  margin: 0 auto;
  position: relative;
  right: auto;
  width: 70%;
  float: none;
}
.pipeline_datatables {
  background-color: #fff;
  border: 1px solid #d3d3d4 !important;
  padding: 10px 20px 15px;
}
.pipeline_datatables table {
  margin-bottom: 0;
}
.pipeline_datatables > table > tbody > tr:hover {
  background-color: #f5f5f5;
}
.pipeline_datatables > table > thead > tr > th {
  color: #676a6c;
  font-weight: 400;
}
.pipeline_datatables > table > tbody a:focus,
.pipeline_datatables > table > tbody a:hover {
  color: #337ab7;
  outline: 0 none;
}
ul.pipeline_pipefy > li.active > a .jdg_num2 {
  background-color: #fff !important;
  color: #676a6c;
}
.jdg_num2 {
  background-color: #708090 !important;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 19px;
  line-height: 19px;
  margin: 0 5px 0 -28px;
  position: absolute;
  text-indent: -1px;
  width: 19px;
}
.lawgreen {
  color: #7cfc00;
}
ul.pipeline_ul > li > a i.fa {
  display: inline-block;
  position: relative;
}
.rd_field_ctrl {
  padding-bottom: 7px;
}
.pos_relative {
  position: relative;
}
.margin_bottom_20 {
  margin-bottom: 20px !important;
}
.online_button {
  border: 1px solid #e5e6e7;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 1px;
  margin-right: 15px;
  position: absolute;
  right: 0;
  top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#judgment_upload_form .radio-inline {
  font-weight: 400;
}
#judgment_upload_form label.error,
#validationMessageForPreferedId.valid {
  font-weight: 400;
  margin-top: 3px;
  padding: 0;
}
#validationMessageForPreferedId.valid {
  display: inline-block;
  color: #32cd32;
}
.validation_valid {
  display: inline-block;
  color: #32cd32;
}
.wdt-loading-screen {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 999998;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
}
.wdt-loading-bar-wrap {
  width: 600px;
  height: 30px;
  background-color: #eee;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
}
.progress {
  position: relative;
  height: 30px;
  width: 0;
  background-color: #47b475;
}
.wdt-loading-phrases {
  width: 300px;
  margin: 0 auto;
  height: 106px;
  overflow: hidden;
  position: relative;
  padding: 10px 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.wdt-loading-phrase-category {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.wdt-loading-phrases:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  background: -moz-linear-gradient(
    top,
    #fff 0,
    rgba(255, 255, 255, 0) 50%,
    #fff 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #fff),
    color-stop(50%, rgba(255, 255, 255, 0)),
    color-stop(100%, #fff)
  );
  background: -webkit-linear-gradient(
    top,
    #fff 0,
    rgba(255, 255, 255, 0) 50%,
    #fff 100%
  );
  background: -o-linear-gradient(
    top,
    #fff 0,
    rgba(255, 255, 255, 0) 50%,
    #fff 100%
  );
  background: -ms-linear-gradient(
    top,
    #fff 0,
    rgba(255, 255, 255, 0) 50%,
    #fff 100%
  );
  background: linear-gradient(
    to bottom,
    #fff 0,
    rgba(255, 255, 255, 0) 50%,
    #fff 100%
  );
}
.wdt-loading-phrase {
  padding-left: 30px;
  position: relative;
  transform: translateY(30px);
  line-height: 30px;
  height: 30px;
}
.wdt-loading-phrase:before {
  content: " ";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 6px;
  left: 0;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.wdt-loading-phrase:after {
  opacity: 0;
  height: 11px;
  width: 7px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border-right: 3px solid #2eb150;
  border-top: 3px solid #2eb150;
  border-radius: 2.5px !important;
  content: "";
  left: 3px;
  top: 16px;
  position: absolute;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
}
.wdt-loading-phrase.wdt-checked:after {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  -moz-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 7px;
    opacity: 1;
  }
  20% {
    height: 2px;
    width: 7px;
    opacity: 1;
  }
  40% {
    height: 5px;
    width: 7px;
    opacity: 1;
  }
  100% {
    height: 11px;
    width: 7px;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 7px;
    opacity: 1;
  }
  20% {
    height: 2px;
    width: 7px;
    opacity: 1;
  }
  40% {
    height: 5px;
    width: 7px;
    opacity: 1;
  }
  100% {
    height: 11px;
    width: 7px;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 7px;
    opacity: 1;
  }
  20% {
    height: 2px;
    width: 7px;
    opacity: 1;
  }
  40% {
    height: 5px;
    width: 7px;
    opacity: 1;
  }
  100% {
    height: 11px;
    width: 7px;
    opacity: 1;
  }
}
.file-upload-override-button.judgment_upload_btn .error {
  float: left !important;
  width: 100% !important;
}
.file-upload-override-button.judgment_upload_btn:hover > .error {
  color: #fff;
}
#trafficDateDelivered + .popover {
  min-width: 258px;
}
#trafficDateDelivered + .popover h3 {
  margin: 0;
}
#error_details_datatable {
  border-collapse: separate;
}
#error_details_datatable > thead > tr > th {
  padding-right: 5px;
}
.tblemail_email_text {
  min-width: 90px;
}
ul#side-menu > li > ul > li:last-child {
  margin: 0;
}
ul.pipeline_pipefy > li n.stepNumber {
  background-color: #708090 !important;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 19px;
  line-height: 19px;
  left: 14px;
  margin-top: 8px;
  position: absolute;
  width: 19px;
  text-align: center;
}
ul.pipeline_pipefy > li.active n.stepNumber {
  background-color: #fff !important;
  color: #708090 !important;
}
.box_border {
  border: 1px solid #d3d3d4 !important;
}
#yii-debug-toolbar {
  display: none !important;
}
.sidepanel_save_btn img {
  width: 11px;
  margin-right: 6px;
}
.file_upload_container_sidepanel .each_ctrl {
  margin-bottom: 5px;
  width: 100%;
}
.file_upload_container_sidepanel > button {
  background: #0e9aef;
  border: 0 none;
  border-radius: 3px;
  color: #fff;
  float: right;
  padding: 5px 10px;
  font-size: 13px;
  margin-top: -10px;
}
.file_upload_container_sidepanel > button:active,
.file_upload_container_sidepanel > button:focus,
.file_upload_container_sidepanel > button:hover {
  background: #0e9aef !important;
  color: #fff !important;
  border: 0;
  box-shadow: none;
}
.file_upload_container_sidepanel .file-upload-override-button {
  padding: 4px 10px;
  float: left;
  width: auto;
  min-width: 100px;
}
.file_upload_container_sidepanel .file-upload-filename {
  padding: 4px 8px;
}
.file_upload_container_sidepanel .each_ctrl {
  padding: 10px;
}
.file_upload_container_sidepanel .remove_files {
  display: inline-block;
  float: right;
  margin: 8px 0 0;
  width: 14px;
  cursor: pointer;
  opacity: 0.9;
}
.status_panel_files ul.n_notes {
  height: calc(100vh - 364px);
}
.mini-navbar li.active .nav-second-level {
  left: 100%;
}
.sidePanelContent label.error {
  color: #cc5965;
  margin-left: 3px;
  margin-top: 3px;
}
.sidePanelContent .form-control.error {
  border: 1px solid #cc5965 !important;
}
.panel_head_individual {
  color: #656565;
  float: left;
  font-weight: 600;
  margin: -44px 0 0 -10px;
  padding: 2px 7px !important;
  text-align: left !important;
  width: 100%;
}
.files_modal_ctrl {
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
}
.files_radio_ctrl label {
  display: inline-block !important;
  float: left;
  margin: 0;
  width: 100% !important;
  margin-bottom: 5px;
}
.files_radio_ctrl > p {
  color: #909090;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  padding: 0 0 0 10px;
  margin: 0;
}
.files_radio_ctrl label > input {
  display: inline-block;
  float: left;
  height: 16px !important;
  margin: 0 5px !important;
  width: auto;
}
.status_panel_files .panel_head {
  text-align: left;
  width: 100%;
}
.files_radio_ctrl .remove_files {
  cursor: pointer;
  display: inline-block;
  float: right;
  margin: 8px 10px 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  width: 14px;
}
.files_radio_ctrl .each_ctrl {
  margin-left: 13px;
  margin-right: 0;
  position: relative;
  width: 96%;
}
.files_radio_ctrl {
  margin: 0 0 20px;
}
.files_radio_info {
  float: none !important;
  margin-left: 5px;
  margin-top: -2px;
  opacity: 1;
  cursor: pointer;
}
.files_radio_ctrl > ul {
  color: #909090;
  display: inline-block;
  list-style-type: none;
  margin: 2px 0;
  padding-left: 10px;
  font-size: 12px;
}
.files_radio_ctrl > ul > li {
  margin-bottom: 5px;
}
.customized_modal {
  bottom: 0;
  display: none;
  left: 0;
  overflow-x: auto;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040;
}
.customized_fade.in {
  opacity: 1;
}
.files_modal_ctrl .customized_modal {
  position: absolute;
  overflow: hidden !important;
}
.files_modal_ctrl .customized_modal.in.customized_fade {
  min-height: 100vh;
  padding: 0 !important;
  overflow: auto;
}
.customized_modal-dialog {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  width: auto;
  z-index: 1050;
}
.files_modal_ctrl .customized_modal-dialog {
  width: 100%;
}
.files_radio_ctrl,
.files_radio_ctrl > label {
  float: left;
  width: 100%;
}
.customized_modal.customized_fade .customized_modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.customized_modal.in .customized_modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.customized_modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.customized_modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.after_modal_appended {
  position: relative;
}
.files_modal_ctrl .customized_modal-backdrop {
  background-color: #fff;
  height: 100vh;
  left: 0;
  opacity: 0.8 !important;
  position: absolute;
  top: 0;
  width: 100%;
}
.files_modal_ctrl .customized_modal-content,
.files_modal_ctrl .customized_modal-dialog {
  float: left;
}
.files_modal_ctrl .customized_modal-body {
  border-radius: 5px;
  float: left;
  padding: 12px 17px;
  position: relative;
}
.customized_modal.animated {
  animation-duration: 0.5s;
}
.customized_modal .files_radio_input {
  display: inline-block !important;
  float: left;
  height: 16px !important;
  margin: 0 5px 0 0 !important;
  width: auto !important;
}
.customized_modal .files_radio_ctrl > ul > li > .files_radio_input {
  margin: 1px 5px 0 0 !important;
}
.files_ttlp_ctrl {
  position: relative;
}
.popover_compact {
  background-color: #0e9aef !important;
  border-radius: 2px;
  display: block;
  font-size: 12px;
  height: auto;
  left: 23px;
  max-width: 250px;
  min-width: 195px;
  padding: 7px 9px;
  position: absolute;
  text-align: start;
  top: -8px;
  z-index: 1;
  display: none;
  color: #fff;
  width: 193px;
}
.popover_compact:before {
  background-color: inherit;
  content: "";
  display: block;
  height: 0.625rem;
  left: -0.3125rem;
  margin-top: -0.3125rem;
  position: absolute;
  top: 40%;
  transform: rotate(45deg);
  width: 0.625rem;
}
.popover_compact.marker-on-right:before {
  left: 0;
  margin-left: -0.3125rem;
  margin-top: -0.3125rem;
  top: 41%;
}
.popover_compact {
  background-color: #0e9aef !important;
  border-radius: 2px;
  display: block;
  font-size: 12px;
  height: auto;
  left: 23px;
  min-width: 160px;
  padding: 7px 9px;
  position: absolute;
  text-align: start;
  top: -8px;
  z-index: 1;
  display: none;
  color: #fff;
}
.popover_compact:before {
  background-color: inherit;
  content: "";
  display: block;
  height: 0.625rem;
  left: -0.3125rem;
  margin-top: -0.3125rem;
  position: absolute;
  top: 23px;
  transform: rotate(45deg);
  width: 0.625rem;
}
.popover_compact.marker-on-right:before {
  left: 0;
  margin-left: -0.3125rem;
  margin-top: -0.3125rem;
  top: 41%;
}
.files_ttlp_ctrl:hover > .popover_compact {
  display: block;
}
.files_ttlp_ctrl .popover_compact:before {
  width: 9px;
  height: 9px;
  top: 16px;
  left: -6px;
  background-color: #fff;
}
.files_ttlp_ctrl .popover_compact {
  color: #333;
}
.files_ttlp_ctrl .popover_compact {
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #333;
}
.files_ttlp_ctrl > .files_radio_info {
  margin-left: 2px;
  cursor: pointer;
}
.files_ttlp_ctrl:hover > .popover_compact {
  display: block;
}
#datatable-judgment-is-test {
  display: inline-block;
  float: right;
  margin: 0 5px 0 0;
  width: auto;
}
#judgments_datatable_length.dataTables_length {
  display: inline-block;
  float: right;
  width: auto;
}
.redetect_citations {
  background-color: #0e9aef;
  border: 1px solid #0e9aef;
  border-radius: 3px;
  color: #fff;
  float: right;
  font-size: 12px;
  padding: 2px 8px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.redetect_citations:hover {
  background-color: #008adf;
  border: 1px solid #008adf;
}
.no_strong {
  font-weight: 400;
  padding-right: 5px;
}
.pending_workflow_ctrlr {
  margin: 0;
  padding-right: 0 !important;
}
.sidebar_workflow_menu {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  border-radius: 4px;
  width: 100%;
}
ul.sidebar_workflow_menu > li {
  width: 100%;
}
ul.sidebar_workflow_menu > li > a {
  color: #676a6c !important;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 16px;
  border-bottom: 1px solid #ebebec;
  padding: 10px 8px;
}
ul.sidebar_workflow_menu > li > a:hover {
  background-color: #f9f9f9 !important;
}
ul.sidebar_workflow_menu > li.active > a {
  background-color: #337ab7 !important;
  color: #fff !important;
  border: 1px solid #337ab7;
}
ul.sidebar_workflow_menu > li.active > a:focus {
  background: 0 0 !important;
}
ul.sidebar_workflow_menu > li > a:focus {
  outline: 0;
  background: 0 0 !important;
}
.pending_workflow_ctrlr n.stepNumber {
  left: 5px !important;
  top: 5px;
}
ul.sidebar_workflow_menu > li > a > .badge {
  background-color: grey;
  border-radius: 2px;
  color: #fff;
  display: inline-block !important;
  float: right;
  height: 18px;
  line-height: 13px;
  min-width: 25px;
  width: auto;
}
ul.sidebar_workflow_menu > li.active > a > .badge {
  background-color: #fff !important;
  color: #708090 !important;
  line-height: 11px;
}
.actions_pipeline {
  width: 100% !important;
}
ul.sophos_ui {
  margin: 0 !important;
  width: calc(100% - 75px) !important;
}
ul.sophos_ui > li {
  padding: 0 10px !important;
}
ul.sophos_ui > li:last-child {
  padding-right: 0 !important;
}
ul.sophos_ui > li > a {
  border-radius: 0 !important;
  float: left;
  height: auto !important;
  max-height: 38px !important;
  padding: 11px 0 !important;
  width: 100% !important;
  border: 1px solid #d3d3d4;
  margin: 0 !important;
}
ul.sophos_ui > li:last-child > a::after {
  display: none !important;
}
ul.sophos_ui > li > a.active {
  border-bottom: 2px solid #0e9aef;
}
ul.sophos_ui > li.active {
  border-bottom: 2px solid #0e9aef;
}
ul.sophos_ui > li.active > a {
  background-color: #fff !important;
  color: #000 !important;
}
ul.sophos_ui {
  margin: 0 !important;
  width: calc(100% - 114px) !important;
}
ul.sophos_ui > li > a:after,
ul.sophos_ui > li > a:before {
  display: none;
}
ul.sophos_ui > li > a .data {
  color: #337ab7 !important;
  margin: 0;
}
ul.sophos_ui > li n.stepNumber {
  background-color: #f1f1f1 !important;
  border: 1px solid #dedede;
  color: #000;
  font-size: 11px;
  height: 18px;
  left: auto !important;
  line-height: 17px;
  margin: 0 0 0 8px;
  position: absolute !important;
  top: auto;
  width: 18px;
}
ul.sophos_ui > li > a > .data > .pipeline_steps {
  margin: 0;
  width: auto;
  display: none;
}
.pending_workflow_ctrlr .steps.clearfix,
.pending_workflow_ctrlr .wizard {
  overflow: visible !important;
}
ul.sophos_ui > li.dropdown > ul.dropdown-menu > li > a:after,
ul.sophos_ui > li.dropdown > ul.dropdown-menu > li > a:before {
  display: none !important;
}
ul.sophos_ui > li.dropdown > ul.dropdown-menu > li > a {
  border: 0 none;
  border-radius: 0 !important;
  font-size: 13px;
  height: auto !important;
  line-height: 25px;
  margin: 0 0 3px;
  padding: 1px 0 !important;
  color: #337ab7;
}
ul.sophos_ui > li.dropdown > ul.dropdown-menu > li > a:hover {
  background-color: #f9f9f9 !important;
  line-height: 25px;
  margin: 0 0 3px;
  padding: 1px 0 !important;
}
ul.sophos_ui > li.dropdown > ul.dropdown-menu > li > a:last-child {
  margin-bottom: 0;
}
ul.sophos_ui > li.dropdown {
  position: relative !important;
  text-align: center;
  width: auto !important;
  background-color: #fff;
  float: right !important;
}
ul.sophos_ui > li.dropdown > a {
  display: inline-block;
  float: left !important;
  left: 0;
  margin: 0 0 0 5px !important;
  padding: 10px 12px 10px 12px !important;
  position: relative !important;
  top: 0;
  width: auto !important;
}
ul.sophos_ui > li.dropdown.open > a {
  background-color: #0e9aef !important;
}
ul.sophos_ui > li.dropdown.open > a > i.fa {
  color: #fff !important;
}
ul.sophos_ui > li.dropdown > a > i.fa {
  display: list-item;
  padding-top: 3px;
  color: #878a8c;
}
ul.sophos_ui > li.dropdown > ul.dropdown-menu {
  left: auto;
  right: 0;
}
ul.sophos_ui > li.dropdown > ul.dropdown-menu {
  border-radius: 0;
}
.pipeline_drop_menu {
  display: inline-block !important;
  float: left !important;
  height: 38px;
  padding: 11px 0 11px 0;
  text-align: left;
  width: auto !important;
  color: #337ab7 !important;
}
ul.sophos_ui > li.dropdown > ul.dropdown-menu > li > a.active {
  background-color: #0e9aef;
  color: #fff;
}
.csiq_magicButton_workflow ul.dropdown-menu {
  min-height: 0;
  min-width: 230px;
  padding: 8px 0;
}
.csiq_magicButton_workflow ul.dropdown-menu:before {
  left: 25px;
}
.csiq_magicButton_workflow ul.dropdown-menu:after {
  left: 26px;
}
.csiq_magicButton_workflow i.fa,
.email-popup-content i.fa {
  color: #909090;
  padding: 0 3px;
}
.csiq_magicButton_workflow i.fa:hover,
.email-popup-content i.fa:hover {
  color: grey;
}
.grren_color {
  color: #62d493 !important;
}
.csiq_magicButton_workflow ul.dropdown-menu > li {
  font-weight: 400;
  list-style-type: none;
  margin: 0 0 0 3px;
  padding: 4px 9px 2px 7px;
}
.csiq_magicButton_workflow ul.dropdown-menu > li > i.fa {
  padding: 0 3px 0 2px;
}
.csiq_magicButton_workflow ul.dropdown-menu > li > i.fa.red {
  color: red;
}
.csiq_magicButton_workflow ul.dropdown-menu > h5 {
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 4px;
  padding: 1px 12px 8px;
}
.workflow_pndng {
  display: inline-block;
  float: left;
  margin-right: 5px;
  width: auto;
}
.workflow_pndng > a:after,
.workflow_pndng > a:before {
  display: none;
}
.workflow_pndng > a {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  border-radius: 0 !important;
  display: inline-block;
  float: left;
  font-size: 13px !important;
  height: auto !important;
  line-height: 20px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  min-width: 70px;
}
.workflow_pndng > a {
  font-size: 13px !important;
  min-height: 35px !important;
  padding-top: 8px !important;
}
.workflow_pndng > a.active {
  border-bottom: 2px solid #0e9aef;
}
.workflow_pndng > a:hover {
  background-color: #f9f9f9 !important;
}
.workflow_pndng > a > .number {
  display: inline-block !important;
  font-size: 13px !important;
}
.pndg_workflow_heading {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 12px;
}
.pndg_workflow_heading > strong {
  font-weight: 600;
}
.advncFltrBtn {
  color: #5e5e5e;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}
.advncFltrBtn i.fa {
  border-radius: 15px;
  color: #7e7e7e !important;
  font-size: 12px;
  margin: 3px 4px;
  padding: 0 2px;
}
.advncFltrBtn i.fa.fa-minus {
  margin: 4px 4px 0 4px;
}
.judgment_uploader_frm {
  margin-top: 5px;
}
.judgment_uploader_frm
  > .pending_workflow_sidebar
  > a.smart_step_uploadjudgment.active {
  background: #337ab7 none repeat scroll 0 0 !important;
  border: 1px solid #337ab7;
  border-radius: 2px !important;
  line-height: 16px !important;
  margin: 0 !important;
  padding: 10px 8px !important;
  width: 100% !important;
}
.ins_notify_main {
  background-color: rgba(14, 154, 239, 0.9);
  left: 73px;
  padding: 15px 20px 15px 50px;
  position: fixed;
  top: 17px;
  z-index: 999999;
  border-radius: 2px;
}
.ins_notify_main > h3 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.ins_notify_main button.toast-close-button {
  color: #fff;
  font-size: 17px;
  margin: 5px 15px 0 0;
  position: absolute;
}
.ins_notify_main .toast-progress {
  background-color: #000;
  bottom: 0;
  display: block;
  height: 4px;
  left: 0;
  opacity: 0.4;
  position: absolute;
  width: 100%;
}
.ins_notify_main.ntsaved {
  background-color: brown;
}
.sortbyPendingCtrl {
  margin: 15px 10px 0 0;
  min-width: 210px;
  position: absolute;
  right: 0;
  top: 0;
}
.sortbyPendingCtrl > select {
  height: auto;
  max-width: 150px;
  padding: 4px 5px;
  font-size: 13px;
}
.groupby_pending_workflow {
  font-size: 12px;
}
.groupby_pending_workflow > td {
  background-color: #f8ffff;
  border-top: 1px solid #a9d5de !important;
  padding: 10px !important;
}
.groupby_pending_workflow > td > strong {
  color: #000;
  display: inline-block;
  font-weight: 400;
  padding-bottom: 4px !important;
}
.groupby_pending_workflow > td > p {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 0;
}
ul.scoll_pipeline {
  display: flex !important;
  overflow-x: auto;
  overflow-y: hidden;
  width: calc(100% - 161px) !important;
}
ul.scoll_pipeline > li {
  display: inline-block !important;
  float: left !important;
  width: auto;
}
ul.scoll_pipeline > li > a {
  padding: 0 25px 0 35px !important;
  white-space: normal;
}
ul.scoll_pipeline > li > a {
  color: #676a6c;
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
}
ul.scoll_pipeline > li > a.no_link {
  cursor: default !important;
}
ul.scoll_pipeline .jdg_num2 {
  display: none;
}
.Judgments_upload_description {
  padding: 10px 15px !important;
}
.Judgments_upload_description p {
  margin: 0 !important;
}
.Judgments_upload_description h4 {
  margin-bottom: 5px;
}
.workflow_upload_step {
  float: left;
  width: calc(100% - 161px);
}
.workflow_upload_step_ul {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  margin: 0 !important;
  padding: 7px 5px !important;
}
.workflow_upload_step_ul > li {
  display: inline-block !important;
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
}
.workflow_upload_step_ul > li > a {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  border-radius: 2px !important;
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px !important;
  height: auto !important;
  line-height: 24px !important;
  margin: 0 4px !important;
  padding: 3px 10px !important;
}
.workflow_upload_step_ul > li > a:hover {
  background: rgba(0, 0, 0, 0.03);
}
.workflow_upload_step_ul > li > a:after,
.workflow_upload_step_ul > li > a:before {
  display: none !important;
}
.judg_uploader_topMenu {
  text-align: center;
}
.judg_uploader_topMenu > a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d3d3d4 !important;
  color: #676a6c !important;
  text-transform: uppercase;
}
.judg_uploader_topMenu > a:hover {
  background-color: #fff !important;
  border-color: #0e9aef !important;
  border-radius: 3px !important;
  color: #0e9aef !important;
}
.judg_uploader_topMenu > a:active {
  box-shadow: none;
}
.judg_uploader_topMenu > a.active {
  background-color: #0e9aef !important;
  box-shadow: none;
  color: #fff !important;
  border: 1px solid #0e9aef !important;
}
.leftAuto_width {
  min-width: inherit !important;
}
.timeline-btn-wrap.leftAuto_width > .timeline-btn {
  padding-left: 16px;
}
.timeline-btn-wrap.leftAuto_width .timeline-option {
  min-width: 240px !important;
}
.margin_bottom_15 {
  margin-bottom: 15px !important;
}
.margin_bottom_10 {
  margin-bottom: 10px !important;
}
.margin_bottom_5 {
  margin-bottom: 5px !important;
}
.margin_top_15 {
  margin-top: 15px !important;
}
.judg_uploader_topMenu > span {
  display: inline;
  margin: 0 2px 0 10px;
  position: relative;
  top: 2px;
}
.footer_bottom_ctrl .footer_pagination ul.pagination > li.active > a {
  background-color: #0e9aef !important;
  color: #fff !important;
}
.view_pendingAll_btn {
  border: 1px solid #d3d3d4;
  color: #333;
  font-size: 14px !important;
  font-weight: 400;
  margin: 0 5px 0 0 !important;
  max-width: 112px;
  min-height: 55px;
  text-transform: capitalize;
  line-height: 20px !important;
  height: 55px;
  padding: 16px !important;
}
.view_pendingAll_btn.active {
  background-color: #0e9aef !important;
  color: #fff !important;
  border-color: #0e9aef;
}
.view_pendingAll_btn > span {
  color: #999;
  font-size: 12px;
  text-transform: capitalize;
}
.view_pendingAll_btn.active > span {
  color: #fff;
}
.pipeline_ul.pipeline_pipefy > li > a .number.number2 {
  color: #676a6c !important;
  font-size: 16px !important;
  font-weight: 600;
  margin-top: 8px;
}
.pipeline_ul.pipeline_pipefy > li > a .number.number2_abs {
  color: #676a6c;
  font-size: 16px !important;
  font-weight: 600;
  padding: 0 5px;
  position: relative;
  top: -1px;
}
.pipeline_ul.pipeline_pipefy > li > a .data.data2 {
  color: #676a6c !important;
  text-transform: none;
  margin-top: 4px;
  margin-bottom: 2px;
}
.pipeline_ul.pipeline_pipefy > li.active > a .data.data2,
.pipeline_ul.pipeline_pipefy > li.active > a .number.number2 {
  color: #fff !important;
}
#headingPlural {
  background-color: #fff;
  border-color: #d3d3d4 !important;
  border-style: solid;
  border-width: 1px 1px 0;
  padding: 10px 20px 5px;
  text-align: left !important;
  float: left;
  width: 100%;
}
#headingPlural > h4 {
  margin: 2px 0 6px;
  font-weight: 400;
}
#headingPlural > p {
  margin: 0 0 7px;
}
#processWorkflowsSelect {
  border: 1px solid #d3d3d3 !important;
  float: left;
  font-size: 13px;
  padding: 2px 6px;
  margin-top: 2px;
}
#processWorkflowsSelect option {
  padding: 3px 6px;
}
.pipeline_ul.pipeline5.pipeline_upload {
  display: flex !important;
  float: right;
  width: 100% !important;
}
.pipeline_ul.pipeline5.pipeline_upload > li > a:after,
.pipeline_ul.pipeline5.pipeline_upload > li > a:before {
  display: none !important;
}
.pipeline_ul.pipeline5.pipeline_upload > li {
  display: flex !important;
  float: left;
  width: 100% !important;
  border: 1px solid #d3d3d4;
}
.with2_Numbers > li > a,
.with_pending_steps > li > a {
  border-radius: 0 !important;
}
.pipeline_ul.pipeline5.pipeline_upload > li:first-child,
.pipeline_ul.pipeline5.pipeline_upload > li:first-child > a {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.pipeline_ul.pipeline5.pipeline_upload > li:last-child {
  border-right: 1px solid #d3d3d4;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.pipeline_ul.pipeline5.pipeline_upload > li:last-child > a {
  border-right-top-radius: 4px;
  border-right-bottom-radius: 4px;
}
.pipeline_ul.pipeline5.pipeline_upload > li:last-child > a {
  border-right: 0;
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.pipeline_ul.pipeline5.pipeline_upload > li > a,
.pipeline_ul.pipeline5.pipeline_upload > li > a:hover {
  border-radius: 4px;
  display: table;
  float: left !important;
  height: 100%;
  padding: 0 10px 5px;
  width: 100% !important;
}
.pipeline_ul.pipeline5.pipeline_upload > li.active > a .number.number2_abs {
  color: #fff;
}
.pipeline_ul.pipeline_pipefy .no_link {
  cursor: default !important;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy
  > li
  > a
  .data.data2.data2_parent
  > .number.number2 {
  border-radius: 4px;
  display: inline-block !important;
  float: none;
  font-size: 13px !important;
  line-height: 13px;
  position: relative;
  text-align: center;
  width: auto;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy
  > li
  > a
  .data.data2.data2_parent {
  color: #333 !important;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy
  > li.active
  > a
  .data.data2.data2_parent {
  color: #fff !important;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy > li > a.no_link {
  cursor: default !important;
}
.with2_Numbers.pipeline_ul > li > a > .number.number2 {
  margin-bottom: 2px;
  margin-top: 8px;
}
.with2_Numbers.pipeline_ul > li > a > .data.data2 {
  margin-bottom: 0;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy > li > a .data.data2 {
  color: #999 !important;
  margin-bottom: 5px;
  margin-top: 4px;
  text-transform: none;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy > li.active > a .data.data2 {
  color: #fff !important;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy
  > li.active
  > a
  .data.data2.bignumber {
  color: #fff !important;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy
  > li.active
  > a:hover
  > .data.data2.data2_parent {
  color: #fff !important;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy
  > li.active
  > a:hover
  > .data.data2 {
  color: #fff !important;
}
.pppoverCtrl:hover > ul.dropdown-menu {
  display: block;
}
.pppoverCtrl {
  position: relative;
  float: none;
}
.pppoverCtrl > .dropdown-menu {
  margin: 0 0 0 -23px;
  padding: 0;
}
.pppoverCtrl.dropdown > .dropdown-menu {
  margin: 7px 0 0 -23px;
  min-width: 130px !important;
  padding: 0 0 3px !important;
}
.sidepanelModalCtrl .modal-dialog {
  display: flex;
  float: none;
}
.sidepanelModalCtrl .modal-dialog .modal-content {
  width: 100%;
}
.sidepanelModalCtrl {
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 99;
}
.sidepanelModalCtrl .customized_modal-backdrop {
  background-color: #fff;
  height: 100vh;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
}
.sidepanelModalCtrl .customized_modal {
  min-height: 100vh;
  overflow: auto;
  padding: 0;
  position: absolute;
}
.sidepanelModalCtrl .customized_modal-body {
  border-radius: 5px;
  float: left;
  padding: 12px 17px;
  position: relative;
}
.sidepanelModalCtrl .modal-dialog {
  display: flex;
  float: none;
}
.sidepanelModalCtrl .modal-dialog .modal-content {
  width: 100%;
}
.sidepanelModalCtrl {
  border-bottom: 1px solid #d6d6d6;
  float: left;
  height: 100%;
  margin-bottom: 7px;
  margin-top: 2px;
  padding: 0 0 12px;
  position: relative;
  width: 100%;
  z-index: 99;
}
.sidepanelModalCtrl .panel_head_individual {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #383a4f;
  float: left;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  padding: 0 10px 5px 0 !important;
  text-align: left;
  width: 100%;
}
.sidepanelModalCtrl .panel_head_individual {
  font-size: 13px;
  margin: 0 0 3px;
}
.sidepanelModalCtrl .customized_modal-backdrop {
  background-color: #fff;
  height: 100vh;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
}
.sidepanelModalCtrl .customized_modal {
  min-height: 100vh;
  overflow: auto;
  padding: 0;
  position: absolute;
}
.sidepanelModalCtrl .customized_modal-body {
  border-radius: 5px;
  float: left;
  padding: 10px;
  position: relative;
}
.sidepanelModalCtrl .customized_modal-body,
.sidepanelModalCtrl .customized_modal-content,
.sidepanelModalCtrl .customized_modal-dialog {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.sidepanelModalCtrl table.history_popup_table td,
.sidepanelModalCtrl table.history_popup_table th {
  font-size: 12px;
  padding: 4px;
  text-align: left;
}
.pipeline_ul.pipeline5.pipeline_upload.pipeline_pipefy.with_pending_steps > li {
  margin-left: 5px !important;
}
.pipeline_ul.pipeline5.pipeline_upload.pipeline_pipefy.with_pending_steps
  > li:first-child {
  margin-left: 0 !important;
}
.pipeline_ul.pipeline_upload.pipeline5.pipeline_pipefy.with2_Numbers > li {
  margin-left: 5px;
}
#Nword_highlighter .meta_history_compare_modal {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  overflow: hidden;
  z-index: 999;
}
#Nword_highlighter .meta_history_compare_modal .customized_modal-content {
  width: 80%;
  margin: 15px auto;
  float: none !important;
}
#Nword_highlighter .meta_history_compare_modal #history_compare_data {
  overflow-y: auto;
  clear: both;
  margin-top: 0;
  display: inline-block;
  width: 100%;
  max-height: 75vh;
}
#Nword_highlighter .meta_history_compare_modal .panel_head {
  font-size: 17px;
  font-weight: 600;
  color: #2e2e2e;
  text-align: center;
  margin: 10px 0 0;
  padding: 10px 0 20px;
  border-bottom: 1px solid #e7eaec;
}
#Nword_highlighter .meta_history_compare_modal .panel_head .close {
  background-color: #fff;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  margin-top: -42px;
  margin-right: -20px;
  opacity: 1;
}
#Nword_highlighter .meta_history_compare_modal .panel_head .close span {
  background-color: #6b6b6b;
  color: #fff;
  width: 27px;
  height: 27px;
  display: inline-block;
  border-radius: 100%;
  line-height: 26px;
  font-weight: 400;
  font-size: 21px;
}
#Nword_highlighter
  .meta_history_compare_modal
  #history_compare_data
  .history_popup_table
  tr:first-child
  th {
  border-top: 0 none;
}
#Nword_highlighter .meta_history_compare_modal.animated {
  animation-duration: 0s;
}
#Nword_highlighter .popup_loading {
  margin: 20px;
  display: inline-block;
}
#Nword_highlighter .pull_replace_modal.customized_modal,
#pull-replace-modal .pull_replace_modal.customized_modal {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  overflow: hidden;
  z-index: 999;
}
#Nword_highlighter .pull_replace_modal.customized_modal .panel_head,
#pull-replace-modal .pull_replace_modal.customized_modal .panel_head {
  font-size: 17px;
  font-weight: 600;
  color: #2e2e2e;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
  margin-bottom: 20px;
}
#Nword_highlighter .pull_replace_modal .customized_modal-content,
#pull-replace-modal .pull_replace_modal .customized_modal-content {
  z-index: 999999;
  overflow-y: scroll;
  width: 42%;
  overflow: hidden;
  margin: 25px auto;
}
#Nword_highlighter .pull_replace_modal .files_radio_ctrl,
#pull-replace-modal .pull_replace_modal .files_radio_ctrl {
  width: 100%;
  padding: 0 20px;
}
#Nword_highlighter .pull_replace_modal .files_radio_ctrl .each_ctrl,
#pull-replace-modal .pull_replace_modal .files_radio_ctrl .each_ctrl {
  padding-bottom: 0;
}
#Nword_highlighter .pull_replace_modal .panel_head .close,
#pull-replace-modal .pull_replace_modal .panel_head .close {
  background-color: #fff;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  margin-top: -42px;
  margin-right: 0;
  opacity: 1;
  position: fixed;
  right: 28%;
}
#Nword_highlighter .pull_replace_modal .panel_head .close span,
#pull-replace-modal .pull_replace_modal .panel_head .close span {
  background-color: #6b6b6b;
  color: #fff;
  width: 27px;
  height: 27px;
  display: inline-block;
  border-radius: 100%;
  line-height: 26px;
  font-weight: 400;
  font-size: 21px;
}
#Nword_highlighter .pull_replace_modal.animated,
#pull-replace-modal .pull_replace_modal.animated {
  animation-duration: 0s;
}
#Nword_highlighter .pull_replace_modal .file-upload-container .btn-default,
#pull-replace-modal .pull_replace_modal .file-upload-container .btn-default {
  margin-right: 20px;
  margin-bottom: 20px;
}
.theme_info_icon .fa {
  color: #909090;
}
.theme_info_icon:focus {
  outline: 0 none;
}
.commonCtrl_admin_forPopup .ibox-content > h2 {
  margin-bottom: 13px !important;
  margin-top: -2px !important;
  padding: 0 24px 13px !important;
  text-align: left !important;
}
.commonCtrl_admin_forPopup .ibox-content table.table {
  margin-bottom: 0 !important;
}
.judgmentProcess_uploadGroup {
  display: inline-block;
  float: right;
  margin-bottom: 0;
  padding: 0 0 0 10px;
}
.judgmentProcess_uploadGroup_internal > a {
  border-left: 0;
  border-radius: 0;
  border-right: 1px solid #d3d3d4;
  box-shadow: none !important;
  float: left;
  margin-right: 0 !important;
}
.judgmentProcess_uploadGroup_internal > a:first-child {
  border-left: 1px solid #d3d3d4 !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.judgmentProcess_uploadGroup_internal > a:last-child {
  border-right: 1px solid #d3d3d4;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.judgmentProcess_uploadGroup_internal > a.active {
  background-color: #0e9aef;
  color: #fff;
  border-color: #0e9aef;
}
.judgmentProcess_uploadGroup > a {
  margin-right: 10px;
}
.judgmentProcess_uploadGroup > a:active {
  box-shadow: 0;
}
.T_ul_ui {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  border-radius: 3px;
  display: inline-block;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 100%;
}
.T_ul_ui > li {
  border-bottom: 1px solid #d3d3d4;
  list-style-type: none;
  padding: 5px;
  cursor: pointer;
}
.T_ul_ui > li:hover {
  background-color: #f9f9f9;
}
.T_ul_ui > li.active {
  background-color: #0e9aef;
  border-color: #0e9aef;
  color: #fff;
}
.T_selected {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  border-radius: 3px;
  margin: 0;
  padding: 5px 30px 5px 10px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.T_selected > i.fa {
  display: inline-block;
  float: right;
  font-size: 15px;
  position: absolute;
  right: 10px;
  top: 7px;
}
.T_ul_parent {
  display: inline-block;
  position: relative;
  z-index: 999;
}
.filtersidepanel + .sidepanelselect {
  display: inline-block;
  width: 100%;
}
.filtersidepanel {
  margin-bottom: 10px !important;
  display: inline-block;
}
.judgmentProcess_uploadGroup.judgmentProcess_uploadGroup_internal {
  margin-bottom: 10px;
}
.judgment_upload_btn.active {
  text-decoration: none;
  transition: background-position 0.1s linear 0s;
  background-color: #0e9aef !important;
  color: #fff !important;
  border-color: #0e9aef;
  box-shadow: none;
}
#detectedMetadata button.close span,
#fileStatsPopup button.close span,
#workflowHistoryContentPopup button.close span {
  background-color: #6b6b6b;
  color: #fff;
  width: 27px;
  height: 27px;
  display: inline-block;
  border-radius: 100%;
  line-height: 26px;
  font-weight: 400;
  font-size: 21px;
}
.npopctrl {
  position: relative;
}
.npopctrl .vrsn_action {
  top: 5px;
}
.npopctrl .vrsn_action > ul.dropdown-menu > li > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none !important;
  border-radius: 0;
  color: #676a6c !important;
  font-size: 13px;
  margin: 0 !important;
  padding: 4px 10px !important;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}
.npopctrl .vrsn_action > ul.dropdown-menu > li > button:hover {
  background-color: #0e9aef;
  color: #fff !important;
}
.npopctrl .vrsn_action {
  display: inline-block;
  position: relative !important;
  top: 1px;
  float: left !important;
  margin: 0 5px 0 0;
  right: auto !important;
}
.npopctrl .vrsn_action > a.dropdown-toggle {
  padding: 0;
}
.npopctrl .vrsn_action i.fa {
  font-size: 14px;
}
.npopctrl .vrsn_action > ul.dropdown-menu {
  margin-right: 8px;
  min-width: 175px;
  left: 0 !important;
  top: 18px !important;
  padding: 3px;
  width: auto;
}
.npopctrl .vrsn_action > ul.dropdown-menu.animated {
  animation-duration: 0.4s;
}
.with_pending_steps.pipeline_ul.pipeline_pipefy > li > a .data.data2.bignumber {
  color: #676a6c !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
#detectedMetadata .ibox-content h3,
#fileStatsPopup .ibox-content h3 {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: -1px;
  padding-bottom: 10px;
  font-size: 17px;
  font-weight: 600;
  color: #2e2e2e;
}
.upload_main_ctrl .checkmark__circle {
  strokedasharray: 166;
  stroke-dashoffset: 166;
  strokewidth: 2;
  strokemiterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.upload_main_ctrl .checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  strokewidth: 2;
  stroke: #fff;
  strokemiterlimit: 10;
  margin: 0 auto;
  box-shadow: inset 0 0 0 #7ac142;
  animation:
    fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}
.upload_main_ctrl .checkmark__check {
  transform-origin: 50% 50%;
  strokedasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 30px #7ac142;
  }
}
.files_ttlp_ctrl .files_radio_info + .popover_compact {
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translateX(-50%) scale(0) !important;
  transform: translateX(-50%) scale(0) !important;
  -moz-transform: translateX(-50%) scale(0) !important;
  display: block;
  opacity: 1;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  pointer-events: none;
  visibility: hidden;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.files_ttlp_ctrl:hover .files_radio_info + .popover_compact {
  -webkit-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-50%) scale(1) !important;
  -moz-transform: translateX(-50%) scale(1) !important;
  visibility: visible;
  pointer-events: auto;
  top: 23px;
  color: #676a6c;
  font-size: 12px;
  line-height: 19px;
}
.files_ttlp_ctrl:hover .files_radio_info + .popover_compact:before {
  transform: rotate(136deg);
  top: -2px;
  left: 76px;
  background: #fff !important;
  border-color: rgba(0, 0, 0, 0.2);
}
.pull_replace_modal .files_ttlp_ctrl .files_radio_info + .popover_compact {
  left: 73px;
}
.pull_replace_modal
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  left: 20px;
}
.sidePanelContainer .status_panel .index_ctrl + .index_ctrl {
  z-index: 98;
}
.history .popover_compact {
  left: 38px;
  z-index: 9;
}
.history .files_ttlp_ctrl:hover .files_radio_info + .popover_compact:before {
  top: -2px;
  left: 63px;
}
.history .popover_compact:before {
  height: 1.625rem;
}
#addSelectedForReportingContentPopup .modal-dialog {
  width: 850px;
}
.custom-modal-popup h3 {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: -1px;
  padding-bottom: 15px;
  font-size: 17px;
  font-weight: 600;
  color: #2e2e2e;
  text-align: center;
  margin-bottom: 20px;
}
.custom-modal-popup {
  padding-bottom: 15px;
}
.custom-modal-popup .form-group {
  display: inline-block;
  width: 100%;
}
.custom-modal-popup label {
  font-weight: 600;
  text-align: right;
}
.custom-modal-popup input {
  border: 1px solid #ccc;
}
.custom-modal-popup textarea {
  border: 1px solid #ccc;
  height: 100px;
}
.custom-modal-popup button.close {
  background-color: #fff;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  margin-top: -42px;
  margin-right: -39px;
  opacity: 1;
}
.custom-modal-popup button.close span {
  background-color: #6b6b6b;
  color: #fff;
  width: 27px;
  height: 27px;
  display: inline-block;
  border-radius: 100%;
  line-height: 26px;
  font-weight: 400;
  font-size: 21px;
}
.custom-modal-popup .btn-popup {
  text-decoration: none;
  transition: background-position 0.1s linear 0s;
  background-color: #0e9aef !important;
  color: #fff !important;
  border-color: #0e9aef;
}
.custom-modal-popup .btn-field {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: -20px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.custom-modal-popup .btn-field .form-group {
  margin-bottom: 0;
}
#Nword_highlighter .meta_history_compare_modal.animated #text_compare_data {
  width: 100%;
  height: 92%;
  overflow: auto;
}
#Nword_highlighter
  .meta_history_compare_modal.animated
  .customized_modal-dialog {
  height: 85%;
}
#Nword_highlighter
  .meta_history_compare_modal.animated
  .customized_modal-dialog
  .customized_modal-content {
  height: 100%;
}
#Nword_highlighter
  .meta_history_compare_modal.animated
  .customized_modal-dialog
  .customized_modal-content
  .customized_modal-body {
  height: 100%;
}
#Nword_highlighter
  .meta_history_compare_modal.animated
  .customized_modal-dialog
  .customized_modal-content
  .customized_modal-body
  .status_panel.status_panel_files {
  height: 100%;
}
ul.pagination li a:focus {
  outline: 0;
}
.judgmentProcess_uploadGroup > span {
  display: inline-block;
  margin: 7px 0 0;
}
.pipeline_ul.pipeline_upload.pipeline5.pipeline_pipefy.with2_Numbers > li > a {
  padding: 0 10px 6px;
}
.pipeline_ul.pipeline_upload.pipeline5.pipeline_pipefy.with2_Numbers
  > li:first-child {
  margin-left: 0;
}
#Nword_highlighter
  .pull_replace_modal
  .customized_modal-content
  .wdt-loading-screen,
#pull-replace-modal
  .pull_replace_modal
  .customized_modal-content
  .wdt-loading-screen {
  height: calc(100% - 64px);
  width: 100%;
  position: absolute;
  background: #fff;
  z-index: 100;
  top: 64px;
}
#Nword_highlighter .pull_replace_modal .customized_modal-content,
#pull-replace-modal .pull_replace_modal .customized_modal-content {
  position: relative;
}
#Nword_highlighter
  .pull_replace_modal
  .customized_modal-content
  .sk-spinner-wave.sk-spinner.save-file_notify,
#pull-replace-modal
  .pull_replace_modal
  .customized_modal-content
  .sk-spinner-wave.sk-spinner.save-file_notify {
  bottom: 0;
  font-size: 10px;
  height: 200px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: auto;
}
#Nword_highlighter
  .pull_replace_modal
  .customized_modal-content
  .save-file_uploaded_spinner,
#pull-replace-modal
  .pull_replace_modal
  .customized_modal-content
  .save-file_uploaded_spinner {
  background-color: #fff;
  bottom: 0;
  display: block;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
#Nword_highlighter
  .pull_replace_modal
  .customized_modal-content
  .save-file_notify
  > p,
#pull-replace-modal
  .pull_replace_modal
  .customized_modal-content
  .save-file_notify
  > p {
  font-size: 16px;
  font-weight: 600;
}
#Nword_highlighter
  .pull_replace_modal
  .customized_modal-content
  .upload_main_ctrl2,
#pull-replace-modal
  .pull_replace_modal
  .customized_modal-content
  .upload_main_ctrl2 {
  height: calc(100% - 64px);
  width: 100%;
  position: absolute;
  background: #fff;
  z-index: 100;
  top: 64px;
}
#Nword_highlighter
  .pull_replace_modal
  .customized_modal-content
  .upload_main_ctrl2
  .checkmark__circle,
#pull-replace-modal
  .pull_replace_modal
  .customized_modal-content
  .upload_main_ctrl2
  .checkmark__circle {
  strokedasharray: 166;
  stroke-dashoffset: 166;
  strokewidth: 2;
  strokemiterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
#Nword_highlighter
  .pull_replace_modal
  .customized_modal-content
  .upload_main_ctrl2
  .checkmark,
#pull-replace-modal
  .pull_replace_modal
  .customized_modal-content
  .upload_main_ctrl2
  .checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  strokewidth: 2;
  stroke: #fff;
  strokemiterlimit: 10;
  margin: 0 auto;
  box-shadow: inset 0 0 0 #7ac142;
  animation:
    fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}
#Nword_highlighter
  .pull_replace_modal
  .customized_modal-content
  .upload_main_ctrl2
  .checkmark__check,
#pull-replace-modal
  .pull_replace_modal
  .customized_modal-content
  .upload_main_ctrl2
  .checkmark__check {
  transform-origin: 50% 50%;
  strokedasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 30px #7ac142;
  }
}
#addSelectedForReportingContentPopup .custom-modal-popup {
  position: relative;
}
.data-table-wrap-citation.citation-search-main {
  width: 100%;
  margin: auto;
  background: #fff;
  z-index: 2;
  height: 100%;
  position: relative;
}
.citation-search-main .back-arrow {
  position: absolute;
  left: -1px;
  font-size: 20px;
  width: 36px;
  height: 36px;
  display: block;
  background: #0e9aef;
  text-align: center;
  line-height: 36px;
  top: 20px;
  color: #fff;
  cursor: pointer;
}
.citation-rel {
  position: relative;
}
.citation-rel .form-control {
  width: calc(100% - 38px);
}
.citation-search-click {
  position: absolute;
  right: 16px;
  top: 0;
  background: #0e9aef;
  color: #fff;
  height: 34px;
  width: 34px;
  line-height: 34px;
  text-align: center;
}
.citation-search-main .search-wrap {
  width: 100%;
  float: left;
  margin: 0 0 0;
  position: relative;
}
.citation-search-main .search-wrap:before {
  font: 14px FontAwesome;
  content: "\f002";
  position: absolute;
  top: 10px;
  left: 7px;
  color: #676a6c;
}
.citation-search-main .search-wrap input[type="text"] {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  float: left;
  height: 36px;
  outline: medium none;
  padding: 7px 50px 7px 30px;
  width: calc(100% - 130px);
  box-shadow: none;
}
.citation-search-main .search-wrap .search-loader {
  top: 6px;
}
.citation-search-main .search-wrap .citation-search-loader {
  position: absolute;
  right: 155px;
  top: 8px;
  font-size: 5px;
}
.citation-search-main .citation-search-loader img {
  width: 25px;
}
.citation-search-main .search-wrap .citation-power-search-btn {
  cursor: pointer;
  height: 35px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 120px;
  border: 0;
}
.citation-search-main .search-wrap .citation-power-search-btn button {
  background-color: #a0a0a0;
  border: 0;
  color: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  height: 35px;
  text-align: center;
  width: 100%;
  font-size: 14px;
}
.citation-search-main .search-wrap .search-cross {
  position: absolute;
  right: 135px;
  top: 7px;
  width: 15px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  height: 15px;
  color: #7f7f7f;
}
.add_citation_loader {
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  z-index: 100;
  background: #fff;
  left: 0;
  top: 0;
}
.add_citation_loader img {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.navbar.navbar-static-top
  .custom_mobile_header_last
  .navbar-form-custom
  .data-table-wrap {
  width: 670px;
}
.csiq_magicButton_workflow.prgres_popup > ul.dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  min-width: 180px !important;
  padding: 4px !important;
}
.csiq_magicButton_workflow.prgres_popup > ul.dropdown-menu > li {
  color: #676a6c;
  font-size: 12px;
  line-height: 19px;
}
.ui.newAdmin_judgment-respo-ctrl.version18 {
  padding: 0;
}
.ui.newAdmin_judgment-respo-ctrl.version18 > a {
  padding: 0;
}
.viewPage_actionCtrl {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  border-bottom: 0;
  padding: 3px 15px;
  float: left;
  width: 100%;
  min-height: 51px;
}
.extra_widget_scroll.ns.viewPage_widget {
  border: 1px solid #d3d3d4;
  margin: 0 0 30px;
  background-color: #fff;
}
.viewPage_actionCtrl .ebay_header {
  font-size: 18px;
  padding: 10px 0;
}
.viewPage_actionCtrl .ebay_header a {
  background-color: #fff;
  border-radius: 14px;
  color: #0e9aef;
  padding: 3px 10px;
  text-transform: uppercase;
}
.viewPage_widget .custom_panel_body {
  padding: 10px 15px !important;
}
.viewPage_actionCtrl .ebay_header a {
  background-color: #fff;
  border-radius: 14px;
  color: #0e9aef;
  padding: 3px 10px;
  text-transform: uppercase;
}
.viewPage_actionCtrl .ebay_header a:hover {
  color: #fff;
}
.viewPage_actionCtrl .ebay_header a > i.fa {
  font-size: 11px;
  margin: 0 2px 0 0;
}
.viewPage_actionCtrl .ebay_header {
  font-size: 16px;
  padding: 10px 0 8px;
}
.viewPage_actionCtrl .ebay_header.first {
  margin-top: 3px;
}
.viewPage_widget .custom_ins_collapsible .panel.panel-default {
  margin: 0;
}
body.mini-navbar:not(.fixed-sidebar):not(.canvas-menu) .nav-second-level {
  transition: none !important;
}
.pppoverCtrll {
  float: none;
}
.pppoverCtrll.dropdown > .dropdown-menu {
  margin: 7px 0 0 -23px;
}
.workflow_citation_column {
  min-width: 90px;
}
.workflow_progress_column {
  min-width: 265px;
}
.table_scroller {
  height: calc(100vh - 192px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ripple {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: inherit;
  pointer-events: none;
  animation: ripple-shadow 0.4s forwards;
  -webkit-animation: ripple-shadow 0.4s forwards;
}
.rippleWave {
  backface-visibility: hidden;
  position: absolute;
  border-radius: 50%;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  background: rgba(255, 255, 255, 0.3);
  opacity: 0.45;
  animation: ripple 2s forwards;
  -webkit-animation: ripple 2s forwards;
}
@keyframes ripple {
  to {
    transform: scale(24);
    opacity: 0;
  }
}
@-webkit-keyframes ripple {
  to {
    -webkit-transform: scale(24);
    opacity: 0;
  }
}
[class*="mad-button-"] {
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
[class*="mad-button-"] i.material-icons {
  vertical-align: middle;
  padding: 0;
}
.mad-button-raised {
  height: 36px;
  padding: 0 16px;
  line-height: 36px;
  border-radius: 2px;
}
.mad-button-action {
  width: 56px;
  height: 56px;
  padding: 16px 0;
  border-radius: 32px;
}
[class*="mad-button-"].mad-ico-lefti.material-icons {
  margin: 0 8px 0 -4px;
}
[class*="mad-button-"].mad-ico-right i.material-icons {
  margin: 0 -4px 0 8px;
}
.bg-primary-darker {
  background: #1976d2;
  color: #fff;
}
.bg-primary {
  background: #2196f3;
  color: #fff;
}
.bg-primary.lighter {
  background: #bbdefb;
  color: rgba(0, 0, 0, 0.82);
}
.bg-accented {
  background: #ff4081;
  color: #fff;
}
.rcl-calendar .vdp-datepicker__calendar {
  padding: 2px;
  width: 255px !important;
}
.rcl-calendar .cell {
  padding: 8px 16px;
}
.rcl-calendar .workflow_timestarted_column {
  min-width: 85px;
}
.rcl-calendar .vdp-datepicker__calendar .cell.day-header {
  font-weight: 600;
  font-size: 13px !important;
  color: #000;
  opacity: 0.5;
}
.rcl-calendar .vdp-datepicker__calendar .cell.selected {
  color: #fff;
  background-color: #0e9aef;
  color: #000;
}
.rcl-calendar .vdp-datepicker__calendar .cell {
  color: #000;
  border-radius: 3px;
  height: 30px !important;
  line-height: 30px !important;
}
.rcl-calendar
  .vdp-datepicker__calendar
  .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #0e9aef !important;
}
.rcl-calendar .vdp-datepicker__calendar .cell.selected:hover {
  background-color: #0e9aef !important;
}
.rcl-calendar .vdp-datepicker__calendar .cell.selected {
  background-color: #0e9aef !important;
  color: #fff;
}
.rcl-calendar .vdp-datepicker__calendar header span {
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
}
.rcl-calendar .vdp-datepicker__calendar header .next:not(.disabled):hover,
.rcl-calendar .vdp-datepicker__calendar header .prev:not(.disabled):hover {
  color: #eee;
}
.rcl-calendar .vdp-datepicker__calendar header .next:after {
  margin-left: 0;
}
.rcl-calendar .vdp-datepicker__calendar header span.day__month_btn {
  color: #000;
  opacity: 0.5;
}
.rcl-calendar .vdp-datepicker__calendar header .next,
.rcl-calendar .vdp-datepicker__calendar header .prev {
  text-indent: inherit;
  font-size: 20px;
  color: #fff;
  width: 25px;
  height: 25px;
}
.rcl-calendar .vdp-datepicker__calendar header .prev:after {
  border-right: inherit;
  margin-left: -4px;
  font-size: 13px;
  opacity: 0.5;
  color: #000;
  content: "\f053";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
}
.rcl-calendar .vdp-datepicker__calendar header .next:after {
  border-right: inherit;
  margin-left: 1px !important;
  font-size: 13px;
  opacity: 0.5;
  color: #000;
  content: "\f054";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
}
.rcl-calendar .vdp-datepicker__calendar header .next.disabled:after {
  border-left: inherit;
  color: #444 !important;
}
.rcl-calendar .vdp-datepicker__calendar header .next:after {
  border-left: inherit;
}
.rcl-calendar .vdp-datepicker__calendar header {
  display: flex;
  line-height: 25px;
  width: 100%;
}
.rcl-calendar .vdp-datepicker__calendar header span {
  width: 79.428571%;
}
#selected_for_reporting_datatable_length {
  display: inline-block;
  float: right;
  width: auto;
}
#datatable-is-reported {
  display: inline-block;
  float: right;
  margin: 0 5px 0 0;
  width: auto;
}
.no-border-bottom {
  border-bottom: 0 !important;
}
.margin_bottom_0 {
  margin-bottom: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid #ddd !important;
}
.vld_class.status_drpdwn.special-magic-function {
  min-width: 62px;
}
.vld_class.status_drpdwn.special-magic-function > span {
  color: #333;
  display: inline-block;
  font-size: 13px;
  padding-right: 6px;
}
.vld_class.status_drpdwn.special-magic-function > i.fa {
  font-size: 12px;
  position: relative;
  top: -3px;
}
i.fa.note_prgress_icn {
  color: #909090;
  font-size: 12px;
  cursor: pointer;
}
.csiq_magicButton .dropdown-menu .danger-btn {
  background-color: #ed5565;
  color: #fff !important;
  font-weight: 600 !important;
}
.csiq_magicButton .dropdown-menu .danger-btn:hover {
  background-color: #dd4555 !important;
}
.archive_close_icon {
  display: inline-block;
  font-size: 13px;
  padding: 0 1px;
  position: relative;
  top: 0;
}
.liveedit_citation > a {
  color: #333;
}
.npopctrl .at_relative {
  position: relative !important;
  bottom: 0 !important;
  float: none !important;
  top: -1px !important;
  padding: 0 7px;
}
.npopctrl .at_relative > ul.dropdown-menu {
  left: 8px !important;
  margin-right: 8px;
  min-width: 373px !important;
  padding: 3px;
  top: 25px !important;
}
.workflow_hdr {
  float: left;
  padding: 15px 0;
  width: 100%;
}
.ui_workflow_hdr {
  margin-top: 13px;
}
.judgmentProcess_uploadGroup > a:last-child {
  margin-right: 0;
}
.admin_workflow_sub_row {
  margin-bottom: 15px;
}
.admin_workflow_page_swtchr {
  margin-top: 3px;
}
.panel_heading {
  color: #505050;
  font-size: 14px;
  font-weight: 600;
  padding: 2px 0 8px;
  width: 100%;
}
#selected_for_reporting_form label.error,
#upload_new_appeal_datapoint_form label.error {
  font-weight: 400;
  margin-left: 0;
  margin-top: 5px;
}
.skin-1 .theme_border_top {
  border-top: 1px solid #d3d3d4 !important;
  border-left: 1px solid #d3d3d4 !important;
  border-right: 1px solid #d3d3d4 !important;
}
.skin-1 .theme_border_bottom {
  border-left: 1px solid #d3d3d4 !important;
  border-bottom: 1px solid #d3d3d4 !important;
  border-right: 1px solid #d3d3d4 !important;
}
.semi_strong {
  font-weight: 600 !important;
}
.unrptd_fixing_vrsn_stats .traffic_filters {
  right: 5px;
}
:root #pref_new_citation_valid_container {
  width: 100%;
}
#pref_new_citation_valid_container > .online_button {
  position: relative;
}
.chk_avlblty_5 {
  float: left;
  width: 100%;
}
.appeal-chain-item-main > ul.ews_ul > li > a,
.appeal_datapoint_newitem > ul.ews_ul > li > a {
  color: #676a6c !important;
  font-size: 13px;
}
.appeal-chain-item-main > ul.ews_ul > li > a:focus {
  background-color: #fff;
}
.width_auto {
  width: auto !important;
}
.appeal_member_ctrl {
  font-size: 14px !important;
  margin: 0 0 15px 0;
}
#judgment_upload_form .numeric-form-layout-main h4 {
  line-height: 24px;
}
.header_admin_header_ctrlbtns > span.dropdown-toggle {
  display: none;
}
.font_14 {
  font-size: 14px !important;
}
.grey_theme_btn {
  background-color: #e0e1e2 !important;
  color: rgba(0, 0, 0, 0.7) !important;
  border: 1px solid #d3d3d4 !important;
  font-size: 11px !important;
  padding: 1px 10px;
}
.grey_theme_btn:hover {
  background-color: #0e9aef !important;
  border-color: #0e9aef !important;
  color: #fff !important;
}
.grey_theme_btn:hover > i.fa {
  color: #fff !important;
}
.grey_theme_btn > i.fa {
  margin: 0;
}
.scroll-horizontal > span {
  font-weight: 600;
  letter-spacing: -3.5px;
  margin: 0 2px;
}
.btn-add-event.grey_theme_btn {
  border: 1px solid #d3d3d4 !important;
}
.email-content-subheading {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 100%;
}
.email-content-subheading > span,
.email-content-subheading > strong {
  display: inline-block;
  float: left;
  margin: 0;
}
.email-content-subheading > span {
  margin-top: 3px;
}
.unrptd_fixing_vrsn_stats {
  padding: 0 15px !important;
}
_:-ms-fullscreen,
:root .onof_switch_with_label {
  right: 140px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  ul.sidePanelUL ul.sidepanel_more > li {
    width: 100% !important;
  }
  .onof_switch_with_label {
    right: 140px;
  }
}
:root ul.sidePanelUL li {
  width: calc(100% / 4 - 0.5px) !important;
}
:root ul.sidePanelUL ul.sidepanel_more > li {
  width: 100% !important;
}
:root .pipeline_pipefy.pipeline_ul > li > a .number2.number {
  margin-top: 13px;
}
:root .onof_switch_with_label {
  right: 140px;
}
.time_box_sod_eod
  .split-view.split-view-horizontal.split-view-separator-border {
  height: calc(100vh - 268px) !important;
}
.sod_eod_edit_mode_active
  .split-view.split-view-horizontal.split-view-separator-border {
  height: calc(100vh - 230px) !important;
}
.single_date_picker {
  z-index: 99999 !important;
}
.single_date_picker .rdrCalendarWrapper {
  height: 330px;
}
body {
  font-family: 'Inter', "Segoe UI", sans-serif;
}
body,
html {
  background: #fff !important;
  height: 100%;
}
.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}
.wrap > .container {
  padding: 70px 15px 20px;
}
.footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}
.not-set {
  color: #c55;
  font-style: italic;
}
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding-left: 5px;
}
a.asc:after {
  content: "\e151";
}
a.desc:after {
  content: "\e152";
}
.sort-numerical a.asc:after {
  content: "\e153";
}
.sort-numerical a.desc:after {
  content: "\e154";
}
.sort-ordinal a.asc:after {
  content: "\e155";
}
.sort-ordinal a.desc:after {
  content: "\e156";
}
.grid-view td {
  white-space: nowrap;
}
.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}
.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}
.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}
.nav li > form > button.logout {
  padding: 15px;
  border: none;
}
@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
  }
}
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
  text-decoration: none;
}
.nav > li > form > button.logout:focus {
  outline: 0;
}
.modal-header .close.cst-quip-close {
  opacity: 0.3;
  font-size: 30px;
  line-height: 38px;
  position: relative;
  top: 10px;
  margin-top: -20px;
  width: 30px;
}
.custom-modal-body {
  max-height: 100%;
  height: auto;
  padding: 0;
}
.custom-modal-body .ibox-title {
  border-width: 1px 0 0;
}
.form-control {
  border: 1px solid #d1d1d1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 100;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
h3,
h4,
h5 {
  margin-top: 5px;
  font-weight: 600;
}
.nav > li > a {
  color: #a7b1c2;
  font-weight: 600;
  padding: 14px 20px 14px 25px;
}
.nav.navbar-right > li > a {
  color: #999c9e;
}
.nav > li.active > a {
  color: #fff;
}
.navbar-default .nav > li > a:focus,
.navbar-default .nav > li > a:hover {
  background-color: #293846;
  color: #fff;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background: #fff;
}
.nav.navbar-top-links > li > a:focus,
.nav.navbar-top-links > li > a:hover {
  background-color: transparent;
}
.nav > li > a i {
  margin-right: 6px;
}
.navbar {
  border: 0;
}
.navbar-default {
  background-color: transparent;
  border-color: #2f4050;
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 40px;
}
.body-small .navbar-top-links li:last-child {
  margin-right: 0;
}
.navbar-top-links li a {
  padding: 20px 10px;
  min-height: 50px;
}
.dropdown-menu {
  border: medium none;
  border-radius: 6px;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 999999;
}
.dropdown-menu > li > a {
  border-radius: 3px;
  color: inherit;
  line-height: 25px;
  margin: 4px;
  text-align: left;
  font-weight: 400;
}
.dropdown-menu > li > a.font-bold {
  font-weight: 600;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-alerts,
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}
.dropdown-alerts,
.dropdown-messages {
  padding: 10px 10px 10px 10px;
}
.dropdown-alerts li a,
.dropdown-messages li a {
  font-size: 12px;
}
.dropdown-alerts li em,
.dropdown-messages li em {
  font-size: 10px;
}
.nav.navbar-top-links .dropdown-alerts a {
  font-size: 12px;
}
.pace-done .nav-header {
  transition: all 0.4s;
}
.nav > li.active {
  border-left: 4px solid #19aa8d;
  background: #293846;
}
.nav.nav-second-level > li.active {
  border: none;
}
.nav-header a {
  color: #dfe4ed;
}
.nav-header .text-muted {
  color: #8095a8;
}
.minimalize-styl-2 {
  padding: 4px 12px;
  margin: 14px 5px 5px 20px;
  font-size: 14px;
  float: left;
}
.navbar-form-custom {
  float: left;
  height: 50px;
  padding: 0;
  width: 200px;
  display: inline-table;
}
.navbar-form-custom .form-group {
  margin-bottom: 0;
}
.nav.navbar-top-links a {
  font-size: 14px;
}
.navbar-form-custom .form-control {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  font-size: 14px;
  height: 60px;
  margin: 0;
  z-index: 2000;
}
.count-info .label {
  line-height: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 6px;
  top: 12px;
}
.arrow {
  float: right;
}
.fa.arrow:before {
  content: "\f104";
}
.active > a > .fa.arrow:before {
  content: "\f107";
}
.nav-second-level li,
.nav-third-level li {
  border-bottom: none !important;
}
.nav-second-level li a {
  padding: 7px 10px 7px 10px;
  padding-left: 52px;
}
.nav-third-level li a {
  padding-left: 62px;
}
.nav-second-level li:last-child {
  margin-bottom: 10px;
}
.mini-navbar .nav li:focus > .nav-second-level,
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar
  .nav
  li:hover
  > .nav-second-level {
  display: block;
  border-radius: 0 2px 2px 0;
  min-width: 140px;
  height: auto;
}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 12px;
  border-radius: 3px;
}
.fixed-nav .slimScrollDiv #side-menu {
  padding-bottom: 60px;
}
.mini-navbar .nav-second-level li a {
  padding: 10px 10px 10px 15px;
}
.mini-navbar .nav-second-level {
  position: absolute;
  left: 55px;
  top: 0;
  background-color: #2f4050;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
}
.canvas-menu.mini-navbar .nav-second-level {
  background: #293846;
}
.mini-navbar li.active .nav-second-level {
  left: 65px;
}
.navbar-default .special_link a {
  background: #1ab394;
  color: #fff;
}
.navbar-default .special_link a:hover {
  background: #17987e !important;
  color: #fff;
}
.navbar-default .special_link a span.label {
  background: #fff;
  color: #1ab394;
}
.navbar-default .landing_link a {
  background: #1cc09f;
  color: #fff;
}
.navbar-default .landing_link a:hover {
  background: #1ab394 !important;
  color: #fff;
}
.navbar-default .landing_link a span.label {
  background: #fff;
  color: #1cc09f;
}
.logo-element {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  display: none;
  padding: 18px 0;
}
.pace-done #page-wrapper,
.pace-done .footer,
.pace-done .nav-header,
.pace-done .navbar-static-side,
.pace-done li.active {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.navbar-fixed-top {
  background: #fff;
  transition-duration: 0.4s;
  border-bottom: 1px solid #e7eaec !important;
  z-index: 2030;
}
.navbar-fixed-top,
.navbar-static-top {
  background: #f3f3f4;
}
.fixed-nav #wrapper {
  margin-top: 0;
}
body.fixed-nav #wrapper #page-wrapper,
body.fixed-nav #wrapper .navbar-static-side {
  margin-top: 60px;
}
body.top-navigation.fixed-nav #wrapper #page-wrapper {
  margin-top: 0;
}
body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
  left: 220px;
}
body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
  left: 70px;
}
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
  left: 0;
}
body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
  margin-top: 0;
}
body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
  left: 0;
}
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small
  .navbar-fixed-top {
  left: 220px;
}
.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px;
}
.body-small .navbar-fixed-top {
  margin-left: 0;
}
body.mini-navbar .navbar-static-side {
  width: 70px;
}
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span,
body.mini-navbar .profile-element {
  display: none;
}
body.canvas-menu .profile-element {
  display: block;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
  display: none;
}
body.mini-navbar .navbar-default .nav > li > a {
  font-size: 16px;
}
body.mini-navbar .logo-element {
  display: block;
}
body.canvas-menu .logo-element {
  display: none;
}
body.mini-navbar .nav-header {
  padding: 0;
  background-color: #1ab394;
}
body.canvas-menu .nav-header {
  padding: 33px 25px;
}
body.mini-navbar #page-wrapper {
  margin: 0 0 0 55px;
}
body.canvas-menu.mini-navbar .footer,
body.fixed-sidebar.mini-navbar .footer {
  margin: 0 !important;
}
body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar .footer {
  margin: 0;
}
body.canvas-menu .navbar-static-side,
body.fixed-sidebar .navbar-static-side {
  position: fixed;
  width: 220px;
  z-index: 2001;
  height: 100%;
}
body.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 0;
}
body.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0;
}
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 220px;
}
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 220px;
}
.canvas-menu.mini-navbar .nav li:focus > .nav-second-level,
.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level {
  display: block;
  height: auto;
}
body.fixed-sidebar.mini-navbar
  .navbar-default
  .nav
  > li
  > .nav-second-level
  li
  a {
  font-size: 12px;
  border-radius: 3px;
}
body.canvas-menu.mini-navbar
  .navbar-default
  .nav
  > li
  > .nav-second-level
  li
  a {
  font-size: 13px;
  border-radius: 3px;
}
.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
  padding: 10px 10px 10px 15px;
}
.canvas-menu.mini-navbar .nav-second-level,
.fixed-sidebar.mini-navbar .nav-second-level {
  position: relative;
  padding: 0;
  font-size: 13px;
}
.canvas-menu.mini-navbar li.active .nav-second-level,
.fixed-sidebar.mini-navbar li.active .nav-second-level {
  left: 0;
}
body.canvas-menu.mini-navbar .navbar-default .nav > li > a,
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a {
  font-size: 13px;
}
body.canvas-menu.mini-navbar .nav-label,
body.canvas-menu.mini-navbar .navbar-default .nav li a span,
body.fixed-sidebar.mini-navbar .nav-label,
body.fixed-sidebar.mini-navbar .navbar-default .nav li a span {
  display: inline;
}
body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
  display: block;
}
.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
  padding: 7px 10px 7px 52px;
}
.canvas-menu.mini-navbar .nav-second-level,
.fixed-sidebar.mini-navbar .nav-second-level {
  left: 0;
}
body.canvas-menu nav.navbar-static-side {
  z-index: 2001;
  background: #2f4050;
  height: 100%;
  position: fixed;
  display: none;
}
body.canvas-menu.mini-navbar nav.navbar-static-side {
  display: block;
  width: 220px;
}
.top-navigation #page-wrapper {
  margin-left: 0;
}
.top-navigation .navbar-nav .dropdown-menu > .active > a {
  background: #fff;
  color: #1ab394;
  font-weight: 700;
}
.white-bg .navbar-fixed-top,
.white-bg .navbar-static-top {
  background: #fff;
}
.top-navigation .navbar {
  margin-bottom: 0;
}
.top-navigation .nav > li > a {
  padding: 15px 20px;
  color: #676a6c;
}
.top-navigation .nav > li a:focus,
.top-navigation .nav > li a:hover {
  background: #fff;
  color: #1ab394;
}
.top-navigation .nav > li.active {
  background: #fff;
  border: none;
}
.top-navigation .nav > li.active > a {
  color: #1ab394;
}
.top-navigation .navbar-right {
  margin-right: 10px;
}
.top-navigation .navbar-nav .dropdown-menu {
  box-shadow: none;
  border: 1px solid #e7eaec;
}
.top-navigation .dropdown-menu > li > a {
  margin: 0;
  padding: 7px 20px;
}
.navbar .dropdown-menu {
  margin-top: 0;
}
.top-navigation .navbar-brand {
  background: #1ab394;
  color: #fff;
  padding: 15px 25px;
}
.top-navigation .navbar-top-links li:last-child {
  margin-right: 0;
}
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.top-navigation.mini-navbar #page-wrapper {
  margin: 0;
}
.fixed-nav #wrapper.top-navigation,
.top-navigation.fixed-nav #wrapper {
  margin-top: 50px;
}
.top-navigation .footer.fixed {
  margin-left: 0 !important;
}
.top-navigation .wrapper.wrapper-content {
  padding: 40px;
}
.body-small .top-navigation .wrapper.wrapper-content,
.top-navigation.body-small .wrapper.wrapper-content {
  padding: 40px 0 40px 0;
}
.navbar-toggle {
  background-color: #1ab394;
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
}
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header,
.top-navigation .navbar-nav .open .dropdown-menu > li > a {
  padding: 10px 15px 10px 20px;
}
@media (max-width: 768px) {
  .top-navigation .navbar-header {
    display: block;
    float: none;
  }
}
.menu-visible-lg,
.menu-visible-md {
  display: none !important;
}
@media (min-width: 1200px) {
  .menu-visible-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .menu-visible-md {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .menu-visible-md {
    display: block !important;
  }
  .menu-visible-lg {
    display: block !important;
  }
}
.btn {
  border-radius: 3px;
}
.float-e-margins .btn {
  margin-bottom: 5px;
}
.btn-w-m {
  min-width: 120px;
}
.btn-primary.btn-outline {
  color: #0e9aef;
}
.btn-success.btn-outline {
  color: #1c84c6;
}
.btn-info.btn-outline {
  color: #23c6c8;
}
.btn-warning.btn-outline {
  color: #f8ac59;
}
.btn-danger.btn-outline {
  color: #ed5565;
}
.btn-danger.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-warning.btn-outline:hover {
  color: #fff;
}
.btn-primary {
  background-color: #0e9aef;
  border-color: #0e9aef;
  color: #fff;
}
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
  background-color: #1a7bb9;
  border-color: #1a7bb9;
  color: #fff;
}
.btn-primary.active,
.btn-primary:active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.active[disabled],
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #0e9aef;
  border-color: #0e9aef;
}
.btn-success {
  background-color: #0e9aef;
  border-color: #0e9aef;
  color: #fff;
}
.btn-success.active,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
  background-color: #1a7bb9 !important;
  border-color: #1a7bb9 !important;
  color: #fff;
}
.btn-success.active,
.btn-success:active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.active[disabled],
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #1f90d8 !important;
  border-color: #1f90d8 !important;
}
.btn-info {
  background-color: #23c6c8;
  border-color: #23c6c8;
  color: #fff;
}
.btn-info.active,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
  background-color: #21b9bb;
  border-color: #21b9bb;
  color: #fff;
}
.btn-info.active,
.btn-info:active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.active[disabled],
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #26d7d9;
  border-color: #26d7d9;
}
.btn-default {
  color: inherit;
  background: #fff;
  border: 1px solid #e7eaec;
}
.btn-default.active,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
  color: inherit;
  border: 1px solid #d2d2d2;
}
.btn-default.active,
.btn-default:active,
.open .dropdown-toggle.btn-default {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-default.active[disabled],
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  color: #cacaca;
  background: #465369 !important;
  border: 1px solid transparent !important;
}
.btn-warning {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #fff;
}
.btn-warning.active,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.btn-warning:focus,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
  background-color: #f7a54a;
  border-color: #f7a54a;
  color: #fff;
}
.btn-warning.active,
.btn-warning:active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.active[disabled],
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-color: #f9b66d;
  border-color: #f9b66d;
}
.btn-danger {
  background-color: #ed5565;
  border-color: #ed5565;
  color: #fff;
}
.btn-danger.active,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger:focus,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
  background-color: #ec4758;
  border-color: #ec4758;
  color: #fff;
}
.btn-danger.active,
.btn-danger:active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.active[disabled],
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-color: #ef6776;
  border-color: #ef6776;
}
.btn-link {
  color: inherit;
}
.btn-link.active,
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.open .dropdown-toggle.btn-link {
  color: #1ab394;
  text-decoration: none;
}
.btn-link.active,
.btn-link:active,
.open .dropdown-toggle.btn-link {
  background-image: none;
}
.btn-link.active[disabled],
.btn-link.disabled,
.btn-link.disabled.active,
.btn-link.disabled:active,
.btn-link.disabled:focus,
.btn-link.disabled:hover,
.btn-link[disabled],
.btn-link[disabled]:active,
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link.active,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #cacaca;
}
.btn-white {
  color: inherit;
  background: #fff;
  border: 1px solid #e7eaec;
}
.btn-white.active,
.btn-white.active:focus,
.btn-white.active:hover,
.btn-white:active,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white:focus,
.btn-white:hover,
.open .dropdown-toggle.btn-white {
  color: inherit;
  border: 1px solid #d2d2d2;
}
.btn-white.active,
.btn-white:active {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-white.active,
.btn-white:active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}
.btn-white.active[disabled],
.btn-white.disabled,
.btn-white.disabled.active,
.btn-white.disabled:active,
.btn-white.disabled:focus,
.btn-white.disabled:hover,
.btn-white[disabled],
.btn-white[disabled]:active,
.btn-white[disabled]:focus,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white.active,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:hover {
  color: #cacaca;
}
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
  box-shadow: none;
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all 0.5s;
}
.btn-rounded {
  border-radius: 50px;
}
.btn-large-dim {
  width: 90px;
  height: 90px;
  font-size: 42px;
}
button.dim {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding-top: 6px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 600;
  margin-bottom: 20px !important;
}
button.dim:active {
  top: 3px;
}
button.btn-primary.dim {
  box-shadow:
    inset 0 0 0 #16987e,
    0 5px 0 0 #16987e,
    0 10px 5px #999;
}
button.btn-primary.dim:active {
  box-shadow:
    inset 0 0 0 #16987e,
    0 2px 0 0 #16987e,
    0 5px 3px #999;
}
button.btn-default.dim {
  box-shadow:
    inset 0 0 0 #b3b3b3,
    0 5px 0 0 #b3b3b3,
    0 10px 5px #999;
}
button.btn-default.dim:active {
  box-shadow:
    inset 0 0 0 #b3b3b3,
    0 2px 0 0 #b3b3b3,
    0 5px 3px #999;
}
button.btn-warning.dim {
  box-shadow:
    inset 0 0 0 #f79d3c,
    0 5px 0 0 #f79d3c,
    0 10px 5px #999;
}
button.btn-warning.dim:active {
  box-shadow:
    inset 0 0 0 #f79d3c,
    0 2px 0 0 #f79d3c,
    0 5px 3px #999;
}
button.btn-info.dim {
  box-shadow:
    inset 0 0 0 #1eacae,
    0 5px 0 0 #1eacae,
    0 10px 5px #999;
}
button.btn-info.dim:active {
  box-shadow:
    inset 0 0 0 #1eacae,
    0 2px 0 0 #1eacae,
    0 5px 3px #999;
}
button.btn-success.dim {
  box-shadow:
    inset 0 0 0 #1872ab,
    0 5px 0 0 #1872ab,
    0 10px 5px #999;
}
button.btn-success.dim:active {
  box-shadow:
    inset 0 0 0 #1872ab,
    0 2px 0 0 #1872ab,
    0 5px 3px #999;
}
button.btn-danger.dim {
  box-shadow:
    inset 0 0 0 #ea394c,
    0 5px 0 0 #ea394c,
    0 10px 5px #999;
}
button.btn-danger.dim:active {
  box-shadow:
    inset 0 0 0 #ea394c,
    0 2px 0 0 #ea394c,
    0 5px 3px #999;
}
button.dim:before {
  font-size: 50px;
  line-height: 1em;
  font-weight: 400;
  color: #fff;
  display: block;
  padding-top: 10px;
}
button.dim:active:before {
  top: 7px;
  font-size: 50px;
}
.btn:focus {
  outline: 0 !important;
}
.label {
  background-color: #d1dade;
  color: #5e5e5e;
  font-family: 'Inter', "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  text-shadow: none;
}
.badge {
  background-color: #d1dade;
  color: #5e5e5e;
  font-family: 'Inter', "Segoe UI", sans-serif;
  font-size: 11px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-shadow: none;
}
.badge-primary,
.label-primary {
  background-color: #1ab394;
  color: #fff;
}
.badge-success,
.label-success {
  background-color: #1c84c6;
  color: #fff;
}
.badge-warning,
.label-warning {
  background-color: #f8ac59;
  color: #fff;
}
.badge-warning-light,
.label-warning-light {
  background-color: #f8ac59;
  color: #fff;
}
.badge-danger,
.label-danger {
  background-color: #ed5565;
  color: #fff;
}
.badge-info,
.label-info {
  background-color: #23c6c8;
  color: #fff;
}
.badge-inverse,
.label-inverse {
  background-color: #262626;
  color: #fff;
}
.badge-white,
.label-white {
  background-color: #fff;
  color: #5e5e5e;
}
.badge-disable,
.label-white {
  background-color: #2a2e36;
  color: #8b91a0;
}
.onoffswitch {
  position: relative;
  width: 64px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #1ab394;
  border-radius: 2px;
}
.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:after,
.onoffswitch-inner:before {
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: 700;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #1ab394;
  color: #fff;
}
.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #fff;
  color: #999;
  text-align: right;
}
.onoffswitch-switch {
  width: 20px;
  margin: 0;
  background: #fff;
  border: 2px solid #1ab394;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 44px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}
.chosen-container-single .chosen-single {
  background: #fff;
  box-shadow: none;
  -moz-box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #cbd5dd;
  border-radius: 2px;
  cursor: text;
  height: auto !important;
  margin: 0;
  min-height: 30px;
  overflow: hidden;
  padding: 4px 12px;
  position: relative;
  width: 100%;
}
.chosen-container-multi .chosen-choices li.search-choice {
  background: #f1f1f1;
  border: 1px solid #ededed;
  border-radius: 2px;
  box-shadow: none;
  color: #333;
  cursor: default;
  line-height: 13px;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  position: relative;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #f4f4f4;
  border-color: #ddd;
  color: inherit;
  cursor: default;
  z-index: 2;
}
.pagination > li > a,
.pagination > li > span {
  background-color: #fff;
  border: 1px solid #ddd;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
}
.tooltip-inner {
  background-color: #000;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #000;
}
.easypiechart {
  position: relative;
  text-align: center;
}
.easypiechart .h2 {
  margin-left: 10px;
  margin-top: 10px;
  display: inline-block;
}
.easypiechart canvas {
  top: 0;
  left: 0;
}
.easypiechart .easypie-text {
  line-height: 1;
  position: absolute;
  top: 33px;
  width: 100%;
  z-index: 1;
}
.easypiechart img {
  margin-top: -4px;
}
.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-state-default {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat-x;
  box-shadow: none;
  color: #333;
  text-shadow: none;
}
.fc-state-default {
  border: 1px solid;
}
.fc-button {
  color: inherit;
  border: 1px solid #e7eaec;
  cursor: pointer;
  display: inline-block;
  height: 1.9em;
  line-height: 1.9em;
  overflow: hidden;
  padding: 0 0.6em;
  position: relative;
  white-space: nowrap;
}
.fc-state-active {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #fff;
}
.fc-header-title h2 {
  font-size: 16px;
  font-weight: 600;
  color: inherit;
}
.fc-content .fc-widget-content,
.fc-content .fc-widget-header {
  border-color: #e7eaec;
  font-weight: 400;
}
.fc-border-separate tbody {
  background-color: #f8f8f8;
}
.fc-state-highlight {
  background: none repeat scroll 0 0 #fcf8e3;
}
.external-event {
  padding: 5px 10px;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 5px;
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-radius: 2px;
}
.fc-agenda .fc-event-time,
.fc-event,
.fc-event a {
  padding: 4px 6px;
  background-color: #1ab394;
  border-color: #1ab394;
}
.fc-event-time,
.fc-event-title {
  color: #717171;
  padding: 0 1px;
}
.ui-calendar .fc-event-time,
.ui-calendar .fc-event-title {
  color: #fff;
}
.chat-activity-list .chat-element {
  border-bottom: 1px solid #e7eaec;
}
.chat-element:first-child {
  margin-top: 0;
}
.chat-element {
  padding-bottom: 15px;
}
.chat-element,
.chat-element .media {
  margin-top: 15px;
}
.chat-element,
.media-body {
  overflow: hidden;
}
.media-body {
  display: block;
  width: auto;
}
.chat-element > .pull-left {
  margin-right: 10px;
}
.chat-element img.img-circle,
.dropdown-messages-box img.img-circle {
  width: 38px;
  height: 38px;
}
.chat-element .well {
  border: 1px solid #e7eaec;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px 20px;
  font-size: 11px;
  line-height: 16px;
}
.chat-element .actions {
  margin-top: 10px;
}
.chat-element .photos {
  margin: 10px 0;
}
.right.chat-element > .pull-right {
  margin-left: 10px;
}
.chat-photo {
  max-height: 180px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}
.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #b3a9a9;
}
.chat li.left .chat-body {
  margin-left: 60px;
}
.chat li.right .chat-body {
  margin-right: 60px;
}
.chat li .chat-body p {
  margin: 0;
  color: #777;
}
.chat .glyphicon,
.panel .slidedown .glyphicon {
  margin-right: 5px;
}
.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}
a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #fff;
  z-index: 2;
}
.list-group-item-heading {
  margin-top: 10px;
}
.list-group-item-text {
  margin: 0 0 10px;
  color: inherit;
  font-size: 12px;
  line-height: inherit;
}
.no-padding .list-group-item {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.no-padding .list-group-item:first-child {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none;
}
.no-padding .list-group {
  margin-bottom: 0;
}
.list-group-item {
  background-color: inherit;
  border: 1px solid #e7eaec;
  display: block;
  margin-bottom: -1px;
  padding: 10px 15px;
  position: relative;
}
.elements-list .list-group-item {
  border-left: none;
  border-right: none;
  padding: 15px 25px;
}
.elements-list .list-group-item:first-child {
  border-left: none;
  border-right: none;
  border-top: none !important;
}
.elements-list .list-group {
  margin-bottom: 0;
}
.elements-list a {
  color: inherit;
}
.elements-list .list-group-item.active,
.elements-list .list-group-item:hover {
  background: #f3f3f4;
  color: inherit;
  border-color: #e7eaec;
  border-radius: 0;
}
.elements-list li.active {
  transition: none;
}
.element-detail-box {
  padding: 25px;
}
.flot-chart {
  display: block;
  height: 200px;
}
.widget .flot-chart.dashboard-chart {
  display: block;
  height: 120px;
  margin-top: 40px;
}
.flot-chart.dashboard-chart {
  display: block;
  height: 180px;
  margin-top: 40px;
}
.flot-chart-content {
  width: 100%;
  height: 100%;
}
.flot-chart-pie-content {
  width: 200px;
  height: 200px;
  margin: auto;
}
.jqstooltip {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  visibility: hidden;
  background: #2b303a;
  background-color: rgba(43, 48, 58, 0.8);
  color: #fff;
  text-align: left;
  white-space: nowrap;
  z-index: 10000;
  padding: 5px 5px 5px 5px;
  min-height: 22px;
  border-radius: 3px;
}
.jqsfield {
  color: #fff;
  text-align: left;
}
.fh-150 {
  height: 150px;
}
.fh-200 {
  height: 200px;
}
.h-150 {
  min-height: 150px;
}
.h-200 {
  min-height: 200px;
}
.legendLabel {
  padding-left: 5px;
}
.stat-list li:first-child {
  margin-top: 0;
}
.stat-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.stat-percent {
  float: right;
}
.stat-list li {
  margin-top: 15px;
  position: relative;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
  background: 0 0;
}
.dataTables_wrapper {
  padding-bottom: 30px;
}
.dataTables_length {
  float: left;
}
.dataTables_filter label {
  margin-right: 5px;
}
.html5buttons {
  float: right;
}
.html5buttons a {
  border: 1px solid #e7eaec;
  background: #fff;
  color: #676a6c;
  box-shadow: none;
  padding: 6px 8px;
  font-size: 12px;
}
.html5buttons a:focus:active,
.html5buttons a:hover {
  background-color: #eee;
  color: inherit;
  border-color: #d2d2d2;
}
div.dt-button-info {
  z-index: 100;
}
@media (max-width: 768px) {
  .html5buttons {
    float: none;
    margin-top: 10px;
  }
  .dataTables_length {
    float: none;
  }
}
.img-circle {
  border-radius: 50%;
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.css-animation-box h1 {
  font-size: 44px;
}
.animation-efect-links a {
  padding: 4px 6px;
  font-size: 12px;
}
#animation_box {
  background-color: #f9f8f8;
  border-radius: 16px;
  width: 80%;
  margin: 0 auto;
  padding-top: 80px;
}
.animation-text-box {
  position: absolute;
  margin-top: 40px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
}
.animation-text-info {
  position: absolute;
  margin-top: -60px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  font-size: 10px;
}
.animation-text-box h2 {
  font-size: 54px;
  font-weight: 600;
  margin-bottom: 5px;
}
.animation-text-box p {
  font-size: 12px;
  text-transform: uppercase;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #1ab394;
  position: fixed;
  z-index: 2040;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
.pace-inactive {
  display: none;
}
.widget {
  border-radius: 5px;
  padding: 15px 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.widget.style1 h2 {
  font-size: 30px;
}
.widget h2,
.widget h3 {
  margin-top: 5px;
  margin-bottom: 0;
}
.widget-text-box {
  padding: 20px;
  border: 1px solid #e7eaec;
  background: #fff;
}
.widget-head-color-box {
  border-radius: 5px 5px 0 0;
  margin-top: 10px;
}
.widget .flot-chart {
  height: 100px;
}
.vertical-align div {
  display: inline-block;
  vertical-align: middle;
}
.vertical-align h2,
.vertical-align h3 {
  margin: 0;
}
.todo-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.todo-list.small-list {
  font-size: 12px;
}
.todo-list.small-list > li {
  background: #f3f3f4;
  border-left: none;
  border-right: none;
  border-radius: 4px;
  color: inherit;
  margin-bottom: 2px;
  padding: 6px 6px 6px 12px;
}
.todo-list.small-list .btn-group-xs > .btn,
.todo-list.small-list .btn-xs {
  border-radius: 5px;
  font-size: 10px;
  line-height: 1.5;
  padding: 1px 2px 1px 5px;
}
.todo-list > li {
  background: #f3f3f4;
  border-left: 6px solid #e7eaec;
  border-right: 6px solid #e7eaec;
  border-radius: 4px;
  color: inherit;
  margin-bottom: 2px;
  padding: 10px;
}
.todo-list .handle {
  cursor: move;
  display: inline-block;
  font-size: 16px;
  margin: 0 5px;
}
.todo-list > li .label {
  font-size: 9px;
  margin-left: 10px;
}
.check-link {
  font-size: 16px;
}
.todo-completed {
  text-decoration: line-through;
}
.geo-statistic h1 {
  font-size: 36px;
  margin-bottom: 0;
}
.glyphicon.fa {
  font-family: FontAwesome;
}
.inline {
  display: inline-block !important;
}
.input-s-sm {
  width: 120px;
}
.input-s {
  width: 200px;
}
.input-s-lg {
  width: 250px;
}
.i-checks {
  padding-left: 0;
}
.form-control,
.single-line {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
  height: 36px;
}
.form-control:focus,
.single-line:focus {
  border-color: #0e9aef !important;
}
.has-success .form-control {
  border-color: #1ab394;
}
.has-warning .form-control {
  border-color: #f8ac59;
}
.has-error .form-control {
  border-color: #f15866;
}
.has-success .control-label {
  color: #1ab394;
}
.has-warning .control-label {
  color: #f8ac59;
}
.has-error .control-label {
  color: #ed5565;
}
.input-group-addon {
  background-color: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
}
.spinner-buttons.input-group-btn .btn-xs {
  line-height: 1.13;
}
.spinner-buttons.input-group-btn {
  width: 20%;
}
.noUi-connect {
  background: none repeat scroll 0 0 #1ab394;
  box-shadow: none;
}
.slider_red .noUi-connect {
  background: none repeat scroll 0 0 #ed5565;
  box-shadow: none;
}
.ui-sortable .ibox-title {
  cursor: move;
}
.ui-sortable-placeholder {
  visibility: visible !important;
  background: #33495f;
}
.ibox.ui-sortable-placeholder {
  margin: 0 0 23px !important;
}
.onoffswitch {
  position: relative;
  width: 54px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #1ab394;
  border-radius: 3px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:after,
.onoffswitch-inner:before {
  display: block;
  float: left;
  width: 50%;
  height: 16px;
  padding: 0;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: 700;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "ON";
  padding-left: 7px;
  background-color: #1ab394;
  color: #fff;
}
.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 7px;
  background-color: #fff;
  color: #919191;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 0;
  background: #fff;
  border: 2px solid #1ab394;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}
.ui-jqgrid {
  -moz-box-sizing: content-box;
}
.ui-jqgrid-btable {
  border-collapse: separate;
}
.ui-jqgrid-htable {
  border-collapse: separate;
}
.ui-jqgrid-titlebar {
  height: 40px;
  line-height: 15px;
  color: #676a6c;
  background-color: #f9f9f9;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-jqgrid .ui-jqgrid-title {
  float: left;
  margin: 1.1em 1em 0.2em;
}
.ui-jqgrid .ui-jqgrid-titlebar {
  position: relative;
  border-left: 0 solid;
  border-right: 0 solid;
  border-top: 0 solid;
}
.ui-widget-header {
  background: 0 0;
  background-image: none;
  background-color: #f5f5f6;
  text-transform: uppercase;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ui-jqgrid tr.ui-row-ltr td {
  border-right-color: inherit;
  border-right-style: solid;
  border-right-width: 1px;
  text-align: left;
  border-color: #ddd;
  background-color: inherit;
}
.ui-search-toolbar input[type="text"] {
  font-size: 12px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #f9f9f9;
  border: 1px solid #ddd;
  line-height: 15px;
  font-weight: 700;
  color: #676a6c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-widget-content {
  box-sizing: content-box;
}
.ui-icon-triangle-1-n {
  background-position: 1px -16px;
}
.ui-jqgrid tr.ui-search-toolbar th {
  border-top-width: 0 !important;
  border-top-color: inherit !important;
  border-top-style: ridge !important;
}
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus {
  background: #f5f5f5;
  border-collapse: separate;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #f2fbff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ddd;
  background: #fff;
  font-weight: 400;
  color: #212121;
}
.ui-jqgrid .ui-pg-input {
  font-size: inherit;
  width: 50px;
  border: 1px solid #ccc;
  height: 15px;
}
.ui-jqgrid .ui-pg-selbox {
  display: block;
  font-size: 1em;
  height: 25px;
  line-height: 18px;
  margin: 0;
  width: auto;
}
.ui-jqgrid .ui-pager-control {
  position: relative;
}
.ui-jqgrid .ui-jqgrid-pager {
  height: 32px;
  position: relative;
}
.ui-pg-table .navtable .ui-corner-all {
  border-radius: 0;
}
.ui-jqgrid .ui-pg-button:hover {
  padding: 1px;
  border: 0;
}
.ui-jqgrid .loading {
  position: absolute;
  top: 45%;
  left: 45%;
  width: auto;
  height: auto;
  z-index: 101;
  padding: 6px;
  margin: 5px;
  text-align: center;
  font-weight: 700;
  display: none;
  border-width: 2px !important;
  font-size: 11px;
}
.ui-jqgrid .form-control {
  height: 10px;
  width: auto;
  display: inline;
  padding: 10px 12px;
}
.ui-jqgrid-pager {
  height: 32px;
}
.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
  border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
  border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
  border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
  border-bottom-right-radius: 0;
}
.ui-widget-content {
  border: 1px solid #ddd;
}
.ui-jqgrid .ui-jqgrid-titlebar {
  padding: 0;
}
.ui-jqgrid .ui-jqgrid-titlebar {
  border-bottom: 1px solid #ddd;
}
.ui-jqgrid tr.jqgrow td {
  padding: 6px;
}
.ui-jqdialog .ui-jqdialog-titlebar {
  padding: 10px 10px;
}
.ui-jqdialog .ui-jqdialog-title {
  float: none !important;
}
.ui-jqdialog > .ui-resizable-se {
  position: absolute;
}
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}
.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dd-list .dd-list {
  padding-left: 30px;
}
.dd-collapsed .dd-list {
  display: none;
}
.dd-empty,
.dd-item,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.dd-handle {
  display: block;
  margin: 5px 0;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  border: 1px solid #e7eaec;
  background: #f5f5f5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-handle span {
  font-weight: 700;
}
.dd-handle:hover {
  background: #f0f0f0;
  cursor: pointer;
  font-weight: 700;
}
.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: 0 0;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: 700;
}
.dd-item > button:before {
  content: "+";
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
  content: "-";
}
#nestable2 .dd-item > button {
  font-family: FontAwesome;
  height: 34px;
  width: 33px;
  color: #c1c1c1;
}
#nestable2 .dd-item > button:before {
  content: "\f067";
}
#nestable2 .dd-item > button[data-action="collapse"]:before {
  content: "\f068";
}
.dd-empty,
.dd-placeholder {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image:
    -webkit-linear-gradient(
      45deg,
      #fff 25%,
      transparent 25%,
      transparent 75%,
      #fff 75%,
      #fff
    ),
    -webkit-linear-gradient(
        45deg,
        #fff 25%,
        transparent 25%,
        transparent 75%,
        #fff 75%,
        #fff
      );
  background-image:
    -moz-linear-gradient(
      45deg,
      #fff 25%,
      transparent 25%,
      transparent 75%,
      #fff 75%,
      #fff
    ),
    -moz-linear-gradient(
        45deg,
        #fff 25%,
        transparent 25%,
        transparent 75%,
        #fff 75%,
        #fff
      );
  background-image:
    linear-gradient(
      45deg,
      #fff 25%,
      transparent 25%,
      transparent 75%,
      #fff 75%,
      #fff
    ),
    linear-gradient(
      45deg,
      #fff 25%,
      transparent 25%,
      transparent 75%,
      #fff 75%,
      #fff
    );
  background-size: 60px 60px;
  background-position:
    0 0,
    30px 30px;
}
.dd-dragel {
  position: absolute;
  z-index: 9999;
  pointer-events: none;
}
.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}
.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
#nestable-menu {
  padding: 0;
  margin: 10px 0 20px 0;
}
#nestable-output,
#nestable2-output {
  width: 100%;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family:
    open sans,
    lucida grande,
    lucida sans unicode,
    helvetica,
    arial,
    sans-serif;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#nestable2 .dd-handle {
  color: inherit;
  border: 1px dashed #e7eaec;
  background: #f3f3f4;
  padding: 10px;
}
#nestable2 span.label {
  margin-right: 10px;
}
#nestable-output,
#nestable2-output {
  font-size: 12px;
  padding: 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.CodeMirror {
  border: 1px solid #eee;
  height: auto;
}
.CodeMirror-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}
.google-map {
  height: 300px;
}
label.error {
  color: #cc5965;
  display: inline-block;
  margin-left: 5px;
}
.form-control.error {
  border: 1px dotted #cc5965;
}
.gridStyle {
  border: 1px solid #d4d4d4;
  width: 100%;
  height: 400px;
}
.gridStyle2 {
  border: 1px solid #d4d4d4;
  width: 500px;
  height: 300px;
}
.ngH eaderCell {
  border-right: none;
  border-bottom: 1px solid #e7eaec;
}
.ngCell {
  border-right: none;
}
.ngTopPanel {
  background: #f5f5f6;
}
.ngRow.even {
  background: #f9f9f9;
}
.ngRow.selected {
  background: #ebf2f1;
}
.ngRow {
  border-bottom: 1px solid #e7eaec;
}
.ngCell {
  background-color: transparent;
}
.ngHeaderCell {
  border-right: none;
}
#toast-container > .toast {
  background-image: none !important;
}
#toast-container > .toast:before {
  position: fixed;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
  float: left;
  color: #fff;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em;
}
#toast-container > .toast-warning:before {
  content: "\f0e7";
}
#toast-container > .toast-error:before {
  content: "\f071";
}
#toast-container > .toast-info:before {
  content: "\f005";
}
#toast-container > .toast-success:before {
  content: "\f00C";
}
#toast-container > div {
  -moz-box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999;
  opacity: 0.9;
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 4px #999;
  -webkit-box-shadow: 0 0 4px #999;
  box-shadow: 0 0 4px #999;
  opacity: 1;
  cursor: pointer;
}
.toast {
  background-color: #1ab394;
}
.toast-success {
  background-color: #1ab394;
}
.toast-error {
  background-color: #ed5565;
}
.toast-info {
  background-color: #23c6c8;
}
.toast-warning {
  background-color: #f8ac59;
}
.toast-top-full-width {
  margin-top: 20px;
}
.toast-bottom-full-width {
  margin-bottom: 20px;
}
.cg-notify-message.caseiq-notify {
  background: #fff;
  padding: 0;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:
    0 0 1px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:
    0 0 1px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.2);
  border: none;
  margin-top: 30px;
  color: inherit;
}
.caseiq-notify.alert-warning {
  border-left: 6px solid #f8ac59;
}
.caseiq-notify.alert-success {
  border-left: 6px solid #1c84c6;
}
.caseiq-notify.alert-danger {
  border-left: 6px solid #ed5565;
}
.caseiq-notify.alert-info {
  border-left: 6px solid #1ab394;
}
.img-container,
.img-preview {
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.img-preview-sm {
  height: 130px;
  width: 200px;
}
.forum-post-container .media {
  margin: 10px 10px 10px 10px;
  padding: 20px 10px 20px 10px;
  border-bottom: 1px solid #f1f1f1;
}
.forum-avatar {
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 110px;
}
.forum-avatar .img-circle {
  height: 48px;
  width: 48px;
}
.author-info {
  color: #676a6c;
  font-size: 11px;
  margin-top: 5px;
  text-align: center;
}
.forum-post-info {
  padding: 9px 12px 6px 12px;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
}
.media-body > .media {
  background: #f9f9f9;
  border-radius: 3px;
  border: 1px solid #f1f1f1;
}
.forum-post-container .media-body .photos {
  margin: 10px 0;
}
.forum-photo {
  max-width: 140px;
  border-radius: 3px;
}
.media-body > .media .forum-avatar {
  width: 70px;
  margin-right: 10px;
}
.media-body > .media .forum-avatar .img-circle {
  height: 38px;
  width: 38px;
}
.mid-icon {
  font-size: 66px;
}
.forum-item {
  margin: 10px 0;
  padding: 10px 0 20px;
  border-bottom: 1px solid #f1f1f1;
}
.views-number {
  font-size: 24px;
  line-height: 18px;
  font-weight: 400;
}
.forum-container,
.forum-post-container {
  padding: 30px !important;
}
.forum-item small {
  color: #999;
}
.forum-item .forum-sub-title {
  color: #999;
  margin-left: 50px;
}
.forum-title {
  margin: 15px 0 15px 0;
}
.forum-info {
  text-align: center;
}
.forum-desc {
  color: #999;
}
.forum-icon {
  float: left;
  width: 30px;
  margin-right: 20px;
  text-align: center;
}
a.forum-item-title {
  color: inherit;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
a.forum-item-title:hover {
  color: inherit;
}
.forum-icon .fa {
  font-size: 30px;
  margin-top: 8px;
  color: #9b9b9b;
}
.forum-item.active .fa {
  color: #1ab394;
}
.forum-item.active a.forum-item-title {
  color: #1ab394;
}
@media (max-width: 992px) {
  .forum-info {
    margin: 15px 0 10px 0;
    display: none;
  }
  .forum-desc {
    float: none !important;
  }
}
.vertical-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.vertical-container::after {
  content: "";
  display: table;
  clear: both;
}
#vertical-timeline {
  position: relative;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#vertical-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #f1f1f1;
}
.vertical-timeline-content .btn {
  float: right;
}
#vertical-timeline.light-timeline:before {
  background: #e7eaec;
}
.dark-timeline .vertical-timeline-content:before {
  border-color: transparent #f5f5f5 transparent transparent;
}
.dark-timeline.center-orientation .vertical-timeline-content:before {
  border-color: transparent transparent transparent #f5f5f5;
}
.dark-timeline
  .vertical-timeline-block:nth-child(2n)
  .vertical-timeline-content:before,
.dark-timeline.center-orientation
  .vertical-timeline-block:nth-child(2n)
  .vertical-timeline-content:before {
  border-color: transparent #f5f5f5 transparent transparent;
}
.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
  background: #f5f5f5;
}
@media only screen and (min-width: 1170px) {
  #vertical-timeline.center-orientation {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #vertical-timeline.center-orientation:before {
    left: 50%;
    margin-left: -2px;
  }
}
@media only screen and (max-width: 1170px) {
  .center-orientation.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
  }
}
.vertical-timeline-block {
  position: relative;
  margin: 2em 0;
}
.vertical-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.vertical-timeline-block:first-child {
  margin-top: 0;
}
.vertical-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-block {
    margin: 4em 0;
  }
  .center-orientation .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  .center-orientation .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.vertical-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  border: 3px solid #f1f1f1;
  text-align: center;
}
.vertical-timeline-icon i {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -9px;
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-icon {
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    font-size: 19px;
  }
  .center-orientation .vertical-timeline-icon i {
    margin-left: -12px;
    margin-top: -10px;
  }
  .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
    visibility: hidden;
  }
}
.vertical-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #fff;
  border-radius: 0.25em;
  padding: 1em;
}
.vertical-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.vertical-timeline-content h2 {
  font-weight: 400;
  margin-top: 4px;
}
.vertical-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.vertical-timeline-content .vertical-date {
  float: left;
  font-weight: 500;
}
.vertical-date small {
  color: #1ab394;
  font-weight: 400;
}
.vertical-timeline-content::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #fff;
}
@media only screen and (min-width: 768px) {
  .vertical-timeline-content h2 {
    font-size: 18px;
  }
  .vertical-timeline-content p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .center-orientation .vertical-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff;
  }
  .center-orientation .vertical-timeline-content .btn {
    float: left;
  }
  .center-orientation .vertical-timeline-content .vertical-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 2px;
    font-size: 14px;
  }
  .center-orientation
    .vertical-timeline-block:nth-child(2n)
    .vertical-timeline-content {
    float: right;
  }
  .center-orientation
    .vertical-timeline-block:nth-child(2n)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #fff;
  }
  .center-orientation
    .vertical-timeline-block:nth-child(2n)
    .vertical-timeline-content
    .btn {
    float: right;
  }
  .center-orientation
    .vertical-timeline-block:nth-child(2n)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
}
.tabs-container .panel-body {
  background: #fff;
  border: 1px solid #e7eaec;
  border-radius: 2px;
  padding: 20px;
  position: relative;
}
.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:focus,
.tabs-container .nav-tabs > li.active > a:hover {
  border: 1px solid #e7eaec;
  border-bottom-color: transparent;
  background-color: #fff;
}
.tabs-container .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.tabs-container .tab-pane .panel-body {
  border-top: none;
}
.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:focus,
.tabs-container .nav-tabs > li.active > a:hover {
  border: 1px solid #e7eaec;
  border-bottom-color: transparent;
}
.tabs-container .nav-tabs {
  border-bottom: 1px solid #e7eaec;
}
.tabs-container .tab-pane .panel-body {
  border-top: none;
}
.tabs-container .tabs-left .tab-pane .panel-body,
.tabs-container .tabs-right .tab-pane .panel-body {
  border-top: 1px solid #e7eaec;
}
.tabs-container .nav-tabs > li a:hover {
  background: 0 0;
  border-color: transparent;
}
.tabs-container .tabs-below > .nav-tabs,
.tabs-container .tabs-left > .nav-tabs,
.tabs-container .tabs-right > .nav-tabs {
  border-bottom: 0;
}
.tabs-container .tabs-left .panel-body {
  position: static;
}
.tabs-container .tabs-left > .nav-tabs,
.tabs-container .tabs-right > .nav-tabs {
  width: 20%;
}
.tabs-container .tabs-left .panel-body {
  width: 80%;
  margin-left: 20%;
}
.tabs-container .tabs-right .panel-body {
  width: 80%;
  margin-right: 20%;
}
.tabs-container .pill-content > .pill-pane,
.tabs-container .tab-content > .tab-pane {
  display: none;
}
.tabs-container .pill-content > .active,
.tabs-container .tab-content > .active {
  display: block;
}
.tabs-container .tabs-below > .nav-tabs {
  border-top: 1px solid #e7eaec;
}
.tabs-container .tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-container .tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-container .tabs-below > .nav-tabs > li > a:focus,
.tabs-container .tabs-below > .nav-tabs > li > a:hover {
  border-top-color: #e7eaec;
  border-bottom-color: transparent;
}
.tabs-container .tabs-left > .nav-tabs > li,
.tabs-container .tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-container .tabs-left > .nav-tabs > li > a,
.tabs-container .tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-container .tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
}
.tabs-container .tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-container .tabs-left > .nav-tabs .active > a,
.tabs-container .tabs-left > .nav-tabs .active > a:focus,
.tabs-container .tabs-left > .nav-tabs .active > a:hover {
  border-color: #e7eaec transparent #e7eaec #e7eaec;
}
.tabs-container .tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
}
.tabs-container .tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-container .tabs-right > .nav-tabs .active > a,
.tabs-container .tabs-right > .nav-tabs .active > a:focus,
.tabs-container .tabs-right > .nav-tabs .active > a:hover {
  border-color: #e7eaec #e7eaec #e7eaec transparent;
  z-index: 1;
}
@media (max-width: 767px) {
  .tabs-container .nav-tabs > li {
    float: none !important;
  }
  .tabs-container .nav-tabs > li.active > a {
    border-bottom: 1px solid #e7eaec !important;
    margin: 0;
  }
}
.jvectormap-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.jvectormap-tip {
  position: absolute;
  display: none;
  border: solid 1px #cdcdcd;
  border-radius: 3px;
  background: #292929;
  color: #fff;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 5px;
}
.jvectormap-goback,
.jvectormap-zoomin,
.jvectormap-zoomout {
  position: absolute;
  left: 10px;
  border-radius: 3px;
  background: #1ab394;
  padding: 3px;
  color: #fff;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
  box-sizing: content-box;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
  width: 10px;
  height: 10px;
}
.jvectormap-zoomin {
  top: 10px;
}
.jvectormap-zoomout {
  top: 30px;
}
.jvectormap-goback {
  bottom: 10px;
  z-index: 1000;
  padding: 6px;
}
.jvectormap-spinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat
    url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}
.jvectormap-legend-title {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
.jvectormap-legend-cnt {
  position: absolute;
}
.jvectormap-legend-cnt-h {
  bottom: 0;
  right: 0;
}
.jvectormap-legend-cnt-v {
  top: 0;
  right: 0;
}
.jvectormap-legend {
  background: #000;
  color: #fff;
  border-radius: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px 3px 1px 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
  float: left;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
  margin: 10px 10px 0 0;
  padding: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
  width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
  height: 15px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.jvectormap-legend-tick-text {
  font-size: 12px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
  text-align: center;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding-left: 3px;
}
.slick-next:before,
.slick-prev:before {
  color: #1ab394 !important;
}
.payment-card {
  background: #fff;
  padding: 20px;
  margin-bottom: 25px;
  border: 1px solid #e7eaec;
}
.payment-icon-big {
  font-size: 60px;
  color: #d1dade;
}
.payments-method.panel-group .panel + .panel {
  margin-top: -1px;
}
.payments-method .panel-heading {
  padding: 15px;
}
.payments-method .panel {
  border-radius: 0;
}
.payments-method .panel-heading h5 {
  margin-bottom: 5px;
}
.payments-method .panel-heading i {
  font-size: 26px;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border-color: #e7eaec;
}
.tour-tour .btn.btn-default {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  color: inherit;
}
.tour-step-backdrop {
  z-index: 2101;
}
.tour-backdrop {
  z-index: 2100;
  opacity: 0.7;
}
.popover[class*="tour-"] {
  z-index: 2100;
}
body.tour-open .animated {
  animation-fill-mode: initial;
}
.resizable-panels .ibox {
  clear: none;
  margin: 10px;
  float: left;
  overflow: hidden;
  min-height: 150px;
  min-width: 150px;
}
.resizable-panels .ibox .ibox-content {
  height: calc(100% - 49px);
}
.ui-resizable-helper {
  background: rgba(211, 211, 211, 0.4);
}
.wizard > .content > .body {
  position: relative;
}
.sidebard-panel {
  width: 220px;
  background: #ebebed;
  padding: 10px 20px;
  position: absolute;
  right: 0;
}
.sidebard-panel .feed-element img.img-circle {
  width: 32px;
  height: 32px;
}
.media-body,
.sidebard-panel .feed-element,
.sidebard-panel p {
  font-size: 12px;
}
.sidebard-panel .feed-element {
  margin-top: 20px;
  padding-bottom: 0;
}
.sidebard-panel .list-group {
  margin-bottom: 10px;
}
.sidebard-panel .list-group .list-group-item {
  padding: 5px 0;
  font-size: 12px;
  border: 0;
}
.sidebar-content .wrapper,
.wrapper.sidebar-content {
  padding-right: 230px !important;
}
.body-small .sidebar-content .wrapper,
.body-small .wrapper.sidebar-content {
  padding-right: 20px !important;
}
#right-sidebar {
  background-color: #fff;
  border-left: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  overflow: hidden;
  position: fixed;
  top: 60px;
  width: 260px !important;
  z-index: 1009;
  bottom: 0;
  right: -260px;
}
#right-sidebar.sidebar-open {
  right: 0;
}
#right-sidebar.sidebar-open.sidebar-top {
  top: 0;
  border-top: none;
}
.sidebar-container ul.nav-tabs {
  border: none;
}
.sidebar-container ul.nav-tabs.navs-4 li {
  width: 25%;
}
.sidebar-container ul.nav-tabs.navs-3 li {
  width: 33.3333%;
}
.sidebar-container ul.nav-tabs.navs-2 li {
  width: 50%;
}
.sidebar-container ul.nav-tabs li {
  border: none;
}
.sidebar-container ul.nav-tabs li a {
  border: none;
  padding: 12px 10px;
  margin: 0;
  border-radius: 0;
  background: #2f4050;
  color: #fff;
  text-align: center;
  border-right: 1px solid #334556;
}
.sidebar-container ul.nav-tabs li.active a {
  border: none;
  background: #f9f9f9;
  color: #676a6c;
  font-weight: 700;
}
.sidebar-container .nav-tabs > li.active > a:focus,
.sidebar-container .nav-tabs > li.active > a:hover {
  border: none;
}
.sidebar-container ul.sidebar-list {
  margin: 0;
  padding: 0;
}
.sidebar-container ul.sidebar-list li {
  border-bottom: 1px solid #e7eaec;
  padding: 15px 20px;
  list-style: none;
  font-size: 12px;
}
.sidebar-container .sidebar-message:nth-child(2n + 2) {
  background: #f9f9f9;
}
.sidebar-container ul.sidebar-list li a {
  text-decoration: none;
  color: inherit;
}
.sidebar-container .sidebar-content {
  padding: 15px 20px;
  font-size: 12px;
}
.sidebar-container .sidebar-title {
  background: #f9f9f9;
  padding: 20px;
  border-bottom: 1px solid #e7eaec;
}
.sidebar-container .sidebar-title h3 {
  margin-bottom: 3px;
  padding-left: 2px;
}
.sidebar-container .tab-content h4 {
  margin-bottom: 5px;
}
.sidebar-container .sidebar-message > a > .pull-left {
  margin-right: 10px;
}
.sidebar-container .sidebar-message > a {
  text-decoration: none;
  color: inherit;
}
.sidebar-container .sidebar-message {
  padding: 15px 20px;
}
.sidebar-container .sidebar-message .message-avatar {
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
.sidebar-container .setings-item {
  padding: 15px 20px;
  border-bottom: 1px solid #e7eaec;
}
body {
  background-color: #2f4050;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;
}
body,
html {
  height: 100%;
}
body.full-height-layout #page-wrapper,
body.full-height-layout #wrapper {
  height: 100%;
}
#page-wrapper {
  min-height: auto;
}
body.boxed-layout #wrapper {
  background-color: #2f4050;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
}
.boxed-layout #wrapper.top-navigation,
.top-navigation.boxed-layout #wrapper {
  max-width: 1300px !important;
}
.block {
  display: block;
}
.clear {
  display: block;
  overflow: hidden;
}
a {
  cursor: pointer;
}
a:focus,
a:hover {
  text-decoration: none;
}
.font-bold {
  font-weight: 600;
}
.font-noraml {
  font-weight: 400;
}
.text-uppercase {
  text-transform: uppercase;
}
.b-r {
  border-right: 1px solid #e7eaec;
}
.hr-line-dashed {
  border-top: 1px dashed #e7eaec;
  color: #fff;
  background-color: #fff;
  height: 1px;
  margin: 20px 0;
}
.hr-line-solid {
  border-bottom: 1px solid #e7eaec;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid !important;
  margin-top: 15px;
  margin-bottom: 15px;
}
video {
  width: 100% !important;
  height: auto !important;
}
.gallery > .row > div {
  margin-bottom: 15px;
}
.fancybox img {
  margin-bottom: 5px;
  width: 24%;
}
.note-editor {
  height: auto !important;
  min-height: 300px;
}
.note-editor.fullscreen {
  z-index: 2050;
}
.modal-dialog {
  z-index: 2200;
}
.modal-body {
  padding: 20px 30px 30px 30px;
}
.inmodal .modal-body {
  background: #f8fafb;
}
.inmodal .modal-header {
  padding: 30px 15px;
  text-align: center;
}
.animated.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.inmodal .modal-title {
  font-size: 26px;
}
.inmodal .modal-icon {
  font-size: 84px;
  color: #e2e3e3;
}
.modal-footer {
  margin-top: 0;
}
#wrapper {
  width: 100%;
  overflow-x: hidden;
}
.wrapper {
  padding: 0 20px;
}
.wrapper-content {
  padding: 20px 10px 40px;
}
#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  position: relative !important;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 240px;
    min-height: 2002px;
  }
}
.title-action {
  text-align: right;
  padding-top: 30px;
}
.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
  margin-top: 5px;
}
ol.unstyled,
ul.unstyled {
  list-style: none outside none;
  margin-left: 0;
}
.big-icon {
  font-size: 160px !important;
  color: #e5e6e7;
}
.footer {
  background: none repeat scroll 0 0 #fff;
  border-top: 1px solid #e7eaec;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  position: absolute;
  right: 0;
}
.footer.fixed_full {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 20px;
  background: #fff;
  border-top: 1px solid #e7eaec;
}
.footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 20px;
  background: #fff;
  border-top: 1px solid #e7eaec;
  margin-left: 220px;
}
body.body-small.mini-navbar .footer.fixed,
body.mini-navbar .footer.fixed {
  margin: 0 0 0 70px;
}
body.canvas-menu .footer.fixed,
body.mini-navbar.canvas-menu .footer.fixed {
  margin: 0 !important;
}
body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 220px;
}
body.body-small .footer.fixed {
  margin-left: 0;
}
.page-heading {
  border-top: 0;
  padding: 0 10px 20px 10px;
}
.panel-heading h1,
.panel-heading h2 {
  margin-bottom: 5px;
}
.table-bordered {
  border: 1px solid #ebebeb;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  background-color: #f5f5f6;
  border-bottom-width: 1px;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #e7e7e7;
}
.table > thead > tr > th {
  border-bottom: 1px solid #ddd;
  vertical-align: bottom;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: 1px solid #e7eaec;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}
.panel.blank-panel {
  background: 0 0;
  margin: 0;
}
.blank-panel .panel-heading {
  padding-bottom: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: 0 0;
  border-color: #ddd #ddd transparent;
  border-bottom: #f3f3f4;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555;
  cursor: default;
}
.nav.nav-tabs li {
  background: 0 0;
  border: none;
}
.nav-tabs > li > a {
  color: #a7b1c2;
  font-weight: 600;
  padding: 10px 20px 10px 25px;
}
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
  background-color: #e6e6e6;
  color: #676a6c;
}
.ui-tab .tab-content {
  padding: 20px 0;
}
.no-padding {
  padding: 0 !important;
}
.no-borders {
  border: none !important;
}
.no-margins {
  margin: 0 !important;
}
.no-top-border {
  border-top: 0 !important;
}
.ibox-content.text-box {
  padding-bottom: 0;
  padding-top: 15px;
}
.border-left-right {
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-top: none;
  border-bottom: none;
}
.border-left {
  border-left: 1px solid #e7eaec;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.border-right {
  border-left: none;
  border-right: 1px solid #e7eaec;
  border-top: none;
  border-bottom: none;
}
.full-width {
  width: 100% !important;
}
.link-block {
  font-size: 12px;
  padding: 10px;
}
.nav.navbar-top-links .link-block a {
  font-size: 12px;
}
.link-block a {
  font-size: 10px;
  color: inherit;
}
body.mini-navbar .branding {
  display: none;
}
img.circle-border {
  border: 6px solid #fff;
  border-radius: 50%;
}
.branding {
  float: left;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 17px 20px;
  text-align: center;
  background-color: #1ab394;
}
.login-panel {
  margin-top: 25%;
}
.icons-box h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.icons-box .infont a i {
  font-size: 25px;
  display: block;
  color: #676a6c;
}
.icons-box .infont a {
  color: #a6a8a9;
}
.icons-box .infont a {
  padding: 10px;
  margin: 1px;
  display: block;
}
.ui-draggable .ibox-title {
  cursor: move;
}
.breadcrumb {
  background-color: #fff;
  padding: 0;
  margin-bottom: 0;
}
.breadcrumb > li a {
  color: inherit;
}
.breadcrumb > .active {
  color: inherit;
}
.breadcrumb > .active .forheaderlink {
  display: inline-block;
}
code {
  background-color: #f9f2f4;
  border-radius: 4px;
  color: #ca4440;
  font-size: 90%;
  padding: 2px 4px;
  white-space: nowrap;
}
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
  content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
  content: "\f077";
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  background-color: #fff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #fff;
  padding: 10px 15px;
}
table.table-mail tr td {
  padding: 12px;
}
.table-mail .check-mail {
  padding-left: 20px;
}
.table-mail .mail-date {
  padding-right: 20px;
}
.check-mail,
.star-mail {
  width: 40px;
}
.unread td,
.unread td a {
  font-weight: 600;
  color: inherit;
}
.read td,
.read td a {
  font-weight: 400;
  color: inherit;
}
.unread td {
  background-color: #f9f8f8;
}
.ibox-content {
  clear: both;
}
.ibox-heading {
  background-color: #f3f6fb;
  border-bottom: none;
}
.ibox-heading h3 {
  font-weight: 200;
  font-size: 24px;
}
.ibox-title h5 {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}
.ibox-title .label {
  float: left;
  margin-left: 4px;
}
.ibox-tools {
  display: block;
  float: none;
  margin-top: 0;
  position: relative;
  padding: 0;
  text-align: right;
}
.ibox-tools a {
  cursor: pointer;
  margin-left: 5px;
  color: #c4c4c4;
}
.ibox-tools a.btn-primary {
  color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
  padding: 4px 10px;
  font-size: 12px;
}
.ibox .ibox-tools.open > .dropdown-menu {
  left: auto;
  right: 0;
}
.gray-bg {
  background-color: #f3f3f4;
}
.white-bg {
  background-color: #fff;
}
.navy-bg {
  background-color: #1ab394;
  color: #fff;
}
.blue-bg {
  background-color: #1c84c6;
  color: #fff;
}
.lazur-bg {
  background-color: #23c6c8;
  color: #fff;
}
.yellow-bg {
  background-color: #f8ac59;
  color: #fff;
}
.red-bg {
  background-color: #ed5565;
  color: #fff;
}
.black-bg {
  background-color: #262626;
}
.panel-primary {
  border-color: #1ab394;
}
.panel-primary > .panel-heading {
  background-color: #1ab394;
  border-color: #1ab394;
}
.panel-success {
  border-color: #1c84c6;
}
.panel-success > .panel-heading {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #fff;
}
.panel-info {
  border-color: #23c6c8;
}
.panel-info > .panel-heading {
  background-color: #23c6c8;
  border-color: #23c6c8;
  color: #fff;
}
.panel-warning {
  border-color: #f8ac59;
}
.panel-warning > .panel-heading {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #fff;
}
.panel-danger {
  border-color: #ed5565;
}
.panel-danger > .panel-heading {
  background-color: #ed5565;
  border-color: #ed5565;
  color: #fff;
}
.progress-bar {
  background-color: #1ab394;
}
.progress-small,
.progress-small .progress-bar {
  height: 10px;
}
.progress-mini,
.progress-small {
  margin-top: 5px;
}
.progress-mini,
.progress-mini .progress-bar {
  height: 5px;
  margin-bottom: 0;
}
.progress-bar-navy-light {
  background-color: #3dc7ab;
}
.progress-bar-success {
  background-color: #1c84c6;
}
.progress-bar-info {
  background-color: #23c6c8;
}
.progress-bar-warning {
  background-color: #f8ac59;
}
.progress-bar-danger {
  background-color: #ed5565;
}
.panel-title {
  font-size: inherit;
}
.jumbotron {
  border-radius: 6px;
  padding: 40px;
}
.jumbotron h1 {
  margin-top: 0;
}
.text-navy {
  color: #1ab394;
}
.text-primary {
  color: inherit;
}
.text-success {
  color: #1c84c6;
}
.text-info {
  color: #23c6c8;
}
.text-warning {
  color: #f8ac59;
}
.text-danger {
  color: #ed5565;
}
.text-muted {
  color: #888;
}
.text-white {
  color: #fff;
}
.simple_tag {
  background-color: #f3f3f4;
  border: 1px solid #e7eaec;
  border-radius: 2px;
  color: inherit;
  font-size: 10px;
  margin-right: 5px;
  margin-top: 5px;
  padding: 5px 12px;
  display: inline-block;
}
.img-shadow {
  -webkit-box-shadow: 0 0 3px 0 #919191;
  -moz-box-shadow: 0 0 3px 0 #919191;
  box-shadow: 0 0 3px 0 #919191;
}
.dashboards\.dashboard_2 nav.navbar,
.dashboards\.dashboard_3 nav.navbar,
.dashboards\.dashboard_4_1 nav.navbar,
.dashboards\.dashboard_5 nav.navbar,
.mailbox\.email_compose nav.navbar,
.mailbox\.email_view nav.navbar,
.mailbox\.inbox nav.navbar,
.metrics nav.navbar,
.metrics\.index nav.navbar {
  background: #fff;
}
.ComposeEmail .navbar.navbar-static-top,
.Dashboard_2 .navbar.navbar-static-top,
.Dashboard_3 .navbar.navbar-static-top,
.Dashboard_4_1 .navbar.navbar-static-top,
.Dashboard_5 .navbar.navbar-static-top,
.EmailView .navbar.navbar-static-top,
.Inbox .navbar.navbar-static-top,
.Metrics .navbar.navbar-static-top {
  background: #fff;
}
a.close-canvas-menu {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 1011;
  color: #a7b1c2;
}
a.close-canvas-menu:hover {
  color: #fff;
}
.close-canvas-menu {
  display: none;
}
.canvas-menu .close-canvas-menu {
  display: block;
}
.light-navbar .navbar.navbar-static-top {
  background-color: #fff;
}
.full-height {
  height: 100%;
}
.fh-breadcrumb {
  height: calc(100% - 196px);
  margin: 0 -15px;
  position: relative;
}
.fh-no-breadcrumb {
  height: calc(100% - 99px);
  margin: 0 -15px;
  position: relative;
}
.fh-column {
  background: #fff;
  height: 100%;
  width: 240px;
  float: left;
}
.modal-backdrop {
  z-index: 2040 !important;
}
.spiner-example {
  height: 200px;
  padding-top: 70px;
}
.p-xxs {
  padding: 5px;
}
.p-xs {
  padding: 10px;
}
.p-sm {
  padding: 15px;
}
.p-m {
  padding: 20px;
}
.p-md {
  padding: 25px;
}
.p-lg {
  padding: 30px;
}
.p-xl {
  padding: 40px;
}
.p-w-xs {
  padding: 0 10px;
}
.p-w-sm {
  padding: 0 15px;
}
.p-w-m {
  padding: 0 20px;
}
.p-w-md {
  padding: 0 25px;
}
.p-w-lg {
  padding: 0 30px;
}
.p-w-xl {
  padding: 0 40px;
}
.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.space-15 {
  margin: 15px 0;
}
.space-20 {
  margin: 20px 0;
}
.space-25 {
  margin: 25px 0;
}
.space-30 {
  margin: 30px 0;
}
.fullscreen-ibox-mode .animated {
  animation: none;
}
body.fullscreen-ibox-mode {
  overflow-y: hidden;
}
.ibox.fullscreen {
  z-index: 2030;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  margin-bottom: 0;
}
.ibox.fullscreen .collapse-link {
  display: none;
}
.ibox.fullscreen .ibox-content {
  min-height: calc(100% - 48px);
}
body.modal-open {
  padding-right: inherit !important;
}
body.modal-open .animated {
  animation-fill-mode: initial;
}
.block,
body.mini-navbar.fixed-sidebar .profile-element {
  display: block !important;
}
body.mini-navbar.fixed-sidebar .nav-header {
  padding: 33px 25px;
}
body.mini-navbar.fixed-sidebar .logo-element {
  display: none;
}
.fullscreen-video .animated {
  animation: none;
}
.search-form {
  margin-top: 10px;
}
.search-result h3 {
  margin-bottom: 0;
  color: #1e0fbe;
}
.search-result .search-link {
  color: #006621;
}
.search-result p {
  font-size: 12px;
  margin-top: 5px;
}
.contact-box {
  background-color: #fff;
  border: 1px solid #e7eaec;
  padding: 20px;
  margin-bottom: 20px;
}
.contact-box > a {
  color: inherit;
}
.contact-box.center-version {
  border: 1px solid #e7eaec;
  padding: 0;
}
.contact-box.center-version > a {
  display: block;
  background-color: #fff;
  padding: 20px;
  text-align: center;
}
.contact-box.center-version > a img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact-box.center-version address {
  margin-bottom: 0;
}
.contact-box .contact-box-footer {
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #e7eaec;
  padding: 15px 20px;
}
.invoice-table tbody > tr > td:last-child,
.invoice-table tbody > tr > td:nth-child(2),
.invoice-table tbody > tr > td:nth-child(3),
.invoice-table tbody > tr > td:nth-child(4) {
  text-align: right;
}
.invoice-table thead > tr > th:last-child,
.invoice-table thead > tr > th:nth-child(2),
.invoice-table thead > tr > th:nth-child(3),
.invoice-table thead > tr > th:nth-child(4) {
  text-align: right;
}
.invoice-total > tbody > tr > td:first-child {
  text-align: right;
}
.invoice-total > tbody > tr > td {
  border: 0 none;
}
.invoice-total > tbody > tr > td:last-child {
  border-bottom: 1px solid #ddd;
  text-align: right;
  width: 15%;
}
.middle-box {
  max-width: 400px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 40px;
}
.lockscreen.middle-box {
  width: 200px;
  padding-top: 110px;
}
.loginscreen.middle-box {
  width: 300px;
}
.loginColumns {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.passwordBox {
  max-width: 460px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.logo-name {
  color: #e6e6e6;
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -10px;
  margin-bottom: 0;
}
.middle-box h1 {
  font-size: 170px;
}
.wrapper .middle-box {
  margin-top: 140px;
}
.lock-word {
  z-index: 10;
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -470px;
}
.lock-word span {
  font-size: 100px;
  font-weight: 600;
  color: #e9e9e9;
  display: inline-block;
}
.lock-word .first-word {
  margin-right: 160px;
}
.dashboard-header {
  border-top: 0;
  padding: 20px 20px 20px 20px;
}
.dashboard-header h2 {
  margin-top: 10px;
  font-size: 26px;
}
.fist-item {
  border-top: none !important;
}
.statistic-box {
  margin-top: 40px;
}
.dashboard-header .list-group-item span.label {
  margin-right: 10px;
}
.list-group.clear-list .list-group-item {
  border-top: 1px solid #e7eaec;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  padding: 10px 0;
}
ul.clear-list:first-child {
  border-top: none !important;
}
.timeline-item .date i {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  width: 30px;
  text-align: center;
  border-top: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
  background: #f8f8f8;
}
.timeline-item .date {
  text-align: right;
  width: 110px;
  position: relative;
  padding-top: 30px;
}
.timeline-item .content {
  border-left: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  padding-top: 10px;
  min-height: 100px;
}
.timeline-item .content:hover {
  background: #f6f6f6;
}
ul.notes li,
ul.tag-list li {
  list-style: none;
}
ul.notes li h4 {
  margin-top: 20px;
  font-size: 16px;
}
ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 140px;
  width: 140px;
  padding: 1em;
  position: relative;
}
ul.notes li div small {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
}
ul.notes li div a {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: inherit;
}
ul.notes li {
  margin: 10px 40px 50px 0;
  float: left;
}
ul.notes li div p {
  font-size: 12px;
}
ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 140px;
  width: 140px;
  padding: 1em;
  -moz-box-shadow: 5px 5px 2px #212121;
  -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}
ul.notes li div {
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
}
ul.notes li:nth-child(2n) div {
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  position: relative;
  top: 5px;
}
ul.notes li:nth-child(3n) div {
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  position: relative;
  top: -5px;
}
ul.notes li:nth-child(5n) div {
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  top: -10px;
}
ul.notes li div:focus,
ul.notes li div:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  position: relative;
  z-index: 5;
}
ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 210px;
  width: 210px;
  padding: 1em;
  -moz-box-shadow: 5px 5px 7px #212121;
  -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  -moz-transition: -moz-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  -webkit-transition: -webkit-transform 0.15s linear;
}
.file-box {
  float: left;
  width: 220px;
}
.file-manager h5 {
  text-transform: uppercase;
}
.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.folder-list li a {
  color: #666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a {
  color: #666;
  display: block;
  padding: 5px 0;
}
.category-list li {
  display: block;
}
.category-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a .text-navy {
  color: #1ab394;
}
.category-list li a .text-primary {
  color: #1c84c6;
}
.category-list li a .text-info {
  color: #23c6c8;
}
.category-list li a .text-danger {
  color: #ef5352;
}
.category-list li a .text-warning {
  color: #f8ac59;
}
.file-manager h5.tag-title {
  margin-top: 20px;
}
.tag-list li {
  float: left;
}
.tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}
.file-manager .hr-line-dashed {
  margin: 15px 0;
}
.file .icon,
.file .image {
  height: 100px;
  overflow: hidden;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
}
.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}
.file-control.active {
  text-decoration: underline;
}
.file .icon i {
  font-size: 70px;
  color: #dadada;
}
.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
}
.file-name small {
  color: #676a6c;
}
.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0;
  bottom: 0;
}
a.compose-mail {
  padding: 8px 10px;
}
.mail-search {
  max-width: 300px;
}
.profile-content {
  border-top: none !important;
}
.profile-stats {
  margin-right: 10px;
}
.profile-image {
  width: 120px;
  float: left;
}
.profile-image img {
  width: 96px;
  height: 96px;
}
.profile-info {
  margin-left: 120px;
}
.feed-activity-list .feed-element {
  border-bottom: 1px solid #e7eaec;
}
.feed-element:first-child {
  margin-top: 0;
}
.feed-element {
  padding-bottom: 15px;
}
.feed-element,
.feed-element .media {
  margin-top: 15px;
}
.feed-element,
.media-body {
  overflow: hidden;
}
.feed-element > .pull-left {
  margin-right: 10px;
}
.dropdown-messages-box img.img-circle,
.feed-element img.img-circle {
  width: 38px;
  height: 38px;
}
.feed-element .well {
  border: 1px solid #e7eaec;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px 20px;
  font-size: 11px;
  line-height: 16px;
}
.feed-element .actions {
  margin-top: 10px;
}
.feed-element .photos {
  margin: 10px 0;
}
.feed-photo {
  max-height: 180px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}
.file-list li {
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-bottom: 5px;
}
.file-list li a {
  color: inherit;
}
.file-list li a:hover {
  color: #1ab394;
}
.user-friends img {
  width: 42px;
  height: 42px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.mail-box {
  background-color: #fff;
  border: 1px solid #e7eaec;
  border-top: 0;
  padding: 0;
  margin-bottom: 20px;
}
.mail-box-header {
  background-color: #fff;
  border: 1px solid #e7eaec;
  border-bottom: 0;
  padding: 30px 20px 20px 20px;
}
.mail-box-header h2 {
  margin-top: 0;
}
.mailbox-content .tag-list li a {
  background: #fff;
}
.mail-body {
  border-top: 1px solid #e7eaec;
  padding: 20px;
}
.mail-text {
  border-top: 1px solid #e7eaec;
}
.mail-text .note-toolbar {
  padding: 10px 15px;
}
.mail-body .form-group {
  margin-bottom: 5px;
}
.mail-text .note-editor .note-toolbar {
  background-color: #f9f8f8;
}
.mail-attachment {
  border-top: 1px solid #e7eaec;
  padding: 20px;
  font-size: 12px;
}
.mailbox-content {
  background: 0 0;
  border: none;
  padding: 10px;
}
.mail-ontact {
  width: 23%;
}
.project-actions,
.project-people {
  text-align: right;
  vertical-align: middle;
}
dd.project-people {
  text-align: left;
  margin-top: 5px;
}
.project-people img {
  width: 32px;
  height: 32px;
}
.project-title a {
  font-size: 14px;
  color: #676a6c;
  font-weight: 600;
}
.project-list table tr td {
  border-top: none;
  border-bottom: 1px solid #e7eaec;
  padding: 15px 10px;
  vertical-align: middle;
}
.project-manager .tag-list li a {
  font-size: 10px;
  background-color: #fff;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.project-files li a {
  font-size: 11px;
  color: #676a6c;
  margin-left: 10px;
  line-height: 22px;
}
.faq-item {
  padding: 20px;
  margin-bottom: 2px;
  background: #fff;
}
.faq-question {
  font-size: 18px;
  font-weight: 600;
  color: #1ab394;
  display: block;
}
.faq-question:hover {
  color: #179d82;
}
.faq-answer {
  margin-top: 10px;
  background: #f3f3f4;
  border: 1px solid #e7eaec;
  border-radius: 3px;
  padding: 15px;
}
.faq-item .tag-item {
  background: #f3f3f4;
  padding: 2px 6px;
  font-size: 10px;
  text-transform: uppercase;
}
.message-input {
  height: 90px !important;
}
.chat-avatar {
  white: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
}
.chat-user-name {
  padding: 10px;
}
.chat-user {
  padding: 8px 10px;
  border-bottom: 1px solid #e7eaec;
}
.chat-user a {
  color: inherit;
}
.chat-view {
  z-index: 20012;
}
.chat-statistic,
.chat-users {
  margin-left: -30px;
}
@media (max-width: 992px) {
  .chat-statistic,
  .chat-users {
    margin-left: 0;
  }
}
.chat-view .ibox-content {
  padding: 0;
}
.chat-message {
  padding: 10px 20px;
}
.message-avatar {
  height: 48px;
  width: 48px;
  border: 1px solid #e7eaec;
  border-radius: 4px;
  margin-top: 1px;
}
.chat-discussion .chat-message.left .message-avatar {
  float: left;
  margin-right: 10px;
}
.chat-discussion .chat-message.right .message-avatar {
  float: right;
  margin-left: 10px;
}
.message {
  background-color: #fff;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}
.chat-discussion .chat-message.left .message-date {
  float: right;
}
.chat-discussion .chat-message.right .message-date {
  float: left;
}
.chat-discussion .chat-message.left .message {
  text-align: left;
  margin-left: 55px;
}
.chat-discussion .chat-message.right .message {
  text-align: right;
  margin-right: 55px;
}
.message-date {
  font-size: 10px;
  color: #888;
}
.message-content {
  display: block;
}
.chat-discussion {
  background: #eee;
  padding: 15px;
  height: 400px;
  overflow-y: auto;
}
.chat-users {
  overflow-y: auto;
  height: 400px;
}
.chat-message-form .form-group {
  margin-bottom: 0;
}
.jstree-open > .jstree-anchor > .fa-folder:before {
  content: "\f07c";
}
.jstree-default .jstree-icon.none {
  width: 0;
}
.clients-list {
  margin-top: 20px;
}
.clients-list .tab-pane {
  position: relative;
  height: 600px;
}
.client-detail {
  position: relative;
  height: 620px;
}
.clients-list table tr td {
  height: 46px;
  vertical-align: middle;
  border: none;
}
.client-link {
  font-weight: 600;
  color: inherit;
}
.client-link:hover {
  color: inherit;
}
.client-avatar {
  width: 42px;
}
.client-avatar img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.contact-type {
  width: 20px;
  color: #c1c3c4;
}
.client-status {
  text-align: left;
}
.client-detail .vertical-timeline-content p {
  margin: 0;
}
.client-detail .vertical-timeline-icon.gray-bg {
  color: #a7aaab;
}
.clients-list .nav-tabs > li.active > a,
.clients-list .nav-tabs > li.active > a:focus,
.clients-list .nav-tabs > li.active > a:hover {
  border-bottom: 1px solid #fff;
}
.blog h2 {
  font-weight: 700;
}
.blog h5 {
  margin: 0 0 5px 0;
}
.blog .btn {
  margin: 0 0 5px 0;
}
.article h1 {
  font-size: 48px;
  font-weight: 700;
  color: #2f4050;
}
.article p {
  font-size: 15px;
  line-height: 26px;
}
.article-title {
  text-align: center;
  margin: 40px 0 100px 0;
}
.article .ibox-content {
  padding: 40px;
}
.issue-tracker .btn-link {
  color: #1ab394;
}
table.issue-tracker tbody tr td {
  vertical-align: middle;
  height: 50px;
}
.issue-info {
  width: 50%;
}
.issue-info a {
  font-weight: 600;
  color: #676a6c;
}
.issue-info small {
  display: block;
}
.team-members {
  margin: 10px 0;
}
.team-members img.img-circle {
  width: 42px;
  height: 42px;
  margin-bottom: 5px;
}
.sortable-list {
  padding: 10px 0;
}
.agile-list {
  list-style: none;
  margin: 0;
}
.agile-list li {
  background: #fafafb;
  border: 1px solid #e7eaec;
  margin: 0 0 10px 0;
  padding: 10px;
  border-radius: 2px;
}
.agile-list li:hover {
  cursor: pointer;
  background: #fff;
}
.agile-list li.warning-element {
  border-left: 3px solid #f8ac59;
}
.agile-list li.danger-element {
  border-left: 3px solid #ed5565;
}
.agile-list li.info-element {
  border-left: 3px solid #1c84c6;
}
.agile-list li.success-element {
  border-left: 3px solid #1ab394;
}
.agile-detail {
  margin-top: 5px;
  font-size: 12px;
}
ins {
  background-color: #c6ffc6;
  text-decoration: none;
}
del {
  background-color: #ffc6c6;
}
.product-box {
  padding: 0;
  border: 1px solid #e7eaec;
}
.product-box.active,
.product-box:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
  -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
  box-shadow: 0 3px 7px 0 #a8a8a8;
}
.product-imitation {
  text-align: center;
  padding: 90px 0;
  background-color: #f8f8f9;
  color: #bebec3;
  font-weight: 600;
}
.cart-product-imitation {
  text-align: center;
  padding-top: 30px;
  height: 80px;
  width: 80px;
  background-color: #f8f8f9;
}
.product-imitation.xl {
  padding: 120px 0;
}
.product-desc {
  padding: 20px;
  position: relative;
}
.ecommerce .tag-list {
  padding: 0;
}
.ecommerce .fa-star {
  color: #d1dade;
}
.ecommerce .fa-star.active {
  color: #f8ac59;
}
.ecommerce .note-editor {
  border: 1px solid #e7eaec;
}
table.shoping-cart-table {
  margin-bottom: 0;
}
table.shoping-cart-table tr td {
  border: none;
  text-align: right;
}
table.shoping-cart-table tr td.desc,
table.shoping-cart-table tr td:first-child {
  text-align: left;
}
table.shoping-cart-table tr td:last-child {
  width: 80px;
}
.product-name {
  font-size: 16px;
  font-weight: 600;
  color: #676a6c;
  display: block;
  margin: 2px 0 5px 0;
}
.product-name:focus,
.product-name:hover {
  color: #1ab394;
}
.product-price {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #1ab394;
  padding: 6px 12px;
  position: absolute;
  top: -32px;
  right: 0;
}
.product-detail .ibox-content {
  padding: 30px 30px 50px 30px;
}
.image-imitation {
  background-color: #f8f8f9;
  text-align: center;
  padding: 200px 0;
}
.product-main-price small {
  font-size: 10px;
}
.product-images {
  margin: 0 20px;
}
.social-feed-separated .social-feed-box {
  margin-left: 62px;
}
.social-feed-separated .social-avatar {
  float: left;
  padding: 0;
}
.social-feed-separated .social-avatar img {
  width: 52px;
  height: 52px;
  border: 1px solid #e7eaec;
}
.social-feed-separated .social-feed-box .social-avatar {
  padding: 15px 15px 0 15px;
  float: none;
}
.social-feed-box {
  border: 1px solid #e7eaec;
  background: #fff;
  margin-bottom: 15px;
}
.article .social-feed-box {
  margin-bottom: 0;
  border-bottom: none;
}
.article .social-feed-box:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid #e7eaec;
}
.article .social-feed-box p {
  font-size: 13px;
  line-height: 18px;
}
.social-action {
  margin: 15px;
}
.social-avatar {
  padding: 15px 15px 0 15px;
}
.social-comment .social-comment {
  margin-left: 45px;
}
.social-avatar img {
  height: 40px;
  width: 40px;
  margin-right: 10px;
}
.social-avatar .media-body a {
  font-size: 14px;
  display: block;
}
.social-body {
  padding: 15px;
}
.social-body img {
  margin-bottom: 10px;
}
.social-footer {
  border-top: 1px solid #e7eaec;
  padding: 10px 15px;
  background: #f9f9f9;
}
.social-footer .social-comment img {
  width: 32px;
  margin-right: 10px;
}
.social-comment:first-child {
  margin-top: 0;
}
.social-comment {
  margin-top: 15px;
}
.social-comment textarea {
  font-size: 12px;
}
.vote-item {
  padding: 20px 25px;
  background: #fff;
  border-top: 1px solid #e7eaec;
}
.vote-item:last-child {
  border-bottom: 1px solid #e7eaec;
}
.vote-item:hover {
  background: #fbfbfb;
}
.vote-actions {
  float: left;
  width: 30px;
  margin-right: 15px;
  text-align: center;
}
.vote-actions a {
  color: #1ab394;
  font-weight: 600;
}
.vote-actions {
  font-weight: 600;
}
.vote-title {
  display: block;
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 2px;
}
.vote-title:focus,
.vote-title:hover {
  color: inherit;
}
.vote-info,
.vote-title {
  margin-left: 45px;
}
.vote-info,
.vote-info a {
  color: #b4b6b8;
  font-size: 12px;
}
.vote-info a {
  margin-right: 10px;
}
.vote-info a:hover {
  color: #1ab394;
}
.vote-icon {
  text-align: right;
  font-size: 38px;
  display: block;
  color: #e8e9ea;
}
.vote-icon.active {
  color: #1ab394;
}
body.body-small .vote-icon {
  display: none;
}
.lightBoxGallery {
  text-align: center;
}
.lightBoxGallery img {
  margin: 5px;
}
#small-chat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}
#small-chat .badge {
  position: absolute;
  top: -3px;
  right: -4px;
}
.open-small-chat {
  height: 38px;
  width: 38px;
  display: block;
  background: #1ab394;
  padding: 9px 8px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
.open-small-chat:hover {
  color: #fff;
  background: #1ab394;
}
.small-chat-box {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 75px;
  background: #fff;
  border: 1px solid #e7eaec;
  width: 230px;
  height: 320px;
  border-radius: 4px;
}
.small-chat-box.ng-small-chat {
  display: block;
}
.body-small .small-chat-box {
  bottom: 70px;
  right: 20px;
}
.small-chat-box.active {
  display: block;
}
.small-chat-box .heading {
  background: #2f4050;
  padding: 8px 15px;
  font-weight: 700;
  color: #fff;
}
.small-chat-box .chat-date {
  opacity: 0.6;
  font-size: 10px;
  font-weight: 400;
}
.small-chat-box .content {
  padding: 15px 15px;
}
.small-chat-box .content .author-name {
  font-weight: 700;
  margin-bottom: 3px;
  font-size: 11px;
}
.small-chat-box .content > div {
  padding-bottom: 20px;
}
.small-chat-box .content .chat-message {
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 14px;
  max-width: 80%;
  background: #f3f3f4;
  margin-bottom: 10px;
}
.small-chat-box .content .chat-message.active {
  background: #1ab394;
  color: #fff;
}
.small-chat-box .content .left {
  text-align: left;
  clear: both;
}
.small-chat-box .content .left .chat-message {
  float: left;
}
.small-chat-box .content .right {
  text-align: right;
  clear: both;
}
.small-chat-box .content .right .chat-message {
  float: right;
}
.small-chat-box .form-chat {
  padding: 10px 10px;
}
.metismenu .plus-minus,
.metismenu .plus-times {
  float: right;
}
.metismenu .arrow {
  float: right;
  line-height: 1.42857;
}
.metismenu .glyphicon.arrow:before {
  content: "\e079";
}
.metismenu .active > a > .glyphicon.arrow:before {
  content: "\e114";
}
.metismenu .fa.arrow:before {
  content: "\f104";
}
.metismenu .active > a > .fa.arrow:before {
  content: "\f107";
}
.metismenu .ion.arrow:before {
  content: "\f3d2";
}
.metismenu .active > a > .ion.arrow:before {
  content: "\f3d0";
}
.metismenu .fa.plus-minus:before,
.metismenu .fa.plus-times:before {
  content: "\f067";
}
.metismenu .active > a > .fa.plus-times {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.metismenu .active > a > .fa.plus-minus:before {
  content: "\f068";
}
.metismenu .collapse {
  display: none;
}
.metismenu .collapse.in {
  display: block;
}
.metismenu .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
}
.sk-spinner-rotating-plane.sk-spinner {
  width: 30px;
  height: 30px;
  background-color: #1ab394;
  margin: 0 auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
  animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.sk-spinner-double-bounce.sk-spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}
.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1ab394;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
  animation: sk-doubleBounce 2s infinite ease-in-out;
}
.sk-spinner-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-doubleBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-doubleBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.sk-spinner-wave.sk-spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}
.sk-spinner-wave div {
  background-color: #0e9aef;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-spinner-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
  0%,
  100%,
  40% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes sk-waveStretchDelay {
  0%,
  100%,
  40% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.sk-spinner-wandering-cubes.sk-spinner {
  margin: 0 auto;
  width: 32px;
  height: 32px;
  position: relative;
}
.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2 {
  background-color: #1ab394;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
  animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
}
.sk-spinner-wandering-cubes .sk-cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.sk-spinner-pulse.sk-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  animation: sk-pulseScaleOut 1s infinite ease-in-out;
}
@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.sk-spinner-chasing-dots.sk-spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
  animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
  animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-spinner-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-chasingDotsBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-chasingDotsBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}
.sk-spinner-three-bounce div {
  width: 18px;
  height: 18px;
  background-color: #1ab394;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-threeBounceDelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.sk-spinner-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative;
}
.sk-spinner-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-spinner-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sk-spinner-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-spinner-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-spinner-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-spinner-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-spinner-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-spinner-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-spinner-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-spinner-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-spinner-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-spinner-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-spinner-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-spinner-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-spinner-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-spinner-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-spinner-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-spinner-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-spinner-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-spinner-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-spinner-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-spinner-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-spinner-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-spinner-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.sk-spinner-cube-grid.sk-spinner {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.sk-spinner-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #1ab394;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-spinner-cube-grid .sk-cube:first-child {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(4) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(5) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(7) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(8) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(9) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  100%,
  70% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%,
  100%,
  70% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
.sk-spinner-wordpress.sk-spinner {
  background-color: #1ab394;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: relative;
  margin: 0 auto;
  -webkit-animation: sk-innerCircle 1s linear infinite;
  animation: sk-innerCircle 1s linear infinite;
}
.sk-spinner-wordpress .sk-inner-circle {
  display: block;
  background-color: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 8px;
  top: 5px;
  left: 5px;
}
@-webkit-keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.sk-spinner-fading-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative;
}
.sk-spinner-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-spinner-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 18%;
  height: 18%;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sk-spinner-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-spinner-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-spinner-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-spinner-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-spinner-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-spinner-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-spinner-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-spinner-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-spinner-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-spinner-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-spinner-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-spinner-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-spinner-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-spinner-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-spinner-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-spinner-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-spinner-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-spinner-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-spinner-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-spinner-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-spinner-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-spinner-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%,
  100%,
  39% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  100%,
  39% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.landing-page.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.pace-inactive {
  display: none;
}
body.landing-page {
  color: #676a6c;
  font-family: 'Inter', "Segoe UI", helvetica, arial, sans-serif;
  background-color: #fff;
}
.landing-page span.navy {
  color: #1ab394;
}
.landing-page p.text-color {
  color: #676a6c;
}
.landing-page a.navy-link {
  color: #1ab394;
  text-decoration: none;
}
.landing-page a.navy-link:hover {
  color: #179d82;
}
.landing-page section p {
  color: #aeaeae;
  font-size: 13px;
}
.landing-page address {
  font-size: 13px;
}
.landing-page h1 {
  margin-top: 10px;
  font-size: 30px;
  font-weight: 200;
}
.landing-page .navy-line {
  width: 60px;
  height: 1px;
  margin: 60px auto 0;
  border-bottom: 2px solid #1ab394;
}
.landing-page .navbar-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 200;
}
.landing-page .navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.landing-page .navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.landing-page .navbar-default.navbar-scroll {
  background-color: #fff;
  border-color: #fff;
  padding: 15px 0;
}
.landing-page .navbar-default {
  background-color: transparent;
  border-color: transparent;
  transition: all 0.3s ease-in-out 0s;
}
.landing-page .navbar-default .nav li a {
  color: #fff;
  font-family: 'Inter', "Segoe UI", helvetica, arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
}
.landing-page .navbar-nav > li > a {
  padding-top: 25px;
  border-top: 6px solid transparent;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
  background: 0 0;
  color: #fff;
  border-top: 6px solid #1ab394;
}
.landing-page .navbar-default .navbar-nav > li > a:focus,
.landing-page .navbar-default .navbar-nav > li > a:hover {
  color: #1ab394;
  background: inherit;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
  background: 0 0;
  color: #fff;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
  background: 0 0;
  color: #fff;
}
.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
  background: 0 0;
  color: inherit;
}
.landing-page .navbar-default .navbar-brand:focus,
.landing-page .navbar-default .navbar-brand:hover {
  background: #179d82;
  color: #fff;
}
.landing-page .navbar-default .navbar-brand {
  color: #fff;
  height: auto;
  display: block;
  font-size: 14px;
  background: #1ab394;
  padding: 15px 20px 15px 20px;
  border-radius: 0 0 5px 5px;
  font-weight: 700;
  transition: all 0.3s ease-in-out 0s;
}
.landing-page .navbar-scroll.navbar-default .nav li a {
  color: #676a6c;
}
.landing-page .navbar-scroll.navbar-default .nav li a:hover {
  color: #1ab394;
}
.landing-page .navbar-wrapper .navbar.navbar-scroll {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #e7eaec;
  border-radius: 0;
}
.landing-page .nav > li.active {
  border: none;
  background: inherit;
}
.landing-page .nav > li > a {
  padding: 25px 10px 15px 10px;
}
.landing-page .navbar-scroll .navbar-nav > li > a {
  padding: 20px 10px;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
  border-top: 6px solid #1ab394;
}
.landing-page .navbar-fixed-top {
  border: none !important;
}
.landing-page .navbar-fixed-top.navbar-scroll {
  border-bottom: 1px solid #e7eaec !important;
}
.landing-page .navbar.navbar-scroll .navbar-brand {
  margin-top: 15px;
  border-radius: 5px;
  font-size: 12px;
  padding: 10px;
  height: auto;
}
.landing-page .header-back {
  height: 470px;
  width: 100%;
}
.landing-page .carousel {
  height: 470px;
}
.landing-page .carousel-caption {
  z-index: 10;
}
.landing-page .carousel .item {
  height: 470px;
  background-color: #777;
}
.landing-page .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 470px;
}
.landing-page .carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.landing-page .carousel-fade .carousel-inner .active {
  opacity: 1;
}
.landing-page .carousel-fade .carousel-inner .active.left,
.landing-page .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.landing-page .carousel-fade .carousel-inner .next.left,
.landing-page .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.landing-page .carousel-fade .carousel-control {
  z-index: 2;
}
.landing-page .carousel-control.left,
.landing-page .carousel-control.right {
  background: 0 0;
}
.landing-page .carousel-control {
  width: 6%;
}
.landing-page .carousel-inner .container {
  position: relative;
}
.landing-page .carousel-inner {
  overflow: visible;
}
.landing-page .carousel-caption {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
}
.landing-page .carousel-caption {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
}
.landing-page .carousel-caption.blank {
  top: 140px;
}
.landing-page .carousel-image {
  position: absolute;
  right: 10px;
  top: 150px;
}
.landing-page .carousel-indicators {
  padding-right: 60px;
}
.landing-page .carousel-caption h1 {
  font-weight: 700;
  font-size: 38px;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: -1.5px;
}
.landing-page .carousel-caption p {
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: none;
}
.landing-page .caption-link {
  color: #fff;
  margin-left: 10px;
  text-transform: capitalize;
  font-weight: 400;
}
.landing-page .caption-link:hover {
  text-decoration: none;
  color: inherit;
}
.landing-page .services {
  padding-top: 60px;
}
.landing-page .services h2 {
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: 600;
  text-transform: uppercase;
}
.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
  background: #3d91ff !important;
}
.rdrDefinedRangesWrapper .rdrStaticRangeSelected span.rdrStaticRangeLabel {
  color: #fff !important;
}
.landing-page .features-block {
  margin-top: 40px;
}
.landing-page .features-text {
  margin-top: 40px;
}
.landing-page .features small {
  color: #1ab394;
}
.landing-page .features h2 {
  font-size: 18px;
  margin-top: 5px;
}
.landing-page .features-text-alone {
  margin: 40px 0;
}
.landing-page .features-text-alone h1 {
  font-weight: 200;
}
.landing-page .features-icon {
  color: #1ab394;
  font-size: 40px;
}
.landing-page .navy-section {
  margin-top: 60px;
  background: #1ab394;
  color: #fff;
  padding: 20px 0;
}
.landing-page .gray-section {
  background: #f4f4f4;
  margin-top: 60px;
}
.landing-page .team-member {
  text-align: center;
}
.landing-page .team-member img {
  margin: auto;
}
.landing-page .social-icon a {
  background: #1ab394;
  color: #fff;
  padding: 4px 8px;
  height: 28px;
  width: 28px;
  display: block;
  border-radius: 50px;
}
.landing-page .social-icon a:hover {
  background: #179d82;
}
.landing-page .img-small {
  height: 88px;
  width: 88px;
}
.landing-page .pricing-plan {
  margin: 20px 30px 0 30px;
  border-radius: 4px;
}
.landing-page .pricing-plan.selected {
  transform: scale(1.1);
  background: #f4f4f4;
}
.landing-page .pricing-plan li {
  padding: 10px 16px;
  border-top: 1px solid #e7eaec;
  text-align: center;
  color: #aeaeae;
}
.landing-page .pricing-plan .pricing-price span {
  font-weight: 700;
  color: #1ab394;
}
.landing-page li.pricing-desc {
  font-size: 13px;
  border-top: none;
  padding: 20px 16px;
}
.landing-page li.pricing-title {
  background: #1ab394;
  color: #fff;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-size: 22px;
  font-weight: 600;
}
.landing-page .big-icon {
  font-size: 56px !important;
}
.landing-page .features .big-icon {
  color: #1ab394 !important;
}
.landing-page section.timeline {
  padding-bottom: 30px;
}
.landing-page section.comments {
  padding-bottom: 80px;
}
.landing-page .comments-avatar {
  margin-top: 25px;
  margin-left: 22px;
}
.landing-page .comments-avatar .commens-name {
  font-weight: 600;
  font-size: 14px;
}
.landing-page .comments-avatar img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 10px;
}
.landing-page .bubble {
  position: relative;
  height: 120px;
  padding: 20px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-style: italic;
  font-size: 14px;
}
.landing-page .bubble:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 14px 0;
  border-color: #fff transparent;
  display: block;
  width: 0;
  z-index: 1;
  bottom: -15px;
  left: 30px;
}
.landing-page .btn-danger.btn-outline:hover,
.landing-page .btn-info.btn-outline:hover,
.landing-page .btn-primary.btn-outline:hover,
.landing-page .btn-success.btn-outline:hover,
.landing-page .btn-warning.btn-outline:hover {
  color: #fff;
}
.landing-page .btn-primary {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  font-weight: 600;
}
.landing-page .btn-primary.active,
.landing-page .btn-primary:active,
.landing-page .btn-primary:focus,
.landing-page .btn-primary:hover,
.landing-page .open .dropdown-toggle.btn-primary {
  background-color: #179d82;
  border-color: #179d82;
  color: #fff;
}
.landing-page .btn-primary.active,
.landing-page .btn-primary:active,
.landing-page .open .dropdown-toggle.btn-primary {
  background-image: none;
}
.landing-page .btn-primary.active[disabled],
.landing-page .btn-primary.disabled,
.landing-page .btn-primary.disabled.active,
.landing-page .btn-primary.disabled:active,
.landing-page .btn-primary.disabled:focus,
.landing-page .btn-primary.disabled:hover,
.landing-page .btn-primary[disabled],
.landing-page .btn-primary[disabled]:active,
.landing-page .btn-primary[disabled]:focus,
.landing-page .btn-primary[disabled]:hover,
.landing-page fieldset[disabled] .btn-primary,
.landing-page fieldset[disabled] .btn-primary.active,
.landing-page fieldset[disabled] .btn-primary:active,
.landing-page fieldset[disabled] .btn-primary:focus,
.landing-page fieldset[disabled] .btn-primary:hover {
  background-color: #1dc5a3;
  border-color: #1dc5a3;
}
@media (min-width: 768px) {
  .landing-page .navbar-wrapper {
    margin-top: 20px;
  }
  .landing-page .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .landing-page .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  .landing-page .navbar-wrapper .navbar {
    border-radius: 4px;
  }
  .landing-page .carousel-caption p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
  }
  .landing-page .featurette-heading {
    font-size: 50px;
  }
}
@media (max-width: 992px) {
  .landing-page .carousel-image {
    display: none;
  }
}
@media (max-width: 768px) {
  .landing-page .carousel-caption,
  .landing-page .carousel-caption.blank {
    left: 5%;
    top: 80px;
  }
  .landing-page .carousel-caption h1 {
    font-size: 28px;
  }
  .landing-page .navbar.navbar-scroll .navbar-brand {
    margin-top: 6px;
  }
  .landing-page .navbar-default {
    background-color: #fff;
    border-color: #fff;
    padding: 15px 0;
  }
  .landing-page .navbar-default .navbar-nav > .active > a:focus {
    background: 0 0;
    color: inherit;
  }
  .landing-page .navbar-default .nav li a {
    color: #676a6c;
  }
  .landing-page .navbar-default .nav li a:hover {
    color: #1ab394;
  }
  .landing-page .navbar-wrapper .navbar {
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7eaec;
    border-radius: 0;
  }
  .landing-page .nav > li > a {
    padding: 25px 10px 15px 10px;
  }
  .landing-page .navbar-nav > li > a {
    padding: 20px 10px;
  }
  .landing-page .navbar .navbar-brand {
    margin-top: 6px;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px;
    height: auto;
  }
  .landing-page .navbar-wrapper .navbar {
    padding-left: 15px;
    padding-right: 5px;
  }
  .landing-page .navbar-default .navbar-nav > .active > a,
  .landing-page .navbar-default .navbar-nav > .active > a:hover {
    color: inherit;
  }
  .landing-page .carousel-control {
    display: none;
  }
}
@media (min-width: 992px) {
  .landing-page .featurette-heading {
    margin-top: 120px;
  }
}
@media (max-width: 768px) {
  .landing-page .navbar .navbar-header {
    display: block;
    float: none;
  }
  .landing-page .navbar .navbar-header .navbar-toggle {
    background-color: #fff;
    padding: 9px 10px;
    border: none;
  }
}
body.rtls #page-wrapper {
  margin: 0 220px 0 0;
}
body.rtls .nav-second-level li a {
  padding: 7px 35px 7px 10px;
}
body.rtls .ibox-title h5 {
  float: right;
}
body.rtls .pull-right {
  float: left !important;
}
body.rtls .pull-left {
  float: right !important;
}
body.rtls .ibox-tools {
  float: left;
}
body.rtls .stat-percent {
  float: left;
}
body.rtls .navbar-right {
  float: left !important;
}
body.rtls .navbar-top-links li:last-child {
  margin-left: 40px;
  margin-right: 0;
}
body.rtls .minimalize-styl-2 {
  float: right;
  margin: 14px 20px 5px 5px;
}
body.rtls .feed-element > .pull-left {
  margin-left: 10px;
  margin-right: 0;
}
body.rtls .timeline-item .date {
  text-align: left;
}
body.rtls .timeline-item .date i {
  left: 0;
  right: auto;
}
body.rtls .timeline-item .content {
  border-right: 1px solid #e7eaec;
  border-left: none;
}
body.rtls .theme-config {
  left: 0;
  right: auto;
}
body.rtls .spin-icon {
  border-radius: 0 20px 20px 0;
}
body.rtls .toast-close-button {
  float: left;
}
body.rtls #toast-container > .toast:before {
  margin: auto -1.5em auto 0.5em;
}
body.rtls #toast-container > div {
  padding: 15px 50px 15px 15px;
}
body.rtls .center-orientation .vertical-timeline-icon i {
  margin-left: 0;
  margin-right: -12px;
}
body.rtls .vertical-timeline-icon i {
  right: 50%;
  left: auto;
  margin-left: auto;
  margin-right: -12px;
}
body.rtls .file-box {
  float: right;
}
body.rtls ul.notes li {
  float: right;
}
body.rtls .chat-statistic,
body.rtls .chat-users {
  margin-right: -30px;
  margin-left: auto;
}
body.rtls .dropdown-menu > li > a {
  text-align: right;
}
body.rtls .b-r {
  border-left: 1px solid #e7eaec;
  border-right: none;
}
body.rtls .dd-list .dd-list {
  padding-right: 30px;
  padding-left: 0;
}
body.rtls .dd-item > button {
  float: right;
}
body.rtls .theme-config-box {
  margin-left: -220px;
  margin-right: 0;
}
body.rtls .theme-config-box.show {
  margin-left: 0;
  margin-right: 0;
}
body.rtls .spin-icon {
  right: 0;
  left: auto;
}
body.rtls .skin-setttings {
  margin-right: 40px;
  margin-left: 0;
}
body.rtls .skin-setttings {
  direction: ltr;
}
body.rtls .footer.fixed {
  margin-right: 220px;
  margin-left: 0;
}
@media (max-width: 992px) {
  body.rtls .chat-statistic,
  body.rtls .chat-users {
    margin-right: 0;
  }
}
body.body-small.mini-navbar .footer.fixed,
body.rtls.mini-navbar .footer.fixed {
  margin: 0 70px 0 0;
}
body.body-small.mini-navbar .footer.fixed,
body.rtls.mini-navbar.fixed-sidebar .footer.fixed {
  margin: 0;
}
body.rtls.top-navigation .navbar-toggle {
  float: right;
  margin-left: 15px;
  margin-right: 15px;
}
.body-small.rtls.top-navigation .navbar-header {
  float: none;
}
body.rtls.top-navigation #page-wrapper {
  margin: 0;
}
body.rtls.mini-navbar #page-wrapper {
  margin: 0 70px 0 0;
}
body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
  margin: 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 220px 0 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 220px;
}
.body-small.rtls .navbar-fixed-top {
  margin-right: 0;
}
.body-small.rtls .navbar-header {
  float: right;
}
body.rtls .navbar-top-links li:last-child {
  margin-left: 20px;
}
body.rtls .top-navigation #page-wrapper,
body.rtls.mini-navbar .top-navigation #page-wrapper,
body.rtls.mini-navbar.top-navigation #page-wrapper {
  margin: 0;
}
body.rtls .top-navigation .footer.fixed,
body.rtls.top-navigation .footer.fixed {
  margin: 0;
}
@media (max-width: 768px) {
  body.rtls .navbar-top-links li:last-child {
    margin-left: 20px;
  }
  .body-small.rtls #page-wrapper {
    position: inherit;
    margin: 0;
    min-height: 1000px;
  }
  .body-small.rtls .navbar-static-side {
    display: none;
    z-index: 2001;
    position: absolute;
    width: 70px;
  }
  .body-small.rtls.mini-navbar .navbar-static-side {
    display: block;
  }
  .rtls.fixed-sidebar.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: fixed;
    width: 220px;
  }
  .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
    display: block;
  }
}
.rtls .ltr-support {
  direction: ltr;
}
.rtls.mini-navbar .nav-second-level,
.rtls.mini-navbar li.active .nav-second-level {
  left: auto;
  right: 70px;
}
.rtls #right-sidebar {
  left: -260px;
  right: auto;
}
.rtls #right-sidebar.sidebar-open {
  left: 0;
}
.theme-config {
  position: absolute;
  top: 90px;
  right: 0;
  overflow: hidden;
}
.theme-config-box {
  margin-right: -220px;
  position: relative;
  z-index: 2000;
  transition-duration: 0.8s;
}
.theme-config-box.show {
  margin-right: 0;
}
.spin-icon {
  background: #1ab394;
  position: absolute;
  padding: 7px 10px 7px 13px;
  border-radius: 20px 0 0 20px;
  font-size: 16px;
  top: 0;
  left: 0;
  width: 40px;
  color: #fff;
  cursor: pointer;
}
.skin-setttings {
  width: 220px;
  margin-left: 40px;
  background: #f3f3f4;
}
.skin-setttings .title {
  background: #efefef;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  padding: 10px 15px;
  font-size: 12px;
}
.setings-item {
  padding: 10px 30px;
}
.setings-item.skin {
  text-align: center;
}
.setings-item .switch {
  float: right;
}
.skin-name a {
  text-transform: uppercase;
}
.setings-item a {
  color: #fff;
}
.blue-skin,
.default-skin,
.ultra-skin,
.yellow-skin {
  text-align: center;
}
.default-skin {
  font-weight: 600;
  background: #283a49;
}
.default-skin:hover {
  background: #1e2e3d;
}
.blue-skin {
  font-weight: 600;
}
.blue-skin:hover {
  background: #0d8ddb;
}
.yellow-skin {
  font-weight: 600;
}
.yellow-skin:hover {
  background: #ce8735;
}
.ultra-skin {
  padding: 20px 10px;
  font-weight: 600;
}
.skin-1 .minimalize-styl-2 {
  margin: 14px 5px 5px 30px;
}
.skin-1 .navbar-top-links li:last-child {
  margin-right: 30px;
}
.skin-1.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px;
}
.skin-1 .spin-icon {
  background: #0e9aef !important;
}
.skin-1.mini-navbar .nav-second-level {
  background: #3e495f;
}
.skin-1 .breadcrumb {
  background: 0 0;
}
.skin-1 .page-heading {
  border: none;
}
.skin-1 .nav > li.active {
  background: #3a4459;
}
.skin-1 .nav > li > a {
  color: #9ea6b9;
}
.skin-1 .nav > li.active > a {
  color: #fff;
}
.skin-1 .navbar-minimalize {
  background: #0e9aef;
  border-color: #0e9aef;
}
body.skin-1 {
  background: #3e495f;
}
.skin-1 .navbar-static-top {
  background: #fff;
}
.skin-1 .dashboard-header {
  background: 0 0;
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 10px 30px;
}
.fixed-nav.skin-1 .navbar-fixed-top {
  background: #fff;
}
.skin-1 .wrapper-content {
  padding: 30px 15px;
}
.skin-1 #page-wrapper {
  background: #f3f3f4;
}
.skin-1 .ibox-content,
.skin-1 .ibox-title {
  border-width: 1px;
}
.skin-1 .ibox-content:last-child {
  border-style: solid solid solid solid;
}
.skin-1 .nav > li.active {
  border: none;
}
.skin-1 .nav-header {
  padding: 35px 25px 25px 25px;
}
.skin-1 .nav-header a.dropdown-toggle {
  color: #fff;
  margin-top: 10px;
}
.skin-1 .nav-header a.dropdown-toggle .text-muted {
  color: #fff;
  opacity: 0.8;
}
.skin-1 .profile-element {
  text-align: center;
}
.skin-1 .img-circle {
  border-radius: 5px;
}
.skin-1 .navbar-default .nav > li > a:focus,
.skin-1 .navbar-default .nav > li > a:hover {
  background: #3a4459;
  color: #fff;
}
.skin-1 .nav.nav-tabs > li.active > a {
  color: #555;
}
.skin-1 .nav.nav-tabs > li.active {
  background: 0 0;
}
body.skin-2 {
  color: #565758 !important;
}
.skin-2 .minimalize-styl-2 {
  margin: 14px 5px 5px 25px;
}
.skin-2 .navbar-top-links li:last-child {
  margin-right: 25px;
}
.skin-2 .spin-icon {
  background: #23c6c8 !important;
}
.skin-2.mini-navbar .nav-second-level {
  background: #ededed;
}
.skin-2 .breadcrumb {
  background: 0 0;
}
.skin-2.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px;
}
.skin-2 .page-heading {
  border: none;
  background: rgba(255, 255, 255, 0.7);
}
.skin-2 .nav > li.active {
  background: #e0e0e0;
}
.skin-2 .logo-element {
  padding: 17px 0;
}
.skin-2 .nav > li > a,
.skin-2 .welcome-message {
  color: #edf6ff;
}
.skin-2 #top-search::-moz-placeholder {
  color: #edf6ff;
  opacity: 0.5;
}
.skin-2 #side-menu > li > a,
.skin-2 .nav.nav-second-level > li > a {
  color: #586b7d;
}
.skin-2 .nav > li.active > a {
  color: #213a53;
}
.skin-2.mini-navbar .nav-header {
  background: #213a53;
}
.skin-2 .navbar-minimalize {
  background: #23c6c8;
  border-color: #23c6c8;
}
.skin-2 .border-bottom {
  border-bottom: none !important;
}
.skin-2 #top-search {
  color: #fff;
}
body.skin-2 #wrapper {
  background-color: #ededed;
}
.skin-2 .navbar-static-top {
  background: #213a53;
}
.fixed-nav.skin-2 .navbar-fixed-top {
  background: #213a53;
  border-bottom: none !important;
}
.skin-2 .nav-header {
  padding: 30px 25px 30px 25px;
}
.skin-2 .dashboard-header {
  background: rgba(255, 255, 255, 0.4);
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 20px 30px;
}
.skin-2 .wrapper-content {
  padding: 30px 15px;
}
.skin-2 .dashoard-1 .wrapper-content {
  padding: 0 30px 25px 30px;
}
.skin-2 .ibox-title {
  background: rgba(255, 255, 255, 0.7);
  border: none;
  margin-bottom: 1px;
}
.skin-2 .ibox-content {
  background: rgba(255, 255, 255, 0.4);
  border: none !important;
}
.skin-2 #page-wrapper {
  background: #f6f6f6;
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #f6f6f6 20%,
    #d5d5d5 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    #f6f6f6 20%,
    #d5d5d5 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    #f6f6f6 20%,
    #d5d5d5 100%
  );
  background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%);
}
.skin-2 .ibox-content,
.skin-2 .ibox-title {
  border-width: 1px;
}
.skin-2 .ibox-content:last-child {
  border-style: solid solid solid solid;
}
.skin-2 .nav > li.active {
  border: none;
}
.skin-2 .nav-header a.dropdown-toggle {
  color: #edf6ff;
  margin-top: 10px;
}
.skin-2 .nav-header a.dropdown-toggle .text-muted {
  color: #edf6ff;
  opacity: 0.8;
}
.skin-2 .img-circle {
  border-radius: 10px;
}
.skin-2 .nav.navbar-top-links > li > a:focus,
.skin-2 .nav.navbar-top-links > li > a:hover {
  background: #1a2d41;
}
.skin-2 .navbar-default .nav > li > a:focus,
.skin-2 .navbar-default .nav > li > a:hover {
  background: #e0e0e0;
  color: #213a53;
}
.skin-2 .nav.nav-tabs > li.active > a {
  color: #555;
}
.skin-2 .nav.nav-tabs > li.active {
  background: 0 0;
}
.skin-3 .minimalize-styl-2 {
  margin: 14px 5px 5px 30px;
}
.skin-3 .navbar-top-links li:last-child {
  margin-right: 30px;
}
.skin-3.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px;
}
.skin-3 .spin-icon {
  background: #ecba52 !important;
}
body.boxed-layout.skin-3 #wrapper {
  background: #3e2c42;
}
.skin-3 .nav-header {
  background: #ecba52;
}
.skin-3.mini-navbar .nav-second-level {
  background: #3e2c42;
}
.skin-3 .breadcrumb {
  background: 0 0;
}
.skin-3 .page-heading {
  border: none;
}
.skin-3 .nav > li.active {
  background: #38283c;
}
.fixed-nav.skin-3 .navbar-fixed-top {
  background: #fff;
}
.skin-3 .nav > li > a {
  color: #948b96;
}
.skin-3 .nav > li.active > a {
  color: #fff;
}
.skin-3 .navbar-minimalize {
  background: #ecba52;
  border-color: #ecba52;
}
body.skin-3 {
  background: #3e2c42;
}
.skin-3 .navbar-static-top {
  background: #fff;
}
.skin-3 .dashboard-header {
  background: 0 0;
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 10px 30px;
}
.skin-3 .wrapper-content {
  padding: 30px 15px;
}
.skin-3 #page-wrapper {
  background: #f4f6fa;
}
.skin-3 .ibox-content,
.skin-3 .ibox-title {
  border-width: 1px;
}
.skin-3 .ibox-content:last-child {
  border-style: solid solid solid solid;
}
.skin-3 .nav > li.active {
  border: none;
}
.skin-3 .nav-header {
  padding: 35px 25px 25px 25px;
}
.skin-3 .nav-header a.dropdown-toggle {
  color: #fff;
  margin-top: 10px;
}
.skin-3 .nav-header a.dropdown-toggle .text-muted {
  color: #fff;
  opacity: 0.8;
}
.skin-3 .profile-element {
  text-align: center;
}
.skin-3 .img-circle {
  border-radius: 5px;
}
.skin-3 .navbar-default .nav > li > a:focus,
.skin-3 .navbar-default .nav > li > a:hover {
  background: #38283c;
  color: #fff;
}
.skin-3 .nav.nav-tabs > li.active > a {
  color: #555;
}
.skin-3 .nav.nav-tabs > li.active {
  background: 0 0;
}
body.md-skin {
  background-color: #fff;
}
.md-skin .font-bold {
  font-weight: 500;
}
.md-skin .wrapper-content {
  padding: 30px 20px 40px;
}
@media (max-width: 768px) {
  .md-skin .wrapper-content {
    padding: 30px 0 40px;
  }
}
.md-skin .page-heading {
  border-bottom: none !important;
  border-top: 0;
  padding: 0 10px 20px 10px;
  box-shadow:
    0 1px 1px -1px rgba(0, 0, 0, 0.34),
    0 0 6px 0 rgba(0, 0, 0, 0.14);
}
.md-skin .full-height-layout .page-heading {
  border-bottom: 1px solid #e7eaec !important;
}
.md-skin .ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .ibox.border-bottom {
  border-bottom: none !important;
}
.md-skin .ibox-content,
.md-skin .ibox-title {
  border-style: none;
}
.md-skin .ibox-title h5 {
  font-size: 16px;
  font-weight: 400;
}
.md-skin a.close-canvas-menu {
  color: #fff;
}
.md-skin .welcome-message {
  color: #fff;
  font-weight: 300;
}
.md-skin #top-search::-moz-placeholder {
  color: #fff;
}
.md-skin #top-search::-webkit-input-placeholder {
  color: #fff;
}
.md-skin .landing-page.navbar-default.navbar-scroll {
  background-color: #fff !important;
}
.md-skin .landing-page.navbar-default {
  background-color: transparent !important;
  box-shadow: none;
}
.md-skin .nav > li > a {
  color: #676a6c;
  padding: 14px 20px 14px 25px;
}
.md-skin .nav.navbar-right > li > a {
  color: #fff;
}
.md-skin .nav > li.active > a {
  color: #5b5d5f;
  font-weight: 700;
}
.md-skin .navbar-default .nav > li > a:focus,
.md-skin .navbar-default .nav > li > a:hover {
  font-weight: 700;
  color: #5b5d5f;
}
.md-skin .nav .open > a,
.md-skin .nav .open > a:focus,
.md-skin .nav .open > a:hover {
  background: #1ab394;
}
.md-skin .navbar-top-links li {
  display: inline-table;
}
.md-skin .navbar-top-links .dropdown-menu li {
  display: block;
}
.md-skin .pace-done .nav-header {
  transition: all 0.4s;
}
.md-skin .nav > li.active {
  background: #f8f8f9;
}
.md-skin .nav-second-level li a {
  padding: 7px 10px 7px 52px;
}
.md-skin .navbar-top-links li a {
  padding: 20px 10px;
  min-height: 50px;
}
.md-skin .nav > li > a {
  font-weight: 400;
}
.md-skin .navbar-static-side .nav > li > a:focus,
.md-skin .navbar-static-side .nav > li > a:hover {
  background-color: inherit;
}
.md-skin .navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: inherit;
}
.md-skin .nav-header .navbar-fixed-top a {
  color: #fff;
}
.md-skin .nav-header .text-muted {
  color: #fff;
}
.md-skin .navbar-form-custom .form-control {
  font-weight: 300;
}
.md-skin .mini-navbar .nav-second-level {
  background-color: inherit;
}
.md-skin .mini-navbar li.active .nav-second-level {
  left: 65px;
}
.md-skin .canvas-menu.mini-navbar .nav-second-level {
  background: inherit;
}
.md-skin .pace-done #page-wrapper,
.md-skin .pace-done .footer,
.md-skin .pace-done .nav-header,
.md-skin .pace-done .navbar-static-side,
.md-skin .pace-done li.active {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.md-skin .navbar-fixed-top {
  background: #fff;
  transition-duration: 0.4s;
  z-index: 2030;
  border-bottom: none !important;
}
.md-skin .navbar-fixed-top,
.md-skin .navbar-static-top {
  background-color: #1ab394 !important;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .navbar-static-side {
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin #right-sidebar {
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: none;
  z-index: 900;
}
.md-skin .white-bg .navbar-fixed-top,
.md-skin .white-bg .navbar-static-top {
  background: #fff !important;
}
.md-skin .contact-box {
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: none;
}
.md-skin .dashboard-header {
  border-bottom: none !important;
  border-top: 0;
  padding: 20px 20px 20px 20px;
  margin: 30px 20px 0 20px;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 768px) {
  .md-skin .dashboard-header {
    margin: 20px 0 0 0;
  }
}
.md-skin ul.notes li div {
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .file {
  border: none;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .mail-box {
  background-color: #fff;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 0;
  margin-bottom: 20px;
  border: none;
}
.md-skin .mail-box-header {
  border: none;
  background-color: #fff;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 30px 20px 20px 20px;
}
.md-skin .mailbox-content {
  border: none;
  padding: 20px;
  background: #fff;
}
.md-skin .social-feed-box {
  border: none;
  background: #fff;
  margin-bottom: 15px;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin.landing-page .navbar-default {
  background-color: transparent !important;
  border-color: transparent;
  transition: all 0.3s ease-in-out 0s;
  box-shadow: none;
}
.md-skin.landing-page .navbar-default.navbar-scroll,
.md-skin.landing-page.body-small .navbar-default {
  background-color: #fff !important;
}
.md-skin.landing-page .nav > li.active {
  background: inherit;
}
.md-skin.landing-page .navbar-scroll .navbar-nav > li > a {
  padding: 20px 10px;
}
.md-skin.landing-page .nav > li > a {
  padding: 25px 10px 15px 10px;
}
.md-skin.landing-page .navbar-default .navbar-nav > li > a:focus,
.md-skin.landing-page .navbar-default .navbar-nav > li > a:hover {
  background: inherit;
  color: #1ab394;
}
.md-skin.landing-page.body-small .nav.navbar-right > li > a {
  color: #676a6c;
}
.md-skin .landing_link a,
.md-skin .special_link a {
  color: #fff !important;
}
.md-skin.canvas-menu.mini-navbar .nav-second-level {
  background: #f8f8f9;
}
.md-skin.mini-navbar .nav-second-level {
  background-color: #fff;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin.mini-navbar .nav-second-level li a {
  padding-left: 0;
}
.md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {
  padding-left: 52px;
}
.md-skin.top-navigation .nav.navbar-right > li > a {
  padding: 15px 20px;
  color: #676a6c;
}
.md-skin .top-navigation .nav > li a:focus,
.md-skin.top-navigation .nav .open > a,
.md-skin.top-navigation .nav .open > a:focus,
.md-skin.top-navigation .nav .open > a:hover,
.md-skin.top-navigation .nav > li a:hover {
  color: #1ab394;
  background: #fff;
}
.md-skin.top-navigation .nav > li.active a {
  color: #1ab394;
  background: #fff;
}
.md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {
  margin-top: 0;
}
.md-skin.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 0;
}
.md-skin.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0;
}
.md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0;
}
.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 220px;
  background-color: #fff;
}
.md-skin.canvas-menu nav.navbar-static-side {
  z-index: 2001;
  background: #fff;
  height: 100%;
  position: fixed;
  display: none;
}
#workflowHistoryContentPopup .ibox-content h2 {
  font-size: 17px;
  font-weight: 600;
  color: #2e2e2e;
  font-family: 'Inter', "Segoe UI", sans-serif !important;
  text-align: center;
  margin: -6px -20px 20px -20px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px 0;
  position: relative;
}
#workflowHistoryContentPopup .ibox-content h2 .close {
  right: 18px;
  position: absolute;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 220px;
    min-height: 1200px;
  }
  .navbar-static-side {
    z-index: 2001;
    position: absolute;
    width: 220px;
  }
  .navbar-top-links .dropdown-alerts,
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks {
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0;
    min-height: 1000px;
  }
  .body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: absolute;
    width: 70px;
  }
  .body-small.mini-navbar .navbar-static-side {
    display: block;
  }
  .lock-word {
    display: none;
  }
  .navbar-form-custom {
    display: none;
  }
  .navbar-header {
    display: inline;
    float: left;
  }
  .sidebard-panel {
    z-index: 2;
    position: relative;
    width: auto;
    min-height: 100% !important;
  }
  .sidebar-content .wrapper {
    padding-right: 0;
    z-index: 1;
  }
  .fixed-sidebar.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: fixed;
    width: 220px;
  }
  .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
    display: block;
  }
  .ibox-tools {
    float: none;
    text-align: right;
    display: block;
  }
}
@media (max-width: 350px) {
  .timeline-item .date {
    text-align: left;
    width: 110px;
    position: relative;
    padding-top: 30px;
  }
  .timeline-item .date i {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 5px;
    width: 30px;
    text-align: center;
    border: 1px solid #e7eaec;
    background: #f8f8f8;
  }
  .timeline-item .content {
    border-left: none;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
  }
  .nav.navbar-top-links li.dropdown {
    display: none;
  }
  .ibox-tools {
    float: none;
    text-align: left;
    display: inline-block;
  }
}
@media (max-width: 1000px) {
  .welcome-message {
    display: none;
  }
}
@media print {
  nav.navbar-static-side {
    display: none;
  }
  #page-wrapper {
    margin: 0;
  }
}
.pipline-container {
  width: 100%;
  margin: 20px 0;
}
.pipline-container .project_group_header {
  padding: 0;
}
.pipline-container .panel {
  margin-bottom: 0;
  width: 100%;
  border: 0;
}
.pipline-container .panel .panel-heading {
  padding: 0;
  border-color: inherit;
}
.pipline-container .nav-tabs {
  border-bottom: 0 #ddd solid;
}
.pipline-container .panel-default {
  border-color: inherit;
}
.pipline-container .tab-content {
  text-align: left;
}
.pipline-container .panel-default > .panel-heading {
  color: #ddd;
}
.pipline-container .nav.nav-tabs > li.active {
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.pipline-container .nav-tabs > li > a {
  margin-right: 0;
}
.pipline-container .panel-body {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.pipline-container .nav-tabs > li.active > a {
  border-bottom: #fff;
}
.pipline-container .nav-tabs > li {
  margin-bottom: -2px;
}
.pipline-container ul.tasks_view {
  position: relative;
  top: 4px;
  float: left;
}
.wrapper-clm-bg {
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 1px;
  overflow: hidden;
}
.wrapper-clm-bg-innr {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 1px;
  overflow: hidden;
}
.datatable-container table tr td input.m-b-xs {
  margin-bottom: 0;
}
.datatable-container table tr th {
  background-color: #f5f5f5 !important;
}
.datatable-container table {
  border: 1px solid #e7eaec;
}
.datatable-container .navbar-form {
  padding: 0;
  margin-top: 0;
}
.datatable-container .navbar-form .input-group {
  display: flex;
}
.pagination .pagination-previous {
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #281c47;
  color: #fff;
}
.pagination .pagination-previous:hover {
  background-color: #000 !important;
}
.pagination .pagination-next {
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #281c47;
  color: #fff;
}
.pagination .pagination-next:hover {
  background-color: #000 !important;
}
.pagination a {
  color: #000;
  float: left;
  padding: 5px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #efefef;
}
.pagination a.active {
  background-color: #444;
  color: #fff;
}
.pagination a:hover:not(.active) {
  background-color: #efefef;
}
.pagination {
  margin: 0;
  width: 100%;
}
.pagination .page-stats {
  padding-top: 5px;
  font-weight: 600;
}
ul.list-style {
  margin: 20px 20px;
  list-style: none;
}
ul.list-style li {
  padding: 5px 0;
  font-size: 14px;
  border-bottom: 1px solid #efefef;
}
.Resizer {
  background: #000;
  opacity: 0.2;
  z-index: 1;
  box-sizing: border-box;
  background-clip: padding-box;
}
.Resizer:hover {
  transition: all 2s ease;
}
.Resizer.horizontal {
  height: 11px;
  margin: -5px 0;
  border-top: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid rgba(255, 255, 255, 0);
  cursor: row-resize;
}
.Resizer.horizontal.resizing,
.Resizer.horizontal:hover {
  border-top: 5px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}
.Resizer.vertical {
  width: 11px;
  margin: 0;
  border-left: 5px solid rgba(255, 255, 255, 0);
  border-right: 5px solid rgba(255, 255, 255, 0);
  cursor: col-resize;
}
.Resizer.vertical.resizing,
.Resizer.vertical:hover {
  border-left: 5px solid rgba(0, 0, 0, 0.5);
  border-right: 5px solid rgba(0, 0, 0, 0.5);
}
.DragLayer {
  z-index: 1;
  pointer-events: none;
}
.DragLayer.resizing {
  pointer-events: auto;
}
.DragLayer.horizontal {
  cursor: row-resize;
}
.DragLayer.vertical {
  cursor: col-resize;
}
.vertical_bar_active .SplitPane.vertical {
  left: 58px !important;
}
.Resizer.vertical {
  background: 0 0 !important;
  border: none !important;
} /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  20%,
  53%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  20%,
  53%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  50%,
  from,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  50%,
  from,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  11.1%,
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  11.1%,
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.animated.fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
.animated.faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 24px;
  margin-bottom: 0;
}
.switch input {
  display: none !important;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 99;
}
input:checked + .slider {
  background-color: #2196f3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.temp_layout_icons {
  display: inline-block;
  padding: 0 5px;
  float: left;
  margin: 2px 2px 0 5px;
}
.temp_layout_icons span {
  color: #5b626e;
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  float: left;
  padding: 3px 8px 0 0;
}
.checked:after,
.checked:before {
  display: none;
}
.checked.switch:before {
  content: "ON";
  color: #fff;
  width: 10px;
  font-size: 12px;
  position: absolute;
  left: 8px;
  top: 4px;
  z-index: 9;
  display: block;
}
.not-checked.switch:after {
  content: "OFF";
  color: #fff;
  width: 10px;
  font-size: 12px;
  position: absolute;
  right: 18px;
  top: 3.5px;
  z-index: 9;
  display: block;
}
body {
  overflow: hidden;
}
.blue-text-button:hover {
  color: #0e9aef;
  text-decoration: underline;
}
.blue-text-button {
  text-decoration: none;
}
.padding-8 {
  padding: 8px;
}
.padding-15 {
  padding: 15px;
}
.inline-block {
  display: inline-block !important;
}
.z-index-9999 {
  z-index: 9999;
}
.padding-right-15 {
  padding-right: 15px;
}
.no-padding {
  padding: 0 !important;
}
.pos_relative {
  position: relative !important;
}
.padding-20-vertical {
  padding: 20px 0;
}
.padding-20-horizontal {
  padding: 0 20px;
}
.padding-10-vertical {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.flex {
  display: flex;
}
.page-wrapper {
  width: calc(100% - 311px) !important;
  margin: 0 !important;
  float: left;
  position: relative !important;
  height: 100%;
}
.email_admin_breadcrumb {
  margin-bottom: 0;
}
.custom_email_sidebar {
  background-color: #303b42;
  padding-top: 15px;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li {
  margin: 0;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > .k-bot {
  padding: 0 15px 0 20px;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > .k-bot:hover {
  background-color: transparent;
  color: #fff;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > .k-bot:hover .k-in {
  color: #fff;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > ul.k-group > li {
  padding: 0;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > ul.k-group > li:focus {
  outline: 0;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li span.k-in {
  border: 0;
  color: #b6bac1;
  font-size: 14px;
  padding: 8px 15px 8px 0;
  width: 100%;
  margin: 0;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > ul > li .k-in:focus {
  background: 0 0;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > .k-bot .k-icon {
  color: #fff;
}
.custom_form {
  display: inline-block;
  float: left;
  width: 100%;
}
.custom_form .form-group {
  width: 100%;
  display: inline-block;
  float: left;
}
.custom_form .form-group input,
.custom_form .form-group select {
  width: 100%;
  display: inline-block;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li i.fa {
  padding-right: 10px;
  font-size: 12px;
}
#assignee-listing,
#gmailcustomlabeltreeview,
#labels-listing,
.custom_email_sidebar #treeview {
  position: relative;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > ul > li .k-in {
  padding: 5px 15px 5px 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > ul
  > li
  > div
  .k-icon
  + .k-in {
  padding-left: 31px;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > ul > li .k-in:focus {
  outline: 0;
  background: 0 0 !important;
  border-radius: 0;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li span.k-in i {
  margin-right: 4px;
  font-size: 12px;
}
.email_list_ctrl {
  background-color: #fff;
  margin: 0;
}
.email_list_ctrl ul.inbox-listing-inner li {
  background-color: #fff;
  width: 100%;
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
  font-weight: 400 !important;
  color: #4b4b4b;
  position: relative;
  float: left;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -ms-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -o-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
}
.email_list_ctrl ul.inbox-listing-inner li [role="checkbox"]:before {
  width: 18px;
  height: 18px;
}
.email_list_ctrl ul.inbox-listing-inner li:last-child {
  border-bottom: 0;
}
.email_list_ctrl ul.inbox-listing-inner li:hover {
  z-index: 9;
  box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  -webkit-box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  -moz-box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  -ms-box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  -o-box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.email_list_ctrl ul.inbox-listing-inner li:hover .conversation-count-em {
  color: #767676;
}
.email_list_ctrl ul.inbox-listing-inner li .emailDetailsList {
  padding: 10px 10px 10px 62px;
  display: inline-block;
  width: 100%;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
ul#emailListUl li.active {
  background-color: #eef7ff;
}
.email_list_ctrl ul#emailListUl li.active:before {
  position: absolute;
  width: 2px;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background-color: #55457f !important;
}
ul#emailListUl li.active,
ul#emailListUl li.active:hover {
  background-color: #e6f0fa;
  color: #4b4b4b;
}
ul#emailListUl li.active,
ul#emailListUl li.active:hover span#email_date,
ul#emailListUl li.active:hover span#email_id {
  color: #5b5b5b !important;
}
ul#emailListUl li.active > a,
ul#emailListUl li.active > a:hover {
  color: #5b5b5b;
}
ul#emailListUl li.active:hover {
  background-color: #e6f0fa;
  color: #4b4b4b !important;
}
ul#emailListUl li.active:hover > a {
  color: #5b5b5b !important;
}
ul#emailListUl li.active:hover .email_star > i.unstarred:before {
  color: #acacac;
}
ul#emailListUl li.checked,
ul#emailListUl li.checked:hover {
  background-color: #e6f0fa;
  color: #4b4b4b;
}
ul#emailListUl li.checked,
ul#emailListUl li.checked:hover span#email_date,
ul#emailListUl li.checked:hover span#email_id {
  color: #5b5b5b !important;
}
ul#emailListUl li.checked > a,
ul#emailListUl li.checked > a:hover {
  color: #5b5b5b;
}
ul#emailListUl li.checked:hover {
  background-color: #e6f0fa;
  color: #4b4b4b !important;
}
ul#emailListUl li.checked:hover > a {
  color: #5b5b5b !important;
}
ul#emailListUl li.checked:hover .email_star > i.unstarred:before {
  color: #acacac;
  color: #888e98;
}
span#message_subject > i.unstarred {
  color: #acacac;
}
span#message_subject > i.starred {
  color: #ffd76e;
}
.email_list_ctrl .inbox-listing-inner {
  margin: 0;
  padding: 23px 25px;
}
ul#emailListUl li.active:hover .email_star > i.unstarred:before {
  color: #888e98;
}
span#message_subject > i.unstarred {
  color: #acacac;
}
span#message_subject > i.stared {
  color: #ffd76e;
}
.email_list_ctrl .inbox-listing-inner {
  margin: 0;
  padding: 0;
}
.email_list_ctrl ul.inbox-listing-inner li a {
  width: 43%;
  display: inline-block;
  float: left;
  padding: 0 0 0 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
  color: #333;
}
.k-splitbar.k-state-default.k-splitbar-horizontal {
  background-color: #e5e5e5;
  width: 0;
  display: inline-block !important;
  border-top: 0;
  border-bottom: 0;
  cursor: col-resize;
}
.k-splitbar.k-state-default.k-splitbar-horizontal.k-state-focused {
  box-shadow: none;
}
.k-splitbar.k-state-default.k-splitbar-vertical {
  background-color: #fff;
  border-top: 1px solid #e5e5e5 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  height: 3px;
  display: inline-block !important;
  border-left: 0;
  border-right: 0;
  cursor: row-resize;
}
.k-splitbar.k-state-default.k-splitbar-vertical.k-state-focused {
  box-shadow: none;
}
.k-icon.k-resize-handle.k-i-vbar {
  background-color: #2e2e2e;
  display: none;
}
.custom_splitter {
  height: calc(100vh - 179px) !important;
  border: 0;
  background-color: #f3f3f4;
}
.app_col_first {
  height: calc(93vh - -6px) !important;
}
body.preview_right_active .app_col_four,
body.preview_right_active .app_col_second,
body.preview_right_active .custom_splitter {
  height: calc(100vh - 172px) !important;
}
body.preview_list_active .app_col_four,
body.preview_list_active .app_col_second,
body.preview_list_active .custom_splitter {
  height: calc(100vh - 167px) !important;
}
.email_preview_ctrl iframe.email_preview_iframe_ctrl {
  border: 0;
}
.custom_page_wrapper {
  padding: 0 !important;
  margin: 0;
}
#calender_icon,
#list_checkbox_ctrl,
#reminder_icon,
.email_list_toolbar_ctrl .k-button-group a,
.email_list_toolbar_ctrl .k-split-button a,
.email_list_toolbar_ctrl .k-split-button.k-state-border-down > .k-button,
.email_list_toolbar_ctrl .k-split-button.k-state-border-up > .k-button {
  background: 0 0;
  border: 0;
  padding: 2px 10px;
  width: auto;
  color: #767676;
  box-sizing: border-box;
  height: calc(1.72em + 6px);
  font-size: 15px;
}
#move_to_inbox {
  margin: 0;
}
#move_to_inbox svg.menu-icon {
  width: 18px;
  padding: 0;
  fill: #767676;
}
#move_to_inbox:hover svg {
  fill: #333;
}
#toolbar_archive_delete_ctrl a:focus,
.email_list_toolbar_ctrl #toolbar a:focus,
.email_list_toolbar_ctrl .k-button:focus,
.email_list_toolbar_ctrl .k-split-button:focus > .k-button {
  background: #f5f9ff !important;
  border: 0 !important;
}
.email_list_toolbar_ctrl .k-toolbar .k-split-button .k-split-button-arrow {
  margin: 0 0 0 -4px;
  display: inline-flex;
  border-left: 0 !important;
  padding-left: 2px;
  padding-right: 3px;
}
.email_list_toolbar_ctrl .k-button-group a > span.k-icon,
.email_list_toolbar_ctrl .k-split-button a > span.k-icon {
  color: gray;
}
#toolbar_archive_delete_ctrl a:hover,
.email_list_toolbar_ctrl #toolbar a:hover,
.email_list_toolbar_ctrl .k-button-group a:focus,
.email_list_toolbar_ctrl .k-button-group a:hover {
  background: #f2f2f2;
  color: #333;
}
#createTask .k-icon {
  top: -2px;
}
.email_list_toolbar_ctrl .k-split-button {
  box-shadow: none;
}
.email_list_toolbar_ctrl .k-split-button a:focus span.k-icon.email_toolbar {
  border: 0;
  padding: 15px 5px;
}
.email_toolbar .k-overflow-anchor {
  background: 0 0;
  border: 0;
  max-height: 54px;
  top: 0;
  right: 0;
}
.email_toolbar .k-overflow-anchor > span.k-icon {
  color: #5b626e;
}
.email_toolbar .k-overflow-anchor:active,
.email_toolbar .k-overflow-anchor:focus,
.email_toolbar .k-overflow-anchor:hover {
  background: 0 0;
  box-shadow: none;
  border: 0;
}
.k-list-container {
  background-color: #fff;
  border-color: #c3c9cf;
}
.email_preview_ctrl > iframe {
  padding: 15px;
  box-sizing: border-box;
}
i.menu_label_dots {
  font-size: 8px;
  margin-right: 8px;
  top: -2px;
  position: relative;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li#treeview_tv_active
  > .k-top
  .k-in {
  color: #8b8b8b;
  font-size: 14px;
  font-weight: 400;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > .k-top
  .k-icon.k-i-collapse:before {
  content: "\e013";
  color: #8b8b8b;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > .k-top
  .k-icon.k-i-expand:before {
  content: "\e014";
  color: #8b8b8b;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > ul.k-group
  > li#treeview_tv_active {
  border-bottom: 0;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > .k-top > .k-in {
  color: #8b8b8b !important;
  font-size: 14px !important;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li > .k-top > .k-in:hover {
  background-color: transparent !important;
  background: 0 0 !important;
  color: #d5d5d5 !important;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li:hover
  > .k-top
  > .k-icon:before,
.custom_email_sidebar ul.k-group.k-treeview-lines > li:hover > .k-top > .k-in {
  background: 0 0 !important;
  color: #d5d5d5 !important;
}
.treeview_search_filter_ctrl .filtertxt_input {
  border: 1px solid #291d47;
  border-radius: 18px;
  background-color: #291d47;
  width: 100%;
  padding: 3px 10px !important;
  position: relative;
  font-size: 14px;
  color: #a599d7;
  font-weight: 300;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  float: left;
  margin: 0;
}
.treeview_search_filter_ctrl .filtertxt_input:hover {
  color: #fff;
  background-color: #291d47 !important;
}
.filtertxt_input::placeholder {
  color: #a599d7 !important;
}
.treeview_search_filter_ctrl {
  text-align: center;
  margin: 0;
  display: inline-block;
  width: 100%;
  padding: 0 8px;
}
.treeview_search_filter_ctrl > span {
  position: relative;
}
.treeview_search_filter_ctrl > span:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 13px;
  color: #fff;
  width: 17px;
  height: 17px;
}
#email_sidebar {
  width: 235px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
  float: left;
  left: 0;
  position: relative;
  transition: width 0.4s;
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  -ms-transition: width 0.4s;
  -o-transition: width 0.4s;
}
#page-wrapper {
  width: calc(100% - 311px) !important;
  margin: 0 !important;
  float: left;
  position: relative !important;
  height: 100%;
}
.sidemenu_brand_ctrl {
  padding: 17px 14px;
}
.brand_left_sec a i.fa {
  margin-right: 3px;
}
.sidemenu_brand_ctrl {
  padding: 12px 14px;
  display: inline-block;
  min-width: 234px;
}
body.hide_sideMenu .sidemenu_brand_ctrl {
  min-width: auto;
}
.brand_right_sec {
  display: inline-block;
  float: right;
  margin: 5px 2px 0 0;
  width: 30px;
}
.brand_right_sec a,
.brand_right_sec svg {
  fill: #9ca6af;
  width: auto;
  display: block;
}
.brand_right_sec svg:hover {
  fill: #fff;
}
.fieldlist {
  margin: 0 0 -2em;
  padding: 0;
}
.fieldlist li {
  list-style: none;
  padding-bottom: 2em;
}
.fieldlist label {
  display: block;
  padding-bottom: 1em;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  color: #444;
}
.fieldlist li {
  list-style: none;
  padding-bottom: 2em;
  width: 100%;
}
.fieldlist li input,
.fieldlist li span,
.fieldlist li textarea {
  width: 100%;
  border-color: #a9a9a9;
}
.selectfield {
  width: 100%;
  border: 1px solid #a9a9a9;
  padding: 4px 5px;
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.create_asana_form {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.dark_toolbar .email_toolbar {
  overflow: visible;
  box-shadow: none;
  background: 0 0;
  padding: 0;
}
.email_toolbar {
  border: 0;
}
.reply_form_ctrl li.reply_form_innr ul.k-editor-toolbar li:first-child {
  min-width: 140px !important;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
}
.reply_form_ctrl li.reply_form_innr ul.k-editor-toolbar li {
  width: auto;
  display: inline;
}
.sideMenu_bottom_links {
  position: absolute;
  bottom: 44px;
  width: 100%;
  box-sizing: border-box;
  z-index: 9;
}
.sideMenu_bottom_links ul.bottom_links {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  float: left;
  border-top: 1px solid #dadce0;
  background-color: #f5f5f7;
}
.sideMenu_bottom_links ul.bottom_links > li {
  list-style-type: none;
  width: 33.33%;
  display: inline-block;
  box-sizing: border-box;
  float: left;
}
.sideMenu_bottom_links ul.bottom_links > li > a {
  padding: 10px 5px;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #a599d7;
  font-size: 13px;
}
.sideMenu_bottom_links ul.bottom_links > li > a:hover {
  background-color: #f9fafc;
  color: #38393d;
}
.sideMenu_bottom_links ul.bottom_links > li > a.active {
  background-color: #f9fafc;
  color: #38393d;
}
body.hide_sideMenu #email_sidebar {
  width: 0;
}
body.hide_sideMenu #page-wrapper {
  width: 100% !important;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
}
body.hide_sideMenu .show_leftMav {
  display: block !important;
}
body.hide_sideMenu .brand_right_sec {
  display: none;
}
body.hide_sideMenu .second_nav_ctrl {
  display: none;
}
body.hide_sideMenu .gmailcustomlabeltreeview {
  display: none;
}
a.show_leftMav {
  color: #fff;
  font-size: 21px;
  display: inline-block;
  float: left;
  margin: 7px 20px 0 5px;
}
h2.head1 {
  clear: none;
  margin-left: 10px;
}
.breadcrumb-container-space .newadmin_breadcrumb {
  padding: 10px 18px 8px !important;
}
.email_star {
  position: absolute;
  left: 38px;
}
.email_star > i {
  cursor: pointer;
}
.email_star > i.starred:before {
  color: #ffd76e;
}
.email_star > i.unstarred:before {
  color: #d7d7d7;
}
.MainMenu {
  position: relative;
  padding: 0 0 0;
  height: 100%;
}
ul#settings_view > li * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
ul#settings_view > li.go_back .k-in {
  padding: 11px 15px;
}
.go_back i {
  margin: 0 10px 0 0;
  display: inline-block;
}
ul#settings_view li.menu_group .k-in {
  color: #8b8b8b;
  font-weight: 700;
  text-transform: uppercase;
}
ul#settings_view li.menu_group .k-in:hover {
  background: 0 0;
  cursor: default;
}
ul#settings_view li.seperator {
  height: 1px;
  margin-top: 10px;
  margin-bottom: 5px;
  border-top: 1px solid #464d5a;
  cursor: default;
}
ul#settings_view li.seperator .k-in:hover,
ul#settings_view li.seperator:hover {
  background: 0 0;
}
ul#settings_view > li#settings_view_tv_active.seperator,
ul#settings_view > li#settings_view_tv_active.seperator:hover {
  cursor: default;
  background: 0 0;
  border-top: 1px solid #464d5a;
}
ul#settings_view > li.go_back {
  padding-left: 0;
  text-transform: uppercase;
  margin-left: 0;
}
ul#settings_view li#settings_view_tv_active {
  border-bottom: 0;
}
ul#settings_view li#settings_view_tv_active.go_back {
  background: 0 0;
  border: 0;
}
ul#settings_view li#settings_view_tv_active.go_back .k-in.k-state-selected {
  background: 0 0;
}
ul#settings_view li#settings_view_tv_active.menu_group {
  background: 0 0;
  border: 0;
}
ul#settings_view > li#settings_view_tv_active.go_back .k-in {
  padding: 11px 15px;
  cursor: pointer;
}
input.email_list_checkbox {
  position: absolute;
  margin-top: 5px;
  left: 21px;
}
.email_list_ctrl ul.inbox-listing-inner li span#email_date {
  color: #5b626e;
  font-size: 12px;
  float: right;
  margin-right: 3px !important;
  padding-top: 2px;
  display: inline-block;
  position: relative;
}
.mail_list_attachment {
  float: right;
  margin-right: 8px;
  font-size: 11px;
  margin-top: 2px;
}
#list_pagination a {
  padding: 5px;
}
.mail-sender-wrapper .mail-to {
  color: #1f7fc9;
}
.mail-header-wrapper #message_subject > i.starred {
  color: #ffd76e;
  font-size: 16px;
  top: -3px;
  position: relative;
}
.reply_email {
  color: #202124;
  font-size: 14px;
  font-weight: 600;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 27%;
  min-width: 27%;
}
#email_label_ctrl label,
#email_label_ctrl strong {
  color: #5f6368;
  font-size: 12px;
  box-sizing: border-box;
  display: inline-block;
  font-weight: 400;
  margin-top: 2px;
  letter-spacing: 0.3px;
}
#searchtreeview.searchViewTree {
  margin-top: 10px;
}
#searchtreeview.searchViewTree > ul.k-treeview-lines {
  padding-top: 10px;
}
.conversation_ctrl .mail-sender-wrapper {
  border: 1px solid #e2e2e2;
  margin: 0;
  padding: 14px 15px;
  background-color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.conversation_ctrl .active_conversation_view .mail-sender-wrapper {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
a.view_mail {
  color: #5b626e;
  display: block;
  padding: 0 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  border: 1px solid #c3c9cf;
  height: 11px;
  width: 11px;
  margin-left: 1px;
}
a.view_mail:focus,
a.view_mail:hover {
  background-color: #fff;
}
a.view_mail i:before {
  content: "\f141";
  top: -5px;
  position: relative;
  font-size: 11px;
}
.conversation_preview_ctrl {
  display: inline-block;
  width: 100%;
  padding: 10px 64px;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  background-color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 0;
}
.conversation_thread_ctrl.active_conversation_view .mail-sender-wrapper {
  background-color: #fff;
  border: 0;
}
.conversation_thread_ctrl.active_conversation_view .conversation_preview_ctrl {
  border-top-color: #fff;
  border: 0;
}
.conversation_thread_ctrl {
  padding: 20px;
  background-color: #f8f8f8;
}
.conversation_thread_ctrl.active_conversation_view
  .inner-conversation_thread_ctrl {
  border: 2px solid #5cb0ff;
  border-radius: 8px;
}
.mail-has-attachment {
  olor: #000;
  position: relative;
  margin: 2px 10px 0 0;
  font-size: 13px;
  opacity: 0.4;
  float: left;
}
.k-treeview .k-in.k-state-focused,
.k-treeview .k-in.k-state-hover,
.k-treeview .k-in.k-state-selected {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
.k-in.k-state-selected {
  background: 0 0;
}
ul#settings_view > li#settings_view_tv_active.seperator .k-in,
ul#settings_view > li#settings_view_tv_active.seperator .k-in:hover {
  background: 0 0;
}
#list_pagination a,
#preview_toolbar a,
#toolbar a {
  border-radius: 20px;
}
#list_pagination a.k-button.k-split-button-arrow,
#preview_toolbar a.k-button.k-split-button-arrow,
#toolbar a.k-button.k-split-button-arrow {
  border-radius: 0;
}
#toolbar a#move_to_folder:hover,
#toolbar a#move_to_labels:hover {
  background: 0 0;
}
#list_pagination a:focus,
#preview_toolbar a:focus,
#toolbar a:focus {
  outline: 0;
  box-shadow: none;
}
.email_list_ctrl ul.inbox-listing-inner li.read {
  background-color: #f5f7f7;
}
.email_list_ctrl ul.inbox-listing-inner li.unread .reply_email,
.email_list_ctrl ul.inbox-listing-inner li.unread a,
.email_list_ctrl ul.inbox-listing-inner li.unread span#email_date {
  color: #333 !important;
}
.email_list_ctrl ul.inbox-listing-inner li.unread #email_date,
.email_list_ctrl ul.inbox-listing-inner li.unread .reply_email {
  font-weight: 600;
}
.email_list_ctrl ul.inbox-listing-inner li.read #email_date,
.email_list_ctrl ul.inbox-listing-inner li.read .reply_email,
.email_list_ctrl ul.inbox-listing-inner li.read a {
  font-weight: 400;
}
.custom_scrollbar_third_column_fix {
  overflow: auto;
  overflow-x: hidden;
  height: calc(100% - 93px);
  position: relative;
}
ul.tabs_menu {
  margin: 0;
  display: inline-block;
  width: 100%;
  border-bottom: 0;
  float: left;
}
ul.tabs_menu li a {
  padding: 18px 46px;
  border-bottom: 4px solid transparent;
  color: #888e98 !important;
  font-weight: 700;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  text-transform: capitalize;
  background-color: #f5f5f5;
  float: left;
  min-height: 70px;
}
ul.tabs_menu li a:hover {
  color: #464d5a;
  border-bottom: 4px solid #4ca7f1 !important;
  background-color: #ebebeb;
}
ul.tabs_menu li a.active {
  color: #000 !important;
  border-bottom: 4px solid #4ca7f1 !important;
}
ul.tabs_menu li a.active:focus,
ul.tabs_menu li a.active:hover {
  outline: 0;
  border: 0;
  box-shadow: none;
}
.email_deleted_notification {
  background-color: #303b42;
  padding: 14px 25px 12px;
  position: absolute;
  bottom: 65px;
  box-sizing: border-box;
  margin-bottom: 5px;
  display: inline-block;
  left: 12px;
  z-index: 9999;
  min-width: 340px;
  border-radius: 4px;
}
.email_deleted_notification .lab_1,
.email_deleted_notification .lab_1 i {
  color: #fff;
  font-size: 14px;
  float: left;
  text-transform: uppercase;
}
.email_deleted_notification .lab_1 {
  width: 100%;
}
.email_deleted_notification .lab_1 i {
  margin-right: 15px;
  margin-top: 3px;
}
.email_deleted_notification .lab_1 a.hide_notification {
  float: right;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.email_deleted_notification .lab_1 a.hide_notification i {
  color: #b6bac1;
  margin-right: 5px;
  font-size: 11px;
  top: 0;
  display: inline-block;
  position: relative;
}
.email_deleted_notification .lab_1 a.hide_notification:hover i:hover {
  color: #fff;
}
.k-button.k-state-focused,
.k-button.k-state-focused.k-state-disabled,
.k-button:focus,
.k-button:focus:hover,
.k-state-disabled .k-button.k-state-focused {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip,
.k-widget.k-tooltip {
  border-color: #000 !important;
  background-color: #000 !important;
}
.k-callout-n {
  border-bottom-color: #000 !important;
}
#back-forward_tt_active {
  border-color: #000 !important;
  background-color: #000 !important;
}
#back-forward_tt_active .k-callout-s {
  border-top-color: #000;
}
.k-callout-s {
  border-top-color: #000;
}
.pill_main_ctrl {
  display: inline-block;
  top: 4px;
  position: relative;
  vertical-align: middle;
}
.emailassignees {
  margin-top: 5px;
}
.pill_ctrl {
  background-color: #ddd;
  padding: 0;
  border-radius: 1px;
  display: inline-block;
  margin: 0 0 0 8px;
  top: -3px;
  position: relative;
  line-height: 14px;
  float: left;
}
.pill_ctrl a {
  color: #666;
  font-size: 12px;
  display: inline-block;
  padding: 4px 5px 4px 6px;
}
.pill_ctrl a:hover {
  background-color: #666;
  color: #ddd;
}
.pill_ctrl a.remove_pill {
  color: #666;
  display: inline-block;
  padding: 4px 6px 4px 5px;
  margin-left: 0;
  text-align: center;
}
.pill_ctrl a.remove_pill:hover {
  background-color: #666;
  color: #ddd;
}
.pill_ctrl a.remove_pill i.fas {
  font-size: 10px;
}
.tabstrip {
  border: none;
  background-color: #fff;
  box-shadow: none;
}
.manageLabels {
  display: none;
  background-color: #fff;
  font-size: 14px;
  height: 100%;
  min-height: calc(100vh - 50px);
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  left: 0;
  right: 0;
}
.alP {
  color: #15c;
  cursor: pointer;
  text-decoration: none;
}
.alR {
  font-weight: 700;
}
.alQ {
  padding: 9px 15px;
  vertical-align: top;
}
.alT {
  padding: 3px 15px;
}
.r8 {
  padding-left: 8px;
  vertical-align: top;
  width: 20%;
}
.alL {
  padding: 10px 15px;
  background-color: #f4f6f8;
  color: #5b626e;
  font-weight: 500;
  font-size: 14px;
}
.al6,
.alC,
.alD,
.azf {
  white-space: nowrap;
  overflow: hidden;
  width: 15em;
}
.alC {
  margin: 1px;
  border: 0;
  padding: 1px;
  margin-top: 4px;
}
.rb {
  font-size: 80%;
  color: #777;
}
ul.temp_layout_icons {
  margin: 6px 0 0 10px;
  display: inline-block;
  float: right;
  padding: 0;
}
ul.temp_layout_icons li {
  padding: 0 5px 0 0;
}
ul.temp_layout_icons a {
  width: 18px;
  display: inline-block;
  opacity: 0.4;
}
ul.temp_layout_icons a:hover {
  opacity: 1;
}
ul.temp_layout_icons a.active {
  opacity: 1;
}
ul.temp_layout_icons a img {
  width: 100%;
}
body.preview_bottom_active .custom_scrollbar_third_column_fix {
  height: 100%;
}
body.preview_none_active #back_to_list > a {
  display: inline-flex;
}
body.preview_none_active .custom_scrollbar_third_column_fix {
  height: calc(100% - 159px);
}
body.preview_list_active .k-splitbar,
body.preview_none_active .k-splitbar {
  display: none;
}
.custom_email_sidebar
  #searchtreeview
  .k-treeview
  > ul.k-group.k-treeview-lines
  > li
  > .k-top,
.custom_email_sidebar
  #searchtreeview
  > ul.k-group.k-treeview-lines
  > li
  > .k-top,
.custom_email_sidebar #settings_view > li > .k-top {
  margin-left: -18px;
  cursor: pointer;
}
.custom_email_sidebar
  #searchtreeview
  > ul.k-group.k-treeview-lines
  > li
  > .k-top
  .k-icon.k-i-collapse-new:before,
.custom_email_sidebar
  #settings_view
  > li
  > .k-top
  .k-icon.k-i-collapse-new:before {
  content: "\e016" !important;
}
.iframe_ctrl {
  padding: 20px;
  background-color: #fff;
  position: relative;
  border: 1px solid #dadce0;
  border-radius: 8px;
}
.app_col_three .slimScrollDiv {
  height: calc(100% - 55px) !important;
}
#more_option_optionlist {
  position: absolute;
  z-index: 9;
  transform: translateY(-176px);
  display: none;
  padding: 0;
}
#more_option_optionlist.active {
  display: block;
  transform: translateY(0);
}
.preview_pane_ctrl {
  display: inline-block;
  float: right;
  margin: 2px 28px 0 10px;
}
.preview_pane_ctrl button.dropdown-toggle {
  background: 0 0;
  border: 0;
  padding: 0;
  width: 18px;
}
.preview_pane_ctrl button {
  border: 0;
  box-shadow: none;
}
.preview_pane_ctrl button.dropdown-toggle {
  border: 0;
  outline: 0;
  box-shadow: none !important;
  background: 0 0 !important;
}
.preview_pane_ctrl button img {
  width: 90%;
  border: 0;
  box-shadow: none;
  opacity: 0.55;
}
.dropdown.preview_pane_ctrl:hover button img {
  opacity: 1;
}
.preview_pane_ctrl.density button {
  width: 37px;
}
#filterby_dropdown_button i {
  padding: 0;
}
.preview_pane_ctrl ul.dropdown-menu {
  float: left;
  right: auto;
  left: -115px;
  margin-top: 10px;
  border-radius: 1px;
  min-width: 155px;
  width: 100%;
  border: 1px solid #ccd1d4;
  box-shadow: none;
  padding: 0;
  box-sizing: border-box;
  display: none;
  animation-duration: 0.35s;
}
.preview_pane_ctrl ul.dropdown-menu li a {
  padding: 6px 12px;
  margin: 0;
  display: inline-block;
  width: 100%;
  color: #5b626e;
  font-size: 12px;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0 !important;
}
.preview_pane_ctrl ul.dropdown-menu img {
  width: 18px;
  margin-right: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.preview_pane_ctrl ul.dropdown-menu li a.active {
  color: #000;
}
.preview_pane_ctrl ul.dropdown-menu li a.active img {
  opacity: 1;
}
.preview_pane_ctrl.open > button > ul.dropdown-menu {
  display: block;
}
.preview_pane_ctrl:hover > i.fas {
  opacity: 1;
}
#move_to_folder i.menu-icon,
#move_to_tags i.menu-icon {
  font-size: 16px;
  top: 0;
}
body.preview_list_active .email_list_ctrl ul.inbox-listing-inner li {
  float: left;
}
body.preview_list_active .reply_email {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 12% !important;
  display: inline-block;
  float: left;
  padding-right: 20px;
  min-width: 100px;
}
body.preview_list_active .email_list_ctrl ul.inbox-listing-inner li br {
  display: none;
}
body.preview_list_active .email_list_ctrl ul.inbox-listing-inner li a {
  width: 70%;
  display: inline-block;
  float: left;
  width: 70%;
  display: inline-block;
  float: left;
}
.smartsheet_ctrl {
  height: calc(100vh - 49px);
}
.popup_action_btns.density-tabs {
  text-align: center !important;
}
.popup_action_btns.density-tabs li {
  display: inline-block;
  float: none;
  flex: none;
}
.popup_action_btns.density-tabs li a {
  border: 1px solid #c3c9cf !important;
  font-size: 14px;
  border-radius: 5px !important;
  line-height: 10px;
}
.density_top_parent_ctrl .k-window-titlebar {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  border-bottom: 1px solid #ececec !important;
}
.density_top_parent_ctrl .k-window-titlebar .k-dialog-action.k-dialog-close {
  opacity: 0.35;
}
.popup_action_btns.density-tabs li a:active,
.popup_action_btns.density-tabs li a:focus,
.popup_action_btns.density-tabs li a:hover {
  background-color: #ebebeb;
  border-color: #c3c9cf;
}
.popup_action_btns.density-tabs li a:focus {
  background-color: #ebebeb;
  border-color: #c3c9cf;
  color: #333;
}
.popup_action_btns.density-tabs li a.active {
  background-color: #008adf;
  color: #fff;
}
.popup_action_btns.density-tabs li a.active:hover {
  background-color: #008adf;
  border-color: #008adf;
  color: #fff;
}
.confirm-view a {
  padding: 12px 15px;
  line-height: 10px;
  border-radius: 5px;
  color: #fff;
  background-color: #008adf;
  border-color: #008adf;
}
.confirm-view a:active,
.confirm-view a:focus,
.confirm-view a:hover {
  background-color: #008adf;
  border-color: #008adf;
  color: #fff;
}
.compact {
  margin-bottom: 10px;
  display: inline-block;
}
body.comfort_view_active .conversation-count-em {
  top: 39px;
}
#density_popup_innr .chose_view_img_ctrl {
  width: calc(100% / 2 - 12px);
  display: inline-block;
  float: left;
  padding: 15px 15px 0;
  box-sizing: border-box;
  background-color: #f4f6f8;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin: 6px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#density_popup_innr .chose_view_img_ctrl:hover {
  border-color: rgba(16, 110, 212, 0.7);
}
#density_popup_innr .chose_view_img_ctrl.active {
  background-color: #e6f0fa;
  border-color: #106ed4;
}
#density_popup_innr .chose_view_img_ctrl h6 {
  text-align: center;
  font-size: 16px;
  color: #464d5a;
  padding: 4px 0;
  font-weight: 400;
}
#density_popup_innr .chose_view_img_ctrl.active h6 {
  color: #f99200;
  font-weight: 500;
}
.Doc_navigation {
  background-color: #f8f8f8;
  height: auto;
  padding: 14px;
}
.doc_navigation_top_header h3 {
  color: #656565;
  font-weight: 400;
  font-size: 20px;
  display: inline;
}
.docs_page.preview_pane_ctrl {
  display: inline-block;
  float: right;
  margin: -2px 20px 0 0;
  padding: 2px 2px 3px;
}
.docs_page.preview_pane_ctrl i {
  color: #777;
  opacity: 1;
}
.docs_page.preview_pane_ctrl.open {
  background-color: #a3bde3;
}
.docs_page.preview_pane_ctrl ul.dropdown-menu {
  left: -80px;
  margin-top: 0;
  min-width: 103px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.docs_page.preview_pane_ctrl ul.dropdown-menu li {
  padding: 1px;
}
.docs_page.preview_pane_ctrl ul.dropdown-menu li a {
  padding: 0 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  text-align: center;
  line-height: 19px;
  border: 0.5px solid transparent;
}
.docs_page.preview_pane_ctrl ul.dropdown-menu li a:hover {
  background-color: #d5e1f2;
  border-radius: 0;
  border: 0.5px solid #a3bde3;
}
a.close_doc_navigation {
  float: right;
  color: #777;
  margin-top: 4px;
}
.docs_page.preview_pane_ctrl:hover {
  background-color: #a3bde3;
}
.docs_page.preview_pane_ctrl:hover i {
  color: #3e6db5;
}
a.close_doc_navigation {
  float: right;
  color: #777;
  margin-top: -1px;
  padding: 5.5px 6px;
  font-size: 11px;
}
a.close_doc_navigation:hover {
  background-color: #a3bde3;
}
a.close_doc_navigation:hover > i {
  color: #3e6db5;
}
.doc_search_ctrl {
  margin: 15px 0 0;
  display: inline-block;
  float: left;
  width: 100%;
}
.doc_search_ctrl input.k-textbox {
  border: thin solid #6a6a6a;
  color: #5b626e;
  border-radius: 0;
  padding: 2px 48px 2px 3px;
}
.docs_page.preview_pane_ctrl.docs_combo_dropdown
  ul.dropdown-menu
  li.panel-head {
  background-color: #ebebeb;
  color: #6a6a6a;
  padding: 3px 7px;
  font-weight: 500;
  cursor: default;
}
.docs_page.preview_pane_ctrl.docs_combo_dropdown {
  margin: 0;
  top: 1px;
  position: absolute;
  right: 1px;
}
.docs_page.preview_pane_ctrl.docs_combo_dropdown ul.dropdown-menu {
  min-width: 166px;
  left: -144px;
  margin-top: 1px;
}
.docs_page.preview_pane_ctrl.docs_combo_dropdown ul.dropdown-menu li a {
  text-align: left;
  padding-left: 32px;
  position: relative;
}
.docs_page.preview_pane_ctrl.docs_combo_dropdown ul.dropdown-menu li a i {
  position: absolute;
  left: 11px;
  top: 3px;
}
.app_col_second.docs_app {
  overflow: visible !important;
}
.docs_page.preview_pane_ctrl.docs_combo_dropdown ul.sub-dropdown-ul {
  left: auto;
  right: -101%;
  margin-top: -23px;
  display: none;
}
.docs_page.preview_pane_ctrl.docs_combo_dropdown
  ul.dropdown-menu
  li
  a
  i.right-alignment {
  right: 0 !important;
  left: auto;
}
.docs_page.preview_pane_ctrl.docs_combo_dropdown
  li.show-sub-dropdown:hover
  ul.sub-dropdown-ul {
  display: block;
}
.doc_search_ctrl .k-list-filter > .k-icon {
  right: 26px;
  color: #2b579a;
  font-weight: 900;
}
.docs_tabstrip_ctrl {
  background: 0 0;
  border: 0;
  box-shadow: none;
}
.docs_tabstrip_ctrl:focus {
  box-shadow: none;
}
.k-tabstrip-wrapper {
  display: inline-block;
  width: 100%;
  float: left;
  margin-top: 20px;
}
#docs_tabstrip.docs_tabstrip_ctrl > ul > li.k-state-active {
  border: 1px solid #c6c6c6;
  border-bottom: 0;
  background-color: #f8f8f8;
}
#docs_tabstrip.docs_tabstrip_ctrl > ul.k-tabstrip-items > li span.k-link {
  background: 0 0 !important;
  color: #444 !important;
  font-weight: 400;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 5px;
}
#docs_tabstrip .k-content.k-state-active {
  background: 0 0;
  border: 0;
  box-shadow: none !important;
  outline: 0;
  margin: 0;
  padding: 0;
  height: calc(100vh - 224px);
}
#docs_tabstrip.docs_tabstrip_ctrl > ul > li.k-state-active span.k-link {
  color: #2b579a !important;
  font-weight: 500;
  background-color: none !important;
  min-height: 17px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#docs_tabstrip.docs_tabstrip_ctrl > ul.k-tabstrip-items > li.k-state-hover {
  background: 0 0 !important;
}
#docs_tabstrip .tab_innr_ctrl {
  height: 100%;
}
#docs_tabstrip.docs_tabstrip_ctrl span.k-icon.k-i-collapse {
  color: #444;
}
#docs_tabstrip.docs_tabstrip_ctrl .k-in,
#docs_tabstrip.docs_tabstrip_ctrl .k-in span {
  color: #444;
}
#docs_tabstrip.docs_tabstrip_ctrl .k-bot,
#docs_tabstrip.docs_tabstrip_ctrl .k-mid,
#docs_tabstrip.docs_tabstrip_ctrl .k-top {
  border: 1px solid transparent;
}
#docs_tabstrip.docs_tabstrip_ctrl .k-bot:hover,
#docs_tabstrip.docs_tabstrip_ctrl .k-mid:hover,
#docs_tabstrip.docs_tabstrip_ctrl .k-top:hover {
  border: 1px solid #a3bde3;
  border-radius: 0;
}
#docs_tabstrip.docs_tabstrip_ctrl
  ul#contentTreeView
  li#contentTreeView_tv_active[aria-selected="true"]
  > .k-top {
  background-color: #c2d5f2;
}
#docs_tabstrip.docs_tabstrip_ctrl
  ul#contentTreeView
  li#contentTreeView_tv_active[aria-selected="true"]
  > .k-bot {
  background-color: #c2d5f2;
}
#docs_tabstrip.docs_tabstrip_ctrl
  ul#contentTreeView
  li#contentTreeView_tv_active[aria-selected="true"]
  > .k-mid {
  background-color: #c2d5f2;
}
.footer_info_bar {
  background: #fff;
  width: 100%;
  float: left;
  height: 23px;
  border-top: 1px solid #ececec;
}
body.doc-access .app_col_second {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.preview_page_zoom_ctrl_widget .k-tick {
  display: none;
}
.preview_page_zoom_ctrl_widget .k-button-decrease > span:before,
.preview_page_zoom_ctrl_widget .k-button-increase > span:before {
  display: none;
}
.preview_page_zoom_ctrl_widget .k-slider-track {
  background: #b1b1b1;
  height: 2px;
  top: 9px;
}
.preview_page_zoom_ctrl_widget .k-slider-selection {
  display: none;
}
.preview_page_zoom_ctrl_widget .k-draghandle,
.preview_page_zoom_ctrl_widget .k-draghandle.k-state-focused,
.preview_page_zoom_ctrl_widget .k-draghandle.k-state-selected {
  background-color: #737373;
  box-shadow: none;
  outline: 0;
  border-radius: 0;
  border: 0;
  width: 5px;
  height: 11px;
}
.preview_page_zoom_ctrl_widget
  .k-slider-horizontal
  .k-slider-buttons
  .k-slider-track {
  left: 20px;
}
.preview_page_zoom_ctrl_widget .k-slider-horizontal {
  width: 171px;
  top: -9px;
}
.preview_page_zoom_ctrl_widget {
  display: inline-block;
  float: right;
  top: -2px;
  position: relative;
  margin-right: 17px;
}
.preview_page_zoom_ctrl_widget label {
  font-size: 11px;
  font-weight: 400;
  top: 1px;
  position: relative;
  min-width: 27px;
}
.horizontal-rule {
  border-bottom: 1px solid #333;
  width: 100%;
}
.fixed_formatted_heading {
  position: relative;
  padding: 0 0 5px;
  margin-top: 0 !important;
}
.fixed_formatted_heading:before {
  border-bottom: 1px solid #333;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
}
.fixed_formatted_heading span.task-no {
  padding-right: 16px;
}
.doc_section_ctrl {
  margin-bottom: 25px;
  display: inline-block;
  width: 100%;
}
#docs_tabstrip.docs_tabstrip_ctrl ul.k-tabstrip-items.k-reset {
  border-bottom: 1px solid #c6c6c6;
  display: inline-block;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
.email_list_ctrl ul.inbox-listing-inner li br {
  display: none;
}
.email_list_toolbar_ctrl.dark_toolbar {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.main_toolbar_ctrl {
  background-color: #fff;
  padding: 5px 6px;
  border-top: 0;
  border-bottom: 1px solid #dadce0;
}
.preview_pane_ctrl.density {
  margin: -1px 21px 0 10px;
  float: left;
}
#button_group_1,
#button_group_2,
#button_group_3 {
  padding: 0 14px;
  margin: 0;
}
#button_group_2 a,
#button_group_3 a {
  margin-right: 7px;
}
#button_group_2 a:last-child,
#button_group_3 a:last-child {
  margin: 0;
}
.newadmin_breadcrumb {
  border: 0;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
}
#list_checkbox_ctrl_wrapper .k-button.k-split-button-arrow .k-icon {
  padding: 0;
  top: 2px;
}
#button_group_1 a span {
  color: #5f6368;
  text-align: center;
  margin: 0;
}
#button_group_1 a:hover span {
  color: #333;
}
.email-action-button {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  opacity: 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.email-action-button ul {
  margin: 0;
  padding: 1.5px 0 0;
  display: inline-block;
}
ul#emailListUl .email-action-button ul li {
  display: inline-block !important;
  width: auto !important;
  padding: 10px 9px !important;
  background: 0 0;
  box-shadow: none;
  border-radius: 20px;
  text-align: center;
  margin: 0;
  cursor: pointer;
}
ul#emailListUl .email-action-button ul li:hover {
  background: #f2f2f2;
}
ul#emailListUl .email-action-button ul li:hover i {
  color: #000;
}
.email_list_ctrl ul.inbox-listing-inner li.read .email-action-button {
  background-color: #f5f7f7;
}
.email_list_ctrl ul.inbox-listing-inner li:hover .email-action-button {
  opacity: 1;
}
ul#emailListUl .email-action-button ul li i {
  font-size: 16px;
  cursor: pointer;
  color: #767676;
}
.email_list_ctrl ul.inbox-listing-inner li.active.read .email-action-button {
  background-color: #e6f0fa;
}
.email_list_ctrl
  ul.inbox-listing-inner
  li:hover
  .email_star
  > i.unstarred:before {
  color: #767676;
}
.email_list_ctrl
  ul.inbox-listing-inner
  li:hover
  .email_star
  > i.starred:before {
  color: #f4b400;
}
.email_list_ctrl
  ul.inbox-listing-inner
  li:hover
  > .emailDetailsList
  span#email_date {
  display: none;
}
body.preview_list_active.none_case .custom_scrollbar_third_column_fix {
  height: 100%;
}
body.preview_list_active.none_case #button_group_1,
body.preview_list_active.none_case #list_checkbox_ctrl_wrapper {
  display: none;
}
body.compact-listing
  .email_list_ctrl
  ul.inbox-listing-inner
  li.read
  .reply_email {
  width: 68%;
  max-width: 68%;
}
body.compact-listing
  .email_list_ctrl
  ul.inbox-listing-inner
  li
  .emailDetailsList {
  padding: 10px 11px 10px 56px;
}
body.compact-listing .email_star {
  left: 34px;
}
body.compact-listing .email_list_ctrl ul.inbox-listing-inner li a {
  width: 76%;
  padding-left: 0;
  padding-top: 5px;
}
body.compact-listing
  .email_list_ctrl
  ul.inbox-listing-inner
  li:hover
  .email-action-button {
  height: 36px;
  right: 3px;
}
body.comfort_view_active .conversation-count-em,
body.compact-listing .conversation-count-em {
  bottom: 9px;
  top: auto;
  right: 8px;
}
a#more_option {
  color: #5f6368;
  font-weight: 500;
  font-size: 14px;
}
.toolbar-text-label {
  display: none;
}
body.label_as_text #filter_by .toolbar-text-label,
body.label_as_text #move_to_folder .toolbar-text-label,
body.label_as_text #move_to_tags .toolbar-text-label {
  display: inline-block;
  color: #5f6368;
  font-weight: 500;
  padding: 6px 8px 4px;
}
body.label_as_text #filter_by i.menu-icon,
body.label_as_text #filter_by_wrapper i.menu-icon,
body.label_as_text #move_to_folder i.menu-icon,
body.label_as_text #move_to_inbox svg.menu-icon,
body.label_as_text #move_to_tags i.menu-icon,
body.label_as_text #toolbar #button_group_1 a.k-button .k-icon,
body.label_as_text #toolbar #button_group_1 a.k-button i,
body.label_as_text #toolbar #button_group_2 a.k-button .k-icon,
body.label_as_text #toolbar #button_group_2 a.k-button i,
body.label_as_text #toolbar #button_group_3 a.k-button .k-icon,
body.label_as_text #toolbar #button_group_3 a.k-button i,
body.label_as_text #toolbar #createTask i {
  display: none !important;
}
body.label_as_text #toolbar #move_to_folder_wrapper i,
body.label_as_text #toolbar #move_to_labels_wrapper i {
  display: none;
}
body.label_as_text #button_group_1,
body.label_as_text #button_group_2,
body.label_as_text #button_group_3 {
  padding: 0;
  margin: 0;
}
body.label_as_text #list_pagination a,
body.label_as_text #preview_toolbar a,
body.label_as_text #toolbar a {
  border-radius: 4px;
}
body.label_as_text #toolbar a#move_to_folder:hover,
body.label_as_text #toolbar a#move_to_labels:hover {
  background: #f2f2f2;
  color: #333;
}
body.label_as_text .toolbar-text-label {
  display: block;
  color: #5f6368;
  font-size: 14px;
  font-weight: 500;
}
#filter_by,
#move_to_folder,
#move_to_tags {
  overflow: visible;
  margin: 0;
  padding: 0;
  border: 0;
}
#move_to_folder ul.layout_icons.dropdown-menu,
#move_to_tags ul.layout_icons.dropdown-menu {
  overflow: hidden;
  min-width: 400px;
  right: -8px;
  left: auto;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
#filter_by ul.layout_icons.dropdown-menu {
  left: -65px;
  border-radius: 3px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
#move_to_folder ul.layout_icons.dropdown-menu li a,
#move_to_tags ul.layout_icons.dropdown-menu li a {
  position: relative;
  padding: 5px 35px;
  color: #333;
  font-size: 14px;
  border-radius: 8px !important;
}
#filter_by ul.layout_icons.dropdown-menu li {
  padding: 0;
}
#filter_by ul.layout_icons.dropdown-menu li.grey-label {
  padding: 0;
  background: #f2f2f2;
}
#filter_by ul.layout_icons.dropdown-menu li.grey-label:first-child {
  margin-top: 0;
}
#filter_by ul.layout_icons.dropdown-menu li.grey-label:first-child a {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
#filter_by ul.layout_icons.dropdown-menu li.grey-label a {
  border-radius: 0 !important;
  font-weight: 500;
  color: #0e9aef;
}
#filter_by ul.layout_icons.dropdown-menu li a i {
  position: absolute;
  top: 10px;
  left: 11px;
}
#filter_by ul.layout_icons.dropdown-menu li a {
  position: relative;
  padding: 5px 15px 5px 32px;
  color: #333;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}
#move_to_folder .email_check_box[role="checkbox"],
#move_to_tags .email_check_box[role="checkbox"] {
  top: 6px;
  overflow: hidden;
}
#filter_by i.fa-caret-down,
#move_to_folder i.fa-caret-down,
#move_to_tags i.fa-caret-down {
  padding: 0 2px 0 4px;
  opacity: 0.5;
  top: 0;
}
#filter_by .dropdown-toggle,
#move_to_folder .dropdown-toggle,
#move_to_tags .dropdown-toggle {
  width: auto;
}
#filter_by .dropdown.preview_pane_ctrl,
#move_to_folder .dropdown.preview_pane_ctrl,
#move_to_tags .dropdown.preview_pane_ctrl {
  margin: 0 7px 0 0;
}
#move_to_folder ul.toolbar_dropdown_bottom_sec_ctrl,
#move_to_tags ul.toolbar_dropdown_bottom_sec_ctrl {
  padding: 0;
  border-top: 1px solid #ececec;
}
#move_to_folder .seperator_dropdown_sec_ctrl,
#move_to_tags .seperator_dropdown_sec_ctrl {
  overflow-y: auto;
  max-height: 204px;
  padding-top: 10px;
  margin-top: 8px;
  margin-bottom: 7px;
  padding-left: 7px;
  padding-right: 7px;
}
#filter_by .seperator_dropdown_sec_ctrl {
  max-height: 545px;
  padding-top: 0;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}
#move_to_folder .dropdown_search_ctrl .k-textbox,
#move_to_tags .dropdown_search_ctrl .k-textbox {
  border: 1px solid #ececec;
  border-radius: 8px;
  font-size: 14px;
  padding-left: 27px;
  padding-right: 5px;
  line-height: 23px;
  color: #333;
  margin-top: 7px;
}
#move_to_folder .dropdown_search_ctrl .k-textbox::placeholder,
#move_to_tags .dropdown_search_ctrl .k-textbox::placeholder {
  color: #333;
}
#move_to_folder .dropdown_search_ctrl .k-icon,
#move_to_tags .dropdown_search_ctrl .k-icon {
  color: #767676;
  left: 12px;
  margin-top: 4px;
}
#move_to_folder .dropdown_search_ctrl,
#move_to_tags .dropdown_search_ctrl {
  padding: 11px 12px 0;
  color: #333;
  font-size: 14px;
}
.navbar-static-top {
  min-height: auto;
}
.cntxt_menu i {
  color: #767676;
  padding: 0 12px 0 0;
  vertical-align: middle;
  opacity: 1;
}
.cntxt_menu.open > ul.dropdown-menu {
  display: block;
}
.cntxt_menu.open
  ul.dropdown-menu
  > li.dropdown-submenu:hover
  > ul.dropdown-menu {
  display: block;
  left: auto;
  top: 0;
  right: -100%;
  margin: 0;
}
.cntxt_menu ul.dropdown-menu {
  margin: 5px 0 0;
  left: auto;
  right: auto;
  border-color: #d5dce0 !important;
  border-radius: 4px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.06);
  min-width: 175px;
}
.cntxt_menu ul.dropdown-menu li a {
  padding: 5px 12px;
  color: #202124;
  font-size: 13px;
}
.preview_pane_ctrl:hover > i.fas {
  opacity: 1;
}
.cntxt_menu li.dropdown-submenu.horizon-line {
  border-bottom: 1px solid #c6c6c6;
}
.dropdown.cntxt_menu:hover button > i {
  color: #fff;
}
.cntxt_menu li.dropdown-submenu > a > i {
  float: right;
  padding: 6px;
}
body.compact_view_active
  .email_list_ctrl
  ul.inbox-listing-inner
  li
  .emailDetailsList {
  padding: 5px 10px 6px 62px;
}
body.compact_view_active .email_star {
  margin-top: 0.5px;
}
body.compact_view_active ul#emailListUl .email-action-button ul li i {
  font-size: 14px;
}
body.compact_view_active ul#emailListUl .email-action-button ul li {
  padding: 5px 7px !important;
}
body.compact_view_active .email-action-button {
  right: 7px;
}
body.compact_view_active .email-action-button ul {
  padding: 1px 0 0;
}
body.compact_view_active .conversation-count-em {
  top: 7.5px;
}
body.comfort_view_active
  .email_list_ctrl
  ul.inbox-listing-inner
  li.unread
  .reply_email {
  width: 68%;
  max-width: 68%;
}
body.comfort_view_active
  .email_list_ctrl
  ul.inbox-listing-inner
  li.read
  .reply_email {
  width: 68%;
  max-width: 68%;
}
body.comfort_view_active
  .email_list_ctrl
  ul.inbox-listing-inner
  li
  .emailDetailsList {
  padding: 10px 10px 10px 39px;
}
body.comfort_view_active .email_star {
  left: auto;
  right: 12px;
  bottom: 11px;
}
body.comfort_view_active .email_list_ctrl ul.inbox-listing-inner li a {
  width: 76%;
  padding-left: 0;
  padding-top: 10px;
}
body.comfort_view_active
  .email_list_ctrl
  ul.inbox-listing-inner
  li:hover
  .email-action-button {
  height: 36px;
}
body.preview_list_active.comfort_view_active .reply_email {
  width: 68% !important;
}
body.preview_list_active.comfort_view_active .email_list_ctrl .slimScrollDiv {
  height: calc(100% - 175px) !important;
}
ul.inbox-listing-inner
  li
  ul.list-conversation
  li
  #selectToSeeEmailThreadDetails {
  padding: 10px 24px 10px 39px;
  display: inline-block;
  float: left;
  box-sizing: border-box;
  width: 100%;
}
body.comfort_view_active
  ul.inbox-listing-inner
  li
  ul.list-conversation
  li
  #selectToSeeEmailThreadDetails {
  padding: 10px 24px 10px 39px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
body.compact_view_active
  ul.inbox-listing-inner
  li
  ul.list-conversation
  li
  #selectToSeeEmailThreadDetails {
  padding: 5px 24px 6px 62px;
}
body.default_view_active
  ul.inbox-listing-inner
  li
  ul.list-conversation
  li
  #selectToSeeEmailThreadDetails {
  padding: 10px 24px 10px 62px;
}
.ProjectColor__circle {
  width: 8px;
  height: 8px;
  border-radius: 99px;
}
#move_to_tags .dropdown_search_ctrl .k-list-filter {
  position: relative;
}
#move_to_tags
  ul.layout_icons.dropdown-menu
  ul.toolbar_dropdown_bottom_sec_ctrl
  li
  a {
  padding: 10px 19px;
  border-bottom: 1px solid #ececec;
  border-radius: 0 !important;
}
#move_to_tags
  ul.layout_icons.dropdown-menu
  ul.toolbar_dropdown_bottom_sec_ctrl
  li:last-child
  a {
  border: 0;
}
#move_to_tags
  ul.layout_icons.dropdown-menu
  ul.toolbar_dropdown_bottom_sec_ctrl
  li
  a
  i,
#move_to_tags
  ul.layout_icons.dropdown-menu
  ul.toolbar_dropdown_bottom_sec_ctrl
  li
  a
  span.k-icon {
  color: #0e9aef;
  font-size: 14px;
  padding: 0 5px 0 0;
  opacity: 1;
}
#move_to_tags
  ul.layout_icons.dropdown-menu
  ul.toolbar_dropdown_bottom_sec_ctrl
  li
  a:hover {
  background: #f2f2f2;
  opacity: 1;
}
#move_to_folder
  ul.layout_icons.dropdown-menu.move_to_ctrl
  ul.toolbar_dropdown_bottom_sec_ctrl
  li
  a {
  padding: 9px 19px;
  border-radius: 0 !important;
  border-bottom: 1px solid #ececec;
}
#move_to_folder
  ul.layout_icons.dropdown-menu.move_to_ctrl
  ul.toolbar_dropdown_bottom_sec_ctrl
  li
  a
  i,
#move_to_folder
  ul.layout_icons.dropdown-menu.move_to_ctrl
  ul.toolbar_dropdown_bottom_sec_ctrl
  li
  a
  span.k-icon {
  color: #0e9aef;
  font-size: 14px;
  padding: 0 5px 0 0;
  opacity: 1;
}
#move_to_folder ul.toolbar_dropdown_bottom_sec_ctrl li a i.dark-color-icon,
#move_to_tags ul.toolbar_dropdown_bottom_sec_ctrl li a i.dark-color-icon {
  color: #000 !important;
  opacity: 0.5 !important;
}
#move_to_folder
  ul.layout_icons.dropdown-menu.move_to_ctrl
  ul.toolbar_dropdown_bottom_sec_ctrl
  li:last-child
  a {
  border: 0;
}
#move_to_folder ul.layout_icons.dropdown-menu.move_to_ctrl li a,
#move_to_tags ul.layout_icons.dropdown-menu.move_to_ctrl li a {
  padding: 5px 15px;
}
.sidebar_open_button {
  display: inline-block;
  float: right;
  margin: 0 5px 0 10px;
  cursor: pointer;
}
.sidebar_main_ctrl {
  width: 300px;
  height: 100%;
  background-color: #fff;
  border: 1px solid #e4eaec;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.sidebar_open_button i {
  color: #000;
  opacity: 0.5;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
.sidebar_open_button i:hover {
  opacity: 1;
}
.sidebar_content_ctrl {
  display: inline-block;
  width: 300px;
  z-index: 99;
  position: relative;
  height: 100vh;
  background-color: #fff;
  border: 1px solid #e3e7eb;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  transform: translate(100%);
  -webkit-transform: translate(100%);
  -moz-transform: translate(100%);
  -ms-transform: translate(100%);
  -o-transform: translate(100%);
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
  float: left;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}
.sidebar_content_ctrl .element-loader > h4 {
  position: absolute;
  left: 0;
  right: 0;
  top: -140px;
  bottom: 0;
  margin: auto;
  height: 20px;
  font-size: 20px;
}
.kendo-left-tooltip .k-callout.k-callout-e {
  border-left-color: #000;
}
.kendo-left-tooltip .k-tooltip-content {
  padding-right: 0;
}
.main_content_ctrl {
  display: block;
  width: 100%;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.app_col_three {
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
  background-color: #f3f3f4;
}
.sidebar_open_button i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
body.sidebar_opened .sidebar_open_button i {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
body.compact-listing
  .email_list_ctrl
  ul.inbox-listing-inner
  li
  span#email_date {
  margin: 0 !important;
}
.preview_pane_ctrl.cntxt_menu {
  display: inline-block;
  float: right;
  margin: 0;
  position: absolute;
  right: 0;
}
.docTreeView_parent div.k-treeview {
  overflow: visible;
}
#move_to_folder .elem_circle {
  margin-right: 8px;
}
#move_to_tags .elem_circle {
  margin-right: 5px;
  margin-left: 8px;
}
.elem_circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.preview_pane_ctrl.density ul.dropdown-menu {
  left: auto;
  width: auto;
  right: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.preview_pane_ctrl.layout_dropdown {
  margin: 2px 8px 0 0;
  float: left;
}
.preview_pane_ctrl.layout_dropdown ul.dropdown-menu {
  left: auto;
  right: -31px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.preview_pane_ctrl.layout_dropdown i {
  top: 2px;
  padding: 0 2px 0 7px;
}
#filter_by .preview_pane_ctrl ul.dropdown-menu {
  min-width: 187px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.preview_pane_ctrl.layout_dropdown ul.dropdown-menu > li > a {
  border-bottom: 1px solid #ccd1d4;
  font-size: 14px;
  color: #333;
  padding: 6px 15px;
}
.preview_pane_ctrl.layout_dropdown ul.dropdown-menu > li > a.active {
  color: #000;
}
.preview_pane_ctrl.layout_dropdown ul.dropdown-menu > li > a.active > svg {
  fill: #0e9aef;
}
.preview_pane_ctrl.layout_dropdown ul.dropdown-menu > li > a > img {
  width: 16px;
  margin-right: 12px;
  opacity: 0.5;
  margin-top: -4px;
}
.preview_pane_ctrl.layout_dropdown ul.dropdown-menu > li:last-child > a {
  border-bottom: 0;
}
.preview_pane_ctrl.density ul.dropdown-menu > li > a {
  border-bottom: 1px solid #ccd1d4;
  font-size: 14px;
  color: #333;
}
.preview_pane_ctrl.density ul.dropdown-menu > li > a.active {
  color: #0e9aef;
}
.preview_pane_ctrl.density ul.dropdown-menu > li:last-child > a {
  border-bottom: 0;
}
.preview_pane_ctrl.layout_dropdown ul.dropdown-menu > li > a svg {
  width: 18px !important;
  height: 18px !important;
  fill: #333;
  margin: 0 7px 0 0;
  position: relative;
  top: 4px;
}
.preview_pane_ctrl.layout_dropdown img {
  width: 18px !important;
  height: 18px !important;
}
.compose-mail-wrapper.window_popup {
  right: 0;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0;
  width: 100%;
}
.compose_mail_top_parent {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.compose_mail_top_parent .k-window-titlebar {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  background: 0 0;
  padding: 6px 5px 0;
  border: 0;
  border-radius: 0;
  margin-bottom: 0 !important;
}
.compose_mail_top_parent .k-window-title {
  font-size: 12px !important;
  color: #707070;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 30px;
}
.compose_mail_top_parent .k-window-title svg {
  width: 18px !important;
  float: left;
  margin: 3px 5px 0;
}
.compose_mail_top_parent .k-window-actions {
  position: relative;
  display: inline-block;
  float: right;
  top: -2px;
}
.compose_mail_top_parent .k-window-actions > a {
  color: #707070 !important;
}
.custom_email_sidebar .layout_icons .dropdown-submenu ul.dropdown-menu li {
  float: left;
  padding: 0;
  box-sizing: border-box;
}
.custom_email_sidebar .layout_icons .dropdown-submenu ul.dropdown-menu li span {
  border: 1px solid #d3d3d3 !important;
}
.compose-mail-wrapper.window_popup .compose-mail-inputs {
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
}
.settings_layout_group_ctrl {
  display: inline-block;
  float: right;
  margin: 0;
}
.static_tooltip .k-tooltip {
  position: absolute;
  top: 42px;
  left: -35px;
  right: 0;
  margin: auto;
  width: 91px;
  font-size: 13px;
}
#mark_as_unread .k-tooltip {
  right: 0;
  top: 38px;
  font-size: 13px;
}
#mark_as_unread .k-tooltip-closable .k-tooltip-content,
.static_tooltip .k-tooltip-closable .k-tooltip-content {
  padding: 0 !important;
}
#mark_as_unread .k-animation-container,
.static_tooltip .k-animation-container {
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
}
#mark_as_unread:hover .k-animation-container,
.static_tooltip:hover .k-animation-container {
  display: block !important;
}
#mark_as_unread {
  overflow: visible;
}
#mark_as_unread .k-animation-container {
  z-index: 9;
}
.sidebar_links_main_ctrl {
  margin: 0;
  padding: 0;
  display: inline-block;
  float: left;
  position: relative;
  height: calc(100vh - 49px);
  background-color: #281c47;
  width: 72px;
}
ul.sidebar_ul {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
}
ul.sidebar_ul a {
  padding: 10px 4px 10px 7px;
  display: inline-block;
  width: 100%;
  position: relative;
}
ul.sidebar_ul a.active {
  background:
    linear-gradient(180deg, rgba(60, 62, 93, 0.6), rgba(60, 62, 93, 0) 33%),
    linear-gradient(225deg, rgba(60, 62, 93, 0.6) 33%, rgba(60, 62, 93, 0) 70%),
    linear-gradient(270deg, rgba(60, 62, 93, 0.6) 70%, rgba(60, 62, 93, 0) 94%),
    linear-gradient(315deg, rgba(60, 62, 93, 0.6) 33%, rgba(60, 62, 93, 0) 70%),
    linear-gradient(360deg, rgba(60, 62, 93, 0.6), rgba(60, 62, 93, 0) 33%),
    linear-gradient(
      90deg,
      rgba(98, 100, 167, 0.75) 6%,
      rgba(98, 100, 167, 0) 70%
    );
}
ul.sidebar_ul a.active span {
  opacity: 1;
}
ul.sidebar_ul a:hover {
  background-color: rgba(98, 100, 167, 0.25);
}
ul.sidebar_ul a:hover span {
  opacity: 1;
}
ul.sidebar_ul a > span {
  width: 100%;
  display: block;
  font-size: 10px;
  padding-top: 3px;
  color: #fff;
  opacity: 0.63;
}
ul.sidebar_ul a > i {
  font-size: 17px;
  color: #fff;
  opacity: 0.9;
}
ul.sidebar_ul a.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-right: 3px solid #fff;
  height: 100%;
}
a.site_logo_ctrl {
  padding: 0 0 0 !important;
  float: left;
}
.sidebar-right-tooltip .k-callout.k-callout-w {
  border-right-color: #000;
}
.sidebar-right-tooltip {
  padding: 2px 6px 5px;
}
span.notification-count {
  font-size: 10px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  top: 3px;
  right: 16px;
  width: 18px;
  height: 18px;
  line-height: 14px;
  font-weight: 400;
  background-color: #cc4a31;
  border: 2px solid #281c47;
}
.treeview-heading h3 i {
  font-size: 11px;
  margin-right: 3px;
}
.user-name-initial {
  width: 30px;
  height: 30px;
  background-color: #cc4a31;
  border-radius: 50%;
  padding: 2px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  position: relative;
  opacity: 1;
  line-height: 26px;
  text-align: center;
}
.user_prof_dropdown .user-name-initial {
  padding: 0;
  width: 60px;
  height: 60px;
}
.user-name-initial i {
  border-radius: 50%;
  width: 13px;
  height: 13px;
  color: #fff;
  border: 0 solid #281c47;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  position: absolute;
  right: -4px;
  bottom: -3px;
  opacity: 1;
  padding: 0;
  top: auto;
}
.user-name-initial i.fa-caret-down {
  background-color: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  color: #6fbe44 !important;
  border: 1px solid #6fbe44;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  position: absolute;
  right: -4px;
  bottom: -3px;
  opacity: 1;
  padding: 0;
  top: auto;
}
.user-name-initial i.fa-caret-down:before {
  position: absolute;
  top: -1px;
  left: 1.5px;
  font-size: 12px;
}
.user_prof_dropdown .account_name {
  color: #252222;
  font-size: 14px;
  display: inline-block;
  margin: -2px 0 0 10px;
  font-weight: 600;
  padding: 8px 0 8px 0;
  max-width: 100%;
}
.user_profile_name {
  word-break: break-word;
}
.user_prof_dropdown .account_status {
  color: #465369;
  display: block;
  font-size: 12px;
  padding: 0;
  font-weight: 400;
  opacity: 0.7;
}
.user_prof_dropdown.preview_pane_ctrl ul.dropdown-menu li a {
  font-size: 13px;
  padding: 15px 20px;
}
.user_prof_dropdown.preview_pane_ctrl ul.dropdown-menu li a:hover {
  background-color: #f5f5f5;
}
.user_prof_dropdown.preview_pane_ctrl ul.dropdown-menu li.border-section {
  border-bottom: 1px solid #ededed;
}
.apps_top_bar_right ul.layout_icons.dropdown-menu.animated.fadeIn li i {
  color: #9aa2ad;
  min-width: 15px;
}
.user_prof_dropdown ul.dropdown-menu li a i {
  padding: 0;
  margin: 0 10px 0 0;
}
.user_prof_dropdown.preview_pane_ctrl ul.dropdown-menu {
  min-width: 240px;
  left: 46px;
  right: 0;
  bottom: 0;
  top: auto;
  border: 1px solid #d4d8db;
  box-shadow: 0 0.2rem 1.6rem 0 rgba(37, 36, 35, 0.3);
  -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(37, 36, 35, 0.3);
  -moz-box-shadow: 0 0.2rem 1.6rem 0 rgba(37, 36, 35, 0.3);
  -ms-box-shadow: 0 0.2rem 1.6rem 0 rgba(37, 36, 35, 0.3);
  -o-box-shadow: 0 0.2rem 1.6rem 0 rgba(37, 36, 35, 0.3);
  border-radius: 4px;
}
.account_status_ctrl {
  padding: 0 15px 0 0;
  border-bottom: 1px solid #ededed;
  display: flex;
}
.userMenu_status_ctrl {
  border-bottom: 1px solid #ededed;
}
.user_prof_dropdown .user-name-initial {
  float: left;
  cursor: pointer;
  margin: 12px 0 12px 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user_profile_main_ctrl ul.layout_icons.dropdown-menu .user-name-initial {
font-size: 20px;
}
.user_prof_dropdown .user-name-initial img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.gmailcustomlabeltreeview {
  padding: 0 15px 0 19px;
}
.navbar-static-top.app_header {
  margin-bottom: 0;
  display: inline-flex;
  width: 100%;
  float: left;
  background-color: #303b42;
  min-height: 41px;
}
.navigation-nav.right_side_ctrl {
  padding: 7px 0;
}
.ui_style_ctrl .treeview-heading {
  padding: 0 10px;
}
.ui_style_ctrl .treeview-heading h3 {
  color: #a599d7;
  text-transform: capitalize;
  width: 100%;
}
.ui_style_ctrl ul.mainmenu-gmail-panel li span i {
  padding-left: 0;
}
.ui_style_ctrl ul.left-menu-spacing > li {
  padding-right: 20px;
}
.ui_style_ctrl .treeview-heading {
  padding: 0 14px;
  margin-top: 10px;
  position: relative;
}
.ui_style_ctrl ul.mainmenu-gmail-panel li span i.far,
.ui_style_ctrl ul.mainmenu-gmail-panel li span i.fas {
  padding-left: 0;
  font-size: 12px;
  padding-right: 5px;
  min-width: 19px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.ui_style_ctrl ul.left-menu-spacing > li:hover {
  border-left: 0 solid #fff;
}
.ui_style_ctrl .treeview_search_filter_ctrl {
  margin: 0;
  padding: 0 10px;
}
.gray_900_color .ui_style_ctrl .label-listing.left-menu-spacing li > div {
  color: #a599d7;
  border-left: 3px solid transparent;
}
.gray_900_color .ui_style_ctrl .label-listing.left-menu-spacing li > div:hover {
  border-left: 3px solid #fff;
}
.ui_style_ctrl .addlabel button {
  color: #c1b4f8;
}
.ui_style_ctrl .addlabel button:hover {
  color: #fff;
}
.ui_style_ctrl #composeButton svg {
  fill: #c1b4f8;
}
.ui_style_ctrl #composeButton svg:hover {
  fill: #fff;
}
.gray_900_color .ui_style_ctrl ul.left-menu-spacing > li {
  padding-left: 25px;
  padding-right: 21px;
}
div#labels-listing.ui_style_ctrl .treeview-heading {
  border-top: 1px solid rgba(90, 90, 90, 0.3);
  padding-top: 10px;
}
div#assignee-listing.ui_style_ctrl .treeview-heading {
  border-top: 1px solid rgba(90, 90, 90, 0.3);
  padding-top: 10px;
}
span.email-search-left {
  float: left;
  width: 85%;
}
div#labels-listing.ui_style_ctrl .treeview-heading .addlabel {
  margin: -1px 5px 0 0;
  position: absolute;
  right: 15px;
  top: 12px;
  z-index: 9;
}
div#assignee-listing.ui_style_ctrl .treeview-heading .addlabel {
  margin: -1px 5px 0 0;
  position: absolute;
  right: 15px;
  top: 12px;
  z-index: 9;
}
div#MainMenu .ui_style_ctrl .compose-email {
  margin: 9px 9px 0 0;
  position: absolute;
  right: 12px;
  top: 0;
  z-index: 9;
}
#filter_by li.grey-label.sub-menu {
  position: relative;
}
#filter_by li.sub-menu > i {
  position: absolute;
  top: 50%;
  left: 160px;
  transform: translate(0, -50%);
}
#filter_by li.sub-menu ul.dropdown-menu {
  background-color: #fff;
  position: absolute;
  top: -10px;
  bottom: auto;
  left: 100%;
  display: none;
  border-radius: 3px;
}
#filter_by .sub-menu:hover ul {
  display: block !important;
}
#filter_by li.sub-menu ul a {
  color: #333 !important;
}
#filter_by ul.layout_icons.dropdown-menu li:last-child a {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
#filter_by ul.layout_icons.dropdown-menu li.sub-menu ul li a {
  border-radius: 0 !important;
  border-radius: 0 !important;
}
.ui_style_ctrl ul.mainmenu-gmail-panel li .mail-count {
  color: #fff;
  font-weight: 300;
  font-size: 12px;
}
.tooltip-right .k-callout {
  border-right-color: #000;
}
.input-stage label {
  color: #333;
  font-weight: 600;
}
.sidebar_bottom_list {
  bottom: 46px;
  width: 100%;
  left: 0;
  position: absolute;
}
.sidebar_bottom_list ul.sidebar_ul a > i {
  font-size: 13px;
  opacity: 0.9;
}
.sidebar_bottom_list ul.sidebar_ul a {
  padding: 7px 4px;
}
.fixed_email_preview_action_btns {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  border: 1px solid #e2e2e2;
  border-radius: 20px;
  width: 140px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.fixed_email_preview_action_btns > button.actn_btn {
  background: 0 0;
  border: 0;
  color: #000;
  opacity: 0.5;
  font-size: 15px;
  padding: 6px 11px 4px;
}
.fixed_email_preview_action_btns > button.actn_btn:hover {
  opacity: 1;
}
.fixed_email_preview_action_btns > button.actn_btn:active,
.fixed_email_preview_action_btns > button.actn_btn:focus {
  outline: 0;
  border: 0;
}
.btn-primary {
  background-color: #3a295c;
}
.reply_box_ui .k-editor .k-editable-area {
  border: 0;
}
.reply_box_ui .k-editor-toolbar {
  box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  -mobox-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  width: 96%;
  margin: 0 auto;
}
.mf-left ul.editor_extra_options li button,
.mf-right ul.editor_extra_options li button {
  border: 0;
}
.mf-left ul.editor_extra_options li button i {
  color: #000;
  opacity: 0.5;
}
.mf-left ul.editor_extra_options li button:hover i {
  opacity: 1;
}
.iframe_ctrl_parent {
  padding: 10px 10px 40px;
  background-color: #f3f3f4;
}
.primary-btn {
  background-color: #2196f3 !important;
  color: #fff !important;
}
.preview_pane_ctrl.mail_action_option ul.dropdown-menu li {
  padding: 6px 12px;
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
.preview_pane_ctrl.mail_action_option ul.dropdown-menu li:hover {
  background-color: #f5f5f5;
  color: #000;
}
.preview_pane_ctrl.mail_action_option ul.dropdown-menu li:hover > i {
  opacity: 1;
}
.preview_pane_ctrl.mail_action_option i {
  padding: 0;
  top: -1px;
  margin-right: 7px;
  position: relative;
}
.preview_pane_ctrl.mail_action_option button {
  width: 20px;
}
.preview_pane_ctrl.mail_action_option button i {
  margin: 0 7px 0 0;
}
.preview_pane_ctrl.mail_action_option:hover > button > i {
  opacity: 1;
}
.preview_pane_ctrl.mail_action_option {
  margin: -1px 0 0;
  float: right;
}
.input_custom_area {
  display: flex;
  width: 100%;
  padding: 0 70px 0 0;
}
.custom_pills {
  display: inline-block;
  border: 1px solid #f29900;
  border-radius: 17px;
  padding: 0 11px 0 8px;
  font-size: 12px;
  height: 18px;
  line-height: 12px;
  position: relative;
  margin: 0;
}
.custom_pills:hover {
  background-color: #f3f3f4;
  cursor: move;
}
.custom_pills_innr {
  padding: 0 5px 0 0;
}
.custom_pills a {
  top: 0;
  font-size: 16px;
  color: #333;
  position: relative;
}
.custom_pills a:hover {
  color: #000;
}
.common-form-label-ctrl {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px 14px 0 0;
}
.common-form-label-ctrl .common-form-label {
  padding: 0 4px;
  color: #787878;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}
.common-form-label-ctrl .common-form-label:hover {
  text-decoration: underline;
}
.input-stage.common-cc-bcc-row {
  padding: 5px 12px 5px 34px;
  display: flex;
}
.input-stage.bcc-row.common-cc-bcc-row label,
.input-stage.cc-row.common-cc-bcc-row label {
  color: #787878;
  font-weight: 600;
}
.input-stage.bcc-row.common-cc-bcc-row label:hover,
.input-stage.cc-row.common-cc-bcc-row label:hover {
  text-decoration: underline;
}
.input-stage.cc-row.common-cc-bcc-row.active {
  display: flex !important;
}
.cc-row.active .secondstage-bcc {
  display: block;
}
.input-stage.bcc-row.common-cc-bcc-row.active {
  display: flex !important;
}
.bcc-row.active .secondstage-bcc {
  display: block;
}
ol.email_labels_list.sortable li div.cntxt_menu_email_labels:hover {
  background: 0 0;
}
ol.email_labels_list.sortable li > div:hover > div.cntxt_menu_email_labels i {
  color: #fff;
  color: #fff;
  padding: 0 !important;
  vertical-align: middle;
}
ol.email_labels_list.sortable li .cntxt_menu_email_labels {
  padding: 0 3px;
  display: inline-block;
  float: right;
  position: absolute;
  right: 2px;
  top: 7px;
}
.cntxt_menu.cntxt_menu_email_labels i {
  padding: 0;
}
ul.email_labels_dynamic > li.dropdown-submenu {
  position: relative;
}
ul.email_labels_dynamic > li:hover > ul.dropdown-menu {
  display: flex;
  right: auto;
  position: absolute;
  max-width: 164px;
  left: 100%;
  top: 0;
  margin-top: -6px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccd1d4;
  padding: 7px 5px;
  flex-wrap: wrap;
  min-width: 124px;
  width: auto;
}
ul.email_labels_dynamic > li:hover > ul.dropdown-menu > li {
  display: inline-flex;
}
ul.email_labels_dynamic {
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  padding: 5px 0;
  border: 1px solid #ccd1d4;
}
ul.email_labels_dynamic > li.dropdown-submenu > a > i {
  margin-right: 0;
  margin-left: 7px;
  font-size: 11px;
  color: #333;
}
ul.email_labels_dynamic > li > a {
  color: #333;
  font-size: 14px;
  padding: 2px 12px;
  margin: 0;
  border-radius: 0;
}
ul.email_labels_dynamic > li > a:hover {
  background-color: #2196f3;
  color: #fff;
}
ul.email_labels_dynamic > li > a:hover > i {
  opacity: 1;
  color: #fff;
}
ul.email_labels_dynamic > li > a > i {
  margin-right: 7px;
  color: #333;
  opacity: 0.7;
}
ul.email_labels_dynamic > li:hover > ul.dropdown-menu > li > .ColorPicker-cell {
  margin: 4px;
  cursor: pointer;
  opacity: 0.9;
}
ul.email_labels_dynamic
  > li:hover
  > ul.dropdown-menu
  > li
  > .ColorPicker-cell:hover {
  opacity: 1;
}
.email_labels_list > li > div:hover .cntxt_menu_email_labels > i {
  vertical-align: baseline !important;
}
.jqx-splitter-splitbar-vertical.jqx-fill-state-normal {
  border-color: #e5e5e5;
  background: #fff;
  width: 3px !important;
}
.jqx-splitter-splitbar-horizontal.jqx-fill-state-normal {
  border-color: #e5e5e5;
  background: #fff;
  height: 3px !important;
}
ol.email_labels_list > li > div:hover .cntxt_menu_email_labels {
  display: block !important;
}
.cntxt_menu_email_labels.active {
  display: block !important;
}
.usericon {
  width: auto;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.user-icon {
  padding: 14px;
}
.preview_list_active .jqx-fill-state-normal {
  display: none;
}
.user-icon.email-preview-usericon {
  padding: 0 5px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  text-align: center;
}
.usericon.email_preview_usericon {
  margin-right: 10px;
}
[role="checkbox"][multi-checked="true"]::before {
  width: 14px;
  height: 14px;
  border: 2px solid #00f;
  border-radius: 20px;
  left: 0;
  background-color: #00f !important;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  top: 0;
  visibility: hidden;
}
[role="checkbox"][multi-checked="true"]::after {
  content: "-";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #fff;
  top: 9px;
  left: 9px;
}
[role="checkbox"][multi-checked="true"]::before {
  width: 14px;
  height: 14px;
  border-color: #020202 !important;
  border-radius: 20px;
  left: 0;
  background-color: #020202 !important;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  top: 0;
  visibility: visible;
}
[role="checkbox"][multi-checked="true"]::after {
  content: "-";
  display: block;
  position: absolute;
  width: 9px !important;
  height: 2px !important;
  background-color: #fff;
  top: 8.5px !important;
  left: 5px !important;
  visibility: visible !important;
  transform: rotate(0) !important;
  -webkit-transform: rotate(0) !important;
}
[role="checkbox"][multi-checked="true"][aria-checked="true"]::after {
  visibility: hidden;
}
.compact-listing [role="checkbox"] {
  left: 10px;
}
.preview_pane_ctrl.email_info_drop .dropdown-menu {
  min-width: 360px;
  left: 0;
  margin-top: 1px;
  padding: 10px 15px;
  border-radius: 8px;
  min-width: 310px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.highlight_text {
  font-size: 12.8px;
}
.preview_pane_ctrl.email_info_drop .dropdown-menu td {
  border: 0;
  color: #000;
  padding: 5px;
  font-size: 12px;
}
.preview_pane_ctrl.email_info_drop .dropdown-menu td.text-right {
  color: #999;
  padding-right: 7px;
}
.preview_pane_ctrl.email_info_drop .dropdown-menu table {
  width: 100%;
  margin: 0 auto;
}
.preview_pane_ctrl.email_info_drop {
  top: -4px;
}
.preview_pane_ctrl.email_info_drop button > i {
  opacity: 1;
}
.hide-toolbar-panel-option {
  display: none !important;
}
.show-toolbar-panel-option {
  display: inline-block !important;
}
#move_to_folder {
  display: none;
}
#move_to_tags {
  display: none;
}
svg.label_color_pill {
  width: 19px;
  height: 19px;
  vertical-align: bottom;
  top: 1px;
  position: relative;
}
ol.sortable.email_labels_list li div {
  padding: 5px 24px 5px 4px;
}
ol.sortable.email_labels_list ol {
  margin: 0 0 0 21px;
}
.gray_900_color .ui_style_ctrl .label-listing.left-menu-spacing li > div i {
  padding-left: 3px;
  padding-right: 2px;
  font-size: 11px;
}
.sidebar_tooltip {
  padding-top: 4px;
}
.email-wrapper-main {
  display: inline-block;
  width: 100%;
  float: left;
}
#message_subject_text {
  margin-right: 5px;
}
.commnets_main_ctrl {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  position: relative;
  width: 100%;
  z-index: 9;
}
.comments_type_area {
  bottom: 0;
  left: 0;
  position: relative;
  background-color: #f8f8f8;
  border-top: 1px solid #dadce0;
  width: 100%;
  padding: 10px 9px 10px 24px;
}
.comments_type_area_innr {
  display: flex;
  align-items: center;
}
.comments_user {
  background-color: #0e9aef;
  border-radius: 100%;
  display: inline-block;
  width: 24px;
  height: 22px;
  padding: 0;
  text-align: center;
  color: #fff;
  font-weight: 400;
  line-height: 20px;
  font-size: 11px;
  border: 1px solid #0e9aef;
}
.comments_input_field_ctrl {
  width: 100%;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  padding: 5px 45px 5px 15px;
  border: 1px solid #ccd1d4;
  border-radius: 15px;
  background-color: #fff;
  display: flex;
  align-items: center;
  word-break: break-all;
  font-size: 14px;
}
.comments_input_field_ctrl ul.editor_extra_options {
  padding: 0;
  margin: 0;
  display: inline-block;
  float: right;
  position: absolute;
  bottom: 2px;
  left: 10px;
  width: auto;
}
.comments_input_field_ctrl ul.editor_extra_options li {
  display: inline-block;
}
.comments_input_field_ctrl ul.editor_extra_options li button {
  background: 0 0 !important;
  color: #787878;
  border: 0;
  padding: 4px 7px !important;
  font-size: 12px;
  margin-top: 1px;
}
.comments_input_field_ctrl ul.editor_extra_options li button:hover {
  color: #000;
  opacity: 1;
}
.comments_input_field_ctrl ul.editor_extra_options li button svg {
  width: 12px;
  height: 12px;
  padding: 0;
  margin-top: 3px;
}
.comments_input_field_ctrl ul.editor_extra_options li button svg path {
  fill: #2196f3;
}
textarea.comments_textarea {
  display: block;
  box-sizing: padding-box;
  overflow: hidden;
  font-size: 14px;
  width: 100%;
  resize: none;
  max-height: 150px;
  overflow-x: auto;
  overflow-y: auto;
  border: 0;
  height: 27px;
  line-height: 18px;
}
.comments_input_field_ctrl.set_default {
  min-height: 100px;
}
textarea.comments_textarea:active,
textarea.comments_textarea:focus {
  outline: 0;
}
.submit_comment {
  float: right;
  border: 0;
  background: 0 0 !important;
  color: #fff !important;
  border-radius: 0;
  padding: 0 !important;
  font-size: 12px;
  position: absolute;
  right: 30px;
  display: inline-flex;
  top: 0;
  bottom: 0;
  align-items: center;
}
.submit_comment:focus {
  outline: 0;
}
.submit_comment svg {
  width: 14px;
  height: 14px;
  padding: 0;
}
.submit_comment svg path {
  fill: #a0a0a0;
}
.submit_comment svg path:hover {
  fill: #0e9aef;
}
ul.comments_assignee_dropup {
  bottom: 100%;
  top: auto;
  position: absolute;
  margin: 0 0 0 12px;
  max-width: 180px;
}
ul.comments_assignee_dropup .comments_user {
  width: 22px;
  height: 20px;
  font-size: 10px;
  line-height: 18px;
  margin: 3px 6px 0 0;
  float: left;
}
.comments_assignee_dropup > li > a {
  padding: 3px 10px;
  max-width: 98%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.comments_assignee_dropup > li > a > strong {
  min-width: 68px;
  display: inline-block;
  overflow: hidden;
  max-width: 65px;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.comments_posted_ctrl {
  padding: 0 15px 0 24px;
}
.comments_posted_ctrl.comments_area_posted_ctrl {
  padding: 20px 15px 27px 24px;
  bottom: 0;
}
ul.comments_posted_list_ctrl {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.comments_posted_list_ctrl > li {
  display: flex;
  width: 100%;
  margin: 37px 0 0;
}
.commented_user_initial {
  display: flex;
  margin: 1px 11px 0 0;
  align-items: center;
}
.commented_user_initial .comments_user {
  width: 22px;
  height: 22px;
  line-height: 20px;
  position: relative;
  font-size: 11px;
}
.commented_user_initial .comments_user i {
  position: absolute;
  bottom: -3px;
  right: -2px;
  font-size: 7px;
  padding: 1px;
  border-radius: 10px;
}
.commented_user_initial .comments_user i.active {
  background-color: #6fbe44;
}
.commented_user_initial .comments_user i.away {
  background-color: #fcd116;
}
.commented_user_initial .comments_user i.busy {
  background-color: #e81123;
}
.commented_user_text {
  width: 100%;
  margin: -19px 0 0;
  max-width: 90%;
}
.comment_posted_by_date {
  display: inline-block;
  margin: 0 0 4px 15px;
}
.comment_posted_by_date strong {
  padding-right: 10px;
  font-weight: 600;
}
.comment_posted_time {
  color: #000;
  opacity: 0.7;
  font-size: 11px;
}
.comment_text {
  background-color: #f1f1f1;
  display: inline-block;
  border-radius: 20px;
  padding: 0;
}
.comment_text > pre {
  padding: 4px 15px;
  margin: 0;
  font-size: 13px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  font-weight: 400;
}
.comments_posted_ctrl.comments_area_posted_ctrl.email_page .comment_text > pre {
  padding: 4px 15px;
  margin: 0;
  font-size: 13px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  font-weight: 400;
  height: auto;
  white-space: normal;
}
.comment_text .user_tagged {
  color: #2196f3;
  font-weight: 600;
  margin-right: 5px;
}
.comment_content {
  color: rgba(0, 0, 0, 0.7);
}
.comment_action_buttons {
  display: block;
  position: relative;
  margin: 0 0 0 5px;
  animation-duration: 0.3s;
  opacity: 0;
}
.comment_action_buttons ul.comment_action_buttons_list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.comment_action_buttons ul.comment_action_buttons_list > li {
  display: inline-block;
  padding: 0 5px;
  display: inline-flex;
}
.comment_action_buttons ul.comment_action_buttons_list > li > i {
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  cursor: pointer;
}
.comment_action_buttons ul.comment_action_buttons_list > li > i:hover {
  color: #0e9aef;
}
.comment_content_and_action:hover > .comment_action_buttons {
  opacity: 1;
}
.comment_text.comment_text_edit_state {
  width: 100%;
}
.comment_text.comment_text_edit_state textarea#comment-edit-area {
  width: 100%;
}
.dropdown_with_accordian_list_ctrl {
  margin: 0 0 7px;
  border-top: 1px solid #43385b;
  padding: 11px 0 0;
}
.accoridan_list_ctrl_head {
  font-size: 16px;
  font-weight: 600;
  color: #a599d7;
  text-transform: uppercase;
  padding: 0 0 5px 15px;
  cursor: pointer;
  position: relative;
}
.accoridan_list_ctrl_head i {
  margin: 0 9px 0 0;
  font-size: 11px;
  position: relative;
  margin: 0 9px 0 0;
  font-size: 11px;
  position: relative;
}
.accoridan_list_ctrl_head .cntxt_menu_email_labels {
  right: 36px;
  top: 3px;
}
ul.accordian_menu_list {
  list-style-type: none;
}
ul.accordian_menu_list > li {
  padding: 0;
  display: inline-block;
  width: 100%;
  position: relative;
}
ul.accordian_menu_list > li:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
ul.accordian_menu_list > li a {
  max-width: 89%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #a599d7;
  font-size: 14px;
  padding: 5px 15px 5px 18px;
  display: inline-block;
  float: left;
  width: 100%;
}
ul.accordian_menu_list > li a:hover {
  color: #fff;
}
ul.accordian_menu_list > li a .elem_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 5px 10px 0 3px;
}
.cntxt_menu_email_labels {
  position: absolute;
  top: 7px;
  right: 16px;
  padding: 0 5px;
  color: #fff;
  font-size: 12px;
  display: none;
  animation-duration: 0;
}
ul.accordian_menu_list > li:hover .cntxt_menu_email_labels {
  display: block;
}
.go_back {
  width: 100%;
  float: left;
  color: #a599d7;
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 15px;
  border-top: 1px solid #43385b;
  border-bottom: 1px solid #43385b;
  font-weight: 600;
  cursor: pointer;
}
.go_back i {
  margin: 0 10px 0 0;
  display: inline-block;
  font-size: 11px;
  top: -1px;
  position: relative;
}
.go_back {
  width: 100%;
  float: left;
  color: #a599d7;
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 15px;
  font-weight: 600;
  cursor: pointer;
}
.go_back i {
  margin: 0 4px 0 10px;
  display: inline-block;
  font-size: 11px;
  top: -1px;
  position: relative;
}
.org_user_highlighted_desc {
  display: block;
  width: 100%;
  float: left;
  padding: 10px 10px;
}
.user-icon-circle {
  width: 32px;
  height: 32px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}
.org_userName_desc {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  margin-left: 12px;
}
.orgMenu ul {
  margin: 0;
  padding: 0;
}
ul.accordian_menu_list > li {
  padding: 0;
  display: inline-block;
  width: 100%;
  position: relative;
}
ul.user_org_first_level > li > a {
  max-width: 100%;
}
ul.user_org_first_level > li > a > .count {
  padding: 9px 11px;
  border-radius: 12px;
  text-align: center !important;
  line-height: 1px;
  text-indent: 0;
  position: relative;
  float: right;
  left: auto;
  right: auto;
  width: auto;
  min-width: 34px;
}
.page-wrapper-org {
  width: calc(100% - 311px);
  float: left;
  display: block;
  position: relative;
  height: 100vh;
  text-align: center;
  background-color: #fff;
}
.no_org_selected_data_ctrl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
}
.no_org_selected_data_ctrl p {
  color: #9fa5ae;
  font-size: 20px;
  margin: 37px 0 0;
}
.org_indetail_data.first_level {
  position: absolute;
  top: 0;
  left: auto;
  width: 100%;
  right: -100%;
  z-index: 999;
  transition: ease 0.3s all;
}
.organization_menu_main_ctrl {
  position: relative;
}
.brand_logo {
  font-size: 12px !important;
  color: #707070;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 30px;
}
.compose-email {
  margin: 10px 9px 0 0;
}
.compose-mail a {
  font-size: 12px !important;
  color: #707070;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 30px;
}
.compose-email a svg {
  fill: #c1b4f8;
}
.compose-email a svg:hover {
  fill: #fff;
}
.mailComposeModal .modal-header {
  padding: 12px 15px 3px;
  border: 0;
}
.mailComposeModal .modal-body {
  padding: 0 12px 12px;
}
.mailComposeModal .compose-mail-message {
  border: 1px solid #ccc;
}
.btn-primary {
  background-color: #008adf;
  border-color: #008adf;
  color: #fff;
  border: 1px solid #008adf;
}
.btn-primary:active,
.btn-primary:focus {
  background-color: #008adf;
  border-color: #008adf;
  color: #fff;
  border: 1px solid #008adf;
}
.modal_actions {
  float: right;
}
.modal_actions a {
  margin: 0 0 0 7px;
  color: #707070;
  opacity: 0.7;
}
.modal_actions a:hover {
  opacity: 1;
}
.mailComposeModal .fr-toolbar.fr-top {
  border: 1px solid #ccc;
  box-shadow: none;
}
.mailComposeModal .fr-box.fr-basic.fr-top .fr-wrapper {
  border: 1px solid #ccc;
  box-shadow: none;
}
.mailComposeModal .modal-content {
  min-width: 690px;
}
.fullScreen {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
}
.fixed_position {
  left: 0 !important;
  top: 0 !important;
}
.brand_logo .composeMail_title {
  margin: 0 0 0 7px;
  position: relative;
  top: -5px;
  font-size: 14px;
}
.select-no-border:after,
.select-no-border:before {
  background: 0 0 !important;
}
#tabstrip-email .tabstrip-email-ul,
#tabstrip-social .tabstrip-social-ul {
  padding: 10px 20px 0;
  border-bottom: 1px solid #ccc;
  background-color: #edebeb;
}
.tabstrip-email-ul > li,
.tabstrip-social-ul > li {
  border: 1px solid transparent;
  border-bottom-width: 0;
  display: inline-block;
  padding: 20px 17px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
  margin-bottom: -1px;
}
.tabstrip-email-ul > li.active,
.tabstrip-social-ul > li.active {
  background-color: #fff;
  border-color: #ccc;
}
.tabstrip-email-ul > li:focus,
.tabstrip-social-ul > li:focus {
  outline: 0;
}
.tabstrip-email-ul > li.active:active,
.tabstrip-social-ul > li.active:active {
  background-color: #fff;
}
.tabstrip-email-ul > li i,
.tabstrip-social-ul > li i {
  font-size: 17px;
  color: #888e98;
  position: relative;
}
.tabstrip-email-ul > li.active i,
.tabstrip-social-ul > li.active i {
  color: #333;
}
#tabs_main_ctrl {
  height: 100vh;
}
ul.tabs_menu li a:hover > span {
  background-color: #3b3b3b;
}
.tab_content .tab_innr_ctrl {
  padding: 0 !important;
}
.tab_content {
  width: 100%;
  height: 100%;
  float: left;
}
.email_tab_content,
.social_tab_content {
  background-color: #fff;
  padding: 0.92em;
}
#social_panel {
  height: calc(100vh - 719px);
  overflow-x: hidden;
  overflow-y: auto;
}
#email_panel {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 511px);
}
.toggleDropdown {
  margin: 10px 0 0;
}
.tabstrip-email-ul > li i .tab_notification_count {
  color: #fff;
  font-weight: 600;
  text-align: center;
  background-color: #4ca7f1;
  position: absolute;
  top: -16px;
  right: -10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 10px;
  line-height: 15px;
  line-height: 15px;
  border: 1px solid #4ca7f1;
}
.tabstrip-email-ul > li.active i .tab_notification_count {
  background-color: #ef333a;
  border-color: #ef333a;
}
#densityModal .confirm-view {
  padding: 5px;
  border: 0;
}
#densityModal .modal-body {
  padding: 0;
}
#densityModal .compact {
  margin: 0;
}
#densityModal h4.modal-title {
  font-size: 24px;
  color: #333;
  font-weight: 400;
}
.custom_label_modal .vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
}
.custom_label_modal .vertical-align-center {
  display: table-cell;
  vertical-align: middle;
}
.custom_label_modal .modal-content {
  width: inherit;
  height: inherit;
  margin: 0 auto;
}
.docs-right-section.doc-editor > div {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-shadow: none;
  border: none;
}
.applicant i {
  font-size: 12px;
  padding: 0 4px;
  vertical-align: baseline;
  color: #787878;
}
.mail-reply-to .reply_in_caret {
  top: -2px;
  position: relative;
  color: #787878;
}
.mail-header-action span.top_replyButton {
  padding: 0 1px 0 0;
  display: inline-block;
  float: left;
}
.page-wrapper.no-sidebar {
  width: calc(100% - 74px) !important;
}
.no-sidebar > h1.coming-soon {
  position: relative;
  padding: 115px 0;
}
.blank-template-with-sidebar > h1.coming-soon {
  position: relative;
  padding: 115px 0;
}
button.searchBar_submit_btn > i {
  color: #fff;
}
.dropdown-open-right-forced {
    left: 0 !important;
}
.dropdown ul.dropdown-menu {
  animation-duration: 0.27s;
}
.preview_pane_ctrl.email_info_drop .dropdown-menu td:nth-child(2) {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.compact_view_active #navbar [role="checkbox"] {
  width: 16px;
  height: 16px;
  top: 10px;
}
body.compact_view_active #navbar [role="checkbox"]:before {
  width: 16px;
  height: 16px;
  border-width: 1px;
}
body.compact_view_active #navbar [role="checkbox"]:after {
  width: 5px;
  height: 10px;
  left: 6px;
  top: 2px;
}
body.compact_view_active #emailListUl [role="checkbox"] {
  width: 16px;
  height: 16px;
}
body.compact_view_active #emailListUl [role="checkbox"]:before {
  top: -4px;
  width: 16px;
  height: 16px;
  border-width: 1px;
}
body.compact_view_active #emailListUl [role="checkbox"]:after {
  top: -1px;
  left: 6px;
  width: 5px;
  height: 10px;
}
.email_list_ctrl .inbox-listing-inner > section.scroll-area {
  padding-right: 12px;
}
#densityModal :focus {
  outline: 0;
}
.draggable_handle svg {
  width: 16px;
}
.taskMain_ctrl {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: 15px;
  padding-bottom: 0;
  z-index: 0;
  flex: 1 1 auto;
  min-height: 1px;
  overflow: auto;
  width: 100%;
}
.taskArea_ctrl {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sha: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-sha: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  -ms-box-sha: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  -o-box-sha: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.my_task_home_ui {
  flex: 0 1 1000px;
  box-shadow: none;
  padding: 50px 0;
}
.draggable_handle svg {
  width: 16px;
  height: 16px;
  fill: #b7bfc6;
  opacity: 0;
}
.taskRow:hover .draggable_handle svg {
  opacity: 1;
}
.taskRowOuter {
  position: relative;
  box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -ms-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -o-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
}
.taskRow {
  display: flex;
  justify-content: space-between;
  position: relative;
  white-space: nowrap;
  align-items: center;
  padding: 0 15px 0 34px;
  height: 37px;
}
.draggable_handle {
  cursor: grab;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 25px;
  align-items: center;
  margin-left: -30px;
  cursor: move;
}
.item_inner_row_left {
  display: flex;
  flex: 1 1000 auto;
  height: 100%;
  justify-content: flex-start;
  min-width: 1px;
  position: relative;
  align-items: center;
}
.TaskName {
  flex: 0 1 auto;
  min-width: 1px;
  overflow: hidden;
  flex-grow: 1;
  max-height: 100%;
  position: relative;
}
.TaskName.sectionRow {
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
.TaskName_Text {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 1em;
  visibility: hidden;
  text-rendering: optimizeSpeed;
  cursor: pointer;
}
textarea.TaskName-input {
  background: 0 0;
  border-radius: 0;
  display: block;
  height: 100%;
  outline: 0;
  overflow: hidden;
  position: relative;
  resize: none;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  text-rendering: optimizeSpeed;
  font-size: 14px;
  color: #5f6368;
}
.task_list_toolbar {
  display: flex;
  padding: 0 17px;
  border-bottom: 1px solid #e5e5e5;
  justify-content: space-between;
  z-index: 100;
  position: relative;
  flex: 0 0 auto;
  align-items: center;
  max-height: 45px;
  min-height: 45px;
}
.task_list_toolbar button {
  display: flex;
}
.task_list_toolbar button:last-child {
  margin-left: 10px;
}
.MyTasksPageView {
  min-height: 1px;
  overflow-y: auto;
  background-color: #fff;
  height: 100%;
}
.TaskRowCompletionStatus {
  align-items: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.TaskRowCompletionStatus-checkbox {
  background: #fff;
  border: 1px solid #b7bfc6;
  border-radius: 50%;
  color: #848f99;
  fill: #848f99;
}
.TaskRow-completionStatus {
  flex: 0 0 auto;
  min-width: 1px;
  overflow: hidden;
  margin: 0 10px 0 0;
}
.TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete {
  transition:
    0.2s box-shadow,
    0.2s color,
    0.2s background,
    0.2s fill;
}
.TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:not(
    .TaskRowCompletionStatus-checkbox--disabled
  ):hover {
  background-color: #e2fffa;
  border-color: #25e8c8;
  color: #25e8c8;
  fill: #25e8c8;
  cursor: pointer;
}
.TaskRowCompletionStatus-checkIcon {
  height: 12px;
  width: 12px;
}
.TaskList {
  flex: 1 1 auto;
  overflow: hidden;
}
.taskRowOuter:hover {
  -webkit-box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  -moz-box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  -ms-box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  -o-box-shadow:
    inset 1px 0 0 #dadce0,
    inset -1px 0 0 #dadce0,
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  background-color: #f6f8f9;
}
.Pill--colorYellowGreen {
  background-color: #94ba2b;
  color: #fff;
}
.Pill--colorBlue {
  background-color: #2b78dc;
  color: #fff;
}
.Pill.Pill--colorPurple {
  background-color: #aa62e3;
  color: #fff;
}
.Pill.Pill--colorBlueGreen {
  background-color: #37c5ab;
  color: #fff;
}
.Pill--colorRed {
  background-color: #e8384f;
  color: #fff;
}
.Pill--colorBlueGreen {
  background-color: #37c5ab;
  color: #fff;
}
.Pill--colorYellowOrange {
  background-color: #fd9a00;
  color: #fff;
}
.Pill--colorNone {
  background-color: #e0e6e8;
  color: #848f99;
}
.item_inner_row_right {
  display: flex;
  flex: 0 1 auto;
  justify-content: flex-end;
  max-width: 75%;
  height: 100%;
  align-items: center;
  align-items: center;
}
.taskRowPots {
  display: flex;
}
.pill {
  padding: 2px 6px;
  overflow: hidden;
  max-width: 74px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  opacity: 0.8;
  border-radius: 70px;
  margin-left: 5px;
  font-size: 11px;
}
.pill:hover {
  opacity: 1;
}
.custom_property_editable_enum_cell.formElementButton .navigation_pill > .pill {
  max-width: 70px;
}
.TaskGroup_Inner {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  padding: 9px 28px;
  margin-top: 10px;
}
.TaskGroup_Inner i {
  margin-right: 5px;
}
.GridHeader-left {
  display: flex;
}
.GridHeader-right {
  display: flex;
  flex: 0 1 auto;
  justify-content: flex-end;
  max-width: 70%;
  min-width: 1px;
  align-items: center;
  margin-left: auto;
}
.task_pane.custom_list_header {
  align-items: center;
  color: #848f99;
  display: flex;
  fill: #848f99;
  justify-content: flex-end;
  padding-left: 30px;
}
.custom_property_header {
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  text-transform: uppercase;
}
.custom_property_header_field_name {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom_property_header_field_name:hover {
  color: #32c1ff;
}
.custom_property_header.header-enum {
  margin: 0 5px;
  width: 70px;
}
.custom_property_header.header-text {
  margin: 0 10px;
  width: 80px;
}
.theme_button {
  background-color: #3a295c;
  border-color: #3a295c;
}
.theme_button:hover {
  background-color: #614696;
  border-color: #614696;
}
.custom_property_editable_preview_container {
  align-items: center;
  cursor: default;
  display: flex;
  height: 100%;
}
.PotTaskRow-customProperties {
  flex: 0 0 auto;
  min-width: 1px;
  margin-left: 5px;
  overflow: visible;
}
.custom_property_editable_enum_cell {
  width: 80px;
  display: inline-flex;
  flex-grow: 1;
  justify-content: space-between;
  padding: 0 4px;
  align-items: center;
  height: 30px;
  border-radius: 4px;
}
.custom_property_editable_enum_cell.formElementButton .navigation_pill {
  margin: 0 2px 0 0;
  display: inline-flex;
}
.custom_field_dropdown_preview_editable_button > .dropdown > i {
  opacity: 0;
}
.custom_field_dropdown_preview_editable_button:hover > .dropdown > i {
  opacity: 1;
  color: #5f6368;
  font-size: 10px;
  display: inline-flex;
  vertical-align: unset;
}
.custom_property_editable_text_cell {
  padding: 2px 0;
  position: relative;
}
.CustomPropertyTextEditablePreviewCell-input {
  border: 2px solid transparent;
  border-radius: 0;
  width: 100px;
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 4px 9px;
  height: 37px;
  background: 0 0;
}
.CustomPropertyTextEditablePreviewCell-input:focus,
.CustomPropertyTextEditablePreviewCell-input:hover {
  border: 2px dotted #000;
  background-color: #fff;
}
.custom_field_dropdown_preview_editable_button {
  border: 1px solid transparent;
  cursor: pointer;
}
.custom_field_dropdown_preview_editable_button:hover {
  border-color: #646f79;
}
.DomainUserAvatar {
  width: 24px;
  display: inline-flex;
  justify-content: center;
  cursor: pointer;
  opacity: 0.5;
  margin-left: 5px;
}
.avtar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.custom_fields_settings_ctrl {
  flex: 0 0 auto;
  width: 30px;
  margin-left: 10px;
}
.custom_fields_settings_ctrl_innr {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
  color: #848f99;
}
.custom_fields_settings_ctrl_innr svg {
  width: 16px;
  height: 16px;
  margin-top: 5px;
}
.custom_fields_settings_ctrl_innr svg:hover {
  fill: #32c1ff;
}
.custom_property_header.custom_user {
  color: #151b26;
}
.custom_property_header_field_name:hover {
  color: #32c1ff;
}
.custom_property_header.custom_user:hover {
  color: #32c1ff;
}
.details_caret {
  cursor: pointer;
  color: #b7bfc6;
  height: auto;
  position: absolute;
  right: 12px;
  top: 15px;
  width: 12px;
  display: flex;
  font-size: 11px;
}
.pill.pill-large {
  height: 20px;
  line-height: 16px;
  font-size: 13px;
  max-width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dropdown-menu.task-dropdown {
  max-width: 260px;
  margin-top: 7px;
  margin-left: -3px;
  max-height: 275px;
  overflow: auto;
}
.dropdown-menu.task-dropdown > li > a {
  padding: 8px 15px 1px;
  align-items: center;
  margin: 0;
}
.dropdown-menu.task-dropdown > li > a:hover {
  background-color: #f2f2f2;
}
.dropdown-sm {
  max-width: 260px;
  max-height: 275px;
  overflow: auto;
}
.customFieldsSettings-dropdown {
  right: 0;
  left: auto;
}
.dropdown-sub-heading {
  padding: 10px 15px;
  display: inline-block;
  display: flex;
}
.gridFilterSection {
  margin: 15px;
  display: flex;
  align-items: center;
  display: block;
}
.gridFilterSection > input {
  margin: 0 7px 0 0;
}
.gridFilterSection > label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin: 0;
}
.dropdown-menu.dropdown-sm {
  max-width: 260px !important;
  max-height: 275px !important;
  overflow: auto !important;
  min-width: 217px;
}
.dropdown-menu.dropdown-left {
  left: 0;
  right: auto;
}
.dropdown-menu.dropdown-right {
  left: auto;
  right: 0;
}
.drodpwn_sub_heading {
  margin: 15px;
  display: flex;
}
.custom_field_manage_buttons {
  border-top: 1px solid #ececec;
}
.custom_field_manage_buttons .manage_buttons {
  padding: 8px 15px;
  margin: 0;
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #ececec;
}
.custom_field_manage_buttons
  .custom_field_manage_buttons
  .manage_buttons:last-child {
  border: 0;
}
.custom_field_manage_buttons .manage_buttons:hover {
  background-color: #2196f3;
  color: #fff;
}
.disabled-button {
  opacity: 0.5;
  cursor: default;
}
.disabled-button:hover {
  background-color: transparent !important;
  color: #333 !important;
  opacity: 0.5;
}
.custom_settings_property_manage h4.modal-title {
  font-size: 24px;
  color: #333;
  font-weight: 400;
}
.gridSortSection > label {
  font-size: 12px;
  color: #848f99;
  margin: 0 10px 7px 2px;
}
.manage_custom_field_in_popup_row_ctrl {
  display: inline-flex;
  align-items: center;
  padding: 8px 30px;
  position: relative;
  width: 100%;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.manage_field_left {
  display: flex;
  min-width: 150px;
  color: #333;
}
.manage_field_desc_right {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 64%;
  padding: 0 5px;
  color: #848f99;
}
.manage_field_desc_right .icon-ctrl {
  margin-right: 10px;
}
.add_custom_field,
.add_new_option {
  float: left;
  color: #2196f3;
  font-weight: 400;
  margin-left: 5px;
}
.add_custom_fields_in_popup {
  display: flex;
}
.add_custom_field_name_input_ctrl,
.add_project_name_input_ctrl {
  min-width: 65%;
  padding: 0 15px 0 0;
  display: inline-flex;
}
.common-form-row-ctrl .form-group {
  width: 100%;
  margin: 0;
}
.common-form-row-ctrl label {
  width: 100%;
  color: #848f99;
  font-weight: 400;
  margin-bottom: 8px;
}
.common-form-row-ctrl input[type="text"],
.common-form-row-ctrl select,
.common-form-row-ctrl textarea {
  width: 100%;
  border: 1px solid #e5e6e7;
  border-left: 2px solid #a599d7;
  min-height: 30px;
  padding: 8px 90px 8px 8px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.common-form-row-ctrl input:focus,
.common-form-row-ctrl textarea:focus {
  outline: 0;
}
.common-form-row-ctrl textarea {
  resize: vertical;
}
.description_box {
  margin-top: 10px;
}
.add_custom_field_name_type_ctrl,
.add_project_to_teams_ctrl {
  display: inline-flex;
  width: 100%;
}
.bootstrap-select {
  width: 100% !important;
}
.bootstrap-select > button {
  background-color: #fff;
  border: 1px solid #e5e6e7;
}
.bootstrap-select .btn:focus {
  outline: 0 !important;
}
.bootstrap-select .dropdown-menu {
  box-shadow: none;
  border: 1px solid #e5e6e7;
}
.add_new_option {
  border: 0;
  margin: 0;
}
.add_new_option i {
  font-size: 16px;
  padding: 0 5px;
}
.common-form-row-ctrl {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
.add_custom_fields_modal .modal-body {
  display: inline-block;
  width: 100%;
}
.accoridan_list_ctrl_head .addWidget > i {
  font-size: 14px;
  float: right;
  color: #c1b4f8;
  margin: 5px 21px 0 0;
}
.accoridan_list_ctrl_head .addWidget > i:hover {
  color: #fff;
}
.modal-large-heading {
  font-size: 24px;
  color: #333;
  font-weight: 400;
}
.fix-modal-body {
  display: inline-block;
  width: 100%;
}
.radio-group-ctrl label {
  margin-left: 20px;
  color: #333;
}
.checkbox-ctrl,
.radio-ctrl {
  margin-top: 5px;
  margin-bottom: 5px;
}
.radio-group-ctrl {
  margin-top: 2px;
  margin-bottom: 5px;
}
.radio-group-ctrl i.icon-ctrl {
  margin: 0 0 0 9px;
  min-width: 16px;
  font-size: 11px;
  top: -2px;
  position: relative;
  margin: 0 0 0 9px;
  min-width: 16px;
  font-size: 11px;
  top: -2px;
  position: relative;
  color: #848f99;
}
.mondayStyle {
  border-radius: 0;
  height: 37px;
  border: 0;
}
.mondayStyle.custom_field_dropdown_preview_editable_button > .dropdown > i {
  color: #fff;
  margin-left: -2px;
  display: none;
}
.mondayStyle .pill {
  margin-left: 0;
  opacity: 1;
}
.project_group_header {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: flex;
  align-items: center;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  padding: 5px 0;
}
.clickable {
  display: inline-flex;
  height: 100%;
  cursor: pointer;
}
.clickable > i {
  height: 16px;
  width: 16px;
  padding: 0 15px;
  font-size: 16px;
  margin-top: 7px;
}
.see_all_task {
  justify-content: flex-end;
  margin-left: auto;
  padding: 0 10px;
  color: #1a9fef;
  font-weight: 400;
}
.project_group_list_data {
  padding: 15px;
  display: flex;
  box-shadow: none;
}
.home_no_task_in_project {
  padding: 30px 15px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  color: #262626;
}
.home_no_task_in_project i {
  font-size: 78px;
  color: #ababab;
  margin: 0 0 12px;
}
ul.home_project_list.full_width > li {
  padding: 15px 35px 15px 15px;
  background-color: #fff;
  list-style-type: none;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.home_project_list_innr {
  display: flex;
}
.task-list-pill-blue {
  background-color: #2b78dc;
}
.task_icon {
  width: 50px;
  height: 50px;
  background-color: #00f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  text-align: center;
  margin-right: 21px;
}
.task_icon img {
  display: inline-block;
  float: none;
  margin: 0 0 0 11px;
}
.home_project_name {
  font-weight: 600;
  color: #000;
  font-size: 14px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.home_project_name i {
  color: #f2c654;
  margin: -2px 0 0 11px;
  font-size: 13px;
}
.homeproject_name_and_drtails p {
  color: rgba(0, 0, 0, 0.59);
}
.home_project_assigned_to {
  display: inline-block;
  margin: auto 0 auto auto;
  width: 30px;
  height: 30px;
  background-color: #ababab;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  align-items: center;
  line-height: 28px;
  font-size: 13px;
}
.project_group_header h5 {
  color: #262626;
  font-size: 16px;
  padding: 0 7px;
}
.yellowGreen {
  background-color: #a4cf30;
}
.yellowOrange {
  background-color: #fd9a00;
}
.purple {
  background-color: #aa62e3;
}
.blue {
  background-color: #4186e0;
}
.project_group_ctrl {
  margin-bottom: 40px;
}
.advance_set {
  display: inline-block;
  margin: auto 0;
  position: absolute;
  right: 16px;
  top: 33px;
  opacity: 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  cursor: pointer;
}
ul.home_project_list.full_width > li:hover .advance_set {
  opacity: 1;
}
.task_description_area {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sha: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-sha: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  -ms-box-sha: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  -o-box-sha: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  margin: 0;
  padding: 15px 0 0;
}
ul.accordian_menu_list.theme_menu > li {
  border-left: 3px solid transparent;
}
ul.accordian_menu_list.theme_menu > li:hover {
  border-left: 3px solid #fff;
}
ul.accordian_menu_list.theme_menu > li.active {
  border-left: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
ul.accordian_menu_list.theme_menu > li.active > a {
  color: #fff;
}
.typehead_external_container {
  position: relative;
}
.add_new_field {
  float: left;
  font-weight: 400;
  color: #2196f3;
  width: 100%;
  text-align: left;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.add_new_field:hover {
  background-color: #2196f3;
  color: #fff;
}
.add_new_field.top {
  border-bottom: 1px solid #ccd1d4;
}
.add_new_field.bottom {
  border-top: 1px solid #ccd1d4;
}
.custom_typehead.show_project {
  position: absolute;
  top: 54px;
  background-color: #fff;
  width: 100%;
  left: 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #ccd1d4;
}
.custom_typehead_inner {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
  display: inline-block;
  overflow: auto;
  max-height: 121px;
}
.custom_typehead_inner .manage_custom_field_in_popup_row_ctrl {
  padding: 10px 15px;
  cursor: pointer;
  align-items: center;
}
.custom_typehead_inner .manage_custom_field_in_popup_row_ctrl:hover {
  background-color: #2196f3;
  color: #fff !important;
}
.custom_typehead_inner .manage_custom_field_in_popup_row_ctrl:hover * {
  color: #fff;
  background-color: #2196f3;
}
.custom_typehead_inner .manage_field_desc_right {
  align-items: center;
  display: inline-block;
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.add_new_field > i {
  margin-right: 5px;
}
.extra-padding-modal-footer {
  padding: 15px 25px;
}
.custom_typehead_input_ctrl {
  width: 100%;
  padding: 8px 10px;
  border-radius: 4px;
  border: 1px solid #ccd1d4;
}
.edit_settings_custom_field {
  color: #b7bfc6;
  position: absolute;
  right: 15px;
  opacity: 0;
}
.manage_custom_field_in_popup_row_ctrl:hover {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.manage_custom_field_in_popup_row_ctrl:hover .edit_settings_custom_field {
  opacity: 1;
}
.manage_custom_field_in_popup_row_ctrl:hover .draggable_handle svg {
  opacity: 1;
}
.edit_settings_custom_field ul.dropdown-menu > li > a {
  margin: 0;
  border-radius: 0;
  color: #333;
  font-size: 13px;
}
.edit_settings_custom_field ul.dropdown-menu > li > a:hover {
  background-color: #2196f3;
  color: #fff;
}
.edit_settings_custom_field:hover {
  color: #2196f3;
}
.gridFilterSection input {
  margin-right: 5px;
}
.custom_task_splitter {
  height: calc(100vh - 170px) !important;
  border-radius: 8px;
}
.custom_task_splitter .jqx-splitter-splitbar-vertical.jqx-fill-state-normal {
  border-color: #c7c7c7;
  background: #f1f1f1;
  width: 3px !important;
}
.sidebar-link-button {
  color: #a599d7;
  text-align: center;
  width: 100%;
  padding: 8px 20px;
  align-items: center;
  display: flex;
  justify-content: left;
  border-radius: 2px;
  margin: 0 auto;
  text-transform: capitalize;
  font-size: 14px;
}
.sidebar-link-button:hover {
  color: #fff;
}
.sidebar-link-button i {
  margin: 0 7px 0 0;
  font-size: 14px;
}
.preview_pane_ctrl.layout_dropdown.splitter_dropdown {
  margin: 0;
  padding: 0 30px 0 0;
  display: inline-flex;
  margin-left: auto;
}
.preview_pane_ctrl.splitter_dropdown.open .dropdown-menu {
  display: block;
  right: 0;
  margin-right: 15px;
}
.add_new_option.custom_field_add {
  font-size: 13px;
  margin-top: -5px;
}
.border-bottom-dotted {
  border-bottom: 1px dotted;
}
.repeat_custom_field_options_ctrl {
  overflow-y: auto;
  max-height: 153px;
  padding-right: 5px;
  overflow-x: hidden;
}
.create_field_modal_body {
  padding: 20px 30px;
}
.add_color_dropdown {
  position: absolute;
  top: 11px;
  right: 30px;
  font-size: 11px;
  display: none;
}
.add_color_dropdown > span {
  color: #5f6368;
  border-color: #5f6368;
  cursor: pointer;
}
.add_color_dropdown > span:hover {
  color: #0e9aef;
  border-color: #0e9aef;
}
.add_color_dropdown ul.dropdown-menu {
  display: block;
  padding: 7px 5px;
  flex-wrap: wrap;
  min-width: 154px;
}
.add_color_dropdown.open ul.dropdown-menu {
  display: block;
}
.add_color_dropdown ul.dropdown-menu > li {
  float: left;
  padding: 0;
  display: inline-flex;
}
.add_color_dropdown ul.dropdown-menu > li > span {
  border: 1px solid #d3d3d3;
  margin: 2px;
}
.repeat_custom_field_options_ctrl .common-form-row-ctrl {
  position: relative;
}
.add_color_dropdown.open {
  display: block;
}
.repeat_custom_field_options_ctrl
  .common-form-row-ctrl:hover
  > .add_color_dropdown {
  display: block;
}
.repeat_custom_field_options_ctrl
  .common-form-row-ctrl
  > input:focus
  ~ .add_color_dropdown {
  display: block;
}
.repeat_custom_field_options_ctrl
  .common-form-row-ctrl
  input:focus
  + .add_color_dropdown {
  display: block;
}
ul.task_fixed_menu > li > a > i {
  margin-right: 9px;
  font-size: 14px;
  position: relative;
}
.has_notification {
  width: 12px;
  height: 12px;
  background-color: #cc4a31;
  position: absolute;
  top: -7px;
  right: -6px;
  border-radius: 50%;
  border: 2px solid #3a295c;
}
ul.task_fixed_menu > li > a > span.notification_count {
  color: #fff;
  float: right;
  position: absolute;
  right: 22px;
  font-size: 12px;
  top: 8px;
}
.taskRowOuter:hover .dropdown.task_dots_dropdown {
  display: none;
}
.details_caret {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
}
.dropdown.task_dots_dropdown.open {
  display: block;
}
.dropdown.task_dots_dropdown {
  position: absolute;
  right: 10px;
  top: 0;
  display: none;
}
.dropdown.task_dots_dropdown ul.dropdown-menu {
  bottom: auto;
  top: 0;
  margin-top: 37px;
  margin-right: 5px;
}
.task_check_box[role="checkbox"] {
  display: flex;
  position: relative;
  left: auto;
  top: auto;
  margin-right: 10px;
  align-items: center;
  height: 14px;
  width: 14px;
  cursor: pointer;
}
.task_check_box[role="checkbox"]:before {
  width: 14px;
  height: 14px;
  border-radius: 0;
  border-width: 1px;
}
.task_check_box:hover:before {
  opacity: 1;
  background-color: #ececec;
  border-color: #767676;
}
.task_check_box:hover:after {
  display: block;
  width: 5px;
  height: 10px;
  border: solid #767676;
  border-width: 0 0.125em 0.125em 0;
  transform: translate(0, 0);
  -webkit-tranform: translate(0, 0);
  -moz-tranform: translate(0, 0);
  -ms-tranform: translate(0, 0);
  -o-tranform: translate(0, 0);
  top: 1px;
  left: 5px;
  transform: rotate(52deg);
  -webkit-transform: rotate(52deg);
  -moz-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  -o-transform: rotate(52deg);
}
.sub_section {
  display: flex;
}
.sub_section i {
  margin-right: 8px;
  margin-top: 2px;
}
.taskList_toolbar_header {
  display: flex;
  padding: 15px 15px 0;
}
.toolbar_left_grid {
  display: inline-flex;
}
.toolbar_left_grid ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  font-size: 14px;
  font-weight: 400;
}
.toolbar_left_grid ul li {
  margin: 0 15px 0 0;
}
.toolbar_left_grid ul li a {
  color: #5b626e;
  font-size: 14px;
  text-transform: capitalize;
  padding: 2px 1px;
}
.toolbar_left_grid ul li a:hover {
  color: #0e9aef;
}
.toolbar_left_grid ul li a:focus {
  border-bottom: 2px solid #0e9aef;
}
.toolbar_left_grid ul li a.active {
  color: #0e9aef;
  border-bottom: 2px solid #0e9aef;
  font-weight: 600;
}
.task_list_toolbar .dropdown-menu .grey-label {
  background: #f2f2f2;
}
.task_list_toolbar .dropdown-menu .grey-label > a:hover {
  color: #0e9aef !important;
}
.filter_dropdown_btn .dropdown-menu li a {
  position: relative;
  padding: 5px 15px 5px 32px;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
  border-radius: 0 !important;
  font-weight: 500;
  color: #0e9aef;
  margin-top: 0;
}
.task_list_filter_dropdown > span {
  padding: 5px 10px;
  color: #5f6368;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.fr-popup-custom .task_list_filter_dropdown > span {
  padding: 5px 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.task_list_filter_dropdown > span > i {
  padding-left: 7px;
  font-size: 13px;
}
.task_list_filter_dropdown > ul.dropdown-menu {
  margin-top: 10px;
}
.task_list_toolbar .dropdown-menu .grey-label {
  background: #f2f2f2;
}
.task_list_filter_dropdown > ul.dropdown-menu > li > a {
  padding: 5px 32px 5px 32px;
  margin: 0;
  color: #333;
  font-size: 14px;
}
.task_list_filter_dropdown > ul.dropdown-menu > li.active > a {
  background: 0 0;
  color: #5f6368;
}
.task_list_filter_dropdown > ul.dropdown-menu > li {
  position: relative;
}
.task_list_filter_dropdown > ul.dropdown-menu > li > i {
  position: absolute;
  top: 13px;
  right: 20px;
  color: #000;
  opacity: 0.5;
}
.task_list_filter_dropdown .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.task_list_filter_dropdown .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.TaskName.sub_section textarea.TaskName-input {
  color: #5f6368;
  font-size: 14px;
}
.TaskName.sub_section i {
  color: #5f6368;
  font-size: 11px;
  margin: 4px 7px 0 2px;
}
.taskGroupRowOuter {
  border-bottom: 1px solid #e5e5e5;
}
.avatar.avatar-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f7ff;
  color: #bcd4ff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-right: 11px;
}
ul.tasks_view {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  font-size: 14px;
  font-weight: 400;
}
ul.tasks_view li {
  margin: 0 20px 0 0;
}
ul.tasks_view li a {
  color: #5b626e;
  font-size: 14px;
  text-transform: capitalize;
  padding: 0 3px 11px;
  border-bottom: 2px solid transparent;
}
ul.tasks_view li a.active {
  color: #0e9aef;
  border-bottom: 2px solid #0e9aef;
  font-weight: 600;
}
.tasks_view_main_widget_ctrl {
  min-height: 45px;
  align-items: center;
  display: flex;
  padding: 0 16px;
  margin: 5px 0 0;
}
.task_list_filter_dropdown
  > ul.dropdown-menu
  > li
  > a.ticked_filter_all_mail:before {
  font-family: "Font Awesome 5 Free";
  content: "\F00C";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  left: 11px;
  opacity: 0.5;
}
.task_list_filter_dropdown > span > b {
  font-weight: 400;
  margin-left: 7px;
  color: #a0a0a0;
}
.selected_list_name {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.project_heading_advance_settings_ctrl {
  display: inline-flex;
  cursor: pointer;
  margin-left: auto;
}
.project_heading_advance_settings_ctrl.in_list_view {
  margin-left: 0;
}
.project_heading_advance_settings_ctrl > span > i {
  font-size: 13px;
  margin: 0 5px;
  color: rgba(0, 0, 0, 0.5);
}
.project_heading_advance_settings_ctrl.open > span > i,
.project_heading_advance_settings_ctrl:hover > span > i {
  color: #0e9aef;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu {
  margin: 0;
  display: none;
  margin-top: 10px;
}
.project_heading_advance_settings_ctrl.open > ul.dropdown-menu {
  display: block;
}
.multi-option-top {
  border-bottom: 1px solid #ccd1d4;
  padding: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.multi-option-top a {
  font-size: 14px;
  padding: 12px 15px;
  display: inline-flex;
  width: calc(100% / 5);
  color: rgba(0, 0, 0, 0.5);
}
.multi-option-top a:hover {
  color: #0e9aef;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu > li {
  margin: 0;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu > li > a {
  padding: 4px 20px;
  background: 0 0;
  margin: 0;
  width: 100%;
  color: #333;
  font-size: 14px;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu > li > a:hover {
  background-color: #f5f5f5;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu > li > a > i {
  margin-right: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}
.project_heading_advance_settings_ctrl ul.dropdown-menu > li > a:hover > i {
  color: #000;
}
.project_heading_advance_settings_ctrl
  ul.dropdown-menu
  > li.set_highlight_color_project_top {
  position: relative;
}
.project_heading_advance_settings_ctrl
  ul.dropdown-menu
  > li.set_highlight_color_project_top:hover
  .dropdown-menu {
  right: 0;
  position: absolute;
}
ul.independent_colorpicker li span {
  border: 1px solid #d3d3d3;
  margin: 2px;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu > li > a > i.arrow {
  font-size: 11px;
  margin-top: 9px;
}
.project_heading_advance_settings_ctrl
  ul.dropdown-menu
  > li
  > a
  > i.example-color {
  color: #20aaea;
}
.project_heading_advance_settings_ctrl
  ul.dropdown-menu
  > li
  > a:hover
  > ul.dropdown-menu {
  display: block;
}
ul.independent_colorpicker {
  flex-wrap: wrap;
  max-width: 154px;
  min-width: 145px;
}
ul.independent_colorpicker > li {
  display: inline-flex;
  float: left;
}
.set_highlight_color_project_top > a > ul.dropdown-menu {
  top: 0 !important;
  left: 100% !important;
}
.seperator {
  border-bottom: 1px solid #ccd1d4;
  display: block;
}
.task_description_area {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  height: 100% !important;
}
textarea.task_name_textarea.task_details_pane {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  border-color: transparent;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  text-rendering: optimizeSpeed;
  border-radius: 3px;
  padding: 4px 9px;
  width: 100%;
  box-sizing: border-box;
  resize: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 26px;
  border-width: 1px;
  outline: 0;
}
textarea.task_name_textarea.task_details_pane:hover {
  border-color: rgba(60, 64, 67, 0.3);
}
textarea.task_name_textarea.task_details_pane:focus {
  border-color: #0e9aef;
}
.task_desc_grid_left {
  width: 85%;
  display: inline-flex;
}
.task_name_textarea_ctrl {
  width: 100%;
}
.task_desc_grid_right {
  display: inline-flex;
  margin-left: auto;
  align-items: center;
  max-height: 36px;
}
.task_description.task_name_area {
  display: flex;
  padding: 0 10px;
}
.task_desc_grid_right > .window_item {
  display: inline-block;
  margin: 0 10px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}
.task_desc_grid_right > .window_item:hover {
  color: #0e9aef;
}
.add_task_description_ctrl .fr-toolbar {
  box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  -o-box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.add_task_description_ctrl .fr-wrapper {
  box-shadow: none !important;
}
.add_task_description_ctrl .fr-wrapper > div:first-child {
  display: none;
}
.add_task_description_ctrl .fr-element {
  padding: 20px 0 !important;
  min-height: 180px !important;
  border: 0 !important;
}
.add_task_description_ctrl .fr-separator.fr-hs {
  display: none;
}
.add_task_description_ctrl {
  padding: 4px 23px;
}
.projects_label_ctrl {
  margin: 10px 15px 18px 20px;
}
.projects_assigned_to_task {
  display: flex;
}
.show_list_symbol {
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  margin: 0 9px 0 0;
}
.projects_linked {
  display: inline-flex;
  position: relative;
  margin: 0 8px 0 0;
  color: #fff;
  font-size: 11px;
  padding: 5px 7px;
  border-radius: 3px;
  cursor: pointer;
}
.projects_linked > a {
  position: absolute;
  top: -7px;
  right: -5px;
  display: none;
}
.projects_linked > a > i {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
}
.projects_linked:hover > a {
  display: block;
}
.link_project {
  display: flex;
  align-items: center;
  padding: 0 2px;
  margin: 0 2px;
  color: rgba(0, 0, 0, 0.5);
}
.task_assignee_dropdown:hover > a.link_project {
  color: #0e9aef;
}
.task_assignee_dropdown.open a.link_project {
  color: #0e9aef;
}
.task_assignee_dropdown a.link_project > .tooltip {
  margin-top: 15px;
}
.task_assignee_dropdown {
  display: inline-flex;
  align-items: center;
}
.task_assignee_dropdown ul.dropdown-menu {
  padding: 0;
  border: 1px solid #ccd1d4;
  overflow: hidden;
  min-width: 400px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.task_assignee_dropdown .dropdown_search_ctrl {
  color: #333;
  font-size: 14px;
  padding: 11px 12px 0;
}
.dropdown_search_ctrl .list-filter {
  position: relative;
  margin-top: 3px;
}
.dropdown_search_ctrl .list-filter input {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 14px;
  padding-left: 33px;
  padding-right: 5px;
  line-height: 23px;
  color: #333;
  margin-top: 7px;
  width: 100%;
  min-height: 27px;
}
.dropdown_search_ctrl .list-filter i {
  position: absolute;
  top: 14px;
  left: 12px;
  opacity: 0.7;
  color: #767676;
}
.assignee_list {
  overflow-y: auto;
  max-height: 204px;
  margin-bottom: 0;
}
.task_assignee_dropdown .assignee_list > li {
  padding: 8px 20px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  border-radius: 0;
  cursor: pointer;
  font-size: 14px;
}
.task_assignee_dropdown.add_status .assignee_list > li {
  padding: 8px 15px;
  font-size: 13px;
}
.task_assignee_dropdown .assignee_list > li:hover {
  background-color: #f5f5f5;
}
.task_assignee_dropdown .assignee_list > li .elem_circle {
  margin-right: 10px;
  border-radius: 100%;
}
.assignee_list > li > .comments_user {
  border: 0;
  line-height: 22px;
  margin-right: 8px;
  width: 22px;
  height: 22px;
  font-size: 11px;
}
.add_status .assignee_list > li .elem_circle {
  border-radius: 2px;
}
.add_assinments_section {
  border-bottom: 1px solid #ccd1d4;
  padding: 10px 18px;
}
.dropdown.add_status a {
  background-color: #fff;
  color: #000;
  font-weight: 400;
  padding: 7px 11px;
  border-radius: 4px;
  border: 1px solid #ccd1d4;
  display: flex;
  align-items: center;
}
.dropdown.add_status a > i {
  padding: 1px 2px 0;
  margin-left: 0;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  color: #5f6368;
}
.dropdown.add_status a > i.status_highlight {
  color: #fc0;
}
.dropdown.add_status a > strong {
  font-weight: 400;
  padding: 0 5px;
  color: #5f6368;
}
.dropdown.add_status .assignee_list {
  overflow-y: auto;
  max-height: 204px;
  margin-bottom: 0;
  padding: 5px 1px;
  margin: 0;
}
.multi_assignee_user {
  top: 3px;
  position: relative;
  margin: 0 12px;
}
.multi_assignee_user > a {
  color: rgba(0, 0, 0, 0.4);
  padding: 1px 6px 0;
  border-radius: 100%;
  position: relative;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  width: 30px;
  height: 30px;
}
i.plus_assignee_icn {
  position: absolute;
  font-size: 7px;
  right: -8px;
  width: auto;
  height: auto;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 100%;
  bottom: -4px;
  text-align: center;
  line-height: 15px;
  border: 2px solid #fff;
  padding: 0 3px;
  color: #fff;
  height: 17px;
}
.multi_assignee_user ul.dropdown-menu {
  margin-top: 5px;
}
.add_status ul.dropdown-menu {
  min-width: 160px;
  margin-left: 2px;
}
.multiple_widget_ctrl {
  padding: 16px 17px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccd1d4;
  display: flex;
  align-items: center;
}
.multiple_widget_ctrl > .multiple_widget_item {
  width: calc(100% / 5);
  margin-right: 25px;
  margin-left: 0;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.multiple_widget_ctrl > .multiple_widget_item:last-child {
  margin: 0;
}
.timer {
  margin-left: 5px;
}
.timer i {
  color: rgba(0, 0, 0, 0.4);
}
.timer i:hover {
  color: #a4cf30;
}
.timer_additional_option:hover > span > i {
  color: #0e9aef;
}
.timer_additional_option.open > span > i {
  color: #0e9aef;
}
.track_time {
  padding: 0 8px 0 14px;
  color: #a0a0a0;
  font-size: 12px;
}
.track_time strong {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  padding-right: 1px;
}
.timer_additional_option {
  display: inline-flex;
}
.timer_additional_option ul.dropdown-menu > li > a {
  color: #5b626e;
  font-size: 14px;
  margin: 0;
  border-radius: 0;
  padding: 4px 20px;
}
.set_date_ctrl .mx-datepicker {
  width: 100%;
  padding-right: 8px;
  z-index: 9;
  background: 0 0;
}
.set_date_ctrl .mx-input-wrapper {
  display: inline-flex;
  width: 139px;
  position: relative;
  padding-right: 0;
  border: 1px solid transparent;
  height: 37px;
  border-radius: 16px;
  cursor: pointer;
  background: 0 0 !important;
}
.set_date_ctrl input {
  border: 0;
  box-shadow: none;
  padding: 0;
  float: right !important;
  display: none;
  width: 75px;
  margin-left: 32px;
  position: relative;
  top: 2px;
  height: 33px;
  cursor: pointer;
  background: 0 0;
}
.set_date_ctrl .mx-input-append {
  display: inline-flex;
  top: 0;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 8px 8px;
  z-index: 0;
}
.set_date_ctrl .mx-input-append > svg {
  width: 24px;
}
.set_date_ctrl .mx-input-append.mx-clear-wrapper {
  right: 0;
  position: absolute;
  left: auto;
  padding: 0;
  top: 8px;
  width: auto;
  height: auto;
  right: 9px;
  font-size: 13px;
}
.attach_files_ctrl {
  padding: 10px 15px;
}
ul.attach_files_ul {
  list-style-type: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 15px 0 40px 0;
  display: inline-block;
}
ul.attach_files_ul > li {
  padding: 0;
  margin: 0 17px 17px 0;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  align-items: center;
  width: calc(100% / 4 - 13px);
  height: auto;
  float: left;
}
ul.attach_files_ul > li > i {
  color: rgba(0, 0, 0, 0.5);
  margin-right: 8px;
  display: inline-flex;
}
ul.attach_files_ul > li:hover .img-wrap {
  background-color: #f5f5f5;
}
ul.attach_files_ul > li > a.remove_attachment {
  position: relative;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.4);
  padding: 0 7px;
  margin-top: 3px;
  display: none;
}
ul.attach_files_ul > li:hover > a.remove_attachment {
  display: block;
}
ul.attach_files_ul > li > a.remove_attachment:hover {
  color: #0e9aef;
}
a.upload_files {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  background-color: #fff;
  padding: 7px 10px;
  border-radius: 4px;
  font-weight: 400;
  color: #0e9aef;
  text-align: center;
  border: 1px dashed #0e9aef;
  font-size: 14px;
}
a.upload_files > i {
  font-size: 10px;
  padding: 0 8px 0 0;
}
.multiple_file_upload {
  color: #5f6368;
  cursor: pointer;
  margin-left: 3px;
  font-size: 14px;
}
.multiple_file_upload i {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.5);
}
.subtask_ctrl {
  color: #5f6368;
  cursor: pointer;
  margin-left: 36px;
  font-size: 14px;
}
.subtask_ctrl i {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
}
.subtask_ctrl .task_count {
  padding: 0 3px 0 0;
  color: #0e9aef;
  font-weight: 600;
}
a.user_hint {
  color: #5f6368;
  padding: 12px 31px;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
a.user_hint i {
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}
.selected_color {
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto 0;
  bottom: 0;
  border-radius: 0;
}
.manage_custom_fields_in_popup {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 144px;
}
.custom_field_ctrl {
  color: #5f6368;
  cursor: pointer;
  margin-left: 36px;
  font-size: 14px;
}
.custom_field_ctrl i {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
}
.task_activity_log {
  padding: 30px 25px;
  border-top: 1px solid #ccd1d4;
}
.task_activity_log ul {
  list-style-type: none;
}
.task_activity_log ul li {
  padding: 0 0 12px;
  align-items: center;
  position: relative;
}
.task_author {
  color: #0e9aef;
  padding: 0 5px 0 0;
}
.task_creation_date_time {
  color: #a0a0a0;
  padding: 0 15px;
  font-size: 12px;
  margin-left: 17px;
  width: 100%;
}
.remove_option {
  position: absolute;
  right: 10px;
  top: 11px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 11px;
  display: none;
}
.remove_option:hover {
  color: #0e9aef;
}
.repeat_custom_field_options_ctrl .common-form-row-ctrl:hover > .remove_option {
  display: block;
}
.repeat_custom_field_options_ctrl
  .common-form-row-ctrl
  > input:focus
  ~ .remove_option {
  display: block;
}
.delete-btn {
  color: #ff5959;
  background: 0 0;
  border-color: #ff5959;
}
.delete-btn:focus,
.delete-btn:hover {
  background-color: #ff5959;
  color: #fff;
  border-color: #ff5959;
}
.custom_field_wrapper .common-form-row-ctrl .form-group label {
  display: inline-flex;
  margin-right: 15px;
}
.custom_field_wrapper .common-form-row-ctrl .form-group input,
.custom_field_wrapper .common-form-row-ctrl .form-group select {
  border-left: 1px solid #e5e6e7;
  display: inline-flex;
  margin-left: auto;
  padding: 8px;
}
.custom_field_details_ctrl {
  padding: 5px 15px;
}
.custom_field_wrapper .common-form-row-ctrl {
  margin: 0;
}
.custom_field_wrapper .common-form-row-ctrl .form-group {
  width: 100%;
  margin: 0;
}
.flex {
  display: flex;
  width: 100%;
}
.custom_field_wrapper .common-form-row-ctrl .form-group label {
  display: inline-flex;
  margin-right: 15px;
  white-space: normal;
  margin-bottom: 0;
  align-items: center;
  width: 30%;
}
.custom_field_wrapper .common-form-row-ctrl .form-group input,
.custom_field_wrapper .common-form-row-ctrl .form-group select {
  border-left: 1px solid #e5e6e7;
  display: inline-flex;
  padding: 4px 8px;
  width: 100%;
  color: #848f99;
  border-radius: 4px;
}
.custom_field_wrapper .common-form-row-ctrl .form-group input:hover,
.custom_field_wrapper .common-form-row-ctrl .form-group select:hover {
  border-color: #676767;
}
.task_scroll_area {
  height: calc(100% - 260px);
  overflow-y: auto;
  overflow-x: hidden;
}
.task_area_comments_posted_ctrl {
  padding: 15px 15px 33px 24px;
  border-top: 1px solid #ccd1d4;
}
.task_area_comments_main_ctrl {
  width: 100%;
  margin-top: 0;
  padding: 0;
}
.task_area_comments_main_ctrl .comments_type_area {
  margin: 0;
}
.comments_updated_on {
  color: rgba(0, 0, 0, 0.56);
  display: flex;
  justify-content: center;
  padding: 15px 0;
}
.activity_innr_firstline {
  display: block;
  align-items: center;
  width: 100%;
}
.activity_innr_firstline .comments_user {
  margin: 0 5px 0 0;
  width: 22px;
  height: 22px;
  line-height: 21px;
  font-size: 11px;
  border: 0;
}
.remove_activity {
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  position: absolute;
  right: 0;
  display: inline-flex;
  opacity: 0;
}
.task_activity_log ul li:hover .remove_activity {
  opacity: 1;
}
.remove_activity:hover {
  color: #0e9aef;
}
.modal-footer {
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.custom_field_ctrl > span.active,
.custom_field_ctrl > span.active > i,
.multiple_file_upload > span.active,
.multiple_file_upload > span.active > i,
.subtask_ctrl > span.active,
.subtask_ctrl > span.active > i {
  color: #0e9aef;
}
.userMenu_innr_ctrl {
  width: 100%;
  color: #333;
  font-size: 14px;
  padding: 8px 10px 8px 12px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.userMenu_innr_ctrl:hover {
  background-color: #f5f5f5;
}
.user_profile_main_ctrl.open > .user_prof_dropdown > ul.dropdown-menu {
  display: block;
}
.userMenu_status_ctrl ul.dropdown-menu > li {
  margin: 0;
}
.userMenu_innr_ctrl > i {
  padding: 0;
  display: inline-flex;
  opacity: 1;
  margin-right: 10px;
}
.user_profile_main_ctrl .preview_pane_ctrl i.fa-caret-left {
  color: #9aa2ad !important;
  display: flex;
  margin-left: auto;
  margin-right: 3px;
}
.userMenu_innr_ctrl > i.status_circle {
  margin-right: 8px;
}
.userMenu_innr_ctrl > i.fa-chevron-right {
  margin-left: auto;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 12px;
}
.userMenu_innr_ctrl:hover > ul.dropdown-menu {
  display: block;
  right: auto !important;
  left: 100% !important;
  margin: 0 !important;
}
.user_prof_dropdown > ul.dropdown-menu {
  width: 240px;
}
.user-name-initial i.user_menu_indicator_status {
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
  position: absolute;
  right: -4px;
  top: -3px;
  opacity: 1;
  padding: 0;
}
.userMenu_innr_ctrl > ul.dropdown-menu {
  overflow: hidden;
}
.user_profile_main_ctrl ul.dropdown-menu > li {
  margin: 0 !important;
}
.add_task_description_ctrl .fr-placeholder {
  color: #a0a0a0;
  font-weight: 400;
  font-size: 18px !important;
  line-height: 24px !important;
}
.task_description_top_panel {
  border-bottom: 1px solid #ccd1d4;
}
.task_description_top_panel.add_shadow {
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  -moz-box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  -ms-box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  -o-box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  height: auto;
  display: inline-block;
  width: 100%;
  z-index: 9;
  position: relative;
}
table.no-border-collapse {
  border-collapse: separate !important;
}
.editor-wrapper.overflow-scroll-y {
  overflow-y: auto;
}
img.img_resize {
  cursor: move;
  border: 2px dotted #0e9aef;
}
.pill_ctrl.assignee_pill {
  background: 0 0 !important;
  margin: 0 0 4px 4px !important;
  align-items: center;
  display: flex;
  border-radius: 4px !important;
}
.pill_ctrl.assignee_pill > .assignee_initial {
  float: left;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 100%;
  font-size: 11px;
  background-color: #3a295c;
  align-items: center;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  color: #fff;
}
.pill_ctrl.assignee_pill .emailLabels {
  color: #5f6368;
  font-size: 13px !important;
  background: 0 0 !important;
  padding: 0 4px !important;
}
.pill_ctrl.assignee_pill > a.remove_pill {
  color: rgba(0, 0, 0, 0.5) !important;
  top: 1px !important;
}
ul.custom_fontlist_ctrl {
  padding: 0 !important;
}
ul.custom_fontlist_ctrl > li {
  padding: 0 !important;
}
ul.custom_fontlist_ctrl > li > a {
  padding: 6px 15px;
  margin: 0;
  color: #333;
  font-size: 14px;
}
ul#emailListUl .email-action-button ul li i + .tooltip {
  margin-top: 13px;
}
.doc_dots_ctrl > i {
  padding: 0 5px 0 0;
}
.node-wrapper .innertTextContent.email-sidebar > svg {
  top: 1px;
  margin-right: 2px;
}
.handleEmailLabelSelectDiv.email-sidebar-handle {
  width: 83% !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.node-wrapper .innertTextContent.email-sidebar {
  text-overflow: unset;
  overflow: visible !important;
  width: auto !important;
}
.no-border-left {
  border-left: 0 !important;
}
.datepicker-theme-input-left input.mx-input {
  border: 1px solid #aeaeae !important;
  border-radius: 0;
  border-left: 0 !important;
}
.accordable_sections .showAccordion {
  display: inline-block;
}
.accordable_sections .accoridan_list_ctrl_head .addWidget {
  margin-left: auto;
  float: right;
}
.conversation_ctrl .commnets_main_ctrl .comment_text.comment_text_edit_state {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  border: 1px solid #0e9aef;
  box-sizing: border-box;
  padding: 3px 15px;
  width: 100%;
  position: relative;
}
textarea#comment-edit-area {
  color: rgba(0, 0, 0, 0.7);
  padding: 0;
  display: inline;
  background: 0 0;
  border: none;
  font-size: 13px;
  line-height: 22px;
}
ul.comment_action_buttons_list.edit_state {
  display: block;
}
.comment_action_buttons.comment_action_buttons_edit_state {
  opacity: 1;
}
ul.comment_action_buttons_list.edit_state {
  display: flex;
}
ul.comment_action_buttons_list.edit_state li {
  cursor: pointer;
  border-radius: 100%;
  text-align: center;
  line-height: 23px;
  display: inline-flex;
}
.comment_action_buttons ul.comment_action_buttons_list.edit_state > li > i {
  font-size: 13px;
}
ul.comment_action_buttons_list.edit_state li.cancel_edit_state > i {
  color: #ff5959;
}
ul.comment_action_buttons_list.edit_state li.cancel_edit_state {
  background: 0 0;
}
.comment_content_and_action {
  align-items: center;
  display: flex;
}
.commentList-email.comment-email-assignee-popup.atDRateDropUp {
  padding: 0;
}
.atDRateDropUp .assignee-list {
  margin: 0;
}
.atDRateDropUp .assignee-list > ul > li {
  padding: 8px 15px;
  cursor: pointer;
  display: flex;
}
.atDRateDropUp .assignee-list > ul > li:hover {
  background-color: #f5f5f5;
}
.atDRateDropUp .assignee-list > ul > li .user-name-icon {
  width: 22px;
  height: 22px;
  font-size: 11px;
  line-height: 22px;
  margin-right: 8px;
}
.atDRateDropUp .assignee-list > ul > li > .user-info > h2 {
  font-size: 14px !important;
  font-weight: 400;
}
.atDRateDropUp .assignee-list > ul > li > .user-info > p {
  font-size: 12px;
  color: #a0a0a0;
}
.atDRateDropUp.comment-email-assignee-popup .assignee-list {
  margin: 0;
}
.comments_dropup_svg {
  padding: 8px 20px;
  width: 100%;
  text-align: center;
  min-width: 266px;
  display: flex;
  align-items: center;
}
.comments_dropup_svg > svg {
  width: 20px;
  margin-right: 8px;
}
.comments_dropup_svg > svg > path {
  fill: #0e9aef;
}
.task_detail_followers_ui_ctrl {
  border-top: 1px solid #dadce0;
  padding: 10px 9px 10px 24px;
  background-color: #f8f8f8;
  z-index: 9;
  position: relative;
}
.followers_ui {
  display: flex;
  align-items: center;
}
.followers_ui .sub-label {
  display: inline-flex;
  color: #5f6368;
  font-size: 14px;
  margin: 0 13px 0 0;
}
.followers_list {
  display: inline-flex;
}
ul.followers_innr_ul {
  list-style-type: none;
  display: flex;
}
ul.followers_innr_ul > li {
  margin: 0 3px;
  position: relative;
  align-items: center;
  display: flex;
}
ul.followers_innr_ul > li > i {
  position: absolute;
  right: -6px;
  top: -4px;
  cursor: pointer;
  display: none;
}
ul.followers_innr_ul > li:hover > i {
  display: block;
}
ul.followers_innr_ul > li > .comments_user {
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.followers_ui .temp_layout_icons {
  display: inline-flex !important;
  margin: 0 22px 0 auto;
}
.followers_ui .temp_layout_icons .switch {
  height: 14px;
  width: 38px;
}
.followers_ui .temp_layout_icons .slider:before {
  background-color: #0e9aef;
  bottom: -2px;
  left: 0;
  width: 18px;
  height: 18px;
}
.followers_ui .temp_layout_icons input:checked + .slider:before {
  transform: translateX(21px);
  -webkit-transform: translateX(21px);
  -moz-transform: translateX(21px);
  -ms-transform: translateX(21px);
  -o-transform: translateX(21px);
}
.followers_label {
  padding: 0 !important;
  margin: -2px 13px 0 0;
}
.followers_ui .slider {
  background-color: #ccc;
}
.followers_ui input:checked + .slider {
  background-color: #93cff4;
}
a.add_followers {
  margin: 0;
  padding: 0;
}
a.add_followers > i {
  font-size: 22px;
  color: #999;
}
.followers_dropup > ul.dropdown-menu {
  top: auto;
  bottom: 46px;
  left: auto;
}
.followers_dropup > ul.dropdown-menu.followers_dropup_dropdown {
  top: auto;
  bottom: 34px;
  left: auto;
  min-width: 400px;
  animation-duration: 0.4s;
}
.followers_dropup_dropdown .dropdown_search_ctrl {
  padding: 11px 12px 0;
  color: #333;
  font-size: 14px;
}
ul.followers_dropup_dropdown .assignee_list > li {
  padding: 8px 20px;
  cursor: pointer;
}
ul.followers_dropup_dropdown .assignee_list > li:hover {
  background-color: #f5f5f5;
}
.followers_dropup {
  position: relative;
  display: inline-flex;
}
.custom_fields_inline_ctrl.open > .project_assigned_inline > ul.dropdown-menu {
  display: block;
  left: auto;
  right: 0;
  width: 100%;
  max-width: 250px;
  min-width: 250px;
}
.custom_fields_inline_ctrl .project_assigned_inline {
  position: relative;
}
.project_assigned_inline.task_assignee_dropdown > ul.dropdown-menu > li {
  display: inline-block;
  float: left;
}
.project_assigned_inline.task_assignee_dropdown .assignee_list > li {
  float: left;
  display: inline-block;
}
.dropdown.add_status.status_inline > a > i.fa-chevron-down {
  opacity: 0;
}
.dropdown.add_status.status_inline > a {
  border: 0;
  background: 0 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 4px 5px;
  min-width: 107px;
}
.dropdown.add_status.status_inline > a:hover {
  background-color: #fff;
  border: 1px solid #ccd1d4;
}
.dropdown.add_status.status_inline > a:hover > i.fa-chevron-down {
  opacity: 1;
}
.add_status.status_inline ul.dropdown-menu {
  left: auto;
  right: 0;
  width: 100%;
  max-width: 250px;
  min-width: 250px;
}
.status_inline.add_status > ul.dropdown-menu > .assignee_list > li {
  display: inline-block;
  float: left;
}
.assignee_inline_dropdown > ul.dropdown-menu {
  left: 0;
  right: 0;
  width: 100%;
  max-width: 250px;
  min-width: 250px;
}
.assignee_inline_dropdown > ul.dropdown-menu > .assignee_list > li {
  float: left;
  display: inline-block;
}
.inline_assignee {
  cursor: pointer;
}
.inline_assignee.open > .assignee_inline_dropdown > ul.dropdown-menu {
  display: block;
}
.avatar.inline_assignee {
  position: relative;
}
.assignee_inline_dropdown
  > ul.dropdown-menu
  > .assignee_list
  > li
  > .assignee_text {
  color: #000;
}
.inline_text_field {
  margin: 3px 8px 0;
}
.inline_text_field textarea {
  padding: 0;
  resize: none;
  display: inline-block;
  border-radius: 3px;
  background-color: transparent;
  text-align: center;
  width: 70px;
  height: 23px;
  align-items: center;
  line-height: 22px;
  overflow: hidden;
  border: 1px solid transparent;
}
.inline_text_field textarea:focus,
.inline_text_field textarea:hover {
  border: 1px solid #ccd1d4;
  background-color: #fff;
}
.fr-popup {
  position: absolute;
  display: block;
  color: #222;
  background: #fff;
  -webkit-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border: 0;
  border-top: 5px solid #222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}
.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}
.fr-popup .fr-buttons {
  -webkit-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  padding: 0 2px;
  white-space: nowrap;
  line-height: 0;
  border-bottom: 0;
}
.fr-popup .fr-command.fr-btn,
.fr-toolbar .fr-command.fr-btn {
  background: 0 0;
  color: #222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 0 2px;
  -webkit-transition: background 0.2s ease 0;
  -moz-transition: background 0.2s ease 0;
  -ms-transition: background 0.2s ease 0;
  -o-transition: background 0.2s ease 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  padding: 0;
  width: 38px;
  height: 38px;
}
.fr-popup .fr-buttons .fr-btn {
  display: inline-block;
  float: none;
}
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg {
  display: block;
  font-size: 14px;
  width: 14px;
  margin: 12px;
  text-align: center;
  float: none;
}
.fr-popup .fr-buttons .fr-btn i {
  float: left;
}
span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-command.fr-btn span,
.fr-toolbar .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 34px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: 700;
  padding: 0 2px;
}
.fr-popup .fr-command.fr-btn span.fr-sr-only,
.fr-toolbar .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-command.fr-btn.fr-dropdown::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown::after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222;
  right: 4px;
  top: 17px;
  content: "";
}
.fr-popup .fr-buttons .fr-btn {
  display: inline-block;
  float: none;
}
.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 5px solid #222;
  -webkit-box-shadow:
    0 -1px 3px rgba(0, 0, 0, 0.12),
    0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow:
    0 -1px 3px rgba(0, 0, 0, 0.12),
    0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow:
    0 -1px 3px rgba(0, 0, 0, 0.12),
    0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-popup.fr-active {
  display: block;
}
.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222;
}
.fr-popup .fr-layer {
  width: 225px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  display: none;
}
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}
.fr-popup .fr-input-line {
  position: relative;
  padding: 8px 0;
}
.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}
.fr-popup input,
.fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}
.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line textarea {
  width: 100%;
  margin: 0 0 1px;
  border: none;
  border-bottom: solid 1px #bdbdbd;
  color: #222;
  font-size: 14px;
  padding: 6px 0 2px;
  background: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: transparent;
  -webkit-transition: color 0.2s ease 0;
  -moz-transition: color 0.2s ease 0;
  -ms-transition: color 0.2s ease 0;
  -o-transition: color 0.2s ease 0;
  z-index: 3;
  width: 100%;
  display: block;
  background: #fff;
}
.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #a0a0a0;
}
.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  border: 0 none;
  cursor: pointer;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
  top: 1px;
  left: 1px;
}
.fr-popup .fr-checkbox span {
  border: solid 1px #222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition:
    background 0.2s ease 0s,
    border-color 0.2s ease 0;
  -moz-transition:
    background 0.2s ease 0s,
    border-color 0.2s ease 0;
  -ms-transition:
    background 0.2s ease 0s,
    border-color 0.2s ease 0;
  -o-transition:
    background 0.2s ease 0s,
    border-color 0.2s ease 0;
}
.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
  font-weight: 400;
}
.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}
.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: 0 0;
  font-size: 16px;
  outline: 0;
  -webkit-transition: background 0.2s ease 0;
  -moz-transition: background 0.2s ease 0;
  -ms-transition: background 0.2s ease 0;
  -o-transition: background 0.2s ease 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.doc_add_links {
  display: block !important;
}
.doc_inline_link_toolbar {
  display: inline-block;
  width: auto;
  height: auto;
}
.doc_inline_link_toolbar2 {
  display: inline-block;
  width: auto;
  height: auto;
}
.comments_editable_area_ctrl {
  width: 100%;
  display: flex;
  position: relative;
}
.comments_input_field_ctrl:focus {
  outline: 0;
}
.comments_input_field_ctrl > span {
  word-break: break-all;
  font-size: 14px;
}
.comment_text.comment_text_edit_state > .comments_textarea {
  width: 100%;
  direction: ltr;
  word-break: break-all;
  border: 1px solid #0e9aef !important;
  background-color: #fff !important;
  border-radius: 20px;
  padding: 0 15px !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.comment_text.comment_text_edit_state > .comments_textarea:focus {
  outline: 0;
}
.comments_input_field_ctrl[contenteditable="true"]:empty:before {
  content: attr(placeholder);
  display: block;
  color: #a0a0a0;
}
.comment_text.comment_text_edit_state:focus {
  outline: 0;
}
.theme-form-ui input:focus,
.theme-form-ui textarea:focus {
  outline: 0 !important;
  border-color: #e5e6e7 !important;
  border-left-color: #a599d7 !important;
}
.theme-form-ui input,
.theme-form-ui textarea {
  padding: 7px 12px !important;
  height: auto;
  border-left: 2px solid #a599d7;
}
.ui.search.dropdown > input.search {
  height: 100%;
}
.ui.selection.dropdown {
  border-left: 2px solid #a599d7 !important;
  border-radius: 0 !important;
}
.theme-form-ui .form-group label {
  color: #848f99;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 8px;
}
a.close_panel {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  cursor: pointer;
  float: right;
  padding: 5px 0;
  position: relative;
  right: 0;
  margin: -10px 7px 5px 0;
}
a.close_panel:hover {
  color: #0e9aef;
}
.custom_field_wrapper a.close_panel {
  margin: -5px 7px 5px 0;
}
.subtask_details_ctrl a.close_panel {
  margin: 0 22px 5px 0;
}
.subtask_innr_ctrl {
  width: 100%;
  display: inline-block;
}
ul.followers_innr_ul > li.open ul.dropdown-menu {
  display: block;
}
.inline_timer {
  color: rgba(0, 0, 0, 0.2);
  margin: 0 0 0 8px;
  cursor: pointer;
  font-size: 14px;
}
.inline_timer:hover {
  color: #a4cf30;
}
.subsection_header {
  background-color: #f8f8f8;
}
.taskRowOuter.taskGroupRowOuter.subsection_header:hover {
  box-shadow: none;
}
.table-word-break {
  word-break: break-word !important;
}
.email_list_ctrl ul.inbox-listing-inner li.unread .mail_list_date {
  font-weight: 600;
  color: #333;
}
i.status-online {
  color: #82bb05 !important;
  font-size: 10px;
  min-width: 15px;
}
i.status-away {
  color: #fcd116 !important;
}
i.status-dnd {
  color: #e81123 !important;
}
i.status-invisible {
  color: rgba(0, 0, 0, 0.4) !important;
}
i.status-offline {
  color: #82bb05 !important;
}
i.far.status-invisible {
  color: rgba(0, 0, 0, 0.4) !important;
}
.comments_posted_ctrl .followers_list {
  margin-left: 5px;
}
.comments_posted_ctrl .followers_list a.add_followers > i {
  font-size: 14px;
}
.comments_posted_ctrl .followers_list a.add_followers > i:hover {
  color: #0e9aef;
}
.comments_posted_ctrl.task_area_comments_posted_ctrl .comment_text {
  padding: 7px 15px;
}
.commnets_main_ctrl.task_area_comments_main_ctrl textarea.comments_textarea {
  height: 100%;
}
.commnets_main_ctrl.task_area_comments_main_ctrl .submit_comment {
  right: 14px;
}
.fixed_email_preview_action_btns > button.actn_btn > .tooltip {
  margin-top: 14px;
}
ul.theme_ul_li {
  padding: 0 !important;
}
ul.theme_ul_li > li {
  color: #333;
  cursor: pointer;
}
ul.theme_ul_li > li:hover {
  background-color: #f5f5f5;
  color: #333 !important;
}
ul.theme_ul_li > li:first-child {
  padding-top: 6px !important;
}
ul.theme_ul_li > li:last-child {
  padding-bottom: 6px !important;
}
.attachment_sec_sublabel {
  font-weight: 600;
  font-size: 16px;
  color: #5f6368;
  margin-bottom: 15px;
}
.attachment-listings {
  width: 100%;
}
.file_attachment_default_icon {
  background-color: #0e9aef;
  padding: 0 14px;
  align-items: center;
  display: flex;
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  margin-right: 10px;
}
.attached_file_name_and_size {
  max-width: 60%;
}
ul.attachment-listings .file_name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  float: left;
  color: #0e9aef;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  position: relative;
}
.attachment-listings .file-size {
  color: #a0a0a0 !important;
  font-weight: 400 !important;
  margin-left: 0 !important;
  display: inline-block;
  top: -5px;
  position: relative;
  width: 100%;
}
.file_attachment_action_buttons {
  display: inline-flex;
  margin-left: auto;
  align-items: center;
}
.attachment-listings li a.attachment-links {
  color: rgba(0, 0, 0, 0.5) !important;
  transition: all 0.2s linear;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.attachment-listings li a.attachment-links:hover {
  color: #000 !important;
}
.file_attachment_action_buttons > a.attachment-links {
  margin: 0 10px !important;
}
.attachment-listings li:nth-child(odd) {
  margin-right: 20px;
}
.file_attachment_default_icon > svg {
  width: 22px;
  height: 22px;
  fill: #ffffff;
}
.common_toolbar_icon_ctrl {
  margin-left: 0 !important;
}
td.doc_highlighted_cells {
  border-color: #0e9aef !important;
}
.custom-editor > .dropdown-listing ul.dropdown-menu > li > a::selection {
  background: 0 0 !important;
  color: #333 !important;
}
.custom-editor > .dropdown-listing ul.dropdown-menu > li > a::-moz-selection {
  background: 0 0 !important;
  color: #333 !important;
}
.custom-editor > .dropdown-listing button.dropdown-toggle::selection {
  background: 0 0 !important;
}
.custom-editor > .dropdown-listing button.dropdown-toggle::-moz-selection {
  background: 0 0 !important;
}
.doc_sidebar_navigation_ctrl {
  max-width: 291px;
  width: 100%;
  float: left;
  height: auto;
}
.doc_main_rightsidebar_ctrl {
  width: calc(100% - 291px);
  border-left: 1px solid #e5e5e5;
  display: inline-block;
  border-radius: 0;
}
.doc_sidebar_navigation_top_header {
  padding: 12px 15px 12px 16px;
  border-bottom: 1px solid #e5e5e5;
  height: auto;
  min-height: 46px;
}
.doc_sidebar_navigation_top_header > i {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.btn-group-devider {
  padding-right: 5px;
  margin-right: 5px !important;
  position: relative;
}
.btn-group-devider:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  height: 25px;
}
i.goToNormalWidth {
  font-size: 17px;
  margin-right: 5px;
  padding: 2px 10px;
  display: none;
  position: relative;
  top: -1px;
  left: -1px;
}
.editor-main-wrapper.DocfullWidthMode .doc_sidebar_navigation_ctrl {
  display: none;
}
.editor-main-wrapper.DocfullWidthMode .doc_main_rightsidebar_ctrl {
  width: 100%;
}
.editor-main-wrapper.DocfullWidthMode i.goToNormalWidth {
  display: inline-block;
}
i.fontFamilyDocDropdown {
  font-size: 11px !important;
  padding: 0 0 0 3px;
  top: 1px;
  position: relative;
}
.dropdown.open i.fontFamilyDocDropdown:before {
  content: "\f077";
}
.download_file_ctrl .dropdown-toggle {
  background: 0 0;
  color: #676a6c;
  border: none;
  padding: 2px 15px;
}
.download_file_ctrl .dropdown-toggle:hover {
  background: 0 0;
}
.docs-right-section.doc-editor .docs-header-bar i {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  line-height: 27px;
}
.download_file_ctrl .dropdown-toggle > i {
  margin-right: 5px;
}
.download_file_ctrl .download_down_chevron {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 5px;
}
.download_file_ctrl.open .dropdown-toggle {
  background: 0 0;
  border: 1px solid #ccd1d4;
  color: #676a6c;
}
.download_file_ctrl ul.dropdown-menu {
  margin-left: 1px;
}
.download_file_ctrl ul.dropdown-menu li {
  border-bottom: 1px solid #d1d1d1;
}
.download_file_ctrl ul.dropdown-menu li:last-child {
  border: 0;
}
.download_file_ctrl ul.dropdown-menu li a {
  margin: 0 !important;
  border: 0 !important;
  padding: 6px 15px;
}
.download_file_ctrl ul.dropdown-menu li a:hover {
  background-color: #f5f5f5;
}
.download_file_ctrl ul.dropdown-menu li a > i {
  margin-right: 5px;
  margin-left: 0;
}
.download_file_ctrl:focus {
  outline: 0;
}
.download_file_ctrl.open .dropdown-toggle:focus {
  border: 1px solid #ccd1d4;
}
.download_file_ctrl {
  border: 1px solid #ccd1d4;
  outline: 0;
  border-radius: 3px;
}
.download_file_ctrl.open {
  border: 1px solid #ccd1d4;
  color: #676a6c;
}
.download_file_ctrl.open:hover {
  color: #676a6c;
}
.download_file_ctrl.open .dropdown-toggle {
  background: 0 0;
  border: 0;
  color: #676a6c;
}
.download_file_ctrl.open:focus {
  color: #676a6c;
}
.download_file_ctrl.open .dropdown-toggle:focus {
  border: 0;
  outline: 0;
}
.download_file_ctrl.open .dropdown-toggle:hover {
  color: #676a6c;
}
.app_col_first_doc_sidebar.app_col_first {
  height: auto !important;
}
ul.cellContainer_ctrl {
  padding: 8px 10px;
  border: 0;
  box-shadow: none;
  top: auto !important;
  position: relative;
}
ul.cellContainer_ctrl li span {
  margin: 3px;
  cursor: pointer;
}
.color-picker-nav-ctrl .color-picker-nav-inner-label {
  display: inline-block;
  width: 100%;
  text-align: center !important;
  color: #666;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.color-picker-nav-ctrl .color-picker-nav-inner-label:hover {
  background-color: #f5f5f5;
}
.color-picker-nav-ctrl .color-picker-nav-inner-label.active {
  background-color: #f5f5f5;
  font-weight: 600;
}
ul#NewTooltip {
  padding: 5px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #ccd1d4;
}
.color-picker-nav-ctrl {
  display: flex;
}
.compact_ui.temp_layout_icons {
  padding: 0 5px;
  float: left;
  margin: 5px 2px 0 5px;
  align-items: center;
  display: flex;
}
.compact_ui .switch {
  width: 38px;
  height: 14px;
}
.compact_ui.temp_layout_icons span {
  padding: 0 8px 0 0;
}
.compact_ui .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.compact_ui .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 0;
  bottom: -2px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 99;
  border: 1px solid #ccc;
}
.compact_ui .checked.switch:before {
  content: "ON";
  color: #fff;
  width: 10px;
  font-size: 12px;
  position: absolute;
  left: 8px;
  top: 4px;
  z-index: 9;
  display: block;
  opacity: 0;
}
.compact_ui .not-checked.switch:after {
  content: "OFF";
  color: #fff;
  width: 10px;
  font-size: 12px;
  position: absolute;
  right: 18px;
  top: 3.5px;
  z-index: 9;
  display: block;
  opacity: 0;
}
.compact_ui input:checked + .slider {
  background-color: #93cff4;
}
.compact_ui input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(21px);
  background-color: #0e9aef;
  border: 1px solid #0e9aef;
}
ul.attachment-listings.compose_mail_attachment {
  padding: 0 10px;
}
ul.attachment-listings.compose_mail_attachment li {
  width: calc(100% / 3 - 8px);
  padding: 6px;
  margin: 0 4px 8px;
  max-height: 33px;
  display: inline-flex;
}
ul.attachment-listings.compose_mail_attachment li:last-child {
  margin-bottom: 3px;
}
ul.attachment-listings.compose_mail_attachment .file_attachment_default_icon {
  width: 21px;
  height: 21px;
  padding: 0;
  align-items: center;
  text-align: center;
}
ul.attachment-listings.compose_mail_attachment
  .file_attachment_default_icon
  > svg {
  width: 19px;
  height: 16px;
  margin: 0 auto;
}
ul.attachment-listings.compose_mail_attachment .attached_file_name_and_size {
  display: inline-flex;
  max-width: 79%;
}
ul.attachment-listings.compose_mail_attachment .file_name {
  font-size: 13px;
  font-weight: 400;
  margin-right: 6px;
  max-width: 80%;
  line-height: 20px;
}
ul.attachment-listings.compose_mail_attachment .file-size {
  width: auto;
  display: inline-flex;
  top: auto;
  white-space: nowrap;
  line-height: 20px;
}
.attachment-listings.compose_mail_attachment li a.attachment-links {
  font-size: 11px;
  margin: 0 7px !important;
}
.attachment-listings.compose_mail_attachment .file_attachment_default_icon {
  width: 21px;
  height: 21px;
  padding: 0;
  align-items: center;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.compose_mail_inline_scroller {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-open .main_content_parent #mailComposeModal {
  display: flex !important;
}
.mailbox_input_fields {
  outline: 0;
  border: 1px solid transparent;
  padding: 5px 6px;
}
.mailbox_input_fields:focus {
  border: 1px solid #008adf;
}
.sub_folder_limit_reached {
  display: inline-block;
}
.sub_folder_limit_reached i {
  margin-right: 3px;
  font-size: 14px;
}
.sub_folder_limit_reached .alert-info {
  padding: 8px 30px 8px 8px;
}
.sub_folder_limit_reached a.close {
  color: #31708f;
  opacity: 0.5;
  font-size: 16px;
  margin-top: 2px;
}
.sub_folder_limit_reached a.close:hover {
  opacity: 0.9;
}
.taskMain_ctrl .assignee_pill {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding: 0 14px 0 0;
  margin: 1px 2px;
  top: -2px;
  transition: color 0.25s ease;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
}
.assigned_user_initial {
  background-color: #0e9aef;
  width: 30px;
  height: 30px;
  color: #fff;
  display: inline-block;
  border-radius: 100%;
  align-items: center;
  text-align: center;
  line-height: 29px;
  font-size: 14px;
  font-weight: 400;
  margin-right: 6px;
  z-index: 1;
}
.assigned_user_name {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 56%;
  z-index: 1;
}
.taskMain_ctrl .remove_assigned_user {
  position: absolute;
  top: -6px;
  right: -2px;
  font-size: 12px;
  z-index: 1;
  display: none;
}
.taskMain_ctrl .assignee_pill:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #f8f8f8;
  transform-origin: left;
  transition: width 0.25s ease;
  -webkit-transition: width 0.25s ease;
  -moz-transition: width 0.25s ease;
  -ms-transition: width 0.25s ease;
  -o-transition: width 0.25s ease;
  border-radius: 17px;
}
.taskMain_ctrl .assignee_pill:hover:after {
  width: 100%;
}
.taskMain_ctrl .assignee_pill:hover .remove_assigned_user {
  display: block;
}
.editor-wrapper a {
  color: #1f7fc9;
}
.editor-wrapper a:hover {
  color: #1f7fc9;
}
.doc_links_toolbar button > i[data-toggle="tooltip"] + .tooltip {
  margin-top: 18px;
}
.TaskGroup.task-group-wrapper .TaskList {
  overflow: visible;
}
.outSideClick_ctrl {
  display: inline-block;
  float: left;
}
.attachment_fullscreen_popup .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
}
.attachment_fullscreen_popup .modal-content {
  border-radius: 0;
  box-shadow: none;
  border: 0;
  background-color: #282828;
}
.attachment_fullscreen_popup .modal-header {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-color: #232323;
}
.attachment_fullscreen_popup .modal_header_ctrl {
  display: flex;
}
.modal_header_left_panel {
  width: 50%;
  display: inline-block;
  font-size: 14px;
}
.fullscreen_attachment_name {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  padding: 0 0 7px 0;
  font-weight: 600;
}
.fullscreen_attachment_time {
  display: inline-block;
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.modal_header_right_panel {
  display: flex;
  width: 50%;
}
.fullscreen_attachment_toolbar {
  display: flex;
  margin-left: auto;
}
.fullscreen_attachment_toolbar > ul {
  list-style-type: none;
  display: inline-flex;
}
.fullscreen_attachment_toolbar > ul > li {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  margin: 0 30px 0 0;
  font-weight: 400;
  float: none;
  color: #bdbdbd;
  cursor: pointer;
}
.fullscreen_attachment_toolbar > ul > li:hover {
  color: #fff;
}
.fullscreen_attachment_toolbar > ul > li > i {
  margin-right: 7px;
  font-size: 12px;
}
.fullscreen_attachment_toolbar > ul > li > a > i {
  margin-right: 10px;
}
.fullscreen_attachment_toolbar > ul > li:last-child > a > i {
  margin: 0;
}
.fullscreen_attachment_toolbar > ul > li:last-child {
  margin: 0 5px 0 0;
}
.fullscreen_attachment_more_options_ctrl ul.dropdown-menu {
  margin-top: 20px;
  background-color: #282828;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.fullscreen_attachment_more_options_ctrl ul.dropdown-menu > li > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.fullscreen_attachment_toolbar
  > ul
  > li.close_fullscreen_attachemnt_modal_button
  > a {
  color: #bdbdbd;
  font-size: 17px;
}
.fullscreen_attachment_toolbar
  > ul
  > li.close_fullscreen_attachemnt_modal_button
  > a:hover {
  color: #fff;
}
.attachment_fullscreen_popup .modal-body {
  height: calc(100% - 73px);
  display: flex;
  align-items: center;
}
.fullscreen_attachment_carousel_ctrl {
  width: 100%;
}
.fullscreen_attachment_carousel_ctrl .carousel-inner {
  width: 100%;
  height: 100%;
  max-width: 75%;
  max-height: 70%;
  margin: 0 auto;
  text-align: center;
}
.fullscreen_attachment_carousel_ctrl .carousel-inner .item img {
  margin: 0 auto;
}
.fullscreen_attachment_carousel_ctrl .carousel-inner img {
  width: auto !important;
  height: auto;
}
.fullscreen_attachment_carousel_inner_ctrl a.carousel-control {
  background: 0 0 !important;
  width: auto;
  height: 37px;
  display: inline-block;
  color: #fff;
  opacity: 0.2;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 20px;
}
.fullscreen_attachment_carousel_inner_ctrl a.carousel-control:hover {
  opacity: 0.6;
}
.fullscreen_attachment_more_options_ctrl > i {
  cursor: pointer;
  color: #bdbdbd;
}
.fullscreen_attachment_more_options_ctrl > i:hover {
  color: #fff;
}
.fullscreen_attachment_more_options_ctrl ul.dropdown-menu > li > a {
  color: #bdbdbd;
}
.fullscreen_attachment_more_options_ctrl ul.dropdown-menu > li > a:hover {
  color: #fff;
}
.fullscreen_attachement_image_count_ctrl {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #bebebe;
  text-align: center;
  margin: 30px 15px 0 15px;
  font-size: 14px;
  font-weight: 600;
}
ul.attach_files_ul > li .img-thumbnail {
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
}
ul.img_attachment_innr_action_buttons {
  display: none;
}
ul.attach_files_ul > li .img-wrap {
  width: 100%;
  height: 108px;
  display: inline-block;
  position: relative;
}
l.attach_files_ul > li .img-thumbnail {
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
}
ul.attach_files_ul > li > P {
  width: 100%;
  text-align: center;
  float: left;
  display: inline-block;
  color: #5f6368;
  padding-top: 5px;
}
ul.attach_files_ul > li > P:hover {
  color: #5f6368;
}
ul.attach_files_ul > li:nth-child(4n) {
  margin: 0;
}
ul.img_attachment_innr_action_buttons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  align-items: center;
  border-radius: 5px;
  justify-content: center;
  display: none;
}
ul.img_attachment_innr_action_buttons li {
  color: #fff;
  padding: 0 7px;
  display: inline-flex;
}
ul.img_attachment_innr_action_buttons li a {
  color: #fff;
  padding: 6px 8px;
  border-radius: 5px;
  background-color: #000;
  font-size: 14px;
}
ul.attach_files_ul > li:hover ul.img_attachment_innr_action_buttons {
  display: flex;
}
.attachment_sec_subheading {
  color: #5f6368;
  margin: 10px 0 0 0;
  align-items: center;
  cursor: pointer;
  display: inline-block;
}
.attachment_sec_subheading i {
  font-size: 10px;
  margin-left: 5px;
}
.element-loader-tasks {
  float: left;
  position: absolute !important;
  width: calc(100% - 1px) !important;
  box-sizing: border-box;
  z-index: 999;
  background: #fff;
  height: 100% !important;
  margin-top: 0;
  margin-left: 0;
  padding-top: 6px;
}
.element-loader-tasks .content-wrapper:last-child > .content-item {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.element-loader-tasks .content-item {
  box-sizing: border-box;
  background: #fff;
  border-radius: 0;
  padding: 16px 29px 10px 29px;
  margin: 0 auto;
  width: 100%;
  border: 0;
  box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -ms-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -o-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
}
.element-loader-tasks .left-space {
  width: 10px;
  height: 8px;
  top: 0;
  left: 16px;
}
.element-loader-tasks .left-space-2 {
  left: 61%;
  height: 8px;
  width: 10px;
}
.element-loader-tasks .left-space-3 {
  left: 65%;
  height: 8px;
  width: 10px;
}
.element-loader-tasks .left-space-4 {
  width: 10px;
  height: 8px;
  left: 75%;
}
.element-loader-tasks .left-space-5 {
  width: 10px;
  height: 8px;
  left: 85%;
}
.element-loader-tasks .left-space-6 {
  width: 10px;
  height: 8px;
  left: 95%;
}
.set_date_ctrl.multiple_widget_item .mx-datepicker-popup {
  top: auto !important;
}
.inline_datepicker_main_ctrl {
  margin: 0 10px;
}
.taskRowOuter .inline_datepicker_main_ctrl .inline_text_field {
  width: auto;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.inline_datepicker_main_ctrl .mx-datepicker {
  left: 0;
  width: 100%;
  display: inline-block;
}
.inline_datepicker_main_ctrl .mx-datepicker .mx-input {
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.inline_datepicker_main_ctrl .mx-datepicker .mx-input-append {
  width: 100%;
  right: 0;
  padding: 0;
  visibility: hidden;
}
.inline_datepicker_main_ctrl .mx-datepicker .mx-datepicker-popup {
  margin-top: 25px;
  z-index: 99999 !important;
}
.datepicker_innr_ctrl {
  position: absolute;
  left: 40px;
  z-index: 99;
  margin-top: -2px;
  cursor: pointer;
}
.set_date_ctrl .mx-input-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-style: normal;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  cursor: pointer;
  font-size: 12px;
}
.datepicker_custom_ctrl:hover .mx-input-wrapper {
  border: 1px solid #ccd1d4;
}
.datepicker_innr_ctrl:hover + .mx-datepicker .mx-clear-wrapper {
  display: block;
}
.inline-textfield-wrapper .render_inline_date {
  z-index: 9;
}
.inline-textfield-wrapper .cstmDateStyle .mx-datepicker {
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
}
.followers_innr_ul > li .comments_user .remove_assigned_user {
  position: absolute;
  top: -11px;
  right: -6px;
  z-index: 9;
  display: none;
  font-size: 16px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
}
.followers_innr_ul > li .comments_user:hover .remove_assigned_user {
  display: block;
}
.followers_innr_ul > li .comments_user .remove_assigned_user:hover {
  color: #000;
}
.page-wrapper-rcl {
  width: calc(100% - 74px) !important;
  margin: 0 !important;
  float: left;
  position: relative !important;
  height: 100%;
}
.cpt_date {
  color: #909090;
  font-size: 14px;
  font-weight: 600;
  padding: 0 10px;
  display: inline-block;
}
ul.captured_thumbnails {
  display: block;
  width: 100%;
}
ul.captured_thumbnails > li {
  display: inline-flex;
  margin: 0 5px;
  border: 1px solid #dedede;
}
ul.captured_thumbnails > li a {
  display: inline-block;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  padding: 10px;
  background-color: #fff;
  max-height: 165px;
  overflow: hidden;
}
ul.captured_thumbnails > li a img {
  width: 100%;
  height: 100%;
}
.thumbnail_desc_ctrl {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 10px;
}
span.thumbnail_name {
  font-weight: 600;
  color: #222;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 95%;
  display: inline-block;
}
span.thumbnail_posted_by_details {
  width: 100%;
  display: inline-block;
}
span.thumbnail_posted_by {
  color: #222;
}
span.thumbnail_posted_by_details {
  max-width: 95%;
  display: inline-block;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.capture_inbox_thumbnail_innr_ctrl {
  padding: 20px;
  display: inline-block;
}
ul.captured_thumbnails.small > li {
  display: inline-block;
  width: calc(100% / 6 - 10px) !important;
  position: relative;
  float: left;
  margin-bottom: 10px;
}
ul.captured_thumbnails > li:hover {
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
ul.captured_thumbnails > li.active {
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
ul.captured_thumbnails.small span.thumbnail_name {
  font-size: 13px;
}
ul.captured_thumbnails.small span.thumbnail_posted_by_details {
  font-size: 13px;
}
span.thumbnail_size {
  color: #909090;
  font-size: 12px;
}
.thumbnail_desc_ctrl_innr {
  max-width: calc(100% - 30px);
  display: inline-block;
}
.cpt_album_ctrl {
  padding: 0 20px;
}
.cpt_tools_ctrl {
  display: inline-block;
  float: right;
}
.capture_inbox_main_ctrl {
  padding: 20px 0;
}
.three_dots_icon {
  background: 0 0;
  border: 0;
  color: #8d95a2;
  font-size: 11px;
  padding: 0;
}
.three_dots_icon:hover {
  color: #465369;
}
.cp_task_created_at {
  color: #465369;
  opacity: 0.7;
  width: auto;
}
.dropdown-menu.three_dots_dropdown_innr {
  background-color: #fafafa;
  box-shadow: none;
  padding: 6px;
  min-width: 200px;
  width: 200px;
  border: 1px solid #d5d5d6;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.three_dots_dropdown_innr_main {
  background-color: #fff;
  border-radius: 6px;
  position: relative;
}
.three_dots_dropdown_innr_main > li {
  padding: 6px 7px;
  border-bottom: 1px solid #efefef;
  cursor: pointer;
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.three_dots_dropdown_innr_main > li .inner_elem {
  width: 100%;
}
.magic_dropdown_direct_action_btn .direct_action_btn {
  color: #ee5757;
}
.magic_dropdown_direct_action_btn .fa-trash {
  color: #ee5757 !important;
}
.three_dots_dropdown_innr_main > li .dropdown_category_info i {
  margin-right: 11px;
  color: #798292;
}
.three_dots_dropdown_innr_main > li .dropdown_category_info i.fa-chevron-right {
  margin-right: 0;
}
.three_dots_dropdown_innr_main > li .dropdown_category_details.badge-primary {
  position: absolute;
  right: 22px;
  background-color: #f5f5f7;
  color: #252222;
  font-size: 11px;
  border: 1px solid #cbd3da;
  padding: 0 4px;
  display: flex;
  align-items: center;
  height: 20px;
  font-family: 'Inter', "Segoe UI", sans-serif;
}
.three_dots_dropdown_innr_main > li.magic_dropdown_direct_action_btn > i,
.three_dots_dropdown_innr_main > li.magic_dropdown_direct_action_btn > svg {
  color: #798292;
  font-size: 13px;
  margin-right: 11px;
  display: inline-flex;
  fill: #798292;
}
.three_dots_dropdown_innr_main
  > li.magic_dropdown_direct_action_btn
  > svg
  path {
  fill: #61656f;
}
.dropdown_category_details-select {
  border-radius: 30px;
  padding: 5px;
  background-color: #f2f2f2;
  padding: 0 10px;
  font-size: 13px;
}
.three_dots_dropdown_innr_main
  > li.magic_dropdown_direct_action_btn
  > .direct_action_btn {
  color: #252222;
  font-size: 13px;
}
.dropdown_data_category {
  color: #a2aab1;
  font-size: 11px;
}
.dropdown_category_info {
  display: flex;
  align-items: center;
  width: 100%;
}
.dropdown_category_details {
  color: #252222;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 91%;
}
.delete_btn .dropdown_category_details {
  color: #f16c79;
}
i.dropdown_cat_action_arrow {
  color: #333;
  font-size: 11px;
  margin-left: auto;
}
.three_dots_dropdown_innr_main > li:hover {
  background-color: #f5f5f5;
}
.three_dots_dropdown_innr_main > li:active {
  color: #252222;
}
i.dropdown_category_info {
  margin: 0 5px;
  opacity: 0.5;
  color: rgba(0, 0, 0, 0.4);
}
.task_list_ctrl
  .capture_thumb_details
  .capture_thumb_details_scond_row
  .three_dots_dropdown_main {
  margin: 0 10px;
  position: absolute;
  right: 0;
  display: none;
}
ul.column_layout.task_listing
  > li:hover
  .capture_thumb_details
  .capture_thumb_details_scond_row
  .three_dots_dropdown_main {
  display: block;
  color: #8d95a2;
}
.capture_thumb_details_scond_row i.three_dots_dropdown_main:hover {
  background-color: #465369;
}
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  display: inline-block;
  color: #333;
  font-weight: 400;
  margin: 0;
  width: 100%;
}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #281c47;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.custom-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.custom-radio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.custom-checkboxes {
  position: relative;
}
.custom-checkboxes [type="checkbox"]:checked,
.custom-checkboxes [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.custom-checkboxes [checkbox="checkbox"]:not(:checked) + label,
.custom-checkboxes [type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  color: #333;
  font-weight: 400;
  margin: 0;
  width: 100%;
  top: -12px;
}
.custom-checkboxes [type="checkbox"]:checked + label:before,
.custom-checkboxes [type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.custom-checkboxes [type="checkbox"]:checked + label:after,
.custom-checkboxes [type="checkbox"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #281c47;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.custom-checkboxes [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.custom-checkboxes [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.custom-checkboxes-square {
  position: relative;
}
.custom-checkboxes-square [type="checkbox"]:checked,
.custom-checkboxes-square [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.custom-checkboxes-square [checkbox="checkbox"]:not(:checked) + label,
.custom-checkboxes-square [type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  color: #333;
  font-weight: 400;
  margin: 0;
  width: 100%;
  top: -12px;
}
.custom-checkboxes-square [type="checkbox"]:checked + label:before,
.custom-checkboxes-square [type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 0;
  background: #fff;
}
.custom-checkboxes-square [type="checkbox"]:checked + label:after,
.custom-checkboxes-square [type="checkbox"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #281c47;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.custom-checkboxes-square [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.custom-checkboxes-square [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.common_innr_dropdown .email_icon_dropdown {
  background-color: #fff;
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
  min-width: 210px;
  border-radius: 6px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
}
.three_dots_dropdown_innr_main > li:hover .common_innr_dropdown {
  display: block;
}
.mcd_header {
  padding: 5px 5px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.mcd_header_innr {
  color: #333;
  font-size: 13px;
  max-width: 190px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.mcd_header_innr i {
  display: inline-flex;
  margin-right: 10px;
  color: #333;
}
.mcd_header_last {
  float: right;
  display: inline-block;
  margin-left: auto;
  padding-right: 5px;
}
a.mcd_link {
  color: #4a90e2;
  font-size: 13px;
  margin-right: 10px;
}
a.mcd_link:hover {
  color: #0a68d6;
}
.mcd_header_last > i {
  color: rgba(0, 0, 0, 0.2);
  font-size: 12px;
  cursor: pointer;
}
.mcd_header_last > i:hover {
  color: rgba(0, 0, 0, 0.5);
}
.task_assignee_dropdown {
  display: inline-flex;
  align-items: center;
}
.mcd_search_box i {
  position: absolute;
  top: 9px;
  left: 12px;
  z-index: 9;
  font-size: 13px;
}
.mcd_search_box input {
  border: 1px solid #e5e6e7;
  width: 100%;
  position: relative;
  height: 30px;
  padding: 3px 8px 4px 28px;
  font-size: 13px;
}
.mcd_client_list.custom-radio {
  padding: 10px 0;
  overflow-y: auto;
  max-height: 218px;
}
.mcd_client_list.custom-radio > li {
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.mcd_client_list.custom-radio > li:hover {
  background-color: #f5f5f5;
}
.mcd_client_footer {
  background-color: #fafafa;
  padding: 8px 5px;
}
.capture_inbox_main_wrapper {
  padding: 10px;
}
.capture_inbox_splitter {
  border: 1px solid #e7e8e9;
  border-radius: 0;
}
.capture_datatable_url {
  display: inline-grid;
}
.capture_datatable_url_innr {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 80%;
  color: #4b4b4b;
  font-size: 13px;
}
tbody.capture_inbox_datatable_tbody tr {
  cursor: pointer;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  border-top: 1px solid #e7e8e9;
}
tbody.capture_inbox_datatable_tbody tr:hover {
  background-color: #f5f5f5;
}
tbody.capture_inbox_datatable_tbody tr td {
  border: 0 !important;
  padding: 8px 5px;
}
.capture_datatable_name {
  display: inline-grid;
  width: 100%;
}
.capture_datatable_name_innr {
  overflow: hidden;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4b4b4b;
  font-size: 13px;
  font-weight: 600;
}
tbody.capture_inbox_datatable_tbody tr:focus {
  background-color: #f5f7f7;
  border: 0;
  outline: 0;
}
.capture_datatable_type_innr {
  color: #4b4b4b;
  font-size: 13px;
}
.fullscreen_sidepanel_header {
  padding: 14px 20px 8px 20px;
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #d3d3d4;
}
.fullscreen_sidepanel_header.vt_sidepanel_header {
  padding: 12px 15px 8px 10px;
}
ul.header_action_buttons_ctrl {
  margin: 0;
  list-style: none;
  padding: 0;
  display: inline-block;
  width: auto;
  position: relative;
}
ul.header_action_buttons_ctrl > li {
  display: inline-block;
  float: left;
  margin: 0 20px 0 0;
}
ul.header_action_buttons_ctrl.vt_header_action_buttons > li {
  margin: 0 5px 0 0;
}
div.vt_panel_show_hide {
  padding: 7px 2px !important;
  display: flex;
  top: 0;
  position: relative;
  align-items: center;
}
div.panel_show_hide_button {
  color: #333;
  font-size: 14px;
  float: none;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.trackduck_right_side_scroller {
  height: 100% !important;
}
.vt_screenshot_main_ctrl {
  background-color: #424242;
  padding: 4px;
}
.user-details {
  width: 100%;
  float: left;
  font-size: 13px;
}
.user-details.vt_screenshot_innr_ctrl {
  min-height: 143px;
  max-height: 143px;
  overflow: hidden;
  display: flex;
}
.vt_screenshot_innr_ctrl #issue-image {
  margin: 0;
  text-align: center;
}
.vt_screenshot_innr_ctrl #issue-image > img {
  max-height: 100% !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}
.full_width {
  width: 100% !important;
  float: left;
}
.bug_detail_ctrl.vt_bug_detail_ctrl {
  padding: 0;
}
.bug_extra_details {
  padding: 0;
  margin: 0 0 0;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.bug_text_heading {
  font-size: 12px;
  color: #333;
  font-weight: 600;
  display: flex;
  margin-bottom: 8px;
}
.bug_text_heading img {
  margin: 0 11px 0 0;
}
.bug_text {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 1px;
  position: relative;
  padding: 0 4px;
}
.view_detail_bug_title {
  color: #343434;
  font-size: 14px !important;
  font-weight: 400;
  padding: 5px 5px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #c9c9c9;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.issue_type_date_created_ctrl {
  display: flex;
  margin: 15px 0 10px 0;
}
.issue_type_ctrl label {
  display: inline-flex;
  width: auto;
  margin: 0 10px 0 0;
  align-items: center;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  min-width: 70px;
}
.issue_type_ctrl label img {
  margin-right: 11px;
}
.dropdown.vbD_issue_type {
  width: 100%;
  display: inline-flex;
}
.dropdown.vbD_issue_type {
  width: 100%;
  max-width: 144px;
  display: inline-flex;
}
.task_created_at {
  display: inline-flex;
  width: 50%;
  align-items: center;
  margin-left: 20px;
  font-size: 12px;
}
.task_created_at > .created_at_label {
  text-transform: uppercase;
  color: #333;
  font-size: 12px;
  font-weight: 600;
}
.task_created_at > .created_date {
  margin-right: 5px;
  margin-left: 7px;
  color: #333;
  font-size: 12px;
}
.task_created_at > .created_date > i {
  font-size: 11px;
  top: -1px;
  position: relative;
}
.created_at_time {
  color: #333;
  opacity: 0.7;
}
.issue_type_ctrl {
  display: inline-flex;
  min-width: 250px;
  margin: 0;
  box-sizing: border-box;
  align-items: center;
}
.issue_type_ctrl.issue_type_ctrl_vt {
  padding: 0;
  max-width: 250px;
}
.capture_inbox_main_wrapper {
  padding: 0;
  width: calc(100% - 251px);
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #efefef;
}
.capture_inbox_datatable_list {
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.capture_inbox_datatable_pagination {
  width: auto;
  float: right;
  margin-right: 20px;
}
.capture_inbox_datatable_pagination .pagination {
  width: auto;
}
.capture_inbox_datatable_pagination span.page-stats {
  display: none;
}
.capture_inbox_datatable_pagination .pagination a {
  border-color: #ddd;
  color: #676a6c;
  font-size: 14px;
  padding: 5px 10px;
}
.capture_inbox_datatable_pagination .pagination a.active {
  background-color: #3a295c;
  color: #fff;
}
.capture_inbox_datatable_pagination .pagination a.button.pagination-previous {
  background: 0 0;
  border-radius: 0;
}
.capture_inbox_datatable_pagination
  .pagination
  a.button.pagination-previous:hover {
  background-color: #efefef !important;
}
.capture_inbox_splitter .jqx-splitter-splitbar-vertical.jqx-fill-state-normal {
  border-color: #e8e8e8;
  background: #e8e8e8;
  width: 5px !important;
}
.capture_inbox_datatable_list .datatable-container table {
  border: 0;
}
.capture_inbox_main_wrapper .capture_inbox_splitter {
  height: calc(100vh - 121px) !important;
}
.task_created_at > .created_date > i:before {
  color: #b1b1b1;
}
.capture_datatable_main_header_ctrl {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 10px;
}
.capture_datatable_main_header_search_box {
  display: inline-flex;
  margin: 0 10px 0 0;
  width: 100%;
}
.capture_datatable_main_header_pagination {
  display: inline-flex;
  width: 80px;
  margin-left: auto;
  text-align: right !important;
}
.capture_datatable_main_header_pagination .select {
  float: none !important;
  display: inline-block;
  width: 100%;
}
thead.capture_inbox_datatable_thead tr {
  background-color: #fff !important;
}
thead.capture_inbox_datatable_thead tr th {
  font-size: 13px !important;
  font-weight: 600;
  text-transform: uppercase;
  color: #676a6c;
  background: 0 0 !important;
}
.image_preview > img.view-bug-image-rcl {
  max-height: 100% !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  border-radius: 6px;
}
.capture_inbox_datatable_preview {
  width: auto !important;
}
.capture_inbox_datatable_list .ps__scrollbar-y-rail {
  right: 10px !important;
}
.sidebar_links_main_ctrl.gray_theme_sidebar {
  background-color: #303b42;
  height: calc(100vh - 0px);
  width: 50px;
}
.gray_theme_sidebar ul.sidebar_ul li {
  margin-bottom: 10px;
  margin-top: 10px;
}
.gray_theme_sidebar ul.sidebar_ul a {
  padding: 7px 10px;
  display: inline-block;
  width: auto;
  position: relative;
  border-radius: 100%;
  width: 34px;
  height: 34px;
  transition: background 0.1s ease-out;
  -webkit-transition: background 0.1s ease-out;
  -moz-transition: background 0.1s ease-out;
  -ms-transition: background 0.1s ease-out;
  -o-transition: background 0.1s ease-out;
}
.gray_theme_sidebar ul.sidebar_ul a > span.hide_permanent {
  display: none;
}
.gray_theme_sidebar ul.sidebar_ul a > span.icon {
  animation: none;
  color: #465369 !important;
  display: block !important;
  top: -7px;
  position: relative;
}
.gray_theme_sidebar ul.sidebar_ul a > span.icon > svg {
  width: 17px;
  top: 3px;
  position: relative;
  left: 1px;
  fill: rgba(255, 255, 255, 0.7);
}
.gray_theme_sidebar ul.sidebar_ul a:hover {
  background-color: #fff;
}
.gray_theme_sidebar ul.sidebar_ul a.active {
  background: 0 0;
  background-color: #fff;
}
.gray_theme_sidebar ul.sidebar_ul li.main-list-item a.active {
  background: 0 0;
  background-color: #fff;
}
.gray_theme_sidebar ul.sidebar_ul a.active:before {
  display: none;
}
.gray_theme_sidebar .sidebar_bottom_list ul.sidebar_ul a > i {
  top: 2px;
  color: rgba(255, 255, 255, 0.7);
  position: relative;
}
.gray_theme_sidebar .sidebar_bottom_list ul.sidebar_ul a:hover > i {
  color: #465369;
}
.gray_theme_sidebar ul.sidebar_ul a > span > i#dropdown_dots_button_icon {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  top: 1px;
  left: 1px;
  position: relative;
}
.gray_theme_sidebar ul.sidebar_ul a:hover > span > i#dropdown_dots_button_icon {
  color: #465369;
}
#email_sidebar.gray_theme_custom_sidebar {
  background-color: #fbfbfb;
}
#email_sidebar.gray_theme_custom_sidebar {
  background-color: #fff;
  width: 251px;
  border-right: 1px solid rgba(90, 90, 90, 0.3);
}
.gray_theme_custom_sidebar span.email-search-left {
  width: 100%;
  position: relative;
}
.gray_theme_custom_sidebar span.email-search-left .clear-text-search-left {
  position: absolute;
  left: 100%;
  margin-left: -20px;
  font-size: 11px;
  opacity: 0.7;
  padding: 5px 3px;
  top: 0;
  cursor: pointer;
  height: 100%;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  align-items: center;
  display: inline-flex;
}
.gray_theme_custom_sidebar .treeview_search_filter_ctrl .filtertxt_input {
  background-color: #f1f1f2;
  border-color: #e6e6e6;
  border-radius: 0;
  width: 100% !important;
  color: #465369 !important;
  transition: ease all 0.2s;
  border-radius: 6px;
}
.gray_theme_custom_sidebar .treeview_search_filter_ctrl .filtertxt_input:focus,
.gray_theme_custom_sidebar .treeview_search_filter_ctrl .filtertxt_input:hover {
  background: #fff !important;
  border-color: #0e9aef !important;
}
.gray_theme_custom_sidebar
  .treeview_search_filter_ctrl
  .filtertxt_input::placeholder {
  color: #878888 !important;
  font-size: 12px !important;
  font-weight: 400;
}
.gray_theme_custom_sidebar.gray_900_color .treeview-heading h3 {
  color: rgba(38, 38, 38, 0.8);
  font-size: 13px;
  width: auto;
  font-weight: 600;
}
.gray_theme_custom_sidebar.gray_900_color .left-menu-spacing > li {
  border-left: 0 !important;
  border-right: 3px solid transparent;
  color: #465369;
  display: inline-block;
  align-items: center;
  position: relative;
}
.gray_theme_custom_sidebar.gray_900_color .left-menu-spacing > li:hover {
  background-color: #e7e7ec !important;
  color: #465369 !important;
}
.gray_theme_custom_sidebar.gray_900_color
  .ui_style_ctrl
  .label-listing.left-menu-spacing
  > li
  > div {
  color: #465369;
}
.gray_theme_custom_sidebar .ui_style_ctrl .addlabel button {
  color: #465369;
}
.grey_theme_sidebar_header {
  padding: 10px;
  display: flex;
  align-items: center;
}
.grey_theme_sidebar_header h3 {
  display: inline-flex;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #465369;
}
.grey_theme_sidebar_header h3 svg {
  width: 20px;
  height: 17px;
  margin: 0 5px 0 5px;
}
.sidebar_settings {
  display: inline-flex;
  color: #9aa1ad;
}
.gray_theme_custom_sidebar .sidebar_search_ctrl {
  width: 100%;
  position: relative;
}
.gray_theme_custom_sidebar .sidebar_search_ctrl i {
  position: absolute;
  top: 8px;
  left: 10px;
  z-index: 1;
  font-size: 11px;
  color: #696d75;
}
.gray_theme_custom_sidebar .sidebar_search_ctrl input {
  padding: 3px 20px 3px 32px !important;
  height: 30px;
  font-weight: 400;
  line-height: 26px;
}
ul.capture_fixed_menu_ul > li {
  padding: 4px 12px 4px 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-right: 2px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
ul.capture_fixed_menu_ul > li > .capture_menu_item > .capture_menu_item_innr {
  font-weight: 400;
  color: #465369;
  padding: 0 0 0 4px;
  opacity: 0.7;
}
ul.capture_fixed_menu_ul > li:hover {
  background-color: #e7e7ec;
}
ul.capture_fixed_menu_ul > li.active {
  background-color: rgb(14 154 239 / 10%) !important;
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}
ul.capture_fixed_menu_ul > li > img {
  margin-right: 6px;
  width: 11px;
  opacity: 0.6;
}
ul.capture_fixed_menu_ul > li.active > img,
ul.capture_fixed_menu_ul > li:hover > img {
  opacity: 1;
}
ul.capture_fixed_menu_ul > li > .capture_menu_item {
  color: #262626;
  line-height: 18px;
  white-space: nowrap;
  width: 100%;
  max-width: 76%;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 400;
  position: relative;
}
ul.capture_fixed_menu_ul > li.active > .capture_menu_item {
  font-weight: 400;
}
ul.capture_fixed_menu_ul > li > .captures_count {
  color: #465369;
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
}
ul.capture_fixed_menu_ul > li.notification_child_ele .captures_count {
  margin-right: 4px;
}
.capture_fixed_menu_list {
  margin-top: 10px;
  border-bottom: 1px solid #e2e7eb;
  padding-bottom: 10px;
}
.compose_email_button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.compose_email_button .compose_email_button_div {
  display: inline-flex;
  cursor: pointer;
  width: 66%;
  font-size: 15px;
  background-color: #0093f6 !important;
  color: #fff !important;
  align-items: center;
  border-radius: 25px;
  margin: 10px 0 0 0;
  justify-content: center;
  height: 30px;
  font-weight: 600;
}
.compose_email_button .compose_email_button_div:hover {
  background-color: #0089e5 !important;
}
.compose_email_button_div svg {
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0 !important;
  fill: #ffffff;
}
.compose_email_button_div h4 {
  margin: 1px 0 0 4px;
}
.compose_email_button .compose_email_button_down_icon {
  width: 30%;
  border-left: 1px solid #595f67;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: pointer;
}
.compose_email_button .compose_email_button_down_icon svg {
  width: 10px;
  height: 15px;
}
ul.capture_fixed_menu_ul > li.hvr-sweep-to-right:before {
  background: #fff;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
}
ul.capture_fixed_menu_ul > li.hvr-sweep-to-right:hover:before {
  background: #fff;
}
ul.capture_fixed_menu_ul > li.active > .captures_count {
  color: #0c86d0;
  font-weight: 600;
}
.gray_theme_logo {
  text-align: center;
}
.gray_theme_logo > img {
  margin-top: 6px;
  margin-bottom: 15px;
  width: 37px;
}
.capture_top_toolbar_main_ctrl {
  padding: 0 10px;
  border-top: 1px solid #d5d5d6;
  height: 48px;
  display: flex;
  align-items: center;
}
.capture_top_toolbar_ctrl {
  width: 100%;
  display: flex;
  align-items: center;
}
.capture_toolbar_left {
  width: 50%;
}
.capture_toolbar_right {
  width: 50%;
  margin-left: auto;
  float: right;
  text-align: right;
}
ul.capture_toolbar_right_ul {
  display: inline-block;
  list-style-type: none;
  width: auto;
}
.upload_dropdown {
  margin-right: 15px;
  margin-left: 15px;
}
.upload_dropdown button {
  width: 24px;
  height: 24px;
  background: 0 0;
  border-radius: 100%;
  border: 1px solid #0e9aef !important;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload_dropdown button.dropdown-toggle {
  border: 0;
  padding: 0;
}
.upload_dropdown .dropdown button.dropdown-toggle > i {
  font-size: 12px;
  color: #0e9aef;
  padding: 0;
}
.upload_dropdown button:hover {
  background: transparent
    linear-gradient(221deg, #336daf 0, #357594 50%, #1b7586 100%) 0 0 no-repeat
    padding-box;
}
.upload_dropdown .dropdown-menu {
  left: 0;
  right: 0;
  margin: auto;
  min-width: 30px;
  border: 0 !important;
  box-shadow: none;
  position: absolute;
  margin: 0 auto;
  top: 45px;
  background: 0 0;
  text-align: center;
  width: 30px;
}
.upload_dropdown .dropdown-menu > li {
  border-radius: 5px;
  width: auto;
  height: auto;
  margin-bottom: 10px;
  text-align: center;
  line-height: 28px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: center;
}
.upload_dropdown .dropdown-menu > li > i:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.upload_dropdown .dropdown-menu > li > i {
  font-size: 16px;
  margin: 0;
  padding: 9px 12px;
  border-radius: 100%;
  color: #fff;
  box-shadow:
    0 0 4px rgba(0, 0, 0, 0.14),
    0 4px 8px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow:
    0 0 4px rgba(0, 0, 0, 0.14),
    0 4px 8px rgba(0, 0, 0, 0.28);
  -moz-box-shadow:
    0 0 4px rgba(0, 0, 0, 0.14),
    0 4px 8px rgba(0, 0, 0, 0.28);
  -ms-box-shadow:
    0 0 4px rgba(0, 0, 0, 0.14),
    0 4px 8px rgba(0, 0, 0, 0.28);
  -o-box-shadow:
    0 0 4px rgba(0, 0, 0, 0.14),
    0 4px 8px rgba(0, 0, 0, 0.28);
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
li.image_ctrl i {
  background-color: #5db8f1;
}
li.audio_ctrl i {
  background-color: #69c37b;
}
li.video_ctrl i {
  background-color: #ef5c5c;
}
.upload_ui_modal_main .modal-content {
  background-color: #fff !important;
  padding: 0;
}
.upload_ui_modal_main .modal-header {
  padding: 10px 15px;
  align-items: center;
  display: flex;
  text-align: center;
}
.upload_ui_modal_main .modal-title {
  display: block;
  color: #465369;
  text-align: center;
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  opacity: 0.8;
}
.upload_ui_modal_main .close {
  opacity: 1;
  margin: -5px 0 0 auto;
  top: 10px;
  right: 10px;
  color: #465369;
  font-weight: 600;
  font-size: 27px;
  outline: 0;
}
.upload_ui_modal_main .modal-body {
  padding: 0 20px;
}
.selectedDraggableCapture {
  position: fixed !important;
}
.uploadBox {
  width: 100%;
  height: 350px;
  border-radius: 2px;
  cursor: pointer;
  color: #adbac3;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  margin: 30px 0 0 0;
}
.uploadBox.is-dragover {
  border: 0;
}
.uploadBox.is-dragover:before {
  background: rgba(243, 247, 254, 0.5);
  border: 2px dashed #008adf;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 1;
}
.uploadBox img {
  margin-top: 50px;
  margin-bottom: 20px;
}
.uploadBox p {
  color: #465369;
  font-size: 16px;
}
#captures_data_ctrl_ul.is-dragover {
  background: rgba(243, 247, 254, 0.5);
}
#captures_data_ctrl_ul.is-dragover {
  position: relative;
}
#captures_data_ctrl_ul.is-dragover:before {
  position: absolute;
  border: 1px solid #2680eb;
  content: "";
  width: 100%;
  height: calc(100% - 39px);
  z-index: 999;
}
li[data-class="multiple_selected"] {
  background-color: #0e9aef !important;
}
span.task_draggable_number {
  cursor: move;
}
.vue_splitter_pane {
  position: relative !important;
}
.uploadArea {
  margin: 10px 0;
}
.AddImage .uploadArea ul {
  list-style: none;
}
.AddImage .uploadArea ul li {
  position: relative;
  width: 152px;
  height: 152px;
  border: 1px solid #eee;
  display: inline-block;
  margin: 0 20px 10px 0;
  border-radius: 2px;
  box-sizing: border-box;
}
.AddImage .uploadArea ul li .removeImage {
  position: absolute;
  top: -14px;
  right: -16px;
}
.AddImage .uploadArea ul li .removeImage i {
  cursor: pointer;
}
i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
  background-color: #db2828 !important;
  color: #fff !important;
}
.uploadArea ul li {
  position: relative;
  width: 152px;
  height: 152px;
  border: 1px solid #eee;
  display: inline-flex;
  margin: 0 20px 20px 0;
  border-radius: 2px;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
}
ul.Uploaded_image_ul > li > img {
  width: auto !important;
  height: 100% !important;
}
.uploadArea ul li.addHolder {
  text-align: center;
  line-height: 162px;
  width: 152px;
  height: 152px;
  border: 1px dashed #ccc;
  cursor: pointer;
  overflow: hidden;
  margin-right: 0;
}
.uploadArea ul li.addHolder i {
  font-size: 2em;
  color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  width: 30px;
  margin: auto;
}
.uploadArea ul li.addHolder .hiddenHandler {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.uploadArea ul li .removeImage {
  position: absolute;
  top: -12px;
  right: -7px;
  cursor: pointer;
}
.uploadArea ul li .removeImage i {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
}
.uploadArea ul li .removeImage i:hover {
  color: #000;
}
ul.Uploaded_image_ul {
  display: inline-block;
  text-align: center;
}
.capture_inbox_heading {
  padding: 0;
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  background-color: #fff;
  margin-bottom: 7px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 0;
}
.inbox_heading_innr {
  display: flex;
  align-items: center;
  position: relative;
}
.inbox_heading_innr img {
  width: 20px;
  margin-right: 10px;
}
.inbox_heading_innr h4 {
  color: #465369;
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
}
.capture_inbox_heading .project_heading_advance_settings_ctrl > span > i {
  font-size: 12px;
  color: #586377;
  opacity: 0.5;
}
.capture_inbox_heading .project_heading_advance_settings_ctrl.open > span > i,
.capture_inbox_heading .project_heading_advance_settings_ctrl:hover > span > i {
  color: #586377;
  opacity: 1;
}
.uploadBox i {
  font-size: 64px;
  color: rgba(0, 0, 0, 0.3);
  margin: 55px 0 40px 0;
}
.upload_btn_ctrl {
  position: relative;
  width: 230px;
  overflow: hidden;
  border-radius: 4px;
  margin: 0 auto 0 auto;
}
.upload_btn_ctrl:before {
  position: absolute;
  width: 100%;
  height: 36px;
  background-color: #008adf;
  left: 0;
  top: 0;
  color: #fff;
  text-align: center;
  content: "Browse";
  line-height: 33px;
  font-size: 20px;
}
.upload_btn_ctrl .upload_img_btn {
  width: 100%;
  position: relative;
  opacity: 0;
}
p.upload_disclaimer {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  opacity: 0.9;
  padding: 10px 0 10px 0;
  margin: 0 0 25px 0;
}
.add_image_ui_box {
  margin: 50px 0 0 0;
}
.upload_ui_modal_main .modal-footer {
  background-color: #f5f5f7;
  text-align: right;
}
.upload_ui_modal_main .modal-footer .btn-primary {
  font-size: 16px;
  font-weight: 400;
  background-color: #008adf;
  border: 0;
}
.upload_ui_modal_main .modal-footer .btn-primary:hover {
  background-color: #008adf;
}
button[disabled] {
  opacity: 0.4 !important;
}
.upload_ui_modal_main .modal-footer i {
  font-size: 12px;
  margin-right: 7px;
}
.cssProgress {
  width: 100%;
  margin-bottom: 20px;
}
.cssProgress .progress1,
.cssProgress .progress2,
.cssProgress .progress3 {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.cssProgress .cssProgress-bar {
  display: block;
  float: left;
  width: 0%;
  height: 100%;
  background: #3798d9;
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.8s ease-in-out;
}
.cssProgress .cssProgress-label {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.cssProgress .cssProgress-info {
  background-color: #9575cd !important;
}
.cssProgress .cssProgress-danger {
  background-color: #ef5350 !important;
}
.cssProgress .cssProgress-success {
  background-color: #66bb6a !important;
}
.cssProgress .cssProgress-warning {
  background-color: #ffb74d !important;
}
.cssProgress .cssProgress-right {
  float: right !important;
}
.cssProgress .cssProgress-label-left {
  margin-left: 10px;
  text-align: left !important;
}
.cssProgress .cssProgress-label-right {
  margin-right: 10px;
  text-align: right !important;
}
.cssProgress .cssProgress-label2 {
  display: block;
  margin: 2px 0;
  padding: 0 8px;
  font-size: 0.8em;
}
.cssProgress .cssProgress-label2.cssProgress-label2-right {
  text-align: right;
}
.cssProgress .cssProgress-label2.cssProgress-label2-center {
  text-align: center;
}
.cssProgress .cssProgress-active,
.cssProgress .cssProgress-active-right,
.cssProgress .cssProgress-stripes {
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.125) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.125) 50%,
    rgba(255, 255, 255, 0.125) 75%,
    transparent 75%,
    transparent
  );
  background-size: 35px 35px;
}
.cssProgress .cssProgress-active {
  -webkit-animation: cssProgressActive 2s linear infinite;
  animation: cssProgressActive 2s linear infinite;
}
.cssProgress .cssProgress-active-right {
  -webkit-animation: cssProgressActiveRight 2s linear infinite;
  animation: cssProgressActiveRight 2s linear infinite;
}
@-webkit-keyframes cssProgressActive {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 35px 35px;
  }
}
@keyframes cssProgressActive {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 35px 35px;
  }
}
@-webkit-keyframes cssProgressActiveRight {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -35px -35px;
  }
}
@keyframes cssProgressActiveRight {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -35px -35px;
  }
}
.progress1 {
  background-color: #eee;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.progress1 .cssProgress-bar {
  height: 18px;
}
.progress1 .cssProgress-label {
  line-height: 18px;
}
.progress2 {
  background-color: #eee;
  border-radius: 9px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.progress2 .cssProgress-bar {
  height: 18px;
  border-radius: 9px;
}
.progress2 .cssProgress-label {
  line-height: 20px;
}
.progress3 {
  width: auto !important;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.progress3 .cssProgress-bar {
  height: 16px;
  border-radius: 3px;
}
.progress3 .cssProgress-label {
  line-height: 16px;
}
.progress4 {
  position: relative;
  width: 100%;
  background-color: #eee;
}
.progress4.cssProgress-bg {
  background-color: #bbdefb !important;
}
.progress4.cssProgress-bg-info {
  background-color: #d1c4e9 !important;
}
.progress4.cssProgress-bg-danger {
  background-color: #ffcdd2 !important;
}
.progress4.cssProgress-bg-success {
  background-color: #c8e6c9 !important;
}
.progress4.cssProgress-bg-warning {
  background-color: #ffecb3 !important;
}
.progress4 .cssProgress-bar {
  display: block;
  float: none;
  width: 0%;
  height: 4px;
  background: #3798d9;
}
.progress4 .cssProgress-bar.cssProgress-lg {
  height: 6px;
}
.progress4 .cssProgress-bar.cssProgress-2x {
  height: 8px;
}
.progress4 .cssProgress-bar.cssProgress-3x {
  height: 10px;
}
.progress4 .cssProgress-bar.cssProgress-4x {
  height: 12px;
}
.progress4 .cssProgress-bar.cssProgress-5x {
  height: 14px;
}
.progress4 .cssProgress-bar.cssProgress-glow {
  box-shadow: 5px 0 15px 0 #3798d9;
}
.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-info {
  box-shadow: 5px 0 15px 0 #9575cd;
}
.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-danger {
  box-shadow: 5px 0 15px 0 #ef5350;
}
.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-success {
  box-shadow: 5px 0 15px 0 #66bb6a;
}
.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-warning {
  box-shadow: 5px 0 15px 0 #ffb74d;
}
.progress4 .cssProgress-bar.cssProgress-glow-active {
  -webkit-animation: cssProgressGlowActive1 3s linear infinite;
  animation: cssProgressGlowActive1 3s linear infinite;
}
.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-info {
  -webkit-animation: cssProgressGlowActive2 3s linear infinite;
  animation: cssProgressGlowActive2 3s linear infinite;
}
.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-danger {
  -webkit-animation: cssProgressGlowActive3 3s linear infinite;
  animation: cssProgressGlowActive3 3s linear infinite;
}
.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-success {
  -webkit-animation: cssProgressGlowActive4 3s linear infinite;
  animation: cssProgressGlowActive4 3s linear infinite;
}
.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-warning {
  -webkit-animation: cssProgressGlowActive5 3s linear infinite;
  animation: cssProgressGlowActive5 3s linear infinite;
}
@-webkit-keyframes cssProgressGlowActive1 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #3798d9;
  }
  45% {
    box-shadow: 1px 0 4px 0 #3798d9;
  }
}
@keyframes cssProgressGlowActive1 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #3798d9;
  }
  45% {
    box-shadow: 1px 0 4px 0 #3798d9;
  }
}
@-webkit-keyframes cssProgressGlowActive2 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #9575cd;
  }
  45% {
    box-shadow: 1px 0 4px 0 #9575cd;
  }
}
@keyframes cssProgressGlowActive2 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #9575cd;
  }
  45% {
    box-shadow: 1px 0 4px 0 #9575cd;
  }
}
@-webkit-keyframes cssProgressGlowActive3 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #ef5350;
  }
  45% {
    box-shadow: 1px 0 4px 0 #ef5350;
  }
}
@keyframes cssProgressGlowActive3 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #ef5350;
  }
  45% {
    box-shadow: 1px 0 4px 0 #ef5350;
  }
}
@-webkit-keyframes cssProgressGlowActive4 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #66bb6a;
  }
  45% {
    box-shadow: 1px 0 4px 0 #66bb6a;
  }
}
@keyframes cssProgressGlowActive4 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #66bb6a;
  }
  45% {
    box-shadow: 1px 0 4px 0 #66bb6a;
  }
}
@-webkit-keyframes cssProgressGlowActive5 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #ffb74d;
  }
  45% {
    box-shadow: 1px 0 4px 0 #ffb74d;
  }
}
@keyframes cssProgressGlowActive5 {
  0%,
  100% {
    box-shadow: 5px 0 15px 0 #ffb74d;
  }
  45% {
    box-shadow: 1px 0 4px 0 #ffb74d;
  }
}
.uploadBoxAudio img {
  margin-top: 55px;
  margin-bottom: 20px;
  width: 80px;
}
.uploadArea.audio_box_area {
  margin: 10px 0;
  width: 100%;
  display: inline-block;
}
ul.Uploaded_audio_ul {
  margin: 0;
  padding: 0 10px 0 0;
  list-style-type: none;
  width: 100%;
  overflow-y: auto;
  max-height: 400px;
}
.uploadArea.audio_box_area ul li {
  width: 100%;
  height: auto;
  border: 0;
  margin: 0 0 15px 0;
  border-radius: 0;
  display: inline-block;
}
.uploadArea.audio_box_area ul li:last-child {
  margin: 0;
}
.upload_file_ctrl {
  background-color: #f5f5f7;
  border: 1px solid #e9e9eb;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 3px;
  position: relative;
}
.upload_file_ctrl:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.add_list_ui_box {
  margin: 15px 0;
}
.upload_file_ctrl img.uploaded_file_icn {
  margin-right: 7px;
}
.upload_file_ctrl .uploaded_file_size {
  font-size: 13px;
  color: #343434;
  opacity: 0.7;
}
.upload_file_ctrl .uploaded_file_name {
  color: #151b26;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 47%;
  width: auto;
  margin-right: 15px;
}
.upload_file_ctrl .uploaded_file_size {
  font-size: 13px;
  color: #343434;
  opacity: 0.7;
}
.upload_file_ctrl .uploaded_file_status {
  font-size: 13px;
  margin-left: auto;
  margin-right: 15px;
}
.upload_file_ctrl .uploaded_file_status > i {
  margin-right: 7px;
  font-size: 13px;
}
.upload_file_ctrl .uploaded_file_status.success {
  color: #6ac259;
}
.upload_file_ctrl .uploaded_file_status.error {
  color: #eb2626;
}
.upload_file_ctrl .uploaded_file_status_percentage {
  color: #008adf;
  margin-left: auto;
  display: inline-flex;
  font-size: 14px;
  margin-right: 15px;
}
.upload_file_ctrl .remove_uploaded_file {
  display: inline-flex;
  cursor: pointer;
}
.upload_file_ctrl .remove_uploaded_file > i {
  color: #343434;
  font-size: 17px;
  opacity: 0.5;
}
.upload_file_ctrl .remove_uploaded_file:hover > i {
  opacity: 1;
}
.progress {
  height: 20px;
  margin-bottom: 0;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.uploadArea.audio_box_area ul li .progress {
  height: 4px !important;
  border-radius: 0;
}
.notification-ui {
  background-color: #303b42;
  z-index: 999999999;
}
.notification-ui .lab_1 {
  text-transform: none !important;
}
.notification-ui .hide_notification,
.notification-ui .hide_notification .fas {
  color: #fff !important;
}
.add_more_files {
  display: flex;
  align-items: center;
  color: #465369;
  font-size: 14px;
  padding: 0 9px;
  cursor: pointer;
  font-weight: 600;
}
.add_more_files > i {
  margin-right: 7px;
  font-size: 22px;
  color: #465369;
  opacity: 0.7;
}
.uploadArea.audio_box_area ul li .progress-bar {
  background-color: #008adf;
}
ul.captures_data_ctrl {
  width: 100%;
  padding: 0;
  user-select: none !important;
}
.doc_editor_section[placeholder]:empty:before {
  content: attr(placeholder);
  color: #555;
}
.doc_editor_section[placeholder]:empty:focus:before {
  content: "";
}
ul.captures_data_ctrl > li {
  display: flex;
  align-items: center;
  border-top: 1px solid #e1e1e1;
  padding: 0;
  cursor: pointer;
}
ul.captures_data_ctrl > li .custom-checkboxes {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
.cp_task_name {
  color: #465369;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  white-space: pre;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0 10px 0 5px !important;
  resize: none;
  height: 23px;
  line-height: 21px;
  margin-right: 1px;
  background: 0 0;
  width: 100%;
}
textarea.cp_task_name:focus {
  outline: 0;
}
.task_innr_common:hover {
  background-color: #f8f8f8;
}
ul.captures_data_ctrl
  > li[data-class="multiple_selected"]
  > .task_innr_common:hover {
  background-color: #b6e0fa;
}
ul.captures_data_ctrl
  > li[data-class="multiple_selected"]
  > .task_innr_common:hover
  .task_name_data_placeholder.editable_content {
  border-top: 1px solid rgba(14, 154, 239, 0.4) !important;
  background: rgba(230, 240, 250, 0.7);
  border-bottom: 1px solid rgba(14, 154, 239, 0.4) !important;
  border-left: 0 !important;
  border-right: 1px solid rgba(14, 154, 239, 0.4) !important;
}
.task_name_data_placeholder.editable_content textarea.cp_task_name {
  outline: 0;
  border: 1px solid #0e9aef !important;
  background: #fff;
}
.cp_multiple_assignee {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.cp_multiple_assignee .assignee_circle {
  display: inline-flex;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  color: #fff;
  border: 2px solid #fff;
  margin-left: -5px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background-color: #fb897f;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  position: relative;
  cursor: pointer;
}
.cp_multiple_assignee .assignee_circle:hover {
  z-index: 9 !important;
}
.cp_multiple_assignee .assignee_circle.more_assignee.inlist {
  background-color: #f0edf5;
  color: #465369;
  font-size: 10px;
  font-weight: 700;
}
.cp_multiple_assignee .assignee_circle:first-child {
  z-index: 4;
}
.cp_multiple_assignee .assignee_circle:nth-child(2) {
  z-index: 3;
}
.cp_multiple_assignee .assignee_circle:nth-child(3) {
  z-index: 2;
}
.cp_multiple_assignee .assignee_circle:nth-child(4) {
  z-index: 0;
}
.remove_assignee {
  cursor: pointer;
  position: absolute;
  top: -8px;
  right: -1px;
  display: none;
  border: 0;
  border-radius: 100%;
  width: 10px;
  height: 10px;
}
.remove_assignee i {
  color: #465369;
  opacity: 0.7;
  font-size: 10px;
  border-radius: 100%;
}
.remove_assignee:hover > i {
  opacity: 1;
}
.project-div .remove_assignee {
  cursor: pointer;
  top: 0;
  margin-left: 3px !important;
  right: 0;
  border-radius: 100%;
  width: 10px;
  height: 21px;
  display: block;
  border: 0;
  margin-right: 1px !important;
}
.project-div .remove_assignee i {
  color: #465369;
  opacity: 0.7;
  font-size: 10px;
}
.project-div .remove_assignee:hover > i {
  opacity: 1;
}
.due-date .remove_assignee {
  cursor: pointer;
  top: 0;
  margin-left: 5px;
  right: 0;
  border-radius: 100%;
  width: 10px;
  height: 21px;
  display: block;
  border: 0;
}
.due-date .remove_assignee i {
  color: #465369;
  opacity: 0.7;
  font-size: 10px;
}
.due-date .remove_assignee:hover > i {
  opacity: 1;
}
.due-time .remove_assignee {
  cursor: pointer;
  top: 0;
  margin-left: 5px;
  right: 0;
  border-radius: 100%;
  width: 10px;
  height: 21px;
  display: block;
  border: 0;
}
.due-time .remove_assignee i {
  color: #465369;
  opacity: 0.7;
  font-size: 10px;
}
.due-time .remove_assignee:hover > i {
  opacity: 1;
}
.cp_multiple_assignee .assignee_circle:hover .remove_assignee {
  display: block;
}
.custom-tick-checkbox[role="checkbox"]:before {
  width: 12px;
  height: 12px;
  border-radius: 0;
}
.square_checkbox_ctrl {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
.square_checkbox_ctrl [role="checkbox"] {
  top: 0;
  left: 0;
}
.custom-tick-checkbox:hover:before {
  background-color: #ececec;
  border-color: #767676;
  opacity: 1;
}
.custom-tick-checkbox:hover:after {
  display: block;
  width: 5px;
  height: 10px;
  border: solid #767676;
  border-width: 0 0.125em 0.125em 0;
  transform: translate(0, 0);
  -webkit-tranform: translate(0, 0);
  -moz-tranform: translate(0, 0);
  -ms-tranform: translate(0, 0);
  -o-tranform: translate(0, 0);
  top: 3px;
  left: 7px;
  transform: rotate(52deg);
  -webkit-transform: rotate(52deg);
  -moz-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  -o-transform: rotate(52deg);
}
ul.inlist.assignee_dropdown > li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 7px 6px 28px;
  cursor: pointer;
}
ul.inlist.assignee_dropdown > li .fa-times {
  display: none;
}
ul.inlist.assignee_dropdown > li.active .fa-times {
  display: block;
  position: absolute;
  right: 5px;
  color: #ffffffb8;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
ul.inlist.assignee_dropdown > li.active .fa-times:hover {
  color: #fff;
  opacity: 1;
}
ul.inlist.assignee_dropdown > li.active:before {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 10px;
  color: #fff;
  font-size: 12px;
  display: block !important;
}
ul.inlist.assignee_dropdown > li:hover {
  background-color: #f5f5f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
}
ul.inlist.assignee_dropdown > li:active {
  background-color: #e6f5fe;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
}
.context_menu_active {
  background-color: #48494d;
}
.assignee_text {
  font-size: 14px;
  font-weight: 600;
  color: #465369;
}
.assignee_circle.in-dropdown {
  display: inline-flex;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  color: #fff;
  margin-left: 0;
  margin-right: 7px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  position: relative;
}
ul.inlist.assignee_dropdown > li.active {
  background-color: #0e9aef;
}
ul.inlist.assignee_dropdown > li.active .assignee_text {
  font-weight: 700;
  color: #2680eb;
}
.uploadArea ul li .progress {
  height: 4px !important;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.uploadArea ul li .progress-bar {
  background-color: #008adf;
}
.capture_inbox_splitter_wrapper {
  user-select: none;
  background: #efefef;
}
.inbox_heading_innr_left {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.inbox_heading_innr_right {
  margin-left: auto;
  width: auto;
  display: flex;
  align-items: center;
}
.global_search_ctrl {
  position: relative;
  border-top-left-radius: 15px;
  display: inline-block;
  border-bottom-left-radius: 15px;
}
.global_search_ctrl button {
  display: inline;
  border: 0;
  background: 0 0;
  float: left;
  border-radius: 100%;
  padding: 0;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}
.global_search_ctrl.expand-global-search button i.fas.fa-search {
  position: absolute;
  left: 8px;
  top: 10px;
  color: #9ea3a8;
  transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
}
.global_search_ctrl input {
  border: 0;
  border-radius: 0;
  padding: 0;
  color: #465369;
  font-size: 13px;
  width: 0;
  display: inline-block;
  height: 30px;
  opacity: 0;
  z-index: 1;
}
.global_search_ctrl.expand-global-search {
  width: 300px;
  background-color: #fff;
  border: 2px solid transparent;
}
.global_search_ctrl.expand-global-search button {
  background-color: #0e9aef;
}
.global_search_ctrl.expand-global-search button i {
  color: #fff;
}
.global_search_ctrl.expand-global-search input {
  width: 100%;
  opacity: 1;
  padding: 0 10px 0 5px;
  background-color: #fff;
}
.global_search_ctrl button:hover {
  background-color: #fff;
}
.global_search_ctrl button:hover > i {
  color: #465369;
}
.global_search_ctrl button:focus {
  outline: 0;
}
.upload_dropdown .dropdown-toggle > img {
  width: 31px;
}
.treeview-heading.title-slide {
  border-top: 1px solid #e2e7eb;
  padding-top: 7px;
  display: flex;
  align-items: center;
  margin-top: 0;
  padding-bottom: 9px;
  margin-bottom: 0;
}
.task_number {
  color: #465369;
  opacity: 0.6;
  padding: 0 9px 0 0;
  font-size: 13px;
  text-align: right;
  width: auto;
}
.task_draggable_number {
  display: inline-flex;
  margin: 0;
  opacity: 0;
  position: relative;
}
.task_draggable_number SVG {
  fill: #465369;
  width: 15px;
  height: 15px;
  opacity: 1;
}
.task_draggable_number SVG:hover {
  opacity: 1;
}
.task_draggable_number_view {
  display: inline-flex;
  margin-top: 1px;
  position: relative;
  cursor: grab;
  margin-right: 5px;
}
.task_draggable_number_view SVG {
  fill: #465369;
  width: 15px;
  height: 15px;
  opacity: 0.5;
}
.task_draggable_number_view SVG:hover {
  opacity: 1;
}
ul.captures_data_ctrl > li:hover .task_draggable_number {
  opacity: 1;
}
.view_task_eye_ctrl {
  margin-right: 5px;
  position: relative;
}
.view_task_eye_ctrl > i {
  color: #465369;
  opacity: 0.7;
  font-size: 12px;
}
.view_task_eye_ctrl > i:hover {
  opacity: 1;
}
ul.captures_data_ctrl_placeholder {
  width: 100%;
  padding: 0;
}
ul.captures_data_ctrl_placeholder > li {
  display: flex;
  align-items: center;
  padding: 0;
  border-right: 1px solid #e1e1e1;
  justify-content: space-around;
}
ul.captures_data_ctrl_placeholder > li > .task_list_data_placeholder {
  color: #465369;
  opacity: 1;
  font-size: 13px;
  text-align: left;
  padding: 9px 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  background-color: #f5f5f5;
  border-right: 1px solid #e1e1e1;
  color: #333;
  font-weight: 600;
  height: 35px;
}
ul.captures_data_ctrl_placeholder
  > li
  > .task_list_data_placeholder:last-child {
  border-right: 0;
}
ul.captures_data_ctrl_placeholder > li > .task_list_data_placeholder:hover {
  background-color: #f5f5f5;
}
.sorting_asc,
.sorting_desc,
ul.captures_data_ctrl_placeholder
  > li
  > .task_list_data_placeholder
  div.sorting {
  float: left;
  width: 100%;
  text-align: center;
}
.task_assignee_list_placeholder {
  position: relative;
  z-index: 8;
}
.sorting_desc,
.task_assignee_list_placeholder .sorting_asc {
  background-color: inherit !important;
  width: 100%;
  text-align: center;
}
.task_assignee_list_placeholder .dropdown .fa-chevron-down {
  display: none;
}
.task_assignee_list_placeholder:hover .dropdown .fa-chevron-down {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -2px;
  font-size: 11px;
  opacity: 0.6;
  z-index: 1;
}
.task_list_data_placeholder .sorting_dropdown + .theme_dropdown_with_icon_text {
  margin-right: -25px;
  margin-top: 26px;
}
.task_list_data_placeholder.task_assignee_list_placeholder .fa-chevron-down {
  position: absolute;
  top: 8px;
  z-index: 99999;
  right: 17px;
}
.task_innr_common {
  padding: 9px 10px;
  border-right: 1px solid #e1e1e1;
  height: 35px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  transition: height 0.2s ease;
  -webkit-transition: height 0.2s ease;
  -moz-transition: height 0.2s ease;
  -ms-transition: height 0.2s ease;
  -o-transition: height 0.2s ease;
}
.task_name_data_placeholder {
  display: flex;
  align-items: center;
  min-height: 35px;
  padding: 0 10px 0 2px;
  position: relative;
  transition: height 0.2s ease;
  -webkit-transition: height 0.2s ease;
  -moz-transition: height 0.2s ease;
  -ms-transition: height 0.2s ease;
  -o-transition: height 0.2s ease;
}
.task_name_data_placeholder {
  position: relative;
}
.task_name_data_placeholder .three_dots_dropdown_main {
  display: none;
}
.captures_data_ctrl_li:hover
  .task_name_data_placeholder
  .three_dots_dropdown_main {
  display: block;
  padding: 6px;
}
.captures_data_ctrl_li:hover
  .task_name_data_placeholder
  .three_dots_dropdown_main
  i {
  display: block;
  color: #676a6c;
}
.task_assignee_data_placeholder {
  margin-left: auto;
  width: 170px;
}
.task_project_data_placeholder {
  width: 170px;
}
.task_created_at_data_placeholder {
  width: 170px;
}
.task_number_hash {
  padding: 0 5px 0 0;
  font-size: 13px;
}
.captures_data_ctrl_placeholder.addShadowonListHeader {
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  -webkit-box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  -moz-box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  -ms-box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  -o-box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  position: absolute;
  z-index: 9;
  width: 100%;
  top: 70px;
  left: 0;
  padding: 0;
}
#tbar_faded_loader {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #eee;
  position: fixed;
  opacity: 1;
  -webkit-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
  z-index: 1001;
}
#tbar_faded_loader.hiding {
  -webkit-animation-name: loaderhide;
  animation-name: loaderhide;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
#loader.hided {
  display: none;
}
.anim {
  width: 118px;
  height: 118px;
  margin: -70px;
  top: 50%;
  left: 50%;
  position: absolute;
  border-radius: 138px;
  background: #303b42;
  -webkit-animation-name: anim;
  animation-name: anim;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.anim img {
  position: absolute;
  top: 0;
  opacity: 0;
}
.anim img:first-child {
  -webkit-animation: smile 4.8s infinite;
  animation: smile 4.8s infinite;
}
.anim img:nth-child(2) {
  -webkit-animation: voice 4.8s infinite;
  animation: voice 4.8s infinite;
}
.anim img:nth-child(3) {
  -webkit-animation: search 4.8s infinite;
  animation: search 4.8s infinite;
}
.anim img:nth-child(4) {
  -webkit-animation: letter 4.8s infinite;
  animation: letter 4.8s infinite;
}
.anim img:nth-child(5) {
  -webkit-animation: file 4.8s infinite;
  animation: file 4.8s infinite;
}
.anim img:nth-child(6) {
  -webkit-animation: easy 4.8s infinite;
  animation: easy 4.8s infinite;
}
.anim img:nth-child(7) {
  -webkit-animation: smile2 4.8s infinite;
  animation: smile2 4.8s infinite;
}
@-webkit-keyframes smile {
  0% {
    opacity: 1;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes smile {
  0% {
    opacity: 1;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes voice {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 1;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes voice {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 1;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes search {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 1;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes search {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 1;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes letter {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 1;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes letter {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 1;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes file {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 1;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes file {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 1;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes easy {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes easy {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes smile2 {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes smile2 {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.8% {
    opacity: 0;
  }
  66.40% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes anim {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes anim {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes scale {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes loaderhide {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes loaderhide {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
#tbar_faded_loader img {
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.user_profile_main_ctrl {
  display: inline-block;
}
.display_task_img_on_hover {
  width: 220px;
  height: 150px;
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  -webkit-box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.6);
  -moz-box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  -ms-box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  -o-box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  background-color: #fff;
  z-index: 999;
  position: absolute;
  left: 17px;
  top: 0;
  border-radius: 5px;
  overflow: hidden;
}
.display_task_img_on_hover > img {
  width: 100%;
  height: 100%;
}
.toggle_tree_sections {
  margin-right: 10px;
  position: relative;
}
.toggle_tree_sections .dropdown {
  height: auto !important;
}
.toggle_tree_sections .dropdown-menu {
  border-radius: 3px;
  border: 1px solid #d5d5d6;
  z-index: 999999999;
  position: absolute;
  box-shadow: none;
  min-width: 195px;
  margin-left: -10px;
  margin-top: 10px;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  cursor: auto;
}
.toggle_tree_sections .dropdown-menu li {
  display: flex;
  align-items: center;
  color: #465369;
  font-size: 13px;
  padding: 6px 10px;
  width: 100%;
  font-weight: 600;
}
.toggle_tree_sections .dropdown-menu li:hover {
  background-color: #f5f5f5;
}
.tree_section_draggable_handle {
  display: inline-flex;
  margin-right: 5px;
  cursor: grab;
}
.tree_section_draggable_handle svg {
  fill: #465369;
  width: 14px;
  height: 14px;
}
.toggle_tree_sections .compact_ui {
  margin-left: auto;
}
.toggle_tree_sections .compact_ui label {
  height: 8px;
  width: 24px;
}
.toggle_tree_sections .compact_ui .slider {
  background-color: #b7b7b7;
}
.compact_ui input:checked + .slider {
  background-color: #93cff4;
}
.toggle_tree_sections .compact_ui input:checked + .slider:before {
  background-color: #0e9aef !important;
  border-color: #3a95c9;
  bottom: -2px;
  width: 12px;
  height: 12px;
  left: -8px;
}
.compact_ui input:checked + .slider {
  background-color: #93cff4;
}
.compact_ui label.switch.switch_active .checked {
  background-color: red;
}
.toggle_tree_sections .compact_ui .slider {
  background-color: #b7b7b7;
}
.toggle_tree_sections .compact_ui .slider:before {
  background-color: #5d5d5d !important;
  border: 0 !important;
  width: 12px;
  height: 12px;
}
.toggle_tree_sections .compact_ui .slider {
  background-color: #b7b7b7;
}
.add_custom_tree {
  padding: 7px 10px;
  display: flex;
  align-items: center;
  color: #465369;
  font-weight: 600;
  font-size: 13px;
  border-top: 1px solid rgba(112, 112, 112, 0.17);
  margin-top: 5px;
}
.add_custom_tree i {
  margin-right: 9px;
}
.toggle_tree_sections .toggle_tree_section_innr {
  cursor: pointer;
}
.toggle_tree_sections .toggle_tree_section_innr svg {
  width: 12px;
  color: #9aa1ad;
}
.toggle_tree_section_innr:hover > svg g,
.toggle_tree_section_innr:hover > svg line {
  fill: rgb(70, 83, 105);
  stroke: rgb(70, 83, 105);
}
.sidebar_search_box_ctrl {
  margin-left: auto;
  cursor: pointer;
}
.sidebar_search_box_ctrl > i {
  font-size: 14px;
  margin-right: 12px;
  color: #9aa1ad;
  top: -1px;
  position: relative;
}
.sidebar_search_box_ctrl:hover > i {
  color: #465369;
}
.gray_theme_custom_sidebar .ui_style_ctrl .treeview_search_filter_ctrl {
  margin: 5px 0 0 0;
  animation-duration: 0.4s;
}
.tags_add_more_ctrl {
  margin-right: 10px;
  position: relative;
  width: auto;
  display: inline-flex;
  margin-left: auto;
  right: 0 !important;
  float: right;
}
.toggle_tree_sections .toggle_tree_section_innr {
  cursor: pointer;
}
.tags_add_more_dropdown i {
  font-size: 11px;
  color: #465369;
  opacity: 0.7;
}
.tags_add_more_dropdown i:hover {
  opacity: 1;
}
.tags_add_more_dropdown:hover > i {
  color: #465369;
}
.tags_add_more_ctrl .dropdown-menu a > i {
  color: #798292;
  margin-right: 8px;
  font-size: 14px;
}
.tags_add_more_ctrl .dropdown-menu a:hover > i {
  color: #465369;
}
.gray_theme_custom_sidebar .ui_style_ctrl .treeview-heading h3 i {
  color: #465369;
  margin-left: 7px;
  font-size: 11px;
}
ul.project_level li {
  padding-left: 25px;
  padding-right: 21px;
  display: flex;
  align-items: center;
}
.project_list_item_count {
  margin-left: auto;
  display: inline-flex;
  float: right;
  font-size: 12px;
  color: rgb(38 38 38 / 62%);
  font-weight: 500;
  margin-right: 11px;
}
.folder_icon_sidebar {
  margin-right: 4px;
}
.folder_icon_sidebar > i {
  font-size: 11px !important;
  color: #465369;
  opacity: 0.6;
  padding: 0 !important;
  min-width: auto !important;
}
.folder_icon_sidebar {
  margin-left: -6px;
  margin-right: 2px;
}
.section_heading_level {
  margin: 10px 0 10px 0;
}
.section_heading_level h3 {
  padding: 0 !important;
}
ul.project_level > li {
  padding: 3px 10px 3px 29px !important;
}
ul.tag_level > li {
  padding: 4px 10px 4px 13px !important;
}
.tag_icon_sidebar svg {
  fill: #465369;
}
.tag_icon_sidebar {
  margin-right: 0;
}
.tag_icon_sidebar svg {
  fill: #465369;
  margin-right: 5px;
  width: 12px;
}
.tag_name {
  display: inline-flex;
  margin-right: auto;
}
.project_level_dropdown ul.dropdown-menu > li {
  padding: 0 !important;
  border: 0 !important;
}
.project_level_dropdown ul.dropdown-menu > li > a {
  color: #465369;
  padding: 4px 15px;
}
.gray_theme_custom_sidebar.gray_900_color
  .left-menu-spacing
  li:hover
  .project_level_dropdown
  ul.dropdown-menu
  > li
  > a {
  color: #465369 !important;
}
.project_level_dropdown .multi-option-top a {
  color: #798292 !important;
  font-size: 13px;
}
.project_level_dropdown .multi-option-top a:hover > i {
  color: #465369;
}
.project_level_dropdown ul.dropdown-menu > li:hover {
  color: #465369 !important;
  border-left: 0 !important;
}
.project_level_dropdown.project_heading_advance_settings_ctrl.open > span > i,
.project_level_dropdown.project_heading_advance_settings_ctrl:hover > span > i {
  color: #465369;
}
.tag_level li > .project_level_dropdown {
  opacity: 0;
  right: 0;
  position: absolute;
  background-color: #fff;
  width: 30px;
}
.tag_level li:hover > .project_level_dropdown {
  opacity: 1;
}
.tag_level li > .project_level_dropdown > span > i {
  min-width: 8px !important;
  margin: 0 0 0 9px;
}
.project_level_dropdown.open > ul.dropdown-menu,
.tag_level li > .project_level_dropdown.open,
.tag_level li > .project_level_dropdown.open > ul.dropdown-menu {
  opacity: 1 !important;
}
.project_level_dropdown ul.dropdown-menu > li > a > i {
  color: #798292;
  font-size: 13px;
}
.tag_level li > .project_level_dropdown > ul.dropdown-menu {
  right: auto;
  border: 1px solid #d5d5d6;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.folder_name {
  display: inline-flex;
  margin-right: auto;
  color: #465369 !important;
  font-weight: 600;
}
ul.folder_inner_list.first_level {
  padding: 0;
}
ul.folder_inner_list > li {
  color: #465369 !important;
  font-size: 13px;
  padding: 4px 10px 4px 10px;
  border-right: 3px solid transparent;
  cursor: pointer;
}
ul.folder_inner_list > li:hover {
  background-color: #fff !important;
  border-right: 3px solid #465369 !important;
}
ul.folder_inner_list > li > i {
  color: #465369;
  opacity: 0.6;
  font-size: 7px;
  margin-right: 8px;
  border-radius: 100%;
}
ul.folder_inner_list.first_level > li {
  padding-left: 30px;
}
ul.proj_section.tag_level > li {
  padding: 3px 10px 3px 11px !important;
}
ul.folder_inner_list > li:hover > i {
  opacity: 1;
}
.rapid_inbox_splitter {
  border: 1px solid #e7e8e9;
  border-radius: 0;
}
.capture_inbox_main_wrapper .rapid_inbox_splitter {
  height: calc(100vh - 101px) !important;
}
.accordion_icons > i {
  color: #9aa1ad !important;
  font-size: 10px !important;
}
.gray_theme_sidebar ul.sidebar_ul > li > a > span > i {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
}
.gray_theme_sidebar ul.sidebar_ul > li > a.active > span > i,
.gray_theme_sidebar ul.sidebar_ul > li > a:hover > span > i {
  color: #465369;
}
.gray_theme_sidebar ul.sidebar_ul > li > a.active > span > svg,
.gray_theme_sidebar ul.sidebar_ul > li > a:hover > span > svg {
  fill: #465369;
}
.element-loader.list_view {
  padding: 0;
}
.element-loader.list_view .content-item {
  border-radius: 0;
  min-height: 35px;
}
.arrow-icon {
  font-size: 14px !important;
  padding-right: 6px !important;
}
.innertTextContent {
  display: inline-block;
  width: 76%;
  font-size: 14px;
}
.sidepanel_active_in_vertical_bar .innertTextContent {
  width: 68%;
}
.toggle_tree_sections .compact_ui .checked .slider {
  background-color: #93cff4;
}
.toggle_tree_sections .compact_ui .unchecked .slider {
  background-color: #b7b7b7;
}
.toggle_tree_sections .compact_ui .checked .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(21px);
  background-color: #0e9aef !important;
  bottom: -2px;
  width: 12px;
  height: 12px;
  left: -8px;
}
.toggle_tree_sections
  .ui-sortable
  .compact_ui
  .unchecked
  input
  + .slider:before {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  background-color: #5d5d5d !important;
  left: 0;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  background-color: transparent !important;
}
.ps__rail-y {
  width: 5px !important;
  right: 0;
}
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
  background-color: #999;
  width: 5px !important;
}
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background-color: transparent !important;
  opacity: 0.9;
}
.ps__thumb-y {
  width: 5px !important;
  right: 2px;
}
.apps_top_bar_right > .settings {
  display: inline-flex;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.apps_top_bar_right > .settings:hover {
  background-color: #fff;
}
.apps_top_bar_right > .settings i {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  margin: 2px;
}
.apps_top_bar_right > .settings:hover i {
  color: #465369;
}
.apps_top_bar_right .top_header_action_tools_ctrl {
  margin: 0 14px !important;
  position: relative;
}
.upload_dropdown.top_header_action_tools_ctrl {
  margin: 4px 14px 0 8px !important;
}
i.fas.fa-times-circle.clear-text-search-left.clear_search_btn {
  top: 4px;
}
.list_view_main_wrapper
  ul.captures_data_ctrl.short_density
  > li
  .task_name_data_placeholder,
ul.captures_data_ctrl.short_density > li .task_innr_common {
  display: flex;
  justify-content: space-around;
}
.list_view_main_wrapper .task_draggable_number {
  display: inline-flex;
}
.list_view_main_wrapper .task_number {
  width: auto;
}
.list_view_main_wrapper .view_task_eye_ctrl {
  display: inline-flex;
}
.list_view_main_wrapper .cp_task_name {
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0 0 0 5px !important;
  resize: none;
  height: 23px;
  line-height: 21px;
  background: 0 0;
  width: 100%;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin-right: 10px;
}
.list_view_main_wrapper .task_in_edit_state.editable_content_ctrl {
  width: 100%;
  margin-right: 10px;
}
.details_pane_in_modal_ctrl .vertical_bar_on_page {
  position: relative;
}
.vue_splitter_wrapper.table_view_main_wrapper.preview_pane_is_closed
  .vue_splitter_pane.capture_selected_list {
  border-top-right-radius: 6px;
  cursor: text;
}
div#email_sidebar.gray_theme_custom_sidebar.in_email_side_panel {
  border: 1px solid #dadce0 !important;
  border-top-right-radius: 6px;
}
.feddback_loop_ctrl_thread.comment_msg.last_thread .feedback_comment_content {
  color: #323333;
}
.feddback_loop_main_ctrl.in_sidepanel:first-child {
  border-top: 1px solid #e9e9eb;
}
.search_for_trashed_items {
  margin: 5px 0 20px 0;
  display: flex;
  align-items: center;
}
.conversation_capture_list_search_innr.search_for_trashed_items i {
  top: 2px;
}
.conversation_capture_list_search_innr {
  display: inline-flex;
  width: 100%;
  position: relative;
}
.search_for_trashed_items input {
  min-width: 480px;
  height: 28px;
  padding: 5px 21px 5px 25px;
  border: 1px solid #dadce0;
  border-radius: 3px 0 0 3px;
  color: #465369 !important;
  line-height: 28px;
}
.search_for_trashed_items input::placeholder {
  color: #465369 !important;
  font-weight: 400;
}
.search_for_trashed_items i.fa-times-circle {
  position: absolute;
  right: 5px;
  left: auto;
  margin: 0;
  top: 3px;
  font-size: 11px;
}
.safe_mode_badge {
  position: absolute;
  bottom: -4px;
  right: -3px;
}
.safe_mode_badge.over_small_avatar {
  bottom: -6px;
  right: -6px;
  z-index: 9;
}
.user_prof_dropdown .hs_list_cont {
  width: 100%;
}
.user_prof_dropdown .hs_list_switch {
  margin-left: auto;
}
.no-inset {
  inset: none;
}
ul.nav-list-ul.second-level-item.dropdown-menu.no-inset {
  inset: unset !important;
  right: 0 !important;
  left: auto !important;
}
.modal_screenshot_image_cursor_crosshair {
  display: block !important;
  cursor: crosshair !important;
}
#modal_screenshot_image_div {
  padding-bottom: 40px !important;
}
audio {
  border: 0;
  border-radius: 7px;
}
.create_asana_form {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.content_section_inner_container ul:not(.preview_ul_section) {
  margin: 0;
  padding: 0;
  list-style: none;
}
select:focus {
  outline: 0;
}
.global_editor_button_group .dropdown-content {
  bottom: 113px !important;
  left: unset !important;
}
.ql-editor ol > li[data-list="checked"] > .ql-ui::before {
  transition:
    border-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    background 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  content: "\2713";
  color: #fff;
  background: #67cb48;
  border: 1px solid #67cb48;
  width: 17px;
  height: 17px;
  margin-top: 2px;
  margin-left: -22px;
  padding: 2px 0 0;
  text-align: center;
  border-radius: 50%;
  -webkit-animation: 0.4s linear both checklistPulse;
  animation: 0.4s linear both checklistPulse;
}
.global_editor_edit_main_area.empty {
  margin: unset !important;
  text-align: unset !important;
}
.ql-editor ol > li[data-list="unchecked"] > .ql-ui::before {
  transition:
    border-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    background 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  content: "";
  background: 0 0;
  border: 1px solid #c1c1c1;
  width: 17px;
  height: 17px;
  margin-top: 4px;
  margin-left: -22px;
  padding: 0;
  border-radius: 50%;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor ol li[data-list="checked"]:before,
.ql-editor ol li[data-list="unchecked"]:before {
  content: "" !important;
}
#comment_box_area_main_wrapper .ql-toolbar {
  opacity: 0 !important;
  display: none !important;
}
.ql-editor ol li[data-list="checked"],
ul li[data-checked="true"],
ul[data-checked="true"] li {
  transition: color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  text-decoration: line-through;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
  color: #828588;
}
.qlbt-operation-menu {
  transform: translateY(-100%);
}
.email_toolbar {
  border: 0;
}
.reply_form_ctrl li.reply_form_innr ul.k-editor-toolbar li:first-child {
  min-width: 140px !important;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
}
.reply_form_ctrl li.reply_form_innr ul.k-editor-toolbar li {
  width: auto;
  display: inline;
}
.reply_form_ctrl2 {
  display: flex;
  align-items: flex-start;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f3f3f4;
}
.usericon {
  width: auto;
  display: inline-block;
  float: left;
  margin-right: 16px;
  margin-top: 5px;
}
.mail-wrapper {
  display: table-cell;
  width: auto;
  max-width: inherit;
  flex-grow: 1;
  margin-left: 4px;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  overflow: auto;
}
.mail-reply-to {
  display: flex;
  box-sizing: border-box;
  padding: 5px;
  align-items: center;
  position: relative;
}
.mail-reply-to .dropdown .btn {
  color: #000;
  display: inline-block;
  padding: 6px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 4px;
  background: 0 0;
  border: 0 !important;
}
input#replyto-input1,
input#replyto-input2,
input#replyto-input3 {
  display: block;
  width: auto;
  max-width: inherit;
  flex-grow: 1;
  border: 0;
  margin: -1px 0 0;
}
.mail-to.dropdown {
  width: 12%;
}
.warning-box {
  background-color: #f3f3f4;
  margin: 7px 10px;
  padding: 10px 13px;
}
.warning-box .warning-msg {
  width: 95%;
  font-size: 13px;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
  color: #5f6368;
}
.warning-box .warning-close {
  cursor: pointer;
}
textarea#reply-textarea1,
textarea#reply-textarea2,
textarea#reply-textarea3 {
  padding: 10px 15px;
  border: 0;
  border-bottom: 1px solid #d3d3d3;
}
.mf-right {
  display: block;
  width: auto;
  max-width: inherit;
  flex-grow: 1;
  margin-left: 10px;
}
.mail-footer {
  padding: 11px 13px;
  display: flex;
  align-items: center;
}
.mf-left.pull-left {
  width: 85%;
}
.mf-right.pull-right {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.mf-left ul,
.mf-right ul {
  padding: 0;
  margin: 0;
}
.mf-left ul li,
.mf-right ul li {
  display: inline-block;
  margin: 0 -1px;
  vertical-align: middle;
}
.mf-left ul li .btn,
.mf-right ul li .btn {
  border: 1px solid #dbdbdb;
  border-radius: 0;
  padding: 6px;
  min-width: 20px;
  min-height: 20px;
  color: #787878;
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  background: 0 0;
}
.sndBtn {
  box-shadow: none;
  background: #4d90fe;
  background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background-image: linear-gradient(top, #4d90fe, #4787ed);
  border: 1px solid #3079ed;
  color: #fff;
  border-radius: 3px;
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.user-icon {
  padding: 7px;
  background-color: #f8f8f8;
  border-radius: 20px;
  border: 1px solid #ccd1d4;
  margin-top: -20px;
  color: rgba(0, 0, 0, 0.5);
}
.applicant {
  margin-right: 8px;
  color: #787878;
}
.chose-action {
  border-radius: 0 !important;
  margin-right: 3px;
  padding: 3px 8px !important;
  border: 1px solid #dbdbdb !important;
}
.chose-action:hover {
  color: #fff;
  background: #1e8edf;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
.mf-right ul li > .dropdown > ul {
  left: inherit;
  right: -5px;
  top: inherit;
  bottom: 30px;
}
.mf-right ul li > .dropdown > ul > li {
  display: block;
}
.action-to-Choose {
  color: #999;
  height: 64px;
  padding: 8px 0 0 12px;
}
.ams {
  cursor: pointer;
  text-decoration: underline;
}
.adresse {
  font-size: 14px;
  color: #787878;
}
.mail-reply-to .dropdown > ul > li a {
  padding: 3px 15px;
  font-size: 14px;
}
.mail-reply-to .dropdown > ul > li a span {
  margin-right: 4px;
}
.mail-header-wrapper {
  padding: 10px 15px;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
}
.mail-sender-wrapper {
  font-size: 13px;
  display: flex;
  align-items: center;
  padding: 2px 0 11px;
  border-bottom: 1px solid #dadce0;
  margin-bottom: 17px;
}
.from-n-to {
  margin-left: 10px;
  font-size: 14px;
  display: block;
  width: auto;
  max-width: inherit;
  flex-grow: 1;
}
.mail-from {
  display: block;
  padding-bottom: 2px;
  font-weight: 600;
  color: #333;
}
.from-n-to label {
  font-weight: 400;
  margin-right: 2px;
}
.from-n-to label.cc {
  margin-left: 5px;
}
.mail-from span {
  font-size: 12px;
  font-weight: bolder;
  color: #000;
}
.recevd-time {
  margin-right: 10px;
  display: inline-block;
  color: #5f6368;
  font-size: 12px;
  float: left;
}
.mail-header-action {
  display: inline-block;
}
.mail-header-action span.k-icon {
  padding: 0 1px 0 0;
  display: inline-block;
  cursor: pointer;
}
.mail-header-action .mail-action-droppy {
  display: inline-block !important;
  padding: 0;
}
.mail-header-action .mail-action-droppy .btn {
  background-color: transparent;
  border: none !important;
  color: #2f4050;
  margin-left: 4px;
}
.mail-header-action .mail-action-droppy ul.dropdown-menu {
  left: inherit;
  right: -5px;
  top: 30px;
  bottom: inherit;
}
.mail-subject-wrapper {
  font-size: 16px;
  line-height: 28px;
}
.mail-subject-wrapper span.mail-sender {
  font-weight: 600;
  color: #000;
}
.emailSettings {
  display: block;
  background-color: #fff;
  font-size: 14px;
  height: 100%;
  min-height: calc(100vh - 50px);
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  left: 0;
  right: 0;
}
.c-radio-group__item {
  background-color: #f4f6f8;
  border-radius: 3px;
  border: 1px solid #c3c9cf;
  cursor: pointer;
  padding: 10px;
  position: relative;
}
.c-radio-group__item--active {
  background-color: #e6f0fa;
  border-color: #106ed4;
  color: #000;
}
.c-radio-group__item__name {
  font-weight: 300;
}
.c-radio-group--hide-input .c-radio-group__item__input {
  display: none;
  visibility: hidden;
}
.c-radio-group__most-popular {
  color: #ff8400;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}
.settings-container {
  margin-left: 260px;
  max-width: calc(100% - 300px);
  padding: 35px 0 0;
}
#settings-content {
  margin: 0;
  padding: 0;
  width: 100%;
}
.settings-container .banner {
  background: 0;
  border: 0;
  margin: 0;
  padding: 14px 0;
}
.settings-container .section p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
  padding: 0;
}
.settings-container .banner h2 {
  float: none;
  margin-right: 10px;
  color: #000;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 27px;
}
.settings-container .content .section {
  border-bottom: 1px solid #e9eef2;
  margin: 10px 0;
  padding-bottom: 15px;
}
.settings-container .content h5:not(.plan__price) {
  padding: 10px 0;
  color: #464d5a;
  font-size: 1rem;
}
.c-radio-group__item__image {
  margin-bottom: 5px;
}
.email-account-settings-list.email-account-settings-list--personal
  .add-account.btn {
  float: right;
}
.email-account-settings-list__table__thead {
  text-transform: uppercase;
}
.email-account-settings-list.email-account-settings-list--personal
  .email-account-settings-list__table_content {
  margin-top: 5px;
}
.email-account-settings-list__table__header {
  font-weight: 700;
  color: #9fa5ae;
  font-size: 13px;
}
p {
  line-height: 1.5;
  margin-bottom: 1rem;
  padding: 0;
}
#tabstrip {
  border: none;
  background-color: #fff;
  box-shadow: none;
}
#tabstrip h5 {
  font-size: 16px;
  padding: 10px 0;
  color: #464d5a;
}
ul.k-tabstrip-items {
  padding: 0;
}
#tabstrip .k-content {
  border: none;
  padding: 0;
}
.k-tabstrip-items .k-loading {
  border: none;
}
.k-content {
  padding: 0;
}
.k-content .content {
  padding: 30px 0;
}
ul.k-tabstrip-items li.k-item.k-state-default {
  border: 0;
}
form.edit_account select {
  margin-bottom: 0;
  margin-right: 5px;
}
select {
  vertical-align: middle;
  position: relative;
  background: #fff;
}
ul.k-tabstrip-items li span.k-link {
  background-color: #fff;
  padding: 7px 15px 6px;
  color: #888e98 !important;
  font-weight: 500;
}
ul.k-tabstrip-items li span.k-link:hover {
  color: #464d5a;
  text-decoration: none;
}
.emailSettings .btn-primary:active:active,
.emailSettings .btn-primary:active:hover,
.emailSettings .btn-primary:hover:active,
.emailSettings .btn-primary:hover:hover {
  background-color: #1c964a;
}
.settings-container .content .section .pull-left {
  margin-right: 20px;
}
.email-account-settings-list__title {
  margin-top: 20px;
}
body#subscriptions .btn-primary,
body.settings .btn-primary {
  margin: 12px 0;
}
.settings-container table.alt {
  background: #f4f6f8;
  border-top: 1px solid #dce1e6;
  border-left: 1px solid #dce1e6;
}
.settings-container table {
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}
.settings-container table.alt tbody tr {
  border-bottom: 1px solid #dce1e6;
  border-right: 1px solid #dce1e6;
  background: 0;
}
.email-account-settings-list__table .empty {
  margin: 0;
  padding: 20px;
}
.empty {
  display: block;
  color: #b7bdc4;
  text-align: center;
  margin: 30px 0 0;
  font-style: italic;
  font-size: 14px;
}
.settings-container .btn-primary,
body#subscriptions .btn-primary {
  margin: 12px 0;
  padding: 4px 12px;
  color: #fff;
  background-color: #1e8edf;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: none;
}
.settings-container .content .section.last {
  border-bottom: 0;
}
.settings-container .content {
  margin-bottom: 10px;
  padding: 0;
  border-top: 1px solid #dce1e6;
  box-shadow: none;
  border-radius: 0;
}
.section form h3 {
  font-size: 24px;
  font-weight: 700;
  color: #000;
}
.emailSettings input,
.emailSettings select {
  border-radius: 0.25rem;
  border: 1px solid #c3c9cf;
  color: #5b626e;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  padding: 4px 9px;
  vertical-align: middle;
  position: relative;
  background: #fff;
}
.emailSettings .form-row .btn.btn-primary,
body#subscriptions .form-row .btn.btn-primary {
  color: #fff;
  margin: 12px 0;
  font-size: 14px;
  font-weight: 700;
  padding: 3px 12px;
  background-color: #1e8edf;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: none;
}
.content .section.last {
  border-bottom: 0;
  padding-bottom: 0;
}
.settings-container .content .section strong {
  font-size: 14px;
}
.settings-container table tbody th,
table tbody td {
  padding: 12px 7px 11px;
  line-height: 15px;
  text-align: left;
}
.settings-container .clearfix:after,
.settings-container .clearfix:before {
  display: table;
  content: "";
  zoom: 1;
}
.email-account-settings-list__table {
  background: #f4f6f8;
  border: 1px solid #e9eef2;
}
ul.k-tabstrip-items li.k-state-active span.k-link {
  color: #000 !important;
}
.emailSettings .btn-primary {
  background-color: #1e8edf;
  background-repeat: repeat-x;
  box-shadow: none;
}
input[type="button"],
input[type="submit"] {
  font-size: 14px;
  padding: 5px 12px;
  position: relative;
}
.emailSettings .faq,
body#subscriptions .faq {
  padding-bottom: 15px;
}
.emailSettings h6 {
  color: #000;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
  font-size: 14px;
}
.emailSettings .select-drop {
  background: -webkit-linear-gradient(bottom, #e9eef2, #fff);
  background: linear-gradient(to top, #e9eef2, #fff);
  border-radius: 3px;
  font-weight: 400;
  margin-bottom: 0.5rem;
  max-width: 243px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.emailSettings .select-drop select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: 0 0;
  border: 1px solid #c3c9cf;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin: 0;
  padding-right: 25px;
  width: 100%;
}
.select-drop:after,
.select-drop:before {
  bottom: 100%;
  border: 4px solid rgba(234, 234, 234, 0);
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  right: 10px;
  top: 50%;
  z-index: 2;
  text-indent: 0;
}
.select-drop:before {
  border-bottom-color: #c3c9cf;
  margin-top: -10px;
}
.select-drop:after {
  border-top-color: #c3c9cf;
  margin-bottom: -10px;
}
.email-connect-option {
  margin-bottom: 10px;
}
.email-connect-option__select {
  display: inline-block;
  margin: 10px 0 0;
}
.text-align--center {
  text-align: center;
}
@media (min-width: 768px) {
  .settings-container .content .section {
    margin: 30px 0;
    margin: 30px 0;
  }
  .email-connect-option__select {
    margin: 0 0 0 10px;
  }
  .c-radio-group__item--extra-padding {
    padding: 35px 50px 25px;
  }
  .c-radio-group__item {
    margin-right: 4px;
  }
  .c-radio-group__most-popular {
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
  }
}
#submenu-container {
  background: #f4f6f8;
  top: 50px;
  height: calc(100vh - 50px);
  position: fixed;
  width: 200px;
  z-index: 120;
}
#submenu-container .sub-second-nav-cntrl {
  width: 100%;
  bottom: 0;
  height: 100%;
  right: 0;
  left: 0;
}
#submenu-container .settings_navigation__content {
  padding: 28px 0;
}
#submenu-container h6.subsettings_nav__section__title {
  color: #888e98;
  display: block;
  font-size: 14px;
  padding: 0 16px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
#submenu-container ul.subsettings_nav__section__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
#submenu-container li.subsettings_nav__section__list__item {
  margin-bottom: 6px;
  font-weight: 400;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
#submenu-container li.subsettings_nav__section__list__item a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #5b626e;
  display: block;
  padding: 8px 16px;
  text-decoration: none;
}
.subsettings_nav__section__list__item a.active,
.subsettings_nav__section__list__item a:active,
.subsettings_nav__section__list__item a:focus,
.subsettings_nav__section__list__item a:hover {
  background: #e9eef2;
  color: #464d5a;
  text-decoration: none;
}
#submenu-container .subnav-divider {
  background: #dce1e6;
  height: 1px;
  margin: 20px 0;
}
body.hide_sideMenu .navbar-header.navbar-header-new {
  position: static;
}
.nopos.nopos-new {
  flex-grow: 1;
}
@media (max-width: 1100px) {
  .new-caseiq-header .caseiq-container .nav-in-mobile-ctrl > ul#side-menu-new {
    background-color: #f8f8f8;
    display: none;
    margin: 0 !important;
    position: absolute !important;
    width: 100%;
    z-index: 99;
    padding: 0 50px;
    top: 100%;
    left: 0;
  }
}
.demo-section #tabs_main_ctrl {
  padding: 0;
  border-bottom: 0;
}
.demo-section #tabs_main_ctrl ul li a {
  padding: 19px 30px;
}
.demo-section #tabs_main_ctrl ul.tabs_menu {
  margin: 0;
  display: block;
  width: auto;
  border-bottom: 0;
  padding: 0;
}
#tabs_main_ctrl ul li.k-state-active {
  background-color: transparent;
}
.demo-section #tabs_main_ctrl .k-button.k-bare {
  top: 1.1em;
}
.demo-section #tabs_main_ctrl ul.tabs_menu li a {
  border-bottom: 4px solid transparent !important;
  display: block;
  text-align: center;
}
.demo-section #tabs_main_ctrl ul.tabs_menu li a:hover {
  color: #464d5a !important;
  border-bottom: 4px solid #4ca7f1 !important;
  text-decoration: none;
  background: 0 0;
  box-shadow: none !important;
  outline: 0;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
.demo-section #tabs_main_ctrl ul.tabs_menu li a:active {
  color: #464d5a !important;
  border-bottom: 4px solid #4ca7f1 !important;
  text-decoration: none;
  background: 0 0;
  box-shadow: none !important;
  outline: 0;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
.demo-section #tabs_main_ctrl ul.tabs_menu li.k-state-active a {
  color: #464d5a !important;
  border-bottom: 4px solid #4ca7f1 !important;
  text-decoration: none;
  background: 0 0;
  box-shadow: none !important;
  outline: 0;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
.demo-section #tabs_main_ctrl ul.tabs_menu li.k-state-active a span.k-icon {
  background-color: #3b3b3b;
}
.fas-tabclose {
  position: absolute;
  right: 15px;
  top: 6px;
  font-size: 16px;
}
.demo-section #tabs_main_ctrl .tab_content {
  padding: 0;
  margin: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  height: 100% !important;
}
.user-member_detail {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
  margin: 0;
  position: relative;
}
.user-member_detail .collapse-info {
  font-size: 20px;
  cursor: pointer;
}
.user-member_detail .collapse-info.active:before {
  content: "\f106";
}
.user-member_name {
  font-size: 16px;
  font-weight: 600;
  color: #434242;
}
.user-member_description {
  display: flex;
  padding: 30px 10px 33px;
  justify-content: space-between;
  font-size: 14px;
  color: #3b3b3b;
}
.user-member_edit {
  cursor: pointer;
}
.member-detail {
  padding-right: 0;
  line-height: 1.5;
}
#tabstrip-email,
#tabstrip-social {
  border: none;
  box-shadow: none;
}
#tabstrip-email .k-tabstrip-items,
#tabstrip-social .k-tabstrip-items {
  padding: 0 20px;
  border-bottom: 1px solid #ccc;
}
#tabstrip-email ul.k-tabstrip-items li,
#tabstrip-social ul.k-tabstrip-items li {
  border: 1px solid transparent;
  border-bottom-width: 0;
  padding-bottom: 0;
}
#tabstrip-email ul.k-tabstrip-items li.k-state-active,
#tabstrip-social ul.k-tabstrip-items li.k-state-active {
  border: 1px solid #ccc;
  border-bottom: 0;
  vertical-align: bottom;
}
#tabstrip-email .k-content,
#tabstrip-social .k-content {
  margin: 0;
  border: 0;
}
#tabstrip-email ul.k-tabstrip-items li.k-state-active span.k-link,
#tabstrip-social ul.k-tabstrip-items li.k-state-active span.k-link {
  background-color: #fff;
  border-bottom-width: 2px;
}
#tabstrip-email ul.k-tabstrip-items li span.k-link,
#tabstrip-social ul.k-tabstrip-items li span.k-link {
  background-color: #edebeb;
  font-size: 20px;
  padding-top: 13px;
  padding-bottom: 20px;
}
#tabstrip-email ul.k-tabstrip-items li span.k-icon,
#tabstrip-social ul.k-tabstrip-items li span.k-icon {
  margin: 0;
  font-size: 20px;
  color: #333;
}
.tabstrip-inner_progressbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 10px;
}
.progress-detail > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.progress-detail > div:first-child {
  margin-bottom: 10px;
}
.progress-percentage {
  margin-left: 10px;
}
.progress-detail progress {
  margin-left: 20px;
}
.progress-detail .rank-detail {
  font-weight: bolder;
}
.rank-detail h2 {
  margin: 0;
  font-weight: bolder;
}
.rank-detail_rank {
  font-size: 18px;
}
.count {
  color: #fff;
  font-weight: 600;
  text-align: center;
  position: absolute;
  top: 7px;
  right: 11px;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  font-size: 10px;
  line-height: 15px;
}
#tabstrip-email ul.k-tabstrip-items li.k-state-active .count,
#tabstrip-social ul.k-tabstrip-items li.k-state-active .count {
  background-color: #ef333a !important;
}
#tabstrip-email ul.k-tabstrip-items li.k-state-active .count {
  background-color: #fff;
}
#tabstrip-email ul.k-tabstrip-items li span.k-link:hover {
  border-bottom-color: transparent;
}
#tabstrip-email ul.k-tabstrip-items li {
  padding: 0;
}
#tabstrip-email ul.k-tabstrip-items li span {
  padding: 5px 10px;
}
#tabstrip-email {
  padding-top: 2px;
}
.email-functionality_category {
  margin-top: 0;
  padding: 0;
  background-color: #fff;
}
#tabstrip-email .active-tab-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
  align-items: center;
  border-bottom: 1px solid #d7d7d7;
}
.active-tab-header_lhs {
  display: flex;
  align-items: center;
}
span.active-tab-header_title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 14px;
}
span.active-tab-header_count {
  font-size: 16px;
}
.active-tab_detailbar {
  display: flex;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  padding: 9px 8px;
  margin: 5px 0 6px;
  justify-content: space-between;
}
.active-tab_emailList ul {
  padding: 7px;
}
.active-tab_emailList ul li {
  list-style: none;
  display: flex;
  padding: 8px;
  justify-content: space-between;
}
.toNfrom {
  flex-grow: 1;
  margin-left: 8px;
  font-size: 14px;
}
span.to {
  font-weight: 600;
  color: #4f4f4f;
}
span.from {
  font-weight: 400;
  color: #4ca7f1;
}
p.subj {
  font-size: 12px;
  padding-top: 4px;
}
span.time {
  font-size: 11px;
  font-weight: 700;
  color: #959595;
}
.tab_content-footer {
  padding: 10px 0;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: -40px;
  text-align: center;
}
.active-tab_emailList ul li:hover {
  background-color: #edebeb;
}
span.from::before {
  content: ">";
  top: -1px;
  position: relative;
  font-size: 14px;
  color: #aaa;
}
.active-tab_detailbar span.k-icon.k-i-align-right {
  margin: 0 12px 0 20px;
}
.active-tab-header_lhs span.k-i-email {
  font-size: 21px;
}
.active-tab_emailList ul li span.k-i-attachment-45 {
  margin-right: 35px;
}
.active-tab_detailbar .email-progress {
  background: #e7eaec;
  border-radius: 3px;
  height: 4px;
  margin-top: 5px;
  flex-grow: 1;
  margin-right: 35px;
}
.detailbar-title {
  font-size: 12px;
  font-weight: 600;
}
ul.tabs_menu li a span.k-icon {
  border-radius: 50%;
  padding: 15px;
  background-color: #929292;
  color: #fff;
  margin: 0;
}
#tabs_main_ctrl ul.tabs_menu li {
  padding: 0;
  position: relative;
  width: calc(100% / 4);
  float: left;
}
#tabs_main_ctrl ul.tabs_menu li:after {
  content: "";
  background-color: #dadada;
  position: absolute;
  width: 1px;
  height: 40px;
  top: 10px;
  right: 0;
  display: block;
}
.demo-section #tabs_main_ctrl ul.tabs_menu li:hover a span.k-icon {
  background-color: #3b3b3b;
}
#tabs_main_ctrl ul li:last-child:after {
  content: none;
}
#tabs_main_ctrl ul li:active {
  background-color: transparent;
}
#tabs_main_ctrl ul li:active a span.k-icon {
  background-color: #3b3b3b;
}
.tab_content-footer span {
  border-radius: 50%;
  color: #929292;
  cursor: pointer;
}
.tab_content-footer span:hover {
  color: #969696;
}
ul.lnkd-in-info {
  margin: 16px 0 25px;
  padding: 0 25px;
}
ul.lnkd-in-info li {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 6px 0;
}
span.lnkd-in-info_attr {
  font-size: 12px;
  color: #959595;
  font-weight: 700;
  padding-right: 15px;
  min-width: 65px;
  line-height: 20px;
}
span.lnkd-in-info_val {
  font-size: 12px;
  font-weight: 600;
  color: #4ca7f1;
  line-height: 20px;
}
.lnkd-in-profile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 0;
}
.lnkd-in-profile .profile-name {
  background-color: #e6e6e6;
  padding: 5px 22px;
}
#tabstrip-social-2 {
  padding: 9px 0;
}
.profile-name {
  background-color: #e6e6e6;
  padding: 5px 20px;
}
.lnkd-url {
  padding: 5px 20px;
}
.profile-name span.k-icon {
  margin-right: 6px;
}
.compose-email {
  text-align: center;
  margin: 11px 0 0;
  padding: 0;
}
#composeButton {
  width: auto;
  background: 0 0 !important;
  border-radius: 7px;
  padding: 6px 10px;
  border: none;
  font-size: 14px;
  transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
#composeButton:active,
#composeButton:focus,
#composeButton:hover {
  background-color: #008adf;
  color: #fff;
}
.compose-mail-wrapper {
  position: absolute;
  right: 40px;
  bottom: 0;
  background: #fff;
  z-index: 9999;
  border: 1px solid #ccd1d4;
  width: 550px;
  padding: 8px 16px;
  max-width: 100%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  height: 472px;
  border-radius: 0;
}
.input-stage {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #b2b2b2;
  border-bottom: 1px solid #edebeb;
  padding: 10px;
}
.input-stage textarea {
  padding: 5px 6px;
}
.input-stage label {
  cursor: pointer;
}
.input-stage label:hover {
  color: #707070;
}
.input-stage textarea {
  border: 0;
  resize: none;
}
.primary-label {
  font-weight: 500;
  letter-spacing: 0.01cm;
  margin: 0;
  margin-right: 6px;
}
.bcc-thirdstageOuter,
.cc-secondstageOuter {
  display: none;
}
.bcc-thirdstageOuter .input-stage,
.cc-secondstageOuter .input-stage {
  flex-wrap: wrap;
}
.secondary-label {
  margin: 0 6px;
}
.compose-mail-message {
  border: 1px solid #ccc;
  padding: 0;
  height: calc(100% - 166px);
}
ul.edit-n-style {
  list-style: none;
  padding: 0;
  display: flex;
  color: #b2b2b2;
  align-items: center;
  margin: 0;
}
ul.edit-n-style li {
  width: auto;
  min-width: 25px;
  margin-right: 2px;
}
ul.edit-n-style li:hover {
  color: #707070;
}
ul.attch-n-delet li:hover {
  color: #707070;
}
.compose-message-content #compose-message-textarea {
  border: 0;
  padding: 10px;
}
.compose-message-footer {
  display: flex;
  justify-content: space-between;
  border: 1px solid #ccc;
  padding: 8px 15px;
  border-top: 0;
}
ul.attch-n-delet {
  list-style: none;
  padding: 0;
  display: flex;
  margin: 0;
  align-items: center;
}
ul.attch-n-delet li {
  margin: 0 14px;
  color: #b2b2b2;
  cursor: pointer;
}
.compose-message-header {
  padding: 10px 15px;
  border-bottom: 1px solid #b2b2b2;
}
#compose-sendButton {
  padding: 5px 14px;
}
ul.attch-n-delet li:last-child {
  margin: 0;
}
.compose-mail-message > table,
.reply-box-top-wrapper .mail-content > table {
  border: 0;
  background-color: #fff;
  padding: 5px 0;
  border-radius: 5px 5px 0 0;
  border-collapse: collapse;
  height: 100%;
}
.compose-mail-message > table .k-button-group .k-tool,
.reply-box-top-wrapper .mail-content > table .k-button-group .k-tool {
  border-style: solid;
  margin-right: -1px;
  border: 0;
  padding: 5px 1px;
  color: #b2b2b2;
}
.compose-mail-message > table .k-button-group .k-tool.k-state-selected,
.compose-mail-message > table .k-button-group .k-tool:hover,
.reply-box-top-wrapper
  .mail-content
  > table
  .k-button-group
  .k-tool.k-state-selected,
.reply-box-top-wrapper .mail-content > table .k-button-group .k-tool:hover {
  color: #333;
}
.compose-mail-message > table.k-editor td iframe {
  border: none !important;
  max-height: 100%;
}
.form-horizontal.upload-form {
  padding-left: 5px;
}
.case-color {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  display: inline-block;
}
.case-color li div {
  margin: 0;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 100% !important;
  transform-origin: center center;
  transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -webkit-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -moz-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -ms-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.case-color li div:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.case-color li div:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.case-color li {
  margin: 0 2px 0 0;
  padding: 0;
  vertical-align: top;
}
.selected-color {
  box-shadow: 0 0 5px #222;
}
.colour h3.select-color {
  margin: 5px 0 15px;
}
.case-color li div.sample.active:before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: 0 0;
  border: 2px solid #fff;
  margin: auto;
  line-height: 17px;
  font-size: 14px;
}
.palette {
  width: calc(100% - 120px) !important;
  padding: 10px 8px;
}
.palette .case-color li .sample:hover {
  transform: scale(1.3);
}
.select-default.active:before {
  visibility: hidden;
}
.select-default.active .fas.fa-check {
  position: absolute;
  content: "\f00c";
  color: #fff;
  top: 0;
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: 0 0;
  border: 2px solid #fff;
  margin: auto;
  line-height: 20px;
  font-size: 12px;
}
.selected-color {
  float: left;
  width: 70px;
  height: 70px;
  margin-right: 30px;
  border: 5px solid #fff;
}
.palette {
  width: 390px;
  float: left;
}
.sample {
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  font: normal normal normal 14px/1 FontAwesome;
}
.sample.active:before {
  position: absolute;
  content: "\f00c";
  color: #fff;
  top: 0;
  bottom: 0;
  line-height: 30px;
  text-align: center;
  left: 0;
  right: 0;
  font-size: 20px;
}
.palette .sample:hover {
  cursor: pointer;
  border-color: #bbb;
  transform: scale(1.15);
  border-radius: 3px;
}
.colour {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.common-filter {
  z-index: 2;
}
.default-color {
  margin: 10px 0 20px 100px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 20px;
}
.default-color h3 {
  font-weight: 400;
}
.select-default {
  width: 48px;
  height: 30px;
  border-radius: 5px;
  cursor: pointer;
}
.select-default:hover {
  transform: scale(1.09);
}
.colour {
  border-bottom: 0;
}
.gray-palette .case-color li .sample {
  width: 70px;
  height: 70px;
  margin-right: 30px;
  margin-bottom: 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 5px #ccc;
  cursor: initial;
}
.gray-palette .case-color li .sample:hover {
  transform: none;
}
#theme-color-settings .primary-outline-button {
  margin-left: 0;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > ul
  > li#treeview_tv_active
  span.k-in,
ul#settings_view > li#settings_view_tv_active .k-in {
  border-radius: 0;
}
.k-button-group:focus,
.k-split-button:focus {
  box-shadow: none;
}
.custom_email_sidebar ul.k-group.k-treeview-lines li {
  position: relative;
  padding-left: 14px;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  span.k-icon.k-i-collapse-new
  + span.k-in {
  width: calc(100% - 31px);
}
.custom_email_sidebar .k-treeview ul.k-group.k-treeview-lines > li .k-icon {
  margin-left: 0;
}
.k-treeview .k-item {
  margin-left: -8px;
}
ul.settings_menu.k-group.k-treeview-lines > li {
  padding: 0;
}
.lds-spinner {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  vertical-align: middle;
  z-index: 9999999;
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: #bdbdbd;
}
.lds-spinner div:first-child {
  transform: rotate(0);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body.preview_right_active .email_list_ctrl .slimScrollDiv {
  width: 100% !important;
}
.task-col-wrapper .fieldlist .right-task-form input,
.task-col-wrapper .fieldlist .right-task-form select,
.task-col-wrapper .fieldlist .right-task-form textarea {
  border: 0;
  border-bottom: 1px solid #c3c9cf;
  border-radius: 0;
}
.coming-soon {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  display: table;
  vertical-align: middle;
  width: 100%;
  margin: auto;
  font-size: 80px;
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-textbox:focus {
  box-shadow: none;
}
.floating-label {
  position: relative;
  margin-bottom: 20px;
}
.floating-input,
.floating-select {
  font-size: 14px;
  padding: 4px;
  display: block;
  width: 100%;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #757575;
}
.floating-input:focus,
.floating-select:focus {
  outline: 0;
  border-bottom: 2px solid #5264ae;
}
.floating-label label {
  color: #a1a1a1 !important;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.floating-input:focus ~ label,
.floating-input:not(:placeholder-shown) ~ label {
  top: -14px;
  color: #5b626e;
  font-weight: 400;
  font-size: 11px;
}
.floating-select:focus ~ label,
.floating-select:not([value=""]):valid ~ label {
  top: -18px;
  color: #5b626e;
  font-weight: 400;
  font-size: 11px;
}
.floating-input:focus ~ .bar:after,
.floating-input:focus ~ .bar:before,
.floating-select:focus ~ .bar:after,
.floating-select:focus ~ .bar:before {
  width: 50%;
}
.floating-textarea {
  min-height: 30px;
  max-height: 260px;
  overflow: hidden;
}
.highlight {
  position: absolute;
  height: 50%;
  width: 100%;
  top: 15%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.floating-input:focus ~ .highlight,
.floating-select:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
.custom_email_sidebar .k-treeview ul.k-group.k-treeview-lines > li .k-in {
  white-space: nowrap;
  border-radius: 0;
  width: 97%;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  padding: 5px 30px 5px 16px;
}
.custom_email_sidebar
  .k-treeview
  ul.k-group.k-treeview-lines
  li
  .k-in.k-state-hover,
.custom_email_sidebar
  .k-treeview
  ul.k-group.k-treeview-lines
  li
  .k-in.k-state-selected {
  overflow: visible;
}
.custom_email_sidebar .k-treeview .k-i-collapse {
  margin-top: 0;
}
.density-tabs {
  text-align: center;
}
.density-tabs li {
  display: inline-block;
  width: calc(100% / 3);
}
.density-tabs li a {
  text-align: center;
  border-width: 1px !important;
  display: block !important;
  border-bottom: 1px solid #ebebeb !important;
}
.confirm-view {
  display: inline-block;
  text-align: right;
  width: 100%;
  border-top: 1px solid #ececec;
  padding: 20px;
  box-sizing: border-box;
}
.confirm-view a {
  padding-left: 20px;
  padding-right: 20px;
}
.custom_email_sidebar
  ul#settings_view.k-group.k-treeview-lines
  li
  > div
  .k-state-selected {
  background-color: transparent !important;
}
.email-functionality_category,
.user-member_social.k-content {
  position: relative;
  clear: both;
}
.people-connected {
  position: absolute;
  right: 12px;
  z-index: 9;
  font-size: 20px;
  top: 28px;
  cursor: pointer;
}
.collapse-icon.active:before,
.people-connected.active:before {
  content: "\f106";
}
.collapse-icon {
  position: absolute;
  right: 12px;
  z-index: 9;
  font-size: 20px;
  top: 25px;
  cursor: pointer;
}
.custom_email_sidebar ul.k-group.k-treeview-lines > li span.k-in i {
  padding-right: 0;
  font-size: 10px;
}
#searchtreeview.searchViewTree > ul.k-treeview-lines {
  padding-top: 0;
}
#searchtreeview.searchViewTree {
  margin-top: 0;
}
#submenu-container .settings_navigation__content:focus {
  outline: 0;
}
.settings_navigation__content {
  display: block;
}
ul#menu-content {
  padding: 0;
}
.subsettings_nav__section__title {
  cursor: pointer;
}
.email-submenu-list:focus {
  box-shadow: none;
}
#email-submenu,
.email-submenu-list,
.email-submenu-list .k-content.k-state-active,
.email-submenu-list .k-item.k-state-active {
  background-color: transparent !important;
  border: 3px solid transparent;
}
.email-submenu-list ul.k-tabstrip-items.k-reset {
  border-bottom: 1px solid #ddd;
  padding: 0 15px;
}
#email-submenu .email-submenu-list li.k-item {
  width: calc(100% / 3);
  text-align: center;
  margin-bottom: -1px;
}
#email-submenu .email-submenu-list li.k-item.k-state-active {
  border: 1px solid #ddd !important;
  border-bottom-width: 0 !important;
}
.email-submenu-list li span.k-link {
  display: block;
}
.email-submenu-list ul.k-tabstrip-items li span.k-link {
  background-color: transparent;
  border-radius: 0;
}
.email-submenu-list .k-tabstrip-items .k-state-default.k-state-hover {
  background-color: transparent;
}
.email-submenu-list ul.k-tabstrip-items li.k-state-active span.k-link {
  background-color: #f0f3f5;
}
.compose-email {
  display: inline-block;
  margin: 5px 0 0;
  padding-left: 0;
}
div#MainMenu .compose-email {
  float: right;
  margin: -6px 5px 0 0;
}
.compose-email button#composeButton,
.compose-email button#composeButton:hover {
  background-color: transparent;
  padding: 0;
}
.custom_email_sidebar
  #MainMenu
  #searchtreeview
  ul.k-group.k-treeview-lines
  > li
  > ul
  > li
  .k-in,
.custom_email_sidebar
  #MainMenu
  #treeview
  ul.k-group.k-treeview-lines
  > li
  > ul
  > li
  .k-in {
  padding-left: 31px;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  span.k-in
  i.fas.fa-location-arrow {
  transform: rotate(45deg);
}
.task-col-wrapper .demo-section .k-tabstrip-wrapper {
  margin-top: 0;
}
.task-col-wrapper .demo-section .k-tabstrip-wrapper .k-widget {
  border-width: 0;
  box-shadow: none;
}
.task-col-wrapper .demo-section .k-tabstrip-wrapper .k-tabstrip:focus {
  box-shadow: none;
}
.member-pic {
  width: 355px;
  margin-right: 35px;
  background-color: #f0f0f0;
  border-radius: 100%;
  position: relative;
}
.member-pic h2 {
  display: none;
  position: absolute;
  font-size: 60px;
  text-align: center;
  top: 40px;
  margin: 0;
  left: 0;
  right: 0;
}
.member-pic img {
  border-radius: 100%;
  width: 100%;
}
.active-tab_emailList ul li p {
  margin-bottom: 0;
}
.demo-section #tabs_main_ctrl .links-tab_list ul li a {
  display: block;
  padding: 0;
  width: 100%;
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.content-item {
  box-sizing: border-box;
  background: #fff;
  border-radius: 3px;
  padding: 12px;
  margin: 0 auto;
  width: 100%;
  min-height: 40px;
  border-top: 3px solid #f6f7f8;
}
.animated-background {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(8%, #eee),
    color-stop(18%, #ddd),
    color-stop(33%, #eee)
  );
  background: -webkit-linear-gradient(left, #eee 8%, #ddd 18%, #eee 33%);
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  height: 8px;
  position: relative;
}
.background-masker {
  background: #fff;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.outlined .background-masker {
  border: 1px solid #ddd;
}
.outlined:hover .background-masker {
  border: none;
}
.outlined:hover .background-masker:hover {
  border: 1px solid #ccc;
  z-index: 1;
}
.left-space {
  width: 20px;
  height: 8px;
  top: 0;
  left: 20px;
}
.left-space-2 {
  left: 20%;
  height: 8px;
  width: 40px;
}
.left-space-3 {
  left: 60%;
  height: 8px;
  width: 20px;
  left: 90%;
  height: 8px;
  width: 10px;
}
#email_sidebar {
  width: 238px;
}
#page-wrapper {
  width: calc(100% - 288px) !important;
}
ul.mainmenu-gmail-panel {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.mainmenu-gmail-panel li span i.far,
ul.mainmenu-gmail-panel li span i.fas {
  padding-right: 7px;
  padding-left: 8px;
}
ul.mainmenu-gmail-panel > li {
  border: 0;
  cursor: pointer;
  justify-content: space-between;
  color: #818591;
  font-size: 13px;
  padding: 4px 5px 4px 0;
  width: 100%;
  margin: 0;
}
ul.mainmenu-gmail-panel li:hover {
  background-color: #f9fafc;
  color: #38393d;
}
ul.mainmenu-gmail-panel li.un-read {
  font-weight: 700;
}
ul.mainmenu-gmail-panel li.un-read .mail-count {
  font-weight: 400;
}
.newTimout {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  left: 0;
  right: 0;
  margin: 0;
  bottom: 0;
  z-index: 9999;
}
.timeout_user_email {
  font-weight: 700;
  color: #000 !important;
  font-size: 20px;
}
.custom-search-wrapper {
  display: flex;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5px;
  max-width: 720px;
  position: relative;
  -webkit-transition:
    background 0.1s ease-in,
    width 0.1s ease-out;
  transition:
    background 0.1s ease-in,
    width 0.1s ease-out;
}
.custom-search-wrapper .mailSearchHeader {
  width: 100%;
  border-radius: 3px 0 0 3px;
  padding-right: 28px;
  border: 0;
  background: 0 0;
}
.custom-search-wrapper button.search-button.btn.btn-primary.primary-button {
  background: 0 0 !important;
  color: #848f99;
  border-radius: 0;
  border: none;
  padding: 0;
}
.custom-search-wrapper.mail-search-header-wrapper .search-filter-btn .k-icon {
  font-size: 18px;
  color: #848f99;
  margin-top: 3px;
}
.custom-search-wrapper .input-search-mail {
  position: relative;
  max-width: 100%;
  width: 100%;
}
.custom-search-wrapper input#mailSearchHeader {
  box-shadow: none;
  color: #333;
  padding-right: 30px;
}
.custom-search-wrapper.mail-search-header-wrapper .search-button,
.custom-search-wrapper.mail-search-header-wrapper .search-button:focus {
  width: 34px;
}
.custom-search-wrapper.mail-search-header-wrapper .search-button .k-icon,
.custom-search-wrapper.mail-search-header-wrapper .search-button:focus .k-icon {
  width: 1.5em;
  font-size: 18px;
  font-weight: 700;
}
.custom-search-wrapper.mail-search-header-wrapper.highlighter {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}
[role="checkbox"] {
  display: inline-block;
  position: absolute;
  left: 11px;
  top: 10px;
  height: 18px;
  width: 18px;
  border-radius: 100%;
}
.email_check_box:hover:before {
  background-color: #ececec;
  border-color: #767676;
  opacity: 1;
}
.email_check_box:hover:after {
  display: block;
  width: 5px;
  height: 10px;
  border: solid #767676;
  border-width: 0 0.125em 0.125em 0;
  transform: translate(0, 0);
  -webkit-tranform: translate(0, 0);
  -moz-tranform: translate(0, 0);
  -ms-tranform: translate(0, 0);
  -o-tranform: translate(0, 0);
  top: 3px;
  left: 7px;
  transform: rotate(52deg);
  -webkit-transform: rotate(52deg);
  -moz-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  -o-transform: rotate(52deg);
}
[role="checkbox"]:hover [role="checkbox"]:before {
  border-color: #000;
}
[role="checkbox"]:focus {
  outline: 0;
}
[role="checkbox"]::after,
[role="checkbox"]::before {
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translate(-50%, -50%);
  content: "";
}
[role="checkbox"]::before {
  width: 14px;
  height: 14px;
  border: 2px solid #cfd0d0;
  border-radius: 20px;
  left: 0;
  background-color: #fff;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  top: 0;
}
[role="checkbox"][aria-checked="mixed"]::before,
[role="checkbox"][aria-checked="true"]::before {
  background-color: #020202;
  border-color: #020202;
  opacity: 1;
}
[role="checkbox"][aria-checked="mixed"]::after {
  display: block;
  width: 8px;
  border-bottom: 0.125em solid #fff;
  transform: translate(-50%, -50%) rotateZ(45deg);
  transform-origin: center center;
}
[role="checkbox"][aria-checked="mixed"]:active::after,
[role="checkbox"][aria-checked="true"]::after {
  display: block;
  width: 5px;
  height: 10px;
  border: solid #fff;
  content: "";
  border-width: 0 0.125em 0.125em 0;
  transform: translate(0, 0);
  -webkit-tranform: translate(0, 0);
  -moz-tranform: translate(0, 0);
  -ms-tranform: translate(0, 0);
  -o-tranform: translate(0, 0);
  top: 3px;
  left: 7px;
  transform: rotate(52deg);
  -webkit-transform: rotate(52deg);
  -moz-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  -o-transform: rotate(52deg);
}
.section-heading {
  font-size: 26px;
  margin-bottom: 20px;
  padding-right: 50px;
  border-bottom: 1px solid #333;
}
.sub-section-heading {
  padding-left: 15px;
  padding-right: 50px;
  font-size: 22px;
  margin-bottom: 15px;
}
.sub-section-content,
.sub-section-list {
  padding-left: 40px;
  padding-right: 50px;
  margin-bottom: 10px;
}
.sub-section-list li {
  margin-bottom: 5px;
}
.img-upload {
  width: 100%;
  margin-top: 30px;
}
.img-upload.img-upload-list {
  position: relative;
}
.img-upload .button-list,
.img-upload .options-list {
  display: none;
}
.img-upload.img-upload-list .options-list {
  position: absolute;
  top: -30px;
  left: 0;
  display: block;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.img-upload .options-list .button-chevron,
.img-upload .options-list .button-icon {
  display: inline-block;
  vertical-align: middle;
}
.img-upload .options-list .button-chevron {
  vertical-align: sub;
}
.img-upload .options-list .button-chevron svg {
  width: 10px;
}
.img-upload.img-upload-list .button-list {
  display: block;
  position: absolute;
  top: -30px;
  left: 50px;
  border: 1px solid #ddd;
  border-radius: 7px;
  line-height: 10px;
}
.dropdown-listing button,
.img-upload.img-upload-list button {
  border: 0;
  height: 25px;
  padding-left: 9px;
  padding-right: 9px;
  background-color: transparent;
}
.img-upload.img-upload-list button:focus {
  outline: 0;
}
.img-upload.img-upload-list button svg {
  width: 15px;
}
.dropdown-listing {
  position: absolute;
  top: 0;
  right: 5px;
  width: 60px;
  user-select: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 2px;
  background-color: #fff;
  z-index: 9;
}
.dropdown-listing ul li a {
  margin: 0;
}
.dropdown-listing ul.dropdown-menu > li > a:hover {
  background-color: #f5f5f5;
  color: #333;
}
.dropdown-listing button div {
  display: inline-block;
  vertical-align: middle;
}
.dropdown-listing button svg {
  width: 15px;
}
.dropdown-listing ul.toolbar.dropdown-menu {
  right: 0;
  left: inherit;
}
.dropdown-listing .heading-dropdown .button-chevron,
.dropdown-listing .heading-dropdown .button-icon {
  display: inline-block;
  vertical-align: middle;
  transition: 0.3s ease all;
}
.dropdown-listing .heading-dropdown .button-chevron svg {
  width: 10px;
}
.docs_app .preview_pane_ctrl i {
  padding: 0;
}
.compose_mail-footer {
  background-color: #fff;
  padding: 10px 0;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: -40px;
  text-align: center;
}
.compose_mail-footer span {
  border-radius: 50%;
  color: #cacaca;
  cursor: pointer;
}
.compose_mail-footer span:hover {
  color: #969696;
}
.Doc_navigation {
  padding: 0;
}
.Doc_navigation .k-tabstrip-wrapper {
  float: none;
}
#email_sidebar {
  overflow: visible;
}
.gmail-labels {
  float: right;
  margin-left: 20px;
  border: 1px solid #f1f3f5;
  padding: 0 10px;
  border-radius: 10px;
  background-color: #f1f3f5;
  color: #707171;
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  li
  > ul
  li
  div
  .k-state-selected
  .gmail-labels {
  color: #fff;
}
.treeview-heading h3 {
  display: inline-block;
  padding: 0;
  color: #a8aebe;
  margin-top: 10px;
  text-transform: uppercase;
}
.treeview-heading {
  margin: 10px 0;
}
.addlabel {
  padding: 1px 0 0;
  margin-top: 5px;
}
.addlabel button {
  background-color: transparent;
  color: #a8aebe;
  padding: 0;
}
.addlabel button:hover {
  color: #a8aebe;
}
.MainMenu ul li .inner-submenu {
  display: none;
  float: right;
}
.MainMenu ul li:hover .inner-submenu {
  display: block;
}
.MainMenu .inner-submenu ul li {
  padding: 0;
  border: 0;
}
.inner-submenu ul li a {
  padding: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 100%;
  font-size: 11px;
}
.gmailcustomlabeltreeview .inner-submenu ul li a i {
  margin-right: 0;
}
.ColorPicker-cellsContainer {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}
.ColorPickerCell {
  border-radius: 2px;
  display: inline-flex;
  justify-content: center;
  opacity: 0.8;
}
.ColorPicker-cell {
  height: 16px;
  margin: 4px;
  width: 16px;
  line-height: 11px;
  color: #fff;
  fill: currentColor;
  border: 0;
  position: relative;
}
.ColorPicker-cell:hover {
  opacity: 1;
}
.icon-checked::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  font-size: 10px;
  position: absolute;
  content: "\f00c";
  line-height: 1.6;
  height: 14px;
  vertical-align: middle;
  left: 0;
  right: 0;
  text-align: center;
}
.ColorPickerCell-checkIcon {
  flex-grow: 1;
  height: 11px;
  margin: auto;
  width: 11px;
}
.ColorPickerCell--colorNone {
  background-color: #fff;
  color: #000;
  border: 1px solid #d3d3d3;
}
.ColorPickerCell--colorRed {
  background-color: #e8384f;
  color: #e8384f;
}
.ColorPickerCell--colorOrange {
  background-color: #fd612c;
  color: #fd612c;
}
.ColorPickerCell--colorYellowOrange {
  background-color: #fd9a00;
  color: #fd9a00;
}
.ColorPickerCell--colorYellow {
  background-color: #eec300;
  color: #eec300;
}
.ColorPickerCell--colorYellowGreen {
  background-color: #a4cf30;
  color: #a4cf30;
}
.ColorPickerCell--colorGreen {
  background-color: #62d26f;
  color: #62d26f;
}
.ColorPickerCell--colorBlueGreen {
  background-color: #37c5ab;
  color: #37c5ab;
}
.ColorPickerCell--colorAqua {
  background-color: #20aaea;
  color: #20aaea;
}
.ColorPickerCell--colorBlue {
  background-color: #4186e0;
  color: #4186e0;
}
.ColorPickerCell--colorIndigo {
  background-color: #7a6ff0;
  color: #7a6ff0;
}
.ColorPickerCell--colorPurple {
  background-color: #aa62e3;
  color: #aa62e3;
}
.ColorPickerCell--colorMagenta {
  background-color: #e362e3;
  color: #e362e3;
}
.ColorPickerCell--colorHotPink {
  background-color: #ea4e9d;
  color: #ea4e9d;
}
.ColorPickerCell--colorPink {
  background-color: #fc91ad;
  color: #fc91ad;
}
.ColorPickerCell--colorCoolGray {
  background-color: #8da3a6;
  color: #8da3a6;
}
ul.dropdown-menu.dropdown-menu-outer li {
  margin: 0;
}
ul.dropdown-menu.dropdown-menu-outer li:hover > ul.dropdown-menu {
  display: block;
  top: -1px;
  left: 99%;
}
ul.dropdown-menu.dropdown-menu-outer li a {
  margin: 0;
  padding: 3px 15px;
}
ul.dropdown-menu.dropdown-menu-outer li i {
  float: right;
  line-height: 25px;
  font-size: 20px;
}
.mail-count {
  float: right;
}
a.show_leftMav {
  margin-top: 0;
  padding-top: 4px;
  height: 30px;
  width: 30px;
  fill: #fff;
}
.email_list_toolbar_ctrl .k-toolbar div#list_checkbox_ctrl_wrapper {
  margin-top: -5px;
  margin-left: -4px;
}
.email_list_toolbar_ctrl
  .k-toolbar
  .k-split-button#list_checkbox_ctrl_wrapper
  .k-split-button-arrow {
  margin: 3px 0 0 15px;
}
.orgMenu #OptionSubMenu li .k-link.profile:hover {
  background-color: transparent !important;
  cursor: auto;
}
.compose_mail-footer.compose-email-footer {
  box-shadow: -3px 1px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccd1d4;
  border-right: 0;
  border-top: 0;
}
.refresh_mails {
  border: 0;
  color: #848f99;
  background-color: transparent;
}
.refresh_mails:hover {
  color: #848f99;
  background-color: transparent;
}
#composeButton svg {
  fill: #a599d7;
  display: inline-block;
  vertical-align: middle;
}
#composeButton svg:hover {
  fill: #fff;
}
.new-caseiq-header .caseiq-container .caseiq-dropdown > li a.emails-pending {
  line-height: 12px;
}
.emails-pending svg {
  width: 17px;
  stroke: #fff;
  fill: #fff;
}
.pending-email_listings .popover_compact {
  display: block;
  opacity: 1;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  visibility: hidden;
  background: #fff !important;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  width: 310px;
  max-width: inherit;
  box-sizing: border-box;
  padding: 0;
  top: 48px;
  left: initial;
  right: 0;
}
.popover_compact.active {
  visibility: visible;
}
.pending-email_listings .popover_compact:before {
  top: 0;
  right: 12px;
  left: initial;
  background-color: #f1f1f1;
}
.pending-email_listings .pending-workflow-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.pending-email_listings .popover_compact li.popup-heading-main {
  padding: 5px 20px !important;
  text-transform: uppercase !important;
  background: #f1f1f1;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  color: #676a6c;
}
.pending-email_listings .pending-workflow-list li {
  position: relative;
  font-size: 12px;
  padding: 0;
  border-bottom: 1px solid #ccc;
  text-transform: none;
  width: 100%;
  font-weight: 500;
  float: left;
  letter-spacing: 0;
}
.new-caseiq-header .popover_compact .pending-workflow-list li a {
  float: right;
  font-size: 12px;
  font-weight: 400;
  width: 100%;
  padding: 10px 20px 20px;
  box-sizing: border-box;
  color: #000;
}
.pending-email_listings .pending-workflow-list li h5 {
  width: 80%;
  display: inline-block;
  margin: 5px 0;
  font-size: 14px;
  color: #333;
  font-weight: 600;
}
.pending-email_listings .pending-workflow-list li p {
  color: #999;
}
.pending-email_listings .pending-workflow-list li span {
  display: inline-block;
}
.pending-email_listings .pending-workflow-list li .email-data-main {
  width: 100%;
  color: #333;
}
.pending-email_listings
  .pending-workflow-list
  li
  .email-data-main
  .email-count-data {
  width: 50%;
  float: left;
}
.pending-email_listings
  .pending-workflow-list
  li
  .email-data-main
  .email-count-data
  .email-count {
  display: inline-block;
  font-size: 30px;
}
.pending-email_listings
  .pending-workflow-list
  li
  .email-data-main
  .email-count-data
  h2 {
  font-size: 13px;
  margin: 0;
  font-weight: 400;
}
#mailSearchHeader-list {
  padding: 0;
  max-width: 700px;
}
#mailSearchHeader-list.k-popup .k-list .k-item {
  padding: 5px 10px 5px 45px;
  border: 0;
  border-left: 3px solid transparent;
  border-radius: 3px 0 0 3px;
}
#mailSearchHeader-list.k-popup .k-list .k-item div#selectToSeeEmailDetails {
  position: relative;
}
#mailSearchHeader-list.k-popup
  .k-list
  .k-item
  div#selectToSeeEmailDetails
  i.fas.fa-envelope {
  position: absolute;
  left: -31px;
  color: #999;
  top: 6px;
}
#mailSearchHeader-list.k-popup
  .k-list
  .k-item
  div#selectToSeeEmailDetails
  a.selectToSeeEmailDetails {
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 55px);
  display: block;
  text-overflow: ellipsis;
}
#mailSearchHeader-list.k-popup
  .k-list
  .k-item
  div#selectToSeeEmailDetails
  .search_date {
  float: right;
}
#mailSearchHeader-list.k-popup .k-footer {
  padding: 10px;
  text-align: center;
  border-top: 1px solid #c3c9cf;
}
.mail-header-wrapper .mail-subject-wrapper .pill_ctrl {
  float: left;
  padding: 0 15px 0 0;
  margin: 0 0 4px 4px;
}
.mail-header-wrapper .mail-subject-wrapper .pill_ctrl a {
  font-size: 11px;
  padding: 0 5px 0 6px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
  float: left;
}
.mail-header-wrapper .mail-subject-wrapper .pill_ctrl a.remove_pill {
  padding: 0 6px 0 5px;
  position: absolute;
  top: 0;
  right: 0;
}
.discard-message {
  margin-top: 20px;
}
.discard-message button {
  background-color: #e6e6e6;
}
.left-menu-spacing {
  list-style-type: none;
  padding: 0;
}
.left-menu-spacing li {
  padding: 5px 15px;
}
.left-menu-spacing li:hover {
  background-color: #f9fafc;
  color: #38393d;
}
.label-listing {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.label-listing li {
  position: relative;
}
.label-listing li.active,
.label-listing li:hover {
  background-color: #f9fafc;
  border-radius: 0;
}
.label-listing li a {
  display: block;
  color: #b6bac1;
  font-size: 14px;
}
.label-listing li:hover a {
  color: #38393d;
}
.gray_900_color ul.left-menu-spacing > li {
  border-left: 0 solid transparent;
  cursor: pointer;
  color: #a599d7;
  font-weight: 400;
  padding-left: 25px;
  padding-right: 25px;
  clear: both;
}
.gray_900_color .left-menu-spacing > li:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
  border-radius: 0;
  border-left: 3px solid #fff;
}
.gray_900_color .left-menu-spacing > li > a {
  color: #b6bac1;
  display: block;
}
.gray_900_color .left-menu-spacing > li:hover > a {
  color: #fff;
}
.gray_900_color .label-listing.left-menu-spacing > li:hover {
  background-color: transparent !important;
  color: #818591 !important;
  border-left: 0 !important;
}
.gray_900_color .label-listing.left-menu-spacing > li > div {
  cursor: pointer;
  color: #818591;
}
.gray_900_color .label-listing.left-menu-spacing > li > div:hover {
  background-color: #e7e7ec !important;
  color: #fff !important;
  border-radius: 0;
}
.gray_900_color .left-menu-spacing > li.go_back {
  margin-left: -20px;
}
.gray_900_color .left-menu-spacing li.menu_group {
  cursor: inherit;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 25px 3px 12px;
  border-top: 1px solid rgba(90, 90, 90, 0.3);
  margin-top: 16px;
}
.gray_900_color .left-menu-spacing li.menu_group:first-of-type {
  border-top: 0;
}
.gray_900_color .left-menu-spacing li.menu_group:hover {
  color: #a599d7 !important;
  background-color: transparent !important;
  border-radius: 0;
  border-left: 3px solid transparent;
}
.gray_900_color .sideMenu_bottom_links ul.bottom_links > li a {
  border-top: 3px solid transparent;
}
.gray_900_color .sideMenu_bottom_links ul.bottom_links > li a.active,
.gray_900_color .sideMenu_bottom_links ul.bottom_links > li:hover a {
  background-color: rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
  border-radius: 0;
  border-top: 3px solid #fff;
}
div#labels-listing .treeview-heading {
  border-top: 1px solid #5a5a5a;
  padding-top: 10px;
}
.collapse-label {
  position: relative;
  cursor: pointer;
}
span.collapse-label:before {
  content: "";
  border: 6px solid transparent;
  border-left: 6px solid #818591;
  transition: all 0.8s;
  position: absolute;
  top: 4px;
  left: -30px;
}
span.collapse-label.open:before {
  transform: rotate(90deg);
}
.drag-icon {
  cursor: move;
  display: none;
}
.label-listing li:hover .drag-icon {
  display: block;
}
.drag-icon:after {
  position: absolute;
  content: "\2807";
  top: 3px;
  left: -10px;
  font-size: 18px;
}
.drag-icon:before {
  position: absolute;
  content: "\2807";
  top: 3px;
  left: -15px;
  font-size: 18px;
}
.btn.active,
.btn:active {
  box-shadow: none;
}
.backtomainmenu {
  cursor: pointer;
}
.email-header {
  background-color: #303b42;
  width: 100%;
  display: inline-block;
}
.email-header-inner {
  float: left;
  width: 100%;
}
.search-bar.pull-left {
  width: auto;
}
.header-menu li,
.menu-right-section-list li,
.right-nav li {
  display: inline-block;
  vertical-align: middle;
}
.gmail-list li a,
.header-menu li a,
.menu-right-section-list li a {
  display: block;
  padding: 8px 10px;
  font-size: 14px;
  color: #fff;
  line-height: 15px;
}
.gmail-list li a:hover,
.header-menu li a:hover,
.header-menu li.active a,
.menu-right-section-list li a:hover {
  background-color: #516477;
  text-decoration: none;
  border-radius: 5px;
}
#side-menu li a:hover,
.menu-right-section-list li:first-child a:hover {
  background-color: rgba(98, 100, 167, 0.25);
}
.gmail-list li a:focus,
.header-menu li a:focus,
.menu-right-section-list li a:focus {
  background-color: transparent;
  text-decoration: none;
}
.gmail-list li a.emails-pending {
  line-height: 10px;
}
.menu-right-section-list .nav .open > a,
.menu-right-section-list .nav .open > a:focus,
.menu-right-section-list .nav .open > a:hover {
  background-color: transparent;
}
.menu-right-section-list li svg {
  fill: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
}
.menu-right-section-list li i.fa.fa-angle-down {
  vertical-align: middle;
}
.right-nav {
  list-style-type: none;
  padding: 0;
}
h2.site-logo-wrapper {
  margin: 4px 0 0;
  line-height: 18px;
}
.site-logo-wrapper a {
  display: block;
  line-height: 15px;
}
.right-search-bar {
  display: inline-block;
  width: calc(100% - 200px);
  vertical-align: middle;
}
.compose-email.refresh {
  display: inline-block;
}
.menu-right-section-list ul.dropdown-menu li {
  display: block;
}
.menu-right-section-list ul.dropdown-menu li a {
  color: #333;
}
.menu-right-section-list ul.dropdown-menu li a:hover {
  background-color: transparent;
}
span.user-name {
  display: inline-block;
  line-height: 12px;
  vertical-align: middle;
}
.menu-right-section-list li ul.nav.navbar-nav li a.dropdown-toggle:hover {
  background-color: transparent;
}
.menu-right-section-list li ul.nav.navbar-nav li a.dropdown-toggle:after {
  width: 1px;
  height: calc(100% + 10px);
  position: absolute;
  background-color: #fff;
  content: "";
  top: -5px;
  left: -4px;
}
.preview-manage {
  margin-right: 10px;
}
.email-header:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 100%;
  bottom: -1px;
  left: 0;
  display: none;
}
ol.sortable {
  margin: 0;
  padding: 0;
}
ol.sortable li:hover {
  background-color: transparent;
}
ol.sortable ol {
  margin: 0 0 0 15px;
  padding: 0;
  list-style-type: none;
}
ol.sortable li {
  padding: 0;
}
ol.sortable ol li:hover {
  background-color: transparent;
}
ol.sortable li div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px 4px;
}
.ui-sortable-helper,
.ui-sortable-helper div {
  background-color: rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
}
ol.sortable li div:hover {
  background-color: #f9fafc;
}
ol.sortable .fa-grip-vertical:hover {
  cursor: pointer;
}
.docs-header-bar {
  padding: 5px 7px;
  height: auto;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  float: left;
  display: inline-block;
  width: 100%;
  margin-left: -1px;
}
.docs-right-section {
  background-color: #efefef;
  padding: 0;
  height: calc(100vh - 75px);
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.docs-right-section .footer_info_bar {
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(100% - 310px);
  height: 30px;
  background-color: #f8f8f8;
  border-top: 1px solid #e5e5e5;
}
.docs_app {
  width: 100%;
  height: 100%;
  background-color: #f9f8f7;
  transition: width 0.5s;
}
.docs-right-section .right-section-wrapper {
  width: 100%;
  clear: both;
  background-color: #f9f8f7;
}
.docs_app.open + .app_col_three {
  width: 100%;
}
#wrapper .docs-right-section .right-section-wrapper > .app_col_three {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  transition: none;
  -webkit-transition: none;
  height: auto;
}
#wrapper
  .docs-right-section
  .right-section-wrapper
  > .app_col_three.editorFullWidth {
  width: 100%;
}
#wrapper
  .app_col_three
  .custom_scrollbar_third_column_fix.doc_custom_scrollbar_third_column_fix {
  min-height: 100vh;
  height: auto;
}
.docs-right-section.doc-editor .docs-heading {
  padding: 15px;
  font-weight: 400;
  font-size: 25px;
  line-height: 35px;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
}
#editor {
  min-height: 150px;
  resize: vertical;
  outline: 0;
}
.docs_app.pull-left.open {
  display: none;
}
.docs-right-section.doc-editor
  .custom-editor
  .dropdown-listing
  ul.dropdown-menu {
  left: inherit;
  right: 0;
  border-radius: 3px 0 3px 3px;
  margin-top: 15px;
}
.docs-right-section.doc-editor
  .custom-editor
  .dropdown-listing
  .heading-dropdown.arrowUpDown
  .button-chevron
  svg {
  transform: rotate(-180deg);
}
.docs-right-section.doc-editor .custom-editor {
  position: relative;
  width: 100%;
  clear: both;
  min-height: 30px;
}
.docs-right-section.doc-editor .heading-box {
  background-color: #e8384f;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  vertical-align: text-top;
  line-height: 14px;
  height: 34px;
  width: 37px;
}
.docs-right-section.doc-editor .docs-name {
  font-weight: 600;
}
.docs-right-section.doc-editor .docs-header-bar .common_toolbar_icon_ctrl {
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 0;
}
.docs-right-section.doc-editor
  .docs-header-bar
  .common_toolbar_icon_ctrl:hover {
  background-color: #f5f5f5;
  border: 1px solid #ccd1d4;
}
.docs-right-section.doc-editor .docs-header-bar i {
  cursor: pointer;
  color: #5f6368;
  line-height: 27px;
}
.docs-right-section.doc-editor
  .docs-header-bar
  .common_toolbar_icon_ctrl:hover
  > i {
  color: #000;
}
#wrapper .tab_innr_ctrl {
  padding: 15px;
}
.docs-inbox-listing {
  padding-left: 22px;
}
.docs-inbox-listing li ul {
  padding-left: 15px;
}
.docs-inbox-listing li {
  list-style-type: none;
}
.docs-inbox-listing li a {
  cursor: pointer;
  color: #818591;
  font-size: 14px;
  line-height: 18px;
  display: block;
  padding: 5px;
  border-radius: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.docs-inbox-listing li a:hover {
  background-color: rgba(98, 100, 167, 0.8);
  color: #fff;
}
.editor-actions {
  margin-top: 15px;
}
.docs-load-img {
  font-size: 250px;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 176px);
  line-height: 250px;
}
.docs-load-img .far {
  opacity: 1;
  font-size: 90px;
  color: #f3f3f4;
}
.docs-load-img p {
  margin-top: 6px;
  font-size: 17px;
  color: #9fa5ae;
}
.docs-inbox-listing .doc-content-heading > a {
  font-weight: 700;
}
.docs-inbox-listing .doc-content-heading {
  position: relative;
}
.docs-inbox-listing .doc-content-heading.collapseable:after {
  position: absolute;
  content: "\e258";
  top: 5px;
  left: -20px;
  font-family: "Glyphicons Halflings";
}
li.doc-content-heading.collapseable.open:after {
  content: "\e259";
}
.docs-right-section.default-doc {
  background-color: #fff;
}
.header-search-bar {
  width: 60%;
  padding: 8px 0;
  text-align: right;
  margin: 0 auto;
}
.header-search-bar .custom-search-wrapper {
  margin-left: 244px;
  width: 100%;
  background-color: #edebe9;
  max-width: 705px;
}
.header-search-bar .custom-search-wrapper.highlighter {
  background-color: #fff;
}
.header-search-bar button {
  background-color: transparent;
  padding: 7px;
  fill: #fff;
  margin: 0 4px;
  line-height: 25px;
}
.header-search-bar button span {
  font-weight: 900;
  position: relative;
}
.header-search-bar input[type="text"] {
  background-color: transparent;
  border: 0;
  width: 100%;
  box-shadow: none;
  color: #333;
  padding: 5px 32px 5px 5px;
  font-size: 15px;
}
.header-search-bar .search-filter {
  position: absolute;
  right: -2px;
  top: 4px;
  width: 28px;
  height: calc(100% - 2px);
  text-align: center;
  z-index: 9;
  line-height: 26px;
  color: #848f99;
}
.editor-wrapper {
  font-weight: 700;
  margin-top: 0;
  width: calc(100% - 70px);
  display: block;
}
p.editor-wrapper {
  font-weight: 400;
}
div.editor-wrapper {
  padding-left: 10px;
  font-weight: 400;
}
ol.editor-wrapper {
  padding-left: 22px;
  font-weight: 400;
  margin-bottom: 16px;
}
ul.editor-wrapper {
  font-weight: 400;
  margin-bottom: 16px;
  -webkit-padding-start: 25px;
  -moz-padding-start: 22px;
}
ul.editor-wrapper ul.second-level {
  list-style-type: circle;
}
ul.editor-wrapper ul ul.third-level {
  list-style-type: square;
}
ol.editor-wrapper ol.second-level {
  list-style-type: lower-latin;
}
ol.editor-wrapper ol ol.third-level {
  list-style-type: lower-roman;
}
h1.editor-wrapper {
  border-bottom: 1px solid rgba(37, 36, 35, 0.2);
  padding-bottom: 5px;
  color: #6264a7;
}
h1.editor-wrapper,
h2.editor-wrapper,
h3.editor-wrapper,
h4.editor-wrapper,
h5.editor-wrapper,
h6.editor-wrapper {
  margin-top: 10px;
}
.editor-wrapper .editor-link {
  position: relative;
  margin: 10px 0;
}
.editor-wrapper .editor-link .editor-link-popup {
  background: #333;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  left: 0;
  bottom: calc(100% + 8px);
  color: #fff;
}
.editor-wrapper .editor-link .editor-link-popup:after {
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #333 transparent transparent;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px);
  content: "";
}
.editor-wrapper .editor-link a {
  display: block;
  font-weight: 400;
}
.editor-wrapper .editor-link-popup span {
  font-weight: 400;
  padding: 0 5px;
  color: #20aaea;
}
.editor-wrapper .editor-link-popup span a {
  color: #20aaea;
  display: inline;
  text-decoration: underline;
}
.editor-wrapper .editor-link-popup i {
  padding: 0 5px;
}
.editor-wrapper .editor-link-popup span:before {
  content: "\f0c1";
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  padding-right: 5px;
}
.heading-dropdown .dropdown-menu > li > a {
  margin: 0;
  padding: 5px 20px;
  border-radius: 0;
  color: #333;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.heading-dropdown .dropdown-menu > li > a i {
  padding: 0 10px 0 0;
}
.heading-dropdown .dropdown-menu > li > a i svg {
  fill: #333333;
}
.heading-dropdown .dropdown-menu > li > a:hover i svg {
  fill: #333333;
}
.heading-dropdown .dropdown-menu > li > a:hover {
  background-color: #f5f5f5;
  color: #333;
}
.selectedDraggableEmails.ui-draggable-dragging {
  padding: 8px 10px !important;
  position: fixed !important;
  width: 25%;
  max-width: 250px;
}
.custom_email_sidebar
  .k-treeview
  ul.k-group.k-treeview-lines
  > li
  .k-in
  .dropdown.preview_pane_ctrl.cntxt_menu {
  display: none;
  line-height: 6px;
  right: 15px;
  top: 17px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.custom_email_sidebar
  .k-treeview
  ul.k-group.k-treeview-lines
  > li
  .k-in:hover
  .dropdown.preview_pane_ctrl.cntxt_menu {
  display: block;
}
.custom_email_sidebar
  .k-treeview
  ul.k-group.k-treeview-lines
  > li
  .k-in:hover
  .dropdown.preview_pane_ctrl.cntxt_menu
  i {
  font-size: 17px;
}
.custom_email_sidebar
  .k-treeview
  ul.k-group.k-treeview-lines
  > li
  .k-in:hover
  .dropdown.preview_pane_ctrl.cntxt_menu
  button.dropdown-toggle {
  line-height: 3px;
}
#docTreeViewRoot .dot,
.docTreeView_parent ul.k-group.k-treeview-lines li .dot {
  height: 3px;
  width: 3px;
  background-color: #bbb;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}
.docTreeView_parent ul.k-group.k-treeview-lines li {
  margin: 0;
  padding: 0;
}
.docTreeView_parent
  ul#docTreeView.k-group.k-treeview-lines
  li:first-child
  > div
  > .k-icon {
  top: 9px;
}
.docTreeView_parent .k-widget.k-treeview span.k-icon {
  position: absolute;
  top: 7px;
  left: -15px;
  color: #fff;
}
.docTreeView_parent .k-widget.k-treeview .k-bot,
.docTreeView_parent .k-widget.k-treeview .k-icon + .k-in,
.docTreeView_parent .k-widget.k-treeview .k-in {
  padding-left: 0 !important;
}
.docTreeView_parent .k-widget.k-treeview ul.k-group {
  padding-left: 15px;
}
.docTreeView_parent {
  padding: 0 15px;
}
.docTreeView_parent ul {
  list-style-type: none;
}
.docTreeView_parent ul span.doc-title {
  font-size: 17px;
  color: #b5b5b5;
}
.docTreeView_parent .k-widget.k-treeview .k-state-selected {
  background: rgba(0, 0, 0, 0.2);
}
a.new-section {
  color: #5f6368;
  margin-left: 15px;
}
a.new-section svg#Capa_1 {
  width: 16px;
  height: 16px;
  fill: rgba(0, 0, 0, 0.5);
  margin-top: 7px;
  vertical-align: text-bottom;
  margin-right: 2px;
}
emd.editor-wrapper img,
iw.editor-wrapper iframe {
  padding-left: 10px;
}
emd.editor-wrapper {
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 10px;
}
emd.editor-wrapper:focus img {
  outline: 2px solid blue;
}
iw.editor-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}
.heading-dropdown .dropdown-menu > .active > a,
.heading-dropdown .dropdown-menu > .active > a:focus,
.heading-dropdown .dropdown-menu > .active > a:hover {
  background-color: #f5f5f5 !important;
  color: #333 !important;
}
.heading-dropdown .dropdown-menu > .active > a i svg {
  fill: #333333 !important;
}
#imageFullScreen .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  background-color: #000;
}
#imageFullScreen .modal-dialog {
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
#imageFullScreen .modal-dialog .modal-header {
  background-color: #fff;
}
#imageFullScreen .modal-dialog .modal-body-content-custom {
  height: calc(100% - 51px);
}
#imageFullScreen .modal-dialog .modal-body {
  height: 100%;
  background: #fff;
}
#imageFullScreen .modal-dialog .modal-body img {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.notification-popup {
  background-color: #444 !important;
  z-index: 999999999;
  position: absolute;
}
.notification-popup .hide_notification,
.notification-popup .hide_notification .fas {
  color: #fff !important;
}
.notification-popup .notification-undo {
  color: #a599d7 !important;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 10px;
}
.notification-popup .lab_1 {
  text-transform: none !important;
}
.table-wrapper {
  padding: 20px;
}
.additional-drop {
  position: relative;
}
.table-wrapper .addon-icon {
  width: 30px;
  height: 30px;
  -webkit-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
  background: #fff;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  font-size: 14px;
  transition: 0.4s ease all;
}
.table-wrapper li.addon-icon {
  opacity: 0;
  transform: scale(0);
}
.table-wrapper .additional-popup {
  width: 100%;
  transition: 0.1s ease all;
  position: absolute;
  left: 38px;
  top: 0;
}
.table-wrapper .additional-popup.active {
  width: 100%;
}
.table-wrapper .additional-popup.active li.addon-icon {
  transform: scale(1);
  opacity: 1;
}
.table-wrapper #additional-popup.active i:before {
  content: "\f00d";
}
.table-wrapper .table-list-grp {
  display: block;
  position: absolute;
  width: 185px;
  height: 210px;
  -webkit-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  padding: 10px;
  top: 10px;
  z-index: 100;
  background: #fff;
}
.table-wrapper .table-list-grp .table-list-row {
  display: flex;
}
.table-wrapper .table-list-grp .table-list-row .table-col-counts {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
}
.table-wrapper .table-list-grp .table-list-row .table-col-counts p {
  margin: 5px 0 0;
}
.table-wrapper .table-list-grp span.table-box {
  display: block;
  margin-right: 2px;
  margin-bottom: 2px;
  width: 15px;
  height: 15px;
  border: 1px solid #d1d1d1;
}
.table-wrapper .table-list-grp span.table-box.focus {
  background: rgba(58, 41, 92, 0.5);
  border-color: #9a79dc;
}
.table-wrapper .table-list-grp span.table-box:nth-child(10n) {
  margin-right: 0;
}
.table-wrapper .table-container {
  display: block;
  width: 100%;
}
.table-wrapper .table-container table {
  border: 1px solid #d1d1d1;
  margin: 20px 0;
}
.table-wrapper .table-container table td {
  border-bottom: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  padding: 5px 10px;
}
.table-wrapper .table-container table tr td:last-child {
  border-right: 0;
}
.table-wrapper .table-container table tr:last-child td {
  border-bottom: 0;
}
.editor-toolbar {
  display: inline-block;
}
.fa-bars.active + .editor-toolbar {
  margin-left: 10px;
}
.toolbar-inner {
  display: flex;
  align-items: center;
}
.toolbar-inner .btn-group {
  margin-right: 5px;
}
.toolbar-inner .btn-group .btn {
  padding: 2px 10px;
}
.toolbar-inner .btn-group .btn i {
  font-size: 14px;
}
.heading-drop {
  margin-right: 5px;
  background: #fff;
  border: 1px solid #ccd1d4;
  padding: 6px 30px 6px 15px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}
.heading-drop .fas {
  position: absolute;
  right: 12px;
  top: 3px;
  font-size: 12px;
}
.dropdown.open .heading-drop .fas:before {
  content: "\f077";
}
.toolbar-inner .heading-menu {
  padding: 10px 0;
}
.toolbar-inner .heading-menu li {
  padding: 6px 10px;
  border-bottom: 1px solid #d1d1d1;
}
.toolbar-inner .heading-menu li:hover {
  color: #6264a7;
}
.toolbar-inner .heading-menu li:first-child {
  padding-top: 0;
}
.toolbar-inner .heading-menu li:last-child {
  padding-bottom: 0;
  border: none;
}
.toolbar-inner .heading-menu li.heading-1 {
  font-size: 24px;
}
.toolbar-inner .heading-menu li.heading-2 {
  font-size: 22px;
}
.toolbar-inner .heading-menu li.heading-3 {
  font-size: 20px;
}
.toolbar-inner .heading-menu li.heading-4 {
  font-size: 18px;
}
.toolbar-inner .heading-menu li.heading-5 {
  font-size: 16px;
}
.toolbar-inner .heading-menu li.heading-6 {
  font-size: 14px;
}
.create-label-popup .form-group {
  margin-bottom: 0;
}
.create-label-popup .form-group .form-control {
  background: #fff;
  border-left: 2px solid #a599d7;
}
.create-label-popup .form-group .col-lg-12 {
  position: relative;
  margin-bottom: 20px;
}
.create-label-popup .form-group .col-lg-12:last-child {
  margin-bottom: 0;
}
.create-label-popup .form-group .col-lg-12 select {
  margin-top: 10px;
}
.create-label-popup .modal-footer {
  margin-top: 0;
}
.create-label-popup .ibox {
  margin-bottom: 0;
}
.create-label-popup .btn-primary {
  background: #008adf;
  border-color: #008adf;
  opacity: 1;
}
.create-label-popup .btn-primary:hover {
  background: #008adf;
  border-color: #008adf;
}
.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
}
.vertical-align-center {
  display: table-cell;
  vertical-align: middle;
}
.modal-content {
  width: inherit;
  height: inherit;
  margin: 0 auto;
}
.emailassignees {
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
}
.emailassignees .emailLabels {
  padding: 0 5px 0 6px;
}
.emailassignees .selectstatus {
  background-color: #ddd;
  border: none;
  vertical-align: top;
}
.emailassignees .selectstatus:focus {
  border: none;
}
.emailassignees .pill_ctrl {
  top: -4px;
  margin: 0;
}
.assigneelabels ol.sortable.email_labels_list li div {
  padding: 5px;
  border-radius: 10px;
  margin-right: 10px;
}
.filter-dropdown-wrapper {
  width: calc(100% + 46px);
  padding: 25px;
  box-sizing: border-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(0, 0, 0, 0.12);
  top: 96%;
  border-top: 0;
  right: -6px;
  border-radius: 0 0 5px 5px;
}
.filter-dropdown-wrapper .form-group .form-control,
.filter-dropdown-wrapper .form-group .inline-form-control {
  border-left: 2px solid #a599d7;
  height: auto;
}
.filter-dropdown-wrapper .form-group .form-control:focus,
.filter-dropdown-wrapper .form-group .inline-form-control:focus {
  border-color: #a599d7 !important;
}
.filter-dropdown-wrapper .form-group .inline-form-control {
  width: 196px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-radius: 0;
}
.filter-dropdown-wrapper .form-group {
  position: relative;
  margin-bottom: 20px;
}
.filter-dropdown-wrapper .form-group:last-child {
  margin-bottom: 0;
}
.filter-dropdown-wrapper .form-group.no-border:after,
.filter-dropdown-wrapper .form-group:after {
  display: none;
}
.filter-dropdown-wrapper .form-group .form-control.k-dropdown {
  padding: 0;
  border-radius: 0;
}
.filter-dropdown-wrapper .form-group .form-control .k-dropdown-wrap,
.filter-dropdown-wrapper .form-group .inline-form-control .k-dropdown-wrap {
  background: 0 0;
  border: none;
}
.filter-dropdown-wrapper .form-group .inline-form-control .k-datepicker,
.filter-dropdown-wrapper .form-group .inline-form-control .k-dropdown {
  width: 100%;
  background: 0 0;
  border: none;
}
.filter-dropdown-wrapper .form-group .inline-form-control .k-picker-wrap,
.filter-dropdown-wrapper
  .form-group
  .inline-form-control
  .k-picker-wrap
  #datepickerFilter {
  background: 0 0;
  border: none;
  box-shadow: none;
}
.filter-dropdown-wrapper
  .form-group
  .inline-form-control
  .k-picker-wrap
  .k-select {
  border-color: rgba(0, 0, 0, 0.1);
}
.mail-header-wrapper .pill_ctrl a,
.mail-header-wrapper .pill_ctrl a.remove_pill {
  color: #fff;
}
.mail-header-wrapper .pill_ctrl {
  background: #949494;
}
.mail-header-wrapper .pill_ctrl a:hover {
  background: 0 0;
}
.custom_email_sidebar
  .k-treeview
  ul.k-group.k-treeview-lines
  > li
  .cntxt_menu
  i {
  font-size: 14px !important;
  color: #fff;
  top: 0 !important;
  margin-right: 0;
}
.assignee-popup {
  position: absolute;
  z-index: 9;
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  display: none;
  border: 1px solid #ccd1d4;
  display: none;
}
.assignee-popup .assignee-list {
  margin: 10px 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 162px;
}
.assignee-popup .assignee-list li {
  padding: 8px 10px 8px 0;
  list-style: none;
}
.assignee-popup .assignee-list li .user-name-icon {
  font-size: 14px;
  text-transform: uppercase;
  background: #999;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.assignee-popup .assignee-list li .user-info {
  display: inline-block;
  vertical-align: top;
}
.assignee-popup .assignee-list li .user-info .user-name {
  margin: 0;
  font-size: 18px;
}
.assignee-popup .assignee-list li .user-info .user-email {
  margin: 0;
  padding: 0;
}
.comment-email-assignee-popup {
  position: relative;
  z-index: 9;
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccd1d4;
  bottom: calc(100% + 4px);
  left: 0;
}
.comment-email-assignee-popup .assignee-list {
  margin: 10px 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 162px;
}
.comment-email-assignee-popup .assignee-list li {
  padding: 8px 10px 8px 0;
  list-style: none;
}
.comment-email-assignee-popup .assignee-list li .user-name-icon {
  font-size: 14px;
  text-transform: uppercase;
  background: #999;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.comment-email-assignee-popup .assignee-list li .user-info {
  display: inline-block;
  vertical-align: top;
}
.comment-email-assignee-popup .assignee-list li .user-info .user-name {
  margin: 0;
  font-size: 18px;
}
.comment-email-assignee-popup .assignee-list li .user-info .user-email {
  margin: 0;
  padding: 0;
}
.org_layout_icons {
  display: block;
}
ul.org_layout_icons > li:hover > ul.dropdown-menu {
  display: inline-block;
  right: -154px;
  position: absolute;
  max-width: 160px;
  left: auto;
  top: 5px;
  margin-right: -6px;
  margin-top: -6px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccd1d4;
  padding: 10px;
}
ul.org_layout_icons > li:hover > ul.dropdown-menu > li {
  display: inline-block;
}
ul.org_layout_icons > li:hover > ul.dropdown-menu > li .ColorPicker-cell {
  margin: 2px;
}
.preview_page_zoom_ctrl_widget {
  display: flex;
  float: right;
  top: 0;
  position: relative;
  margin: 10px 50px 10px 0;
  justify-content: center;
}
.range-slider {
  width: 170px;
  margin-top: 4px;
}
.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 4px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: 0;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 4px;
  height: 10px;
  background: #2c3e50;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range::-moz-range-thumb {
  width: 4px;
  height: 10px;
  border: 0;
  background: #2c3e50;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #1abc9c;
}
.range-slider__value {
  display: inline-block;
  position: relative;
  float: right;
  color: #5f6368;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 400;
  top: -17px;
  right: -70px;
}
::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}
.btn-increase {
  border: 0;
  height: 11px;
  margin-right: 4px;
}
.btn-decrease {
  border: 0;
  height: 11px;
  margin-left: 4px;
}
.node-wrapper .custom_lablel_orignal_name {
  cursor: pointer;
  color: #b6bac1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px 4px;
  display: flex;
  align-items: center;
  position: relative;
  border-left: none !important;
}
.preview_pane_ctrl.cntxt_menu {
  display: none;
}
.node-wrapper .custom_lablel_orignal_name:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
  border-radius: 0;
  border-left: 3px solid #fff;
}
.cntxt_menu i,
.node-wrapper .custom_lablel_orignal_name:hover .preview_pane_ctrl.cntxt_menu {
  display: block;
  color: #fff;
}
.docTreeView_parent .gmailcustomlabeltreeview.node-wrapper {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.node-wrapper .tree-node-inner-back {
  margin-bottom: 5px !important;
}
.node-wrapper .innertTextContent {
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 80%;
}
.node-wrapper .innertTextContent > svg {
  position: relative;
  top: 3px;
  width: 15px;
}
.node-wrapper .arrow-icon {
  margin: 0 5px 0 0;
  font-size: 16px;
  transition: all 0.3s;
}
.node-wrapper .arrow-icon.tilted {
  transform: rotate(45deg);
}
.dot {
  height: 3px;
  width: 3px;
  background-color: #bbb;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}
.tree-node-inner .preview_pane_ctrl button.dropdown-toggle {
  border: 0;
  outline: 0;
  box-shadow: none !important;
  background: 0 0 !important;
}
.tree-node-inner .cntxt_menu ul.dropdown-menu {
  margin: 5px 0 0;
  left: auto;
  right: auto;
  border-color: #d5dce0 !important;
  border-radius: 4px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.06);
  min-width: 175px;
}
.draggable-placeholder-inner {
  border: 1px dashed #0088f8;
  box-sizing: border-box;
  background: rgba(0, 136, 249, 0.09);
  color: #0088f9;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
}
.tree3 .tree-node-inner {
  border: none;
  padding: 0;
}
.tree3 .tree-node-inner-back:hover {
  background: #ddd;
}
.tree4 .tree-node-inner {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
  backgroud: #ccc;
}
.tree4 .draggable-placeholder-inner {
  background-color: #ff4500;
}
.email_list_toolbar_ctrl .navbar {
  margin-bottom: 0;
  min-height: 20px;
}
.email_list_toolbar_ctrl .navbar li > a {
  padding: 5px 10px;
  color: #5f6368;
  font-size: 14px !important;
  font-weight: 500;
}
.email_list_toolbar_ctrl .navbar li > a.label-icon {
  padding: 5px 17px;
}
.email_list_toolbar_ctrl .navbar [role="checkbox"] {
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 7px;
  height: 18px;
  width: 18px;
  border-radius: 100%;
  cursor: pointer;
  z-index: 999;
}
.email_list_toolbar_ctrl .navbar [role="checkbox"]::before {
  width: 18px;
  height: 18px;
}
.email_list_toolbar_ctrl .navbar span.caret {
  display: inline-block !important;
}
.email_list_toolbar_ctrl .dropdown-menu .grey-label > a {
  border-radius: 0 !important;
  font-weight: 500;
  color: #0e9aef;
  margin-top: 0;
}
.email_list_toolbar_ctrl .dropdown-menu .grey-label > a:hover {
  color: #0e9aef !important;
}
.email_list_toolbar_ctrl .dropdown-menu .grey-label {
  background: #f2f2f2;
}
.email_list_toolbar_ctrl .dropdown-submenu {
  position: relative;
}
.email_list_toolbar_ctrl .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.email_list_toolbar_ctrl .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.email_list_toolbar_ctrl .dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.email_list_toolbar_ctrl .dropdown-submenu.pull-left {
  float: none;
}
.email_list_toolbar_ctrl .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.email_list_toolbar_ctrl .nav li a:focus {
  color: #333 !important;
}
#label_dropdown_btn,
#move_to_dropdown_btn,
.filter_dropdown_btn {
  overflow: visible;
}
.label_dropdown_btn ul.layout_icons.dropdown-menu,
.move_to_dropdown_btn ul.layout_icons.dropdown-menu {
  overflow: hidden;
  min-width: 400px;
  right: -8px;
  left: auto;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccd1d4;
}
.label_dropdown_btn ul.layout_icons.dropdown-menu li a,
.move_to_dropdown_btn ul.layout_icons.dropdown-menu li a {
  position: relative;
  padding: 5px 35px;
  color: #333;
  font-size: 14px;
  width: 100%;
  display: inline-block;
}
.move_to_dropdown_btn ul.layout_icons.dropdown-menu li a {
  padding: 5px 15px;
}
.main_toolbar_ctrl .dropdown_search_ctrl {
  padding: 11px 12px 0;
  color: #333;
  font-size: 14px;
}
.main_toolbar_ctrl .seperator_dropdown_sec_ctrl {
  overflow-y: auto;
  max-height: 204px;
  padding-top: 10px;
  margin-top: 8px;
  margin-bottom: 7px;
  padding-left: 7px;
  padding-right: 7px;
}
.main_toolbar_ctrl .toolbar_dropdown_bottom_sec_ctrl {
  padding: 0;
  border-top: 1px solid #ececec;
}
.main_toolbar_ctrl .toolbar_dropdown_bottom_sec_ctrl li {
  box-sizing: content-box;
}
.label_dropdown_btn .layout_icons .toolbar_dropdown_bottom_sec_ctrl li a,
.move_to_dropdown_btn .layout_icons .toolbar_dropdown_bottom_sec_ctrl li a {
  padding: 10px 19px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #ececec;
  position: relative;
  display: inline-block;
  width: 100%;
}
.main_toolbar_ctrl .toolbar_dropdown_bottom_sec_ctrl li a i {
  color: #0e9aef;
  font-size: 14px;
  padding: 0 5px 0 0;
  opacity: 1;
}
.main_toolbar_ctrl .toolbar_dropdown_bottom_sec_ctrl li a i.dark-color-icon {
  color: #000 !important;
  opacity: 0.5 !important;
}
.main_toolbar_ctrl .list-filter {
  position: relative;
  margin-bottom: 2px;
}
.main_toolbar_ctrl .list-filter .textbox {
  border: 1px solid #ececec;
  border-radius: 8px;
  font-size: 14px;
  padding-left: 33px;
  padding-right: 5px;
  line-height: 23px;
  color: #333;
  margin-top: 7px;
  width: 100%;
}
.main_toolbar_ctrl .list-filter i.fas {
  color: #767676;
  left: 12px;
  margin-top: 4px;
  position: absolute;
  top: 30%;
  opacity: 0.7;
}
.filter_dropdown_btn .dropdown-menu li a {
  margin: 0;
  position: relative;
  padding: 5px 15px 5px 32px;
  color: #333;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}
.filter_dropdown_btn .dropdown-menu i.fas {
  position: absolute;
  top: 50%;
  left: 142px;
  transform: translate(0, -50%);
  color: #000;
  opacity: 0.5;
}
.filter_dropdown_btn .dropdown-menu li a.remove_all_filters,
.filter_dropdown_btn .dropdown-menu li a.remove_all_filters:hover {
  color: #e74c3c !important;
}
.filter_dropdown_btn a.ticked_filter_all_mail {
  position: relative;
  padding: 5px 15px 5px 32px;
  color: #333;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}
.filter_dropdown_btn a.ticked_filter_all_mail i {
  position: absolute;
  top: 10px;
  left: 11px;
  opacity: 0.5;
}
.filter_dropdown_btn .dropdown-menu {
  max-height: 545px;
  min-width: 187px;
}
.email_list_toolbar_ctrl .filter_all_dropdown_btn .dropdown-menu {
  min-width: 80px;
}
.email_list_toolbar_ctrl .filter_all_dropdown_btn li a {
  margin: 0;
  padding: 5px 15px 5px 32px;
}
.gray_900_color .treeview-heading h3 {
  color: #a599d7;
  padding-left: 12px;
  margin: 0;
}
.email_sidebar .gmailcustomlabeltreeview.node-wrapper {
  padding: 0 15px 0 23px;
}
.main_toolbar_ctrl .toolbar-pagination {
  float: right;
  margin-top: 2.5px;
  margin-right: 15px;
}
.main_toolbar_ctrl .toolbar-pagination label,
.main_toolbar_ctrl .toolbar-pagination strong {
  color: #5f6368;
  font-size: 12px;
  box-sizing: border-box;
  display: inline-block;
  font-weight: 400;
  margin-top: 2px;
  letter-spacing: 0.3px;
}
.main_toolbar_ctrl #list_pagination {
  float: right;
}
.main_toolbar_ctrl #list_pagination a {
  font-size: 15px;
  color: #767676;
  vertical-align: middle;
  display: inline-block;
}
#toolbar .email_toolbar .button_group_3 {
  padding: 0 14px;
}
.ps:hover > .ps__scrollbar-y-rail:hover {
  background: 0 0 !important;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background: 0 0 !important;
}
#email_sidebar #labels-listing .gmailcustomlabeltreeview i.glyphicon {
  padding-left: 3px;
  padding-right: 2px;
  font-size: 11px;
}
#list_pagination .dropdown-toggle {
  float: right;
}
#list_pagination .dropdown-menu {
  left: auto;
  right: 0;
  min-width: 110px;
}
#list_pagination .dropdown-menu li a {
  width: 100%;
  padding: 3px 10px;
  margin: 0;
}
.email_list_toolbar_ctrl .navbar-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-second-nav-cntrl .email-submenu-list {
  margin-top: 20px;
}
.sub-second-nav-cntrl .email-submenu-list .nav-tabs > li > a {
  padding: 7px 15px 6px;
  text-align: center;
  margin: auto;
}
.sub-second-nav-cntrl .email-submenu-list .nav-tabs > li {
  width: calc(100% / 3);
}
.settings_layout_group_ctrl .preview_pane_ctrl button.dropdown-toggle {
  width: auto;
}
.cntxt_menu_email_labels {
  cursor: pointer;
}
.organization_menu_main_ctrl
  ul.accordian_menu_list
  > li:hover
  .cntxt_menu_email_labels {
  display: block !important;
}
.settings_layout_group_ctrl .preview_pane_ctrl.open .dropdown-menu {
  display: block;
}
.iframe_ctrl {
  margin-bottom: 30px;
}
#replyWrapper .fr-box.fr-basic.fr-top .fr-wrapper,
#replyWrapper .fr-toolbar.fr-top {
  box-shadow: none;
}
.fr-toolbar {
  border-top: 2px solid #ccc;
}
.custom_email_sidebar .tree-node .tree-node-inner-back + .tree-node-children {
  margin-left: 0;
}
.docTreeView_parent .node-wrapper .custom_lablel_orignal_name {
  padding-left: 10px;
}
.docTreeView_parent .node-wrapper .custom_lablel_orignal_name > .fas {
  position: absolute;
  left: 5px;
}
.docsAccess .layout_icons.dropdown-menu {
  min-width: 150px;
}
.docsAccess .layout_icons.dropdown-menu > li > a {
  padding: 3px 15px;
}
.docsAccess .layout_icons .dropdown-submenu .dropdown-menu {
  margin: 0;
  width: auto !important;
  padding: 7px 5px;
  right: 0;
  min-width: auto !important;
  max-width: 122px !important;
  left: 100% !important;
}
.docsAccess .layout_icons .dropdown-submenu .dropdown-menu li {
  float: left;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.docsAccess .layout_icons li.dropdown-submenu:hover ul.dropdown-menu {
  display: block;
  left: auto;
  top: 0;
  right: -100%;
  margin: 0;
}
.docsAccess .layout_icons .dropdown-submenu .dropdown-menu li .ColorPickerCell {
  opacity: 0.9;
}
.docsAccess
  .layout_icons
  .dropdown-submenu
  .dropdown-menu
  li
  .ColorPickerCell:hover {
  opacity: 1;
}
.top-header .doc-title .cntxt_menu {
  display: inline-block;
  float: right;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 15px;
  cursor: pointer;
}
#left-pagination-button.disabled,
#right-pagination-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
span.emailForwardInfo {
  display: block;
  font-size: 14px;
}
.activeness {
  background-color: rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.table-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  flex-wrap: wrap;
}
.table-item {
  height: 15px;
  width: 15px;
  border: 1.5px solid#ccc;
  padding: 0;
  margin: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.table-item.selected {
  border-color: gold;
}
.table-menu li {
  padding: 0;
  font-size: 14px;
}
.table-menu li a {
  padding: 0;
  font-size: 14px;
}
.table-menu li a i {
  font-size: 16px;
  margin: 0 5px 0 0;
}
body.comfort_view_active
  .email_list_ctrl
  ul.inbox-listing-inner
  li
  .emailDetailsList {
  min-height: 62px;
}
.emptyEmailListing {
  text-align: center;
  padding: 15px;
  border: 1px solid#ddd;
}
.mail-reply-to .dropdown-menu i.fas {
  margin-right: 4px;
}
.filter-dropdown-wrapper .filter-button-search,
.filter-dropdown-wrapper .filter-button-search:focus {
  padding: 6px 12px !important;
}
.attachment-listings {
  list-style: none;
  display: inline-block;
  padding-right: 0;
}
.attachment-listings li {
  font-weight: 600;
  line-height: 2.5rem;
  width: calc(100% / 2 - 10px);
  display: inline-flex;
  background-color: #e6f0fa;
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 20px;
  float: left;
}
.attachment-listings li a.attachment-links {
  float: right;
  font-weight: 400;
  margin: 0 15px;
  color: #3a295c;
}
.attachment-listings .file-size {
  color: #666;
  font-weight: 400;
  margin-left: 10px;
}
.user_profile_main_ctrl > .preview_pane_ctrl:first-child {
  display: inline-block;
  float: left;
  margin: 0;
}
.user_profile_main_ctrl > .preview_pane_ctrl:nth-child(2) {
  float: left;
  margin: 10px -5px 0 5px;
}
.preview_pane_ctrl.open > ul.dropdown-menu {
  display: block;
}
.user-name-initial.open > ul.dropdown-menu {
  display: block;
}
.user_prof_dropdown.user_status ul.dropdown-menu li a {
  padding: 4px 20px 4px 12px;
  color: #252222;
  height: auto;
  width: 100%;
  align-items: center;
  display: inline-flex;
  min-height: 33px;
}
.user_prof_dropdown.user_status ul.dropdown-menu li a i {
  top: auto;
}
.user_prof_dropdown.user_status ul.dropdown-menu {
  min-width: 350px;
}
.user_prof_dropdown.preview_pane_ctrl ul.dropdown-menu li:last-child a {
  border-bottom: none;
}
.user_prof_dropdown ul.dropdown-menu li a i {
  color: #666;
}
.user_profile_main_ctrl ul.dropdown-menu li a i.status-online {
  color: #82bb05;
  font-size: 10px !important;
}
.user_profile_main_ctrl ul.dropdown-menu li a i.status-away {
  color: #fcd116;
}
.user_profile_main_ctrl ul.dropdown-menu li a i.status-dnd {
  color: #e81123;
}
.user_profile_main_ctrl ul.dropdown-menu li a i.status-invisible {
  color: #82bb05;
}
.user_profile_main_ctrl ul.dropdown-menu li a i.status-offline {
  color: #82bb05;
}
.user_profile_main_ctrl ul.dropdown-menu li a.active {
  color: #828282;
}
.user_profile_main_ctrl ul.dropdown-menu li a.active i {
  opacity: 1;
}
.user_prof_dropdown i.fa-ellipsis-v {
  padding: 7px 0;
}
.add_color_dropdown ul.dropdown-menu {
  max-width: 155px;
}
.edit_settings_custom_field_menu.dropdown-menu > li > a:hover {
  background-color: #2196f3;
  color: #fff;
}
.common-form-row-ctrl input[type="text"],
.common-form-row-ctrl select,
.common-form-row-ctrl textarea {
  padding: 8px 12px;
}
.manage-custom-project-status .status_sidebar {
  background-color: #f7f7f7 !important;
  width: 200px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
  float: left;
  left: 0;
  height: 100%;
  position: relative;
  color: #090909;
}
.manage-custom-project-status .status_sidebar .nav-pills a {
  color: #090909;
  padding: 10px 15px;
  border-radius: 0 4px 4px 0;
}
.manage-custom-project-status .status_sidebar .nav-pills li {
  background: 0 0;
}
.manage-custom-project-status ul.accordian_menu_list > li a {
  color: #090909;
}
.manage-custom-project-status .nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: #0e9aef;
  color: #fff;
}
.manage-custom-project-status .status_sidebar .new-template {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: center;
  padding: 20px 12px;
  color: #0e9aef;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
}
.manage-custom-project-status .status_sidebar .new-template.input-field {
  padding: 12px;
}
.manage-custom-project-status .status_main-content {
  padding: 25px;
  margin: 0 !important;
  float: left;
  position: relative !important;
  background: #fff;
  height: 100%;
  width: calc(100% - 200px) !important;
}
.manage-custom-project-status .modal-body {
  padding: 0;
  height: 500px;
}
.manage-custom-project-status .search input {
  border: none;
  width: 120px;
  display: inline;
  padding: 7px 5px;
  height: 25px;
}
.manage-custom-project-status .search-button {
  background: 0 0;
  vertical-align: baseline;
  padding: 0 0 0 10px;
}
.manage-custom-project-status .search {
  background-color: #fff;
  background-image: none;
  border: 1px solid #cdcdcd;
  border-radius: 1px;
  margin: 15px 10px;
  border-radius: 5px;
  max-height: 30px;
}
.manage-custom-project-status .search i {
  color: #9b9b9b;
}
.manage-custom-project-status .template-heading h3 {
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.manage-custom-project-status .template-heading i.fas {
  float: right;
  margin-top: 2px;
  color: #929292;
}
.manage-custom-project-status ul.accordian_menu_list > li {
  border-left: none;
}
.manage-custom-project-status ul.accordian_menu_list > li:hover {
  background: #e4e4e4;
}
.manage-custom-project-status
  ul.accordian_menu_list
  > li:hover
  .cntxt_menu_email_labels {
  display: block !important;
  color: #acacac;
}
.manage-custom-project-status .cntxt_menu_email_labels .fa-ellipsis-h {
  font-size: 14px;
}
.manage-custom-project-status .status_main-content .status-name {
  white-space: pre;
  margin: 0;
  font-weight: 600;
  display: inline-block;
}
.manage-custom-project-status .status_main-content .elem_circle {
  margin: 0 8px;
}
.manage-custom-project-status .list-item {
  margin: 10px 0;
  cursor: pointer;
  color: #333;
}
.manage-custom-project-status .list-item .item_inner_row_left {
  border: 1px solid #d6d6d6;
}
.manage-custom-project-status .list-item .taskRow {
  height: 30px;
}
.manage-custom-project-status .tab-content {
  margin: 40px 20px 40px 0;
}
.content-heading h2 {
  font-weight: 500;
  margin-left: 35px;
  font-size: 28px;
  color: #000;
}
.manage-custom-project-status .dropdown.task_dots_dropdown {
  right: 20px;
  top: -5px;
}
.manage-custom-project-status .taskRow:hover .dropdown.task_dots_dropdown {
  display: block;
}
.manage-custom-project-status .close-btn {
  position: absolute;
  right: 0;
  font-size: 28px;
  color: #000;
  margin: 15px;
  opacity: 1;
  z-index: 99;
}
.manage-custom-project-status .close-btn:focus {
  outline: 0;
}
.manage-custom-project-status .task_dots_dropdown .elem_circle {
  width: 12px;
  height: 12px;
  margin: 0;
  margin-right: 7px;
}
.manage-custom-project-status .dropdown.task_dots_dropdown ul.layout_icons {
  left: -8px;
  margin-top: 30px;
  z-index: 99;
}
.manage-custom-project-status .item_inner_row_left .fa-ellipsis-h:hover,
.manage-custom-project-status .task_dots_dropdown.open .fa-ellipsis-h {
  color: #0e9aef;
}
.manage-custom-project-status .footer-btns {
  text-align: center;
  margin-top: 25px;
}
.manage-custom-project-status .footer-btns .btn-done {
  background: #0e9aef;
  color: #fff;
  border-radius: 3px;
  padding: 8px 20px;
  margin: 0 auto;
}
.manage-custom-project-status .custom-status-input {
  padding: 10px;
  border: none;
  height: 25px;
}
.manage-custom-project-status .list-item .add_color_dropdown {
  display: block;
  top: 7px;
}
.manage-custom-project-status .list-item .add_color_dropdown span {
  color: #0e9aef;
}
.manage-custom-project-status.manage-custom .common-form-row-ctrl a {
  margin: 25px 0 15px 30px;
}
.manage-custom-project-status.manage-custom
  .status_main-content
  .common-form-row-ctrl {
  margin-bottom: 0;
}
#showManageCustom .status_sidebar .brand-nav a {
  display: flex;
  justify-content: start;
  align-items: center;
}
#showManageCustom .status_sidebar .brand-nav a span {
  display: flex;
  justify-content: center;
  align-items: center;
}
#showManageCustom .status_sidebar .brand-nav a span.field-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 25px;
  white-space: nowrap;
}
.custom-field-type.text {
  background: #e6e6e6;
  color: #a4a4a4;
  font-size: 10px;
  padding: 0 5px;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 6px;
  width: 33px;
  align-items: center;
}
.custom-field-type.number {
  background: #e6e6e6;
  color: #a4a4a4;
  font-size: 10px;
  padding: 0 5px;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 6px;
  align-items: center;
  width: 33px;
}
.custom-field-type.dropdown {
  background: #e6e6e6;
  color: #a4a4a4;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 6px;
  width: 33px;
  align-items: center;
}
.custom-field-type.dropdown span {
  background: #0e9aef;
  color: #a4a4a4;
  font-size: 10px;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 3px;
  height: 4px;
  width: 17px;
}
.custom-field-type.dropdown i {
  margin: 0;
}
#showManageCustom .nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: #e4e4e4;
  color: #090909;
  border-radius: 0;
}
#showManageCustom .nav-pills > li.active > a,
.nav-pills > li.active > a:focus .custom-field-type.text,
.nav-pills > li.active > a:hover {
  background: #c7c7c7;
  color: #090909;
}
.item_inner_row_left .custom-field-type {
  margin: 5px 10px;
  display: inline-block;
  vertical-align: unset;
  text-align: center;
}
.manage-custom-project-status
  .status_main-content
  .item_inner_row_left
  .status-name {
  width: 35%;
}
.manage-custom-project-status
  .status_main-content
  .item_inner_row_left
  .status-desc {
  font-size: 12px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  width: 50%;
  vertical-align: middle;
}
#showManageCustom .list-item .TaskName span {
  display: flex;
  justify-content: center;
  align-items: center;
}
#showManageCustom .list-item .TaskName span.status-desc {
  justify-content: flex-start;
}
#showManageCustom .list-item .TaskName {
  display: flex;
}
.manage-custom-project-status.project-status .status_main-content .elem_circle {
  margin: 5px 8px;
}
.new-field-wrapper .header {
  display: flex;
  justify-content: space-between;
  background: 0 0;
  align-items: center;
}
.new-field-wrapper .header .heading h2 {
  margin: 0;
  font-weight: 600;
  color: #000;
}
.manage-custom-project-status.project-status .tab-content {
  margin: 0 20px 40px 0;
}
.new-field-wrapper .header .go-back {
  flex-grow: 1.5;
}
.new-field-wrapper .header .heading {
  flex-grow: 2;
}
.new-field-wrapper .new-field-content {
  margin-top: 30px;
}
.project-status .new-field a {
  margin: 20px 0 15px 25px;
}
.project-status .new-field i {
  font-size: 13px;
}
.manage-custom-project-status.project-status .content-heading h2 {
  margin: 0;
  text-align: center;
  margin-bottom: 40px;
}
.manage-custom-project-status.project-status .repeat_custom_field_options_ctrl {
  max-height: none;
}
.manage-custom-project-status.project-status .modal-body {
  height: 550px;
}
.modal-footer-buttons {
  background-color: #f2f2f2;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: 0;
  padding: 12px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.cntxt_menu i,
.node-wrapper .custom_lablel_orignal_name:hover .preview_pane_ctrl.cntxt_menu {
  background: #2e214a;
  text-align: center;
  margin: 0 auto;
}
.preview_pane_ctrl.root_preview_pane_ctrl i {
  background: #3a295c;
  text-align: center;
  margin: 0 auto;
  padding: 5px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  height: 30px;
}
.conversation_ctrl .commnets_main_ctrl .comment_text {
  background-color: #e1e1e1;
  display: inline-flex;
  border-radius: 20px;
  padding: 7px 15px;
  max-width: 91%;
}
.conversation_ctrl .commnets_main_ctrl .comment_text .user_tagged {
  color: #2196f3;
  font-weight: 600;
  margin-right: 5px;
}
.conversation_ctrl .commnets_main_ctrl .comment_content {
  color: rgba(0, 0, 0, 0.7);
  padding: 0;
  display: inline-block;
  background: 0 0;
  border: none;
  font-size: 13px;
  margin: 0;
  white-space: normal;
}
#attachmentPreviewModel .modal-header .close {
  background: 0 0 !important;
  color: #000 !important;
}
.hide-arrows::-webkit-scrollbar {
  display: none;
}
.mail-header-wrapper #message_subject > i.starred,
.mail-header-wrapper #message_subject > i.unstarred {
  top: 0;
  margin: 0 2px 0 8px;
  font-size: 16px;
}
.edit-name-desc .modal-body {
  padding: 25px;
  height: 400px;
}
.edit-name-desc .modal-body .add_custom_fields_in_popup {
  display: block;
}
.edit-name-desc .modal-body .content-heading h2 {
  margin: 0;
  margin-bottom: 25px;
}
#showManageCustom .status_sidebar li.brand-nav a.add_new_option {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  color: #2196f3;
  padding: 15px 10px;
}
.manage-custom-project-status li.brand-nav:hover .dropdown.task_dots_dropdown {
  display: block;
}
.manage-custom-project-status .status_sidebar li.brand-nav .details_caret {
  right: 0;
  margin-top: 3px;
}
.create-label-popup .ui.selection.dropdown .menu .item {
  font-size: 12px !important;
}
.create-label-popup .ui.fluid.dropdown {
  margin-top: 15px;
}
.create-label-popup .ui.fluid.dropdown input.search {
  background: rgba(0, 0, 0, 0.04) !important;
}
#stystem-usage .border-spacing > .outer-row {
  border-radius: 6px !important;
}
.main_content_parent #mailComposeModal {
  width: 690px;
  left: calc(50% - 345px);
  overflow: hidden !important;
  display: none;
  justify-content: center;
  align-items: center;
}
.main_content_parent #mailComposeModal .modal-dialog {
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
}
.main_content_parent #mailComposeModal.fixed_position {
  width: 100%;
  height: 100%;
}
.mailComposeModal .input-stage .email-chips {
  position: absolute;
  margin-left: 25px;
}
.mailComposeModal .input-stage span.contact-chip {
  margin: 4px;
  background: rgba(193, 193, 193, 0.3);
  color: #525252;
  border-radius: 20px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
span.contact-chip span.header {
  background: #d4d4d4;
  padding: 2px 7px;
  border-radius: 12px;
  margin: -1px;
  color: #fff;
  margin-right: 4px;
  font-family: monospace;
}
span.contact-chip span.remove {
  color: #848484;
  margin: 0 8px;
  font-size: 16px;
  cursor: pointer;
}
.compose-message-footer .delete-n-send {
  list-style: none;
  display: flex;
  align-items: center;
}
.compose-message-footer .delete-n-send .n-delet {
  margin-right: 18px;
  color: #ff0800;
  opacity: 0.5;
  font-size: 16px;
  cursor: pointer;
}
.compose-message-footer ul.attch-n-delet {
  font-size: 16px;
}
.compose-message-footer li.characters {
  font-size: 16px;
  color: #0e9aef;
  font-weight: 600;
}
.compose-message-footer ul.attch-n-delet li:last-child {
  margin: 0 14px;
}
.compose-message-footer {
  background: #f5f5f5;
  border-top: 1px solid #ccc;
}
.fr-box.fr-basic .fr-element {
  border: none;
}
.mailComposeModal .fr-box.fr-basic.fr-top .fr-wrapper {
  border: none;
  max-height: 100% !important;
  overflow: hidden !important;
}
.mailComposeModal .compose-mail-message {
  border: none;
}
.mailComposeModal .modal-body {
  padding: 0;
}
.mailComposeModal .fr-toolbar.fr-top {
  border: none;
}
.mailComposeModal .input-stage.to-firststage {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.input-stage.to-firststage {
  display: flex;
  align-items: center;
}
.mailComposeModal .input-stage.to-firststage .k-textbox {
  width: 100%;
}
.email-recipient-popup.dropdown-menu {
  display: block;
  position: absolute;
  top: 30px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccd1d4;
}
.email-recipient-popup .recipient {
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 250px;
  width: 273px;
}
.email-recipient-popup .recipient li.recipient-list-item {
  list-style: none;
  padding: 8px 15px;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.email-recipient-popup .recipient li.recipient-list-item:hover {
  background-color: #f5f5f5;
}
.email-recipient-popup .recipient h2 {
  margin: 0;
  font-size: 14px !important;
  font-weight: 400;
  color: #333;
}
.email-recipient-popup .recipient i.fas {
  font-size: 22px;
  line-height: 22px;
  margin-right: 8px;
}
.textarea-wrapper {
  position: relative;
  display: flex;
  flex: 2;
  min-width: 35%;
}
#mailComposeModal.fullScreen .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
}
.main_content_parent #mailComposeModal.fullScreen {
  max-height: 100%;
}
.mailComposeModal.fullScreen .fr-box.fr-basic.fr-top .fr-wrapper {
  min-height: calc(100vh - 300px) !important;
  overflow: auto !important;
  max-height: calc(100vh - 300px) !important;
}
.doc-options .doc-options-wrapper {
  background: #fff;
  padding: 10px 0;
  border-radius: 3px;
  cursor: default;
  webkit-transform: translateY(0) translateZ(0);
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) translateZ(0);
  transition:
    opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:
    transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:
    transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.doc-options .color-picker-heading {
  color: #c3c3c3;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 24px;
  padding: 0 16px;
  text-transform: uppercase;
}
.doc-options .color-picker-wrapper {
  display: inline-block;
  width: 220px;
}
.doc-options .color-picker-item {
  -webkit-flex: 0 0 auto;
  cursor: pointer;
  flex: 0 0 auto;
  height: 32px;
  outline: 0;
  padding: 3px;
  width: 32px;
}
.doc-options .color-picker-item-inner {
  border-radius: 50%;
  height: 26px;
  position: relative;
  transition: all 0.15s;
  width: 26px;
}
.doc-options .color-picker-item-inner:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.doc-options .color-picker-item-inner.selected::after {
  border-radius: 50%;
  content: "";
  height: 28px;
  left: calc(50% - 16px);
  position: absolute;
  top: calc(50% - 16px);
  width: 28px;
}
.doc-options .list-item {
  background-color: #fff;
  color: #666;
  cursor: pointer;
  font-weight: 600;
  height: 26px;
  line-height: 26px;
  outline: 0;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-overflow: ellipsis;
  transition: all 0.15s;
  white-space: nowrap;
}
.doc-options .list-item:hover {
  background-color: #f1f1f1;
  color: #333;
}
.doc-options .dropdown-submenu:hover > .dropdown-menu {
  display: block;
  top: 0;
  left: 100%;
}
.doc-options
  .reverse-sub-menu-dropdown
  .dropdown-submenu:hover
  > .dropdown-menu {
  bottom: 0;
  top: auto;
}
.doc-options .list-item.dropdown-submenu {
  overflow: visible;
}
.doc-options > ul.dropdown-menu > li > i {
  top: 8px;
}
.sticky-toolbar {
  position: fixed;
  top: 48px;
  width: 100%;
  z-index: 99;
}
.doc_sidebar_navigation_top_header.sticky-toolbar {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.docs-header-bar.sticky-toolbar {
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
}
.doc-editor-wrapper .custom-editor img {
  display: block;
  max-width: 100%;
  height: auto;
}
.custom_create_folder_modal {
  z-index: 1000000000000 !important;
}
.assignee-loading {
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 8px;
  color: #666;
}
.email-wrapper-main
  .email_preview_ctrl
  .custom_scrollbar_third_column_fix::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: transparent;
}
.email-wrapper-main
  .email_preview_ctrl
  .custom_scrollbar_third_column_fix::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.email-wrapper-main
  .email_preview_ctrl
  .custom_scrollbar_third_column_fix::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
.email-wrapper-main
  .email_preview_ctrl
  .custom_scrollbar_third_column_fix:hover::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  border-radius: 0;
  background-color: #fff;
}
.email-wrapper-main
  .email_preview_ctrl
  .custom_scrollbar_third_column_fix:hover::-webkit-scrollbar {
  width: 8px;
  background-color: #ccc;
}
.email-wrapper-main
  .email_preview_ctrl
  .custom_scrollbar_third_column_fix:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}
.compose-mail-inputs textarea::-webkit-scrollbar {
  display: none;
}
.email-wrapper-main
  .commnets_main_ctrl
  .comment-email-assignee-popup.atDRateDropUp {
  position: absolute;
}
li.more-options li.main-list-item a i {
  width: 28px;
  height: 28px;
  float: left;
  border-radius: 3px;
  padding: 0;
  text-align: center;
  font-size: 13px;
  line-height: 27px;
  color: #fff;
}
li.more-options li.main-list-item a span {
  color: #333;
  font-size: 14px;
  padding: 0;
  width: calc(100% - 36px);
  float: right;
  opacity: 1;
}
li.more-options li.main-list-item a:hover span {
  opacity: 1;
}
li.main-list-item span.icon {
  font-size: 17px;
  color: #fff;
  opacity: 0.9;
}
.node-wrapper .custom_lablel_orignal_name.active {
  background-color: rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
  border-radius: 0;
}
.cntxt_menu i,
.node-wrapper .custom_lablel_orignal_name.active .preview_pane_ctrl.cntxt_menu {
  display: block;
  color: #fff;
}
.editor-main-wrapper .fr-popup-custom {
  background: #ccc;
  z-index: 9999;
}
.editor-main-wrapper .fr-popup-custom .doc-options.open {
  background-color: #0081c2;
  border-radius: 2px;
}
.editor-main-wrapper .fr-popup-custom .doc-options span {
  color: #333;
  padding: 0;
}
.editor-main-wrapper .fr-popup-custom .doc-options.open span {
  color: #fff;
}
.editor-main-wrapper .fr-popup-custom .doc-options span i.fa-caret-down {
  padding: 2px 5px;
}
.editor-main-wrapper .fr-popup-custom .doc-options ul.doc-options-wrapper {
  margin-top: -17px;
  left: 20px;
}
.service-dropdown-more ul.dropdown-menu a .icon {
  opacity: 1;
}
.service-dropdown-more ul.layout_icons.dropdown-menu a:hover {
  background-color: #f5f5f5;
}
ul.sidebar_ul li.main-list-item a.active {
  background:
    linear-gradient(180deg, rgba(60, 62, 93, 0.6), rgba(60, 62, 93, 0) 33%),
    linear-gradient(225deg, rgba(60, 62, 93, 0.6) 33%, rgba(60, 62, 93, 0) 70%),
    linear-gradient(270deg, rgba(60, 62, 93, 0.6) 70%, rgba(60, 62, 93, 0) 94%),
    linear-gradient(315deg, rgba(60, 62, 93, 0.6) 33%, rgba(60, 62, 93, 0) 70%),
    linear-gradient(360deg, rgba(60, 62, 93, 0.6), rgba(60, 62, 93, 0) 33%),
    linear-gradient(
      90deg,
      rgba(98, 100, 167, 0.75) 6%,
      rgba(98, 100, 167, 0) 70%
    );
}
.service-dropdown-more .router-link-exact-active.active {
  background: #f9f8f7 !important;
}
.remove-field {
  font-size: 20px;
  margin: 0 5px;
  cursor: pointer;
  margin-top: -5px;
}
.docs-right-section {
  background: #f8f8f8;
}
.docs-right-section .editor-main-wrapper {
  display: flex !important;
  clear: both;
}
.doc-editor-wrapper .custom-editor .editor-wrapper {
  width: calc(100% - 80px);
}
.doc_sidebar_navigation_ctrl {
  width: 20%;
  max-width: 300px;
  float: none;
}
.doc_main_rightsidebar_ctrl {
  display: block;
  float: none;
  background: #fff;
  position: relative;
  min-height: calc(100vh - 187px);
}
.doc-inner {
  transform-origin: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.header-wrapper .toggleSwitch.collapsed {
  font-size: 17px;
  margin-right: 5px;
  padding: 2px 10px;
  max-width: 35px;
  min-width: auto;
}
.header-wrapper .toggleSwitch {
  max-width: 300px;
  min-width: 284px;
  font-size: 17px;
  margin-right: 5px;
  padding: 2px 10px;
}
.docs-right-section .docs-header-bar {
  margin-left: 0;
}
.docs-right-section.doc-editor > .editor-main-wrapper {
  background: #fff;
}
.modal .help-block-error {
  color: #fb5555;
  clear: both;
  margin-top: 4px;
  float: left;
}
.docsAccess .tooltip-inner {
  word-wrap: break-word !important;
  white-space: pre-line !important;
}
.mail-search-header-wrapper .clear-search-filter-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 100%;
  text-align: center;
  z-index: 9;
  cursor: pointer;
}
.mail-search-header-wrapper .clear-search-filter-btn i.fa-times {
  margin-top: 7px;
  font-size: 14px;
  color: #676767;
}
.mail-search-header-wrapper.custom-search-wrapper {
  display: flex;
}
.file-upload-progressbar {
  height: 2px;
  background: #0e9aef;
  width: 0;
}
.doc-inner img.pane {
  border: 2px dashed transparent;
}
.doc-inner img.pane.img-border-active {
  border: 2px dashed #281c47;
}
.large-file-error .modal-body-content-custom {
  min-width: 300px;
  text-align: center;
}
.commnets_main_ctrl,
.task_detail_followers_ui_ctrl {
  z-index: 7;
}
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  z-index: 8 !important;
}
.taskMain_ctrl .sortable-chosen {
  border-top: 1px solid #2e214a;
}
.taskMain_ctrl .draggable_handle {
  cursor: grab;
  cursor: -webkit-grab;
}
.taskMain_ctrl .sortable-chosen .draggable_handle {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.dragged-content {
  position: absolute;
  width: 100%;
  border: 1px solid #000;
}
.TaskList [role="checkbox"][aria-checked="mixed"]:active::after,
.TaskList [role="checkbox"][aria-checked="true"]::after {
  top: 1px;
  left: 5px;
}
.tooltip {
  position: fixed;
}
.task-sidebars ul.accordian_menu_list.theme_menu li {
  border-left: 3px solid transparent;
  position: relative;
}
.task-sidebars
  ul.accordian_menu_list.theme_menu
  li:hover
  .cntxt_menu_email_labels {
  display: block;
}
.task-sidebars ul.accordian_menu_list.theme_menu li.active {
  border-left: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.task-sidebars ul.accordian_menu_list.theme_menu li a {
  max-width: 89%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #a599d7;
  font-size: 14px;
  padding: 5px 15px 5px 18px;
  display: inline-block;
  width: 100%;
}
.task-sidebars ul.accordian_menu_list.theme_menu li.active a {
  color: #fff;
}
.task-sidebars ul.accordian_menu_list.theme_menu li a .elem_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 5px 10px 0 3px;
}
.task-sidebars .sortable-chosen.sortable-ghost {
  border-top: 1px solid #7c7c7d;
}
.manage-custom-project-status .list-item-draggable .draggable_handle {
  margin-left: -25px;
}
.manage-custom-project-status .list-item {
  cursor: default;
}
.custom_settings_property_manage ul.accordian_menu_list.theme_menu > li:hover {
  border-left: none;
}
.custom_settings_property_manage .sidebarDropdownMenu {
  position: absolute;
  z-index: 10005;
}
.taskMain_ctrl .GridHeader-right ul.custom-label-group {
  display: flex;
  width: 100%;
}
.taskMain_ctrl .GridHeader-right ul.custom-label-group li {
  list-style: none;
  width: 27%;
  min-width: 80px;
  text-align: center;
}
.taskMain_ctrl .GridHeader-right ul.custom-label-group li a {
  color: #000;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
}
.taskMain_ctrl .GridHeader-right ul.custom-label-group li a:hover {
  color: #32c1ff;
}
.taskMain_ctrl .GridHeader-right .custom_fields_settings_ctrl {
  width: 50px;
  margin: 0;
  position: absolute;
  right: 0;
}
.taskMain_ctrl .GridHeader-right .custom_fields_settings_ctrl_innr {
  width: auto;
}
.emailCustomFilterSearchList .email_filter_label_remove {
  display: none;
}
.emailCustomFilterSearchList > li:hover .email_filter_label_remove {
  float: right;
  display: block;
}
.gray_900_color
  .ui_style_ctrl
  .label-listing.left-menu-spacing
  li
  > div
  > span.email_assignee_label_remove {
  display: none;
}
.gray_900_color
  .ui_style_ctrl
  .label-listing.left-menu-spacing
  li
  > div:hover
  span.email_assignee_label_remove {
  display: block !important;
  float: right;
}
.dropdown.add_status.status_inline > a {
  min-width: 0;
}
.TaskName {
  flex-grow: 0;
  width: 60%;
}
.taskRowOuter .inline_text_field {
  width: 13%;
  margin: 3px 3px 0;
  margin-right: 10px;
}
.task_list_toolbar .GridHeader-left {
  width: 50%;
}
.task_list_toolbar .GridHeader-right {
  width: 50%;
  justify-content: center;
}
.popover.fade {
  color: #fff;
  padding: 10px;
  max-width: 180px;
  background: rgba(21, 27, 38, 0.97);
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
}
.popover.bottom > .arrow:after {
  border-bottom-color: rgba(21, 27, 38, 0.97);
}
.popover .popover-title {
  background: rgba(21, 27, 38, 0.97);
  color: #fff;
}
.autoGrowTextarea,
textarea.task_name_textarea.task_details_pane {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  min-height: 0;
  padding-bottom: 4px;
  padding-top: 4px;
}
.autoGrowTextarea {
  border: 1px solid #d5dce0;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 9px;
  min-height: 0;
  padding-bottom: 4px;
  padding-top: 4px;
  resize: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  height: auto;
  visibility: hidden;
  overflow: hidden;
  text-rendering: optimizeSpeed;
  vertical-align: top;
}
textarea.task_name_textarea.task_details_pane {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  min-height: 0;
  padding-bottom: 4px;
  padding-top: 4px;
  border-color: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  text-rendering: optimizeSpeed;
  vertical-align: top;
  resize: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  border: 1px solid #d5dce0;
  border-radius: 4px;
}
textarea.task_name_textarea.task_details_pane:focus {
  border-color: #9ca6af;
}
.task_name_textarea_ctrl {
  position: relative;
}
.create-tasklist {
  z-index: 99999;
  background-color: #fff;
}
.create-tasklist.add_shadow {
  -webkit-box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  -moz-box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  -ms-box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  -o-box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  box-shadow: 0 2px 2px 0 rgba(60, 64, 67, 0.3);
  position: relative;
}
.create-tasklist .taskRow {
  padding-left: 24px;
}
.tasklist-sticky {
  position: fixed;
}
.create-tasklist .taskRowOuter:hover {
  box-shadow: none;
  background-color: #fff;
}
.create-new-task {
  color: #0e9aef;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: auto;
}
.create-new-task .fas {
  background: #f0f8ff;
  padding: 5px 6px;
  border-radius: 100%;
  width: 22px;
  height: 22px;
}
.create-new-task p {
  margin: 8px;
}
.create-task-input {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-tasklist textarea {
  border: 1px solid #0e9aef;
  border-radius: 2px;
  height: 30px;
  padding: 4px 15px;
  cursor: text;
}
.create-tasklist .img-arrow {
  width: 40px;
  opacity: 0.5;
}
.create-task-input .close-icon {
  right: 0;
  margin-left: -25px;
  margin-right: 10px;
  cursor: pointer;
  z-index: 99999;
  color: #0e9aef;
  padding: 5px;
}
.custom_task_splitter {
  width: 100%;
}
.task-item-wrapper {
  padding-right: 40px;
}
.task-item-wrapper .taskRow {
  width: 100%;
  padding: 0;
}
.task-item-wrapper .draggable_handle {
  margin-left: 0;
  width: 2%;
  min-width: 25px;
}
.task-item-wrapper .item_inner_row_left {
  width: 98%;
}
.task-item-wrapper .item_inner_row_left .task_check_box[role="checkbox"] {
  width: 2%;
  margin: 0;
  min-width: 20px;
}
.task-item-wrapper .item_inner_row_left .TaskName {
  width: 56%;
}
.task-item-wrapper .item_inner_row_left .inline_timer {
  width: 2%;
  margin: 0;
  min-width: 20px;
}
.task_list_toolbar {
  padding: 0;
  padding-right: 40px;
  width: 100%;
}
.task_list_toolbar .GridHeader-left {
  width: 60%;
}
.task_list_toolbar .GridHeader-right {
  width: 40%;
}
.inline-textfield-wrapper {
  display: flex;
  width: 40%;
}
.taskRowOuter .inline-textfield-wrapper .inline_text_field {
  width: 27%;
  margin: 0;
  min-width: 70px;
  margin-right: 5px;
  text-align: center;
}
.app_col_first_doc_sidebar .element-loader-tasks,
.app_col_first_doc_sidebar .element-loader-tasks .content-item {
  background: 0 0;
}
.app_col_first_doc_sidebar .animated-background {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(8%, #eee),
    color-stop(18%, #ddd),
    color-stop(33%, #eee)
  );
  background: -webkit-linear-gradient(left, #eee 8%, #c0a4f9 18%, #dccaff 33%);
  background: linear-gradient(to right, #eee 8%, #c0a4f9 18%, #dccaff 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  height: 8px;
  opacity: 0.2;
  position: relative;
}
.app_col_first_doc_sidebar .MainMenu {
  height: 100%;
}
.task_description_area .multiple_widget_ctrl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.task_description_area .multiple_widget_ctrl > .multiple_widget_item {
  min-width: 115px;
  margin-right: 10px;
  align-items: center;
  margin-bottom: 20px;
  width: auto;
}
.task_description_area
  .multiple_widget_ctrl
  > .multiple_widget_item:last-child {
  margin-bottom: 20px;
}
.attach_files_ctrl ul.attach_files_ul > li .img-thumbnail {
  width: auto;
}
.attach_files_ctrl ul.attach_files_ul > li .img-wrap {
  border: 1px solid #ececec;
  padding: 5px;
}
.left_sidebar_content .dropdown-menu > li > a span {
  color: #000;
  font-size: 13px;
  padding-left: 6px;
}
.dropdown-menu.dropdown-left .heading-title i.fa-square {
  font-size: 18px;
}
.dropdown-menu.dropdown-left .heading-title span {
  position: relative;
  top: 0;
  color: #000;
  padding: 0 4px;
  font-size: 13px;
  outline: 0;
}
.dropdown-menu.theme_dropdown_with_icon_text > a > i.fa-trash {
  padding-right: 2px;
}
.leftSidebarMainDiv .right-carot {
  float: right;
  position: relative;
  top: 6px;
  font-size: 11px;
  right: -5px;
}
ul.color_picker_dropdown {
  top: 0 !important;
  left: 10px;
}
.leftSidebarMainDiv .icon-checked::after {
  top: 11px;
}
.leftSidebarMainDiv ul.color_picker_dropdown {
  top: 6px !important;
}
.leftSidebarMainDiv .theme_dropdown_with_icon_text {
  min-width: 174px;
}
.toggle_tree_section_innr .fa-filter:before {
  color: #9aa1ad;
}
.capture_inbox_splitter_wrapper .splitpanes__pane {
  overflow: initial;
}
.list_header_inner_right {
  padding: 0;
}
.list_header_inner_right .four_column.sorting_dropdown {
  padding: 2px 7px 2px 7px;
}
.list_header_inner_right .list-view-dropdown {
  padding: 2px 23px 2px 7px !important;
}
.capture_thumb_details_scond_row .device-name {
  margin-right: 5px;
  display: inline-flex;
}
.inline_editing_active .task_name_other_assets > i {
  padding: 5px 0 5px 12px;
}
#captures_data_ctrl_ul .task_name_other_assets > i {
  margin-left: 0;
  padding: 5px 0 5px 0;
}
.task_name_data_placeholder.task_innr_common .list-right-over-items {
  position: absolute;
  display: none;
  align-items: center;
  float: right;
  right: 5px;
}
.task_name_data_placeholder.task_innr_common:hover .list-right-over-items {
  display: flex;
}
.task_name_data_placeholder.task_innr_common:hover i.fa-external-link-alt {
  margin: 0 2px 0 8px;
}
ul.captures_data_ctrl.list_layout
  > li.inline_editing_active
  .task_name_other_assets {
  width: 78%;
}
.column_layout.task_listing .right-list-item-over {
  position: relative;
  z-index: 9;
  display: inline-flex;
  vertical-align: middle;
  opacity: 0;
}
.column_layout.task_listing .right-list-item-over i {
  padding-right: 3px;
  padding-left: 3px;
  cursor: pointer;
}
.inbox_heading_innr_right .switch {
  margin-bottom: -3px;
}
ul.captures_data_ctrl > li.inline_editing_active textarea.editable_content {
  background-color: #fff;
  border: 1px solid #0e9aef;
}
.column_layout.task_listing .capture_thumb_details {
  width: 78%;
}
.fullscreen_sidepanel_header .right-action-section {
  padding: 10px 0;
}
ul.column_layout.task_listing
  > li:hover
  .right-list-item-over
  .three_dots_dropdown_main {
  float: right;
  padding: 3px 0;
}
ul.column_layout.task_listing
  > li
  .right-list-item-over
  .three_dots_dropdown_main {
  padding: 3px 0;
}
.list_header_inner_main .list_header_inner_right .sidebar_search_ctrl {
  padding: 3px 0;
  cursor: pointer;
}
.list_header .list_header_inner_right .sidebar_search_ctrl {
  padding: 3px 0;
  cursor: pointer;
}
.dropdown_category_info.add-existing-bundle {
  display: inline-block;
}
.dropdown_category_info .direct_action_btn {
  font-size: 13px;
  color: #000;
}
.add-existing-bundle i.dropdown_cat_action_arrow {
  color: #333;
  font-size: 12px;
  margin-left: auto;
  position: relative;
  top: 0;
  right: -10px;
}
.add-existing-bundle .three_dots_dropdown_innr_main > li:hover {
  background-color: #f5f5f5;
}
.add-existing-bundle i.dropdown_category_info {
  margin: 0 5px;
  opacity: 0.5;
  color: rgba(0, 0, 0, 0.4);
}
.inner_elem i.fa-file-archive {
  font-size: 13px;
  color: #798292;
  margin-right: 6px;
}
.bundle_circle.in-dropdown {
  color: #798292;
  margin-right: 6px;
  font-size: 13px;
}
.magic_dropdown_direct_action_btn .fa-pen {
  font-size: 12px;
}
.list_header {
  position: relative;
}
.search-form-inactive {
  transition: max-height 0.3s ease-in;
  max-height: 0;
}
.search-form-wrapper {
  overflow: hidden;
  transition: max-height 0.3s ease-in;
  max-height: 50px;
  top: 0;
  position: relative;
  background-color: #efefef;
  width: 100%;
  left: 0;
  z-index: 9;
  padding: 5px;
  border: 1px solid #ddd;
}
.search-form-wrapper.open {
  display: block;
}
.search-form-wrapper .search-form {
  margin: 0;
}
.search-form-wrapper2 {
  position: absolute;
  top: 41px;
  background-color: #efefef;
  width: 100%;
  left: 0;
  z-index: 9;
  padding: 5px;
  border: 1px solid #ddd;
}
.search-form-wrapper2.open2 {
  display: block;
}
.search-form-wrapper2 .search-form {
  margin: 0;
}
.tree-node-inner-back:hover
  .custom_lablel_orignal_name
  .three_dots_dropdown_div {
  opacity: 1 !important;
}
.tree-node-inner-back:hover
  .custom_lablel_orignal_name
  .project_list_item_count {
  display: none !important;
}
.tree-node.open .custom_lablel_orignal_name .three_dots_dropdown_div {
  background-color: #f5f5f7;
}
.left_sidebar_content .dropdown-menu > li > a {
  padding: 5px;
  margin-bottom: -3px;
}
.left_sidebar_content .dropdown-menu > li > a .fa-chevron-right {
  padding-left: 7px;
}
.leftSidebarMainDiv .dropdown-menu > li > a.heading-title {
  margin-bottom: 1px;
}
.tree-node.open
  .tree-node-inner-back:hover
  .custom_lablel_orignal_name
  .three_dots_dropdown_div {
  background-color: #e7e7ec;
}
.teams_bundle:focus,
.teams_folder:focus {
  outline: 0;
}
#txtNoteModal .textnote {
  with: 100%;
  height: 100px;
}
#txtNoteModal .form-control {
  border-radius: 3px;
  border-left: 2px solid #0a68d6;
}
#txtNoteModal label {
  font-weight: 400;
}
#txtNoteModal .modal-body {
  padding: 20px;
}
#txtNoteModal ul.breadcrumb_for_active_folder_innr {
  padding: 0;
  border: 1px solid #efefef;
  display: inline-block;
  border-radius: 3px;
}
#txtNoteModal ul.breadcrumb_for_active_folder_innr > li > i {
  padding: 0 5px;
}
#txtNoteModal ul.breadcrumb_for_active_folder_innr > li span {
  text-transform: uppercase;
  font-size: 12px;
}
#txtNoteModal ul.breadcrumb_for_active_folder_innr > li {
  padding: 5px;
  border-right: 1px solid #efefef;
}
#txtNoteModal ul.breadcrumb_for_active_folder_innr > li:last-child {
  border-right: inherit;
}
.magic_dropdown_direct_action_btn .direct_action_btn .fa-file-export {
  color: #798292;
  margin-right: 5px;
}
.each_item_in_footer_list .st0 {
  fill: #4a9fea;
}
.each_item_in_footer_list .st1 {
  opacity: 0.5;
  fill: #465369;
  enablebackground: new;
}
.each_item_in_footer_list svg#Layer_1 {
  width: 16px;
  height: 13px;
}
.each_item_in_footer_list.image .st0 {
  fill: #4879aa;
  enablebackground: new;
}
.each_item_in_footer_list.image .st1 {
  fill: #f5f5f6;
}
.each_item_in_footer_list.image .st2 {
  fill: #4a9fea;
}
.each_item_in_footer_list.link .st0 {
  fill: #4878a8;
}
.each_item_in_footer_list.link .st1 {
  fill: #4a9fea;
}
.three_dot_dropdown_ctrl a.close {
  z-index: 999;
  position: absolute;
  right: -6px;
  top: -6px;
  opacity: 0.5;
  font-size: 15px;
}
.four_column_view_dropdown .dropdown .filter-search-wrapper {
  position: relative;
  margin-left: 10px;
}
.four_column_view_dropdown .dropdown .filter-search-wrapper input {
  border: 1px solid #e9e9ea;
  background-color: #f5f5f7;
  border-radius: 3px;
  width: 100px;
  padding-left: 22px;
}
.four_column_view_dropdown
  .dropdown
  .filter-search-wrapper
  .list-view-dropdown
  .fa-filter {
  font-size: 12px;
}
.four_column_view_dropdown .dropdown .filter-search-wrapper .fa-search {
  position: absolute;
  left: 0;
  padding: 5px;
  color: #aeaeae;
}
.list_header_inner_left {
  width: 100% !important;
  justify-content: flex-start;
  align-items: center;
}
li[data-class="multiple_selected"]:hover .task_list_ctrl .right-list-item-over {
  background-color: transparent;
}
.tree_menu_inside_breadcrumb
  .tree-node-inner-back[style="margin-bottom: 10px; padding-left: 16px;"] {
  padding-left: 0 !important;
}
.tree_menu_inside_breadcrumb
  .tree-node-inner-back[style="margin-bottom: 10px; padding-left: 32px;"] {
  padding-left: 0 !important;
}
ul.breadcrumb_for_active_folder_innr .all-capture i {
  color: #465369;
  margin-right: 6px;
  opacity: 0.6;
}
ul.breadcrumb_for_active_folder_innr .all-capture {
  padding: 4px 0 4px 27px;
  color: #6a676c;
  font-size: 13px;
}
ul.breadcrumb_for_active_folder_innr .inbox i {
  color: #465369;
  margin-right: 6px;
  opacity: 0.6;
}
ul.breadcrumb_for_active_folder_innr .all-capture a {
  color: #676a6c;
}
ul.breadcrumb_for_active_folder_innr .inbox {
  padding: 4px 0 4px 27px;
  color: #6a676c;
  font-size: 13px;
}
ul.breadcrumb_for_active_folder_innr .inbox a {
  color: #676a6c;
}
.tree_menu_inside_breadcrumb
  .tree-node-inner-back[style="margin-bottom: 10px; padding-left: 32px;"]
  .list_tree_empty_folder_icon_span {
  margin-left: 14px;
}
#pane_3 .three_dots_dropdown_innr .common_innr_dropdown {
  right: 100% !important;
  left: inherit;
}
.preview_pane_top_header_main .magic-dots {
  position: relative;
  top: 0;
}
.border_wrap_full_width .sub_heading_with_timer .sub_heading_ctrl {
  width: 100%;
}
.border_wrap_full_width
  .sub_heading_with_timer
  .sub_heading_ctrl
  textarea.jnote_heading_text {
  border: unset;
  resize: none;
  overflow-y: hidden;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.capture_inbox_heading
  .inbox_heading_innr_right
  .settings
  .list-view-dropdown
  i {
  font-size: 16px;
  color: #475369;
  margin: 2px;
  color: #151b26;
  opacity: 0.55;
}
.settings.with_margin .dropdown .list-view-dropdown:hover i {
  opacity: 0.7;
}
.settings.with_margin .dropdown.open .list-view-dropdown i {
  opacity: 0.7;
}
.capture_inbox_heading .inbox_heading_innr_right .upload_dropdown {
  margin-left: 8px;
}
.breadcrumb_for_active_folder_innr .root_folder_icon {
  padding-right: 0;
}
.settings .dropdown-menu.dropdown-right .viewsetting {
  padding: 6px 10px;
  color: #252222;
  font-size: 12px;
  font-weight: 600;
  opacity: 0.6;
}
.settings .dropdown-menu.dropdown-right {
  right: 0;
  position: absolute;
  top: 39px;
  padding: 0 0 5px 0;
}
.settings .dropdown-menu.dropdown-right ul li {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  width: 100%;
  outline: 0;
}
.settings .dropdown-menu.dropdown-right ul li:hover {
  background-color: #f5f5f7;
}
.settings.with_margin.subtask_dropdown
  .dropdown-menu.dropdown-right
  ul
  li
  span
  a {
  color: #252222;
  font-size: 13px;
  font-weight: 400;
}
.settings .dropdown-menu.dropdown-right ul li span a {
  color: #252222;
  font-size: 13px;
  font-weight: 400;
}
.settings .dropdown-menu.dropdown-right ul li span.li-items {
  display: inline-flex;
  margin-right: 5px;
  cursor: grab;
}
.settings .dropdown-menu.dropdown-right ul li span.li-items i.fa-info-circle {
  font-size: 12px;
  margin-left: 5px;
  color: #9aa1ad;
}
.settings .dropdown-menu.dropdown-right ul li span a svg {
  margin-right: 10px;
}
.settings .dropdown-menu.dropdown-right ul li .compact_ui {
  position: absolute;
  right: 0;
}
.settings .dropdown-menu {
  min-width: 260px;
}
.settings .compact_ui {
  margin-left: auto;
}
.settings .compact_ui label {
  height: 9px;
  width: 27px;
}
.settings .compact_ui .slider {
  background-color: #b7b7b7;
}
.settings .compact_ui input:checked + .slider {
  background-color: #93cff4;
}
.settings .compact_ui input:checked + .slider:before {
  background-color: #0e9aef !important;
  border-color: #3a95c9;
  bottom: -2px;
  width: 14px;
  height: 14px;
  left: -8px;
}
.settings .compact_ui input:checked + .slider {
  background-color: #93cff4;
}
.settings .compact_ui .slider {
  background-color: #b7b7b7;
}
.settings .compact_ui .slider:before {
  background-color: #5d5d5d !important;
  border: 0 !important;
  width: 14px;
  height: 14px;
}
.settings .compact_ui .slider {
  background-color: #b7b7b7;
}
.mcd_client_list .assignee_text {
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
  width: 145px;
}
.mcd_client_list .square_checkbox_ctrl [role="checkbox"] {
  top: 3px;
  left: 5px;
}
.mcd_client_list .assignee_circle.in-dropdown {
  width: 20px;
  height: 20px;
}
.add_all_participant .assignee_circle.in-dropdown {
  border: 1px dashed #333;
  color: #333;
  font-size: 13px;
  font-weight: 600;
}
.mcd_client_list .add_all_participant .assignee_text {
  font-weight: 600;
}
.mcd_client_list .custom-tick-checkbox:hover:after {
  top: 0;
  left: 5px;
}
.mcd_client_list [role="checkbox"][aria-checked="mixed"]:active::after,
[role="checkbox"][aria-checked="true"]::after {
  top: 0;
  left: 5px;
}
.mcd_client_list ul.inlist.assignee_dropdown > li.active .assignee_text {
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  width: 145px;
}
.preview_pane_top_header_main .fa-share-alt {
  width: 22px;
  height: 22px;
  padding: 4px 0 0 4px;
  color: #676a6c;
}
.sub_task_status_dropdown_ctrl_preview_panel
  .three_dots_dropdown_innr_main
  .common_innr_dropdown {
  min-width: 250px;
}
.tags_list {
  overflow-y: auto;
  max-height: 204px;
  margin-bottom: 0;
  width: 240px;
}
.tags_list ul.inlist.tags_dropdown > li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 7px 6px 28px;
  cursor: pointer;
}
.tags_list ul.inlist.tags_dropdown > li div {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.tags_list ul.inlist.tags_dropdown > li .fa-times {
  display: none;
}
.tags_list ul.inlist.tags_dropdown > li.active .fa-times {
  display: block;
  position: absolute;
  right: 5px;
  color: #afbdcb;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.tags_list ul.inlist.tags_dropdown > li.active .fa-times:hover {
  color: #3c4152;
  opacity: 0.55;
}
.tags_list ul.inlist.tags_dropdown > li.active:before {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  color: #2680eb;
  font-size: 12px;
}
.tags_list ul.inlist.tags_dropdown > li:hover {
  background-color: #f5f5f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
}
.tags_list ul.inlist.tags_dropdown > li:active {
  background-color: #e6f5fe;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
}
.tags_list ul.inlist.tags_dropdown > li.active {
  background-color: #2680eb1a;
}
.project_list_panel {
  overflow-y: auto;
  max-height: 204px;
  margin-bottom: 0;
  width: 240px;
}
.project_list_panel ul.inlist.project_list-dropdown > li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 7px 6px 28px;
  cursor: pointer;
}
.project_list_panel ul.inlist.project_list-dropdown > li svg {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.project_list_panel ul.inlist.project_list-dropdown > li .fa-times {
  display: none;
}
.project_list_panel ul.inlist.project_list-dropdown > li.active .fa-times {
  display: block;
  position: absolute;
  right: 5px;
  color: #afbdcb;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.project_list_panel
  ul.inlist.project_list-dropdown
  > li.active
  .fa-times:hover {
  color: #3c4152;
  opacity: 0.55;
}
.project_list_panel ul.inlist.project_list-dropdown > li.active:before {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  color: #129bef;
  font-size: 12px;
}
.project_list_panel ul.inlist.project_list-dropdown > li:hover {
  background-color: #f5f5f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2680eb;
}
.project_list_panel ul.inlist.project_list-dropdown > li.active {
  background-color: #e6f5fe;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2680eb;
}
.priority_list {
  overflow-y: auto;
  max-height: 200px;
  margin-bottom: 0;
  width: 200px;
}
.priority_list ul.inlist.priority_dropdown > li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 7px 6px 7px;
  cursor: pointer;
  font-size: 13px;
}
.priority_list ul.inlist.priority_dropdown > li svg {
  margin-right: 10px;
}
.priority_list ul.inlist.priority_dropdown > li div {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.priority_list ul.inlist.priority_dropdown > li .fa-times {
  display: none;
}
.priority_list ul.inlist.priority_dropdown > li.active .fa-times {
  display: block;
  position: absolute;
  right: 5px;
  color: #afbdcb;
}
.priority_list ul.inlist.priority_dropdown > li.active:before {
  font-family: "Font Awesome 5 Free";
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  color: #0e9aef;
  font-size: 12px;
}
.priority_list ul.inlist.priority_dropdown > li:hover {
  background-color: #f5f5f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
}
.priority_list ul.inlist.priority_dropdown > li.active {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sharelink .dropdown-menu.three_dots_dropdown_innr {
  width: 342px;
  color: #353535;
}
.sharelink .dropdown-menu {
  left: 15px;
  top: 29px;
  right: -18px !important;
}
.sharelink li.magic_dropdown_direct_action_btn input {
  float: left;
  width: 20px;
  opacity: 0;
  position: relative;
  top: 7px;
}
.sharelink li.magic_dropdown_direct_action_btn lable {
  font-size: 13px;
  font-weight: 600;
  color: #353535;
}
.sharelink li.magic_dropdown_direct_action_btn .text-label {
  display: inline-block;
}
.sharelink li.magic_dropdown_direct_action_btn .text-label small {
  display: block;
}
.sharelink .three_dots_dropdown_innr_main > li {
  padding: 10px 7px;
}
.sharelink li.magic_dropdown_direct_action_btn .text-label i {
  color: #0e9aef;
  margin-right: 4px;
}
.sharelink li.magic_dropdown_direct_action_btn .right-label {
  color: #0e9aef;
}
.sharelink li.magic_dropdown_direct_action_btn button {
  float: right;
  background-color: #0e9aef;
  font-size: 13px;
  border: 0;
  border-radius: 3px;
  color: #fff;
  padding: 5px 8px;
  margin: 0 0 0 10px;
}
.sharelink li.magic_dropdown_direct_action_btn.actionrow {
  background-color: #f2f2f2;
  padding: 10px;
  border-bottom: 1px solid #d5d5d6;
}
.sharelink li.magic_dropdown_direct_action_btn.actionrow .text-label {
  padding-top: 3px;
}
.sharelink .dropdown-menu.three_dots_dropdown_innr {
  padding: 0;
}
.sharelink .three_dots_dropdown_innr_main {
  padding: 0;
}
.no-border-bottom {
  border-bottom: 0 !important;
}
.sharelink .readthisnote-container {
  position: absolute;
  width: 250px;
  background-color: #fff;
  padding: 0;
  right: 0;
  z-index: 1;
  border-radius: 5px;
  box-shadow: 3px 6px 10px #888;
}
.sharelink .readthisnote-container ul {
  list-style: none;
  padding: 5px 0;
}
.sharelink .readthisnote-container ul li {
  color: #444352;
  padding: 7px 0 7px 0;
  font-size: 12px;
}
.sharelink .readthisnote-container ul li i {
  display: block;
  float: left;
  padding: 10px 10px;
  color: #bdbdc9;
  color: #bdbdc9 !important;
  font-size: 13px;
  margin-right: 0 !important;
}
.sharelink .readthisnote-container ul li b {
  display: block;
}
.custom-radio [type="radio"]:not(:checked) + label:before,
.sharelink .custom-radio [type="radio"]:checked + label:before {
  top: 8px;
}
.custom-radio [type="radio"]:not(:checked) + label:after,
.sharelink .custom-radio [type="radio"]:checked + label:after {
  top: 11px;
  background-color: #0e9aef;
}
.sharelink .readthisnote-container ul li:hover {
  background-color: #f2f2f2;
}
.sharelink li.magic_dropdown_direct_action_btn .text-label i.fa-sort-down {
  font-size: 13px;
}
ul.breadcrumb_for_active_folder_innr .all-capture:hover {
  background-color: #f8f8f8;
}
ul.breadcrumb_for_active_folder_innr .inbox:hover {
  background-color: #f8f8f8;
}
.tree_menu_inside_breadcrumb
  .tree-node-inner-back[style="margin-bottom: 10px; padding-left: 16px;"]:hover {
  background-color: #f8f8f8;
}
.tree_menu_inside_breadcrumb
  .tree-node-inner-back[style="margin-bottom: 10px; padding-left: 32px;"]:hover {
  background-color: #f8f8f8;
}
.tree_menu_inside_breadcrumb .tree-node-inner-back:hover {
  background-color: #f8f8f8;
}
.tree_menu_inside_breadcrumb .tree-node-inner-back .tree-node-inner {
  padding-left: 10px;
}
.breadcrumb-RC-fullScreen .move-tree-RCF .breadcrumb_dropdown_innr_ctrl > i {
  color: #676a6c;
  opacity: 1;
  font-size: 15px;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left {
  top: -17px;
  left: -11px;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .search_for_treeview_in_breacdrumb {
  padding: 5px;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .tree-node-inner
  .all-capture {
  padding: 5px;
  color: #4f5c71;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .tree-node-inner
  .inbox {
  padding: 0 5px 5px 5px;
  color: #4f5c71;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .tree-node-inner
  i {
  padding-right: 10px;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .tree-node-inner
  a {
  color: #465369;
  margin-left: 10px;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .tree-node-inner
  hr {
  margin: 10px 0;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .tree-node-children
  .tree-node-inner-back[style="margin-bottom: 10px; padding-left: 32px;"] {
  padding-left: 17px;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .tree-node-children
  .tree-node-inner-back
  i {
  padding-right: 0;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .tree-node-children
  .tree-node-inner-back[style="margin-bottom: 10px; padding-left: 16px;"] {
  padding-left: 10px !important;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .tree-node-children
  .list_tree_empty_folder_icon_span {
  margin-left: 4px;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .overflow-scroll-y {
  height: 160px;
  overflow-y: scroll;
}
.breadcrumb-RC-fullScreen
  .move-tree-RCF
  .dropdown
  .dropdown-menu.dropdown-left
  .list_tree_empty_folder_icon_span {
  margin-left: 34px;
}
.breadcrumb-RC-fullScreen ul.file-export {
  margin-left: 5px;
  list-style: none;
}
.breadcrumb-RC-fullScreen .file-export .move-tree-RCF {
  width: inherit !important;
  height: inherit !important;
  padding-top: 0 !important;
  margin-left: 0;
}
.breadcrumb-RC-fullScreen ul.folder-breadcrumb li {
  padding: 0;
}
.breadcrumb-RC-fullScreen ul.folder-breadcrumb li i.root_folder_icon {
  padding: 10px 8px 9px 8px;
}
.breadcrumb-RC-fullScreen ul.folder-breadcrumb {
  padding-top: 0;
  padding-bottom: 0;
}
ul#straight_view_breadcrumb {
  float: left;
  padding: 3px 0 0 8px;
}
.move-tree-RCF .all-capture a {
  color: #676a6c;
  padding-left: 16px;
}
.move-tree-RCF .all-capture i {
  fill: #676a6c;
  padding-right: 10px;
}
.move-tree-RCF .inbox {
  border-bottom: 1px solid #efefef;
  padding: 6px 0;
}
.move-tree-RCF .inbox a {
  color: #676a6c;
  padding-left: 16px;
}
.move-tree-RCF .inbox i {
  fill: #676a6c;
  padding-right: 10px;
}
.dropdown-menu.dropdown-left .all-capture a {
  color: #676a6c;
  padding-left: 16px;
}
.dropdown-menu.dropdown-left .all-capture i {
  fill: #676a6c;
  padding-right: 10px;
}
.dropdown-menu.dropdown-left .inbox {
  border-bottom: 1px solid #efefef;
  padding: 6px 0;
}
.dropdown-menu.dropdown-left .inbox a {
  color: #676a6c;
  padding-left: 16px;
}
.dropdown-menu.dropdown-left .inbox i {
  fill: #676a6c;
  padding-right: 10px;
}
#capture_detail_modal_breadcrumb .all-capture {
  color: #676a6c;
  opacity: 1;
  font-size: 13px;
  padding-left: 26px;
  padding-bottom: 6px;
}
#capture_detail_modal_breadcrumb .all-capture a i {
  padding-right: 10px;
  color: #465369;
}
#capture_detail_modal_breadcrumb .inbox {
  color: #676a6c;
  opacity: 1;
  font-size: 13px;
  padding-left: 26px;
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef;
}
#capture_detail_modal_breadcrumb .inbox a i {
  padding-right: 10px;
  color: #465369;
}
#capture_detail_modal_breadcrumb .all-capture a,
#capture_detail_modal_breadcrumb .inbox a {
  color: #465369;
}
.banner-right-trackduck {
  position: relative;
}
.banner-right-trackduck .openCaptureFullscreenInDetail {
  position: absolute;
  right: 6px;
  bottom: 6px;
  background: #fff;
  opacity: 0;
}
.banner-right-trackduck:hover .openCaptureFullscreenInDetail {
  opacity: 1;
}
.list-right-over-items .fas.fa-chevron-right {
  font-size: 10px;
  padding: 6px;
}
.scroll-area[data-v-ae109e58] {
  height: calc(100vh - 236px) !important;
}
.dropdown-menu.three_dots_dropdown_innr .close {
  border: 1px solid #fff;
  opacity: 1;
  border-radius: 100%;
}
ul.captures_data_ctrl_placeholder .toggle-chevron.with_label > i {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  float: right;
  padding: 6px 0;
  opacity: 0;
}
ul.captures_data_ctrl_placeholder .four_column_view_dropdown {
  display: block;
  padding: 0;
}
ul.captures_data_ctrl_placeholder .task_list_data_placeholder:hover i {
  opacity: 0.6;
}
.four_column.sorting_dropdown:hover,
ul.captures_data_ctrl_placeholder
  .dropdown.open
  > .four_column.sorting_dropdown {
  background-color: inherit;
  border: inherit;
}
.captures_data_ctrl_placeholder .four_column.sorting_dropdown {
  padding: 0;
}
.three-panel-three-dots-inner-dropdown-left .common_innr_dropdown {
  left: inherit;
  right: 100%;
}
ul.dropdown-menu.fadeIn.animated.three-dot-dropdown > li i {
  padding-right: 8px;
}
ul.three-dot-dropdown > li i.fas.fa-chevron-right.arrow {
  position: relative;
  top: 8px;
}
ul.three-dot-dropdown > li > a {
  padding: 3px 10px;
}
.four_column_view_dropdown.dropdown.ml-auto.mr-10 {
  margin-right: 0 !important;
}
.four_column_view_dropdown.ml-auto.mr-10 i.fas.fa-plus {
  top: 1px;
}
.four_column_view_dropdown.ml-auto.mr-10 .arrow_box_top.dropdown-right:before {
  display: none;
}
.four_column_view_dropdown.ml-auto.mr-10 .arrow_box_top.dropdown-right:after {
  display: none;
}
.list_header_inner_right .sidebar_search {
  padding: 2px 7px;
  border: 1px solid transparent;
  display: inline-table;
}
.list_header_inner_right .sidebar_search:hover {
  background-color: #f5f5f7;
  border: 1px solid #e9e9eb;
}
.toggle-chevron.with_label svg {
  width: 13px;
  position: relative;
  top: 2px;
  display: block;
  padding: 0 0 3px;
}
.four_column_view_dropdown.ml-auto.mr-10 .toggle-chevron.with_label {
  padding: 3px 7px;
  border: 1px solid transparent;
}
.four_column_view_dropdown.ml-auto.mr-10 .toggle-chevron.with_label:hover {
  background-color: #f5f5f7;
  border: 1px solid #e9e9eb;
}
.main-header.header-top.fixed-top-header {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.main-header.header-top.fixed-top-header .top-header-inner {
  background-color: #333336;
  border-bottom: 0;
}
.main-header .nav.nav-left.apps_top_bar_ctrl {
  margin: 0 0 0 6px;
  padding: 0;
}
.main-header.header-top.fixed-top-header .gray_theme_logo {
  float: left;
}
.main-header.header-top.fixed-top-header .gray_theme_logo img {
  margin: 8px 0 8px 0;
  width: 30px;
}
.main-header > .top-header-inner > .nav.nav-left > ul {
  list-style: none;
  margin: 0;
  position: relative;
  left: 35px;
  padding: 0;
}
.main-header > .top-header-inner > .nav.nav-left > ul > li {
  display: inline-block;
  padding: 13px 10px;
}
.main-header > .top-header-inner > .nav.nav-left > ul > li > a {
  color: #fff;
  font-size: 14px;
}
.nav.nav-left .active {
  position: relative;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.timesheet-popup .modal-header h4.modal-title {
  color: #000;
  text-align: left;
  width: 34%;
}
.timesheet-popup .modal-header h4.modal-title img {
  padding-right: 10px;
}
.timesheet-popup .modal-header .close {
  color: #000;
  opacity: 0.5;
  font-size: 26px;
  text-align: right;
  width: 33%;
}
.timesheet-popup .modal-dialog {
  width: 900px;
}
.timesheet-popup .modal-body .list-group-item {
  display: flex;
}
.timesheet-popup .modal-body .list-group-item .task-detail {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.timesheet-popup .list-item-action {
  display: flex;
  width: 35%;
  align-items: center;
  justify-content: flex-end;
}
.timesheet-popup .modal-body .list-group-item .task-timer {
  position: relative;
  align-items: center;
  right: 0;
}
.timesheet-popup
  .modal-body
  .list-group-item
  .task-timer
  .running_timer_class_div {
  margin-right: 0;
  margin-top: 0;
  float: right;
  position: relative;
  color: #000;
  padding: 5px;
  border: 1px solid #d5d5d6;
  border-radius: 80px;
  width: 110px;
  height: 30px;
  background-color: #fff;
  cursor: pointer;
}
.timesheet-popup
  .modal-body
  .list-group-item
  .task-timer
  .running_timer_class_div
  i {
  color: #e8585a;
  font-size: 18px;
}
.timesheet-popup
  .modal-body
  .list-group-item
  .task-timer
  .running_timer_class_div
  span {
  position: relative;
  top: -3px;
}
.timesheet-popup
  .modal-body
  .list-group-item
  .task-timer
  .running_timer_class_div
  i.fa-chevron-down {
  font-size: 12px;
  color: #000;
  position: absolute;
  right: 0;
  top: 9px;
  opacity: 0.6;
}
.timesheet-popup
  .modal-body
  .list-group-item
  .task-timer
  .running_timer_class_div
  i.fa-chevron-down:before {
  border-left: 1px solid #d5d5d6;
  padding: 8px 9px 8px 8px;
  background-color: #efefef;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}
.timesheet-popup .modal-body .list-group-item .dollar-price {
  align-items: center;
  font-weight: 700;
  color: #3c4152;
  opacity: 0.4;
  font-size: 15px;
  padding: 7px 0;
}
.timesheet-popup .modal-body .list-group-item .task-icon {
  align-items: center;
  font-weight: 700;
  color: #3c4152;
  font-size: 15px;
  padding: 7px 0;
  position: relative;
  right: 40px;
}
.timesheet-popup .modal-body .list-group-item .tag-items {
  align-items: center;
  padding: 3px;
  border: 1px solid #d5d5d6;
  font-size: 11px;
  background-color: #f5f5f7;
  height: 20px;
  border-radius: 30px;
  padding: 1px 7px;
  display: inline-block;
  position: relative;
  right: 0;
}
.timesheet-popup .modal-body .list-group-item .timer_class_div {
  margin-left: 10px;
}
.timesheet-popup .modal-body {
  padding: 0 0 30px 0;
}
.timesheet-popup .modal-header {
  border-bottom: inherit;
  display: flex;
}
.timesheet-popup .modal-body .list-group-item .tag-items .fa-circle {
  font-size: 8px;
  margin-right: 3px;
}
.project_asssign_div .fa-circle {
  font-size: 8px;
  margin-right: 3px;
}
.timesheet-popup
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div {
  min-height: 60px;
  position: relative;
  padding: 10px 14px;
}
.week-container {
  width: 100%;
}
.timesheet-popup
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div
  .No-time {
  border-bottom: 2px solid #444;
  width: 20px;
  margin-top: 4px;
  width: 20px;
  opacity: 0.6;
}
.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.total-count-row {
  display: inline-block;
  width: 33%;
}
.total-count-row .list-group2 {
  display: flex;
  margin: 0 auto;
  width: min-content;
  position: absolute;
  left: 18%;
}
.item-action-section {
  position: relative;
}
.total-count-row .list-group2 .item-action-section {
  display: inline-flex;
}
.total-count-row ul.list-group2 li.list-group-item {
  padding: 10px 20px 0 20px;
  min-height: 42px;
  cursor: pointer;
  border: inherit;
  border-radius: inherit;
}
.total-count-row ul.list-group2 li.list-group-item:hover {
  background-color: transparent;
  opacity: 0.7;
}
.total-count-row ul.list-group2 li.list-group-item.active {
  border-bottom: 3px solid #0e9aef !important;
  background: inherit;
  color: #0e9aef;
  font-weight: 600;
  border-left: inherit;
  border-right: inherit;
  border-top: inherit;
}
.list-group-item.active:focus,
.list-group-item.active:hover,
.total-count-row .list-group-item.active {
  border-color: inherit;
}
.total-count-row ul.list-group2 li.list-group-item {
  border: inherit;
}
.total-count-row ul.list-group2 li:last-child.list-group-item {
  border-left: inherit;
}
.item-display-section {
  display: flex;
}
.time-section h2 {
  margin: 0;
  display: contents;
  font-size: 22px;
  color: #3c4152;
  font-weight: 600;
}
.time-section {
  padding: 22px 7px 15px 0;
  border: 1px solid #ccd1d4;
  border-left: unset;
  height: 67px;
}
.time-section .fa-check-circle:before {
  color: #00823b;
  opacity: 0.5;
  margin-left: 10px;
}
.time-section i {
  font-size: 17px;
}
.display-item {
  border: 1px solid #ccd1d4;
  border-radius: 3px;
  padding: 7px 0;
  text-align: center;
  position: relative;
  font-weight: 600;
  margin: 13px auto;
}
.display-item i.fa-angle-left {
  position: absolute;
  left: 0;
  top: 8px;
  cursor: pointer;
}
.display-item i.fa-angle-left:before {
  padding: 8px;
  background-color: #efefef;
  font-size: 16px;
  position: relative;
  top: 0;
}
.display-item i.fa-angle-right {
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer;
}
.display-item i.fa-angle-right:before {
  padding: 9px;
  background-color: #efefef;
  position: relative;
  top: 0;
}
.display-item i.fa-angle-right:hover:before {
  background-color: #0e9aef;
  color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.display-item i.fa-angle-left:hover:before {
  background-color: #0e9aef;
  color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
h2 > span.day {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
h2 > span.month {
  font-size: 16px;
  color: #444;
  font-weight: 600;
  opacity: 0.5;
}
h2 > span.time {
  font-size: 16px;
  color: #0e9aef;
  font-weight: 600;
}
.timesheet-popup .user_timesheet_container {
  display: inline-block;
  width: 100%;
}
.timesheet-popup .user_timesheet_container .timer_list_main_div {
  display: flex;
  position: relative;
  align-items: center;
}
.timesheet-popup .user_timesheet_container .timer_list_main_div:hover {
  background-color: rgba(14, 154, 239, 0.1);
}
.timesheet-popup
  .user_timesheet_container
  .timer_list_main_div:hover
  .task-icon
  svg {
  fill: #0e9aef;
}
.timesheet-popup
  .user_timesheet_container
  .timer_list_main_div
  div.start_stop_timer_div {
  width: fit-content;
}
.timesheet-popup
  .timer_list_main_div
  div.start_stop_timer_div
  div.timer_class_div
  i.fa-play {
  color: #24be6a;
}
.timesheet-popup
  .timer_list_main_div
  .timer_class_div.start_timer_div
  i.fa-play-circle {
  color: #24be6a;
  font-size: 18px;
}
.timesheet-popup
  .timer_list_main_div
  .timer_class_div.start_timer_div
  i.fa-stop-circle {
  color: #e8585a;
  font-size: 18px;
}
.timesheet-popup
  .timer_list_main_div
  div.start_stop_timer_div
  div.timer_class_div {
  margin-left: 10px !important;
  padding: 4px;
  width: 110px;
  color: #000;
  position: relative;
  border: 1px solid #d5d5d6;
  border-radius: 30px;
}
.timesheet-popup
  .timer_list_main_div
  .timer_class_div.start_timer_div
  i.fa-chevron-down {
  cursor: pointer;
  font-size: 12px;
  color: #000;
  opacity: 0.6;
  border: 0;
  position: absolute;
  right: 0;
  top: 8px;
}
.timesheet-popup
  .timer_list_main_div
  .timer_class_div.start_timer_div
  i.fa-chevron-down:before {
  border-left: 1px solid #d5d5d6;
  padding: 8px 9px 8px 8px;
  background-color: #efefef;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}
.timesheet-popup .timer_list_main_div div.capture_name_div {
  width: 70%;
}
.timesheet-popup
  .timer_list_main_div
  div.start_stop_timer_div
  div.timer_class_div
  span {
  position: relative;
  top: -2px;
  left: 3px;
}
.timesheet-popup .user_timesheet_container .comment-section {
  padding: 0 5px;
  display: inline-block;
}
.timesheet-popup .user_timesheet_container .task-icon {
  padding: 0 5px;
  position: relative;
  top: 5px;
  display: inline-block;
}
.timesheet-popup .timer_list_main_div div.project_asssign_div {
  margin: 6px 0;
}
.timesheet-popup .timer_list_main_div div.inner_div {
  display: inline-block;
}
.timesheet-popup .timer_list_main_div .action-section {
  display: flex;
  width: 30%;
  justify-content: flex-end;
}
.timesheet-popup
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div {
  border-bottom: 2px transparent solid;
}
.timesheet-popup
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div:hover {
  background-color: rgba(14, 154, 239, 0.1);
  border-bottom: 2px solid #0e9aef;
}
.timesheet-popup .days-container {
  border: 1px solid #ccd1d4;
  width: 100%;
  border-radius: 3px;
  padding: 16px;
}
.timesheet-popup .days-container .days {
  color: #3c4152;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 600;
}
.timesheet-popup .days-container .days span {
  color: #0e9aef;
}
.timesheet-popup .days-container .time {
  display: inline-flex;
}
.timesheet-popup .days-container .time h2 {
  margin: 0;
  font-weight: 600;
  color: #3c4152;
}
.timesheet-popup .days-container .time i.fa-check-circle {
  font-size: 18px;
  margin-left: 10px;
  padding-top: 5px;
  color: #00823b;
  opacity: 0.6;
}
.timesheet-popup .month-container {
  border: 1px solid #e7eaec;
  width: 100%;
  border-radius: 3px;
  padding: 0;
  height: 62px;
}
.week-container .user_timesheet_date_filter {
  width: inherit;
}
.week-container .user_timesheet_date_filter .time-section {
  float: right;
  border-top: unset;
  border-bottom: unset;
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 12px 0 0;
}
.time-edit-dropdown {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 99999;
  background: #fff;
  padding: 16px;
}
.timesheet-popup .readthisnote-container {
  top: 97px;
  border: 1px solid #d5d5d6;
  box-shadow: 0 0 28px -8px rgba(0, 0, 0, 0.2);
  width: 200px;
  right: 0;
  position: absolute;
  z-index: 9999;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
}
.timesheet-popup .readthisnote-container ul {
  list-style: none;
}
.timesheet-popup .readthisnote-container ul li {
  padding: 4px 0;
}
.timesheet-popup .readthisnote-container ul li svg {
  width: 16px;
  fill: #81858f;
  min-width: 18px;
}
.timesheet-popup .readthisnote-container ul li b {
  color: #81858f;
  font-size: 13px;
  font-weight: 400;
}
.timesheet-popup .readthisnote-container ul li i {
  color: #81858f;
  min-width: 18px;
}
.timesheet-popup .readthisnote-container ul li i.fa-trash {
  color: #e10000;
  text-align: center;
}
.timesheet-popup .readthisnote-container ul li.delete b {
  color: #e10000;
}
.timer_history_options_ctrl .display-item {
  margin-left: 0 !important;
}
.timer_history_options_ctrl .display-item i.fa-angle-left {
  top: 8px;
}
.timer_history_options_ctrl .display-item {
  width: 120px !important;
  border: 1px solid #efefef !important;
  border-radius: 3px;
  background-color: #fff;
  display: inline-block !important;
}
.main-header.header-top.fixed-top-header .gray_theme_logo img {
  margin: 3px 8px;
  width: 30px;
  text-align: center;
  width: 23px;
  height: 23px;
}
.main-header.header-top.fixed-top-header .gray_theme_logo img.with_white_bg {
  margin: 0 4px;
  width: 30px;
  text-align: center;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 4px;
  padding: 5px;
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul {
  list-style: none;
  margin-left: 5px;
  position: relative;
  padding: 0;
  left: 0;
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul > li {
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  float: left;
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul > li > a {
  color: #b4b5b9;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
  transition: background-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -webkit-transition: background-color 0.2s
    cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -moz-transition: background-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86)
    0s;
  -ms-transition: background-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86)
    0s;
  -o-transition: background-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  font-weight: 400;
  position: relative;
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul > li > a.active {
  background-color: rgba(0, 0, 0, 0.15);
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul > li > a.active:before {
  bottom: -1px;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-bottom-color: #0e9aef;
  background: 0 0;
  display: inline-block;
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul > li > a:hover {
  color: #fff;
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul > li {
  position: relative;
}
.nav.nav-left .active:before {
  display: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
  background: #0e9aef;
}
.main-header .nav.nav-left ul.nav-ul > li:after {
  display: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #0e9aef;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.main-header .nav.nav-left .nav-right-side .nav-setting {
  float: left;
}
.main-header .nav.nav-left .nav-right-side {
  float: right;
}
.main-header .nav.nav-left .user_profile_main_ctrl {
  margin: 9px 20px 0 0;
}
.main-header .nav.nav-left .nav-right-side .nav-setting i {
  margin: 16px 17px;
  color: #fff;
}
.nav-right-side .sidebar_bottom_list {
  position: static;
}
.nav-right-side ul > li {
  display: inline-block;
}
.nav-right-side ul.layout_icons.dropdown-menu.animated.fadeIn li {
  display: block;
}
.nav-right-side .sidebar_bottom_list ul.sidebar_ul a {
  padding: 3px 4px;
}
.nav-right-side .sidebar_bottom_list ul.sidebar_ul a > i {
  position: relative;
  top: -9px;
  padding-right: 15px;
}
.inbox_heading_innr_right .compact_ui a {
  display: flex;
}
.inbox_heading_innr_right .compact_ui a svg {
  width: 14px !important;
  fill: #878d91;
  margin: 0;
}
.inbox_heading_innr_right .compact_ui a svg:hover {
  fill: #fff;
}
.inbox_heading_innr_right .compact_ui {
  margin-right: 15px !important;
  margin-left: 0 !important;
}
.inbox_heading_innr_right .get-more-app {
  color: #333;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  padding: 10px 15px 7px 15px;
}
.inbox_heading_innr_right .get-more-app svg {
  float: right;
  position: relative;
  top: 4px;
  right: 2px;
}
.inbox_heading_innr_right .upload_dropdown {
  margin: 0 8px 0 8px !important;
}
.intigration-icon {
  margin: 0 4px 0 7px;
  position: relative;
}
.notification_ctrl {
  margin-right: 15px;
  position: relative;
  top: 2px;
}
.intigration-icon > svg {
  padding: 0;
  transition: 0.2s ease;
  cursor: pointer;
}
.intigration-icon > svg:hover > path.a {
  fill: #fff;
}
.intigration-icon > svg > path.a {
  fill: #878d91;
}
span.toggle_tree_menu.closedTree i.fas.fa-chevron-left {
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-header .nav.nav-left ul.nav-ul > li.active > a {
  color: #fff;
}
.apps_top_bar_ctrl {
  margin: 0 0 0 6px;
  padding: 0;
  display: flex;
  align-items: center;
  height: 58px;
}
.apps_top_bar_right {
  margin-left: auto;
}
.nav-right-side .setting-top-bar.setting-right {
  display: inline-block;
  margin: 14px 20px 0 0;
}
.nav-right-side .setting-top-bar.setting-right i.fas.fa-cog {
  color: #fff;
}
.screenshot-modal-wrapper .content-RC-fullScreen-modal.bg-white {
  background: #fff;
  padding-bottom: 0;
}
.content-RC-fullScreen-modal .tabbing-nav {
  float: left;
}
.content-RC-fullScreen-modal .modal-tabbing-nav-top {
  background: #3c4152;
  display: inline-block;
  width: 100%;
  padding-left: 16px;
}
.modal-tabbing-nav-top .popup-close {
  float: right;
  padding: 0;
  border: 0;
  background: 0 0;
  margin: 14px 20px;
}
.modal-tabbing-nav-top .popup-close svg path {
  fill: #fff;
}
.modal-tabbing-nav-top ul li {
  margin-top: 8px;
  margin-left: 0 !important;
}
.modal-tabbing-nav-top ul li > a {
  font-size: 14px;
  color: #fff !important;
  padding: 10px 15px;
  border: 0;
  margin: 0;
  border-radius: 6px 6px 0 0;
}
.modal-tabbing-nav-top ul li .nav-item.nav-link.active {
  background: #fff !important;
  font-size: 14px;
  color: #333 !important;
  border: 0;
}
.modal-tabbing-nav-top ul li.active a {
  color: #3c4152 !important;
  background-color: #fff !important;
}
.modal-tabbing-nav-top ul li a {
  color: #fff !important;
  font-weight: 400;
  font-size: 14px;
}
.modal-tabbing-nav-top ul li a:hover {
  color: #333 !important;
  background: #fff;
  border-radius: 6px 6px 0 0;
}
.modal-tabbing-nav-top ul > li > a:focus {
  border-radius: 6px 6px 0 0 !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #fff !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active a {
  color: #333;
}
.content-RC-fullScreen-modal.bg-white .tab-content p {
  margin-bottom: 0;
}
.content-RC-fullScreen-modal.bg-white .destination-grey-bold span {
  font-weight: 700;
  color: #333;
  font-size: 11px;
}
.content-RC-fullScreen-modal.bg-white
  .breadcrumb_dropdown_ctrl
  > .dropdown-menu {
  display: none;
}
.breadcrumb-wrapped {
  display: flex;
  align-items: center;
}
.breadcrumb-warp {
  display: flex;
}
.content-RC-fullScreen-modal ul.folder-breadcrumb-popup {
  display: block;
  display: inline-flex;
  border: 1px solid #e1e1e2;
  margin: 0 0 0 16px;
  border-radius: 3px;
}
.content-RC-fullScreen-modal ul.folder-breadcrumb-popup li {
  padding: 6px 10px;
  border-right: 1px solid #e1e1e2;
}
.content-RC-fullScreen-modal ul.folder-breadcrumb-popup li .fa-chevron-right {
  padding-left: 5px;
}
.content-RC-fullScreen-modal ul.folder-breadcrumb-popup li:last-child {
  border-right: 0px;
}
.content-RC-fullScreen-modal.bg-white .captures.captures-icon-inline {
  padding-left: 16px;
  padding-bottom: 10px;
}
.breadcrumb-warp .content-RC-fullScreen-modal ul.folder-breadcrumb-popup {
  padding: 6px 10px;
}
.captures.captures-icon-inline .root_folder_icon {
  padding-right: 0;
}
.choose-destination ul#split_view_captures_breadcrumb {
  padding: 18px 0 8px 16px;
}
.content-RC-fullScreen-modal.bg-white .choose-destination {
  text-transform: uppercase;
  font-weight: 600;
  padding: 16px 0 0 18px;
  color: #9f9f9f;
}
.content-RC-fullScreen-modal.bg-white .tabs-dropdown {
  display: inline-block;
  vertical-align: top;
}
.captures.captures-icon-inline span.export-icon {
  padding: 4px 5px;
  position: relative;
  top: 5px;
  display: inline-block;
  border: 1px solid #e1e1e2;
  left: 2px;
}
.captures.captures-icon-inline span.export-icon svg {
  position: relative;
  top: 2px;
}
.tab-content .capture-icon-inner {
  display: inline-block;
  border: 1px solid #e1e1e2;
}
.captures.captures-icon-inline ul#straight_view_breadcrumb {
  border-left: 1px solid #e1e1e2;
}
.content-RC-fullScreen-modal.bg-white .capture-list i {
  padding: 10px 0;
  font-size: 13px;
  color: #6b7587;
}
.content-RC-fullScreen-modal.bg-white .capture-list i span {
  padding: 10px 16px;
  color: #333;
  font-weight: 400;
}
.content-RC-fullScreen-modal.bg-white .capture-list .border-bottom-grey {
  border-bottom: 1px solid #e1e1e2;
  padding-left: 30px;
}
.add-more-field.border-bottom-grey i span {
  font-weight: 700 !important;
  color: #0000003d !important;
}
.capture-title .capturetitle-inner span {
  font-size: 18px;
  color: #000;
}
.capture-title {
  padding-left: 16px;
}
.capture-title .capturetitle-inner {
  padding: 18px 0 0;
}
.capture-title .capture-title-text {
  width: calc(100% - 100px);
  display: inline-block;
  border-bottom: 1px solid #e1e1e2;
  padding-bottom: 6px;
}
.capture-title .capture-title-text span {
  margin-left: 6px;
}
.capture-title .capture-title-icon.icon-right {
  float: right;
  padding-right: 16px;
}
.capture-title .capture-title-icon.icon-right i.far.fa-calendar {
  color: #06b45d;
  font-size: 14px;
  padding: 4px;
  border-radius: 100%;
  border-width: 2px 2px;
  border-style: dotted;
}
.capture-title .capture-title-icon.icon-right i.fas.fa-flag {
  color: #afd3ea;
  font-size: 14px;
  padding: 4px;
  border-radius: 100%;
  border-width: 2px 2px;
  border-style: dotted;
}
.capture-title-icon.icon-right i {
  margin-left: 10px;
}
.tabs-text-area {
  padding: 0 16px;
}
.tabs-text-area textarea {
  resize: none;
  border: none;
  padding: 15px 6px 35px;
  width: 100%;
  font-size: 14px;
}
.tabs-text-area textarea:focus {
  outline: 0;
}
.capture-upload-file {
  padding: 0 16px;
  margin-bottom: 20px;
  text-align: center;
}
.capture-upload-file .capture-upload-file-inner {
  width: 100%;
  border: 1px dashed #49566b61;
  padding: 30px 0;
  text-align: center;
  font-size: 14px;
}
.capture-upload-file p {
  margin-top: 18px;
  font-size: 14px;
}
.capture-upload-file p span {
  color: #0e9aef;
}
.tabs-footer-bottom .tabs-footer-inner {
  padding: 7px 15px 7px 16px;
  display: flow-root;
}
.tabs-footer-bottom .tabs-footer-inner .footer-button-left {
  float: left;
  display: inline-flex;
}
.tabs-footer-bottom .tabs-footer-inner .footer-button-left .ml-4 {
  margin-left: 4px;
}
.tabs-footer-bottom .tabs-footer-inner .footer-button-left .display_timer_ui {
  background: #fff;
  border: 1px solid #d5d5d6;
  border-radius: 6px;
  padding: 0 0 0 6px;
}
.tabs-footer-bottom .tabs-footer-inner .footer-right {
  float: right;
  position: relative;
}
.tabs-footer-bottom button.btn {
  font-size: 14px;
}
.tabs-footer-bottom button.btn.btn-save {
  background: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.tabs-footer-bottom .tabs-footer-inner .footer-right svg {
  width: 14px;
  height: 14px;
  margin: 10px 10px;
}
.tabs-footer-inner .footer-right span.footer-icon {
  display: inline-block;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.add-assignee.border-bottom-grey svg {
  margin: 10px 0;
  display: inline-block;
  vertical-align: middle;
  vertical-align: middle;
}
.add-assignee.border-bottom-grey span {
  padding: 0 11px;
  display: inline-block;
  vertical-align: middle;
}
.add-more-field.border-bottom-grey svg {
  margin: 10px 0;
  display: inline-block;
  vertical-align: middle;
}
.add-more-field.border-bottom-grey span {
  padding: 0 16px;
  font-weight: 700;
  color: #9f9f9f;
  display: inline-block;
  vertical-align: middle;
}
.content-RC-fullScreen-modal.bg-white.custom-modal-sm {
  max-width: 900px;
  z-index: 999;
}
.compact_ui.toggle-editable label.switch.switch_active {
  width: 27px;
  height: 9px;
  margin: 0 0 0 6px;
  bottom: -1px;
}
.compact_ui.toggle-editable .slider {
  background-color: #b7b7b7;
}
.compact_ui.toggle-editable .slider:before {
  width: 14px !important;
  height: 14px !important;
  border: none;
  background-color: #5d5d5d;
}
.compact_ui.toggle-editable input:checked + .slider:before {
  transform: translateX(13px);
}
.timer_history_ctrl {
  padding: 10px;
  border-top: 1px solid #ccd1d4;
  border-bottom: 1px solid #ccd1d4;
  background-color: #f5f5f7;
}
.timer_history_ctrl
  .total-count-row
  ul.list-group2
  li:first-child.list-group-item {
  border-color: #ccd1d4;
  background-color: #fff;
}
.timer_history_ctrl .total-count-row ul.list-group2 .list-group-item {
  border: 1px solid #ccd1d4;
}
.timer_history_ctrl .user_timesheet_date_filter {
  border: 1px solid #ccd1d4;
  margin: 0;
  display: inline-block;
  width: 100%;
}
.timesheet-popup.in_details_pane
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div {
  min-height: 42px;
  padding: 2px 6px;
  display: inline-block;
  align-items: center;
  border-right: 1px solid #ccd1d4;
  float: left;
  background-color: #fff;
  width: calc(100% / 7);
  text-align: center;
}
.timesheet-popup.in_details_pane
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div
  > div {
  width: 100%;
  text-align: center;
}
.timesheet-popup.in_details_pane
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div.active {
  background-color: rgba(14, 154, 239, 0.1);
  border-bottom: 2px solid #0e9aef;
}
.timesheet-popup.in_details_pane
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div:hover {
  background-color: rgba(14, 154, 239, 0.1);
  border-bottom: 2px solid #0e9aef;
}
.timesheet-popup.in_details_pane
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div:last-child {
  border-right: 0;
}
.timer_history_ctrl .total-count-row .list-group2 {
  margin: 0;
}
.timer_history_ctrl .display-item {
  width: auto;
  text-align: center;
  height: auto;
  display: inline-flex;
  margin: 0 0 0 7px;
  position: relative;
  border: 0;
}
.timer_history_ctrl .select_option {
  background-color: #fff;
  border: 1px solid #ccc;
  width: auto;
  padding: 3px 30px;
  margin: 0;
  display: inline-flex;
  border-radius: 3px;
}
.timer_history_ctrl .select_option > i:before {
  height: auto;
  top: 0;
  left: 0;
  background: 0 0 !important;
  border: 0;
  padding: 0;
  left: 10px;
  position: absolute;
  font-size: 14px;
  top: 3px;
  color: #465369;
  opacity: 0.6;
}
.timer_history_ctrl .select_option > i:hover:before {
  color: #465369;
  border-radius: 0 !important;
  opacity: 1;
}
.timer_history_options_ctrl {
  display: flex;
  align-items: center;
  margin: 0 0 7px 0;
}
.time_history_update_buttons {
  margin-top: 6px;
}
.time_history_update_buttons button.btn {
  border-radius: 3px;
}
.time_history_update_buttons button.btn.no-bg {
  background: 0 0;
  border: 0;
}
.timer_history_ctrl .total-count-row ul.list-group2 li.list-group-item:hover {
  border-color: #3c4152;
  background-color: #3c4152;
  color: #fff;
}
.timer_history_ctrl
  .total-count-row
  ul.list-group2
  li.list-group-item.active:hover {
  border: 1px solid #3c4152;
  background-color: #3c4152;
  border-left: 0;
}
h5.sec_label {
  color: #465369;
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 14px;
  font-weight: 600;
}
.edit_estimate_section {
  display: flex;
  align-items: center;
}
.update_estimate {
  display: inline-flex;
  margin: 0 7px 0 0;
  max-width: 72px;
}
.update_estimate input {
  height: 30px;
  margin: 0 !important;
  padding: 5px;
  display: inline-flex;
  border-radius: 3px;
  border: 1px solid #e7eaec;
  width: 100%;
}
.update_estimate input:focus {
  border: 1px solid #0e9aef;
}
.edit_estimate_section .time_history_update_buttons {
  margin: 0;
}
.popup_toobar_panel {
  justify-content: space-between;
}
.zoom-ctrl-preview_Details {
  margin: 0;
  width: auto;
  max-height: 24px;
  display: inline-block;
}
.zoom-ctrl-preview_Details .range-slider {
  width: 100% !important;
  margin: 3px 0;
}
.preview_page_zoom_ctrl_widget.zoom-ctrl-preview_Details .btn {
  width: 30px !important;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #0e9aef !important;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #0e9aef !important;
}
.four_column_view_dropdown.hide-show-fields i {
  margin-right: 8px;
  margin-left: 8px;
}
.four_column_view_dropdown.hide-show-fields .hide-show-btn {
  display: flex;
  padding: 8px 8px 4px;
  justify-content: flex-end;
  border-top: 1px solid #efefef;
}
.four_column_view_dropdown.hide-show-fields .hide-show-btn .btn {
  color: #000;
  background: #ebebeb;
  border: 1px solid #dcdcdc;
  margin-left: 5px;
  padding: 3px 11px;
  font-size: 12px;
  transition: ease-in 0.3s;
}
.four_column_view_dropdown.hide-show-fields .hide-show-btn .btn:hover {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.four_column_view_dropdown.hide-show-fields
  .tree_menu_toggle_main_div.dropdown-menu {
  margin-left: -25px !important;
  margin-right: 0 !important;
}
.four_column_view_dropdown.hide-show-fields
  .tree_menu_toggle_main_div.dropdown-menu:after {
  content: "";
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: 1px;
}
span.task_list_data_placeholder.task_assignee_list_placeholder.sorting {
  opacity: 1;
}
.task_assignee_list_placeholder.sorting .toggle-chevron.with_label {
  opacity: 0.8 !important;
}
.clr-line-on-hover {
  position: absolute;
  height: 100%;
  width: 1px;
  z-index: 8;
  margin-left: -1px;
}
span.toggle_tree_menu.closedTree:hover + .clr-line-on-hover {
  background: #0e9aef !important;
}
.second_nav_ctrl {
  margin-left: 1px;
}
.email-sidebar-grey-theme#email_sidebar {
  background-color: #f5f5f7 !important;
  border: 1px solid #dadce0 !important;
}
.email-sidebar-grey-theme#email_sidebar .gray_900_color .treeview-heading h3 {
  color: #465369 !important;
}
.email-sidebar-grey-theme ul.left-menu-spacing > li {
  color: #465369 !important;
}
.email-sidebar-grey-theme .treeview_search_filter_ctrl .filtertxt_input {
  background-color: #e9e9eb;
  border-color: #e9e9eb;
  border-radius: 0;
  width: 100% !important;
  font-weight: 400;
  color: #465369 !important;
  padding: 3px 10px 3px 32px !important;
  height: 34px;
  font-weight: 600;
  font-size: 14px;
}
.email-sidebar-grey-theme i.fas.fa-search {
  position: absolute;
  left: 10px;
  top: 11px;
}
.email-sidebar-grey-theme
  .ui_style_ctrl
  ul.mainmenu-gmail-panel
  li
  .mail-count {
  color: #465369 !important;
}
.email-sidebar-grey-theme .ui_style_ctrl ul.mainmenu-gmail-panel li span i.far,
.ui_style_ctrl ul.mainmenu-gmail-panel li span i.fas {
  font-size: 11px;
  color: #465369;
}
.email-sidebar-grey-theme .treeview_search_filter_ctrl .filtertxt_input:hover {
  border-color: #e9e9eb;
  background-color: #e9e9eb !important;
}
.email-sidebar-grey-theme .compose-email a svg {
  fill: #465369 !important;
}
.email-sidebar-grey-theme .compose-email a svg:hover {
  fill: #465369 !important;
}
.email-sidebar-grey-theme .activeness {
  background: #fff !important;
}
.email-sidebar-grey-theme .left-menu-spacing > li:hover {
  background-color: transparent !important;
}
.email-sidebar-grey-theme span.main_label_name {
  color: #465369 !important;
}
.email-sidebar-grey-theme .treeview-heading h3 {
  color: #465369;
  font-size: 14px;
}
.email-sidebar-grey-theme .node-wrapper .custom_lablel_orignal_name:hover {
  background: #fff !important;
}
.email-sidebar-grey-theme .node-wrapper .custom_lablel_orignal_name {
  color: #676a6c !important;
}
.email-sidebar-grey-theme input#filtertext::placeholder {
  color: #465369 !important;
}
.email-sidebar-grey-theme .label-listing.left-menu-spacing li > div {
  color: #465369 !important;
}
.email-sidebar-grey-theme .label-listing.left-menu-spacing > li > div:hover {
  background: #fff !important;
  color: #465369 !important;
}
.email-sidebar-grey-theme .label-listing.left-menu-spacing > li > div i {
  color: rgba(0, 0, 0, 0.5);
}
.email-sidebar-grey-theme .label-listing.left-menu-spacing > li > div i:hover {
  color: #465369 !important;
}
.cntxt_menu i,
.email-sidebar-grey-theme
  .node-wrapper
  .custom_lablel_orignal_name:hover
  .preview_pane_ctrl.cntxt_menu {
  background: #fff !important;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease;
}
.cntxt_menu i:hover,
.email-sidebar-grey-theme
  .node-wrapper
  .custom_lablel_orignal_name:hover
  .preview_pane_ctrl.cntxt_menu {
  background: #fff !important;
  color: #465369;
}
.email-sidebar-grey-theme .ui_style_ctrl .addlabel button {
  color: rgba(0, 0, 0, 0.5);
}
.email-sidebar-grey-theme .sideMenu_bottom_links ul.bottom_links > li > a {
  color: #303b42;
}
.email-sidebar-grey-theme .ui_style_ctrl .addlabel button:hover {
  color: #303b42;
}
.email-sidebar-grey-theme .treeview-heading.title-slide:hover {
  background: #fff !important;
}
.email-sidebar-grey-theme div#MainMenu .ui_style_ctrl .compose-email {
  margin: 9px 0 0 0;
}
.email-sidebar-grey-theme .node-wrapper .custom_lablel_orignal_name {
  padding: 0 4px !important;
}
.email-sidebar-grey-theme
  .node-wrapper
  .ui_style_ctrl
  ul.mainmenu-gmail-panel
  li
  .mail-count {
  color: #465369 !important;
}
.email-sidebar-grey-theme .ui_style_ctrl ul.left-menu-spacing > li {
  padding: 5px 12px 5px 14px;
  transition: border 0.2s ease-in;
  -webkit-transition: border 0.2s ease-in;
  -moz-transition: border 0.2s ease-in;
  -ms-transition: border 0.2s ease-in;
  -o-transition: border 0.2s ease-in;
}
.email-sidebar-grey-theme .hvr-sweep-to-right:before {
  background-color: #fff;
}
.email-sidebar-grey-theme .hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.email-sidebar-grey-theme.email-sidebar-grey-theme span.main_label_name {
  margin-left: -5px !important;
}
.email-sidebar-grey-theme .ui_style_ctrl .treeview_search_filter_ctrl {
  margin-bottom: 20px !important;
}
.email-sidebar-grey-theme div#labels-listing.ui_style_ctrl .treeview-heading {
  padding-top: 9px;
  padding-bottom: 9px !important;
  padding-left: 0;
}
.email-sidebar-grey-theme
  div#labels-listing.ui_style_ctrl
  .treeview-heading
  .addlabel {
  top: auto;
}
.email-sidebar-grey-theme .node-wrapper .tree-node-inner-back {
  padding-bottom: 0 !important;
  margin: 0 !important;
  padding-top: 0;
  padding-bottom: 4px;
  line-height: 18px;
  font-size: 13px;
}
.email-sidebar-grey-theme
  div#labels-listing.ui_style_ctrl
  .treeview-heading
  .addlabel
  i {
  font-size: 11px;
  position: relative;
  right: -2px;
}
.email-sidebar-grey-theme
  div#assignee-listing.ui_style_ctrl
  .treeview-heading
  .addlabel {
  top: auto;
}
.email-sidebar-grey-theme
  div#assignee-listing.ui_style_ctrl
  .treeview-heading
  .addlabel
  i {
  font-size: 11px;
}
.email-sidebar-grey-theme .getCustomLabelListingId {
  padding: 5px 18px !important;
}
.email-sidebar-grey-theme .gmailcustomlabeltreeview {
  padding: 0 !important;
}
.email-sidebar-grey-theme div#labels-listing.ui_style_ctrl .treeview-heading {
  border-bottom: 0 solid #d5d5d6;
}
.email-sidebar-grey-theme .node-wrapper .custom_lablel_orignal_name {
  color: #465369 !important;
}
.email-sidebar-grey-theme .inbox i.fa-inbox {
  color: #79aff0;
}
.email-sidebar-grey-theme .second_nav_ctrl {
  background-color: #f5f5f7;
}
.email-sidebar-grey-theme .left-menu-spacing > li.go_back {
  margin-left: 0;
}
.email-sidebar-grey-theme .left-menu-spacing > li:hover {
  border-left: 0;
}
.email-sidebar-grey-theme .go_back {
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
}
.email-sidebar-grey-theme
  .left-menu-spacing
  > div#MainMenu
  .ui_style_ctrl
  .compose-email {
  margin: 0 9px 0 0;
}
.email-sidebar-grey-theme div#assignee-listing.ui_style_ctrl .treeview-heading {
  padding: 12px 0;
}
.email-sidebar-grey-theme .gray_900_color .treeview-heading h3 {
  padding-left: 15px;
}
.email-sidebar-grey-theme
  div#assignee-listing.ui_style_ctrl
  .treeview-heading
  .addlabel {
  right: 13px;
}
.email-sidebar-grey-theme .left-menu-spacing > li:hover {
  color: #5b5b5b !important;
}
.email-sidebar-grey-theme div#MainMenu .ui_style_ctrl .compose-email {
  z-index: inherit;
}
.email-sidebar-grey-theme
  div#labels-listing.ui_style_ctrl
  .treeview-heading
  .addlabel {
  z-index: inherit;
}
.email-sidebar-grey-theme
  div#assignee-listing.ui_style_ctrl
  .treeview-heading
  .addlabel {
  z-index: inherit;
}
.email-sidebar-grey-theme .node-wrapper .innertTextContent.email-sidebar > svg {
  margin-right: 5px;
}
.email-sidebar-grey-theme .cntxt_menu i {
  padding: 0;
}
.email-sidebar-grey-theme div#assignee-listing.ui_style_ctrl .treeview-heading {
  border-bottom: 1px solid #d5d5d6;
}
.email-sidebar-grey-theme .sideMenu_bottom_links ul.bottom_links > li a.active,
.gray_900_color .sideMenu_bottom_links ul.bottom_links > li:hover a {
  background-color: #fff !important;
  color: #303b42 !important;
}
.email-sidebar-grey-theme .tree-node.active > .tree-node-inner-back {
  background-color: #fff !important;
  border-left: inherit;
}
.email-sidebar-grey-theme
  .ui_style_ctrl
  .label-listing.left-menu-spacing
  li
  > div {
  padding-left: 18px;
}
.email-sidebar-grey-theme .assigneelabels ol.sortable.email_labels_list li div {
  margin-right: 0;
}
.email-sidebar-grey-theme
  .assigneelabels
  ol.sortable.email_labels_list
  li
  div.elem_circle {
  margin-right: 10px;
}
.email-sidebar-grey-theme .email_assignee_label_remove {
  padding-right: 10px;
}
.email-sidebar-grey-theme .sideMenu_bottom_links ul.bottom_links > li a.active,
.gray_900_color .sideMenu_bottom_links ul.bottom_links > li:hover a {
  background-color: #fff !important;
  color: #303b42 !important;
}
.tabs-footer-bottom
  .tabs-footer-inner
  .footer-button-left
  button.btn.btn-xs.start_timer {
  padding: 0 6px;
  border-radius: 100%;
  height: 16px;
  color: #fff;
  width: 16px;
  background: #0e9aef;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}
.tabs-footer-bottom
  .tabs-footer-inner
  .footer-button-left
  .display_timer_ui
  .time_tracked {
  font-size: 14px;
  color: #0e9aef;
}
.tabs-footer-bottom
  .tabs-footer-inner
  .footer-button-left
  .airtable_ui.margin-left-auto {
  height: 32px;
  width: 32px;
  background: #f5f5f5;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-left: 5px !important;
  border-radius: 6px;
  border: 1px solid #d5d5d6;
}
.tabs-footer-bottom
  .tabs-footer-inner
  .footer-button-left
  button.btn.btn-xs.start_timer
  i {
  margin-right: 0;
  color: #fff;
}
.bg-white.custom-modal-sm .tabs-footer-bottom {
  background: #f5f5f5;
}
.tabs-footer-bottom .tabs-footer-inner .footer-right svg {
  vertical-align: middle;
  justify-content: center;
}
.tabs-footer-bottom .tabs-footer-inner .footer-right span.footer-icon:after {
  height: 100%;
  width: 1px;
  background: #e1e1e2;
  content: "";
  position: absolute;
  margin-left: -37px;
}
.recent-caputer-popup.custome-popup {
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff;
  width: 100%;
  max-width: 278px;
}
.recent-caputer-popup .top-popup-search-row {
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  padding: 12px 19px 12px 17px;
  background: #f5f5f5;
}
.recent-caputer-popup .top-popup-search-row h3 {
  padding: 0;
  margin: 0;
  line-height: 24px;
  color: #151b26;
}
.recent-caputer-popup .top-popup-search-row i {
  padding-left: 11px;
  font-size: 14px;
}
.recent-caputer-popup .top-popup-search-row i.fas.fa-plus {
  font-size: 12px;
}
.recent-caputer-popup .recent-capture-search-bar {
  padding: 14px 14px 14px 14px;
  position: relative;
}
.recent-caputer-popup .input-group {
  width: 100%;
  position: relative;
}
.recent-caputer-popup .input-group input.search.form-control {
  height: 28px;
  border: 1px solid #d5d5d6;
  padding-left: 35px;
  border-radius: 3px;
  background-color: #eeeef0;
}
.recent-capture-search-bar i {
  position: absolute;
  left: 12px;
  z-index: 999;
  top: 7px;
  font-size: 14px;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  color: #0e9aef;
}
input.search.form-control::placeholder {
  color: #465369;
  font-size: 13px;
}
.recent-capture-document-dropdown {
  display: flex;
  justify-content: space-between;
  margin: 0 16px 11px 14px;
}
.recent-capture-document-dropdown .four_column_view_dropdown {
  padding: 9px 6px 6px;
  border: 1px solid #d5d5d6;
  border-radius: 3px;
  background: #f6f6f6;
}
.four_column.sorting_dropdown:hover,
.recent-capture-document-dropdown
  .dropdown.open
  > .four_column.sorting_dropdown {
  background: 0 0;
  border: 0;
}
.recent-capture-document-dropdown .toggle-chevron {
  font-size: 13px;
  color: #465369cc !important;
  font-weight: 600 !important;
}
.recent-capture-document-dropdown .four_column.sorting_dropdown {
  line-heigh: normal;
  padding: 0 20px 0 6px;
}
.recent-capture-document-dropdown .capture-document-count {
  display: flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}
.recent-capture-list {
  background: #eeeef0 !important;
  top: 4px;
}
.recent-capture-list .capture-document-count i {
  padding-right: 4px;
}
.recent-capture-list.ui_style_ctrl .treeview-heading h3 {
  font-size: 13px;
  margin: 0;
  color: #465369 !important;
}
.recent-capture-list.ui_style_ctrl .treeview-heading {
  padding: 0 !important;
}
.recent-capture-list.ui_style_ctrl {
  background: 0 0 !important;
}
.ui_style_ctrl.recent-capture-list .treeview-heading.title-slide {
  padding: 0 !important;
}
.ui_style_ctrl.recent-capture-list .treeview-heading.title-slide {
  padding: 10px 16px !important;
  border: 2px solid #eaeaea;
  background: #eeeef0 !important;
}
.recent-capture-list.ui_style_ctrl .treeview-heading .addlabel {
  position: static !important;
}
.ui_style_ctrl.recent-capture-list .capture_thumb.screenshot {
  display: inline-block;
}
.ui_style_ctrl.recent-capture-list .accordion_content {
  padding: 0;
}
.ui_style_ctrl.recent-capture-list .gmailcustomlabeltreeview ul li {
  display: inline-block;
  vertical-align: middle;
}
.ui_style_ctrl.recent-capture-list .gmailcustomlabeltreeview {
  padding: 9px 16px;
  display: none !important;
}
div#capture-modal .modal-content {
  border-radius: 6px;
  height: 100%;
}
div#capture-modal .custom-width {
  width: auto;
  max-width: 95%;
  height: 100%;
}
div#capture-modal .modal-content img {
  display: block;
  margin: auto;
}
div#capture-modal .modal-content .close {
  background-color: #000;
  border: 1px solid #fff;
  opacity: 1;
  border-radius: 100%;
  line-height: 0;
  text-shadow: 0 1px 0 #fff;
  color: #fff;
  margin: 0;
  font-size: 15px;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 6px 3px 10px 3px;
  position: relative;
  top: -5px;
  left: 5px;
}
.tooltip-main {
  position: relative;
  display: inline-block;
  left: 50%;
}
.tooltip-main .tooltip-list-view {
  display: inline-flex;
  border: 1px solid #d5d5d6;
  position: absolute;
  border-radius: 2px;
  padding: 4px 4px;
  background: #fff;
  top: 100%;
  display: none;
  left: 50%;
  transform: translate(-50%);
}
.tooltip-main .capture_thumb_details_scond_row {
  padding-top: 0;
  margin-top: 0;
  width: 357px;
}
.tooltip-main span.circle-icon:hover + .tooltip-list-view {
  display: block;
}
.tooltip-list-view:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -8px;
  border-style: solid;
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: #d5d5d6;
  border-width: 7px;
}
.tooltip-list-view:after {
  content: "";
  position: absolute;
  top: -14px;
  left: 50%;
  margin-left: -8px;
  border-style: solid;
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  transform: rotate(0);
}
.tooltip-main .tooltip-list-view:hover {
  display: block;
}
.recent-caputer-popup {
  height: 100%;
}
.recent-caputer-popup .collapse.in {
  height: 100%;
}
.recent-caputer-popup .recent-capture-search-bar .search-form {
  margin-top: 0;
}
.recent-caputer-popup.custome-popup .recent-capture-list.ui_style_ctrl {
  height: calc(100vh - 376px);
  overflow-y: scroll;
}
.preview_page_zoom_ctrl_widget.zoom-ctrl-preview_Details .btn {
  margin-left: 0 !important;
}
.preview_page_zoom_ctrl_widget.zoom-ctrl-preview_Details span.percent {
  vertical-align: sub;
}
.preview_page_zoom_ctrl_widget.zoom-ctrl-preview_Details a.hand-icon {
  vertical-align: sub;
  margin-left: 10px;
  color: #676a6c;
}
.dropdown_category_details-select.select-sty {
  border-radius: 10px !important;
  background-color: #f5f5f7 !important;
  padding: 0 5px 2px 5px !important;
  font-weight: 600;
  border: 1px solid #d5d5d6;
  font-size: 11px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
  margin-right: 10px;
}
.dropdown_category_details-select.select-sty i.fa.fa-circle.tree_sidebar_dot {
  color: #fd612c;
  font-size: 7px;
  margin-right: 0;
  vertical-align: middle;
}
.dropdown_category_details-select.select-sty:hover {
  background: #fff;
}
.modal-dialog.modal-dialog-centered.custom-width {
  height: calc(100% - 60px) !important;
}
.modal-dialog.custom-width .img-overflow-scroll {
  display: block;
  width: 100%;
  background: #fff;
}
.four_column_view_dropdown.hide-show-fields .toggle_tree_sections {
  margin-right: -4px !important;
}
.four_column_view_dropdown.hide-show-fields i {
  margin-left: 0 !important;
}
.hide-show-fields .toggle_tree_section_innr {
  border: 1px solid #fff;
  padding: 2px 7px;
  width: max-content;
  margin: 0;
}
.density_dropdown.airtable_ui.hide-show-fields.toggle_tree_section_innr:hover {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
}
.dropdown.open > .toggle_tree_section_innr,
.toggle_tree_section_innr:hover {
  background-color: transparent;
  border: 0;
}
.filter-search-wrapper.open > .four_column.sorting_dropdown,
.four_column.sorting_dropdown:hover {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
}
.column_layout.task_listing .task_name {
  line-height: 23px;
}
.timer_class_div.timer_in_list.running_timer_class_div i.fa.fa-stop {
  background: #fff;
  width: 8px;
  height: 8px;
}
.timer_class_div.timer_in_list.running_timer_class_div .fa-stop:before {
  display: none;
}
.timer_class_div.timer_in_list.running_timer_class_div .start-blinking {
  -webkit-animation: 1.6s blink ease infinite;
  -moz-animation: 1.6s blink ease infinite;
  -ms-animation: 1.6s blink ease infinite;
  -o-animation: 1.6s blink ease infinite;
  animation: 1.6s blink ease infinite;
  animation-name: blink;
  margin: 1px 7px 0 14px;
}
.time_entries_timer_count i.start-blinking {
  -webkit-animation: 1.6s blink ease infinite;
  -moz-animation: 1.6s blink ease infinite;
  -ms-animation: 1.6s blink ease infinite;
  -o-animation: 1.6s blink ease infinite;
  animation: 1.6s blink ease infinite;
  animation-name: blink;
}
.time_entries_timer_count i.start-blinking {
  background: red;
  width: 7px;
  height: 7px;
  border-radius: 100%;
}
.time_entries_timer_count .dropdown-menu.theme_dropdown_with_icon_text > a {
  padding: 3px 10px;
}
.time_entries_timer_count .dropdown-menu.theme_dropdown_with_icon_text > a i {
  background-color: inherit;
  border: 0;
  font-size: 12px;
}
.time-entry-div .time_entries_timer_count {
  display: flex;
}
@keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-ms-keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.timer-dropdown.start-timer-dropdown {
  background: #ffff;
  border: 1px solid #000;
  min-width: 400px;
  max-width: 400px;
  max-height: 100%;
}
.timer-dropdown.start-timer-dropdown .timer-dropdown-search {
  display: flex;
  padding: 0.375rem 1.125rem;
}
.timer-dropdown.start-timer-dropdown .search-container.search-left {
  width: 100%;
  align-items: center;
  background: #f7f9fd;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  padding: 0.375rem 1.125rem;
  margin: 0.375rem 1.125rem;
  margin-left: 0;
  padding-left: 0;
  width: 100%;
}
.timer-dropdown.start-timer-dropdown .search-container i.fas.fa-search {
  position: absolute;
  padding: 0 1.125rem;
}
.timer-dropdown.start-timer-dropdown input[type="text"] {
  font-size: 14px;
  width: 100%;
  padding: 2px 0 2px 33px;
  background: #f7f9fd;
  border: 0;
}
.timer-dropdown.start-timer-dropdown .timer-play-button.button-right-side {
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  display: flex;
}
.timer-dropdown.start-timer-dropdown
  .timer-dropdown-search
  i.fas.fa-play-circle {
  font-size: 31px;
  color: #0085e0;
}
li.magic_dropdown_direct_action_btn.sty-same-project .direct_action_btn {
  border-radius: 10px !important;
  background-color: #f5f5f7 !important;
  padding: 0 5px 2px 5px !important;
  font-weight: 600;
  border: 1px solid #d5d5d6;
  font-size: 11px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
  vertical-align: top;
}
li.magic_dropdown_direct_action_btn.sty-same-project i {
  vertical-align: baseline;
}
.three_dots_dropdown_innr_main > li i {
  width: 13px;
}
.three_dots_dropdown_innr_main > li .dropdown_category_info i.fa-chevron-right {
  width: 8px !important;
}
.comment_box_ctrl {
  padding: 6px 14px 6px 11px;
  position: relative;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #cbd3da;
  border-bottom-right-radius: 4px;
  display: flex;
  flex-direction: column;
}
.comment_box_ctrl .comment_box_innr {
  border: 1px solid #bfbfbf;
  height: 50px;
  background: #fff;
  padding-bottom: 10px;
  overflow: hidden;
  border-radius: 4px;
  line-height: 24px;
  transition: height 0.25s !important;
}
.view_task_comment_box_footer .pull-left {
  border-color: #0e9aef !important;
  line-height: normal;
  background: #0e9aef !important;
  color: #fff;
  border-radius: 3px;
  padding: 5px 9px;
  font-size: 13px;
  border: 0;
}
.view_task_comment_box_footer {
  padding-right: 10px;
  float: right;
}
.comment_box_ctrl .content {
  padding: 5px 10px;
  box-shadow: none;
  outline: 0;
  height: 35px;
  color: #9ca6af !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.comment_box_innr.inner-box-size-auto {
  height: 73px !important;
}
.comment_box_ctrl .editbar-sty {
  float: left;
  padding-left: 4px;
  position: relative;
  bottom: -2px;
}
.common_toolbar_icon_ctrl {
  margin-left: 0 !important;
  background: #fff;
  border: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #6b7587;
  padding: 0;
  margin: 0;
  vertical-align: super;
}
.editbar-sty .toolbar {
  background: #fff;
  border: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #4d4d4d;
  opacity: 0.7;
}
.editbar-sty .toolbar:hover {
  opacity: 1;
}
.editbar-sty .btn-default:hover {
  border: 0 !important;
  background: 0 0;
  opacity: 1;
}
.editbar-sty .btn-default {
  color: #4d4d4d;
  opacity: 0.7;
  padding: 0 9px 0 6px;
  border: 0;
}
.btn-group {
  border-right: 1px solid #b7b7b7;
}
.editbar-sty .btn-group .dropdown {
  line-height: normal;
}
.comment_box_ctrl .content:focus + .comment_box_ctrl .comment_box_innr {
  height: auto !important;
}
.switch.switch_active.checked.switch-compact {
  height: 8px;
  width: 24px;
  vertical-align: middle;
  bottom: 2px;
}
.switch.switch_active.checked.switch-compacts {
  vertical-align: middle;
  bottom: 2px;
}
.settings .compact_ui .switch-compact .slider:before {
  width: 12px;
  height: 12px;
}
.settings .compact_ui .switch-compact input:checked + .slider:before {
  width: 12px !important;
  height: 12px !important;
  left: -9px !important;
}
.settings .dropdown-menu.dropdown-right ul li span.li-items {
  align-items: center;
  vertical-align: middle;
}
.settings .dropdown-menu.dropdown-right ul li span a svg {
  vertical-align: middle;
  fill: #465369;
  width: 14px;
  height: 13px;
  fill: #798292;
}
.range-slider__value {
  top: 0 !important;
  padding: 0 0 !important;
  width: auto;
  position: static;
  float: unset;
  margin-left: 0;
  right: 0;
}
.edit_comment_on_front {
  padding-left: 10px;
}
.modal-custome-ctr-style .modal-header .close {
  -webkit-appearance: none;
  font-weight: 700;
}
.modal-custome-ctr-style .modal-header {
  align-items: center;
  margin-top: 0;
  display: block;
}
.modal-custome-ctr-style .modal-title {
  color: #333 !important;
  opacity: 1 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  text-align: left !important;
  line-height: normal;
}
.modal-custome-ctr-style .editbar-sty {
  margin-top: 15px;
}
.modal-custome-ctr-style .form-group .content {
  padding: 10px !important;
  height: 50px !important;
  box-shadow: none;
  border: 1px solid #e5e6e7;
  outline: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-custome-ctr-style .modal-body {
  padding: 20px 30px 15px 30px !important;
}
.editbar-sty .btn-default:active {
  box-shadow: none;
  background: 0 0;
}
.modal-custome-ctr-style .form-control {
  border-radius: 5px;
}
.modal-body {
  padding: 10px 15px 20px !important;
}
.comment_box_open .preview_pane_scroll {
  height: calc(100vh - 270px) !important;
}
.main-header .nav.nav-left .nav-right-side {
  display: flex;
  align-items: center;
}
.apps_top_bar_right .user_prof_dropdown.user_status ul.dropdown-menu li a i {
  top: auto;
  padding-right: 0;
}
.apps_top_bar_right ul.layout_icons.dropdown-menu.animated.fadeIn li {
  display: block;
  padding: 0;
}
.apps_top_bar_right
  .user_profile_main_ctrl.open
  > .user_prof_dropdown
  > ul.dropdown-menu {
  top: 70%;
  left: -200px;
}
.apps_top_bar_right ul.layout_icons.dropdown-menu.animated.fadeIn {
  position: absolute;
}
.apps_top_bar_right .user_prof_dropdown.user_status ul.dropdown-menu li a {
  color: #000;
}
.apps_top_bar_right
  .user_prof_dropdown.preview_pane_ctrl
  ul.dropdown-menu
  li
  a:hover {
  background-color: #f5f5f5 !important;
}
.apps_top_bar_right .sidebar_bottom_list {
  position: relative;
  right: 0;
  top: 0;
}
.apps_top_bar_right span.userMenu_innr_ctrl i.fas.fa-chevron-right {
  transform: rotate(180deg);
}
.apps_top_bar_right .sidebar_ul {
  left: 0 !important;
}
.apps_top_bar_right .user_profile_main_ctrl {
  margin: 0 !important;
}
.apps_top_bar_right .main-header .nav.nav-left .nav-right-side .sidebar_ul {
  position: static;
}
.apps_top_bar_right .userMenu_innr_ctrl:hover > ul.dropdown-menu {
  left: -100% !important;
  top: 0 !important;
}
.apps_top_bar_right .user_prof_dropdown.preview_pane_ctrl ul.dropdown-menu {
  bottom: auto !important;
}
.apps_top_bar_right .user_prof_dropdown.user_status ul.dropdown-menu .active {
  color: #333 !important;
  font-size: 14px;
  margin: 0;
  padding: 4px 20px 4px 12px;
  font-weight: 400;
}
.vbD_bug_created_by .user_identity {
  width: 32px !important;
}
.timer_ui_list_view.capture_details_timer_right {
  width: max-content;
}
.settings.with_margin {
  margin-left: 5px;
  margin-right: 3pt;
}
.dropdown-menu.animated .tooltip_relative {
  position: relative;
  display: inline-block;
}
.dropdown-menu.animated .tooltip_relative .tooltiptext {
  width: 110px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 6px 8px;
  position: absolute;
  z-index: 1;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  right: 45px;
  top: 4px;
}
.dropdown-menu.animated .tooltip_relative .tooltiptext::after {
  content: "";
  position: absolute;
  top: 30%;
  left: 100%;
  margin-left: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  transform: rotate(-90deg);
}
.compact_ui.top_header_timer_bell .far.fa-bell {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  text-align: center;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}
.compact_ui.top_header_timer_bell .far.fa-bell:hover {
  background: #fff;
  color: #465369;
}
.org-custome-gray-side-bar .tree-node.org-tree-node {
  border-bottom: 1px solid #d5d5d6;
  margin: 0;
}
.org-custome-gray-side-bar ul.accordian_menu_list > li a {
  color: #262626 !important;
}
.tree-node.org-tree-node > ul.accordian_menu_list.org > li {
  padding: 0 0 0 12px;
  color: #465369 !important;
}
.org-custome-gray-side-bar
  .tree-node.org-tree-node
  > ul.accordian_menu_list.org
  > li {
  padding: 2px 0 2px 8px;
  height: 30px;
  display: flex;
  align-items: center;
  margin: 0 5px;
  border-radius: 3px;
  width: calc(100% - 10px);
  line-height: 30px !important;
}
.org-custome-gray-side-bar
  .tree-node.org-tree-node
  > ul.accordian_menu_list.org
  > li
  > a {
  max-width: 100%;
  font-size: 13px !important;
  padding-right: 0 !important;
}
ul.accordian_menu_list > li:hover {
  background: #fff !important;
}
.search-animation .slide-fade-enter-active {
  transition: max-height 0.3s ease;
  max-height: 50px;
  overflow: hidden;
}
.search-animation .slide-fade-leave-active {
  transition: max-height 0.3s ease;
  max-height: 0;
}
.search-animation .slide-fade-enter,
.slide-fade-leave-to {
  transition: max-height 0.3s ease;
  max-height: 0;
  opacity: 0;
}
.list_header.searchboxopen
  + .panel_content_wrapper
  section.scroll-area-first-column {
  height: calc(100vh - 252px);
}
.modify_timer_modal_popup .modal-body {
  padding: 10px 15px !important;
}
.modify_timer_modal_popup .modal-header {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e9e9eb;
  padding: 10px 15px 10px 15px;
}
.modify_timer_modal_popup h4.modal-title {
  display: flex;
  align-items: center;
  margin: 0 auto;
  color: #000;
  font-size: 16px;
  text-align: center;
}
.modify_timer_modal_popup h4.modal-title span {
  position: relative;
  top: -2px;
}
.modify_timer_modal_popup h4.modal-title svg {
  max-width: 20px;
}
.modify_timer_modal_popup .form-control {
  border-radius: 3px;
}
.modify_timer_modal_popup button.close {
  margin-right: 10px;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  color: #959698;
}
.modify_timer_modal_popup button.close:hover {
  border-radius: 3px;
  opacity: 1;
}
.modify_timer_modal_popup .save_and_cancle_button_div {
  padding: 10px 15px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -15px;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.list_header.searchboxopen
  + .panel_content_wrapper
  section.scroll-area-first-column {
  height: calc(100vh - 222px);
}
.modify_timer_modal_popup .modal-body {
  padding: 17px;
}
.modify_timer_modal_popup .modal-dialog {
  width: 600px;
  margin: 160px auto !important;
}
.modify_timer_modal_popup .modal-body .top_capture_title_div {
  margin-bottom: 15px;
}
.modify_timer_modal_popup .modal-body .edit_timer_and_add_description {
  margin: 0 auto 17px auto;
  padding: 0;
}
.modify_timer_modal_popup .modal-body .show_due_date_total_time_div {
  margin: 15px auto;
  display: inline-block;
  width: 100%;
}
.modify_timer_modal_popup
  .modal-body
  .show_due_date_total_time_div
  .due_date_input_panel {
  float: left;
  width: 30%;
  text-align: left;
}
.modify_timer_modal_popup
  .modal-body
  .show_due_date_total_time_div
  .due_date_input_panel
  a {
  color: #676a6c;
}
.modify_timer_modal_popup
  .modal-body
  .show_due_date_total_time_div
  .due_date_input_panel
  a
  .estimate_time_text {
  color: #0e9aef;
}
.modify_timer_modal_popup
  .modal-body
  .show_due_date_total_time_div
  .due_date_input_panel
  a
  .total_time_text {
  color: #0e9aef;
}
.modify_timer_modal_popup
  .modal-body
  .show_due_date_total_time_div
  .due_date_input_panel
  a
  .fa-pencil-alt {
  display: none;
  font-size: 12px;
  margin-left: 5px;
}
.modify_timer_modal_popup
  .modal-body
  .show_due_date_total_time_div
  .due_date_input_panel
  a:hover
  .fa-pencil-alt {
  display: inline-block;
}
.modify_timer_modal_popup
  .modal-body
  .show_due_date_total_time_div
  .due_date_input_panel
  b {
  display: block;
  font-weight: 600;
}
.modify_timer_modal_popup
  .modal-body
  .show_due_date_total_time_div
  .due_date_input_panel {
  display: block;
}
.modify_timer_modal_popup .modal-body .edit_description_main_div textarea {
  resize: none;
  width: 100%;
  background-color: #fff;
  font-size: 13px;
  font-weight: 400;
  color: #465369;
  border-radius: 3px;
  border: 1px solid #e5e6e7;
  padding: 10px 12px;
}
.motify_timer_modal_popup .modal-body .edit_description_main_div {
  border: 1px solid #ccc;
  border-radius: 4px;
}
.modify_timer_modal_popup .modal-body .edit_timer_main_div {
  margin-bottom: 15px;
  margin-top: 15px;
}
.modify_timer_modal_popup .modal-body .title-modify-lable {
  font-weight: 600;
  color: #353535;
  font-size: 13px;
  margin-bottom: 8px;
  display: block;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .select_date_section {
  display: inline-block;
  margin: auto 4px;
  position: relative;
}
.modify_timer_modal_popup .modal-body .edit_timer_main_div .edit_time_section {
  position: relative;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .select_date_section
  i {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  color: #9da3af;
}
.modify_timer_modal_popup
  .edit_timer_and_add_description
  .edit_timer_main_div
  .edit_time_section
  i {
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 8px;
  color: #9da3af;
}
.modify_timer_modal_popup
  .edit_timer_and_add_description
  .edit_timer_main_div
  .edit_time_section
  input {
  text-align: left;
}
.modify_timer_modal_popup
  .edit_timer_and_add_description
  .edit_timer_main_div
  .edit_time_section
  input.total-time {
  width: 280px;
  text-align: left;
}
.modify_timer_modal_popup
  .edit_timer_and_add_description
  .edit_timer_main_div
  .select_date_section
  input {
  width: 100px;
}
.modify_timer_modal_popup
  .edit_timer_and_add_description
  .edit_timer_main_div
  .edit_time_section
  input,
.modify_timer_modal_popup
  .edit_timer_and_add_description
  .edit_timer_main_div
  .select_date_section
  input {
  background-color: #fff;
  border: 1px solid #dadce0;
  padding: 8px 15px 8px 30px;
  border-radius: 3px;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .due_date_input_panel.activity-panel {
  position: relative;
  top: -18px;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel {
  display: inline-block;
  float: right;
  position: relative;
  top: -25px;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  .dropdown-menu {
  width: 100%;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  button.activity-type {
  width: 100%;
  text-align: left;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  button {
  display: inline-block;
  padding: 8px 27px;
  border: 1px solid #dadce0;
  background-color: #fff;
  color: #9da3af;
  font-size: 13px;
  border-radius: 4px;
  border-radius: 4px !important;
  border: 1px solid #dadce0;
  transition: all 0.5s ease;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  button:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  button:before {
  content: "\f0e7";
  color: #a6a7a9;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  left: 10px;
  padding: 0 0;
  top: 8px;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  button:after {
  content: "\f078";
  color: #a6a7a9;
  font-size: 13px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 7px;
  height: 36px;
  top: 0;
  padding: 10px 2px 0 6px;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  .dropdown-menu
  a[label] {
  width: 100%;
  font-weight: 600;
  background-color: #f9f9f9;
  font-weight: 600;
  padding: 5px 13px;
  font-size: 14px;
  position: relative;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  .dropdown-menu
  a[label]:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 12px;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  .dropdown-menu
  a {
  width: 100%;
  display: inline-block;
  color: #747474;
  padding: 5px 22px;
  font-size: 14px;
  position: relative;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  .dropdown-menu
  a:hover {
  background-color: #f8f8f8;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown
  .dropdown-menu
  a:before {
  height: 24px;
  font-size: 10px;
}
.modify_timer_modal_popup .modal-body .timer_delete_button {
  background-color: #fff;
  color: #ef6a78;
  font-size: 15px;
  border: 0;
  border-radius: 4px;
  padding: 0;
  margin: 0;
}
.modify_timer_modal_popup .modal-body .timer_save_button {
  display: flex;
  align-items: center;
  margin-left: 5px;
  background-color: #0e9aef;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border-radius: 3px;
  padding: 6px 12px;
  border: 1px solid #0e9aef;
}
.modify_timer_modal_popup .modal-body .timer_save_button:hover {
  opacity: 0.8;
}
.modify_timer_modal_popup .modal-body .timer_cancel_button {
  display: flex;
  margin-left: auto;
  align-items: center;
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
  font-size: 14px;
  font-weight: 400;
  border-radius: 3px;
  margin-right: 5px;
  padding: 6px 12px;
}
.modify_timer_modal_popup .modal-body .timer_cancel_button:hover {
  opacity: 0.8;
}
.modify_timer_modal_popup .modal-content .preview_loader img {
  width: 90px;
}
.org-custome-gray-side-bar
  .tree-node.org-tree-node
  > ul.accordian_menu_list
  > li:hover {
  background: #e7e7ec !important;
}
.org-custome-gray-side-bar .tree-node.org-tree-node .space_setting_three_dot {
  top: auto !important;
}
.org-custome-gray-side-bar .add-org-btn-wrapper {
  border-top: 1px solid #d5d5d6 !important;
  bottom: 0 !important;
  display: inline-flex;
  padding: 10px 14px !important;
}
.org-custome-gray-side-bar .org_indetail_data.first_level .go_back {
  color: #303b42 !important;
  border-bottom: 1px solid #d5d5d6;
  border: 0;
  padding-left: 0;
}
.org-custome-gray-side-bar .org_indetail_data.first_level .org_userName_desc {
  color: #000;
}
.org-custome-gray-side-bar
  .org_indetail_data.first_level
  ul.user_org_first_level
  > li
  > a
  > .count {
  top: 7px !important;
}
.org-custome-gray-side-bar .org_indetail_data.first_level {
  background: #f5f5f7;
}
.org-custome-gray-side-bar
  .org_indetail_data.first_level
  > ul.accordian_menu_list
  > li:hover {
  background: #fff;
}
#email_sidebar.gray_theme_custom_sidebar.org-custome-gray-side-bar {
  position: relative;
  overflow: hidden;
}
.org-custome-gray-side-bar .add-org-btn-wrapper .btn.primary_ctrl {
  background-color: #0e9aef;
  padding: 6px 8px !important;
  margin-left: 8px;
  width: 100%;
}
.add-org-btn-wrapper .btn.primary_ctrl:first-child {
  margin-left: 0;
}
ul.accordian_menu_list > li > .cntxt_menu_email_labels {
  display: block !important;
  color: rgba(0, 0, 0, 0.5);
}
ul.accordian_menu_list > li > .cntxt_menu_email_labels i:hover {
  color: rgba(0, 0, 0, 0.9);
}
.accordian_menu_list > li:hover .cntxt_menu_email_labels {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1 !important;
}
.me_section_ctrl .common_me_ul_li {
  margin: 0 0 7px 0;
}
.main-menu-list-move-left {
  left: -100%;
}
.capture_inbox_heading.orgnizations-heading {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  background: #fff;
}
.compact_ui.top_header_timer_bell {
  margin-left: 0 !important;
}
.orgnization_main_col_wrapper {
  float: left;
  padding: 0;
}
.compact_ui.top_header_timer_bell {
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative;
}
.compact_ui.top_header_timer_bell .timer_class_div.timer_in_list {
  padding-left: 8px !important;
  margin-right: 6pt !important;
}
.master_entry_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 30px 0 0;
  display: inline-block !important;
  max-width: 70%;
}
ul.common_me_element_ul > li > img {
  margin-right: 6px;
  width: 12px;
}
ul.common_me_element_ul > li .element_icn_ctrl i {
  color: #465369;
}
.search-wrapper {
  padding: 5px 10px;
  display: flex;
  background-color: #fff;
  border-bottom: 1px solid rgba(195, 195, 196, 0.33);
  align-items: center;
}
.search-wrapper .search-right {
  width: 210px;
  display: inline-flex;
  justify-content: flex-end;
  padding: 5px;
  margin-left: auto;
}
.search-wrapper .search-left input {
  border-radius: 3px;
  border: 1px solid #c3c3c3;
  background-color: #fafafa;
  padding: 5px 10px 5px 25px;
  width: 100%;
}
.search-wrapper .search-left input:focus {
  border: 1px solid #0e9aef;
}
.search-wrapper .search-left:focus button {
  color: rgba(70, 83, 105, 0.8);
}
.search-wrapper .search-left button {
  background-color: transparent;
  border: inherit;
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 0;
}
.search-wrapper .search-right {
  width: 30%;
  min-width: 40%;
  display: inline-flex;
  justify-content: flex-end;
  padding: 5px;
}
.search-wrapper .search-right .setting {
  display: flex;
  align-content: flex-end;
  align-items: center;
  padding: 6px;
  cursor: pointer;
  background-color: #f5f5f7;
  border-radius: 3px;
  color: #657185;
  border: 1px solid #e8e8e9;
  margin-left: 6px;
}
.search-wrapper .search-right .url {
  display: flex;
  align-content: flex-end;
  align-items: center;
  padding: 6px;
  cursor: pointer;
  background-color: #f5f5f7;
  border-radius: 3px;
  color: #657185;
  border: 1px solid #e8e8e9;
  margin-right: 6px;
}
.search-wrapper .search-right .view1 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 1px solid #e8e8e9;
  border-top: 1px solid #e8e8e9;
}
.search-wrapper .search-right .view4 {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 1px solid #e8e8e9;
  border-bottom: 1px solid #e8e8e9;
}
.search-wrapper .search-right .view1,
.search-wrapper .search-right .view2,
.search-wrapper .search-right .view3,
.search-wrapper .search-right .view4 {
  display: flex;
  align-content: flex-end;
  align-items: center;
  padding: 6px;
  cursor: pointer;
  background-color: #f5f5f7;
  color: #657185;
  border-right: 1px solid #e8e8e9;
  border-bottom: 1px solid #e8e8e9;
  border-top: 1px solid #e8e8e9;
}
.search-wrapper .search-right .view1:hover,
.search-wrapper .search-right .view2:hover,
.search-wrapper .search-right .view3:hover,
.search-wrapper .search-right .view4:hover {
  background-color: #4a9fea;
  color: #fff;
}
.search-wrapper .search-right .setting:hover,
.search-wrapper .search-right .url:hover {
  background-color: #4a9fea;
  color: #fff;
}
.search-wrapper .search-right .setting.active,
.search-wrapper .search-right .url.active {
  background-color: #4a9fea;
  color: #fff;
}
.global_search_ctrl.expand-global-search input {
  background-color: transparent;
  padding-left: 42px;
  padding-right: 28px !important;
  color: #9ea3a8;
  border-radius: 0 10px 10px 0;
  font-size: 14px;
}
.global_search_ctrl.expand-global-search {
  background: #3b3b3e;
  border-radius: 6px;
  margin-left: 10px !important;
  margin-right: 8px !important;
  display: inline-flex;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.global_search_ctrl.expand-global-search button {
  background: #4d575d;
}
.global_search_ctrl.expand-global-search button i {
  color: #9ea3a8;
}
.gs_pop_search_bar_wrap.global_search_ctrl.expand-global-search
  input::placeholder {
  color: rgb(51 51 54 / 50%);
}
.gs_pop_search_bar_wrap.global_search_ctrl input {
  color: #333 !important;
  font-weight: 600 !important;
  padding-right: 35px !important;
}
.menu_item.animated_menu ul.inner_sidebar_ctrl {
  padding: 10px 0;
  margin: 0 0 7px 0;
}
.menu_item.animated_menu .go-back {
  vertical-align: middle;
  padding: 14px 0 12px;
  border-bottom: 1px solid #dadce0;
  width: 100%;
  margin-bottom: 7px;
}
.menu_item.animated_menu .go-back i {
  font-size: 14px;
  border-radius: 6px;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  cursor: pointer;
  font-size: 14px;
  margin: 0 10px;
}
.menu_item.animated_menu ul.inner_sidebar_ctrl > li.active {
  border-radius: 6px !important;
  width: 28px;
  height: 28px;
}
.menu_item.animated_menu {
  background: #fff;
}
.menu_item.animated_menu
  ul.inner_sidebar_ctrl
  > .dropdown
  > li
  .task_draggable_number {
  margin-left: -3px;
}
.menu_item.animated_menu ul.inner_sidebar_ctrl > li > i {
  color: #fff;
  opacity: 1;
  font-size: 13px;
}
ul.inner_sidebar_ctrl > .dropdown > li > i {
  font-size: 14px;
  color: #151b26;
  opacity: 0.6;
}
.menu_item.animated_menu ul.inner_sidebar_ctrl .left_side_drop_down_menu_class {
  min-width: 170px !important;
  padding: 0;
  margin-top: 0 !important;
}
.menu_item.animated_menu
  ul.inner_sidebar_ctrl
  > .dropdown
  li:hover
  span.task_draggable_number {
  opacity: 1;
}
.menu_item.animated_menu ul.inner_sidebar_ctrl > .dropdown li {
  background: #0e9aef;
  color: #fff;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  align-items: center;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  border-radius: 6px;
  margin: 7px 0 7px 0;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transitionease: all 0.3s ease;
  -o-transition: all 0.3s ease;
  padding: 7px 6px;
  width: 24px;
  height: 24px;
  position: relative;
  border-radius: 100%;
  text-align: center;
}
.menu_item.animated_menu ul.inner_sidebar_ctrl span.task_draggable_number {
  position: absolute;
  left: -12px;
  top: 0;
  opacity: 0;
  bottom: 0;
  margin: auto;
  right: auto;
  width: 16px;
  height: 12px;
}
.menu_item.animated_menu ul.inner_sidebar_ctrl li.add-team-btn {
  background: #fff !important;
}
.menu_item.animated_menu ul.inner_sidebar_ctrl span.teams_element {
  padding: 2px 12px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  width: 100%;
  font-weight: 700;
  font-size: 12px;
}
.menu_item.animated_menu .go-back i:hover {
  background: #edeef0;
  color: #0e9aef;
}
.menu_item.animated_menu .go-back i:hover {
  background: #f5f5f7;
  color: #0e9aef;
  opacity: 1;
  border: 1px solid #dadce0;
}
.widget_footer .action-section {
  padding: 5px;
  display: flex;
}
.widget_footer .action-section .capture-btn {
  height: 30px;
  vertical-align: middle;
  padding: 0 7px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #4d575d;
  min-height: 30px;
  width: 90px;
  color: #fff;
  border: 0;
  text-align: left;
}
.widget_footer .action-section .capture-btn:hover {
  background-color: #fff;
  color: #303b42;
}
.widget_footer .action-section .capture-btn img,
.widget_footer .action-section .edit-btn img {
  margin-right: 5px;
  margin-top: -3px;
}
.widget_footer .action-section .edit-btn {
  margin-left: 10px;
  height: 30px;
  vertical-align: middle;
  border-radius: 3px;
  padding: 2px 7px 0 7px;
  font-size: 14px;
  background-color: #4d575d;
  min-height: 30px;
  width: 90px;
  color: #fff;
  border: 0;
  text-align: left;
}
.widget_footer .action-section .edit-btn:hover {
  background-color: #fff;
  color: #303b42;
}
.widget_footer .action-section .edit-btn svg.edit-svg .a {
  fill: #fff;
  opacity: 0.76;
}
.b {
  fill: #4a9fea;
}
.c {
  fill: #d2d4d6;
  margin-top: 2px;
}
.widget_footer .action-section .edit-btn:hover svg.edit-svg .a {
  fill: #000;
}
.widget_footer .action-section .dropdown-menu {
  bottom: 100%;
  top: inherit;
  padding: 5px;
  width: 289px;
}
.widget_footer .action-section .dropdown-menu a:before {
  background-color: #fafafa;
  content: "";
  min-width: 40px;
  font-weight: 200;
  position: absolute;
  width: 40px;
  display: block;
  height: 40px;
  left: 0;
  z-index: -1;
  margin-top: -1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.widget_footer .action-section .dropdown-menu a {
  display: flex;
  align-items: center;
  color: #363b45;
  font-size: 13px;
  min-height: 30px;
  vertical-align: middle;
}
.widget_footer .action-section .dropdown-menu a:hover {
  background-color: rgba(213, 215, 216, 0.5);
}
.widget_footer .action-section .dropdown-menu a span.shortcut {
  color: #657185;
  display: inline-flex;
  justify-content: flex-end;
  width: 40%;
  padding-right: 10px;
}
.widget_footer .action-section .dropdown-menu a span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 60%;
  padding-left: 2px;
}
.widget_footer .action-section .dropdown-menu a span svg {
  text-align: center;
  min-width: 31px;
}
.widget_footer .action-section .dropdown-menu a span.capture-region .a {
  fill: #2f3a41;
}
.widget_footer .action-section .dropdown-menu a span.video-record. a {
  fill: #4878a8;
}
.b {
  fill: #4a9fea;
}
.widget_footer .action-section .edit-btn .fa-angle-up {
  float: right;
  margin-top: 2px;
}
.widget_footer .action-section .edit-btn:after {
  content: "";
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  position: relative;
  left: 16px;
  height: 30px;
  padding: 5px 0 5px 0;
}
[contenteditable="true"][data-v-478e4a2b]:empty:before {
  content: attr(placeholder);
  opacity: 1;
  color: #b9b9b9 !important;
  display: block !important;
}
span.user-name-initial.user-more-compact {
  width: 24px;
  height: 24px;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  display: inline-flex;
}
.v-pipe {
  background-color: rgba(255, 255, 255, 0.18);
  height: 30px;
  width: 2px;
}
.user-name-initial i.user_menu_indicator_status {
  width: 10px;
  height: 10px;
  font-size: 8px;
  right: -3px !important;
  top: -3px !important;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timesheet-popup .modal-body .list-group-item .task-timer .timer_class_pt {
  padding: 5px;
}
.timesheet-popup
  .modal-body
  .list-group-item
  .task-timer
  .running_timer_class_div {
  padding: 0;
  width: auto;
  line-height: normal;
  display: inline-flex;
}
.timesheet-popup
  .modal-body
  .list-group-item
  .task-timer
  .running_timer_class_div
  i.fa-chevron-down {
  position: relative !important;
}
.timesheet-popup
  .timer_list_main_div
  div.start_stop_timer_div
  div.timer_class_div {
  width: auto;
  padding: 0;
  display: inline-flex;
}
.timesheet-popup
  .timer_list_main_div
  .timer_class_div.start_timer_div
  .timer_class_padding {
  padding: 4px;
}
.timesheet-popup
  .timer_list_main_div
  .timer_class_div.start_timer_div
  .timer_class_padding
  span {
  left: 0 !important;
}
.timesheet-popup
  .timer_list_main_div
  .timer_class_div.start_timer_div
  i.fa-chevron-down {
  position: relative !important;
}
.item-display-section canvas#bar-chart {
  margin-top: -5px;
}
.label_text_icon_ctrl > i {
  height: 18px !important;
  width: 18px !important;
}
ul.common_me_element_ul > li .element_icn_ctrl i {
  width: 12px !important;
  height: 12px !important;
  color: #465369;
}
ul.common_me_element_ul > li .element_icn_ctrl svg {
  width: 12px;
  height: 12px;
}
ul.capture_fixed_menu_ul > li {
  padding: 4px 2px 4px 0 !important;
  height: 30px;
}
ul.common_me_element_ul > li .element_icn_ctrl svg {
  width: 14px !important;
  height: 14px !important;
}
.login-container .preview_loader {
  padding: 40px;
  min-height: 222px;
  vertical-align: middle;
  position: relative;
}
.login-container .preview_loader {
  width: auto;
  height: auto;
  position: relative;
}
.treeview_search_filter_ctrl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin: 7px 0;
  position: relative;
  z-index: 1;
}
.treeview_search_filter_ctrl .toggle_tree_sections {
  margin-left: 20px !important;
  margin-right: 0;
}
.treeview_search_filter_ctrl span.collapse-ctr {
  margin-left: 6px;
  padding: 8px;
  transition: 0.2s;
  cursor: pointer;
  height: 26px;
  width: 26px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.treeview_search_filter_ctrl span.collapse-ctr svg {
  vertical-align: middle;
  display: block;
  width: 13px !important;
  height: auto;
}
.emailleftsidethreedotmenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ul.capture_fixed_menu_ul
  > li
  > .capture_menu_item.notification_menu_in_sidebar
  > i {
  opacity: 0;
  transform: rotate(0);
  transition: ease all 0.3s;
  margin-left: 7px;
  padding-left: 0;
  vertical-align: middle;
  margin-top: 2px;
  line-height: initial;
  font-size: 11px;
  margin-right: 5px;
}
.capture_folder_element_ctrl:hover
  ul.capture_fixed_menu_ul
  > li
  > .capture_menu_item.notification_menu_in_sidebar
  > i {
  opacity: 1;
}
ul.capture_fixed_menu_ul.my_inbox_section
  > li
  .capture_menu_item.notification_menu_in_sidebar {
  display: flex !important;
  align-items: center;
}
.treeview_search_filter_ctrl span.collapse-ctr:hover {
  background: #eaeaeaf2;
}
.label_text_icon_ctrl svg {
  width: 16px !important;
  height: 16px !important;
}
.compact_ui.toggle-editable.toggle_editable_sty {
  line-height: 24px;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0 5px 0 0;
}
.compact_ui.toggle-editable.toggle_editable_sty svg {
  display: inline-flex;
  align-items: center;
  margin: 0;
  position: relative;
  top: -7px;
  left: -23px;
  display: none;
}
.compact_ui.toggle-editable.toggle_editable_sty svg path {
  fill: #465369;
  opacity: 0.7;
}
.compact_ui.toggle-editable.toggle_editable_sty svg rect {
  fill: #4d4d4d;
}
.compact_ui.toggle-editable.toggle_editable_sty label.switch.checked svg path {
  fill: #0e9aef;
}
.me_ul_label_text {
  display: inline-block !important;
}
.teams_heading {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.innertTextContent.teams_folder {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.tree-node.active > .tree-node-inner-back .innertTextContent.teams_bundle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
span.innertTextContent.teams_bundle {
  display: inline-block !important;
}
ul.mainmenu-gmail-panel li {
  display: inline-flex !important;
}
.tag_name {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  width: 60% !important;
  top: -1px;
  position: relative;
  color: #333;
}
.label_text_icon_ctrl {
  width: calc(100% - 40px);
}
.label_text_ctrl {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px;
  overflow: hidden;
}
.treeview-heading.title-slide.rcl h3 {
  display: inline-block !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 85%;
  overflow: hidden;
}
.capture_main_inner_ctrl.app .preview_loader {
  height: calc(100vh - 125px);
}
#app .capture_widget_main_ctrl {
  background-color: #fff;
}
.loader_div .preview_loader > img {
  left: 50%;
  margin-left: -152px;
}
ul.inlist.assignee_dropdown > li svg {
  margin-right: 7px;
  margin-left: 2px;
}
.list_header .list_header_inner_left h4 {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block !important;
  text-overflow: ellipsis;
  width: auto !important;
  max-width: 60%;
}
.page-wrapper-org {
  width: calc(100% - 271px) !important;
}
.org-custome-gray-side-bar .innertTextContent.teams_heading {
  font-weight: 600 !important;
  vertical-align: middle;
  color: rgb(38 38 38 / 80%);
  font-size: 13px;
}
.org-custome-gray-side-bar .innertTextContent.teams_heading {
  padding: 0 15px 0 0 !important;
}
.org-custome-gray-side-bar .custom_lablel_orignal_name .chevron_ctrl > i {
  margin-right: 7px;
  font-size: 11px !important;
  color: #8c93a1;
}
.org-custome-gray-side-bar
  .tree-node-inner-back
  .list_have_child_span.teams_level {
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle;
  opacity: 0;
}
.org-custome-gray-side-bar .tree-node-inner-back {
  padding: 4px 10px 4px 8px !important;
  cursor: pointer;
  height: 34px;
  display: flex;
  align-items: center;
  lin-height: 34px;
}
.org-custome-gray-side-bar .custom_lablel_orignal_name {
  vertical-align: middle;
}
.org-custome-gray-side-bar
  .dropdown.three_dots_dropdown_div.space_setting_three_dot {
  line-height: 20px;
}
.org-custome-gray-side-bar
  > ul.accordian_menu_list
  > li
  > .task_draggable_number.rcl {
  top: 8px;
}
.org-custome-gray-side-bar
  .tree-node.org-tree-node
  > ul.accordian_menu_list.org
  > li:hover
  .task_draggable_number.rcl {
  opacity: 1;
}
.cntxt_menu_email_labels {
  opacity: 0;
}
.org-tree-node.border-bottom-none {
  border-bottom: 0;
}
.menu_item.animated_menu {
  border-radius: 7px;
  width: 47px !important;
}
.view_task_issue_screenshot .note_preview {
  padding: 5px;
  width: 100%;
}
.preview-container.container-note {
  height: calc(100vh - 209px);
  overflow: auto;
  background-color: #eee;
  border-radius: 4px;
}
.previewDetails-RC-fullScreen .ql-toolbar.ql-snow {
  background: #fff;
  width: 100%;
  margin: 0;
  vertical-align: middle;
  align-items: center;
  display: inline-flex;
  border-radius: 4px;
  padding: 0 10px;
}
.previewDetails-RC-fullScreen .ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  padding: 3px 34px 3px 0 !important;
  margin: 7px 0;
}
.previewDetails-RC-fullScreen .ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  margin-left: -4px;
}
.previewDetails-RC-fullScreen .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0 !important;
}
.ql-snow.ql-toolbar button:focus {
  outline: 0 !important;
}
#add_new_space_modal_popup ul.color_picker_dropdown {
  display: flex;
  max-width: 100%;
  left: 15px;
  margin-top: 0;
  box-shadow: inherit;
  border: 0;
}
.editToolbar-RC-fullScreen button.btn.btn-secondary.btn-sm {
  height: 39px;
}
.preview-container.note-capture-quill-in-modal {
  width: 100%;
}
.previewDetails-RC-fullScreen .ql-toolbar.ql-snow {
  width: 100% !important;
}
.preview-container.note-capture-quill-in-modal
  .ui.attached.segment.ql-container.ql-snow
  .ql-editor {
  background: #fff;
  position: absolute;
  width: 1230px;
  border-radius: 4px;
}
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen {
  position: relative;
}
.note-capture-quill-in-modal .ql-container.ql-snow {
  height: calc(100vh - 209px);
  border-radius: 4px;
  position: absolute;
  top: 100%;
  margin-top: 8px;
  border: none;
}
.add_new_task_div .add_new_task_input {
  border: 0;
  width: 87%;
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 8px;
  padding-left: 23px;
}
.add_new_task_div .add_new_task_button {
  background: #0e9aef;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #fff;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-left: 10px;
}
.note-capture-quill-in-modal .ql-container.ql-snow {
  height: calc(100vh - 209px);
  border-radius: 4px;
  position: absolute;
  top: 100%;
  margin-top: 8px;
  border: none;
}
.label_text_icon_ctrl .svg-ctrl-ml {
  margin-left: 5px;
}
.gray_theme_custom_sidebar .ui_style_ctrl .treeview-heading h3 i {
  margin-left: 4px !important;
}
.project_main_folder-ctrl .treeview-heading.title-slide.rcl {
  padding-left: 8px;
}
.project_main_folder-ctrl .treeview-heading.title-slide.rcl > h3 > i {
  margin-left: 7px !important;
  padding-left: 0 !important;
  vertical-align: middle;
  margin-top: 1px;
  line-height: initial;
}
.project_main_folder-ctrl .treeview-heading.title-slide.rcl > h3 {
  color: rgba(38, 38, 38, 0.8);
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  display: inline-flex !important;
}
.treeview-heading.title-slide.rcl h3.sidebar_section_headings_text_limitter {
  width: 100% !important;
  margin-right: 5px !important;
}
.me_section_ctrl.bottom_margin_auto {
  margin-bottom: 0 !important;
}
.me_section_main_heading.capture_folder {
  padding: 10px 3px 10px 8px;
  height: 34px;
}
.project_main_folder-ctrl
  .shortable_tree_view.by_tag_assignee_tree_ctrl
  .treeview-heading.title-slide.rcl {
  height: 40px;
}
.treeview-heading.title-slide.rcl h3.sidebar_section_headings_text_limitter {
  white-space: normal;
  text-overflow: unset;
  overflow: hidden;
  width: 100% !important;
  margin-right: 0 !important;
}
.treeview-heading.title-slide.rcl h3.sidebar_section_headings_text_limitter {
  width: 100% !important;
  margin-right: 5px !important;
}
.treeview-heading.title-slide.rcl
  h3.sidebar_section_headings_text_limitter
  .sec_heading_txt_lmtr_innr {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto !important;
}
.email_favourites_name {
  color: #b4b5b9;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  margin-left: 30px;
  margin-right: 5px;
}
.project_treemenu_main_ctrl.project_main_folder-ctrl .teams_heading {
  font-size: 13px;
  font-weight: 600;
}
.project_treemenu_main_ctrl.project_main_folder-ctrl
  .task_draggable_number.rcl {
  margin-left: 4px;
}
.project_treemenu_main_ctrl.project_main_folder-ctrl .sidebar_assignee_initial {
  margin-left: 1px !important;
}
.project_treemenu_main_ctrl.project_main_folder-ctrl
  .list_have_child_span
  span.caret_icon
  + .sidebar_assignee_initial {
  margin-left: -2px !important;
}
.capture_fixed_menu_list.four_column_layout {
  border-bottom: 0 !important;
}
.margin-bottom-0 {
  marign-bottom: 0px !important;
}
#add_new_space_modal_popup .modal-header .back-btn {
  background-color: transparent;
  opacity: 0.4;
  color: #000;
}
#edit_team_data_popup .custom_menu_options .icon-checked::after {
  line-height: 3;
  top: -7px;
  left: -1px;
}
.team-icon i.fa-trash {
  padding-right: 12px;
}
.team-icon i.fa-edit {
  color: #798292;
  padding-right: 8px;
}
.team-icon .fa-chevron-right {
  color: #676a6c;
}
.common_view_button > svg {
  width: 14px !important;
}
.common_view_button {
  font-size: 13px !important;
  padding: 2px 8px !important;
}
.gray_900_color .ui_style_ctrl ul.left-menu-spacing > li {
  margin-left: 0 !important;
}
ul.recent-activity-div {
  padding: 0;
  background-color: #fff;
  border-top: 1px solid #e9e9eb;
}
ul.recent-activity-div li.recent-activity-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9eb;
  padding: 5px 18px 5px 38px;
}
ul.recent-activity-div li.recent-activity-row:hover {
  background-color: #f8f8f8;
}
ul.recent-activity-div .recent-activity-details {
  justify-content: flex-start;
  width: 85%;
}
ul.recent-activity-div .recent-activity-details p {
  margin-bottom: 0;
}
ul.recent-activity-div .recent-activity-details p b {
  font-weight: 600;
}
ul.recent-activity-div span {
  display: flex;
  justify-content: flex-end;
}
.time-day-detail {
  font-weight: 600;
  padding: 5px 10px 5px 10px;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
}
.copy_to_clipboard {
  background-color: #edeeef;
  border: 1px solid #d5d5d66e;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  padding: 1px 5px;
  border-radius: 3px;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  transition: backgrund 0.2s ease-in;
  -webkit-transition: backgrund 0.2s ease-in;
  -moz-transition: backgrund 0.2s ease-in;
  -ms-transition: backgrund 0.2s ease-in;
  -o-transition: backgrund 0.2s ease-in;
}
.copy_to_clipboard:hover {
  background-color: #e7e7ec;
}
.copy_to_clipboard > i {
  margin: 0 5px 0 0;
  color: #939ba8;
  opacity: 0.82;
  font-size: 12px;
}
.timer_list_footer_bottom_info a {
  color: #7d8695;
}
.rcl-timesheet .fc .fc-center h2 {
  text-align: left !important;
  font-size: 14px;
  color: #465369;
  font-weight: 600;
  margin-top: 7px;
}
.rcl-timesheet .fc-toolbar.fc-header-toolbar {
  font-size: 14px;
  color: #465369;
  font-weight: 600;
  text-align: left !important;
}
.rcl-timesheet .fc-basic-view .fc-body .fc-row {
  min-height: 1.91em;
}
.rcl-timesheet .fc-toolbar.fc-header-toolbar {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.rcl-timesheet .fc-button-group button {
  background-color: #0e9aef;
  font-size: 100%;
  font-weight: 400;
}
.rcl-timesheet .fc-button.fc-state-default {
  background-color: #0e9aef;
  opacity: 0.8;
  background-image: inherit !important;
  text-shadow: inherit;
  color: #fff;
}
.rcl-timesheet .fc {
  margin: 15px;
}
.rcl-timesheet .fc-unthemed th {
  background-color: #f4f4f5;
  font-weight: 400;
}
.project_treemenu_main_ctrl ul .add_dragover_class.custom_capture_assigne_list {
  padding-left: 0 !important;
}
.mcd_search_box.search_box_relative {
  position: relative;
}
.recent_added_capture_entry_main_div.flex_end .Label_heading_top {
  padding: 8px 7px 8px;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #465369;
  opacity: 0.7;
}
.recent_added_capture_entry_main_div.flex_end .time_entries_timer_count {
  justify-content: flex-end;
  margin-right: 10px;
}
.recent_added_capture_entry_main_div.flex_end
  .time_entries_timer_count
  .play-timebtn {
  display: flex;
}
.recent_added_capture_entry_main_div.flex_end
  .time_entries_timer_count
  .play-timebtn
  i {
  margin-right: 5px;
}
input.timer_entries_text_input {
  width: 100%;
}
.folder_toggle_ui {
  width: max-content;
}
.dropdown.menu_tree_settings_ctrl.display_none {
  display: none;
}
.teams_list_li_class.inner_teams_ctrl {
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #fff;
  border-radius: 100%;
  margin: 7px 0;
  cursor: pointer;
}
.menu_item.animated_menu .tree-node-inner-back {
  padding: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  border: 0 !important;
  height: 100%;
}
.teams_list_li_class.inner_teams_ctrl .task_draggable_number {
  position: absolute;
  left: -13px;
  width: 16px;
  height: 12px;
}
.menu_item.animated_menu
  .teams_list_li_class.inner_teams_ctrl:hover
  span.task_draggable_number {
  opacity: 1;
}
.menu_item.animated_menu li.add-team-btn {
  list-style: none;
  padding: 0;
  text-align: center;
  margin: 7px 0;
}
.menu_item.animated_menu .team_left_bar_item_expanding {
  padding-left: 10px;
}
.team_leftbar_ctrl.team_flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu_item.animated_menu .team_left_bar_item_expanding {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 0 !important;
  min-width: 0;
  z-index: 1;
  align-self: stretch;
}
.menu_item.animated_menu .team_name_ctrl {
  width: 47px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
}
.menu_item.animated_menu span.team_left_bar_item_text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #465369;
}
.menu_item.animated_menu span.teams_element {
  border-radius: 100%;
  min-width: 21px;
  display: flex;
  height: 22px;
  align-items: center;
  justify-content: center;
}
.menu_item.animated_menu li.add-team-btn {
  list-style: none;
  padding: 0;
  text-align: center;
  margin: 7px 0;
}
.menu_item.animated_menu .teams-sub-sidebar-scroll-area {
  z-index: 999;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-icon
  .user_identity {
  width: 21px;
  height: 21px;
  line-height: 21px;
  padding: 3px 6px;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-icon
  .user_identity {
  margin-left: -4px;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container
  .multi-assignee-wrapper
  .close-assignee {
  display: none;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container
  .multi-assignee-wrapper:hover
  .close-assignee {
  display: block;
  position: absolute;
  top: -1px;
  right: 2px;
  font-size: 11px;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container
  .multi-assignee-wrapper:hover
  .close-assignee
  i {
  opacity: 0.5;
  border: 1px solid #fff;
  border-radius: 100%;
  height: 12px;
  width: 12px;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container
  .multi-assignee-wrapper:hover
  .close-assignee
  i:hover {
  opacity: 1;
}
.preview_pane_top_header_main .preview_pane_header_ctrl .assignee-div {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #676a6c;
  font-size: 13px;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .common_innr_dropdown {
  top: 30px;
  border: 1px solid #d5d5d6;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container
  h3.Label_heading_top {
  padding: 8px 7px 8;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #465369;
  opacity: 1;
}
span.forin {
  color: #465369;
  opacity: 0.6;
}
.preview_pane_top_header_main .preview_pane_header_ctrl .assignee-icon img {
  margin: 8px 5px;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container {
  margin-right: 5px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  position: relative;
  margin-left: 5px;
  padding: 0 3px 0 0;
  min-height: 22px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container
  .multi-assignee-wrapper {
  display: flex;
  margin: 0;
  align-items: center;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container:hover {
  background-color: #f2f2f2;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .iconbg
  svg
  .a {
  opacity: 0.69;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .iconbg
  svg
  .b {
  fill: #676a6c;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .iconbg
  svg
  .c {
  fill: #697386;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .iconbg
  svg
  .d {
  fill: #676a6c;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .iconbg {
  width: 24px;
  background-color: rgba(211, 211, 213, 0.26);
  padding: 0 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  align-items: center;
  height: 24px;
}
.preview_pane_top_header_main
  .preview_pane_right_header_ctrl
  .display_timer_ui {
  height: 30px;
  border-radius: 20px;
  padding-left: 5px;
}
.preview_pane_top_header_main
  .preview_pane_right_header_ctrl
  .display_timer_ui
  .timer_ui_list_view
  .timer_class_div.timer_in_list
  > i {
  font-size: 8px;
  background-color: #0c85ce;
  color: #fff;
  border: 1px solid #0c85ce;
}
.rcl.preview_pane_right_header_ctrl a {
  color: #838b9a;
}
.project-icon .project-ico-svg .a {
  opacity: 0.79;
}
.b {
  fill: #6a7586;
}
.c {
  fill: #979eab;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon
  .align-middle {
  display: flex;
  align-items: center;
  max-width: 115px;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon
  .align-middle
  span {
  font-size: 13px;
  font-weight: 400;
  color: #676a6c;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon
  .align-middle
  span.project-icon-svg {
  width: 25px;
  padding: 0 5px;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon
  .project-variable {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon {
  transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border: 1px solid transparent;
  margin-left: 5px;
  min-height: 22px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f7;
  border-radius: 2px;
  padding-right: 5px;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon
  .iconbg {
  background-color: rgb(211, 211, 213, 0.26);
  padding: 0 0 0 4px;
  margin-right: 5px;
  min-height: 0.28em;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  line-height: 2.1;
  height: 22px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .capture_label_ctrl {
  font-size: 13px;
  font-weight: 400;
  color: #788292;
}
.created_by_time_ctrl .createdby {
  font-weight: 600;
  margin: 0 10px;
  color: #7b8595;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon
  img {
  margin-right: 5px;
  opacity: 0.7;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon:hover {
  background-color: #f2f2f2;
}
.preview_pane_top_header_main .rcl.preview_pane_header_ctrl > .project-div {
  display: flex;
  font-weight: 600;
  align-items: center;
  margin-left: 0;
}
.preview_pane_top_header_main
  .rcl.preview_pane_right_header_ctrl
  > .project-div
  .priority-icon {
  padding: 3px 6px 6px 6px;
  min-height: 20px;
  cursor: pointer;
}
.preview_pane_top_header_main
  .rcl.preview_pane_right_header_ctrl
  > .project-div
  .priority-icon:hover {
  background-color: #f2f2f2;
  border-radius: 100%;
}
.preview_pane_top_header_main
  .rcl.preview_pane_right_header_ctrl
  > .activity-icon {
  padding: 5px 10px 6px 10px;
  min-height: 20px;
  cursor: pointer;
}
.preview_pane_top_header_main
  .rcl.preview_pane_right_header_ctrl
  > .activity-icon:hover {
  background-color: #f2f2f2;
  border-radius: 100%;
}
.preview_pane_top_header_main
  .rcl.preview_pane_right_header_ctrl
  > .duedate-icon {
  padding: 5px 8px 6px 8px;
  min-height: 20px;
  cursor: pointer;
}
.preview_pane_top_header_main
  .rcl.preview_pane_right_header_ctrl
  > .duedate-icon:hover {
  background-color: #f2f2f2;
  border-radius: 100%;
}
.preview_pane_top_header_main
  .rcl.preview_pane_right_header_ctrl
  > .duetime-icon {
  padding: 5px 9px 6px 9px;
  min-height: 20px;
  cursor: pointer;
}
.preview_pane_top_header_main
  .rcl.preview_pane_right_header_ctrl
  > .duetime-icon:hover {
  background-color: #f2f2f2;
  border-radius: 100%;
}
.priority-icon svg#Layer_1 {
  width: 16px;
  height: 16px;
  display: block;
}
.priority-icon .common_innr_dropdown {
  top: 30px;
  min-width: 160px;
  right: -15px;
  border: 1px solid #d5d5d6;
}
.priority-icon h3.Label_heading_top {
  padding: 8px 7px 8px 10px;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #465369;
  opacity: 0.7;
  border-bottom: 1px solid #d5d5d6;
}
.project-icon ul.inlist.assignee_dropdown > li {
  padding: 6px 7px 6px 28px;
}
.project-icon .common_innr_dropdown {
  width: 240px;
  left: -4px;
  top: 30px;
  border: 1px solid #d5d5d6;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #0000002;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.project-icon h3.Label_heading_top {
  padding: 8px 7px 8px;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #465369;
  opacity: 1;
}
.duedate-icon .dropdown-menu.three_dots_dropdown_innr {
  width: 238px;
  left: 0;
  top: 27px;
  border: 1px solid #d5d5d6;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.duedate-icon .dropdown-menu.three_dots_dropdown_innr.left-50 {
  left: -50px;
}
.duedate-icon .dropdown-menu.three_dots_dropdown_innr.left-50:after,
.duedate-icon .dropdown-menu.three_dots_dropdown_innr.left-50:before {
  left: 60px;
}
.duedate-icon
  .dropdown-menu.three_dots_dropdown_innr
  .vdp-datepicker__calendar {
  border: 0;
}
.duedate-icon .fc .fc-center h2 {
  text-align: left !important;
  font-size: 14px;
  color: #465369;
  font-weight: 600;
  margin-top: 7px;
}
.duedate-icon h3.Label_heading_top {
  padding: 8px 7px 8px 7px;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #465369;
  opacity: 0.7;
  border-bottom: 1px solid #efefef;
}
.duedate-icon .fc-toolbar.fc-header-toolbar {
  font-size: 14px;
  color: #465369;
  font-weight: 600;
  text-align: left !important;
}
.duedate-icon .fc-basic-view .fc-body .fc-row {
  min-height: 1.91em;
}
.duedate-icon .fc-toolbar.fc-header-toolbar {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.duedate-icon .fc-button-group button {
  background-color: #0e9aef;
  font-size: 100%;
  font-weight: 400;
}
.duedate-icon .fc-button.fc-state-default {
  background-color: #0e9aef;
  opacity: 0.8;
  background-image: inherit !important;
  text-shadow: inherit;
  color: #fff;
}
.duedate-icon .fc {
  margin: 5px;
}
.duedate-icon .fc button {
  height: 1.5em;
}
.duedate-icon .fc-button-group button {
  background-color: inherit !important;
  color: #465369 !important;
  border: 0;
  box-shadow: none;
}
.duedate-icon .fc-button.fc-state-default {
  padding: 0;
}
.duedate-icon .fc button .fc-icon {
  margin: 0;
}
.duedate-icon .fc-unthemed th {
  background-color: #f4f4f5;
  font-weight: 400;
}
.duedate-icon .startdate a {
  color: #0e9aef !important;
  margin: 0 5px;
}
.duedate-icon .fc-view-container {
  width: 245px;
}
.duedate-icon .fc-view-container .fc-scroller > .fc-day-grid {
  background-color: #fff;
}
.duedate-icon .fc-unthemed th {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 0;
}
.duedate-icon .fc-unthemed td {
  font-size: 11px;
}
.duedate-icon .startDate-Div {
  display: flex;
  margin-top: 5px;
}
.duedate-icon .startDate-Div .startdate {
  display: flow-root;
  padding: 0 5px;
}
.duedate-icon .fc-scroller .fc-day-grid-container {
  min-height: 131px;
  height: 131px;
}
.duedate-icon .startDate-Div .duedate {
  display: flow-root;
  padding: 0 5px;
}
.duedate-icon .startDate-Div input {
  border-radius: 5px;
  margin: 0 0 7px 0;
  width: 117px;
}
.duedate-icon .button-row {
  margin: 5px 5px 5px 5px;
}
.duedate-icon .button-row button {
  background-color: #0e9aef;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}
.duetime-icon .Label_heading_top {
  padding: 1px 7px 6px 7px;
  margin: 0 0 4px 0;
  border-bottom: 1px solid #efefef;
  display: flex;
  align-items: center;
}
.duetime-icon .Label_heading_top h3 {
  font-weight: 600;
  font-size: 12px;
  color: #465369;
  opacity: 1;
  margin: 0 0 3px 0;
}
.duetime-icon .Label_heading_top .total-time {
  margin-left: auto;
  margin-bottom: 3px;
}
.duetime-icon .Label_heading_top .total-time .fa-times-circle {
  opacity: 0.5;
  font-size: 11px;
}
.duetime-icon .Label_heading_top .total-time .fa-times-circle:hover {
  opacity: 1;
}
.duetime-icon .common_innr_dropdown {
  left: 0;
  top: 27px;
  width: 195px;
  min-width: 195px !important;
  border: 1px solid #d5d5d6;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.duetime-icon .due-timecontainer {
  flex-wrap: wrap;
  padding: 7px 5px;
}
.duetime-icon .due-timecontainer .due-time-value {
  text-align: center;
  display: inline-block;
  min-width: 35px;
  padding: 5px 6px 5px 6px;
  color: #444;
  margin: 5px;
  border-radius: 3px;
  background-color: #efefef;
}
.duetime-icon .due-timecontainer .due-time-value:hover {
  background-color: #0e9aef;
  color: #fff;
}
.duetime-icon .estimate-time-div {
  padding: 7px 10px;
  display: flex;
  border-top: 1px solid #efefef;
}
.duetime-icon .estimate-time-div button {
  margin-left: 6px;
  background-color: #0e9aef;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  height: 26px;
  padding: 2px 10px;
}
.duetime-icon .estimate-time-div .form-control,
.single-line {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 0 6px 5px;
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
  height: 26px;
}
.assignee-icon h3.Label_heading_top {
  padding: 8px 7px 2px 7px;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #465369;
  opacity: 0.7;
}
.assignee-icon .common_innr_dropdown {
  left: -4px;
  top: 20px;
}
.assignee-icon {
  cursor: pointer;
}
ul.common_team_ctrl {
  display: flex;
  align-items: center;
}
.menu_item.animated_menu li.add-team-btn i {
  cursor: pointer;
  width: 47px;
}
.all_team_full_width > .all_team_full_width-inner > li {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transitionease: all 0.3s ease;
  -o-transition: all 0.3s ease;
  padding: 7px 6px;
  width: 28px;
  height: 28px;
  position: relative;
}
.menu_item.animated_menu .all_team_full_width > .all_team_full_width-inner {
  width: 47px;
}
.menu_item.animated_menu
  .all_team_full_width
  > .all_team_full_width-inner
  > li:hover {
  background-color: #f3f7fe;
  border: 1px solid #008adf;
}
.capture_timer_heading_div .capture_timer_heading {
  width: 100%;
}
.total_time_entries_span.total_time_ctrl {
  width: 100%;
  justify-content: flex-end;
  color: #585858 !important;
  font-size: 14px !important;
}
.add-org-btn-wrapper.text-center .modal .modal-footer .btn-default {
  color: inherit;
  background: #fff;
  border: 1px solid #e7eaec;
}
.add-org-btn-wrapper.text-center .modal .modal-footer .btn {
  width: auto;
  padding: 6px 12px !important;
  border-radius: 4px;
  font-size: 14px !important;
}
.add-org-btn-wrapper .modal-content {
  text-align: left !important;
}
.highlight_color_text {
  position: relative;
  color: #000;
  padding: 3px 10px 0 5px !important;
  font-size: 13px;
  outline: 0;
  margin-bottom: 0 !important;
}
ul.dropdown-menu.margin_ctrl {
  left: 209px !important;
  margin-top: 21px !important;
}
a.heading-title.highlight_color_text i.fas.fa-chevron-right.right-carot {
  position: relative;
  font-size: 11px;
  float: right;
  right: -5px;
  top: 7px;
}
.org-custome-gray-side-bar .space_setting_three_dot {
  right: 16px !important;
  width: auto !important;
}
.org_left_sidebar_header h3 {
  padding: 5px 0 0 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #465369;
  margin-bottom: 0;
}
.tree-node.org-tree-node.border-bottom-none {
  border-bottom: none;
}
.subtask_dropdown .dropdown-menu {
  min-width: 180px !important;
}
.subtask_dropdown .list-view-dropdown svg {
  display: block;
  margin-right: 7px;
  width: 14px;
  height: auto;
}
.subtask_dropdown .dropdown-menu.dropdown-right ul li {
  display: block;
  padding: 5px 10px;
  position: relative;
  cursor: pointer;
}
.subtask_dropdown .dropdown-menu.dropdown-right ul li.active {
  background-color: #b6e0fa4d !important;
  color: #0e9aef !important;
}
.subtask_dropdown .dropdown-menu.dropdown-right ul li.active > .li-items > a {
  color: #0e9aef !important;
}
.subtask_dropdown .li_item_views-bar_default_italic {
  vertical-align: middle;
  font-style: italic;
}
span.data_count {
  color: #fff;
  font-weight: 600;
  padding: 0;
  border-radius: 100%;
  width: 16px;
  display: flex;
  height: 16px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  position: absolute;
  top: -3px;
  right: -4px;
  z-index: 1;
  border: 1px solid rgb(14 154 239 / 50%) !important;
  line-height: 12px;
}
span.data_count.active {
  background-color: #0e9aef;
}
.body-right-trackduck
  .tab-header
  ul.tab-horizontal
  li.active
  .data_count.active {
  background: #0e9aef;
}
.body-right-trackduck .tab-header ul.tab-horizontal li.active svg:hover {
  fill: #0e9aef !important;
}
.panel_icon_ctrl {
  position: relative;
  left: -1px;
  margin: auto;
}
ul.vertical_bar_ul > li.active span:before {
  display: none;
}
.list_sub_header_main_right.inline_edit svg {
  display: block !important;
  top: 1px !important;
  margin-right: 6px !important;
  left: auto !important;
}
.list_sub_header_main_right.inline_edit {
  padding: 2px 8px !important;
  border-radius: 4px;
  border: 1px solid transparent;
  width: max-content;
  cursor: pointer;
}
.list_sub_header_main_right.inline_edit:hover {
  border: 1px solid #d5d5d66e;
  background-color: #f5f5f7;
}
.list_sub_header_main_right.inline_edit .toggle_editable_sty {
  margin: 0 !important;
}
.list_sub_header_main_right.inline_edit
  .dropdown.open
  .inbox_heading_innr_right
  .settings:hover {
  background-color: #e4e4e6;
}
.settings.with_margin.subtask_dropdown > .dropdown.open > .list-view-dropdown {
  background-color: #f5f5f7;
  border: 1px solid #d5d5d66e;
}
.settings.with_margin.subtask_dropdown > .dropdown > .list-view-dropdown:hover {
  border-radius: 4px;
  background-color: #f5f5f7;
  cursor: pointer;
  border: 1px solid #d5d5d66e;
}
.capture_inbox_heading .inbox_heading_innr_right .settings .list-view-dropdown {
  padding: 4px 4px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
}
.ColorPicker-cell:hover.capture-name-header {
  display: flex;
  margin: 15px;
}
.capture-name-header .capture-name {
  flex: 1;
  width: 100%;
  display: inline-flex;
  position: relative;
}
.capture-name-header {
  padding: 10px 15px;
}
.capture-name-header .capture-name testarea {
  font-size: 16px;
  color: #353535;
  line-height: 22px;
  font-weight: 600;
  padding: 10px;
  border: 1px solid transparent;
  width: 100%;
}
.capture-name-header .capture-name testarea:hover {
  border-radius: 3px;
  border: 1px solid #c9ced7;
}
.capture-name-header .capture-name .view_detail_bug_title {
  overflow-y: hidden !important;
  border: 1px solid #d3dae8;
  transition: ease all 0.2s;
  border-radius: 3px;
  font-weight: 600;
  resize: none;
  color: #353535 !important;
  font-size: 16px !important;
  padding: 6px 10px 0 30px !important;
  height: 50px;
  overflow-x: auto;
  text-rendering: optimizeSpeed;
}
.capture-name-header .capture-name .view_detail_bug_title:focus {
  border: 1px solid #0e9aef;
}
.capture-name-header .capture-icon {
  padding: 15px 10px 0 10px;
}
.capture-name-header .capture-icon .a {
  opacity: 0.54;
}
.b {
  fill: #6b7587;
}
.has-label-inside {
  color: #1b394b;
  width: 8px;
  height: 17px;
  font-weight: 700;
}
.is-task {
  cursor: pointer;
  border-left: 1px solid #d5d5d6;
  margin-left: 15px;
  padding-left: 15px;
  color: #262626;
  margin-right: 15px;
  font-weight: 600;
}
.is-doc-capture {
  cursor: pointer;
  border-left: 1px solid #d5d5d6;
  padding-left: 15px;
  color: #262626;
  margin-right: 15px;
  font-weight: 600;
}
.is-doc-capture i,
.is-task i {
  font-size: 10px;
  color: #b3b8c1;
  margin-right: 5px;
  border-radius: 3px;
  border: 1px solid #b3b8c1;
  padding: 2px;
}
.is-doc-capture:hover i,
.is-task:hover i {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid transparent;
}
.is-doc-capture i.active,
.is-task i.active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid transparent;
}
.task-description {
  display: flex;
  margin: 15px 15px 15px 15px;
}
.task-description-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: ease all 0.2s;
}
.task-description-wrapper:focus-within {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.task-description-wrapper .ql-editor.ql-blank::before {
  font-style: italic;
}
.task-description-wrapper .task-description-textarea {
  height: 100%;
  min-height: 100% !important;
  color: #676a6c;
  opacity: 0.5;
}
.task-description-wrapper .ql-editor {
  overflow-y: auto;
  border: 1px solid #d3dae8;
  border-radius: 3px;
  height: auto;
  min-height: 100px;
  padding: 42px 26px 12px 15px;
}
.task-description-wrapper .task-description-textarea .ql-editor {
  overflow-y: auto;
  min-height: auto;
  height: auto;
  border: 1px solid #d3dae8;
  border-radius: 3px;
  max-height: 100%;
}
.task-description-wrapper .task-description-textarea .ql-editor:focus {
  border: 1px solid #b5b5b5;
}
.task-description-wrapper .ql-toolbar.ql-snow {
  position: absolute;
  top: 0;
  z-index: 1;
  padding: 5px;
  border: 1px solid #d5d5d6;
  border-radius: 0;
  width: 100%;
}
.task-description-wrapper .ql-container.ql-snow {
  border: inherit;
}
#newDescriptionModalPopup .modal-header h4.modal-title {
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #000;
  width: 100%;
}
#newDescriptionModalPopup .modal-header {
  display: flex;
  align-items: center;
  min-height: 50px;
  justify-content: center;
  padding: 0;
}
#newDescriptionModalPopup .modal-dialog {
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  margin: 50px 50px;
  display: inline-flex;
}
#detailsInModal #newDescriptionModalPopup .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
}
#newDescriptionModalPopup .modal-dialog .modal-content .modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#newDescriptionModalPopup .modal-dialog .modal-content {
  height: 100%;
}
.task-description-wrapper .expand-description {
  position: absolute;
  border: 1px solid transparent;
  right: 5px;
  top: 5px;
  padding: 4px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 2;
}
.task-description-wrapper .expand-description:hover {
  color: #151b26;
  opacity: 1;
  border: 1px solid #e8e8e9;
  position: absolute;
  background-color: #f5f5f7;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.task-description-wrapper .expand-description:hover svg {
  opacity: 1;
}
#newDescriptionModalPopup .modal-body {
  padding: 15px 15px 0 15px !important;
}
#newDescriptionModalPopup .modal-body > .form-group {
  height: 100%;
  display: inline-block;
  width: 100%;
}
#newDescriptionModalPopup .modal-content .btn {
  padding: 2px 15px;
}
#newDescriptionModalPopup .modal-content button.close:hover {
  border-radius: 3px;
  background-color: #e8eaed;
  opacity: 1;
  color: #151b26 !important;
}
#newDescriptionModalPopup .popup-description .ql-editor {
  height: calc(100vh - 226px);
}
#newDescriptionModalPopup .modal-content .close {
  transition: ease-in-out 0.5s;
  background-color: #e8eaed;
  opacity: 0.55 !important;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  align-items: center;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  color: #151b26 !important;
}
#newDescriptionModalPopup .modal-content button.close:hover {
  opacity: 1 !important;
}
.task-description-wrapper .expand-description svg {
  fill: #151b26;
  opacity: 0.55;
  transition: ease-in-out 0.5s;
}
.description-icon {
  padding: 15px 10px 0 10px;
  color: #aeb4bd;
}
.description-txt {
  width: 100%;
  padding: 10px;
  font-size: 13px;
  border: 1px solid transparent;
  font-weight: 400;
  line-height: 24px;
  border-radius: 1px;
  position: relative;
}
.description-txt:hover {
  border: 1px solid #e6ecf4;
  border-radius: 3px;
}
li.preview_fild_sortable_list_li.ui-sortable-placeholder {
  background: #fff !important;
}
.custom_quick_option_dropdown .preview_fild_sortable_list_li .svg_icon svg {
  margin-right: 5px !important;
  margin-left: 5px !important;
  width: 14px !important;
  height: 14px !important;
}
.body-right-trackduck .tab-header {
  margin-bottom: 0;
  padding: 6px 10px 0 15px;
  min-height: 40px;
  border-top: 1px solid #eaebee;
  border-bottom: 1px solid #eaebee;
  background-color: #f5f5f7;
  margin-top: 0;
  display: flex;
  align-items: center;
}
.body-right-trackduck .tab-header ul.tab-horizontal {
  display: inline-flex;
}
.body-right-trackduck
  .tab-header
  .add-custom-fields
  .dropdown-menu.dropdown-right {
  top: 28px;
  right: 0;
}
.body-right-trackduck .tab-header ul.tab-horizontal li {
  padding: 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  margin-right: 3px;
  min-height: 35px;
  border-bottom: 2px solid transparent;
}
.body-right-trackduck
  .tab-header
  ul.tab-horizontal
  li
  .panel_icon_position_ctrl {
  padding: 0 5px;
}
.body-right-trackduck .tab-header ul.tab-horizontal li:after {
  position: relative;
  top: 3px;
  display: block;
  content: "";
  transform: scaleX(0);
  transform-origin: 0% 50%;
  transition: transform 250ms ease-in-out;
  border-bottom: solid 2px #0e9aef;
}
.body-right-trackduck .tab-header ul.tab-horizontal li:hover:after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}
.body-right-trackduck .tab-header ul.tab-horizontal li:first-child {
  margin-left: 0;
}
.body-right-trackduck .tab-header ul.tab-horizontal li.active {
  border-bottom: 2px solid #4a9fea;
}
.body-right-trackduck .tab-header ul.tab-horizontal li.active i {
  color: #4a9fea;
  opacity: 1;
}
.body-right-trackduck .tab-header ul.tab-horizontal li.active svg {
  fill: #0e9aef !important;
  opacity: 1 !important;
}
.body-right-trackduck .tab-header .add-custom-fields {
  display: flex;
  margin-left: auto;
  padding: 0 0 5px 5px;
}
.body-right-trackduck
  .tab-header
  .add-custom-fields.in_preview_panel
  .acf_icon_ctrl {
  color: #151b26;
  width: 28px;
  height: 28px;
  transition: ease-in-out 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  opacity: 0.55;
}
.body-right-trackduck
  .tab-header
  .add-custom-fields.in_preview_panel
  .acf_icon_ctrl:hover {
  background-color: #e9e9eb;
  color: #151b26;
  opacity: 1;
}
.body-right-trackduck
  .tab-header
  .add-custom-fields.in_preview_panel.open
  .acf_icon_ctrl {
  background-color: #e9e9eb;
  border-radius: 3px;
  color: #151b26;
  opacity: 1;
}
.body-right-trackduck .tab-header .add-custom-fields .add-custom-btn i {
  color: #151b26;
  opacity: 0.55;
}
.custom_quick_option_dropdown .Add-custom-field-div .Add-custom-view-heading {
  padding-left: 15px;
  color: #333;
  font-weight: 600;
  font-size: 13px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #e0e0e1;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  .Add-custom-view-heading
  .label-right {
  display: flex;
  margin-left: auto;
  padding-right: 12px;
  color: #676a6c;
  cursor: pointer;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  .Add-custom-view-heading
  .label-right:hover {
  color: #333;
}
.custom_quick_option_dropdown .Add-custom-field-div ul.custom-filed-list {
  margin: 0;
  padding: 0;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li.all {
  padding-left: 30px;
  color: #000;
  font-weight: 600;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  span.drag-item {
  padding-left: 10px;
  cursor: move;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  .fa-tags {
  font-size: 12px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  .fa-paperclip {
  font-size: 14px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  .fa-stopwatch {
  font-size: 15px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li.sublist
  .sublist-svg {
  margin-left: 4px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  .edit-custom {
  opacity: 0;
  display: flex;
  margin-left: auto;
  position: relative;
  top: -2px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li:hover
  .edit-custom {
  opacity: 1;
  font-size: 11px;
}
.custom_quick_option_dropdown .Add-custom-field-div ul.custom-filed-list li {
  display: flex;
  min-height: 30px;
  padding-right: 18px;
  cursor: pointer;
  align-items: center;
  font-size: 13px;
  color: #252222;
  font-weight: 500;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  span.drag-item
  svg {
  min-width: 13px;
  display: flex;
  align-items: center;
  opacity: 1;
  margin-right: 3px;
}
.custom_quick_option_dropdown .Add-custom-field-div ul.custom-filed-list li i {
  margin-right: 5px;
  min-width: 18px;
  color: #8c93a1;
  margin-left: 7px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  svg {
  fill: #8c93a1;
  margin-right: 8px;
  width: 13px;
  min-width: 18px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  .compact_ui {
  display: flex;
  margin-left: auto;
  align-items: center;
  position: relative;
  top: 3px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  .compact_ui
  .slider:before {
  width: 13px;
  height: 13px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li:hover
  .edit-custom
  i.fa-pen {
  opacity: 0.8;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li:hover
  .edit-custom:hover
  i.fa-pen {
  opacity: 1;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li.add-custom
  .fa-plus {
  color: #0e9aef;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li.add-custom {
  color: #0e9aef;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li.add-custom
  span {
  margin-top: -4px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li.add-custom {
  background-color: #f5f5f7;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li:hover {
  background-color: #f5f5f7;
}
.body-right-trackduck .tab-header .Label_heading_top {
  padding-left: 10px;
}
.add-custom-field .team_modal_icon_list {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-top: -2px;
}
.add-custom-field .team_modal_icon_list .custom_menu_options {
  display: flex;
  align-items: center;
  margin: 2px 2px;
  height: 25px;
}
.add-custom-field .team_modal_icon_list li.custom_menu_options:first-child {
  margin-left: 0;
}
.add-custom-field .team_modal_icon_list li.custom_menu_options:last-child {
  margin-right: 0;
}
#defaultModalPopup .modal-dialog {
  width: 400px;
}
#defaultModalPopup .modal-dialog .modal-header {
  padding: 15px 15px 5px 15px;
  border-bottom: 1px solid #e5e5e5;
}
#defaultModalPopup .modal-dialog .btn-default {
  padding: 2px 10px;
}
#defaultModalPopup .modal-dialog .yesbtn {
  background-color: #0e9aef;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
  padding: 2px 15px 3px 15px;
  border: 0;
}
#defaultModalPopup .modal-dialog .modal-header button.close {
  margin-top: -3px !important;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
}
#defaultModalPopup .modal-dialog .modal-header button.close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.add-custom-field .add-custom-heading i.fa-chevron-left {
  padding: 3px 5px 3px 0;
  cursor: pointer;
  color: #b3b3b3;
  cursor: pointer;
}
.add-custom-field .add-custom-heading i.fa-chevron-left:hover {
  background-color: #f5f5f7;
  border: 1px solid #d5d5d66e;
  border-radius: 3px;
}
.add-custom-field .team_modal_icon_list .custom_menu_options .popup-icon_ctrl {
  transition: 0.25s;
  cursor: pointer;
  font-size: 14px;
  color: #85909f;
  opacity: 0.81;
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-custom-field
  .team_modal_icon_list
  .custom_menu_options
  .popup-icon_ctrl-plus {
  display: flex;
  align-items: center;
  margin: 2px 2px;
  height: 23px;
  font-size: 14px;
  color: #85909f;
  cursor: pointer;
}
.add-custom-field
  .team_modal_icon_list
  .custom_menu_options
  .popup-icon_ctrl-plus
  .fa-plus {
  color: #0e9aef;
  background-color: #f5f5f7;
  height: 21px;
  width: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.body-right-trackduck
  .tab-header
  ul.tab-horizontal
  li
  .panel_icon_position_ctrl
  .panel_icon_ctrl {
  height: 30px;
}
.add-custom-field
  .team_modal_icon_list
  .custom_menu_options
  .popup-icon_ctrl-plus
  .fa-plus:hover {
  background-color: #0e9aef;
  color: #fff;
}
.add-custom-field
  .team_modal_icon_list
  .custom_menu_options
  .popup-icon_ctrl-plus
  i {
  font-size: 12px;
}
.add-custom-field
  .team_modal_icon_list
  .custom_menu_options
  .popup-icon_ctrl:hover {
  background-color: #eee;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-custom-field
  .team_modal_icon_list
  .custom_menu_options
  .popup-icon_ctrl:focus {
  border: 1px solid #5cb8f1 !important;
  background-color: #eee;
  border-radius: 100%;
}
.add-custom-field
  .team_modal_icon_list
  .custom_menu_options
  .popup-icon_ctrl.active {
  border: 1px solid #5cb8f1 !important;
  background-color: #eee;
  border-radius: 100%;
}
.add-custom-field
  .team_modal_icon_list
  .custom_menu_options
  .popup-icon_ctrl:visited {
  border: 1px solid #5cb8f1 !important;
  background-color: #eee;
  border-radius: 100%;
}
.add-custom-field .add-custom-heading {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #efefef;
  min-height: 39px;
  margin-bottom: 10px;
  padding-left: 15px;
}
.add-custom-field .button-row {
  display: flex;
  align-items: center;
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 9px;
  padding-bottom: 10px;
  justify-content: flex-end;
}
.add-custom-field .button-row button {
  margin-right: 7px;
  padding: 4px 8px;
  font-size: 13px;
}
.add-custom-field .button-row button.btn.create {
  background-color: #0e9aef;
  transition: 0.25s ease;
  color: #fff;
}
.add-custom-field .button-row button.btn.create:hover {
  background-color: #1a7bb9;
  color: #fff;
}
.add-custom-field .button-row button.btn.cancel {
  border: 0;
  transition: 0.25s ease;
  padding: 4px 8px;
  color: #676a6c;
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
}
.add-custom-field .modal-title {
  font-size: 14px !important;
  color: #000 !important;
  font-weight: 600 !important;
  text-align: center !important;
  width: 100%;
  margin-left: -24px;
}
.body-right-trackduck
  .tab-header
  .add-custom-fields
  .arrow_box_top.dropdown-right:after {
  right: 7px;
}
.body-right-trackduck
  .tab-header
  .add-custom-fields
  .arrow_box_top.dropdown-right:before {
  right: 5px;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  .compact_ui
  input:checked
  + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li.add-custom {
  border-top: 1px solid #e9e9eb;
  padding-left: 6px;
  min-height: 43px;
  cursor: pointer;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li.add-custom
  .fa-plus {
  color: #0e9aef;
}
.add-custom-field .select-privacy {
  text-align: left;
  color: #333;
  align-items: center;
  display: flex;
}
.add-custom-field .select-privacy .privacy-icon {
  color: #9ca5b1;
  margin-right: 6px;
  font-size: 13px;
}
.add-custom-field .select-privacy .arrow-down {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: #9ca5b1;
}
.add-custom-field .privacy-dropdown .dropdown-menu {
  width: 100%;
}
.add-custom-field .privacy-dropdown a.dropdown-item {
  padding: 7px;
  color: #9ca5b1;
  display: block;
  font-size: 13px;
}
.add-custom-field .privacy-dropdown a.dropdown-item i {
  min-width: 18px;
}
.add-custom-field .privacy-dropdown a.dropdown-item:hover {
  background-color: #f5f5f7;
}
.group_hover_class {
  background: #009fff36 !important;
}
div.subtask-list-container > div.subtask-list.is-hoveringAbove:before {
  background-color: #273240;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 99;
  margin: 0 20px 0 38px !important;
}
div.subtask-list-container > div.subtask-list.is-hoveringBelow:after {
  background-color: #273240;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 99;
  margin: 0 20px 0 38px !important;
}
.selectedDraggableCapture .capture_number_increment {
  display: none !important;
}
.selectedDraggableCapture .subtask-detail-draggable {
  display: none !important;
}
.selectedDraggableCapture .parent_task_in_subtask {
  display: none !important;
}
.related-section {
  margin-bottom: 10px;
}
.common_section {
  margin-bottom: 10px;
}
.tags-container {
  cursor: pointer;
  position: relative;
  margin: 0 20px 0 30px;
  padding: 0;
  display: flex;
  align-items: center;
}
.editDescriptionClass {
  height: 150px;
}
.tags-container i.fa-chevron-down {
  left: 8px;
}
.tags-container .section-title {
  font-weight: 600;
  color: #262626;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.tags-container .tags-icon {
  width: 22px;
  margin-left: 0;
  font-size: 13px;
  margin-right: 0;
  line-height: normal;
}
.tags-container .tags-count {
  font-weight: 600;
  margin-left: 3px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tags-container .add-tags {
  margin-left: auto;
  align-items: center;
  width: 100px;
  float: right;
  text-align: right;
  margin-bottom: 0;
}
.tags-container .add-tags button {
  padding: 3px 4px;
  background-color: #f5f5f7;
  border: 1px solid #e8e8e9;
  border-radius: 3px;
  color: #667183;
  font-size: 11px;
  font-weight: 600;
}
.tags-container .add-tags button:hover {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.tags-container .add-tags button:focus {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.tags-container .add-tags button:active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.tags-container spa.dropicon {
  text-align: left;
  min-width: 15px;
}
.tags-container span.dropicon i.fa-chevron-down {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.tags-container .tags-wrapper {
  margin-left: 15px;
}
.tags-container .tags-wrapper .tags-item {
  background: rgba(38, 128, 235, 0.2);
  border: 1px solid #257be2;
  border-radius: 4px 22px 22px 4px;
  opacity: 1;
  font-size: 11px;
  font-weight: 600;
  padding: 1px 5px;
  color: #2680eb;
}
.subtask-container .subtask-icon svg {
  width: 13px;
  height: 13px;
}
.subtask-container {
  cursor: pointer;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 15px 0 15px;
  padding: 0;
}
.subtask-container span.dropicon {
  min-width: 15px;
  text-align: left;
}
.subtask-container span.dropicon i.fa-chevron-down {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.subtask-container .subtask-icon {
  min-width: 22px;
  text-align: left;
  font-weight: 600;
  color: #262626;
  font-size: 14px;
}
.subtask-container .subtask-icon .a {
  opacity: 0.54;
}
.b {
  fill: #6b7587;
}
.subtask-container .section-title {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #dfe5f2;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.subtask-container .subtask-count {
  font-weight: 600;
  margin-left: 3px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subtask-container .section-title .add-subtask {
  margin-left: auto;
  align-items: center;
  margin-bottom: 5px;
}
.subtask-container .section-title .add-subtask button {
  padding: 3px 4px;
  background-color: #f5f5f7;
  border: 1px solid #e8e8e9;
  border-radius: 3px;
  color: #667183;
  font-size: 11px;
  font-weight: 600;
}
.subtask-container .section-title .add-subtask button:hover {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.subtask-container .section-title .add-subtask button:focus {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.subtask-container .section-title .add-subtask button:active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.subtask-list .task_in_edit_state.editable_content_ctrl {
  display: flex;
  align-items: center;
}
.subtask-list textarea.task_name.cp_task_name.editable_content {
  line-height: 19px;
  width: 100%;
  max-width: 100%;
}
.subtask-list .task_name {
  color: #151b26;
  font-weight: 400;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
}
.subtask-list .task_name {
  height: 21px;
}
.subtask-list span.capture_thumb {
  width: 25px;
  height: 25px;
  min-width: 25px;
}
.subtask-list .sub-move {
  position: absolute;
  left: 0;
  opacity: 0;
  width: auto !important;
}
.subtask-list .Subtask_list_inner {
  display: flex;
  padding: 5px 0;
  align-items: center;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -ms-transition: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
}
.subtask-list-container .subtask-list:focus {
  background-color: #b6e0fa;
}
.capture_number_increment {
  color: #8e8e8e;
  font-size: 12px;
  margin-left: 2px;
  margin-right: 8px;
}
.subtask-list .right-list-item-over i {
  padding: 0 3px;
}
.subtask-list .capture_thumb_details {
  box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 15px;
  text-overflow: ellipsis;
  width: 250px;
}
.subtask-list .Subtask_list_inner:hover {
  background: #f8f8f8 !important;
}
.subtask-list .Subtask_list_inner:hover .right-list-item-over i {
  opacity: 1;
}
.subtask-list
  .Subtask_list_inner
  .right-list-item-over
  btn.three_dots_icon
  i.fa-ellipsis-h {
  opacity: 0;
}
.subtask-list svg.Icon.DragIcon.DragHandle-icon {
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0;
  opacity: 0.7;
  fill: #465369;
  cursor: move;
}
.subtask-list:hover .sub-move {
  opacity: 1;
}
.subtask-list-container .subtask-list {
  border-bottom: 1px solid #d6dae1;
  padding: 0 0;
  margin: 0 15px 0 52px;
}
.subtask-list-container .subtask-list .sub_task_icon {
  position: absolute;
  left: 15px;
}
.subtask-list-container .subtask-list input[type="checkbox"] {
  margin-top: 0;
}
.subtask-list-container .subtask-list .task-name {
  color: #465369;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 95%;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0 10px 0 5px !important;
  resize: none;
  height: 21px;
  line-height: 19px;
  margin-right: 1px;
  background: 0 0;
}
.subtask-list-container .subtask-list .sub-move {
  margin-left: 20px;
  width: 10px;
  display: flex;
}
.subtask-list-container .subtask-list .sub-move i {
  display: none;
}
.subtask-list-container .subtask-list i.fa-ellipsis-h {
  color: #8d95a2;
}
.subtask-list-container .subtask-list i.fa-ellipsis-h:hover {
  color: #465369;
}
.subtask-list-container .subtask-list .right-list-item-over {
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  justify-content: flex-end;
  flex-flow: row;
  align-content: flex-end;
  flex: 0 1 auto;
  -webkit-box-align: center;
  -webkit-box-pack: end;
}
.subtask-list-container .subtask-list .right-list-item-over .subtask-action {
  margin: 0 3px 0 0;
  display: inline-flex;
  flex: none;
  cursor: pointer;
}
.subtask-list-container
  .subtask-list
  .right-list-item-over
  .subtask-action
  .timer_class_div.timer_in_list {
  margin-left: 10px;
  margin-right: 0;
  width: auto;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.subtask-list-container
  .subtask-list
  .right-list-item-over
  .subtask-action
  i.fa.fa-play {
  color: #0e9aef;
  font-size: 8px;
  padding-left: 4px;
  width: 17px;
  height: 17px;
}
.subtask-list-container
  .subtask-list
  .right-list-item-over
  .subtask-action
  span.dotted-icon {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 1px dashed #c3c3c4;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subtask-list-container
  .subtask-list
  .right-list-item-over
  .subtask-action
  span.dotted-icon:hover {
  background-color: #fff;
}
.subtask-list-container .subtask-list:hover .sub-move i {
  display: block;
  opacity: 0.4;
}
.subtask-list-container .subtask-list .addsubtask-click {
  cursor: pointer;
  opacity: 0.7;
  margin-left: 5px;
}
.subtask-list-container
  .subtask-list
  .right-list-item-over
  .three_dots_dropdown_main {
  float: right;
  padding: 3px;
  opacity: 0;
}
.subtask-list
  .Subtask_list_inner:hover
  .right-list-item-over
  .three_dots_dropdown_main {
  float: right;
  padding: 3px;
  opacity: 1;
}
.margin-right-0 {
  margin-right: 5px !important;
}
.attachment-container {
  cursor: pointer;
  margin: 0 15px 0 15px;
  padding: 0;
  display: flex;
  align-items: center;
}
.attachment-container span.dropicon {
  min-width: 15px;
  text-align: left;
}
.attachment-container span.dropicon i.fa-chevron-down {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.attachment-container .fa-paperclip {
  min-width: 22px;
  text-align: left;
  color: #7f8288;
  font-size: 13px;
}
.attachment-container .attachment-icon .a {
  opacity: 0.54;
}
.b {
  fill: #6b7587;
}
.attachment-container .section-title {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #dfe5f2;
  font-weight: 600;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.attachment-container .section-title span {
  margin-bottom: 0;
}
.attachment-container .attachment-count {
  font-weight: 600;
  margin-left: 3px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attachment-container .section-title .addfile {
  margin-left: auto;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.attachment-container .section-title .addfile .list-view-btn {
  margin-right: 5px;
  padding: 0 5px;
  display: flex;
  align-items: center;
}
.attachment-container .section-title .addfile .list-view-btn i {
  color: #757d8f;
  font-size: 12px;
  opacity: 0.7;
}
.attachment-container .section-title .addfile .list-view-btn a:hover i {
  color: #0e9aef;
}
.attachment-container .section-title .addfile .list-view-btn a:hover svg {
  fill: #0e9aef;
}
.attachment-container .section-title .addfile .list-view-btn a svg {
  fill: #757d8f;
  opacity: 0.7;
}
.attachment-container .section-title .addfile .list-view-btn a.thumbnail-icon {
  height: 15px;
  margin-right: 5px;
}
.attachment-container
  .section-title
  .addfile
  .list-view-btn
  a.thumbnail-icon.active
  svg {
  fill: #0e9aef;
}
.attachment-container .section-title .addfile .list-view-btn a.active {
  border-radius: 3px;
}
.attachment-container .section-title .addfile .list-view-btn a.active i {
  color: #0e9aef;
}
.attachment-container .section-title .addfile button {
  padding: 3px 4px;
  background-color: #f5f5f7;
  border: 1px solid #e8e8e9;
  border-radius: 3px;
  color: #667183;
  font-size: 11px;
  font-weight: 600;
}
.attachment-container .section-title .addfile button:hover {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.attachment-container .section-title .addfile button:active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.attachment-list {
  border-bottom: 1px solid #d6dae1;
  padding: 5px 5px;
  margin: 0 15px 0 52px;
  display: flex;
  align-items: center;
}
.attachment-list:hover {
  background-color: #f5f5f7;
  cursor: pointer;
}
.attachment-list > img {
  width: 70px;
}
.attachment-list_main_container_ctrl {
  padding: 0 20px 0 47px;
}
.attachment-list .attach-detail {
  color: #262626;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
}
.attachment-list .attach-detail i {
  color: #a1a7b3;
  margin-left: 0;
}
.attachment-list .attach-detail .attachment-name {
  margin-left: 10px;
  line-height: 17px;
  width: 100%;
  height: 20px;
  border: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.attachment-list .attach-detail input.attachment-name {
  border: 1px solid #0e9aef;
  line-height: 20px;
}
.attachment-list .attach-action {
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  justify-content: flex-end;
  flex-flow: row;
  align-content: flex-end;
  flex: 0 1 auto;
  -webkit-box-align: center;
  -webkit-box-pack: end;
}
.attachment-list .attach-action .time-count {
  margin: 0;
  display: inline-flex;
  flex: none;
  padding-left: 10px;
}
.attachment-list .attach-action i {
  color: #a1a7b3;
  font-size: 12px;
}
.attachment-list .attach-action .time-entry-file {
  display: flex;
  margin: 0 10px 0 0;
  align-items: center;
  white-space: nowrap;
}
.attachment-list .attach-action .attach-action-icon {
  display: none;
}
.attachment-list:hover .attach-action .attach-action-icon {
  margin: 0 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row;
  align-content: flex-end;
  flex: 0 1 auto;
  -webkit-box-align: center;
  -webkit-box-pack: end;
}
.attachment-list:hover .attach-action .attach-action-icon > span {
  margin-left: 10px;
  display: inline-flex;
}
.attachment-list:hover .attach-action .attach-action-icon span i.fa-times {
  color: #ed4758;
}
.attachment-list:hover .attach-action .attach-action-icon span i:hover {
  opacity: 0.8;
}
.attachment-list:hover .attach-action .time-entry-file {
  display: none;
}
.attachment-list .attach-action .user-container {
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 9px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  font-weight: 600;
  border-radius: 100%;
  text-transform: uppercase;
  background-color: #0a68d6;
  margin-right: 0;
  display: flex;
  justify-content: center;
  min-width: 16px;
}
.time-entry-container {
  cursor: pointer;
  margin: 0 15px 0 15px;
  padding: 0;
  display: flex;
  align-items: center;
}
.time-entry-container span.dropicon {
  min-width: 15px;
  text-align: left;
}
.time-entry-container span.dropicon i.fa-chevron-down {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.time-entry-container .section-title {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #dfe5f2;
  font-weight: 600;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.time-entry-container .section-title span {
  margin-bottom: 0;
}
.time-entry-container .time-icon .a {
  opacity: 0.54;
}
.b {
  fill: #6b7587;
}
.time-entry-container .time-entry-count {
  font-weight: 600;
  margin-left: 3px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.time-entry-container .time-icon i.fa-stopwatch {
  min-width: 22px;
  text-align: left;
  color: #7f8288;
  font-size: 13px;
}
.time-entry-container .time-icon span {
  color: #082626;
  font-size: 14px;
  font-weight: 600;
}
.time-entry-container .section-title .addfile {
  margin-left: auto;
  align-items: center;
  margin-bottom: 5px;
}
.time-entry-container .section-title .addfile button {
  padding: 3px 4px;
  background-color: #f5f5f7;
  border: 1px solid #e8e8e9;
  border-radius: 3px;
  color: #667183;
  font-size: 11px;
  font-weight: 600;
}
.time-entry-container .section-title .addfile button:hover {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.time-entry-container .section-title .addfile button:focus {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.time-entry-container .section-title .addfile button:active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.list-view-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 20px 0 47px;
  border-bottom: 1px solid #efefef;
  line-height: 24px;
}
.list-view-container .thumbnail-icon {
  line-height: 21px;
  margin-right: 2px;
  position: relative;
  top: 1px;
}
.attach-div .list-view-container .list-view-btn {
  margin-right: 5px;
  padding: 0 5px;
  display: flex;
  align-items: center;
}
.attach-div .list-view-container .list-view-btn i {
  color: #757d8f;
  font-size: 12px;
  opacity: 0.7;
}
.attach-div .list-view-container .list-view-btn a:hover i {
  color: #0e9aef;
}
.attach-div .list-view-container .list-view-btn a:hover svg {
  fill: #0e9aef;
}
.attach-div .list-view-container .list-view-btn a svg {
  fill: #757d8f;
  opacity: 0.7;
}
.attach-div .list-view-container .list-view-btn a.thumbnail-icon {
  margin-right: 5px;
}
.attach-div .list-view-container .list-view-btn a.thumbnail-icon.active svg {
  fill: #0e9aef;
}
.attach-div .list-view-container .list-view-btn a.active {
  border-radius: 3px;
}
.attach-div .list-view-container .list-view-btn a.active i {
  color: #0e9aef;
}
.time-entry-div .timer_entries_dropdown_li .timer_entries_text {
  margin-left: 10px;
}
.time-entry-div .master_entry {
  padding-left: 20px;
}
.timer_entries_dropbox_outer_div {
  background: #fff;
  border: 2px solid #ccc;
  z-index: 99;
  width: 350px;
}
.timer_entries_dropdown_li {
  list-style: none;
  padding: 8px;
}
.timer_entries_dropdown_li svg {
  width: 3%;
  fill: red;
}
.time_entries_ctrl .cp_multiple_assignee .assignee_circle {
  width: 20px;
  height: 20px;
  font-size: 9px;
}
.time_entries_ctrl .cp_multiple_assignee .assignee_circle:hover {
  width: 20px;
  height: 20px;
  font-size: 9px;
}
.time_entries_ctrl ul.time_entried_ul_ctrl {
  padding: 0 0;
  margin: 0 0;
}
.time_entries_ctrl .time_entries_timer_count i.fa-play {
  margin-right: 5px;
  background-color: #f7f7f8 !important;
  border: 1px solid #eeeef0 !important;
  width: 16px;
  height: 16px;
  padding-left: 2px;
  font-size: 8px;
}
.time_entries_ctrl .time_entries_timer_count i.fa-play:hover {
  background-color: #0e9aef !important;
}
.time_entries_ctrl .time_entries_timer_count i.fa-pause {
  background-color: rgba(191, 67, 67, 0.9) !important;
  border: 1px solid rgba(191, 67, 67, 0.9) !important;
  width: 16px;
  height: 16px;
}
.time-entry-div .timer_entries_dropdown_li input.timer_entries_text_input {
  width: 100%;
  height: 20px;
  margin-left: 5px;
  margin-right: 10px;
  max-width: 100%;
}
.timer_entries_dropdown_li .timer_entries_text {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 280px;
  cursor: pointer;
  font-size: 12px;
  border: 1px solid transparent;
  color: #333;
}
.time-entry-div .timer_entries_dropdown_li input.time_entries_timer_count {
  width: 24%;
}
.time-entry-div .timer_entries_dropdown_li .time-count-div {
  display: flex;
  align-items: center;
  min-width: 109px;
  justify-content: flex-end;
}
.time-entry-div .timer_entries_dropdown_li input.timer_entries_text_input {
  font-weight: 400;
}
.timer_entries_dropdown_li .time_entries_timer_count .sub_time_entries {
  font-size: 12px;
  display: flex;
  margin: 0 0 0 auto;
  align-items: center;
  cursor: pointer;
  color: #303b42;
  font-weight: 600;
}
.time-entry-div
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li
  .fa-ellipsis-v {
  display: none;
  padding: 0 0 0 10px;
  margin: 0 0;
}
.time-entry-div ul.time_entried_ul_ctrl > li:hover .fa-ellipsis-v {
  display: block;
}
.time-entry-div .four_column_view_dropdown {
  width: 13px;
  padding: 15px 0 0 0;
}
cap .time-entry-div .time_entries_timer_count i.fa-ellipsis-v {
  background-color: inherit;
  border: inherit;
  color: #151b26;
}
.time-entry-div .time_entries_timer_count i.fa-ellipsis-v:hover {
  background-color: inherit;
  border: inherit;
  color: #151b26;
}
.time-entry-div .time_entries_count {
  font-weight: 500;
  margin-left: 5px;
  height: 18px;
  font-size: 12px;
  color: #7b8493;
  display: flex;
  align-items: center;
  justify-content: center;
}
.time-entry-div .total-time-entry-row {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding-right: 0;
}
.time-entry-div .total-time-entry-row .total-time-done {
  margin-left: auto;
  font-weight: 600;
  display: flex;
  justify-content: right;
  align-items: center;
  margin-right: 17px;
}
.time-entry-div .total-time-entry-row .total-time-count {
  min-width: 90px;
  text-align: left;
  padding-left: 0px;
}
.time-entry-div ul.time_entried_ul_ctrl li.timer_entries_dropdown_li {
  border-left: 0;
  border-bottom: 1px solid #d6dae1;
  padding: 5px 15px 5px 41px;
  margin: 0;
  display: flex;
  align-items: center;
}
.time-entry-div ul.time_entried_ul_ctrl li.timer_entries_dropdown_li:focus,
.time-entry-div ul.time_entried_ul_ctrl > li.timer_entries_dropdown_li:visited {
  background-color: #b6e0fa;
}
.time-entry-div .time_entries_timer_count i {
  background-color: inherit;
  border: 0;
}
.time-entry-div .time_entries_timer_count .timer-action-div {
  display: flex;
  margin: 0 0 0 auto;
  align-items: center;
}
.time-entry-div
  .move_left.time_entry_magic_dropdown_ctrl
  .dropdown-menu.time_entry_magic_dropdown {
  margin-top: -34px;
  margin-right: 23px;
}
#timer_entries_all_capture_div_id .time_entries_ctrl ul.time_entried_ul_ctrl {
  padding: 0 0 0 30px;
}
#timer_entries_all_capture_div_id
  .time_entries_ctrl:first-child
  ul.time_entried_ul_ctrl {
  padding: 0 0 0 30px;
}
.metadata-container {
  position: relative;
  cursor: pointer;
  margin: 0 15px 0 15px;
  padding: 0;
  display: flex;
  align-items: center;
}
.metadata-container span.dropicon {
  min-width: 15px;
  text-align: left;
}
.metadata-container span.dropicon i.fa-chevron-down {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.metadata-container .section-title {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #dfe5f2;
  font-weight: 600;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.metadata-container .metadata-icon span {
  color: #082626;
  font-size: 14px;
  font-weight: 600;
}
.metadata-container .metadata-icon i.fa-list-alt {
  min-width: 22px;
  text-align: left;
  color: #7f8288;
  font-size: 13px;
}
.metadata-container .addfile {
  margin-left: auto;
  align-items: center;
  cursor: pointer;
}
.meta-data-div .meta-details {
  margin: 10px 25px 10px 35px;
}
.meta-data-div .meta-details .detail-row {
  display: flex;
  margin-bottom: 10px;
}
.meta-data-div .meta-details .detail-row .labels {
  width: 120px;
  min-width: 120px;
  color: #303b42;
  font-size: 13px;
  opacity: 0.77;
}
.custom-container {
  margin: 0 20px 0 10px;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.custom-container span.dropicon {
  min-width: 15px;
  text-align: left;
}
.custom-container .fa-cog {
  opacity: 0.7;
  min-width: 22px;
  text-align: left;
}
.custom-container span.dropicon i.fa-chevron-down {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.custom-container .custom_fields_count {
  font-weight: 600;
  margin-left: 5px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  color: #7b8493;
  align-items: center;
}
.custom-container:hover span.dropicon i.fa-chevron-down {
  color: #3c4152;
  cursor: pointer;
}
.custom-container .section-title {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #dfe5f2;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.custom-container .Custom-Heading {
  min-width: 27px;
  text-align: left;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.custom-container .Custom-Heading i {
  opacity: 0.7;
  display: flex;
  align-items: center;
  cursor: pointer;
  maring-right: 10px;
}
.custom-div .custom-fields-details {
  margin: 0 20px 0 45px;
  background-color: #f5f5f5;
  padding: 15px 0;
}
.custom-div .custom-fields-details .detail-row {
  padding: 10px 25px;
  display: flex;
  margin-left: 10px;
  margin-right: 30px;
}
.custom-div .edit_fields_button {
  margin-bottom: 5px;
}
.custom-div .custom-fields-details .detail-row .labels {
  width: 150px;
  text-align: left;
  padding-right: 20px;
  color: #303b42;
  font-size: 13px;
  opacity: 0.7;
  align-items: center;
  display: inline-flex;
}
.related-document-container {
  margin: 0 20px 0 10px;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.related-document-container span.dropicon {
  min-width: 15px;
  text-align: left;
}
.related-document-container .fa-file-alt {
  opacity: 0.7;
  min-width: 22px;
  text-align: left;
}
.related-document-container .fa-list-ol {
  color: #7f8288;
  min-width: 22px;
  text-align: left;
  font-size: 13px;
}
.related-document-container span.dropicon i.fa-chevron-down {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.related-document-container .section-title .addfile {
  margin-left: auto;
  align-items: center;
  margin-bottom: 5px;
}
.related-document-container .section-title .addfile button {
  padding: 3px 4px;
  background-color: #f5f5f7;
  border: 1px solid #e8e8e9;
  border-radius: 3px;
  color: #667183;
  font-size: 11px;
  font-weight: 600;
}
.related-document-container .section-title .addfile button:hover {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.related-document-container .section-title .addfile button:focus {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.related-document-container .section-title .addfile button:active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.related-document-container .custom_fields_count {
  font-weight: 600;
  margin-left: 5px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  color: #7b8493;
  align-items: center;
}
.related-document-container:hover span.dropicon i.fa-chevron-down {
  color: #3c4152;
  cursor: pointer;
}
.related-document-container .section-title {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #dfe5f2;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.related-document-container .Custom-Heading {
  min-width: 27px;
  text-align: left;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.related-document-container .Custom-Heading i {
  opacity: 0.7;
  display: flex;
  align-items: center;
  cursor: pointer;
  maring-right: 10px;
}
.custom-div .custom-fields-details .detail-row {
  padding: 10px 25px;
  display: flex;
  margin-left: 10px;
  margin-right: 30px;
}
.custom-div .edit_fields_button {
  margin-bottom: 5px;
}
.custom-div .custom-fields-details .detail-row .labels {
  width: 150px;
  text-align: left;
  padding-right: 20px;
  color: #303b42;
  font-size: 13px;
  opacity: 0.7;
  align-items: center;
  display: inline-flex;
}
#add_new_task_div_id .task_list_ctrl .capture_thumb {
  width: 25px;
  min-width: 25px;
  height: 25px;
}
#add_new_task_div_id .task_list_ctrl {
  width: 100%;
}
#add_new_task_div_id .task_name_other_assets .task_name.cp_task_name {
  width: 100%;
  max-width: 83%;
}
#add_new_task_div_id.add_new_task_div .add_new_task_button {
  background: #0e9aef;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #fff;
  padding: 0 10px 2px 10px;
  border: 0;
  margin-right: 5px;
}
#add_new_task_div_id.add_new_task_div .add_new_task_button:hover {
  opacity: 0.8;
}
#add_new_task_div_id
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border-bottom: 1px solid #0e9aef;
  border-top: 1px solid #0e9aef;
}
#add_new_task_div_id
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border-bottom: 1px solid #0e9aef;
  border-top: 1px solid #0e9aef;
}
#addMainCaptureTaskDiv .task_list_ctrl .capture_thumb {
  width: 25px;
  min-width: 25px;
  height: 25px;
}
#addMainCaptureTaskDiv .task_list_ctrl {
  width: 100%;
}
#addMainCaptureTaskDiv .task_name_other_assets .task_name.cp_task_name {
  width: 100%;
  max-width: 83%;
}
#addMainCaptureTaskDiv.add_new_task_div .add_new_task_button {
  background: #0e9aef;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #fff;
  padding: 0 10px 2px 10px;
  border: 0;
  margin-right: 5px;
}
#addMainCaptureTaskDiv.add_new_task_div .add_new_task_button:hover {
  opacity: 0.8;
}
#addMainCaptureTaskDiv
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border-bottom: 1px solid #0e9aef;
  border-top: 1px solid #0e9aef;
}
#addMainCaptureTaskDiv
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border-bottom: 1px solid #0e9aef;
  border-top: 1px solid #0e9aef;
}
.table_list_view_main_wrapper
  #addMainCaptureTaskDiv
  .task_name_other_assets
  .task_name.cp_task_name {
  width: 100%;
  max-width: 100%;
}
.settings.with_margin.view_task .list-view-dropdown {
  display: block;
  align-items: center;
  vertical-align: middle;
}
.settings.with_margin.view_task .list-view-dropdown i {
  align-items: center;
  vertical-align: middle;
  line-height: 24px;
  opacity: 0.7;
  font-size: 12px;
  padding: 2px 9px;
}
.settings.with_margin.view_task .list-view-dropdown.dropdown-toggle:hover i {
  opacity: 1;
}
.settings.with_margin.view_task
  .dropdown.open
  .list-view-dropdown.dropdown-toggle
  i {
  opacity: 1;
  color: #0e9aef;
}
.settings.with_margin.view_task
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top.dropdown-right {
  min-width: 170px;
}
.settings.with_margin.view_task svg {
  width: 13px;
  height: 13px;
  opacity: 0.7;
}
.settings.with_margin.view_task .list-view-dropdown.dropdown-toggle {
  color: #343434;
  font-size: 13px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  border: 1px solid transparent;
  cursor: pointer;
}
.settings.with_margin.view_task {
  margin-left: 0;
}
.settings.with_margin.view_task .list-view-dropdown.dropdown-toggle:hover {
  border: 1px solid #d5d5d66e;
  background-color: #f5f5f7;
}
.settings.with_margin.view_task
  .dropdown.open
  .list-view-dropdown.dropdown-toggle {
  border: 1px solid #d5d5d66e;
  background-color: #f5f5f7;
}
.settings.with_margin.view_task .dropdown-menu.arrow_box_top.dropdown-right {
  margin-top: 6px;
  right: -15px;
}
.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .project_level_dropdown {
  opacity: 1 !important;
}
.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .project_list_item_count {
  display: none;
}
.Status-section {
  margin-right: 7px;
  position: relative;
}
.Status-section .dropdown-menu {
  top: 30px;
  border: 1px solid #d5d5d6;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.Status-section .dropdown .btn {
  font-weight: 600;
  font-size: 13px;
  border-radius: 2px;
  min-width: auto;
  position: relative;
  transition: all 0.5s ease;
  padding: 0;
  color: #676a6c;
  background-color: #f5f5f7;
  display: inline-flex;
  align-items: center;
  height: 24px;
}
.Status-section .dropdown .btn:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.Status-section .dropdown .btn .dropdown-icon {
  border-left: 1px solid rgb(255, 255, 255, 0.5);
  margin-top: -1px;
  margin-right: -1px;
  padding: 6px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  display: flex;
  margin-left: 5px;
  height: 24px;
  width: 24px;
  align-items: center;
  background-color: rgba(211, 211, 213, 0.26);
}
.Status-section .dropdown .btn span.check-box-custom {
  background-color: #fff;
  justify-content: center;
  margin: 1px 5px 2px 7px;
  border-radius: 2px;
  height: 14px;
  width: 14px;
  display: flex;
  align-items: center;
  opacity: 1;
}
.Status-section .dropdown .btn i.fa-chevron-down {
  margin: 0 0 0 1px;
  font-size: 10px;
  color: #9da3af;
}
.Status-section .dropdown .btn span i.fa-check {
  margin: 0;
  font-size: 8px;
  color: rgb(0, 0, 0, 0.7);
  display: none;
}
.Status-section .dropdown .dropdown-menu a {
  display: flex;
  position: relative;
  padding: 0 12px;
  align-items: center;
  line-height: 30px;
  font-weight: 600;
  color: #151b26;
}
.Status-section .dropdown .dropdown-menu a.active {
  background-color: #2680eb1a;
  color: #2680eb;
}
.Status-section .dropdown .dropdown-menu a input {
  margin: 0 7px 0 0;
}
.Status-section .dropdown .dropdown-menu span {
  justify-content: center;
  margin: 1px 10px 1px 0;
  border-radius: 3px;
  height: 11px;
  width: 11px;
  display: flex;
  align-items: center;
}
.Status-section .dropdown .dropdown-menu span i.fa-check {
  margin: 0;
  font-size: 7px;
}
.Status-section .dropdown .dropdown-menu span i.fa-check:before {
  color: rgb(0, 0, 0, 0.5);
}
.Status-section .dropdown .dropdown-menu a:hover {
  transform: translateY(0);
}
.Status-section .dropdown .dropdown-menu a span i.fa-check {
  display: none;
}
.Status-section .dropdown .dropdown-menu a:hover {
  background-color: #f5f5f5;
}
.Status-section .dropdown .dropdown-menu a.active:after {
  font-family: "Font Awesome 5 Free";
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 0;
  font-size: 12px;
  color: #2680eb;
}
.sidebar_favorite_initial {
  border-radius: 100%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  margin-right: 5px;
  justify-content: center;
}
.ui_style_ctrl ul.mainmenu-gmail-panel li .sidebar_favorite_initial i.fas {
  font-size: 8px;
  color: #0e9aef;
}
.assignee_level li .favorite-action {
  display: none;
  padding-right: 0;
}
.assignee_level li:hover .favorite-action {
  display: block;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.favorite_level
  > li {
  padding-left: 13px !important;
  padding-right: 0;
  margin-right: 0 !important;
  border: 0;
}
.sidebar_favorite_initial {
  display: inline-grid;
  font-size: 11px;
  font-weight: 600;
  border-radius: 100%;
  text-align: center;
  align-items: center;
  margin-right: 5px;
  margin-top: -1px;
}
.favorite-name {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  width: 91% !important;
  position: relative;
}
.Addsublabel_popup .ui.selection.dropdown {
  border-left: 0 !important;
}
.Addsublabel_popup .ui.fluid.search.selection.dropdown .text {
  margin-top: 4px;
}
.Addsublabel_popup .create-label-popup .ui.fluid.dropdown input.search {
  width: 100%;
}
.Addsublabel_popup .modal-footer .btn.btn-secondary {
  color: inherit;
  background: #fff;
  border: 1px solid #e7eaec;
  font-size: 14px;
}
.leftSidebarMainDiv .theme_dropdown_with_icon_text .hightlight_color_tag {
  margin-left: 4px;
}
.dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.tag_three_dot {
  right: 3px;
}
.panel_icon_ctrl svg {
  opacity: 1 !important;
}
.capture_folder_element_ctrl svg {
  margin-left: -5px !important;
}
.team_element_ctrl
  team_element_ctrl
  .list_have_child_span.teams_level
  > .caret_icon
  > i {
  font-size: 11px !important;
}
.team_element_ctrl
  .project_treemenu_main_ctrl.project_main_folder-ctrl
  .teams_heading {
  padding-left: 4px !important;
}
.team_element_ctrl .custom_lablel_orignal_name {
  padding-left: 8px !important;
}
.team_element_ctrl .list_have_child_span.team_list_have_child_span {
  margin-left: 1px;
}
.compose_mail_header {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  width: 90%;
}
.compose_mail_header .compose_mail_header_draft {
  display: flex;
  flex-direction: row;
  margin-left: -40px;
  width: 100px;
  margin-top: 2px;
}
.compose_mail_header .compose_mail_header_draft svg {
  width: 15px;
  height: 15px;
  margin: 5px 4px 0 4px;
}
.compose_mail_header .compose_mail_header_share_draft {
  display: flex;
  flex-direction: row;
  width: 100px;
}
.compose_mail_header .compose_mail_header_share_draft svg {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  margin-top: 5px;
}
.deletealert_modal_ctrl .alert_modal_label {
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.deletealert_modal_ctrl .alert_modal_label .delete_icon_ctrl {
  background: #ff595963;
  align-items: center;
  vertical-align: middle;
  border-radius: 100%;
  margin-right: 20px;
}
.deletealert_modal_ctrl .alert_modal_label .delete_icon_ctrl i {
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.deletealert_modal_ctrl .confirm-remove-category_container.text {
  text-align: center;
}
.deletealert_modal_ctrl .confirm-remove-category__icon.icon {
  width: 52px;
  display: inline-block;
}
.deletealert_modal_ctrl span.confirm_remove_message {
  font-size: 20px;
}
.deletealert_modal_ctrl .modal-title {
  text-align: center !important;
  font-size: 16px !important;
  color: #000 !important;
  font-weight: 600 !important;
  margin-top: 0;
}
.deletealert_modal_ctrl .confirm_remove_message {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.deletealert_modal_ctrl .common_mr {
  margin-bottom: 15px;
}
.deletealert_modal_ctrl .modal-footer {
  text-align: center !important;
  background: #fff !important;
}
.deletealert_modal_ctrl .modal-footer .btn-default {
  padding: 6px 12px;
}
.deletealert_modal_ctrl .confirm-remove-category__last-warning {
  font-size: 13px;
  color: #333;
}
.list_header_inner_left .number_with_bracket {
  padding-left: 6px;
  color: #0e9aef;
}
.deletealert_modal_ctrl button.close {
  font-family: auto !important;
  padding: 0;
}
.preview_pane_tags_assignee_ctrl .tags_assignee_in_preview_ctrl .added_tags {
  margin-top: 3px;
  margin-bottom: 3px;
}
.visible.transition {
  display: block !important;
  visibility: visible !important;
}
.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.Status-section .dropdown-menu {
  -webkit-transition:
    width 0.1s ease,
    -webkit-box-shadow 0.1s ease;
  transition:
    width 0.1s ease,
    -webkit-box-shadow 0.1s ease;
  transition:
    box-shadow 0.1s ease,
    width 0.1s ease;
  transition:
    box-shadow 0.1s ease,
    width 0.1s ease,
    -webkit-box-shadow 0.1s ease;
  -webkit-transform: rotateZ(0);
  transform: rotateZ(0);
}
#DeleteTags .modal-title {
  font-size: 16px !important;
  color: #000 !important;
  font-weight: 600 !important;
  text-align: center !important;
}
#DeleteTags .confirm-remove-category__last-warning {
  margin-top: 20px;
}
#DeleteTags .modal-dialog.modal-dialog-centered {
  top: 50%;
  transform: translate(0, -50%) !important;
  margin-top: 0;
}
#DeleteTags .modal-footer {
  background-color: transparent;
  text-align: center;
  border-top: 0;
  padding-bottom: 20px;
}
#DeleteTags .modal-footer .btn-default {
  padding: 6px 45px;
}
#deletealert .action-row {
  margin-top: 40px;
}
#deletealert .action-row .btn-default.btn-check {
  background-color: #e6e6e6;
  border-radius: 3px;
  padding: 7px 25px;
  border: 0;
}
#deletealert .action-row .btn-default.btn-check:focus {
  background-color: #5c9c39;
}
#deletealert .action-row .btn-default.btn-check i {
  color: #fff;
}
#deletealert .delete-confirmation .form-control {
  width: 50%;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  height: 36px;
  text-transform: uppercase;
  border: 1px solid #1592e6;
}
#deletealert .delete-confirmation .btn-danger {
  margin-top: -5px;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
#deletealert .delete-confirmation p {
  color: #333;
}
#deletealert .btn-default {
  padding: 6px 45px;
}
#deleteFolderDiv .modal-footer .btn-default {
  padding: 6px 45px;
}
#deleteFolderDiv .action-row {
  margin-top: 40px;
}
#deleteFolderDiv .delete-confirmation .form-control {
  width: 50%;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  height: 36px;
  text-transform: uppercase;
  border: 1px solid #1592e6;
}
#delelteListEntry .modal-title {
  font-size: 16px !important;
  color: #000 !important;
  font-weight: 600 !important;
  text-align: center !important;
}
#delelteListEntry .modal-footer {
  background-color: transparent;
  text-align: center;
  border-top: 0;
  padding-bottom: 20px;
}
#delelteListEntry .btn-default {
  padding: 6px 45px;
}
.add-tags .dropdown-menu.dropdown-right {
  top: 28px;
}
.Label_heading_top {
  padding: 8px 7px 8px;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #465369;
  opacity: 0.7;
  border-bottom: 1px solid #efefef;
}
.activity-panel .search_box_relative i {
  left: 15px;
}
.activity-panel .search_box_relative input {
  width: 100% !important;
  padding-left: 30px;
}
.activity-panel .search_box_relative input:focus {
  border: 1px solid #0e9aef;
}
.activity-panel .search_box_relative input:focus i.fa-search {
  color: #0e9aef;
}
.modify_timer_modal_popup .capture_name_text {
  word-break: break-word;
}
.dropdown_custom_field_main .form-group {
  margin-bottom: 5px;
}
.dropdown_custom_field_main {
  overflow: hidden;
  display: none;
  position: absolute;
  top: 32px;
  right: 0;
  width: 280px;
  min-height: 287px;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  background-color: #fff;
  z-index: 9;
  border-radius: 4px;
}
.dropdown.add-custom-fields .custom_field_first_dropdown {
  margin: 0;
  transition: left 0.15s ease;
  -webkit-transition: left 0.15s ease;
  -moz-transition: left 0.15s ease;
  -ms-transition: left 0.15s ease;
  -o-transition: left 0.15s ease;
  position: absolute;
  left: 0;
  top: 0 !important;
  box-shadow: none !important;
  background-color: #fff !important;
  border: 0;
  width: 280px;
}
.dropdown.add-custom-fields.open .custom_field_first_dropdown {
  display: block;
}
.add-custom-field {
  right: -280px;
  width: 280px;
  z-index: 9;
  background-color: #fff;
  border-radius: 4px;
  transition: right 0.2s ease;
  -webkit-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  -ms-transition: right 0.2s ease;
  -o-transition: right 0.2s ease;
  position: absolute;
}
.dropdown.add-custom-fields {
  margin-left: auto;
}
.add-custom-field .add-custom-body {
  padding: 0 15px;
}
.add-custom-field .add-custom-body .form-group label {
  font-size: 13px;
  color: #353535;
  font-weight: 600;
}
.add-custom-field .add-custom-body .form-group .form-control {
  height: 28px;
  border: 1px solid #e0e0e1;
  margin-bottom: 15px;
  border-radius: 3px;
  padding: 0 5px;
}
.add-custom-field
  .add-custom-body
  .form-group
  .form-control:focus
  + .add-custom-field
  .button-row
  button {
  background-color: #0e9aef;
  border-color: #0e9aef;
  color: #fff;
}
.dropdown.add-custom-fields.open .dropdown_custom_field_main {
  display: block;
}
.preview_pane_loading {
  text-align: center;
}
.preview_pane_loading .attachment-loading {
  width: 60px;
}
.preview_pane_top_header_second + .ps--scrolling-y {
  -webkit-box-shadow: inset -1px 6px 6px -3px rgba(0, 0, 0, 0.1);
  box-shadow: inset -1px 6px 6px -3px rgba(0, 0, 0, 0.1);
}
.preview_pane_top_header_second + .ps--active-y {
  transition: all 0.3s ease-in-out;
}
.upload-attachmet {
  margin: 0;
  padding: 0 10px 0 0;
  list-style-type: none;
  width: 100%;
  overflow-y: auto;
}
.attach-div .upload-attachmet {
  position: relative;
}
.attach-div .upload-attachmet .progress {
  height: 4px !important;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 20px 0 47px;
}
.incase-Item-are {
  display: flex;
  align-items: center;
}
.attach-div .upload-attachmet .progress-bar {
  background-color: #008adf;
}
#newTaskModalPopup {
  top: 120px;
}
#newTaskModalPopup .modal-content {
  width: 750px;
}
#newTaskModalPopup .modal-header {
  display: flex;
  align-items: center;
  min-height: 50px;
  justify-content: center;
  padding: 0;
}
#newTaskModalPopup .modal-header h4.modal-title {
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #000;
  width: 100%;
}
#newTaskModalPopup .modal-body .form-control-textarea {
  resize: vertical;
  height: 60px !important;
  background-color: #f3f4f6;
  width: 100%;
  padding: 6px 10px;
  border-radius: 3px;
  border: 1px solid #e5e6e7;
}
#newTaskModalPopup .modal-content .close {
  margin-right: 15px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  align-items: center;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  color: #959698;
}
#newTaskModalPopup .dropdown .dropdown-menu {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  max-height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
}
#newTaskModalPopup .modal-content button.close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  border-radius: 3px;
  background-color: #e8eaed;
  color: #959698 !important;
}
#newTaskModalPopup .dropdown.open .dropdown-menu {
  max-height: 200px;
  opacity: 1;
}
#newTaskModalPopup .subtask-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9eb;
  min-height: 35px;
  margin-top: -10px;
}
#newTaskModalPopup .subtask-row svg {
  fill: #a4a9b4;
  margin-right: 10px;
}
#newTaskModalPopup .subtask-row i.horizontal-tab-clip {
  color: #a4a9b4;
  margin-right: 10px;
}
#newTaskModalPopup .subtask-row .addsubtask {
  transition: ease-in 0.3s;
  display: flex;
  align-items: center;
  margin-left: auto;
  background-color: #f5f5f7;
  border: 0;
  border-radius: 3px;
  height: 26px;
  color: #363133;
}
#newTaskModalPopup .subtask-row .addsubtask:hover {
  background-color: #0e9aef;
  color: #fff;
}
#newTaskModalPopup .modal-body {
  padding: 20px !important;
}
#newTaskModalPopup .modal-body label {
  font-weight: 600;
}
#newTaskModalPopup .assignee_circle.in-dropdown {
  width: 16px;
  height: 16px;
}
#newTaskModalPopup .assignee_text {
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
  width: 145px;
}
#newTaskModalPopup .modal-body .form-control {
  border-radius: 3px;
  height: 32px;
}
#newTaskModalPopup .priority-icon .common_innr_dropdown {
  right: 0;
}
#newTaskModalPopup .duedate-icon.dropdown.open .dropdown-menu {
  max-height: 250px;
  width: 75%;
}
#newTaskModalPopup .rcl-calendar .vdp-datepicker__calendar {
  width: 100% !important;
}
#newTaskModalPopup .modal-body a.form-control {
  text-align: left;
  display: flex;
  align-items: center;
}
#newTaskModalPopup .modal-body a.form-control svg {
  fill: #a4a9b4;
  margin-right: 10px;
}
#newTaskModalPopup .modal-body button.btn {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #e5e6e7;
  background-color: #fff;
  text-align: left;
  height: 32px;
  display: flex;
  align-items: center;
}
#newTaskModalPopup .modal-body button.btn svg {
  margin-right: 10px;
  fill: #676a6c;
  opacity: 0.7;
}
#newTaskModalPopup .modal-body button.btn i.activity-img {
  margin-right: 10px;
  color: #676a6c;
  opacity: 0.7;
}
#newTaskModalPopup .modal-body button.btn .fa-chevron-down {
  display: flex;
  margin-left: auto;
  color: rgba(0, 0, 0, 0.5);
}
#newTaskModalPopup .modal-body .dropdown .dropdown-menu a {
  display: inline-block;
  width: 100%;
  padding: 10px;
  color: #000;
}
#newTaskModalPopup .modal-body .dropdown .dropdown-menu {
  width: 100%;
}
#newTaskModalPopup .modal-content .modal-footer button.dismiss_modal {
  padding: 3px 15px;
}
#newTaskModalPopup .modal-content .modal-footer button.btn-success {
  padding: 3px 15px;
}
.custom_quil_comment_box {
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
}
.custom_quil_comment_box:hover {
  border: 1px solid #d3dae8;
}
.custom_quil_comment_box:focus {
  border: 1px solid #a6a6a6;
}
.feedback_comment_box_ctrl .custom_quil_comment_box:hover {
  border: 1px solid transparent;
}
.feedback_comment_box_ctrl .custom_quil_comment_box:focus-within {
  border: 1px solid transparent;
}
.feedback_comment_box_ctrl .custom_quil_comment_box:focus {
  border: 1px solid transparent !important;
}
.quill_comment_box_innr_ctrl {
  position: relative;
  overflow: hidden;
}
.custom_quil_comment_box .ql-toolbar.ql-snow {
  border: 0;
  position: absolute;
  opacity: 0.1;
  padding: 5px;
  bottom: -26px;
  z-index: 9;
  transition: bottom ease-in-out 0.2s;
  -webkit-transition: bottom ease-in-out 0.2s;
  -ms-webkit-transition: bottom ease-in-out 0.2s;
  -o-transition: bottom ease-in-out 0.2s;
}
.custom_quil_comment_box .ql-container.ql-snow {
  border: 0;
}
.comment_save_button {
  opacity: 0;
  background-color: #0e9aef;
  color: #fff;
  border-radius: 2px;
  font-size: 13px;
  padding: 2px 7px;
  border: 0;
  transition: bottom ease-in-out 0.2s;
  -webkit-transition: bottom ease-in-out 0.2s;
  -ms-webkit-transition: bottom ease-in-out 0.2s;
  -o-transition: bottom ease-in-out 0.2s;
}
button.comment_edit_cancel_button {
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 13px;
  padding: 2px 7px;
  margin-right: 5px;
}
button.comment_edit_cancel_button:hover {
  border: 1px solid #e7eaec;
  background-color: #ebebed;
}
.custom_quil_comment_box .ql-editor {
  min-height: 37px;
  position: relative;
  transition: min-height 250ms !important;
  -webkit-transition: min-height 250ms !important;
  -moz-transition: min-height 250ms !important;
  -ms-transition: min-height 250ms !important;
  -o-transition: height 0.5s !important;
  max-height: 140px;
  padding: 10px 7px 8px 7px;
}
.custom_quil_comment_box.active .ql-toolbar.ql-snow {
  bottom: 0;
  opacity: 0 !important;
  display: none !important;
}
.comment_save_button.active {
  opacity: 1;
}
.custom_quil_comment_box.active .ql-editor {
  min-height: 38px;
  height: auto;
  margin-bottom: 37px;
  max-height: 120px;
}
.thumbnail-view-preview-panel {
  margin-left: 30px;
  margin-top: 10px;
  margin-right: 15px;
}
.thumbnail-view-preview-panel ul {
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
}
.thumbnail-view-preview-panel ul li {
  margin: 5px;
  width: calc(100% / 4 - 20px);
}
.thumbnail-view-preview-panel ul li:first-child {
  padding-left: 0;
}
.thumbnail-view-preview-panel ul li:last-child {
  margin-right: 0;
}
.thumbnail-view-preview-panel .thumbnail-preview i.fa-file-image {
  opacity: 0.2;
}
.thumbnail-view-preview-panel .thumbnail-preview {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #efefef;
  padding: 11px;
}
.thumbnail-view-preview-panel .thumbnail-preview .attach-action-icon {
  display: flex;
  position: absolute;
  bottom: 0;
  background-color: #efefef;
  width: 100%;
  padding: 3px;
  overflow: hidden;
  transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
}
.thumbnail-view-preview-panel .thumbnail-preview .attach-action-icon span {
  padding: 0 5px;
  opacity: 0.5;
}
.thumbnail-view-preview-panel
  .thumbnail-preview
  .attach-action-icon
  span:hover {
  opacity: 1;
}
.thumbnail-view-preview-panel .thumbnail-title {
  font-size: 12px;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  color: #151b26;
}
.thumbnail-view-preview-panel .thumbnail-preview .assign-detail {
  background-color: #efefef;
  width: 100%;
  padding: 3px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
}
.thumbnail-view-preview-panel
  .thumbnail-preview
  .assign-detail
  .user-container {
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 9px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  font-weight: 600;
  border-radius: 100%;
  text-transform: uppercase;
  background-color: #0a68d6;
  margin-right: 0;
  display: flex;
  justify-content: center;
}
.thumbnail-view-preview-panel .thumbnail-preview .assign-detail span.time {
  font-weight: 400;
  font-size: 12px;
  max-width: 80%;
  color: #151b26;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.thumbnail-view-preview-panel
  .thumbnail-preview
  .assign-detail
  .user-container {
  display: flex;
  margin-left: auto;
}
.bulk-selection-wrapper {
  background-color: #303b42;
  border-right: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 15px;
}
.bulk-selection-wrapper .bulk-section-right-area {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.bulk-selection-wrapper .bulk-section-left-area .count-selection-bulk {
  margin-left: 0;
  align-items: center;
  display: flex;
}
.bulk-selection-wrapper .bulk-section-left-area .count-selection-bulk span {
  margin-left: 10px;
  color: #caccce;
  font-size: 13px;
}
.bulk-selection-wrapper
  .bulk-section-left-area
  .count-selection-bulk
  .count-circle {
  color: #fff;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background-color: #505a60;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bulk-selection-wrapper .bulk-section-left-area {
  display: flex;
  align-items: center;
}
.bulk-selection-wrapper .bulk-section-right-area .three-magic-dotted-bulk {
  color: #7c8388;
}
.bulk-selection-wrapper .bulk-section-right-area .close-bulk {
  color: #7c8388;
  font-size: 16px;
  margin-left: 20px;
  padding: 5px 7px;
  cursor: pointer;
  transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
}
.bulk-selection-wrapper .bulk-section-right-area .close-bulk:hover {
  background-color: #505a60;
  border-radius: 3px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bulk-selection-wrapper .bulk-section-right-area .action-item-list {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.bulk-selection-wrapper .bulk-section-right-area .action-item-list li {
  margin-right: 12px;
}
.bulk-selection-wrapper
  .bulk-section-right-area
  .action-item-list
  li:last-child {
  margin-right: 0;
}
.bulk-selection-wrapper .bulk-section-right-area .action-item-list li .h-line {
  width: 2px;
  background-color: #4c565c;
  height: 24px;
}
.bulk-selection-wrapper .bulk-section-right-area .action-item-list li a {
  transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -ms-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  background-color: #505960;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bulk-selection-wrapper .bulk-section-right-area .action-item-list li a:hover {
  background-color: #6f7b82;
}
.bulk-selection-wrapper
  .bulk-section-right-area
  .action-item-list
  li
  a
  i.tag-bulk {
  color: #fff;
}
.bulk-selection-wrapper
  .bulk-section-right-area
  .action-item-list
  li
  a.delete-bulk {
  background-color: #cc5051;
}
.bulk-selection-wrapper
  .bulk-section-right-area
  .action-item-list
  li
  a.delete-bulk
  .delete-icon {
  color: #fff;
}
.bulk-selection-wrapper
  .bulk-section-right-area
  .action-item-list
  li
  a.delete-bulk:hover {
  background-color: #cb3333;
}
.bulk-selection-wrapper
  .bulk-section-right-area
  .action-item-list
  .task_status_box {
  width: 14px;
  height: 14px;
  margin: 0 5px 0 5px;
  align-items: center;
  display: inline-block;
  position: relative;
  cursor: pointer;
  border-radius: 2px;
  background-color: #fff;
  min-width: 14px;
}
.bulk-selection-wrapper
  .bulk-section-right-area
  .action-item-list
  .task_status_box:after {
  width: 12px;
  height: 12px;
  background-color: #fff;
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  display: inline-block;
  border: 2px solid #6f7b82;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.bulkactiondropdown {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  font-size: 12px;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  z-index: 999;
  right: 30px;
}
.bulkactiondropdown a {
  display: flex;
  align-items: center;
  color: #465369;
  font-size: 13px;
  font-weight: 400;
  height: 30px;
  padding: 8px 10px;
  margin: 0 0;
}
.bulkactiondropdown a i {
  color: #798292;
  margin-right: 8px;
  font-size: 13px;
}
.bulkactiondropdown a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
#captureListScrollPane .three_dot_menu_drop_down {
  left: 1137px;
  top: 10px;
}
#captureListFirstPanelScrollPane .three_dot_menu_drop_down {
  left: 1137px;
  top: 10px;
}
#captureListSecondPanelScrollPane .three_dot_menu_drop_down {
  left: 1137px;
  top: 10px;
}
#newDescriptionModalPopup .ql-editor {
  height: calc(100vh - 225px);
  overflow-x: auto;
}
#detailsInModal #newDescriptionModalPopup .ql-editor {
  height: calc(100vh - 186px);
}
.capture-name-header.is_a_subtask .capture-name .view_detail_bug_title {
  padding: 6px 10px 0 30px !important;
}
.capture-name-header.is_not_a_subtask .capture-name .view_detail_bug_title {
  padding: 6px 10px 0 10px !important;
}
.fav-project-w .list_tree_empty_folder_icon_span {
  margin: 0;
}
.ui_style_ctrl .fav-project-w ul.mainmenu-gmail-panel li span i.fas {
  font-size: 13px;
  line-height: 13px;
  margin-right: 3px;
}
.fav-project-w .custom_lablel_orignal_name {
  width: 100%;
  margin: 0 0 0 5px;
}
.fav-project-w .innertTextContent.teams_bundle {
  width: 100%;
  max-width: initial;
  margin-left: -10px;
}
.project_treemenu_main_ctrl.project_main_folder-ctrl
  .fav-project-w
  .task_draggable_number.rcl {
  top: 7px;
}
.fav-project-w .task_draggable_number.rcl {
  left: -1px;
}
.fav-project-w ul.assignee_level > li:hover .task_draggable_number.rcl {
  display: block;
  opacity: 1;
  left: 5px;
  top: 8px;
}
.fav-project-w .list_tree_empty_folder_icon_span svg {
  margin-right: 11px;
  position: relative;
  width: 12px;
  top: 2px;
}
.fav-project-w .sidebar_assignee_initial {
  margin-left: 0;
}
.tasks-module.project_treemenu_main_ctrl.project_main_folder-ctrl
  .task_draggable_number.rcl {
  margin: -1px 0 0 -3px;
}
.mr-0 {
  margin-right: 0 !important;
}
.modal-header .close-attachment {
  top: 0;
  right: 0 !important;
  left: auto;
}
#detailsInModal
  .preview_page_zoom_ctrl_widget.zoom-ctrl-preview_Details.mp_zoom_ctrl {
  margin: 0 30px 0 0;
}
.capture-modal-preview .content-RC-fullScreen-modal .editToolbar-RC-fullScreen {
  z-index: 1;
}
.favorites-data-w .treeview-heading.title-slide.rcl {
  padding: 10px 8px;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li:hover
  .assignee_three_dot,
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li:hover
  .three_dots_dropdown_div {
  opacity: 1 !important;
  background: #e7e7ec;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li:hover
  .project_list_item_count {
  display: none;
}
.gray_theme_custom_sidebar.gray_900_color
  #flatproject.assignee_section_in_left_sidebar
  ul.assignee_level
  > li:hover
  .project_list_item_count {
  display: block;
}
#tag .project_list_item_count {
  margin-right: 11px;
  right: 0;
}
.task-description-wrapper .ql-toolbar.ql-snow .ql-formats {
  margin-right: 5px;
}
.task-description-wrapper .ql-toolbar.ql-snow button {
  width: 25px;
  height: 21px;
}
.task-description-wrapper .ql-toolbar.ql-snow .ql-picker {
  width: 21px;
  height: 21px;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools.clear-btn {
  padding: 0 6px;
  width: auto !important;
}
.capture_module_full_width_view .drag_and_upload_capture.is-dragover:before {
  height: calc(100% - 106px);
  top: 106px;
}
.split_pane_capture_module .drag_and_upload_capture.is-dragover,
.table_view_main_wrapper .drag_and_upload_capture.is-dragover {
  border: 0 !important;
}
.drag_and_upload_capture .list_header,
.table_view_main_wrapper .drag_and_upload_capture.is-dragover:before {
  background: #fff;
}
.captures_data_ctrl_ul_drag_inbox.drag_and_upload_capture.is-dragover {
  border: 0 !important;
}
.table_view_options_main_ctrl {
  position: relative;
}
.table_view_options_main_ctrl .dropdown {
  position: static;
}
.table_view_options_main_ctrl
  .four_column.sorting_dropdown.table_view_dropdown_options {
  position: static;
}
.table_view_options_main_ctrl .table_view_dropdown_options:before {
  left: auto;
  right: 4px;
}
.table_view_options_main_ctrl .table_view_dropdown_options:after {
  content: "";
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
}
.table_view_options_main_ctrl:hover .common_view_button {
  background-color: #f5f5f7;
}
.table_view_options_main_ctrl
  .dropdown.open
  div[data-bs-toggle="dropdown"]
  span {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background: #f5f5f7;
  z-index: -1;
}
.clear-trash-btn {
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid #dadce0;
  color: #343434;
  font-size: 13px;
  border-radius: 4px;
}
.clear-trash-btn:hover {
  background-color: #f5f5f7;
}
.clear-trash-btn svg {
  margin: 0 5px 0 0;
  height: 12px;
}
.icons-merge-popup {
  position: relative;
  margin-right: 10px;
}
.icons-merge-popup.task-icon svg {
  position: relative;
  top: 2px;
}
.task_action_icons_right span.task_action_icon_ctrl.icons-merge-popup {
  min-width: auto;
  margin-right: 10px;
}
.task_action_icons_right.all-capture-popup-right > * {
  margin-right: 15px !important;
}
.task_action_icons_right.all-capture-popup-right .comment-icon.mr-0 {
  margin-right: 0 !important;
}
.icons-merge-popup .count {
  background: #dadee0;
  left: auto;
  right: -9px;
  z-index: 9;
  top: -5px;
  opacity: 1;
  color: #4d5965;
  font-size: 11px;
  font-weight: 700;
  border: 1px solid #f6f7fa;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.all-capture-popup-right span.task_action_icon_ctrl:hover {
  background: 0 0;
}
.all-capture-popup-right .capture_information > i {
  opacity: 1;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_section_main_capture.has_subcapture_in_table,
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_section_main_capture.not_has_subcapture_in_table {
  height: auto;
  display: block;
}
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen.in_compact_modal {
  height: calc(100vh - 37px);
}
.white_board_capture_preview_ctrl .cp_task_name {
  width: auto;
  max-width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
  padding-right: 8px !important;
  line-height: normal;
}
.white_board_capture_preview_ctrl .capture_thumb_details {
  display: inline-flex;
  margin-right: 0;
}
.white_board_capture_preview_ctrl #start_timer_main_div {
  margin-right: 0 !important;
  margin-left: 7px;
}
.white_board_capture_preview_ctrl .task_has_annotation {
  margin: 0;
}
.orgnization_main_col_wrapper ul.accordian_menu_list > li a {
  padding: 0;
}
.global_style_comment .custom_quil_comment_box {
  border: 0;
  border-radius: 0;
  background: 0 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.cmt_actn_input {
  width: 100%;
  display: inline-flex;
  align-items: flex-start;
  margin-bottom: 3px;
}
.assignee_circle.in-dropdown.user_initial_comment_box {
  width: 20px;
  height: 20px;
}
.assignee_circle.in-dropdown.user_initial_comment_box {
  min-width: 21px;
  min-height: 20px;
  margin: 3px 0 0 0;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.global_style_comment .comment_box_text_box {
  min-height: 20px;
  caret-color: rgb(55, 53, 47);
  color: #333;
  font-size: 13px;
  width: 100%;
  padding: 3px 3px 3px 10px;
  max-height: 180px;
  overflow: auto;
  text-align: left;
}
#docCommentDropdownPopupSection .global_style_comment .comment_box_text_box {
  max-height: 21vh;
}
.comment_box_text_box:empty:after {
  content: attr(data-placeholder);
  cursor: text;
  color: rgba(55, 53, 47, 0.6);
}
.cmt_actn_btns {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.Global_search_quick_box {
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #fff;
  top: 35px;
  z-index: 99999;
  min-width: 442px;
  border-radius: 3px;
  border: 1px solid #f4f4f4;
  box-shadow: 0 3px 6px #0000001f;
  left: -2px;
}
.gs_search_area_ctrl {
  height: 500px;
  overflow-x: auto;
  flex: 1;
}
ul.gs_top_tabs {
  border-bottom: 1px solid #eee;
  padding: 0 14px;
}
ul.gs_top_tabs {
  border-bottom: 1px solid #eee;
}
ul.gs_top_tabs > li {
  color: rgba(38, 38, 38, 0.65);
  padding: 12px 8px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}
ul.gs_top_tabs > li:hover {
  border-bottom: 3px solid #0e9aef;
}
ul.gs_top_tabs > li .count {
  background-color: #e4e4e4;
  font-size: 11px;
  font-weight: 600;
  top: unset;
  right: unset;
  width: auto;
  height: 16px;
  position: relative;
  border-radius: 3px;
  padding: 2px 3px;
  color: #353535;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 8px;
}
ul.gs_top_tabs > li.active {
  border-bottom: 3px solid #0e9aef;
  color: #262626;
}
.gs_elastic_option {
  color: #262626;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: baseline;
  padding: 9px 10px 9px 20px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  background: #f6f8f9;
}
.gs_elastic_option:hover {
  background-color: rgba(238, 238, 238, 0.5);
}
.gs_elastic_option > i {
  color: rgba(70, 83, 105, 0.65);
  font-size: 12px;
  margin: 0 6px 0 0;
}
.searched_keyword {
  font-weight: 600;
  margin: 0 0 0 5px;
}
.gs_common_section {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 10px;
}
.gs_section_label {
  font-size: 12px;
  font-weight: 600;
  color: #333;
  margin: 8px 0 4px 0;
  padding: 0 10px 0 9px;
}
.gs_common_section .item_icon {
  display: inline-flex;
  margin-right: 14px;
  padding-top: 4px;
}
.resulted_item .item_name {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
}
.gs_section_expand_collapse {
  color: #262626;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 4px 2px 4px;
  display: inline-flex;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 4px;
}
.gs_section_expand_collapse:hover {
  text-decoration: none;
  background: #f6f8f9;
}
.gs_common_section .item_icon i.list_circle_icon {
  font-size: 6px;
}
.gs_common_section .item_icon svg {
  fill: #333333;
}
.extra_option_button {
  display: inline-flex;
  align-items: center;
}
.show_active_menu {
  display: inline-flex;
  color: #949fb1;
  padding: 8px 6px;
  -webkit-font-smoothing: antialiased;
  transition: background-color 0.4s;
  border-radius: 4px;
  margin: 0;
  min-height: 36px;
  line-height: normal;
  font-size: 14px;
  font-weight: 600;
  cursor: default;
}
.extra_option_button .more_btn {
  -webkit-font-smoothing: antialiased;
  padding: 9px 6px;
  display: inline-flex;
  transition: background-color 0.4s;
  border-radius: 4px;
  margin: 0;
  line-height: normal;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  min-height: 36px;
}
.extra_option_button svg {
  width: 18px;
  height: 18px;
  fill: #ffffff;
}
.extra_option_button .more_btn:hover {
  background: #232a36;
}
.show_active_menu.active {
  color: #fff;
  font-weight: 600;
  line-height: normal;
  background-color: #207af4;
  padding: 8px 12px;
}
.show_active_menu .lane_icon_ctrl {
  margin-right: 8px;
  display: inline-flex;
}
.show_active_menu.active .lane_icon_ctrl svg {
  width: 18px;
  height: 18px;
}
.show_active_menu.active .lane_icon_ctrl svg * {
  fill: #ffffff;
}
.auth_main_wrapper {
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(90deg, #050505 0, #212121 100%) 0 0
    no-repeat padding-box;
  text-align: center;
}
.auth_innr {
  width: 410px;
  margin: auto;
  display: inline-flex;
  flex-direction: column;
  height: 230px;
  text-align: left;
  top: 50px;
  position: relative;
}
.auth_innr h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}
.auth_innr p {
  color: #b4b4b7;
  font-size: 17px;
  margin: 0 0 20px 0;
}
.form_innr_ctrl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth_innr input {
  background-color: #202028;
  height: 42px;
  padding: 5px 45px 5px 15px;
  border: 1px solid #4a4a52;
  border-radius: 8px;
  width: 100%;
  margin: 0 0 20px 0;
  color: #fff;
  font-size: 15px;
}
.auth_innr input::placeholder {
  color: #b4b4b7;
}
i.toggle_pass_visibility {
  margin: auto;
  top: 14px;
  display: inline-block;
  right: 15px;
  position: absolute;
  cursor: pointer;
}
.auth_innr button {
  background-color: #0e9aef;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  padding: 9px 10px;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.auth_innr button:hover {
  background-color: #007bff;
}
.loader_div.pre_panel_loader {
  display: flex;
  padding: 15px;
  width: 100%;
  z-index: 9999;
  border-radius: 0;
  height: 100%;
  min-height: 120px;
  background-color: #fff;
}
.element-loader.preview_panel {
  display: flex;
  padding: 15px;
  position: absolute;
  top: 0;
  width: calc(100% - 55px);
  left: 0;
  background-color: #fff;
  height: calc(100% - 30px);
  margin: 0 auto;
  right: 0;
  z-index: 1;
  border-radius: 0;
  border-radius: 0;
}
.preview_panel .content-item {
  border: 0;
  border-radius: 0;
  padding: 0;
  min-height: unset;
}
.card_style_one {
  display: flex;
  flex-direction: row;
}
.animated-background.facebook.eighty_by_eighty {
  width: 60px !important;
  height: 60px !important;
}
.preview_panel .animated-background.facebook {
  height: 10px;
  margin: 0 0 13px 0;
}
.long_line_ctrl {
  display: inline-flex;
  padding: 2px 0 2px 15px;
  width: 100%;
  flex-direction: column;
}
.preview_panel .long_line_ctrl .animated-background {
  width: 100%;
  height: 10px;
  margin: 0 0 15px 0;
}
.preview_panel .animated-background.facebook {
  height: 10px;
  margin: 0 0 13px 0;
}
.width_80_percent {
  max-width: 80%;
}
.set_padding {
  padding: 2px 15px;
}
.width_90_percent {
  max-width: 100%;
  margin: 0 12px;
}
.width_60_percent {
  max-width: 60%;
}
.preview_panel .animated-background.facebook {
  height: 10px;
  margin: 0 0 13px 0;
}
.sidebar_sections_loader .element-loader.preview_panel {
  background: 0 0;
  position: relative !important;
  padding: 5px 7px;
}
.sidebar_sections_loader .preview_panel .content-item {
  background: 0 0;
}
.sidebar_sections_loader .preview_panel .animated-background.facebook {
  margin: 0 0 8px 0;
  height: 8px;
  background-image: linear-gradient(to right, #eee 8%, #ddd 18%, #e3e3e3 33%);
  background-color: rgba(255, 255, 255, 0.1);
}
.sidebar_sections_loader.card_style_two
  .preview_panel
  .animated-background.facebook {
  margin: 0 0 13px 0;
  height: 10px;
}
.sidebar_sections_loader.card_style_two .blank-box:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 100%;
  left: 20px;
}
.sidebar_sections_loader.chat_sidebar_loader
  .preview_panel
  .animated-background.facebook {
  background-image: linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background-color: rgba(255, 255, 255, 0.1);
}
.shortcut_placeholder {
  color: #9ea3a8;
  position: absolute;
  right: 10px;
  top: 6px;
}
.gs_modal_main_ctrl .modal-dialog {
  max-width: 800px !important;
  width: 800px !important;
}
.gs_modal_main_ctrl .modal-content {
  background: 0 0;
  box-shadow: none;
  border: 0;
}
.gs_modal_main_ctrl .modal-body {
  padding: 0 !important;
  background: 0 0;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.gs_modal_main_ctrl .global_search_ctrl.expand-global-search.have_text.on {
  width: 100%;
  background: 0 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: #fff !important;
}
.gs_modal_main_ctrl .global_search_ctrl.expand-global-search > svg {
  top: 21px;
}
.gs_modal_main_ctrl .global_search_ctrl.expand-global-search > svg * {
  fill: rgb(51 51 54 / 50%);
}
.gs_modal_main_ctrl .global_search_ctrl.expand-global-search input {
  height: 48px;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 6px 6px 0 0;
}
.gs_modal_main_ctrl .global_search_ctrl.expand-global-search input {
  height: 56px;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  font-weight: 600;
  flex: 1;
}
.gs_modal_main_ctrl
  .global_search_ctrl.expand-global-search
  input.auto_suggestion {
  color: rgb(51 51 54 / 50%) !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  z-index: 0;
}
.gs_modal_main_ctrl
  .global_search_ctrl.no-margin.dropdown.expand-global-search
  i.clear-text-search-left {
  top: 12px;
  color: #465369;
  font-size: 14px;
  right: 12px;
}
.gs_modal_main_ctrl .Global_search_quick_box {
  top: 55px;
  left: 0;
  border-radius: 0 0 6px 6px;
  box-shadow: none;
  border: 0;
  border-top: 1px solid #e9e9e9;
}
.gs_modal_main_ctrl .global_search_ctrl.expand-global-search {
  width: 100%;
  margin: 0 !important;
  border: 0 !important;
}
.gs_col_devider {
  display: flex;
  flex-direction: row;
}
ul.modules_list {
  padding: 10px;
  border-right: 1px solid #e2e7eb;
  min-width: 200px;
}
ul.modules_list > li {
  border: 1px solid transparent;
  color: #333;
  font-weight: 600;
  font-size: 13px;
  border-radius: 4px;
  padding: 4px 10px;
  cursor: pointer;
}
ul.modules_list > li:hover {
  background-color: #f8f8f8;
  border: 1px solid #e9e9eb;
}
ul.modules_list > li.active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
ul.modules_list > li .item_count_in_module {
  color: rgba(51, 51, 54, 0.81);
  font-size: 12px;
  padding: 0 0 0 7px;
}
ul.modules_list > li.active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
ul.modules_list > li.active .item_count_in_module {
  color: #fff;
}
.Global_search_quick_box .gs_common_section .resulted_item {
  min-height: 35px;
}
.Global_search_quick_box .gs_common_section {
  border-bottom: 0;
}
.Global_search_quick_box .gs_section_label {
  border-bottom: 1px solid #e9e9e9;
  padding: 9px 10px;
  margin: 0 0 5px 0;
}
.gs_innr_ctrl .results_ctrl div[data-test-id="virtuoso-scroller"] {
  height: 445px !important;
}
.extra_option_button .show_active_menu.active + .more_btn {
  margin-left: 5px;
}
.justify-center {
  justify-content: center;
}
dl,
ol,
ul {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}
.timebox_standard_textarea {
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  display: block;
  height: $width-120;
  padding: 12px;
  resize: none;
  width: 100%;
}
.unset_dimensions {
  width: unset !important;
  height: unset !important;
}
.modal .min-height-unset {
  min-height: 100% !important;
  height: 100% !important;
}
.custom_tooltip_200 {
  max-width: var(--width-250);
  white-space: normal;
}
.page_header_single_level .nothing_in_report .table_empty_state_content,
.page_header_single_level .table_empty_state_content {
  height: calc(100vh - 258px) !important;
}
.page_header_three_level .nothing_in_report .table_empty_state_content,
.page_header_three_level .table_empty_state_content {
  height: calc(100vh - 346px) !important;
}
.custom_task_name_tooltip {
  max-width: var(--width-300);
  white-space: normal !important;
  word-wrap: break-word;
}
.custom_leave_reason_tooltip {
  max-width: var(--width-250);
  white-space: normal !important;
  word-wrap: break-word;
}
.click_disabled {
  cursor: default !important;
}
.click_disabled.href_disabled > a {
  cursor: default !important;
}
.click_disabled.hoverable_text_area:hover {
  color: #262626 !important;
}
.click_disabled > .username {
  cursor: default !important;
}
.disabled_button,
.disabled_dropdown {
  pointer-events: none !important;
  opacity: 0.55 !important;
}
button,
button * {
  user-select: none !important;
}
.react-tooltip {
  user-select: none !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-20 {
  padding: 20px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.ml-5-negative {
  margin-left: -5px !important;
}
.mlr-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.no-default {
  cursor: default !important;
}
.plr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.align-items-center {
  align-items: center !important;
}
.justify-content-center {
  justify-content: center !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.logout_btn a,
.logout_btn svg * {
  fill: #ef5459 !important;
  color: #ef5459 !important;
}
.semi-bold {
  font-weight: 700;
}
.font-14 {
  font-size: 14px !important;
}
.full-height-vh {
  height: 100vh;
}
.text-align-center {
  text-align: center !important;
}
.bgDarkBlue {
  background: #33344a !important;
}
.bgRed {
  background: #e8384f !important;
}
.bgOrange {
  background: #fd612c !important;
}
.bgYellowOrange {
  background: #fd9a00 !important;
}
.bgYellowGreen {
  background: #a4cf30 !important;
}
.bgGreen {
  background: #62d26f !important;
}
.bgBlueGreen {
  background: #37c5ab !important;
}
.bgAqua {
  background: #20aaea !important;
}
.bgBlue {
  background: #4186e0 !important;
}
.bgIndigo {
  background: #7a6ff0 !important;
}
.bgPurple {
  background: #aa62e3 !important;
}
.bgMagenta {
  background: #e362e3 !important;
}
.border_top_grey {
  border-top: 1px solid #e9e9eb;
}
.border_bottom_grey {
  border-bottom: 1px solid #e9e9eb;
}
.top-unset {
  top: unset !important;
}
.left-unset {
  left: unset !important;
}
.top-left-unset {
  top: unset !important;
  left: unset !important;
}
.no-cursor {
  cursor: default !important;
}
.has-error input {
  border-color: #f15866 !important;
}
.fixed {
  position: fixed !important;
}
.add_time_entry_popup .form-group .help-block,
.create_client_popup .form-group .help-block {
  font-size: 13px;
}
.timer_class_div.timer_in_list.stop_timer.start_timer_div i {
  background: rgba(191, 67, 67, 0.9) !important;
  border: 1px solid rgba(191, 67, 67, 0.9) !important;
}
.ql-mention-list-container.slash_dropdown_top
  .ql-mention-list
  li.ql-mention-list-item.active {
  color: #465369;
  background-color: #e3e3e3;
}
.image_preview .ui-resizable-ne,
.image_preview .ui-resizable-nw,
.image_preview .ui-resizable-se,
.image_preview .ui-resizable-sw {
  background-color: #6b7587;
  width: 12px;
  height: 12px;
  bottom: -5px;
  right: -6px;
  position: absolute;
  box-shadow:
    0 0 5px 1px rgba(57, 76, 96, 0.15),
    0 0 0 1px rgba(53, 71, 90, 0.2);
  border-radius: 6px;
}
.rc-code-block {
  background-color: #f5f5f7;
  font-weight: 400;
  line-height: 22px;
  font-size: 13px;
  padding: 5px;
}
.youtube_type_command span.error_class_type_url {
  color: red;
  display: none;
  margin-right: 10px;
  min-width: 72px;
}
.rc-blockqoute {
  font-weight: 400;
  line-height: 22px;
  font-size: 13px;
  padding: 5px;
}
.rc_blockquote_class {
  font-weight: 400;
  line-height: 22px;
  font-size: 13px;
  padding: 0;
  display: block;
}
.rcr_hidden_class {
  display: none !important;
}
.has-loader {
  overflow: hidden !important;
  position: relative;
}
.parent-position-transform {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.light-theme .new-caseiq-header .caseiq-container,
.light-theme .skin-1 .navbar-static-top {
  background: #fff !important;
}
.light-theme .new-caseiq-header .caseiq-container .caseiq-dropdown > li a,
.light-theme .new-caseiq-header .caseiq-container .caseiq-right svg,
.light-theme
  .new-caseiq-header
  .caseiq-container
  .caseiq-right
  ul.navbar-right
  > li
  .newAdmin_profile_header
  .newadmin_user-name,
.light-theme
  .new-caseiq-header
  .caseiq-container
  .caseiq-right
  ul.navbar-right
  > li
  .newAdmin_profile_header
  i.fa,
.light-theme .skin-1 .nav > li > a,
.light-theme a.show_leftMav {
  color: #333 !important;
}
.light-theme .new-caseiq-header .caseiq-container .caseiq-right svg {
  fill: #868686;
}
.light-theme
  .new-caseiq-header
  .caseiq-container
  .caseiq-dropdown
  > li.active
  > a,
.light-theme
  .new-caseiq-header
  .caseiq-container
  .caseiq-dropdown
  > li:hover
  > a,
.light-theme
  .new-caseiq-header
  .caseiq-container
  .caseiq-dropdown
  > li
  > a:hover {
  background: rgba(0, 0, 0, 0.06);
}
.light-theme
  .new-caseiq-header
  .caseiq-container
  .caseiq-right
  ul.navbar-right.tp_header_right
  > li
  > a.count-info:hover {
  background-color: transparent !important;
}
.light-theme .dropdown-toggle.newAdmin_profile_header {
  border-left: 1px solid #ccd1d4 !important;
}
.site-logo-wrapper svg {
  width: 90px;
  vertical-align: middle;
}
#site-logo .cls-1,
#site-logo .cls-3,
#site-logo .cls-4 {
  fill: none;
}
#site-logo .cls-2 {
  clippath: url(#clipPath);
}
#site-logo .cls-3 {
  stroke: #fff;
}
#site-logo .cls-3,
#site-logo .cls-4 {
  strokewidth: 5px;
}
#site-logo .cls-4 {
  stroke: #46c5ed;
}
#site-logo .cls-5 {
  font-size: 37px;
  fill: #fff;
  font-weight: 700;
}
#site-logo .cls-6 {
  letter-spacing: 0.02em;
}
#site-logo .cls-7 {
  letter-spacing: 0.02em;
}
#site-logo .cls-8 {
  letter-spacing: 0.02em;
}
body.light-theme.hide_sideMenu #site-logo .cls-3 {
  stroke: #4f4f4f;
}
body.light-theme.hide_sideMenu #site-logo .cls-5 {
  fill: #4f4f4f;
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.element-loader {
  float: left;
  position: absolute !important;
  width: 100% !important;
  padding: 20px;
  box-sizing: border-box;
  z-index: 9;
  background: #fff;
  height: 100% !important;
  top: 0;
  border-radius: 6px;
  overflow: hidden;
}
.element-loader img {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.element-loader .timeline-wrapper {
  background-color: #fff;
}
.element-loader .timeline-item {
  margin: 0;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
  padding: 12px;
  box-sizing: border-box;
}
.element-loader .single_line_animation {
  height: 7px;
  margin-bottom: 7px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #eee;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(8%, #eee),
    color-stop(18%, #ddd),
    color-stop(33%, #eee)
  );
  background: -webkit-linear-gradient(left, #eee 8%, #ddd 18%, #eee 33%);
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  position: relative;
}
.element-loader .single_line_animation:last-child {
  margin: 0;
}
.list_view_main_wrapper .element-loader,
.split_list_view_main_wrapper .element-loader,
.table_list_view_loader .element-loader,
.table_list_view_main_wrapper .element-loader,
.three_panel_main_wrapper .element-loader {
  top: 0;
  left: 0;
}
.email_list_ctrl .inbox-listing-inner {
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.task-col-wrapper {
  position: absolute;
  right: -100%;
  top: 0;
  background: #fff;
  z-index: 9999;
  border-left: 1px solid #ccd1d4;
  width: 460px;
  max-width: 100%;
  box-shadow: -3px 0 5px rgba(0, 0, 0, 0.1);
}
.task-col-wrapper .create_asana_form {
  padding: 0;
}
.task-col-wrapper h2.content-heading {
  border-bottom: 1px solid #ccd1d4;
  margin: 0;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 900;
}
.task-col-wrapper h2.content-heading {
  border-bottom: 1px solid #ccd1d4;
  margin: 0;
  padding: 13px 40px;
  font-size: 15px;
  font-weight: 900;
  position: relative;
  color: #515151;
}
.task-col-wrapper h2 i {
  position: absolute;
  left: 14px;
  cursor: pointer;
  opacity: 0.5;
  transition: cubic-bezier(0.4, 0, 1, 1) all 0.3s;
  height: 100%;
  top: 0;
  line-height: 43px;
}
.task-col-wrapper h2 i:hover {
  opacity: 1;
}
.task-col-wrapper .create_asana_form .fieldlist {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 20px;
}
.task-col-wrapper .fieldlist li {
  float: left;
  padding-bottom: 16px;
}
.task-col-wrapper .fieldlist label {
  color: #5b626e;
  font-weight: 400;
  font-size: 11px;
}
.task-col-wrapper .fieldlist .right-task-form input,
.task-col-wrapper .fieldlist .right-task-form select {
  height: 32px;
  padding: 4px 5px;
}
.task-col-wrapper .fieldlist .right-task-form textarea {
  padding: 4px 10px;
}
.task-col-wrapper .create-task {
  color: #fff;
  border: 0;
  border-radius: 5px;
  padding: 0;
}
.custom-message {
  color: #fff;
  padding: 8px 16px;
  margin: 0;
}
.task-created-message {
  background: #1c964a;
}
.task-error-message {
  background: #fc636b;
}
.conversation-selected,
.no-email-selected-wrapper,
.org-select-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
  display: table;
}
.conversation-selected .no-email-selected,
.no-email-selected-wrapper .no-email-selected,
.org-select-overlay .no-email-selected {
  height: auto;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -70%);
  padding: 20px;
}
.conversation-selected .no-email-selected img,
.no-email-selected-wrapper .no-email-selected img,
.org-select-overlay .no-email-selected img {
  max-width: 100%;
  width: 80px;
  opacity: 0.9;
}
.conversation-selected .no-email-selected p,
.no-email-selected-wrapper .no-email-selected p,
.org-select-overlay .no-email-selected p {
  color: #9fa5ae;
  font-size: 17px;
  margin: 15px 0;
}
.folder-no-mail-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99;
  text-align: center;
  display: table;
}
.folder-no-mail {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.folder-no-mail p {
  font-size: 16px;
  margin: 15px 0;
  color: #9fa5ae;
}
.conversation-selected .no-email-selected {
  width: 100%;
}
.email_list_ctrl {
  overflow: hidden !important;
}
.disabled_pointer_class {
  cursor: no-drop !important;
}
body.preview_right_active .email_list_ctrl .slimScrollDiv {
  height: 100% !important;
  padding: 4px 12px 4px 4px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
body.preview_none_active .email_list_ctrl .slimScrollDiv {
  height: calc(100% - 162px) !important;
}
body.preview_list_active .email_list_ctrl .slimScrollDiv {
  height: 100% !important;
}
body.preview_bottom_active .slimScrollDiv {
  height: calc(100% - 0px) !important;
}
body .slimScrollDiv ul {
  width: auto !important;
}
.slimScrollBar {
  background: rgba(117, 117, 117, 0.3) !important;
  opacity: 1 !important;
  height: 150px;
  width: 6px !important;
  right: 3px !important;
}
.slimScrollRail {
  background: #fff !important;
  opacity: 1 !important;
}
.custom_email_sidebar .slimScrollBar {
  background: #fff !important;
  opacity: 0.2 !important;
  border-radius: 8px;
}
.custom_email_sidebar .slimScrollRail {
  background: rgba(255, 255, 255, 0.1) !important;
  opacity: 1 !important;
}
#stystem-usage .border-spacing > .row {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #e3e7eb;
  border-radius: 4px;
  overflow: hidden;
}
.grouped_by_label .as_separate_sub_task_icon {
  display: none;
  margin-right: 4px;
}
.new-added-attachment-detail,
.new-added-attachment-list {
  display: inline-block !important;
  width: 100% !important;
}
.percentage_progress_bar {
  display: block;
  height: 2px;
  background: #0e9aef;
}
.grouped_by_label .as_separate_sub_task_icon svg {
  max-width: 13px;
  fill: #465369;
  opacity: 0.4;
  width: 12px !important;
  height: auto !important;
}
.bundle_folder_pill .parent_task_name {
  font-size: 9px;
  color: #465369;
  opacity: 0.4;
}
.deletePopup.k-window.k-dialog {
  border: 0;
}
#deletePopup-wrapper {
  border-radius: 5px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.content-deletePopup {
  text-align: center;
  width: 440px;
  box-sizing: border-box;
}
.content-deletePopup h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 8px;
  color: #333;
}
.content-deletePopup .message-deletePopup {
  max-width: 300px;
  margin: 18px auto;
}
.content-deletePopup p {
  font-size: 14px;
  line-height: 22px;
}
.content-deletePopup button {
  margin: 5px;
  padding: 4px 8px;
}
.content-deletePopup button.btn-secondary {
  background: #fff;
  border: 1px solid #c3c9cf;
}
.content-deletePopup button.btn-secondary:hover {
  background: #f5f7f9;
}
.content-deletePopup button.btn-danger:hover {
  background-color: #c50d0d;
  border-color: #af0202;
}
.mail-content-w12 {
  height: 100%;
}
.mail-search-header-wrapper {
  width: 100%;
  display: table;
  max-width: 700px;
  background: rgba(0, 0, 0, 0.04);
}
.mail-search-header-wrapper .input-search-mail {
  position: relative;
  max-width: 100%;
  display: table-cell;
}
.mail-search-header-wrapper .mailSearchHeader {
  width: 100%;
  border-radius: 3px 0 0 3px;
  border-right: 0;
  padding-right: 28px;
}
.mail-search-header-wrapper input.mailSearchHeader {
  padding: 3px 5px;
  box-sizing: border-box;
  font-size: 15px;
}
.mail-search-header-wrapper .search-button,
.mail-search-header-wrapper .search-button:focus {
  background: #0e9aef;
  padding: 5px 14px;
  border-radius: 0 3px 3px 0;
  color: #fff;
  display: table-cell;
  width: 46px;
}
.mail-search-header-wrapper .search-filter-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 100%;
  text-align: center;
  z-index: 9;
  cursor: pointer;
}
.highlighter {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}
.mail-search-header-wrapper .search-filter-btn i {
  margin-top: 7px;
  font-size: 14px;
  color: #676767;
}
.mail-search-header-wrapper .search-filter-btn .k-icon {
  font-size: 19px;
  color: #656565;
  margin-top: 7px;
}
.mail-search-header-wrapper .k-autocomplete > .k-i-close,
.mail-search-header-wrapper .search-button {
  right: 36px;
}
.overlay-filter-dropdown-wrapper {
  display: none;
  background: 0 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.filter-dropdown-wrapper {
  position: absolute;
  z-index: 99999;
  background: #fff;
  width: calc(100% + 46px);
  padding: 0;
  box-sizing: border-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(0, 0, 0, 0.12);
  top: 95%;
  border-top: 0;
  right: -6px;
  margin-top: 1px;
}
.filter-dropdown-wrapper .form-group {
  margin-bottom: 12px;
}
.filter-dropdown-wrapper label {
  font-weight: 400;
  color: #848f99;
  padding-right: 6px;
  margin-bottom: 8px;
}
.filter-dropdown-wrapper .form-control {
  height: 26px;
  padding: 7px 8px;
  border-color: #aeaeae;
}
.add_Cc_section {
  border: 0;
  margin: 0 0;
  border-radius: 3px;
  max-width: 100%;
}
.Cc_form_control {
  height: 26px;
  padding: 7px 8px;
  border: none;
  width: 90%;
}
.filter-dropdown-wrapper .filter-button-search,
.filter-dropdown-wrapper .filter-button-search:focus {
  padding: 5px 11px;
  background: #0e9aef;
  border-radius: 2px;
}
.filter-dropdown-wrapper .form-group .of-span {
  padding: 0 6px;
}
.filter-dropdown-wrapper .close-filter {
  position: absolute;
  right: 9px;
  top: 10px;
  color: #676767;
  font-size: 14px;
}
.sub-head-org .breadcrumb-left h2 {
  font-size: 16px;
  color: #000;
  margin-right: 16px;
}
.sub-head-org .breadcrumb-left .org-email {
  width: 115px;
}
.breadcrumb-right {
  float: right;
}
.org-breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
.org-breadcrumb li {
  display: inline-block;
  font-size: 13px;
  margin: 0 0 0 8px;
}
.compose-mail-wrapper ul.k-editor-toolbar,
.reply-box-top-wrapper ul.k-editor-toolbar {
  padding-left: 8px;
}
.reply-box-top-wrapper iframe.k-content {
  max-height: 250px;
  border: none !important;
}
.reply-box-top-wrapper .user-icon {
  margin-top: 0;
}
.reply-box-top-wrapper .mail-footer {
  border-top: 1px solid #e2e2e2;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}
.context-menu {
  width: auto;
  min-width: 150px;
}
.wrapper-org-list {
  position: relative;
}
.orgMenu ul {
  margin: 0;
  padding: 0;
}
.orgMenu ul li a.profile {
  width: 100%;
  padding: 6px 16px;
  display: inline-block;
  text-decoration: none;
  transition: 0.5s;
  box-sizing: border-box;
  margin: 0;
}
.add-org-btn-wrapper {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 25px 14px;
  position: absolute;
  width: 100%;
  bottom: 49px;
}
.add-org-btn-wrapper .btn {
  font-size: 14px;
  background: #4ca7f1;
  border: 0;
  transition: 0.2s ease-in-out;
  padding: 9px 5px;
  width: 80%;
}
.add-org-btn-wrapper .btn:active,
.add-org-btn-wrapper .btn:hover {
  background: #008adf;
  color: #fff;
}
.organization
  .custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  span.k-in
  i {
  position: relative;
  top: -2px;
}
.organization .custom_email_sidebar ul.k-group.k-treeview-lines li {
  position: relative;
  margin: 0;
}
.organization
  .custom_email_sidebar
  .subOrg-wrapper
  ul.k-group.k-treeview-lines
  > li {
  padding: 0;
}
.organization .custom_email_sidebar ul.k-group.k-treeview-lines > li > .k-bot {
  padding: 0;
}
.organization
  .custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > ul
  > li
  .k-in {
  padding: 5px 25px;
  margin: 0;
  color: #a599d7;
}
.organization
  .custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > ul
  > li
  .k-in
  .k-sprite {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 5px 6px 0 0;
}
.organization
  .custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  span.k-in:hover {
  background: 0 0;
}
.organization .custom_email_sidebar #organization-tree > li {
  border-top: 1px solid rgba(90, 90, 90, 0.3);
  padding: 0 0 10px;
}
.organization
  .custom_email_sidebar
  #organization-tree
  > li[aria-expanded="false"] {
  padding: 0;
}
.organization .custom_email_sidebar #organization-tree > li > div {
  position: relative;
}
.organization
  .custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > ul
  > li
  .k-icon {
  left: 17px;
  top: 11px;
}
.organization .custom_email_sidebar #organization-tree > li > div > .k-icon {
  position: absolute;
  left: 13px;
  top: 0;
  height: 100%;
  width: 30px;
  margin: 0;
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  box-sizing: content-box;
  font-family: "Font Awesome 5 Free";
  font-size: 11px;
}
.organization .custom_email_sidebar #organization-tree > li > div > .k-in {
  padding: 10px 20px 10px 40px;
  box-sizing: border-box;
  text-transform: uppercase;
}
.organization .custom_email_sidebar #organization-tree > li > div > .k-in,
.organization
  .custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > div
  > .k-in {
  color: #a599d7 !important;
  font-size: 16px !important;
  line-height: 18px;
  font-weight: 600;
}
.organization
  .custom_email_sidebar
  #organization-tree
  > li
  > div
  > .k-in
  .k-sprite {
  display: none;
}
.organization
  .custom_email_sidebar
  #organization-tree
  > li
  > div
  > .k-icon:before {
  content: "\f078";
  color: #a599d7;
}
.organization
  .custom_email_sidebar
  #organization-tree
  > li
  > div
  > .k-i-expand:before {
  content: "\f077";
}
.custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li#organization-tree_tv_active
  .media-body
  p,
.orgMenu ul li a.profile:hover .media-body p,
.organization
  .custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > .k-top
  > .k-in:hover
  .media-body
  p {
  opacity: 1;
}
.organization .custom_email_sidebar div.k-treeview {
  overflow: hidden;
}
.custom_email_sidebar
  .subOrg-wrapper
  ul.k-group.k-treeview-lines
  > li#organization-tree_tv_active,
.orgMenu .subOrg-wrapper ul li a.profile:hover,
.organization
  .custom_email_sidebar
  .subOrg-wrapper
  ul.k-group.k-treeview-lines
  > li
  > .k-top
  > .k-in:hover {
  background: 0 0 !important;
}
.organization
  .custom_email_sidebar
  .orgMenu
  ul.k-group.k-treeview-lines
  > li.header-box {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 5px 0;
  margin: 8px 0;
}
.custom_email_sidebar .orgMenu ul.k-group.k-treeview-lines > li.header-box p,
.organization
  .custom_email_sidebar
  .orgMenu
  ul.k-group.k-treeview-lines
  > li.header-box
  a {
  opacity: 1 !important;
}
.organization
  .custom_email_sidebar
  ul.k-group.k-treeview-lines
  > li
  > ul
  > li
  span.k-in:hover {
  background: rgba(0, 0, 0, 0.2) !important;
}
.orgMenu {
  position: relative;
  overflow: hidden;
}
.orgMenu .treeview_search_filter_ctrl {
  margin: 7px 0 13px;
}
.orgMenu .icon-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: inline-block;
}
.orgMenu ul .icon-circle span {
  font-size: 14px;
  line-height: 32px;
}
.orgMenu .media-body {
  display: table-cell;
  vertical-align: middle;
}
.orgMenu .media-body p {
  color: #fff;
  opacity: 0.62;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  transition: 0.2s ease-in-out;
}
.orgMenu #OptionSubMenu li .k-link {
  padding: 6px 16px;
  color: #ccc;
  opacity: 1;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  transition: 0.2s ease-in-out;
  width: 100%;
  box-sizing: border-box;
  line-height: 18px;
}
.orgMenu #OptionSubMenu li .k-link.k-state-selected,
.orgMenu #OptionSubMenu li .k-link:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
}
.orgMenu #OptionSubMenu .goBack-org .k-in {
  padding: 11px 15px;
  cursor: pointer;
  box-sizing: border-box;
}
.orgMenu #OptionSubMenu .count {
  float: right;
  background: #a5a5a5;
  color: #fff;
  width: 34px;
  height: 18px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 18px;
  border-radius: 19px;
}
.orgMenu #OptionSubMenu .count span {
  display: none !important;
}
.orgMenu .subOrg-wrapper .media-body p {
  opacity: 1;
  color: #fff;
}
.sidebar-org-details {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 6px 12px;
}
.org-separator {
  border-top: 1px solid #464d5a;
  padding-top: 12px;
  margin-top: 12px;
}
.subOrg-wrapper {
  position: absolute;
  top: 0;
  left: auto;
  width: 100%;
  min-height: 100%;
  right: -100%;
}
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
.k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ebebeb;
  color: inherit;
}
.org-Settings {
  display: none;
  z-index: 99;
}
.edit-profile-org input {
  max-width: 360px;
}
.edit-profile-org label {
  width: 100%;
}
#thread_count_section {
  color: #202124;
}
.conversation-count-em {
  position: absolute;
  right: 6px;
  top: 12px;
  padding: 0 3px;
  font-size: 12px;
  border-radius: 4px;
  color: #5b626e;
  cursor: pointer;
}
.compact_view_active .conversation-count-em {
  top: 25px;
}
.conversation-count-em i {
  font-size: 9px;
  position: relative;
  top: 0;
  margin-left: 4px;
  margin-right: 1px;
}
.conversation-count-em.active i {
  transform: rotate(90deg);
}
.wrapper-conversation-em {
  margin: 0;
  position: relative;
  z-index: 1;
}
.list-conversation {
  padding: 0;
  margin: 0;
  display: none;
}
.list-conversation li {
  padding: 0;
}
.email_list_ctrl ul.inbox-listing-inner li .list-conversation li {
  background: 0 0;
  border: 0;
  width: 100%;
  float: left;
  display: flex;
  border-top: 1px solid #dce1e6;
}
.email_list_ctrl ul.inbox-listing-inner li .list-conversation li:hover {
  background: #0e9aef;
}
.email_list_ctrl ul.inbox-listing-inner li .list-conversation li a {
  box-sizing: border-box;
  border-radius: 0;
}
.email_list_ctrl
  ul.inbox-listing-inner
  li
  .list-conversation
  li:hover
  .reply_email,
.email_list_ctrl ul.inbox-listing-inner li .list-conversation li:hover a {
  color: #fff !important;
}
.email_list_ctrl ul.inbox-listing-inner li .list-conversation li #email_date {
  padding-top: 2px;
  width: 90px;
  text-align: right;
  margin-left: auto;
}
body.preview_list_active
  .email_list_ctrl
  ul.inbox-listing-inner
  .list-conversation
  li
  span#email_date {
  margin-top: 0;
}
.email_list_ctrl
  ul.inbox-listing-inner
  li
  .list-conversation
  li:hover
  #email_date,
ul#emailListUl li.active:hover .list-conversation span#email_date {
  color: #fff;
}
#more_option_optionlist li a#title-by {
  background: #ebebeb;
  color: #333;
  padding: 2px 12px;
  pointer-events: none;
}
#more_option_optionlist li a {
  border-radius: 0;
  border: 0 !important;
  color: #333;
  padding: 2px 16px 2px 7px;
}
#more_option_optionlist li a:hover {
  background: #c5c5c5;
}
#more_option_optionlist li a .k-sprite {
  font-size: 11px;
  margin: 0 6px 0 2px;
}
.name-by-group-email {
  background: #f3f3f4;
  padding: 8px 12px;
  color: #5f6368;
  font-weight: 600;
  cursor: pointer;
  font-size: 13px;
  box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -ms-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  -o-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
}
.name-by-group-email > i {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 10px 0 2.5px;
  min-width: 10px;
}
.name-by-group-email:hover {
  background: #e6f2fa;
}
.by-group-email {
  clear: both;
}
.name-by-group-email.active .k-icon {
  transform: rotate(-45deg);
}
div#capture_detail_panel_modal.active,
div#capture_note_editor_preview_panel.active {
  z-index: 9999999999 !important;
}
.doc-editor-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
#doc-editor-area {
  background: #fff;
  border: 1px solid #c6c6c6;
  padding: 40px 60px;
  width: 876px;
  margin: 0 auto;
  min-height: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
}
.fa-smile-o:before {
  content: "\f5b8";
}
.fa-file-o:before {
  content: "\f15b";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-rotate-lef t:before {
  content: "\f0e2";
}
.fa-rotate-right:before {
  content: "\f01e";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-square-o:before {
  content: "\f0c8";
}
.fa-arrows-v:before {
  content: "\f338";
}
.fa-external-link:before {
  content: "\f35d";
}
.fr-inline {
  font-size: 14px;
}
.fr-inline h1,
.fr-inline h2,
.fr-inline h3,
.fr-inline h4,
.fr-inline h5,
.fr-inline h6 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}
.fr-inline h1 {
  font-size: 38px;
}
.fr-inline h2 {
  font-size: 34px;
}
.fr-inline h3 {
  font-size: 30px;
}
.fr-inline h4 {
  font-size: 22px;
}
.fr-inline h5 {
  font-size: 18px;
}
.fr-inline h6 {
  font-size: 18px;
}
.fr-inline ul {
  margin-top: 10px;
}
.fr-inline li {
  margin-bottom: 10px;
}
.activeFroalaDiv {
  cursor: text;
  background-color: #d3d3d3;
}
.service-dropdown-more ul.dropdown-menu {
  left: 100%;
  top: auto;
  bottom: 0;
  width: 175px;
  padding: 0;
  z-index: 99999;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.service-dropdown-more ul.dropdown-menu li {
  display: inline-flex;
  width: 100%;
  margin: 0;
}
.service-dropdown-more ul.dropdown-menu a {
  width: 100%;
  box-sizing: border-box;
  float: left;
  margin: 0;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  border-radius: 0;
  height: auto;
}
.service-dropdown-more ul.dropdown-menu a.active {
  background: 0 0;
}
.service-dropdown-more ul.dropdown-menu a:hover {
  background-color: #f5f5f5;
}
.service-dropdown-more ul.dropdown-menu a .icon {
  width: auto;
  height: auto;
  float: left;
  border-radius: 3px;
  padding: 0 10px 0 5px;
  text-align: center;
}
.service-dropdown-more ul.dropdown-menu a .text {
  color: #333;
  font-size: 14px;
  padding: 0;
  opacity: 1;
}
.service-dropdown-more ul.dropdown-menu a.active > span.text,
.service-dropdown-more ul.dropdown-menu a:hover > span.text {
  color: #281c47;
}
.service-dropdown-more ul.dropdown-menu a .icon i {
  font-size: 13px;
  line-height: 27px;
  color: rgba(0, 0, 0, 0.5);
  background: 0 0;
  width: auto;
  height: auto;
  top: 2px;
  position: relative;
}
.service-dropdown-more ul.dropdown-menu a.active > span.icon > i,
.service-dropdown-more ul.dropdown-menu a:hover > span.icon > i {
  color: #000;
}
.service-dropdown-more ul.dropdown-menu a.active > span.icon {
  opacity: 1;
}
.MainMenu .title-slide {
  cursor: pointer;
}
.ui_style_ctrl .treeview-heading h3 i {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  -o-transition: ease all 0.3s;
  transition: ease all 0.3s;
}
.ui_style_ctrl .treeview-heading h3 i.active {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.label_as_text #toolbar a.remove_pill {
  color: #8e8e8e;
  padding: 0 4px;
  position: relative;
  top: 1px;
}
#filter_by ul.layout_icons.dropdown-menu li a.remove_all_filters {
  color: #e74c3c;
}
.organization .compose-mail-wrapper.window_popup {
  display: none;
}
.org-select-overlay {
  z-index: 99999;
  display: block;
}
.org-select-overlay .no-email-selected p {
  font-size: 20px;
  margin: 35px 0 0;
}
.tooltip {
  display: none !important;
}
[data-toggle]:hover + .tooltip {
  display: block !important;
}
.custom-editor .table > tbody > tr > td.active {
  border: 1px double #3a295c;
}
.deleteIcon {
  color: #ff5959 !important;
}
.fr-popup-custom {
  background-color: #0081c2;
  position: absolute;
  color: #222;
  border-radius: 2px;
  z-index: 9;
  line-height: 1;
  top: 10px;
  left: 10px;
}
.fr-popup-custom .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  left: 50%;
  display: inline-block;
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222;
  margin-left: -5px;
}
.fr-popup-custom .fr-buttons .fr-btn {
  background: 0 0;
  color: #222;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  margin: 0 2px;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease 0;
  -ms-transition: background 0.2s ease 0;
  -o-transition: background 0.2s ease 0;
  z-index: 2;
  position: relative;
  text-decoration: none;
  user-select: none;
  padding: 0;
  width: 38px;
  height: 38px;
  display: inline-block;
  float: left;
  text-align: center;
}
.fr-popup-custom .fr-buttons .fr-btn:hover {
  outline: 0;
  color: #222;
  background: #ebebeb;
}
.fr-popup-custom .fr-buttons .fr-separator {
  height: 34px;
  width: 1px;
  margin: 2px;
  background: #ebebeb;
  vertical-align: top;
  float: left;
}
.fr-popup-custom .fr-buttons .fr-btn.fr-dropdown i {
  display: block;
  font-size: 14px;
  width: 14px;
  margin: 12px;
  text-align: center;
  margin-left: 8px;
  margin-right: 16px;
}
.fr-popup-custom .fr-buttons .fr-btn.fr-dropdown i.fa-rotate-90 {
  transform: rotate(90deg);
}
.fr-popup-custom .fr-buttons .fr-btn.fr-dropdown {
  position: relative;
}
.fr-popup-custom .fr-buttons .fr-btn.fr-dropdown:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222;
  right: 4px;
  top: 17px;
  content: "";
}
.fr-popup-custom .dropdown {
  float: left;
}
.fr-popup-custom .dropdown-menu {
  min-width: 0;
  top: 17px;
  left: 0;
}
.fr-popup-custom .tooltip {
  display: none !important;
}
.fr-popup-custom .tooltip-inner {
  min-width: 0;
}
.primary-menu-list {
  position: relative;
  transition: ease 0.3s all;
  height: 100%;
}
.second_nav_ctrl {
  background: #3a295c;
  position: absolute;
  width: 100%;
  left: 100%;
  top: 0;
  transition: ease 0.3s all;
}
ul.dropdown-menu.taskMenu > li {
  margin: 0;
}
ul.dropdown-menu.taskMenu > li > a {
  padding: 4px 20px;
  border: 0;
  color: #5b626e;
  background: 0 0;
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
  width: 100%;
}
ul.dropdown-menu.taskMenu > li > a:hover {
  background-color: #f5f5f5;
}
ul.dropdown-menu.taskMenu > li > a > i {
  margin-right: 10px;
  font-size: 14px;
}
ul.dropdown-menu.taskMenu > li.set_highlight_color_project_top {
  position: relative;
}
ul.dropdown-menu.taskMenu
  > li.set_highlight_color_project_top:hover
  .dropdown-menu {
  right: 0;
  position: absolute;
}
ul.dropdown-menu.taskMenu > li > a > i.arrow {
  font-size: 11px;
  margin-top: 9px;
}
ul.dropdown-menu.taskMenu > li > a > i.example-color {
  color: #20aaea;
}
ul.dropdown-menu.taskMenu > li > a:hover > ul.dropdown-menu {
  display: block;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu.icon-ul {
  margin: 0;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu.icon-ul > li a {
  padding: 4px 20px;
  border-bottom: 1px solid #f4f4f4;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu.icon-ul > li a:hover {
  background: #f5f5f5;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu.icon-ul > li i {
  margin-right: 10px;
  font-size: 14px;
}
.project_heading_advance_settings_ctrl ul.dropdown-menu.icon-ul > li i.blank {
  width: 14px;
  display: inline-block;
}
.custom-tableView-wrapper {
  height: calc(100vh - 66px);
  width: 100%;
  font-style: normal;
  font-size: 13px;
  background: #fff;
  color: #000;
  overflow: hidden;
  border: 1px solid #c7c7c7;
  position: relative;
}
.header-tableView {
  width: 100%;
  float: left;
  background: rgba(235, 235, 235, 0.41);
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 16px;
}
.header-tableView .filter-title span {
  margin-left: 5px;
}
.header-tableView .dropdown {
  margin-right: 22px;
}
.header-tableView .dropdown-menu > li > a {
  padding: 0 16px;
}
.header-tableView .dropdown-menu .color-box {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.taskTable-right-menu {
  float: left;
}
.taskTable-right-menu .items-filter {
  float: left;
  margin-left: 20px;
  cursor: pointer;
}
.taskTable-right-menu .items-filter svg {
  position: relative;
  top: 2px;
  margin-right: 3px;
}
.body-tableView {
  width: 100%;
  float: left;
  font-weight: 400;
  position: relative;
}
.body-tableView table {
  width: calc(100% + 2px);
  float: left;
  margin-left: -1px;
  margin-right: -1px;
  color: #5f6368;
  table-layout: fixed;
}
.body-tableView tr td,
.body-tableView tr th {
  border: 1px solid #c7c7c7;
  position: relative;
  padding: 0;
  vertical-align: middle;
}
.body-tableView tr th {
  background: #f1f1f1;
  color: #606060;
  font-weight: 400;
  padding: 12px;
  height: 46px;
}
.body-tableView tr td {
  height: 34px;
}
.body-tableView tr th:hover {
  background: rgba(7, 115, 241, 0.07);
}
.body-tableView tr th svg {
  float: left;
}
.body-tableView tr th.addColumn {
  width: 43px;
  text-align: center;
}
.body-tableView .table-no-setting .dropdown-menu {
  width: 320px;
  padding: 15px;
  top: calc(100% + 5px);
}
.body-tableView .table-no-setting .dropdown-menu h3 {
  margin: 0;
  border-bottom: 1px solid rgba(112, 112, 112, 0.5);
  padding: 0 0 10px;
}
.body-tableView .table-no-setting .dropdown-menu li {
  width: 33%;
  float: left;
  padding: 12px 0 0;
  line-height: normal;
}
.body-tableView .table-no-setting .dropdown-menu li label {
  font-weight: 400;
  font-size: 13px;
  margin: 0;
}
.body-tableView .table-no-setting .dropdown-menu li input {
  display: none;
}
.body-tableView .table-no-setting .dropdown-menu li span {
  width: 13px;
  height: 13px;
  border: 1px solid #707070;
  display: inline-block;
  border-radius: 2px;
  margin-right: 1px;
  position: relative;
  top: 2px;
}
.body-tableView .table-no-setting .dropdown-menu li input:checked + span:after {
  content: " ";
  background: #3a295c;
  position: absolute;
  width: 9px;
  height: 9px;
  left: 1px;
  top: 1px;
}
.body-tableView .th-hover-task {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 999;
  transform: translate(0, -50%);
  display: none;
}
.body-tableView th .th-hover-task.open,
.body-tableView th:hover .th-hover-task {
  display: block;
}
.body-tableView thead .dropdown-menu li a {
  position: relative;
  padding: 3px 20px 3px 35px;
}
.body-tableView .th-hover-task .dropdown-menu {
  margin-top: 8px;
}
.body-tableView .dropdown-menu li.dropdown-submenu > a {
  border-top: 1px solid rgba(112, 112, 112, 0.24);
  border-bottom: 1px solid rgba(112, 112, 112, 0.24);
}
.body-tableView .dropdown-menu li.dropdown-submenu .dropdown-menu {
  left: 100%;
  top: 0;
  margin: 0 0 0 5px;
}
.body-tableView .dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
  display: block;
}
.body-tableView thead .dropdown-menu li i {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
}
.body-tableView thead .dropdown-menu li svg {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  width: 14px;
}
.body-tableView .dropdown-menu li i.arrow {
  left: auto;
  right: 10px;
}
.body-tableView table tr .no {
  background: #f1f1f1;
  text-align: center;
  width: 38px;
}
.body-tableView table tr .title {
  width: 480px;
  padding-left: 12px;
}
.body-tableView table .color-bar-left {
  width: 5px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.body-tableView table tr .title .external-link {
  position: absolute;
  right: 6px;
  top: 8px;
  color: #8e8e8e;
  font-size: 13px;
  display: none;
}
.body-tableView table tr .title:hover .external-link {
  display: block;
}
.body-tableView tr td .set_date_ctrl {
  margin: 0;
}
.body-tableView tr td .set_date_ctrl .mx-datepicker {
  padding: 0;
}
.body-tableView tr td .set_date_ctrl .mx-input-wrapper {
  padding: 0 12px;
  border-radius: 0;
  border: 0;
}
.body-tableView tr td .set_date_ctrl input {
  padding: 0;
  margin: 0;
}
.body-tableView tr td .set_date_ctrl .mx-input-append {
  display: none;
}
.body-tableView tr td .set_date_ctrl:hover .mx-input-append.mx-clear-wrapper {
  display: block;
  right: 0;
}
.body-tableView tr td .set_date_ctrl .mx-calendar thead {
  display: none;
}
.body-tableView tr td.duration {
  width: 90px;
}
.body-tableView tr td.duration input {
  width: 90px;
  padding: 0 12px;
  height: 100%;
  border: 0;
}
.body-tableView tr td .text-assiendby {
  padding: 0 12px;
}
.body-tableView tr td .text-assiendby .avatar {
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
  text-align: center;
}
.body-tableView tr td .text-assiendby .avatar svg {
  margin-top: 7px;
}
.body-tableView .dropdown-menu .color-box {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.body-tableView tr td .status-Dropdown {
  width: 100%;
  height: 100%;
  padding: 10px 12px 0;
}
.body-tableView .addColumn-wrap {
  position: absolute;
  right: 0;
  cursor: pointer;
  background: #fff;
  width: 43px;
  border: 1px solid #c7c7c7;
  height: calc(100% - 47px);
  bottom: 0;
}
.body-tableView .addColumn-wrap .text-addColumn {
  transform: rotate(90deg);
  white-space: nowrap;
  color: #3388e8;
  font-size: 16px;
  display: block;
  margin: 10px 20px 0 20px;
}
#attachmentPreviewModel {
  padding: 0 !important;
}
#attachmentPreviewModel .modal-dialog {
  width: 100%;
  margin: 0;
  height: 100%;
}
#attachmentPreviewModel .modal-title {
  font-size: 15px;
}
#attachmentPreviewModel .modal-header {
  position: relative;
  min-height: 52px;
}
#attachmentPreviewModel .modal-header .close {
  transform: translate(0, -50%);
  position: absolute;
  right: 14px;
  font-size: 29px;
  top: 50%;
}
#attachmentPreviewModel .modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
#attachmentPreviewModel .modal-dialog .modal-body {
  min-height: calc(100% - 118px);
}
#attachmentPreviewModel .modal-dialog .modal-body iframe {
  min-height: calc(100vh - 170px) !important;
}
#attachmentPreviewModel button {
  background: #008adf !important;
  color: #fff !important;
  border: 0 !important;
}
.commentList-email.assignee-popup {
  bottom: calc(100% + 4px);
  left: 0;
  padding: 0;
}
.commentList-email.assignee-popup .assignee-list {
  margin: 0;
  max-height: 192px;
}
.commentList-email.assignee-popup .assignee-list li {
  padding: 8px 16px;
  cursor: pointer;
}
.commentList-email.assignee-popup .assignee-list li:hover {
  background: #ecebec;
}
.commentList-email.assignee-popup .assignee-list li .user-info .user-name {
  font-size: 13px;
  font-weight: 600;
}
.commentList-email.assignee-popup .assignee-list li .user-info .user-email {
  font-size: 11px;
}
.commentList-email.assignee-popup.assignee-popup
  .assignee-list
  li
  .user-name-icon {
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 24px;
  margin-top: 2px;
}
#showManageCustom .modal-content {
  float: left;
}
.showManageCustom-wrapper {
  width: 100%;
}
.showManageCustom-wrapper .left-showManageCustom {
  float: left;
  width: 248px;
  border-right: 1px solid #e5e5e5;
}
.showManageCustom-wrapper .left-showManageCustom .search-header {
  padding: 16px 15px;
  border-bottom: 1px solid #e5e5e5;
  border: 1px solid rgba(0, 0, 0, 0.26);
  width: 100%;
  height: 30px;
  font-size: 14px;
  border-radius: 5px;
  padding: 5px 5px 5px 30px;
}
ul.dropdown-menu.dev-mode > li {
  float: left;
}
ul.dropdown-menu.dev-mode {
  display: block;
}
.doc_eraser {
  padding: 4px;
  align-items: center;
  display: inline-flex;
  margin: 5px;
}
.fr-color-hex-layer {
  width: 100%;
  padding: 0 5px;
  display: inline-block;
  margin: 15px 0 0;
}
.fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 8px 0 0;
  position: relative;
}
.fr-input-line > input[type="text"],
.fr-input-line > textarea {
  width: 100%;
  margin: 0 0 1px;
  border: none;
  border-bottom: 1px solid #bdbdbd;
  color: #222;
  font-size: 14px;
  padding: 6px 0 2px;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.fr-input-line > label {
  color: gray;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  z-index: 3;
  width: 100%;
  display: block;
  background: #fff;
}
.fr-action-buttons {
  float: right;
  width: 50px;
  z-index: 7;
  height: 36px;
  text-align: right;
}
.fr-action-buttons > button.fr-submit {
  background-color: #0e9aef;
  color: #fff;
  background-clip: padding-box;
  font-size: 13px;
  height: 32px;
  border: none;
  padding: 10px;
  line-height: 1;
}
.filter-dropdown-wrapper-innr-ctrl {
  padding: 20px;
}
.large-file-error {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
}
.large-file-error .error-wrapper {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 9;
  left: 50%;
  top: 50%;
}
.large-file-error .modal-header {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.large-file-error .modal-header i {
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 100%;
  text-align: center;
  line-height: 56px;
  cursor: pointer;
}
.large-file-error h2 {
  margin: 0;
  font-size: 24px;
  color: #333;
  font-weight: 400;
}
.large-file-error .modal-body-content-custom {
  padding: 25px 15px;
}
.large-file-error .modal-footer {
  padding: 8px 15px;
}
.large-file-error .btn-primary:active:focus {
  background-color: #008adf;
  border-color: #008adf;
  color: #fff;
}
.mf-right ul.editor_extra_options li .sndBtn {
  border-color: #008adf;
  border: 1px solid #008adf;
  padding: 5px 14px !important;
  border-radius: 3px;
  text-transform: uppercase;
}
.mail-footer .editor_extra_options li #discard_mail_button {
  margin: 0 6px;
}
.mail-footer .editor_extra_options li i.fa-trash {
  color: #ff0800;
  opacity: 0.5;
  font-size: 16px;
  cursor: pointer;
}
.mail-footer .editor_extra_options li button:hover .fa-trash-alt {
  opacity: 1;
}
.mail-footer .editor_extra_options .characters {
  font-size: 16px;
  color: #0e9aef;
  font-weight: 600;
  margin: 0 14px;
  cursor: pointer;
}
.mail-footer .editor_extra_options li .saveDraft:hover {
  color: #5f5f5f;
}
.mail-footer .editor_extra_options .characters:hover {
  color: #707070;
}
.mail-footer .editor_extra_options .n-attch .upload-btn-wrapper {
  cursor: pointer !important;
  margin-top: 6px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.mail-footer .editor_extra_options .n-attch i {
  cursor: pointer !important;
  color: #b2b2b2;
  font-size: 15px;
}
.mail-footer .editor_extra_options .n-attch i:hover {
  color: #707070;
}
.mail-footer .editor_extra_options .n-attch input {
  cursor: pointer !important;
  opacity: 0;
  position: absolute;
  font-size: 100px;
  left: 0;
  top: 0;
}
.w-100 {
  width: 100%;
  display: table;
}
.screenshot-modal-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background-color: #fff;
}
.screenshot-modal-wrapper .overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.content-RC-fullScreen-modal {
  position: absolute;
  z-index: 9;
  max-width: calc(100% - 44px);
  position: relative;
  overflow: hidden;
  min-width: 1400px;
  left: 50%;
  top: 22px;
  transform: translate(-50%, 0);
  width: 100%;
  padding-bottom: 0;
  height: calc(100% - 44px);
}
.left-RC-fullScreen-modal {
  margin: auto;
}
.breadcrumb-RC-fullScreen {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.breadcrumb-RC-fullScreen ul {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px 4px;
  background: #fff;
  width: auto;
  border-radius: 4px;
}
.breadcrumb-RC-fullScreen ul li {
  position: relative;
  list-style-type: none;
  d1isplay: inline-flex;
  padding: 0 3px;
  align-items: center;
}
.breadcrumb-RC-fullScreen .move-tree-RCF {
  background: #fff;
  display: inline-block;
  vertical-align: bottom;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  margin-left: 7px;
}
.breadcrumb-RC-fullScreen .move-tree-RCF svg {
  max-width: 16px;
}
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen {
  display: flex;
  margin: 0;
  border-bottom: 1px solid #cdd3df;
  background: #fff;
  justify-content: center;
  z-index: 1;
}
.content-RC-fullScreen-modal .view-bug-febric-tools-div {
  position: relative !important;
  max-width: initial !important;
  float: left;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 4px !important;
}
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen .btn {
  padding: 0;
  font-size: 11px;
  width: 25px !important;
  height: 25px !important;
  margin: 3px 0 !important;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  text-align: center;
}
.details_ui_in_modal {
  display: inline-block;
  float: left;
  width: calc(21% - 10px);
  background-color: #fff;
  border-radius: 4px;
  margin-left: 12px;
  margin-top: 48px;
}
.leftSidebar_in_modal_main_ctrl {
  width: calc(15% - 10px);
  float: left;
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  margin-right: 10px;
  position: relative;
}
.leftSidebar_in_modal_main_ctrl:after {
  content: "\f0da";
  top: 6px;
  right: -6px;
  position: absolute;
  color: #fff;
  font: 600 19px "Font Awesome 5 Free";
}
.topbar_firsthalf {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.topbar_firsthalf,
.topbar_secondhalf {
  padding: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  border-top: 1px solid #d5d5d6;
}
.close_leftSidebar > i {
  cursor: pointer;
  padding: 0;
  color: #465369;
  opacity: 0.66;
  font-size: 13px;
}
.topbar_firsthalf > .label {
  background: 0 0;
  color: #465369;
  font-size: 13px;
  font-weight: 600;
  padding: 0;
}
.bundle_extra_options_dropdown {
  margin-left: auto;
}
.in_modal_topbar {
  margin: 0;
}
.in_modal_topbar > i {
  margin: 0 15px;
  color: #465369;
  opacity: 0.66;
  font-size: 13px !important;
}
.bundle_extra_options_dropdown .toggle-chevron.with_label > i {
  font-size: 13px;
  color: #465369;
  opacity: 0.66;
  margin: 0;
  cursor: pointer;
}
.inmodal_search_box_ctrl > i {
  margin: 0 0 0 10px;
  color: #465369;
  font-size: 13px;
  opacity: 0.666;
}
.sidebar_search_box_ctrl.inmodal_search_box_ctrl {
  margin: 0;
}
.bundle_extra_options_dropdown .dropdown-menu {
  margin-left: -13px;
  margin-top: 8px;
}
.leftSidebar_searchBox_ctrl {
  position: relative;
  width: 100%;
}
.leftSidebar_searchBox_ctrl > i {
  position: absolute;
  top: 7px;
  left: 7px;
  font-size: 11px;
}
.leftSidebar_searchBox_ctrl > input {
  background-color: #eeeef0;
  border: 1px solid #d5d5d6;
  color: #465369;
  padding: 2px 5px 2px 23px;
  border-radius: 1px;
  width: 100%;
  height: 24px;
  line-height: 24px;
}
.leftSidebar_searchBox_ctrl > input::placeholder {
  color: #465369 !important;
  font-size: 12px;
}
.details_ui_in_modal .bug_extra_details {
  margin-top: 0;
}
.details_ui_in_modal .vbD_bug_created_by .user_identity {
  font-size: 11px;
}
.details_ui_in_modal .tags_assignee_in_preview_ctrl .added_tags_text {
  max-width: 60px;
}
.vertical_bar_fullscreen {
  float: left;
  display: inline-block;
  margin-left: 10px;
}
ul.vertical_bar_ul {
  padding: 0;
  width: 45px;
  min-width: 45px;
  height: calc(100vh - 210px);
  background-color: #f4f6f7;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  margin-top: 0;
  position: relative;
}
li.vertical_bar_icon:hover {
  background-color: #f2f2f2;
  border-top-right-radius: 6px;
}
ul.vertical_bar_ul > li.active span:before {
  border-left: 4px solid #4a9fea;
  content: "";
  position: absolute;
  left: 0;
  height: 40px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
ul.vertical_bar_ul > li {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0;
  position: relative;
  padding: 0 5px;
  margin-bottom: 9px;
  position: relative;
}
ul.vertical_bar_ul > li .fa-external-link-alt {
  font-size: 13px;
  display: block;
  line-height: 24px;
}
ul.vertical_bar_ul > li.fullpopup {
  padding: 12px 12px 11px;
}
.panel_icon_ctrl {
  border-radius: 100%;
  display: flex;
  width: 22px;
  height: 25px;
  text-align: center;
  align-items: center;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  cursor: pointer;
  justify-content: center;
}
.panel_icon_ctrl_plus {
  display: flex;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 100%;
  align-items: center;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  cursor: pointer;
  justify-content: center;
  margin-top: 0;
}
.panel_icon_ctrl_plus:hover {
  background: #ebebed;
}
span.panel_icon_ctrl_plus:hover i {
  opacity: 7;
}
.panel_icon_ctrl_plus i.fa-plus {
  font-size: 12px;
  color: #151b26;
  opacity: 0.55;
}
.panel_icon_ctrl:hover i {
  color: #595d66;
}
.panel_icon_ctrl:hover svg {
  fill: #595d66 !important;
}
li.common_quick_tab:hover svg path {
  fill: #595d66 !important;
}
.panel_icon_ctrl i {
  display: inline-flex;
  margin-left: auto;
  margin-top: 1px;
  margin-right: auto;
  color: #7f8288;
}
.panel_icon_ctrl .horizontal-tab-tag {
  font-size: 14px;
}
.panel_icon_ctrl .horizontal-tab-clip {
  font-size: 15px;
}
.panel_icon_ctrl .horizontal-tab-stopwatch {
  font-size: 16px;
}
.common_quick_tab.all .panel_icon_ctrl svg {
  width: 14px;
}
.vertical_bar_icon {
  font-size: 17px;
  font-weight: 700;
  color: rgba(70, 83, 105, 0.71);
  border-bottom: 1px solid #dadce0;
  border-top: 1px solid transparent;
  padding: 9px 0;
}
ul.vertical_bar_ul > li.active .panel_icon_ctrl {
  background-color: #0e9aef;
  opacity: 1;
}
ul.vertical_bar_ul > li.active .panel_icon_ctrl i {
  color: #0e9aef;
  opacity: 1;
}
.vertical_bar_with_details {
  margin-top: 39px;
}
button.exit_fullscreen_modal {
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 9px 0;
  width: 39px;
  height: 39px;
}
.exit_fullscreen_modal svg {
  width: 12px;
  display: block;
}
.doc_name_main_container_for_full_screen .close_btn:hover {
  background: #f5f5f7;
}
.details_ui_in_modal .preview_pane_top_header_main {
  margin: 0;
}
ul.vertical_bar_ul > li.active:before {
  content: "\f0d9";
  top: 0;
  right: -19px;
  position: absolute;
  color: #fff;
  display: none;
  font: 600 22px "Font Awesome 5 Free";
}
ul.vertical_bar_ul > li.add_more_views {
  position: relative;
  padding: 5px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  justify-content: center;
  padding: 0;
  display: flex;
}
.panel_icon_ctrl i.fa-plus {
  font-size: 11px;
  color: #fff;
}
.details_ui_in_modal .preview_pane_tabbed_panel {
  margin-top: 0;
}
.bundle_panel_buton.move-tree-RCF {
  margin: 0 7px 0 0;
  width: auto;
  padding: 7px;
  align-items: center;
  display: inline-flex;
}
.bundle_panel_buton.move-tree-RCF i {
  font-size: 13px;
}
.bundle_panel_buton.active i {
  color: #0e9aef;
}
.bundle_panel_buton .captures_count_fullscreen_sidebar {
  color: #465369;
  opacity: 0.9;
  font-size: 12px;
  padding: 0 0 0 5px;
  font-weight: 600;
}
.document_filter_in_modal {
  display: flex;
  padding: 10px;
}
.document_filter_sidebar_ctrl {
  display: inline-flex;
  width: 100%;
  padding-right: 10px;
}
.document_filter_sidebar_ctrl > .dropdown {
  width: 100%;
}
.document_filter_sidebar_ctrl .selected_label {
  border: 1px solid #d5d5d6;
  background-color: #eeeef0;
  padding: 2px 21px 2px 7px;
  font-size: 12px;
  height: 24px;
  border-radius: 1px;
}
.document_filter_sidebar_ctrl .toggle-chevron::before {
  top: 1px;
  right: -14px;
  font-size: 10px;
}
.filtered_item_count_ctrl {
  display: inline-flex;
  border: 1px solid #d5d5d6;
  padding: 0 7px;
  border-radius: 3px;
  margin: 0 0 0 auto;
  align-items: center;
}
.filtered_item_count_ctrl > i {
  color: #6b7587;
  opacity: 0.91;
  font-size: 12px;
}
.filtered_item_count_ctrl > .item_count {
  color: #465369;
  opacity: 0.69;
  font-size: 13px;
  font-weight: 600;
  padding: 0 0 0 5px;
}
.group_by_filter_in_modal {
  display: inline-flex;
  width: auto;
  padding: 0 10px 10px;
}
.group_by_filter_in_modal .selected_text {
  border: 1px solid #d5d5d6;
  background-color: #eeeef0;
  padding: 2px 7px;
  height: 24px;
  border-radius: 1px;
}
.group_by_filter_in_modal .toggle-chevron.with_label {
  color: #465369;
  font-size: 12px;
  font-weight: 600;
}
.group_by_filter_in_modal .sorted_by {
  color: #0e9aef;
  font-weight: 600;
}
.group_by_filter_in_modal .toggle-chevron.with_label > i {
  font-size: 10px;
  top: 0;
}
.leftSidebar_in_modal_main_ctrl .sidebar_trash_area {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.capture_list_in_modal .chevron_ctrl:before {
  font-size: 11px;
}
.capture_list_in_modal .column_layout.task_listing .capture_thumb_details {
  width: 135px;
}
.capture_list_in_modal .column_layout.task_listing .task_name.cp_task_name {
  width: 95%;
}
.content-RC-fullScreen-modal.full_screen_class_main_div
  .view-bug-febric-tools-div {
  border-radius: 0 !important;
}
.subtask_dropdown .list-view-dropdown.dropdown-toggle {
  display: flex;
  border: 1px solid transparent;
  border-radius: 4px;
  align-items: center;
  padding: 5px 8px !important;
  color: #4d4d4d;
}
.subtask_dropdown span.sorted_by_sub_capture {
  margin-left: 3px;
  color: #343434;
}
.settings.with_margin.subtask_dropdown {
  border-radius: 0 !important;
  background: 0 0 !important;
}
.subtask_dropdown .list-view-dropdown.dropdown-toggle strong {
  font-weight: 400;
  color: #343434;
}
.subtask_dropdown .dropdown-menu.dropdown-right {
  right: -9px !important;
  top: 39px !important;
  z-index: 99999;
}
.add_dragover_class.custom_capture_tag textarea.cp_task_name.editable_content {
  font-size: 13px;
  padding-left: 4px !important;
  width: 100% !important;
  margin-left: 4px !important;
  background: #fff;
  line-height: 15px !important;
  margin-right: 4px !important;
}
.tag_level .tag_name {
  top: 0 !important;
  color: #333;
  line-height: 18px;
}
.tag_level span.tag_name {
  padding-left: 4px;
}
.tag_level .tag_icon_sidebar svg {
  margin-right: 0 !important;
  display: block;
}
.tag_level .tag_icon_sidebar {
  top: -5px !important;
  vertical-align: middle;
}
.custom_lablel_orignal_name
  textarea.innertTextContent.cp_task_name.editable_content.teams_heading {
  height: 18px !important;
  font-size: 13px;
  line-height: 15px !important;
  margin-right: 4px !important;
}
.add-project.adding_project_folder_in_sidebar textarea {
  width: calc(100% - 60px) !important;
  left: 28px !important;
  top: -1px;
  display: inline-flex !important;
  align-items: center;
}
.add-tag.adding_new_tag_in_sidebar {
  padding: 0 10px;
  position: relative;
}
.add-tag.adding_new_tag_in_sidebar textarea.cp_task_name.editable_content {
  width: 100% !important;
  padding-left: 22px !important;
  font-size: 12px;
  height: 26px;
  line-height: 23px;
}
.add-tag.adding_new_tag_in_sidebar .add_new_tag_icon_ctrl svg {
  position: absolute;
  left: 16px;
  width: 11px;
  top: 8px;
  align-items: center;
  fill: #72757c;
  z-index: 999;
  height: 11px;
}
.rcl.team_label_with_plus_icon
  .toggle_tree_section_innr.tags_add_more_dropdown.rcl {
  position: relative;
  width: auto;
  display: inline-flex;
  margin-left: auto;
  right: 0 !important;
  float: right;
}
ul.dropdown-menu.three_dot-with_dropdown_for_tags {
  z-index: 100;
}
ul.left_side_drop_down_menu_class.three_dot_with_dropdown_for_project {
  z-index: 999;
}
.list_sub_header_main_right.inline_edit strong {
  font-weight: 400;
  color: #343434;
}
.preview_pane_tabbed_panel {
  padding-left: 0;
}
.preview_pane_Comments_and_activity span {
  padding-right: 0;
  display: flex;
  align-items: center;
}
.preview_pane_Comments_and_activity .comment_activity_text {
  font-size: 13px;
  color: #262626;
  font-weight: 600;
}
.preview_pane_Comments_and_activity i {
  vertical-align: middle;
  line-height: normal;
  font-size: 12px;
  display: inline-block;
}
.preview_pane_Comments_and_activity .comment_icon_ctr i {
  color: #7e8187;
  min-width: 23px;
  text-align: left;
  font-size: 13px;
}
.preview_pane_Comments_and_activity .comments_activity_chevron_down_ctr i {
  color: #8b93a0;
}
.settings.with_margin.subtask_dropdown .dropdown .list-view-dropdown {
  border-radius: 4px !important;
}
.settings.with_margin .dropdown .list-view-dropdown:hover {
  background-color: #f5f5f7;
  border: 1px solid #d5d5d66e;
}
.settings.with_margin .dropdown.open .list-view-dropdown {
  background-color: #f5f5f7;
  border: 1px solid #d5d5d66e;
  cursor: pointer;
}
.tree-node.open.magical_three_dropdown_open_tag
  .project_level_dropdown.tag_three_dot {
  background: #fff;
}
.tag_level .tree-node-inner-back {
  cursor: pointer;
}
ul.dropdown-menu.three_dot_dropdown_for_tags.dropdown-left {
  z-index: 999999;
}
.custom-div .custom-container .Custom-Heading {
  color: #262626;
}
.custom-div .edit_fields_button {
  margin-left: auto;
}
.custom-div .edit_fields_button button {
  padding: 3px 4px;
  background-color: #f5f5f7;
  border: 1px solid #e8e8e9;
  border-radius: 3px;
  color: #667183;
  font-size: 11px;
  font-weight: 600;
}
.custom-div .edit_fields_button button:hover {
  background-color: #0e9aef;
  color: #fff;
}
.custom-fields-details .label_data_input input {
  border: 1px solid transparent;
  padding: 5px;
  border-radius: 3px;
  font-size: 12px;
  width: 100%;
}
.custom-fields-details .label_data_input {
  width: 100%;
}
.detail-row .data {
  width: 100%;
  color: #333;
  font-weight: 600;
  font-size: 13px;
}
.detail-row .data a {
  white-space: normal;
  overflow-wrap: anywhere;
}
.custom-fields-details .label_data_input input:focus {
  border: 1px solid #dadce0;
}
.custom-fields-details .label_data_input input:hover {
  border: 1px solid #dadce0;
}
.custom-fields-details .label_data_input.priority {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.custom-fields-details .label_data_input.priority i {
  position: absolute;
  right: 12px;
  color: #8e909a;
  opacity: 0;
  font-size: 10px;
  cursor: pointer;
}
.custom-fields-details .label_data_input ::placeholder {
  color: #5d5d5d;
}
.created_by_time_ctrl .capture_id {
  color: #0e9aef;
  font-weight: 600;
  display: inline-block;
  padding: 5px 15px 5px 0 !important;
  border-right: 2px solid #dee5f1;
  margin-right: 5px;
}
.vbD_bug_created_by {
  padding: 5px 10px !important;
}
.created_by_time_ctrl span.create_by_name {
  color: #0e9aef;
  font-weight: 600;
  font-size: 13px;
  padding-right: 10px;
}
.custom-fields-details .label_data_input ::placeholder {
  color: #303b42;
  font-size: 13px;
}
.time_entry_magic_dropdown_ctrl.move_left .dropdown.open .fa-ellipsis-v {
  display: block;
  opacity: 1;
}
ul.inner_sidebar_ctrl > li:hover i {
  opacity: 0.7;
}
.doc_and_capture_view_ctrl {
  margin-left: 10px;
}
span.doc_view.active {
  background: #0e9aef;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  border: 1px solid #0e9aef;
}
.doc_and_capture_view_ctrl span {
  display: inline-flex;
  align-items: center;
  vertical: middle;
  font-size: 12px;
  cursor: pointer;
  color: #000;
  border-radius: 3px;
  padding: 5px 9px;
  background: #f5f7fa;
  border: 1px solid #e8ecf2;
}
span.doc_view.active svg {
  fill: #fff !important;
}
.doc_and_capture_view_ctrl svg {
  margin-right: 5px;
  fill: #6b7587;
}
.doc_name_modal span.collapse-ctr {
  padding: 5px 10px;
  margin: 0;
  margin-left: 10px;
  background: #f5f7fa;
  border-radius: 3px;
  cursor: pointer;
  width: 28px;
  height: 28px;
}
.doc_name_modal span.collapse-ctr svg {
  display: block;
  background: #f5f7fa;
  margin: 0 !important;
}
.doc_name_main_container_for_full_screen {
  padding: 17px 20px 18px;
  background: #fff;
  display: flex;
  border-bottom: 1px solid #e8ecf2;
  z-index: 2;
  position: relative;
}
.doc_name_main_container_for_full_screen
  .doc_name_main_inner
  .details_icon
  svg {
  width: 12px;
  fill: #0e9aef;
}
.doc_name_main_container_for_full_screen .doc_name_main_inner h3 {
  padding-bottom: 0 !important;
  margin-bottom: 1px;
  font-size: 16px;
  color: #262626;
  margin-top: 0;
}
.doc_name_main_container_for_full_screen .created_by_ctrl {
  font-size: 13px;
  color: #4d4d4d;
}
.doc_name_main_container_for_full_screen .created_by_ctrl span {
  margin-right: 3px;
  font-size: 12px;
  color: #505050;
}
.doc_name_main_container_for_full_screen .created_by_ctrl span.create_by_name {
  color: #0e9aef;
  font-weight: 700;
}
.doc_name_main_container_for_full_screen .close_btn {
  padding: 0;
  display: flex;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  align-items: center;
}
.close_btn button.btn.exit_fullscreen_modal:hover svg path {
  fill: #000000 !important;
}
.doc_name_main_container_for_full_screen
  .close_btn
  button.exit_fullscreen_modal {
  width: 14px;
  height: 14px;
  padding-top: 0;
  color: #465369 !important;
  opacity: 0.7;
}
.dropdown.add_section_modal_doc_ctrl .dropdown_icon_ctrl {
  padding: 8px;
  background: #f5f7fa;
  border-radius: 3px;
  width: 28px;
}
span.list_tree_empty_team_icon_span {
  padding-left: 12px;
}
.label_data_input.priority:hover i {
  opacity: 0.66;
}
button.attach_new-capture,
button.crop-capture {
  border-radius: 3px;
  border: 0;
  background: 0 0;
  min-width: 24px;
  outline: 0;
  height: 24px;
  font-size: 13px;
  align-items: center;
  vertical-align: middle;
  display: inline-flex;
  color: #465369;
  padding: 0;
  margin: 0 5px;
  justify-content: center;
  border-radius: 4px;
}
.hide_panel_icon {
  display: flex;
  margin-right: 18px;
}
.hide_panel_icon button.hide_show_panel_btn {
  padding: 0;
  border: 0;
  background: 0 0;
  outline: 0;
}
.hide_panel_icon button.hide_show_panel_btn svg {
  display: block;
  fill: #636775;
}
.at_common_icon_ctrl svg {
  width: 14px;
  height: 14px;
  fill: #636775;
}
.view-bug-febric-tools-div.toolbar_in_create_task {
  border-radius: 0 !important;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools i {
  color: #151b26;
  opacity: 0.77;
  display: inline-flex;
  font-size: 12px;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools:hover i {
  opacity: 1;
}
.add_new_capture {
  padding: 5px 10px;
  color: #0e9aef;
  font-size: 13px;
}
.add_new_capture i {
  padding: 0 8px;
}
.add_new_capture .add_new_capture_inner {
  display: inline-block;
  cursor: pointer;
}
.doc_name_main_container_for_full_screen .doc_name_main_container_inner {
  width: 100%;
}
.doc_name_main_container_for_full_screen .dov_name_content_flex {
  display: flex;
  align-items: center;
}
.doc_name_main_container_for_full_screen span.details_icon svg {
  display: block;
}
.doc_name_main_container_for_full_screen .doc_name_start_left {
  flex: 1;
  padding-right: 20px;
  width: 0;
}
.doc_name_main_container_for_full_screen .doc_name_start_left h3 {
  margin-top: 0;
  font-size: 16px;
  color: #262626;
  margin-bottom: 0;
  overflow: hidden;
  padding-right: 10px;
  display: inline-block;
  max-width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
  line-height: normal;
}
.doc_name_main_container_for_full_screen .details_icon {
  background: #ddf1fd;
  border-radius: 4px;
  border: 0;
  margin-right: 10px;
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.doc_name_main_container_for_full_screen .details_icon svg {
  width: 12px;
  fill: #0e9aef;
}
.preview_pane_modal_popup {
  width: 500px;
  top: 0;
  background: #fff;
  height: calc(100vh - 106px);
  float: left;
  border-radius: 0 4px 4px 0 !important;
}
.preview_capture_modal_container {
  width: 100%;
  border-right: 1px solid #d5d5d6;
}
.preview_pane_modal_popup
  .splitpanes__pane.vue_splitter_pane.capture_detail_captures.three_panel_detail_panel {
  background: 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.share_and_save_btn_main_ctrl button.common_icon_ctrl:hover {
  color: #0e9aef;
}
button.save_now_icon.common_icon_ctrl:hover svg {
  fill: #0e9aef;
}
.share_and_save_btn_main_ctrl button.common_icon_ctrl:hover i {
  color: #0e9aef;
}
.document_body_content_container {
  width: calc(100% - 232px);
  padding: 0;
  margin: 0;
  height: 100%;
  border-top: 1px solid #dadce0;
  border-top-right-radius: 6px;
  overflow: auto;
}
.document_content_top_bar {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border-bottom: 1px solid #e0e0e0;
}
span.document_name_with_icon_ctrl {
  min-width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f7f9fd;
  margin-right: 10px;
  border-radius: 3px;
  border: 1px solid #dee5f1;
}
span.document_name_with_icon_ctrl svg {
  width: 12px;
  height: 14px;
  fill: #0e9aef;
  display: block;
}
.document_content_top_bar_inner {
  display: flex;
  width: 100%;
  align-items: center;
}
.avatar_text_with_bg_color {
  height: 22px;
  width: 22px;
  background: #0e9aef;
  color: #fff;
  border-radius: 100%;
  font-size: 11px;
  text-align: center;
  line-height: 22px;
  margin-right: 10px;
  font-weight: 600;
}
.doc_bar_tittle span.doc_bar_tittle_name {
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.main_container_for_page_leftbar_and_doc_content {
  display: flex;
  background: #fff;
  height: 100%;
}
.doc_left_side_bar {
  background: #f5f5f7;
  border-right: 1px solid #e0e0e0;
  width: 240px;
}
.doc_content_with_sc_container {
  width: calc(100% - 250px);
  padding: 55px 246px 0;
}
.page_name_heading {
  font-size: 30px;
  font-weight: 700;
  color: #262626;
  padding-bottom: 5px;
  border-bottom: 1px solid #c7c7c7;
}
.page_name_sub_heading {
  font-size: 16px;
  color: #262626;
  padding-top: 28px;
}
.doc_page_discription_list {
  padding-top: 28px;
}
.doc_page_discription_list ul {
  margin-left: 28px;
  padding: 0;
  list-style: disc;
}
.doc_page_discription_list ul li {
  color: #262626;
  font-size: 14px;
  line-height: 26px;
}
.doc_left_side_bar .app_col_first.custom_email_sidebar {
  background: #fff !important;
  border-right: 0;
  border-top-right-radius: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
  float: left;
  left: 0;
  position: relative;
  transition: width 0.4s;
  -webkit-transition: width 0.4s;
}
.doc_left_side_bar .gray_theme_custom_sidebar .sidebar_search_ctrl input {
  padding: 0 10px 0 32px !important;
}
.doc_left_side_bar
  .gray_theme_custom_sidebar
  .treeview_search_filter_ctrl
  .filtertxt_input {
  border-radius: 3px;
  height: 28px;
  font-size: 13px;
  background: #e9eaeb;
  opacity: 0.7;
}
.doc_left_side_bar .gray_theme_custom_sidebar .sidebar_search_ctrl i {
  top: 9px;
  color: #939ba8;
  font-size: 12px;
}
.inbox_heading_innr_right .setting_right_icon_ctrl {
  cursor: pointer;
}
.doc_content_with_sc_container .doc_content_with_sc_inner {
  padding-bottom: 88px;
}
.splitpanes__pane.vue_splitter_pane.four_column_sidebar.border_radius_none {
  border-radius: 0;
}
.setting_theme_leftside_bar .treeview_search_filter_ctrl .filtertxt_input {
  border-radius: 3px;
}
.setting_theme_leftside_bar .treeview_search_filter_ctrl {
  padding: 0 11px;
}
.setting_theme_leftside_bar .sidebar_search_ctrl i {
  top: 8px;
}
.setting_theme_leftside_bar .treeview_search_filter_ctrl {
  padding: 1px 11px 8px;
  border-bottom: 1px solid #d1d3d9;
  margin-bottom: 0;
}
.setting_theme_leftside_bar .common_me_element_ctrl {
  padding: 5px 10px 5px 13px !important;
  height: 34px;
}
.setting_theme_leftside_bar span.label_text_ctrl {
  color: #303b42;
  font-size: 13px;
  font-weight: 600;
}
.col_height_ctrl.setting_theme_leftside_bar {
  min-width: 254px;
  background: #f5f5f7;
  opacity: 1;
  border-radius: 6px 0 0 6px;
  border-radius: 0;
  border: 1px solid #d5d5d6;
}
.setting_theme_leftside_bar .common_me_element_ctrl > .chevron_ctrl > i {
  color: #303b42;
  margin-right: 12px;
  opacity: 1 !important;
}
.setting_theme_leftside_bar .common_me_element_ctrl > .chevron_ctrl {
  min-width: 23px !important;
}
.setting_theme_leftside_bar ul.capture_fixed_menu_ul > li {
  padding: 7px 0 7px 47px !important;
}
.setting_theme_leftside_bar ul.capture_fixed_menu_ul > li > .capture_menu_item {
  color: #000 !important;
}
.theme_content_container {
  width: calc(100% - 320px);
  background: #fff;
  overflow: auto;
  margin-left: 7px;
  border-radius: 0;
  border: 1px solid #cfd3da;
}
.theme_content_container .theme_content_inner {
  width: calc(100% - 484px);
  background: #fff;
  margin: auto;
}
.theme_content_container .theme_tittle_section_top h3 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin: 0;
}
.theme_content_container .theme_tittle_section_top p {
  color: #000;
  opacity: 0.66;
  font-size: 13px;
}
.theme_content_container .theme_tittle_section_top {
  border-bottom: 1px solid #d1d3d9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 13px;
}
.theme_content_container .btn.btn_right .btn-default {
  background: #f5f5f7;
  border: 1px solid #e5e6e8;
  border-radius: 3px;
}
.theme_content_container .btn.btn_right button {
  padding: 8px 18px;
  font-size: 13px;
  margin-left: 5px;
  vertical-align: unset;
  outline: 0;
}
.theme_content_container .btn.btn_right button.btn.btn-primary {
  border: 1px solid #0e9aef;
  background: #0e9aef;
}
.theme_content_container .btn.btn_right {
  padding: 0;
}
.theme_content_container .default_theme_color .default_color_text {
  font-size: 13px;
  color: #000;
  font-weight: 600;
  margin-bottom: 13px;
}
.theme_content_container .default_theme_color .default_selected_item {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
}
.theme_content_container .default_theme_color .default_selected_item i {
  line-height: 32px;
  color: #fff;
}
.theme_content_container .default_theme_color {
  margin-bottom: 23px;
}
.theme_content_container .setting_theme_color_list .your_color_theme_text {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  margin-bottom: 13px;
}
.theme_content_container .selected_color_theme_preview img {
  display: block;
  margin: auto;
  width: 750px;
}
.theme_content_container .setting_color_theme_ctrl {
  margin-left: 202px;
}
.preview_button_with_eye {
  text-align: center;
}
.preview_button_with_eye span.eye_icon_ctrl {
  background: #f5f5f7;
  border: 1px solid #e9e9ea;
  font-size: 14px;
  color: #303b42;
  padding: 2px 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 3px;
  padding-bottom: 0;
}
.setting_theme_leftside_bar ul.capture_fixed_menu_ul li i {
  font-size: 12px;
  color: #7e8187;
}
.setting_theme_leftside_bar ul.capture_fixed_menu_ul li svg {
  width: 12px;
  fill: #7e8187;
  margin-left: 0 !important;
  display: block;
}
.preview_button_with_eye span.eye_icon_ctrl i {
  padding-right: 6px;
  color: #303b42;
  opacity: 0.39;
  font-size: 14px;
  vertical-align: middle;
  display: block;
}
.setting_theme_leftside_bar ul.capture_fixed_menu_ul > li.active {
  position: relative;
  background-color: #0e9aef;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li.active
  span.element_icn_ctrl
  i {
  color: #fff !important;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li.active
  span.element_icn_ctrl
  svg
  * {
  fill: #fff;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li.active
  .capture_menu_item {
  color: #fff !important;
  font-weight: 400;
}
.selected_color_theme_preview {
  padding-bottom: 30px;
}
.btn-default.active,
.btn-default:active,
.open .dropdown-toggle.btn-default {
  box-shadow: none !important;
}
.dropdown-menu.three_dots_dropdown_innr .icon_comon_width_ctrl {
  width: 22px;
  display: inline-flex;
}
.dropdown-menu.three_dots_dropdown_innr
  .icon_comon_width_ctrl
  i.fas.fa-user-friends {
  font-size: 10px;
}
.three_dots_dropdown_innr_main > li div#start_timer_main_div i {
  width: 18px !important;
  height: 18px !important;
  margin-right: 5px;
  border: 1px solid #c9d2e3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.global_search_ctrl.no-margin.expand-global-search.on {
  background-color: #fff !important;
}
.global_search_ctrl > i.fa-search {
  color: #9ea3a8;
  position: absolute;
  left: 8px;
  top: 9px;
  transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
}
.global_search_ctrl.no-margin.expand-global-search.on > i.fa-search {
  color: #0e9aef;
}
.add_new_space_modal_popup .modal-large-heading {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: center !important;
  align-items: center;
  margin: 0 auto;
  line-height: normal;
}
.add_new_space_modal_popup .form-group label {
  font-size: 13px;
  color: #353535;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}
.add_new_space_modal_popup .Create-new-team .form-group {
  margin-bottom: 20px !important;
}
.add_new_space_modal_popup .form-group textarea {
  width: 100%;
  resize: none;
  background: #fff;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 400;
  color: #465369;
  border-radius: 3px;
  border: 1px solid #e5e6e7;
}
.add_new_space_modal_popup .form-group textarea::placeholder {
  color: #999 !important;
}
.add_new_space_modal_popup .team_modal_icon_list {
  display: flex;
  align-items: center;
}
.add_new_space_modal_popup .team_modal_icon_list li .popup-icon_ctrl i {
  font-size: 14px;
  color: #606060;
  opacity: 1;
}
.add_new_space_modal_popup .team_modal_icon_list li.custom_menu_options {
  margin-right: 0;
  cursor: pointer;
  margin-right: 3px;
  width: 26px;
  height: 26px;
}
#add_new_space_modal_popup ul.color_picker_dropdown {
  position: static !important;
}
.privacy-tabbing-nav .nav.nav-pills {
  display: inline-block;
  background: #f5f5f7;
  border: 1px solid #e9e9eb;
  border-radius: 20px;
}
.privacy-tabbing-nav .nav-pills > li {
  border-radius: 20px;
}
.privacy-tabbing-nav .nav > li > a {
  padding: 7px 20px;
  margin: 0;
  font-size: 12px;
  border-radius: 20px;
  color: #000;
}
.privacy-tabbing-nav li.nav-item.active a:hover {
  border-radius: 20px !important;
}
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.privacy-tabbing-nav .manage-custom-project-status .nav-pills > li.active > a {
  background: #0e9aef !important;
  color: #fff !important;
}
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.privacy-tabbing-nav .nav-pills > li.active > a {
  color: #fff;
  background-color: #0e9aef;
  border-radius: 20px;
}
.privacy-tabbing-nav .tab-content .private_pane_ctrl p {
  margin-bottom: 0;
}
.add_new_space_modal_popup .modal-content {
  width: 650px;
}
.add_new_space_modal_popup .modal-body {
  padding: 20px 25px 25px !important;
  display: flex;
  flex-direction: column;
}
.add_new_space_modal_popup .private_pane_ctrl .info_icon_ctrl i {
  padding-right: 6px;
  margin-top: 4px;
}
.add_new_space_modal_popup .private_pane_ctrl {
  display: flex;
  padding: 12px 0 0;
  margin-bottom: 15px;
}
.add_new_space_modal_popup .private_pane_ctrl p {
  margin-bottom: 0;
}
.form-group .label-with-icon {
  margin-right: 6px;
  color: #85909f;
}
.form-group.add-team-members .form-control,
.single-line {
  background: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 3px !important;
}
.form-group.add-team-members input::placeholder {
  color: #00000061;
  font-size: 13px;
}
.form-group.privacy-tabbing-nav span.privacy-tabbing-icon-ctrl i {
  color: #85909f;
  margin-right: 10px;
  opacity: 0.81;
}
.form-group.privacy-tabbing-nav
  ul
  > li.active
  span.privacy-tabbing-icon-ctrl
  i {
  color: #fff;
  opacity: 1;
}
.private_pane_ctrl .info_icon_ctrl i {
  color: #465369;
  opacity: 0.46;
}
.add_new_space_modal_popup .form-group input::placeholder {
  color: #00000061;
  font-size: 13px;
}
.add_new_space_modal_popup .Create-new-team .form-group {
  margin-bottom: 15px !important;
}
.add_new_space_modal_popup .Create-new-team .form-group:last-child {
  margin-bottom: 0 !important;
}
.add_new_space_modal_popup
  ul.color_picker_dropdown.dropdown-menu.ul_colorPallete {
  padding: 0;
  align-items: center;
}
.add_new_space_modal_popup
  ul.color_picker_dropdown.dropdown-menu.ul_colorPallete
  > li
  .ColorPicker-cell {
  border: 0;
  opacity: 0.7;
  width: 20px;
  height: 20px;
  transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  margin: 0;
  border-radius: 6px;
}
ul.color_picker_dropdown.dropdown-menu.ul_colorPallete
  > li
  .ColorPicker-cell:hover {
  opacity: 1;
}
.select_team_with_dropdown .col_left {
  height: 36px;
  border: 1px solid #d4d8db;
  display: flex;
  align-items: center;
  border-radius: 3px;
  padding: 0 10px;
  cursor: pointer;
}
.select_team_with_dropdown span.selected_team_option {
  width: 100%;
  font-size: 13px;
  color: #000;
}
.select_team_with_dropdown .team_dropdown_icon_ctrl i {
  font-size: 10px;
  color: #151b26;
}
.add_new_space_modal_popup .select_folder_options {
  margin-top: 15px;
}
.add_new_space_modal_popup .form-group {
  margin-bottom: 15px;
}
li.custom_menu_options.active .popup-icon_ctrl {
  font-size: 13px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  border-radius: 100%;
  font-weight: 600;
  align-items: center;
  text-align: center;
  justify-content: center;
}
li.custom_menu_options.active .popup-icon_ctrl i {
  color: #fff !important;
}
li.custom_menu_options.active .popup-icon_ctrl span {
  color: #fff !important;
}
.add_new_space_modal_popup .modal-header {
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.add_new_space_modal_popup .btn.btn-default.dismiss_modal:hover {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
}
.Create-new-Project-Folder label {
  margin-bottom: 8px;
  font-size: 13px;
  color: #353535;
  font-weight: 600;
}
.Create-new-Project-Folder .form-group.form_group_flex {
  display: flex;
}
.Create-new-Project-Folder .add_project_folder_name {
  width: 100%;
}
.form-group.form_group_flex .select_name_for_team {
  width: 200px;
  margin-left: 10px;
}
.form-group.form_group_flex .team_col_right {
  border: 1px solid #d4d8db;
  height: 36px;
  display: flex;
  border-radius: 3px;
  padding: 0 16px;
  align-items: center;
}
.form-group.form_group_flex span.selected_team_option {
  width: 100%;
  color: #000;
  font-size: 13px;
}
.form-group.form_group_flex span.team_dropdown_icon_ctrl i {
  color: #151b26;
  font-size: 10px;
}
.Create-new-Project-Folder textarea {
  width: 100%;
  border: 1px solid #e5e6e7;
  background: #fff;
  padding: 9px 12px;
  color: #465369;
  font-size: 13px;
  resize: none;
  border-radius: 3px;
}
.Create-new-Project-Folder textarea::placeholder {
  color: #999;
}
.Create-new-Project-Folder .form-group:last-child {
  margin-bottom: 0;
}
.add_project_folder_name input::placeholder {
  font-size: 13px;
  color: #00000061;
}
.add_new_project_folder_modal_popup .modal-header {
  padding: 10px 15px;
}
button.close {
  font-family: auto;
  opacity: 0.6 !important;
  color: #000 !important;
  font-size: 30px;
  margin-top: 0 !important;
  outline: 0;
  width: 27px;
  height: 27px;
  font-weight: 600;
}
.add_new_project_folder_modal_popup button.btn.btn-default.dismiss_modal {
  background: #e9e9eb;
  border: 1px solid #e9e9eb;
  color: #666;
}
.modal-footer {
  padding: 10px 20px;
}
.team_element_ctrl .innertTextContent {
  width: 55% !important;
}
.hide-show-fields .toggle_tree_section_innr:hover {
  background-color: #f5f5f7;
  border: 1px solid #e9e9eb;
}
span.setting_heading_icon svg {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  display: block;
}
.doc_common_fol_name_inner {
  display: flex;
  padding: 5px 16px;
  align-items: center;
}
.doc_common_fol_name_inner span.caret_icon {
  margin-right: 10px;
}
.doc_common_fol_list_inner span.doc_fol_list_icon svg {
  display: block;
  margin-right: 10px;
  fill: #99a0ac;
}
.doc_common_fol_list_ctrl span.doc_fol_list_name_text {
  color: #465369;
  font-size: 13px;
}
.doc_common_fol_name_inner span.doc_folder_icon_ctrl {
  margin-right: 6px;
}
.doc_common_fol_name_inner span.doc_common_folder_name_text {
  font-size: 13px;
  color: #465369;
  font-weight: 600;
}
.doc_common_fol_list_inner.active {
  background: #b6e0fa;
  position: relative;
}
.doc_common_fol_list_inner {
  display: flex;
  padding: 5px 16px 5px 51px;
  align-items: center;
}
span.caret_right_ctrl i {
  margin-right: 7px;
  color: #8c93a1;
}
.doc_common_fol_name_inner:hover {
  background-color: #e7e7ec;
}
.doc_common_fol_list_inner:hover {
  background-color: #e7e7ec;
}
.doc_common_fol_name_inner span.doc_folder_icon_ctrl i {
  color: #8c93a1;
}
.document_left_side_bar input.k-textbox.filtertxt_input {
  border-radius: 3px;
  height: 28px;
  background: #e9eaeb;
}
.document_left_side_bar
  .gray_theme_custom_sidebar
  .sidebar_search_ctrl
  i.fas.fa-search {
  top: 9px;
  color: #939ba8;
  font-size: 12px;
}
.doc_left_side_bar.doc_animated_left_bar
  .treeview_search_filter_ctrl
  span.collapse-ctr {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.document_left_side_bar .treeview_search_filter_ctrl span.collapse-ctr {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.doc_created_new_page_inner {
  padding: 9px 10px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
doc_created_new_page_inner span.text_with_plus_btn {
  color: #707070;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
}
.doc_created_new_page_inner span.text_with_plus_btn i {
  color: #8c8c8c;
  font-size: 11px;
  padding-right: 13px;
}
.main_container_ul_doc .doc_has_dropdown_inner {
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.main_container_ul_doc span.doc_sec_modal_arrow i {
  color: #c7c7c7;
  font-size: 11px;
  display: block;
}
ul.main_container_ul_doc .doc_fol-icon_ctrl {
  width: 30px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
ul.main_container_ul_doc span.doc_sec_modal_text {
  color: #444;
  font-size: 13px;
}
ul.doc_sec_list_dropdown > li {
  padding: 5px 0 5px 48px;
}
ul.main_container_ul_doc span.doc_sub_sec_list_text {
  color: #444;
  font-size: 13px;
}
ul.main_container_ul_doc .each_item_in_footer_list i {
  font-size: 14px;
}
.document_left_side_bar .MainMenu {
  padding: 8px 0 0;
}
.document_left_side_bar .treeview_search_filter_ctrl {
  margin: 0 0 8px 0;
}
.grey_theme_sidebar_header span.documents_heading_icon svg {
  width: 15px;
  height: 19px;
  display: block;
  margin-right: 10px;
}
span.doc_fol-icon_ctrl.fol_icon_color i {
  color: #008adf;
}
.intigration-icon a.Integration_icon_top_header {
  display: flex !important;
  align-items: center;
}
.intigration-icon a.Integration_icon_top_header svg {
  fill: #878d91;
  width: 14px;
}
.intigration-icon a.Integration_icon_top_header svg:hover {
  fill: #fff;
  width: 14px;
}
.notification_ctrl_innr > i {
  width: 25px;
  height: 25px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 100%;
}
i.user_menu_indicator_status.far.status-offline.fa-circle:before {
  color: #82bb05;
}
i.user_menu_indicator_status.fas.status-online.fa-circle {
  width: 10px !important;
  min-width: 10px;
  font-size: 8px;
}
.default-theme.vue_splitter_wrapper.splitpanes.splitpanes--vertical.four_panel_wrapper.three_panel_main_wrapper.no_preview_pane.document_main_full_width_ctrl {
  width: calc(100% - 10px) !important;
  overflow: hidden;
}
.doc_content_tittle .doc_content_tittle_sec.active {
  background: #b6e0fa;
}
.doc_content_tittle_sec.active:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  background: #0e9aef;
  left: 0;
  top: 0;
}
.doc_content_tittle .doc_content_tittle_sec {
  padding: 7px 0 7px 48px;
  position: relative;
}
.doc_content_tittle_sec span.doc_content_tittle_text {
  font-size: 13px;
  color: #465369;
}
ul.main_container_ul_doc ul.doc_sec_list_dropdown > li:hover {
  background: #f5f5f5 !important;
}
li.doc_has_dropdown .doc_has_dropdown_inner:hover {
  background: #f5f5f5 !important;
}
.Create-new-team .icon-checked::after {
  height: auto;
  top: 2px;
}
.user_profile_main_ctrl ul.dropdown-menu li a.active i {
  font-size: 12px;
}
ul.searched_user_data {
  border: 1px solid #ccc;
  max-height: 128px;
  overflow-y: auto;
  border-top: 0;
  position: absolute;
  margin-top: 2px;
  width: 100%;
  background: #fff;
  z-index: 99;
}
.searched_user_data > li {
  padding: 6px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.searched_user_data > li > span.user_name_icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  align-self: center;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  padding: 2px;
}
.capture_inbox_heading .setting_right_icon_ctrl {
  padding-right: 11px;
}
ul.inner_sidebar_ctrl > li > svg {
  width: 12px;
  height: 15px;
}
.doc_common_fol_name_inner:hover
  .three_dots_dropdown_div.project_level_dropdown {
  opacity: 1;
}
.doc_common_fol_list_inner:hover .project_level_dropdown.tag_three_dot {
  opacity: 1;
}
.doc_content_tittle_sec:hover .project_level_dropdown.tag_three_dot {
  opacity: 1;
}
.main_container_ul_doc ul > li:hover .project_level_dropdown.tag_three_dot {
  opacity: 1;
}
.doc_has_dropdown_inner:hover .project_level_dropdown.tag_three_dot {
  opacity: 1;
}
.document_content_top_bar .share_and_save_btn_main_ctrl {
  margin-left: auto;
  display: flex;
  align-items: center;
}
span.expande_icon_ctrl svg {
  width: 16px;
  height: 16px;
  fill: #afb1b3;
  display: block;
}
.document_content_top_bar_inner .share_and_save_btn_main_ctrl button:hover {
  background: #f5f5f7;
}
span.expande_icon_ctrl {
  margin: 0 6px;
  width: 28px;
  height: 28px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 3px;
}
span.expande_icon_ctrl:hover {
  background: #f5f5f7;
}
.capture_inbox_splitter_wrapper .capture_container_bg_white {
  height: 100vh;
  background: #fff;
  width: 100%;
  position: relative;
  border-radius: 6px;
}
.capture_container_bg_white .page-wrapper-doc {
  margin: auto;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -75%);
}
.no_doc_selected_data_ctrl svg {
  margin-bottom: 0;
  padding-bottom: 0;
}
.no_doc_selected_data_ctrl h2 {
  color: #303b42;
  font-weight: 600;
}
.no_doc_selected_data_ctrl p {
  font-size: 16px;
  color: #303b42;
}
.add_new_project_folder_modal_popup .modal-large-heading {
  font-size: 16px !important;
  color: #000 !important;
  font-weight: 600 !important;
  line-height: normal;
}
.add_new_space_modal_popup li.custom_menu_options .popup-icon_ctrl {
  width: 20px;
  height: 20px;
  margin: 0 3px;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  transition: 0.25s;
  border: 1px solid transparent;
  font-weight: 600;
  line-height: 20px;
}
.add_new_space_modal_popup li.custom_menu_options .popup-icon_ctrl:first-child {
  margin-left: 0;
}
.add_new_space_modal_popup .popup-icon_ctrl:hover {
  background-color: #eee;
  border: 1px solid #e9e9eb;
}
li.custom_menu_options.active
  span.populate_custom_label_email_modal.ColorPickerCell.ColorPicker-cell.icon-checked {
  border-radius: 6px;
  display: flex;
  align-items: center;
  transform: scale(1.3);
  padding: 0;
  margin: 0;
  opacity: 1;
}
.searched_user_data > li {
  display: flex;
  align-items: center;
  border: 0;
  padding: 6px 11px 6px 11px;
}
.searched_user_data > li > span.user_name_icon {
  text-align: center;
  display: inline-flex;
  background: #ff897f;
  color: #fff;
  width: 16px;
  height: 16px;
  font-size: 10px;
  align-items: center;
  margin-right: 7px;
  border: 0;
  justify-content: center;
}
.added_memberdata_div span.added_memberdata_span {
  display: inline-flex;
  padding: 3px 10px;
  align-items: center;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid #0e9aef7a;
  font-weight: 600;
  margin: 8px 8px 0 0;
  color: #353535;
  background: #0e9aef1a !important;
}
span.added_memberdata_span span.close_button {
  padding-left: 8px;
  font-size: 13px;
  color: #151b26;
  opacity: 0.5;
  font-weight: 400 !important;
}
span.added_memberdata_span span.close_button:hover {
  opacity: 8;
}
.add_new_space_modal_popup .form-group .form-control,
.single-line {
  color: #465369;
  border-radius: 3px;
}
.Create-new-team ul.color_picker_dropdown.dropdown-menu.ul_colorPallete > li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.add_new_space_modal_popup
  ul.color_picker_dropdown.dropdown-menu.ul_colorPallete
  > li
  .ColorPicker-cell:hover {
  transform: scale(1.3);
}
.form-group.privacy-tabbing-nav a.nav-link {
  font-weight: 400;
  font-size: 13px;
}
.settings.with_margin.subtask_dropdown.capture_drp_flex ul li {
  display: flex;
}
.add_project_folder_name .form-control,
.single-line::placeholder {
  font-size: 13px;
}
.subtask_dropdown .dropdown-menu.dropdown-right ul li.active:before {
  font-family: "Font Awesome 5 Free";
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 50%;
  font-size: 12px;
  color: #0e9aef;
  transform: translate(0, -50%);
}
button.close:hover {
  background: #e8e8e8;
  opacity: 1 !important;
}
.text_capture_left_bar .MainMenu {
  padding-top: 0;
}
.text_capture_left_bar
  .splitpanes__pane.vue_splitter_pane.four_column_sidebar.border_radius_none {
  border-radius: 0;
  border: 0;
}
.text_capture_tb_container {
  width: 100%;
  float: left;
  margin-right: 0;
  background: #ffff;
  border-radius: 0;
  border: 1px solid #dadce0;
  position: relative;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.capture_edit_btn_top button {
  background: 0 0;
  border: none;
  outline: 0;
  font-size: 13px;
  color: #4d4d4d;
}
.note_doc_name span.note_doc_name_text {
  padding: 5px 10px;
  display: inline-block;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  line-height: normal;
  border-bottom: 1px solid #e0e0e0;
}
.note_book_editbar .content {
  outline: 0;
  overflow: hidden;
  box-shadow: none;
  padding: 0;
  margin: 0;
  padding-left: 4px;
  width: 100%;
}
.vue_splitter_pane.four_column_sidebar.text_capture_left_bar {
  height: calc(100vh - 0px) !important;
}
.text_capture_sub_header.capture_edit_btn_top {
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  padding: 8px 10px;
}
.text_capture_left_bar .doc_common_fol_name_inner .project_level_dropdown {
  position: absolute;
  width: 30px;
  display: inline-flex;
  cursor: pointer;
  margin-left: auto;
  right: 21px;
  justify-content: center;
}
.doc_common_fol_name_inner:hover
  .toggle_tree_section_innr.tags_add_more_dropdown.rcl {
  opacity: 1;
}
.text_capture_main_right {
  margin-left: auto;
  display: flex;
  align-items: center;
  line-height: normal;
}
.text_capture_main_right .compact_ui .slider:before {
  width: 12px;
  height: 12px;
}
.text_capture_sub_header.capture_edit_btn_top button.capture_text_wrap {
  align-items: center;
  display: inline-flex;
  margin-right: 0;
  height: 22px;
}
.notepad_toolbar_left button.capture_text_wrap span.note_doc_name_text {
  padding-right: 2px;
  margin-top: -2px;
  font-size: 12px;
  color: #151b26;
  margin-right: 8px;
}
.switch-compact input:checked + .slider:before {
  width: 12px !important;
  height: 12px !important;
  left: -9px !important;
}
button.capture_text_undo span {
  padding: 0 2px;
  opacity: 0.4;
}
span.note_doc_name_text i {
  padding-right: 6px;
  font-size: 11px;
}
.text_capture_main_right .compact_ui .slider {
  background-color: #b7b7b7;
  z-index: 4;
}
.notepad_toolbar_left .compact_ui .slider:before {
  width: 14px;
  height: 14px;
  background: #5d5d5d !important;
  border: 0 !important;
  top: 0;
}
.notepad_toolbar_left .compact_ui input:checked + .slider:before {
  background-color: #0e9aef !important;
}
.text_capture_left_bar #email_sidebar.gray_theme_custom_sidebar {
  border: 0;
  width: 100% !important;
}
.text_capture_left_bar
  .treeview-heading.title-slide.rcl.team_label_with_plus_icon {
  border: 0;
}
.note_common_tree_ctrl .add_new_folder_name input.folder-name {
  width: 100%;
  padding: 2px 5px;
}
.note_common_tree_ctrl .add_new_folder_name {
  padding: 0 10px;
}
.custome_note_fol_label {
  display: flex;
  align-items: center;
}
.custome_note_fol_label {
  display: flex;
  align-items: center;
  padding: 4px 10px 4px 13px;
  font-size: 13px;
  height: 28px;
  color: #465369;
  cursor: pointer;
}
.custome_note_fol_label span.add_more_list {
  position: absolute;
  right: 10px;
  top: 5px;
}
.custome_note_fol_label span.add_more_list i {
  font-size: 11px;
  color: #465369;
  opacity: 0.5;
  display: block;
  padding: 2px;
  line-height: normal;
}
.custome_note_fol_label span.caret_right_ctrl i {
  color: #8c93a1;
  margin-right: 7px;
  font-size: 11px;
  top: 0;
  position: relative;
  align-items: center;
  margin-bottom: 4px;
}
.shortable_tree_view.by_tag_assignee_tree_ctrl.note_common_tree_ctrl
  .tree-node-inner-back {
  padding: 0 !important;
}
.text_capture_left_bar
  .project_treemenu_main_ctrl
  > div
  > .he-tree.tree
  > .tree-node
  > .tree-node-children
  > .tree-node:first-child
  > .tree-node-inner-back {
  padding: 0;
}
.text_capture_left_bar
  .project_treemenu_main_ctrl
  > div
  > .he-tree.tree
  > .tree-node
  > .tree-node-children
  > .tree-node
  > .tree-node-inner-back {
  border: 0 !important;
  padding: 0;
}
.add-text .tag_name.editable_content.innertTextContent.cp_task_name {
  width: 100% !important;
}
.custome_note_fol_label .add-text {
  width: 100%;
}
.note_common_tree_ctrl .add_new_folder_name input.folder-name:focus {
  border: 1px solid #0e9aef;
  padding: 3px 5px;
}
.notepad-editor-wrapper {
  position: relative;
  display: flex;
  height: calc(100vh - 161px);
  left: 39px;
  width: calc(100% - 40px);
  overflow-x: auto;
  overflow-y: auto;
  float: left;
}
.notepad-editor-wrapper {
  left: 54px;
  width: calc(100% - 54px);
  overflow-x: auto;
  overflow-y: auto;
  float: left;
}
.toggle_tree_section_innr.capture_note_add_more_dropdown.rcl i.fas.fa-plus {
  font-size: 11px;
  color: #465369;
  opacity: 0.5;
  display: block;
  padding: 2px;
  line-height: normal;
}
.toggle_tree_section_innr.capture_note_add_more_dropdown.rcl {
  position: relative;
  width: auto;
  display: inline-flex;
  margin-left: auto;
  right: 0 !important;
  float: right;
}
K .notepad-editor-parent span.np_count_line {
  display: none;
  z-index: 1;
  padding: 0 0 0 6px;
  width: 70px;
  background: #f5f5f7;
  border-right: 1px solid #dadce0;
  color: #aeaeae;
}
.note_common_tree_ctrl
  .tree-node-inner-back[style="margin-bottom: 10px; padding-left: 16px;"] {
  padding-left: 36px !important;
}
.capture-text-folder-icon i {
  color: #8c93a1;
  margin-right: 6px;
}
.capture-text-note-icon i {
  color: #8c93a1;
  padding-right: 6px;
}
.notepad_line_counts {
  width: 60px;
  background-color: #f5f5f7;
  color: #adb3bd;
  float: left;
  height: calc(100vh - 0px);
  display: table-cell;
  border-right: 1px solid #e8e8e8;
}
.notepad_line_counts > span {
  display: inline-block;
  width: 100%;
  padding: 1px 5px;
}
.notepad_working_area {
  background: #fff;
  position: relative;
  user-select: auto;
}
.main_content_inner.conteiner_inner_full {
  display: inline-block;
  width: 100%;
}
.text_captures_.text_captures_flex .splitpanes.splitpanes--vertical {
  padding: 10px;
}
.text_captures_.text_captures_flex .capture_inbox_heading {
  background: #fff !important;
}
.selected_capture_data-inner {
  height: 335px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
  margin: auto;
}
.selected_capture_data {
  width: 100%;
  height: 100vh;
  background: #fff;
  font-size: 22px;
  position: relative;
}
.selected_capture_data-inner .notes_img svg {
  width: 120px;
  height: 120px;
}
.selected_capture_data-inner span.select_one_note_msg {
  color: #333;
  font-size: 20px;
  margin-top: 10px;
}
.custome_note_fol_label span.caret_right_ctrl {
  width: 16px;
  display: inline-block;
}
.loader_wrap_main {
  width: 100%;
  height: 100vh;
  position: relative;
}
.notepad-editor-parent {
  display: inline-flex;
  width: 100%;
}
.notepad_working_area.content-word-wrap .notepad-editor-parent p {
  white-space: normal;
  word-break: break-all;
}
.notepad_working_area.content-no-word-wrap .notepad-editor-parent p {
  white-space: nowrap;
  word-break: keep-all;
  position: relative;
}
.form-group input::placeholder {
  color: #999 !important;
}
.action-row.text-center {
  margin-top: 15px;
}
.text_capture_main_header.note_doc_name {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 15px;
}
.text_capture_main_header.note_doc_name span.capture_file_name {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  line-height: normal;
}
button.capture_text_undo {
  padding: 0;
}
span.sorting_icon svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: #0e9aef;
}
.text_capture_main_right button.sort_selected_text_A_to_Z {
  display: flex;
  padding: 0 10px;
  align-items: center;
  text-align: center;
  justify-content: center;
}
span.nc_sorting_icon_ctrl {
  width: 22px;
  height: 22px;
  border-radius: 3px;
  background: #ededee;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin: 0;
  color: #f7f7f8;
}
span.nc_sorting_icon_ctrl > i {
  font-size: 11px;
  color: #9098a5;
}
.text_capture_left_bar .tree-node-inner-back:hover .project_level_dropdown {
  opacity: 1;
}
.custome_note_fol_label.custom_type_folder .project_level_dropdown {
  right: 21px;
}
.text_capture_left_bar .tree-node-inner-back:hover .project_level_dropdown {
  justify-content: center;
}
.notepad-editor-parent .content.notepad-editor-content-editable {
  width: 100%;
  color: #333;
  font-size: 13px;
  border-radius: 0;
  min-width: 7px;
  min-height: 20px;
  line-height: normal;
}
.notepad_working_area.content-no-word-wrap .notepad-editor-parent p:focus {
  background: #f5f5f7;
}
.custome_note_fol_label.custom_type_folder .capture_text_name {
  font-weight: 600 !important;
  width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.notepad_working_area.content-word-wrap .notepad-editor-parent p:focus {
  background: #f5f5f7;
}
.add_new_space_modal_popup .form-group textarea:focus {
  border: 1px solid #0e9aef;
}
.Create-new-Project-Folder textarea:focus {
  border: 1px solid #0e9aef;
}
.custome_note_fol_label.custom_type_folder
  textarea.cp_task_name.editable_content {
  display: block;
  height: 20px;
  top: 0;
  background: #fff;
  z-index: 1;
  line-height: 18px;
  width: 100% !important;
}
.custome_note_fol_label.active.custom_type_text textarea {
  height: 20px;
  width: 100% !important;
  background: #fff !important;
  z-index: 1;
  position: relative;
  top: 0;
}
.custome_note_fol_label.active.custom_type_text .rename_text_area_ctrl {
  display: inline-flex;
}
.custome_note_fol_label.custom_type_text {
  padding-left: 48px;
}
.text_capture_sub_header.capture_edit_btn_top .notepad_toolbar_left {
  display: inline-flex;
  align-items: center;
}
.notepad_toolbar_left span.notepad_tool_icon_ctrl i {
  color: #151b26;
  padding-right: 0;
  font-size: 12px;
  opacity: 0.3;
}
.notepad_tool .notepad_tool_icon_ctrl {
  font-size: 13px;
  color: #9098a5;
  align-items: center;
  bottom: 0 !important;
  display: flex;
  top: 0 !important;
}
.notepad_toolbar_left .divider {
  width: 2px;
  padding: 0;
  background: #e0e0e0;
  margin: 0 5px;
  height: 22px;
}
.notepad_toolbar_left button.notepad_tool:hover {
  background: #f5f5f7;
}
.text_capture_sub_header.capture_edit_btn_top .notepad_toolbar_left {
  display: inline-flex;
  align-items: center;
}
button.capture_text_wrap .switch.switch_active.checked.switch-compact {
  bottom: 0;
  z-index: 4;
}
.find_search_bar_ctrl {
  position: relative;
}
.find_search_bar_ctrl input {
  border: 1px solid #dadce0;
  padding: 4px 10px 4px 27px;
  font-size: 13px;
  height: 26px;
  border-radius: 3px;
}
.find_search_bar_ctrl i {
  position: absolute;
  top: 8px;
  left: 9px;
  font-size: 12px;
  color: #939ba8;
}
.find_search_bar_ctrl input::placeholder {
  color: rgba(70, 83, 105, 0.68);
}
button.sort_selected_text_A_to_Z span.sorting_icon {
  margin-right: 0;
  padding: 3px 3px;
}
.custome_note_fol_label.custom_type_text .capture_text_name {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.custome_note_fol_label.custom_type_text .rename_text_area_ctrl {
  width: 100%;
  display: inline-flex;
}
.text_capture_main_header.note_doc_name .capture_file_name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custome_note_fol_label.custom_type_folder .rename_text_area_ctrl {
  width: 100%;
  display: inline-flex;
}
.treeview_search_filter_ctrl.animated.fadeIn.tc_lb_search_top {
  margin: 0;
  padding: 8px 10px;
  border-bottom: 1px solid #d1d3d9;
}
.capture-text-note-icon svg {
  fill: #8c93a1 !important;
  margin-right: 6px;
  width: 12px;
  height: 14px;
}
.custome_note_fol_label.active.custom_type_text {
  background: #e6f5fe;
  position: relative;
}
.custome_note_fol_label.active.custom_type_text .rename_text_area_ctrl {
  color: #0e9aef;
}
.custome_note_fol_label
  .dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.capture_text_three_dot {
  background: 0 0;
  display: block;
}
.splitpanes__pane.vue_splitter_pane.four_column_sidebar.border_radius_none.text_capture_left_bar {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.capture-text-note-icon {
  display: inline-flex;
}
.notepad_gutter {
  position: relative;
  left: 0;
  width: auto;
  background: #f5f5f7;
  top: 0;
  border-right: 1px solid #e8e8e8;
  display: table-cell;
}
.notepad_line_count {
  z-index: 9;
  position: relative;
  left: 0;
  user-select: none;
  background-color: #e9edef;
  width: 55px;
  min-width: 54px;
  border-right: 1px solid transparent;
}
.user-select-none {
  user-select: none;
}
.notepad_count_gutter {
  left: 0;
  color: #687282;
  width: 100%;
  padding: 0 5px;
  text-align: center;
}
.notepad_line_count_no_word_wrap {
  width: 100%;
  z-index: 0;
  height: 100%;
  position: relative;
  display: none;
  background-color: #e9edef;
}
.word_wrap_off .notepad_line_count_no_word_wrap {
  display: block;
}
.notepad_line_count_no_word_wrap_inn {
  position: relative;
  text-align: center;
  color: #687282;
  background-color: #e9edef;
}
.notepad_line_count_no_word_wrap_inn span {
  display: block;
  width: 100%;
  padding: 0 5px;
  height: 20px;
}
.notepad_working_area_container {
  height: 100%;
  display: inline-flex;
  background: #f5f5f7;
  padding-left: 0;
  position: relative;
  width: 100%;
}
.notepad_working_area_container:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 53px;
  height: 100%;
  background-color: #edf0f2;
  z-index: 1;
}
.notepad_working_area_container:after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 54px;
  background-color: #e9edef;
  height: 100%;
  border-right: 1px solid #e8e8e8;
}
p#clipboardData {
  display: none;
}
.content-no-word-wrap .notepad_line_count {
  display: none;
}
.notepad_working_area_container.content-no-word-wrap:after {
  display: none;
}
.notepad-editor-wrapper {
  left: 54px;
  width: calc(100% - 54px);
  overflow-x: auto;
  overflow-y: auto;
  float: left;
}
.note_book_editbar {
  position: relative;
}
.content-no-word-wrap .notepad-editor-content-editable {
  white-space: nowrap;
}
.editor_line_count {
  height: calc(100vh - 161px);
  overflow: hidden;
  width: 54px;
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 1px solid #e8e8e8;
}
span.text_capture_heading_icon svg {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 10px;
}
button.sort_selected_text_A_to_Z {
  width: auto !important;
}
span.chevron_right_ctrl i {
  margin-top: 5px;
  margin-left: 6px;
  color: #8c93a1;
  cursor: pointer;
}
.Create-new-team .form-group input::placeholder {
  color: #999 !important;
}
.dropdown-menu.theme_calendar_drop_ctrl {
  width: 396px !important;
  background: #fff;
  padding: 0;
}
.theme_calenda_wrap_inner .tc_top_header {
  display: flex;
  align-items: center;
  padding: 10px 10px;
  border-bottom: 1px solid #f0f0f0;
}
.tc_top_header button.tc_close_btn-right {
  position: absolute;
  right: 5px;
  border: 0;
  background: 0 0;
  padding: 0;
  display: inline-flex;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
}
.tc_top_header button.tc_close_btn-right:hover {
  background: #f5f5f7;
  opacity: 1;
}
.tc_top_header h3.Label_heading_top {
  color: #333;
  font-size: 13px;
  opacity: 1;
  margin: 0;
  padding: 0;
  text-align: center;
  border: 0;
  width: 100%;
}
button.tc_close_btn-right svg {
  width: 11px;
  height: 11px;
  fill: #000;
  opacity: 0.6;
}
.tc_calendar_body .tc_calendar_body-inner {
  display: flex;
  padding: 0;
}
button.tc_close_btn-right:hover svg {
  fill: #000;
}
.tc_star_date_wrap_left ul.tc_range > li {
  display: flex;
  width: 100%;
  align-items: center;
  height: 28px;
  padding-left: 14px;
  padding-right: 10px;
  cursor: pointer;
}
span.range_element_icon img {
  margin-right: 11px;
  display: block;
  width: 14px;
  height: 14px;
}
.tc_calendar_body-inner .tc_star_date_wrap_left {
  padding-top: 10px;
  min-width: 148px;
  width: 148px;
  border-right: 1px solid #f0f0f0;
}
ul.tc_range > li .tc_range_text {
  color: #333;
  font-size: 12px;
  font-weight: 600;
}
.tc_star_date_wrap_left ul.tc_range > li .selected_element_text {
  color: grey;
  font-size: 11px;
  margin-left: auto;
}
.mcd_client_list
  .rcl-calendar
  .vdp-datepicker__calendar
  header
  span.day__month_btn {
  color: #353535;
  opacity: 1;
  font-weight: 600;
  font-size: 14px;
  border-radius: 3px;
}
.tc_calendar_body-inner .rcl-calendar .vdp-datepicker__calendar {
  padding: 2px;
  width: 100% !important;
  padding: 0;
  border: 0;
}
.tc_calendar_input_wrap {
  padding: 10px 10px 8px;
  border-bottom: 1px solid #f0f0f0;
  display: none;
}
.tc_calendar_input_wrap .input_area .start_label_text {
  font-size: 12px;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 4px;
}
.input_area.start_date_input_area input {
  width: 168px;
}
.tc_calendar_input_wrap .input_area input {
  border-radius: 4px;
  outline: 0;
  border: 1px solid #e5e6e7;
  padding: 6px 13px;
  width: 100%;
  color: #888;
  font-size: 13px;
  height: 28px;
}
.tc_calendar_input_wrap .input_area.start_date_input_area input {
  width: 168px;
  background: #ebebed;
  color: #888;
  font-size: 13px;
}
.tc_calendar_input_wrap .input_area.due_date_input_area {
  width: 100%;
  padding-left: 10px;
}
.tc_star_date_wrap_left ul.tc_range > li:hover {
  background: rgba(36, 162, 239, 0.11);
}
.tc_calendar_body-inner .rcl-calendar .vdp-datepicker__calendar header {
  height: 30px;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  margin-bottom: 0;
  align-items: center;
  padding: 0 5px;
  margin-bottom: 0;
}
.rcl-calendar .vdp-datepicker__calendar .cell {
  color: #000;
  border-radius: 4px;
  height: 30px !important;
  line-height: 28px !important;
}
.tc_calendar_body-inner .rcl-calendar .cell.day.selected.today:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  background: #fff;
  bottom: 6px;
}
span.range_element_icon svg {
  width: 14px;
  height: 14px;
  margin-right: 11px;
  display: block;
}
.tc_calendar_body-inner
  .rcl-calendar
  .vdp-datepicker__calendar
  .cell.day.selected.today {
  background: #0e9aef;
  color: #fff;
  position: relative;
}
.rcl-calendar .vdp-datepicker__calendar header .prev:after {
  color: #8c94a2 !important;
  opacity: 1;
  font-size: 11px;
}
.rcl-calendar .vdp-datepicker__calendar header .next:after {
  color: #8c94a2 !important;
  opacity: 1;
  font-size: 11px;
}
.mcd_client_list .vdp-datepicker__calendar > div {
  padding: 0 11px 10px 11px;
  border-bottom: 0;
  margin: 3px 0 0 0;
}
.mcd_client_list span.cell.day.today {
  color: #0f9aef;
  position: relative;
  font-weight: 700;
}
.rcl-calendar span.cell.day:hover {
  background: rgba(36, 162, 239, 0.11);
  border: 0;
}
.rcl-calendar
  .vdp-datepicker__calendar
  .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: none !important;
}
.notepad_line_count_no_word_wrap_inn span::selection {
  background-color: transparent;
}
.notepad-editor-parent .notepad_count_gutter > span::selection {
  background-color: transparent;
}
.taxt_capture_tabbing_panel_right {
  float: left;
  width: 400px;
  background: #fff;
  height: 100vh;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #dfe0e3;
}
.preview_loader.loader_ctrl {
  border-top-right-radius: 6px;
}
.comming_soon_inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  text-align: center;
  height: 280px;
}
.timesheet_tab_ctrl {
  height: 100vh;
  position: relative;
  width: 100%;
  float: left;
}
span.capture_text_name::selection {
  background: 0 0;
}
ul.widget_tabs_ul li::selection {
  background: 0 0;
}
.tc_doc_name_left {
  display: flex;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  min-width: 1px;
  max-width: 50%;
}
li.no-data-found:hover {
  background-color: inherit !important;
  color: #676a6c !important;
}
.dropdown-menu.three_dots_dropdown_innr.drop_dow_sty
  .timer_class_div.timer_in_list.start_timer_div {
  color: #252222;
  font-size: 13px;
  line-height: 18px;
}
.dropdown-menu.three_dots_dropdown_innr.drop_dow_sty.arrow_box_top.dropdown-right:before {
  left: auto;
  right: 18px;
}
.dropdown-menu.three_dots_dropdown_innr.drop_dow_sty.arrow_box_top.dropdown-right:after {
  left: auto;
  right: 20px;
}
.tc_doc_name_right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
span.tc_notepad_expande_icon_ctrl {
  cursor: pointer;
  height: 28px;
  width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 3px;
}
span.tc_notepad_expande_icon_ctrl svg {
  width: 14px;
  height: 14px;
  fill: #afb1b3;
  margin-right: 0;
  transform: rotate(90deg);
  display: block;
}
span.save_doc_text_btn {
  height: 28px;
  align-items: center;
  background: #f5f5f7;
  display: inline-flex;
  justify-content: center;
  font-size: 13px;
  border-radius: 3px;
  padding: 0 12px;
  font-weight: 400;
  min-width: 68px;
  color: #333;
  cursor: pointer;
}
button.notepad_tool:hover span.notepad_tool_icon_ctrl {
  opacity: 8;
}
.notepad_tool.active i {
  opacity: 1 !important;
}
.notepad_toolbar_left button.notepad_tool {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 5px;
  border: 1px solid transparent;
  border-radius: 3px;
}
button.notepad_tool:hover span.notepad_tool_icon_ctrl {
  color: #595d65;
}
button.capture_text_wrap.notepad_tool:hover span.note_doc_name_text {
  color: #595d65;
}
button.capture_text_wrap label.switch {
  top: -1px;
}
t span.save_doc_text_btn i {
  color: #afb1b3;
  font-size: 12px;
  margin-right: 6px;
}
button.capture_text_wrap:hover {
  background: #f5f5f7;
  border: 1px solid #d5d5d66e;
  border-radius: 3px;
}
button.capture_text_wrap {
  border: 1px solid transparent;
}
span.tc_notepad_expande_icon_ctrl:hover {
  background: #f5f5f7;
}
span.save_doc_text_btn i {
  color: #afb1b3;
  font-size: 12px;
  margin-right: 6px;
}
span.save_doc_text_btn:hover {
  background: #08b55e;
  color: #fff;
}
span.save_doc_text_btn:hover i {
  color: #fff;
}
.tc_calendar_input_wrap .input_area input:focus {
  border: 1px solid #0e9aef;
}
.tc_calendar_body-inner .rcl-calendar span.cell.day.selected.today {
  color: #fff !important;
}
span.remove_assignee.remove_project {
  width: 13px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  opacity: 0;
}
.project-icon.dropdown:hover span.remove_assignee.remove_project {
  opacity: 1;
}
.due_date_anchor_btn {
  display: flex;
  align-items: center;
}
.due_date_anchor_btn:hover .remove_assignee.remove_project {
  opacity: 1;
}
.estimate_timer_default_text {
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.estimate_timer_default_text:hover .remove_assignee.remove_project {
  opacity: 1;
}
.custome_field-icon {
  width: 22px;
  display: inline-flex;
  align-items: center;
}
.custome_field-icon svg {
  width: 13px;
  height: 13px;
}
.notepad-editor-parent p::selection {
  background: #b5d6fd;
}
.custome_note_fol_label.custom_type_folder.folder-without-child {
  padding-left: 29px;
}
.capture-text-folder-icon .opened i.fas.fa-folder {
  display: none;
}
.capture-text-folder-icon .closed i.far.fa-folder {
  display: none;
}
.user_live_cursor {
  position: absolute;
  z-index: 9;
  white-space: nowrap;
}
.blinking-cursor {
  -webkit-animation: 1s blinking-cursor step-end infinite;
  -moz-animation: 1s blinking-cursor step-end infinite;
  -ms-animation: 1s blinking-cursor step-end infinite;
  -o-animation: 1s blinking-cursor step-end infinite;
  animation: 1s blinking-cursor step-end infinite;
}
@keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
@-moz-keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
@-webkit-keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
@-ms-keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
@-o-keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
.cursor_focus:after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: #1c9fef;
  left: -1px;
}
.list_header_inner_main.sec_bar_header_main
  .list_header
  .list_header_inner_left
  h4
  i {
  color: #0e9aef;
  padding-right: 6px;
}
.sec_bar_header_main .list_header .list_header_inner_left h4 i {
  color: #0e9aef;
  padding-right: 6px;
  font-size: 14px;
}
.list_header_inner_main.sec_bar_header_main .total_time_and_estimate_ctrl {
  border-left: 2px solid #dfe0e3;
  padding: 0 0 0 10px;
}
.sub_header_content {
  display: flex;
  align-items: center;
  padding: 4px 10px;
}
.sub_header_content span.outline_icon_ctrl {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.sub_header_content span.outline_icon_ctrl svg {
  width: 18px;
  height: 14px;
  display: block;
}
.sub_header_content span.outline_text {
  padding-left: 6px;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.search_bar_for_capture .short_order_icon_right {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  border-radius: 3px;
  justify-content: center;
  cursor: pointer;
  min-width: 26px;
  height: 26px;
  margin-left: 5px;
}
span.short_order_icon_right:hover {
  background: #f5f5f7;
}
span.short_order_icon_right:hover svg path {
  fill: #4d4d4d;
}
span.short_order_icon_right svg {
  width: 17px;
  height: 13px;
  display: block;
}
.list_header .list_header_inner_left h4 i {
  color: #0e9aef;
  padding-right: 6px;
}
.list_header_inner_main.sec_bar_header_main {
  border-bottom: 1px solid #d5d5d6;
  padding: 8px 10px 7px;
}
.sec_bar_sub_header .sec_bar_sub_header_inner {
  border-bottom: 1px solid #d5d5d6;
}
.selected_fol_dropdown span.chevron_down_icon_ctrl {
  display: inline-flex;
  vertical-align: middle;
  padding-left: 6px;
}
span.chevron_down_icon_ctrl i {
  font-size: 11px;
  color: #8e909a;
}
.Favourites_icon_ctrl i {
  color: #ffc400;
  font-size: 14px;
  padding-left: 10px;
  cursor: pointer;
}
.count_of_tasks_by_tags.count_right {
  margin-left: 6px;
  margin-right: 0;
}
.jnote_content_view_inner {
  padding: 38px 30px;
  width: 100%;
  float: left;
}
.jnote_content_body_wrap .main_heading {
  padding-bottom: 17px;
  border-bottom: 2px solid #0e9aef;
  margin-bottom: 10px;
}
.jnote_content_body_wrap .main_heading h1 {
  color: #262626;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 0;
  margin: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.jnote_content_view_inner .jnote_content_body_wrap {
  margin-bottom: 60px;
}
.jnote_content_body_wrap .sub_heading_with_timer {
  margin-bottom: 15px;
  border-bottom: 1px solid #e9e9eb;
  display: flex;
  align-items: flex-start;
  padding: 11px 11px 15px;
}
.add_new_fields_btn_inner {
  color: #333;
  font-size: 13px;
  cursor: pointer;
  padding: 7px 8px;
  border-radius: 3px;
}
.add_new_fields_btn {
  display: inline-flex;
  margin-left: auto;
  align-items: center;
}
.add_new_fields_btn_inner:hover {
  background: #ebebed;
}
.add_new_fields_btn_inner i {
  margin-right: 10px;
  color: #7e8187;
}
.sub_heading_with_timer .sub_heading_ctrl p {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  padding-bottom: 0;
  margin-bottom: 0;
  padding-right: 30px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.jnote_content_body_wrap .task_description {
  margin-bottom: 22px;
}
.jnote_content_body_wrap .task_description p {
  font-size: 13px;
  color: #666;
  padding: 0 11px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.sec_bar_collapse_label_main_active {
  border-bottom: 1px solid #0e9aef;
  background: #e6f5fe;
}
.sec_bar_collapse_label_main_active .grouped_by_section {
  border: 1px solid transparent !important;
}
.sec_bar_collapse_label_main .grouped_by_section:hover {
  background: #fafafa !important;
}
ul.column_layout.task_listing.collapse.in.ul_sec_bar_ctrl {
  padding: 0;
}
.ul_sec_bar_ctrl li.sub_capture span.task_draggable_number {
  left: 15px !important;
}
ul.column_layout.task_listing.ul_sec_bar_ctrl > li.sub_capture {
  padding: 0 15px 0 35px;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
ul.column_layout.task_listing.ul_sec_bar_ctrl > li:hover {
  background-color: #f8f8f8;
}
ul.column_layout.task_listing.ul_sec_bar_ctrl > li:hover {
  background-color: #fafafa;
  border-bottom: 1px solid #e9e9eb !important;
  border-top: 1px solid #e9e9eb !important;
}
.jnotes_primary-menu-list
  ul.column_layout.task_listing.list-size_active
  > li
  .task_list_ctrl {
  border-bottom: 1px solid #e9e9eb;
}
ul.column_layout.task_listing.ul_sec_bar_ctrl
  > li.sub_capture:hover
  .task_list_ctrl {
  border-bottom: transparent;
}
.project_list_inline_flex {
  display: flex;
  align-items: center;
  background: #fff;
  border-top: 1px solid #e9e9eb;
}
.project_hor_div .project_icon_ctrl svg {
  display: block;
  width: 16px;
  height: 14px;
  margin-right: 8px;
}
span.project_text {
  color: #333;
  font-size: 13px;
}
span.hor_common_count_sty {
  margin-right: 5px;
  color: #333;
  font-weight: 600;
}
.project_list_inline_flex .hor_devider {
  height: 32px;
  width: 1px;
  background: #e9e9eb;
}
.assignee_hor_div span.project_icon_ctrl svg {
  margin-right: 7px;
  fill: #151b26;
  width: 26px;
  display: block;
  opacity: 0.4;
  height: 12px;
}
.tags_hor_div {
  display: inline-flex;
  padding: 0 11px;
  cursor: pointer;
}
.project_list_inline_flex .hor_div_common_sty:hover {
  background: #ebebed;
}
.tags_hor_div span.project_icon_ctrl i {
  margin-right: 7px;
  color: #151b26;
  width: 15px;
  opacity: 0.4;
  height: 12px;
}
li.ver_bar_icon_ctrl svg {
  width: 13px;
  height: 13px;
}
li.ver_bar_icon_ctrl .panel_icon_ctrl:hover {
  border-radius: 100%;
  background: #ebebed;
}
.border_wrap_full_width {
  border: 1px solid #e9e9eb;
  border-radius: 3px;
}
.add_new_fields_btn_inner i {
  margin-right: 8px;
  color: #7e8187;
  font-size: 12px;
}
.project_list_inline_flex div.hor_div_common_sty {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 8px;
  border: 1px solid transparent;
}
.common_view_button.icon_ctrl_three_panel_view.active svg path,
.common_view_button.icon_ctrl_three_panel_view.active svg rect {
  fill: #ffffff;
  opacity: 1;
}
.project_hor_div span.project_icon_ctrl svg .b {
  fill: #979eab;
}
.custome_note_fol_label.custom_type_folder span.task_draggable_number.rcl {
  top: 7px !important;
}
span.tc_notepad_expande_icon_ctrl:hover {
  background: #f5f5f7;
}
.jnote_content_view_full_width {
  display: flex;
  width: 100%;
}
.expand-icon_ctrl {
  cursor: pointer;
}
.expand-icon_ctrl svg {
  fill: #151b26;
  width: 16px;
  height: 16px;
}
.expand-icon_ctrl:hover svg path {
  fill: #000;
  opacity: 0.8;
}
ul.vertical_bar_ul > li.active .panel_icon_ctrl svg {
  fill: rgb(14, 154, 239) !important;
  opacity: 1 !important;
  width: 13px;
  height: 13px;
}
ul.vertical_bar_ul > li.active .panel_icon_ctrl i,
ul.vertical_bar_ul > li.active .panel_icon_ctrl svg * {
  fill: #ffffff !important;
  color: #fff !important;
}
.animated_preview_panel_container {
  position: relative;
  background: #fff;
  border-left: 1px solid #dadce0;
  border-right: 1px solid #dadce0;
  float: left;
  width: 40%;
}
.settings.with_margin.subtask_dropdown.template_dropdown
  .dropdown
  .list-view-dropdown {
  border-radius: 20px !important;
  padding: 5px 9px !important;
  border: 0;
  line-height: 18px;
  border: 1px solid transparent;
}
.settings.with_margin.subtask_dropdown.template_dropdown
  .dropdown.open
  .list-view-dropdown
  svg
  path {
  fill: #2680eb !important;
}
.settings.with_margin.subtask_dropdown.template_dropdown
  .dropdown.open
  .list-view-dropdown
  strong {
  color: #2680eb !important;
}
.settings.with_margin.subtask_dropdown.template_dropdown {
  display: inline-block;
}
.settings.with_margin.subtask_dropdown.template_dropdown
  .dropdown-menu.theme_dropdown_with_icon_text.dropdown-right {
  left: 0;
  top: 32px !important;
}
.settings.with_margin.subtask_dropdown.template_dropdown
  .dropdown-menu.dropdown-right
  ul
  li {
  padding: 4px 19px 6px 38px;
  line-height: normal;
}
.settings.with_margin.subtask_dropdown.template_dropdown .dropdown-menu {
  min-width: 193px !important;
}
.subtask_dropdown.template_dropdown
  .dropdown-menu.dropdown-right
  ul
  li.active:before {
  left: 14px;
}
.settings.with_margin.subtask_dropdown.template_dropdown .mcd_search_box {
  padding: 5px 10px;
}
.settings.with_margin.subtask_dropdown.template_dropdown .mcd_search_box input {
  height: 28px;
  padding: 3px 8px 4px 30px;
}
.settings.with_margin.subtask_dropdown.template_dropdown .mcd_search_box i {
  top: 14px;
  left: 20px;
}
li.set_default_template {
  border-top: 1px solid #e9e9eb;
  padding-top: 6px !important;
}
.settings.template_dropdown .list-view-dropdown.dropdown-toggle {
  background: #f5f5f7;
  border-radius: 20px !important;
  opacity: 1;
}
.settings.with_margin.subtask_dropdown.template_dropdown
  .mcd_search_box
  input:focus {
  border: 1px solid #2680eb !important;
}
.settings.with_margin.subtask_dropdown.template_dropdown
  .dropdown
  .list-view-dropdown:hover {
  background: #f2f2f2;
  border: 1px solid #d4d8db !important;
}
.settings.with_margin.subtask_dropdown.template_dropdown
  .dropdown.open
  .list-view-dropdown {
  border: 1px solid #d4d8db !important;
}
.notepad-editor-wrapper.word_wrap_on {
  word-break: break-word;
}
.editor_line_count.word_wrap_on {
  display: none;
}
.notepad-editor-wrapper.word_wrap_on {
  left: 0;
  width: 100%;
}
.notepad_count_gutter > span {
  width: 100%;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.note_book_editbar .word_wrap_off .content {
  padding-left: 7px;
}
.note_book_editbar .word_wrap_on .content {
  padding-left: 7px;
}
.word_wrap_off .notepad_working_area_container {
  width: auto;
  display: inline-flex;
}
.notepad_working_area {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.word_wrap_off .notepad-editor-parent {
  width: auto;
}
.notepad-editor-wrapper.word_wrap_on {
  left: 0;
  width: 100%;
}
.settings.with_margin.subtask_dropdown.template_dropdown
  .dropdown
  .list-view-dropdown
  svg
  path {
  fill: #2680eb !important;
}
.hide-show-fields .toggle_tree_section_innr {
  border: 1px solid transparent;
}
.delete-confirmation > p {
  margin-bottom: 15px !important;
}
.deletealert_modal_ctrl .confirm-remove-category__icon.icon svg g {
  opacity: 1;
}
button.close.close_bg_on_hover {
  position: absolute;
  right: 10px;
  top: 14px;
  left: auto;
  margin-right: 0;
}
ul.vertical_bar_ul > li .panel_icon_ctrl {
  width: 26px !important;
  height: 26px !important;
}
.notepad-editor-parent p:focus {
  background: #f5f5f7;
}
.active_use_count .active_use_count_circle_ctrl {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #0e9aef;
  color: #fff;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  cursor: pointer;
  font-weight: 600;
}
.dropdown-menu.dropdown_open_custom_width .form-group input {
  color: #465369;
  border-radius: 3px;
}
.dropdown-menu.dropdown_open_custom_width .btn_row_justify_end {
  display: flex;
  justify-content: flex-end;
}
.dropdown-menu.dropdown_open_custom_width {
  left: -300px;
  padding: 0;
  width: 500px;
  cursor: auto;
  box-shadow: 0 2px 6px #00000029 !important;
  border: 1px solid #d3d6db !important;
}
.dropdown-menu.dropdown_open_custom_width .form-control,
.single-line {
  color: #465369;
  border-radius: 3px;
  font-weight: 400;
}
.dropdown-menu.dropdown_open_custom_width .form-group label {
  font-size: 13px;
  color: #353535;
  font-weight: 600 !important;
  display: block;
  margin-bottom: 8px;
}
.btn_row_justify_end .btn {
  padding: 4px 7px;
  font-size: 13px;
}
.btn_row_justify_end .btn + .btn {
  margin-left: 5px;
}
.dropdown-menu.dropdown_open_custom_width .repeat_custom_field_options_ctrl {
  padding-right: 0;
}
.full-width-row.common-form-row-ctrl.mb_auto {
  margin-bottom: 0;
}
.dropdown-menu.dropdown_open_custom_width .selection_field_type {
  border-radius: 3px;
}
.views_widget_main_ctrl.text_capture_views_ctrl
  .common_view_button.icon_ctrl_list_view {
  padding: 5px 7px !important;
}
.tc_calendar_body .tc_calendar_body-inner .mcd_client_list {
  width: 100%;
}
.tc_calendar_body .tc_calendar_body-inner .mcd_client_list {
  min-width: 246px;
  width: 246px;
}
span.cell.day.today:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 14px;
  background: #fff;
  bottom: 4px;
  left: 0;
  right: 0;
  margin: auto;
}
.start_date_due_date_input {
  display: inline-flex;
  padding: 10px 0;
  width: 100%;
  margin-bottom: 5px;
  border-bottom: 1px solid #f0f0f0;
}
.start_date_due_date_input .start_date {
  width: 42%;
  padding-right: 5px;
  padding: 0 0 0 10px;
}
.start_date_due_date_input .start_date input {
  width: 100%;
  height: 30px;
  border-radius: 4px;
  background: #ebebed;
  border: 1px solid #ebebed;
  padding: 0 10px;
}
.start_date_due_date_input .due_date {
  width: 60%;
  padding: 0 10px;
}
.start_date_due_date_input .due_date input {
  border-radius: 4px;
  height: 30px;
  border: 1px solid #e5e6e7;
  padding: 0 10px;
  font-size: 13px;
  width: 100%;
}
.start_date_due_date_input input::placeholder {
  font-size: 13px;
  color: #49494a;
}
.start_date_due_date_input input:focus {
  border: 1px solid #24a2ef;
}
.start_date_due_date_input label {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 400;
}
.comment_box_ctrl button.cancel_button.btn_cancel {
  position: absolute;
  bottom: 10px;
  right: 80px;
  background: #f3f3f3;
  padding: 5px 9px;
  border-radius: 3px;
  border: 0;
  font-size: 13px;
  z-index: 9;
}
.vbD_comments_activity_ctrl .comments_text p {
  margin-bottom: 0;
}
.comments_area.comment_area_right .comments_text .comment_text_bg {
  padding: 6px 10px;
  border-radius: 16px;
  width: fit-content;
  position: relative;
}
.main_sidepanel_ctrl_for_verticalBar
  .comments_area.comment_area_right
  .comments_text
  .comment_text_bg {
  width: 100%;
}
#docCommentDropdownPopupSection
  .comments_area.comment_area_right
  .comments_text
  .comment_text_bg {
  width: 100%;
}
.comments_area.comment_area_right .comments_text {
  background: 0 0 !important;
  padding: 0 !important;
  display: inline-flex;
}
.comments_area .commented_by {
  margin-top: 3px !important;
}
.notepad_working_area_container.content-no-word-wrap {
  display: inline-grid;
  width: 100% !important;
}
.dropdown-menu.dropdown_open_custom_width .add_more_column_dropdown {
  display: flex;
}
.hidden_custom_field_ctrl {
  border-right: 1px solid #d3d6db;
  width: 40%;
}
.add_more_column_dropdown .dropdown_label_top {
  padding: 10px 15px;
  font-size: 12px;
  color: #8f8f8f;
  background: #f5f5f5;
  font-weight: 600;
  border-bottom: 1px solid #d3d6db;
}
.hidden_custom_field_inner_margin .ul_range li {
  display: flex;
  padding: 8px 15px;
}
.ul_range li .hidden_field_text {
  font-size: 13px;
  color: #707070;
  font-weight: 400;
}
.hidden_custom_field_inner_margin .ul_range li:hover {
  background: #f8f8f8;
}
.ul_range li .hidden_eye_icon i {
  color: #aeaeae;
}
ul.ul_range li .hidden_eye_icon {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.create_new_field_ctrl .inner_group_margin {
  padding: 10px 15px;
}
.hidden_custom_field_ctrl {
  border-right: 1px solid #d3d6db;
  width: 40%;
}
.create_new_field_ctrl {
  width: 60%;
}
span.custom-field-icon_ctrl i {
  font-size: 13px;
  margin-right: 10px;
}
span.custom-field-icon_ctrl svg {
  width: 13px;
  height: 13px;
  margin-right: 10px;
  display: block;
}
.create_new_field_ctrl .custom_field_type_ctrl .dropdown-menu {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin-top: 0;
  border-top: 0 !important;
}
.dropdown-menu.dropdown_open_custom_width .selection_field_type {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.comment_text_bg ul,
ol {
  margin-bottom: 0;
}
.tooltip_custom_popup {
  position: absolute;
  top: 100%;
  z-index: 9999999;
  display: none;
  margin-top: 4px;
}
.tooltip_custom_popup_body .total_time_and_estimate_ctrl {
  display: inline-flex;
  border-left: 0;
  margin: 0;
  padding: 0;
}
.total_time_tooltip {
  width: 200px;
  margin: auto;
  text-align: left;
  background: rgba(21, 27, 38, 0.97) !important;
  color: #f6f8f9;
  padding: 10px;
  border-radius: 4px;
  opacity: 1;
  position: relative;
  top: 2px;
  font-size: 11px;
}
.total_time_tooltip.arrow_box_top.dropdown-right:before {
  border-bottom-color: #000;
  top: -15px;
  left: 50%;
  transform: translate(-50%, 0);
}
.total_time_tooltip.arrow_box_top.dropdown-right:after {
  display: none !important;
}
.total_time_and_estimate_ctrl.tooltip_on_hover {
  position: relative;
  cursor: pointer;
  margin-right: 4px;
}
.task_list_discription {
  margin-top: 12px;
}
.total_time_and_estimate_ctrl.tooltip_on_hover:hover .tooltip_custom_popup {
  display: block;
}
.favorites_sec .common_me_element_ctrl {
  padding: 5px 15px 5px 13px;
}
.me_section_ctrl.bottom_margin_auto.favorites_sec i {
  font-size: 10px;
  display: block;
  color: #8c93a1;
}
.text_folder_sec_border {
  border-bottom: 1px solid #d5d5d6;
  padding-bottom: 7px;
}
.favorites_sec .common_me_element_ctrl:hover {
  background: #e7e7ec;
}
.dropdown-menu.dropdown_open_custom_width .add_more_column_dropdown {
  display: flex;
}
.hidden_custom_field_ctrl {
  border-right: 1px solid #d3d6db;
  width: 40%;
}
.add_more_column_dropdown .dropdown_label_top {
  padding: 5px 10px;
  font-size: 12px;
  color: #333;
  background: #f5f5f7;
  font-weight: 600;
  border-bottom: 1px solid #d3d6db;
  justify-content: center;
  display: flex;
  text-align: center;
}
.hidden_custom_field_inner_margin .ul_range li {
  display: flex;
  padding: 6px 15px;
  cursor: pointer;
}
.ul_range li .hidden_field_text {
  font-size: 13px;
  color: #707070;
  font-weight: 400;
}
.hidden_custom_field_inner_margin .ul_range li:hover {
  background: #f8f8f8;
}
.ul_range li .hidden_eye_icon i {
  color: #aeaeae;
}
ul.ul_range li .hidden_eye_icon {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.create_new_field_ctrl .inner_group_margin {
  padding: 10px 15px;
  overflow: auto;
}
.hidden_custom_field_ctrl {
  border-right: 1px solid #d3d6db;
  width: 270px;
  position: relative;
  min-width: 270px;
  background-color: #fff;
  transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
  -ms-transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
}
.create_new_field_ctrl {
  width: 270px;
  position: relative;
  min-width: 270px;
  background-color: #fff;
  transition: right 0.3s ease-in-out;
  -webkit-transition: right 0.3s ease-in-out;
  -ms-transition: right 0.3s ease-in-out;
  -moz-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
}
.add_more_column_dropdown .create_new_task_ctrl {
  padding: 4px 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
span.back_hidden_field_ctrl {
  width: 29px !important;
  height: 28px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
span.back_hidden_field_ctrl i {
  font-size: 14px;
  color: #8c94a2;
}
span.back_hidden_field_ctrl:hover {
  background-color: #f5f5f7;
}
span.custom-field-icon_ctrl i {
  font-size: 13px;
  margin-right: 10px;
}
span.custom-field-icon_ctrl svg {
  width: 13px;
  height: 13px;
  margin-right: 10px;
  display: block;
}
.create_new_field_ctrl .custom_field_type_ctrl .dropdown-menu {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin-top: 0;
  border-top: 0 !important;
}
ul.hidden_fields_scroller_ctrl li + .no_connected_task_text_center {
  display: none;
}
ul.hidden_fields_scroller_ctrl {
  overflow: auto;
  height: 174px;
}
ul.hidden_fields_scroller_ctrl li .hidden_field_text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 88%;
}
.dropdown-menu.dropdown_open_custom_width .selection_field_type {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.theme_calenda_wrap_ctrl .theme_calenda_wrap_inner {
  cursor: auto;
}
.custome_note_fol_label.custom_type_text .capture_text_three_dot {
  right: 1px;
}
textarea.innertTextContent.cp_task_name.editable_content.teams_folder {
  background: #fff;
  z-index: 1;
}
ul.dropdown-menu.theme_dropdown_with_icon_text.icon_ctrl svg {
  width: 14px !important;
  height: 14px;
}
div#draggable_tree_drag_placeHolder.tree-node.open.draggable-placeholder {
  height: auto;
  position: absolute;
  width: 100% !important;
}
.chevron_tc_header_dropdown .four_column.sorting_dropdown.list-view-dropdown {
  padding: 0 4px;
  background: 0 0;
  border: 1px solid transparent;
  margin-left: 8px;
}
.chevron_tc_header_dropdown span.separator {
  border-bottom: 1px solid #e9e9eb;
  width: 100%;
  height: 1px;
  margin: 0;
  display: block;
}
.chevron_tc_header_dropdown .sorting_dropdown + .theme_dropdown_with_icon_text {
  margin-left: -7px;
}
a.favorite_icon_ctrl_three_dot {
  padding: 6px 10px !important;
  margin: 0 !important;
  line-height: 18px !important;
  color: #252222 !important;
  font-size: 13px;
}
a.favorite_icon_ctrl_three_dot i {
  margin-right: 8pt;
}
a.heading-title.highlight_color_text {
  padding: 6px 10px !important;
  margin: 0 !important;
  line-height: normal !important;
}
a.heading-title.highlight_color_text i.fas.fa-chevron-right.right-carot {
  right: -3px !important;
  top: 2px !important;
}
.scroller_sec_outer .ps__rail-x {
  display: none !important;
}
.btn_row_justify_end {
  display: flex;
  justify-content: flex-end;
}
.create_new_field_ctrl .repeat_custom_field_options_ctrl {
  padding-right: 0 !important;
}
.tree-node.open.dragging .capture_text_three_dot {
  opacity: 0;
}
.close.capture_full_view_modal_clode_btn {
  height: 20px;
  width: 20px;
  top: -9px !important;
  right: 0 !important;
}
.four_column_view_dropdown.dropdown.hide-show-fields li.ui-sortable-handle {
  font-size: 13px;
  color: #252222;
  font-weight: 400;
}
.captures_data_ctrl_placeholder.table_data_list_flex
  .four_column.sorting_dropdown {
  padding: 0;
  border: 0;
  top: 2px;
  position: relative;
}
.four_column.sorting_dropdown:hover,
.table_data_list_flex .dropdown.open > .four_column.sorting_dropdown {
  background-color: transparent;
  border: 0;
}
.four_column.sorting_dropdown:hover,
.table_data_list_flex .dropdown.open > .four_column.sorting_dropdown {
  background-color: transparent !important;
  border: 1px solid transparent !important;
}
.task_list_data_placeholder.table_data_list_flex
  .toggle-chevron.with_label
  > .fa-chevron-down {
  padding: 0 !important;
}
.task_list_data_placeholder.table_data_list_flex
  .toggle-chevron.with_label
  > .fa-chevron-down {
  top: 0 !important;
  position: relative !important;
}
.task_list_data_placeholder.table_data_list_flex {
  display: flex;
  align-items: center;
}
.task_assignee_list_placeholder .dropdown .fa-chevron-down {
  display: block;
}
.table_data_list_flex .dropdown-menu.theme_dropdown_with_icon_text > a:hover {
  color: #252222;
  background-color: #f5f5f5;
}
.table_data_list_flex .dropdown-menu.theme_dropdown_with_icon_text > a {
  color: #252222;
  font-size: 13px;
  font-weight: 400;
}
.table_data_list_flex .sorting_dropdown + .theme_dropdown_with_icon_text {
  margin-top: 10px !important;
}
table_data_list_flex .four_column.sorting_dropdown {
  border: 1px solid transparent !important;
  background: 0 0;
}
.remove_assignee.remove_project.remove_due_date {
  top: -15px !important;
  bottom: 0;
  margin: auto;
  right: -10px !important;
}
.due_date_column_ctrl a.due_date_anchor {
  position: relative;
}
.mcd_client_list span.cell.day.today:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  background: #0f9aef;
  bottom: 4px;
}
.list_header_inner_right .four_column.sorting_dropdown:hover {
  background: #f5f5f7 !important;
  opacity: 1;
  border: 1px solid #e9e9eb !important;
}
.four_column_view_dropdown.groupBy_dropdown
  .four_column.sorting_dropdown:hover {
  background: #f5f5f7 !important;
  opacity: 1;
  border: 1px solid #e9e9eb !important;
}
.mcd_client_list ul.inlist.assignee_dropdown > li.active .assignee_text {
  width: 130px;
}
#EmailParticipantDropdown
  .mcd_client_list
  ul.inlist.assignee_dropdown
  > li.active
  .assignee_text {
  width: 110px;
}
#EmailParticipantDropdown.common_innr_dropdown {
  min-width: 240px;
}
#EmailAssigneeDropdown
  .mcd_client_list
  ul.inlist.assignee_dropdown
  > li.active
  .assignee_text {
  width: 110px;
}
#EmailAssigneeDropdown.common_innr_dropdown {
  min-width: 240px;
}
.panel_content_wrapper.panel_content_wrapper_ctrl {
  flex-direction: unset;
  height: calc(100vh - 60px);
}
.panel_content_wrapper.panel_content_wrapper_ctrl .comment_box_ctrl {
  position: absolute;
}
.panel_content_wrapper.panel_content_wrapper_ctrl .wrapper-clm-bg {
  position: relative;
  width: 100%;
}
.preview_half_wrap_ctrl {
  width: 100%;
  border: 1px solid #dadce0;
}
.common_quick_tab .panel_icon_ctrl svg {
  height: 13px;
  width: 13px;
  fill: #7f8288;
  opacity: 1 !important;
}
.common_quick_tab .panel_icon_ctrl svg path {
  fill: #7f8288;
}
.common_quick_tab.active .panel_icon_ctrl svg path {
  fill: #0e9aef !important;
}
.dropdown.add-custom-fields.in_preview_panel .acf_icon_ctrl i {
  cursor: pointer;
}
.tags-container .tags-icon i {
  color: #7f8288;
  font-size: 12px;
}
.custome_field-icon svg path {
  fill: #7f8288;
}
.subtask-container .subtask-icon svg {
  fill: #7f8288 !important;
  display: block;
}
.in_review_cus_icon_ctrl .check-box-custom {
  margin: 0 !important;
}
.in_review_cus_icon_ctrl {
  width: 21px;
}
.modal-dialog.modal-xl.details_pane_in_modal_ctrl.modal_fifty_fifty_view_ctrl {
  height: calc(100vh - 60px);
}
.modal_fifty_fifty_view_ctrl .pre_view_modal_right_view_ctrl {
  width: 100%;
  border-left: 1px solid #d4d8db;
}
.modal_fifty_fifty_view_ctrl .panel_content_wrapper {
  width: 100%;
}
.modal_fifty_fifty_view_ctrl .preview_pane_top_header_main {
  padding: 8px 14px !important;
  border-bottom: 1px solid #e9e9eb;
  height: 40px;
}
.pre_view_modal_right_view_inner .preview_pane_top_header_second {
  padding: 13px;
  border-bottom: 1px solid #d4d8db;
}
.pre_view_modal_right_view_inner
  .timer_class_div.timer_in_list.start_timer_div
  i {
  margin-right: 8px;
}
span.Start.time.tracker_text {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}
.thumbnail-view-preview-panel input.attachment-name {
  position: absolute;
  width: 100%;
  z-index: 1;
  background: #fff;
  margin: 0;
  padding: 0;
  line-height: normal;
  top: 0;
  height: 100%;
}
.modify_timer_three_dot.four_column .time_entry_option > i {
  display: block;
  font-size: 12px;
}
ul.time_entried_ul_ctrl > li.timer_entries_dropdown_li .timer-edit-div {
  display: flex;
  align-items: center;
}
.comments_innr_header .dropdown-menu.dropdown-right {
  right: -13px !important;
}
.attach_action_icon_on_hover {
  display: inline-flex;
  opacity: 0;
  width: 100%;
  height: 18px;
  background: #efefef;
  justify-content: center;
  transition: 0.2s all cubic-bezier(0.68, 0.34, 1, 1);
}
.thumbnail-preview:hover .attach_action_icon_on_hover {
  opacity: 1 !important;
}
.thumbnail-view-preview-panel .thumbnail-preview .attach-action-icon {
  background: 0 0 !important;
}
.thumbnail-view-preview-panel input.attachment-name:focus {
  border: 1px solid #0e9aef;
  outline-color: #0e9aef;
}
span.remove_tags {
  border: 0 !important;
  top: -8px !important;
  right: -3px !important;
}
.attachment_view_modal_ctrl .modal-header {
  padding: 10px 15px;
  position: relative;
  display: flex;
  align-items: center;
}
.attachment_rename_ctrl {
  align-items: center;
  vertical-align: middle;
}
.attachment-name.attachment_rename {
  font-weight: 600;
  color: #000;
}
.attach-action-icon.mp_attach_action_icon {
  display: flex;
  margin-left: auto;
}
.attach-action-icon.mp_attach_action_icon span {
  padding: 4px 7px;
  margin: 0 4px 0 0;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #343434;
  height: 30px;
  display: inline-flex;
  align-items: center;
}
.preview_page_zoom_ctrl_widget.zoom-ctrl-preview_Details.mp_zoom_ctrl {
  width: 6%;
  top: 0;
}
.attachment_view_modal_ctrl .modal-header .modal-title {
  font-size: 16px;
  color: #000;
}
.attachment_view_modal_ctrl iframe {
  border: 0;
}
.attachment_view_modal_ctrl .modal-dialog {
  width: calc(100% - 30px);
  height: calc(100vh - 60px);
}
.attachment_view_modal_ctrl iframe {
  border: 0;
  height: calc(100% - 61px);
  background: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.attachment_view_modal_ctrl iframe img {
  display: block;
  margin: auto;
}
.attach-action-icon.mp_attach_action_icon span i {
  padding-right: 8px;
  color: #828282;
}
.attach-action-icon.mp_attach_action_icon span:hover {
  background-color: #f5f5f7;
  cursor: pointer;
  border: 1px solid #d5d5d66e;
}
span.user_identity.view_details_bug_created_by_name_first.attach_user_identity {
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.attachment__mp_header {
  display: flex;
  align-items: center;
  width: 100%;
}
.grouped_by_section.group_by_list_parent {
  cursor: pointer;
}
.add_new_task_bottom_btn {
  position: relative;
}
.attachment-list .attach-action i {
  color: #151b26;
  opacity: 0.55;
}
.attachment-list:hover .attach-action .attach-action-icon span i:hover {
  opacity: 1 !important;
}
.attach_action_icon_on_hover span i {
  font-size: 12px;
  color: #151b26;
  opacity: 0.55;
}
.filter_boolean_val.condition_caregory input[type="text"]:focus {
  border: 1px solid #0e9aef !important;
}
li.add-custom span i.fas.fa-plus {
  margin-right: 0 !important;
}
.af_innr_dropdown_search_box_ctrl input[type="text"]:focus {
  border: 1px solid #0e9aef !important;
}
.modify_timer_modal_popup
  .modal-body
  .edit_description_main_div
  textarea:focus {
  border: 1px solid #0e9aef;
}
.bug_submittion_time {
  min-width: auto !important;
  text-align: left !important;
}
.bug_created_by_name {
  margin-right: 6px !important;
}
.cp_task_created_at.due_date_column_text {
  position: relative;
}
.cp_task_created_at.due_date_column_text .remove_assignee.remove_project {
  position: absolute;
  opacity: 0;
  top: -14px !important;
  bottom: 0;
  margin: auto;
  right: -10px !important;
}
.cp_task_created_at.due_date_column_text:hover .remove_assignee.remove_project {
  opacity: 1;
}
.cp_task_created_at.due_date_column_text .remove_assignee.remove_project i {
  font-size: 10px;
}
.thumbnail-view-preview-panel .thumbnail-preview .attach-action-icon span {
  opacity: 1 !important;
  display: inline-flex;
  align-items: center;
}
.attach_action_icon_on_hover span:hover i {
  opacity: 1;
}
.sort_by_capture_assignees.common_sort_by
  .grouped_by_section.group_by_list_parent {
  width: 100%;
}
span.group_label_text_limitter.name_of_assignee_in_sorting {
  width: max-content;
}
.grouped_by_label {
  display: inline-flex;
}
.tv_header_column:hover .dropdown.tv_header_column_dropdown > i {
  opacity: 1;
}
ul.captures_data_ctrl_placeholder
  .task_list_data_placeholder:hover
  .toggle-chevron.with_label
  i {
  opacity: 1;
}
.task_list_data_placeholder
  .four_column.sorting_dropdown
  .toggle-chevron.with_label
  .fas.fa-caret-down {
  color: #3c4152 !important;
  display: block;
  font-size: 12px;
  top: 0;
  padding: 4px 7px;
  margin-right: 0;
}
.task_list_data_placeholder
  .dropdown.open
  .four_column.sorting_dropdown
  .toggle-chevron.with_label
  .fas.fa-caret-down {
  opacity: 1;
  color: #0e9aef !important;
}
.table_data_list_flex .dropdown {
  position: absolute;
  right: 0;
}
.table_data_list_flex {
  position: relative;
}
.sidebar_assignee_initial span.assignee_initial i {
  font-size: 9px;
  display: block;
}
button.add_comment_btn_ctrl {
  background: #f5f5f7;
  display: flex;
  margin-left: auto;
  border: 1px solid #dee5f1;
  padding: 3px 4px;
  color: #333;
  font-size: 11px;
  line-height: normal;
  border-radius: 3px;
}
.no_comments_found_div {
  text-align: center;
  height: 115px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.comment_activity_main_content_ctrl {
  height: 100% !important;
  padding-top: 0;
  min-height: calc(100vh - 550px) !important;
  position: relative;
}
.list-view-comment .comment_activity_main_content_ctrl {
  min-height: 120px !important;
}
.no_comments_found_div svg {
  width: 60px;
  display: block;
  margin: auto;
}
.comments_area.comment-by-chatty .commented_innr_ctrl {
  width: 100%;
}
.comments_area.comment-by-chatty {
  max-width: 100%;
  margin-bottom: 16px;
  position: relative;
  padding-left: 0;
  margin: 0;
  padding-bottom: 20px;
}
.comments_area.comment-by-chatty .commented_innr_ctrl {
  width: 100%;
  display: flex;
  align-items: center;
}
span.bug_submittion_time.view_details_task_creation_time {
  display: flex;
  margin-left: auto;
  color: #83898e;
  opacity: 0.76;
  font-size: 12px;
  font-weight: 400;
  font-weight: 400;
}
.comments_innr_header .comments_text {
  max-width: 65% !important;
}
span.bug_created_by_name.view_details_bug_created_by {
  align-items: center;
  overflow: unset;
  white-space: unset;
  max-width: 100% !important;
  color: #333;
  font-size: 13px;
  font-weight: 600;
}
span.bug_created_by_name.view_details_bug_created_by span.comments_text {
  width: auto;
  font-weight: 400;
  color: #83898e;
  opacity: 0.76;
  float: unset;
}
span.comments_text_wrap_ctrl {
  padding-right: 5px;
  font-weight: 400;
  color: #000;
  font-size: 13px;
}
.blockMainActivity .activity_text,
.blockMainActivity .comments_text_wrap_ctrl {
  font-size: 15px;
  font-weight: 600 !important;
  opacity: 1 !important;
}
.vbD_comments_activity_ctrl .comments_innr_header {
  align-items: start;
  width: 100%;
  display: block !important;
}
.comments_area.comment_area_right.comment_area_byself .commented_innr_ctrl {
  padding-left: 5px;
  display: flex;
  width: 100%;
}
.comments_area.comment_area_right.comment_area_byself .comments_text {
  float: left;
}
.attachment_div_activity .doc-file {
  text-align: left;
  display: block;
  margin: 0;
  padding: 10px;
}
.attachment_div_activity_image {
  display: block;
  cursor: pointer;
  float: left;
  margin-left: 5px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  padding: 0;
  border-radius: 3px;
  margin-top: 0;
  max-width: 100%;
  box-sizing: border-box;
  word-break: break-all;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  border: 1px solid #dadce0;
}
.created_by_attach {
  display: block;
  align-items: center;
  padding-left: 5px;
  line-height: normal;
}
.comments_text.comment_attach_ctrl {
  text-align: center;
  margin: 0;
  padding: 0;
}
.comments_text.comment_attach_ctrl {
  text-align: left !important;
  margin: 0;
  padding: 0 !important;
  display: block;
  float: none;
  margin-left: 0 !important;
  background-color: transparent;
  border-radius: 0;
  margin-top: 0;
  max-width: 100%;
  width: 100%;
}
.attachment_name_download_section .comment-download-file {
  display: none !important;
}
.attachment_div_activity_image img {
  max-width: 100% !important;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.attachment_name_download_section > span {
  font-size: 11px;
  color: #83898e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment_div_activity .download_attachment {
  margin-top: 2px !important;
  width: 100%;
}
.comment_area_byself .bug_created_by_name.view_details_bug_created_by {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  max-width: 150px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vbD_comments_activity_ctrl ul.pills_ul > li {
  padding: 5px 15px !important;
  font-size: 12px;
  background: #f5f5f7;
  color: #333;
  font-weight: 600;
  margin: 0 5px;
}
.preview_pane_Comments_and_activity span.dropicon {
  margin: auto;
  margin-top: 4px;
}
.comments_activity_pill_ctrl ul.pills_ul {
  margin: 20px 0 20px;
}
.comments_area.comment_area_right {
  margin: 0;
  position: relative;
}
.activity_list_ctrl .comments_area.comment_area_right {
  padding-bottom: 20px;
}
.comments_area.comment_area_right.comment_area_byself.comment_area_byself_ctrl
  .comments_text_wrap_ctrl {
  color: #0e9aef;
}
.tab-pane.comments_list_ctrl.comments_area_outer_div_front.self_active_comments
  .comments_text {
  float: left;
}
.comments_area.comment_area_right.comment_area_byself .comment_text_bg {
  color: #333;
  font-size: 13px;
  border: 1px solid #edeff0;
  background-color: rgb(14 154 239 / 10%) !important;
}
.tab-pane.comments_list_ctrl.comments_area_outer_div_front.self_active_comments
  .commented_innr_ctrl {
  display: inline-block;
  width: 100%;
}
.tab-pane.comments_list_ctrl.comments_area_outer_div_front.self_active_comments.active
  .bug_submittion_time.view_details_task_creation_time {
  margin-left: 0;
  display: inline-flex;
}
.comments_area.comment-by-chatty .comments_text {
  float: left !important;
  font-size: 13px;
  background-color: rgba(224, 225, 226, 0.32);
  border-radius: 6px;
  padding: 10px;
  border: 1px solid rgba(201, 202, 203, 0.32);
  border-top-left-radius: 0;
  color: #323333;
}
.no_comment_found {
  font-size: 16px;
  color: #353535;
  font-weight: 600;
  margin-top: 0;
}
.field_edit_data_btn_ctrl {
  display: flex;
  align-items: center;
}
a.delete_custome_fields {
  text-align: left !important;
  color: #f16c79;
}
.field_edit_data_btn_ctrl .edit_btn_ctrl {
  display: flex;
  margin-left: auto;
}
a.delete_custome_fields i {
  padding-right: 4px;
}
button.add_comment_btn_ctrl:hover {
  background: #0e9aef;
  color: #fff;
}
.attachment_div_activity .download_attachment > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
  padding-left: 8px;
}
.attachment_div_activity .download_attachment .comment-download-file {
  overflow: unset;
  text-overflow: ellipsis;
  margin-left: auto !important;
}
.attachment_div_activity.attachment_doc_ctrl {
  display: flex;
  padding: 0;
  width: 100%;
}
.separated_comments_activity_wrapper .comments_activity_pill_ctrl {
  position: static !important;
  margin: auto;
}
.separated_comments_activity_wrapper .comment_activity_main_content_ctrl {
  height: calc(100vh - 282px) !important;
}
.unassigned_section .unassigned_section_sgv svg {
  width: 20px;
  height: 20px;
}
.attach_action_icon_on_hover span i.fas.fa-times {
  color: #ed4758;
}
.gray_theme_custom_sidebar
  span.email-search-left
  .clear-text-search-left:hover {
  opacity: 1;
}
.task-description-wrapper .task-description-textarea {
  color: #676a6c !important;
  opacity: 1 !important;
}
.task-description-wrapper {
  bottom: -6px;
}
.task-description-wrapper .task-description-textarea {
  min-height: 60px !important;
  max-height: 426px;
  overflow: auto;
}
.task_description_quill_editor.description_mp_ctrl.task-description-textarea {
  max-height: 507px;
}
.previw-right-cl span.close_preview_pane_modal svg {
  width: 13px;
  height: 13px;
  opacity: 0.55;
}
.previw-right-cl span.close_preview_pane_modal {
  opacity: 1;
}
.previw-right-cl span.close_preview_pane_modal svg:hover {
  opacity: 1;
}
button.discription_full_resize svg:hover {
  opacity: 1;
}
button.discription_full_resize:hover {
  color: #151b26;
  opacity: 1;
  border: 1px solid #e8e8e9;
  position: absolute;
  background-color: #f5f5f7;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
button.discription_full_resize svg {
  fill: #151b26;
  opacity: 0.55;
  transition: ease-in-out 0.5s;
}
button.discription_full_resize {
  position: absolute;
  border: 1px solid transparent;
  right: 15px;
  top: 12px;
  padding: 4px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 1;
  background: 0 0;
}
.full-width-row.common-form-row-ctrl a.remove_option {
  opacity: 0.55;
}
.full-width-row.common-form-row-ctrl a.remove_option:hover {
  opacity: 1;
}
.list_data_column_ctrl.due_date_column_ctrl select {
  width: 100%;
  margin: 0;
  padding: 0 6px;
  border: 0;
  background: 0 0;
  height: 34px;
  color: #676a6c !important;
  font-weight: 600;
}
.table_view_item_div.grouped_by_label
  .list_data_column_ctrl
  .input_custom_div
  input {
  background: 0 0;
}
.table_list_view_main_wrapper .list_data_column_ctrl {
  padding: 0;
  align-items: center;
}
.table_view_item_div.grouped_by_label .input_custom_div {
  border: 1px solid transparent;
}
.list_data_column_ctrl .input_custom_div input {
  background: 0 0;
  width: 100% !important;
  height: 34px;
  line-height: 4;
  margin: 0;
  padding: 0 10px;
}
.list_data_column_ctrl.due_date_column_ctrl > div {
  width: 100%;
}
.table_list_view_main_wrapper .list_data_column_ctrl .input_custom_div > div {
  width: 100%;
}
.table_view_item_div.grouped_by_label
  .list_data_column_ctrl
  .input_custom_div
  input[type="radio"],
input[type="checkbox"] {
  height: 14px !important;
  width: 14px;
  display: block;
}
.pl_activity_ctrl:after {
  background: #e6ecf5;
  content: "";
  left: 15px;
  min-height: 100%;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 6px;
}
.comments_area .commented_by {
  -webkit-box-align: center;
  align-items: center;
  border-radius: 5px;
  position: absolute;
}
.user_identity {
  color: #fff !important;
  font-size: 10px !important;
  line-height: 22px !important;
  align-items: center !important;
  text-align: center !important;
  font-weight: 600 !important;
  background: rgba(116, 131, 150, 0.1);
  height: 21px !important;
  width: 21px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
h3 span.cm_icon_ctrl {
  position: absolute;
  right: 12px;
}
.attachment_img_ctrl {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.self_active_comments.active
  .comments_area.comment_area_right.comment_area_byself
  .comments_innr_header {
  justify-content: left;
  display: flex !important;
}
.attachment_div_activity .doc-file {
  text-align: left;
  width: 50px;
  border: 1px solid #dadce0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.comments_area.comment_area_right.comment_area_byself.comment_area_byself_ctrl.pl_activity_ctrl
  .comments_text {
  width: 100%;
}
.comments_area.comment-by-chatty
  span.bug_submittion_time.view_details_task_creation_time {
  display: inline-block;
  line-height: 18px;
}
.self_activity_status {
  width: 100%;
  display: flex;
}
.activity_list_ctrl > .activity_thread:last-child .pl_activity_ctrl:after {
  display: none;
}
.pl_activity_ctrl .bug_submittion_time {
  margin-top: 3px;
}
.pl_activity_ctrl .commented_by {
  top: 4px;
}
.comments_area .action-magic-dots .dropdown-menu {
  right: -13px;
  top: 24px;
}
.tab-pane.comments_list_ctrl.comments_area_outer_div_front.self_active_comments.active
  .comments_area.comment-by-chatty
  .comments_innr_header {
  display: flex !important;
}
.table_list_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  .sub_capture:first-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_assignees
  .sub_capture:first-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_progress
  .sub_capture:first-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_project
  .sub_capture:first-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_tags_aggregate
  .sub_capture:first-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_created_at
  .sub_capture:first-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_due_date
  .sub_capture:first-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  .sub_capture:first-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_type
  .sub_capture:first-child
  .task_column_count {
  border-top: 1px solid #cbd3da;
}
.table_list_view_main_wrapper .add_new_task_bottom_btn {
  border: 0;
}
.freezed_and_static_table_list_ctrl
  ul.column_layout.task_listing
  > li.sub_capture {
  border: 0 !important;
}
.list_data_column_ctrl.due_date_column_ctrl input[type="text"] {
  color: #676a6c !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.parent_task_with_subtask a {
  text-decoration: underline;
  color: #9c9c9c;
  font-size: 13px;
  width: 100%;
  display: inline-block;
  padding: 13px 15px 0 15px;
  margin-bottom: 0;
  font-weight: 600;
  line-height: normal;
}
.parent_task_with_subtask {
  padding: 0;
  margin: 0;
  line-height: 0;
}
.capture-name-header .capture-name svg {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 14px;
}
.parent_task_with_subtask a:hover {
  color: #353535;
}
.task_description_quill_editor.description_mp_ctrl
  .ui.attached.segment.ql-container.ql-snow
  .ql-editor:focus {
  border: 1px solid #b5b5b5;
}
.preview_pane_wrapper_left
  .task-description-wrapper
  .task-description-textarea {
  max-height: 634px !important;
}
.task_view_on_hover {
  position: relative;
}
.note-editor-modal-close-icon {
  z-index: 999999;
}
.count_task_view_dropdown {
  display: block;
  opacity: 1;
  position: absolute;
  background: #fff;
  z-index: 9999999999 !important;
  top: 100%;
  width: 380px;
  box-shadow: 0 1px 6px #0000003d;
  border: 1px solid #7070701a;
  border-radius: 6px;
  display: none;
}
.search_box_with_back_icon_ctrl {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 7px 10px;
  border-bottom: 1px solid #e7e7e9;
  color: #333;
}
.comment_dropdown_popup {
  left: -247px !important;
}
span.back_chevron_icon_ctrl {
  width: auto;
  height: 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 11px;
  color: #333;
}
span.back_chevron_icon_ctrl i {
  font-size: 10px;
  margin-right: 5px;
  display: inline-flex;
  position: relative;
}
.task_search_box-ctrl {
  position: relative;
  width: 100%;
}
.task_search_box-ctrl i {
  position: absolute;
  top: 7px;
  left: 6px;
  font-size: 14px;
  color: #0e9aef;
}
.task_search_box-ctrl input {
  width: 100%;
  display: inline-block;
  height: 28px;
  border-radius: 3px;
  border: 1px solid #0e9aef;
  padding-left: 27px;
  color: #465369;
  font-size: 13px;
  font-weight: 400;
  padding-right: 10px;
}
.task_wrap_bg_ctrl {
  width: 100%;
  background: #f5f5f7;
  padding: 15px 19px 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 354px;
}
.task_rec_content_wrap {
  border-radius: 4px;
  background: #fff;
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #dee0e1;
  margin: 0;
  cursor: pointer;
  padding: 10px 10px 10px 14px;
  margin: 0 0 10px 0;
  transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
}
.task_rec_content_wrap:hover {
  box-shadow: 0 1px 6px #0000003d;
}
.count_task_view_dropdown_inner
  .task_wrap_bg_ctrl
  .task_rec_content_wrap:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) !important;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) !important;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) !important;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) !important;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) !important;
}
.task_rec_content_wrap .task_name_block {
  display: flex;
  align-items: center;
}
.task_name_block .task_status_main_wrapper {
  margin-left: 0 !important;
}
.list_data_column_ctrl.list_column_data_value_div.project_column_ctrl:hover
  .count_task_view_dropdown {
  display: block;
}
.project_fol_ctrl {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  min-height: 15px;
  background: #f5f5f7;
  height: 100%;
  border-radius: 3px;
  min-height: 16px;
  margin-top: 6px;
}
span.project_icon_bg {
  display: inline-flex;
  align-items: center;
  background: #e1e1e1;
  border-radius: 3px 0 0 3px;
  justify-content: center;
  width: 20px;
  height: 16px;
  margin-top: 0;
}
span.project_icon_bg svg {
  width: 14px;
  height: 15px;
  padding: 3px 0;
  margin: 0 3px;
}
.project_dot_name_group {
  display: flex;
  align-items: center;
  font-size: var(--text-caption-size);
  line-height: var(--text-caption-line);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  padding-right: var(--space-2);
}
.project_dot_icon_with_task {
  color: #4186e0;
  font-size: 6px;
  margin: 0 6px;
}
.create_and_connect_task {
  display: flex;
  align-items: center;
  padding: 10px 5px;
  border-top: 1px solid #e7e7e9;
  justify-content: space-around;
}
.common_task_btn {
  text-align: center;
  width: 175px;
  cursor: pointer;
  border-radius: 0 0 4px 4px;
  padding: 5px 5px;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -ms-transition: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
  font-weight: 600;
  color: #fff;
  background-color: #0e9aef;
  border-radius: 4px;
  margin: 0;
}
.common_task_btn > span {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
}
.common_task_btn span i {
  margin-right: 7px;
  color: #fff;
  font-size: 11px;
}
.common_task_btn:hover > span {
  color: #fff;
}
.task_rec_content_wrap:hover {
  border-color: #ccc;
}
.connected_task_label_with_count {
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 14px;
  color: #333;
  display: inline-flex;
  width: 100%;
  border-bottom: 1px solid #e7e7e9;
  font-weight: 600;
  align-items: center;
}
.connected_task_label_with_count span.connected_task_count {
  color: #666;
  font-size: 13px;
  margin-left: 7px;
}
.connected_task_label_with_count span.connected_task_text {
  font-size: 14px;
  color: #333;
}
.rounded-container_ctrl span.disconnect_task {
  position: absolute;
  right: -6px;
  z-index: 999 !important;
  top: -6px;
  display: flex;
}
.rounded-container_ctrl span.disconnect_task i {
  font-size: 14px;
  color: #828282;
  cursor: pointer;
}
.rounded-container_ctrl {
  position: relative;
}
.rounded-container_ctrl span.disconnect_task svg {
  width: 14px;
  height: 14px;
  cursor: pointer;
  fill: gray;
}
.rounded-container_ctrl span.disconnect_task svg:hover {
  opacity: 1;
  fill: #000 !important;
}
.count_task_view_dropdown_inner.connected_task
  .task_wrap_bg_ctrl
  .task_rec_content_wrap:first-child {
  box-shadow: none;
  border: 1px solid #e7e7e9;
}
.count_task_view_dropdown.connected_task {
  display: none !important;
}
.task_name_block .task_name_group_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.meta-data-div.common_section .metadata-icon svg {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  fill: #7f8288;
  display: block;
}
.related-section svg {
  width: 12px;
  height: 12px;
  margin-right: 9px;
  display: block;
}
.subtask-div.common_section span.subtask-icon i {
  font-size: 11px;
  color: #7f8288;
}
.related-section.activity_section_ctrl .section-title {
  min-height: 34px;
}
li.captures_data_ctrl_li.sub_capture.add_new_task_div {
  height: 36px;
  overflow: hidden !important;
}
li.captures_data_ctrl_li.sub_capture.add_new_task_div .task_name_ctrl {
  display: flex;
  align-items: center;
  border: 0;
  height: 100%;
}
.toggle_tree_menu.closedTree {
  z-index: 99999 !important;
}
.list_data_column_ctrl.due_date_column_ctrl .input_custom_div .dropdown {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
}
.list_data_column_ctrl.due_date_column_ctrl .input_custom_div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview_pane_wrapper_left span.dropicon i {
  display: inline-flex;
}
.preview_pane_wrapper_left span.dropicon {
  margin-top: 0;
}
.preview_pane_wrapper_left .subtask-container span.dropicon {
  margin-top: -5px !important;
}
.details_pane_in_modal_ctrl .panel_content_wrapper {
  border-radius: 6px;
}
div#newDescriptionModalPopup .modal-content {
  border: 0 !important;
}
.tooltip {
  z-index: 99999 !important;
}
.comments_area:hover .dropdown-menu {
  width: auto !important;
}
.comments_area .action-magic-dots .dropdown-menu {
  min-width: 100px;
  font-size: 12px;
  border-radius: 3px;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:after {
  right: 11px;
}
.dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:before {
  right: 9px;
}
.preview_pane_modal_popup.display_none {
  display: none;
}
.doc_section_in_full_screen {
  display: none;
}
.scroll-area-capture-in-modal {
  background-color: #f8f8f8 !important;
}
canvas#modal_screenshot_image_canvas {
  margin: auto;
  display: block;
}
.fullscreen_main_inner_container .scroll-area-capture-in-modal {
  background-color: #f2f2f2 !important;
  background: url(/static/media/infinite_square.34830690.jpg) repeat 0 0 !important;
}
.editToolbar-RC-fullScreen .popup_toobar_panel {
  justify-content: center;
}
.download_capture_icon_ctrl {
  min-width: 25px;
  height: 25px;
  align-items: center;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  margin: 0 12px 0 0;
  cursor: pointer;
}
.download_capture_icon_ctrl svg {
  width: 11px;
  height: 11px;
  display: block;
}
.download_capture_icon_ctrl.side_bar_icon svg {
  width: 22px;
  height: 12px;
}
.download_capture_icon_ctrl:hover {
  background: #ebebed;
}
.share_capture_btn {
  display: inline-flex;
  min-width: 199px;
  align-items: center;
  border: 1px solid #0e9aef;
  border-radius: 4px;
  height: 34px;
  font-size: 13px;
  color: #0e9aef;
  cursor: pointer;
  justify-content: center;
  margin: 0 5px;
}
.share_capture_btn i {
  font-size: 13px;
  padding-right: 10px;
}
.download_capture_icon_ctrl svg:hover path {
  fill: #4d4d4d;
}
.download_capture_icon_ctrl:hover svg path {
  fill: #4d4d4d;
}
.download_capture_icon_ctrl svg path {
  fill: #828282;
}
.share_capture_btn:hover {
  background: #0e9aef;
  color: #fff !important;
}
button.action_tools.add_screenshot_action_tools.number-icon-ctrl span {
  width: 16px;
  height: 16px;
  background: #f16566;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: #fff;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools[data-v-2a21fd3a] {
  width: 26px;
  height: 24px;
  margin: 0 3px;
}
button.action_tools.add_screenshot_action_tools.add_view_task_btn i svg {
  width: 14px !important;
}
.at_common_icon_ctrl svg:hover path {
  fill: #151b26 !important;
  opacity: 1;
}
button.action_tools.add_screenshot_action_tools:hover {
  background: #f5f5f7;
}
.at_common_icon_ctrl:hover {
  background: #e0e1e2;
}
button.action_tools.add_screenshot_action_tools.add_view_task_btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.share_and_save_btn_main_ctrl {
  display: inline-flex;
}
.preview-container .canvas-container {
  -moz-box-sizing: border-box;
  margin: auto;
}
.preview_loader.preview_loader_modal {
  height: calc(100vh - 112px);
}
.parent_div_main_capture.is-hoveringBelow
  .grouped_by_section.grouped_by_folder_bundle:hover
  .common_view_icon {
  display: none !important;
}
.parent_div_main_capture.is-hoveringAbove
  .grouped_by_section.grouped_by_folder_bundle:hover
  .common_view_icon {
  display: none !important;
}
.previewDetails-RC-fullScreen {
  height: calc(100vh - 43px);
  background: #fff;
  border-radius: 6px !important;
  overflow: auto;
}
.previewDetails-RC-fullScreen .preview-container {
  height: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.previewDetails-RC-fullScreen .preview-container .audio_center_ctrl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.left-RC-fullScreen-modal .video_outer_div_ctrl {
  height: 100% !important;
  width: 100% !important;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.video_outer_div_ctrl video {
  display: block;
}
.left-RC-fullScreen-modal .video_outer_div_ctrl .video_player {
  width: 100%;
  height: 100%;
  max-width: 970px;
  height: auto;
  min-width: 360px;
}
.previewDetails-RC-fullScreen .ql-toolbar.ql-snow {
  width: auto !important;
  border: 0;
}
.previewDetails-RC-fullScreen
  .ui.attached.segment.ql-container.ql-snow
  .ql-editor {
  width: 100% !important;
}
.editToolbar-RC-fullScreen .note-capture-quill-in-modal .ql-container.ql-snow {
  margin-top: 1px;
}
.previewDetails-RC-fullScreen .ui.attached.segment.ql-container.ql-snow {
  width: 100% !important;
  height: calc(100vh - 222px);
  justify-content: left;
}
.video_outer_div_ctrl {
  overflow: auto;
}
.previewDetails-RC-fullScreen .preview-container .audio_center_ctrl audio {
  border: 0;
}
.grouped_by_section.active,
.grouped_by_section.active > .grouped_by_label {
  color: #fff !important;
}
.tv_header_column span.sorting_button {
  max-width: 70%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
}
.tv_header_column.tv_header_center {
  justify-content: center;
}
.share_setting_modal_ctrl .modal-header {
  padding: 10px 15px;
  border-bottom: 1px solid #e5e5e5;
}
.share_setting_modal_ctrl .modal-header .modal-title.modal-large-heading {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  align-items: center;
  line-height: normal;
  text-align: center;
}
.ss-form-group {
  margin-bottom: 15px;
}
.ss-form-group .label_text {
  font-size: 14px;
  color: #353535;
  font-weight: 600 !important;
  display: block;
  margin-bottom: 12px;
}
.user_link_access_radio .radio_btn_wrap {
  align-items: center;
  line-height: normal;
  vertical-align: middle;
  display: block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
  max-width: 100%;
  margin-bottom: 12px !important;
}
.radio_btn_wrap span.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #0e9aef;
  box-sizing: border-box;
}
.radio_btn_wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 3px;
}
.dropdown.custom_field_type_ctrl.link_expire_ctrl .selection_field_type {
  border-radius: 3px;
}
.dropdown.custom_field_type_ctrl.link_expire_ctrl {
  min-width: 190px;
  max-width: 190px;
}
.form-group label.input_label {
  font-size: 13px;
  color: #353535;
  font-weight: 600 !important;
  display: block;
  margin-bottom: 8px;
}
.col-lg-12.ss_input_group {
  margin-bottom: 10px;
}
.share_setting_modal_ctrl .modal-content {
  width: 420px;
}
.share_setting_modal_ctrl .form-group:last-child {
  margin-bottom: 0;
}
.col-lg-12.ss_input_group input {
  border-radius: 3px;
}
.share_setting_modal_ctrl .form-group .col-lg-12.ss_input_group:last-child {
  margin-bottom: 0;
}
.container.radio_btn_wrap .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 50%;
}
.container.radio_btn_wrap:hover input ~ .checkmark {
  background-color: #eee;
}
.container.radio_btn_wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container.radio_btn_wrap input:checked ~ .checkmark:after {
  display: block;
}
.container.radio_btn_wrap .checkmark:after {
  top: 2px;
  left: 2px;
  width: 10px;
  height: 9px;
  border-radius: 100%;
  background: #0e9aef;
}
.table_list_view_main_wrapper
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_column_count {
  min-width: 46px;
  max-width: 100%;
}
.no_connected_task {
  height: calc(100% - 89px);
  display: block;
}
.no_connected_task_text_center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}
.magic_client_dropdown.count_task_view_dropdown {
  max-width: 480px !important;
}
.vue-tooltip-theme.tooltip {
  display: block !important;
  z-index: 9999999 !important;
}
.vue-tooltip-theme.tooltip .tooltip-inner {
  background: #000;
  color: #fff;
  max-width: 300px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 4px;
  word-break: break-all;
}
.vue-tooltip-theme.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: #000;
  z-index: 1;
}
.vue-tooltip-theme.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.vue-tooltip-theme.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.vue-tooltip-theme.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.vue-tooltip-theme.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.vue-tooltip-theme.tooltip[x-placement^="right"] {
  margin-left: 5px;
}
.vue-tooltip-theme.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  top: 1px !important;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.vue-tooltip-theme.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.vue-tooltip-theme.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.vue-tooltip-theme.tooltip[aria-hidden="true"] {
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 0.15s,
    visibility 0.15s;
}
.vue-tooltip-theme.tooltip[aria-hidden="false"] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}
.tooltip.vue-tooltip-theme {
  z-index: 9999999999 !important;
}
.capture_module_selected_conversation {
  top: 0;
  height: 100%;
}
.is-hoveringAbove .common_view_icon.has-tooltip {
  display: none !important;
}
.is-hoveringBelow .common_view_icon.has-tooltip {
  display: none !important;
}
.list_data_column_ctrl.due_date_column_ctrl
  a.btn.btn-secondary.due_date_anchor.no_date_selected {
  color: #676a6c;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  cursor: pointer;
}
.captures_data_ctrl_ul_drag .status_dropdown_main_div {
  z-index: 999;
}
ul.dropdown-menu.transition .status_dropdown_action_li:hover {
  background: #f5f5f5;
}
.edit_comment_ctrl span.icon_comon_width_ctrl {
  width: 21px;
}
.dropdown_list_icon {
  display: inline-flex;
}
.initial_window_captures .dropdown_list_icon > svg {
  width: 14px;
  height: 14px;
}
.three_dots_dropdown_innr_main > li {
  color: #252222;
  border: 0;
  padding: 6px 10px;
}
.three_dots_dropdown_innr_main > li > a {
  color: #252222;
  width: 100%;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.dropdown-menu.dropdown_option_with_tick_on_right
  .three_dots_dropdown_innr_main
  > li {
  padding-right: 30px;
}
.dropdown-menu.dropdown_option_with_tick_on_right
  .three_dots_dropdown_innr_main
  > li.active {
  background-color: #2680eb1a;
  color: #2680eb;
}
.dropdown-menu.dropdown_option_with_tick_on_right
  .three_dots_dropdown_innr_main
  > li.active
  > a {
  color: #2680eb;
}
.dropdown-menu.dropdown_option_with_tick_on_right
  .three_dots_dropdown_innr_main
  > li.active
  .direct_action_btn {
  color: #2680eb;
}
.dropdown-menu.dropdown_option_with_tick_on_right
  .three_dots_dropdown_innr_main
  > li.active:after {
  font-family: "Font Awesome 5 Free";
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  font-size: 12px;
}
.three_dots_dropdown_innr_main.edit_comment_ctrl
  > li
  .dropdown_category_info
  i {
  font-size: 11px;
}
.three_dots_dropdown_innr_main > li.disabled {
  pointer-events: none;
  opacity: 0.45;
}
.edit_comment_ctrl span.icon_comon_width_ctrl i {
  color: #798292;
}
.notification_group_list_separate {
  width: 100%;
  float: left;
}
.list_accordion_ctrl {
  margin-bottom: 0;
}
.group_list_accordion {
  position: relative;
  padding: 8px 15px 8px 0;
  margin-left: 35px;
}
.group_list_accordion .chevron_ctrl {
  position: absolute;
  left: -19px;
}
.notification_list_group_inner_wrap
  ul.dropdown-menu.arrow_box_top.full_view_ul_ctrl {
  box-shadow: none !important;
  display: block;
  position: static;
  width: 100%;
}
.full_view_ul_ctrl .notification_list_innr_ctrl {
  padding: 0 15px 0 33px;
}
.notification_list_group_inner_wrap li.has_read {
  display: inline-flex;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
}
.notification_group_list_separate li.has_read:hover {
  border: 1px solid #0e9aef !important;
  box-shadow: 0 1px 6px #0000003d;
  -webkit-box-shadow: 0 1px 6px #0000003d;
  -moz-box-shadow: 0 1px 6px #0000003d;
  -ms-box-shadow: 0 1px 6px #0000003d;
  -o-box-shadow: 0 1px 6px #0000003d;
}
.notification_group_list_separate li.has_read:hover span.mark_as_read_unread {
  opacity: 1;
}
.notification_grop_list_separate.unread_notification {
  float: left;
  width: 100%;
}
.group_list_accordion .chevron_ctrl {
  position: absolute;
  left: -19px;
}
.notification_grop_list_separate li.has_read:hover span.mark_as_read_unread {
  opacity: 1;
}
.panel_content_wrapper_for_capture_module
  .capture-name-header
  .capture-name
  .view_detail_bug_title {
  padding-left: 10px !important;
}
.time-entry-div.common_section span.time-icon svg {
  width: 13px;
  height: 13px;
  display: block;
  fill: #7e8187;
}
.time-entry-div.common_section span.time-icon {
  width: 22px;
}
.subtask-div.common_section.connected_team
  .subtask-container
  .subtask-icon
  svg {
  width: 14px;
  height: 14px;
  display: block;
}
.task_data_main_wrap {
  background: #fff;
  border-radius: 3px;
  padding: 0;
  border: 1px solid #dee0e1;
  position: relative;
  transition: border 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transition: border 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: border 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: border 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: border 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  width: 100%;
}
.task_data_main_wrap:hover {
  border: 1px solid #ccc;
}
.single_captures_div .task_data_main_wrap {
  background: 0 0;
}
.task_data_main_wrap.active .task_data_block_container {
  border-bottom: 1px solid #cbd3da;
}
.multiselect_captures_div .task_data_main_wrap .task_data_block_container {
  padding: 5px 10px 5px 26px;
}
.has_no_merged_captures
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container {
  padding: 10px 11px 10px 14px !important;
}
.has_merged_captures
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container {
  padding: 10px 11px 10px 8px !important;
}
.capture_merged_by_section {
  text-align: center;
  margin-top: 33px;
}
.capture_merged_by_section span {
  max-width: 100%;
  color: #9b9c9e;
  font-size: 14px;
  font-style: italic;
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-area: content/content/content/content;
  overflow: hidden;
  margin: 19px 1px 10px 1px;
}
.task_action_icons_right {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.task_data_block_container {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 17px 5px 17px 5px;
  position: relative;
}
.task_data_main_wrap .task_name_text {
  color: #262626;
  font-size: 14px;
  font-weight: 600;
  padding-right: 0;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(100% - 45px);
}
.task_data_main_wrap .task_created_info_ctrl {
  display: flex;
  font-size: 12px;
  color: #333;
}
.task_created_info_ctrl.single_capture.in_list {
  margin: 0 0 5px 0;
}
.task_created_info_ctrl.single_capture.in_list .capture_by,
.task_created_info_ctrl.single_capture.in_list .task_created_day_and_time_info {
  font-weight: 600;
}
.task_created_info_ctrl span.created_name {
  color: #0e9aef;
  padding: 0 5px;
}
.task_created_info_ctrl .task_created_day_and_time_info {
  padding: 0 5px;
}
span.task_action_icon_ctrl {
  min-width: 23px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
}
.task_action_icons_right .task_action_icon_ctrl i {
  color: #7b7e84;
  font-size: 11px;
  cursor: pointer;
}
.cv_task_list_main_weapper .cv_task_list_inner {
  padding: 36px 0;
}
.is_popup_full_modal_view #capture_detail_panel_modal {
  position: fixed !important;
  z-index: 99 !important;
  top: 40px !important;
  left: 20px !important;
  width: calc(100% - 40px) !important;
  height: calc(100% - 40px) !important;
  border-radius: 6px;
  overflow: unset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.is_popup_full_modal_view .overlay_popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
}
.is_popup_full_modal_view .preview_loader.preview_loader_modal {
  height: calc(100vh - 40px);
  border-radius: 6px;
  top: 40px;
  left: 40px;
  width: calc(100% - 80px) !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.conversation_preview_pane_main_wrapper .merged_capture_menu_main_ctrl {
  height: calc(100% - 68px);
}
.conversation_preview_pane_main_wrapper .full_screen_merged_capture {
  height: calc(100vh - 121px);
}
.cv_preview_pane_left_header {
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  display: inline-flex;
  align-items: center;
}
.cv_preview_pane_left_header .icon_common_sty {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 3px;
}
.cv_preview_pane_left_header .icon_common_sty i {
  padding: 0;
  width: auto;
  height: auto;
  font-size: 13px;
  color: #7e8187;
  position: relative;
}
.cv_preview_pane_left_header .icon_common_sty svg {
  width: 13px;
  height: 13px;
  display: block;
  position: relative;
}
.trash_icon.icon_common_sty i {
  color: #ed4758;
  opacity: 0.8;
}
.cv_preview_pane_left_header .icon_common_sty:hover {
  background: #ebebed;
}
.cv_preview_pane_left_header .icon_common_sty:hover i {
  color: #666;
}
.cv_preview_pane_left_header .icon_common_sty:hover svg path {
  fill: #666666;
}
span.task_action_icon_ctrl svg {
  width: 14px;
  height: 14px;
  display: block;
  cursor: pointer;
}
.first_selected_merge_wrap {
  padding: 9px 10px;
  border-bottom: 1px solid #cbd3da;
}
.first_selected_merge_wrap .conver_sected_name {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  padding-right: 20px;
}
.capture_view_outer_wrap {
  display: flex;
  border-top: 1px solid #dee0e1;
  flex-direction: column;
}
.capture_view_outer_inner_wrap {
  background: #f8f8f8;
}
.task_data_block_container .caprure_type_icon {
  margin-right: 7px;
  margin-left: 0;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.task_data_block_container .caprure_type_icon svg {
  width: 12px;
  height: auto;
  display: block;
}
.web_applications_ctrl {
  display: flex;
  align-items: center;
}
.conversation_preview_pane_main_wrapper .preview_pane_top_header_main {
  padding: 5px 10px;
}
.cv_preview_pane_left_header .ärchive_icon.icon_common_sty {
  margin-left: 0;
}
.trash_icon.icon_common_sty:hover i.fas.fa-trash {
  color: #ed4758;
}
.task_data_main_wrap.active .task_data_block_container {
  opacity: 1;
}
span.task_action_icon_ctrl:hover svg path {
  fill: #666666;
  opacity: 1;
}
span.task_action_icon_ctrl svg:hover path {
  fill: #666666;
  opacity: 1;
}
.task_action_icons_right .task_action_icon_ctrl:hover i {
  color: #666;
  opacity: 1;
}
.common-sty_for_appliction_link span.text_ctrl {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 66px;
}
.task_action_icons_right .task_action_icon_ctrl i.fas.fa-ellipsis-h {
  transform: rotate(90deg);
}
.conversation_preview_pane_main_wrapper
  .rcl.preview_pane_header_ctrl
  span.forin {
  margin: 0 5px 0 10px;
}
.conversation_preview_pane_main_wrapper
  .preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div {
  margin-left: 0;
}
.web_applications_ctrl .add_tags i {
  width: 13px;
  color: #7e8187;
  margin-right: 13px;
  cursor: pointer;
}
.cv_tags_drop-down .tag_inline_list {
  display: flex;
}
.tag_inline_list li.active_tag:first-child {
  background: #d2e2f8;
  color: #3c7ccf;
  padding: 0 5px 0 8px;
  border-radius: 20px 3px 3px 20px;
}
li.active_tag {
  background: #ffe5eb;
  color: #bb6c81;
  position: relative;
  cursor: pointer;
  font-weight: 600;
  height: 18px;
  padding: 0 5px 0 8px;
  font-size: 11px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  margin-right: 5px;
}
.cv_tags_drop-down li.active_tag {
  padding: 0 5px;
}
.tag_inline_list li.active_tag:last-child {
  background: #facfd5;
  padding: 0 8px 0 5px;
  border-radius: 3px 20px 20px 3px;
  color: #c83044;
}
.conversation_preview_pane_main_wrapper .project-icon-svg.iconbg i {
  color: #828282;
  line-height: normal;
}
.tag_inline_list li.active_tag span.text_ctrl {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  max-width: 66px;
  text-align: center;
  line-height: 14px;
}
.task_action_icon_ctrl .link-svg {
  width: 16px;
  height: 16px;
}
.create_new_task_ctrl {
  color: #333;
}
.capture_module_task_widget_ctrl.connected_dropdown_sty {
  box-shadow: 0 1px 6px #0000003d;
  border-radius: 6px;
  border: 1px solid #7070701a;
}
.no_deleted_task_yet {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  display: flex;
  text-align: center;
}
.no_deleted_task_yet svg {
  width: 130px;
  height: 130px;
  margin-bottom: 14px;
}
.no_deleted_task_yet span {
  font-size: 28px;
  font-weight: 600;
}
.no_deleted_task_yet .delete_sub_heading {
  font-size: 16px;
  font-weight: 400;
}
.dropdown-menu.three_dots_dropdown_innr.drop_dow_sty
  li
  span.icon_comon_width_ctrl
  svg {
  width: 14px;
  height: 14px;
}
.capture_module_folder_ctrl .me_section_ctrl {
  border-bottom: 0 !important;
}
.share_member_dropdown_ctrl span.display_name {
  font-weight: 600;
}
.share_member_dropdown_ctrl span.share_with_user_email {
  color: #7b8493;
  padding-left: 4px;
  font-size: 12px;
}
.share_member_dropdown_ctrl li.ql-mention-list-item {
  display: flex;
  align-items: center;
}
.share_member_dropdown_ctrl span.user_privacy_drodown {
  font-size: 12px;
  font-weight: 400;
  color: #7b8493;
}
.share_member_dropdown_ctrl li.ql-mention-list-item .mention_list_display_item {
  flex: auto;
  width: auto !important;
}
.share_member_dropdown_ctrl li.ql-mention-list-item:hover {
  background: #f5f5f5;
}
.share_member_dropdown_ctrl li.ql-mention-list-item {
  padding: 5px 15px 5px 15px !important;
}
.quad_panel_main_wrapper
  .grouped_by_section.group_by_list_parent
  span.chevron_ctrl {
  margin-left: 0 !important;
  left: 0;
}
.magic-dots.close_icon svg {
  width: 12px;
  height: 12px;
  display: block;
  fill: #676a6c;
}
.preview_pane_wrapper_left .magic-dots.close_icon {
  display: none !important;
}
.dropdown.project_heading_advance_settings_ctrl.three_dots_dropdown_div {
  background: #f5f5f7;
}
.add_dragover_class.custom_capture_tag {
  display: flex;
  align-items: center;
}
.add_dragover_class.custom_capture_tag .tag_icon_sidebar {
  top: 0 !important;
}
.custom_lablel_orignal_name
  textarea.innertTextContent.cp_task_name.editable_content.teams_folder {
  margin-right: 4px !important;
}
.shortable_tree_view_main_div.project_treemenu_main_ctrl.project_main_folder-ctrl.capture_module_folder_ctrl
  .treeview-heading.title-slide.rcl.team_label_with_plus_icon {
  margin-top: 0;
}
.shortable_tree_view_main_div.project_treemenu_main_ctrl.project_main_folder-ctrl.capture_module_folder_ctrl
  #teamFolders
  .treeview-heading.title-slide.rcl.team_label_with_plus_icon {
  margin-top: 0;
}
.capture_fixed_menu_list.four_column_layout.border_sty_ctrl {
  border-bottom: 0 !important;
}
.me_section_ctrl.bottom_margin_auto.ME_ctrl_task_view
  .me_section_ctrl.bottom_margin_auto {
  border: 0;
}
.me_section_main_heading.capture_folder {
  border-top: 1px solid #d5d5d6;
}
.me_section_ctrl.bottom_margin_auto.ME_ctrl_task_view .common_me_ul_li {
  padding-bottom: 7px;
}
.me_section_ctrl.bottom_margin_auto {
  border-bottom: 0;
}
.vertical_bar_ul .panel_icon_position_ctrl span.panel_icon_ctrl img {
  width: 13px;
  height: 13px;
}
.capture_list_dropdown_detail_panel {
  position: absolute;
  right: 100%;
  top: 38px;
  width: 360px;
  background: #fff;
  height: calc(100% - 144px);
  margin-right: 1px !important;
  border-left: 1px solid #d5d5d6;
  z-index: 99;
}
.capture_list_dropdown_full_modal_popup {
  display: none;
  position: relative;
  width: 330px;
  height: 100% !important;
  background: #fff;
  height: auto;
  border-left: 1px solid #dadce0;
  border-top: 1px solid #dadce0 !important;
  transition: right 0.2s ease-in-out;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  -ms-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
}
.capture_list_dropdown_full_modal_popup.display_all_capture_side_panel.captureImageModal {
  width: 309px !important;
}
.capture_list_dropdown_full_modal_popup.display_all_capture_side_panel {
  height: 100%;
  display: block;
  border-top: 0;
  width: 330px !important;
}
.capture_list_dropdown.capture_list_dropdown_full_modal_popup
  .tabs_inner_content_wrap {
  overflow: auto;
  height: calc(100vh - 225px) !important;
}
.tabs_inner_content_wrap ul.column_layout.task_listing.list-size_active > li {
  height: 33px !important;
  border-top: 1px solid #e9e9eb;
  display: flex;
  position: relative;
  align-items: center;
  padding: 0 10px 0 21px;
}
.tabs_inner_content_wrap
  .captures_data_ctrl_li
  .task_list_ctrl
  .project-variable {
  min-width: 50px;
  height: 42px;
  border: 1px solid #d4d8db;
  border-radius: 3px;
  background: #f5f5f7;
  align-items: center;
  display: flex;
  justify-content: center;
}
.My_Capture_tab_content
  ul.column_layout.task_listing.sub_capture_ctrl.list-size_active.collapse.in {
  padding: 0;
}
.My_Capture_tab_content .task_list_ctrl .project-variable svg {
  width: 12px;
  height: 12px;
}
.My_Capture_tab_content .task_draggable_number {
  left: 0 !important;
}
.My_Capture_tab_content
  .captures_data_ctrl_li.sub_capture.button_click_editing_active
  span.capture_number {
  min-width: 12px !important;
  text-align: left !important;
}
.vertical_bar_on_page {
  position: relative;
}
.three_panel_main_wrapper
  .grouped_by_section.group_by_list_parent
  .chevron_ctrl {
  margin-left: 0;
}
.conversation_preview_pane_main_wrapper .cv_task_list_main_weapper {
  min-height: 100%;
  background: #fff;
  display: inline-table;
  width: 100%;
}
.conversation_preview_pane_main_wrapper
  .cv_task_list_main_weapper.align-comment-end {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Participant_ctrl .iconbg svg {
  width: 21px !important;
  height: 21px !important;
}
.conversation_preview_pane_main_wrapper .assignee-div .iconbg svg {
  width: 14px;
  display: block;
  height: 14px;
}
.assignee-div.assignee-cv-div .single_assignee_avatar {
  border: 2px solid #fff;
  overflow: unset;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background: #4186e0;
  font-size: 10px;
  display: inline-flex;
  margin-left: 4px;
  border-radius: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 0;
}
.assignee-div.assignee-cv-div span.dropdown_ctrl-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
}
.assignee-div.assignee-cv-div span.dropdown_ctrl-icon i {
  font-size: 10px;
}
.assignee-div.Participant_ctrl .assignee-container .iconbg {
  height: 24px;
  width: 24px;
}
.project-div.project_cv_div span.project-icon-svg.iconbg {
  height: 24px !important;
  width: 24px !important;
  justify-content: center;
  display: flex;
  align-items: center;
}
.assignee-div.Participant_ctrl .assignee-container.dropdown {
  padding: 0 5px 0 0;
  display: flex;
}
.sub_header_first {
  display: flex;
  align-items: center;
}
.first_selected_merge_wrap .sub_header_child_row {
  display: flex;
  margin-top: 10px;
  align-items: center;
}
.sub_header_child_row .inbox_btn_ctrl {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: #333;
  background: #f5f5f7;
  padding: 4px 7px;
  border-radius: 3px;
}
.inbox_btn_ctrl span.inbox_icon {
  margin-right: 6px;
}
.inbox_btn_ctrl span.inbox_icon i {
  color: #0e9aef;
  font-size: 12px;
}
.sub_header_child_row .connected_task_wrap {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  color: #333;
  background: #f5f5f7;
  padding: 4px 7px;
  border-radius: 3px;
}
.sub_header_child_row .connected_task_wrap span.inbox_icon {
  margin-right: 6px;
}
.sub_header_child_row .connected_task_wrap span.inbox_icon svg {
  width: 12px;
  height: 15px;
  display: block;
  fill: #0e9aef;
}
.sub_header_child_row .connected_task_wrap.add_task {
  margin-left: auto;
}
.add_tags_dropdown_icon_ctrl {
  height: 28px;
  min-width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  margin: 0;
  cursor: pointer;
  border-radius: 3px;
}
.add_tags_dropdown_icon_ctrl:hover {
  background: #e0e1e2;
}
.add_tags_dropdown_icon_ctrl i {
  color: #0e9aef;
  font-size: 11px;
}
.task_action_icons_right .task_action_icon_ctrl.has-tooltip:last-child {
  margin-right: 0;
}
.web_applications_ctrl.cv_tags_drop-down li.active_tag span.remove_tags {
  position: absolute;
  display: none;
}
.cv_tags_drop-down li.active_tag:hover span.remove_tags {
  display: block;
}
.task_action_icon_ctrl.has-tooltip i.fas.fa-star {
  color: #e3b51e;
}
.sub_header_child_row .inbox_btn_ctrl:hover {
  background: #e0e1e2;
}
.sub_header_child_row .connected_task_wrap:hover {
  background: #ebebed;
}
.conversation_preview_pane_main_wrapper
  .multi-assignee-wrapper
  .cp_multiple_assignee {
  color: #333 !important;
  font-size: 13px;
  font-weight: 400;
}
.conversation_preview_pane_main_wrapper
  .preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon
  .align-middle
  span {
  color: #333 !important;
  font-size: 13px;
  font-weight: 400;
}
.name_circle_section svg {
  width: 12px;
  fill: white;
}
.edit_note_quill_editor .ql-container {
  height: 336px !important;
}
ul.inlist.assignee_dropdown .folder_icon_ctrl {
  margin-right: 7px;
}
ul.inlist.assignee_dropdown .folder_icon_ctrl i.fas.fa-folder {
  color: #798292;
}
.sub_header_child_row .connected_task_wrap span.inbox_icon svg path {
  fill: #0e9aef;
}
.sub_header_child_row .connected_task_wrap.add_task span.inbox_icon svg path {
  fill: #7e8187;
}
.conversation_preview_pane_main_wrapper .capture_view_outer_inner_wrap {
  display: block !important;
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  width: 100%;
  padding: 10px 14px;
}
.conversation_preview_pane_main_wrapper
  #resizable_panel.capture_view_outer_inner_wrap {
  padding: 0;
}
.conversation_preview_pane_main_wrapper
  .capture_view_outer_inner_wrap.note_capture {
  justify-content: flex-start;
  align-items: flex-start;
}
.conversation_preview_pane_main_wrapper .audio_preview audio {
  position: relative;
}
.conversation_preview_pane_main_wrapper .video_preview video {
  height: auto !important;
}
.common_innr_dropdown.magic_client_dropdown.folder_dropdown_ctrl
  ul.inlist.assignee_dropdown
  > li.active:before {
  display: none;
}
.auto_save_section span.saving svg {
  width: 16px;
  margin-right: 7px;
}
.auto_save_section span.saving svg g {
  fill: #fff;
}
.auto_save_section span.saving {
  display: inline-flex;
  width: 100%;
  align-items: center;
  border: 1px solid #0e9aef;
  border-radius: 4px;
  font-size: 12px;
  background: #0e9aef;
  color: #fff;
  cursor: pointer;
  margin-left: 0;
  justify-content: center;
  position: relative;
  padding: 0 5px;
  white-space: nowrap;
}
.auto_save_section .saved {
  display: inline-flex;
  width: 100%;
  align-items: center;
  border-radius: 4px;
  font-size: 13px;
  background: #16ab39;
  color: #fff;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: 1s cubic-bezier(0.54, 0.03, 0.54, 1.14);
  font-weight: 400;
  padding: 0 10px;
}
.auto_save_section span.saved:before {
  font-family: "Font Awesome 5 Free";
  left: 8px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  font-size: 12px;
  display: none;
}
.auto_save_section span.saving > i {
  margin: 0 5px 0 0;
  font-size: 14px;
}
.auto_save_section .saved > i {
  font-size: 11px;
  margin: 0 5px 0 0;
}
.auto_save_section {
  display: inline-flex;
  border-radius: 4px;
  height: 23px;
  cursor: pointer;
  justify-content: center;
  margin: 0 5px 0 5px;
}
.auto_save_section.save_image_loader_full_popup {
  background-color: #0e9aef;
}
.auto_save_section.save_image_loader_full_popup .saving {
  display: inline-flex;
  width: 100%;
  align-items: center;
  border-radius: 4px;
  font-size: 13px;
  background: #0e9aef;
  color: #fff;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: 1s cubic-bezier(0.54, 0.03, 0.54, 1.14);
  font-weight: 400;
  padding: 0 10px;
}
div#capture_detail_panel_modal.is_capture_drag_over:before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 2px dashed #000;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.13);
}
.conversation_preview_pane_main_wrapper
  .top_header_timer_bell
  .timer_class_div.timer_in_list.running_timer_class_div {
  padding: 1px 8px 1px 32px !important;
}
.conversation_preview_pane_main_wrapper .timer_class_div.timer_in_list i {
  line-height: 18px;
  margin: 0 !important;
}
.multiselect_captures_div .bug_extra_details {
  display: none;
}
#emoji-palette {
  position: fixed !important;
  display: none;
  width: 100%;
}
.ql-formats button.ql-emoji {
  opacity: 0 !important;
}
.color_varients.dropdown {
  padding: 10px;
  width: auto;
  min-width: auto;
  right: auto;
  left: 50%;
  -webkit-transform: translate(-53%, 0);
  -o-transform: translate(-53%, 0);
  transform: translate(-53%, 0);
  margin-top: 12px;
}
.color_varients.dropdown .dropdown_item_ctrl_wrap li.drpdown_item_ctrl {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.svg_ql_banner_success {
  fill: #05be8c !important;
}
.svg_ql_banner_info {
  fill: #207af1 !important;
}
.svg_ql_banner_danger {
  fill: #ff4243 !important;
}
.svg_ql_banner_warning {
  fill: #fcb414 !important;
}
.ql_banner_success {
  border-left: 4px solid #05be8c;
  background-color: #edfef6;
}
.ql_banner_info {
  border-left: 4px solid #207af1;
  background-color: #f2f8ff;
}
.ql_banner_danger {
  border-left: 4px solid #ff4243;
  background-color: #fef4f2;
}
.ql_banner_warning {
  border-left: 4px solid #fcb414;
  background-color: #fff9ec;
}
.ql_banner {
  padding: 5px 12px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  color: rgba(52, 52, 52, 0.8);
}
.comment_box_ctrl.is-dragover:after {
  content: "Drop files to attach.";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #e6f5fd;
  border: 1px dashed #0e9aef;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  color: #333;
  font-size: 15px;
  font-weight: 600;
}
.comment_box_ctrl.is_drag_over:after {
  content: "Drop files to attach.";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #fff;
  border: 1px dashed #0e9aef;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  color: #333;
  font-size: 15px;
  font-weight: 600;
}
.comment_box_ctrl.is_drag_over.is-dragover:after {
  background-color: #e6f5fd;
}
.color_varients.dropdown .dropdown_item_ctrl_wrap li.drpdown_item_ctrl.active {
  border: 1px solid #0e9aef !important;
}
.color_varients.dropdown ul li .colored_icon_ctrl {
  height: 14px;
  min-width: 14px;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  margin: 0 5px 12px;
  opacity: 0.8;
  position: relative;
}
.color_varients.dropdown ul li .colored_icon_ctrl {
  height: 14px;
  min-width: 14px;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  margin: 0 5px 12px;
  opacity: 0.8;
  position: relative;
}
.color_varients.dropdown ul li .colored_icon_ctrl:hover {
  opacity: 1;
}
.color_varients.dropdown .drpdown_item_ctrl i {
  font-size: 20px;
}
.color_varients.dropdown
  .dropdown_item_ctrl_wrap
  li.drpdown_item_ctrl
  .colored_icon_ctrl:hover {
  background: #e0e1e2;
}
.color_varients.dropdown.select_text_list li.drpdown_item_ctrl {
  width: auto;
}
.color_varients.dropdown.select_text_list li.drpdown_item_ctrl {
  width: auto;
  display: block !important;
  float: unset;
  text-align: left;
  padding: 3px 10px;
}
.color_varients.select_text_list {
  min-width: 110px !important;
  padding: 0;
}
.color_varients.select_text_list li.drpdown_item_ctrl {
  margin: 0 !important;
  padding: 2px 8px;
  cursor: pointer;
}
.color_varients.select_text_list span.text_ctrl {
  color: #252222;
  font-size: 13px;
}
.color_varients.dropdown.select_text_list li.drpdown_item_ctrl:hover {
  background: #f5f5f7;
}
.color_varients.dropdown span.number_dot_color {
  width: 20px;
  height: 20px;
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add_tags_dropdown_icon_ctrl:hover i {
  color: #666;
}
.color_varients.dropdown .drpdown_item_ctrl i.fas.fa-font {
  font-size: 14px;
}
.dropdown-menu.three_dots_dropdown_innr.three_dot_action_dropdown {
  padding: 0;
}
.dropdown-menu.three_dots_dropdown_innr.drop_dow_sty .devider {
  min-height: 1px !important;
  background: #cbd3da;
  margin: 10px 0 5px 0;
}
.three_dot_action_dropdown ul.inlist.project_list-dropdown > li {
  padding: 6px 10px !important;
}
.dropdown-menu.three_dots_dropdown_innr.drop_dow_sty
  li
  span.icon_comon_width_ctrl
  i {
  color: #7e8187;
}
.dropdown-menu.three_dots_dropdown_innr.drop_dow_sty
  li
  span.icon_comon_width_ctrl
  svg.copy-link {
  width: 14px !important;
  height: 14px !important;
}
.dropdown-menu.three_dots_dropdown_innr.drop_dow_sty
  li
  span.icon_comon_width_ctrl
  svg {
  margin-right: auto;
}
span.task_action_icon_ctrl svg path {
  fill: #7e8187;
}
.conversation_preview_pane_main_wrapper .comments_text {
  background-color: #e0e0e0;
}
.comments_area.comment_area_right.comment_area_byself
  .comment_text_bg
  .mention {
  color: #fff;
  font-weight: 600;
}
.comments_area .action-magic-dots {
  display: inline-flex !important;
  align-items: center;
  opacity: 0;
  right: auto;
  top: 0;
  width: auto;
  margin-left: 5px;
  left: 100%;
  position: absolute;
}
.activity_list_ctrl .comments_area .action-magic-dots {
  position: relative;
  left: unset;
  top: unset;
  right: unset;
  margin-left: auto;
  margin-right: 5px;
}
.commented_innr_ctrl .time_entry_option {
  align-items: center;
  justify-content: center;
  display: flex;
}
.action-magic-dots .dropdown .time_entry_option {
  opacity: 1;
}
.action-magic-dots .dropdown.open .time_entry_option {
  opacity: 1;
}
.comments_area.comment-by-chatty .emoji-icon i {
  color: #9da1a5;
  font-size: 15px;
  cursor: pointer;
}
.comments_area.comment-by-chatty .emoji-icon {
  margin-left: auto;
  display: flex;
}
.color_varients.dropdown ul li .colored_icon_ctrl:last-child {
  margin-right: 0;
}
.color_varients.dropdown ul li .colored_icon_ctrl:first-child {
  margin-left: 0;
}
.color_varients.dropdown label.label_text {
  color: #333;
  font-size: 13px;
  margin-bottom: 10px;
  opacity: 1 !important;
  font-weight: 600;
}
.range_slide_control input[type="range"]::-webkit-slider-thumb {
  height: 20px;
  width: 6px;
  border-radius: 3px;
  background: #0e9aef;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
.range_slide_control input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #dcdee1;
  border-radius: 6px;
}
.range_slide_control input[type="range"]:focus {
  outline: 0;
}
.range_slide_control input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
}
.stroke_thickness_view {
  background: #f5f5f7;
  padding: 16px;
  margin-bottom: 18px;
}
.stroke_thickness_view svg {
  min-height: 32px;
  min-width: 100%;
}
.range_slide_control .range_value_text .text_ctrl {
  font-size: 11px;
  color: #666;
}
.range_slide_control .range_value_text {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.color_varients.dropdown ul li .colored_icon_ctrl.active:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  top: 0;
  font-size: 11px;
  position: relative;
  left: 0;
  content: "\f00c";
  line-height: 1.6;
  height: 14px;
  vertical-align: middle;
}
.dropdown_with_label .custom_field_type_ctrl .selected_field {
  font-size: 14px;
  color: #000;
}
.dropdown_with_label .selection_field_type {
  width: 100%;
  height: 32px;
  border: 1px solid #dededf;
  padding: 6px 11px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  opacity: 1;
}
.color_varients.dropdown.arrow_list_ctrl .dropdown_with_label {
  margin-bottom: 12px;
}
.color_varients .custom_field_type_ctrl .dropdown-menu {
  margin-top: -1px;
  overflow: auto;
  height: auto;
  max-height: 220px;
  overflow-x: hidden;
}
.color_varients.dropdown .custom_field_type_ctrl .dropdown-menu > a {
  font-size: 13px;
  color: #000;
}
.stroke_thickness_view .stroke_icon {
  width: 100%;
  height: 6px;
  background: red;
}
button.action_tools.add_screenshot_action_tools {
  display: flex;
  align-items: center;
  justify-content: center;
}
button.action_tools.add_screenshot_action_tools svg {
  width: 14px;
  height: 14px;
  color: #151b26;
  display: block;
}
.ss-form-group {
  margin-bottom: 0;
}
.ss-form-group label.container.radio_btn_wrap:last-child {
  margin-bottom: 0;
}
.security_labe_with_input .input_form_ctrl {
  padding: 0 26px;
}
.security_labe_with_input .input_form_ctrl input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
  height: 36px;
}
.merge_capture_modal_popup .confirm-remove-category__last-warning {
  margin-bottom: 32px;
}
.maege_button_footer.modal-footer {
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px;
}
.capture_coment_attachment {
  width: auto;
  height: auto;
  padding: 0;
  margin: 5px 0 0 0;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  background: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  overflow: hidden;
}
.capture_coment_attachment:first-child {
  margin: 0;
}
.capture_attachment_details {
  padding: 5px 10px;
  display: flex;
  align-items: flex-end;
  position: static;
  bottom: 0;
  width: 100%;
  z-index: 99;
  opacity: 1;
}
.capture_attachment_details .attachment-name {
  font-weight: 600;
  font-size: 13px;
}
.capture_attachment_details .attach-action .attach-action-icon {
  display: block;
}
.capture_attachment_details .attach-action {
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  justify-content: flex-end;
  flex-flow: row;
  align-content: flex-end;
  flex: 0 1 auto;
  -webkit-box-align: center;
  -webkit-box-pack: end;
}
.capture_attachment_details .attach-action i {
  color: #fff;
  opacity: 1;
  font-size: 13px;
}
.capture_attachment_details .icon_ctrl_span {
  margin-left: 10px;
}
.capture_attachment_details .attach-action i:hover {
  opacity: 1;
  color: #0e9aef;
}
.capture_coment_attachment:hover .capture_attachment_details {
  opacity: 1;
}
.capture_attachment_details .attach-action svg:hover path {
  fill: #fff;
  opacity: 1;
}
.capture_attachment_details .attach-action svg {
  width: 15px;
  height: 15px;
}
.capture_attachment_details .attach-action svg path {
  color: #151b26;
  opacity: 0.8;
}
.comments_area.comment_area_right:hover
  .action-magic-dots
  .dropdown
  .time_entry_option {
  opacity: 1;
}
.capture_coment_attachment img {
  width: auto !important;
  height: auto;
  max-width: 240px !important;
  border-radius: 8px;
  min-width: 100px;
  max-width: 240px;
}
.comments_text .mention {
  color: #0e9aef;
  font-weight: 600;
}
.R_capture_dropdown {
  position: relative;
}
.R_capture_dropdown .capture_icon_cliked img {
  display: block;
  width: 16px;
  height: 16px;
}
.capture_list_dropdown_inner .info_header {
  padding: 8px 15px;
  border-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  height: 40px;
  border-top-left-radius: 4px;
}
.info_header .info_inner .info_text {
  color: #333 !important;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  margin-left: 0;
}
.info_header .info_inner .info_icon_ctrl {
  margin-left: 7px;
}
.info_header .info_inner .info_icon_ctrl i {
  color: #aeb0b3;
  font-size: 12px;
}
.search_bar_for_capture .short_order_icon_right .icon_span_ctrl svg {
  width: 17px;
  height: 13px;
  display: block;
  fill: #7e8187;
}
.search_bar_for_capture .short_order_icon_right .icon_span_ctrl svg path {
  fill: #7e8187;
}
.search_bar_for_capture .short_order_icon_right .icon_span_ctrl i {
  color: #7e8187;
}
.search_bar_for_capture .mcd_search_box input {
  height: 28px;
  background: #fff;
  border: 1px solid #d8dee3;
  border-radius: 3px;
}
.search_bar_for_capture .mcd_search_box > i {
  top: 9px !important;
  color: #7e8187 !important;
}
.R_capture_dropdown {
  min-width: 34px;
  height: 34px;
  align-items: center;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  margin: 0 5px;
  cursor: pointer;
}
.R_capture_dropdown:hover {
  background: #e0e1e2;
}
.capture_type_icon_container {
  width: 50px;
  height: 42px;
  border: 1px solid #d4d8db;
  border-radius: 3px;
  background: #f5f5f7;
  align-items: center;
  display: flex;
  justify-content: center;
}
.search_box_timer_innr_ctrl.search_bar_for_capture .mcd_search_box input {
  height: 28px !important;
  background: #fff !important;
  border: 1px solid #d8dee3 !important;
  border-radius: 3px;
  padding-right: 26px;
}
.tabs_inner_content_wrap .captures_data_ctrl_li .task_list_ctrl {
  width: 100%;
}
.tabs_inner_content_wrap
  .captures_data_ctrl_li
  .task_list_ctrl
  .capture_thumb_details {
  margin-right: 0 !important;
}
.capture_thumb_details .task_wrap_fullwidth_ctrl {
  display: flex;
  align-items: center;
}
.capture_thumb_details .capture_list_action_icon {
  display: flex;
  align-items: center;
}
.capture_thumb_details .capture_icons_group_right .task_action_icon_ctrl {
  min-width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
}
.capture_icons_group_right .task_action_icon_ctrl:hover {
  background: #e0e1e2;
}
.tabs_inner_content_wrap li.captures_data_ctrl_li .capture_thumb_details {
  padding-left: 5px;
}
.capture_list_action_icon .capture_icons_group_right {
  opacity: 0;
}
.tabs_inner_content_wrap
  ul.column_layout.task_listing.list-size_active
  > li:hover
  .capture_list_action_icon
  .capture_icons_group_right {
  opacity: 1;
}
.capture_thumb_details .task_wrap_fullwidth_ctrl .capture_upload_time {
  color: #333;
  font-size: 11px;
  font-weight: 400;
  margin-left: auto;
}
.capture_thumb_details .capture_list_action_icon .capture_type_name_text {
  color: #737373;
  font-size: 12px;
  font-weight: 600;
  padding-left: 5px;
}
.tabs_inner_content_wrap
  .captures_data_ctrl_li
  .task_list_ctrl
  svg.Icon.DragIcon.DragHandle-icon {
  margin-left: 0;
  width: 13px;
  fill: #737373;
}
.info_header button.exit_side_panel {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-left: auto;
  border: 0;
  text-decoration: none;
  color: #465369 !important;
  opacity: 0.5;
  width: 23px;
  height: 23px;
  border-radius: 3px;
  background: 0 0;
}
.info_header button.exit_side_panel svg {
  display: block;
  width: 12px;
}
.capture_list_group_label {
  height: 28px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  background: #f5f5f7;
}
.capture_list_dropdown ul.widget_tabs_ul > li.active {
  color: #0e9aef;
  font-size: 13px;
  font-weight: 600;
}
.capture_list_dropdown ul.widget_tabs_ul > li .icon_span_ctrl {
  margin-right: 8px;
}
.capture_list_dropdown ul.widget_tabs_ul > li .icon_span_ctrl svg path {
  fill: #333333;
}
.capture_list_dropdown ul.widget_tabs_ul > li .icon_span_ctrl svg {
  width: 15px;
  height: 12px;
  display: block;
}
.capture_list_dropdown ul.widget_tabs_ul > li .icon_span_ctrl i {
  color: #333;
  font-size: 15px;
  display: block;
}
.capture_list_dropdown ul.widget_tabs_ul > li.active .icon_span_ctrl i {
  color: #0e9aef;
}
.capture_list_dropdown ul.widget_tabs_ul > li.active .icon_span_ctrl svg path {
  fill: #0e9aef !important;
}
.capture_list_dropdown ul.widget_tabs_ul > li {
  flex: 1 auto;
  width: auto;
}
.capture_list_dropdown ul.widget_tabs_ul > li {
  font-size: 13px;
  font-weight: 600;
  color: #333;
}
.info_header button.exit_side_panel:hover {
  opacity: 1;
  fill: #000;
}
.copy_link_dropdown_ctrl .add_task_in_list_btn {
  height: 30px;
  background: #0e9aef;
  color: #fff;
  justify-content: center;
  border: 0;
}
.copy_link_dropdown_ctrl .add_task_in_list_btn svg {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.copy_link_dropdown_ctrl .add_task_in_list_btn svg path {
  fill: #fff;
}
.copy_link_dropdown_ctrl .add_dropdown_in_list_ctrl {
  border: 0;
  margin-left: auto;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  background: #0e9aef;
  border-radius: 0 6px 6px 0;
  align-items: center;
  color: #fff;
  padding: 9px;
}
.copy_link_dropdown_ctrl .add_dropdown_in_list_ctrl:hover {
  background: #0c81c6;
}
.copy_link_dropdown_ctrl .add_dropdown_in_list_ctrl i {
  color: #fff;
  line-height: initial;
  font-size: 11px;
}
.copy_link_dropdown_ctrl
  .dropdown
  .add_task_in_list_main_ctrl.open
  + .dropdown-menu {
  width: 234px;
}
.copy_link_dropdown_ctrl
  .dropdown-menu.three_dots_dropdown_innr.drop_dow_sty.arrow_box_top.dropdown-right:before {
  left: 50%;
  right: 0;
  transform: translate(-50%, 0);
}
.copy_link_dropdown_ctrl
  .dropdown-menu.three_dots_dropdown_innr.drop_dow_sty.arrow_box_top.dropdown-right:after {
  left: 50%;
  right: 0;
  transform: translate(-50%, 0);
  margin-left: -1px;
}
.copy_link_dropdown_ctrl
  .add_task_in_list_main_ctrl
  .add_task_in_list_btn:hover {
  background: #0e9aef;
}
.copy_link_dropdown_ctrl
  .add_task_in_list_main_ctrl
  .add_dropdown_in_list_ctrl:hover {
  background-color: #0c81c6;
}
.four_column_view_dropdown.copy_link_dropdown_ctrl .add_task_in_list_main_ctrl {
  height: 30px;
}
.R_capture_dropdown .capture_icon_cliked svg {
  width: 14px;
  height: 14px;
  fill: #828282;
  display: block;
}
.R_capture_dropdown:hover .capture_icon_cliked svg path {
  fill: #4d4d4d;
}
.sub_header_child_row .connected_task_wrap {
  margin-left: auto;
}
.four_column_view_dropdown.copy_link_dropdown_ctrl {
  min-width: 120px;
}
.close_without_saving_popup .maege_button_footer.modal-footer {
  text-align: right !important;
}
.close_without_saving_popup button.btn.btn-default.dismiss_modal {
  background: #f3f3f3;
  padding: 6px 12px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
}
.close_without_saving_popup
  .confirm-remove-category__icon.icon.common_mr
  svg
  path {
  fill: #e6a000;
}
.first_selected_merge_wrap .capture-name-header {
  display: flex;
  padding: 0;
}
.first_selected_merge_wrap
  .capture-name-header
  .capture-name
  .view_detail_bug_title {
  padding: 6px 3px !important;
  border: 1px solid transparent;
  margin-right: 0;
  line-height: 13px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  height: 30px !important;
}
.first_selected_merge_wrap
  .capture-name-header
  .capture-name
  .view_detail_bug_title:hover {
  border: 1px solid #d3dae8;
}
.first_selected_merge_wrap
  .capture-name-header
  .capture-name
  .view_detail_bug_title:focus {
  border-color: #0e9aef;
}
.task_data_block_container .task_data_ctrl_left {
  flex: 1 auto;
  width: 0;
  display: inline-flex;
  cursor: pointer;
}
.subtask-container .subtask-icon_count {
  font-weight: 500;
  margin-left: 5px;
  height: 18px;
  font-size: 12px;
  color: #7b8493;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload_capture_popup .modal-header .close {
  position: absolute;
  right: 15px;
  top: 8px;
}
.upload_capture_popup .modal-body {
  padding: 10px 15px !important;
}
.upload_capture_popup .capture_upload_options .btn {
  text-align: center;
  display: flex;
  margin: 10px auto;
  width: 176px;
  color: #fff;
  font-size: 13px;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.team_label_with_setting_icon .team_fol_seting_icon {
  margin-left: auto;
  opacity: 0;
}
.team_label_with_setting_icon:hover .team_fol_seting_icon {
  opacity: 1;
}
.team_label_with_setting_icon:hover .quick_search.in_sidebar {
  opacity: 1;
}
.team_label_with_setting_icon .team_fol_seting_icon i {
  color: #414141;
  opacity: 0.5;
  font-size: 13px;
}
.team_label_with_setting_icon .team_fol_seting_icon i:hover {
  opacity: 1;
}
.team_label_with_setting_icon .team_fol_seting_icon.active i {
  opacity: 1;
}
.shared_folder_tooltip.arrow_box_top:before {
  border-bottom-color: #000;
  left: 81%;
  transform: translate(-50%, 0);
  top: -17px;
}
.shared_folder_tooltip {
  background: #000;
  color: #fff;
  position: absolute;
  font-size: 12px;
  opacity: 1 !important;
  padding: 8px;
  min-width: 205px;
  border-radius: 3px;
  right: -33px;
  top: 17px;
  margin-top: 5px;
  display: none;
  z-index: 9999;
}
.shared_folder_icon:hover .shared_folder_tooltip {
  display: block;
}
.shared_folder_tooltip.arrow_box_top:after {
  display: none;
}
.shared_folder_tooltip .shared_with_member {
  padding-bottom: 6px;
  border-bottom: 1px solid #c6c6c7;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.shared_folder_tooltip .shared_user_email {
  padding: 0 0 0 9px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
  overflow: hidden;
}
.shared_folder_tooltip .shared_user_email > span {
  padding: 0 4px 0 0;
}
.shared_folder_tooltip .shared_with_member .shared_user_icon svg {
  margin-right: 8px;
  width: 12px;
  display: block;
}
.shared_folder_tooltip .shared_with_member .shared_user_icon svg path {
  fill: #fff;
}
.grouped_by_section.group_by_list_parent
  .grouped_by_label_with_count
  .chevron_ctrl {
  display: inline-block;
}
.collapse_common_icon_ctrl {
  width: 17px !important;
  height: 17px !important;
}
svg.copy_link_icon_common_ctrl {
  width: 16px !important;
  height: 16px !important;
}
.first_selected_merge_wrap .capture-name-header .capture-name {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  min-width: 0;
  position: relative;
}
.task_name_tooltip {
  top: 38px;
  position: absolute;
  z-index: 999;
  width: auto;
  font-size: 12px;
  display: none;
  padding: 3px 8px;
  right: auto;
  left: 0;
  margin: auto;
}
.task_name_tooltip .task_list_discription {
  margin-top: 0;
  word-break: break-all;
}
.first_selected_merge_wrap
  .capture-name-header
  .capture-name:hover
  .task_name_tooltip {
  display: inline-flex;
}
.user_availablity_status svg {
  margin-top: 0 !important;
  margin-right: 7px;
}
.user_date_column_outer_wrap .user_data_ul_list li {
  width: 100%;
}
.user_date_column_outer_wrap
  .user_data_ul_list
  li
  .user_data_culumn_list_full_wrap {
  display: flex;
  align-items: center;
  border: 1px solid #e1e1e1;
}
.user_date_column_outer_wrap
  .user_data_ul_list
  li
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl {
  align-items: center;
  text-align: center;
  min-width: 120px;
  justify-content: center;
  display: inline-flex;
  border-right: 1px solid #e1e1e1;
}
.user_availablity_status_modal_ctrl .modal-dialog.modal-lg {
  width: calc(100% - 40px);
  height: calc(100vh - 60px);
}
.data_table_header_wrap .data_table_header_inner {
  display: flex;
  width: 100%;
}
ul.user_data_ul_list li .user_data_culumn_list_full_wrap:first-child {
  border-top: 0;
}
.user_availablity_status_modal_ctrl
  .modal-title.modal-large-heading.text-center {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: center !important;
  align-items: center;
  margin: 0 auto;
  line-height: normal;
}
.user_availablity_status_modal_ctrl .modal-header {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 15px;
}
.user_availablity_status .timer_icon_header svg {
  width: 13px;
  height: 13px;
  display: block;
}
.table_data_main_container {
  overflow: auto;
  width: 100%;
}
.compact_ui.top_header_action_tools_ctrl .open a {
  background: 0 0;
}
.compact_ui.top_header_action_tools_ctrl .dropdown-menu.dropdown-right {
  margin-right: -14px;
  margin-top: 10px;
  min-width: 266px;
  left: auto !important;
}
.public_member_item .member_item_icon {
  margin-right: 12px;
}
.public_member_item .member_item_icon .member-avatar-container {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #4186e0;
  color: #fff;
  border-radius: 100%;
}
.public_member_item_container {
  display: flex;
  align-items: center;
  color: #737373;
  font-size: 13px;
}
.public_member_item_container .bublic_member_name {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  margin-right: 8px;
}
.public_member_item .member_permission-options_dropdown {
  display: flex;
  margin-left: auto;
}
.member_permission-options_dropdown .permissinon_text {
  color: #8c8c8c;
  font-size: 13px;
}
.public_member_item {
  display: flex;
  align-items: center;
  padding: 5px 10px 5px 0;
}
.tab-content .member_header_tittle {
  font-size: 13px;
  font-weight: 600;
  color: #353535;
  padding: 0 0 15px;
}
.Public-to-Organization_member_list .public_member_item:last-child {
  padding-bottom: 0;
}
#Membership-request .form-group.add-team-members {
  margin-bottom: 0;
}
#Private-tab .private_pane_ctrl {
  margin-bottom: 0;
}
.form-group.privacy-tabbing-nav {
  margin-bottom: 0;
}
.permissinon_text .caret_icon {
  margin-left: 7px;
}
.permissinon_text .caret_icon i {
  font-size: 9px;
}
.member_permission-options_dropdown.dropdown
  .dropdown-menu.theme_dropdown_with_icon_text {
  margin-left: -32px !important;
}
.both_input_div_ctrl {
  display: flex;
  align-items: center;
  width: 100%;
}
.both_input_div_ctrl .create_folder_input {
  flex: 1 auto;
}
.both_input_div_ctrl .folder_nested {
  width: 210px;
  margin-left: 10px;
}
.folder_nested .assignee_text {
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
  width: 145px;
}
.folder_nested li.project-icon-list {
  padding: 6px 7px 6px 9px !important;
}
.folder_nested .dropdown.custom_field_type_ctrl {
  border-radius: 3px;
}
.setting_page_content_container {
  background: #fff;
  width: 100%;
  border: 1px solid #cfd3da;
  border-radius: 0;
  margin-left: 7px;
}
.setting_page_inner {
  padding: 19px 0 0 0;
  height: 100%;
}
.setting_page_inner .setting_header_tittle {
  color: var(--text-primary);
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  font-weight: var(--text-h2-weight);
  letter-spacing: var(--text-h2-tracking);
  padding: 0 30px;
  margin-bottom: var(--space-4);
}
.setting_page_inner .filter_labels_conversation_view {
  border-top: 0;
  padding: 0 20px;
}
.setting_page_inner .filter_labels_conversation_view > ul {
  padding: 0;
  border-bottom: 1px solid #cfd3da;
}
.setting_page_inner .search_bar_header {
  padding: 0 20px;
  margin-top: 0;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 16px;
}
.search_bar_header .filter_btn_left_wrap {
  display: flex;
  align-items: center;
}
.search_bar_header .filter_btn_left_wrap > a {
  padding: 0 20px;
  display: inline-flex;
  min-height: 33px;
  align-items: center;
  border: 1px solid #eaecef;
  margin-right: 7px;
  border-radius: 3px;
  font-size: 14px;
  color: #000;
}
.filter_btn_left_wrap .today_btn-primary.active {
  background: #fafbfd;
  color: #0e9aef;
}
.search_bar_header .search_bar_right_wrap {
  margin-left: auto;
}
.search_bar_right_wrap .searc_input_div {
  position: relative;
}
.search_bar_right_wrap .searc_input_div input[type="search"] {
  border: 1px solid #d1dce7;
  padding-left: 32px;
  border-radius: 3px;
  font-size: 13px;
  color: #465369;
  line-height: 28px !important;
}
.search_bar_right_wrap .searc_input_div i.fas.fa-search {
  position: absolute;
  left: 10px;
  top: 11px;
  color: #939ba8;
  font-size: 12px;
}
.data_table_header_wrap .data_table_header_inner .tv_header_column {
  border: 0;
}
.table_data_main_container.setting_table_ctrl {
  padding: 0 0;
  margin-top: 0;
  position: relative;
}
setting_table_ctrl .data_table_header_wrap {
  border-radius: 4px;
}
.data_table_header_wrap .data_table_header_inner {
  background: #ecedf0;
  height: 47px;
  padding: 0 0 0 20px;
  border-radius: 4px 4px 0 0;
}
.data_table_header_wrap .data_table_header_inner .tv_header_column {
  border: 0;
  justify-content: flex-start;
  align-items: center !important;
  display: flex;
  vertical-align: middle;
  background: 0 0;
  min-width: 98px;
  padding: 0;
  position: relative;
  padding: 0 10px 0 0;
}
.setting_table_ctrl .sorting_button {
  display: inline-flex;
  align-items: center;
}
.col-1 {
  width: 98px !important;
  min-width: 98px !important;
}
.col-2 {
  width: 220px !important;
  min-width: 220px !important;
}
.column4 {
  flex: 1 auto;
  width: 0 !important;
  padding-right: 50px !important;
}
.column5 {
  width: 400px !important;
  min-width: 220px !important;
}
.setting_table_ctrl .user_data_culumn_list_full_wrap .list_data_column_ctrl {
  color: #333;
  font-size: 13px;
  justify-content: unset !important;
  border-right: 0 !important;
  padding: 0 10px 0 0;
}
span.data_filter_icon {
  display: inline-flex;
  position: absolute;
  top: 20px;
  right: 10px;
  cursor: pointer;
}
span.data_filter_icon i.fas.fa-caret-up {
  margin-top: -6px;
  margin-right: -8px;
}
span.data_filter_icon i {
  position: relative;
  color: #9aa0ac;
  font-size: 13px;
}
.setting_table_ctrl .user_data_culumn_list_full_wrap {
  padding: 0 0 0 20px;
}
.setting_sidebar .label_text_icon_ctrl .label_text_ctrl {
  width: auto;
  padding-right: 7px;
}
.setting_sidebar .label_text_icon_ctrl i {
  color: #8c93a1;
  font-size: 12px;
  display: inline-flex;
  margin-top: 0;
  opacity: 0.7;
  position: relative;
  top: 4px;
  transition: ease all 0.3s;
}
.setting_sidebar ul.capture_fixed_menu_ul > li {
  padding: 0 !important;
  border: 0;
}
.setting_sidebar ul.capture_fixed_menu_ul > li > a {
  padding: 4px 0 4px 20px !important;
  height: 30px;
  position: relative;
  border-radius: 4px;
}
ul.inner_sidebar_ctrl.bottom_sidebar_element {
  position: absolute;
  bottom: 0;
  height: auto;
}
.setting_sidebar
  .ui_style_ctrl.setting_theme_leftside_bar
  .capture_folder_element_ctrl:last-child {
  border-bottom: 0 !important;
}
.setting_sidebar
  .ui_style_ctrl.setting_theme_leftside_bar
  .capture_folder_element_ctrl {
  border-bottom: 1px solid #d5d5d6 !important;
}
.search_bar_right_wrap .searc_input_div input[type="search"]:focus {
  border: 1px solid #0e9aef;
}
.setting_sidebar .treeview_search_filter_ctrl span.collapse-ctr {
  height: 28px !important;
}
.folder_nested .dropdown.custom_field_type_ctrl .selection_field_type {
  border-radius: 3px;
}
.custome_filter_range_slider .rcl-calendar .cell {
  display: inline-block;
  padding: 0 5px;
  width: 14.285714285714286%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  width: 30px;
}
.custom_filter_range_slider .tc_star_date_wrap_left {
  width: min(140px, 160px);
}
.custom_filter_range_slider .dropdown-menu.theme_calendar_drop_ctrl {
  width: 643px !important;
  margin-top: 11px;
}
.custom_filter_range_slider
  .tc_calendar_body
  .tc_calendar_body-inner
  .mcd_client_list {
  display: flex;
  width: auto;
}
.custom_filter_range_slider .datepicker-wrapper {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 13px;
  border: 1px solid #eaecef;
  height: 33px;
  border-radius: 3px;
  padding: 10px;
}
.custom_filter_range_slider .datepicker-wrapper svg {
  width: 13px;
  fill: #0e9aef;
  margin-right: 7px;
  display: block;
}
.custom_filter_range_slider .arrow_box_top:after {
  border-bottom-color: #f5f5f7;
}
.device_details_icon span i {
  font-size: 13px;
  color: #7f8288;
  margin-right: 7px;
  cursor: pointer;
}
.cell.day.blank:hover {
  background: 0 0;
}
.inner_sidebar_ctrl.bottom_sidebar_element .Help_text_ctrl {
  margin: 0 0 9px;
  font-size: 13px;
  color: #495057;
  opacity: 0.53;
  font-weight: 600;
  cursor: pointer;
}
.upload_ui_modal_main .modal-title {
  display: flex;
  color: #000;
  text-align: center;
  width: 490px;
  font-weight: 600;
  font-size: 16px;
  opacity: 1;
  align-items: center;
  justify-content: center;
}
.upload_ui_modal_main .modal-header {
  position: relative;
}
.upload_ui_modal_main .close {
  position: absolute !important;
  right: 10px !important;
  top: 8px;
  padding: 0;
}
svg.svg_icon_common_w_ctrl {
  width: 15px !important;
  height: 15px;
  padding: 0;
}
li.insights.active .element_icn_ctrl svg {
  background: #fff;
  fill: #0e9aef;
}
a.datepicker-wrapper.dropdown-toggle:hover {
  background: #fafbfd;
}
.search_bar_header .filter_btn_left_wrap > a:hover {
  background: #fafbfd;
}
.user_date_column_outer_wrap .list_data_column_ctrl .data_item {
  white-space: nowrap;
  overflow: hidden;
  display: inline-flex;
  text-overflow: ellipsis;
}
.list_data_column_ctrl .device_details_data {
  color: #020202;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user_date_column_outer_wrap .list_data_column_ctrl .data_item {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.setting_theme_leftside_bar .common_me_element_ctrl .label_text_icon_ctrl {
  width: 100%;
}
.custom_filter_range_slider .mcd_client_list .vdp-datepicker:first-child {
  border-right: 1px solid #f0f0f0;
}
.vertical_bar_on_page ul.vertical_bar_ul {
  z-index: 9 !important;
}
.capture_inbox_splitter_inner {
  width: 100%;
  position: relative;
  display: inline-flex;
}
.count_task_view_dropdown_inner.connected_task.all_task_tab_view
  .task_wrap_bg_ctrl {
  overflow: unset !important;
  height: auto;
  background: 0 0;
}
.widget_tabs_ul .task_total_count {
  background: #eeeff2;
  border-radius: 20px;
  color: #495057;
  margin-left: 8px;
  height: 16px;
  font-size: 12px;
  padding: 0 6px;
  font-weight: 600;
  text-align: center;
}
.capture_list_dropdown ul.widget_tabs_ul > li.active .task_total_count {
  background: #cceafc;
  color: #1592e6;
}
.task_list_scroll {
  display: block;
  height: calc(100vh - 303px);
  overflow: auto;
  padding: 10px;
}
.create_new_task_tt {
  background: #199eef 0 0 no-repeat padding-box;
  border: 1px solid #7070701a;
  opacity: 1;
  color: #fff;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  margin: 10px 10px;
}
.create_new_task_tt i {
  margin-right: 14px;
  font-size: 12px;
}
.task_tab_content_inner {
  background: #f5f5f7;
  height: 100%;
}
.preview_capture_modal_container
  .capture_list_dropdown.capture_list_dropdown_full_modal_popup.display_all_capture_side_panel {
  right: 0;
  z-index: 99999 !important;
}
.rounded-container_ctrl .task_rec_content_wrap:hover {
  border: 1px solid #199eef;
}
.tabs_inner_content_wrap.scroll_none {
  overflow: unset !important;
}
.capture_list_dropdown_inner ul.widget_tabs_ul {
  padding: 0 8px;
}
.widget_tabs_ul .arrow_circle_right {
  height: 16px;
  width: 16px;
  border-radius: 100%;
  display: flex;
  border: 1px solid #9aa0ac;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  cursor: pointer;
  font-size: 8px;
  color: #9aa0ac;
}
.search_box_add_time_ctrl.search_bar_for_capture
  .mcd_search_box
  input[type="text"] {
  background: 0 0;
  border: 1px solid #d8dee3;
  height: 28px;
}
.tabs_inner_content_wrap.side_bar_in_modal {
  height: calc(100vh - 172px) !important;
}
.capture_list_group_label .grouped_by_label {
  color: #465369;
  font-weight: 600;
  opacity: 1;
}
.tabs_inner_content_wrap.scroll_none.create_task_panel {
  height: calc(100vh - 146px);
}
.task_tab_content_inner.create_task_bg {
  background: #fff;
  height: 100%;
  overflow: auto;
  width: 100%;
}
.create_task_input_wrap .form-group label {
  color: #353535;
  font-size: 13px;
  font-weight: 600;
}
.create_new_task_row input.form-control {
  border-radius: 3px;
  border: 1px solid #c2c5c699;
  padding-left: 12px;
  background: #fff;
}
.create_new_task_row input.form-control:focus {
  border: 1px solid #0e9aef;
}
.create_new_task_row {
  position: relative;
}
.create_new_task_row .capture_numbering_thumb.task_status_box {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 11px;
  left: 11px;
}
.create_task_input_wrap .task_discription_input textarea.title-textarea {
  height: auto;
  min-height: 91px;
  width: 100%;
  border: 1px solid #c2c5c699;
  resize: none;
  border-radius: 3px;
  padding: 10px;
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -webkit-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -ms-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -moz-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -o-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
}
.create_task_input_wrap
  .task_discription_input
  textarea.title-textarea::placeholder {
  color: #999;
}
.create_task_input_wrap .rcl.preview_pane_header_ctrl {
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
  background: #f5f5f7;
  border-radius: 3px;
  padding: 5px;
}
.create_task_input_wrap .rcl.preview_pane_header_ctrl .assignee-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.create_task_input_wrap
  .rcl.preview_pane_header_ctrl
  .assignee-container
  span.iconbg {
  margin-right: 9px;
}
.create_new_task_panel_ctrl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  z-index: 99;
}
.create_new_task_panel_ctrl .info_header .back_chevron_icon_ctrl {
  background: #f5f5f7;
}
.create_task_input_wrap
  .rcl.preview_pane_header_ctrl
  .assignee-container
  span.iconbg
  svg {
  display: block;
}
.overlay_preview_panel_ctrl.table_view_detail_panel.preview_pane_is_closed
  .capture_list_dropdown_full_modal_popup.display_all_capture_side_panel {
  margin-right: 0;
}
.setting_page_inner .my_profile_header {
  padding: 0 30px;
}
.my_profile_header_inner {
  border-bottom: 1px solid #e9e9eb;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.my_profile_header_inner .profile_tittle_left {
  flex: auto;
  min-height: 32px;
  display: flex;
  align-items: center;
}
.my_profile_header_inner .profile_tittle_left .header_tittle {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
}
.back_to_main {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  opacity: 0.7;
  position: relative;
  margin-left: -2px;
  color: #000;
  font-weight: 600;
  margin-bottom: 6px;
}
.back_to_main svg {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.back_to_main:hover {
  opacity: 1;
}
.edit_profile_action_button_right button.btn.btn-primary.active {
  background: #0e9aef;
}
.setting_profile_control {
  padding: 15px 30px;
}
.setting_profile_inner_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  overflow: auto;
  height: calc(100vh - 230px);
}
.setting_profile_inner_wrap .settings_profile_side_menu {
  min-width: 454px;
  display: none;
}
.settings_profile_side_menu ul.setting_menu_ul {
  max-width: 210px;
  border: medium none;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
}
ul.setting_menu_ul .menu_item.active .menu_item_text {
  color: #2680eb;
}
ul.setting_menu_ul .menu_item.active {
  background-color: #2680eb1a;
  color: #2680eb;
}
.settings_profile_side_menu ul.setting_menu_ul li.menu_item {
  align-items: center;
  display: flex;
  padding: 6px 10px;
}
.settings_profile_ui_inner .settings_profile_picture {
  display: flex;
  margin: 12px 0 40px 0;
}
.settings_profile_picture .user_picture {
  width: 120px;
  min-width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 37px;
  color: #fff;
  font-weight: 600;
  border: 10px solid #fff;
  position: relative;
  transition: 0.2s;
  cursor: pointer;
}
.settings_profile_picture .user_picture.default_color {
  background-color: #0e9aef;
}
.settings_profile_picture .upload_picture {
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin-left: 36px;
}
.settings_profile_field_in .profile_input_group {
  display: flex;
  margin-bottom: 20px;
}
.profile_input_group .column_fifty_fifty {
  width: 100%;
}
.profile_input_group .column_fifty_fifty .input_label {
  font-size: 13px;
  color: #353535;
  font-weight: 600 !important;
  margin-bottom: 8px;
  display: flex;
}
.settings_profile_field_in .profile_input_group input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
  height: 36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: 400;
}
.profile_input_group .column_fifty_fifty:last-child {
  margin-left: 16px;
}
.settings_profile_ui_view {
  width: 770px;
  margin: auto;
}
.profile_input_group .column_fifty_fifty:first-child {
  margin-left: 0;
}
.profile_input_group .team_mates_info {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.profile_input_group .team_mates_info .info_icon_ctrl {
  color: #465369;
  opacity: 0.46;
  margin-right: 6px;
}
.profile_input_group .team_mates_info p {
  margin-bottom: 0;
}
.profile_input_group .input_label .edit_email {
  margin-left: auto;
  cursor: pointer;
  font-size: 13px;
  color: #495057;
  opacity: 0.6;
}
.profile_input_group .input_label .edit_icon_ctrl i {
  color: #7e8187;
}
.upload_picture .upload_button {
  width: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  background-color: #f5f5f7;
  border: 1px solid #e8e8e9;
  font-size: 13px;
  font-weight: 600;
  border-radius: 3px;
  margin-bottom: 10px;
}
.profile_input_group .column_fifty_fifty button.Change.Password {
  width: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  background-color: #ecedf0;
  border: 1px solid #d4d8db;
  border-radius: 3px;
  margin-bottom: 0;
  color: #333;
  font-weight: 600;
  font-size: 13px;
}
.two_factor_authentication {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid #cfd3da;
  border-bottom: 1px solid #cfd3da;
}
.factor_authontication_text .tittle {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #000;
}
.two_factor_authentication .toggle_btn_ctrl .switch {
  width: 40px;
}
.two_factor_authentication
  .toggle_btn_ctrl
  .switch
  input:checked
  + .slider:before {
  transform: translateX(14px);
}
.two_factor_authentication .toggle_btn_ctrl {
  margin-right: 17px;
  display: inline-flex;
}
.two_factor_authentication .toggle_btn_ctrl .switch .slider:before {
  width: 16px;
  height: 16px;
}
.Additional_Sign_in_Options_wrap .Additional_sign_up {
  width: 178px;
  height: 60px;
  display: flex;
  border-radius: 3px;
  border: 1px solid #d4d8db;
  padding: 10px;
  margin-right: 20px;
}
.Additional_Sign_in_Options_wrap {
  display: flex;
}
.addintionl_sign_info .addintionl_text_area {
  display: flex;
}
.Additional_sign_up .addintionl_icon {
  margin-right: 14px;
}
.Additional_sign_up .addintionl_icon svg {
  width: 20px;
  height: 20px;
}
.addintionl_sign_info {
  width: 100%;
}
.addintionl_sign_info .addintionl_text_area .addintionl_threedot_dropdown {
  margin-left: auto;
  display: flex;
}
.addintionl_sign_info .addintionl_text_area .addintionl_threedot_dropdown i {
  transform: rotate(90deg);
  color: #9aa0ac;
  font-size: 13px;
}
.addintionl_text_area .sign_text {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.addintionl_sign_info .Enabled_with_tik {
  color: grey;
  font-size: 12px;
  font-weight: 600;
  padding-top: 6px;
}
.profile_setting_block_ctrl .tittle_label_text {
  color: #000;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.profile_setting_block_ctrl .sub_tittle_text {
  font-size: 12px;
  color: #92969a;
  margin-bottom: 14px;
}
.profile_setting_block_ctrl {
  margin-top: 20px;
}
.profile_setting_block_ctrl .api_token_input {
  display: flex;
  align-items: center;
}
.profile_setting_block_ctrl .api_token_input .copy_api {
  min-width: 36px;
  height: 36px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border: 1px solid #d4d8db;
  border-radius: 0 3px 3px 0;
  color: #858a95;
  cursor: pointer;
  font-size: 14px;
}
.profile_setting_block_ctrl .reset_token {
  color: #495057;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.6;
  margin: 10px 0 20px 0;
}
.profile_setting_block_ctrl.comm_border {
  border-bottom: 1px solid #cfd3da;
  padding-bottom: 20px;
}
.delete_account_btn_ctrl .Delete.Account {
  text-align: center;
  color: #fff;
  opacity: 1;
  font-weight: 600;
  min-width: 136px;
  height: 36px;
  border: 1px solid #ec4758;
  border-radius: 3px;
  font-size: 13px;
  background-color: #ec4758;
}
.addintionl_sign_info .Enabled_with_tick {
  color: grey;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  padding-left: 20px;
}
.Enabled_with_tick.active:before {
  font-family: "Font Awesome 5 Free";
  left: 0;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 0;
  font-size: 12px;
  color: #62d26f;
}
.Enable_with_tick {
  color: #62d26f;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}
.Additional_Sign_in_Options_wrap {
  display: flex;
}
addintionl_sign_info .addintionl_text_area {
  display: flex;
}
.upload_picture .profile_user_name {
  font-size: 32px;
  font-weight: 600;
  color: #333;
  line-height: normal;
  word-break: break-word;
}
.factor_authontication_text .sub_tittle {
  color: #92969a;
  font-size: 12px;
}
.addintionl_text_area {
  display: flex !important;
}
.api_token_input .api_token_text {
  width: 100%;
  border: 1px solid #d4d8db;
  height: 36px;
  border-radius: 3px 0 0 3px;
  border-right: 0;
  padding-left: 10px;
  font-size: 13px;
  color: #333;
  font-weight: 600;
  background: #f3f4f6;
  display: flex;
  align-items: center;
}
.conversation_preview_pane_main_wrapper .capture_module_selected_conversation {
  top: 34px;
  height: 100%;
  background: #fff;
}
.search_box_timer_innr_ctrl.search_bar_for_capture
  .mcd_search_box
  input[type="text"]:focus {
  border: 1px solid #0e9aef !important;
  border-radius: 3px !important;
}
.search_box_add_time_ctrl.search_bar_for_capture
  .search_box_timer_innr_ctrl
  .mcd_search_box
  input[type="text"]:focus {
  border: 1px solid #0e9aef;
}
.subtask-list-container
  .subtask-list.ui-draggable.ui-draggable-handle
  span.sub-move.subtask-detail-draggable {
  margin-left: 26px;
}
.subtask-list-container.subtask_block_ctrl {
  position: relative;
}
.leftSidebarMainDiv .theme_dropdown_with_icon_text {
  z-index: 999999;
}
.dropdown-menu.theme_dropdown_with_icon_text > a svg {
  display: block;
  width: 16px;
  height: 16px;
}
.dropdown-menu.theme_dropdown_with_icon_text > a > .icon_comon_width_ctrl {
  width: 22px;
}
.project-icon .common_innr_dropdown {
  width: 230px;
}
.assignee_list {
  max-height: 210px;
  min-height: 210px;
}
.common_innr_dropdown {
  min-width: 216px;
  max-width: 246px;
}
.email_icon_dropdown {
  max-width: 340px;
  max-height: 250px;
}
.team_inboxes_style {
  min-width: 190px;
}
ul.inlist.assignee_dropdown > li.active .fa-times {
  right: 9px;
  top: 12px;
}
ul.inlist.capture-type > li {
  padding: 6px 7px 6px 10px !important;
  color: #252222 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
.activity-icon h3.Label_heading_top {
  padding: 6px 9px 6px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #465369 !important;
  opacity: 1 !important;
}
.priority-icon h3.Label_heading_top {
  opacity: 1;
}
.Label_heading_top {
  opacity: 1;
}
.project_list_panel {
  width: 100%;
  max-height: 210px;
}
.tags_list {
  width: 100%;
  max-height: 210px;
}
.dropdown-menu.three_dots_dropdown_innr {
  padding: 0;
  border: 1px solid #e8e8e8;
  border-radius: 6px !important;
}
.assignee-div.assignee-cv-div .assignee-container.dropdown {
  min-height: 26px;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl > svg {
  display: block;
}
ul.inner_sidebar_ctrl > li.active > svg path {
  fill: #fff !important;
  opacity: 1;
}
ul.inner_sidebar_ctrl > li > svg.panel_svg path {
  fill: #151b26;
}
.me_section_main_heading.capture_folder.inbox_accordion {
  border-top: 0;
}
.attachment_div_activity {
  margin-top: 10px;
}
.capture_item_modal_popup {
  display: flex !important;
  width: 860px !important;
  min-height: 518px;
  box-shadow: 0 1px 6px #0000003d;
  border-radius: 6px;
  overflow: hidden;
}
.capture_item_vertical_bar {
  background: #fbfbfb;
  min-width: 56px;
  border-right: 1px solid #ced6dc;
  border-radius: 0 0 0 6px;
}
ul.capture_item_vertical_bar_ul {
  margin-top: 16px;
}
ul.capture_item_vertical_bar_ul .item_icon_ctrl {
  width: 28px;
  height: 28px;
  margin: auto;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
}
.capture_item_vertical_bar_ul li.item_icon_ctrl .panel_icon_position_ctrl svg {
  width: 16px;
  height: 16px;
  display: block;
}
.upload_ui_modal_main .close {
  position: absolute;
  right: 0;
}
.capture_item_modal_popup .modal-content {
  border-radius: 6px !important;
  border: 0;
}
.upload_ui_modal_main .modal-body {
  padding: 30px !important;
}
.upload_ui_modal_main .modal-body {
  padding: 15px !important;
}
.capture_item_modal_popup .modal-content .upload_box_wrapper .uploadBox {
  border-radius: 6px;
}
.capture_item_modal_popup .upload_capture_icon_group {
  display: none;
  flex-direction: column;
  align-items: center;
}
.upload_capture_icon_group .capture_type_icon {
  width: 257px;
  height: 97px;
}
.uppy-DragDrop-label {
  color: #000;
  font-weight: 600;
  font-size: 18px !important;
  margin-bottom: 0 !important;
}
.upload_box_wrapper .drag_your_file {
  color: #4f4f4f;
  font-size: 28px;
  font-weight: 600;
  opacity: 1;
  margin-bottom: 13px;
}
.upload_box_wrapper .uploadBox p {
  color: #4f4f4f;
}
.uploadBox a.upload_capture {
  color: #0e9aef;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}
.new_upload_capture_widget .modal-body {
  padding: 0 !important;
  display: inline-flex;
  width: 100%;
  height: calc(100% - 42px) !important;
}
.capture_item_modal_popup .modal-content .upload_box_wrapper .uploadBox {
  border-radius: 6px;
  margin-top: 0;
  height: 440px;
  cursor: auto;
  width: 100%;
  border-radius: 6px;
  margin-top: 0;
  height: 440px;
  transition: none;
  cursor: auto;
  transition: max-height 3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transition: max-height 3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: max-height 3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: max-height 3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: max-height 3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.uploadBox.compact_box_height_ctrl {
  height: auto !important;
  min-height: 260px !important;
}
.upload_capture_icon_group svg.capture_type_svg {
  opacity: 0.53;
}
li.item_icon_ctrl.active svg {
  fill: #fff;
}
li.item_icon_ctrl.active svg path {
  fill: #fff;
}
li.item_icon_ctrl.active svg * {
  fill: #ffffff;
}
ul.capture_item_vertical_bar_ul .item_icon_ctrl:hover {
  background: #fff;
  box-shadow: 0 1px 6px #4f4f4f59;
}
ul.capture_item_vertical_bar_ul li.item_icon_ctrl.active {
  background: rgb(14 154 241 / 10%);
  border: 1px solid rgb(14 154 241 / 50%);
}
.custom_capture_upload_ctrl {
  position: relative;
  border: 1px solid #dce1e6;
  border-radius: 3px;
}
.custom_capture_upload_ctrl .capture_wireframe {
  display: flex;
  align-items: center;
  height: 42px;
  border: 0;
  border-radius: 0;
  padding: 0 10px;
  position: relative;
}
.capture_wireframe .capture_file_icon svg {
  width: 20px;
  margin-right: 10px;
  display: block;
}
.capture_information_inner .capture_file_name {
  color: #262626;
  font-size: 13px;
  font-weight: 600;
  padding-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 340px;
  text-overflow: ellipsis;
  display: inline-block;
}
.rc_progress_collapse_expand_ctrl
  .capture_information_inner
  .capture_file_name {
  max-width: 340px;
}
.capture_wireframe .capture_right_div {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.capture_right_div span.upload_percent {
  font-size: 13px;
  font-weight: 600;
  color: #0e9aef;
  margin-right: 7px;
  display: flex;
}
.capture_right_div span.upload_time_left {
  margin-right: 12px;
  font-size: 13px;
  font-weight: 400;
  color: #737373;
}
.capture_right_div span.close_icon_ctrl {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 0 0 5px;
}
.file_upload_completed_label_text {
  color: #4caf50;
  padding: 0 6px 0 0;
  font-weight: 600;
  font-size: 14px;
}
.capture_upload_ctrl .custom_capture_upload_ctrl {
  margin-top: 10px;
  position: relative;
}
.progress.in_capture .progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #0e9aef;
  transition: none !important;
  box-shadow: none !important;
}
.custom_capture_upload_ctrl.upload.field span.upload_error {
  color: #ee6465;
  margin-right: 10px;
  font-weight: 400;
  font-size: 13px;
}
span.refresh_icon_ctrl svg {
  width: 12px;
  height: 12px;
  fill: #8c8c8c;
  display: block;
  margin-right: 7px;
}
.capture_right_div span.close_icon_ctrl svg {
  width: 12px;
  height: 12px;
  fill: #ed4758;
  opacity: 0.6;
}
.capture_right_div span.close_icon_ctrl svg:hover {
  opacity: 1;
}
.custom_capture_upload_ctrl .progress.in_capture {
  height: 4px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  border-bottom: 0;
  margin-bottom: 0;
}
.custom_capture_upload_ctrl.upload.field span.upload_error i {
  margin-left: 13px;
}
.capture_right_div .refresh_icon_ctrl {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  cursor: pointer;
}
.capture_right_div .refresh_icon_ctrl i {
  font-size: 12px;
  color: #8c8c8c;
}
.upload_time_left i.fas.fa-circle {
  font-size: 6px;
  position: relative;
  top: -2px;
  margin-right: 6px;
  color: #bababa;
}
.modal.upload_ui_modal_main .new_upload_capture_widget .modal-dialog {
  width: 860px;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl > i {
  width: 13px;
  height: 13px;
  display: inline-flex;
}
.time_and_estimate_item {
  font-size: 12px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #c6c6c7;
}
.captures_icon_wrap .ct_icon_ctrl svg {
  margin-right: 10px;
  width: 16px;
}
.captures_icon_wrap .ct_icon_ctrl i,
.captures_icon_wrap .ct_icon_ctrl svg,
.captures_icon_wrap .ct_icon_ctrl svg * {
  fill: #ffffff;
  color: #fff;
}
.captures_icon_wrap .ct_icon_ctrl {
  display: inline-flex;
  align-items: center;
}
.captures_icon_wrap .ct_icon_ctrl:last-child .ct_devider {
  display: none;
}
.captures_icon_wrap span.ct_devider {
  background: #fff;
  width: 1px;
  height: 14px;
  display: inline-flex;
  margin: 0 10px;
}
.custome_tooltip_pop_wrap .total_time_tooltip.arrow_box_top.dropdown-right {
  font-size: 12px;
  min-width: 455px;
}
.time_and_estimate_item .ct_devider {
  width: 1px;
  height: 10px;
  background: #fff;
  margin: 0 2px;
  display: inline-block;
}
.custome_tooltip_pop_wrap {
  position: absolute;
  z-index: 99;
  width: 200px;
  top: 100%;
  transform: translate(-50%, 0);
  left: 50%;
}
.custome_tooltip_pop_wrap {
  position: absolute;
  z-index: 9999;
  width: 492px;
  top: 100%;
  transform: translate(-50%, 0);
  left: 50%;
  margin-top: 4px;
  margin-left: 4px;
  display: none;
}
.count_with_tooltip:hover .custome_tooltip_pop_wrap {
  display: block !important;
}
.count_with_tooltip {
  position: relative;
}
.form_input_wrapper .form-group textarea {
  width: 100%;
  resize: none;
  padding: 10px 12px 0;
  font-size: 13px;
  font-weight: 400;
  color: #465369;
  border-radius: 3px;
  border: 1px solid #e5e6e7;
  height: 204px;
}
.add_url_inner_content_wrap .form-group .form-control,
.single-line {
  border-radius: 3px;
}
.form_input_wrapper .form-group textarea:focus {
  border: 1px solid #0e9aef !important;
}
.form_input_wrapper .form-group label {
  color: #353535;
  font-size: 13px;
  margin-bottom: 8px;
  font-weight: 600;
}
.add_url_inner_content_wrap .form_input_wrapper {
  max-width: 543px;
  margin: auto;
}
.form_input_wrapper > .form-group:last-child {
  margin-bottom: 0;
}
.add_note_header_ctrl .tittle_header_name {
  display: flex;
  align-items: center;
}
.add_note_header_ctrl .tittle_header_name .note_icon_ctrl {
  width: 24px;
  height: 24px;
  background: #ceecff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.tittle_header_name .note_icon_ctrl svg {
  width: 14px;
  height: 14px;
  display: block;
}
.tittle_header_name .note_icon_ctrl svg path {
  fill: #0e9aef;
}
.add_note_header_ctrl .note_name_editable {
  width: 100%;
  padding-right: 28px;
}
.add_note_header_ctrl .note_name_editable input {
  width: 100%;
  height: 30px;
  border-radius: 3px;
  border: 1px solid #0e9aef;
  font-size: 13px;
  font-weight: 600;
  padding: 0 6px;
}
.add_note_inner_content_wrap .add_note_header_ctrl {
  padding: 6px 15px;
  border-bottom: 1px solid #ced6dc;
}
.editbar_icon_ctrl .action_item_icon svg {
  width: 15px;
  height: 15px;
}
.tooledit_bar_ctrl .editbar_icon_ctrl .action_item_icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 1px;
  cursor: pointer;
}
.tooledit_bar_ctrl .editbar_icon_ctrl {
  display: flex;
  align-items: center;
}
.editbar_icon_ctrl .action_item_divider {
  width: 1px;
  background: #d4d8db;
  height: 18px;
  border-radius: 3px;
  margin: 0 8px;
  top: 2px;
  position: relative;
}
.editbar_icon_ctrl .action_item_icon svg path {
  fill: #7e8187;
}
.editbar_icon_ctrl .action_item_icon svg path {
  fill: #7e8187;
}
.toolbar_bar_full_screen .tooledit_bar_ctrl {
  padding: 6px 15px;
  border-bottom: 1px solid #ced6dc;
}
.tooledit_bar_ctrl .editbar_icon_ctrl .action_item_icon:first-child {
  margin-left: 0;
}
.editbar_icon_ctrl .action_icon_on_right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.tittle_header_name button.btn.btn-success.create_note {
  height: 30px;
  width: 70px;
  display: flex;
  align-items: center;
}
.tittle_header_name button.btn.btn-success.create_note {
  height: 30px;
  width: 70px;
  display: flex;
  align-items: center;
}
.add_note_text_area_container {
  height: 355px;
  padding: 6px 15px;
}
.add_note_text_area_container .note_pade_text_area {
  width: 100%;
  border: 0;
  resize: none;
  color: grey;
  font-size: 13px;
}
.Characters_count_wrap {
  height: auto;
  border-top: 0;
  display: flex;
  margin: auto;
  padding: 0 3px 0 0;
}
.Characters_count_wrap .Character_count_data {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  opacity: 0.45;
  margin-left: auto;
}
.editbar_icon_ctrl .ql-toolbar.ql-snow {
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.editbar_icon_ctrl .ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  width: 24px;
  height: 24px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 0;
}
.editbar_icon_ctrl .ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
  display: flex;
}
.editbar_icon_ctrl .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0;
  display: flex;
}
.editbar_icon_ctrl .ql-snow .ql-stroke {
  stroke: #7e8187 !important;
}
.editbar_icon_ctrl .ql-toolbar.ql-snow button i {
  color: #7e8187;
  font-size: 12px;
}
.editbar_icon_ctrl .ql-snow button:hover .ql-stroke {
  stroke: #000 !important;
}
.editbar_icon_ctrl .ql-snow button:hover i {
  color: #000;
}
.editbar_icon_ctrl button.edit_bar_icon svg path {
  fill: #7e8187;
}
.editbar_icon_ctrl button.edit_bar_icon:hover svg path {
  fill: #000;
}
ul.capture_item_vertical_bar_ul li.item_icon_ctrl.active:hover {
  box-shadow: none;
}
.tabbing_content_main_container {
  display: flex;
  width: 100%;
}
.tabbing_content_main_container .tab_content_view {
  width: 100%;
  position: relative;
}
.add_url_inner_content_wrap {
  padding: 16px;
  width: 100%;
}
.tab_content_view .capture_tab_ctrl {
  padding: 15px;
  flex-direction: column;
  display: flex;
  height: 100%;
  display: flex;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: auto;
}
.comming_soon_text {
  position: absolute;
  display: flex;
  font-size: 24px;
  color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.uploadBox.compact_box_height_ctrl
  .upload_capture_icon_group
  svg.capture_type_svg {
  width: 220px;
  height: 77px;
}
.uploadBox.compact_box_height_ctrl .upload_capture_icon_group svg.cloud_svg {
  width: 50px;
  height: 40px;
}
.uploadBox.is-dragover:before {
  display: none;
}
.capture_item_modal_popup
  .modal-content
  .upload_box_wrapper
  .uploadBox.is-dragover {
  border-color: #0e9aef;
  background: #c4e0f8;
}
.upload_box_wrapper .uploadBox.is-dragover svg.cloud_svg .a {
  fill: #000;
}
.upload_box_wrapper .uploadBox.is-dragover svg.capture_type_svg {
  opacity: 1;
}
.upload_box_wrapper .uploadBox.is-dragover svg.cloud_svg .b_blue {
  fill: #0e9aef;
}
.upload_box_wrapper .uploadBox.is-dragover svg.cloud_svg .b_blue {
  fill: #0e9aef;
}
.upload_percent svg {
  display: none;
}
.upload_percent svg path {
  width: 15px;
  height: 15px;
  display: block;
  fill: #0e9aef;
}
.upload_box_wrapper .capture_upload_ctrl {
  margin-top: 10px;
}
.capture_upload_ctrl .capture_upload_scroll {
  overflow: auto;
  max-height: 127px;
  padding: 10px !important;
}
.capture_wireframe .capture_information_inner {
  display: flex;
}
.text_capture_full_width_container {
  padding: 10px;
}
.text_capture_full_width_container .splitpanes.splitpanes--vertical {
  padding: 0 !important;
}
.text_capture_full_width_container .text_capture_full_width__inner {
  width: 100%;
  display: flex;
  overflow: hidden;
}
.leftSideBarMainDivSet {
  min-width: 0 !important;
}
.capture_upload_ctrl .custom_capture_upload_ctrl:first-child {
  margin-top: 0;
}
.uploadBox.is-dragover {
  transition: 0.2s !important;
}
.add_note_inner_content_wrap .ql-toolbar.ql-snow {
  border: 0;
}
.add_note_inner_content_wrap .ql-toolbar.ql-snow {
  border-bottom: 1px solid #e5e6e7;
}
.form-group.edit_note_quill_editor .ui.attached.segment.ql-container.ql-snow {
  border: 0;
}
.form-group.edit_note_quill_editor .ql-snow .ql-stroke {
  stroke: #7e8187 !important;
}
.form-group.edit_note_quill_editor .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0;
}
.form-group.edit_note_quill_editor .ql-toolbar.ql-snow button {
  width: 24px;
  height: 24px;
}
.form-group.edit_note_quill_editor span.ql-align.ql-picker.ql-icon-picker {
  height: 24px;
  width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 3px;
}
span.ql-align.ql-picker.ql-icon-picker .ql-picker-label {
  padding: 2px;
}
.custom_capture_upload_ctrl .capture_wireframe:first-child {
  margin-top: 0;
}
.capture_list_side_panel .attached_file_icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d4d8db;
  background: #f5f5f7;
  border-radius: 3px;
  margin-right: 0;
}
.single_captures_div .task_data_main_wrap {
  border: 0;
}
.single_div_action_center_and_info {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #c2c5c6;
  border-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 15px 20px;
}
.single_div_action_center_and_info
  .task_created_info_ctrl.single_capture.in_list {
  display: inline-flex;
  margin: 0;
}
.single_div_action_center_and_info .task_action_icons_right {
  display: inline-flex;
  margin: 0 0 0 auto;
  position: relative;
  top: 0;
}
.task_data_main_wrap.active .capture_view_outer_wrap {
  background-color: #fff;
  border-radius: 4px;
  border-top: 1px solid #cbd3da;
}
.first_selected_merge_wrap .capture-name-header .task_action_icons_right {
  margin-left: 10px;
}
.capture_right_div .capture_uploded_icon {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}
.capture_right_div .capture_uploded_icon svg {
  width: 21px;
  height: 21px;
  display: block;
}
.upload_capture_icon_group .capture_type_icon {
  width: 257px;
  height: 97px;
}
.upload_capture_icon_group .cloud_svg {
  width: 56px;
  height: 46px;
}
.upload_box_wrapper .uploadBox p {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  margin-top: 32px;
  margin-bottom: 0;
}
.uploadBox.compact_box_height_ctrl .upload_capture_icon_group svg.cloud_svg {
  width: 46px;
  height: 36px;
}
.uploadBox.compact_box_height_ctrl
  .upload_capture_icon_group
  .capture_type_icon {
  width: 257px;
  height: 87px;
}
.capture_tab_ctrl .upload_box_wrapper {
  display: flex;
  height: 100%;
  position: relative;
  flex-direction: column;
}
input.input_files_handler.upload_img_btn.btn.btn-primary {
  display: none;
}
span.capture_uploded_icon svg .path {
  strokedasharray: 1000;
  stroke-dashoffset: 0;
}
span.capture_uploded_icon svg .circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.capture_uploded_icon svg .line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.capture_uploded_icon svg .check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.capture_wireframe .bg_progress_bar {
  height: 100%;
  background: #0e9aef;
  z-index: 1;
  opacity: 0.1;
  transition: width 0.6s ease-in;
  -webkit-transition: width 0.6s ease-in;
  -moz-transition: width 0.6s ease-in;
  -ms-transition: width 0.6s ease-in;
  -o-transition: width 0.6s ease-in;
}
.progress_bar_ctrl {
  width: 100%;
  position: absolute;
  height: 100%;
  margin-left: -10px;
  margin-right: -10px;
}
.capture_wireframe .capture_details_inner {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  z-index: 2;
}
li.add_dragover_class.custom_capture_project:hover .task_draggable_number.rcl {
  opacity: 1;
}
.filter_labels_conversation_view ul > li .swh path {
  fill: #aeb0b3 !important;
}
.filter_labels_conversation_view ul > li .swh path {
  fill: #aeb0b3 !important;
}
.filter_labels_conversation_view ul > li:hover .swh path {
  fill: #8c8c8c !important;
}
.filter_labels_conversation_view > ul > li.active svg.swh path {
  fill: #0e9aef !important;
}
.filter_labels_conversation_view > ul > li i.far.fa-folder {
  font-size: 14px;
}
.filter_labels_conversation_view ul > li .swh {
  width: 17px;
  height: 17px;
  fill: #aeb0b3 !important;
}
.modal-header .close {
  width: 26px;
  height: 26px;
  border-radius: 3px !important;
}
.apps_top_bar_right ul.layout_icons.dropdown-menu.animated.fadeIn {
  z-index: 9999999;
}
.settings .dropdown-menu.dropdown-right {
  z-index: 999999;
}
.no_connected_task_text_center span {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  padding: 15px;
  display: inline-flex;
}
.no_connected_task_text_center svg {
  width: 50px;
  height: 52px;
}
.task_drop_box_2.in_three_dot .task_wrap_bg_ctrl {
  max-height: 206px !important;
  height: auto !important;
}
.no_data_found_blank_state .no_data_inner_center {
  padding: 5px;
  margin: 0 !important;
  position: relative;
}
.close::after,
.close::before {
  display: none !important;
}
.invite_people_for_share_folder input {
  background: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 3px !important;
  display: block;
  padding: 6px 12px;
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
  height: 36px;
}
.dropdown.user_permision_dropdown .dropdown-menu {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  width: 180px;
  left: -96%;
}
.dropdown.user_permision_dropdown .dropdown-menu a {
  display: block;
  color: #252222;
  font-size: 13px;
  font-weight: 400;
  padding: 5px 10px;
  position: relative;
  cursor: pointer;
}
.dropdown.user_permision_dropdown .dropdown-menu a:hover {
  background-color: #f5f5f7;
}
.dropdown-menu.dropdown_option_with_tick a.dropdown-item.active:before {
  font-family: "Font Awesome 5 Free";
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 6px;
  font-size: 12px;
  left: auto;
  color: #2680eb;
}
.dropdown.user_permision_dropdown .privacy-list-view-dropdown {
  display: inline-block;
  align-items: center;
  vertical-align: middle;
  font-size: 13px;
  color: #4d4d4d;
  font-weight: 600;
}
.add_people_col_ctrl .add_people_btn {
  height: 33px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: 3px;
}
.add_people_col_ctrl {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.add_people_col_ctrl .dropdown.user_permision_dropdown {
  margin-right: 12px;
  cursor: pointer;
}
.add_people_col_ctrl .dropdown.user_permision_dropdown {
  margin-right: 8px;
  cursor: pointer;
  height: 33px;
  display: flex;
  align-items: center;
  padding: 9px;
  margin-left: auto;
  background: #f3f3f3;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
}
.add_people_col_ctrl .add_people_col_inner {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-top: 14px;
}
.dropdown.user_permision_dropdown .privacy-list-view-dropdown i {
  padding-left: 6px;
  color: #4d4d4d;
  font-size: 13px;
  display: inline-flex;
}
.search_user_email_data {
  position: relative;
  width: 100%;
  padding: 5px;
}
.search_user_email_data ul.searched_user_data {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 99;
  max-height: 150px;
  position: relative;
}
.add_people_data_main_div {
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  width: 100%;
  min-height: 70px;
  position: relative;
}
.add_people_data_main_div .search_user_email_data input {
  border: none !important;
}
.add_people_data_main_div .added_memberdata_div {
  display: block;
  max-height: 100px !important;
  overflow: auto;
  padding: 0 8px 8px 8px;
}
.add_people_data_main_div .search_user_email_data input {
  border: none !important;
  padding: 3px;
  min-width: 80px;
}
.input_with_selected_user {
  display: inline-block;
  max-width: 100%;
}
.input_with_selected_user input {
  width: 30px;
  border: 0;
  height: auto;
  padding: 4px 0;
}
.add_people_data_main_div.active .search_user_email_data {
  display: none;
}
.capture_upload_ctrl .attach_item_summary {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  position: relative;
}
.capture_btn_footer button {
  margin-left: 8px;
  height: 30px;
  display: inline-flex;
  align-items: center;
}
.attach_item_summary .items_count {
  margin-left: 6px;
  cursor: pointer;
}
.capture_upload_ctrl .capture_btn_footer {
  margin-top: 15px;
  text-align: right;
}
.custome_capture_type .uploaded_bg_ctrl {
  width: auto;
  margin: auto;
  text-align: left;
  background: #000;
  color: #fff;
  padding: 8px 10px;
  border-radius: 4px;
  opacity: 1;
  position: relative;
  top: 2px;
}
.uploaded_bg_ctrl .uploded_captures_icon_wrap {
  display: flex;
  align-items: center;
}
.uploaded_bg_ctrl .uploded_captures_icon_wrap .ct_icon_ctrl {
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
}
.uploded_captures_icon_wrap .ct_icon_ctrl svg {
  margin-right: 6px;
  width: 16px;
  height: 16px;
}
.attach_item_summary .capture_item_tooltip {
  position: relative;
}
.custome_capture_type {
  position: absolute;
  z-index: 99;
  margin-top: 4px;
  display: none;
}
.custome_capture_type .arrow_box_top.dropdown-right:before {
  left: 9px;
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: #000;
  border-width: 6px;
}
.uploaded_bg_ctrl .uploded_captures_icon_wrap .ct_icon_ctrl:last-child {
  margin-right: 0;
}
.capture_item_tooltip:hover .custome_capture_type {
  display: block;
}
.assignee_column_ctrl.single_assignee_ctrl .assignee_circle {
  background: #fb897f;
}
.checkmark_tick {
  border-radius: 50%;
  display: block;
  strokewidth: 3;
  stroke: #4caf50;
  stroke-meterlimit: 10;
  margin: 10% auto;
  animation:
    0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
  strokelinecap: round;
  margin: 0;
  width: 30px !important;
  height: 30px !important;
  position: relative;
  top: 0;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  border-radius: 3px;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 30px #fff;
  }
}
button.btn.btn-success .three_dot_loader {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.modal-footer.add_url_footer_ctrl .btn.btn-success {
  display: inline-flex;
  align-items: center;
}
.btn.btn-success .three_dot_loader.show_loder {
  display: inline-block;
}
.leftSidebarMainDiv .icon-checked::after {
  top: 0 !important;
}
ul.color_picker_dropdown.dropdown-menu {
  display: none;
  left: 100%;
}
li.dropdown-submenu.horizon-line:hover ul.color_picker_dropdown.dropdown-menu {
  display: block;
}
ul.dropdown-menu.theme_dropdown_with_icon_text
  .heading-title.highlight_color_text {
  display: flex;
  align-items: center;
}
.dropdown-menu.dropdown-left .heading-title span {
  position: relative;
}
.hightlight_active_color.active-checked:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  font-size: 10px;
  position: absolute;
  content: "\f00c";
  vertical-align: middle;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 1.8;
}
.dropdown-menu.theme_dropdown_with_icon_text > a > .dropdown_list_icon i {
  color: #798292;
  font-size: 13px;
}
.sidebar_trash_innr_left > .dropdown_list_icon > i {
  color: #ed4758;
  opacity: 0.8;
}
.hightlight_active_color {
  padding: 0 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text > a .dropdown_list_icon {
  width: 22px;
}
.dropdown-menu.dropdown-left .heading-title span {
  padding: 0 6px !important;
}
li.dropdown-submenu.horizon-line {
  position: relative;
}
.dropdown-menu.dropdown-left .heading-title .hightlight_active_color {
  padding: 0 !important;
}
.heading-title.highlight_color_text .hightlight_color_tag {
  margin-left: 0;
}
ul.teams_dropdown > li.showColorPallete:hover > .ul_colorPallete {
  padding: 7px 5px;
}
ul.teams_dropdown
  > li.showColorPallete:hover
  > .ul_colorPallete
  .custom_menu_options {
  float: left;
}
.custom_menu_options
  .populate_custom_label_email_modal.ColorPickerCell.ColorPicker-cell {
  float: left;
}
.uploadBox a.upload_capture:hover {
  color: #1a7bb9;
}
.no_data_found_innr_ctrl svg {
  max-width: 60px;
  display: block;
  margin: auto;
}
.no_data_found_innr_ctrl.EmptyMsg svg {
  width: 160px;
  max-width: none;
  height: auto;
}
.no_data_found_innr_ctrl.EmptyMsg h3 {
  color: #333;
  font-size: 16px;
  padding: 20px 0 0 0 !important;
}
.no_data_found_innr_ctrl button {
  margin: 10px 0 0 0;
}
.no_data_found_innr_ctrl.starred svg {
  max-width: 80px;
}
#wrapper .no_data_found_innr_ctrl p {
  font-size: 13px;
  opacity: 1;
  line-height: 20px;
}
#wrapper .no_data_found_innr_ctrl p.bold-message {
  font-weight: 600;
  line-height: normal;
  margin-top: 10px;
  font-size: 16px;
  line-height: normal;
}
.mt-0 {
  margin-top: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.no_item_selected_innr_ctrl.v2 {
  height: 210px;
}
.no_item_selected_innr_ctrl.v2 svg {
  width: 160px;
  height: auto;
}
.no-fav-left {
  width: 100%;
  text-align: center;
  padding: 60px 10px 10px;
}
.no-fav-left p.bold-message {
  font-weight: 600;
  line-height: normal;
  margin-top: 10px;
}
.no-fav-left p {
  color: #465369;
  opacity: 0.7;
  font-size: 14px;
  padding: 10px;
}
.no-fav-wrapper,
.no-fav-wrapper #treeview,
.no-fav-wrapper .project_treemenu_main_ctrl,
.no-fav-wrapper .shortable_tree_view {
  height: 100%;
}
.no-fav-wrapper .shortable_tree_view > div {
  display: flex;
  height: 100%;
  align-items: center;
}
.no_data_found_innr_ctrl.h180 {
  height: 180px;
}
.table_list_view_main_wrapper .no_data_found_innr_ctrl {
  top: -28%;
}
li.item_icon_ctrl.active svg path {
  fill: #fff;
}
.My.Folders_tab_content .capture_list_group_label {
  cursor: pointer;
}
.My.Folders_tab_content .capture_list_group_label {
  cursor: pointer;
  background-color: #f5f5f7;
  border-top: 1px solid #cbd3da;
}
.capture_list_group_label span.chevron_ctrl {
  min-width: 10px;
  position: relative;
  left: 0;
  margin: 0 4px 0 0;
}
.capture_list_group_label span.chevron_ctrl:before {
  content: "\f0d7";
  color: #3c4152;
  opacity: 0.7;
  font-size: 11px;
}
.My.Folders_tab_content .task_draggable_number .Icon.DragIcon.DragHandle-icon {
  margin-left: 2px !important;
}
.upload_custom_popup_ctrl.new_upload_capture_widget .modal-dialog {
  width: 860px;
  min-width: 860px;
}
.task_wrap_fullwidth_ctrl .thumbnail_capture_name {
  display: flex;
  flex: 1;
}
.tabs_inner_content_wrap
  ul.column_layout.task_listing.list-size_active
  > li
  .task_list_ctrl.draggable_list_property {
  height: auto !important;
}
.thumbnail_capture_name textarea {
  height: 22px;
  overflow: hidden;
  resize: none;
  width: 100%;
  margin-right: 10px;
  border: 1px solid #0e9aef;
  line-height: 14px;
  padding: 2px 5px;
  margin-top: 1px;
}
.task_name_block .task_name_group_text {
  color: #333;
  font-size: 13px;
  font-weight: 600;
}
.task_drop_box_2.in_connect_btn .task_wrap_bg_ctrl {
  max-height: 206px !important;
  height: auto !important;
}
.task_drop_box_2.in_connect_btn .search_box_with_back_icon_ctrl {
  padding: 8px 7px !important;
}
.task_drop_box_2.in_connect_btn .task_wrap_bg_ctrl {
  padding: 5px !important;
}
.task_drop_box_2.in_connect_btn .rounded-container_ctrl .no-data-found {
  font-weight: 400;
  padding: 5px;
  margin: 0 !important;
  position: relative;
}
.task_drop_box_2.in_connect_btn .disconnect_task {
  display: flex;
  position: absolute !important;
  top: -2px !important;
  right: -2px !important;
  opacity: 0;
}
.task_drop_box_2.in_connect_btn .disconnect_task svg {
  width: 11px !important;
  height: 11px !important;
  fill: #828282 !important;
}
.capture_item_modal_popup
  .modal-content
  .upload_box_wrapper
  .uploadBox.compact_box_height_ctrl {
  min-height: auto !important;
  padding: 30px 0;
  height: 284px !important;
  overflow: hidden !important;
}
.capture_item_modal_popup
  .modal-content
  .upload_box_wrapper
  .uploadBox.compact_box_height_ctrl
  p {
  margin-top: 24px;
}
.preview_pane_top_header_main.border-none {
  border: 0;
  height: auto;
  display: inline-flex;
  float: right;
  margin-right: 10px;
}
.capture_item_modal_popup.uploaded-wrapper {
  min-height: auto;
}
.common_section.tags_content_ctrl .section-title {
  display: flex;
  flex: 1;
}
.common_section.tags_content_ctrl .tags-container {
  margin: 0 15px 0 15px;
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.common_section.tags_content_ctrl .tags-container .dropicon {
  min-width: 15px;
  text-align: left;
}
.common_section.tags_content_ctrl .tags-container .dropicon i.fa-chevron-down {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  opacity: 0.7;
}
.posTop-28 {
  top: -28% !important;
}
#timer_entries_all_capture_div_id {
  top: 44px !important;
}
.ql-mention-list-container.slash_dropdown_top
  .mention_list_display_item
  .name_circle_section {
  background: 0 0;
  min-width: 22px;
  margin-right: 0;
  height: auto;
  align-items: baseline;
  text-align: left !important;
  justify-content: start;
  align-items: center;
}
.ql-mention-list-container.slash_dropdown_top
  .mention_list_display_item
  .name_circle_section
  svg {
  fill: #798292;
  width: 14px;
}
.ql-mention-list-container.slash_dropdown_top
  .mention_list_display_item
  .name_circle_section
  i {
  color: #798292;
  width: 14px;
}
.ql-mention-list-container.slash_dropdown_top
  .ql-mention-list
  li.ql-mention-list-item {
  padding: 6px 10px !important;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
}
.ql-mention-list-container.slash_dropdown_top
  .ql-mention-list
  li.ql-mention-list-item
  .display_name {
  font-size: 13px !important;
  color: #252222;
}
.ql-mention-list-container.slash_dropdown_top
  .ql-mention-list
  li.ql-mention-list-item:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.ql-mention-list-container.ql-mention-list-container-top.slash_dropdown_top {
  min-width: auto !important;
  width: auto;
  min-height: auto !important;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  overflow: unset;
  z-index: 9999;
}
.ql-mention-list-container.slash_dropdown_top
  .ql-mention-list
  li.ql-mention-list-item
  .mention_list_display_item {
  color: #252222;
  font-size: 13px;
  display: flex;
  align-items: center;
  width: 100%;
}
li.ql-mention-list-item .preview_template i:hover {
  color: #000;
}
li.ql-mention-list-item .preview_template i {
  color: #a4a6aa;
  font-size: 12px;
}
li.ql-mention-list-item
  .mention_list_display_item
  .preview_template:hover
  .template_preview_box {
  display: block;
}
.ordered_list_ul li .order_list {
  margin-right: 6px;
  color: #000;
  display: inline-block;
  font-weight: 600;
}
.template_preview_box_header .tpbh_label_sub_ctrl i {
  color: #0e9aef !important;
  margin-right: 6px;
}
.preview_template:hover .template_preview_box {
  display: block;
  height: 160px;
  margin-left: 14px;
}
.preview_template:hover .template_preview_box ul {
  height: 102px;
}
.template_preview_box {
  margin-left: 12px;
}
.bullet_icon_ctrl i.fas.fa-circle {
  font-size: 6px;
  color: #333;
}
container.ql-snow p img {
  height: 100px;
}
.ui.attached.segment.ql-container.ql-snow .ql-editor p img {
  height: 200px;
}
.ql-mention-list-container.slash_dropdown_top .template_preview_box {
  background-color: #fff !important;
}
.template_preview_box_content.to-do-list ul.unordered_list_ul {
  border: 0;
  padding: 0;
}
.template_preview_box_header {
  border-bottom: 1px solid #dadce0;
}
.template_preview_box_content.to-do-list.code_block_pre ul.code_block_ul {
  background-color: #f5f5f7 !important;
  border-radius: 3px !important;
  padding: 3px 10px !important;
}
ul.code_block_ul .code_block_number {
  font-weight: 600;
  font-size: 13px;
  width: 12px;
  color: #333;
  display: inline-block;
}
.template_preview_box_content.to-do-list ul.ordered_list_ul {
  padding: 0;
  border: 0;
}
.template_preview_box_content.to-do-list ul {
  border: 0;
  padding: 0;
}
.template_preview_box_content.to-do-list .add_quotes_block i {
  color: #333;
}
ul.add_quotes_block .bullet_icon_ctrl i {
  font-size: 8px !important;
  position: relative;
  top: -4px;
}
.insert_image_center .image_icon_ctrl svg {
  width: 24px;
  height: 24px;
  opacity: 0.6;
  margin-bottom: 2px;
}
.insert_image_center {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  text-align: center;
  justify-content: center;
  font-size: 12px;
}
.template_preview_box_content ul li .to-do-template-example {
  font-style: normal !important;
  opacity: 0.6;
}
ul.add_quotes_block .to-do-template-example {
  font-style: italic !important;
}
.preview_template:after {
  border: solid #fff;
  border-width: 10px 12px 10px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  margin-top: 2px;
  margin-left: 3px;
}
.preview_template:before {
  border: solid #d5d5d6;
  border-width: 12px 16px 12px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
.preview_template:after,
.preview_template:before {
  content: "";
  position: absolute;
  left: 100%;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
  opacity: 0;
}
.preview_template:hover:after,
.preview_template:hover:before {
  opacity: 1;
}
.ql-snow .ql-editor pre.ql-syntax {
  background: #f5f5f7 !important;
  color: #333 !important;
  font-size: 13px;
  padding: 2px 10px;
  line-height: 26px;
}
.custom_quil_comment_box.active .ql-editor {
  margin-bottom: 47px;
  padding: 10px 10px;
  word-break: break-all;
}
.capture_detail_full_screen.animated .expand-description {
  display: none;
}
.capture_detail_full_screen.open .expand-description {
  display: none;
}
.cv_preview_pane_left_header .Rectangular_btn_ctrl {
  height: 26px;
  border-radius: 3px;
  margin-right: 10px;
  font-size: 13px;
  padding: 0 8px;
}
.cv_preview_pane_left_header .Rectangular_btn_ctrl.Danger_button {
  color: #fff;
}
button.btn.btn-default.Rectangular_btn_ctrl:hover {
  border: 1px solid #333;
  background: #ebebed;
}
button.btn.btn-default.Rectangular_btn_ctrl {
  border: 1px solid #d3dae8;
  color: #000;
}
.capture_name_v_center .capture-name {
  font-weight: 600;
  color: #353535 !important;
  font-size: 16px !important;
}
.capture_name_v_center {
  display: flex;
  align-items: center;
}
.capture_name_v_center .capture-name-header {
  width: 100%;
}
.common_section.tags_content_ctrl .tags-container {
  border: 0;
}
.common_section.tags_content_ctrl .tags-container .section-title {
  border-bottom: 2px solid #dfe5f2;
  font-weight: 600;
  color: #262626;
}
.single_captures_div .task_data_main_wrap {
  margin-bottom: 0;
}
.pl_activity_ctrl .commented_by {
  margin: 0 5px 0;
  z-index: 1;
}
.tab-pane.comments_list_ctrl.comments_area_outer_div_front.self_active_comments.active
  .user_identity {
  margin: 0 5px 0 0 !important;
}
.conversation_view_detail_panel
  .comments_area.comment-by-chatty
  .comments_text {
  background: #fff;
  border: 1px solid #dee0e1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.comment_text_bg blockquote {
  padding: 0 0 0 6px;
  margin-bottom: 0;
  border-left: 3px solid #f5f5f7;
  height: 100%;
  font-size: 13px;
  line-height: normal;
  font-style: italic;
}
.ql-snow .ql-editor blockquote {
  color: #676a6c;
  font-size: 13px;
}
.comment_text_bg pre.ql-syntax {
  padding: 2px 4px;
  margin: 0;
  font-size: 13px;
  line-height: normal;
  background: #f5f5f7 !important;
}
.comment_text_bg pre.ql-syntax {
  padding: 2px 4px;
  font-size: 13px;
  line-height: normal;
  background: #f5f5f7 !important;
  margin: 0;
}
.comment_text_bg ol li {
  padding-left: 4px;
}
.comment_text_bg ol {
  padding: 0 0 0 13px;
  margin: 0;
}
.comment_text_bg ul {
  list-style: unset;
  padding: 0 0 0 16px;
  margin-inline-start: 0;
}
.ql-snow .ql-editor blockquote {
  color: #343434;
  font-size: 13px;
  font-style: italic;
  padding-left: 12px !important;
}
.ql-editor.ql-blank::before {
  color: rgba(55, 53, 47, 0.4) !important;
  font-size: 13px;
}
.comment-text-area .ql-editor ul {
  padding-left: 0;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  color: #000;
}
.custom_capture_assigne_list .project_level_dropdown {
  background: #f5f5f7 !important;
}
.custom_capture_assigne_list:hover .project_level_dropdown {
  background: 0 0 !important;
}
.custom_capture_assigne_list.active .project_level_dropdown {
  background-color: #0e9aef !important;
}
.add_people_data_main_div.active {
  padding: 0;
}
.add_people_data_main_div.active ul.searched_user_data {
  margin-top: 3px;
}
.ui_style_ctrl.setting_theme_leftside_bar
  .capture_folder_element_ctrl:last-child
  .capture_fixed_menu_list.four_column_layout {
  padding-bottom: 0;
}
.setting_theme_leftside_bar.side_bar_scroll {
  overflow: auto;
  height: calc(100vh - 162px);
}
.add-member_inner .add_member_btn {
  color: #737373;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 6px 6px 0;
}
.add_member_btn .member_icon {
  width: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 8px;
}
.add_member_btn .member_icon svg {
  display: block;
  width: 16px;
  height: 16px;
}
.add_people_data_main_div:focus-within {
  border: 1px solid #0e9aef;
}
.add-member_ctrl {
  margin-top: 15px;
}
.add_people_data_main_div.active {
  border: 1px solid #0e9aef;
}
.dropdown.custom_field_type_ctrl.open .selection_field_type {
  border-color: #0e9aef;
}
.add_member_btn:hover .member_icon svg {
  fill: #000;
}
.add_member_btn:hover {
  color: #000;
  background: #ebebed;
  border-radius: 3px;
}
.add_member_btn .member_icon svg path {
  fill: #46536a;
  opacity: 0.45;
}
.add_member_btn:hover .member_icon svg path {
  fill: #333333 !important;
  opacity: 1;
}
.add_people_data_main_div.compact_input {
  min-height: auto !important;
  margin-bottom: 10px;
}
.user_date_column_outer_wrap {
  overflow: auto;
  height: calc(100vh - 364px);
}
.search_result_dropdown {
  width: 100%;
  margin-top: 12px;
  border: 1px solid #7070701a;
  box-shadow: 0 1px 6px #0000003d;
  -webkit-box-shadow: 0 1px 6px #0000003d;
  -moz-box-shadow: 0 1px 6px #0000003d;
  -ms-box-shadow: 0 1px 6px #0000003d;
  -o-box-shadow: 0 1px 6px #0000003d;
  border-radius: 6px;
  z-index: 99999;
}
.search_result_dropdown .widget_tabs ul.widget_tabs_ul li {
  width: auto;
  padding: 10px;
  height: 41px;
}
.top_search_result .search_result_list {
  cursor: pointer;
  padding: 0 14px 0 14px;
}
.top_search_result .icon_with_task_name_details {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #000;
}
.icon_with_task_name_details .task_type_icon {
  min-width: 27px;
  width: 27px;
  display: inline-flex;
  align-items: center;
}
.icon_with_task_name_details .task_type_icon svg {
  width: 19px;
  height: 15px;
  display: block;
}
.icon_with_task_name_details .search_task_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.capture_total_search_resultes {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 13px;
  font-weight: 700;
  border-bottom: 1px solid #ebebec;
  padding: 14px 0;
  margin: 0 14px;
}
.capture_total_search_resultes .capture_icon_ctrl svg {
  width: 17px;
  height: 14px;
  display: block;
}
.capture_total_search_resultes .capture_count {
  color: #666;
  font-size: 13px;
  margin-left: 5px;
  font-weight: 400;
}
.capture_total_search_resultes .capture_icon_ctrl {
  width: 24px;
}
.task_type_icon .capture_numbering_thumb.task_status_box {
  margin-left: 0;
}
.total_search_resultes .bold_result_text {
  color: #333;
  font-weight: 700;
  padding-right: 3px;
}
.total_search_resultes {
  font-size: 13px;
  color: #666;
  padding: 14px 14px 6px;
  display: flex;
  align-items: center;
}
.search_result_list .search_result_details {
  padding: 14px 0 14px 6px;
  border-bottom: 1px solid #ebebec;
}
.timer_list_footer_bottom_info .show_more_bottom {
  margin-left: auto;
  color: #7d8695;
  opacity: 1;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  cursor: pointer;
}
.top_search_result .search_result_list:last-child .search_result_details {
  border-bottom: 0;
}
.capture_search_result_section {
  border-bottom: 1px solid #ebebec;
}
.top_search_result .search_result_list:hover .search_result_details {
  background: #f8f8f8;
}
.scroll_area_all_task_result {
  min-height: 330px;
  overflow: auto;
  max-height: 420px;
}
.global_search_ctrl.expand-global-search:focus-within button i.fas.fa-search {
  color: #0e9aef;
  opacity: 1;
}
.global_search_ctrl.expand-global-search:focus-within input::placeholder {
  color: #333;
  font-weight: 400;
  font-size: 13px;
}
.content_area_common_height {
  min-height: 300px;
  max-height: 520px;
}
.coming_soon_wrap {
  height: 300px;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #333;
}
.global_search_tabs .widget_tabs_ul li svg {
  width: 15px;
  height: 15px;
  fill: #8c93a1;
}
.global_search_tabs .widget_tabs_ul li i {
  font-size: 15px;
  color: #8c93a1;
}
.no_search_result {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 300px;
  display: none;
}
.no_search_result svg {
  width: 80px;
}
.no_search_result .no_search_result_tittle {
  font-size: 15px;
  color: #333;
  font-weight: 600;
  margin-top: 16px;
}
.no_search_result p {
  color: #666;
  font-size: 13px;
  margin-top: 6px;
  margin-bottom: 0;
}
.serch_setting_ctrl {
  margin-left: auto;
}
.serch_setting_ctrl i:hover {
  color: #333;
}
.serch_setting_ctrl i {
  font-size: 14px;
  color: #9098a5;
  cursor: pointer;
}
.global_search_tabs .widget_tabs_ul li.active svg {
  fill: rgba(48, 59, 66, 1);
  opacity: 0.8;
}
.global_search_tabs .widget_tabs_ul li.active i {
  color: #303b42;
  opacity: 0.8;
}
.close.close-attachment.close_full_view_attachment {
  height: 30px;
  width: 30px;
}
.in_connect_btn .task_rec_content_wrap.active {
  border: 1px solid #0e9aef !important;
  box-shadow: 0 1px 6px #0000003d;
  -webkit-box-shadow: 0 1px 6px #0000003d;
  -moz-box-shadow: 0 1px 6px #0000003d;
  -ms-box-shadow: 0 1px 6px #0000003d;
  -o-box-shadow: 0 1px 6px #0000003d;
}
.in_connect_btn .task_rec_content_wrap {
  position: relative;
}
.in_connect_btn .task_rec_content_wrap.active .disconnect_task {
  opacity: 1;
}
.attach-action-icon.mp_attach_action_icon span svg {
  width: 14px;
  margin-right: 8px;
  display: inline-block;
  height: 14px;
}
.attach-action-icon.mp_attach_action_icon span svg path {
  fill: #828282;
}
.conversation_capture_list_search_innr .clear-text-search-left {
  position: absolute;
  left: 100%;
  margin-left: -20px;
  font-size: 11px;
  opacity: 0.7;
  top: -5px;
  cursor: pointer;
  padding: 5px 3px;
  cursor: pointer;
}
.conversation_capture_list_search_innr .clear-text-search-left:hover {
  opacity: 1;
}
.common_list_search_box_innr .clear-text-search-left {
  position: absolute;
  left: 100%;
  margin-left: -20px;
  font-size: 11px;
  opacity: 0.7;
  top: -5px;
  cursor: pointer;
  padding: 5px 3px;
  cursor: pointer;
}
.common_list_search_box_innr .clear-text-search-left:hover {
  opacity: 1;
}
.metadata-container .metadata-icon i {
  color: #7f8288;
  font-size: 12px;
  min-width: 22px;
}
.preview_pane_is_closed
  .splitpanes__pane.vue_splitter_pane.capture_selected_list {
  border-right: 0 !important;
}
.preview_pane_is_opened .vue_splitter_pane.app_all_captures,
.vue_splitter_pane.capture_detail_captures {
  border-right: 0 !important;
}
.close_timer_widget i {
  border: none !important;
  background: 0 0 !important;
  box-shadow: none !important;
}
.capture_item_tooltip .custome_capture_type {
  left: 0;
}
.modal.app_log_details_ctrl .modal-header .modal-title {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: center !important;
  align-items: center;
  margin: 0 auto;
  line-height: normal;
}
.modal.app_log_details_ctrl .modal-header {
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.log_full_content_details {
  text-align: left;
  color: #333;
  font-size: 13px;
}
.modal.app_log_details_ctrl .btn-default.dismiss_modal {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
}
.tags-container span.dropicon {
  min-width: 15px;
  position: absolute;
  left: -15px;
}
.tags-container .tag_title_list {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #dfe5f2;
}
.common_section.tags_content_ctrl .dropicon {
  position: relative;
  left: 0;
}
.assignee_in_capture .assignee-container.dropdown {
  display: flex;
  align-items: center;
}
.assignee-div.Participant_ctrl.participant_in_capture
  .assignee-container.dropdown {
  display: flex;
  align-items: center;
}
.participant_in_capture .assignee-container .iconbg {
  margin-right: 0;
  height: 26px !important;
  display: flex;
  align-items: center;
  width: 24px !important;
  justify-content: center;
  background-color: rgba(211, 211, 213, 0.26);
}
.assignee_in_capture span.iconbg {
  margin-right: 0;
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
}
.assignee_in_capture .multi-assignee-wrapper {
  color: #333;
  font-size: 13px;
  margin: 0 0 0 5px;
}
.assignee_in_capture .assignee-container.dropdown {
  display: inline-flex;
  align-items: center;
}
.participant_in_capture .assignee-container .iconbg svg {
  width: 20px !important;
}
.assignee_in_capture .iconbg svg {
  width: 16px !important;
  height: 12px;
  fill: #7e8187;
}
.participant_in_capture .multi-assignee-wrapper {
  color: #333;
  font-size: 13px;
}
.common_sty_apf_ctrl {
  padding: 0 5px 0 0;
  border-radius: 3px;
  margin: 0 5px 0 0;
  cursor: pointer;
  align-items: center;
  display: flex;
  background: #f5f5f7;
  border: 1px solid transparent;
}
.common_sty_apf_ctrl:hover {
  background: #ebebed;
  border: 1px solid #d4d8db;
}
.project-div.project_cv_div.folder_in_capture span.project-icon-svg.iconbg {
  margin-right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px !important;
  background-color: rgba(211, 211, 213, 0.26);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.folder_in_capture span.project-icon-svg.iconbg i {
  font-size: 13px;
  color: #828282;
}
.common_sty_apf_ctrl:hover .multi-assignee-wrapper {
  color: #000;
}
.folder_in_capture span.align-middle {
  display: inline-flex;
  align-items: center;
}
.folder_in_capture .project-variable {
  color: #333;
  font-size: 13px;
  margin: 0 0 0 5px;
}
.participant_in_capture .assignee-container.dropdown {
  padding: 0 !important;
}
.assignee_in_capture .single_assignee_avatar {
  margin-right: 8px;
}
.assignee-div.assignee_in_capture .assignee-container.dropdown {
  min-height: 26px !important;
}
.no_data_found_innr_ctrl p.p-margin-ctrl {
  padding-top: 0 !important;
  margin-top: -10px;
}
.share_capture_ctrl i {
  margin-right: 7px;
}
.share_capture_ctrl {
  height: 30px;
  width: 78px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0e9aef;
  color: #fff;
  font-size: 13px;
}
.share_capture_ctrl {
  height: 30px;
  width: 78px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0e9aef;
  color: #fff;
  font-size: 13px;
  margin: 0 5px;
  font-weight: 600;
  cursor: pointer;
}
.share_capture_ctrl i {
  margin-right: 7px;
  font-size: 14px;
}
.view-bug-febric-tools-div.draw_popup_toolbar_ctrl.toolbar_in_create_task {
  background: #f1f2f3;
}
.header_element_devider {
  background: #e0e2e5;
  height: 22px;
  width: 2px;
}
.capture_location_ctrl {
  display: flex;
  align-items: center;
  margin-top: 3px;
}
.compact_devider_ctrl {
  width: 2px;
  height: 14px;
  background: #e0e2e5;
  margin: 0 8px;
}
span.Start.time.tracker {
  color: #333;
  font-size: 13px;
  margin-left: 8px;
  font-weight: 600;
}
.assignee-div.assignee-cv-div.assignee_in_capture {
  min-height: auto !important;
}
.dov_name_content_flex .timer_class_div.timer_in_list.start_timer_div {
  margin-right: 5px;
}
.assignee_in_capture,
.capture_location_ctrl .folder_in_capture {
  cursor: pointer;
}
.dov_name_content_flex .rcl.preview_pane_header_ctrl {
  margin: 0 5px;
}
.download_capture_icon_ctrl i.fas.fa-ellipsis-h {
  font-size: 13px;
  color: #7e8187;
}
.rcl.preview_pane_header_ctrl.margin-0 {
  margin: 0;
}
.common_sty_apf_ctrl
  .common_innr_dropdown.magic_client_dropdown.animated.fadeIn.dropdown-right.dropdown-menu {
  top: 100%;
}
.participant_in_capture.common_sty_apf_ctrl .multi-assignee-wrapper {
  margin-left: 5px;
}
.setting_theme_leftside_bar ul.capture_fixed_menu_ul li i {
  margin-left: 0 !important;
}
.capture_folder_element_ctrl i {
  margin-left: -5px;
  color: #696d75;
}
.capture_folder_element_ctrl svg * {
  fill: #696d75;
}
.timer_class_div.timer_in_list.time_track_bg .time_track_text {
  color: #333;
  font-size: 13px;
  padding: 0 8px 0 4px;
  font-weight: 600;
}
.time_track_bg i.fa.fa-play {
  height: 18px !important;
  width: 18px !important;
  line-height: normal;
}
svg.move_to_folder {
  width: 14px !important;
  height: 14px !important;
}
.magical-dropdown-auto-left .magic_client_dropdown.count_task_view_dropdown {
  left: auto !important;
}
.detail_view_panel_class.magical-dropdown-auto-left {
  z-index: 999999999 !important;
}
.add_note_inner_content_wrap .form-group.edit_note_quill_editor {
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  position: relative;
}
.add_url_inner_content_wrap .form-group.has-error .help-block {
  margin-bottom: 0;
}
.user_data_culumn_list_full_wrap .list_data_column_ctrl p {
  margin-bottom: 0;
  color: #333;
  font-size: 13px;
}
.user_data_culumn_list_full_wrap .download_capture_icon_ctrl svg {
  width: 14px;
  height: 14px;
}
.user_data_culumn_list_full_wrap .download_capture_icon_ctrl:hover svg path {
  fill: #333333;
}
.user_data_culumn_list_full_wrap .download_capture_icon_ctrl:hover {
  background: 0 0;
}
.user_data_culumn_list_full_wrap .download_capture_icon_ctrl {
  margin-right: 14px;
  margin-left: 0;
  width: auto;
  height: auto;
  min-width: auto;
}
.user_data_culumn_list_full_wrap a i {
  color: #828282;
  font-size: 13px;
}
.user_data_culumn_list_full_wrap a i:hover {
  color: #333;
}
.wh-svg {
  width: 16px !important;
  height: 16px !important;
}
.connected_task_wrap.add_task .connect_task_inner {
  display: flex;
  align-items: center;
}
.magic_client_dropdown.count_task_view_dropdown.task_drop_box_2.in_connect_btn.animated.dropdown-menu.margin-left_auto {
  left: auto;
  margin-top: 7px;
}
.connected_task_count_right {
  margin-left: 5px;
  background: #f5f5f7;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #000;
  border: 1px solid #cbd3da;
  font-size: 11px;
}
.item_group_border {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.equal_margin_bottom_ctrl {
  margin-bottom: 14px;
}
.share_setting_flex {
  display: flex;
  align-items: center;
  width: 100%;
}
.setting_info {
  color: var(--text-secondary) !important;
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-line);
  font-weight: var(--font-weight-regular);
  padding-bottom: 0;
  margin-bottom: 0;
  max-width: 472px;
}
.share_setting_flex .on_off_switch {
  width: 48px;
  height: 24px;
  display: flex;
  margin-left: auto;
}
.share_setting_flex .on_off_switch .slider.round {
  background: #ecedf0;
}
.share_setting_flex .on_off_switch .switch .slider.round:before {
  height: 20px;
  width: 20px;
  top: 2px;
  left: 2px;
  color: #fff;
  box-shadow: 0 3px 6px #00000029;
}
.share_setting_flex .on_off_switch input:checked + .slider:before {
  transform: translateX(24px);
}
.on_off_switch input:checked + .slider {
  background: #0e9aef !important;
}
.copy_link_box_ctrl {
  display: flex;
  align-items: center;
}
.copy_link_box_ctrl .url_input {
  flex: 1 auto;
  border: 1px solid #d6d6d6;
  background: #f5f5f7;
  color: #666;
  height: 30px;
  align-items: center;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 13px;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  width: 0;
}
.copy_link_button {
  display: flex;
  height: 30px;
  width: 100px;
  min-width: 100px;
  align-items: center;
  border-radius: 3px;
  background: rgba(182, 224, 250, 0.4);
  color: #0e9aef;
  font-weight: 600;
  padding: 10px;
  cursor: pointer;
}
.copy_link_button svg {
  margin-right: 8px;
  fill: #0e9aef;
  width: 16px;
  display: block;
}
.user_permission_dropdown {
  display: flex;
  align-items: center;
}
.user_permission_dropdown .access_dropdown_ctrl {
  margin-left: 15px;
  cursor: pointer;
}
.access_dropdown_ctrl .access_text {
  font-size: 13px;
  font-weight: 700;
  color: #0e9aef;
}
.access_dropdown_ctrl .access_text i {
  margin-left: 8px;
  font-size: 12px;
}
.item_group_border .add_people_data_main_div.equal_margin_bottom_ctrl {
  min-height: 48px;
  cursor: text;
}
.user_link_access_radio_rectangle .container {
  display: inline-flex !important;
  padding: 0;
  font-weight: 400 !important;
  color: #4f4f4f !important;
  font-size: 13px !important;
  position: relative;
  width: auto;
  cursor: pointer;
  margin: 0;
}
.user_link_access_radio_rectangle .container input[type="checkbox"] {
  margin-right: 14px;
  margin-top: 0;
  width: 16px !important;
  height: 16px !important;
}
.item_group_border .container.radio_btn_wrap {
  padding-left: 30px !important;
  font-weight: 400 !important;
  color: #4f4f4f !important;
  font-size: 13px !important;
  width: auto;
  display: inline-block;
}
.user_link_access_radio_rectangle .container input:checked ~ .checkmark {
  background-color: #717171;
}
.allow_to_access label.container input[type="checkbox"] {
  width: 16px;
  height: 16px !important;
  margin: 0;
  margin-right: 14px;
}
.allow_to_access label.container {
  font-weight: 400 !important;
  color: #4f4f4f !important;
  font-size: 13px !important;
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
}
.item_group_border.item_group_border_none input.msg_box_ctrl {
  width: 100%;
  border: 1px solid #e5e6e7;
  padding: 10px 10px 54px;
  border-radius: 3px;
  height: 84px;
}
.share_setting_icon_ctrl {
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #f5f5f7;
  margin-left: 10px;
  font-size: 14px;
  cursor: pointer;
}
.go_back_btn {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 13px;
  cursor: pointer;
  background: #f5f5f7;
  border-radius: 3px;
}
.go_back_btn svg {
  width: 12px;
  display: block;
}
.go_back_btn:hover svg path {
  fill: #000;
}
.go_back_btn svg path {
  fill: #9b9c9e;
}
.go_back_btn:hover {
  background: #e8e8e8;
}
.item_group_border.item_group_border_none {
  border-bottom: 0;
  padding-bottom: 0;
}
.item_bottom_margin {
  margin-bottom: 0;
  padding: 0;
}
.item_group_border
  .user_link_access_radio
  .security_labe_with_input:last-child
  .container.radio_btn_wrap {
  margin-bottom: 0 !important;
}
#folder_setting_modal .form-group {
  margin-bottom: 0 !important;
}
.item_group_border.item_group_border_none.item_bottom_margin
  .msg_box_ctrl:focus {
  border: 1px solid #0e9aef !important;
}
.item_group_border
  .user_permission_dropdown
  .dropdown-menu.theme_dropdown_with_icon_text {
  left: auto;
  right: 0;
}
.modal-content.display_none {
  display: none;
}
.public_member_item_container .owner_text {
  margin-left: 8px;
}
.copy_link_button:hover svg path {
  fill: #fff;
}
.copy_link_button:hover {
  background: #0e9aef;
  color: #fff;
}
.theme_dropdown_with_icon_text.dropdown_option_with_tick a.active:before {
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  font-size: 12px;
}
.share_setting_icon_ctrl:hover {
  background: #ebebed;
  color: #000;
}
.user_link_access_radio_rectangle .container :checked ~ .checkmark:after {
  left: 6px;
  bottom: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.user_link_access_radio_rectangle .container .checkmark:after {
  content: "";
  position: absolute;
  left: 0;
}
.user_link_access_radio_rectangle label.container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px !important;
  width: 16px !important;
  border-radius: 2px;
}
.user_link_access_radio_rectangle .container input:checked ~ .checkmark {
  background-color: #717171;
}
.user_link_access_radio_rectangle .container .checkmark:after {
  content: "";
  position: absolute;
  left: 0;
}
.time_track_bg {
  min-height: 17px !important;
  background: #f5f5f7 !important;
  border-radius: 20px !important;
}
.stopped_timer_class_div .time_track_text {
  display: none !important;
}
.timer_class_div.timer_in_list.start_timer_div.time_track_bg > span > strong {
  padding: 0 2px 0 4px;
  margin: 0 !important;
}
.time_track_bg i.fa.fa-play:hover {
  background: #0e9aef !important;
  color: #fff !important;
}
.timer_class_div.time_track_bg:hover {
  background: #ebebed !important;
}
.timer_ui_list_view
  .timer_class_div.timer_in_list.stopped_timer_class_div
  > span {
  margin: 0 4px 0 4px !important;
  line-height: 18px;
}
.user_link_access_radio_rectangle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.conversation-selected.capture_module_selected_conversation.conversation-selected-to-merge {
  top: 63px !important;
  height: calc(100% - 63px);
}
.capture-name .clear_conversation_view_section_onclick {
  font-size: 13px;
  color: #0e9aef;
  font-weight: 600;
  border-bottom: 1px solid #0e9aef;
  line-height: 14px;
}
.capture-name .selected_capture_count {
  font-size: 18px;
  font-weight: 600;
  color: #353535;
  margin-right: 6px;
}
.capture_folder_tabs_top .tab_item {
  padding: 8px 5px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(48, 59, 66, 0.7);
  justify-content: center;
  display: flex;
  width: 100%;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.capture_folder_tabs_top {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cbd3da;
}
.capture_folder_tabs_top .tab_item .tab_icon_ctrl i {
  margin-right: 8px;
  font-size: 15px;
  color: #878f96;
}
.capture_folder_tabs_top .tab_item .tab_icon_ctrl svg {
  margin-right: 8px;
  font-size: 15px;
}
.capture_folder_tabs_top .tab_item.active {
  color: #2ba6f1;
  font-weight: 600;
  border-bottom: 2px solid #2ba6f1;
}
.capture_folder_tabs_top .tab_item.active .tab_icon_ctrl i {
  color: #2ba6f1;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .custom_lablel_orignal_name.custom_capture_folder_element {
  padding-left: 28px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .capture_folder_lavel_two.child_folder
  .custom_lablel_orignal_name.custom_capture_folder_element {
  padding-left: 39px;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .capture_folder_lavel_2
  .custom_lablel_orignal_name.custom_capture_folder_element {
  padding-left: 38px;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl .tree-node-inner-back:hover {
  background: #fff;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .custom_lablel_orignal_name.custom_capture_folder_element
  .innertTextContent.teams_folder {
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
  width: 145px !important;
}
.assignee_col_dropdown_
  ctrl.folder_dropdown_ctrl
  .custom_lablel_orignal_name.custom_capture_folder_element
  .tree_sidebar_folder {
  margin-right: 7px;
  color: #798292 !important;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .custom_lablel_orignal_name.custom_capture_folder_element
  .caret_icon {
  margin-right: 4px;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .list_tree_empty_folder_icon_span {
  margin-left: 17px;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .active.capture_folder_lavel_1:before {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  color: #2680eb;
  font-size: 12px;
  display: block !important;
}
.create_folder_on_click {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  border-top: 1px solid #cbd3da;
  justify-content: center;
}
.create_folder_on_click .crete_folder_center {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.create_folder_on_click .crete_folder_center {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.crete_folder_center svg {
  margin-right: 7px;
  width: 15px;
  height: 15px;
}
.create_folder_on_click:hover {
  background: #0e9aef;
}
.create_folder_on_click:hover .crete_folder_center svg path {
  fill: #fff;
}
.create_folder_on_click:hover .crete_folder_center {
  color: #fff;
}
span.folder_plus_btn_right {
  position: absolute;
  right: 7px;
  opacity: 0;
}
.folder_dropdown_ctrl
  .rc-tree
  .rc-tree-treenode:hover
  span.folder_plus_btn_right {
  opacity: 1;
}
.folder_plus_btn_right i {
  color: #878f96;
  font-size: 11px;
}
.folder_plus_btn_right i:hover {
  color: #333;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .tree-node-inner-back:hover
  .folder_plus_btn_right {
  opacity: 1;
}
.tc_star_date_wrap_left .Schedule_title {
  color: #353535;
  font-size: 17px;
  font-weight: 600;
  padding: 0 14px;
}
.quick_action_div {
  display: flex;
  align-items: center;
  padding: 11px 14px;
}
.quick_action_div .quick_action_btn {
  font-size: 12px;
  font-weight: 600;
  color: #353535;
  height: 20px;
  width: 83px;
  background: #f5f5f7;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick_action_btn:hover {
  background: #ebebed;
}
.quick_action_div .setting_icon_ctrl {
  display: flex;
  margin-left: auto;
}
.calendar_header_title {
  padding: 13px 10px;
  color: rgba(53, 53, 53, 0.56);
  font-weight: 600;
  font-size: 13px;
  border-bottom: 1px solid #f0f0f0;
}
.date_and_time_input {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 7px 0;
  position: relative;
  margin-bottom: 8px;
}
.date_and_time_input input {
  width: 100%;
  margin: 0 5px;
  height: 30px;
  border: 1px solid #d4d5d8;
  border-radius: 3px;
  padding: 0 20px 0 6px;
  background: #f6f7fa;
}
.rcl-calendar .vdp-datepicker__calendar .cell.day {
  min-width: 28px !important;
  width: 28px;
  height: 28px !important;
  border: none !important;
  line-height: 28px !important;
  margin: 0 2px;
  font-weight: 600 !important;
}
.date_and_time_input input:focus {
  border: 1px solid #0e9aef !important;
  background: #fff;
}
.rcl-calendar .vdp-datepicker__calendar header .next,
.rcl-calendar .vdp-datepicker__calendar header .prev {
  text-indent: inherit;
  font-size: 20px;
  color: #fff;
  width: 24px;
  border-radius: 3px;
  height: 24px;
}
.setting_icon_ctrl i:hover {
  color: #000;
  cursor: pointer;
}
.setting_icon_ctrl i {
  color: #828282;
  font-size: 12px;
}
.rcl-calendar .cell.day.blank:hover {
  background: 0 0;
}
.rcl-calendar .vdp-datepicker__calendar .cell.day-header {
  opacity: 1 !important;
  padding: 0 !important;
  width: 28px !important;
  margin: 0 2px;
  font-size: 12px !important;
}
.action_clear_info_ctrl {
  position: absolute;
  width: auto;
  height: 16px;
  bottom: 0;
  display: flex;
  align-items: center;
  background: 0 0;
  border-radius: 2px;
  color: #fff;
  padding: 3px 4px;
  right: 0;
  font-size: 10px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top: thin solid #fff;
  border-left: thin solid #fff;
  z-index: 9;
}
.action_clear_info_ctrl .action_info_icon {
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 600 !important;
  position: relative;
}
.action_clear_info_ctrl .action_info_icon:hover {
  background-color: #ececec !important;
}
.action_clear_info_ctrl .action_info_icon i {
  margin-right: 4px;
  font-size: 11px;
  line-height: normal;
}
.devide_two_element {
  height: 11px;
  width: 1px;
  background: #fff;
  margin: 0 4px;
  display: inline-block;
}
.action_clear_info_ctrl:after {
  content: "";
  position: absolute;
  border-top: 6px solid #0e9aef;
  border-left: 0 solid transparent;
  border-right: 6px solid transparent;
  top: 100%;
  left: 0;
  display: none;
}
.action_clear_info_ctrl .action_info_icon svg {
  width: 11px;
  margin-right: 4px;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .group_label_text_limitter,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .group_label_text_limitter,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .group_label_text_limitter {
  margin-top: 8px;
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden !important;
  display: inline-block !important;
  text-overflow: ellipsis;
  padding-left: 0;
  padding-right: 0;
  height: 23px !important;
  margin-right: 0 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top.dropdown-right.time_entry_magic_dropdown {
  right: -15px !important;
  left: auto !important;
  top: 100% !important;
  margin-top: 8px;
}
.group_by_ctrl.conversation_inner_view_ctrl.All.Tasks_group_ctrl_section.thumbnail-large_active.group_folder_thumbnail-large
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .captures_innr_group_ctrl_section.capture_group_detail.sort_by_name.common_sort_by
  .grouped_by_label
  .group_label_text_limitter,
.group_by_ctrl.conversation_inner_view_ctrl.All.Tasks_group_ctrl_section.thumbnail-medium_active.group_folder_thumbnail-medium
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .captures_innr_group_ctrl_section.capture_group_detail.sort_by_name.common_sort_by
  .grouped_by_label
  .group_label_text_limitter,
.group_by_ctrl.conversation_inner_view_ctrl.All.Tasks_group_ctrl_section.thumbnail-small_active.group_folder_thumbnail-small
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .captures_innr_group_ctrl_section.capture_group_detail.sort_by_name.common_sort_by
  .grouped_by_label
  .group_label_text_limitter {
  margin-top: 8px !important;
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  padding-left: 0 !important;
  padding-right: 0 !important;
  height: 23px;
  line-height: 23px !important;
}
.rcl-calendar .vdp-datepicker__calendar .cell.month {
  border: 0 !important;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.rcl-calendar .vdp-datepicker__calendar .cell.year {
  border: 0 !important;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-large_active
  .capture_thumb_details
  .task_name.cp_task_name,
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-medium_active
  .capture_thumb_details
  .task_name.cp_task_name,
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-small_active
  .capture_thumb_details
  .task_name.cp_task_name {
  margin-top: 0 !important;
  border-top: 1px solid #e3e5e6 !important;
  padding: 0 10px !important;
  height: 38px !important;
  line-height: 36px !important;
  margin-right: 0 !important;
}
.edit_timer_main_div.gutter_input_col_ctrl .total_time_gutter_input {
  width: 50%;
  display: inline-block;
  padding: 0 10px 0 0;
}
.total_time_gutter_input .due_date_input_panel.activity-panel {
  position: unset !important;
  width: 100%;
  float: unset !important;
}
.due_date_input_panel.activity-panel .modify-date {
  height: 36px;
  display: flex;
  align-items: center;
  border: 1px solid #dadce0;
  border-radius: 3px;
  padding: 8px 15px 8px 12px;
}
.modify-date .selected_date_icon svg {
  height: 16px;
  width: 16px;
  display: block;
}
span.due_date_input_panel.activity-panel .dropdown-toggle.activity-type i {
  position: relative;
  top: 1px;
}
button.btn.btn-primary.dropdown-toggle.activity-type.billable_dropdown_ctrl {
  padding-left: 42px !important;
  color: #333 !important;
  font-weight: 600;
}
.activity-type.billable_dropdown_ctrl:before {
  display: none;
}
.edit_timer_main_div.gutter_input_col_ctrl {
  display: flex;
}
.total_time_gutter_input input {
  width: 100% !important;
  font-weight: 600;
  color: #000;
}
.edit_timer_main_div.gutter_input_col_ctrl .total_time_gutter_input:last-child {
  padding-right: 0 !important;
}
.modify-date .selected_date_icon svg {
  height: 16px;
  width: 16px;
  display: block;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl .tree-node-inner-back {
  height: 30px !important;
  display: flex;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .thumbnail_view,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .thumbnail_view,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .thumbnail_view {
  border: 0;
  border-radius: 3px;
}
.modify-date .selected_date_icon {
  display: flex;
  margin-left: auto;
}
.modify-date .selected_date_ctrl {
  color: #333 !important;
  font-weight: 600;
}
li.captures_data_ctrl_li.sub_capture.button_click_editing_active.active.split_conversation_view_captures_data_ctrl_li:hover {
  background: #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li.active:hover,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li.active:hover,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li.active:hover {
  border: 1px solid #0e9aef !important;
}
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active.group_folder_thumbnail-small
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .capture_parent_div_section.grouped_by_section.grouped_by_folder_bundle.main_capture.capture_parent_section_main_capture.button_click_editing_active.active,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active.group_folder_thumbnail-large
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .capture_parent_div_section.grouped_by_section.grouped_by_folder_bundle.main_capture.capture_parent_section_main_capture.button_click_editing_active.active
  .group_by_ctrl.conversation_inner_view_ctrl.All.Tasks_group_ctrl_section.thumbnail-small_active.group_folder_thumbnail-small
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .captures_innr_group_ctrl_section.capture_group_detail.sort_by_ordering.common_sort_by
  .capture_parent_div_section.grouped_by_section.grouped_by_folder_bundle.main_capture.capture_parent_section_main_capture.button_click_editing_active.active,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active.group_folder_thumbnail-large
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .capture_parent_div_section.grouped_by_section.grouped_by_folder_bundle.main_capture.capture_parent_section_main_capture.button_click_editing_active.active
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active.group_folder_thumbnail-small
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .capture_parent_div_section.grouped_by_section.grouped_by_folder_bundle.main_capture.capture_parent_section_main_capture.button_click_editing_active.active,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active.group_folder_thumbnail-small
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .capture_parent_div_section.grouped_by_section.grouped_by_folder_bundle.main_capture.capture_parent_section_main_capture.button_click_editing_active.active {
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active:hover
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture.active:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active:hover
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture.active:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture.active:hover {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .capture_parent_div_section.grouped_by_section.grouped_by_folder_bundle.main_capture.capture_parent_section_main_capture.button_click_editing_active.active.ui-draggable.ui-draggable-handle,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .capture_parent_div_section.grouped_by_section.grouped_by_folder_bundle.main_capture.capture_parent_section_main_capture.button_click_editing_active.active.ui-draggable.ui-draggable-handle,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .capture_parent_div_section.grouped_by_section.grouped_by_folder_bundle.main_capture.capture_parent_section_main_capture.button_click_editing_active.active.ui-draggable.ui-draggable-handle {
  border: 1px solid #0e9aef !important;
}
.due_date_input_panel.activity-panel .dropdown-menu a {
  padding: 6px 7px 6px 28px !important;
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
}
.due_date_input_panel.activity-panel a.active:after {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  color: #2680eb;
  font-size: 12px;
  display: block !important;
}
.due_date_input_panel.activity-panel a.active {
  background: #2680eb1a;
  color: #2680eb !important;
}
span.due_date_input_panel.activity-panel
  .dropdown-toggle.activity-type
  .dollar_icon_ctrl {
  position: absolute;
  left: 10px;
  top: 7px;
  color: #41c257;
  width: 24px;
  height: 24px;
  background: hsla(131, 50%, 59%, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.modify_timer_modal_popup
  .modal-body
  .edit_timer_main_div
  .due_date_input_panel
  .dropdown.open
  button:before {
  color: #efb858;
}
.due_date_input_panel.activity-panel a.active:hover {
  background: #2680eb1a !important;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .tree-node-inner-back
  .tree-node-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl .capture_folder_lavel_1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .capture_folder_lavel_1.active
  .innertTextContent.teams_folder.shared_folder_name_with_icon {
  color: #2680eb !important;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .capture_folder_lavel_1.active {
  background: #2680eb1a;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .capture_folder_lavel_1.active:hover {
  background: #2680eb1a !important;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl .capture_folder_lavel_1:hover {
  background: #f5f5f5 !important;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .custom_lablel_orignal_name.custom_capture_folder_element
  .tree_sidebar_folder {
  margin-right: 7px;
  line-height: unset;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .custom_lablel_orignal_name.custom_capture_folder_element
  .tree_sidebar_folder:hover,
.tree_sidebar_folder.closed:hover {
  color: #b4b5b9 !important;
}
.conversation_preview_pane_main_wrapper
  .cv_preview_pane_left_header
  .rcl.preview_pane_header_ctrl.mr-5
  .project-icon.dropdown {
  margin-left: 0;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture.active {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.add_folder_on_click textarea.add_folder_textarea_ctrl {
  border: 1px solid #0e9aef;
  background-color: #fff;
  cursor: text;
  top: 0;
  z-index: 999;
  background: #fff;
  margin: 0 !important;
  height: 18px;
  line-height: 15px;
  padding: 0 4px !important;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.merging_overlay_capture .merging_text_center {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 18px;
}
.marge_capture_loader {
  margin-top: 10px;
}
.marge_capture_loader svg {
  width: 144px;
  height: 32px;
}
.cv_preview_pane_left_header
  .due-date.schedule_calendar_ctrl
  .external_icon.icon_common_sty {
  width: auto;
  height: 26px;
  padding: 0 5px 0 0;
  font-weight: 600;
  font-size: 13px;
  background: #f5f5f7;
  border: 1px solid transparent;
}
.due-date.schedule_calendar_ctrl .duedate-icon svg {
  width: 13px;
  height: 13px;
  padding: 0;
  margin-right: 0;
  display: block;
}
.due-date.schedule_calendar_ctrl .selected_due_date_span {
  color: #333;
  font-weight: 600;
}
span.remove_assignee.remove_project.remove_due_date.active {
  display: block;
  opacity: 1;
  width: auto;
  height: auto;
}
span.remove_assignee.remove_project.remove_due_date {
  margin-left: 4px;
  opacity: 1;
}
.remove_assignee.remove_project.remove_due_date i {
  font-size: 10px;
}
.due-date.schedule_calendar_ctrl .external_icon.icon_common_sty {
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.date_and_time_input .fas.fa-times-circle.clear-text-search-left {
  position: absolute;
  right: 18px;
  font-size: 10px;
  top: 21px;
  cursor: pointer;
  opacity: 0.7;
}
.date_and_time_input .fas.fa-times-circle.clear-text-search-left:hover {
  opacity: 1;
}
.merge_process_white_bg {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.captures_data_ctrl_ul_drag_inbox.drag_and_upload_capture.is-dragover
  .drop_attachments_in_preview_panel_ctrl.attach_ui_for_list {
  display: block;
  background: rgba(14, 154, 239, 0.97) !important;
}
.drag_and_upload_capture.is-dragover
  .drop_attachments_in_preview_panel_ctrl.popup_attachment_ui {
  display: block;
}
.drag_and_upload_capture .drop_attachments_in_preview_panel_ctrl {
  z-index: 9999;
  height: calc(100vh - 210px);
}
.capture_detail_full_screen.open
  .capture_detail_captures.is-dragover
  .drop_attachments_in_preview_panel_ctrl {
  height: calc(100% - 3px);
}
.comment_text_quill_area_section.active
  .custom_quil_comment_box.comment-text-area {
  border: 1px solid #0e9aef !important;
  min-height: 10vh;
}
.child_section .draggable_placeholder_capture_list_element {
  margin-left: 30px !important;
}
.tag_child_list_section .draggable_placeholder_list_element {
  margin-left: 45px !important;
}
.ql-float-button {
  transition: max-width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  width: 100%;
  max-width: 850px;
  padding: 0 60px;
  margin: 0 auto;
}
.ql-float-button__toggle {
  margin-left: -22px;
  margin-top: -1px;
}
.ql-float-button__toggle {
  z-index: 99;
  transition: border-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  color: #7b68ee;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background: #fff;
  border: 2px solid #e9ebf0;
  border-radius: 50%;
  margin: 0 0 0 -13px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  fill: #b9bec7;
}
.draggable_placeholder_list_element.child-indent {
  margin-left: 60px;
}
.draggable_placeholder_list_element {
  width: 100%;
  margin-left: 37px;
  height: 23px;
  padding: 17px;
  border-left: unset;
  background: #cccccc6e;
  border-radius: 5px;
}
.ql-float-button_hidden {
  display: none;
}
.rc_task_class {
  color: #0e9aef;
  cursor: pointer;
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #000;
}
.task_drop_doc .tooltip_top {
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 4px 5px 4px 5px;
  border-radius: 4px;
  position: absolute;
  display: none;
  white-space: pre-wrap;
  left: 0;
  webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  right: 0;
  margin: auto;
  z-index: 9;
}
.task_drop_doc:hover .tooltip_top {
  display: block;
}
.rc_table_cell_class {
  border: 1px solid #ccc;
}
.rc_code_class {
  font-weight: 600;
  font-size: 13px;
}
.rc-table table {
  border: 1px solid #ccc;
  table-layout: fixed;
}
.rc_youtube_section iframe {
  width: 500px;
  height: 300px;
}
.drag_and_upload_capture
  .preview_pane_wrapper_left
  .drop_attachments_in_preview_panel_ctrl {
  height: 100%;
}
.drag_and_upload_capture.is-dragover .drop_attachments_in_preview_panel_ctrl {
  display: block;
}
.header_dropdown_index_ctrl {
  z-index: 99999 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top.dropdown-right.arrow_with_arrow {
  right: -16px;
}
.attachment_rename_ctrl .attachment-name {
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.attachment__mp_header .attachment_rename_ctrl {
  display: grid;
  margin-right: 40px;
  width: 100%;
}
.attachment__mp_header
  .user_identity.view_details_bug_created_by_name_first.attach_user_identity {
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}
.attachment_rename_ctrl .attachment-name {
  font-size: 13px;
  color: #333;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  height: 22px;
  border: 1px solid transparent;
}
.attachment_rename_ctrl input.attachment-name.attachment-rename-input {
  height: 22px;
  overflow: hidden;
  resize: none;
  max-width: 100%;
  width: 100%;
  border: 1px solid #0e9aef;
  padding: 0 2px;
  display: flex;
  box-sizing: border-box;
}
.tooltip_custom_popup.merg_captured_info {
  right: -18px !important;
  left: auto;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .list_data_column_ctrl:hover {
  border: 1px solid #b5b5b5 !important;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .list_data_column_ctrl:hover:after {
  z-index: -1 !important;
  border: none !important;
}
.table_list_view_main_wrapper .list_data_column_ctrl {
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .list_data_column_ctrl:hover {
  border: 1px solid #b5b5b5 !important;
}
.duedate-icon .dropdown-menu.three_dots_dropdown_innr.left-50 {
  left: 0 !important;
}
.duedate-icon .dropdown-menu.three_dots_dropdown_innr.left-50:after,
.duedate-icon .dropdown-menu.three_dots_dropdown_innr.left-50:before {
  left: 18px;
}
div.capture_full_view_modal_capture_image_resize .close_preview_pane_modal {
  padding: 0 5px;
  text-align: center;
  align-items: center;
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  justify-content: center;
  font-size: 13px;
  line-height: 24px;
  margin: 14px 10px 0 0;
  border-radius: 2px;
  font-weight: 400;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid transparent;
}
div.capture_full_view_modal_capture_image_resize
  .close_preview_pane_modal
  > svg {
  width: 11px;
  height: 11px;
  opacity: 0.55;
  fill: #000;
}
.capture_full_view_modal_capture_image_resize
  .modal-dialog.modal-dialog-centered.custom-width {
  z-index: 999999999 !important;
}
div.capture_full_view_modal_capture_image_resize .custom-width {
  width: auto;
  max-width: 95%;
  height: 100%;
}
.capture_full_view_modal_capture_image_resize .modal-content {
  height: 100%;
}
.capture_full_view_modal_capture_image_resize .full_modal_popup_for_capture {
  background: #fff;
  height: calc(100% - 52px);
}
.attachment_header_content {
  display: flex;
  align-items: center;
}
.attachment_header_content .attachment_user_identity {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #0e9aef;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  margin-right: 10px;
}
.attachment_header_content .attachment_name_with_info .time-count {
  font-weight: 400;
}
.attchment_name_with_info span.attachment_time {
  color: #83898ec2;
  font-weight: 400;
  font-size: 13px;
}
.attchment_name_with_info .user_name {
  color: #333;
  font-weight: 600;
  margin-right: 4px;
  font-size: 13px;
}
.attachment_header_content .attchment_name_with_info {
  display: inline-grid;
  width: 95%;
}
.attchment_name_with_info .attachment_type_name {
  width: 100% !important;
}
div.capture_full_view_modal_capture_image_resize
  .close_preview_pane_modal:hover
  > svg {
  opacity: 1 !important;
}
.full_modal_popup_for_capture .video_preview.in_modal img {
  opacity: 1 !important;
}
.attachment_name_with_info .attachment_type_name {
  font-size: 13px;
  color: #333;
}
div.capture_full_view_modal_capture_image_resize .modal-content {
  border-radius: 6px !important;
  overflow: hidden;
}
.conversation-selected.capture_module_selected_conversation.conversation-selected-to-merge {
  background: #fff;
  z-index: 9 !important;
}
.search_result_dropdown.dropdown-menu.arrow_box_top:after,
.search_result_dropdown.dropdown-menu.arrow_box_top:before {
  left: 50%;
}
.sidebar_trash_area.hover-drag:hover {
  background: #f2c7c8 !important;
  color: #fff !important;
}
.sidebar_trash_area.hover-drag:hover
  .dropdown.three_dots_dropdown_div.project_heading_advance_settings_ctrl.trash_dropdown {
  background: #f2c7c8 !important;
}
.sidebar_trash_area:hover
  .dropdown.three_dots_dropdown_div.project_heading_advance_settings_ctrl.trash_dropdown {
  background: #f2c7c8 !important;
}
.sidebar_trash_area.active
  .dropdown.three_dots_dropdown_div.project_heading_advance_settings_ctrl.trash_dropdown {
  background: #f2c7c8;
}
.sidebar_trash_area:hover {
  background: #f2c7c8;
}
.sidebar_trash_area.active {
  background: #f2c7c8;
  border-top: 1px solid #e96364 !important;
  border-bottom: 1px solid #e96364 !important;
}
.sidebar_trash_area {
  border-bottom: 1px solid transparent !important;
}
.project_heading_advance_settings_ctrl.open > span > i,
.sidebar_trash_area .project_heading_advance_settings_ctrl:hover > span > i {
  color: #333 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text a {
  font-weight: 400;
}
.assignee_col_dropdown_ctrl
  .capture_folder_lavel_2
  input.add_sub_folder_editable_input {
  border: 1px solid #0e9aef;
  background-color: #fff;
  cursor: text;
  background: #fff;
  margin: 0 !important;
  padding: 0 4px !important;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  font-size: 12px;
  font-weight: 400;
  width: calc(100% - 10px);
  height: 20px;
}
.mcd_client_list .tree-node-inner .capture_folder_lavel_2 {
  width: 100%;
  padding-right: 7px;
  height: 100%;
  display: flex;
  align-items: center;
}
.stopped_timer_class_div.time_track_bg > span {
  font-size: 13px !important;
}
.mcd_client_list .tree-node-inner .capture_folder_lavel_2.active {
  background: #2680eb1a;
}
.mcd_client_list .tree-node-inner .capture_folder_lavel_2.active:hover {
  background: #2680eb1a !important;
}
.mcd_client_list .capture_folder_lavel_2.active:before {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  color: #2680eb;
  font-size: 12px;
  display: block !important;
}
.top_first_header.preview_pane_top_header_main
  .project-div.project_cv_div
  .assignee_col_dropdown_ctrl.folder_dropdown_ctrl {
  white-space: nowrap;
}
.mcd_client_list .tree-node-inner .capture_folder_lavel_2:hover {
  background: #f5f5f5 !important;
}
.mcd_client_list
  .tree-node-inner
  .capture_folder_lavel_2.active
  .custom_lablel_orignal_name.custom_capture_folder_element
  .innertTextContent.teams_folder.shared_folder_name_with_icon {
  color: #2680eb !important;
}
.comment_side_pane_scroll {
  overflow: auto;
  height: calc(100vh - 141px);
}
.tabs_inner_content_wrap
  ul.column_layout.task_listing.list-size_active
  > li
  .thumbnail_capture_name {
  width: 95%;
  padding-right: 0;
}
.tabs_inner_content_wrap
  ul.column_layout.task_listing.list-size_active
  > li
  .thumbnail_capture_name
  .task_name.cp_task_name {
  display: block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100% !important;
  padding: 0 !important;
}
.tabs_inner_content_wrap
  ul.column_layout.task_listing.list-size_active
  > li
  .thumbnail_capture_name {
  width: 80%;
  max-width: 80%;
}
.comment_side_pane_scroll .tab-content {
  padding: 0 !important;
}
.comment_side_pane_scroll .tab-content .commented_by {
  margin-left: 0;
}
.comment_side_pane_scroll .comments_area:hover .dropdown-menu {
  width: 130px !important;
  top: 100%;
}
.comment_side_pane_scroll .comments_area .dropdown-menu {
  min-width: 130px !important;
  width: 130px !important;
  top: 100% !important;
}
.vertical_bar_on_page.preview_edit_popup_class .vertical_bar_ul {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.vertical_bar_on_page.in_full_screen_merged_captures .comment_side_pane_scroll {
  height: calc(100% - 106px);
}
.folder_in_capture .project-div.project_cv_div .project-icon .iconbg {
  margin-right: 0;
  height: 26px !important;
  display: flex;
  align-items: center;
  width: 24px !important;
  justify-content: center;
  background-color: rgba(211, 211, 213, 0.26);
}
.folder_in_capture.common_sty_apf_ctrl .project-icon.dropdown {
  display: flex;
  align-items: center;
}
.folder_in_capture.common_sty_apf_ctrl {
  margin-left: 0 !important;
}
.folder_in_capture.common_sty_apf_ctrl .remove_assignee.remove_project {
  margin: 0 0 0 5px !important;
}
.assignee-div.assignee-cv-div.assignee_in_capture .iconbg {
  margin-right: 0;
  height: 26px !important;
  display: flex;
  align-items: center;
  width: 24px !important;
  justify-content: center;
  background-color: rgba(211, 211, 213, 0.26);
}
.capture_folder_lavel_2 input.add_sub_folder_editable_input {
  border: 1px solid #0e9aef;
  background-color: #fff;
  cursor: text;
  top: 0;
  z-index: 999;
  background: #fff;
  margin: 0 !important;
  height: 18px;
  line-height: 15px;
  padding: 0 4px !important;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  display: flex;
}
div#emoji-palette div#tab-panel span.bem {
  margin: 5px 3px;
}
.dropdown-menu.three_dots_dropdown_innr {
  z-index: 99999999999 !important;
}
.wrapper-clm-bg.wrapper-clm-bg-modal
  .preview_pane_wrapper_right
  div#emoji-palette {
  width: 250px;
}
.full_screen_separate_capture_innr.sidepanel_active_in_vertical_bar {
  width: calc(100% - 408px);
}
.sidepanel_active_in_vertical_bar
  + .vertical_bar_on_page.in_full_screen_merged_captures {
  width: 425px;
}
.editToolbar-RC-fullScreen.in_compact_modal_edit.note_in_compact_edit
  span.ql-formats
  .ql-emoji {
  opacity: 1 !important;
}
.note_preview.in_merge_capture {
  display: block;
  text-align: left;
  margin-left: 0;
  word-break: break-word;
}
.shared_with_members_list {
  max-height: 220px;
  overflow: auto;
}
.preview-container.note-capture-quill-in-modal .ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  width: 16px;
  height: 16px;
  color: #151b26;
}
.preview-container.note-capture-quill-in-modal .ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  padding: 0 !important;
  margin: 0 0;
}
.preview-container.note-capture-quill-in-modal .ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  width: 26px !important;
  height: 26px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2px;
}
.preview-container.note-capture-quill-in-modal
  .ql-snow.ql-toolbar
  button:hover
  svg,
.ql-snow .ql-toolbar button:hover svg {
  opacity: 1;
}
.preview-container.note-capture-quill-in-modal
  .ql-snow
  .ql-color-picker
  .ql-picker-label
  svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
}
.editToolbar-RC-fullScreen.in_compact_modal_edit.note_in_compact_edit
  .preview-container.note-capture-quill-in-modal
  .ql-snow
  .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.in_compact_modal_edit.note_in_compact_edit .ql-snow .ql-picker-label {
  padding: 0 !important;
  display: flex;
  align-items: center;
  height: 28px;
  justify-content: center;
}
.in_compact_modal_edit.note_in_compact_edit .ql-snow .ql-picker.ql-header,
.ql-snow .ql-picker.ql-font {
  width: auto !important;
  height: 26px;
  margin: 0 0;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: relative !important;
  top: 0 !important;
  left: 4px;
  margin-top: 0 !important;
}
.in_compact_modal_edit.note_in_compact_edit
  .ql-snow
  .ql-color-picker
  .ql-picker-options {
  width: 133px !important;
}
.in_compact_modal_edit.note_in_compact_edit .ql-snow .ql-icon-picker {
  height: 28px !important;
  display: flex !important;
  width: 28px !important;
}
.in_compact_modal_edit.note_in_compact_edit
  .ql-snow
  .ql-picker-options
  .ql-picker-item {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.in_compact_modal_edit.note_in_compact_edit
  .ql-snow
  .ql-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options {
  text-align: left;
  border-radius: 3px;
}
.in_compact_modal_edit.note_in_compact_edit
  .ql-header.ql-picker
  span.ql-picker-label,
.in_compact_modal_edit.note_in_compact_edit
  span.ql-font.ql-picker
  span.ql-picker-label {
  padding: 0 5px !important;
}
.in_compact_modal_edit.note_in_compact_edit
  .ql-snow
  .ql-color-picker
  .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  margin-left: 0 !important;
}
.in_compact_modal_edit.note_in_compact_edit
  .ql-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options {
  text-align: left;
  border-radius: 3px;
}
input.add_sub_folder_editable_input.sub-folder_input_active {
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  line-height: 24px !important;
  right: 0;
  min-height: auto;
  border: 1px solid #0e9aef;
  padding: 0 4px;
}
.tree-node.active
  > .tree-node-inner-back
  .dropdown.project_heading_advance_settings_ctrl.three_dots_dropdown_div.project_level_dropdown
  > span {
  background: #0e9aef !important;
  width: 100%;
}
.notifications_list_scrollbar {
  overflow: auto;
  height: calc(100% - 109px);
}
.shared_folder_name {
  font-size: 13px;
  color: #333;
  padding-top: 2px;
  width: calc(100% - 20px);
  word-break: break-word;
}
.notification_tagged_area_ctrl_left {
  flex: 1;
}
.modal-backdrop.fade.in {
  z-index: 999 !important;
}
a.by_assignee_on_hover:hover
  .common_innr_dropdown.magic_client_dropdown.magic_client_dropdown_hover.animated.fadeIn {
  display: block;
}
a.by_assignee_on_hover
  .common_innr_dropdown.magic_client_dropdown.magic_client_dropdown_hover.animated.fadeIn {
  right: 100%;
  left: auto;
  top: 0;
  transform: unset !important;
}
.main_comments_crl_in_sidepanel .loader_in_shorting {
  display: block;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 400px);
  background: #fff;
  text-align: center;
  position: relative;
  z-index: 999;
  position: absolute;
  width: 100%;
}
.loader_in_shorting img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  width: 120px;
  bottom: 0;
}
.data_in_sidepanel.in_compact_view .loader_in_shorting {
  height: calc(100vh - 326px);
}
.main_comments_crl_in_sidepanel .comment_activity_main_content_ctrl {
  padding: 10px;
}
.data_in_sidepanel.in_compact_view .main_comments_crl_in_sidepanel {
  height: 100% !important;
}
.assignee_img_circle img {
  width: 11px;
  height: 11px;
  display: block;
}
.feedback_comment_header_info
  .action-magic-dots
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:before {
  right: 9px !important;
}
.feedback_comment_header_info
  .action-magic-dots
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:after {
  right: 11px !important;
}
.searched_user_data > li > span.user_name_icon img {
  border-radius: 100%;
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.user-name-initial.user-more-compact img.user-name-initial.user-more-compact {
  width: 24px;
  height: 24px;
  margin: 0 !important;
  padding: 0;
}
ul.layout_icons.dropdown-menu.animated.fadeIn
  .account_status_ctrl
  img.user-name-initial {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  opacity: 1;
}
.feedback_header_content_ctrl textarea {
  border: 1px solid #0e9aef;
  min-height: 50px;
  display: flex;
  border-radius: 3px;
  border-top-left-radius: 0;
  cursor: text;
  background: #fff;
  padding: 0 4px !important;
  resize: none;
  line-height: normal;
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}
.feddback_loop_ctrl_thread.comment_msg.last_thread
  .feedback_header_content_ctrl {
  max-width: 100%;
}
.dropdown-menu.user_profile_color_palette .upload_profile_img {
  padding: 10px 10px 0;
  display: flex;
  border-top: 1px solid #cfd3da;
}
.dropdown-menu.user_profile_color_palette .upload_profile_img span {
  height: 28px;
  width: 100%;
  background: #ecedf0;
  border-radius: 3px;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.dropdown-menu.user_profile_color_palette > ul {
  padding: 10px 10px;
}
.dropdown-menu.user_profile_color_palette {
  flex-direction: column;
  width: 166px;
  min-width: auto;
  padding-bottom: 12px;
}
.dropdown-menu.user_profile_color_palette .avatar_colors_title {
  color: #495057;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 6px;
  margin-left: 4px;
  display: inline-block;
}
.dropdown-menu.user_profile_color_palette .upload_profile_img span:hover {
  background: #0e9aef;
  color: #fff;
}
.show > .dropdown-menu.user_profile_color_palette {
  display: flex;
}
.settings_profile_picture .user_picture .edit_icon_ctrl {
  position: absolute;
  bottom: 0;
  right: -5px;
  font-size: 12px;
  color: #7e8187;
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.settings_profile_picture .user_picture:hover {
  border-color: #ecedf0;
}
.settings_profile_picture .dropdown-menu.user_profile_color_palette > ul {
  display: inline-block;
  width: 100%;
}
.settings_profile_picture .dropdown-menu.user_profile_color_palette > ul > li {
  display: inline-flex;
}
.settings_profile_picture
  .dropdown-menu.user_profile_color_palette
  > ul
  .avatar_colors_title {
  width: 100%;
}
.crop_img_conatiner {
  display: flex;
  align-items: center;
}
.crop_img_conatiner .crop_img_left {
  height: 262px;
  background: grey;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.crop_img_conatiner .crop_img_preview {
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.crop_img_preview .preview_img_inner_circle {
  border-radius: 100%;
  border: 6px solid #ecedf0;
  width: 124px;
  height: 124px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.crop_img_preview .preview_img_inner_circle img {
  border-radius: 100%;
}
.crop_information {
  color: #333;
  font-size: 12px;
  font-weight: 600;
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.crop_information i {
  margin-right: 6px;
  color: #8c8c8c;
  font-size: 12px;
}
.crop_img_preview .crop_preview_tex {
  color: #333;
  font-size: 13px;
  font-weight: 700;
  opacity: 59%;
  margin-top: 12px;
}
.resize-handle-se {
  bottom: -7px;
  right: -7px;
  cursor: se-resize;
}
.resize-handle-sw {
  bottom: -7px;
  left: -7px;
  cursor: sw-resize;
}
.resize-handle-ne {
  top: -7px;
  right: -7px;
  cursor: ne-resize;
}
.resize-handle-nw {
  top: -7px;
  left: -7px;
  cursor: nw-resize;
}
.resize-handle-ne,
.resize-handle-nw,
.resize-handle-se,
.resize-handle-sw {
  position: absolute;
  display: block;
  background: #fff;
  z-index: 999;
  border: 1px solid #0e9aef;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}
.img_crop_area_ctrl {
  height: 100%;
  background: #dbcbcba3;
  display: flex;
  align-items: center;
}
.img_crop_area_ctrl .image_center {
  position: relative;
}
.assignee_circle.in-dropdown > img {
  width: 26px;
  height: 26px;
  display: block;
  border-radius: 100%;
}
.upload_profile_img.remove_photo span {
  background: rgb(227, 130, 130, 0.22) !important;
  color: #e25050 !important;
}
.upload_profile_img.remove_photo {
  border-top: 0 !important;
}
.assignee-icon.cp_multiple_assignee .assignee_circle img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
}
.single_assignee_avatar img {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  display: block;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl > i.fas.fa-star {
  color: #e3b51e;
}
.feedback_comment_btn {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.loading_comment_in_feedback img {
  width: 100px;
  display: block;
  margin: auto;
}
.feedback_header_content_ctrl {
  width: 100%;
  display: inline-block !important;
}
.feddback_loop_ctrl.active .feedback_comment_content {
  display: block;
}
.dropdown-menu.theme_dropdown_with_icon_text
  > a
  > .dropdown_list_icon
  i.fas.fa-star {
  color: #e3b51e;
}
.dropdown-menu.theme_dropdown_with_icon_text > a > i.fas.fa-star {
  color: #e3b51e;
}
.multiselect_captures_div .task_data_main_wrap .task_draggable_number {
  position: absolute;
  left: 5px;
  top: auto !important;
  opacity: 0;
  display: inline-flex;
  align-items: center;
  width: 22px;
  height: 25px;
  justify-content: center;
  border-radius: 1px;
}
.multiselect_captures_div .task_data_main_wrap .task_draggable_number:hover {
  background-color: #e0e1e2 !important;
}
.multiselect_captures_div
  .task_data_main_wrap
  .task_draggable_number
  .Icon.DragIcon.DragHandle-icon {
  fill: #8e8e8e;
  width: 14px;
  height: 14px;
  opacity: 1;
}
.multiselect_captures_div
  .task_data_main_wrap
  .task_draggable_number:hover
  svg {
  fill: #333333 !important;
}
.multiselect_captures_div .task_data_main_wrap {
  position: relative;
  width: 100%;
  display: inline-block;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.multiselect_captures_div
  .task_data_main_wrap:hover
  .task_data_block_container
  .task_draggable_number {
  opacity: 1;
}
.note_preview.in_preview_pane p,
.note_preview.in_preview_pane.in_list_view blockquote {
  user-select: text;
  text-align: left;
}
.note_preview.in_preview_pane.in_list_view {
  text-align: left;
  user-select: text;
}
.full_modal_popup_for_capture .note_preview.in_modal {
  color: #333;
  user-select: text;
}
.full_modal_popup_for_capture .note_preview.in_modal {
  display: inline-block;
}
.editble_btn_for_merged_capture_title {
  opacity: 0;
  right: -5px;
  position: relative;
  cursor: pointer;
  top: 1px;
  z-index: 9;
}
.editble_btn_for_merged_capture_title > i {
  color: #8d95a2;
  font-size: 11px;
}
.editble_btn_for_merged_capture_title:hover {
  opacity: 1;
}
.editble_btn_for_merged_capture_title:hover > i {
  color: #465369;
}
.task_data_ctrl_left
  .task_name_text:hover
  + .editble_btn_for_merged_capture_title {
  opacity: 1;
}
.capture_view_outer_inner_wrap .note_preview.in_merge_capture {
  user-select: text;
  text-align: left;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dropdown.custom_field_type_ctrl .project_list_selcted_div {
  display: flex;
  align-items: center;
  flex: 1;
}
.custom_field_type_ctrl .selected_field {
  width: 100%;
  display: flex;
  align-items: center;
}
.project_list_selcted_div .selected_field .folder_icon_ctrl {
  margin-right: 8px;
  color: #878f96;
  font-size: 13px;
}
.selected_field .project_folder_name {
  color: var(--text-primary);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
}
.selection_field_type .arrow_icon-ctrl i.fas.fa-angle-down {
  color: #a6a7a9;
  font-size: 13px;
}
#DuplicateNewCapture .form-group:last-child {
  margin-bottom: 0;
}
div#DuplicateNewCapture .modal-dialog .modal-content {
  width: 560px;
}
div#DuplicateNewCapture {
  z-index: 9999999999 !important;
}
div#DuplicateNewCapture
  .user_link_access_radio_rectangle
  .container
  input:checked
  ~ .checkmark {
  background: #0e9aef;
}
.dropdown.custom_field_type_ctrl.dupliacate_folder_list .project-icon-list {
  padding-left: 28px !important;
}
div#DuplicateNewCapture input.form-control {
  border: 1px solid #0e9aef;
}
.dropdown.custom_field_type_ctrl.dupliacate_folder_list
  .assignee_list
  li.project-icon-list.active
  .assignee_text {
  font-weight: 400;
}
span.common_table_header_btn i.fas.fa-star {
  color: #e3b51e;
}
.rc_comment_class {
  background: #ffe3ae;
  cursor: pointer;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl .in_folder_no_data {
  font-size: 13px;
  font-weight: 400 !important;
  padding: 6px 7px 6px 10px;
}
.ql-mention-list-container.ql-mention-list-container-top ul.ql-mention-list {
  overflow: unset;
}
.ql-mention-list-container.ql-mention-list-container-top.slash_dropdown_top
  ul.ql-mention-list {
  overflow: auto;
  width: 100%;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  background: #fff;
  height: auto;
}
.capture_view_outer_wrap .video_preview.in_conversation_preview {
  padding: 0;
}
.main_comments_crl_in_sidepanel
  .comment_activity_main_content_ctrl
  .no_comments_found_div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: unset;
  bottom: unset;
}
.main_comments_crl_in_sidepanel
  .tab-pane.comments_list_ctrl.comments_area_outer_div_front.self_active_comments {
  position: relative;
}
.wrapper-clm-bg.in_full_screen_merged_capture
  .full_screen_separate_capture
  .loader_in_shorting {
  height: calc(100vh - 217px) !important;
}
.screenshot-modal-wrapper.canvas_edit_compact_view
  .tabs_inner_content_wrap.scroll_none.create_task_panel.task_creation_form_innr {
  height: calc(100vh - 230px) !important;
}
.common_innr_dropdown.magic_client_dropdown.animated.fadeIn.dropdown-menu.assignee_col_dropdown_ctrl {
  z-index: 999999 !important;
}
.main_comments_crl_in_sidepanel
  .comment_activity_main_content_ctrl
  .tab-content {
  position: relative;
}
li.capture_item_li .loaded_captures_count {
  margin-left: auto;
  position: relative;
  right: -10px;
}
li.capture_item_li a svg {
  width: 13px;
  height: 13px;
  margin-right: 12px;
  display: block;
}
.tree-node-inner-back:hover
  .custom_lablel_orignal_name
  textarea.innertTextContent.cp_task_name {
  margin-right: 4px !important;
}
.project_main_folder-ctrl.capture_module_folder_ctrl
  .capture_folder_lavel_two
  .custom_lablel_orignal_name
  textarea.innertTextContent.cp_task_name.editable_content.teams_folder {
  position: absolute;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  line-height: 24px;
}
.project_main_folder-ctrl.capture_module_folder_ctrl
  .custom_lablel_orignal_name
  textarea.innertTextContent.cp_task_name.editable_content.teams_folder {
  position: absolute;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  line-height: 26px;
}
.project_main_folder-ctrl.capture_module_folder_ctrl
  .tree-node-inner-back:hover
  .custom_lablel_orignal_name
  textarea.innertTextContent.cp_task_name.editable_content.teams_folder {
  margin-right: 8px !important;
}
.project_main_folder-ctrl.capture_module_folder_ctrl
  .tree-node-inner-back:hover
  .custom_lablel_orignal_name
  textarea.innertTextContent.cp_task_name {
  margin-right: 8px !important;
}
.rcl_version_div_ctrl {
  padding: 5px 20px 5px 12px;
  background: #f5f5f75e;
  border-top: 1px solid #ededed;
  line-height: 20px;
}
.rcl_version_div_ctrl .vertion_item,
.rcl_version_div_ctrl.border-section .uploaded_item {
  color: #333;
  font-size: 12px;
  font-weight: 600;
}
.dropdown-menu.three_dots_dropdown_innr.three_dot_dropdown_ctrl
  .three_dots_dropdown_innr_main.magic-dropdown-main-list
  > li
  > svg {
  width: 13px !important;
  fill: #798292;
  height: 13px;
  margin-right: 8px;
  display: block;
}
.My_Capture_Team.Folders .capture_thumb_details,
.My_Capture_tab_content .capture_thumb_details {
  margin-right: 0 !important;
}
.My_Capture_Team.Folders .task_draggable_number {
  margin-left: 5px;
}
.timer_class_div.timer_in_list.start_timer_div .time_track_chevron_icon {
  margin: 0 7px 0 4px;
  position: relative;
  top: 1px;
}
.timer_class_div.timer_in_list.start_timer_div .time_track_chevron_icon i {
  border: 0 !important;
  background: 0 0;
  font-size: 10px !important;
  color: #333 !important;
  opacity: 1;
  width: auto !important;
  height: auto !important;
}
.capture_time_main_header .capture_time_inner {
  padding: 15px 15px 10px 15px;
  border-bottom: 1px solid #cbd3da;
}
.capture_discrition_area .add_descriptions_textarea {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  padding: 5px 26px 5px 10px;
  resize: none;
  display: flex;
  font-size: 13px;
  color: #333;
  border: 1px solid #e5e6e7;
  line-height: 6;
}
.capture_discrition_area input.add_descriptions_textarea::placeholder {
  color: #3535359e;
}
.capture_time_inner .capture_discrition_area {
  margin-bottom: 10px;
  position: relative;
}
.capture_time_inner .capture_discrition_area svg {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 12px;
  height: 16px;
  fill: #878f96;
}
.capture_time_inner .time_track_inline_list {
  display: flex;
  align-items: center;
}
.time_track_inline_list .time_tarck_item_left {
  display: inline-flex;
  align-items: center;
}
.time_tarck_item_left .inline_item_ctrl {
  padding: 6px 8px;
  height: 28px;
  font-size: 12px;
  color: #878f96;
  font-weight: 600;
  cursor: pointer;
  border-radius: 3px;
  margin-right: 5px;
}
.time_tarck_item_left .inline_item_ctrl > i {
  margin-right: 7px;
  font-size: 13px;
}
.timer_ui_list_view.capture_jnote_view_timer_popup.time_entry_with_manual_mode
  .timer_class_div.timer_in_list.start_timer_div
  span
  > strong {
  margin-left: 0;
  margin-right: 0;
  font-size: 18px;
  color: #333;
  font-weight: 600;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 3px;
}
.time_track_inline_list .time_tarck_item_left {
  display: inline-flex;
  align-items: center;
  flex: 1;
}
.timer_ui_list_view.capture_jnote_view_timer_popup.time_entry_with_manual_mode
  .timer_class_div.timer_in_list
  i {
  width: 28px;
  height: 28px;
  background: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
  pading-left: 0;
}
.timer_ui_list_view.capture_jnote_view_timer_popup.time_entry_with_manual_mode
  i.fa:before {
  font-size: 10px;
}
.scroll-area-time-entries .lable_with_task_total_time {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 13px;
  padding: 10px 0;
  cursor: pointer;
}
.lable_with_task_total_time .grouped_by_label {
  flex: 1;
}
.lable_with_task_total_time .grouped_by_label .group_label_text_limitter {
  flex: unset;
  color: #333;
}
.lable_with_task_total_time .task_total_time_ctrl {
  color: #333;
  font-weight: 600;
}
.lable_with_task_total_time .task_total_time_ctrl {
  color: #333;
  font-weight: 600;
}
.scroll-area-time-entries {
  background: #f5f5f7;
  padding: 0 14px 10px;
}
ul.time_entried_ul_ctrl {
  border: 1px solid #cbd3da;
  border-radius: 3px;
}
ul.time_entried_ul_ctrl li.timer_entries_dropdown_li {
  height: 32px !important;
  border-left: 0 !important;
}
li.timer_entries_dropdown_li .Activity_icon_ctrl,
li.timer_entries_dropdown_li .Billable_icon_ctrl {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-right: 5px;
  border-radius: 3px;
}
li.timer_entries_dropdown_li .Billable_icon_ctrl {
  background: rgb(98 203 117 / 0.2);
  color: #41c257;
}
li.timer_entries_dropdown_li .Activity_icon_ctrl {
  background: rgb(230 178 88 / 0.2);
  color: #eeb24a;
}
ul.time_entried_ul_ctrl li.timer_entries_dropdown_li:last-child {
  border-bottom: 0 !important;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.lable_with_task_total_time .chevron_icon_ctrl i {
  color: #aeb3c0;
  font-size: 10px;
  margin-left: 8px;
}
.timer_entries_dropdown_li.task_created_by_list .timer-edit-div {
  flex: unset !important;
}
li.timer_entries_dropdown_li.task_created_by_list
  .timer-edit-div
  .total_time_with_estimate_time {
  color: #333;
  font-size: 13px;
  font-weight: 600;
}
.total_time_with_estimate_time .estimate_time_ctrl {
  color: #4d5965;
}
li.timer_entries_dropdown_li.task_created_by_list .capture_task_created_by {
  display: inline-block;
  align-items: center;
  flex: 1;
  width: auto;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.capture_task_created_by .user-name-initial_circle {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: 1px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
  position: relative;
}
.capture_task_created_by .user-name-initial_circle img {
  display: block;
  height: 22px;
  width: 22px;
  margin: 0 !important;
}
ul.time_entried_ul_ctrl li.timer_entries_dropdown_li.task_created_by_list {
  height: 42px !important;
  cursor: pointer;
  padding: 0 15px 0 10px !important;
}
.time_tarck_item_left .inline_item_ctrl.active {
  background: #d8effd;
  color: #0e9aef;
}
.no_entries_area_ctrl {
  display: flex;
  align-items: center;
  height: 212px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f5f5f7;
  border-radius: 6px;
}
.no_entries_area_ctrl svg {
  width: 35px;
  height: 42px;
  fill: rgb(135 143 150 / 0.64);
  margin-bottom: 18px;
}
.no_entries_area_ctrl .bold_msg_ctrl {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.no_entries_area_ctrl span {
  color: grey;
  font-size: 12px;
}
.time_tarck_item_left .inline_item_ctrl:hover {
  background: #ebebed;
}
.time_tarck_item_left .inline_item_ctrl.active:hover {
  background: #d8effd;
  color: #0e9aef;
}
.user-name-initial_circle .status_circle_ctrl {
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  display: inline-flex;
  position: absolute;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  right: -4px;
  overflow: hidden;
  bottom: -1px;
}
.timer_ui_list_view.capture_jnote_view_timer_popup.time_entry_with_manual_mode
  .timer_class_div.timer_in_list.start_timer_div
  span
  > strong:focus {
  border: 1px solid #0e9aef;
}
.list_data_column_ctrl.list_column_data_value_div.assignee_column_ctrl.single_assignee_ctrl.dropdown_arrow_none
  .arrow_box_top.dropdown-left:after,
.list_data_column_ctrl.list_column_data_value_div.assignee_column_ctrl.single_assignee_ctrl.dropdown_arrow_none
  .arrow_box_top.dropdown-left:before {
  display: none;
}
.time_track_in_sidepanel {
  height: calc(100vh - 141px);
}
.connected_task_wrap.open
  .capture_module_task_widget_ctrl.connected_dropdown_sty {
  display: block;
  margin-right: 0;
  margin-top: 0;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .add_tags_dropdown_icon_ctrl.dropdown-toggle {
  width: 100%;
  justify-content: left;
  margin-right: 0;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .assignee-container.dropdown,
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown {
  padding-right: 0 !important;
  border: 1px solid #d8dee3;
  margin-right: 0;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-icon.dropdown {
  padding-right: 0;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .add_tags_dropdown_icon_ctrl.dropdown-toggle
  .align-middle {
  display: flex;
  width: 100%;
  max-width: 100%;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .multi-assignee-wrapper
  .assignee-icon.cp_multiple_assignee
  > svg {
  margin: 2px 5px 0 0;
}
.create_task_input_wrap
  .create_task_input_wrap
  .rcl.preview_pane_header_ctrl
  .iconbg {
  margin-right: 5px !important;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .iconbg {
  margin-right: 5px !important;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .single_assignee_avatar {
  margin-left: 0;
  margin-right: 5px;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .remove_assignee
  i {
  font-size: 10px !important;
}
.create_task_input_wrap
  .rcl.preview_pane_header_ctrl.task_creation_tagging.no-padding
  .assignee-container.dropdown
  .iconbg,
.rcl.preview_pane_header_ctrl.task_creation_tagging.no-padding
  .project-icon.dropdown
  .align-middle
  .project-icon-svg.iconbg {
  height: 28px !important;
  width: 28px !important;
  justify-content: center;
  background: 0 0;
}
.create_task_input_wrap
  .rcl.preview_pane_header_ctrl.task_creation_tagging.no-padding
  .assignee-container.dropdown
  .iconbg
  svg,
.rcl.preview_pane_header_ctrl.task_creation_tagging.no-padding
  .project-icon.dropdown
  .align-middle
  .project-icon-svg.iconbg
  svg {
  width: 16px !important;
  height: 16px !important;
}
.rcl.preview_pane_header_ctrl.task_creation_tagging.no-padding
  .project-icon.dropdown
  .dropdown_ctrl-icon
  i {
  color: #7e8187;
  font-size: 10px;
}
.create_task_input_wrap
  .rcl.preview_pane_header_ctrl.task_creation_tagging.no-padding
  .project-icon.dropdown
  .dropdown_ctrl-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  top: 9px;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .dropdown_ctrl-icon {
  margin-left: 6px;
  position: absolute;
  right: 15px;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .flex_item {
  display: flex;
  align-items: center;
}
.create_task_input_wrap .task_creation_tag_common_btn .multi-assignee-wrapper,
.task_creation_tag_common_btn .multi-assignee-wrapper {
  margin: 0 !important;
  color: #676a6c !important;
  font-weight: 400;
  font-size: 13px;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .assignee-div.task_creation_tag_common_btn.assignee-cv-div
  .add_tags_dropdown_icon_ctrl.dropdown-toggle:hover
  .remove_assignee,
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div.task_creation_tag_common_btn.project_cv_div
  .add_tags_dropdown_icon_ctrl.dropdown-toggle:hover
  .remove_assignee {
  opacity: 1;
}
.list-view-comment .comment_activity_main_content_ctrl {
  min-height: 0 !important;
  padding-left: 0;
  padding: 0;
}
.add_note_inner_content_wrap {
  padding: 16px;
  width: 100%;
}
.add_note_inner_content_wrap .form_input_wrapper {
  max-width: 543px;
  margin: auto;
}
.add_note_inner_content_wrap .edit_note_quill_editor .ql-container {
  height: 103px !important;
}
.form_input_wrapper
  .form-group
  textarea.add_note_description_box.in_main_popup {
  height: 71px;
}
.add_note_inner_content_wrap
  .form-group.edit_note_quill_editor
  .ql-toolbar.ql-snow
  button
  svg {
  width: 16px;
  height: 16px;
}
.add_note_inner_content_wrap .form-control {
  border-radius: 3px;
}
.capture_item_blue_label {
  position: absolute;
  right: 0;
  height: 16px;
  display: flex;
  width: auto;
  background: #0e9aef;
  bottom: 0;
  align-items: center;
  color: #fff;
  padding: 0 5px;
  border-radius: 3px 0 0 0;
  vertical-align: middle;
}
.capture_item {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
}
.capture_item svg {
  margin-right: 4px;
  height: 10px;
  width: 10px;
}
.capture_item_blue_label .devider_border {
  width: 1px;
  background: #fff;
  height: 10px;
  margin: 0 6px;
}
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-large_active
  .capture_thumb_details
  .task_name.cp_task_name {
  display: block !important;
}
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active.group_folder_thumbnail-large
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .captures_innr_group_ctrl_section.capture_group_detail.sort_by_name.common_sort_by
  .group_label_text_limitter,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active.group_folder_thumbnail-medium
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .captures_innr_group_ctrl_section.capture_group_detail.sort_by_name.common_sort_by
  .group_label_text_limitter,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active.group_folder_thumbnail-small
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .captures_innr_group_ctrl_section.capture_group_detail.sort_by_name.common_sort_by
  .group_label_text_limitter {
  width: 100% !important;
  padding-left: 0 !important;
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  flex: unset !important;
  padding-right: 0 !important;
  margin-top: 8px !important;
  margin-right: 0 !important;
  height: 23px !important;
  display: flex;
}
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active.group_folder_thumbnail-large
  .parent_div_main_capture.subtask_option_compact_groupBy_none.editable_active_as_separate_view
  .task_in_edit_state.editable_content_ctrl
  textarea.task_name.cp_task_name.editable_content.cp_task_name_hover,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none.editable_active_as_separate_view
  .task_in_edit_state.editable_content_ctrl
  textarea.task_name.cp_task_name.editable_content.cp_task_name_hover {
  height: 23px;
  line-height: 22px;
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  font-size: 13px;
  color: #333;
  font-weight: 600;
  width: 100% !important;
}
.group_by_ctrl.conversation_inner_view_ctrl.Captures_group_ctrl_section.thumbnail-large_active.group_folder_thumbnail-large
  .task_in_edit_state.editable_content_ctrl
  .task_name.cp_task_name.editable_content.cp_task_name_hover,
.group_by_ctrl.conversation_inner_view_ctrl.Captures_group_ctrl_section.thumbnail-medium_active.group_folder_thumbnail-medium
  .task_in_edit_state.editable_content_ctrl
  .task_name.cp_task_name.editable_content.cp_task_name_hover,
.group_by_ctrl.conversation_inner_view_ctrl.Captures_group_ctrl_section.thumbnail-small_active.group_folder_thumbnail-small
  .task_in_edit_state.editable_content_ctrl
  .task_name.cp_task_name.editable_content.cp_task_name_hover {
  height: 23px;
  line-height: 22px;
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.group_by_ctrl.conversation_inner_view_ctrl.Captures_group_ctrl_section.thumbnail-large_active.group_folder_thumbnail-large
  .task_in_edit_state.editable_content_ctrl,
.group_by_ctrl.conversation_inner_view_ctrl.Captures_group_ctrl_section.thumbnail-medium_active.group_folder_thumbnail-medium
  .task_in_edit_state.editable_content_ctrl,
.group_by_ctrl.conversation_inner_view_ctrl.Captures_group_ctrl_section.thumbnail-small_active.group_folder_thumbnail-small
  .task_in_edit_state.editable_content_ctrl {
  margin-right: 0 !important;
}
.thumbnail_view .plyr--video {
  min-width: 100% !important;
}
.comment_box_ctrl .quill_comment_box_innr_ctrl {
  overflow: unset;
}
.magic_client_dropdown.count_task_view_dropdown.task_drop_box_2
  .count_task_view_dropdown_inner
  .create_task_form_in_compact
  .create_task_input_wrap {
  overflow: unset;
  height: auto;
}
.capture_module_task_widget_ctrl {
  overflow: unset !important;
}
.modal-footer.task_creation_submit_footer {
  position: relative !important;
}
.conversation-selected.capture_module_selected_conversation.conversation_selcted_preview {
  z-index: 9999 !important;
}
.metadata_in_sidepanel {
  width: 383px !important;
  height: 100% !important;
}
.priority-icon.dropdown.in_list_view {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 3px;
}
.priority-icon.dropdown.in_list_view:hover {
  background: #ebebed;
}
.priority-icon.dropdown.in_list_view > a {
  display: flex;
}
span.collapse_expand_merge_image {
  cursor: pointer;
}
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .task_in_edit_state.editable_content_ctrl,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .task_in_edit_state.editable_content_ctrl,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .task_in_edit_state.editable_content_ctrl {
  margin-right: 0 !important;
  display: block;
}
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .task_name.cp_task_name.editable_content.cp_task_name_hover,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .task_name.cp_task_name.editable_content.cp_task_name_hover,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .task_name.cp_task_name.editable_content.cp_task_name_hover {
  display: flex;
  margin-top: 8px !important;
  padding: 0 !important;
  height: 23px !important;
  line-height: 22px !important;
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .task_in_edit_state.editable_content_ctrl
  .task_name.cp_task_name.editable_content.cp_task_name_hover {
  margin-top: 8px !important;
  line-height: 22px !important;
  height: 23px !important;
}
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .task_in_edit_state.editable_content_ctrl,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .task_in_edit_state.editable_content_ctrl,
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .task_in_edit_state.editable_content_ctrl {
  margin-right: 0;
  min-height: 38px;
  display: flex;
  align-items: center;
}
.time_track_entry_list_ctrl {
  padding: 22px 14px 10px;
  overflow: hidden;
}
.time_track_entry_list_ctrl .time_entried_ul_ctrl {
  border-radius: 6px;
  border: 1px solid #cbd3da;
}
.time_track_entry_list_ctrl .time_entried_ul_ctrl .lable_with_task_total_time {
  padding: 0 10px;
  height: 32px;
  border-bottom: 1px solid #cbd3da;
}
.time_entry_total_time_ctrl .time_entry_inner {
  display: flex;
  align-items: center;
  padding: 14px;
}
.time_entry_total_time_ctrl .time_entry_inner .timer_watch_counter {
  margin-right: 8px;
}
.time_entry_total_time_ctrl .time_entry_inner .timer_watch_counter svg {
  width: 13px;
  height: 15px;
  display: block;
}
.time_entry_total_time_ctrl .time_entry_inner .text_bold {
  color: #333;
  font-weight: 600;
}
.time_track_entry_list_ctrl
  .time_entried_ul_ctrl
  .timer_entries_dropdown_li
  .timer_watch_counter
  svg {
  display: block;
}
.time_track_entry_list_ctrl
  .time_entried_ul_ctrl
  .timer_entries_dropdown_li
  .timer_watch_counter {
  margin-right: 8px;
}
.each_user_time_entry_rect {
  width: 18px;
  height: 18px;
  border: 1px solid #cbd3da;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #333;
  font-weight: 600;
  margin-right: 10px;
}
.side_bar_for_time_track .scroll-area-time-entries {
  padding: 0;
  height: calc(100vh - 306px);
  overflow: auto;
}
.side_bar_for_time_track .scroll-area-time-popup {
  overflow: auto;
  max-height: 250px !important;
  height: auto !important;
}
.time_track_entry_list_ctrl {
  padding: 22px 14px 10px;
  overflow: unset;
  border-top: 1px solid #cbd3da;
}
.time_track_entry_list_ctrl
  ul.time_entried_ul_ctrl
  li.timer_entries_dropdown_li
  .play_icon_ctrl_in_widget
  i {
  opacity: 1;
  border: 1px solid #d7dde2;
  border-radius: 100%;
  height: 18px;
  width: 18px;
}
.due_date_calendar_ctrl .due_date_btn {
  display: inline-flex;
  align-items: center;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  background: #f2f2f2;
  padding: 0 9px 0 0;
  border-radius: 3px;
  border: 1px solid transparent;
}
.due_date_calendar_ctrl .calendar_i_ctrl {
  display: inline-flex;
  height: 28px;
  width: 28px;
  background: rgb(211, 211, 213, 0.26);
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
}
a.due_date_btn i.fas.fa-chevron-down {
  margin-left: 9px;
  font-size: 10px;
  color: #ababab;
}
.each_user_time_entry_rect.active {
  background: #0e9aef1c;
  border-color: #0c85ce30;
  color: #0e9aef;
}
.due_date_calendar_ctrl .calendar_i_ctrl svg {
  width: 14px;
  height: 14px;
}
.time_track_manual_footer {
  padding: 10px 0;
}
.time_track_manual_footer button {
  width: 58px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.due_date_calendar_ctrl .due_date_btn:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.time_track_manual_footer {
  padding: 10px 14px;
  text-align: right;
  border-bottom: 1px solid #cbd3da;
}
.is_popup_full_modal_view
  .side_bar_for_time_track
  .scroll-area-time-entries.manual_mode_active {
  height: calc(100vh - 354px);
}
.capture_discrition_area.range_timer_ctrl i.fas.fa-long-arrow-alt-right {
  margin: 0 8px;
  font-size: 14px;
  color: #7b7e84;
}
.capture_discrition_area.range_timer_ctrl {
  display: flex;
  align-items: center;
}
.capture_discrition_area.range_timer_ctrl .range_date_input_ctrl {
  position: relative;
}
.capture_discrition_area.range_timer_ctrl .range_date_input_ctrl svg {
  left: 10px;
}
.capture_discrition_area.range_timer_ctrl
  .range_date_input_ctrl
  .add_descriptions_textarea {
  padding-left: 30px;
}
.capture_time_main_header.range_header_ctrl
  .capture_discrition_area
  .add_descriptions_textarea {
  border-color: #e5e6e7;
}
.capture_discrition_area.range_timer_ctrl
  .range_date_input_ctrl
  .add_descriptions_textarea {
  padding-left: 30px;
}
.capture_time_main_header.range_header_ctrl
  .capture_discrition_area
  .add_descriptions_textarea:focus::placeholder {
  color: rgb(53 53 53 / 0.6);
}
.capture_time_main_header.range_header_ctrl
  .capture_discrition_area
  .add_descriptions_textarea:focus {
  border-color: #24a2ef;
}
.range_date_input_ctrl.focused_date
  input.add_descriptions_textarea::placeholder {
  color: #333;
  font-weight: 600;
}
.range_date_input_ctrl input.add_descriptions_textarea {
  font-weight: 600;
}
.capture_discrition_area.range_timer_ctrl
  .range_date_input_ctrl
  input.add_descriptions_textarea:focus {
  border: 1px solid #0e9aef;
}
.time_track_inline_list .due_date_calendar_ctrl {
  display: flex;
  flex: 1;
}
.side_bar_for_time_track
  .timer_ui_list_view.capture_jnote_view_timer_popup.time_entry_with_manual_mode {
  display: flex;
  flex: 1;
}
.side_bar_for_time_track .time_tarck_item_left .inline_item_ctrl {
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 26px;
  height: 26px;
}
.side_bar_for_time_track .time_tarck_item_left .inline_item_ctrl i {
  margin: 0;
  color: #7e8187;
}
.time_track_inline_list .time_tarck_item_left {
  flex: unset;
}
.side_bar_for_time_track .time_track_inline_list .time_tarck_item_left {
  flex: unset;
}
.capture_discrition_area.manual_time_ctrl input.add_manual_time {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  padding: 8px;
  border: 1px solid #e5e6e7;
  resize: none;
  display: flex;
  font-size: 13px;
  color: #333;
}
.capture_discrition_area.manual_time_ctrl input.add_manual_time:focus {
  border-color: #0e9aef;
}
.add_descriptions_textarea.focused {
  border: 1px solid #24a2ef;
}
.capture_discrition_area .add_descriptions_textarea:focus {
  border: 1px solid #24a2ef;
}
.user_status_circle_ctrl {
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  display: inline-flex;
  position: absolute;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  right: -4px;
  overflow: hidden;
  bottom: -1px;
}
.theme_calendar_drop_ctrl.calendar_in_time_track {
  width: 247px !important;
}
.theme_calendar_drop_ctrl.calendar_in_time_track .calendar_header_title {
  font-size: 12px;
}
.time_tarck_item_left
  .dropdown
  .common_innr_dropdown.magic_client_dropdown.animated.fadeIn.dropdown-right.dropdown-menu {
  top: 100%;
}
.theme_calendar_drop_ctrl.calendar_in_time_track
  .vdp-datepicker__calendar
  header
  span {
  display: inline-block;
  text-align: center;
}
.theme_calendar_drop_ctrl.calendar_in_time_track
  .vdp-datepicker__calendar
  header
  .prev,
.vdp-datepicker__calendar header .next {
  float: left;
  position: relative;
}
.theme_calendar_drop_ctrl.calendar_in_time_track
  .vdp-datepicker__calendar
  header
  .prev:after,
.vdp-datepicker__calendar header .next:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 6px solid transparent;
}
.theme_calendar_drop_ctrl.calendar_in_time_track
  .vdp-datepicker__calendar
  header
  .prev:not(.disabled),
.vdp-datepicker__calendar header .next:not(.disabled),
.vdp-datepicker__calendar header .up:not(.disabled) {
  cursor: pointer;
}
.theme_calendar_drop_ctrl.calendar_in_time_track
  .vdp-datepicker__calendar
  header
  .prev:not(.disabled):hover,
.vdp-datepicker__calendar header .next:not(.disabled):hover,
.vdp-datepicker__calendar header .up:not(.disabled):hover {
  background: #eee;
}
.dropdown.open .inline_item_ctrl {
  background: #ebebed;
}
.theme_calendar_drop_ctrl.calendar_in_time_track
  .theme_calendar_drop_ctrl.calendar_in_time_track
  .vdp-datepicker__calendar
  header
  .prev:after {
  left: 16px;
}
.modal.add_url_popup .modal-body .add_url_inner_content_wrap {
  padding: 0;
}
.modal.add_url_popup .modal-content .go_back_btn {
  position: static;
  min-width: 26px;
  min-height: 26px;
  width: 26px;
  height: 26px;
}
.modal.add_url_popup .modal-content .modal-footer button {
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: right;
}
.modal.add_url_popup .form-group textarea {
  height: 60px;
}
.modal.add_url_popup .form-group {
  margin-bottom: 12px;
}
button.close.close_bg_on_hover.full_screen_icon_ctrl {
  align-items: center;
  display: flex;
  justify-content: center;
}
button.close.close_bg_on_hover.full_screen_icon_ctrl svg {
  display: block;
}
.modal.fade.add_url_popup.popup_index_ctrl
  .modal-dialog.share_setting_modal_ctrl {
  left: 193px;
  margin: unset;
  top: 174px;
}
.modal.compact_popup_ui .share_setting_modal_ctrl .modal-content {
  width: 400px;
}
.margin-_bottom_auto {
  margin-bottom: 0 !important;
}
svg#svg-sprite-vimeo-symbol_color > path {
  fill: #31afd8 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.dropdown-right.margin-left_0 {
  left: 0;
  margin-top: 5px !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.dropdown-right.margin-left_0
  > a
  .caret_icon {
  margin-left: auto;
}
.dropdown-menu.theme_dropdown_with_icon_text.dropdown-right.margin-left_0 {
  left: 0;
  width: 198px !important;
}
.modal.compact_popup_ui .add_note_inner_content_wrap {
  padding: 0 !important;
}
.modal.compact_popup_ui .modal-header .modal-title.modal-large-heading {
  justify-content: center;
  width: 100%;
}
.form-group .info_about_element {
  align-items: center;
  color: #333;
  font-size: 13px;
  margin-top: 8px;
}
.form-group .info_about_element .learn_more {
  color: #1492e6;
}
div#add_url_popup .modal-content {
  width: 300px;
}
.modal.add_url_popup .modal-content .modal-header {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  height: 42px;
}
.modal.add_url_popup .modal-content .full_screen_icon_ctrl {
  min-width: 26px;
  min-height: 26px;
}
label .star_icon {
  color: #ed6d61;
}
.margin_bottom_auto {
  margin-bottom: 0 !important;
}
.user_status_circle_ctrl i {
  width: 10px !important;
  min-width: 10px;
  font-size: 7px;
}
mark {
  background-color: #ffdd4b;
  padding: 0;
  margin-left: 0;
}
.dropdown_header_div_sty {
  display: flex;
  align-items: center;
  padding: 8px 8px 0 8px;
  border-bottom: 0;
  height: 32px;
}
.profile_popup {
  cursor: pointer;
  height: 40px;
}
.disableCopyLink {
  pointer-events: none;
  opacity: 0.4;
}
.dropdown_header_div_sty svg {
  width: 40px;
  height: 20px;
  margin-top: -2px;
}
.info_popup_header_div_sty {
  text-align: center;
  padding: 8px 7px 0;
  border-bottom: 0;
  height: 45px;
  color: #757575;
}
.info_popup_header_div_sty h3 {
  margin-top: -1px;
}
.info_popup_secondheader_div_sty {
  text-align: center;
  padding: 8px 7px 0;
  border-bottom: 0;
  height: 65px;
}
.info_popup_secondheader_div_sty h2 {
  font-size: 15px;
  font-weight: 700;
  margin: 13px 0;
}
.dropdown_header_div_sty .Label_heading_top {
  padding: 0;
  border: 0;
}
.dropdown_header_div_sty .header_btn_sty {
  cursor: pointer;
  padding: 2px 3px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  font-size: 11px;
  height: 20px;
  font-weight: 600;
  color: #0e9aef;
  margin: 0;
}
.dropdown_header_div_sty .header_btn_sty:hover {
  background-color: #ebebed;
}
.in_filter_dropdown .options_ctrl {
  padding: 5px;
  overflow-y: auto;
  max-height: 200px;
  margin-bottom: 0;
  width: 200px;
}
.in_filter_dropdown .options_ctrl a.dropdown-item {
  padding: 6px 7px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.in_filter_dropdown .options_ctrl a.dropdown-item svg {
  margin: 0 10px 0 0;
  width: 14px;
  height: 14px;
}
.in_filter_dropdown .options_ctrl a.dropdown-item svg {
  margin: 0 10px 0 0;
  width: 14px;
  height: 14px;
  fill: #333333;
}
.in_filter_dropdown .options_ctrl a.dropdown-item svg * {
  fill: #333333;
}
.in_filter_dropdown .options_ctrl a.dropdown-item {
  padding: 6px 7px 5px 28px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border-radius: 3px;
  position: relative;
}
.in_filter_dropdown .options_ctrl a.dropdown-item svg {
  margin: 0 10px 0 0;
  width: 14px;
  height: 14px;
  fill: #333333;
}
.in_filter_dropdown .options_ctrl a.dropdown-item:active {
  background-color: rgb(14 154 239 / 10%);
  color: #0e9aef;
}
.in_filter_dropdown .options_ctrl a.dropdown-item.active {
  background: rgb(14 154 239 / 10%) !important;
  color: #0e9aef;
}
.in_filter_dropdown .options_ctrl a.dropdown-item.active:after {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 9px;
  color: #fff;
  font-size: 12px;
  display: block !important;
  color: #0e9aef;
}
.in_filter_dropdown .options_ctrl a.dropdown-item i {
  color: #0e9aef;
  right: 9px;
  position: absolute;
  top: 11px;
  font-size: 12px;
}
.table_view_options_main_ctrl.capture_list_view
  .common_view_button.icon_ctrl_three_panel_view {
  border-radius: 4px;
}
.modal.compact_popup_ui {
  background: rgba(0, 0, 0, 0.3);
}
.common_view_button.icon_ctrl_three_panel_view.active svg path {
  fill: #fff;
}
.common_view_button.icon_ctrl_three_panel_view.active {
  background: #0e9aef;
  border: 1px solid #0e9aef !important;
  color: #fff;
}
.table_view_options_main_ctrl.active
  .four_column.sorting_dropdown.list-view-dropdown.table_view_dropdown_options {
  background: #0e9aef;
  color: #fff;
  border-left: 1px solid #fff;
}
.table_view_options_main_ctrl.active
  .four_column.sorting_dropdown.list-view-dropdown.table_view_dropdown_options:hover {
  background: #0e9aef !important;
  color: #fff;
  border: 1px solid #0e9aef !important;
  border-left: 1px solid #fff !important;
}
.table_view_options_main_ctrl.active
  .dropdown
  .four_column.sorting_dropdown.list-view-dropdown.table_view_dropdown_options:before {
  color: #fff !important;
}
.table_view_options_main_ctrl.active
  .common_view_button.icon_ctrl_three_panel_view {
  background: #0e9aef;
  border: 1px solid #0e9aef !important;
  color: #fff;
}
.table_view_options_main_ctrl.active
  .common_view_button.icon_ctrl_three_panel_view
  > svg
  path {
  fill: #fff;
}
.magic_client_dropdown.count_task_view_dropdown.task_drop_box_2.add_to_new_task_compact
  .common_innr_dropdown.magic_client_dropdown.animated.dropdown-menu {
  transform: translate(0, -100%);
  top: -6px;
  left: 0;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .dropdown_ctrl-icon
  i {
  color: #566276;
}
.preview_pane_top_header_main.no-padding.no-border
  .assignee-container.dropdown.open {
  background-color: #fff;
  border: 1px solid #d4d8db;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div.task_creation_tag_common_btn.project_cv_div
  .project-icon.dropdown.open {
  background-color: #e0e1e2;
  border: 1px solid #d4d8db;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div.task_creation_tag_common_btn.project_cv_div
  .project-icon.dropdown.open:hover {
  background-color: #e0e1e2;
  border: 1px solid #d4d8db;
}
.multiselect_captures_div .task_data_main_wrap.active .capture_view_outer_wrap,
.multiselect_captures_div
  .task_data_main_wrap.active
  .task_data_block_container {
  border-bottom: 0;
}
.multiselect_captures_div .task_data_main_wrap.active {
  border: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
.add_in_merged_capture_btn i {
  margin: 0 5px 0 0;
  font-size: 10px;
  color: rgba(51, 51, 51, 81%) !important;
}
.captures_icon_wrap .ct_icon_ctrl i {
  font-size: 12px;
  color: #fff;
  margin-right: 10px;
}
.tooltip_custom_popup_body .captures_icon_wrap {
  display: inline-flex;
  align-items: center;
}
.email_sender_each_item .task_name.cp_task_name {
  color: #333;
  font-size: 13px;
}
.email_list_ctrl .email_sender_each_item {
  display: flex;
  align-items: center;
  border-top: 1px solid #e9e9eb;
  padding: 0 10px 0 10px;
  height: 34px;
}
.email_sender_each_item .email_assignee_count {
  display: inline-flex;
  position: relative;
  top: auto;
  right: auto;
  margin: 0 0 0 5px;
  background-color: #f7f7f8;
  color: #0e9aef;
  border: 1px solid #eeeef0;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  padding: 0 2px;
  text-align: center;
}
.list_header.email_list-header {
  height: auto;
  min-height: auto;
  border-bottom: 0;
}
.rcl_email_container .mail-content-w12.rcl_theme_preview_pane {
  display: flex;
}
.email_sender_each_item.active {
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
  background: #b6e0fa;
}
.email_sender_each_item .container.container_flex {
  display: flex;
  align-items: center;
  padding: 0;
  flex: 1;
}
.email_sender_each_item .email_date-and_time {
  color: #303b42b3;
  font-size: 12px;
}
input.checkbox_margin_0 {
  margin: 0;
}
.email_header-inner .child_header_flex {
  padding: 10px 10px;
}
.email_header-inner .child_header_flex {
  padding: 10px 10px;
  display: flex;
  align-items: center;
}
.container.container_flex .text-label {
  margin: 0 5px;
}
.child_header_flex .container.container_flex {
  padding: 0;
  display: inline-flex;
  width: auto;
  align-items: center;
  flex: unset;
  margin: 0 12px 0 0;
}
.padination_container_ctrl {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.padination_container_ctrl {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.padination_container_ctrl .paginate {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #ebebed;
  margin: 0 2px;
  cursor: pointer;
}
.padination_container_ctrl .paginate i {
  font-size: 8px;
  color: #8c93a1;
}
.compact_action_btn.btn_danger {
  color: #ed4758cc;
}
.btn_wrapper_top .compact_action_btn {
  padding: 2px 5px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 3px;
  margin: 0 3px;
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
}
.compact_action_btn i {
  color: #7e8187;
  font-size: 10px;
  margin-right: 3px;
}
.parent_header_ctrl .btn_wrapper_top {
  margin-left: auto;
  display: inline-flex;
}
.email_header-inner .parent_header_ctrl {
  width: 100%;
  display: flex;
  padding: 10px 10px 0;
}
.padination_container_ctrl .paginate_data {
  margin-right: 2px;
}
.compact_action_btn.btn_danger i {
  color: #ed4758cc;
}
.selected_assignee_count {
  display: inline-flex;
  position: relative;
  top: auto;
  right: auto;
  margin: 0 0 0 5px;
  background-color: #f7f7f8;
  color: #0e9aef;
  border: 1px solid #eeeef0;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  padding: 0 2px;
  text-align: center;
}
.preview_pane_scroll.detect_attachment_hovxer_class.has_no_merged_captures {
  height: calc(100vh - 108px);
  overflow: auto;
  display: inline-block;
  width: 100%;
}
.display_none {
  display: none !important;
}
.no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 525px);
  background: #fafbfd;
}
.no_connected_task.in_sidepanel.in_captures_details .data_div_ctrl svg {
  width: 62px;
  height: 56px;
  fill: #878f96a6;
  margin-bottom: 20px;
}
.no_connected_task.in_sidepanel.in_captures_details .data_div_ctrl svg * {
  fill: #878f96a6;
}
.magical-dropdown-auto-left .magic_client_dropdown {
  right: 100%;
  left: auto;
}
.three_dots_dropdown_innr_main
  > li
  .common_innr_dropdown.magic_client_dropdown.animated.fadeIn.dropdown-right.dropdown-menu.assignee_col_dropdown_ctrl.folder_dropdown_ctrl {
  right: 0 !important;
  left: 100% !important;
}
.capture_task_created_by .user-name-initial_circle img.user-name-initial {
  padding: 0;
}
.collapse_expand_arrow_in_card i {
  font-size: 10px;
}
.time_entries_timer_count .play_icon_ctrl_in_widget .fa-play:before {
  font-size: 8px;
  position: relative;
}
.task-description-wrapper textarea#task_description_preview {
  overflow-y: auto;
  border: 1px solid #d3dae8;
  transition: ease all 0.2s;
  border-radius: 3px;
  resize: none;
  color: #353535 !important;
  padding: 6px 10px 0 10px !important;
  height: 50px;
  overflow-x: auto;
  width: 100%;
}
.task-description-wrapper:focus-within {
  box-shadow: none;
}
textarea.task_common_description_on_click {
  background: 0 0 !important;
  padding: 5px;
  color: #333;
  font-size: 13px !important;
  border-radius: 2px;
  border: 1px solid #d4d8db;
  resize: none;
  overflow: hidden;
  transition: ease all 0.2s;
  -webkit-transition: ease all 0.2s;
  -moz-transition: ease all 0.2s;
  -ms-transition: ease all 0.2s;
  -o-transition: ease all 0.2s;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  line-height: 23px;
}
textarea.task_common_description_on_click:hover {
  border: 1px solid #d4d8db;
}
textarea.task_common_description_on_click:focus {
  border: 1px solid #d4d8db;
}
.tags_list ul.inlist.tags_dropdown > li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 7px 6px 28px;
  cursor: pointer;
}
.inlist.tags_dropdown.priority_dropdown_ul > li svg {
  margin-right: 10px;
  display: block;
}
.timer_ui_list_view.capture_jnote_view_timer_popup.time_entry_with_manual_mode
  .timer_class_div.timer_in_list.start_timer_div {
  flex: 1;
}
li.timer_entries_dropdown_li.task_created_by_list
  .collapse_expand_arrow_in_card {
  margin-right: 2px;
}
.timer-edit-div.time_entries_total_time {
  margin-right: 0 !important;
}
.vertical_bar_on_page.in_full_screen_merged_captures .header_second {
  height: 100%;
}
.in_full_screen_merged_captures .capture_detail_captures.panel_content_wrapper {
  overflow: unset;
}
.capture_detail_captures.table_view_detail_panel
  .modal_detail_panel
  .wrapper-clm-bg
  .header_second
  .preview_pane_dynamic_height {
  height: 100%;
}
.capture_detail_captures.table_view_detail_panel
  .modal_detail_panel
  .wrapper-clm-bg
  .header_second {
  height: 100%;
}
.custome_parent_element {
  position: relative;
}
.dropdown-menu.three_dots_dropdown_innr.sub_dropdown_option_on_hover {
  position: absolute;
  opacity: 0;
  top: 0;
  height: auto;
  display: block;
  left: 100%;
  margin: 0;
}
.table_view_dropdown_options
  + .dropdown-menu
  > .custome_parent_element:hover
  .dropdown-menu.three_dots_dropdown_innr.sub_dropdown_option_on_hover {
  opacity: 1;
}
.task_data_block_container .caprure_type_icon:hover {
  background: #e0e1e2;
  border-radius: 3px;
}
.add_capture_dropdown_widget.in_fsmc .add_tags_dropdown_icon_ctrl {
  width: 23px;
  height: 23px;
  min-width: 26px;
}
.task_data_block_container .caprure_type_icon .project-variable {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common_innr_dropdown.magic_client_dropdown.animated.fadeIn.dropdown-menu.assignee_col_dropdown_ctrl#connect_folder_dropdown {
  z-index: 9999999999 !important;
}
.preview_loader.time_entry_loader {
  height: calc(100vh - 303px);
  width: 100%;
  border-radius: 0;
}
.tags-div-conversation-view.tags_in_preview_panel
  .tags_assignee_in_preview_ctrl {
  display: flex;
  align-items: center;
}
.tags-div-conversation-view.tags_in_preview_panel .tag-container.dropdown {
  display: flex;
  align-items: center;
}
.tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg {
  transition: all 0.3s ease;
  border: 1px solid transparent;
  min-height: 24px;
  cursor: pointer;
  display: flex;
  padding: 0 5px 0 4px;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f7;
  border-radius: 2px;
  margin-right: 10px;
}
.tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg
  svg {
  width: 17px;
  display: block;
}
.section-title.mr_bottom_5 {
  padding-bottom: 5px;
}
.due-time.estimate_time_dropdown_ctrl .estimate_timer_default_text {
  height: 24px;
  color: #333;
  font-weight: 600;
  padding: 0 5px 0 0;
  margin-right: 0;
  border-radius: 3px;
  background: #f5f5f7;
}
.due-time.estimate_time_dropdown_ctrl:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.due-time.estimate_time_.csdropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor {
  color: #333;
  font-size: 13px;
  padding: 0;
  display: flex;
  align-items: center;
  width: 100%;
}
.due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor
  .far.fa-hourglass.due-time-img {
  margin-right: 0;
  font-size: 14px;
  color: #828282;
}
.due-time.estimate_time_dropdown_ctrl .Label_heading_top h3 {
  font-size: 13px !important;
  color: #333 !important;
  font-weight: 600 !important;
  margin: auto;
}
.due-time.estimate_time_dropdown_ctrl .Label_heading_top {
  padding: 8px 7px 8px;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #333;
  border-bottom: 1px solid #efefef;
}
.add_estimate_time_input label {
  color: #333;
  font-size: 13px;
  font-weight: 600;
}
.add_estimate_time_input label span {
  color: #ed6d61;
}
.due-time.estimate_time_dropdown_ctrl
  .add_estimate_time_input
  input.form-control {
  height: 28px;
  border: 1px solid #0e9aef;
  border-radius: 3px;
  width: 100% !important;
}
.due-time.estimate_time_dropdown_ctrl
  .duetime-icon
  .estimate-time-div
  button.btn.btn-sm {
  width: 100%;
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.due-time.estimate_time_dropdown_ctrl
  .duetime-icon
  .due-timecontainer
  .due-time-value {
  border-radius: 16px;
  padding: 6px;
  width: auto;
  height: auto;
  font-size: 11px;
  color: #333;
  font-weight: 600;
}
.due-time.estimate_time_dropdown_ctrl .add_estimate_time_input {
  margin-bottom: 0;
}
.due-time.estimate_time_dropdown_ctrl
  .duetime-icon
  .due-timecontainer
  .due-time-value:hover {
  color: #fff;
}
.due-time.estimate_time_dropdown_ctrl .duetime-icon .due-timecontainer {
  flex-wrap: wrap;
  padding: 7px 20px 7px;
}
.due-time.estimate_time_dropdown_ctrl .duetime-icon .estimate-time-div {
  padding: 10px 19px;
  border-top: 1px solid #e9e9eb;
}
.estimate_timer_default_text .estimate_icon_bg {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  background: rgb(211, 211, 213, 0.26);
  justify-content: center;
  margin-right: 2px;
}
.due-time.estimate_time_dropdown_ctrl {
  border: 1px solid transparent;
  border-radius: 3px;
}
.cv_preview_pane_left_header .due-time.estimate_time_dropdown_ctrl {
  margin-right: 5px;
}
.attach-div.common_section.display_none {
  display: none;
}
.task_draggable_number.in_merge_capture {
  top: 20px !important;
}
span.divider_margin_auto {
  width: 1px;
  height: 10px;
  background: #fff;
  margin: 0 4px;
}
.list-size_active .action_clear_info_ctrl .action_info_icon:first-child,
.medium-size_active .action_clear_info_ctrl .action_info_icon:first-child,
.snippet-size_active .action_clear_info_ctrl .action_info_icon:first-child {
  display: none !important;
}
.list-size_active .action_clear_info_ctrl .divider_margin_auto,
.medium-size_active .action_clear_info_ctrl .divider_margin_auto,
.snippet-size_active .action_clear_info_ctrl .divider_margin_auto {
  display: none;
}
.medium-size_active
  .action_clear_info_ctrl
  .count_of_merged_captures.visible-in-list-size,
.snippet-size_active
  .action_clear_info_ctrl
  .count_of_merged_captures.visible-in-list-size {
  position: absolute !important;
  right: 10px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  ul.column_layout.task_listing
  li.active
  .count_of_merged_captures,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.snippet-size_active
  ul.column_layout.task_listing
  li.active
  .count_of_merged_captures {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  ul.column_layout.task_listing
  li
  .action_clear_info_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  ul.column_layout.task_listing
  li
  .action_clear_info_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.snippet-size_active
  ul.column_layout.task_listing
  li
  .action_clear_info_ctrl {
  height: 19px !important;
  margin-left: 6px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .count_of_merged_captures {
  background: 0 0 !important;
  color: #fff !important;
  border: none !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  > li:hover[data-class="multiple_selected"] {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  > li:hover[data-class="multiple_selected"] {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  > li:hover[data-class="multiple_selected"] {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .count_of_merged_captures {
  background: 0 0 !important;
  color: #fff !important;
  border: none !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  > li:hover[data-class="multiple_selected"] {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .action_info_icon.count_of_merged_captures.visible-in-list-size {
  color: #fff !important;
  background: 0 0 !important;
  border: none !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  > li:hover[data-class="multiple_selected"] {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  > li[data-class="multiple_selected"] {
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle[data-class="multiple_selected"]
  span.action_info_icon.count_of_merged_captures.visible-in-list-size {
  background: 0 0 !important;
  border: none !important;
  color: #fff !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]:hover {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li[data-class="multiple_selected"]:hover,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li[data-class="multiple_selected"]:hover,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li[data-class="multiple_selected"]:hover {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]:hover {
  background: #b6e0fa !important;
  border: 1px solid #0e9aef !important;
}
.inbox_heading_innr .active_use_count {
  margin-left: auto;
}
.group_by_ctrl.conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture
  .captures_innr_group_ctrl_section
  .grouped_by_section.group_by_list_parent
  .chevron_ctrl {
  margin: 0 5px 0 0;
}
.group_by_ctrl.conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture
  .captures_innr_group_ctrl_section
  .grouped_by_section.group_by_list_parent
  .chevron_ctrl,
.group_by_ctrl.conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture
  .captures_innr_group_ctrl_section
  .grouped_by_section.group_by_list_parent
  .chevron_ctrl,
.group_by_ctrl.conversation_inner_view_ctrl.snippet-size_active
  .parent_div_main_capture
  .captures_innr_group_ctrl_section
  .grouped_by_section.group_by_list_parent
  .chevron_ctrl {
  margin: 0 5px 0 0;
}
.tooltip_custom_popup.capture_info_details {
  right: -15px;
  left: auto;
}
.tooltip_custom_popup.capture_info_details
  .total_time_tooltip.arrow_box_top.dropdown-right:before {
  right: 12px;
  transform: unset;
  left: auto;
}
.date_search-information_inner {
  padding: 7px 10px;
  border-bottom: 1px solid #efefef;
}
.typed_date_ctrl .date_icon.col_left svg {
  width: 13px;
  height: 13px;
  margin-right: 8px;
  display: block;
}
.typed_date_ctrl .date_typed.col_right .date-bold_text {
  font-weight: 600;
  color: #333;
  font-size: 13px;
  line-height: initial;
}
.date_search-information_inner .typed_date_ctrl {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.info_related_to_due_date {
  font-size: 11px;
  margin: 0;
  color: grey;
  line-height: normal;
  padding-right: 1px;
}
.date_typed.col_right .selected_task_info {
  font-size: 11px;
  line-height: initial;
  color: grey;
}
.date_search-information_inner {
  padding: 0 12px 7px;
  border-bottom: 0;
}
.grouped_by_section.list-size_view_active
  .grouped_by_label
  .added_tags.more_tag.inlist,
.grouped_by_section.medium-size_view_active
  .grouped_by_label
  .added_tags.more_tag.inlist,
.grouped_by_section.snippet-size_view_active
  .grouped_by_label
  .added_tags.more_tag.inlist {
  margin: 0 5px 0 0;
  margin-right: 5px;
}
.grouped_by_section.thumbnail-large_view_active
  .grouped_by_label
  .added_tags.more_tag.inlist,
.grouped_by_section.thumbnail-medium_view_active
  .grouped_by_label
  .added_tags.more_tag.inlist,
.grouped_by_section.thumbnail-small_view_active
  .grouped_by_label
  .added_tags.more_tag.inlist {
  margin: 0 5px 0 0;
}
.grouped_by_section.thumbnail-large_view_active
  .grouped_by_label
  .items_inside.test3.count_of_tasks_by_tags,
.grouped_by_section.thumbnail-medium_view_active
  .grouped_by_label
  .items_inside.test3.count_of_tasks_by_tags,
.grouped_by_section.thumbnail-small_view_active
  .grouped_by_label
  .items_inside.test3.count_of_tasks_by_tags {
  margin: 0;
}
.view_for_add_estimate_time .estimate_time_btn {
  text-align: right;
  border-top: 1px solid #e7e7e9;
  padding: 6px 10px;
}
.estimate_time_btn button {
  height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
  font-size: 12px;
  margin-left: 5px;
  min-width: auto !important;
}
.timer_entries_dropdown_li.task_created_by_list .timer_watch_counter {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.timer_entries_dropdown_li.task_created_by_list .timer_watch_counter svg {
  fill: #a8aeb8;
  width: 13px;
  height: auto;
}
.time-entry-div.common_section .time_entried_ul_ctrl {
  border-radius: 0;
  border-bottom: 0;
}
.time-entry-div.common_section
  .time_entried_ul_ctrl
  .play_icon_ctrl_in_widget
  i.fa.fa-play {
  opacity: 1;
  border: 1px solid #d7dde2 !important;
  border-radius: 100%;
  height: 17px;
  width: 17px;
}
.is_popup_full_modal_view
  .side_bar_for_time_track
  .scroll-area-time-entries.range_mode_active {
  height: calc(100vh - 354px);
}
.video_record_info_popup .modal-body .whoops_msg_bold {
  font-weight: 400;
  font-size: 17px;
  color: #333;
  margin-bottom: 15px;
}
.information_about_record a {
  text-decoration: underline;
  color: #0e9aef;
}
.information_about_record a:hover {
  color: #0a77b9;
}
.information_about_record {
  font-size: 17px;
  color: #333;
}
.popup_footer_ctrl {
  text-align: right;
  margin: 25px 0 0;
}
.popup_footer_ctrl .btn.btn_success {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.popup_footer_ctrl .btn.btn_success .icon_ctrl {
  margin-right: 12px;
}
.popup_footer_ctrl .btn.btn_success .icon_ctrl svg {
  width: 17px;
  height: 17px;
  display: block;
  fill: #fff;
}
.popup_footer_ctrl a {
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.video_record_info_popup .modal-body .modal_body_inner {
  padding: 20px 15px 10px;
}
div.header_capture_popup button.close.close_bg_on_hover {
  z-index: 999;
}
div.header_capture_popup button.close.close_bg_on_hover:hover {
  background: 0 0;
}
div.header_capture_popup .modal-content {
  width: 560px;
  border-radius: 10px;
}
.multiselect_captures_div
  .task_data_main_wrap.active
  .merged_capture_description_ctrl {
  padding: 10px 20px 10px 20px;
}
.capture_view_outer_wrap.capture_view_outer_wrap_for_blank
  .merged_capture_description_ctrl {
  padding-bottom: 10px;
}
.merged_capture_description_ctrl .merged_capture_description {
  display: flex;
}
.multiselect_captures_div
  .task_data_main_wrap.active
  .capture_view_outer_wrap
  .merged_capture_description_ctrl {
  padding-bottom: 10px;
}
.multiselect_captures_div
  .task_data_main_wrap.active
  .merged_capture_description
  textarea.task_common_description_on_click {
  background: #fff !important;
}
.already_connected_tasks_list .task_rec_content_wrap .disconnect_task svg {
  width: 13px;
  height: 13px;
  cursor: pointer;
  fill: gray;
}
.already_connected_tasks_list .task_rec_content_wrap .disconnect_task {
  position: absolute;
  right: -6px;
  top: -6px;
}
.already_connected_tasks_list
  .task_rec_content_wrap
  .disconnect_task
  svg:hover {
  fill: #333333;
}
.selected_item_flex_ctrl {
  display: inline-flex;
}
.scroll-area-time-entries .user-name-initial {
  width: 22px;
  height: 22px;
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
}
.task_wrap_bg_ctrl.recent_capture_list {
  height: 240px;
}
.capture_list_dropdown_inner .thumbnail-view-preview-panel ul li {
  width: calc(100% / 3 - 10px);
}
.thumbnail_view .plyr__controls {
  display: none;
}
.thumbnail_view button.plyr__control.plyr__control--overlaid {
  width: 32px;
  height: 32px;
}
.thumbnail_view button.plyr__control.plyr__control--overlaid svg {
  top: -7px !important;
  left: -4px !important;
  width: 12px;
}
.magic_dropdown_direct_action_btn .templte_preview_ctrl {
  margin-left: auto;
}
.templte_preview_ctrl .eye_icon_ctrl i.fa.fa-eye {
  color: #000;
  opacity: 0.4;
  font-size: 12px;
}
.template_preview_inner {
  padding: 10px;
}
.template_preview_header > svg {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.template_preview_header {
  display: flex;
  align-items: center;
}
.template_preview_header .template_name {
  font-size: 12px;
  color: #333;
  font-weight: 600;
  margin-right: 6px;
}
.template_preview_ctrl {
  position: absolute;
  width: 210px;
  left: 100%;
  top: 0;
  height: auto;
  background: #f5f5f7;
  box-shadow: 0 1px 6px #0000003d;
  border: 1px solid #cbd3da;
  border-radius: 6px;
  opacity: 1;
  min-height: 151px;
}
.template_content_row.tr_border-bottom .template_name_num {
  font-weight: 600;
  color: #333;
}
.template_preview_header .Preview_text {
  color: #737373;
  font-size: 12px;
  font-weight: 600;
}
.dropdown-menu.theme_dropdown_with_icon_text.filters_in_list {
  overflow: auto;
  max-height: 456px;
}
.dropdown-menu.theme_dropdown_with_icon_text
  > a
  i.fas.fa-chevron-right.dropdown_cat_action_arrow {
  margin-right: 0;
  font-size: 12px;
  color: #798292;
}
.view_capture_by_dual_option_dropdown:hover .view_by_capture_dropdown_ctrl {
  display: block !important;
}
a.view_capture_by_dual_option_dropdown {
  position: relative;
}
.left_side_drop_down_menu_class.dropdown-menu.view_by_capture_dropdown_ctrl {
  position: absolute;
  left: 100%;
  top: 0;
  right: 0;
  margin: 0 !important;
  display: none;
}
.view_capture_by_ctrl {
  background: #fff;
  height: 100%;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.list_row_right_col .total_assignee_count {
  background-color: #f7f7f8;
  color: #0e9aef;
  border: 1px solid #eeeef0;
  height: 20px;
  display: inline-flex;
  padding: 0 3px;
  font-size: 12px;
  font-weight: 600 !important;
  border-radius: 2px;
  align-items: center;
}
.user_assignee_circle_ctrl {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
}
.view_by_assignee_list .grouped_by_section.grouped_by_folder_bundle {
  padding: 0 16px 0 16px !important;
}
.user_assignee_circle_ctrl .assignee_initial > span img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
.conversation_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .total_assignee_count {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #0e9aef !important;
}
.collapse_expand_arrow_in_card.in_merged_capture {
  min-width: 16px;
  min-height: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 4px;
}
.dropdown-menu.video_capture_options_dropdown {
  display: flex;
  align-items: center;
  left: 50%;
  transform: translate(-70%, 0);
  right: auto;
  margin-top: 14px;
  min-width: 220px;
}
.dropdown-menu.video_capture_options_dropdown a .Vicon {
  margin-top: 10px;
  color: #465369;
}
.dropdown-menu.video_capture_options_dropdown a {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #252222;
  font-size: 13px;
  display: flex;
  padding: 14px 0;
}
.dropdown-menu.video_capture_options_dropdown a svg > path {
  fill: #808080;
}
.dropdown-menu.video_capture_options_dropdown .vertical_devider {
  height: 40px;
  width: 1px;
  background: #dbdbdc;
  display: inline-block;
}
.dropdown-menu.video_capture_options_dropdown a:hover {
  background: #f5f5f5;
  color: #465369;
}
.dropdown-menu.video_capture_options_dropdown.arrow_box_top:after,
.dropdown-menu.video_capture_options_dropdown.arrow_box_top:before {
  left: 50%;
  transform: translate(-50%, 0);
}
.dropdown-menu.video_capture_options_dropdown.arrow_box_top:after {
  margin-left: -1px;
}
.dropdown-menu.video_capture_options_dropdown.arrow_box_top a > svg {
  width: 20px;
}
.group_by_ctrl.conversation_inner_view_ctrl.view_by_assignee_list
  .grouped_by_label
  .group_label_text_limitter {
  font-weight: 600;
  color: #333;
  padding: 0 10px 0 0;
  height: 30px;
  align-items: center;
  white-space: nowrap;
  line-height: inherit !important;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  justify-content: flex-start;
  text-overflow: ellipsis;
  -webkit-box-align: center;
  width: 100%;
}
.group_by_ctrl.conversation_inner_view_ctrl.view_by_assignee_list
  .grouped_by_label {
  width: 100%;
  display: flex;
  align-items: center;
}
ctrl .assignee_initial {
  color: #fff !important;
}
.view_by_assignee_list .grouped_by_section {
  background: #fff;
  padding: 0 16px 0 16px !important;
  border-top: 0;
  border-bottom: 1px solid #e9e9eb;
}
.view_by_assignee_list
  .grouped_by_label
  .user_assignee_circle_ctrl
  .assignee_initial {
  color: #fff !important;
}
.view_capture_by_ctrl .list_header {
  min-height: auto !important;
}
.view_by_assignee_list .grouped_by_label > svg.priority_icon_in_list {
  top: 1px;
  margin: 0 3px 0 0;
}
.group_by_ctrl.conversation_inner_view_ctrl.view_by_assignee_list {
  overflow: auto;
  height: calc(100vh - 133px);
}
.list_header_inner_main button.exit_side_panel svg {
  width: 11px !important;
}
.no_connected_task.in_sidepanel.in_captures_details .data_div_ctrl i {
  font-size: 48px;
  color: #878f96a6;
  margin-bottom: 20px;
}
.task_created_by_list
  .capture_task_created_by
  .user-name-initial_circle
  .user-name-initial {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blank_capture_in_side_panel
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 290px) !important;
}
.panel_content_wrapper.metadataMainWrapper
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 222px);
}
.conversation_preview_pane_main_wrapper
  .preview_pane_top_header_main
  .timer_class_div.timer_in_list.running_timer_class_div,
.task_data_block_container .timer_ui_list_view .timer_class_div.timer_in_list {
  padding: 4px 5px !important;
}
.timer_class_div.timer_in_list.start_timer_div.time_track_bg {
  padding: 0 !important;
}
.timer_class_div.timer_in_list.stopped_timer_class_div.time_track_bg {
  padding: 0 !important;
}
.time_track_chevron_icon {
  position: relative !important;
  top: 1px !important;
  display: inline-flex;
}
.time_track_chevron_icon i.fas.fa-chevron-down {
  border: 0 !important;
  background: 0 0;
  font-size: 10px !important;
  color: #333 !important;
  opacity: 1;
  width: auto !important;
  height: auto !important;
}
.conversation_preview_pane_main_wrapper
  .preview_pane_top_header_main
  .timer_class_div.timer_in_list.running_timer_class_div
  .start-blinking,
.task_data_block_container
  .timer_ui_list_view
  .timer_class_div.timer_in_list
  .start-blinking {
  margin-left: 10px !important;
}
.count_by_innr_ctrl .grouped_by_section {
  padding: 2px 16px 2px 16px !important;
  background: #fff;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #e9e9eb;
}
.count_by_innr_ctrl .grouped_by_section:hover {
  background-color: #f8f8f8;
}
.is_popup_full_modal_view .preview_pane_scroll.detect_attachment_hovxer_class {
  height: calc(100vh - 258px) !important;
  display: block;
}
.is_popup_full_modal_view .merged_captures_menu_ul {
  max-height: calc(100vh - 141px);
}
.wrapper-clm-bg.in_full_screen_separate
  .preview_pane_scroll.detect_attachment_hovxer_class {
  height: calc(100vh - 145px) !important;
  display: block;
}
.default_btn_ctrl {
  padding: 8px 14px;
  border-top: 1px solid #e7e7e9;
  margin-top: 8px;
  font-size: 13px;
  color: #0e9aef;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: 0.1s ease all;
}
.default_btn_ctrl input[type="button"] {
  border: 0;
  background-color: transparent;
  width: 100%;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
}
.default_btn_ctrl:hover {
  background: #0e9aef;
  color: #fff;
}
.modal-dialog.modal-xl.details_pane_in_modal_ctrl.modal_fifty_fifty_view_ctrl
  .preview_pane_dynamic_height {
  height: calc(100vh - 62px) !important;
}
.modal-dialog.modal-xl.details_pane_in_modal_ctrl.modal_fifty_fifty_view_ctrl
  .wrapper-clm-bg.wrapper-clm-bg-modal {
  height: 100%;
  overflow: unset !important;
}
.modal-dialog.modal-xl.details_pane_in_modal_ctrl.modal_fifty_fifty_view_ctrl
  .separated_comments_activity_wrapper
  .comment_activity_main_content_ctrl {
  height: calc(100vh - 270px) !important;
}
.modal-dialog.modal-xl.details_pane_in_modal_ctrl.modal_fifty_fifty_view_ctrl
  .separated_comments_activity_wrapper {
  overflow: auto;
}
.wrapper-clm-bg.in_full_screen_separate .full_screen_separate_capture {
  position: relative;
  max-width: calc(100% - 20px) !important;
}
.full_screen_separate_capture_innr.sidepanel_active_in_vertical_bar.center_capture_col_ctrl {
  width: calc(100% - 428px) !important;
}
.is_popup_full_modal_view .wrapper-clm-bg.in_full_screen_separate {
  padding: 0 !important;
}
.is_popup_full_modal_view
  .wrapper-clm-bg.in_full_screen_separate
  .full_screen_separate_capture {
  max-width: 100% !important;
}
.wrapper-clm-bg.in_full_screen_separate .full_screen_separate_capture_innr {
  height: 100%;
  display: inline-flex;
}
.full_screen_separate_capture_innr .preview_sidepanel_main_innr_wrapper {
  display: inline-flex;
  flex-direction: column;
}
.is_popup_full_modal_view .side_bar_for_time_track .scroll-area-time-entries {
  height: calc(100vh - 262px);
}
.is_popup_full_modal_view
  .full_screen_separate_capture_innr
  .outline_menu_is_not_active {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.is_popup_full_modal_view
  .full_screen_separate_capture_innr
  .outline_menu_is_active.preview_sidepanel_main_innr_wrapper {
  width: 100%;
  height: 100%;
}
.conversation_view_main_wrapper
  .vue_splitter_pane.app_all_captures.listing_in_list_view {
  border-left: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.conversation_view_main_wrapper
  .vue_splitter_pane.app_all_captures.listing_in_list_view
  .list_header {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.timer_entries_dropbox_outer_div.timer_popup_multiple_time_entries
  .timer_widget_main_wrapper {
  overflow: unset;
}
.selected_capture_active
  .metadataMainWrapper
  .due-date.schedule_calendar_ctrl
  .external_icon.icon_common_sty {
  width: auto !important;
}
.selected_capture_active
  .metadataMainWrapper
  .due-date.schedule_calendar_ctrl
  .external_icon.icon_common_sty {
  padding: 0 5px 0 0 !important;
}
.add_custom_estimate_btn {
  padding: 8px 14px;
  border-top: 1px solid #e7e7e9;
  cursor: pointer;
  margin-top: 0;
  font-size: 13px;
  color: #0e9aef;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: 0.1s ease all;
  text-align: center;
  font-weight: 600;
}
.default_estimate_list .estimate_item {
  cursor: pointer;
  padding: 3px 5px 3px 5px;
  display: inline-block;
  align-items: center;
  font-size: 13px;
  width: calc(50% - 2px);
}
.default_estimate_list {
  width: 100%;
}
.add_custom_estimate_btn:hover {
  background: #0e9aef;
  color: #fff;
}
.due-time.estimate_time_dropdown_ctrl .Label_heading_top .go_back_btn {
  height: 22px;
  width: 22px;
}
.due-time.estimate_time_dropdown_ctrl .Label_heading_top .go_back_btn svg {
  width: 11px;
  height: 11px;
}
.default_estimate_list .estimate_item.active {
  color: #0e9aef;
}
.default_estimate_list .estimate_item:hover {
  background: #f5f5f5;
}
.reply_commented_msg_ctrl {
  padding: 5px;
  border-bottom: 1px solid #cbd3da;
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 5px;
}
.reply_commented_msg_ctrl .comment_text {
  display: flex;
  flex: 1;
  background: 0 0;
}
.reply_commented_msg_ctrl .remove_reply_msg i.fa.fa-times:hover {
  color: #333;
}
.reply_commented_msg_ctrl .remove_reply_msg i.fa.fa-times {
  color: rgba(70, 83, 105, 0.65);
  font-size: 13px;
}
.reply_commented_msg_inner {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  background: #f5f5f7;
  padding: 10px 15px;
  border-radius: 6px;
}
.reply_commented_msg_ctrl .reply_wrapper_flex {
  display: flex;
  align-items: center;
  width: 100%;
}
.reply_wrapper_flex .quote_msg_ctrl {
  position: absolute;
  left: 10px;
  top: 10px;
}
.reply_wrapper_flex .quote_msg_ctrl svg {
  width: 14px;
  height: 14px;
  fill: #ffffff;
}
.reply_wrapper_flex .reply_comment_col_ctrl {
  flex: 1;
  flex: 1;
  width: 0;
  text-align: left;
}
.reply_commented_msg_ctrl .comment_text {
  display: flex;
  flex: 1;
  background: 0 0;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.comment_user_meta i.fa.fa-reply {
  margin-right: 5px;
  color: #333;
  font-size: 11px;
}
.reply_comment_col_ctrl .comment_user_meta {
  font-size: 13px;
}
.replied_by {
  display: inline-block;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 74%;
}
.reply_commented_msg_ctrl .comment_user_meta {
  display: flex;
  align-items: center;
}
.reply_comment_action_action_ctrl {
  position: absolute;
  right: 8px;
  top: 8px;
  display: none;
}
.remove_reply_msg {
  border-radius: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: background NaNs ease-in;
  cursor: pointer;
  width: 20px;
  height: 20px;
  align-items: center;
}
.remove_reply_msg:hover {
  background-color: #e4e5e6;
}
.reply_commented_msg_ctrl .remove_reply_msg i.fa.fa-times {
  color: rgba(70, 83, 105, 0.65);
  font-size: 12px;
}
.reply_commented_msg_ctrl .remove_reply_msg i.fa.fa-times {
  color: rgba(70, 83, 105, 0.65);
  display: inline-flex;
  top: -1px;
  position: relative;
}
.reply_commented_msg_inner:hover .reply_comment_action_action_ctrl {
  display: block;
}
.reply_comment_col_ctrl .comment_text {
  display: flex;
  flex: 1;
  background: 0 0;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  padding-right: 10px;
  display: -webkit-box;
  border-radius: 0;
  margin-bottom: 0;
  opacity: 0.8;
  padding-left: 21px;
}
.quote_msg_ctrl svg {
  width: 13px !important;
  fill: #455268e6 !important;
}
.comments_area.comment_area_right.comment_area_byself .divider_no_margin {
  width: calc(100% - 10px);
  background: #2b86d8;
  height: 1px;
  margin: 10px 0;
}
.comment_text_bg .reply_comment_col_ctrl {
  padding-left: 14px;
}
.comment_text_bg .replied_message {
  padding-left: 14px;
}
.reply_comment_col_ctrl .attachment_by_slash {
  font-weight: 400;
  font-size: 12px;
  mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 1) 20px
  );
  -webkit-mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 1) 5px
  );
}
.reply_comment_col_ctrl .user_data {
  color: #000;
  font-size: 12px;
  margin-bottom: 2px;
  display: inline-flex;
  align-items: center;
  margin-left: 5px;
  width: 0;
  flex: 1;
}
.original_comment_time {
  margin-left: 4px;
  font-size: 12px;
  color: #333;
  display: inline-flex;
  white-space: nowrap;
}
.reply_comment_col_ctrl .image_overlay_on_hover {
  display: none !important;
}
.reply_comment_col_ctrl .capture_coment_attachment {
  display: inline-block !important;
  margin-right: 15px;
}
.reply_comment_col_ctrl .capture_coment_attachment img {
  max-width: 110px !important;
}
.reply_comment_col_ctrl .block_attachment_container {
  margin-top: 5px;
}
.quill_comment_box_innr_ctrl.active {
  border-radius: 4px;
}
.quill_comment_box_innr_ctrl.active .custom_quil_comment_box:focus-within {
  border: 1px solid #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.quill_comment_box_innr_ctrl.active .custom_quil_comment_box:hover {
  border: 1px solid #fff;
}
.is_popup_full_modal_view
  .in_full_screen_merged_captures
  .capture_list_dropdown.capture_list_dropdown_full_modal_popup
  .tabs_inner_content_wrap {
  height: calc(100vh - 200px) !important;
}
.wrapper-clm-bg.in_full_screen_separate
  .in_full_screen_merged_captures
  .capture_list_dropdown.capture_list_dropdown_full_modal_popup
  .tabs_inner_content_wrap {
  height: calc(100vh - 141px);
}
.image_modal_popup_vertical_bar.capture_list_dropdown_full_modal_popup.in_canvas
  .side_bar_for_time_track
  .scroll-area-time-entries {
  height: calc(100vh - 388px);
}
.image_modal_popup_vertical_bar.capture_list_dropdown_full_modal_popup.in_canvas
  .scroll-area-time-entries.manual_mode_active {
  height: calc(100vh - 483px);
}
.image_modal_popup_vertical_bar.capture_list_dropdown_full_modal_popup.in_canvas
  .scroll-area-time-entries.range_mode_active {
  height: calc(100vh - 483px);
}
.reply_comment_col_ctrl .divider_no_margin {
  width: 100%;
  background: #dee0e1;
  height: 1px;
  margin: 8px 0;
}
.reply_comment_col_ctrl.reply_other_user {
  padding-left: 14px;
}
.comments_text .replied_message {
  padding-left: 14px;
}
.multi-assignee-wrapper .cp_multiple_assignee > div {
  overflow: unset !important;
}
.merged_capture_parent
  .capture-name-header
  .timer_ui_list_view
  .timer_class_div.timer_in_list {
  height: 17px;
}
.merged_capture_parent
  .capture-name-header
  .timer_class_div.timer_in_list.running_timer_class_div
  .start-blinking {
  margin-left: 22px !important;
}
.dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown {
  position: absolute;
  opacity: 0;
  right: 0;
  background: #f5f5f7 !important;
  width: 31px;
  display: inline-flex;
  cursor: pointer;
  margin-left: auto;
}
.active .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown {
  background-color: transparent !important;
}
.dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown
  i.fas.fa-ellipsis-h {
  padding-left: 0;
  font-size: 12px;
  padding-right: 5px;
  min-width: 8px !important;
  margin: 0 0 0 9px;
  color: rgba(0, 0, 0, 0.5);
}
ul.capture_fixed_menu_ul
  > li:hover
  .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown {
  background: #e7e7ec !important;
  opacity: 1 !important;
}
ul.capture_fixed_menu_ul
  > li.active:hover
  .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown {
  background: #b6e0fa !important;
}
.inbox_default_folder:hover
  .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown {
  opacity: 1 !important;
  background: #e7e7ec !important;
}
.inbox_default_folder.active:hover
  .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown {
  background: #0e9aef !important;
}
.dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown:hover
  i.fas.fa-ellipsis-h {
  color: #465369 !important;
}
.table_view_main_wrapper .table_view_list_header .list_header {
  border-radius: 6px;
}
.vue_splitter_pane.app_all_captures,
.vue_splitter_pane.capture_detail_captures .banner-right-trackduck.full_width {
  border-top: 1px solid #e9e9eb;
}
.hint_placeholders.edit_mode_active {
  margin-right: 52px;
}
.date_and_time_input.form-group.has-error input.form-control {
  border: 1px solid #f15866 !important;
}
.tc_calendar_body-inner .tc_star_date_wrap_left {
  border-right: 1px solid #dadce0;
}
.theme_calenda_wrap_inner .vdp-datepicker__calendar header {
  border-top: 1px solid #dadce0 !important;
}
.external_icon.icon_common_sty .no_due_date_selected {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}
.external_icon.icon_common_sty .iconbg {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  background: rgb(211, 211, 213, 0.26);
  justify-content: center;
  margin-right: 2px;
}
.cv_preview_pane_left_header
  .due-date.schedule_calendar_ctrl
  .external_icon.icon_common_sty:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.external_icon.icon_common_sty:hover
  .tooltip_custom_popup.capture_related_info {
  display: block;
}
.tooltip_custom_popup.capture_related_info
  .total_time_tooltip.arrow_box_top.dropdown-right {
  font-size: 13px;
  width: auto;
}
.tooltip_custom_popup.capture_related_info .task_list_discription {
  margin-top: 6px;
}
.my_folder_parent.border_with_margin {
  border-top: 1px solid #d5d5d6;
}
.capture_view_active
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container {
  padding: 5px 10px 5px 10px;
}
ul.capture_fixed_menu_ul > li.parent_item_ctrl .caret_icon {
  display: inline-block;
  margin-right: 10px;
  min-width: 10px;
  margin-left: 0;
  width: 10px;
  text-align: center;
}
ul.capture_fixed_menu_ul > li.parent_item_ctrl.collapse_section {
  padding-left: 2px !important;
}
ul.capture_fixed_menu_ul > li.child_item_ctrl {
  padding: 4px 0 4px 30px !important;
}
ul.capture_fixed_menu_ul > li.parent_item_ctrl {
  padding: 5px 0 5px 0 !important;
}
ul.capture_fixed_menu_ul.my_inbox_section
  > li
  .capture_menu_item.flex-v-center {
  display: inline-block;
  max-width: 100%;
}
.ql-editor.ql-blank::before {
  left: 8px !important;
}
ul.capture_fixed_menu_ul.my_inbox_section
  > li.active
  .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown {
  background: #0e9aef !important;
}
ul.capture_fixed_menu_ul.my_inbox_section
  > li.active
  .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown:hover {
  background: #0e9aef !important;
}
ul.capture_fixed_menu_ul > li.parent_item_ctrl .caret_icon i {
  margin: 0;
  left: 0;
  right: 0;
}
.notification {
  width: 7px;
  height: 7px;
  background-color: #efc02d;
  border-radius: 100%;
  display: inline-flex;
  margin: 0 0 0 7px;
  position: relative;
}
.outline_menu_is_not_active
  .cv_task_list_main_weapper.align-comment-end
  .single_captures_div {
  background: #fff;
}
.recent_capture_list_item
  .custom_lablel_orignal_name.custom_capture_folder_element {
  padding: 15px !important;
}
.recent_capture_list_item
  .custom_lablel_orignal_name.custom_capture_folder_element
  .list_tree_empty_folder_icon_span {
  margin-left: 0;
}
.recent-capture_list_ctrl .recent_capture_list_item {
  height: 30px;
  display: flex;
  align-items: center;
}
.recent-capture_list_ctrl label {
  color: #333;
  font-weight: 600;
  padding: 7px 15px;
  width: 100%;
  margin: 0;
}
.recent-capture_list_ctrl .recent_capture_list_item:hover {
  background: #f5f5f5 !important;
}
.common_innr_dropdown.folder_dropdown_ctrl .recent-capture_list_ctrl {
  border-bottom: 1px solid #cbd3da;
  padding-bottom: 5px;
}
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen .btn .img-decrease svg,
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen .btn .img-increase svg {
  width: 15px;
  height: 15px;
  display: block;
  fill: #151b26;
}
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen .btn:hover {
  background: #f5f5f7;
}
.button.cp.viewtoggle.single-view {
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid #dadce0;
}
ul.filters_ul .button {
  margin: 0;
  padding: 0 5px 0 5px;
  text-decoration: none;
  border-radius: 1px;
  border: 1px solid #7b7e84;
  color: #7b7e84;
  float: left;
  border-radius: 4px;
  text-align: center;
  height: 18px;
}
a.button.cp.viewtoggle.single-view .bar {
  width: 6px;
  height: 1px;
  background-color: #7b7e84;
}
a.button.cp.viewtoggle .bar,
a.button.cp.viewtoggle.double_view .bar,
a.button.cp.viewtoggle.three_view .bar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  top: -2px;
}
a.button.cp.viewtoggle.double_view {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}
a.button.cp.viewtoggle.double_view .bar {
  height: 6px;
}
a.button.cp.viewtoggle.double_view .bar:before {
  content: "";
  width: 6px;
  height: 1px;
  margin: 4px 0;
  background-color: #7b7e84;
}
a.button.cp.viewtoggle.double_view .bar:after,
a.button.cp.viewtoggle.double_view .bar:before,
a.button.cp.viewtoggle.three_view .bar:after,
a.button.cp.viewtoggle.three_view .bar:before {
  position: absolute;
  left: 0;
  display: block;
}
a.button.cp.viewtoggle.double_view .bar:after {
  content: "";
  width: 6px;
  height: 1px;
  margin: 1px 0;
  background-color: #7b7e84;
}
a.button.cp.viewtoggle.three_view {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
a.button.cp.viewtoggle.three_view .bar {
  width: 6px;
  height: 1px;
  background-color: #828282;
}
a.button.cp.viewtoggle.three_view .bar:after,
a.button.cp.viewtoggle.three_view .bar:before {
  content: "";
  width: 6px;
  height: 1px;
  margin: 1px 0;
  background-color: #828282;
}
a.button.cp.viewtoggle.three_view .bar:before {
  top: -4px;
}
a.button.cp.viewtoggle.three_view .bar:after {
  top: 2px;
}
.capture_list_view.equal_space {
  margin-right: 10px;
}
ul.filters_ul .button:hover .bar {
  background: #828282 !important;
}
ul.filters_ul .button:hover {
  background: #ebebed;
}
a.button.cp.viewtoggle.double_view:hover .bar {
  background: 0 0 !important;
}
.button.cp.viewtoggle.active {
  background-color: #0e9aef;
}
a.button.cp.viewtoggle.double_view.active .bar {
  background: 0 0;
}
a.button.cp.viewtoggle.double_view.active .bar:before {
  background-color: #fff;
}
a.button.cp.viewtoggle.double_view.active .bar:after {
  background-color: #fff;
}
a.button.cp.viewtoggle.double_view:hover .bar:after,
a.button.cp.viewtoggle.double_view:hover .bar:before,
a.button.cp.viewtoggle.three_view:hover .bar:after,
a.button.cp.viewtoggle.three_view:hover .bar:before {
  background: #828282 !important;
}
a.button.cp.viewtoggle.three_view.active .bar:before {
  background-color: #fff !important;
}
a.button.cp.viewtoggle.three_view.active .bar:after {
  background-color: #fff !important;
}
a.button.cp.viewtoggle.three_view.active .bar {
  background-color: #fff !important;
}
a.button.cp.viewtoggle.single-view.active .bar {
  background-color: #fff !important;
}
a.button.cp.viewtoggle.double_view.active:hover .bar:before {
  background-color: #fff !important;
}
a.button.cp.viewtoggle.double_view.active:hover .bar:after {
  background-color: #fff !important;
}
.task_data_main_wrap .in_preview_panel .task_name_text:focus-within:hover {
  text-decoration: none;
}
.save_btn_group {
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
  line-height: 18px;
}
button.btn.btn-link.saved {
  color: #1ab394;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-right: 0;
}
.save_btn_group .btn.btn-link.saved i {
  font-size: 14px;
  color: rgba(55, 53, 47, 0.4) !important;
}
.capture_edit_header {
  display: flex;
  flex: 1;
  background: #fff;
  align-items: center;
}
.capture_edit_header .task_data_main_wrap {
  width: 100%;
  margin-bottom: 0;
}
.capture_edit_header .download_capture_icon_ctrl.external_link.del svg {
  width: 14px;
  height: 14px;
  display: block;
  cursor: pointer;
}
.capture_edit_header .download_capture_icon_ctrl.external_link.del {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 0;
  margin-left: 0;
}
.image_modal_popup_vertical_bar.capture_list_dropdown_full_modal_popup.in_canvas
  .preview_pane_dynamic_height {
  height: calc(100vh - 239px);
}
.task_data_main_wrap
  .timer_class_div.timer_in_list.running_timer_class_div
  span.start-blinking {
  margin-left: 14px !important;
}
.capture_edit_header .task_data_main_wrap .task_data_block_container {
  padding: 12px 10px 13px !important;
  min-height: 51px;
}
.sub_header
  .capture_edit_header
  .task_data_main_wrap
  .task_data_block_container {
  padding: 4px 10px 5px !important;
  min-height: 35px;
}
.capture_list_dropdown_inner
  .modal_detail_panel
  .two_header_panel_ctrl_in_metadata_panel
  .header_first
  .rcl.preview_pane_header_ctrl
  .assignee-div
  .assignee-container.dropdown {
  margin-right: 5px !important;
}
.capture_list_dropdown_inner
  .modal_detail_panel
  .two_header_panel_ctrl_in_metadata_panel
  .preview_pane_top_header_second
  .due-time.estimate_time_dropdown_ctrl {
  margin: 0 5px !important;
}
.capture_list_dropdown_inner
  .modal_detail_panel
  .two_header_panel_ctrl_in_metadata_panel
  .preview_pane_top_header_second
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg {
  margin: 0 5px 0 0 !important;
}
.capture_list_dropdown_inner
  .modal_detail_panel
  .two_header_panel_ctrl_in_metadata_panel
  .preview_pane_top_header_second
  .previw-left-cl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl.participant-div.manidsds {
  margin: 0 5px 0 5px !important;
}
.capture_list_dropdown_inner
  .modal_detail_panel
  .two_header_panel_ctrl_in_metadata_panel
  .preview_pane_top_header_second
  .previw-left-cl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl.participant-div.manidsds
  .assignee-container.dropdown {
  margin-left: 0;
}
.capture_list_dropdown_inner
  .modal_detail_panel
  .rcl.preview_pane_right_header_ctrl
  .priority-icon {
  margin-right: 5px;
}
.preview_pane_top_header_main
  .rcl.preview_pane_right_header_ctrl
  .magic-dots.close_icon {
  margin-right: 5px;
}
.conversation_preview_pane_main_wrapper
  .capture_list_dropdown_inner
  .modal_detail_panel
  .preview_pane_top_header_main {
  padding-right: 5px !important;
}
.Participant_ctrl.participant_in_table_ctrl.participant-div
  .multi-assignee-wrapper
  .assignee-icon.cp_multiple_assignee {
  margin-left: 3px !important;
}
.preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container
  .multi-assignee-wrapper
  .assignee-icon.cp_multiple_assignee {
  margin-left: 3px;
}
.assignee-div.assignee-cv-div
  .multi-assignee-wrapper
  .assignee-icon.cp_multiple_assignee {
  margin-left: 0 !important;
}
.merged_capture_parent
  .capture-name-header
  .assignee-div.assignee-cv-div
  .assignee-container.dropdown {
  margin: 0 5px 0 0 !important;
}
.task_data_block_container
  .task_action_icons_right
  .preview_pane_header_ctrl.flex
  .assignee-div {
  margin-right: 0 !important;
}
.due_date_present .iconbg {
  color: #00bf9c;
}
.due-date.schedule_calendar_ctrl .due_date_present .selected_due_date_span {
  color: #00bf9c !important;
}
.due_date_past .iconbg {
  color: #ed4758;
}
.due-date.schedule_calendar_ctrl .due_date_past .selected_due_date_span {
  color: #ed4758 !important;
}
.priority-icon.priority_in_card_style {
  width: 23px !important;
  height: 23px !important;
  margin: 0 5px 0 0 !important;
}
.priority-icon.priority_in_card_style > a svg {
  width: 11px !important;
}
.external_with_embed {
  background: #f5f5f7;
  padding: 1px 2px;
  font-size: 9px;
  font-weight: 600;
  margin-left: 5px;
  border-radius: 2px;
  border: 1px solid #cbd3da8a;
}
.project-div.project_cv_div.folder-dropdown-div.folder_in_card_style
  .project-icon.dropdown {
  display: flex;
  align-items: center;
}
.info_header.info_header_in_detail_side_panel {
  padding: 8px 15px;
}
.info_header.info_header_in_detail_side_panel .info_text {
  flex: 1;
}
.capture_and_metadata_options_ctrl {
  width: 100%;
  display: flex;
}
.task_draggable_number.in_merge_capture svg:hover {
  fill: #333333 !important;
}
.compact_ui.top_header_action_tools_ctrl a svg {
  width: 20px !important;
  height: 20px !important;
}
.overlay_popup {
  background: rgba(0, 0, 0, 0.7) !important;
}
.modal-backdrop.fade.in {
  background: rgba(0, 0, 0, 0.7) !important;
}
.modal-backdrop.in {
  background: rgba(0, 0, 0, 0.7) !important;
}
.capture_list_dropdown_inner .search_box_add_time_ctrl {
  border-bottom: 1px solid transparent !important;
  border-top: 1px solid #e9e9eb;
  background: #f5f5f7;
  padding: 5px 10px !important;
}
.My_Capture_Team.Folders .capture_list_group_label {
  border-top: 1px solid #cbd3da;
}
.assign_to_me_and_unassign_together {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.assign_to_me_and_unassign_together .header_btn_sty.unassign_text {
  color: #151b26cc;
}
.assign_to_me_and_unassign_together .divider_mr_0 {
  margin: 0 2px;
  background: #dadce0;
  display: inline-block;
  height: 12px;
  width: 1px;
}
.no-email-selected.equal_margin_ctrl .selected_capture_count {
  margin-top: 15px;
}
.no-email-selected.equal_margin_ctrl .merge_action_footer {
  margin-top: 40px !important;
}
.conversation-selected.capture_module_selected_conversation.conversation_selcted_preview {
  height: calc(100% - 34px);
}
.second_capture_common_header_ctrl {
  width: 100%;
  background: #fff;
}
.second_capture_common_header_inner {
  padding: 0 10px;
  height: 100%;
  display: flex;
  border-bottom: 1px solid #e9e9eb;
  height: 41px !important;
}
.add_section_btn_ctrl .add_capture_section_in_list_btn {
  border: 1px solid #dadce0;
  height: 24px;
  padding: 0 7px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  margin: 0 10px;
}
.add_capture_section_in_list_btn i.fas.fa-plus {
  padding: 0 5px 0 0;
  font-size: 11px;
  color: #4d4d4d;
}
.add_capture_section_in_list_btn:hover {
  background: #f5f5f7 !important;
}
.list_sub_header_main_left.add_capture_btn_in_card .add_task_in_list_btn {
  border: 1px solid #dadce0 !important;
  border-radius: 3px !important;
}
.comment_swith_on_off_ui .compact_ui .slider:before {
  width: 13px;
  height: 13px;
}
.comment_swith_on_off_ui .comment_text_with_switch {
  margin-right: 6px;
}
.comment_swith_on_off_ui {
  display: flex;
  align-items: center;
  padding: 3px 6px;
  border-radius: 3px;
}
.comment_swith_on_off_ui .compact_ui {
  position: relative;
  top: 1px;
}
.preview_pane_tabbed_panel.common_section {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}
.subtask-div.common_section .subtask-container .section-title {
  height: 30px;
}
.metadata-container .section-title {
  height: 30px;
  align-items: center;
  display: inline-flex !important;
}
.comment_activity_main_content_ctrl {
  min-height: auto !important;
}
.custom_element_header_inner {
  display: flex;
  align-items: center;
  padding: 7px 10px 7px;
}
.custom_element_header_inner .four_column_view_dropdown {
  margin-left: auto;
}
.project_dropdown_in_sidebar:hover {
  background: #f2f2f2;
  border: 1px solid #d4d8db;
}
.project_dropdown_in_sidebar {
  border-radius: 3px;
  border: 1px solid transparent;
  padding: 0 5px 0 0;
  color: var(--text-primary) !important;
  font-size: var(--text-body-size);
  background: #f5f5f7;
  line-height: 24px;
}
.project_dropdown_in_sidebar .icon_span_ctrl {
  color: #7e8187;
  padding-right: 0;
  background-color: rgb(211, 211, 213, 0.26);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.project_in_list_header .folder_icon_ctrl {
  color: #7b7e84 !important;
  cursor: default;
  display: inline-flex;
}
.project_in_list_header {
  display: flex;
  align-items: center;
}
.dropdown_header_div_sty .header_btn_sty.align_left {
  text-align: left !important;
  margin: 0;
}
.pagination_arrow_next > i,
.pagination_arrow_prev > i {
  padding: 0;
  margin: 0 !important;
  position: static !important;
}
div#estimateTimeDropdown {
  min-width: 180px;
  max-width: 180px;
}
.common_innr_dropdown.view_for_add_estimate_time .Label_heading_top h3 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-align: center;
}
.common_innr_dropdown.view_for_add_estimate_time .default_estimate_list {
  padding: 5px 10px;
}
.due-time_container .add_estimate_time_input input {
  width: 100% !important;
  border-radius: 3px;
  height: 30px;
}
.due-time_container .add_estimate_time_input {
  padding: 10px 10px;
}
.errMsg {
  color: #f15866;
  font-size: 12px;
  line-height: 19.5px;
  margin: 0 0 5px 0;
  text-align: center;
}
.common_innr_dropdown.view_for_add_estimate_time
  .Label_heading_top
  .go_back_btn {
  width: 22px;
  height: 22px;
  top: 4px;
  left: 10px;
}
.common_innr_dropdown.dropdown-menu.view_for_add_estimate_time {
  width: 180px;
  min-width: 180px;
}
.multiselect_captures_div .task_data_main_wrap .task_data_block_container {
  padding: 5px 10px 4px 26px !important;
}
.project-div.project_cv_div.folder-dropdown-div.folder_in_card_style
  .project-icon.dropdown
  .align-middle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  cursor: pointer;
  max-width: 115px;
}
.due_date_time_estimate_in_card_style
  .project-div.project_cv_div.folder-dropdown-div
  .project-icon.dropdown {
  display: flex;
  align-items: center;
}
.project-div.project_cv_div.folder-dropdown-div
  .project-icon.dropdown
  .project-variable {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
  max-width: 115px;
}
.project-div.project_cv_div.folder-dropdown-div
  .project-icon.dropdown
  .align-middle {
  display: flex;
  align-items: center;
}
.due_date_time_estimate_in_card_style .rcl.preview_pane_header_ctrl {
  margin-right: 5px !important;
}
.full_modal_popup_for_capture .image_preview.in_modal {
  max-height: 100%;
  padding: 20px;
}
.project_in_list_header h4 {
  min-width: 1px !important;
  max-width: 165px !important;
}
.project-div.folder_in_card_style .remove_assignee.remove_project {
  position: absolute;
  top: -8px;
  right: -8px;
}
.doc_view_architecture_ctrl {
  background: #fdfdfd !important;
  padding: 15px 110px 15px !important;
}
.doc_view_architecture_ctrl .task_data_main_wrap.capture_expanded {
  border: 1px solid rgba(194, 197, 198, 0.6) !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important;
  position: relative;
}
.doc_view_architecture_ctrl .task_data_main_wrap {
  border: 0 !important;
}
.doc_view_architecture_ctrl .capture_number {
  position: static;
  text-align: left;
  color: #29333d;
  font-size: 16px;
  font-weight: 600;
  width: auto;
  margin-right: 0;
}
.doc_view_architecture_ctrl .task_draggable_number.in_merge_capture {
  display: none;
}
.doc_view_architecture_ctrl
  .has_merged_captures
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container {
  padding-left: 0 !important;
  border-bottom: 1px solid #cbd3da;
  margin-bottom: 1px;
}
.doc_view_architecture_ctrl
  .task_data_main_wrap.capture_expanded
  .merged_capture_description_ctrl {
  padding: 10px 0 0 0 !important;
  border-bottom: 0;
  position: relative;
}
.doc_view_architecture_ctrl
  .has_merged_captures
  .cv_task_list_main_weapper
  .cv_task_list_inner {
  padding: 0;
}
.draggable_placeholder_row_element {
  width: calc(100% - 60px);
  height: 2px;
  background: #0e9aef;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 9999;
}
.full_screen_separate_capture_innr .draggable_placeholder_row_element {
  width: calc(100% - 72px);
}
.draggable_placeholder_row_element:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0e9aef;
  top: -4px;
  left: -9px;
  position: absolute;
}
.draggable_placeholder_row_element:after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0e9aef;
  top: -4px;
  right: -9px;
  position: absolute;
}
.doc_view_architecture_ctrl
  .doc_view_preview_pane_wrapper.captures_parent_group
  .multiselect_captures_div
  .task_data_main_wrap {
  border: 0 !important;
}
.doc_view_architecture_ctrl
  .doc_view_preview_pane_wrapper
  .merged_capture_description_ctrl {
  padding: 10px 0 !important;
}
.doc_view_architecture_ctrl .capture_expanded .capture_view_outer_wrap {
  border-top: 0 !important;
}
.doc_view_architecture_ctrl .task_name_text {
  font-size: 16px;
  max-width: 100%;
  border: none !important;
  white-space: normal;
  text-overflow: unset;
  overflow: visible;
  width: 100%;
  height: auto;
  font-weight: 600;
  word-break: break-all;
  display: inline-block;
  padding: 0 1px;
  line-height: 20px;
  cursor: text;
  color: #0e9aef;
  overflow: hidden;
  white-space: nowrap;
}
.doc_view_architecture_ctrl .task_name_text.textarea {
  border: unset !important;
}
.doc_view_architecture_ctrl
  .task_data_main_wrap
  .in_preview_panel
  .task_name_text:hover {
  text-decoration: none;
}
.doc_view_architecture_ctrl {
  padding: 10px 30px;
}
.doc_view_architecture_ctrl
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container {
  padding-left: 0 !important;
}
.doc_view_architecture_ctrl .task_data_block_container {
  padding-left: 0 !important;
  align-items: end;
  padding-bottom: 0;
}
.capture_view_document_section_preview_box {
  width: 100%;
  height: auto;
  padding-left: 24px;
  padding-right: 10px;
}
.capture_document_repeted_row.description {
  min-height: 54px !important;
}
.capture_document_repeted_row {
  min-height: 40px;
  border: 1px solid #ccc;
  position: relative;
}
.dropdown.custom_field_type_ctrl.folder-dropdown-div
  .selection_field_type
  > i.fas.fa-folder {
  color: #7b7e84 !important;
  padding-right: 7px !important;
  line-height: unset;
}
.selected_field .selected_folder_name_ctrl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 138px;
  display: inline-block;
  text-align: left;
}
.dropdown_header_div_sty .header_btn_sty.active {
  color: #0e9aef;
}
.add_new_tag_div_ctrl {
  border: 1px solid #0e9aef;
  background: #fff;
  padding: 0 2px 0 22px !important;
}
.add_new_tag_div_ctrl
  textarea.tag_name.editable_content.innertTextContent.cp_task_name {
  border: 0 !important;
  padding-left: 0 !important;
  height: 24px !important;
}
.full_screen_merged_capture.capture_full_screen_outline_view
  .drop_attachments_in_preview_panel_ctrl {
  height: 100%;
}
.main_sidepanel_ctrl_for_verticalBar .preview_pane_dynamic_height {
  height: calc(100vh - 164px) !important;
}
.no_activity_found_div {
  height: calc(100vh - 219px);
  display: flex;
}
.blank_capture_in_side_panel .no_activity_found_div {
  height: calc(100vh - 500px);
}
.no_activity_found_div .data_div_ctrl svg {
  width: 62px !important;
  height: 56px !important;
  color: #878f96a6;
}
.no_item_selected_innr_ctrl.v2 p.bold-message.pb-0 {
  color: #465369;
  font-size: 16px;
  font-weight: 600;
  opacity: 1;
  margin-top: 10px;
  margin-bottom: 6px;
}
.no_activity_found_div .data_div_ctrl h6 {
  font-size: 16px;
}
.duedate-icon.dropdown.due_date_future .iconbg {
  height: 24px;
  width: 24px;
}
.grouped_by_label.group_label_center {
  margin-left: 0;
  font-size: 13px !important;
  z-index: 99 !important;
  background: #fff;
  padding: 0 10px;
  font-size: 10px;
  border-radius: 3px;
  padding: 2px 10px;
  color: #0e9aef;
  border-radius: 15px;
  font-size: 12px !important;
  height: 24px;
  box-shadow:
    0 0 6px rgb(0 0 0 / 0.04),
    0 0 6px rgb(0 0 0 / 0.04);
}
.grouped_by_label.group_label_center .items_inside {
  font-size: 12px;
  color: #0e9aef;
}
.grouped_by_label.group_label_center {
  color: #0e9aef;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.grouped_by_label.group_label_center .name_of_project_in_sorting i {
  color: #0e9aef !important;
}
.grouped_by_label.group_label_center .group_label_text_limitter {
  color: #0e9aef !important;
}
.grouped_by_label.group_label_center .chevron_ctrl:before {
  color: #0e9aef !important;
}
.grouped_by_label.group_label_center .group_label_text_limitter {
  font-size: 12px !important;
}
.grouped_by_label.group_label_center .items_inside {
  font-size: 12px !important;
}
.grouped_by_label.group_label_center .chevron_ctrl {
  margin-right: 2px !important;
}
.grouped_by_label.group_label_center .added_tags.more_tag {
  margin-right: 0 !important;
}
.panel_content_wrapper.conversation_preview_pane_main_wrapper.is-dragover
  .drop_attachments_in_preview_panel_ctrl {
  background: rgba(14, 154, 239, 0.97) !important;
}
.conversation_view_detail_panel
  .panel_content_wrapper.conversation_preview_pane_main_wrapper
  .drop_attachments_in_preview_panel_ctrl {
  height: calc(100% - 60px);
}
.wrapper-clm-bg-innr {
  position: relative;
}
.wrapper-clm-bg-innr .drop_attachments_in_preview_panel_ctrl {
  height: 100% !important;
}
.wrapper-clm-bg-innr.is_drag_over .drop_attachments_in_preview_panel_ctrl {
  display: block !important;
}
.wrapper-clm-bg-innr.uppy-is-drag-over .drop_attachments_in_preview_panel_ctrl {
  display: block !important;
}
.capture_detail_captures.panel_content_wrapper.panel_content_wrapper_for_capture_module
  .drop_attachments_in_preview_panel_ctrl {
  height: calc(100% - 141px);
}
.wrapper-clm-bg.in_full_screen_merged_capture
  .capture_detail_captures.panel_content_wrapper.panel_content_wrapper_for_capture_module
  .drop_attachments_in_preview_panel_ctrl {
  height: 100%;
}
.drop_attachments_in_preview_panel_ctrl svg path {
  fill: #333333;
}
.is-dragover
  .drop_attachments_in_preview_panel_ctrl.in_list_view_preview_panel:after {
  border: 2px dashed #fff !important;
}
.is-dragover .drop_attachments_in_preview_panel_ctrl {
  border: 1px dashed #fff !important;
}
.is-dragover .drop_attachments_in_preview_panel_ctrl svg path {
  fill: #fff !important;
}
.is-dragover .drop_attachments_in_preview_panel_ctrl h5 {
  color: #fff !important;
}
.is-dragover .drop_attachments_in_preview_panel_ctrl:after {
  border: 2px dashed #fff !important;
}
.is_popup_full_modal_view
  .full_screen_merged_capture.capture_full_screen_outline_view
  .drop_attachments_in_preview_panel_ctrl {
  height: calc(100% - 60px) !important;
}
.metadata_in_sidepanel .comment_activity_main_content_ctrl {
  overflow: auto;
  height: calc(100vh - 176px) !important;
}
.no_data_found_innr_ctrl i {
  font-size: 62px;
}
.no_data_found_innr_ctrl i {
  font-size: 62px;
}
.view_by_capture_dropdown_ctrl a .icon_ctrl i {
  color: #798292;
}
.view_by_capture_dropdown_ctrl a .icon_ctrl i {
  color: #798292;
  font-size: 13px;
}
.view_by_capture_dropdown_ctrl a .icon_ctrl {
  width: 22px;
}
.note_preview > div {
  display: inline-block;
}
.my_profile_header_inner .sub_title_div {
  display: flex;
  align-items: center;
  width: 100%;
}
.sub_title_div .profile_tittle_left .sub_tittle {
  margin-bottom: 0 !important;
}
.top_bar_search_input.search_right {
  position: relative;
}
.top_bar_search_input.search_right input[type="search"] {
  border: 1px solid #dadce0;
  padding-left: 23px;
  border-radius: 4px;
  font-size: 12px;
  color: #465369;
  width: 380px;
  height: 28px;
  padding-right: 20px;
}
.top_bar_search_input.search_right i.fas.fa-search {
  position: absolute;
  left: 0;
  margin: 9px 0 0 7px;
  color: rgba(70, 83, 105, 0.65);
  font-size: 11px;
}
.tab_navigation_bar_ctrl {
  padding: 0 20px;
}
.tab_navigation_bar_ctrl .filter_labels_conversation_view {
  padding: 0 !important;
  margin: 0;
  border: 0 !important;
}
.filter_labels_conversation_view ul {
  border: 0 !important;
}
.tab_navigation_bar_ctrl .tab_navigation_bar_inner {
  border-bottom: 1px solid #e9e9eb;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.filter_labels_conversation_view > ul > li .total_count {
  min-width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #d1d3d966;
  align-items: center;
  justify-content: center;
  color: #333;
  padding: 2px;
  font-size: 11px;
  display: inline-flex;
  font-weight: 600;
  margin-left: 8px;
  line-height: 24px;
}
.filter_labels_conversation_view > ul > li.active .total_count {
  background: #0e9aef;
  color: #fff;
}
.tab_navigation_bar_inner .filter_labels_conversation_view > ul > li {
  padding: 12px 10px;
}
.two_label_folder_structure {
  padding: 5px 20px;
  overflow: auto;
  height: calc(100vh - 266px);
  position: relative;
}
.manage_folder_flex {
  height: 46px;
  border-bottom: 1px solid #e9e9eb !important;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 8px !important;
}
.manage_folder_flex .caret_icon {
  cursor: pointer;
}
.capture_folder_lavel_2.manage_folder_flex {
  padding: 0 0 0 45px;
}
.capture_folder_lavel_1.manage_folder_flex {
  padding: 0 0 0 37px;
  position: relative;
}
.capture_folder_lavel_two.manage_folder_flex {
  padding: 0 0 0 47px;
  position: relative;
}
.gf_details_button_right {
  align-items: center;
  display: none;
}
.manage_folder_flex:hover .gf_details_button_right {
  display: flex;
}
.gf_details_button_right .task_action_icon_ctrl i {
  font-size: 11px;
}
.my_profile_header_inner .title_header_top {
  display: flex;
  align-items: center;
}
.save_btn_blue_ctrl.unsaved_changed {
  background-color: #fff;
  border-color: #0e9aef;
  color: #0e9aef;
  font-weight: 600;
}
.save_btn_blue_ctrl.unsaved_changed:hover {
  background-color: #0e9aef;
  color: #fff;
}
.manage_folder_flex .task_draggable_number {
  position: absolute;
  left: 4px;
  top: 0;
  height: 100%;
  align-items: center;
}
.manage_folder_flex:hover .task_draggable_number {
  opacity: 1 !important;
}
.manage_folder_flex .caret_icon {
  margin-right: 5px;
  width: 10px;
}
.capture_total_count.in_folder_block {
  background: #ebebed;
  min-width: 16px;
  height: 16px;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  color: rgba(123, 126, 132, 0.88);
  padding: 2px;
  font-size: 12px;
  display: inline-flex;
  margin-left: 6px;
  line-height: 24px;
  font-weight: 600;
  width: auto !important;
  height: 16px !important;
}
.manage_folder_flex .capture_total_count.in_folder_block {
  width: 23px;
  height: 23px;
}
.task_action_icon_ctrl.in_plain_view {
  margin-left: 5px;
}
.gf_details_button_right .task_action_icon_ctrl.in_plain_view i {
  color: #acb1b9;
}
.gf_details_button_right .task_action_icon_ctrl.in_plain_view:hover i {
  color: #676a6c;
}
.edit_profile_action_button_right button.btn.btn-success svg path {
  fill: #fff;
}
.edit_profile_action_button_right button.btn.btn-success {
  display: flex;
  align-items: center;
  height: 32px;
  cursor: pointer;
}
.edit_profile_action_button_right button.btn.btn-success svg {
  margin-right: 6px;
  width: 10px;
}
.manage_folder_flex .task_draggable_number svg {
  width: 15px;
  height: 15px;
  fill: #676a6c;
}
.manage_folder_flex .task_draggable_number:hover svg {
  fill: #676a6c;
}
.attachment_modal_popup_fade_in {
  max-width: 95%;
  width: auto !important;
}
.attachment_modal_popup_fade_in .close_preview_pane_modal {
  margin-left: auto;
  padding: 0 5px;
  text-align: center;
  align-items: center;
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  justify-content: center;
  font-size: 13px;
  line-height: 24px;
  margin: 14px 10px 0 0;
  border-radius: 2px;
  font-weight: 400;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid transparent;
}
.attachment_modal_popup_fade_in .close_preview_pane_modal svg {
  width: 11px;
  height: 11px;
  opacity: 0.55;
  fill: #000;
}
.attachment_modal_popup_fade_in .close_preview_pane_modal:hover {
  opacity: 1 !important;
}
.attachment_modal_popup_fade_in .full_modal_popup_for_capture {
  border-radius: 8px;
  border-top-right-radius: 0 !important;
  overflow: auto;
}
.is_capture_drag_over
  .drop_attachments_in_preview_panel_ctrl.in_list_view_preview_panel {
  border: 1px dashed #fff;
}
.is_capture_drag_over
  .drop_attachments_in_preview_panel_ctrl.in_list_view_preview_panel:after {
  border: 2px dashed #fff !important;
}
.is_capture_drag_over .drop_attachments_in_preview_panel_ctrl h5 {
  color: #fff !important;
}
.is_capture_drag_over .drop_attachments_in_preview_panel_ctrl svg path {
  fill: #fff !important;
}
.capture_comment_in_sidepanel .capture_comment_activity .tab-pane {
  overflow: auto;
  height: calc(100vh - 188px);
}
.capture_comment_in_sidepanel
  .tab-pane.comments_list_ctrl.comments_area_outer_div_front.self_active_comments.active {
  height: 100% !important;
  overflow: unset !important;
  padding-top: 0;
}
.capture_comment_in_sidepanel .comment_activity_main_content_ctrl {
  overflow: unset !important;
  height: 100% !important;
  padding: 0 15px 0 5px;
}
.capture_comment_in_sidepanel .capture_comment_activity {
  height: calc(100vh - 146px);
  display: flex;
  flex-direction: column;
}
.doc_view_architecture_ctrl .canvas_edit,
.doc_view_architecture_ctrl .caprure_type_icon,
.doc_view_architecture_ctrl .description_in_card {
  display: none !important;
}
.doc_view_architecture_ctrl .common_card_icon_separator {
  display: none;
}
.doc_view_architecture_ctrl
  .task_data_main_wrap.capture_expanded
  .task_data_block_container {
  border-top: none !important;
}
.doc_view_architecture_ctrl .metadata_options_inside_capture {
  display: none;
}
.doc_view_architecture_ctrl .expand_capture_full_height {
  display: none;
}
.doc_view_architecture_ctrl .capture_view_outer_inner_wrap {
  width: 100%;
}
.doc_view_architecture_ctrl .capture_view_outer_inner_wrap {
  border-top: 0 !important;
  border-bottom: 0 !important;
  min-height: 80px;
}
.doc_view_architecture_ctrl .task_name_text:focus {
  border-color: #fff !important;
}
.doc_view_architecture_ctrl .modal-footer.capture_save_cancel_btn_group {
  display: none;
}
.doc_view2_active .comment_box_ctrl {
  display: none;
}
.preview_sidepanel_main_innr_wrapper.doc_view2_active
  .full_screen_merged_capture
  .preview_pane_scroll {
  height: calc(100vh - 108px) !important;
}
.doc_view_architecture_ctrl
  .capture_view_outer_wrap.capture_view_outer_wrap_for_blank
  .capture_view_outer_inner_wrap {
  background: #f5f5f7;
}
.doc_view2_active .preview_pane_tabbed_panel.common_section.list-view-comment {
  display: none;
}
.manage_folder_flex .custom_lablel_orignal_name.custom_capture_folder_element {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.manage_folder_flex .custom_lablel_orignal_name .manage_folder_name {
  overflow: hidden;
  white-space: nowrap;
  max-width: 1200px;
  text-overflow: ellipsis;
  color: #333;
  font-size: 13px;
}
.manage_folder_flex
  textarea.innertTextContent.cp_task_name.editable_content.teams_folder {
  height: 24px;
  margin-right: 0 !important;
  margin-left: 1px !important;
  width: 600px;
  line-height: 22px;
}
.dropdown.custom_field_type_ctrl.folder-dropdown-div
  .selection_field_type
  .selected_field
  .custom-field-type {
  display: flex;
  align-items: center;
}
.selection_field_type .remove_folder_icon {
  display: none;
}
.selection_field_type:hover .remove_folder_icon {
  display: block !important;
}
.manage_folder_flex .folder_icon_ctrl {
  color: #333;
  display: inline-flex;
}
.active.manage_folder_flex .folder_icon_ctrl {
  color: #fff;
}
.manage_folder_flex .folder_icon_ctrl i {
  color: #7b7e84 !important;
  font-size: 13px;
}
.setting_header_tittle .setting_header_title_inner {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e9e9eb;
}
div.notification-popup .notification-message {
  padding-right: 16px;
}
.manage_folder_flex:hover {
  background: #f8f8f8;
}
.setting_theme_leftside_bar ul.capture_fixed_menu_ul li svg path {
  fill: #7e8187;
}
.capture_list_dropdown_full_modal_popup.in_canvas .tabs_inner_content_wrap {
  height: calc(100vh - 171px) !important;
}
.My_Capture_tab_content
  ul.column_layout.task_listing.sub_capture_ctrl.list-size_active
  > li {
  height: 50px !important;
  padding: 0 10px 0 11px;
}
.timer_class_div.timer_in_list.start_timer_div .fa-play:before {
  font-size: 8px;
  position: absolute;
}
.add_sub_capture_btn {
  margin: 0 10px 5px 37px;
  color: #667183;
  font-weight: 600;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding: 5px 5px;
  border-radius: 3px;
}
.add_sub_capture_btn i.fas.fa-plus {
  margin: 0 5px 0 0;
  font-size: 10px;
}
.add_sub_capture_btn:hover {
  background: #ebebed;
  color: #333;
}
.palette ul.case-color.list-inline > li .sample {
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
}
.palette ul.case-color.list-inline > li .sample.active_theme {
  transform: scale(1.5);
}
.palette ul.case-color.list-inline > li {
  margin: 0 15px 0 0;
}
.theme_content_container .btn.btn_right button.btn.btn-primary.active:hover {
  color: #fff;
  background: #008adf !important;
}
.form-group .toggle_password_ctrl {
  position: relative;
}
.toggle_password_ctrl .toggle_icon_ctrl {
  position: absolute;
  top: 9px;
  right: 10px;
  background: 0 0;
}
.toggle_password_ctrl input.form-control {
  padding-right: 46px;
}
.eye_off.icon_off:hover g {
  stroke: #333333;
}
.toggle_password_ctrl .toggle_icon_ctrl .eye_on.icon_on:hover path {
  fill: #333333;
}
.toggle_password_ctrl .toggle_icon_ctrl svg {
  width: 22px;
  height: 22px;
}
.alert.info_msg_mr_ctrl {
  margin-top: 14px;
}
.add_url_inner_content_wrap .info_section {
  margin: 12px 0 26px 0;
  font-size: 13px;
  color: #333;
}
.appreciation_msg {
  font-size: 18px;
  color: #333;
  font-weight: 400;
  line-height: 28px;
}
.section_password_success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 0 20px;
}
.section_password_success h3 {
  font-size: 18px;
  color: #000;
  margin: 0;
  text-align: center;
  font-weight: 400;
  line-height: 26px;
}
.section_password_success svg.checkmark_tick {
  width: 60px !important;
  height: 60px !important;
}
.section_password_success svg.checkmark_tick {
  strokewidth: 4px !important;
  width: 50px !important;
  height: 50px !important;
}
.recent_activity_selected_capture_vertical_bar.project_dropdown_in_sidebar {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.folder_icon_ctrl svg,
.tag_icon_ctrl svg {
  width: 13px;
  height: 13px;
  margin-right: 5px;
  display: block;
}
.manage_folder_flex .tag_icon_ctrl svg {
  width: 17px;
  height: 17px;
}
.create_tag_btn {
  display: flex;
  align-items: center;
  flex: 1;
}
.create_tag_btn .btn.btn-normal i {
  margin-right: 6px;
  font-size: 11px;
  color: #4d4d4d;
}
.create_tag_btn .btn.btn-normal {
  display: flex;
  align-items: center;
  color: #343434;
  padding: 4px 7px;
  background: #fff;
  border: 1px solid #dadce0;
  font-size: 13px;
  cursor: pointer;
}
.create_tag_btn .btn.btn-normal:hover {
  background: #f5f5f7 !important;
  color: #333 !important;
}
.tab_navigation_bar_ctrl.manage_tag_secound_header .tab_navigation_bar_inner {
  padding-bottom: 10px;
}
.create_tag_btn .btn.btn-normal:hover i.fas.fa-plus {
  color: #333 !important;
}
.edit_profile_action_button_right button.btn.btn-success i {
  margin-right: 6px;
  font-size: 11px;
}
.add_capture_in_capture_preview .add_task_in_list_btn {
  border: 1px solid #dadce0;
  border-radius: 4px;
}
.is_popup_full_modal_view
  .in_full_screen_merged_capture
  .capture_comment_in_sidepanel
  .capture_comment_activity
  .tab-pane {
  height: calc(100vh - 167px);
}
.is_popup_full_modal_view
  .in_full_screen_merged_capture
  .capture_comment_in_sidepanel
  .capture_comment_activity {
  height: calc(100vh - 77px) !important;
}
.full_screen_separate_capture
  .capture_comment_in_sidepanel
  .capture_comment_activity
  .tab-pane {
  height: calc(100vh - 156px);
}
.full_screen_separate_capture
  .capture_comment_in_sidepanel
  .capture_comment_activity {
  height: calc(100vh - 57px) !important;
}
.password_description {
  margin-bottom: 0;
}
.form_group_m_0 {
  margin-bottom: 0 !important;
}
.forgot_password_field_ctrl {
  display: flex;
  align-items: center;
  margin-top: 2px;
}
.forgot_password_field_ctrl .hint_text.forget_pass_link {
  font-size: 12px;
  margin-left: auto;
  cursor: pointer;
  color: #4e4e4e;
}
.forgot_password_field_ctrl .hint_text.forget_pass_link:hover {
  text-decoration: underline;
  color: #333;
}
div#change_password_modal_popup,
div#create_password_modal_popup {
  user-select: text;
}
.doc_view_preview_pane_wrapper.captures_parent_group
  .task_data_main_wrap
  .merged_capture_description
  textarea:focus {
  border: 1px solid #0e9aef !important;
}
.horizontal_item_list_wrapper .list_item_inner_flex {
  display: flex;
  align-items: center;
  background: #f5f5f7;
  border: 1px solid #cbd3da;
}
.detail_item_col.mw_auto_ctrl {
  min-width: auto;
  display: flex;
  justify-content: center;
  padding: 14px;
}
.detail_item_col.mw_auto_ctrl i {
  margin-right: 0;
}
.detail_item_col svg {
  margin-right: 8px;
  width: 13px;
  height: 13px;
}
.detail_item_col {
  display: flex;
  align-items: center;
  min-width: 122px;
  height: 30px;
  justify-content: center;
  border-right: 1px solid #cbd3da;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  cursor: pointer;
  width: 100%;
}
.horizontal_item_list_wrapper
  .list_item_inner_flex
  .detail_item_col:last-child {
  border-right: 0;
}
.detail_item_col i {
  margin-right: 8px;
  color: #7e8187;
}
.detail_item_col .selected_item_count {
  margin-right: 4px;
}
.add_feature_right {
  position: absolute;
  right: -158px;
  align-items: center;
  justify-content: center;
  display: none;
  width: 110px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.add_feature_bg .features_icon_ctrl {
  margin: 10px 0 10px 24px;
  display: flex;
}
.add_feature_bg .features_icon_ctrl svg {
  width: 11px;
  height: 11px;
  cursor: pointer;
}
.horizontal_item_list_wrapper {
  display: none;
}
.doc_view_architecture_ctrl
  .capture_expanded
  .capture_view_outer_wrap
  .horizontal_item_list_wrapper {
  display: block;
}
.doc_view_architecture_ctrl
  .capture_expanded
  .capture_view_outer_wrap
  .add_feature_right {
  display: flex;
}
.doc_view_architecture_ctrl
  .merged_capture_description
  textarea.task_common_description_on_click {
  min-height: 60px;
}
.detail_item_col:hover {
  background: #f2f2f2 !important;
}
.detail_item_col i.fas.fa-plus {
  color: #0e9aef;
}
.capture_folder_lavel_2.manage_folder_flex .list_have_child_span {
  display: flex !important;
}
.manage_folder_flex
  .innertTextContent.cp_task_name.editable_content.teams_folder {
  width: auto;
  flex: initial;
}
.doc_view_architecture_ctrl
  .doc_view_preview_pane_wrapper.captures_parent_group
  .multiselect_captures_div
  .task_data_main_wrap.capture_expanded {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
}
.doc_view_architecture_ctrl
  .multiselect_captures_div:first-child
  .task_data_main_wrap {
  margin-top: 0 !important;
}
.doc_view_architecture_ctrl
  .merged_capture_description
  textarea.task_common_description_on_click {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.login-container .content .title.text-center {
  font-size: 22px;
  font-weight: 600;
  padding: 10px 0 30px;
  margin: 0;
}
.text_separator {
  margin: 12px 0;
  display: inline-block;
  justify-content: center;
  text-align: center;
  width: 100%;
  font-size: 13px;
  color: rgb(40 44 52 / 70%);
  font-weight: 600;
}
.form-group.field-loginform-rememberme .checkbox {
  margin: 0;
}
.hint_text.forget_password_link {
  font-size: 13px;
  color: #0e9aef;
  position: absolute;
  top: 3px;
  right: 0;
  font-weight: 600;
}
.hint_text.forget_password_link:hover {
  text-decoration: underline;
  color: #0e9aef;
}
.form_group .btn.btn-primary.sign_in_btn_full_width {
  width: 100%;
  display: inline-block;
  height: 40px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
}
.row.create-account .google-button {
  width: 100%;
}
.from-group .row.create-account {
  padding: 0;
}
.login-container label.margin-bottom-10 {
  color: #353535;
  font-size: 13px;
  margin-bottom: 8px !important;
  font-weight: 600;
  line-height: normal;
}
.form-group.form_group_margin_bottom_6 {
  margin-bottom: 6px;
}
.common_btn_style_log_in {
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
}
.common_btn_style_log_in.equal_mr_top {
  margin-top: 5px;
  padding: 0 !important;
}
.log_in_content_main a.back_to_sign_in {
  font-size: 14px;
  cursor: pointer;
}
.log_in_content_main a.back_to_sign_in:hover {
  text-decoration: underline;
}
.login-container .content {
  padding: 30px 40px 30px 40px !important;
}
.log_in_content_main {
  text-align: center;
}
.capture_uploded_iconin_forgot_password svg {
  strokewidth: 4px;
  width: 60px !important;
  height: 60px !important;
}
.forgot_password_instroction p {
  padding: 0 27px;
}
.forgot_password_instroction {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form-group.field-loginform-rememberme .checkbox label {
  font-size: 13px;
  display: flex;
  align-items: center;
  line-height: normal;
  margin-bottom: 0;
  font-weight: 600;
  color: #333;
}
.My_Capture_tab_content {
  height: 100%;
  position: relative;
}
.no_item_selected_innr_ctrl.v2 i {
  font-size: 62px;
  color: #b2b7bc;
}
.tags-div-conversation-view.tags_in_preview_panel {
  display: flex;
  align-items: center;
}
.custom_capture_tag.tag_label_1 .tag_icon_sidebar {
  margin: 0 !important;
  margin-right: 3px !important;
}
.custom_capture_tag.tag_label_1 .list_have_child_span.collapse_icon_sidebar {
  margin-left: 20px;
}
.add_dragover_class.custom_capture_tag .tag_icon_sidebar {
  margin-left: 34px;
}
.list_have_child_span.collapse_icon_sidebar .caret_icon {
  width: 14px;
  padding-right: 4px;
}
.add_dragover_class.custom_capture_tag .task_draggable_number.rcl {
  margin-left: 2px;
  top: 5px;
}
.dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.tag_three_dot {
  background: #f5f5f7;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .capture_folder_lavel_two.child_folder
  .custom_lablel_orignal_name.custom_capture_folder_element {
  padding-left: 39px;
  height: 100%;
}
.capture_folder_lavel_2.manage_folder_flex.disabled *,
.capture_folder_lavel_two.child_folder.disabled {
  cursor: not-allowed !important;
  opacity: 0.85;
}
.capture_folder_lavel_one.parent_folder,
.capture_folder_lavel_two.child_folder {
  width: 100%;
  height: 100%;
}
.assign_folder_to_capture_div .tree-node > .tree-node-inner-back:hover {
  background-color: #f5f5f5;
  color: #465369;
}
.assign_folder_to_capture_div .tree-node.active > .tree-node-inner-back:hover {
  color: #465369;
  background-color: #b6e0fa;
}
.capture_folder_lavel_1.manage_folder_flex.has_child_folders {
  padding: 0 0 0 22px;
}
.leftSidebarMainDiv .capture_module_folder_ctrl .error {
  display: inline-flex !important;
  width: 100%;
  position: absolute;
  bottom: -15px;
  right: 3px;
  padding-left: 45px;
  color: #f15866;
  font-size: 11px;
}
input.add_sub_folder_editable_input.sub-folder_input_active.tree-input-error {
  border: 1px solid #f15866;
  color: #f15866;
}
textarea.tree-input-error.editable_content {
  border: 1px solid #f15866 !important;
  color: #f15866;
}
input.tree-input-error {
  border: 1px solid #f15866 !important;
  color: #f15866 !important;
}
.tagDropDown .capture_folder_lavel_1.manage_folder_flex {
  padding: 6px 7px 6px 28px;
  height: auto;
  border: 0;
}
.tagDropDown .capture_folder_lavel_1.manage_folder_flex {
  padding: 6px 7px 6px 44px;
  height: auto;
  border: 0;
  cursor: pointer;
}
.tagDropDown .capture_folder_lavel_2.manage_folder_flex {
  padding: 6px 7px 6px 54px;
  height: auto;
  border: 0;
  position: relative;
}
.tagDropDown .capture_folder_lavel_1.manage_folder_flex.has_sub_tag {
  padding: 6px 7px 6px 28px;
}
.tagDropDown .list_have_child_span {
  display: inline-flex;
  align-items: center;
}
.tagDropDown
  .manage_folder_flex
  .custom_lablel_orignal_name
  .manage_folder_name {
  width: 145px;
}
.tagDropDown
  .capture_folder_lavel_2.manage_folder_flex
  .custom_lablel_orignal_name
  .manage_folder_name {
  width: 135px;
}
.tagDropDown .manage_folder_flex[aria-checked="true"] {
  background-color: #0e9aef;
}
.tagDropDown .manage_folder_flex[aria-checked="true"] .manage_folder_name {
  color: #fff;
}
.tagDropDown .manage_folder_flex[aria-checked="true"]:after {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  color: #fff;
  font-size: 12px;
  display: block !important;
}
.tagDropDown i.removeTag {
  display: block;
  position: absolute;
  right: 9px;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  color: #afbdcb;
}
.tagDropDown i.removeTag:hover {
  color: #3c4152;
  opacity: 0.55;
}
.add_sub_tag_editable_input.sub-tag_input_active.tree-input-error {
  border: 1px solid #f15866 !important;
  color: #f15866 !important;
}
.team_element_ctrl .list_have_child_span.team_list_have_child_span {
  display: inline-flex;
  align-items: center;
}
.custom_lablel_orignal_name.custom_capture_team_folder_project_element {
  padding-left: 16px !important;
  display: flex;
  align-items: center;
}
.project_main_folder-ctrl.tasks-module .task_draggable_number.rcl {
  margin: -2px 0 0 -1px !important;
}
.shortable_tree_view_main_div.project_treemenu_main_ctrl.project_main_folder-ctrl.tasks-module
  .list_have_child_span
  span.caret_icon {
  margin-right: 4px !important;
}
.custom_lablel_orignal_name.custom_capture_team_folder_project_element
  .innertTextContent.teams_heading {
  width: 61% !important;
}
.custom_menu_options.color_mini_color_palette {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-flex;
  margin-right: 3px;
}
.custom_menu_options.color_mini_color_palette .ColorPicker-cell {
  border: 0;
  opacity: 1;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: 6px;
  transform-origin: center center;
  transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -webkit-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -moz-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -ms-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.custom_menu_options.color_mini_color_palette .ColorPicker-cell:hover {
  transform: scale(1.3);
}
.custom_menu_options.color_mini_color_palette.active .icon-checked::after {
  height: auto;
  top: 2px !important;
}
.project-variable svg {
  display: block;
  margin: 0 5px;
}
.manage_folder_flex .list_have_child_span {
  display: inline-flex;
  align-items: center;
}
.add_dragover_class.custom_capture_tag
  .add_sub_tag_editable_input.sub-tag_input_active {
  height: 18px;
  margin-right: -6px !important;
  width: 100%;
}
.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .project_list_item_count {
  display: block !important;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.tag_three_dot {
  background: #e7e7ec !important;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag.active
  .dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.tag_three_dot {
  background: #0e9aef !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .add_dragover_class.custom_capture_tag
  .dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.tag_three_dot {
  background: #e7e7ec !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .add_dragover_class.custom_capture_tag.active
  .dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.tag_three_dot {
  background: #0e9aef !important;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  .project_level_dropdown {
  background: #f5f5f7 !important;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  input#newSubTagEditInput {
  height: 18px;
  width: 100%;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  input#newSubTagEditInput {
  height: 100%;
  width: 100%;
  top: 0;
  margin: 0;
  border: 1px solid #0e9aef;
  position: absolute;
  left: 0;
  line-height: 24px !important;
  z-index: 999;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  .project_level_dropdown {
  background: #f5f5f7 !important;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  .tag_name.editable_content.innertTextContent.cp_task_name {
  position: absolute;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  line-height: 24px !important;
  margin: 0 !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  .tag_name.editable_content.innertTextContent.cp_task_name {
  height: 28px;
  width: 100%;
  border: 1px solid #0e9aef;
  position: absolute;
  left: 0;
  line-height: 24px !important;
  margin: 0 !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  input#newSubMyTagEditInput {
  border: 1px solid #0e9aef !important;
}
.help-block.margin_bottom_0 {
  padding-bottom: 0;
}
.custom_lablel_orignal_name.custom_capture_folder_element
  .innertTextContent.teams_folder.shared_folder_name_with_icon {
  width: 65% !important;
}
.gray_theme_custom_sidebar.setting_sidebar
  .capture_fixed_menu_ul
  li
  .element_icn_ctrl {
  margin-right: 7px !important;
}
.capture_folder_lavel_one
  .custom_lablel_orignal_name.custom_capture_folder_element
  .innertTextContent.teams_folder {
  width: 65% !important;
}
.custom_lablel_orignal_name.custom_capture_folder_element.folder_is_shared
  .innertTextContent.teams_folder {
  width: 60% !important;
}
.capture_folder_lavel_one.active.parent_folder,
.capture_folder_lavel_two.active.child_folder_for_capture {
  background-color: #0e9aef !important;
  border-top: 0 solid #0e9aef !important;
  border-bottom: 0 solid #0e9aef !important;
}
.assign_folder_to_capture_div
  .capture_folder_lavel_two.child_folder_for_capture {
  padding-left: 10px;
  width: 100%;
  height: 100%;
}
.capture_folder_lavel_1.manage_folder_flex.has_child_folders
  .list_have_child_span.collapse_icon_sidebar
  .caret_icon {
  width: 10px;
}
.capture_folder_lavel_one.active.parent_folder {
  background-color: #0e9aef !important;
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
  border: 0 !important;
}
.inner_sidebar_ctrl > li > .mini_svg_w {
  width: 15px;
  height: 15px;
}
.task_action_icons_right .capture_type_icon .project-variable {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
}
.mention_list_display_item .name_circle_section img {
  width: 21px;
  height: 21px;
  border-radius: 100%;
}
.mention_list_display_item .assignee_text {
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #151b26;
  width: 170px;
}
.mention_list_display_item .name_circle_section {
  width: 20px !important;
  height: 20px !important;
  margin: 0 7px 0 0 !important;
}
ul.ql-mention-list li.ql-mention-list-item .mention_list_display_item {
  display: flex !important;
  align-items: center !important;
}
ul.ql-mention-list li.ql-mention-list-item {
  padding: 6px 10px 6px 15px !important;
  font-size: 13px;
  font-weight: 400;
  color: #151b26;
}
.ql-mention-list-container.ql-mention-list-container-top {
  background: #fff;
  width: 240px !important;
  border-radius: 3px !important;
}
.add_in_merged_capture_btn.add_btn_bottom {
  margin: 4px 0 10px 30px;
  opacity: 0.7;
}
.no_command_found_container {
  display: flex;
  height: 260px;
  align-items: center;
  justify-content: center;
}
.no_command_found_container .no_command_found {
  color: #666;
  font-size: 13px;
}
.task_drop_doc .tooltip_top:after,
.task_drop_doc .tooltip_top:before {
  bottom: 100%;
  left: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
  bottom: -14px;
}
.task_drop_doc .tooltip_top:after,
.task_drop_doc .tooltip_top:before {
  border-width: 7px;
  left: 0;
  right: 0;
  margin: auto;
}
.task_drop_doc .tooltip_top:after,
.task_drop_doc .tooltip_top:before {
  border-width: 7px;
  left: 0;
  right: 0;
  margin: auto;
}
.task_drop_doc .tooltip_top:after {
  border-bottom-color: #000;
}
.info_header button.exit_side_panel:hover {
  background: #ebebed;
}
.capture_header_in_canvas .capture_edit_header .task_data_main_wrap {
  border: 0;
}
.global_search_ctrl.no-margin.dropdown.expand-global-search
  i.clear-text-search-left {
  top: 5px;
  position: absolute;
  right: 5px;
  font-size: 12px;
  opacity: 0.7;
  z-index: 999;
  padding: 5px;
  cursor: pointer;
}
.global_search_ctrl.no-margin.dropdown.expand-global-search
  i.clear-text-search-left:hover {
  opacity: 1 !important;
}
.task_data_block_container .task_action_icons_right .task_action_icon_ctrl {
  margin: 0 !important;
}
.task_data_block_container .task_action_icons_right #start_timer_main_div {
  margin: 0 4px 0 4px !important;
}
.task_data_block_container
  .task_action_icons_right
  .time_track_bg
  i.fa.fa-play {
  width: 15px !important;
  height: 15px !important;
}
.table_list_view_main_wrapper
  .list_data_column_ctrl.list_column_data_value_div
  .cp_multiple_assignee
  .assignee_circle {
  border: 0 !important;
  width: 20px;
  height: 20px;
}
.dropdown_list_icon.show_sub_tag_icon svg {
  width: 16px !important;
  height: 16px !important;
}
.integrations_coming_soon_dropdown .no_notification_area_ctrl {
  text-align: center;
}
.integrations_coming_soon_dropdown {
  min-width: 300px !important;
  height: 300px !important;
  left: -12px !important;
}
.integrations_coming_soon_dropdown p.bold-message.pb-0 {
  font-weight: 600;
  margin-top: 10px;
  font-size: 16px;
  line-height: normal;
  color: #333;
  margin-bottom: 0;
}
.integrations_coming_soon_dropdown .no_notification_area_ctrl {
  height: 100%;
}
.intigration-icon.dropdown.show .Integration_icon_top_header {
  background: 0 0;
  height: 32px;
}
.capture_container_bg_white .no_doc_selected_data_ctrl h2 {
  font-size: 30px;
  font-weight: 700 !important;
}
.capture_container_bg_white .no_doc_selected_data_ctrl p {
  font-size: 14px;
}
.three_dot_action_dropdown.dropdown-forced-left
  .three_dots_dropdown_innr_main
  > li.active {
  background-color: #0e9aef;
  color: #fff;
}
.three_dot_action_dropdown.dropdown-forced-left
  .three_dots_dropdown_innr_main
  > li {
  padding-left: 30px;
}
.three_dot_action_dropdown.dropdown-forced-left
  .three_dots_dropdown_innr_main
  > li.active
  .dropdown_category_details {
  color: #fff;
}
.three_dot_action_dropdown.dropdown-forced-left
  .three_dots_dropdown_innr_main
  > li.active:before {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  font-size: 12px;
}
ul.capture_fixed_menu_ul > li:hover span.captures_count {
  display: none !important;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .project_list_item_count {
  display: none !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .add_dragover_class.custom_capture_tag
  .project_list_item_count {
  display: none !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .add_dragover_class.custom_capture_tag,
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .add_dragover_class.custom_capture_tag
  .tag_name.editable_content.innertTextContent.cp_task_name {
  margin-right: 8px !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .add_dragover_class.custom_capture_tag
  .tag_name.editable_content.innertTextContent.cp_task_name {
  margin-right: 8px !important;
}
.doc_view_architecture_ctrl
  .cv_task_list_inner.captures_parent_group.doc_view_preview_pane_wrapper
  div
  .multiselect_captures_div:last-child
  .task_data_main_wrap {
  margin-bottom: 0;
}
.search_box_timer_innr_ctrl
  .mcd_search_box
  i.fas.fa-times-circle.clear-text-search-left {
  right: 8px;
  left: auto !important;
  color: rgba(70, 83, 105, 0.65);
  opacity: 0.7;
  font-size: 11px;
}
.search_box_timer_innr_ctrl
  .mcd_search_box
  i.fas.fa-times-circle.clear-text-search-left:hover {
  opacity: 1 !important;
}
.no_command_found-center {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  width: 280px;
  height: 220px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.metadata_option_innr_ctrl
  .metadata_options_inside_capture
  .estimate_timer_default_text
  .estimate_icon_bg {
  width: 20px;
  margin: 0 5px !important;
}
.metadata_options_inside_capture
  .metadata_option_innr_ctrl
  .preview_pane_top_header_main
  .iconbg {
  width: 20px !important;
  margin: 0 5px 0 5px !important;
}
.metadata_options_inside_capture .tag-assignee-wrapper .iconbg svg {
  margin: 0 !important;
}
.metadata_options_inside_capture
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .svg_ctrl.w-20 {
  width: 20px !important;
  margin: 0 5px !important;
  height: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.metadata_options_inside_capture
  .duedate-icon.dropdown.due_date_future
  .external_icon.icon_common_sty
  .iconbg {
  width: 20px !important;
}
.custom_capture_tag.capture_tag_level_two .tag_icon_sidebar {
  margin-left: 43px;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .add_dragover_class.custom_capture_tag {
  margin-right: 0 !important;
}
.dropdown-menu.three_dots_dropdown_innr.three_dot_action_dropdown.dropdown-forced-left {
  width: 210px;
}
.top_bar_search_input.search_right .clear-text-search-left {
  position: absolute;
  top: 9px;
  right: 8px;
  font-size: 11px;
  color: rgba(70, 83, 105, 0.65);
  opacity: 0.7;
}
.top_bar_search_input.search_right .clear-text-search-left:hover {
  opacity: 1 !important;
}
.edit_profile_action_button_right.btn-top-20 {
  margin-top: 20px;
}
.btn.btn_right.btn_top_20 button.btn-default:first-child {
  margin-left: 0;
}
.btn.btn_right.btn_top_20 {
  margin-top: 20px;
}
.full_screen_separate_capture
  .full_screen_separate_capture_innr
  .merged_capture_menu_main_ctrl
  .merged_captures_menu_ul {
  max-height: 100% !important;
  padding-top: 0;
}
.capture_label_field .assignee-div .assignee-container.dropdown {
  display: flex;
  align-items: center;
}
.capture_label_field
  .duedate-icon.dropdown.due_date_future
  .external_icon.icon_common_sty {
  align-items: baseline;
  justify-content: unset;
}
.capture_label_field .iconbg {
  width: 24px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: left !important;
  background: 0 0 !important;
  margin-right: 0 !important;
  margin-left: 8px !important;
  padding: 0 !important;
}
.capture_label_field .rcl.preview_pane_header_ctrl {
  width: 100%;
}
.field_with_label label {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #6a6d72;
}
.capture_label_field .field_with_label {
  margin-bottom: 5px;
}
.field_with_label.capture_description_in_side_panel {
  margin: 10px 15px 10px 15px;
}
.field_with_label.capture_description_in_side_panel .metadata-container {
  margin: 0;
  background: #f5f5f7 !important;
  border: 1px solid #e9e9eb !important;
  border-radius: 3px;
}
.field_with_label .assignee-container .iconbg svg .d {
  fill: #828282 !important;
}
.capture_field_in_meta_data {
  padding: 0 15px 0 15px;
}
.in_metadata_sidepanel
  .capture_label_field
  .Participant_ctrl.participant_in_table_ctrl.participant-div
  .assignee-container.dropdown,
.in_metadata_sidepanel .capture_label_field .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text,
.in_metadata_sidepanel
  .capture_label_field
  .duedate-icon.dropdown
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .duedate-icon.dropdown.due_date_future
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron.metadata_bg
  .tags-div-conversation-view.tags_in_preview_panel,
.in_metadata_sidepanel
  .capture_label_field
  .priority-icon.dropdown.add_capture_prority_dropdown_popup_button,
.in_metadata_sidepanel .capture_label_field .project-icon.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .show
  .duedate-icon.dropdown
  .external_icon.icon_common_sty.active {
  height: 36px !important;
  width: calc(100% - 30px) !important;
  display: flex;
  align-items: center;
  justify-content: left;
  background: 0 0;
  margin: 0 !important;
  border: 1px solid #e9e9eb !important;
  border-radius: 3px;
  left: 30px !important;
  padding-left: 8px !important;
  position: relative;
}
.in_metadata_sidepanel .capture_label_field .metadata_option_ctrl .iconbg {
  position: absolute;
  left: -35px;
  position: absolute;
  left: -35px !important;
  margin-left: 0 !important;
  text-align: center;
  align-items: center !important;
  justify-content: center !important;
  display: inline-flex !important;
}
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label
  .metadata_option_ctrl:hover
  .duedate-icon.dropdown
  .duedate-icon.dropdown
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron.metadata_bg:hover
  .tags-div-conversation-view.tags_in_preview_panel,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron:hover
  .Participant_ctrl.participant_in_table_ctrl.participant-div
  .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron:hover
  .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron:hover
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron:hover
  .duedate-icon.dropdown.due_date_future
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron:hover
  .duedate-icon.dropdown.due_date_present
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron:hover
  .priority-icon.dropdown.add_capture_prority_dropdown_popup_button,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron:hover
  .project-icon.dropdown {
  border: 1px solid #e9e9eb;
  background: #f5f5f7 !important;
}
.in_metadata_sidepanel
  .capture_label_field
  .show
  .duedate-icon.dropdown
  .external_icon.icon_common_sty.active {
  background-color: #f5f5f7 !important;
}
.field_with_label
  .priority-icon.dropdown.add_capture_prority_dropdown_popup_button
  a {
  display: flex;
  align-items: center;
  height: 100%;
  color: #333;
  font-size: 13px;
}
.capture_label_field
  .rcl.preview_pane_header_ctrl
  .project-div.project_cv_div.folder-dropdown-div {
  width: 100%;
}
.capture_label_field .iconbg .far.fa-calendar-alt {
  font-size: 14px;
  color: #828282;
}
.metadata_option_ctrl.toggle-chevron:before {
  font-size: 11px;
  opacity: 0;
  z-index: 9999;
  right: 10px;
  top: 8px;
}
.metadata_option_ctrl.toggle-chevron:hover:before {
  opacity: 1 !important;
}
.metadata_option_ctrl.toggle-chevron
  .estimate_timer_default_text
  .estimate_icon_bg {
  height: 28px;
  justify-content: left;
  margin-left: 8px;
  width: 24px !important;
  background: 0 0;
  margin-right: 0;
}
.metadata_option_ctrl.toggle-chevron
  .participant_in_table_ctrl
  .multi-assignee-wrapper {
  margin-left: 0;
}
.field_with_label.capture_description_in_side_panel .metadata-icon {
  width: 24px;
  height: 28px;
  align-items: center;
  justify-content: left;
  display: flex !important;
  margin-right: 0;
  margin-left: 8px;
  min-width: 24px;
}
.field_with_label.capture_description_in_side_panel .section-title {
  border: 0 !important;
  height: 28px;
}
.field_with_label.capture_description_in_side_panel .metadata-icon svg {
  margin-right: 0;
  height: 16px !important;
}
.metadata_option_ctrl.toggle-chevron
  .assignee-div.Participant_ctrl.participant_in_table_ctrl.participant-div {
  margin-right: 0 !important;
}
.meta_data_option_flex {
  display: flex;
  align-items: center;
}
.doc_view_architecture_ctrl .task_data_block_container .task_data_ctrl_left {
  height: auto;
}
.meta_data_option_flex .capture_action_btn {
  display: flex;
  align-items: center;
  margin: 0 5px;
  font-size: 12px;
  color: #333;
  font-weight: 600;
  background: #f5f5f7;
  padding: 3px 8px;
  line-height: normal;
  border-radius: 3px;
  border: 1px solid transparent;
  height: 22px;
}
.capture_action_btn svg {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.capture_action_btn.copy_link svg.copy_link_icon_common_ctrl {
  width: 14px !important;
  height: 14px !important;
}
.capture_action_btn i {
  font-size: 12px;
  color: #7e8187;
}
.capture_action_btn.starred.active {
  color: #e3b51e;
}
.meta_data_option_flex .capture_action_btn:hover {
  background: #f2f2f2 !important;
  border: 1px solid #d4d8db;
}
.capture_label_field .iconbg svg {
  margin: 0 !important;
  height: 16px !important;
}
.bottom_section_ctrl.in_metadata_sidepanel {
  float: unset !important;
}
.metadata_option_ctrl.toggle-chevron .assignee-div .iconbg svg {
  position: relative;
  top: 0;
  width: 16px !important;
  height: 16px !important;
}
.modal_fifty_fifty_view_ctrl
  .preview_pane_top_header_main
  .meta_data_option_flex
  .capture_action_btn:first-child {
  margin-left: 0;
}
.modal_fifty_fifty_view_ctrl .meta-data-div.common_section {
  padding-left: 0 !important;
}
.subtask-list-container
  .subtask-list
  .right-list-item-over
  .subtask-action
  .timer_class_div.timer_in_list.stopped_timer_class_div
  i.fa.fa-play.has-tooltip {
  width: 17px;
  height: 17px;
  font-size: 8px;
  padding-left: 4px;
}
.timer_class_div.timer_in_list.stopped_timer_class_div i.fa.fa-play:before {
  font-size: 8px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.ql-mention-list-container.ql-mention-list-container-top.slash_dropdown_top.test1.slash_dropdown {
  background: 0 0;
  border: 0;
  box-shadow: none;
  max-height: 260px;
}
.priority-icon.dropdown.in_list_view.add_capture_prority_dropdown_popup_button
  a
  .flag_svg {
  width: 24px;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.metadata_option_ctrl
  .priority-icon.dropdown.in_list_view.add_capture_prority_dropdown_popup_button
  a
  .flag_svg {
  height: 28px;
  justify-content: left;
  margin-right: 0;
  width: 24px;
  margin-left: 8px;
}
.metadata_option_ctrl
  .priority-icon.dropdown.in_list_view.add_capture_prority_dropdown_popup_button
  a
  .flag_svg
  svg {
  display: block;
  width: 14px !important;
  height: 14px !important;
  margin: 0;
  position: relative;
  top: 0;
}
.meta_data_option_flex .capture_action_btn i.fas.fa-star {
  color: #3c3e41;
}
.capture_action_btn.starred.active i.fas.fa-star {
  color: #e3b51e;
}
.meta_data_option_flex .capture_action_btn:first-child {
  margin-left: 0;
}
.capture_metadata_in_side_panel .multi-assignee-wrapper div {
  color: #333;
}
.capture_metadata_in_side_panel
  .project-div.project_cv_div.folder-dropdown-div
  .project-icon.dropdown
  .project-variable {
  color: #333;
}
.capture_label_field .iconbg i {
  color: #828282;
}
.capture_label_field .iconbg svg {
  fill: #828282;
}
.bottom_section_ctrl.in_metadata_sidepanel .description_in_metadata_ctrl {
  margin-bottom: 10px;
  padding: 0 15px;
  margin-top: -10px;
}
.bottom_section_ctrl.in_metadata_sidepanel
  .description_in_metadata_ctrl
  textarea#description_box_capture_details {
  padding-top: 0;
}
.capture_metadata_in_side_panel .due-time.estimate_time_dropdown_ctrl:hover {
  background: 0 0;
  border: none !important;
}
.capture_metadata_in_side_panel .due-time.estimate_time_dropdown_ctrl {
  background: 0 0;
  border: none !important;
}
.capture_metadata_in_side_panel .multi-assignee-wrapper div .assignee_circle {
  color: #fff;
}
.doc_view_architecture_ctrl .capture_and_metadata_options_ctrl_innr {
  /*!*border-bottom: 1px solid #DADCDD;*!*/
  position: relative;
}
.capture_doc_preview_panel_section .add_new_row_button {
  position: absolute;
  left: -13px;
  bottom: 0;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  opacity: 0;
  border-radius: 2px;
  z-index: 9;
}
.capture_extra_metadata_div:hover .add_new_row_button {
  opacity: 1;
}
.add_new_row_button i {
  color: rgb(0, 0, 0, 0.5);
  font-size: 8px;
}
.add_new_row_button:hover {
  background-color: #0e9aef;
  color: #fff;
}
.capture_doc_preview_panel_section .add_new_row_button.top {
  bottom: auto;
  top: 0;
}
.add_new_row_button:hover i {
  color: #fff;
}
.doc_view_preview_pane_wrapper .capture_extra_metadata_div:hover i {
  opacity: 1;
}
.doc_view_architecture_ctrl .capture_extra_metadata_div {
  border-bottom: 1px solid #cbd0d5;
  border-left: 0;
  border-right: 0;
}
.capture_extra_metadata_div_main_section > .capture_extra_metadata_div {
  border-top: 1px solid #dee0e1 !important;
  border: 1px solid transparent;
}
.doc_view_architecture_ctrl .ql-container.ql-snow {
  border: 0;
}
.select_task_input_container .add_task_input {
  width: 100%;
  display: flex;
  align-items: center;
}
.create_task_on_enter button.cancel-btn.cancel_new_task_placeholder {
  background: 0 0;
  border: 0;
  font-size: 13px;
  color: #4d4d4d;
  opacity: 0.4;
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 5px;
}
.create_task_on_enter button.cancel-btn.cancel_new_task_placeholder:hover {
  opacity: 1 !important;
}
.create_task_on_enter {
  position: relative;
  display: none;
}
.time_track_group_icon {
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 10px;
}
.time_track_group_icon i {
  color: #7b7e84;
  font-size: 12px;
  cursor: pointer;
}
.left_side_drop_down_menu_class.dropdown-menu.theme_dropdown_with_icon_text.dropdown-left.mt-15.ml-3-negative.dropdown_left_align {
  right: 0;
  left: auto;
  top: 0;
  min-width: 120px;
}
.modify_time_entries_ctrl
  .form-group
  .task_discription_input
  textarea.title-textarea {
  height: auto;
  min-height: 91px;
  width: 100%;
  border: 1px solid #c2c5c699;
  resize: none;
  border-radius: 3px;
  padding: 10px;
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -webkit-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -ms-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -moz-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -o-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
}
.modify_time_entries_ctrl {
  position: absolute;
  top: 0;
  right: 100%;
  padding: 0;
  background: #fff;
  min-width: 220px;
  width: 260px;
  height: auto;
  box-shadow: 0 3px 10px #00000040;
  border: 1px solid #cbd3da;
  border-radius: 4px;
}
.modify_time_entries_ctrl .info_header .info_text {
  width: 200px;
}
.modify_time_entries_ctrl .form-group {
  margin-bottom: 10px;
}
.modify_time_entries_ctrl .form-group label {
  color: #353535;
  font-weight: 600;
  margin-bottom: 8px;
}
.modify_time_entries_ctrl .form-group .create_new_task_row input.form-control {
  color: #333;
  font-weight: 600;
  font-size: 13px;
  padding: 10px;
}
.create_new_task_row .remove_folder_icon {
  position: absolute;
  right: 10px;
  top: 6px;
}
.create_new_task_row .remove_folder_icon i.fas.fa-times-circle {
  font-size: 12px;
  color: #f29191;
  opacity: 0.7;
  cursor: pointer;
}
.create_new_task_row .remove_folder_icon i.fas.fa-times-circle:hover {
  opacity: 1 !important;
}
.modify_time_entries_ctrl
  .form-group
  .task_discription_input
  textarea.title-textarea {
  height: auto;
  min-height: 62px;
  width: 100%;
  border: 1px solid #c2c5c699;
  resize: none;
  border-radius: 3px;
  padding: 10px;
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -webkit-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -ms-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -moz-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  -o-transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  color: #333;
}
.element_group_mb_10 {
  margin-bottom: 10px;
}
.billable_on_edit_popup .inline_item_ctrl {
  color: #333;
  font-size: 13px;
}
.billable_on_edit_popup .inline_item_ctrl i {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  background: #eceef0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7b7e84;
}
.timer_icon_in_total_time_input {
  position: absolute;
  top: 7px;
  left: 10px;
}
span.timer_icon_in_total_time_input svg {
  width: 12px;
  height: 16px;
  fill: #878f96;
  left: 10px;
}
.capture_discrition_area.range_timer_ctrl.range_in_edit_panel label {
  font-size: 13px;
  color: #353535;
  margin-bottom: 8px;
  font-weight: 600;
}
.capture_discrition_area.range_timer_ctrl.range_in_edit_panel
  .range_date_input_ctrl
  input {
  padding-right: 10px;
  font-weight: 600 !important;
  color: #333 !important;
  opacity: 1;
}
.capture_discrition_area.range_timer_ctrl.range_in_edit_panel
  i.fas.fa-long-arrow-alt-right {
  position: relative;
}
.create_new_task_row.due_date_input span.far.fa-calendar-alt {
  position: absolute;
  top: 11px;
  right: 10px;
}
.modal-footer.edit_panel_footer {
  padding: 15px 15px 10px 15px;
}
.modify_time_entries_ctrl .create_task_form_scroller {
  height: auto;
  padding: 10px;
}
.capture_discrition_area.range_timer_ctrl .range_date_input_ctrl svg {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 12px;
  height: 16px;
  fill: #878f96;
  left: 10px;
}
.create_new_task_row.total_time_input input {
  padding-left: 30px !important;
}
.modify_time_entries_ctrl .form-group .create_new_task_row input::placeholder {
  color: #333 !important;
}
.capture_discrition_area.range_timer_ctrl.range_in_edit_panel.element_group_mb_10
  .range_date_input_ctrl
  input.add_descriptions_textarea::placeholder {
  color: #333;
}
.tags_area_ctrl.border_container {
  border: 1px solid #c2c5c699;
  border-radius: 3px;
  padding: 0;
  display: flex;
  height: 30px;
}
.tags_area_ctrl.border_container .dropdown_toggle {
  width: 30px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.tags_area_ctrl.border_container .dropdown_toggle span.caret_icon i {
  font-size: 10px;
}
.tags_area_ctrl.border_container
  .preview_pane_tags_assignee_ctrl
  .tags_assignee_in_preview_ctrl {
  margin-left: 0 !important;
}
.modify_time_entries_ctrl .form-group .task_discription_input {
  display: flex;
}
.modify_time_entries_ctrl .create_task_form_scroller .form-group:last-child {
  margin-bottom: 0;
}
.merge_capture_secound_header .header_for_merged_action {
  border-bottom: 0 !important;
  padding: 0 !important;
  margin-right: 10px;
}
.merge_capture_secound_header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dadce0;
  padding: 8px 15px;
}
.top_unique_common_merge_header
  .preview_pane_top_header_main
  .cv_preview_pane_left_header
  .assignee-container.dropdown {
  display: flex;
  align-items: center;
  min-height: 24px;
  height: 24px;
}
.top_unique_common_merge_header
  .priority-icon.dropdown.in_list_view.add_capture_prority_dropdown_popup_button
  a
  span {
  margin-right: 0;
}
.top_unique_common_merge_header .due-time.estimate_time_dropdown_ctrl {
  margin-left: 5px;
}
.single_task_with_multiple_entries {
  padding: 5px 0 0 10px;
}
.time_track_group_left .entries_count {
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid #cbd3da;
  background: #fff;
  color: #333;
  display: inline-flex;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
}
.task_tab_content_inner.create_task_bg.live_comment_on_outline
  .create_new_task_row {
  padding: 10px;
}
.task_tab_content_inner.create_task_bg.live_comment_on_outline
  .create_new_task_row
  textarea.form-control {
  border: 1px solid #0e9aef;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  resize: none;
  min-height: 37px;
  color: #676a6c;
  padding: 6px 8px;
  line-height: normal;
}
.task_tab_content_inner.create_task_bg.live_comment_on_outline .form-group {
  margin-bottom: 0;
}
.add_task_popup.add_comment_popup.task_popover_sidepanel {
  border-radius: 3px;
  position: relative;
}
.task_tab_content_inner.create_task_bg.live_comment_on_outline
  .create_new_task_row
  textarea.form-control::placeholder {
  color: #323332 !important;
  font-style: italic;
}
.modify_time_entry_innr_ctrl label {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 13px;
  color: #353535;
}
.form-group.form_group_in_modify
  .create_new_task_row
  input.form-control::placeholder {
  color: #333 !important;
}
.form-group.form_group_in_modify .create_new_task_row input.form-control {
  color: #333 !important;
  font-weight: 600;
  font-size: 13px;
  padding-left: 10px;
  border: 1px solid #e5e6e7;
  height: 30px;
  line-height: 30px;
}
.form-group.form_group_in_modify
  .create_new_task_row
  input.form-control.clickShowTaskInput {
  cursor: pointer;
}
.modify_time_entry {
  height: auto !important;
  border-radius: 3px;
  width: 280px !important;
}
.modify_time_entry_innr_ctrl
  .capture_discrition_area.manual_time_ctrl
  input.add_manual_time {
  height: 30px;
  line-height: 30px;
}
.modify_time_entry_innr_ctrl
  .capture_discrition_area
  .add_descriptions_textarea {
  height: 30px;
}
.time_tarck_item_left .assignee-icon.cp_multiple_assignee {
  padding: 0 6px;
}
.time_tarck_item_left
  .assignee-icon.cp_multiple_assignee
  .selected_item_flex_ctrl {
  margin: 0 5px;
  max-width: 40px;
  overflow: hidden !important;
  display: inline-block;
}
.time_tarck_item_left .cv_tags_drop-down .tag_inline_list {
  padding: 0 4px 0 5px;
  display: flex;
}
.modify_time_entry_innr_ctrl .time_tarck_item_left .inline_item_ctrl {
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modify_time_entry_innr_ctrl .time_tarck_item_left .inline_item_ctrl i {
  margin: 0;
  color: #7e8187;
}
.modify_time_entry .time_track_inline_list {
  margin-bottom: 12px;
}
.modify_time_entry .mdf_header {
  border-bottom: 1px solid #d4d8db;
  padding: 9px 16px;
  position: relative;
  margin-bottom: 0;
}
.modify_time_entry .mdf_header span.close svg {
  width: 10px;
  height: 10px;
}
.modify_time_entry .mdf_header span.close {
  position: absolute;
  right: 15px;
}
.modify_time_entry_innr_ctrl .time_track_inline_list:last-child {
  margin-bottom: 0;
}
.doc_view_architecture_ctrl .parent .capture_number {
  color: #29333d;
  margin-right: 3px;
}
.doc_view_architecture_ctrl .task_name_text {
  color: #29333d;
}
.single_task_with_multiple_entries {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9eb;
}
.time_track_group_right {
  width: 100%;
}
li.timer_entries_dropdown_li.connected_task_ctrl .timer_entries_text {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}
.time_track_group_right li.timer_entries_dropdown_li {
  display: flex;
  align-items: center;
  height: 32px;
}
.time_track_group_right
  li.timer_entries_dropdown_li
  .task_status_main_wrapper
  .capture_numbering_thumb.task_status_box {
  margin: 0 8px 0 0;
}
.time_track_group_left .entries_count.active {
  background: #0e9aef1c;
  color: #0e9aef;
  border: 1px solid #0c85ce30;
}
.selected_data_item_on_right span.icon_ctrl {
  font-size: 12px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}
.selected_data_item_on_right .icon_ctrl.tag i {
  color: #0e9aef;
}
.selected_data_item_on_right .icon_ctrl.billable i {
  color: #41c257;
}
.timer_entries_dropdown_li.time_track_group_right.connected_task_ctrl
  .selected_data_item_on_right {
  display: flex;
  margin-left: auto;
}
li.timer_entries_dropdown_li.time_track_group_right.connected_task_ctrl
  .timer-edit-div {
  display: inline-flex;
}
.selected_data_item_on_right span.icon_ctrl:hover {
  background: #ebebed;
}
.single_task_with_multiple_entries
  .time_track_group_right
  li.timer_entries_dropdown_li
  .timer-edit-div {
  box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 5px;
  text-overflow: ellipsis;
  display: flex;
}
.time_track_group_right
  .timer_entries_dropdown_li.time_track_group_right
  .play_icon_ctrl_in_widget
  i {
  margin-right: 5px;
}
.timer_entries_dropdown_li .timer_entries_text {
  max-width: 200px;
}
.time_track_entry_list_ctrl
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li {
  padding-left: 24px;
}
.top_unique_common_merge_header .due-date.schedule_calendar_ctrl {
  margin: 0 5px;
}
.task_data_block_container .task_action_icons_right .capture_action_btn {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.task_data_block_container .task_action_icons_right .capture_action_btn i {
  margin-right: 0;
}
.task_data_block_container
  .task_action_icons_right
  .due_date_time_estimate_in_card_style {
  margin-right: 0;
  margin-left: 0;
}
.merged_capture_parent.in_card_box .due_date_time_estimate_in_card_style {
  margin-right: 0;
}
.in_card_style .assignee-container.dropdown {
  margin: 0 3px !important;
}
.in_card_style .tags-div-conversation-view.tags_in_preview_panel {
  margin: 0 3px;
}
.rcl.preview_pane_header_ctrl.assignee_participant_card_ctrl_in_merge
  .assignee-container.dropdown {
  margin: 0 3px;
}
.merged_capture_parent.test11.in_card_box
  .priority-icon.dropdown.in_list_view.add_capture_prority_dropdown_popup_button {
  width: 23px;
  height: 23px;
  margin: 0;
}
.merged_capture_parent.test11.in_card_box
  .priority-icon.dropdown.in_list_view.add_capture_prority_dropdown_popup_button
  .flag_svg {
  margin-right: 0;
}
.merged_capture_parent.test11.in_card_box
  .priority-icon.dropdown.in_list_view.add_capture_prority_dropdown_popup_button
  .flag_svg
  svg {
  width: 13px;
  height: 13px;
}
.merged_capture_parent.in_card_box .capture_action_btn i.fas.fa-star {
  margin-right: 0;
}
.merged_capture_parent.in_card_box .capture_action_btn {
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.merged_capture_parent.in_card_box
  .timer_ui_list_view.capture_jnote_view_timer_popup {
  margin: 0 3px;
}
.merged_capture_parent.in_card_box
  .timer_ui_list_view.capture_jnote_view_timer_popup {
  margin: 0 3px !important;
}
.due_date_time_estimate_in_card_style
  .project-div.project_cv_div.folder-dropdown-div {
  margin: 0 3px;
}
.comment_text_bg .rc-image .rc_image_class {
  max-width: 240px !important;
  border-radius: 8px;
}
.modal-dialog.modal-xl.details_pane_in_modal_ctrl.modal_fifty_fifty_view_ctrl
  .separated_comments_activity_wrapper {
  height: calc(100% - 98px);
}
.modify_time_entry_innr_ctrl .create_task_form_scroller {
  padding: 0;
}
.modify_time_entry_innr_ctrl
  .time_track_inline_list
  .dropdown
  .due_date_btn:hover {
  border: 1px solid #e5e6e7;
}
.modify_time_entry_innr_ctrl .time_track_inline_list .dropdown .due_date_btn {
  width: 100%;
  background: #fff;
  border: 1px solid #e5e6e7;
}
.modify_time_entry_innr_ctrl
  .time_track_inline_list
  .dropdown
  .due_date_btn
  .calendar_i_ctrl {
  background: #fff;
  margin-right: 2px;
}
.modify_time_entry_innr_ctrl
  .time_track_inline_list
  .dropdown
  .due_date_btn
  i.fas.fa-chevron-down {
  position: absolute;
  right: 10px;
}
.modify_time_entry_innr_ctrl .time_track_inline_list .dropdown {
  width: 100%;
}
.tags_area_ctrl.border_container .inline_item_ctrl i.fas.fa-tags {
  color: #878f96;
}
.tags_area_ctrl.border_container
  .add_tags_dropdown_icon_ctrl.dropdown-toggle:hover {
  background: #fff;
}
.form-group.form_group_in_modify .time_track_flex_icon_ctrl svg {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 14px;
}
.time_track_flex_icon_ctrl input {
  padding: 8px 8px 8px 30px !important;
}
.form-group.form_group_in_modify .capture_discrition_area {
  position: relative;
}
.time_track_flex_icon_ctrl {
  position: relative;
}
.time_track_flex_icon_ctrl svg {
  top: 8px;
  width: 14px;
  position: absolute;
  left: 10px;
}
.connect-task-div.dropdown .time_track_flex_icon_ctrl svg {
  width: 11px !important;
}
.modify_time_entry .time_track_manual_footer .footer_btn_group_right {
  margin-left: auto;
}
.time_track_manual_footer span.delete_time_entry_icon i {
  color: #ed4758;
  opacity: 0.7;
  font-size: 13px;
}
.time_track_manual_footer span.delete_time_entry_icon i:hover {
  opacity: 1 !important;
}
.modify_time_entry .time_track_manual_footer {
  display: flex;
  align-items: center;
}
.create_and_connect_task.in_task_side_panel {
  padding: 8px 15px;
  border-bottom: 1px solid #e9e9eb;
  border-top: 1px solid #e9e9eb;
  height: 40px;
}
.create_and_connect_task.in_task_side_panel .common_task_btn {
  width: 100px;
  width: 100px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common_task_btn.create_new_in_side_panel {
  background: #f5f5f7;
  color: #0e9aef;
  border: 1px solid #0e9aef;
  width: auto !important;
  display: flex;
  min-width: auto;
  flex: 1;
  margin-right: 10px;
  text-align: center;
  justify-content: center;
}
.common_task_btn.create_new_in_side_panel:hover {
  background-color: #0e9aef;
  color: #fff;
}
.common_task_btn.create_new_in_side_panel:hover span {
  color: #fff !important;
}
.common_task_btn.create_new_in_side_panel:hover i {
  color: #fff !important;
}
.task_side_panel_ui_ctrl .search_box_with_back_icon_ctrl {
  padding: 6px 15px;
}
.task_side_panel_ui_ctrl .task_wrap_bg_ctrl {
  padding: 10px 15px;
}
.task_side_panel_ui_ctrl .connected_task_label_with_count {
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  padding-bottom: 10px;
}
.task_rec_content_wrap .project_fol_ctrl {
  height: 18px;
  display: inline-flex;
  background: #f1f1f2;
  align-items: center;
  padding: 0 0 0 6px;
  line-height: 18px;
  color: #333;
  font-weight: 600;
  margin: 0 10px 0 0;
}
.task_rec_content_wrap .project_fol_ctrl .project_icon_bg {
  height: auto;
  width: auto;
  background: 0 0;
  margin-right: 6px;
}
.task_rec_content_wrap .project_fol_ctrl .project_icon_bg svg {
  margin: 0;
  fill: #4186e0;
}
.task_rec_content_wrap .project_fol_ctrl .project_dot_name_group {
  font-size: 10px;
  color: #333;
  font-weight: 600;
  padding-right: 6px;
}
.task_card_block_2 {
  margin-top: 5px;
  padding: 0 0 0 24px;
  display: flex;
  align-items: center;
  min-height: 20px;
}
.connected_task_count_ctrl {
  border: 1px solid #bbc3c9;
  min-width: 16px;
  height: 16px;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  color: #333;
  font-weight: 700;
  position: absolute;
  top: 23px;
  left: -8px;
  background: #fff;
  padding: 2px;
  align-items: center;
  line-height: 16px;
  font-size: 11px;
}
.edit_task_icon.mr-0 {
  font-size: 12px;
  width: 20px;
  height: 20px;
  margin-left: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
}
.edit_task_icon.mr-0:hover {
  background: #f5f5f7;
}
.edit_task_icon.mr-0:hover i {
  color: #333 !important;
}
.task_card_block_2 .assignee_circle_ctrl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}
.task_rec_content_wrap .disconnect_task_icon {
  position: absolute;
  top: -6px;
  display: inline-flex;
  right: -6px;
  cursor: pointer;
}
.task_rec_content_wrap .disconnect_task_icon i {
  font-size: 11px;
  color: #ed4758;
  opacity: 1;
  background: #fff;
}
.task_rec_content_wrap .disconnect_task_icon i:hover {
  opacity: 0.8;
}
.common_task_btn.common_task_btn.create_new_in_side_panel:hover span {
  color: #333;
}
.common_task_btn.common_task_btn.create_new_in_side_panel span i {
  color: #0e9aef;
}
ate_new_task_row input.form-control {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  line-height: 30;
}
.create_task_input_wrap .add_tags_dropdown_icon_ctrl {
  height: 32px;
}
.task_wrap_bg_ctrl .label_ctrl_by_date {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}
.date_filter_dropdown_ctrl {
  display: flex;
  align-items: center;
  padding: 0 10px;
  background: #f5f5f7;
  height: 28px;
  border-radius: 3px;
  margin-left: 10px;
  cursor: pointer;
  border: 1px solid transparent;
}
.date_filter_dropdown_ctrl .short_by_text {
  color: #0e9aef;
  font-size: 12px;
  font-weight: 600;
}
.date_filter_dropdown_ctrl svg {
  width: 13px;
  height: 13px;
  margin-right: 8px;
}
.search_box_with_back_icon_ctrl .density_icon_ctrl {
  width: 28px;
  height: 28px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  background: #f5f5f7;
  margin-left: 10px;
  cursor: pointer;
  border: 1px solid transparent;
}
.density_icon_ctrl svg {
  width: 13px;
  height: 13px;
}
.date_filter_dropdown_ctrl:hover {
  background: #f2f2f2 !important;
  border: 1px solid #d4d8db;
}
.search_box_with_back_icon_ctrl .density_icon_ctrl:hover {
  background: #f2f2f2 !important;
  border: 1px solid #d4d8db;
}
.side_bar_for_time_track ul.widget_tabs_ul {
  border-bottom: 1px solid #e9e9eb;
  padding-top: 2px;
  border-top: 1px solid #e9e9eb;
}
.task_side_panel_ui_ctrl .search_box_with_back_icon_ctrl i.fas.fa-search {
  left: 9px;
  width: 10px;
  font-size: 12px;
  top: 9px;
}
.task_side_panel_ui_ctrl .search_box_with_back_icon_ctrl input {
  padding-left: 28px;
  line-height: 28px;
  border: 1px solid #d8dee3;
  padding-right: 26px;
}
.task_side_panel_ui_ctrl .search_box_with_back_icon_ctrl input:focus {
  border: 1px solid #0e9aef;
}
.card_box_main_container {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.task_rec_content_wrap .task_name_block .task_status_box {
  margin: 0 8px 0 0;
}
.data-count_in_capture_header {
  width: 16px !important;
  height: 16px !important;
  right: -2px !important;
  top: -4px !important;
}
.metadata_icon_in_capture_box.active .data_count.data-count_in_capture_header {
  background-color: rgba(182, 224, 250, 0.4);
  border: 1px solid #f6f7fa;
  color: #0e9aef;
  font-size: 11px;
  font-weight: 700;
}
.task_data_block_container
  .timer_ui_list_view.capture_jnote_view_timer_popup.in_card_view.mr-7.rtret {
  margin: 0 5px 0 3px !important;
}
.metadata_icon_in_capture_box:hover i,
.metadata_icon_in_capture_box:hover svg {
  fill: #0e9aef;
  color: #0e9aef;
}
.metadata_icon_in_capture_box:hover i,
.metadata_icon_in_capture_box:hover svg,
.metadata_icon_in_capture_box:hover svg path {
  opacity: 1;
  color: #333;
  fill: #333333;
}
.metadata_icon_in_capture_box.active:hover svg path {
  fill: #0e9aef;
}
.capture_view_outer_wrap.capture_view_outer_wrap_for_blank
  .capture_and_metadata_options_ctrl_innr {
  align-items: center;
  justify-content: center;
}
.capture_doc_view_sub_heading {
  display: flex;
  width: 100%;
  align-items: center;
}
.create_new_task_row input.form-control {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  line-height: 36px;
}
.create_task_input_wrap
  .task_discription_input
  textarea.title-textarea::placeholder {
  color: #999 !important;
  font-size: 13px;
  font-weight: 400;
}
.project-div.project_cv_div.location_in_connect_to_task {
  width: 275px;
  background: #f5f5f7;
  border-radius: 4px;
  height: 28px;
  flex: 1;
  margin-right: 10px;
  border: 1px solid transparent;
}
.project-div.project_cv_div.location_in_connect_to_task .align-middle {
  display: flex;
  align-items: center;
  color: #333;
  font-weight: 600;
}
.project-div.project_cv_div.location_in_connect_to_task
  span.align-middle
  .project-icon-svg.iconbg {
  width: 28px !important;
  height: 28px !important;
  background: rgb(211 211 213 / 0.24);
  border-radius: 4px;
  margin-right: 8px;
}
.project-div.project_cv_div.location_in_connect_to_task
  .align-middle
  span.caret_icon {
  margin-left: auto;
  margin-right: 10px;
}
.project-div.project_cv_div.location_in_connect_to_task:hover {
  border: 1px solid #d4d8db;
  background: #f2f2f2 !important;
}
.merge_capture_list_main_div .merge_capture_list {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 13px;
  padding: 4px 10px 4px 39px;
  background: #fff;
  font-weight: 400;
  height: 28px;
}
.task_rec_content_wrap.merge_capture_card_box_ctrl {
  padding: 10px 0 5px 0;
}
.task_rec_content_wrap.merge_capture_card_box_ctrl .task_name_block {
  padding: 0 10px 0 14px;
}
.task_rec_content_wrap.merge_capture_card_box_ctrl .task_card_block_2 {
  padding: 0 10px 0 38px;
}
.merge_capture_list_main_div .merge_capture_list .task_name_block {
  padding: 0 !important;
}
.merge_capture_list_main_div {
  border-top: 1px solid #bbc3c9;
  margin-top: 10px;
}
.merge_capture_list_main_div .merge_capture_list:hover {
  background: #e5f4fe;
}
span.edit_task_icon.mr-0 i.fas.fa-pen {
  color: #7b7e84;
  font-size: 11px;
}
.metadata_in_sidepanel .info_header {
  padding: 8px 15px;
  border-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  height: 36px;
}
.task_side_panel_ui_ctrl.create_task_ui_ctrl .create_task_form_scroller {
  height: calc(100vh - 248px);
}
.task_side_panel_ui_ctrl.create_task_ui_ctrl span.info_text {
  width: 100%;
}
.task_side_panel_ui_ctrl.create_task_ui_ctrl {
  position: absolute;
  top: 0;
  background: #fff;
  width: 100%;
}
.task_side_panel_ui_ctrl.create_task_ui_ctrl .theme_square_grey_button {
  background: #ebebed;
}
.task_side_panel_ui_ctrl {
  height: 100%;
}
.count_task_view_dropdown_inner .task_wrap_bg_ctrl {
  height: calc(100vh - 227px);
  position: relative;
}
.capture_label_field .field_with_label .tag-container.dropdown span.iconbg {
  display: flex;
  font-style: normal;
  border: 0;
}
.capture_label_field
  .field_with_label
  .tag-container.dropdown
  span.iconbg:hover {
  background: 0 0;
  border: 0;
}
.capture_label_field
  .field_with_label
  .tag-container.dropdown
  span.svg_ctrl.w-20 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.capture_label_field .field_with_label .tag-container.dropdown {
  width: 100%;
}
.user-container.has-tooltip img.user-name-initial.user-more-compact {
  width: 22px;
  height: 22px;
  padding: 0;
}
.doc_view_architecture_ctrl .capture_extra_metadata_div .ql-editor {
  word-break: break-all;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .tree-node-inner
  .add_dragover_class.custom_capture_tag.capture_tag_level_2
  input#newSubTagEditInput {
  margin-right: 8px;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag.capture_tag_level_2
  input#newSubMyTagEditInput {
  height: 100%;
  width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 24px !important;
  z-index: 99;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back:hover
  .add_dragover_class.custom_capture_tag.capture_tag_level_2
  input#newSubMyTagEditInput {
  margin-right: 8px !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  .project_list_item_count {
  margin-right: 11px;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  input#newSubMyTagEditInput {
  margin-right: 8px !important;
}
.full_screen_separate_capture_innr {
  display: flex !important;
}
.is_popup_full_modal_view
  .in_full_screen_merged_capture
  .full_screen_separate_capture
  .inner_sidebar {
  border: 1px solid #dadce0;
  height: 100%;
}
li.add_capure_puls_btn i.fas.fa-plus {
  color: #0e9aef;
}
ul.inner_sidebar_ctrl > li > svg.panel_bright_svg {
  width: 14px !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-children
  .add_dragover_class.custom_capture_tag.capture_tag_level_2,
#tag.tag_section_in_left_sidebar
  .tree-node-children
  .add_dragover_class.custom_capture_tag.capture_tag_level_2 {
  padding-left: 10px;
}
ul.inner_sidebar_ctrl > li > svg.panel_svg.panel_svg_w {
  width: 15px;
}
ul.inner_sidebar_ctrl > li > svg.panel_svg_.svg-12 {
  width: 12px !important;
  height: 12px !important;
}
ul.inner_sidebar_ctrl > li > svg.panel_svg.svg_12 {
  width: 12px;
  height: 12px;
}
ul.inner_sidebar_ctrl > li > svg.panel_svg.svg_12 {
  width: 12px;
  height: 12px;
}
li.add_capture_plus_btn.has-tooltip i.fas.fa-plus {
  color: #0e9aef;
  opacity: 1;
}
.is_popup_full_modal_view
  .in_full_screen_merged_capture
  .full_screen_separate_capture
  .inner_sidebar
  ul.inner_sidebar_ctrl
  > li.add_capture_plus_btn {
  margin: 5px 0;
}
ul.inner_sidebar_ctrl > li > svg#svg-sprite-cu2-brackets-curly {
  width: 15px;
}
ul.inner_sidebar_ctrl > li > svg.panel_svg.svg_14 {
  width: 14px;
}
.modal-dialog.modal-xl.details_pane_in_modal_ctrl.modal_fifty_fifty_view_ctrl
  .wrapper-clm-bg.wrapper-clm-bg-modal
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top.dropdown-right.time_entry_magic_dropdown {
  margin-right: 100%;
  left: auto;
  top: 23px;
}
.time-entry-div .four_column_view_dropdown {
  padding-top: 6px;
}
.comment_swith_on_off_ui.capture_doc_view_toggle_btn .comment_text_with_switch {
  margin: 0 0 0 6px;
  font-weight: 400;
  color: #333;
  font-size: 13px;
}
.conversation_preview_pane_main_wrapper
  .capture_and_metadata_options_ctrl_innr
  .capture_view_outer_inner_wrap.preview_panel {
  width: auto;
  position: relative;
}
.capture_folder_lavel_two
  .custom_lablel_orignal_name.custom_capture_folder_element
  .innertTextContent.teams_folder {
  width: 70%;
}
.view_capture_by_ctrl.count_capture_by_ctrl .list_header_inner_main {
  padding: 9px 10px;
}
.group_by_ctrl.conversation_inner_view_ctrl.view_by_assignee_list
  .grouped_by_label
  .user_assignee_circle_ctrl {
  margin-right: 5px;
}
.popup_scroll_on_responsive {
  width: 100%;
  height: 100%;
}
.in_card_box .add_new_row_button {
  position: absolute;
  left: -13px;
  bottom: 0;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  opacity: 0;
  border-radius: 2px;
}
.in_card_box .add_new_row_button.top {
  bottom: auto;
  top: 0;
}
.in_card_box .capture_extra_metadata_div {
  position: relative;
}
.in_card_box .add_new_row_button:hover {
  background-color: #0e9aef;
  color: #fff;
}
in_card_box .capture_extra_metadata_div .ql-container.ql-snow {
  border: 0;
}
.in_card_box .add_extra_meta_ctrl {
  margin: 0;
  padding: 4px 0 4px 0;
}
.in_card_box .add_extra_meta_ctrl .dot_dropdown > button {
  left: -24px;
}
.in_card_box .capture_extra_metadata_div .ql-container.ql-snow {
  border: 0;
}
.capture_view_architecture_ctrl .add_extra_meta_ctrl .dot_dropdown > button {
  left: -24px;
}
.capture_view_architecture_ctrl .add_extra_meta_ctrl {
  padding: 8px 0 8px 0;
  margin: 0;
}
.capture_view_architecture_ctrl .add_extra_meta_ctrl .dot_dropdown > button {
  left: -24px;
}
.capture_view_architecture_ctrl .add_new_row_button {
  position: absolute;
  left: -13px;
  bottom: 0;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  opacity: 0;
  border-radius: 2px;
}
.capture_view_architecture_ctrl .add_new_row_button.top {
  bottom: auto;
  top: 0;
}
.capture_view_architecture_ctrl
  .capture_and_metadata_options_ctrl
  .capture_extra_metadata_div {
  position: relative;
  min-height: 42px;
}
.capture_view_architecture_ctrl .add_new_row_button:hover {
  background-color: #0e9aef;
  color: #fff;
}
.capture_view_architecture_ctrl
  .capture_and_metadata_options_ctrl
  .capture_extra_metadata_div
  .ql-container.ql-snow {
  border: 0;
}
.capture_view_architecture_ctrl
  .capture_extra_metadata_div:hover
  .add_new_row_button {
  opacity: 1 !important;
}
.capture_view_sub_capture_flex {
  display: flex;
  margin-bottom: 7px;
  width: 100%;
}
.capture_view_sub_capture_flex .save_sub_capture {
  margin-left: auto;
}
.capture_view_sub_capture_flex .save_sub_capture button {
  margin: 0 3px;
}
.capture_view_sub_capture_flex .save_sub_capture button.btn.btn-success.btn-xs {
  border: 0;
}
.capture_view_architecture_ctrl .add_extra_meta_ctrl .line_highlighter {
  width: calc(100% + 75px);
}
.capture_view_architecture_ctrl .add_extra_meta_ctrl:before {
  width: calc(100% + 45px);
}
.has_merged_captures
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container
  .capture_number {
  position: absolute;
  width: auto;
  max-width: 27px;
  color: #29333d;
  font-size: 14px !important;
  left: -48px;
  min-width: 40px;
  text-align: right;
}
.multiselect_captures_div .task_data_main_wrap .task_draggable_number {
  left: -30px;
  display: flex;
}
.capture_view_sub_capture_flex span.capture_number {
  position: unset;
  color: #333;
  max-width: 27px;
  width: auto;
}
.capture_view_sub_capture_flex .task_data_ctrl_left.in_preview_panel {
  width: 100%;
  padding: 2px 5px;
  color: #262626;
  font-size: 12px;
  font-weight: 600;
}
.task_data_block_container.capture_new_heading_area .task_name_text {
  width: 100% !important;
  padding-left: 0;
  margin-left: 5px;
  max-width: 100% !important;
}
.task_data_block_container.capture_new_heading_area
  .task_data_main_wrap
  .in_preview_panel
  .task_name_text:focus {
  border: #fff !important;
}
.task_data_block_container.capture_new_heading_area .save_sub_capture button {
  margin-left: 5px;
}
.task_data_block_container.capture_new_heading_area
  .in_preview_panel
  .task_name_text:focus {
  border-color: #fff;
}
.has_merged_captures
  .multiselect_captures_div
  .task_data_block_container.capture_new_heading_area {
  padding-left: 30px !important;
}
.multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container:hover
  .task_draggable_number.in_merge_capture {
  display: none !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl.capture_view_architecture_ctrl {
  animation: fadeIn ease 0.3s;
  -webkit-animation: fadeIn ease 0.3s;
  -moz-animation: fadeIn ease 0.3s;
  -o-animation: fadeIn ease 0.3s;
  -ms-animation: fadeIn ease 0.3s;
  width: 1137px;
  margin-left: auto;
  margin-right: auto;
}
.has_merged_captures
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container
  .arrow_icon.doc_section_collapsible {
  opacity: 1;
}
.in_card_box .task_data_block_container:hover .add_new_row_button {
  opacity: 1;
}
.in_card_box .capture_and_metadata_options_ctrl_innr:hover .add_new_row_button {
  opacity: 1;
}
.in_card_box .capture_and_metadata_options_ctrl_innr {
  position: relative;
}
.capture_view_architecture_ctrl
  .multiselect_captures_div
  .task_data_block_container
  .task_draggable_number.in_merge_capture {
  left: -30px !important;
}
.capture_and_metadata_options_ctrl_innr:hover .add_new_row_button {
  opacity: 1;
}
.capture_and_metadata_options_ctrl_innr {
  position: relative;
}
.capture_view_architecture_ctrl
  .multiselect_captures_div
  .task_data_main_wrap.capture_expanded
  span.task_draggable_number.in_merge_capture {
  top: 5px !important;
}
.top_unique_common_merge_header .preview_pane_top_header_main {
  border-top: 1px solid transparent;
}
.top_unique_common_merge_header
  .preview_pane_top_header_main
  .capture_action_btn
  i.fas.fa-star {
  margin-right: 0;
}
.top_unique_common_merge_header
  .preview_pane_top_header_main
  .capture_action_btn {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  margin: 0 5px;
  cursor: pointer;
}
.top_unique_common_merge_header
  .preview_pane_top_header_main
  .capture_action_btn:hover {
  background: #ebebed;
}
.top_unique_common_merge_header
  .assignee-div.Participant_ctrl.participant_in_table_ctrl {
  margin: 0 5px;
}
.top_unique_common_merge_header
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown
  .multi-assignee-wrapper {
  margin: 0;
}
.top_unique_common_merge_header
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown {
  margin: 0 !important;
}
.task_side_panel_ui_ctrl .task_search_box-ctrl i {
  left: auto;
  font-size: 11px;
  color: rgba(70, 83, 105, 0.65);
  right: 8px;
  opacity: 0.7;
  top: 9px;
}
.task_side_panel_ui_ctrl .task_search_box-ctrl i:hover {
  opacity: 1 !important;
}
.multiselect_captures_div .task_data_main_wrap .task_data_block_container {
  padding: 15px 10px 15px 6px !important;
}
.task_data_main_wrap.padding_ctrl.in_trash_area
  .task_data_block_container
  span.capture_number {
  position: unset;
  width: auto;
  max-width: 27px;
  color: #333;
}
.task_data_main_wrap.padding_ctrl.in_trash_area
  .arrow_icon.doc_section_collapsible {
  opacity: 1;
}
.task_data_main_wrap.padding_ctrl.in_trash_area .task_name_text {
  color: #262626;
  font-size: 12px;
  font-weight: 600;
  padding-right: 0;
  overflow: hidden;
  width: auto;
  text-overflow: ellipsis;
  display: flex;
  max-width: calc(100% - 40px);
  border: 1px solid transparent;
  transition: ease all 0.2s;
  border-radius: 3px;
  -webkit-transition: ease all 0.2s;
  -moz-transition: ease all 0.2s;
  -ms-transition: ease all 0.2s;
  -o-transition: ease all 0.2s;
  padding: 2px 5px;
  cursor: pointer;
  height: 23px;
}
.task_data_main_wrap.padding_ctrl.in_trash_area .task_created_info_ctrl {
  align-items: center;
  line-height: normal;
}
.task_data_main_wrap.padding_ctrl.in_trash_area .capture_view_outer_wrap {
  border-top: 1px solid #cbd3da;
}
.arrow_icon.doc_section_collapsible.collapsible_icon_visible {
  opacity: 1;
}
.merged_capture_parent.in_card_box.merge_header_in_trash .capture-name {
  font-weight: 600;
  color: #353535 !important;
  font-size: 16px !important;
  padding: 0 !important;
}
.task_data_main_wrap
  .task_data_block_container
  .priority-icon.dropdown.in_list_view.add_capture_prority_dropdown_popup_button
  a
  .flag_svg {
  margin-right: 0;
}
.metadata_in_sidepanel.capture_comment_in_sidepanel
  .comments_area.comment_area_right
  .bug_created_by_name {
  max-width: 283px !important;
  display: flex;
  align-items: center;
}
.metadata_in_sidepanel.capture_comment_in_sidepanel
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top.dropdown-right.time_entry_magic_dropdown {
  right: -15px;
  left: auto;
}
.capture_extra_metadata_div.ui-draggable .slash_donar_char {
  font-weight: 400;
}
button.discription_full_resize svg {
  width: 14px;
  height: 14px;
}
.add_note_box.in_main_popup .ui.attached.segment.ql-container.ql-snow {
  height: auto;
  max-height: 278px;
  overflow: auto;
}
.add_note_box.in_main_popup .ui.attached.segment.ql-container.ql-snow {
  height: auto;
  max-height: calc(100vh - 184px);
  height: calc(100vh - 184px);
  overflow: auto;
}
div#addNoteModalPopup {
  overflow: hidden;
}
div#addNoteModalPopup .modal-body {
  padding: 15px 15px 15px !important;
}
.list_tree_empty_folder_icon_span svg {
  width: 14px;
  margin-right: 5px;
  fill: #7b7e84;
}
.list_have_child_span.folder_list_have_child_span svg.panel_svg {
  width: 14px;
  margin-right: 5px;
  fill: #7b7e84;
}
.has-error .datecal,
.has-error .form-control {
  border-radius: 3px;
}
.common_section {
  margin-bottom: 0;
}
.common_section .section-title {
  border-bottom: 0 !important;
  height: 34px !important;
}
.common_section .section-title .add-subtask,
.common_section .section-title .add-tags.dropdown,
.common_section .section-title .addfile {
  margin-bottom: 0;
}
.in_metadata_sidepanel .description_in_metadata {
  margin-bottom: 0 !important;
}
.subtask-list-container .subtask-list {
  border-bottom: 0;
  border-top: 1px solid #d6dae1;
}
.attachment-list {
  border-bottom: 0;
  border-top: 1px solid #d6dae1;
}
.three_dot_dropdown_on_top .four_column.sorting_dropdown.list-view-dropdown {
  padding: 3px 6px;
}
.bottom_section_ctrl.in_metadata_sidepanel
  .comments_area.comment_area_right
  .bug_created_by_name {
  max-width: 400px !important;
  width: auto;
}
.main_sidepanel_ctrl_for_verticalBar
  .bottom_section_ctrl.in_metadata_sidepanel
  .comments_area.comment_area_right
  .bug_created_by_name {
  max-width: 283px !important;
  width: auto;
}
.separated_comments_activity_wrapper
  .comment_area_byself
  .bug_created_by_name.view_details_bug_created_by {
  width: auto;
  max-width: 551px !important;
}
.common_card_icon.four_column.sorting_dropdown.list-view-dropdown:hover {
  border: 0 !important;
}
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a
  > svg,
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a
  > svg.copy_link_icon_common_ctrl {
  width: 13px !important;
}
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a
  i {
  color: #798292;
}
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a
  .capture_action_btn {
  display: flex;
  align-items: center;
}
.three_dot_dropdown_on_top.three_dot_dropdown_in_card
  .dropdown-menu.theme_dropdown_with_icon_text.dropdown-right {
  margin-top: 4px;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_new_task_row {
  display: flex;
  align-items: center;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .capture_numbering_thumb.task_status_box {
  position: relative;
  top: 0;
  left: 0;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .conversation_preview_pane_main_wrapper
  .create_task_input_wrap
  .add_tags_dropdown_icon_ctrl {
  height: 28px;
}
.add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .assignee-container.dropdown,
.add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown {
  height: 28px;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .assignee-container.dropdown
  .multi-assignee-wrapper {
  font-size: 13px;
  font-weight: 400 !important;
}
.add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .conversation_preview_pane_main_wrapper
  .project_cv_div
  .multi-assignee-wrapper {
  font-weight: 400;
  width: 100%;
}
.add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .add_tags_dropdown_icon_ctrl:hover {
  background: 0 0;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown
  .due-date.schedule_calendar_ctrl.create_task_popup_component {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown
  .due-date.schedule_calendar_ctrl.create_task_popup_component
  .duedate-icon.dropdown.due_date_future {
  width: 100%;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown
  .estimate_icon_bg,
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown
  .iconbg {
  background: 0 0;
  width: 24px;
  height: 28px;
  margin-right: 0 !important;
  justify-content: left;
  padding-left: 0;
  margin-left: 8px;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown
  .due-time.estimate_time_dropdown_ctrl
  .duetime-icon.dropdown {
  width: 100%;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown
  .due-time.estimate_time_dropdown_ctrl {
  display: flex;
  width: 100%;
  border: 0;
  border-radius: 0;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown
  .due-date.schedule_calendar_ctrl.create_task_popup_component
  .duedate-icon.dropdown {
  width: 100%;
  border: 0;
}
.doc_view_architecture_ctrl
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .add_tags_dropdown_icon_ctrl.dropdown-toggle
  .iconbg {
  margin-right: 0 !important;
  max-width: 24px;
  margin-left: 8px;
  padding-left: 0 !important;
  justify-content: left !important;
}
.doc_view_architecture_ctrl .task_popover_sidepanel {
  z-index: 9999 !important;
}
.note_preview.in_merge_capture > div {
  width: 100%;
}
.capture_view_outer_inner_wrap.note_capture_active {
  align-items: initial;
}
.note_preview.in_merge_capture .ui.attached.segment.ql-container.ql-snow {
  border: 1px solid #e9e9eb;
}
.bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl
  .common_section
  .attachment-container,
.bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl
  .common_section
  .metadata-container,
.bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl
  .common_section
  .preview_pane_Comments_and_activity,
.bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl
  .common_section
  .subtask-container,
.bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl
  .common_section
  .tags-container,
.bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl
  .common_section
  .time-entry-container {
  border-bottom: 1px solid #dfe5f2 !important;
  margin: 0;
  padding: 0 15px;
}
.bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl
  .common_section {
  border-top: 0;
}
.bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl
  .common_section
  .subtask-list-container
  .subtask-list:first-child {
  border-top: 0;
}
.common_section .subtask-list-container .subtask-list {
  margin: 0;
}
.common_section .subtask-list-container .subtask-list .Subtask_list_inner {
  padding: 7px 15px 7px 32px;
}
.attach-div.common_section .attachment-list:first-child {
  border-top: 0;
}
.attach-div.common_section .attachment-list {
  margin: 0;
  padding: 7px 15px 7px 35px;
}
.subtask-list-container.connected_task_list_ctrl
  .subtask-list
  .Subtask_list_inner {
  padding: 7px 15px 7px 35px !important;
}
.time-entry-div.common_section
  ul.time_entried_ul_ctrl
  li.timer_entries_dropdown_li.task_created_by_list {
  margin: 0 !important;
  padding-left: 22px !important;
}
.bottom_section_ctrl.in_metadata_sidepanel.all_tab_preview_active
  .attach-div.common_section
  .attachment-list {
  padding-left: 52px;
}
.bottom_section_ctrl.in_metadata_sidepanel.all_tab_preview_active
  .common_section
  .subtask-list-container
  .subtask-list
  .Subtask_list_inner {
  padding-left: 46px;
}
.bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl
  .preview_pane_tags_assignee_ctrl
  .tags_assignee_in_preview_ctrl {
  margin: 0 !important;
  padding: 3px 10px 3px 36px;
}
.time-entry-div.common_section .time_entried_ul_ctrl {
  border-left: 0;
  border: 0;
}
.label_ctrl_in_all_tab {
  padding: 10px 15px 10px;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #dfe5f2;
  cursor: pointer;
}
.doc_view_architecture_ctrl
  .task_popover_sidepanel
  .task_popover_flier_scroller {
  max-height: 350px;
}
.doc_view_architecture_ctrl .create_task_in_context .create_task_form_scroller {
  height: auto;
  max-height: 350px;
  overflow: auto;
}
.doc_view_architecture_ctrl .body-right-trackduck .tab-header {
  margin-bottom: 0;
}
.doc_view_architecture_ctrl
  .add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown
  .btn.estimate_time_anchor {
  font-weight: 400;
}
.multiselect_bar_container {
  min-width: 430px;
  max-width: 430px;
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  background: #303b42;
  border-radius: 3px;
  top: 60px;
  z-index: 999;
}
.multiselect_bar_container .multiselect_bar_inner {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  min-height: 36px;
}
.multiselect_bar_capture_Count {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.multiselect_bar_capture_buttons {
  margin: 0 5px;
  display: flex;
  align-items: center;
}
.multiselect_bar_capture_buttons button.multiselect_icon_btn {
  border: 0;
  background: 0 0;
  color: #fff;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 3px;
  margin-right: 5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.multiselect_bar_capture_buttons button.multiselect_icon_btn:hover {
  background: #49565f;
}
.multiselect_bar_capture_buttons .multiselect_icon_btn i {
  margin-right: 5px;
  font-size: 11px;
}
.multiselect_bar_capture_buttons .multiselect_icon_btn.btn_danger {
  background: #ff5959 !important;
}
.multiselect_icon_btn.btn_danger i {
  color: #fff !important;
}
.multiselect_bar_inner .exit_side_panel {
  border-radius: 3px;
  height: 21px;
  width: 21px;
  background: 0 0;
  cursor: pointer;
}
.multiselect_bar_inner .exit_side_panel:hover {
  background: #49565f;
}
.tab_navigation_bar_ctrl.tab_in_manage_folder
  .top_bar_search_input.search_right {
  margin-left: auto;
}
.list_header .list_header_inner_left h4 i {
  color: #7b7e84;
  font-size: 8px;
  padding-right: 0;
}
.list_header .list_header_inner_left h4 i:hover {
  color: #343434;
}
.breadcrumbs_header_ctrl .breadcrumbs__folder_label_one.active {
  font-weight: 600;
}
.breadcrumbs_header_ctrl .breadcrumbs__folder_label_two.active {
  font-weight: 600;
}
.folder_info_icon_ctrl i.fas.fa-info-circle {
  color: #333;
  opacity: 0.7;
  font-size: 13px;
  padding: 0 3px;
}
.folder_info_icon_ctrl i.fas.fa-info-circle:hover {
  opacity: 1;
}
.search_ml_initial {
  margin-left: unset !important;
}
.child_folder_list.capture_folder_lavel_two.manage_folder_flex
  .folder_info_icon_ctrl {
  margin: 0;
}
.list_header .list_header_inner_left h4 {
  font-size: 12px;
  line-height: unset;
}
.breadcrumbs_header_ctrl {
  white-space: unset !important;
  overflow: unset !important;
  text-overflow: unset !important;
  max-width: 100% !important;
}
h4.list_header_inner_left_component_dropdown.breadcrumbs_header_ctrl {
  display: inline-flex;
  max-width: 100% !important;
  align-items: center;
  z-index: 99;
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0;
}
.breadcrumbs_header_ctrl .breadcrumbs__folder_label_one,
.breadcrumbs_header_ctrl .breadcrumbs__folder_label_two {
  overflow: hidden;
  white-space: nowrap;
  max-width: 150px;
  display: inline-block;
  color: #262626;
  font-size: 16px;
  font-weight: 400;
  padding: 11px 4px;
  float: left;
  cursor: pointer;
}
.breadcrumbs_header_ctrl span.caret_icon {
  margin: 0;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.caret_icon.active_menu > i {
  transform: rotate(90deg);
}
.list_header_inner_main .list_header_inner_right.airtable_ui.filter_wrapper {
  width: unset;
}
.breadcrumbs_header_ctrl span.caret_icon:first-child {
  margin: 0;
  position: relative;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .capture_folder_lavel_two
  .custom_lablel_orignal_name.custom_capture_folder_element {
  padding-left: 38px;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl
  .capture_folder_lavel_two.child_folder_for_capture {
  padding-left: 0;
}
.preview_pane_scroll.detect_attachment_hover_class
  .bottom_section_ctrl.in_metadata_sidepanel {
  overflow: auto;
  height: calc(100vh - 150px) !important;
}
.bug_extra_details.mete_data_scroll_on_popup {
  overflow: auto;
  height: calc(100vh - 213px);
}
.bug_extra_details.mete_data_scroll_on_popup
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: auto;
}
.capture_detail_captures.capture_detail_full_screen
  .preview_pane_scroll.detect_attachment_hover_class
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 45px) !important;
}
.main_sidepanel_ctrl_for_verticalBar
  .preview_pane_scroll.detect_attachment_hover_class.meta_data_area_in_side_panel
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 204px) !important;
}
.preview_pane_scroll.detect_attachment_hover_class.merged_capture_group
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 263px) !important;
}
.detect_attachment_hover_class.preview_pane_scroll_left_wrapper.preview_panel_scroll_ctrl
  .bug_extra_details.mete_data_scroll_on_popup {
  height: calc(100vh - 365px) !important;
}
.detect_attachment_hover_class.preview_pane_scroll_left_wrapper.merged_capture_group
  .bug_extra_details.mete_data_scroll_on_popup {
  height: calc(100vh - 213px) !important;
}
.capture_detail_captures.capture_detail_full_screen
  .preview_pane_scroll.detect_attachment_hover_class
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 225px) !important;
}
.capture_detail_full_screen
  .panel_content_wrapper
  .preview_pane_scroll.detect_attachment_hover_class.preview_panel_scroll_ctrl.merged_capture_group
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 46px) !important;
}
.capture_detail_captures.capture_detail_full_screen
  .overlay_preview_panel_ctrl
  .capture_detail_captures.panel_content_wrapper.blank_capture_in_side_panel
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 45px) !important;
}
.capture_metadata_in_side_panel
  .field_with_label
  .remove_assignee.remove_project {
  display: none !important;
}
.capture_metadata_in_side_panel .metadata_option_ctrl.toggle-chevron:before {
  top: 11px;
}
.add_url_input_div.input_on_drag {
  width: 100%;
  padding: 15px 15px;
}
.add_url_input_div_inner {
  border-radius: 3px;
  background: #f1f2f4;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  height: 36px;
}
.add_url_input_div_inner .add_url_input {
  border: 0;
  background: 0 0;
  height: 100%;
  width: 100%;
  padding: 0 30px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: #333;
}
.add_url_input_div_inner .add_url_input::placeholder {
  color: #3333338a;
}
.add_url_input_div.input_on_drag button.btn.btn-success {
  height: 26px;
  display: flex;
  align-items: center;
}
.add_note_structure_inner .expanding-textarea::placeholder {
  color: #3333338a;
}
.add_note_structure_inner .expanding-textarea {
  border: 0;
  resize: none;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
}
.p_trbl_15 {
  padding: 15px;
}
.s_wh_28 {
  height: 20px;
  width: 20px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
}
.checkbox.select_field input.capture_select_checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 12px !important;
  height: 12px !important;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #7b7e84;
  cursor: pointer;
  background-color: #fff;
  position: static !important;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.06);
  margin: 0;
}
.cq_option_absolute .task_draggable_number {
  position: static !important;
  margin: 0;
  width: 20px !important;
  height: 20px !important;
  border-radius: 3px !important;
  opacity: 1;
  transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -webkit-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -moz-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -ms-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -o-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
}
.cq_option_absolute .delete_icon.icon_danger i {
  color: #ed4758;
  opacity: 0.8;
  font-size: 12px;
}
.cq_option_absolute .delete_icon.icon_danger:hover {
  border-radius: 3px;
  background: #ff000029;
}
.cq_option_absolute {
  display: inline-flex;
  position: absolute;
  top: 0;
  left: -30px;
  padding: 0;
  opacity: 0;
  height: auto;
  justify-content: flex-start;
  transition: opacity 250ms ease-in 0s;
  -webkit-transition: opacity 250ms ease-in 0s;
  -moz-transition: opacity 250ms ease-in 0s;
  -ms-transition: opacity 250ms ease-in 0s;
  -o-transition: opacity 250ms ease-in 0s;
}
.task_data_main_wrap:hover .cq_option_absolute {
  opacity: 1 !important;
}
.add_row_btn_ctrl {
  align-items: center;
  font-size: 11px;
  color: #333;
  border: 1px solid #c8ccce;
  display: inline-flex;
  border-radius: 2px;
  padding: 4px 6px;
  position: absolute;
  background: #fff;
  bottom: -11px;
  margin: auto;
  left: 0;
  right: 0;
  width: 78px;
  font-weight: 700;
  height: 22px;
  z-index: 999;
  cursor: pointer;
}
.add_row_btn_ctrl svg {
  width: 14px;
}
.add_row_btn_ctrl svg {
  width: 12px;
  margin-right: 5px;
  fill: #0e9aef;
}
.add_capture_btn.fancy_line {
  width: calc(100% - 70px) !important;
  text-align: center;
  position: absolute;
  display: inline-block;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  opacity: 0;
  height: 41px;
  z-index: 9;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
}
.add_capture_btn.fancy_line:hover {
  opacity: 1;
}
.add_capture_btn.fancy_line .add_capture_text {
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  color: #1da0f0;
  font-size: 12px;
  color: #353535;
  padding: 2px 0;
  top: 10px;
}
.add_capture_btn.fancy_line:after,
.add_capture_btn.fancy_line:before {
  height: 1px;
  background: #d5d5d6b3;
  width: calc(50% - 55px);
  position: absolute;
  content: "";
  top: 21px;
}
.add_capture_btn.fancy_line:after {
  left: 0;
}
.add_capture_btn.fancy_line:before {
  right: 0;
}
.add_capture_text i.fas.fa-plus {
  margin-right: 6px;
  font-size: 8px;
}
.add_row_above_and_below .line_highlighter {
  left: 0;
  width: 100%;
}
.add_row_above_and_below button.add_capture_dropdown_popup_button {
  left: 14px !important;
  top: -14px !important;
  background: #fff !important;
  padding: 0 8px !important;
  z-index: 999;
  font-size: 11px;
  font-weight: 700;
  color: #33333399;
}
.add_extra_meta_ctrl.add_row_above_and_below
  button.add_capture_dropdown_popup_button
  svg
  path {
  fill: #33333399;
}
.add_extra_meta_ctrl.add_row_above_and_below
  button.add_capture_dropdown_popup_button:hover
  svg
  path {
  fill: #1da0f0;
}
.add_row_above_and_below button.add_capture_dropdown_popup_button:hover {
  color: #333;
}
.add_row_above_and_below svg {
  margin-right: 6px;
  top: 1px;
  position: relative;
}
.add_extra_meta_ctrl.add_row_above_and_below
  button.add_capture_dropdown_popup_button:hover
  svg {
  opacity: 1 !important;
}
.add_row_above_and_below .line_highlighter {
  left: 0 !important;
  width: 100% !important;
}
.in_card_box .capture_extra_metadata_div:hover .add_row_above_and_below {
  display: block !important;
}
.add_extra_meta_ctrl.add_row_above_and_below {
  position: absolute;
}
.add_capture_btn.fancy_line .dot_dropdown.dropdown {
  display: inline-block;
  cursor: pointer;
}
.capture_folder_lavel_1.manage_folder_flex.parent_folder_list.active,
.capture_folder_lavel_1.manage_folder_flex.parent_folder_list[data-class="multiple_selected"],
.capture_folder_lavel_1.manage_folder_flex.parent_tag_list.active,
.capture_folder_lavel_1.manage_folder_flex.parent_tag_list[data-class="multiple_selected"],
.child_folder_list.capture_folder_lavel_two.manage_folder_flex.active,
.child_tag_list.capture_folder_lavel_2.manage_folder_flex.active {
  background: rgb(14 154 239 / 10%) !important;
  border-top: 1px solid rgb(14 154 239 / 10%) !important;
  border-bottom: 1px solid #e9e9eb !important;
}
.capture_folder_lavel_1.manage_folder_flex.parent_group_folder_list.active,
.capture_folder_lavel_1.manage_folder_flex.parent_group_folder_list[data-class="multiple_selected"] {
  background: #b6e0fa !important;
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
.add_extra_meta_ctrl.add_row_above_and_below {
  display: none !important;
}
.create_new_task_row .task_name_group_text {
  font-size: 13px;
  font-weight: 600;
  color: #333;
}
.doc_view_architecture_ctrl
  .task_popover_sidepanel
  .task_popover_flier_scroller
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: auto !important;
}
.multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container
  .arrow_icon.doc_section_collapsible {
  opacity: 1;
}
.multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container
  .capture_number {
  position: absolute;
  width: auto;
  max-width: 27px;
  color: #333;
  font-size: 14px !important;
  text-align: right;
  min-width: 40px;
  left: -48px;
}
.wrapper-clm-bg.in_full_screen_separate .multiselect_captures_div:after {
  display: none;
}
.doc_view_architecture_ctrl .capture_doc_preview_panel_section {
  border: 1px solid rgba(194, 197, 198, 0.6);
  border-radius: 6px;
  margin-bottom: 20px;
}
.doc_view_architecture_ctrl .task_data_block_container {
  background: #fff;
  border-radius: 6px;
  padding: 17px 10px 17px 6px !important;
}
.multiselect_captures_div:last-child .parent .add_capture_btn.fancy_line {
  margin: auto;
}
.doc_view_architecture_ctrl
  .capture_doc_preview_panel_section
  .capture_view_document_section_preview_box {
  border-top: 1px solid rgba(194, 197, 198, 0.6);
}
.doc_view_architecture_ctrl
  .capture_extra_metadata_div:hover
  .add_extra_meta_ctrl.add_row_above_and_below {
  display: block !important;
}
.capture_extra_metadata_div:hover
  .add_extra_meta_ctrl.add_row_above_and_below:before {
  display: none;
}
.doc_view_architecture_ctrl
  .capture_extra_metadata_div
  .add_extra_meta_ctrl.add_row_above_and_below {
  top: -5px;
  padding: 0;
}
.in_card_box
  .capture_and_metadata_options_ctrl_innr:hover
  .add_extra_meta_ctrl.add_row_above_and_below {
  display: block !important;
  bottom: -8px;
}
.add_extra_meta_ctrl .dot_dropdown:hover > button svg {
  opacity: 1 !important;
}
.cq_option_absolute.compact_quick_option_in_row .quick_option_common_sty i {
  font-size: 12px;
}
.cq_option_absolute.compact_quick_option_in_row .quick_option_common_sty svg {
  width: 13px !important;
  height: 13px !important;
}
.cq_option_absolute.compact_quick_option_in_row .quick_option_common_sty {
  width: 20px !important;
  height: 20px !important;
  opacity: 1;
  display: flex !important;
}
.row_ctrl.three_dot_click_handler.in_doc {
  opacity: 0;
  background: 0 0;
  right: 6px;
  z-index: 999;
}
.capture_extra_metadata_div:hover .row_ctrl.three_dot_click_handler.in_doc {
  opacity: 1;
}
.capture_extra_metadata_div:hover
  .cq_option_absolute.compact_quick_option_in_row {
  opacity: 1 !important;
}
.task_data_main_wrap:hover .cq_option_absolute.compact_quick_option_in_row {
  opacity: 0 !important;
}
.capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:hover
  .cq_option_absolute.compact_quick_option_in_row {
  opacity: 1 !important;
}
.row_ctrl.three_dot_click_handler.in_doc
  .table_actions
  .open_table_dropdown
  > i:hover {
  opacity: 1;
}
.capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:hover
  .row_ctrl.three_dot_click_handler.in_doc {
  opacity: 1 !important;
}
.doc_view_architecture_ctrl .capture_view_document_section_preview_box {
  padding-right: 0;
  padding-left: 0;
}
.cq_option_absolute .task_draggable_number:hover:hover {
  background: #dfdddd;
}
.doc_view_architecture_ctrl
  .capture_and_metadata_options_ctrl_innr
  .add_extra_meta_ctrl.add_row_above_and_below {
  bottom: -14px;
}
.doc_view_architecture_ctrl
  .capture_doc_preview_panel_section:hover
  .cq_option_absolute {
  opacity: 1 !important;
}
.doc_view_architecture_ctrl
  .capture_doc_preview_panel_section:hover
  .cq_option_absolute.compact_quick_option_in_row {
  opacity: 0 !important;
}
.capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:hover
  .cq_option_absolute.compact_quick_option_in_row {
  opacity: 1 !important;
}
.doc_view_architecture_ctrl
  .capture_and_metadata_options_ctrl_innr:hover
  .add_extra_meta_ctrl.add_row_above_and_below {
  display: block !important;
}
.four_column_view_dropdown.more_option_dropdown_ctrl .chevron_ctrl:before {
  content: "\f0da";
  font-size: 12px;
  margin-top: 2px !important;
  margin-left: 8px;
}
.more_option_dropdown_ctrl
  .four_column.sorting_dropdown
  .toggle-chevron.with_label.airtable {
  color: #fff;
  font-size: 14px !important;
}
.more_option_dropdown_ctrl .four_column.sorting_dropdown {
  background: 0 0 !important;
  border: 0 !important;
  color: #fff !important;
  display: flex;
  align-items: center;
}
.four_column_view_dropdown.more_option_dropdown_ctrl
  .four_column.sorting_dropdown:hover {
  background: 0 0 !important;
  border: 0 !important;
}
.four_column_view_dropdown.more_option_dropdown_ctrl
  .dropdown.open
  .chevron_ctrl:before {
  content: "\f0d7";
}
.more_option_dropdown_ctrl .dropdown-menu.dropdown_option_with_tick > a {
  padding-left: 10px;
}
.animated_ul_in_card .square_box {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background: #f5f5f7;
  margin: 10px 0;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
ul.animated_ul_in_card {
  position: absolute;
  right: 10px;
  transition: 0.25s;
  top: 0;
  opacity: 0;
  z-index: 99;
}
.animated_ul_in_card .square_box .icon_outer_span svg,
.animated_ul_in_card .square_box .icon_outer_span svg path {
  width: 14px;
  height: 14px;
  fill: rgb(51 51 51 / 0.7);
  display: block;
}
.animated_ul_in_card .square_box .icon_outer_span i {
  font-size: 13px;
  color: rgb(51 51 51 / 0.7);
  margin-right: 0;
}
.animated_ul_in_card .square_box:hover .icon_outer_span i {
  color: #0e9aef;
}
.animated_ul_in_card .square_box:hover .icon_outer_span svg,
.animated_ul_in_card .square_box:hover .icon_outer_span svg path,
.square_box:hover .icon_outer_span svg path,
.tune_dropdown_ctrl .square_box:hover:hover .icon_outer_span svg {
  fill: #333333;
}
.capture_view_outer_inner_wrap.preview_panel:hover .dropdown.tune_dropdown_ctrl,
.capture_view_outer_inner_wrap.preview_panel:hover ul.animated_ul_in_card,
.capture_view_outer_inner_wrap.with_border:hover .dropdown.tune_dropdown_ctrl,
.capture_view_outer_inner_wrap.with_border:hover ul.animated_ul_in_card,
.note_capture_active:hover ul.animated_ul_in_card {
  right: 15px;
  opacity: 1;
}
.animated_ul_in_card .square_box:hover {
  background-color: rgb(226 243 253);
  border: 1px solid #0e9aef;
}
.upload_box_wrapper.upload_box_in_card {
  height: 100%;
  width: 100%;
  padding: 20px 20px 10px 20px;
}
.upload_box_wrapper.upload_box_in_card .uploadBox.transloadit-drop-area {
  margin-top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #c2c6cb;
  border-width: 1px;
  padding: 20px 80px;
  background: #f5f5f7;
}
.upload_box_wrapper.upload_box_in_card .uploadBox p {
  font-size: 14px;
  margin-top: 16px;
}
.upload_box_wrapper.upload_box_in_card .uploadBox p a.upload_capture {
  font-size: 14px;
}
.upload_box_wrapper.upload_box_in_card .capture_type_icon_on_upload {
  width: 60px;
  height: auto;
}
.upload_box_wrapper.upload_box_in_card.active .uploadBox.transloadit-drop-area {
  border: 1px dashed #0e9aef;
}
.upload_box_wrapper.upload_box_in_card.active .uploadBox.transloadit-drop-area {
  background: #e6f5fe;
}
.video_preview {
  max-height: 360px;
  overflow: hidden;
}
.doc_view_architecture_ctrl .capture_and_metadata_options_ctrl_innr {
  border-top: 1px solid rgba(194, 197, 198, 0.6);
}
.checkbox_ctrl.select_field.s_wh_28 .capture_select_checkbox {
  margin: 0;
  height: 12px !important;
}
.doc_view_architecture_ctrl
  .task_data_main_wrap
  .in_preview_panel
  .task_name_text {
  color: #0e9aef;
}
.capture_header_in_canvas
  .three_dot_dropdown_on_top.three_dot_dropdown_in_card {
  z-index: 9999999;
}
.capture_card_content_structure .content_structure_inner {
  padding: 0 15px;
}
.content_structure_inner .dropdown_toggle_div {
  background: #f5f5f7;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  color: rgba(55, 53, 47, 0.6);
  font-size: 13px;
  font-weight: 400;
  border-radius: 3px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.content_structure_inner .dropdown_toggle_div:hover {
  background-color: #ececec;
}
.dropdown_toggle_div .capture_type_icon svg {
  margin-right: 7px;
  height: 15px;
  width: 15px;
  display: block;
}
.capture_folder_tabs_top.location_tabs_top .tab_item {
  display: inline-flex;
  width: auto;
  align-items: center;
  padding: 10px 0;
  margin: 0 10px 0 0;
}
.capture_folder_tabs_top.location_tabs_top .tab_item:last-child {
  margin-right: 0;
}
.capture_folder_tabs_top.location_tabs_top .tab_item .tab_icon_ctrl svg {
  display: block;
}
.upload_box_wrapper.upload_box_in_card .uploadBox .capture_support_info {
  font-size: 12px;
  font-weight: 600;
  color: rgb(79 79 79 / 0.58);
  margin-top: 10px;
  line-height: initial;
}
.capture_folder_tabs_top.location_tabs_top {
  display: flex;
  padding: 0 20px;
}
.dropdown-menu.add_url_popover label .required {
  color: red;
  font-size: 13px;
  display: inline-block;
  margin-left: 1px;
}
.dropdown-menu.add_url_popover {
  width: 382px;
}
.capture_card_content_structure .dropdown-menu.arrow_box_top:after,
.capture_card_content_structure .dropdown-menu.arrow_box_top:before {
  left: 50%;
  transform: translate(-50%);
}
.capture_card_content_structure .dropdown-menu.arrow_box_top:before {
  margin-left: 1px;
}
.dropdown-menu.arrow_box_top.dropdown-center {
  margin: auto;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  margin-top: 10px;
}
.capture_card_content_structure.blank_url_block
  .modal-footer.add_url_footer_ctrl
  button {
  height: 30px;
  display: inline-flex;
  align-items: center;
}
.dropdown-menu.add_url_popover.arrow_box_top.dropdown-center
  .add_url_inner_content_wrap {
  padding: 20px 20px;
}
.dropdown-menu.add_url_popover .form_input_group_ctrl .form-group {
  margin-bottom: 0;
}
.in_card_box
  .capture_and_metadata_options_ctrl_innr
  .add_extra_meta_ctrl.add_row_above_and_below {
  bottom: -8px;
}
.capture_and_metadata_options_ctrl_innr
  .add_extra_meta_ctrl.add_row_above_and_below {
  bottom: -15px;
}
.capture_and_metadata_options_ctrl_innr:hover
  .add_extra_meta_ctrl.add_row_above_and_below {
  display: block !important;
}
span.save_btn_group.dc_save_btn_hidden {
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  color: rgba(55, 53, 47, 0.4) !important;
}
.save_btn_group.dc_save_btn_hidden.dc_saved_btn_active {
  opacity: 1;
}
.project-div.project_cv_div.location_in_connect_to_task {
  border: 1px solid #d4d8db;
}
ul.nav-list-ul.second-level-item > li a {
  padding: 0;
  line-height: normal;
  margin: 0;
  border-radius: 3px;
  font-size: 13px;
  width: 100%;
  padding: 6px 10px;
  user-select: none;
}
ul.nav-list-ul.second-level-item > li {
  padding: 0;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
  white-space: nowrap;
  user-select: none;
}
.nav-list-ul.second-level-item.dropdown-menu > li:hover {
  color: #252222;
  background-color: #f5f5f5;
}
li.dropdown_list_main.dropdown.open > a {
  background: 0 0;
}
li.dropdown_list_main.dropdown span.chevron_ctrl {
  display: inline;
  margin-left: 12px;
}
li.dropdown_list_main.dropdown span.chevron_ctrl:before {
  content: "\f0da";
  font-size: 12px;
  margin-top: 2px !important;
  margin-left: 8px;
  position: absolute;
}
li.dropdown_list_main.dropdown.open a .chevron_ctrl:before {
  content: "\f0d7";
}
ul.nav-list-ul.second-level-item.dropdown-menu.dropdown-right {
  overflow: hidden;
  margin-top: 5px;
}
ul.nav-list-ul.second-level-item > li a.active {
  background-color: #0e9aef;
  color: #fff;
}
.extra_option_button + ul.nav-list-ul.second-level-item.dropdown-menu.no-inset {
  top: 40px !important;
  bottom: auto !important;
}
.in_metadata_sidepanel .capture_label_field {
  width: 100%;
}
.in_card_box .create_task_form_scroller {
  max-height: 350px;
  height: auto !important;
  overflow: auto;
}
.in_card_box
  .create_task_form_scroller
  .create_new_task_row
  .capture_numbering_thumb.task_status_box {
  position: relative;
  top: 0;
  left: 0;
  margin-left: 0;
}
.in_card_box .create_task_form_scroller .create_new_task_row {
  display: flex;
  align-items: center;
}
.in_card_box .add_task_popup.task_popover_sidepanel {
  border: 1px solid #dadee0;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  z-index: 9;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
  width: 338px;
  z-index: 9999;
}
.in_card_box .create_task_form_scroller > .form-group {
  margin-bottom: 6px;
}
.in_card_box .show_task_detail_popup.task_popover_sidepanel {
  border: 1px solid #dadee0;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  z-index: 99999;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  width: 338px;
}
.in_card_box
  .preview_pane_scroll.detect_attachment_hover_class
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: 100% !important;
}
.in_card_box
  .show_task_detail_popup.task_popover_sidepanel
  .meta_data_option_flex
  .capture_action_btn.in_task_flier {
  height: 24px;
  width: 24px;
}
ul.inner_sidebar_ctrl > li > svg#Videos {
  width: 13px;
}
.arrow_icon.doc_section_collapsible.in_merged_header {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  margin-top: 0;
}
.cq_option_absolute.compact_quick_option_in_row {
  left: -30px !important;
  top: 0;
}
.quick-menu-item-top-choices {
  display: flex;
  align-items: center;
  padding: 5px 5px;
  border-bottom: 1px solid #d4d8db;
}
.quick-menu-item-top-choices .quick_menu_item_box_top {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  border-radius: 3px;
  cursor: pointer;
}
.quick-menu-item-top-choices .quick_menu_item_box_top i {
  font-size: 13px;
  color: #878f96;
}
.quick-menu-item-top-choices .quick_menu_item_box_top:hover {
  background: #ebebed;
}
.quick-menu-item-top-choices .quick_menu_item_box_top:hover:hover i {
  color: #333;
}
a.quick_menu_item_box_top.delete_icon_box_link:hover {
  background: #ff000029;
}
.quick_menu_item_box_top.delete_icon_box_link:hover i {
  opacity: 1;
  color: #ed4758 !important;
}
.quick_menu_item_box_top.delete_icon_box_link i {
  color: #ed4758 !important;
  opacity: 0.8;
}
.dropdown-menu.theme_dropdown_with_icon_text > a > svg#panel_1 path#Path-2 {
  fill: #fff !important;
}
.dropdown-menu.theme_dropdown_with_icon_text > a > svg path#Path-3,
.dropdown-menu.theme_dropdown_with_icon_text > a > svg path#Path-4,
.dropdown-menu.theme_dropdown_with_icon_text > a > svg path#Path-5 {
  fill: #4f4f4f;
}
.dropdown-menu.theme_dropdown_with_icon_text
  > a
  > svg#panel_1
  pat.cq_option_absolute.compact_quick_option_in_rowh#Path {
  fill: #798292;
}
.round_bracket_gray_text {
  color: #9a9898;
  font-size: 13px;
  font-weight: 600;
  margin-left: 3px;
}
.quick_menu_item_box_top.active i {
  color: #e3b51e;
}
.quick-menu-item-top-choices .quick_menu_item_box_top.active:hover i {
  color: #e3b51e !important;
}
ul.left_side_drop_down_menu_class.in_folder_three_dot > a {
  padding-left: 17px;
}
#tag.tag_section_in_left_sidebar input#newSubTagEditInput {
  padding: 0 4px 2px 4px !important;
}
.tree-node.active > .tree-node-inner-back:before {
  top: 0;
}
.tree-node.active > .tree-node-inner-back:after,
.tree-node.active > .tree-node-inner-back:before {
  content: "";
  position: absolute;
  height: 1px;
  background: #0e9aef;
  bottom: 0;
  width: 100%;
  left: 0;
}
.tree-node > .tree-node-inner-back {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_thumb_details {
  width: 100%;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl {
  display: flex;
  flex: 1;
}
.section_hover_active {
  background-color: #e7e7ec;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  .project_level_dropdown,
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .section_hover_active
  .dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.tag_three_dot,
.dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.assignee_three_dot.active_assignee_three_dot,
.dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown,
.section_hover_active
  .dropdown.project_heading_advance_settings_ctrl.three_dots_dropdown_div.project_level_dropdown,
.section_hover_active
  .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown {
  background: 0 0 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.dropdown-right.folder-selected-list-header-dropdown {
  max-width: 216px !important;
  width: auto !important;
  padding: 0 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.dropdown-right.folder-selected-list-header-dropdown.email-conversation-dropdown {
  min-width: 167px !important;
  width: auto !important;
  padding: 0 !important;
}
.tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg.iconbg_transparent {
  background: 0 0;
  border: 0;
}
.capture_label_field .field_with_label .tag-container.dropdown {
  position: unset;
}
.sub_capture_item_row.capture_row-highlighted
  .child_capture_name.new_added_capture_textarea {
  width: 100%;
  border: 1px solid #0e9aef !important;
  height: 34px;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 4px 10px;
}
.animated_ul_in_card .square_box .capture_action_btn {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.thumbnail-large_active
  #add_new_task_div_id
  .task_list_ctrl
  .cancel_new_task_placeholder,
.thumbnail-medium_active
  #add_new_task_div_id
  .task_list_ctrl
  .cancel_new_task_placeholder,
.thumbnail-small_active
  #add_new_task_div_id
  .task_list_ctrl
  .cancel_new_task_placeholder {
  top: 11px;
  position: absolute;
  right: -4px;
}
.thumbnail-large_active #add_new_task_div_id .task_list_ctrl,
.thumbnail-medium_active #add_new_task_div_id .task_list_ctrl,
.thumbnail-small_active #add_new_task_div_id .task_list_ctrl {
  flex-direction: column;
}
.thumbnail-medium_active
  #add_new_task_div_id
  .task_list_ctrl
  input.task_name.cp_task_name.editable_content.cp_task_name_hover::placeholder,
.thumbnail-small_view_active
  #add_new_task_div_id
  .task_list_ctrl
  input.task_name.cp_task_name.editable_content.cp_task_name_hover::placeholder {
  font-weight: 600;
  color: #333;
  font-size: 12px;
}
.thumbnail-large_active
  #add_new_task_div_id
  .task_name_other_assets
  .task_name.cp_task_name,
.thumbnail-medium_active
  #add_new_task_div_id
  .task_name_other_assets
  .task_name.cp_task_name,
.thumbnail-small_active
  #add_new_task_div_id
  .task_name_other_assets
  .task_name.cp_task_name {
  padding: 0 14px 0 0 !important;
}
.section_hover_active
  .dropdown.project_heading_advance_settings_ctrl.three_dots_dropdown_div.project_level_dropdown
  i,
.section_hover_active
  .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown
  i,
.section_hover_active
  .project_level_dropdown.project_heading_advance_settings_ctrl
  > span
  > i {
  opacity: 1 !important;
  color: #465369 !important;
}
.page-wrapper.no-sidebar.login .form-group input.form-control {
  border-radius: 6px;
}
.in_card_box .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 690px);
}
.dropdown-menu.theme_dropdown_with_icon_text > a > svg.heading_svg {
  width: 9px !important;
  margin-right: 12px;
}
.add_url_popup.compact_popup_ui.slide.ff_slide_animation {
  position: absolute;
  top: 0;
  background: #fff;
  z-index: 999;
  right: -220px;
  transition: 0.25s;
  width: 220px !important;
  min-width: 220px !important;
  display: inline-table !important;
}
.add_url_popup.compact_popup_ui.ff_slide_animation.slide_animation_active {
  right: 0 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.animated_dropdown.animated_dropdown {
  overflow: hidden;
  width: 220px !important;
}
.ff_slide_animation .modal-title.modal-large-heading {
  text-align: center;
  font-size: 13px;
}
.ff_slide_animation .dropdown_header_flex {
  padding: 10px;
  border-bottom: 1px solid #dadce0;
}
.ff_slide_animation .go_back_btn {
  top: 8px;
  width: 24px;
  height: 24px;
  left: 4px;
  background: #fff;
}
.ff_slide_animation .modal-title.modal-large-heading {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}
.capture_dropdown_body {
  padding: 10px 10px;
  height: calc(100vh - 686px) !important;
  overflow: auto;
  overflow-x: hidden;
}
.ff_slide_animation .form-group textarea {
  min-height: 90px;
  max-height: 120px;
  height: auto;
}
.ff_slide_animation .capture_dropdown_common_footer {
  text-align: right;
  padding: 6px 10px;
  border-top: 1px solid #dadce0;
}
.ff_slide_animation .capture_dropdown_common_footer button {
  height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 6px 8px;
}
.ff_slide_animation .form-group .form-control {
  height: 30px;
  border-radius: 3px;
  padding: 6px 8px;
  line-height: 30px;
}
.ff_slide_animation .go_back_btn:hover i.fas.fa-chevron-left {
  color: #333;
}
.ff_slide_animation .go_back_btn i.fas.fa-chevron-left {
  color: #9b9c9e;
  font-size: 11px;
}
.ff_slide_animation .go_back_btn:hover {
  background: #e8e8e8 !important;
}
.capture_dropdown_body .add_note_inner_content_wrap {
  padding: 0;
}
button.quick_search_folder_btn {
  background: #0e9aef;
  height: 28px;
  border: 0;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  padding: 0 12px;
  font-weight: 600;
}
button.quick_search_folder_btn svg {
  margin-right: 8px;
  width: 13px;
  fill: #fff;
  position: relative;
  top: 2px;
}
.no_item_selected_wrapper.in_2nd_panel_view {
  height: 100%;
  width: 100%;
  position: relative;
  top: 0;
  background: #f4f6f7;
  z-index: 99;
  border-radius: 6px;
}
.no_item_selected_wrapper.in_2nd_panel_view p i {
  font-size: 12px;
}
.no_item_selected_wrapper.in_2nd_panel_view p i {
  font-size: 10px;
  position: relative;
  top: -1px;
  left: -7px;
}
.no_item_selected_wrapper.in_2nd_panel_view .no_item_selected_innr_ctrl.v2 {
  height: 338px;
}
.no_item_selected_wrapper.in_2nd_panel_view p.mt-0.pt-0 {
  font-size: 13px;
  opacity: 1;
  line-height: 20px;
}
.du_select_folder_main {
  width: 100%;
}
.du_select_folder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0e9aef;
  color: #0e9aef;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 15px;
  border-radius: 4px;
  cursor: pointer;
}
.du_select_folder:hover {
  background-color: #0e9aef;
  color: #fff;
}
.du_select_folder svg {
  width: 18px !important;
  height: auto !important;
  margin: 0 8px 0 0;
  stroke: #0e9aef !important;
}
.du_select_folder:hover svg {
  stroke: #ffffff !important;
}
.project-variable.thumbnail-large,
.project-variable.thumbnail-medium,
.project-variable.thumbnail-small {
  display: none;
}
.dropdown-menu.tune_dropdown_on_capture .custom-filed-list li .svg_icon i,
.dropdown-menu.tune_dropdown_on_capture .custom-filed-list li .svg_icon svg {
  margin-left: 0 !important;
  display: block;
  width: 14px !important;
  min-width: 14px;
}
.dropdown-menu.tune_dropdown_on_capture .custom-filed-list li {
  padding: 4px 8px !important;
}
.dropdown-menu.tune_dropdown_on_capture {
  width: 200px;
}
.dropdown-menu.tune_dropdown_on_capture .custom-filed-list li .svg_icon {
  width: 22px;
  display: inline-block;
}
.create_task_form_scroller .custom_quil_comment_box .ql-toolbar.ql-snow {
  display: none;
}
.task_side_panel_ui_ctrl.create_task_ui_ctrl
  .create_task_form_scroller
  .form-group:nth-child(2) {
  margin-bottom: 0;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .multi-assignee-wrapper
  .assignee-icon
  .remove_assignee {
  position: static;
  opacity: 0;
  margin-left: 5px !important;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-icon.dropdown:hover
  .remove_assignee {
  opacity: 1;
}
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .assignee-container.dropdown
  .add_tags_dropdown_icon_ctrl:hover,
.create_task_input_wrap
  .preview_pane_top_header_main.no-padding.no-border
  .project-div
  .project-icon.dropdown
  .add_tags_dropdown_icon_ctrl:hover {
  background: 0 0;
}
.capture_view_outer_inner_wrap.preview_panel_outline_view:hover
  .animated_ul_in_card {
  opacity: 1;
  right: 15px;
}
.no_result_found.in_left_side_panel {
  position: absolute;
  height: 100%;
  background: #f5f5f7;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #dadce0;
}
.no_result_found.in_left_side_panel .no_data_found_innr_ctrl svg {
  max-width: 100px;
  height: 100px;
}
.no_result_found.in_left_side_panel .no_data_found_innr_ctrl {
  height: auto !important;
  position: static;
  padding-top: 0;
}
.capture_extra_metadata_div_main_section .capture_extra_metadata_div {
  position: relative;
}
.time_tarck_item_left .add_tags_dropdown_icon_ctrl:hover {
  background: 0 0;
}
.modify_time_entry_innr_ctrl .tags_area_ctrl.border_container i.fas.fa-tags {
  margin-right: 4px;
}
.modify_time_entry_innr_ctrl .tags_area_ctrl.border_container {
  padding-left: 10px;
}
.modify_time_entry_innr_ctrl
  .tags_area_ctrl.border_container
  .add_tags_dropdown_icon_ctrl:hover {
  background: 0 0;
}
.icon_outer_span svg path,
.tune_dropdown_ctrl .icon_outer_span svg {
  width: 14px;
  height: 14px;
  fill: rgb(51 51 51 / 0.7);
  display: block;
}
.tune_dropdown_ctrl .square_box {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background: #f5f5f7;
  margin: 10px 0 0;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.dropdown.tune_dropdown_ctrl {
  top: 0;
  position: absolute;
  right: 10px;
  opacity: 0;
  transition: 0.25s;
}
.tune_dropdown_ctrl .square_box:hover {
  background-color: #ebebed;
  border: 1px solid transparent;
}
.task_data_main_wrap:hover .dropdown.tune_dropdown_ctrl {
  right: 15px !important;
  opacity: 1;
}
.dropdown.tune_dropdown_ctrl.open {
  opacity: 1 !important;
  right: 15px !important;
}
.task_data_main_wrap:hover .animated_ul_in_card {
  opacity: 1;
  right: 15px !important;
}
.dropdown.tune_dropdown_ctrl.open .icon_outer_span svg,
.dropdown.tune_dropdown_ctrl.open .icon_outer_span svg path {
  fill: #333333;
}
.tune_dropdown_ctrl.open .square_box {
  background-color: #ebebed;
  border: 1px solid transparent;
}
.task_data_main_wrap .notepad-editor-wrapper {
  height: auto;
}
.list_header_inner_main,
.list_sub_header_main,
.second_capture_common_header_inner,
.top_unique_common_merge_header .preview_pane_top_header_main {
  height: 40px;
}
.image_capture_active ul.animated_ul_in_card {
  top: 35px;
}
.capture_list_dropdown_inner .custom_element_header_ctrl {
  border-top: 1px solid #e9e9eb;
}
.is_popup_full_modal_view
  .capture_list_dropdown_full_modal_popup.display_all_capture_side_panel {
  border-top: 0 !important;
}
.is_popup_full_modal_view
  .main_sidepanel_ctrl_for_verticalBar
  .preview_pane_scroll.detect_attachment_hover_class.meta_data_area_in_side_panel
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 121px) !important;
}
.capture_module_line_view_ctrl.ml-0.three_dot_dropdown_on_top
  .dropdown-menu.theme_dropdown_with_icon_text.dropdown-right {
  margin-top: 4px;
}
.assignee_col_dropdown_ctrl.folder_dropdown_ctrl input#newSubFolderEditInput {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 1px solid #0e9aef;
  padding: 0 5px;
  color: #333;
  font-size: 13px;
}
.second_capture_common_header_ctrl .task_data_block_container {
  padding: 10px 0 !important;
}
.canvas_edit_compact_view.capture_edit_popup_on_top
  .preview_panel_scroll_ctrl
  .bottom_section_ctrl.in_metadata_sidepanel.all_tab_preview_active {
  height: calc(100vh - 196px) !important;
}
.side_bar_for_time_track .scroll-area-time-entries.manual_mode_active,
.side_bar_for_time_track .scroll-area-time-entries.range_mode_active {
  height: calc(100vh - 422px);
}
.is_popup_full_modal_view .count_task_view_dropdown_inner .task_wrap_bg_ctrl {
  height: calc(100vh - 163px);
}
.is_popup_full_modal_view
  .task_side_panel_ui_ctrl.create_task_ui_ctrl
  .create_task_form_scroller {
  height: calc(100vh - 181px);
}
.is_popup_full_modal_view
  .full_screen_separate_capture
  .capture_comment_in_sidepanel
  .capture_comment_activity
  .tab-pane {
  height: calc(100vh - 120px);
}
.image_modal_popup_vertical_bar.in_canvas.capture_list_dropdown_full_modal_popup.in_canvas
  .count_task_view_dropdown_inner
  .task_wrap_bg_ctrl {
  height: calc(100vh - 173px);
}
.image_modal_popup_vertical_bar.feedback_sidepanel.in_canvas.capture_list_dropdown_full_modal_popup.in_canvas
  .task_side_panel_ui_ctrl.create_task_ui_ctrl
  .create_task_form_scroller {
  height: calc(100vh - 308px);
}
.task_wrap_bg_ctrl .task_rec_content_wrap:last-child {
  margin-bottom: 0;
}
.add_task_popup.task_popover_sidepanel
  .create_task_input_wrap
  .conversation_preview_pane_main_wrapper
  .project_cv_div
  .multi-assignee-wrapper
  .selected_item_flex_ctrl {
  display: flex;
  align-items: center;
  width: 100%;
}
.metadata_option_ctrl.toggle-chevron.metadata_bg:hover
  .remove_assignee.remove_project.remove_duTRAe_date {
  opacity: 1 !important;
  display: flex !important;
  margin: 0 5px !important;
}
.metadata_option_ctrl.toggle-chevron.metadata_bg
  .multi-assignee-wrapper
  .assignee-icon.cp_multiple_assignee
  .selected_item_flex_ctrl {
  width: 100%;
  display: flex;
  align-items: center;
}
.metadata_option_ctrl.toggle-chevron.metadata_bg
  .task_creation_tag_common_btn
  .due-date.schedule_calendar_ctrl
  .due_date_present
  .selected_due_date_span {
  width: auto;
}
.metadata_option_ctrl.toggle-chevron.metadata_bg
  .project-div.project_cv_div.folder-dropdown-div
  .project-icon.dropdown
  .project-variable {
  max-width: 230px;
}
.metadata_option_ctrl.toggle-chevron.metadata_bg:hover
  .remove_assignee.remove_project.remove_due_date {
  display: flex !important;
  opacity: 1;
  margin: 0 5px;
}
.conversation_preview_pane_main_wrapper.trash_preview_panel_ctrl
  .preview_pane_top_header_main {
  padding: 6px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.merged_capture_parent.in_card_box.new_merge_heading_in_standard_view.merge_header_in_trash {
  padding: 0 10px;
  height: 40px;
  background: #fff;
  border-top: 1px solid #e9e9eb;
  border-bottom: 1px solid #e9e9eb;
  display: flex;
  align-items: center;
}
.time_tarck_item_left
  .tag-div.dropdown.add_tags_dropdown_icon_ctrl.openTagModifyEntry
  .add_tags_dropdown_icon_ctrl.dropdown-toggle {
  padding: 0;
}
.time_tarck_item_left
  .tag-div.dropdown.add_tags_dropdown_icon_ctrl.openTagModifyEntry {
  width: auto;
}
.capture_discrition_area.select_task_input_container
  .magic_client_dropdown.count_task_view_dropdown {
  width: 300px;
  max-width: 300px;
}
.capture_discrition_area.select_task_input_container
  .magic_client_dropdown.count_task_view_dropdown
  .task_wrap_bg_ctrl {
  max-height: 322px;
  height: auto;
  padding: 15px 19px;
}
.selected_task_radius_input {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  font-size: 13px;
  color: #333;
  border: 1px solid #e5e6e7;
  padding: 8px 26px 8px 10px;
  font-weight: 600;
  border: 1px solid #24a2ef;
}
.create_new_task.in_time_track {
  font-size: 13px;
  align-items: center;
  cursor: pointer;
  display: inline-block;
  padding: 4px 6px;
  border-radius: 3px;
}
.create_new_task.in_time_track i {
  font-size: 11px;
  margin-right: 3px;
  color: #0e9aef !important;
}
.create_new_task.in_time_track:hover {
  background: #e9e9eb;
  color: #333;
}
.task_wrap_bg_ctrl.no_padding {
  padding: 6px !important;
}
.selected_task_radius_input .task_name_placeholder {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.comment_text_bg .rc-image {
  display: block;
}
.attachment_by_slash > div:last-child .rc-image {
  margin-bottom: 0;
}
.attachment_by_slash .rc-image {
  margin-bottom: 10px;
}
.capture_extra_metadata_div_main_section .notepad-editor-wrapper {
  left: 0;
  width: 100%;
  overflow: unset !important;
}
.capture_extra_metadata_div_main_section
  .notepad-editor-wrapper
  .content.notepad-editor-content-editable {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
  padding-left: 0 !important;
  background: 0 0;
  font-size: 13px;
  color: #676a6c;
  word-break: break-all;
}
.capture_extra_metadata_div .notepad-editor-parent p:focus {
  background: #fff;
}
.capture_extra_metadata_div .notepad-editor-parent {
  padding-right: 10px;
}
.capture_extra_metadata_div.capture_live_edit_section {
  min-height: 42px;
  float: left;
  width: 100%;
  padding: 12px 15px 12px 15px;
}
.section_hover_active .project_list_item_count {
  display: none;
}
.disabledEditingOnSearch .notepad_working_area_container {
  pointer-events: none;
}
.section_hover_active .captures_count {
  display: none;
}
li.add_dragover_class.custom_capture_assigne_list.active
  .dropdown.project_heading_advance_settings_ctrl.project_level_dropdown.assignee_three_dot.active_assignee_three_dot {
  background: 0 0 !important;
}
.section_hover_active .project_list_item_count {
  display: none;
}
.section_hover_active.rc-tree-treenode.rc-tree-treenode
  .on_hover_count_visibility_0 {
  opacity: 0;
}
.add_dragover_class.custom_capture_tag .task_draggable_number.rcl {
  top: 7px;
}
.add_dragover_class.custom_capture_tag .task_draggable_number.rcl svg {
  width: 14px;
  height: 14px;
}
.custom_capture_tag.tag_label_1
  .list_have_child_span.collapse_icon_sidebar
  span.caret_icon
  i {
  top: -2px;
}
.capture_extra_metadata_div.capture_live_edit_section.row_action_dropdown_active:before {
  border: 1px solid #0e9aef;
  background-color: rgba(182, 224, 250, 0.4);
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.capture_extra_metadata_div.capture_live_edit_section
  .notepad_working_area_container {
  background: 0 0;
}
.capture_extra_metadata_div.capture_live_edit_section
  .notepad_working_area_container
  .notepad_working_area {
  background: 0 0;
}
.capture_view_outer_inner_wrap.with_background.stretch_image
  .image_preview
  > img.view-bug-image-rcl[lazy="loading"] {
  max-width: 195px !important;
}
.ql-mention-list-container.ql-mention-list-container-top.slash_dropdown_top.slash_dropdown.in_comment_box {
  align-items: flex-end;
}
.in_card_box
  .show_task_detail_popup.task_popover_sidepanel
  .preview_pane_Comments_and_activity
  .section-title {
  line-height: revert;
}
.in_card_box
  .show_task_detail_popup.task_popover_sidepanel
  .tab-content
  .comments_area.comment_area_right.comment_area_byself {
  padding-left: 0;
}
.in_card_box .show_task_detail_popup.task_popover_sidepanel .tab-content {
  padding: 0 5px 0 10px;
}
.count_with_tooltip.in_list_header .number_with_bracket {
  padding-left: 6px;
  color: #0e9aef;
  margin: 0;
  line-height: 22px;
}
.count_with_tooltip.in_list_header {
  display: flex;
  align-items: center;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl .square_box {
  box-shadow: none;
  margin-top: 0;
  width: 24px;
  height: 24px;
  background: #fff;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl {
  position: relative;
  opacity: 1;
  transition: none;
  display: flex;
  right: 0 !important;
  margin-right: 5px;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl
  .square_box:hover
  .icon_outer_span
  svg,
.dropdown.tune_dropdown_ctrl.all_capture_ctrl
  .square_box:hover
  .icon_outer_span
  svg
  path {
  fill: #333333;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl .square_box:hover {
  background-color: #ebebed;
  border: 0;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl.open .square_box {
  background-color: #ebebed;
  border: 0;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl.open
  .square_box
  .icon_outer_span
  svg,
.dropdown.tune_dropdown_ctrl.all_capture_ctrl.open
  .square_box
  .icon_outer_span
  svg
  path {
  fill: #333333;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl
  .dropdown-menu.tune_dropdown_on_capture {
  width: 250px;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl .icon_outer_span svg {
  width: 13px;
  height: 13px;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl.open {
  right: 0;
}
.preview_loader.in_outline_popup {
  z-index: 99999999;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 0;
}
.overflow_attachment_count {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000087;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 600;
  top: 0;
  left: 0;
}
.multiple_attachment_container .capture_coment_attachment:first-child {
  margin-left: 0;
}
.multiple_attachment_container .capture_coment_attachment img {
  height: auto;
  width: auto !important;
  max-height: 300px;
  max-width: initial !important;
  min-width: auto;
}
.multiple_attachment_container {
  align-items: center;
  width: 240px;
  position: relative;
  display: inline-block;
}
.multiple_attachment_container .capture_coment_attachment {
  margin: 0 0 5px 0;
  height: 117px;
  float: left;
  width: calc(50% - 3px);
  display: flex;
  border: 1px solid rgb(201 202 203 / 40%);
}
.multiple_attachment_container .capture_coment_attachment:first-child {
  margin-right: 5px;
}
.multiple_attachment_container .capture_coment_attachment:last-child {
  margin-left: 5px;
}
.multiple_attachment_container .capture_coment_attachment:nth-child(3),
.multiple_attachment_container .capture_coment_attachment:nth-child(4) {
  margin-bottom: 0;
}
.multiple_attachment_container .capture_coment_attachment:nth-child(4) {
  margin-left: 5px;
}
.multiple_attachment_container .capture_coment_attachment:first-child,
.multiple_attachment_container .capture_coment_attachment:nth-child(3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.multiple_attachment_container .capture_coment_attachment:first-child {
  border-top-left-radius: 0;
}
.multiple_attachment_container .capture_coment_attachment:first-child img,
.multiple_attachment_container .capture_coment_attachment:nth-child(3) img {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.multiple_attachment_container .capture_coment_attachment:nth-child(2),
.multiple_attachment_container .capture_coment_attachment:nth-child(4) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.multiple_attachment_container .capture_coment_attachment:nth-child(2) img,
.multiple_attachment_container .capture_coment_attachment:nth-child(4) img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.overflow_attachment_count span.plus {
  position: relative;
  display: inline-flex;
  top: -2px;
}
.image_overlay_on_hover {
  position: absolute;
  height: 100%;
  display: flex;
  text-align: initial;
  top: 0;
  width: 100%;
  background: #00000087;
  opacity: 0;
  transition: ease 0.1s;
  left: 0;
}
.capture_coment_attachment:hover .image_overlay_on_hover {
  opacity: 1;
}
.capture_attachment_details .attachment-name {
  font-weight: 600;
  font-size: 13px;
  width: 100%;
  color: #fff;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.image_overlay_on_hover .capture_attachment_details .attach-detail {
  display: flex;
  width: calc(100% - 30px);
}
.merged_capture_menu_main_ctrl .draggable_placeholder_row_element {
  position: absolute;
  display: none !important;
}
.screenshot-modal-wrapper.canvas_edit_compact_view
  .live_add_task_popover
  .bottom_section_ctrl.in_metadata_sidepanel.each_tab_section_ctrl {
  height: auto !important;
}
.screenshot-modal-wrapper.canvas_edit_compact_view
  .live_add_task_popover
  .no_connected_task.in_sidepanel {
  height: calc(100vh - 688px) !important;
}
.screenshot-modal-wrapper.canvas_edit_compact_view
  .live_add_task_popover
  .common_section {
  border-top: 0;
}
.task_tab_content_inner.create_task_bg.create_task_in_context
  .create_task_form_scroller.live_create_task_popover {
  height: calc(100vh - 614px) !important;
}
.capture_discrition_area.select_task_input_container
  .magic_client_dropdown.count_task_view_dropdown
  .task_rec_content_wrap {
  padding: 8px 8px 8px 8px;
  margin: 0 0 6px 0;
}
.screenshot-modal-wrapper.canvas_edit_compact_view
  .show_task_detail_popup.task_popover_sidepanel {
  width: 338px;
}
.modify_time_entry_innr_ctrl
  .connect-task-div.dropdown
  .select_task_in_modify_entry {
  width: 260px;
  min-width: auto;
  margin-right: 0;
  left: -260px !important;
}
.modify_time_entry_innr_ctrl
  .connect-task-div.dropdown
  .select_task_in_modify_entry
  .task_rec_content_wrap {
  padding: 8px;
  margin: 0 0 6px 0;
}
.modify_time_entry_innr_ctrl
  .connect-task-div.dropdown
  .select_task_in_modify_entry
  .task_wrap_bg_ctrl {
  padding: 6px;
}
.task_tab_content_inner.create_task_bg.create_task_in_context {
  width: 338px;
}
.image_modal_popup_vertical_bar.in_canvas.capture_list_dropdown_full_modal_popup.in_canvas
  .task_wrap_bg_ctrl.connected_task_panel_active {
  height: calc(100vh - 130px);
}
.task_wrap_bg_ctrl.connected_task_panel_active {
  height: calc(100vh - 186px);
}
.is_popup_full_modal_view .task_wrap_bg_ctrl.connected_task_panel_active {
  height: calc(100vh - 161px);
}
.capture_inbox_splitter_wrapper.four_column_ui
  .capture_inbox_splitter_inner.trash_is_open
  .vue_splitter_wrapper.preview_pane_is_opened {
  width: calc(100% - 58px) !important;
}
.capture_inbox_splitter_inner.trash_is_open
  .splitpanes__pane.vue_splitter_pane.capture_detail_captures.conversation_view_detail_panel {
  border-radius: 6px;
  border-right: 1px solid #dadce0 !important;
}
button.browser_btn.in_new_card.no-margin svg.three_dot_loader {
  width: 18px;
  margin-right: 5px;
}
.capture_module_line_view_ctrl.three_dot_dropdown_in_card
  .capture_action_btn
  i.fas.fa-star {
  margin-right: 7px;
}
.multiple_attachment_container .capture_attachment_details .attachment-name {
  width: 100px;
}
.capture_coment_attachment.extra_element_hidden .image_overlay_on_hover {
  display: none;
}
.ql-float-button .ql-float-button__toggle {
  left: 5px;
  width: 16px;
  height: 16px;
  position: absolute;
}
.metadata_in_sidepanel.capture_comment_in_sidepanel
  .capture_coment_attachment
  img {
  width: 100%;
}
.full_screen_separate_capture_innr
  .cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl.capture_view_architecture_ctrl {
  padding: 0 0 !important;
}
.block_ctrl_innr {
  display: flex;
  flex-direction: column;
}
.capture_extra_metadata_div .note_capture_active .ql-editor .rc-blockqoute {
  border-left: 3px solid #ccc;
  font-style: italic;
  padding: 0 0 2px 10px;
  line-height: 20px;
  color: #333;
}
.data_in_sidepanel.in_compact_view
  .capture_comment_in_sidepanel
  .capture_comment_activity
  .tab-pane {
  height: calc(100vh - 200px);
}
.data_in_sidepanel.in_compact_view
  .capture_comment_in_sidepanel
  .capture_comment_activity
  .tab-pane
  .no_activity_found_div {
  height: calc(100vh - 288px);
}
.comments_area.comment_area_right.comment_area_byself.comment_area_byself_ctrl.pl_activity_ctrl
  .comments_text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin-top: 0;
  max-width: 100% !important;
}
.dual_panel
  .sidepanel_active_in_vertical_bar
  .breadcrumbs_header_ctrl
  .breadcrumbs__folder_label_two {
  max-width: 50px;
}
.dual_panel
  .sidepanel_active_in_vertical_bar
  .breadcrumbs_header_ctrl
  .breadcrumbs__folder_label_one {
  max-width: 50px;
}
.capture_inbox_splitter_wrapper.four_column_ui
  span.breadcrumbs__folder_label_two.active {
  max-width: 150px;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .breadcrumbs_header_ctrl
  .breadcrumbs__folder_label_one {
  max-width: initial;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .sidepanel_active_in_vertical_bar
  .breadcrumbs_header_ctrl
  .breadcrumbs__folder_label_one {
  max-width: 50px;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .sidepanel_active_in_vertical_bar
  .breadcrumbs_header_ctrl
  .breadcrumbs__folder_label_two.active {
  max-width: 50px;
}
.dropdown-menu.sort_by_comment_dropdown_ctrl {
  max-width: 220px;
}
.slash_dropdown.in_comment_box.arrow_box_top:before {
  bottom: -18px;
  transform: rotate(180deg);
  left: 0;
  right: 0;
  margin: auto;
  border-width: 9px;
}
.slash_dropdown.in_comment_box.arrow_box_top:after {
  bottom: -15px;
  transform: rotate(180deg);
  left: 0;
  right: 0;
  margin: auto;
  border-width: 8px;
}
.ql-mention-list-container.ql-mention-list-container-top.slash_dropdown.in_comment_box {
  margin-left: -96px;
}
.metadata_in_sidepanel.display_all_capture_side_panel
  .custom_lablel_orignal_name.custom_capture_team_folder_project_element {
  display: flex;
  align-items: center;
}
.metadata_in_sidepanel.display_all_capture_side_panel
  .custom_lablel_orignal_name.custom_capture_team_folder_project_element
  .innertTextContent.teams_heading {
  font-size: 13px;
}
.create_and_connect_task.in_task_side_panel
  .project-icon.dropdown
  .dropdown-menu {
  max-height: 260px;
  overflow: auto;
}
.create_and_connect_task.in_task_side_panel
  .project-icon.dropdown
  .dropdown-menu
  .innertTextContent.teams_folder {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
  white-space: nowrap;
}
.dropdown-menu.project_dropdown_ctrl.in_side_panel .sidebar_assignee_initial {
  margin-left: 0;
}
.dropdown-menu.project_dropdown_ctrl.in_side_panel
  span.innertTextContent.teams_folder {
  padding-left: 2px;
}
.sort_by_captureTypeByCaptureType
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl,
.sort_by_capture_assignees
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl,
.sort_by_capture_progress
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl,
.sort_by_capture_project
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl,
.sort_by_capture_tags_aggregate
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl,
.sort_by_created_at
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl,
.sort_by_due_date
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl,
.sort_by_name
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl,
.sort_by_timer_time_entries_aggregate
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl,
.sort_by_type
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl {
  padding-left: 0;
}
.url_upload_form .form_input_group_ctrl.has-error input.form-control {
  margin-bottom: 5px;
}
.comment_text_bg .rc-table .rc_table_cell_class,
.commented_innr_ctrl .comments_text .rc-table .rc_table_cell_class {
  padding: 5px 5px;
  height: 100%;
  border: 0;
}
.comment_text_bg table.rc_table_section tbody tr td {
  border: 1px solid #fff;
  padding: 0;
  height: 100%;
}
.comment_text_bg table.rc_table_section tbody tr td .column_ctrl {
  width: 100px;
}
.comment_text_bg .attachment_by_slash .rc-table .column_ctrl,
.comment_text_bg .attachment_by_slash .rc-table .open_table_dropdown,
.comment_text_bg .attachment_by_slash .rc-table .row_ctrl,
.comments_text .rc-table .column_ctrl,
.comments_text .rc-table .open_table_dropdown,
.comments_text .rc-table .row_ctrl {
  display: none;
}
.comment_text_bg .attachment_by_slash .rc-table {
  display: flex;
}
.comment_box_ctrl .rc-table tbody tr td {
  border: 1px solid #7c828d;
  padding: 0;
}
.comment_box_ctrl .rc-table .rc_table_cell_class {
  padding: 5px 5px;
  border: 0;
}
.comment_box_ctrl .rc-table {
  margin: 22px 0 0 22px;
  display: flex;
}
.comment_box_ctrl .rc-table .add_column.float_left,
.comments_text .rc-table .add_column.float_left {
  left: -4px;
}
.comments_area.comment-by-chatty table.rc_table_section tbody tr td {
  border: 1px solid #7c828d;
  padding: 0;
  height: 100%;
}
.comments_area.comment-by-chatty .rc-table {
  display: flex;
  width: 100%;
}
.full_screen_separate_capture_innr
  .capture_extra_metadata_div_main_section
  .draggable_placeholder_row_element {
  width: 100%;
}
.comment_placeholder_area {
  position: relative;
}
.navigation_item_section .navigation_menu.merged_capture_navigation {
  position: static;
  top: 0;
  bottom: 0;
}
.tabbing_content_main_container {
  display: flex;
  width: 100%;
  height: 100%;
}
.capture_item_modal_popup .tabbing_content_main_container .add_note_tab {
  height: 100%;
}
.tabbing_content_main_container .modal-body {
  height: calc(100% - 56px) !important;
}
.tabbing_content_main_container form#transloaditUrlToImage {
  height: 100%;
}
.individual_upload_ctrl .close_icon_ctrl.cross_icon_ctrl svg {
  width: 13px !important;
}
.ql-toolbar.ql-snow .ql-formats button svg {
  width: 16px;
  height: 16px;
  opacity: 0.8;
}
.ql-toolbar.ql-snow .ql-formats .ql-picker.ql-color-picker,
.ql-toolbar.ql-snow .ql-formats button {
  height: 24px !important;
  width: 24px !important;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 3px;
  margin: 0 2px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 0 !important;
  border-right: 1px solid #cacaca !important;
  padding: 0 4px !important;
}
.note_preview.in_merge_capture .ql-toolbar.ql-snow {
  border: 0;
  padding: 6px 12px 6px 8px;
  border-top: 1px solid transparent;
}
.note_preview.in_merge_capture .ql-toolbar.ql-snow .ql-picker-label {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.ql-header.ql-picker .ql-picker-label {
  padding: 0;
  font-size: 13px;
  color: #676a6c;
}
.ql-snow .ql-picker.ql-header {
  width: auto !important;
  padding: 0 0;
}
.note_preview.in_merge_capture
  .ql-toolbar.ql-snow
  .ql-formats
  .ql-font.ql-picker {
  display: none;
}
.note_preview.in_merge_capture .ui.attached.segment.ql-container.ql-snow {
  border: 0;
}
.capture_view_outer_inner_wrap.preview_panel.note_capture_active {
  padding: 0;
  overflow: unset;
}
.ql-toolbar.ql-snow button svg .ql-stroke {
  stroke: #676a6c;
}
.ql-toolbar.ql-snow button svg .ql-fill,
.ql-toolbar.ql-snow button svg .ql-stroke.ql-fill {
  fill: #676a6c !important;
}
.ql-snow .ql-stroke {
  stroke: #676a6c;
}
.note_preview.in_merge_capture
  .ql-toolbar.ql-snow
  span.ql-formats:nth-child(11),
.note_preview.in_merge_capture
  .ql-toolbar.ql-snow
  span.ql-formats:nth-child(8) {
  display: none;
}
.note_preview.in_merge_capture
  .ql-toolbar.ql-snow
  span.ql-formats:nth-child(10) {
  border-right: 0 !important;
}
.note_preview.in_merge_capture .ql-float-button .ql-float-button__toggle {
  top: 10px !important;
  left: 4px;
}
.ql-header.ql-picker .ql-picker-label:hover svg polygon.ql-stroke,
.ql-snow ql-picker-label:hover svg .ql-stroke,
.ql-toolbar.ql-snow button:hover svg .ql-stroke {
  stroke: #000000 !important;
}
.note_preview.in_merge_capture .ql-snow svg:hover .ql-fill rect,
.ql-snow svg:hover .ql-fill polygon {
  fill: #000000 !important;
}
.ql-snow.ql-toolbar .ql-header.ql-picker:hover .ql-picker-label {
  color: #20aaea !important;
  opacity: 1;
}
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill {
  fill: #20aaea !important;
}
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke {
  stroke: #000000 !important;
  opacity: 1;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border: 1px solid transparent;
  color: #000 !important;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label polygon.ql-stroke {
  stroke: #20aaea !important;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  width: 16px;
  height: 16px;
  opacity: 0.8;
}
.ql-toolbar.ql-snow button:hover svg .ql-fill {
  fill: #000000 !important;
}
.note_preview.in_merge_capture .ql-toolbar.ql-snow button svg .ql-fill {
  fill: #676a6c !important;
}
.note_preview.in_merge_capture
  .ql-color.ql-picker.ql-color-picker
  .ql-picker-label:hover
  svg
  line.ql-color-label {
  stroke: #000000 !important;
}
.ql-formats .ql-align.ql-picker.ql-icon-picker span.ql-picker-label:hover,
.ql-formats .ql-font.ql-picker .ql-picker-label:hover,
.ql-toolbar.ql-snow .ql-formats .ql-picker.ql-color-picker:hover,
.ql-toolbar.ql-snow .ql-formats button:hover {
  background: #f5f5f7;
  border-radius: 3px;
}
.ql-snow .ql-picker.ql-header {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label:hover {
  background: #f5f5f7;
}
.ql-header.ql-picker.ql-expanded {
  background: #f5f5f7;
}
ul.time_entried_ul_ctrl li.timer_entries_dropdown_li.task_created_by_list {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.add_capture_btn.fancy_line .add_capture_text:hover {
  color: #1da0f0;
}
.add_capture_btn.fancy_line .add_capture_text:hover {
  color: #1da0f0;
}
.preview_panel_main_section_div.has_no_merged_captures .cq_option_absolute {
  left: -24px;
}
.capture_extra_metadata_div_main_section.has_single_row_block
  .cq_option_absolute.compact_quick_option_in_row {
  left: -23px !important;
}
.capture_view_outer_inner_wrap.preview_panel_outline_view.note_capture_active {
  padding: 0;
  overflow: unset;
}
.add_row_block:hover i.fas.fa-plus {
  color: #333;
}
.capture_action_btn.text_style_star i.fas.fa-star {
  margin-right: 7px;
}
.editor_in_note_capture {
  height: 100%;
}
.note_capture_active .editor_in_note_capture .ql-toolbar.ql-snow {
  position: fixed;
  width: 15%;
  height: 36px;
  z-index: 99;
  background: #fff;
  display: none;
  box-shadow:
    0 6px 12px 0 rgb(68 52 77 / 16%),
    0 2px 4px 0 rgb(46 32 54 / 24%);
  border-radius: 4px;
  padding: 3px;
}
.ql_toolbar_main_wrap_ctrl .ui.attached.segment.ql-container.ql-snow {
  padding: 0;
}
.capture_extra_metadata_div_main_section
  .capture_extra_metadata_div.ui-draggable
  .context_menu_opened {
  border: 1px solid #0e9aef !important;
}
.selected_active_element svg path {
  stroke: #0e9aef !important;
}
.selected_active_element {
  background: #b6e0fa !important;
}
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
  fill: #333;
}
.capture_extra_metadata_div .editor_in_note_capture {
  border: 1px solid transparent;
}
.in_card_box.single_capture_in_outline_view {
  position: relative;
}
.task_side_panel_ui_ctrl.create_task_ui_ctrl {
  border-bottom-left-radius: 6px;
}
.task_tab_content_inner.create_task_bg {
  border-bottom-left-radius: 6px;
}
.has_no_merged_captures .multiselect_captures_div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.loader_in_attachment {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.loader_in_attachment img {
  width: 80px;
}
.dropdown-menu.three_dots_dropdown_innr.three_dot_dropdown_ctrl.capture_inner_event_dropdown {
  width: 224px;
}
.dropdown-menu.three_dots_dropdown_innr.dropdown-right.sortingDropdown.filter_dropdown_in_side_panel {
  width: 224px;
}
svg.ec_icon_w_ctrl {
  width: 14px !important;
  height: 14px !important;
}
.animated_preview_pane_in_count_by_views
  .preview_pane_scroll.has_no_merged_captures {
  height: calc(100vh - 108px) !important;
}
.form-group.form_group_in_modify .select_task_in_modify_entry {
  min-width: 260px;
  width: 260px;
}
.common_innr_dropdown.magic_client_dropdown.tagDropdownModifyEntry {
  min-width: 260px;
  max-width: 260px;
  margin-top: 0;
}
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen .btn {
  height: auto !important;
  width: auto !important;
  padding: 2px 5px !important;
}
.youtube_type_command #rc_youtube_url_button:hover {
  background: #1a7bb9 !important;
}
.editToolbar-RC-fullScreen.in_compact_modal_edit.note_in_compact_edit
  .ql-float-button__toggle {
  top: 60px !important;
}
.canvas_sidepanel_innr_ctrl
  .canvas_toolbar_editArea_metadataPanel_ctrl
  .previewDetails-RC-fullScreen {
  overflow: unset;
}
.dropdown_toggle_div.capture_drag_into_row_block {
  background: #f5f5f7;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  color: rgba(55, 53, 47, 0.6);
  font-size: 13px;
  font-weight: 400;
  border-radius: 3px;
  height: 38px;
  margin: 6px 0;
  line-height: normal;
}
.dropdown_toggle_div.capture_drag_into_row_block .capture_type_icon {
  display: inline-flex;
  margin-right: 0;
  width: 26px;
}
.block_media_uploader {
  top: -148px;
}
.dropdown-menu.arrow_box_top.dropdown-center.block_media_uploader:after {
  bottom: -14px !important;
  margin-left: 3px;
}
.dropdown-menu.arrow_box_top.dropdown-center.block_media_uploader:after,
.dropdown-menu.arrow_box_top.dropdown-center.block_media_uploader:before {
  bottom: -18px;
  transform: rotate(180deg);
}
.capture_card_content_structure.blank_image_block
  .dropdown.capture_upload_popover
  .capture_type_icon {
  width: 26px;
  display: flex;
  align-items: center;
}
.no_comment_found_ctrl h6 {
  font-size: 16px;
  color: #353535;
  font-weight: 600;
}
.no_comment_found_ctrl {
  height: calc(100vh - 698px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.no_comment_found_ctrl .no_data_found_innr_ctrl {
  position: static;
  padding-top: 0;
}
.note_preview.in_merge_capture .ql-toolbar.ql-snow .ql-formats:last-child {
  border-right: 0;
}
.add_note_inner_content_wrap .form-group.edit_note_quill_editor:focus-within {
  border: 1px solid #0e9aef !important;
}
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .Participant_ctrl.participant_in_table_ctrl.participant-div
  .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .duedate-icon.dropdown
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .duedate-icon.dropdown.due_date_future
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron.metadata_bg
  .tags-div-conversation-view.tags_in_preview_panel,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .priority-icon.dropdown.add_capture_prority_dropdown_popup_button,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .project-icon.dropdown {
  border: 1px solid #0e9aef !important;
}
.capture_label_field .field_with_label.active label {
  color: #0e9aef;
}
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .field_with_label
  .metadata_option_ctrl:hover
  .duedate-icon.dropdown
  .duedate-icon.dropdown
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron.metadata_bg:hover
  .tags-div-conversation-view.tags_in_preview_panel,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .Participant_ctrl.participant_in_table_ctrl.participant-div
  .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .duedate-icon.dropdown.due_date_future
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .duedate-icon.dropdown.due_date_present
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .priority-icon.dropdown.add_capture_prority_dropdown_popup_button,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .project-icon.dropdown {
  border: 1px solid #0e9aef !important;
}
.add_new_capture_in_fullscreen_merges
  span.add_time_entries_button.in_main_widget {
  margin-left: 0;
}
@keyframes dropdownAnimation {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15, 0, 1);
    opacity: 0;
  }
  5% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.748, 0, 1);
  }
  11% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.799, 0, 1);
  }
  17% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.348, 0, 1);
  }
  23% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.137, 0, 1);
  }
  30% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.468, 0, 1);
    opacity: 1;
  }
  37% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.489, 0, 1);
  }
  44% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.094, 0, 1);
  }
  51% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.244, 0, 1);
  }
  80% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.028, 0, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes tooltipAnimationTop {
  from {
    opacity: 0;
    top: -20px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@keyframes tooltipAnimationBottom {
  from {
    opacity: 0;
    top: -20px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
.dropdown-menu {
  -webkit-animation: dropdownAnimation 750ms !important;
  animation: dropdownAnimation 0.2s !important;
}
.open .dropdown-menu {
  top: 100%;
}
.vue-tooltip-theme.tooltip[x-placement^="left"],
.vue-tooltip-theme.tooltip[x-placement^="right"],
.vue-tooltip-theme.tooltip[x-placement^="top"] {
  -webkit-animation: tooltipAnimationTop 0.3s !important;
  animation: tooltipAnimationTop 0.3s !important;
  -webkit-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.vue-tooltip-theme.tooltip[x-placement^="bottom"] {
  -webkit-animation: tooltipAnimationrBottom 0.3s !important;
  animation: tooltipAnimationBottom 0.3s !important;
  -webkit-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.ql-snow.ql-toolbar .ql-picker-label:hover {
  color: #000 !important;
}
.ql-formats .ql-font.ql-picker .ql-picker-label {
  padding: 0 5px !important;
  opacity: 0.8;
}
.ql-formats .ql-align.ql-picker.ql-icon-picker span.ql-picker-label:hover svg {
  opacity: 1;
}
.editToolbar-RC-fullScreen.in_compact_modal_edit.note_in_compact_edit
  .ql-toolbar.ql-snow {
  padding: 5px 0;
}
.ql-snow .ql-color-picker .ql-picker-label svg polyline.ql-stroke {
  stroke: #676a6c !important;
}
.ql-header.ql-picker svg polygon.ql-stroke,
.ql-picker-label svg polygon.ql-stroke {
  stroke: #676a6c !important;
}
span.ql-header.ql-picker.ql-expanded {
  z-index: 999;
  opacity: 1 !important;
}
.ql-picker-label.ql-active {
  color: #000 !important;
  opacity: 1 !important;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button:hover {
  color: #20aaea !important;
}
.ql-snow.ql-toolbar button.ql-active {
  background: #f5f5f7 !important;
  opacity: 1 !important;
}
.ql-snow.ql-toolbar button.ql-active svg {
  opacity: 1 !important;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter {
  stroke: #000000 !important;
  opacity: 1 !important;
}
.capture_extra_metadata_div .editor_in_note_capture .ql-editor {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.capture_extra_metadata_div
  .editor_in_note_capture
  .ql-editor
  .dropdown_toggle_div.capture_drag_into_row_block:first-child {
  margin-top: 0;
}
.capture_extra_metadata_div
  .editor_in_note_capture
  .ql-editor
  .dropdown_toggle_div.capture_drag_into_row_block:last-child {
  margin-bottom: 0;
}
.editor_in_note_capture .ql-container.ql-snow {
  display: flex;
  flex-direction: column;
}
.dropdown-menu.block_media_uploader {
  top: -150px;
}
.dropdown-menu.dropdown-center.popup_out_of_window {
  margin-top: -176px !important;
}
.dropdown.capture_upload_popover .dropdown-menu.dropdown-center {
  top: 37px !important;
  right: 0 !important;
  left: 0 !important;
  margin: auto;
  width: min(382px, 382px);
  transform: none !important;
  margin-top: 10px;
}
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .field_with_label
  .metadata_option_ctrl:hover
  .duedate-icon.dropdown
  .duedate-icon.dropdown
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron.metadata_bg:hover
  .tags-div-conversation-view.tags_in_preview_panel,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .Participant_ctrl.participant_in_table_ctrl.participant-div
  .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .duedate-icon.dropdown.due_date_future
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .duedate-icon.dropdown.due_date_present
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .priority-icon.dropdown.add_capture_prority_dropdown_popup_button,
.in_metadata_sidepanel
  .capture_label_field
  .field_with_label.active
  .metadata_option_ctrl.toggle-chevron:hover
  .project-icon.dropdown {
  border: 1px solid #0e9aef !important;
}
.capture_folder_element_ctrl.two_row_element_section {
  border-top: 1px solid #d5d5d6;
}
.ls-sp-0 {
  padding-bottom: 0 !important;
}
.in_task_side_panel .tree-node-inner-back:hover {
  background: #f5f5f5;
}
.desktop_app_log_table ul.inlist.assignee_dropdown > li {
  padding: 0;
}
.desktop_app_log_table .user_data_culumn_list_full_wrap {
  width: 100%;
  padding: 0 0 0 20px;
}
.desktop_app_log_table .user_date_column_outer_wrap {
  height: calc(100vh - 248px);
}
.desktop_app_log_table button.btn.btn-danger,
.desktop_app_log_table button.btn.btn-success {
  width: auto;
  padding: 3px 6px;
  font-size: 13px;
}
.desktop_app_log_table
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl:nth-child(6) {
  max-width: 100% !important;
  min-width: 384px !important;
  width: 100%;
  padding-right: 30px;
}
.desktop_app_log_table
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(6) {
  max-width: 476px !important;
  min-width: 476px;
}
.common_column_bc {
  width: auto !important;
  min-width: 200px !important;
  max-width: 100%;
}
.tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc {
  width: auto !important;
}
.desktop_app_log_table
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(4),
.desktop_app_log_table
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(5) {
  min-width: 160px !important;
  max-width: 100% !important;
}
.desktop_app_log_table .list_data_column_ctrl.common_column_bc:nth-child(4),
.desktop_app_log_table .list_data_column_ctrl.common_column_bc:nth-child(5) {
  min-width: 160px !important;
}
.desktop_app_log_table
  .user_date_column_outer_wrap
  .list_data_column_ctrl
  .data_item {
  white-space: unset;
  overflow: unset;
  text-overflow: unset;
  word-break: break-all;
  text-align: left;
}
.desktop_app_log_table .list_data_column_ctrl {
  height: auto;
  min-height: 36px;
}
.desktop_app_log_table ul.inlist.assignee_dropdown > li:hover {
  white-space: unset;
  overflow: unset;
  text-overflow: unset;
}
.desktop_app_log_table .assignee_text {
  font-size: 13px;
  font-weight: 400;
  color: #465369;
}
.desktop_app_log_table .data_table_header_wrap .data_table_header_inner {
  padding: 0 0 0 20px;
}
.setting_table_ctrl
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl
  .data_item {
  white-space: unset !important;
  overflow: unset !important;
  text-overflow: unset !important;
  word-break: break-all;
  text-align: left;
}
.setting_table_ctrl .user_data_culumn_list_full_wrap .list_data_column_ctrl {
  text-align: left;
  height: auto;
  min-height: 36px;
}
.setting_table_ctrl .user_data_culumn_list_full_wrap .list_data_column_ctrl * {
  white-space: unset !important;
  overflow: unset !important;
  text-overflow: unset !important;
}
.inside_table_ctrl
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:first-child,
.inside_table_ctrl
  ul
  > li
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl:first-child {
  min-width: 400px;
  flex-grow: 1;
  align-self: stretch;
}
.inside_table_ctrl
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:first-child {
  max-width: 856px !important;
}
.inside_table_ctrl
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(2),
.inside_table_ctrl
  ul
  > li
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl:nth-child(2) {
  min-width: 100px;
  max-width: 100px !important;
}
.inside_table_ctrl
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(3),
.inside_table_ctrl
  ul
  > li
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl:nth-child(3) {
  max-width: 300px !important;
  min-width: 300px !important;
}
.inside_table_ctrl
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(4),
.inside_table_ctrl
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(5),
.inside_table_ctrl
  ul
  > li
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl:nth-child(4),
.inside_table_ctrl
  ul
  > li
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl:nth-child(5) {
  min-width: 120px;
  max-width: 120px !important;
}
.desktop_app_log_table
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(7),
.desktop_app_log_table
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl:nth-child(7) {
  min-width: 100px !important;
  max-width: 100px !important;
}
.four_column_view_dropdown.dropdown.hide-show-fields
  .dropdown-menu.arrow_box_top.dropdown-right {
  top: 100%;
}
.cv_task_list_inner
  .multiselect_captures_div.parent.in_card_box:first-child
  .block_ctrl_innr {
  padding-top: 0 !important;
}
.in_card_box
  .block_ctrl_innr.parent.outline_draggable_captures
  .task_data_main_wrap.heading_block
  .task_data_block_container {
  padding-top: 0 !important;
}
.selected_color_theme_preview svg {
  display: flex;
  margin: auto;
}
.dark_mode_switch_ctrl a {
  color: #000 !important;
  font-size: 13px;
  font-weight: 600;
}
.dark_mode_switch_ctrl .compact_ui {
  position: relative;
  top: 3px;
  margin: 0 0 0 13px;
}
.dark_mode_switch_ctrl {
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #e9e9eb;
  border-bottom: 1px solid #e9e9eb;
  margin-top: 12px;
}
.setting_theme_color_list .palette {
  float: none;
  width: 100% !important;
  position: static;
}
.setting_theme_color_list .palette ul.case-color.list-inline {
  float: none !important;
  display: flex;
}
.dark_mode_switch_ctrl .switch-compact input:checked + .slider:before {
  width: 16px !important;
  height: 16px !important;
  left: -8px !important;
}
.dark_mode_switch_ctrl .compact_ui {
  margin-left: 20px;
}
.dark_mode_switch_ctrl .compact_ui .slider:before {
  width: 16px !important;
  height: 16px !important;
}
.dark_mode_switch_ctrl .switch.switch_active.checked.switch-compact {
  height: 12px;
  width: 30px;
  display: flex;
}
.dark_mode_in_dropdown .compact_ui .slider:before {
  width: 14px;
  height: 14px;
}
.dark_mode_in_dropdown {
  display: flex !important;
  align-items: center;
}
li.dark_mode_in_dropdown .compact_ui {
  margin-right: 0 !important;
}
.dark_mode_in_dropdown .visible_text {
  flex: 1 auto;
}
.dark_mode_in_dropdown .switch.switch_active.checked.switch-compact {
  height: 10px;
  width: 26px;
  margin-bottom: 0;
}
.exit_panel_icon {
  opacity: 0.5;
}
.exit_panel_icon:hover {
  opacity: 1;
}
.two_label_folder_structure
  .capture_folder_lavel_1.manage_folder_flex.parent_folder_list.has_child_folders.active
  .caret_icon
  > i,
.two_label_folder_structure
  .capture_folder_lavel_1.manage_folder_flex.parent_tag_list.has_child_folders.active
  span.caret_icon
  i,
ul.column_layout.task_listing
  > li.active
  .task_list_ctrl
  .subtask_expand_collapse_ctrl
  > i {
  fill: #fff;
  color: #fff;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active
  .right-list-item-over
  > .three_dots_dropdown_main
  .three_dots_icon,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active
  .right-list-item-over
  > .three_dots_dropdown_main
  .three_dots_icon
  .right-list-item-over
  > i,
li[data-class="multiple_selected"] .three_dots_dropdown_main .three_dots_icon {
  color: #fff;
  opacity: 0.8;
}
.column_layout.task_listing .active .right-list-item-over i {
  color: #333;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag.active.section_hover_active
  .project_level_dropdown
  span
  > i,
.tree-node.active.section_hover_active
  > .tree-node-inner-back
  .project_level_dropdown.project_heading_advance_settings_ctrl
  > span
  > i {
  color: #fff !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag.active.section_hover_active
  .project_level_dropdown {
  background: 0 0 !important;
}
.capture_folder_lavel_one.active.parent_folder
  .list_tree_empty_folder_icon_span
  i,
.capture_folder_lavel_two.active.child_folder_for_capture
  .list_tree_empty_folder_icon_span
  i {
  color: #fff !important;
}
.capture_folder_lavel_one.active.parent_folder
  .innertTextContent.teams_folder.shared_folder_name_with_icon,
.capture_folder_lavel_two.active.child_folder_for_capture
  .innertTextContent.teams_folder.shared_folder_name_with_icon {
  color: #fff;
}
.tagDropDown .manage_folder_flex[aria-checked="true"] .caret_icon > i {
  color: #fff;
}
.tagDropDown .manage_folder_flex[aria-checked="true"] i.removeTag {
  color: #ffffffb8;
}
.tagDropDown .manage_folder_flex[aria-checked="true"] i.removeTag:hover {
  color: #fff;
  opacity: 1;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .task_name_ctrl
  .subtask_expand_collapse_ctrl
  > i {
  color: #fff;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .task_name_ctrl
  .subtask_expand_collapse_ctrl
  > i:hover,
ul.column_layout.task_listing
  > li.active
  .task_list_ctrl
  .subtask_expand_collapse_ctrl
  > i:hover {
  color: #fff;
  opacity: 1 !important;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .task_name_ctrl
  .timer_class_div.timer_in_list.start_timer_div
  > span
  > strong {
  color: #fff;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li.sub_capture.active
  .task_name_ctrl
  span.sub_task_icon
  svg {
  fill: #fff;
  opacity: 1;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li.sub_capture.active
  .assignee_column_ctrl
  .assignee-container
  .iconbg
  svg,
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li.sub_capture.active
  .assignee_column_ctrl
  .assignee-container
  .iconbg
  svg
  *,
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .fields_ctrl_groupBy_table_view
  .assignee_column_ctrl
  .assignee-container
  .iconbg
  svg,
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .fields_ctrl_groupBy_table_view
  .assignee_column_ctrl
  .assignee-container
  .iconbg
  svg
  *,
ul.column_layout.task_listing
  > li.active
  .task_list_ctrl
  .assignee_column_ctrl
  .assignee-container
  .iconbg
  svg,
ul.column_layout.task_listing
  > li.active
  .task_list_ctrl
  .assignee_column_ctrl
  .assignee-container
  .iconbg
  svg
  * {
  fill: #fff;
  opacity: 1 !important;
}
ul.column_layout.task_listing
  > li.active
  .task_list_ctrl
  .remove_folder.in_column_capture
  > i {
  color: #fff;
}
ul.column_layout.task_listing
  > li.active
  .task_list_ctrl
  .remove_folder.in_column_capture
  > i {
  opacity: 1;
}
.two_label_folder_structure .active .task_action_icon_ctrl:hover i {
  color: #000 !important;
}
.two_label_folder_structure
  .active
  .folder_info_icon_ctrl
  i.fas.fa-info-circle {
  color: #fff;
}
.two_label_folder_structure .active .capture_total_count.in_folder_block {
  color: #fff;
}
.two_label_folder_structure .active .capture_total_count.in_folder_block:hover {
  color: #333;
}
.active .capture_total_count.in_folder_block {
  color: #333 !important;
  background: #fff;
}
.table_view_dropdown_options + .dropdown-menu > a.active svg,
.table_view_dropdown_options + .dropdown-menu > a.active svg * {
  fill: #fff !important;
  color: #fff;
}
.child_element.active .capture_number.in_outline_view,
.multi_selected .capture_number.in_outline_view,
.parent_element.active .capture_number.in_outline_view {
  color: #465369;
}
.parent_div_main_capture .capture_parent_div_section.active .iconbg svg *,
.parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .right-list-item-over
  .iconbg
  svg
  * {
  fill: #fff;
}
li.dark_mode_in_dropdown.border-section
  .switch-compact
  input:checked
  + .slider:before {
  width: 14px !important;
  height: 14px !important;
}
.user_profile_main_ctrl .user_prof_dropdown .layout_icons.dropdown-menu {
  right: 0;
  left: auto;
  top: 100%;
  margin: 0 !important;
}
li[data-class="multiple_selected"] .task_name {
  color: #fff !important;
}
li[data-class="multiple_selected"] svg * {
  fill: #fff !important;
}
.task_data_main_wrap
  .task_data_block_container
  .task_draggable_number.ui-draggable-handle {
  opacity: 0;
  background: #efefef;
  z-index: 9;
  top: auto !important;
  transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -webkit-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -moz-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -ms-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -o-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
}
.cv_task_list_inner
  .multiselect_captures_div.in_card_box
  .task_data_main_wrap:hover
  .task_draggable_number {
  opacity: 1;
}
.cv_task_list_inner
  .multiselect_captures_div.in_card_box
  .task_data_main_wrap:hover
  .capture_number {
  opacity: 0;
}
.full_screen_separate_capture_innr .child {
  padding: 21px 150px;
}
.cv_task_list_inner
  .multiselect_captures_div.parent.in_card_box
  .block_ctrl_innr {
  padding: 21px 44px;
}
.multiselect_captures_div .child {
  padding: 21px 44px;
}
.in_email_side_panel .treeview_search_filter_ctrl span.collapse-ctr:hover svg {
  fill: #333333;
}
.in_email_side_panel .treeview_search_filter_ctrl span.collapse-ctr svg {
  fill: #7b7e84;
}
.rcl_dashboard #stystem-usage .border-spacing > .row {
  border-top-left-radius: 6px !important;
}
.rcl_email_container
  .mail-content-w12.rcl_theme_preview_pane
  #stystem-usage
  .border-spacing
  > .outer-row {
  border-top-left-radius: 6px !important;
}
.gmailcustomlabeltreeview {
  padding: 0;
}
.gmailcustomlabeltreeview .handleEmailLabelSelectDiv.email-sidebar-handle {
  display: flex;
  align-items: center;
}
.in_email_side_panel .treeview-heading.title-slide {
  padding: 10px 8px !important;
}
.in_email_side_panel h3.sidebar_section_headings_text_limitter i {
  margin-left: 7px !important;
  padding-left: 0 !important;
  vertical-align: middle;
  margin-top: 1px;
  line-height: initial;
}
.individual_upload_ctrl .capture_file_icon svg * {
  fill: #262626;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active
  textarea.task_name.cp_task_name {
  background: 0 0 !important;
  height: 23px !important;
  padding: 0 5px !important;
  line-height: 20px !important;
  color: #333;
  border-color: transparent !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active
  textarea.task_name.cp_task_name:focus {
  border-color: transparent !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.active
  textarea.cp_task_name.editable_content {
  height: 23px !important;
  line-height: 21px !important;
  margin-bottom: 0 !important;
  font-size: 12px;
  font-weight: 600;
  padding: 0 4px !important;
  background: 0 0 !important;
  color: #fff;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.active
  input:focus,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.active
  textarea:focus {
  border-color: #fff !important;
}
.folder-div-conversation-view.project-icon.dropdown.in_conversation_view
  .align-middle
  .project-variable {
  color: #676a6c !important;
}
.active .timer_class_div.timer_in_list.start_timer_div > span > strong {
  color: #fff;
}
.in_email_module_side_panel
  .custom_capture_tag.tag_label_1
  .list_have_child_span.collapse_icon_sidebar
  span.caret_icon
  i {
  top: 0;
}
.elem_circle_ctrl {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  display: inline-block;
  min-width: 8px;
  margin-right: 8px;
  margin-left: -5px;
}
.compose_button_.sty.four_column_view_dropdown {
  display: flex;
}
.compose_button_.sty .add_capture_dropdown_widget {
  width: 100%;
  padding: 10px 11px 5px;
}
.compose_button_sty .add_task_in_list_main_ctrl {
  background: #0e9aef;
  border-radius: 3px;
  height: 30px;
}
.compose_button_sty .add_task_in_list_main_ctrl .add_task_in_list_btn {
  height: 30px;
  width: 100%;
  color: #fff;
  justify-content: center;
  font-size: 13px;
  line-height: normal;
  border: 0;
  transition: 0.25s ease all;
}
.compose_button_sty .add_task_in_list_btn svg {
  margin-right: 8px;
  width: 14px;
  fill: #fff;
}
.compose_button_sty .add_task_in_list_main_ctrl .add_dropdown_in_list_ctrl {
  height: 30px;
  width: 30px;
  border: 0;
  border-left: 1px solid #dadce0;
  transition: 0.25s ease all;
}
.compose_button_sty .add_task_in_list_btn:hover {
  background-color: #2b82bb;
}
.compose_button_sty .add_dropdown_in_list_ctrl:hover {
  background-color: #2b82bb;
}
.compose_button_sty.four_column_view_dropdown {
  display: flex;
}
.compose_button_sty .add_capture_dropdown_widget {
  width: 100%;
  padding: 10px 8px 0;
}
.compose_button_sty .add_dropdown_in_list_ctrl > i {
  color: #fff;
}
.more_compose_element_dropdown .dropdown-menu {
  left: auto !important;
  right: 0;
}
.dropdown.more_compose_element_dropdown.open .add_dropdown_in_list_ctrl {
  background: #2b82bb;
}
.assignee_listing_ctrl_in_email
  li.custom_gmail_labels
  .custom_lablel_orignal_name.assignee_details {
  border-left: 0 !important;
  padding-left: 0 !important;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 4px 5px 17px !important;
  border-radius: 0;
}
.assignee_listing_ctrl_in_email li.custom_gmail_labels {
  width: 100%;
  border: 0 !important;
}
.assignee_listing_ctrl_in_email
  li.custom_gmail_labels
  .sidebar_assignee_initial {
  margin-right: 5px !important;
  margin-left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.assignee_listing_ctrl_in_email li.custom_gmail_labels .tag_name {
  top: 0;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl > svg * {
  fill: #484d56;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl > svg.drft_icon_w {
  width: 14px;
  height: 14px;
}
.dropdown-menu.magic_client_dropdown.count_task_view_dropdown.magic_client_dropdown_hover.task_drop_box_2.in_three_dot.compact_dropdown_on_right_click {
  right: 100%;
  left: auto;
}
.capture_extra_metadata_div_main_section
  .ql-editor.ql-blank.doc_editor_section {
  display: block;
}
.assignee_listing_ctrl_in_email
  .custom_lablel_orignal_name.assignee_details.active
  .project_list_item_count {
  color: #fff;
}
.assignee_listing_ctrl_in_email
  .custom_lablel_orignal_name.assignee_details.active
  span.tag_name {
  color: #fff;
}
.assignee_listing_ctrl_in_email
  .custom_lablel_orignal_name.assignee_details.active {
  background: #0e9aef !important;
}
.dropdown-menu.arrow_box_top.dropdown-center.capture_upload_compact_dropdown_ctrl {
  display: block;
  width: min(382px, 382px);
  right: 0 !important;
  left: 0 !important;
  margin: 0 auto auto !important;
  transform: none !important;
}
.capture_upload_compact_dropdown_ctrl:after,
.capture_upload_compact_dropdown_ctrl:before {
  left: 50% !important;
  transform: translate(-50%);
  margin: 0 auto auto auto !important;
}
.capture_upload_compact_dropdown_ctrl:after {
  margin-left: -1px;
}
.drag_and_drop_functionality_ref.menu_ul_li_child_innr.child_element.child-indent.is-hoveringAbove:before,
.drag_and_drop_functionality_ref.menu_ul_li_child_innr.child_element.child-indent.is-hoveringBelow:after {
  left: 20px;
}
.capture_preview_header {
  position: absolute;
  left: -2px;
  top: -6px;
  z-index: 99999999;
  background: #424242;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.capture_preview_header button.exit_side_panel {
  background: 0 0;
  margin: 0;
  opacity: 0.7;
}
.capture_preview_header button.exit_side_panel svg {
  width: 6px;
  height: 6px;
  margin: auto;
}
.loader_div.table_list_view_loader.in_table_view
  .element-loader.full-loader.list_view {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  top: 0;
}
.preview_pane_top_header_main.border-none
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container {
  background: #f5f5f7;
}
.dropdown_alignment_left {
  left: auto !important;
  right: 0 !important;
}
.capture_full_screen_outline_view .multiselect_captures_div .child {
  padding: 21px 150px;
}
.child_element.active input.child_capture_name,
.parent_element.active input.child_capture_name {
  background: 0 0;
  border: 0;
  font-weight: 600;
  line-height: normal;
}
.child_element input.child_capture_name,
.parent_element input.child_capture_name {
  font-size: 13px !important;
}
.capture_view_outer_inner_wrap.full_view_preview_panel.note_capture_active,
.capture_view_outer_inner_wrap.preview_panel_outline_view_doc_view.note_capture_active {
  padding: 0;
  overflow: unset;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  input.task_name.cp_task_name:focus {
  border: 1px solid transparent !important;
}
.color_varients .custom_field_type_ctrl .dropdown-menu a i,
.color_varients .custom_field_type_ctrl .dropdown-menu a > span {
  color: #7e8187;
  font-size: 13px;
}
.color_varients.dropdown.arrow_list_ctrl .dropdown_with_label:last-child {
  margin-bottom: 0;
}
.capture_preview_detail_header_container .info_inner .info_text {
  font-size: 13px;
}
.capture_preview_detail_header_container {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9eb;
}
.rc-tree .rc-tree-treenode span.rc-tree-switcher {
  background-image: none !important;
}
.capture_module_folder_ctrl .rc-tree .rc-tree-treenode {
  padding-left: 8px;
  display: flex;
  align-items: center;
  padding: 2px 0 2px 8px;
  min-height: 30px;
}
.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {
  width: 0;
  padding-left: 5px;
}
.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
  display: flex !important;
  align-items: center;
}
.rc-tree-switcher i {
  font-size: 11px;
  color: #93999c;
  top: -1px;
  position: relative;
}
.rc-tree-switcher {
  width: 12px !important;
  height: auto !important;
  margin-right: 4px !important;
  display: inline-flex;
}
.rc-tree-title .innertTextContent {
  color: #262626;
  font-size: 13px;
  font-weight: 400;
  width: 65%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.rc-tree-title {
  width: 100% !important;
}
.rc-tree-treenode.rc-tree-treenode:hover {
  background: #e7e7ec;
}
.inbox_default_folder .capture_menu_item {
  line-height: 18px;
}
.inbox_default_folder .element_icn_ctrl {
  display: inline-flex;
}
.rc-tree-title > span {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.tag_section_in_left_sidebar .innertTextContent {
  font-size: 13px;
  width: 142px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-flex !important;
}
.rc-tree-iconEle.rc-tree-icon__customize svg {
  width: 12px;
}
.rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {
  width: auto !important;
  height: auto !important;
  line-height: initial !important;
  vertical-align: unset !important;
  margin-right: 0 !important;
}
.tag_section_in_left_sidebar .rc-tree-iconEle.rc-tree-icon__customize {
  margin-right: 7px !important;
}
.tag_section_in_left_sidebar .rc-tree .rc-tree-treenode {
  display: flex;
  align-items: center;
}
.tag_section_in_left_sidebar
  .rc-tree
  .rc-tree-treenode
  .rc-tree-node-content-wrapper {
  display: inline-flex;
  align-items: center;
}
.capture_module_folder_ctrl .rc-tree-title .innertTextContent {
  max-width: calc(100% - 60px);
  width: 0;
  padding-right: 0;
  flex: 1 auto;
  align-items: center;
  display: flex;
}
.rc-tree .rc-tree-treenode {
  display: flex;
  align-items: center;
  position: relative;
}
.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
  display: flex !important;
  align-items: center;
}
.folder_dropdown_ctrl .innertTextContent {
  width: auto;
  max-width: 120px;
}
.dropdown-menu.tagDropDown .rc-tree-title .innertTextContent {
  width: 145px !important;
}
.dropdown-menu.tagDropDown
  .rc-tree-treenode
  span.rc-tree-iconEle.rc-tree-icon__customize {
  margin-right: 6px;
}
.dropdown-menu.tagDropDown .rc-tree .rc-tree-treenode {
  display: flex;
  align-items: center;
  padding: 6px 7px 6px 28px;
}
.dropdown-menu.tagDropDown .rc-tree .rc-tree-treenode.active:after {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 5px;
  color: #fff;
  font-size: 12px;
  display: block !important;
}
.dropdown-menu.tagDropDown .rc-tree-treenode.rc-tree-treenode:hover {
  background: #f5f5f5;
}
.folder_dropdown_ctrl .rc-tree-treenode.rc-tree-treenode:hover {
  background: #f5f5f5;
}
.form-group.field-loginform-rememberme .checkbox label input {
  margin-right: 7px;
}
.page-wrapper.no-sidebar.login {
  height: 100vh;
}
.form-group {
  margin-bottom: 15px;
}
.rc-tree-treenode.active {
  background: rgb(14 154 239 / 10%);
}
.rc-tree-node-selected {
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
.capture_module_folder_ctrl .capture_folder_lavel_two {
  padding-left: 0 !important;
}
.rc-tree-treenode.active:hover {
  background: rgb(14 154 239 / 10%) !important;
}
.rc-tree {
  border: 0 !important;
}
.gray_theme_custom_sidebar
  .capture_module_folder_ctrl
  .rc-tree-treenode.active:before {
  display: none !important;
}
.rc-tree-treenode.rc-tree-treenode-switcher-close.active
  .tree_sidebar_folder:hover {
  color: #fff !important;
}
.task_action_icon_ctrl.full_view_view_icon svg {
  width: 12px !important;
  min-width: 12px !important;
}
.for-ProgressBar.progress_in_capture .uppy-ProgressBar-inner {
  height: 4px;
  background-color: #0e9aef;
  box-shadow: none;
  border-radius: 4px;
}
.for-ProgressBar.progress_in_capture {
  position: absolute;
  top: 499px;
  width: 100%;
  left: 0;
}
.scroll-area-capture-in-modal.imc {
  height: calc(100vh - 250px) !important;
  border-radius: 4px !important;
  width: 100%;
  overflow: auto !important;
  text-align: center;
}
.dropdown.show > .four_column.sorting_dropdown:hover,
.four_column.sorting_dropdown:hover {
  background: #f5f5f7 !important;
  opacity: 1;
  border: 1px solid #e9e9eb !important;
}
.comments_area:hover .action-magic-dots .dropdown-menu {
  width: 122px !important;
}
.three_dot_dropdown.in_comment_section i:hover {
  opacity: 1;
}
.reply_in_comment i,
.three_dot_dropdown.in_comment_section i {
  padding: 0 3px;
  font-size: 10px;
  color: #151b26;
  opacity: 0.6;
  margin-left: 5px;
  cursor: pointer;
}
.reply_in_comment svg {
  display: inline-flex;
}
.reply_in_comment svg * {
  fill: #151b26;
  opacity: 0.6;
}
.reply_in_comment {
  margin: 0 0;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 1px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
}
.reply_in_comment:hover {
  background-color: #edeff0;
}
.reply_in_comment:hover svg * {
  opacity: 1;
}
.comments_area .action-magic-dots .dropdown-menu {
  width: 122px;
  right: 0 !important;
  margin-right: 0 !important;
  left: auto;
  top: -96px !important;
}
.trash_color_v {
  color: #ed4758 !important;
}
.comments_area:hover .action-magic-dots .reply_in_comment,
.comments_area:hover .action-magic-dots .three_dot_dropdown.in_comment_section {
  display: inline-flex;
  opacity: 1;
}
.reply_in_comment,
.three_dot_dropdown.in_comment_section {
  opacity: 0;
}
.dropdown.show .three_dot_dropdown.in_comment_section i {
  opacity: 1;
}
.dropdown.show .three_dot_dropdown.in_comment_section {
  opacity: 1;
}
.reply_comment_col_ctrl .comment_text p {
  margin-bottom: 0;
}
.reply_commented_msg_ctrl {
  display: none;
}
.help-block {
  display: block;
  margin-top: 5px;
  color: #737373;
}
#preview_object_upload_popup .help-block {
  margin: 3px 0;
}
.form-group.edit_note_quill_editor.in_note_popup .ql_note_editor_section {
  padding-bottom: 0;
}
.add_note_inner_content_wrap .form_input_group_ctrl .form-group .help-block {
  margin-bottom: 0;
}
.modal-footer.add_url_footer_ctrl button.btn {
  margin: 0;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
}
.add_note_inner_content_wrap
  .form-group.edit_note_quill_editor.has-error:focus-within {
  border: 1px solid #ef0e3c !important;
}
.add_note_inner_content_wrap .form-group.edit_note_quill_editor.has-error {
  border: 1px solid #ef0e3c !important;
}
.modal-footer .btn + .btn {
  margin-left: 5px !important;
}
.modal-header .close {
  padding: 0 !important;
  margin: 0;
  line-height: unset;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  outline: 0;
  border: 0;
}
.modal-title.modal-large-heading {
  margin-top: 0;
}
.fg_bm_ctrl {
  margin-bottom: 0 !important;
}
.capture_view_outer_inner_wrap.preview_panel.note_capture_active {
  min-height: auto;
  border-radius: 0 0 3px 3px;
}
.note_preview.in_merge_capture .ql-toolbar.ql-snow .ql-formats:last-child {
  border-right: 0 !important;
  padding-right: 0 !important;
}
.dropdown-menu {
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  border: 1px solid #d5d5d6 !important;
}
.preview_loader.table_data_preview_loader {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 80px);
}
.rc-tree-treenode.rc-tree-treenode:hover .on_hover_visibility_1 {
  opacity: 1;
  z-index: 999;
  transition: opacity 0.3s ease-in-out;
}
.rc-tree-treenode.rc-tree-treenode:hover .on_hover_count_visibility_0 {
  opacity: 0;
}
.rc-tree-treenode.rc-tree-treenode.active:hover .on_hover_visibility_1 {
  background: 0 0 !important;
}
.section_hover_active.rc-tree-treenode.rc-tree-treenode .on_hover_visibility_1 {
  opacity: 1;
  z-index: 999;
}
.capture_thumbnail.in_vertical_bar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #f5f5f7;
  border: 1px solid #cbd3da;
  border-radius: 3px;
  margin-right: 7px !important;
}
.search_bar_for_capture
  .mcd_search_box
  > .fas.fa-times-circle.clear-text-search-left {
  top: 8px !important;
}
.data_table_main_box .rdt_TableHead .rdt_TableHeadRow {
  background: #fff;
  height: 47px;
  min-height: 47px;
  padding: 0 20px 0 4px;
  border-radius: 4px 4px 0 0;
}
.data_table_main_box .rdt_TableRow {
  padding: 8px 20px 8px 4px;
  min-height: auto;
  background: #fff;
}
.rdt_TableHeadRow {
  background: #ecedf0;
  height: 47px;
  border-radius: 4px 4px 0 0;
  min-height: 47px;
}
.table_outer_border_ctrl {
  border: 0 solid #e1e1e1;
  border-radius: 4px 4px 0 0;
}
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(2),
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(4),
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(5),
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableRow
  .rdt_TableCell:nth-child(2),
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableRow
  .rdt_TableCell:nth-child(4),
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableRow
  .rdt_TableCell:nth-child(5) {
  max-width: 140px;
  min-width: 140px;
  flex-grow: 1;
  align-self: stretch;
}
.rdt_TableBody {
  overflow: auto;
  max-height: calc(100vh - 311px) !important;
}
.user_date_column_outer_wrap {
  overflow: unset !important;
}
.table_data_main_container {
  overflow: unset !important;
}
.rdt_TableCol_Sortable {
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.User_list_table .data_table_main_box .rdt_TableCell,
.User_list_table .data_table_main_box .rdt_TableCol {
  width: 0;
  padding-right: 0;
}
.User_list_table .data_table_main_box .rdt_TableCell:nth-child(4),
.User_list_table .data_table_main_box .rdt_TableCell:nth-child(5),
.User_list_table .data_table_main_box .rdt_TableCol:nth-child(4),
.User_list_table .data_table_main_box .rdt_TableCol:nth-child(5) {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
}
.User_list_table .data_table_main_box .rdt_TableCell:first-child,
.User_list_table .data_table_main_box .rdt_TableCol:first-child {
  min-width: 220px;
  max-width: 220px;
}
.User_list_table .rdt_TableBody,
.web_app_log_table .rdt_TableBody {
  max-height: calc(100vh - 282px) !important;
}
.desktop_app_log_table .rdt_TableBody {
  max-height: calc(100vh - 233px) !important;
}
.User_list_table .data_table_main_box .rdt_TableCell:nth-child(3),
.User_list_table .data_table_main_box .rdt_TableCol:nth-child(3) {
  max-width: 260px;
  min-width: 260px;
}
.User_list_table .data_table_main_box .rdt_TableCell:first-child,
.User_list_table .data_table_main_box .rdt_TableCol:first-child {
  min-width: 160px;
  max-width: 160px !important;
}
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(3),
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableRow
  .rdt_TableCell:nth-child(3) {
  width: 200px;
  max-width: 200px;
}
.desktop_app_log_table .data_table_main_box .rdt_TableCell:first-child,
.desktop_app_log_table .data_table_main_box .rdt_TableCell:nth-child(2),
.desktop_app_log_table .data_table_main_box .rdt_TableCell:nth-child(3),
.desktop_app_log_table .data_table_main_box .rdt_TableCol:first-child,
.desktop_app_log_table .data_table_main_box .rdt_TableCol:nth-child(2),
.desktop_app_log_table .data_table_main_box .rdt_TableCol:nth-child(3) {
  width: 250px;
  max-width: 250px;
}
.web_app_log_table.data_table_main_box .rdt_TableCell:first-child,
.web_app_log_table.data_table_main_box .rdt_TableCell:nth-child(3),
.web_app_log_table.data_table_main_box .rdt_TableCol:first-child,
.web_app_log_table.data_table_main_box .rdt_TableCol:nth-child(3) {
  max-width: 180px;
}
.web_app_log_table .data_table_main_box .rdt_TableCell:nth-child(2),
.web_app_log_table .data_table_main_box .rdt_TableCol:nth-child(2) {
  max-width: 240px;
}
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableRow
  .rdt_TableCell:first-child {
  width: 0;
  flex: 1;
}
.rdt_Pagination button {
  width: 18px;
  height: 22px;
  padding: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dadce0;
}
.rdt_Pagination button svg {
  width: 16px;
  height: 16px;
  display: block;
}
.rdt_Pagination .bhpBQc button:first-child,
.rdt_Pagination .bhpBQc button:nth-child(3) {
  border-right: 1px solid transparent;
}
.rdt_Pagination .bhpBQc button:nth-child(2) {
  margin-right: 6px;
}
.rdt_Pagination .gFRdFJ {
  margin: 0 14px 0 6px;
}
.table_data_main_container.setting_table_ctrl .rdt_Pagination {
  padding: 0;
  min-height: 28px !important;
  position: absolute;
  right: 33px;
  background: 0 0;
  min-width: 360px;
  border: 0;
  width: 600px;
  top: 19px;
  right: 20px;
  color: #333;
}
.rdt_TableCol_Sortable {
  width: 100%;
}
.rdt_TableCol_Sortable .fJpndx {
  margin-left: auto;
  display: flex;
}
.bmkkvw,
.jpnrBA {
  padding-right: 0;
}
.web_app_log_table .data_table_main_box .rdt_TableCell:first-child,
.web_app_log_table .data_table_main_box .rdt_TableCol:first-child {
  max-width: 130px;
}
.web_app_log_table .data_table_main_box .rdt_TableCell:nth-child(3),
.web_app_log_table .data_table_main_box .rdt_TableCol:nth-child(3) {
  max-width: 130px;
}
.web_app_log_table .data_table_main_box .rdt_TableCell:nth-child(4),
.web_app_log_table .data_table_main_box .rdt_TableCol:nth-child(4) {
  max-width: 320px;
}
.no_result_found_in_table {
  padding: 24px;
  font-size: 16px;
  font-weight: 600;
  color: #465369;
  height: calc(100vh - 325px) !important;
  position: static !important;
  border-top: 0 !important;
  background: 0 0 !important;
}
.rdt_TableCol .rdt_TableCol_Sortable .__rdt_custom_sort_icon__ i {
  width: auto !important;
  color: #9aa0ac;
  font-size: 13px !important;
}
.rdt_TableCol_Sortable .data_filter_icon {
  top: 16px;
}
.data_filter_icon i.fas.fa-caret-up {
  margin-top: -6px;
  margin-right: -8px;
}
.desc.__rdt_custom_sort_icon__ .data_filter_icon {
  top: 20px;
}
.top_bar_search_input.search_right input[type="search"]:focus {
  border: 1px solid #0e9aef;
}
.tagDropDown .active.rc-tree-treenode-switcher-close .fa-times {
  right: 9px;
}
.tagDropDown .rc-tree-treenode-switcher-close .fa-times,
.tagDropDown .rc-tree-treenode-switcher-open .fa-times {
  right: 9px;
  position: absolute;
  color: hsla(0, 0%, 100%, 0.7215686274509804);
}
.tagDropDown .active.rc-tree-treenode-switcher-close .fa-times {
  display: block;
  position: absolute;
  color: hsla(0, 0%, 100%, 0.7215686274509804);
  transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.folder_dropdown_ctrl .active.rc-tree-treenode-switcher-close .fa-times {
  right: 9px;
}
.folder_dropdown_ctrl .active.rc-tree-treenode-switcher-close .fa-times {
  display: block;
  position: absolute;
  right: 9px;
  color: hsla(0, 0%, 100%, 0.7215686274509804);
  transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.count_by_view_dropdown_ctrl {
  min-width: 174px;
}
.count_by_view_dropdown_ctrl .dropdown_cat_action_arrow {
  position: relative;
  top: 1px;
}
.view_by_capture_dropdown_ctrl {
  width: 174px;
}
.mid_capture_ctrl {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mid_email_ctrl {
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-react .video-react-big-play-button {
  top: 0 !important;
  bottom: 0;
  margin: auto;
  left: 0 !important;
  right: 0;
  width: 60px !important;
  background-color: rgba(0, 179, 255, 0.8) !important;
  border: 0 !important;
  border-radius: 100% !important;
  color: #fff;
  padding: 15px !important;
  height: 60px !important;
}
.video-react .video-react-big-play-button:focus,
.video-react:hover .video-react-big-play-button {
  background-color: #00b3ff !important;
  opacity: 1;
}
.modal.common_image_viewer_modal .video_preview.in_modal {
  max-width: 56%;
  max-height: 100%;
}
.video-react .video-react-big-play-button:before {
  top: 7px !important;
}
button.video-big-play-dummy-button {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 0;
  background: rgb(14 154 239 / 80%);
  color: #fff;
  right: 0;
  margin: auto;
}
button.video-big-play-dummy-button i {
  font-size: 16px;
}
button.video-big-play-dummy-button:hover {
  background: #00b3ff;
  transition: 0.25s ease all;
}
.in_conversation_preview.video_preview_height_ctrl {
  max-height: 360px;
  max-width: 360px;
  margin: auto;
}
.in_conversation_preview.video_preview_height_ctrl .view-bug-image-rcl {
  height: 360px;
  max-height: 185px;
}
.IN_SINGLE_FULL_VIEW .in_conversation_preview.video_preview_height_ctrl {
  max-height: 600px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
}
.IN_SINGLE_FULL_VIEW
  .in_conversation_preview.video_preview_height_ctrl
  .view-bug-image-rcl {
  height: auto;
  max-height: 600px;
  width: 100%;
  display: inline-flex;
}
.timer_popup_multiple_time_entries {
  max-width: 320px;
  border-radius: 6px;
}
.folder_dropdown_ctrl .rc-tree-treenode.capture_folder_lavel_two {
  padding-left: 9px !important;
}
.folder_dropdown_ctrl .rc-tree-treenode.active:before {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 4px;
  color: #fff;
  font-size: 12px;
  display: block !important;
}
.preview_loader.in_outline_popup {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.fw_loader_in_capture {
  position: fixed !important;
}
.btn {
  padding: 6px 12px;
  font-size: 14px;
  margin: 0;
  line-height: 1.42857143;
}
.btn-success.focus,
.btn-success:focus,
.btn.focus,
.btn:focus {
  box-shadow: none;
}
.modal-footer .btn-success:not(:disabled):not(.disabled).active,
.modal-footer .btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  background: #1a7bb9;
  border-color: #1a7bb9;
  box-shadow: none;
}
.tag_section_in_left_sidebar .capture_tag_level_one.rc-tree-treenode {
  padding: 0 0 0 23px;
}
.tag_section_in_left_sidebar
  .capture_tag_level_one
  .task_draggable_number.rcl
  svg {
  width: 14px;
  height: 14px;
}
.tag_section_in_left_sidebar .capture_tag_level_one .task_draggable_number.rcl {
  left: 3px;
  margin-left: 1px;
  top: 7px;
  width: auto;
}
.tag_section_in_left_sidebar
  .rc-tree-treenode:hover
  .task_draggable_number.rcl {
  opacity: 1;
}
.tag_section_in_left_sidebar .rc-tree-treenode .rc-tree-indent {
  display: none;
}
.tag_section_in_left_sidebar
  .rc-tree-treenode
  .rc-tree-switcher.rc-tree-switcher-noop {
  display: none;
}
.tag_section_in_left_sidebar .capture_tag_level_two.rc-tree-treenode {
  padding: 0 0 0 32px;
}
.tag_section_in_left_sidebar .rc-tree-treenode {
  height: 28px;
  padding: 4px 0;
}
.capture_tag_level_one.rc-tree-treenode.parent_tag_level_ctrl {
  padding: 2px 0 2px 9px;
}
.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
  width: 100% !important;
  position: unset !important;
}
.palette ul.case-color.list-inline li > div {
  width: 30px;
  height: 30px;
}
.fw_loader_in_capture .merging_overlay_capture {
  background: 0 0;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.show {
  opacity: 1;
}
.modal.fade .modal-dialog {
  webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.in_note_popup .ql-toolbar.ql-snow .ql-formats {
  border-right: 0 !important;
}
.textcontent_section_editing {
  height: 100% !important;
  width: 100% !important;
  line-height: 27px !important;
}
.modal .modal-dialog {
  max-width: 600px;
  width: 600px;
}
.no_data_found_wrapper .no_data_found_innr_ctrl p {
  font-size: 13px;
  line-height: 20px;
  opacity: 1;
}
.no_data_found_innr_ctrl.EmptyMsg p {
  margin-bottom: 0;
}
.no_data_found_innr_ctrl.EmptyMsg button i {
  font-size: 12px;
  margin-right: 7px;
}
.no_data_found_innr_ctrl p.bold-message {
  font-weight: 600;
  line-height: normal;
  margin-top: 10px;
  font-size: 13px;
  line-height: normal;
  opacity: 1;
}
.no_data_found_wrapper .no_data_found_innr_ctrl {
  padding-top: 0;
}
.textarea_smooth_animation {
  animation: textareaAnimation 0.2s ease-in forwards;
}
@keyframes textareaAnimation {
  0% {
    transform: scale(0.95);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.text_area_outer_animated_container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.label_accordion_on_hover i.fas.fa-caret-down,
.label_accordion_on_hover i.fas.fa-caret-right {
  opacity: 0 !important;
  height: 12px;
}
.label_accordion_on_hover:hover i.fas.fa-caret-down,
.label_accordion_on_hover:hover i.fas.fa-caret-right {
  opacity: 1 !important;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl > .fill_icon_ctrl {
  opacity: 0;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl .sb_fill_icon_ctrl {
  display: none;
}
ul.capture_fixed_menu_ul > li.active .element_icn_ctrl .sb_line_icon_ctrl {
  display: none;
}
ul.capture_fixed_menu_ul > li.active .element_icn_ctrl .sb_fill_icon_ctrl {
  display: block;
}
.setting_table_ctrl .top_bar_search_input.search_right {
  margin-bottom: 15px;
  width: calc(100% - 400px);
}
.rc-tree-treenode.active .task_draggable_number svg {
  fill: #fff;
}
.captures_icon_wrap .ct_icon_ctrl svg * {
  fill: #fff;
}
.Pane.vertical {
  overflow: unset !important;
}
.snippet-size_active
  .captures_data_ctrl_li.sub_capture.capture_list_CaptureGroupedList {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 13px !important;
}
.capture_thumbnail_in_front {
  height: 100%;
  align-items: center;
  justify-content: center;
  display: none;
}
.capture_thumbnail_inner {
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: center;
  width: 60px;
  background-color: #f5f5f7;
  border: 1px solid #cbd3da;
  border-radius: 4px;
  margin: 0 5px 0 9px;
}
.snippet-size_active .capture_thumbnail_in_front {
  display: flex;
}
.snippet-size_active .task_list_ctrl .project-variable.list-size {
  display: none;
}
.capture_list_outer_container {
  width: 100%;
}
.dropdown-toggle::after {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.snippet-size_active
  li.active
  .project-variable
  svg
  * {
  fill: #333333 !important;
}
.capture_thumbnail_in_front .project-variable.snippet-size svg {
  width: 18px;
  height: 18px;
}
.column_layout.task_listing .project-variable svg,
.column_layout.task_listing .project-variable svg.fill_color * {
  fill: #333333;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.bulk_action_active
  .right-list-item-over
  i {
  color: #333;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.bulk_action_active
  .right-list-item-over
  .three_dots_icon.dropdown-toggle.show_magic_dropdown {
  opacity: 0.8;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.bulk_action_active
  .right-list-item-over
  .three_dots_icon.dropdown-toggle.show_magic_dropdown:hover {
  opacity: 1;
}
.modal-header {
  padding: 15px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-title {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: center !important;
  align-items: center;
  margin: 0 auto;
  line-height: normal;
}
.modal-body label {
  font-size: 13px;
  color: #353535;
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  line-height:normal;
}
.add_dropdown_in_list_ctrl.dropdown-open {
  background: #f5f5f7;
}
.capture_folder_element_ctrl .capture_fixed_menu_list.four_column_layout {
  padding: 0;
}
.thsb-search_right {
  margin-left: auto;
}
.three-dot-dropdown-open .timer_subtask_ctrl .right-list-item-over {
  opacity: 1;
}
.three-dot-dropdown-open
  .timer_subtask_ctrl
  .right-list-item-over
  .three_dots_dropdown_main
  .three_dots_icon {
  color: #333 !important;
}
.manage_folder_flex textarea#newSubFolderEditInput {
  line-height: 20px;
}
.upload_processing_loader {
  border: 2px solid #7ecdfd;
  border-radius: 50%;
  border-top: 2px solid #0e9aef;
  width: 18px;
  height: 18px;
  -webkit-animation: spin-data-v-1f43a9d8 2s linear infinite;
  animation: spin-data-v-1f43a9d8 0.8s linear infinite;
  display: inline-flex;
}
.upload_processing_label .upload_processing_loader {
  margin-left: 2px;
}
@keyframes spin-data-v-1f43a9d8 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.multiselect_assignpee_unique_element_ctrl .iconbg.iconbg_indent_ctrl,
.multiselect_participant_unique_element_ctrl .iconbg.iconbg_indent_ctrl {
  margin-right: 6px;
}
.multiselect_assignee_unique_element_ctrl .iconbg.iconbg_indent_ctrl svg,
.multiselect_participant_unique_element_ctrl .iconbg.iconbg_indent_ctrl svg {
  width: 16px !important;
  height: 16px !important;
}
.multiselect_assignee_unique_element_ctrl,
.multiselect_participant_unique_element_ctrl {
  background: #f5f5f7;
}
.section_hover_active .three_dot_dropdown_ctrl.in_merged_outline_menu {
  opacity: 1;
}
button.canvas_tool {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0;
  border-radius: 3px;
  position: relative;
}
button.canvas_tool .tool_bar_fill_icon {
  position: absolute;
  display: none;
}
button.canvas_tool.active .tool_bar_fill_icon {
  display: block !important;
}
button.canvas_tool .tool_bar_fill_icon * {
  position: absolute;
  fill: #fff;
  display: block;
}
button.canvas_tool.active {
  background: #20aaea;
}
button.canvas_tool.active svg * {
  fill: #fff;
}
button.canvas_tool.active:hover svg * {
  fill: #fff;
}
button.canvas_tool.active .tool_bar_outline_icon {
  display: none;
}
.capture_preview_zoom_ui_ctrl {
  display: flex;
  align-items: center;
  position: absolute;
  left: 70px;
  bottom: 95px;
  margin: auto;
  width: 150px;
}
.zoom_component_left_align {
  display: flex;
  box-shadow: 0 0 5px #3333337a;
  border-radius: 4px;
  font-size: 14px;
  color: #2f3b42;
  font-weight: 600;
}
.zoom_component_left_align {
  display: flex;
  box-shadow: 0 0 5px #3333337a;
  border-radius: 4px;
  font-size: 14px;
  color: #2f3b42;
  font-weight: 600;
}
.zoom_component_left_align {
  display: flex;
  box-shadow: 0 0 5px #3333337a;
  border-radius: 4px;
  font-size: 14px;
  color: #2f3b42;
  font-weight: 600;
  overflow: hidden;
}
.capture_preview_zoom_ui_ctrl .img_fit_to_screen_btn i {
  color: #404040;
  font-size: 16px;
}
.capture_preview_zoom_ui_ctrl .btn.btn-decrease,
.capture_preview_zoom_ui_ctrl .btn.btn-increase,
.capture_preview_zoom_ui_ctrl .img_fit_to_screen_btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0;
  border-radius: 0;
}
.capture_preview_zoom_ui_ctrl .zoom_percent_center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  background: #fff;
  height: 32px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.capture_preview_zoom_ui_ctrl .img_fit_to_screen_btn {
  margin-left: 10px;
  box-shadow: 0 0 5px #3333337a;
  border-radius: 4px;
}
.img_fit_to_screen_btn svg {
  width: 20px;
  height: 20px;
}
.img_fit_to_screen_btn svg * {
  fill: #7b7e84 !important;
  stroke: #7b7e84;
}
.capture_preview_zoom_ui_ctrl .btn.btn-decrease:hover,
.capture_preview_zoom_ui_ctrl .btn.btn-increase:hover,
.capture_preview_zoom_ui_ctrl .img_fit_to_screen_btn:hover {
  background: #ebebed;
}
.in_list_richtext_focus_mark_ctrl {
  height: 23px !important;
  line-height: 20px !important;
}
.logged_in_user_list {
  font-size: 13px;
  color: #333;
}
.logged_in_user_list .logged_in_user_li {
  height: auto;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 2px;
}
li.logged_in_user_li.choose_an_account {
  color: rgba(55, 53, 47, 0.8);
}
.logged_in_user_list .logged_in_user_li:hover {
  background: #f8f8f8;
}
.logged_in_user_list .logged_in_user_li > button {
  padding: 0;
  border: 0;
  background: 0 0;
  font-size: 15px;
  height: auto;
  margin: 0 0 0 6px;
  line-height: 100%;
  cursor: pointer;
}
.logged_in_user_list .logged_in_user_li > button:hover {
  color: #000;
}
.self_container_p_default {
  padding: 6px 0 6px 0 !important;
}
ul.logged_in_user_list .logged_user_email_list {
  padding-bottom: 6px;
  margin-bottom: 6px;
  overflow-x: auto;
  max-height: 150px;
}
.self_container_p_default .capture_support_info {
  padding: 5px 20px 0;
}
.main_sidepanel_ctrl_for_verticalBar {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  display: none;
}
.capture_header_in_canvas .capture_type_icon {
  padding: 0 14px 0 5px;
}
.capture_preview_zoom_ui_ctrl .btn.btn-decrease i,
.capture_preview_zoom_ui_ctrl .btn.btn-increase i,
.capture_preview_zoom_ui_ctrl .img_fit_to_screen_btn i {
  color: #7b7e84;
  font-size: 13px;
}
.capture_preview_zoom_ui_ctrl .btn.btn-decrease:hover i,
.capture_preview_zoom_ui_ctrl .btn.btn-increase:hover i,
.capture_preview_zoom_ui_ctrl .img_fit_to_screen_btn:hover i {
  color: #333;
}
.conversation-selected-to-merge .tagged_assets_tags {
  display: flex;
  align-items: center;
}
.no_data_found_in_dropdown {
  padding: 8px 7px;
  font-size: 13px;
  color: #676a6c;
}
.dropdown-menu.theme_dropdown_with_icon_text.in_manage_folder_list_dropdown > a,
.dropdown-menu.theme_dropdown_with_icon_text.in_manage_tags_list_dropdown > a {
  padding: 5px 10px;
  line-height: 18px;
}
.dropdown-menu.theme_dropdown_with_icon_text > a > i,
.dropdown-menu.theme_dropdown_with_icon_text > a > svg {
  width: 12px;
  font-size: 12px;
}
.no_item_found_in_sidepanel {
  padding: 0 8px 10px 8px;
  color: #676a6c;
  font-size: 13px;
}
.loading_sps_data {
  padding: 0 0 10px 8px;
}
div#folderlist-empty-message .loading {
  padding: 10px 8px 10px 8px;
}
div#foldergrouplist-empty-message .loading {
  padding: 0 8px 10px 8px;
}
.live_comment_on_outline .custom_quil_comment_box {
  min-height: 8vh;
}
.live_comment_on_outline .tab-content {
  overflow: auto;
  max-height: 382px;
  padding: 10px 12px 10px 7px;
}
.cv_card_style_ctrl .live_comment_on_outline .tab-content {
  max-height: 282px;
  max-height: 237px;
}
.create_task_card_style_popup {
  border-radius: 6px;
  background: #fff;
  min-width: 340px;
  position: relative;
  box-shadow: 0 3px 6px #0000004d;
  -webkit-box-shadow: 0 3px 6px #0000004d;
  -moz-box-shadow: 0 3px 6px #0000004d;
  -ms-box-shadow: 0 3px 6px #0000004d;
  -o-box-shadow: 0 3px 6px #0000004d;
}
.task_meta_data_on_right {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-left: 50px;
}
.create_task_card_style_popup .rcl.preview_pane_header_ctrl {
  margin: 0 10px;
}
.create_task_card_style_popup .multi-assignee-wrapper {
  display: flex;
  align-items: center;
  padding-right: 0;
}
.card_popup_meta_data__ctrl
  .assignee-div.assignee-cv-div
  .iconbg.iconbg_indent_ctrl {
  display: flex;
  align-items: center;
  width: 22px;
  justify-content: center;
  margin-right: 5px;
}
.card_popup_meta_data__ctrl
  .assignee-div.assignee-cv-div
  .assignee-container.dropdown {
  display: flex;
  align-items: center;
}
.create_task_card_style_popup .create_new_task_row input.form-control {
  height: 32px;
  padding-left: 30px;
}
.create_task_card_style_popup .create_new_task_row input.form-control {
  height: 36px;
  padding-left: 10px;
}
.create_task_card_style_popup .create_task_button i {
  font-size: 11px;
  margin-right: 5px;
}
.create_task_card_style_popup .create_task_button {
  height: 28px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-left: auto;
  margin-right: 10px;
}
.card_popup_meta_data__ctrl
  .assignee-div.assignee-cv-div
  .iconbg.iconbg_indent_ctrl {
  width: 24px;
  background-color: rgba(211, 211, 213, 0.26);
  padding: 0 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  align-items: center;
  height: 26px;
}
.card_popup_meta_data__ctrl .assignee-div.assignee-cv-div {
  border-radius: 3px;
  border: 1px solid transparent;
  cursor: pointer;
}
.card_popup_meta_data__ctrl .assignee-div.assignee-cv-div:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.create_task_card_style_popup
  .create_new_task_row
  .capture_numbering_thumb.task_status_box,
.view_task_card_style_popup
  .create_new_task_row
  .capture_numbering_thumb.task_status_box {
  top: 7px;
  left: 4px;
}
.manage_folder_flex.active .folder_icon_ctrl svg {
  fill: #fff !important;
}
.manage_folder_flex .user_link_access_radio_rectangle {
  position: absolute;
  right: 0;
}
.manage_folder_flex
  .user_link_access_radio_rectangle
  .container
  input:checked
  ~ .checkmark {
  background-color: #0e9aef;
}
.manage_folder_flex .user_link_access_radio_rectangle input[type="checkbox"] {
  transform: scale(0);
  transition: 0.25s ease;
  opacity: 0;
  width: 14px !important;
  height: 14px !important;
}
.manage_folder_flex:hover
  .user_link_access_radio_rectangle
  input[type="checkbox"] {
  transform: scale(1);
  opacity: 1;
}
.manage_folder_flex
  .user_link_access_radio_rectangle
  label.container
  .checkmark {
  width: 14px !important;
  height: 14px !important;
}
.tab_navigation_bar_ctrl input[type="search"]::-webkit-search-cancel-button,
.tab_navigation_bar_ctrl input[type="search"]::-webkit-search-decoration,
.tab_navigation_bar_ctrl input[type="search"]::-webkit-search-results-button,
.tab_navigation_bar_ctrl
  input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.annotator_toolbar_sub_dropdown .dropdown-menu .toolbar_panel_item i {
  font-size: 16px;
  color: #404040;
}
.annotator_toolbar_sub_dropdown .dropdown-menu .toolbar_panel_item {
  width: 28px;
  height: 28px;
  margin: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.annotator_toolbar_sub_dropdown
  .dropdown-menu.dropdown-menu-bottom.color_varients {
  padding: 0;
  height: auto;
  margin-top: 8px;
}
.annotator_toolbar_sub_dropdown .arrow_box_top:after,
.annotator_toolbar_sub_dropdown .arrow_box_top:before {
  transform: translate(0, -50%) !important;
  top: 50% !important;
}
.telement_item_menu_ctrl {
  display: flex;
  align-items: center;
}
.telement_item_menu_ctrl .telement_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #333;
  font-weight: 600;
  font-size: 13px;
  padding: 0 6px;
  line-height: 24px;
  cursor: pointer;
}
.telement_item_menu_ctrl .telement_item svg {
  width: 22px;
  height: 22px;
  fill: #333333;
}
.telement_devider {
  border-right: 2px solid rgba(215, 217, 217, 0.98);
  height: 22px;
  width: 1px;
  margin: 0 5px;
}
.telement_item.telement_item_dropdown {
  width: auto;
}
.telement_item_menu_ctrl .telement_item .telement_item_d_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 8px;
}
.telement_item_menu_ctrl .telement_item .telement_item_d_icon svg {
  width: 10px !important;
  height: 10px !important;
}
.telement_item_menu_ctrl .telement_item svg {
  width: 22px;
  height: 22px;
  fill: #333333;
}
.telement_color_dropdown_ctrl {
  left: 0 !important;
}
.telement_item_menu_ctrl .telement_item:hover {
  background: #ebebed;
  border-radius: 3px;
}
.telement_item_menu_ctrl .telement_item:first-child svg {
  width: 16px;
  height: 16px;
}
.telement_font_size_dropdown_ctrl {
  min-width: 60px;
  margin: auto;
}
.dropdown.show .telement_item.telement_item_dropdown {
  background: #ebebed;
  border-radius: 3px;
}
.telement_color_dropdown_ctrl .colored_icon_ctrl.active:after {
  display: none;
}
.dropdown.show .telement_item {
  background: #ebebed;
  border-radius: 3px;
}
.telement_color_dropdown_ctrl
  li.drpdown_item_ctrl:last-child
  .colored_icon_ctrl {
  margin-bottom: 0;
}
.ft_common_blank_state_ui_in_setting p.bold-message.pb-0 {
  font-size: 16px;
}
.ft_common_blank_state_ui_in_setting i.fas.fa-tags.horizontal-tab-tag {
  color: #878f96a6;
}
.disabled_child_folder {
  cursor: not-allowed !important;
  opacity: 0.8 !important;
}
.disabled_child_tag {
  cursor: not-allowed !important;
  opacity: 0.8 !important;
}
.no_result_found.in_left_side_panel p.bold-message.pb-0 {
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  margin: 10px 10px 0;
  padding: 10px 0 10px !important;
}
.no_result_found.in_left_side_panel p {
  font-size: 13px;
  opacity: 1;
  line-height: 20px;
}
.no_item_exist.no_item_exist_top_0 {
  padding-top: 0;
}
.draggable_clone_ul {
  min-width: 272px !important;
}
.draggable_clone_ul .parent_element.drag_and_drop_functionality_ref {
  padding: 1px 10px 1px 10px !important;
}
.smooth_animation_active #modal_screenshot_image_canvas {
  transition:
    width 0.3s ease 0.3s,
    height 0.3s ease 0.3s;
  webkit-transition:
    width 0.3s ease 0.3s,
    height 0.3s ease 0.3s;
}
.project_dropdown_in_sidebar .folder-filter-name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 120px;
}
.comment_task_close_button {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 99999999999;
  color: #020202;
}
.comment_task_close_button svg {
  width: 16px;
  height: 16px;
}
.comment_task_close_button:hover svg {
  opacity: 1;
}
.comment_task_close_button svg {
  opacity: 0.7;
  transition: 0.2s ease;
}
.data_in_sidepanel.in_compact_view.active {
  width: 340px !important;
  right: 45px;
}
.data_in_sidepanel.in_compact_view {
  width: 0 !important;
  overflow: hidden;
}
.section_hover_active
  .dropdown.three_dots_dropdown_div.static_filter_three_dot_dropdown {
  opacity: 1;
}
.no_result_found_in_table svg {
  width: 120px !important;
  height: 120px !important;
  max-width: 120px !important;
}
.no_result_found_in_table p.bold-message.pb-0 {
  font-size: 18px !important;
}
.desktop_app_log_table .no_result_found_in_table {
  height: calc(100vh - 262px) !important;
}
.task_tab_content_inner.create_task_bg.live_comment_on_outline {
  overflow: unset;
  border-radius: 6px;
}
#call-function-to-open-comment-module-popup-box,
#call-function-to-open-comment-thread-module-popup-box {
  display: none;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .capture_inbox_splitter_inner.trash_is_open
  .vue_splitter_wrapper.preview_pane_is_opened
  > .SplitPane.vertical {
  width: calc(100% - 57px) !important;
}
.ql-mention-list-container.ql-mention-list-container-top {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgb(30 30 30 / 8%);
  z-index: 9001;
}
ul.inner_sidebar_ctrl > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
ul.inner_sidebar_ctrl > li a svg {
  width: 14px;
  height: auto;
  fill: #333333;
  opacity: 0.77;
  position: absolute;
  margin: auto;
}
ul.inner_sidebar_ctrl > li:hover a svg {
  opacity: 1;
}
ul.inner_sidebar_ctrl > li:hover a svg.filled_icon {
  opacity: 0;
}
ul.inner_sidebar_ctrl > li:hover a.active svg.filled_icon {
  opacity: 1 !important;
}
ul.inner_sidebar_ctrl > li a.active svg {
  fill: #fff;
  opacity: 1 !important;
}
ul.inner_sidebar_ctrl > li a.active svg path {
  fill: #fff;
  opacity: 1;
}
ul.inner_sidebar_ctrl > li a.active svg.filled_icon {
  opacity: 0 !important;
}
.info_block {
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  color: #737373;
}
.sign_up_form_ele_mt {
  margin-top: 16px;
}
.help_block a {
  color: #0e9aef;
}
.fancy_line_around_text {
  position: relative;
}
.fancy_line_around_text .text_separator {
  margin: 0;
}
.fancy_line_around_text:after,
.fancy_line_around_text:before {
  content: "";
  position: absolute;
  height: 1px;
  background: #e5e6e7;
  width: calc(100% - 68%);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.fancy_line_around_text:after {
  right: 0 !important;
  left: auto;
}
.form-group.field-loginform-password.required.margin-_bottom_auto {
  position: relative;
}
.password-icon {
  position: absolute;
  top: 40px;
  right: 5px;
  cursor: pointer;
  font-size: 18px;
}
.form-group.field-loginform-rememberme {
  margin-bottom: 0 !important;
  font-size: 13px;
  color: #333;
  font-weight: 500;
  margin-top: 16px;
}
.form-group.field-loginform-rememberme input[type="checkbox"] {
  width: 16px;
  height: 16px !important;
  margin-right: 8px;
  position: relative;
  top: 3px;
}
.form-group.field-loginform-rememberme .outer_container {
  display: flex;
}
.info_block.sign_up_form_ele_mt a {
  color: #0e9aef;
}
.info_block.sign_up_form_ele_mt a:hover {
  text-decoration: underline;
}
div#capture_detail_panel_modal .preview_pane_scroll {
  overflow: unset;
  height: auto;
}
.left_sidebar_content .project_list_item_count {
  margin-right: 10px;
  color: #262626 !important;
  opacity: 0.6;
  font-weight: 600;
}
svg.eye_off.icon_off {
  display: none;
}
.setting_side_panel_inner_scroll {
  overflow: auto;
  height: calc(100vh - 155px);
}
.three_dots_dropdown_innr_main
  > li.magic_dropdown_direct_action_btn
  > a
  .direct_action_btn {
  color: #252222;
}
ul.capture_fixed_menu_ul > li > a {
  display: flex;
  align-items: center;
  width: 100%;
}
ul.capture_fixed_menu_ul > li > a .capture_menu_item {
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 76%;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  color: #000 !important;
}
ul.inner_sidebar_ctrl > li a.active {
  background-color: rgb(14 154 239 / 10%);
  border: 1px solid rgb(14 154 239 / 50%);
}
ul.inner_sidebar_ctrl > li a.active svg.filled_icon *,
ul.inner_sidebar_ctrl > li > a.active i.filled_icon,
ul.inner_sidebar_ctrl > li > a.active svg.filled_icon {
  color: #fff !important;
  fill: #fff !important;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li
  a.active
  span.element_icn_ctrl
  svg
  * {
  fill: #fff;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li
  a.active
  span.element_icn_ctrl
  svg
  * {
  fill: #fff;
}
ul.capture_fixed_menu_ul > li > a.active {
  background-color: rgb(14 154 239 / 10%) !important;
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li
  a.active
  .capture_menu_item {
  color: #fff !important;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li
  a.active
  span.element_icn_ctrl
  i {
  color: #fff !important;
}
.dropdown-menu.add_capture_prority_dropdown_popup_button {
  width: 202px;
}
.tags_assignee_in_preview_ctrl .added_tags .added_tags_text {
  display: flex;
  align-items: center;
}
.tags_assignee_in_preview_ctrl .added_tags {
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px 0 4px !important;
}
.tags_assignee_in_preview_ctrl .tagged_assets_tags {
  display: flex;
  align-items: center;
}
.added_tag_stru_ctrl {
  display: flex;
  align-items: center;
}
.tag_assginee_ctrl .tags-div-conversation-view .tagged_assets_tags > span {
  display: flex;
  align-items: center;
}
.create_task_card_style_popup .Status-section .dropdown .btn {
  border: 1px solid #a4aab014;
  height: 26px;
}
.create_task_card_style_popup .preview_pane_top_header_main {
  padding: 10px 10px;
}
.create_task_card_style_popup .requred_task-name_here {
  padding: 10px 10px;
  border-bottom: 1px solid #d7d9d9;
}
.create_task_card_style_popup .time_track_inline_list {
  display: flex;
  align-items: center;
  padding: 0 10px 10px;
}
.create_task_card_style_popup .inline_item_ctrl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 4px;
}
.create_task_card_style_popup .inline_item_ctrl svg {
  display: block;
  fill: #878f96;
}
.create_task_card_style_popup .time_tarck_item_left {
  flex: 1 auto;
}
.create_task_card_style_popup .modal-footer.add_url_footer_ctrl button.btn {
  padding: 3px 6px;
  font-size: 13px;
}
.create_task_card_style_popup .modal-footer.add_url_footer_ctrl {
  padding: 8px 10px;
}
.assignee-div.assignee-cv-div.in_task_card_popup
  .assignee-icon.cp_multiple_assignee {
  padding: 0;
}
.time_track_inline_list .cp_multiple_assignee .assignee_circle {
  margin: 0;
}
.create_task_card_style_popup
  .create_new_task_row
  input.form-control::placeholder {
  color: rgba(52, 52, 52, 0.65) !important;
}
.page_data_view_item_tabs_ctrl .common_view_button {
  border: 0 !important;
  border-radius: 0 !important;
  font-weight: 600;
  color: #333;
}
.page_data_view_item_tabs_ctrl
  .common_view_button.icon_ctrl_three_panel_view
  svg
  path {
  fill: #474c55;
}
.page_data_view_item_tabs_ctrl .common_view_button:hover {
  background: 0 0;
}
.page_data_view_item_tabs_ctrl
  .common_view_button.icon_ctrl_three_panel_view.active
  svg
  path {
  fill: #0e9aef;
}
.page_data_view_item_tabs_ctrl
  .common_view_button.icon_ctrl_three_panel_view.active:after {
  background: #0e9aef !important;
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -15px;
  left: 0;
}
.page_data_view_item_tabs_ctrl
  .common_view_button.icon_ctrl_three_panel_view:hover:before {
  background: #0e9aef !important;
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -15px;
  left: 0;
}
.page_data_view_item_tabs_ctrl
  .common_view_button.icon_ctrl_three_panel_view.active {
  background: 0 0;
  color: #0e9aef;
  border: none !important;
}
.page_data_view_item_tabs_ctrl .common_view_button {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_data_view_item_tabs_ctrl .table_view_options_main_ctrl {
  margin: 0 18px 0 0;
}
.white_board_capture_preview_ctrl .cv_task_list_main_weapper.align-comment-end {
  background: #fff;
}
.white_board_capture_preview_ctrl
  .preview_pane_scroll.detect_attachment_hover_class.merged_capture_group
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: 100% !important;
  overflow: unset;
}
.white_board_capture_preview_ctrl .capture_view_outer_inner_wrap {
  background: #303b42;
  height: 200px;
}
.white_board_capture_preview_ctrl .panel_content_wrapper.metadataMainWrapper {
  height: 100% !important;
  overflow: unset !important;
}
.white_board_capture_preview_ctrl .panel_content_wrapper.metadataMainWrapper {
  height: 100% !important;
  overflow: unset !important;
}
.white_board_capture_preview_ctrl .wrapper-clm-bg {
  overflow: unset !important;
  height: 100%;
}
.white_board_capture_preview_ctrl
  .capture_metadata_in_side_panel
  .metadata_option_ctrl.toggle-chevron:before {
  top: 10px;
}
.white_board_capture_preview_ctrl .dropicon i {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.white_board_capture_preview_ctrl
  .cv_task_list_main_weapper
  .cv_task_list_inner {
  padding-bottom: 0;
  padding-top: 0;
}
.white_board_capture_preview_ctrl .capture_field_in_meta_data {
  padding-bottom: 8px;
}
div#call-function-to-open-task-module-popup-box {
  display: none;
}
div#call-function-to-open-display-task-module-popup-box {
  display: none;
}
.User_list_table .data_table_main_box .rdt_TableCell:nth-child(2),
.User_list_table .data_table_main_box .rdt_TableCell:nth-child(3),
.User_list_table .data_table_main_box .rdt_TableCol:nth-child(2),
.User_list_table .data_table_main_box .rdt_TableCol:nth-child(3) {
  width: 200px;
  max-width: 200px;
}
.User_list_table .data_table_main_box .rdt_TableCell div,
.data_table_main_box .rdt_TableRow .rdt_TableCell div {
  white-space: normal;
  overflow: unset;
  text-overflow: unset;
  word-break: break-all;
}
.data_table_main_box .rdt_TableRow p {
  margin-bottom: 0;
}
.common_image_viewer_modal.show {
  z-index: 99 !important;
  opacity: 1;
  transform: translateY(0) scale(1);
  transition:
    opacity 0.2s ease,
    transform 0.3s ease;
  transition-delay: 0.2s;
}
.common_image_viewer_modal.show img {
  transform: translate3d(0, 0, 0) scale(1);
  max-height: 100%;
  max-width: 100%;
  width: auto;
  flex: 0 1 auto;
}
.white_board_capture_preview_ctrl .thumbnail-view-preview-panel ul li {
  margin: 5px;
  width: calc(100% / 7 - 20px);
}
.white_board_capture_preview_ctrl .preview_pane_dynamic_height {
  height: 100% !important;
}
.thumbnail-view-preview-panel input.attachment-name {
  border: 1px solid #e5e6e7;
  width: 100%;
  left: 0;
}
.due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor {
  color: #333;
  font-size: 13px;
  padding: 0;
  display: flex;
  align-items: center;
  width: 100%;
}
.white_board_capture_preview_ctrl
  .tags_assignee_in_preview_ctrl
  .tagged_assets_tags {
  display: inline-block;
}
.bottom_section_ctrl.in_metadata_sidepanel
  .tags_assignee_in_preview_ctrl
  .tagged_assets_tags {
  display: inline-block;
}
.white_board_capture_preview_ctrl
  .tags-container.tabbing_item_bb_none
  .tag_title_list {
  border-bottom: 0;
}
.white_board_capture_preview_ctrl .tags-container .add-tags {
  margin-bottom: 0;
}
.dropdown.three_dots_dropdown_div.trash_dropdown.show
  .dropdown-menu.theme_dropdown_with_icon_text {
  top: -66px;
  margin-top: 0 !important;
  min-width: 140px;
}
.dropdown.three_dots_dropdown_div.project_heading_advance_settings_ctrl.trash_dropdown.show {
  opacity: 1;
}
ul.dropdown-menu.theme_dropdown_with_icon_text.in_manage_folder_list_dropdown {
  min-width: 180px;
}
.tabs_item_collapsed .tag_title_list {
  border-bottom: 0;
}
.common_section .dropicon i {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.annotator_comment_three_dot_dropdown {
  width: 140px !important;
  min-width: 140px !important;
}
#call-function-to-open-comment-thread-module-popup-box
  .comment_task_close_button.comment_box_btn {
  display: none;
}
.common_section .section-title {
  border-bottom: 0 !important;
  height: 34px !important;
}
.common_section .tag_title_list {
  border-bottom: 0;
}
.white_board_capture_preview_ctrl
  .capture_view_outer_inner_wrap.preview_panel
  .note_preview
  div {
  background: #fff;
  word-break: break-word;
  color: #333;
}
.create_task_card_style_popup .create_new_task_row,
.view_task_card_style_popup .create_new_task_row {
  display: flex;
  align-items: center;
}
.create_task_card_style_popup .create_new_task_row input,
.create_task_card_style_popup .create_new_task_row input::placeholder {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  position: relative;
  padding: 6px;
  height: 30px !important;
}
.create_task_card_style_popup .create_new_task_row input:focus {
  border: 0 !important;
}
.create_task_card_style_popup
  .create_new_task_row
  .capture_numbering_thumb.task_status_box,
.view_task_card_style_popup
  .create_new_task_row
  .capture_numbering_thumb.task_status_box {
  top: 0;
  left: 0;
  position: relative;
  height: 14px;
  margin: 0;
}
.comment_task_close_button.ct_close_btn {
  position: relative;
  top: 0;
  right: 0;
}
.comment_task_close_button.ct_close_btn svg {
  width: 12px;
  height: 12px;
}
.comment_task_close_button.ct_close_btn svg * {
  fill: #666666;
}
.create_task_card_style_popup .task_meta_data_on_right {
  margin-left: 0;
  padding: 7px 0;
}
.create_task_card_style_popup
  .assignee-div.assignee-cv-div
  .assignee-container.dropdown {
  padding-right: 5px;
}
.add_new_view_btn {
  font-size: 13px;
  color: #5b5b5b;
  padding: 0 6px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  font-weight: 600;
  line-height: 22px;
  border: 1px solid transparent;
  margin: 0 15px;
}
.add_new_view_btn i {
  font-size: 10px;
  margin-right: 6px;
}
.add_new_view_btn:hover {
  background: #ebebed;
}
.add_new_view_btn.show {
  background: #0e9aef1c;
  color: #0e9aef;
  border: 1px solid #0e9aef42;
}
.vt_task_name {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  padding: 0 6px 0 6px;
  position: relative;
  display: inline-flex;
  max-width: 287px;
  max-height: 90px;
  overflow: auto;
  margin: 0 7px 0 0;
  min-width: 287px;
  word-break: break-word;
}
.view_task_card_style_popup.create_task_card_style_popup .create_new_task_row {
  align-items: baseline;
}
.vt_icon_ctrl {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  margin-right: 10px;
}
.vt_icon_innr_ctrl {
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  justify-content: center;
}
.vt_icon_innr_ctrl:hover {
  background: #ebebed;
}
.vt_icon_innr_ctrl i,
.vt_icon_innr_ctrl svg * {
  color: #6f6f6f;
  fill: #6f6f6f;
}
.vt_icon_innr_ctrl i,
.vt_icon_innr_ctrl svg {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.comment_box_ctrl.card_style_comment_popup {
  padding: 0;
  border: 0;
  box-shadow: 0 3px 6px #0000004d;
  -webkit-box-shadow: 0 3px 6px #0000004d;
  -moz-box-shadow: 0 3px 6px #0000004d;
  -ms-box-shadow: 0 3px 6px #0000004d;
  -o-box-shadow: 0 3px 6px #0000004d;
  border-radius: 3px;
}
.card_style_comment_popup .custom_quil_comment_box .ql-editor {
  min-height: 44px;
  padding: 14px 7px 10px 7px;
  margin-bottom: 0 !important;
}
.card_style_comment_popup .ql-editor.ql-blank::before {
  color: grey !important;
}
.live_comment_on_outline .card_style_comment_popup .custom_quil_comment_box {
  min-height: auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card_style_comment_popup .custom_quil_comment_box.active .ql-editor {
  margin-bottom: 47px !important;
  max-height: 130px;
}
.ui-resizable-handle.ui-resizable-s {
  background: url(/static/media/resizable_handle.324704fb.svg) no-repeat center 9px;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0;
  cursor: ns-resize;
}
#resizable_panel .image_preview_height_ctrl {
  max-height: 100% !important;
  width: 100%;
}
.image_preview > img.view-bug-image-rcl {
  max-height: 100% !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  border-radius: 6px;
}
.custom_view_dropdown_ctrl .four_column.sorting_dropdown {
  padding: 0 !important;
  border: 0 !important;
}
.custom_view_dropdown_ctrl .four_column.sorting_dropdown:hover {
  background: 0 0 !important;
  border: none !important;
}
.custom_view_dropdown_ctrl .dropdown.show > .four_column.sorting_dropdown,
.four_column.sorting_dropdown:hover {
  background: 0 0 !important;
  border: none !important;
  padding: 0;
}
.custom_view_dropdown_ctrl .dropdown.show .for_views i {
  color: #333;
}
.custom_view_dropdown_ctrl .dropdown .for_views i {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}
.view_divider_line {
  height: 20px;
  width: 1px;
  background: #e9e9eb;
  margin: 0;
}
.filter_list_dropdown .visible_item {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 13px;
  line-height: 18px;
  margin-right: 0;
  cursor: pointer;
}
.filter_list_dropdown .visible_item svg {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: block;
}
.filter_list_dropdown {
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid transparent;
  position: relative;
  margin-left: 6px;
}
.filter_list_dropdown:hover {
  background-color: #f5f5f7 !important;
  border: 1px solid #e9e9eb !important;
}
.capture_filter_for_individual_merged .external_icon.icon_common_sty {
  padding: 1px 6px;
  border-radius: 3px;
  color: #676a6c;
  border: 1px solid transparent;
}
.capture_filter_for_individual_merged .external_icon.icon_common_sty:hover {
  background-color: #f5f5f7 !important;
  border: 1px solid #e9e9eb !important;
}
.capture_filter_for_individual_merged .external_icon.icon_common_sty i {
  margin-right: 6px;
  color: #888;
}
.custom_view_dropdown_ctrl .dropdown .for_views i:hover {
  color: #333;
}
.capture_module_line_view_ctrl.ml-0.three_dot_dropdown_on_top {
  margin-right: 5px;
}
.conversation_view_main_wrapper.cc_list_view_group
  .data_container
  .SplitPane.vertical {
  max-width: calc(100% - 45px) !important;
}
.capture_inbox_heading .list_header_inner_main {
  width: auto;
}
.list_action_in_main_header
  .list_header_inner_right.airtable_ui.filter_wrapper {
  width: auto;
  padding: 0;
}
.list_action_in_main_header .list_sub_header_main_right {
  margin: unset;
}
.list_action_in_main_header {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.list_action_in_main_header {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.list_action_in_main_header
  .count_with_tooltip.in_list_header
  .number_with_bracket {
  margin: 0;
}
.list_action_in_main_header .total_time_and_estimate_ctrl.tooltip_on_hover {
  margin-left: 0;
}
.no_result_found.in_left_side_panel.in_outline_view {
  height: calc(100% - 81px);
  border-top: 0 !important;
  background: #fff !important;
  margin-top: -10px;
  left: 0;
}
.abstract_color_icon_common_button:hover {
  background: #ebebed;
}
.abstract_color_icon_common_button {
  width: 23px !important;
  height: 23px !important;
  border-radius: 3px;
}
.abstract_color_icon_common_button i {
  font-size: 13px !important;
}
.abstract_color_icon_common_button svg {
  width: 13px !important;
  height: 13px !important;
}
.start_timer_text {
  padding: 0 6px 0 6px;
  color: #333;
  font-size: 12px;
  font-weight: 600;
}
.timer_ui_list_view
  .timer_class_div.timer_in_list.stopped_timer_class_div
  .start_timer_text {
  display: none;
}
.conversation_view_main_wrapper.list_view_1_ctrl
  .vertical_bar_in_capture_module_page
  .vertical_bar_on_page {
  margin-right: 0;
}
.white_board_capture_preview_ctrl
  .top_unique_common_merge_header
  #start_timer_main_div {
  margin-right: 6px !important;
}
.list_split_dropdown_ctrl .dropdown-menu.theme_dropdown_with_icon_text {
  width: 206px !important;
}
.quick-menu-item-top-choices .quick_menu_item_box_top svg {
  width: 16px;
  height: 16px;
}
.quick-menu-item-top-choices .quick_menu_item_box_top svg * {
  fill: #878f96;
}
.conversation_view_main_wrapper .total_time_and_estimate_ctrl {
  border-right: 0;
  padding-right: 0;
}
.top_bar_search_input input[type="search"]::-webkit-search-cancel-button,
.top_bar_search_input input[type="search"]::-webkit-search-decoration,
.top_bar_search_input input[type="search"]::-webkit-search-results-button,
.top_bar_search_input input[type="search"]::-webkit-search-results-decoration {
  padding-right: 0 !important;
  font-size: 13px;
  top: -2px;
  margin-left: 5px;
  margin-right: -12px;
}
.four_column_ui
  .conversation_view_main_wrapper
  .vue_splitter_pane.capture_detail_captures,
.four_column_ui
  .conversation_view_main_wrapper
  .vue_splitter_pane.vue_splitter_pane {
  height: calc(100vh - 119px) !important;
}
.capture_inbox_heading .inbox_heading_innr h4 {
  font-size: 13px;
  margin: 0;
  display: inline-flex;
  align-items: center;
}
.breadcrumbs_header_ctrl span.caret_icon > i:hover {
  color: #333;
  opacity: 1;
}
.dropbox_chooser_element {
  padding: 0 !important;
}
.dropbox_chooser_element > div {
  padding: 6px 10px;
  display: flex;
  align-items: center;
  width: 100%;
}
.dropbox_chooser_element > div svg {
  margin-right: 8px;
  width: 13px;
}
.col_height_ctrl.setting_theme_leftside_bar .setting_side_panel_inner_scroll {
  height: calc(100vh - 62px);
  padding: 10px 0;
}
.capture_module_folder_ctrl
  #myfolders
  .rc-tree-title
  #title-span
  .innertTextContent,
.capture_module_folder_ctrl
  #teamFolders
  .rc-tree-title
  #title-span
  .innertTextContent {
  display: inline-block;
  width: auto;
  max-width: 160px;
  line-height: normal;
}
.capture_module_folder_ctrl
  #myfolders
  .rc-tree-title
  #title-span
  .innertTextContent:hover,
.capture_module_folder_ctrl
  #teamFolders
  .rc-tree-title
  #title-span
  .innertTextContent:hover {
  border-bottom: 1px dashed;
}
.capture_group_folders_list .grouped_by_section.group_by_list_parent {
  background: #fff !important;
}
.capture_group_folders_list
  ul.column_layout.task_listing
  li.captures_data_ctrl_li {
  padding: 0 10px 0 21px !important;
}
.capture_group_folders_list.parent_folder_capture_list_view
  ul.column_layout.task_listing
  li.captures_data_ctrl_li {
  padding: 0 10px 0 21px !important;
}
.capture_group_folders_list .group_label_text_limitter {
  display: flex;
  align-items: center;
}
.capture_group_folders_list .group_label_text_limitter i {
  margin: 0 7px 0 0;
  color: #7b7e84;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr td:first-child,
.table.trash_table_ctrl thead.thead_ctrl tr th:first-child {
  min-width: 44% !important;
  max-width: 44% !important;
}
.table.trash_table_ctrl thead.thead_ctrl,
tbody.tbody_ctrl {
  display: block;
}
.table.trash_table_ctrl .tbody_ctrl {
  height: calc(100vh - 271px) !important;
  overflow-y: auto;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr td,
.table.trash_table_ctrl thead.thead_ctrl tr th {
  width: 160px !important;
  min-width: 160px;
  display: inline-flex;
  align-items: center;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr td:last-child,
.table.trash_table_ctrl thead.thead_ctrl tr th:last-child {
  width: 230px !important;
  min-width: 230px;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr button.btn {
  margin-right: 10px;
}
.table.trash_table_ctrl .tbody_ctrl tr:first-child td {
  border-top: 0;
}
.preview_pane_tabbed_panel .tab-content {
  display: inline-block;
  width: 100%;
}
.type_name_ctrl i,
.type_name_ctrl svg {
  display: inline-flex;
  margin-top: 4px;
  margin-right: 7px;
}
.type_name_ctrl svg {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.type_name_ctrl i {
  color: #7b7e84;
  font-size: 13px;
}
.no_connected_task.in_task_side_panel {
  height: calc(100vh - 243px) !important;
  background: #fff !important;
}
.count_task_view_dropdown_inner .search_box_with_back_icon_ctrl {
  border-top: 1px solid #e7e7e9;
}
.count_with_tooltip.in_list_header {
  display: flex;
  align-items: center;
}
.conversation_capture_list_search_innr .clear_text_search_in_list {
  top: -6px;
}
.capture_note_preview_full_popup .ql-editor {
  border: 0;
  padding: 10px 0;
}
.capture_note_preview_full_popup
  .ql_toolbar_main_wrap_ctrl
  .ui.attached.segment.ql-container.ql-snow {
  border: 0;
}
.screenshot-modal-wrapper.canvas_edit_compact_view .left-RC-fullScreen-modal {
  min-width: 100%;
}
.note_editor_body_section .ql-editor.ql-blank::before {
  left: 0 !important;
}
.note_editor_body_section
  .previewDetails-RC-fullScreen
  .ql-snow.ql-toolbar
  button {
  padding: 0 !important;
}
.capture_note_editor_full_view {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  border-radius: 4px;
}
.capture_note_editor_full_view .ql-toolbar.ql-snow {
  padding: 8px 10px;
  background: #f5f5f7ab;
  width: 100% !important;
  border-bottom: 1px solid #eaebee;
}
.note_editor_body_section .ui.attached.segment.ql-container.ql-snow {
  height: calc(100vh - 133px) !important;
}
.capture_note_preview_full_popup .ql-editor {
  border: 0;
  padding: 20px 40px 20px;
}
.note_editor_body_section .ql-editor.ql-blank::before {
  left: 40px !important;
  font-size: 13px !important;
}
.capture_note_preview_full_popup .capture_type_icon {
  border-right: 0;
  padding-right: 0;
}
.capture_note_editor_full_view .left-RC-fullScreen-modal {
  min-width: 100% !important;
}
.capture_note_preview_full_popup .capture_type_icon {
  border-right: 0 !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.ql-header.ql-picker .ql-picker-label {
  display: flex;
  align-items: center;
  margin: 0 4px;
}
.ql-font.ql-picker .ql-picker-label {
  display: flex;
  align-items: center;
}
.previewDetails-RC-fullScreen .ql-toolbar.ql-snow .ql-formats:last-child {
  border-right: 0 !important;
}
.capture_note_editor_full_view
  .content-RC-fullScreen-modal.capture_note_preview_full_popup {
  border-radius: 8px;
}
.capture_note_editor_full_view .fullscreen_main_inner_container {
  height: calc(100vh - 129px) !important;
}
.capture_note_editor_full_view
  .content-RC-fullScreen-modal.capture_note_preview_full_popup {
  webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.capture_note_editor_full_view .capture_type_icon svg {
  width: 14px;
  height: 14px;
}
.capture_filter_for_individual_merged.show .external_icon.icon_common_sty,
.dropdown.show > .four_column.sorting_dropdown,
.four_column_view_dropdown.groupBy_dropdown
  .dropdown.show
  .four_column.sorting_dropdown {
  background: #f5f5f7 !important;
  opacity: 1;
  border: 1px solid #e9e9eb !important;
}
.project_dropdown_in_sidebar.show {
  background: #f2f2f2;
  border: 1px solid #d4d8db;
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl.show .square_box {
  background-color: #ebebed;
  border: 0;
}
.priority-icon.dropdown.in_list_view.show {
  background: #ebebed;
}
.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon.show {
  border: 1px solid #d4d8db;
  background: #f2f2f2;
}
.breadcrumbs_header_ctrl .four_column.sorting_dropdown .three_dot_icon_ctrl i {
  position: relative;
  top: -1px;
}
.quick_search_empty_state {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 20px;
}
ul.inlist.assignee_dropdown > li.active .owner {
  color: #fff;
}
.cv_preview_pane_left_header .dropdown.show .icon_common_sty {
  background: #ebebed;
}
.dropdown.download_dropdown_ctrl
  .three_dot_action_dropdown.dropdown-forced-left
  .three_dots_dropdown_innr_main
  > li {
  padding-left: 10px;
}
.common_card_icon.show {
  background: #ebebed;
}
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron.metadata_bg.show
  .tags-div-conversation-view.tags_in_preview_panel,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron.show
  .assignee-container.dropdown,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron.show
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron.show
  .duedate-icon.dropdown.due_date_present
  .external_icon.icon_common_sty,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron.show
  .priority-icon.dropdown.add_capture_prority_dropdown_popup_button,
.in_metadata_sidepanel
  .capture_label_field
  .metadata_option_ctrl.toggle-chevron.show
  .project-icon.dropdown {
  background: #f5f5f7 !important;
}
.subtask-container .section-title .add-subtask button.show,
.tags-container .add-tags button.show {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.metadata_icon_in_capture_box.active {
  background: #ebebed;
}
.filter_list_dropdown.show {
  background-color: #f5f5f7 !important;
  border: 1px solid #e9e9eb !important;
}
.no_data_found_wrapper.empty_trash_state svg {
  width: 120px;
  max-width: 120px;
  height: 120px;
}
.no_data_found_wrapper.empty_trash_state .bold-message.pb-0 {
  font-size: 16px;
}
.no_data_found_wrapper.empty_trash_state {
  position: relative;
}
.task_wrap_bg_ctrl.connected_task_panel_active {
  background: #fff;
}
.parent_element.active .task_draggable_number svg {
  opacity: 1;
}
.parent_element .task_draggable_number {
  left: 0 !important;
}
.mcd_search_box.search_box_relative .clear-text-search-left {
  right: 14px;
  left: auto;
  top: 17px;
}
.mcd_search_box.search_box_relative input {
  padding-right: 24px;
}
.attach-div.common_section .attachment-list:nth-child(2) {
  border-top: 0 !important;
}
.breadcrumbs_header_ctrl
  .innertTextContent.cp_task_name.editable_content.teams_folder {
  max-width: 198px !important;
  min-width: auto;
  width: 193px !important;
}
.breadcrumbs_header_ctrl
  .innertTextContent.cp_task_name.editable_content.teams_folder:focus {
  color: #0e9aef;
}
.capture_view_outer_inner_wrap.preview_panel.note_capture_active
  .note_preview.in_merge_capture {
  overflow: hidden;
}
.is_popup_full_modal_view .overlay_popup {
  z-index: 98;
}
.sidebar_trash_area.trash_quick_actions_visible {
  background: #f2c7c8;
}
.sidebar_trash_area.trash_quick_actions_visible
  .dropdown.project_heading_advance_settings_ctrl.three_dots_dropdown_div {
  background: #f2c7c8;
}
.project_heading_advance_settings_ctrl.show > span > i {
  color: #333;
}
.tooltip_custom_popup.capture_clock_blc_tooltip
  .arrow_box_top.dropdown-right:before {
  right: 9px;
  left: auto;
  transform: none;
}
.tooltip_custom_popup.capture_clock_blc_tooltip {
  right: -13px;
}
.self_active_comments.active
  .activity_list_ctrl
  .comments_area.comment_area_right
  .bug_created_by_name {
  max-width: 100% !important;
  display: flex;
  align-items: center;
}
.self_active_comments.active
  .activity_list_ctrl
  .comments_area.comment_area_right.comment_area_byself
  .comments_innr_header {
  display: block !important;
  flex: 1;
  width: 0;
}
.comments_activity_ctrl .tab-content {
  padding: 5px 5px 0 5px !important;
}
.comments_activity_ctrl .tab-content .comments_list_ctrl {
  padding-bottom: 0;
}
.trash_is_open .setting_page_content_container {
  margin-left: 0;
}
body[style*="cursor: move;"]
  .task_data_block_container:hover
  .arrow_icon.doc_section_collapsible {
  display: flex !important;
  opacity: 1 !important;
}
button.btn.btn-success.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  min-width: 40px;
}
.rcl_gdrive iframe {
  width: 100%;
}
tr th.row-headers-background {
  padding: 6px 6px;
}
#rc_youtube_url_button_content_editable:not(:disabled):not(.disabled):active {
  box-shadow: none;
}
.rcl_gdrive {
  border: 1px solid #e9e9eb;
  margin: 0 0 20px;
  padding: 30px 10px 10px;
  position: relative;
}
.capture_module_line_view_ctrl.g_drive_frame_dropdown {
  position: absolute;
  right: 8px;
  top: 4px;
}
.has_single_row_block .rc-code-block {
  margin: 0 0 20px;
}
.has_single_row_block hr.rc_divider_class {
  margin: 0 0 20px;
}
.arrow_box_top.popup_out_of_window:after,
.arrow_box_top.popup_out_of_window:before {
  transform: rotate(180deg) !important;
  top: 100%;
}
.arrow_box_top.popup_out_of_window:after {
  margin-left: 3px;
}
.project-variable.list-size.thumbnail-large_active,
.project-variable.list-size.thumbnail-medium_active,
.project-variable.list-size.thumbnail-small_active {
  display: none;
}
.thumbnail-large_active .action_clear_info_ctrl,
.thumbnail-medium_active .action_clear_info_ctrl,
.thumbnail-small_active .action_clear_info_ctrl {
  color: #0e9aef;
  border: 0;
}
.thumbnail_view.merge_capture_icon svg {
  width: 22px !important;
  height: 22px !important;
}
ul.column_layout.task_listing.thumbnail-large_active .capture_thumb_details,
ul.column_layout.task_listing.thumbnail-medium_active .capture_thumb_details {
  width: 100%;
  display: inline-flex;
  float: left;
}
.right-list-item-over .subtask-action .disconnect_task .fas.fa-trash {
  color: #ed4758 !important;
  font-size: 10px !important;
  opacity: 0.8;
}
.preview_pane_tags_assignee_ctrl .tags_assignee_in_preview_ctrl {
  display: inline-block !important;
}
.metadata_option_ctrl .tags_in_preview_panel .tagged_assets_tags {
  display: flex !important;
}
button[disabled] {
  cursor: not-allowed;
  -webkit-box-shadow: none;
}
div#delete_febric_object_button {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
div#delete_febric_object_button:hover {
  background: #ebebed;
}
div#delete_febric_object_button {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timer_list_loader {
  height: calc(100vh - 364px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.timer_list_loader .loading_task_comments i {
  font-size: 30px;
}
.dropdown.tune_dropdown_ctrl.show {
  opacity: 1 !important;
  right: 15px !important;
}
.capture_comment_in_sidepanel .preview_pane_tabbed_panel .tab-content {
  padding: 0;
  height: 100%;
}
.assignee_dropdown_in_comments {
  right: auto !important;
  left: -246px !important;
  bottom: 0 !important;
  top: auto;
}
.custom_quil_comment_box:focus-within .ql-editor.ql-blank > div {
  min-width: 1px;
}
.custom_view_preview_ctrl {
  margin: 0;
  width: calc(100% - 7px);
  height: calc(100% - 92px);
}
.custom_view_preview_ctrl iframe {
  width: 100%;
  height: 100%;
}
.custom_view_preview_ctrl .custom_view_inner_wrap {
  padding: 7px;
  height: 100%;
}
.common_innr_dropdown.magic_client_dropdown.folder_dropdown_ctrl
  .mcd_client_list
  .no_data_found {
  padding: 6px 7px 6px 28px;
}
.no_data_found_div.in_breadcrumb {
  width: 100%;
  height: 100%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 200px;
}
.mcd_dropdown_empty_state {
  padding: 6px 7px 6px 28px !important;
}
.custom_view_dropdown_ctrl .cvd_label {
  padding: 5px 10px 5px 10px;
  margin: 0;
  color: #252222;
  opacity: 0.5;
  font-size: 12px;
  font-weight: 600;
}
.cv_data_group_count .cv_data_de_count {
  margin-right: 3px;
}
.cv_data_group_count {
  padding: 0 3px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  margin: 0;
}
.cv_data_group_count:hover {
  background: #ebebed;
}
.cv_data_group_count.show {
  background: #ebebed;
}
.cv_data_count_setting_dropdown .dropdown {
  position: relative;
}
.cv_data_count_setting_dropdown {
  display: none;
  margin-left: 6px !important;
}
.cv_data_count_setting_dropdown.show {
  display: block;
}
.custom_view_dropdown_ctrl a:hover .cv_data_count_setting_dropdown {
  display: block;
}
.new_custome_view_wrap {
  display: flex;
  align-items: center;
}
.table_view_options_main_ctrl:hover .common_view_button {
  background: #fff;
}
.cv_data_count_setting_dropdown
  .dropdown-menu.theme_dropdown_with_icon_text.dropdown-right {
  right: 0;
  top: 100%;
  margin-top: 0;
}
.custom_view_dropdown_ctrl .dropdown-menu {
  max-width: 170px;
}
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a
  .Vicon {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom_view_preview_ctrl .embed_video_ctrl {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}
div#call-function-to-open-comment-module-popup-box {
  border-radius: 3px;
  border: 0;
  max-height: 34px;
}
.comment_box_ctrl.card_style_comment_popup .custom_quil_comment_box:hover {
  border: 1px solid #333;
}
.comment_box_ctrl.card_style_comment_popup .custom_quil_comment_box {
  border: 1px solid transparent;
  border-radius: 3px !important;
}
.comment_box_ctrl.card_style_comment_popup .custom_quil_comment_box:focus {
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper.cc_list_view_group
  .data_container
  .SplitPane.vertical.sidepanel_active_in_vertical_bar {
  max-width: calc(100% - 375px) !important;
}
.comments_area.comment_area_right .quote_msg_ctrl svg {
  fill: #fff !important;
}
.comments_area.comment_area_right .reply_comment_col_ctrl .divider_no_margin {
  background: #dee0e1;
}
.modal.common_image_viewer_modal.in.popup_active {
  z-index: 9999999999 !important;
}
.rc_annotator_setting_ele_right {
  display: flex;
  margin-right: 0 !important;
  align-items: center;
}
.rc_annotator_setting_dropdown .dropdown-menu {
  width: 140px !important;
  min-width: 140px;
}
.rc_annotator_setting_dropdown .common_view_button > i {
  margin: 0 7px 0 0;
  font-size: 13px;
  color: #7e8187;
}
.rc_annotator_save_button .common_view_button.icon_ctrl_three_panel_view {
  background: #0e9aef;
  color: #fff;
}
.rc_annotator_save_button .common_view_button.icon_ctrl_three_panel_view:hover {
  background: #2b82bb !important;
  color: #fff;
}
.rc_annotator_save_button
  .four_column.sorting_dropdown.table_view_dropdown_options:hover {
  background: #2b82bb !important;
  border: #2b82bb !important;
  border-top: #2b82bb !important;
}
.rc_annotator_save_button
  .dropdown.show
  .four_column.sorting_dropdown.table_view_dropdown_options {
  background: #2b82bb !important;
  border: #2b82bb !important;
  border-top: #2b82bb !important;
}
.rc_annotator_save_button .common_view_button.icon_ctrl_three_panel_view i {
  color: #fff;
}
.rc_annotator_save_button
  .four_column.sorting_dropdown.table_view_dropdown_options {
  background: #0e9aef;
}
.rc_annotator_save_button .table_view_dropdown_options:after,
.rc_annotator_save_button .table_view_dropdown_options:before {
  color: #fff;
}
.rc_annotator_setting_dropdown .common_view_button.icon_ctrl_three_panel_view {
  min-width: auto;
  line-height: 26px;
}
.rc_annotator_setting_dropdown .dropdown {
  position: relative;
}
.rc_annotator_setting_dropdown
  .four_column.sorting_dropdown.table_view_dropdown_options {
  width: 26px;
}
.rc_annotator_setting_dropdown .table_view_dropdown_options:after,
.rc_annotator_setting_dropdown .table_view_dropdown_options:before {
  right: 8px;
}
.rc_annotator_setting_dropdown
  .common_view_button.icon_ctrl_three_panel_view:hover {
  background: #f5f5f7;
}
.rc_annotator_setting_dropdown {
  margin: 0 0 !important;
}
.cc_list_view_group
  .blank_capture_in_side_panel
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 572px) !important;
}
.cc_list_view_group
  .conversation_preview_pane_main_wrapper
  .cv_task_list_main_weapper {
  min-height: auto;
}
.rc_annotator_save_button
  .common_view_button.icon_ctrl_three_panel_view
  .saving {
  display: flex;
  align-items: center;
}
.common_view_button.icon_ctrl_three_panel_view.save_process_updated {
  border-radius: 4px;
}
.panel_content_wrapper.conversation_preview_pane_main_wrapper
  .preview_pane_scroll {
  height: calc(100vh - 292px);
}
ul.embed_tabs_ul li.active:hover {
  background: #0e9aef30;
}
#bulk_rename_modal .modal-body .form-group:last-child {
  margin-bottom: 0;
}
.rc_view_setting_action_dropdown {
  max-width: 160px;
}
.custom_view_dropdown_ctrl a input.new_added_capture_textarea {
  width: 100%;
  border: 1px solid #3f9edc;
  border-radius: 3px;
}
.estimate_time_view_flex_btn {
  display: flex;
  align-items: center;
}
.timer_class_div.timer_in_list i.fas.fa-chevron-down {
  margin: 0;
}
.subtask-list .right-list-item-over i.fas.fa-chevron-down {
  padding: 0;
}
.attachment_name_with_info #CaptureEditableInput {
  line-height: 23px;
  border-radius: 3px;
  border: 0;
  min-width: 260px;
}
.common_image_viewer_modal .attachment_name_with_info .attachment_type_name {
  position: relative;
  padding-right: 26px !important;
}
.common_image_viewer_modal
  .attachment_name_with_info
  .attachment_type_name
  .edit_in_card {
  position: absolute;
  right: 4px;
}
.feddback_loop_ctrl:hover .three_dot_dropdown.in_comment_section {
  opacity: 1 !important;
}
.feddback_loop_ctrl_thread:hover .three_dot_dropdown.in_comment_section,
.reply_in_comment {
  opacity: 1;
}
.is_popup_full_modal_view
  .in_full_screen_merged_captures
  .create_task_form_scroller {
  height: calc(100vh - 141px);
}
.dropdown.tune_dropdown_ctrl.all_capture_ctrl.show {
  right: 0 !important;
}
.capture_comment_in_sidepanel
  .comment_area_byself_ctrl.pl_activity_ctrl
  .comments_text {
  width: 170px !important;
}
.data_in_sidepanel.in_compact_view .create_task_form_scroller {
  height: calc(100vh - 153px);
}
.views_widget_main_ctrl.page_data_view_item_tabs_ctrl {
  position: static;
  left: 0;
  right: 0;
  margin: auto;
  max-width: initial;
  justify-content: unset;
  width: auto;
  padding: 0 15px;
}
.cfib_elem a i {
  margin-right: 7px;
}
.cfib_elem a {
  color: #fff;
}
.supported_tools_main_ctrl {
  position: absolute;
  left: 0;
  right: 0;
  justify-content: center;
  max-width: 50%;
}
.snippet-size_active li.bulk_action_active .capture_thumbnail_in_front svg * {
  fill: #333333 !important;
}
.project-variable
  li.bulk_action_active
  .task_list_ctrl
  .project-variable
  svg
  * {
  fill: #fff !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.bulk_action_active
  .project-icon.in_conversation_view {
  background-color: #f5f5f7 !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.bulk_action_active
  .project-icon.in_conversation_view
  .iconbg {
  background-color: #ededee;
}
ul.column_layout.task_listing.snippet-size_active
  li.bulk_action_active
  .task_draggable_number
  svg
  * {
  fill: #fff !important;
  color: #fff;
}
bulk_action_active .task_draggable_number svg * {
  fill: #fff !important;
  color: #fff;
}
li.bulk_action_active .date_time_timer_ctrl svg,
li.bulk_action_active .date_time_timer_ctrl svg * {
  fill: #7b7e84;
}
.capture_group_folders_list
  .group_label_text_limitter.child_folder_group_label_text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.notification_tagged_area_ctrl_left.show_less
  .rc_notification_mentioned_area_span {
  display: -webkit-box;
  max-width: 250px;
}
.notification_tagged_area_ctrl_left {
  max-width: calc(100% - 98px);
  display: block !important;
}
.notification_tagged_area_ctrl {
  align-items: baseline !important;
}
.notification_tagged_area_ctrl_left.show_less {
  display: inline-flex !important;
}
span.show_more_show_less {
  font-size: 10px;
  padding: 0 0 0 4px;
  color: #0e9aef;
  display: inline-flex;
  align-items: center;
}
.white_board_capture_preview_ctrl
  .capture_view_outer_inner_wrap
  .editor_in_note_capture:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 30%);
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  cursor: pointer;
}
.white_board_capture_preview_ctrl
  .capture_view_outer_inner_wrap
  .editor_in_note_capture {
  background: #fff;
  width: calc(100% - 40px);
  margin-top: 20px;
  border-radius: 4px 4px 0 0;
}
.white_board_capture_preview_ctrl
  .preview_panel_quill_editor
  .ql-editor.ql-blank[data-placeholder]:before {
  height: 157px !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  color: #fff !important;
  z-index: 9;
}
.rc_noti_view_more_btn {
  color: #0366d6;
  font-size: 12px;
  margin-left: 2px;
}
.notification_info_area_ctrl div {
  display: inline;
}
.rc_noti_view_more_btn:hover {
  text-decoration: underline;
}
.name_of_tags_in_sorting {
  max-width: 200px;
  display: inline-block !important;
}
.settings_profile_field_in .profile_input_group input.disabled {
  background: #f5f5f7ba;
  color: #aaaaadba;
}
.no_connected_task.in_sidepanel.in_captures_details p {
  margin-bottom: 0;
}
.is_popup_full_modal_view
  .blank_capture_in_side_panel
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 156px) !important;
}
.data_table_main_box .list_data_column_ctrl {
  height: auto;
}
.no_doc_selected_data_ctrl.rc_blank_page_mb-12 svg {
  margin-bottom: 16px;
}
.time-entry-div .timer_entries_dropdown_li input#update_time_entry_name {
  margin-left: 10px;
  border: 1px solid #0e9aef;
  padding: 0 5px;
  margin-right: 5px;
  line-height: 18px;
}
.time-entry-div
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li
  .timer_watch_counter {
  display: flex;
  align-items: center;
}
.white_board_capture_preview_ctrl
  .comments_area.comment_area_right.comment_area_byself.comment_area_byself_ctrl.pl_activity_ctrl
  .comments_text {
  width: 400px;
}
.page_data_view_item_tabs_ctrl .common_view_button .data_view_item_name_text {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 1.4;
}
.custom_view_dropdown_ctrl a.active .for_views i {
  color: #fff;
  opacity: 0.8;
}
.custom_view_dropdown_ctrl a.active .for_views i:hover {
  opacity: 1;
  color: #0e9aef;
}
.common_image_viewer_modal .capture_full_image_btn {
  margin-right: 0;
}
.multiple_attachment_container
  .capture_coment_attachment
  .rc_video_player_container
  video {
  width: auto !important;
  height: auto !important;
  max-width: initial !important;
}
.popup_opened_upside
  .live_comment_on_outline
  .card_style_comment_popup
  .custom_quil_comment_box.active {
  bottom: auto;
}
.popup_opened_upside {
  bottom: auto;
}
.popup_opened_upside div.quill_side_panel_comment_box_area_comment {
  position: relative;
}
.rc-tree-iconEle.rc-tree-icon__customize svg {
  fill: #7b7e84;
  margin-right: 5px;
  width: 13px;
  height: 13px;
  display: block;
}
.folder_dropdown_ctrl .rc_capture_count {
  display: inline-block;
  margin-left: auto;
  position: absolute;
  right: 10px;
  font-size: 13px;
  color: #465369;
  opacity: 0.8;
}
#call-function-to-open-comment-thread-module-popup-box
  .live_comment_on_outline {
  position: relative;
  max-height: 360px;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  overflow: hidden !important;
}
#call-function-to-open-comment-thread-module-popup-box
  .live_comment_on_outline
  > .capture_comment_activity {
  max-height: 220px;
  overflow: auto;
}
#call-function-to-open-comment-thread-module-popup-box
  .live_comment_on_outline
  .card_style_comment_popup
  .custom_quil_comment_box.active {
  position: relative;
}
#call-function-to-open-comment-thread-module-popup-box
  .live_comment_on_outline
  .tab-content {
  overflow: unset;
  max-height: initial;
}
.comment_activity_main_content_ctrl .comments_list_ctrl {
  padding-bottom: 0;
}
#call-function-to-open-comment-thread-module-popup-box
  .live_comment_on_outline
  .card_style_comment_popup
  .custom_quil_comment_box {
  position: relative;
}
.feddback_loop_main_ctrl.in_sidepanel
  .feedback_popup_list:last-child
  .feddback_loop_ctrl_thread.comment_msg:after {
  display: none !important;
  opacity: 0;
}
.feddback_loop_ctrl_thread .feedback_comment_content {
  color: #333;
}
#call-function-to-open-comment-module-popup-box
  .add_task_popup.add_comment_popup {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.popup_opened_upside .add_task_popup.add_comment_popup {
  top: 0;
}
.capture_coment_attachment .rc_video_player_container {
  width: auto !important;
  height: auto !important;
  display: flex;
}
.capture_coment_attachment .rc_video_player_container video {
  max-width: 240px !important;
}
.feddback_loop_ctrl.active .feedback_comment_content .mention {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
.thread_popup_opened_upside
  .add_task_popup.add_comment_popup.task_popover_sidepanel {
  top: 0;
  bottom: auto !important;
}
#call-function-to-open-comment-thread-module-popup-box
  .add_task_popup.add_comment_popup.task_popover_sidepanel {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  border-radius: 6px;
  border: 1px solid #ccc;
}
.task_wrap_bg_ctrl .task_rec_content_wrap:last-child {
  margin-bottom: 0;
}
.connected_task_panel_active .task_rec_content_wrap {
  cursor: default;
}
.rc-table table.rc_table_section tr td {
  align-items: center;
  vertical-align: middle;
}
.rc_table_inner_wrap {
  margin: 28px 28px 14px;
  width: 0;
}
.add_column.float_right {
  right: 0;
  left: auto !important;
}
.rc-heading span {
  display: inline-block;
}
.rc-heading .rc_heading_class {
  margin: 0 !important;
  padding: 0;
}
.rc-divider {
  display: inline-flex !important;
  width: 100%;
}
.rc-divider span {
  display: inline-block;
  width: 100%;
}
.two_label_folder_structure .active .info svg {
  fill: #fff;
}
.tab-pane.comments_list_ctrl .comments_innr_header {
  margin-left: unset;
  justify-content: unset;
}
.outline_tree_menu_main_ctrl .parent_element .child_capture_name {
  max-width: 150px;
  display: inline-block;
  color: #333;
  line-height: normal;
}
.outline_tree_menu_main_ctrl .new_added_capture_textarea {
  background: #48494d;
  border-radius: 4px;
}
.outline_tree_menu_main_ctrl .child_element .child_capture_name {
  max-width: 130px !important;
  display: inline-block;
}
.rc-trash-option-disabled {
  cursor: not-allowed !important;
  opacity: 0.85;
}
.close_selected_data_view i {
  color: #465369;
  opacity: 0.7;
  font-size: 10px;
}
.close_selected_data_view i:hover {
  opacity: 1;
}
.close_selected_data_view {
  margin-left: 5px;
  opacity: 0;
}
.filter_boolean_val.final_category .close_selected_data_view {
  opacity: 1;
}
.multi-captureFormat-wrapper {
  align-items: center;
  flex-direction: row;
}
.multi-captureFormat-wrapper .selected_pill.in_filter {
  display: inline-flex;
  margin-right: 5px;
}
.multi-captureFormat-wrapper .selected_pill.in_filter:last-child {
  margin-right: 0;
}
.metadata_option_ctrl
  .external_icon.icon_common_sty:hover
  .close_selected_data_view,
.metadata_option_ctrl:hover
  .estimate_timer_default_text
  .close_selected_data_view {
  opacity: 1;
}
.rc-table table .draggable_handle.active:after {
  position: absolute;
  content: "";
  background: red;
  width: 1px;
  height: 100%;
  right: -1px;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li.active
  .tag_name {
  color: #fff;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li.active
  .project_list_item_count {
  color: #fff;
}
.rc-tree-treenode.active .rc-tree-iconEle.rc-tree-icon__customize svg {
  fill: #fff;
}
div#left_side_bar_pane {
  height: calc(100vh - 51px) !important;
}
.comments_area.comment_area_right.comment_area_byself
  .comment_text_bg
  .rcl_gdrive {
  padding: 0;
  border: 0;
  margin: 0;
  display: inline-flex;
}
.conversation_preview_pane_main_wrapper .merged_preview_loader {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.custom_view_dropdown_ctrl a .new_added_capture_textarea {
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 28px;
  padding: 5px 10px;
  background: 0 0;
}
.custom_view_dropdown_ctrl a {
  min-height: 28px;
  position: relative;
}
.custom_view_dropdown_ctrl a.active input.new_added_capture_textarea {
  color: #333;
  background: #fff;
}
.comment_text_bg pre.ql-syntax {
  white-space: unset;
  overflow: unset;
}
.rc_gdrive_section iframe {
  width: 100% !important;
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul > li > a.active:before {
  display: none;
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul > li > a.active {
  background: 0 0;
  border-bottom: 2px solid #fff !important;
  color: #fff;
  transition: color 0.1s ease-out;
}
.upload_dropdown .dropdown button.dropdown-toggle:hover > i {
  color: #fff;
}
.upload_dropdown button:hover {
  background: #0e9aef;
}
.rc_apps_group_ctrl {
  display: flex;
  align-items: center;
  border: 1px solid #ffffff38;
  background: 0 0;
  height: 30px;
  margin: 0 12px;
  border-radius: 3px;
  padding: 8px;
}
.rc_apps_group_ctrl .get-more-app {
  padding: 0;
  margin: 0 14px 0 0;
  color: #fdfdfd;
  font-size: 12px;
  font-weight: 400 !important;
}
.rc_apps_group_ctrl .compact_ui.top_header_action_tools_ctrl:last-child {
  margin-right: 0 !important;
}
.gray_theme_custom_sidebar .rc-tree-list-holder-inner {
  padding: 0 5px;
}
.gray_theme_custom_sidebar .capture_fixed_menu_ul.my_inbox_section,
.gray_theme_custom_sidebar ul.mainmenu-gmail-panel {
  padding: 0 5px;
}
.gray_theme_custom_sidebar .capture_fixed_menu_ul.my_inbox_section li,
.gray_theme_custom_sidebar .rc-tree .rc-tree-treenode {
  border-radius: 3px;
  position: relative;
  color: #262626;
  border-right: 0;
}
ul.capture_fixed_menu_ul > li.pl-50 {
  padding-left: 50px !important;
  padding-left: 30px !important;
}
.gray_theme_custom_sidebar .ui_style_ctrl ul.left-menu-spacing > li {
  border-radius: 3px;
}
.gray_theme_custom_sidebar .inbox_default_folder {
  width: 100%;
  margin: 0;
  border-radius: 3px;
  position: relative;
}
.gray_theme_custom_sidebar textarea.cp_task_name.editable_content {
  border-radius: 3px;
}
.rc_switcher_view_ctrl {
  display: flex;
  align-items: center;
  width: 100%;
  background: #fff;
  border-top: 1px solid #dfdfdf;
}
.rc_switcher_view_ctrl a {
  width: 100%;
}
.rc_switcher_view_ctrl .rc_switcher_view_item {
  width: 100%;
  color: #9d9da3;
  font-size: 12px;
  text-align: center;
  transition: 0.1s ease-out;
  position: relative;
  cursor: pointer;
  border: 1px solid #393947;
}
.rc_switcher_view_item_center {
  box-sizing: border-box;
  height: 40px;
  font-size: 13px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 0 20px 0 8px;
  color: #b4b5b9;
  font-weight: 600;
}
.rc_switcher_view_icon {
  position: relative;
  height: 18px;
  margin-right: 5px;
}
.rc_switcher_view_item .rc_switcher_view_icon i {
  font-size: 14px;
}
.rc_switcher_view_item_center .trash_count {
  margin-left: auto;
  color: #262626;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
}
.rc_switcher_view_ctrl .rc_switcher_view_item .trash_dropdown {
  background: 0 0;
  top: 11px;
  right: 0;
}
.rc_switcher_view_ctrl .rc_switcher_view_item:hover .trash_dropdown {
  opacity: 1;
}
.dropdown.three_dots_dropdown_div.project_heading_advance_settings_ctrl.trash_dropdown:hover
  span
  > i {
  color: #333;
}
.dropdown.three_dots_dropdown_div.project_heading_advance_settings_ctrl.show.trash_dropdown:hover
  span
  > i {
  color: #fff;
}
.rc_switcher_view_item .rc_switcher_view_icon svg * {
  fill: #b4b5b9;
}
.rc_switcher_view_item.active .rc_switcher_view_icon svg * {
  fill: #fff;
}
.rc-trash-option-disabled:hover {
  background: #fff !important;
}
#foldergrouplist-empty-message,
#folderlist-empty-message {
  padding: 10px;
  border-radius: 3px;
  padding-top: 0;
}
.gray_theme_custom_sidebar .no_item_exist {
  padding: 5px 16px;
  text-align: center;
  border-radius: 1px;
}
.gray_theme_custom_sidebar .no_item_exist .no_item_msg_bold {
  font-size: 13px;
  font-weight: 600;
}
.gray_theme_custom_sidebar .no_item_exist .no_item_msg_normal {
  font-size: 12px;
  margin-bottom: 20px;
}
.gray_theme_custom_sidebar .no_item_exist .create_ele_btn {
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.gray_theme_custom_sidebar .no_item_exist .create_ele_btn button {
  background: #f3f4f6;
  height: 32px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #d5d9e1;
  color: #333;
  padding: 0 16px;
}
.gray_theme_custom_sidebar .no_item_exist .create_ele_btn button i {
  font-size: 12px;
  margin-right: 8px;
  color: #333;
}
.gray_theme_custom_sidebar .no_item_exist .create_ele_btn button:hover {
  background: #e7e9ed;
  color: #333;
}
.gray_theme_custom_sidebar .no_item_exist .create_ele_btn button:hover i {
  color: #fff;
}
.empty_msg_in_my_folder .loading_task_comments {
  padding: 0;
}
.timer_popup_multiple_time_entries
  .capture_time_main_header
  .capture_time_inner {
  border-bottom: 0;
}
.timer_popup_multiple_time_entries .time_track_manual_footer {
  border-bottom: 0;
  border-top: 1px solid #cbd3da;
}
.name_circle_section svg.heading_icon {
  position: relative;
  top: 2px;
}
.metadata_option_ctrl.toggle-chevron .assignee-div.participant-div .iconbg svg {
  width: 14px !important;
  height: 14px !important;
}
.rc_progress_collapse_expand_ctrl {
  position: absolute;
  bottom: 5px;
  width: calc(100% - 30px);
  z-index: 9999;
  box-shadow: 0 0 12px #00000036;
  border-radius: 8px 8px 0 0;
  left: 15px;
}
.rc_progress_collapse_expand_ctrl .for-ProgressBar.progress_in_capture {
  bottom: 0;
  top: auto;
  z-index: 99;
}
.rc_progress_collapse_expand_ctrl .file_uploader_ctrl_innr {
  border-bottom: 1px solid #dce1e6;
  min-height: 44px;
  background: #2a303b;
  border-radius: 8px 8px 0 0;
}
.rc_progress_collapse_expand_ctrl .capture_upload_scroll {
  max-height: 280px;
  padding: 7px !important;
  background: #f5f5f7;
}
.rc_progress_collapse_expand_ctrl .capture_upload_ctrl {
  margin-top: 0 !important;
  background: 0 0;
  background-color: transparent !important;
}
.rc_progress_collapse_expand_ctrl .file_uploader_ctrl {
  margin-top: 0;
  border-radius: 6px 6px 0 0;
  border-bottom: 0;
}
.rc_progress_collapse_expand_ctrl .uppy-ProgressBar-inner {
  height: 5px !important;
  border-radius: 0 !important;
}
.rc_progress_collapse_expand_ctrl .uppy.uppy-ProgressBar {
  height: 4px;
  position: absolute !important;
  top: auto;
  bottom: 0;
}
.rc_progress_collapse_expand_ctrl .individual_upload_ctrl {
  background: #fff !important;
  margin: 7px 0 0 0;
  border: 1px solid #dce1e6;
  border-radius: 3px;
  padding: 1px 8px;
  line-height: normal;
}
.close_uploaded_capture:hover {
  background: #48494d;
}
.close_uploaded_capture {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}
.close_uploaded_capture svg {
  opacity: 0.6;
  width: 12px;
  height: 12px;
}
.close_uploaded_capture svg * {
  fill: #fff;
}
.close_uploaded_capture:hover svg {
  opacity: 1;
}
.rc_progress_collapse_expand_ctrl .checkmark_tick {
  strokewidth: 3px;
}
.rc_switcher_view_item.active {
  background: rgb(14 154 239 / 10%) !important;
  border: 1px solid rgb(14 154 239 / 50%);
}
.white_board_capture_preview_ctrl .note_capture_active.empty_note_state_ctrl {
  height: 200px !important;
}
.white_board_capture_preview_ctrl
  .capture_view_outer_inner_wrap.preview_panel.note_capture_active {
  min-height: 200px;
}
.rc_switcher_view_ctrl .rc_switcher_view_item a {
  color: #9d9da3;
}
.rcl.preview_pane_header_ctrl:hover .close_selected_data_view {
  opacity: 1 !important;
}
.no_data_found_wrapper.empty_trash_state .no_data_found_innr_ctrl {
  height: 210px;
}
.trashed_item_main_ctrl {
  position: relative;
  height: calc(100% - 71px);
}
.trash_area_search_bar_visible .no_data_found_wrapper.empty_trash_state {
  height: calc(100% - 76px);
  position: static;
}
.no_result_found.in_task_side_panel {
  left: 0;
  top: 0;
  background: #fff;
  border-top: 0;
  height: 100%;
}
.table.trash_table_ctrl button.btn.btn-danger.delete-btn {
  float: right;
}
.rc_deleted_child_relation_ctrl {
  padding-left: 22px;
}
.rc_deleted_child_relation_ctrl tr.rc_deleted_child_list_item {
  width: 100%;
  padding-left: 22px;
  position: relative;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr.rc_deleted_child_list_item td {
  padding: 5px;
  height: 30px;
  line-height: unset;
}
.rc_deleted_child_list_item:before {
  content: "";
  display: block;
  height: 100%;
  bottom: auto;
  margin-left: -20px;
  pointer-events: none;
  background: #dee2e6;
  position: absolute;
  left: 8px;
  top: 0;
  width: 1px;
}
.rc_deleted_child_list_item:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 6px;
  top: 50%;
  pointer-events: none;
  border-bottom-left-radius: 8px;
  border-left: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  left: -12px;
  margin-top: -4px;
}
.table.trash_table_ctrl
  tbody.tbody_ctrl
  tr.rc_deleted_child_list_item
  > td.type_name_ctrl {
  width: calc(817px - 22px) !important;
  min-width: calc(817px - 22px) !important;
  max-width: calc(817px - 22px) !important;
  padding-right: 20px;
}
.rc_deleted_child_relation_ctrl
  .rc_deleted_child_list_item:last-child:last-child:before {
  content: "";
  position: absolute;
  height: 50%;
}
tr.rc_deleted_child_list_item .type_name_ctrl svg {
  margin-top: 6px;
}
tr.rc_deleted_child_list_item td {
  border-top: 1px solid #dee2e6 !important;
}
.rc_switcher_view_ctrl .rc_switcher_view_item_center .trash_dropdown.show i {
  color: #fff;
}
.rc_switcher_view_item:hover .trash_count {
  display: none;
}
.rc_switcher_view_item_center .trash_count.hidden {
  display: none;
}
.rc_switcher_view_item.active .rc_switcher_view_item_center .trash_count {
  color: #fff;
  opacity: 1;
}
.rc_switcher_view_item.active .rc_switcher_view_item_center {
  color: #fff;
}
.meta_data_area_in_side_panel div#start_timer_main_div {
  margin-right: 0 !important;
}
.rc_progress_collapse_expand_ctrl .capture_upload_final_state {
  color: #fff;
}
.rc_progress_collapse_expand_ctrl .collapse_expand_details i {
  color: #fff;
}
.rc_progress_collapse_expand_ctrl .collapse_expand_details:hover i {
  color: #48494d;
}
.rc_progress_collapse_expand_ctrl
  .capture_upload_scroll
  .individual_upload_ctrl:first-child {
  margin-top: 0;
}
.rc_progress_collapse_expand_ctrl
  .individual_upload_ctrl
  .capture_information_ctrl {
  flex: 1;
}
.rc_progress_collapse_expand_ctrl .upload_processing_label {
  color: #fff;
}
.rc_progress_collapse_expand_ctrl
  .upload_processing_label
  .upload_processing_loader {
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.rc_progress_collapse_expand_ctrl
  .individual_upload_ctrl
  .close_uploaded_capture
  svg
  * {
  fill: #333333;
}
.rc_progress_collapse_expand_ctrl
  .individual_upload_ctrl
  .close_uploaded_capture:hover {
  background: #fff;
}
.create_new_tag_here {
  padding: 8px 7px;
  font-size: 13px;
  color: #676a6c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  cursor: pointer;
}
.capture_inbox_heading .inbox_heading_innr {
  min-height: 40px;
}
.youtube_type_command > span {
  display: flex;
  align-items: center;
  line-height: normal;
}
.rc_blank_note_inside_resizable {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  align-items: center;
}
.inner_sidebar.in_front_left_sidebar {
  border-right: 0 !important;
}
.rc_shot_action_container .rc_shot_action {
  font-size: 13px;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 1px 5px rgb(0 0 0 / 40%);
  cursor: pointer;
}
.rc_shot_action_container .rc_shot_action i {
  font-size: 14px;
  color: rgb(51 51 51 / 0.7);
}
.rc_shot_action_container .rc_shot_action:hover {
  background: #f5f5f7;
}
.rc_shot_action_container .rc_shot_action svg {
  width: 14px;
  height: 14px;
}
.rc_shot_action_container .rc_shot_action:hover svg * {
  fill: #333333;
}
.white_board_capture_preview_ctrl
  div#resizable_panel:hover
  .rc_shot_action_container {
  opacity: 1;
}
ul.rc_shot_action_container {
  position: absolute;
  bottom: 15px;
  right: 15px;
  opacity: 0;
}
.rc_shot_action_container .rc_shot_action:hover i {
  color: #333;
}
.rc_create_capture_list_text i {
  font-size: 9px;
  margin-right: 5px;
  color: rgb(38 38 38 / 62%);
}
.rc_create_capture_list_text {
  font-size: 11px;
  padding: 4px 8px;
  display: inline-flex;
  border-radius: 4px;
  align-items: center;
  line-height: initial;
  color: rgb(38 38 38 / 62%);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -webkit-transition: background 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -moz-transition: background 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -ms-transition: background 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: background 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
li.captures_data_ctrl_list_btn {
  padding: 0 10px 0 22px !important;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px !important;
}
.rc_create_capture_list_text:hover {
  opacity: 1;
}
.empty_msg_in_my_folder {
  padding: 0 10px !important;
}
.capture_left_side_list_tag.active
  .rc-tree-iconEle.rc-tree-icon__customize
  svg {
  stroke: #fff;
}
.capture_left_side_list_tag .rc-tree-iconEle.rc-tree-icon__customize svg {
  stroke: transparent;
}
#tagDropdown .rc-tree-iconEle.rc-tree-icon__customize svg {
  stroke: transparent;
}
#tagDropdown .active .rc-tree-iconEle.rc-tree-icon__customize svg {
  stroke: #fff !important;
}
f .conversation_view_main_wrapper .listing_in_list_view .list_header {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #dfdfdf;
}
.conversation_view_main_wrapper
  .listing_in_list_view
  .list_header
  .list_sub_header_main {
  border-top: 0;
  border-bottom: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  > .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .parent_div_main_capture:first-child
  .grouped_by_section.group_by_list_parent.list-size_view_active {
  border-top: 0;
}
.manage_folder_flex.bulk_action_active {
  background: rgb(14 154 239 / 10%) !important;
  border-bottom: 0;
}
.capture_folder_element_ctrl.all_my_captures_section {
  border-top: 1px solid #484b50;
}
.all_my_captures_section ul.capture_fixed_menu_ul > li.parent_item_ctrl {
  line-height: initial;
}
.rc_manage_users_details_table
  .data_table_header_inner
  .tv_header_column:nth-child(2) {
  width: 15% !important;
}
.rc_manage_users_details_table
  .data_table_header_inner
  .tv_header_column:first-child {
  width: 35% !important;
  min-width: 260px !important;
}
.rc_manage_users_details_table
  .table_header_element_ctrl
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl.common_column_bc:first-child {
  width: 35% !important;
  min-width: 260px !important;
}
.rc_manage_users_details_table
  .table_header_element_ctrl
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl.common_column_bc:nth-child(2) {
  width: 15% !important;
}
.rc_manage_users_details_table .common_column_bc {
  width: 140px !important;
  min-width: 140px !important;
}
.users_quick_setting_dropdown .dropdown-menu {
  width: 120px;
  min-width: 120px;
  margin-top: 5px !important;
}
.users_quick_setting_dropdown .data_item i {
  margin-left: 6px;
  font-size: 13px;
  color: #333;
  opacity: 0.7;
}
.rc_manage_users_details_table .list_data_column_ctrl .data_item {
  display: inline-flex;
  align-items: center;
}
.rc_manage_users_details_table
  .user_date_column_outer_wrap
  .user_data_ul_list
  li
  .user_data_culumn_list_full_wrap {
  border-left: 0;
  border-right: 0;
}
.rc_manage_users_details_table
  .data_table_header_wrap
  .data_table_header_inner {
  background: #ffff;
  border-top: 0;
  border-bottom: 1px solid #e9e9eb;
}
.rc_manage_users_details_table ul.inlist.assignee_dropdown > li:hover {
  background-color: #f8f8f8;
}
.rc_manage_users_details_table
  ul.inlist.assignee_dropdown
  > li
  .user_data_culumn_list_full_wrap {
  min-height: 47px;
}
.desktop_app_log_table.rc_manage_users_details_table
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(6) {
  min-width: 145px !important;
}
.rc_manage_users_details_table
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl:nth-child(6) {
  max-width: 140px !important;
  min-width: 140px !important;
  width: 140px !important;
}
.rc_manage_users_details_table
  .table_header_element_ctrl
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl.common_column_bc:nth-child(4),
.rc_manage_users_details_table
  .table_header_element_ctrl
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl.common_column_bc:nth-child(5) {
  width: 130px !important;
  min-width: 130px !important;
}
.desktop_app_log_table.rc_manage_users_details_table
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(4),
.desktop_app_log_table.rc_manage_users_details_table
  .data_table_header_inner
  .tv_header_column.task_header_main_div.task_project_header_ctrl:nth-child(5) {
  width: 130px !important;
  min-width: 130px !important;
}
.rc_manage_users_details_table .user_date_column_outer_wrap {
  overflow: auto !important;
  height: calc(100vh - 329px);
}
.rc_manage_users_details_table {
  padding: 0 20px !important;
  margin-top: 0 !important;
}
.users_search_filter_header_control {
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.users_group_search_filters_left {
  display: flex;
  align-items: center;
  flex: 1;
}
.users_group_search_filters_left .search_bar_header {
  margin: 0;
}
.users_group_search_filters_left input[type="search"] {
  border-radius: 3px 0 0 3px !important;
}
.users_filter_button_control {
  padding: 10px;
  border: 1px solid #dadce0;
  line-height: 28px;
  border-left: 0;
  display: flex;
  align-items: center;
  height: 28px;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  color: #888;
}
.users_filter_button_control .users_filter_button_icon {
  width: 14px;
  font-size: 12px;
}
.users_filter_button_control .users_filter_button_text {
  margin: 0 5px 0 7px;
  font-size: 13px;
}
.users_group_header_control .tab_navigation_bar_inner {
  border-top: 1px solid #e9e9eb;
  margin-top: 10px;
}
.users_filter_button_control .users_filter_button_icon_i {
  font-size: 10px;
  margin-top: 1px;
}
.users-emails-value-item-outer-content {
  display: flex;
  flex-wrap: wrap;
}
.users-emails-value-item-text-wrapper {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #333;
  background: #f5f5f5;
  padding: 2px 8px;
  border-radius: 3px;
  margin: 3px;
  height: 20px;
  cursor: default;
}
.users-emails-value-item-text-wrapper .users_email_value_remove_icon {
  margin-left: 8px;
  cursor: pointer;
}
.users_email_value_remove_icon svg {
  width: 8px;
  height: 8px;
  display: block;
}
.users_email_value_remove_icon svg * {
  fill: rgb(51 51 51 / 50%);
}
.users_email_value_remove_icon svg:hover * {
  fill: #333333;
}
.users_role_type_selection_control label {
  margin: 0 !important;
}
.add_users_setting_control .modal-content {
  width: 440px;
}
.add_users_setting_control .item_group_border.item_group_border_none {
  margin-bottom: 0;
}
.add_users_setting_control .form-group {
  margin-bottom: 0;
}
.user_permission_dropdown.users_role_type_selection_control {
  border-radius: 3px;
}
.users_role_type_selection_control .dropdown {
  display: block;
  width: 100%;
}
.user_permission_dropdown.users_role_type_selection_control
  .access_dropdown_ctrl {
  padding: 6px 8px;
  margin: 0;
}
.users_role_type_selection_control .access_dropdown_ctrl .access_text {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #333;
}
.users_role_type_selection_control .access_dropdown_ctrl .access_text i {
  margin-left: auto;
}
.users_role_type_selection_control
  .dropdown-menu.theme_dropdown_with_icon_text {
  width: 100%;
}
.users_role_type_selection_control .dropdown {
  border: 1px solid #e5e6e7;
  border-radius: 3px;
}
.users_role_type_selection_control .dropdown.show {
  border: 1px solid #0e9aef;
}
.users-emails-value-item-text {
  overflow: hidden;
  white-space: nowrap;
  max-width: 363px;
}
.users_filter_button_control:hover {
  background: #f5f5f7;
}
.rc_manage_users_details_table .no_result_found_in_table {
  height: calc(100vh - 306px) !important;
}
.dropdown.show .users_filter_button_control {
  background: #f5f5f7;
}
.rc_manage_users_details_table
  .edit_profile_action_button_right
  .btn.btn-success {
  height: 28px;
  padding: 6px 6px;
}
.rc_details_side_panel
  .meta_data_area_in_side_panel
  .subtask-list
  .capture_thumb_details
  .task_name.cp_task_name {
  max-width: 100%;
  width: auto;
  height: auto;
  line-height: normal;
}
.rc_details_side_panel
  .meta_data_area_in_side_panel
  .subtask-list
  .capture_thumb_details {
  overflow: unset;
  max-width: 250px;
  text-overflow: unset !important;
  width: auto;
  line-height: normal;
  display: inline-flex;
  align-items: center;
}
.rc_details_side_panel
  .meta_data_area_in_side_panel
  .subtask-list
  .capture_thumb_details
  .annotator_task_section.task_has_annotation
  svg {
  margin-right: 0;
}
.rc_details_side_panel
  .meta_data_area_in_side_panel
  .subtask-list
  .capture_thumb_details
  .annotator_task_section.task_has_annotation {
  padding: 1px;
  margin: 0;
}
.right-list-item-over .subtask-action .disconnect_task {
  display: flex;
  align-items: center;
}
.annotator_task_section.task_has_annotation.compact_annotation_ui svg {
  margin-right: 0;
}
.annotator_task_section.task_has_annotation.compact_annotation_ui {
  padding: 1px;
}
.comment_text_bg .attachment_by_slash .rc-image {
  padding: 0;
  margin: 0;
}
div#connect_folder_dropdown .textcontent_section_editing {
  padding: 5px 5px !important;
  line-height: normal !important;
}
.right-list-item-over .subtask-action .disconnect_task svg {
  width: 10px;
  height: 10px;
  opacity: 0.7;
  margin-left: 5px;
}
.right-list-item-over .subtask-action .disconnect_task svg:hover {
  opacity: 1;
}
.conversation_view_main_wrapper.list_view_1_ctrl
  .vertical_bar_in_capture_module_page
  .vertical_bar_on_page
  ul.vertical_bar_ul {
  border-radius: 0;
}
.section_three_dot_dropdown_visible {
  opacity: 1 !important;
}
.section_three_dot_dropdown_visible i {
  opacity: 1 !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .list-size_active
  .timer_ui_list_view {
  margin: 0 0 0 7px !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .timer_in_list_view {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .list-size_active
  .timer_in_list_view {
  display: block;
}
.comments_area.comment_area_right.created_by_other_user
  .comment_text_bg
  .mention {
  color: #333;
}
.comments_area.comment_area_right.created_by_other_user .comment_text_bg {
  background: #f5f5f5;
  border: 1px solid #ded9d9;
  color: #333;
}
ul.column_layout.task_listing.list-size_active .capture_thumb_details {
  width: auto !important;
  flex: 1 !important;
}
.profile_input_group .dropdown.users_quick_setting_dropdown .data_item {
  width: 100%;
  display: flex;
  align-items: center;
}
.profile_input_group .dropdown.users_quick_setting_dropdown .data_item i {
  opacity: 0;
  margin-left: auto;
  color: #676a6c;
  font-size: 12px;
}
.profile_input_group .dropdown.users_quick_setting_dropdown {
  display: flex;
  align-items: center;
  min-height: 36px;
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  padding: 6px 12px;
}
.profile_input_group
  .dropdown.users_quick_setting_dropdown
  .nav-list-ul.second-level-item {
  left: 0;
  width: 100%;
  margin-top: 0 !important;
}
.profile_input_group .dropdown.users_quick_setting_dropdown:hover .data_item i {
  opacity: 0.7;
}
.setting_sidebar ul.capture_fixed_menu_ul > li:hover {
  background: 0 0 !important;
}
.inner_sidebar.in_front_left_sidebar ul.inner_sidebar_ctrl li a.active svg * {
  fill: #fff;
}
.conversation_capture_list_search_innr i.fas.fa-search {
  padding: 0;
  margin: 1px 0 0 7px;
  top: 7px !important;
  z-index: 99;
}
.dual_panel_second
  .conversation_capture_list_search_innr.active
  i.fas.fa-search {
  top: 11px;
}
.dual_panel_second input {
  display: none;
  border: 0;
  background-color: #fff;
  z-index: 9;
}
.dual_panel_second .conversation_capture_list_search_innr.active {
  width: 100%;
  padding-right: 20px;
  height: 37px;
}
.dual_panel_second .conversation_capture_list_search_innr {
  width: 30px;
  height: 24px;
  position: absolute;
  border: 0;
}
.dual_panel_second .conversation_capture_list_search_innr.active {
  width: 100%;
  padding-right: 20px;
  height: 41px !important;
}
.dual_panel_second .conversation_capture_list_search_innr.active input {
  display: inherit;
  width: 100%;
}
.dual_panel_second .conversation_capture_list_search_innr input:focus {
  border: 0;
  outline: 0;
}
.dual_panel_second .conversation_capture_list_search_innr input {
  border: 0;
}
.dual_panel_second .clear_text_search_in_list {
  margin-left: 0;
  left: auto;
  right: 20px;
  top: 0;
  z-index: 999;
}
.listing_in_list_view.listing_pane.upload_box_wrapper.dual_panel_first,
.listing_in_list_view.listing_pane.upload_box_wrapper.dual_panel_second {
  height: calc(100vh - 95px) !important;
}
.conversation_view_main_wrapper .dual_panel_first .scroll-area-first-column,
.conversation_view_main_wrapper .dual_panel_second .scroll-area-first-column {
  height: calc(100vh - 172px) !important;
}
.timer_entries_dropdown_li .timer-edit-div {
  display: flex;
  align-items: center;
}
.edit_timer_icon_control {
  margin-left: 5px;
  color: #a8aeb8;
  cursor: pointer;
}
.two_label_folder_structure_inner_control {
  display: block;
  width: 100%;
  height: 100%;
}
.rc_table_grid_header_structure_control {
  display: flex;
  align-items: center;
  font-size: 13px;
  background: #fff;
  border-top: 0;
}
.rc_table_grid_header_structure_left {
  min-width: 800px;
  max-width: 800px;
}
.rc_table_task_list_grid_col_control {
  display: flex;
  align-items: center;
}
.rc_table_task_list_grid_col_control .task_column_count {
  min-width: 36px;
  width: 36px;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  border-right: 1px solid #dde1e3;
  position: relative;
}
.rc_capture_name_control {
  color: #333;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline;
  max-width: 600px;
  flex: 1;
  font-weight: 600;
}
.rc_table_grid_header_structure_right {
  flex: 1 auto;
}
.rc_reorderable_grid_col_items_control {
  display: flex;
  align-items: center;
}
.rc_reorderable_grid_hr_item_wrap {
  min-width: 120px;
  max-width: 120px;
  border-right: 1px solid #dde1e3;
  padding: 5px 10px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.rc_table_list_row_separately {
  display: flex;
  align-items: center;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #e9e9eb;
  height: 36px;
  border-radius: 3px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.rc_table_capture_list_structure_left {
  max-width: 800px;
  min-width: 800px;
}
.rc_table_task_list_grid_col_control {
  display: flex;
  align-items: center;
  border-right: 1px solid #dde1e3;
}
.rc_capture_name_group_control {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  width: 100%;
}
.merged_data_section
  .rc_table_list_row_separately
  .rc_table_task_list_grid_col_control {
  border-left: 1px solid #dde1e3;
}
.merged_data_section .rc_table_list_row_separately {
  padding: 0 0 0 46px;
}
.merged_data_section
  .rc_table_list_row_separately
  .rc_table_capture_list_structure_left {
  min-width: 394px;
  max-width: 394px;
}
.rc_capture_name_group_control .subtask_expand_collapse_ctrl {
  position: static;
}
.rc_table_view_scroll_area {
  overflow: auto;
  height: calc(100vh - 221px);
  display: grid;
  padding: 0 20px;
}
.rc_reorderable_grid_col_items_control
  .rc_reorderable_grid_hr_item_wrap:last-child {
  border-right: 0;
}
.rc_table_grid_header_structure_control {
  color: #333;
}
.rc_table_list_row_separately
  .column_layout.task_listing
  .task_draggable_number {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  opacity: 0;
  justify-content: center;
  z-index: 999;
  background: #f5f5f5;
}
.rc_table_task_list_grid_col_control .task_column_count .task_draggable_number {
  opacity: 0;
}
.rc_table_task_list_grid_col_control
  .task_column_count:hover
  .task_draggable_number {
  opacity: 1;
}
div#bulk_rename_modal .create_folder_input input.form-control {
  border-radius: 3px;
}
.af_no_filters_applied {
  color: #999;
  padding: 0 10px 6px;
  font-size: 12px;
}
.filter_boolean_val.pick_action .af_add_filter_button {
  height: 26px;
  font-size: 13px;
  font-weight: 600;
  margin: 0 10px 6px;
  min-width: 59px;
  width: auto;
  padding: 0;
  border-radius: 3px;
  background: #fff;
  border-right: 0;
  color: #0e9aef;
}
.filter_boolean_val.pick_action .af_add_filter_button > i {
  margin: 0 6px 0 0;
  font-size: 9px;
}
.af_dropdown_bottom_bar {
  border-top: 0;
}
.filter_boolean_val.condition_caregory.filter_ops_dropdown_control {
  min-width: 50px;
  width: 65px;
}
.filter_boolean_val.condition_caregory.filter_op_group_utem_drop {
  width: 55px;
  min-width: 55px;
}
.filter_boolean_val.final_category .multiselect_assignee_unique_element_ctrl {
  background: 0 0;
  min-height: 100% !important;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.filter_boolean_val .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  background: initial;
  color: initial;
  border: 1px solid #e0e0e2;
  box-shadow: none;
}
.filter_category_label.filter_op_group_utem_drop {
  min-width: 55px;
}
.af_main_dropdown_ctrl .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  border: 1px solid #e0e0e2;
  background: #e9e9eb;
  color: initial;
}
.filter_list_row .rc_tag_click_area_control:hover .added_tags_text {
  width: 100%;
}
.filter_list_row .rc_tag_action_dropdown {
  opacity: 0 !important;
  display: none !important;
}
.dropdown.show > button.btn.dropdown-toggle {
  border: 1px solid #e0e0e2;
  background: #e9e9eb;
}
.dropdown-menu.list_filter_action_dropdown_control li a {
  padding: 6px 10px !important;
  width: 100%;
  display: flex;
  line-height: normal;
}
.dropdown-menu.list_filter_action_dropdown_control li:hover a {
  background: #f5f5f5 !important;
}
ul.dropdown-menu.list_filter_action_dropdown_control.show {
  z-index: 999999999999999999;
  position: fixed !important;
  width: 160px !important;
}
ul.dropdown-menu.list_filter_action_dropdown_control.condition {
  left: auto;
  top: auto;
}
ul.dropdown-menu.list_filter_action_dropdown_control.type {
  left: auto;
  top: auto;
}
ul.dropdown-menu.list_filter_action_dropdown_control.clause {
  left: auto;
  top: auto;
}
.filter_boolean_val.final_category .assignee-container .multi-assignee-wrapper {
  display: inline-flex;
  align-items: center;
}
.filter_boolean_val.final_category .priority-icon.dropdown.in_list_view {
  width: auto !important;
  height: auto !important;
  margin-left: 0;
}
.filter_boolean_val.final_category
  .priority-icon.dropdown.in_list_view
  .flag_svg {
  width: auto !important;
  margin: 0 8px 0 0 !important;
}
.list_search_filter_bar_control .conversation_capture_list_search_innr {
  right: 0;
  top: 6px;
  cursor: pointer;
}
.list_search_filter_bar_control input[type="text"] {
  padding-left: 28px;
}
.list_search_filter_bar_control .conversation_capture_list_search_innr {
  top: 2px;
  right: 5px;
  z-index: 999;
}
.list_search_filter_bar_control
  .conversation_capture_list_search_innr
  i.fas.fa-search {
  margin: 7px 0 0 12px;
}
.list_action_in_main_header.list_panel_second_header {
  height: 40px;
  padding: 0 10px;
  border-bottom: 1px solid #cbd3da;
}
.list_search_filter_bar_control .conversation_capture_list_search_innr.active {
  right: 0;
  padding-right: 30px !important;
}
.list_action_in_main_header.list_panel_second_header
  .list_sub_header_main_right {
  margin-left: auto;
}
.list_action_in_main_header.list_panel_second_header
  .capture_filter_for_individual_merged {
  margin-left: unset !important;
}
.list_action_in_main_header.list_panel_second_header
  .external_icon.icon_common_sty
  i {
  margin-right: 0;
}
.list_sub_header_main.list_panel_first_header {
  border-bottom: 1px solid #cbd3da;
}
.dual_panel_second .list_header {
  height: 40px;
  min-height: 40px;
  border-top: 0;
}
.dual_panel_first
  .breadcrumbs_header_ctrl
  textarea.innertTextContent.cp_task_name.editable_content.teams_folder,
.dual_panel_second
  .breadcrumbs_header_ctrl
  .innertTextContent.cp_task_name.editable_content.teams_folder {
  height: 36px;
  line-height: 1;
}
.list_panel_first_header
  .add_task_in_list_main_ctrl
  .project-icon-svg.iconbg
  i {
  margin-right: 0;
}
.list_panel_first_header
  .add_task_in_list_main_ctrl
  .project-icon.in_conversation_view {
  margin: 0;
}
.rc_table_task_list_grid_col_control span.capture_number {
  margin: 0 !important;
}
.rc_table_grid_header_structure_control {
  height: 30px;
  width: 100%;
  overflow: hidden;
  padding: 0 20px;
}
ul#date-split_conversation_view-today
  .rc_table_capture_list_group_section:last-child
  .rc_table_list_row_separately {
  border-bottom: 0;
}
.rc_table_view_content_control.sticky_list_panel_control {
  width: 801px;
  position: absolute;
  left: 20px;
  z-index: 999;
  top: 0;
  max-height: calc(100vh - 196px);
  background: #fff;
}
.rc_table_view_output_content_control .grouped_by_section.group_by_list_parent {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.merged_data_section .rc_table_list_row_separately .task_column_count:after {
  content: "";
  position: absolute;
  background-color: #fff;
  top: -1px;
  width: 47px;
  left: -48px;
  height: 36px;
}
.merged_data_section
  .rc_table_list_row_separately:first-child
  .task_column_count:after {
  display: none;
}
.rc_reorderable_grid_hr_item_wrap .estimate_timer_default_text {
  background: 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.rc_reorderable_grid_hr_item_wrap
  .estimate_timer_default_text
  .estimate_icon_bg {
  background: 0 0;
}
.rc_reorderable_grid_hr_item_wrap .due-time.estimate_time_dropdown_ctrl:hover {
  border: 0 !important;
  background: 0 0;
}
.rc_table_list_row_separately:hover {
  background: #f8f8f8;
  border-left: 1px solid #e9e9eb;
  border-right: 1px solid #e9e9eb;
  border-top: 1px solid #e9e9eb;
}
.rc_reorderable_grid_hr_item_wrap .project-icon.in_conversation_view {
  background: 0 0 !important;
  margin: 0;
  padding: 0;
  border: 0;
}
.rc_reorderable_grid_hr_item_wrap
  .project-icon.in_conversation_view
  .project-icon-svg.iconbg {
  background: 0 0;
  margin: 0;
  color: #7e8187;
}
.rc_reorderable_grid_hr_item_wrap .tv_header_column_dropdown.show > i {
  opacity: 1;
  color: #3c4152;
}
.rc_reorderable_grid_hr_item_wrap:hover .tv_header_column_dropdown > i {
  opacity: 1;
  color: #3c4152;
}
.rc-capture-list-header-field__title-text {
  max-width: 85px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 5px;
  font-size: 12px;
}
.rc_reorderable_grid_hr_item_wrap .tv_header_column_dropdown a {
  padding: 6px 10px !important;
}
.users_group_search_filters_left .search_for_trashed_items {
  margin: 0;
}
.trashed_item_main_ctrl .users_group_search_filters_left {
  margin-bottom: 10px;
}
#search_and_replace_modal.modal .modal-dialog {
  z-index: 99999999999;
}
.grid-header-cell_sort-icon {
  fill: #0e9aef;
}
table.rc_table_section {
  width: 100%;
}
.filter_list_dropdown.active .visible_item svg * {
  fill: #0e9aef;
}
.filter_list_dropdown.active .visible_item {
  color: #0e9aef;
}
.filter_list_dropdown.active {
  background: rgb(14 154 239 / 10%) !important;
  border: 1px solid rgb(14 154 239 / 20%) !important;
}
.filter_list_dropdown.active:hover {
  background: rgb(14 154 239 / 10%) !important;
  border: 1px solid rgb(14 154 239 / 20%) !important;
}
.filter_list_dropdown.active .visible_item .clear_filter_icon {
  font-size: 10px;
  margin-left: 6px;
  opacity: 0.6;
  color: #333;
}
.filter_list_dropdown.active .visible_item .clear_filter_icon:hover {
  opacity: 1;
}
.capture_filter_for_individual_merged i {
  font-size: 10px;
  cursor: pointer;
}
.rc_reorderable_grid_hr_item_wrap .participant_in_table_ctrl .iconbg {
  background: 0 0 !important;
  padding: 0 !important;
}
.rc_reorderable_grid_hr_item_wrap
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown:hover {
  background: 0 0;
  border: 0;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr .type_name_ctrl {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 817px;
  padding-right: 20px;
  display: inline-flex;
  align-items: center;
  padding-left: 6px;
}
.rc_dual_panel_control
  .splitpanes__pane.vue_splitter_pane.capture_detail_captures.conversation_view_detail_panel {
  height: calc(100vh - 105px) !important;
}
.rc_dual_panel_control
  .panel_content_wrapper.conversation_preview_pane_main_wrapper
  .preview_pane_scroll {
  height: calc(100vh - 248px);
}
.dropdown-menu.theme_dropdown_with_icon_text.user_filter_list_dropdown_control.rc_button_style_ui_control
  > a.active {
  background: #fff !important;
  color: #0e9aef !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.user_filter_list_dropdown_control
  > a.active:before {
  color: #0e9aef;
}
.rc_reorderable_grid_hr_item_wrap .close_selected_data_view i {
  font-size: 10px !important;
  margin-left: 3px !important;
}
.rc_reorderable_grid_hr_item_wrap:hover .close_selected_data_view {
  opacity: 1;
}
.rc_reorderable_grid_hr_item_wrap .rc_table_cell_icon i,
.rc_reorderable_grid_hr_item_wrap .rc_table_cell_icon svg path {
  color: #7e8187 !important;
  font-size: 13px !important;
  fill: #7e8187 !important;
}
.rc_reorderable_grid_hr_item_wrap .priority-icon.dropdown.in_list_view svg {
  fill: #7e8187;
  width: 14px !important;
  height: 14px !important;
}
.rc_reorderable_grid_hr_item_wrap .rc_table_cell_icon svg {
  width: 14px !important;
  height: 14px !important;
}
.rc_reorderable_grid_hr_item_wrap .priority-icon.dropdown.in_list_view:hover {
  background: 0 0;
}
.rc-capture-list-field-title-text div * {
  margin: 0 !important;
  padding: 0 !important;
}
.rc_reorderable_grid_hr_item_wrap .iconbg.rc_table_cell_icon {
  width: auto !important;
  height: auto !important;
}
.rc_reorderable_grid_hr_item_wrap
  .Participant_ctrl.participant_in_table_ctrl.participant-div
  .multi-assignee-wrapper
  .assignee-icon.cp_multiple_assignee {
  margin-left: 0 !important;
}
.rc_reorderable_grid_hr_item_wrap
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .cp_multiple_assignee
  .assignee_circle {
  margin-left: -5px !important;
}
.rc_reorderable_grid_hr_item_wrap .rc_table_cell_icon svg#participant_icon {
  width: 20px !important;
  height: 20px !important;
}
.rc_reorderable_grid_hr_item_wrap
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor {
  color: #676a6c;
}
.dropdown-menu.three_dots_dropdown_innr
  li#rename_special_btn
  i.fas.fa-chevron-right {
  margin-right: 0;
  width: 8px;
  font-size: 12px;
}
.add_new_space_modal_popup li.custom_menu_options .popup-icon_ctrl {
  background: #fff;
}
.add_new_space_modal_popup
  li.custom_menu_options.active
  .popup-icon_ctrl
  > span {
  color: #fff;
}
.annotation_meta_header.meta_header_from_extension {
  background: #000;
}
.rc_extension_capture_annotator_popup {
  background: #000;
}
.annotation_meta_header.meta_header_from_extension
  .scroll-area-capture-in-modal.imc {
  height: calc(100vh - 115px) !important;
}
.folder_dropdown_ctrl .folder_swicher_checkbox:hover {
  background: #ededee;
}
.folder_dropdown_ctrl .folder_swicher_checkbox {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  height: 20px;
  border-radius: 3px;
  width: 55px;
  cursor: pointer;
  padding: 5px;
}
.folder_swicher_checkbox input[type="checkbox"] {
  margin-left: 6px;
}
.rc_space_toggle_block_ele_control {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 5px 10px;
  height: 30px;
  font-weight: 600;
  cursor: pointer;
  color: #333;
}
.rc_space_toggle_block_ele_control i {
  font-size: 12px;
  margin-left: 6px;
  position: relative;
  top: 0;
  opacity: 0;
}
.rc_space_toggle_block_ele_control:hover i {
  opacity: 0.4;
}
.rc_space_section_ele_control .space_icon_span_section {
  border-radius: 4px;
  line-height: 20px;
  font-size: 13px;
}
.rc_space_toggle_block_ele_control:hover {
  background: #f5f5f5;
}
.folder_dropdown_ctrl .rc_space_section_ele_control .rc-tree .rc-tree-treenode {
  padding: 0 0 0 10px;
}
.rc_space_section_ele_control .rc-tree-iconEle.rc-tree-icon__customize {
  margin-right: 5px !important;
}
.rc_space_section_ele_control .rc-tree-iconEle.rc-tree-icon__customize i {
  color: #b4b5b9;
}
.annotation_meta_header.meta_header_from_extension
  .scroll-area-capture-in-modal.imc {
  height: calc(100vh - 115px) !important;
}
.table.trash_table_ctrl .tbody_ctrl .trash_list.active {
  background: rgb(14 154 239 / 10%);
  border-top: 1px solid rgb(14 154 239 / 50%);
  border-bottom: 1px solid rgb(14 154 239 / 50%);
}
.trash_table_ctrl .trash_list.bulk_action_active {
  background-color: rgb(14 154 239 / 10%);
  border-bottom: 1px solid rgb(14 154 239 / 50%);
  border-top: 1px solid rgb(14 154 239 / 50%) !important;
}
.rc_space_section_ele_control
  .rc-tree-iconEle.rc-tree-icon__customize
  i.fas.fa-circle {
  font-size: 6px;
}
.rc_capture_time_entries_control .timer_entries_dropdown_li .timer-edit-div {
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
}
.rc_capture_time_entries_control
  .timer_entries_dropdown_li
  .timer_entries_text {
  width: auto !important;
  max-width: initial;
}
.rc_capture_time_entries_control
  .timer_watch_counter
  .timer_entries_dropdown_li {
  display: flex;
  align-items: center;
}
.timer_entries_dropdown_li .timer-edit-div.time_entries_name_text {
  display: flex;
  align-items: center;
  padding-right: 20px;
}
.rc_capture_time_entries_control .timer_watch_counter {
  display: flex;
  align-items: center;
}
.timer_entries_dropdown_li.task_created_by_list .user-name-initial {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.rc_capture_time_entries_control
  .timer_entries_dropdown_li
  .timer_entries_text {
  margin-left: 12px;
}
.rc-tree-iconEle.rc-tree-icon__customize {
  display: flex !important;
  align-items: center;
}
.rc-tree-iconEle.rc-tree-icon__customize .list_circle_icon {
  font-size: 6px;
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.space_icon_span_section.space-avatar-icon {
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 9px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: 1px solid transparent;
}
.rc-tree-treenode.active .space_icon_span_section.space-avatar-icon {
  border: 1px solid rgb(255 255 255 / 50%);
}
.tree_sidebar_folder {
  margin-right: 12px !important;
}
.folder_dropdown_ctrl .mcd_search_box.search_box_relative i.fas.fa-search {
  top: 17px;
}
.folder_dropdown_ctrl .dropdown_header_div_sty {
  border: 0;
}
.folder_dropdown_ctrl
  .mcd_search_box.search_box_relative
  input:focus
  + i.fas.fa-search {
  color: #0e9aef;
}
.capture_module_folder_ctrl .capture_folder_lavel_three {
  padding-left: 9px !important;
}
.tree_folder_main_container_ctrl.rc_space_section_control
  .capture_folder_lavel_two {
  padding-left: 19px !important;
}
.rc_space_section_control .capture_folder_lavel_one .innertTextContent {
  font-weight: 400;
}
.rc_space_section_control .capture_folder_lavel_one .innertTextContent {
  font-weight: 400;
  line-height: normal;
  overflow: unset;
}
.folder_ele_action_header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d5d5d6;
  padding: 4px 7px 4px;
}
.move_to_inbox_text {
  color: #333;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-right: auto;
}
.move_to_inbox_text:hover {
  background: #ededee;
}
.folder_dropdown_ctrl .rc-tree-iconEle.rc-tree-icon__customize i.fas.fa-folder {
  color: #7b7e84 !important;
}
.common_innr_dropdown.folder_dropdown_ctrl {
  max-width: 240px;
  min-width: 240px;
}
.move_to_inbox_text svg {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
.folder_swicher_checkbox i {
  color: #7b7e84 !important;
}
.folder_swicher_checkbox.active i {
  color: #0e9aef !important;
}
.folder_swicher_checkbox.active {
  background: #e9f6fd;
}
.folder_swicher_checkbox.active:hover i {
  color: #0e9aef !important;
}
.folder_swicher_checkbox.active:hover {
  background: #e9f6fd;
}
.selectedDraggableCapture.ui-draggable-dragging {
  z-index: 9999999999 !important;
}
.nfc_mesage_head {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.nfc_msg_label {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 5px 10px;
  height: 30px;
  font-weight: 600;
  cursor: pointer;
  color: #333;
}
.nfc_message {
  display: flex;
  opacity: 0.7;
  font-weight: 400;
  font-size: 13px;
  font-style: italic;
  cursor: default;
  padding: 5px 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.folder_ele_action_header.no_private_folder_msg {
  background-color: #efefef;
}
.doc_view_outline_menu .menu_ul_li_child_innr.active:hover .child_element,
.doc_view_outline_menu .menu_ul_li_child_innr.active:hover .parent_element {
  background: #0e9aef !important;
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
.menu_ul_li_child_innr.parent.active
  .three_dot_dropdown_ctrl.in_merged_outline_menu
  > i {
  color: rgb(255 255 255 / 70%);
}
.menu_ul_li_child_innr.parent.active
  .three_dot_dropdown_ctrl.in_merged_outline_menu
  > i:hover {
  color: #fff;
}
.doc_view_outline_menu
  .menu_ul_li_child_innr.bulk_action_active:hover
  .child_element,
.doc_view_outline_menu
  .menu_ul_li_child_innr.bulk_action_active:hover
  .parent_element {
  background: #0e9aef !important;
}
.menu_ul_li_child_innr.parent.bulk_action_active
  .three_dot_dropdown_ctrl.in_merged_outline_menu
  > i {
  color: rgb(255 255 255 / 70%);
}
.menu_ul_li_child_innr.parent.bulk_action_active
  .three_dot_dropdown_ctrl.in_merged_outline_menu
  > i:hover {
  color: #fff;
}
.menu_ul_li_child_innr.bulk_action_active .child_capture_name.sub_child {
  color: #fff;
}
.menu_ul_li_child_innr.bulk_action_active .task_draggable_number svg {
  fill: #fff;
  opacity: 1;
}
.menu_ul_li_child_innr.active .task_draggable_number svg {
  opacity: 1;
}
.menu_ul_li_child_innr.bulk_action_active .child_element,
.menu_ul_li_child_innr.bulk_action_active .parent_element {
  border-top: 1px solid #fff;
  border-bottom: 0;
}
.feather.feather-trash-2 * {
  fill: none !important;
}
div#search_and_replace_modal .create_folder_input input {
  border-radius: 3px;
}
div#search_and_replace_modal .form-group:last-child {
  margin-bottom: 0;
}
.dragging_msg i.fas.fa-circle {
  font-size: 7px;
  position: relative;
  top: -1px;
}
.rc_merged_capture_list_control .capture_thumb_details {
  flex: 1;
  width: auto !important;
  max-width: initial !important;
  overflow: hidden !important;
  margin-right: 0;
}
.rc_merged_capture_list_control .capture_thumb_details .task_name.cp_task_name {
  display: block;
  text-overflow: ellipsis;
  font-size: 12px;
}
.rc_merged_capture_list_control .Subtask_list_inner {
  height: 32px;
}
.subtask-list-container.connected_task_list_ctrl.rc_merged_capture_list_control
  .subtask-action {
  margin: 0;
}
.canvas_tool.toolbar_panel_item.active svg {
  fill: #fff;
}
.canvas_tool.toolbar_panel_item.active {
  background: #0e9aef;
  border-radius: 3px;
}
.capture_group_folders_list
  .grouped_by_section.group_by_list_parent.list-size_view_active {
  border-top: 1px solid #cbd3da !important;
  border-bottom: 1px solid #cbd3da;
}
.create_new_folder_plus_icon {
  margin-right: 10px;
  opacity: 0;
}
.dropdown.three_dots_dropdown_div.on_hover_visibility_1.three_dot_position_relative {
  position: relative;
}
.rc_space_section_control
  .capture_folder_lavel_one:hover
  .create_new_folder_plus_icon {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.toggle_tree_section_innr.tags_add_more_dropdown.create_new_folder_plus_icon i {
  opacity: 1;
}
.active .rc_folder_dropdown_icon .project-icon-svg.iconbg > i,
.active .rc_folder_dropdown_icon:hover .project-icon-svg.iconbg > i {
  color: #fff !important;
}
.active .active.rc_folder_dropdown_icon {
  background: rgb(255 255 255 / 10%) !important;
}
.conversation_view_main_wrapper
  .capture_group_folders_list
  .grouped_by_section.group_by_list_parent.collapsed {
  border-bottom: 1px solid #e9e9eb !important;
}
.rc_manage_users_tabbing_control
  .filter_labels_conversation_view
  > ul
  > li.active:after {
  border: 0;
}
.rc_manage_users_tabbing_control
  .filter_labels_conversation_view
  > ul
  > li.active {
  border: 0 !important;
  color: #333;
  cursor: text;
}
.rc_manage_users_tabbing_control
  .filter_labels_conversation_view
  > ul
  > li.active
  .total_count {
  color: #333;
  font-size: 13px;
  margin-left: 3px;
  background: 0 0;
}
.rc_project_dropdown_control .mcd_client_list .project_list {
  max-height: 210px;
  overflow: auto;
}
.rc_extension_capture_annotator_popup .scroll-area-capture-in-modal.imc {
  height: calc(100vh - 115px) !important;
}
.unconnect_item_icon_control {
  display: inline-flex;
  margin-right: 7px;
  width: 20px;
  height: 20px;
  background: rgb(14 154 239 / 20%);
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
.unconnect_item_icon_control svg {
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 !important;
}
.list_dropdown_static_ele.active .unconnect_item_icon_control {
  background: rgb(255 255 255);
}
.list_dropdown.list_dropdown_static_ele.active {
  display: flex !important;
}
.list_dropdown.list_dropdown_static_ele {
  display: flex !important;
}
.capture_folder_lavel_three
  .dropdown.three_dots_dropdown_div.on_hover_visibility_1.three_dot_position_relative {
  position: absolute;
}
.rc_attachment_list_container_control .attachment-list.loader_in_attachment {
  background: #fff;
}
.attachment-list.loader_in_attachment.attachment_data_rendering img {
  width: 120px;
}
.attachment-list.loader_in_attachment.attachment_data_rendering {
  height: calc(100vh - 561px) !important;
  background: #fff;
}
#participant_icon_control {
  fill: none;
}
.panel_icon_ctrl:hover .feather.icon_fill_none * {
  fill: none !important;
}
li.common_quick_tab .feather.icon_fill_none * {
  fill: none !important;
}
.body-right-trackduck
  .tab-header
  ul.tab-horizontal
  li.active
  svg.icon_fill_none
  * {
  fill: none !important;
  stroke: #0e9aef !important;
}
li.common_quick_tab:hover .icon_fill_none * {
  stroke: #595d66 !important;
}
li.common_quick_tab.active:hover .icon_fill_none * {
  stroke: #0e9aef !important;
}
.attachment-container .attachment-icon {
  min-width: 20px;
}
.cv_preview_pane_left_header .icon_common_sty svg.feather.feather-trash-2 {
  width: 15px;
  height: 15px;
}
.dropdown-menu.three_dots_dropdown_innr.drop_dow_sty
  li
  .feather.feather-trash-2 {
  width: 15px;
  height: 15px;
}
.text_area_outer_animated_container .textcontent_section_editing {
  max-width: 100% !important;
}
.parent_div_main_capture.subtask_option_compact_groupBy_created_at
  > .parent_div_main_capture.subtask_option_compact_groupBy_created_at:last-child
  .capture_list_ctrl_ul
  li:last-child {
  border-bottom: 1px solid #e9e9eb !important;
}
.parent_div_main_capture.subtask_option_compact_groupBy_created_at
  > .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .capture_list_ctrl_ul
  li.captures_data_ctrl_list_btn {
  border-bottom: 1px solid #e9e9eb !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.rc_group_by_none_active
  .parent_div_main_capture:last-child
  ul.column_layout.task_listing
  li:last-child {
  border-bottom: 1px solid #e9e9eb !important;
}
svg.feather.feather-x-circle {
  position: absolute;
  right: -8px;
  fill: #333333;
  top: -8px;
  z-index: 999;
  width: 18px;
  height: 18px;
  box-shadow: 0 0 6px rgb(255 255 255 / 40%);
  border-radius: 100%;
  cursor: pointer;
  opacity: 0.7;
}
svg.feather.feather-x-circle:hover {
  opacity: 1;
}
.compact_ui.rc_folder_section_on\/off_control .slider:before {
  width: 12px;
  height: 12px;
  bottom: -2px;
}
.folder_swicher_checkbox .__react_component_tooltip.show {
  white-space: nowrap;
}
.rc_capture_preview_control {
  background: #303b42;
  padding: 15px;
  position: relative;
  max-height: 198px;
  min-height: 198px;
  align-items: center;
  justify-content: center;
  display: flex;
  overflow: hidden;
}
.rc_capture_preview_control .image_preview > img.view-bug-image-rcl {
  border-radius: 0;
  width: 100% !important;
}
.rc_capture_preview_panel_scroll_control {
  overflow: hidden;
  height: calc(100vh - 163px) !important;
  display: block;
}
.is_popup_full_modal_view
  .main_sidepanel_ctrl_for_verticalBar
  .capture_preview_panel_container_control
  .preview_pane_scroll.detect_attachment_hover_class.meta_data_area_in_side_panel
  .bottom_section_ctrl.in_metadata_sidepanel {
  overflow: unset !important;
  height: auto !important;
}
.is_popup_full_modal_view
  .main_sidepanel_ctrl_for_verticalBar
  .capture_preview_panel_container_control
  #capture_detail_panel_modal {
  position: static !important;
  height: 100% !important;
}
.rc_capture_preview_control .ql-editor {
  padding: 0;
}
.rc_capture_preview_control
  .note_preview.in_merge_capture
  .ui.attached.segment.ql-container.ql-snow {
  color: #fff !important;
}
.full_screen_separate_capture
  .capture_preview_panel_container_control
  .preview_pane_scroll {
  height: auto !important;
}
.is_popup_full_modal_view
  .capture_preview_panel_container_control
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 456px) !important;
}
.parent_div_main_capture.subtask_option_compact_groupBy_created_at
  > .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .capture_list_ctrl_ul
  li.add_new_task_div:last-child {
  border-bottom: 1px solid #0e9aef !important;
}
.rc-data-views-list_edge_left,
.rc-data-views-list_edge_right {
  font-size: 10px;
  background: #fff;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: #333;
  cursor: pointer;
  margin: 0 6px 0 6px;
  opacity: 0.8;
  box-shadow: -1px 0 6px rgb(0 0 0 / 10%);
  border: 1px solid #cbd3da;
}
.views_widget_inner_container_control {
  width: auto;
}
.rc-data-views-list_edge_right {
  margin-right: 0;
}
.rc_views_tabbing_center_control {
  display: flex;
  position: relative;
  top: -6px;
}
.rc-data-views-list_edge_left:hover,
.rc-data-views-list_edge_right:hover {
  opacity: 1;
  transition: 0.2s ease;
}
.rc_views_tabbing_center_control.data-view-list_scrollable {
  padding: 15px 0;
  top: 0 !important;
}
.preview_content_wraper_container {
  height: calc(100vh - 210px);
  position: relative;
  flex-direction: column;
  display: flex;
}
.capture_preview_panel_container_control .modal_detail_panel {
  height: auto;
}
.rc_capture_preview_inner.note_preview_white_bg {
  padding: 20px 20px;
  border-radius: 5px 5px 0 0;
  background: #fff;
  height: 188px;
  overflow: hidden;
  word-break: break-all;
  width: 100%;
}
.rc_capture_preview_control.rc_note_capture_preview {
  padding-bottom: 0;
  overflow: hidden;
}
.rc_capture_preview_control
  .in_conversation_preview.video_preview_height_ctrl
  .view-bug-image-rcl {
  max-height: 168px;
}
.rc_capture_preview_control .in_conversation_preview.video_preview_height_ctrl {
  max-height: 168px;
  width: auto;
  position: relative;
  text-align: center;
  overflow: hidden;
  min-height: 168px;
}
.second_capture_common_header_ctrl.in_detail_side_panel
  .second_capture_common_header_inner {
  padding: 0 15px;
}
.vertical_bar_on_page.preview_edit_popup ul.vertical_bar_ul {
  border-top: 0;
}
.is_popup_full_modal_view
  .capture_preview_panel_container_control
  .no_connected_task.in_sidepanel.in_captures_details.no_comments_yet_control {
  height: auto !important;
}
.blank_capture_in_side_panel.note_capture_detail_panel
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 316px) !important;
}
.blank_capture_in_side_panel.note_capture_detail_panel.note_capture_detail_panel
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 250px) !important;
}
.blank_capture_in_side_panel.note_capture_detail_panel.note_capture_detail_panel
  .no_connected_task.in_sidepanel.in_captures_details.no_comments_yet_control {
  height: calc(100vh - 316px) !important;
}
.trash_table_ctrl tr.trash_list.bulk_action_active td {
  color: #fff;
}
.trash_table_ctrl tr.trash_list.active td {
  color: #fff;
}
.trash_table_ctrl tr.trash_list td button.btn.btn-default.restore-btn {
  color: #333;
}
.multiselect_bar_capture_buttons .multiselect_icon_btn svg {
  width: 13px;
  height: 13px;
  display: inline-flex;
  margin-right: 5px;
}
.multiselect_bar_inner .exit_side_panel svg {
  width: 13px;
}
.trash_table_ctrl tr.trash_list.active td button.btn.btn-danger.delete-btn,
.trash_table_ctrl
  tr.trash_list.bulk_action_active
  td
  button.btn.btn-danger.delete-btn {
  background: #ff5959;
  color: #fff;
}
span.annotator_header_btn_flex {
  display: flex;
  align-items: center;
}
.canvas_edit_compact_view .preview_content_wraper_container {
  height: calc(100vh - 156px);
}
.canvas_edit_compact_view .canvas_edit_compact_view {
  height: calc(100vh - 214px);
  overflow: auto;
}
.canvas_edit_compact_view div#capture_detail_panel_modal .preview_pane_scroll {
  overflow: auto;
  height: calc(100vh - 192px);
}
.initial_shot_window.canvas_edit_compact_view
  div#capture_detail_panel_modal
  .preview_pane_scroll {
  overflow: unset;
  height: calc(100vh - 172px);
}
.canvas_edit_compact_view.capture_edit_popup_on_top
  .preview_panel_scroll_ctrl
  .bottom_section_ctrl.in_metadata_sidepanel.all_tab_preview_active {
  height: auto !important;
  overflow: unset !important;
}
.rc_merged_capture_preview_active {
  height: calc(100vh - 120px);
}
.rc_merged_capture_preview_active .rc_capture_preview_panel_scroll_control {
  height: calc(100vh - 140px) !important;
}
.is_popup_full_modal_view
  .rc_merged_capture_preview_active
  .capture_preview_panel_container_control
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 264px) !important;
}
.is_popup_full_modal_view
  .rc_merged_capture_preview_active
  .capture_preview_panel_container_control
  .no_connected_task.in_sidepanel.in_captures_details.no_comments_yet_control {
  height: calc(100vh - 285px) !important;
}
.rc_draggable_clone_ui_control {
  display: flex;
  align-items: center;
  padding: 10px;
  height: 28px;
  background: #48494d;
  min-width: 242px !important;
}
.rc_draggable_clone_ui_control i.fas.fa-circle.list_circle_icon {
  font-size: 6px;
}
.gray_theme_custom_sidebar .active .create_new_folder_plus_icon i,
.gray_theme_custom_sidebar
  .active
  .create_new_folder_plus_icon
  svg
  [fill="#666"],
.gray_theme_custom_sidebar
  .active
  .create_new_folder_plus_icon
  svg
  [fill="#7e8187"] {
  fill: rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
}
.white_board_capture_preview_ctrl
  .capture_view_outer_inner_wrap
  iframe.embed_capture_iframe_section {
  max-height: 420px;
  border: 0;
  height: auto;
  width: auto;
}
.rc_capture_preview_inner.note_preview_white_bg:after {
  content: "";
  position: absolute;
  height: 100%;
  background: rgb(0 0 0 / 30%);
  z-index: 99;
  width: 100%;
  left: 0;
  top: 0;
}
.list_content_inner_wrap_control
  .parent_div_main_capture
  .grouped_by_section.group_by_list_parent.list-size_view_active.collapsed {
  border-bottom: 1px solid transparent !important;
}
.list_content_inner_wrap_control
  .parent_div_main_capture:last-child
  .grouped_by_section.group_by_list_parent.list-size_view_active.collapsed {
  border-bottom: 1px solid #cbd3da !important;
}
.list_content_inner_wrap_control
  .parent_div_main_capture:first-child
  .capture_group_folders_list
  .grouped_by_section.group_by_list_parent.list-size_view_active {
  border-top: 0 !important;
}
.manage_folder_flex .space_icon_span_section {
  border-radius: 3px;
  margin-right: 5px;
}
.manage_folder_flex .space_icon_span_section {
  border-radius: 100%;
  margin-right: 5px;
  font-size: 13px;
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.manage_folder_flex .folder_icon_ctrl .list_circle_icon {
  font-size: 6px;
  margin-right: 8px;
}
.manage_folder_flex.capture_folder_level_three {
  padding-left: 69px !important;
}
.manage_folder_flex.active .caret_icon i {
  color: #fff;
}
.manage_folder_flex.bulk_action_active
  .custom_lablel_orignal_name
  .manage_folder_name {
  color: #fff;
}
.manage_folder_flex.bulk_action_active .folder_icon_ctrl i {
  color: #fff !important;
}
.manage_folder_flex.bulk_action_active .caret_icon > i {
  color: #fff;
}
.manage_folder_flex.bulk_action_active .task_draggable_number svg {
  fill: #fff;
}
.manage_folder_flex.bulk_action_active
  .gf_details_button_right
  .task_action_icon_ctrl.in_plain_view
  i {
  color: #acb1b9 !important;
}
.manage_folder_flex.bulk_action_active
  .gf_details_button_right
  .task_action_icon_ctrl.in_plain_view:hover
  i {
  color: #333 !important;
}
.manage_folder_flex.bulk_action_active
  .user_link_access_radio_rectangle
  .container
  .checkmark:after {
  left: 6px;
  bottom: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.rc_created_organization_area_control label {
  font-size: 11px;
  font-weight: 700;
  display: block;
  margin: 0;
  padding: 0 12px 4px;
  color: #333333cc;
}
.spaces_circle_outer_container {
  display: flex;
  width: 100%;
  height: auto;
  padding: 0 9px 5px 0px;
  align-items: center;
  flex-wrap: wrap;
}
.spaces_circle_outer_container .organizationMain {
  margin: 7px 3px 7px 3px;
  border-width: 0 !important;
  display: inline-flex;
}
.spaces_circle_outer_container .organizationMain:last-child {
  margin: 0;
}
.spaces_circle_outer_container .organization_badge {
  border-radius: 100%;
  padding: 5px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
  position: relative;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  opacity: 0.8;
  margin-right: 0;
}
.spaces_circle_outer_container .organization_badge.active_organization {
  opacity: 1;
}
.spaces_circle_outer_container .organization_badge:last-child {
  margin: 0;
}
.spaces_circle_outer_container .organizationMain.organizationMainActive {
  border-width: 2px !important;
  border-radius: 100%;
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.spaces_circle_outer_container.bigger_spaces {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.spaces_circle_outer_container.bigger_spaces h5 {
  font-size: 20px;
  padding: 0;
  font-weight: 600;
  margin: 0;
}
.spaces_circle_outer_container.bigger_spaces p {
  font-size: 13px;
  padding: 10px 0 30px 0;
  margin: 0;
}
.spaces_circle_outer_container.bigger_spaces .organization_badge {
  width: 100px;
  height: 100px;
  display: inline-flex;
  font-size: 34px;
  opacity: 0.8;
}
.spaces_circle_outer_container.bigger_spaces .organization_badge:hover {
  opacity: 1;
}
.spaces_circle_outer_container.bigger_spaces
  .organizationMain.organizationMainActive {
  width: 120px;
  height: 120px;
  margin: 0 15px 0 0;
}
.rc_created_organization_area_control .user-name-initial {
  margin: 4px !important;
  width: 24px;
  height: 24px;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rc_created_organization_area_control {
  border-bottom: 1px solid #ededed;
  display: inline-flex;
  flex-direction: column;
  padding: 8px 0 6px 0;
  width: 100%;
}
.user_profile_main_ctrl .preview_pane_ctrl i.fas.fa-chevron-left {
  color: #9aa2ad !important;
  display: flex;
  margin-left: auto;
  margin-right: 3px;
  font-size: 12px;
}
.apps_top_bar_right ul.layout_icons.dropdown-menu.animated.fadeIn li > a > svg {
  width: 14px;
  height: 14px;
  fill: #7e8187;
  margin: 0 10px 0 0;
}
.apps_top_bar_right
  ul.layout_icons.dropdown-menu.animated.fadeIn
  li
  > a
  > svg
  * {
  fill: #7e8187;
}
.user_email_text_control {
  display: block;
  font-size: 12px;
  color: #262626;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 290px;
}
.add_collection_btn_control {
  font-size: 13px;
  font-weight: 600;
  margin: 10px 0 0;
  border-radius: 3px;
  background: #fff;
  color: #0e9aef;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 3px 6px;
}
.add_collection_btn_control i {
  margin-right: 7px;
  font-size: 10px;
}
.add_collection_btn_control:hover {
  background-color: #f5f5f7 !important;
  border: 1px solid #e9e9eb !important;
}
.space_creation_content_control .modal_left_space_control {
  padding-right: 30px;
}
.space_creation_content_control
  .modal_left_space_control
  .space_name_initial_control {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #7a6ff0;
  font-size: 58px;
  font-weight: 600;
}
.form-group.color_ctrl .ul_colorPallete {
  padding: 0 0 0 3px;
}
.custom_menu_options.active .popup-icon_ctrl {
  transform: scale(1.3);
}
.custom_menu_options.active .popup-icon_ctrl i {
  transform: scale(0.8);
  font-size: 9px;
}
.add_new_space_modal_popup .color_avatar.full_width .form-group {
  margin-bottom: 15px;
}
.add_new_space_modal_popup .color_avatar.full_width .form-group:nth-child(2) {
  margin-bottom: 0;
}
.add_new_space_modal_popup .modal-content {
  width: 100%;
  display: table;
  margin: auto;
}
.add_folder_and_collection_content_control .space_creation_content_control {
  display: block !important;
}
.space_creation_content_control .color_avatar.full_width {
  padding-bottom: 0;
}
.folder_collection_edit_container .icon_control i {
  margin-right: 11px !important;
  font-size: 13px !important;
  color: #b4b5b9;
}
.form-group .folder_collection_edit_container:last-child {
  margin-bottom: 0;
}
.folder_collection_edit_container {
  margin-bottom: 15px;
  position: relative;
}
.add_new_space_modal_popup .modal-dialog {
  max-width: 650px;
  width: 650px;
}
.modal_right_space_control .color_avatar .team_modal_icon_list {
  padding: 0;
}
ul.space_type_ul:last-child li {
  margin-bottom: 0;
}
div#UploadUIModalCtrl {
  z-index: 99 !important;
}
.task_data_ctrl_left .capture_name_section_preview_panel {
  height: 22px;
}
.project_treemenu_main_ctrl.project_main_folder-ctrl
  .active
  .sidebar_assignee_initial {
  border: 1px solid #fff;
}
.section_bottom_space_control {
  padding-bottom: 10px !important;
}
.section_top_space_control {
  padding-top: 10px !important;
}
.section_top_bottom_space_control {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.form-group .folder_collection_edit_container:last-child:after,
.form-group .folder_collection_edit_container:last-child:before {
  display: none;
}
.folder_collection_edit_container:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 15px;
  pointer-events: none;
  border-bottom-left-radius: 8px;
  border-left: 1px solid #b4b5b9;
  border-bottom: 1px solid #b4b5b9;
  left: 6px;
  left: 6px;
  margin-top: 0;
  bottom: -100%;
}
.folder_collection_edit_container:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #b4b5b9;
  top: 100%;
  left: 6px;
  margin-top: -8px;
}
.folder_collection_edit_container.child_collection_ctrl {
  padding-left: 25px;
}
.folder_collection_edit_container
  .icon_control
  i.fas.fa-circle.list_circle_icon {
  font-size: 8px !important;
}
.folder_collection_edit_container .icon_control {
  display: inline-flex;
  align-items: center;
}
#add_capture_space_folder_modal .modal-title,
div#add_capture_private_folder_modal .modal-title {
  font-size: 18px;
}
#add_capture_space_folder_modal .modal-header,
div#add_capture_private_folder_modal .modal-header {
  padding: 18px 15px;
}
.add_capture_space_folder_modal .form-group label svg,
.add_new_space_modal_popup .form-group label svg {
  margin-right: 5px;
  fill: #33333380;
}
#add_capture_private_folder_modal .close.close_bg_on_hover,
#add_capture_space_folder_modal .close.close_bg_on_hover {
  top: auto;
}
#add_capture_space_folder_modal .modal-body {
  padding: 20px 25px 25px !important;
}
.rc_space_section_control
  .capture_folder_lavel_one
  .innertTextContent
  .inline_text_content_control:hover {
  border-bottom: 1px dashed #b4b5b9;
}
.slash_type_command {
  display: inline-flex;
}
.label_ctrl_in_all_tab .dropicon i:hover {
  opacity: 1;
}
.label_ctrl_in_all_tab .dropicon i {
  color: #3c4152;
  opacity: 0.7;
  font-size: 11px;
}
.label_ctrl_in_all_tab .dropicon {
  width: 11px;
  display: inline-block;
}
.label_ctrl_in_all_tab.collapsed {
  border-bottom: 1px solid transparent;
}
ul.capture_fixed_menu_ul.my_inbox_section > li:hover .captures_count {
  display: block !important;
}
#tag .rc-tree-treenode.rc-tree-treenode:hover .on_hover_count_visibility_0 {
  opacity: 1 !important;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li:hover
  .project_list_item_count {
  display: block !important;
}
.rc_tag_click_area_control {
  max-width: 80px;
  display: flex;
  align-items: center;
  padding: 0 5px 0 5px;
  font-size: 11px;
  min-width: 46px;
  justify-content: center;
  cursor: pointer;
}
.rc_tag_click_area_control .added_tags_text {
  max-width: 100% !important;
  width: auto;
  color: #fd9a00;
}
.rc_tag_click_area_control .rc_tag_action_dropdown {
  padding: 0 5px;
  opacity: 0.6;
  cursor: pointer;
  position: absolute;
  right: 16px;
  display: none;
}
.remove_tag {
  width: 16px;
  text-align: center;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
  font-size: 10px;
  position: absolute;
  right: 0;
  display: none;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.tags_assignee_in_preview_ctrl .added_tags {
  border-radius: 4px 10px 10px 4px;
  height: 20px !important;
  padding: 0 !important;
  border: 0 !important;
}
.rc_tag_click_area_control:hover .rc_tag_action_dropdown,
.rc_tag_click_area_control:hover .remove_tag {
  display: flex;
}
.rc_tag_click_area_control:hover .added_tags_text {
  width: calc(100% - 30px);
  display: inline-block;
  overflow: hidden;
}
.rc_tag_click_area_control .rc_tag_action_dropdown:hover {
  opacity: 1;
}
.rc_tag_click_area_control .remove_tag i {
  position: relative;
  left: -1px;
  color: #fff;
}
.added_tags.more_tag.inlist {
  border-radius: 4px 10px 10px 4px;
  height: 20px !important;
  padding: 0 4px !important;
  background: rgb(237 237 238);
  color: #333;
  display: inline-flex;
  align-items: center;
  border: 1px solid #c1c1c1;
}
.rc_tags_created_by_find {
  display: inline-block !important;
  margin: 5px 0 0 !important;
}
.rc_tags_created_by_find .added_tags {
  margin-bottom: 5px;
}
.dropdown.rc_tag_setting_dropdown_control {
  position: absolute;
  right: 0;
  top: 4px;
}
.rc_tag_setting_dropdown_control ul.dropdown-menu {
  top: 18px;
  left: -31px;
  margin: 0 !important;
}
.description_in_metadata svg.brush_icon_ctl {
  width: 16px !important;
  height: 16px !important;
  top: 0;
  left: -2px;
}
.dropdown.show .rc_tag_action_dropdown {
  opacity: 1;
}
.rc_tag_click_area_control:hover {
  justify-content: start;
}
.innertTextContent .inline_text_content_control {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.all_captures_component_control li.parent_item_ctrl.my_inbox_ele_dropdown_in {
  padding: 4px 0 4px 19px !important;
}
.all_captures_component_control .element_icn_ctrl {
  margin-right: 12px !important;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px !important;
}
.all_captures_component_control .element_icn_ctrl svg {
  width: 12px !important;
  height: 12px !important;
}
.collection_child_list_section.manage_folder_flex {
  padding-left: 69px;
}
.folder_collection_edit_container .icon_control i:hover {
  color: #b4b5b9 !important;
}
.rc_tag_click_area_control.tag_rename_active .tag_rename_placeholder_control {
  padding: 0 7px 0 5px !important;
  height: 20px !important;
  border-radius: 4px 10px 10px 4px !important;
  width: 100%;
  display: flex;
  border: 1px solid #0e9aef;
  line-height: 20px;
}
.rc_tag_click_area_control.tag_rename_active {
  padding: 0;
}
.manage_folder_flex.active .space_icon_span_section,
.manage_folder_flex.bulk_action_active .space_icon_span_section {
  border: 1px solid #fff;
}
.dropdown-menu.theme_dropdown_with_icon_text a.active .round_bracket_gray_text {
  color: #0e9aef !important;
}
.rc_space_section_control
  .capture_folder_lavel_one
  .innertTextContent
  .inline_text_content_control {
  border-bottom: 1px solid transparent;
}
.rc_metadata_group_control_in_list {
  display: flex;
  padding: 0 0 10px 26px;
  position: relative;
}
.rc_metadata_group_control_in_list .date_time_timer_ctrl {
  margin: 0;
}
.snippet-size_active .rc_metadata_group_control_in_list {
  padding: 0;
}
.medium-size_active .rc_metadata_group_control_in_list .date_time_timer_ctrl {
  margin: 0 0 7px;
}
.list-size_active .rc_metadata_group_control_in_list {
  display: none;
}
.medium-size_active .rc_metadata_group_control_in_list .date_time_timer_ctrl {
  margin: 0 !important;
}
.snippet-size_active
  .tag_assginee_ctrl.in_listing.in_list_view
  .multi-assignee-wrapper
  .cp_multiple_assignee
  > div {
  margin-left: 0;
}
ul.colour_dropdown.tag_beauty_palette_control {
  padding: 6px;
}
.folder_tooltip_control span {
  white-space: normal;
  max-width: 600px;
  display: inline-block;
  line-height: 18px;
  word-break: break-all;
}
.folder_collection_form_group {
  width: 100%;
  display: flex;
  align-items: center;
}
.folder_collection_edit_container .help-block {
  padding-left: 23px;
}
.folder_collection_edit_container.child_collection_ctrl span.help-block {
  padding-left: 18px !important;
}
.folder_collection_edit_container.has-error:after {
  margin-top: 19px;
  top: 100%;
}
.folder_collection_edit_container.has-error:before {
  margin-top: -32px;
}
svg.feather.feather-share-2 * {
  fill: none;
  stroke: #7e8187;
}
svg.feather.feather-copy * {
  fill: none !important;
  stroke: #7e8187;
}
.rc_merged_capture_list_control .chevron_ctrl.in_outline_menu {
  width: 14px;
  padding-left: 3px;
}
.subtask-list.merged_child_capture_control .capture_type_icon {
  padding: 0;
  margin: 0;
  border-right: 0;
}
.common_section
  .subtask-list-container
  .subtask-list.merged_child_capture_control
  .Subtask_list_inner {
  padding-left: 56px !important;
}
.rc_merged_capture_list_control .capture_number_increment {
  margin-right: 5px;
}
.rc_merged_capture_list_control .chevron_ctrl.in_outline_menu i {
  font-size: 10px;
}
.rc_activity_viewer_area_control,
.rc_comments_viewer_area_control {
  padding: 15px 15px 0 10px;
}
svg.feather.feather-message-square * {
  fill: none !important;
}
.loading_activity_view {
  height: calc(100vh - 815px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading_activity_view .loading_task_comments i {
  font-size: 22px;
  margin-right: 6px;
}
.activity_list_ctrl .self_activity_status {
  width: 100%;
  display: flex;
  flex: 1;
  max-width: 100%;
}
.comments_area:hover .dropdown.activity_action_btn {
  opacity: 1;
}
.dropdown.activity_action_btn {
  opacity: 0;
}
.dropdown.activity_action_btn.show {
  opacity: 1 !important;
}
.activity_action_btn
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top.dropdown-right.time_entry_magic_dropdown {
  right: -8px !important;
  margin: 0;
}
.is_popup_full_modal_view .loading_activity_view {
  height: calc(100vh - 219px);
}
.conversation_view_detail_panel.list_view_two .rc_activity_viewer_area_control,
.conversation_view_detail_panel.list_view_two .rc_comments_viewer_area_control {
  padding: 0;
}
.blank_capture_in_side_panel .loading_activity_view {
  height: calc(100vh - 570px);
}
.is_popup_full_modal_view
  .capture_preview_panel_container_control
  .loading_activity_view {
  height: calc(100vh - 264px);
}
.note_editor_body_section iframe.embed_capture_iframe_section {
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
.capture_note_editor_full_view .fullscreen_main_inner_container {
  height: calc(100vh - 92px) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.note_editor_body_section .image_preview.image_preview_height_ctrl {
  overflow: unset;
  height: 100%;
  max-height: 100% !important;
  padding: 16px;
}
.info_header.info_header_in_detail_side_panel.in_comment_side_panel {
  border-bottom: 1px solid #e9e9eb;
}
.capture_comment_in_sidepanel
  .no_connected_task.in_sidepanel.in_captures_details.no_comments_yet_control {
  height: calc(100vh - 276px);
}
.is_popup_full_modal_view
  .capture_comment_in_sidepanel
  .no_connected_task.in_sidepanel.in_captures_details.no_comments_yet_control {
  height: calc(100vh - 176px);
}
.attachment-list .attach-action svg {
  opacity: 0.55;
  display: block;
}
.attachment-list .attach-action svg:hover {
  opacity: 1;
}
.attach_action_icon_on_hover span svg {
  opacity: 0.55;
  display: block;
}
.attach_action_icon_on_hover span svg:hover {
  opacity: 1;
}
.folder_collection_form_group input {
  border-radius: 3px;
}
.embed_captures_outer_div_flex_control {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rc_manage_folder_list_control .manage_folder_flex .manage_folder_name {
  overflow: hidden;
  max-width: 100%;
  width: auto;
  padding-right: 0;
  align-items: center;
  display: inline-flex;
}
.rc_manage_folder_list_control
  .manage_folder_flex
  .rc-tree-title
  span.innertTextContent {
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-flex;
  flex: 1 auto;
  width: 0 !important;
}
.rc_manage_folder_list_control .manage_folder_flex .list_have_child_span {
  display: inline-flex;
  align-items: center;
  width: 100% !important;
}
.my_folder_in_manage_folder .draggable_placeholder_row_element,
.rc_manage_folder_list_control
  .manage_folder_flex
  .draggable_placeholder_row_element.space_hover {
  width: 100% !important;
}
.tree_folder_main_container_ctrl.rc_manage_folder_list_control
  .draggable_placeholder_row_element {
  width: 100% !important;
}
.selectedDraggableCapture.ui-draggable-dragging.in_manage_folder {
  width: 100% !important;
  height: 45px;
}
.selectedDraggableCapture.ui-draggable-dragging.in_manage_folder
  span.manage_folder_name {
  display: flex;
}
.capture_folder_lavel_one svg.private_space_icon {
  fill: rgb(180 181 185 / 100%);
}
.rc_manage_tags_control .capture_folder_lavel_2.manage_folder_flex {
  padding: 0 0 0 32px !important;
}
.rc-tree .rc-tree-treenode.manage_folder_flex span.rc-tree-switcher {
  display: inline-flex;
  width: 22px !important;
  height: 22px !important;
  align-items: center;
  justify-content: center;
  margin-right: 0 !important;
  margin-left: -5px;
}
.my_folder_in_manage_folder .capture_folder_lavel_two {
  padding-left: 0 !important;
}
.embed_captures_outer_div_flex_control
  .in_conversation_preview.video_preview_height_ctrl {
  max-height: initial;
  width: 100%;
  height: 100%;
  max-width: inherit;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.react-calendar button {
  font-family: 'Inter', "Segoe UI", sans-serif;
}
button.react-calendar__navigation__arrow.react-calendar__navigation__next-button,
button.react-calendar__navigation__arrow.react-calendar__navigation__next2-button,
button.react-calendar__navigation__arrow.react-calendar__navigation__prev-button,
button.react-calendar__navigation__arrow.react-calendar__navigation__prev2-button {
  color: #8c94a2 !important;
  width: 28px !important;
  margin: 0;
  height: 28px !important;
  min-width: 28px !important;
  line-height: 28px !important;
}
.react-calendar__navigation {
  padding: 5px !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(14, 154, 239, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(14, 154, 239, 0.3);"] {
  background: #cdeafb !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(0, 0, 0, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(0, 0, 0, 0.3);"] {
  background: #cbcbcb !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(253, 97, 44, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(253, 97, 44, 0.3);"] {
  background: #feded3 !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(253, 154, 0, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(253, 154, 0, 0.3);"] {
  background: #fee1b2 !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(232, 56, 79, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(232, 56, 79, 0.3);"] {
  background: #f8c3ca !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(238, 195, 0, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(238, 195, 0, 0.3);"] {
  background: #fcf3cc !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(164, 207, 48, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(164, 207, 48, 0.3);"] {
  background: #edf5d6 !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(98, 210, 111, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(98, 210, 111, 0.3);"] {
  background: #e0f6e2 !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(55, 197, 171, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(55, 197, 171, 0.3);"] {
  background: #d7f3ee !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(65, 134, 224, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(65, 134, 224, 0.3);"] {
  background: #d9e7f9 !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(122, 111, 240, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(122, 111, 240, 0.3);"] {
  background: #e4e2fc !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(170, 98, 227, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(170, 98, 227, 0.3);"] {
  background: #eee0f9 !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(227, 98, 227, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(227, 98, 227, 0.3);"] {
  background: #f9e0f9 !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(234, 78, 157, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(234, 78, 157, 0.3);"] {
  background: #fbdceb !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(252, 145, 173, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(252, 145, 173, 0.3);"] {
  background: #fee9ef !important;
}
.avatar_color_replaced_by_attribute[style="background: rgba(141, 163, 166, 0.3);"],
.tags_color_replaced_by_attribute[style="background: rgba(141, 163, 166, 0.3);"] {
  background: #e8eded !important;
}
.embed_captures_outer_div_flex_control .image_preview {
  display: flex;
  align-items: center;
  justify-content: center;
}
.note_editor_wrapper_main
  .meta_panel_in_capture_viewer
  .main_sidepanel_ctrl_for_verticalBar
  .preview_pane_scroll.detect_attachment_hover_class.meta_data_area_in_side_panel
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 193px) !important;
  overflow: auto !important;
}
.rc_connected_task_view_area_control .capture_thumb_details {
  max-width: 100% !important;
  overflow: hidden !important;
}
.rc_connected_task_view_area_control
  .capture_thumb_details
  .task_name.cp_task_name {
  display: inline-block;
  text-overflow: ellipsis;
}
.section_hover_active .gf_details_button_right {
  display: flex;
}
.note_editor_wrapper
  .capture_extra_metadata_div
  .note_capture_active
  .ql-editor {
  min-height: 78px;
  max-height: 160px;
  overflow: auto;
  padding: 10px 12px 10px 16px;
}
.editor_in_note_capture .ql-editor.ql-blank::before {
  left: 0 !important;
}
.inner_sidebar.in_front_left_sidebar
  ul.inner_sidebar_ctrl
  > li
  > svg.line_icon_in_mini_panel
  * {
  fill: none !important;
}
.inner_sidebar.in_front_left_sidebar
  ul.inner_sidebar_ctrl
  > li
  > svg.line_icon_in_mini_panel {
  stroke: #484d56 !important;
}
.inner_sidebar.in_front_left_sidebar ul.inner_sidebar_ctrl > li.active > svg * {
  fill: #fff !important;
}
.inner_sidebar.in_front_left_sidebar
  ul.inner_sidebar_ctrl
  > li.active
  > svg.line_icon_in_mini_panel {
  stroke: #fff;
}
.inner_sidebar.in_front_left_sidebar ul.inner_sidebar_ctrl li {
  cursor: pointer;
}
.inner_sidebar.in_front_left_sidebar
  ul.inner_sidebar_ctrl
  > li
  > svg.line_icon_in_mini_panel
  * {
  fill: none !important;
}
.inner_sidebar.in_front_left_sidebar
  ul.inner_sidebar_ctrl
  > li.active
  > svg.line_icon_in_mini_panel
  * {
  stroke: #fff !important;
}
svg.feather.feather-user.line_icon_in_mini_panel {
  width: 16px !important;
}
.inner_sidebar.in_front_left_sidebar {
  border-right: 1px solid transparent !important;
}
.capture_module_folder_ctrl
  .capture_folder_lavel_three
  .rc-tree-switcher.rc-tree-switcher-noop {
  width: 10px !important;
}
.folder_dropdown_ctrl .rc-tree-treenode.capture_folder_lavel_three {
  padding-left: 1px !important;
}
.folder_dropdown_ctrl
  .rc-tree-treenode.capture_folder_lavel_three
  .rc-tree-switcher.rc-tree-switcher-noop {
  width: 10px !important;
}
.folder_dropdown_ctrl .rc-tree-treenode.capture_folder_lavel_two {
  padding-left: 0 !important;
}
ul.capture_fixed_menu_ul.my_inbox_section.all_captures_separate_btn.rc_all_captues_section_control {
  margin: 10px 0 10px 0;
}
#email_sidebar.gray_theme_custom_sidebar .treeview_search_filter_ctrl {
  padding: 0 8px 6px 8px;
  border-bottom: 1px solid #e2e7eb;
  margin-bottom: 0 !important;
  margin-top: 6px !important;
}
.folder_dropdown_ctrl
  .space_architecture_section_control
  .rc-tree-treenode.capture_folder_lavel_two {
  padding-left: 9px !important;
}
ul.inner_sidebar_ctrl {
  display: flex;
  flex-direction: column;
  justify-content: unset !important;
  align-items: center;
}
.inbox_default_folder .element_icn_ctrl svg * {
  fill: #484d56;
}
.inbox_default_folder .element_icn_ctrl svg {
  width: 13px;
  height: 13px;
}
.scroll-area-left-sidebar-four-column.rc_me_panel_active {
  height: calc(100vh - 99px);
}
.table.trash_table_ctrl
  tbody.tbody_ctrl
  tr
  .type_name_ctrl
  .space_icon_span_section
  i {
  margin: 0;
  font-size: 11px;
}
.table.trash_table_ctrl
  tbody.tbody_ctrl
  tr
  .type_name_ctrl
  .space_icon_span_section {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  height: 18px;
  width: 18px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr .type_name_ctrl i {
  margin-top: 0;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr td {
  height: 40px !important;
  font-size: 12px;
  font-family: 'Inter', "Segoe UI", sans-serif;
  color: #333;
  display: inline-flex;
  align-items: center;
  padding: 10px 6px !important;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr .type_name_ctrl i,
.table.trash_table_ctrl tbody.tbody_ctrl tr .type_name_ctrl svg {
  margin: 0;
  margin-right: 8px;
}
.disabled_assignee {
  opacity: 0.5;
  cursor: not-allowed !important;
}
li.magic_dropdown_direct_action_btn.edit_comment_on_front.disabled_assignee:hover {
  background: 0 0;
}
.embed_captures_outer_div_flex_control
  .rc_video_player_container
  > div:not(.video_controls_section_div) {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.embed_captures_outer_div_flex_control .embed_video_ctrl {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}
.rc_unsupported_capture_format_preview_control {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #ffffffbd;
  font-weight: 600;
  background: #000;
}
.rc_unsupported_capture_format_preview_control .download_capture_btn:hover {
  background: #464646;
  color: #fff;
  transition: 0.1s ease-in;
}
.rc_unsupported_capture_format_preview_control .download_capture_btn {
  padding: 6px 16px;
  border-radius: 3px;
  margin-top: 26px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffffbd;
  border: 1px solid #464646;
}
.rc_unsupported_capture_format_preview_control.in_image_viewer_popup
  .download_capture_btn {
  color: #ffffffbd;
  border: 1px solid #ffffffbd;
}
.rc_unsupported_capture_format_preview_control.in_image_viewer_popup {
  color: #fff;
}
.rc_unsupported_capture_format_preview_control.in_image_viewer_popup
  .download_capture_btn:hover {
  background: #ffffffbd;
  color: #333;
  transition: 0.1s ease-in;
}
.rc_unsupported_capture_format_preview_control.in_image_viewer_popup
  .download_capture_btn {
  color: #ffffffbd;
  border: 1px solid #ffffffbd;
}
.rc_unsupported_capture_format_preview_control.in_image_viewer_popup {
  color: #fff;
}
.rc_switcher_view_ctrl.hover-drag .rc_switcher_view_item {
  border: 1px solid #0a6aa5;
}
.table.trash_table_ctrl
  tbody.tbody_ctrl
  tr
  .type_name_ctrl
  .capture_name_inner_container {
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
}
.folder_tooltip_control {
  max-width: 210px;
  word-break: break-word;
  white-space: pre-wrap;
}
.rc_personal_capture_list_ui_ctrl
  ul
  li.captures_data_ctrl_li.sub_capture.capture_list_CaptureGroupedList {
  overflow: unset !important;
}
.meta_panel_in_capture_viewer
  div#capture_detail_panel_modal
  .preview_pane_scroll.in_note_verticalbar {
  overflow: unset !important;
}
.add_note_inner_content_wrap
  .form-group.edit_note_quill_editor
  .ql-editor.ql-blank::before {
  left: 16px !important;
}
.rc_unsupported_capture_format_preview_control svg {
  width: 90px;
  height: 90px;
  margin-bottom: 36px;
  fill: #ffffffbd;
}
iframe.full_page_capture_iframe.bookmark_capture_iframe {
  max-width: 66% !important;
  max-height: 170px !important;
  height: 170px !important;
  border: 1px solid #dfe5f2;
  background: #fff;
  padding: 10px 10px 0;
  border-radius: 8px;
  display: inline-flex;
}
.embed_captures_outer_div_flex_control iframe.full_page_capture_iframe {
  width: 100% !important;
  height: auto !important;
}
.capture_view_outer_inner_wrap.preview_panel .audio_preview {
  display: flex;
  flex-direction: column;
}
.column_layout.task_listing .project-variable svg.feather.feather-bookmark * {
  fill: none;
}
.column_layout.task_listing
  .active
  .project-variable
  svg.feather.feather-bookmark
  * {
  fill: none !important;
  stroke: #fff;
}
.task_side_panel_ui_ctrl.create_task_ui_ctrl {
  position: static !important;
}
.count_task_view_dropdown_inner {
  display: flex;
  flex-direction: column;
}
.task_tab_content_inner.create_task_bg {
  overflow: unset !important;
}
.task_tab_content_inner.create_task_bg .create_task_input_wrap {
  display: flex;
  flex-direction: column;
}
.is_popup_full_modal_view
  .task_wrap_bg_ctrl.connected_task_panel_active
  .no_connected_task.in_sidepanel {
  height: calc(100vh - 182px) !important;
}
.data_in_sidepanel.in_compact_view .in_canvas .create_task_form_scroller {
  height: calc(100vh - 193px);
}
.draggable_clone_ul li .rc_metadata_group_control_in_list {
  padding: 0;
}
.draggable_clone_ul .task_name.cp_task_name {
  margin: 0;
  padding: 0 !important;
}
.draggable_clone_ul textarea#updateCaptureNameTextInputId {
  border: 0;
  line-height: 24px !important;
}
.draggable_clone_ul div#folder_move_to_div_id .dragging_msg {
  padding: 0 7px;
  height: auto;
  padding-bottom: 4px;
  position: relative;
  top: -5px;
}
.draggable_clone_ul div#folder_move_to_div_id {
  align-items: center;
  padding: 0;
  margin: 0;
  margin: flex;
}
.rc_button_style_ui_control {
  padding: 5px 5px !important;
}
.rc_button_style_ui_control .rc-tree .rc-tree-treenode,
.rc_button_style_ui_control
  .rc_space_section_ele_control
  .rc-tree
  .rc-tree-treenode,
.rc_button_style_ui_control a,
.rc_button_style_ui_control li {
  border-radius: 3px;
}
.dropdown-menu.theme_dropdown_with_icon_text a.active {
  background-color: rgb(14 154 239 / 10%) !important;
  color: #0e9aef !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing
  > li
  .task_list_ctrl
  .created_at {
  color: #333;
  margin-top: 2px;
  display: inline-flex;
}
.dropdown-menu.theme_dropdown_with_icon_text a.active i,
.dropdown-menu.theme_dropdown_with_icon_text a.active svg * {
  color: #0e9aef;
  fill: #0e9aef;
}
.dropdown-menu.theme_dropdown_with_icon_text
  > a.active
  .round_bracket_gray_text {
  color: #0e9aef;
}
.rc_button_style_ui_control ul li.active {
  background: rgb(14 154 239 / 10%) !important;
  color: #0e9aef !important;
}
.rc_button_style_ui_control ul li.active:before {
  color: #0e9aef !important;
}
.rc_button_style_ui_control ul li.active span.assignee_text {
  color: #0e9aef !important;
}
.rc_button_style_ui_control ul li.active span.owner {
  color: #0e9aef !important;
}
.rc_button_style_ui_control ul li.active .fa-times {
  color: #0e9aef !important;
}
.rc_button_style_ui_control .rc-tree-treenode.active .innertTextContent {
  color: #0e9aef !important;
}
.rc_button_style_ui_control .rc-tree-treenode.active:after {
  color: #0e9aef !important;
}
.rc_button_style_ui_control .rc-tree-treenode.active .fa-times {
  color: #0e9aef !important;
}
.rc_button_style_ui_control .rc-tree-treenode.active .rc-tree-switcher i {
  color: #0e9aef !important;
}
.folder_dropdown_ctrl
  .rc_button_style_ui_control
  .rc-tree-treenode.active:before {
  color: #0e9aef;
}
.folder_dropdown_ctrl
  .rc_button_style_ui_control
  .rc-tree-treenode.active
  .rc-tree-iconEle.rc-tree-icon__customize
  i.fas.fa-circle {
  color: #0e9aef;
}
.rc_button_style_ui_control
  li.magic_dropdown_direct_action_btn.active
  .round_bracket_gray_text {
  color: #0e9aef;
}
.rc_button_style_ui_control
  li.magic_dropdown_direct_action_btn.active
  span.icon_comon_width_ctrl
  i,
.rc_button_style_ui_control
  li.magic_dropdown_direct_action_btn.active
  span.icon_comon_width_ctrl
  svg {
  color: #0e9aef;
}
.rc_button_style_ui_control li.active span.dropdown_category_details {
  color: #0e9aef !important;
}
.rc_button_style_ui_control li.active {
  background: rgb(14 154 239 / 10%) !important;
  color: #0e9aef !important;
}
.merge_folder_destination_control .selection_field_type {
  padding: 0 !important;
}
.merge_folder_destination_control .custom_field_type_ctrl .selected_field {
  padding: 0 12px;
}
.merge_folder_destination_control .common_meta_option {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0 !important;
}
.merge_folder_destination_control
  .move_folder_in_annotator
  .project-icon.in_conversation_view {
  border: 0;
  justify-content: unset;
  margin: 0;
  height: 100%;
}
.merge_folder_destination_control .selection_field_type i {
  position: absolute;
  right: 12px;
  opacity: 0.6;
}
.merge_folder_destination_control {
  width: 100% !important;
}
.merge_warning {
  border-radius: 4px;
  background-color: #ffe9d9;
  border-left: 4px solid #f77444;
  display: flex;
  flex-direction: column;
  padding: 7px 12px;
  margin: 20px 0 0 0;
}
.merge_warning h5 {
  color: #9e453a;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}
.merge_warning h5 i {
  color: #f35726;
  margin: 0 10px 0 0;
}
.merge_warning p {
  color: #9e453a;
  font-size: 14px;
  padding: 3px 0 0 27px;
  margin: 0;
  line-height: 24px;
}
.merge_folder_destination_control
  .project-icon.in_conversation_view
  .align-middle
  span {
  font-size: 13px;
  line-height: 1.3;
}
.merge_folder_destination_control
  .project-icon.in_conversation_view
  .align-middle {
  max-width: initial;
  width: 0;
  flex: 1;
  padding-right: 16px;
}
.table.trash_table_ctrl tbody.tbody_ctrl tr .type_name_ctrl i.list_circle_icon {
  font-size: 6px;
}
span.back_browser_btn_control svg {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
span.back_browser_btn_control {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #454a4fb0;
  font-weight: 400;
  cursor: pointer;
}
.go_previus_location {
  display: flex;
  align-items: center;
}
span.back_browser_btn_control:hover {
  color: #333;
  transition: 0.1s ease;
}
div#trashCapturePopup a svg {
  width: 15px !important;
  height: 15px !important;
}
.capture_thumbnail_overlay_control .project-variable {
  position: absolute;
  z-index: 9999;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.capture_thumbnail_overlay_control .project-variable svg {
  width: 18px !important;
  height: 18px !important;
}
.capture_thumbnail_overlay_control .project-variable svg * {
  fill: #fff;
}
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-medium_active
  .capture_thumb_details
  .task_name.cp_task_name {
  height: 44px !important;
  line-height: 44px !important;
}
.thumbnail-medium_active .thumbnail_view.merge_capture_icon {
  height: 146px !important;
}
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-large_active
  .capture_thumb_details
  .task_name.cp_task_name {
  height: 44px !important;
  line-height: 44px !important;
}
.thumbnail-large_active .thumbnail_view.merge_capture_icon {
  height: 186px !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active {
  background: rgb(14 154 239 / 10%) !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-large_active
  ul.column_layout.task_listing
  li.active
  .action_clear_info_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-medium_active
  ul.column_layout.task_listing
  li.active
  .action_clear_info_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  ul.column_layout.task_listing
  li.active
  .action_clear_info_ctrl {
  background-color: #f5f5f7 !important;
  border: 1px solid rgba(14, 154, 239, 0.5) !important;
  padding: 2px 2px;
}
.thumbnail-large_active .captures_data_ctrl_list_btn,
.thumbnail-medium_active .captures_data_ctrl_list_btn,
.thumbnail-small_active .captures_data_ctrl_list_btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.thumbnail-small_active .captures_data_ctrl_list_btn {
  height: 150px !important;
}
.thumbnail-medium_active .captures_data_ctrl_list_btn {
  height: 219px !important;
}
.thumbnail-large_active .captures_data_ctrl_list_btn {
  height: 260px !important;
}
ul.column_layout.task_listing.thumbnail-large_active,
ul.column_layout.task_listing.thumbnail-medium_active,
ul.column_layout.task_listing.thumbnail-small_active {
  padding: 5px !important;
  float: left;
  width: 100%;
}
.capture_thumbnail_overlay_control .project-variable svg path {
  fill: #fff !important;
}
.merge_capture_warning_control h2 {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  line-height: normal;
}
.active.inbox_default_folder.active:after,
.gray_theme_custom_sidebar
  .capture_fixed_menu_ul.my_inbox_section
  li.active:after,
.gray_theme_custom_sidebar .rc-tree .rc-tree-treenode.active:after,
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li.active:after,
ul.capture_fixed_menu_ul > li > a.active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  background: #0e9aef;
  height: 100%;
  border-radius: 3px 0 0 3px;
}
.gray_theme_custom_sidebar
  .capture_fixed_menu_ul.my_inbox_section
  li.active.no_sideborder_active:after {
  display: none;
}
li.item_icon_ctrl.active svg path {
  fill: #0e9aef;
}
.dropdown-menu.theme_dropdown_with_icon_text .dropdown_content_body_control a {
  padding: 5px 10px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
}
.dropdown-menu.theme_dropdown_with_icon_text
  .dropdown_content_body_control
  a
  .dropdown_list_icon {
  width: 22px;
  display: inline-flex;
  align-items: center;
}
.dropdown-menu.theme_dropdown_with_icon_text
  .dropdown_content_body_control
  a
  svg {
  display: block;
}
.dropdown-menu .dropdown_content_body_control a i,
.dropdown-menu .dropdown_content_body_control a svg path {
  fill: #7e8187;
  color: #7e8187;
  font-size: 13px;
}
.dropdown-menu .dropdown_content_body_control a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.folder_dropdown_ctrl .rc-tree-treenode.active:before {
  color: #0e9aef;
}
.folder_dropdown_ctrl
  .rc-tree-treenode.active
  span.rc-tree-iconEle.rc-tree-icon__customize
  i {
  color: #0e9aef !important;
}
.folder_dropdown_ctrl
  .rc-tree-iconEle.rc-tree-icon__customize
  .list_circle_icon {
  color: #7b7e84;
}
.list_view_ele_right_side {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.medium-size_active .tag_assginee_ctrl.in_listing.in_list_view .assignee-div {
  margin: 0 5px;
}
.rc_metadata_group_control_in_list
  .tag_assginee_ctrl.in_listing.in_list_view
  .iconbg {
  display: flex;
  align-items: center;
}
.rc_metadata_group_control_in_list .timer_ui_list_view {
  margin-right: 0 !important;
}
.rc_metadata_group_control_in_list
  .list_view_ele_right_side
  .count_of_merged_captures {
  margin-right: 10px !important;
  position: static !important;
  margin-left: 0 !important;
}
.rc_metadata_group_control_in_list
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg
  svg {
  width: 14px;
}
.rc_metadata_group_control_in_list
  .moveTo_icon_in_list.project-icon-svg.iconbg {
  border: 0;
  background: #f2f2f2;
  height: 20px;
  padding-left: 4px !important;
}
.rc_metadata_group_control_in_list .cp_multiple_assignee .assignee_circle {
  margin-left: 0;
}
.medium-size_active
  li.active
  .moveTo_icon_in_list.project-icon-svg.iconbg
  > svg
  *,
.snippet-size_active
  li.active
  .moveTo_icon_in_list.project-icon-svg.iconbg
  > svg
  * {
  fill: #676a6c;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.medium-size_active
  li.active
  .project-icon.in_conversation_view,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.snippet-size_active
  li.active
  .project-icon.in_conversation_view {
  background-color: #f5f5f7 !important;
}
.snippet-size_active .task_list_ctrl {
  padding: 0 0 8px 2px;
}
.snippet-size_active .rc_metadata_group_control_in_list .date_time_timer_ctrl {
  margin: 0;
}
.snippet-size_active .tag_assginee_ctrl.in_listing.in_list_view {
  padding-left: 5px;
  padding-bottom: 0;
  height: 24px;
}
.medium-size_active
  .action_info_icon.count_of_merged_captures.visible-in-list-size,
.snippet-size_active
  .action_info_icon.count_of_merged_captures.visible-in-list-size {
  display: none;
}
.snippet-size_active .capture_list_outer_container {
  height: 60px;
  width: calc(100% - 74px);
}
.capture_thumbnail_inner .project-variable.snippet-size img {
  width: 100%;
  height: 100%;
}
.snippet-size_active
  .capture_thumbnail_in_front
  .project-variable.snippet-size {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 3px;
}
.active
  .rc_metadata_group_control_in_list
  .moveTo_icon_in_list.project-icon-svg.iconbg {
  background: #f5f5f7 !important;
}
.rc_metadata_group_control_in_list .action_info_icon.count_of_merged_captures {
  right: auto;
  left: 7px;
  top: 2px;
  margin: 0 5px 0 0;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 14px;
}
.snippet-size_active
  .rc_metadata_group_control_in_list
  .action_info_icon.count_of_merged_captures {
  position: static;
  margin: 0 3px 0 8px;
}
ul.column_layout.task_listing.thumbnail-large_active
  li
  .rc_metadata_group_control_in_list,
ul.column_layout.task_listing.thumbnail-medium_active
  li
  .rc_metadata_group_control_in_list,
ul.column_layout.task_listing.thumbnail-small_active
  li
  .rc_metadata_group_control_in_list {
  display: none;
}
.hide_show_selected_capture_details_control {
  position: absolute;
  top: -11px;
  border: 1px solid #b1b1b1;
  padding: 2px 12px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  background: #fff;
  cursor: pointer;
}
.clear_capture_selection:hover {
  opacity: 1;
}
.clear_capture_selection {
  font-size: 13px;
  font-weight: 600;
  margin: 10px 0 45px;
  text-decoration: underline;
  color: #333;
  opacity: 0.5;
  cursor: pointer;
}
.selcted_captures_list_metadata_control {
  margin: 30px 0 40px;
  display: inline-block;
}
.selcted_captures_list_metadata_control .metadata_each_item_control {
  margin-bottom: 8px !important;
  margin: 0 3px;
  border: 1px solid #e3e5e6;
  border-radius: 3px;
  padding: 0 7px;
  height: 30px;
  color: #262626;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.empty_msg_in_my_folder.ac_loading_ctrl {
  padding: 10px 10px !important;
}
.empty_msg_in_my_folder.tag_ac_loading_ctrl {
  padding: 0 10px 10px 10px !important;
}
.assignee-div .multi-assignee-wrapper {
  display: flex;
  align-items: center;
}
.selcted_captures_list_metadata_control .metadata_each_item_control * {
  margin: 0 !important;
}
.metadata_each_item_control
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text,
.metadata_each_item_control .multiselect_assignee_unique_element_ctrl,
.metadata_each_item_control .multiselect_participant_unique_element_ctrl {
  background: 0 0;
  display: flex;
  align-items: center;
}
.metadata_each_item_control
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text:hover,
.metadata_each_item_control .due-time.estimate_time_dropdown_ctrl:hover,
.metadata_each_item_control .multiselect_assignee_unique_element_ctrl:hover,
.metadata_each_item_control .multiselect_participant_unique_element_ctrl:hover {
  background: 0 0 !important;
  border: 1px solid transparent !important;
}
.metadata_each_item_control .estimate_icon_bg,
.metadata_each_item_control .iconbg,
.metadata_each_item_control
  .project-div.project_cv_div
  span.project-icon-svg.iconbg {
  background: 0 0 !important;
  width: auto !important;
  margin-right: 7px !important;
  padding: 0 !important;
}
.metadata_each_item_control
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text {
  padding: 0;
}
.metadata_each_item_control .estimate_icon_bg svg,
.metadata_each_item_control .iconbg svg {
  width: 16px !important;
  height: 16px !important;
}
.selcted_captures_list_metadata_control .metadata_each_item_control:hover {
  background: #ebebed;
}
.metadata_each_item_control
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text:hover,
.metadata_each_item_control .multiselect_assignee_unique_element_ctrl:hover {
  border: 0 !important;
}
.selcted_captures_list_metadata_control .cp_multiple_assignee .assignee_circle {
  margin-left: -5px !important;
}
.metadata_each_item_control .remove_assignee.remove_project,
.selcted_captures_list_metadata_control
  .metadata_each_item_control
  span.close_selected_data_view {
  margin-left: 5px !important;
}
.metadata_each_item_control:hover
  .due-date.schedule_calendar_ctrl
  .close_selected_data_view,
.metadata_each_item_control:hover .remove_assignee.remove_project {
  opacity: 1;
}
.metadata_each_item_control .remove_assignee.remove_project i,
.selcted_captures_list_metadata_control
  .metadata_each_item_control
  span.close_selected_data_view
  i {
  font-size: 12px;
}
.selcted_captures_list_metadata_control
  .metadata_each_item_control
  .tags_assignee_in_preview_ctrl
  .added_tags {
  margin-right: 5px !important;
}
.selcted_captures_list_metadata_control
  .metadata_each_item_control
  i.fas.fa-chevron-down {
  margin-left: 7px !important;
  font-size: 12px;
  color: #7e8187;
}
.metadata_each_item_control .estimate_icon_bg svg,
.metadata_each_item_control .iconbg svg,
.metadata_each_item_control
  .project-div.project_cv_div
  span.project-icon-svg.iconbg
  svg {
  display: block;
}
.selcted_captures_list_metadata_control .metadata_each_item_control .iconbg i {
  color: #7e8187;
}
.merge_capture_warning_control {
  text-align: center;
  padding: 46px 46px 46px;
}
.merge_capture_warning_control .alert_graphics svg {
  width: 46px;
  height: 46px;
  text-align: center;
}
.merge_capture_warning_control .warning_title_bold {
  font-size: 26px;
  font-weight: 600;
  margin: 10px 0 10px;
  color: #333;
}
.merge_capture_warning_control .btn-default.dismiss_modal {
  margin-top: 30px;
}
.metadata_each_item_control .tag-container.dropdown {
  display: flex;
  align-items: center;
}
.metadata_each_item_control .tags_assignee_in_preview_ctrl .tagged_assets_tags {
  display: flex;
  align-items: center;
}
.metadata_each_item_control
  .tags_assignee_in_preview_ctrl
  .tagged_assets_tags
  .each_tag_control:last-child
  .added_tags {
  margin-right: 0 !important;
}
.capture_details_view_control {
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 0;
}
ul.selected_captures_to_merge_summary.hide {
  height: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #c4c4c4;
  transition: 0.1s ease;
}
.rc-attachment_video_preview_file_control {
  border: 1px solid rgb(192 196 198);
  background: #fff;
  display: flex;
  align-items: center;
  color: #333;
  max-width: 286px;
  text-align: left;
  height: 42px;
  border-radius: 8px;
}
.rc-attachment_video_preview_file_control .rc_attachment_icon {
  background: #f5f5f5;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rc-attachment_video_preview_file_control .rc_attachment_icon svg {
  width: 18px;
  height: 18px;
  fill: #606060;
  margin-left: 8px;
}
.rc-attachment_video_preview_file_control .rc_attachment_details {
  padding: 0 10px 0 8px;
  border-right: 1px solid #dadee0;
  overflow: hidden;
  flex: 1;
  display: inline-flex;
}
.rc-attachment_video_preview_file_control
  .rc_attachment_details
  .attachment_name {
  font-size: 12px;
  color: #333;
  font-weight: 600;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
}
.rc-attachment_video_preview_file_control .attachment_file_size {
  font-size: 11px;
  color: #262626;
  font-weight: 600;
  opacity: 0.5;
}
.rc-attachment_video_preview_file_control .attachment_download_icon svg {
  fill: none;
  stroke: #606060;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.rc-attachment_video_preview_file_control .attachment_download_icon {
  height: 100%;
  display: flex;
  align-items: center;
  width: 42px;
  padding: 0;
  justify-content: center;
}
.attachment_download_icon svg:hover {
  stroke: #333333;
}
.capture_group_folders_list .small_group_parent_folder_name {
  display: inline-block;
  text-overflow: ellipsis;
}
.capture_group_folders_list .group_label_text_limitter {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.folder_dropdown_ctrl
  .rc-tree-treenode.active
  .rc-tree-iconEle.rc-tree-icon__customize
  .space_icon_span_section.space-avatar-icon
  i {
  color: #fff !important;
}
.caption_edit_box .ql-editor.ql-blank::before {
  left: 15px !important;
}
#resizable_panel .image_preview_height_ctrl {
  height: 100%;
}
.white_board_capture_preview_ctrl
  .capture_view_outer_inner_wrap
  iframe.embed_capture_iframe_section {
  max-height: 100%;
  border: 0;
  height: 100%;
  width: 100%;
}
.overlay_control {
  width: 100%;
  height: 100%;
  background: #333;
  position: absolute;
  z-index: 98;
  opacity: 0;
  cursor: pointer;
}
div#resizable_panel .in_conversation_preview.video_preview_height_ctrl img {
  max-width: 100% !important;
  max-height: 100% !important;
}
div#resizable_panel .in_conversation_preview.video_preview_height_ctrl {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 100% !important;
  max-width: 100% !important;
  padding: 20px;
}
.thumbnail_view.merge_capture_icon
  .rc_unsupported_capture_format_preview_control
  svg {
  margin: 0;
  width: 24px !important;
  height: 24px !important;
}
.thumbnail_view.merge_capture_icon
  .rc_unsupported_capture_format_preview_control {
  z-index: 9999;
  background: #fff;
}
.caption_in_metapanel .caption_edit_box .ql-editor.ql-blank::before {
  left: 0 !important;
}
.caption_in_metapanel
  .capture_extra_metadata_div_main_section
  .draggable_placeholder_row_element {
  width: calc(100% - 50px);
  left: 10px;
}
.caption_in_metapanel
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:focus-within {
  border-bottom: 1px solid #0e9aef !important;
}
.conversation_preview_pane_main_wrapper
  .in_card_box
  .capture_view_outer_inner_wrap
  .editor_in_note_capture
  .ql-editor {
  padding: 0;
}
a.clear_selected_filter_link {
  color: #3f9edc;
  font-weight: 400;
  text-decoration: underline;
}
.no_data_found_wrapper.empty_trash_state.no_filter_yet {
  position: absolute;
  left: 0;
  right: 0;
  top: 78px;
  bottom: 0;
  margin: auto;
  height: calc(100% - 96px);
}
.unassigned_option_control .assignee_circle.in-dropdown .user_icon svg {
  width: 14px;
  height: 14px;
  display: block;
  margin: 0;
  stroke: #606060;
}
.mcd_search_box input {
  background: #f0f1f1;
  height: 28px;
}
.mcd_search_box i.fas.fa-search {
  top: 17px;
  left: 16px;
}
.mcd_search_box input:focus + i.fas.fa-search {
  color: #0e9aef;
}
.mcd_search_box input:focus {
  background: #fff;
  border: 1px solid #0e9aef !important;
}
li.list_dropdown.unassigned_option_control.active {
  display: flex !important;
  align-items: center;
}
.mcd_search_box {
  padding: 5px 5px;
}
.my_folder_toggle_btn_control {
  font-size: 9px;
  font-weight: 600;
  color: #30a7ef;
  margin: 0 0 0 10px;
  cursor: pointer;
  display: inline-block;
}
.shorting_icon_ctrl {
  display: none;
}
.table > thead > tr > th:hover .shorting_icon_ctrl {
  display: flex;
  align-items: center;
}
.table > thead > tr > th .shorting_icon_ctrl.active {
  display: flex;
  align-items: center;
}
.table.trash_table_ctrl thead.thead_ctrl tr th .rc_col_title_cotrol {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.no_result_found.in_left_side_panel.in_capture_list_view {
  background: #fff;
  border-top: 0;
}
.manage_folder_flex.active:before {
  right: 10px;
  left: auto;
  color: #0e9aef;
  top: 10px;
}
.manage_folder_flex.rc-tree-treenode .rc-tree-switcher i {
  color: #8c93a1;
}
.manage_folder_flex.rc-tree-treenode.rc-tree-treenode-switcher-close.active
  .tree_sidebar_folder:hover {
  color: #b4b5b9 !important;
}
.manage_folder_flex .tree_sidebar_folder.closed:hover,
.manage_folder_flex .tree_sidebar_folder:hover {
  color: #b4b5b9;
}
.mcd_dropdown_empty_state {
  font-size: 13px;
  text-align: center;
  margin: 0;
  padding: 40px 0 !important;
  padding-right: 0 !important;
  color: #333;
  line-height: 1.6;
}
.mcd_dropdown_empty_state.mntn_popdown_empty {
  padding: 0 !important;
  min-height: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.mcd_dropdown_empty_state.mntn_popdown_empty p {
  opacity: 0.7;
  font-size: 13px;
}
.create_new_tag_here i {
  color: #0e9aef;
  font-size: 11px;
  margin-right: 6px;
}
.rc_trash_item_description {
  font-size: 14px;
  font-weight: 400;
  color: #727272;
}
.rc_page_title_control .list_count {
  font-weight: 600;
  font-size: 18px;
  color: #30a7ef;
  margin: 0 4px;
  display: inline-flex;
}
.rc_page_title_control {
  display: flex;
  align-items: center;
  line-height: normal;
  margin: 0 0 2px;
}
.timer_ui_list_view.capture_jnote_view_timer_popup.time_entry_with_manual_mode
  i.fa:before {
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.time_track_manual_footer button.btn.btn-default {
  margin-right: 5px;
}
.form-group.field-loginform-rememberme.in_delete_popup {
  text-align: center;
  display: flex;
  align-items: center;
  margin: 12px 0;
  justify-content: initial;
  font-weight: 600;
  position: absolute;
  left: 15px;
  color: #aeaeae;
  font-size: 12px;
}
.form-group.field-loginform-rememberme.in_delete_popup input[type="checkbox"] {
  margin-top: 0;
  width: 14px;
  height: 14px !important;
}
.deletealert_modal_ctrl
  .confirm-remove-category_container.text
  .confirm-remove-category__icon.icon.common_mr {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
}
.deletealert_modal_ctrl .confirm-remove-category__last-warning {
  font-size: 16px;
  color: #333;
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: center;
}
.deletealert_modal_ctrl
  .confirm-remove-category_container.text
  .confirm-remove-category__icon.icon.common_mr
  svg {
  width: 22px;
  height: 22px;
}
div#confirm-delete-modal {
  padding: 40px 20px !important;
}
.deletealert_modal_ctrl .confirm-remove-category_container.text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.deletealert_modal_ctrl .modal-header {
  padding: 18px 15px;
}
.deletealert_modal_ctrl .modal-header button.close {
  top: 16px;
}
.table.trash_table_ctrl .tbody_ctrl tr td {
  border: 0;
}
.table.trash_table_ctrl .tbody_ctrl tr {
  border-bottom: 1px solid #e7eaec;
  display: inline-table;
  width: 100%;
}
.dropdown-menu.theme_dropdown_with_icon_text.user_filter_list_dropdown_control.rc_button_style_ui_control
  > a.active:hover {
  background: #f5f5f5 !important;
}
.manage_folder_flex.active {
  border-top: 1px solid rgb(14 154 239 / 50%) !important;
  border-bottom: 1px solid rgb(14 154 239 / 50%) !important;
}
.manage_folder_flex.bulk_action_active.first_list_element {
  border-top: 1px solid rgb(14 154 239 / 50%) !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.first_list_element.bulk_action_active {
  border-top: 1px solid rgb(14 154 239 / 50%) !important;
}
.browser_btn.in_new_card {
  display: flex !important;
  align-items: center;
}
.activity_list_ctrl.show_more_activity
  .activity_thread:nth-child(11)
  .pl_activity_ctrl:after {
  display: none;
}
.manage_folder_flex.rc-tree-treenode .rc-tree-switcher:hover i {
  color: #333;
}
.gray_theme_custom_sidebar .rc-tree .rc-tree-treenode span.rc-tree-switcher {
  width: 12px !important;
  height: 16px !important;
  min-width: 12px !important;
  margin-left: -5px;
  line-height: 16px;
  text-align: center;
}
.rc-tree
  .capture_folder_lavel_three.rc-tree-treenode.manage_folder_flex
  .rc-tree-switcher {
  width: 13px !important;
}
.rc_manage_tags_control
  .manage_folder_flex
  .list_have_child_span
  span.caret_icon {
  display: inline-flex;
  width: 22px !important;
  height: 22px !important;
  align-items: center;
  justify-content: center;
  margin-right: 0 !important;
  margin-left: -5px;
  padding: 0;
}
.rc_manage_tags_control
  .manage_folder_flex
  .list_have_child_span
  span.caret_icon
  i {
  top: auto;
}
.rc_manage_tags_control
  .manage_folder_flex
  .list_have_child_span
  span.caret_icon:hover
  i {
  color: #333;
}
.hide_show_selected_capture_details_control:hover {
  background: #ebebed;
  color: #333;
}
.hide_show_selected_capture_details_control i {
  margin-left: 7px;
  font-size: 9px;
}
.table.trash_table_ctrl
  .tbody_ctrl
  tr.trash_list.rcr_hidden_class
  + .trash_list {
  border-top: 1px solid transparent;
}
.table.trash_table_ctrl .tbody_ctrl tr.bulk_action_active:first-child {
  border-top: 1px solid rgb(14 154 239 / 50%) !important;
}
.table.trash_table_ctrl
  .tbody_ctrl
  tr.trash_list.rcr_hidden_class.bulk_action_active
  + .trash_list {
  border-top: 1px solid rgb(14 154 239 / 50%) !important;
}
.table.trash_table_ctrl .tbody_ctrl tr.active:first-child {
  border-top: 1px solid rgb(14 154 239 / 50%) !important;
}
.capture_filter_for_individual_merged.active .external_icon.icon_common_sty {
  color: #0e9aef;
}
.table.trash_table_ctrl .tbody_ctrl tr:first-child:hover {
  border-bottom: 1px solid #e7eaec !important;
}
.drop_attachments_in_preview_panel_ctrl.attach_ui_for_list.in_attachment_tab {
  background: #fff;
  height: calc(100vh - 288px) !important;
  top: 80px;
}
.grouped_by_section.group_by_list_parent .chevron_ctrl {
  margin-right: 1px;
  min-width: 8px;
  margin-left: 2px;
}
.grouped_by_section.group_by_list_parent
  .grouped_by_label
  .name_of_tags_in_sorting {
  margin-left: 5px;
}
.grouped_by_label .group_label_text_limitter {
  align-items: center;
}
.grouped_by_label .group_label_text_limitter svg {
  top: 0;
}
.grouped_by_label .group_label_text_limitter {
  padding-left: 4px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active.editable_active {
  background: #fff !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active.editable_active:hover {
  background: #fff !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li
  textarea.task_name.cp_task_name {
  border: 1px solid transparent;
}
.drop_attachments_in_preview_panel_ctrl.attach_ui_for_list.uppy-is-drag-over {
  display: block;
}
.moveTo_icon_in_list.project-icon-svg.iconbg:hover > svg * {
  fill: #333333 !important;
  transition: 0.1s ease;
}
.rc_manage_users_details_table
  .data_table_header_inner
  .tv_header_column:nth-child(3),
.rc_manage_users_details_table
  .table_header_element_ctrl
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl.common_column_bc:nth-child(3) {
  min-width: 240px !important;
  width: 240px !important;
}
.rc_manage_users_details_table
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl
  .users_quick_setting_dropdown
  .data_item
  i.fas.fa-ellipsis-h {
  margin: 0;
}
.orgnization_main_col_wrapper .cntxt_menu_email_labels {
  top: 0;
  right: 0;
  width: 30px;
}
.org-custome-gray-side-bar .innertTextContent.teams_heading {
  width: auto;
  margin: 0;
  padding: 0 !important;
  min-width: auto;
}
.orgnization_main_col_wrapper
  .cntxt_menu_email_labels
  i.fas.fa-ellipsis-h:hover {
  color: #fff !important;
}
.org-custome-gray-side-bar
  .tree-node-inner-back
  .list_have_child_span.teams_level
  .chevron_ctrl
  > i {
  margin-left: 7px;
}
.org-custome-gray-side-bar
  .tree-node-children:hover
  .list_have_child_span.teams_level {
  opacity: 1;
  transition: 0.1s ease;
}
.org-custome-gray-side-bar .custom_lablel_orignal_name .chevron_ctrl > i:hover {
  color: #fff;
}
.orgnization_main_col_wrapper ul.accordian_menu_list > li {
  padding: 2px 8px 2px 8px;
  height: 30px;
  border-radius: 3px;
  margin: 0 5px;
  width: calc(100% - 10px);
  display: flex;
  align-items: center;
  line-height: 30px;
}
.org-custome-gray-side-bar ul.accordian_menu_list > li:hover {
  background: #48494d !important;
}
.org_user_highlighted_desc .bgRed.user-icon-circle {
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.canvas_edit_compact_view
  .blank_capture_in_side_panel
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 274px) !important;
}
.initial_shot_window.canvas_edit_compact_view
  .blank_capture_in_side_panel
  .no_connected_task.in_sidepanel.in_captures_details {
  height: auto !important;
  margin: 50px 0;
}
.canvas_edit_compact_view .data_in_sidepanel.in_compact_view {
  box-shadow: none;
  border-left: 0 !important;
  z-index: 999;
}
.canvas_edit_compact_view
  .preview_pane_scroll.detect_attachment_hover_class.merged_capture_group
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 238px) !important;
  overflow: auto;
}
.canvas_edit_compact_view
  .blank_capture_in_side_panel
  .no_connected_task.in_sidepanel.in_captures_details.no_comments_yet_control {
  height: auto !important;
  margin: 50px 0;
}
.capture_list_dropdown_full_modal_popup.in_canvas
  .blank_capture_in_side_panel
  .loading_activity_view {
  height: calc(100vh - 274px) !important;
}
.rc_capture_preview_panel_scroll_control .wrapper-clm-bg {
  overflow: unset !important;
}
.is_popup_full_modal_view
  .capture_preview_panel_container_control
  .drop_attachments_in_preview_panel_ctrl.attach_ui_for_list.in_attachment_tab {
  height: calc(100vh - 455px) !important;
}
.drag_and_drop_blank_div {
  position: absolute;
  width: 100%;
  height: calc(100vh - 565px) !important;
  top: 76px;
  z-index: 9999999;
}
.in_canvas
  .drop_attachments_in_preview_panel_ctrl.attach_ui_for_list.in_attachment_tab {
  height: calc(100vh - 267px) !important;
  width: calc(100% - 1px) !important;
  margin-left: 1px;
}
.in_canvas .drag_and_drop_blank_div {
  height: calc(100vh - 267px) !important;
}
div#resizable_panel .image_preview.image_preview_height_ctrl.stretch_image {
  display: flex;
  align-items: center;
  justify-content: center;
}
li.dropdown-submenu.horizon-line ul.color_picker_dropdown {
  margin-left: 0;
  margin-top: -6px;
}
.selectedDraggableCapture.ui-draggable-dragging.in_manage_folder {
  width: 1537px !important;
  opacity: 0.8 !important;
}
.selectedDraggableCapture.in_manage_folder .rc-tree-title .innertTextContent {
  display: flex;
  align-items: center;
}
.inner_sidebar.extended_ui_version {
  padding: 10px 10px;
  width: 100%;
}
.is_popup_full_modal_view
  .in_full_screen_merged_capture
  .full_screen_separate_capture
  .inner_sidebar.extended_ui_version {
  border: 0;
}
.extended_ui_version ul.inner_sidebar_ctrl {
  text-align: left;
  align-items: center;
  justify-content: flex-start !important;
}
.extended_ui_version ul.inner_sidebar_ctrl > li {
  width: 100%;
  justify-content: flex-start;
  padding: 8px 10px;
  border: 1px solid #dadce0;
  border-radius: 4px;
  height: auto;
  color: #000;
}
.extended_ui_version ul.inner_sidebar_ctrl > li > svg {
  position: relative;
  margin: 0 10px 0 0;
}
.container_draggable_blocks {
  border-top: 1px solid #e9e9eb;
}
.badges-icon-container {
  position: absolute;
  right: -15px;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #e1e6eb;
  box-shadow: rgb(0 0 0 / 5%) 0 3px 3px;
  border-radius: 20px;
  opacity: 0;
}
.badges-icon-container .metadata_icon_in_capture_box {
  height: 37px;
  width: 30px;
  background: #fff;
  margin: 0 !important;
  border: 0;
  border-radius: 0 3px 3px 0 !important;
}
.metadata_icon_in_capture_box {
  cursor: pointer !important;
  margin: 0 !important;
  width: 23px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
}
.badges-icon-container
  .metadata_icon_in_capture_box
  .data_count.null.data-count_in_capture_header {
  width: 14px !important;
  height: 14px !important;
  top: 4px !important;
  right: 2px !important;
  background: #fff;
  border: 1px solid #e1e6eb;
  font-size: 11px;
  font-weight: 700;
}
.metadata_icon_in_capture_box:hover {
  background-color: #ebebed;
}
.metadata_icon_in_capture_box:hover i,
.metadata_icon_in_capture_box:hover svg {
  fill: #333333;
  color: #333;
}
.org_indetail_data.first_level.hide {
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
.capture_container_bg_white .page-wrapper-doc.in_org_control {
  transform: translate(-50%, -50%);
  margin-left: 140px;
}
.group_label_text_limitter.child_folder_group_label_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div#resizable_panel .image_preview.image_preview_height_ctrl .embed_video_ctrl {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}
.rc_annotator_setting_dropdown .copy_link_notification {
  left: 130px !important;
}
.badges-icon-container .metadata_icon_in_capture_box:first-child {
  border-radius: 20px 20px 0 0 !important;
  border-bottom: 1px solid #e1e6eb;
}
.badges-icon-container .metadata_icon_in_capture_box:last-child {
  border-radius: 0 0 20px 20px !important;
}
.badges-icon-container .metadata_icon_in_capture_box svg {
  width: 15px !important;
  height: 15px !important;
  margin: 0;
}
.badges-icon-container .metadata_icon_in_capture_box > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.badges-icon-container .metadata_icon_in_capture_box:hover {
  background: #f5f5f7;
}
.badges-icon-container
  .metadata_icon_in_capture_box:hover
  svg.icon_fill_none
  path {
  stroke: #333333;
}
.capture_and_metadata_options_ctrl:hover .badges-icon-container {
  opacity: 1;
}
.in_card_box .task_data_main_wrap:hover .badges-icon-container {
  opacity: 1 !important;
}
.embed_captures_outer_div_flex_control
  .in_conversation_preview.video_preview_height_ctrl
  video {
  height: 100% !important;
}
.embed_captures_outer_div_flex_control .rc_video_player_container {
  width: 100%;
  height: 100%;
}
#close_without_saving_modal_popup .confirm-remove-category__last-warning {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#close_without_saving_modal_popup .modal-body.text-center {
  padding: 40px 20px !important;
}
#close_without_saving_modal_popup .confirm-remove-category_container.text {
  align-items: flex-start;
}
#close_without_saving_modal_popup .confirm-remove-category__last-warning {
  font-weight: 400;
  font-size: 13px;
  text-align: center !important;
}
div#close_without_saving_modal_popup .confirm_remove_message.common_mr {
  font-size: 16px;
}
.attachments_in_comments_ctrl.in_side_panel_ctrl .custom_comments_attachment {
  min-width: 138px;
}
#capture_edit_modal_preview_id
  .in_metadata_sidepanel.caption_in_metapanel
  .meta-data-div.common_section
  .capture_extra_metadata_div.ui-draggable {
  margin-bottom: 0 !important;
}
.checkbox_input_row_structure .outer_container {
  display: inline-flex;
  align-items: center;
  color: #333;
  font-size: 13px;
  cursor: pointer;
}
.checkbox_input_row_structure .outer_container input[type="checkbox"] {
  margin-right: 10px;
  width: 14px;
  height: 14px;
}
.checkbox_input_row_structure_group_container > label {
  margin: 0 0 13px !important;
}
.checkbox_input_row_structure_group_container
  .checkbox_input_row_structure:last-child {
  margin-bottom: 0;
}
.checkbox_input_row_structure_group_container .checkbox_input_row_structure {
  margin-bottom: 10px;
}
#duplicate_popup_architecture_control .modal-dialog {
  max-width: 550px;
}
#duplicate_popup_architecture_control
  .form-group
  .folder_collection_form_group
  .chevron_icon_ctrl {
  right: 10px;
  position: absolute;
  font-size: 11px;
  opacity: 0.5;
  color: #333;
}
#add_capture_space_modal.modal .modal-header button.close.close_bg_on_hover,
.deletealert_modal_ctrl .modal-header .close.close_bg_on_hover,
div#add_capture_private_folder_modal button.close.close_bg_on_hover {
  right: 18px !important;
}
.attachment_tab_active.panel_content_wrapper {
  position: unset;
}
.attachment_tab_active .preview_pane_dynamic_height {
  position: unset;
}
.attachment_tab_active
  .attach-div.common_section.rc_attachment_list_main_wrapper {
  min-height: 189px;
}
.is_popup_full_modal_view
  .capture_preview_panel_container_control
  .attachment_tab_active
  .drop_attachments_in_preview_panel_ctrl.attach_ui_for_list.in_attachment_tab {
  top: 0;
  height: calc(100vh - 182px) !important;
}
.is_popup_full_modal_view
  .capture_preview_panel_container_control
  .attachment_tab_active
  .attach-div.common_section.rc_attachment_list_main_wrapper {
  min-height: 546px;
}
.attachment_tab_active.blank_capture_in_side_panel.note_capture_detail_panel.note_capture_detail_panel
  .drop_attachments_in_preview_panel_ctrl.attach_ui_for_list.in_attachment_tab {
  top: 50px;
  height: calc(100% - 111px) !important;
}
.attachment_tab_active.blank_capture_in_side_panel.note_capture_detail_panel.note_capture_detail_panel
  .attach-div.common_section.rc_attachment_list_main_wrapper {
  min-height: 770px;
}
.attachment_tab_active
  .attach-div.common_section.rc_attachment_list_main_wrapper {
  z-index: 999999 !important;
}
#notification_type_icon_control {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.notification_type_line_icon * {
  stroke: #333333 !important;
  fill: none;
}
#notification_type_icon_control {
  width: 13px;
  height: 13px;
  margin-right: 8px;
  display: none !important;
}
.rc_undo_notification_control {
  background: #fafafa;
}
.rc_undo_notification_control .lab_1,
.rc_undo_notification_control .lab_1 i {
  color: #333;
}
.rc_undo_notification_control .undo_action_control {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #333;
  margin-left: 20px;
  margin-right: 0;
  cursor: pointer;
}
.notification-ui .hide_notification .fas,
.notification-ui.rc_undo_notification_control .hide_notification {
  color: #333 !important;
}
.rc_undo_notification_control .lab_1 {
  display: flex;
  align-items: center;
}
.progress_bar_control {
  position: absolute;
  width: 100%;
  border: 0;
  height: 4px;
  background: #0e9aef;
  left: 0;
  bottom: 0;
}
.rc_undo_notification_control .lab_1 a.hide_notification i {
  font-size: 16px;
  opacity: 0.6;
  margin: 2px 0 0 0;
}
.rc_undo_notification_control .lab_1 a.hide_notification {
  bottom: 18px;
  display: flex;
  align-items: center;
  position: static;
  justify-content: center;
}
.rc_undo_notification_control .notification-message {
  max-width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  word-break: break-all;
}
.rc_undo_notification_control .lab_1 a.hide_notification i:hover {
  opacity: 1;
}
.rc_undo_notification_control .undo_action_control i {
  margin-right: 5px;
  font-size: 12px;
  color: #333;
}
.rc_undo_notification_control .undo_action_control:hover {
  color: #333;
}
.rc_undo_notification_control .undo_action_control:hover i {
  color: #333;
}
.rc_undo_notification_control #hide_notification {
  height: 56px;
  width: 46px;
  border-left: 1px solid #cbd3da;
}
.rc_undo_notification_control #hide_notification svg:hover {
  opacity: 1;
}
.rc_undo_notification_control #hide_notification svg {
  width: 12px;
  height: 12px;
  fill: #333333;
  opacity: 0.6;
}
.tag_section_in_left_sidebar .capture_left_side_list_tag {
  width: calc(100% - 10px) !important;
  margin: 0 5px !important;
}
.dropdown-menu.tagDropDown .disabled_child_tag {
  cursor: pointer !important;
  opacity: 1 !important;
}
.conversation_view_detail_panel .rc_activity_viewer_area_control,
.conversation_view_detail_panel .rc_comments_viewer_area_control,
.meta_data_area_in_side_panel .rc_activity_viewer_area_control,
.meta_data_area_in_side_panel .rc_comments_viewer_area_control {
  padding: 10px 15px 0 15px !important;
}
.grouped_by_section {
  border: 1px solid transparent;
}
.grouped_by_section.hover-drag {
  border: 1px solid #0e9aef !important;
  background: #fff !important;
}
.rc_undo_notification_control {
  display: flex;
  align-items: center;
  box-shadow: none;
  background: #fafafa !important;
  padding-right: 0;
}
.Toastify__progress-bar-theme--light {
  background: #0e9aef !important;
}
.Toastify__toast {
  padding: 0 0 0 12px !important;
}
.Toastify__close-button.Toastify__close-button--light {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-left: 1px solid #cbd3da;
  background: #fafafa !important;
}
.Toastify__close-button.Toastify__close-button--light svg {
  width: 15px !important;
  height: 15px !important;
}
.Toastify__toast-container--bottom-left {
  width: auto !important;
  z-index: 999999999999 !important;
}
.Toastify__toast-body {
  padding: 0 !important;
  padding-right: 16px !important;
}
.Toastify__toast-theme--light {
  background: #fafafa !important;
  margin: auto !important;
  min-height: 42px !important;
  height: 42px;
}
.Toastify__close-button {
  opacity: 1 !important;
}
.Toastify__close-button.Toastify__close-button--light svg:hover {
  opacity: 1;
}
.Toastify__close-button.Toastify__close-button--light svg {
  opacity: 0.4;
  display: block;
  margin: 0 auto;
}
.Toastify__progress-bar {
  height: 3px !important;
}
.rc_undo_notification_control .notification-message a {
  display: inline-block;
  border-bottom: 1px dashed #0e9aef;
  line-height: normal;
  color: #0e9aef;
}
a.notification_link {
  margin: 0 0 0 5px;
}
.tree_folder_main_container_ctrl .rc-tree-switcher {
  transition:
    transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    fill 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 0;
}
.tree_folder_main_container_ctrl:hover .rc-tree-switcher {
  opacity: 1;
}
.rc_space_section_control .rc-tree-switcher {
  transition:
    transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    fill 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 0;
}
.rc_space_section_control:hover .rc-tree-switcher {
  opacity: 1;
}
.inline_image_toolbar_control .image_toolbar_button_control {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
}
.image_toolbar_button_control.free-width {
  width: auto;
  font-size: 12px;
  margin-left: 0;
  padding: 0 5px;
  border-radius: 3px;
  font-weight: 700;
}
.image_toolbar_button_control.fly_editor_inline_escape_btn {
  margin-left: 0;
  width: 20px;
  height: 20px;
}
.image_toolbar_button_control.fly_editor_inline_escape_btn svg {
  width: 12px !important;
  height: auto !important;
}
.widget_dropdown.inline_image_toolbar_control
  .image_toolbar_button_control
  svg {
  width: 13px;
  height: 13px;
}
.widget_dropdown_innr svg {
  fill: #0e9aef;
}
.image_toolbar_button_control:hover {
  background: #48494d;
}
.image_toolbar_button_control.active svg.fill_color.image_icon path {
  fill: #0e9aef;
}
.image_toolbar_button_control.active {
  background: rgb(14 154 239 / 10%);
}
.image_toolbar_button_control:hover i,
.image_toolbar_button_control:hover
  svg.fill_coldropdown-menu
  list_filter_action_dropdown_control
  type
  rc_button_style_ui_controlor
  * {
  fill: #333333;
  color: #333;
}
.capture_action_dropdown_ctrl
  .magic_dropdown_direct_action_btn
  .dropdown_list_icon {
  width: 23px;
}
.capture_action_dropdown_ctrl .magic_dropdown_direct_action_btn svg {
  display: block;
}
.manage_warning_setting_content_container .dark_mode_switch_ctrl {
  border-right: 1px solid #e9e9eb;
  border-left: 1px solid #e9e9eb;
  border-radius: 6px;
  padding: 12px;
}
.image_toolbar_button_control:hover svg.stroke_icon * {
  stroke: #7e8187;
}
.image_toolbar_button_control:hover svg.stroke_icon * {
  stroke: #333333;
}
.widget_dropdown .image_toolbar_button_control:hover svg.stroke_icon * {
  stroke: rgba(255, 255, 255, 0.8);
}
.image_toolbar_button_control i {
  color: #0e9aef;
  font-size: 10px;
  margin-left: 3px;
}
.widget_dropdown .image_toolbar_button_control i {
  color: rgba(255, 255, 255, 0.8);
}
div#resizable_panel .image_preview.image_preview_height_ctrl.stretch_image img {
  height: auto !important;
  width: auto !important;
}
div#resizable_panel .image_preview.image_preview_height_ctrl.stretch_image {
  padding: 20px 20px;
}
.image_preview > img.view-bug-image-rcl[src*="svg"],
div#resizable_panel
  .image_preview.image_preview_height_ctrl.stretch_image
  > img.view-bug-image-rcl[src*=".svg"] {
  width: 48px !important;
  height: 48px !important;
  background: #fff;
  padding: 5px;
}
.rc_capture_preview_control .rc_capture_preview_inner {
  width: 100%;
}
.notification_type_fill_icon * {
  fill: #333333 !important;
}
.dropdown-menu.priorityDD.in_filter_dropdown .list_dropdown.active {
  background: rgb(14 154 239/10%) !important;
  color: #0e9aef;
}
ul.dropdown-menu.list_filter_action_dropdown_control.type li.active a {
  color: #0e9aef !important;
}
.rc_button_style_ui_control li.active:hover a {
  background: rgb(14 154 239 / 10%) !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li {
  width: calc(20% - 27px) !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li {
  width: calc(33.33% - 27px) !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li {
  width: calc(50% - 35px) !important;
}
.thumbnail-large_active .groupby_wrapper_in_listing,
.thumbnail-medium_active .groupby_wrapper_in_listing,
.thumbnail-small_active .groupby_wrapper_in_listing {
  border-bottom: 1px solid #cbd3da !important;
  display: flex !important;
  align-items: center;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .rc_create_capture_list_text,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .rc_create_capture_list_text,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .rc_create_capture_list_text {
  font-size: 13px;
  background: 0 0;
}
.thumbnail-large_active
  .collection_wrapper_in_listing.grouped_by_section.group_by_list_parent.list-size_view_active,
.thumbnail-medium_active
  .collection_wrapper_in_listing.grouped_by_section.group_by_list_parent.list-size_view_active,
.thumbnail-small_active
  .collection_wrapper_in_listing.grouped_by_section.group_by_list_parent.list-size_view_active {
  border-bottom: 1px solid #e9e9eb !important;
}
.thumbnail-large_active .cancel_new_task_placeholder,
.thumbnail-medium_active .cancel_new_task_placeholder,
thumbnail-large_active .cancel_new_task_placeholder {
  margin-right: 3px;
}
ul.column_layout.task_listing.thumbnail-large_active > li,
ul.column_layout.task_listing.thumbnail-medium_active > li,
ul.column_layout.task_listing.thumbnail-small_active > li {
  transition: unset !important;
  -webkit-transition: unset !important;
  -moz-transition: unset !important;
  -ms-transition: unset !important;
  -o-transition: unset !important;
  border: 1px solid transparent !important;
  border-radius: 8px;
  margin: 5px;
}
.project-variable.list-size.thumbnail-large_active,
.project-variable.list-size.thumbnail-medium_active,
.project-variable.list-size.thumbnail-small_active {
  display: none;
}
.settings_profile_picture .user_picture img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.edit_profile_action_button_right button.btn.btn-primary:hover {
  background: #0e9aef;
}
.edit_profile_action_button_right button.btn.btn-primary {
  background-color: #3f9edc;
  border-color: #3f9edc;
  border: 1px solid #3f9edc;
}
.rc_merge_image_viewer_control {
  width: calc(100% - 60px);
  height: calc(100% - 49px);
  overflow: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  margin: auto;
}
.rc_merge_image_viewer_control img.merged_media_view_popup_image_section {
  max-width: 100%;
  max-height: 100%;
}
.merged_view_media_full_popup .close_preview_pane_modal {
  opacity: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.merged_view_media_full_popup svg {
  fill: #ffffff;
  width: 14px;
  height: 14px;
}
.merged_view_media_full_popup .close_preview_pane_modal:hover svg {
  fill: #333333;
}
.merged_view_media_full_popup .close_preview_pane_modal {
  position: absolute;
  right: 22px;
  top: 18px;
}
.snippet-size_active
  li.captures_data_ctrl_li.add_new_task_div
  .task_list_ctr.capture_add_section_div {
  display: flex;
  align-items: center;
  width: 100%;
}
.snippet-size_active
  li.captures_data_ctrl_li.add_new_task_div
  .task_list_ctr.capture_add_section_div
  .task_list_ctrl {
  padding: 0;
}
.medium-size_active
  li.captures_data_ctrl_li.add_new_task_div
  .task_list_ctr.capture_add_section_div {
  height: 100%;
  display: flex;
}
.snippet-size_active
  li.captures_data_ctrl_li.add_new_task_div
  .thumbnail_view.merge_capture_icon {
  display: flex;
}
.snippet-size_active
  li.captures_data_ctrl_li.add_new_task_div
  .thumbnail_view.merge_capture_icon
  svg {
  width: 13px !important;
  height: 13px !important;
  fill: #333333;
}
.subtask-list-container.connected_task_list_ctrl.rc_merged_capture_list_control
  .subtask-list
  .Subtask_list_inner {
  padding: 7px 15px 7px 21px !important;
}
.subtask-list-container.connected_task_list_ctrl.rc_merged_capture_list_control
  .subtask-list.merged_child_capture_control
  .Subtask_list_inner {
  padding-left: 40px !important;
}
.attachment_by_slash > div:nth-child(2) div {
  display: flex;
}
.attachment_by_slash > div:nth-child(2) div span {
  border-radius: 0 6px 6px 6px;
}
.attachment_by_slash h1 + div,
.attachment_by_slash h2 + div,
.attachment_by_slash h3 + div {
  display: none;
}
.attachment_by_slash h3:nth-child(3),
.attachment_by_slash h3:nth-child(4),
.attachment_by_slash h3:nth-child(5) {
  display: none;
}
.attachment_by_slash.rc_table_control h3:first-child {
  display: none;
}
.attachment_by_slash.rc_table_control h3:first-child {
  display: none;
}
.attachment_by_slash.rc_table_control
  .rc-table
  table.rc_table_section
  tr
  td
  .draggable_handle {
  height: 25px !important;
  background: #fff !important;
}
.delete_action_button_control button svg {
  margin-right: 5px;
}
.delete_action_button_control button {
  display: flex;
  align-items: center;
  height: 28px;
  margin: 0 0 0 8px;
  font-size: 13px;
  color: #333;
}
.delete_action_button_control {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.delete_action_button_control button:hover {
  background: #f5f5f7;
  color: #333;
}
.delete_action_button_control button.btn.btn-default.clear_trash:hover svg * {
  stroke: #fff !important;
}
.delete_action_button_control button.btn.btn-default.clear_trash:hover {
  background: #ff5959;
  color: #fff;
  border: 1px solid #ff5959;
}
#profile_image_crop .modal-body.text-center canvas {
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px;
  margin: 0 30px;
  width: 110px !important;
  height: 110px !important;
  min-width: 100px;
  background: #fff;
}
#profile_image_crop .modal-body.text-center {
  display: flex;
  align-items: center;
}
.cropped_image_preview_control {
  color: #bbb;
  font-size: 14px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ReactCrop__drag-handle::after {
  border: 0 !important;
  background: #fff !important;
  box-shadow: 0 0 0 1px #ccc;
  width: 8px !important;
  height: 8px !important;
  border-radius: 100%;
}
.ReactCrop__crop-selection {
  border: 2px solid #3d87f5 !important;
  border-image-source: none !important;
}
.user_bordered_circle_control {
  border: 1px solid #ecedf0;
  border-radius: 100%;
}
.ft_common_blank_state_ui_in_setting .no_data_found_innr_ctrl svg {
  margin-bottom: 20px;
}
.inline_image_toolbar_control
  .image_toolbar_button_control.widget_dropdown_innr {
  margin-right: 5px;
  width: 28px;
}
.inline_image_toolbar_control
  .image_toolbar_button_control.widget_dropdown_innr.image_popup {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
  margin-right: 5px;
  padding-right: 5px;
  width: 35px;
}
.fly_editor_inline_escape_btn svg {
  width: 12px;
  height: 12px;
}
.fly_editor_inline_escape_btn svg * {
  fill: #b3b5b9;
}
.rc_comment_popup__header_inner {
  padding: 8px 12px;
  border-bottom: 1px solid #d3d5d9;
  display: flex;
  align-items: center;
}
.rc_comment_popup__header_inner .comment_data_action {
  color: #7e8187;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.rc_comment_popup__header_inner .comment_data_action .compact_ui {
  margin-left: 7px;
}
.comment_data_action .compact_ui .slider:before {
  width: 12px;
  height: 12px;
  bottom: -1px;
}
.rc_comment_popup__header_inner .comment_actions_btn_right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.comment_actions_btn_right .comment_data_action_btn {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  cursor: pointer;
  margin-left: 3px;
}
.comment_actions_btn_right .comment_data_action_btn i {
  font-size: 11px;
  color: #7e8187;
}
.comment_actions_btn_right .comment_data_action_btn:hover {
  opacity: 1 !important;
  background: #ebebed;
}
.comment_actions_btn_right .comment_data_action_btn svg {
  fill: #7e8187;
}
.comment_actions_btn_right .comment_data_action_btn svg path {
  fill: #7e8187;
}
.comment_data_action .switch.switch_active.checked.switch-compact {
  height: 10px;
  bottom: 0;
}
.add_feedback_comment_box.annotatorDropdown.in_doc_view
  .add_task_popup.add_comment_popup.task_popover_sidepanel {
  overflow: unset;
}
div#merged_capture_tool_container button svg * {
  fill: #b4b5b9 !important;
}
.content_section_inner_container
  .flexbox-layout-container
  .full_width_layout_content_column {
  margin: 0 !important;
  padding: 0 14px !important;
  white-space: normal;
}
.content_section_inner_container
  .flexbox-layout-column
  .full_width_layout_content_column {
  padding: 0 !important;
  margin: 0 -7px !important;
}
div#resizable_panel .rc_unsupported_capture_format_preview_control {
  font-size: 14px;
  z-index: 999;
}
div#resizable_panel .in_conversation_preview.video_preview_height_ctrl svg {
  width: 50px;
  margin: 0;
}
div#resizable_panel
  .rc_unsupported_capture_format_preview_control
  .download_capture_btn {
  margin-top: 14px;
  padding: 5px 12px;
}
.capture_preview_panel_container_control
  .rc_unsupported_capture_format_preview_control
  svg {
  width: 50px;
  height: 50px;
  margin-bottom: 14px !important;
}
.capture_preview_panel_container_control
  .rc_unsupported_capture_format_preview_control
  .download_capture_btn {
  padding: 4px 12px;
  margin-top: 12px;
  font-size: 13px;
}
.rc_unsupported_capture_format_preview_control {
  padding: 10px;
}
.rc_capture_preview_control
  .in_conversation_preview.video_preview_height_ctrl
  .rc_unsupported_capture_format_preview_control {
  min-height: 168px;
  font-size: 14px;
}
.comment_text_bg.rc_table_ui_control {
  display: grid;
}
.attachment_by_slash.rc_table_control {
  overflow: auto;
  width: 100%;
}
.no_result_found.in_left_side_panel.in_outline_view p {
  color: #465369;
}
.menu_ul_li_child_innr.active.editable_active,
.menu_ul_li_child_innr.bulk_action_active.editable_active,
.menu_ul_li_innr.active.editable_active {
  background: #fff !important;
}
.outline_tree_header
  .treeview_search_filter_ctrl
  .filtertxt_input::placeholder {
  color: #7b7d81 !important;
}
.add_in_merged_capture_btn.add_btn_bottom:hover {
  opacity: 1;
}
.bulk_rename_special_control .modal-dialog {
  width: 480px;
}
.bulk_rename_special_control .modal-header {
  padding: 16px 10px;
}
.bulk_rename_special_control .modal-body .form-group:last-child {
  margin: 0;
}
.bulk_rename_special_control div#help-box {
  padding: 15px 0 0;
}
.search_and_replace_popup_control .modal-dialog {
  width: 440px;
}
.search_and_replace_popup_control .modal-header {
  padding: 16px 10px;
}
.search_and_replace_popup_control .modal-body .form-group:last-child {
  margin: 0;
}
.search_and_replace_popup_control div#help-box {
  padding: 15px 0 0;
}
.help-block.no_info {
  margin: 0;
}
.bulk_rename_special_control .modal92-body,
.search_and_replace_popup_control .modal-body {
  padding: 15px 20px 20px !important;
}
.bulk_rename_special_control button.close.close_bg_on_hover,
.search_and_replace_popup_control button.close.close_bg_on_hover {
  margin-right: 7px;
  top: 15px;
}
.rc_popup_header_control {
  padding: 18px 15px !important;
  border-bottom: 1px solid #e5e5e5;
  display: flex !important;
  align-items: center !important;
}
.rc_popup_header_control .modal-title {
  font-weight: 600;
  font-size: 18px;
}
.rc_popup_header_control button.close {
  right: 18px !important;
  top: auto;
}
.rc_merge_capture_image_viewer_popup {
  width: calc(100% - 100px) !important;
  background: #fff;
  height: calc(100% - 100px) !important;
  margin: auto;
  border-radius: 6px;
}
.merge_media_popup_header_control {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px 15px;
  border-bottom: 1px solid #e9e9eb;
}
.merge_media_popup_header_control .media_type_icon svg {
  width: 18px;
  height: 18px;
  fill: #333333;
  margin-right: 10px;
  display: block;
}
.merge_media_popup_header_control .capture_name_section_preview_panel {
  border: none;
  font-size: 15px;
  color: #353535;
  font-weight: 600;
  white-space: nowrap;
  background: 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.popup_media_actions_right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.close_annotated_comment,
.popup_media_actions_right .media_action_item {
  width: 26px;
  height: 26px;
  margin-left: 5px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  justify-content: center;
  cursor: pointer;
}
.close_annotated_comment:hover,
.popup_media_actions_right .media_action_item:hover {
  background: #ebebed;
}
.close_annotated_comment svg,
.popup_media_actions_right .media_action_item svg {
  width: 13px;
  height: 13px;
  fill: #333333;
}
.block_attachment_container .capture_coment_attachment {
  display: block;
}
.in_card_box iframe.full_page_capture_iframe.bookmark_capture_iframe {
  height: 100% !important;
  max-height: 100%;
}
.view-bug-image-rcl-embed.image_preview.image_preview_height_ctrl {
  min-height: 324px;
  display: flex;
}
.view-bug-image-rcl-embed.image_preview.image_preview_height_ctrl
  iframe.embed_capture_iframe_section {
  min-height: 320px;
}
.collapse-ctr.dark_light_theme_switch.active svg * {
  fill: #fff !important;
}
.collapse-ctr.dark_light_theme_switch.active {
  background: #48494d !important;
}
div#merged_capture_tool_container button {
  background: #333;
  border-radius: 0;
  border: 0;
  color: #b4b5b9 !important;
}
div#merged_capture_tool_container {
  border: 0 !important;
  border-radius: 5px;
  overflow: hidden;
}
div#merged_capture_tool_container button:hover {
  background: #48494d !important;
}
.parent_element.active .chevron_ctrl.in_outline_menu i.fas.fa-chevron-down {
  color: #333;
  opacity: 0.8;
}
.parent_element.active .chevron_ctrl.in_outline_menu i {
  opacity: 0.6;
}
.menu_ul_li_child_innr.active {
  font-weight: 600;
}
ul.preview_ul_section.check_list li.preview_li_section {
  display: flex;
  word-break: break-all;
  padding: 0 0 0 23px;
  align-items: flex-start;
  position: relative;
}
li.preview_li_section.list_checked .editable_content_section_li_section {
  opacity: 0.6;
  text-decoration: line-through rgba(55, 53, 47, 0.25);
}
.preview_ul_section.ol_list .preview_li_section {
  padding-left: 5px !important;
}
.flexbox-layout-column
  .flexbox-layout-container
  .preview_ul_section.check_list {
  padding: 0 !important;
}
.flexbox-layout-column .flexbox-layout-container .preview_ul_section.ul_list {
  padding-left: 20px !important;
}
.flexbox-layout-column .flexbox-layout-container .preview_ul_section.ol_list {
  padding-left: 15px !important;
}
.flexbox-layout-column .flexbox-layout-container ol li,
.flexbox-layout-container ul li {
  margin: 3px 0;
  font-size: 15px;
}
.flexbox-layout-column .flexbox-layout-container .preview_ul_section.check_list,
.flexbox-layout-column .flexbox-layout-container .preview_ul_section.ul_list {
  margin: 0;
}
.content_section_inner_container
  .flexbox-layout-container
  .preview_ul_section.ul_list {
  padding: 0 0 0 35px;
  margin: 0;
}
.content_section_inner_container
  .flexbox-layout-container
  .preview_ul_section.check_list {
  padding: 0 0 0 15px;
  margin: 0;
}
.content_section_inner_container
  .flexbox-layout-container
  .preview_ul_section.ol_list {
  padding: 0 0 0 31px;
  margin: 0;
}
.doc_text_details_control .doc_text_details_inner_container {
  padding: 18px 10px;
  border-top: 1px solid grey;
}
.doc_text_details_inner_container .doc_name_ctrl {
  font-size: 14px;
  color: #333;
  margin: 0 0 6px 0;
}
.doc_text_details_inner_container .doc_type_ctrl {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: normal;
}
.doc_text_details_inner_container .doc_type_icon svg {
  display: block;
  margin-right: 5px;
}
.doc_text_details_control .doc_text_details_inner_container {
  padding: 16px 16px;
  border-top: 1px solid #dee0e1;
}
.doc_text_details_inner_container .doc_type_ctrl .doc_type_icon {
  margin-left: -2px;
}
.doc_text_details_control .doc_text_details_inner_container:hover {
  background: #f8f8f8;
}
.view-bug-image-rcl.doc_card_ui_ctrl {
  border: 1px solid #d6d6d6;
  border-radius: 0;
  overflow: hidden;
  border-radius: 4px;
}
.image_toolbar_button_control.widget_dropdown_innr.activeimage_popup {
  width: 26px;
}
.view-bug-image-rcl[data-type="bookmark"]
  .view-bug-image-rcl-embed.image_preview.image_preview_height_ctrl
  iframe.embed_capture_iframe_section,
.view-bug-image-rcl[data-type="full_page"]
  .view-bug-image-rcl-embed.image_preview.image_preview_height_ctrl
  iframe.embed_capture_iframe_section {
  overflow: auto;
  width: 1919px;
}
.view-bug-image-rcl-embed.image_preview.image_preview_height_ctrl {
  overflow: auto;
}
.is_popup_full_modal_view.popup_active.popup_indexing_minus .overlay_popup {
  z-index: 99;
}
.is_popup_full_modal_view.popup_active.popup_indexing_minus
  div#capture_detail_panel_modal {
  z-index: 99 !important;
}
.flexbox-layout-container .editable_content_section_li_section {
  min-height: 22px;
}
.rc_template_dropdown_ctrl ul.nav-list-ul.second-level-item > li i {
  margin-right: 10px;
  font-size: 10px;
  color: #798292;
}
.rc_template_dropdown_ctrl ul.dropdown-menu {
  overflow: unset !important;
}
.rc_template_dropdown_ctrl .second_lavel_dropdown_on_hover {
  position: absolute;
  top: 0;
  left: 100%;
  width: 200px !important;
  padding: 0;
  margin: 0;
}
.rc_template_dropdown_ctrl ul.nav-list-ul.second-level-item > li {
  position: relative;
}
.rc_template_dropdown_ctrl
  ul.nav-list-ul.second-level-item
  > li:hover
  .second_lavel_dropdown_on_hover {
  display: block;
}
.second_lavel_dropdown_on_hover .logged_in_user_list .logged_in_user_li {
  padding: 0;
}
.second_lavel_dropdown_on_hover .logged_in_user_list .logged_in_user_li a {
  color: #252222;
}
.caret_icon_ctrl {
  font-size: 12px;
  margin-left: 6px;
}
.rc_template_dropdown_ctrl ul.dropdown-menu li:last-child {
  border-radius: 0 0 3px 3px;
}
.rc_template_dropdown_ctrl ul.dropdown-menu li:first-child {
  border-radius: 3px 3px 0 0;
}
.multiselect_capture_msg_control svg * {
  fill: #ff0000ad;
  opacity: 1;
}
.multiselect_capture_msg_control svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px;
  display: block;
}
.multiselect_capture_msg_control {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 0;
  bottom: 24px !important;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.dropdown-menu.dropdown-left .heading-title i.fa-square {
  margin: 0;
}
.capture_canvas_annotator_comment_user_data {
  display: inline-flex;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  color: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  position: absolute;
  background: #aa62e3;
  font-weight: 600;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
}
.capture_canvas_annotator_task_user_data {
  display: inline-flex;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  color: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  position: absolute;
  background: #aa62e3;
  font-weight: 600;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
}
.doc_card_ui_ctrl
  .view-bug-image-rcl-embed.image_preview.image_preview_height_ctrl {
  width: calc(100% - 2px);
  margin: auto;
}
.merged_parent_capture_header_inner_control {
  border: none;
  font-size: 13px;
  color: #353535;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  border-bottom: 1px solid #dee0e1;
  background: #ebebeb;
}
.parent_capture_name_text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.canvas_edit_compact_view .preview_pane_scroll {
  height: calc(100vh - 93px);
}
.comments_area.comment_area_right .attachment_by_slash {
  word-break: break-word;
  flex-direction: column;
  font-size: 14px;
  line-height: 24px;
}
.panel_content_wrapper.conversation_preview_pane_main_wrapper
  .preview_pane_scroll.detect_attachment_hover_class.preview_panel_scroll_ctrl.merged_capture_group.meta_data_area_in_side_panel {
  overflow: unset;
}
.white_board_capture_preview_ctrl .preview_pane_dynamic_height {
  height: calc(100vh - 492px) !important;
}
.cc_list_view_group
  .blank_capture_in_side_panel
  .no_connected_task.in_sidepanel.in_captures_details.no_comments_yet_control {
  height: calc(100vh - 584px) !important;
}
.in_full_screen_merged_captures .capture_detail_captures.panel_content_wrapper {
  height: 100% !important;
}
.rc_merged_capture_list_control .Subtask_list_inner svg.line_icon_ctrl * {
  fill: none;
}
.flexbox-layout-container .image-container.image-mask.rcr_selectable_div {
  margin: 10px 0 0 0 !important;
}
.flexbox-layout-container
  .flexbox-layout-column
  .image-container.image-mask:first-child {
  margin-top: 10px !important;
}
.rc_popup_header_right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.save_btn_group.doc_saved button svg.checkmark_tick {
  width: 26px !important;
  height: 26px !important;
  strokewidth: 4px;
}
.save_btn_group button {
  width: 26px !important;
}
.full_screen_separate_capture_innr
  .cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl
  .preview_loader {
  left: 0;
}
.capture_upload_scroll .individual_upload_ctrl {
  border-radius: 4px;
}
.rc_details_side_panel
  .meta_data_area_in_side_panel
  .rc_comments_viewer_area_control.loading_box_ui_ctrl {
  height: calc(100vh - 256px) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rc_comments_viewer_area_control .loading_task_comments i {
  font-size: 22px;
}
.outline_tree_header .treeview_search_filter_ctrl .filtertxt_input:focus {
  background: #2a2d34 !important;
  border-color: #4c4d51 !important;
}
.capture_list_dropdown_full_modal_popup
  .meta_data_area_in_side_panel
  .rc_comments_viewer_area_control.comment_loading_ui_control {
  height: calc(100vh - 258px) !important;
}
.focus_mode.hover_button.dark_and_light_switch {
  margin-right: 8px;
}
.is_popup_full_modal_view
  .main_sidepanel_ctrl_for_verticalBar
  .capture_preview_panel_container_control
  .preview_pane_scroll.detect_attachment_hover_class.meta_data_area_in_side_panel
  .bottom_section_ctrl.in_metadata_sidepanel {
  overflow: auto !important;
  height: calc(100vh - 220px) !important;
}
.in_full_screen_merged_captures .capture_detail_captures.panel_content_wrapper {
  overflow: unset;
}
.is_popup_full_modal_view
  .main_sidepanel_ctrl_for_verticalBar
  .capture_preview_panel_container_control
  .preview_pane_scroll.detect_attachment_hover_class.meta_data_area_in_side_panel
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 220px) !important;
}
.rc_merged_capture_preview_active .rc_capture_preview_panel_scroll_control {
  overflow: unset !important;
}
.rc_comments_viewer_area_control.comment_loading_ui_control
  .loading_task_comments,
.white_board_capture_preview_ctrl
  .comments_list_ctrl.comment_loading_ui_control
  .loading_task_comments {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: inline-flex;
  justify-content: center;
}
.preview_pane_scroll.detect_attachment_hover_class.preview_panel_scroll_ctrl.merged_capture_group.meta_data_area_in_side_panel {
  display: flex;
  flex-direction: column;
}
.auto_scroll_in_merged_popup_control {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 122px) !important;
}
.auto_scroll_in_note_popup_control {
  height: calc(100vh - 90px) !important;
}
.auto_scroll_in_note_popup_control {
  height: calc(100vh - 90px) !important;
  overflow: unset !important;
}
.preview_pane_scroll.in_note_verticalbar {
  overflow: unset;
}
.preview_content_wraper_container.single_merged_capture_preview
  .rc_capture_priew_panel_scroll_control {
  height: calc(100vh - 222px) !important;
}
.is_popup_full_modal_view .preview_content_wraper_container {
  height: calc(100vh - 162px);
}
.bug_detail_ctrl.vt_bug_detail_ctrl.auto_scroll_in_annotator_popup_control {
  height: calc(100vh - 131px) !important;
  display: flex;
  flex-direction: column;
}
.auto_scroll_in_note_popup_control {
  display: flex;
  flex-direction: column;
}
.preview_ul_section.ol_list li.preview_li_section::marker {
  font-size: 15px !important;
  font-size: 15px !important;
  font-weight: 600;
}
.is_focus_mode_disabled_active:hover {
  background: 0 0;
}
.focus_mode.hover_button.is_focus_mode_disabled_active {
  cursor: not-allowed;
  opacity: 0.5;
}
.focus_mode.hover_button.is_focus_mode_disabled_active:hover {
  background: 0 0;
}
ul.space_type_ul li:last-child {
  margin-bottom: 0 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text
  .quick-menu-item-top-choices
  .quick_menu_item_box_top
  svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  margin: 0 !important;
}
.merged_each_capture_preview_control .auto_scroll_in_merged_popup_control {
  height: calc(100vh - 361px) !important;
}
.is_popup_full_modal_view
  .merged_each_capture_preview_control
  .no_connected_task.in_sidepanel.in_captures_details {
  height: auto !important;
  margin: 50px 0;
}
.is_popup_full_modal_view
  .merged_each_capture_preview_control
  .attach-div.common_section.rc_attachment_list_main_wrapper {
  min-height: auto !important;
}
.is_popup_full_modal_view
  .merged_each_capture_preview_control
  .loading_activity_view {
  height: calc(100vh - 500px);
}
.auto_scroll_in_note_popup_control .loading_activity_view {
  height: calc(100vh - 232px);
}
.rc_sidebar_setting_dropdown_ctrl .collapse-ctr {
  margin-left: 0 !important;
  justify-content: center;
}
.rc_sidebar_setting_dropdown_ctrl
  a
  .compact_ui.rc_folder_section_on\/off_control {
  margin-left: auto;
}
.rc_sidebar_setting_dropdown_ctrl .dropdown.show span.collapse-ctr {
  background: #48494d !important;
}
.rc_sidebar_setting_dropdown_ctrl .cvd_label {
  display: block;
  padding: 3px 10px 3px 10px;
  font-weight: 600 !important;
  font-size: 12px;
  color: #465369;
  opacity: 0.7;
}
.widget_dropdown.inline_image_toolbar_control
  .image_toolbar_button_control
  .google_sheet_icon,
.widget_dropdown.inline_image_toolbar_control
  .image_toolbar_button_control
  svg.google_document_icon {
  width: 14px !important;
  height: 14px !important;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrpper.preview_pane_is_opened
  > .SplitPane.vertical {
  overflow: unset !important;
}
.merged_capture_menu_main_ctrl .merged_capture_parent_repeater {
  max-height: calc(100vh - 156px);
  overflow: auto;
  padding: 5px 5px;
}
.section_bottom_space_control .capture_folder_lavel_three {
  padding-left: 20px !important;
}
.for-drag-drop-upload-box.uppy-is-drag-over
  .drop_attachments_in_preview_panel_ctrl.attach_ui_for_list {
  display: block;
}
.for-drag-drop-upload-box.is_drag_over
  .drop_attachments_in_preview_panel_ctrl.attach_ui_for_list {
  display: block;
}
.uppy-is-drag-over .drop_attachments_in_preview_panel_ctrl {
  background-color: #e6f5fd !important;
}
.user_live_cursor {
  position: absolute;
  z-index: 9;
  white-space: normal;
  display: inline-block;
}
.blinking-cursor {
  -webkit-animation: 1s blinking-cursor step-end infinite;
  -moz-animation: 1s blinking-cursor step-end infinite;
  -ms-animation: 1s blinking-cursor step-end infinite;
  -o-animation: 1s blinking-cursor step-end infinite;
  animation: 1s blinking-cursor step-end infinite;
}
@keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
@-moz-keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
@-webkit-keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
@-ms-keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
@-o-keyframes blinking-cursor {
  from,
  to {
    color: transparent;
  }
  50% {
    background: #1c9fef;
  }
}
.cursor_focus:after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: #1c9fef;
  left: -1px;
}
.user_cursor_foc.blinking-cursor {
  width: 4px;
  height: 4px;
  background: #0f9aef;
  left: -1px;
  position: relative;
}
.cursor_dot.blinking-cursor {
  height: 14px;
  width: 2px;
}
.cursor_name {
  background: #0f9aef;
  color: #fff;
  border-radius: 3px 3px 3px 0;
  font-size: 11px;
  height: 16px;
  display: inline-flex;
  line-height: 16px;
  padding: 0 4px;
  position: absolute;
  top: -16px;
  left: -1px;
}
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(2),
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableRow
  .rdt_TableCell:nth-child(2) {
  max-width: 220px !important;
}
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:first-child,
.inside_table_ctrl
  .data_table_main_box
  .rdt_TableRow
  .rdt_TableCell:first-child {
  max-width: 100% !important;
}
.rc_table_capture_list_group_section .rc_reorderable_grid_hr_item_wrap:hover {
  border: 1px solid rgb(165 167 168);
}
.rc_table_grid_header_structure_control .rc_capture_name_control {
  font-size: 12px;
}
.rc_reorderable_grid_hr_item_wrap:hover .rc_table_cell_icon,
.rc_reorderable_grid_hr_item_wrap:hover .svg_ctrl.w-20 {
  display: flex !important;
}
.rc_reorderable_grid_hr_item_wrap .rc_table_cell_icon,
.rc_reorderable_grid_hr_item_wrap .svg_ctrl.w-20 {
  display: none !important;
}
.rc_reorderable_grid_hr_item_wrap .added_tags.tags_color_replaced_by_attribute {
  margin-right: 3px !important;
}
.white_horizontal_scroll_seam_empty {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  height: calc(100% - 7px);
  width: 460px;
  z-index: 999;
}
.rc_reorderable_grid_col_items_control .project-icon-svg.iconbg {
  opacity: 0;
}
.rc_reorderable_grid_col_items_control:hover .project-icon-svg.iconbg {
  opacity: 1;
}
.rc_table_grid_header_structure_control
  .rc_table_task_list_grid_col_control
  .task_column_count {
  height: 30px;
  min-height: 30px;
}
.rc_table_task_list_grid_col_control .timer_ui_list_view {
  margin-right: 0 !important;
  padding-right: 0 !important;
  margin-left: 10px;
}
.rc_table_view_content_control.sticky_list_panel_control
  .rc_table_capture_list_group_section {
  border-right: 1px solid #dde1e3;
}
.rc_reorderable_grid_hr_item_wrap .connectTask .project-icon-svg {
  opacity: 1;
}
.board_history_main_wrapper .bh_user_items {
  padding: 0 90px 0 0;
  word-break: break-word;
}
.manage_folder_flex.bulk_action_active .manage_folder_name {
  color: #333 !important;
}
.no_connected_task.board_activity_ui_ctrl {
  height: calc(100vh - 156px) !important;
}
.users_filter_button_control.trash_filter_dropdown .users_filter_button_icon_i {
  margin-left: 7px;
}
.users_filter_button_control.trash_filter_dropdown .users_filter_button_text {
  margin-right: 0;
  display: inline-flex;
  align-items: center;
}
.users_filter_button_text > i.clear_filter_icon {
  padding-left: 8px;
}
.table_outer_horizontal_scroll_contole {
  overflow: auto;
  height: calc(100vh - 192px) !important;
  overflow-y: hidden;
}
.rc_table_view_output_content_control .parent_div_main_capture {
  width: 100%;
  margin-top: 1px;
  min-width: 800px;
}
.rc_table_view_output_content_control .grouped_by_section {
  line-height: normal;
}
.rc_table_grid_header_structure_inner {
  display: flex;
  border-bottom: 1px solid #dde1e3;
  height: 100%;
}
.rc_table_grid_header_structure_inner .rc_reorderable_grid_hr_item_wrap {
  height: 100%;
}
ul.preview_ul_section.check_list li.preview_li_section .checkbox,
ul.preview_ul_section.check_list li.preview_li_section .checkboxSquare {
  margin: 4px 0;
}
.capture_canvas_annotator_dot .live_user_ctrl {
  top: 24px;
}
.tv_header_column_dropdown .dropdown-menu.dropdown_option_with_tick a {
  padding: 6px 10px;
}
.tv_header_column_dropdown .dropdown-menu.dropdown_option_with_tick {
  max-width: 180px;
}
.rc_online_users_control .assignee_circle {
  height: 23px;
  width: 23px;
}
.rc_online_users_control .assignee-container.dropdown {
  padding-left: 4px !important;
}
.rc_online_users_control svg.online_user_icon {
  width: 16px;
  height: 16px;
  color: #333;
  opacity: 0.6;
  margin-right: 10px;
}
.ql-editor hr.rc-divider {
  position: relative !important;
  padding: 0 0 8px !important;
  display: flex !important;
  align-items: center;
  margin-top: 8px !important;
}
.comments_area.comment_area_right hr.rc-divider {
  margin: 5px 0;
}
.rc_reorderable_grid_hr_item_wrap .connected_task_container,
.rc_reorderable_grid_hr_item_wrap .estimate_main_container_ctrl,
.rc_reorderable_grid_hr_item_wrap .rc-capture-list-field-title-text,
.rc_reorderable_grid_hr_item_wrap
  .tags-div-conversation-view.tags_in_preview_panel {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rc_reorderable_grid_hr_item_wrap
  .rc-capture-list-field-title-text
  .move_folder_in_annotator.common_meta_option {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}
.rc_reorderable_grid_hr_item_wrap .assignee-div,
.rc_reorderable_grid_hr_item_wrap .due-date.schedule_calendar_ctrl,
.rc_reorderable_grid_hr_item_wrap .due-time.estimate_time_dropdown_ctrl,
.rc_reorderable_grid_hr_item_wrap
  .estimate_timer_default_text
  .estimate_time_anchor {
  display: inline-flex;
  text-align: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.rc_reorderable_grid_hr_item_wrap .priority-icon.dropdown.in_list_view {
  width: 100% !important;
  height: 100% !important;
}
.rc_table_view_output_content_control .rc_reorderable_grid_hr_item_wrap {
  padding: 0;
}
.rc_table_view_output_content_control .rc_reorderable_grid_hr_item_wrap:hover {
  border: 1px solid rgb(184 184 185);
}
.rc_reorderable_grid_hr_item_wrap .priority-icon.dropdown.in_list_view.show {
  background: #fff;
}
.bh_user_expand_collapse[aria-expanded="true"] .fa-chevron-up {
  display: none;
}
.bh_user_expand_collapse[aria-expanded="false"] .fa-chevron-down {
  display: none;
}
.active .owner {
  right: 28px;
}
.download_capture_icon_ctrl.external_link.del.annotation_close {
  height: 25px !important;
  min-width: 25px;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
}
.download_capture_icon_ctrl.external_link.del.annotation_close:hover {
  background: 0 0 !important;
}
.rc_reorderable_grid_hr_item_wrap
  .rc-capture-list-field-title-text
  .move_folder_in_annotator.common_meta_option
  .folder_assigned.folder-div-conversation-view.folder-dropdown-div {
  width: 100%;
  height: 100%;
}
.comment_doc_body
  + .comment_doc_footer_section_doc
  .custom_quil_comment_box:focus {
  border-top: 1px solid #a6a6a6 !important;
}
.attachments_in_comments_ctrl_comment_v2 .custom_comments_attachment {
  min-width: 149px !important;
  width: 149px !important;
}
.bh_user_expand_collapse i.fas.fa-chevron-down,
.bh_user_expand_collapse i.fas.fa-chevron-up {
  font-size: 11px;
  color: rgb(51 51 51 / 50%);
}
.rc_table_list_block_container.child_capture_present {
  display: flex;
  min-width: 800px;
}
.comment_doc_footer_section_doc .custom_quil_comment_box .comment_box_text_box {
  border-radius: 6px;
  transition: 0.2s ease;
}
.comment_doc_footer_section_doc .custom_quil_comment_box {
  border: 0;
}
.first_comment_compact_box_ctrl .comment_box_ctrl {
  border-top: 0;
}
.comment_doc_body
  + .comment_doc_footer_section_doc
  .custom_quil_comment_b10ox:focus-within {
  border: 1px solid #a6a6a6 !important;
}
.comment_doc_body
  + .comment_doc_footer_section_doc
  .custom_quil_comment_box:focus {
  border-top: 1px solid #a6a6a6 !important;
}
.rc_table_list_block_container:hover
  .column_layout.task_listing
  .right-list-item-over {
  opacity: 1;
}
.rc_table_capture_list_structure_left .three-dot-dropdown-open {
  opacity: 1 !important;
}
#call-function-to-open-comment-module-popup-box .comment_box_ctrl {
  border-radius: 6px;
}
.annotator_comment_popup_control .custom_quil_comment_box {
  min-height: 36px;
}
.annotator_comment_popup_control .custom_quil_comment_box:focus-within {
  border: 1px solid #a09f9f;
  background: #fff;
}
.comment_section_doc_view .close_annotated_comment {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #cbd3da;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.close_annotated_comment svg {
  width: 8px;
  height: auto;
}
.global_style_comment .close_annotated_comment svg {
  width: 8px;
  height: 8px;
}
.global_style_comment .close_annotated_comment svg * {
  fill: rgba(55, 53, 47, 0.7);
}
.global_style_comment .close_annotated_comment:hover {
  background: #d5d5d5;
}
.global_style_comment .close_annotated_comment:hover svg * {
  fill: rgba(55, 53, 47, 0.7);
}
.rcl_404_page_control {
  height: 100%;
}
.rcl_404_page_control .rcl_404_inner_container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  z-index: 999999;
  flex-direction: column;
}
.rcl_404_page_control .error_title_bold {
  font-size: 48px;
  font-weight: 600;
  color: #333;
  margin: 28px 0 20px;
}
.rcl_404_page_control .error_sub_title_regular {
  font-size: 16px;
  color: #262626;
}
.rcl_404_page_control .rcr_404_clickable_content {
  display: flex;
  align-items: center;
  margin-top: 43px;
}
.rcr_404_clickable_content .button.action_ctrl.solid.button_ctrl {
  background: #0d94e6;
  color: #fff;
}
.rcr_404_clickable_content .button.action_ctrl {
  font-size: 16px;
  padding: 8px 30px;
  border-radius: 3px;
  color: #262626;
}
.rcr_404_clickable_content .button.action_ctrl {
  font-size: 16px;
  padding: 8px 30px;
  border-radius: 3px;
  color: #262626;
}
.rcl_404_page_control .error_title_bold {
  font-size: 48px;
  font-weight: 600;
  color: #333;
  margin: 35px 0 25px;
}
.rcl_404_page_control .error_sub_title_regular {
  font-size: 16px;
  color: #262626;
}
.rcl_404_page_control .rcr_404_clickable_content {
  display: flex;
  align-items: center;
  margin-top: 54px;
}
.rcr_404_clickable_content .button.action_ctrl.solid.button_ctrl {
  background: #3f9edc;
  color: #fff;
  transition: 0.2s ease;
  cursor: pointer;
}
.rcr_404_clickable_content .button.action_ctrl.solid.button_ctrl:hover {
  background: #2b82bb;
}
.rcr_404_clickable_content .button.action_ctrl {
  font-size: 16px;
  padding: 8px 30px;
  border-radius: 3px;
  color: #262626;
}
.rcr_404_clickable_content .button.action_ctrl {
  font-size: 16px;
  padding: 8px 30px;
  border-radius: 3px;
  color: #262626;
  cursor: pointer;
}
.button.action_ctrl.ghost_button_ctrl {
  opacity: 0.8;
}
.button.action_ctrl.ghost_button_ctrl:hover {
  opacity: 1;
}
.capture_container_bg_white {
  height: 100%;
}
.share_setting_popup_ctrl .modal-dialog {
  margin: auto;
  padding-top: 28px;
}
.capture_details_action_layout {
  width: 100%;
  display: flex;
  align-items: center;
  left: 0;
  float: left;
  padding: 0 6px;
}
.capture_details_action_layout .capture_created_time {
  color: #333;
  font-size: 12px;
}
.capture_details_action_layout .capture_action_icon_container {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.capture_action_icon_container .capture_action_each_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  margin: 0;
  cursor: pointer;
}
.rc_personal_capture_list_ui_ctrl.list_view_active .capture_action_each_icon {
  margin: 0 2px;
}
.capture_action_icon_container .capture_action_each_icon:hover {
  background: #f5f5f7;
}
.capture_action_icon_container .capture_action_each_icon svg {
  width: 14px;
  height: 14px;
  fill: #333333;
}
.thumbnail-large_active .thumbnail_view.merge_capture_icon,
.thumbnail-medium_active .thumbnail_view.merge_capture_icon,
.thumbnail-small_active .thumbnail_view.merge_capture_icon {
  border-bottom: 1px solid #eaeaec !important;
}
.list-size_active .capture_details_action_layout,
.medium-size_active .capture_details_action_layout,
.snippet-size_active .capture_details_action_layout {
  display: none;
}
.capture_action_icon_container .capture_action_each_icon svg * {
  fill: #b7b7b7;
}
.capture_action_icon_container .capture_action_each_icon:hover svg * {
  fill: #333333;
}
.capture_action_icon_container .capture_action_each_icon i {
  color: #b7b7b7;
  font-size: 11px;
}
.capture_action_icon_container .capture_action_each_icon:hover i {
  color: #333;
}
.rc_personal_capture_list_ui_ctrl.list_view_active
  .capture_details_action_layout {
  float: unset !important;
  width: auto;
  display: inline-flex;
}
.rc_personal_capture_list_ui_ctrl ul.column_layout.task_listing li:hover {
  background-color: #f8f8f8;
  border-left: 1px solid #e9e9eb;
  border-right: 1px solid #e9e9eb;
}
.rc_personal_capture_list_ui_ctrl
  .list_view_active.conversation_view_main_wrapper {
  border-bottom: 0;
}
.rc_personal_capture_list_ui_ctrl
  .thumbnail-medium_active
  .project-variable.list-size.list-size_active {
  display: none;
}
.rc_personal_capture_list_ui_ctrl .thumbnail-medium_active .thumbnail_view {
  display: block !important;
}
.rc_personal_capture_list_ui_ctrl .capture_created_time {
  margin-right: 14px;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li {
  width: calc(20% - 20px) !important;
  padding-bottom: 4px !important;
  margin: 0 0 20px !important;
}
.rc_personal_capture_list_ui_ctrl
  .thumbnail-medium_active
  li
  .capture_details_action_layout {
  width: 100%;
}
.rc_personal_capture_list_ui_ctrl .parent_div_main_capture {
  border: 0;
  height: 100%;
  width: 100%;
  display: flex;
}
.rc_personal_capture_list_ui_ctrl.list_view_active
  .thumbnail-medium_active
  .thumbnail_view.merge_capture_icon {
  height: 232px !important;
}
.rc_personal_capture_list_ui_ctrl ul.column_layout.task_listing li {
  padding: 0 !important;
}
.rc_personal_capture_list_ui_ctrl
  ul.column_layout.task_listing
  > li.sub_capture:last-child {
  border-bottom: 1px solid #e9e9eb !important;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li:first-child {
  border-top: 1px solid #e9e9eb;
}
.rc_personal_capture_list_ui_ctrl.list_view_active {
  height: calc(100vh - 248px);
  overflow: hidden;
  padding: 0 20px 0;
  margin-top: 30px;
}
.rc_reorderable_grid_hr_item_wrap .project-div.connectTask.align-middle {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rc_personal_capture_list_ui_ctrl
  .thumbnail-medium_active
  .capture_details_action_layout {
  padding: 0 6px;
}
.rc_personal_capture_list_ui_ctrl
  .thumbnail-medium_active
  .task_name.cp_task_name {
  padding: 0 10px 0 10px !important;
}
.timer-edit-div.time_entries_name_text .time_entry_edit:hover {
  opacity: 1;
}
.timer-edit-div.time_entries_name_text .time_entry_edit {
  margin-left: 10px;
  font-size: 12px;
  color: #333;
  opacity: 0.5;
  cursor: pointer;
}
.__react_component_tooltip.show span {
  color: #fff !important;
}
.comment_annotator_on_object svg * {
  fill: #ffffff;
}
.comment_annotator_on_object svg {
  width: 13px;
  height: 13px;
}
.comment_annotator_on_object {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment_annotator_on_object {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 12px;
  color: #333;
  right: -26px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 12px;
}
.comment_annotator_on_object:hover {
  background-color: #dfdddd;
}
.comment_annotator_on_object svg {
  width: 12px;
  height: 12px;
  display: inline-flex;
  margin: 0;
}
.comment_annotator_on_object svg * {
  fill: #8e8e8e;
}
.comment_annotator_on_object:hover svg * {
  fill: #333333;
}
.create_space_input.full_width .dropdown.folder_dropdown_compact_btn {
  display: flex;
  align-items: center;
}
.folder_dropdown_compact_btn .project-variable {
  line-height: 1.1;
}
#duplicate_popup_architecture_control
  .rcl.preview_pane_header_ctrl
  .folder_dropdown_compact_btn {
  border-radius: 3px;
  padding-right: 2px;
  height: 36px;
  display: flex;
  border: 1px solid #ebebed;
  cursor: pointer;
}
#duplicate_popup_architecture_control
  .rcl.preview_pane_header_ctrl
  .folder_dropdown_compact_btn:hover {
  background: #ebebed;
}
#duplicate_popup_architecture_control .rcl.preview_pane_header_ctrl.mr-5 {
  display: block;
}
#duplicate_popup_architecture_control
  .project-div.project_cv_div.folder-dropdown-div
  .project-icon.dropdown
  .project-variable {
  max-width: 500px;
}
.rc_reorderable_grid_hr_item_wrap
  .project-icon.in_conversation_view
  .align-middle
  span {
  font-size: 13px;
  font-weight: 400;
}
.rc_reorderable_grid_hr_item_wrap:hover
  .move_folder_in_annotator
  .remove_assignee.remove_project {
  opacity: 1;
}
.rc_reorderable_grid_hr_item_wrap
  .move_folder_in_annotator
  .remove_assignee.remove_project
  i {
  color: #333;
}
.rc_table_view_output_content_control
  .parent_div_main_capture
  .captures_innr_group_ctrl_section {
  display: flex;
  align-items: center;
  height: 100%;
}
.rc_table_view_output_content_control
  .parent_div_main_capture
  .groupby_wrapper_in_listing.grouped_by_section {
  padding: 0 15px 0 12px;
  height: 100%;
}
.rc_table_view_output_content_control
  .parent_div_main_capture
  .cp_multiple_assignee
  .assignee_circle_label {
  font-size: 13px;
  color: #333;
}
.rc_table_view_output_content_control
  .grouped_by_section.group_by_list_parent
  .grouped_by_label
  .name_of_tags_in_sorting {
  margin-left: 0;
}
button.canvas_tool {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0;
  border-radius: 3px;
  position: relative;
  border: 0;
  background: #fff;
}
button.canvas_tool svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 11px;
  cursor: pointer;
}
button.canvas_tool:hover svg * {
  fill: #0e9aef;
}
button.canvas_tool.undo_redo_disable:hover svg * {
  fill: #000000;
}
button.canvas_tool i {
  color: #97989d;
  font-size: 16px;
}
button.canvas_tool.active i {
  color: #fff;
}
button.canvas_tool.undo_redo_disable svg,
button.canvas_tool_undo_redo.undo_redo_disable svg {
  cursor: not-allowed;
  opacity: 0.4;
}
button.canvas_tool.undo_redo_disable :hover svg *,
button.canvas_tool_undo_redo.undo_redo_disable:hover svg * {
  fill: #333333;
}
.content_section_inner_container.rcr_selectable_div {
  color: #676a6c;
  font-size: 15px;
}
.initial_shot_window button.canvas_tool:hover svg.crop_tool {
  stroke: #ffffff !important;
}
.initial_shot_window button.canvas_tool.active > svg.crop_tool * {
  fill: none;
}
.initial_shot_window button.canvas_tool:hover svg.crop_tool * {
  fill: none;
}
.initial_shot_window button.canvas_tool.active > svg.crop_tool {
  stroke: #ffffff !important;
}
.old_view {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  position: fixed;
  z-index: 99;
  right: 16px;
  bottom: 16px;
  left: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 12px;
  background: #fff;
  width: auto;
  height: auto;
  background-color: #fff;
  color: #000;
  width: 286px;
}
a.close_switcher svg {
  width: 9px;
  position: absolute;
  top: 10px;
  right: 10px;
}
a.close_switcher svg * {
  fill: rgba(126, 129, 135, 0.9);
}
.old_view .new_label {
  background-color: #0e9aef;
  padding: 1px 4px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  border-radius: 4px;
  position: absolute;
  top: -10px;
  display: none;
}
.old_view h3 > i {
  font-size: 12px;
  margin-left: 10px;
}
.switch_btn_ctrl {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-top: 6px;
}
.switch_btn_ctrl p {
  margin: 0;
  opacity: 0.9;
  font-size: 14px;
}
.old_view a.switch__btn {
  background-color: #0e9aef;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  margin-left: auto;
}
.old_view h3 {
  margin: 0;
}
.annotator_switcher_btn {
  color: #97989d;
  text-decoration: underline;
  cursor: pointer;
  margin-right: 15px;
  font-weight: 600;
}
#preview_object_upload_popup
  .capture_folder_tabs_top
  .tab_item.active
  .tab_icon_ctrl
  svg.common_color_icon
  path {
  fill: #2ba6f1;
}
.white_board_capture_preview_ctrl
  #resizable_panel
  .empty_note_state_ctrl
  .capture_view_outer_inner_wrap {
  height: auto;
}
#resizable_panel
  .empty_note_state_ctrl
  .content_section_inner_container.rcr_selectable_div:not(
    .flexbox-layout-column
  ) {
  margin: 0;
}
.white_board_capture_preview_ctrl
  #resizable_panel.capture_view_outer_inner_wrap
  .empty_note_state_ctrl
  .editor_in_note_capture:after {
  opacity: 0;
}
.conversation_preview_pane_main_wrapper
  #resizable_panel.capture_view_outer_inner_wrap.empty_note_state_ctrl {
  padding: 0;
}
#resizable_panel .note_preview.in_merge_capture.empty_note_state_ctrl {
  padding: 20px;
}
.white_board_capture_preview_ctrl
  #resizable_panel.capture_view_outer_inner_wrap
  .empty_note_state_ctrl
  .editor_in_note_capture {
  margin-top: 0;
  width: 100%;
  overflow: hidden;
}
.add_comment_dot_on_image_over,
.flexbox-layout-container .flexbox-layout-resize-handles,
.flexbox-layout-container .image-border,
.flexbox-layout-container .image-cropping-border {
  display: none;
}
.loader_for_note_content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  background: 0 0 !important;
}
.shared_permission_info {
  color: #252222;
  font-size: 13px;
  display: block;
  text-align: center;
  padding: 7px 10px 5px;
  border-top: 1px solid #d4d8db;
  margin: 8px -6px 0;
  font-style: italic;
  line-height: initial;
}
#profile_image_crop .ReactCrop img {
  min-width: 200px;
}
#profile_image_crop .ReactCrop {
  min-wdth: 200px;
}
.rc_details_side_panel .capture_list_dropdown_inner .info_header {
  border-bottom: 1px solid #dfe5f2;
}
.capture_preview_panel_container_control audio {
  width: 100%;
}
.editable_content_section {
  word-wrap: break-word;
  white-space: break-spaces;
}
.deleted_action_info {
  margin: 12px 0 0 0;
  font-size: 13px;
}
.note_box_tools_ctrl button.active svg {
  fill: #0e9aef !important;
}
.note_box_tools_ctrl button.active {
  background: #fff !important;
}
.action_info_icon.count_of_merged_captures img.loading_count_in_merge_section {
  width: 20px;
  height: 20px;
}
.uploaded_attachment_btn_ctrl svg {
  fill: transparent !important;
  stroke: #ffffff;
  width: 18px !important;
}
.uploaded_attachment_btn_ctrl {
  margin-left: auto;
  display: flex;
  align-items: center;
}
button.btn.btn-default.restore-btn.clear_trash {
  border-color: #ff5959;
  color: #ff5959;
}
.attachment-container .section-title .addfile .list-view-btn a {
  display: flex;
  align-items: center;
}
.global_search_ctrl.expand-global-search.on input {
  color: #333;
}
div#CaptureBreadcrumbThreeDotDropdown .shared_permission_info {
  margin: 4px -6px 0;
}
.global_search_ctrl.expand-global-search.have_text.off {
  background-color: #fff;
  width: 442px;
}
.global_search_ctrl.expand-global-search.have_text.off input {
  color: #333;
}
.global_search_ctrl.expand-global-search.have_text.on {
  width: 442px;
}
.add_link_dropdown {
  width: 344px;
  border: 1px solid #dee0e1 !important;
  padding: 7px;
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  border-radius: 6px;
}
.add_link_dropdown input[type="text"] {
  width: 100%;
  background-color: #fff;
  height: 30px;
  padding: 3px 6px;
  border-radius: 4px;
  border: 1px solid #d5d5d6 !important;
}
.add_link_dropdown .link_error.error_warning_link {
  color: #f15866;
  font-size: 12px;
}
.rcs_empty_folder_state_ctrl .no_data_found_innr_ctrl svg {
  width: 160px;
  height: 160px;
  max-width: initial;
}
.rcs_empty_folder_state_ctrl.rcs_empty_folder_state_ctrl
  .no_data_found_innr_ctrl {
  position: relative;
  height: auto;
}
.rcs_empty_folder_state_ctrl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.merged_capture_menu_main_ctrl .child_element input.child_capture_name,
.merged_capture_menu_main_ctrl .parent_element input.child_capture_name {
  line-height: 14px !important;
  padding: 3px 5px !important;
  background: #fff;
  height: auto !important;
  width: 160px !important;
  max-width: 160px !important;
}
.child_element.active .capture_number.in_outline_view,
.multi_selected .capture_number.in_outline_view,
.parent_element.active .capture_number.in_outline_view {
  background: 0 0 !important;
}
.parent_element.active input {
  background: 0 0 !important;
}
.doc_card_ui_ctrl
  .view-bug-image-rcl-embed.image_preview.image_preview_height_ctrl
  img {
  position: relative;
  margin: auto;
}
.commented_innr_ctrl .block_attachment_container {
  margin: 6px 0;
}
.ufc {
  padding-top: 20px;
  display: inline-flex;
  width: 100%;
}
.email_utf_style {
  padding-bottom: 10px;
}
.user_typing_section_div {
  margin-top: 20px;
  display: inline-flex;
  width: 100%;
}
.ufc .comments_area.comment_area_right .comments_text .comment_text_bg {
  border-bottom-left-radius: 0;
}
.ufc.uvfc .comments_area.comment_area_right .comments_text .comment_text_bg {
  border-radius: 16px;
}
.nc .comments_area.comment_area_right .comments_text .comment_text_bg {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ulc .comments_area.comment_area_right .comments_text .comment_text_bg {
  border-top-left-radius: 0;
}
.nc,
.ufc,
.ulc {
  display: inline-block;
  width: 100%;
  float: left;
  margin-top: 2px;
  margin-bottom: 2px;
}
.rc_comments_viewer_area_control > div:last-child {
  padding-bottom: 30px;
}
.email_data_container .rc_comments_viewer_area_control > div:last-child {
  padding-bottom: 0;
}
.merge_modal_active .ufc {
  padding-top: 10px;
}
.merge_modal_active .rc_comments_viewer_area_control > div:last-child {
  padding-bottom: 0;
}
#docCommentDropdownPopupSection .ufc {
  padding-top: 0;
}
#docCommentDropdownPopupSection
  .rc_comments_viewer_area_control
  > div:last-child {
  padding-bottom: 15px;
}
button.doc_comment_sign_clock_icon {
  border: 0;
  padding: 0;
}
button.doc_comment_sign_clock_icon i {
  font-size: 11px;
  padding: 5px;
  color: #151b26;
  opacity: 0.8;
}
button.doc_comment_sign_clock_icon:hover i {
  opacity: 1;
}
.toggle_favorite_section {
  color: rgb(38 38 38 / 62%);
  padding: 0 0 0 25px;
  height: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin: 8px 0;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  font-size: 12px;
}
.toggle_favorite_section:hover {
  color: rgb(38 38 38 / 100%);
}
.toggle_favorite_section svg {
  width: 14px;
  height: 14px;
  margin: 0 0 0 5px;
  top: -2px;
  position: relative;
}
.toggle_favorite_section svg * {
  fill: rgb(38 38 38 / 62%);
  stroke: rgb(38 38 38 / 62%);
}
.toggle_favorite_section.hide svg {
  transform: rotate(180deg);
  top: 3px;
}
.toggle_favorite_section:hover svg * {
  fill: rgb(38 38 38 / 100%);
  stroke: rgb(38 38 38 / 100%);
}
.rc_progress_collapse_expand_ctrl .capture_upload_final_state.fileSizeError {
  display: flex;
  align-items: center;
  width: 100%;
}
.rc_progress_collapse_expand_ctrl
  .file_uploader_ctrl_innr
  .fileSizeError
  .size_limit_validation {
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.rc_progress_collapse_expand_ctrl
  .file_uploader_ctrl_innr
  .fileSizeError
  .close_uploaded_capture {
  display: inline-flex;
  position: absolute;
  right: 0;
}
.data_in_sidepanel
  .comments_area.comment_area_right
  .comments_text
  .comment_text_bg {
  width: 100%;
}
.dropdown-menu.priorityDD.in_filter_dropdown .list_dropdown {
  padding: 6px 7px 5px 28px;
}
.in_filter_dropdown
  .priority_list
  ul.inlist.priority_dropdown
  > li.active:before {
  left: 10px;
}
.dropdown-menu.theme_calendar_drop_ctrl.acf_due_date_ctrl {
  width: 200px !important;
}
.acf_due_date_ctrl .tc_calendar_body .tc_calendar_body-inner {
  width: 100%;
}
.acf_due_date_ctrl .tc_calendar_body-inner .tc_star_date_wrap_left {
  min-width: 100%;
}
.dropdown-menu.theme_calendar_drop_ctrl.acf_due_date_ctrl.exact_date_calender_active {
  width: 448px !important;
}
.acf_due_date_ctrl.exact_date_calender_active
  .tc_calendar_body-inner
  .tc_star_date_wrap_left {
  min-width: 200px;
}
.acf_due_date_ctrl .tc_calendar_body-inner .tc_star_date_wrap_left {
  padding-top: 0;
}
.acf_due_date_ctrl .tc_calendar_body ul.tc_range {
  padding: 5px;
}
.acf_due_date_ctrl .tc_star_date_wrap_left ul.tc_range > li {
  padding: 6px 7px 6px 28px;
  display: flex;
  height: 33px;
  border-radius: 3px;
  position: relative;
}
.acf_due_date_ctrl .tc_star_date_wrap_left ul.tc_range > li:hover {
  background-color: #f5f5f5;
}
.acf_due_date_ctrl .tc_star_date_wrap_left ul.tc_range > li.active {
  background: rgb(14 154 239/10%) !important;
}
.acf_due_date_ctrl ul.tc_range > li.active .tc_range_text {
  color: #0e9aef;
}
.acf_due_date_ctrl ul.tc_range > li.active:after {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 9px;
  color: #fff;
  font-size: 12px;
  display: block !important;
  color: #0e9aef !important;
}
.acf_due_date_ctrl .tc_star_date_wrap_left ul.tc_range > li i.fa-times {
  color: #0e9aef;
  display: block;
  position: absolute;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  right: 9px;
  font-size: 12px;
}
.compose_ctrl .modal-content {
  border-radius: 10px;
}
.mail_row_border_bottom {
  border-bottom: 1px solid #e5e6e7 !important;
}
.single-line-form {
  display: flex;
  flex-direction: row;
  padding: 3px 0;
  position: relative;
  justify-content: unset !important;
}
.single-line-form input,
.single-line-form label,
.single-line-form select,
.single-line-form textarea {
  border: 0 !important;
}
.single-line-form label {
  color: #979797 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  position: relative !important;
  line-height: 24px;
  min-width: 70px;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
}
.single-line-form .form-control {
  display: inline-flex;
  border: 0;
}
.cc_bcc_btn {
  position: absolute;
  top: 17px;
  right: 0;
}
.column {
  flex-direction: column !important;
}
.single-line-form .form-control::placeholder {
  color: #555;
}
.compose_ctrl.modal .modal-header {
  justify-content: unset;
}
.compose_ctrl.modal .modal-title.text-left {
  text-align: left !important;
}
.mail_editor.text_box_editor {
  width: 100%;
  height: 100%;
  min-height: 404px;
}
.compose_ctrl.modal
  #email_compose_modal_popup.modal-dialog
  .composer_signature_dropdown_ctrl {
  min-height: 100%;
  max-height: 200px;
  overflow-y: auto;
}
.compose_ctrl.modal
  #email_compose_modal_popup.modal-dialog
  .signature_name.active {
  background-color: #e4f5ff;
  border-bottom: 0;
}
.compose_ctrl.modal #email_compose_modal_popup.modal-dialog .signature_name {
  border-bottom: 1px solid #efefef;
}
.comments_area.comment_area_right.comment_by_me {
  float: right;
}
.comments_area.comment_by_me .commented_by {
  right: 0;
  margin-left: 0;
  margin-right: 5px;
  margin-top: 0 !important;
}
.comment_by_me .assignee_circle.in-dropdown {
  margin-right: 0;
  margin-left: 7px;
}
.comment_by_me .commented_innr_ctrl {
  margin-left: 0;
  margin-right: 34px;
}
.comments_area.comment_area_right.comment_area_byself.comment_by_me
  .commented_innr_ctrl {
  padding-right: 5px;
}
.self_active_comments.active
  .comments_area.comment_area_right.comment_area_byself.comment_by_me
  .comments_innr_header {
  justify-content: right;
}
.comment_by_me .bug_created_by_name {
  margin-right: 0 !important;
  margin-left: 6px !important;
}
.comment_area_right.comment_by_me .bug_submittion_time {
  margin-right: 0;
  margin-left: 5px !important;
}
.tab-pane.comments_list_ctrl.comments_area_outer_div_front.self_active_comments
  .comment_by_me
  .comments_text {
  float: right;
  align-items: end;
}
.comments_area.comment_by_me .action-magic-dots {
  right: 100%;
  margin-left: 0;
  left: auto;
  margin-right: 5px;
}
.comment_by_me .commented_innr_ctrl .time_entry_option {
  justify-content: revert;
  flex-direction: row-reverse;
}
.ufc
  .comments_area.comment_area_right.comment_by_me
  .comments_text
  .comment_text_bg {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 0;
}
.nc
  .comments_area.comment_area_right.comment_by_me
  .comments_text
  .comment_text_bg {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ulc
  .comments_area.comment_area_right.comment_by_me
  .comments_text
  .comment_text_bg {
  border-top-left-radius: 16px;
  border-top-right-radius: 0;
}
.ufc.uvfc
  .comments_area.comment_area_right.comment_by_me
  .comments_text
  .comment_text_bg {
  border-radius: 16px;
}
.comments_area.comment_area_right.comment_area_byself.comment_by_me
  .comment_text_bg {
  background-color: #edeff0 !important;
}
.nav_link_text {
  margin-left: 8px;
  color: #94a3b8;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.active .nav_link_text {
  display: inline-block;
}
.capture_header_sub_icon_heading.active svg * {
  fill: #ffffff;
}
.capture_header_sub_icon_heading {
  align-items: center;
}
.global_search_ctrl.expand-global-search > svg {
  position: absolute;
  left: 15px;
  top: 7px;
  z-index: 2;
}
.capture_header_sub_icon_heading:hover {
  background: #232a36;
}
.capture_header_sub_icon_heading:hover svg * {
  fill: #b5c0d3;
}
.upload_dropdown.top_header_action_tools_ctrl button i {
  color: #fff !important;
}
.upload_dropdown.top_header_action_tools_ctrl button {
  height: 28px;
  width: 28px;
  border-radius: 100%;
  background: #01945d;
  border: 0 !important;
  margin-right: 8px !important;
  margin-left: 2px !important;
  transition: 0.1s ease;
}
.upload_dropdown.top_header_action_tools_ctrl button:hover {
  background: #05b170;
}
.notification_ctrl_innr:hover > svg * {
  fill: #b5c0d3;
}
.running_timer_div_clock a.timer_icon_header svg {
  width: 18px !important;
  height: 18px !important;
}
.running_timer_div_clock a.timer_icon_header:hover svg * {
  fill: #b5c0d3;
}
.btn-group.dvr_ctrl.top_header button:hover svg * {
  fill: #b5c0d3;
}
.capture_header_sub_icon_heading.active:hover svg * {
  fill: #ffffff;
}
.attachment_image_viewer_carousel_ctrl .capture_name_section_preview_panel {
  color: #ffff;
}
.attachment_image_viewer_carousel_ctrl
  .popup_media_actions_right
  .media_action_item
  svg
  * {
  fill: #ffffff;
}
.md-thumb-outer.open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.md-thumb-outer {
  background-color: #0d0a0a;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  padding: 10px 0;
}
.md-thumb.group {
  height: 100%;
  margin-bottom: -5px;
  padding: 10px 0;
  display: inline-flex;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  display: flex;
}
.md-thumb-item {
  border: 1px solid #fff;
  border-radius: 8px;
  float: left;
  height: 80px;
  margin-bottom: 5px;
  margin-right: 5px;
  opacity: 0.5;
  overflow: hidden;
  min-width: 80px;
  width: 80px;
  scroll-snap-align: start;
  cursor: grab;
}
.md-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
}
.lmd-toogle-thumb {
  background-color: #0d0a0a;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  left: 4px;
  text-align: center;
  top: -60px;
  width: 50px;
}
.Carousel-button-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999999;
  bottom: 0;
  margin: auto;
  height: 26px;
  width: 26px;
  cursor: pointer;
}
.Carousel-button-container i {
  font-size: 24px;
  color: #fff;
}
.attachment_image_viewer_carousel_ctrl {
  height: 100% !important;
  width: 100% !important;
  border-radius: 0 !important;
  background: #000;
}
.Carousel-button-container.right {
  left: auto;
  right: 0;
}
.attachment_image_viewer_carousel_ctrl .merge_media_popup_header_control {
  border-bottom: 0;
}
.attachment_image_viewer_carousel_ctrl .rc_merge_image_viewer_control {
  background: #000 !important;
}
.lmd-toogle-thumb svg {
  width: 18px;
  height: 18px;
  opacity: 0.6;
}
.lmd-toogle-thumb.md-icon:hover svg {
  opacity: 1;
}
.md-thumb-item.active {
  border: 1px solid #fff;
  opacity: 1;
}
.Carousel-button-container svg {
  width: 28px !important;
  height: 28px !important;
  fill: none !important;
}
.Carousel-button-container:hover svg * {
  stroke: #ffffff;
}
.attachment_image_viewer_carousel_ctrl .close_annotated_comment:hover,
.attachment_image_viewer_carousel_ctrl
  .popup_media_actions_right
  .media_action_item:hover {
  background: #2e2e2e;
}
.attachment_image_viewer_carousel_ctrl .close_annotated_comment,
.attachment_image_viewer_carousel_ctrl
  .popup_media_actions_right
  .media_action_item {
  width: 28px;
  height: 28px;
  margin-left: 10px;
}
.attachment_image_viewer_carousel_ctrl .slide_count_ctrl {
  position: absolute;
  left: 54px;
  top: -57px;
}
.capture_inbox_heading.time_track_sub_menu_ctrl .page_data_view_item_tabs_ctrl {
  position: static;
  justify-content: start;
  background: #212b3c;
  border: 0 !important;
  padding-left: 12px !important;
}
.time_track_sub_menu_ctrl
  .views_widget_main_ctrl.page_data_view_item_tabs_ctrl {
  padding: 0;
}
.time_track_sub_menu_ctrl {
  border-radius: 0;
  border: 0;
}
.time_track_sub_menu_ctrl
  .common_view_button.icon_ctrl_three_panel_view.active:after {
  background: #fff !important;
}
.time_track_sub_menu_ctrl .common_view_button.icon_ctrl_three_panel_view {
  color: #b6c1d3;
}
.time_track_sub_menu_ctrl
  .common_view_button.icon_ctrl_three_panel_view:hover:after {
  background: #fff !important;
}
.time_track_sub_menu_ctrl
  .table_view_options_main_ctrl:hover
  .common_view_button {
  background: 0 0 !important;
}
.time_track_sub_menu_ctrl
  .page_data_view_item_tabs_ctrl
  .common_view_button.icon_ctrl_three_panel_view.active {
  color: #fff !important;
}
.time_track_sub_menu_ctrl
  .page_data_view_item_tabs_ctrl
  .common_view_button.icon_ctrl_three_panel_view:hover:before {
  background: #fff !important;
}
.time_track_sub_menu_ctrl
  .page_data_view_item_tabs_ctrl
  .common_view_button.icon_ctrl_three_panel_view:hover
  .data_view_item_name_text {
  color: #fff;
}
.time_track_sub_menu_ctrl
  .page_data_view_item_tabs_ctrl
  .table_view_options_main_ctrl {
  margin: 0 8px;
}
.time_track_sub_menu_ctrl
  .page_data_view_item_tabs_ctrl
  .common_view_button.icon_ctrl_three_panel_view {
  padding: 0 !important;
  margin: 0;
}
.md-thumb-outer.open .slide_count_ctrl {
  top: -35px;
}
.md-thumb-outer.open .lmd-toogle-thumb {
  top: -39px;
}
.Carousel-button-container.left {
  left: 18px;
}
.Carousel-button-container.right {
  right: 23px;
}
.attachment_image_viewer_carousel_ctrl .merge_media_popup_header_control {
  padding: 12px 20px;
}
.capture_list_full_page_preview_panel_ctrl .preview_pane_top_header_main {
  padding: 15px;
  height: auto;
}
.capture_list_full_page_preview_panel_ctrl
  .preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon
  .iconbg {
  height: auto !important;
  background: #fff;
  min-height: auto !important;
  padding: 0 !important;
  justify-content: start;
  width: auto !important;
  margin-right: 8px;
}
.capture_list_full_page_preview_panel_ctrl
  .preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon {
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 7px;
  padding: 8px 14px;
}
.capture_list_full_page_preview_panel_ctrl
  .preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon
  .align-middle
  .project-variable {
  color: #333 !important;
}
.capture_list_full_page_preview_panel_ctrl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown:hover,
.capture_list_full_page_preview_panel_ctrl
  .preview_pane_top_header_main
  .assignee-div
  .assignee-container:hover,
.capture_list_full_page_preview_panel_ctrl
  .preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div
  .project-icon:hover {
  background: #ebebed !important;
}
.capture_quick_event_icons_ctrl .capture_action_btn svg {
  margin: 0;
  padding: 0;
  width: 14px !important;
  height: 14px !important;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_ctrl
  .capture_name_section_preview_panel {
  font-size: 18px;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_ctrl
  .second_capture_common_header_inner {
  height: auto !important;
  padding: 0 7px;
}
.capture_list_full_page_preview_panel_ctrl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown {
  background: #fff;
  border: 1px dashed #ddd;
  border-radius: 7px;
  padding: 8px 8px;
  height: 32px;
}
.capture_list_full_page_preview_panel_ctrl
  .preview_pane_top_header_main
  .cp_multiple_assignee
  .assignee_circle {
  width: 25px;
  height: 25px;
  border: 2px solid #fff;
}
.capture_list_full_page_preview_panel_ctrl
  .preview_pane_top_header_main
  .assignee-div
  .assignee-container {
  background: #fff !important;
  border: 1px dashed #ddd;
  border-radius: 7px !important;
  padding: 8px 8px !important;
  height: 32px !important;
  margin: 0 !important;
}
.assignee_user_text {
  font-size: 12px;
  color: #333;
  font-weight: 600;
  display: inline-block;
  margin-left: 6px;
}
.add_more_participant i {
  color: #1c222d;
  font-size: 11px;
  margin-left: 0;
}
.capture_quick_event_icons_ctrl .capture_action_btn i,
.capture_quick_event_icons_ctrl .capture_action_btn svg * {
  fill: #484d56;
  color: #484d56;
}
.capture_quick_event_icons_ctrl .capture_action_btn i {
  font-size: 14px;
}
.capture_quick_event_icons_ctrl .capture_action_btn i {
  font-size: 14px;
}
.top_unique_common_merge_header
  .preview_pane_top_header_main
  .capture_quick_event_icons_ctrl
  .capture_action_btn {
  height: 30px;
  width: 30px;
  margin: 0 0 0 5px;
  border-radius: 4px;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_ctrl
  .task_data_block_container {
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
  padding: 7px 0 !important;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_ctrl
  .task_data_block_container
  .task_data_ctrl_left.in_preview_panel {
  width: 100%;
  margin-bottom: 0;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_ctrl
  .tags-div-conversation-view.tags_in_preview_panel {
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 8px;
}
.ele_divider {
  display: inline-block;
  height: 16px;
  width: 2px;
  background: #494e57;
  margin: 0 10px 0 10px;
  opacity: 0.14;
}
.date_time_ctrl {
  color: #333;
  font-size: 12px;
}
.capture_list_full_page_preview_panel_ctrl
  .cv_task_list_main_weapper
  .task_data_main_wrap {
  border: 1px solid #e2e7eb;
  border-radius: 8px !important;
}
.capture_list_full_page_preview_panel_ctrl
  .task_data_main_wrap
  .tags-div-conversation-view.tags_in_preview_panel {
  padding: 0 15px 15px 15px;
  margin: 0;
}
.capture_list_full_page_preview_panel_ctrl
  .has_merged_captures
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container {
  padding: 15px !important;
}
.capture_list_full_page_preview_panel_ctrl .cv_task_list_inner {
  padding: 25px 0;
}
.capture_list_full_page_preview_panel_ctrl .capture_view_outer_inner_wrap {
  border-radius: 0;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_inner
  .task_data_block_container
  input.capture_header_capture_name {
  font-size: 18px;
}
.capture_list_full_page_preview_panel_ctrl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown
  .iconbg {
  background: 0 0;
  width: auto;
  height: auto;
  padding: 0;
}
.capture_list_full_page_preview_panel_ctrl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown
  .iconbg
  svg {
  width: 16px !important;
  height: 16px !important;
}
.capture_list_full_page_preview_panel_ctrl
  .task_data_main_wrap
  .task_data_block_container
  .task_action_icons_right
  #start_timer_main_div {
  margin: 0 !important;
}
.capture_list_full_page_preview_panel_ctrl
  .has_merged_captures
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container
  .task_action_icons_right {
  margin-left: 0;
  margin-right: 5px;
}
.capture_list_full_page_preview_panel_ctrl
  .task_data_main_wrap
  .task_data_block_container
  .capture_action_btn {
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
.capture_list_full_page_preview_panel_ctrl
  .task_data_main_wrap
  .task_data_block_container
  .capture_action_btn
  i {
  font-size: 14px;
  color: #484d56;
}
.capture_list_full_page_preview_panel_ctrl
  .task_data_block_container
  .task_action_icons_right
  .time_track_bg
  i.fa.fa-play {
  width: 20px !important;
  height: 20px !important;
}
.capture_list_full_page_preview_panel_ctrl
  .task_data_block_container
  .timer_ui_list_view
  .timer_class_div.timer_in_list {
  height: 20px !important;
}
.capture_list_full_page_preview_panel_ctrl
  .capture_quick_event_icons_ctrl
  .time_track_bg
  i.fa.fa-play {
  height: 20px !important;
  width: 20px !important;
}
.capture_list_full_page_preview_panel_ctrl .tag-container .capture_action_btn,
.capture_list_full_page_preview_panel_ctrl
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg {
  width: 28px;
  height: 28px;
  display: inline-flex;
  justify-content: center;
  border: 1px dashed #c8cdd1;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
  background: #fff;
  float: left;
}
.capture_list_full_page_preview_panel_ctrl
  .tag-container
  .capture_action_btn
  svg {
  margin: 0;
}
.capture_list_full_page_preview_panel_ctrl
  .tag-container
  .capture_action_btn:hover,
.capture_list_full_page_preview_panel_ctrl
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg:hover {
  background: #ebebed !important;
}
.url_frame_section_main_loop .react_tinylink_card {
  max-width: 300px;
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid #e3e5e7;
  height: auto;
}
.url_frame_section_main_loop .react_tinylink_card_media {
  max-height: 130px;
  min-height: 130px;
}
.url_frame_section_main .react_tinylink_card_content_wrapper {
  padding: 15px;
  flex: unset;
}
.url_frame_section_main
  .react_tinylink_card_content_wrapper
  .react_tinylink_card_content_header {
  color: #333;
  font-size: 13px;
  margin: 0 0 8px;
}
.url_frame_section_main
  .react_tinylink_card_content_wrapper
  .react_tinylink_card_content
  p {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 8px;
}
.url_frame_section_main
  .react_tinylink_card_content_wrapper
  .react_tinylink_footer
  p {
  font-size: 12px;
  line-height: 15px;
}
.url_frame_section_main .Container {
  width: 300px !important;
}
.url_frame_section_main .Container .Image {
  max-height: 130px;
  min-height: 130px;
}
.url_frame_section_main .Title {
  color: #333 !important;
  font-size: 15px;
  margin-bottom: 0;
}
.url_frame_section_main .Description.Secondary {
  font-size: 12px;
  color: rgb(51 51 51 / 60%) !important;
  font-weight: 600;
  margin-top: 6px;
  margin-bottom: 6px;
  display: inline-block;
}
.url_frame_section_main .SiteDetails {
  margin-top: 0;
  font-size: 12px;
  color: rgb(51 51 51 / 60%) !important;
  font-weight: 600;
}
.url_frame_section_main .LowerContainer {
  padding: 12px !important;
}
.url_frame_section_main_loop {
  margin: 15px 0;
}
.no_assignee_selcted,
.no_participant_selected {
  margin-left: 7px;
  color: #676a6c;
}
.capture_list_full_page_preview_panel_ctrl
  .preview_pane_top_header_main
  .assignee-div
  .assignee-container.dropdown {
  display: inline-flex;
  align-items: center;
}
.due_date_display_view_ctrl,
.estimate_display_view_ctrl,
.priority_display_view_ctrl {
  background: #fff;
  border: 1px dashed #ddd;
  border-radius: 7px;
  padding: 8px 8px;
  height: 32px;
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
}
.due_date_display_view_ctrl:hover,
.estimate_display_view_ctrl:hover,
.priority_display_view_ctrl:hover {
  background: #ebebed !important;
}
.priority_display_view_ctrl .priority-icon.dropdown.in_list_view {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  background: 0 0;
}
.priority_display_view_ctrl .priority-icon.dropdown.in_list_view .flag_svg {
  width: auto !important;
  height: auto !important;
  margin: 0 7px 0 0 !important;
}
.due_date_display_view_ctrl .external_icon.icon_common_sty .iconbg {
  width: auto;
  height: auto;
  margin: 0 7px 0 0;
  background: 0 0;
}
.estimate_time_dropdown_ctrl .estimate_timer_default_text {
  height: auto !important;
  background: 0 0 !important;
  padding: 0 !important;
}
.metadata_option_ctrl.estimate_display_view_ctrl
  .due-time.estimate_time_dropdown_ctrl:hover {
  border: 0;
  background: 0 0;
}
.metadata_option_ctrl.estimate_display_view_ctrl
  .due-time.estimate_time_dropdown_ctrl {
  border: 0 !important;
}
.estimate_display_view_ctrl .estimate_icon_bg {
  width: auto;
  height: auto;
  background: 0 0;
  margin: 0 7px 0 0;
}
.due_date_display_view_ctrl .toggle-chevron:before,
.estimate_display_view_ctrl .toggle-chevron:before,
.priority_display_view_ctrl .toggle-chevron:before {
  display: none;
}
.in_card_style.compact_meta_data_header_ctrl {
  padding-top: 0;
  border-top: 0;
}
.capture_list_metadata_preview_panel .second_capture_common_header_inner {
  border-bottom: 0;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_inner
  .capture_name_section_preview_panel,
.capture_list_metadata_preview_panel
  .second_capture_common_header_inner
  .capture_name_section_preview_panel {
  font-size: 18px !important;
  font-weight: 700;
  color: #333;
}
.capture_list_metadata_preview_panel
  .tab-horizontal
  .common_quick_tab
  .panel_icon_position_ctrl {
  display: inline-flex;
  align-items: center;
  padding: 7px 0 6px !important;
}
.capture_list_metadata_preview_panel
  .tab-horizontal
  .common_quick_tab
  .panel_icon_position_ctrl
  .data_count {
  position: static;
  border-radius: 4px;
  background: #ededed;
  border-color: #ededed !important;
  color: #333;
  margin-left: 8px;
}
.meta_tab_text {
  margin-right: 0;
  color: #333;
  font-weight: 600;
  user-select: none;
}
.capture_list_metadata_preview_panel .tab-horizontal li.common_quick_tab {
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  cursor: pointer;
}
.capture_list_metadata_preview_panel .body-right-trackduck .tab-header {
  padding-top: 0;
  background: #fff;
}
.capture_list_metadata_preview_panel
  .tab-horizontal
  .common_quick_tab.active
  .panel_icon_position_ctrl
  .data_count {
  color: #fff;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_ctrl
  .task_data_block_container
  .task_data_ctrl_left
  input {
  font-weight: 700 !important;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_inner
  .capture_name_section_preview_panel,
.capture_list_metadata_preview_panel
  .second_capture_common_header_inner
  .capture_name_section_preview_panel {
  padding: 10px 8px;
  min-height: auto;
  height: auto !important;
  border: 1px solid transparent !important;
  border-radius: 6px;
  cursor: text;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_inner
  .capture_name_section_preview_panel:hover,
.capture_list_metadata_preview_panel
  .second_capture_common_header_inner
  .capture_name_section_preview_panel:hover {
  border: 1px solid #dadce0 !important;
}
.conversation_preview_pane_main_wrapper .capture_view_outer_inner_wrap {
  width: calc(100% - 30px);
  margin: 15px 15px 15px;
  border-radius: 4px;
}
.capture_list_metadata_preview_panel
  .second_capture_common_header_ctrl
  .second_capture_common_header_inner {
  padding: 0 7px !important;
}
.capture_list_metadata_preview_panel
  .task_data_block_container
  .task_data_ctrl_left.in_preview_panel {
  margin-bottom: 0 !important;
}
.white_board_capture_preview_ctrl.capture_list_metadata_preview_panel
  .task_data_block_container
  .tags_assignee_in_preview_ctrl
  .tagged_assets_tags {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.capture_list_full_page_preview_panel_ctrl
  .tags_assignee_in_preview_ctrl
  .each_tag_control
  .added_tags {
  margin-bottom: 4px;
  margin-top: 4px;
}
.capture_list_full_page_preview_panel_ctrl
  .tag-container
  .capture_action_btn.tag_display_view_ctrl {
  border-radius: 7px !important;
  padding: 8px 8px;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 10px 0 0 !important;
  width: auto;
  line-height: 14px;
  color: #676a6c;
}
.capture_list_full_page_preview_panel_ctrl
  .tag-container
  .capture_action_btn.tag_display_view_ctrl
  svg {
  width: 14px;
  height: 14px;
  margin-right: 7px;
}
.compact_meta_data_header_ctrl
  .tags-div-conversation-view.tags_in_preview_panel {
  margin: 0;
}
.compact_meta_data_header_ctrl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl {
  margin-right: 10px !important;
}
.compact_meta_data_header_ctrl .assignee-div.assignee-div-conversation-view {
  margin-right: 10px !important;
}
.compact_meta_data_header_ctrl
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor {
  color: #676a6c;
}
.capture_list_full_page_preview_panel_ctrl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .multi-assignee-wrapper {
  margin: 0;
}
.capture_list_full_page_preview_panel_ctrl
  .second_capture_common_header_inner
  .task_data_ctrl_left.in_preview_panel
  input {
  padding: 10px 8px;
  min-height: auto;
  height: auto !important;
  border: 1px solid #0e9aef !important;
  border-radius: 6px;
  cursor: text;
}
.white_board_capture_preview_ctrl.capture_list_metadata_preview_panel
  .preview_pane_dynamic_height {
  height: calc(100vh - 650px) !important;
}
.comments_area.comment_area_right {
  padding-left: 30px;
}
.comments_area.comment_area_right .commented_by {
  left: 0;
}
.capture_list_metadata_preview_panel
  .body-right-trackduck
  .tab-header
  ul.tab-horizontal
  li:after {
  top: 2px;
}
.comment_by_me.comments_area.comment_area_right .commented_by {
  right: 0;
  left: auto;
}
.preview_pane_top_header_main.no-margin.in_card_style.compact_meta_data_header_ctrl {
  border-bottom: 1px solid #e9e9eb;
}
.rc_submenu_highway_lane {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  padding: 8px 10px !important;
  border-radius: 4px;
  display: flex;
  line-height: normal;
  min-height: 34px;
  cursor: pointer;
}
li.rc_submenu_highway_lane:hover {
  background: #f5f5f5;
}
li.capture_header_main_icon_li_section:hover .rc_submenu_highway {
  display: block;
}
li.rc_submenu_highway_lane:hover {
  background: #f5f5f5;
}
.lane_icon_ctrl svg {
  width: 15px;
  height: 15px;
}
.rc_submenu_highway_lane .lane_icon_ctrl {
  align-items: center;
  width: 26px;
  display: inline-flex;
}
/* .rc_submenu_highway_lane.active svg * {
  fill: #0e9aef !important;
} */
.rc_submenu_highway_lane.active {
  background-color: rgba(14, 154, 239, 0.1) !important;
  color: #0e9aef !important;
}
.capture_name_auto_grow_textarea {
  resize: none;
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #dadce0 !important;
}
.capture_name_auto_grow_textarea {
  resize: none;
  width: 100%;
  border-radius: 4px;
  border: 1px solid transparent !important;
  font-weight: 700;
  font-size: 18px;
  overflow: hidden;
}
.capture_name_auto_grow_textarea:hover {
  border: 1px solid #dadce0 !important;
}
.capture_name_auto_grow_textarea:focus {
  border: 1px solid #207af4;
}
.capture_list_full_page_preview_panel_ctrl .second_capture_common_header_inner {
  border-bottom: 0 !important;
}
.due_date_display_view_ctrl
  .external_icon.icon_common_sty
  .no_due_date_selected {
  color: #676a6c;
}
.created_by_other_user .comment_text_bg {
  border: 0 !important;
}
.conversation_preview_pane_main_wrapper
  .multiselect_captures_div
  iframe.embed_capture_iframe_section {
  min-height: 100vh;
}
.capture_detail_card_view
  .single_capture_white_card_ctrl
  .image_preview.image_preview_height_ctrl.embed_type_view_card {
  min-height: 600px;
  max-height: initial;
  overflow: unset !important;
}
.capture_detail_card_view
  .single_capture_white_card_ctrl
  .image_preview.image_preview_height_ctrl.embed_type_view_card
  .embed_capture_iframe_section {
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.conversation_preview_pane_main_wrapper.capture_detail_card_view
  .cv_task_list_main_weapper {
  background: #f9f9f9 !important;
}
.single_capture_white_card_ctrl {
  border: 1px solid #e2e7eb;
  border-radius: 8px !important;
  background: #fff !important;
  width: 100% !important;
  padding: 20px;
  max-width: 100% !important;
  cursor: pointer;
}
.single_capture_white_card_ctrl
  .in_conversation_preview.video_preview_height_ctrl
  .rc_unsupported_capture_format_preview_control {
  border-radius: 6px;
  padding: 30px;
}
.single_capture_white_card_ctrl
  .in_conversation_preview.video_preview_height_ctrl.no_preview_available_msg {
  width: 100% !important;
  max-width: 100%;
}
.capture_list_full_page_preview_panel_ctrl
  .has_no_merged_captures
  .cv_task_list_inner {
  padding-top: 0;
}
.task_data_block_container .task_data_ctrl_left {
  align-items: center;
}
.magic_client_dropdown .assignee_dropdown .no_data_found_in_dropdown {
  padding: 78px 0 !important;
}
.comment_box_ctrl {
  padding: 14px 14px 10px 14px;
}
.global_style_comment .quill_comment_box_innr_ctrl {
  padding-left: 36px;
}
.global_style_comment .custom_quil_comment_box {
  border: 1px solid #ddd !important;
  border-radius: 4px;
  overflow: unset;
  padding: 0;
}
.global_style_comment .comment_box_text_box {
  padding: 8px 10px 3px 10px;
  cursor: text;
  min-height: 32px;
}
.global_style_comment .custom_quil_comment_box .assignee_circle.in-dropdown {
  position: absolute;
  left: -37px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  margin: 0 !important;
  top: 0 !important;
}
.global_style_comment .cmt_actn_btns {
  padding: 5px 10px 7px 10px;
  cursor: default;
}
.comment_save_button {
  padding: 4px 10px;
}
.cmt_actn_btns ul.comment_editor_innr_custom.comment_box_expanded {
  position: relative;
  left: -6px;
  flex: 1;
}
.comment_box_text_box:empty:after {
  color: hwb(0deg 20% 80% / 40%);
  font-weight: 600;
}
.comments_area.comment_area_right .commented_by {
  margin-top: 0 !important;
}
.global_style_comment .comment_edit_cancel_button {
  padding: 4px 10px !important;
}
.reply_commented_msg_ctrl {
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  background: 0 0;
}
.reply_commented_msg_ctrl .comment_text.reply_comment_text_section {
  height: auto !important;
  max-height: 40px !important;
}
.reply_comment_text_section .comment_msg.time_box_comment_html {
  word-break: break-word;
}
.apps_icon {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 2px 10px;
  background-color: #f5f5f75e;
  border: 1px solid #ededed;
  margin: 0 15px 10px 15px;
  border-radius: 4px;
}
.apps_icon .compact_ui.top_header_action_tools_ctrl {
  margin: 0 !important;
}
.apps_icon .compact_ui.top_header_action_tools_ctrl > a {
  padding: 0 !important;
}
.apps_icon .compact_ui.top_header_action_tools_ctrl a {
  padding: 10px !important;
}
.comment_save_button {
  padding: 2px 10px;
  align-items: center;
  justify-content: center;
  min-height: 27px;
}
.comment_save_button svg {
  fill: #ffffff;
  display: inline-flex;
  transform: rotate(45deg);
  top: 2px;
  position: relative;
  left: -1px;
}
.content-box-right {
  margin-left: auto;
  display: flex;
}
.conversation_selected_for_merge_ctrl
  .add_capture_prority_dropdown_popup_button
  a
  .flag_svg,
.conversation_selected_for_merge_ctrl
  .cv_preview_pane_left_header
  .icon_common_sty,
.conversation_selected_for_merge_ctrl
  .preview_pane_top_header_main
  .capture_action_btn,
.conversation_selected_for_merge_ctrl .priority-icon.dropdown.in_list_view {
  width: 30px;
  height: 30px;
  margin: 0 0 0 5px;
  display: inline-flex;
  align-items: center;
}
.conversation_selected_for_merge_ctrl
  .rcl.preview_pane_header_ctrl
  .capture_action_btn
  i {
  color: #333;
  font-size: 14px;
}
.conversation_selected_for_merge_ctrl .trash_icon.icon_common_sty svg {
  width: 17px !important;
  height: 17px !important;
}
.single_capture_white_card_ctrl.single_note_capture_view_ctrl {
  padding: 0;
  border: 0;
}
.single_note_capture_view_ctrl .capture_view_outer_wrap {
  border-top: 0;
}
.capture_view_outer_wrap.single_capture_card_view {
  border-top: 0;
}
.save_btn_blue_ctrl[disabled]:hover {
  background: #ecedf0;
  border: 1px solid #ecedf0;
}
.save_btn_blue_ctrl[disabled] {
  background: #ecedf0;
  border: 1px solid #ecedf0;
  color: #333;
  opacity: 0.5 !important;
  font-weight: 600;
}
.setting_page_inner {
  background: #fff;
  border-radius: 9px;
  padding: 0;
  border: 1px solid #edeef2;
}
.setting_page_content_container {
  padding: 20px 20px 20px 20px;
  background: #f9fafd;
  border: 0;
  margin-left: 0;
}
.setting_page_inner .my_profile_header {
  padding: 0;
}
.my_profile_header_inner {
  padding: 15px 20px 15px;
}
.setting_theme_ctrl #email_sidebar.gray_theme_custom_sidebar {
  background: #fff !important;
}
.setting_theme_ctrl
  .left_sidebar_content
  .gray_theme_custom_sidebar
  .treeview_search_filter_ctrl
  .filtertxt_input {
  background-color: #e9e9eb;
  border-color: #e9e9eb;
  border-radius: 0;
  width: 100% !important;
  color: #465369 !important;
  transition: ease all 0.2s;
  border-radius: 3px;
}
.setting_theme_ctrl
  .left_sidebar_content
  .gray_theme_custom_sidebar
  .treeview_search_filter_ctrl
  .filtertxt_input:hover {
  background: #fff !important;
  border-color: #0e9aef !important;
}
.setting_theme_ctrl .setting_theme_leftside_bar span.label_text_ctrl {
  color: #333 !important;
}
.setting_theme_ctrl .gray_theme_custom_sidebar .capture_folder_element_ctrl i {
  color: #333;
}
.setting_theme_ctrl
  .setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li
  a.active
  .capture_menu_item {
  color: #0e9aef !important;
  font-weight: 600;
}
.setting_theme_ctrl
  .setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li
  a
  .capture_menu_item {
  font-weight: 500;
  color: #262626 !important;
}
.setting_theme_ctrl
  .gray_theme_custom_sidebar
  ul.capture_fixed_menu_ul
  > li:hover
  a {
  background: #e7e7ec;
}
.setting_theme_ctrl
  .gray_theme_custom_sidebar
  ul.capture_fixed_menu_ul
  > li:hover {
  background: 0 0;
}
.setting_theme_ctrl .element_icn_ctrl {
  display: none !important;
}
.setting_theme_ctrl .element_icn_ctrl {
  display: none !important;
}
.col_height_ctrl.setting_theme_leftside_bar {
  border-right: 1px solid #d5d5d6 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
span.section_icon_label {
  display: inline-flex;
  min-width: 22px;
  align-items: center;
}
.section_icon_label svg {
  margin: 0 !important;
}
#email_sidebar.gray_theme_custom_sidebar.setting_sidebar
  .treeview_search_filter_ctrl {
  border-bottom: 1px solid #e9e9eb;
}
.setting_sidebar
  .setting_side_panel_inner_scroll
  ul.capture_fixed_menu_ul
  > li {
  padding: 0 5px !important;
}
.setting_sidebar ul.capture_fixed_menu_ul > li > a .capture_menu_item {
  max-width: 100%;
}
.notes_sidemenu {
  min-width: 160px;
  overflow: auto;
  height: calc(100vh - 120px);
}
ul.work_books_ctrl > li {
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
}
ul.work_books_ctrl > li:hover {
  background-color: #f5f5f7;
}
.profile_setting_toggle_ctrl .compact_ui {
  margin-left: 0;
  margin-right: 20px;
}
.profile_setting_title_bold {
  margin-top: 0;
  color: #000;
  font-size: 13px;
  margin-bottom: 3px;
}
p.profile_setting_description_normal {
  margin: 0;
  color: #92969a;
  font-size: 12px;
}
.dark_mode_switch_ctrl.profile_setting_toggle_ctrl
  .switch.switch_active.checked.switch-compact {
  height: 24px;
  width: 48px;
  display: flex;
}
.dark_mode_switch_ctrl.profile_setting_toggle_ctrl .compact_ui .slider:before {
  width: 22px !important;
  height: 22px !important;
  top: 0;
}
.dark_mode_switch_ctrl.profile_setting_toggle_ctrl
  .switch.switch_active.checked.switch-compact {
  height: 22px;
  width: 40px;
  display: flex;
}
.dark_mode_switch_ctrl.profile_setting_toggle_ctrl
  .switch-compact
  input:checked
  + .slider:before {
  width: 22px !important;
  height: 22px !important;
  left: -4px !important;
}
.additional_sign_in_chips_container {
  display: flex;
  align-items: center;
}
.additional_sign_in_chip {
  border: 1px solid #d4d8db;
  border-radius: 3px;
  padding: 8px 10px;
  display: flex;
  margin-right: 15px;
}
.sign_in_com_title_wrap {
  padding-left: 12px;
}
.sign_in_com_title {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  line-height: 1.2;
}
.sign_in_com_status[disabled] {
  color: grey;
}
.sign_in_com_status {
  color: #62d26f;
  font-weight: 600;
  font-size: 12px;
}
.additional_sign_in_title {
  margin: 0 0 3px;
  color: #000;
  font-size: 13px;
}
.additional_sign_in_description {
  font-size: 12px;
  color: #92969a;
  margin: 0 0 12px;
}
.additional_sign_in_setting {
  padding: 20px 0 0;
}
.three_dot_event_icon i {
  font-size: 12px;
  margin: 0 0 0 12px;
  opacity: 0.6;
}
.rcs_scrollable_content {
  height: calc(100vh - 164px);
  padding-top: 40px;
  overflow: auto;
  padding-bottom: 30px;
}
.setting_page_inner .trashed_item_main_ctrl {
  padding: 0 0;
}
.list_dropdown.chat_list_content_in_chat_left_side_bar.no_last_msg {
  padding: 20px 15px 20px 0;
}
.no_last_msg .message_text_date_section_side_right {
  top: 24px;
}
.app_style_capture_module_ctrl .upload_box_wrapper {
  border: 1px solid #e2e7eb;
  padding: 20px !important;
  border-radius: 10px;
}
.app_style_capture_module_ctrl .capture_tab_ctrl .upload_box_wrapper form {
  position: relative;
}
.app_style_capture_module_ctrl button.uppy-DragDrop-container {
  height: 100% !important;
  z-index: 9;
  cursor: default;
}
.app_style_capture_module_ctrl .uploadBox {
  width: 330px;
  height: 310px;
}
.app_style_capture_module_ctrl .capture_item_vertical_bar {
  background: #fff;
  position: relative;
  left: -20px;
  top: 20px;
  min-width: auto;
  border-right: 0;
}
.app_style_capture_module_ctrl
  .capture_item_vertical_bar
  ul.capture_item_vertical_bar_ul
  li.item_icon_ctrl {
  width: 38px;
  height: 38px;
  border-radius: 0 6px 6px 0;
  margin: 0 0 5px;
}
.app_style_capture_module_ctrl
  .capture_item_vertical_bar
  ul.capture_item_vertical_bar_ul
  li.item_icon_ctrl.active {
  background: #207af4;
}
.app_style_capture_module_ctrl
  .capture_item_vertical_bar
  ul.capture_item_vertical_bar_ul
  li.item_icon_ctrl.active
  svg
  * {
  fill: #ffffff !important;
}
.app_style_capture_module_ctrl ul.capture_item_vertical_bar_ul .item_icon_ctrl {
  background: #f5f6f7;
  box-shadow: none;
}
.capture_list_quick_actions_container {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.capture_quick_action {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.capture_quick_action:hover {
  background: #f5f6f7;
}
.capture_quick_action.active svg * {
  fill: #0e9aef !important;
}
.app_style_capture_module_ctrl
  .tab_navigation_bar_inner
  .filter_labels_conversation_view
  > ul
  > li {
  padding: 12px 0;
  margin: 0 10px;
  color: #262626;
  font-size: 14px;
  font-weight: 600;
}
.app_style_capture_module_ctrl
  .tab_navigation_bar_inner
  .filter_labels_conversation_view
  > ul
  > li.active {
  color: #0e9aef;
}
.capture_list_search-form .search-text:focus,
.capture_list_search-form .search_btn_icon:focus ~ .search-text {
  width: 250px;
  border: 1px solid #e9e9eb;
  padding: 0 0 1px 10px;
}
.capture_list_search-form .search-text {
  color: #222;
  transition:
    z-index 0.8s,
    width 0.5s,
    background 0.3s ease,
    border 0.3s;
  height: 30px;
  width: 30px;
  padding: 0 0 1px 30px;
  box-sizing: border-box;
  font-size: 16px;
  cursor: pointer;
  border-radius: 30px;
  border: 1px solid transparent;
  right: 0;
  left: 0;
  margin: auto;
  padding: 3px 58px 3px 10px !important;
  font-size: 13px;
}
.capture_list_search-form {
  position: relative;
}
.capture_list_search-form .search_btn_icon {
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 99;
  border: 0;
  width: 26px;
  height: 26px;
  background: 0 0;
  padding: 9px;
  border-radius: 100%;
}
.capture_list_search-form .search_btn_icon:focus-within input {
  width: 250px !important;
}
.app_style_capture_module_ctrl
  .rc_personal_capture_list_ui_ctrl.list_view_active {
  height: calc(100vh - 638px);
  overflow: visible;
  padding: 0 8px;
}
.app_style_capture_module_ctrl
  .rc_personal_capture_list_ui_ctrl.list_view_active
  ul.column_layout.task_listing.list-size_active.isw {
  padding: 0;
}
.app_style_capture_module_ctrl .tab_content_view .capture_tab_ctrl {
  padding: 0;
}
.app_style_capture_module_ctrl .my_profile_header_inner {
  border: 0;
  margin-bottom: 0;
  padding: 24px 18px;
}
.app_style_capture_module_ctrl {
  border: 0 !important;
}
.app_style_capture_module_ctrl .tab_navigation_bar_ctrl {
  padding: 0;
  margin: 0 -25px;
}
.capture_body_scroll_ctrl {
  height: calc(100vh - 60px);
  padding: 50px 25px;
}
.disable_capture_body_scroll {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}
.app_style_capture_module_ctrl {
  border: 0 !important;
  margin: 0 !important;
}
.app_style_capture_module_ctrl
  .conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  .virtuosoGrid_ctrl
  li
  .thumbnail_view
  img {
  width: 100% !important;
  height: 100% !important;
}
.app_style_capture_module_ctrl
  .tabbing_content_main_container
  .tab_content_view {
  margin-bottom: 30px;
}
.app_style_capture_module_ctrl
  .tab_navigation_bar_ctrl
  .tab_navigation_bar_inner {
  padding: 0 35px;
}
.app_style_capture_module_ctrl .mc_captures_wrapper {
  height: auto;
}
.app_style_capture_module_ctrl .virtuosoGrid_ctrl {
  overflow-y: unset !important;
}
.capture_upload_radius_block_ctrl .modal-body {
  border: 1px solid #e2e7eb;
  border-radius: 10px;
  min-height: 392px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.capture_upload_radius_block_ctrl {
  padding: 0 20px;
}
.capture_upload_radius_block_ctrl .add_note_tab.comming_soon_text {
  margin: auto;
  top: 0;
  bottom: 0;
}
.app_style_capture_module_ctrl
  .rc_personal_capture_list_ui_ctrl
  .thumbnail-medium_active
  .capture_details_action_layout {
  padding: 0 10px;
}
.filter_labels_conversation_view > ul > li {
  padding: 10px 0 !important;
  margin: 0 10px;
}
.filter_labels_conversation_view > ul > li:first-child {
  margin-left: 0;
}
.top_bar_search_input.search_right input[type="search"] {
  width: 100%;
  height: 32px;
}
.top_bar_search_input.search_right i.fas.fa-search {
  font-size: 14px;
}
.top_bar_search_input.search_right input[type="search"] {
  width: 100%;
  height: 32px;
  padding-left: 32px;
}
.top_bar_search_input.search_right svg {
  position: absolute;
  left: 0;
  margin: 9px 0 0 10px;
  color: rgba(70, 83, 105, 0.65);
  font-size: 11px;
  width: 14px;
  height: 14px;
}
.rdt_TableBody {
  padding: 0 20px;
}
.rdt_TableBody .gFhScj {
  padding-left: 16px;
}
.data_table_main_box .rdt_TableHead .rdt_TableHeadRow {
  padding: 0 20px 0 13px;
}
.data_table_main_box .rdt_TableRow {
  padding: 11px 20px 11px 4px !important;
}
.rc_content_body_wrap {
  display: flex;
  width: 100%;
  height: calc(100vh - 58px);
  padding: 5px;
}
.rc_content_main_scroll {
  width: 100%;
}
.rcs_tree_search_ctrl {
  width: auto;
  justify-content: start;
  border-right: 1px solid #d5d5d6;
  margin: 0 15px 0 0;
  padding: 10px;
}
.treeview_search_filter_ctrl.rcs_tree_search_ctrl input {
  background: 0 0 !important;
  border: 1px solid #d9dce8 !important;
  border-radius: 4px !important;
  padding: 5px 10px 5px 30px !important;
  min-width: 233px;
  color: #465369 !important;
  height: 32px;
}
.treeview_search_filter_ctrl.rcs_tree_search_ctrl i.fas.fa-search {
  position: absolute;
  left: 7px;
  color: #939ba8 !important;
  z-index: 999;
  font-size: 13px;
}
.treeview_search_filter_ctrl.rcs_tree_search_ctrl input:focus,
.treeview_search_filter_ctrl.rcs_tree_search_ctrl input:hover {
  background: #fff !important;
}
.breadcrumbs.medium-font .breadcrumb-item + .breadcrumb-item::before {
  font-size: 1.625rem;
  line-height: 1.625rem;
  color: #767676;
  font-weight: 500;
  content: "›";
  height: 100%;
  position: relative;
  top: -2px;
}
.breadcrumbs.medium-font .breadcrumb-item + .breadcrumb-item {
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.breadcrumbs.medium-font .breadcrumb-item {
  font-family: 'Inter', "Segoe UI", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumbs.medium-font .breadcrumb-item a {
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #757a8a !important;
}
.page_mod_breadcrumb .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  list-style: none;
  background: 0 0;
}
nav.breadcrumbs.medium-font {
  display: inline-block;
}
.breadcrumb-item.active {
  color: #333 !important;
}
.page_mod_breadcrumb {
  background: #f5f6f9;
  border-bottom: 1px solid #d5d5d6;
  display: none;
}
.rcs_tree_search_ctrl svg {
  position: absolute;
  left: 10px;
  width: 14px;
  height: 14px;
  z-index: 999;
}
.treeview_search_filter_ctrl.rcs_tree_search_ctrl input::placeholder {
  color: #465369 !important;
  font-weight: 500;
  font-size: 13px;
}
.manage_user_architecture_ctrl .setting_page_inner .search_bar_header {
  padding: 0;
  border: 0 !important;
}
.manage_user_architecture_ctrl .users_filter_button_control {
  padding: 15px;
}
.filter_labels_conversation_view {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
advance-search-filter-container {
  border-bottom: 1px solid #e9e9eb !important;
}
.advance-search-filter-content {
  padding: 15px 20px;
  display: flex;
  align-items: center;
}
.search-filter-input {
  position: relative;
  flex: 1;
  display: flex;
}
.search-filter-input input {
  width: 100%;
  border: 1px solid #c9cccf;
  border-radius: 4px 0 0 4px;
  height: 36px;
  padding: 8px 32px 8px 30px;
}
.search-filter-input svg {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 16px;
  height: 16px;
}
.search-filter-input-container .basic-search-btn {
  border-radius: 0 4px 4px 0;
}
.advance-search-filter-container {
  border-bottom: 1px solid #e9e9eb !important;
}
.tab_navigation_bar_ctrl.tab_in_manage_folder {
  margin: 0 0;
  padding: 0;
}
.tab_navigation_bar_ctrl.tab_in_manage_folder .tab_navigation_bar_inner {
  padding: 0 20px;
}
.search-filter-input-container {
  display: flex;
  flex: 1;
  width: 100%;
}
.search-filter-input .clear-text-search-left {
  position: absolute;
  right: 11px;
  top: 12px;
}
.active_event_btn_ctrl {
  margin-left: 15px;
  min-height: 36px;
}
.active_event_btn_ctrl i {
  margin-right: 8px;
  font-size: 12px;
}
.filter_with_pagination
  .advance-search-filter-content
  .search-filter-input-container {
  width: calc(100% - 340px);
  flex: unset;
}
.actions_pull_right .delete_action_button_control button {
  height: 36px;
  padding: 5px 12px;
}
.actions_pull_right .delete_action_button_control button {
  height: 36px;
  padding: 5px 12px;
}
.users_filter_button_control.trash_filter_dropdown {
  padding: 17px 10px;
}
.table.trash_table_ctrl thead.thead_ctrl tr th {
  border-bottom: 0 !important;
  border-top: 0 !important;
}
.table.trash_table_ctrl .tbody_ctrl {
  padding: 0 20px;
}
.table.trash_table_ctrl thead.thead_ctrl tr th:first-child {
  padding-left: 6px !important;
}
.table.trash_table_ctrl thead.thead_ctrl tr {
  padding: 0 19px;
  display: block;
  border-bottom: 1px solid rgb(0 0 0 / 12%);
}
.table.trash_table_ctrl thead.thead_ctrl tr th {
  border-bottom: 0;
}
.table.trash_table_ctrl thead.thead_ctrl tr th:first-child {
  padding-left: 6px !important;
}
.advance-search-filter-container .users_filter_button_control {
  padding: 17px 10px;
}
.desktop_app_log_table .data_table_main_box .rdt_TableHead .rdt_TableHeadRow {
  padding: 0 20px 0 20px;
}
.desktop_app_log_table .rdt_Table .rdt_TableBody .rdt_TableRow {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.desktop_app_log_table .data_table_main_box .rdt_TableHead .rdt_TableHeadRow {
  padding: 0 20px;
}
.desktop_app_log_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell {
  padding-left: 4px;
}
.desktop_app_log_table
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol {
  padding-left: 4px;
}
.desktop_app_log_table
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(5),
.desktop_app_log_table
  .rdt_Table
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:nth-child(5) {
  width: 200px;
  max-width: 200px;
}
.desktop_app_log_table
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(6),
.desktop_app_log_table
  .rdt_Table
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:nth-child(6) {
  max-width: 150px;
  width: 150px;
}
.desktop_app_log_table
  .data_table_main_box
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(4),
.desktop_app_log_table
  .rdt_Table
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:nth-child(4) {
  max-width: 100%;
}
.inside_table_ctrl .data_table_main_box .rdt_TableRow .rdt_TableCell {
  padding-left: 4px;
}
.inside_table_ctrl .rdt_TableHeadRow .rdt_TableCol {
  padding-left: 4px;
}
.inside_table_ctrl .rdt_Table .rdt_TableRow {
  padding: 11px 0 11px 4px !important;
}
.add_more_participant {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px dashed #c8cdd1;
}
.int_header {
  border-bottom: 1px solid #e2e7eb;
  display: block;
  padding: 22px 15px;
  line-height: revert;
  max-height: 64px;
}
.int_header .info_text {
  color: #1d1c1d;
  font-weight: 600;
  font-size: 16px;
  margin: 0;
}
.int_brand {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.int_description_perr {
  margin: 20px 0 30px;
  font-size: 14px;
  color: #1d1c1d;
  text-align: center;
}
.int_sign_in_up_btns .sign_in_int {
  background: #207af4;
  color: #fff;
}
.int_sign_in_up_btns button {
  border: 0;
  display: block;
  width: 100%;
  border-radius: 4px;
  padding: 4px 4px;
  min-height: 36px;
  margin-bottom: 8px;
  font-size: 14px;
  cursor: pointer;
}
.int_sign_in_up_btns .sign_up_int {
  border: 1px solid #e2e7eb !important;
  background: #fff;
}
.int_sign_in_up_inner_wrap {
  padding: 15px;
}
.int_pt_header_ctrl {
  border-bottom: 1px solid #e9e9eb !important;
}
.int_pt_header_ctrl .info_inner .info_text {
  font-weight: 600;
  font-size: 16px !important;
}
.int_sign_in_up_inner_wrap {
  padding: 15px;
  height: calc(100vh - 187px);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.int_sign_in_content {
  margin: auto;
}
.int_sign_in_up_btns .sign_up_int:hover {
  background: #ebebed;
}
.organization_select_dropdown_ctrl {
  padding: 10px 15px 5px;
  border-bottom: 1px solid #e1e1e1;
}
.organization_select_dropdown_ctrl label {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: rgb(38 38 38 / 56%);
  font-weight: 700;
  margin-bottom: 2px;
}
.organization_selected_data {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.organization_selected_data .organization_name_icon {
  background: #e5a04d;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  margin-right: 7px;
}
.organization_name_text {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  margin-right: 7px;
}
ul.created_organization_items_container {
  padding: 5px;
}
.custom_dropdown_container {
  position: absolute;
  top: 59px;
  width: 100%;
  z-index: 9;
  background: #fff;
  min-height: 168px;
  border: 1px solid #c2c5c699;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  border: 1px solid #d5d5d6 !important;
}
ul.created_organization_items_container li {
  display: flex;
  align-items: center;
  padding: 6px 7px 6px 7px;
  cursor: pointer;
  border-radius: 3px;
}
.initial_circle {
  width: 20px;
  height: 20px;
  background: #e5a04d;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin-right: 7px;
}
.organization_name_text {
  font-size: 13px;
  color: #151b26;
  font-weight: 400;
}
.created_organization_each_item:hover {
  background: #f5f5f5;
}
.create_and_connect_task.in_task_side_panel .common_task_btn:hover {
  color: #0e9aef;
}
.create_and_connect_task.in_task_side_panel .common_task_btn i {
  color: #0e9aef;
}
.create_and_connect_task.in_task_side_panel .common_task_btn {
  color: #0e9aef;
  background: #fff;
}
.create_and_connect_task.in_task_side_panel .common_task_btn:hover span {
  color: #0e9aef;
  background: 0 0;
}
.top_label_filter_ctrl .tabs-filter li.tab-link:first-child {
  margin-left: 0;
}
.top_label_filter_ctrl li.tab-link.active:before {
  position: absolute;
  bottom: 0;
  display: block;
  content: "";
  transition: transform 250ms ease-in-out;
  border-bottom: solid 3px #0e9aef;
  width: 100%;
}
ul.tabs-filter .tab-link:after {
  position: absolute;
  bottom: 0;
  display: block;
  content: "";
  transition: transform 250ms ease-in-out;
  border-bottom: solid 3px #0e9aef;
  width: 100%;
  transform: scaleX(0);
  transform-origin: 0% 50%;
}
.top_label_filter_ctrl ul li.tab-link {
  color: #262626;
  font-size: 14px;
  font-weight: 600;
  margin: 0 10px;
  position: relative;
  padding: 11px 0;
  cursor: pointer;
}
.top_label_filter_ctrl ul.tabs-filter {
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.top_label_filter_ctrl ul li.tab-link.active {
  color: #0e9aef;
}
.connected_task_with_count {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  display: flex;
  flex: 1;
  align-items: center;
}
.connected_task_with_count .connected_count {
  min-width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #ededed;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  margin-left: 5px;
}
.organization_selected_data .organization_name_text {
  font-weight: 600;
}
.search_form_group_ctrl {
  position: relative;
}
.search_form_group_ctrl svg {
  position: absolute;
  left: 10px;
  top: 11px;
  width: 13px;
  height: 13px;
}
.search_form_group_ctrl input {
  padding: 6px 6px 6px 30px;
}
.search_form_group_ctrl input {
  padding: 6px 6px 6px 30px;
  font-size: 13px;
  font-weight: 600;
}
.perra_related_parent_task {
  font-size: 12px;
  color: #262626;
  margin-bottom: 15px;
}
.add_a_description textarea {
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #e5e6e7;
  width: 100%;
  resize: none;
  max-height: 120px;
  min-height: 120px;
}
.checkbox_ctrl {
  display: inline-flex;
  align-items: center;
}
.create_task_input_wrap .form-group label {
  color: #353535;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 7px;
}
.checkbox_ctrl input {
  width: 16px;
  height: 16px !important;
}
.no_connected_task.in_sidepanel .data_div_ctrl svg {
  margin: 0 0 26px 0;
}
.no_connected_task.in_sidepanel .data_div_ctrl p strong {
  font-weight: 600;
  color: #333;
}
.app_style_capture_module_ctrl ul.capture_item_vertical_bar_ul {
  margin-top: 0;
}
.app_style_capture_module_ctrl
  button.uppy-DragDrop-container
  .uppy-DragDrop-label {
  font-size: 20px;
}
.app_style_capture_module_ctrl
  .capture_action_icon_container
  .capture_action_each_icon
  svg
  * {
  fill: #484d56;
}
.app_style_capture_module_ctrl
  .capture_action_icon_container
  .capture_action_each_icon
  i {
  color: #484d56;
}
.app_style_capture_module_ctrl
  .conversation_view_main_wrapper
  .column_layout.task_listing
  .task_name {
  font-weight: 400 !important;
  font-size: 14px;
}
.app_style_capture_module_ctrl .list-size_active.isw .virtuoso-grid-item {
  height: 40px;
}
.sidebar_sections_loader.chat_sidebar_loader .element-loader.preview_panel {
  padding: 5px 12px;
}
.chat_sidebar_loader .card_style_one {
  margin-bottom: 10px;
  margin-top: 10px;
}
.chat_sidebar_loader .card_style_one > .animated-background.facebook {
  width: 50px !important;
  height: 35px !important;
}
.int_task_creation_event_footer {
  display: flex;
  flex-wrap: unset;
}
.task_creation_submit_footer.int_task_creation_event_footer .btn.btn-cancel {
  border: 1px solid #e2e7eb;
  background: #fff;
  margin: 0 5px 0 0;
}
.task_creation_submit_footer.int_task_creation_event_footer button.btn {
  text-transform: unset !important;
  font-weight: 500;
}
.task_creation_submit_footer.int_task_creation_event_footer
  .btn.btn-cancel:hover {
  background: #ebebed;
}
.go_previous_stage {
  padding: 10px 10px;
  border-bottom: 1px solid #e1e1e1 !important;
}
.go_previous_stage .go_previous_stage_content {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.go_back_event_icon {
  display: inline-flex;
}
.go_back_event_icon svg {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.int_side_panel_content_wrap .no_connected_task.in_task_side_panel {
  height: calc(100vh - 300px) !important;
  background: #fff !important;
}
ul.tabs-filter .tab-link:hover:after {
  position: absolute;
  bottom: 0;
  display: block;
  content: "";
  transition: transform 250ms ease-in-out;
  border-bottom: solid 3px #0e9aef;
  width: 100%;
  transform: scaleX(1);
  transform-origin: 0% 50%;
}
.create_and_connect_task.in_task_side_panel .common_task_btn:hover {
  background: #ebebed;
}
.organization_selected_data .view_drop_down i {
  color: #6b6f76;
}
.doc_scanner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 370px);
}
.doc_scanner img {
  width: 100px;
  height: 100px;
}
.app_style_capture_module_ctrl
  .gray_theme_custom_sidebar
  .no_result_found.in_left_side_panel {
  background: #fff !important;
  border: 0;
  height: calc(100vh - 500px);
}
.capture_list_search-form .search_btn_icon svg {
  position: relative;
  top: -3px;
  right: 9px;
}
.app_style_capture_module_ctrl .no_result_found.in_left_side_panel {
  background: #fff;
  border-top: 0;
  height: calc(100vh - 607px);
}
.mc_tree_menu_sec_ctrl {
  display: inline-block;
  width: 100%;
}
.upload_box_wrapper.upload_capture_card_block .file_uploader_ctrl {
  margin-top: 0;
}
.upload_box_wrapper.upload_capture_card_block .capture_upload_ctrl {
  margin-top: 0;
}
.upload_box_wrapper.upload_capture_card_block {
  margin-top: 15px;
  border: 0;
  padding: 0 !important;
}
.upload_box_wrapper.upload_capture_card_block .capture_btn_footer {
  margin: 0;
  padding: 15px;
}
.upload_box_wrapper.upload_capture_card_block .file_uploader_ctrl_innr {
  padding: 6px 15px;
}
.upload_box_wrapper.upload_capture_card_block
  .capture_upload_ctrl
  .capture_upload_scroll {
  padding: 10px 15px !important;
}
.create_asana_task_dropdown_component_select_popup_view .search_arrow_icon {
  font-size: 11px;
  opacity: 0;
}
.create_asana_task_dropdown_component_select_popup_view:hover
  .search_arrow_icon {
  opacity: 1;
}
.create_new_task_row textarea {
  resize: none;
  border-radius: 4px;
}
.content_scanning img {
  width: 120px;
  height: 120px;
}
.content_scanning {
  height: calc(100vh - 273px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.create_new_task_row.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.search_input_section.in_section_search {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 7px;
}
.search_input_section.in_section_search i {
  position: absolute;
  left: 8px;
}
.search_input_section.in_section_search input {
  border: 1px solid #e5e6e7;
  border-radius: 4px;
  padding: 3px 28px 3px 28px;
  width: 100%;
  background: #f0f1f1;
  height: 31px;
}
.search_input_section.in_section_search input::placeholder {
  color: rgba(70, 83, 105, 0.65);
}
.search_input_section.in_section_search i.fa-search {
  position: absolute;
  left: 0;
  color: #798292;
  font-size: 12px;
  margin-left: 17px;
  margin-top: 2px;
}
.search_input_section.in_section_search i.clear-text-search-left {
  position: absolute;
  z-index: 9;
  font-size: 12px;
  color: #798292;
  right: 17px;
  left: auto;
  cursor: pointer;
  margin-top: 2px;
}
.search_input_section.in_section_search:focus-within i.fa-search {
  color: #0e9aef;
}
.search_input_section.in_section_search:focus-within input {
  background-color: #fff;
  border-color: #0e9aef;
}
ul.created_organization_items_container {
  padding: 5px;
  max-height: 168px;
  overflow: auto;
}
.global_style_comment .custom_quil_comment_box:focus-within {
  border: 1px solid #0e9aef !important;
}
.my_capture_ctrl .mc_left_sidebar .treeview-heading.title-slide.rcl {
  cursor: pointer;
}
.mc_tree_collapsed {
  display: none;
}
.modal-footer.task_creation_submit_footer button.btn.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.select_text {
  color: #676a6c;
}
.content-word-wrap.notepad_working_area_container:after {
  content: "";
  display: none;
}
.s_int_main_wrap {
  padding: 0 140px;
  border-radius: 9px;
  height: 100%;
  overflow: auto;
}
.s_int_main_scroll {
  padding: 36px 0;
  width: 100%;
}
.s_int_title {
  color: #262626;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 40px;
}
.s_int_sec_title_header_ctrl {
  display: flex;
  align-items: center;
}
.s_int_sec_title_header_ctrl .s_int_title {
  margin-bottom: 0;
}
.s_int_sec_title {
  color: #262626;
  font-size: 18px;
  font-weight: 600;
}
.add_int_btn {
  font-size: 14px;
  color: #fff;
  background: #207af4;
  padding: 8px 16px;
  border-radius: 4px;
  line-height: normal;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
}
.s_int_apps_card_main_ctrl {
  padding: 18px 0;
}
.s_int_apps_card_inner_ctrl {
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 9px;
}
.s_int_apps_card_block {
  align-items: center;
  border-top: 1px solid #ebeef1;
  display: flex;
  padding: 15px 20px;
  position: relative;
  min-height: 198px;
  background-color: rgba(25, 154, 236, 0.07);
}
.s_int_apps_card_block.int_card_header {
  border-top: 0;
  border-bottom: 1px solid #ebeef1;
  padding: 13px 15px;
}
.s_int_apps_card_block .s_int_apps_card_col:first-child {
  width: 88%;
  z-index: 1;
}
.s_int_app_col_name {
  color: #262626;
  font-weight: 600;
  font-size: 14px;
}
.s_int_app_related_info {
  font-size: 14px;
  color: #1d1c1d;
  margin-top: 0;
}
.s_int_app_action_btns {
  display: flex;
  align-items: center;
}
.btn.int_action_event_btn.reinstall_btn {
  background: #207af4;
  color: #fff;
  padding: 1px 8px;
}
.btn.int_action_event_btn.reinstall_btn.integration_enabled {
  background: #ebeef1;
  border: 1px solid #ebeef1;
  color: #282828;
}
.btn.int_action_event_btn.reinstall_btn.integration_enabled:hover {
  background-color: #d3d3d3;
}
.s_int_app_action_btns button {
  padding: 5px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
}
.btn.int_action_event_btn.revoke_btn {
  border: 1px solid #d92e35;
  color: #d92e35;
  margin-left: 10px;
}
.s_int_apps_each_card.int_card_body .s_int_apps_card_block:first-child {
  border-top: 0;
}
.danger_event_btn {
  padding: 1px 8px;
  background: #fff;
  color: #ed5565;
  margin-left: 8px;
}
.s_ext_app_info_flex {
  display: flex;
}
.s_ext_app_brand_logo {
  margin-left: 10px;
}
.s_ext_app_name {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
}
.bg_images_wrapper svg.ex_swirl {
  top: 0;
  right: 0;
  position: absolute;
}
.bg_images_wrapper svg.ex_icon_group {
  position: absolute;
  right: 40px;
  top: 0;
  transform: scale(0.9);
}
.bg_images_wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}
button.btn.ext_action_event_btn {
  align-items: center;
  background: rgba(1, 148, 93, 0.17);
  color: #01945d;
  cursor: default;
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  line-height: revert;
  margin-top: 20px;
}
button.ext_install_event_btn {
  align-items: center;
  cursor: default;
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  line-height: revert;
  margin-top: 20px;
  margin-top: 20px;
}
button.ext_install_event_btn:focus-visible {
  background-color: #008adf;
  border-color: #008adf;
  box-shadow: none;
}
button.ext_install_event_btn:active {
  color: #fff !important;
}
span.btn.ext_action_event_btn.added {
  background: rgba(1, 148, 93, 0.17);
  color: #01945d;
  align-items: center;
  cursor: default;
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  line-height: revert;
  margin-top: 20px;
  user-select: none;
  border: 0;
}
span.btn.ext_action_event_btn.added:active {
  border: 0;
}
.btn.ext_action_event_btn svg {
  width: 15px;
  margin-right: 5px;
}
.s_int_apps_card_col {
  width: auto;
}
.s_int_apps_card_col.right {
  width: auto;
}
.resync_app {
  user-select: none;
}
.Resync svg.synced_icon,
.Synced svg.resync_icon {
  display: none !important;
}
.Sync.in svg.synced_icon {
  display: none;
}
.Sync.in {
  color: #0d6efd;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin: 0 10px 0 0;
}
.resync_app.Resync {
  color: #0d6efd;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin: 0 10px 0 0;
  font-size: 13px;
}
.resync_app.Resync:hover {
  color: #0a58ca;
}
.resync_app.Resync svg.resync_icon {
  width: 15px;
  display: inline-flex;
  margin: 0 6px 0 0;
}
.Sync.in svg.resync_icon {
  width: 15px;
  display: inline-flex;
  margin: 0 6px 0 0;
  animation: rotation 1.5s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
.resync_app.Resync svg.synced_icon {
  width: 15px;
  display: inline-flex;
  margin: 0 6px 0 0;
}
.btn.int_action_event_btn.revoke_btn:hover {
  background: #d92e35;
  color: #fff;
}
.resync_app.Synced {
  color: #4caf50;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  margin: 0 10px 0 0;
  font-weight: 600;
  font-size: 13px;
}
.resync_app.Synced svg.synced_icon {
  width: 17px !important;
  height: 17px !important;
  display: inline-flex;
  margin: 0 6px 0 0;
}
button.btn.int_action_event_btn.reinstall_btn:hover {
  background: #0b67e5;
}
.add_int_btn:hover {
  background: #0b67e5;
}
.lnkd_trigger_btn {
  position: absolute;
  right: 0;
  top: -4px;
  color: #ababab;
  cursor: pointer;
  font-size: 17px;
  margin: 0 !important;
  padding: 0 9px;
  border-radius: 3px;
}
.lnkd_trigger_btn:hover {
  background-color: #ebebed;
}
.lnkd_trigger_btn i {
  font-size: 12px;
  color: #465369;
}
.main_integrated_task_container {
  padding: 10px;
}
.main_integrated_task_container
  .task_data_in_loop_section.user_link_asana_task_section_link_list {
  margin: 0 0 10px 0 !important;
  width: 100%;
  display: flex;
  min-height: 40px;
  line-height: normal;
}
.user_link_asana_task_section_link_list .task_name_section.lnkd_task_name {
  color: #1d1c1d;
  font-weight: 600;
  font-size: 13px;
  max-width: 90%;
}
.dropdown.lnkd_task_dropdown {
  margin: 0 0 0 auto !important;
  position: relative;
  display: inline-flex;
}
.create_new_note_btn_wrap {
  padding: 12px;
}
.create_new_note_btn {
  font-size: 14px;
  font-weight: 500;
  background: #0e9aef;
  border: 0;
  color: #fff;
  border-radius: 24px;
  padding: 10px 16px;
  width: 100%;
}
.create_new_note_btn i {
  color: #fff !important;
  margin-right: 10px;
  font-size: 12px;
}
.create_new_note_btn:hover {
  background: #1a7bb9;
}
.note_editor_side_panel_ctrl
  .gray_theme_custom_sidebar
  .treeview-heading.title-slide {
  border-top: 0;
  padding: 10px 14px 10px 8px;
  min-height: 34px;
  max-height: 34px;
  margin-left: auto;
}
.note_editor_side_panel_ctrl
  .gray_theme_custom_sidebar
  .rc-tree-title
  .innertTextContent {
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 60px);
  width: 0;
  padding-right: 0;
  flex: 1 1 auto;
  display: flex;
}
.note_editor_side_panel_ctrl
  .gray_theme_custom_sidebar
  .rc-tree
  .rc-tree-treenode {
  display: flex;
  align-items: center;
  padding: 2px 0 2px 8px;
}
.selected_note_view {
  display: inline-flex;
  align-items: center;
}
.note_type_i {
  border: 1px solid #d5d9e1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  border-radius: 8px;
  width: 26px;
  height: 26px;
}
.defineColorFor {
  background-color: #a99357;
}
.searchColor {
  background-color: #ffe943;
}
.selected_location_name {
  font-size: 14px;
  color: #0f1214;
  margin: 0 9px;
}
.selected_note_view .caret i {
  font-size: 14px;
}
.note_settings_main_inner {
  padding: 14px 15px;
  border-bottom: 1px solid #ebedf0;
  display: flex;
}
.note_s_actions_pull_right {
  display: flex;
  align-items: center;
}
.share_fill_btn {
  display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  background: #0e9aef;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  height: 26px;
  margin: 0 5px;
  cursor: pointer;
}
.share_fill_btn svg {
  margin-right: 10px;
}
.ns_privacy_list {
  margin: 0 5px;
}
.ns_privacy_view_ctrl {
  display: inline-flex;
  align-items: center;
}
.ns_privacy_view_left {
  display: inline-flex;
  align-items: center;
  border-radius: 4px 0 0 4px;
  background: #ececec;
  padding: 6px 6px;
  height: 26px;
  margin-right: 1px;
}
.ns_privacy_icon {
  margin-right: 6px;
}
.view_list_icon {
  border-radius: 0 4px 4px 0;
  background: #ececec;
  padding: 6px 6px;
  height: 26px;
  display: flex;
  align-items: center;
}
.note_s_action_even {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  display: inline-flex;
  cursor: pointer;
}
.note_s_action_even:hover {
  background: #ebebed;
}
.divider-26 {
  width: 1px;
  height: 26px;
  background: #ebedf0;
  margin: 0 10px;
}
.selected_note_location {
  flex: 1;
}
.capture_text_wrap .switch.switch_active.checked.switch-compact {
  height: 14px;
  width: 26px;
  top: -2px !important;
}
.notepad_toolbar_left .compact_ui input:checked + .slider:before {
  width: 14px !important;
  height: 14px !important;
}
.notepad_toolbar_left .disabled .notepad_tool_icon_ctrl svg {
  opacity: 0.3;
}
.notepad_tool.disabled.active svg {
  opacity: 1 !important;
}
.text_capture_main_right .top_search_ctrl input {
  width: 300px;
  padding-left: 30px;
  line-height: 30px !important;
}
.text_capture_main_right .top_search_ctrl svg {
  position: absolute;
  left: 10px;
  top: 9px;
}
.select_note_blank_state_ui {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text_capture_main_right .search_pagination i {
  margin: 0;
}
.dropdown.lnkd_task_dropdown .dropdown-menu {
  right: 0;
  left: auto;
  margin: 7px 0 0 0;
  padding: 5px;
}
.dropdown.lnkd_task_dropdown .dropdown-menu a {
  padding: 6px 10px;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
}
.dropdown.lnkd_task_dropdown .dropdown-menu a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.note_editor_side_panel_ctrl #email_sidebar.gray_theme_custom_sidebar {
  border-right: 0;
}
.rc_switcher_view_ctrl .rc_switcher_view_item.rc_switcher_trash_area {
  border: 0;
}
.rc_switcher_trash_area .rc_switcher_view_item_center {
  color: #333;
}
.rc_switcher_trash_area .rc_switcher_view_icon svg * {
  fill: #333333;
}
.vue_splitter_pane.four_column_sidebar {
  border-left: 0;
}
.int_clear_value {
  position: absolute;
  right: 10px;
  color: #0e9aef;
  padding: 0;
  font-weight: 600;
  font-size: 12px;
  background-color: #fff;
  top: -24px;
}
.int_clear_value:hover {
  text-decoration: underline;
}
.int_link_task {
  position: absolute;
  color: #0e9aef;
  padding: 0;
  font-weight: 600;
  font-size: 13px;
  background-color: #fff;
  right: 8px;
  top: 9px;
  z-index: 9;
  cursor: pointer;
}
.int_link_task:hover {
  text-decoration: underline;
}
.organization_name_text.int_word_wrap_on_selected,
.organization_name_text.word_wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.organization_name_text.int_word_wrap_on_selected {
  max-width: 250px;
}
.user_link_asana_task_section_with_scroll {
  position: relative;
  height: 100%;
}
.int_side_panel_content_wrap
  .conversation_preview_pane_main_wrapper.in_metadata_sidepanel {
  height: 100%;
}
.int_side_panel_content_wrap
  .capture_field_in_meta_data.capture_metadata_in_side_panel {
  height: 100%;
}
.int_side_panel_content_wrap
  .conversation_preview_pane_main_wrapper
  .preview_pane_top_header_main {
  height: 100%;
}
.user_link_asana_task_section_with_scroll .element-loader {
  max-height: 340px;
}
.user_link_asana_task_section_link_list .int_link_task {
  position: absolute !important;
  color: #0e9aef !important;
  padding: 0;
  font-weight: 600 !important;
  font-size: 13px !important;
  background-color: #fff;
  right: 8px !important;
  top: 9px !important;
  z-index: 9;
  cursor: pointer !important;
}
.create_new_task_row .element-loader.list_view .content-item {
  border: 0;
  padding: 6px 10px;
  min-height: 21px;
}
.fev_collection_section_ctrl .capture_tag_level_one.rc-tree-treenode {
  padding: 5px 0 5px 19px !important;
}
.note_s_action_even.disabled:hover {
  background: 0 0;
}
.note_s_action_even.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.tn_three_dot_event_drop .dropdown-menu {
  right: 0 !important;
  left: auto;
  top: 100%;
  margin: 5px 0 0 0 !important;
  min-width: 160px !important;
}
.tn_three_dot_event_drop.show .note_s_action_even {
  background: #ebebed;
}
.tn_privacy_event_drop .dropdown-menu {
  right: 0;
  left: auto;
  margin: 5px 0 0 0 !important;
}
.child_item_ctrl.pl-50.notification_child_ele {
  padding-left: 24px !important;
}
.gray_theme_custom_sidebar .tag_list_tree_scroll .rc-tree-treenode {
  padding: 2px 0 2px 18px;
}
.quick_search.in_sidebar.collapsed .quick_search_internal svg {
  left: 6px;
}
.quick_search_internal svg {
  display: inline-flex;
  position: relative;
  left: 21px;
  cursor: pointer;
}
.tags_add_more_dropdown.rcl svg {
  opacity: 1;
  display: block;
}
.capture_folder_left_side_bar_list_private_folder.all_private_button {
  width: calc(100% - 10px);
  margin: 0 5px 0 5px;
  padding: 5px 0 5px 18px;
}
.left_sidebar_content .active .project_list_item_count {
  color: #262626 !important;
  font-weight: 600;
}
.rc_switcher_trash_area .rc_switcher_view_item_center:hover {
  background: #f6f6f7;
}
.task_integrating_main_form_container .no_result_found.in_left_side_panel {
  height: 300px;
  border: 0;
}
.main_sidebar_collapsed ul.capture_fixed_menu_ul > li {
  height: auto;
}
.notepad_working_area_container:before {
  display: none;
}
.notepad-editor-wrapper.word_wrap_off {
  width: 100%;
  left: 0;
}
.note_book_editbar.line_number_on .notepad-editor-wrapper {
  left: 54px;
  width: calc(100% - 54px);
}
.note_book_editbar.line_number_on .notepad-editor-wrapper.word_wrap_on {
  width: 100%;
  left: 0;
}
.notepad_working_area_container.content-no-word-wrap {
  width: 0 !important;
}
.loader_div.note_content_load .element-loader {
  border-radius: 0;
  border: 0;
}
.content-item.nt_header_ldr_ctrl {
  display: flex;
  flex-direction: row !important;
}
.loader_div.note_content_load .content-item.nt_header_ldr_ctrl {
  padding: 20px !important;
  display: flex;
}
.loader_div.note_content_load .element-loader.list_view .content-item {
  border: 0 !important;
  padding: 15px 15px 0 15px !important;
}
.max-width-200 {
  max-width: 200px !important;
}
.loader_div.note_content_load .animated-background {
  height: 10px;
  margin: 0 0 13px 0;
  border-radius: 4px;
}
.content-item.nt_header_ldr_ctrl .animated-background {
  height: 35px;
  width: 100%;
}
.max-width-100 {
  max-width: 100px !important;
}
.loader_div.note_content_load .content-item.nt_tools_ldr_ctrl {
  padding: 20px !important;
  display: flex;
  flex-direction: row;
}
.nt_tools_innr {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.max-width-300 {
  max-width: 300px !important;
}
.loader_div.note_content_load .nt_ldr_plain_text .animated-background {
  height: 15px;
  margin: 0 0 20px 0;
}
.nt_ldr_plain_text .left-space {
  left: 45px;
  width: 30px;
  height: 15px;
}
.content-item.nt_tools_ldr_ctrl .animated-background {
  height: 35px;
  width: 100%;
  margin: 0 15px 13px 0;
}
.max-width-55 {
  width: 55px !important;
}
button.notepad_tool.disabled {
  cursor: unset;
}
ul.mc_ul_tree_menu > li.active .mc_item_count {
  font-weight: 600;
  color: #262626;
}
.note_editor_side_panel_ctrl
  .fev_collection_section_ctrl
  .section_bottom_space_control {
  border-bottom: 0 !important;
}
.chat_sidebar {
  width: 100%;
}
.mc_left_sidebar.gray_theme_custom_sidebar .mc_tree_menu_ctrl:last-child {
  border-bottom: 0;
}
#email_sidebar.gray_theme_custom_sidebar.org-custome-gray-side-bar {
  height: calc(93vh - -8px) !important;
}
.note_editor_side_panel_ctrl .treeview_search_filter_ctrl.animated.fadeIn {
  border-bottom: 1px solid #d5d5d6;
  padding: 0 8px 8px 8px;
  margin-bottom: 0;
}
.app_style_capture_module_ctrl .setting_page_inner {
  border-radius: 0;
}
.setting_theme_leftside_bar .capture_folder_element_ctrl svg * {
  fill: none;
}
.note_editor_side_panel_ctrl
  .gray_theme_custom_sidebar
  .treeview-heading.title-slide {
  height: calc(100vh - 148px);
}
.note_book_editbar.line_number_on .notepad-editor-wrapper.word_wrap_on:after {
  content: "" !important;
  width: 54px;
  position: absolute;
  left: 0;
  background: #e9edef;
  height: 100%;
  border-right: 1px solid #e8e8e8;
}
.text_captures_.text_captures_flex {
  width: 100%;
  height: 100%;
  background: #efefef;
}
.inner_sidebar.in_front_left_sidebar.icons_v_bar_ctrl
  ul.inner_sidebar_ctrl
  > li
  > svg.line_icon_in_mini_panel {
  stroke: #484d56 !important;
}
.in_front_left_sidebar.icons_v_bar_ctrl li i.filled_icon {
  color: #696d75 !important;
}
.in_front_left_sidebar.icons_v_bar_ctrl li svg * {
  fill: #484d56;
}
.inner_sidebar.in_front_left_sidebar.icons_v_bar_ctrl
  ul.inner_sidebar_ctrl
  > li.active
  > svg
  * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}
.in_front_left_sidebar ul.inner_sidebar_ctrl > li.active i.filled_icon,
.in_front_left_sidebar ul.inner_sidebar_ctrl > li.active svg.filled_icon,
.in_front_left_sidebar ul.inner_sidebar_ctrl > li.active svg.filled_icon * {
  fill: #484d56 !important;
  color: #484d56 !important;
}
.dual_panel_first .rc_progress_collapse_expand_ctrl,
.dual_panel_second .rc_progress_collapse_expand_ctrl {
  bottom: 5px;
}
.mc_left_sidebar.chat_search_top_header {
  width: 100% !important;
  border-bottom: 1px solid #d5d5d6;
}
.create_new_chat_btn_wrap {
  padding: 12px 12px 4px;
}
.create_new_chat_btn {
  font-size: 14px;
  font-weight: 500;
  background: #0e9aef;
  border: 0;
  color: #fff;
  padding: 10px 16px;
  text-align: left;
  border-radius: 4px;
  display: flex;
  align-items: center;
  width: 100%;
}
.create_new_chat_btn i {
  color: #fff !important;
  margin-right: 10px;
  font-size: 12px;
}
.create_new_chat_btn i.fas.fa-chevron-down {
  margin-left: auto;
  margin-right: unset;
  font-size: 12px;
}
button.create_new_chat_btn:hover {
  background: #1a7bb9;
}
.mc_left_sidebar.gray_theme_custom_sidebar.chat_search_top_header {
  border-top: 1px solid transparent;
}
.advance-search-filter-container.in_trash_view .search-filter-input input,
.advance-search-filter-container.in_trash_view
  .search-filter-input
  input::placeholder {
  font-size: 14px !important;
  color: #333 !important;
}
.my_capture_ctrl ul.mc_ul_tree_menu > li:last-child {
  margin-bottom: 0;
}
.my_capture_ctrl .mc_tree_menu_ctrl {
  padding-bottom: 0;
}
.my_capture_ctrl .mc_tree_menu_ctrl ul.mc_ul_tree_menu {
  padding-bottom: 10px;
}
.my_capture_ctrl
  .capture_module_folder_ctrl
  .treeview-heading.title-slide.rcl.team_label_with_plus_icon {
  height: 34px !important;
}
.my_capture_ctrl .scroll-area-left-sidebar-four-column {
  height: calc(100vh - 102px);
}
.my_capture_ctrl .treeview_search_filter_ctrl.animated.fadeIn {
  border-bottom: 1px solid #d5d5d6;
  padding: 8px 8px;
  margin: 0;
}
.my_capture_ctrl .mc_left_sidebar .treeview-heading.title-slide.rcl {
  border-top: 0;
}
.rc_personal_capture_list_ui_ctrl .virtuoso-grid-list {
  padding-bottom: 0 !important;
}
button.my_capture_btn {
  position: relative;
  left: 8px;
  background: #32343e;
  border: 0;
}
button.my_capture_btn i {
  color: #fff;
}
.main_sidebar_collapsed .create_new_note_btn_wrap {
  display: none;
}
.main_sidebar_collapsed
  .note_editor_side_panel_ctrl
  .gray_theme_custom_sidebar
  .treeview-heading.title-slide {
  max-height: inherit !important;
}
.common_task_btn.create_new_in_side_panel.connect_event_ctrl:hover {
  background: #0e9aef !important;
}
.create_new_task_row input.form-control {
  padding-left: 38px;
}
ul.modules_list > li {
  display: flex;
  align-items: center;
}
ul.modules_list > li svg {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
ul.modules_list > li svg * {
  fill: #333333;
}
ul.modules_list > li.active svg * {
  fill: #ffffff;
}
.search_modules_event_wrap {
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.search_modules_event_btn {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #e2e7eb;
  padding: 4px 7px;
  min-height: 28px;
  margin: 5px;
  font-size: 12px;
  color: #333336;
  font-weight: 600;
  cursor: pointer;
}
.search_modules_event_btn .event_icon {
  display: inline-flex;
  align-items: center;
  width: 22px;
}
.event_icon svg {
  width: 14px;
  height: 14px;
}
.search_modules_event_btn .event_icon svg * {
  fill: #333336;
}
.search_modules_event_btn i.fas.fa-chevron-down {
  margin-left: 6px;
  font-size: 10px;
}
.gs_blank_state_info {
  text-align: center;
  border-top: 1px solid #e2e7eb;
  overflow-y: auto;
}
.gs_blank_hint {
  padding: 19px 10px;
  font-size: 18px;
  font-weight: 600;
  color: #207af4;
}
.gs_blank_state_info .p_normal {
  max-width: 300px;
  margin: auto;
  line-height: 28px;
}
.shortcut_chip {
  border: 1px solid #7070702e;
  background: #f4f6f7;
  border-radius: 4px;
  height: 20px;
  padding: 5px 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  margin: 0 4px;
  color: #333336;
}
.dropdown.view_more_dropdown .rc_submenu_highway {
  margin-top: 0 !important;
  min-width: 180px;
  top: 100% !important;
  left: 7px !important;
}
.search_modules_event_btn:hover {
  background: #ebebed;
}
.gs_modal_main_ctrl
  .global_search_ctrl.expand-global-search
  input::placeholder {
  font-size: 13px;
  font-weight: 600;
}
.nothing_found {
  height: 455px;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  font-size: 18px;
  color: #333;
}
.capture_note_preview_full_popup .task_data_ctrl_left::after {
  white-space: unset !important;
}
.meta_panel_in_capture_viewer
  .main_sidepanel_ctrl_for_verticalBar
  .preview_pane_dynamic_height {
  height: calc(100vh - 0px) !important;
}
.empty_note_state_ctrl .loader_for_note_content {
  position: relative;
}
.empty_note_state_ctrl .animated-background.facebook {
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%) !important;
}
.mt_timeline_outer_container {
  background: 0 0;
  border: 0;
  border-radius: 9px;
}
.rt_task_timer_inner {
  align-items: center;
  background: #fff;
  display: flex;
  height: 72px;
  margin-bottom: 30px;
  min-height: 72px;
  padding: 19px 24px;
  position: relative;
  border: 1px solid rgba(197, 200, 205, 0.7);
  border-radius: 6px;
  box-shadow: 0 3px 12px -2px #3333331a;
  transition: box-shadow 0.2s ease-in 0s;
}
.task_input_wrap input::placeholder {
  color: rgb(38 38 38 / 50%);
}
.task_input_wrap input {
  border: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  padding: 0;
}
.project_task_event:hover {
  color: #333;
}
.project_task_event {
  align-items: center;
  color: #282828;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}
.project_gray_chips {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
}
.link_too_item .project_task_event {
  cursor: pointer;
}
.project_task_event i.fas.fa-plus {
  font-size: 10px;
  margin-right: 6px;
}
.task_input_wrap {
  flex: 1 auto;
  display: flex;
  align-items: center;
  width: 0;
}
.text_wrap_innr {
  flex-direction: column;
  display: inline-flex;
  width: calc(100% - 30px);
  padding: 0 30px 0 0;
}
.remove_search_selection.in_header {
  margin: 0 10px 0 auto !important;
}
.task_input_first_wrap {
  display: inline-flex;
  align-items: center;
}
.row_comment_section.in_header {
  white-space: nowrap;
  overflow: hidden;
  display: inline-flex;
  max-width: 80%;
  width: 100%;
}
.timer_wedge_ctrl {
  display: inline-flex;
  align-items: center;
}
.start_pause_btn {
  z-index: auto;
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
}
.start_pause_btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: rgb(14 154 239 / 20%);
  border-radius: 50%;
  transform: scale(1.3);
}
.start_pause_btn:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: #0e9aef;
  border-radius: 50%;
}
.start_pause_btn:hover:before {
  animation: pulse-border 0.7s linear;
}
.start_pause_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: #0e9aef;
  border-radius: 50%;
  transition: all 0.1s;
}
.start_pause_btn:hover:after {
  background-color: #078cdd;
}
.stop.started-timer.running_time_ctrl {
  z-index: auto;
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  align-items: center;
  justify-content: center;
}
.stop.started-timer.running_time_ctrl:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: #ffddde;
  border-radius: 50%;
  transform: scale(1.3);
}
.stop.started-timer.running_time_ctrl:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: #fa555d;
  border-radius: 50%;
}
.stop.started-timer.running_time_ctrl:hover:before {
  animation: pulse-border 0.7s linear;
}
.stop.started-timer.running_time_ctrl:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: #fa555d;
  border-radius: 50%;
  transition: all 0.1s;
}
.stop.started-timer.running_time_ctrl:hover:after {
  background-color: #f56c73;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.6);
    opacity: 0;
  }
}
.start_pause_btn svg {
  position: absolute;
  z-index: 9;
  width: 32px;
  height: 32px;
}
.stop.started-timer.running_time_ctrl svg {
  width: 9px;
  height: 9px;
  z-index: 1;
}
.start_pause_btn .fa.fa-play {
  font-size: 12px;
}
.start_stop_timer_counter strong {
  color: #262626;
  font-size: 21px;
  font-weight: 600;
}
.cop_divider {
  width: 2px;
  height: 18px;
  margin: 0 10px;
  background: #d6d8dc;
}
.mt-week-header {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid #e2e7eb;
}
.mt-week-header h2 {
  margin: 0;
  color: #333;
  font-size: 18px !important;
  font-weight: 600;
}
.mt_dt_timer {
  font-size: 18px;
  margin-left: 4px;
  font-weight: 600;
  color: #676767;
  margin-right: 9px;
}
.down_arrow_icon {
  border: 1px solid #ebeef1;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.down_arrow_icon .fas.fa-caret-down {
  font-size: 14px;
}
button.mt_event_com_btn {
  border: 1px solid #d6d8dc;
  background: #fff;
  border-radius: 6px;
  margin-left: 10px;
  font-size: 14px;
  color: #414141;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  min-height: 30px;
}
button.mt_event_com_btn svg {
  margin-right: 6px;
}
.mt-week-header .pull-right {
  margin-left: auto;
}
.mt-day-header {
  display: flex;
  align-items: center;
  padding: 5px 20px;
  border-bottom: 1px solid #e2e7eb;
  background: #f5f5f5;
}
.mt-day-header h2 {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  flex: 1;
}
.mt-day-header:hover .add_entry {
  opacity: 1;
}
.custom_pull-left {
  display: inline-flex;
  align-items: center;
}
.add_entry {
  color: #282828;
  padding: 0 7px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 50ms ease-in;
  border: 1px solid transparent;
  margin: 0 10px 0 12px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  user-select: none;
}
.add_entry:hover {
  background-color: #fff;
  border-color: #d6d8dc;
}
.add_entry svg {
  width: 14px;
  margin: 0 5px 0 0;
}
.add_entry svg * {
  fill: #0e9aef;
}
.add_entry i {
  padding: 0 5px 0 0;
  font-size: 14px;
  display: inline-flex;
  color: #0e9aef;
}
.mt-week-header:hover .add_entry {
  opacity: 1;
}
.MOD_two_listing .mt_timeline_inner {
  background: 0 0;
  border: 0;
  margin: 0;
}
.MOD_two_listing .mt-week-header {
  border-bottom: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  margin: 10px 0;
}
.MOD_two_listing .mt-week-header h2 {
  color: #2a2e3d;
  font-size: 16px !important;
  font-weight: 600;
  padding-right: 5px;
}
.MOD_two_listing .mt_week_day_timeline {
  border: 1px solid #edeef2;
  border: 1px solid rgba(197, 200, 205, 0.7);
  border-radius: 6px;
}
.MOD_two_listing .mt-day-header {
  background-color: rgb(251 251 251 / 100%);
}
.MOD_two_listing .mt-week-header:after,
.MOD_two_listing .mt-week-header:before {
  content: "";
  border-bottom: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  width: calc(50% - 316px);
  top: 0;
  height: 1px;
  background-color: #e2e7eb;
  bottom: 0;
  margin: auto;
}
.MOD_two_listing .mt-week-header:before {
  content: "";
  left: 100px;
}
.MOD_two_listing .mt-week-header:after {
  content: "";
  right: 100px;
}
.MOD_two_listing .mt_dt_timer {
  color: rgba(42, 46, 61, 0.7);
  font-size: 14px;
}
.MOD_two_listing .ad_entry_ctrl_for_header {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  background-color: #f9fafd;
  opacity: 0;
}
.MOD_two_listing .mt-week-header:hover .ad_entry_ctrl_for_header {
  opacity: 1;
}
.MOD_two_listing .mt-week-header:hover .ad_entry_ctrl_for_header .add_entry {
  opacity: 1;
}
.MOD_two_listing .mt-day-header {
  background-color: rgb(251 251 251 / 100%);
  border-radius: 6px 6px 0 0;
}
.MOD_two_listing .time_entry_section_by_day .task_list_with_timer {
  background-color: #fff;
  cursor: unset;
}
.MOD_two_listing .time_entry_section_by_day .task_list_with_timer:last-child {
  border-radius: 0 0 6px 6px;
}
.MOD_two_listing .mt_week_day_timeline {
  background: 0 0;
  border: 1px solid #edeef2;
  border: 1px solid rgba(197, 200, 205, 0.7);
  border-radius: 6px;
}
.group_ctrl {
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 6px 6px;
  transition:
    background-color NaNs ease-in 0s,
    color NaNs ease-in 0s;
  width: 22px;
  height: 25px;
}
.group_ctrl:hover {
  background-color: #ebebed;
}
.group_ctrl svg {
  width: 10px;
}
.group_ctrl svg * {
  fill: #8c94a1;
}
.group_ctrl:hover svg * {
  fill: #676767;
}
.tt_row_timeline_wrap {
  display: flex;
  align-items: center;
  padding: 6px 10px 6px 10px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #e2e7eb;
}
.task_list_with_timer.active .tt_row_timeline_wrap {
  background: rgb(14 154 239 / 10%) !important;
}
.tt_col_task {
  flex: 1;
}
.tt_col_task_name {
  color: #282828;
  font-size: 14px;
  font-weight: 400;
  padding: 0 20px 0 10px;
  width: 100%;
  min-height: 31px;
  vertical-align: middle;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}
.task_name_comment {
  flex-direction: column;
  display: inline-flex;
  max-width: 982%;
  width: auto;
  flex: unset !important;
  white-space: nowrap;
  overflow: hidden;
  flex: 1 1000 auto;
  justify-content: flex-start;
}
a.original_task {
  color: #0e9aef;
  font-size: 13px;
  width: 100%;
  display: inline-flex;
  word-break: break-word;
  font-weight: 600;
}
.task_comment_detail {
  color: #626870;
  font-style: italic;
  word-break: break-word;
  padding: 0;
  margin: 4px 0 0 0;
}
.row_comment_section {
  font-style: italic;
  font-weight: 400;
  color: #626870;
  display: inline;
  padding: 0 10px 0 10px;
}
.selected_location_link {
  background: #f4f6f7;
  border-radius: 6px;
  padding: 0 8px;
  min-height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.location_icon {
  width: 14px;
  display: inline-flex;
  margin-right: 8px;
  align-items: center;
}
.location_name {
  color: #333;
  font-size: 13px;
  font-weight: 600;
}
.tt_col_created_inner {
  color: rgb(38 38 38 / 60%);
  font-size: 14px;
  font-weight: 600;
}
.mt_day_total {
  font-family: var(--font-sans);
  color: var(--text-primary);
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-line);
  font-weight: var(--font-weight-regular);
  font-variant-numeric: tabular-nums;
}
.tt_col_total_inner.start_timer .mt_day_total {
  font-family: var(--font-sans);
  font-weight: var(--font-weight-bold);
}
.tt_more_action_link {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  margin-left: 5px;
}
.delete_timecard {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  margin-left: 5px;
  position: absolute;
  right: 5px;
  opacity: 0;
}
.delete_timecard:hover {
  background: #f5f6f7;
}
.clock-in-out-data-table table tbody tr:hover .delete_timecard {
  opacity: 1;
}
.tt_p-10 {
  padding: 0 12px;
}
.mt-day-header .mt_day_total {
  min-width: 102px;
}
button.mt_event_com_btn:hover {
  background: #f5f6f7;
}
.stop.started-timer i {
  font-size: 8px;
}
.tt_col_total_time {
  min-width: 100px;
  padding-right: 0;
}
.tt_col_total_inner {
  display: inline-flex;
  align-items: center;
  height: 100%;
}
input.manual_time_calendar {
  outline: 0;
  font-size: 14px;
  font-weight: 600;
  background-color: #f5f6f7;
  color: #8c94a1;
  border: 1px solid transparent;
  display: inline-flex;
  border-radius: 8px;
  padding: 3px 0;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -ms-transition: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
  height: 32px;
  margin: 0 10px 0 5px;
  max-width: 90px;
  width: 100%;
  cursor: text;
}
input.manual_time_calendar:hover {
  background-color: #f1f2f4;
  color: #5c5f65;
}
.play-state:hover svg path {
  fill: #ffffff;
}
.play-state:hover svg circle {
  fill: #0e9aef;
}
.play-state {
  margin-left: 18px;
  display: flex;
  cursor: pointer;
}
.stop-state {
  align-items: center;
  background: #ffddde;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  height: 24px;
  justify-content: center;
  margin-left: 18px;
  width: 24px;
  cursor: pointer;
}
.stop-state:hover {
  background-color: #f9d3d4;
}
.timesheet_list_inner .timesheet_task_col .play-state,
.timesheet_list_inner .timesheet_task_col .stop-state {
  opacity: 0;
}
.timesheet_list_inner:hover .timesheet_task_col .play-state,
.timesheet_list_inner:hover .timesheet_task_col .stop-state {
  opacity: 1;
}
.timesheet_list_inner .timesheet_task_col .stop-state {
  opacity: 1;
}
.timesheet_col_inner .rc_timer {
  margin: 0 0 0 8px;
}
.timesheet_col_inner .play-state {
  margin-left: 0;
}
.timesheet_col_inner .stop-state {
  margin-left: 0;
}
.mt-day-header .mt_day_total {
  margin-right: 65px;
  min-width: auto;
  font-size: 16px;
  font-weight: 600;
}
.rc_scroll_ctrl {
  width: 100%;
  overflow: auto;
  background: #f9fafd;
  min-height: 100%;
  height: auto;
  scrollbar-gutter: stable;
}
.etd_current_running_timer .task-timer-play-section .play-state {
  margin: 0 0 0 12px;
  top: 0;
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.etd_current_running_timer .task-timer-play-section .play-state SVG {
  width: 24px;
  height: 24px;
}
.task_input_wrap input {
  width: calc(100% - 50px);
}
.task_input_wrap input:focus {
  border: 0 !important;
  outline: 0 !important;
}
.tt_col_more_action_inner .dropdown-menu {
  padding: 5px 5px;
  min-width: 140px;
  margin-top: 5px !important;
  top: 100% !important;
}
.tt_col_more_action_inner .dropdown-menu li {
  min-height: 30px;
  padding: 6px 10px !important;
}
.tt_more_action_link:hover {
  background: #f5f6f7;
}
.timesheet_day_row .tt_more_action_link {
  opacity: 0;
}
.timesheet_day_row:hover .tt_more_action_link {
  opacity: 1;
}
.timesheet_day_row .tt_more_action_link.show {
  opacity: 1;
}
.dropdown.show .tt_more_action_link {
  background: #f5f6f7;
}
.toggle_switch_event_action {
  position: absolute;
  right: 0;
  top: 0;
}
.timer_toggle:hover {
  background: #f5f6f7;
}
.timer_toggle {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.timer_toggle.manual_mode {
  border-radius: 0 0 12px 0;
}
.timer_toggle.timer_mode {
  border-radius: 0 9px 0 0;
}
.timer_toggle.disabled {
  opacity: 0.6;
}
.timer_toggle.timer_mode.active {
  background: #f5f6f7;
}
.timesheet_day_row {
  display: flex;
  flex: 1;
  padding: 0;
}
.timesheet_day_row .timesheet_col:first-child {
  padding-left: 10px;
}
.timesheet_day_row .timesheet_col:last-child {
  padding-right: 20px !important;
}
.timesheet-day-header .timesheet_day_row .timesheet_col:first-child {
  padding-left: 20px;
}
.timesheet_col.timesheet_task_col.col_label {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
}
.timesheet_col.timesheet_task_col {
  display: flex;
  align-items: center;
  flex: 1;
  border-right: 1px solid #e2e7eb;
  cursor: unset;
}
.mytimer_timesheet_view .timesheet_col.timesheet_task_col {
    min-width: 400px;
}
.mytimer_timesheet_view .timesheet_col.timesheet_col_day,
.mytimer_timesheet_view .timesheet_col.timesheet_col_total {
  flex-shrink: 0;
}
.mytimer_timesheet_view,
.mytimer_timesheet_view .timesheet_timeline_inner,
.mytimer_timesheet_view .timesheet_week_card_ctrl,
.mytimer_timesheet_view .timesheet_list_inner,
.mytimer_timesheet_view .timesheet_list_with_task,
.mytimer_timesheet_view .timesheet_list_with_task_row,
.mytimer_timesheet_view .timesheet-day-header,
.mytimer_timesheet_view .timesheet_list_wrap {
  min-width: max-content;
}
.timer_space_container:has(.mytimer_timesheet_view) {
  width: auto;
  min-width: max-content;
  margin: 0;
  padding: 40px;
}
.timesheet_col.timesheet_task_col.col_label .task_count {
  color: #333;
  font-size: 14px;
  margin-left: 6px;
  display: inline-flex;
}
.timesheet_col.timesheet_col_day {
  min-width: 110px;
  max-width: 110px;
  text-align: center;
  padding: 5px 8px;
  justify-content: center;
  display: flex;
  text-align: center;
  cursor: default;
  border-right: 1px solid #e2e7eb;
}
.timesheet_col {
  padding: 10px;
}
.timesheet_col_day_weekday {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  text-align: left;
  line-height: 15px;
}
.tm_entry_day_date {
  font-size: 12px;
  color: rgb(38 38 38 / 80%);
  font-weight: 600;
  margin-bottom: 6px;
  text-align: left;
}
.timesheet_col_total .timesheet_col_day_weekday {
  text-align: left;
}
.timesheet_col_day_weekday.tm_week_total {
  color: rgb(38 38 38 / 80%);
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
}
.timesheet_col_total-weektime {
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  line-height: 15px;
  color: #262626;
  padding: 5px 0;
}
.timesheet_col.timesheet_task_col .task_name {
  color: #262626;
  font-size: 14px;
}
.dashboard_content_body_ctrl .timesheet_col.timesheet_col_total {
  width: 100px;
  max-width: 100px;
}
.timesheet_col.timesheet_col_total {
  color: #262626;
  font-weight: 600;
  font-size: 14px;
  width: 120px;
  display: inline-flex;
  align-items: center;
  justify-content: start;
  border-left: 0 solid #e2e7eb;
}
.timesheet_col_day_weekday.text-warning {
  color: #f8ac59 !important;
}
.team_status_card_row .task_name_ctrl {
  font-size: 13px;
}
.timesheet-day-time_detail_tooltip {
  width: 240px !important;
  border-radius: 10px !important;
}
.sec_divider_ctrl {
  height: 1px;
  background: #525252;
  margin: 12px 0;
}
.tooltip-header {
  font-weight: 600;
  margin: 2px 0 8px 0;
  font-size: 14px;
}
.tooltip-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4px 0;
}
.tooltip-label {
  color: #ccc;
  font-size: 12px;
}
.tooltip-value {
  color: #fff;
  box-shadow: 1px 1px 1px #0000001a;
  background: #4c4c4c;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}
.billable-progress-container {
  width: 100%;
  background-color: #444;
  border-radius: 4px;
  margin-bottom: 12px;
}
.billable-progress-bar {
  height: 4px;
  background-color: #4caf50;
  border-radius: 4px;
  width: 75%;
}
.tooltip-value.billable-value {
  background: rgb(0 212 106 / 20%);
}
.timesheet-day-time_detail_tooltip .tooltip-row.last-element {
  margin-bottom: 4px;
}
.white_filter_btn_slide i {
  color: #676767;
  font-size: 12px;
}
.timeline_filter_btn_group {
  display: flex;
  align-items: center;
  border: 1px solid #e2e7eb;
  cursor: unset;
  margin: 0 0 0 10px;
  border-radius: 6px;
}
.white_filter_btn_slide.left {
  border-radius: 6px 0 0 6px;
}
.white_filter_btn_slide {
  background: #fff;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.white_filter_btn_click {
  background: #fff;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 12px;
  border-right: 0;
  border-left: 0;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
}
.white_filter_btn_click svg {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.white_filter_btn_slide.right {
  border-radius: 0 6px 6px 0;
}
.month_total_time_wrap .text_label {
  display: inline-flex;
  color: #8c94a1;
  font-size: 17px;
  font-weight: 400;
  margin-right: 8px;
}
.month_total_time {
  color: #282828;
  font-size: 18px;
  font-weight: 600;
}
.timeline_setting_evet {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  border: 1px solid #e2e7eb;
  justify-content: center;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
}
.timeline_setting_evet svg {
  width: 16px;
  height: 16px;
}
.time_sheet_filters_row {
  display: flex;
  align-items: center;
}
.my_timesheet_header .my_timesheet_inner {
  display: flex;
  align-items: center;
}
.row-col-left {
  flex: 1;
}
.white_filter_btn_slide.left {
  border-radius: 6px 0 0 6px;
}
.white_filter_btn_slide.right {
  border-radius: 0 6px 6px 0;
}
.timesheet_list_with_task_row {
  border-top: 1px solid #ebeef1;
}
.timesheet_day_time_header_ctrl.current_day {
  background: rgb(14 154 239 / 10%);
}
.page_title {
  font-size: var(--text-h1-size);
  line-height: var(--text-h1-line);
  font-weight: var(--text-h1-weight);
  letter-spacing: var(--text-h1-tracking);
  color: var(--text-primary);
  margin: 0;
  display: inline-flex;
}
.timesheet_week_card_ctrl {
  border-radius: 12px;
  border: 1px solid #e2e7eb;
  margin-bottom: 20px;
  background: #fff;
}
.my_timesheet_header {
  margin-bottom: 20px;
}
.mt_event_com_btn.download svg {
  margin: 0;
}
.mt_event_com_btn.download {
  background: 0 0;
  border: 1px solid transparent;
  margin: 0 !important;
  padding: 0 !important;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mt_event_com_btn.download:hover {
  background: #fff !important;
  border: 1px solid #d6d8dc !important;
}
.timesheet_col.timesheet_col_day .timesheet_col_inner {
  border: 1px solid transparent;
}
.timesheet_col.timesheet_task_col .timesheet_col_inner {
  display: flex;
  align-items: center;
  flex: 1;
  width: 0;
}
.drop.dropdown.in_timesheet .tt_more_action_link {
  margin-left: 5px;
  opacity: 0;
}
.drop.dropdown.in_timesheet ul.rc_submenu_highway {
  margin-top: 5px !important;
  min-width: 160px;
  padding: 5px;
  top: 100% !important;
}
.timesheet_list_with_task_row:hover
  .drop.dropdown.in_timesheet
  .tt_more_action_link {
  opacity: 1;
}
.drop.dropdown.in_timesheet.show .tt_more_action_link {
  opacity: 1;
}
.mt-week-header.timesheet_week_header {
  padding: 10px 20px;
}
.mt-week-header.timesheet_week_header.collapsed {
  border-bottom: 0;
}
.invite_team_members_event {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #0e9aef;
  margin-left: 8px;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
}
.invite_team_members_event i.fas.fa-plus {
  color: #207af4;
  font-size: 10px;
  margin-right: 6px;
}
.icon_up_down {
  margin-left: 6px;
}
.create_edit_time_off_request .rdrDefinedRangesWrapper {
  display: none !important;
}
.create_edit_time_off_request .rdrCalendarWrapper {
  margin-left: 0 !important;
}
.icon_up_down i {
  font-size: 10px;
}
.header_col_inline_flex {
  display: flex;
  align-items: center;
}
.tab_navigation_list .tab_navigation_item {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0 10px;
  cursor: pointer;
  padding: 15px 0;
  position: relative;
  user-select: none;
}
ul.tab_navigation_list {
  display: flex;
  align-items: center;
}
.tab_navigation_list .tab_navigation_item:before {
  content: "";
  height: 2px;
  background: #0e9aef;
  bottom: 0;
  position: absolute;
  width: 100%;
  display: none;
}
.tab_navigation_list .tab_navigation_item:hover:before {
  display: block !important;
  background: #0e9aef;
  bottom: 0;
}
li.tab_navigation_item.active:before {
  background: #0e9aef;
  display: block !important;
}
.page_tab_navigation_ctrl {
  border-bottom: 1px solid #e2e7eb;
}
.my_timesheet_header.in_team_header {
  margin-bottom: 0;
}
.last_update_container {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.row-col-left {
  flex: 1 1;
}
.last_update_text {
  font-size: 14px;
  font-weight: 600;
  color: #1c222d;
}
.last_update_text i {
  margin-right: 8px;
}
.view_list_ctrl {
  width: auto;
  height: 36px;
  border: 1px solid #e2e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #282c34;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
}
.team_total_details_card_inner .team_details_card:first-child {
  padding-left: 0;
}
.team_details_card {
  width: 100%;
  padding: 0 10px;
}
.team_details_card_inner {
  border: 1px solid #e2e7eb;
  border-radius: 12px;
  padding: 16px 20px;
}
.team_detail_card_title_wraper {
  display: flex;
  margin-bottom: 16px;
}
.team_card_title {
  color: #030712b3;
  font-size: 13px;
  font-weight: 600;
  margin-right: 6px;
  text-transform: uppercase;
}
.team_details_card_row {
  display: flex;
  align-items: center;
}
.card_bold_text {
  font-weight: 600;
  font-size: 16px;
  color: #1c222d;
  line-height: 1;
  margin-right: 15px;
}
.colored_text_ctrl.green {
  color: #01945d;
}
.colored_text_ctrl {
  font-weight: 600;
}
.colored_text_ctrl.red {
  color: red;
}
.team_details_card_inner {
  border: 1px solid #e2e7eb;
  border-radius: 12px;
  padding: 15px 10px;
  background: #fff;
  position: relative;
}
.team_total_details_card_inner {
  display: flex;
  align-items: center;
}
.team_total_details_card_inner .team_details_card:last-child {
  padding-right: 0;
}
.team_card_three_dot:hover {
  background: #ebebed;
}
.team_card_three_dot i {
  font-size: 12px;
}
.team_members_status_card_container {
  border: 1px solid #e2e7eb;
  border-radius: 12px;
  padding: 5px 10px 15px;
  margin-top: 20px;
  background: #fff;
}
.card_title_header {
  padding: 10px 0 15px;
}
.card_title_header h2 {
  font-size: 16px;
  font-weight: 600;
  color: #1c222d;
  margin: 0;
}
.team_members_status_card_inner {
  overflow: auto;
  height: 408px;
}
.team_status_cards_ctrl {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.team_members_status_card_inner .team_status_card:first-child {
  margin-left: 0 !important;
}
.team_status_card {
  width: 100%;
  max-width: 100%;
  border: 1px solid #e2e7eb;
  border-radius: 12px;
  padding: 10px;
  margin: 0;
}
.team_status_card_row .team_member_name_wrap {
  display: flex;
  align-items: center;
}
.user_circle {
  width: 28px;
  height: 28px;
  background: #8e84e5;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  margin-right: 12px;
}
.user_name_text {
  color: #1c222d;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: initial;
}
.member_entry_details {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
.member_entry_details.running_timer {
  color: red;
}
.member_entry_details .med_task_name {
  width: 100%;
  max-width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.member_entry_details.running_entry {
  color: #fe575c;
}
.team_status_card_row.task_row {
  margin-top: 6px;
}
.task_with_timer {
  display: flex;
  align-items: center;
}
.task_name_ctrl {
  flex: 1;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #1c222d;
  font-size: 12px;
  width: 100%;
}
.teal_user_count {
  padding: 9px 0;
  text-align: center;
  background: #f9f9fa;
  font-size: 26px;
  font-weight: 600;
  color: #1c222d;
}
.in_time_track_view ul.rc_submenu_highway {
  min-width: 160px;
  padding: 5px;
}
.in_time_track_view ul.rc_submenu_highway {
  min-width: 160px;
  padding: 5px;
  margin-top: 5px !important;
}
.timesheet_col.timesheet_col_day .timesheet_col_inner {
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: left;
  display: inline-flex;
  flex-direction: column;
}
.team_timesheet_ctrl {
  margin-top: 20px;
}
.icon_arrow_down {
  height: 18px;
  width: 18px;
  border-radius: 4px;
  background: #f4f6f7;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  cursor: pointer;
}
.icon_arrow_down i {
  font-size: 10px;
}
.user_circle_ctrl {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 500%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 10px;
  line-height: 1.3;
  cursor: default;
  border: 1px solid #e2e7eb;
  position: relative;
}
.team_card_three_dot {
  width: 18px;
  height: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
}
.setting_page_content_container.team_architecture_ctrl {
  width: 95%;
  margin: 0 auto;
  padding: 25px 0 20px 0;
}
.arrow_circle.green {
  background: #01945d36;
}
.arrow_circle.red {
  background: #ff000026;
}
.arrow_circle {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.arrow_circle.green svg {
  stroke: #01945d;
}
.arrow_circle svg {
  width: 13px;
  height: 13px;
}
.colored_text_ctrl {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  line-height: normal;
}
.invite_team_members ul.rc_submenu_highway {
  left: 0;
  right: auto;
  width: 180px;
  min-width: 180px;
  margin-left: 8px !important;
  margin-top: 5px !important;
}
.invite_team_members_event:hover {
  background: #ebebed;
}
.invite_team_members.dropdown.show .invite_team_members_event {
  background: #ebebed;
}
.details_three_dot_action_dropdown ul.rc_submenu_highway {
  min-width: 140px;
  padding: 5px;
  margin-top: 5px !important;
  right: 100%;
  left: auto;
  margin-right: -20px !important;
}
.details_three_dot_action_dropdown.show .team_card_three_dot {
  background: #ebebed;
}
.timer.task_timer svg {
  margin-right: 5px;
}
.timer.task_timer {
  display: flex;
  align-items: center;
  color: #1c222d;
  margin-left: 10px;
  font-weight: 600;
  margin-left: 10px;
}
.team_status_card.user_count {
  background: #f9f9fa;
}
.note_editor_side_panel_ctrl
  .gray_theme_custom_sidebar
  .treeview-heading.title-slide {
  border-top: 1px solid #d5d5d6 !important;
}
.note_editor_side_panel_ctrl .scroll-area-left-sidebar-four-column {
  height: calc(100vh - 143px);
}
.note_editor_side_panel_ctrl
  .gray_theme_custom_sidebar
  .rc-tree
  .rc-tree-treenode {
  display: flex;
  align-items: center;
  padding: 2px 0 2px 8px;
  touch-action: none;
}
.capture_list_search-form .clear_search {
  margin-right: 24px;
  top: -2px;
}
.capture_list_search-form.search_expand input.search-text {
  border: 1px solid #e9e9eb;
  padding: 0 0 1px 10px;
  width: 250px;
}
.note_editor_side_panel_ctrl .no_result_found.in_left_side_panel {
  height: calc(100vh - 101px);
  border-top: 0;
}
.gray_theme_custom_sidebar .no_item_exist .create_ele_btn button:hover i {
  color: #333;
}
.main_sidebar_collapsed
  .note_editor_side_panel_ctrl
  .gray_theme_custom_sidebar
  .treeview-heading.title-slide {
  border: 0 !important;
}
.nothing_found_by_search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 118px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.create_new_task_row.row_flex {
  display: flex;
}
.create_new_task_row.row_flex
  .create_asana_task_dropdown_component_select_popup_view {
  margin-bottom: 0;
}
.capture_list_full_page_preview_panel_ctrl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .multiselect_participant_unique_element_ctrl.participant_solid_bordered_button:hover {
  background: 0 0 !important;
}
.multiselect_participant_unique_element_ctrl.participant_solid_bordered_button {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  height: auto !important;
  background: 0 0 !important;
}
.assignee-div.Participant_ctrl.participant_in_table_ctrl:focus-visible {
  outline: 0;
}
.project_in_list_header .tag_assignee_data_active i.remove {
  position: static;
  cursor: pointer;
  font-size: 10px;
  opacity: 0.8;
}
.project_in_list_header .tag_assignee_data_active i.remove:hover {
  opacity: 1;
}
.tooltip_title_text {
  color: #ebeaea;
}
.tooltip_details_perra {
  color: #ebeaea;
}
.custom_tooltip_pop_wrap.in_timer {
  width: auto !important;
}
.custom_tooltip_pop_wrap.in_timer .total_time_tooltip {
  min-width: 215px !important;
}
.custom_tooltip_pop_wrap.in_timer {
  position: absolute;
  z-index: 9999;
  top: 100%;
  transform: translate(-50%, 0);
  left: 50%;
  margin-top: 4px;
  margin-left: 4px;
  display: none;
}
.custom_tooltip_pop_wrap .title_header_ctrl {
  padding: 0 0 5px;
  margin: 0 0 5px;
  border-bottom: 1px solid #fff;
}
.timer_ui_list_view {
  position: relative;
}
.time_global_container_ctrl:hover + .custom_tooltip_pop_wrap.in_timer {
  display: block;
}
.rc_time_tracking_dropdown {
  position: absolute;
  width: 400px;
  z-index: 999999;
  background: #fff;
  right: 0;
  border: 1px solid #edeae9;
  border-radius: 12px;
  box-shadow: 0 -1px 12px #0000001a;
  margin-top: 10px;
  margin-right: -20px;
}
.rc_time_tracking_dropdown .etd_time_est {
  border-radius: 10px 10px 0 0;
  display: flex;
  padding: 10px 5px;
  justify-content: space-around;
}
.rc_time_tracking_dropdown .total_hours {
  border-radius: 9px;
  background-color: #f2f2f3;
  padding: 8px 10px;
  width: calc(100% - 10px);
  cursor: pointer;
  margin: 0 5px;
}
.rc_time_tracking_dropdown .etd_text_icon_label {
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #282c34;
}
.rc_time_tracking_dropdown .etd_text_icon_label svg {
  margin: 0 7px 0 0;
}
.rc_time_tracking_dropdown .etd_time_ran > span {
  font-size: 18px;
  font-weight: 600;
  margin: 0 9px 0 0;
  color: #333;
}
.rc_time_tracking_dropdown .etd_current_running_timer {
  background-color: #fff;
  padding: 10px 20px;
  display: flex;
  border: 1px solid #e2e7eb;
  border-radius: 12px;
}
.rc_time_tracking_dropdown .etd_user_info {
  display: flex;
  align-items: center;
}
.rc_time_tracking_dropdown
  .etd_current_running_timer
  .etd_current_user_timer_initial {
  background-color: #8e84e5;
  width: 26px;
  height: 26px;
  color: #fff;
  display: inline-flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
.rc_time_tracking_dropdown .username_previoustime_group {
  color: #333;
  margin: 0 0 0 10px;
  display: inline-flex;
  flex-direction: column;
}
.rc_time_tracking_dropdown .username_previoustime_group .username {
  font-size: 13px;
  font-weight: 600;
  color: #333;
}
.rc_time_tracking_dropdown .etd_running_timer {
  color: #282c34;
  margin: 0 0 0 auto;
}
.rc_time_tracking_dropdown .task-timer-play-section {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.rc_time_tracking_dropdown .timer-running {
  font-size: 16px;
  font-weight: 600;
}
.rc_time_tracking_dropdown .start_timer_dvd_circle .timer-stop-btn {
  background: #cddff8;
}
.rc_time_tracking_dropdown .timer-stop-btn {
  background-color: #ffddde;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.rc_time_tracking_dropdown
  .start_timer_dvd_circle
  .timer-stop-btn
  i.fa.fa-play {
  color: #207af4;
  font-size: 12px;
}
.rc_time_tracking_dropdown .etd_running_timer .timer-stop-btn svg {
  width: 8px;
  height: 8px;
}
.rc_time_tracking_dropdown .total_hours.active {
  background: #fff;
  border: 1px solid #93959991;
}
.rc_time_tracking_dropdown .etd_time_edit {
  background: #ffff;
  margin-top: 10px;
  border: 1px solid #e2e7eb;
  border-radius: 9px;
}
.rc_time_tracking_dropdown .go_back_event_icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  margin-right: 12px;
  cursor: pointer;
}
.rc_time_tracking_dropdown .etd_time_edit .go_back_event_icon svg {
  margin-right: 0;
  width: 20px;
  height: 20px;
}
.rc_time_tracking_dropdown .etd_time_edit .go_back_event_icon:hover {
  background: #f5f5f5;
}
.rc_time_tracking_dropdown .etd_time_edit .mdf_header h3 {
  margin: 0;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  display: inline-flex;
  width: auto;
}
.rc_time_tracking_dropdown .modify_total_time {
  color: #282c34;
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
}
.rc_time_tracking_dropdown .mdf_header .etd_go_back {
  margin: 0 0 0 auto;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.rc_time_tracking_dropdown .etd_go_back:hover {
  background-color: #ebebed;
}
.rc_time_tracking_dropdown .etd_time_edit .modify_time_entry_innr_ctrl {
  padding: 15px 15px 0;
}
.rc_time_tracking_dropdown
  .etd_time_edit
  .modify_time_entry_innr_ctrl
  .create_task_form_scroller {
  overflow: unset;
  height: auto;
}
.rc_time_tracking_dropdown
  .etd_modify_ctrl
  .capture_discrition_area.range_timer_ctrl {
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.rc_time_tracking_dropdown .etd_time_edit .time_label_he {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
  color: #333;
  font-weight: 600;
}
.rc_time_tracking_dropdown .etd_modify_ctrl .etd_users_input_select {
  display: flex;
  align-items: center;
  max-height: 36px;
  border: 1px solid #d6d8dc85;
  border-radius: 6px;
  padding: 0 10px;
  min-height: 36px;
}
.rc_time_tracking_dropdown .etd_modify_ctrl .etd_user_info {
  width: 100%;
}
.rc_time_tracking_dropdown .etd_current_user_timer_initial {
  background-color: #8e84e5;
  width: 26px;
  height: 26px;
  color: #fff;
  display: inline-flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
.rc_time_tracking_dropdown .username_previoustime_group {
  color: #333;
  margin: 0 0 0 10px;
  display: inline-flex;
  flex-direction: column;
}
.rc_time_tracking_dropdown .up-down-arrow-icon {
  display: inline-flex;
  align-items: center;
}
.rc_time_tracking_dropdown .up-down-arrow-icon svg {
  width: 9px;
  height: 9px;
}
.rc_time_tracking_dropdown .etd_user_dropdown {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6 !important;
  position: absolute;
  padding: 5px;
  animation: dropdownAnimation 750ms !important;
  animation-fill-mode: forwards !important;
  z-index: 9;
  background-color: #fff;
  right: 0;
  left: 0;
  margin-top: 5px;
  border-radius: 6px;
}
.rc_time_tracking_dropdown
  .etd_time_edit
  .etd_user_dropdown
  .etd_user_info.etd_users_row {
  padding: 0 10px;
  min-height: 36px;
  cursor: pointer;
  border-radius: 4px;
}
.rc_time_tracking_dropdown .etd_modify_ctrl .etd_user_info {
  width: 100%;
}
.rc_time_tracking_dropdown
  .etd_modify_ctrl
  .etd_user_dropdown
  .etd_user_info.etd_users_row:hover {
  background: #f5f5f5;
}
.rc_time_tracking_dropdown .etd_modify_ctrl .etd_users_input_select:hover {
  background: #f5f5f5;
}
.rc_time_tracking_dropdown .editable_form_group_two {
  display: flex;
  width: 100%;
  margin: 15px 0;
}
.rc_time_tracking_dropdown .editable_form_group_two .range_input_from_to {
  width: 100%;
  margin: 0 5px;
}
.rc_time_tracking_dropdown
  .modify_time_entry_innr_ctrl
  .create_task_form_scroller
  .range_date_input_ctrl {
  position: relative;
  display: flex;
  align-items: center;
}
.rc_time_tracking_dropdown
  .editable_form_group_two
  .range_date_input_ctrl
  input {
  font-size: 14px !important;
  padding-left: 10px !important;
  padding-right: 30px !important;
  font-weight: 500 !important;
  min-height: 36px;
}
.rc_time_tracking_dropdown .editable_form_group_two .range_date_input_ctrl svg {
  right: 10px !important;
  left: auto !important;
  width: 13px !important;
  position: absolute !important;
}
.rc_time_tracking_dropdown
  .editable_form_group_two
  .textarea_form_group_ctrl
  .add_descriptions_textarea_ctrl {
  border: 1px solid #d6d8dc;
  border-radius: 6px;
  width: 100%;
  padding: 6px 10px;
  font-weight: 500;
  font-size: 13px;
  min-height: 36px;
  max-height: 36px;
  resize: none;
}
.rc_time_tracking_dropdown .editable_form_group_two .range_input_from_to {
  width: 100%;
  margin: 0 5px;
}
.rc_time_tracking_dropdown .time_track_manual_footer .btn-success.save-changes {
  color: #fff;
  width: 100%;
  padding: 9px 10px;
  height: 36px;
}
.rc_time_tracking_dropdown .estimate-time-input {
  width: 100%;
  position: relative;
}
.rc_time_tracking_dropdown .manual_time_ctrl.estimate-time-input svg {
  left: 10px;
  right: auto;
}
.rc_time_tracking_dropdown
  .manual_time_ctrl.estimate-time-input
  input.manual-notes {
  padding: 10px 10px 10px 30px;
}
.rc_time_tracking_dropdown .default-estimate-time {
  display: flex;
  align-items: center;
}
.rc_time_tracking_dropdown
  .default-estimate-time-row
  .default-estimate-time
  .d-time {
  background-color: #eeeeef;
  cursor: pointer;
  font-size: 12px;
  height: 36px;
  min-width: 36px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #282828;
  margin-right: 5px;
  font-weight: 600;
  padding: 0 7px;
}
.rc_time_tracking_dropdown .etd_time_edit .mdf_header {
  border-bottom: 1px solid #e2e7eb;
  padding: 9px 16px;
  position: relative;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-top: 0;
  justify-content: flex-start;
}
.rc_time_tracking_dropdown .estimate-time-input {
  width: 100%;
  position: relative;
}
.rc_time_tracking_dropdown .estimate-time-input svg {
  position: absolute;
  top: 13px;
  left: auto;
  right: 10px;
  stroke: #878f96;
}
.rc_time_tracking_dropdown .estimate-time-input input {
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  width: -webkit-fill-available;
  padding: 10px 30px 10px 10px;
}
.rc_time_tracking_dropdown .time_track_manual_footer {
  border-bottom: 0;
}
.start_stop_timer_counter .input_mannual_ctrl {
  font-size: 16px;
  font-weight: 600;
  color: #5c5f65;
  border: 0;
  width: 70px;
  display: inline-flex;
  border-radius: 8px;
  padding: 3px 0;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -ms-transition: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
  border: 1px solid transparent;
}
.task_input_wrap input::placeholder {
  color: rgba(40, 44, 52, 0.62);
}
.task_input_wrap svg {
  fill: #696d75;
  margin: 0 12px 0 0;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.blur_range_inner {
  display: flex;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
  padding-left: 5px;
}
.range_controller {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  cursor: pointer;
}
.range_controller i {
  color: #97989d;
  font-size: 13px;
}
.range_controller:hover i {
  color: #333;
  opacity: 1;
}
.blur_range_percent {
  background: #fff;
  border-left: 0;
  border-right: 0;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 32px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-right: 0;
  border-left: 0;
  font-size: 12px;
  font-weight: 600;
}
.pdf_image_vertical_bar_parent {
  padding: 0;
  align-items: center;
  width: 20px;
  min-width: 134px;
  background: #25262e;
  margin: 0 auto 20px;
  border: 2px solid #383a44;
}
.pdf_thum_wrap {
  height: 150px;
  width: 130px;
  margin: auto;
}
.page_no_ctrl {
  color: #c7c7c7;
  font-size: 12px;
  font-weight: 600;
}
.delete_page_btn {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.delete_page_btn svg {
  width: 16px;
  height: 16px;
}
.pdf_image_vertical_bar_parent img.pdf_image_vertical_bar {
  width: 100%;
  height: 100%;
  padding: 0;
}
.pdf_panel_btn_footer {
  text-align: right;
  padding: 10px;
  width: auto;
  display: flex;
  border-top: 1px solid #464852;
}
.pdf_panel_btn_footer button {
  padding: 0 10px;
  min-height: auto;
  height: 34px;
  border-radius: 4px;
  margin-left: 10px;
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.bh_content.pdf_content_history_wrap {
  padding: 10px;
  height: calc(100vh - 222px) !important;
  background: #32343e;
  border: 0;
}
.pdf_thum_footer {
  padding: 0 6px;
  margin: 0 auto 0;
  display: flex;
  align-items: center;
  background: #383a44;
  min-height: 32px;
}
.delete_page_btn:hover svg * {
  stroke: #ffffff;
}
.delete_page_btn:hover {
  background: #f16c79;
}
.board_history_main_wrapper.in_pdf_history {
  background: #32343e;
}
.in_pdf_history .info_header.info_header_in_detail_side_panel {
  border-bottom: 1px solid #464852;
}
.board_history_main_wrapper.in_pdf_history .info_text {
  color: #fff !important;
}
button.exit_side_panel.in_pdf_panel {
  min-width: 22px;
  height: 22px;
}
.info_header button.exit_side_panel.in_pdf_panel:hover {
  background: #4c4d54 !important;
}
.pdf_image_vertical_bar_parent.active {
  border: 2px solid #0e9aef;
}
.metadata_each_item_control
  .assignee-div.Participant_ctrl.participant_in_table_ctrl.participant-div
  .multiselect_participant_unique_element_ctrl.participant_solid_bordered_button {
  border: 0 !important;
}
.initial_shot_window
  .dropdown.show
  .telement_item.telement_item_dropdown.obj_cntxt_hit_btn.text_color_palette_ctrl {
  background: #ebebed !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.annotator_dark_dropdown.color_ctrl {
  overflow: hidden;
}
.range_percent {
  display: inline-block;
  margin-left: 3px;
  color: #272930;
  font-weight: 700;
  min-width: 32px;
}
.blur_range_box_ctrl {
  width: auto;
  font-size: 23px;
  background: #f9f9f9;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 5px 0 6px;
}
.blur_range_box_ctrl input {
  width: 180px;
  height: 4px;
  -webkit-appearance: none;
  background: #32343e;
  outline: 0;
  border-radius: 30px;
}
.blur_range_box_ctrl input::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #272930;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
}
.initial_shot_window .object_context_ctrl .sv_stroke i {
  color: #97989d !important;
  font-size: 14px;
}
.initial_shot_window .obj_cntxt_hit_btn:hover i {
  color: #333 !important;
}
.dropdown.show .obj_cntxt_hit_btn {
  background-color: #ebebed !important;
}
.initial_shot_window .dropdown.show .sv_stroke i {
  color: #333 !important;
}
.ct_icon svg {
  width: 13px;
  height: 13px;
}
.ct_icon {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}
.name_with_icon {
  display: inline-flex;
  align-items: center;
  color: #333;
  font-size: 13px;
}
.ct_icon svg * {
  fill: #3f434a;
}
.quick_search.in_sidebar.collapsed .quick_search_internal svg *,
.tags_add_more_dropdown.rcl svg * {
  fill: #414141;
}
.left_sidebar_content .all_private_button .project_list_item_count {
  margin-right: 10px;
}
.Global_search_quick_box .resulted_item .item_name {
  max-width: 520px;
  display: inline-block;
}
.Global_search_quick_box .gs_common_section {
  border-bottom: 0;
  margin-bottom: 10px;
}
.item_location {
  border-radius: 4px;
  color: #333;
  font-size: 12px;
}
span.item_location > span {
  display: flex;
  align-items: center;
  font-size: 12px;
  background: #f5f3f3;
  padding: 0 5px;
  border-radius: 4px;
}
span.item_location > span svg {
  width: 12px;
  height: 12px;
}
.gs_no_rearch_result_container {
  text-align: center;
  padding: 50px 0;
}
.no_result_text_bold {
  color: #333;
  font-size: 16px;
  padding: 20px 0 0 0 !important;
  font-weight: 600;
}
p.no_result_p_normal {
  font-size: 13px;
  opacity: 1;
  line-height: 20px;
  color: #465369;
  padding: 10px;
  margin: 0;
}
.gs_no_search_result_container {
  text-align: center;
  padding: 50px 0;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.search_modules_event_btn.gs_active_module_btn {
  position: relative;
  left: 38px;
  height: 24px;
  border: 1px solid rgb(14 154 239 / 50%) !important;
  border-bottom: 1px solid rgb(14 154 239 / 50%) !important;
  background: rgb(14 154 239 / 10%) !important;
  top: 12px;
  min-height: 24px !important;
  z-index: 999;
}
.exit_selected_module svg {
  width: 8px;
  height: 8px;
  margin-left: 7px;
  opacity: 0.7;
}
.exit_selected_module svg:hover * {
  fill: #333333;
}
.global_search_ctrl.no-margin.expand-global-search.on {
  border-radius: 6px 6px 0 0;
}
.gs_module_searching_state {
  text-align: center;
  padding: 50px 0;
  min-height: 500px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.change_module_btn {
  display: inline-flex;
  border: 1px solid rgb(14 154 239) !important;
  border-bottom: 1px solid rgb(14 154 239 / 50%) !important;
  background: rgb(14 154 239 / 10%) !important;
  border-radius: 4px;
  padding: 5px 10px;
  color: rgb(14 154 239);
  cursor: pointer;
}
.change_module_btn:hover {
  background: rgb(14 154 239) !important;
  color: #fff;
}
.gs_module_searching_hb {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  margin: 10px 0 20px;
}
.gs_modal_main_ctrl .global_search_ctrl {
  background: #fff !important;
  width: 900px !important;
}
.gs_modal_main_ctrl .Global_search_quick_box {
  min-height: 500px;
}
.gs_module_searching_hb b {
  font-weight: 600;
}
.item_location .ct_icon {
  margin-right: 6px;
}
.item_location .ct_icon svg * {
  fill: rgb(51 51 51 / 69%);
}
.gs_innr_ctrl ul.modules_list li {
  min-height: 30px;
  margin-bottom: 5px;
}
.module_list_dropdown_ctrl li.rc_submenu_highway_lane .lane_icon_ctrl svg * {
  fill: #252222;
}
.Global_search_quick_box .preview_loader_global_search {
  min-height: 456px;
}
.Global_search_quick_box .preview_loader_global_search img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.step_two.common_steps ul.space_type_ul li:hover {
  border: 1px solid #e5e5e5;
}
.step_two.common_steps ul.space_type_ul li {
  border: 1px solid transparent;
}
.step_two.common_steps ul.space_type_ul {
  margin-top: 0 !important;
}
.notepad-editor-wrapper.word_wrap_off,
.notepad_working_area_container.content-word-wrap .notepad_working_area {
  padding: 10px 5px;
}
.note_book_editbar.line_number_on .notepad_working_area {
  padding: 0;
}
.note_book_editbar.line_number_on .notepad-editor-wrapper {
  padding: 0;
}
.gs_input_box_clear {
  top: 18px;
  color: #333;
  font-size: 13px;
  z-index: 999;
  padding: 0;
  cursor: pointer;
  margin-right: 10px;
  line-height: normal;
  border-bottom: 1px dotted #333;
}
.gs_input_box_clear:hover {
  opacity: 1;
}
.exit_popup_ctrl {
  position: absolute;
  right: 15px;
  top: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.exit_popup_ctrl svg {
  cursor: pointer;
  opacity: 0.7;
}
.exit_popup_ctrl svg:hover {
  opacity: 1;
}
.rc_searched_result_item_content {
  position: relative;
  width: auto;
  flex: 1;
}
.search_result_location_row {
  margin-top: 8px;
  display: flex;
}
.select_folder_info_hover {
  position: absolute;
  right: -4px;
  top: 1px;
  color: #727271;
  font-size: 12px;
  line-height: normal;
  font-weight: 600;
  opacity: 0;
}
.select_folder_info_hover .select_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgb(63 67 74 / 17%);
  width: 16px;
  height: 16px;
  border-radius: 4px;
  margin-left: 8px;
}
.Global_search_quick_box .resulted_item:hover .item_name {
  max-width: 460px;
}
.Global_search_quick_box .resulted_item:hover .select_folder_info_hover {
  opacity: 1;
}
.search_result_item_title {
  display: inline-flex;
}
.gs_common_section .resulted_item .item_icon svg {
  width: 13px;
  height: 13px;
}
.gs_common_section .resulted_item .item_icon svg * {
  fill: #333333;
}
.see_all_result_link {
  color: #0e9aef;
  font-size: 13px;
  margin-left: 2px;
}
.see_all_result_link {
  text-decoration: underline;
}
.item_selected {
  border: 1px solid #e9e9eb !important;
  background-color: #f8f8f8 !important;
}
.see_all_result_link:hover {
  text-decoration: underline !important;
}
.results_ctrl span:first-child .resulted_item:hover {
  border-top: 1px solid #e9e9eb;
}
.gs_common_section
  .resulted_item
  .item_icon
  .space_icon_span_section.space-avatar-icon {
  margin: 0;
}
.search_modules_event_wrap .search_modules_event_btn.active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.gs_auto_suggest_ctrl {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 50px 0 0;
  background-color: #fff;
  border-radius: 6px 6px 0 0;
}
.gs_auto_suggest_ctrl span {
  background-color: #e8e8e9;
  padding: 2px 5px;
  border-radius: 4px;
  margin: 0 5px 0 0;
  font-weight: 600;
}
.isw_default_theme_btn.share_colored_btn_ctrl {
  background: #048061;
  color: #fff;
  border: 1px solid #048061;
}
.toolbar_ctrl {
  position: absolute;
  display: inline-flex;
  left: 0;
  right: 0;
  margin: auto;
  max-width: calc(100% - 1172px);
}
.initial_shot_window .supported_tools_main_ctrl {
  position: absolute !important;
  left: 0;
  right: 0;
  margin: auto !important;
}
.isw_default_theme_btn.share_colored_btn_ctrl:hover {
  background: #059974;
}
.initial_shot_window .shape_ctrl button.canvas_tool {
  border-radius: 4px 0 0 4px;
}
svg.fill_none_svg * {
  fill: none !important;
}
.in_canvas .comment_panel_ctrl .no_comments_yet_control .data_div_ctrl {
  min-height: calc(100vh - 324px);
}
.in_canvas .capture_caption_ctrl .in_captures_details .data_div_ctrl {
  height: calc(100vh - 350px);
}
.int_search_task_data_ctrl .no_result_found.in_left_side_panel {
  height: 100%;
}
.user_link_asana_task_section_with_scroll.int_search_task_data_ctrl {
  height: auto;
  min-height: 360px;
  max-height: 360px;
  position: absolute;
  width: 100%;
  margin-top: -7px;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  border: 1px solid #d5d5d6 !important;
  border-radius: 9px;
}
.user_link_asana_task_section_with_scroll.int_search_task_data_ctrl
  .search_scroll_container_list_data {
  height: calc(100vh - 580px) !important;
}
.create_new_task_row.search_task_by_name input {
  padding-left: 10px;
}
.int_search_task_data_ctrl.data_length_none {
  display: none;
}
.rc_personal_capture_list_ui_ctrl
  .column_layout.task_listing
  li
  .thumbnail_view.merge_capture_icon {
  height: 146px !important;
  width: 100%;
  display: flex !important;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .thumbnail_view
  img {
  width: 100% !important;
  height: 100% !important;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  ul.column_layout.task_listing.list-size_active
  > li
  .task_list_ctrl {
  height: 40px;
}
.rc_personal_capture_list_ui_ctrl .parent_div_main_capture {
  margin: 0 -33px;
  width: auto;
  padding: 0 30px 0 32px;
}
.rc_button_style_ui_control.three_dot_blur_action_ctrl {
  padding: 0 !important;
}
.treeview-heading .vb_sec_icon.for_sec {
  padding-right: 0 !important;
  margin-right: 7px;
}
.left_sidebar_content .active .project_list_item_count {
  color: #262626;
  opacity: 1;
}
.gray_theme_custom_sidebar .sidebar_search_ctrl svg {
  position: absolute;
  top: 7;
  left: 8px;
  z-index: 1;
  font-size: 11px;
  color: #696d75;
  width: 12px;
  align-items: center;
  display: inline-flex;
  height: 100%;
}
.data_in_sidepanel.in_compact_view.active {
  background: 0 0;
}
.capture_file_name.uploaded_capture_name_ctrl {
  color: #262626;
  font-size: 13px;
  font-weight: 600;
  padding-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
  flex: 1;
}
.breadcrumb_header_container {
  border-bottom: 1px solid #dfdfdf;
  padding: 12px 10px;
  height: 64px;
  display: flex;
  align-items: center;
}
.list_search_header_container .conversation_capture_list_search {
  border-top: 0;
  border-bottom: 1px solid #dfdfdf;
}
.breadcrumb_header_container .project_in_list_header h4 {
  margin: 0;
}
.breadcrumb_header_container
  .count_with_tooltip.in_list_header
  .number_with_bracket {
  padding-left: 0;
}
.common_view_button.icon_ctrl_three_panel_view {
  padding: 0 0 !important;
}
.breadcrumb_header_container .folder_icon_ctrl svg,
.breadcrumb_header_container .tag_icon_ctrl svg {
  width: 16px;
}
.conversation_capture_list_search.collapsed_expand_search_ctrl {
  padding: 0 !important;
  border-top: 0;
}
.collapsed_expand_search_ctrl .conversation_capture_list_search_innr {
  min-width: 30px;
  min-height: 30px;
  cursor: pointer;
}
.conversation_capture_list_search_innr svg {
  position: absolute;
  font-size: 11px;
  color: rgba(70, 83, 105, 0.65);
  top: 0;
  left: 0;
  margin: 0 0 0 7px;
}
.conversation_capture_list_search_innr svg {
  padding: 0;
  margin: 1px 0 0 7px;
  top: 6px !important;
  z-index: 99;
}
.collapsed_expand_search_ctrl input {
  display: none;
}
.breadcrumb_header_container .list_header_inner_right {
  top: -1px;
  position: relative;
  margin-left: 8px;
}
.collapsed_expand_search_ctrl.active .conversation_capture_list_search_innr {
  position: absolute;
  background: #fff;
  z-index: 9999999;
  left: 0;
  width: 100%;
}
.collapsed_expand_search_ctrl.active svg#search {
  left: 10px;
  margin: 0;
}
.collapsed_expand_search_ctrl.active input {
  display: block;
  width: 100% !important;
  border: 0;
  padding-left: 36px;
  padding-right: 36px !important;
  font-size: 13px;
}
.collapsed_expand_search_ctrl input {
  font-size: 13px;
  font-weight: 500;
}
.collapsed_expand_search_ctrl
  .conversation_capture_list_search_innr
  .clear_text_search_in_list {
  top: -3px;
  right: 10px !important;
  left: auto;
  font-size: 13px;
}
.collapsed_expand_search_ctrl.active input:focus {
  outline: 0;
  border: 0;
}
.collapsed_expand_search_ctrl.active {
  position: unset;
}
.collapsed_expand_search_ctrl input::placeholder {
  color: rgba(70, 83, 105, 0.65);
  font-size: 13px;
}
.four_column_view_dropdown.groupBy_dropdown {
  align-items: center;
}
.four_column_view_dropdown.groupBy_dropdown .four_column.sorting_dropdown {
  border: 1px solid #e5e5e5;
  border-radius: 4px !important;
  margin: 0 5px;
  min-height: 26px;
}
.capture_module_line_view_ctrl .four_column.sorting_dropdown {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin: 0 5px;
}
.filter_list_dropdown.dropdown.capture_filter_for_individual_merged {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin: 0 5px;
  min-height: 26px;
}
.dd_section_title {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
.list_view_by_btn_ctrl {
  display: flex;
  flex-wrap: wrap;
  border-radius: 4px;
  margin: 0 -5px;
  border: 0;
}
.list_view_by_btn_ctrl button.btn.btn-primary.active {
  background: #e6f5fd;
  color: #0e9aef;
  border: 1px solid rgb(14 154 239 / 50%) !important;
}
.btn_group_icon {
  margin-bottom: 3px;
}
.list_view_by_btn_ctrl button.btn.btn-primary.active i {
  color: #0e9aef;
}
.list_view_by_btn_ctrl button.btn.btn-primary i {
  font-size: 14px;
  color: #6c6c76;
}
.list_view_by_btn_ctrl button.btn.btn-primary {
  background: #fff;
  color: #333;
  font-size: 13px;
  width: 96px;
  height: 96px;
  border: 1px solid #ededf4 !important;
  border-radius: 4px !important;
  margin: 5px;
}
.list_view_by_btn_ctrl button.btn.btn-primary svg {
  width: 14px;
  fill: #6c6c76;
}
.h_divider {
  height: 1px;
  background: #e9e9e9;
  margin: 10px -20px;
  width: auto;
}
.capture_type_check_container .form-check {
  margin: 5px 0;
}
.capture_type_check_container .form-check input {
  width: 14px;
  height: 14px;
  margin-left: -25px;
  position: absolute;
}
.capture_type_check_container .form-check-label {
  font-size: 13px;
  color: #333;
  font-weight: 400;
}
.capture_type_check_container .form-check-label {
  font-size: 13px;
  color: #333;
  font-weight: 400;
}
.rc_button_style_ui_control.capture_view_dropdown_ctrl {
  padding: 10px 20px !important;
  min-width: 350px;
}
.capture_type_check_container
  .form-check
  input[checked]
  + label.form-check-label {
  font-weight: 600;
}
.capture_type_check_container .form-check {
  margin: 5px 0;
  display: flex;
  align-items: center;
  padding-left: 25px !important;
}
.add_task_in_list_main_ctrl .add_dropdown_in_list_ctrl {
  border-left: 0 !important;
}
.list_view_by_btn_ctrl button:hover {
  background: #e4e4e7 !important;
}
.list_view_by_btn_ctrl button.active:hover {
  background: #e6f5fd !important;
}
.badge_icon {
  background: #f8f8f8;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.dropdown-menu.theme_dropdown_with_icon_text a .badge_icon svg,
.dropdown-menu.theme_dropdown_with_icon_text
  a
  .badge_icon
  svg.common_color_icon {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
.drop_event_label {
  font-size: 13px;
  font-weight: 600;
}
.drop_event_description {
  font-size: 12px;
  color: #7d7c78;
}
.drop_section_label {
  color: rgb(77 77 77 / 70%);
  font-size: 13px;
  font-weight: 600;
  padding: 5px 10px;
}
.dropdown-menu.theme_dropdown_with_icon_text
  a[data-bs-target="#embed_external_capture_url_modal_popup"] {
  padding-bottom: 10px !important;
}
.sorting_dropdown .sorted_by {
  color: #333 !important;
}
.filter_list_dropdown.active i.fas.fa-times-circle.clear_filter_icon {
  margin-left: 6px;
}
.custom_view_dropdown_ctrl .four_column.sorting_dropdown {
  margin: 0;
}
.rc_space_section_control .inline_text_content_controlitem_name {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selected_view_type_text {
  color: #333;
}
.image_extraction_text_loading_div {
  height: calc(100vh - 204px);
}
.in_full_screen_popup_view .each_tab_section_ctrl .data_div_ctrl {
  height: calc(100vh - 537px);
}
.in_full_screen_popup_view .no_ocr_generate_section.data_div_ctrl {
  height: calc(100vh - 401px);
}
.rc_personal_capture_list_ui_ctrl
  ul.column_layout.task_listing.list-size_active
  .capture_thumb_details.capture_thumb_details {
  display: inline-flex;
  align-items: center;
}
.app_style_capture_module_ctrl
  .conversation_view_main_wrapper
  .column_layout.task_listing
  li
  textarea.task_name.cp_task_name {
  border-top: 0;
  border-bottom: 0;
  min-height: 24px;
}
.comments_innr_header .activity_text {
  word-break: break-word;
}
.user-name-initial_circle {
  display: inline-flex;
  align-items: center;
}
.time_entried_ul_ctrl li.timer_entries_dropdown_li .play_icon_ctrl_in_widget i {
  margin-right: 6px;
}
.initial_shot_window
  .dropdown.show
  .telement_item.telement_item_dropdown.obj_cntxt_hit_btn {
  color: #333;
}
.initial_shot_window
  .dropdown.show
  .telement_item.telement_item_dropdown.obj_cntxt_hit_btn
  svg {
  fill: #333333;
}
.desktop_capture_annotator_popup .initial_shot_window.screenshot-modal-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.desktop_capture_annotator_popup {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: rgb(51 51 51 / 80%);
  z-index: 999999999;
  width: 100%;
  height: 100%;
}
.desktop_capture_annotator_popup
  .screenshot-modal-wrapper.canvas_edit_compact_view
  .content-RC-fullScreen-modal {
  border-radius: 0 !important;
}
.attachment_image_viewer_carousel_ctrl
  .merge_media_popup_header_control
  .media_type_icon
  svg
  * {
  fill: #ffffff;
}
.count_with_tooltip .custome_tooltip_pop_wrap {
  left: -35px !important;
  transform: none;
}
.count_with_tooltip
  .custome_tooltip_pop_wrap
  .arrow_box_top.dropdown-right:before {
  left: 24px !important;
}
.inner_sidebar.in_front_left_sidebar.icons_v_bar_ctrl
  ul.inner_sidebar_ctrl
  > li.active
  svg.line_icon_in_mini_panel
  * {
  fill: none !important;
}
.extra_option_button i {
  color: #fffc;
  font-size: 16px;
}
.__react_component_tooltip.place-bottom::before,
.__react_component_tooltip.place-right::before,
.__react_component_tooltip.place-top::before {
  display: none;
}
.__react_component_tooltip.place-bottom:after,
.__react_component_tooltip.place-left:after,
.__react_component_tooltip.place-right:after,
.__react_component_tooltip.place-top:after {
  background: rgb(21 27 38) !important;
}
.__react_component_tooltip.show {
  opacity: 1 !important;
}
a {
  text-decoration: none;
}
.upload_ui_modal_main.upload_custom_popup_ctrl.new_upload_capture_widget.capture_item_modal_popup.modal {
  width: 100% !important;
  height: auto;
}
.close {
  background: 0 0;
  border: 0;
}
.my_capture_ctrl .uppy-Root {
  width: 100%;
  height: 100%;
}
.my_capture_ctrl .app_style_capture_module_ctrl .uploadBox {
  margin: 0;
  width: 100%;
  height: 350px;
}
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.file_upload_elements .upload_state.mb-5 {
  margin-bottom: 0 !important;
}
.panel_content_wrapper.in_list_view {
  height: calc(100vh - 229px);
}
.rc_progress_collapse_expand_ctrl .upload_state.mb-5 {
  margin: 0 !important;
}
.rc_progress_collapse_expand_ctrl .file_uploader_ctrl_innr {
  border-bottom: 0 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.comment_three_dot_action_dropdown {
  width: 160px !important;
  max-width: 160px !important;
}
.start_to_end {
  font-size: 14px;
  color: rgb(38 38 38 / 60%);
  font-weight: 600;
}
.stop.started-timer {
  align-items: center;
  background: #ffddde;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  height: 24px;
  justify-content: center;
  margin-left: 8px;
  width: 24px;
}
.tt_col_total_time .stop.started-timer {
  margin-left: 18px;
  left: 0;
}
.timer_space_container {
  width: 95%;
  margin: 0 auto;
  padding: 40px 0 20px 0;
}
.down_arrow_icon:hover {
  background: #ebeef1;
}
.dual_panel_first .panel_content_wrapper.in_list_view,
.dual_panel_second .panel_content_wrapper.in_list_view {
  height: calc(100vh - 213px);
}
.du_panel_breadcrumb .list_sub_header_main {
  position: relative;
}
.du_panel_breadcrumb .add_task_in_list_main_ctrl {
  margin-left: 0 !important;
}
.du_panel_header_second .project_in_list_header h4 {
  margin: 0;
}
.du_panel_header_second .project_in_list_header {
  height: 40px;
}
.du_capture_count {
  color: #333;
  font-weight: 600;
  font-size: 13px;
  margin-left: 8px;
}
.du_panel_header_second {
  display: flex;
  align-items: center;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .du_panel_header_second
  span.breadcrumbs__folder_label_two.active {
  max-width: 80px;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .du_panel_header_second
  .breadcrumbs_header_ctrl
  .breadcrumbs__folder_label_one {
  max-width: 80px;
}
.dual_panel_first .conversation_capture_list_search_innr svg,
.dual_panel_second .conversation_capture_list_search_innr svg {
  fill: #333333 !important;
  margin: 0 !important;
  width: 18px;
  top: 13px !important;
  left: 5px;
}
.list_search_filter_bar_control .du_panel input[type="text"] {
  padding-left: 36px;
  font-size: 14px;
}
.no_integration_added_yet_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px 0;
}
.page_content_main_container {
  width: 100%;
  height: 100%;
  background: #f8fafb;
}
.page_content_main_inner_container {
  height: 100%;
}
.started-timer {
  margin-left: 12px;
}
.timesheet_task_col .task-name {
  color: #262626;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  min-height: 31px;
  align-items: center;
  display: inline-flex;
  padding: 0;
  vertical-align: middle;
}
.timesheet_task_col .task_name_comment .task-name {
  padding: 0 20px 0 10px;
}
.timesheet_list_wrap .timesheet_list_inner:last-child {
  border-radius: 0 0 12px 12px;
}
.timesheet_list_inner:hover {
  background: #fdfcfc;
  cursor: pointer;
}
.timesheet_col.timesheet_col_day.current_day .timesheet_col_day_weekday {
  color: #333;
}
.timesheet_col.timesheet_col_day.current_day .timesheet_col_total-weektime {
  color: #262626;
  font-weight: 500;
}
.mt_events_btn_wrap {
  display: flex;
  align-items: center;
}
.no_integration_added_yet_wrap svg {
  margin: 0 0 22px 0;
}
.no_integration_added_yet_wrap .title_bold {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.no_integration_added_yet_wrap .info_normal {
  padding: 10px;
  max-width: 411px;
  text-align: center;
  color: #333;
  font-size: 13px;
}
.timesheet_task_col .started-timer {
  opacity: 0;
}
.timesheet_list_inner:hover .timesheet_task_col .started-timer {
  opacity: 1;
}
.breadcrumb_header_container .tag_assignee_data_active {
  display: inline-flex;
  align-items: center;
}
.drop_label {
  font-size: 13px;
  font-weight: 600;
  padding: 5px 10px;
  opacity: 0.6;
}
.calendar_setting ul.rc_submenu_highway.dropdown-right {
  top: auto !important;
  margin: 5px 0 !important;
}
.dropdown-menu.project_drop-down_ctrl {
  width: 220px;
  margin: 0 !important;
  top: 100% !important;
  margin-top: 5px !important;
  right: 0 !important;
  left: auto !important;
}
.project_icon {
  width: 22px;
  display: inline-flex;
  align-items: center;
}
.create_project_btn {
  color: #414141;
  display: flex;
  align-items: center;
  padding: 5px;
  justify-content: center;
  font-size: 14px;
  min-height: 40px;
  border-top: 1px solid #e2e2e2;
  cursor: pointer;
}
.create_project_btn svg {
  margin-right: 5px;
  width: 10px;
  height: 10px;
}
.create_project_btn:hover {
  background: #f5f6f7;
}
.project_drop-down_ctrl .search_input_section.in_section_search {
  border-bottom: 1px solid #e2e2e2;
}
.calendar_setting ul.rc_submenu_highway.dropdown-right li {
  font-weight: 400;
}
.mt_timeline_inner {
  margin-bottom: 20px;
}
.mt_timeline_inner {
  background: #fff;
  margin-bottom: 20px;
  border: 1px solid #edeef2;
  border-radius: 9px;
}
.tt_col_task {
  flex: 1 1 !important;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 15px;
  box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  align-items: center;
  flex: 1 1000 auto;
  justify-content: flex-start;
}
.tt_col_task .resync_svg_icon {
  position: relative;
  margin: 8px 0 0 7px;
}
.your_extension_section_container {
  padding: 18px 0;
}
.s_int_app_brand_name {
  display: inline-flex;
  align-items: center;
  line-height: normal;
}
.status-badge {
  display: inline-block;
  color: #222;
  font-size: 12px;
  font-weight: 600;
  padding: 0 0 0 12px;
  position: relative;
}
.app_integration_page_view_inner_container.integration_list_wrapper
  .app_data_loop {
  padding: 12px 12px 12px;
  border: 1px solid #e2e7eb;
  border-radius: 9px;
  display: block;
  margin: 10px 10px;
  background: #fff;
  position: relative;
}
.app_integration_page_view_inner_container.integration_list_wrapper
  .app_data_loop_svg_data {
  border: 0;
  width: auto;
  height: auto;
  padding: 0;
  display: block;
}
.app_integration_page_view_inner_container.integration_list_wrapper
  .app_data_loop
  .app_data_loop_text_data {
  padding: 0;
}
.app_integration_page_view_inner_container.integration_list_wrapper
  .app_data_loop
  .app_data_loop_svg_data
  img {
  width: 26px;
}
.integration_description {
  font-size: 13px;
  color: #1d1c1d;
  margin: 10px 0 0;
}
.app_integration_page_view_inner_container
  .app_data_loop
  .app_data_loop_text_data
  .add_int_btn {
  background: 0 0;
  color: #1d1c1d;
  font-size: 13px;
  padding: 0 !important;
  margin: 0 !important;
  height: auto;
  line-height: initial;
  min-height: auto;
  display: inline-flex;
  align-items: center;
}
.app_integration_page_view_inner_container
  .app_data_loop_text_data
  button.coming-soon-app {
  background-color: #e5e7e7 !important;
  text-transform: uppercase;
  padding: 2px 4px !important;
  color: #333 !important;
  font-size: 11px !important;
  border-radius: 4px;
  cursor: default;
}
.add_int_btn i {
  color: #0e9aef;
  font-size: 11px;
  margin-right: 5px;
}
.app_integration_page_view_inner_container.integration_list_wrapper
  .app_data_loop
  .app_data_loop_svg_data {
  border: 0;
  width: auto;
  height: 18px;
  padding: 0;
  display: block;
}
.app_integration_page_view_inner_container
  .app_data_loop
  .app_data_loop_text_data
  .add_int_btn:hover {
  color: #0e9aef;
}
.app_integration_page_view_inner_container.integration_list_wrapper {
  flex-wrap: wrap;
  margin: 10px -10px 0;
  width: auto;
}
.back_to_integration:hover svg {
  stroke: #333333;
}
.back_to_integration:hover {
  color: #333;
}
.back_to_integration {
  display: inline-flex;
  align-items: center;
  color: rgb(38 38 38 / 80%);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 8px;
}
.page_title_bold {
  color: #262626;
  font-size: 28px;
  font-weight: 600;
  line-height: normal;
}
.app_integration_page_view_container .project_management_tool {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
}
.app_integration_page_view_container .project_management_tool_small {
  color: #262626;
  line-height: normal !important;
  margin-top: 8px;
}
.title_header_with_back {
  margin-bottom: 30px;
}
.title_header_with_back {
  margin-bottom: 30px;
}
.back_to_integration svg {
  margin-right: 5px;
}
.app_data_loop_svg_data svg {
  display: block;
}
.app_integration_page_view_inner_container.integration_list_wrapper
  .app_data_loop:hover {
  border: 1px solid #dbdbdc;
  background: #fcfcfc;
}
.tt_col_total_inner .mt_day_total {
  text-align: right;
  min-width: 54px;
  color: #262626;
}
.task_list_with_timer:hover .tt_row-col .add_pt_drop_ctrl {
  opacity: 1;
}
.task_list_with_timer:hover {
  background: #fdfcfc;
  cursor: pointer;
}
.tt_more_action_link.show {
  background: #f5f6f7;
}
.rt_task_timer_inner .start_stop_timer_counter .input_mannual_ctrl {
  font-size: 16px;
}
.rt_task_timer_inner .start_stop_timer_counter .input_mannual_ctrl:active,
.rt_task_timer_inner .start_stop_timer_counter .input_mannual_ctrl:focus,
.rt_task_timer_inner .start_stop_timer_counter .input_mannual_ctrl:hover {
  border-color: #dbdbdb;
}
.tt_more_action_link svg {
  opacity: 0.6;
}
.tt_more_action_link:hover svg {
  opacity: 1;
}
.drop.dropdown.in_timesheet .tt_more_action_link.show {
  opacity: 1;
}
.tt_action_pull_right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.tt_action_pull_right .rc_timer {
  display: inline-flex;
}
.timesheet_task_col .started-timer {
  display: inline-flex;
  align-items: center;
}
.advance_page_controller_header {
  display: inline-flex;
  padding: 0 0 15px;
  width: 100%;
  align-items: center;
}
.tp_filter_group_btn {
  display: flex;
  align-items: center;
  border: 1px solid #e2e7eb !important;
  padding: 0;
  line-height: revert;
  margin-right: 10px;
  background: #fff !important;
  border-radius: 6px;
  transition: 0.2s;
  min-height: 36px;
}
.tp_filter_group_btn .sel-content_text {
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  line-height: normal;
}
.filter_inf_icon {
  display: inline-flex;
  align-items: center;
}
.filter_inf_icon svg {
  width: 16px;
  height: 16px;
  margin-right: 9px;
}
.selected_filter_text {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  user-select: none;
  word-break: break-all;
}
.caret_box {
  display: inline-flex;
  align-items: center;
  width: 36px;
  height: 34px;
  justify-content: center;
  border-left: 1px solid #e2e7eb;
  border-right: 0;
}
.caret_box i {
  font-size: 11px;
  color: #676767;
}
.tp_filter_dropdown_list_ctrl li,
.tp_filter_dropdown_list_ctrl li a {
  display: flex;
  width: 100%;
  font-size: 14px;
  align-items: center;
}
.tp_filter_dropdown_list_ctrl .dropdown_list_ul {
  padding: 5px;
  background: #fff;
  border-radius: 6px;
}
.tp_filter_dropdown_list_ctrl li a {
  cursor: pointer;
}
.timer_table_header_inner {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebeef1;
  padding: 0;
}
.scroll_visible .timer_table_header_inner {
  padding-right: 12px;
}
.timer_filter_up_down_box {
  border: 1px solid #e2e7eb;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.timer_row_col {
  display: flex;
  align-items: center;
  padding: 5px 5px;
  min-height: 42px;
  font-size: 14px;
  color: #282828;
}
.timer_row_col.timer_row_col_member {
  min-width: 320px;
  max-width: 320px;
}
.detailed_report_architecture .timer_row_col.timer_row_col_member {
  min-width: 300px;
  max-width: 340px;
}
.detailed_report_architecture .timer_row_col.timer_row_col_member.forClient {
  min-width: 260px;
  max-width: 260px;
}
.detailed_report_architecture .timer_row_col.timer_row_col_member.forProject {
  min-width: 230px;
  max-width: 230px;
}
.timer_col_label {
  font-size: 13px;
  color: #262626;
  font-weight: 600;
  user-select: none;
}
.timer_list_with_task_row.in_detailed_tab .member_name {
  color: #333;
  font-weight: 600;
  font-size: 13px;
}
.no_client_data {
  color: #26262699 !important;
  font-style: italic;
}
.timer_col_label .task_count {
  color: #949fb1;
  font-weight: 600;
  margin-left: 6px;
}
.timer_row_col.timer_row_col_task {
  flex: 1;
  overflow: hidden;
}
.timer_row_col.timer_row_col_tracked_time {
  min-width: 120px;
  justify-content: right;
}
.timer_row_col.timer_row_col_total_timer {
  min-width: 120px;
  text-align: right;
  justify-content: right;
}
.toggle_switch_box {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
}
.toggle_switch_box i {
  font-size: 10px;
}
.initial_circle_icon {
  width: 24px;
  height: 24px;
  background: #333336;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  border-radius: 100%;
  margin-right: 10px;
}
.member_name {
  color: #333;
  font-weight: 500;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  padding-right: 20px;
}
.timer_row_col_task .task_name {
  color: #262626;
}
.tracked_total_time {
  color: #262626;
  font-weight: 600;
}
.timer_list_with_task_row {
  display: flex;
  align-items: center;
  padding: 0 0;
  border-top: 1px solid #ebeef1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.data_row_expanded,
.timer_list_with_task_row.data_row_expanded,
.timesheet_list_with_task_row.data_row_expanded {
  background: #ebebeb !important;
}
.timer_list_with_task_row.in_detailed_tab {
  background-color: rgba(51, 51, 51, 0.02);
}
.asc_des_order_filter {
  margin-left: 6px;
  cursor: pointer;
}
.timer_list_with_task .timer_list_with_task_row:hover {
  background: #fdfcfc;
}
.team_timer_time_list-inner {
  padding: 20px 0 0;
}
.search_placeholder {
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  padding: 7px 28px 7px 35px;
  width: 250px;
  max-width: 250px;
  font-size: 14px;
  line-height: normal;
  min-height: 36px;
  transition: width 250ms ease-in-out;
  -webkit-transition: width 250ms ease-in-out;
  -moz-transition: width 250ms ease-in-out;
}
.pull-right {
  float: right;
  margin-left: auto;
}
.search_input_filter_ctrl .search_icon {
  position: absolute;
  left: 12px;
  top: 11px;
}
.search_input_filter_ctrl {
  font-size: 13px;
  position: relative;
  flex: 1;
}
.tracked_timer {
  display: inline-flex;
}
.dropdown-menu.filter_by_dropdown_ctrl {
  min-width: 240px !important;
  right: 0 !important;
  left: auto;
}
.advance_page_controller_header .timeline_filter_btn_group {
  margin-left: 0;
  margin-right: 10px;
  border-radius: 6px;
}
.toggle_switch_box:hover i {
  color: #333;
}
.tp_filter_group_btn:hover {
  background: #f9fafd !important;
}
.search_placeholder:focus {
  border: 1px solid #0e9aef;
}
.tp_filter_dropdown_list_ctrl li a label {
  margin-right: 8px;
  display: inline-flex !important;
  align-items: center;
  margin-bottom: 0 !important;
}
.dropdown-menu.tp_filter_dropdown_list_ctrl.show {
  top: 100% !important;
}
.dropup .dropdown-menu.tp_filter_dropdown_list_ctrl.show {
  top: auto !important;
}
.dropdown-menu.tp_filter_dropdown_list_ctrl.dropdown-upwards.show {
    top: unset !important;
    bottom: 100% !important;
}
.tp_filter_dropdown_list_ctrl ul li a {
  padding: 8px 8px;
  border-radius: 4px;
  color: #333;
  line-height: 1;
  min-height: 36px;
}
.tp_filter_dropdown_list_ctrl ul.custom_member_dropdown li a {
  color: #333;
}
.dropdown-menu.tp_filter_dropdown_list_ctrl {
  min-width: 200px;
}
.tp_filter_dropdown_list_ctrl ul li a:hover {
  background: #f5f5f5;
}
.tp_filter_group_btn.show {
  border: 1px solid #c8cccf !important;
}
.timeline_filter_btn_group:hover {
  border: 1px solid #c8cccf !important;
}
.download_list_drop ul.dropdown-menu.rc_submenu_highway {
  top: 100% !important;
  left: 0 !important;
}
.mt_event_com_btn.download.show {
  background: #fff !important;
  border: 1px solid #d6d8dc !important;
}
.dropdown.download_list_drop ul.dropdown-menu {
  margin-top: 5px !important;
  min-width: 160px !important;
  padding: 5px;
}
.dropdown.download_list_drop ul.dropdown-menu .rc_submenu_highway_lane {
  font-weight: 400;
}
.timer_setting_side_panel .element_icn_ctrl {
  display: block !important;
}
.timer_setting_side_panel li a.active .element_icn_ctrl svg * {
  fill: #0e9aef !important;
  stroke: none !important;
}
.timer_setting_side_panel li a .element_icn_ctrl svg * {
  fill: #696d75 !important;
}
.timer_setting_side_panel ul.capture_fixed_menu_ul > li > a {
  padding: 4px 0 4px 12px !important;
}
.timer_setting_side_panel
  ul.capture_fixed_menu_ul
  > li
  > a
  .element_icn_ctrl
  svg {
  width: auto;
}
.timer_setting_side_panel ul.capture_fixed_menu_ul > li > a .element_icn_ctrl {
  width: 25px;
  min-width: 25px;
}
.timer_setting_side_panel ul.capture_fixed_menu_ul > li > a .capture_menu_item {
  font-weight: 600 !important;
}
.invite_team_members.dropdown ul.rc_submenu_highway {
  top: 100% !important;
}
.invite_team_members.dropdown .invite_team_members_event.show {
  background: #ebebed;
}
.gray_theme_custom_sidebar ul.capture_fixed_menu_ul > li.pl-50 .captures_count {
  margin-right: 4px;
}
.gray_theme_custom_sidebar ul.capture_fixed_menu_ul > li.child_item_ctrl {
  padding: 4px 6px 4px 30px !important;
}
.active_user_filter ul.dropdown_list_ul {
  border-radius: 6px;
}
ul.rc_submenu_highway.dropdown-menu-left {
  left: auto !important;
  right: 0 !important;
}
.rt_task_timer_container {
  position: relative;
}
.timer_search_data_container {
  background: #fff;
  width: 100%;
  margin-top: 0;
  padding: 0 24px;
  transition: 0.4s height;
  max-height: 366px;
  overflow: auto;
}
.rt_task_timer_container .element-loader.preview_panel {
  position: static !important;
  padding: 20px 0 5px;
}
.timer_search_data_container .timer_search_data_row:first-child {
  border-top: 0;
}
.timer_search_data_row {
  border-bottom: 1px solid #e2e7eb;
  display: flex;
  align-items: baseline;
  padding: 10px 5px;
  cursor: pointer;
}
.integration_icon {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.current_task_description .task_name {
  font-size: 14px;
  color: #262626;
  flex: 1 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.timer_search_data_row:hover {
  background: #fdfcfc;
}
.move_time_calendar_container {
  min-width: 246px;
}
.calendar_range_view_header {
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.calendar_r_title {
  font-size: 13px;
  font-weight: 600;
  color: rgb(65 65 65 / 90%);
}
.calendar_r_switch {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.move_time_calendar_container {
  min-width: 246px;
  top: 100% !important;
}
.calendar_r_switch .form-check-input {
  width: 28px;
  height: 16px !important;
}
.s_int_app_brand_name .etd_logo {
  width: auto;
}
.s_int_app_brand_name .etd_logo {
  width: auto;
  margin-right: 0;
}
.du_panel_header_second .project_in_list_header h4.tag_assignee_data_active {
  display: inline-flex;
  align-items: center;
}
.du_panel_header_second
  .project_in_list_header
  h4.tag_assignee_data_active
  .data_ctrl {
  max-width: 100%;
}
.du_panel_header_second .project_in_list_header h4.tag_assignee_data_active {
  width: 100%;
  max-width: 100% !important;
}
.du_panel_header_second
  .project_in_list_header
  h4.tag_assignee_data_active
  .data_ctrl {
  max-width: 320px;
}
.breadcrumb_header_container .tag_assignee_data_active .data_ctrl {
  max-width: 350px;
}
.breadcrumb_header_container .tag_assignee_data_active {
  max-width: 100% !important;
}
.add_time_entry_popup .modal-dialog {
  width: 430px;
  max-width: 430px;
}
.add_time_entry_popup .modal-header {
  justify-content: start;
  text-align: left;
  padding: 15px 20px;
}
.add_time_entry_popup .modal-header .modal-title {
  text-align: left !important;
  margin: unset;
  font-size: 18px;
}
.add_time_entry_popup .modal-header button.close.close_bg_on_hover {
  top: 15px;
  right: 15px;
}
.add_time_entry_popup.add_time_entry_popup .modal-body {
  padding: 20px !important;
}
.edit_range_input_group_container {
  display: flex;
}
.edit_each_range_input_group:first-child {
  padding-left: 0;
}
.edit_each_range_input_group:last-child {
  padding-right: 0;
}
.modal label.inf_label {
  font-size: 13px;
  font-weight: 600;
  color: #282c34;
  margin-bottom: 6px;
}
.req_star {
  color: #ff2d2d;
  font-size: 14px;
}
.edit_each_range_input_group .rage_input_auto {
  position: relative;
}
.rage_input_auto input {
  width: 100%;
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  min-height: 36px;
  padding: 6px 28px 6px 10px;
  font-size: 13px;
  color: #282c34;
  font-weight: 400;
}
.rage_input_auto .range_info_icon {
  position: absolute;
  right: 10px;
  margin: auto;
  top: 10px;
}
.timer_range_view_container {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.start_end_on_off_ctrl {
  height: auto;
  margin: 0 0 0 13px;
}
.start_end_on_off_ctrl .switch.switch_active.checked.switch-compact {
  width: 28px;
  height: 16px;
  margin: 0;
  bottom: 0;
}
.start_end_on_off_ctrl .compact_ui .slider {
  background: #ececed;
}
.start_end_on_off_ctrl
  .compact_ui.rc_folder_section_on\/off_control
  .slider:before {
  top: 2px;
  left: 3px;
  border: 0;
}
.start_end_on_off_ctrl .switch-compact input:checked + .slider:before {
  width: 12px !important;
  height: 12px !important;
  top: 2px;
  left: -8px !important;
}
.pt_name_text {
  color: rgb(51 51 51 / 100%);
  font-size: 13px;
}
.up_down_arrow_icon {
  position: absolute;
  right: 10px;
  top: 7px;
}
.up_down_arrow_icon svg {
  width: 8px;
  height: 8px;
}
.modal-footer.edit_time_last_action_footer {
  flex-direction: column;
  padding: 15px 20px;
  border-radius: 0 0 10px 10px;
}
.modal-footer.edit_time_last_action_footer button.btn {
  width: 100%;
  margin: 5px 0 !important;
  min-height: 36px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
}
.save_and_add_more {
  color: #282c34;
}
.edit_each_range_input_group {
  padding: 0 5px;
}
.add_time_entry_popup .modal-content {
  border-radius: 10px;
}
button.btn.btn-default.save_and_add_more:hover {
  border: 1px solid #e7eaec;
  background: #f7f7f7;
  color: #333;
}
.rage_input_auto input:focus {
  border-color: #0e9aef !important;
}
.disable_add_capture.add_task_in_list_btn {
  border-radius: 4px;
}
.empty_state_ctrl {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100vh - 255px);
}
.empty_state_ctrl .title_bold {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
.empty_state_ctrl svg {
  margin: 0 0 22px 0;
}
.empty_state_ctrl p {
  text-align: center;
  font-size: 14px;
  margin: 0;
}
.rcr_app_section_inner_loader.timer_data_loading {
  background: #fff;
  padding: 20px 20px 10px;
  border: 1px solid #e2e7eb;
  border-radius: 9px;
}
.date_calender_popup .rdrStaticRangeLabel {
  color: #333;
  font-size: 12px;
  font-weight: 600;
}
.rdrStaticRanges button {
  display: flex;
  width: 100%;
  align-items: center;
  height: 30px;
  padding-left: 14px;
  padding-right: 10px;
  cursor: pointer;
  border: 0;
}
.date_calender_popup .rdrStaticRangeLabel {
  color: #333;
  font-size: 12px;
  font-weight: 600;
  padding: 0;
  width: 100%;
}
.date_calender_popup .rdrStaticRanges button:hover .rdrStaticRangeLabel {
  background: 0 0;
}
.date_calender_popup .rdrStaticRanges button:hover {
  background: rgba(36, 162, 239, 0.11);
}
.date_calender_popup .rdrDefinedRangesWrapper {
  width: 185px;
  padding: 5px 0;
}
.rdrDay .rdrDayNumber {
  font-size: 12px;
  font-weight: 600;
  color: #000;
}
.rdrMonthsVertical .rdrMonth {
  width: 272px;
  padding: 0 10px 10px;
}
.rdrMonthAndYearPickers select {
  font-size: 12px;
  color: #000;
  font-weight: 600 !important;
}
.rdrDateRangeWrapper .rdrMonthAndYearWrapper {
  align-items: center;
  padding-top: 0;
  height: 50px;
}
.rdrMonthAndYearPickers select {
  padding: 5px 30px 4px 10px;
}
.rdrMonthsVertical .rdrWeekDay {
  color: #000;
  font-size: 12px;
  font-weight: 600;
}
.rdrDayToday
  > .rdrEndEdge
  ~ .rdrDayNumber
  .range_picker_inner.range_picker_highlight
  span,
.rdrDayToday
  > .rdrInRange
  ~ .rdrDayNumber
  .range_picker_inner.range_picker_highlight
  span,
.rdrDayToday
  > .rdrStartEdge
  ~ .rdrDayNumber
  .range_picker_inner.range_picker_highlight
  span {
  color: #fff !important;
}
.breadcrumb_pill_ctrl {
  -webkit-box-flex: 0 2 auto;
  -webkit-flex: 0 2 auto;
  flex: 0 2 auto;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  min-width: 70px;
}
.breadcrumb_pill_ctrl .breadcrumbs__folder_label_one,
.breadcrumb_pill_ctrl .breadcrumbs__folder_label_two {
  min-width: 50px;
}
.breadcrumbs_header_ctrl .breadcrumbs__folder_label_two {
  width: auto !important;
  max-width: 100% !important;
  -webkit-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.project_in_list_header {
  display: flex;
  align-items: center;
  flex-direction: row;
  max-width: calc(100% - 30px);
}
h4.list_header_inner_left_component_dropdown.breadcrumbs_header_ctrl {
  flex: 1;
}
.edit_time_entry_popup .modal-header {
  justify-content: left;
}
.edit_time_entry_popup .modal-title {
  text-align: left !important;
  margin: unset !important;
}
.edit_time_entry_popup .modal-content {
  border-radius: 10px;
}
.edit_time_entry_popup .modal-dialog {
  width: 326px;
  max-width: 326px;
}
.edit_time_entry_popup .timer_range_view_container {
  margin-bottom: 0;
}
.modal-footer.edit_time_last_action_footer_ctrl {
  flex-wrap: unset;
  padding: 15px;
}
.modal-footer.edit_time_last_action_footer_ctrl button.btn {
  width: 100%;
  margin: 0 5px !important;
}
.edit_time_last_action_footer button.btn:first-child {
  margin-left: 0 !important;
}
.edit_time_last_action_footer button.btn:last-child {
  margin-right: 0 !important;
}
.edit_time_entry_popup .modal-header {
  padding: 10px 15px;
  justify-content: left;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  border-bottom: 1px solid #edeae9;
  color: #282c34;
  font-size: 16px;
}
.modal-footer.edit_time_last_action_footer_ctrl {
  padding: 15px 15px;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #dee2e6;
  display: flex;
  flex-direction: unset;
}
.inf_label {
  font-size: 14px;
  font-weight: 600;
  color: #282c34;
  margin-bottom: 6px;
  line-height: normal;
}
.edit_time_entry_popup {
  z-index: 99999;
  position: fixed;
  display: block;
}
.edit_time_entry_popup.show {
  opacity: 1;
}
.edit_time_entry_popup .modal-header .modal-title {
  font-size: 16px;
  color: #333;
  line-height: normal;
}
.in_estimate_popover .default-estimate-time .d-time:last-child {
  margin-right: 0;
}
.edit_time_entry_popup .modal-body {
  padding: 15px 15px 15px !important;
}
.edit_time_entry_popup .entry_info_container {
  align-items: center;
  white-space: nowrap;
  padding: 8px 10px;
}
.edit_time_entry_popup .entry_info_container .view_entry_info {
  flex-shrink: 0;
  line-height: 0;
}
.modal-footer.edit_time_last_action_footer_ctrl button.btn:first-child {
  margin-left: 0 !important;
}
.modal-footer.edit_time_last_action_footer_ctrl button.btn:last-child {
  margin-right: 0 !important;
}
.quick_rename_btn {
  width: 25px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px 0 auto;
  border-radius: 3px;
  cursor: pointer;
  opacity: 0;
}
ul.column_layout.task_listing > li:hover .quick_rename_btn {
  opacity: 1;
}
.quick_rename_btn svg {
  width: 16px;
  height: 16px;
  color: #b4b5b9;
  fill: #b4b5b9;
}
.quick_rename_btn svg * {
  fill: #878f96;
}
.quick_rename_btn:hover svg,
.quick_rename_btn:hover svg * {
  fill: #333333;
}
.initial_user_circle {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  margin-right: 6px;
}
.user_name_text_outer_div {
  display: flex;
  align-items: center;
}
.alert.alert-warning.move_time_warning {
  padding: 14px 10px 14px 36px;
  font-size: 12px;
  font-weight: 600;
  color: #7d6000;
  margin: 0;
}
.warning_info_icon {
  display: inline-block;
  float: left;
  position: absolute;
  left: 14px;
  font-size: 13px;
}
ul.rc_user_list.scrollbox {
  height: 202px;
  overflow: auto;
  padding: 0;
}
.rc_user_list li {
  display: flex;
  align-items: center;
  min-height: 36px !important;
  padding: 8px 12px 8px 12px !important;
  line-height: normal;
  cursor: pointer;
  border-radius: 4px;
}
.rc_user_list_img_circle {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
}
.rc_username {
  color: #333;
  font-size: 13px;
  display: inline-block;
  overflow: hidden;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: normal;
}
.entry_total_time svg {
  display: inline-block;
  margin-right: 6px;
}
.entry_total_time {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #282c34;
  font-weight: 600;
  margin-left: 10px;
}
.pt_name_text.text_bold {
  font-weight: 600;
  color: #333;
}
.dropdown-menu.rc_popover_dropdown {
  width: 100%;
  margin: -1px 0 0 !important;
}
.rc_list_icon_area svg {
  display: block;
}
.rc_list_icon_area {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.rc_user_list li:hover {
  background: #f5f5f5;
}
.edit_each_range_input_group.w-100 {
  width: 100%;
}
.edit_time_entry_three_dot_dropdown {
  padding: 5px 5px;
  min-width: 160px;
  height: auto;
  z-index: 999999;
  left: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  border: 1px solid #d5d5d6 !important;
  position: fixed;
  display: block;
}
.in_estimate_popover .default-estimate-time .d-time {
  margin: 5px 3px 0 3px !important;
  user-select: none;
}
.in_estimate_popover .default-estimate-time {
  flex-wrap: wrap;
}
.delete_time_confirm_modal .modal-dialog {
  width: 400px;
}
.delete_time_info_state h3 {
  font-size: 13px;
  color: #282c34;
  margin-top: 10px;
  line-height: unset;
}
.delete_time_info_state h3 {
  word-break: break-all;
}
.delete_time_info_state {
  text-align: center;
  padding: 30px;
}
.rename_sod_eod_error {
  color: #f15866;
}
.delete_time_confirm_modal .modal-content {
  border-radius: 10px;
}
.modal-footer.delete_time_last_action_footer button.btn {
  width: 100%;
  margin: 5px 0 !important;
}
.delete_time_last_action_footer .btn.dismiss_modal {
  color: #282c34;
  font-weight: 600;
}
.delete_time_last_action_footer .btn.dismiss_modal:hover {
  border: 1px solid #e7eaec;
  background: #f0f0f0;
}
.delete_time_confirm_modal .modal-header {
  justify-content: left;
  padding: 12px 15px;
}
.delete_time_confirm_modal .modal-header .close {
  top: 11px;
}
.modal-footer.delete_time_last_action_footer {
  border-radius: 0 0 10px 10px;
}
.timer_search_data_container .timer_search_data_row:last-child {
  border-bottom: 0;
}
.timer_search_section_label {
  padding: 14px 0 10px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(40, 44, 52, 0.6);
}
.search_focused .rt_task_timer_inner {
  border-radius: 6px 6px 0 0;
  box-shadow: 0 3px 12px -2px #3333331a;
}
.recent_timer_wrap {
  display: flex;
  align-items: center;
}
.upload_ui_modal_main.upload_custom_popup_ctrl {
  box-shadow: none;
}
.custom_backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000;
  opacity: 0.7;
  transition: opacity 0.15s linear;
}
.cc_list_view_group
  .blank_capture_in_side_panel
  .image_extraction_text_loading_div {
  height: calc(100vh - 572px) !important;
}
.canvas_edit_compact_view
  .data_in_sidepanel.in_compact_view
  .capture_list_dropdown_full_modal_popup.in_canvas.pdf_capture_side_panel {
  border-left: 0;
}
.timer_two_column_container {
  display: flex;
  height: 100%;
  width: calc(100% - 254px);
}
.timer_list_col_wrap {
  width: 100%;
}
.modal_popup_view .timer_detail_scroller {
  overflow: auto;
  max-height: calc(100vh - 170px);
  height: calc(100vh - 170px);
  display: flex;
  flex-direction: column;
}
.preview_pane_title_header {
  display: flex;
  align-items: center;
  padding: 8px 14px 8px 20px;
  border-bottom: 1px solid #edeae9;
}
.preview_title_text {
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
.header_event_action_right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.header_event_action_right .buttton_common_style {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 5px;
}
.header_event_action_right .buttton_common_style:hover {
  background: #f5f6f7;
}
.header_event_action_right .buttton_common_style i {
  width: 14px;
  color: #484d56;
}
.editable_time_entry_inner {
  padding: 6px 21px 16px;
}
.entry_name_input_wrap img {
  height: 23px;
  margin-right: 8px;
  margin-top: 12px;
}
.editable_entry.in_detail {
  border-radius: 6px;
  color: #1d1c1d;
  cursor: text;
  font-size: 20px;
  font-weight: 600;
  height: auto !important;
  min-height: auto;
  padding: 6px 10px;
  word-break: break-word;
  width: 100%;
  resize: none;
  overflow: visible;
  max-height: 380px;
}
.editable_entry.in_detail.partial_entry {
  color: rgba(38, 38, 38, 0.6);
}
.editable_entry.in_detail textarea {
  width: 100%;
  resize: none;
  padding: 0;
  border: 0;
  overflow: hidden;
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.editable_entry.in_detail.active:hover {
  border-color: #dbdbdb;
}
.editable_entry.in_detail.active:focus,
.editable_entry.in_detail.active:focus-within {
  border-color: #0e9aef;
}
.entry_name_text_ctrl {
  color: #1d1c1d;
  font-size: 20px;
  font-weight: 600;
  padding: 6px 10px;
  min-height: auto;
  height: auto !important;
  border: 1px solid transparent !important;
  border-radius: 6px;
  cursor: text;
  white-space: normal;
  word-break: break-word;
}
.entry_name_text_ctrl:hover {
  border: 1px solid #dbdbdb !important;
}
.entry_name_text_ctrl.link_entry:hover {
  border: 1px solid transparent !important;
}
.etd_time_estimate_running_widget.in_timer_preview_panel {
  padding: 20px;
  border-top: 0;
}
.user_edit_time_by_other {
  padding: 20px;
}
.user_edit_time_by_other .etd_current_running_timer {
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  padding: 5px 10px;
}
.time_entry_tabs_header .tab-horizontal li.common_quick_tab {
  display: inline-flex;
  align-items: center;
  padding: 10px 0 10px 0 !important;
  margin: 0 10px;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.comments_overlayed_wrapper .inbox-comment-body {
    height: 100vh;
}
.etd_time_estimate_running_widget.in_timer_preview_panel
  .etd_time_est
  .total_hours:first-child {
  margin-left: 10px;
}
.edit_badge_disabled {
  pointer-events: none !important;
}
.etd_time_estimate_running_widget.in_timer_preview_panel
  .etd_time_est
  .total_hours:last-child {
  margin-right: 10px;
}
.etd_time_estimate_running_widget.in_timer_preview_panel .total_hours {
  width: calc(100% - 10px);
  margin: 0 5px;
}
.in_timer_preview_panel .etd_running_timer {
  display: inline-flex;
  align-items: center;
}
.in_timer_preview_panel
  .etd_current_running_timer
  .task-timer-play-section
  .play-action {
  display: inline-flex;
  align-items: center;
}
.timer_entry_meta_data_container {
  padding: 0 0 30px 0;
}
.modal_popup_view .timer_entry_meta_data_container,
.side_panel_view .timer_entry_meta_data_container {
  padding-bottom: 0;
  height: 100%;
}
.time_entry_tabs_header {
  display: flex;
  border-bottom: 1px solid #e2e7eb;
  border-top: 0;
  padding: 0 10px;
}
.time_entry_tabs_header li.common_quick_tab:hover:after {
  opacity: 1;
}
.time_entry_tabs_header li.common_quick_tab:after {
  content: "";
  height: 2px;
  width: 100%;
  bottom: 0;
  display: block;
  position: absolute;
  background: #0e9aef;
  top: auto;
  opacity: 0;
}
.time_entry_tabs_header li.common_quick_tab.active:after {
  opacity: 1 !important;
}
.etd_time_estimate_running_widget.in_timer_preview_panel .etd_text_icon_label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  color: #282c34;
}
.in_timer_preview_panel .etd_time_ran > span {
  font-size: 18px;
  font-weight: 600;
  color: #282c34;
}
.user_edit_time_byself_group .username_previoustime_group .username {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  word-break: break-word;
}
.modal_popup_view .user_name_single_line {
  width: 310px;
}
.user_name_single_line {
  overflow: hidden;
  white-space: nowrap;
  width: 270px;
  text-overflow: ellipsis;
}
.started_by_single_line {
  overflow: hidden;
  white-space: nowrap;
  width: 360px;
  text-overflow: ellipsis;
}
.user_edit_time_byself_group .username_previoustime_group .previous_time {
  font-size: 12px;
  font-weight: 600;
  color: #333;
  margin: 0;
  padding: 0;
}
.user_edit_time_byself_group
  .username_previoustime_group
  .etd_running_timer
  .timer-running {
  font-size: 16px;
  color: #282c34;
  font-weight: 600;
}
.user_edit_time_by_other .username_previoustime_group .username {
  font-size: 13px;
  font-weight: 600;
  color: rgb(51 51 51 / 70%);
}
.user_edit_time_by_other .username_previoustime_group .previous_time {
  color: rgb(51 51 51 / 70%);
  font-weight: 600;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.user_edit_time_byself_group .etd_running_timer .timer-running {
  font-weight: 600;
  white-space: nowrap;
}
.timer_entry_details_tab_content .entry_detail .meta-details {
  margin: 0;
  padding: 10px 20px;
}
.timer_entry_details_tab_content
  .entry_detail
  .meta-details
  .detail-row
  .labels {
  min-width: 20px;
  width: 20px;
  margin-right: 12px;
}
.timer_entry_details_tab_content .username_previoustime_group .username {
  color: #333;
  font-weight: 600;
  word-wrap: break-word;
  width: 356px;
}
.etd_current_running_timer.user_edit_time_byself_group {
  padding: 10px 10px;
}
input.blank_time_entry_input {
  min-height: 40px;
  width: 100%;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid transparent;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.preview_btn_container {
  padding: 0 20px 0;
  display: inline-flex;
  align-items: center;
}
.open_details_btn {
  border: 1px solid #c3c7cb;
  background: 0 0;
  border-radius: 5px;
  min-height: 28px;
  padding: 3px 10px;
  font-size: 12px;
  color: #282c34;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}
.open_details_btn i {
  color: #757677;
  font-size: 12px;
  margin-right: 6px;
}
.open_details_btn svg {
  margin-right: 6px;
}
input.blank_time_entry_input::placeholder {
  color: rgb(51 51 51 / 50%);
}
button.open_details_btn:hover {
  background: #ebebed;
}
.mt_day_total.in_search_header {
  font-size: 16px;
}
.task_link_text_wrap {
  overflow: hidden;
}
.task_link_text {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
}
.timer_search_data_row .integration_icon img {
  width: 14px;
}
.search_filter_p_container {
  padding: 12px;
  border-bottom: 1px solid #edeae9;
}
.search_filter_box_ctrl {
  position: relative;
}
.search_filter_box_ctrl input {
  border: 1px solid #d6d8dc85;
  width: 100%;
  min-height: 36px;
  padding: 0 33px 0 33px;
  font-size: 14px;
  color: #333;
  border-radius: 6px;
  line-height: 1.3;
}
.search_filter_box_ctrl svg {
  position: absolute;
  top: 11px;
  left: 11px;
}
.rc_select_project_header_wrap {
  display: flex;
  align-items: center;
  padding: 13px 10px 12px;
  border-bottom: 1px solid #edeae9;
  line-height: normal;
}
.rc_select_project_header_wrap .select_title {
  margin-right: auto;
  font-size: 12px;
  font-weight: 600;
  color: #414141;
}
.rc_select_task_dropdown .rc_user_list {
  padding: 10px;
  min-height: 200px;
}
.list_info_label {
  font-size: 11px;
  font-weight: 700;
  color: rgb(40 44 52 / 60%);
  padding: 3px 0 10px;
}
.rc_select_task_dropdown .rc_user_list li {
  border-bottom: 1px solid #edeae9;
}
.rc_select_task_dropdown .rc_user_list li.unlinked_entry {
  padding: 0 10px 0 35px !important;
}
.rc_user_list li.unlinked_entry .rc_username {
  color: rgb(38 38 38 / 53%);
}
.dropdown-menu.channel-list-mail-popup {
  min-width: 230px;
  max-width: auto;
}
.dropdown-menu.channel-list-mail-popup li svg {
  margin-right: 5px;
}
.dropdown-menu.channel-list-mail-popup li {
  align-items: center;
  display: flex;
  border-bottom: 1px solid #efefef;
  padding: 5px 10px !important;
  position: relative;
}
.dropdown-menu.channel-list-mail-popup li.active:before {
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  right: 13px;
  top: 13px;
  color: #3d92ff;
}
.search_filter_box_ctrl input:focus {
  border-color: #0e9aef !important;
}
.selected_project {
  display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  border-radius: 4px;
  background: #f5f5f5;
  margin: 5px 0 10px;
  cursor: pointer;
}
.selected_project .project_name {
  color: #333;
  font-size: 13px;
  font-weight: 600;
}
.close_project {
  display: inline-flex;
  margin-left: 6px;
}
.close_project svg {
  opacity: 0.4;
}
.close_project svg:hover {
  opacity: 1;
}
.rc_select_task_dropdown .rc_username {
  font-size: 14px;
}
.modal-footer.edit_time_last_action_footer
  .two_column_button_footer
  button.btn {
  margin: 5px 5px 0 !important;
  border-radius: 6px;
}
.modal-footer.edit_time_last_action_footer
  .two_column_button_footer
  button.btn:first-child {
  margin-left: 0 !important;
}
.modal-footer.edit_time_last_action_footer
  .two_column_button_footer
  button.btn:last-child {
  margin-right: 0 !important;
}
.two_column_button_footer {
  display: flex;
  width: 100%;
  margin: 0;
}
.empty_result_state {
  padding: 0 0 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.empty_result_state span {
  color: rgba(40, 44, 52, 0.72);
  font-size: 13px;
  font-weight: 600;
}
.empty_result_state strong {
  font-weight: 600;
  color: #282c34;
}
.no_time_entry_found {
  color: rgba(40, 44, 52, 0.6);
  font-size: 12px;
  font-weight: 700;
  padding: 15px 0 6px;
}
.rc_list_icon_area .etd_logo {
  width: 14px;
  margin-right: 0;
}
.pt_name_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  flex: 1 1;
  padding-right: 8px;
  max-width: 280px;
  user-select: none;
  width: 100%;
  text-align: left;
}
.no_data_found {
  text-align: center;
  padding: 60px 0;
  font-size: 14px;
}
.timer_input_clear_button {
  position: absolute;
  right: 27px;
  width: 25px;
  height: 25px;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: auto;
  top: 12px;
  border-radius: 4px;
  display: inline-flex;
  cursor: pointer;
  transition: background-color 50ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.timer_input_clear_button:hover {
  background-color: #ebebed;
}
.timer_input_clear_button svg {
  width: 17px;
}
.timer_input_clear_button svg * {
  fill: #696d75;
}
.pt_name_text_outer_div {
  display: inline-flex;
  align-items: center;
}
.table_filter_controller_header {
  display: flex;
  align-items: center;
  background: #f9f9fa;
  padding: 10px 15px;
  border-bottom: 1px solid #edeae9;
}
.table_filter_controller_header .tp_filter_group_ctrl {
  flex: 1;
}
.tp_filter_group_btn.select_value_form_ctrl {
  min-height: 30px;
  align-items: center;
  border: 1px solid #c3c7cb !important;
  width: calc(100% - 0px);
  margin: 0 !important;
  display: inline-block;
  line-height: normal;
}
.select_value_form_ctrl .sel-content_text {
  display: inline-flex;
  width: 100%;
}
.user-avatar-wrapper {
  background: #8e84e5;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  margin-right: 6px;
}
.caret_up_down {
  margin-left: auto;
}
.icon_right {
  margin-left: auto;
}
.calendar_icon {
  display: inline-flex;
  align-items: center;
}
.user_edit_time_list_row {
  display: flex;
  align-items: center;
  flex: 1;
  border-bottom: 1px solid #edeae9;
  padding: 8px 0;
  cursor: pointer;
}
.edit_time_list_col {
  padding: 0 5px;
}
.user_name_timeline_col {
  flex: 1;
}
.user_name_timeline_group {
  display: flex;
  align-items: center;
}
.user_name_timeline_group .user-avatar-wrapper {
  width: 22px;
  height: 22px;
  font-size: 12px;
}
.user_name_text_data {
  font-size: 14px;
  color: #282c34;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  text-overflow: ellipsis;
}
.date_timeline_col {
  flex-shrink: 0;
  width: 70px;
  color: #282c34;
  font-size: 14px;
}
.edit_time_value_form_group {
  display: inline-flex;
  align-items: center;
}
.edit_time_value_form_group input {
  width: 70px;
  border: 1px solid #207af4;
  border-radius: 6px;
  color: #262626;
  font-size: 14px;
  font-weight: 600;
  padding: 0 8px;
  text-align: right;
  min-height: 28px;
}
.edit_time_icon {
  display: inline-grid;
  align-items: center;
  margin-left: 10px;
  width: 28px;
  height: 28px;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}
.edit_time_icon:hover {
  background: #f5f6f7;
}
.delete_timeline_icon_ctrl:hover {
  background: rgb(239 84 89 / 10%);
}
.delete_timeline_icon_ctrl {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}
.modify_time_entry_popup .modal-body {
  max-height: 400px;
  min-height: 288px;
  overflow: auto;
}
.edit_time_text_value {
  width: 80px;
  border-radius: 6px;
  color: #262626;
  font-size: 14px;
  font-weight: 600;
  padding: 0 8px;
  text-align: right;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: right;
  border: 1px solid transparent;
}
.button_disabled,
.edit_disabled,
.input_disabled {
  pointer-events: none !important;
  cursor: default;
}
.edit_time_icon.active {
  background: rgb(32 122 244 / 10%);
}
.user_edit_time_list_row:hover {
  background: #fdfcfc;
}
.tp_filter_group_btn.select_value_form_ctrl:hover {
  border: 1px solid #acafb3 !important;
}
.project_task_event .integration_icon {
  margin-right: 7px;
}
.more_to_show {
  align-items: center;
  background: #eaeced;
  border-radius: 4px;
  color: #282828;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  padding: 0 4px;
  margin: 0 0 0 10px;
  cursor: pointer;
}
.project_task_event .integration_icon img {
  width: 13px;
  height: 13px;
  margin-right: 0;
}
.project_task_event svg {
  margin-right: 0;
}
.tt_row-col {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.tt_row-col.no-cursor.in_header {
  padding-left: 12px;
  margin-left: 12px;
  position: relative;
}
.add_pt_drop_ctrl {
  display: inline-flex;
}
.selected_time_from_recent {
  display: flex;
  align-items: center;
  color: #262626;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
}
.remove_search_selection {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-left: 10px;
  margin-right: 0;
  cursor: pointer;
  opacity: 0.5;
}
.remove_search_selection svg {
  width: 10px;
  height: 10px;
  margin: 0;
}
.remove_search_selection:hover {
  opacity: 1 !important;
}
.timer_wedge_wrap_ctrl {
  display: inline-flex;
  align-items: center;
}
.tt_row_timeline_wrap:hover {
  background-color: rgb(251 251 251 / 85%);
}
.time_entry_section_by_day {
  padding: 0;
}
.custom_datepicker
  .react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before {
  border-bottom-color: #d5d5d6;
}
.custom_datepicker
  .react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::after,
.custom_datepicker
  .react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before {
  border-bottom-color: #d5d5d6;
}
.custom_datepicker .react-datepicker {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  border: 1px solid #d5d5d6 !important;
}
.custom_datepicker
  .react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before {
  border-bottom-color: #d5d5d6;
}
.custom_datepicker
  .react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::after,
.custom_datepicker
  .react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before {
  border-bottom-color: #d5d5d6;
}
.custom_datepicker .react-datepicker__navigation {
  width: 28px;
  height: 28px;
  top: 8px;
  border-radius: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom_datepicker .react-datepicker__navigation:hover {
  background-color: #eee;
}
.custom_datepicker .react-datepicker__navigation--previous {
  left: 15px;
}
.custom_datepicker .react-datepicker__navigation-icon--previous {
  right: 0;
  top: 6px;
}
.custom_datepicker .react-datepicker__month-read-view--down-arrow,
.custom_datepicker .react-datepicker__month-year-read-view--down-arrow,
.custom_datepicker .react-datepicker__navigation-icon::before,
.custom_datepicker .react-datepicker__year-read-view--down-arrow {
  top: 6px;
  border-color: #8c94a2 !important;
  border-width: 2px 2px 0 0;
  right: -5px;
  width: 6px;
  height: 6px;
}
.custom_datepicker .react-datepicker__navigation--next {
  right: 15px;
}
.custom_datepicker .react-datepicker__navigation-icon--next {
  left: 3px;
  top: 6px;
}
.custom_datepicker .react-datepicker__header {
  background: 0 0;
  border: 0;
  padding: 0 0 8px 0;
}
.custom_datepicker .react-datepicker__current-month {
  border-bottom: 1px solid #f0f0f0;
  padding: 11px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom_datepicker .react-datepicker__day,
.custom_datepicker .react-datepicker__day-name,
.react-datepicker__time-name {
  cursor: pointer !important;
}
.custom_datepicker .react-datepicker__day:hover,
.custom_datepicker .react-datepicker__month-text:hover,
.custom_datepicker .react-datepicker__quarter-text:hover,
.custom_datepicker .react-datepicker__year-text:hover {
  background-color: #eee;
}
.custom_datepicker .react-datepicker__day--selected {
  position: relative;
  background: rgb(14 154 239/10%) !important;
  color: #0e9aef;
  align-items: center;
  line-height: unset;
  font-weight: 600;
  justify-content: center;
  display: inline-flex;
}
.react-datepicker__navigation-icon--next::before {
  left: -6px;
}
.custom_datepicker .react-datepicker__day {
  width: 30px !important;
  height: 30px;
  line-height: unset !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
}
.custom_date_range_calender .rdrDayPassive,
.custom_datepicker .react-datepicker__day--outside-month {
  opacity: 0 !important;
  user-select: none !important;
  pointer-events: none !important;
}
.custom_datepicker .react-datepicker__day-name {
  width: 30px;
}
.custom_datepicker
  .react-datepicker__day--selected.react-datepicker__day--today {
  background-color: #0e9aef !important;
  color: #fff !important;
}
.custom_datepicker .react-datepicker__day--selected {
  background: #0e9aef !important;
  color: #fff !important;
}
.custom_datepicker .react-datepicker__day--today {
  background: rgba(14, 154, 239, 0.1) !important;
  color: #0e9aef !important;
}
.custom_datepicker
  .react-datepicker__day.react-datepicker__day--highlighted-custom-1 {
  position: relative;
  color: #000;
}
.custom_datepicker
  .react-datepicker__day.react-datepicker__day--highlighted-custom-1:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  background: #0e9aef;
  bottom: 4px;
  left: 0;
  right: 0;
  margin: auto;
}
.th_header {
  color: #333;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  padding: 24px 0 11px 0;
}
.th_header span {
  color: rgba(51, 51, 51, 0.74);
}
.th_log_group {
  padding: 0 20px;
}
.th_sec_date {
  color: rgba(51, 51, 51, 0.74);
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  padding: 0 0 13px 0;
}
.th_sec_wrapper {
  display: flex;
  align-items: flex-start;
}
.th_sec_wrapper .etd_user_info {
  margin: 0;
  z-index: 1;
}
.th_sec_innr_ctrl {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 0 20px 0;
  width: 100%;
}
.timer_entry_details_tab_content
  .th_log_group:last-child
  .th_sec_innr_ctrl:after {
  display: none;
}
.th_prior_record {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  display: inline-flex;
  align-items: start;
}
.th_log_record_row {
  color: #333;
  font-size: 13px;
  line-height: 25px;
  margin: 0 0 0 10px;
  display: inline-flex;
  align-items: center;
}
.th_log_record_row svg * {
  stroke: #767777;
}
.th_log_distance {
  display: flex;
  align-items: center;
}
.th_log_record_row .th_log_record {
  margin: 0 0 0 4px;
  display: inline-flex;
  align-items: center;
  line-height: normal;
  font-size: 14px;
  white-space: nowrap;
}
.th_log_record_row .th_log_record svg {
  margin-right: 6px;
}
.th_sub_record {
  color: #333;
  font-size: 13px;
  line-height: 25px;
  display: inline-flex;
  margin: 10px 0 0 0;
  width: 100%;
}
.th_sub_record .linked_task_parent_container .th_sub_record {
  margin: 0;
}
.user_data_value_name {
  width: 100%;
}
.th_log_record_row {
  color: #333;
  font-size: 13px;
  line-height: 25px;
  margin: 0 0 0 10px;
  display: inline-flex;
  align-items: center;
  flex: 1;
  padding-right: 10px;
}
.th_log_distance i {
  color: #333;
  font-size: 11px;
  padding: 0 5px;
}
.th_start_time {
  margin: 0 0 0 auto;
  display: inline-flex;
  color: rgba(51, 51, 51, 0.72);
  font-weight: 600;
  min-width: 108px;
  justify-content: end;
}
.no_extension_added_yet {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  padding: 12px 0;
  text-align: center;
  justify-content: center;
  width: 100%;
  color: rgb(0 0 0 / 60%);
  font-weight: 600;
}
button.btn.ext_action_event_btn:active {
  color: #01945d;
  background: rgb(1 148 93 / 17%);
  border: 0;
}
.mt_timeline_outer_container .mt_timeline_inner:last-child {
  margin-bottom: 0;
}
.filter_container_flex {
  display: flex;
  align-items: center;
}
.rc_tablist-horizontal.rc_tablist_horizontal_outline {
  border: 1px solid #e2e7eb;
  padding: 2px;
  border-radius: 6px;
  background: #fff;
  margin-right: 10px;
}
.rc_tab_horizontal {
  border: 1px solid transparent;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  background: 0 0;
  padding: 5px 12px;
}
.tab_horizontal_selected {
  background: #0e9aef;
  color: #fff;
}
.shared_user_list_container {
  display: flex;
  align-items: center;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 0 0 6px;
}
.avatar_list_circle {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  display: flex;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  cursor: default;
}
.avatar_list_count_circle {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #f4f6f7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: #333;
  border: 1px solid #e1e1e1;
  cursor: default;
}
.user_group_item_hover {
  position: relative;
  margin-left: -6px;
}
.user_group_item_hover:hover .avatar_list_circle {
  position: relative;
  margin: -1px;
  width: 26px;
  height: 26px;
  z-index: 1;
}
.timer_table_with_border_column .timer_row_col {
  border-right: 1px solid #ebeef1;
  height: 100%;
  min-height: 52px;
  padding: 5px 15px;
}
.timer_row_col.flex-1 {
  flex: 1;
}
.timer_table_with_border_column .timer_list_with_task_row,
.timer_table_with_border_column .timer_table_header_inner {
  padding: 0;
}
.timer_list_with_task_row .timer_row_col:last-child,
.timer_table_header_inner .timer_row_col:last-child {
  border-right: 1px solid transparent;
}
.timer_row_col.col_tracked {
  min-width: 130px;
}
.timer_row_col.col_sharing {
  width: 8%;
}
.timer_row_col.col_member {
  min-width: 180px;
}
.rc_table_filter_header {
  padding: 15px 20px;
  border-bottom: 1px solid #e2e7eb;
  display: flex;
  align-items: center;
}
.tracked_report_info {
  font-size: 16px;
  font-weight: 600;
  color: #1c222d;
  display: flex;
  align-items: center;
}
.group_by_click_event {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #1c222d;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
}
.group_by_label {
  color: rgb(28 34 45 / 50%);
  user-select: none;
}
.group_by_value {
  padding-left: 3px;
  user-select: none;
}
.multi_action_three_dot_drop {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.multi_action_three_dot_drop:hover {
  background: #f5f6f7;
}
.group_by_click_event:hover {
  background: #f5f6f7;
}
.advanced_search_filter_header_ctrl {
  border-bottom: 1px solid #e2e7eb;
}
.advance_search_container_row {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
}
.adv_search_bar_flex {
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 5px;
}
.power_search_bar_relative {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  position: relative;
}
.power_search_bar_relative svg {
  position: absolute;
  left: 16px;
}
.power_search_bar_relative input.form-control {
  border: 1px solid #e2e7eb;
  border-radius: 4px 0 0 4px;
  padding: 6px 34px 6px 38px;
}
.basic_search_top i.clear-text-search-left {
  position: absolute;
  right: 10px;
  top: 11px;
}
i.clear-text-search-left {
  cursor: pointer;
}
.adv_search_bar_flex .basic_search_btn {
  border-radius: 0 4px 4px 0;
  min-height: 36px;
}
.advance_table_filter_container {
  display: flex;
  align-items: center;
}
.table_select_filter_click_btn {
  border: 1px solid #e2e7eb;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  min-height: 36px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 400;
  margin: 0 5px;
  transition: 0.2s;
  color: #333;
}
.table_select_filter_icon {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.group_by_filter .btn_label {
  color: rgb(42 48 53 / 60%);
}
.group_by_filter .selected_value_text {
  padding-left: 4px;
}
.title_header_table_ctrl {
  display: flex;
  align-items: center;
  padding: 0 20px;
  min-height: 54px;
  border-bottom: 1px solid #ebeef1;
}
.table_title_text {
  color: #1c222d;
  font-size: 18px;
  font-weight: 600;
}
.export_details_btn {
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  background: #fff;
  padding: 7px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #333;
  transition: 0.2s;
  min-height: 36px;
  user-select: none;
}
.export_details_btn svg {
  margin-right: 10px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mt_20 {
  margin-top: 20px;
}
.col_report_date {
  min-width: 110px;
}
.team_total_details_compact .team_total_details_card_inner {
  border: 1px solid #e2e7eb;
  border-radius: 9px;
  overflow: hidden;
  background: #fff;
}
.team_total_details_compact .team_details_card_inner {
  border-radius: 0;
  border: 0;
  border-right: 1px solid #e2e7eb;
  padding: 5px 20px;
}
.team_total_details_compact .team_detail_card_title_wraper {
  margin-bottom: 4px;
}
.team_total_details_compact
  .team_details_card:last-child
  .team_details_card_inner {
  border-right: 0;
}
.team_total_details_compact .team_details_card {
  padding: 10px 0;
}
.table_select_filter_click_btn:hover {
  background: #f5f6f7;
}
.export_details_btn:hover {
  background: #f9fafd;
}
.outline_icon_button_ctrl {
  border: 1px solid #e2e7eb;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  min-height: 36px;
  width: 36px;
  margin: 0 5px;
  justify-content: center;
}
.outline_icon_button_ctrl:hover {
  background: #f5f6f7;
}
.table_select_filter_click_btn .chev_arrow_icon {
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #676767;
}
.create_new_report_colored_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 0;
  transition: 0.2s;
  cursor: pointer;
}
.create_new_report_colored_btn i {
  font-size: 11px;
  margin-right: 8px;
}
.last-updated_status {
  font-size: 13px;
  font-weight: 600;
  color: rgb(28 34 45 / 50%);
  margin-left: 16px;
}
.page_header_row_ctrl {
  display: inline-flex;
  width: 100%;
}
.row_col_right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.page_header_row_ctrl.in_time_page .timeline_filter_btn_group {
  margin: 0;
}
.rc_reports_sortable_graph_row {
  display: flex;
  align-items: center;
}
.rc_reports_sortable_graph_card {
  border: 1px solid #e2e7eb;
  border-radius: 12px;
  background: #fff;
  margin: 0 0;
}
.team_reports_pie_chart_row .team_reports_pie_chart_col:first-child {
  margin-left: 0;
}
.team_reports_pie_chart_row .team_reports_pie_chart_col:last-child {
  margin-right: 0;
}
.initial_colored_circle {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: #8e84e5;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  margin-right: 6px;
  line-height: initial;
}
.advanced_search_form_group_row {
  display: flex;
  margin: 0 -5px;
}
.advanced_search_input_group {
  width: 100%;
  margin: 0 5px;
}
.advanced_search_input_group label {
  font-size: 13px;
  color: #333;
  margin-bottom: 6px;
  font-weight: 600;
}
.advanced_search_form_group_container {
  padding: 20px 20px;
  border-top: 1px solid #e2e7eb;
}
.advanced_search_form_footer {
  padding: 15px 0 0;
  display: flex;
}
.advanced_search_form_footer button {
  margin-right: 10px;
}
.btn.close_btn:hover {
  background: #f7f7f7;
}
.popdown_footer_ctrl {
  justify-content: right;
  display: inline-flex;
  width: 100%;
  padding: 10px 10px 10px;
  border-top: 1px solid #dee2e6;
}
.popdown_footer_ctrl button {
  padding: 5px 10px;
  font-size: 13px;
  margin-left: 10px;
}
.dropdown_body_container {
  padding: 10px;
}
.table_empty_state_content {
  padding: 100px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.empty_state_message {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0;
  color: #333;
}
.empty_state_help {
  font-size: 14px;
  color: #676a6c;
}
.empty_state_icon {
  margin-bottom: 10px;
}
.nothing_in_report .table_empty_state_content {
  height: calc(100vh - 289px) !important;
  justify-content: center;
}
.rc_reports_sortable_graph_col_wrap {
  width: 100%;
  margin: 0 10px;
}
.rc_reports_sortable_graph_row .rc_reports_sortable_graph_col_wrap:first-child {
  margin-left: 0;
}
.rc_reports_sortable_graph_row .rc_reports_sortable_graph_col_wrap:last-child {
  margin-right: 0;
}
.rc_reports_sortable_graph_header {
  display: flex;
  align-items: center;
  padding: 0 20px;
  min-height: 56px;
  border-bottom: 1px solid #e2e7eb;
}
.sortable_graph_title {
  font-size: 16px;
  font-weight: 600;
  color: #1c222d;
}
.menu_pull_right {
  margin-left: auto;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.rc_reports_sortable_graph_body {
  padding: 0 20px 16px;
  position: relative;
  min-height: 588px;
}
.rc_shorted_graph_content_flex {
  display: flex;
  align-items: center;
}
.report_total_calculation {
  font-weight: 600;
  font-size: 28px;
  color: #1c222d;
  line-height: 30px;
  margin-right: 40px;
}
.user_report_difference {
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.positive {
  color: #01945d;
}
.negative {
  color: red;
}
.user_summary_data_with_graph {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.user_summary_by_category {
  margin-top: 14px;
  margin-bottom: 10px;
}
.user_summary_data_row_flex {
  display: flex;
}
.user_summary_data_col {
  display: inline-flex;
  align-items: center;
  min-width: 100px;
  margin: 16px 0 0;
}
.user_summary_category {
  font-size: 13px;
  font-weight: 600;
  color: rgb(28 34 45 / 70%);
}
.user_summary_percent,
.user_summary_tracked_time {
  color: #494e56;
  font-size: 16px;
  font-weight: 600;
}
.empty_state_content {
  padding: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.rc_reports_sortable_graph_row .rc_reports_sortable_graph_row {
  margin-top: 20px;
}
.widget_small {
  max-width: 570px;
}
.widget_large {
  min-height: 330px;
}
.rc_reports_sortable_graph_container {
  margin-bottom: 20px;
}
.empty_state_content.in_sortable_graph {
  min-height: 480px;
}
.user_graph_data_wrap_right {
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
}
.toggle_switch_box.blank {
  background: 0 0;
  cursor: default;
}
.timer_entry_child_list_ctrl .timer_list_with_task_row {
  padding-left: 0;
}
.group_by_task_table_ctrl .timer_row_col.timer_row_col_member {
  border-right: 1px solid #ebeef1;
  cursor: pointer;
}
.group_by_task_table_ctrl .timer_row_col {
  min-height: 36px;
  padding: 5px 15px 5px 15px !important;
}
.live_dashboard_view_ctrl .timer_row_col.status_row_col {
  min-width: 150px;
}
.live_dashboard_view_ctrl
  .group_by_task_table_ctrl
  .timer_row_col.team_row_col {
  min-width: 180px;
  width: 180px;
}
.group_by_task_table_ctrl .timer_row_col.timer_row_col_task {
  padding-left: 15px;
  border-right: 0;
}
.timer_entry_child_list_ctrl .timer_list_with_task_row:first-child {
  border-top: 1px solid #ebeef1;
}
.group_by_task_table_ctrl .timer_row_col .task_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
}
.toggle_switch_box.tree_collapse {
  background: #f4f6f7;
}
.toggle_switch_box:hover {
  background: #f4f6f7;
}
.collapse_expand_all {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e7eb;
  border-radius: 5px;
  cursor: pointer;
}
.collapse_expand_all i {
  font-size: 10px;
}
.collapse_expand_all:hover {
  background: #f4f6f7;
}
.timer_row_col.timer_row_col_link {
  min-width: 160px;
  max-width: 160px;
}
.detailed_report_architecture .timer_row_col.timer_row_col_link {
  min-width: 230px;
  max-width: 230px;
}
.group_by_task_table_ctrl .timer_list_with_task_row .timer_row_col:first-child,
.group_by_task_table_ctrl .timer_table_header_inner .timer_row_col:first-child {
  padding-right: 0;
  padding-left: 20px;
}
.empty_column_container {
  display: flex;
  position: relative;
}
.empty_column_container:after {
  content: "";
  width: calc(100% - 1px);
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  top: -1px;
  cursor: default;
  border-radius: 0 0 12px 12px;
}
.report_empty_column_container.in_detailed_report {
  width: 340px;
  height: auto;
}
.table_left_border {
  border-left: 1px solid #ebeef1 !important;
}
.empty_column_container.in_detailed_report:after {
  content: "";
  position: absolute;
  border-right: 1px solid #ebeef1;
  width: 100%;
  height: 100%;
  left: unset;
  right: 0;
  top: unset;
  opacity: 0;
}
.group_by_task_table_ctrl .timer_list_with_task_row {
  padding: 0;
}
.group_by_task_table_ctrl .timer_table_header_inner {
  padding: 0;
}
.group_by_task_table_ctrl .timer_list_with_task_row .timer_row_col:last-child,
.group_by_task_table_ctrl .timer_table_header_inner .timer_row_col:last-child {
  padding-right: 20px;
  border-left: 1px solid #ebeef1;
}
.timer_list_with_task .timer_list_section_by_user:last-child {
  border-bottom: 0;
}
.timer_table_header .timer_table_header_inner .timer_row_col {
  min-height: 36px;
}
.advance_search_container_row .timeline_filter_btn_group {
  margin: 0 10px 0 0;
}
.team_user_entry_time {
  display: inline-flex;
  align-items: center;
}
.team_user_entry_time svg {
  margin-right: 8px;
}
.group_by_task_table_ctrl .timer_row_col.timer_row_col_tracked_time {
  justify-content: start;
}
.dropdown_list_scroll {
  max-height: 200px;
  overflow: auto;
}
.selected_member_circles_ctrl .initial_all_user_list {
  display: inline-flex;
  align-items: center;
}
.selected_member_circles_ctrl .user_name_initial {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  color: #fff;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1px;
  font-weight: 600;
}
.more_user_pill {
  background: rgb(237 237 238);
  border-radius: 4px;
  padding: 2px 4px;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 600;
}
.team_timer_time_list .team_timer_time_list-inner {
  padding-bottom: 0;
}
.team_timer_table_empty .table_empty_state_content {
  height: calc(100vh - 320px);
}
.team_timer_time_list .timesheet_week_card_ctrl {
  margin-bottom: 0;
  overflow: hidden;
}
.team_timer_time_list .sidebar_sections_loader .element-loader.preview_panel {
  padding: 20px;
}
.clear_text_search_event {
  position: absolute;
  right: 10px;
  top: 12px;
  opacity: 0.7;
  font-size: 13px;
  cursor: pointer;
}
.clear_text_search_event:hover {
  opacity: 1;
}
.user_circle_ctrl img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.timesheet_col.timesheet_col_day .timesheet_col_inner:last-child {
  align-items: unset;
  text-align: center;
}
.group_by_timesheet_table_ctrl .timesheet_day_row .timesheet_col:first-child {
  padding-right: 0;
  display: inline-flex;
  align-items: center;
}
.timesheet_col.timesheet_task_col .task_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timesheet-day-header .timesheet_day_row .timesheet_col {
  padding: 8px 10px;
}
.toggle_switch_box.blank:hover {
  background: 0 0;
}
.data_chip_active {
  background: rgb(32 122 244 / 23%);
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  color: #262626;
}
.data_chip_inactive {
  background: #e3e6e8 !important;
  padding: 2px 8px !important;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  color: #262626;
}
.team_members_data_table_ctrl .timer_row_col {
  text-align: left;
  min-width: 10%;
  padding: 0 10px;
  color: #282828;
}
.team_members_data_table_ctrl .timer_row_col.flex-1 {
  width: 100% !important;
  flex: initial;
}
.team_members_data_table_ctrl .timer_row_col.col_email {
  width: 55%;
}
.team_members_data_table_ctrl .timer_row_col.col_role {
  width: 30%;
}
.user_active {
  background: #64a426;
  margin-right: 5px;
}
.user_invited {
  background: #f7c200;
  margin-right: 5px;
}
.user_status_circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-right: 6px;
}
.table_tab_header .page_tab_navigation_ctrl {
  margin: 0;
  padding: 0 20px 0 10px;
}
.status_data {
  font-weight: 400;
}
.team_members_data_table_ctrl
  .timer_list_with_task_row
  .timer_row_col:first-child,
.team_members_data_table_ctrl
  .timer_table_header
  .timer_table_header_inner
  .timer_row_col:first-child {
  padding-left: 20px;
}
.team_members_data_table_ctrl
  .timer_list_with_task_row
  .timer_row_col:last-child,
.team_members_data_table_ctrl
  .timer_table_header
  .timer_table_header_inner
  .timer_row_col:last-child {
  padding-right: 20px;
}
.team_members_data_table_ctrl
  .timer_table_header
  .timer_table_header_inner
  .timer_row_col {
  padding: 0 10px;
}
.team_group_data_table_ctrl .timer_row_col {
  min-width: 15%;
}
.team_members_data_table_ctrl .timer_row_col.col_created_by {
  min-width: 15%;
}
.three_dot_click_area {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  opacity: 1;
  margin-left: 5px;
}
.three_dot_click_area.disable:hover {
  background: #fff;
}
.three_dot_click_area.disable:hover svg {
  opacity: 0.6;
}
.three_dot_click_area.m-0.disable {
  opacity: 0.6;
  cursor: not-allowed;
}
.three_dot_dropdown.in_table_row {
  margin-right: 20px;
}
.three_dot_click_area:hover {
  background: #f5f6f7;
}
.rc_submenu_highway_lane.disable {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}
.team_members_data_table_ctrl
  .timer_list_with_task_row:hover
  .three_dot_click_area {
  opacity: 1;
}
.team_group_data_table_ctrl .timer_row_col.col_sharing {
  min-width: 10%;
}
.three_dot_click_area.show {
  opacity: 1 !important;
  background: #f5f6f7;
}
.team_members_table_empty .table_empty_state_content {
  height: calc(100vh - 363px);
}
.time_list_table_card_ctrl {
  border-radius: 12px;
  border: 1px solid #e2e7eb;
  background: #fff;
}
.user_inactive {
  background: #fcd116;
}
.three_dot_dropdown .dropdown-menu {
  min-width: 140px;
}
.timesheet_data_loading {
  position: relative;
  height: calc(100vh - 333px);
  padding: 0;
  border-radius: 12px;
  border: 1px solid #e2e7eb;
  background: #fff;
  overflow: hidden;
}
.timesheet_time_value_num input.manual_inline_time_control:focus {
  background: 0 0;
}
.timesheet_time_value_num input.manual_inline_time_control {
  padding: 0;
  text-align: center;
  width: 100%;
  font-size: 14px;
  color: #262626;
}
.timesheet_time_value_text {
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  display: flex;
  text-align: right;
  justify-content: start;
  align-items: center;
  padding: 0 5px;
  font-size: 14px;
  cursor: text;
}
.timesheet_time_value_text:hover {
  border: 1px solid #e2e7eb;
}
.timesheet_time_value_num {
  width: 100%;
  height: 100%;
  border: 1px solid #0b92ff;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  box-shadow: inset 2px 2px 4px #00000042;
}
input.input_mannual_ctrl.manual_inline_time_control:hover {
  background: #fff;
}
input.input_mannual_ctrl.manual_inline_time_control {
  text-align: center;
}
.timesheet_time_value_num input.manual_inline_time_control:focus,
.timesheet_time_value_num input.manual_inline_time_control:hover {
  border: 0;
  outline: 0;
}
.timesheet-day-header .timesheet_col.timesheet_col_day {
  padding: 12px 14px;
  position: relative;
}
.rc_time_list_body .timesheet_col.timesheet_col_day {
  min-width: 100px;
  max-width: 100px;
}
.rc_time_list_body .timesheet_col.timesheet_col_total {
  width: 100px;
  max-width: 100px;
}
.dashboard_content_body_ctrl .timesheet_col.timesheet_col_day {
  min-width: 106px;
  max-width: 106px;
}
.timesheet_col.timesheet_col_day.timesheet_day_time_header_ctrl.current_day:after {
  content: "";
  position: absolute;
  background: #0e9aef;
  height: 3px;
  width: 100%;
  left: 0;
  top: 0;
}
.circle_color {
  display: inline-flex;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #fff;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.circle_color_green {
  background: #00d46a;
}
.tm_entry_date,
.tm_entry_day {
  color: #262626;
  text-align: center;
}
.tm_entry_day {
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  line-height: 16px;
  border-radius: 6px;
  padding: 4px 10px;
  display: inline-flex;
  margin: auto;
}
.current_day .tm_entry_day {
  background-color: #0e9aef;
  color: #fff;
}
.tm_entry_date {
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  line-height: 15px;
  color: #262626;
  padding: 5px 0;
}
.timer_saving_mode_text {
  padding: 0 5px;
  font-size: 12px;
  color: #262626;
  opacity: 0.8;
  text-align: center;
}
.timer_row_col.col_period_by {
  min-width: 10%;
}
.timer_row_col.col_date_created {
  width: 7%;
}
.timer_row_col.col_created_by {
  min-width: 15%;
}
.timer_list_with_task_row .timer_row_col:first-child {
  padding-left: 20px;
}
.timer_list_with_task_row .timer_row_col:last-child {
  padding-right: 20px;
}
.timer_table_header_inner .timer_row_col:last-child {
  padding-right: 20px;
}
.pdf-pages-processing {
  padding-right: 10px;
  color: rgba(38, 38, 38, 0.77);
}
.tab_content_panel {
  padding-top: 20px;
}
.timesheet_day_row.active {
  background: rgb(14 154 239 / 10%) !important;
}
.pdf_thum_action_right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.bh_user_group.pdf_board_history_data_section_ctrl:after {
  display: none;
}
.capture_type_circle {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.page_number {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}
.pdf_board_history_data_container .bh_user_items {
  font-size: 13px;
  padding: 0 95px 0 0;
}
.edited_by {
  font-size: 13px;
  color: #000;
  margin-right: 5px;
}
.caret_up_down_section i {
  color: #8f8f8f;
}
.caret_up_down_section {
  margin-left: 6px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
}
.caret_up_down_section:hover {
  background: rgb(235 235 237);
}
.pdf_board_history_data_container .time_stamp {
  font-size: 12px;
  font-weight: 600;
  color: rgb(0 0 0 / 77%);
  top: 3px;
}
.bh_user_data.pdf_board_history_data_container {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px 5px 10px;
  margin-left: 24px;
}
.sort_by_timeline_click {
  display: inline-flex;
  align-items: center;
  background: rgb(222 222 223 / 27%);
  padding: 5px 10px;
  border-radius: 7px;
  cursor: pointer;
}
.sort_by_select {
  display: inline-flex;
  align-items: center;
  color: #979797;
  font-size: 12px;
  font-weight: 600;
  margin-right: 8px;
}
span.sort_by_value {
  color: #212121;
  margin-left: 2px;
}
.sort_by_timeline_click i.fas.fa-chevron-down {
  font-size: 10px;
  color: #8f8f8f;
}
.sort_by_dropdown_ctrl {
  padding: 5px;
}
.sort_by_dropdown_ctrl a.active {
  color: #0e9aef;
}
.sort_by_dropdown_ctrl a {
  padding: 6px 10px;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
  border-radius: 3px;
  position: relative;
}
.sort_by_dropdown_ctrl a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.sort_by_dropdown_ctrl a.active:before {
  font-family: "Font Awesome 5 Free";
  left: auto;
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 8px;
  font-size: 12px;
  color: #0e9aef;
}
.sort_by_timeline_click:hover {
  background: rgb(222 222 223 / 50%);
}
.data_in_sidepanel.in_compact_view.pdf_capture_side_panel {
  left: 0;
  right: auto;
  width: 250px !important;
  height: calc(100vh - 120px) !important;
}
.btn.upload_new_page_btn {
  border: 1px solid #444652;
}
button.btn.upload_new_page_btn:hover {
  background: #444652;
  color: #fff;
}
.pdf_capture_side_panel .bh_content.pdf_content_history_wrap {
  height: calc(100vh - 214px) !important;
}
.cmn_btn_arrow_ctrl.group.thumbnail_download:hover svg * {
  fill: #ffffff;
}
.timesheet_time_value_zero {
  position: relative;
}
.timesheet_time_value_zero:after {
  content: "";
  width: 10px;
  border-top: 2px solid rgba(112, 112, 112, 0.45);
}
.group_by_click_event.show {
  background: #f5f6f7;
}
.sort_by_dropdown_ctrl a.active:hover {
  color: #0e9aef;
}
.selected_filter_date {
  color: rgb(28 34 45 / 60%);
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  margin-left: 12px;
}
.group_by_task_table_ctrl .timer_list_with_task_row .timer_row_col:first-child,
.group_by_task_table_ctrl .timer_table_header_inner .timer_row_col:first-child {
  border-right: 0;
  padding-right: 0 !important;
  padding-left: 20px !important;
}
.timer_table_with_border_column
  .timer_list_with_task_row
  .timer_row_col:last-child,
.timer_table_with_border_column
  .timer_table_header_inner
  .timer_row_col:last-child {
  border-left: 0;
  padding-right: 20px !important;
}
.table_header_gray {
  background: #f8f8f8;
}
.table_header_gray {
  background: #f8f8f8;
}
.timer_entry_child_list_ctrl .timer_list_with_task_row .timer_row_col {
  padding: 0 15px 0 15px !important;
  min-height: 35px;
  height: auto;
}
.timer_entry_child_list_ctrl .timer_list_with_task_row {
  min-height: 35px !important;
}
button.btn.btn-success.save_btn_ctrl {
  height: 36px;
  margin-left: 10px;
}
.save_btn_ctrl svg {
  margin-right: 10px;
}
.content_col_flex {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.integration_link_icon {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  padding-right: 8px;
  color: #5a5a5c;
  font-size: 12px;
  font-weight: 700;
  cursor: default;
}
.integration_link_icon svg {
  margin-right: 9px;
  display: inline-block;
}
.timer_list_with_task_row:hover
  .dropdown.three_dot_dropdown.in_table_row
  .three_dot_click_area {
  opacity: 1;
}
.integration_link_icon .etd_logo {
  width: 14px;
  margin: 0;
}
.group_by_task_table_ctrl .timer_table_header_inner {
  border-bottom: 0;
}
.detailed_report_architecture .timesheet_week_card_ctrl {
  margin-bottom: 0;
}
.table_empty_state.in_detailed_reports .table_empty_state_content {
  height: calc(100vh - 418px);
}
.share_setting_dropdown .dropdown_list_ul {
  padding: 5px 5px;
}
.share_setting_dropdown .dropdown_list_ul li {
  cursor: pointer;
  padding: 7px;
  border-radius: 4px;
  color: #333;
  font-size: 14px;
  list-style-type: none;
}
.dropdown-menu.share_setting_dropdown {
  width: 100%;
  margin: 0;
}
.copy_link_container .copy-text {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  display: flex;
}
.copy_link_container input.text {
  flex: 1 1;
  border: 0;
  padding: 7px 10px;
  border-radius: 6px 0 0 6px;
  background: #f5f5f5;
  font-weight: 600;
  opacity: 0.5;
}
.copy_link_container button {
  border: 0;
  background: #fff;
  border-radius: 0 6px 6px 0;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  border-left: 1px solid #ddd;
  font-weight: 600;
  opacity: 0.8;
}
.copy_link_container button:hover {
  background: #f5f5f5;
}
.add_time_entry_popup.save_reports_popup .modal-dialog {
  width: 380px;
  max-width: 380px;
}
.custom_compact_modal .modal-dialog {
  width: 380px;
  max-width: 380px;
}
.pdf_panel_btn_footer button.btn {
  border: 1px solid #444652;
}
.pdf_panel_btn_footer button.btn:hover {
  background: #444652;
  color: #fff;
}
.pdf_panel_btn_footer button.btn:focus {
  background-color: #0e9aef;
  color: #fff;
  border-color: #0e9aef;
}
.timer_table_header_inner.table_header_gray .collapse_expand_all {
  border: 0;
}
.sort_desc_active svg .asc {
  opacity: 0.4;
}
.sort_asc_active svg .desc {
  opacity: 0.4;
}
.integration_link_container {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  width: 0;
  flex: 1;
}
.btn.save_btn_ctrl {
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.in_timesheet_reports_ctrl .table_empty_state_content {
  height: calc(100vh - 395px);
}
.main_header_wrapper .date_text {
  color: rgb(38 38 38 / 67%);
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}
.main_header_wrapper h1 {
  color: #262626;
  font-size: 28px;
  font-weight: 600;
  margin: 0;
  line-height: normal;
  display: inline-flex;
}
.dashboard_content_body_ctrl {
  padding: 50px 0 0 0;
}
.dashboard_content_flex {
  display: flex;
}
.content_panel_left {
  width: 0;
  flex: 1;
}
.rc_time_list_card_wrapper {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e2e7eb;
  margin-bottom: 20px;
  position: relative;
}
.rc_time_list_header {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 0 20px 0 20px;
  min-height: 50px;
  border-bottom: 1px solid #e2e7eb;
}
.rc_time_list_header .rc_time_list_title {
  font-size: 16px;
  color: #1c222d;
  font-weight: 600;
  line-height: normal;
  user-select: none;
}
.rc_time_list_row {
  padding: 0 10px;
}
.rc_time_list_row_inner {
  display: flex;
  align-items: center;
  padding: 7px 10px;
  min-height: 35px;
  border-bottom: 1px solid #e2e7eb;
  cursor: pointer;
}
.rc_time_row_task {
  color: #262626;
  font-size: 14px;
  flex: 1 1;
  padding-right: 20px;
  width: 0;
  word-break: break-word;
}
.rc_time_row_time_value {
  color: #282c34;
  font-size: 14px;
  font-weight: 600;
}
.rc_time_list_body .rc_time_list_row:last-child .rc_time_list_row_inner {
  border-bottom: 0;
}
.content_panel_right {
  min-width: 500px;
  max-width: 500px;
}
.timer_widget_main_wrapper_ctrl {
  background: rgb(239 84 89 / 10%);
  border-radius: 12px;
  margin-bottom: 20px;
  position: relative;
}
.current_time_tracker_widget_box {
  padding: 10px 10px;
}
.current_time_tracker_widget_box .widget_title {
  color: #1c222d;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.current_task_description {
  display: inline-flex;
  align-items: center;
  width: 100%;
  border: 1px solid #d6d8dc7d;
  border-radius: 10px;
  padding: 10px 10px;
  background: #fff;
  flex-direction: column;
}
.apps_list_body {
  padding: 20px;
}
.apps_progress_inner {
  display: flex;
  align-items: center;
  width: 100%;
}
.apps_progress_col {
  flex: 1;
  padding: 0 5px;
}
.apps_table_header .table_label {
  color: #282c34;
  font-size: 13px;
  font-weight: 600;
}
.apps_progress_col {
  flex: 1;
  padding: 0 5px;
}
.apps_progress_col.progress_col_time {
  width: 70px !important;
  flex: unset;
}
.rc_time_row_time_value {
  color: #282c34;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}
.timer_widget_panel_wrapper {
  padding-left: 20px;
}
.progress_bar {
  flex: 1;
  height: 6px;
  border-radius: 4px;
  background: #0e9aef;
  min-width: 1%;
  max-width: 100%;
}
.apps_table_body .apps_progress_inner {
  padding: 8px 0;
}
.apps_name {
  color: #282c34;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  line-height: normal;
  text-transform: capitalize;
}
.apps_name .etd_logo {
  width: 13px;
  height: 13px;
  margin-right: 6px;
}
.apps_table_header .apps_progress_inner {
  margin-bottom: 10px;
}
.widget_filter_header {
  padding: 15px 15px;
  margin-right: 10px;
}
.apps_table_body .apps_progress_row:last-child .apps_progress_inner {
  padding-bottom: 0;
}
.apps_progress_col.progress_col_time .table_label {
  text-align: right;
}
.apps_progress_inner .apps_progress_col:last-child {
  padding-right: 0;
}
.rc_time_row_task.see_all {
  font-weight: 600;
  color: rgb(38 38 38 / 60%);
}
.group_by_click_event.btn_border {
  border: 1px solid #eaeef1;
}
.sortable_graph_menu {
  display: inline-flex;
  align-items: center;
}
.sortable_graph_menu .group_by_click_event.btn_border {
  height: 28px;
  margin-right: 5px;
}
.rc_time_list_row_inner:hover {
  background: #fdfcfc;
}
.multi_action_three_dot_drop.show {
  background: #f5f6f7;
}
.dropdown-menu.rc_submenu_highway.dropdown-right {
  min-width: 120px;
  padding: 5px;
}
.card_title_header_inner {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.task_with_timer_container .task_name {
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  padding-right: 10px;
  text-overflow: ellipsis;
  color: #1c222d;
  font-size: 12px;
}
.task_with_timer_container {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.user_name_data_text {
  color: #000;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
}
.user_name_with_initial {
  display: inline-flex;
}
.dashboard_content_body_ctrl .team_members_status_card_container {
  margin-bottom: 20px;
}
.team_members_status_card_inner .team_status_card {
  width: calc(100% - 50% - 5px);
  box-sizing: border-box;
  padding-left: 52px;
  position: relative;
}
.team_members_status_card_inner
  .team_status_card
  .card_initial_circle_absolute {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 32px;
  height: 32px;
}
.team_status_card .user_name_text {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.task-card_timestamp {
  margin-left: auto;
  color: #636b74;
  font-size: 13px;
  white-space: nowrap;
  padding-left: 16px;
}
.dashboard_content_body_ctrl .team_total_details_card_row {
  margin-bottom: 20px;
}
.board_history_main_wrapper .bh_content {
  padding: 15px 10px 15px 14px;
}
.sort_by_dropdown_ctrl.in_manage_widgets {
  min-width: 282px;
}
.view_list_ctrl:hover {
  background: #f5f6f7;
}
.sort_by_lastModifiedTime .pdf_board_history_data_container .bh_user_items {
  padding: 0;
}
.collapsed .caret_up_down_section .caret_up_down_icon {
  transform: rotate(-90deg);
}
.collapsed .caret_up_down_section {
  background: rgb(235 235 237);
}
.board_history_main_wrapper .lock_icon {
  margin-left: 5px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  position: relative;
  top: 2px;
}
.board_history_main_wrapper .bh_user_items .assignee_circle {
  font-size: 12px;
}
.pdf_panel_btn_footer .btn:first-child {
  margin-left: 0;
}
.board_history_main_wrapper .bh_user_group:after {
  display: none;
}
.search_filter_box_ctrl .clear_text_search {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.6;
  font-size: 13px;
  cursor: pointer;
}
.search_filter_box_ctrl .clear_text_search:hover {
  opacity: 1;
}
.widget_icon_btn {
  display: inline-flex;
  align-items: center;
}
.widget_icon_btn svg {
  cursor: pointer;
  width: 12px;
  position: relative;
  top: 0;
}
.widget_info_tooltip {
  max-width: 260px;
  font-size: 12.5px;
  line-height: 1.5;
  padding: 9px 12px;
  text-align: left;
  white-space: normal;
  border-radius: 8px;
  z-index: 9999;
}
.widget_icon_btn svg:hover * {
  fill: #333333;
}
.multiselect_emails {
  min-height: 40px;
  display: block;
  padding: 8px 10px 0 10px;
  border-radius: 5px;
  border: 1px solid #d6d8dc85;
  background: #fff;
}
.multiselect_input {
  width: 100%;
  border: 0;
  border-radius: 6px;
  min-height: auto;
  padding: 0 0 10px;
  font-size: 14px;
  color: #282c34;
  font-weight: 400;
}
.multiselect_email {
  position: relative;
  display: inline-flex;
  padding: 3px 22px 3px 8px;
  border-radius: 5px;
  margin-right: 10px;
  color: #333;
  background: rgb(14 154 239 / 10%);
  margin-bottom: 8px;
  white-space: nowrap;
  align-items: center;
  font-size: 13px;
  line-height: inherit;
  cursor: text;
}
.remove_email_icon {
  font-size: 11px;
  color: rgb(0 0 0 / 20%);
  position: absolute;
  right: 8px;
  cursor: pointer;
}
.remove_email_icon:hover {
  color: #333;
}
.form_group_label_container {
  display: inline-flex;
  align-items: center;
}
.form_group_label_container {
  margin-bottom: 6px;
}
.form_group_label_container label.inf_label {
  margin: 0 6px 0 0;
}
.form_group_info_tooltip {
  max-width: 360px;
}
.email_id_data {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
.dropdown_list_ul li.active {
  background-color: rgba(14, 154, 239, 0.1) !important;
  color: #0e9aef !important;
}
.creating_btn_ctrl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 0;
  transition: 0.2s;
}
.creating_btn_ctrl i {
  font-size: 11px;
  margin-right: 8px;
}
.empty_state_ctrl .creating_btn_ctrl {
  margin-top: 30px;
}
.creating_btn_ctrl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 0;
  transition: 0.2s;
}
.creating_btn_ctrl i {
  font-size: 11px;
  margin-right: 8px;
}
.empty_state_ctrl.in_groups_view {
  height: calc(100vh - 395px);
}
.label_accordion_on_hover:hover,
.mc_tree_menu_header:hover,
.team_label_with_setting_icon:hover {
  background: #e7e7ec;
}
.timer_entry_child_list_ctrl
  .timer_list_with_task_row:first-child
  .empty_column_container:after {
  top: 0;
  height: calc(100%);
  border-radius: 0 0 0 10px;
}
.mt_week_day_timeline
  .mt_week_day_section_main_container:last-child
  .time_entry_section_by_day
  .task_list_with_timer:last-child
  .tt_row_timeline_wrap {
  border-bottom: 0;
}
.custom_date_range_calender .rdrDefinedRangesWrapper {
  width: auto !important;
  padding: 5px 0;
  min-width: 100px;
  border-radius: 10px 10px 0 10px;
}
.custom_date_range_calender .rdrDefinedRangesWrapper .rdrStaticRangeLabel {
  width: 100%;
  padding: 0;
  color: #333;
  font-size: 12px;
  font-weight: 600;
}
.custom_date_range_calender
  .rdrDefinedRangesWrapper
  .rdrStaticRangeLabel:hover {
  background: 0 0;
}
.custom_date_range_calender .rdrDefinedRangesWrapper .rdrStaticRange:hover {
  background: rgba(36, 162, 239, 0.11);
}
.custom_date_range_calender
  .rdrDefinedRangesWrapper
  .rdrStaticRange:hover
  .rdrStaticRangeLabel {
  background: 0 0;
}
.table_filter_controller_header .tp_filter_group_ctrl {
  margin: 0 5px;
}
.table_filter_controller_header .tp_filter_group_ctrl:first-child {
  margin-left: 0;
}
.table_filter_controller_header .tp_filter_group_ctrl:last-child {
  margin-right: 0;
}
button.add_time_modal_btn {
  padding: 4px 12px;
  border-radius: 6px;
  margin: 0 0 0 5px;
}
.custom_date_range_calender .rdrDateDisplayWrapper {
  border-radius: 0 8px 0 0;
}
.custom_date_range_calender .selected_filter_text {
  padding-right: 10px;
}
.apply_cancel_button_section {
  display: inline-flex;
  align-items: center;
  min-width: 100%;
  margin: 0;
  padding: 10px 10px;
  bottom: 0;
  border-top: 1px solid #dee2e6;
  position: absolute;
  left: 0;
}
.apply_cancel_button_section button {
  border-radius: 4px;
  width: 100%;
  margin: 0 5px;
  white-space: nowrap;
}
.apply_cancel_button_section button:first-child {
  margin-left: 0;
}
.apply_cancel_button_section button:last-child {
  margin-right: 0;
}
.page-wrapper.no-sidebar.login .form-group input.form-control {
  color: #333;
}
.field-loginform-password .password-icon {
  font-size: 13px;
  margin-right: 6px;
  margin-top: 1px;
  opacity: 0.8;
}
.field-loginform-password .password-icon:hover {
  opacity: 1;
}
.tp_filter_group_ctrl.dropdown .caret_box {
  margin-left: auto;
}
.tp_filter_group_ctrl.dropdown .dropdown-menu.tp_filter_dropdown_list_ctrl {
  width: 100%;
}
.tp_filter_dropdown_list_ctrl ul input {
  display: inline-flex;
}
.tp_filter_dropdown_list_ctrl ul .label_name {
  padding: 0 0 0 7px;
}
.pt_input_select_main_container.common_select_ctrl {
  margin-bottom: 15px;
}
.tp_filter_dropdown_list_ctrl ul li a.active {
  background-color: #0e9aef;
  color: #fff;
}
.advance_table_filter_container .search_input_filter_ctrl .search_placeholder {
  min-height: 36px;
}
.page_top_header {
  margin-bottom: 20px;
}
.timer_row_col.col_tracked_time {
  width: 120px;
}
.timer_row_col.col_access {
  width: 70px;
}
.timer_row_col.col_integration {
  width: 140px;
}
.timer_row_col.col_client {
  width: 140px;
}
.col_tracked_time .tracked_time {
  font-weight: 600;
}
.disable_col {
  opacity: 0.66;
}
.selected_filter_count {
  color: rgb(28 34 45 / 60%);
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  margin-left: 5px;
}
.white_bg_radius_card {
  background: #fff;
  border-radius: 9px;
  padding: 0;
  border: 1px solid #edeef2;
  margin-bottom: 10px;
}
.capture_history_data_main_container {
  width: 100%;
  height: 100%;
}
.capture_history_data_inner {
  background: #f9f9fa;
  padding: 40px 120px;
}
.last_update_status {
  color: #636770;
  font-size: 13px;
  font-weight: 600;
  margin-left: 18px;
  display: inline-flex;
  align-items: center;
}
.selected_data_text {
  margin-left: 7px;
}
.view_list_ctrl {
  margin-left: 10px;
}
.last_update_status svg {
  margin-right: 8px;
}
.activities-wrapper {
  position: relative;
}
.hour_time_range {
  margin-left: 20px;
}
.hour_time_range .row.details {
  font-size: 16px;
  color: #2b343f;
  position: relative;
  padding-left: 5px;
  font-weight: 600;
}
.select-row-wrapper {
  position: absolute;
  left: -7px;
  z-index: 99;
  top: 6px;
}
.select-row-wrapper input {
  position: absolute;
  opacity: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 9999999;
  background: red;
  border: 1px solid red;
}
.rounded-checkbox-wrapper.checkbox-md input + label:after {
  border: 2px solid #efe4e4;
  background-color: #fff;
}
.rounded-checkbox-wrapper input + label:after {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  background: 0 0;
  border-radius: 50%;
  z-index: 999999;
}
.row.row-activity {
  text-align: center;
  padding-bottom: 20px;
}
.activity-screenshot {
  font-size: 11px;
  padding-top: 0;
}
.top-shot-body,
.top-shot-body-no-hover {
  border-radius: 9px 9px 0 0;
  overflow: hidden;
}
.shot-body {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.17%;
}
.screenshot-activity-overlay {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  -webkit-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.shot-body.no-actions .screenshot-activity-overlay .slot-view {
  transform: translateY(0);
}
.shot-body .screenshot-activity-overlay .slot-view {
  margin: auto;
  transform: translateY(-15px);
}
.shot-body .screenshot-activity-overlay .btn-outline-default {
  background-color: #fff;
  color: #2b343f;
}
.state_shot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #e9edef;
  color: #7a8798;
  font-size: 12px;
  text-align: center;
  border-radius: 9px 9px 0 0;
}
.state_shot img {
  width: 100%;
  height: 100%;
}
.activity-screenshot .meta {
  border: 1px solid #e4e9ef;
  border-top: none;
  border-radius: 0 0 9px 9px;
  padding: 10px 10px;
  background: #fff;
}
.activity-screenshot .meta-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.activities-wrapper:after {
  content: "";
  position: absolute;
  width: 1px;
  background-color: #e4e9ef;
  left: -10px;
  top: 34px;
  bottom: 0;
  z-index: 0;
}
.shot-body.popover-visible .screenshot-activity-overlay,
.shot-body:hover .screenshot-activity-overlay {
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.shot-body:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
  border-radius: 9px 9px 0 0;
}
.activity-screenshot .meta .meta-interval {
  font-size: 12px;
  color: #3e4956;
}
.shot-body:hover:before {
  opacity: 1;
}
.delete-history {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  cursor: pointer;
}
.activities-wrapper .hour_time_range:last-child .row.row-activity {
  padding-bottom: 0;
}
.history_page_scroll {
  overflow: auto;
  height: calc(100vh - 229px);
  padding: 0 0 40px 20px;
}
.interval_range_slider #range::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s !important;
  background: #0e9aef !important;
  border-radius: 1rem;
}
.interval_range_slider #range::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: 0 1px 3px rgb(0 0 255 / 30%);
  border-radius: 50%;
  transform: translateY(calc(-50% + 2px));
  max-width: 12px;
  max-height: 12px;
}
.interval_range_slider {
  padding: 0 8px 5px;
  margin: 0;
  width: 100%;
}
.filter_label_text {
  width: 100%;
  padding: 4px 8px 0 8px;
  color: #252222;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  opacity: 0.7;
}
.in_manage_setting {
  min-width: 230px !important;
}
.interval_range_slider input {
  width: 100%;
}
.application_history_data_table_ctrl .rdt_TableBody {
  padding: 0 10px;
}
.history_data_table_ctrl .rdt_TableBody .rdt_TableCell {
  padding: 0 10px;
  font-size: 13px;
  font-weight: 400;
  color: #3b3b3b;
}
.history_data_table_ctrl .rdt_TableHead .rdt_TableCol {
  padding: 0 10px;
  color: #262626;
  font-size: 13px;
}
.ah_app_name {
  display: inline-flex;
  align-items: center;
}
.ah_app_name img {
  margin-right: 12px;
  display: inline-block;
}
.history_data_table_ctrl .rdt_TableHead .rdt_TableCol:first-child {
  padding-left: 20px;
}
.history_data_table_ctrl .rdt_TableHead .rdt_TableCol:last-child {
  padding-right: 20px;
}
.window_thumbnail_img img {
  width: 100% !important;
  height: 100% !important;
}
.window_thumbnail_img {
  min-width: 52px;
  width: 52px;
  height: 30px;
  border: 1px solid #707070;
  display: block;
  border-radius: 2px;
}
.application_history_data_table_ctrl
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:first-child,
.application_history_data_table_ctrl
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:first-child {
  min-width: 20%;
}
.application_history_data_table_ctrl
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:nth-child(2),
.application_history_data_table_ctrl
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(2) {
  overflow: hidden;
  min-width: 40% !important;
  max-width: 800px !important;
}
.application_history_data_table_ctrl
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:nth-child(3),
.application_history_data_table_ctrl
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(3) {
  min-width: 10%;
}
.application_history_data_table_ctrl
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:nth-child(5),
.application_history_data_table_ctrl
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(5) {
  min-width: 12%;
}
.history_data_table_ctrl .rdt_TableBody {
  max-height: calc(100vh - 460px) !important;
  min-height: calc(100vh - 460px) !important;
}
.history_data_table_ctrl .rdt_Pagination {
  border-radius: 0 0 9px 9px;
  padding: 0 20px;
}
.application_history_data_table_ctrl {
  min-height: calc(100vh - 300px);
  margin: 0;
}
.tb_left-space {
  width: 40px;
  height: 8px;
  top: 0;
  left: 130px;
}
.tb_left-space-2 {
  left: 60%;
  height: 8px;
  width: 40px;
}
.tb_left-space-3 {
  left: 72%;
  height: 8px;
  width: 40px;
}
.tb_left-space-4 {
  left: 85%;
  height: 8px;
  width: 40px;
}
.application_history_data_table_ctrl {
  position: relative;
}
.loader_in_table .element-loader {
  top: 67px;
}
.history_data_table_ctrl .rdt_Table .rdt_TableHeadRow,
.history_data_table_ctrl .rdt_Table .rdt_TableRow {
  min-height: 45px;
  border-bottom-color: #e8e8e8;
}
.loader_in_table .element-loader.list_view .content-item {
  min-height: 45px;
  padding: 17px 20px;
}
.loader_in_table .element-loader {
  top: 58px;
  height: calc(100% - 68px) !important;
}
.setting_theme_leftside_bar ul.capture_fixed_menu_ul li svg.svg_icon_stroke * {
  fill: none !important;
  stroke: #414141 !important;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  li
  a.active
  svg.svg_icon_stroke
  * {
  stroke: #0e9aef !important;
}
.setting_theme_leftside_bar ul.capture_fixed_menu_ul li svg.svg_icon_fill * {
  stroke: unset !important;
}
.history_data_table_ctrl .dSZDRP {
  border-radius: unset;
}
.history_data_table_ctrl .fsBPnz:focus,
.history_data_table_ctrl .fsBPnz:hover {
  opacity: 1;
}
.history_data_table_ctrl .rdt_TableBody {
  padding: 0 10px;
}
.rc_widget_filter_ctrl {
  display: flex;
  justify-content: space-around;
  padding: 15px 15px;
  border-bottom: 1px solid #e2e7eb;
}
.rc_widget_filter_ctrl {
  display: flex;
  justify-content: flex-start;
  padding: 10px 20px;
  border-bottom: 1px solid #e2e7eb;
}
.widgt_filter_inline .group_by_click_event {
  border: 1px solid #eaeef1;
  margin-right: 10px;
}
.widgt_filter_inline .group_by_click_event {
  border: 1px solid #eaeef1;
  margin-right: 10px;
  padding: 5px 12px;
  border-radius: 6px;
  height: 32px;
}
.widgt_filter_inline .group_by_label {
  color: #1c222d;
  font-weight: 400;
  font-size: 13px;
}
.widgt_filter_inline .timeline_filter_btn_group {
  border: 1px solid #e2e7eb;
}
.widgt_filter_inline .timeline_filter_btn_group:hover {
  border: 1px solid #eaeef1 !important;
}
.widgt_filter_inline .white_filter_btn_click {
  padding: 5px 12px;
  height: 36px;
  border: 0;
  user-select: none;
}
.widgt_filter_inline.period_pdf_range_filter .timeline_filter_btn_group {
  height: 36px;
  box-sizing: border-box;
}
.widgt_filter_inline.period_pdf_range_filter .white_filter_btn_click {
  height: 100%;
  box-sizing: border-box;
}
.widgt_filter_inline .white_filter_btn_click:hover {
  background-color: #f5f6f7;
}
.widgt_filter_inline .timeline_filter_btn_group .group_by_label {
  padding-right: 7px;
}
.share_permission_event_btn {
  width: auto;
  height: 36px;
  border: 1px solid #e6eaee;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #282c34;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
}
.share_permission_event_btn:hover {
  border: 1px solid #c8cccf;
}
.share_permission_event_btn svg {
  margin-right: 8px;
}
.custom-table_container .table > :not(caption) > * > * {
  padding: unset;
  border: unset;
  background: unset;
}
.custom-table_container .table {
  display: table;
  border-collapse: separate;
  padding: 0;
  margin: 0;
}
.custom-table_container .theader {
  display: table-row;
}
.custom-table_container .theader .table_header:first-child {
  padding-left: 20px;
}
.theader .table_header {
  display: table-cell;
  border-bottom: 1px solid #ebeef1;
  padding: 12px 10px;
  font-size: 14px;
  color: #282828;
  font-weight: 600;
}
.table .table_row:hover {
  background: #f8f8f8;
}
.table .table_row {
  display: table-row;
}
.table_row .table_cell:first-child {
  width: 60%;
  padding-left: 20px;
}
.table .table_cell {
  display: table-cell;
  border-bottom: 1px solid #ebeef1;
  padding: 0 10px;
  font-size: 14px;
  color: #282828;
  height: 45px;
  vertical-align: middle;
}
.task_table_data_ctrl .table .theader .table_header:nth-child(4) {
  text-align: right;
  padding-right: 46px;
}
.task_table_data_ctrl .table .theader .table_header:nth-child(4),
.task_table_data_ctrl .table_row .table_cell:nth-child(4) {
  text-align: right;
  width: 12%;
}
.tab_content_panel.mt_0 {
  padding-top: 0;
}
.integration_app_badge {
  border: 1px solid #e2e7eb;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  padding: 0 6px;
  background: #efeff0;
  font-size: 11px;
  color: #282828;
  font-weight: 600;
  margin-left: 8px;
  min-height: 22px;
}
.integration_app_icon {
  display: inline-flex;
  align-items: center;
}
.integration_app_icon img {
  width: 13px;
  margin-right: 6px;
  height: 12px;
}
.range_widgets {
  display: flex;
  align-items: center;
  margin: 0 20px 0 0;
}
.widget_ele_icon {
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
}
.progress_range_label {
  font-size: 12px;
  font-weight: 600;
  color: #282c34;
  margin-bottom: 7px;
}
.progress_range_input {
  background: #e2e7eb;
  width: 160px;
  height: 3px;
  border-radius: 4px;
  position: relative;
}
.progress_range_percent {
  background: #207af4;
  position: absolute;
  z-index: 99;
  left: 0;
  height: 4px;
  border-radius: 4px;
}
.history_table_empty .table_empty_state_content {
  height: calc(100vh - 320px);
}
.user_widget_initial {
  display: flex;
  align-items: flex-start;
}
.user_widget_initial .user_circle_ctrl {
  font-weight: 500;
}
.user_widget_initial .member_name {
  white-space: normal;
  line-height: 16px;
  font-weight: 400;
}
.task_table_data_ctrl .table .theader .table_header:last-child,
.task_table_data_ctrl .table_row .table_cell:last-child {
  padding-right: 20px;
}
.rapid_history_data_table_ctrl .url_link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  flex: 1;
  width: 0;
}
.rapid_history_data_table_ctrl .rdt_TableBody .rdt_TableCell:first-child,
.rapid_history_data_table_ctrl .rdt_TableHeadRow .rdt_TableCol:first-child {
  min-width: 25% !important;
}
.rapid_history_data_table_ctrl .rdt_TableBody .rdt_TableCell:nth-child(2),
.rapid_history_data_table_ctrl .rdt_TableHeadRow .rdt_TableCol:nth-child(2) {
  min-width: 50px;
  max-width: 50px;
}
.rapid_history_data_table_ctrl .rdt_TableBody .rdt_TableCell:nth-child(3),
.rapid_history_data_table_ctrl .rdt_TableHeadRow .rdt_TableCol:nth-child(3) {
  min-width: 35% !important;
}
.rapid_history_data_table_ctrl .rdt_TableBody .rdt_TableCell:nth-child(6),
.rapid_history_data_table_ctrl .rdt_TableHeadRow .rdt_TableCol:nth-child(6) {
  min-width: 10% !important;
}
.url_thumbnail_img {
  margin-right: 8px;
}
.timer_row_col.col_member_group {
  min-width: 200px;
}
.due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor:active {
  border: 1px solid transparent;
}
.loader_div.loader_in_table .element-loader {
  position: static !important;
}
.loader_div.loader_in_table {
  width: 100%;
}
.page_title_text {
  width: 440px;
}
.rc_personal_capture_list_ui_ctrl .project-variable {
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
}
.gray_theme_custom_sidebar .capture_fixed_menu_ul.my_inbox_section li {
  padding: 4px 0 4px 0 !important;
}
.vertical_bar_active ul.capture_fixed_menu_ul > li.inbox_default_folder {
  padding: 4px 0 4px 17px !important;
  margin: 0;
}
.sel-content_text.selected_member_circles_ctrl {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.top_small_widget_loader {
  border: 1px solid #e2e7eb;
  border-radius: 12px;
  padding: 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.graph_widget_loader {
  position: relative;
  border-radius: 12px;
  border: 1px solid #e2e7eb;
  overflow: hidden;
}
.graph_widget_loader .loader_div.pre_panel_loader {
  min-height: 442px;
  padding: 0;
}
.graph_widget_loader .element-loader {
  align-items: flex-end;
  display: flex;
}
.graph_widget_loader .animated-background {
  width: 25px;
  margin: 0 40px 0 0;
}
.graph_widget_loader .animated-background:first-child {
  margin: 0 25px 0 24px;
}
.graph_widget_loader .animated-background:last-child {
  margin: 0 0 0 24px;
}
.height_250 {
  height: 250px !important;
}
.height_190 {
  height: 190px !important;
}
.timer_row_col.col_client_project {
  width: 180px;
}
.timer_row_col.col_client_email {
  width: 200px;
}
.timer_row_col.col_client_website {
  width: 200px;
}
.timer_row_col.col_client_badge {
  width: 140px;
}
.create_new_report_colored_btn {
  margin-left: 10px;
}
.colored_web_link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.client_email_adderss {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.history_setting_card {
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 10px;
  margin-bottom: 20px;
}
.hs_card_title_header {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #e2e7eb;
  padding: 10px 20px;
}
.card_heading {
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-line);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.card_menu_right {
  margin-left: auto;
}
.hs_list_row_wrap {
  padding: 10px 20px;
}
.hs_list_row_wrap.inline-resync {
  padding: 0 20px;
  margin: 5px 0 0 0;
  align-items: center;
  display: inline-flex;
}
.hs_list_cont {
  display: flex;
  align-items: center;
}
.hs_list_switch {
  margin-right: 14px;
}
.hs_list_switch .switch.switch_active.checked.switch-compact {
  height: 20px;
  width: 36px;
  display: flex;
  bottom: auto;
  top: auto;
}
.hs_list_switch .slider:before {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  border: 3px solid #ccc;
}
.hs_label_bold {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  line-height: normal;
  margin-bottom: 0;
}
.hs_sub_title {
  font-size: 12px;
  color: #92969a;
  margin-top: 5px;
}
.history_team_setting_card .hs_list_row_wrap {
  padding: 8px 20px;
}
.hs_list_switch.switch_medium .switch.switch_active.checked.switch-compact {
  width: 32px;
  height: 18px;
}
.qv_stop__timer_widget .qv_time_text {
  min-width: 62px;
}
.hs_list_switch.switch_medium .slider:before {
  width: 18px;
  height: 18px;
}
.hs_list_switch .checked.switch:before {
  display: none;
}
.hs_cont_section_title {
  padding: 10px 20px 10px;
  font-size: 12px;
  color: #92969a;
}
.hs_list_switch.switch_large .switch-compact input:checked + .slider:before {
  width: 20px !important;
  height: 20px !important;
  left: -14px !important;
}
.hs_list_switch.switch_medium .switch-compact input:checked + .slider:before {
  width: 18px !important;
  height: 18px !important;
  left: -16px !important;
}
.history_team_setting_card .hs_label_bold {
  margin: 0;
}
.hs_item_container {
  padding: 10px 0;
}
.default_interval_time_inner {
  padding: 15px 0 0 0;
}
.default_interval_time_row .form-check.interval_default_range_input {
  padding-left: 0;
}
.form-check.interval_default_range_input input.input-group {
  width: 60px;
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  min-height: 30px;
  padding: 4px 8px 4px 8px;
  font-size: 14px;
  color: #282c34;
  font-weight: 400;
  padding-right: 0 !important;
}
.default_interval_time_row .form_check_inline {
  display: inline-flex;
  margin: 0;
  padding: 0 20px;
  align-items: center;
}
.default_interval_time_row .form_check_inline input[type="radio"] {
  width: 14px;
  height: 14px;
  margin: 0 8px 0;
}
.default_interval_time_row .form-check-label {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin: 0 !important;
}
.hs_list_switch input:checked + .slider:before {
  border: 3px solid #2196f3 !important;
}
.btn.saved_changes_bordered {
  border: 1px solid #e2e7eb;
  border-radius: 4px;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  background: #0e9aef !important;
}
.default_interval_time_inner {
  display: inline-flex;
}
.default_interval_time_inner .rang_form_group {
  flex-direction: column;
}
.saved_changes_bordered.disabled {
  background: #fbfbfb !important;
  color: #929292 !important;
}
.page_top_header.in_history_page_header {
  margin-bottom: 0;
}
.hs_tab_content_panel {
  margin-top: 30px;
}
.facebook_style_loader_container.ext_home_loader {
  height: 590px;
  background-color: #fff;
}
.ext_home_loader .element-loader.preview_panel {
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  right: unset;
}
.ext_loader_group {
  display: flex;
  padding: 0;
}
.ext_loader_group.header-loader {
  margin: 15px 0 10px 0;
  padding: 0 10px 0 15px;
}
.width_20 {
  width: 20% !important;
}
.ext_loader_group .animated-background.facebook {
  display: inline-flex;
  height: 25px;
  margin: 0;
}
.ext_home_loader .animated-background.facebook {
  border-radius: 4px;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-auto {
  margin-left: auto !important;
}
.ext_loader_group.input-loader {
  margin: 15px 0 10px 0;
  padding: 0 10px 0 15px;
}
.width_80 {
  width: 80% !important;
}
.ext_loader_group.list-header-loader {
  margin: 15px 0 10px 0;
  padding: 0 10px 0 15px;
}
.width_15 {
  width: 15% !important;
}
.ext_loader_group.list-subheader-loader {
  margin: 15px 0 10px 0;
  padding: 0 15px;
}
.width_30 {
  width: 30% !important;
}
.ext_loader_group.listing-loader {
  margin: 15px 0 0 0;
  padding: 15px 10px 0 15px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddd;
}
.width_70 {
  width: 70% !important;
}
.ext_loader_group.listing-loader .animated-background.facebook {
  height: 15px;
}
.listing-sub-loader {
  display: inline-flex;
  margin: 10px 0 0;
  flex-direction: row;
}
.width_40 {
  width: 40% !important;
}
.listing-sub-loader .animated-background.facebook {
  margin: 0;
}
.ext_loader_group.listing-loader .animated-background.facebook {
  height: 15px;
}
.facebook_style_loader_container.ext_home_loader.sidebar_widget_loader {
  height: auto;
  background: 0 0;
}
.ext_home_loader .element-loader.preview_panel {
  border: 1px solid #e2e7eb;
  border-radius: 12px;
}
.sidebar_widget_loader .ext_loader_group.listing-loader {
  margin: 0;
  padding: 15px 10px 15px 15px;
}
.sidebar_widget_loader .ext_loader_group.listing-loader:first-child {
  border: 0;
}
.ptb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.window_thumbnail_img > .img_hover_eve:hover + .img_viwer_thum {
  display: block;
}
.img_viwer_thum {
  width: 180px;
  height: 120px;
  position: absolute;
  z-index: 999;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  border: 1px solid #d5d5d6 !important;
  border-radius: 6px;
  overflow: hidden;
  transition: 750ms all;
  left: -58px;
  top: 100%;
  bottom: 0;
  right: auto;
  background: #fff;
  display: none;
}
.hover-open-buttom .img_viwer_thum {
  width: 180px;
  height: 120px;
  position: absolute;
  z-index: 999;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  border: 1px solid #d5d5d6 !important;
  border-radius: 6px;
  overflow: hidden;
  transition: 750ms all;
  left: -58px;
  top: 100%;
  bottom: 0;
  right: auto;
  background: #fff;
  display: block;
}
.hover-open-top .img_viwer_thum {
  width: 180px;
  height: 120px;
  position: absolute;
  z-index: 999;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  border: 1px solid #d5d5d6 !important;
  border-radius: 6px;
  overflow: hidden;
  transition: 750ms all;
  left: -58px;
  top: auto;
  bottom: 100%;
  right: auto;
  background: #fff;
  display: block;
}
.img_hover_eve {
  height: 100%;
  display: inline-block;
  width: 100%;
}
.sync_icon {
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.search_input_filter_ctrl .clear_text_search {
  position: absolute;
  right: 10px;
  top: 12px;
  opacity: 0.7;
  cursor: pointer;
}
.search_input_filter_ctrl .clear_text_search:hover {
  opacity: 1;
}
i.clear-selected-timer {
  opacity: 0.5;
  height: 100%;
  padding: 10px;
  display: inline-flex;
  cursor: pointer;
}
i.clear-selected-timer:hover {
  opacity: 1;
}
.exit_element i:hover {
  opacity: 1;
}
.exit_element i {
  font-size: 12px;
  opacity: 0.5;
}
.remove_selected_ele {
  position: absolute;
  top: -7px;
  right: -2px;
  color: #465369;
  font-size: 11px;
  opacity: 0;
}
.mp_circle_ctrl:hover .remove_selected_ele {
  opacity: 0.7;
}
.remove_selected_ele:hover {
  opacity: 1 !important;
}
.mp_circle_ctrl {
  position: relative;
}
.rdrDefinedRangesWrapper .rdrStaticRangeSelected span.rdrStaticRangeLabel {
  background: 0 0;
}
.main-header .nav.nav-left.apps_top_bar_ctrl ul.nav-ul {
  margin-left: 0;
}
.metadata_option_ctrl.toggle-chevron.metadata_bg:hover
  .external_icon.icon_common_sty {
  background: #f5f5f7 !important;
}
.clear_all_selection .header_btn_sty:hover {
  background: #ebebed;
}
.drop_section_header {
  display: flex;
  align-items: center;
  padding: 4px 4px 4px 7px;
  border-bottom: 0;
  min-height: 28px;
}
.drop_header_title_top {
  font-weight: var(--text-overline-weight);
  font-size: var(--text-overline-size);
  line-height: var(--text-overline-line);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-muted);
  margin: 0;
}
.clear_all_selection {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.clear_all_selection .header_btn_sty {
  cursor: pointer;
  padding: 2px 3px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  font-size: 11px;
  height: auto;
  font-weight: 600;
  color: #0e9aef;
  margin: 0;
  line-height: initial;
}
.clear_all_selection .header_btn_sty {
  margin-left: 0;
}
.rdrDateRangePickerWrapper {
  padding-bottom: 55px;
  background: #fff;
}
.rdrDateRangePickerWrapper {
  padding-bottom: 55px;
  background: #fff;
}
.calendar_last_action_right {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}
.clear_button_date_picker {
  padding: 0;
}
.clear_button_date_picker {
  border: 0;
  margin-right: 10px !important;
}
.apply_cancel_button_section .clear_button_date_picker:hover {
  background: 0 0;
  border: 0;
  color: #0e9aef;
}
.info_header_ctrl {
  padding: 0 0 15px 0;
}
.header_info_label {
  font-size: 14px;
  font-weight: 600;
  color: #1c222d;
}
.widget_empty_state_content {
  padding: 20px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.content_panel_right .rc_time_list_card_wrapper .widget_empty_state_content {
  min-height: 229px;
}
.widget_empty_container.small_widget .empty_state_message {
  font-size: 16px;
}
.widget_empty_container.small_widget .empty_state_help {
  font-size: 13px;
}
.widget_empty_state_content .empty_state_icon {
  margin: 0;
}
.large_widget .widget_empty_state_content {
  padding: 80px 0;
}
.recent_tracked_widget_small {
  padding: 40px 0;
}
.timer_wrapper {
  z-index: auto;
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  align-items: center;
  justify-content: center;
}
.timer_wrapper span {
  display: block;
  box-sizing: border-box;
  width: 0;
  height: 12px;
  border-color: transparent transparent transparent #fff;
  transition: 0.1s all ease;
  cursor: pointer;
  border-style: double;
  border-width: 0 0 0 10px;
  z-index: 1;
}
.timer_wrapper.playing_state span {
  border-style: solid;
  border-width: 6px 0 6px 10px;
}
.timer_wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: rgb(14 154 239 / 20%);
  border-radius: 50%;
  transform: scale(1.3);
}
.timer_wrapper:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: #0e9aef;
  border-radius: 50%;
  transition: all 0.1s;
}
.timer_wrapper:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: #0e9aef;
  border-radius: 50%;
}
.timer_wrapper:hover:before {
  animation: pulse-border 0.7s linear;
}
.activities-wrapper .history_screenshot_thumbnail_wrap {
  padding: 10px;
}
.custom_tooltip_handle {
  position: relative;
}
.custom_tooltip {
  position: absolute;
  top: 14px;
  left: -40px;
  padding: 8px 16px;
  border-radius: 3px;
  font-size: 90%;
  pointer-events: none;
  background: #222;
  color: #fff;
  z-index: 9;
  min-width: 200px;
  right: 0;
  display: flex;
  flex-direction: column;
}
.data_for_member_tooltip {
  max-width: 360px;
}
.member_header {
  border-bottom: 1px dashed #fff;
  margin: 0 0 5px 0;
}
.custom_tooltip .member_time_info {
  display: inline-flex;
  padding: 0 0 4px 0;
  font-size: 1em;
}
.member_fullname {
  display: inline-flex;
  max-width: 70%;
  word-break: break-word;
}
.custom_tooltip_arrow {
  background: inherit;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  margin: auto;
}
.activities-wrapper li {
  min-height: auto;
  display: inline-flex;
  align-items: center;
  padding: 18px 0;
}
.inline-block.date-range {
  color: #2b343f;
  font-size: 16px;
  font-weight: 600;
  padding-left: 5px;
  margin: 0;
  left: 0 !important;
}
li.inline_date_range_ctrl {
  color: #2b343f;
  font-size: 16px;
  font-weight: 600;
  padding-left: 5px;
  left: 0 !important;
}
.rc_time_row_task.see_all {
  width: auto;
  background: #fff;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 12px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #e2e7eb;
}
.team_status_cards_ctrl.has_no_data {
  height: 100%;
  align-items: center;
}
.rc_time_row_task.see_all:hover {
  background: #f5f6f7;
}
.nothing_found_empty_state {
  font-size: 13px;
  text-align: center;
  margin: 0;
  padding: 78px 0 !important;
  padding-right: 0 !important;
  color: #333;
  min-height: 190px;
}
.recent_timer_timesheet_ctrl .timesheet_list_inner:hover {
  background: 0 0;
}
.recent_timer_timesheet_ctrl .timesheet_list_with_task_row:hover {
  background: #fdfcfc;
  cursor: pointer;
}
.recent_timer_timesheet_ctrl
  .timesheet_list_with_task
  .timesheet_list_with_task_row:last-child {
  border-radius: 0 0 10px 10px;
}
.rc_widget_filter_ctrl
  .widgt_filter_inline:first-child
  .timeline_filter_btn_group {
  margin-left: 0;
}
.sortable_graph_menu .dropdown-menu {
  min-width: 142px;
}
.timer_row_col.col_client_project_total_hours {
  width: 140px;
}
.col_project_total_hours {
  width: 140px;
}
.member_name_data_text {
  width: auto;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  line-height: normal;
}
.ts_form_ctrl {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
}
.grey-button {
  width: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  background-color: #ecedf0;
  border: 1px solid #d4d8db;
  border-radius: 6px;
  margin-bottom: 0;
  color: #333;
  font-weight: 600;
  font-size: 13px;
}
.form_row .form_column label {
  font-size: 13px;
  color: #353535;
  font-weight: 600;
  margin-bottom: 6px;
  line-height: initial;
}
.form_row .form_column .info_gray {
  font-size: 12px;
  color: #92969a;
  line-height: normal;
  margin: 0;
}
.form_row .form_column {
  flex-shrink: 1;
  max-width: 446px;
  width: 100%;
  margin-right: 16px;
  height: 100%;
}
.form_row {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 10px 0;
}
.form_row .form_column:last-child {
  margin-right: 0;
}
fieldset.form_column button.pt_input_select_data_flex {
  background: #fff;
  width: 100%;
}
fieldset.form_column .pt_input_select_data_flex {
  margin-top: 12px;
}
.separate_content {
  background: #d6d8dc85;
  height: 1px;
  margin: 10px 0;
}
.default_interval_time_inner .form_check_inline {
  padding-left: 0;
}
.rang_form_group {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.rang_form_group input {
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  padding: 4px 8px 4px 8px;
  font-size: 14px;
  color: #282c34;
  padding-right: 0 !important;
  min-height: 36px;
  font-weight: 600;
}
.to_label {
  color: #333;
  display: inline-block;
  margin: 0 10px;
  font-weight: 600;
}
.form-check.hs_list_check_btn {
  margin: 0 10px 0 0;
  padding: 0;
  width: auto;
  height: auto;
  min-height: unset;
}
.hs_list_check_btn .form-check-input {
  width: 18px;
  height: 18px !important;
  min-height: 18px;
  margin: 0;
}
.hs_list_check_btn .form-check-input:checked {
  background-color: #0e9aef;
  border: 1px solid #0e9aef;
}
.hs_list_check_btn .form-check-input:focus {
  border-color: #0e9aef;
  box-shadow: none;
}
.hs_list_check_btn .form-check-input.checkbox_sty {
  width: 18px;
  height: 18px !important;
}
.form-check-input.checkbox_sty {
  margin: 0;
}
input.form-check-input.checkbox_sty:checked {
  background-color: #0e9aef !important;
  border: 1px solid #0e9aef !important;
}
.form-check-input.checkbox_sty:focus {
  border-color: #0e9aef;
  box-shadow: none;
}
.default_interval_time_inner .form-check-input {
  margin: 0 10px 0 0;
}
.setting_popover ul li:hover {
  background: #f5f5f5;
}
.setting_popover ul li {
  padding: 5px 10px;
  cursor: pointer;
}
.setting_popover ul li.sub_page {
  padding-left: 25px;
}
.dropdown-menu.tp_filter_dropdown_list_ctrl.setting_popover {
  width: 260px;
}
.pt_input_select_data_flex.show {
  background: #f5f5f5;
}
.week_navigate_widget {
  display: flex;
  align-items: center;
  color: #262626;
  margin: 0 10px;
}
.in_team_timecard .week_navigate_widget {
  margin-left: 0;
}
.next_week,
.prev_week {
  border: 1px solid #e2e7eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  height: 36px;
  cursor: pointer;
  width: 26px;
}
.next_week:hover,
.prev_week:hover {
  background-color: #f5f6f7;
}
.prev_week {
  border-radius: 6px 0 0 6px;
}
.next_week {
  border-radius: 0 6px 6px 0;
}
.next_week i,
.prev_week i {
  color: #676a6c;
  font-size: 11px;
}
.selected_week_period {
  border-top: 1px solid #eaeef1;
  padding: 5px 12px;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #e2e7eb;
  height: 36px;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  user-select: none;
}
.selected_week_period:hover {
  background-color: #f5f6f7;
}
.selected_week_period svg {
  margin-right: 7px;
}
.selected_week_period svg * {
  fill: #676a6c;
}
.team_group_data_section_loop {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  width: 0;
}
.search_input_filter_ctrl .clear-text-search-left {
  position: absolute;
  right: 10px;
  top: 12px;
}
.card_lg_task_data_scroll {
  max-height: 500px;
  height: 100%;
  overflow: auto;
}
.rdrMonthPicker select option,
.rdrYearPicker select option {
  text-align: left;
  padding: 10px 0;
}
.rdrMonthAndYearPickers select:hover {
  background-color: #fff;
}
.button--play {
  border-radius: 50%;
}
.button--play .button__shape {
  width: 5px;
  height: 13px;
  background: #1e90ff;
  transition: 0.2s ease-in-out;
  z-index: 1;
}
.button--play .button__shape--one {
  -webkit-clip-path: polygon(0 0, 100% 25%, 100% 75%, 0% 100%);
  transform: translateX(1px);
}
.button--play .button__shape--two {
  -webkit-clip-path: polygon(0 25%, 100% 50%, 100% 50%, 0 75%);
  transform: translateX(1px);
}
.button__shape.button__shape--one,
.button__shape.button__shape--two {
  background: #fff;
  border: 2px solid #fff;
}
.button--play.button--active .button__shape--one {
  -webkit-clip-path: polygon(0% 15%, 100% 15%, 100% 85%, 0% 85%);
  transform: translateX(0);
}
.button--play.button--active .button__shape--two {
  -webkit-clip-path: polygon(0% 15%, 100% 15%, 100% 85%, 0% 85%);
  transform: translateX(0);
}
.button.button--play {
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button.button--play.button--active:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 34px;
  height: 34px;
  background: #fa555d;
  border-radius: 50%;
  transition: 0.2s ease-in-out;
}
.button.button--play:hover:after {
  background-color: #078cdd;
}
.button.button--play.button--active:hover:after {
  background-color: #f56c73;
}
@keyframes breathe-stop-animation {
  0% {
    transform: translateX(0) translateY(0) translateZ(0) scale(1.3);
    opacity: 1;
  }
  25% {
    transform: translateX(0) translateY(0) translateZ(0) scale(1.6);
    opacity: 1;
  }
  60% {
    transform: translateX(0) translateY(0) translateZ(0) scale(1.3);
    opacity: 1;
  }
  100% {
    transform: translateX(0) translateY(0) translateZ(0) scale(1.3);
    opacity: 1;
  }
}
@keyframes pulse-animation {
  0% {
    transform: scale(0.9);
  }
  25% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes border-animation {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.button.button--play.button--active:before {
  background: #ffddde;
  border-radius: 50%;
  content: "";
  display: block;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0) scale(1.3);
  width: 32px;
}
.button.button--play:before {
  content: "";
  background: rgba(14, 154, 239, 0.2);
  border-radius: 50%;
  content: "";
  display: block;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0) scale(1.4);
  width: 32px;
  transition: 230ms ease-out;
  pointer-events: none;
}
.button.button--play:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 34px;
  height: 34px;
  background: #0e9aef;
  border-radius: 50%;
  transition: 0.2s ease-in-out;
  pointer-events: none;
}
.button.button--play:hover:before {
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0) scale(1.3);
}
input.form-check-input.in_dropdown {
  width: 16px !important;
  height: 16px !important;
}
.user_circle_ctrl.small {
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  font-size: 10px;
  line-height: normal;
}
.capture_inbox_splitter_wrapper.four_column_ui.setting_theme_ctrl {
  user-select: text;
}
.button.button--play.button--active:before {
  animation: breathe-stop-animation 3.2s ease-out infinite normal;
}
.button.button--play:active,
.button.button--play:focus {
  animation: pulse-animation 1s ease-out normal;
}
.button.button--play.button--active .button_border {
  animation: border-animation 0.2s ease-out normal;
}
.confetti-button {
  width: 34px;
  height: 34px;
  position: absolute;
}
.confetti-button:after,
.confetti-button:before {
  position: absolute;
  content: "";
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
  transform: scale(1.4);
  pointer-events: none;
}
.confetti-button:before {
  display: none;
  top: -55%;
  background-image:
    radial-gradient(circle, #0e9aef 20%, transparent 50%),
    radial-gradient(circle, transparent 20%, #0e9aef 40%, transparent 30%),
    radial-gradient(circle, #0e9aef 30%, transparent 20%),
    radial-gradient(circle, #0e9aef 30%, transparent 20%),
    radial-gradient(circle, transparent 10%, #0e9aef 35%, transparent 20%),
    radial-gradient(circle, #0e9aef 40%, transparent 20%),
    radial-gradient(circle, #0e9aef 40%, transparent 20%),
    radial-gradient(circle, #0e9aef 40%, transparent 20%),
    radial-gradient(circle, #0e9aef 40%, transparent 20%);
  background-size:
    10% 10%,
    20% 20%,
    15% 15%,
    20% 20%,
    18% 18%,
    10% 10%,
    15% 15%,
    10% 10%,
    18% 18%;
}
.confetti-button:after {
  display: none;
  bottom: -55%;
  background-image:
    radial-gradient(circle, #0e9aef 40%, transparent 20%),
    radial-gradient(circle, #0e9aef 40%, transparent 20%),
    radial-gradient(circle, transparent 10%, #0e9aef 35%, transparent 20%),
    radial-gradient(circle, #0e9aef 30%, transparent 20%),
    radial-gradient(circle, #0e9aef 40%, transparent 20%),
    radial-gradient(circle, #0e9aef 40%, transparent 20%),
    radial-gradient(circle, #0e9aef 40%, transparent 20%);
  background-size:
    15% 15%,
    20% 20%,
    18% 18%,
    20% 20%,
    15% 15%,
    10% 10%,
    20% 20%;
}
.confetti-button.animate-confetti:before {
  display: block;
  animation: topBubbles ease-in-out 1s forwards;
}
.confetti-button.animate-confetti:after {
  display: block;
  animation: bottomBubbles ease-in-out 1s forwards;
}
@keyframes topBubbles {
  0% {
    background-position:
      5% 90%,
      10% 90%,
      10% 90%,
      15% 90%,
      25% 90%,
      25% 90%,
      40% 90%,
      55% 90%,
      70% 90%;
  }
  50% {
    background-position:
      0 80%,
      0 20%,
      10% 40%,
      20% 0,
      30% 30%,
      22% 50%,
      50% 50%,
      65% 20%,
      90% 30%;
  }
  100% {
    background-position:
      0 70%,
      0 10%,
      10% 30%,
      20% -10%,
      30% 20%,
      22% 40%,
      50% 40%,
      65% 10%,
      90% 20%;
    background-size:
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position:
      10% -10%,
      30% 10%,
      55% -10%,
      70% -10%,
      85% -10%,
      70% -10%,
      70% 0;
  }
  50% {
    background-position:
      0 80%,
      20% 80%,
      45% 60%,
      60% 100%,
      75% 70%,
      95% 60%,
      105% 0;
  }
  100% {
    background-position:
      0 90%,
      20% 90%,
      45% 70%,
      60% 110%,
      75% 80%,
      95% 70%,
      110% 10%;
    background-size:
      0 0,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0;
  }
}
div[data-button="button-report add_button"].button--play .button__shape--one {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  transform: translateX(1px);
}
div[data-button="button-report add_button"].button--play .button__shape--one,
div[data-button="button-report add_button"].button--play .button__shape--two {
  background: #fff;
  border: 1px solid #fff;
  width: 1px;
}
div[data-button="button-report add_button"].button--play .button__shape--two {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  transform: translateX(-1px) rotate(90deg);
}
div[data-button="button-report add_button"].button--play .button__shape {
  height: 13px;
}
div[data-button="button-report add_button"].button--play.button--active
  .button__shape--one {
  -webkit-clip-path: polygon(0% 15%, 100% 15%, 100% 85%, 0% 85%);
  transform: translateX(0);
}
div[data-button="button-report add_button"].button--play.button--active
  .button__shape--two {
  -webkit-clip-path: polygon(0% 15%, 100% 15%, 100% 85%, 0% 85%);
  transform: translateX(0);
}
div[data-button="button-report add_button"].button--play.button--active
  .button__shape--one,
div[data-button="button-report add_button"].button--play.button--active
  .button__shape--two {
  background: #fff;
  border: 2px solid #fff;
  width: 2px;
  height: 10px;
}
.checkbox label {
  margin-right: 8px;
  display: inline-flex !important;
  align-items: center;
  margin-bottom: 0 !important;
}
.card_skeleton_img {
  width: 100%;
  height: 107px !important;
}
.card_style_one.animation_bg_style {
  flex-direction: column !important;
}
.thum_skeleton_card {
  border: 1px solid #e4e9ef;
  border-radius: 9px;
  padding: 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.thum_skeleton_card .long_line_ctrl {
  padding-left: 0;
  margin-top: 10px;
}
.rdt_Pagination button {
  border: 1px solid #e8e8e8;
  width: 26px;
  height: 26px;
  margin-left: -1px;
}
.rdt_Pagination #pagination-first-page {
  border-radius: 4px 0 0 4px;
}
.rdt_Pagination #pagination-last-page {
  border-radius: 0 4px 4px 0;
}
.rdt_Pagination .bueHSC {
  margin: 0 12px 0 6px;
  color: #333;
}
.rdt_Pagination button svg {
  width: 20px !important;
  height: 20px !important;
}
.rdt_Pagination .lmSJmf {
  color: #333;
  font-size: 13px;
  margin: 0;
}
.rdt_Pagination .gMliOo {
  color: #333;
  font-size: 13px;
}
.rdt_Pagination .jaZsat {
  font-size: 13px;
  color: #333;
}
.col_group_name .user_group_data {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0;
  word-break: break-word;
}
.inline_date_range_ctrl:after {
  background: #fff;
  border: 2px solid #efe4e4;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 14px;
  vertical-align: text-top;
  width: 14px;
  z-index: 999999;
  top: 24px;
  left: -17px;
  position: absolute;
}
.capture_editor_top_header_left_comp .task_data_ctrl_left {
  width: 100% !important;
  min-width: 570px;
}
.desktop_capture_annotator_popup
  .initial_shot_window
  .scroll-area-capture-in-modal.imc {
  height: calc(100vh - 60px) !important;
}
.desktop_capture_annotator_popup
  .capture_preview_zoom_ui_ctrl.initial_shot_window {
  right: 10px;
  left: auto;
  bottom: 20px;
}
.desktop_capture_annotator_popup .annotation_meta_header {
  padding: 0 10px 0 15px;
}
.user_dropdown_widget {
  position: relative;
}
.user_dropdown_widget .time_label_he {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #282c34;
}
.user_dropdown_widget .etd_users_input_select {
  display: flex;
  align-items: center;
  max-height: 36px;
  border: 1px solid #d6d8dc85;
  border-radius: 6px;
  padding: 0 10px;
  min-height: 36px;
  cursor: default;
}
.user_dropdown_widget .etd_users_input_select {
  display: flex;
  align-items: center;
  max-height: 36px;
  border: 1px solid #d6d8dc85;
  border-radius: 6px;
  padding: 0 10px;
  min-height: 36px;
  cursor: default;
}
.user_dropdown_widget .etd_user_info {
  display: flex;
  align-items: center;
}
.user_dropdown_widget .username_previoustime_group {
  flex: 1;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  z-index: 9999;
  text-align: left;
}
.user_dropdown_widget .etd_user_dropdown {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6 !important;
  position: absolute;
  padding: 5px;
  animation: dropdownAnimation 0.75s !important;
  animation-fill-mode: forwards !important;
  z-index: 9;
  background-color: #fff;
  margin-top: 5px;
  border-radius: 6px;
  width: 100%;
  left: 0;
  right: unset;
}
.user_dropdown_widget .etd_user_info.etd_users_row.active {
  background: rgba(14, 154, 239, 0.1) !important;
}
.user_dropdown_widget .etd_user_dropdown .etd_user_info.etd_users_row {
  padding: 0 10px;
  min-height: 36px;
  cursor: pointer;
  border-radius: 4px;
}
.user_dropdown_widget .etd_user_dropdown .etd_user_info.etd_users_row {
  width: auto;
}
.etd_users_input_select:hover,
.user_dropdown_widget .etd_user_dropdown .etd_user_info.etd_users_row:hover {
  background: #f5f5f5;
}
.desktop_capture_annotator_popup
  .initial_shot_window
  .data_in_sidepanel.in_compact_view {
  height: calc(100vh - 65px);
  top: 60px;
}
.desktop_capture_annotator_popup .initial_shot_window .bh_content {
  height: calc(100vh - 112px);
}
.pdf_images_vertical_bar {
  margin-right: 10px;
}
.desktop_capture_annotator_popup
  .data_in_sidepanel.in_compact_view.pdf_capture_side_panel {
  top: 122px !important;
}
.etd_user_dropdown .etd_current_user_timer_initial {
  width: 20px;
  height: 20px;
}
.etd_users {
  position: relative;
}
.crop_button.canvas_tool_click.active {
  background: #0e9aef !important;
  color: #fff;
}
.timeBoxWrapper {
  margin: 0;
  display: flex;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.timeBoxleftSection {
  min-width: 350px;
  background: #2a2e3d 0 0 no-repeat padding-box;
  border-radius: 20px;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 600px;
}
.timeBoxleftSection .subText {
  color: #fff;
  margin-top: 8px;
}
.timeBoxleftSection .leftBottom {
  margin-top: auto;
}
.timeBoxleftSection .leftBottom button {
  background-color: #414552;
  padding: 10px 15px;
  border-radius: 6px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  border: 0;
}
.timeBoxleftSection .leftNavSection ul li {
  padding-bottom: 40px;
  color: #fff;
  opacity: 0.5;
  display: flex;
}
.timeBoxleftSection .leftNavSection ul li svg {
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.timeBoxleftSection .leftNavSection ul li b {
  font-weight: 600;
}
.timeBoxleftSection .leftNavSection ul li.activeLink .linkLable {
  opacity: 1;
}
.timeBoxleftSection .leftNavSection ul li.activeLink svg {
  opacity: 1;
}
.timeBoxFormSection {
  width: 100%;
  margin: 0 auto;
}
.timeBoxFormSection .formContainer {
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 30px 35px;
  height: 100%;
  position: relative;
}
.timeBoxFormSection .formContainer h1 {
  color: #000;
  font-weight: 700;
  margin-bottom: 4px;
}
.timeBoxFormSection .formContainer .formSection {
  padding-top: 32px;
}
.timeBoxFormSection .formContainer .formControlGroup {
  display: flex;
  width: 100%;
}
.timeBoxFormSection .formContainer .formControlGroup .form-group {
  display: inline-grid;
  width: 100%;
}
.timeBoxFormSection .formContainer .formControlGroup .form-group {
  padding-right: 20px;
}
.timeBoxFormSection .formContainer .formControlGroup .form-group:last-child {
  padding-right: 0;
}
.timeBoxFormSection .formContainer .formControlGroup .form-group label {
  font-weight: 600;
  color: #000;
  padding-bottom: 5px;
}
.timeBoxFormSection .formContainer .formControlGroup .form-group input,
.timeBoxFormSection .formContainer .formControlGroup .form-group textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px 10px;
  padding: 8px 10px;
  min-height: 36px;
}
.timeBoxFormSection .formContainer .formControlGroup .form-group.fullwidth {
  width: 100%;
}
.timeBoxFormSection
  .formContainer
  .formControlGroup
  .form-group.fullwidth
  textarea {
  width: 100%;
  height: 300px;
  resize: none;
}
.btnRow {
  display: flex !important;
  align-items: center;
}
.btnRow .nextStep {
  background-color: #0e9aef;
  color: #fff;
  border-radius: 6px;
  padding: 10px 25px;
  border: 0;
  margin-left: auto;
}
.btnRow .previousStep {
  border-radius: 6px;
  border: 1px solid #ddd;
  color: #000;
  padding: 10px 25px;
  justify-content: left;
  display: flex;
  font-weight: 600;
  background: 0 0;
  font-weight: 600;
}
.single_line_text {
  overflow: hidden;
  white-space: nowrap;
  padding-right: 20px !important;
}
.integration_cards {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -5px 32px;
}
.integration_cards .integration_card {
  border: 1px solid #e2e7eb;
  border-radius: 9px;
  min-height: 72px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: calc((100% - 30px) / 3);
  margin: 5px;
  cursor: pointer;
}
.ts_time_option {
  border: 1px solid #e2e7eb;
  border-radius: 9px;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  padding: 14px 16px;
}
.ts_time_option_inner {
  display: inline-flex;
  align-items: center;
}
.ts_time_option_details {
  flex: 1;
}
.ts_time_option_label {
  color: #282c34;
  font-weight: 600;
  font-size: 14px;
}
.ts_time_option_sub_title {
  font-size: 13px;
  color: #333;
  margin-top: 2px;
}
.hs_list_switch.switch_small .slider:before {
  width: 14px;
  height: 14px;
  border: 2px solid #ccc;
}
.hs_list_switch.switch_small .switch.switch_active.checked.switch-compact {
  width: 24px;
  height: 14px;
}
.switch-compact.switch_small input:checked + .slider:before {
  width: 16px !important;
  height: 16px !important;
  left: -18px !important;
}
.hs_list_switch.switch_small input:checked + .slider:before {
  border: 2px solid #2196f3 !important;
}
.ts_time_options .ts_time_option:last-child {
  margin-bottom: 0;
}
.form_last_action_ctrl .form-group {
  margin: 36px 0 0;
}
.ts_time_option_inner .hs_list_switch {
  margin-right: 0;
}
.creating_full_width {
  width: 100%;
}
.optional {
  color: rgb(40 44 52 / 50%);
  font-size: 13px;
  margin-left: 2px;
}
.form-group-mb-0 {
  margin-bottom: 0;
}
.timeBoxleftSection .leftNavSection ul li.active {
  opacity: 1;
}
.timeBoxleftSection .leftNavSection ul li.active svg {
  stroke: #ffffff;
}
.linkLable .sub_title {
  font-size: 13px;
  font-weight: 400;
  margin-top: 4px;
  line-height: normal;
}
.timeBoxleftSection .leftNavSection ul li b {
  font-weight: 600;
  font-size: 15px;
}
.hs_list_switch.switch_small .switch-compact input:checked + .slider:before {
  width: 15px !important;
  height: 15px !important;
  left: -16px !important;
}
.nextStep.next_colored_btn:hover {
  background: #1a7bb9;
  border-color: #1a7bb9;
}
.btnRow .previousStep:hover {
  background: #ddd;
}
.timeBoxleftSection .leftBottom button:hover {
  background-color: #5e6270;
}
.email_container {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  padding: 8px 5px;
  border-radius: 9px;
  width: 100%;
  min-height: 80px;
}
.email_item {
  white-space: nowrap;
  background-color: #f5f5f5;
  color: #222;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  margin: 3px;
  padding: 0 5px;
  display: inline-block;
}
.email_item {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #333;
  background: #f5f5f5;
  padding: 2px 8px;
  border-radius: 3px;
  margin: 3px;
  height: 24px;
  line-height: 20px;
  cursor: default;
}
.email_input_wrap_ctrl {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  cursor: text;
}
.input_gmail_container .email-input_field {
  height: auto !important;
  min-height: auto !important;
  padding: 0 !important;
  width: 100%;
  border: 0 !important;
}
.email_input_wrap_ctrl .email_input_field {
  border: 0 !important;
  min-height: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  width: auto;
  flex: 1 1;
  height: 100%;
  align-items: flex-start;
  margin: 3px;
}
.email_item_remove {
  margin-left: 4px;
  display: inline-block;
  position: relative;
  top: 1px;
}
span.email_item_remove svg {
  width: 11px;
  display: inline-block;
  height: 11px;
  opacity: 0.6;
  cursor: pointer;
}
.email_item_remove svg:hover {
  opacity: 1;
}
.integration_card:hover {
  background: rgb(251 251 251 / 35%);
  border: 1px solid #d4d9dd;
}
.link_task {
  border-radius: 6px;
  padding: 5px 7px;
  color: #a5a5a5;
  font-weight: 600;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  transition:
    background-color 0.2s ease-in 0s,
    color 0.2s ease-in 0s;
  background-color: #fff;
  opacity: 0;
  margin-right: 0;
}
.link_task i {
  padding: 0 5px 0 0;
  font-size: 10px;
}
.link_task:hover {
  background-color: #ececed8f;
  color: #333;
}
.tt_row_timeline_wrap:hover .link_task {
  opacity: 1;
}
.white_bg {
  background: #fff;
}
.other_projects_toltip {
  display: flex;
  flex-direction: column;
}
.other_projects_toltip > span {
  padding: 0 0 4px 0;
  font-size: 1em;
  display: inline-block;
  word-break: break-word;
  float: left;
}
.clip_static_dock_inner .loading_screen {
  top: -58px;
}
.desktop_capture_annotator_popup .toolbar_ctrl {
  max-width: calc(100% - 65%);
  justify-content: center;
}
.capture_header_in_canvas
  .task_data_ctrl_left.in_preview_panel
  .task_name_text {
  padding-left: 0;
}
.name_non_editable_field {
  background: #f8f8f9 !important;
}
input.name_non_editable_field::placeholder {
  color: #282c34 !important;
}
.pdf_images_vertical_bar {
  margin-right: 10px;
}
.img_avatar_circle img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.img_avatar_circle {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.timer_setting_side_panel ul.capture_fixed_menu_ul > li {
  height: 30px;
}
.sec_devider {
  border-top: 1px solid #d5d5d6b3;
  display: flex;
  width: 100%;
  margin: 10px 0;
}
.sec_label {
  color: #8c94a1;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0 10px 5px 24px;
  font-size: 11px;
  font-weight: 600;
}
.setting_sidebar
  .setting_side_panel_inner_scroll.timer_setting_side_panel
  ul.capture_fixed_menu_ul
  > li {
  padding: 0 !important;
  height: auto;
}
.timer_setting_side_panel ul.capture_fixed_menu_ul > li > a {
  padding: 9px 15px 9px 25px !important;
  height: auto;
  border-radius: 0 !important;
}
.timer_setting_side_panel ul.capture_fixed_menu_ul > li > a .capture_menu_item {
  font-weight: 400 !important;
  font-size: 14px;
}
.setting_sidebar
  .setting_side_panel_inner_scroll.timer_setting_side_panel
  ul.capture_fixed_menu_ul
  > li
  a.active:after {
  display: none !important;
}
.timer_setting_side_panel
  ul.capture_fixed_menu_ul
  > li
  > a
  .element_icn_ctrl
  svg {
  width: 16px;
  height: 16px;
}
.setting_sidebar
  .setting_side_panel_inner_scroll.timer_setting_side_panel
  ul.capture_fixed_menu_ul
  > li
  a
  svg
  * {
  stroke: unset;
}
.setting_theme_ctrl
  .setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li
  a.active
  .capture_menu_item {
  color: #0e9aef !important;
  font-weight: 600;
}
.timer_setting_side_panel ul.capture_fixed_menu_ul > li:hover .coming_soon {
  background-color: #fff;
}
.rc_personal_capture_list_ui_ctrl .parent_div_main_capture {
  overflow-x: hidden !important;
}
.user_circle_ctrl.mr-0 {
  margin: 0;
}
.gray_theme_custom_sidebar.setting_sidebar
  .timer_setting_side_panel
  .capture_fixed_menu_ul
  li
  .element_icn_ctrl {
  margin-right: 0 !important;
}
.date_calender_popup .rdrDateRangePickerWrapper {
  background: #fff;
  border-radius: 8px;
}
.facebook_style_loader_container .outer_border_none {
  border: 0 !important;
}
.ext_home_loader .element-loader.preview_panel {
  float: unset !important;
  position: static !important;
}
.sidebar_widget_loader {
  border-radius: 12px;
}
.int_duplicate_account_content p {
  margin: 0 0 16px;
  color: #282c34;
}
.btn.switch_account_btn:hover {
  background: #e9e9eb;
  color: #333;
}
.int_preview_ctrl {
  text-align: center;
  background: rgb(195 197 198 / 0.1);
  padding: 25px;
  border-radius: 6px;
  margin-bottom: 8px;
}
.int_preview_ctrl .int_icon img {
  height: 22px;
  width: auto;
}
.switch_account_btn {
  background: #efeff1;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
}
.warning_icon {
  margin-right: 10px;
}
.warning_icon svg {
  display: block;
}
.duplicate_account_pop_ctrl .modal-dialog {
  width: 520px;
  max-width: 520px;
}
.int_duplicate_account_content p:last-child {
  margin-bottom: 0;
}
.registered_id {
  font-weight: 600;
  color: #333;
}
.in_timer_component {
  margin-top: 20px;
}
.tt_more_action_link.show svg {
  opacity: 1;
}
.timer_list_with_task_row.active {
  background: rgb(14 154 239 / 10%) !important;
}
.project_most_spent_widget .apps_table_body .apps_progress_inner {
  padding: 6px 0;
}
.inactive_project {
  opacity: 0.6;
}
.nothing_found_in_graph {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.tt_row-col.in-detail-page {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.tt_row-col.in-detail-page .labels {
  margin-right: 15px;
  margin-right: 15px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
}
.tt_rwo-col-inner {
  display: flex;
  flex-wrap: wrap;
}
.tt_row_label {
  color: #142650;
  font-weight: 600;
  padding: 4px 0;
  margin: 0 0 2px 0;
}
.in-detail-page .project_task_event {
  background-color: none;
  border-radius: 6px;
  padding: 4px 7px;
  color: #333;
  font-weight: 400;
  margin: 0 10px 5px 0;
  max-width: 350px !important;
  display: inline-block;
  word-break: break-all;
  border: 1px solid #c3c7cb;
}
.in-detail-page .project_task_event.max-width-100 {
  max-width: 100% !important;
}
.in-detail-page .integration_icon {
  align-items: center;
  display: inline-flex;
  margin-right: 7px;
  position: relative;
  top: 1px;
}
.in-detail-page .project_task_event .integration_icon img {
  width: 13px;
  height: auto;
}
.member_fullname .etd_logo {
  width: 13px;
  height: 13px;
  display: block;
}
.member_fullname {
  align-items: center;
}
.my_timesheet_header.in_timesheet_page .timeline_filter_btn_group {
  margin: 0;
}
.my_timesheet_header.in_timesheet_page {
  display: inline-flex;
  width: 100%;
}
.sortable_graph_menu .group_by_value {
  min-width: 32px;
}
.time_tracking_sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-width: 261px;
  background-color: #f9fafd;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list {
  height: 100%;
  width: 100%;
  padding: 0 10px;
  border-right: 1px solid #d5d5d6;
  background-color: #fff;
  border-radius: 0;
}
.time_tracking_sidebar .sec_label {
  color: #363a48;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 20px 10px 2px 11px;
  font-size: 11px;
  font-weight: 600;
  position: relative;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list li {
  align-items: center;
  cursor: pointer;
  position: relative;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list li a {
  cursor: pointer;
  width: 100%;
  position: relative;
  padding: 7px 10px 7px 10px;
  color: var(--text-primary);
  font-size: var(--text-body-size);
  display: inline-flex;
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: 4px;
  line-height: normal;
}
.time_tracking_sidebar .coming_soon {
  background-color: #e4e4e4;
  border-radius: 4px;
  padding: 3px 5px;
  margin: 0 0 0 25px;
  font-size: 10px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  font-weight: 600;
  text-transform: capitalize;
}
.time_tracking_sidebar ul .element_icn_ctrl {
  display: inline-flex !important;
  width: 28px;
  min-width: 28px;
}
.time_tracking_sidebar ul .element_icn_ctrl svg {

  display: inline-flex;
}
.dashboard_items > a .element_icn_ctrl svg {
  width: 14px;
  height: 14px;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list .element_icn_ctrl svg * {
  fill: #5f626d;
  stroke: unset;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list li a:hover {
  background: rgba(42, 46, 61, 0.06);
}
.time_tracking_sidebar ul.time_tracking_sidebar_list li a.active {
  background-color: rgb(14 154 239 / 10%);
  color: #0e9aef;
  font-weight: 600;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list li a:hover .coming_soon {
  background-color: #fff;
}

.time_tracking_sidebar
  ul.time_tracking_sidebar_list
  li
  a.active
  .element_icn_ctrl
  svg.stroke_icon
  * {
  stroke: #ffffff !important;
}
.time_tracking_sidebar ul li.offline {
  pointer-events: none;
  opacity: 0.3;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list {
  overflow: auto;
  transition: overflow-y 0.3s ease;
  height: 100%;
}
.stopped_time {
  color: #fe575c !important;
}
.timer_row_col_tracked_timer {
  max-width: 140px;
  min-width: 140px;
  justify-content: right;
}
.timer_list_with_task .timer_list_with_task_row:first-child {
  border-top: 0;
}
.td_gray_chip {
  background: #f3f4f6;
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid #e1e4e8;
  line-height: 1.3;
  display: inline-flex;
  align-items: center;
}
.users_quick_setting_dropdown .data_item.td_gray_chip i {
  position: absolute;
  right: -5px;
  opacity: 0;
}
.users_quick_setting_dropdown .data_item i {
  opacity: 0;
}
.timer_list_with_task_row:hover .users_quick_setting_dropdown .data_item i {
  opacity: 1;
}
.dropdown.users_quick_setting_dropdown {
  padding-right: 10px;
}
.dropdown.users_quick_setting_dropdown .show i {
  opacity: 1;
}
.three_dot_click_area svg {
  opacity: 0.6;
}
.three_dot_click_area:hover svg {
  opacity: 1;
}
.page_404 {
  height: calc(100vh - 118px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.four_zero_four_bg {
  margin-bottom: 20px;
}
.content_box_404 h3 {
  font-size: 24px;
  color: #333;
  margin: 0;
}
.content_box_404 p {
  font-size: 14px;
  margin: 25px 0;
  color: #333;
}
.btn-success.link_404 {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
}
.content_box_404 {
  text-align: center;
}
.group_by_task_table_ctrl .timer_list_with_task .timer_list_with_task_row {
  border-top: 1px solid #ebeef1;
}
.team_timer_time_list .timer_table_list_inner .timer_list_with_task {
  height: auto;
}
.user_col_total_details .timer_row_col {
  flex-direction: column;
  align-items: start;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 0;
}
.user_col_total_details .timer_row_col .timer_col_label {
  font-size: 11px;
}
.col_total_count {
  font-size: 18px;
  font-weight: 600;
  color: #1c222d;
  margin-top: 4px;
  line-height: initial;
}
.timer_row_col.col_client_date {
  max-width: 140px;
  min-width: 140px;
}
.detailed_report_architecture .timer_row_col.col_client_date {
  max-width: 260px;
  min-width: 260px;
}
.reports_data_table_ctrl
  .timer_entry_child_list_ctrl
  .timer_list_with_task_row
  .timer_row_col:first-child {
  padding-left: 20px !important;
}
.reports_data_table_ctrl
  .timer_entry_child_list_ctrl
  .timer_list_with_task_row
  .timer_row_col:last-child {
  padding-right: 20px !important;
}
.user_col_total_details .timer_row_col.timer_row_col_total_timer {
  align-items: end;
}
.user_col_total_details .timer_table_header_inner .timer_row_col:first-child {
  padding-right: 0;
}
.user_col_total_details .collapse_expand_all {
  cursor: auto;
  background: 0 0;
}
.table_select_filter_click_btn.margin_0 {
  margin: 0;
}
.timer_table_header_inner .timer_row_col:first-child {
  padding-left: 20px;
}
.add_time_entry_popup .custom_datepicker .react-datepicker__navigation {
  top: 9px;
}
.table_data_outer_container.in_reports {
  border: 1px solid #edeef2;
  border-radius: 9px;
  overflow: hidden;
}
.team_groups_data_container .group_name:first-child {
  margin-left: 0;
}
.team_groups_data_container .group_name:nth-child(3) {
  margin-right: 0;
}
.team_groups_data_container .group_name {
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 3px;
  margin: 0 2px;
  text-overflow: ellipsis;
  font-size: 13px;
  min-height: 24px;
}
.team_groups_data_container {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.team_groups_data_container span.more_user_pill {
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-left: 4px;
  background: #f3f4f6;
  border-radius: 4px;
  padding: 2px 6px;
}
.all_groups_tooltip_ctrl {
  max-width: 300px;
  padding: 0;
}
.group_name_value {
  word-break: break-word;
  margin: 4px 0;
}
.loading_active {
  padding: 0;
  border-radius: 0;
}
.loading_active.ext_home_loader .element-loader.preview_panel {
  border: 0;
  border-radius: 0;
  background: 0 0;
}
.loading_active .preview_panel .content-item {
  background: 0 0;
}
.in_timesheet_page
  .date_calender_popup.custom_date_range_calender.for_report_table.left_side {
  left: 0 !important;
}
.avatar_list_circle img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.all_member_tooltip_ctrl {
  max-width: 300px;
}
.all_member_tooltip_ctrl .group_name_value {
  margin: 2px;
  display: block;
}
.sr_value_ctrl {
  width: calc(100% - 25px);
  overflow: hidden;
  padding-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rdrMonthAndYearPickers select option {
  background: #fff !important;
}
.time_entry_detail_popup .modal-content {
  border-radius: 10px;
}
.time_entry_detail_popup .modal-header {
  justify-content: start;
  text-align: left;
  padding: 15px 20px;
}
.time_entry_detail_popup .modal-header .modal-title {
  text-align: left !important;
  margin: unset;
  font-size: 18px;
}
.timer_entry_details_preview_ctrl .modal-body.p-0 {
  padding: 0 !important;
}
.timer_entry_details_preview_ctrl .modal-dialog {
  max-width: 568px;
  height: 800px;
}
.info_value_text {
  font-size: 12px;
  color: rgb(40 44 52 / 60%);
  font-weight: 600;
  padding: 0 20px 20px;
  margin: 0;
}
.timer_entry_details_preview_ctrl {
  z-index: 999;
}
.preview_exit:hover svg {
  opacity: 1;
}
.preview_exit svg {
  opacity: 0.6;
}
.timer_entry_details_preview_ctrl .modal-header {
  padding: 15px 20px;
}
.timer_entry_details_preview_ctrl.modal.modal_popup_view .modal-content {
  border-radius: 10px;
}
.tooltip_scroll {
  overflow: auto;
  max-height: 300px;
  padding: 12px 16px;
}
.all_member_tooltip_ctrl {
  padding: 0;
}
.clickable_custom_tooltip .member_time_info {
  display: block;
  padding: 0 0 4px 0;
  font-size: 1em;
  word-break: break-word;
}
.side_panel_view {
  background: #fff;
  border-radius: 0 10px 10px 0;
  border-left: 0;
  border: 1px solid #e2e7eb;
  overflow: hiden;
  max-width: 600px;
  min-width: 600px;
}
.timer_entry_details_preview_ctrl.side_panel_view
  .modal-dialog.modal-dialog-centered {
  max-width: initial !important;
  height: auto;
  position: static !important;
  transform: none !important;
  margin-top: 0;
}
.side_panel_view .modal-content {
  width: 100%;
}
.side_panel_view .timer_detail_scroller {
  height: calc(100vh - 133px);
  width: 100%;
  overflow: auto;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.timer_detail_scroller.detail_tab_active {
  padding-bottom: 92px;
}
.side_panel_view .modal-header {
  border-bottom: 1px solid #dee2e6;
  justify-content: unset;
}
.no_data_found_in_modify {
  height: 238px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 16px;
}
.no_data_found_in_modify .empty_state_message {
  font-size: 16px;
}
.edit_each_range_input_group.mannual_wrapper {
  margin: 0;
}
.rage_input_auto input.mannual {
  height: 30px !important;
  padding: 2px 8px 2px 32px !important;
  background-color: #f5f6f7;
  border: 0 !important;
  color: #8c94a1;
  cursor: pointer;
  transition:
    background-color 0.2s ease-in 0s,
    color 0.2s ease-in 0s;
}
.rage_input_auto input.mannual:active,
.rage_input_auto input.mannual:focus,
.rage_input_auto input.mannual:hover {
  background-color: #f1f2f4;
}
.mannual_wrapper .range_info_icon {
  left: 10px;
  right: auto;
  top: 8px;
}
.mannual_wrapper .react-datepicker-popper {
  transform: unset !important;
  position: absolute !important;
  padding: 0 !important;
  top: 46px !important;
  z-index: 99;
}
.mannual_wrapper .range_info_icon svg * {
  fill: #8c94a1;
}
.button.button--play.disable {
  opacity: 0.7;
}
input.edit_blank_entry_name {
  outline: 0;
  padding: 0;
  border: 0;
  width: 100%;
}
.editable_entry {
  border: 1px solid transparent;
}
.editable_entry.active:hover {
  background-color: #fff;
  border-color: #dbdbdb;
}
.editable_entry.active:focus-within {
  background-color: #fff;
  border-color: #0e9aef;
}
.blank_entry,
.task_entry {
  display: inline-flex;
  margin: 0 8px 0 12px;
  padding: 3px 3px;
}
.blank_entry {
  background-color: rgba(105 109 117/50%);
}
.task_entry {
  background-color: rgb(14 154 239 / 70%);
}
.blank_entry.in_header,
.task_entry.in_header {
  width: auto;
  padding: 3px 3px;
  margin: 0 12px 0 0;
}
.group_by_task_table_ctrl {
  position: relative;
}
.user_edit_time_by_other .etd_current_running_timer:last-child {
  margin-bottom: 0;
}
.user_edit_time_by_other .etd_current_running_timer {
  margin-bottom: 10px;
}
.react-datepicker__input-container input.time_editable_input.mannual {
  height: 30px !important;
  border: 1px solid #dfdfdf96 !important;
  min-height: 32px;
}
.timer_row_col.col_period {
  width: 10%;
}
.project_architecture_ctrl {
  overflow: unset;
}
.timer_table_list_wrap .project_task_list {
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.project_folder-name_data_container a {
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 8px;
  max-width: 380px;
}
.resync_app.in_ptoject {
  font-size: 12px;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.resync_app.in_ptoject svg.resync_icon {
  width: 13px;
  margin-right: 6px;
}
.stop_sync_btn {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #f15866;
  padding: 2px 4px;
  border-radius: 3px;
  margin-left: 4px;
  line-height: 1.3;
  border: 1px solid rgb(241 88 102 / 10%);
}
.stop_sync_btn:hover {
  background: rgb(241 88 102 / 10%);
}
.timer_list_with_task.project_task_list .timer_list_with_task_row {
  border-bottom: 1px solid #ebeef1;
}
.resync_app.right.in_ptoject.Resync {
  color: #0d6efd;
}
.custom-modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
}
.add_time_ctrl {
  position: relative;
  margin: 20px;
  background-color: #fff;
  border-radius: 6px;
}
.resync_app.in_ptoject svg.synced_icon.checkmark_tick {
  width: 13px !important;
}
.resync_app.in_ptoject.Synced {
  margin-right: 0;
}
.custom_date_range_calender.date_range_in_edit .rdrDay .rdrEndEdge,
.custom_date_range_calender.date_range_in_edit .rdrDay .rdrInRange,
.custom_date_range_calender.date_range_in_edit .rdrDay .rdrStartEdge {
  background: #3d91ff !important;
}
.custom_date_range_calender.date_range_in_edit .rdrDay {
  position: relative;
}
.custom_date_range_calender.date_range_in_edit
  .rdrDay
  .range_picker_highlight:after {
  content: "";
  border-bottom: 2px solid #0e9aef;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 14px;
  right: 0;
  margin: auto;
}
.custom_date_range_calender.date_range_in_edit
  .rdrDayToday
  .rdrDayNumber
  span:after {
  opacity: 0;
}
.custom_date_range_calender
  .rdrCalendarWrapper.rdrDateRangeWrapper
  .rdrDateDisplayWrapper,
.custom_date_range_calender
  .rdrCalendarWrapper.rdrDateRangeWrapper
  .rdrMonthAndYearPickers,
.custom_date_range_calender .rdrInputRanges {
  display: none;
}
.custom_date_range_calender.rangepickerWithSingleMonthVisible
  .rdrCalendarWrapper.rdrDateRangeWrapper
  .rdrMonthAndYearPickers {
  display: flex;
}
.custom_date_range_calender .rdrMonthAndYearWrapper > button.rdrNextPrevButton {
  z-index: 1;
}
.custom_date_range_calender .rdrMonths .rdrMonthName {
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 0.944rem;
  position: absolute;
  width: 230px;
  top: 3px;
  padding: 10px;
}
.custom_date_range_calender.date_range_in_edit .rdrMonth {
  padding: 0 0.833em 0.666em 0.833em;
  width: 20.667em;
}
.custom_date_range_calender.date_range_in_edit .rdrMonthsVertical .rdrMonth {
  width: 23em;
}
.integration_link_container .project_name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mps_ctrl {
  display: flex;
  flex-direction: column;
}
.integration_link_container .multiple_project_section {
  display: inline-flex;
  padding: 8px 0;
}
.timer_row_col_link.timesheet_time_value_zero {
  justify-content: center;
}
.sub_modal_ctr {
  position: absolute;
  padding: 20px;
}
.modify_time_entry_popup .sub_modal_ctr .modal-body {
  max-height: 22px;
  min-height: 232px;
  overflow: visible;
}
.rc_widget_filter_ctrl .week_navigate_widget {
  margin: 0;
}
.brand_app_logo {
  padding: 4px 0 0 13px;
}
.brand_app_logo svg {
  width: 122px;
  height: 22px;
  display: block;
}
.timer_list_with_task .timer_list_with_task_row:last-child {
  border-radius: 0 0 12px 12px;
}
.mt_week_day_timeline
  .mt_week_day_section_main_container:last-child
  .time_entry_section_by_day
  .tt_row_timeline_wrap {
  border-radius: 0 0 6px 6px;
}
.non_editable {
  caret-color: transparent;
}
.text_overflow_ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editable_entry.in_detail textarea {
  border: 1px solid #0e9aef;
  border-radius: 4px;
  padding: 6px 10px;
}
.text_line_clamp_2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 15px 0 0;
  color: #282828;
}
.timer_search_data_row .task_original_meta_name {
  font-style: italic;
  color: #676a6c;
}
.export_details_btn.three_dot_comp svg {
  margin: 0;
}
.export_details_btn.three_dot_comp {
  padding: 0;
  width: 36px;
  height: 36px;
  justify-content: center;
}
.custom_details_reports_compo_ctrl .export_details_btn {
  margin: 0 0 0 10px;
}
.custom_details_reports_compo_ctrl .time_list_table {
  margin-top: 50px;
}
.custom_details_reports_compo_ctrl .timer_table_header_inner {
  border-radius: 12px 12px 0 0;
}
.react-datepicker__day.react-datepicker__day--keyboard-selected {
  background: 0 0;
  color: #000;
}
.client_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.main_header_wrapper .title_bold {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.in_timer_preview_panel .etd_time_ran span {
  display: inline-block;
}
.custom_datepicker .rage_input_auto .react-datepicker-popper {
  position: absolute !important;
}
.custom_datepicker .react-datepicker-popper[data-placement^="top"] {
  top: auto !important;
}
.pt_input_select_main_container {
  line-height: normal;
}
.rc_select_task_dropdown .rc_user_list li a {
  display: flex;
  align-items: center;
  width: -webkit-fill-available;
}
.time_col_value_zero:after {
  content: "";
  width: 7px;
  border-top: 2px solid rgba(112, 112, 112, 0.59);
  left: 0;
}
.data_value_zero {
  position: relative;
  min-height: 19px;
  align-items: center;
  display: inline-flex;
}
.data_value_zero:after {
  content: "";
  width: 7px;
  border-top: 2px solid rgba(112, 112, 112, 0.59);
  left: 0;
  position: absolute;
}
.stop.started-timer:hover {
  background: #f9d3d4;
}
.section_top_header_ctrl {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.section_title_normal {
  font-size: 12px;
  color: rgb(40 44 52 / 60%);
  font-weight: 600;
}
.section_top_header_ctrl .hs_list_switch {
  margin: 0;
}
.section_top_header_ctrl .hs_list_switch label.switch {
  margin: 0;
}
.bb_form_row {
  margin-bottom: 20px;
}
.bb_form_group_row {
  display: flex;
  margin-bottom: 10px;
}
.bb_form_group_row .bb_form_group_col {
  width: 100%;
}
.bb_form_group_row .ng_binding {
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  line-height: normal;
}
label.ng_binding .radio_btn_ctrl {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.rage_input_auto {
  position: relative;
}
.bb_form_group_col .time_editable_input {
  padding-left: 0;
  padding-right: 42px;
  line-height: 1.2;
  border: 0;
  background: 0 0;
}
.bb_form_group_col input::-webkit-inner-spin-button,
.bb_form_group_col input::-webkit-outer-spin-button {
  display: none;
}
.tb_progress_widget_container {
  display: flex;
  margin-left: 15px;
}
.bb_form_group_col .range_info_icon {
  left: 8px;
  right: auto;
  font-size: 13px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #333;
  opacity: 0.5;
  font-weight: 600;
  align-items: center;
  max-height: 18px;
  line-height: 1.4;
}
.bb_form_row.mb_auto {
  margin-bottom: 0;
}
.tb_widget_icon {
  margin-right: 10px;
}
.progress_info_label {
  font-size: 12px;
  font-weight: 600;
  color: #282c34;
  line-height: normal;
  margin-bottom: 5px;
  cursor: pointer;
}
.tb_progress_widget_container .progress_bar {
  height: 3px;
}
.tb_progress_widget_container .progress_col_progress_bar {
  min-width: 120px;
}
.tb_progress_widget_container.mr_auto {
  margin: 0;
}
.col_billing_status {
  min-width: 140px;
}
.out_of_budget .progress_bar {
  background: #f15866;
}
.dropdown-menu.tp_filter_dropdown_list_ctrl.setting_popover {
  width: 100%;
}
.rc_submenu_highway_lane .resync_app.in_ptoject {
  margin: 0;
}
.rc_submenu_highway_lane .resync_app.right.in_ptoject.Resync {
  color: #333;
  margin: 0 !important;
}
.rc_submenu_highway .stop_sync_btn {
  width: 20px;
  height: 20px;
  justify-content: center;
}
.rc_submenu_highway .Sync.in {
  color: #333;
}
.lane_icon_ctrl .checkmark_tick {
  width: 14px !important;
  height: 14px !important;
}
.mh_rate_input {
  margin-left: 6px;
  position: relative;
}
.mh_rate_input input {
  max-width: 56px;
  border: 1px solid #e0e1e4;
  border-radius: 3px;
  color: #282c34;
  font-size: 13px;
  height: 26px;
  padding: 0 4px 0 13px;
  line-height: 26px;
}
.mh_rate_popdown .edit_time_last_action_footer_ctrl {
  padding: 10px;
}
.mh_rate_popdown .edit_time_last_action_footer_ctrl button.btn {
  padding: 5px 8px;
}
.mh_rate_popdown .dropdown_list_scroll {
  max-height: 160px;
}
.mh_rate_popdown ul input:focus {
  border: 1px solid #0e9aef;
}
.mh_rate_popdown ul li a {
  padding: 0 5px;
}
.mh_rate_input .dollar_icon {
  position: absolute;
  left: 5px;
  top: 6px;
  font-size: 13px;
  opacity: 0.5;
  font-weight: 600;
}
.range_hourly_text {
  position: absolute;
  right: 10px;
  top: 7px;
  color: #333;
  font-weight: 600;
  opacity: 0.5;
  font-size: 13px;
}
.hour_text_static {
  color: #333;
  font-weight: 600;
  opacity: 0.5;
}
.bb_form_group_col .range_info_icon {
  position: static;
  margin-right: 8px;
}
.bb_form_group_col .pt_input_select_data_flex {
  padding-left: 10px;
}
.edit_time_text_value:hover {
  border: 1px solid #c3c7cb !important;
}
.mt_editable_input {
  min-width: 80px;
}
.time_box_sign_up_flow_popup .modal-body {
  padding: 0 !important;
}
.time_box_sign_up_flow_popup .modal-dialog {
  width: 960px !important;
  max-width: 960px !important;
  border-radius: 20px;
}
.time_box_sign_up_flow_popup .modal-content {
  border-radius: 22px;
  background: 0 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.time_box_sign_up_flow_popup .close_bg_on_hover {
  align-items: center;
  background-color: #fff;
  border: 0;
  display: flex;
  justify-content: center;
  line-height: inherit;
  margin: 0 0 0 auto;
  outline: 0;
  padding: 0 !important;
  border-radius: 3px;
  width: 26px;
  height: 26px;
}
.quick_action_ctrl {
  border: 1px solid #e2e7eb;
  min-height: 30px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  line-height: 1.2;
}
.quick_action_ctrl i.fa-chevron-down {
  font-size: 10px;
  color: #676767;
  margin-left: 8px;
}
.timer_row_col.col_IP_address {
  min-width: 120px;
}
.timer_row_col.col_device {
  max-width: 100px;
  min-width: 100px;
}
.timer_row_col.col_app {
  min-width: 100px;
  max-width: 100px;
}
.timer_row_col.col_signed_with {
  min-width: 120px;
}
.timer_row_col.col_date_registered {
  min-width: 200px !important;
  max-width: 200px !important;
}
.timer_row_col.col_action {
  min-width: 120px;
}
.quick_action_ctrl {
  border: 1px solid #e2e7eb;
  min-height: 30px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  line-height: 1.2;
}
.quick_action_ctrl i.fa-chevron-down {
  font-size: 10px;
  color: #676767;
  margin-left: 8px;
}
.timer_row_col.col_IP_address {
  min-width: 140px;
}
.timer_row_col.col_device {
  max-width: 100px;
  min-width: 100px;
}
.timer_row_col.col_app {
  min-width: 100px;
  max-width: 100px;
}
.timer_row_col.col_signed_with {
  min-width: 120px;
}
.timer_row_col.col_date_registered {
  min-width: 200px !important;
  max-width: 200px !important;
}
.timer_row_col.col_action {
  min-width: 120px;
}
.manage_request_data_table .timer_row_col.col_email {
  width: 100%;
}
.manage_request_data_table .timer_row_col.col_status {
  min-width: 120px;
}
.manage_request_data_table [data-tag="allowRowEvents"] .react-tooltip {
  z-index: 1;
}
.login .page-container-space {
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.login-container .content {
  box-shadow: 0 3px 46px #147de612;
  border-radius: 20px;
}
.sign_up_form_ele_mt {
  font-weight: 600;
  color: #333;
}
.terms_and_policy_info {
  font-size: 13px;
  color: #282c34;
}
.lf_title {
  font-size: 26px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 0;
}
.lf_sub_title {
  font-size: 14px;
  color: #282c34;
  margin-bottom: 0;
  margin-top: 12px;
}
.login-container .form-group {
  margin-bottom: 8px;
}
.lf_footer_content .info_block {
  margin: 30px 0 0 0;
}
.custom_page_wrapper.login {
  background: #edf5fa;
}
.confirm_email_icon {
  display: flex;
  justify-content: center;
  margin: 40px 0 20px 0;
}
.view_int_details {
  display: flex;
  align-items: center;
  margin-left: 8px;
  cursor: pointer;
  opacity: 0.6;
}
.view_int_details:hover {
  opacity: 1;
}
.disable_on_running_timer {
  opacity: 0.5;
  cursor: not-allowed;
}
.disable_on_running_timer:hover {
  background: 0 0 !important;
}
.custom_date_range_calender .rdrDayEndPreview,
.custom_date_range_calender .rdrDayInPreview,
.custom_date_range_calender .rdrDayStartPreview {
  border: 0 !important;
}
.custom_date_range_calender .rdrDayEndPreview,
.custom_date_range_calender .rdrDayInPreview,
.custom_date_range_calender .rdrDayStartPreview {
  background: rgba(14 154 239/15%) !important;
  border: 0 !important;
}
.custom_date_range_calender .rdrStartEdge + .rdrDayEndPreview,
.custom_date_range_calender .rdrStartEdge + .rdrDayInPreview,
.custom_date_range_calender .rdrStartEdge + .rdrDayStartPreview {
  background: rgba(255, 255, 255, 0.25) !important;
  border: 0 !important;
}
.custom_date_range_calender .rdrInRange + .rdrDayEndPreview,
.custom_date_range_calender .rdrInRange + .rdrDayInPreview,
.custom_date_range_calender .rdrInRange + .rdrDayStartPreview {
  background: rgba(255, 255, 255, 0.25) !important;
  border: 0 !important;
}
.custom_date_range_calender .rdrEndEdge + .rdrDayEndPreview,
.custom_date_range_calender .rdrEndEdge + .rdrDayInPreview,
.custom_date_range_calender .rdrEndEdge + .rdrDayStartPreview {
  background: rgba(255, 255, 255, 0.25) !important;
  border: 0 !important;
}
.lf_header {
  margin-bottom: 16px;
}
.lf_perr {
  font-size: 14px;
  color: #282c34;
  margin-bottom: 0;
  margin-top: 8px;
}
.edit_time_entry_three_dot_dropdown li:first-child {
  border-radius: 8px 8px 0 0;
}
.edit_time_entry_three_dot_dropdown li:last-child {
  border-radius: 0 0 8px 8px;
}
.in_timesheet .element-loader.preview_panel {
  border-radius: 0 0 12px 12px;
  border: 0;
}
.etd_users_input_select.disabled {
  background: #f5f5f5;
}
.manage_request_data_table .rdt_TableRow .rdt_TableCell:first-child {
  padding-left: 0;
}
.manage_request_data_table .rdt_TableRow .rdt_TableCell:last-child {
  padding-right: 0;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol:first-child,
.manage_request_data_table .rdt_TableRow .rdt_TableCell:first-child {
  width: 10% !important;
  min-width: 10%;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol:nth-child(2),
.manage_request_data_table .rdt_TableRow .rdt_TableCell:nth-child(2) {
  width: 12% !important;
  min-width: 12%;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol:nth-child(3),
.manage_request_data_table .rdt_TableRow .rdt_TableCell:nth-child(3) {
  width: 8%;
  min-width: 8%;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol:nth-child(4),
.manage_request_data_table .rdt_TableRow .rdt_TableCell:nth-child(4) {
  width: 8% !important;
  min-width: 8%;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol:nth-child(5),
.manage_request_data_table .rdt_TableRow .rdt_TableCell:nth-child(5) {
  width: 5% !important;
  min-width: 5%;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol:nth-child(6),
.manage_request_data_table .rdt_TableRow .rdt_TableCell:nth-child(6) {
  width: 6% !important;
  min-width: 6%;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol:nth-child(7),
.manage_request_data_table .rdt_TableRow .rdt_TableCell:nth-child(7) {
  width: 10%;
  min-width: 10%;
}
.manage_request_data_table .rdt_TableHeadRow {
  padding: 0 20px;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol:first-child {
  padding-left: 0;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol:last-child {
  padding-right: 0;
}
.manage_request_data_table .rdt_TableHeadRow .rdt_TableCol,
.manage_request_data_table .rdt_TableRow .rdt_TableCell {
  webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.manage_request_data_table .dropdown.three_dot_dropdown.in_table_row {
  overflow: unset !important;
}
.manage_request_data_table .rdt_TableRow .rdt_TableCell > div {
  overflow: unset !important;
}
.manage_request_data_table .rdt_Pagination {
  padding: 0 20px;
  background: 0 0;
}
.manage_request_data_table .three_dot_dropdown.in_table_row {
  margin: 0;
  align-items: center;
  display: inline-flex;
}
.lf_sub_title.mt-20 {
  margin-top: 20px;
}
.status_circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-right: 8px;
}
.additional_note_area {
  display: flex;
  align-items: center;
  min-height: 80px;
  border: 1px solid #d6d8dc85;
  border-radius: 6px;
  padding: 5px 20px 5px 10px;
  position: relative;
  max-height: 80px;
  width: 100%;
  resize: none;
}
.use_status_wrap {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  margin-left: auto;
  margin-right: 28px;
}
.pt_input_select_data_flex.disabled {
  background: #f5f5f5;
  cursor: default;
}
.add_note_modal_popup .modal-footer {
  border-radius: 0 0 10px 10px;
}
.etd_user_info.etd_users_row .username {
  font-size: 13px;
  color: #333;
}
.add_note_modal_popup .modal-footer .btn-success {
  margin-left: 10px !important;
}
.characters_limit {
  text-align: right;
  margin: 8px 0 0 0;
  font-size: 13px;
  color: #f15866;
}
.logged_in_user_email {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
  display: inline-block;
}
.logged_in_user_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 160px;
  display: inline-block;
  padding-right: 16px;
}
.manage_request_data_table .quick_action_ctrl {
  cursor: pointer !important;
}
.manage_request_data_table .quick_action_ctrl:hover {
  background: #f9fafd;
}
.user_name_initial_container {
  display: flex;
  align-items: center;
}
.timesheet_time_value_text.uneditable_value:hover {
  border: 1px solid transparent;
}
.custom_datepicker .range_info_icon {
  cursor: pointer;
}
.widget_medium_scroll {
  max-height: 229px;
  overflow: auto;
}
.widget_medium_scroll.lt_compact_scroll_height {
  min-height: 239px;
}
li.rc_submenu_highway_lane {
  position: relative;
}
.rc_submenu_highway.submenu {
  position: absolute;
  left: auto;
  right: 100%;
  top: -1px;
  opacity: 0;
}
.rc_submenu_highway_lane:hover .rc_submenu_highway.submenu {
  opacity: 1;
}
.rc_submenu_highway_lane i.dropdown_cat_action_arrow {
  color: #798292;
}
.project_archived_icon {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.project_gray_chip {
  border: 1px solid #e2e7eb;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  padding: 2px 8px;
  background: #efeff0;
  font-size: 11px;
  color: #282828;
  font-weight: 600;
  margin-left: 8px;
  min-height: 20px;
  font-size: 11px;
}
.back_to_main i.fas.fa-chevron-left {
  color: #262626ab;
  font-size: 12px;
  margin-right: 6px;
}
.project_architecture_ctrl .timer_list_with_task .timer_list_with_task_row {
  border-radius: 0;
}
.progress_col_name .user_widget_initial {
  align-items: center;
}
.row_wrapper {
  width: 80%;
}
.row_wrapper_innr {
  width: 88%;
  display: inline-flex;
}
.history_for_comment {
  color: rgb(51 51 51 / 80%);
  font-style: italic;
  width: 100%;
  display: inline-flex;
  padding: 0;
  line-height: 22px;
  font-weight: 600;
  align-items: baseline;
}
.history_for_comment > i {
  margin: 0 5px 0 0;
}
.rc_time_list_card_wrapper.project_task_row_data_container {
  margin-bottom: 0;
  min-height: 524px;
}
.project_task_row_data_cintainer .widget_empty_state_content {
  height: 553px;
}
.entry_info_container {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #664d03;
  margin-top: 15px;
  font-weight: 400;
  background: #fff3cd;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ffe69c;
}
.view_entry_info {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.entry_info_container a {
  margin-left: 4px;
}
.view_entry_info svg {
  display: block;
}
.time_box_sign_up_flow_popup .custom-modal-backdrop {
  background-color: #edf5fa;
  border-radius: 0;
}
.time_box_sign_up_flow_popup .custom-modal-backdrop svg:first-child {
  position: absolute;
  top: -15%;
  left: -7%;
}
.time_box_sign_up_flow_popup .custom-modal-backdrop svg:last-child {
  position: absolute;
  bottom: -12%;
  right: -5%;
}
.newUser_action_header .user-name-initial.user-more-compact {
  display: flex;
  flex-direction: row;
  width: auto;
  height: auto;
  background: 0 0 !important;
  align-items: flex-start;
  margin: 0 !important;
  padding: 5px;
  border-radius: 0;
  border-radius: 10px;
  padding: 10px;
}
.newUser_profile {
  display: flex;
}
.newUser_name_in_header {
  font-weight: 600;
}
.newUser_email_in_header,
.newUser_name_in_header {
  display: inline-flex;
  color: rgb(255 255 255 / 80%);
  line-height: 20px;
  white-space: normal;
  word-break: break-all;
}
.newUser_action_header
  .user_profile_main_ctrl
  .user_prof_dropdown
  .layout_icons.dropdown-menu {
  left: 0;
  right: auto;
  background: #fff !important;
  top: 61px !important;
  bottom: unset !important;
  padding: 0;
  width: auto;
}
.newUser_action_header {
  border-bottom: 1px solid rgb(255 255 255 / 30%);
  padding: 0 0 7px 0;
  margin: 0 0 20px 0;
  position: relative;
}
.newUser_action_header .user-name-initial.user-more-compact > span {
  width: 26px;
  height: 26px;
  background-color: #0e9aef;
  border-radius: 100%;
  margin-right: 10px;
}
.newUser_info_in_header {
  display: flex;
  flex-direction: column;
  max-width: 200px;
  text-align: left;
}
.newUser_action_header .user-name-initial.user-more-compact:hover {
  background-color: rgba(255, 255, 255, 15%) !important;
}
.custom_details_reports_compo_ctrl
  .report_empty_column_container.in_detailed_report {
  width: 339px;
}
.custom_details_reports_compo_ctrl
  .group_by_task_table_ctrl
  .timer_row_col.timer_row_col_member {
  border-right: 1px solid #ebeef1;
}
.newUser_notify_ctrl.notification_ctrl ul.dropdown-menu {
  min-width: 280px;
  left: auto;
  right: 0;
  height: auto;
  border: 0 !important;
}
.notification_ctrl.newUser_notify_ctrl ul.dropdown-menu.arrow_box_top:before {
  content: "";
  right: 10px;
  left: auto;
}
.notification_ctrl.newUser_notify_ctrl ul.dropdown-menu.arrow_box_top:after {
  content: "";
  right: 7px;
  left: auto;
  margin-bottom: -1px;
}
.newUser_notify_ctrl .notification_tagged_area_ctrl_right {
  position: absolute;
  right: 0;
}
.newUser_notify_ctrl .notification_tagged_area_ctrl_left {
  max-width: unset;
}
.newUser_notify_ctrl.notification_ctrl ul.dropdown-menu li {
  padding: 0;
  border: 0;
  box-shadow: none;
}
.newUser_notify_ctrl.notification_ctrl ul.dropdown-menu li:hover {
  background: 0 0;
  border: 0;
  box-shadow: none;
}
.newUser_notify_ctrl .notification_for_user {
  font-weight: 400;
}
.newUser_notify_ctrl .notification_data_ctrl {
  margin: 0;
}
.invitation_action a {
  color: #0e9aef !important;
  font-weight: 600;
  padding: 0 5px;
}
.invitation_action {
  display: inline-flex;
}
.notification_ctrl.dropdown.newUser_notify_ctrl {
  margin-right: 0;
  position: absolute;
  top: 2px;
  right: 0;
}
.newUser_action_header
  .user_prof_dropdown.user_status
  ul.dropdown-menu
  li
  a
  svg {
  margin: 0 10px 0 0;
}
.nu_brand_logo {
  text-align: center;
  margin: 0 0 50px 0;
}
.nu_brand_logo svg {
  width: 180px;
}
.newUser_notify_ctrl .notifications_list_scrollbar {
  overflow: auto;
  max-height: 300px;
  padding: 10px 0;
}
.user_role_text {
  color: #000;
  font-size: 13px;
}
.user_role_text strong.username {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 470px;
  display: inline-flex;
}
.user_role_text strong {
  font-weight: 600;
}
.capture_history_data_main_container .page_tab_navigation_inner {
  display: flex;
  align-items: center;
}
.three_dot_click_area.blank:hover {
  background: 0 0;
}
.chevron-down-ctrl {
  background: 0 0 !important;
  width: auto !important;
  height: auto !important;
  margin-left: 10px !important;
  margin-right: 0 !important;
  display: inline-flex;
}
.chevron-down-ctrl i {
  position: static;
  color: rgb(255 255 255 / 80%);
  font-size: 12px;
}
.email_item_remove {
  display: inline-flex;
  align-items: center;
  margin-left: 3px;
}
.cursor-default {
  cursor: default !important;
}
.cursor-default > a {
  cursor: default !important;
}
.td_apps_container {
  display: inline-flex;
  align-items: center;
  margin: 0 10px;
}
.td_apps_container .get-more-app {
  color: #fff;
  padding-right: 8px;
  padding-left: 0;
}
.td_apps_container .apps_icon {
  margin: 0;
  border: 0;
  background: 0 0;
  padding: 0;
}
.td_apps_container .apps_icon .compact_ui.top_header_action_tools_ctrl a {
  padding: 0 6px !important;
}
.apply_cancel_button_section button:active,
.apply_cancel_button_section button:focus {
  outline: 0 !important;
}
.btn-check:checked + .btn.cancel_button_date_picker,
.btn.cancel_button_date_picker.active,
.btn.cancel_button_date_picker.show,
.btn.cancel_button_date_picker:first-child:active,
:not(.btn-check) + .btn.cancel_button_date_picker:active {
  border-color: #e7eaec;
}
.btn.apply_button_date_picker:focus-visible {
  background-color: #0e9aef;
  box-shadow: none;
  border-color: #0e9aef;
}
.btn-check:checked + .btn.clear_button_date_picker,
.btn.clear_button_date_picker.active,
.btn.clear_button_date_picker.show,
.btn.clear_button_date_picker:first-child:active,
:not(.btn-check) + .btn.clear_button_date_picker:active {
  border: 0;
}
.btn.clear_button_date_picker:focus {
  outline: 0;
  border: 0;
}
.disabled_data {
  cursor: default;
}
.non_billable {
  padding: 0;
  border-radius: 4px;
  color: #1c222d;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  cursor: pointer;
}
.non_billable svg {
  margin-right: 8px;
}
.main-header.header-top.fixed-top-header.tb_site_header .top-header-inner {
  background: #303443;
}
.td_apps_container .compact_ui.top_header_action_tools_ctrl a svg {
  width: 18px !important;
  height: 18px !important;
}
.tb_site_header .v-pipe {
  height: 24px;
}
.time_editable_input.text_input_error,
.time_editable_input.text_input_error:focus {
  border: 1px solid #d00 !important;
}
.text_input_error,
.text_input_error:focus {
  border: 1px solid #d00 !important;
}
.setting_theme_leftside_bar .label_accordion_on_hover:hover {
  background: #f5f5f7;
}
.three_dot_dropdown .metadata-icon {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
}
.int_widget_overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  background-color: rgb(255 255 255 / 90%);
  font-family: sans-serif;
  text-align: center;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-weight: 700;
  font-size: 15px;
}
.int_widget_overlay h1 {
  font-size: 13px;
  font-weight: 700;
  margin: 0;
  color: #000;
}
.user_profile_main_ctrl ul.dropdown-menu li.account_owner_name_ctrl {
  padding: 8px 12px 8px !important;
  color: #333;
  font-size: 12px;
  border-top: 1px solid #ededed;
}
.account_owner_name_ctrl p {
  margin: 0;
  word-break: break-word;
}
.user_email_text_control.user_role {
  display: inline-flex;
  background: #e7e7e7;
  width: auto;
  padding: 2px 6px;
  border-radius: 8px;
  font-weight: 600;
  margin-top: 6px;
  line-height: normal;
  font-size: 11px;
}
.connected_task_text {
  word-break: break-word;
}
.s_int_apps_card_main_ctrl.browser_extension
  .s_int_apps_card_block
  .s_int_apps_card_col {
  width: 100%;
}
.add_note_modal_popup
  .rc_select_task_dropdown
  .etd_user_info.etd_users_row.active {
  background: #0e9aef;
  color: #fff;
}
.notification_ctrl .no_notification_area_ctrl {
  padding: 40px 15px;
}
.notification_ctrl .no_notification_area_ctrl svg {
  width: 40px;
  height: 40px;
}
.notification_ctrl .no_notification_area_ctrl span {
  padding-bottom: 0;
}
.bs_attachment_radio_list {
  display: flex;
  align-items: center;
}
.bs_binding_radio_list {
  align-items: center;
  margin: 0 12px 0 0 !important;
  display: flex !important;
  line-height: 12px !important;
  font-size: 13px !important;
  color: #202532;
}
.bs_binding_radio_list .radio_btn_ctrl {
  border: 1px solid #e9e9e9;
  outline: #e9e9e9;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.send_report_by-email .item_group_border.item_group_border_none {
  margin: 0;
}
.send_report_by-email .equal_margin_bottom_ctrl {
  margin-bottom: 0;
}
.email_item_remove svg {
  width: 11px;
  display: inline-block;
  height: 11px;
  opacity: 0.6;
  cursor: pointer;
}
.in_user_profile {
  bottom: 30px;
  position: absolute;
  left: 0;
  padding: 0 35px;
  width: 100%;
}
.in_user_profile .entry_info_container {
  width: 100%;
}
.popup_inside_another_popup .modal-dialog.modal-dialog-centered {
  transform: unset !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.popup_inside_another_popup .edit_time_popup_ctrl .custom-modal-backdrop {
  position: fixed;
}
.time_value_timeline_col.inline_flex {
  display: inline-flex;
  align-items: center;
}
.report_email_input_data {
  flex: 1;
}
.report_email_input_data input {
  width: 100%;
}
.form-group.margin_auto {
  margin: 0;
}
.data_table_scroll_active .timer_table_header {
  padding: 0 5px 0 0;
}
.content_panel_right .timer_widget_main_wrapper_ctrl {
  position: static;
}
.content_panel_right .rc_time_list_card_wrapper {
  position: static;
}
.user_email_text_control.workspace_role {
  margin-top: 3px;
}
.day_time_lists {
  display: flex;
}
.day_time_list {
  text-align: center;
  margin: 0 12px 0 0;
}
.day_time_list .member_time_info {
  margin-bottom: 2px;
}
.day_time_lists .day_time_list:last-child {
  margin-right: 0;
}
.user_abbrev {
  display: inline-flex;
  white-space: nowrap;
  border: 1px solid #0e9aef;
  color: #0e9aef;
  padding: 3px;
  font-style: normal;
  text-transform: capitalize;
  font-size: 12px;
  margin-left: 10px;
  border-radius: 3px;
}
.project_architecture_ctrl .search_input_filter_ctrl {
  margin: 0 5px;
}
.check_disabled a.checkbox {
  opacity: 0.6;
  cursor: not-allowed;
}
.check_disabled a.checkbox:hover {
  background: #fff;
}
.time_editable_input.react-datepicker-ignore-onclickoutside {
  background: #f1f2f4;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::after {
  top: 1px !important;
  border-bottom-color: #fff !important;
}
.btn-success.create_new_report_colored_btn:active,
.btn-success.create_new_report_colored_btn:focus {
  background-color: #0e9aef !important;
  border-color: #0e9aef !important;
}
.element_separator {
  height: 1px;
  display: block;
  background: #ebeef1;
  width: auto;
  margin: 5px -5px;
}
.sign_up_status_tooltip {
  max-width: 400px;
  max-width: 350px;
  max-height: 400px;
}
.sign_up_status_tooltip .other_projects_toltip span {
  white-space: break-spaces;
  word-break: break-word;
}
.sign_up_status_tooltip .other_projects_toltip {
  margin-top: 6px;
}
.manage_request_data_table .rdt_TableBody {
  height: calc(100vh - 424px) !important;
}
.rc_time_list_title.task_col_ctrl {
  flex: 1;
}
.task_date_created_col {
  width: 140px;
  text-align: left;
  color: #262626;
  font-size: 14px;
}
.total_tracked_time_value_col {
  width: 180px;
  text-align: right;
}
.user_profile_event_ctrl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 17px 20px 15px 20px;
  cursor: pointer;
}
.user_profile_event_ctrl .user-name-initial.user-more-compact {
  margin: 0 !important;
  padding: 0 !important;
  width: 33px;
  height: 33px;
}
.user_profile_event_ctrl .user-name-initial.user-more-compact:before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 46px;
  height: 45px;
  border: 3px solid rgba(255, 255, 255, 0.18);
  border-radius: 100%;
}
.user_profile_event_ctrl:hover {
  background: rgb(35 42 54);
}
.user_prof_dropdown .user_profile_event_ctrl {
  padding: 12px 20px 12px 20px;
}
.custom_details_reports_compo_ctrl .main_header_wrapper .title_bold {
  max-width: 1083px;
}
.left-space-fifty-percent {
  width: 50%;
  right: 0;
  left: auto;
}
.thumbnail-box .animated-background {
  height: 50px;
}
.animated-background {
  height: 50px;
}
.left-space-center {
  left: 0;
  right: 0;
  margin: auto;
}
.white-space-80 {
  width: 80%;
  height: 8px;
  left: auto;
  right: 0;
}
.task-name-line-1 {
  padding-top: 25px !important;
  min-height: 30px !important;
  padding: 20px 12px 9px !important;
}
.border-top-auto {
  border-top: 0 !important;
}
.content-item.task-name-line-2.border-top-auto {
  min-height: 24px !important;
  padding: 7px 12px 0 !important;
}
.reports_name_custom {
  max-width: 600px;
}
.report_name_text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
}
.reports_custom_data_table_ctrl .col_group_name .user_group_data {
  align-items: center;
  display: flex;
}
.left-space-seventy-five-percent {
  width: 25%;
  right: 0;
  left: auto;
}
.thumbnail-box .left-space-center {
  height: 100%;
  width: 20px;
  background: #f7f7f8;
}
.thumb-gray-bg {
  background: #f7f7f8;
}
.content-item-inner {
  padding: 15px;
  border-radius: 4px;
}
.user_timer_line_preview .left-space-1 {
  width: 10%;
  height: 8px;
  left: 70%;
}
.detailed_report_architecture .timer_list_with_task_row {
  align-items: unset;
}
.login button .three_dot_loader_svg {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.login button:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 2px #d1edff;
}
.resend_email_anchor_link {
  text-decoration: underline;
  color: #0e9aef !important;
}
.registration_disclaimer {
  border-top: 1px solid #e5e6e7;
  color: #282c34b3;
  display: block;
  font-size: 13px;
  font-weight: 400;
  padding: 15px 0 0;
  text-align: left;
  width: 100%;
}
.registration_disclaimer a {
  color: rgb(40 44 52 / 70%);
  text-decoration: underline;
  border: 0 !important;
  border-radius: 0 !important;
  background: 0 0 !important;
}
.registration_disclaimer a:hover {
  color: #1f7fc9;
}
.view_loader_container {
  position: relative;
  height: calc(100vh - 304px);
  border: 1px solid #edeef2;
  border-radius: 10px;
  overflow: hidden;
}
.view_loader_container.loader_after_table_header {
  height: calc(100vh - 364px);
  border-radius: 0 0 10px 10px;
  border: 0;
}
.team_architecture_ctrl .loader_after_table_header {
  height: calc(100vh - 395px);
}
.team_architecture_ctrl .table_empty_state_content {
  height: calc(100vh - 395px);
}
.manage_request_data_table .timer_row_col {
  padding: 0;
}
.view_loader_container.in_custom_detail_reports {
  height: calc(100vh - 118px);
}
button.tp_filter_group_ctrl {
  border: 0;
  padding: 0;
  background: 0 0;
  width: 100%;
}
.time_data_not_found h1 {
  color: #000;
  font-weight: 600;
  font-size: 32px;
}
.time_data_not_found svg {
  margin-bottom: 24px;
}
.time_data_not_found p {
  font-size: 16px;
  margin: 0;
}
.time_data_not_found {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: none !important;
}
.s_int_apps_card_block.int_card_header .s_int_apps_card_col:last-child {
  text-align: right;
}
.page_tab_navigation_ctrl .tab_navigation_list li:first-child {
  margin-left: 0;
}
.project_task_row_data_container .large_widget .widget_empty_state_content {
  height: 540px;
}
button.close.close_bg_on_hover.clear_all_filters {
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 10px;
  font-size: 24px;
}
.full_width_action_btn_innr,
.full_width_action_btn_main {
  align-items: center;
  display: inline-flex;
  width: 100%;
}
.timer_saving_mode_text.force-h-center {
  width: 100%;
}
.cursor-pointer {
  cursor: pointer !important;
}
.timer_row_col.col_invited {
  width: 40%;
}
.running_timer_widget {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgb(0 0 0 / 20%);
  margin: auto;
  position: absolute;
  left: 10px;
  width: 100%;
  bottom: 10px;
  margin-bottom: 10px;
}
.running_timer_with_task {
  color: #fff;
}
.running_timer_with_task .timer_counter {
  font-family: var(--font-sans);
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-line);
  font-weight: var(--font-weight-semibold);
  font-variant-numeric: tabular-nums;
}
.running_timer_with_task .task_name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 130px;
  line-height: normal;
}
.mr-20 {
  margin-right: 20px;
}
.running_timer_widget .button.button--play.button--active:before {
  background: #fa555d24;
}
.btn.btn-success:focus {
  background: #0e9aef !important;
  border-color: #0e9aef !important;
}
.in_settings.compact_ui .switch {
  width: 30px;
  height: 12px;
}
.in_settings input:checked + .slider:before {
  content: "";
  width: 16px !important;
  height: 16px !important;
  left: -8px !important;
}
.in_settings .slider:before {
  content: "";
  width: 16px !important;
  height: 16px !important;
  bottom: -2px;
}
ul.day_set {
  display: flex;
  margin-top: 12px;
}
ul.day_set li {
  cursor: pointer;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #282828;
  margin-right: 5px;
  padding: 4px 14px;
  border: 1px solid #eeeeef;
  line-height: 1.3;
}
ul.day_set li:hover {
  background-color: #eeeeef;
}
ul.day_set li:focus-visible {
  outline: 0;
}
ul.day_set li.active {
  background-color: #0e9aef;
  color: #fff;
  border-color: #0e9aef;
}
.settings_wrapper {
  height: 100%;
  overflow: auto;
  position: relative;
  background-color: #f9f9fa;
}
.settings_common_footer {
  position: absolute;
  bottom: 0;
  width: calc(100% - 251px);
  background: #fff;
  border: 1px solid #e2e7eb;
  display: inline-flex;
  left: -12px;
  right: 0;
  margin: auto;
  padding: 10px 15px;
  justify-content: right;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 99;
}
.in_email_popup .ts_form_ctrl {
  padding: 0;
}
.ts_form_content_container.in_email_popup .card_heading {
  font-size: 14px;
  margin-bottom: 4px;
}
.in_email_popup fieldset.form_column .pt_input_select_data_flex {
  margin-top: 6px;
}
.h-sec_divider {
  height: 1px;
  background: #e5e6e7;
  width: auto;
  margin: 20px -20px;
  display: block;
}
.timesheet_list_inner {
  cursor: unset !important;
}
.MOD_two_listing .time_entry_section_by_day .task_list_with_timer .tt_col_task {
  cursor: pointer;
}
.cursor_pointer {
  cursor: pointer;
}
.group_by_timesheet_table_ctrl .timesheet_col.timesheet_task_col {
  cursor: pointer;
}
.widget_inactive {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.03);
  opacity: 0.65;
}
.time_value_timeline_col.edit_time_list_col {
  min-width: 105px;
  text-align: right;
}
.settings_common_footer.profile_settings {
  width: 100%;
  border-radius: 0;
  border-color: #e9e9eb;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 3px;
}
.pt_input_select_wrap.has-error .dropdown-menu input {
  border: 1px solid #d6d8dc85 !important;
}
.pt_input_select_wrap.has-error .dropdown-menu input:focus {
  border: 1px solid #0e9aef !important;
}
.hoverable_text_area {
  cursor: pointer;
  width: auto;
}
.hoverable_text_area:hover {
  color: #0e9aef !important;
}
.pt_input_select_wrap.has-error .dropdown-menu input {
  border: 1px solid #d6d8dc85 !important;
}
.pt_input_select_wrap.has-error .dropdown-menu input:focus {
  border: 1px solid #0e9aef !important;
}
.page-wrapper.no-sidebar.login .form-group.field-loginform-password input {
  padding-right: 34px;
}
.group_by_task_table_ctrl .timer_list_section_by_user .user_circle_ctrl {
  cursor: pointer;
}
.group_by_timesheet_table_ctrl
  .timesheet_col.timesheet_task_col
  .user_circle_ctrl {
  cursor: pointer;
}
.total_hours.cursor-auto {
  cursor: auto;
}
.table_right_border {
  border-right: 1px solid #ebeef1;
}
.widget_inactive fieldset.form_column button.pt_input_select_data_flex {
  background: #fafafa;
}
.export_details_btn:hover {
  background: #f5f6f7;
}
button.btn.tp_filter_group_btn:hover {
  background: #f5f6f7 !important;
}
.project_tooltip_in_client {
  max-width: 300px;
}
.project_tooltip_in_client .member_fullname {
  max-width: 100%;
}
.filter_header_visible
  .timer_list_section_by_user.with_scroller_bar_in_vertual_list {
  height: calc(100vh - 435px) !important;
}
.invitation_time_and_date {
  display: block;
  color: #8c8c8c;
  font-weight: 600;
  margin-top: 4px;
  font-size: 13px;
}
.newUser_notify_ctrl .notification_tagged_area_ctrl_left.show_less {
  display: block !important;
}
.newUser_notify_ctrl .notification_list_innr_ctrl {
  padding: 5px 15px;
}
.newUser_notify_ctrl .rc_notification_mentioned_area_span {
  line-height: 1.5;
}
.old_everhour_data_table_ctrl
  .timer_list_section_by_user.with_scroller_bar_in_vertual_list {
  height: calc(100vh - 463px) !important;
}
.colored_sod_eod_chip {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.colored_sod_eod_chip svg {
  margin-right: 8px;
  display: block;
}
.type_sod {
  background: #ffedce;
  color: #6d4a13;
}
.type_eod {
  background: #ffeee0;
  color: #7b2516;
}
.sod_eod_data_table_ctrl .timer_row_col.col_created_by {
  min-width: 12% !important;
}
.sod_eod_data_table_ctrl .timer_row_col.col_date_created {
  min-width: 10%;
}
.sod_eod_data_table_ctrl .timer_row_col {
  min-width: 12% !important;
  width: 12% !important;
}
.create_new_report_colored_btn svg {
  margin-right: 8px;
}
.go_back_state {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e7eb;
  border-radius: 4px;
  margin-right: 12px;
  cursor: pointer;
}
.go_back_state:hover {
  background: #e2e7eb;
}
.date_created_pill .selected_week_period {
  border: 1px solid #eaeef1;
  border-radius: 4px;
  cursor: pointer;
}
.date_created_pill .selected_week_period {
  border: 1px solid #e10ef1;
  border-radius: 4px;
  cursor: pointer;
  height: auto;
  padding: 3px 8px;
  font-size: 13px;
}
.preview_header {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #e2e7eb;
}
.preview_title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.close_preview {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  opacity: 0.7;
  cursor: pointer;
}
.close_preview:hover {
  background: #e8e8e8;
  opacity: 1;
}
.form-line .form_address_line_wrapper:last-child {
  margin-bottom: 0;
}
.sod_eod_preview {
  width: 500px;
  margin: 0 0 0 15px !important;
}
.table_data_with_preview {
  display: flex;
  width: 100%;
}
.table_data_with_preview.in_full_width
  .card_radius_ctrl.rc_form_section_container {
  margin-top: 0;
  width: 100%;
}
.table_data_with_preview.in_full_width {
  margin-top: 40px;
}
.sash-module_sash__K-9lB.sash-module_active__bJspD:before,
.sash-module_sash__K-9lB.sash-module_hover__80W6I:before {
  background: #0e9aef;
}
.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  left: 7px !important;
  width: 4px !important;
  height: 150px !important;
  top: 25% !important;
}
.sash-module_sash__K-9lB.sash-module_vertical__pB-rs:before {
  height: 150px;
  top: 25% !important;
}
.sash-module_sash__K-9lB {
  transform: translate(10px, 0);
}
.sod_eod_edit_mode_active .sash-module_sash__K-9lB {
  transform: translate(7px, 0) !important;
}
.sod_eod_edit_mode_active
  .allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  left: 5px !important;
}
.table_data_with_preview .timesheet_week_card_ctrl {
  width: 100%;
}
.form-line {
  margin: 0;
  color: #333;
}
.go_back_state {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e7eb;
  border-radius: 4px;
  margin-right: 12px;
  cursor: pointer;
}
.go_back_state:hover {
  background: #e2e7eb;
}
.date_created_pill .selected_week_period {
  border: 1px solid #eaeef1;
  border-radius: 4px;
  cursor: pointer;
}
.date_created_pill .selected_week_period {
  border: 1px solid #eaeef1;
  border-radius: 4px;
  cursor: pointer;
  height: auto;
  padding: 3px 8px;
  font-size: 13px;
}
.form_address_line_wrapper {
  display: flex;
  margin: 0 0;
}
.form_address_line_wrapper textarea {
  width: 100%;
  min-height: 80px;
  border: 0;
  resize: none;
}
.card_radius_ctrl {
  border: 1px solid #e2e7eb;
  border-radius: 10px;
  margin-top: 40px;
  background: #fff;
}
.rc_form_section_container ul.tab_navigation_list {
  padding: 0 20px;
}
.editable_data {
  padding: 0 4px;
  background: #ededed8a;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 4px;
  border: 0;
  min-width: 84px;
}
input.editable_data {
  width: 84px;
}
.card_radius_ctrl.sod_eod_preview {
  width: calc(100% - 16px);
  margin: 0 0 0 15px !important;
}
.form_section_all {
  padding: 20px !important;
  font-size: 14px;
  min-height: calc(100vh - 326px);
}
.card_radius_ctrl.sod_eod_preview .form_section_all {
  height: calc(100vh - 259px);
  overflow: auto;
}
.card_radius_ctrl.sod_eod_preview {
  height: calc(100vh - 257px);
}
.data-value-num {
  margin-left: 3px;
}
.table_data_with_preview .timesheet_week_card_ctrl {
  margin: 0;
}
.switch.cosmetic_switch {
  width: 44px;
  margin: 0 5px;
}
.cosmetic_switch .slider {
  background: #eee;
  border-radius: 4px;
}
.cosmetic_switch .slider:before {
  border-radius: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  left: 2px;
}
.icon_buttons .rc_button:last-child {
  margin-right: 0;
}
.icon_buttons .rc_button {
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
}
.rc-buttons .rc_button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  cursor: pointer;
}
.icon_buttons .rc_button:hover {
  background: #f5f6f7;
}
.slider svg {
  position: relative;
  left: 9px;
  z-index: 99;
}
.cosmetic_switch input:checked + .slider:before {
  transform: translateX(20px);
}
.cosmetic_switch input:checked + .slider svg {
  transform: translateX(20px);
}
.dropdown-right.add_sod_eod_dropdown {
  width: 280px;
}
.lane_text_bold {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.lane_text_normal {
  opacity: 0.8;
}
.data_picker_main_wrap {
  display: inline-block;
  max-width: 84px;
}
.data_picker_main_wrap .react-datepicker__input-container input {
  max-width: 78px;
  border: 0;
  font-weight: 600;
  background: 0 0;
  color: #0e9aef;
  cursor: pointer;
}
.rc_form_section_container li.tab_navigation_item.active {
  align-items: center;
  display: inline-flex;
}
.tab_icon {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.tab_navigation_list .tab_navigation_item {
  display: inline-flex;
  align-items: center;
}
.sod_eod_tb_ctrl {
  height: calc(100vh - 350px);
  overflow: auto;
}
.ghost_icon_btn svg {
  margin: 0;
}
.ghost_icon_btn {
  padding: 0;
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.edit_icon {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 10px;
  position: relative;
  border: 1px solid #eaeef1;
  border-radius: 4px;
  cursor: pointer;
  height: auto;
  padding: 3px 6px;
  min-height: 27px;
}
.edit_icon svg {
  opacity: 0.8;
}
.edit_icon:hover {
  background-color: #f5f6f7;
}
.edit_icon:hover svg {
  opacity: 1;
}
.editable_textarea {
  min-width: 494px;
  padding: 10px 10px;
  line-height: 1.4;
  min-height: 108px;
  border: 1px solid transparent;
}
.form_address_line_wrapper.section_title {
  font-weight: 600;
}
.editable_textarea:focus {
  background: #fff;
  border: 1px solid #e2e7eb;
}
.upload_card {
  background: #fff 0 0 no-repeat padding-box;
  border: 1px dashed #cacccf;
  border-radius: 4px;
  opacity: 1;
  width: 500px;
}
.drop_box {
  padding: 25px 10px;
  text-align: center;
}
.paste_link_box {
  border-top: 1px dashed #cacccf;
  position: relative;
}
.paste_link_box .link-input {
  border: 0;
  width: 100%;
  padding: 10px 36px 10px 14px;
  font-weight: 600;
}
.upload_card h3 {
  color: hwb(0deg 15% 85% / 75%);
  font-size: 14px;
  font-weight: 600;
  margin: 14px 0 6px 0;
}
.btn.upload_btn {
  padding: 2px 6px;
  border-radius: 4px;
  background: #eaedf0;
  color: #262626;
}
.paste_link_box .link-input::placeholder {
  color: hwb(0deg 20% 80% / 70%);
}
.paste_link_box svg {
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.btn.upload_btn:hover {
  background: #dfe2e4;
}
.edit_icon.in_row_col {
  opacity: 0;
}
.sod_eod_data_table_ctrl .timer_list_with_task_row:hover .edit_icon.in_row_col {
  opacity: 1;
}
.edit_icon.in_row_col {
  padding: 4px;
}
.timer_row_col.int_col_status {
  width: 140px;
}
.timer_row_col.int_col_email {
  width: 140px;
}
.timer_row_col.int_col_time {
  width: 140px;
}
.timer_row_col.int_col_action {
  width: 180px;
}
.timer_row_col.int_col_status {
  width: 180px;
}
.timer_row_col.int_col_email {
  width: 280px;
}
.timer_row_col.int_col_time {
  width: 200px;
}
.timer_row_col.int_action_btns {
  width: 180px;
}
.timer_row_col.int_status {
  width: 180px;
}
.timer_row_col.int_connected_id {
  width: 280px;
}
.timer_row_col.int_connected_on {
  width: 200px;
}
.timer_row_col.app_logo img.etd_logo {
  width: 80px;
  height: auto;
  margin: 0 30px 0 0;
}
.status-badge:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin: auto;
  bottom: 0;
}
.status-badge.active:before {
  content: "";
  background-color: #3b1;
}
.status-badge.disabled:before {
  content: "";
  border: 1px solid #6f7275;
  border-radius: 4px;
}
.workspace_role {
  background-color: rgba(228, 228, 228, 0.66);
  border-radius: 4px;
  font-weight: 600;
  text-align: center;
  padding: 2px 7px;
  width: auto;
  margin-right: 6px;
}
.team_role {
  margin: 3px 0;
  display: inline-block;
  padding: 0 4px;
  font-size: 13px;
  font-weight: 400;
  color: #0e9aef;
  border: 1px solid #0e9aef;
  background-color: #fff;
  margin-top: 8px;
  right: 10px;
  top: 20px;
  border-radius: 4px;
  cursor: default;
}
.rename_sod_eod_input {
  font-size: 28px;
  border: 0;
  font-weight: 600;
  line-height: 1.3;
  height: 37px;
  padding: 0;
  max-width: 840px;
  background: 0 0;
}
.rename_sod_eod_input.text-danger {
  color: #dc3545;
}
.auto-grow-input input {
  grid-area: 1/1/2/2;
  width: 100%;
  padding: 0;
  border: none;
  position: absolute;
  min-width: 20px;
}
.auto-grow-input {
  display: flex;
  align-items: center;
  position: relative;
  height: 37px;
  max-width: 100%;
}
.auto-grow-span {
  grid-area: 1/1/2/2;
  visibility: hidden;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}
.inputContentSpan {
  position: absolute;
  opacity: 0;
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
  visibility: hidden;
  max-width: calc(100% - 500px);
  white-space: pre;
  overflow: hidden;
}
.main_header_wrapper.in_sod_eod .title_bold {
  max-width: 800px;
}
.sod_eod_data_table_ctrl.preview_panel_active .timer_row_col.col_group_name {
  width: 50% !important;
}
.sod_eod_data_table_ctrl.preview_panel_active .timer_row_col.col_created_by {
  width: 20% !important;
}
.sod_eod_data_table_ctrl.preview_panel_active .timer_row_col.col_date_created {
  width: 17% !important;
}
.text_overflow_ellipsis {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0;
  word-break: break-word;
  display: inline-block;
}
.etd_running_timer.timer_in_project_table .play-state {
  display: inline-flex;
}
.etd_running_timer.timer_in_project_table,
.total_tracked_time_value_col.timer_in_project_table {
  width: 140px;
}
.no_activity_group_widget {
  border-radius: 12px;
  border: 1px solid #e2e7eb;
  background: #fff;
  padding: 15px;
  margin: 10px 0 0 0;
}
.no_activity_group_widget.flex label {
  font-size: 13px;
  color: #333;
}
.no_activity_user_details_tip .user_name {
  font-size: 13px;
  margin: 0;
  line-height: normal;
}
.no_activity_user_details_tip .last_activity_item {
  font-size: 13px;
  margin: 3px 0 0;
}
.compact_ui.in_settings.in_team {
  margin: 0 10px;
  align-items: center;
  display: inline-flex;
  position: relative;
}
.compact_ui.in_settings.in_team span {
  padding: 0 0 0 7px;
  color: #1c222d;
  font-size: 13px;
}
.compact_ui.in_settings.in_team label.switch {
  top: 1px;
}
.clickable_custom_tooltip.in_no_activity .user_info_group_ele {
  margin-bottom: 10px;
}
.clickable_custom_tooltip.in_no_activity .member_time_info {
  padding: 0 0 2px 0;
}
.all_member_tooltip_ctrl {
  padding: 0 !important;
  position: fixed !important;
}
.no_activity_group_widget.flex label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.no_activity_count {
  font-size: 14px;
  font-weight: 700;
  margin: 0 5px;
  color: #333;
  opacity: 0.6;
}
.on_off_panel.active svg * {
  fill: #0e9aef;
}
.on_off_panel.active {
  background: rgb(14 154 239 / 10%) !important;
}
.sod_eod_name_ctrl {
  color: #282828;
  font-size: 14px;
  font-weight: 400;
  padding: 0 20px 0 0;
  width: 100%;
  min-height: 31px;
  vertical-align: middle;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
  border: 1px solid transparent;
}
.sod_eod_data_table_ctrl .tt_col_task_name {
  margin-left: -10px;
}
.rc_manage_users_details_table
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl
  img {
  overflow: revert !important;
}
.deactivate_msg {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.deactivate_msg_wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
}
.deactivate_msg svg {
  display: inline-flex;
}
.deactivate_msg h1 {
  color: #262626;
  font-size: 30px;
  margin: 30px 0 20px 0;
  font-weight: 600;
}
.deactivate_msg h6 {
  font-size: 18px;
  font-weight: 600;
  color: #282828;
  line-height: 27px;
  margin: 0 0 10px 0;
}
.deactivate_msg p {
  font-size: 14px;
  color: #282828;
}
.progress_col_name {
  min-width: 200px;
}
.recurrence_main_wrapper {
  flex-direction: column;
  display: flex;
  padding: 10px 20px;
  background-color: #f8f8f9a8;
}
.recurrence_sec_ctrl .separator {
  width: 100%;
  border-bottom: 1px solid #e5e6e7;
  display: inline-flex;
  height: 1px;
  margin: 5px 0 0 0;
  position: relative;
}
.recurrence_sec_ctrl .compact_ui.in_settings {
  padding: 0 10px 0 0;
  top: 7px;
  position: relative;
  left: 0;
}
.recurrence_sec_ctrl {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 0 10px;
  justify-content: center;
}
.recurrence_sec_ctrl svg {
  display: inline-flex;
  margin: 0 0 0 5px;
}
.recurrence_wrapper {
  margin: 23px 0 0 0;
}
.add_time_entry_popup .modal-body.no-padding {
  padding: 0 !important;
}
.two_col_layout .animated-background.facebook.width_20_percent:last-child {
  margin-right: 0;
}
.two_col_layout .animated-background.facebook.width_20_percent:first-child {
  margin-left: 0;
}
.two_col_layout .animated-background.facebook.width_20_percent {
  margin: 0 6px 8px;
}
ul.form_section_all.facebook_loader_main_container {
  width: 547px;
}
ul.form_section_all .form-line:last-child {
  margin-bottom: 0;
}
.width_40_percent {
  width: 40%;
}
.width_30_percent {
  width: 30%;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.width_20_percent {
  width: 20% !important;
}
.search-filter-input .clear_text_search {
  position: absolute;
  right: 10px;
  top: 12px;
  opacity: 0.7;
  cursor: pointer;
}
.search-filter-input .clear_text_search:hover {
  opacity: 1;
}
.user_data_ul_list
  .table_header_element_ctrl:hover
  .users_quick_setting_dropdown
  .data_item
  i {
  opacity: 1;
}
.mb-20 {
  margin-bottom: 20px;
}
.rc_button.active {
  background: rgb(14 154 239 / 10%) !important;
}
.rc_button.active svg * {
  fill: #1a7bb9 !important;
}
.hoverable_text_area a {
  color: #333;
}
.hoverable_text_area a:hover {
  color: #0e9aef !important;
}
.in_manage_users .group_by_value {
  padding-left: 4px;
}
.btn-success.save_btn_ctrl:hover {
  background-color: #1a7bb9 !important;
  border-color: #1a7bb9 !important;
}
.btn-success.save_btn_ctrl {
  background-color: #0e9aef !important;
  border-color: #0e9aef !important;
}
.sod_eod_preview .ghost_icon_btn {
  margin-left: 10px;
  min-width: 28px !important;
  min-height: 28px;
  height: 28px;
  padding: 0 !important;
}
.close_preview.ghost_icon_btn {
  margin-right: 0;
}
.sod_eod_form_scroll {
  height: calc(100vh - 265px);
  overflow: auto;
}
.sod_eod_edit_mode_active .card_radius_ctrl.sod_eod_preview {
  height: 100%;
}
.sod_eod_edit_mode_active .form_section_all {
  min-height: calc(100vh - 313px);
}
.sod_eod_edit_mode_active .preview_header {
  padding: 10px 20px;
}
.form_section_all span {
  word-break: break-all;
}
.form_section_all div {
  word-break: break-word;
}
.move_to_popup .edit_each_range_input_group {
  width: 100%;
}
.tb_expand_collapse_btn i {
  color: #fff;
}
.tb_expand_collapse_btn {
  width: 32px;
  height: 32px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  cursor: pointer;
}
.no_item_selectedsod_eod_form_scroll_wrapper.in_sod_eod_preview_panel svg {
  margin-bottom: 10px;
  width: 116px;
}
.no_item_selected_wrapper.in_sod_eod_preview_panel p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.no_item_selected_wrapper.in_sod_eod_preview_panel {
  height: calc(100% - 53px);
}
.no_item_selected_wrapper.in_sod_eod_preview_panel .no_item_selected_innr_ctrl {
  height: 260px;
}
.no_item_selected_wrapper.in_sod_eod_preview_panel .empty_state_message {
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0 8px;
}
.sidebar_collapsed .time_tracking_sidebar ul.time_tracking_sidebar_list {
  padding-right: 0;
  overflow: visible;
  overflow-x: hidden;
}
.sidebar_collapsed .time_tracking_sidebar .sec_label {
  padding: 20px 0 10px 0;
  text-align: center;
  justify-content: center;
}
.sidebar_collapsed .capture_menu_item {
  display: none;
}
.sidebar_collapsed .time_tracking_sidebar ul.time_tracking_sidebar_list li a {
  padding: 9px 0 12px 0;
  border-radius: 0;
  text-align: center;
  justify-content: center;
}
.sidebar_collapsed .time_tracking_sidebar ul .element_icn_ctrl {
  justify-content: center;
}
.sidebar_collapsed .time_tracking_sidebar {
  max-width: 74px;
}
.sidebar_collapsed .timer_two_column_container {
  width: 100%;
}
.sidebar_collapsed .time_tracking_sidebar .coming_soon {
  display: none;
}
.sidebar_expanded .time_tracking_sidebar ul > li > a + .react-tooltip {
  display: none;
}
.sidebar_expanded .time_tracking_sidebar ul > li > a + .react-tooltip {
  display: none;
}
.sidebar_collapsed .running_timer_with_task .task_name {
  display: none;
}
.sidebar_collapsed .running_timer_widget .button.button--play {
  transform: scale(0.6);
  margin: 0;
  bottom: -11px;
  left: 0;
  right: 0;
  margin: auto;
}
.sidebar_collapsed .running_timer_widget .button.button--play + a {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
}
.sidebar_collapsed .running_timer_with_task .timer_counter {
  font-size: 11px;
}
.sidebar_collapsed .running_timer_widget {
  padding: 0 10px 0 10px;
  min-height: 57px;
  width: 100%;
  left: 0;
}
.setting_table_ctrl
  .user_data_culumn_list_full_wrap
  .list_data_column_ctrl
  .logged_in_user_email {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.main_header_wrapper {
  position: relative;
}
ul.rc_submenu_highway li.rc_submenu_highway_lane a {
  padding: 0;
  margin: 0;
  color: #333;
}
.details_header_top {
  display: flex;
  flex-direction: column;
}
.rc_submenu_highway_lane_a:hover {
  background: #f5f5f5;
  color: #333;
}
.clickable_custom_tooltip {
  padding: 0;
}
.my_timer_inner.sticky-timer-widget {
  position: sticky;
  top: 40px;
  z-index: 8;
}
.sticky-timer-widget:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 40px;
  background-color: #f9fafd;
  top: -40px;
  left: 0;
}
.no-hover:hover {
  background: 0 0 !important;
  background-color: #fff !important;
}
.no-hover {
  cursor: default !important;
}
.apps_top_bar_right
  .user_prof_dropdown.preview_pane_ctrl
  ul.dropdown-menu
  li
  a.no-hover:hover {
  background: 0 0 !important;
}
.apps_top_bar_right
  .user_prof_dropdown.preview_pane_ctrl
  ul.dropdown-menu
  li
  a.no-hover:hover {
  cursor: default !important;
}
.newUser_action_header .user_prof_dropdown .layout_icons.dropdown-menu {
  min-width: auto;
  width: 100% !important;
}
.type_paid {
  background: #d7f3e3 !important;
}
.type_unpaid {
  background: #fcdddd !important;
}
.type_refunded {
  background: #ddebfc !important;
}
.type_partial_paid {
  background: #fdf2de !important;
}
.type_pending {
  background: rgb(253 154 0 / 20%) !important;
}
.badge_secondary {
  background: #e8e8e9 !important;
}
.team_group_data_table_ctrl .invoice_data_table_ctrl .timer_row_col {
  min-width: 10%;
  width: 10%;
}
.team_group_data_table_ctrl
  .invoice_data_table_ctrl
  .timer_row_col.col_invoice_total {
  min-width: 8%;
  width: 8%;
}
.team_group_data_table_ctrl
  .invoice_data_table_ctrl
  .timer_row_col.col_payment_status {
  width: 10%;
  min-width: 10%;
}
.team_group_data_table_ctrl
  .invoice_data_table_ctrl
  .timer_row_col.col_invoice_client {
  width: 10% !important;
  min-width: 10%;
}
#assignedProjectLink,
#doneProjectLink {
  white-space: nowrap;
  overflow: hidden;
  height: 21px;
  max-width: 75%;
}
svg.toggl_sort_icn_ctrl {
  width: 8px;
  margin-left: 6px;
  height: auto;
}
.project_architecture_ctrl .setting_page_inner {
  min-height: 570px;
}
.project_architecture_ctrl .ext_home_loader .element-loader.preview_panel {
  border: 0;
}
.th_log_record_row {
  display: inline-flex;
  align-items: start;
}
.width_7_percent {
  width: 7%;
}
.width_5_percent {
  width: 5%;
}
.width_10_percent {
  width: 10%;
}
.device_details {
  max-width: 150px;
}
.manage_widgets_text {
  margin-left: 8px;
  user-select: none;
}
.section_title {
  color: rgb(40 44 52 / 60%);
  font-size: 12px;
  font-weight: 600;
  padding: 6px 8px;
}
.list_item_drag_icon {
  display: none;
  margin-right: 8px;
}
.list_item_drag_icon:hover {
  cursor: grab;
}
.list_item_drag_icon:hover svg * {
  fill: #333333 !important;
  opacity: 1;
}
.list_item_drag_icon:hover svg {
  display: block;
}
.in_manage_widgets .hs_list_switch.switch_small .slider:before {
  width: 14px;
  height: 14px;
}
.in_manage_widgets
  .hs_list_switch.switch_small
  .switch.switch_active.checked.switch-compact {
  width: 24px;
  height: 14px;
}
.in_manage_widgets
  .hs_list_switch.switch_small
  .switch-compact
  input:checked
  + .slider:before {
  width: 14px !important;
  height: 14px !important;
  left: -20px !important;
}
.team_members_status_card_inner .team_status_card.user_count {
  flex: unset;
  width: auto;
  padding: 10px 22px;
}
.text-bold {
  font-weight: 600;
}
.user_select {
  -webkit-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.text_overflow_ellipsis_inline_ele {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
  display: inline-block;
}
.no_widget_data {
  width: 100%;
  height: calc(100vh - 226px);
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.no_widget_data h3 {
  font-size: 18px;
}
.no_widget_data svg {
  margin: 0 0 25px 0;
}
.eod_video_upload_ctrl .uppy-DragDrop-label {
  font-size: 14px !important;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
}
.eod_video_upload_ctrl span.uppy-DragDrop-browse {
  background: #eaedf0;
  border-radius: 4px;
  color: #262626;
  padding: 4px 6px;
  font-size: 14px !important;
  display: inline-flex;
  margin-left: 5px;
  text-transform: capitalize;
}
.eod_video_upload_ctrl .uppy-DragDrop-inner {
  background: url(/static/media/eod_video_upload_icon.2342457a.png) no-repeat center center;
}
.eod_video_upload_ctrl form#transLoadItForm {
  height: 140px !important;
}
.eod_video_upload_ctrl button.uppy-DragDrop-container {
  height: 150px !important;
  border: 0;
}
.eod_video_upload_ctrl .drop_box {
  padding: 0;
}
.eod_video_upload_ctrl span.uppy-DragDrop-browse:hover {
  background: #e5e5e5;
}
.eod_video_upload_ctrl .uppy-DragDrop-label {
  margin-top: 90px !important;
}
.eod_video_upload_ctrl .uppy-DragDrop-inner {
  background-position: center 50px;
}
.eod_video_uploader_wrapper {
  position: relative;
}
.error_validation_ctrl {
  color: red;
  font-size: 13px;
  padding: 0 0 6px 0;
}
.eod_video_upload_ctrl .for-ProgressBar.progress_in_capture {
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  left: 0;
  z-index: 99999999 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
}
.eod_video_upload_ctrl .uppy.uppy-ProgressBar {
  background: #e4e5e6;
  height: 4px;
}
.eod_file_name_time {
  font-size: 13px;
  display: flex;
  justify-content: space-around;
}
.eod_file_name_time .eod_file_name {
  overflow: hidden;
  display: inline-flex;
  max-width: 40%;
  white-space: nowrap;
  align-items: center;
}
.eod_video_upload_ctrl .background_progress_bar {
  padding-right: 0;
}
.uploaded_file_data .uploaded_video_url {
  position: relative;
  word-break: break-all;
  padding: 0 30px 0 0;
}
.uploaded_file_data {
  padding: 10px 10px;
  display: flex;
}
.uploaded_video_url a {
  line-height: 14px;
}
.uploaded_file_data button.remove_btn {
  align-items: center;
  background: 0 0;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  height: 27px;
  justify-content: center;
  padding: 0 14px;
  width: 22px;
  position: absolute;
  right: 5px;
  top: 7px;
}
.uploaded_file_data button.remove_btn > svg {
  bottom: unset;
  margin: unset;
  position: unset;
  right: unset;
  top: unset;
}
.uploaded_file_data button.remove_btn:hover {
  background-color: #e8e8e8;
}
.uploaded_video_url button.remove_btn > svg {
  bottom: unset;
  margin: unset;
  position: unset;
  right: unset;
  top: unset;
  width: 10px;
  height: auto;
}
.cursor-text {
  cursor: text;
}
button.btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
}
.selected_value_text {
  user-select: none;
}
.wrong_url_wrapper.no_permission_in_preview.in_sod_eod {
  height: 100%;
  left: 0;
  top: 0;
  background: #f9fafd;
}
.card_radius_ctrl.no_access {
  border: 0;
}
.manage_widgets_text {
  margin-left: 8px;
}
.team_member_name_wrap .view_int_details {
  position: relative;
}
.rename_sod_eod_input.hidden_input {
  position: absolute;
  z-index: -999;
}
.estimate_info_text {
  white-space: nowrap;
  display: inline-flex;
}
.save_template_split_dropdown .dropdown-toggle-split {
  padding: 5px 10px;
  border-left: 1px solid #1a7bb9;
}
.save_template_split_dropdown .dropdown-menu.rc_submenu_highway.dropdown-right {
  min-width: 160px;
}
span.no_action {
  width: 33px;
  margin-right: 20px;
  height: 28px;
  padding: 0 16px;
  min-width: 33px;
}
.save_template_split_dropdown i {
  font-size: 10px;
}
.save_template_split_dropdown {
  border-right: 0;
}
.save_template_split_dropdown button {
  min-height: 36px;
  font-weight: 600;
}
.save_template_split_dropdown[disabled] button.btn {
  background: #dcdcdc !important;
  color: #333;
  border: 1px solid #d1d1d1 !important;
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
.save_template_split_dropdown[disabled] button.btn:hover {
  border: 1px solid #d1d1d1 !important;
}
.add_template_btn_ctrl {
  height: 36px;
  margin-right: 10px;
  padding: 8px 8px 8px 8px;
  border: 1px solid #e7eaec;
}
.add_template_btn_ctrl:hover {
  background: #f5f6f7;
  border: 1px solid #e7eaec;
}
.add_template_btn_ctrl svg {
  margin-right: 8px;
}
.add_template_btn_ctrl .btn-success.show {
  background-color: #1a7bb9 !important;
}
.form_address_line_wrapper label {
  white-space: nowrap;
}
.sod_eod_preview .form_address_line_wrapper label {
  white-space: unset;
}
.th_log_distance {
  white-space: nowrap;
}
.th_start_time {
  white-space: nowrap;
}
.export_details_btn[disabled] {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
}
.email_container:focus-within {
  border: 1px solid #0e9aef;
}
.email_container:focus-within input.email_input_field:focus {
  border: 1px solid #0e9aef;
}
.save_template_split_dropdown .dropdown-toggle-split.show {
  background: #0e9aef !important;
  border-color: #0e9aef !important;
  border-left-color: #1a7bb9 !important;
}
.save_template_split_dropdown .dropdown-toggle-split.show:hover {
  background-color: #1a7bb9 !important;
  border-color: #1a7bb9 !important;
}
.composer_action_buttons_container_right {
  position: absolute;
  right: 10px;
  top: -32px;
  opacity: 1;
}
.composer_action_buttons {
  display: flex;
  align-items: center;
}
.action_hover_button {
  background: #3e3e40;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  cursor: pointer;
}
.action_hover_button svg {
  fill: #ffffff;
  stroke: #ffffff;
}
.composer_signature_dropdown_ctrl {
  width: 300px;
}
.composer_signature_dropdown_ctrl a.active {
  color: #252222;
}
.composer_signature_dropdown_ctrl .signature_name p {
  margin-bottom: 0;
}
.signature_name {
  font-weight: 600;
}
.highlight-text {
  margin-right: 4px;
  color: #252222;
}
.text_light {
  color: #a19d9d !important;
}
.composer_signature_dropdown_ctrl a {
  width: 100%;
}
.composer_signature_dropdown_ctrl a.active:hover {
  color: #252222;
}
.signature_section_ctrl:hover .composer_action_buttons_container_right {
  opacity: 1;
}
.landing_pages_ctrl .login-container {
  width: 100%;
  max-width: 512px;
}
.text-left {
  text-align: left !important;
}
.mt_day_total.custom_spacer_web {
  margin-right: 42px;
}
.rt_task_timer_container .task_link_text_wrap {
  width: 100%;
}
.rt_task_timer_container .tt_col_task_name.editable_entry {
  color: var(--text-primary);
  font-size: var(--text-h4-size);
  line-height: var(--text-h4-line);
  font-weight: var(--font-weight-medium);
  padding: 0 20px 0 6px;
}
.rt_task_timer_container .row_comment_section {
  padding: 0 10px 0 22px;
}
.rt_task_timer_container .blank_entry,
.rt_task_timer_container .task_entry {
  margin-left: 0;
}
.sign_in_with_google_anchor:hover {
  color: #333;
  text-decoration: underline;
}
.original_task .project_task_event {
  color: #0e9aef;
}
.original_task .project_task_event {
  width: auto;
  max-width: 100% !important;
  word-break: break-word;
  font-size: 13px;
}
.margin-left-10 {
  margin-left: 10px;
}
#sod_eod_next_day_task_List div,
#sod_eod_project_list div,
#sod_eod_today_completed_Task div {
  font-weight: 500;
  font-size: 14px;
  color: #333;
}
.sod_eod_content_editable_div {
  padding: 5px;
}
[contenteditable][placeholder]:empty:not(:focus):before {
  content: attr(placeholder);
  color: gray;
  background-color: transparent;
}
input[type="date"]::-webkit-clear-button {
  display: none !important;
}
#sod_eod_date_picker_id {
  width: 85px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  background: #f4f4f4;
  padding: 0 6px;
  border-radius: 3px;
  color: #333;
  margin: auto;
}
#sod_eod_date_picker_id::placeholder {
  color: #333;
  font-weight: 600;
}
.form_section_all strong,
.sod_eod_form_scroll strong {
  font-weight: 600;
  color: #333;
}
#sod_eod_next_day_task_List,
#sod_eod_project_list,
#sod_eod_today_completed_Task {
  border: 1px solid transparent;
  padding: 5px 6px;
  border-radius: 4px;
  min-height: 40px;
}
#sod_eod_next_day_task_List:focus-within,
#sod_eod_project_list:focus-within,
#sod_eod_today_completed_Task:focus-within {
  border: 1px solid #e2e7eb;
}
#sod_eod_setting_project_list {
  width: 100%;
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  min-height: 67px;
  padding: 6px 28px 6px 10px;
  font-size: 14px;
  color: #282c34;
  font-weight: 400;
}
.upload_progress_video {
  border: 1px solid #e2e7eb;
  display: inline-flex;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 10px;
  width: auto;
  display: inline-flex;
  max-width: 100%;
  position: relative;
  top: 8px;
}
.upload_progress_video .pasted_link_input {
  border: 0;
  background: #fff;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 6px 6px;
  color: #0e9aef;
}
.btn_upload_video {
  border: 0;
  height: 36px;
  padding: 4px 12px;
  width: auto;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  background: #f6f6f6;
}
.btn_paste_url {
  border: 0;
  background: #fff;
  height: 36px;
  width: 36px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_paste_url:hover,
.btn_upload_video:hover {
  background: #f1f1f1;
}
.uploaded_file_name {
  display: flex;
  align-items: center;
  position: relative;
  border-right: 1px solid #e2e7eb;
  width: 370px;
}
.paste_link_input {
  border: 0;
  height: 100%;
  width: 100%;
  padding: 0 30px 0 8px;
}
.uploaded_file_name .btn_paste_url {
  position: absolute;
  right: 0;
}
.timesheet_list_with_task_row .detail_arrow_button {
  margin-right: 0;
}
.timesheet_list_with_task_row .task_entry {
  margin: auto 8px auto 0;
}
.detail_arrow_button {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  border-radius: 6px;
  padding: 5px 3px 5px 6px;
  opacity: 0;
  cursor: pointer;
}
.detail_arrow_button:hover {
  background: #ececed8f;
  color: #333;
  opacity: 1 !important;
}
.open_detail_label {
  margin-right: 3px;
  color: #333;
  line-height: 1.4;
}
.timesheet_time_editable_value_num .manual_inline_time_control:focus {
  border: 1px solid #0e9aef !important;
}
.timesheet_time_editable_value_num .manual_inline_time_control {
  max-width: 54px;
  border: 1px solid #dbdbdb;
  text-align: right;
  font-size: 14px;
}
.entry-name-auto-grow-input {
  display: inline-flex;
  align-items: center;
  padding: 0 0;
  position: relative;
  width: auto;
  max-width: 100%;
}
.entry-name-auto-grow-input input {
  padding: 0 20px 0 10px !important;
  width: 100%;
  padding: 0;
  border: none;
  position: absolute;
  min-width: 20px;
  height: 100%;
}
.span_grow_visibility_hidden {
  visibility: hidden;
  min-height: 10px;
  min-width: 36px;
  display: inline-block;
  white-space: pre;
  padding: 0 20px 0 10px;
}
.timesheet_task_name_col {
  flex: 1;
  width: 0;
  display: flex;
  align-items: flex-start;
}
.timesheet_list_inner:hover .timesheet_task_col .detail_arrow_button {
  opacity: 0.6;
}
.timesheet_list_inner:hover .editable_entry {
  background-color: #fff;
  border-color: #dbdbdb;
}
.timesheet_list_inner .editable_entry:focus-within {
  background-color: #fff;
  border-color: #0e9aef;
}
.tt_row_timeline_wrap:hover .editable_entry {
  background-color: #fff;
  border-color: #dbdbdb;
}
.tt_row_timeline_wrap:hover .editable_entry:focus-within {
  background-color: #fff;
  border-color: #0e9aef;
}
.editable_task_entry_name_inline_ctrl {
  display: flex;
  align-items: center;
}
.editable_task_entry_name_inline_ctrl .editable_entry,
.editable_task_entry_name_inline_ctrl .task-name {
  overflow: unset;
  width: auto;
  max-width: 100%;
  white-space: pre;
}
.editable_task_entry_name_inline_ctrl .editable_entry {
  cursor: text;
}
.task_entry.timer_list_limit_exceed {
  background-color: #ffc107;
}
.tt_col_task_name.partial_entry {
  color: rgba(38, 38, 38, 0.6);
}
.MOD_two_listing .task_list_with_timer .blank_entry,
.MOD_two_listing .task_list_with_timer .task_entry,
.timesheet_task_name_col .blank_entry,
.timesheet_task_name_col .task_entry {
  margin-top: 13px;
}
.MOD_two_listing .task_list_with_timer .tt_col_task {
  display: flex;
  align-items: flex-start;
}
.btn.save_btn_ctrl:active {
  border: 1px solid #d2d2d2 !important;
}
.btn.save_btn_ctrl.show {
  background: #f5f6f7;
  border: 1px solid #e7eaec;
}
.bb_form_group_col .pt_input_select_data_flex.disabled {
  border: 1px solid #e0e1e4;
  background: #fafafa;
  opacity: 1;
}
.pt_input_select_data_flex.disabled {
  padding-right: 12px;
}
input.has_error {
  border-color: #dc3545 !important;
}
input.has_error:focus {
  border-color: #dc3545 !important;
}
.limit_over_error {
  position: absolute;
  right: 2px;
  font-size: 10px;
  background: #fff;
  bottom: -3px;
  display: inline-flex;
  text-align: center;
  color: #dc3545;
  font-weight: 600;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.popdown-footer_ctrl {
  padding: 0;
  margin-top: 8px;
}
.popdown-footer_ctrl button {
  width: 100%;
}
.user_budget_info {
  font-size: 12px;
  background: #fff;
  display: flex;
  text-align: right;
  color: #333;
  font-weight: 600;
  margin-top: 5px;
  justify-content: end;
  opacity: 0.8;
}
.rate_dropdown .dropdown-menu {
  width: 150px;
}
.bb_label_group_col {
  max-height: 36px;
  display: flex;
  align-items: center;
}
.bb_form_group_col .rage_input_auto .help-block.help-block-error {
  margin-top: 2px;
}
.no_network_ctrl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  width: 420px;
  background: #fff;
  border-radius: 10px;
  margin: auto;
  top: 50%;
  position: relative;
  transform: translate(0, -50%);
}
.no_network_footer button {
  margin: 0 5px;
}
.no_network_heading {
  font-size: 16px;
  font-weight: 600;
  margin: 24px 0 8px;
  color: #333;
}
.no_network_popup_ctrl {
  /* position: absolute; */
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 999999;
  background: rgb(0 0 0 / 80%);
}
.no_network_popup_ctrl .modal-content {
  width: 400px;
  min-width: 400px;
  border-radius: 10px;
}
.resync_svg_icon {
  display: inline-flex;
  align-items: center;
  padding: 8px 0 0 8px;
}
.upload_error_message {
  display: block;
  margin-top: 10px;
}
.main_header_wrapper.sod-eod-header-ctrl .title_bold {
  max-width: unset;
}
.sod-eod-header-ctrl {
  display: flex;
}
.timesheet_time_editable_value_num .text_input_error {
  border: 1px solid #d00 !important;
}
.timesheet_time_editable_value_num .text_input_error:focus {
  border: 1px solid #d00 !important;
}
.billing_details_tooltip {
  max-width: 300px;
}
.billing_details_tooltip .budget_details {
  margin-top: 4px;
}
.invoice_data_container .field-html-template {
  width: 100%;
  margin: 0 5px;
}
.invoice_data_container {
  padding: 20px;
}
.invoice_item_table thead tr th {
  color: var(--text-muted);
  font-size: var(--text-overline-size);
  line-height: var(--text-overline-line);
  font-weight: var(--text-overline-weight);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  border: 0;
  padding: 10px 10px !important;
}
.invoice_item_table input.form-control {
  background: #f9f9fa;
  text-align: right;
}
.invoice_item_table tbody tr td:last-child {
  padding-right: 20px !important;
}
.invoice_item_table tbody tr td:first-child {
  padding-left: 20px;
}
table.invoice_item_table {
  width: 100%;
}
.invoice_item_table thead tr th:first-child {
  padding-left: 20px !important;
}
.invoice_item_table thead tr th:last-child {
  padding-right: 15px;
}
.subtotals-amounts-item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
  margin: 8px 0;
}
.subtotals-amounts {
  display: inline-flex;
  flex-direction: column;
  margin-left: auto;
  width: auto;
  padding: 0 15px;
}
.subtotals {
  display: flex;
  border-top: 1px solid #e2e7eb;
}
.subtotals-amounts-item .amount {
  max-width: 140px;
  width: 100%;
}
.subtotals-amounts-item .title {
  max-width: 120px;
  width: 120px;
  text-align: right;
  padding: 0 0;
  font-size: 14px;
  font-weight: 600;
  color: rgb(38 38 38 / 70%);
  margin-right: 40px;
}
.edit {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fbfbfc;
  border-radius: 4px;
  background: #fbfbfc;
  margin-left: 15px;
  cursor: pointer;
}
.edit:hover {
  background: #ededed;
}
.edit.blank {
  background: 0 0;
  border: 0;
}
.total {
  padding: 15px 74px 15px 15px;
  border-top: 1px solid #e2e7eb;
  text-align: right;
}
.total .title {
  color: rgb(38 38 38 / 80%);
  font-size: 18px;
  font-weight: 600;
  width: 120px;
  display: inline-block;
  margin-right: 40px;
}
.total .amount {
  font-size: 24px;
  color: #262626;
  font-weight: 600;
  width: 140px;
  display: inline-block;
}
input.form-control.description {
  text-align: left;
}
input.form-control.description {
  text-align: left;
}
.invoice_item_table tr td,
.invoice_item_table tr th {
  border-right: 1px solid #e2e7eb !important;
  padding: 5px 10px !important;
}
table.invoice_item_table tr td:nth-child(2),
table.invoice_item_table tr td:nth-child(3),
table.invoice_item_table tr td:nth-child(4) {
  width: 126px;
}
table.invoice_item_table tr td:nth-child(5) {
  width: 120px;
}
.invoice_item_table tbody tr td:last-child,
.invoice_item_table tbody tr th:last-child {
  border-right: 0 !important;
}
tr.label-header.collapsed td.days_row {
  background: #fff;
}
tr.label-header.collapsed:last-child .days_row {
  border-radius: 0 0 12px 12px !important;
}
.invoice_data_container .col-form-label {
  padding-top: 0;
}
.invoice_data_container .form_column button {
  margin: 0 !important;
}
.invoice_data_container .field-html-template:last-child {
  margin-right: 0;
}
.invoice_data_container .field-html-template:first-child {
  margin-left: 0;
}
.include_time {
  padding: 12px 8px;
  background: #f9f9fa;
  border-radius: 6px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.include_data_container {
  padding: 0 20px 20px;
}
.include_time .amount_label {
  font-weight: 500;
  font-size: 14px;
  margin-right: 6px;
}
.include_time .amount {
  font-size: 18px;
  font-weight: 600;
  color: #202532;
}
.include_toggle {
  margin-left: auto;
  color: #282c34;
  display: inline-flex;
  align-items: center;
}
.include_toggle .hs_list_switch {
  margin-left: 8px;
}
.svg_icon_absolute {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-flex;
  align-items: center;
}
.invoice_item_table input.form-control,
.subtotals .form-control {
  background: #f9f9fa;
  text-align: left;
}
.invoice_item_table input.form-control,
.subtotals .form-control {
  background: #fbfbfc;
  border: 1px solid transparent;
}
.invoice_item_table .form-control.description {
  text-align: left;
}
.invoice_item_table input.form-control,
.tax_field_ctrl {
  width: calc(100% - 20px);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: calc(100% - 10px);
  margin: auto;
}
.invoice_item_table tr td {
  position: relative;
}
.invoice_item_table thead tr th:nth-child(2),
.invoice_item_table thead tr th:nth-child(3),
.invoice_item_table thead tr th:nth-child(4) {
  text-align: right;
}
.wel_progress_loader {
  width: 200px;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #e8f2ff;
  will-change: transform;
  margin: 16px auto 30px;
}
.wel_progress_loader .wel_progress_bar {
  background-color: #e8f2ff;
  background: radial-gradient(circle, #3187cf 0, #e8f2ff 100px);
  animation-name: progress-bar;
  animation-duration: 2s;
}
.wel_progress_loader .wel_progress_bar {
  height: 10px;
  width: 600px;
  margin: 0 -200px;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes progress-bar {
  0% {
    transform: translateX(-200px);
  }
  100% {
    transform: translateX(200px);
  }
}
.no_doc_selected_data_ctrl .greeting_info {
  font-size: 13px;
  text-align: center;
  font-weight: 600;
}
.tt_content_panel_right .timer_two_column_container {
  width: 100%;
}
.tt_content_panel_right {
  width: calc(100% - 312px);
  position: relative;
  overflow: auto;
}
.sidebar_collapsed .tt_content_panel_right {
  width: calc(100% - 75px);
}
.tt_col_task .resync_svg_icon.in_entry_list {
  margin: 0;
}
.pt_input_select_data_flex.in_create_invoice .time_editable_input {
  height: auto !important;
  padding: 0 !important;
  min-height: auto;
  width: 100%;
  border: 0;
}
.pt_input_select_data_flex.in_create_invoice .react-datepicker-wrapper {
  width: 100%;
}
.pt_input_select_data_flex.in_create_invoice .rage_input_auto {
  width: 100%;
}
.in_create_invoice .range_info_icon {
  top: 3px;
  right: -10px;
  left: auto;
}
.tax_field_ctrl {
  display: flex;
  align-items: center;
}
.tax_field_ctrl .delete_invoice {
  margin-left: 24px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.invoice_note_container {
  display: flex;
  width: 100%;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  padding: 12px;
}
.invoice_note_area {
  width: 100%;
  min-height: 80px;
  margin: 0;
  border: 0;
  resize: none;
  padding: 12px 14px;
  background: #fbfbfc;
  border-radius: 6px;
}
.add_row_ctrl {
  padding: 3px 6px;
  font-size: 13px;
  color: #333;
  margin-left: auto;
  line-height: normal;
  opacity: 0.6;
  cursor: pointer;
}
.add_row_ctrl i {
  margin-right: 6px;
  font-size: 10px;
}
.add_row_ctrl:hover {
  opacity: 1;
}
.tax_field {
  font-weight: 700;
  font-size: 12px;
}
.in_create_invoice .time_editable_input.react-datepicker-ignore-onclickoutside {
  background: #fff;
}
.invoice_content_area {
  padding: 35px;
}
.add_note_textarea {
  border: 1px solid #e5e6e7;
  resize: none;
  width: 100%;
  border-radius: 4px;
  min-height: 60px;
  max-height: 60px;
  padding: 8px 10px;
}
.add_note_textarea:focus {
  border-color: #0e9aef;
}
.add_note_textarea::placeholder {
  color: rgb(51 51 51 / 60%);
}
.edit_invoice_ctrl {
  border: 1px solid #e2e7eb;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  padding: 0 6px;
  background: #efeff0;
  font-size: 11px;
  color: #282828;
  font-weight: 600;
  margin-left: 8px;
  min-height: 22px;
  cursor: pointer;
}
.edit_invoice_ctrl:hover {
  color: #282828;
}
.edit_invoice_ctrl svg {
  margin-right: 4px;
}
.tax_discount_dropdown .rage_input_auto {
  display: flex;
}
.tax_discount_dropdown {
  padding: 8px;
  min-width: 160px;
  width: 160px;
}
.amount_type_dropdown {
  right: 0;
  height: 36px;
  border: 1px solid #e0e1e4;
  border-radius: 0 4px 4px 0;
  border-left: 0;
  min-width: 34px;
  width: 34px;
}
.tax_discount_dropdown .dropdown_label {
  font-size: 13px;
  color: #333;
  font-weight: 600;
  margin: 0 0 8px;
}
.tax_discount_dropdown .rage_input_auto input {
  border-radius: 6px 0 0 6px;
}
.invoice_description_textarea {
  background: #fbfbfc;
  border: 0;
  resize: none;
  border-radius: 3px;
  border: 1px solid transparent;
}
.invoice_description_textarea:focus {
  border: 1px solid #0e9aef !important;
}
.invoice_item_table input.form-control:focus,
.subtotals .form-control:focus {
  border: 1px solid #0e9aef !important;
  background: #fff;
}
.doc_saved,
.doc_saving {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
}
.doc_saved svg,
.doc_saving svg {
  margin-right: 6px;
}
.doc_saved {
  color: green;
}
.pt_input_select_data_flex.disabled {
  background: #f5f5f5 !important;
  opacity: 0.8;
}
.few_tooltip {
  background: #0e9aef;
  color: var(--rt-color-white);
  white-space: nowrap;
  position: absolute;
  right: -15px;
  left: auto;
  top: 47px;
  font-size: 13px;
  user-select: none !important;
  padding: 8px 16px;
  border-radius: 3px;
  width: max-content;
  visibility: unset !important;
  z-index: 999999 !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}
.few_tooltip .react-tooltip-arrow {
  right: 26px;
  top: -4px;
  position: absolute;
  background: inherit;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}
.project_data_input_ctrl {
  max-height: 120px;
  overflow: auto;
}
.eod_eod_setting_popup .modal-body .form-group:last-child {
  margin-bottom: 0;
}
.tax_field_ctrl .delete_invoice:hover {
  background: #ff000029;
}
.log_date_time {
  white-space: nowrap;
}
.help-block.help-block-error.form_validation_mt {
  margin-top: 4px;
}
.collapse_and_expand_log:hover {
  background: #f4f6f7;
}
.collapse_and_expand_log {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 6px;
  position: relative;
  top: 3px;
}
.collapse_and_expand_log.in_details {
  align-items: unset;
  justify-content: unset;
  display: inline-block;
}
.user_log_group .collapse_and_expand_log {
  top: -1px;
}
.log_inner_holder {
  width: 100%;
}
.log_row {
  position: relative;
}
.logged_in_user_name_str {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 220px;
}
.log_stamp_user {
  padding: 0 10px 0 0;
  color: #142650;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  width: 0;
  padding-right: 55px;
}
.user_log_group {
  align-items: center;
  display: flex;
  position: relative;
}
.date_time_log {
  text-align: center;
  margin: 3px 0 0 auto;
  color: rgba(51, 51, 51, 0.72);
  font-weight: 500;
  font-size: 13px;
  display: inline-flex;
}
.log_stamp_date {
  padding: 0 5px 0 0;
}
.log_stamp_time {
  font-weight: 600;
  margin-left: auto;
}
.user_log_second_row {
  color: #142650;
  font-size: 13px;
  display: inline-flex;
  width: 100%;
}
.log_stamp_method {
  padding: 0 3px;
  font-weight: 600;
  text-align: center;
  word-break: break-word;
}
.log_stamp_total_time {
  padding: 0;
  font-weight: 600;
  margin-left: auto;
}
.log_row:after {
  content: "";
  position: absolute;
  left: -27px;
  top: 11px;
  width: 12px;
  height: 12px;
  border: 2px solid #8d8d8d;
  border-radius: 100%;
  background: #fff;
}
.th_sub_record:before {
  content: "";
  position: absolute;
  left: 0;
}
.th_sec_innr_ctrl:before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #e2e2e2;
  left: -22px;
  top: 0;
  height: calc(100% - 50px);
}
.linked_task_parent_container {
  border: 1px solid rgba(0, 0, 0, 0.065);
  padding: 0 10px 5px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.035);
  margin-top: 10px;
  margin-left: 5px;
}
.linked_task_parent_container .log_row:after {
  display: none;
}
.issue_date_dropdown_ctrl input.time_editable_input.issue_date_calendar {
  border: 1px solid #e0e1e4 !important;
  padding: 0 0 0 35px;
}
.issue_date_dropdown_ctrl .range_info_icon {
  left: 12px;
}
input.time_editable_input.issue_date_calendar:hover {
  background: #f5f6f7;
}
.invoice_quick_popup .modal-footer {
  border-radius: 0 0 10px 10px;
}
a.rc_submenu_highway_lane:hover {
  color: #333;
}
.issue_date_dropdown_ctrl
  input.time_editable_input.issue_date_calendar::placeholder {
  color: #333;
}
.cpd_table_header {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  background: #fff;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #e2e7eb;
}
.cpd_table_header .panel_title {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
.cpd_table_status {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.table.timeline_table_ctrl {
  color: #333;
  font-weight: 400;
  font-size: 14px;
}
.timeline_table_ctrl tr:before {
  content: "";
  position: absolute;
  border-left: 2px solid #b1b1b14d;
  top: 0;
  bottom: 0;
}
table.timeline_table_ctrl tr td {
  border: 0 !important;
  padding: 10px 5px !important;
}
.timeline_table_ctrl tr {
  width: 100%;
  position: relative;
}
.timeline_table_ctrl tr:after {
  content: "";
  width: 12px;
  height: 12px;
  left: 0;
  background: #fff;
  border-radius: 100%;
  border: 2px solid #565656cc;
  position: absolute;
  margin-left: -5px;
  margin-top: 0;
  top: 16px;
}
.timeline_table_ctrl tr td:first-child {
  padding-left: 20px !important;
}
.timeline-section-wrapper {
  padding: 10px 15px 10px 30px;
}
.timeline_table_ctrl tr td:nth-child(2) {
  text-align: right;
}
.event_customer {
  background: #2ec4b6;
  padding: 3px 6px;
  border-radius: 4px;
  margin-right: 3px;
  color: #fff;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.timeline_table_ctrl tr:first-child:before {
  position: absolute;
  top: 16px;
}
.timeline_table_ctrl tr:last-child:before {
  bottom: 13px;
}
.timeline_row_block {
  display: flex;
  align-items: center;
}
.customer_note_ctrl {
  margin-top: 6px;
}
.customer_note_ctrl .note_label {
  display: inline-block;
  margin-right: 3px;
}
.customer_name {
  margin-right: 3px;
}
.note_perra {
  opacity: 0.8;
}
.card_sty_ctrl {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #edeef2;
  margin-top: 20px;
}
.note_perra {
  opacity: 0.8;
}
.card_container_sty {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #edeef2;
  margin-top: 20px;
}
.invoive_blank_state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 260px);
}
.invoive_blank_state_inner {
  text-align: center;
}
.invoive_blank_state .title {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0;
  color: #333;
}
.subtitle {
  font-size: 14px;
  color: #676a6c;
}
.payment-summary-container table thead tr th {
  padding: 10px 15px 5px 15px !important;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #e6e6e7;
  color: #333;
  font-size: 14px;
  border-top: 0;
  font-weight: 600 !important;
}
.payment-summary-container table tr td {
  border-top: 1px solid #fff;
  padding: 0 15px 10px 15px !important;
  color: #333;
  font-weight: 400;
  border-right: 1px solid #e6e6e7;
}
.payment-summary-container table.table {
  margin: 0;
}
.middleware_msg {
  text-align: center;
  padding: 41px;
  height: calc(100vh);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sign_up_form_ctrl .content {
  padding-bottom: 18px !important;
}
.rc_time_list_header .week_navigate_widget {
  margin: 0 10px;
}
.custom_datepicker.in_create_invoice .rage_input_auto .react-datepicker-popper {
  left: 0 !important;
  right: -10px !important;
}
.custom_datepicker.in_create_invoice
  .react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::after,
.custom_datepicker.in_create_invoice
  .react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before {
  left: 0 !important;
}
.col_grouper {
  display: inline-flex;
  cursor: pointer;
}
.no_comment_box {
  display: flex;
  border: 1px solid #ebeef1;
  background-color: rgba(51, 51, 51, 0.02);
  padding: 7px 5px;
  border-radius: 8px;
  margin-left: 33px;
  margin-top: 5px;
}
.comment_display_section.test {
  display: flex;
  flex-direction: column;
}
.sticky_comment_box {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: calc(90% - 1px);
  border-top: 1px solid #e2e7eb;
  padding: 10px 21px;
  margin: 0 !important;
}
.comment_box {
  display: flex;
  align-items: flex-start;
  margin-left: 32px;
  margin-top: 5px;
  cursor: pointer;
}
.sticky_comment_box .comment_box {
  width: calc(100% - 36px);
}
.comment_box .comment_last_chat {
  display: flex;
  border: 1px solid #ebeef1;
  background-color: rgba(51, 51, 51, 0.02);
  padding: 7px 5px;
  border-radius: 8px;
  width: 100%;
  word-break: break-word;
}
.comment_box .user_circle_ctrl {
  margin-right: 7px;
}
.label_comment_state {
  display: inline-flex;
  align-items: center;
}
.label_comment_state i {
  color: #55585e;
  font-size: 0.7rem;
}
ul.nav-list-ul.second-level-item > li a:hover {
  background: #f5f5f5;
}
.timer_entry_details_preview_ctrl.side_panel_view
  .comment_timebox_data_scroller {
  height: calc(100vh - 220px);
}
.timer_entry_details_preview_ctrl.side_panel_view .no_comments_yet_control {
  height: auto;
}
.timer_entry_details_preview_ctrl.modal_popup_view
  .comment_timebox_main_container {
  height: 100%;
  border-radius: 10px;
}
.timer_entry_details_preview_ctrl.modal_popup_view
  .comment_timebox_data_scroller {
  height: calc(100vh - 282px);
}
.timer_entry_details_preview_ctrl.modal_popup_view
  .no_connected_task.in_sidepanel.in_captures_details {
  height: calc(100vh - 283px);
  padding: 0;
}
.comment_area_without_header {
  height: calc(100vh - 133px);
  display: flex;
  flex-direction: column;
}
.modal_popup_view .comment_area_without_header {
  height: calc(100% - 205px);
}
.comments_text
  .edit_time_entry_three_dot_dropdown
  .rc_submenu_highway_lane
  svg {
  width: 15px;
}
.comment_last_chat .attachment_by_slash.time_box_comment_html {
  word-break: break-word;
}
.previous_state:hover {
  background: #f5f6f7;
}
.previous_state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  margin-right: 6px;
  cursor: pointer;
  margin-left: -5px;
}
.attached_media_pill {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  background: #f4f4f5;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.4;
}
.media_icon {
  margin-right: 6px;
}
.media_icon {
  display: inline-flex;
  margin-right: 6px;
  align-items: center;
}
.comment_timebox_main_container .modal-header {
  justify-content: unset;
}
.create_project_dropdown_ctrl {
  width: 230px;
  min-width: 230px;
  margin: auto;
}
.internal_tag_select_container .pt_name_text {
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
}
.internal_project_select_container .pt_name_text svg,
.internal_tag_select_container .pt_name_text svg {
  display: block;
}
.internal_project_select_container .es_capture_listing {
  border: 0;
  border-radius: 0;
}
.project_internal_dropdown .modal-body,
.tag_internal_dropdown .modal-body {
  padding: 4px !important;
  height: 220px;
  overflow: auto;
}
.project_internal_dropdown .modal-dialog {
  width: 360px;
}
.project_internal_dropdown .modal-footer {
  text-align: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #0e9aef;
  padding: 6px 12px;
}
.project_internal_dropdown .rc_user_list li.active {
  background: rgba(14, 154, 239, 0.1) !important;
  color: #fff;
}
.project_internal_dropdown .rc_user_list li.active .rc_username {
  color: #0e9aef !important;
}
.create_project_action_btn {
  padding: 0;
  font-size: 13px;
  text-align: left;
  margin: 0 0 0;
  line-height: 1.4;
  color: #4398e8;
  font-weight: 600;
  width: 100%;
  max-height: 38px;
  word-break: break-all;
  overflow: hidden;
}
.create_new_btn {
  cursor: pointer;
}
.create_project_action_btn:hover {
  opacity: 1;
}
.create_project_action_btn i.fas.fa-plus {
  font-size: 11px;
  margin-right: 6px;
}
.selected_element_pill {
  background: #f5f6f7;
  padding: 6px 8px;
  border-radius: 6px;
}
.selected_element_pill {
  background: #f5f6f7;
  padding: 5px 8px;
  border-radius: 6px;
  margin: 0 4px;
  line-height: 1.4;
  height: 32px;
  border: 1px solid #dfdfdf96;
}
.project_internal_dropdown .search_filter_box_ctrl input {
  background: #f0f1f1 !important;
  min-height: 32px;
}
.project_internal_dropdown .search_filter_box_ctrl input:focus {
  background: #fff !important;
}
.selected_tag_inner_flex {
  display: inline-flex;
  align-items: center;
}
.tag_internal_dropdown .rc_user_list .checkbox {
  display: inline-flex;
  align-items: center;
  line-height: 1.4;
  width: 100%;
  font-size: 14px;
}
.internal_project_select_container .time_entry_internal_action_icon,
.internal_tag_select_container .time_entry_internal_action_icon {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin: 0 5px;
  line-height: 1.4;
  padding: 6px 8px;
  min-height: 32px;
  border: 1px solid #dfdfdf96;
  background: #f5f6f7;
}
.internal_project_select_container .time_entry_internal_action_icon:hover,
.internal_tag_select_container .time_entry_internal_action_icon:hover {
  background: #f1f2f4;
}
.internal_tag_select_container {
  margin-right: 0;
}
.selected_tag_inner_flex.selected_element_pill .pt_name_text {
  padding-left: 0;
}
.internal_tag_icon_ctrl {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.stroke_icon {
  fill: none !important;
}
.overflow_inset {
  overflow: unset !important;
}
ul.nav-list-ul.second-level-item.dropdown-menu.dropdown-right
  li.rc_submenu_highway_lane
  a {
  padding: 0 !important;
}
.dropdown_label_header {
  color: rgb(40 44 52 / 60%);
  font-size: 12px;
  font-weight: 600;
  padding: 6px 8px;
}
.comment_msg.time_box_comment_html img.emoji_image_icon {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: -1px;
}
.modal_popup_view
  .comment_timebox_main_container
  .modal-footer
  .comment_box_ctrl {
  margin: 0;
}
.modal_popup_view .comment_timebox_main_container .modal-footer {
  border-top: 0;
  border-radius: 0 0 12px 12px;
}
.project_internal_dropdown .no_data_found {
  padding: 72px 20px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.comment_last_chat .comment_msg.time_box_comment_html {
  word-break: break-word;
}
.timer_entry_details_preview_ctrl.modal_popup_view .modal-dialog {
  width: 568px;
  max-width: 568px;
}
.timesheet_day_row .timesheet_col:first-child {
  padding-left: 20px;
}
.comment_html_display .emoji_image_icon {
  margin: 0 2px;
}
.inbox-comment-text .comment_msg.time_box_comment_html {
  background: #f0f1f2;
  border-radius: 6px;
  padding: 6px 12px;
  display: inline-block;
  word-break: break-word;
}
.comment_html_display {
  display: inline-flex;
  flex-wrap: wrap;
}
.month_total_time_wrap {
  margin-bottom: 8px;
}
.counter-ctrl {
  border-radius: 4px;
  font-size: 13px;
  padding: 0;
  margin-left: 8px;
  font-weight: 600;
  color: #333;
  height: 15px;
  display: inline-flex;
  align-items: center;
}
.time_entry_internal_action_icon.active {
  background: #f5f6f7 !important;
}
.time_entry_internal_action_icon.active svg * {
  fill: #333333;
}
.pt_select_tag_section .time_entry_internal_action_icon.active {
  width: auto;
}
.create_project_popdown .modal-header {
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 600;
}
.create_project_popdown .modal-footer {
  justify-content: end;
  border-top: 1px solid #d6d8dc85;
  padding: 8px 10px;
  border-radius: 0 0 8px 8px;
}
.create_project_popdown .modal-footer .btn-default {
  color: #333;
  padding: 4px 8px;
}
.create_project_popdown .modal-body {
  height: auto;
}
.create_project_popdown .modal-body .form-group:last-child {
  margin-bottom: 0;
}
.create_project_popdown .modal-body {
  padding: 12px 15px 15px !important;
}
.create_project_popdown .modal-footer button {
  padding: 4px 8px;
}
.project_internal_dropdown .rc_username {
  font-size: 14px;
  padding-right: 10px;
}
.ext_list_group_parent .task-list-section ion-item {
  min-height: 36px;
  height: 36px;
  display: flex;
  align-items: center;
}
.comment_quick_reaction {
  display: flex;
  align-items: center;
  padding: 6px 5px 6px;
}
.comment_quick_reaction .comment_reaction {
  width: 32px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
}
.customize_reaction_btn {
  width: 32px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.client_table_main_container .rc_time_list_header .timer_row_col.flex-1 {
  padding-left: 0;
}
.task-name.editable_entry.partial_entry {
  color: rgba(38, 38, 38, 0.6);
}
.comment_actions_container .action-magic-dots {
  position: static;
}
.comment_actions_container {
  position: absolute;
  right: 0;
  display: inline-flex;
  align-items: center;
  left: 100%;
  min-height: 34px;
}
.comment_actions_container .tomebox_comment_three_dot_option {
  display: flex;
  align-items: center;
}
.reacted_emoji_ctrl.quick_reaction_icon_ctrl:hover {
  background: #edeff0;
}
.reacted_emoji_ctrl.quick_reaction_icon_ctrl {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
  opacity: 0;
  margin-left: 4px;
}
.comments_area:hover .reacted_emoji_ctrl.quick_reaction_icon_ctrl {
  opacity: 1;
}
.comments_area.comment_area_right .comments_text .comment_text_bg {
  width: 100%;
}
.edited_msg_text {
  color: #83898e;
  opacity: 0.76;
  margin: 0 2px;
  line-height: 1.3;
}
.comment_area_byself .comment_actions_container {
  left: auto;
  right: 100%;
  padding-right: 26px;
}
.msg_edited_icon svg {
  fill: revert-layer !important;
}
.msg_edited_icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
  margin: 0;
}
.comments_area.comment_by_me .msg_edited_icon {
  margin-right: 5px;
  position: absolute;
  right: 0;
}
.created_by_other_user .comment_actions_container {
  left: 100%;
  right: auto;
}
.created_by_other_user .msg_edited_icon {
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.comment_actions_container .action-magic-dots {
  margin-left: 0;
}
.online_member_tooltip_ctrl .member_entry_details .med_task_name {
  flex: 1;
  margin-right: 32px;
}
.online_member_tooltip_ctrl .tooltip_scroll .member_entry_details:first-child {
  margin-top: 0;
}
.online_member_tooltip_ctrl .tooltip_scroll .member_entry_details:last-child {
  margin-bottom: 0;
}
.online_member_tooltip_ctrl .member_entry_details .med_task_name {
  width: 100%;
  max-width: 75%;
  white-space: unset;
  overflow: unset;
  text-overflow: unset;
  font-size: 12px;
}
.rc_comments_viewer_area_control
  .comments_area.comment_by_me
  .action-magic-dots {
  left: auto;
  right: -42px;
  top: 2px;
}
.rc_comments_viewer_area_control .comments_area .action-magic-dots.active {
  opacity: 1 !important;
}
.rc_comments_viewer_area_control
  .action-magic-dots.active
  .time_entry_option
  > i {
  background-color: #edeff0;
}
.task_name.text_line_clamp_2.partial_entry {
  color: rgba(38, 38, 38, 0.6);
}
.tag_lenght_ctrl {
  background: #ececed8f;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 16px;
}
.selected_tag_view_area:hover {
  color: #333 !important;
}
.rc_comments_viewer_area_control .created_by_other_user .action-magic-dots {
  left: -37px;
  top: 2px;
}
.rc_comments_viewer_area_control .created_by_other_user .action-magic-dots {
  left: -37px;
  top: 2px;
}
.rc_comments_viewer_area_control .created_by_other_user .action-magic-dots {
  left: -37px;
  top: 2px;
}
.rc_comments_viewer_area_control .created_by_other_user .action-magic-dots {
  left: -37px;
  top: 2px;
}
.rc_time_row_task.partial_entry,
.single_line_text.partial_entry,
.task-name.partial_entry,
.task_name.partial_entry,
.task_name_ctrl.partial_entry {
  color: rgba(38, 38, 38, 0.6) !important;
}
.project_task_list
  div[data-test-id="virtuoso-item-list"]
  div:last-child
  .timer_list_with_task_row {
  border-bottom: 0;
}
ul.nav-list-ul.second-level-item > li a.active:hover {
  background-color: #0e9aef;
  color: #fff;
}
.header_title {
  margin: 0;
  font-weight: 600;
  font-size: 13px;
  color: #465369;
}
.dropdown_header_ctrl {
  display: flex;
  align-items: center;
  padding: 8px 14px 0;
  min-height: 32px;
}
.col_tag_created_by {
  width: 280px;
}
.timer_entry_details_preview_ctrl .project_task_event.project_gray_chips {
  display: inline-flex;
}
.integration_icon.tag_icon_ctrl i.fas.fa-plus {
  font-size: 11px;
  margin: 0;
}
.added_tag_name {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
}
.project_dropdown_in_details_panel .modal-dialog,
.tag_dropdown_in_details_panel.project_internal_dropdown .modal-dialog {
  height: auto !important;
  max-height: max-content;
  width: auto !important;
}
.selected_tag_view_area {
  cursor: pointer;
}
.time_entry_internal_action_icon.active .counter-ctrl {
  min-width: 15px;
}
.no-border {
  border: 0 !important;
}
.redirect_container_element {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999999;
  height: 100%;
  background: #fff;
}
.mobile_container {
  background-color: #fff;
  max-width: 100%;
  padding-bottom: 0;
}
.mobile_container {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 400px;
  padding: 24px;
  position: relative;
  text-align: center;
  height: 100%;
  background: #f9fafd;
}
.mobile_bottom_container .redirect_text {
  color: #1e1f21;
  font-size: 24px;
  font-weight: 500;
  margin: 48px auto 0;
  display: inline-block;
}
.mobile_bottom_container .redirect_subtext {
  color: #333;
  font-size: 16px;
  margin: 8px auto 8px;
}
.mobile_bottom_container .redirect_badge {
  display: block;
  margin: 24px auto 24px auto;
  width: 150px;
}
.mobile_container button.generic_input_confirm_button {
  border-radius: 25px 25px 25px 25px;
  color: #fff;
  font-size: 16px;
  height: 50px;
  margin-bottom: 48px;
}
.mobile_container button.generic_input_confirm_button {
  border-radius: 6px;
  background-color: #0e9aef;
  border-width: 0;
  color: #fff;
  font-size: 14px;
  height: 48px;
  margin-bottom: 8px;
  margin-top: 8px;
  outline-width: 0;
  padding: 8px;
  text-align: center;
  width: 100%;
  font-weight: 600;
}
.btn.btn-default.generic_ghost_input_button {
  width: 100%;
  min-height: 48px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.card_row_flex {
  display: flex;
  text-align: left;
  align-items: center;
}
.download_app_btn_container {
  margin-left: 42px;
  font-size: 16px;
  font-weight: 600;
}
.mobile_redirect_popdown_inner {
  padding: 10px 12px;
}
.mobile_redirect_popdown_container {
  position: fixed;
  left: 0;
  z-index: 9999;
  background: #fff;
  top: 0;
  box-shadow: 0 0 5px #8080804d;
  border-radius: 0;
  width: 100%;
}
.mobile_redirect_popdown_inner .card_col_left {
  display: flex;
}
.redirect_mini_icon {
  display: inline-flex;
  align-items: center;
  margin-right: 16px;
}
.mobile_redirect_info h3 {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.redirect_download_info {
  font-size: 13px;
  font-weight: 500;
  margin-top: 7px;
}
.redirect_url {
  font-size: 13px;
  line-height: 1.2;
}
.download_app_btn_container {
  margin-left: 42px;
  font-size: 16px;
  font-weight: 600;
}
.redirect_IOS {
  display: inline-flex;
  margin-top: 16px;
}
.page_heading {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0 0 35px;
}
.mobile_redirect_image {
  margin: 36px 0 36px;
}
.generic_ghost_input_button:hover {
  background: #ececec5c;
}
.timer_entry_details_preview_ctrl.modal.modal_popup_view
  .timer_detail_scroller {
  border-radius: 0px;
  padding-bottom: 0px;
}
.error_msg_row_flex .characters_limit {
  margin-top: 5px;
}
.has-error input:focus {
  border-color: #f15866 !important;
}
.comments_area.comment_area_right .comments_text .comment_text_bg.has_reaction {
  padding-bottom: 20px !important;
}
#emailPreviewScrollPane .reply_content_body_area {
  position: relative;
}
#emailPreviewScrollPane .composer_action_buttons_container_right {
  right: 28px;
  top: 135px;
}
.colored-theme-today {
  background: #e6f0fe;
  border: 1px solid #e6f0fe;
}
.colored-theme-week {
  background: #d9e3fe;
  border: 1px solid #d9e3fe;
}
.colored-theme-days {
  background: #fde4c3;
  border: 1px solid #fde4c3;
}
.colored-theme-timer {
  background: #05aa4b38;
  border: 1px solid #05aa4b38;
}
.colored-theme-members {
  background: #fddcc3;
  border: 1px solid #fddcc3;
}
.colored-theme-activity {
  background: #dd505445;
  border: 1px solid #dd505445;
}
.hint_icon_label {
  display: inline-flex;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #666;
}
.hint_icon_label .tracked {
  right: 0;
  margin-right: 5px;
}
.tracked_mannual_hint.tracked {
  background: #0d71f5;
  right: 5px;
}
.tracked_mannual_hint {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  display: inline-flex;
  position: relative;
  right: 5px;
}
.tracked_mannual_hint.mannual {
  background-color: #fb923c;
  right: 5px;
}
.tracked_mannual_hint {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  display: inline-flex;
  position: relative;
  margin-right: 5px;
}
.hint_icons_graph.ion-text-center {
  text-align: center;
  position: relative;
  margin-top: 12px;
}
.task-description-multiline {
  flex: 1 1;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  width: 0;
}
.task_original_meta_name {
  font-size: 13px;
  font-style: italic;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #282c34;
  max-width: 100%;
}
.rc_user_list .list_with_original_name {
  align-items: flex-start;
}
li.list_with_original_name .rc_list_icon_area {
  padding-top: 4px;
}
.rc_user_list .task-description .rc_username {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.apps_progress_col.progress_col_name .apps_name {
  word-break: break-all;
}
.in-detail-page .project_task_event .project_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}
.in-detail-page .project_task_event {
  display: flex;
}
.in-detail-page .project_task_event.add_project_action_btn:hover,
.in-detail-page .project_task_event.add_tag_action_btn:hover {
  color: #333;
  background: #e2e2e58f;
}
.time_data_not_found {
  height: calc(100vh - 119px);
}
.meta_data_small_radius_box {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin: 0 5px;
  line-height: 1.4;
  padding: 6px 8px;
  min-height: 32px;
  border: 1px solid #dfdfdf96;
  background: #f5f6f7;
}
.meta_data_small_radius_box:hover {
  background: #f1f2f4;
}
.meta_data_small_radius_box.active {
  border: 1px solid #0e9aef;
  background: rgb(14 154 239 / 20%);
}
.meta_data_small_radius_box.active:hover {
  border: 1px solid #0e9aef;
  background: rgb(14 154 239 / 10%);
}
.copy_entry_link {
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  background: #f1f2f4;
  padding: 5px 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #333;
  transition: 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.copy_entry_link:hover {
  background: #f5f6f7;
}
.billable_sign {
  display: inline-flex;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
  cursor: pointer;
  margin-left: 16px;
}
.billable_sign:hover svg {
  stroke: #0e9aef;
}
.billable_icon_detail .billable_icon {
  margin-right: 4px;
}
.billable_icon_detail {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  margin-right: 4px;
  background: #f1f2f4;
  color: #172327;
  border: 1px solid #dfdfdf96;
}
.entry-name-auto-grow-input {
  min-width: 94px;
}
.entry-name-auto-grow-input input {
  min-width: 94px;
}
.invitation_action a:first-child {
  padding-left: 0;
}
.timer_table_header_inner.tag_group_data_table_ctrl {
  padding-right: 12px;
}
.project_detailed_content_body_ctrl .team_total_details_card_row {
  margin-bottom: 20px;
}
.tick_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  right: -7px;
}
.tag_icon_in_list {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.tag_icon_ctrl.tag_in-list {
  position: relative;
  top: 1px;
}
.project_task_event.proj_active,
.project_task_event.task_active {
  background: #eceef2;
}
.rc_time_list_header.scroll_visible {
  padding-right: 32px;
}
.remove_tag_button_round svg {
  width: 13px;
  height: 13px;
}
.project_task_event.tag_task_event .tag_name {
  width: 100% !important;
}
.col_report_billable_amount {
  min-width: 140px;
}
.col_report_billable_time {
  min-width: 120px;
}
.timesheet_week_card_ctrl.collapsed .title_header_table_ctrl {
  border-bottom: 0;
}
.tagged_category_area_ctrl {
  padding: 10px 25px 10px 25px;
}
.tagged_category {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  background-color: #e8f2fc;
  border: 1px solid #0e9aef;
  width: auto;
  padding: 6px 8px;
  max-width: 100%;
}
.tagged_category_area_ctrl .etd_logo {
  margin: 0 8px 0 0;
  width: 14px;
  height: 14px;
}
.tagged_category .tc_text {
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
  color: #132550;
  flex: 1 1;
}
svg.clear_tagged_category {
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  opacity: 0.6;
}
svg.clear_tagged_category * {
  stroke: #142650;
}
.project_toggl_filter {
  display: inline-flex;
  padding: 8px 12px 8px;
  font-size: 14px;
}
.project_toggl_filter .hs_list_switch {
  margin: 2px 0 0 10px;
}
.project_toggl_filter label.switch {
  margin: 0;
}
.currency-icon {
  margin-right: 3px;
  display: inline-block;
}
.pt_input_select_data_flex .pt_comp_wrapper {
  max-width: 100% !important;
}
.pt_input_select_data_flex .selected_proj_in_widget {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 280px;
  line-height: 1.4;
}
.pt_input_select_data_flex .pt_widget_button_internal svg {
  margin-right: 6px;
}
.pt_input_select_data_flex .pt_widget_button_internal {
  border-radius: 6px;
  padding: 3px 7px;
  display: inline-flex;
  align-items: center;
  align-items: center;
  line-height: 1;
  margin: 2px 5px 3px 0;
  border: 1px solid;
  height: 24px;
}
.pt_input_select_data_flex .pt_name_text_outer_div {
  flex-wrap: wrap;
  width: 100%;
}
.create-new-custom-emoji-modal-popup {
  z-index: 9999999999 !important;
  top: 180px;
}
.current_task_row {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  color: #282c34;
}
.running_timer_value_num {
  font-size: 26px;
  font-weight: 700;
  flex: 1;
  line-height: 1;
}
.running_entry_task_name {
  font-size: 13px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  width: 100%;
  font-weight: 600;
  color: #262626;
}
.current_task_description .project_task_event.project_gray_chips:hover {
  color: #333;
}
.current_task_description .running_entry_task_name.partial_entry {
  opacity: 0.8;
}
.selected_user_num {
  display: inline-block;
  min-width: 16px;
}
.bb_form_group_row .rage_input_auto {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #e0e1e4;
  padding: 0 10px;
}
.bb_form_group_col.no_icon .rage_input_auto {
  padding-left: 8px !important;
}
.bb_form_group_col.no_icon .rage_input_auto input {
  padding-left: 0;
}
.bb_form_group_col .up_down_arrow_icon {
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  display: flex;
}
.bb_form_group_col .rage_input_auto.disabled {
  background: #fafafa;
}
.bb_form_group_col .rage_input_auto:focus-within {
  border: 1px solid #0e9aef;
}
.meta_data_small_radius_box span {
  display: inline-block;
  margin-right: 5px;
}
.meta_data_small_radius_box.billable.active {
  background: #d5f1e1;
  color: #172327;
  border: 1px solid #d5f1e1;
}
.meta_data_small_radius_box.billable {
  font-weight: 600;
}
.meta_data_small_radius_box.billable.active span {
  color: #00aa45;
}
.billable_icon_detail.active .billable_icon {
  color: #00aa45;
}
.project_name_text {
  word-break: break-word;
  text-align: left;
}
.range_date_input_ctrl {
  position: relative;
}
.invoice_item_table input.form-control {
  padding-left: 8px;
  margin: 0;
}
.invoice_item_table .dollar_icon {
  left: 16px;
  top: 0;
  bottom: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  z-index: 9;
  cursor: text;
}
input.form-control.time_input_ctrl {
  padding-left: 12px;
  width: 100%;
}
.editable_input_group {
  display: flex;
  align-items: center;
  background: #fbfbfc;
  border: 1px solid transparent;
  padding: 0 0 0 8px;
  border-radius: 3px;
}
.invoice_item_table input.form-control:focus {
  border: 1px solid transparent !important;
}
.editable_input_group:focus-within {
  border: 1px solid #0e9aef !important;
}
input.form-control.time_input_ctrl:focus {
  border: 1px solid #0e9aef !important;
}
.invoice_data_list_ctrl div .timer_list_with_task_row {
  border-top: 1px solid #ebeef1 !important;
}
.invoice_data_list_ctrl
  div[data-test-id="virtuoso-item-list"]
  > div:first-child
  .timer_list_with_task_row {
  border-top: 0 !important;
}
.invoice_input_edit.name_edit {
  height: 37px;
  color: #262626;
  font-size: 28px;
  font-weight: 600;
  margin: 0;
  line-height: normal;
  display: inline-flex;
  border: 0;
  resize: none;
  background: 0 0;
  padding: 0;
}
.uneditable_value {
  cursor: unset;
}
.uneditable_value .title_bold {
  padding-left: 0;
  padding-right: 0;
}
.sod_eod_tb_ctrl.overflow_unset {
  height: auto;
  overflow: unset !important;
}
.pt_name_text.flex-default {
  flex: initial;
  width: auto;
}
.es_capture_listing.project_dropdown_ctrl {
  border-top: 0;
  border-radius: 0;
}
.member_pill_ctrl {
  display: inline-flex;
  align-items: center;
}
.lane_icon_ctrl.Sync.in {
  margin: 0;
}
.custom_page_wrapper.login {
  min-height: 100vh;
  height: 100% !important;
  overflow: auto;
}
.custom_page_wrapper.login .login-container {
  padding-bottom: 20px;
}
.no_data_found.in_sheet_modal {
  padding: 0;
}
.blank_state_main_container {
  height: 100%;
  padding: 52px 0;
}
.create_element_click_area {
  margin: 0 0 0;
  color: #4398e8;
  font-weight: 600;
  padding: 0;
  width: 100%;
  word-break: break-all;
  font-size: 13px;
  text-align: center;
}
.create_tag_text {
  margin-right: 2px;
  display: inline;
}
.blank_state_main_container i.fas.fa-plus {
  margin-right: 8px;
  font-size: 13px;
}
.blank_state_main_container .no_data_found.in_sheet_modal {
  font-weight: 600;
}
.blank_state_main_container .create_element_container {
  font-size: 14px;
}
.blank_state_main_container .create_element_container {
  font-size: 14px;
  overflow: unset;
}
.subtotals-amounts-item .edit {
  min-width: 36px;
}
.create_element_click_area {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clock_in_out_event {
  border: 0;
  background: #0e9aef;
  width: 100%;
  padding: 9px 8px;
  border-radius: 8px;
  margin: 0;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.4;
  min-height: 38px;
}
.break-details small {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}
.clock-in-out_data {
  padding: 8px;
  background: #262529;
  border-radius: 12px;
  margin-left: 10px;
  width: calc(100% - 20px);
  margin-top: 10px;
}
.in_out_running_timer {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: rgb(255 255 255 / 80%);
  display: flex;
  align-items: center;
}
.status-item {
  margin-top: 3px;
}
.status-item .break-details {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: rgb(255 255 255 / 80%);
  display: flex;
  align-items: center;
  line-height: normal;
  margin-top: 4px;
}
.work-status {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}
.in_out_running_timer svg {
  margin-right: 8px;
}
.in_out_value_text {
  margin-right: 6px;
  line-height: 1;
  display: inline-flex;
  font-weight: 500;
}
.clock_in_out_event:hover {
  background: #1a7bb9 !important;
}
.clock_in_out_event.clock-out {
  background: #e59500;
}
.clock_in_out_event.clock-out:hover {
  background: #f5ae2a !important;
}
.time_off_type_lists.overflow_unset {
  overflow: unset !important;
}
.clock-out-break {
  background: #674636;
  margin-top: 0;
}
.clock-out-break:hover {
  background: #875e4b !important;
}
.break_description_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
}
.break_ele_wrapper {
  position: relative;
  margin-top: 8px;
}
.break_quick_action_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  min-height: 22px;
  min-width: 22px;
  cursor: pointer;
  background: #503827;
}
.break_description_wrap .dropdown:first-child .break_quick_action_btn {
  border-radius: 0 8px 0 0;
  border-bottom: 1px solid rgb(0 0 0 / 20%);
}
.break_description_wrap .dropdown:last-child .break_quick_action_btn {
  border-radius: 0 0 8px 0;
}
.break_quick_action_btn:hover {
  background: #402d1f;
}
.break_quick_action_btn.show {
  background: #402d1f;
}
.add_estimate_popup .modal-dialog {
  width: 280px;
}
.clock-out-break {
  background: #674636;
}
.clock-out-break:hover {
  background: #875e4b !important;
}
.break_textarea {
  width: 100%;
  resize: none;
  display: block;
  height: 80px;
  max-height: 80px;
  font-size: 13px;
  color: #333;
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  padding: 10px;
}
.react-tooltip.break_info_tooltip {
  max-width: 310px;
}
.break_textarea::placeholder {
  color: #cdcdcd;
}
.add_description_popup .modal-content,
.add_estimate_popup .modal-content {
  box-shadow: none;
  border: 0;
}
.add_description_popup.add_break_dropdown,
.add_estimate_popup.add_break_dropdown {
  position: absolute;
  top: auto;
  bottom: 0;
  display: none;
  left: 100%;
  right: auto;
}
.add_break_dropdown {
  border: medium none;
  border-radius: 6px;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 999999;
  background: #ffffff;
}
.add_description_popup.add_break_dropdown.show,
.add_estimate_popup.add_break_dropdown.show {
  opacity: 1;
  display: block;
}
.clock_in_out_event svg {
  margin-right: 6px;
}
.add_description_popup .modal-body {
  padding: 0 !important;
}
.save_reports_popup .modal-body .form-group:last-child {
  margin-bottom: 0;
}
.clock_in_out_event .react-tooltip {
  font-size: 90%;
  font-weight: 500;
}
.create_invoice_data_table thead tr th:first-child {
  width: 60%;
}
.create_invoice_data_table thead tr th:nth-child(2),
.create_invoice_data_table thead tr th:nth-child(3),
.create_invoice_data_table thead tr th:nth-child(4),
.create_invoice_data_table thead tr th:nth-child(5) {
  width: 10%;
}
.edit_data_table tr th {
  width: 20%;
}
.collapse_expand_all.disabled {
  opacity: 0.4;
  cursor: unset;
}
.timesheet_collapse_expand_col .collapse_expand_all.disabled {
  pointer-events: none;
}
.login .page-container-space {
  min-height: 100%;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}
.in_out_value_text svg {
  margin-right: 8px;
}
.group_action_btn_ctrl .toggle_button {
  padding: 0 8px;
  height: 32px;
  border: 1px solid #dbebfa;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  cursor: pointer;
  background: #fff;
}
.group_action_btn_ctrl {
  display: inline-flex;
  align-items: center;
}
.group_action_btn_ctrl .toggle_button svg {
  margin-right: 6px;
}
.group_action_btn_ctrl .toggle_button:first-child {
  border-radius: 6px 0 0 6px;
  border-right: 1px solid transparent;
}
.group_action_btn_ctrl .toggle_button.active:first-child {
  border-right: 1px solid #0e9aef;
}
.group_action_btn_ctrl .toggle_button:nth-child(3) {
  border-left: 1px solid #0000;
}
.toggle_button.active {
  border: 1px solid #0e9aef !important;
  color: #0e9aef;
  background: #e8f2fc;
}
.toggle_button.active svg * {
  fill: #0e9aef;
}
.group_action_btn_ctrl .toggle_button:last-child {
  border-radius: 0 6px 6px 0;
  border-left: 1px solid transparent;
}
.views_wraper {
  display: flex;
  align-items: center;
  padding: 12px 0;
}
.week_day {
  font-weight: 600;
  color: #282828;
  font-size: 14px;
}
.btn.focused_gray_btn {
  background: #f0f3f5;
  padding: 3px 6px;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
  margin-left: 9px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  min-height: 28px;
}
.btn.focused_gray_btn svg {
  margin-right: 6px;
}
.week_day_time {
  font-size: 14px;
  color: rgb(38 38 38 / 70%);
  font-weight: 600;
}
.clock-in-out-data-table table tbody tr td.td_row_clock_in_out_break {
  border: 1px solid #e2e7eb !important;
}
.clock-in-out-data-table table tbody tr td {
  min-height: 56px;
  padding: 0 !important;
  color: #262626;
  font-size: 14px;
  border-right: 0 !important;
  overflow: unset;
}
.clock-in-out-data-table table tbody tr td.days_row {
  padding: 0 22px !important;
  vertical-align: inherit;
}
.clock-in-out-data-table table tbody tr td {
  border: 1px solid #e2e7eb !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
}
.clock-in-out-data-table table tbody tr td .row_data.whole_area_clickable {
  padding: 10px 20px !important;
  text-align: center;
  width: 100%;
}
.clock-in-out-data-table table tbody tr td .row_data .whole_area_clickable {
  width: 100%;
  padding: 10px 20px !important;
}
.td_row_clock_in_out_break input.input_mannual_ctrl.manual_inline_time_control {
  text-align: center;
}
.clock-in-out-data-table table .custom-time-input-container .time-input {
  text-align: center;
  border: 1px solid transparent;
}
.clock-in-out-data-table .invoice_item_table tr td .action_col_ctrl {
  width: 100%;
}
.clock-in-out-data-table table thead tr th {
  padding: 6px 20px !important;
  text-align: center !important;
  box-sizing: border-box;
  height: 40px;
}
.clock-in-out-data-table table thead tr th .timer_col_label {
  justify-content: center;
}
.timecard_in_dashboard_ctrl table tbody tr td:last-child .whole_area_clickable,
.timecard_in_dashboard_ctrl table thead tr th:last-child .timer_col_label {
  justify-content: end;
}
.clock-in-out-data-table
  table
  tbody
  tr
  td.text_input_error
  .row_data.whole_area_clickable,
.clock-in-out-data-table
  table
  tbody
  tr
  td.text_input_error
  .row_data.whole_area_clickable:focus {
  border: 1px solid #d00;
}
.timecard_in_dashboard_ctrl table tbody tr td.td_row_clock_in_out_break {
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
}
.timecard_in_dashboard_ctrl thead tr {
  background: #f9f9f9 !important;
}
.dashboard_content_body_ctrl .timecard_data_container table tr td:first-child,
.timecard_in_dashboard_ctrl .invoice_item_table thead tr th:first-child {
  border-right: 1px solid #e2e7eb !important;
  width: 50%;
}
.dashboard_content_body_ctrl .timecard_data_container table tr td:last-child,
.timecard_in_dashboard_ctrl .invoice_item_table thead tr th:last-child {
  border-left: 1px solid #e2e7eb !important;
}
.timecard_in_dashboard_ctrl .invoice_item_table thead tr th:first-child {
  padding: 0 22px !important;
}
.btn.btn-download {
  display: inline-flex;
  min-height: 28px;
  font-size: 13px;
  color: #282828;
  padding: 0 7px;
  border-radius: 6px;
  align-items: center;
  font-weight: 500;
}
.btn-download:active {
  border: 1px solid #d2d2d2;
}
.btn.btn-download svg {
  margin-right: 6px;
}
.hs_list_cont.hide_show_weekends .hs_label_bold {
  font-weight: 500;
}
.hs_list_cont.hide_show_weekends .hs_list_switch.switch_large {
  margin-right: 8px;
  color: #3b3b3b;
}
.clock-in-out-data-table .rc_time_list_title {
  font-size: 16px;
}
.sidebar_footer .running_timer_widget {
  position: relative;
  left: 0;
  bottom: 0;
}
.sidebar_footer {
  width: 100%;
  position: static;
  bottom: 0;
  padding-bottom: 8px;
  padding-top: 0;
  background: #1a191e;
  border-radius: 0 0 0 10px;
}
.group_action_btn_ctrl .active.toggle_button:last-child {
  border-left: 1px solid #0e9aef;
}
.v-seprator {
  display: inline-flex;
  width: 1px;
  height: 22px;
  background: #e2e7eb;
  margin: 0 12px;
}
.clock-in-out-data-table table thead tr {
  background: #fdfdfd;
}
.clock-in-out-data-table.timecard_in_team_page table thead tr {
  background: #f8f8f8;
}
.toggle_button.active svg.stroke_icon * {
  stroke: #0e9aef;
}
.btn.btn-default.btn-download:hover {
  background: #f5f6f7;
  border: 1px solid #e7eaec;
}
.action_col_ctrl .delete_invoice:hover {
  background: #ff000029;
}
.footer_sec_label {
  font-size: 14px;
  color: rgb(255 255 255 / 80%);
  margin-bottom: 6px;
  display: flex;
  padding: 10px 0 6px;
  font-weight: 600;
  border-top: 1px solid #434246;
  margin-top: 16px;
}
.action_col_ctrl .delete_invoice {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 6px;
}
.clock-in-out-data-table .invoice_item_table tr td:last-child,
.clock-in-out-data-table .invoice_item_table tr th:last-child {
  width: 10%;
}
.project_internal_dropdown .search_filter_box_ctrl svg {
  top: 9px;
}
.project_internal_dropdown .rc_user_list li {
  padding: 4px 8px !important;
  min-height: 32px !important;
}
.project_client_name {
  display: inline-block;
  color: rgb(51 51 51 / 100%);
  font-size: 13px;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  min-width: auto;
}
ul.rc_user_list.scrollbox .element-loader.preview_panel {
  padding: 5px 12px;
}
.entry_status {
  position: relative;
  background: rgba(105 109 117/50%);
  width: 6px;
  height: 6px;
  display: inline-block;
  margin: 0 6px 0 0;
  min-width: 6px;
  top: -1px;
}
.tag_internal_dropdown.project_internal_dropdown .modal-dialog {
  width: 280px;
}
.project_internal_dropdown.project_dropdown_in_details_panel .modal-dialog {
  width: 360px !important;
}
.project_pills_in_preview .project_name.project-name-text {
  max-width: initial !important;
}
.project_pills_in_preview .project_name.in_preview {
  max-width: initial;
  width: auto;
  flex: none;
}
.sidebar_collapsed .clock-in-out_data {
  margin: 0;
  width: 100%;
  border-radius: 0;
}
.add_estimate_popup .edit_each_range_input_group {
  width: 100%;
  padding: 0;
}
.sidebar_collapsed .clock-in-out_data .clock_in_out_event {
  padding: 6px 4px;
}
.sidebar_collapsed .clock_in_out_event svg {
  margin-right: 0;
  display: block;
}
.sidebar_collapsed .clock-out-break-running {
  flex-direction: column;
}
.running_timer_clock {
  display: block;
  font-size: 12px;
  margin-top: 2px;
}
.sidebar_collapsed .sidebar_footer .running_timer_widget {
  width: 100%;
  border-radius: 8px;
  justify-content: center;
}
/* css to hide the text labels when sidebar collapsed  */
.sidebar_collapsed .running_timer_clock,
.sidebar_collapsed .UM-VD-text,
.sidebar_collapsed .UM-ES-text,
.sidebar_collapsed .UM-GOB-text {
    display: none !important;
}
.sidebar_collapsed .vertical-center-align-content { display:inline-flex !important; }
.sidebar_footer .h-divider {
  height: 1px;
  width: 100%;
  margin: 15px 0 15px;
  background: #ffffff1a;
}
.project_client_data {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
}
.project_client_data .project_name {
  color: #fff;
}
.add_note_textarea_ctrl {
  min-height: 92px !important;
  height: auto;
  resize: none;
  border-radius: 6px;
  padding: 8px 12px;
}
.add_time_approved_popup .modal-header {
  justify-content: start !important;
  margin: 0;
  padding: 15px 20px;
}
.add_time_approved_popup .modal-title {
  margin: 0;
}
.approval_email_checkbox .form-check-label {
  color: #020617;
  font-size: 13px;
  margin: 0 0 0 6px !important;
  padding: 0;
}
.approval_email_checkbox {
  margin-top: 12px;
  min-height: auto;
}
.approval_email_checkbox .form-check-input {
  width: 18px;
  height: 18px !important;
  margin-top: 1px;
}
button.btn.btn-default.withdrawal:hover {
  background: #e3a53a !important;
}
.btn.btn-default.withdrawal {
  background: #f6b13b !important;
  color: #fff;
  border-radius: 6px;
  border: 1px solid #f6b13b !important;
}
.time_approval_history_event_data .events_history_item {
  margin: 0 0 6px 0;
}
.time_approval_history_event_data .events_history_item:last-child {
  margin: 0 0 6px 0;
}
.time_approval_history_event_data {
  color: #6f7a82;
  font-size: 12px;
  width: 100%;
  padding: 0;
  margin: 0;
}
.go_to_back {
  display: inline-flex;
  width: 24px;
  height: 24px;
  border: 1px solid #c9cccf;
  border-radius: 6px;
  margin-right: 9px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.group_action_btn_ctrl.in_approve_popup {
  width: 100%;
}
.group_action_btn_ctrl.in_approve_popup .toggle_button {
  width: 100%;
  justify-content: center;
}
.etd_user_info a.checkbox {
  border-radius: 4px;
  color: #333;
  line-height: 1;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.view_activity:hover {
  background: #e8e8e8;
}
.view_activity {
  margin-left: auto;
  margin-right: 28px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}
.approved_week_day {
  background: #fff;
  border: 1px solid #e0e6ee;
  border-radius: 4px;
  color: #020617;
  font-size: 12px;
  line-height: 1.6;
  margin: 0 4px;
  min-height: 28px;
  padding: 2px 6px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.approved_days_wrap {
  display: flex;
  flex: 1;
  margin-top: 8px;
}
.approved_days_wrap .approved_week_day:first-child {
  margin-left: 0;
}
.approved_days_wrap .approved_week_day:last-child {
  margin-right: 0;
}
.time_approval_history_event_data .log_row:after {
  left: -26px;
  top: 11px;
  width: 8px;
  height: 8px;
  border: 1px solid #6f7173;
}
.time_approval_history_event_data .collapse_and_expand_log {
  top: 3px;
  border: 1px solid #c9cccf;
  width: 16px;
  height: 16px;
  font-size: 8px;
  margin-right: 15px;
}
.time_approval_history_event_data .th_sec_innr_ctrl:before {
  top: 18px;
  left: -23px;
  height: calc(100% - 45px);
}
.time_approval_history_event_data .th_sub_record {
  margin-top: 4px;
}
.time_approval_history_event_data .th_log_group:last-child .th_sec_innr_ctrl {
  padding: 0;
  margin: 0;
}
.time_approval_history_event_data {
  max-height: 327px;
  margin: -20px -20px;
  overflow: auto;
  width: auto;
  padding: 15px 15px;
  min-height: 144px;
}
.tag_internal_dropdown .rc_user_list li a .tick_icon {
  right: 0;
}
.btn.btn-default.reject {
  border: 1px solid #ef54594d;
  color: #ef5459;
}
.btn.btn-default.reject:hover {
  background: #ef545933;
}
button.button_disabled_transparent[disabled] {
  opacity: 0.4 !important;
  background: unset !important;
  border: unset;
}
button.reject.button_disabled_transparent[disabled] {
  border: 1px solid #ef54594d !important;
}
.project_client_name.in_project_pill {
  max-width: 180px !important;
  color: rgb(51 51 51 / 100%);
}
.add_time_approved_popup .modal-footer {
  border-radius: 0 0 10px 10px;
}
button.btn.btn-default.reject.disabled {
  color: #cacaca;
  background: #465369 !important;
  border: 1px solid transparent !important;
  cursor: not-allowed;
}
.select_all_ctrl {
  margin-left: auto;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  line-height: 1.4;
}
.approved_week_day input.checkbox_sty {
  width: 12px !important;
  height: 12px !important;
  border-radius: 100%;
  margin-right: 6px;
  border: 1px solid #cbd5e5;
  cursor: pointer;
  color: #333;
}
.time_approval_dropdown_footer {
  border-radius: 0 0 10px 10px;
}
.modal.add_time_approved_popup .modal-dialog {
  min-width: 460px !important;
  width: 460px !important;
}
.approved_days_info_txt {
  color: #7c7d7e;
  font-style: italic;
}
.selected_day_count {
  color: hsl(229deg 84% 5% / 50%);
  font-size: 12px;
  margin-left: 6px;
}
.selected_day_count {
  color: hsl(229deg 84% 5% / 50%);
  font-size: 12px;
  margin-left: 6px;
}
.selected_day_count {
  color: hsl(229deg 84% 5% / 50%);
  font-size: 12px;
  margin-left: 6px;
}
.log_date {
  font-size: 12px;
  color: rgb(51 51 51 / 70%);
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.log_user_name {
  color: #333;
  font-weight: 600;
  font-size: 12px;
}
.email_to_dropdown_ctrl li.etd_user_info.active:after {
  font-family: "Font Awesome 5 Free";
  left: auto;
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 11px;
  font-size: 12px;
  color: #0e9aef;
}
.email_to_dropdown_ctrl .username_previoustime_group {
  overflow: hidden;
}
.email_to_dropdown_ctrl li.etd_user_info {
  position: relative;
  border-radius: 0;
}
.modal_footer_pull_left {
  position: absolute;
  left: 0;
  padding: 0 0 0 2px;
}
button.btn.discard_btn {
  color: #ea3b3b;
}
button.btn.discard_btn:hover {
  background: rgb(234 59 59 / 10%);
}
.time_approval_dropdown_footer button.btn {
  border-radius: 6px;
}
.approved_days_wrap.approved_days .approved_week_day {
  cursor: default;
}
.approved_days_wrap.approved_days .approved_week_day .checkbox_sty {
  cursor: auto;
}
.approved_days_wrap.approved_days .approved_week_day .checkbox_sty:focus {
  border: 1px solid #cbd5e5;
}
.check_box_wrap input.form-check-input:after {
  font-family: "Font Awesome 5 Free";
  left: 3px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 2px;
  font-size: 6px;
  color: #fbfbfb;
  margin: auto;
}
.check_box_wrap input.form-check-input {
  background: #cbd5e5;
}
.check_box_wrap {
  position: relative;
}
.approved_week_day input.checkbox_sty:focus {
  border: 1px solid #cbd5e5;
}
.approved_week_day .form-check-input:active {
  filter: none;
}
.time_approval_history_event_data .user_log_group {
  flex: 1;
  padding-right: 16px;
}
.project_internal_dropdown .rc_username {
  flex: initial;
}
.current_time_tracker_widget_box .current_task_description .add_pt_drop_ctrl {
  width: 0;
  display: flex;
  flex: 1;
}
.current_task_row .tt_row-col .project_key_wrapper,
.current_time_tracker_widget_box .current_task_row .tt_row-col {
  width: 100%;
}
.current_time_tracker_widget_box
  .project_task_event.project_gray_chips
  .integration_icon {
  padding: 0 0;
  position: relative;
  top: 2px;
}
.current_time_tracker_widget_box
  .current_task_row
  .project_task_event.project_gray_chips {
  display: inline-block;
  text-overflow: ellipsis;
  padding: 2px 0;
}
.current_time_tracker_widget_box .current_task_row .project_client_name {
  margin-left: 10px !important;
}
.project_and_client_tooltip {
  max-width: 400px !important;
}
.es_capture_listing .rc_username {
  flex: initial;
}
.react-tooltip .project_client_data .project_client_name {
  color: #fff;
}
.unwrap_tooltip_text {
  white-space: unset;
  text-overflow: unset;
  flex-direction: row;
  display: flex;
  align-items: center;
}
.rc_select_task_dropdown .rc_username {
  flex: initial;
}
.select_all_ctrl input.form-check-input {
  margin-right: 6px;
}
.select_all_ctrl input.form-check-input {
  margin-right: 6px;
  position: relative;
  top: -1px;
}
.select_all_ctrl label.switch {
  display: inline-flex;
  align-items: center;
  margin: 0 8px 0 0;
}
.select_all_ctrl .switch.switch_active {
  margin-right: 8px;
}
.project_and_client_tooltip
  .other_projects_toltip
  .project_client_data:last-child {
  margin-bottom: 0;
}
.pt_input_select_data_flex .exit_element {
  margin-left: 6px;
}
.username_previoustime_group.email_to_field {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pt_input_select_main_container.move_to_group
  .pt_input_select_data_flex
  .etd_user_info {
  width: 0;
  flex: 1;
  line-height: 1.4;
}
.username_previoustime_group.email_to_field {
  flex: unset !important;
}
.approved_note_ctrl {
  color: #333;
  font-size: 13px;
  font-weight: 500;
  max-height: 460px;
  overflow: auto;
  display: flex;
  align-items: center;
  line-height: 1.4;
}
.time_approval_history_event_data .user_log_group b {
  display: block;
}
.timer_list_with_task_row .project_folder-name_data_container a {
  width: 0;
  flex: 1;
  max-width: unset;
}
.time_approval_history_event_data .th_sub_record .log_stamp_user b {
  word-break: break-word;
  font-size: 13px;
  color: rgb(51 51 51 / 70%);
  font-style: italic;
  font-weight: 600;
  line-height: 1.4;
  padding-top: 4px;
  white-space: normal;
}
.created_by {
  color: #142650;
  font-size: 12px;
  font-weight: 600;
  margin-right: 4px;
}
.time_approval_history_event_data .log_user_name {
  font-size: 12px;
}
.tp_days_logged {
  display: inline-flex;
  color: rgb(51 51 51 / 70%);
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  font-style: italic;
}
.collapse_and_expand_log i {
  color: #000;
  font-size: 9px;
  line-height: normal;
}
.collapse_and_expand_log.in_details i {
  position: relative;
  margin: 5px 0 0 5px;
}
.time_approval_history_event_data
  .th_log_group:last-child
  .th_sec_innr_ctrl:before {
  height: calc(100% - 28px);
}
.add_time_approved_popup .modal-header .modal-title {
  display: inline-flex;
  align-items: center;
}
.long_content_modal {
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 999;
  left: 0;
}
.project_and_client_tooltip .project_client_name {
  max-width: unset;
  white-space: normal;
}
.project_and_client_tooltip .other_projects_toltip .project_client_data {
  align-items: flex-start;
}
.clock-in-out-data-table .mt-week-header {
  border: 0;
}
.timecard_data_container {
  border-top: 1px solid #e2e7eb;
}
.task_list_with_timer .text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.modal.history_log_modal_popup .modal-dialog {
  -webkit-transition: none !important;
  transition: none !important;
  min-width: 600px !important;
  width: 600px !important;
}
.modal.history_log_modal_popup {
  transition: none;
}
.time_card_col_group:hover .detail_arrow_button {
  opacity: 1;
}
.time_card_col_group {
  display: flex;
  align-items: center;
}
.timecard_data_container table tr th:first-child {
  width: 56%;
}
.timecard_data_container table tr td .row_data.whole_area_clickable {
  text-align: left !important;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.time_card_col_group .detail_arrow_button {
  cursor: pointer;
  margin-right: 0;
}
.timecard_in_team_page.clock-in-out-data-table table tbody tr td:first-child {
  width: 56%;
}
.clock-in-out-data-table.timecard_in_team_page
  .invoice_item_table
  tr
  td:nth-child(2),
.clock-in-out-data-table.timecard_in_team_page
  .invoice_item_table
  tr
  td:nth-child(3),
.clock-in-out-data-table.timecard_in_team_page
  .invoice_item_table
  tr
  td:nth-child(4) {
  width: 140px !important;
  white-space: nowrap;
}
.timecard_in_team_page.clock-in-out-data-table table tr.label-header > td {
  padding: 6px 22px !important;
  vertical-align: middle;
  height: 38px;
}
.clock-in-out-data-table.timecard_in_team_page
  .invoice_item_table
  tr
  td:nth-child(5) {
  width: 120px !important;
}
.timecard_in_team_page.clock-in-out-data-table table tbody tr td.no-padding {
  padding: 0 !important;
}
.whole_area_clickable {
  border: 1px solid transparent;
}
.clock-in-out-data-table
  table
  tbody
  tr
  td
  .row_data
  input.whole_area_clickable:focus {
  border: 1px solid #0e9aef;
}
.clock-in-out-data-table
  table
  tbody
  tr
  td.text_input_error
  input.whole_area_clickable:focus {
  border: 1px solid #d00 !important;
}
.timecard_data_container table.invoice_item_table tr td:last-child {
  padding-right: 15px !important;
}
.timecard_data_container table tr td:last-child .row_data.whole_area_clickable {
  padding-right: 0 !important;
}
.timesheet_list_with_task_row .task-name.editable_entry {
  overflow: hidden;
}
.timesheet_list_with_task_row .detail_arrow_button {
  margin-left: 0;
}
.clock-in-out-data-table table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.share_setting_dropdown .dropdown_list_ul li:hover {
  background: #f5f5f5;
}
.clock-in-out-data-table
  table
  tbody
  tr
  td.text_input_error:nth-child(3)
  .row_data.whole_area_clickable,
.clock-in-out-data-table
  table
  tbody
  tr
  td.text_input_error:nth-child(3)
  input.whole_area_clickable:focus {
  border-left: 0 !important;
}
.delete_time_confirm_modal .modal-body {
  padding: 0 !important;
}
.delete_time_confirm_modal .modal-footer {
  border-radius: 0 0 10px 10px;
}
.toggle_button_main_wrap.tab_button_disabled {
  pointer-events: none;
  opacity: 0.6;
}
.wrong_url_wrapper.access_denied_blank_state {
  position: static;
  border: 0 !important;
  height: calc(100vh - 118px);
}
.wrong_url_wrapper.access_denied_blank_state p {
  font-size: 16px;
}
.wrong_url_wrapper.access_denied_blank_state h1 {
  font-size: 32px !important;
  margin: 0 0 12px 0;
}
.timer_row_col.col_client_badge {
  cursor: pointer;
}
.timer_row_col.col_client_badge:hover {
  background: #f1f1f194;
}
.tc_action_recorded {
  color: #333;
  font-size: 13px;
  margin-right: 4px;
}
.tc_action_log_difference {
  display: flex;
  font-size: 13px;
  line-height: 15px;
}
.th_prior_record.in_timecard_loop {
  margin-bottom: 5px;
}
.in_timecard .log_date {
  top: 1px;
}
.time_approval_history_event_data.timecard_ctrl .th_sec_innr_ctrl:before {
  height: calc(100% - 55px);
}
.time_approval_history_event_data.timecard_ctrl
  .th_log_group:last-child
  .th_sec_innr_ctrl:before {
  height: calc(100% - 35px);
}
.time_approval_history_event_data .th_sub_record.in_timecard {
  margin-top: 0;
  margin-bottom: 10px;
}
.timecard_ctrl .th_prior_record {
  margin-bottom: 6px;
}
.no_log_found_modal_wrapper {
  min-height: 287px;
  flex-direction: column;
}
.add_time_entry_popup.modal_auto_height .modal-dialog.modal-dialog-centered {
  top: auto;
  transform: translate(0, 0) !important;
  padding: 24px 0 0;
}
.width_0 {
  width: 0;
}
.project_name_wrap_ctrl {
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.tag_internal_dropdown .rc_username {
  flex: 1;
}
.private_user_lock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  margin-right: 8px;
  background: #ededed;
}
.pt_input_select_data_flex.uneditable_value .private_user_lock {
  position: absolute;
  right: 0;
}
.pt_input_select_data_flex.uneditable_value:hover {
  background: #fff;
}
.scroll_none ul.rc_user_list.scrollbox {
  height: unset;
}
.add_modify_time_entry_popup .modal-body {
  overflow: unset;
}
.task_list_with_timer.disabled .tt_row_timeline_wrap:hover .editable_entry {
  background: 0 0;
  border: 1px solid transparent;
}
.task_list_with_timer.disabled .tt_row_timeline_wrap .edit_blank_entry_name {
  background: 0 0;
}
.tab_content_flex {
  display: flex;
  width: 100%;
  margin-top: 30px;
  background: #fff;
  min-height: calc(100vh - 256px);
}
.aside_menu {
  border: 1px solid #e2e7eb;
  background: #fff;
  min-width: 267px;
  max-width: 267px;
  border-radius: 10px 0 0 10px;
  padding: 5px;
  position: relative;
  padding-bottom: 56px;
}
.aside_menu ul {
  text-decoration: none;
  list-style: none;
  margin: 0;
}
.aside_menu ul li {
  font-size: 14px;
  min-height: 30px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  color: #071a2a;
}
.aside_list_icon {
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
  min-width: 22px;
}
.aside_menu ul li.active {
  background: #edf5ff;
  color: #0e9aef;
}
.aside_menu ul li.active .aside_list_icon svg * {
  fill: #0e9aef;
}
.aside_sec_label {
  padding: 10px 15px 6px;
  font-size: 11px;
  color: rgb(7 26 42 / 70%);
  font-weight: 600;
  margin: 12px -5px 0;
}
.aside_menu ul li:hover {
  background: #e7e7ec;
}
.tab_content_flex .hs_tab_content_panel {
  padding: 0;
  border: 1px solid #e2e7eb;
  background: #fff;
  border-radius: 0 10px 10px 0;
  border-left: 0;
  margin: 0;
  background: #fff;
}
.aside_menu ul li.active:hover {
  background: #edf5ff;
}
.hs_list_title_header {
  font-size: 13px;
  color: #353535;
  font-weight: 600;
  margin-bottom: 6px;
  line-height: 1;
}
.hs_list_text_subheader {
  color: #92969a;
  font-size: 13px;
}
.hs_item_container .hs_list_row_wrap .hs_list_row_inner_wrap {
  border-bottom: 1px solid #e2e7eb;
  padding: 0 0 22px;
}
.hs_item_container .hs_list_row_wrap:last-child .hs_list_row_inner_wrap {
  border-bottom: 0;
  padding: 0;
}
.hs_tab_header {
  padding: 12px 40px;
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #e2e7eb;
  color: #000;
  display: flex;
}
.hs_tab_content_inner {
  padding: 20px 40px;
  width: 100%;
}
.tab_content_flex .hs_tab_content_panel {
  width: 100%;
}
.btn.create_role {
  font-size: 12px;
  font-weight: 600;
  width: calc(100% - 24px);
  margin: 12px 11px 0;
}
.btn.create_role i {
  font-size: 10px;
  margin-right: 8px;
}
.hs_tab_content_inner .history_setting_card:last-child {
  margin-bottom: 0;
}
.wrap_pull_right {
  margin-left: auto;
}
.hs_list_row_wrap .form-check input {
  width: 18px;
  height: 18px !important;
  box-shadow: none;
}
.hs_list_row_wrap .form-check input:checked {
  background-color: #0e9aef !important;
  border: 1px solid #0e9aef !important;
  box-shadow: none;
}
.toggle_icon_ctrl {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: rgb(174 174 175 / 40%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.toggle_icon_ctrl i {
  font-size: 13px;
}
.hs_tab_content_panel .settings_common_footer {
  width: calc(100% - 518px);
  left: 256px;
}
.history_setting_card.collapsed .hs_card_title_header {
  border-bottom: 0;
}
.team_role_manage_name {
  border: 1px solid transparent;
  font-size: 24px;
  font-weight: 600;
  padding: 0 8px;
  border-radius: 4px;
  margin: 0 0 0 -10px;
}
.team_role_manage_name:hover {
  border: 1px solid #e2e7eb;
}
.team_role_manage_name:focus {
  border: 1px solid #0e9aef;
}
.imp_info {
  font-size: 13px;
  padding: 8px;
  margin-top: 16px !important;
  margin-bottom: 0;
}
.user_role_info_id {
  position: relative;
  top: 3px;
}
.history_setting_card .compact_ui.in_settings {
  display: inline-flex;
  align-items: center;
}
.modal_popup_view .modal-content {
  overflow: hidden;
}
.add_role_modal_popup p.help-block {
  float: unset;
  margin-top: 4px;
}
.admin_rights_list {
  padding-left: 18px;
  margin-top: 13px;
}
.admin_rights_list li {
  margin: 4px 0;
}
.add_time_entry_popup.add_role_modal_popup .modal-dialog {
  width: 408px;
  max-width: 408px;
}
button.pt_input_select_data_flex {
  width: 100%;
  background: #fff;
}
.character_limit_length {
  text-align: right;
  display: block;
  margin-top: 2px;
  color: #ff2d2d;
  font-size: 13px;
}
.edit_role_is_disabled .slider_checked,
.edit_role_is_disabled .slider_checked.slider.disabled,
.edit_role_is_disabled input {
  cursor: not-allowed;
  opacity: 0.5;
}
.project_details_tab .ext_home_loader .element-loader.preview_panel {
  border: 0;
}
.rc_time_list_card_wrapper.project_details_tab {
  height: 565px;
}
.rc_time_list_card_wrapper.project_details_tab .widget_empty_state_content {
  height: 512px;
}
#user-role-description .styles-module_tooltip__mnnfp {
  font-size: 12px;
}
.current_time_tracker_widget_box
  .current_task_row
  .project_task_event.project_gray_chips
  .text-ellipsis {
  display: inline;
}
.filter_container_flex .non_billable {
  background: #efefef;
  padding: 3px 8px;
  min-height: 36px;
  border-radius: 4px;
  border: 1px solid #e2e7eb;
}
.filter_container_flex .refresh_page_data {
  background: #fff;
  padding: 3px 8px;
  border: 1px solid #e2e7eb;
  border-radius: 4px;
  min-height: 36px;
}
.ml-14 {
  margin-left: 14px !important;
}
.multiple_tag_list .member_time_info {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.has_no_scroll
  .project_task_list
  #project_list_scrollbar
  div[data-test-id="virtuoso-item-list"] {
  padding-right: 12px;
}
.modify_time_entry_popup .user_edit_time_list_row {
  cursor: default;
}
.edit_time_text_value {
  cursor: text;
}
.set_user_role_dropdown .dropdown-menu {
  padding: 5px !important;
  width: 220px;
}
.rc_content_body_wrap.sidebar_collapsed .in_out_info_text {
  display: none;
}
.rc_content_body_wrap.sidebar_collapsed .in_out_value_text,
.rc_content_body_wrap.sidebar_collapsed .in_out_value_text svg {
  margin: 0;
}
.export_details_btn.three_dot_comp {
  background: #fff;
}
.user_applied_currency {
  background: #fff;
  padding: 3px 8px;
  min-height: 36px;
  border-radius: 4px;
  border: 1px solid #e2e7eb;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  color: #1c222d;
}
.disabled_three_dots {
  min-width: 41px;
  margin-right: 14px;
}
.user_applied_currency {
  padding: 1px 6px;
  min-height: 36px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  color: #1c222d;
  font-size: 16px;
  border: 1px solid #e2e7eb;
  background: #efefef;
}
.clock-in-out-data-table .invoice_item_table tr th {
  border-right: 0 !important;
}
.add_time_entry_popup .add_url_footer_ctrl.modal-footer {
  border-radius: 0 0 10px 10px;
}
.member_role_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 120px;
}
.selected_compact_pill {
  background: #efefef;
  border-radius: 4px;
  padding: 2px 6px;
  border: 1px solid #bbbbbb85;
  display: inline-flex;
  align-items: center;
  line-height: 1.3;
  min-height: 24px;
}
.selected_compact_pill .exit_element {
  margin: 0;
  display: inline-flex;
  align-items: center;
  position: relative;
  top: 1px;
}
.comment_collapse_expand {
  display: inline-flex;
  width: 18px;
  height: 18px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin-left: auto;
}
.comment_collapse_expand:hover {
  background: #f5f6f7;
}
.comment_collapse_expand i {
  margin: 0;
  padding: 0;
}
.add_time_entry_popup .form-group .help-block {
  float: unset;
}
.timeline_row_block .customer_name {
  padding: 0;
}
.table.timeline_table_ctrl {
  margin: 0;
}
.invoice_payment_status {
  padding: 2px 6px !important;
  border-radius: 4px;
  font-size: var(--text-caption-size);
  line-height: var(--text-caption-line);
  font-weight: var(--font-weight-semibold);
  display: inline-flex;
  align-items: center;
  margin: 0 4px;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.view_loader_container.dropdown_loader_ctrl {
  height: auto;
  position: relative;
  min-height: 110px;
}
.dropdown_loader_ctrl .element-loader.full-loader.list_view {
  position: static !important;
}
.settings_common_footer.user_profile_footer_ctrl {
  width: calc(100% - 251px);
  left: -12px !important;
}
.editable_user_avatar {
  background: 0 0;
  border: 0;
  padding: 0;
  margin: 0;
}
.change_password_modal_footer .btn-success.change_password {
  min-height: 34px;
}
.sidebar_collapsed .in_out_running_timer svg {
  margin: 0;
}
.profile_img_erro {
  left: 16px;
  color: #d00;
  padding: 0;
  margin: 0 12px 0 0;
  position: absolute;
}
.time_col_value_multiple .multiple_project_section {
  cursor: pointer;
}
.reports_details_component .timer_list_with_task_row .timer_row_col {
  cursor: default !important;
}
.working_on_body .widget_empty_state_content .empty_state_message {
  margin: 0 0 5px 0;
}
.team_members_status_card_inner.working_on_body {
  padding: 15px;
}
.working_on_body .widget_empty_container {
  width: 100%;
}
.working_on_body .widget_empty_state_content {
  padding: 17px 0;
}
.working_on_card_ctrl .mc_tree_menu_sec_ctrl {
  padding: 10px 10px 0;
}
.edit_each_range_input_group.custom_datepicker input.non_editable {
  cursor: pointer;
}
.invoice_payment_status.type_draft {
  background: #efeff0;
}
.invoice_payment_status.type_canceled {
  background: #fcdddd !important;
  color: #ef4545;
}
.active_inactive_indicator {
  font-size: 12px;
  color: hsl(0deg 0% 20% / 60%);
  font-weight: 600;
  padding-left: 6px;
}
.filter_pills_co {
  display: flex;
  align-items: center;
}
.filter_pills_container {
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.filter_pill {
  padding: 2px 6px;
  border-radius: 6px;
  border: 1px solid #e5e8eb;
  margin-right: 5px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  opacity: 0.8;
}
.filter_pill.active {
  background: #f5f5f5;
  border: 1px solid #d3d9df;
  opacity: 1;
}
.filter_pill:hover {
  background: #f5f5f5;
  border: 1px solid #d3d9df;
  opacity: 1;
}
.exit_filter {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 4px;
  opacity: 0.6;
}
.exit_filter:hover {
  opacity: 1;
}
.popdown_header_ctrl {
  padding: 0 0 8px;
  border-bottom: 1px solid #d5d5d6;
}
.popdown_header_ctrl .mcd_search_box {
  border-bottom: 0;
}
.tp_filter_dropdown_list_ctrl.memmber_filter_dropdown {
  min-width: 260px;
}
.cursor-pointer.click_disabled {
  cursor: default !important;
}
.click_disabled {
  cursor: default !important;
}
.timecard_tooltip {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.timecard_tooltip .timecard-row {
  display: table-row;
}
.timecard_tooltip .timecard-cell {
  display: table-cell;
  padding: 4px 10px;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.timecard_tooltip .timecard-cell:first-child {
  padding-left: 0;
}
.timecard_tooltip .timecard-cell:last-child {
  padding-right: 0;
  text-align: right;
  min-width: 80px;
}
.timecard_table_header .timecard-cell {
  font-weight: 600;
  font-size: 1em;
}
.email_to_dropdown_ctrl .username_previoustime_group {
  text-overflow: ellipsis;
  display: inline-block;
  padding-right: 18px;
}
.clip_static_dock {
  position: fixed;
  bottom: 56px;
  left: 16px;
  display: flex;
  z-index: 9999999;
}
.clip_static_dock_inner {
  width: calc(360 / 16 * 1rem);
  align-items: center;
  background: #fff;
  border: 1px solid #cacfd3;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 6px #00000033;
  overflow: hidden;
}
.clip_footer_ctrl button.btn-default:hover {
  background: #f5f6f7 !important;
}
.clip_footer_ctrl button.btn {
  padding: 4px 8px;
  font-size: 13px !important;
  font-weight: 500;
  border-radius: 4px;
}
.clip-modal-header {
  justify-content: start;
  text-align: left;
  padding: 12px 15px;
  width: 100%;
}
h4.clip-modal-title {
  color: var(--text-primary);
  font-size: var(--text-h4-size);
  line-height: var(--text-h4-line);
  font-weight: var(--text-h4-weight);
  margin: initial;
  text-align: left !important;
}
.clip-modal-header button.close {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  right: 27px;
  top: 27px;
  height: 22px;
  width: 22px;
  font-size: 24px;
}
.clip_footer_ctrl {
  padding: 8px 15px !important;
}
.clip_frame_ctrl {
  width: 100%;
  height: 200px;
  display: flex;
}
.clip_footer_ctrl {
  width: 100%;
  display: flex;
}
.clip_footer_ctrl {
  justify-content: space-between;
  border-top: 1px solid #e2e7eb;
}
.qv_timer_ctrl.qv_running_timer_ctrl {
  margin-right: 18px;
}
.btn-group.dvr_ctrl.top_header {
  margin-right: 0 !important;
}
.qv_timer_ctrl.qv_running_timer_ctrl .qv_time_text {
  color: #333;
}
.qv_timer_ctrl.qv_running_timer_ctrl .qv_pause_button i {
  color: #333;
}
.new_tab_wrapper {
  justify-content: center;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: column;
}
.new_tab_wrapper .video_in_new_tab {
  border: 1px solid #d9d9d9;
  height: 549px !important;
  width: 1300px !important;
  background: #e7e7e7;
  border-radius: 16px;
}
.new_tab_video_info {
  width: 100%;
  max-width: 1300px;
  display: flex;
  padding: 10px 0;
}
.new_tab_video_action_btns {
  margin-left: auto;
}
.ntv_btn {
  cursor: pointer;
}
.new_tab_video_title {
  color: #1d1c1d;
  float: left;
  font-size: 18px;
  line-height: normal;
  max-width: 1300px;
  text-align: left;
  width: 1300px;
  font-weight: 600;
  margin-top: 30px;
}
.created_time {
  margin-top: 0;
  margin-left: 12px;
  font-size: 13px;
  font-weight: 600;
  color: rgb(0 0 0 / 50%);
}
.created_time .data {
  white-space: nowrap;
}
.filter_by_day {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
}
.date_light {
  color: rgb(38 38 38 / 70%);
  font-weight: 600;
  margin-left: 2px;
}
.user_circle_ctrl.img_circle_ctrl {
  display: block;
}
.timecard_in_dashboard_ctrl table thead tr {
  background: #fff;
}
.timecard_card_ctrl .timecard_data_container {
  border-top: 0;
}
.timecard_in_dashboard_ctrl .user_widget_initial {
  align-items: center;
}
.dashboard_content_body_ctrl .timecard_data_container table {
  display: block;
  max-height: 305px;
  overflow-y: auto;
}
.dashboard_content_body_ctrl .timecard_data_container table thead {
  position: sticky;
  top: 0;
  z-index: 99;
}
.dashboard_content_body_ctrl .timecard_data_container table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.dashboard_content_body_ctrl
  .timecard_data_container.clock-in-out-data-table
  table
  thead
  tr
  th {
  padding: 15px 20px 15px 20px !important;
}
.dashboard_content_body_ctrl
  .timecard_data_container.clock-in-out-data-table.timecard_in_dashboard_ctrl
  thead
  tr
  th {
  padding: 9px 20px !important;
}
.timecard_in_team_page tr.label-header.expanded {
  background: #ebebeb;
}
.clockIn_max_data_in_tooltip,
.clockIn_min_data_in_tooltip {
  display: inline-flex;
  align-items: center;
}
.clockIn_min_data_in_tooltip {
  text-align: left;
  padding: 0 8px 0 0;
}
.clockIn_max_data_in_tooltip {
  text-align: right;
  padding: 0 0 0 8px;
}
.clockIn_max_data_in_tooltip p,
.clockIn_min_data_in_tooltip p {
  margin: 0;
  line-height: 21px;
}
.clockIn_max_data_in_tooltip p span,
.clockIn_min_data_in_tooltip p span {
  color: rgba(255, 255, 255, 0.7);
}
.video_controls_section_row {
  display: flex;
  flex-direction: unset;
}
.progress-container {
  align-items: center;
  display: flex;
  flex: 1 1;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
}
.video_controls_section_div_inner_section {
  background: #fff;
  display: inline-flex;
  width: 1200px;
  border-radius: 9px;
}
.volume_mute_and_bar_section {
  display: inline-flex;
  width: 100px;
  align-items: center;
}
.clip_static_dock .volume_mute_and_bar_section {
  position: relative;
}
.volume_mute_and_bar_section input.volum-range {
  width: 100% !important;
}
.video_action_popdown {
  position: absolute;
  top: auto;
  bottom: 100%;
  background: #fff;
  border: 1px solid #d5d5d6 !important;
  border-radius: 6px;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 7px;
  width: 120px;
  right: auto;
  left: 50%;
  margin: 0 0 4px 0;
  transform: translate(-50%, 0);
  opacity: 0;
}
.volume_mute_and_bar_section:hover .video_action_popdown {
  opacity: 1;
}
.progress-container .range_input_progressbar_section {
  width: 100%;
}
.video_controls_section_row {
  padding: 14px 20px !important;
}
.play-pause i {
  display: inline-block;
  margin-right: 7px;
}
.video_player_container {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.play-pause svg {
  margin-right: 8px;
  cursor: pointer;
}
.play-pause {
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  color: #fff;
}
.volume_mute_and_bar_section svg {
  cursor: pointer;
}
.qv_running_timer_ctrl .qv_stop__timer_widget {
  min-width: 104px;
}
.progress-container input.seek-range {
  height: 8px;
}
.video_controls_section_row input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  height: 6px !important;
  background: #ddd;
  border-radius: 5px;
}
.video_controls_section_row input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  background: #0e9aef;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #fff;
}
.video_controls_section_row input[type="range"]::-moz-range-thumb {
  height: 8px;
  width: 8px;
  background: #0e9aef;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #fff !important;
}
.uploaded_file_name .btn_paste_url.save_pasted_link {
  background: #0e9aef;
  color: #fff;
  padding: 0 8px;
  width: auto;
}
.uploaded_file_name .btn_paste_url.save_pasted_link:hover {
  background: #1a7bb9 !important;
}
.video_controls_section_row .progress-container input[type="range"] {
  height: 4px !important;
}
.video_controls_section_row .progress-container input[type="range"] {
  height: 4px !important;
}
.play_pause_controller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  cursor: pointer;
  border-radius: 100%;
}
.video_preview_wrap_center {
  width: 80%;
  margin: auto;
  padding: 40px;
  height: 100%;
}
.video_quick_actions_container button {
  margin: 0 0 0 10px;
}
.video_quick_actions_container button svg {
  margin-right: 8px;
}
.video_title_text {
  font-size: 24px;
  font-weight: 600;
  color: #2a3035;
}
.video_title_container {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  margin-bottom: 8px;
}
.video_info_container {
  display: flex;
  align-items: center;
}
.small_gray_circle {
  display: inline-flex;
  width: 5px;
  height: 5px;
  background: rgb(42 48 53 / 40%);
  border-radius: 100%;
  margin-right: 8px;
}
.video_preview_header {
  margin-bottom: 40px;
}
.video_player_container {
  background: #e7e7e745;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  width: 100%;
}
.video_player_container .video_in_new_tab {
  background: #000;
  border: 1px solid #000;
  border-radius: 16px;
  height: 667px !important;
  width: 100% !important;
}
.video_player_container video {
  height: 100% !important;
  display: block;
}
.play_pause_controller:hover svg g > path:first-child {
  opacity: 0.3;
  transition: 0.2s ease-out;
}
.video_player_container .video_iframe_ctrl {
  width: 100% !important;
  height: 100% !important;
  background: #000;
}
.video_mode_full_page.clip_frame_ctrl {
  height: 100%;
}
.go_to_Videohub {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #1a191e;
  font-weight: 600;
  opacity: 0.6;
  cursor: pointer;
}
.go_to_Videohub:hover {
  opacity: 1;
}
.go_to_Videohub svg {
  margin-right: 8px;
}
.video_player_container {
  height: calc(100% - 132px);
}
.tt_content_panel_right .video_preview_wrap_center {
  width: 100%;
  background: #fff;
  padding: 40px 120px;
}
.clip_static_dock .video_player_container {
  border: 0;
  border-radius: 0;
}
.video_preview_wrap_center.full_view .video_player_container {
  height: calc(100% - 180px);
}
.video_creator_container {
  display: flex;
  align-items: center;
  color: #282828;
  line-height: 1.4;
}
.video_created_by_value {
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 200px;
}
.video-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 20px;
  border: 1px solid #edeef2;
  padding: 20px;
  border-radius: 0 0 9px 9px;
  position: relative;
}
.my_video_data_main_card {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #edeef2;
  background: #fff;
}
.video-thumbnail {
  background-color: #fff;
  border-radius: 12px;
  position: relative;
  border: 1px solid #e2e7eb;
  cursor: pointer;
  transition: transform 0.3s ease;
  min-height: 222px;
}
.my_video_data_main_card .video-gallery {
  border-radius: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.thumbnail-image {
  position: relative;
  max-height: 150px;
  min-height: 150px;
  border-bottom: 1px solid #e2e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.thumbnail-image img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px 8px 0 0;
}
.thumbnail-image:after {
  content: "";
  background: rgb(0 0 0 / 20%);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 9px 9px 0 0;
  opacity: 0;
}
.video-thumbnail:hover .thumbnail-image:after {
  opacity: 1;
}
.play-button {
  border-radius: 50%;
  font-size: 16px;
  height: 38px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: 0.3s ease;
  width: 38px;
  z-index: 1;
  cursor: pointer;
}
.video-thumbnail:hover .play-button {
  opacity: 1;
}
.thumbnail-info {
  padding: 15px;
}
.thumbnail-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: rgb(28 34 45 / 70%);
  font-weight: 600;
}
.thumbnail-info .thumbnail_title {
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #1c222d;
  padding: 5px 0;
  min-height: 26px;
  max-height: 26px;
}
.update_video_name_input {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 14px;
  color: #1c222d;
  min-height: 21px;
  padding: 2px 0;
  font-weight: 600;
}
.has_border {
  border: 1px solid #e2e7eb;
}
.thum_view_by_wrap {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #e2e7eb;
  padding: 3px 3px;
  background: #fbf9f9;
  margin-left: 10px;
}
.thum_view_tab {
  display: inline-flex;
  align-items: center;
  width: 26px;
  height: 28px;
  min-width: 28px;
  border-radius: 6px;
  justify-content: center;
  background: #fbf9f9;
  cursor: pointer;
}
.thum_view_tab.active {
  background: #fff;
  border: 1px solid #00000021;
}
.thum_view_tab.active svg.fill_icon * {
  fill: #0e9aef;
}
.thum_view_tab.active svg.stroke_icon * {
  stroke: #0e9aef;
}
.group_by_click_event.has_border {
  min-height: 36px;
  margin-left: 10px;
}
.video-gallery_main_container {
  padding: 40px 40px 20px;
  background: #fff;
  overflow: auto;
  height: 100%;
}
.videos_content_area_ctrl {
  margin-top: 20px;
}
.thumbnail_quick_actions_three_dot {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  z-index: 999999;
  border-radius: 4px;
  right: 10px;
  top: 10px;
  opacity: 0;
}
.video-thumbnail:hover .thumbnail_quick_actions_three_dot {
  opacity: 1;
}
.thumbnail_action_dropdown_ctr {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 99;
}
.thumbnail-image-inner {
  overflow: hidden;
  height: 150px;
  border-radius: 9px 9px 0 0;
  width: 100%;
  background: #000;
}
.thumbnail_quick_actions_three_dot.show {
  opacity: 1;
}
.videos-group-by-header {
  display: flex;
  padding: 12px 20px;
  border: 1px solid #edeef2;
  border-radius: 9px 9px 0 0;
  border-bottom: 0;
}
.group_by_user_name {
  font-size: 18px;
  font-weight: 600;
  color: #282828;
  line-height: 1.3;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.videos-group-by-header .user_circle_ctrl {
  width: 28px;
  height: 28px;
}
.video-gallery-group-date {
  margin-bottom: 20px;
}
.video-empty_state_card {
  border: 1px solid #edeef2;
  border-radius: 9px;
  min-height: 613px;
  display: flex;
  align-items: center;
  justify-content: center;
}
input.video_title_text {
  border: 0;
  padding: 0;
}
.video-gallery.my_video_card {
  border-radius: 9px;
  border-top: 0;
  border-bottom: 0;
}
.videos_skeleton_ctrl {
  position: relative;
  min-height: 594px;
  border-radius: 9px;
  padding: 0;
  overflow: hidden;
}
.video-thumbnail:hover {
  box-shadow: 0 0 6px #00000029;
}
.video_name_updating {
  display: flex;
}
input.update_video_name_input {
  width: 100%;
  border: 0;
  padding: 0;
  font-size: 14px;
  color: #1c222d;
  font-weight: 600;
  margin-bottom: 0;
}
.thumbnail-info input.update_video_name_input {
  border: 1px solid #0e9aef;
  padding: 2px 6px;
  min-height: 26px;
  max-height: 26px;
  width: auto;
  flex: 1;
}
.videos-group-by-header.collapsed {
  border: 1px solid #edeef2;
  border-radius: 9px;
}
.videos-group-by-header .toggle_switch_box {
  margin-left: -6px;
}
.auto-grow-input input {
  font-size: 24px;
  max-width: calc(100% - 50px);
}
input.input_has_error {
  color: #f15866 !important;
}
.content_col_flex.flex-1 {
  flex: 1;
}
.title_header_table_ctrl.in_video_card {
  border-bottom: 1px solid #edeef2;
}
.vc_icon_box {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 6px;
  position: relative;
}
.vc_icon_box:hover {
  background: rgb(255 255 255 / 30%);
}
.video_player_container.full_screen .video_in_new_tab {
  height: 100% !important;
}
.clip_static_dock .clip_frame_ctrl {
  position: relative;
}
.clip_static_dock .video_iframe_ctrl {
  width: 100% !important;
  height: 100% !important;
  background: #000;
}
.clip_static_dock .video_iframe_ctrl video {
  height: 100% !important;
  display: block;
}
.clip_static_dock .play_pause_controller,
.clip_static_dock .play_pause_controller svg {
  width: 40px;
  height: 40px;
  top: -52px;
}
.clip_static_dock .clip-modal-header {
  border-bottom: 1px solid #e2e7eb;
}
.clip_frame_ctrl:hover .play_pause_controller.pause_video {
  opacity: 1;
}
.play_pause_controller.pause_video {
  opacity: 0;
}
.play-pause svg:hover g > path:first-child {
  opacity: 0.3;
}
.has_border {
  border: 1px solid #edeef2;
}
.video_preview_wrap_center.full_view {
  float: left;
  width: 100%;
  padding: 40px 200px;
  height: 100%;
}
.video_uploading_in-process {
  height: 194px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.video_uploading_in-process h1 {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin: 0;
}
.progress_info {
  display: flex;
  align-items: center;
  margin: 8px 0 0;
}
.uploading_percentage {
  font-size: 14px;
  color: #282828;
  font-weight: 700;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 2px;
  bottom: 0;
  left: 0;
  right: 0;
}
.progress_percentage_circle {
  position: relative;
  height: 60px;
}
.sidepanel-content .video_uploading_in-process {
  height: 100%;
}
.videos_group_by_list_view table tr.label-header > td {
  padding: 16px 22px !important;
  color: #262626;
}
.videos-group-by-header,
.videos_group_by_list_view table .label-header.expanded > td {
  background: #ebebeb;
}
.videos-group-by-header.collapsed {
  background: #fff;
}
.video_icon_ctrl {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
}
.videos_content_area_ctrl .col_group_name .user_group_data {
  padding: 6px 11px;
  min-height: 31px;
}
.videos_group_by_list_view table thead tr th {
  padding: 15px 20px !important;
  text-align: center !important;
}
.videos_group_by_list_view table tbody td.no-padding {
  padding: 0 !important;
  padding-right: 0 !important;
}
.videos_group_by_list_view table tbody tr .media_name_col {
  padding: 0 22px !important;
}
.videos_group_by_list_view table tbody tr td:first-child,
.videos_group_by_list_view table tbody tr th:first-child {
  width: 79%;
  text-align: left !important;
}
.videos_group_by_list_view table tbody tr td:nth-child(2),
.videos_group_by_list_view table tbody tr th:nth-child(2) {
  width: 16%;
}
.videos_group_by_list_view table tbody tr td {
  padding: 0 20px !important;
  vertical-align: middle;
}
.videos_group_by_list_view table tbody tr td,
.videos_group_by_list_view table tbody tr th {
  border-right: 0 !important;
  border-left: 0;
  color: #282828;
}
.my_video_list_view_active tbody tr:first-child td {
  border: 0;
}
.videos_group_by_list_view.my_video_list_view_active
  table
  tbody
  tr
  td:first-child,
.videos_group_by_list_view.my_video_list_view_active
  table
  tbody
  tr
  th:first-child {
  width: 62%;
  text-align: left !important;
}
.videos_group_by_list_view.my_video_list_view_active
  table
  tbody
  tr
  td:nth-child(2),
.videos_group_by_list_view.my_video_list_view_active
  table
  tbody
  tr
  th:nth-child(2) {
  width: 16%;
}
.videos_group_by_list_view.my_video_list_view_active
  table
  tbody
  tr
  td:nth-child(3),
.videos_group_by_list_view.my_video_list_view_active
  table
  tbody
  tr
  th:nth-child(3) {
  width: 16%;
}
.update_video_name_input.in_list_view {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #0e9aef;
  padding: 0 10px !important;
}
.row_data.created_at {
  overflow: hidden;
  width: 200px;
  white-space: normal;
  text-overflow: ellipsis;
}
.my_video_list_view_active input.update_video_name_input {
  margin: 0;
  font-weight: 500;
}
.col_group_name.editable_mode {
  color: #282828;
  cursor: default;
}
.col_group_name .user_group_data {
  line-height: 1.4;
}
.video-gallery-group-date-data-container .video-gallery-group-date {
  margin: 0;
}
.video-gallery-group-date-data-container .videos-group-by-header {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #edeef2;
  cursor: pointer;
}
.video-gallery-group-date-data-container .video-gallery {
  border-radius: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 0;
}
.video-gallery-group-date-data-container {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #edeef2;
}
.title_header_group_by {
  display: flex;
  padding: 12px 20px;
  border-bottom: 1px solid #edeef2;
  border-radius: 9px 9px 0 0;
  align-items: center;
}
.video-gallery-group-date-data-container .title_header_group_by:last-child {
  border-bottom: 0;
}
.title_header_group_by .collapse_expand_all {
  margin-left: -5px;
}
.video-gallery-group-date-data-container
  .video-gallery-group-date:last-child
  .videos-group-by-header.collapsed {
  border-bottom: 0;
}
.video-gallery-group-date-data-container
  .video-gallery-group-date:last-child
  .video-gallery {
  border-bottom: 0;
}
.video_area_loading {
  height: 300px !important;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 44px 0 0 0 !important;
}
.video_preview_loader .preview_panel .animated-background.facebook {
  height: 22px;
}
.video_preview_grid_container {
  display: flex;
  height: 100%;
  width: 100%;
}
.sidepanel {
  width: 600px;
  background-color: #fff;
  border-left: 1px solid #e7eaec;
  padding-top: 0;
  display: flex;
  flex-direction: column;
}
.sidepanel-header {
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e7eaec;
}
.sidepanel-header h3 {
  margin: 0;
  color: #1c222d;
  font-size: 18px;
  font-weight: 600;
}
.sidepanel-icons {
  display: flex;
  gap: 10px;
}
.sidepanel-icons button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #e7eaec;
}
.sidepanel-icons button:hover {
  background-color: #efefef;
}
.sidepanel-content {
  padding: 10px 10px;
  flex-grow: 1;
  overflow-y: auto;
}
.created-time {
  font-size: 13px;
  color: rgb(28 34 45 / 70%);
  margin-bottom: 0;
  margin-right: 10px;
  white-space: nowrap;
}
.transcript-entry {
  margin-bottom: 8px;
  font-size: 13px;
  color: #1c222d;
  font-weight: 600;
  display: flex;
  border: 1px solid transparent;
  padding: 8px;
  cursor: pointer;
  border-radius: 6px;
}
.transcript-entry.active {
  border: 1px solid #1992df;
  background: rgb(25 146 223 / 10%);
}
.transcript-entry .created-time {
  color: #1992df;
}
.transcript-entry.active:hover {
  border: 1px solid #1992df;
  background: rgb(25 146 223 / 10%);
}
.transcript-entry:hover {
  border: 1px solid #e7eaec;
  background: #e7eaec3b;
}
.copy_ts_entry {
  position: relative;
  top: 4px;
  padding: 0 0 0 8px;
  opacity: 0;
}
.transcript-entry.active:hover .copy_ts_entry,
.transcript-entry:hover .copy_ts_entry {
  opacity: 0.8;
}
.copy_ts_entry:hover {
  opacity: 1 !important;
}
.btn:first-child:active {
  border: 1px solid #e2e7eb;
}
.transcript_empty_state .progress_info {
  flex-direction: column;
}
.transcript_empty_state h1 {
  font-size: 15px;
  font-weight: 600;
}
.transcript_empty_state p {
  margin: 5px 0 0 0;
  font-size: 13px;
}
.shot-sidebar {
  position: absolute;
  right: 12px;
  width: 60px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.shot-sidebar-toolbar button {
  width: 36px;
  height: 36px;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  margin: 5px 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shot-sidebar-toolbar {
  display: flex;
  flex-direction: column;
}
.shot-sidebar-toolbar button:hover {
  border: 1px solid #e2e7eb;
  background: #f5f6f7;
}
.video_limit {
  text-align: center;
  margin-top: 8px;
  font-size: 13px;
  color: #333;
  opacity: 0.6;
}
.auto-grow-data-container {
  display: inline-flex;
  align-items: center;
  width: 0;
  flex: 1;
  padding-right: 60px;
}
.auto_grow_elements {
  max-width: 72%;
  flex: unset;
  padding: 0;
  width: auto;
}
.auto-grow-data-container {
  margin: 0 0 8px -8px;
}
.auto-grow-data-container .auto-grow-input input {
  font-size: 24px;
  border: 1px solid transparent;
  padding: 5px 8px;
  height: auto;
  line-height: 1;
  border-radius: 6px;
  margin: 0;
}
.auto-grow-data-container .title_bold,
.auto-grow-data-container .video_title_text {
  border: 1px solid transparent;
  padding: 3px 8px;
  margin: 0;
  border-radius: 6px;
  height: 40px;
  line-height: normal;
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auto-grow-data-container .auto-grow-span {
  font-size: 24px;
  min-width: 20px;
  padding: 5px 8px;
  border: 1px solid transparent;
}
.auto-grow-data-container .auto-grow-input {
  height: 40px;
}
.auto-grow-data-container .title_bold:hover,
.auto-grow-data-container .video_title_text:hover {
  border: 1px solid #d2d2d2;
}
.auto-grow-data-container.uneditable_value .title_bold:hover {
  border: 1px solid transparent;
}
.auto-grow-data-container .auto-grow-input input:focus {
  border: 1px solid #0e9aef;
}
.auto-grow-data-container .inputContentSpan {
  font-size: 24px;
}
.auto-grow-data-container .auto-grow-input input.input_has_error {
  border: 1px solid #f15866;
  color: #262626 !important;
}
#title_heading_id {
  max-width: 100%;
}
.save_btn {
  background: #0e9aef;
  color: #fff;
}
.save_btn:hover {
  background: #0e9aef;
  color: #fff;
}
.sod-eod-header-ctrl .auto-grow-data-container {
  max-width: 80%;
  flex: unset;
  padding: 0;
  width: auto;
}
.dropdown-menu.create_and_upload_video_dropdown {
  min-width: 150px !important;
}
.create_new_report_colored_btn .icon_up_down i {
  margin-right: 0;
}
.comment_last_chat iframe.sharing_timebox_video_frame {
  width: 100%;
  height: 215px;
}
.video_shearing_time_box_main_container .video_title_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  flex: 1;
}
.attached_video_action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0 0 0 6px;
  cursor: pointer;
  border: 1px solid #d8dde1;
  border-radius: 4px;
  background: #eee;
  cursor: pointer;
  position: relative;
}
.attached_video_action:hover {
  background: #fff;
}
.video_shearing_time_box_main_container video {
  display: block;
}
.video_shearing_time_box_main_container .play_pause_controller svg {
  width: 48px;
  height: 48px;
}
.video_shearing_time_box_main_container .play_pause_controller {
  height: calc(100% - 42px);
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: auto;
}
iframe.sharing_timebox_video_frame {
  width: 100%;
  height: 200px;
}
.video_shearing_time_box_main_container {
  background: #e5e7e9;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 8px;
}
.comment_last_chat .comment_html_display {
  width: 100%;
}
.sticky_comment_box .comment_last_chat .comment_html_display {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.video_shearing_time_box_main_container .video_player_container {
  height: 100%;
  margin-bottom: 8px;
}
.video_shearing_time_box_main_container .video_controls_section_row {
  padding: 8px 12px !important;
}
.video_shearing_time_box_main_container .play-pause svg {
  width: 24px;
  height: 24px;
}
.video_shearing_time_box_main_container .video_title_container {
  min-height: 24px;
}
.video_shearing_time_box_main_container .video_quick_actions_container {
  display: none !important;
  padding-left: 16px;
}
.video_shearing_time_box_main_container:hover .video_quick_actions_container {
  display: flex !important;
}
.video_shearing_time_box_main_container .seek-backward-forward {
  margin-left: 8px !important;
}
.video_shearing_time_box_main_container .seek-backward-forward .vc_icon_box {
  margin: 0;
}
.video_shearing_time_box_main_container
  .seek-backward-forward
  .vc_icon_box
  svg {
  width: 18px;
  height: 18px;
}
.margin-bottom-auto {
  margin-bottom: 0;
}
.time_off_type_actions {
  display: flex;
  align-items: center;
  margin-left: auto;
  opacity: 0;
  transition: 0.2s ease;
  display: none;
}
.time_off_action_btn {
  width: 24px;
  height: 24px;
  margin: 0 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.selected_color_circle {
  width: 12px;
  height: 12px;
  display: inline-flex;
  border-radius: 100%;
}
.time_off_type_border_color {
  display: inline-flex;
  width: 6px;
  height: 100%;
  border-radius: 6px 0 0 6px;
  position: absolute;
  left: 0;
  background: #f5f5f5;
}
.time_off_type_lists li {
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  position: relative;
  font-size: 14px;
  color: #202529;
  margin-bottom: 8px;
  white-space: nowrap;
  padding: 4px 12px 4px 16px !important;
}
.type-off_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.rc_user_list.scrollbox.time_off_type_lists {
  padding: 12px;
  height: auto;
  max-height: 220px;
}
.rc_user_list scrollbox.time_off_type_lists.overflow_unset {
  overflow: unset;
}
.popdown_header {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #e0e1e4;
}
.popup_quick_actions_right {
  margin-left: auto;
}
.popdown_header_title {
  margin: 0;
  font-weight: 600;
  font-size: 13px;
  color: #202529;
}
.create_type_off_btn {
  background: #fff;
  border: 0;
  padding: 0;
  color: #3b82f6;
  font-size: 13px;
  padding: 4px 6px;
  border-radius: 5px;
  line-height: normal;
}
.create_type_off_btn:hover {
  background: #efefef;
}
.time_off_type_lists li:last-child {
  margin-bottom: 0;
}
.time_off_action_btn:hover {
  background: #e7e7e7;
}
.time_off_type_lists li:hover .time_off_type_actions {
  opacity: 1;
  display: block;
}
.time_off_note {
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  width: 100%;
  height: 80px;
  padding: 12px;
  resize: none;
  display: block;
}
.time_off_type_selected {
  padding-left: 16px;
}
.hd_custom_checkbox input.form-check-input.in_dropdown {
  width: 14px !important;
  height: 14px !important;
}
.hd_custom_checkbox .label_text {
  color: #282c34;
  font-size: 13px;
}
.time_off_action_btn.show {
  background: #f5f5f5;
}
.time_off_type_lists .time_off_type_actions.active {
  opacity: 1;
  display: block;
}
.delete_time_confirm_modal strong {
  font-weight: 700;
}
.color-dropdown {
  position: relative;
  display: inline-block;
}
.color_options_inner {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.dropdown-content {
  min-width: 156px;
  margin-top: 3px;
  max-width: 156px;
}
.color-option {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  transition: transform 0.3s ease;
  margin: 3px;
  position: relative;
}
.color-option:hover {
  transform: scale(1.1);
}
.color-option.active:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #fff;
  font-size: 9px;
  position: absolute;
  content: "\f00c";
  text-align: center;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 1px;
  right: 0;
  margin: auto;
  height: 10px;
}
.color-option.active {
  transform: scale(1.1);
}
.time_off_type_lists li .custom_time_off_input {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: 0 0;
  font-weight: 400;
  color: #202529;
  font-size: 14px;
  padding: 0;
}
li.creating_new_time_off {
  background: #fff !important;
}
.leave_type_paid {
  color: #24be6a;
}
.leave_type_value {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.leave_type_value svg {
  margin-right: 6px;
}
.leave_type_value {
  display: inline-flex;
  align-items: center;
}
.time-off-entry .leave_type_value {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  width: 176px;
  text-overflow: ellipsis;
}
table tr.time-off-entry_header_main td.no-padding {
  padding: 0 !important;
}
table tr.time-off-entry_header_main td {
  border-top: 1px solid #e2e7eb !important;
}
tr.time-off-entry td,
tr.time-off-entry-header-main th {
  width: 14% !important;
}
tr.time-off-entry td:last-child,
tr.time-off-entry-header-main th:last-child {
  width: 30% !important;
}
.status_approved {
  background: #d7f3e3;
  border-color: #d7f3e3;
}
.status_pending {
  background: rgb(255 235 204);
  border-color: rgb(255 235 204);
}
.time_off_list_content table tbody tr td:nth-child(2),
thead tr.time-off-entry-header-main th:nth-child(2) {
  width: 10% !important;
}
.time_off_list_content table tbody tr td:nth-child(3),
thead tr.time-off-entry-header-main th:nth-child(3) {
  width: 70% !important;
  border-right: 0 !important;
}
.time_off_list_content table tbody tr td:nth-child(4),
thead tr.time-off-entry-header-main th:nth-child(4) {
  width: 26% !important;
}
.member_time_off-list_ctrl
  table
  thead
  tr.time-off-entry-header-main
  th:nth-child(3),
.time_off_list_content.member_time_off-list_ctrl
  table
  tbody
  tr
  td:nth-child(3) {
  width: 8% !important;
}
.member_time_off-list_ctrl
  table
  thead
  tr.time-off-entry-header-main
  th:nth-child(4),
.time_off_list_content.member_time_off-list_ctrl
  table
  tbody
  tr
  td:nth-child(4) {
  width: 24% !important;
}
.invoice_item_table tbody tr.time-off-entry_header_main td:last-child {
  padding-right: 0 !important;
}
table tr.time-off-entry-header-main th {
  padding: 15px 20px !important;
}
.time_off_list_content tr.label-header td {
  background: #ebebeb;
  padding: 4px 20px !important;
  height: 38px;
}
.time_off_type_color_box {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 3px;
  margin-right: 8px;
}
.time-off-entry-header-main {
  background: #f8f8f8;
}
.time_off_list_content .label-header .user_widget_initial {
  align-items: center;
  color: #262626;
}
.time_off_list_content thead tr th {
  padding: 8px 20px !important;
}
.time time_off_list_content table thead tr th:first-child {
  width: auto;
}
.time time_off_list_content thead {
  width: auto;
}
.time_off_list_content table tbody tr td thead tr th {
  text-align: left !important;
}
.time_off_list_content table tbody tr td thead .time-off-entry-header-main th {
  height: 38px;
}
.time_off_list_content table tbody tr td {
  padding: 6px 20px !important;
  vertical-align: middle;
  color: #262626;
  font-size: 14px;
  border-right: 0px solid #ebeef1 !important;
  border-top: 1px solid #ebeef1 !important;
  height: 38px;
}
.invoice_item_table .time-off-entry-header-main th {
  border-right: 0 !important;
}
tr.time-off-entry .member_name_data_text {
  font-weight: 500;
  font-size: 13px;
}
.period_chip_gray {
  background: rgb(226 231 235 / 50%);
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-flex;
  font-weight: 500;
  font-size: 13px;
}
.time_off_period_ctrl .period_chip_gray:hover {
  background: rgb(226 231 235 / 80%);
  cursor: pointer;
}
.time-off-entry .colored_sod_eod_chip {
  font-weight: 500;
}
.approved_by_row .user_widget_initial {
  align-items: center;
}
.time_off_list_content tr.time-off-entry-header-main td {
  padding: 0 !important;
}
.note_value_text {
  display: inline-block;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 350px;
}
.time_off_list_quick_action i {
  opacity: 0;
  margin-left: 6px;
}
.time_off_list_quick_action:hover i {
  opacity: 1;
}
.time_off_timeline {
  display: grid;
  padding: 10px;
  min-height: 420px;
  max-height: 420px;
  overflow: auto;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}
.time_off_day {
  background-color: #fff;
  border: 1px solid #e4e6eb;
  padding: 0;
  border-radius: 8px;
  width: 100%;
}
.day-header {
  font-weight: 700;
  margin-bottom: 0;
  display: flex;
  align-items: end;
  padding: 8px;
  background: #f1f2f4;
  border-bottom: 1px solid #e4e6eb;
}
.request_card {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  padding: 6px 6px 6px 6px;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #c3d2eb;
  min-height: 79px;
}
.profile_picture {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 8px;
}
.request_card_info {
  padding-left: 0;
  margin-top: 4px;
}
.requested_by_row {
  display: flex;
  align-items: center;
}
.time_off_status_badge {
  padding: 0 7px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e4e6eb;
  display: inline-flex;
  font-size: 10px;
  color: #121214;
  min-height: 18px;
  align-items: center;
  line-height: normal;
}
.status_icon {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 2px;
  background: #f6a006;
  margin-right: 6px;
}
.request_type_date_range {
  font-size: 10px;
  color: #484852;
  margin-top: 4px;
  font-weight: 600;
}
.day_event_count {
  padding: 1px 6px;
  color: #262626;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  min-height: 24px;
  background: #fff;
  margin-left: auto;
  line-height: 1.4;
}
.day_event_count svg {
  margin-right: 6px;
}
.v_color_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  border-radius: 5px 0 0 5px;
  display: none;
}
.day_value_text {
  font-size: 12px;
  color: #262626;
  font-weight: 400;
}
.date_value_number {
  font-size: 13px;
  color: #262626;
  height: 18px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-top: 2px;
}
.request_user_circle {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: 1px solid #c5c6cb;
  font-size: 13px;
  font-weight: 500;
  color: #282828;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.request_user_circle .request_profile_pic {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #fff;
}
.request_user_circle img {
  width: 100%;
  height: 100%;
}
.card_bg_color_light {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 8px;
  opacity: 0.1;
  z-index: 1;
} /*.request_card:hover .card_bg_color_light{opacity:15%}*/
.request_card_data {
  width: 100%;
  height: 100%;
  z-index: 2;
}
.request_user_name {
  font-size: 13px;
  font-weight: 600;
  color: #030712;
  margin-bottom: 0;
  margin-left: 6px;
}
.request_type {
  color: #030712;
  font-size: 10px;
}
.day-content {
  border: 0;
  border-radius: 8px;
  padding: 4px;
  margin: 0;
}
.day-content .request_card:last-child {
  margin-bottom: 0;
}
.date_value_number.active {
  background: #399aec;
  color: #fff;
  padding: 0 4px;
}
.leave-request {
  max-width: 280px;
  min-width: 200px;
}
.leave-request-row {
  display: flex;
  align-items: flex-start;
  color: #fff;
  font-size: 12px;
  margin: 4px 0;
  word-break: break-word;
  white-space: normal;
}
.time_off_user_details_tooltip .leave-request {
  max-height: 340px;
  overflow: auto;
  margin: -8px -16px;
  padding: 15px;
}
.leave-request-row label {
  margin-right: 6px;
  color: #cbcbcb;
  white-space: nowrap;
  min-width: 80px;
}
.leave-request-message {
  border-top: 1px solid #4e4e4e;
  padding: 6px 0;
  margin-top: 12px;
}
.leave-request-details .leave-request-row:last-child {
  margin-bottom: 0;
}
.leave-request-details .leave-request-row:first-child {
  margin-top: 0 !important;
}
.leave-request-message p {
  word-break: break-word;
}
.leave-request-message p {
  margin: 0;
  font-size: 12px;
}
.leave-request-type {
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f6a006;
  border-radius: 4px;
  line-height: 1.4;
}
.time_off_user_details_tooltip {
  border-radius: 8px !important;
}
.request_user_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
}
.timesheet_timeline_inner .timecard_card_ctrl:last-child {
  margin-bottom: 0;
}
.day-content.card_has_no_data {
  background: #fefefe;
  height: calc(100% - 56px);
  display: flex;
  align-items: start;
  justify-content: center;
}
.day_has_no_data {
  text-align: center;
  color: rgba(3, 7, 18, 0.5);
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 6px;
  font-weight: 600;
}
.day_has_no_data.weekend {
  background: #f1f2f4;
  color: #262626;
}
.day_has_no_data.timeoff {
  background: #ede5f7;
  color: #7220fa;
}
.time_off_period_filter .timeline_filter_btn_group {
  margin: 0;
}
.time_off_period_filter .timeline_filter_btn_group .white_filter_btn_click {
  padding: 2px 12px;
  height: 34px;
  width: 100%;
}
.create_time_off_modal .edit_each_range_input_group {
  width: 100%;
}
.time_approval_email_section .user_details {
  display: inline-flex;
  align-items: center;
}
.tf_status_badge {
  padding: 3px 6px;
  color: #262626;
  font-size: 12px;
  font-weight: 600;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  min-height: 28px;
  line-height: 1.2;
}
.label-header .btn_info_btn_group {
  padding-right: 0;
}
.time_off_period_filter .white_filter_btn_click .icon_up_down {
  margin-left: auto;
}
.time_box_time_off_hours_day {
  padding: 4px;
}
.time_off_list_content table.invoice_item_table thead tr th:last-child {
  border-right: 0 !important;
}
.time-off-entry_header_main thead tr th:last-child {
  border-right: 0 !important;
}
.time_off_action_btn_wrap {
  display: inline-flex;
  align-items: center;
}
.container_pull_right {
  margin-left: auto;
}
.time_off_action_btn_wrap .action_btn {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 0 0 4px;
}
.time_off_action_btn_wrap .action_btn:hover {
  background: #f5f5f5;
}
.move-requests-option {
  margin: 0 0 10px;
  display: flex;
  align-items: start;
  font-size: 13px;
}
.move-requests-option p {
  margin: 0 0 0 12px;
  font-size: 13px;
  color: #333;
  font-weight: 500;
  text-align: left;
  flex: 1;
}
.delete-warning-option {
  padding: 0;
  color: #333;
  font-size: 13px;
  display: flex;
  align-items: start;
  text-align: left;
}
.delete-warning-option p {
  margin: 0 0 0 12px;
  flex: 1;
}
.delete-warning-option .custom-checkbox,
.move-requests-option .custom-checkbox {
  width: 16px;
  min-height: 16px;
}
.delete-warning-option .form-check-input,
.move-requests-option .form-check-input {
  width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 2px 0 0 0;
}
.pt_name_text.select_type {
  color: rgb(51 51 51 / 60%);
}
.time_off_type_dropdown {
  margin-bottom: 22px;
  margin-left: 26px;
}
.time_off_type_dropdown .up_down_arrow_icon {
  top: 6px;
}
input[type="radio"].custom-radio {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
  cursor: pointer;
}
input[type="radio"].custom-radio:checked {
  border-color: #007bff;
}
input[type="radio"].custom-radio:checked::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background-color: #007bff;
  border-radius: 50%;
}
input[type="radio"].custom-radio:checked:focus {
  box-shadow: none;
}
.delete_time_off_ctrl .modal-dialog {
  width: 430px;
}
.time_off_type_dropdown h3.popdown_header_title {
  margin: 0;
}
.days_count {
  font-size: 13px;
  opacity: 0.6;
  font-weight: 500;
}
.user_time_off_blank {
  margin: 0;
}
.user_time_off_blank .table_empty_state_content {
  min-height: calc(100vh - 378px);
}
.allocated_details_card {
  background-color: #fff;
  border-radius: 8px;
}
.allocated_details_card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
.card-header-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #020616;
}
.card-header-edit {
  font-size: 14px;
  color: #007bff;
  text-decoration: none;
}
.allocated_details_card .date-range {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 20px;
}
.allocated_details_card .date-range-icon {
  margin-right: 10px;
  min-width: 24px;
  border-radius: 8px;
  border: 1px solid #e0e6ef;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  background: #f1f5f9;
}
.allocated_details_card .date-range-text {
  color: #1e293a;
  font-size: 14px;
  font-weight: 500;
}
.allocation-stats {
  display: flex;
  border-top: 1px solid #e0e6ef;
  border-bottom: 1px solid #e0e6ef;
}
.allocation-stats-item {
  text-align: left;
  padding: 10px 20px;
  border-right: 1px solid #e0e6ef;
  width: 100%;
}
.allocation-stats-label {
  display: block;
  font-size: 14px;
  color: rgb(30 41 58 / 80%);
  font-weight: 600;
}
.allocation-stats-value {
  font-size: 14px;
  color: #1e293a;
  margin-top: 8px;
  display: inline-block;
}
.add-allocation-btn {
  display: inline-flex;
  font-size: 13px;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
  align-items: center;
  line-height: normal;
  opacity: 0.8;
}
.add-allocation-btn:hover {
  background-color: #cce4ff;
}
.allocated_details_dropdown {
  padding: 0;
  width: 340px;
  position: absolute;
  display: none;
}
.allocated_details_footer {
  padding: 20px;
}
.three_dot_icon_action {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e6ef;
  border-radius: 6px;
  background: rgb(241 245 249 / 50%);
  cursor: pointer;
  opacity: 0.8;
}
.three_dot_icon_action:hover {
  opacity: 1;
}
.add-allocation-btn svg {
  margin-right: 8px;
}
.add-allocation-btn:hover {
  opacity: 1;
  background: 0 0;
}
.allocation-stats .allocation-stats-item:last-child {
  border-right: 0;
}
.available_allocation_count:hover {
  background: #f8fafc;
}
.available_allocation_count.active {
  background: #f8fafc;
}
.available_allocation_count {
  text-align: right;
  min-width: 40px;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 4px;
  cursor: pointer;
}
.edit_allocation_actions {
  padding: 5px 5px;
  min-width: 130px;
  height: auto;
  z-index: 999999;
  background: #fff;
  border-radius: 8px;
  position: absolute;
  right: 0;
  left: auto;
}
.pt_input_select_data_flex.disabled
  .username_previoustime_group.email_to_field {
  padding-right: 20px;
}
.time_approval_email_section .user_details {
  width: 0;
  flex: 1;
}
.range_divider {
  display: inline-flex;
  align-items: center;
  margin: 12px 10px 0;
  height: 36px;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.6;
}
.form-check-input:focus {
  box-shadow: none;
  border-color: #0e9aef;
}
.approval_email_checkbox .form-check-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.time_off_type_lists.overflow_unset {
  overflow: unset !important;
}
.focused_gray_btn.break_widget_ctrl {
  background: rgb(111 78 55 / 10%);
  color: #6f4e37;
}
.focused_gray_btn.clock-in-out_total {
  background: rgb(31 88 160 / 10%);
  color: #1f58a0;
}
.status-buttons {
  display: flex;
  gap: 4px;
  margin-left: auto;
}
.status-buttons button {
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
}
.on-leave {
  color: #d44800;
}
.on-break {
  color: #6f4e37;
}
.roll-call-tabs {
  display: flex;
  align-items: center;
  padding: 0 15px;
  background: #f7f9fb;
  border-bottom: 1px solid #e4e6eb;
}
.rollcall-list-panel .roll-call-tabs {
  background: #fff;
}
.roll-call-tab {
  padding: 7px 0;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  margin: 0 10px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  user-select: none;
}
.roll-call-tabs .roll-call-tab:first-child {
  margin-left: 0;
}
.roll-call-tab .count {
  color: #000;
  display: inline-flex;
  position: static;
  font-size: 12px;
  background: #eceef3;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  width: auto;
  height: 20px;
  border-radius: 5px;
  margin-left: 6px;
}
.user_idle {
  color: #ca8a04;
}
.user_idle.active {
  border-color: #ca8a04 !important;
}
.active_user {
  color: #178229;
}
.active_user.active {
  border-color: #178229 !important;
}
.active_user {
  color: #178229;
}
.roll-call-tab:hover {
  border-color: #ced6df;
}
.roll_call_search_ctrl {
  padding: 8px 15px;
  border-bottom: 1px solid #e4e6eb;
}
.roll_call_search_ctrl .search_input_filter_ctrl .search_placeholder {
  min-height: 30px;
  padding: 5px 28px 5px 32px;
  font-size: 13px;
  font-weight: 500;
}
.roll_call_search_ctrl .search_icon {
  top: 9px;
}
.roll_call_search_ctrl .widgt_filter_inline .white_filter_btn_click {
  height: 30px;
}
.roll_call_search_ctrl .search_input_filter_ctrl .search_placeholder {
  width: 100%;
  max-width: 100%;
}
.filter-pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 5px;
  margin: 0 2px 4px;
  position: relative;
  background: rgb(0 0 0 / 6%);
  color: #262626;
  font-size: 12px;
  min-height: 22px;
}
.filter-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 90px;
  text-overflow: ellipsis;
}
.filter-remove-btn {
  min-width: 20px;
  display: inline-flex;
  margin-left: 5px;
  position: absolute;
  align-items: center;
  justify-content: center;
  opacity: 0;
  right: 0;
  z-index: 99999;
  top: 0;
  height: 100%;
  border-radius: 0 5px 5px 0;
  background: rgb(225 225 225);
  border: 0;
  padding: 0;
}
.filter-pill:hover .filter-remove-btn {
  opacity: 1;
}
.selected_filters_list_body {
  display: flex;
  align-items: center;
}
.selected_filters_list_body .filter-pill {
  margin-bottom: 0;
}
.selected_filters_list_body .filter-pill:first-child {
  margin-left: 0;
}
.selected_filters_list_body .filter-pill:last-child {
  margin-right: 0;
}
.filter-pill .filter-remove-btn svg {
  width: 16px;
  height: 16px;
  margin: 0;
}
.selected_filters_list_body .filter-text {
  max-width: auto;
}
.selected_filters_list_body .filter-pill {
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid #d7d7d7;
}
.filter-pill.filter_count {
  overflow: unset;
}
.filter-container {
  height: auto;
  min-height: auto;
  max-height: 86px;
  padding: 8px 6px 4px;
  border-bottom: 1px solid #edeae9;
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
}
.roll_call_search_ctrl .search_input_filter_ctrl .clear-text-search-left {
  top: 9px;
  opacity: 0.8;
  cursor: pointer;
}
.roll_call_search_ctrl .search_input_filter_ctrl .clear-text-search-left:hover {
  opacity: 1;
}
.list-item:last-child {
  border-bottom: none;
}
.list-item .info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.text-content .user-name {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-item .status {
  font-size: 14px;
  font-weight: 700;
  color: #4caf50;
}
button.active_user {
  background-color: #d4e6d4;
  color: #298229;
}
button.active_user.active {
  background: #298229;
  color: #fff;
}
.break-status-container {
  max-width: 600px;
  margin: 20px auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.roll-call-list-container .list-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 7px 10px;
  background-color: #eae5e3;
  margin-bottom: 8px;
  border-radius: 8px;
}
.list-item .avatar {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #fff;
}
.text-content .details {
  font-size: 11px;
  color: rgb(0 0 0 / 60%);
  font-weight: 600;
  margin-top: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.no_description {
  opacity: 0.6;
}
.time-status {
  display: flex;
  align-items: center;
  gap: 4px;
}
.time-status .time {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 12px;
  border: 1px dashed #b8a89d;
  color: #6f4e37;
}
.status-button {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background-color: #795548;
  padding: 3px 8px;
  border: none;
  border-radius: 12px;
}
.list-item .avatar img {
  width: 25px;
  height: 25px;
  border-radius: 100%;
}
.list-items .list-item:last-child {
  margin-bottom: 0;
}
.time-range {
  border: 1px solid #b8a89d;
  border-radius: 12px;
  padding: 3px 8px;
  font-size: 11px;
  color: #6f4e37;
  font-weight: 600;
  line-height: normal;
}
.on-leave.active {
  border-color: #d44800 !important;
}
.on-break.active {
  border-color: #6f4e37 !important;
}
.upcoming-leave.active {
  border-color: #000 !important;
}
.roll-call-list-container.on_leave_status_ctrl .list-item {
  background: 0 0;
}
.active_member_status_ctrl .status-button {
  background: #178229;
}
.active_member_status_ctrl .time-range {
  background: #b1d1b1;
  color: #298229;
  border-color: #8fbd8f;
}
.active_member_status_ctrl .list-item {
  background: #d4e6d4;
}
.leave_status_ctrl .list-item {
  background: #f8e5cd;
}
.idle_member_status_ctrl .list-item {
  background-color: #ede7b8;
}
.idle_member_status_ctrl .list-item .status-button {
  background: #ca8a04;
}
.idle_member_status_ctrl .list-item .time-range {
  border-color: #ca8a04;
  color: #ca8a04;
}
.leave_status_ctrl .time-range {
  border-color: #e9a57a;
  background: #f2cdad;
  color: #d44800;
}
.leave_status_ctrl .status-button {
  background: #d44800;
}
.text-content {
  flex: 1;
  width: 0;
  padding-right: 16px;
}
.pill-style .roll-call-tab.active {
  border: 1px solid #0e9aef !important;
  background: #0e9aef !important;
  color: #fff !important;
}
.pill-style .roll-call-tab {
  border: 1px solid #e2e7eb !important;
  border-radius: 8px;
  padding: 4px 5px;
  color: #333;
  background: #fff;
}
.roll-call-tabs.pill-style {
  padding: 7px 15px;
  background: #fff;
}
.pill-style .roll-call-tab:hover {
  background: #f5f6f7;
}
.leave_type_label {
  font-size: 14px;
  font-weight: 600;
  padding: 5px 0;
  margin: 0 0 5px 0;
  display: inline-flex;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  width: 100%;
}
.lt_sec_devider {
  border-top: 1px solid #e4e6eb;
  margin: 12px 0;
}
.lt_log_sec_wrapper {
  padding: 10px 20px;
}
.on_leave_status_ctrl .list-items > .lt_log_sec_wrapper:first-child {
  border-bottom: 1px solid #e4e6eb;
}
.on_leave_status_ctrl .list-items > .lt_log_sec_wrapper:only-child {
  border-bottom: 0;
}
.lt_log_inner_wrapper > .list-item {
  border-bottom: 1px solid #e4e6eb;
}
.lt_log_inner_wrapper {
  border: 1px solid #e4e6eb;
  border-radius: 8px;
}
.roll-call-list-container.on_leave_status_ctrl .list-item:last-child {
  border-bottom: 0;
}
.roll-call-list-container.on_leave_status_ctrl .list-item:only-child {
  border-bottom: 0;
}
.lt_widget_empty_container .widget_empty_state_content {
  min-height: 239px !important;
}
.transparent_bg_chip {
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  padding: 4px 8px;
}
.content_panel_right.full_screen_widget {
  position: fixed;
  top: 0;
  left: 0;
}
.timer_widget_main_wrapper_ctrl.full_screen_widget {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9;
}
.full_screen_widget .widget_empty_container {
  height: calc(100vh - 321px);
  display: flex;
  justify-content: center;
  width: 100%;
}
.full_screen_widget .rc_time_list_card_wrapper {
  width: 50%;
  height: 80%;
}
.full_screen_widget .widget_medium_scroll {
  max-height: calc(100vh - 321px);
}
.optional_text_light {
  opacity: 0.5;
  margin-left: 2px;
}
.break_textarea:focus {
  border-color: #0e9aef;
}
.alert_custom_style {
  padding: 8px 12px;
}
.daily-time-tooltip {
  text-align: left;
}
.daily-time-status-message {
  color: #ffc107;
}
.time-report-summary {
  display: flex;
  justify-content: space-between;
}
.reported-time-container {
  border-top: 1px solid #4e4e4e;
  padding: 6px 0 0;
  margin-top: 12px;
}
.chevron_down {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  opacity: 0;
}
.chevron_down i {
  font-size: 13px;
}
.time-off-entry:hover .chevron_down {
  opacity: 1;
}
.full_block_hover:hover {
  background: #f9f9f9;
}
.leave_details_ctrl {
  display: inline-flex;
  align-items: center;
  line-height: normal;
  padding: 2px 6px;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 -6px;
  min-width: 40px;
  justify-content: end;
}
.leave_details_ctrl:hover {
  background: #f0f3f5;
}
.time_off_period_ctrl {
  display: flex;
  gap: 5px;
}
.available_leave_row .row_data {
  text-align: right;
}
.expand_icon_ctrl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
  margin-left: 8px;
  border: 1px solid #e2e7eb;
}
.expand_icon_ctrl:hover {
  background: #f5f6f7;
}
.availability-info-container {
  padding: 8px 12px;
  background: #f7f7f7;
  border: 0;
  color: #333;
  font-size: 13px;
  border-radius: 6px;
}
.availability-item {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.availability-info-container .availability-item:last-child {
  margin-top: 2px;
}
.availability-value {
  font-weight: 700;
  font-size: 18px;
}
.availability-label {
  opacity: 0.6;
}
.availability-value.value_danger {
  color: #ff2d2d;
}
.group_data_count {
  display: inline-flex;
  align-items: center;
  margin-left: 3px;
}
.logged_device_details {
  position: fixed !important;
}
.logged_device_details label {
  min-width: 72px;
  font-weight: 500 !important;
  color: #e3e3e3 !important;
  margin-bottom: 0 !important;
  text-align: left;
}
.logged_device_details .leave-request-row {
  line-height: normal;
  margin: 8px 0 0;
}
.time_off_user_details_tooltip .leave-request {
  min-width: auto;
}
.time_approval_history_event_data .user_log_group .widget_icon_btn {
  position: relative;
  left: 2px;
  top: 2px;
}
.link-text-action-btn {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.no_time_off_available {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}
.link-text-action-btn svg {
  margin-right: 5px;
}
.log_stamp_user.in_timecard {
  overflow: unset;
}
.device_icon {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.time_tracking_sidebar ul {
  scrollbar-width: unset;
  scrollbar-color: auto;
}
.time_tracking_sidebar ul::-webkit-scrollbar-track {
  box-shadow: none;
  background: 0 0;
}
.time_tracking_sidebar ul::-webkit-scrollbar-thumb {
  background: 0 0 !important;
  border-radius: 10px;
}
.time_tracking_sidebar:hover ul::-webkit-scrollbar-thumb {
  background: #4a5065 !important;
}
.time_tracking_sidebar ul::-webkit-scrollbar-thumb:hover {
  background: #555b71 !important;
}
.time_tracking_sidebar ul::-webkit-scrollbar {
  width: 10px;
}
.extension-container {
  background: #fff;
  padding: 0;
  border-radius: 12px;
  text-align: center;
  position: absolute;
  z-index: 99999999;
  right: 0;
  transition: opacity 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  width: 720px;
  border: 1px solid #dadcdf;
  opacity: 1;
  top: 100% !important;
  margin: 4px 5px 0 0 !important;
  left: auto !important;
}
.extension-body .step:last-child {
  margin-bottom: 0;
}
.extension-title {
  font-size: 16px;
  color: #1c274c;
  font-weight: 600;
  margin: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.extension-icon {
  color: #4285f4;
  font-size: 26px;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}
.extension-body {
  padding: 20px;
  background: #fbfbfb;
}
.step {
  margin-bottom: 15px;
  text-align: left;
  border: 1px solid #dadcdf;
  border-radius: 10px;
  padding: 10px;
  background: #fff;
}
.step h2 {
  font-size: 15px;
  margin: 0 0 5px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1c274c;
  font-weight: 600;
}
.step p {
  font-size: 14px;
  margin: 0;
  color: #59596b;
  padding: 0 0 0 41px;
}
.step-badge {
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  background: #1c274c 0 0 no-repeat padding-box;
  border-radius: 6px;
}
.step img {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.extension-icon:hover + .extension-dropdown {
  display: block;
  opacity: 1;
}
.compact_ui.top_header_action_tools_ctrl {
  position: relative;
}
.view_icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ebecee;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
}
.view_screenshot i {
  display: block;
  position: relative;
  top: 0;
}
.extension_progress_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  border-bottom: 1px solid #dadcdf;
}
.extension-title svg {
  margin-right: 8px;
}
.step_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  width: 30px;
  height: 30px;
  border-radius: 8px;
}
.screenshot-dropdown {
  position: absolute;
  background: #fff;
  border-radius: 12px;
  width: 360px;
  display: none;
  z-index: 10;
  overflow: hidden;
  right: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #dadcdf;
  bottom: -124px;
  right: 30px;
}
.screenshot-dropdown img {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.view_icon:hover + .screenshot-dropdown {
  display: block;
}
.fourth_step + .screenshot-dropdown {
  bottom: -20px !important;
}
.download_ext_btn svg {
  margin-right: 8px;
}
.extension_progress_footer {
  padding: 10px 20px;
  justify-content: end;
  display: flex;
  align-items: center;
  border-top: 1px solid #dadcdf;
}
.btn.download_ext_btn {
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
}
.exit_popdown {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
}
.exit_popdown:hover {
  background: #f3f4f6;
}
.view_ss_wrap_relative {
  position: relative;
  margin-left: auto;
}
.view_icon:hover {
  background: #f3f4f6;
}
.allocation_list_content_ctrl table tbody tr td:nth-child(3),
.allocation_list_content_ctrl
  thead
  tr.time-off-entry-header-main
  th:nth-child(3) {
  width: 21% !important;
}
.allocation_list_content_ctrl table tbody tr td:nth-child(4),
.allocation_list_content_ctrl
  thead
  tr.time-off-entry-header-main
  th:nth-child(4) {
  width: 11% !important;
}
.allocation_list_content_ctrl table tbody tr td:nth-child(5),
.allocation_list_content_ctrl
  thead
  tr.time-off-entry-header-main
  th:nth-child(5) {
  width: 10% !important;
}
.allocation_list_content_ctrl table tbody tr td:nth-child(6),
.allocation_list_content_ctrl
  thead
  tr.time-off-entry-header-main
  th:nth-child(6) {
  width: 7% !important;
}
.allocation_list_content_ctrl table tbody tr td:nth-child(7),
.allocation_list_content_ctrl
  thead
  tr.time-off-entry-header-main
  th:nth-child(7) {
  width: 8% !important;
}
.allocation_list_content_ctrl table tbody tr td:nth-child(8),
.allocation_list_content_ctrl
  thead
  tr.time-off-entry-header-main
  th:nth-child(8) {
  width: 8% !important;
}
.allocation_list_content_ctrl table tbody tr td:last-child,
.allocation_list_content_ctrl
  thead
  tr.time-off-entry-header-main
  th:last-child {
  width: 4% !important;
}
.allocation_list_content_ctrl .available_allocation_count {
  text-align: left;
}
.allocation_list_content_ctrl .note_value_text {
  max-width: 300px;
}
.task-card_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: unset;
  margin: 0 -15px 10px;
  padding: 0 15px 15px;
  border-bottom: 1px solid rgb(255 255 255 / 60%);
}
.task-card_header .user-info {
  display: flex;
  align-items: center;
}
.task-card_header .user_circle_ctrl {
  width: 28px;
  height: 28px;
}
.task-card_header .user-info .user_circle_ctrl {
  margin-right: 16px;
}
.task-card_header .user_status_circle_ctrl {
  border: 2px solid #181818;
}
.user-info_name {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.user-info_role {
  color: rgb(255 255 255 / 60%);
}
.task-card_total-time {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.member_entry_details.running_timer .med_task_time svg {
  margin-right: 6px;
}
.online_member_tooltip_ctrl {
  max-width: 380px !important;
  border-radius: 10px !important;
}
.member_entry_details .med_task_time {
  display: flex;
  line-height: normal;
}
.member_entry_details .med_task_time svg {
  margin-right: 6px;
}
.timer.task_timer.running_timer {
  color: #d20613;
}
.view_detail_log {
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  width: 28px;
  height: 26px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  opacity: 0;
}
.view_detail_log svg {
  position: relative;
  top: 1px;
}
.timecard_data_container tr:hover .view_detail_log {
  opacity: 1;
}
.view_detail_log:hover {
  background: #f5f6f7;
}
.copy_clipboard_icon {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 12px;
  width: 33px;
  height: 33px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  top: 1px;
  border: 1px solid transparent;
  justify-content: center;
  opacity: 0;
}
.mt-day-header:hover .copy_clipboard_icon {
  opacity: 1;
}
.mt-week-header.timesheet_week_header .copy_clipboard_icon {
  opacity: 1;
  margin-right: 6px;
}
.copy_clipboard_icon:hover {
  border-color: #d6d8dc;
  background: #fff;
}
.timecard_type_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid #e1e3e5;
  border-radius: 6px;
  margin-right: 13px;
  position: absolute;
  left: 0;
  background: #fff;
  z-index: 1;
  top: 0;
}
.timecard-date {
  font-size: 14px;
  color: #0d1017;
  margin-bottom: 16px;
  position: relative;
  padding-left: 38px;
  font-weight: 600;
}
.timecard-summary {
  margin-bottom: 20px;
}
.entry-card {
  padding: 0 0 14px 38px;
  border-radius: 6px;
  margin-bottom: 0;
  position: relative;
}
.timecard-entries .entry-card:last-child {
  padding-bottom: 0;
}
.entry-action {
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
}
.entry-time {
  margin-right: 5px;
}
.entry-duration {
  color: #262626;
  font-size: 12px;
  display: block;
  margin-top: 0;
}
.entry-action .widget_icon_btn {
  margin-left: 7px;
}
.timecard-entries .entry-card:last-child:after {
  display: none;
}
.collapse_and_expand_log_ctrl i {
  font-size: 10px;
}
.collapse_and_expand_log_ctrl {
  cursor: pointer;
}
.entry-card:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #e7e7e7;
  position: absolute;
  left: 11px;
  top: 0;
}
.entry-duration_container {
  color: #262626;
  font-size: 12px;
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
}
.roll_call_description {
  color: #262626;
  display: flex;
  font-size: 13px;
  font-style: italic;
  margin-top: 4px;
  white-space: normal;
  word-break: break-all;
  max-width: 75%;
}
.modal-body .timecard-entries {
  margin-bottom: 8px;
}
.modal-body .timecard-entries:last-child {
  margin-bottom: 8px;
}
.entry-card.timecard-date {
  padding-bottom: 32px;
}
.history_log_modal_popup .modal-body {
  max-height: calc(100vh - 220px);
  min-height: calc(100vh - 500px);
  overflow: auto;
  overflow-x: auto;
  overflow-y: auto;
}
.activity_progress {
  background: #eff0f1;
  height: 4px;
  border-radius: 5px;
  width: 100%;
}
.activity_percentage_div_section {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 5px;
}
.avtivity_meta_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.activity-container {
  margin: auto;
  background: #fff;
  padding: 20px;
}
.timeline-section {
  position: relative;
  padding-left: 28px;
  padding-top: 40px;
}
.timeline-hour {
  min-width: 60px;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  position: absolute;
  left: 0;
  padding: 0;
  top: 0;
  z-index: 2;
}
.activity-grid {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  padding-bottom: 24px;
  padding-top: 12px;
}
.activity-card {
  background: #fff;
  padding: 0;
  border-radius: 0;
  text-align: center;
  min-height: 150px;
  border: 1px solid #e0e2e4;
  position: relative;
  cursor: pointer;
  margin: 20px 0;
}
.activity-image {
  width: 100%;
  height: auto;
}
.activity-timestamp {
  font-size: 12px;
  margin: 0;
}
.activity-placeholder {
  color: #282c34;
  font-size: 14px;
  position: absolute;
  top: -30px;
  border: 1px solid #e0e2e4;
  left: 0;
  right: 0;
  min-height: 30px;
  background: #f7f7f7;
  border-radius: 0;
  display: inline-block;
  align-items: center;
  padding: 7px 8px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.activity-screenshot {
  font-size: 11px;
  padding-top: 0;
  height: 120px;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
.activity-card.has_no_activity .activity-screenshot:after {
  display: none;
}
.activity-screenshot img {
  width: 100%;
  height: 100%;
}
.activity-placeholder.has-no-activity {
  justify-content: center;
}
.has_no_activity .activity-screenshot {
  height: calc(100% - 40px);
}
.activity_card_footer {
  width: 100%;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 11px 8px;
}
.timeline-section:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 0;
  height: 100%;
  width: 2px;
  background: rgb(195 199 203 / 20%);
  z-index: 1;
}
.select-all-checkbox_wrap {
  display: inline-flex;
  align-items: center;
  color: #282c34;
  font-size: 13px;
}
input.select-all-checkbox {
  margin-right: 12px;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid #c3c7cb;
  margin-top: 0 !important;
  border-radius: 100% !important;
}
.timeline-hour input.select-all-checkbox {
  margin-bottom: 0;
}
.activity-container .timeline-section:last-child {
  padding-bottom: 0;
}
.activity-card .select-all-checkbox_wrap {
  position: absolute;
  top: 8px;
  left: 8px;
}
.activity-card:hover .select-all-checkbox_wrap > input {
  opacity: 1 !important;
}
.activity-card .select-all-checkbox_wrap > input[type="checkbox"] {
  opacity: 0;
}
.activity-card .select-all-checkbox_wrap > input[type="checkbox"]:checked {
  opacity: 1;
}
.activity-card .select-all-checkbox_wrap .select-all-checkbox {
  border-radius: 100%;
}
.activity_screenshot_main_container
  .widgt_filter_inline
  .white_filter_btn_click {
  height: 30px;
}
.activity_screenshot_main_container .next_week,
.activity_screenshot_main_container .prev_week,
.activity_screenshot_main_container .selected_week_period {
  height: 30px;
}
.screenshort_time_range {
  font-size: 13px;
  font-weight: 500;
  color: #1d303c;
  margin-right: 12px;
}
.total_working_time {
  font-size: 13px;
  font-weight: 600;
  color: #1d303c;
  margin-right: 12px;
}
.total_working_time label {
  color: #6a727f;
}
.activity-screenshot:after {
  content: "";
  background: rgb(0 0 0 / 20%);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0;
  opacity: 0;
}
.activity-screenshot:hover:after {
  opacity: 1;
}
.download_app_btn {
  border: 1px solid #e1e1e1 !important;
  border-radius: 8px;
  margin-top: 12px;
}
.activity_screenshot_main_container .table_empty_state {
  min-height: calc(100vh - 328px);
  align-items: center;
  display: flex;
  justify-content: center;
}
.download_app_btn:hover {
  background: #f5f6f7;
  color: #232323;
}
.activity_screenshot_main_container .empty_state_message {
  margin: 0 0 4px 0;
}
.no_screenshot_text {
  font-size: 13px;
}
.activity-container .timeline-section:last-child .activity-grid {
  padding-bottom: 0;
}
.activity_percentage {
  font-size: 12px;
  color: #53565d;
}
.screenshot-modal_header-left {
  display: flex;
  align-items: center;
  color: rgb(255 255 255 / 80%);
}
.screenshot-modal-text {
  text-align: left;
}
.screenshot-modal-text p {
  margin: 0;
  padding: 0;
}
.user-avatar-circle {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background: #75919c;
  border-radius: 100%;
  margin-right: 12px;
  color: #fff;
}
.screenshot-modal-title {
  font-size: 14px;
}
.screenshot-modal-subtitle {
  font-size: 12px;
  color: rgb(255 255 255 / 60%);
}
.screenshot-modal-header {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  background: #161616;
}
.screenshot-modal-header-right {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.screenshot-date {
  text-align: right;
  display: inline-block;
  margin-right: 10px;
  color: rgb(255 255 255 / 80%);
  font-size: 14px;
}
.screenshot_time {
  color: rgb(255 255 255 / 60%);
}
.screenshot-action-btn {
  border: 1px solid rgb(255 255 255 / 60%);
  color: rgb(255 255 255 / 80%);
  padding: 4px 16px;
  border-radius: 6px;
  margin: 0 20px;
  cursor: pointer;
}
.screenshot-action-btn:hover {
  background: rgb(255 255 255 / 20%);
}
.screenshot-modal-close {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.screenshot-modal-close:hover {
  background: rgb(255 255 255 / 20%);
}
.merged_view_media_full_popup {
  transform: scale(0.8);
  transition: transform 0.5s ease;
  opacity: 0;
}
.merged_view_media_full_popup.show {
  opacity: 1;
  transform: scale(1);
}
.user-avatar-circle img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.att-card {
  background: #f1f5f9;
  border-radius: 10px;
  padding: 12px 12px;
  text-align: center;
  min-height: 172px;
}
.work-timer-title {
  font-size: 13px;
  color: #298229;
  font-weight: 600;
}
.work-timer-status {
  font-size: 13px;
  color: #298229;
  font-weight: 600;
}
.rollcall_entry_timer_group_ctrl {
  display: flex !important;
  justify-content: space-between;
}
.work-timer-task {
  font-size: 13px;
  color: #000;
  margin: 12px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}
.work-timer-timer {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.att-form-group-btn {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.att-form-group-btn .work-timer-btn {
  width: 100%;
  margin: 0 6px;
  padding: 8px 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  cursor: pointer;
}
.att-form-group-btn .work-timer-btn:first-child {
  margin-left: 0;
}
.att-form-group-btn .work-timer-btn:last-child {
  margin-right: 0;
}
.clock-out-btn {
  background: #e59500;
  padding: 11px 14px;
}
.go-break-btn {
  background: #6f4e37;
}
.work-timer-tabs {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebeced;
  margin: 0 0 20px 0;
  padding: 0 15px;
}
.work-timer-tabs .tabs-tab {
  font-size: 14px;
  padding: 10px 0;
  min-height: 42px;
  margin: 0 10px;
  position: relative;
  color: #3b4147;
  cursor: pointer;
}
.work-timer-tabs .tabs-tab:first-child {
  margin-left: 0;
}
.work-timer-tabs .tabs-tab:last-child {
  margin-right: 0;
}
.work-timer-tabs .tabs-tab:after {
  content: "";
  position: absolute;
  height: 2px;
  background: #ebeced;
  z-index: 99999;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.work-timer-tabs .tabs-tab:hover:after {
  opacity: 1;
}
.work-timer-tabs .tabs-tab.active:after {
  opacity: 1;
  background: #333;
}
.tabs-tab.active {
  color: #000;
}
.att-form-group-btn .work-timer-btn svg {
  margin-right: 8px;
}
.view_attendance_btn {
  background: 0 0;
  box-shadow: none;
  border: 1px solid #555a6e;
  color: #fff;
  width: 100%;
  padding: 4px 8px;
  margin-top: 8px;
  border-radius: 8px;
  min-height: 30px;
}
.clock-out-btn:hover {
  background: #f5ae2a;
}
.go-break-btn:hover {
  background: #875e4b;
}
.attendance_log_card {
  border: 1px solid #ebeced;
  border-radius: 10px;
  margin-top: 10px;
  padding: 15px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.attendance_log_card .timecard-entries {
  padding: 0;
  margin: 0 !important;
  height: 100%;
}
.loader-wrap {
  text-align: center;
  height: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.loading_value_text {
  color: #262626;
}
.att-card.work-timer .loader-wrap {
  min-height: 145px;
}
.add_time_entry_popup.attendance-detail-popup .modal-body {
  padding-bottom: 10px !important;
}
.att-card.work-timer .loader-wrap {
  min-height: auto;
  padding: 9px 0;
}
.view_attendance_btn:hover {
  background: #555a6e;
}
.attendance_popup_footer {
  display: flex;
  align-items: center;
  margin-top: 12px;
  font-size: 13px;
  color: #020617;
}
.attendance-detail-popup .modal-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
}
.attendance_popup_footer .team_group {
  margin-right: 8px;
}
.tracked-time ul {
  padding: 0;
  background: #fff !important;
  border: none !important;
  height: 100%;
  overflow: unset !important;
}
.tracked-time ul .tracked-time_time-item:first-child {
  margin-top: 0 !important;
}
.tracked-time-time-item .tracked-name {
  font-size: 12px;
  font-weight: 500;
  color: #333;
  padding-right: 15px;
  flex: 1;
}
.tracked-time {
  font-size: 13px;
  color: #161616;
  font-weight: 500;
  height: auto;
}
.tracked-time_label {
  font-size: 14px;
  color: #0d1017;
  font-weight: 600;
}
.tracked-total-time {
  margin-left: auto;
  font-weight: 600;
  color: #161616;
  font-size: 14px;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list li {
  margin-top: 4px;
}
.running_task_time_value {
  min-width: 80px;
  font-size: 20px;
  font-weight: 700;
}
.roll_call_dropdown ul.dropdown-menu {
  padding: 5px;
}
.work-timer-timer .button.button--play {
  width: 24px;
  height: 24px;
}
.work-timer-timer .button.button--play .confetti-button {
  width: 24px;
  height: 24px;
}
.work-timer-timer .button.button--play.button--active:before {
  width: 24px;
  height: 24px;
}
.work-timer-timer .button--play .button__shape {
  width: 3px;
  height: 11px;
}
.work-timer-timer .button.button--play .confetti-button {
  width: 24px;
  height: 24px;
}
.work-timer-timer .button.button--play.button--active:after {
  width: 24px;
  height: 24px;
}
.work-timer-timer .button.button--play.button--active:before {
  width: 24px;
  height: 24px;
}
.work-timer-timer .button--play .button__shape {
  width: 3px;
  height: 11px;
}
.sidebar-footer-header {
  margin-bottom: 12px;
  background: #FFEEEE;
    padding: 6px 8px;
    border-radius: 8px;
}
.work-status {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}
.card_label {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
}
.break-timer-screen-tab-content ul li:first-child {
  margin-top: 0 !important;
}
.card_has_no_data {
  text-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #868d98;
  font-size: 13px;
  padding:30px 0;
}
.time_tracking_sidebar .attendance_log_card ul li {
  display: flex;
  align-items: start;
  cursor: text;
}
.attendance-detail-popup .modal-body {
  max-height: 100%;
  overflow: unset;
  display: flex;
  flex-direction: column;
}
.attendance-detail-popup .modal-content {
  height: calc(100vh - 62px);
}
.attendance_overview_group {
  display: flex;
  align-items: center;
}
.modal_action_btns {
  display: flex;
  align-items: center;
}
.modal_action_btns {
  display: flex;
  position: relative;
  align-items: center;
  margin-right: -6px;
}
.modal_action_btns .modal_action_btn:last-child {
  margin-right: 0;
}
.modal_action_btn {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 12px 0 0;
  border: 0;
  background: #fff;
  position: static !important;
}
.modal_action_btn:hover {
  background: #e8e8e8;
}
.clock-out-break.end-break_btn {
  background: #d83830 !important;
}
.clock-out-break.end-break_btn:hover {
  background: #d83830 !important;
}
.att-form-group-btn .clock_in_out_event {
  min-height: 38px;
  padding: 8px 8px;
  cursor: pointer;
}
.work-timer-status.on-break {
  color: #6f4e37;
}
.work-timer-status.shift_ended_ctrl {
  color: #d18a08;
}
.break-time-info p {
  margin: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1.4;
  font-weight: 500;
  color: #000;
}
.break-time-info {
  color: #000;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin: 12px 0;
  justify-content: center;
}
.modal.add_time_approved_popup.attendance-detail-popup .modal-dialog {
  width: 87% !important;
  min-width: 87% !important;
}
.work-timer-btn.go-break-btn.end-break_btn {
  background: #e64d4d !important;
}
.work-timer-btn.go-break-btn.end-break_btn:hover {
  background: #d83830 !important;
}
.add_break_modal_popup .modal-content.add_break_modal {
  width: 360px;
}
.add_break_modal_popup textarea.break_textarea {
  max-height: 120px;
  height: 120px;
}
.add_break_dropdown {
  z-index: 999999;
}
.modal .custom-modal-backdrop {
  border-radius: 0;
}
.team_group {
  overflow: hidden;
  white-space: nowrap;
  max-width: 180px;
  text-overflow: ellipsis;
}
.team_group_div {
  display: flex;
  margin-right: 6px;
}
.attendance-detail-popup .modal-title {
  min-width: 100px;
}
.gray_chip {
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  padding: 2px 6px;
  color: #706d6d;
  margin-left: 20px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  cursor: default;
}
.date-time-ctrl {
  color: rgb(2 6 23 / 60%);
  margin-right: 12px;
  font-size: 12px;
  font-weight: 600;
}
.enable_safe_member_dropdown {
  text-align: left;
  margin-top: 24px;
}
.entry-action {
  align-items: center;
  font-weight: 500;
  padding: 2px 0;
  display: inline-flex;
  font-size: 13px;
}
.entry-duration_container {
  padding-left: 4px;
  margin-top: 0;
}
.entry-card {
  display: flex;
  flex-direction: column;
}
.attendance_overview_cards {
  border: 1px solid #ebeced;
  border-radius: 10px;
  margin-top: 10px;
  overflow: auto;
  padding: 15px;
  width: auto;
  flex: 1;
  display: inline-flex;
  justify-content: flex-start;
}
.attendance_overview_cards.first {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.attendance_overview_cards.last {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
span.entity {
  color: #171717;
  font-size: 13px;
  opacity: 0.8;
  font-weight: 600;
}
span.user_sum_data {
  font-weight: 600;
  color: #000;
  font-size: 13px;
  margin-left: 5px;
}
.entry-action .widget_icon_btn {
  position: relative;
  top: 2px;
}
.attendance-detail-popup .roll_call_description {
  margin-top: 2px;
}
.created_at_date_time {
  display: inline-flex;
  margin-left: auto;
  opacity: 0.6;
  font-size: 12px;
}
.gray_bg_chip {
  border-radius: 10px;
  background: #ebebeb;
  padding: 4px 8px;
  color: #3c3d3d;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
}
.on_leave_status_ctrl .details-info {
  max-width: 100%;
}
.time_off_note_tooltip {
  max-width: 300px;
}
.chip_overflow_ellipsis {
  overflow: hidden;
  white-space: nowrap;
  max-width: 80px;
  display: inline-block;
  text-overflow: ellipsis;
}
.group_selected_member_tooltip .tooltip_scroll {
  min-width: auto;
}
.group_selected_member_tooltip .member_entry_details {
  text-align: left;
}
.group_selected_member_tooltip {
  border-radius: 10px;
}
.group_selected_member_tooltip
  .tooltip_scroll
  .member_entry_details:first-child {
  margin-top: 0;
  padding-top: 0;
}
.group_selected_member_tooltip
  .tooltip_scroll
  .member_entry_details:last-child {
  padding-bottom: 0;
}
.group_selected_member_tooltip .member_entry_details .med_task_name {
  max-width: 100%;
  overflow: unset;
  white-space: normal;
}
.safe_edit_mode_active {
  padding: 15px;
}
.safe_edit_mode_active .enable_safe_member_dropdown {
  margin: 0;
}
.time-container {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #000;
}
.time-label {
  margin-right: 12px;
  color: #171717;
  font-size: 12px;
  opacity: 0.8;
}
.time-container .separator {
  margin: 0 10px;
  display: inline-flex;
  align-items: center;
  position: relative;
  top: -1px;
  opacity: 0.6;
}
.sb_tree_menu_button {
  position: absolute;
  right: 10px;
  top: 6px;
}
ul.sb_tree_menu_ul {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden !important;
  background-color: #2e2d32;
}
.sb_tree_menu_button {
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 11px;
}
ul.sb_tree_menu_ul > li {
  display: inline-block;
  position: relative;
  left: 0;
  width: 100%;
  top: 0;
  margin: 0 10px !important;
}
ul.time_tracking_sidebar_list ul.sb_tree_menu_ul > li > a {
  color: #87878a;
  padding: 6px 10px 6px 24px !important;
  border-radius: 4px;
}
ul.sb_tree_menu_ul > li > a:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}
ul.sb_tree_menu_ul > li > a.active {
  color: #fff !important;
  background-color: #39383c !important;
}
.sidebar_collapsed .sb_tree_menu_button {
  display: none;
  right: 7px;
}
.sidebar_collapsed ul.sb_tree_menu_ul {
  position: fixed;
  border-radius: 8px;
  padding: 5px;
  left: 74px;
  top: 0;
  width: 195px;
  z-index: 999999;
  height: auto;
  background-color: #2e2d32;
}
.left_side_bar_time_box_menu .core-styles-module_tooltip__3vRRp {
  position: fixed;
}
.sidebar_collapsed ul.sb_tree_menu_ul > li {
  margin: 0 !important;
}
.sidebar_collapsed .time_tracking_sidebar ul.sb_tree_menu_ul > li > a {
  padding: 7px 5px !important;
  justify-content: left;
}
.sidebar_collapsed .time_tracking_sidebar ul li {
  position: relative;
}
.sidebar_expanded .team_li .react-tooltip {
  display: none;
}
.sidebar_collapsed .sec_label.devider_transform {
  padding: 12px 0 12px 0;
  margin: 0 0 21.5px 0;
}
.sidebar_collapsed .sec_label.devider_transform {
  border-bottom: 1px solid #9fa5ae47;
  display: block !important;
}
.sidebar_expanded .sec_label.devider_transform {
  display: none;
}
.sidebar_collapsed .time_tracking_sidebar .sec_label {
  display: none;
}
.sidebar_collapsed .sec_label.blank_devider_transform {
  opacity: 0 !important;
}
.sidebar_expanded .sec_label.blank_devider_transform {
  display: none;
}
.safe_mode_btn {
  margin-right: 15px;
}
.user_status_cicle i.user_menu_indicator_status.fas.status-online.fa-circle {
  width: 12px !important;
  height: 12px !important;
  font-size: 8px !important;
  min-width: 12% !important;
  bottom: 0 !important;
  top: auto !important;
  margin: auto;
  right: 0 !important;
  left: auto !important;
}
.user_profile_main_ctrl
  ul.layout_icons.dropdown-menu
  i.user_menu_indicator_status.fas.status-online.fa-circle {
  bottom: 5px !important;
}
.safe_mode_static {
  display: inline-flex;
  align-items: center;
}
.members_col_name_ctrl .member_name {
  flex: unset;
  width: auto;
  padding-right: 15px;
}
.employee-panel {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 0 1px 0 #0000000d;
}
.employee-info {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  margin-bottom: 0;
}
.employee-avatar {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  margin-right: 0;
}
.leave-record-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #edeef2;
  padding: 0 0;
  font-size: 14px;
}
.leave-record-header {
  font-weight: 600;
}
.leave-type-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
}
.leave-type-tag svg {
  margin-right: 6px;
}
.tag-planned {
  background-color: #ffe6c7;
  color: #d97706;
}
.tag-slcl {
  background-color: #dbeafe;
  color: #2563eb;
}
.leave-record-columns {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0px;
  align-items: center;
  width: 100%;
}
.time-activity-records-column {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 190px;
  gap: 9px;
  align-items: center;
  width: 100%;
}
.leave-record-columns .leave-record-column:first-child {
  padding-left: 20px;
}
.leave-record-columns .leave-record-column:last-child {
  padding-left: 20px;
}
.three_dot_dropdown.in_table_row {
  margin-right: 20px;
}
.leave-summary-header {
  display: flex;
  gap: 12px;
  font-size: 12px;
  border-bottom: 1px solid #edeef2;
  padding: 10px 20px;
}
.summary-box {
  background: #f3f3f3;
  padding: 2px 8px;
  border-radius: 6px;
  margin: 0 0 0 6px;
  font-size: 12px;
  color: #333;
  font-weight: 600;
  border: 1px solid #e9edf0;
}
.leave-summary-pull-right {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.leave-record-column {
  padding: 7px 10px;
  color: #262626;
  font-size: 13px;
  font-weight: 600;
}
.employee-name {
  font-size: 15px;
  font-weight: 600;
  color: #1a191e;
}
.employee-img {
  width: 22px;
  height: 22px;
  border-radius: 100%;
}
.leave-record-column.column-title {
  color: #262626;
  font-size: 13px;
  font-weight: 600;
  padding: 11px 10px;
}
.employee-panel .leave-record-row:last-child {
  border-bottom: 0;
}
.collapse_exapnd_user_record {
  border: 1px solid #d6d6d6;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  cursor: pointer;
  font-size: 12px;
}
.collapse_exapnd_user_record i {
  position: relative;
  font-size: 10px;
}
.collapse-btn,
.export-btn {
  padding: 3px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  font-size: 13px;
  cursor: pointer;
  min-height: 28px;
}
.month-actions-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.month-label {
  font-size: 18px;
  color: #1a191e;
  font-weight: 600;
}
.collapse_exapnd_user_record:hover {
  background: #f5f6f7;
}
.actions-bar button {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
}
.collapse-btn:hover,
.export-btn:hover {
  background: #f5f6f7;
}
.actions-bar button svg {
  margin-right: 8px;
}
.actions-bar {
  display: inline-flex;
  align-items: center;
}
.leave-status-approved {
  background: rgb(53 152 11 / 20%);
  color: #35980b;
}
.caret_down_icon {
  margin-left: 8px;
  color: rgb(96 96 96 / 80%);
  opacity: 0;
}
.create_time_off_modal {
    .caret_down_icon {
        opacity:1;
    }
}
.team-time-time-off .leave-record-columns:hover .caret_down_icon {
  opacity: 1;
}
.leave-status-pending {
  background-color: #ffe6c7;
  color: #d97706;
}
.leave-status-reject {
  background-color: #d9787c47;
  color: #fc4148;
}
.leave-status-type-wrap {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.team-time-time-off .leave-record-columns {
  grid-template-columns: 100px 180px 160px 150px 140px 1fr 130px 140px 130px 100px 80px;
}
.team-time-time-off .leave-description-value.in_team_time_off {
  max-width: 150px;
}
.leave-type .leave-type-tag {
  background: #ededed;
  color: #262626;
}
.edit_safe_mode_btn:hover {
  text-decoration: none;
  background: #e8e9eb;
  color: #333;
}
.edit_safe_mode_btn:active {
  background: #ecedf0 !important;
  color: #333 !important;
}
.edit_safe_mode_btn:focus {
  color: #262626 !important;
}
.edit_safe_mode_btn {
  background: #ecedf0;
  padding: 1px 8px;
  margin: 0 15px;
  color: #333;
  text-decoration: none;
}
.leave-description-value {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 320px;
}
.leave_approved_by {
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px;
  display: inline-block;
  text-overflow: ellipsis;
}
.leave-day-entry {
  padding: 12px 12px;
  border-radius: 6px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  width: 100%;
  margin-top: 11px;
  border: 1px solid #d6d8dc85;
  max-height: 116px;
  overflow: auto;
}
.leave-type-select-btn:hover {
  color: #333;
  border: 1px solid #dedede;
}
.leave-day-entry-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
  background: #f3f2f2;
  padding: 5px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.leave-day-entry-row .leave-date {
  font-weight: 500;
  flex: 1;
  font-size: 13px;
}
.leave-day-entry-row .day-name {
  color: #555;
}
.leave-type-select {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 14px;
  margin-left: auto;
}
.leave-type-select-btn {
  padding: 3px 8px 2px 8px;
  display: inline-flex;
  align-items: center;
  margin: 0;
  font-size: 13px;
  border: 0;
  border-radius: 4px;
}
.leave-type-select-arrow {
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
  font-size: 10px;
}
.leave-type-select-btn:hover,
button.btn.leave-type-select-btn:active,
button.btn.leave-type-select-btn:focus {
  color: #333;
  border: 0 !important;
}
.leave-day-entry .leave-day-entry-row:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.user_sum_data.snippet_data {
  color: rgba(0, 0, 0, 0.58);
  font-weight: 600;
  margin: 0;
  justify-content: center;
  display: flex;
  align-items: center;
}
.snippet_label {
  color: var(--text-secondary);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  font-weight: var(--font-weight-medium);
  padding-bottom: var(--space-2);
  align-items: center;
  display: inline-flex;
}
.snippet_ctrl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.snippet_data svg {
  margin-right: 6px;
  display: inline-flex;
}
.user_sum_data.snippet_data > span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}
.attendance_overview_cards.snippet_ctrl {
  margin-top: 0;
  padding: 12px 5px;
  border-radius: 10px;
}
.attendance_log_card.snippet_main_wrapper {
  height: auto;
  overflow: visible;
  padding: 15px 15px;
}
.snippet_main_wrapper h2.card_label {
  margin-bottom: 9px;
}
.activity_percentage_div_section_progress_bar.extreme,
.activity_percentage_div_section_progress_bar.moderate,
.activity_percentage_div_section_progress_bar.nice {
  background: #009700;
}
.activity_overview_cards {
  border: 1px solid #ebeced;
  border-radius: 10px;
  margin-top: 10px;
  overflow: auto;
  padding: 15px;
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
}
.attendance_panel_first {
  width: 65%;
  display: flex;
  margin-right: 10px;
}
.attendance_panel_second {
  width: 35%;
}
.activity_overview_cards.activity_wrapper {
  padding: 10px 15px;
}
.attendance_overview_cards.center.snippet_ctrl {
  margin: 0 10px;
}
.summary_panel_first {
  width: 76%;
  display: flex;
}
.summary_panel_second {
  width: 24%;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.attendance_overview_cards.activity_wrapper {
  width: 100%;
  flex-direction: column;
  margin: 0;
  padding: 10px 12px;
  min-height: 78px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  align-items: center;
  justify-content: center;
}
.activity_wrapper .activity_progress {
  width: 100%;
  height: 6px;
  margin: 0;
}
.activity_wrapper .activity_percentage_div_section {
  width: 100%;
  margin: 0 10px;
}
.activity_wrapper .activity_percentage_div_section_progress_bar {
  height: 6px;
}
.medium-activity {
  background: #e29200;
}
.low-activity {
  background: #d20613;
}
.activity_percentage_div_section_progress_bar.high-activity {
  background: #009700;
}
.activity_wrapper_section {
  width: 100%;
  align-items: center;
  display: inline-flex;
}
.summary_activity_row {
  display: flex;
  width: 100%;
  padding: 4px 0;
  align-items: center;
}
.summary_activity_row > span {
  color: #000;
  font-weight: 600;
}
.summary_panel_third {
  width: 38px;
  height: 100%;
  display: flex;
}
.attendance_overview_cards.screensot_btn_wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-height: 80px;
}
.attendance_overview_cards.screensot_btn_wrapper > span {
  cursor: pointer;
}
.approved_leave_day_breakdown label {
  min-width: 78px;
}
.leave-day-counter {
  cursor: default;
}
.view-leave-details {
  cursor: pointer;
  border: 1px solid #e2e7eb;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12px;
  color: #282828;
}
.view-leave-details:hover {
  background: #e2e7eb;
}
.team-overtime-request .leave-description-value {
  max-width: 180px;
}
.team-overtime-request .project_value_ctrl {
  overflow: hidden;
  white-space: nowrap;
  max-width: 130px;
  text-overflow: ellipsis;
}
.team-overtime-request .leave-record-columns {
  grid-template-columns: 130px 110px 210px 210px 210px 130px 130px 150px 120px 90px;
}
.overlayed_comment_box {
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  height: 100%;
  width: 100%;
}
.comments_overlayed_wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
}
.comments_overlayed_wrapper .full_page_overlay {
  width: 100%;
  height: 100%;
  background-color: #00000080;
  position: fixed;
  top: 0;
  left: 0;
}
.ccm_wrapper #comment_timebox_data_scroller {
  height: 100%;
}
.ccm_wrapper .comments_list_ctrl {
  height: 100%;
}
.ccm_wrapper .no_comments_yet_control {
  height: 100% !important;
}
.ccm_wrapper .content_ctrl {
  max-width: 500px;
  right: 0;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
}
.ccm_wrapper .custom-modal-header {
  border-bottom: 1px solid #dee2e6 !important;
  justify-content: normal !important;
  padding: 15px 20px !important;
  align-items: center;
  border-bottom: var(--bs-modal-header-border-width) solid
    var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
}
.entry_linked_comments {
  display: inline-flex;
  top: 2px;
  position: relative;
}
.time-off-data-counter {
  display: inline-flex;
  align-items: center;
  padding: 2px 5px;
  border: 1px solid #edeef2;
  border-radius: 5px;
  margin: 0 5px;
  cursor: default;
}
.time-off-data-counter span {
  font-size: 14px;
  font-weight: 600;
  padding-left: 5px;
}
.time-off-data-counter svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.time-off-data-counter.used {
  border-color: #f4d2c8;
}
.time-off-data-counter.used svg {
  stroke: #f25936;
}
.time-off-data-counter.balance {
  border-color: #c9ead3;
}
.time-off-data-counter.balance svg {
  stroke: #156b4b;
}
.time-off-data-counter.allocated {
  border-color: #dbdce0;
}
.time-off-data-counter.allocated svg {
  stroke: #697585;
}
.cm_notification_ctrl {
  align-items: center;
  display: flex;
  padding: 10px 20px;
  min-height: 40px;
  border-bottom: 1px solid #e2e7eb;
  position: relative;
  cursor: pointer;
}
.cm_notification_ctrl:hover {
  background: rgb(251 251 251 / 85%);
}
.comments_grouped_by_wrap .comments_grouped_by_period {
  background: #fff;
  margin: 0 0 15px 0;
}
.comments_grouped_by_wrap .comments_grouped_by_period:last-child {
  margin: 0;
}
.comments_grouped_by_period {
  border: 1px solid #e2e7eb;
  border-radius: 12px;
  overflow: hidden;
}
.comments_grouped_by_period .cm_notification_ctrl:last-child {
  border-bottom: 0;
}
.cm_period_individual {
  background-color: #f9f9fa;
  border-bottom: 1px solid #e2e7eb;
  padding: 9px 20px;
  font-weight: 600;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  color: #282828;
}
.entry_cmntd_on {
  font-size: 13px;
  font-weight: 600;
  color: #262626;
}
.cm_notification_time {
  color: rgba(38, 38, 38, 0.7);
  padding-left: 20px;
  margin-left: auto;
  white-space: nowrap;
}
.cmntd_by_username {
  color: #262626;
  padding: 0 4px 0 6px;
}
.cm_action_note {
  color: #307af4;
  font-weight: 600;
}
.cm_notification_bottom_row {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.cm_notification_buttons {
  align-items: center;
  margin-left: auto;
  display: none;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  background: #fff;
  box-shadow: -22px 0 8px -7px rgb(255 255 255);
}
.cm_notification_ctrl .entry_cmntd_on {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
}
.cm_notification_ctrl:hover .cm_notification_buttons {
  display: inline-flex;
}
.cm_notification_buttons button {
  border: 0;
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  line-height: normal;
  border-radius: 8px;
  margin: 0 0 0 8px;
  min-height: 28px;
  font-size: 13px;
  box-shadow: none;
}
.cm_notification_buttons .btn_unread {
  border: 1px solid #e2e7eb;
  background: #fff;
}
.cm_notification_top_row {
  width: 100%;
}
.cm_notification_top_row.read {
  opacity: 0.6;
}
.cm_noti_comment {
  margin-left: 4px;
}
.entry_cmntd_on:hover {
  text-decoration: underline;
}
.cm_notification_top_row.read .unread_notification_dot {
  background: #c9c9c9;
}
.cm_notification_buttons button svg {
  margin-right: 7px;
}
.notification-timestamp {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 4px;
  margin-left: auto;
}
.notification-avatar-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  width: 16px;
  height: 16px;
  color: #fff;
  border-radius: 100%;
  font-size: 10px;
  font-weight: 600;
}
.cm_notification_buttons .btn_unread:hover {
  background: #f5f6f7;
}
.notification-user-info {
  border: 1px solid rgb(209 209 209 / 70%);
  padding: 3px 6px;
  border-radius: 13px;
  margin: 0;
  display: inline-block;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
  max-width: 88%;
}
.unread_notification_dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #0e9aef;
  display: inline-block;
  margin-right: 8px;
}
.btn_clear_all_notification {
  margin-left: 20px;
  border-radius: 8px;
  border: 0;
  color: #1d1c21;
  font-size: 13px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: normal;
  opacity: 0.6;
  padding: 0;
}
.btn_clear_all_notification:hover {
  border: 0;
  color: #1d1c21;
  opacity: 1;
}
.btn_clear_all_notification:focus {
  border: 0;
}
.btn_clear_all_notification svg {
  margin-right: 6px;
}
.activity-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
}
.activity-section {
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e7eb;
  padding-bottom: 45px;
}
.activity-header {
  font-size: 14px;
  color: #000;
  border-bottom: 0;
  padding: 0px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.activity-label {
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
}
.activity-percentage {
  font-weight: 600;
  color: #333;
}
.activity-progress-bar {
  display: flex;
  height: 18px;
  border-radius: 20px;
  background: #f1f1f1;
  width: 100%;
  margin-bottom: 16px;
  position: relative;
}
.activity-progress {
  height: 100%;
}
.activity-progress-low {
  background-color: #ef5155;
}
.activity-progress-medium {
  background-color: #feac5a;
}
.activity-progress-high {
  background-color: #33c48f;
}
.activity-scale {
  display: flex;
  font-size: 12px;
  color: #999;
  margin-top: 4px;
}
.activity-input-stats .input-stat-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.input-label {
  margin-right: 8px;
  display: flex;
  width: 120px;
  color: #2a2e3d;
  font-size: 14px;
  font-weight: 600;
  align-items: center;
}
.input-bar-wrapper {
  flex: 1;
  background: #e2e7eb;
  border-radius: 4px;
  height: 6px;
  margin-right: 16px;
  overflow: hidden;
}
.input-bar {
  height: 100%;
}
.input-bar-low {
  background-color: #e74c3c;
}
.input-bar-medium {
  background-color: #f39c12;
}
.input-percentage {
  font-size: 12px;
  color: #000;
  min-width: 40px;
  text-align: right;
  font-weight: 600;
}
.activity-footer {
  text-align: left;
}
.view-screenshot-link {
  color: #007bff;
  text-decoration: none;
  font-size: 13px;
  opacity: 0.8;
}
.view-screenshot-link:hover {
  opacity: 1;
  text-decoration: none;
}
.input-icon svg {
  margin-right: 8px;
}
.activity-scale-point {
  font-size: 11px;
  color: rgb(42 46 61 / 80%);
  font-weight: 600;
  bottom: -32px;
  position: relative;
}
.activity-label svg {
  margin-right: 8px;
}
.input-icon {
  display: inline-flex;
  align-items: center;
  width: 26px;
}
.activity-entry-scale {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #999;
  margin-top: 4px;
  margin-bottom: 12px;
  padding-top: 12px;
}
.activity-progress {
  display: inline-flex;
}
.activity-scale .activity-scale-point:first-child {
  margin-left: 0;
}
.activity-scale .activity-scale-point:last-child {
  margin-left: 0;
}
.tick-mark {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 8px;
  background-color: #575a65;
  display: block;
}
.scale-point-over-space {
  position: relative;
  left: 10px;
}
.scale_no_space {
  left: 0;
}
.scale_no_space .tick-mark {
  left: 0;
}
.activity-progress-bar .activity-progress:first-child {
  border-radius: 20px 0 0 20px;
}
.activity-progress-bar .activity-progress:nth-child(3) {
  border-radius: 0 20px 20px 0;
}
.activity-section.activity-input-stats {
  padding-bottom: 10px;
  margin-bottom: 18px;
}
.view-screenshot-link i {
  margin-left: 6px;
  font-weight: 600;
  font-size: 12px;
}
.activity-progress-bar .activity-progress:last-child .tick-mark {
  left: auto;
  right: 0;
}
.overall_range {
  height: 6px;
  position: absolute;
  left: 0;
  top: 0;
  background: hsl(0 0% 20% / 0.5);
  bottom: 0;
  margin: auto;
}
.tracked-time ul {
  list-style: none;
}
.tracked-time ul li.tracked-time-time-item {
  font-size: 13px;
  margin-bottom: 0;
  display: flex;
  align-items: start;
  cursor: pointer;
  border-bottom: 1px solid #e2e7eb;
  padding: 2px 0 5px 0;
}
.tracked-time ul li.tracked-time-time-item .tracked-name {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  padding-right: 45px;
  flex: 1 1;
  text-align: left;
}
.tracked-time ul li.tracked-time-time-item:last-child {
  margin: 0;
}
.history_log_modal_popup.attendance-detail-popup {
  z-index: 99999;
}
.history_log_modal_popup.attendance-detail-popup.user_details_model {
  z-index: 999;
}
.two_column_group {
  display: flex;
  margin: 10px;
}
.two_column_group .attendance_log_card {
  width: 50%;
  margin: 0 5px;
}
.two_col_group_wrap {
  display: flex;
  margin-top: 10px;
  height: 100%;
  flex-direction: row;
}
.rc_left_panel {
  width: 40% !important;
}
.rc_right_panel {
  width: 60% !important;
}
.two_col_group_wrap .attendance_log_card {
  width: 100%;
  margin: 0 5px;
}
.two_col_group_wrap .attendance_log_card:last-child {
  margin-right: 0;
}
.two_col_group_wrap .attendance_log_card:first-child {
  margin-left: 0;
}
.two_col_group_wrap .attendance_log_card {
  width: 100%;
  margin: 0 5px;
  margin: 0 5px;
}
.four_level_scroll_ctrl .table_empty_state_content {
  height: calc(100vh - 291px) !important;
}
.edit_leave_ctrl {
  padding: 1px 8px;
  font-size: 13px;
}
.leave-description-value.in_team_time_off {
  max-width: 340px;
}
.attendance_log_card.dedicated_tracked_time_widget
  .tracked-time
  ul
  li.tracked-time-time-item
  .tracked-name {
  font-size: 14px;
}
.entry_in_rollcall_modal {
  word-break: break-word;
}
.attendance_log_card.dedicated_tracked_time_widget
  .tracked-time
  ul
  li.tracked-time-time-item {
  margin-bottom: 10px;
  font-size: 14px;
}
.attendance_log_card.dedicated_tracked_time_widget .tracked-time {
  font-size: 14px;
}
.employee-panel.collapsed .leave-summary-header {
  border-bottom: 0;
}
.dedicated_attendance_events_widget .entry-card {
  font-size: 14px;
}
.dedicated_attendance_events_widget .entry-action {
  font-size: 14px;
}
.dedicated_attendance_events_widget .entry-duration_container {
  font-size: 14px;
}
.dedicated_attendance_events_widget .entry-duration {
  font-size: 14px;
}
.dedicated_attendance_events_widget .time-item,
.dedicated_attendance_events_widget .time-label,
.dedicated_rollcall_summary_widget .attendance_overview_cards.snippet_ctrl,
.dedicated_rollcall_summary_widget .summary_panel_second {
  font-size: 14px;
}
.rollcall-container {
  display: flex;
  gap: 15px;
}
.rollcall-list-panel {
  width: 37%;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  padding: 0;
  height: calc(100vh - 288px);
  max-height: calc(100vh - 288px);
  overflow: hidden;
}
.live_rollcall_scroll_ctrl .rollcall-list-panel {
  height: calc(100vh - 241px);
  max-height: calc(100vh - 241px);
}
.live_rollcall_scroll_ctrl .rollcall-list-panel {
  height: calc(100vh - 236px);
  max-height: calc(100vh - 236px);
}
.rollcall-preview-panel {
  width: 63%;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  padding: 0;
  height: calc(100vh - 288px);
  display: flex;
  flex-direction: column;
  position: relative;
}
.live_rollcall_scroll_ctrl .rollcall-preview-panel {
  height: calc(100vh - 236px);
}
.roll_call_user_name {
  display: inline-flex;
  align-items: center;
  color: #333;
  font-size: 14px;
  overflow: hidden;
  width: auto;
  max-width: 240px;
}
.rollcall-list-item:hover {
  background: #fdfcfc;
}
.roll_call_member_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.rollcall-preview-header {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #e2e7eb;
}
.rollcall-list-panel .roll_call_member_name {
  max-width: 210px;
}
.rollcall-list-panel .team-info {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  align-items: center;
  max-width: 42%;
  text-overflow: ellipsis;
  font-size: 14px;
  padding: 1px 0;
}
.rollcall-list-panel .group-by-team-header {
  border-bottom: 1px solid #edeef2;
}
.rollcall-preview-title {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
.rollcall-preview-panel-body {
  padding: 20px;
  overflow: auto;
  height: 100%;
}
.rollcall-preview-panel .attendance_popup_footer {
  margin: 0;
  padding: 20px 0 0;
}
.rollcall-table {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  overflow: auto;
  height: 100%;
}
.rollcall-table-header,
.rollcall-table-row {
  padding: 8px 15px;
  border-bottom: 1px solid #edeef2;
  display: flex;
  width: 100%;
}
.rollcall-table-row {
  cursor: pointer;
}
.rollcall-table-header {
  color: rgb(38 38 38 / 60%);
  font-size: 13px;
  font-weight: 600;
  padding: 11px 15px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.rollcall-table-cell {
  display: flex;
  align-items: center;
  color: #333;
}
.rollcall-table-row:last-child {
  border-bottom: none;
}
.rollcall-status {
  font-weight: 500;
  margin-left: auto;
}
.rollcall-table-row:hover {
  background: #fdfcfc;
}
.rollcall-table-header .rollcall-table-cell {
  color: rgb(38 38 38 / 60%);
}
.rollcall-table-row.active {
  background: rgb(14 154 239 / 10%);
  border-color: background;
}
.rollcall-status-value {
  border: none;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  padding: 2px 6px;
  align-items: center;
  line-height: 1.4;
  font-weight: 600;
  font-size: 12px;
}
.status-break {
  color: #795548;
  background-color: rgb(121 85 72 / 20%);
}
.status-active {
  background-color: hsl(130deg 70% 30% / 20%);
  color: #178229;
}
.member_time_off_blank_state .table_empty_state_content {
  height: calc(100vh - 378px) !important;
}
.me_dashboard .status_approved,
.me_dashboard .status_rejected {
  cursor: default;
}
.work-summary-container {
  display: flex;
  gap: 1rem;
  background-color: #f9fafb;
  padding: 0;
  border-radius: 10px;
  margin-bottom: 15px;
}
.work-summary-card {
  background-color: #fff;
  border: 1px solid #edeef2;
  border-radius: 12px;
  padding: 15px 20px;
  flex: 1;
}
.work-summary-label {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.work-summary-value {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.screenshot-toggle-wrapper {
  display: inline-flex;
  background-color: #f3f4f6;
  border-radius: 6px;
  padding: 0.25rem;
}
.screenshot-toggle-button {
  padding: 4px 12px;
  font-size: 13px;
  color: #4b5563;
  background-color: transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-weight: 600;
}
.screenshot-toggle-button.active {
  background-color: #fff;
  color: #0e9aef;
  font-weight: 600;
  box-shadow: 0 0 0 1px #e5e7eb;
}
.has-no-scroll {
  overflow: unset;
  height: auto;
}
.grid_data_table_ctrl .timer_list_with_task_row,
.grid_data_table_ctrl .timer_table_header_inner {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 100px;
}
.time_off_timeline_loader {
  padding: 0;
  min-height: 420px;
  max-height: 420px;
}
.custom_datepicker .react-datepicker-popper {
  z-index: 9;
}
.member_roll_blank_state .table_empty_state_content {
  height: calc(100vh - 345px) !important;
}
.inbox_has_no_data_available .table_empty_state_content {
  height: calc(100vh - 329px) !important;
}
.inbox_has_no_data_available {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e2e7eb;
  margin-top: 15px;
}
ul.activity-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: 0;
  display: flex;
}
.screen-activity-list-item {
  display: flex;
  align-items: center;
  background-color: inherit;
  border: 1px solid #e7eaec;
  padding: 14px 15px;
  position: relative;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  margin: 0 10px 0 0;
  flex-direction: column;
  width: 100%;
}
.activity-item-label {
  color: rgb(51 51 51 / 70%);
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  font-weight: 600;
}
.activity-item-label svg {
  margin-right: 8px;
}
.activity-list-icon {
  width: 26px;
  display: inline-flex;
  align-items: center;
}
.add_time_entry_popup .modal-title {
  font-size: 16px;
}
.add_time_entry_popup .modal-dialog {
  width: 400px;
  max-width: 400px;
}
.member_tooltip_data_ctrl {
  padding: 0 !important;
}
.member_tooltip_scroll_area {
  max-height: 400px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  width: 280px;
  padding: 8px 16px;
}
.member_tooltip_member_list {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed rgba(255, 255, 255, 0.35);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.member_tooltip_member_list .member_time_row {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.member_tooltip_name {
  word-break: break-word;
  max-width: 70%;
}
.member_tooltip_time {
  white-space: nowrap;
  font-weight: 600;
}
.inbox-comment-wrapper {
  width: 420px;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: #fff;
  overflow-y: auto;
  height: calc(100vh);
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  box-shadow: -15px 0 36px #00000012;
  animation: slideIn 0.2s ease-out;
}
@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.inbox-comment-header {
  padding: 12px 16px;
  font-weight: 600;
  border-bottom: 1px solid #e0e0e0;
}
.inbox-comment-body {
  padding: 16px;
  overflow-y: auto;
  background: #f6f6f6;
  position: relative;
}
.inbox-comment-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  padding: 0;
  border-radius: 6px;
  transition: background-color 0.2s;
}
.inbox-comment-avatar-img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.inbox-comment-item-action.show {
  opacity: 1;
}
.inbox-comment-content {
  flex: 1;
  display: flex;
}
.inbox-comment-author {
  font-weight: var(--font-weight-semibold);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  margin-bottom: var(--space-1);
  position: relative;
  display: flex;
  color: var(--text-primary);
}
.inbox-comment-author .replay_icon {
  margin-left: auto;
  display: inline-block;
  opacity: 0;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.inbox-comment-item:hover
  .inbox-comment-item-actions
  .inbox-comment-item-action {
  opacity: 0.6;
}
.inbox-comment-item-actions {
  display: flex;
  align-items: center;
  margin-left:10px;
  opacity: 1;
  position: relative;
  top: -3px;
}
.inbox-comment-item-actions .inbox-comment-item-action.show {
  opacity: 1;
}
.inbox-comment-item:hover .inbox-comment-item-actions {
  opacity: 1;
}
.inbox-comment-item-action {
  display: inline-flex !important;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
  margin-left: 6px;
}
.inbox-comment-item-action:hover {
  background: #eff0f1;
}
.inbox-comment-item-action:hover {
  opacity: 1;
}
.inbox-comment-author .replay_icon:hover {
  opacity: 1;
}
.inbox-comment-time {
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-line);
  color: var(--text-muted);
  margin-left: var(--space-2);
  font-weight: var(--font-weight-regular);
  font-variant-numeric: tabular-nums;
}
.inbox-comment-wrapper .inbox-comment-footer {
  padding: 0;
  border-top: 0;
}
.inbox-comment-body .comment_attachment_data {
  max-width: 240px;
  position: relative;
}
.inbox-comment-text {
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  margin-top: 0;
  color: var(--text-primary);
}
.inbox-replies-summary-wrap .inbox-comment-input-wrapper {
  padding: 0;
  border: 0;
}
.inbox-header-title .etd_logo {
  width: 14px;
  position: relative;
  top: -1px;
}
.inbox-comment-wrapper
  .global_style_comment
  .custom_quil_comment_box
  .assignee_circle.in-dropdown {
  display: none;
}
.inbox-comment-wrapper .global_style_comment .quill_comment_box_innr_ctrl {
  padding-left: 0;
}
.inbox-comment-thread {
  padding: 12px;
}
.inbox-replies-summary-wrap .comment_box_ctrl {
  border-top: 1px solid #e2e7eb;
  padding: 14px 14px 14px 14px;
}
.inbox-comment-reply-count {
  font-size: 13px;
  color: #555;
  cursor: pointer;
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  user-select: none;
}
.inbox-comment-tag {
  color: #007bff;
}
.inbox-comment-input-wrapper {
  display: flex;
  border-top: 1px solid #eee;
  padding: 10px 16px;
  margin-top: 0;
  position: relative;
}
.inbox-comment-input {
  flex-grow: 1;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  padding: 7px 104px 7px 12px;
  font-size: 13px;
}
.inbox-comment-send-btn {
  background: #007bff;
  color: #fff;
  border: none;
  padding: 7px 12px;
  margin-left: 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
}
.inbox-comment-date-label {
  display: flex;
  align-items: center;
  text-align: center;
  color: #8b8b8b;
  font-size: 13px;
  margin: 20px 0;
  justify-content: center;
  position: relative;
}
.inbox-comment-date-label::after,
.inbox-comment-date-label::before {
  content: "";
  width: 38%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.inbox-comment-date-label::before {
  margin-right: 10px;
  left: 0;
}
.inbox-comment-date-label::after {
  margin-left: 10px;
}
.inbox-comment-footer {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background-color: #fff;
  border-top: 1px solid #e2e7eb;
  position: relative;
}
.inbox-comment-footer .custom_quil_comment_box,
.inbox-replies-summary-wrap .custom_quil_comment_box {
  border-radius: 8px;
}
.inbox-comment-footer .comment_save_button,
.inbox-replies-summary-wrap .comment_save_button {
  border-radius: 8px;
}
.inbox-footer-icon {
  background: 0 0;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
.inbox-footer-input {
  flex-grow: 1;
  margin: 0 8px;
  padding: 10px 16px 16px;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  font-size: 14px;
}
.inbox-footer-send {
  background: #007bff;
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 16px;
  font-size: 14px;
  cursor: pointer;
}
.inbox-sidebar-header {
  padding: 8px 16px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-bottom: 1px solid #e2e7eb;
  border-top: 1px solid #e2e7eb;
}
.inbox-header-title {
  font-weight: 400;
  flex: 1;
  margin-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2a2e3d;
  align-items: center;
  padding-right: 0;
  display: inline-block;
  font-size: 14px;
}
.inbox-header-title svg {
  margin-right: 8px;
}
.inbox-header-timer svg {
  margin-right: 6px;
}
.inbox-comments-header {
  padding: 8px 16px 8px;
  display: flex;
  justify-content: space-between;
  background: #fff;
}
.inbox-back-button {
  background: 0 0;
  border: none;
  font-size: 18px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
  border-radius: 6px;
}
.inbox-comments-close {
  background: 0 0;
  border: none;
  font-size: 18px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.inbox-comments-title {
  font-size: 16px;
  font-weight: 600;
  color: #2a2e3d;
  display: inline-flex;
  align-items: center;
}
.inbox-header-timer {
  font-size: 13px;
  color: #2a2e3d;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.inbox-user-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 0;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  position: relative;
  line-height: normal;
}
.mention_blot_section {
  color: #0e99ed;
  cursor: pointer;
}
.inbox-comment-item .capture_coment_attachment {
  background: #e5e7e9;
  padding: 8px 8px;
  display: inline-flex;
  flex-direction: column;
}
.inbox-comment-item .image_overlay_on_hover {
  border-radius: 8px;
}
.inbox-replies-summary-wrap {
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  position: relative;
  background: #fff;
  margin: -17px 0 16px 30px;
}
.inbox-replies-summary-header {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid #e2e7eb;
  border-radius: 8px 8px 0 0;
  background: #fff;
  cursor: pointer;
}
.inbox-replies-summary-wrap.expanded .inbox-replies-summary-header {
  border-radius: 8px 8px 0 0;
}
.inbox-replies-summary-wrap.collapsed .inbox-replies-toggle svg {
  transform: rotate(-90deg);
}
.inbox-replies-summary-wrap
  .quill_side_panel_comment_box_area_comment
  .cmt_actn_btns {
  position: absolute;
  display: inline-flex;
  width: auto;
  right: -7px;
  padding: 4px 0;
}
.inbox-replies-summary-wrap
  .cmt_actn_input.comment_box_has_value
  + .cmt_actn_btns,
.inbox-replies-summary-wrap .cmt_actn_input:focus-within + .cmt_actn_btns {
  position: static;
  width: 100%;
  display: flex;
  padding: 5px 10px 7px 10px;
}
.inbox-replies-summary-wrap
  .quill_side_panel_comment_box_area_comment
  .cmt_actn_btns
  .comment_save_button {
  display: none;
}
.inbox-replies-summary-wrap
  .cmt_actn_input:focus-within
  + .cmt_actn_btns
  .comment_save_button {
  display: block;
}
.comment_box_has_value + .cmt_actn_btns .comment_edit_cancel_button,
.comment_box_has_value + .cmt_actn_btns .comment_save_button.active {
  display: block;
}
.inbox-mention {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  margin-left: var(--space-2);
}
.inbox-replies-toggle {
  background: 0 0;
  border: none;
  font-size: 14px;
  color: #020f1d;
  cursor: pointer;
  margin-left: auto;
  width: 14px;
  height: 14px;
  background: #e2e7eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.inbox-replies-summary-wrap.collapsed .inbox-replies-summary-header {
  border-bottom: 0;
  border-radius: 8px;
}
.inbox-comment-thread .inbox-comment-item {
  padding: 0;
}
.inbox-comment-date-label::after {
  right: 0;
}
.inbox-comments-close:hover {
  background: #f5f6f7;
}
.inbox-back-button:hover {
  background: #f5f6f7;
}
.comment-action-btn {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
}
.inbox-comment-action-btn {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: auto;
  z-index: 999;
  bottom: 0;
  right: 26px;
}
.comment-action-btn.send-comment-ctrl {
  background: #007ee8;
  margin-left: 5px;
}
.comment-action-btn:hover {
  background: #f9f9f9;
}
.comment-action-btn.send-comment-ctrl:hover {
  background: #2793ed;
}
input.inbox-comment-input:focus {
  border-color: #0e9aef;
}
.inbox-comment-thread-main {
  position: relative;
}
.comment_has_thread:before {
  content: "";
  height: 100%;
  position: absolute;
  left: -19px;
  width: 1px;
  background: #e3e3e3;
  top: 20px;
}
.inbox-replies-summary-wrap:after {
  content: "";
  height: 1px;
  position: absolute;
  left: -20px;
  width: 20px;
  background: #e3e3e3;
  top: 14px;
}
.user-comment-data-ctrl {
  position: relative;
  margin-bottom: 6px;
  padding-bottom: 6px;
  display: flex;
  flex-direction: column;
  width: 0;
  flex: 1;
}
.comment-empty-state {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  top: 0;
}
.comment-empty-title {
  font-size: 16px;
  color: #333;
  margin: 8px 0 4px;
}
.in_roll_call .react-datepicker-popper[data-placement^="bottom"] {
  padding-top: 18px;
}
.outlined-btn-ctrl {
  border: 1px solid #e2e7eb !important;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
}
.outlined-btn-ctrl svg {
  margin-right: 8px;
}
.outlined-btn-ctrl:hover {
  background: #f5f6f7;
  color: #333;
}
.attendance_log_card_header {
  border-bottom: 1px solid #ebeced;
  margin: -15px -15px 15px -15px;
  padding: 15px 15px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
}
.attendance_log_card_header .card_label {
  margin: 0;
}
.dedicated_roll_calll_attendance_wrap .attendance_log_card {
  overflow: unset;
}
.attendance_log_card_body {
  overflow: auto;
  margin: -15px;
  padding: 15px;
}
.dedicated_rollcall_timer_widget {
  text-align: left;
  position: relative;
  min-height: auto;
  padding: 15px 15px;
  display: flex;
  align-items: center;
  border: 1px solid #ebeced;
  background: #fff;
}
.widget_timer_running.dedicated_rollcall_timer_widget {
  border: 1px solid #fcd7d8;
  box-shadow: 0 6px 12px rgba(239, 84, 89, 0.1019607843);
}
.dedicated_rollcall_timer_widget .work-timer-timer {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
}
.dedicated_rollcall_timer_widget .work-timer-task {
    margin: 0 0 0;
    width: 100%;
    max-width: 100%;
}
.dedicated_rollcall_timer_widget .break-time-info {
  text-align: left;
  justify-content: start;
  margin: 0;
}
.single_line_divider {
  display: inline-block;
  width: 2px;
  background: #e3e3e3;
  height: 14px;
  margin: 0 10px;
}
.status_badge {
  display: inline-flex;
  width: 8px;
 min-width: 8px;
  height: 8px;
  border-radius: 3px;
  margin-right: 6px;
}
.status_badge.on_desk {
  background: #298229;
}
.status_badge.on_break {
  background: #6f4e37;
}
.status_badge.shift-ended {
  background: #d18a08;
}
.work-timer-timer.no_timer_running {
  opacity: 0.5;
}
.calendar-header-dropdown .white_filter_btn_click {
  border: 0;
  display: flex;
  align-items: center;
  width: 100%;
}
.calendar-header-dropdown {
  margin: 10px 10px 0;
}
.calendar-header-dropdown .tp_filter_dropdown_list_ctrl li a {
  font-weight: 500;
  color: #333;
  font-size: 13px;
}
.calendar-header-dropdown .white_filter_btn_click .icon_up_down {
  margin-left: auto;
  display: inline-flex;
}
.roll_call_calendar_ctrl .cal_with_date_container {
  position: relative;
  margin-top: 11px;
}
.roll_call_calendar_ctrl small.event-time {
  font-size: 11px !important;
  color: #000 !important;
  font-weight: 600 !important;
}
.roll_call_calendar_ctrl .custom_datepicker .react-datepicker__day {
  width: 52px !important;
  height: 52px;
}
.roll_call_calendar_ctrl .react-datepicker__tab-loop * {
  font-family: 'Inter', "Segoe UI", sans-serif;
}
.roll_call_calendar_ctrl .react-datepicker {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  border: 1px solid #d5d5d6 !important;
  border-radius: 12px;
}
.roll_call_calendar_ctrl
  .custom_datepicker
  .react-datepicker__day--selected.react-datepicker__day--today
  small.event-time {
  color: #fff !important;
}
.roll_call_calendar_ctrl .day-cell {
  font-size: 14px;
  color: #333;
  font-weight: 600;
}
.roll_call_calendar_ctrl .day-cell > div {
  display: flex;
  justify-content: center;
  height: auto;
  line-height: 1;
}
.roll_call_calendar_ctrl .custom_datepicker .react-datepicker__day-name {
  width: 52px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
  color: #333;
}
.roll_call_calendar_ctrl .custom_datepicker .react-datepicker__current-month {
  font-weight: 600;
}
.roll_call_calendar_ctrl .custom_datepicker .react-datepicker__navigation {
  top: 9px;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
}
.roll_call_calendar_ctrl .caret_box i {
  font-family: "Font Awesome 5 Free";
}
.calendar-header-dropdown {
  display: flex;
  align-items: center;
  padding: 10px 15px 10px;
  border-bottom: 1px solid #e2e7eb;
  margin: 0;
}
.calendar-header-dropdown .group_by_label {
  color: hsl(0deg 0% 20% / 60%);
  font-size: 13px;
  margin-right: 10px;
}
.roll_call_calendar_ctrl .custom_datepicker .react-datepicker__current-month {
  border-bottom: 0;
}
.roll_call_calendar_ctrl .custom_datepicker .react-datepicker__current-month {
  font-weight: 600;
}
.dropdown_wrap_relative {
  position: relative;
}
.counter_circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dd5054;
  min-width: 16px;
  min-height: 16px;
  color: #fff;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  margin-left: auto;
  position: relative;
  right: -4px;
  padding: 0 2px;
}
.counter_circle_light {
  background: #dfdfdf;
  color: #333;
  font-weight: 600;
  font-size: 12px;
}
.active .counter_circle_light {
  background: #0e9aef;
  color: #fff;
}
.rollcall-preview-panel-body .two_col_group_wrap {
  height: auto;
}
.timer_name_and_message {
  display: flex;
  flex-direction: column;
  width: 80%;
}
.timer_name_and_message .work-timer-roll-message {
  display: inline-flex;
  width: 100%;
}
.timer_name_and_message .work-timer-task {
  text-align: left;
}
.roca_left_panel {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.timer_name_and_message {
  display: inline-flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  width: 0;
  flex: 1;
  padding-right: 60px;
}
.timer_name_and_message .work-timer-roll-message {
  display: inline-flex;
  width: 100%;
  text-align: left;
  flex-direction: column;
}
.timer_name_and_message .work-timer-task {
  text-align: left;
  margin: 10px 0 0 0;
  font-size: 14px;
}
.roca_left_panel {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.roca_top_widget_wrapper .att-form-group-btn {
  flex-direction: column;
  width: 10%;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  margin-left: 25px;
}
.roca_top_widget_wrapper {
  display: flex;
  min-height: unset;
  height: auto;
  min-height: 95px;
}
.roca_top_widget_wrapper .att-form-group-btn .work-timer-btn {
  margin: 0;
  white-space: nowrap;
  padding: 4px 6px !important;
  min-height: auto;
}
.roca_top_widget_wrapper .att-form-group-btn .work-timer-btn.clock-out-btn {
  margin-bottom: 5px;
}
.roca_top_widget_wrapper .break-time-info {
  text-align: left;
  margin: 10px 0 0 0;
  font-size: 14px;
  justify-content: flex-start;
}
.inline_mouse_keyboard_activity {
  padding: 0;
  margin: 0 25px 0 0;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.custom_datepicker
  .react-datepicker__day--selected.react-datepicker__day--today
  .day-cell {
  color: #fff;
}
.inline_mouse_keyboard_activity > svg {
  margin: 0 8px 0 0;
}
.inline_mouse_keyboard_activity.keyboard_inline_activity:after {
  position: absolute;
  top: -10px;
  right: -10px;
  content: "";
  border-right: 1px solid #ebeced;
  height: 36px;
}
.inline_mouse_keyboard_activity.keyboard_inline_activity {
  border-top: 1px solid #ebeced;
}
.inline_mouse_keyboard_activity.mouse_inline_activity:after {
  position: absolute;
  top: -10px;
  right: -10px;
  content: "";
  border-right: 1px solid #ebeced;
  height: 36px;
}
.inline_mouse_keyboard_activity.mouse_inline_activity {
  margin-right: 45px;
}
.attendance_log_card.attendance_events_wrapper {
  width: 67%;
}
.tracked-time.total_entry_time {
  min-width: 74px;
  text-align: right;
}
.attendance_log_card.tracked_events_wrapper.dedicated_tracked_time_widget {
  width: 55%;
}
.live_total_entry_time {
  min-width: 78px;
  text-align: right;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: end;
}
.time_tracking_sidebar ul li svg.stroke_icon * {
  fill: none !important;
  stroke: #9fa5ae !important;
}
.inbox-comment-item-actions .dropdown-menu.menu-right {
  left: auto;
  right: 0;
  max-width: 130px;
  min-width: 130px;
  padding: 5px;
}
.running_entry .editable_entry {
  color: #fe575c;
}
.user_time_off_ctrl .leave-status-type-wrap .leave-type-tag {
  cursor: initial;
}
.time_off_request_reason_tooltip .tooltip_scroll_area {
  max-width: 400px;
  max-height: 200px;
  overflow: auto;
  display: inline-block;
  margin: 0;
  white-space: normal;
  word-break: break-word;
}
.sidebar_collapsed .left_side_bar_time_box_menu .counter_circle {
  position: absolute;
  left: 33px;
  top: 0;
  right: auto;
}
li.rc_submenu_highway_lane:hover .submenu-dropdown-ctrl {
  display: block;
  opacity: 1;
  left: 100%;
  top: 0;
}
.dropdown-menu-list-wrap {
  background: #fff;
  border: 1px solid #d5d5d6 !important;
  border-radius: 8px;
  box-shadow: 0 3px 6px #00000029 !important;
  -webkit-box-shadow: 0 3px 6px #00000029 !important;
  -moz-box-shadow: 0 3px 6px #00000029 !important;
  -ms-box-shadow: 0 3px 6px #00000029 !important;
  -o-box-shadow: 0 3px 6px #00000029 !important;
  min-width: 160px;
  padding: 5px;
  left: 100%;
  margin-left: 6px;
}
.dropdown-menu-list-wrap li.rc_submenu_highway_lane {
  border-radius: 4px !important;
}
li.rc_submenu_highway_lane .fa-chevron-right {
  margin-left: auto;
  font-size: 11px;
  opacity: 0.5;
  display: inline-flex;
  align-items: center;
}
.export_roll_call_pdf {
  min-width: 200px;
}
.export_roll_call_pdf li.rc_submenu_highway_lane {
  border-radius: 4px;
}
.timer_row_col.col_report_date.mouse_keyboard_activity_row {
  border-left: 0;
  min-width: 166px;
  text-align: left;
  padding: 0 15px !important;
}
.mouse_keyboard_activity_row .inline_mouse_keyboard_activity:first-child {
  margin-left: 0;
}
.mouse_keyboard_activity_row .inline_mouse_keyboard_activity {
  padding: 0;
  margin: 0 0 0 10px;
  min-width: 62px;
  font-weight: 500;
  font-size: 14px;
}
.group-by-team-active .group-by-team-panel {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 1px 0 #0000000d;
  margin-bottom: 10px;
  padding: 0;
}
.group-by-team-header {
  border-bottom: 0 solid #edeef2;
  display: flex;
  font-size: 12px;
  gap: 12px;
  padding: 10px 20px;
}
.rollcall-list-panel .group-by-team-header {
  border-bottom: 1px solid #edeef2;
}
.team-info {
  color: #1a191e;
  font-size: 15px;
  font-weight: 600;
}
.group-by-team-active {
  border: 0;
  background: 0 0;
}
.group-by-team-active .timer_table_header {
  margin-bottom: 10px;
  background: #fff !important;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
}
.group-by-team-active .timer_table_header_inner {
  background: #fff;
  border-radius: 8px;
}
h1.user_switcher {
  cursor: pointer;
}
h1.user_switcher:hover {
  background: #f5f6f7 !important;
  border: 1px solid #e2e7eb !important;
}
h1.user_switcher i.fas {
  font-size: 14px;
  margin-left: 10px;
}
.dropdown-menu.user_switcher_dropdown_list {
  width: 300px;
}
.task_name.integration_link_icon img.etd_logo {
  margin-right: 6px;
}
.group-by-team-active
  .group_by_task_table_ctrl
  .timer_list_with_task_row
  .timer_row_col:first-child {
  margin-left: 0 !important;
}
.group-by-team-active .collapse_expand_all {
  margin-right: 14px;
}
.timer_row_col.attendance_row_col {
  min-width: 110px;
  border-left: 1px solid #ebeef1;
}
.live_dashboard_view_ctrl .view_loader_container.loader_after_table_header {
  height: calc(100vh - 273px);
}
.live_dashboard_view_ctrl
  .timer_list_with_task_row:hover
  .three_dot_click_area {
  opacity: 1;
}
.live_dashboard_view_ctrl .three_dot_click_area {
  opacity: 0;
  margin-right: 6px;
}
.live_dashboard_view_ctrl .timer_row_col.timer_row_col_member {
  margin-left: 0 !important;
}
.group-by-none-active .group-by-team-header {
  border-bottom: 1px solid #edeef2;
}
.page_header_single_level
  .live_dashboard_view_ctrl
  .nothing_in_report
  .table_empty_state_content,
.page_header_single_level .live_dashboard_view_ctrl .table_empty_state_content {
  height: calc(100vh - 435px) !important;
}
.rdrDay.rdrDayToday .rdrDayNumber {
  color: #3d91ff;
}
.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber div,
.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber div,
.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber div,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber div {
  color: #fff !important;
}
.my_video_data_main_card.in_team_timer_details_view .table_empty_state {
  min-height: calc(100vh - 394px);
}
.team-time-off-holidays .leave-record-columns {
  grid-template-columns: 1fr 1fr 1fr 120px !important;
}
.rc_trackeded_events_header {
  color: rgb(0 0 0 / 48%);
  font-weight: 600;
  display: inline-flex;
  font-size: 12px;
}
ul.rc_header_label_wrapper > li {
  display: flex !important;
  border-bottom: 1px solid #e2e7eb;
  padding: 2px 0 5px 0;
  margin-bottom: 5px;
}
ul.rc_header_label_wrapper > li > span:first-child {
  flex: 1;
}
ul.rc_header_label_wrapper > li > span:nth-child(2) {
  margin-right: 25px;
}
ul.rc_header_label_wrapper > li > span:last-child {
  margin-left: auto;
}
.attendance_log_card_body .timer.task_timer {
  margin-left: 0 !important;
}
.break-timer-screen-tab-content .live_total_entry_time,
.break-timer-screen-tab-content .tracked-time,
.rc_header_label_wrapper li .rc_trackeded_events_header:last-child {
  min-width: 72px;
  margin: 0;
  justify-content: end;
}
.inline_mouse_keyboard_activity,
.rc_header_label_wrapper li .rc_trackeded_events_header:nth-child(2),
.rc_header_label_wrapper li .rc_trackeded_events_header:nth-child(3) {
  min-width: 50px;
  margin: 0;
}
.activity-item-count {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 16px;
  color: #333;
}
.activity-item-count svg {
  margin-right: 8px;
}
ul.activity-list .screen-activity-list-item:last-child {
  margin-right: 0;
}
.activity-summary-section {
  display: flex;
  gap: 16px;
  margin-top: 16px;
  width: 100%;
}
.activity-graph-container,
.activity-stat-card {
  background: #fff;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.card-value {
  font-size: 18px;
}
.activity-stat-cards-right {
  display: flex;
  flex-direction: column;
  width: 40%;
}
.activity-graph-container {
  width: 60%;
}
.activity-stat-card-header .card-title {
  color: #030712;
  font-size: 14px;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  flex: 1;
}
.activity-stat-card-header {
  padding: 8px 10px;
  border-bottom: 1px solid #e4e6eb;
  display: flex;
  align-items: center;
  margin: 0;
  color: #030712;
  font-size: 14px;
  font-weight: 600;
}
.activity-stat-card-body {
  padding: 15px;
  height: 100%;
}
.activity-stat-card-body .activity-section {
  padding: 10px 15px 33px 15px;
  margin-bottom: 13px;
}
.activity-stat-card-body .activity-section.activity-input-stats {
  padding-bottom: 0;
  margin: 0;
}
.activity-stat-card-body .activity-footer {
  padding: 10px 15px;
}
.activity-legend {
  font-size: 11px;
  color: rgb(38 38 38 / 60%);
  display: flex;
  align-items: center;
  font-weight: 600;
}
.activity-stat-card-footer {
  border-top: 1px solid #e4e6eb;
  padding: 8px 15px;
}
.activity-stat-card-body .hint_icon_label {
  padding: 0;
  margin: 0 20px 15px 5px;
  line-height: normal;
}
.ad-time-info {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.ad-active {
  display: inline-flex;
  align-items: center;
  margin: 0 0 12px 0;
  color: rgb(51 51 51 / 70%);
  font-weight: 600;
}
.ad-active strong {
  color: #000;
  margin-left: 5px;
  font-weight: 600;
}
.ad-active svg {
  margin-right: 8px;
}
.ad-pie-wrapper {
  display: flex;
  align-items: center;
}
.ad-svg-pie {
  margin-right: 60px;
  margin-left: 30px;
}
.tracked_mannual_hint.keyboard {
  background: #4f518c;
}
.tracked_mannual_hint.mouse {
  background: #79a4f8;
}
.ad-popup-ctrl .modal-dialog.modal-dialog-centered {
  width: 1180px;
  max-width: 1180px;
}
.entry_navigation {
  display: flex;
  align-items: center;
  color: #333;
  margin-right: 8px;
}
.entry_navigation .nav-button {
  background: #fff;
  border: 1px solid #e2e7eb;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  font-size: 11px;
  margin: 0 5px;
  color: rgb(103 103 103 / 70%);
}
.entry_navigation .entry-info {
  margin: 0 5px;
}
.selected-entry-name-wrap {
  border-radius: 6px;
  border: 1px solid #e2e7eb;
  padding: 2px 6px;
  color: #706d6d;
  margin-left: 10px;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 60%;
}
.activity-stat-cards-right .activity-stat-card:last-child {
  margin-top: 10px;
}
.tooltip_info_divider {
  border-bottom: 1px dashed #fff;
  margin: 0 0 10px 0;
  width: 100%;
  display: flex;
  padding: 0 0 5px 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.time-less-norm-message,
.time-under-norm,
.time-under-norm .tracked_total_time {
  color: #fe575c !important;
}
.time-within-norm-message {
  color: #fff;
}
.team_time_limit_exceed,
.timesheet_limit_exceed .tracked_total_time {
  color: #e59500 !important;
}
.break-exceed {
  color: #e64d4d !important;
}
.rollcall-preview-panel-empty-state {
  height: 100% !important;
}
.user_leave_status_badge {
  color: #e74c3c;
  border-radius: 6px;
  padding: 3px 8px;
  font-weight: 500;
  margin: 0 10px;
  text-align: center;
  align-items: center;
  background-color: #ffefe3;
  border: 1px solid #ffe2cc;
}
.attendance-detail-popup .table_empty_state_content {
  height: calc(100vh - 209px) !important;
}
.employee-avatar .broken_img {
  width: 100%;
  height: 100%;
}
.shift_ended_badge {
  color: #d18a08;
}
.entry_linked_comments:hover,
.view_note_icon:hover {
  background: rgb(25 29 38 / 4%);
}
.view_note_icon {
  width: 22px;
  height: 22px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 8px;
  position: relative;
  top: 4px;
}
.tt_row_timeline_wrap:hover .view_note_icon {
  display: inline-flex;
}
.timer_list_with_task_row:hover .view_comment_icon.no_comment {
  display: inline-flex;
}
.timer_list_with_task_row .view_comment_icon.no_comment {
  top: 0;
}
.react-tooltip.task-note-tooltip-box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px #00000026;
  border: 1px solid #e2e7eb;
  padding: 15px;
  max-width: 380px;
  font-size: 14px;
  color: #1a202c;
  opacity: 1;
  z-index: 99 !important;
}
.task-note-value {
  white-space: normal;
  font-size: 13px;
  color: #2a2e3d;
}
.task-note-value a {
  color: #3182ce !important;
  text-decoration: none;
  word-break: break-word;
}
.task-tooltip-box-inner {
  max-height: 380px;
  overflow: auto;
  margin: -15px;
  padding: 15px;
  min-width: 380px;
}
.view_note_icon.add_note_btn {
  padding: 2px 8px;
  background: #ededed;
  width: auto;
  color: #000;
  height: auto;
}
.add_note_btn svg {
  margin-right: 8px;
}
.task_has_note {
  display: inline-flex !important;
}
.entry_linked_comments svg,
.view_note_icon svg {
  cursor: pointer;
}
.entry_linked_comments:hover svg,
.view_note_icon:hover svg {
  opacity: 1;
}
.tagged_comment svg,
.task_has_note svg {
  opacity: 1;
}
.mouse_keyboard_key_info {
  position: relative;
  top: 2px;
  margin: 0 0 0 8px;
}
.global_text_editor_wrapper.in_timer_task_note_panel {
  padding: 0;
}
.mouse_keyboard_key_info svg {
  margin: 0;
}
.timesheet_day_row:hover .view_note_icon {
  opacity: 1;
}
.screenshot-activity-details-modal .activity-stat-card {
  width: 100%;
}
.screenshot-activity-details-modal .modal-dialog.modal-dialog-centered {
  width: 800px;
  max-width: 800px;
}
.screenshot-activity-details-modal .activity-section.activity-input-stats {
  margin-bottom: 0;
  border-bottom: 0;
}
.UP_card {
  width: 420px;
  min-width: 420px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 20px #0000001a;
  border: 1px solid #e4e6eb;
  padding: 0;
  font-family: 'Inter', "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  display: none;
  position: absolute;
  top: 0;
  left: 100px;
  overflow: hidden;
}
.user_circle_ctrl:hover > .UP_card {
  display: block;
}
.UP_card .profile-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.UP_card .avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.UP_card .username {
  font-weight: 600;
  font-size: 1rem;
}
.UP_card .email {
  font-size: 0.85rem;
  color: #777;
}
.UP_card .profile-meta {
  font-size: 0.9rem;
  padding: 12px 15px;
  border-bottom: 1px solid #e4e6eb;
  display: flex;
}
.UP_card .group-badge {
  background-color: #e5f0ff;
  color: #2b72e4;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.85rem;
}
.UP_card .status-row {
  font-weight: 500;
  margin-bottom: 10px;
}
.UP_card .on-desk {
  color: #1a861a;
}
.UP_card .shift-info {
  font-size: 0.85rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.UP_card .stats {
  font-size: 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}
.UP_card .actions {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-top: 1px solid #e4e6eb;
  background: #f9f9f9;
  gap: 10px;
}
.UP_card .actions .btn {
  background-color: #fff;
  color: #2b72e4;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border: 1px solid #e4e6eb;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UP_card .actions .btn svg {
  margin-right: 8px;
}
.UP_card .btn:hover {
  background-color: #f7f7f7;
}
.UP_card .user_profile_name {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 2px;
  display: inline-block;
}
.UP_card .user_email_text_control {
  color: #838586;
  font-size: 13px;
}
.UP_card .account_status_ctrl {
  padding: 10px;
}
.up_card_body {
  padding: 10px;
}
.up_pills_ctrl {
  border: 1px solid #e4e6eb;
  padding: 4px 8px;
  border-radius: 6px;
  margin-right: 8px;
}
.up-tags {
  display: flex;
  gap: 10px;
  padding: 8px 10px;
  border-bottom: 1px solid #ededed;
}
.up-group,
.up-role {
  display: flex;
  align-items: center;
  border: 1px solid #dcdcdc;
  padding: 4px 8px;
  border-radius: 6px;
  background-color: #fff;
  font-size: 13px;
}
.up-tag-label {
  color: hsl(0deg 0% 0% / 80%);
  margin-right: 4px;
  font-weight: 600;
}
.up-tag-value {
  font-weight: 600;
  color: #000;
}
.up-tag-group {
  color: #000;
  border-radius: 6px;
  font-weight: 600;
}
.up-status-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 13px;
  width: 100%;
  flex: 1;
}
.up-status-indicator {
  width: 10px;
  height: 10px;
  background-color: #28c76f;
  border-radius: 50%;
}
.up-status-label {
  font-weight: 500;
  color: #333;
}
.up-end-time,
.up-shift-time {
  color: rgb(51 51 51 / 80%);
}
.up-end-time strong,
.up-shift-time strong {
  font-weight: 600;
  color: #333;
}
.up-stats {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fafafa;
}
.up-stats .up-stat-row {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  font-size: 13px;
  color: #333;
}
.up-stats .up-stat-row:nth-of-type(odd) {
  background-color: #fff;
}
.up-stats .up-stat-row:nth-of-type(2n) {
  background-color: #f7f7f7;
}
.up-stat-icon {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.up-stat-label {
  color: #333;
  text-align: left;
}
.up-stat-value {
  font-weight: 600;
  color: #000;
  width: 40%;
  margin-left: auto;
}
.up-status-group {
  border: 1px solid #e4e6eb;
  padding: 0 8px;
  border-radius: 6px;
  min-height: 24px;
  display: flex;
  align-items: center;
}
.up-end-time {
  border-left: 1px solid #e4e6eb;
  padding-left: 8px;
}
.up-shift-time {
  padding-right: 8px;
}
.status-indicator {
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #1a861a;
  border-radius: 100%;
  margin-right: 8px;
}
.up-group.highlight-group {
  background: #e6efff;
}
.timeline_inner {
  margin: 8px 0 20px 0;
}
.modal.attendance-detail-popup .attendance_log_card.rc_left_panel,
.modal.attendance-detail-popup .attendance_log_card.rc_right_panel {
  max-height: 100% !important;
  min-height: unset !important;
}
.modal.attendance-detail-popup .modal-body {
  overflow: auto;
}
.modal.attendance-detail-popup .attendance_log_card_body {
  overflow: visible;
}
.timeline_color_badge_ctrl {
  border-radius: 2px;
  display: inline-flex;
  height: 10px;
  margin-right: 5px;
  position: relative;
  width: 10px;
  background: red;
  border-radius: 1px;
}
.timeline_color_badges {
  display: inline-flex;
  align-items: center;
  text-align: center;
  margin-right: 26px;
}
.tmln_active {
  background-color: var(--timelineActive);
}
.tmln_break {
  background-color: var(--timelineBreak);
}
.tmln_idle {
  background-color: var(--timelineIdle);
}
.tmln_entry {
  background-color: var(--timelineEntry);
}
.tmln_mouse {
  background-color: (--timelineMouse);
}
.tmln_keyboard {
  background-color: var(--timelinKeyboard);
}
.create_time_off_grid {
  display: flex;
  width: 100%;
  gap: 20px;
}
.create_time_off_grid .create_time_off_grid_left {
  width: 100%;
}
.create_time_off_grid .create_time_off_grid_right {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.time_off_request_preview {
  background: #fcfcfc;
  padding: 0;
  border-radius: 12px;
  min-height: 100%;
  border: 1px solid #ebebeb;
  max-height: 409px;
}
.time_off_request_preview label.inf_label {
  padding: 8px 12px;
  border-bottom: 1px solid #ebebeb;
  margin: 0;
}
.time_off_request_preview .availability-info-container {
  padding: 10px 12px;
  border-top: 1px solid #ebebeb;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 0 0 10px 10px;
}
.create_time_off_grid_modal .modal-dialog {
  width: 700px;
  max-width: 700px;
}
.time_off_request_preview .leave-day-entry {
  border: 0;
  border-radius: 0;
  margin: 0;
  overflow: auto;
  height: 100%;
  max-height: unset;
}
.time_off_days_requested {
  max-width: 293px;
  min-width: 293px;
  padding: 5px;
}
.create_time_off_grid_modal .modal-footer.edit_time_last_action_footer {
  flex-direction: row;
  flex-wrap: unset;
  gap: 10px;
}
.comment_display_section .labels {
  margin-right: 15px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
}
.dropdown-menu.dropdown-menu-up {
  bottom: 100%;
  top: auto;
}
.rc_comments_viewer_area_control {
  background: #fafbfd;
  padding: 16px;
}
.inbox-replies-summary-wrap
  .inbox-replies-summary-header
  + .inbox-comment-input-wrapper
  .comment_box_ctrl {
  border-top: 0;
}
.timer_entry_details_preview_ctrl
  .rc_comments_viewer_area_control
  > div:last-child {
  padding: 0;
}
.screenshot-preview {
  position: fixed;
  bottom: 0;
  left: 60px;
  width: 320px;
  height: 280px;
  border: 2px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  opacity: 0;
  transform: scale(0.5);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  background: #fff;
  z-index: 9999;
}
.screenshot_preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.screenshot_captured {
  position: relative;
  transition: all 0.1s ease-in-out;
}
.scht_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  display: none;
  backdrop-filter: blur(2px);
}
.scht_overlay.screenshot_captured {
  display: block;
  animation: fadeIn 0.4s ease-out;
}
.scht_overlay_ctrl {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #aaa;
  bottom: 0;
  left: 0;
  transform: translate(0, 0);
  z-index: 1002;
  display: none;
  animation: flyAway 0s ease-in-out forwards;
}
.scht_overlay_ctrl.overlay_visible {
  display: block;
  animation: fadeIn 0.4s ease-out;
}
.snip-box {
  position: absolute;
  border: 2px dashed #0af;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translate(0, 00%) scale(1) !important;
  z-index: 1001;
  opacity: 0;
  animation: snipZoom 0.5s ease-out forwards;
}
.screenshot-fake {
  position: absolute;
  width: 300px;
  height: 200px;
  background: #fff;
  border: 2px solid #aaa;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1002;
  animation: flyAway 0s ease-in-out forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes snipZoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes flyAway {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-300%, 300%) scale(0.3);
    opacity: 0.5;
  }
}
.entry_linked_comments {
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
}
.timer_list_with_task_row:hover .entry_linked_comments,
.tracked-time ul li.tracked-time-time-item:hover .entry_linked_comments {
  opacity: 1;
}
.tagged_notification-dot {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #fa555d;
  position: absolute;
  top: 0;
  right: 0;
}
.tagged_comment {
  opacity: 1;
  position: relative;
}
.tracked-time ul li.tracked-time-time-item .tagged_comment {
  top: 2px;
}
.comment_viewer_icon {
  display: inline-flex;
  align-items: center;
}
.live_roll_call_three_dot {
  min-width: 190px;
}
.top-download-progress {
  height: 100%;
  background: #0e9aef;
  width: 0%;
  transition: width 0.3s ease;
}
.top-download-progress-outer {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
}
.rc_comments_viewer_area_control .no_comments_yet_control {
  margin: -15px;
}
.loading_attendance_data {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.broken-image-text {
  font-size: 11px;
  padding-top: 0;
  height: 120px;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
.broken-image-text svg {
  margin-bottom: 5px;
}
.screenshot_full_screen_modal .rc_merge_image_viewer_control {
  padding: 0;
  justify-content: center;
}
.screenshot_full_screen_modal img.merged_media_view_popup_image_section {
  margin: 0 !important;
}
.md-thumb.group {
  scrollbar-width: none !important;
  user-select: none;
  scroll-behavior: smooth !important;
}
.md-thumb.group::-webkit-scrollbar {
  display: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
user_name_ctrl {
  display: flex;
  width: 100%;
}
.app_warning.timer_not_working {
  width: 320px;
  height: auto;
  background: #faebd7;
  color: #000;
  padding: 10px 16px;
  position: fixed;
  z-index: 999;
  border-radius: 8px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  bottom: 40px;
  right: 40px;
  border: 1px solid #ffcf8f;
}
.close_alert {
  position: absolute;
  top: 0;
  right: 6px;
  padding: 7px;
  cursor: pointer;
}
.activity-header h2 {
  font-size: 16px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  color: #000;
  font-weight: 600;
  padding-right: 0;
}
.activity-details {
  color: #000;
  font-size: 13px;
  line-height: 1.6;
  display: flex;
  justify-content: space-between;
  border: 1px solid #ebebeb;
  padding: 0 !important;
  border-radius: 8px;
  margin-top: 10px;
  font-weight: 600;
  background: #ebebeb38;
}
.activity-details span {
  display: inline-flex;
  margin-right: 12px;
  flex-direction: column;
  padding: 6px 12px;
}
.activity-details span:last-child {
  margin-right: 0 !important;
}
.activity-details span strong {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}
.chart-container {
  padding: 0 15px 15px !important;
  margin: 0;
}
.task-activity-card {
  padding: 0 !important;
  border-radius: 12px !important;
}
.task-activity-card .tooltip-content {
  padding: 0 !important;
}
.rc_video.dropdown-container.show .dropdown-form {
  display: block;
}
.rc_video .dropdown-form {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  width: 350px;
}
.rc_video_footer {
  text-align: right;
  padding: 10px 0 0 0;
}
.video_badge {
  align-items: center;
  background: #f1f2f4;
  border: 1px solid hsla(0, 0%, 87%, 0.588);
  border-radius: 6px;
  color: #172327;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  margin-right: 4px;
  padding: 5px 8px;
  text-align: left;
  position: relative;
}
.video_url {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1f7fc9;
}
.video_url:hover {
  text-decoration: underline;
}
.video_badge svg {
  margin-right: 10px;
}
.video-unlink-btn {
  min-width: 20px;
  display: inline-flex;
  margin-left: 5px;
  position: absolute;
  align-items: center;
  justify-content: center;
  opacity: 0;
  right: 0;
  z-index: 99999;
  top: 0;
  height: 100%;
  border-radius: 0 5px 5px 0;
  background: #f1f2f4;
  border: 0;
  padding: 0 5px;
  box-sizing: border-box;
}
.video-unlink-btn svg {
  width: 15px;
  margin: 0;
}
.video_badge:hover button.video-unlink-btn {
  opacity: 1;
}
.email_scheduler_active {
  background-color: #d1e6d4 !important;
  color: #178229;
  border-color: #d1e6d4;
  font-weight: 600;
}
.email_scheduler_active:hover {
  background-color: #d1e6d4 !important;
  color: #178229;
  border-color: #d1e6d4;
  font-weight: 600;
}
#rollcall_scheduler_active .react-tooltip {
  text-align: left !important;
  padding: 15px !important;
}
.ts-tab-button {
  padding: 12px 0;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font-size: 16px;
  transition: 0.1s;
  background: 0 0;
  font-weight: 600;
  margin: 0 12px;
  color: #333;
}
.ts-tab-button.ts-active {
  background: #fff;
  border-bottom: 2px solid #0e9aef;
  font-weight: 600;
  color: #000;
}
.sidepanel-icons button.exit_panel {
  border: 0;
}
.ts-tab-header .ts-tab-button:first-child {
  margin-left: 0;
}
.ts-tab-button:hover {
  border-bottom: 2px solid #0e9aef;
}
.ts-header-actions {
  display: flex;
  gap: 10px;
  margin-top: 0;
  justify-content: start;
  padding: 8px 16px 8px;
  border-bottom: 1px solid #e7eaec;
}
.ts-action-button {
  padding: 3px 12px;
  background-color: #fff;
  color: #333;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  transition: background-color 0.3s;
  border: 1px solid #ededed;
  display: inline-flex;
  align-items: center;
}
.ts-action-button:hover {
  background-color: #efefef;
}
.ts-tab-body {
  padding: 16px;
}
.ts-tab-panel {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}
.ts-action-button svg {
  margin-right: 8px;
}
.status-summary-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
}
.status-summary-wrapper .status-section-box {
  flex: 1;
  padding: 0;
  border-radius: 0;
  border-right: 1px solid #e2e7eb;
}
.status-summary-wrapper .status-title {
  margin: 0 0 8px 0;
  font-size: 15px;
  font-weight: 600;
  padding: 15px 15px 0;
  color: #2a3035;
}
.status-summary-wrapper .status-bar-group {
  display: flex;
  align-items: center;
  margin: 18px 0 0;
}
.status-summary-wrapper .status-bar-label {
  width: 60px;
  font-weight: 500;
  color: #2a3035;
  font-size: 13px;
}
.status-summary-wrapper .status-bar-line {
  height: 20px;
  margin-left: 10px;
  border-radius: 0 10px 10px 0;
}
.status-summary-wrapper .status-bar-active {
  background-color: #4caf50;
  width: 70%;
}
.status-summary-wrapper .status-bar-inactive {
  background-color: #bbb;
  width: 60%;
}
.status-summary-wrapper .status-bar-good {
  background-color: #4caf50;
  width: 45%;
}
.status-summary-wrapper .status-bar-average {
  background-color: #f9a825;
  width: 70%;
}
.status-summary-wrapper .status-bar-bad {
  background-color: #f44336;
  width: 50%;
}
.member-table-wrapper {
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.member-table-wrapper .member-table-header,
.member-table-wrapper .member-table-row {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr 2fr 0.5fr;
  align-items: center;
  padding: 0;
  border-bottom: 1px solid #edeef2 !important;
}
.member-table-wrapper .member-table-header {
  background-color: #fff;
  font-weight: 700;
}
.member-table-wrapper .header-cell,
.member-table-wrapper .row-cell {
  color: rgba(38, 38, 38, 0.6);
  font-size: 13px;
  font-weight: 600;
  padding: 6px 20px;
}
.member-table-wrapper .badge {
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  display: inline-block;
  color: #0d3924;
  font-weight: 600;
  font-family:
    Segoe UI,
    sans-serif;
}
.member-table-wrapper .badge-active {
  background-color: #c7f1dd;
}
.member-table-wrapper .badge-inactive {
  background-color: #bbb;
}
.member-table-wrapper .badge-good {
  background-color: #4caf50;
}
.member-table-wrapper .badge-average {
  background-color: #f9a825;
}
.member-table-wrapper .badge-bad {
  background-color: #fbdbde;
}
.member-table-wrapper .cell-notes {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.member-table-wrapper .cell-pdf {
  text-align: left;
  cursor: pointer;
}
.status-bar-group_content {
  padding: 15px;
}
.status-bar-group_content .status-bar-group:first-child {
  margin-top: 0;
}
.member-table-wrapper .row-cell {
  color: #262626;
}
.view_comment_icon {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  height: 22px;
  justify-content: center;
  margin-left: 5px;
  position: relative;
  top: 4px;
  width: 22px;
  display: none;
}
.time_tracking_sidebar ul li:hover .view_comment_icon.no_comment,
.timer_list_with_task_row:hover .view_note_icon,
.tt_row_timeline_wrap:hover .view_comment_icon.no_comment {
  display: inline-flex;
}
.tt_row_timeline_wrap .view_comment_icon.has_comment,
.view_comment_icon.has_comment {
  display: inline-flex !important;
}
.timer_list_with_task .timer_list_with_task_row .view_comment_icon.has_comment,
.timer_list_with_task_row .view_note_icon,
.timer_list_with_task_row:hover .view_note_icon {
  top: 0;
}
.entry_in_rollcall_modal > .vci_ctrl {
  display: inline-flex;
}
.entry_in_rollcall_modal .view_comment_icon.no_comment {
  top: 2px;
  width: 17px;
  height: 17px;
}
.users_break_info {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 !important;
  font-style: italic;
  font-weight: 600 !important;
  max-width: calc(100% - 270px);
}
.users_break_info.compact {
  max-width: 400px;
}
.timesheet_list_inner:hover .view_note_icon {
  display: inline-flex;
}
.timesheet_list_inner:hover .view_note_icon.no_comment {
  display: inline-flex;
}
.timesheet_list_inner .view_note_icon {
  margin: 0 5px 0 10px;
}
.timesheet_list_inner:hover .view_comment_icon.no_comment {
  display: inline-flex;
}
.tracked-time ul li.tracked-time-time-item:hover .view_comment_icon.no_comment {
  display: inline-flex;
}
.tracked-time ul li.tracked-time-time-item:hover .view_note_icon {
  display: inline-flex;
}
.tracked-time ul li.tracked-time-time-item > div {
  display: inline-flex;
}
.tracked-time ul li.tracked-time-time-item > div .view_comment_icon {
  top: 2px;
  width: 17px;
  height: 17px;
}
.reark_view_icon {
  opacity: 0.6;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.entry_in_rollcall_modal > .vci_ctrl .view_note_icon {
  width: 17px;
  height: 17px;
}
.tracked-time ul li.tracked-time-time-item .view_comment_icon {
  width: 17px;
  height: 17px;
}
.tracked-time ul li.tracked-time-time-item .view_note_icon {
  width: 17px;
  height: 17px;
  top: 2px;
}
.remark_data {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
  white-space: nowrap;
}
.remark_data .react-tooltip {
  max-width: var(--width-250);
  word-break: break-all;
  white-space: normal;
}
.activity_graph_ctrl {
  padding: 20px 20px 0;
}
.activity_graph_report_ctrl {
  border: 1px solid #edeef2;
  border-radius: 12px;
  background: #fff;
  margin: 0 0 20px;
}
.activity_graph_report_ctrl .rc_reports_sortable_graph_header {
  border-bottom: 1px solid #edeef2;
}
.screenshot-header-top_row {
  display: flex;
  align-items: center;
}
.screenshot-header-bottom_row {
  display: flex;
  align-items: center;
  padding-left: 28px;
  opacity: 0.8;
}
.screenshot-header-bottom_row .video_creator_container.creator {
  color: rgba(255, 255, 255, 0.8);
}
.screenshot-created-at_value {
  margin-left: 12px;
  display: inline-flex;
  align-items: center;
}
.screenshot-created-at_value .small_gray_circle {
  background: rgba(255, 255, 255, 0.8);
}
.screenshot-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 2px;
  display: inline-flex;
  align-items: center;
}
.screenshot-title svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.captured_view_media_full_screen_modal .screenshot-modal-header-right button {
  margin: 0 5px;
  border-radius: 6px;
}
.captured_view_media_full_screen_modal
  .screenshot-modal-header-right
  button
  svg {
  margin-right: 8px;
}
.captured_view_media_full_screen_modal .screenshot-modal-close {
  margin-left: 5px;
}
.captured_view_media_full_screen_modal .screenshot-modal_header-left {
  flex-direction: column;
  align-items: start;
}
.captured_view_media_full_screen_modal .rc_merge_image_viewer_control {
  width: 100%;
}
.captured_view_media_full_screen_modal .video_player_container {
  border: 0;
  height: calc(100% - 37px);
}
.captured_view_media_full_screen_modal button.btn.btn-default {
  background: 0 0;
  color: #c5c5c5;
  border: 1px solid #838383;
}
.captured_view_media_full_screen_modal button.btn.btn-default:hover {
  background: #535353;
}
.idle_time_note-counter:hover {
  color: #0e80c7;
}
.idle_time_note-counter {
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  color: #0e9aef;
  cursor: pointer;
}
.team_name_badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  background: #e2e7eb;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}
.team_time_activity_overview .leave-record-columns {
  grid-template-columns: 1fr 130px 120px 127px 125px 130px;
}
.team_group_activity_overview .leave-record-columns {
  grid-template-columns: 1fr 110px 90px 100px;
}
.team_group_activity_overview .leave-record-column {
  padding: 8px 5px;
}
.team_group_activity_overview .leave-record-column:first-child {
  padding-left: 21px;
}
.member-block {
  margin-bottom: 32px;
}
.member-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  color: #333;
  font-size: 14px;
}
.view-all-link {
  font-size: 14px;
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}
.view-all-link:hover {
  text-decoration: underline;
}
.screenshot-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.screenshot-card {
  position: relative;
  width: 180px;
  height: 90px;
  border: 1px solid #70707038;
  border-radius: 8px;
  width: 130px;
  overflow: hidden;
}
.screenshot-image {
  width: 100%;
  border-radius: 4px;
  display: block;
}
.activity-badge {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: #e04c50;
  color: #fff;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 700;
}
.team_low_activity_widget_data {
  padding: 20px;
}
.team_low_activity_widget_data .member-block:last-child {
  margin-bottom: 0;
}
.team_time_activity_overview .leave-record-row:last-child {
  border-bottom: 0;
}
.colored-theme-member-worked {
  background: #fcf0e4;
  border: 1px solid #f5e8db;
}
.colored-theme-weekly-activity {
  background: #fff4d8;
  border-color: #f5e9ca;
}
.colored-theme-this-week {
  background: #ebf0fe;
  border-color: #e0e7f9;
}
.colored-theme-today-activity {
  background: #ecf5e7;
  border-color: #e2efda;
}
.colored-theme-worked-today {
  background: #caf0f8;
  border-color: #c3e9f1;
}
.team_group_activity_overview .leave-record-row {
  border-bottom: 0;
}
.user_notes {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 136px;
  display: inline-flex;
}
.note_timestamp_data {
  color: #282c34;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  display: inline-flex;
  align-items: center;
}
.note_timestamp_data svg {
  display: inline-flex;
  margin: 0 5px 0 0;
}
.user_notes_in_modal {
  color: #1c222d;
  word-break: break-word;
}
.user_note_modal .modal-body {
  max-height: 60vh;
  overflow: auto;
}
.user_note_modal .modal-body table {
  min-height: 203px;
}
.user_note_modal .modal-body table,
.user_note_modal .modal-body table tr,
.user_note_modal .modal-body table tr td {
  width: 100%;
  border-collapse: collapse;
}
.user_note_modal tr {
  border-bottom: 1px solid #dce1e6;
  margin-bottom: 20px;
  padding-bottom: 0;
  position: relative;
  display: inline-flex;
}
.user_note_modal .inline_note_edit_active.modal-body table {
  min-height: 149px;
}
.inline_note_edit_active.modal-body .timebox_standard_textarea {
  height: 90px;
}
.user_note_modal tr:last-child {
  border: 0;
  margin: 0;
}
.user_note_modal tr:only-child {
  border: 0;
  margin: 0;
}
.inbox-comment-text .rc-attachment_video_preview_file_control {
  max-width: 300px !important;
  border-radius: 10px;
  overflow: hidden;
  border: 0;
}
.comment_mention_dropdown li.no-data-message {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.comment_area_without_header .cmt_actn_btns .comment_save_button {
  border-radius: 6px;
}
.comment_box_group_box {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 4px 10px;
}
.comment_box_group_box .comment_box,
.comment_box_group_box .no_comment_box {
  border: 0;
  margin: 0;
  padding: 5px 0 5px 31px;
}
.comment_box_group_box .comment_box .comment_last_chat {
  background: #ebebed;
  color: #333;
  padding: 2px 8px;
  border-radius: 12px;
}
.comment_box_group_box .comment_box .comment_last_chat .comment_html_display {
  display: inline-block;
  height: 20px;
}
.shift_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px 0 20px;
  border: 0;
  border-radius: 10px;
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
}
.shift_header_left,
.shift_header_right {
  display: flex;
  align-items: center;
  gap: 6px;
}
.shift_times {
  display: flex;
  gap: 24px;
  font-size: 13px;
}
.shift_times_item {
  color: #333;
}
.shift_times_label {
  font-weight: 600;
  color: rgb(51 51 51 / 70%);
}
.shift_times_value {
  font-weight: 600;
  color: #333;
  padding-left: 3px;
}
.shift_tag {
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 13px;
  background-color: #fafafa;
  border: 1px solid #e4e6eb;
  color: #36456a;
  font-weight: 600;
}
.shift_tag_icon {
  margin-right: 6px;
  display: inline-flex;
  align-items: center;
}
.shift_tag_text {
  white-space: nowrap;
}
.up-tag-value.up-tag-group {
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  max-width: 148px;
  text-overflow: ellipsis;
}
.custom-emoji-display {
  max-height: 177px;
  overflow-y: hidden;
  z-index: 99999999 !important;
}
.epr-category-nav {
  display: none !important;
}
.widget_timer_running.att-card {
  border: 1px solid #fcd7d8;
  box-shadow: 0 6px 12px #ef54591a;
}
.roca_top_widget_wrapper {
  display: flex;
  min-height: unset;
  height: auto;
  min-height: 75px;
}
.roca_left_panel {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.roca_left_panel {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.timer_name_and_message {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.timer_name_and_message .work-timer-roll-message {
  width: auto;
  white-space: nowrap;
  flex-direction: row;
}
.timer_name_and_message .work-timer-task {
  margin: 0;
}
.timer_name_and_message .work-timer-roll-message {
  flex-direction: row;
  align-items: center;
}
.roca_top_widget_wrapper .break-time-info {
  margin: 0;
}
.time-activity-records-column:hover .view_activity_detail {
  opacity: 1;
}
.user-activity-modal-detail .element-loader.list_view {
  left: 0;
}
.user-activity-modal-detail .modal-content {
  min-width: 60%;
  min-height: 642px;
}
.loader-container {
  background-color: #fff;
  border-radius: 8px;
  padding: 0;
  max-width: 1100px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.loader-top-metrics {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.activity-graph-placeholder,
.chart-placeholder,
.metric-box-placeholder,
.summary-placeholder {
  border-radius: 8px;
  background: #f6f7f8;
  background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px 104px;
  animation: placeHolderShimmer 1s linear infinite forwards;
  position: relative;
}
.metric-box-placeholder {
  flex: 1;
  height: 76px;
}
.loader-main-content {
  display: flex;
  gap: 10px;
}
.chart-placeholder {
  flex: 2;
  height: 462px;
}
.side-panel-placeholder {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.activity-graph-placeholder {
  height: 224px;
}
.summary-placeholder {
  height: 224px;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
.activity-alert-ctrl {
  border: 0;
  background: #e39b1a;
  color: #fff;
  border-radius: 6px;
}
.activity-alert-ctrl {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  font-size: 12px;
}
.arrow_down_ctrl {
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 6px;
}
.activity-alert-ctrl svg {
  margin-right: 6px;
}
.activity-detail {
  margin: 15px 0 5px;
  background: #fafafa;
  padding: 15px;
  border-radius: 8px;
}
.activity-box {
  flex: 1;
  background-color: #fff;
  padding: 12px 16px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #e0e1e4;
}
.activity-title {
  font-size: 12px;
  color: rgb(51 51 51 / 80%);
  margin-bottom: 6px;
}
.activity-value {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  display: inline-flex;
  align-items: center;
}
.reason-textarea {
  width: 100%;
  min-height: 120px;
  margin-top: 10px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid #e0e1e4;
  border-radius: 8px;
  background-color: #fff;
  resize: vertical;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  resize: none;
}
.activity-value svg {
  margin-right: 6px;
}
.activity-detail-inner {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.activity-detail label.inf_label {
  margin-bottom: 12px;
}
.time_editable_input.disabled {
  background: #f5f5f5 !important;
  opacity: 0.8;
}
.dropdown-menu.submenu-dropdown-ctrl.submenu-pull-left {
  left: auto;
  right: 100%;
  top: 0;
}
.live_dashboard_view_ctrl .timer_row_col_tracked_timer {
  max-width: 120px;
  min-width: 120px;
}
.live_dashboard_view_ctrl .timer_row_col.timer_row_col_task {
  overflow: unset !important;
  width: 0;
}
.action_row_items {
  display: flex;
  align-items: center;
  padding-right: 5px;
}
.action_row_item {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin: 0 1px;
  cursor: pointer;
  opacity: 0;
}
.timer_list_with_task_row:hover .action_row_item {
  opacity: 1;
}
.action_row_item:hover {
  background: #f5f6f7;
}
.live_user-counts {
  font-size: 13px;
  display: flex;
  align-items: center;
}
.user_counts_active,
.user_counts_inactive {
  align-items: center;
  display: inline-flex;
}
.summary-box .status_dot {
  width: 6px;
  height: 6px;
  display: inline-flex;
  border-radius: 100%;
  margin-right: 7px;
}
.summary-box.user_counts_active .status_dot {
  background: #178229;
}
.user_counts_inactive .status_dot {
  background: grey;
}
.pulsing-dot {
  width: 6px;
  height: 6px;
  background-color: #fa555d;
  margin-right: 6px;
  border-radius: 50%;
  position: relative;
  display: inline-flex;
}
.pulsing-dot::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgb(250 85 93 / 40%);
  animation: pulse 1.2s ease-out infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  70% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.running_timer_style {
  display: inline-flex;
  align-items: center;
  background: rgb(250 85 93 / 10%);
  padding: 0 6px;
  border-radius: 4px;
  font-weight: 500;
}
.flyer_resync_button {
  display: inline-flex;
  padding: 0 20px;
  margin-top: 5px;
}
.timer_row_col.status_row_col {
  min-width: 200px;
}
.timer_row_col.platform_row_col {
  min-width: 120px;
}
.live_user_team_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 180px;
}
.timer_row_col.activity_row_col {
  min-width: 120px;
  border-left: 1px solid #ebeef1;
}
.col_has_no_data {
  display: inline-block;
  width: 7px;
  height: 2px;
  background: rgba(112, 112, 112, 0.59);
}
.export_pdf_btn.show {
  opacity: 1;
  background: #f5f6f7;
}
.rollcall-table-ctrl {
  grid-template-columns: 2fr 168px 120px;
  display: grid;
  border-bottom: 1px solid #ebeef1;
  width: 100%;
}
.lrc_username {
  padding-left: 20px;
}
.lrc_running_timer,
.lrc_user_status {
  border-left: 1px solid #ebeef1;
  justify-content: center.rollcall-table-ctrl;
}
.dropdown_filter_ctrl .form-check {
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  padding: 0 6px;
}
.dropdown_filter_ctrl .form-check input.form_check_input {
  margin-right: 6px;
}
.dropdown_filter_ctrl {
  padding: 6px;
  margin: 0;
  border-bottom: 1px solid #e7e7e7;
}
.dropdown-menu.tp_filter_dropdown_list_ctrl.team_group_dropdown_ctrl {
  min-width: 260px;
}
.react-datepicker-popper {
  z-index: 99 !important;
}
.calender_footer_ctrl {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #e2e7eb;
  display: flex;
  justify-content: end;
}
.team_user_name_ctrl {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
}
.rollcall-list-panel .lrc_running_timer,
.rollcall-list-panel .timer_row_col.lrc_user_status {
  justify-content: start;
}
.rollcall-list-panel .status_attendance_user {
  padding: 3px 8px;
  font-size: 13px;
}
.rollcall-list-panel .timer_row_col {
  padding: 2px 12px;
  min-height: 38px;
}
.rollcall-list-panel .status_attendance_user {
  padding: 3px 8px;
  font-size: 13px;
}
.rollcall-list-panel .timer_row_col {
  padding: 2px 12px;
  min-height: 38px;
}
.rollcall-list-panel .timer_row_col:first-child {
  padding: 2px 12px 2px 20px;
}
.rollcall-list-panel .rollcall-table-ctrl:hover {
  background: #f5f5f5;
  cursor: pointer;
}
.rollcall-list-panel .rollcall-table {
  border-radius: 0;
}
.sticky-header_ctrl {
  position: sticky;
  top: 0 !important;
  background-color: #fff;
  z-index: 2;
  border-bottom: 0;
}
.rollcall-table-header-ctrl {
  grid-template-columns: 2fr 168px 120px;
  display: grid;
  border-bottom: 1px solid #ebeef1;
  width: 100%;
}
.rollcall-table-header-ctrl .leave-record-column.column-title {
  padding: 9px 12px;
}
.rollcall-table-header-ctrl .leave-record-column.column-title:first-child {
  padding-left: 20px;
}
.rc_time_list_card_wrapper.roll_call_list_loader_ctrl {
  border: 0;
}
.live_user_details_modal_ctrl .modal-title {
  overflow: unset;
}
.live_user_details_modal_ctrl .user_switcher {
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 6px 12px;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 0 -12px;
}
.live_user_details_modal_ctrl .element-loader.preview_panel {
  padding: 0 !important;
}
.live_user_details_modal_ctrl .two_col_group_wrap {
  height: auto;
}
.live_user_details_modal_ctrl .dedicated_rollcall_summary_widget {
  margin: 0;
}
.copy_entry_clipboard_button {
  align-items: center;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  margin: 0 0 0 15px;
  padding: 3px 5px;
}
.copy_entry_clipboard_button:hover {
  border: 1px solid #eaeef1 !important;
  background-color: #f5f6f7;
}
.copy_entry_clipboard_arrow {
  padding: 0 0 0 7px;
}
.copy_entry_clipboard_icon {
  display: inline-flex;
}
.copy_entry_clipboard_ctrl {
  align-items: center;
  display: flex;
}
.time_off_detail_summary_modal .modal-content {
  min-width: 600px;
  width: 600px;
}
.leave-container {
  width: 100%;
  max-width: 600px;
  margin: auto;
  font-family: 'Inter', "Segoe UI", sans-serif;
  font-size: 13px;
  line-height: 1.6;
}
.leave-data-wrapper {
  margin-bottom: 16px;
}
.leave-data-header {
  margin-bottom: 8px;
  padding: 6px 0;
  color: #282c34;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.leave-container
  .leave-data-wrapper:first-child
  .leave-data-header
  .sec_divider:first-child {
  display: none;
}
.leave-data-title {
  font-weight: 700;
}
.leave-data-body {
  margin-bottom: 16px;
}
.leave-type-wrapper {
  margin-bottom: 8px;
}
.leave-type-label {
  font-weight: 600;
  color: #333;
  font-size: 13px;
}
.leave-category-label {
  font-weight: 700;
}
.holiday-header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
  padding-bottom: 4px;
}
.holiday-title {
  font-weight: 700;
}
.leave-category-header {
  color: #333;
  font-size: 13px;
  margin-top: 12px;
}
.leave-entry {
  color: #282c34;
  font-size: 13px;
  margin: 0 0;
}
.leave-type-name {
  margin-bottom: 0;
}
.leave-container .leave-data-wrapper:first-child .leave-data-header {
  border-top: 0;
  padding-top: 0;
}
.holiday-entry {
  font-size: 13px;
  color: #282c34;
  margin: 0 0 6px 0;
}
.time_off_detail_summary_modal .modal-body {
  overflow: auto;
  max-height: calc(100vh - 140px);
}
.dropdown-menu.tgd_version2 {
  min-width: 310px !important;
}
.tgd_version2 .dropdown_filter_ctrl {
  width: 100%;
  justify-content: space-around;
}
.tgd_version2 .dropdown_filter_ctrl .form-check input.form_check_input {
  margin-right: 7px;
}
.tgd_version2 .dropdown_filter_ctrl .form-check-label {
  align-items: center;
  display: inline-flex;
}
.holiday-date {
  color: #333 !important;
  opacity: 1 !important;
}
.holiday-date:after {
  content: "";
  width: 20px;
  height: 3px;
  position: absolute;
  background: #358a10;
  left: 1px;
  right: 0;
  margin: auto;
  bottom: 1px;
  border-radius: 8px;
}
.dropdown-menu.dropdown_task_timebox_links {
  min-width: 230px;
  margin-left: 15px;
}
.copy_clipboard_button {
  margin: 0;
  padding: 0 4px 0 8px;
  top: 2px;
  position: relative;
  cursor: pointer;
}
.table_empty_state.in_live_dahboard_ctrl .table_empty_state_content {
  background: #fff;
  border-radius: 9px;
  padding: 0;
  border: 1px solid #edeef2;
  overflow: hidden;
  height: calc(100vh - 270px) !important;
}
.live_dashboard_view_ctrl .view_loader_container {
  border: 1px solid #edeef2;
}
.leave-data-header .sec_divider {
  opacity: 0.5;
  font-size: 14px;
}
.sticky-top-header {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 10px;
}
ul.dropdown-menu.request_reason_dropdown {
  min-width: 152px;
  right: 0;
  left: auto;
}
button.send-alert-button {
  padding: 3px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  font-size: 13px;
  cursor: pointer;
  min-height: 28px;
  align-items: center;
  display: flex;
}
.send-alert-button svg {
  margin-right: 8px;
}
.generate_transcription_btn {
  width: auto;
  margin: 12px auto 0 auto;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 600;
}
.loader-full-height-four-level-header {
  margin: 0;
  height: calc(100vh - 329px);
}
.loader-full-height-four-level-header
  .view_loader_container.loader_after_table_header {
  height: 100%;
}
.request_card.group-mid {
  border-radius: 0;
  margin: 0 -11px 4px;
  padding: 6px 17px;
}
.request_card.group-start {
  border-radius: 8px 0 0 8px;
  margin-right: -10px;
  border-right: 0 !important;
  padding: 6px 6px 6px 6px;
}
.request_card.group-end {
  border-radius: 0 8px 8px 0;
  margin-left: -10px;
}
.request_card.group-mid .card_bg_color_light {
  border-radius: 0;
}
.request_card.group-start .card_bg_color_light {
  border-radius: 8px 0 0 8px;
}
.request_card.group-end .card_bg_color_light {
  border-radius: 0 8px 8px 0;
}
.create_overtime_request_card .modal-dialog {
  width: 450px;
  max-width: 450px;
}
.live_dashboard_view_ctrl .group-by-team-header {
  cursor: pointer;
}
.send_request_reason_modal .modal-body {
  overflow: auto;
  max-height: calc(100vh - 110px);
}
.member_response_data {
  color: #333;
}
.workflow-wrapper .workflow-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.workflow-wrapper .workflow-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 0 #0000000d;
  border: 1px solid #e2e7eb;
  width: calc(100% / 3 - 12px);
}
.workflow-wrapper .card-header {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  align-items: center;
  border-bottom: 1px solid #e2e7eb;
}
.workflow-wrapper .card-header-left {
  display: flex;
  align-items: center;
}
.workflow-wrapper .status-icon {
  display: inline-flex;
  margin-right: 8px;
  align-items: center;
}
.workflow-wrapper .card-title {
  font-weight: 600;
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #1a191e;
  text-transform: unset;
  line-height: 1.4;
}
.workflow-wrapper .step-label b {
  font-weight: 600;
}
.workflow-wrapper .card-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.workflow-wrapper .switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 16px;
}
.workflow-wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.workflow-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.workflow-wrapper .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 50%;
}
.workflow-wrapper input:checked + .slider {
  background-color: #207af4;
}
.workflow-wrapper input:checked + .slider:before {
  transform: translateX(12px);
}
.workflow-wrapper .card-body {
  padding: 12px 16px 16px;
  font-size: 13px;
}
.workflow-wrapper .step-label {
  font-weight: 500;
  margin: 10px 0 6px;
  color: #444;
  font-size: 13px;
}
.workflow-wrapper .step-button {
  padding: 9px 12px;
  border: none;
  background: rgb(40 44 52 / 12%);
  border-radius: 6px;
  cursor: default;
  font-weight: 500;
  margin-bottom: 12px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.workflow-wrapper .text-copy {
  margin: 0 0 10px;
  font-size: 13px;
  padding: 0;
  display: inline-flex;
  color: #262626;
  line-height: normal;
  margin-top: 2px;
}
.workflow-wrapper .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  border: 1px solid #e2e7eb;
  padding: 8px;
  border-radius: 6px;
}
.workflow-wrapper .tag {
  background: rgb(194 190 203 / 44%);
  padding: 5px 8px;
  border-radius: 6px;
  font-size: 12px;
  color: #133350;
  display: inline-flex;
  align-items: center;
  line-height: normal;
  cursor: default;
}
.workflow-wrapper .step-button svg {
  margin-right: 8px;
}
.workflow-wrapper .tag svg {
  margin-right: 6px;
}
.workflow-wrapper .text-copy svg {
  margin-right: 8px;
}
.workflow_card_action:hover {
  background: #e5e5e6;
}
.workflow_card_action {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  margin-left: 5px;
}
.workflow-wrapper .manual-posting-toggle {
  display: flex;
  gap: 12px;
}
.workflow-wrapper .manual-posting-text .posting_title {
  font-weight: 600;
  font-size: 13px;
  color: #262626;
  background: 0 0;
  line-height: 1;
}
.workflow-wrapper .manual-posting-text .description {
  font-size: 12px;
  color: #262626;
  margin-top: 4px;
}
.workflow-wrapper .card-footer {
  background: #fff;
  padding: 16px;
  border-top: 1px solid #e0e0e0;
  border-radius: 0 0 8px 8px;
}
.roll_call_dropdown button {
  display: inline-flex;
  align-items: center;
}
.button_chevron-down {
  font-size: 12px;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  position: relative;
  top: 1px;
}
.roll_call_dropdown button {
  display: inline-flex;
  align-items: center;
  margin-right: 0;
}
.add_break_dropdown .modal-footer.edit_time_last_action_footer_ctrl button,
.add_break_modal_popup .edit_time_last_action_footer_ctrl button {
  width: auto;
  border-radius: 8px;
  padding: 6px 12px;
}
.send_to_team {
  padding: 4px 8px;
  min-height: 28px;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  margin: 0 14px;
  display: inline-flex;
  align-items: center;
  color: #020617;
  line-height: normal;
  font-size: 13px;
  cursor: pointer;
}
.send_to_team svg {
  margin-right: 6px;
}
.dropdown-menu.send_eod_in_teams_dropdown {
  min-width: 400px;
  right: 12px;
  left: auto;
  margin-top: 4px;
}
.dropdown-footer {
  padding: 12px 12px;
  text-align: right;
  border-top: 1px solid #dadce0;
}
.dropdown-footer button {
  margin-left: 8px;
  border-radius: 8px;
  padding: 5px 12px;
}
.send_eod_in_teams_dropdown .dropdown_header_ctrl {
  border-bottom: 1px solid #edeae9;
  padding: 12px 12px;
  height: 46px;
}
.send_eod_in_teams_dropdown .dropdown_header_ctrl .dropdown_title {
  margin: 0;
}
.dropdown_header_ctrl .dropdown-title {
  margin: 0;
}
.send_eod_in_teams_dropdown .clear_all_selection .header_btn_sty {
  font-size: 13px;
}
.send_eod_in_teams_dropdown .es_capture_listing.project_dropdown_ctrl {
  border: 0;
}
.send_eod_in_teams_dropdown .no_data_found {
  padding: 80px 0;
}
.time_line_bar_ctrl {
  position: relative;
  bottom: -14px;
}
*,
body,
html {
  scroll-behavior: smooth !important;
}
.styles-module_tooltip__mnnfp {
  visibility: unset !important;
  z-index: 999999 !important;
  font-size: 100% !important;
}
.styles-module_tooltip__mnnfp.styles-module_show__2NboJ {
  opacity: 1 !important;
}
:focus {
  outline: 0;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.z-index-low {
  z-index: 9;
}
.z-index-very-high {
  z-index: 99999;
}
.relative {
  position: relative !important;
}
.absolute {
    position: absolute !important;
}
.ml-auto {
  margin-left: auto !important;
}
.margin-left-auto {
  margin-left: auto !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-3-negative {
  margin-left: -3px !important;
}
.p-l-r-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.p-l-r-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.mlr-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-7 {
  margin-right: 7px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.inline-flex {
  display: inline-flex !important;
}
.flex {
  display: flex !important;
}
.pos_relative {
  position: relative;
}
.no-inset {
  inset: auto !important;
}
.second_frame_ctrl {
  padding-left: 7px;
}
.inner_frame_ctrl {
  display: flex;
  flex: 1 1;
  height: 100% !important;
  position: absolute !important;
  outline: 0;
  overflow: hidden !important;
  left: 0 !important;
  right: 0;
  flex-direction: row;
  padding-left: 7px;
}
.split-view-view.second_listing_panel {
  padding-left: 7px;
}
.split-view-view.preview_panel {
  padding-left: 7px;
}
.arrow_box_top:after,
.arrow_box_top:before {
  bottom: 100%;
  left: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box_top:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: 1px;
}
.arrow_box_top:before {
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: #d5d5d6;
  border-width: 9px;
  margin-left: -1px;
}
.gray_theme_custom_sidebar.gray_900_color
  .left-menu-spacing
  > li:hover
  > .folder_icon_sidebar
  > i,
.gray_theme_custom_sidebar.gray_900_color
  .left-menu-spacing
  > li:hover
  > .tag_icon_sidebar
  > i {
  color: #465369 !important;
  opacity: 1;
}
.arrow_box_top.dropdown-right:before {
  left: auto;
  right: 18px;
}
.arrow_box_top.dropdown-right:after {
  left: auto;
  right: 20px;
}
.dropdown-menu.theme_dropdown_with_icon_text a svg {
  margin-right: 8px;
  fill: rgb(126, 129, 135);
  width: 14px;
  height: 14px;
}
.dropdown-menu.theme_dropdown_with_icon_text a.delete_btn svg {
  fill: rgb(241, 108, 121);
}
.arrow_box_top.dropdown-left:before {
  right: auto;
  left: 18px;
}
.arrow_box_top.dropdown-left:after {
  right: auto;
  left: 18px;
}
.theme_square_grey_button {
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  text-decoration: none;
  color: #465369 !important;
  width: 23px;
  height: 23px;
  border-radius: 3px;
  background: 0 0;
  padding: 0 6px;
}
.theme_square_grey_button:hover {
  background: #ebebed;
  opacity: 1;
  fill: #000;
}
.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #00f;
}
.move-far-right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #f15866;
}
.multipane-resizer.vue_pane_resizer {
  width: 5px;
  background-color: #e8e8e8;
}
.vue_splitter_pane {
  background-color: #fff;
}
.capture_inbox_splitter_wrapper > .split {
  height: 970px;
}
.gutter.gutter-horizontal {
  width: 5px !important;
  background-color: #e8e8e8 !important;
  background: 0 0 !important;
}
.list_header {
  padding: 0;
  border-bottom: 1px solid #e9e9eb;
  min-height: 42px;
}
ul.column_layout.task_listing > li {
  border-top: 1px solid #e9e9eb;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 20px) !important;
  border-radius: 4px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.merging_overlay_capture {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  color: #fff;
  text-align: center;
  font-size: 30px;
}
.capture_page_widget_listing_loader {
  min-height: 353px;
}
.tem_added_task_div .tem_added_task_div_panel_icon_position_ctrl {
  text-align: center;
}
.tem_added_task_div .tem_added_task_div_panel_icon_position_ctrl svg {
  width: 30px;
  cursor: pointer;
}
.task_list_ctrl {
  display: flex;
  align-items: center;
  padding: 5px 0 5px 2px;
}
.capture_thumb {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 5px;
  border: 1px solid silver;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.capture_thumb.screenshot > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.capture_thumb i {
  display: inline-block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 15px;
  color: #465369;
  width: 12px;
  height: 17px;
}
.column_layout.task_listing .task_name {
  color: #151b26;
  font-weight: 400;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}
.column_layout.task_listing .task_created_date > .task_date_stamp,
.column_layout.task_listing .task_created_date > .task_time_stamp {
  color: #151b26;
  font-size: 12px;
}
.column_layout.task_listing .task_draggable_number {
  left: 0;
  position: absolute;
}
.capture_thumb > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.gutter.gutter-horizontal,
.split.split-horizontal {
  height: 100%;
  float: left;
  overflow: hidden;
}
.list_footer {
  background-color: #f5f5f7;
  border-top: 1px solid #dadce0;
  padding: 10px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.vue_splitter_pane.capture_selected_list .list_footer {
  border-bottom-left-radius: 0;
}
.in_list_item_description {
  width: 100%;
  display: flex;
  align-items: center;
}
.total_items_in_footer_list {
  color: #465369;
  font-weight: 400;
}
.total_items_in_footer_list .total_item_count_footer {
  color: #465369;
  opacity: 0.7;
  font-weight: 600;
}
.each_item_in_footer_list_wrapper {
  display: flex;
  margin-left: auto;
}
.each_item_in_footer_list > svg {
  opacity: 1;
  padding: 0;
  margin-right: 4px;
}
.each_item_in_footer_list > .each_type_count_footer {
  color: #465369;
  font-weight: 600;
  font-size: 12px;
  opacity: 0.7;
}
.each_item_in_footer_list {
  margin: 0 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.each_item_in_footer_list i {
  color: #465369;
  opacity: 0.55;
  margin-right: 6px;
  font-size: 13px;
}
.each_item_in_footer_list:after {
  position: absolute;
  top: 2px;
  right: -10px;
  content: "";
  border-right: 1px solid #465369;
  height: 14px;
  width: 1px;
  opacity: 0.4;
}
.each_item_in_footer_list_wrapper .each_item_in_footer_list:last-child:after {
  display: none;
}
.capture_inbox_main_wrapper.four_column_main_wrapper {
  width: 100%;
  height: 100%;
}
.capture_inbox_splitter_wrapper {
  width: 100%;
  display: flex;
  padding: 0;
}
.capture_inbox_splitter_wrapper.list_view {
  padding: 10px;
}
.capture_inbox_splitter_wrapper_second {
  background: #eee;
  float: left;
  width: 50%;
}
.capture_inbox_splitter_wrapper #email_sidebar.gray_theme_custom_sidebar {
  width: 100%;
  border-right: 0;
  height: 100% !important;
  border-top-right-radius: 0;
}
.vue_splitter_wrapper {
  padding: 0;
}
.four_column_sidebar + .gutter.gutter-horizontal {
  width: 1px !important;
  background-color: rgba(90, 90, 90, 0.1) !important;
  z-index: 9999 !important;
}
.vue_splitter_pane.app_all_captures,
.vue_splitter_pane.capture_detail_captures,
.vue_splitter_pane.capture_selected_list,
.vue_splitter_pane.four_column_sidebar {
  border: 1px solid #e2e7eb;
  background-color: #fff !important;
}
.vue_splitter_pane.app_all_captures,
.vue_splitter_pane.capture_detail_captures {
  border-top-left-radius: 6px;
}
.vue_splitter_pane.capture_selected_list {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
}
.vue_splitter_pane.four_column_sidebar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.four_column_ui .vue_splitter_pane.app_all_captures,
.four_column_ui .vue_splitter_pane.capture_detail_captures,
.four_column_ui .vue_splitter_pane.vue_splitter_pane {
  height: calc(100vh - 103px) !important;
}
.vue_splitter_pane.four_column_sidebar {
  height: calc(100vh - 79px) !important;
}
.quad_panel_main_wrapper .vue_splitter_pane.capture_detail_captures {
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
}
.quad_panel_main_wrapper.vue_splitter_wrapper
  .vue_splitter_pane.app_all_captures {
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
}
.three_panel_main_wrapper .vue_splitter_pane.capture_detail_captures {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.split_list_view_main_wrapper .vue_splitter_pane.in_list_view {
  border-top-left-radius: 6px;
}
.split_list_view_main_wrapper .vue_splitter_pane.capture_detail_captures {
  border-top-right-radius: 0;
}
.split.split-horizontal.four_column_sidebar {
  overflow: visible;
  height: calc(100vh - 79px);
}
.list_view_main_wrapper .vue_splitter_pane.in_list_view {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.capture_selected_list + .gutter.gutter-horizontal {
  width: 10px !important;
}
.app_all_captures + .gutter.gutter-horizontal {
  width: 10px !important;
}
.vue_splitter_pane.four_column_sidebar .col_height_ctrl {
  height: calc(100vh - 83px) !important;
}
.left_sidebar_content {
  height: 100%;
}
.list_header h4 {
  color: #465369;
  font-size: 13px;
  font-weight: 700;
  opacity: 0.8;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
}
.theme_dropdown_with_icon_text {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6 !important;
}
.dropdown-menu.theme_dropdown_with_icon_text a {
  padding: 6px 10px;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
}
.dropdown-menu.theme_dropdown_with_icon_text a.delete_btn {
  color: #f16c79;
}
.dropdown-menu.theme_dropdown_with_icon_text a.delete_btn:hover {
  color: #f16c79;
}
.dropdown-menu.theme_dropdown_with_icon_text a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.dropdown-menu.theme_dropdown_with_icon_text a i {
  color: #7e8187;
  margin-right: 8px;
  font-size: 13px;
}
.dropdown-menu.theme_dropdown_with_icon_text a img {
  margin-right: 8px;
  font-size: 13px;
}
.dropdown-menu.theme_dropdown_with_icon_text a.active {
  background-color: rgba(14, 154, 239, 0.1) !important;
  color: #0e9aef !important;
}
.dropdown-menu.theme_dropdown_with_icon_text a.active i {
  color: #0e9aef;
}
.sorting_dropdown + .theme_dropdown_with_icon_text {
  margin-left: -12px;
  margin-top: 8px;
  min-width: 170px;
}
.list_header_inner_left,
.list_header_inner_right {
  display: flex;
  width: 100%;
}
.four_column_view_dropdown {
  display: inline-flex;
}
.toggle-chevron:before {
  font-family: "Font Awesome 5 Free";
  top: 0;
  right: 0;
  content: "\f078";
  font-weight: 600;
}
.dropdown-menu.theme_dropdown_with_icon_text a svg.common_color_icon,
.dropdown-menu.theme_dropdown_with_icon_text a svg.common_color_icon path {
  width: 13px !important;
  height: 19px !important;
  fill: #252222;
}
.four_column.sorting_dropdown {
  padding: 2px 24px 2px 7px;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
}
.four_column.sorting_dropdown.has-label-inside {
  padding: 2px 7px;
}
.dropdown.open > .four_column.sorting_dropdown,
.four_column.sorting_dropdown:hover {
  background-color: #f5f5f7;
  border: 1px solid #e9e9eb;
}
.toggle-chevron {
  position: relative;
  width: 100%;
  color: #676a6c;
}
.dropdown.open .toggle-chevron:before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.toggle-chevron.with_label > i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.toggle-chevron:before {
  top: 0;
  right: -18px;
  position: absolute;
  font-size: 13px;
}
.toggle-chevron.with_label > i {
  margin-right: 5px;
  font-size: 11px;
  top: -2px;
  position: relative;
}
.toggle-chevron.with_label:after,
.toggle-chevron.with_label:before {
  display: none;
}
.sorting_dropdown.has-label-inside .sorted_by {
  font-weight: 600;
  font-size: 12px;
}
.sorting_dropdown .sorted_by {
  color: #0e9aef;
}
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid #fff;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid #adadad;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn {
  padding: 6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding: 4px 6px 4px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding: 6px 18px 6px 24px;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}
.list_header_inner_main {
  width: 100%;
  display: flex;
  padding: 5px 10px;
  height: 40px;
}
.btn-breadcrumb > * > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #465369;
  font-size: 11px;
  font-weight: 600;
}
.btn-breadcrumb > :nth-child(n + 2) {
  display: none;
}
.btn-breadcrumb > a {
  border-radius: 0;
}
.custom_breadcrumb .btn-default {
  border-color: #e9e9eb;
}
.btn-breadcrumb.custom_breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #e9e9eb;
}
@media (max-width: 767px) {
  .btn-breadcrumb > :nth-last-child(-n + 2) {
    display: block;
  }
  .btn-breadcrumb > * div {
    max-width: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .btn-breadcrumb > :nth-last-child(-n + 4) {
    display: block;
  }
  .btn-breadcrumb > * div {
    max-width: 100px;
  }
}
@media (min-width: 992px) {
  .btn-breadcrumb > :nth-last-child(-n + 6) {
    display: block;
  }
  .btn-breadcrumb > * div {
    max-width: 170px;
  }
}
.tree_sidebar_folder.closed {
  color: #7b7e84;
}
.tree_sidebar_folder.closed:hover,
.tree_sidebar_folder:hover {
  color: #0e9aef;
}
.search_for_treeview_in_breacdrumb {
  display: inline-block;
  padding: 10px;
}
.gray_theme_custom_sidebar.search_for_treeview_in_breacdrumb
  .sidebar_search_ctrl
  i {
  top: 9px;
}
.gray_theme_custom_sidebar.search_for_treeview_in_breacdrumb
  .sidebar_search_ctrl
  input {
  background-color: #f5f5f7;
  border: 0;
  height: 28px;
  color: #465369;
}
.gray_theme_custom_sidebar.search_for_treeview_in_breacdrumb
  .sidebar_search_ctrl
  input::placeholder {
  color: #465369 !important;
}
.tree_menu_inside_breadcrumb {
  padding: 0 0 10px;
  overflow-y: auto;
  max-height: 200px;
}
.capture_thumb_details {
  width: 100%;
}
textarea.cp_task_name.editable_content {
  border: 1px solid #0e9aef;
  background-color: #fff;
  cursor: text;
  margin: 0 !important;
  height: 20px;
  line-height: 17px;
  padding: 0 4px !important;
}
.task_name_other_assets {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
}
ul.color_picker_dropdown {
  display: flex;
  position: absolute;
  max-width: 164px;
  left: 160.524px;
  top: 5px;
  transform: none;
  margin-top: -6px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccd1d4;
  padding: 7px 5px;
  flex-wrap: wrap;
  min-width: 108px;
  width: auto;
}
ul.color_picker_dropdown li {
  display: inline-flex;
}
.task_name_other_assets > i {
  margin-right: 5px;
  color: #465369;
  opacity: 0.6;
  font-size: 11px;
  display: none;
  border-radius: 100%;
  padding: 5px;
}
ul.column_layout.task_listing > li:hover .task_name_other_assets > i {
  display: block;
}
.task_name_other_assets > i:hover {
  opacity: 1;
}
.panel_content_wrapper {
  position: relative;
  height: 100%;
}
ul.column_layout.task_listing
  > li:hover
  .task_name_other_assets
  .right-list-item-over
  > i {
  display: block;
}
ul.column_layout.task_listing
  > li
  .task_name_other_assets
  .right-list-item-over
  > i {
  display: none;
}
.preview_loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  z-index: 9;
  border-radius: 6px;
}
.preview_loader > img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.no_item_selected_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.no_item_selected_innr_ctrl {
  text-align: center;
  height: 120px;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.no_item_selected_innr_ctrl img {
  width: 155px;
  margin-bottom: 5px;
}
.no_item_selected_innr_ctrl p {
  color: #465369;
  opacity: 0.7;
  font-size: 16px;
  padding: 10px;
}
.no_item_selected_innr_ctrl {
  text-align: center;
  height: 120px;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.no_item_selected_innr_ctrl img {
  width: 155px;
  margin-bottom: 5px;
}
.no_item_selected_innr_ctrl p {
  color: #465369;
  opacity: 0.7;
  font-size: 16px;
  padding: 10px;
}
.no_data_found_wrapper {
  z-index: 9;
  width: 100%;
  height: 85%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.no_data_found_innr_ctrl {
  text-align: center;
  height: 140px;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.no_data_found_innr_ctrl img {
  width: 75px;
  margin-bottom: 5px;
}
.no_data_found_innr_ctrl p {
  color: #465369;
  opacity: 0.7;
  font-size: 16px;
  padding: 10px;
}
.tagged_assets_folder .added_project {
  font-size: 10px;
  font-weight: 700;
  display: flex;
  padding: 0 5px 2px;
  border-radius: 10px;
  background-color: #f5f5f7;
  border: 1px solid #d5d5d6;
  align-items: center;
}
.tagged_assets_folder .added_project:hover {
  background-color: #fff;
}
.added_project .remove_project {
  cursor: pointer;
  position: absolute;
  top: -8px;
  right: -4px;
  display: none;
  border: thin solid #fff;
  border-radius: 100%;
}
.remove_project > i {
  color: #465369;
  opacity: 0.6;
  font-size: 11px;
}
.remove_project > i:hover {
  opacity: 1;
}
.added_project:hover .remove_project {
  display: block;
}
.added_project_text {
  max-width: 53px;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 0;
  position: relative;
  overflow: hidden;
  color: #151b26;
  font-size: 11px;
  display: inline-block;
  font-weight: 600;
}
.tree_sidebar_dot {
  font-size: 8px;
  display: inline-flex;
  margin-right: 4px;
  top: -1px;
  position: relative;
  border: 1px solid transparent;
}
.custom_lablel_orignal_name:hover > .project_level_dropdown {
  opacity: 1 !important;
}
.list_have_child_span {
  display: inline-block;
  width: auto !important;
}
.list_have_child_span span.caret_icon {
  display: inline-block;
  padding-right: 4px;
  margin-left: 0;
  width: 10px;
  text-align: center;
}
.cret_main_icon_span_spaces {
  display: inline-block !important;
  margin-left: 7px !important;
}
.cret_main_icon_span_spaces i {
  color: #676a6c !important;
  font-size: 13px !important;
}
.list_tree_empty_folder_icon_span {
  margin-left: 16px;
}
.list_tree_empty_folder_icon_span i.fa-folder {
  color: #7b7e84 !important;
}
.sidebar_space_button_area {
  background-color: #f5f5f7;
  border-top: 1px solid #d5d5d6;
  padding: 10px 10px 10px 22px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.sidebar_space_button_left {
  color: #465369;
  font-weight: 400;
}
.sidebar_space_button_left i {
  opacity: 0.6;
  font-size: 13px;
  margin-right: 8px;
}
.space_setting_three_dot {
  opacity: 0;
  right: 30px;
  position: absolute;
  width: 30px;
  display: inline-flex;
  cursor: pointer;
  margin-left: auto;
  right: 21px;
  top: 0;
}
.section_heading_level:hover > .space_setting_three_dot {
  opacity: 1 !important;
}
.space_setting_three_dot span i.fas {
  padding-left: 0;
  font-size: 12px;
  padding-right: 5px;
  min-width: 8px !important;
  margin: 0 0 0 9px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.draggable_clone_ul {
  box-shadow: 0 3px 6px #00000029;
  opacity: 1 !important;
  z-index: 999 !important;
  left: 2px;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  background-color: #fff;
  min-width: 320px;
}
.collapsein,
.collapseout {
  height: 0;
  opacity: 0;
}
.indent_70 {
  margin-left: 70px !important;
}
.collapseout {
  height: auto !important;
  opacity: 1 !important;
}
.draggable_clone_ul .task_list_ctrl {
  padding: 6px 7px;
}
.draggable_clone_ul .task_draggable_number {
  display: none;
}
.draggable_clone_ul li {
  list-style: none;
  background: #fff !important;
}
.draggable_clone_ul .capture_thumb_details_scond_row {
  display: none !important;
}
.dragged_clone_append_li {
  height: 35px !important;
}
.dragged_clone_append_li .parent_capture {
  width: 100% !important;
  margin: unset !important;
  padding: unset !important;
}
.hide_all_accept_clone_div .capture_parent_div_section,
.hide_all_accept_clone_div .sub_capture_ctrl {
  display: none !important;
}
.selectedDraggableCapture .capture_details_action_layout,
.selectedDraggableCapture .folder_assigned,
.selectedDraggableCapture .sub_task_icon,
.selectedDraggableCapture .subtask_expand_collapse_ctrl,
.selectedDraggableCapture .task_draggable_number,
.selectedDraggableCapture .timer_ui_list_view {
  display: none !important;
}
.selectedDraggableCapture {
  width: 20px !important;
}
.selectedDraggableCapture .task_list_ctrl {
  height: 35px !important;
}
.selectedDraggableCapture .capture_thumb {
  height: 30px !important;
  width: 30px;
  min-width: 20px;
}
.image-modal {
  position: fixed;
  top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  z-index: 10000;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.image-modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0 none;
  position: relative;
  width: 80%;
  height: 80%;
  margin: 0 auto;
  box-sizing: border-box;
}
.default-theme .splitpanes--vertical > .splitpanes__splitter,
.default-theme.splitpanes--vertical > .splitpanes__splitter {
  background-color: #eee !important;
}
.vue_splitter_pane.four_column_sidebar.splitpanes__pane
  + .splitpanes__splitter {
  background: 0 0 !important;
  border-left: 0;
}
.splitpanes__splitter:after,
.splitpanes__splitter:before {
  display: none;
}
.list_view_wrapper .in_list_view {
  background-color: #fff !important;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.list_pane.in_list_view + .splitpanes__splitter {
  min-width: auto !important;
  width: 9px !important;
}
.details_pane.in_list_view {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.list_view_wrapper {
  height: calc(100vh - 119px) !important;
}
.tree-node-inner-back:hover {
  background-color: #e7e7ec;
}
.tree-node-inner-back {
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0 !important;
  position: relative;
  height: 28px;
  position: relative;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.tree-node.active > .tree-node-inner-back {
  background-color: #0e9aef !important;
}
.tree-node.active > .tree-node-inner-back .innertTextContent.teams_bundle {
  font-weight: 600;
}
.tree-node.active > .tree-node-inner-back .tree_sidebar_dot {
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 100%;
}
.scroll-area-left-sidebar-four-column
  .ps
  > .ps__scrollbar-y-rail
  > .ps__scrollbar-y {
  width: 6px;
}
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.scroll-area-left-sidebar-four-column
  .ps
  > .ps__scrollbar-y-rail:active
  > .ps__scrollbar-y {
  width: 6px !important;
}
.teams_heading {
  color: #2d333d;
  font-weight: 600;
  padding-left: 2px;
}
.teams_heading:focus {
  outline: 0;
}
.caret_icon > i {
  color: #8c93a1;
  margin-right: 0;
  font-size: 11px;
  top: -1px;
  position: relative;
}
.list_have_child_span.teams_level > .caret_icon > i {
  color: #8c93a1;
  font-size: 14px;
  position: relative;
  top: 0;
}
.list_have_child_span.teams_level {
  opacity: 1;
}
.tree-node-inner-back:hover .list_have_child_span.teams_level {
  opacity: 1;
}
.innertTextContent.teams_folder {
  color: #465369;
  font-size: 13px;
  font-weight: 600;
}
.tree-node-inner-back .list_have_child_span.teams_level {
  padding-right: 2px;
  padding-left: 2px;
}
.tree-node-inner-back[style="margin-bottom: 10px; padding-left: 16px;"] {
  padding-left: 10px !important;
  padding-right: 3px;
}
.tree-node-inner-back[style="margin-bottom: 10px; padding-left: 32px;"] {
  padding-left: 21px !important;
  padding-right: 3px !important;
  border-left: 2px solid transparent;
}
.tree-node-inner-back[style="margin-bottom: 10px; padding-left: 32px;"]
  .has_no_sub_list {
  padding-left: 15px;
}
.tree-node-inner-back[style="margin-bottom: 10px; padding-left: 48px;"] {
  padding-left: 68px !important;
}
.project_level_dropdown {
  opacity: 0;
  right: 0;
  position: absolute;
  width: 30px;
}
.tree-node-inner-back:hover .project_level_dropdown {
  background-color: #e7e7ec;
}
.tree-node.active > .tree-node-inner-back .project_level_dropdown {
  background-color: #d8e3f3;
}
.innertTextContent.teams_bundle {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  max-width: 65%;
  border: 1px solid transparent;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: -5px;
}
.scroll-area-left-sidebar-four-column .ps__scrollbar-y {
  right: 0 !important;
  width: 4px !important;
}
.scroll-area-left-sidebar-four-column .ps > .ps__scrollbar-y-rail {
  width: 6px !important;
}
.sidebar_trash_area:hover > .trash_dropdown {
  opacity: 1 !important;
}
.trash_dropdown {
  opacity: 0;
  right: 3px;
  position: absolute;
  background-color: #f5f5f7;
  width: 30px;
}
.leftSidebarMainDiv button.ColorPickerCell {
  width: 15px;
  height: 15px;
  border: 0;
}
.leftSidebarMainDiv .dropdown-menu > li > a.heading-title {
  padding: 3px 10px 0 5px;
}
.project_treemenu_main_ctrl
  > div
  > .he-tree.tree
  > .tree-node
  > .tree-node-children
  > .tree-node
  > .tree-node-inner-back {
  border-top: 1px solid #dadce0;
  padding: 7px 10px 7px 12px;
}
.project_treemenu_main_ctrl
  > div
  > .he-tree.tree
  > .tree-node
  > .tree-node-children
  > .tree-node:first-child
  > .tree-node-inner-back {
  border: 0;
}
.tags_add_more_ctrl.rcl {
  margin-right: 10px;
}
.tag_section_in_left_sidebar .tags_add_more_ctrl.rcl {
  margin-right: 0;
}
.tags_add_more_dropdown.rcl i {
  font-size: 11px;
  color: #465369;
  opacity: 0.5;
  display: block;
  padding: 2px;
  line-height: normal;
}
.tags_add_more_dropdown.rcl i:hover {
  opacity: 1;
}
.task_draggable_number.four_column_ui {
  display: inline-flex;
  margin: 0;
  opacity: 0;
  position: absolute;
  left: 5px;
  margin-top: 3px;
  cursor: move;
}
.project_treemenu_main_ctrl
  .tree-node-inner-back:hover
  .task_draggable_number.four_column_ui {
  opacity: 1;
}
.task_draggable_number svg {
  fill: #465369;
  width: 14px;
  height: 14px;
}
.tree-node-inner-back:hover .task_draggable_number.rcl {
  opacity: 1;
}
.task_draggable_number.rcl {
  display: inline-flex;
  margin: 0;
  opacity: 0;
  position: absolute;
  left: 1px;
  top: 6px;
  z-index: 1;
}
.project_treemenu_main_ctrl
  > div
  > .he-tree.tree
  > .tree-node
  > .tree-node-children
  > .tree-node
  > .tree-node-inner-back
  .task_draggable_number.rcl {
  top: 11px;
  left: 1px;
}
.custom_capture_assigne_list .elem_circle {
  margin-right: 7px;
}
.custom_capture_assigne_list .tag_name {
  color: #465369;
  font-size: 13px;
}
.mcd_search_box {
  padding: 8px 7px;
  border-bottom: 1px solid #d5d5d6;
}
.mcd_search_box i {
  position: absolute;
  top: 18px;
  left: 15px;
  z-index: 9;
  font-size: 12px;
  color: #798292;
}
.mcd_search_box input {
  border: 1px solid #e5e6e7;
  width: 100%;
  position: relative;
  height: 30px;
  padding: 3px 8px 4px 28px;
  font-size: 13px;
}
.mcd_search_box input:focus {
  border: 1px solid #0e9aef;
}
.add-tags button.btn[aria-expanded="true"] {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.tags-container .add-tags.open .btn:focus .mcd_search_box input:focus {
  border: 1px solid #0e9aef;
}
.search_box_timer_innr_ctrl .mcd_search_box input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 24px;
  font-size: 12px;
}
.tree-node.active > .tree-node-inner-back.hover-drag {
  backgrund: #d8e3f3 !important;
}
.tree-node-inner-back.hover-drag:hover .project_level_dropdown,
.tree-node-inner-back.hover-drag:hover .task_draggable_number.rcl {
  display: none;
}
.draggable_clone_multiple .capture_thumb.screenshot {
  background: 0 0;
  border: none;
  text-align: center;
  margin-right: 0;
  width: auto;
  min-width: 30px;
}
.draggable_clone_multiple .capture_thumb.screenshot > i {
  font-size: 25px;
  margin-top: 8px;
  opacity: 0.6;
  color: #2680eb;
}
.draggable_clone_multiple .cp_task_name {
  font-weight: 600;
}
.draggable_clone_ul.list_ui .task_innr_common {
  padding: 7px;
}
.draggable_clone_ul.list_ui .task_number {
  display: none;
}
.draggable_clone_ul.list_ui .view_task_eye_ctrl {
  display: none;
}
.draggable_clone_ul.list_ui .task_assignee_data_placeholder,
.draggable_clone_ul.list_ui .task_created_at_data_placeholder,
.draggable_clone_ul.list_ui .task_project_data_placeholder {
  display: none;
}
.added_project .tree_sidebar_dot {
  top: 1px;
  font-size: 7px;
}
.by_tag_assignee_tree_ctrl .title-slide.rcl > h3 > i {
  color: #8c93a1;
  font-size: 13px;
  margin-right: 5px;
}
.by_tag_assignee_tree_ctrl .treeview-heading > h3 {
  padding-left: 0;
}
.treeview-heading.title-slide {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidebar_assignee_initial {
  display: inline-grid;
  font-size: 11px;
  font-weight: 600;
  border-radius: 100%;
  width: 17px;
  height: 17px;
  text-align: center;
  align-items: center;
  margin-left: 14px;
  margin-right: 5px;
}
.tag_icon_sidebar {
  margin-right: 3px;
  margin-left: 16px;
  top: -3px;
  position: relative;
}
.toggle_tree_sections
  .dropdown-menu
  li.ui-sortable-placeholder.ui-sortable-handle {
  background-color: #fff;
  background-color: #fff !important;
}
.toggle_tree_sections .dropdown-menu li.ui-sortable-helper div {
  background-color: #fff !important;
  box-shadow: none !important;
}
.toggle_tree_sections .dropdown-menu li.ui-sortable-helper {
  background-color: #fff !important;
  color: inherit !important;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.dropdown-menu.dropdown_option_with_tick > a {
  padding-left: 30px;
  position: relative;
}
.dropdown-menu.dropdown_option_with_tick > a.active:before {
  font-family: "Font Awesome 5 Free";
  left: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  font-size: 12px;
}
.dropdown-menu.dropdown_option_with_tick .separator {
  border-bottom: 1px solid #e9e9eb;
  width: 100%;
  height: 1px;
  margin: 7px 0;
  display: inline-block;
}
.dropdown-menu .sort_label_text {
  width: 100%;
  padding: 6px 10px 7px 31px;
  color: #252222;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  opacity: 0.7;
}
.capture_label_ctrl {
  font-size: 14px;
  font-weight: 600;
}
.capture_label_preview_pane {
  color: #6b7587;
}
.capture_id {
  color: #0e9aef;
  font-weight: 600;
}
.rcl.preview_pane_header_ctrl {
  width: auto;
  display: inline-flex;
  align-items: center;
}
.Status-section .task_status_box {
  margin-top: -1px;
}
.Status-section .status-name {
  margin-top: -2px;
}
.preview_pane_right_header_ctrl
  .three_dots_dropdown_innr_main.magic-dropdown-main-list
  .common_innr_dropdown {
  right: 100%;
  left: inherit;
}
.rcl.preview_pane_right_header_ctrl {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.rcl.preview_pane_right_header_ctrl > div {
  margin: 0 0 0 5px;
}
.rcl.preview_pane_right_header_ctrl > div > i,
.rcl.preview_pane_right_header_ctrl > div > span {
  color: #676a6c;
  font-size: 13px;
  cursor: pointer;
}
ul.rcl.preview_pane_top_header_ctrl > li {
  display: flex;
}
.rcl.preview_pane_right_header_ctrl .priority-icon {
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  background-color: #f5f5f7;
  display: flex;
  min-height: 24px;
  min-width: 24px;
  align-items: center;
  border-radius: 2px;
  justify-content: center;
}
.rcl.preview_pane_right_header_ctrl .priority-icon:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.rcl.preview_pane_right_header_ctrl .sharelink {
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  background-color: #f5f5f7;
  display: flex;
  min-height: 24px;
  min-width: 24px;
  align-items: center;
  border-radius: 2px;
  justify-content: center;
}
.rcl.preview_pane_right_header_ctrl .sharelink:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.rcl.preview_pane_right_header_ctrl .magic-dots {
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  background-color: #f5f5f7;
  display: flex;
  min-height: 24px;
  min-width: 24px;
  align-items: center;
  border-radius: 2px;
  justify-content: center;
}
.rcl.preview_pane_right_header_ctrl .magic-dots:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.preview_pane_top_header_second {
  border-bottom: 1px solid #e9e9eb;
  padding: 5px;
  margin: 0;
  display: flex;
  align-items: center;
  position: relative;
}
.preview_pane_top_header_second .previw-left-cl {
  display: flex;
  align-items: center;
}
.preview_pane_top_header_second .previw-right-cl {
  display: flex;
  align-items: center;
  margin-left: auto;
  justify-content: flex-end;
}
.preview_pane_top_header_second .previw-left-cl .due-date {
  transition: all 0.3s ease;
  border: 1px solid transparent;
  min-height: 24px;
  cursor: pointer;
  display: flex;
  padding: 0 5px 0 0;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f7;
  border-radius: 2px;
  margin-right: 10px;
}
.preview_pane_top_header_second .previw-left-cl .due-date:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.preview_pane_top_header_second .previw-left-cl .due-date .due-date-img i {
  ransition: 0.6s;
  margin-top: -3px;
  color: #676a6c;
  font-size: 12px;
}
.preview_pane_top_header_second .previw-left-cl .due-date a svg {
  fill: #676a6c;
  margin-right: 5px;
}
.preview_pane_top_header_second .previw-left-cl .due-date a.btn {
  display: flex;
  font-weight: 400;
  font-size: 13px;
  align-items: center;
  color: #676a6c;
  padding: 0;
}
.preview_pane_top_header_second .previw-left-cl .due-time {
  transition: all 0.3s ease;
  border: 1px solid transparent;
  min-height: 24px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f7;
  border-radius: 2px;
  margin-right: 10px;
}
.preview_pane_top_header_second .previw-left-cl .due-time:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.preview_pane_top_header_second .previw-left-cl .due-time .due-time-img i {
  ransition: 0.6s;
  margin-top: -3px;
  color: #676a6c;
  font-size: 12px;
}
.preview_pane_top_header_second .previw-left-cl .due-time a.btn {
  display: flex;
  font-weight: 400;
  font-size: 13px;
  align-items: center;
  color: #676a6c;
  padding: 0;
}
.preview_pane_top_header_second .previw-left-cl .activity {
  font-weight: 600;
  font-size: 13px;
  min-width: auto;
  position: relative;
  transition: all 0.5s ease;
  padding: 0;
  color: #676a6c;
  background-color: #f5f5f7;
  display: inline-flex;
  align-items: center;
  height: 24px;
  margin-right: 10px;
  border-radius: 2px !important;
  border: 1px solid transparent;
}
.preview_pane_top_header_second .previw-left-cl .activity:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.preview_pane_top_header_second .previw-left-cl .activity .activity-img i {
  ransition: 0.6s;
  margin-top: -3px;
  color: #89929f;
  opacity: 0.9;
  font-size: 12px;
}
.preview_pane_top_header_second .previw-left-cl .activity a.btn {
  border-radius: 2px;
  display: flex;
  font-weight: 400;
  font-size: 13px;
  align-items: center;
  color: #676a6c;
  padding: 0 0 0 5px;
}
.task-icon-activity .a {
  fill: #0e9aef;
}
.project-icon-activity .a {
  opacity: 0.79;
}
.project-icon-activity .b {
  fill: #d29e14;
}
.project-icon-activity .c {
  fill: #febe18;
}
.document-icon-activity .a {
  fill: #4dbd7b;
}
.activity-icon h3.Label_heading_top {
  padding: 8px 9px 7px;
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  color: #000;
  opacity: 0.45;
  border-bottom: 1px solid #efefef;
}
.priority-icon ul.inlist.assignee_dropdown > li {
  padding: 6px;
}
.activity-icon .common_innr_dropdown {
  left: 0;
  top: 30px;
  min-width: 150px;
  border: 1px solid #d5d5d6;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.activity-icon ul.inlist.assignee_dropdown > li {
  padding: 6px;
}
ul.inlist.capture-type > li span {
  width: 25px;
  display: flex;
}
ul.inlist.capture-type > li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 7px 8px 10px;
  color: #252222;
  font-size: 13px;
  cursor: pointer;
}
ul.inlist.capture-type > li:hover {
  background-color: #f5f5f5;
}
ul.inlist.capture-type > li.active {
  background-color: #2680eb1a;
  color: #2680eb;
}
ul.inlist.capture-type > li.active:after {
  font-family: "Font Awesome 5 Free";
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 8px;
  font-size: 12px;
}
.preview_pane_top_header_second a.btn i {
  font-size: 15px;
  color: #676a6c;
  margin-right: 5px;
}
.preview_pane_top_header_second a.btn i.catpure-dropdown {
  margin-right: -2px !important;
  border-left: 1px solid rgb(255, 255, 255, 0.5);
  margin-top: -1px;
  margin-right: -1px;
  padding: 6px;
  width: 24px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  display: flex;
  margin-left: 5px;
  height: 24px;
  align-items: center;
  background-color: rgba(211, 211, 213, 0.26);
  font-size: 10px;
}
.preview_pane_top_header_second .previw-right-cl .activity a.btn {
  transition: 0.6s;
  border: 1px solid #dadce0;
  color: #262626;
  background-color: #fff;
  padding: 3px 7px;
  border-radius: 5px;
}
.preview_pane_top_header_second .previw-right-cl .activity a.btn:hover {
  background-color: #dbdbdb;
}
.preview_pane_top_header_main {
  border-bottom: 1px solid #dadce0;
  padding: 5px 15px 4px;
  margin: 0;
  display: flex;
  align-items: center;
  position: relative;
}
.vbD_bug_created_by {
  padding: 10px;
  display: flex;
  align-items: center;
  background-color: #f5f5f7;
  border-bottom: 1px solid #efefef;
}
.user_identity {
  width: 34px;
  height: 32px;
  color: #fff;
  font-size: 13px;
  line-height: 32px;
  align-items: center;
  text-align: center;
  font-weight: 600;
  border-radius: 100%;
  text-transform: uppercase;
}
.vbD_bug_created_by .user_identity {
  width: 39px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  margin-top: 0;
  font-weight: 400;
}
.comments_area .action-magic-dots {
  display: block !important;
  cursor: pointer;
  opacity: 0;
}
.comments_area:hover .action-magic-dots {
  opacity: 1;
}
.comments_area:hover .dropdown-menu {
  width: 100px;
}
.bug_creation_ctrl {
  display: flex;
  width: 100%;
}
.bug_creation_ctrl.vbD_bug_creation_ctrl {
  max-width: 100%;
}
.bug_creation_details {
  padding: 0;
  width: 100%;
}
.posted_by_label {
  color: #465369;
  font-weight: 600;
  font-size: 11px;
  opacity: 1;
}
.created_by_time_ctrl {
  display: flex;
  align-items: center;
}
.bug_created_by_name {
  color: #465369;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 55%;
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
}
.vbD_bug_created_by .bug_created_by_name {
  font-size: 14px;
}
.preview-pane_project_details {
  display: flex;
  margin: 7px 10px 12px;
}
.preview-pane_project_details > span {
  color: #465369;
  font-size: 14px;
  font-weight: 600;
}
.preview-pane_project_details .tagged_assets_folder {
  margin: 0 0 0 8px;
}
.preview-pane_project_details .added_project .remove_project {
  top: -6px;
  right: -4px;
}
.preview_pane_tabbed_panel {
  margin: 10px 0 0;
}
.preview_pane_tabbed_panel ul.nav {
  border-bottom: 1px solid #d5d5d6;
  width: 100% !important;
  display: inline-block;
}
.preview_pane_tabbed_panel ul.nav > li {
  border-bottom: 3px solid transparent;
  position: relative;
}
.preview_pane_tabbed_panel ul.nav > li:hover {
  border-bottom: 3px solid #0e9aef;
}
.preview_pane_tabbed_panel ul.nav > li > a {
  color: #465369;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.9;
  border: 0;
  padding: 10px 15px;
}
.preview_pane_tabbed_panel ul.nav > li > a:hover {
  border: 0 !important;
  background: 0 0;
}
.preview_pane_tabbed_panel ul.nav > li.active {
  border-bottom: 3px solid #0e9aef;
}
.preview_pane_tabbed_panel ul.nav > li.active > a {
  color: #0e9aef !important;
  border: 0 !important;
}
.preview_pane_tabbed_panel ul.nav > li.active > a > i {
  color: #0e9aef;
}
.related-document-container
  .Custom-Heading
  .preview_pane_tabbed_panel
  .tab-content {
  padding: 10px;
}
.tab-content-innr {
  border: 1px solid #d5d5d638;
  background-color: #fafafa;
  padding: 10px;
  border-radius: 6px;
}
.preview_pane_tabbed_panel .tab-content-innr .row {
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  border: 0;
}
.preview_pane_tabbed_panel .tab-content-innr .row:last-child {
  margin: 0;
}
.preview_pane_tabbed_panel .tab-content-innr .row > .label {
  color: #465369;
  font-weight: 600;
  font-size: 13px;
  background: 0 0;
  min-width: 90px;
  display: inline-flex;
  padding: 0;
  opacity: 0.7;
}
.preview_pane_tabbed_panel .tab-content-innr .row > .data {
  color: #343434;
  word-break: break-all;
}
.preview_pane_tabbed_panel .tab-content-innr .row > .data > a {
  display: inline-block;
}
.comments_activity_ctrl {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 21px 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.comments_activity_ctrl.vbD_comments_activity_ctrl {
  padding: 0;
}
ul.pills_ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
ul.pills_ul > li {
  display: inline-block;
  background-color: #f2f2f2;
  cursor: pointer;
  padding: 4px 20px;
  border-radius: 15px;
  position: relative;
}
.vbD_comments_activity_ctrl ul.pills_ul > li {
  padding: 2px 7px;
  font-size: 13px;
}
ul.pills_ul > li.active {
  color: #2680eb !important;
  background-color: #2680eb1a;
}
.comment_activity_main_content_ctrl {
  height: 100% !important;
  padding-top: 0;
  min-height: 120px;
}
.inner-commentActivity-relative {
  position: relative;
  height: 100%;
  float: left;
  width: 100%;
}
.comments_list_ctrl {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 80px;
}
.task-view-popover-vfix .comments_list_ctrl {
  width: 100% !important;
  max-height: 320px;
  overflow: auto;
  margin-top: 0;
  height: auto !important;
}
.comments_area {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  max-width: 92%;
  box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  position: relative;
}
.comments_area .commented_by {
  margin-left: 5px;
  margin-top: 22px;
}
.user_identity {
  width: 23px;
  height: 23px;
  color: #fff;
  font-size: 10px;
  line-height: 22px;
  align-items: center;
  text-align: center;
  font-weight: 600;
  border-radius: 100%;
  text-transform: uppercase;
}
.user_identity {
  background-color: #0e9aef;
}
.commented_by .user_identity {
  display: inline-block;
}
.commented_innr_ctrl {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin-left: 34px;
}
.comment-by-chatty .comments_innr_header {
  display: flex;
  justify-content: flex-start;
}
.comments_innr_header {
  display: flex;
  align-items: center;
  padding-left: 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin-left: auto;
  justify-content: flex-end;
}
.bug_created_by_name {
  color: #0e9aef;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 55%;
  display: inline-block;
  box-sizing: border-box;
  font-size: 12px;
}
.bug_submittion_time span {
  margin-right: 8px;
  color: #7b8595;
}
a.remove_activity_on_front i {
  color: #ff5263;
  font-size: 11px;
  opacity: 0.8;
}
.comments_area.comment_area_right {
  float: right;
  width: 100%;
  max-width: 75%;
  margin-right: 25px;
}
.comments_area.comment_area_right .commented_innr_ctrl {
  float: right;
  display: inline-block;
  width: 100%;
}
.comments_area.comment_area_right .comments_innr_header {
  padding-left: 0;
  align-items: center;
}
.comments_area.comment_area_right .bug_created_by_name {
  max-width: 55%;
}
.vbD_comments_activity_ctrl .comments_text {
  margin-left: 5px;
  padding: 8px;
  word-break: break-word;
  font-size: 12px;
}
.comments_area.comment_area_right .comments_text {
  float: right;
  max-width: 75%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left: 0;
  background-color: rgba(38, 128, 235, 0.09);
  border-top-left-radius: 8px;
  border-bottom-right-radius: 0;
  user-select: text;
}
.comments_area.comment_area_right .comments_text p {
  margin-bottom: 0;
}
.attachment_div_activity .doc-file {
  text-align: left;
}
.attachment_div_activity .download_attachment {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.attachment_div_activity .download_attachment .comment-download-file {
  display: flex;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
  margin-left: 10px;
}
.attachment_div_activity .download_attachment .comment-download-file i {
  opacity: 0.5;
}
.attachment_div_activity .download_attachment .comment-download-file i:hover {
  opacity: 1;
}
.ocr_heading_label_text {
  font-size: 14px;
  color: #465369;
  font-weight: 600;
  display: inline-block;
}
.ocr_text_span_class {
  color: #343434;
  font-size: 13px;
  line-height: 24px;
  margin-top: 5px;
  display: inline-block;
}
.preview_pane_ocr_ctrl {
  padding: 0;
  display: inline-block;
  margin: 10px 0;
  width: 100%;
}
.preview_pane_tags_assignee_ctrl {
  display: inline-block;
}
.preview_pane_tags_assignee_ctrl .tags_assignee_in_preview_ctrl {
  display: flex;
  align-items: center;
  margin: 0;
}
.preview_pane_tags_assignee_ctrl .tags_assignee_in_preview_ctrl:last-child {
  margin: 0;
}
.tags_assignee_in_preview_ctrl > span {
  color: #465369;
  font-size: 14px;
  font-weight: 600;
  min-width: 65px;
}
.tags_assignee_in_preview_ctrl .tagged_assets_tags {
  margin-left: 0;
}
.tags_assignee_in_preview_ctrl .added_tags {
  font-size: 11px;
  padding: 0 10px 0 5px;
  margin-right: 5px;
}
.tags_assignee_in_preview_ctrl .added_tags_text {
  max-width: 120px;
}
.tags_assignee_in_preview_ctrl .more_items_tagged {
  padding: 3px 10px 4px 5px;
  font-size: 11px;
  top: -2px;
  position: relative;
  margin-left: -3px;
}
.tags_assignee_in_preview_ctrl
  .tagged_assets_assignee
  .cp_multiple_assignee
  .assignee_circle {
  width: 24px;
  height: 24px;
  margin-left: -5px;
  font-size: 12px;
}
.tags_assignee_in_preview_ctrl
  .cp_multiple_assignee
  .assignee_circle.more_assignee.inlist {
  background-color: #f0edf5;
  color: #465369;
  font-size: 12px;
  font-weight: 700;
  width: 25px;
  height: 24px;
}
.teams_folder + .project_list_item_count {
  display: none;
}
.grouped_by_section {
  border-top: 1px solid #d5d5d6;
  border-bottom: 1px solid #d5d5d6;
  background-color: #f5f5f7;
  padding: 4px 15px;
  display: flex;
  align-items: center;
  position: relative;
}
.grouped_by_section:hover {
  background-color: #e3edf7;
}
.grouped_by_section.active {
  background-color: #d8e3f3;
  outline: 0;
}
.chevron_ctrl > i {
  color: #3c4152;
  opacity: 0.7;
  font-size: 12px;
}
.grouped_by_label {
  display: inline-flex;
  align-items: center;
}
.grouped_by_section.active,
.grouped_by_section.active .chevron_ctrl > i {
  opacity: 1;
  color: #2680eb;
}
.grouped_by_section.active,
.grouped_by_section.active > .grouped_by_label {
  opacity: 1;
  color: #2680eb;
}
.items_inside {
  padding-left: 4px;
  font-size: 12px;
  color: #465369;
  font-weight: 600;
}
.chevron_ctrl {
  position: relative;
}
.chevron_ctrl:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  top: 0;
  right: 0;
}
.grouped_by_section .chevron_ctrl:before {
  content: "\f078";
}
.grouped_by_section.collapsed .chevron_ctrl:before {
  content: "\f054";
}
.subtask_expand_collapse_ctrl .chevron_ctrl:before {
  content: "\f078";
}
.subtask_expand_collapse_ctrl.collapsed .chevron_ctrl:before {
  content: "\f054";
}
.tree-node.active
  > .tree-node-inner-back
  .innertTextContent.teams_bundle.editable_content {
  top: 0;
  position: relative;
  height: 20px;
  line-height: 18px;
  padding: 0 5px !important;
  margin: 0;
}
.draggable_clone_multiple .right-list-item-over,
.draggable_clone_ul .right-list-item-over {
  display: none !important;
}
.save_button_area {
  margin-left: auto;
  padding-left: 8px;
}
.save_button_area > button {
  width: auto !important;
  padding: 9px 6px !important;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 19px;
  background-color: #0e9aef !important;
  color: #fff !important;
  margin: 0 !important;
}
.capture_group_detail.is-dragover {
  position: relative;
}
.capture_group_detail.is-dragover ul.column_layout.task_listing > li {
  background-color: rgba(243, 247, 254, 0.5);
}
.capture_group_detail.is-dragover:before {
  position: absolute;
  border: 1px solid #2680eb;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 9;
}
.document_preview > i {
  color: rgba(255, 255, 255, 0.75);
  font-size: 24px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
  width: 27px;
  height: 26px;
  text-align: center;
}
.view_task_issue_screenshot {
  width: 100%;
  display: flex;
}
.document_preview {
  width: 100%;
  height: 100%;
  position: relative;
}
.folder_preview {
  width: 100%;
  height: 100%;
  position: relative;
}
.folder_preview > i {
  color: rgba(14, 154, 239, 0.41);
  font-size: 26px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
  width: 27px;
  height: 26px;
  text-align: center;
}
.audio_preview {
  width: 100%;
  text-align: center;
  align-items: center;
  position: relative;
}
.audio_preview audio {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border: 0;
}
.video_preview {
  width: 100%;
  position: relative;
}
.image_preview {
  width: 100%;
  position: relative;
  text-align: center;
}
.note_preview {
  color: #fff;
}
.magical_three_dropdown_open_folder > .tree-node-inner-back,
.magical_three_dropdown_open_project > .tree-node-inner-back,
.magical_three_dropdown_open_team > .tree-node-inner-back {
  background-color: #0e9aef;
}
.tree-node.open.magical_three_dropdown_open_folder
  .custom_lablel_orignal_name
  .three_dots_dropdown_div,
.tree-node.open.magical_three_dropdown_open_project
  .custom_lablel_orignal_name
  .three_dots_dropdown_div,
.tree-node.open.magical_three_dropdown_open_team
  .custom_lablel_orignal_name
  .three_dots_dropdown_div {
  background-color: #0e9aef;
}
.tree-node.active > .tree-node-inner-back .three_dots_dropdown_div,
.tree-node.active > .tree-node-inner-back:hover .three_dots_dropdown_div {
  background-color: #0e9aef !important;
}
.views_widget_main_ctrl {
  display: flex;
  width: 100%;
  justify-content: center;
}
.common_view_button {
  padding: 4px 10px;
  margin: 0 5px 0 0;
  border-radius: 4px;
  color: #343434;
  font-size: 14px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  cursor: pointer;
}
.common_view_button:hover {
  background-color: #f5f5f7;
  border: 1px solid #d5d5d66e;
}
.common_view_button.active {
  border: 1px solid #d5d5d66e;
  background-color: #f5f5f7;
}
.common_view_button > svg {
  margin: 0 7px 0 0;
}
.icon_ctrl_list_view > svg {
  width: 16px;
  height: 14px;
}
.icon_ctrl_quad_panel_view > svg {
  width: 18px;
}
.icon_ctrl_list_view .b,
.icon_ctrl_list_view .c,
.icon_ctrl_list_view a {
  fill: #465369;
}
.icon_ctrl_list_view .b {
  opacity: 0.67;
}
.icon_ctrl_list_view .c {
  opacity: 0.48;
}
.icon_ctrl_three_panel_view .a,
.icon_ctrl_three_panel_view .b,
.icon_ctrl_three_panel_view .c {
  fill: #465369;
}
.icon_ctrl_three_panel_view .a {
  opacity: 0.44;
}
.icon_ctrl_three_panel_view .c {
  opacity: 0.76;
}
.icon_ctrl_quad_panel_view .a {
  fill: #465369;
  opacity: 0.61;
}
.icon_ctrl_quad_panel_view .b,
.icon_ctrl_quad_panel_view .c {
  fill: #465369;
}
.c {
  opacity: 0.58;
}
.common_view_button.active .a,
.common_view_button.active .b,
.common_view_button.active .c {
  fill: #0e9aef;
}
.view_setting_dropdown_ctrl {
  margin: 0 0 0 8px;
  display: none;
}
.common_view_button.active .view_setting_dropdown_ctrl {
  display: block;
}
.view_setting_dropdown_innr > i {
  color: #465369;
  opacity: 0.5;
  font-size: 12px;
}
.view_setting_dropdown_innr > i:hover {
  opacity: 1;
}
.dropdown.open .view_setting_dropdown_innr > i {
  opacity: 1;
}
.view_setting_dropdown_ctrl .dropdown-menu {
  left: 0;
  right: auto;
  margin-left: -10px;
  margin-top: 16px;
  min-width: 224px;
}
.view_setting_dropdown_ctrl .compact_ui {
  margin-left: auto;
}
.view_setting_dropdown_ctrl .compact_ui label {
  height: 9px;
  width: 27px;
}
.view_setting_dropdown_ctrl .compact_ui .unchecked .slider {
  background-color: #b7b7b7;
}
.view_setting_dropdown_ctrl .compact_ui .slider:before {
  border: 0 !important;
}
.view_setting_dropdown_ctrl .compact_ui input:checked + .slider:before {
  background-color: #0e9aef !important;
  border-color: #3a95c9;
  bottom: -2px;
  width: 14px;
  height: 14px;
  left: -8px;
}
.view_setting_dropdown_ctrl
  .ui-sortable
  .compact_ui
  .unchecked
  input
  + .slider:before {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  background-color: #5d5d5d !important;
  left: 0;
}
.view_setting_dropdown_ctrl .compact_ui .checked .slider {
  background-color: #93cff4;
}
.view_setting_dropdown_ctrl .compact_ui .checked .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(21px);
  background-color: #0e9aef !important;
  bottom: -2px;
  width: 14px;
  height: 14px;
  left: -8px;
}
.view_setting_dropdown_ctrl .compact_ui {
  margin-left: auto;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}
.vertical_bar_on_page ul.vertical_bar_ul {
  margin-top: 0;
  margin-left: 0;
  height: calc(100vh - 103px);
  border-top: 1px solid #dadce0;
  border-right: 1px solid #dadce0;
  border-bottom: 1px solid #dadce0;
}
.in_full_screen_merged_capture .vertical_bar_on_page ul.vertical_bar_ul {
  border-top: 0;
}
.vertical_bar_on_page ul.vertical_bar_ul > li.active:before {
  left: -68px;
}
.capture_inbox_splitter_wrapper.four_column_ui .vue_splitter_wrapper {
  width: calc(100% - 50px);
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.no_preview_pane {
  width: calc(100% - 95px) !important;
}
.vertical_bar_on_page {
  margin: 0;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.list_view_wrapper {
  padding: 0;
}
.vue_splitter_pane.in_list_view {
  border: 1px solid #dadce0;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.menu_tree_settings_ctrl {
  display: inline-flex;
  cursor: pointer;
  margin-left: auto;
}
.timer_class_div.timer_in_list {
  margin-left: 10px;
  margin-right: 0;
  width: auto;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.timer_class_div.timer_in_list.start_timer_div > span {
  display: inline-flex;
}
.timer_class_div.timer_in_list i {
  font-size: 6px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  text-align: center;
  color: #717a89;
  border: 1px solid #c9d2e3;
  border-radius: 100%;
  line-height: 14px;
  text-align: center;
  margin: 0 5px 0 0;
}
.timer_class_div.timer_in_list i:hover {
  color: #fff;
}
.timer_class_div.timer_in_list.running_timer_class_div,
.timer_class_div.timer_in_list.stopped_timer_class_div {
  cursor: pointer;
  width: auto;
  height: auto;
  border-radius: 0;
  background: 0 0;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
}
.timer_class_div.timer_in_list.running_timer_class_div > i,
.timer_class_div.timer_in_list.stopped_timer_class_div > i {
  color: #ed4758;
}
.timer_class_div.timer_in_list.running_timer_class_div > span,
.timer_class_div.timer_in_list.stopped_timer_class_div > span {
  display: inline-flex;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.timer_class_div.timer_in_list.running_timer_class_div > i {
  border: 1px solid #ed4758;
}
.timer_class_div.timer_in_list.running_timer_class_div > i:hover {
  color: #fff;
  background-color: #ed4758;
}
.timer_class_div.timer_in_list.stopped_timer_class_div > i {
  color: #717a89;
}
.timer_ui_list_view .timer_class_div.timer_in_list > i {
  font-size: 8px;
  color: #0e9aef;
  opacity: 1;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  top: 0;
  position: relative;
  background-color: #f7f7f8;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.timer_class_div.timer_in_list.stopped_timer_class_div > i:hover {
  color: #fff;
  background-color: #000000ab;
}
.timer_class_div.timer_in_list.stopped_timer_class_div > span {
  color: #151b26;
  font-weight: 400;
  font-size: 11px;
}
.timer_class_div.timer_in_list.start_timer_div > span > strong {
  font-weight: 400;
  color: #151b26;
  font-size: 11px;
}
.timmer_in_running_state:after,
.timmer_in_running_state:before,
.timmer_not_in_running_state:after,
.timmer_not_in_running_state:before {
  bottom: 100%;
  left: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.timmer_in_running_state:before,
.timmer_not_in_running_state:before {
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: #d5d5d6;
  border-width: 9px;
  margin-left: -1px;
}
.timmer_in_running_state:after,
.timmer_not_in_running_state:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: 1px;
}
.timmer_in_running_state:after,
.timmer_in_running_state:before {
  left: 0;
  right: 0;
  margin: auto;
}
.timmer_not_in_running_state:after,
.timmer_not_in_running_state:before {
  left: 0;
  right: 0;
  margin: auto;
}
.list_layout .list-right-over-items .showDetailsBtn_InList,
.list_layout .list-right-over-items > div,
.list_layout .list-right-over-items > i {
  padding: 0 2px;
  margin: 0 3px !important;
  text-align: center;
}
.list_layout .list-right-over-items .showDetailsBtn_InList > i,
.list_layout .list-right-over-items > div,
.list_layout .list-right-over-items > i {
  padding: 0 2px;
  margin: 0 3px !important;
  text-align: center;
}
.list_layout .list-right-over-items .showDetailsBtn_InList > i,
.list_layout .list-right-over-items .three_dots_icon > i,
.list_layout .list-right-over-items > i {
  font-size: 12px;
  color: #465369;
  opacity: 0.6;
}
.list_layout .list-right-over-items .showDetailsBtn_InList > i {
  left: -2px;
  position: relative;
}
.list_layout .list-right-over-items .showDetailsBtn_InList > i:hover,
.list_layout .list-right-over-items > i:hover {
  opacity: 1;
}
.toggle_tree_menu {
  position: absolute;
  bottom: 8px;
  left: -20px;
  z-index: 100;
  border: 2px solid #ddd;
  width: 20px;
  height: 22px;
  border-radius: 4px;
  text-align: center;
  line-height: 15px;
  background-color: rgba(70, 83, 105, 0.6);
  cursor: pointer;
  -webkit-transition:
    background 0.2s ease-in-out,
    border 0.2s ease-in-out;
  -moz-transition:
    background 0.2s ease-in-out,
    border 0.2s ease-in-out;
  -ms-transition:
    background 0.2s ease-in-out,
    border 0.2s ease-in-out;
  -o-transition:
    background 0.2s ease-in-out,
    border 0.2s ease-in-out;
  color: #fff;
  box-shadow: 1px 0 5px #ddd !important;
  -webkit-box-shadow: 1px 0 5px #ddd !important;
  -moz-box-shadow: 1px 0 5px #ddd !important;
  -o-box-shadow: 1px 0 5px #ddd !important;
  -ms-box-shadow: 1px 0 5px #ddd !important;
}
.toggle_tree_menu > i {
  font-size: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.toggle_tree_menu:hover {
  background: #2680eb;
  border: 2px solid #2680eb;
  margin-left: 0;
}
.toggle_tree_menu:hover > i {
  color: #fff;
}
.toggle_tree_menu.active > i {
  color: #fff;
}
.toggle_tree_menu.active {
  background: #2680eb;
  left: -11px;
}
.four_column_sidebar[style*="display: none"] + .splitpanes__splitter {
  display: none;
}
.timesheet_button {
  background: #fff !important;
  border: 1px solid #ccc !important;
}
.user_timesheet_container {
  border: 1px solid #ccc;
  max-height: 250px;
  overflow: auto;
  border-bottom: unset;
  border-radius: 5px;
}
.timer_list_main_div {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
.timer_list_main_div div.inner_div {
  display: inline-flex;
}
.timer_list_main_div div.timer_count_div {
  border: 1px solid #ccc;
  text-align: center;
  padding-top: 2px;
  padding-right: 6px;
  padding-bottom: 2px;
  padding-left: 6px;
  margin-right: 3px;
  border-radius: 30px;
  float: right;
  margin: 7px;
}
.timer_list_main_div div.capture_name_div {
  width: 61%;
}
.timer_list_main_div div.start_stop_timer_div {
  width: 5%;
}
.timer_list_main_div div.start_stop_timer_div div.timer_class_div {
  margin: 0 !important;
}
.timer_list_main_div div.project_asssign_div {
  align-items: center;
  padding: 3px;
  border: 1px solid #d5d5d6;
  font-size: 11px;
  background-color: #f5f5f7;
  height: 20px;
  border-radius: 30px;
  margin: 8px 10px;
  padding: 1px 7px;
  min-width: fit-content;
}
.running_timer_user_time_sheet {
  display: inline-block;
  float: right;
  margin-top: -21px;
  margin-right: 35px;
}
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 8100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}
.user_timesheet_date_filter {
  border: 1px solid #ccc;
  margin-bottom: 0;
  border-right: unset;
  width: 100%;
}
.user_timesheet_date_filter div.user_timesheet_date_filter_inner_div {
  display: inline-block;
  border-right: 1px solid #ccc;
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
  cursor: pointer;
}
.list_view_main_wrapper .list_pane {
  border-radius: 0;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  min-width: 1px;
  position: relative;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 40% !important;
}
.list_view_main_wrapper .list_pane + .splitpanes__splitter {
  width: 4px !important;
  background: #fff !important;
  border: 0 !important;
  height: calc(100vh - 128px) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important;
}
.list_view_main_wrapper .list_view_detail_panel {
  transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 0;
  box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  -webkit-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  -moz-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  -ms-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  -o-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  z-index: 9;
}
.list_view_main_wrapper .horizontal-scroller {
  min-width: 840px;
}
.density_dropdown .four_column {
  height: 24px;
}
.density_dropdown .dropdown-menu {
  margin-left: 20px !important;
  left: auto;
  margin-right: -13px !important;
}
ul.captures_data_ctrl.short_density > li .task_innr_common,
ul.captures_data_ctrl.short_density > li .task_name_data_placeholder {
  height: 35px;
}
ul.captures_data_ctrl.medium_density > li .task_innr_common,
ul.captures_data_ctrl.medium_density > li .task_name_data_placeholder {
  height: 55px;
}
ul.captures_data_ctrl.tall_density > li .task_innr_common,
ul.captures_data_ctrl.tall_density > li .task_name_data_placeholder {
  height: 88px;
}
ul.captures_data_ctrl.extra-tall_density > li .task_innr_common,
ul.captures_data_ctrl.extra-tall_density > li .task_name_data_placeholder {
  height: 100px;
}
.gray_theme_sidebar .sidebar_bottom_list {
  bottom: 46px;
}
.grouped_by_section.grouped_by_folder_bundle {
  background: 0 0;
  border: 0;
  padding: 4px 10px;
  border-top: 1px solid #e9e9eb;
  border-bottom: 1px solid #e9e9eb;
  height: 35px;
  background-color: #f8f8f8;
}
.grouped_by_section.grouped_by_folder_bundle:hover {
  background-color: #f8f8f8;
}
.grouped_by_section.grouped_by_folder_bundle .chevron_ctrl:before {
  font-size: 9px;
  color: #787f82;
}
.subtask_expand_collapse_ctrl .chevron_ctrl:before {
  font-size: 12px;
  color: #787f82;
}
.grouped_by_section.grouped_by_folder_bundle .grouped_by_label {
  margin: 0;
}
.bundle_folder_pill {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
}
.bundle_folder_pill:after {
  background-color: #fff;
  content: "";
  position: absolute;
  top: 10px;
  right: -6px;
  width: 6px;
  height: 1px;
}
.grouped_by_section.grouped_by_folder_bundle .group_label_text_limitter {
  font-weight: 600;
  font-size: 14px;
  color: #151b26;
  line-height: 21px;
  height: 21px;
}
.grouped_by_section.grouped_by_folder_bundle .items_inside {
  color: #000;
  font-weight: 700;
}
.grouped_by_section.grouped_by_folder_bundle .grouped_by_label:after {
  width: 100%;
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
  height: 1px;
  background-color: #dadce0;
  width: 100%;
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle .chevron_ctrl {
  margin: -3px 0 0;
  width: 8px;
}
.bundle_folder_pill > i {
  margin: 0 4px 0 0;
  color: #ffc64d;
}
.airtable_ui .toggle-chevron.no-arrow:before {
  display: none;
}
.toggle-chevron.no-arrow:before {
  display: none;
}
.airtable_ui .equal_spacing {
  padding: 2px 7px !important;
}
.airtable_ui .dropdown-menu .sort_label_text {
  opacity: 0.6;
}
.airtable_ui a.search-form-tigger {
  color: #4d4d4d;
}
.airtable_ui .sorting_dropdown .sorted_by {
  margin-left: 3px;
}
.airtable_ui .toggle-chevron.with_label.airtable {
  display: flex;
}
.airtable_ui .toggle-chevron.with_label.airtable svg {
  display: inline-flex;
  width: 15px;
  height: 18px;
  margin-right: 3px;
}
.airtable_ui.filter_wrapper > .four_column_view_dropdown,
.airtable_ui.filter_wrapper > .sidebar_search {
  margin: 0 0 0 5px;
}
.airtable_ui .four_column_view_dropdown .dropdown .filter-search-wrapper {
  margin-left: 0;
}
.root_labels {
  margin-left: 5px;
}
.toggle_folder_in_list {
  display: flex;
  align-items: center;
  color: #4d4d4d;
  margin-top: 0;
  padding: 0 !important;
  margin-left: 5px;
}
.capture_inbox_heading
  .inbox_heading_innr_right
  .settings.toggle_folder_in_list:hover {
  border-radius: 0;
  background: 0 0 !important;
  cursor: auto;
}
.toggle_folder_in_list .compact_ui {
  display: inline-flex;
  margin: 1px 0 0 6px;
}
.vue_splitter_wrapper .vue_splitter_pane.app_all_captures,
.vue_splitter_wrapper .vue_splitter_pane.capture_selected_list {
  border-right: 2px solid #dadce0;
}
.list_view_without_preview_panel
  .list_view_main_wrapper
  .list_pane.in_list_view
  + .splitpanes__splitter {
  display: none;
}
.timer_ctrl_details_pane {
  padding: 10px;
}
.display_timer_ui {
  display: flex;
  align-items: center;
}
.timer_ctrl_details_pane .time_tracked {
  color: #151b26;
  font-weight: 600;
  margin-right: 8px;
}
button.start_timer,
button.timer_paused,
button.timer_started {
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  height: 25px;
}
button.start_timer {
  background-color: #f5f5f7;
  display: inline-flex;
  align-items: center;
  color: #151b26;
  padding: 2px 10px;
  border-radius: 2px;
  font-size: 13px;
  border: 1px solid #c9c9c9;
  opacity: 0.9;
}
button.start_timer > i {
  color: #000000ab;
  font-size: 8px;
  margin-right: 7px;
}
button.timer_started {
  padding: 2px 10px;
  display: inline-flex;
  align-items: center;
  background-color: #ed4758;
  color: #fff;
  opacity: 0.9;
  border: 1px solid #ed4758;
  border-radius: 2px;
}
button.timer_started > i {
  font-size: 8px;
  margin-right: 6px;
}
button.timer_paused {
  color: #fff;
  background-color: orange;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  opacity: 0.9;
  border-radius: 2px;
}
button.timer_paused > i {
  color: #fff;
  font-size: 8px;
  margin-right: 8px;
}
button.start_timer:hover,
button.timer_paused:hover,
button.timer_started:hover {
  opacity: 1;
}
button.start_timer:hover {
  opacity: 1;
}
button.timer_started:hover {
  color: #fff;
  opacity: 1;
}
button.timer_paused:hover {
  color: #fff;
  opacity: 1;
}
.display_timer_ui .time_tracked {
  margin-right: 7px;
}
.display_timer_ui .dropdown.open .four_column {
  background: 0 0;
  border: 1px solid transparent;
}
.display_timer_ui .dropdown .four_column:hover {
  background: 0 0 !important;
  border: 1px solid transparent;
}
.display_timer_ui .dropdown.open .dropdown-menu {
  margin-right: 0 !important;
}
.display_timer_ui .toggle-chevron > i {
  color: #465369;
  opacity: 0.7;
}
.display_timer_ui .toggle-chevron > i:hover {
  opacity: 1;
}
.display_timer_ui .dropdown.open .toggle-chevron > i {
  opacity: 1;
}
.right-list-item-over > i {
  color: rgba(70, 83, 105, 0.8);
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle > .task_draggable_number {
  margin: 0 3px 0 0;
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle:hover > .task_draggable_number {
  opacity: 1;
}
.grouped_by_section.grouped_by_folder_bundle .right-list-item-over i {
  padding-right: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-left: 3px;
}
.grouped_by_section.grouped_by_folder_bundle:hover
  .right-list-item-over
  .three_dots_dropdown_main {
  float: right;
}
.folder_bundle_comments_subtask_ctrl {
  display: flex;
  align-items: center;
  margin: 0 0 0 10px;
  margin: 0 0 0 10px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}
.comments_subcapture_for_folder {
  display: inline-flex;
  align-items: center;
  margin: 0 8px 0 0;
  opacity: 0.85;
}
.comments_subcapture_for_folder .associated_count {
  color: #151b26;
  opacity: 0.7;
  font-weight: 700;
}
.comments_subcapture_for_folder i,
.comments_subcapture_for_folder svg {
  margin: 0 0 0 6px;
  color: #151b26;
  font-size: 13px;
}
.comments_subcapture_for_folder svg {
  width: 14px;
  height: auto;
  fill: #151b26;
}
.comments_subcapture_for_folder.comment svg {
  width: 14px !important;
  height: auto;
}
.comments_subcapture_for_folder.subtask svg {
  width: 14px !important;
  height: 15px !important;
  top: -1px;
  position: relative;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li {
  padding-left: 26px;
}
.capture_thumb.screenshot.folder_capture {
  margin-right: 10px;
  align-items: center;
  background-color: #fff;
}
.capture_thumb.screenshot.folder_capture > i {
  color: #ffc64d;
  font-size: 20px;
  position: relative;
  margin: auto;
  left: 15px;
  top: 14px;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li {
  padding-left: 33px;
  border-top: 0;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li:hover {
  background: 0 0 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border-bottom: 1px solid #e9e9eb;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li:last-child
  .task_list_ctrl {
  border-bottom: 0;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl:hover {
  background-color: #f8f8f8 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li.active
  .task_list_ctrl:hover {
  background-color: #0e9aef !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li[data-class="multiple_selected"] {
  background: 0 0 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .task_list_ctrl {
  background: #0e9aef !important;
}
ul.column_layout
  li.inline_editing_active
  .task_name.editable_content
  + .folder_bundle_comments_subtask_ctrl {
  margin: 0 0 0 10px;
  position: relative;
  top: 1px;
}
ul.column_layout
  li.button_click_editing_active
  .task_name.editable_content
  + .folder_bundle_comments_subtask_ctrl {
  margin: 0 0 0 10px;
  top: 1px;
}
ul.column_layout .comments_subcapture_for_folder {
  display: inline-flex;
  align-items: center;
  margin: 0 8px 0 0;
  position: relative;
  font-size: 13px;
  opacity: 0.6;
}
ul.column_layout .comments_subcapture_for_folder .associated_count {
  color: #151b26;
  opacity: 0.7;
  font-weight: 700;
}
ul.column_layout .comments_subcapture_for_folder i {
  font-size: 12px;
}
ul.column_layout .comments_subcapture_for_folder svg {
  width: 12px;
}
ul.column_layout .folder_bundle_comments_subtask_ctrl {
  position: relative;
  top: 0;
  margin: 0 0 0 auto;
}
.column_layout.task_listing
  .button_click_editing_active
  .task_name.cp_task_name.editable_content {
  width: 80%;
}
.column_layout.task_listing
  .inline_editing_active
  .task_name.cp_task_name.editable_content {
  width: 80%;
}
.show_extra_details_on_hover {
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle.list-size_active {
  padding: 4px 10px;
  height: 35px;
}
.grouped_by_section.grouped_by_folder_bundle.list-size_active
  .capture_thumb.screenshot.folder_capture
  > i {
  font-size: 16px;
  left: 4px;
  top: 3px;
}
.grouped_by_section.grouped_by_folder_bundle.list-size_active
  .right-list-item-over {
  height: 34px;
  line-height: 33px;
}
ul.column_layout.task_listing.list-size_active .capture_thumb {
  width: 25px;
  min-width: 25px;
  height: 25px;
}
ul.column_layout.task_listing.list-size_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing > li.active .right-list-item-over {
  display: inline-block;
}
.show_extra_details_on_hover i {
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-size: 12px;
  margin-top: 8px;
  cursor: pointer;
}
.task_name.editable_content
  + .folder_bundle_comments_subtask_ctrl
  + .show_extra_details_on_hover
  i {
  margin-top: 3px;
}
.show_extra_details_on_hover i:hover {
  color: rgba(0, 0, 0, 0.5);
}
ul.column_layout.task_listing.list-size_active > li {
  height: 35px;
}
ul.column_layout.task_listing.list-size_active > li .task_list_ctrl {
  padding-top: 0;
  padding-bottom: 0;
  height: 35px;
}
ul.column_layout.task_listing.list-size_active .capture_thumb_details {
  width: 100%;
}
ul.column_layout.task_listing.list-size_active > li .task_name_other_assets {
  width: 99%;
}
ul.column_layout.task_listing.list-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  height: 27px;
  line-height: 24px;
  width: 100%;
  max-width: 100%;
}
.three_panel_main_wrapper
  ul.column_layout.task_listing.list-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  max-width: 80%;
}
.quad_panel_main_wrapper
  ul.column_layout.task_listing.list-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  max-width: 76%;
}
.grouped_by_section.grouped_by_folder_bundle.medium-size_active
  .capture_thumb.screenshot.folder_capture
  > i {
  font-size: 16px;
  left: 4px;
  top: 3px;
}
.grouped_by_section.grouped_by_folder_bundle.medium-size_active
  .right-list-item-over {
  height: 35px;
  line-height: 35px;
}
ul.column_layout.task_listing.medium-size_active > li {
  height: 47px;
}
ul.column_layout.task_listing.medium-size_active > li .task_list_ctrl {
  padding-top: 0;
  padding-bottom: 0;
  height: 47px;
}
ul.column_layout.task_listing.medium-size_active .capture_thumb_details {
  width: 100%;
}
ul.column_layout.task_listing.medium-size_active > li .task_name_other_assets {
  width: 99%;
}
ul.column_layout.task_listing.medium-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  height: 46px;
  line-height: 44px;
  width: 100%;
  max-width: 100%;
}
ul.column_layout.task_listing.medium-size_active .capture_thumb {
  width: 36px;
  min-width: 36px;
  height: 36px;
}
ul.column_layout.task_listing.medium-size_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing.medium-size_active .right-list-item-over {
  height: 35px;
  line-height: 35px;
}
.show_extra_details_on_hover i {
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-size: 12px;
  margin-top: 8px;
  cursor: pointer;
}
.task_name.editable_content
  + .folder_bundle_comments_subtask_ctrl
  + .show_extra_details_on_hover
  i {
  margin-top: 3px;
}
.show_extra_details_on_hover i:hover {
  color: rgba(0, 0, 0, 0.5);
}
.three_panel_main_wrapper
  ul.column_layout.task_listing.medium-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  max-width: 80%;
}
.quad_panel_main_wrapper
  ul.column_layout.task_listing.medium-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  max-width: 76%;
}
ul.column_layout.task_listing.thumbnail-medium_active {
  padding: 5px 15px;
}
ul.column_layout.task_listing.thumbnail-medium_active > li {
  padding: 10px !important;
  width: calc(100% / 3);
  display: inline-block;
}
.column_layout.task_listing.thumbnail-medium_active .task_draggable_number {
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-medium_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border: 0;
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-medium_active > li .task_list_ctrl {
  border: 0;
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-medium_active .task_draggable_number {
  display: none;
}
ul.column_layout.task_listing.thumbnail-medium_active .capture_thumb {
  width: 100%;
  height: 102px;
  display: inline-block;
  margin: 0;
  background-color: #efefef;
}
ul.column_layout.task_listing.thumbnail-medium_active .capture_thumb_details {
  width: 100%;
  display: inline-block;
  float: left;
}
ul.column_layout.task_listing.thumbnail-medium_active .task_name_other_assets {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-medium_active .task_name {
  width: 100%;
  max-width: 100%;
}
.column_layout.task_listing.thumbnail-medium_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-medium_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing.thumbnail-medium_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-medium_active > li {
  padding: 10px !important;
  width: calc(100% / 3 - 10px);
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border: 1px solid transparent !important;
  border-radius: 2px;
  margin: 5px;
}
ul.column_layout.task_listing.thumbnail-medium_active > li:hover {
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-medium_active > li .task_list_ctrl {
  position: relative;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li
  .task_list_ctrl
  .right-list-item-over {
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: calc(100% - 4px);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  opacity: 0;
  border: 1px solid #2680eb;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all.2s ease-in-out;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li:hover
  .right-list-item-over {
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li
  .task_list_ctrl
  .right-list-item-over
  i {
  margin: 0 5px;
  color: #fff;
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li
  .task_list_ctrl
  .right-list-item-over
  > .three_dots_dropdown_main {
  padding: 0;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-medium_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.thumbnail-medium_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li.button_click_editing_active
  .task_name.cp_task_name.editable_content,
ul.column_layout.task_listing.thumbnail-medium_active
  > li.inline_editing_active
  .task_name.cp_task_name.editable_content {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li.button_click_editing_active
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-medium_active
  > li.inline_editing_active
  .task_name.cp_task_name {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
ul.column_layout.task_listing.thumbnail-large_active {
  padding: 5px 15px;
}
ul.column_layout.task_listing.thumbnail-large_active > li {
  padding: 10px !important;
  width: calc(100% / 3);
  display: inline-block;
}
.column_layout.task_listing.thumbnail-large_active .task_draggable_number {
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-large_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border: 0;
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-large_active > li .task_list_ctrl {
  border: 0;
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-large_active .task_draggable_number {
  display: none;
}
ul.column_layout.task_listing.thumbnail-large_active .capture_thumb {
  width: 100%;
  height: 142px;
  display: inline-block;
  margin: 0;
  background-color: #efefef;
}
ul.column_layout.task_listing.thumbnail-large_active .capture_thumb_details {
  width: 100%;
  display: inline-flex;
  float: left;
}
ul.column_layout.task_listing.thumbnail-large_active .task_name_other_assets {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-large_active .task_name {
  width: 100%;
  max-width: 100%;
}
.column_layout.task_listing.thumbnail-large_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-large_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing.thumbnail-large_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-large_active > li {
  padding: 10px !important;
  width: calc(100% / 2 - 10px);
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border: 1px solid transparent !important;
  border-radius: 2px;
  margin: 5px;
}
ul.column_layout.task_listing.thumbnail-large_active > li:hover {
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-large_active > li .task_list_ctrl {
  position: relative;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li
  .task_list_ctrl
  .right-list-item-over {
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: calc(100% - 4px);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  opacity: 0;
  border: 1px solid #2680eb;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all.2s ease-in-out;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li:hover
  .right-list-item-over {
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li
  .task_list_ctrl
  .right-list-item-over
  i {
  margin: 0 5px;
  color: #fff;
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li
  .task_list_ctrl
  .right-list-item-over
  > .three_dots_dropdown_main {
  padding: 0;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-large_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
.column_layout.task_listing.thumbnail-large_active
  .button_click_editing_active
  .task_name.cp_task_name.editable_content {
  width: 100%;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.thumbnail-large_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li.button_click_editing_active
  .task_name.cp_task_name.editable_content,
ul.column_layout.task_listing.thumbnail-large_active
  > li.inline_editing_active
  .task_name.cp_task_name.editable_content {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li.button_click_editing_active
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-large_active
  > li.inline_editing_active
  .task_name.cp_task_name {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
ul.column_layout.task_listing.thumbnail-small_active {
  padding: 5px 15px;
}
ul.column_layout.task_listing.thumbnail-small_active > li {
  padding: 10px !important;
  width: calc(100% / 3);
  display: inline-block;
}
.column_layout.task_listing.thumbnail-small_active .task_draggable_number {
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-small_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border: 0;
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-small_active > li .task_list_ctrl {
  border: 0;
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-small_active .task_draggable_number {
  display: none;
}
ul.column_layout.task_listing.thumbnail-small_active .capture_thumb {
  width: 100%;
  height: 80px;
  display: inline-block;
  margin: 0;
  background-color: #efefef;
}
ul.column_layout.task_listing.thumbnail-small_active .capture_thumb_details {
  width: 100%;
  display: inline-block;
  float: left;
}
ul.column_layout.task_listing.thumbnail-small_active .task_name_other_assets {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-small_active .task_name {
  width: 100%;
  max-width: 100%;
}
.column_layout.task_listing.thumbnail-small_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-small_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing.thumbnail-small_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-small_active > li {
  padding: 10px !important;
  width: calc(100% / 4 - 10px);
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border-radius: 2px;
  margin: 5px;
}
ul.column_layout.task_listing.thumbnail-small_active > li:hover {
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-small_active > li .task_list_ctrl {
  position: relative;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li
  .task_list_ctrl
  .right-list-item-over {
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: calc(100% - 4px);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  opacity: 0;
  border: 1px solid #2680eb;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all.2s ease-in-out;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li:hover
  .right-list-item-over {
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li
  .task_list_ctrl
  .right-list-item-over
  i {
  margin: 0 5px;
  color: #fff;
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li
  .task_list_ctrl
  .right-list-item-over
  > .three_dots_dropdown_main {
  padding: 0;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-small_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.thumbnail-small_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li.button_click_editing_active
  .task_name.cp_task_name.editable_content,
ul.column_layout.task_listing.thumbnail-small_active
  > li.inline_editing_active
  .task_name.cp_task_name.editable_content {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li.button_click_editing_active
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-small_active
  > li.inline_editing_active
  .task_name.cp_task_name {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.grouped_by_section.grouped_by_folder_bundle
  .folder_bundle_comments_subtask_ctrl {
  margin: 0 0 0 auto;
  position: relative;
  right: -5px;
  margin: 0 0 0 auto;
  position: relative;
  right: -3px;
}
.timer_history_ctrl
  .timesheet-popup.in_details_pane
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div:hover {
  background-color: unset !important;
  border-bottom: unset !important;
}
.grouped_by_section.grouped_by_folder_bundle .capture_thumb.folder_capture {
  width: 30px;
  min-width: 30px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: 0 0 !important;
  border: 0;
}
.grouped_by_section.grouped_by_folder_bundle
  .capture_thumb.folder_capture
  .capture_count_in_folder {
  position: absolute !important;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 700;
  font-size: 10px;
  position: absolute;
  border-radius: 26px;
  text-align: center;
  padding: 0;
  width: 22px;
  height: 12px;
  bottom: 0;
  right: 0;
  margin: auto;
}
.grouped_by_section.grouped_by_folder_bundle .capture_thumb.folder_capture svg {
  width: 26px;
  height: auto;
}
.each_item_in_footer_list.folder {
  margin: 0 0 0 17px;
}
.each_item_in_footer_list.folder:after {
  left: -10px;
  right: auto;
}
.each_item_in_footer_list.folder > svg {
  width: 12px;
}
ul.column_layout.task_listing.list-size_active
  > li.inline_editing_active
  .timer_ui_list_view {
  margin: 0 0 0 8px;
}
.timer_ui_list_view .timer_class_div.timer_in_list {
  margin: 0;
}
ul.column_layout.task_listing.list-size_active
  > li.button_click_active
  .timer_ui_list_view,
ul.column_layout.task_listing.medium-size_active
  > li.button_click_active
  .timer_ui_list_view {
  margin: 0;
}
ul.column_layout.task_listing.list-size_active
  > li.inline_editing_active
  .timer_ui_list_view,
ul.column_layout.task_listing.medium-size_active
  > li.inline_editing_active
  .timer_ui_list_view {
  margin: 0 0 0 9px;
}
#page-wrapper.rcl_theme_wrapper {
  width: calc(100% - 50px) !important;
}
#email_sidebar.rcl_theme_sidebar {
  overflow: hidden;
  height: calc(100vh - 128px) !important;
  border-right: 0 !important;
}
.rcl_email_container .mail-content-w12.rcl_theme_preview_pane {
  width: calc(100% - 238px);
  float: left;
  padding: 0;
}
.edit_judgment_ctrl2.dashboard-mojo.rcl_dashboard {
  padding: 0;
}
.rcl_dashboard #stystem-usage .border-spacing > .row {
  border: 1px solid #dadce0;
  box-shadow: none;
  border-radius: 0 !important;
  margin: 0;
}
.rcl_theme_sideMenu_bottom_links {
  bottom: 0;
}
.rcl_email_container {
  display: inline-block;
  padding: 10px;
  width: 100%;
}
.email-wrapper-main.rcl_email-wrapper-main
  .breadcrumb-container-space
  .newadmin_breadcrumb {
  padding: 14px 10px !important;
}
.custom_page_wrapper.rcl_theme_wrapper .custom-search-wrapper {
  margin: 0;
}
.treeview_search_filter_ctrl.rcl_treeview_search_filter_ctrl {
  display: flex;
  align-items: center;
}
.rcl_theme_sidebar div#MainMenu .compose-email {
  margin: 0 0 0 auto;
}
.input_estimate_error {
  border: 1px solid red !important;
}
.rcl_theme_sidebar .sideMenu_bottom_links ul.bottom_links > li > a {
  padding: 8px 5px;
  height: 39px;
}
.capture_thumb i.fas.fa-video {
  width: 16px;
  height: 16px;
}
.capture_thumb i.fas.fa-microphone {
  width: 12px;
  height: 13px;
}
.toggle-chevron .Vicon {
  display: none;
}
.toggle-chevron.for_views svg {
  width: 12px !important;
  height: 13px !important;
  display: inline-flex !important;
  top: 1px;
  position: relative;
  fill: #4d4d4d;
}
.capture_thumb i.fas.fa-tasks {
  width: 15px;
  height: 15px;
}
.capture_thumb i.fas.fa-sticky-note {
  width: 12px;
  height: 15px;
}
.dropdown-menu .ul_colorPallete {
  display: none;
}
.dropdown-menu .showColorPallete:hover .ul_colorPallete {
  display: block;
}
.task_name_list_placeholder {
  width: 55%;
}
.task_assignee_list_placeholder,
.task_created_list_placeholder,
.task_project_list_placeholder {
  width: 15%;
}
.task_name_data_placeholder {
  width: 55% !important;
}
.task_assignee_data_placeholder,
.task_created_at_data_placeholder,
.task_project_data_placeholder {
  width: 15% !important;
}
.three_panel_main_wrapper
  ul.column_layout.task_listing.snippet-size_active
  .timer_ui_list_view,
.three_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  .timer_ui_list_view,
.three_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  .timer_ui_list_view,
.three_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  .timer_ui_list_view {
  display: none;
}
.quad_panel_main_wrapper
  ul.column_layout.task_listing.snippet-size_active
  .timer_ui_list_view,
.quad_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  .timer_ui_list_view,
.quad_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  .timer_ui_list_view,
.quad_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  .timer_ui_list_view {
  display: none;
}
.list_view_main_wrapper
  ul.captures_data_ctrl
  > li.button_click_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view,
.list_view_main_wrapper
  ul.captures_data_ctrl
  > li.inline_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view {
  margin-left: 9px;
}
.list_view_main_wrapper
  ul.captures_data_ctrl
  > li.inline_editing_active
  .timer_ui_list_view {
  margin-left: 9px;
}
.split_list_view_main_wrapper
  ul.captures_data_ctrl
  > li.inline_editing_active
  .timer_ui_list_view {
  margin-left: 9px;
}
.split_list_view_main_wrapper
  ul.captures_data_ctrl
  > li.button_click_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view {
  margin-left: 9px;
}
.split_list_view_main_wrapper
  ul.captures_data_ctrl
  > li.inline_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view {
  margin-left: 9px;
}
.list_view_with_preview_panel
  .list_view_main_wrapper
  ul.captures_data_ctrl.list_layout
  > li
  textarea.cp_task_name.editable_content {
  width: 41%;
  max-width: 100%;
}
.list_view_without_preview_panel
  .list_view_main_wrapper
  ul.captures_data_ctrl.list_layout
  > li
  textarea.cp_task_name.editable_content {
  width: 71%;
  max-width: 100%;
}
.split_list_view_main_wrapper
  ul.captures_data_ctrl.list_layout
  > li
  textarea.cp_task_name.editable_content {
  width: 41%;
  max-width: 100%;
}
.three_panel_main_wrapper
  ul.column_layout.list-size_active
  > li.button_click_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view {
  margin-left: 9px;
}
.three_panel_main_wrapper
  ul.column_layout.medium-size_active
  > li.button_click_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view {
  margin-left: 9px;
}
.quad_panel_main_wrapper
  ul.column_layout.list-size_active
  > li.button_click_editing_active
  textarea.cp_task_name
  + .timer_ui_list_view {
  margin-left: 9px;
}
.quad_panel_main_wrapper
  ul.column_layout.medium-size_active
  > li.button_click_editing_active
  textarea.cp_task_name
  + .timer_ui_list_view {
  margin-left: 9px;
}
.list_view_with_preview_panel
  .list_view_main_wrapper
  ul.captures_data_ctrl
  .showDetailsBtn_InList {
  display: none;
}
.capture_timer_heading_div {
  border-bottom: 1px solid #dadce0;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.capture_timer_heading_div .capture_timer_heading {
  display: inline-flex;
  color: #585858;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
}
.capture_timer_heading > i {
  color: #585858;
  font-size: 13px;
  padding-right: 6px;
}
.total_time_spent_block {
  display: inline-flex;
  margin: 0 0 0 auto;
  align-items: center;
  font-size: 11px;
  color: #151b26;
  opacity: 0.7;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 2px;
  cursor: pointer;
  line-height: 13px;
  -webkit-transition: all 0.1s linear;
}
.total_time_spent_block span {
  color: #ed4758;
  font-weight: 700;
}
.add_time_entries_button > i {
  font-size: 10px;
  padding-right: 4px;
}
.capture_timer_heading_div .total_time_entries_span {
  display: inline-flex;
  color: #2680eb;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  border-radius: 3px;
  margin-right: 5px;
}
.capture_timer_heading_div .total_time_entries_span > span {
  padding-left: 0;
}
.time_entries_timer_count {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 auto;
  cursor: pointer;
  position: relative;
}
.time_entries_timer_count i {
  font-size: 9px;
  color: #0e9aef;
  opacity: 1;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  top: -1px;
  position: relative;
  background-color: #f7f7f8;
  border: 1px solid #eeeef0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  vertical-align: middle;
}
.time_entries_timer_count i:hover {
  opacity: 1;
  color: #fff;
  background-color: #0e9aef;
  border: 1px solid #0e9aef;
}
.compact_ui.dynamic_toggle_button .switch.checked .slider {
  background-color: #93cff4 !important;
}
.compact_ui.dynamic_toggle_button .switch.checked .slider:before {
  -webkit-transform: translateX(13px);
  -moz-transform: translateX(13px);
  -ms-transform: translateX(13px);
  -o-transform: translateX(13px);
  transform: translateX(13px);
  background-color: #0e9aef !important;
}
.compact_ui.dynamic_toggle_button .switch.unchecked .slider {
  background-color: #b7b7b7 !important;
}
.compact_ui.dynamic_toggle_button .switch.unchecked .slider:before {
  background-color: #5d5d5d !important;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.folder_toggle_ui {
  display: inline-flex;
}
.full_screen_class_main_div {
  padding: 0 !important;
  margin: 0 !important;
  transform: unset !important;
  top: 0 !important;
  left: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.full_screen_class_main_div .capture_list_toggle_button {
  background-color: #fff;
  padding: 0;
  align-items: center;
  display: inline-flex;
  width: 160px;
  cursor: pointer;
}
.full_screen_class_main_div .capture_list_toggle_button .text_label {
  color: #465369;
  font-size: 13px;
  font-weight: 600;
  padding: 0 0 0 5px;
}
.full_screen_class_main_div .capture_list_toggle_button > i {
  color: #676a6c;
  font-size: 14px;
  cursor: pointer;
  padding: 5px;
  margin: 0 0 0 12px;
}
.full_screen_class_main_div .leftSidebar_in_modal_main_ctrl {
  width: 280px;
  left: -280px;
  transition: left 0.2s ease-in-out;
  -webkit-transition: left 0.2s ease-in-out;
  top: 39px;
  position: absolute;
  z-index: 9999;
  border-radius: 0;
  -moz-transition: left 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  margin: 0;
  height: auto;
  padding-bottom: 5px;
}
.full_screen_class_main_div .leftSidebar_in_modal_main_ctrl.active {
  left: 0;
}
.full_screen_class_main_div .popup_toobar_panel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.full_screen_class_main_div .capture_list_toggle_button.active > i {
  color: #0e9aef;
}
.full_screen_class_main_div .capture_list_toggle_button.active .text_label {
  color: #0e9aef;
}
.content-RC-fullScreen-modal.full_screen_class_main_div + .overlay {
  background: #f7f7f7;
}
.content-RC-fullScreen-modal.full_screen_class_main_div
  .editToolbar-RC-fullScreen {
  margin: 0;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 2px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  background-color: #fff;
  z-index: 9999;
  position: relative;
}
.full_screen_class_main_div .draw_popup_toolbar_ctrl {
  border: 0 !important;
}
.full_screen_class_main_div .topbar_firsthalf {
  border: 0;
}
.full_screen_class_main_div .leftSidebar_in_modal_main_ctrl.active:after {
  display: none;
}
.full_screen_class_main_div .capture_list_toggle_button .text_label {
  color: #465369;
  opacity: 0.9;
  font-size: 13px;
  font-weight: 600;
}
.full_screen_class_main_div .save_button_area {
  display: flex;
  align-items: center;
}
.full_screen_class_main_div .save_button_area > button {
  padding: 4px 5px !important;
}
.full_screen_class_main_div .breadcrumb-wrapped.in_modal {
  padding: 8px 10px;
  border-bottom: 1px solid #dadce0;
  margin: 0 0 8px;
}
.full_screen_class_main_div .breadcrumb-wrapped.in_modal .folder-breadcrumb {
  width: auto;
  display: flex;
  align-items: center;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .folder-breadcrumb
  > li {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 0 4px 0 0;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .folder-breadcrumb
  > li
  > span {
  display: inline-flex;
  align-items: center;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .folder-breadcrumb
  > li
  .current_folder {
  max-width: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}
.full_screen_class_main_div .breadcrumb_dropdown_innr_ctrl {
  margin: 0;
  width: auto;
  padding: 0 4px;
}
.full_screen_class_main_div .breadcrumb_dropdown_innr_ctrl > i {
  top: 1px;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .dropdown-menu.dropdown-left {
  right: 0;
  left: auto;
  margin-top: 10px;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .dropdown.breadcrumb_dropdown_ctrl {
  cursor: pointer;
}
.full_screen_class_main_div .details_ui_in_modal {
  position: absolute;
  top: 39px;
  right: 0;
  margin: 0;
  width: 400px;
  z-index: 999;
  border-radius: 0;
  transition: right 0.2s ease-in-out;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  -ms-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  height: auto;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  position: relative;
  margin: 0;
  width: 400px;
  border-radius: 0;
  transition: right 0.2s ease-in-out;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  -ms-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  height: auto;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.viewDetailsPane_in_fullscreen_modal .vertical_bar_icon {
  padding: 2px 9px;
  font-size: 13px;
  font-weight: 400;
  color: #465369;
  height: 29px;
}
.viewDetailsPane_in_fullscreen_modal.active .vertical_bar_icon {
  color: #fff;
  background-color: #0e9aef;
  font-weight: 600;
}
.full_screen_class_main_div ul.vertical_bar_ul > li.active:before {
  display: none;
}
.full_screen_class_main_div ul.vertical_bar_ul {
  margin: 0;
  border-radius: 0;
}
.vertical_bar_with_details.full_screen {
  position: absolute;
  margin: 0;
  right: 0;
  width: 470px;
  z-index: 9;
  top: 40px;
  moz-transition: left 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border-bottom: 1px solid #dadce0;
}
.vertical_bar_with_details.full_screen .details_ui_in_modal {
  width: 400px;
  border-radius: 0;
  margin: 0;
}
.vertical_bar_with_details.full_screen
  .vertical_bar_fullscreen
  ul.vertical_bar_ul {
  height: calc(100vh - 41px);
  margin: 0;
  border-radius: 0;
}
.vertical_bar_with_details.full_screen ul.vertical_bar_ul > li.active:before {
  display: none;
}
.modify_timer_modal_popup .modal-content {
  border-radius: 6px;
}
.timer_popup_multiple_time_entries {
  border: 1px solid #d5d5d6;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  background-color: #fff;
  min-height: 50px;
  width: 450px;
  z-index: 999999999 !important;
}
ul.time_entried_ul_ctrl {
  padding: 0;
  background-color: #fff;
  border-top: 1px solid #dadce0;
}
ul.time_entried_ul_ctrl > li.timer_entries_dropdown_li {
  border-bottom: 1px solid #e9e9eb;
  background-color: #fff;
  padding: 0 10px;
  transition: background 0.1s linear;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  margin: 0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  height: 34px;
  border-left: 4px solid transparent;
}
ul.time_entried_ul_ctrl > li.timer_entries_dropdown_li .timer-edit-div {
  box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 5px;
  text-overflow: ellipsis;
}
.tv_header_column_dropdown .dropdown_option_with_tick a.disabled {
  color: #9e9d9d !important;
  cursor: not-allowed;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li
  .timer-edit-div
  input.timer_entries_text_input {
  width: 99%;
}
#timer_entries_all_capture_div_id
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li {
  padding: 0 10px 0 0;
}
ul.time_entried_ul_ctrl > li.timer_entries_dropdown_li:hover {
  background-color: #f8f8f8;
}
.timer_popup_multiple_time_entries .timer_watch_counter {
  margin: 0 10px 0 3px;
  display: inline-flex;
}
.timer_watch_counter.regular_entry > svg {
  width: 12px;
  height: auto;
  fill: #a8aeb8;
}
.timer_popup_multiple_time_entries .timer_entries_text {
  color: #303b42;
  font-size: 13px;
  opacity: 1;
  font-weight: 400;
  max-width: 85%;
}
.timer_popup_multiple_time_entries .preview_loader > img {
  width: 68px;
}
.search_box_add_time_ctrl {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-bottom: 1px solid #e9e9eb;
}
.search_box_timer_innr_ctrl {
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.search_box_timer_innr_ctrl .mcd_search_box {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
}
.search_box_timer_innr_ctrl .mcd_search_box > i {
  top: 10px;
  left: 9px;
  opacity: 0.4;
  color: #939ba8;
  opacity: 0.82;
}
.search_box_timer_innr_ctrl .mcd_search_box input {
  border: 0;
  height: 30px;
  font-size: 13px;
  background-color: #edeeef;
  color: #465369;
}
.add_time_entries_button {
  width: auto;
  display: inline-flex;
  margin-left: 0;
}
.add_time_entries_button.in_main_widget {
  margin-left: 10px;
}
.add_time_entries_button > i {
  font-size: 14px;
  padding: 6px;
  color: #fff;
  opacity: 1;
  cursor: pointer;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  background: #0e9aef;
}
.add_time_entries_button > i.fa-plus {
  font-size: 12px;
  width: 20px;
  height: 20px;
}
.add_time_entries_button > i:hover {
  opacity: 1;
}
.timer_watch_counter > i {
  opacity: 0.35;
  color: #151b26;
}
.timer_list_footer_bottom_info {
  display: flex;
  align-items: center;
  border-top: 1px solid #dadce0;
  padding: 6px 10px;
  background-color: #f5f5f7;
}
.timer_list_footer_bottom_info p {
  margin: 0;
  color: #7d8695;
  opacity: 1;
  font-size: 12px;
  font-weight: 600;
}
.timer_list_footer_bottom_info p span {
  padding: 0 2px;
  font-weight: 700;
  margin-left: 6px;
  opacity: 0.8;
}
.sub_time_entries {
  color: #303b42;
  font-size: 14px;
  margin-left: 6px;
  opacity: 1;
  display: inline-flex;
  justify-content: flex-end;
  vertical-align: middle;
}
.sub_time_entries_strting {
  color: #ed4758;
  font-size: 12px;
  margin-left: 8px;
}
ul.time_entried_ul_ctrl > li.timer_entries_dropdown_li.active {
  background: #f4f4f5;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .timer_watch_counter
  > i {
  color: #2680eb;
  opacity: 1;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .timer_entries_text {
  color: #465369;
  font-size: 14px;
  font-weight: 600;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .sub_time_entries {
  font-weight: 600;
  color: #303b42;
}
input.timer_entries_text_input {
  border: 1px solid #0e9aef;
  font-size: 12px;
  font-weight: 600;
  opacity: 0.9;
  color: #465369;
  padding: 0 5px;
  margin-left: 1px;
  background-color: #fff;
  width: 220px;
  border-radius: 2px;
  height: 28px;
}
.no_entries {
  text-align: center;
  padding: 10px;
  color: #151b26;
  opacity: 0.55;
  font-size: 13px;
  display: block;
}
.add_time_entries_button.add_time_entries_btn_lg {
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  left: 0;
  right: 0;
  font-weight: 600;
  cursor: pointer;
}
.add_time_entries_button.add_time_entries_btn_lg > i {
  margin-right: 5px;
}
.dropdown-menu.time_entry_magic_dropdown a > i {
  font-size: 10px;
}
.time_entry_option > i {
  padding: 0 3px;
  font-size: 10px;
  color: #151b26;
  opacity: 0.6;
  margin-left: 5px;
  cursor: pointer;
}
.time_entry_option > i:hover {
  opacity: 1;
}
.move_left.time_entry_magic_dropdown_ctrl
  .dropdown-menu.time_entry_magic_dropdown {
  margin-top: -22px;
  margin-right: 20px;
}
.move_left.time_entry_magic_dropdown_ctrl
  .dropdown-menu.time_entry_magic_dropdown:before {
  transform: rotate(90deg);
  right: -15px;
  top: 7px;
  border-width: 7px;
}
.move_left.time_entry_magic_dropdown_ctrl
  .dropdown-menu.time_entry_magic_dropdown:after {
  transform: rotate(90deg);
  right: -12px;
  top: 8px;
  border-width: 6px;
}
.overflow_unset {
  overflow: hidden !important;
}
.show_more_data {
  display: inline-flex;
  margin: 0 0 0 auto;
  align-items: center;
  font-size: 12px;
  color: #798292;
  opacity: 1;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 2px;
  cursor: pointer;
  line-height: 13px;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.show_more_data > i {
  margin: 0 4px 0 0;
  font-size: 11px;
  color: #798292;
  top: 0;
  position: relative;
  opacity: 0.97;
}
.show_more_data:hover {
  color: #2680eb;
  opacity: 1;
}
.show_more_data:hover > i {
  color: #2680eb;
}
.timer_ui_list_view {
  cursor: pointer;
}
.master_entry {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 8px;
  background-color: #fff;
  border-bottom: 1px solid #e9e9eb;
  border-left: 4px solid transparent;
  border-top: 1px solid #e9e9eb;
}
.master_entry_text {
  color: #465369;
  font-size: 14px;
  opacity: 1;
  font-weight: 600;
  display: inline-flex;
}
.master_entry .add_time_entries_button {
  display: inline-flex;
  margin-left: auto;
}
.time_entries_ctrl ul.time_entried_ul_ctrl {
  border-top: 0;
  margin: 0;
}
.inner_sidebar {
  width: 50px;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  background-color: #f5f6f7;
  height: calc(100vh - 103px);
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  padding: 10px 0;
  overflow: hidden;
}
ul.column_layout.task_listing > li.sub_capture.is-hoveringAbove:before {
  background-color: #273240;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 99;
  margin: 0 20px 0 25px !important;
}
ul.column_layout.task_listing > li.sub_capture.is-hoveringBelow:after {
  background-color: #273240;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 99;
  margin: 0 15px 0 25px !important;
}
div.parent_div_main_capture.is-hoveringAbove:before {
  background-color: #000;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 99;
  margin: 0 15px 0 25px;
  padding: 0;
}
.status_dropdown_main_div .status_dropdown_action_li {
  display: flex;
  position: relative;
  padding: 0 12px;
  align-items: center;
  line-height: 30px;
  font-weight: 600;
  color: #676a6c;
  list-style: none;
  cursor: pointer !important;
}
.status_dropdown_main_div .status_dropdown_action_li span.check-box-custom {
  justify-content: center;
  margin: 1px 10px 1px 0;
  border-radius: 3px;
  height: 11px;
  width: 11px;
  display: flex;
  align-items: center;
}
.status_dropdown_main_div.task_status_dropdown_ctrl {
  z-index: 9;
}
.selectedDraggableCapture #folder_move_to_div_id,
.selectedDraggableCapture .capture_number,
.selectedDraggableCapture .folder-div-conversation-view,
.selectedDraggableCapture .inline_main_container,
.selectedDraggableCapture .project-variable,
.selectedDraggableCapture .status_dropdown_action_li,
.selectedDraggableCapture .status_dropdown_main_div {
  display: none !important;
}
.parent_div_main_capture .capture_parent_div_section.active,
.parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .right-list-item-over {
  background: #0e9aef !important;
}
.parent_div_main_capture
  .capture_parent_div_section[data-class="multiple_selected"],
.parent_div_main_capture
  .capture_parent_div_section[data-class="multiple_selected"]
  .table_view_item_div
  .right-list-item-over {
  background: #0e9aef !important;
}
.status_dropdown_main_div .status_dropdown_action_li span.check-box-custom i {
  margin: 0;
  font-size: 7px;
}
#start_timer_main_div .dropdown_timer_running_timer i {
  color: #fff !important;
  background: rgba(191, 67, 67, 0.9) !important;
}
.status_dropdown_main_div .status_dropdown_action_li.active {
  background-color: #2680eb1a;
  color: #2680eb;
}
.status_dropdown_main_div
  .status_dropdown_action_li.active
  span.check-box-custom:after {
  font-family: "Font Awesome 5 Free";
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 0;
  font-size: 12px;
  color: #2680eb;
}
.task_status_box {
  width: 14px;
  height: 14px;
  margin: 0 7px 0 5px;
  align-items: center;
  display: inline-block;
  position: relative;
  cursor: pointer;
  border-radius: 2px;
  background-color: rgb(142, 142, 142, 0.8);
  min-width: 14px;
}
.task_status_box:after {
  width: 12px;
  height: 12px;
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  display: inline-block;
  border: 2px solid #fff;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.captures_innr_group_ctrl_section .grouped_by_label .task_status_box {
  margin: 0 11px 0 5px;
}
.indent_hover:after,
.indent_hover:before {
  margin-left: 70px !important;
}
.no_indent:after,
.no_indent:before {
  margin-left: 0 !important;
}
div.parent_div_main_capture.is-hoveringBelow:after {
  background-color: #273240;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 99;
  margin: 0 15px 0 25px !important;
}
ul.inner_sidebar_ctrl {
  height: 100%;
  justify-content: center;
  text-align: center;
  position: relative;
  transition: left 0.15s ease;
  -ms-transition: left 0.15s ease;
  -moz-transition: left 0.15s ease;
  -o-transition: left 0.15s ease;
  position: relative;
  -webkit-transition: left 0.15s ease;
}
ul.inner_sidebar_ctrl > li {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 4px;
  margin: 0 0 9px;
  cursor: pointer;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  transition: ease-in;
  -ms-transitionease: background 0.1s ease;
  -o-transition: background 0.1s ease;
  padding: 7px 6px;
  width: 30px;
  height: 30px;
  position: relative;
}
ul.inner_sidebar_ctrl > li:hover {
  background-color: #e6e6e6;
}
ul.inner_sidebar_ctrl > li.active {
  background-color: #0e9aef !important;
  border: 1px solid #0e9aef !important;
}
ul.inner_sidebar_ctrl > li > i {
  font-size: 13px;
  color: #151b26;
  opacity: 0.55;
  position: absolute;
  margin: auto;
}
ul.inner_sidebar_ctrl > li.active > i {
  color: #fff;
  opacity: 1;
}
ul.inner_sidebar_ctrl > li.sideMenu_separator {
  height: 1px;
  border-radius: 0;
  padding: 0;
  background-color: #dadce0;
  border: 0;
  width: 100%;
  display: inherit;
}
.me_section_main_heading {
  padding: 4px 3px 4px 8px;
  display: flex;
  align-items: center;
  height: 35px;
  cursor: pointer;
}
.me_section_main_heading .me_section_main_heading_text {
  color: #465369;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.me_section_main_heading i {
  color: #3c4152;
  font-size: 13px;
  margin-left: 7px;
  display: inline-flex;
  margin-top: 0;
  opacity: 0.7;
}
.me_section_ctrl ul.capture_fixed_menu_ul > li {
  padding-left: 20px;
}
.me_section_ctrl ul.capture_fixed_menu_ul > li > .capture_menu_item {
  color: #465369;
  font-size: 14px;
}
.common_me_ul_li {
  align-items: center;
  margin: 12px 0 0;
}
.common_me_element_ctrl {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px 15px 4px 13px;
  cursor: pointer;
}
.common_me_element_ctrl > .chevron_ctrl {
  display: flex;
  align-items: center;
  min-width: 18px;
  justify-content: center;
  margin: 0;
}
.common_me_element_ctrl > .chevron_ctrl > i {
  color: #3c4152;
  font-size: 11px;
  margin-right: 7px;
}
.label_text_icon_ctrl {
  display: flex;
  align-items: center;
}
.label_text_icon_ctrl > i {
  color: #465369;
  font-size: 13px;
  margin: 0 6px 0 0;
}
.label_text_ctrl {
  color: #465369;
  font-weight: 400;
  font-size: 13px;
}
.captures_count {
  display: inline-flex;
  margin: 0 0 0 auto;
}
ul.common_me_element_ul > li {
  padding: 4px 15px 4px 31px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
ul.common_me_element_ul > li.active {
  background-color: #0e9aef;
}
ul.common_me_element_ul > li:hover {
  background-color: #e7e7ec;
}
ul.common_me_element_ul > li > i {
  margin-right: 6px;
  font-size: 12px;
  display: inline-flex;
  margin-top: 2px;
  min-width: 15px;
  color: #657185;
}
.me_ul_label_text {
  color: #465369;
  font-size: 13px;
  font-weight: 400;
  max-width: 76%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
}
.captures_count {
  display: inline-flex;
  margin: 0 0 0 auto;
}
.search_widget_inner_sidebar {
  background-color: #f5f5f7;
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 6px;
}
.search_widget_inner_sidebar > span {
  cursor: pointer;
}
.search_widget_inner_sidebar i {
  color: #151b26;
  opacity: 0.6;
  font-size: 15px;
}
.search_widget_inner_sidebar > span.active > i {
  color: #0e9aef;
  opacity: 1;
}
.me_section_ctrl {
  border-bottom: 1px solid #d5d5d6;
  padding: 0;
  margin: 0 0 10px;
}
.label_text_icon_ctrl svg {
  color: #465369;
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
}
ul.common_me_element_ul > li .element_icn_ctrl {
  min-width: 18px;
}
ul.common_me_element_ul > li .element_icn_ctrl svg {
  width: 12px;
  height: auto;
}
.date_picker_timer_entries .cell {
  overflow: unset !important;
}
ul.common_me_element_ul > li .element_icn_ctrl i {
  font-size: 12px;
}
ul.inner_sidebar_ctrl > li {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 4px;
  margin: 0 0 9px;
  cursor: pointer;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -ms-transitionease: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
  padding: 7px 6px;
  width: 30px;
  height: 30px;
  position: relative;
}
ul.inner_sidebar_ctrl > li:hover .task_draggable_number {
  opacity: 1;
}
ul.inner_sidebar_ctrl > li .task_draggable_number {
  position: absolute;
  left: -12px;
  top: 0;
  opacity: 0;
  bottom: 0;
  right: auto;
  width: 16px;
  height: 12px;
  margin: auto;
}
ul.inner_sidebar_ctrl > li .task_draggable_number svg {
  color: #465369;
  opacity: 0.7;
  width: 14px;
  height: 14px;
}
.menu_item.animated_menu {
  position: absolute;
  right: -50px;
  top: 0;
  width: 50px;
  transition: right 0.2s ease;
  -webkit-transition: right 0.2s ease;
  -ms-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  -o-transition: right 0.2s ease;
}
.capture_main_inner_ctrl {
  display: inline-block;
  width: calc(100% - 150px);
  align-items: center;
  float: left;
  background-color: #fff;
}
.side_menu_action_buttons_ctrl {
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #fafafa;
  height: calc(100vh - 74px);
  width: 150px;
  float: left;
  border-right: 1px solid rgba(48, 59, 66, 0.25);
}
.user_capture_screenshot_ctrl {
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
ul.column_layout.app {
  overflow-x: auto;
  max-height: calc(100vh - 125px);
}
ul.column_layout.task_listing.thumbnail-small_active.app > li {
  width: 157px;
}
ul.column_layout.task_listing.thumbnail-small_active.app > li .capture_thumb {
  height: 90px;
}
ul.column_layout.task_listing.thumbnail-medium_active.app > li {
  width: 268px;
}
ul.column_layout.task_listing.thumbnail-medium_active.app > li .capture_thumb {
  height: 175px;
}
ul.column_layout.task_listing.thumbnail-large_active.app > li {
  width: 408px;
}
ul.column_layout.task_listing.thumbnail-large_active.app > li .capture_thumb {
  height: 280px;
}
.widget_top_main_header {
  height: 34px;
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid rgba(48, 59, 66, 0.25);
  z-index: 9;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.widget_top_main_header .logo {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}
.widget_top_main_header .logo > img {
  width: 17px;
  height: auto;
  margin: 0 10px 0 0;
  display: inline-flex;
}
ul.widget_sidebar_menu > li {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 15px 5px 12px;
  cursor: pointer;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}
ul.widget_sidebar_menu > li.active {
  background-color: #e6f5fe;
}
ul.widget_sidebar_menu > li:hover {
  background-color: #e6f5fe;
}
.ws_item_icn {
  margin: 0 6px 0 0;
  min-width: 20px;
}
.ws_item_icn img {
  width: 14px;
}
ul.widget_sidebar_menu > li .each_item_in_footer_list:after {
  display: none;
}
ul.widget_sidebar_menu {
  padding: 7px 0;
}
ul.widget_sidebar_menu > li.active:after {
  border-left: 4px solid #0e9aef;
  height: 100%;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.ws_item_text {
  color: #303b42;
  font-size: 14px;
}
ul.column_layout.task_listing.thumbnail-large_active.app,
ul.column_layout.task_listing.thumbnail-medium_active.app,
ul.column_layout.task_listing.thumbnail-small_active.app {
  text-align: center;
}
ul.column_layout.task_listing.thumbnail-large_active.app
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-medium_active.app
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-small_active.app
  .task_name.cp_task_name {
  text-align: left;
}
.widget_footer {
  background-color: #303b42;
  width: 100%;
  height: 40px;
  display: inline-block;
}
.search_box_inner svg {
  color: #939ba8;
  width: 12px;
}
.search_box_inner {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% - 220px);
  height: 30px;
}
.search-wrapper .search-left button:focus {
  outline: 0;
}
.header_action_buttons .common_action_btn.active {
  background-color: #4a9fea;
  color: #fff;
}
ul.column_layout.task_listing.collapse.in.app.list-size_active > li {
  padding-left: 10px;
}
a.timer_icon_header {
  padding: 5px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  text-align: center;
  justify-content: center;
  display: flex !important;
}
a.timer_icon_header > i {
  color: rgba(255, 255, 255, 0.8);
  top: 5px;
  position: relative;
}
a.timer_icon_header:hover > i {
  color: #465369;
}
.timer_icon_header svg {
  fill: rgba(255, 255, 255, 0.8);
  display: inline-flex;
  margin-top: 3px;
}
.timer_icon_header:hover svg {
  fill: #465369;
}
.notification_ctrl_innr {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  position: relative;
}
.notification_count {
  color: #fff;
  font-weight: 700;
  background-color: #c00;
  border-radius: 6px;
  min-width: 14px;
  height: 16px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border: 2px solid #303b42;
  position: absolute;
  top: 0;
  padding: 0 2px;
  left: 100%;
  margin-left: -19px;
  line-height: 12px;
}
.notification_ctrl_innr > i {
  color: #878d91;
  font-size: 16px;
  transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
}
.notification_ctrl_innr:hover > i {
  color: #fff;
  font-size: 14px;
}
.timer_entries_dropbox_outer_div .recent_added_capture_entry_main_div {
  border-left: 4px solid #cb3333;
  width: 100%;
  margin: 15px 4px 13px 0;
  box-shadow: 0 0 10px 2px #c1bfbf;
  -webkit-box-shadow: 0 0 10px 2px #c1bfbf;
  -moz-box-shadow: 0 0 10px 2px #c1bfbf;
  -ms-box-shadow: 0 0 10px 2px #c1bfbf;
  -o-box-shadow: 0 0 10px 2px #c1bfbf;
  border-radius: 0;
  background: #fff;
}
.recent_added_capture_title_input input {
  padding: 5px 10px;
  display: block;
  width: 100%;
  border-radius: 3px;
  background-color: #fff;
  color: rgba(70, 83, 105, 0.8);
  border: 1px solid #dadce0;
  position: relative;
}
.recent_added_capture_title_input .expand-popup-icon {
  position: absolute;
  right: 18px;
  top: 15px;
  width: 15px;
  color: #a8aeb8;
  z-index: 9;
  cursor: pointer;
}
.recent_added_capture_title_input input:focus {
  border: 1px solid #66afe9;
}
.recent_added_capture_title_input {
  border-bottom: 0;
  padding: 8px;
  position: relative;
}
.recent_added_capture_assignee_cancel_save_button_div {
  padding: 0 10px 8px;
}
.master_entry .add_time_entries_button {
  display: inline-flex;
  margin-left: auto;
  text-align: center;
  justify-content: center;
  border: 1px solid #eeeef0;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  position: relative;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  background-color: #f7f7f8;
  opacity: 0;
}
.master_entry:hover .add_time_entries_button {
  opacity: 1;
}
.master_entry .add_time_entries_button i {
  background: 0 0 !important;
  color: #0e9aef;
  font-size: 10px;
  display: inline-flex;
  top: -3px;
  left: 1px;
  position: relative;
  transition: none !important;
}
.master_entry .add_time_entries_button:hover {
  border-color: #0e9aef;
  background-color: #0e9aef;
}
.master_entry .add_time_entries_button:hover > i {
  color: #fff;
}
.master_widget_add_time_entry {
  margin: 0 0 0 10px;
}
.widget_add_task_actn_btns {
  display: inline-flex;
  align-items: center;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn {
  background: #f4f4f5;
  border: 1px solid #ccc;
  border-radius: 2px;
  display: inline-flex;
  padding: 5px 6px;
  margin: 0 6px 0 0;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn:focus {
  outline: 0;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn > i {
  color: #151b26;
  opacity: 0.6;
  font-size: 12px;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn:hover > i {
  color: #4d4d4d;
  opacity: 0.8;
  font-size: 12px;
  display: inline-flex;
}
.widget_add_task_actn_main_wrapper {
  display: flex;
}
.widget_add_task_actn_btns.right_side {
  margin-left: auto;
}
.widget_add_task_actn_btns .btn-cancel {
  border: 0;
  padding: 0 10px;
  color: #151b26;
  font-size: 12px;
  opacity: 0.8;
}
.due_date_input_panel input {
  border: 1px solid #ccc;
  width: 70px;
  padding: 4px;
  border-radius: 1px;
}
.timer_icon_header svg {
  fill: #878d91;
}
.in_create_task_popup_widget svg {
  fill: rgba(233, 72, 58, 1);
}
.widget_action_btn_dropdown_ctrl {
  position: relative;
}
.add_task_time_dropdown_main_btn.dropdown.open
  .dropdown-menu.common_innr_dropdown {
  display: block;
  z-index: 1;
  left: 0;
  top: 0;
  margin-top: 32px;
  margin-left: -6px;
}
.timer_popup_multiple_time_entries
  .timer_watch_counter.in_create_task_popup_widget {
  margin: 0 6px 0 0;
  display: inline-flex;
  align-items: center;
}
.in_create_task_popup_widget svg {
  fill: rgba(233, 72, 58, 1);
  width: 12px;
  height: auto;
}
.recent_added_capture_time_entries
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li {
  background-color: #faeaea;
  height: 34px;
  border: 0 !important;
}
.recent_added_capture_time_entries .timer_entries_text {
  color: #303b42;
  opacity: 1;
  font-size: 13px;
}
.widget_add_task_actin_btn.active {
  background-color: #7ad629;
  border: 1px solid #71b931;
}
.widget_add_task_actin_btn.active > i {
  color: #fff;
  opacity: 1;
}
.total_group_time {
  margin-left: 10px;
  color: #e9483a;
  font-weight: 600;
  font-size: 14px;
}
.scroll-area-time-entries-all-capture
  .time_entries_ctrl:first-child
  .master_entry {
  border-left: 4px solid #e9483a;
}
.time_entries_ctrl
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active {
  border-left: 4px solid #e9483a;
  background: #faeaea;
  margin: 0 0 0 -30px !important;
  padding: 0 18px 0 30px !important;
}
.time_entries_ctrl
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .timer_watch_counter
  svg {
  fill: #e9483a;
  opacity: 0.62;
}
ul.widget_tabs_ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9eb;
}
ul.widget_tabs_ul > li {
  display: inline-flex;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: rgba(48, 59, 66, 0.7);
  font-size: 14px;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  padding: 8px 5px;
  transition: border-bottom 0.25s ease;
  -webkit-transition: border-bottom 0.25s ease;
  -moz-transition: border-bottom 0.25s ease;
  -ms-transition: border-bottom 0.25s ease;
  -o-transition: border-bottom 0.25s ease;
}
ul.widget_tabs_ul > li:hover {
  border-bottom: 2px solid #0e9aef;
}
ul.widget_tabs_ul > li.active {
  border-bottom: 2px solid #0e9aef;
  color: #303b42;
  font-weight: 600;
  font-size: 14px;
}
ul.inner_sidebar_ctrl .dropdown.all > li {
  background: 0 0 !important;
}
ul.inner_sidebar_ctrl .dropdown.all > li .teams_element {
  color: #151b26;
  opacity: 0.6;
  font-size: 13px !important;
  font-weight: 600;
}
.everything_in_teams svg {
  width: 14px;
  height: 14px;
  fill: #151b26;
  opacity: 0.4;
  display: block;
}
.everything_in_teams svg:hover {
  fill: #0e9aef;
  opacity: 1;
}
.everything_in_teams.active svg {
  fill: #0e9aef;
  opacity: 1;
}
.top_header_timer_bell .timer_class_div.timer_in_list.running_timer_class_div {
  background-color: rgba(191, 67, 67, 0.9) !important;
  border: 0 !important;
  padding: 5px 8px 5px 32px !important;
}
.top_header_timer_bell
  .timer_class_div.timer_in_list.running_timer_class_div
  > i {
  background-color: #fff !important;
}
.top_header_timer_bell
  .timer_class_div.timer_in_list.running_timer_class_div
  > span {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
.start-blinking {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
  margin: 1px 7px 0 0;
}
.start-blinking.in_widget {
  -webkit-animation: 1.6s blink ease infinite;
  -moz-animation: 1.6s blink ease infinite;
  -ms-animation: 1.6s blink ease infinite;
  -o-animation: 1.6s blink ease infinite;
  animation: 1.6s blink ease infinite;
  animation-name: blink;
  background-color: rgba(191, 67, 67, 0.9);
  margin: 0;
  display: none !important;
}
.top_header_timer_bell
  .timer_class_div.timer_in_list.running_timer_class_div
  > span.start-blinking {
  width: 8px;
  height: 8px;
  margin: 0 7px 0 0;
}
.timer_watch_counter svg {
  fill: #a8aeb8;
  width: 12px;
  height: auto;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .timer_watch_counter
  svg {
  fill: #e9483a;
  opacity: 0.62;
}
.timer_ui_list_view .timer_class_div.timer_in_list.stopped_timer_class_div > i {
  color: #fff;
  background-color: #fbb455;
  padding-left: 0;
}
.timer_ui_list_view
  .timer_class_div.timer_in_list.stopped_timer_class_div
  > span {
  color: #fbb455;
  font-weight: 600;
}
.timer_ui_list_view .timer_class_div.timer_in_list.running_timer_class_div > i {
  display: none;
}
ul.common_me_element_ul > li .element_icn_ctrl {
  min-width: 18px;
  margin: 0 2px 0 0;
  display: inline-flex;
}
ul.common_me_element_ul > li .element_icn_ctrl > svg {
  width: 12px !important;
}
ul.common_me_element_ul > li .element_icn_ctrl > i {
  font-size: 12px;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl {
  min-width: 18px;
  margin: 0 2px 0 0;
  display: inline-flex;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl > img {
  width: 12px;
  display: flex;
}
ul.common_me_element_ul > li .element_icn_ctrl > img {
  width: 12px;
}
ul.dropdown-menu.teams_dropdown {
  min-width: 170px;
  margin: 18px 0 0 -15px;
}
ul.teams_dropdown > li.showColorPallete {
  position: relative;
}
ul.teams_dropdown > li > a {
  padding: 2px 10px;
  margin: 0;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
}
ul.teams_dropdown > li > a.heading-title span {
  padding: 0 7px !important;
}
ul.teams_dropdown > li.showColorPallete:hover > .ul_colorPallete {
  position: absolute;
  left: 167px !important;
  flex-wrap: wrap;
  min-width: 108px;
  top: 1px;
  text-align: center;
}
ul.teams_dropdown > li.showColorPallete:hover > .ul_colorPallete > li {
  display: inline-flex;
  align-items: center;
}
ul.teams_dropdown
  > li.showColorPallete:hover
  > .ul_colorPallete
  > li
  > span.ColorPicker-cell {
  position: relative;
}
ul.teams_dropdown
  > li.showColorPallete:hover
  > .ul_colorPallete
  > li
  > span.ColorPicker-cell:after {
  position: absolute;
  margin: auto;
  top: 0;
  left: 3px;
}
.fullscreen_main_inner_container {
  width: 100%;
  position: relative;
}
.doc_section_inner {
  padding: 14px 0;
}
.doc_section_in_full_screen {
  width: 250px;
  height: 100px;
  float: left;
  width: 250px;
  height: calc(100vh - 209px);
  float: left;
  background-color: #f5f5f7;
  border-right: 1px solid #dadce0;
  padding: 15px;
  width: 250px;
  height: calc(100vh - 132px);
  float: left;
  background-color: #fff;
  border-right: 1px solid #d5d5d6;
  padding: 0;
  border-radius: 4px;
  margin-right: 10px;
}
ul.main_ul_doc {
  position: relative;
}
ul.main_ul_doc li {
  padding: 0;
}
ul.main_ul_doc li .doc_sec_main:hover {
  background-color: #f8f8f8;
}
ul.main_ul_doc li a {
  color: #465369;
  font-size: 13px;
  line-height: 13px;
  cursor: pointer;
  padding: 9px 10px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  transition: background 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  font-weight: 600;
}
ul.main_ul_doc li a:hover {
  background-color: #fff;
}
ul.main_ul_doc li ul {
  position: relative;
}
ul.main_ul_doc li.first_level > a {
  padding-left: 20px;
}
ul.main_ul_doc li.second_level > a {
  padding-left: 38px;
}
ul.main_ul_doc li.third_level > a {
  padding-left: 52px;
}
ul.main_ul_doc li a i {
  color: #3c4152;
  font-size: 11px;
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
  margin-top: 1px;
}
.doc_sec_main {
  padding: 5px 20px;
}
.doc_sec_main .doc_sec_modal_arrow {
  margin: 0 7px 0 0;
}
.doc_sec_main {
  padding: 5px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background 0.1s ease;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -ms-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  position: relative;
  cursor: pointer;
}
.doc_sec_main .doc_sec_modal_arrow {
  margin: 0 7px 0 0;
}
.doc_sec_main .doc_sec_modal_arrow > i {
  color: #8c93a1;
  font-size: 11px;
}
.doc_sec_main .doc_sec_modal_icn {
  margin: 0 7px 0 0;
}
.doc_sec_main .doc_sec_modal_icn > i {
  color: #008adf;
  font-size: 12px;
}
.doc_sec_main .doc_sec_modal_text {
  color: #465369;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 75%;
}
ul.doc_sec_dropdown > li {
  padding: 5px 20px 5px 66px;
  color: #444;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: center;
  transition: background 0.1s ease;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -ms-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  cursor: pointer;
}
ul.doc_sec_dropdown > li:hover {
  background-color: #f8f8f8;
}
.doc_sec_main .each_item_in_footer_list:after {
  display: none;
}
.doc_sec_main .each_item_in_footer_list {
  margin: 0 5px 0 0;
  min-width: 20px;
}
.doc_sec_main:hover .task_draggable_number {
  opacity: 1;
}
.doc_sec_main .task_draggable_number {
  position: absolute;
  left: 3px;
}
.doc_sec_main:hover .task_draggable_number {
  opacity: 1;
}
ul.doc_sec_dropdown > li .task_draggable_number {
  position: absolute;
  left: 3px;
}
ul.doc_sec_dropdown > li .doc_sub_sec_icn {
  margin: 0 7px 0 0;
}
ul.doc_sec_dropdown > li .doc_sub_sec_icn > i {
  color: rgba(107, 117, 135, 0.7);
  font-size: 12px;
}
ul.doc_sec_dropdown > li:hover .task_draggable_number {
  opacity: 1;
}
.doc_sub_sec_text {
  color: #444;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 75%;
}
.doc_modal_search_box_ctrl {
  padding: 15px 10px;
  border-bottom: 1px solid #e0e0e0;
}
.doc_modal_search_box {
  position: relative;
}
.doc_modal_search_box > i {
  color: #939ba8;
  opacity: 0.82;
  top: 10px;
  left: 9px;
  position: absolute;
  font-size: 12px;
}
.doc_modal_search_box > input {
  background-color: #edeeef;
  border: 0;
  width: 100%;
  color: #465369;
  height: 30px;
  padding: 3px 8px 4px 28px;
}
.doc_name_modal {
  display: flex;
  align-items: center;
  padding: 10px 10px 0;
}
.doc_name_modal h5 {
  display: inline-block;
  color: #657082;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doc_name_modal .dropdown.add_section_modal_doc_ctrl {
  display: inline-flex;
  margin: 0 14px;
  align-items: center;
  justify-content: center;
}
.dropdown_icon_ctrl {
  padding: 0 4px;
  cursor: pointer;
}
.dropdown_icon_ctrl > i {
  color: rgba(107, 117, 135, 0.69);
  font-size: 12px;
}
.dropdown.add_section_modal_doc_ctrl.open .dropdown-menu {
  display: inline-flex;
}
.dropdown.add_section_modal_doc_ctrl .dropdown-menu > a {
  width: 100%;
}
.dropdown.add_section_modal_doc_ctrl.open .dropdown_icon_ctrl {
  background-color: #f2f2f2;
}
.dropdown.add_section_modal_doc_ctrl.open .dropdown_icon_ctrl > i {
  color: #0e9aef;
}
.full_screen_class_main_div .scroll-area-doc-modal {
  height: calc(100vh - 156px);
}
.preview_loader.preview_loader_modal {
  top: 0;
  left: 0;
  border-radius: 4px;
  display: block;
  width: 100% !important;
  z-index: 99999;
  position: fixed;
}
.full_screen_class_main_div .scroll-area-modal-in-sidebar {
  height: calc(100vh - 122px) !important;
}
.mc_tree_menu_sec_ctrl.load_more_data_wrap {
  position: absolute;
  bottom: 46px;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #b7b7b7;
  width: 146px;
  text-align: center;
  justify-content: center;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 20px;
  height: 29px;
}
.label_svg_ctrl {
  min-width: 19px;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li {
  padding-left: 17px !important;
  padding-right: 0;
  margin-right: 0 !important;
  border: 0;
  transition: backgrund 0.1s ease-in;
  -webkit-transition: backgrund 0.1s ease-in;
  -moz-transition: backgrund 0.1s ease-in;
  -ms-transition: backgrund 0.1s ease-in;
  -o-transition: backgrund 0.1s ease-in;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li.active {
  background-color: #0e9aef;
}
.add_task_in_list_main_ctrl {
  display: flex;
  align-items: center;
  padding: 0;
  height: 24px;
}
.add_task_in_list_btn {
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid #dadce0;
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #343434;
  font-size: 13px;
}
.add_task_in_list_btn:hover {
  background-color: #f5f5f7;
}
.add_task_in_list_btn > i {
  padding: 0 5px 0 0;
  font-size: 11px;
  color: #4d4d4d;
}
.add_dropdown_in_list_ctrl {
  border-left: 1px solid #dadce0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  text-align: center;
  width: 22px;
  justify-content: center;
  height: 24px;
  border: 1px solid #dadce0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.add_dropdown_in_list_ctrl:hover {
  background-color: #f5f5f7;
}
.dropdown.open .add_dropdown_in_list_ctrl {
  background-color: #f5f5f7;
}
.add_dropdown_in_list_ctrl > i {
  color: #4d4d4d;
  font-size: 11px;
  display: inline-flex;
}
.add_dropdown_in_list_ctrl.open {
  background-color: #f5f5f7;
}
.add_task_in_list_main_ctrl + .dropdown-menu {
  margin: 10px 0 0 0;
  z-index: 999;
}
.dropdown .add_task_in_list_main_ctrl.open + .dropdown-menu {
  display: block !important;
}
.list_sub_header_main {
  display: flex;
  align-items: center;
  padding: 4px 10px;
}
.list_sub_header_main_left {
  display: inline-flex;
  margin-right: auto;
}
.list_sub_header_main_right {
  display: inline-flex;
  margin-left: auto;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture {
  background-color: #fff;
  padding: 4px 2px 4px 4px;
  border-top: 0;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture .capture_thumb {
  width: 25px;
  height: 25px;
  min-width: 25px;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture .ta {
  position: absolute;
  left: 4px;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .group_label_text_limitter {
  margin: 0 12px 0 0;
}
.new_task_placeholder {
  position: relative;
  transition: border 0.1s ease;
  -webkit-transition: border 0.1s ease;
  -moz-transition: border 0.1s ease;
  -ms-transition: border 0.1s ease;
  -o-transition: border 0.1s ease;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_draggable_number {
  display: none;
}
.new_task_placeholder .capture_thumb {
  width: 25px;
  height: 25px;
  min-width: 25px;
}
.new_task_placeholder .task_list_ctrl {
  padding-left: 5px;
  border: 1px solid #0e9aef !important;
  position: relative;
  transition: none !important;
}
.new_task_placeholder .task_list_ctrl input.task_name.cp_task_name {
  color: #151b26;
  opacity: 1;
}
.new_task_placeholder
  .task_list_ctrl
  input.task_name.cp_task_name::placeholder {
  opacity: 0.6;
}
.new_task_placeholder input.task_name.cp_task_name {
  opacity: 0.6;
  cursor: text;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_draggable_number {
  position: absolute;
  left: -31px;
}
.three_panel_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view {
  margin-left: 9px;
}
.new_task_placeholder_action_btn_ctrl {
  display: inline-flex;
  padding: 0;
  margin: 0 0 0 auto;
}
.sub_capture_ctrl .new_task_placeholder_action_btn_ctrl {
  margin: -1px 0 0 auto;
}
.cancel_new_task_placeholder {
  background: 0 0;
  border: 0;
  font-size: 13px;
  color: #4d4d4d;
  opacity: 0.4;
  cursor: pointer;
}
.cancel_new_task_placeholder:focus {
  outline: 0;
}
.cancel_new_task_placeholder:hover {
  opacity: 1;
}
ul.sub_capture_ctrl > li.add_new_task_div input.task_name {
  width: 100% !important;
  max-width: 100% !important;
  cursor: text !important;
}
ul.sub_capture_ctrl > li.add_new_task_div .task_name.cp_task_name {
  cursor: text !important;
}
ul.sub_capture_ctrl > li.add_new_task_div > .task_list_ctrl {
  padding: 0 0 0 5px !important;
}
.grouped_by_section.grouped_by_folder_bundle.medium-size_active {
  height: 47px;
}
.subtask_expand_collapse_ctrl {
  margin-right: 8px;
  margin-left: 4px;
  position: absolute;
  left: -19px;
  cursor: pointer;
}
.subtask_expand_collapse_ctrl > i {
  color: #3c4152;
  opacity: 0.7;
  font-size: 11px;
}
ul.column_layout.task_listing > li.sub_capture {
  position: relative;
}
ul.column_layout.task_listing > li.sub_capture:last-child {
  border-bottom: 1px solid #e9e9eb;
}
.Captures_group_ctrl_section
  .captures_innr_group_ctrl_section:first-child
  .grouped_by_section.grouped_by_folder_bundle {
  border-top: 0;
}
.captures_innr_group_ctrl_section {
  padding: 0 15px 0 35px;
}
.sub_task_icon {
  position: absolute;
  left: 17px;
}
.sub_task_icon svg {
  fill: #465369;
  opacity: 0.4;
  width: 12px !important;
  height: auto !important;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .group_label_text_limitter {
  font-weight: 400;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.sub_capture_ctrl
  > li.add_new_task_div.new_task_placeholder
  > .task_list_ctrl:hover {
  background: #fff !important;
}
.add_new_task_bottom_btn_innr:hover {
  color: #0e9aef;
  opacity: 1;
}
.right-list-item-over > .three_dots_dropdown_main,
.right-list-item-over > i {
  cursor: pointer;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div {
  border: 1px solid #0e9aef !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding-left: 28px;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .sub_task_icon {
  left: 16px;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  input.task_name.cp_task_name::placeholder {
  color: #151b26;
  opacity: 0.6;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  input.task_name.cp_task_name {
  color: #151b26;
  opacity: 1;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl {
  border: 0 !important;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType,
.captures_innr_group_ctrl_section.sort_by_capture_assignees,
.captures_innr_group_ctrl_section.sort_by_capture_module_folder,
.captures_innr_group_ctrl_section.sort_by_capture_progress,
.captures_innr_group_ctrl_section.sort_by_capture_project,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate,
.captures_innr_group_ctrl_section.sort_by_created_at,
.captures_innr_group_ctrl_section.sort_by_due_date,
.captures_innr_group_ctrl_section.sort_by_project,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate,
.captures_innr_group_ctrl_section.sort_by_type {
  padding: 0;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_assignees .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_priority .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_progress .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_project .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_created_at .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_due_date .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_project .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_type .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_userByAssignedTo .grouped_by_section {
  background: 0 0;
  border-top: 0;
  border-bottom: 1px solid rgb(21, 27, 38, 0.35);
  padding: 8px 15px 8px 8px;
  margin-left: 0;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  ul.column_layout,
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_capture_progress ul.column_layout,
.captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_due_date ul.column_layout,
.captures_innr_group_ctrl_section.sort_by_project ul.column_layout,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  ul.column_layout,
.captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_userByAssignedTo ul.column_layout {
  padding: 0 15px 0 0;
  transition: height 0.1s ease-in-out;
  -webkit-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -moz-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -ms-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
ul.column_layout.task_listing {
  transition: height 0.1s ease-in-out;
  -webkit-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -moz-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -ms-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_due_date
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_type
  .grouped_by_section
  .chevron_ctrl:before {
  color: #3c4152;
  opacity: 0.7;
  font-size: 11px;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_module_folder
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_due_date
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_type
  .grouped_by_section
  .grouped_by_label {
  align-items: center;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_due_date
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_type
  .grouped_by_section
  .group_label_text_limitter {
  color: #151b26;
  font-size: 13px;
  font-weight: 600;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.captures_innr_group_ctrl_section.sort_by_capture_module_folder_relationships_aggregate
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.captures_innr_group_ctrl_section.sort_by_capture_progress
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.captures_innr_group_ctrl_section.sort_by_due_date
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child {
  border-top: 1px solid transparent;
}
.items_inside {
  padding-left: 4px;
  font-size: 13px;
  color: #151b26;
  font-weight: 600;
}
.sort_by_capture_assignees .grouped_by_section .chevron_ctrl,
.sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section
  .chevron_ctrl,
.sort_by_capture_priority .grouped_by_section .chevron_ctrl,
.sort_by_capture_project .grouped_by_section .chevron_ctrl,
.sort_by_capture_tags_aggregate .grouped_by_section .chevron_ctrl,
.sort_by_created_at .grouped_by_section .chevron_ctrl,
.sort_by_type .grouped_by_section .chevron_ctrl {
  cursor: pointer;
  min-width: 10px;
}
.modal-dialog.modal-dialog-centered {
  top: 50%;
  transform: translate(0, -50%) !important;
  margin-top: 0;
}
.timer_popup_multiple_time_entries.create_task_is_open
  .search_box_add_time_ctrl,
.timer_popup_multiple_time_entries.create_task_is_open
  .timer_list_footer_bottom_info,
.timer_popup_multiple_time_entries.create_task_is_open .widget_tabs,
.timer_popup_multiple_time_entries.create_task_is_open
  section.scroll-area-time-entries-all-capture {
  position: relative;
}
#draggable_tree_drag_placeHolder .task_draggable_number {
  display: none;
}
.tree-node.open.magical_three_dropdown_open_team
  > .tree-node-inner-back:hover
  .custom_lablel_orignal_name
  .three_dots_dropdown_div {
  background: #0e9aef !important;
}
.tree-node.magical_three_dropdown_open_folder
  > .tree-node-inner-back
  .custom_lablel_orignal_name
  .three_dots_dropdown_div,
.tree-node.magical_three_dropdown_open_project
  > .tree-node-inner-back
  .custom_lablel_orignal_name
  .three_dots_dropdown_div {
  background: #0e9aef !important;
}
ul.column_layout.task_listing > li.active .task_list_ctrl {
  background-color: #0e9aef;
}
.menu_item.animated_menu .tree-node-inner-back:hover {
  background-color: #f5f5f7;
}
.sub_time_entry_ctrl {
  width: 18px;
  height: 18px;
  background-color: #f7f9fd;
  border: 1px solid #dadce0;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 8px 0 0;
}
.sub_time_entry_ctrl > i {
  color: #c0c6d0;
  font-size: 10px;
  transition: color 0.1s ease-in;
  -webkit-transition: color 0.1s ease-in;
  -moz-transition: color 0.1s ease-in;
  -ms-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
}
.sub_time_entry_ctrl:hover > i {
  color: #465369;
}
#timer_entries_all_capture_div_id
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li:last-child {
  border-bottom: 0;
}
#timer_entries_all_capture_div_id
  .recent_added_capture_entry_main_div
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li {
  padding: 0 10px;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li
  .play_icon_ctrl_in_widget
  > i {
  opacity: 0;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li:hover
  .play_icon_ctrl_in_widget
  > i {
  opacity: 1;
}
.sidebar_trash_area {
  border-top: 1px solid #dadce0;
  background-color: #f5f5f7;
  padding: 7px 17px 7px 22px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.sidebar_trash_innr_left {
  color: #333;
  font-weight: 600;
}
.sidebar_trash_innr_left > i {
  color: #ed4758;
  opacity: 0.8;
  font-size: 13px;
  margin-right: 7px;
}
.trashed_item_count {
  margin-left: auto;
  color: #465369;
  opacity: 0.7;
  font-size: 12px;
  font-weight: 600;
}
ul.breadcrumb_for_active_folder_innr {
  display: flex;
  align-items: center;
  padding: 0 0 0 8px;
}
.breadcrumb_dropdown_ctrl > .dropdown-menu {
  margin-top: 12px;
  margin-left: 0;
}
.breadcrumb_dropdown_ctrl.open > .breadcrumb_dropdown_innr_ctrl > i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
ul.breadcrumb_for_active_folder_innr > li {
  position: relative;
  list-style-type: none;
  display: inline-flex;
  padding: 5px 3px;
  align-items: center;
}
ul.breadcrumb_for_active_folder_innr > li:after,
ul.breadcrumb_for_active_folder_innr > li:before {
  content: "";
  position: absolute;
  height: 55%;
  background-color: #d5d5d6;
  display: inline-block;
  width: 1px;
  right: 0;
  opacity: 0;
}
ul.breadcrumb_for_active_folder_innr > li:before {
  transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(-35deg);
  top: 0;
  right: 0;
}
ul.breadcrumb_for_active_folder_innr > li:after {
  transform: rotate(35deg);
  bottom: 0;
}
ul.breadcrumb_for_active_folder_innr > li > i {
  font-size: 13px;
  color: #465369;
  opacity: 0.6;
}
.dropdown.breadcrumb_dropdown_ctrl {
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
ul.breadcrumb_for_active_folder_innr
  li:last-child
  .dropdown.breadcrumb_dropdown_ctrl {
  cursor: pointer;
}
.breadcrumb_dropdown_innr_ctrl {
  margin-left: 4px;
  box-sizing: border-box;
  width: 17px;
  text-align: center;
  height: 26px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.breadcrumb_dropdown_innr_ctrl > i {
  font-size: 11px;
  color: #465369;
  opacity: 0.6;
  top: 2px;
  position: relative;
}
.breadcrumb_dropdown_ctrl.open > .breadcrumb_dropdown_innr_ctrl {
  background-color: #f5f5f7;
  border-left: 1px solid #e9e9eb;
  border-right: 1px solid #e9e9eb;
}
.breadcrumb_dropdown_ctrl.open > .breadcrumb_dropdown_innr_ctrl > i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.grey-theme-page-wrapper.page-wrapper.no-sidebar {
  width: 100% !important;
}
.capture_fixed_menu_list.four_column_layout {
  margin: 0;
  border-bottom: 1px solid #e2e7eb;
  padding: 0 0 10px;
}
.capture_inbox_splitter_wrapper.list_view .capture_inbox_splitter {
  box-shadow: 0 1px 3px #00000029;
  -webkit-box-shadow: 0 1px 3px #00000029;
  -moz-box-shadow: 0 1px 3px #00000029;
  -ms-box-shadow: 0 1px 3px #00000029;
  -o-box-shadow: 0 1px 3px #00000029;
  border: 1px solid #eaeaeb;
  border-radius: 6px;
}
.tagged_assets {
  display: flex;
  align-items: center;
}
.tagged_assets_tags {
  margin: 0 0 0 7px;
}
.added_tags {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 1px 8px 1px 3px;
  font-weight: 700;
  font-size: 10px;
  background-color: #f5f5f7;
  color: rgba(103, 106, 108, 0.9);
  position: relative;
  margin-right: 2px;
  display: inline-block;
}
.added_tags_text {
  max-width: 74px;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  top: 1px;
  position: relative;
  overflow: hidden;
}
.added_tags .remove_tags {
  cursor: pointer;
  position: absolute;
  top: -9px;
  right: -4px;
  display: none;
  border: thin solid #fff;
  border-radius: 100%;
  z-index: 9;
}
.added_tags:hover .remove_tags {
  display: block;
}
.remove_tags > i {
  color: #465369;
  opacity: 0.7;
  font-size: 11px;
}
.remove_tags > i:hover {
  opacity: 1;
}
.cp_multiple_assignee {
  display: flex;
  align-items: center;
  padding: 0;
}
#time-entries-preview-section .cp_multiple_assignee {
  padding-right: 0;
}
.tagged_assets_assignee {
  margin: 0 0 0 8px;
}
.tagged_assets_assignee .cp_multiple_assignee {
  padding: 0;
}
.tagged_assets_assignee .cp_multiple_assignee .assignee_circle {
  width: 22px;
  height: 22px;
}
.tagged_assets_assignee
  .cp_multiple_assignee
  .assignee_circle
  .remove_assignee {
  top: -7px;
  right: -4px;
}
.tagged_assets_assignee
  .cp_multiple_assignee
  .assignee_circle
  .remove_assignee
  > i {
  font-size: 10px;
}
.tagged_assets_folder > i {
  color: #465369;
  opacity: 0.6;
}
.tagged_assets_folder:hover > i {
  opacity: 0.8;
}
.multi-assignee-wrapper .cp_multiple_assignee {
  padding-right: 0;
}
.more_items_tagged {
  background-color: #e4e4e6;
  color: #465369;
  font-size: 11px;
  font-weight: 700;
  padding: 1px 5px 1px 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.tagged_assets_folder {
  position: relative;
}
.tagged_projects.in_tooltip {
  position: absolute;
  padding: 10px;
  background-color: #333;
  color: #fff;
  display: none;
  align-items: center;
  border-radius: 4px;
  z-index: 9;
  left: -11px;
  top: 30px;
  min-width: 210px;
  width: auto;
  text-align: center;
}
.tagged_assets_folder:hover > .tagged_projects.in_tooltip {
  display: block;
}
.tagged_projects.in_tooltip.arrow_box_top:before {
  border-bottom-color: #333;
  border-width: 7px;
}
.tagged_projects.in_tooltip.arrow_box_top:after {
  border-bottom-color: #333;
  border-width: 5px;
}
.tagged_projects.in_tooltip > span {
  width: auto;
  font-size: 12px;
  display: inline;
  margin-right: 10px;
}
.tagged_projects.in_tooltip > span:last-child {
  margin-right: 0;
}
.capture_thumb_details_scond_row {
  display: flex;
  align-items: center;
  padding-left: 5px;
  margin-top: 9px;
}
.task_created_date {
  display: inline-flex;
  margin-top: -1px;
  align-items: center;
  line-height: 12px;
}
.tagged_assets {
  display: flex;
  align-items: center;
  margin-left: 7px;
  width: auto;
}
.tree_sidebar_folder {
  margin-right: 5px;
  font-size: 13px;
}
i.fa-folder.tree_sidebar_folder.closed {
  font-size: 13px;
}
.tree_sidebar_folder.closed {
  color: rgba(141, 142, 148, 0.8);
}
.tree_sidebar_folder.closed:hover,
.tree_sidebar_folder:hover {
  color: #0e9aef;
}
.search_for_treeview_in_breacdrumb {
  display: inline-block;
  padding: 10px;
}
.gray_theme_custom_sidebar.search_for_treeview_in_breacdrumb
  .sidebar_search_ctrl
  i {
  top: 9px;
}
.gray_theme_custom_sidebar.search_for_treeview_in_breacdrumb
  .sidebar_search_ctrl
  input {
  background-color: #f5f5f7;
  border: 0;
  height: 28px;
  color: #465369;
}
.gray_theme_custom_sidebar.search_for_treeview_in_breacdrumb
  .sidebar_search_ctrl
  input::placeholder {
  color: #465369 !important;
}
.tree_menu_inside_breadcrumb {
  padding: 0 0 10px;
  overflow-y: auto;
  max-height: 200px;
}
.capture_thumb_details {
  width: 100%;
}
textarea.cp_task_name.editable_content {
  border: 1px solid #0e9aef;
  background-color: #fff;
  cursor: text;
  top: 0;
  background: #fff;
  margin: 0 !important;
  height: 18px;
  line-height: 15px;
  padding: 0 5px !important;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  display: flex;
}
.task_name_other_assets {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
}
ul.color_picker_dropdown {
  display: flex;
  position: absolute;
  max-width: 164px;
  left: 160.524px;
  top: 5px;
  transform: none;
  margin-top: 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccd1d4;
  padding: 7px 5px;
  flex-wrap: wrap;
  min-width: 109px;
  width: auto;
}
ul.color_picker_dropdown li {
  display: inline-flex;
}
.task_name_other_assets > i {
  margin-right: 5px;
  color: #465369;
  opacity: 0.6;
  font-size: 11px;
  display: none;
  border-radius: 100%;
  padding: 5px;
}
ul.column_layout.task_listing > li:hover .task_name_other_assets > i {
  display: block;
}
.task_name_other_assets > i:hover {
  opacity: 1;
}
.panel_content_wrapper {
  position: relative;
  height: 100%;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 1px;
  overflow: hidden;
}
ul.column_layout.task_listing
  > li:hover
  .task_name_other_assets
  .right-list-item-over
  > i {
  display: block;
}
ul.column_layout.task_listing
  > li
  .task_name_other_assets
  .right-list-item-over
  > i {
  display: none;
}
.preview_loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  z-index: 9;
}
.preview_loader > img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.notification_ctrl.dropdown .preview_loader {
  bottom: 0;
  left: 0;
  height: 100%;
  border-radius: 0;
}
.no_item_selected_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.no_item_selected_innr_ctrl {
  text-align: center;
  height: 120px;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.no_item_selected_innr_ctrl img {
  width: 155px;
  margin-bottom: 5px;
}
.no_item_selected_innr_ctrl p {
  color: #465369;
  opacity: 0.7;
  font-size: 16px;
  padding: 10px;
}
.no_item_selected_innr_ctrl {
  text-align: center;
  height: 120px;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.no_item_selected_innr_ctrl img {
  width: 155px;
  margin-bottom: 5px;
}
.no_item_selected_innr_ctrl p {
  color: #465369;
  opacity: 0.7;
  font-size: 16px;
  padding: 10px;
}
.no_data_found_wrapper {
  z-index: 9;
  width: 100%;
  height: 85%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.no_data_found_innr_ctrl {
  text-align: center;
  height: 140px;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.no_data_found_innr_ctrl img {
  width: 75px;
  margin-bottom: 5px;
}
.no_data_found_innr_ctrl p {
  color: #465369;
  opacity: 0.7;
  font-size: 16px;
  padding: 10px;
}
.tagged_assets_folder .added_project {
  font-size: 10px;
  font-weight: 700;
  display: flex;
  padding: 0 5px 2px;
  border-radius: 10px;
  background-color: #f5f5f7;
  border: 1px solid #d5d5d6;
  align-items: center;
}
.tagged_assets_folder .added_project:hover {
  background-color: #fff;
}
.added_project .remove_project {
  cursor: pointer;
  position: absolute;
  top: -8px;
  right: -4px;
  display: none;
  border: thin solid #fff;
  border-radius: 100%;
}
.remove_project > i {
  color: #465369;
  opacity: 0.6;
  font-size: 11px;
}
.remove_project > i:hover {
  opacity: 1;
}
.added_project:hover .remove_project {
  display: block;
}
.added_project_text {
  max-width: 53px;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 0;
  position: relative;
  overflow: hidden;
  color: #151b26;
  font-size: 11px;
  display: inline-block;
  font-weight: 600;
}
.tree_sidebar_dot {
  font-size: 8px;
  display: inline-flex;
  margin-right: 4px;
  top: -1px;
  position: relative;
  border: 1px solid transparent;
}
.custom_lablel_orignal_name:hover > .project_level_dropdown {
  opacity: 1 !important;
}
.list_have_child_span {
  display: inline-block;
}
.list_have_child_span span.caret_icon {
  display: inline-block;
  padding-right: 4px;
  margin-left: 0;
  width: 10px;
  text-align: center;
}
.cret_main_icon_span_spaces {
  display: inline-block !important;
  margin-left: 7px !important;
}
.cret_main_icon_span_spaces i {
  color: #676a6c !important;
  font-size: 13px !important;
}
.list_tree_empty_folder_icon_span {
  margin-left: 14px;
}
.list_tree_empty_folder_icon_span i.fa-folder {
  color: #7b7e84 !important;
  font-size: 13px;
}
i.fa-folder.opened.tree_sidebar_folder {
  font-size: 13px;
}
.sidebar_space_button_area {
  background-color: #f5f5f7;
  border-top: 1px solid #d5d5d6;
  padding: 10px 10px 10px 22px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.sidebar_space_button_left {
  color: #465369;
  font-weight: 400;
}
.sidebar_space_button_left i {
  opacity: 0.6;
  font-size: 13px;
  margin-right: 8px;
}
.space_setting_three_dot {
  opacity: 0;
  right: 30px;
  position: absolute;
  width: 30px;
  display: inline-flex;
  cursor: pointer;
  margin-left: auto;
  right: 21px;
  top: 0;
}
.section_heading_level:hover > .space_setting_three_dot {
  opacity: 1 !important;
}
.space_setting_three_dot span i.fas {
  padding-left: 0;
  font-size: 12px;
  padding-right: 5px;
  min-width: 8px !important;
  margin: 0 0 0 9px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.draggable_clone_ul {
  border-radius: 3px;
  opacity: 1 !important;
  z-index: 9999999999 !important;
  left: 2px;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -ms-box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  -o-box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  min-width: 320px;
  overflow: hidden !important;
  border-radius: 4px;
}
.draggable_clone_ul .task_status_main_wrapper {
  display: none;
}
.draggable_clone_ul.draggable_clone_multiple {
  height: auto;
  border-radius: 3px;
  overflow: visible !important;
}
.multiple_dragging_innr {
  padding: 6px 8px;
  position: relative;
}
.multiple_drag_placeholder {
  width: 100%;
  height: 5px;
  background-color: rgba(0, 0, 0, 0.04);
  margin: 0 0 4px;
}
.multiple_dragging_innr .multiple_drag_placeholder:nth-child(2) {
  width: 90%;
}
.multiple_dragging_innr .multiple_drag_placeholder:last-child {
  margin: 0;
  width: 70%;
}
.multiple_dragging_items_count {
  background-color: #0e9aef;
  width: 20px;
  height: 20px;
  top: -12px;
  right: -9px;
  position: absolute;
  border-radius: 100%;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  text-align: center;
  -webkit-box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.draggable_clone_ul .task_list_ctrl {
  padding: 6px 7px;
  display: block;
}
.draggable_clone_ul .task_draggable_number {
  display: none;
}
.draggable_clone_ul li {
  list-style: none;
  background: #fff !important;
}
.draggable_clone_ul .capture_thumb_details_scond_row {
  display: none !important;
}
.dragged_clone_append_li {
  background-color: #efefef;
  border-radius: 0;
  width: calc(100% - 33px);
  display: block;
  height: 35px;
  margin: 0 0 0 33px;
  padding: 0;
  transition: opacity 150ms ease-in;
  -webkit-transition: opacity 150ms ease-in;
  user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
.draggable_clone_ul .task_name.cp_task_name {
  width: 100%;
}
.image-modal {
  position: fixed;
  top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  z-index: 10000;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.image-modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0 none;
  position: relative;
  width: 80%;
  height: 80%;
  margin: 0 auto;
  box-sizing: border-box;
}
.default-theme .splitpanes--vertical > .splitpanes__splitter,
.default-theme.splitpanes--vertical > .splitpanes__splitter {
  background-color: #eee !important;
}
.vue_splitter_pane.four_column_sidebar.splitpanes__pane
  + .splitpanes__splitter {
  background: 0 0 !important;
  border-left: 0;
}
.splitpanes__splitter:after,
.splitpanes__splitter:before {
  display: none;
}
.list_view_wrapper .in_list_view {
  background-color: #fff !important;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.list_pane.in_list_view + .splitpanes__splitter {
  min-width: auto !important;
  width: 9px !important;
}
.details_pane.in_list_view {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.list_view_wrapper {
  height: calc(100vh - 119px) !important;
}
.tree-node-inner-back:hover {
  background-color: #e7e7ec;
}
.tree-node-inner-back {
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0 !important;
  position: relative;
  height: 28px;
  position: relative;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.tree-node.active > .tree-node-inner-back {
  background-color: #0e9aef !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.tree-node.active > .tree-node-inner-back .innertTextContent.teams_bundle {
  font-weight: 600;
}
.tree-node.active > .tree-node-inner-back .tree_sidebar_dot {
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 100%;
}
.scroll-area-left-sidebar-four-column
  .ps
  > .ps__scrollbar-y-rail
  > .ps__scrollbar-y {
  width: 6px;
}
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.scroll-area-left-sidebar-four-column
  .ps
  > .ps__scrollbar-y-rail:active
  > .ps__scrollbar-y {
  width: 6px !important;
}
.teams_heading {
  color: #2d333d;
  font-weight: 600;
  padding-left: 2px;
}
.teams_heading:focus {
  outline: 0;
}
.caret_icon > i {
  color: #8c93a1;
  margin-right: 0;
  font-size: 11px;
  top: -1px;
  position: relative;
}
.list_have_child_span.teams_level > .caret_icon > i {
  color: #8c93a1;
  font-size: 14px;
  position: relative;
  top: 0;
}
.list_have_child_span.teams_level {
  opacity: 1;
}
.tree-node-inner-back:hover .list_have_child_span.teams_level {
  opacity: 1;
}
.innertTextContent.teams_folder {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}
.tree-node-inner-back .list_have_child_span.teams_level {
  padding-right: 2px;
  padding-left: 2px;
}
.tree-node-inner-back[style="margin-bottom: 10px; padding-left: 16px;"] {
  padding-left: 10px !important;
  padding-right: 0;
}
.tree-node-inner-back[style="margin-bottom: 10px; padding-left: 32px;"] {
  padding-left: 21px !important;
  padding-right: 3px !important;
  border-left: 2px solid transparent;
}
.tree-node-inner-back[style="margin-bottom: 10px; padding-left: 32px;"]
  .has_no_sub_list {
  padding-left: 7px;
}
.tree-node-inner-back[style="margin-bottom: 10px; padding-left: 48px;"] {
  padding-left: 68px !important;
}
.project_level_dropdown {
  opacity: 0;
  right: 0;
  position: absolute;
  width: 30px;
}
.tree-node-inner-back:hover .project_level_dropdown {
  background-color: transparent !important;
}
.tree-node.active > .tree-node-inner-back .project_level_dropdown {
  background-color: #d8e3f3;
}
.innertTextContent.teams_bundle {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  max-width: 65%;
  border: 1px solid transparent;
  padding-left: 4px;
  padding-right: 5px;
  margin-left: -5px;
}
.scroll-area-left-sidebar-four-column .ps__scrollbar-y {
  right: 0 !important;
  width: 4px !important;
}
.scroll-area-left-sidebar-four-column .ps > .ps__scrollbar-y-rail {
  width: 6px !important;
}
.sidebar_trash_area:hover > .trash_dropdown {
  opacity: 1 !important;
}
.trash_dropdown {
  opacity: 0;
  right: 3px;
  position: absolute;
  background-color: #f5f5f7;
  width: 30px;
}
.leftSidebarMainDiv button.ColorPickerCell {
  width: 15px;
  height: 15px;
  border: 0;
}
.leftSidebarMainDiv .dropdown-menu > li > a.heading-title {
  padding: 3px 10px 0 5px;
}
.project_treemenu_main_ctrl
  > div
  > .he-tree.tree
  > .tree-node
  > .tree-node-children
  > .tree-node
  > .tree-node-inner-back {
  border-top: 1px solid #dadce0;
  padding: 7px 10px 7px 12px;
}
.project_treemenu_main_ctrl
  > div
  > .he-tree.tree
  > .tree-node
  > .tree-node-children
  > .tree-node:first-child
  > .tree-node-inner-back {
  border: 0;
}
.tags_add_more_ctrl.rcl {
  margin-right: 10px;
}
.tag_section_in_left_sidebar .tags_add_more_ctrl.rcl {
  margin-right: 0;
}
.tags_add_more_dropdown.rcl i {
  font-size: 12px;
  color: #666;
  opacity: 1;
  display: block;
  padding: 2px;
  line-height: normal;
}
.tags_add_more_dropdown.rcl i:hover {
  opacity: 1;
}
.task_draggable_number.four_column_ui {
  display: inline-flex;
  margin: 0;
  opacity: 0;
  position: absolute;
  left: 5px;
  margin-top: 3px;
  cursor: move;
}
.project_treemenu_main_ctrl
  .tree-node-inner-back:hover
  .task_draggable_number.four_column_ui {
  opacity: 1;
}
.task_draggable_number svg {
  fill: #8e8e8e;
  width: 13px;
  height: 13px;
  opacity: 1;
}
.tree-node-inner-back:hover .task_draggable_number.rcl {
  opacity: 1;
}
.task_draggable_number.rcl {
  display: inline-flex;
  margin: 0;
  opacity: 0;
  position: absolute;
  left: 1px;
  top: 7px;
  z-index: 1;
}
.project_treemenu_main_ctrl
  > div
  > .he-tree.tree
  > .tree-node
  > .tree-node-children
  > .tree-node
  > .tree-node-inner-back
  .task_draggable_number.rcl {
  top: 11px;
  left: 1px;
}
.custom_capture_assigne_list .elem_circle {
  margin-right: 7px;
}
.custom_capture_assigne_list .tag_name {
  color: #333;
  font-size: 13px;
}
.mcd_search_box {
  padding: 8px 7px;
  border-bottom: 1px solid #d5d5d6;
  position: relative;
}
.mcd_search_box i {
  position: absolute;
  top: 18px;
  left: 15px;
  z-index: 9;
  font-size: 12px;
  color: #798292;
}
.mcd_search_box input {
  border: 1px solid #e5e6e7;
  width: 100%;
  position: relative;
  height: 28px;
  padding: 3px 8px 4px 28px;
  font-size: 13px;
  border-radius: 3px;
  font-weight: 400;
}
.rcl.preview_pane_right_header_ctrl .magic-dots i.assigned-search {
  position: absolute;
}
.selected-assigned-list .previous {
  display: flex;
  align-items: center;
  margin-left: 0;
  text-align: left;
}
.selected-assigned-list .assignee-list-row {
  display: flex;
  align-items: center;
}
.selected-assigned-list .previous i.fa-chevron-left {
  color: #676a6c;
  opacity: 0.5;
  transition: all 0.3s ease;
}
.selected-assigned-list .previous i.fa-chevron-left:hover {
  opacity: 1;
}
.selected-assigned-list .next i.fa-chevron-right:hover {
  opacity: 1;
}
.selected-assigned-list .next i.fa-chevron-right {
  color: #676a6c;
  opacity: 0.5;
  transition: all 0.3s ease;
}
.selected-assigned-list .next {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
.selected-assigned-list {
  display: flex;
  padding: 8px 8px 2px;
}
.selected-assigned-list span {
  width: 17px;
  height: 17px;
  font-size: 10px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 5px;
}
.selected-assigned-list span b {
  margin-top: -1px;
}
.rcl.preview_pane_right_header_ctrl .magic-dots .Label_heading_top {
  padding: 8px 7px;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #465369;
  opacity: 0.7;
  border-bottom: 1px solid #efefef;
}
.customise-hotlist {
  padding: 5px;
}
.customise-hotlist button {
  transition: background-color 0.25s;
  background-color: #0e9aef;
  width: 100%;
  padding: 5px;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.customise-hotlist button:hover {
  background-color: #0d8ddb;
}
.search_box_timer_innr_ctrl .mcd_search_box input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 24px;
  font-size: 12px;
}
.tree-node-inner-back.hover-drag {
  background: #0e9aef !important;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent !important;
}
.tree-node.active > .tree-node-inner-back.hover-drag {
  backgrund: #d8e3f3 !important;
}
.tree-node-inner-back.hover-drag:hover .project_level_dropdown,
.tree-node-inner-back.hover-drag:hover .task_draggable_number.rcl {
  display: none;
}
.draggable_clone_multiple .capture_thumb.screenshot {
  background: 0 0;
  border: none;
  text-align: center;
  margin-right: 0;
  width: auto;
  min-width: 30px;
  border-top-right-radius: 0;
}
.draggable_clone_multiple .capture_thumb.screenshot > i {
  font-size: 25px;
  margin-top: 8px;
  opacity: 0.6;
  color: #2680eb;
}
.draggable_clone_multiple .cp_task_name {
  font-weight: 600;
}
.draggable_clone_ul.list_ui .task_innr_common {
  padding: 7px;
}
.draggable_clone_ul.list_ui .task_number {
  display: none;
}
.draggable_clone_ul.list_ui .view_task_eye_ctrl {
  display: none;
}
.draggable_clone_ul.list_ui .task_assignee_data_placeholder,
.draggable_clone_ul.list_ui .task_created_at_data_placeholder,
.draggable_clone_ul.list_ui .task_project_data_placeholder {
  display: none;
}
.added_project .tree_sidebar_dot {
  top: 1px;
  font-size: 7px;
}
.by_tag_assignee_tree_ctrl .title-slide.rcl > h3 > i {
  color: #93999c;
  font-size: 12px;
  margin-right: 5px;
}
.by_tag_assignee_tree_ctrl .treeview-heading > h3 {
  padding-left: 0;
}
.treeview-heading.title-slide {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidebar_assignee_initial {
  display: inline-grid;
  font-size: 11px;
  font-weight: 600;
  border-radius: 100%;
  width: 17px;
  height: 17px;
  text-align: center;
  align-items: center;
  margin-left: 14px;
  margin-right: 5px;
}
.tag_icon_sidebar {
  margin-right: 3px;
  margin-left: 21px;
  top: -3px;
  position: relative;
}
.toggle_tree_sections
  .dropdown-menu
  li.ui-sortable-placeholder.ui-sortable-handle {
  background-color: #fff;
  background-color: #fff !important;
}
.toggle_tree_sections .dropdown-menu li.ui-sortable-helper div {
  background-color: #fff !important;
  box-shadow: none !important;
}
.toggle_tree_sections .dropdown-menu li.ui-sortable-helper {
  background-color: #fff !important;
  color: inherit !important;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.dropdown-menu.dropdown_option_with_tick > a {
  padding-right: 30px;
  padding-left: 8px;
  position: relative;
}
.dropdown-menu.dropdown_option_with_tick > a.active:before {
  font-family: "Font Awesome 5 Free";
  left: auto;
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  top: 7px;
  font-size: 12px;
}
.dropdown-menu.dropdown_option_with_tick .separator {
  border-bottom: 1px solid #e9e9eb;
  width: 100%;
  height: 1px;
  margin: 7px 0;
  display: inline-block;
}
.dropdown-menu .sort_label_text {
  width: 100%;
  padding: 6px 10px 7px 8px;
  color: #252222;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  opacity: 0.4;
}
.capture_label_ctrl {
  font-size: 14px;
  font-weight: 600;
}
.capture_label_preview_pane {
  color: #6b7587;
}
.capture_id {
  color: #0e9aef;
  font-weight: 600;
}
.rcl.preview_pane_header_ctrl {
  width: auto;
  display: inline-flex;
  align-items: center;
}
.preview_pane_right_header_ctrl
  .three_dots_dropdown_innr_main.magic-dropdown-main-list
  .common_innr_dropdown {
  right: 100%;
  left: inherit;
}
.rcl.preview_pane_right_header_ctrl {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.rcl.preview_pane_right_header_ctrl > div > i,
.rcl.preview_pane_right_header_ctrl > div > span {
  color: #676a6c;
  font-size: 13px;
  cursor: pointer;
}
ul.rcl.preview_pane_top_header_ctrl > li {
  display: flex;
}
.preview_pane_top_header_main {
  border-bottom: 0;
  border-top: 1px solid transparent;
  padding: 4px 10px;
  margin: 0;
  display: flex;
  align-items: center;
}
.vbD_bug_created_by {
  padding: 10px;
  display: flex;
  align-items: center;
  background-color: #f5f5f7;
  border-bottom: 1px solid #efefef;
}
.user_identity {
  width: 34px;
  height: 32px;
  color: #fff;
  font-size: 13px;
  line-height: 32px;
  align-items: center;
  text-align: center;
  font-weight: 600;
  border-radius: 100%;
  text-transform: uppercase;
}
.vbD_bug_created_by .user_identity {
  width: 39px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  margin-top: 0;
  font-weight: 400;
}
.comments_area .action-magic-dots {
  display: none;
  cursor: pointer;
}
.comments_area:hover .dropdown-menu {
  width: 100px;
}
.commented_innr_ctrl .action-magic-dots.show {
  opacity: 1;
}
.bug_creation_details {
  padding: 0;
  width: 100%;
}
.posted_by_label {
  color: #465369;
  font-weight: 600;
  font-size: 11px;
  opacity: 1;
}
.created_by_time_ctrl {
  display: flex;
  align-items: center;
}
.bug_created_by_name {
  color: #191919;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 55%;
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
}
.vbD_bug_created_by .bug_created_by_name {
  font-size: 14px;
}
.preview-pane_project_details {
  display: flex;
  margin: 7px 10px 12px;
}
.preview-pane_project_details > span {
  color: #465369;
  font-size: 14px;
  font-weight: 600;
}
.preview-pane_project_details .tagged_assets_folder {
  margin: 0 0 0 8px;
}
.preview-pane_project_details .added_project .remove_project {
  top: -6px;
  right: -4px;
}
.preview_pane_tabbed_panel {
  margin: 0 0 20px;
}
.preview_pane_Comments_and_activity span.dropicon i.fa-chevron-down {
  font-size: 11px;
  color: #3c4152;
  opacity: 0.7;
}
.preview_pane_Comments_and_activity span.dropicon {
  min-width: 15px;
  text-align: left;
  margin: 0;
}
.preview_pane_Comments_and_activity .section-title {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #dfe5f2;
  font-weight: 600;
  color: #262626;
  font-size: 14px;
  line-height: 29px;
}
.preview_pane_Comments_and_activity {
  position: relative;
  cursor: pointer;
  margin: 0 15px 0 15px;
  padding: 0;
  display: flex;
  align-items: center;
}
.preview_pane_tabbed_panel ul.nav {
  border-bottom: 1px solid #d5d5d6;
  width: 100% !important;
  display: inline-block;
}
.preview_pane_tabbed_panel ul.nav > li {
  border-bottom: 3px solid transparent;
  position: relative;
}
.preview_pane_tabbed_panel ul.nav > li:hover {
  border-bottom: 3px solid #0e9aef;
}
.preview_pane_tabbed_panel ul.nav > li > a {
  color: #465369;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.9;
  border: 0;
  padding: 10px 15px;
}
.preview_pane_tabbed_panel ul.nav > li > a:hover {
  border: 0 !important;
  background: 0 0;
}
.preview_pane_tabbed_panel ul.nav > li.active {
  border-bottom: 3px solid #0e9aef;
}
.preview_pane_tabbed_panel ul.nav > li.active > a {
  color: #0e9aef !important;
  border: 0 !important;
}
.preview_pane_tabbed_panel ul.nav > li > a > i {
  color: #465369;
  opacity: 0.7;
  margin-right: 8px;
}
.preview_pane_tabbed_panel ul.nav > li.active > a > i {
  color: #0e9aef;
}
.preview_pane_tabbed_panel .tab-content {
  padding: 10px;
}
.tab-content-innr {
  border: 1px solid #d5d5d638;
  background-color: #fafafa;
  padding: 10px;
  border-radius: 6px;
}
.preview_pane_tabbed_panel .tab-content-innr .row {
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  border: 0;
}
.preview_pane_tabbed_panel .tab-content-innr .row:last-child {
  margin: 0;
}
.preview_pane_tabbed_panel .tab-content-innr .row > .label {
  color: #465369;
  font-weight: 600;
  font-size: 13px;
  background: 0 0;
  min-width: 90px;
  display: inline-flex;
  padding: 0;
  opacity: 0.7;
}
.preview_pane_tabbed_panel .tab-content-innr .row > .data {
  color: #343434;
  word-break: break-all;
}
.preview_pane_tabbed_panel .tab-content-innr .row > .data > a {
  display: inline-block;
}
.comments_activity_ctrl {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 21px 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.comments_activity_ctrl.vbD_comments_activity_ctrl {
  padding: 0;
}
ul.pills_ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
ul.pills_ul > li {
  display: inline-block;
  background-color: #f2f2f2;
  cursor: pointer;
  padding: 4px 20px;
  border-radius: 15px;
  position: relative;
}
.vbD_comments_activity_ctrl ul.pills_ul > li {
  padding: 2px 7px;
  font-size: 13px;
}
ul.pills_ul > li.active {
  color: #2680eb !important;
  background-color: #2680eb1a;
}
.comment_activity_main_content_ctrl {
  height: 100% !important;
  padding-top: 0;
  min-height: 120px;
}
.inner-commentActivity-relative {
  position: relative;
  height: 100%;
  float: left;
  width: 100%;
}
.comments_list_ctrl {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 0;
}
.task-view-popover-vfix .comments_list_ctrl {
  width: 100% !important;
  max-height: 320px;
  overflow: auto;
  margin-top: 0;
  height: auto !important;
}
.user_identity {
  width: 23px;
  height: 23px;
  color: #fff;
  font-size: 10px;
  line-height: 22px;
  align-items: center;
  text-align: center;
  font-weight: 600;
  border-radius: 100%;
  text-transform: uppercase;
}
.user_identity {
  background-color: #0e9aef;
}
.commented_by .user_identity {
  display: inline-block;
}
.comment_area_right .bug_submittion_time {
  margin-right: 5px;
}
.comment_area_right .bug_created_by_name {
  margin-right: 0;
}
.vbD_comments_activity_ctrl .comments_innr_header {
  padding-left: 5px;
}
.comments_innr_header .dropdown-menu.dropdown-right {
  left: auto;
  right: -23px;
  top: 24px;
  position: absolute;
}
.comments_area .action-magic-dots .dropdown-menu {
  min-width: 100px;
}
.bug_created_by_name {
  color: #262626;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 55%;
  display: inline-block;
  box-sizing: border-box;
  font-size: 12px;
  margin-right: 10px;
}
.bug_submittion_time {
  color: #83898e;
  opacity: 0.76;
  font-size: 11px;
  font-weight: 600;
  min-width: 80px;
  text-align: right;
  margin-right: 5px;
  margin-left: 0;
}
.bug_submittion_time span {
  margin-right: 8px;
  color: #7b8595;
}
a.remove_activity_on_front i {
  color: #ff5263;
  font-size: 11px;
  opacity: 0.8;
}
.comments_area.comment_area_right {
  float: right;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
}
.comments_area.comment_area_right .commented_innr_ctrl {
  float: right;
  display: inline-block;
  width: 100%;
}
.comments_area.comment_area_right .bug_created_by_name {
  max-width: 55%;
}
.comments_area.comment_area_right a.remove_comment_on_front {
  margin-left: auto;
  display: inline-flex;
  color: #fd7482;
  font-size: 11px;
  width: 100%;
}
.attachment_name_download_section {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-left: 8px;
}
.attachment_name_download_section .comment-download-file {
  display: flex;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
}
.attachment_name_download_section .comment-download-file i {
  opacity: 0.5;
  transition: 0.5s;
  -ms-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.attachment_name_download_section .comment-download-file i:hover {
  opacity: 1;
}
.comments_area.comment_area_right.typing_box_in_comment {
  margin-bottom: 20px;
}
.comments_text {
  display: block;
  float: left;
  margin-left: 15px;
  background-color: #f0f0f0;
  padding: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: 0;
  max-width: 100%;
  box-sizing: border-box;
  word-break: break-all;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  position: relative;
  flex-direction: column;
}
.ocr_heading_label_text {
  font-size: 14px;
  color: #465369;
  font-weight: 600;
  display: inline-block;
}
.ocr_text_span_class {
  color: #343434;
  font-size: 13px;
  line-height: 24px;
  margin-top: 5px;
  display: inline-block;
}
.preview_pane_ocr_ctrl {
  padding: 0;
  display: inline-block;
  margin: 10px 0;
  width: 100%;
}
.preview_pane_tags_assignee_ctrl {
  display: inline-block;
}
.preview_pane_tags_assignee_ctrl .tags_assignee_in_preview_ctrl {
  display: flex;
  align-items: center;
  margin: 5px 0 5px 52px !important;
}
.preview_pane_tags_assignee_ctrl .tags_assignee_in_preview_ctrl:last-child {
  margin: 0;
}
.tags_assignee_in_preview_ctrl > span {
  color: #465369;
  font-size: 14px;
  font-weight: 600;
  min-width: 65px;
}
.tags_assignee_in_preview_ctrl .tagged_assets_tags {
  margin-left: 0;
}
.tags_assignee_in_preview_ctrl .added_tags {
  font-size: 11px;
  padding: 0 8px 0 5px;
  margin-right: 5px;
}
.tags_assignee_in_preview_ctrl .added_tags_text {
  max-width: 120px;
}
.tags_assignee_in_preview_ctrl .more_items_tagged {
  padding: 3px 10px 4px 5px;
  font-size: 11px;
  top: -2px;
  position: relative;
  margin-left: -3px;
}
.tags_assignee_in_preview_ctrl
  .tagged_assets_assignee
  .cp_multiple_assignee
  .assignee_circle {
  width: 24px;
  height: 24px;
  margin-left: -5px;
  font-size: 12px;
}
.tags_assignee_in_preview_ctrl
  .cp_multiple_assignee
  .assignee_circle.more_assignee.inlist {
  background-color: #f0edf5;
  color: #465369;
  font-size: 12px;
  font-weight: 700;
  width: 25px;
  height: 24px;
}
.teams_folder + .project_list_item_count {
  display: none;
}
.grouped_by_section {
  border-top: 1px solid #d5d5d6;
  border-bottom: 1px solid #d5d5d6;
  background-color: #f5f5f7;
  padding: 4px 15px;
  display: flex;
  align-items: center;
  position: relative;
}
.grouped_by_section:hover {
  background-color: #e3edf7;
}
.grouped_by_section.active {
  background-color: #d8e3f3;
  outline: 0;
}
.chevron_ctrl > i {
  color: #3c4152;
  opacity: 0.7;
  font-size: 12px;
}
.grouped_by_label {
  color: #465369;
  font-weight: 600;
  overflow: hidden;
}
.group_label_text_limitter {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.grouped_by_section.active,
.grouped_by_section.active .chevron_ctrl > i {
  opacity: 1;
  color: #2680eb;
}
.grouped_by_section.active,
.grouped_by_section.active > .grouped_by_label {
  opacity: 1;
  color: #2680eb;
}
.items_inside {
  padding-left: 4px;
  font-size: 12px;
  color: #465369;
  font-weight: 600;
}
.chevron_ctrl {
  position: relative;
}
.chevron_ctrl:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  top: 0;
  right: 0;
}
.grouped_by_section .chevron_ctrl:before {
  content: "\f0d7";
}
.grouped_by_section.collapsed .chevron_ctrl:before {
  content: "\f0da";
}
.subtask_expand_collapse_ctrl .chevron_ctrl:before {
  content: "\f078";
}
.subtask_expand_collapse_ctrl.collapsed .chevron_ctrl:before {
  content: "\f054";
}
.tree-node.active
  > .tree-node-inner-back
  .innertTextContent.teams_bundle.editable_content {
  top: 0;
  position: relative;
  height: 20px;
  line-height: 18px;
  padding: 0 5px !important;
  margin: 0;
}
.draggable_clone_multiple .right-list-item-over,
.draggable_clone_ul .right-list-item-over {
  display: none !important;
}
.save_button_area {
  margin-left: auto;
  padding-left: 8px;
}
.save_button_area > button {
  width: auto !important;
  padding: 9px 6px !important;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 19px;
  background-color: #0e9aef !important;
  color: #fff !important;
  margin: 0 !important;
}
.capture_group_detail.is-dragover {
  position: relative;
}
.capture_group_detail.is-dragover ul.column_layout.task_listing > li {
  background-color: rgba(243, 247, 254, 0.5);
}
.capture_group_detail.is-dragover:before {
  position: absolute;
  border: 1px solid #2680eb;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 9;
}
.document_preview > i {
  color: rgba(255, 255, 255, 0.75);
  font-size: 24px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
  width: 27px;
  height: 26px;
  text-align: center;
}
.view_task_issue_screenshot {
  width: 100%;
  display: flex;
}
.document_preview {
  width: 100%;
  height: 100%;
  position: relative;
}
.folder_preview {
  width: 100%;
  height: 100%;
  position: relative;
}
.folder_preview > i {
  color: rgba(14, 154, 239, 0.41);
  font-size: 26px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
  width: 27px;
  height: 26px;
  text-align: center;
}
.audio_preview {
  width: 100%;
  text-align: center;
  align-items: center;
  position: relative;
}
.audio_preview audio {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border: 0;
}
.video_preview {
  width: 100%;
  position: relative;
  max-width: 330px;
}
.image_preview {
  width: 100%;
  position: relative;
  text-align: center;
}
.note_preview {
  color: #fff;
}
.merged_preview,
.note_preview {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
svg.merged_capture_icon,
svg.note_capture_icon {
  fill: #ffffff;
  width: 20px;
  height: 20px;
}
svg.merged_capture_icon *,
svg.note_capture_icon * {
  fill: #ffffff;
}
.magical_three_dropdown_open_folder > .tree-node-inner-back,
.magical_three_dropdown_open_project > .tree-node-inner-back,
.magical_three_dropdown_open_team > .tree-node-inner-back {
  background-color: #0e9aef;
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
.tree-node.open.magical_three_dropdown_open_folder
  .custom_lablel_orignal_name
  .three_dots_dropdown_div,
.tree-node.open.magical_three_dropdown_open_project
  .custom_lablel_orignal_name
  .three_dots_dropdown_div,
.tree-node.open.magical_three_dropdown_open_team
  .custom_lablel_orignal_name
  .three_dots_dropdown_div {
  background-color: #0e9aef;
}
.tree-node.active > .tree-node-inner-back .three_dots_dropdown_div,
.tree-node.active > .tree-node-inner-back:hover .three_dots_dropdown_div {
  background-color: transparent !important;
}
.views_widget_main_ctrl {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
}
.common_view_button {
  padding: 4px 10px;
  margin: 0 5px 0 0;
  border-radius: 4px;
  color: #343434;
  font-size: 14px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  cursor: pointer;
  height: 26px;
}
.common_view_button:hover {
  background-color: #f5f5f7;
  border: 1px solid #d5d5d66e;
}
.common_view_button.active {
  border: 1px solid #0e9aef;
  background-color: #0e9aef;
  color: #fff;
}
.common_view_button > svg {
  margin: 0 8px 0 0;
}
.icon_ctrl_list_view > svg {
  width: 16px;
  height: 14px;
}
.icon_ctrl_quad_panel_view > svg {
  width: 18px;
}
.icon_ctrl_list_view .b,
.icon_ctrl_list_view .c,
.icon_ctrl_list_view a {
  fill: #465369;
}
.icon_ctrl_list_view .b {
  opacity: 0.67;
}
.icon_ctrl_list_view .c {
  opacity: 0.48;
}
.icon_ctrl_three_panel_view .a,
.icon_ctrl_three_panel_view .b,
.icon_ctrl_three_panel_view .c {
  fill: #465369;
}
.icon_ctrl_three_panel_view .a {
  opacity: 0.44;
}
.icon_ctrl_three_panel_view .c {
  opacity: 0.76;
}
.icon_ctrl_quad_panel_view .a {
  fill: #465369;
  opacity: 0.61;
}
.icon_ctrl_quad_panel_view .b,
.icon_ctrl_quad_panel_view .c {
  fill: #465369;
}
.c {
  opacity: 0.58;
}
.common_view_button.active .a,
.common_view_button.active .b,
.common_view_button.active .c {
  fill: #ffffff;
  opacity: 1;
}
.view_setting_dropdown_ctrl {
  margin: 0 0 0 8px;
  display: none;
}
.common_view_button.active .view_setting_dropdown_ctrl {
  display: block;
}
.view_setting_dropdown_innr > i {
  color: #465369;
  opacity: 0.5;
  font-size: 12px;
}
.view_setting_dropdown_innr > i:hover {
  opacity: 1;
}
.dropdown.open .view_setting_dropdown_innr > i {
  opacity: 1;
}
.view_setting_dropdown_ctrl .dropdown-menu {
  left: 0;
  right: auto;
  margin-left: -10px;
  margin-top: 16px;
  min-width: 224px;
}
.view_setting_dropdown_ctrl .compact_ui {
  margin-left: auto;
}
.view_setting_dropdown_ctrl .compact_ui label {
  height: 9px;
  width: 27px;
}
.view_setting_dropdown_ctrl .compact_ui .unchecked .slider {
  background-color: #b7b7b7;
}
.view_setting_dropdown_ctrl .compact_ui .slider:before {
  border: 0 !important;
}
.view_setting_dropdown_ctrl .compact_ui input:checked + .slider:before {
  background-color: #0e9aef !important;
  border-color: #3a95c9;
  bottom: -2px;
  width: 14px;
  height: 14px;
  left: -8px;
}
.view_setting_dropdown_ctrl
  .ui-sortable
  .compact_ui
  .unchecked
  input
  + .slider:before {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  background-color: #5d5d5d !important;
  left: 0;
}
.view_setting_dropdown_ctrl .compact_ui .checked .slider {
  background-color: #93cff4;
}
.view_setting_dropdown_ctrl .compact_ui .checked .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(21px);
  background-color: #0e9aef !important;
  bottom: -2px;
  width: 14px;
  height: 14px;
  left: -8px;
}
.view_setting_dropdown_ctrl .compact_ui {
  margin-left: auto;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}
.vertical_bar_on_page ul.vertical_bar_ul {
  margin-top: 0;
  margin-left: 0;
  height: calc(100vh - 103px);
  border-left: 1px solid #dadce0;
  border-right: 1px solid #dadce0;
  border-bottom: 1px solid #dadce0;
  float: right;
}
.vertical_bar_on_page ul.vertical_bar_ul > li.active:before {
  left: -68px;
}
.capture_inbox_splitter_wrapper.four_column_ui .vue_splitter_wrapper {
  width: calc(100% - 50px);
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.preview_pane_is_opened {
  width: 100% !important;
}
.vertical_bar_on_page {
  margin: 0;
  width: 45px;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.list_view_wrapper {
  padding: 0;
}
.vue_splitter_pane.in_list_view {
  border: 1px solid #dadce0;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.menu_tree_settings_ctrl {
  display: inline-flex;
  cursor: pointer;
  margin-left: auto;
}
.timer_class_div.timer_in_list.start_timer_div > span {
  display: inline-flex;
  align-items: center;
}
.timer_class_div.timer_in_list i {
  font-size: 6px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  text-align: center;
  color: #717a89;
  border: 1px solid #c9d2e3;
  border-radius: 100%;
  line-height: 17px;
  text-align: center;
  margin: 0 10px 0 0;
}
.timer_class_div.timer_in_list i:hover {
  color: #fff;
}
.timer_class_div.timer_in_list.running_timer_class_div > i,
.timer_class_div.timer_in_list.stopped_timer_class_div > i {
  color: #ed4758;
}
.timer_class_div.timer_in_list.running_timer_class_div > i {
  border: 1px solid #ed4758;
}
.timer_class_div.timer_in_list.running_timer_class_div > i:hover {
  color: #fff;
  background-color: #ed4758;
}
.timer_class_div.timer_in_list.stopped_timer_class_div > i {
  color: #717a89;
}
.timer_ui_list_view .timer_class_div.timer_in_list > i {
  margin: 0;
  font-size: 8px;
  color: #0e9aef;
  opacity: 1;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  top: 0;
  position: relative;
  background-color: #f7f7f8;
  width: 18px;
  height: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  padding-left: 2px;
}
.timer_ui_list_view .timer_class_div.timer_in_list > i:hover {
  background-color: #0e9aef;
  color: #fff;
}
.preview_pane_right_header_ctrl
  .timer_ui_list_view
  .timer_class_div.timer_in_list
  > i:hover {
  background-color: #0e9aef;
  border: 0;
  color: #fff;
}
.preview_pane_right_header_ctrl
  .timer_ui_list_view
  .timer_class_div.timer_in_list
  > i {
  font-size: 6px;
}
.timer_ui_list_view .timer_class_div.timer_in_list > span > strong {
  margin: 0 0 0 5px;
}
.timer_class_div.timer_in_list.stopped_timer_class_div > i:hover {
  color: #fff;
  background-color: #000000ab;
}
.timer_class_div.timer_in_list.stopped_timer_class_div > span {
  color: #151b26;
  font-weight: 400;
  font-size: 11px;
}
.timer_class_div.timer_in_list.start_timer_div > span > strong {
  font-weight: 400;
  color: #151b26;
  font-size: 11px;
}
.timmer_in_running_state:after,
.timmer_in_running_state:before,
.timmer_not_in_running_state:after,
.timmer_not_in_running_state:before {
  bottom: 100%;
  left: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.timmer_in_running_state:before,
.timmer_not_in_running_state:before {
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: #d5d5d6;
  border-width: 9px;
  margin-left: -1px;
}
.timmer_in_running_state:after,
.timmer_not_in_running_state:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: 1px;
}
.timmer_in_running_state:after,
.timmer_in_running_state:before {
  left: 0;
  right: 0;
  margin: auto;
  display: none;
}
.timmer_not_in_running_state:after,
.timmer_not_in_running_state:before {
  left: 0;
  right: 0;
  margin: auto;
  display: none;
}
.list_layout .list-right-over-items .showDetailsBtn_InList,
.list_layout .list-right-over-items > div,
.list_layout .list-right-over-items > i {
  padding: 0 2px;
  margin: 0 3px !important;
  text-align: center;
}
.list_layout .list-right-over-items .showDetailsBtn_InList > i,
.list_layout .list-right-over-items > div,
.list_layout .list-right-over-items > i {
  padding: 0 2px;
  margin: 0 3px !important;
  text-align: center;
}
.list_layout .list-right-over-items .showDetailsBtn_InList > i,
.list_layout .list-right-over-items .three_dots_icon > i,
.list_layout .list-right-over-items > i {
  font-size: 12px;
  color: #465369;
  opacity: 0.6;
}
.list_layout .list-right-over-items .showDetailsBtn_InList > i {
  left: -2px;
  position: relative;
}
.list_layout .list-right-over-items .showDetailsBtn_InList > i:hover,
.list_layout .list-right-over-items > i:hover {
  opacity: 1;
}
.toggle_tree_menu {
  position: absolute;
  bottom: 8px;
  left: -20px;
  z-index: 100;
  border: 2px solid #ddd;
  width: 20px;
  height: 22px;
  border-radius: 4px;
  text-align: center;
  line-height: 15px;
  background-color: rgba(70, 83, 105, 0.6);
  cursor: pointer;
  -webkit-transition:
    background 0.2s ease-in-out,
    border 0.2s ease-in-out;
  -moz-transition:
    background 0.2s ease-in-out,
    border 0.2s ease-in-out;
  -ms-transition:
    background 0.2s ease-in-out,
    border 0.2s ease-in-out;
  -o-transition:
    background 0.2s ease-in-out,
    border 0.2s ease-in-out;
  color: #fff;
  box-shadow: 1px 0 5px #ddd !important;
  -webkit-box-shadow: 1px 0 5px #ddd !important;
  -moz-box-shadow: 1px 0 5px #ddd !important;
  -o-box-shadow: 1px 0 5px #ddd !important;
  -ms-box-shadow: 1px 0 5px #ddd !important;
}
.toggle_tree_menu > i {
  font-size: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.toggle_tree_menu:hover {
  background: #2680eb;
  border: 2px solid #2680eb;
  margin-left: 0;
}
.toggle_tree_menu:hover > i {
  color: #fff;
}
.toggle_tree_menu.active > i {
  color: #fff;
}
.toggle_tree_menu.active {
  background: #2680eb;
  left: -11px;
}
.four_column_sidebar[style*="display: none"] + .splitpanes__splitter {
  display: none;
}
.timesheet_button {
  background: #fff !important;
  border: 1px solid #ccc !important;
}
.user_timesheet_container {
  border: 1px solid #ccc;
  max-height: 250px;
  overflow: auto;
  border-bottom: unset;
  border-radius: 5px;
}
.timer_list_main_div {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
.timer_list_main_div div.inner_div {
  display: inline-flex;
}
.timer_list_main_div div.timer_count_div {
  border: 1px solid #ccc;
  text-align: center;
  padding-top: 2px;
  padding-right: 6px;
  padding-bottom: 2px;
  padding-left: 6px;
  margin-right: 3px;
  border-radius: 30px;
  float: right;
  margin: 7px;
}
.timer_list_main_div div.capture_name_div {
  width: 61%;
}
.timer_list_main_div div.start_stop_timer_div {
  width: 5%;
}
.timer_list_main_div div.start_stop_timer_div div.timer_class_div {
  margin: 0 !important;
}
.timer_list_main_div div.project_asssign_div {
  align-items: center;
  padding: 3px;
  border: 1px solid #d5d5d6;
  font-size: 11px;
  background-color: #f5f5f7;
  height: 20px;
  border-radius: 30px;
  margin: 8px 10px;
  padding: 1px 7px;
  min-width: fit-content;
}
.running_timer_user_time_sheet {
  display: inline-block;
  float: right;
  margin-top: -21px;
  margin-right: 35px;
}
.modal-mask {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}
.user_timesheet_date_filter {
  border: 1px solid #ccc;
  margin-bottom: 0;
  border-right: unset;
  width: 100%;
}
.user_timesheet_date_filter div.user_timesheet_date_filter_inner_div {
  display: inline-block;
  border-right: 1px solid #ccc;
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
  cursor: pointer;
}
.list_view_main_wrapper .list_pane {
  border-radius: 0;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  min-width: 1px;
  position: relative;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 40% !important;
}
.list_view_main_wrapper .list_pane + .splitpanes__splitter {
  width: 4px !important;
  background: #fff !important;
  border: 0 !important;
  height: calc(100% + 10px) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-bottom: 0;
  display: inline-flex;
}
.list_view_main_wrapper .list_view_detail_panel {
  transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition:
    transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 0;
  box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  -webkit-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  -moz-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  -ms-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  -o-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08) !important;
  z-index: 9;
}
.list_view_main_wrapper .horizontal-scroller {
  min-width: 840px;
}
.density_dropdown .four_column {
  height: 24px;
}
.density_dropdown .dropdown-menu {
  margin-left: 20px !important;
  left: auto;
  margin-right: -13px !important;
}
ul.captures_data_ctrl.short_density > li .task_innr_common,
ul.captures_data_ctrl.short_density > li .task_name_data_placeholder {
  height: 35px;
}
ul.captures_data_ctrl.medium_density > li .task_innr_common,
ul.captures_data_ctrl.medium_density > li .task_name_data_placeholder {
  height: 55px;
}
ul.captures_data_ctrl.tall_density > li .task_innr_common,
ul.captures_data_ctrl.tall_density > li .task_name_data_placeholder {
  height: 88px;
}
ul.captures_data_ctrl.extra-tall_density > li .task_innr_common,
ul.captures_data_ctrl.extra-tall_density > li .task_name_data_placeholder {
  height: 100px;
}
.gray_theme_sidebar .sidebar_bottom_list {
  bottom: 46px;
}
.grouped_by_section.grouped_by_folder_bundle {
  background: 0 0;
  border: 0;
  padding: 4px 10px;
  border-top: 1px solid #e9e9eb;
  border-bottom: 1px solid #e9e9eb;
  height: 35px;
  background-color: #f8f8f8;
}
.grouped_by_section.grouped_by_folder_bundle:hover {
  background-color: #f8f8f8;
}
.grouped_by_section.grouped_by_folder_bundle .chevron_ctrl:before {
  font-size: 11px;
  color: #787f82;
}
.subtask_expand_collapse_ctrl .chevron_ctrl:before {
  font-size: 12px;
  color: #787f82;
}
.grouped_by_section.grouped_by_folder_bundle .grouped_by_label {
  margin: 0;
  width: 100%;
}
.bundle_folder_pill {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
}
.bundle_folder_pill:after {
  background-color: #fff;
  content: "";
  position: absolute;
  top: 10px;
  right: -6px;
  width: 6px;
  height: 1px;
}
.grouped_by_section.grouped_by_folder_bundle .group_label_text_limitter {
  font-weight: 600;
  font-size: 12px;
  color: #151b26;
  line-height: 21px;
  height: 21px;
}
.grouped_by_section.grouped_by_folder_bundle .items_inside {
  color: #000;
  font-weight: 700;
}
.grouped_by_section.grouped_by_folder_bundle .grouped_by_label:after {
  width: 100%;
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
  height: 1px;
  background-color: #dadce0;
  width: 100%;
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle .chevron_ctrl {
  margin: 0;
  width: 8px;
  display: flex;
}
.bundle_folder_pill > i {
  margin: 0 4px 0 0;
  color: #ffc64d;
}
.airtable_ui .toggle-chevron.no-arrow:before {
  display: none;
}
.toggle-chevron.no-arrow:before {
  display: none;
}
.airtable_ui .equal_spacing {
  padding: 2px 7px !important;
}
.airtable_ui .dropdown-menu .sort_label_text {
  opacity: 0.6;
}
.airtable_ui a.search-form-tigger {
  color: #4d4d4d;
}
.airtable_ui .sorting_dropdown .sorted_by {
  margin-left: 3px;
}
.airtable_ui .toggle-chevron.with_label.airtable {
  display: flex;
}
.airtable_ui .toggle-chevron.with_label.airtable svg {
  display: inline-flex;
  width: 15px;
  height: 18px;
  margin-right: 3px;
}
.airtable_ui.filter_wrapper > .four_column_view_dropdown,
.airtable_ui.filter_wrapper > .sidebar_search {
  margin: 0 0 0 5px;
}
.airtable_ui .four_column_view_dropdown .dropdown .filter-search-wrapper {
  margin-left: 0;
}
.root_labels {
  margin-left: 5px;
}
.toggle_folder_in_list {
  display: flex;
  align-items: center;
  color: #4d4d4d;
  margin-top: 0;
  padding: 0 !important;
  margin-left: 5px;
}
.capture_inbox_heading
  .inbox_heading_innr_right
  .settings.toggle_folder_in_list:hover {
  border-radius: 0;
  background: 0 0 !important;
  cursor: auto;
}
.toggle_folder_in_list .compact_ui {
  display: inline-flex;
  margin: 1px 0 0 6px;
}
.vue_splitter_wrapper .vue_splitter_pane.app_all_captures,
.vue_splitter_wrapper .vue_splitter_pane.capture_selected_list {
  border-right: 2px solid #dadce0;
}
.vue_splitter_wrapper .vue_splitter_pane.capture_selected_list {
  border-radius: 0;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  position: relative;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 40% !important;
}
.vue_splitter_wrapper.table_view_main_wrapper
  .vue_splitter_pane.capture_selected_list {
  border-top-left-radius: 6px;
}
.vue_splitter_wrapper.table_view_main_wrapper.preview_pane_is_opened
  .vue_splitter_pane.capture_selected_list {
  border-top-right-radius: 6px;
}
.list_view_without_preview_panel
  .list_view_main_wrapper
  .list_pane.in_list_view
  + .splitpanes__splitter {
  display: none;
}
.timer_ctrl_details_pane {
  padding: 10px;
}
.display_timer_ui {
  display: flex;
  align-items: center;
}
.timer_ctrl_details_pane .time_tracked {
  color: #151b26;
  font-weight: 600;
  margin-right: 8px;
}
button.start_timer,
button.timer_paused,
button.timer_started {
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  height: 25px;
}
button.start_timer {
  background-color: #f5f5f7;
  display: inline-flex;
  align-items: center;
  color: #151b26;
  padding: 2px 10px;
  border-radius: 2px;
  font-size: 13px;
  border: 1px solid #c9c9c9;
  opacity: 0.9;
}
button.start_timer > i {
  color: #000000ab;
  font-size: 8px;
  margin-right: 7px;
}
button.timer_started {
  padding: 2px 10px;
  display: inline-flex;
  align-items: center;
  background-color: #ed4758;
  color: #fff;
  opacity: 0.9;
  border: 1px solid #ed4758;
  border-radius: 2px;
}
button.timer_started > i {
  font-size: 8px;
  margin-right: 6px;
}
button.timer_paused {
  color: #fff;
  background-color: orange;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  opacity: 0.9;
  border-radius: 2px;
}
button.timer_paused > i {
  color: #fff;
  font-size: 8px;
  margin-right: 8px;
}
button.start_timer:hover,
button.timer_paused:hover,
button.timer_started:hover {
  opacity: 1;
}
button.start_timer:hover {
  opacity: 1;
}
button.timer_started:hover {
  color: #fff;
  opacity: 1;
}
button.timer_paused:hover {
  color: #fff;
  opacity: 1;
}
.display_timer_ui .time_tracked {
  margin-right: 7px;
}
.display_timer_ui .dropdown.open .four_column {
  background: 0 0;
  border: 1px solid transparent;
}
.display_timer_ui .dropdown .four_column:hover {
  background: 0 0 !important;
  border: 1px solid transparent;
}
.display_timer_ui .dropdown.open .dropdown-menu {
  margin-right: 0 !important;
}
.display_timer_ui .toggle-chevron > i {
  color: #465369;
  opacity: 0.7;
}
.display_timer_ui .toggle-chevron > i:hover {
  opacity: 1;
}
.display_timer_ui .dropdown.open .toggle-chevron > i {
  opacity: 1;
}
.grouped_by_section.grouped_by_folder_bundle > .task_draggable_number {
  margin: 0 3px 0 0;
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle:hover > .task_draggable_number {
  opacity: 1;
}
.grouped_by_section.grouped_by_folder_bundle .right-list-item-over {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  line-height: 32px;
  height: 33px;
  z-index: 9;
  padding: 0;
  opacity: 0;
}
.grouped_by_section.grouped_by_folder_bundle .right-list-item-over i {
  padding-right: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-left: 3px;
}
.grouped_by_section.grouped_by_folder_bundle .right-list-item-over {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  line-height: 32px;
  height: 33px;
  z-index: 9;
  padding: 0;
  opacity: 0;
}
.grouped_by_section.grouped_by_folder_bundle:hover
  .right-list-item-over
  .three_dots_dropdown_main {
  float: right;
}
.folder_bundle_comments_subtask_ctrl {
  display: flex;
  align-items: center;
  margin: 0 0 0 10px;
  margin: 0 0 0 10px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}
.comments_subcapture_for_folder {
  display: inline-flex;
  align-items: center;
  margin: 0 8px 0 0;
  opacity: 0.85;
}
.comments_subcapture_for_folder .associated_count {
  color: #151b26;
  opacity: 0.7;
  font-weight: 700;
}
.comments_subcapture_for_folder i,
.comments_subcapture_for_folder svg {
  margin: 0 0 0 6px;
  color: #151b26;
  font-size: 13px;
}
.comments_subcapture_for_folder svg {
  width: 14px;
  height: auto;
  fill: #151b26;
}
.comments_subcapture_for_folder.comment svg {
  width: 14px !important;
  height: auto;
}
.comments_subcapture_for_folder.subtask svg {
  width: 14px !important;
  height: 15px !important;
  top: -1px;
  position: relative;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li {
  padding-left: 26px;
}
.capture_thumb.screenshot.folder_capture {
  margin-right: 10px;
  align-items: center;
  background-color: #fff;
}
.capture_thumb.screenshot.folder_capture > i {
  color: #ffc64d;
  font-size: 20px;
  position: relative;
  margin: auto;
  left: 15px;
  top: 14px;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li {
  padding-left: 33px;
  border-top: 0;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li:hover {
  background: 0 0 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border-bottom: 1px solid #e9e9eb;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li:last-child
  .task_list_ctrl {
  border-bottom: 0;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl:hover {
  background-color: #f8f8f8 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li.active
  .task_list_ctrl:hover {
  background-color: #0e9aef !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li[data-class="multiple_selected"] {
  background: 0 0 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .task_list_ctrl {
  background: #0e9aef !important;
}
ul.column_layout
  li.inline_editing_active
  .task_name.editable_content
  + .folder_bundle_comments_subtask_ctrl {
  margin: 0 0 0 10px;
  position: relative;
  top: 1px;
}
ul.column_layout
  li.button_click_editing_active
  .task_name.editable_content
  + .folder_bundle_comments_subtask_ctrl {
  margin: 0 0 0 10px;
  top: 1px;
}
ul.column_layout .comments_subcapture_for_folder {
  display: inline-flex;
  align-items: center;
  margin: 0 8px 0 0;
  position: relative;
  font-size: 13px;
  opacity: 0.6;
}
ul.column_layout .comments_subcapture_for_folder .associated_count {
  color: #151b26;
  opacity: 0.7;
  font-weight: 700;
}
ul.column_layout .comments_subcapture_for_folder i {
  font-size: 12px;
}
ul.column_layout .comments_subcapture_for_folder svg {
  width: 12px;
}
ul.column_layout .folder_bundle_comments_subtask_ctrl {
  position: relative;
  top: 0;
  margin: 0 0 0 auto;
}
.column_layout.task_listing
  .button_click_editing_active
  .task_name.cp_task_name.editable_content {
  width: 80%;
}
.column_layout.task_listing
  .inline_editing_active
  .task_name.cp_task_name.editable_content {
  width: 80%;
}
.show_extra_details_on_hover {
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle.list-size_active {
  padding: 4px 10px;
  height: 36px;
}
.grouped_by_section.grouped_by_folder_bundle.list-size_active
  .capture_thumb.screenshot.folder_capture
  > i {
  font-size: 16px;
  left: 4px;
  top: 3px;
}
.grouped_by_section.grouped_by_folder_bundle.list-size_active
  .right-list-item-over {
  height: 35px;
  line-height: 30px;
  padding-right: 5px;
  padding-left: 2px;
}
ul.column_layout.task_listing.list-size_active .capture_thumb {
  width: 25px;
  min-width: 25px;
  height: 25px;
}
ul.column_layout.task_listing.list-size_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing.list-size_active .right-list-item-over {
  height: 35px;
  line-height: 30px;
  padding-right: 5px;
  padding-left: 5px;
}
ul.column_layout.task_listing > li.active .right-list-item-over {
  display: inline-block;
}
.show_extra_details_on_hover i {
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-size: 12px;
  margin-top: 8px;
  cursor: pointer;
}
.task_name.editable_content
  + .folder_bundle_comments_subtask_ctrl
  + .show_extra_details_on_hover
  i {
  margin-top: 3px;
}
.show_extra_details_on_hover i:hover {
  color: rgba(0, 0, 0, 0.5);
}
ul.column_layout.task_listing.list-size_active > li {
  height: 35px;
}
ul.column_layout.task_listing.list-size_active > li .task_list_ctrl {
  padding-top: 0;
  padding-bottom: 0;
  height: 36px;
}
ul.column_layout.task_listing.list-size_active .capture_thumb_details {
  box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 15px;
}
ul.column_layout.task_listing.list-size_active > li .task_name_other_assets {
  width: 99%;
}
ul.column_layout.task_listing.list-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  height: 27px;
  line-height: 24px;
  width: 100%;
  max-width: 100%;
}
.three_panel_main_wrapper
  ul.column_layout.task_listing
  > li
  .task_in_edit_state.editable_content_ctrl {
  display: flex;
  align-items: center;
}
.three_panel_main_wrapper
  ul.column_layout.task_listing.list-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  max-width: 100%;
}
.quad_panel_main_wrapper
  ul.column_layout.task_listing.list-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  max-width: 76%;
}
.grouped_by_section.grouped_by_folder_bundle.medium-size_active
  .capture_thumb.screenshot.folder_capture
  > i {
  font-size: 16px;
  left: 4px;
  top: 3px;
}
.grouped_by_section.grouped_by_folder_bundle.medium-size_active
  .right-list-item-over {
  height: 35px;
  line-height: 35px;
}
ul.column_layout.task_listing.medium-size_active > li {
  height: 47px;
}
ul.column_layout.task_listing.medium-size_active > li .task_list_ctrl {
  padding-top: 0;
  padding-bottom: 0;
  height: 47px;
}
ul.column_layout.task_listing.medium-size_active .capture_thumb_details {
  width: 100%;
}
ul.column_layout.task_listing.medium-size_active > li .task_name_other_assets {
  width: 99%;
}
ul.column_layout.task_listing.medium-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  height: 27px;
  line-height: 25px;
  width: 100%;
  max-width: 100%;
  margin-left: 4px !important;
}
ul.column_layout.task_listing.medium-size_active .capture_thumb {
  width: 36px;
  min-width: 36px;
  height: 36px;
}
ul.column_layout.task_listing.medium-size_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing.medium-size_active .right-list-item-over {
  height: 35px;
  line-height: 35px;
}
.show_extra_details_on_hover i {
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-size: 12px;
  margin-top: 8px;
  cursor: pointer;
}
.task_name.editable_content
  + .folder_bundle_comments_subtask_ctrl
  + .show_extra_details_on_hover
  i {
  margin-top: 3px;
}
.show_extra_details_on_hover i:hover {
  color: rgba(0, 0, 0, 0.5);
}
.three_panel_main_wrapper
  ul.column_layout.task_listing.medium-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  max-width: 100%;
}
.quad_panel_main_wrapper
  ul.column_layout.task_listing.medium-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  max-width: 100%;
}
ul.column_layout.task_listing.thumbnail-medium_active {
  padding: 5px 15px;
}
ul.column_layout.task_listing.thumbnail-medium_active > li {
  padding: 10px !important;
  width: calc(100% / 3);
  display: inline-block;
}
.column_layout.task_listing.thumbnail-medium_active .task_draggable_number {
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-medium_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border: 0;
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-medium_active > li .task_list_ctrl {
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-medium_active .task_draggable_number {
  display: none;
}
ul.column_layout.task_listing.thumbnail-medium_active .capture_thumb {
  width: 100%;
  height: 102px;
  display: inline-block;
  margin: 0;
  background-color: #efefef;
}
ul.column_layout.task_listing.thumbnail-medium_active .capture_thumb_details {
  width: 100%;
  display: flex;
  float: left;
}
ul.column_layout.task_listing.thumbnail-medium_active .task_name_other_assets {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-medium_active .task_name {
  width: 100%;
  max-width: 100%;
}
.column_layout.task_listing.thumbnail-medium_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-medium_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing.thumbnail-medium_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-medium_active > li {
  padding: 10px !important;
  width: calc(100% / 3 - 10px);
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border: 1px solid transparent !important;
  border-radius: 8px;
  margin: 5px;
}
ul.column_layout.task_listing.thumbnail-medium_active > li:hover {
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-medium_active > li .task_list_ctrl {
  position: relative;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li
  .task_list_ctrl
  .right-list-item-over {
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: calc(100% - 4px);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  opacity: 0;
  border: 1px solid #2680eb;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all.2s ease-in-out;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li:hover
  .right-list-item-over {
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li
  .task_list_ctrl
  .right-list-item-over
  i {
  margin: 0 5px;
  color: #fff;
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li
  .task_list_ctrl
  .right-list-item-over
  > .three_dots_dropdown_main {
  padding: 0;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-medium_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.thumbnail-medium_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li.button_click_editing_active
  .task_name.cp_task_name.editable_content,
ul.column_layout.task_listing.thumbnail-medium_active
  > li.inline_editing_active
  .task_name.cp_task_name.editable_content {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-medium_active
  > li.button_click_editing_active
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-medium_active
  > li.inline_editing_active
  .task_name.cp_task_name {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
ul.column_layout.task_listing.thumbnail-large_active {
  padding: 5px 15px;
}
ul.column_layout.task_listing.thumbnail-large_active > li {
  padding: 10px !important;
  width: calc(100% / 3);
  display: inline-block;
}
.column_layout.task_listing.thumbnail-large_active .task_draggable_number {
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-large_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border: 0;
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-large_active > li .task_list_ctrl {
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-large_active .task_draggable_number {
  display: none;
}
ul.column_layout.task_listing.thumbnail-large_active .capture_thumb {
  width: 100%;
  height: 142px;
  display: inline-block;
  margin: 0;
  background-color: #efefef;
}
ul.column_layout.task_listing.thumbnail-large_active .capture_thumb_details {
  width: 100%;
  display: inline-flex;
  float: left;
}
ul.column_layout.task_listing.thumbnail-large_active .task_name_other_assets {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-large_active .task_name {
  width: 100%;
  max-width: 100%;
}
.column_layout.task_listing.thumbnail-large_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-large_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing.thumbnail-large_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-large_active > li {
  padding: 10px !important;
  width: calc(100% / 2 - 10px);
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border: 1px solid transparent !important;
  border-radius: 8px;
  margin: 5px;
}
ul.column_layout.task_listing.thumbnail-large_active > li:hover {
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-large_active > li .task_list_ctrl {
  position: relative;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li
  .task_list_ctrl
  .right-list-item-over {
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: calc(100% - 4px);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  opacity: 0;
  border: 1px solid #2680eb;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all.2s ease-in-out;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li:hover
  .right-list-item-over {
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li
  .task_list_ctrl
  .right-list-item-over
  i {
  margin: 0 5px;
  color: #fff;
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li
  .task_list_ctrl
  .right-list-item-over
  > .three_dots_dropdown_main {
  padding: 0;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-large_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
.column_layout.task_listing.thumbnail-large_active
  .button_click_editing_active
  .task_name.cp_task_name.editable_content {
  width: 100%;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.thumbnail-large_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li.button_click_editing_active
  .task_name.cp_task_name.editable_content,
ul.column_layout.task_listing.thumbnail-large_active
  > li.inline_editing_active
  .task_name.cp_task_name.editable_content {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-large_active
  > li.button_click_editing_active
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-large_active
  > li.inline_editing_active
  .task_name.cp_task_name {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
ul.column_layout.task_listing.thumbnail-small_active {
  padding: 5px 15px;
}
ul.column_layout.task_listing.thumbnail-small_active > li {
  padding: 10px !important;
  width: calc(100% / 3);
  display: inline-block;
}
.column_layout.task_listing.thumbnail-small_active .task_draggable_number {
  display: none;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-small_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl {
  border: 0;
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-small_active > li .task_list_ctrl {
  display: block;
  padding: 0;
}
ul.column_layout.task_listing.thumbnail-small_active .task_draggable_number {
  display: none;
}
ul.column_layout.task_listing.thumbnail-small_active .capture_thumb {
  width: 100%;
  height: 80px;
  display: inline-block;
  margin: 0;
  background-color: #efefef;
}
ul.column_layout.task_listing.thumbnail-small_active .capture_thumb_details {
  width: 100%;
  display: inline-flex;
  float: left;
}
ul.column_layout.task_listing.thumbnail-small_active .task_name_other_assets {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-small_active .task_name {
  width: 100%;
  max-width: 100%;
}
.column_layout.task_listing.thumbnail-small_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-small_active
  .capture_thumb_details_scond_row {
  display: none;
}
ul.column_layout.task_listing.thumbnail-small_active
  .folder_bundle_comments_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.thumbnail-small_active > li {
  padding: 10px !important;
  width: calc(100% / 5 - 10px);
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border-radius: 8px;
  margin: 5px;
}
ul.column_layout.task_listing.thumbnail-small_active > li:hover {
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-small_active > li .task_list_ctrl {
  position: relative;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li
  .task_list_ctrl
  .right-list-item-over {
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: calc(100% - 4px);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  opacity: 0;
  border: 1px solid #2680eb;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all.2s ease-in-out;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li:hover
  .right-list-item-over {
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li
  .task_list_ctrl
  .right-list-item-over
  i {
  margin: 0 5px;
  color: #fff;
  opacity: 1;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li
  .task_list_ctrl
  .right-list-item-over
  > .three_dots_dropdown_main {
  padding: 0;
}
.grouped_by_section.grouped_by_folder_bundle.thumbnail-small_active
  + ul.column_layout.task_listing
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.thumbnail-small_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li[data-class="multiple_selected"] {
  background: #e3edf7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li.button_click_editing_active
  .task_name.cp_task_name.editable_content,
ul.column_layout.task_listing.thumbnail-small_active
  > li.inline_editing_active
  .task_name.cp_task_name.editable_content {
  width: 100%;
}
ul.column_layout.task_listing.thumbnail-small_active
  > li.button_click_editing_active
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-small_active
  > li.inline_editing_active
  .task_name.cp_task_name {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.grouped_by_section.grouped_by_folder_bundle
  .folder_bundle_comments_subtask_ctrl {
  margin: 0 0 0 auto;
  position: relative;
  right: -5px;
  margin: 0 0 0 auto;
  position: relative;
  right: -3px;
}
.timer_history_ctrl
  .timesheet-popup.in_details_pane
  .user_timesheet_date_filter
  div.user_timesheet_date_filter_inner_div:hover {
  background-color: unset !important;
  border-bottom: unset !important;
}
.grouped_by_section.grouped_by_folder_bundle .capture_thumb.folder_capture {
  width: 30px;
  min-width: 30px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: 0 0 !important;
  border: 0;
}
.grouped_by_section.grouped_by_folder_bundle
  .capture_thumb.folder_capture
  .capture_count_in_folder {
  position: absolute !important;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 700;
  font-size: 10px;
  position: absolute;
  border-radius: 26px;
  text-align: center;
  padding: 0;
  width: 22px;
  height: 12px;
  bottom: 0;
  right: 0;
  margin: auto;
}
.grouped_by_section.grouped_by_folder_bundle .capture_thumb.folder_capture svg {
  width: 26px;
  height: auto;
}
.grouped_by_section.grouped_by_folder_bundle
  textarea.cp_task_name.editable_content {
  height: 28px;
  line-height: 25px;
  box-sizing: content-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.each_item_in_footer_list.folder {
  margin: 0 0 0 17px;
}
.each_item_in_footer_list.folder:after {
  left: -10px;
  right: auto;
}
.each_item_in_footer_list.folder > svg {
  width: 12px;
}
ul.column_layout.task_listing.list-size_active
  > li.inline_editing_active
  .timer_ui_list_view {
  margin: 0 0 0 8px;
}
.timer_ui_list_view .timer_class_div.timer_in_list {
  margin: 0;
}
ul.column_layout.task_listing.list-size_active
  > li.button_click_active
  .timer_ui_list_view,
ul.column_layout.task_listing.medium-size_active
  > li.button_click_active
  .timer_ui_list_view {
  margin: 0;
}
ul.column_layout.task_listing.list-size_active
  > li.inline_editing_active
  .timer_ui_list_view,
ul.column_layout.task_listing.medium-size_active
  > li.inline_editing_active
  .timer_ui_list_view {
  margin: 0 0 0 9px;
}
#page-wrapper.rcl_theme_wrapper {
  width: calc(100% - 0px) !important;
}
#email_sidebar.rcl_theme_sidebar {
  overflow: hidden;
  height: calc(100vh - 120px) !important;
  border-right: 0 !important;
}
.rcl_email_container .mail-content-w12.rcl_theme_preview_pane {
  width: calc(100% - 238px);
  float: left;
  padding: 0;
}
.edit_judgment_ctrl2.dashboard-mojo.rcl_dashboard {
  padding: 0;
}
.rcl_dashboard #stystem-usage .border-spacing > .row {
  border: 1px solid #dadce0;
  box-shadow: none;
  border-radius: 0 !important;
  margin: 0;
}
.rcl_theme_sideMenu_bottom_links {
  bottom: 0;
}
.rcl_email_container {
  display: flex;
  padding: 10px;
  width: 100%;
}
.email-wrapper-main.rcl_email-wrapper-main
  .breadcrumb-container-space
  .newadmin_breadcrumb {
  padding: 14px 10px !important;
}
.custom_page_wrapper.rcl_theme_wrapper .custom-search-wrapper {
  margin: 0;
}
.treeview_search_filter_ctrl.rcl_treeview_search_filter_ctrl {
  display: flex;
  align-items: center;
}
.rcl_theme_sidebar div#MainMenu .compose-email {
  margin: 0 0 0 auto;
}
.input_estimate_error {
  border: 1px solid red !important;
}
.rcl_theme_sidebar .sideMenu_bottom_links ul.bottom_links > li > a {
  padding: 8px 5px;
  height: 39px;
}
.capture_thumb i.fas.fa-video {
  width: 16px;
  height: 16px;
}
.capture_thumb i.fas.fa-microphone {
  width: 12px;
  height: 13px;
}
.toggle-chevron .Vicon {
  display: none;
}
.toggle-chevron.for_views svg {
  width: 12px !important;
  height: 13px !important;
  display: inline-flex !important;
  top: 1px;
  position: relative;
  fill: #4d4d4d;
}
.capture_thumb i.fas.fa-tasks {
  width: 15px;
  height: 15px;
}
.capture_thumb i.fas.fa-sticky-note {
  width: 12px;
  height: 15px;
}
.dropdown-menu .ul_colorPallete {
  display: none;
}
.dropdown-menu .showColorPallete:hover .ul_colorPallete {
  display: block;
}
.quad_panel_main_wrapper
  ul.column_layout.task_listing.list-size_active
  > li
  .task_name.cp_task_name,
.quad_panel_main_wrapper
  ul.column_layout.task_listing.medium-size_active
  > li
  .task_name.cp_task_name {
  max-width: 42%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.task_name_list_placeholder {
  width: 55%;
  min-width: 55%;
  padding-left: 15px !important;
}
.task_assignee_list_placeholder,
.task_created_list_placeholder,
.task_project_list_placeholder {
  width: 100%;
}
.task_name_data_placeholder {
  width: 55% !important;
  min-width: 55%;
}
.task_assignee_data_placeholder,
.task_created_at_data_placeholder,
.task_project_data_placeholder {
  width: 100% !important;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.three_panel_main_wrapper
  ul.column_layout.task_listing.snippet-size_active
  .timer_ui_list_view,
.three_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  .timer_ui_list_view,
.three_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  .timer_ui_list_view,
.three_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  .timer_ui_list_view {
  display: none;
}
.quad_panel_main_wrapper
  ul.column_layout.task_listing.snippet-size_active
  .timer_ui_list_view,
.quad_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  .timer_ui_list_view,
.quad_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  .timer_ui_list_view,
.quad_panel_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  .timer_ui_list_view {
  display: none;
}
.list_view_main_wrapper
  ul.captures_data_ctrl
  > li.button_click_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view,
.list_view_main_wrapper
  ul.captures_data_ctrl
  > li.inline_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view {
  margin-left: 9px;
}
.list_view_main_wrapper
  ul.captures_data_ctrl
  > li.inline_editing_active
  .timer_ui_list_view {
  margin-left: 9px;
}
.split_list_view_main_wrapper
  ul.captures_data_ctrl
  > li.inline_editing_active
  .timer_ui_list_view {
  margin-left: 9px;
}
.split_list_view_main_wrapper
  ul.captures_data_ctrl
  > li.button_click_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view {
  margin-left: 9px;
}
.split_list_view_main_wrapper
  ul.captures_data_ctrl
  > li.inline_editing_active
  textarea.cp_task_name.editable_content
  + .timer_ui_list_view {
  margin-left: 9px;
}
.list_view_with_preview_panel
  .list_view_main_wrapper
  ul.captures_data_ctrl.list_layout
  > li
  textarea.cp_task_name.editable_content {
  width: 41%;
  max-width: 100%;
  height: 27px;
  line-height: 24px;
}
.list_view_without_preview_panel
  .list_view_main_wrapper
  ul.captures_data_ctrl.list_layout
  > li
  textarea.cp_task_name.editable_content {
  width: 100%;
  max-width: 100%;
  height: 27px;
  line-height: 24px;
}
.split_list_view_main_wrapper
  ul.captures_data_ctrl.list_layout
  > li
  textarea.cp_task_name.editable_content {
  width: 41%;
  max-width: 100%;
  height: 27px;
  line-height: 24px;
}
.three_panel_main_wrapper
  ul.column_layout.list-size_active
  > li.button_click_editing_active
  .task_in_edit_state.editable_content_ctrl
  + .timer_ui_list_view {
  margin-left: 9px;
}
.three_panel_main_wrapper
  ul.column_layout.medium-size_active
  > li.button_click_editing_active
  .task_in_edit_state.editable_content_ctrl
  + .timer_ui_list_view {
  margin-left: 9px;
}
.quad_panel_main_wrapper
  ul.column_layout.list-size_active
  > li.button_click_editing_active
  .task_in_edit_state.editable_content_ctrl
  + .timer_ui_list_view {
  margin-left: 9px;
}
.quad_panel_main_wrapper
  ul.column_layout.medium-size_active
  > li.button_click_editing_active
  .task_in_edit_state.editable_content_ctrl
  + .timer_ui_list_view {
  margin-left: 9px;
}
.list_view_with_preview_panel
  .list_view_main_wrapper
  ul.captures_data_ctrl
  .showDetailsBtn_InList {
  display: none;
}
.capture_timer_heading_div {
  border-bottom: 1px solid #dadce0;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.capture_timer_heading_div .capture_timer_heading {
  display: inline-flex;
  color: #585858;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
}
.capture_timer_heading > i {
  color: #585858;
  font-size: 13px;
  padding-right: 6px;
}
.total_time_spent_block {
  display: inline-flex;
  margin: 0 0 0 auto;
  align-items: center;
  font-size: 11px;
  color: #151b26;
  opacity: 0.7;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 2px;
  cursor: pointer;
  line-height: 13px;
  -webkit-transition: all 0.1s linear;
}
.total_time_spent_block span {
  color: #ed4758;
  font-weight: 700;
}
.add_time_entries_button > i {
  font-size: 10px;
  padding-right: 4px;
}
.capture_timer_heading_div .total_time_entries_span {
  display: inline-flex;
  color: #2680eb;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  border-radius: 3px;
  margin-right: 5px;
}
.capture_timer_heading_div .total_time_entries_span > span {
  padding-left: 0;
}
.time_entries_timer_count {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  justify-content: flex-end;
  flex-flow: row;
  align-content: flex-end;
  flex: 0 1 auto;
  -webkit-box-align: center;
  -webkit-box-pack: end;
}
.time_entries_timer_count .play_icon_ctrl_in_widget {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.time_entries_timer_count i {
  font-size: 9px;
  color: #0e9aef;
  opacity: 1;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  top: 0;
  position: relative;
  background-color: #f7f7f8;
  border: 1px solid #eeeef0;
  width: 17px;
  height: 17px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  vertical-align: middle;
}
.time_entries_timer_count i:hover {
  opacity: 1;
  color: #fff;
  background-color: #0e9aef;
  border: 1px solid #0e9aef;
}
.compact_ui.dynamic_toggle_button .switch.checked .slider {
  background-color: #93cff4 !important;
}
.compact_ui.dynamic_toggle_button .switch.checked .slider:before {
  -webkit-transform: translateX(13px);
  -moz-transform: translateX(13px);
  -ms-transform: translateX(13px);
  -o-transform: translateX(13px);
  transform: translateX(13px);
  background-color: #0e9aef !important;
}
.compact_ui.dynamic_toggle_button .switch.unchecked .slider {
  background-color: #b7b7b7 !important;
}
.compact_ui.dynamic_toggle_button .switch.unchecked .slider:before {
  background-color: #5d5d5d !important;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.folder_toggle_ui {
  display: inline-flex;
}
.full_screen_class_main_div {
  padding: 0 !important;
  margin: 0 !important;
  transform: unset !important;
  top: 0 !important;
  left: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.full_screen_class_main_div .capture_list_toggle_button {
  background-color: #fff;
  padding: 0;
  align-items: center;
  display: inline-flex;
  width: 160px;
  cursor: pointer;
}
.full_screen_class_main_div .capture_list_toggle_button .text_label {
  color: #465369;
  font-size: 13px;
  font-weight: 600;
  padding: 0 0 0 5px;
}
.full_screen_class_main_div .capture_list_toggle_button > i {
  color: #676a6c;
  font-size: 14px;
  cursor: pointer;
  padding: 5px;
  margin: 0 0 0 12px;
}
.full_screen_class_main_div .leftSidebar_in_modal_main_ctrl {
  width: 280px;
  left: -280px;
  transition: left 0.2s ease-in-out;
  -webkit-transition: left 0.2s ease-in-out;
  top: 39px;
  position: absolute;
  z-index: 9999;
  border-radius: 0;
  -moz-transition: left 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  margin: 0;
  height: auto;
  padding-bottom: 5px;
}
.full_screen_class_main_div .leftSidebar_in_modal_main_ctrl.active {
  left: 0;
}
.full_screen_class_main_div .popup_toobar_panel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.full_screen_class_main_div .capture_list_toggle_button.active > i {
  color: #0e9aef;
}
.full_screen_class_main_div .capture_list_toggle_button.active .text_label {
  color: #0e9aef;
}
.content-RC-fullScreen-modal.full_screen_class_main_div + .overlay {
  background: #f7f7f7;
}
.content-RC-fullScreen-modal.full_screen_class_main_div
  .editToolbar-RC-fullScreen {
  margin: 0;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 2px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  background-color: #fff;
  z-index: 9999;
  position: relative;
}
.full_screen_class_main_div .draw_popup_toolbar_ctrl {
  border: 0 !important;
}
.full_screen_class_main_div .topbar_firsthalf {
  border: 0;
}
.full_screen_class_main_div .leftSidebar_in_modal_main_ctrl.active:after {
  display: none;
}
.full_screen_class_main_div .capture_list_toggle_button .text_label {
  color: #465369;
  opacity: 0.9;
  font-size: 13px;
  font-weight: 600;
}
.full_screen_class_main_div .save_button_area {
  display: flex;
  align-items: center;
}
.full_screen_class_main_div .save_button_area > button {
  padding: 4px 5px !important;
}
.full_screen_class_main_div .breadcrumb-wrapped.in_modal {
  padding: 8px 10px;
  border-bottom: 1px solid #dadce0;
  margin: 0 0 8px;
}
.full_screen_class_main_div .breadcrumb-wrapped.in_modal .folder-breadcrumb {
  width: auto;
  display: flex;
  align-items: center;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .folder-breadcrumb
  > li {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 0 4px 0 0;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .folder-breadcrumb
  > li
  > span {
  display: inline-flex;
  align-items: center;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .folder-breadcrumb
  > li
  .current_folder {
  max-width: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}
.full_screen_class_main_div .breadcrumb_dropdown_innr_ctrl {
  margin: 0;
  width: auto;
  padding: 0 4px;
}
.full_screen_class_main_div .breadcrumb_dropdown_innr_ctrl > i {
  top: 1px;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .dropdown-menu.dropdown-left {
  right: 0;
  left: auto;
  margin-top: 10px;
}
.full_screen_class_main_div
  .breadcrumb-wrapped.in_modal
  .dropdown.breadcrumb_dropdown_ctrl {
  cursor: pointer;
}
.full_screen_class_main_div .details_ui_in_modal {
  position: absolute;
  top: 39px;
  right: 0;
  margin: 0;
  width: 400px;
  z-index: 999;
  border-radius: 0;
  transition: right 0.2s ease-in-out;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  -ms-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  height: auto;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  position: relative;
  margin: 0;
  width: 400px;
  border-radius: 0;
  transition: right 0.2s ease-in-out;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  -ms-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  height: auto;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.viewDetailsPane_in_fullscreen_modal .vertical_bar_icon {
  padding: 2px 9px;
  font-size: 13px;
  font-weight: 400;
  color: #465369;
  height: 29px;
}
.viewDetailsPane_in_fullscreen_modal.active .vertical_bar_icon {
  color: #fff;
  background-color: #0e9aef;
  font-weight: 600;
}
.full_screen_class_main_div ul.vertical_bar_ul > li.active:before {
  display: none;
}
.full_screen_class_main_div ul.vertical_bar_ul {
  margin: 0;
  border-radius: 0;
}
.vertical_bar_with_details.full_screen {
  position: absolute;
  margin: 0;
  right: 0;
  width: 470px;
  z-index: 9;
  top: 40px;
  moz-transition: left 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border-bottom: 1px solid #dadce0;
}
.vertical_bar_with_details.full_screen .details_ui_in_modal {
  width: 400px;
  border-radius: 0;
  margin: 0;
}
.vertical_bar_with_details.full_screen
  .vertical_bar_fullscreen
  ul.vertical_bar_ul {
  height: calc(100vh - 41px);
  margin: 0;
  border-radius: 0;
}
.vertical_bar_with_details.full_screen ul.vertical_bar_ul > li.active:before {
  display: none;
}
.timer_popup_multiple_time_entries {
  border: 1px solid #d5d5d6;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  background-color: #fff;
  min-height: 50px;
  width: 450px;
  z-index: 999;
  margin-left: -40px;
}
ul.time_entried_ul_ctrl {
  padding: 0;
  background-color: #fff;
  border-top: 1px solid #dadce0;
}
ul.time_entried_ul_ctrl li.timer_entries_dropdown_li {
  border-bottom: 1px solid #e9e9eb;
  background-color: #fff;
  padding: 0 15px 0 25px;
  transition: background 0.1s linear;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  margin: 0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  height: 34px;
  border-left: 4px solid transparent;
}
#timer_entries_all_capture_div_id
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li {
  padding: 0 10px 0 0;
}
ul.time_entried_ul_ctrl > li.timer_entries_dropdown_li:hover {
  background-color: #f8f8f8;
}
.timer_popup_multiple_time_entries .timer_watch_counter {
  margin: 0 10px 0 3px;
  display: inline-flex;
}
.timer_watch_counter.regular_entry > svg {
  width: 12px;
  height: auto;
  fill: #a8aeb8;
}
.timer_popup_multiple_time_entries .timer_entries_text {
  color: #303b42;
  font-size: 13px;
  opacity: 1;
  font-weight: 400;
}
.timer_popup_multiple_time_entries .preview_loader > img {
  width: 68px;
}
.search_box_add_time_ctrl {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #e9e9eb;
}
.search_box_timer_innr_ctrl {
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.search_box_timer_innr_ctrl .mcd_search_box {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
}
.search_box_timer_innr_ctrl .mcd_search_box > i {
  top: 10px;
  left: 9px !important;
  opacity: 0.4;
  color: #939ba8;
  opacity: 0.82;
}
.search_box_timer_innr_ctrl .mcd_search_box input {
  border: 0;
  height: 30px;
  font-size: 13px;
  background-color: #edeeef;
  color: #465369;
}
.add_time_entries_button {
  width: auto;
  display: inline-flex;
  margin-left: 0;
}
.add_time_entries_button.in_main_widget {
  margin-left: 10px;
}
.add_time_entries_button > i {
  font-size: 14px;
  padding: 6px;
  color: #fff;
  opacity: 1;
  cursor: pointer;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  background: #0e9aef;
}
.add_time_entries_button > i:hover {
  opacity: 1;
}
.timer_watch_counter > i {
  opacity: 0.35;
  color: #151b26;
}
.timer_list_footer_bottom_info {
  display: flex;
  align-items: center;
  border-top: 1px solid #dadce0;
  padding: 6px 10px;
  background-color: #f5f5f7;
}
.timer_list_footer_bottom_info p {
  margin: 0;
  color: #7d8695;
  opacity: 1;
  font-size: 12px;
  font-weight: 600;
}
.timer_list_footer_bottom_info p span {
  padding: 0 2px;
  font-weight: 700;
  margin-left: 6px;
  opacity: 0.8;
}
.sub_time_entries {
  color: #303b42;
  font-size: 14px;
  margin-left: 6px;
  opacity: 1;
  display: inline-flex;
  justify-content: flex-end;
  vertical-align: middle;
}
.sub_time_entries_strting {
  color: #ed4758;
  font-size: 12px;
  margin-left: 8px;
}
ul.time_entried_ul_ctrl > li.timer_entries_dropdown_li.active {
  background: #f4f4f5;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .timer_watch_counter
  > i {
  color: #2680eb;
  opacity: 1;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .timer_entries_text {
  color: #465369;
  font-size: 14px;
  font-weight: 600;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .sub_time_entries {
  font-weight: 600;
  color: #303b42;
}
input.timer_entries_text_input {
  border: 1px solid #0e9aef;
  font-size: 12px;
  font-weight: 600;
  opacity: 0.9;
  color: #465369;
  padding: 0 5px;
  margin-left: 1px;
  background-color: #fff;
  width: 220px;
  border-radius: 2px;
  height: 28px;
}
.no_entries {
  text-align: center;
  padding: 10px;
  color: #151b26;
  opacity: 0.55;
  font-size: 13px;
  display: block;
}
.add_time_entries_button.add_time_entries_btn_lg {
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  left: 0;
  right: 0;
  font-weight: 600;
  cursor: pointer;
}
.add_time_entries_button.add_time_entries_btn_lg > i {
  margin-right: 5px;
}
.dropdown-menu.time_entry_magic_dropdown a > i {
  font-size: 10px;
}
.time_entry_option > i {
  padding: 0 3px;
  font-size: 10px;
  color: #151b26;
  opacity: 0.6;
  margin-left: 5px;
  cursor: pointer;
}
.time_entry_option > i:hover {
  opacity: 1;
}
.commented_innr_ctrl .time_entry_option > i {
  font-size: 14px;
  display: inline-flex;
  top: 2px;
  position: relative;
  margin: 0 0;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.commented_innr_ctrl .time_entry_option > i:hover {
  background-color: #edeff0;
}
.commented_innr_ctrl .time_entry_option > i.active {
  background-color: #edeff0;
  opacity: 1;
}
.move_left.time_entry_magic_dropdown_ctrl
  .dropdown-menu.time_entry_magic_dropdown {
  margin-top: -22px;
  margin-right: 20px;
}
.move_left.time_entry_magic_dropdown_ctrl
  .dropdown-menu.time_entry_magic_dropdown:before {
  transform: rotate(90deg);
  right: -15px;
  top: 7px;
  border-width: 7px;
}
.move_left.time_entry_magic_dropdown_ctrl
  .dropdown-menu.time_entry_magic_dropdown:after {
  transform: rotate(90deg);
  right: -12px;
  top: 8px;
  border-width: 6px;
}
.overflow_unset {
  overflow: hidden !important;
}
.show_more_data {
  display: inline-flex;
  margin: 0 0 0 auto;
  align-items: center;
  font-size: 12px;
  color: #798292;
  opacity: 1;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 2px;
  cursor: pointer;
  line-height: 13px;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.show_more_data > i {
  margin: 0 4px 0 0;
  font-size: 11px;
  color: #798292;
  top: 0;
  position: relative;
  opacity: 0.97;
}
.show_more_data:hover {
  color: #2680eb;
  opacity: 1;
}
.show_more_data:hover > i {
  color: #2680eb;
}
.timer_ui_list_view {
  cursor: pointer;
}
.timer_subtask_ctrl .timer_ui_list_view {
  margin: 0 3px 0 0;
  display: inline-flex;
  flex: none;
}
.master_entry {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 8px;
  background-color: #fff;
  border-bottom: 1px solid #e9e9eb;
  border-left: 4px solid transparent;
  border-top: 1px solid #e9e9eb;
}
.master_entry_text {
  color: #465369;
  font-size: 14px;
  opacity: 1;
  font-weight: 600;
  display: inline-flex;
}
.master_entry .add_time_entries_button {
  display: inline-flex;
  margin-left: auto;
}
.time_entries_ctrl ul.time_entried_ul_ctrl {
  border-top: 0;
  margin: 0;
}
.inner_sidebar {
  width: 58px;
  min-width: 58px;
  border: 1px solid #e2e7eb;
  border-radius: 0;
  background-color: #f5f6f7;
  height: calc(100vh - 58px);
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  padding: 7px 0;
  overflow: hidden;
}
ul.column_layout.task_listing > li.sub_capture.is-hoveringAbove:before {
  background-color: #273240;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 99;
  margin: 0 !important;
}
ul.column_layout.task_listing > li.sub_capture.is-hoveringBelow:after {
  background-color: #273240;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 99;
  margin: 0 !important;
}
ul.inner_sidebar_ctrl {
  height: 100%;
  justify-content: center;
  text-align: center;
  position: relative;
  transition: left 0.15s ease;
  -ms-transition: left 0.15s ease;
  -moz-transition: left 0.15s ease;
  -o-transition: left 0.15s ease;
  position: relative;
  -webkit-transition: left 0.15s ease;
}
ul.inner_sidebar_ctrl > li {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 4px;
  margin: 0 0 9px;
  cursor: pointer;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  transition: ease-in;
  -ms-transitionease: background 0.1s ease;
  -o-transition: background 0.1s ease;
  padding: 7px 6px;
  width: 30px;
  height: 30px;
  position: relative;
}
ul.inner_sidebar_ctrl > li:hover {
  background-color: #e6e6e6;
}
ul.inner_sidebar_ctrl > li > i {
  font-size: 15px;
  color: #333;
  opacity: 0.77;
  position: absolute;
  margin: auto;
}
ul.inner_sidebar_ctrl > li.active > i {
  color: #0e9aef;
  opacity: 0;
}
ul.inner_sidebar_ctrl > li > svg {
  width: 16px;
  height: auto;
  fill: #484d56;
  opacity: 1;
  position: absolute;
  margin: auto;
}
ul.inner_sidebar_ctrl > li.active > svg {
  fill: #fff;
  opacity: 1;
}
ul.inner_sidebar_ctrl > li.sideMenu_separator {
  height: 1px;
  border-radius: 0;
  padding: 0;
  background-color: #dadce0;
  border: 0;
  width: 100%;
  display: inherit;
}
ul.inner_sidebar_ctrl > li i.filled_icon {
  opacity: 0 !important;
}
ul.inner_sidebar_ctrl > li.active i.filled_icon {
  opacity: 1 !important;
  color: #fff;
}
ul.inner_sidebar_ctrl > li svg.filled_icon {
  opacity: 0;
}
ul.inner_sidebar_ctrl > li.active svg.filled_icon {
  opacity: 1 !important;
}
ul.inner_sidebar_ctrl > li svg.filled_icon {
  opacity: 0 !important;
}
ul.inner_sidebar_ctrl > li.active i.filled_icon,
ul.inner_sidebar_ctrl > li.active svg.filled_icon,
ul.inner_sidebar_ctrl > li.active svg.filled_icon * {
  color: #fff !important;
  fill: #ffffff !important;
}
.me_section_main_heading {
  padding: 4px 3px 4px 13px;
  display: flex;
  align-items: center;
  height: 34px;
  cursor: pointer;
}
.me_section_main_heading .me_section_main_heading_text {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
span.me_section_main_heading_text.sidebar_section_headings_text_limitter {
  width: auto;
  max-width: calc(100% - 24px);
}
.me_section_main_heading i {
  color: #8c93a1;
  font-size: 12px;
  margin-left: 7px;
  display: inline-flex;
  margin-top: 0;
  opacity: 0.7;
  position: relative;
  top: 1px;
  transition: ease all 0.3s;
}
.me_section_ctrl ul.capture_fixed_menu_ul > li {
  padding-left: 20px;
}
.me_section_ctrl ul.capture_fixed_menu_ul > li > .capture_menu_item {
  color: #465369;
  font-size: 14px;
}
.common_me_ul_li {
  align-items: center;
  margin: 12px 0 0;
}
.common_me_element_ctrl {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px 15px 4px 13px;
  cursor: pointer;
}
.common_me_element_ctrl > .chevron_ctrl {
  display: flex;
  align-items: center;
  min-width: 18px;
  justify-content: center;
  margin: 0;
}
.common_me_element_ctrl > .chevron_ctrl > i {
  color: #3c4152;
  font-size: 11px;
  margin-right: 7px;
}
.label_text_icon_ctrl {
  display: flex;
  align-items: center;
}
.label_text_icon_ctrl > i {
  color: #465369;
  font-size: 13px;
  margin: 0 6px 0 0;
}
.label_text_ctrl {
  color: #465369;
  font-weight: 400;
  font-size: 13px;
}
.captures_count {
  display: inline-flex;
  margin: 0 0 0 auto;
}
ul.common_me_element_ul > li {
  padding: 4px 15px 4px 20px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
ul.common_me_element_ul > li.active {
  background-color: #0e9aef !important;
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
ul.common_me_element_ul > li:hover {
  background-color: #e7e7ec;
}
ul.common_me_element_ul > li > i {
  margin-right: 6px;
  font-size: 12px;
  display: inline-flex;
  margin-top: 2px;
  min-width: 15px;
  color: #657185;
}
.me_ul_label_text {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  max-width: 76%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
}
ul.common_me_element_ul > li.active .me_ul_label_text {
  font-weight: 400;
}
.captures_count {
  display: inline-flex;
  margin: 0 0 0 auto;
  font-size: 12px;
  color: rgb(38 38 38 / 62%);
  font-weight: 500;
}
ul.common_me_element_ul > li.active .captures_count {
  color: #0c86d0;
  font-weight: 600;
}
.search_widget_inner_sidebar {
  background-color: #f5f5f7;
  width: 100%;
  height: 37px;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 6px;
}
.search_widget_inner_sidebar > span {
  cursor: pointer;
}
.search_widget_inner_sidebar i {
  color: #151b26;
  opacity: 0.6;
  font-size: 15px;
}
.search_widget_inner_sidebar > span.active > i {
  color: #0e9aef;
  opacity: 1;
}
.me_section_ctrl {
  border-bottom: 1px solid #d5d5d6;
  padding: 0;
  margin: 0 0 10px;
}
.label_text_icon_ctrl svg {
  color: #465369;
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
}
ul.common_me_element_ul > li .element_icn_ctrl {
  min-width: 18px;
}
ul.common_me_element_ul > li .element_icn_ctrl svg {
  width: 12px;
  height: auto;
}
.date_picker_timer_entries .cell {
  overflow: unset !important;
}
ul.common_me_element_ul > li .element_icn_ctrl i {
  font-size: 12px;
}
ul.inner_sidebar_ctrl > li {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 8px;
  margin: 5px 0;
  cursor: grab;
  transition: none;
  width: 34px;
  height: 34px;
  position: relative;
  padding: 0 0;
}
ul.inner_sidebar_ctrl > li.active {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 4px;
  margin: 5px 0;
  cursor: grab;
  transition: none;
  padding: 0;
  width: 34px;
  height: 34px;
  position: relative;
  padding: 0;
}
ul.inner_sidebar_ctrl > li.active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  background: #0e9aef;
  height: 100%;
  border-radius: 3px 0 0 3px;
}
ul.inner_sidebar_ctrl > li:hover .task_draggable_number {
  opacity: 1;
}
ul.inner_sidebar_ctrl > li .task_draggable_number {
  position: absolute;
  left: -12px;
  top: 0;
  opacity: 0;
  bottom: 0;
  right: auto;
  width: 16px;
  height: 12px;
  margin: auto;
  display: none;
}
ul.inner_sidebar_ctrl > li .task_draggable_number svg {
  color: #465369;
  opacity: 0.7;
  width: 14px;
  height: 14px;
}
.menu_item.animated_menu {
  position: absolute;
  right: -50px;
  top: 0;
  width: 50px;
  transition: right 0.2s ease;
  -webkit-transition: right 0.2s ease;
  -ms-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  -o-transition: right 0.2s ease;
}
.capture_main_inner_ctrl {
  display: inline-block;
  width: calc(100% - 150px);
  align-items: center;
  float: left;
  background-color: #fff;
}
.side_menu_action_buttons_ctrl {
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #fafafa;
  height: calc(100vh - 74px);
  width: 150px;
  float: left;
  border-right: 1px solid rgba(48, 59, 66, 0.25);
}
.user_capture_screenshot_ctrl {
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
ul.column_layout.app {
  overflow-x: auto;
  max-height: calc(100vh - 125px);
}
ul.column_layout.task_listing.thumbnail-small_active.app > li {
  width: 157px;
}
ul.column_layout.task_listing.thumbnail-small_active.app > li .capture_thumb {
  height: 90px;
}
ul.column_layout.task_listing.thumbnail-medium_active.app > li {
  width: 268px;
}
ul.column_layout.task_listing.thumbnail-medium_active.app > li .capture_thumb {
  height: 175px;
}
ul.column_layout.task_listing.thumbnail-large_active.app > li {
  width: 408px;
}
ul.column_layout.task_listing.thumbnail-large_active.app > li .capture_thumb {
  height: 280px;
}
.widget_top_main_header {
  height: 34px;
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid rgba(48, 59, 66, 0.25);
  z-index: 9;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.widget_top_main_header .logo {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}
.widget_top_main_header .logo > img {
  width: 17px;
  height: auto;
  margin: 0 10px 0 0;
  display: inline-flex;
}
ul.widget_sidebar_menu > li {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 15px 5px 12px;
  cursor: pointer;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}
ul.widget_sidebar_menu > li.active {
  background-color: #e6f5fe;
}
ul.widget_sidebar_menu > li:hover {
  background-color: #e6f5fe;
}
.ws_item_icn {
  margin: 0 6px 0 0;
  min-width: 20px;
}
.ws_item_icn img {
  width: 14px;
}
ul.widget_sidebar_menu > li .each_item_in_footer_list:after {
  display: none;
}
ul.widget_sidebar_menu {
  padding: 7px 0;
}
ul.widget_sidebar_menu > li.active:after {
  border-left: 4px solid #0e9aef;
  height: 100%;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.ws_item_text {
  color: #303b42;
  font-size: 14px;
}
ul.column_layout.task_listing.thumbnail-large_active.app,
ul.column_layout.task_listing.thumbnail-medium_active.app,
ul.column_layout.task_listing.thumbnail-small_active.app {
  text-align: center;
}
ul.column_layout.task_listing.thumbnail-large_active.app
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-medium_active.app
  .task_name.cp_task_name,
ul.column_layout.task_listing.thumbnail-small_active.app
  .task_name.cp_task_name {
  text-align: left;
}
.widget_footer {
  background-color: #303b42;
  width: 100%;
  height: 40px;
  display: inline-block;
}
.search_box_inner svg {
  color: #939ba8;
  width: 12px;
}
.search_box_inner {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% - 220px);
  height: 30px;
}
.search-wrapper .search-left button:focus {
  outline: 0;
}
.header_action_buttons .common_action_btn.active {
  background-color: #4a9fea;
  color: #fff;
}
ul.column_layout.task_listing.collapse.in.app.list-size_active > li {
  padding-left: 10px;
}
a.timer_icon_header {
  padding: 0;
  width: auto;
  height: auto;
  border-radius: 100%;
  text-align: center;
  justify-content: center;
  display: flex !important;
  margin: 0 8px;
}
a.timer_icon_header > i {
  color: #878d91;
  top: 5px;
  position: relative;
}
.timer_icon_header svg {
  fill: rgba(130, 136, 142, 1);
  display: inline-flex;
  margin-top: 3px;
}
.timer_icon_header:hover svg {
  fill: #465369;
}
.notification_ctrl_innr {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  position: relative;
}
.notification_ctrl_innr:hover > i {
  color: #fff;
  font-size: 16px;
}
.timer_entries_dropbox_outer_div .recent_added_capture_entry_main_div {
  border-left: 4px solid #cb3333;
  width: 100%;
  margin: 15px 4px 13px 0;
  box-shadow: 0 0 10px 2px #c1bfbf;
  -webkit-box-shadow: 0 0 10px 2px #c1bfbf;
  -moz-box-shadow: 0 0 10px 2px #c1bfbf;
  -ms-box-shadow: 0 0 10px 2px #c1bfbf;
  -o-box-shadow: 0 0 10px 2px #c1bfbf;
  border-radius: 0;
  background: #fff;
  z-index: 999;
  position: relative;
}
.recent_added_capture_title_input input {
  padding: 5px 40px 5px 10px;
  display: block;
  width: 100%;
  border-radius: 3px;
  background-color: #fff;
  color: rgba(70, 83, 105, 0.8);
  border: 1px solid #dadce0;
  position: relative;
}
.recent_added_capture_title_input .expand-popup-icon {
  position: absolute;
  right: 18px;
  top: 15px;
  width: 15px;
  color: #a8aeb8;
  z-index: 9;
  cursor: pointer;
}
.recent_added_capture_title_input input:focus {
  border: 1px solid #66afe9;
}
.recent_added_capture_title_input {
  border-bottom: 0;
  padding: 8px;
  position: relative;
}
.recent_added_capture_assignee_cancel_save_button_div {
  padding: 0 10px 8px;
}
.master_entry .add_time_entries_button {
  display: inline-flex;
  margin-left: 0;
  text-align: center;
  justify-content: center;
  border: 1px solid #eeeef0;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  position: relative;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  background-color: #f7f7f8;
  opacity: 0;
}
.master_entry .expand-popup-icon {
  position: relative;
  width: 13px;
  font-size: 11px;
  z-index: 9;
  right: 10px;
  opacity: 0;
  margin-top: 2px;
  display: initial;
  margin-left: auto;
}
.master_entry .expand-popup-icon svg {
  color: #a8aeb8;
}
.master_entry .expand-popup-icon svg:hover {
  color: #465369;
}
.master_entry:hover .add_time_entries_button,
.master_entry:hover .expand-popup-icon {
  opacity: 1;
  cursor: pointer;
}
.master_entry .add_time_entries_button i {
  background: 0 0 !important;
  color: #0e9aef;
  font-size: 10px;
  display: inline-flex;
  top: -3px;
  left: 1px;
  position: relative;
  transition: none !important;
}
.master_entry .add_time_entries_button:hover {
  border-color: #0e9aef;
  background-color: #0e9aef;
}
.master_entry .add_time_entries_button:hover > i {
  color: #fff;
}
.master_widget_add_time_entry {
  margin: 0 0 0 10px;
}
.widget_add_task_actn_btns {
  display: inline-flex;
  align-items: center;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn {
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 2px;
  display: inline-flex;
  padding: 0 0 0 7px;
  margin: 0 6px 0 0;
  display: flex;
  align-items: center;
  height: 25px;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn:hover {
  background-color: #f5f5f7;
  border: 1px solid #dadcdf;
  border: 1px solid #dadce0;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn:focus {
  outline: 0;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn > i {
  color: #4d4d4d;
  opacity: 0.8;
  font-size: 12px;
  margin-right: 5px;
}
.widget_add_task_actn_main_wrapper {
  display: flex;
}
.widget_add_task_actn_btns.right_side {
  margin-left: auto;
}
.widget_add_task_actn_btns .btn-cancel {
  border: 0;
  padding: 3px 5px;
  color: #151b26;
  font-size: 12px;
  opacity: 0.8;
  margin: 0 4px 0 0;
}
.widget_add_task_actin_btn .add_task_timer_widget_label {
  color: #343434;
  margin-right: 7px;
}
.add_task_timer_button_arrow {
  border-left: 1px solid #dadce0;
  background-color: #fff;
  display: flex;
  align-items: center;
  color: #676a6c;
  padding: 0 4px;
  height: 24px;
}
.widget_add_task_actn_btns
  .widget_add_task_actin_btn:hover
  > .add_task_timer_button_arrow {
  background-color: #f5f5f7;
}
.add_task_timer_button_arrow > i {
  font-size: 10px;
  color: #4d4d4d;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn.active:hover {
  background-color: #6ac94f;
  border-color: #6ac94f;
}
.widget_add_task_actn_btns .widget_add_task_actin_btn.active:hover > i {
  color: #fff;
  opacity: 1;
}
.widget_add_task_actn_btns
  .widget_add_task_actin_btn.active:hover
  > .add_task_timer_button_arrow {
  background-color: #6ac94f;
}
.widget_add_task_actin_btn.active .add_task_timer_button_arrow > i {
  color: #fff;
}
.recent_added_capture_entry_main_div
  .mcd_client_list
  ul.inlist.assignee_dropdown
  > li.active
  .assignee_text {
  width: 130px;
}
.due_date_input_panel input {
  border: 1px solid #ccc;
  width: 70px;
  padding: 4px;
  border-radius: 1px;
}
.in_create_task_popup_widget svg {
  fill: rgba(233, 72, 58, 1);
}
.widget_action_btn_dropdown_ctrl {
  position: relative;
}
.add_task_time_dropdown_main_btn.dropdown.open
  .dropdown-menu.common_innr_dropdown {
  display: block;
  z-index: 1;
  left: 0;
  top: 0;
  margin-top: 32px;
  margin-left: -6px;
}
.timer_popup_multiple_time_entries
  .timer_watch_counter.in_create_task_popup_widget {
  margin: 0 6px 0 0;
  display: inline-flex;
  align-items: center;
}
.in_create_task_popup_widget svg {
  fill: rgba(233, 72, 58, 1);
  width: 12px;
  height: auto;
}
.recent_added_capture_time_entries
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li {
  background-color: #faeaea;
  height: 34px;
  border: 0 !important;
}
.recent_added_capture_time_entries .timer_entries_text {
  color: #303b42;
  opacity: 1;
  font-size: 13px;
}
.widget_add_task_actin_btn.active {
  background-color: #6ac94f;
  border: 1px solid #6ac94f;
}
.widget_add_task_actin_btn.active > i {
  color: #fff;
  opacity: 1;
}
.total_group_time {
  margin-left: 10px;
  color: #e9483a;
  font-weight: 600;
  font-size: 14px;
}
.widget_add_task_actin_btn.active .add_task_timer_widget_label {
  color: #fff;
}
.add_task_timer_button_arrow {
  border-left: 1px solid #dadce0;
  background-color: #fff;
  display: flex;
  align-items: center;
  color: #676a6c;
  padding: 0 4px;
  height: 23px;
}
.widget_add_task_actin_btn.active .add_task_timer_button_arrow {
  background-color: #6ac94f;
  border-color: #fff;
}
.widget_add_task_actin_btn.active .add_task_timer_button_arrow > i {
  color: #fff;
}
.scroll-area-time-entries-all-capture
  .time_entries_ctrl:first-child
  .master_entry {
  border-left: 4px solid #e9483a;
}
.time_entries_ctrl
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active {
  border-left: 4px solid #e9483a;
  background: #faeaea;
  margin: 0 0 0 -30px !important;
  padding: 0 18px 0 30px !important;
}
.time_entries_ctrl
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .timer_watch_counter
  svg {
  fill: #e9483a;
  opacity: 0.62;
}
ul.widget_tabs_ul {
  margin: 0;
  padding: 5px 15px 0 16px;
  list-style-type: none;
  display: flex;
  align-items: center;
  border-bottom: 0;
}
ul.widget_tabs_ul > li {
  display: inline-flex;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: rgba(48, 59, 66, 0.7);
  font-size: 14px;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  padding: 8px 5px;
  transition: border-bottom 0.25s ease;
  -webkit-transition: border-bottom 0.25s ease;
  -moz-transition: border-bottom 0.25s ease;
  -ms-transition: border-bottom 0.25s ease;
  -o-transition: border-bottom 0.25s ease;
}
ul.widget_tabs_ul > li:hover {
  border-bottom: 2px solid #0e9aef;
}
ul.widget_tabs_ul > li.active {
  border-bottom: 2px solid #0e9aef;
  color: #303b42;
  font-weight: 600;
  font-size: 14px;
}
ul.inner_sidebar_ctrl .dropdown.all > li {
  background: 0 0 !important;
}
ul.inner_sidebar_ctrl .dropdown.all > li .teams_element {
  color: #151b26;
  opacity: 0.6;
  font-size: 13px !important;
  font-weight: 600;
}
.everything_in_teams svg {
  width: 14px;
  height: 14px;
  fill: #151b26;
  opacity: 0.4;
  display: block;
}
.everything_in_teams svg:hover {
  fill: #0e9aef;
  opacity: 1;
}
.everything_in_teams.active svg {
  fill: #0e9aef;
  opacity: 1;
}
.top_header_timer_bell .timer_class_div.timer_in_list.running_timer_class_div {
  background-color: rgba(191, 67, 67, 0.9) !important;
  border: 0 !important;
  padding: 5px 8px 5px 32px !important;
}
.top_header_timer_bell
  .timer_class_div.timer_in_list.running_timer_class_div
  > i {
  background-color: #fff !important;
}
.top_header_timer_bell
  .timer_class_div.timer_in_list.running_timer_class_div
  > span {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
.start-blinking {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
  margin: 1px 7px 0 0;
}
.start-blinking.in_widget {
  -webkit-animation: 1.6s blink ease infinite;
  -moz-animation: 1.6s blink ease infinite;
  -ms-animation: 1.6s blink ease infinite;
  -o-animation: 1.6s blink ease infinite;
  animation: 1.6s blink ease infinite;
  animation-name: blink;
  background-color: rgba(191, 67, 67, 0.9);
  margin: 0;
  display: none !important;
}
.top_header_timer_bell
  .timer_class_div.timer_in_list.running_timer_class_div
  > span.start-blinking {
  width: 8px;
  height: 8px;
  margin: 0 7px 0 0;
}
.timer_watch_counter svg {
  fill: #878f96;
  width: 13px;
  height: auto;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li.active
  .timer_watch_counter
  svg {
  fill: #e9483a;
  opacity: 0.62;
}
.timer_ui_list_view .timer_class_div.timer_in_list.stopped_timer_class_div > i {
  color: #fff !important;
  background-color: #fbb455 !important;
  border: 1px solid #fbb455 !important;
}
.timer_ui_list_view
  .timer_class_div.timer_in_list.stopped_timer_class_div
  > span {
  color: #fbb455;
  font-weight: 600;
  margin: 0 0 0 5px;
}
.timer_ui_list_view .timer_class_div.timer_in_list.running_timer_class_div > i {
  display: none;
}
ul.common_me_element_ul > li .element_icn_ctrl {
  min-width: 18px;
  margin: 0 2px 0 0;
  display: inline-flex;
}
ul.common_me_element_ul > li .element_icn_ctrl > svg {
  width: 12px !important;
}
ul.common_me_element_ul > li .element_icn_ctrl > i {
  font-size: 12px;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl {
  min-width: 13px;
  margin: 0 8px 0 0;
}
ul.capture_fixed_menu_ul > li.notification_menu_main_ctrl .element_icn_ctrl {
  margin: 0 0 0 20px;
}
ul.capture_fixed_menu_ul > li .element_icn_ctrl > img {
  width: 13px;
  height: 13px;
  display: flex;
}
ul.common_me_element_ul > li .element_icn_ctrl > img {
  width: 12px;
}
ul.dropdown-menu.teams_dropdown {
  min-width: 170px;
  margin: 18px 0 0 -15px;
}
ul.teams_dropdown > li.showColorPallete {
  position: relative;
}
ul.teams_dropdown > li > a {
  padding: 2px 10px;
  margin: 0;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
}
ul.teams_dropdown > li > a.heading-title span {
  padding: 0 7px !important;
}
ul.teams_dropdown > li.showColorPallete:hover > .ul_colorPallete {
  position: absolute;
  left: 167px !important;
  flex-wrap: wrap;
  min-width: 108px;
  top: 1px;
  text-align: center;
}
ul.teams_dropdown > li.showColorPallete:hover > .ul_colorPallete > li {
  display: inline-flex;
  align-items: center;
}
ul.teams_dropdown
  > li.showColorPallete:hover
  > .ul_colorPallete
  > li
  > span.ColorPicker-cell {
  position: relative;
}
ul.teams_dropdown
  > li.showColorPallete:hover
  > .ul_colorPallete
  > li
  > span.ColorPicker-cell:after {
  position: absolute;
  margin: auto;
  top: 0;
  left: 3px;
}
.fullscreen_main_inner_container {
  width: 100%;
  position: relative;
  height: calc(100vh - 50px);
}
.doc_section_inner {
  padding: 0;
}
.doc_section_in_full_screen {
  float: left;
  width: 300px;
  height: calc(100vh - 106px);
  box-shadow: 0 3px 3px #00000029;
  float: left;
  background-color: #f5f5f7;
  border-right: 1px solid #dadce0;
  padding: 15px;
  float: left;
  background-color: #fff;
  border-right: 1px solid #d5d5d6;
  padding: 0;
  border-radius: 4px;
  margin-right: 0;
  border-radius: 4px 0 0 4px;
}
ul.main_ul_doc {
  position: relative;
}
ul.main_ul_doc li {
  padding: 0;
}
ul.main_ul_doc li .doc_sec_main:hover {
  background-color: #e9eaec;
}
ul.main_ul_doc li a {
  color: #465369;
  font-size: 13px;
  line-height: 13px;
  cursor: pointer;
  padding: 9px 10px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  transition: background 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  font-weight: 600;
}
ul.main_ul_doc li a:hover {
  background-color: #fff;
}
ul.main_ul_doc li ul {
  position: relative;
}
ul.main_ul_doc li.first_level > a {
  padding-left: 20px;
}
ul.main_ul_doc li.second_level > a {
  padding-left: 38px;
}
ul.main_ul_doc li.third_level > a {
  padding-left: 52px;
}
ul.main_ul_doc li a i {
  color: #3c4152;
  font-size: 11px;
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
  margin-top: 1px;
}
.doc_sec_main {
  padding: 5px 20px;
}
.doc_sec_main .doc_sec_modal_arrow {
  margin: 0 7px 0 0;
}
.doc_sec_main {
  padding: 6px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background 0.1s ease;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -ms-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  position: relative;
  cursor: pointer;
}
.doc_sec_main .doc_sec_modal_arrow {
  margin: 0 7px 0 0;
}
.doc_sec_main .doc_sec_modal_arrow > i {
  color: #8c93a1;
  font-size: 11px;
}
.doc_sec_main .doc_sec_modal_icn {
  margin: 0 7px 0 0;
}
.doc_sec_main .doc_sec_modal_icn > i {
  color: #008adf;
  font-size: 12px;
}
.doc_sec_main .doc_sec_modal_text {
  color: #465369;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 75%;
}
ul.doc_sec_dropdown > li {
  padding: 5px 20px 5px 66px;
  color: #444;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: center;
  transition: background 0.1s ease;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -ms-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  cursor: pointer;
}
ul.doc_sec_dropdown > li:hover {
  background-color: #e9eaec;
}
.doc_sec_main .each_item_in_footer_list:after {
  display: none;
}
.doc_sec_main .each_item_in_footer_list {
  margin: 0 5px 0 0;
  min-width: 20px;
}
.doc_sec_main:hover .task_draggable_number {
  opacity: 1;
}
.doc_sec_main .task_draggable_number {
  position: absolute;
  left: 3px;
}
.doc_sec_main:hover .task_draggable_number {
  opacity: 1;
}
ul.doc_sec_dropdown > li .task_draggable_number {
  position: absolute;
  left: 3px;
}
ul.doc_sec_dropdown > li .doc_sub_sec_icn {
  margin: 0 7px 0 0;
}
ul.doc_sec_dropdown > li .doc_sub_sec_icn > i {
  color: rgba(107, 117, 135, 0.7);
  font-size: 12px;
}
ul.doc_sec_dropdown > li:hover .task_draggable_number {
  opacity: 1;
}
.doc_sub_sec_text {
  color: #444;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 75%;
}
.doc_modal_search_box_ctrl {
  padding: 10px 15px;
  border-bottom: 1px solid #cdd3df;
}
.doc_modal_search_box {
  position: relative;
}
.doc_modal_search_box > i {
  color: #939ba8;
  opacity: 0.82;
  top: 10px;
  left: 9px;
  position: absolute;
  font-size: 12px;
}
.doc_modal_search_box > input {
  background-color: #fff;
  border: 1px solid #d5dce8;
  width: 100%;
  color: #465369;
  height: 28px;
  padding: 3px 8px 4px 28px;
  border-radius: 3px;
}
.doc_name_modal {
  display: flex;
  align-items: center;
  padding: 20px 15px;
  border-bottom: 1px solid #e8ecf2;
}
.doc_name_modal h5 {
  display: inline-block;
  color: #657082;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doc_name_modal .dropdown.add_section_modal_doc_ctrl {
  display: inline-flex;
  margin: 0;
  align-items: center;
  justify-content: center;
}
.dropdown_icon_ctrl {
  padding: 0 4px;
  cursor: pointer;
}
.dropdown_icon_ctrl > i {
  color: rgba(107, 117, 135, 0.69);
  font-size: 12px;
  display: block;
}
.dropdown.add_section_modal_doc_ctrl.open .dropdown-menu {
  display: inline-flex;
}
.dropdown.add_section_modal_doc_ctrl .dropdown-menu > a {
  width: 100%;
}
.dropdown.add_section_modal_doc_ctrl.open .dropdown_icon_ctrl {
  background-color: #f2f2f2;
}
.dropdown.add_section_modal_doc_ctrl.open .dropdown_icon_ctrl > i {
  color: #0e9aef;
}
.full_screen_class_main_div .scroll-area-doc-modal {
  height: calc(100vh - 156px);
}
.preview_loader.preview_loader_modal {
  top: 0;
  left: 0;
  border-radius: 4px;
  display: block;
  width: 100% !important;
  z-index: 99999;
  position: fixed;
}
.preview_loader.preview_loader_modal.in_canvas {
  height: 100%;
}
.full_screen_class_main_div .scroll-area-modal-in-sidebar {
  height: calc(100vh - 122px) !important;
}
.label_svg_ctrl {
  min-width: 19px;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li {
  padding-left: 17px !important;
  padding-right: 0;
  margin-right: 0 !important;
  border: 0;
  transition: backgrund 0.1s ease-in;
  -webkit-transition: backgrund 0.1s ease-in;
  -moz-transition: backgrund 0.1s ease-in;
  -ms-transition: backgrund 0.1s ease-in;
  -o-transition: backgrund 0.1s ease-in;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.gray_theme_custom_sidebar.gray_900_color
  .assignee_section_in_left_sidebar
  ul.assignee_level
  > li.active {
  background-color: rgb(14 154 239 / 10%) !important;
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}
.add_task_in_list_main_ctrl {
  display: flex;
  align-items: center;
  padding: 0;
  height: 26px;
}
.add_task_in_list_btn {
  height: 26px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid #dadce0 !important;
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #343434;
  font-size: 13px;
  cursor: pointer;
}
.add_task_in_list_btn:hover {
  background-color: #f5f5f7;
}
.add_task_in_list_btn > i {
  padding: 0 8px 0 0;
  font-size: 11px;
  color: #0e9aef;
}
.add_dropdown_in_list_ctrl {
  border-left: 1px solid #dadce0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  text-align: center;
  width: 24px;
  justify-content: center;
  height: 26px;
  border: 1px solid #dadce0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  cursor: pointer;
}
.add_dropdown_in_list_ctrl:hover {
  background-color: #f5f5f7;
}
.dropdown.open .add_dropdown_in_list_ctrl {
  background-color: #f5f5f7;
}
.add_dropdown_in_list_ctrl > i {
  color: #4d4d4d;
  font-size: 11px;
  display: inline-flex;
}
.add_dropdown_in_list_ctrl.open {
  background-color: #f5f5f7;
}
.add_task_in_list_main_ctrl + .dropdown-menu {
  margin: 10px 0 0 0;
  z-index: 9999;
}
.dropdown .add_task_in_list_main_ctrl.open + .dropdown-menu {
  display: block !important;
}
.list_sub_header_main {
  display: flex;
  align-items: center;
  padding: 4px 10px;
}
.list_sub_header_main_left {
  display: inline-flex;
  margin-right: auto;
}
.list_sub_header_main_right {
  display: inline-flex;
  margin-left: auto;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture {
  background-color: #fff;
  padding: 4px 2px 4px 4px;
  border-top: 0;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture .capture_thumb {
  width: 25px;
  height: 25px;
  min-width: 25px;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture .ta {
  position: absolute;
  left: 4px;
}
.captures_innr_group_ctrl_section:hover
  .grouped_by_section.main_capture[data-class="multiple_selected"]
  > .grouped_by_label
  .task_draggable_number {
  background-color: transparent;
}
.captures_innr_group_ctrl_section:hover
  .grouped_by_section.main_capture.active
  > .grouped_by_label
  .task_draggable_number {
  background: 0 0;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .group_label_text_limitter {
  margin: 0 15px 0 0;
}
.new_task_placeholder {
  position: relative;
  transition: border 0.1s ease;
  -webkit-transition: border 0.1s ease;
  -moz-transition: border 0.1s ease;
  -ms-transition: border 0.1s ease;
  -o-transition: border 0.1s ease;
}
#addMainCaptureTaskDiv.add_new_task_div {
  padding-left: 12px;
  padding-right: 15px;
}
.subtask_option_expanded_groupBy_none #addMainCaptureTaskDiv.add_new_task_div {
  padding-left: 32px;
  padding-right: 15px;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_draggable_number {
  display: none;
}
.new_task_placeholder .capture_thumb {
  width: 25px;
  height: 25px;
  min-width: 25px;
}
.new_task_placeholder .task_list_ctrl {
  padding-left: 5px;
  border: 1px solid #0e9aef !important;
  position: relative;
  transition: none !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.new_task_placeholder .task_list_ctrl input.task_name.cp_task_name {
  color: #151b26;
  opacity: 1;
}
.new_task_placeholder
  .task_list_ctrl
  input.task_name.cp_task_name::placeholder {
  opacity: 0.6;
}
.new_task_placeholder input.task_name.cp_task_name {
  opacity: 0.6;
  cursor: text;
}
.new_task_placeholder.add_new_task_div .capture_number {
  margin-right: 7px;
  margin-left: 1px;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_draggable_number {
  position: absolute;
  left: -31px;
}
.three_panel_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_in_edit_state.editable_content_ctrl
  + .timer_ui_list_view {
  margin-left: 9px;
}
.grouped_by_section .task_in_edit_state.editable_content_ctrl {
  display: flex;
  width: auto;
  margin: 0 10px 0 0;
  flex: 0 1 auto;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture .grouped_by_label {
  align-items: center;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div.grouped_by_label {
  display: flex;
  justify-content: space-around;
}
.task_in_edit_state.editable_content_ctrl {
  display: flex;
  width: auto;
  margin: 0 10px 0 0;
  flex: 0 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  flex-grow: 1;
}
.new_task_placeholder_action_btn_ctrl {
  display: inline-flex;
  padding: 0;
  margin: 0 0 0 auto;
}
.sub_capture_ctrl .new_task_placeholder_action_btn_ctrl {
  margin: -1px 0 0 auto;
}
.cancel_new_task_placeholder {
  background: 0 0;
  border: 0;
  font-size: 13px;
  color: #4d4d4d;
  opacity: 0.4;
  cursor: pointer;
}
.cancel_new_task_placeholder:focus {
  outline: 0;
}
.cancel_new_task_placeholder:hover {
  opacity: 1;
}
ul.sub_capture_ctrl > li.add_new_task_div input.task_name {
  width: 100% !important;
  max-width: 100% !important;
  cursor: text !important;
}
ul.sub_capture_ctrl > li.add_new_task_div .task_name.cp_task_name {
  cursor: text !important;
}
ul.sub_capture_ctrl > li.add_new_task_div > .task_list_ctrl {
  padding: 0 0 0 5px !important;
}
.grouped_by_section.grouped_by_folder_bundle.medium-size_active {
  height: 47px;
}
.subtask_expand_collapse_ctrl {
  margin-right: 8px;
  margin-left: 4px;
  position: absolute;
  left: -19px;
  cursor: pointer;
  display: inline-flex;
}
.subtask_expand_collapse_ctrl > i {
  color: #8e8e8e;
  font-size: 11px;
}
.subtask_expand_collapse_ctrl:hover > i {
  color: #151b26;
}
ul.column_layout.task_listing > li.sub_capture {
  position: relative;
}
ul.column_layout.task_listing > li.sub_capture:last-child {
  border-bottom: 1px solid #e9e9eb;
}
.Captures_group_ctrl_section
  .captures_innr_group_ctrl_section:first-child
  .grouped_by_section.grouped_by_folder_bundle {
  border-top: 0;
}
.captures_innr_group_ctrl_section {
  padding: 0;
}
.parent_div_main_capture.subtask_option_compact
  .captures_innr_group_ctrl_section,
.parent_div_main_capture.subtask_option_separate
  .captures_innr_group_ctrl_section {
  padding: 0 15px 0 25px;
}
.sub_task_icon {
  position: absolute;
  left: 17px;
}
.sub_task_icon svg {
  fill: #465369;
  opacity: 0.4;
  width: 12px !important;
  height: auto !important;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .group_label_text_limitter {
  font-weight: 400;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .group_label_text_limitter {
  white-space: nowrap;
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.sub_capture_ctrl
  > li.add_new_task_div.new_task_placeholder
  > .task_list_ctrl:hover {
  background: #fff !important;
}
.add_new_task_bottom_btn {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 6px 5px 6px 18px;
  height: 35px;
}
.add_new_task_bottom_btn_innr {
  cursor: pointer;
  color: #151b26;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid transparent;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  border-radius: 3px;
  padding: 1px 5px;
  margin: 0 0 0 16px;
}
.add_new_task_bottom_btn_innr:hover {
  color: #0e9aef;
  opacity: 1;
}
.add_new_task_bottom_btn i {
  display: inline-flex;
  margin: 0 6px 0 0;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  opacity: 1;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  color: #0e9aef;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.add_new_task_bottom_btn_innr > span {
  color: #6b6f76;
}
.table_list_view_main_wrapper .add_new_task_bottom_btn_innr {
  margin: 0 0 0 52px;
}
.right-list-item-over > .three_dots_dropdown_main,
.right-list-item-over > i {
  cursor: pointer;
  color: rgba(70, 83, 105, 0.8);
}
.right-list-item-over > .three_dots_dropdown_main:hover,
.right-list-item-over > i:hover {
  cursor: pointer;
  color: #465369;
}
.right-list-item-over .three_dots_dropdown_main > .dropdown {
  display: flex;
  align-items: center;
  height: 100%;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div {
  border: 1px solid #0e9aef !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding-left: 13px;
  left: 0;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .sub_task_icon {
  left: -2px;
  position: relative;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number {
  margin-right: 8px;
  margin-left: 7px;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .timer_subtask_ctrl {
  display: none;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_thumb_details {
  margin: 0;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_name_other_assets {
  width: 100%;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  input.task_name.cp_task_name::placeholder {
  color: #151b26;
  opacity: 0.6;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  input.task_name.cp_task_name {
  color: #151b26;
  opacity: 1;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl {
  border: 0 !important;
}
ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .task_list_ctrl:hover {
  background: 0 0 !important;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType,
.captures_innr_group_ctrl_section.sort_by_capture_assignees,
.captures_innr_group_ctrl_section.sort_by_capture_module_folder_relationships_aggregate,
.captures_innr_group_ctrl_section.sort_by_capture_progress,
.captures_innr_group_ctrl_section.sort_by_capture_project,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate,
.captures_innr_group_ctrl_section.sort_by_created_at,
.captures_innr_group_ctrl_section.sort_by_due_date,
.captures_innr_group_ctrl_section.sort_by_project,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate,
.captures_innr_group_ctrl_section.sort_by_type,
.captures_innr_group_ctrl_section.sort_by_userByAssignedTo {
  padding: 0;
}
.captures_innr_group_ctrl_section.sort_by_capture_assignees .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_priority .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_progress .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_project .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_created_at .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_project .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_type .grouped_by_section,
.captures_innr_group_ctrl_section.sort_by_userByAssignedTo .grouped_by_section {
  background: 0 0;
  border-top: 0;
  border-bottom: 1px solid #cbd3da;
  padding: 8px 15px 8px 0;
  margin-left: 0;
}
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_project
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.sub_capture_ctrl,
.captures_innr_group_ctrl_section.sort_by_userByAssignedTo
  ul.column_layout.sub_capture_ctrl {
  padding: 0 15px 0 35px;
}
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section
  .chevron_ctrl:before,
.captures_innr_group_ctrl_section.sort_by_type
  .grouped_by_section
  .chevron_ctrl:before,
.grouped_by_section .chevron_ctrl:before {
  color: #3c4152;
  opacity: 0.7;
  font-size: 12px;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_module_folder
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_due_date
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section
  .grouped_by_label,
.captures_innr_group_ctrl_section.sort_by_type
  .grouped_by_section
  .grouped_by_label {
  align-items: center;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_due_date
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section
  .group_label_text_limitter,
.captures_innr_group_ctrl_section.sort_by_type
  .grouped_by_section
  .group_label_text_limitter {
  color: #151b26;
  font-size: 13px;
  font-weight: 600;
}
.sort_by_capture_project.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.sort_by_capture_project.captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.sort_by_capture_project.captures_innr_group_ctrl_section.sort_by_capture_progress
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.sort_by_capture_project.captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.sort_by_capture_project.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.sort_by_capture_project.captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.sort_by_capture_project.captures_innr_group_ctrl_section.sort_by_due_date
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.sort_by_capture_project.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child,
.sort_by_capture_project.captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.sub_capture_ctrl
  li.sub_capture:first-child {
  border-top: 1px solid transparent;
}
.items_inside {
  padding-left: 0;
  font-size: 13px;
  color: #151b26;
  font-weight: 600;
}
.subtasks_count_inlist_ctrl {
  color: rgb(70, 83, 105, 0.65) !important;
  font-weight: 400 !important;
  font-size: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 10px 0 0;
}
.subtasks_count_inlist_ctrl:hover {
  color: rgb(70, 83, 105, 0.85) !important;
}
.subtasks_count_inlist_ctrl svg {
  fill: #465369;
  opacity: 0.65;
  width: 14px !important;
  height: auto;
  padding: 0 0 0 4px;
  display: inline-flex;
}
.subtasks_count_inlist_ctrl:hover svg {
  opacity: 0.85;
}
.sort_by_captureTypeByCaptureType .grouped_by_section .chevron_ctrl,
.sort_by_capture_assignees .grouped_by_section .chevron_ctrl,
.sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section
  .chevron_ctrl,
.sort_by_capture_priority .grouped_by_section .chevron_ctrl,
.sort_by_capture_progress .grouped_by_section .chevron_ctrl,
.sort_by_capture_project .grouped_by_section .chevron_ctrl,
.sort_by_capture_tags_aggregate .grouped_by_section .chevron_ctrl,
.sort_by_created_at .grouped_by_section .chevron_ctrl,
.sort_by_due_date .grouped_by_section .chevron_ctrl,
.sort_by_project .grouped_by_section .chevron_ctrl,
.sort_by_timer_time_entries_aggregate .grouped_by_section .chevron_ctrl,
.sort_by_type .grouped_by_section .chevron_ctrl {
  cursor: pointer;
  min-width: 10px;
  left: 0;
  margin-left: 11px;
  position: relative;
}
.modal-dialog.modal-dialog-centered {
  top: 50%;
  transform: translate(0, -50%) !important;
  margin-top: 0;
}
.timer_popup_multiple_time_entries.create_task_is_open
  .search_box_add_time_ctrl,
.timer_popup_multiple_time_entries.create_task_is_open
  .timer_list_footer_bottom_info,
.timer_popup_multiple_time_entries.create_task_is_open .widget_tabs,
.timer_popup_multiple_time_entries.create_task_is_open
  section.scroll-area-time-entries-all-capture {
  position: relative;
}
.timer_popup_multiple_time_entries .fade_content_create_task_box_open {
  display: none !important;
}
.timer_popup_multiple_time_entries.create_task_is_open
  .fade_content_create_task_box_open,
.timer_popup_multiple_time_entries.create_task_is_open
  .search_box_add_time_ctrl
  .fade_content_create_task_box_open,
.timer_popup_multiple_time_entries.create_task_is_open
  .timer_list_footer_bottom_info
  .fade_content_create_task_box_open,
.timer_popup_multiple_time_entries.create_task_is_open
  .widget_tabs
  .fade_content_create_task_box_open,
.timer_popup_multiple_time_entries.create_task_is_open
  section.scroll-area-time-entries-all-capture
  .fade_content_create_task_box_open {
  background-color: rgba(255, 255, 255, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  display: block !important;
}
#draggable_tree_drag_placeHolder .task_draggable_number {
  display: none;
}
.tree-node.open.magical_three_dropdown_open_team
  > .tree-node-inner-back:hover
  .custom_lablel_orignal_name
  .three_dots_dropdown_div {
  background: #0e9aef !important;
}
.tree-node.magical_three_dropdown_open_folder
  > .tree-node-inner-back
  .custom_lablel_orignal_name
  .three_dots_dropdown_div,
.tree-node.magical_three_dropdown_open_project
  > .tree-node-inner-back
  .custom_lablel_orignal_name
  .three_dots_dropdown_div {
  background: #0e9aef !important;
}
ul.column_layout.task_listing > li.active .task_list_ctrl {
  background-color: #0e9aef;
}
.menu_item.animated_menu .tree-node-inner-back:hover {
  background-color: #f5f5f7;
}
.sub_time_entry_ctrl {
  width: 18px;
  height: 18px;
  background-color: #f7f9fd;
  border: 1px solid #dadce0;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 8px 0 0;
}
.sub_time_entry_ctrl > i {
  color: #c0c6d0;
  font-size: 10px;
  transition: color 0.1s ease-in;
  -webkit-transition: color 0.1s ease-in;
  -moz-transition: color 0.1s ease-in;
  -ms-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
}
.sub_time_entry_ctrl:hover > i {
  color: #465369;
}
#timer_entries_all_capture_div_id
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li:last-child {
  border-bottom: 0;
}
#timer_entries_all_capture_div_id
  .recent_added_capture_entry_main_div
  ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li {
  padding: 0 10px;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li
  .play_icon_ctrl_in_widget
  > i {
  opacity: 0;
  margin-right: 5px;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li:hover
  .play_icon_ctrl_in_widget
  > i {
  opacity: 1;
}
.Captures_group_ctrl_section .grouped_by_section.snippet-size_active {
  height: 63px;
}
.draggable_clone_ul .sub_task_icon {
  left: -19px;
}
.recent_added_capture_entry_main_div
  .add_task_time_dropdown_main_btn.dropdown.open
  .dropdown-menu {
  z-index: 999;
}
.compact_ui.top_header_timer_bell.timer_main_dropdown_is_closed:after,
.compact_ui.top_header_timer_bell.timer_main_dropdown_is_closed:before {
  display: none;
}
.compact_ui.top_header_timer_bell.timer_main_dropdown_is_open:after,
.compact_ui.top_header_timer_bell.timer_main_dropdown_is_open:before {
  display: block;
}
.compact_ui.top_header_timer_bell:after,
.compact_ui.top_header_timer_bell:before {
  bottom: -13px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999999;
}
.compact_ui.top_header_timer_bell:before {
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: #fff;
  border-width: 9px;
}
.compact_ui.top_header_timer_bell:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
}
.assignee_circle_when_group_by {
  width: 24px;
  height: 24px;
  display: inline-flex;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  font-size: 10px;
  align-items: center;
  text-align: center;
  position: relative;
  border-radius: 100%;
  color: #fff;
  border: 2px solid #fff;
  justify-content: center;
  margin: 0 2px 0 4px;
  line-height: 13px;
}
.advanced_filter_top_wrapper {
  display: flex;
  align-items: center;
}
.af_top_header {
  padding: 2px 6px;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #dadce0;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.af_top_header.open {
  background-color: #ebebed;
}
.af_top_header:hover {
  background-color: #f5f5f7;
  border: 1px solid #e9e9eb;
}
.af_top_header_icons {
  display: inline-flex;
  align-items: center;
}
i.af_top_header_filter_icn {
  font-size: 11px;
  margin-top: 2px;
}
.af_top_header.open i.af_top_header_filter_icn {
  color: #0e9aef;
}
.af_top_header.open .af_top_header_caret_ctrl {
  color: #0e9aef;
}
.af_top_header_caret_ctrl {
  margin: 0 0 0 5px;
}
.af_top_header_metadata {
  display: inline-flex;
}
.af_top_header .advance_filter_label,
.af_top_header .filter_applied_count {
  display: none;
  padding: 0 2px;
}
.af_top_header_search_box_ctrl {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.af_top_header_search_box_ctrl > input {
  border: 1px solid #dadce0;
  min-height: 24px;
  border-left: 0;
  padding: 0 20px 0 10px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: rgba(70, 83, 105, 0.68);
  font-size: 13px;
  border-left: 1px solid transparent;
}
.af_top_header_search_box_ctrl > input:focus {
  border: 1px solid #0e9aef;
}
.af_top_header_search_box_ctrl > button.af_clear_search_box {
  background: 0 0;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  min-height: 24px;
  opacity: 0.7;
}
.af_top_header_search_box_ctrl > button.af_clear_search_box > i {
  color: #787f82;
  font-size: 11px;
  position: relative;
  top: -1px;
}
.af_top_header_search_box_ctrl > button.af_clear_search_box:hover {
  opacity: 1;
}
.af_top_header_search_box_ctrl > button.af_clear_search_box:focus {
  outline: 0;
}
.advanced_filter_top_wrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: auto;
}
.af_main_dropdown_ctrl {
  position: absolute;
  top: 100%;
  left: 0;
  height: auto;
  border: 1px solid #e9e9eb;
  background-color: #fff;
  box-shadow: 0 1px 10px #00000040;
  -webkit-box-shadow: 0 1px 10px #00000040;
  -moz-box-shadow: 0 1px 10px #00000040;
  -ms-box-shadow: 0 1px 10px #00000040;
  -o-box-shadow: 0 1px 10px #00000040;
  border-radius: 4px;
  width: auto;
  max-width: 520px;
  z-index: 999999;
  margin: 8px 0 0 0;
  min-width: 200px;
}
.af_main_dropdown_ctrl.arrow_box_top:before {
  left: 30px;
}
.af_main_dropdown_ctrl.arrow_box_top:after {
  left: 30px;
}
.af_dropdown_top_header {
  color: #8b9199;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
  padding: 8px 10px 0 10px;
}
.af_dropdown_content_area {
  padding: 8px 0 0 0;
}
.af_no_filters_applied {
  color: #999;
}
.af_dropdown_bottom_bar {
  display: flex;
  align-items: center;
  padding: 0;
  border-top: 0;
}
.af_add_filter_button {
  display: inline-flex;
  height: 100%;
  background-color: #f5f5f7;
  height: 40px;
  align-items: center;
  padding: 0;
  color: #333;
  opacity: 0.8;
  font-size: 13px;
  min-width: 108px;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #e0e0e2;
}
.af_add_filter_button:hover {
  background-color: #fff !important;
  color: #0e9aef;
  opacity: 1;
}
.af_add_filter_button > i {
  margin: 0 11px 0 0;
}
.af_dropdown_bottom_search_ctrl {
  display: inline-flex;
  height: 40px;
  width: 100%;
  align-items: center;
  padding: 0;
  position: relative;
}
.af_bottom_search_innr_ctrl {
  position: relative;
  padding: 0;
  width: 100%;
  display: flex;
}
.af_bottom_search_innr_ctrl:focus {
  border: 0;
  outline: 0;
}
.af_bottom_search_innr_ctrl > i {
  color: #bebfc2;
  font-size: 14px;
  position: absolute;
  left: 15px;
  top: 14px;
}
.af_bottom_search_innr_ctrl:focus > i {
  color: #0e9aef;
}
.af_bottom_search_innr_ctrl > input {
  color: #969799;
  font-size: 13px;
  height: 40px;
  display: inline-flex;
  border: 0;
  background: 0 0;
  padding: 0 40px 0 35px;
  width: 100%;
  background-color: #f5f5f7;
}
.af_bottom_search_innr_ctrl > input:focus {
  background-color: #fff;
}
.af_bottom_search_innr_ctrl > input:focus + i {
  color: #0e9aef;
}
.af_bottom_bar_quick_dropdown {
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  align-items: center;
  padding: 0 15px;
  cursor: pointer;
}
.dropdown.af_bottom_bar_quick_dropdown:hover > i {
  color: #465369;
}
.af_bottom_bar_quick_dropdown > i {
  color: #bebfc2;
  font-size: 14px;
}
.af_bottom_search_innr_ctrl:focus + .af_bottom_bar_quick_dropdown > i {
  color: #465369;
}
ul.dropdown-menu.af_bottom_search_filter_dropdown {
  right: 0;
  left: auto;
  box-shadow: 0 1px 10px #00000040;
  -webkit-box-shadow: 0 1px 10px #00000040;
  -moz-box-shadow: 0 1px 10px #00000040;
  -ms-box-shadow: 0 1px 10px #00000040;
  -o-box-shadow: 0 1px 10px #00000040;
  width: 100%;
  min-width: 270px;
}
.af_search_filter_dropdown_header {
  padding: 8px 10px;
  border-bottom: 1px solid #e9e9eb;
  display: flex;
  align-items: center;
}
.af_search_filter_dropdown_header > .label {
  color: #8b9199;
  font-size: 13px;
  font-weight: 600;
  padding: 0;
  background: 0 0;
  display: inline-flex;
  align-items: center;
}
.af_search_filter_dropdown_header button.save_filter {
  color: #0e9aef;
  font-size: 13px;
  font-weight: 600;
  border: 0;
  background: 0 0;
  padding: 0;
  margin: 0 0 0 auto;
}
.af_search_filter_dropdown_header button.save_filter > i {
  margin: 0 7px 0 0;
}
ul.af_saved_filter_list_ul_ctrl > li {
  padding: 7px 10px;
  display: flex;
  align-items: center;
}
ul.af_saved_filter_list_ul_ctrl > li:hover {
  background-color: #f8f8f8;
}
ul.af_saved_filter_list_ul_ctrl > li > i {
  color: rgba(136, 144, 158, 0.67);
  font-size: 11px;
  margin: 0 5px 0 0;
}
ul.af_saved_filter_list_ul_ctrl > li:hover > i {
  color: #0e9aef;
}
ul.af_saved_filter_list_ul_ctrl > li > .saved_filter {
  color: #000;
  font-size: 13px;
}
.magic_dropdown_saved_filter {
  margin-left: auto;
  display: none;
}
ul.af_saved_filter_list_ul_ctrl > li:hover .magic_dropdown_saved_filter {
  display: block;
}
.magic_dropdown_saved_filter .time_entry_option > i {
  color: #000;
  font-size: 14px;
}
.magic_dropdown_saved_filter:hover .time_entry_option > i {
  color: #000;
}
.af_search_filter_dropdown_footer {
  color: #8b9199;
  font-size: 13px;
  padding: 8px 10px;
  border-top: 1px solid #e9e9eb;
  cursor: default;
}
ul.af_saved_filter_list_ul_ctrl > li.active {
  background-color: #e6f5fe;
}
ul.af_saved_filter_list_ul_ctrl > li.active > i {
  color: #0e9aef;
}
.af_bottom_bar_quick_dropdown.open > i {
  color: #465369;
}
.filter_list_row {
  display: flex;
  align-items: center;
  padding: 0 10px 8px;
}
.filter_category {
  display: inline-flex;
}
button.remove_filter_category {
  background: 0 0;
  border: 0;
  margin: 0 0 0 5px;
}
button.remove_filter_category > i {
  color: #ed4758;
  opacity: 0.6;
  font-size: 11px;
  transition: color 0.1s ease-in;
  -webkit-transition: color 0.1s ease-in;
  -moz-transition: color 0.1s ease-in;
  -ms-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
}
button.remove_filter_category:hover > i {
  opacity: 1;
}
button.remove_filter_category:focus,
button.remove_filter_category > i:focus {
  outline: 0;
}
.filter_category_label {
  color: #000;
  margin: 0 5px 0 0;
  font-size: 13px;
  width: 55px;
  padding: 0 8px;
}
.filter_boolean_val {
  display: inline-flex;
  margin: 0;
}
.filter_boolean_val.final_category {
  width: auto;
  min-width: 155px;
  flex: 1 auto;
}
.filter_boolean_val.condition_caregory {
  margin: 0 5px 0 0;
  min-width: 95px;
}
.filter_boolean_val .dropdown {
  width: 100%;
}
.filter_boolean_val .dropdown > button {
  background: #fff;
  color: #353535;
  border-radius: 3px;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e2;
  height: 28px;
  padding: 3px 8px;
  font-size: 13px;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -ms-transition: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
}
.filter_boolean_val .dropdown > button:hover {
  border: 1px solid #e0e0e2;
  background-color: #e9e9eb;
}
.filter_boolean_val .dropdown > button > .caret {
  margin-left: auto;
  display: inline-flex;
  color: #8c93a1;
  opacity: 0.8;
  border-top: 5px dashed;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.filter_boolean_val .dropdown.open > button > .caret {
  transform: rotate(180deg);
  color: rgba(14, 154, 239, 0.8);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.filter_boolean_val ul.dropdown-menu {
  border-radius: 4px;
  border: 1px solid #e9e9eb;
  box-shadow: 0 1px 1px #00000040;
  -webkit-box-shadow: 0 1px 1px #00000040;
  -moz-box-shadow: 0 1px 1px #00000040;
  -ms-box-shadow: 0 1px 1px #00000040;
  -o-box-shadow: 0 1px 1px #00000040;
  overflow: auto;
  max-height: 215px;
  width: 220px !important;
}
.filter_boolean_val ul.dropdown-menu > li > a {
  color: #353535;
  font-size: 13px;
  margin: 0;
  padding: 1px 8px;
}
.filter_boolean_val ul.dropdown-menu > li > a:hover {
  background-color: #f8f8f8;
}
.filter_boolean_val .dropdown.open > button {
  background: #fff;
  border: 1px solid #0e9aef !important;
  color: #000;
}
.af_innr_dropdown_search_box_ctrl {
  position: relative;
  border-bottom: 1px solid #d3dae8;
  padding: 5px 5px 7px;
  display: flex;
  align-items: center;
}
.af_innr_dropdown_search_box_ctrl > input {
  position: relative;
  border: 1px solid #e5e6e7;
  height: auto;
  width: 100%;
  border-radius: 1px;
  padding: 4px 5px 4px 20px;
  font-size: 13px;
}
.af_innr_dropdown_search_box_ctrl > input::placeholder {
  color: #465369;
}
.af_innr_dropdown_search_box_ctrl > i {
  position: absolute;
  left: 10px;
  z-index: 9;
  color: #b9b9bb;
  font-size: 11px;
}
.af_innr_dropdown_search_box_ctrl > input:focus + i {
  color: #0e9aef;
}
.filter_boolean_val ul.dropdown-menu.Status-section {
  position: absolute;
}
.filter_boolean_val.Status-section .dropdown > button {
  transition: none;
  padding: 3px 8px;
  font-weight: 400;
  color: #353535;
  font-size: 13px;
  background-color: #fff;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -ms-transition: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
}
.filter_boolean_val.Status-section .dropdown > button:hover {
  background-color: #e9e9eb;
  border: 1px solid #e0e0e2;
}
.filter_boolean_val.Status-section .dropdown.open > button:hover {
  background-color: #fff;
}
.filter_boolean_val.Status-section .dropdown .dropdown-menu span {
  border: 0;
}
.filter_boolean_val.Status-section .dropdown > button > .check-box-custom {
  width: 11px;
  height: 11px;
  margin: 1px 10px 1px 0;
}
.custom_tag {
  width: 10px !important;
  height: 8px !important;
  display: inline-block !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  margin: 0 10px 0 0 !important;
}
.af_priority_label_in_dropdown {
  width: 66% !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 !important;
  display: inline-block !important;
  height: auto !important;
  justify-content: left !important;
  border-radius: 0 !important;
}
.filter_boolean_val ul.dropdown-menu > li.select_deselect_all > a {
  color: #0e9aef;
  text-decoration: underline;
  font-size: 13px;
  display: inline-block;
  width: auto;
}
.filter_boolean_val ul.dropdown-menu > li.select_deselect_all > a:hover {
  text-decoration: none;
  background: 0 0;
}
.custom_flag {
  margin: 0 10px 0 0;
  font-size: 10px;
}
.filter_boolean_val.date_section .dropdown > button > .custom_calender svg {
  opacity: 0.7;
  margin: 0 8px 0 0;
  height: auto;
  width: 13px;
  position: relative;
  top: 1px;
}
.filter_boolean_val
  ul.dropdown-menu.af_assignee_list
  > li
  > a
  .assignee_circle.in-dropdown {
  margin: 0 7px 0 0;
  width: 16px;
  height: 16px;
}
.filter_boolean_val ul.dropdown-menu.af_assignee_list > li > a .assignee_text {
  height: auto;
  margin: 0;
  font-size: 13px;
  color: #151b26;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 66%;
  justify-content: left;
  display: inline-block;
}
.af_selected_assignee > .assignee_circle.in-dropdown {
  width: 16px;
  height: 16px;
  color: #fff;
  margin: 0 7px 0 0;
}
.filter_boolean_val.Status-section ul.dropdown-menu > li > a {
  font-weight: 400;
  height: 28px;
}
.filter_boolean_val ul.dropdown-menu > li > a.active {
  background-color: #2680eb1a;
  color: #2680eb;
}
.filter_boolean_val.final_category.without_boolean_val.date_section.Status-section {
  margin: 0 0 0 5px;
}
.filter_list_row.has_only_three_columns
  .filter_boolean_val.final_category.without_boolean_val.date_section.Status-section {
  margin: 0;
  width: 100%;
}
.filter_boolean_val.af_first_condition {
  width: 55px;
  margin: 0 5px 0 0;
}
.filter_boolean_val.pick_action {
  margin: 0 5px 0 0;
  min-width: 110px;
}
.selected_filter {
  white-space: nowrap;
  max-width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column_layout.task_listing .capture_number,
.grouped_by_section.grouped_by_folder_bundle.main_capture .capture_number {
  position: absolute;
  display: inline-block;
  align-items: center;
  z-index: 0;
  text-align: right;
  min-width: 29px;
  color: #8e8e8e;
  font-weight: 400;
  font-size: 12px;
}
.column_layout.task_listing .capture_number {
  left: 0;
  margin-top: 0;
  position: relative;
  min-width: auto;
  margin-right: 8px;
  margin-left: 2px;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture .capture_number {
  left: 0;
  margin-top: 0;
  text-align: left;
  min-width: auto;
  position: relative;
  margin-right: 8px;
}
.task_status_dropdown_ctrl .dropdown-menu:after,
.task_status_dropdown_ctrl .dropdown-menu:before {
  bottom: 100%;
  left: 17px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.task_status_dropdown_ctrl .dropdown-menu:before {
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: #d5d5d6;
  border-width: 9px;
  margin-left: -1px;
}
.task_status_dropdown_ctrl .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: 1px;
}
.task_status_main_wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  box-flex: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-box-flex: 0;
  -o-box-flex: 0;
  flex: 0 0 auto;
  box-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
}
.sub_task_status_dropdown_ctrl_preview_panel {
  z-index: 9;
}
.task_status_dropdown_ctrl.open > ul.dropdown-menu {
  top: 23px;
  left: -17px;
  display: block;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_capture_progress
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_due_date
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_project
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.task_listing
  > li
  .task_draggable_number,
.captures_innr_group_ctrl_section.sort_by_userByAssignedTo
  ul.column_layout.task_listing
  > li
  .task_draggable_number {
  left: -18px;
}
.captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  ul.column_layout.task_listing
  > li
  .sub_task_icon,
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.task_listing
  > li
  .sub_task_icon,
.captures_innr_group_ctrl_section.sort_by_capture_progress
  ul.column_layout.task_listing
  > li
  .sub_task_icon,
.captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.task_listing
  > li
  .sub_task_icon,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.task_listing
  > li
  .sub_task_icon,
.captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.task_listing
  > li
  .sub_task_icon,
.captures_innr_group_ctrl_section.sort_by_due_date
  ul.column_layout.task_listing
  > li
  .sub_task_icon,
.captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  ul.column_layout.task_listing
  > li
  .sub_task_icon,
.captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.task_listing
  > li
  .sub_task_icon {
  display: none;
}
.name_of_assignee_in_sorting {
  margin: 0 2px;
}
.count_of_tasks_by_tags {
  margin-left: 4px;
  line-height: 16px;
}
.count_of_tasks_by_status {
  margin-left: 4px;
}
.name_of_tags_in_sorting {
  padding: 0 5px 0 3px;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 700 !important;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-right: 4px;
  height: 16px;
  font-size: 10px !important;
  display: inline-flex;
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.name_of_status_in_sorting {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 11px;
  display: flex;
  align-items: center;
  font-weight: 600;
  padding: 2px 5px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  line-height: 14px;
  align-items: center;
}
.count_of_tasks_by_project {
  margin-left: 4px;
}
.name_of_project_in_sorting {
  display: flex;
  align-items: center;
}
.project_dot_icon_in_sorting {
  font-size: 8px;
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
  margin-left: 4px;
}
.four_column_view_dropdown.groupBy_dropdown .toggle-chevron {
  display: inline-flex;
  align-items: center;
}
.four_column_view_dropdown.groupBy_dropdown .toggle-chevron svg {
  display: inline-flex;
  margin-right: 4px;
  top: 3px;
}
.four_column_view_dropdown.groupBy_dropdown .toggle-chevron .sorted_by {
  margin-left: 0;
}
.four_column_view_dropdown.groupBy_dropdown .four_column.sorting_dropdown {
  padding: 1px 7px 0;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
.total_time_and_estimate_ctrl {
  padding: 1px 10px;
  color: #4d4d4d;
  border-right: 1px solid #dadce0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  margin: 0 0 0 4px;
  font-size: 12px;
  font-weight: 400;
  -webkit-user-select: text;
  user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  position: relative;
}
.total_time_and_estimate_ctrl svg {
  width: 12px;
  fill: #07b55d;
}
.border_wrap_full_width
  .task_description
  .task_description_quill_editor
  .ql-toolbar {
  border-top: unset !important;
  border-left: unset !important;
  border-right: unset !important;
  border-bottom: 1px solid #e9e9eb !important;
}
.border_wrap_full_width
  .task_description
  .task_description_quill_editor
  .ql-container {
  border-right: unset;
  border-left: unset;
  border-bottom: 1px solid #e9e9eb;
}
.border_wrap_full_width .task_description .task_description_quill_editor {
  margin-top: -14px !important;
}
.border_wrap_full_width .task_description .subtask_dropdown.template_dropdown {
  margin-top: 20px !important;
}
.total_time_and_estimate_ctrl .total_time_of_list {
  padding: 0 4px 0 5px;
  font-weight: 600;
}
.total_time_and_estimate_ctrl .total_estimate_of_list {
  padding: 0 0 0 4px;
  color: #8e8e8e;
  font-weight: 600;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.split_pane_capture_module {
  width: calc(100% - 30px) !important;
}
.date_created_tooltip {
  display: none;
  width: 240px;
  position: absolute;
  background: #333;
  z-index: 999999999;
  color: #fff;
  border-radius: 3px;
  padding: 6px;
  font-size: 12px;
  left: 50%;
  right: 0;
  margin: auto;
  transform: translate(-50%, 5px);
  text-align: center;
}
.group_by_tooltip_active {
  display: block;
}
.custom_field_active.table_list_view_main_wrapper
  .task_name_control_capture_module {
  width: 332px !important;
  min-width: 283px !important;
}
.custom_field_active .task_name_header_ctrl_capture_module {
  max-width: 283px !important;
  min-width: 283px !important;
}
.tv_header_column.task_header_main_div {
  max-width: 100% !important;
}
.fullText {
  width: 100% !important;
}
.table_list_view_main_wrapper
  .list_data_column_ctrl.list_column_data_value_div {
  max-width: 100% !important;
  display: block;
}
.table_view_header.capture_module_table_header {
  width: 1930px !important;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div.capture_module_table_view_item_div {
  max-width: 1930px !important;
}
.total_time_and_estimate_ctrl .total_time_of_list.time_over_estimated {
  color: #ed4758;
}
.capture_detail_captures.is-dragover .drop_attachments_in_preview_panel_ctrl {
  display: block !important;
  background-color: rgb(14, 154, 239, 0.97) !important;
}
.draggable_placeholder_capture_list_element.intend {
  margin-left: 15px !important;
}
.drag_and_drop_functionality_ref.menu_ul_li_child_innr.child_element.child-indent.is-hoveringAbove:before {
  margin-left: 30px !important;
}
.draggable_placeholder_capture_tree_list_element {
  background: #0e9aef;
  margin-left: 43px;
  color: #fff;
}
.draggable_placeholder_capture_tree_list_element.child-indent {
  margin-left: 80px !important;
}
.drag_and_drop_functionality_ref.menu_ul_li_child_innr.child_element.child-indent.is-hoveringBelow:after {
  margin-left: 30px !important;
}
.child-indent.draggable_placeholder_capture_list_element {
  margin-left: 30px !important;
}
.added_draggable_class .drop_attachments_in_preview_panel_ctrl {
  display: block !important;
}
.right_image_modal_arrow:hover {
  opacity: 1 !important;
}
.right_image_modal_arrow i {
  font-size: 14px;
}
.right_image_modal_arrow:hover i {
  font-size: 17px;
}
.navigation_item_section {
  position: relative;
  width: 100%;
  display: inline-flex;
  height: auto;
}
.navigation_menu.merged_capture_navigation {
  position: absolute;
  bottom: 8px;
  display: flex;
  width: 130px;
  height: auto;
  border-radius: 4px;
  justify-content: space-around;
  top: auto;
  margin: auto;
  left: 0;
  right: 0;
  padding: 20px 0;
  min-width: 150px;
}
.capture_current_item {
  display: inline-flex;
  color: #fff;
  align-items: center;
}
.devider_between {
  padding: 0 2px;
}
.right_image_modal_arrow {
  color: #fff;
  opacity: 0.7;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  transition: opacity 0.2s;
  align-items: center;
  display: inline-flex;
  width: 20px;
}
.right_image_modal_arrow.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.drop_attachments_in_preview_panel_ctrl {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999;
  border: 1px dashed #0e9aef;
  align-items: center;
  text-align: center;
}
.drop_attachments_in_preview_panel_ctrl:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 2px;
}
.drop_attachments_in_preview_panel_innr_ctrl {
  width: 100%;
  height: 93px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.drop_attachments_in_preview_panel_ctrl svg {
  width: 72px;
  height: auto;
  display: inline-block;
  margin: 0 0 10px;
  fill: #ffffff;
}
.drop_attachments_in_preview_panel_ctrl h5 {
  display: inline-block;
  font-size: 26px;
  width: 100%;
  font-weight: 600;
  color: #333;
}
.parent_task_in_subtask {
  position: absolute;
  font-size: 11px;
  font-weight: unset;
  color: #151b26;
  opacity: 0.8;
  display: inline-block;
  float: left;
  width: auto;
  margin: 0;
  border-radius: 4px;
  padding: 0;
  top: 4px;
  left: 50px;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 63%;
}
.parent_task_in_subtask.digit_count_2 {
  left: 55px;
}
.parent_task_in_subtask.digit_count_3 {
  left: 61px;
}
.jnote_content_view {
  width: 100%;
}
.parent_task_in_subtask.digit_count_4 {
  left: 67px;
}
.list_data_column_ctrl .input_custom_div input {
  border: unset !important;
}
.parent_task_in_subtask.digit_count_5 {
  left: 73px;
}
.parent_task_in_subtask.digit_count_6 {
  left: 79px;
}
.parent_div_main_capture.subtask_option_separate_groupBy_separate_ordering.task_has_parent
  .grouped_by_section.grouped_by_folder_bundle.list-size_active {
  height: 43px;
}
.parent_div_main_capture.subtask_option_separate_groupBy_separate_ordering.task_has_parent
  .grouped_by_label {
  overflow: visible !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_separate_ordering.task_has_parent
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .group_label_text_limitter {
  bottom: -6px;
  position: relative;
}
.parent_div_main_capture.subtask_option_separate_groupBy_separate_ordering.task_has_parent.editable_active_as_separate_view
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .timer_ui_list_view {
  bottom: auto;
}
.draggable_clone_ul .task_name.cp_task_name {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.draggable_clone_ul
  .grouped_by_section.grouped_by_folder_bundle
  .bundle_folder_pill {
  width: 90%;
}
.draggable_clone_ul
  .grouped_by_section.grouped_by_folder_bundle
  .group_label_text_limitter {
  max-width: 100%;
  width: 100%;
}
.draggable_clone_ul
  .grouped_by_section.grouped_by_folder_bundle
  .subtasks_count_inlist_ctrl {
  display: none;
}
.draggable_clone_ul .subtasks_count_inlist_ctrl {
  display: none;
}
ul.column_layout.task_listing > li.add_new_task_div:hover {
  background-color: #fff;
}
.parent_div_main_capture.subtask_option_separate
  .captures_innr_group_ctrl_section
  .task_draggable_number {
  left: -18px !important;
}
div.parent_div_main_capture.subtask_option_expanded.indent_hover.is-hoveringAbove:before {
  margin: 0 15px 0 35px !important;
}
div.parent_div_main_capture.subtask_option_expanded.indent_hover.is-hoveringBelow:after {
  margin: 0 15px 0 35px !important;
}
div.parent_div_main_capture.is-hoveringBelow.subtask_option_expanded:before {
  margin: 0 15px 0 35px !important;
}
div.parent_div_main_capture.is-hoveringBelow.subtask_option_expanded:after {
  margin: 0 15px 0 35px !important;
}
div.parent_div_main_capture.subtask_option_expanded.is-hoveringAbove:before {
  margin: 0 15px 0 35px !important;
}
div.parent_div_main_capture.subtask_option_expanded.is-hoveringBelow:after {
  margin: 0 15px 0 35px !important;
}
ul.column_layout.task_listing > li.sub_capture.is-hoveringAbove:before {
  margin: 0 0 0 35px !important;
}
ul.column_layout.task_listing > li.sub_capture.is-hoveringBelow:after {
  margin: 0 0 0 35px !important;
}
div.parent_div_main_capture.subtask_option_compact_groupBy_none.is-hoveringAbove:before {
  margin: 0 15px !important;
}
div.parent_div_main_capture.subtask_option_compact_groupBy_none.is-hoveringBelow:after {
  margin: 0 15px !important;
}
div.parent_div_main_capture.subtask_option_expanded_groupBy_none.is-hoveringAbove:before {
  margin: 0 15px 0 35px !important;
}
div.parent_div_main_capture.subtask_option_expanded_groupBy_none.is-hoveringBelow:after {
  margin: 0 15px 0 35px !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_separate_ordering.is-hoveringAbove:before {
  margin: 0 15px !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_separate_ordering.is-hoveringBelow:after {
  margin: 0 15px !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_capture_assignees_aggregate
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_capture_assignees_aggregate
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_capture_project
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_capture_project
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_capture_tags_aggregate
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_capture_tags_aggregate
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_created_at
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_created_at
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_type
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_type
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_name
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_name
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_capture_progress
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_capture_progress
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_due_date
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_due_date
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_captureTypeByCaptureType
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_captureTypeByCaptureType
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.parent_div_main_capture.subtask_option_separate_groupBy_timer_time_entries_aggregate
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before,
.parent_div_main_capture.subtask_option_separate_groupBy_timer_time_entries_aggregate
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
#draggable_tree_drag_placeHolder
  .tree-node-inner-back.draggable-placeholder-inner-back {
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
}
#draggable_tree_drag_placeHolder .draggable-placeholder-inner {
  border: 0;
  height: 1px !important;
  background-color: #000;
}
.timer_subtask_ctrl {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row;
  align-content: flex-end;
  flex: 0 1 auto;
  -webkit-box-align: center;
  -webkit-box-pack: end;
}
.table_view_header {
  background-color: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  z-index: 9;
}
.table_view_header.fixed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.tv_header_row {
  background-color: #fff;
  height: auto;
  position: relative;
  display: flex;
  border-top: 1px solid #e9e9eb;
}
.tv_fixed_header_innr {
  -webkit-box-align: stretch;
  align-items: stretch;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  height: 36px;
  position: relative;
  z-index: 100;
  width: 50%;
}
.tv_fluid_header_innr {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: auto;
  justify-content: space-around;
}
.tv_header_column {
  min-width: 120px;
  position: relative;
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background-color: #f5f5f5;
  text-align: left;
  border-right: 1px solid #dde1e3;
  border-bottom: 1px solid #d1d1d1;
  color: #333;
  font-size: 13px;
}
.tv_header_column:hover {
  background-color: #f8f8f8;
}
.sorting_button {
  cursor: pointer;
  width: 100%;
  text-align: center;
}
.tv_header_column.task_name_header_ctrl .sorting_button {
  text-align: left;
}
.tv_header_column.number {
  width: 40px;
  min-width: 40px;
}
.tv_header_column.tasks_header {
  width: auto;
  flex: auto;
  min-width: 470px;
}
.text_editor_count_ctrl {
  background-color: red;
  width: 45px;
  height: auto;
  display: table-cell;
  z-index: 9999;
  position: relative;
}
.table_list_view_main_wrapper .captures_innr_group_ctrl_section {
  padding: 0 !important;
}
.table_list_view_main_wrapper .subtask_expand_collapse_ctrl {
  position: relative;
  left: 0;
  margin: 0 0 0 11px;
}
.table_list_view_main_wrapper .task_column_count {
  display: flex;
  align-items: center;
  border-right: 1px solid #e1e1e1;
  height: 35px;
  background-color: #fff;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_draggable_number {
  left: 0 !important;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}
.table_list_view_main_wrapper .task_name_ctrl {
  display: flex;
  align-items: center;
  width: 49%;
  min-width: 49%;
  position: sticky;
  z-index: 9;
  background-color: #fff;
  left: 47px;
  height: 36px;
  border-left: 0;
  border-right: 2px solid #e1e1e1;
  border-bottom: 0;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_column_count {
  margin: 0;
  text-align: center;
  align-items: center;
  display: inline-flex;
  position: sticky;
  z-index: 9;
  left: 0;
  justify-content: center;
  width: 47px;
  min-width: 47px;
  height: 35px;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .capture_number {
  margin: 0;
}
.table_list_view_main_wrapper .task_status_main_wrapper {
  margin: 0 10px;
}
.table_list_view_main_wrapper .task_status_main_wrapper > .task_status_box {
  margin: 0;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture {
  padding: 0;
  border: 0;
}
.list_data_column_ctrl {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
}
.comments_text svg {
  width: 29px;
  fill: #0e9aef;
}
.table_list_view_main_wrapper .list_data_column_ctrl {
  margin: 0;
  position: relative;
  min-width: 120px;
  border-right: 1px solid #e1e1e1;
  display: flex;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.table_list_view_main_wrapper .list_data_column_ctrl:focus-within {
  border-color: #0e9aef !important;
  z-index: 2 !important;
  background: #fff;
}
.table_list_view_main_wrapper .list_data_column_ctrl:hover:after {
  border-color: #b5b5b5;
  border: 1px solid #b5b5b5 !important;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .list_data_column_ctrl:hover:after {
  z-index: 1;
}
.task_number_header_ctrl {
  max-width: 47px;
  min-width: 47px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  justify-content: center;
}
.task_name_header_ctrl {
  max-width: 49%;
  min-width: 49%;
}
.task_assignee_header_ctrl,
.task_due_date_header_ctrl,
.task_project_header_ctrl,
.task_tag_header_ctrl {
  justify-content: center;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li {
  padding: 0 0 0 4%;
}
.table_list_view_main_wrapper .task_list_ctrl {
  padding: 0;
}
.table_list_view_main_wrapper .sub_capture .task_column_count {
  border-right: 1px solid #e1e1e1;
}
.table_list_view_main_wrapper .sub_capture .task_name_ctrl {
  width: 49%;
  min-width: 49%;
  padding: 0;
}
.table_list_view_main_wrapper .sub_capture .task_column_count {
  align-items: center;
  border-right: 1px solid #e1e1e1;
  height: 35px;
  min-width: 4%;
  width: 4%;
  justify-content: center;
  display: inline-flex;
  position: relative;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #fff;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li:last-child
  .task_column_count {
  border-bottom: 1px solid #e1e1e1;
}
.table_list_view_main_wrapper
  .column_layout.task_listing
  .task_draggable_number {
  left: 0;
  right: 0;
  margin: auto;
  justify-content: center;
  align-items: center;
  background-color: #f8f8f8;
  top: 0;
  bottom: 0;
}
.table_list_view_main_wrapper
  .sub_capture
  .task_column_count
  > .capture_number {
  margin: 0;
}
.table_list_view_main_wrapper .sub_capture .sub_task_icon {
  position: relative;
  left: 0;
  margin: 0 3px 0 10px;
  display: inline-flex;
}
.table_list_view_main_wrapper
  ul.column_layout.task_listing.list-size_active
  .capture_thumb_details {
  margin: 0;
}
.table_list_view_main_wrapper
  ul.column_layout.task_listing.list-size_active
  > li.sub_capture
  .task_name_other_assets {
  display: flex;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  flex: 0 1000 auto;
  width: 100%;
}
.table_list_view_main_wrapper
  .column_layout.task_listing
  .task_name.cp_task_name {
  margin: 0 15px 0 0;
  padding: 0 !important;
}
.table_list_view_main_wrapper .sub_capture .timer_ui_list_view {
  display: inline-flex;
}
.table__view_header_innr_wrapper,
.table_list_view_innr_wrapper {
  min-width: 1170px;
  width: 100%;
  position: relative;
  z-index: 998 !important;
}
.table-view-scroller .ps__rail-x,
.table-view-scroller .ps__thumb-x {
  height: 5px !important;
}
.table-view-scroller .ps__thumb-x {
  bottom: 7px !important;
}
.table_list_view_main_wrapper .grouped_by_label .as_separate_sub_task_icon {
  margin-left: 10px;
  margin-right: 3px;
}
.table_list_view_main_wrapper
  .subtask_option_separate_groupBy_separate_ordering
  .parent_task_in_subtask {
  left: 34px;
  top: 3px;
}
.table_view_main_wrapper
  .subtask_option_compact_groupBy_name
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .subtask_option_separate_groupBy_captureTypeByCaptureType
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .subtask_option_separate_groupBy_capture_assignees_aggregate
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .subtask_option_separate_groupBy_capture_progress
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .subtask_option_separate_groupBy_capture_project
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .subtask_option_separate_groupBy_capture_tags_aggregate
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .subtask_option_separate_groupBy_created_at
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .subtask_option_separate_groupBy_due_date
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .subtask_option_separate_groupBy_timer_time_entries_aggregate
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .subtask_option_separate_groupBy_type
  .fields_ctrl_groupBy_table_view {
  width: calc(100% - 822px);
  min-width: calc(100% - 822px);
  z-index: 1;
}
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_compact_groupBy_name
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_separate_groupBy_captureTypeByCaptureType
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_separate_groupBy_capture_assignees_aggregate
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_separate_groupBy_capture_progress
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_separate_groupBy_capture_project
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_separate_groupBy_capture_tags_aggregate
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_separate_groupBy_created_at
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_separate_groupBy_due_date
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_separate_groupBy_timer_time_entries_aggregate
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened.table_view_main_wrapper
  .subtask_option_separate_groupBy_type
  .fields_ctrl_groupBy_table_view {
  width: calc(100% - 622px);
  min-width: calc(100% - 622px);
}
.tv_header_column.add_more_column {
  border-right: 0;
  max-width: 60px;
  min-width: 60px;
}
.selectedDraggableCapture .task_name_ctrl {
  display: flex;
}
.selectedDraggableCapture .action_clear_info_ctrl,
.selectedDraggableCapture .action_info_icon.count_of_merged_captures,
.selectedDraggableCapture .date_time_timer_ctrl,
.selectedDraggableCapture .in_listing.in_list_view,
.selectedDraggableCapture .list_data_column_ctrl,
.selectedDraggableCapture .task_column_count,
.selectedDraggableCapture .timer_subtask_ctrl {
  display: none !important;
}
.table_list_view_main_wrapper
  div.parent_div_main_capture.subtask_option_compact_groupBy_none.is-hoveringBelow:after {
  margin: 0 !important;
}
.table_list_view_main_wrapper
  div.parent_div_main_capture.is-hoveringAbove:before {
  margin: 0 !important;
}
.table_list_view_main_wrapper
  div.parent_div_main_capture.subtask_option_expanded_groupBy_none.is-hoveringBelow:after {
  margin: 0 !important;
}
.table_list_view_main_wrapper
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringBelow:after {
  margin: 0 !important;
}
.table_list_view_main_wrapper
  ul.column_layout.task_listing
  > li.sub_capture.is-hoveringAbove:before {
  margin: 0 !important;
}
.table_list_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_separate_ordering.is-hoveringBelow:after {
  margin: 0 !important;
}
.table_list_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_separate_ordering.is-hoveringAbove:before {
  margin: 0 !important;
}
.table_list_view_main_wrapper
  .task_has_parent
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_column_count {
  height: 43px;
}
.list_header.table_view_list_header {
  border-bottom: 0;
  z-index: 9999;
  background: #fff;
}
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_progress
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_due_date
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_project
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.sub_capture_ctrl,
.table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_userByAssignedTo
  ul.column_layout.sub_capture_ctrl {
  padding: 0;
}
.table_list_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  .sub_capture
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_assignees
  .sub_capture
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_progress
  .sub_capture
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_project
  .sub_capture
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_tags_aggregate
  .sub_capture
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_created_at
  .sub_capture
  .task_column_count,
.table_list_view_main_wrapper .sort_by_due_date .sub_capture .task_column_count,
.table_list_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  .sub_capture
  .task_column_count,
.table_list_view_main_wrapper .sort_by_type .sub_capture .task_column_count {
  width: 3%;
  min-width: 3%;
  border-bottom: 1px solid #fcfcfc;
  border-right: 1px solid #e1e1e1;
  border-left: 0 !important;
  position: relative;
  left: 0;
  height: 35px;
  top: 0;
  z-index: 1;
}
.table_list_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_capture_assignees
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_capture_progress
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_capture_project
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_capture_tags_aggregate
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_created_at
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_due_date
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_project
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_type
  .column_layout.task_listing
  .task_draggable_number,
.table_list_view_main_wrapper
  .sort_by_userByAssignedTo
  .column_layout.task_listing
  .task_draggable_number {
  left: 0 !important;
}
.table_list_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  .sub_capture:last-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_assignees
  .sub_capture:last-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_progress
  .sub_capture:last-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_project
  .sub_capture:last-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_capture_tags_aggregate
  .sub_capture:last-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_created_at
  .sub_capture:last-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_due_date
  .sub_capture:last-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  .sub_capture:last-child
  .task_column_count,
.table_list_view_main_wrapper
  .sort_by_type
  .sub_capture:last-child
  .task_column_count {
  border-bottom: 1px solid #cbd3da;
}
.subtask_option_compact_groupBy_none .captures_innr_group_ctrl_section,
.subtask_option_separate_groupBy_separate_ordering
  .captures_innr_group_ctrl_section {
  padding: 0 15px;
}
.subtask_option_compact_groupBy_name .captures_innr_group_ctrl_section {
  padding: 0 15px;
}
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.capture_group_detail
  .grouped_by_section,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  .grouped_by_section,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_due_date
  .grouped_by_section,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section {
  padding: 10px 15px 10px 16px;
  margin-left: 0;
  border: 0;
  background-color: #fff;
}
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.capture_group_detail
  .grouped_by_section.group_by_list_parent,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_captureTypeByCaptureType
  .grouped_by_section.group_by_list_parent,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section.group_by_list_parent,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section.group_by_list_parent,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section.group_by_list_parent,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section.group_by_list_parent,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section.group_by_list_parent,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section.group_by_list_parent,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_due_date
  .grouped_by_section.group_by_list_parent,
.table_list_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section.group_by_list_parent {
  background-color: #f5f5f7;
}
.groupBy_column_grey_placeholder_ctrl {
  background: #fcfcfc;
  width: 4%;
  height: 35px;
  display: inline-flex;
  position: relative;
  left: 0;
  top: 0;
  min-width: 41px;
  border-right: 1px solid #e1e1e1;
  display: none;
}
.table_list_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_assignees
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_module_folder
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_progress
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_project
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_tags_aggregate
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_created_at
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_due_date
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_project
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_userByAssignedTo
  > .grouped_by_section
  .chevron_ctrl {
  left: 0;
  position: relative;
  margin-right: 0;
  margin-left: 4px;
  border: 0;
}
.table_list_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  > .grouped_by_section
  .grouped_by_label,
.table_list_view_main_wrapper
  .sort_by_capture_assignees
  > .grouped_by_section
  .grouped_by_label,
.table_list_view_main_wrapper
  .sort_by_capture_module_folder
  > .grouped_by_section
  .grouped_by_label,
.table_list_view_main_wrapper
  .sort_by_capture_progress
  > .grouped_by_section
  .grouped_by_label,
.table_list_view_main_wrapper
  .sort_by_capture_project
  > .grouped_by_section
  .grouped_by_label,
.table_list_view_main_wrapper
  .sort_by_capture_tags_aggregate
  > .grouped_by_section
  .grouped_by_label,
.table_list_view_main_wrapper
  .sort_by_created_at
  > .grouped_by_section
  .grouped_by_label,
.table_list_view_main_wrapper
  .sort_by_due_date
  > .grouped_by_section
  .grouped_by_label,
.table_list_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  > .grouped_by_section
  .grouped_by_label,
.table_list_view_main_wrapper
  .sort_by_type
  > .grouped_by_section
  .grouped_by_label {
  margin-left: 0;
}
.table_list_view_main_wrapper .add_new_task_bottom_btn {
  padding: 0;
}
.table_list_view_main_wrapper
  .add_new_task_bottom_btn
  .groupBy_column_grey_placeholder_ctrl {
  min-width: 41px;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_section_main_capture {
  padding: 0 !important;
}
.sort_by_captureTypeByCaptureType
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div,
.sort_by_capture_assignees
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div,
.sort_by_capture_progress
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div,
.sort_by_capture_project
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div,
.sort_by_capture_tags_aggregate
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div,
.sort_by_created_at
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div,
.sort_by_due_date
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div,
.sort_by_name
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div,
.sort_by_timer_time_entries_aggregate
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div,
.sort_by_type
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div {
  padding-left: 22px;
}
.sort_by_captureTypeByCaptureType
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl,
.sort_by_capture_assignees
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl,
.sort_by_capture_progress
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl,
.sort_by_capture_project
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl,
.sort_by_capture_tags_aggregate
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl,
.sort_by_created_at
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl,
.sort_by_due_date
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl,
.sort_by_name
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl,
.sort_by_timer_time_entries_aggregate
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl,
.sort_by_type
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  > .task_list_ctrl {
  padding: 0 !important;
}
.sort_by_captureTypeByCaptureType
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number,
.sort_by_capture_assignees
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number,
.sort_by_capture_progress
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number,
.sort_by_capture_project
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number,
.sort_by_capture_tags_aggregate
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number,
.sort_by_created_at
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number,
.sort_by_due_date
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number,
.sort_by_name
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number,
.sort_by_timer_time_entries_aggregate
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number,
.sort_by_type
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div
  .capture_number {
  margin-left: 0;
}
.table_list_view_main_wrapper .new_task_placeholder .task_list_ctrl {
  height: 35px;
}
.table_list_view_main_wrapper #addMainCaptureTaskDiv.add_new_task_div {
  padding: 0;
  z-index: 99;
  background-color: #fff;
}
.table_list_view_main_wrapper
  .new_task_placeholder.add_new_task_div
  .capture_number {
  margin: 0;
  width: 3%;
  text-align: center;
  height: 33px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-right: 1px solid #e1e1e1;
  background-color: #fcfcfe;
  min-width: 3%;
}
.table_list_view_main_wrapper .new_task_placeholder_action_btn_ctrl {
  margin: 0 5px 0 auto;
}
.table_list_view_main_wrapper
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.add_new_task_div {
  padding: 0;
  z-index: 99;
  padding: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.table_list_view_main_wrapper .add_new_task_div .task_column_count {
  height: 32px !important;
  border-bottom: 0 !important;
  z-index: 9 !important;
  max-width: 40px !important;
  top: -1px !important;
  text-align: center;
}
.table_list_view_main_wrapper
  .add_new_task_div
  .task_column_count
  .capture_number {
  margin: 0 !important;
}
.table_list_view_main_wrapper .add_new_task_div .task_name_ctrl {
  height: auto;
  width: 100%;
  background-color: #fff;
}
.project_column_ctrl .project-div {
  display: inline-flex;
  font-weight: 600;
  align-items: center;
  margin-left: 0;
  width: 100%;
  position: relative;
}
.project_column_ctrl .project-icon {
  transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  padding-right: 0;
  align-items: center;
  width: 100%;
  justify-content: center;
  height: 35px;
}
.project_column_ctrl .project-icon .align-middle {
  display: flex;
  align-items: center;
  width: auto;
  position: relative;
}
.project_column_ctrl .project-div .project-icon .iconbg {
  padding: 0 0 0 4px;
  margin-right: 5px;
  min-height: 0.28em;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  line-height: 2.1;
  height: 22px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.project_column_ctrl .project-div .project-icon .align-middle span {
  font-size: 13px;
  font-weight: 400;
  color: #676a6c;
}
.project_column_ctrl
  .project-div
  .project-icon
  .align-middle
  span.project-icon-svg {
  width: 25px;
  padding: 5px;
  margin: 0;
}
.project_column_ctrl .project-div .project-icon .project-variable {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background-color: #f5f5f7;
  padding: 0 5px;
  border: 1px solid #dadce0;
  border-radius: 20px;
  align-items: center;
  position: relative;
}
.project_column_ctrl .project-div .project-icon .align-middle span {
  font-size: 12px;
  font-weight: 600;
  color: #676a6c;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
}
.project_column_ctrl span.remove_assignee.remove_project {
  display: none;
  opacity: 0;
  position: absolute;
  top: -8px;
  right: -4px;
}
.project-div .remove_assignee i {
  color: #465369;
  opacity: 0.7;
  font-size: 10px;
}
.project-div .remove_assignee i:hover {
  opacity: 1;
}
.project_column_ctrl .project-icon:hover .remove_project {
  opacity: 1;
  display: block;
}
.project_column_ctrl span.project-variable.no_project_added {
  color: rgb(70, 83, 105, 0.65) !important;
}
.assignee_column_ctrl .assignee-div {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #676a6c;
  font-size: 13px;
  width: 100%;
}
.assignee_column_ctrl .assignee-div .assignee-container {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35px;
}
.assignee_column_ctrl .assignee-container .iconbg {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  align-items: center;
  width: 25px;
}
.assignee_column_ctrl .assignee-container .iconbg svg {
  fill: #676a6c;
  opacity: 0.7;
}
.assignee_column_ctrl
  .assignee-div
  .assignee-container
  .multi-assignee-wrapper {
  display: flex;
  margin: 0;
  align-items: center;
}
.assignee_column_ctrl .no_assignee_added {
  color: rgb(70, 83, 105, 0.65) !important;
  font-size: 12px !important;
}
.tags_column_ctrl .added_tags_text {
  font-size: 9px;
  max-width: 24px;
}
.tags_column_ctrl .tagged_assets_tags {
  margin: 0;
  display: flex;
  align-items: center;
}
.tags_column_ctrl .tags-div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.tags_column_ctrl .tag-container.dropdown {
  width: 100%;
  text-align: center;
  justify-content: center;
  display: flex;
}
.tags_column_ctrl .tagged_assets_tags {
  margin: 0;
  display: flex;
  align-items: center;
}
.tags_column_ctrl .added_tags {
  font-size: 9px;
  border: 1px solid #fff;
  padding: 0 5px;
  text-align: center;
  justify-content: center;
}
.tags_column_ctrl .added_tags.more_tag {
  font-size: 10px;
  border: 2px solid #fff;
  color: #465369;
  background-color: #f0edf5;
  height: 19px;
  margin-left: -2px;
}
.tags_column_ctrl .iconbg svg {
  opacity: 0.55;
  width: 20px;
  height: auto;
}
.project_column_ctrl .project-icon-svg.iconbg svg {
  width: 14px;
  height: auto;
  opacity: 0.7;
}
.due_date_column_text {
  color: #676a6c;
  font-size: 13px;
  font-weight: 400;
}
.due_date_column_ctrl .duedate-icon.dropdown {
  display: flex;
  align-items: center;
}
.due_date_column_ctrl .due_date_anchor_btn {
  display: flex;
  align-items: center;
  height: 35px;
  width: 100%;
  justify-content: center;
}
.due_date_column_ctrl a.due_date_anchor {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.due_date_column_text {
  color: #676a6c;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  cursor: pointer;
}
.tags_column_ctrl .remove_tags > i {
  font-size: 10px;
}
.due_date_column_ctrl .due-date .remove_assignee {
  position: absolute;
  top: 0;
  right: 0;
}
.due_date_column_ctrl .due-date {
  width: 100%;
  display: flex;
  justify-content: center;
}
.due_date_column_ctrl .duedate-icon.dropdown {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.due_date_column_ctrl .due-date .remove_assignee i {
  color: #465369;
  font-size: 10px;
}
.due_date_column_ctrl .due-date .remove_assignee i:hover {
  opacity: 1;
}
.due_date_column_ctrl a.due_date_anchor > svg {
  width: 13px;
  height: auto;
  opacity: 0.6;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  .sub_capture
  .task_name_ctrl {
  padding: 0;
  width: calc(56% - 70px);
  min-width: 497px;
  padding: 0;
  width: 46%;
  min-width: 46%;
}
.table_list_view_main_wrapper
  .task_has_parent
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_name_ctrl {
  height: 43px;
  border-bottom: 0;
}
.table_list_view_main_wrapper
  .task_has_parent
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .list_data_column_ctrl {
  height: 43px;
}
.list_data_column_ctrl.reserved_column_space {
  max-width: 60px;
  min-width: 60px;
  cursor: default;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  .sub_capture
  .list_data_column_ctrl.reserved_column_space {
  width: 60px !important;
  min-width: 60px;
}
.tv_header_column_dropdown {
  margin: 0;
  display: inline-flex;
  float: right;
  justify-content: right;
  align-content: end;
  right: 0;
  position: absolute;
  align-items: center;
  opacity: 1;
}
.tv_header_column_dropdown > i {
  color: #3c4152;
  opacity: 0;
  font-size: 12px;
  padding: 5px 7px;
  cursor: pointer;
}
.tv_header_column_dropdown.open > i {
  color: #0e9aef;
  opacity: 0;
}
.tv_header_column:hover > .tv_header_column_dropdown {
  opacity: 1;
}
.tv_header_column_dropdown .dropdown-menu {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  border-radius: 3px;
  left: auto;
  right: 0;
}
.tv_header_column.last_header_column .tv_header_column_dropdown .dropdown-menu {
  right: 0;
  left: auto;
}
.tv_header_column_dropdown .dropdown-menu > a {
  color: #252222;
  font-size: 13px;
  align-items: center;
  display: flex;
  padding: 6px 10px 6px 30px;
  font-weight: 400;
}
.tv_header_column_dropdown .dropdown-menu > a:hover {
  background-color: #f5f5f5;
  color: #465369;
}
.tv_header_column_dropdown .dropdown-menu > a.active {
  background-color: #2680eb1a;
  color: #2680eb;
}
.tv_header_column .dropdown.tv_header_column_dropdown.open > i {
  color: #0e9aef;
  opacity: 1;
}
.sorting_table_view > i {
  color: #0e9aef;
  font-size: 11px;
  margin-left: 5px;
}
.sorting_table_view.sorting_down > i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.add_more_column_innr {
  align-items: center;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.add_more_column_innr > i {
  font-size: 13px;
  color: #0e9aef;
  opacity: 0.7;
  transition: background 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -webkit-transition: background 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -moz-transition: background 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -ms-transition: background 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-transition: background 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.add_more_column_innr:hover > i {
  color: #0e9aef;
  opacity: 1;
}
.modal_custom_field .modal-content {
  width: 650px;
}
.modal_custom_field .modal-header {
  padding: 9px 15px;
  display: flex;
  align-items: center;
}
.modal_custom_field .modal-large-heading {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: center !important;
  align-items: center;
  margin: 0 auto;
}
.modal_custom_field .modal-body {
  padding: 10px 15px 20px !important;
}
.modal_custom_field .Create-new-team .form-group {
  margin-bottom: 15px !important;
}
.modal_custom_field .Create-new-team .form-group:last-child {
  margin-bottom: 0 !important;
}
.modal_custom_field .form-group label {
  font-size: 13px;
  color: #353535;
  font-weight: 600 !important;
  display: block;
  margin-bottom: 8px;
}
.modal_custom_field .form-group .form-control,
.single-line {
  color: #465369;
  border-radius: 3px;
}
.modal_custom_field .form-group textarea {
  width: 100%;
  resize: none;
  background: #fff;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 400;
  color: #465369;
  border-radius: 3px;
  border: 1px solid #e5e6e7;
}
.modal_custom_field .form-group textarea:focus {
  border: 1px solid #0e9aef;
}
.modal_custom_field .btn.btn-default.dismiss_modal {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
}
.selection_field_type {
  width: 100%;
  height: 36px;
  border: 1px solid #e5e6e7;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.custom_field_type_ctrl .selected_field {
  width: 100%;
  display: flex;
  align-items: center;
}
.custom-field-type.text {
  background: #e6e6e6;
  color: #252222;
  font-size: 10px;
  padding: 0 5px;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 6px;
  width: 33px;
  align-items: center;
}
.selection_field_type i {
  margin: 0 0 0 auto;
  display: inline-flex;
}
.custom_field_type_ctrl .dropdown-menu {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  border-radius: 3px;
  left: auto;
  right: 0;
  width: 100%;
  background-color: #fff;
}
.selection_field_type.open + .dropdown-menu {
  display: block;
}
.custom_field_type_ctrl .dropdown-menu > a {
  color: #252222;
  font-size: 13px;
  align-items: center;
  display: flex;
  padding: 6px 10px;
  font-weight: 400;
  position: relative;
  align-items: center;
}
.custom_field_type_ctrl .dropdown-menu > a:hover {
  background-color: #f5f5f5;
  color: #252222;
}
.custom_field_type_ctrl .dropdown-menu > a.active {
  background-color: #2680eb1a;
  color: #2680eb;
}
.custom_field_type_ctrl .dropdown-menu > a.active .custom-field-type.text {
  color: #fff;
  background-color: #2680eb;
}
.custom_field_type_ctrl .dropdown-menu > a.active:before {
  display: none;
}
.custom_field_type_ctrl .custom-field-type {
  text-align: center;
  color: #252222;
}
.custom_field_type_ctrl .custom-field-type.dropdown {
  height: 16px;
  display: flex;
  align-items: center;
}
.repeat_custom_field_options_ctrl a.remove_option {
  color: #ed4758;
  opacity: 0.8;
  font-size: 11px;
}
.existing_custom_fields .manage_custom_field_in_popup_row_ctrl {
  border-top: 0;
  border-bottom: 0;
}
.existing_custom_fields .manage_custom_field_in_popup_row_ctrl:hover {
  background-color: #f5f5f5;
}
.existing_custom_fields .icon-ctrl {
  display: inline-flex;
}
.existing_custom_fields .custom-field-type.dropdown {
  display: inline-flex;
}
.existing_custom_fields .icon-ctrl .custom-field-type.dropdown span {
  display: inline-flex;
}
.modal_custom_field .existing_custom_fields .modal-body {
  padding: 0 !important;
}
.guide_label {
  padding: 7px 25px;
  display: block;
  font-weight: 600;
}
.fields_ctrl_groupBy_table_view {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.fields_ctrl_groupBy_table_view .list_data_column_ctrl.reserved_column_space {
  min-width: 6%;
  width: 6%;
}
.table_list_view_main_wrapper
  .fields_ctrl_groupBy_table_view
  .list_data_column_ctrl.reserved_column_space {
  min-width: 60px;
  width: 60px;
}
.freeze_column {
  width: 52%;
  display: flex;
  min-width: 52%;
  position: absolute;
  left: 0;
  top: 0;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .freeze_column
  .task_column_count {
  width: 8%;
  min-width: 8%;
}
.table_list_view_main_wrapper .freeze_column .task_name_ctrl {
  width: 92%;
  min-width: 92%;
}
.flexible_column {
  width: 48%;
  min-width: 48%;
  display: flex;
}
.flexible_column .list_data_column_ctrl {
  width: 23%;
  min-width: 23%;
}
.flexible_column .list_data_column_ctrl.reserved_column_space {
  width: 8%;
  min-width: 8%;
}
.tv_header_freeze_column {
  width: 52%;
  min-width: 52%;
  border-right: 1px solid #e1e1e1;
  display: flex;
  position: absolute;
}
.tv_header_freeze_column .task_number_header_ctrl {
  width: 8%;
  min-width: 8%;
}
.tv_header_freeze_column .task_name_header_ctrl {
  width: 92%;
  min-width: 92%;
  border: 0;
}
.tv_header_flexi_column {
  display: flex;
  width: 48%;
}
.tv_header_flexi_column .tv_header_column {
  width: 23%;
  min-width: 23%;
}
.tv_header_flexi_column .tv_header_column.add_more_column {
  width: 8%;
  min-width: 8%;
}
.tv_header_colum_2_freezed {
  width: 52%;
}
.list_data_2columns_freezed {
  width: 52%;
  display: flex;
  height: 35px;
}
.freezed_table_list {
  width: calc(52% - 9px);
  position: absolute;
  left: 0;
  z-index: 99;
  top: 0;
  height: calc(100vh - 179px);
  overflow: hidden;
  min-width: 608px;
  display: none !important;
}
.freezed_table_list.hide_in_groupBy {
  display: none !important;
}
.freezed_table_list .task_number_header_ctrl {
  min-width: 6%;
}
.freezed_table_list .task_name_header_ctrl {
  min-width: 94%;
}
.table_list_view_main_wrapper
  .freezed_table_list
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_column_count {
  width: 6%;
  min-width: 6%;
}
.table_list_view_main_wrapper .freezed_table_list .task_name_ctrl {
  width: 94%;
  min-width: 94%;
}
.freezed_and_static_table_list_ctrl {
  position: relative;
}
.freezed_table_list .table__view_header_innr_wrapper,
.freezed_table_list .table_list_view_innr_wrapper {
  min-width: 520px;
}
.static_data_table_list {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  display: block;
  max-width: 100%;
  height: calc(100vh - 174px);
}
.table__view_header_innr_wrapper.fixed,
.table_list_view_innr_wrapper.fixed {
  width: 100%;
}
.table_list_vertical_scroller_ctrl {
  width: 100%;
  overflow: auto;
}
.only_default_columns_exist .task_name_header_ctrl {
  max-width: 100%;
}
.table_list_view_main_wrapper .only_default_columns_exist .task_column_count {
  position: static;
  left: auto;
}
.table_list_view_main_wrapper .only_default_columns_exist .task_name_ctrl {
  width: 100%;
  border-right-width: 1px;
  position: static;
  left: auto;
}
.freezed_table_list.freezed_columns_hidden {
  display: none;
}
.freezed_table_list.horizontal-scroll-active {
  height: calc(100vh - 194px);
}
.tv_header_column.add_more_column .add_more_dropdown_ctrl {
  right: 0;
  left: auto;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
}
.add_more_column_dropdown {
  display: flex;
  max-width: 270px;
  overflow: hidden;
}
.common_view_icon {
  margin: 0 7px;
  align-items: center;
  display: none;
  cursor: pointer;
}
.common_view_icon > i {
  color: #151b26;
  opacity: 0.55;
  font-size: 12px;
}
.common_view_icon > svg {
  fill: #151b26;
  width: 13px;
  height: auto;
  opacity: 0.55;
}
.grouped_by_section.grouped_by_folder_bundle:hover .common_view_icon {
  display: flex;
}
.common_view_icon:hover > i,
.common_view_icon:hover > svg {
  opacity: 1;
}
ul.column_layout.task_listing > li:hover .common_view_icon {
  display: flex;
}
.table_list_view_main_wrapper
  .editable_active_as_separate_view
  .grouped_by_section.grouped_by_folder_bundle:hover
  .common_view_icon {
  display: none;
}
.table_view_main_wrapper
  ul.column_layout.task_listing
  > li:hover
  .editable_content_ctrl
  ~ .common_view_icon {
  display: none;
}
.detailPane_inModal .modal-dialog.modal-xl {
  width: 70%;
}
.details_pane_in_modal_ctrl {
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 6px;
  display: flex;
}
.details_pane_in_modal_ctrl .panel_content_wrapper {
  width: 100%;
}
.details_pane_in_modal_ctrl .vertical_bar_on_page {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-left: 1px solid #dadce0;
}
.details_pane_in_modal_ctrl .vertical_bar_on_page ul.vertical_bar_ul {
  height: 100%;
}
.details_pane_in_modal_ctrl .common_section {
  padding-left: 0;
}
.details_pane_in_modal_ctrl
  .attachment-container
  .details_pane_in_modal_ctrl
  .time-entry-container,
.details_pane_in_modal_ctrl .comments_activity_chevron_down_ctr,
.details_pane_in_modal_ctrl .custom-container,
.details_pane_in_modal_ctrl .metadata-container,
.details_pane_in_modal_ctrl .related-document-container,
.details_pane_in_modal_ctrl .subtask-container,
.details_pane_in_modal_ctrl .tags-container {
  position: relative;
}
.details_pane_in_modal_ctrl span.dropicon {
  position: relative;
  left: 0;
  min-width: 15px;
  margin-top: 0;
}
.details_pane_in_modal_ctrl .tags-container {
  margin: 0 20px 0 10px;
  border-bottom: 0;
}
.details_pane_in_modal_ctrl .tags-container .tags-icon {
  margin-left: 0;
}
.details_pane_in_modal_ctrl .tags-container i.fa-chevron-down {
  position: relative;
  left: 0;
}
.details_pane_in_modal_ctrl .tags-container .section-title {
  border-bottom: 2px solid #dfe5f2;
  width: 100%;
}
.details_pane_overlap_style_table_view
  .vue_splitter_pane.capture_selected_list
  + .splitpanes__splitter:hover {
  background: #0e9aef !important;
}
.details_pane_overlap_style_table_view
  .vue_splitter_pane.capture_selected_list
  + .splitpanes__splitter:focus {
  background: #0e9aef !important;
}
.details_pane_overlap_style_table_view .capture_detail_captures {
  border-radius: 0 !important;
  box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
  -webkit-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.22);
  -moz-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
  -ms-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
  -o-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
}
.details_pane_overlap_style_table_view
  .vue_splitter_pane.capture_selected_list {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0 !important;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.activeDetailsPane {
  width: calc(100% - 500px);
}
.JNotes_details_wrapper {
  width: 100%;
  display: flex;
  background-color: rgba(0, 0, 0, 0.4);
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 9999999;
  justify-content: flex-end;
}
.JNotes_details_ctrl {
  width: 500px;
  display: flex;
}
.JNotes_details_ctrl .panel_content_wrapper {
  width: 100%;
  display: inline-flex;
  background-color: #fff;
  border: 1px solid #dadce0;
}
.JNotes_details_ctrl .vertical_bar_on_page ul.vertical_bar_ul {
  height: 100%;
}
.close_JNotes_details_panel {
  position: relative;
  top: 8px;
  left: -12px;
  color: rgba(255, 255, 255, 0.7);
  display: inline-flex;
  height: 18px;
}
.close_JNotes_details_panel > i {
  color: rgba(255, 255, 255, 0.7);
  font-size: 17px;
  cursor: pointer;
}
.close_JNotes_details_panel > i:hover {
  color: #fff;
}
.sorting_asc:after,
.sorting_desc:after {
  color: #0e9aef;
  font-size: 16px;
  position: absolute;
  margin-left: 5px;
  margin-top: -2px;
  font-weight: 700;
}
.task_project_data_placeholder .project_pill_list_view > i {
  font-size: 8px;
  display: block;
}
.task_project_data_placeholder .project_pill_list_view {
  color: #676a6c;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 66px;
  background-color: #f5f5f7;
  border: 1px solid #dadce0;
  padding: 0 5px;
  border-radius: 20px;
  align-items: center;
  position: relative;
  display: block;
  width: auto;
}
.task_project_data_placeholder .project_pill_list_view > i {
  font-size: 8px;
  display: inline;
  margin: 0 3px 0 0;
  padding: 0;
}
.project_pill_main_ctrl {
  position: relative;
  cursor: pointer;
}
.project_pill_main_ctrl .remove_project {
  position: absolute !important;
  top: -8px;
  right: -4px;
  opacity: 0;
}
.project_pill_list_view .remove_project > i {
  color: #465369;
  opacity: 0.4;
  font-size: 10px;
}
.project_pill_main_ctrl:hover .remove_project {
  opacity: 1;
}
.project_pill_main_ctrl .remove_project > i {
  opacity: 0.4;
  font-size: 10px;
}
.project_pill_main_ctrl .remove_project > i:hover {
  opacity: 1;
}
.project_pill_main_ctrl svg {
  width: 14px;
  height: auto;
  opacity: 0.7;
}
.task_created_at_data_placeholder .due_date_column_text {
  opacity: 1;
}
.list_view_main_wrapper .task_name_other_assets {
  justify-content: space-around;
}
.list_view_main_wrapper .task_in_edit_state.editable_content_ctrl {
  width: 100%;
  margin-right: 10px;
  flex: 0 1000 auto;
  -webkit-box-flex: 1;
  flex-grow: 1;
  display: inline-flex;
  -webkit-box-direction: normal;
}
.list_view_main_wrapper
  ul.captures_data_ctrl.list_layout
  > li
  textarea.cp_task_name.editable_content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  -webkit-box-pack: start;
  flex: 1 10000 auto;
  -webkit-box-flex: 1;
  webkit-box-align: center;
}
.tv_header_column.task_name_header_ctrl,
.tv_header_column.task_number_header_ctrl {
  position: sticky;
  left: 0;
  z-index: 99;
}
.tv_header_column.task_name_header_ctrl {
  left: 35px;
  border-right-width: 2px;
}
.no_freezed_header .tv_header_column.task_name_header_ctrl,
.no_freezed_header .tv_header_column.task_number_header_ctrl {
  position: relative;
  left: auto;
  z-index: 0;
}
.task_list_data_placeholder.add_more_column_placeholder {
  min-width: 4%;
  max-width: 4%;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.task_list_data_placeholder.add_more_column_placeholder .add_more_column_innr {
  width: 100%;
  justify-content: center;
  text-align: center;
  display: inline-flex;
}
.task_list_data_placeholder.add_more_column_placeholder
  .add_more_column_innr:hover
  > i {
  opacity: 1;
}
.task_list_data_placeholder.add_more_column_placeholder > .dropdown-menu {
  display: none;
  right: 0;
  left: auto;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
}
.task_list_data_placeholder.add_more_column_placeholder.open > .dropdown-menu {
  display: block;
}
.table_list_view_main_wrapper
  .freezed_table_list.subtask_option_expanded
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li {
  padding: 0 0 0 6%;
  background-color: #fff;
}
.table_list_view_main_wrapper
  .freezed_table_list.subtask_option_expanded
  .sub_capture
  .task_column_count {
  min-width: 6%;
  width: 6%;
}
.table_list_view_main_wrapper
  .freezed_table_list.subtask_option_expanded
  .sub_capture
  .task_name_ctrl {
  min-width: 94%;
  width: 94%;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture {
  padding: 0 0 0 46px;
  background-color: #fff;
}
.table_list_view_main_wrapper
  .freezed_table_list.subtask_option_expanded
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture {
  padding: 0 0 0 6%;
}
.table_list_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture
  .task_column_count {
  min-width: 47px;
  width: 47px;
  border-bottom: 1px solid #e1e1e1;
  min-height: 36px;
  border-top: 1px solid #e1e1e1;
  border-left: 0;
}
.table_list_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  width: 776px;
  min-width: 776px;
  position: inherit;
}
.preview_pane_is_opened
  .table_list_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  width: 575px;
  min-width: 575px;
}
.table_list_view_main_wrapper
  .freezed_table_list.subtask_option_expanded
  ul.sub_capture_ctrl {
  background-color: #fff;
}
.no_internet_main_ctrl {
  width: 100%;
  text-align: center;
  justify-content: center;
  position: fixed;
  bottom: 5px;
  z-index: 999999999999999;
}
.no_internet_notification_ctrl {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  width: auto;
  background: transparent
    linear-gradient(221deg, #5494dc 0, #32a4dd 50%, #00bcde 100%) 0 0 no-repeat
    padding-box;
  color: #fff;
  font-weight: 600;
  padding: 5px 15px;
  margin: 0;
  border-radius: 5px;
}
.no_internet_notification_ctrl p {
  display: flex;
  align-items: center;
  margin: 0;
}
.no_internet_notification_ctrl .offline_icn {
  display: inline-flex;
  padding: 0 8px;
}
.offline_icn svg {
  width: 18px;
  height: auto;
  display: inline-flex;
  margin-right: 5px;
}
.no_internet_notification_ctrl a {
  color: #fff;
  margin-left: 5px;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  line-height: 14px;
}
.no_internet_notification_ctrl a:hover {
  border-bottom: 1px solid transparent;
}
.no_internet_notification_ctrl a i {
  font-size: 10px;
  margin-right: 3px;
  top: -1px;
  position: relative;
}
.list_view_main_wrapper
  .task_name_data_placeholder.task_innr_common
  .list-right-over-items,
.split_list_view_main_wrapper
  .task_name_data_placeholder.task_innr_common
  .list-right-over-items {
  position: relative;
}
.list_view_main_wrapper .showDetailsBtn_InList {
  display: inline-flex;
  align-items: center;
  color: #676a6c;
  font-size: 12px;
  margin: 0 5px 0 0;
  opacity: 0;
}
.list_view_main_wrapper .task_innr_common:hover .showDetailsBtn_InList {
  opacity: 1;
}
.list_view_main_wrapper .showDetailsBtn_InList > i {
  color: #333;
  opacity: 0.6;
  font-size: 10px;
  margin: 0 0 0 2px;
}
.list_view_main_wrapper
  ul.captures_data_ctrl.short_density
  > li
  .task_innr_common,
.split_list_view_main_wrapper
  ul.captures_data_ctrl.short_density
  > li
  .task_innr_common {
  padding: 0;
}
.list_view_main_wrapper
  .task_name_data_placeholder.task_innr_common
  .list-right-over-items,
.split_list_view_main_wrapper
  .task_name_data_placeholder.task_innr_common
  .list-right-over-items {
  position: relative;
  right: 0;
  height: 35px;
  line-height: 30px;
  padding-right: 5px;
  padding-left: 5px;
  display: inline-flex;
  vertical-align: middle;
}
.list_view_main_wrapper
  .task_name_data_placeholder.task_innr_common
  .list-right-over-items
  .three_dots_dropdown_main,
.split_list_view_main_wrapper
  .task_name_data_placeholder.task_innr_common
  .list-right-over-items
  .three_dots_dropdown_main {
  margin: 0 !important;
  padding: 3px 0;
  display: block;
  opacity: 0;
}
.list_view_main_wrapper
  ul.captures_data_ctrl.short_density
  > li
  .task_innr_common:hover
  .list-right-over-items
  .three_dots_dropdown_main,
.split_list_view_main_wrapper
  ul.captures_data_ctrl.short_density
  > li
  .task_innr_common:hover
  .list-right-over-items
  .three_dots_dropdown_main {
  opacity: 1;
}
.list_view_main_wrapper
  ul.captures_data_ctrl.short_density
  > li
  .task_innr_common
  .three_dots_dropdown_main:hover
  i {
  color: #000;
}
.split_list_view_main_wrapper
  ul.captures_data_ctrl.short_density
  > li
  .task_innr_common
  .three_dots_dropdown_main:hover
  i {
  color: #000;
}
.list_view_main_wrapper .showDetailsBtn_InList:hover,
.list_view_main_wrapper .showDetailsBtn_InList:hover > i {
  color: #000;
  opacity: 1;
}
.list_view_main_wrapper .showDetailsBtn_InList:hover > i,
.split_list_view_main_wrapper .showDetailsBtn_InList:hover {
  color: #000;
  opacity: 1;
}
.wrapper-clm-bg-modal {
  flex-direction: row;
}
.preview_pane_wrapper_left,
.preview_pane_wrapper_right {
  width: 50%;
}
.preview_pane_wrapper_right .preview_pane_top_header_second {
  padding: 8px 14px;
  background-color: #fff;
}
.preview_pane_wrapper_left {
  border-right: 1px solid #dadce0;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 1px;
  overflow: hidden;
  position: relative;
}
.preview_pane_wrapper_left .comment_box_ctrl {
  border-bottom-right-radius: 0;
}
.preview_pane_wrapper_right .comment_box_ctrl {
  border-radius: 0;
  background-color: #f5f5f7;
}
.separated_comments_activity_wrapper {
  padding: 15px 20px 15px 15px;
  display: inline-block;
  width: 100%;
}
.preview_pane_wrapper_right {
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 1px;
  background-color: #fafafb;
  position: relative;
}
.preview_pane_scroll_right_wrapper .ps__rail-x,
.preview_pane_scroll_right_wrapper .ps__rail-y {
  z-index: 99 !important;
}
.separated_comments_activity_wrapper .comments_activity_pill_ctrl {
  position: fixed;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1;
  top: 41px;
  right: 0;
  width: 50%;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fafafb;
}
.separated_comments_activity_wrapper
  .comment_activity_main_content_ctrl
  .tab-content {
  margin-top: 30px;
}
.split_list_view_main_wrapper .cp_task_name {
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0 0 0 5px !important;
  resize: none;
  height: 23px;
  line-height: 21px;
  background: 0 0;
  width: 100%;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  flex: 1 10000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin-right: 10px;
}
.close_preview_pane_modal {
  padding: 0 5px;
  text-align: center;
  align-items: center;
  display: inline-block;
  cursor: pointer;
  width: 23px;
  height: 23px;
  justify-content: center;
  font-size: 13px;
  line-height: 26px;
  margin: 0 0 0 9px;
  border-radius: 2px;
  font-weight: 400;
}
.close_preview_pane_modal > i {
  color: #000;
  opacity: 0.4;
  text-align: center;
  font-size: 17px;
  display: inline-flex;
}
.close_preview_pane_modal:hover {
  background-color: #f5f5f7;
  opacity: 0.6;
}
.close_preview_pane_modal:hover > i {
  opacity: 1;
}
.preview_pane_wrapper_left .drop_attachments_in_preview_panel_ctrl {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.table_list_view_main_wrapper .timer_subtask_ctrl {
  z-index: 1;
}
.table_list_view_main_wrapper .grouped_by_label {
  overflow: inherit;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .task_name_ctrl {
  background-color: #0e9aef !important;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .fields_ctrl_groupBy_table_view {
  background-color: #0e9aef !important;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .table_view_item_div
  .task_column_count {
  background-color: #0e9aef !important;
  color: #0e9aef;
  font-weight: 600;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .captures_innr_group_ctrl_section:hover
  .capture_parent_div_section.active
  .table_view_item_div
  .task_draggable_number {
  background-color: #0e9aef !important;
}
.new_tag {
  font-weight: 700;
  background-color: #c00;
  padding: 0;
  border-radius: 1px;
  text-align: center;
  align-items: center;
  justify-content: center;
  line-height: 9px;
  font-size: 10px;
  position: absolute;
  top: -11px;
  right: -13px;
  color: #fff;
  height: 10px;
  width: 23px;
}
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.capture_group_detail
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture:first-child {
  border-top: 0;
}
ul.column_layout.task_listing
  > li.sub_capture[data-class="multiple_selected"]
  .task_list_ctrl
  .task_name_ctrl {
  background-color: #0e9aef !important;
}
.table_list_view_main_wrapper .tv_header_row .task_number_header_ctrl {
  position: sticky;
  z-index: 999;
  left: 0;
}
.table_list_view_main_wrapper .tv_header_row .task_name_header_ctrl {
  position: sticky;
  z-index: 999;
  left: 47px;
}
.table_list_view_main_wrapper
  .no_freezed_header
  .tv_header_row
  .task_number_header_ctrl {
  position: inherit;
  z-index: 0;
  left: auto;
}
.table_list_view_main_wrapper
  .no_freezed_header
  .tv_header_row
  .task_name_header_ctrl {
  position: inherit;
  z-index: 0;
  left: auto;
}
.table_list_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section[data-class="multiple_selected"]
  .table_view_item_div
  .task_name_ctrl {
  background-color: #0e9aef !important;
}
.captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section.group_hover_class,
.captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section.group_hover_class,
.captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section.group_hover_class,
.captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section.group_hover_class,
.captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section.group_hover_class,
.captures_innr_group_ctrl_section.sort_by_type
  .grouped_by_section.group_hover_class {
  background: 0 0 !important;
}
ul.column_layout.task_listing > li.active .task_list_ctrl .task_name_ctrl {
  background-color: #0e9aef;
}
.custom_field_active .task_number_header_ctrl {
  max-width: 47px;
  min-width: 47px;
}
.custom_field_active .task_name_header_ctrl {
  max-width: 776px;
  min-width: 776px;
}
.details_pane_overlap_style_table_view.preview_pane_is_opened
  .custom_field_active
  .task_name_header_ctrl {
  max-width: 575px;
  min-width: 575px;
}
.details_pane_popover_style_table_view.preview_pane_is_opened
  .custom_field_active
  .task_name_header_ctrl {
  max-width: 575px;
  min-width: 575px;
}
.custom_field_active.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_column_count {
  width: 47px;
  min-width: 47px;
}
.custom_field_active.table_list_view_main_wrapper .task_name_ctrl {
  width: 776px;
  min-width: 776px;
}
.details_pane_overlap_style_table_view.preview_pane_is_opened
  .custom_field_active.table_list_view_main_wrapper
  .task_name_ctrl {
  max-width: 575px;
  min-width: 575px;
}
.details_pane_popover_style_table_view.preview_pane_is_opened
  .custom_field_active.table_list_view_main_wrapper
  .task_name_ctrl {
  max-width: 575px;
  min-width: 575px;
}
.custom_field_active.have_custom_field_1
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 1702px;
}
.custom_field_active.have_custom_field_1 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 1702px;
}
.custom_field_active.have_custom_field_2
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 1822px;
}
.custom_field_active.have_custom_field_2 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 1822px;
}
.custom_field_active.have_custom_field_3
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 1942px;
}
.custom_field_active.have_custom_field_3 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 1942px;
}
.custom_field_active.have_custom_field_4
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 2062px;
}
.custom_field_active.have_custom_field_4 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 2062px;
}
.custom_field_active.have_custom_field_5
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 2182px;
}
.custom_field_active.have_custom_field_5 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 2182px;
}
.custom_field_active.have_custom_field_6
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 2302px;
}
.custom_field_active.have_custom_field_6 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 2302px;
}
.custom_field_active.have_custom_field_7
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 2422px;
}
.custom_field_active.have_custom_field_7 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 2422px;
}
.custom_field_active.have_custom_field_8
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 2542px;
}
.custom_field_active.have_custom_field_8 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 2542px;
}
.custom_field_active.have_custom_field_9
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 2662px;
}
.custom_field_active.have_custom_field_9 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 2662px;
}
.custom_field_active.have_custom_field_10
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 2782px;
}
.custom_field_active.have_custom_field_10 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 2782px;
}
.custom_field_active.have_custom_field_11
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 2902px;
}
.custom_field_active.have_custom_field_11 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 2902px;
}
.custom_field_active.have_custom_field_12
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 3022px;
}
.custom_field_active.have_custom_field_12 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 3022px;
}
.custom_field_active.have_custom_field_13
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 3142px;
}
.custom_field_active.have_custom_field_13 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 3142px;
}
.custom_field_active.have_custom_field_14
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 3262px;
}
.custom_field_active.have_custom_field_14 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 3262px;
}
.custom_field_active.have_custom_field_15
  .table_view_header.table__view_header_innr_wrapper {
  min-width: auto;
  width: 3382px;
}
.custom_field_active.have_custom_field_15 .table_list_view_innr_wrapper {
  min-width: auto;
  width: 3382px;
}
.list_view_main_wrapper.preview_pane_is_opened .vue_splitter_pane.in_list_view {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.three_panel_main_wrapper.preview_pane_is_closed.vue_splitter_wrapper
  .vue_splitter_pane.capture_selected_list,
.three_panel_main_wrapper.preview_pane_is_opened.vue_splitter_wrapper
  .vue_splitter_pane.capture_selected_list {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.preview_pane_is_closed.details_pane_overlap_style_table_view
  .vue_splitter_pane.capture_selected_list {
  border-right: 1px solid #dadce0 !important;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl
  li.sub_capture
  .task_column_count {
  width: 47px;
  min-width: 47px;
  position: sticky;
  z-index: 9;
  left: 46px;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_name
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl,
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  width: 730px;
  min-width: 730px;
  position: sticky;
  z-index: 9;
  left: 93px;
}
.preview_pane_is_opened
  .table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_name
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl,
.preview_pane_is_opened
  .table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  width: 529px;
  min-width: 529px;
}
.table_list_view_main_wrapper
  .no_freezed_header
  .subtask_option_expanded_groupBy_none
  .tv_header_row
  .task_number_header_ctrl {
  position: sticky;
  z-index: 999;
  left: 0;
}
.table_list_view_main_wrapper
  .no_freezed_header
  .subtask_option_expanded_groupBy_none
  .tv_header_row
  .task_name_header_ctrl {
  position: sticky;
  z-index: 999;
  left: 47px;
}
.capture_module_view_main_wrapper .task_name_header_ctrl {
  max-width: 400px;
  min-width: 400px;
}
.capture_module_view_main_wrapper .task_name_ctrl {
  width: 400px;
  min-width: 400px;
  border-bottom: 0;
}
.parent_div_main_capture {
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]:hover
  .table_view_item_div
  .task_column_count {
  background-color: #0e9aef !important;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]:hover
  .table_view_item_div
  .task_column_count
  .task_draggable_number {
  background-color: #0e9aef;
}
.table_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section[data-class="multiple_selected"]:hover
  .table_view_item_div
  .task_column_count
  .task_draggable_number {
  background-color: #0e9aef !important;
}
.table_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section[data-class="multiple_selected"]
  .table_view_item_div
  .task_column_count {
  background-color: #bce0fa;
}
.table_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section[data-class="multiple_selected"]
  .table_view_item_div
  .task_draggable_number {
  background-color: #bce0fa !important;
}
.table_list_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  border-bottom: 1px solid #e1e1e1;
  height: 36px;
  border-top: 1px solid #e1e1e1;
}
.table_list_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture:last-child
  .task_name_ctrl {
  border-bottom: 1px solid #cbd3da;
}
.table_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture:last-child
  .fields_ctrl_groupBy_table_view {
  border-bottom: 1px solid #cbd3da;
}
.table_view_main_wrapper .fields_ctrl_groupBy_table_view {
  border-bottom: 1px solid #e1e1e1;
  height: 36px;
}
.table_list_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture:first-child
  .task_name_ctrl {
  border-top: 1px solid #cbd3da;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl
  li.sub_capture
  .task_column_count:after {
  position: absolute;
  content: "";
  background-color: #fff;
  top: 1px;
  width: 47px;
  left: -48px;
  height: 36px;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl
  li.sub_capture.active
  .task_column_count:after {
  width: 48px;
  top: 0;
  height: 35px;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_name
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl,
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  border-right-width: 2px;
}
.no_freezed_header .tv_header_column.task_name_header_ctrl {
  border-right-width: 1px;
}
.no_freezed_header
  .subtask_option_expanded_groupBy_none
  .tv_header_column.task_name_header_ctrl {
  border-right-width: 2px;
}
.table_list_view_main_wrapper .sub_capture .task_name_ctrl {
  border-right-width: 1px;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  .task_status_main_wrapper {
  margin: 0 8px 0 10px;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  .sub_capture
  .sub_task_icon {
  margin: 0 5px 0 0;
}
.three-balls .ball {
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: bouncedelay 2.7s infinite
    cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
  animation: bouncedelay 2.7s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
}
.three-balls .ball1 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.three-balls .ball2 {
  -webkit-animation-delay: -0.08s;
  animation-delay: -0.08s;
}
@keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #03a9f4;
  }
  16.66% {
    bottom: 7px;
    background-color: #fb6542;
  }
  33.33% {
    bottom: 0;
    background-color: #fb6542;
  }
  50% {
    bottom: 7px;
    background-color: #fb0;
  }
  66.66% {
    bottom: 0;
    background-color: #fb0;
  }
  83.33% {
    bottom: 7px;
    background-color: #03a9f4;
  }
  100% {
    bottom: 0;
    background-color: #03a9f4;
  }
}
@-webkit-keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #03a9f4;
  }
  16.66% {
    bottom: 7px;
    background-color: #fb6542;
  }
  33.33% {
    bottom: 0;
    background-color: #fb6542;
  }
  50% {
    bottom: 7px;
    background-color: #fb0;
  }
  66.66% {
    bottom: 0;
    background-color: #fb0;
  }
  83.33% {
    bottom: 7px;
    background-color: #03a9f4;
  }
  100% {
    bottom: 0;
    background-color: #03a9f4;
  }
}
.comment_box_active .preview_pane_scroll {
  height: calc(100vh - 322px) !important;
}
.detailPane_inModal .comment_box_active .preview_pane_scroll_right_wrapper {
  height: calc(100% - 257px) !important;
}
.capture_module_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  width: 400px;
  min-width: 400px;
}
.preview_pane_is_closed
  .capture_module_view_main_wrapper
  .fields_ctrl_groupBy_table_view {
  width: 100% !important;
  min-width: auto !important;
}
.preview_pane_is_opened
  .capture_module_view_main_wrapper
  .fields_ctrl_groupBy_table_view {
  width: 100% !important;
  min-width: auto !important;
}
.table_list_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture:first-child
  .fields_ctrl_groupBy_table_view {
  border-top: 1px solid #cbd3da;
}
.preview_pane_is_opened
  .capture_module_view_main_wrapper
  .table__view_header_innr_wrapper,
.preview_pane_is_opened
  .capture_module_view_main_wrapper
  .table_list_view_innr_wrapper {
  width: 100%;
  min-width: 2000px;
}
.preview_pane_is_opened
  .capture_module_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  width: 400px;
  min-width: 400px;
}
.capture_module_view_main_wrapper
  .parent_div_main_capture
  .captures_innr_group_ctrl_section
  .capture_parent_div_section.active.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div
  .task_column_count,
.capture_module_view_main_wrapper
  .parent_div_main_capture
  .captures_innr_group_ctrl_section
  .capture_parent_div_section.active.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div
  .task_draggable_number {
  background-color: #0e9aef !important;
}
.capture_module_view_main_wrapper
  .parent_div_main_capture
  .captures_innr_group_ctrl_section:hover
  .capture_parent_div_section.active.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div
  .task_column_count,
.capture_module_view_main_wrapper
  .parent_div_main_capture
  .captures_innr_group_ctrl_section:hover
  .capture_parent_div_section.active.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div
  .task_draggable_number {
  background-color: #0e9aef !important;
}
.capture_module_view_main_wrapper
  .full_width_table_list
  .tv_header_column.task_number_header_ctrl {
  position: relative;
  left: auto;
}
.capture_module_view_main_wrapper
  .full_width_table_list
  .tv_header_column.task_name_header_ctrl {
  position: relative;
  z-index: 0;
  left: auto;
  max-width: calc(100% - 47px);
  min-width: calc(100% - 47px);
}
.capture_module_view_main_wrapper .full_width_table_list .task_column_count {
  position: relative !important;
  z-index: 0 !important;
  left: auto !important;
}
.capture_module_view_main_wrapper .full_width_table_list .task_name_ctrl {
  width: calc(100% - 47px);
  min-width: calc(100% - 47px);
  z-index: 0;
  left: auto;
  position: relative;
  border-right-width: 1px;
}
.preview_pane_is_opened
  .capture_module_view_main_wrapper
  .full_width_table_list.table__view_header_innr_wrapper,
.preview_pane_is_opened
  .capture_module_view_main_wrapper
  .full_width_table_list.table_list_view_innr_wrapper {
  min-width: 100%;
}
.table_view_main_wrapper
  .full_width_table_list
  .list_data_column_ctrl.reserved_column_space {
  max-width: 100%;
  min-width: 100%;
}
.table_list_view_main_wrapper
  .full_width_table_list
  .tv_header_row
  .task_number_header_ctrl {
  position: relative;
  left: auto;
}
.table_view_main_wrapper
  .full_width_table_list
  .tv_header_row
  .task_name_header_ctrl {
  min-width: calc(100% - 107px);
  max-width: calc(100% - 107px);
  position: relative;
  left: auto;
}
.table_view_main_wrapper
  .full_width_table_list
  .tv_header_column.add_more_column {
  max-width: 60px;
  min-width: 60px;
}
.table_view_main_wrapper .full_width_table_list .task_column_count {
  position: relative !important;
  left: auto !important;
}
.table_view_main_wrapper .full_width_table_list .task_name_ctrl {
  width: calc(100% - 107px);
  min-width: calc(100% - 107px);
  position: relative;
  left: auto;
}
.table_view_main_wrapper
  .full_width_table_list
  .list_data_column_ctrl.reserved_column_space {
  max-width: 60px;
  min-width: 60px;
}
.table_view_main_wrapper
  .capture_module_view_main_wrapper
  .full_width_table_list
  .tv_header_row
  .task_name_header_ctrl {
  min-width: calc(100% - 47px);
  max-width: calc(100% - 47px);
}
.table_view_main_wrapper
  .capture_module_view_main_wrapper
  .full_width_table_list
  .task_name_ctrl {
  width: calc(100% - 47px);
  min-width: calc(100% - 47px);
}
.capture_module_view_main_wrapper
  .full_width_table_list
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  width: calc(100% - 47px);
  min-width: calc(100% - 47px);
  borer-right: 0;
}
.preview_pane_is_closed
  .table_list_view_main_wrapper
  .full_width_table_list
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl,
.preview_pane_is_opened
  .table_list_view_main_wrapper
  .full_width_table_list
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  width: calc(100% - 107px);
  min-width: calc(100% - 107px);
}
.preview_pane_is_closed
  .table_list_view_main_wrapper
  .full_width_table_list
  ul.sub_capture_ctrl
  li.sub_capture
  .fields_ctrl_groupBy_table_view,
.preview_pane_is_opened
  .table_list_view_main_wrapper
  .full_width_table_list
  ul.sub_capture_ctrl
  li.sub_capture
  .fields_ctrl_groupBy_table_view {
  width: auto;
  min-width: auto;
}
.preview_pane_is_closed
  .table_list_view_main_wrapper.capture_module_view_main_wrapper
  .full_width_table_list
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl,
.preview_pane_is_opened
  .table_list_view_main_wrapper.capture_module_view_main_wrapper
  .full_width_table_list
  ul.sub_capture_ctrl
  li.sub_capture
  .task_name_ctrl {
  width: calc(100% - 47px);
  min-width: calc(100% - 47px);
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl
  li.sub_capture
  .task_column_count {
  border-left: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture {
  border-bottom: 1px solid #e1e1e1;
}
.table_list_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture:last-child {
  border-bottom: 0;
}
.notification_ctrl ul.dropdown-menu {
  width: 100%;
  min-width: 390px;
  left: auto;
  right: -30px;
  border-radius: 6px;
  border: 1px solid #7070701a;
  box-shadow: 0 1px 6px #0000003d;
  -webkit-box-shadow: 0 1px 6px #0000003d;
  -moz-box-shadow: 0 1px 6px #0000003d;
  -ms-box-shadow: 0 1px 6px #0000003d;
  -o-box-shadow: 0 1px 6px #0000003d;
  height: 385px;
  background-color: #fafafb;
  z-index: 999999;
}
.notification_ctrl_innr_header {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e9;
  padding: 10px;
  display: flex;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.notification_ctrl_innr_header .label_heading {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}
.notification_total_count {
  color: #666;
  font-size: 13px;
  margin: 0 0 0 7px;
}
.mark_unmark_text_button {
  color: #666;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  margin: 0 0 0 auto;
}
.mark_unmark_text_button:hover {
  text-decoration: underline;
}
.notification_list_innr_ctrl {
  display: flex;
  width: 100%;
  float: left;
  padding: 10px;
  flex-direction: column;
}
.notification_ctrl ul.dropdown-menu li {
  display: inline-flex;
  width: 100%;
  margin: 0 0 10px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
}
.notification_ctrl ul.dropdown-menu li:last-child {
  margin: 0;
}
.notification_ctrl ul.dropdown-menu li:hover {
  border-color: #0e9aef;
  box-shadow: 0 1px 6px #0000003d;
  -webkit-box-shadow: 0 1px 6px #0000003d;
  -moz-box-shadow: 0 1px 6px #0000003d;
  -ms-box-shadow: 0 1px 6px #0000003d;
  -o-box-shadow: 0 1px 6px #0000003d;
}
.notification_data_ctrl {
  margin: 0 0 0 10px;
  width: 100%;
}
.notification_tagged_area_ctrl {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.notification_tagged_area_ctrl_left {
  display: inline-flex;
}
.notification_came_from_user {
  color: #333;
  padding: 0 3px 0 0;
  word-break: break-word;
}
.notification_for_user {
  color: #333;
  font-weight: 600;
  word-break: break-word;
}
.notification_user_tagged {
  color: #0e9aef;
  font-weight: 400;
}
.notification_tagged_area_ctrl_right {
  display: inline-flex;
  margin: 0 0 0 auto;
}
.notified_time {
  color: rgba(51, 51, 51, 0.78);
  font-weight: 600;
  font-size: 11px;
}
.notification_user_tagged:hover {
  text-decoration: underline;
}
.notification_info_area_ctrl {
  font-size: 13px;
  color: #333;
  padding-top: 2px;
  width: calc(100% - 20px);
  word-break: break-word;
}
.notification_info_area_ctrl .tagged_user {
  color: #0e9aef;
  padding: 0 3px 0 0;
}
.notification_info_area_ctrl .tagged_user:hover {
  text-decoration: underline;
}
.notification_ctrl ul.dropdown-menu.arrow_box_top:before {
  left: auto;
  right: 35px;
  border-color: #7070701a;
}
.notification_ctrl ul.dropdown-menu.arrow_box_top:after {
  left: auto;
  right: 37px;
}
.clear-all-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
}
.clear-all-btn svg {
  margin-right: 7px;
}
.clear-all-btn:hover {
  background: #f5f6f7;
}
.remove_notification_ctrl {
  opacity: 0;
  position: absolute;
  bottom: 32px;
  right: 10px;
}
.notification_ctrl ul.dropdown-menu li:hover .remove_notification_ctrl {
  opacity: 1;
}
.see_all_notification {
  background-color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e7e7e9;
  color: #0e9aef;
  font-size: 13px;
  padding: 10px;
  cursor: pointer;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  -ms-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
}
.see_all_notification:hover {
  background-color: #0e9aef;
  color: #fff;
}
#quill_coment_box_area .ql-mention-list-container {
  position: fixed !important;
  max-height: 206px;
  overflow: auto;
  border: 1px solid #d5d5d6;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
ul.ql-mention-list li.ql-mention-list-item {
  height: auto !important;
  line-height: inherit !important;
  padding: 5px 10px 5px 15px;
}
ul.ql-mention-list li.ql-mention-list-item.selected.selected {
  background-color: #f5f5f5;
}
ul.ql-mention-list li.ql-mention-list-item.selected:hover {
  background-color: #f5f5f5;
}
ul.ql-mention-list li.ql-mention-list-item .mention_list_display_item {
  color: #252222;
  font-size: 13px;
  width: 100%;
  display: inline-block;
  align-items: center;
  width: 100%;
}
.mention_list_display_item .name_circle_section {
  background-color: #0e9aef;
  color: #fff;
  width: 22px;
  height: 22px;
  text-align: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  font-size: 10px;
  font-weight: 400;
  border-radius: 100%;
  position: relative;
  margin: 0 9px 0 0;
}
.mention_list_display_item .name_circle_section .user_availablity_status {
  position: absolute;
  top: -4px;
  right: -2px;
}
.mention_list_display_item
  .name_circle_section
  .user_availablity_status
  i.user_menu_indicator_status.fas.status-online.fa-circle {
  width: 8px !important;
  min-width: auto !important;
  height: 8px !important;
  border: 1px solid #fff;
  border-radius: 10px;
  font-size: 6px;
}
.mention_list_display_item .display_name {
  color: #252222;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(90% - 15px);
  display: inline-flex;
}
ul.ql-mention-list li.ql-mention-list-item:hover .display_name {
  color: #465369;
}
ul.ql-mention-list li.ql-mention-list-item.selected {
  background-color: #2680eb1a;
}
.selected .mention_list_display_item .display_name {
  font-weight: 400;
}
.mention {
  color: #0e9aef;
  background: 0 0 !important;
  font-size: 13px;
  margin: 0 !important;
  padding: 0 !important;
}
.mention span {
  margin: 0 !important;
}
.comment_text_bg .mention {
  cursor: pointer;
}
.comment_text_bg .mention {
  text-decoration: underline;
}
.no_notification_area_ctrl {
  display: flex;
  align-items: center;
  height: calc(100% - 70px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.no_notification_area_ctrl svg {
  width: 50px;
  height: 52px;
  display: inline-flex;
}
.no_notification_area_ctrl span {
  color: #666;
  font-weight: 400;
  font-size: 13px;
  padding: 15px;
  display: inline-flex;
}
.notification_read_tab_button_section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0 0;
}
.notification_read_tab_button_section > button {
  background-color: #f5f5f7;
  border: 0;
  font-size: 12px;
  border-radius: 15px;
  display: inline-flex;
  margin: 0 3px;
  color: #333;
  font-weight: 400;
}
.notification_read_tab_button_section > button:hover {
  background-color: #e8e8e8;
}
.notification_read_tab_button_section > button.active {
  color: #0e9aef !important;
  background-color: #2680eb1a;
  font-weight: 600;
}
.mark_as_read_unread {
  display: flex;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  height: auto;
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  bottom: 9px;
}
.mark_as_read_unread > i {
  color: #151b26;
  opacity: 0.55;
  cursor: pointer;
  bottom: 12px;
  position: relative;
}
.mark_as_read_unread > i:hover {
  opacity: 1;
}
.notification_ctrl ul.dropdown-menu li:hover .mark_as_read_unread {
  opacity: 1;
}
.mark_as_read_unread > svg {
  fill: #151b26;
  opacity: 0.55;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
}
.mark_as_read_unread > svg:hover {
  opacity: 1;
}
.notification_ctrl ul.dropdown-menu li.has_read {
  opacity: 0.55;
}
div#capture-modal-full-view .custom-width {
  width: auto;
  max-width: 95%;
  height: 100%;
}
#capture-modal-full-view button.capture_full_view_modal_clode_btn.close {
  position: absolute !important;
  top: -10px !important;
  right: -10px !important;
  left: auto;
  z-index: 9;
}
div#capture-modal-full-view .modal-content {
  border-radius: 6px;
  height: 100%;
  border: 0;
}
div#capture-modal-full-view .modal-content .close {
  background-color: #000;
  border: 1px solid #fff;
  opacity: 1;
  border-radius: 100%;
  line-height: 0;
  text-shadow: 0 1px 0 #fff;
  color: #fff;
  margin: 0;
  font-size: 15px;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 6px 3px 10px;
  position: relative;
  top: -5px;
  left: 5px;
}
.capture_name_in_modal_with_full_view_ctrl {
  border-bottom: 1px solid #e7e7e9;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 10px;
  color: #353535;
  width: 100%;
  min-height: 35px;
}
.full_modal_popup_for_capture .image_preview.in_modal {
  overflow: auto;
  width: 100%;
  height: 100%;
}
.full_modal_popup_for_capture .image_preview.in_modal img.view-bug-image-rcl {
  max-width: none !important;
  max-height: none !important;
}
.ui-wrapper img.view-bug-image-rcl {
  width: 100% !important;
  height: 100% !important;
}
.capture_name_in_modal_with_full_view_ctrl span {
  width: 95%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
div#capture-modal-full-view .close_preview_pane_modal {
  padding: 0 5px;
  text-align: center;
  align-items: center;
  display: inline-block;
  cursor: pointer;
  width: 23px;
  height: 23px;
  justify-content: center;
  font-size: 13px;
  line-height: 22px;
  margin: 6px 8px 0 0;
  border-radius: 2px;
  font-weight: 400;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid transparent;
}
div#capture-modal-full-view .close_preview_pane_modal:hover {
  opacity: 1;
}
div#capture-modal-full-view .close_preview_pane_modal > svg {
  width: 11px;
  height: 11px;
  opacity: 0.55;
}
.close_preview_pane_modal.in_popup {
  padding: 0 5px;
  text-align: center;
  align-items: center;
  display: inline-block;
  cursor: pointer;
  width: 23px;
  height: 23px;
  justify-content: center;
  font-size: 13px;
  line-height: 22px;
  margin: 6px 8px 0 0;
  border-radius: 2px;
  font-weight: 400;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid transparent;
}
.close_preview_pane_modal.in_popup:hover {
  opacity: 1;
}
.close_preview_pane_modal.in_popup > svg {
  width: 11px;
  height: 11px;
  opacity: 0.55;
}
.video_preview.in_modal {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.video_preview.in_modal .video_player {
  height: 100% !important;
  width: 100% !important;
  max-width: 970px;
  height: auto !important;
  min-width: 360px;
}
.audio_preview.in_modal {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.note_preview.in_modal {
  padding: 15px;
  height: 100%;
  text-align: left;
}
.note_preview.in_modal p {
  color: #353535;
}
.capture_module_task_widget_ctrl {
  z-index: 999999 !important;
  width: 380px;
  height: 409px;
  opacity: 1;
  overflow: hidden;
}
.capture_module_task_widget_ctrl .count_task_view_dropdown {
  display: block;
  top: 0;
  position: absolute;
  box-shadow: 0 1px 6px #0000003d;
  -webkit-box-shadow: 0 1px 6px #0000003d;
  -moz-box-shadow: 0 1px 6px #0000003d;
  -ms-box-shadow: 0 1px 6px #0000003d;
  -o-box-shadow: 0 1px 6px #0000003d;
  width: 390px;
  height: auto;
  border-radius: 6px;
  transition: right 0.2s ease;
  -webkit-transition: right 0.2s ease;
  -moz-transition: right 0.2s ease;
  -ms-transition: right 0.2s ease;
  -o-transition: right 0.2s ease;
  border: 1px solid #7070701a;
}
.capture_module_task_widget_ctrl .connected_task {
  display: block !important;
  position: relative;
  height: 100%;
  transition: left 0.15s ease;
  -webkit-transition: left 0.15s ease;
  -moz-transition: left 0.15s ease;
  -ms-transition: left 0.15s ease;
  -o-transition: left 0.15s ease;
  top: 0;
  width: 380px;
}
.capture_module_task_widget_ctrl_innr {
  position: relative;
  width: 100%;
  height: 100%;
}
.connected_task .task_status_box {
  margin: 0 7px 0 0;
}
.preview_pane_is_closed
  .table_list_view_main_wrapper
  #addMainCaptureTaskDiv.add_new_task_div {
  padding: 0;
  z-index: 99;
  background-color: #fff;
  position: fixed;
  width: 823px;
}
.preview_pane_is_closed
  .table_list_view_main_wrapper
  #addMainCaptureTaskDiv.add_new_task_div
  .task_list_ctrl {
  height: 37px;
}
.preview_pane_is_closed
  .table_list_view_main_wrapper
  #addMainCaptureTaskDiv.add_new_task_div
  .capture_number {
  width: 46px;
  min-width: 46px;
}
.preview_pane_is_opened
  .table_list_view_main_wrapper
  #addMainCaptureTaskDiv.add_new_task_div {
  padding: 0;
  z-index: 99;
  background-color: #fff;
  position: fixed;
  width: 622px;
}
.preview_pane_is_opened
  .table_list_view_main_wrapper
  #addMainCaptureTaskDiv.add_new_task_div
  .task_list_ctrl {
  height: 37px;
}
.preview_pane_is_opened
  .table_list_view_main_wrapper
  #addMainCaptureTaskDiv.add_new_task_div
  .capture_number {
  width: 46px;
  min-width: 46px;
}
.preview_pane_is_closed
  .table_list_view_main_wrapper
  .full_width_table_list
  #addMainCaptureTaskDiv.add_new_task_div,
.preview_pane_is_opened
  .table_list_view_main_wrapper
  .full_width_table_list
  #addMainCaptureTaskDiv.add_new_task_div {
  width: 100%;
  position: relative;
}
.table_list_view_main_wrapper
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.add_new_task_div:hover
  .task_name_ctrl {
  background-color: #fff;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]:hover {
  background-color: #0e9aef !important;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture.active:hover {
  background-color: #0e9aef !important;
}
.table_view_main_wrapper
  ul.column_layout.task_listing
  > li.sub_capture[data-class="multiple_selected"]
  .task_list_ctrl
  .task_column_count,
.table_view_main_wrapper
  ul.column_layout.task_listing
  > li.sub_capture[data-class="multiple_selected"]
  .task_list_ctrl
  .task_draggable_number {
  background-color: #0e9aef !important;
}
.no_item_exist {
  padding: 10px 10px 10px 13px;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  text-align: left;
}
.fake_link {
  font-weight: 600;
}
.add_item_msg strong {
  font-weight: 700;
  color: #0e9aef;
  font-size: 16px;
  cursor: pointer;
}
.capture_folder_lavel_2 .innertTextContent.teams_folder {
  font-weight: 400;
}
.task_drop_box_1 .task_wrap_bg_ctrl {
  height: 318px;
}
.task_drop_box_2 .task_wrap_bg_ctrl {
  height: 322px;
}
.magic_client_dropdown.count_task_view_dropdown.task_drop_box_2.in_three_dot {
  position: absolute;
  left: 100%;
  top: 0;
  max-width: 270px !important;
}
.three_dots_dropdown_innr_main
  > li:hover
  .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2 {
  display: block;
}
.in_three_dot
  .count_task_view_dropdown_inner
  .task_wrap_bg_ctrl
  .task_rec_content_wrap {
  padding: 5px;
  margin: 0 0 5px;
  position: relative;
}
.task_drop_box_2.in_three_dot .task_wrap_bg_ctrl {
  height: 206px;
  padding: 5px;
}
.in_three_dot .task_rec_content_wrap .task_name_block {
  margin: 0;
}
.in_three_dot .task_rec_content_wrap .disconnect_task {
  display: flex;
  position: absolute;
  top: -2px;
  right: -2px;
  opacity: 0;
}
.in_three_dot .task_rec_content_wrap .disconnect_task svg {
  width: 11px;
  height: 11px;
  fill: #828282;
}
.in_three_dot .task_rec_content_wrap .disconnect_task:hover svg {
  fill: #000000;
  fill: #000000;
}
.in_three_dot
  .count_task_view_dropdown_inner
  .task_wrap_bg_ctrl
  .task_rec_content_wrap.active {
  border: 1px solid #0e9aef;
  box-shadow: 0 1px 6px #0000003d;
  -webkit-box-shadow: 0 1px 6px #0000003d;
  -moz-box-shadow: 0 1px 6px #0000003d;
  -ms-box-shadow: 0 1px 6px #0000003d;
  -o-box-shadow: 0 1px 6px #0000003d;
}
.in_three_dot
  .count_task_view_dropdown_inner
  .task_wrap_bg_ctrl
  .task_rec_content_wrap.active
  .disconnect_task {
  opacity: 1;
}
.freezed_and_static_table_list_ctrl
  .parent_div_main_capture.subtask_option_expanded_groupBy_none
  ul.column_layout.task_listing
  > li.sub_capture {
  border-bottom: 1px solid #e1e1e1 !important;
}
.freezed_and_static_table_list_ctrl
  .parent_div_main_capture.subtask_option_expanded_groupBy_none
  ul.column_layout.task_listing
  > li.sub_capture:last-child {
  border-bottom: 0 !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .captures_innr_group_ctrl_section.sort_by_capture_progress
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.sub_capture_ctrl {
  padding: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .column_layout.task_listing
  .capture_number,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .column_layout.task_listing
  .subtasks_count_inlist_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .column_layout.task_listing
  .task_draggable_number,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .column_layout.task_listing
  .task_status_main_wrapper {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.captures_data_ctrl_li {
  height: auto;
  padding: 0 10px 0 17px;
}
.conversation_view_main_wrapper .date_time_timer_ctrl {
  display: flex;
  align-items: center;
  margin: 0 0 7px;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.picker-dialog {
  z-index: 999999999 !important;
}
.conversation_view_main_wrapper .date_time_timer_ctrl .captured_date {
  color: #a6a6a6;
  font-size: 12px;
  font-weight: 600;
  padding: 0 5px 0 9px;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.conversation_view_main_wrapper .date_time_timer_ctrl .timer_ui_list_view {
  cursor: pointer;
  margin: 0 7px;
}
.conversation_view_main_wrapper .column_layout.task_listing .task_name {
  font-weight: 600;
}
.tag_assginee_ctrl {
  display: flex;
  align-items: center;
  padding: 0 0 7px;
  height: 29px;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.tag_assginee_ctrl .tags-div-conversation-view .tag-container.dropdown {
  cursor: pointer;
}
.tag_assginee_ctrl .tags-div-conversation-view .iconbg svg {
  fill: #676a6c;
  width: 20px;
  height: auto;
}
.tag_assginee_ctrl .assignee-div-conversation-view .iconbg svg {
  margin: 0 5px;
}
.tag_assginee_ctrl .assignee-div-conversation-view .multi-assignee-wrapper {
  margin: 0 5px 0 12px;
}
.tag_assginee_ctrl .assignee-div-conversation-view .iconbg svg {
  fill: #676a6c;
  opacity: 0.6;
  width: 22px;
  height: auto;
  margin: 0 10px 0 9px;
  display: inline-flex;
  cursor: pointer;
}
.tag_assginee_ctrl .tags-div-conversation-view .tagged_assets_tags {
  margin: 0;
}
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_module_folder
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_priority
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_type
  .grouped_by_section,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_userByAssignedTo
  .grouped_by_section {
  margin-left: 0;
  padding: 8px 15px 8px 12px;
}
.conversation_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_capture_assignees
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_capture_module_folder
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_capture_priority
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_capture_progress
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_capture_project
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_capture_tags_aggregate
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_created_at
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_due_date
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  .grouped_by_section
  .chevron_ctrl,
.conversation_view_main_wrapper .sort_by_type .grouped_by_section .chevron_ctrl,
.conversation_view_main_wrapper
  .sort_by_userByAssignedTo
  .grouped_by_section
  .chevron_ctrl {
  position: relative;
  left: 0;
  margin: 0 5px 0 0;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.list-size_active
  > li
  .task_list_ctrl {
  height: 33px;
}
.conversation_view_main_wrapper .column_layout.task_listing .task_name {
  font-weight: 600;
  color: #333;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.list-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  line-height: 27px;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing
  > li.active
  .task_list_ctrl {
  background-color: transparent !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active {
  background-color: rgb(14 154 239 / 10%);
}
.groupBy_outline_conversation_view_ctrl {
  display: inline-flex;
  margin: 0 0 0 auto;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .subtask_option_compact_groupBy_none
  .captures_innr_group_ctrl_section,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .subtask_option_separate_groupBy_separate_ordering
  .captures_innr_group_ctrl_section {
  padding: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .subtask_option_separate_groupBy_none
  .captures_innr_group_ctrl_section {
  padding: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.list-size_active {
  height: auto;
  padding: 0 15px 0 10px;
  display: block;
  border: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .group_label_text_limitter {
  font-weight: 600;
  color: #333;
  padding: 0 10px 0 5px;
  height: 30px;
  align-items: center;
  white-space: nowrap;
  width: 0;
  line-height: inherit !important;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  justify-content: flex-start;
  text-overflow: ellipsis;
  -webkit-box-align: center;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .capture_number,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_draggable_number,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_status_main_wrapper {
  display: none;
}
.conversation_view_main_wrapper
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .date_time_timer_ctrl
  .captured_date {
  padding: 0 5px 0 8px;
}
.conversation_view_main_wrapper
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .tag_assginee_ctrl
  .assignee-div-conversation-view
  .iconbg
  svg {
  margin: 0 10px 0 7px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .subtask_option_compact_groupBy_name
  .captures_innr_group_ctrl_section {
  padding: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle
  textarea.cp_task_name.editable_content {
  height: 27px;
  line-height: 25px;
  margin-bottom: 0 !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.group_by_list_parent
  > .grouped_by_label {
  margin-left: 0;
}
.read_unread_dot {
  position: absolute;
  display: flex;
  height: 100%;
  align-items: flex-start;
  top: 0;
  left: 0;
}
.read_unread_dot i {
  color: #0e9aef;
  font-size: 10px;
  display: inline-flex;
  margin: 10px 0 0 12px;
}
.notification_dot {
  position: relative;
  top: 2px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  padding: 5px;
  margin: 0 0 0 5px;
}
.notification_dot i {
  color: #0e9aef;
  font-size: 6px;
  display: inline-flex;
  margin: 0;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools.active {
  background-color: rgba(182, 224, 250, 0.4);
  border: 1px solid #0e9aef;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools.active i,
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools.active svg,
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools.active svg path {
  color: #0e9aef !important;
  opacity: 1 !important;
  fill: #0e9aef !important;
}
.capture_module_main_wrapper .task_status_main_wrapper {
  display: none;
}
.capture_module_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .group_label_text_limitter {
  margin: 0 15px 0 10px;
}
.capture_module_main_wrapper
  .column_layout.task_listing
  .task_name.cp_task_name {
  margin: 0 15px 0 10px;
}
.capture_module_main_wrapper .task_in_edit_state.editable_content_ctrl {
  margin: 0 10px 0 10px;
}
.capture_module_full_width_view .Status-section {
  display: none;
}
.capture_module_full_width_view .assignee-div .forin {
  display: none;
}
.me_section_main_heading.capture_folder.my_capture_accordion {
  border-top: 1px solid #dadce0;
}
.capture_module_line_view_ctrl {
  margin-left: 6px;
}
.capture_module_line_view_ctrl .four_column.sorting_dropdown {
  display: flex;
  align-items: center;
  padding: 1px 19px 1px 6px;
}
.capture_module_line_view_ctrl .sorting_dropdown > .toggle-chevron:before {
  font-size: 11px;
  top: 3px;
  right: -15px;
}
.capture_module_line_view_ctrl .sorting_dropdown > .toggle-chevron > i {
  font-size: 12px;
  color: #333;
}
.capture_module_line_view_ctrl .theme_dropdown_with_icon_text {
  right: 0;
}
.capture_module_line_view_ctrl .arrow_box_top:before {
  right: 4px !important;
}
.capture_module_line_view_ctrl .arrow_box_top:after {
  right: 6px !important;
}
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a {
  font-size: 13px;
  padding: 5px 10px;
}
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a
  > i {
  font-size: 12px;
}
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a
  > svg {
  width: 12px !important;
}
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a
  > svg,
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a
  > svg
  > path {
  width: 12px !important;
}
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a.active
  > svg,
.capture_module_line_view_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a.active
  > svg
  > path {
  fill: #0e9aef;
}
.capture_module_line_view_ctrl .dropdown.open > .four_column.sorting_dropdown,
.four_column.sorting_dropdown:hover {
  background-color: #f5f5f5 !important;
  border: 1px solid #e9e9eb !important;
}
.capture_module_main_wrapper .list_header_inner_right {
  width: auto;
}
.conversation_capture_list_search {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 5px 10px;
  border-top: 1px solid #dfdfdf;
}
.email_list_search {
  width: 70%;
}
.conversation_capture_list_search_innr {
  display: inline-flex;
  width: 100%;
  position: relative;
}
.conversation_capture_list_search_innr i {
  position: absolute;
  font-size: 11px;
  color: rgba(70, 83, 105, 0.65);
  top: 0;
  left: 0;
  margin: 7px 0 0 7px;
}
.conversation_capture_list_search input {
  border: 1px solid #dadce0;
  min-height: 24px;
  padding: 0 20px 0 23px;
  color: #465369;
  font-size: 12px;
  width: 229px;
  border-radius: 4px;
  transition: border 0.15s cubic-bezier(0.6, -0.28, 0.74, 0.05);
  -webkit-transition: border 0.15s cubic-bezier(0.6, -0.28, 0.74, 0.05);
  -moz-transition: border 0.15s cubic-bezier(0.6, -0.28, 0.74, 0.05);
  -ms-transition: border 0.15s cubic-bezier(0.6, -0.28, 0.74, 0.05);
  -o-transition: border 0.15s cubic-bezier(0.6, -0.28, 0.74, 0.05);
  transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -ms-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
}
.conversation_capture_list_search input:focus {
  border: 1px solid #0e9aef;
}
.conversation_capture_list_search input::placeholder {
  color: rgba(70, 83, 105, 0.65);
}
.common_list_search_box {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 7px 10px;
  border-top: 1px solid #e9e9eb;
}
.common_list_search_box_innr {
  display: inline-flex;
  width: 100%;
  position: relative;
}
.common_list_search_box_innr i {
  position: absolute;
  font-size: 11px;
  color: rgba(70, 83, 105, 0.65);
  top: 0;
  left: 0;
  margin: 7px 0 0 7px;
}
.common_list_search_box input {
  border: 1px solid #dadce0;
  min-height: 24px;
  padding: 0 10px 0 23px;
  color: #465369;
  font-size: 12px;
  width: 100%;
  border-radius: 4px;
  transition: ease all 0.2s;
}
.common_list_search_box input:focus {
  border: 1px solid #0e9aef;
}
.common_list_search_box input::placeholder {
  color: rgba(70, 83, 105, 0.65);
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.split_pane_capture_module.capture_module_full_width_view {
  width: calc(100% - 95px) !important;
}
.conversation_view_main_wrapper .scroll-area-first-column {
  height: calc(100vh - 229px);
  overflow: auto;
}
.conversation_view_main_wrapper .conversation_inner_view_ctrl .captured_date {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  color: #333;
  padding: 3px 0;
  margin: 0 0 0 5px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active
  .captured_date {
  font-weight: 600;
  color: #fff;
}
.project-icon.in_conversation_view {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border: 1px solid #e9e9eb;
  margin-left: 5px;
  min-height: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(211, 211, 213, 0.3);
  border-radius: 3px;
  padding-right: 4px;
}
.project-icon.in_conversation_view .align-middle {
  display: flex;
  align-items: center;
  max-width: 100px;
}
.project-icon.in_conversation_view .iconbg {
  background-color: rgb(211, 211, 213, 0.4);
  padding: 0 0 0 4px;
  margin-right: 4px;
  min-height: 0.28em;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  line-height: 2.1;
  height: 22px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.project-icon.in_conversation_view .align-middle span {
  font-size: 13px;
  font-weight: 400;
  color: #676a6c;
}
.project-icon.in_conversation_view .align-middle span.project-icon-svg {
  width: 20px;
  padding: 0;
  justify-content: center;
  min-width: 20px;
}
.project-icon.in_conversation_view .project-variable {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
}
.project-icon.in_conversation_view .align-middle span {
  font-size: 11px;
  font-weight: 600;
  color: #676a6c;
}
.count_of_merged_captures {
  color: #0e9aef;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  padding: 0 2px;
  text-align: center;
  margin: 0 0 0 auto;
  border: 1px solid #e9e9eb;
  display: inline-flex;
  position: absolute;
  right: 16px;
  top: 41px;
  margin: auto;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active
  .project-icon.in_conversation_view {
  background-color: #f5f5f7;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active
  .project-icon.in_conversation_view
  .iconbg {
  background-color: #ededee;
}
.count_of_merged_captures.in-table-view {
  position: relative;
  top: auto;
  right: auto;
  margin: 0 5px;
  background-color: #f7f7f8;
  color: #0e9aef;
  border: 1px solid #eeeef0;
}
ul.column_layout.task_listing
  > li.active
  .count_of_merged_captures.in-table-view {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #0e9aef !important;
}
ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .count_of_merged_captures.in-table-view {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #0e9aef !important;
}
.parent_div_main_capture
  .capture_parent_div_section.active
  .count_of_merged_captures.in-table-view {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #0e9aef !important;
}
.parent_div_main_capture
  .capture_parent_div_section[data-class="multiple_selected"]
  .count_of_merged_captures.in-table-view {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]:hover
  .right-list-item-over {
  height: auto;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]:hover
  .right-list-item-over
  .three_dots_dropdown_main {
  padding: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .project-icon.in_conversation_view {
  background-color: #f5f5f7;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .project-icon.in_conversation_view
  .iconbg {
  background-color: #ededee;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .captured_date {
  color: #fff;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .count_of_merged_captures {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .list-size_active
  ul.column_layout.task_listing
  li.active
  .count_of_merged_captures {
  color: #333;
  background-color: #f5f5f7;
  border: 1px solid #0e9aef;
}
.conversation_view_main_wrapper .conversation_inner_view_ctrl .added_tags {
  border: 1px solid transparent;
  font-size: 9px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.active
  .captured_date {
  color: #333;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.active
  .project-icon.in_conversation_view {
  background-color: #f5f5f7;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.active
  .project-icon.in_conversation_view
  .iconbg {
  background-color: #ededee;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle.active
  .count_of_merged_captures {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle[data-class="multiple_selected"]
  .captured_date {
  color: #333;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle[data-class="multiple_selected"]
  .project-icon.in_conversation_view {
  background-color: #f5f5f7;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle[data-class="multiple_selected"]
  .project-icon.in_conversation_view
  .iconbg {
  background-color: #ededee;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.grouped_by_folder_bundle[data-class="multiple_selected"]
  .count_of_merged_captures {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .added_tags.more_tag {
  background-color: #ededee;
  border: 1px solid #c1c1c1;
  font-weight: 700;
  font-size: 10px;
  color: #333;
  margin-left: 0;
}
.draggable_clone_ul.conversation_draggable_clone .captured_date,
.draggable_clone_ul.conversation_draggable_clone .count_of_merged_captures,
.draggable_clone_ul.conversation_draggable_clone .date_time_timer_ctrl,
.draggable_clone_ul.conversation_draggable_clone .folder_move_to_div_id,
.draggable_clone_ul.conversation_draggable_clone .read_unread_dot,
.draggable_clone_ul.conversation_draggable_clone .tag_assginee_ctrl,
.draggable_clone_ul.conversation_draggable_clone .task_status_main_wrapper {
  display: none;
}
.draggable_clone_ul.capture_table_draggable_clone .captured_date,
.draggable_clone_ul.capture_table_draggable_clone .date_time_timer_ctrl,
.draggable_clone_ul.capture_table_draggable_clone .read_unread_dot,
.draggable_clone_ul.capture_table_draggable_clone .tag_assginee_ctrl,
.draggable_clone_ul.capture_table_draggable_clone .task_status_main_wrapper {
  display: none;
}
.capture_table_draggable_clone
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div.grouped_by_label {
  justify-content: normal;
}
.conversation_draggable_clone
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div.grouped_by_label {
  justify-content: normal;
}
.conversation_draggable_clone
  .grouped_by_section.grouped_by_folder_bundle.main_capture {
  padding: 5px;
  border: 0;
}
.capture_table_draggable_clone
  .grouped_by_section.grouped_by_folder_bundle.main_capture {
  padding: 5px;
}
.capture_table_draggable_clone .grouped_by_label {
  padding: 6px 7px;
}
.conversation_draggable_clone .grouped_by_label {
  padding: 6px 7px;
}
.capture_module_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_capture_assignees
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_capture_priority
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_capture_progress
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_capture_project
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_capture_tags_aggregate
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_created_at
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_due_date
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  .grouped_by_section
  .chevron_ctrl,
.capture_module_view_main_wrapper
  .sort_by_type
  .grouped_by_section
  .chevron_ctrl {
  margin-left: 4px;
  margin-right: 9px;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_capture_assignees
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_capture_module_folder
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_capture_progress
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_capture_project
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_capture_tags_aggregate
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_created_at
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_due_date
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_project
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  > .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .sort_by_userByAssignedTo
  > .grouped_by_section
  .chevron_ctrl {
  margin-left: 4px;
  margin-right: 9px;
}
.table_list_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_assignees
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_module_folder
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_progress
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_project
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_capture_tags_aggregate
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_created_at
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_due_date
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_project
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  .grouped_by_section
  .chevron_ctrl,
.table_list_view_main_wrapper .sort_by_type .grouped_by_section .chevron_ctrl,
.table_list_view_main_wrapper
  .sort_by_userByAssignedTo
  .grouped_by_section
  .chevron_ctrl {
  margin-left: 4px;
  margin-right: 9px;
}
.folder-div-conversation-view .remove_assignee.remove_project {
  margin: 0 0 0 3px;
  width: 12px;
  height: 12px;
}
.folder-div-conversation-view .remove_assignee.remove_project > i {
  font-size: 9px;
}
.filter_labels_conversation_view {
  border-top: 1px solid #e9e9eb;
}
.filter_labels_conversation_view > ul {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.filter_labels_conversation_view > ul > li {
  color: #595959;
  font-size: 13px;
  padding: 7px 10px;
  border-bottom: 3px solid transparent;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-align: center;
  justify-content: center;
  font-weight: 600;
  position: relative;
}
.filter_labels_conversation_view > ul > li:after {
  position: absolute;
  bottom: -3px;
  display: block;
  content: "";
  transform: scaleX(0);
  transform-origin: 0% 50%;
  transition: transform 250ms ease-in-out;
  border-bottom: solid 3px #0e9aef;
  width: 100%;
}
.filter_labels_conversation_view > ul > li:hover:after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}
.filter_labels_conversation_view > ul > li > i {
  color: #aeb0b3;
  font-size: 13px;
  margin: 0 5px 0 0;
  display: inline-flex;
}
.filter_labels_conversation_view > ul > li > img {
  width: 13px;
  height: 13px;
  margin: 0 5px 0 0;
}
.filter_labels_conversation_view > ul > li > svg {
  width: 12px;
  height: 13px;
  fill: #aeb0b3;
  margin: 0 5px 0 0;
  display: inline-flex;
}
.filter_labels_conversation_view > ul > li > svg > path {
  fill: #aeb0b3;
}
.filter_labels_conversation_view > ul > li > svg.no_path {
  width: 15px;
  height: 15px;
}
.filter_labels_conversation_view > ul > li:hover > svg > path {
  fill: #8c8c8c;
}
.filter_labels_conversation_view > ul > li:hover {
  color: #0e9aef;
}
.filter_labels_conversation_view > ul > li:hover > i {
  color: #8c8c8c;
}
.filter_labels_conversation_view > ul > li:hover > i,
.filter_labels_conversation_view > ul > li:hover > svg {
  fill: #8c8c8c;
}
.filter_labels_conversation_view > ul > li.active {
  border-bottom: 3px solid #0e9aef;
  color: #0e9aef;
}
.filter_labels_conversation_view > ul > li.active > i {
  color: #0e9aef;
}
.filter_labels_conversation_view > ul > li.active > svg,
.filter_labels_conversation_view > ul > li.active > svg > path {
  fill: #0e9aef;
}
.conversation_preview_pane_main_wrapper #start_timer_main_div {
  margin: 0 1px 0 0;
}
.attachments_in_comments_ctrl {
  display: block;
  align-items: center;
  padding: 0;
  border-bottom: 0;
  padding-bottom: 5px;
  overflow-y: auto;
  max-height: 115px;
  padding-top: 3px;
  text-align: left;
}
#docCommentDropdownPopupSection .attachments_in_comments_ctrl {
  max-height: 61px;
}
.custom_comments_attachment {
  display: inline-flex;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background-color: #efefef;
  align-items: center;
  padding: 2px 4px;
  min-height: 24px;
  align-items: center;
  position: relative;
  min-width: 180px;
  color: #333;
  font-weight: 600;
}
.attached_file_icon {
  margin: 0 6px 0 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.attached_file_icon svg {
  width: 20px;
  height: 20px;
}
.attached_file_name {
  color: #333;
  font-size: 12px;
  margin: 0;
  display: inline-block;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 168px;
}
.attached_file_size {
  color: #7e8187;
  font-weight: 600;
  font-size: 11px;
  display: none;
}
.quill_comment_box_innr_ctrl .attached_file_size {
  margin: 0 5px 0 5px;
}
.attached_file_type {
  font-size: 11px;
  font-weight: 400;
  margin-left: 5px;
  color: #7e8187;
}
.attached_file_action_btns {
  background-color: #f5f5f7;
  position: relative;
  opacity: 1;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  margin: 0 2px 0 auto;
}
svg.attached_file_download {
  fill: #465369;
  width: 12px;
  display: inline-flex;
  cursor: pointer;
  opacity: 0.7;
  display: none;
}
svg.attached_file_download:hover {
  opacity: 1;
}
div.save_image_loader_full_popup {
  position: fixed;
  z-index: 9999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  transition: opacity 0.3s ease;
}
.save_image_loader_full_popup .inner_icon_text {
  position: relative;
  margin-top: 23%;
  font-size: 20px;
  color: #fff;
}
i.remove_atached_file {
  color: #465369;
  font-size: 13px;
  opacity: 0;
  display: inline-flex;
  margin: 0;
  cursor: pointer;
  position: absolute;
  top: -15px;
  right: -11px;
  z-index: 1;
}
.custom_comments_attachment:hover i.remove_atached_file {
  opacity: 1;
}
i.remove_atached_file:hover {
  opacity: 1;
}
.attachments_in_comments_ctrl .custom_comments_attachment {
  margin: 0 5px 5px 0;
}
.attachment_wireframe {
  display: flex;
}
.attachments_information_ctrl {
  display: flex;
  flex-direction: column;
  min-width: 137px;
}
.attachments_in_comments_first_ctrl {
  display: inline-flex;
  width: 100%;
}
.attachments_in_comments_second_ctrl {
  display: inline-flex;
  align-items: center;
  width: 100%;
  align-items: center;
  padding-bottom: 3px;
}
.attached_file_action_btns svg {
  fill: #ee5757;
  cursor: pointer;
  opacity: 0.8;
  width: 10px;
  height: auto;
}
.attached_file_action_btns svg:hover {
  opacity: 1;
}
.four_column_ui .vue_splitter_pane.vue_splitter_pane.capture_detail_full_screen,
.four_column_ui
  .vue_splitter_pane.vue_splitter_pane.capture_detail_full_screen.capture_detail_captures {
  position: fixed !important;
  top: 0;
  right: -1005px;
  display: block;
  width: 1005px;
  height: 100% !important;
  background-color: #fff !important;
  z-index: 999999 !important;
  border-radius: 0 !important;
  background-color: #fff;
  transition: right 0.2s ease-in-out;
  -webkit-transition: right 0.2s ease-in-out;
  -ms-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
}
.four_column_ui .vue_splitter_pane.vue_splitter_pane.capture_detail_full_screen,
.four_column_ui
  .vue_splitter_pane.vue_splitter_pane.capture_detail_full_screen.capture_detail_captures.open {
  transition: right 0.4s ease-in-out;
  -webkit-transition: right 0.4s ease-in-out;
  -ms-transition: right 0.4s ease-in-out;
  -moz-transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  -webkit-box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
  -ms-box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
  -o-box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.four_column_ui
  .vue_splitter_pane.vue_splitter_pane.capture_detail_full_screen.capture_detail_captures.preview_pane_is_opened,
.four_column_ui
  .vue_splitter_pane.vue_splitter_pane.capture_detail_full_screen.preview_pane_is_opened {
  left: 915px;
  display: block;
  transition: right 0.1s ease-in;
  -webkit-transition: right 0.1s ease-in;
  -ms-transition: right 0.1s ease-in;
  -moz-transition: right 0.1s ease-in;
  -o-transition: right 0.1s ease-in;
}
.capture_detail_full_screen_overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -moz-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -o-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -ms-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.capture_detail_full_screen .panel_content_wrapper {
  background-color: #fff;
  width: calc(100% - 45px);
}
.capture_detail_full_screen .Status-section.in_preview_panel {
  display: none;
}
.table_view_main_wrapper
  ~ .capture_detail_full_screen
  .Status-section.in_preview_panel {
  display: block;
}
.capture_detail_full_screen span.forin {
  display: none;
}
.capture_detail_full_screen .magic-dots.close_icon {
  display: none;
}
.capture_detail_full_screen .close_full_screen_detail_modal {
  position: absolute;
  left: -25px;
  top: 12px;
  margin: 0;
  cursor: pointer;
  transition: color 0.1s ease-in;
  -webkit-transition: color 0.1s ease-in;
  -moz-transition: color 0.1s ease-in;
  -ms-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
}
.capture_detail_full_screen .close_full_screen_detail_modal svg {
  fill: rgba(255, 255, 255, 0.7);
  width: 14px;
  height: auto;
}
.capture_detail_full_screen .close_full_screen_detail_modal:hover svg {
  fill: rgba(255, 255, 255, 1);
}
.capture_detail_full_screen .preview_pane_top_header_main {
  padding: 5px 10px 5px 5px;
}
.capture_detail_full_screen .vertical_bar_on_page {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.capture_detail_full_screen .vertical_bar_on_page ul.vertical_bar_ul {
  height: 100%;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid #dadce0;
}
.capture_detail_full_screen .vertical_bar_icon {
  padding: 6px 5px;
}
.capture_detail_full_screen .user-details.vt_screenshot_innr_ctrl {
  min-height: 173px;
  max-height: 173px;
}
.list_column_data_value_div.folder_column_ctrl .capture-folder {
  cursor: pointer;
}
.list_column_data_value_div.folder_column_ctrl .due_date_anchor_btn {
  height: 35px;
  justify-content: center;
  display: flex;
}
.list_column_data_value_div.folder_column_ctrl a.due_date_anchor {
  height: 100%;
  position: relative;
}
.remove_folder.in_column_capture {
  position: absolute;
  top: -2px;
  right: -8px;
  opacity: 0;
}
.remove_folder.in_column_capture > i {
  color: #465369;
  font-size: 10px;
  opacity: 0.7;
}
.remove_folder.in_column_capture > i:hover {
  opacity: 1;
}
.list_column_data_value_div.folder_column_ctrl
  a.due_date_anchor:hover
  .remove_folder.in_column_capture {
  opacity: 1;
}
.list_column_data_value_div.folder_column_ctrl .align-middle {
  display: inline-flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.list_column_data_value_div.folder_column_ctrl .project-icon-svg.iconbg i {
  color: #676a6c;
  opacity: 0.65;
  margin: 0 5px 0 0;
  font-size: 12px;
}
.list_column_data_value_div.folder_column_ctrl .project-variable {
  color: #676a6c;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 85px;
}
.capture_module_view_main_wrapper.grouped_by_section.group_by_list_parent
  > .grouped_by_label,
.capture_module_view_main_wrapper.table_list_view_main_wrapper
  .sort_by_captureTypeByCaptureType
  > .grouped_by_section
  .grouped_by_label,
.capture_module_view_main_wrapper.table_list_view_main_wrapper
  .sort_by_capture_assignees
  > .grouped_by_section
  .grouped_by_label,
.capture_module_view_main_wrapper.table_list_view_main_wrapper
  .sort_by_capture_progress
  > .grouped_by_section
  .grouped_by_label,
.capture_module_view_main_wrapper.table_list_view_main_wrapper
  .sort_by_capture_project
  > .grouped_by_section
  .grouped_by_label,
.capture_module_view_main_wrapper.table_list_view_main_wrapper
  .sort_by_capture_tags_aggregate
  > .grouped_by_section
  .grouped_by_label,
.capture_module_view_main_wrapper.table_list_view_main_wrapper
  .sort_by_created_at
  > .grouped_by_section
  .grouped_by_label,
.capture_module_view_main_wrapper.table_list_view_main_wrapper
  .sort_by_due_date
  > .grouped_by_section
  .grouped_by_label,
.capture_module_view_main_wrapper.table_list_view_main_wrapper
  .sort_by_timer_time_entries_aggregate
  > .grouped_by_section
  .grouped_by_label,
.capture_module_view_main_wrapper.table_list_view_main_wrapper
  .sort_by_type
  > .grouped_by_section
  .grouped_by_label {
  margin-left: 0;
}
ul.comment_editor_innr_custom {
  display: inline-flex;
  align-items: center;
  z-index: 1;
  height: auto;
  padding: 0 8px 0 0;
}
ul.comment_editor_innr_custom > li {
  padding: 0;
  margin: 0 1px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.comment_editor_innr_custom > li svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: #151b26;
  opacity: 0.6;
  flex-shrink: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
ul.comment_editor_innr_custom > li:hover {
  background-color: #edeff0;
}
ul.comment_editor_innr_custom > li:hover svg {
  opacity: 1;
}
ul.comment_editor_innr_custom > li > i {
  color: #151b26;
  font-size: 14px;
  opacity: 0.6;
}
ul.comment_editor_innr_custom > li:hover > i {
  opacity: 1;
}
ul.comment_editor_innr_custom.comment_box_expanded {
  margin: 0 7px 0 0;
  height: 27px;
  padding: 0;
}
.progress.in_comments {
  height: 2px !important;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.progress.in_comments .progress-bar {
  background-color: #0e9aef;
}
ul.comment_editor_innr_custom.files_attached_in_comment_box {
  height: 45px;
  right: 0;
}
ul.comment_editor_innr_custom.comment_box_expanded.files_attached_in_comment_box {
  height: auto;
  right: 80px;
  bottom: 8px;
  margin: 0 7px 0 0;
}
.comment_box_ctrl.is-dragover.version2 {
  border: 1px solid #0e9aef !important;
}
.comment_box_ctrl.is-dragover.version2:before {
  content: "Drop files to attach.";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.8;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.comment_box_ctrl.is-dragover.version2:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.custom_comments_template_ctrl {
  display: inline-flex;
  height: 100%;
  position: absolute;
  z-index: 99;
  height: 45px;
}
.custom_comments_placeholder {
  display: flex;
  align-items: center;
}
.custom_placeholder_text {
  color: grey;
  font-size: 13px;
  font-weight: 400;
  margin-right: 8px;
  padding-left: 16px;
}
.dropdown.ctd_ctrl {
  position: relative;
  display: inline-flex;
}
.ctd_ctrl .template_initialize_ctrl {
  background-color: #f5f5f7;
  border-radius: 20px;
  text-align: center;
  padding: 2px 11px;
  display: flex;
  align-items: center;
  color: #878787;
  font-size: 13px;
  cursor: pointer;
  border: 1px solid transparent;
}
.ctd_ctrl .template_initialize_ctrl:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.ctd_ctrl .template_initialize_ctrl > svg {
  margin: 0 4px 0 0;
  fill: #828487;
}
.ctd_ctrl .template_initialize_ctrl > svg path {
  fill: #828487;
}
.ctd_ctrl.open .template_initialize_ctrl {
  color: #0e9aef;
  background-color: #e0e1e2;
}
.ctd_ctrl.open .template_initialize_ctrl > svg path {
  fill: #0e9aef;
}
.ctd_ctrl .preview_template {
  float: right;
  right: 5px;
}
.ctd_ctrl .preview_template i {
  color: #a4a6aa;
  font-size: 12px;
}
.ctd_ctrl .preview_template:hover > i {
  color: #333;
}
.ctd_ctrl .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:before {
  right: 34px;
  display: none;
}
.ctd_ctrl .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:after {
  right: 36px;
  display: none;
}
.ctd_ctrl .dropdown-menu.dropdown-right {
  margin-top: 0;
  min-width: 200px;
  bottom: 0;
  top: auto;
  margin-bottom: 40px;
}
.custom_comments_template_ctrl.comment_box_expanded {
  display: none;
}
.conversation_view_main_wrapper .quill_comment_box_innr_ctrl {
  overflow: visible;
}
.preview_template {
  display: none;
}
.template_preview_box {
  position: absolute;
  top: 0;
  left: 100%;
  width: 200px;
  background-color: #f5f5f7;
  border-radius: 3px;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  height: 169px;
  transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  display: none;
  margin-top: -1px;
  margin-left: 1px;
}
.preview_template:hover .template_preview_box {
  display: block;
}
.template_preview_box_header {
  padding: 5px 10px;
}
.tpbh_label_sub_ctrl {
  display: flex;
  align-items: center;
}
.tpbh_label_sub_ctrl svg {
  fill: #0e9aef;
  width: 12px;
  margin-right: 6px;
}
.tpbh_label_sub_ctrl svg path {
  fill: #0e9aef;
}
.tpbh_label {
  color: #333;
  font-weight: 600;
  font-size: 13px;
  margin-right: 5px;
}
.tpbh_sublabel {
  color: #737373;
  font-size: 11px;
  font-weight: 600;
}
.tpbh_settings {
  display: inline-flex;
  margin-right: 5px;
  margin-left: auto;
  opacity: 0;
}
.tpbh_settings i.fas.fa-cog {
  color: #a4a6aa !important;
  opacity: 1;
  font-size: 11px;
}
.ctd_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  > a:hover
  .tpbh_settings {
  opacity: 1;
}
.tpbh_settings i.fas.fa-cog:hover {
  color: #333 !important;
}
.template_preview_box_content {
  padding: 10px;
}
.template_preview_box_content table {
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
}
.template_preview_box_content td,
.template_preview_box_content th {
  border: 1px solid #c3c6c8;
  text-align: left;
}
.template_preview_box_content th {
  font-size: 11px;
  font-weight: 600;
  padding: 6px 5px;
}
.template_preview_box_content td {
  font-size: 9px;
  font-weight: 400;
  padding: 2px 5px;
}
.template_preview_box_content ul {
  background-color: #fff;
  border: 1px solid #c3c6c8;
  border-radius: 3px;
  padding: 3px 10px;
  width: 100%;
}
.template_preview_box_content ul li {
  padding: 0 0;
  line-height: 27px;
}
.template_preview_box_content ul li i {
  color: #a4a6aa;
  margin: 0 6px 0 0;
}
.template_preview_box_content ul li .to-do-template-example {
  color: #465369;
  font-size: 13px;
  font-style: italic;
}
.meeting_note_preview_ctrl {
  background-color: #fff;
  border: 1px solid #c3c6c8;
  border-radius: 3px;
  padding: 5px 10px;
}
.meeting_note_preview_section {
  padding: 0 0 5px 0;
}
.meeting_note_preview_ctrl .meeting_note_preview_section h5 {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
}
.meeting_note_preview_ctrl
  .meeting_note_preview_section
  .meeting_note_section_text_placeholder {
  font-size: 10px;
  font-style: italic;
  line-height: 13px;
}
.meeting_note_preview_ctrl .meeting_note_preview_section:last-child {
  padding: 0;
}
.meeting_note_preview_ctrl.note_prvw_section {
  min-height: 120px;
}
.template_preview_box_content.to-do-list ul {
  height: 120px;
}
.template_preview_box_content.meeting_note {
  padding: 5px 10px;
}
.meeting_note_preview_ctrl.note_prvw_section .meeting_note_preview_section {
  padding: 0 0 10px 0;
}
.template_preview_box_content.meeting_note .meeting_note_preview_ctrl {
  padding: 8px 10px;
}
.folder_icon_in_sorting {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
  margin-left: 4px;
  color: #0e9aef !important;
  opacity: 0.65;
}
.count_of_tasks_by_assignee {
  margin-left: 4px;
}
.stroke_thickness_view.baezier_ctrl.no-padding {
  padding: 0 !important;
}
.stroke_thickness_view.baezier_ctrl {
  height: 90px;
  align-items: center;
  display: flex;
}
.stroke_thickness_view.baezier_ctrl svg {
  width: 100% !important;
  height: 100% !important;
}
.capture_detail_captures.capture_detail_full_screen
  .overlay_preview_panel_ctrl {
  height: 100%;
}
.four_column.sorting_dropdown.table_view_dropdown_options {
  position: relative;
  width: 19px;
  padding: 0;
  border-radius: 0;
  color: #333;
  display: flex;
  align-items: center;
  font-size: 13px;
  height: 100%;
  align-items: center;
  background-color: #fff;
  border: 1px solid #d5d5d66e;
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
.table_view_dropdown_options:before {
  font-size: 11px;
  top: 3px;
  right: 0;
  position: absolute;
  color: #333;
}
.table_view_dropdown_options:before {
  font-family: "Font Awesome 5 Free";
  top: 0;
  right: 0;
  content: "\f078";
  font-weight: 600;
  bottom: 0;
  position: absolute;
  margin: auto;
  height: 14px;
  width: 10px;
  left: 0;
}
.dropdown.open .table_view_dropdown_options:before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.table_view_options_main_ctrl {
  margin: 0 5px 0 0;
  display: flex;
  height: 26px;
}
.table_view_options_main_ctrl .common_view_button {
  margin: 0;
  border: 1px solid #d5d5d66e;
  min-width: auto;
}
.table_view_options_main_ctrl .common_view_button {
  margin: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.table_view_dropdown_options + .dropdown-menu {
  width: 224px;
  left: auto;
  right: 0;
  margin-top: 4px;
}
.table_view_dropdown_options + .dropdown-menu > a {
  padding: 6px 10px;
  color: #252222;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.table_view_dropdown_options + .dropdown-menu > a > svg {
  margin-right: 7px;
  width: 14px;
}
.table_view_dropdown_options + .dropdown-menu > a > svg > path {
  fill: #808080;
}
.table_view_dropdown_options + .dropdown-menu > a:hover {
  background-color: #f5f5f5;
  color: #465369;
}
.table_view_dropdown_options + .dropdown-menu > a.active {
  background-color: #0e9aef !important;
  color: #fff !important;
}
.table_view_dropdown_options + .dropdown-menu > a.active:before {
  left: auto;
  right: 10px;
}
.active + .dropdown .four_column.sorting_dropdown.table_view_dropdown_options {
  background-color: #0e9aef !important;
  border: 1px solid #0e9aef !important;
  border-left: 1px solid #fff !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.active
  + .dropdown
  .four_column.sorting_dropdown.table_view_dropdown_options:before {
  color: #fff;
}
.table_view_dropdown_options + .dropdown-menu > a.active > svg > path {
  fill: #0e9aef;
}
.context_hint {
  color: #4f4f4f;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 10px;
  display: block;
}
.flex-v-center {
  display: flex;
  align-items: center;
}
.shared_folder_icon svg {
  width: 12px;
}
.shared_folder_icon {
  padding: 0 0 0 2px;
  margin: 0;
  display: inline-flex;
  position: absolute;
  right: 35px;
}
.conversation_view_main_wrapper .grouped_by_section.group_by_list_parent {
  background-color: #fff;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 20px) !important;
  border-radius: 4px;
}
.conversation_view_main_wrapper
  .grouped_by_section.group_by_list_parent.collapsed {
  background-color: #f5f5f7;
  border-top: 1px solid #cbd3da;
  border-bottom: 1px solid #cbd3da;
  border-left: 1px solid #cbd3da;
  border-right: 1px solid #cbd3da;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl
  .parent_div_main_capture:last-child
  .grouped_by_section.group_by_list_parent.collapsed {
  border-bottom: 1px solid #cbd3da;
}
.table_list_view_main_wrapper
  ul.sub_capture_ctrl
  li.sub_capture
  .fields_ctrl_groupBy_table_view {
  border-top: 1px solid #e1e1e1;
}
.table_view_main_wrapper .list_header_inner_right,
.three_panel_main_wrapper .list_header_inner_right {
  justify-content: flex-end;
}
.thumbnail_view img {
  width: 100%;
  height: 100%;
}
.thumbnail_view {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li {
  padding: 0 !important;
  margin: 5px 5px !important;
  border: 1px solid #e3e5e6 !important;
  cursor: pointer;
  display: inline-block;
  float: left;
  overflow: hidden;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li.active,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li.active,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li.active {
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li:hover,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li:hover,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li:hover {
  border: 1px solid #0e9aef !important;
  box-shadow: none !important;
  background: 0 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .thumbnail_view {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .thumbnail_view {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .thumbnail_view {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .thumbnail_view
  img,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .thumbnail_view
  img,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .thumbnail_view
  img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .thumbnail_view
  svg,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .thumbnail_view
  svg,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .thumbnail_view
  svg {
  display: inline-flex;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .captured_date,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .tag_assginee_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .timer_subtask_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .captured_date,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .tag_assginee_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .timer_subtask_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .captured_date,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .tag_assginee_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .timer_subtask_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active,
.conversation_view_main_wrapper
  .grouped_by_section.group_by_list_parent.thumbnail-large_view_active,
.conversation_view_main_wrapper
  .grouped_by_section.group_by_list_parent.thumbnail-medium_view_active,
.conversation_view_main_wrapper
  .grouped_by_section.group_by_list_parent.thumbnail-small_view_active {
  width: 100%;
  float: left;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  .task_in_edit_state.editable_content_ctrl,
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-mediuml_active
  .task_in_edit_state.editable_content_ctrl,
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  .task_in_edit_state.editable_content_ctrl {
  margin: 0;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  > li.button_click_editing_active
  .task_name.cp_task_name,
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  > li.inline_editing_active
  .task_name.cp_task_name {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  > li.button_click_editing_active
  .task_name.cp_task_name,
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  > li.inline_editing_active
  .task_name.cp_task_name {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  > li.button_click_editing_active
  .task_name.cp_task_name,
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  > li.inline_editing_active
  .task_name.cp_task_name {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  .task_name,
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  .task_name,
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  .task_name {
  height: 38px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  margin-top: 0;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-active_active
  > li.button_click_editing_active
  .task_in_edit_state.editable_content_ctrl,
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  > li.button_click_editing_active
  .task_in_edit_state.editable_content_ctrl,
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  > li.button_click_editing_active
  .task_in_edit_state.editable_content_ctrl {
  margin: 0;
}
.group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active {
  width: 100%;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none {
  cursor: pointer;
  float: left;
  width: calc(100% / 4 - 10px);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none {
  cursor: pointer;
  float: left;
  width: calc(100% / 3 - 10px);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none {
  cursor: pointer;
  float: left;
  width: calc(100% / 2 - 10px);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture {
  padding: 0;
  border: 0;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .group_label_text_limitter {
  margin: 0;
  width: 100%;
  height: auto;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover {
  background: 0 0 !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  .grouped_by_section.grouped_by_folder_bundle
  .task_in_edit_state.editable_content_ctrl {
  margin: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  .grouped_by_section.grouped_by_folder_bundle
  textarea.cp_task_name.editable_content {
  height: 18px;
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .captured_date,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .tag_assginee_ctrl,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .timer_subtask_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture
  .captured_date,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture
  .tag_assginee_ctrl,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture
  .timer_subtask_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture
  .captured_date,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture
  .tag_assginee_ctrl,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture
  .timer_subtask_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.snippet-size_active
  .parent_div_main_capture
  .grouped_by_section {
  align-items: center;
  height: auto;
  padding: 8px 15px 8px 14px;
  display: block;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.snippet-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.snippet-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.snippet-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section {
  padding: 0 10px 0 24px;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none {
  height: auto;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle.main_capture,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle.main_capture,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle.main_capture {
  height: auto;
  padding: 6px;
  margin: 2px 0;
  border: 1px solid transparent !important;
  border-radius: 3px;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture {
  height: auto;
  padding: 10px;
  margin: 2px 0;
  border: 1px solid #e9e9eb !important;
  border-radius: 3px;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture {
  height: auto;
  padding: 10px;
  margin: 2px 0;
  border: 1px solid #e9e9eb !important;
  border-radius: 3px;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section.grouped_by_folder_bundle.main_capture,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section.grouped_by_folder_bundle.main_capture,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section.grouped_by_folder_bundle.main_capture {
  height: auto;
  padding: 10px;
  margin: 2px 0;
  border: 1px solid transparent;
  border-radius: 3px;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover {
  border: 1px solid #dadee0 !important;
  box-shadow: none !important;
  background: #f6f7fa !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover {
  border: 1px solid #dadee0 !important;
  box-shadow: none !important;
  background: #f6f7fa !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover {
  border: 1px solid #dadee0 !important;
  box-shadow: none !important;
  background: #f6f7fa !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover {
  border: 1px solid #dadee0 !important;
  box-shadow: none !important;
  background: #f6f7fa !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_label {
  display: block;
  border: 0;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_label {
  display: block;
  border: 0;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_label {
  display: block;
  border: 0;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .thumbnail_view {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4d8db;
  border-radius: 3px;
  position: relative;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .thumbnail_view {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4d8db;
  border-radius: 3px;
  position: relative;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .thumbnail_view {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4d8db;
  border-radius: 3px;
  position: relative;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .thumbnail_view {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4d8db;
  border-radius: 3px;
  position: relative;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .thumbnail_view {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4d8db;
  border-radius: 3px;
  position: relative;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .thumbnail_view {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4d8db;
  border-radius: 3px;
  position: relative;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .thumbnail_view {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0 solid #d4d8db;
  border-radius: 3px;
  position: relative;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .thumbnail_view {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0 solid #d4d8db;
  border-radius: 3px;
  position: relative;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .thumbnail_view {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0 solid #d4d8db;
  border-radius: 3px;
  position: relative;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .thumbnail_view
  img,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .thumbnail_view
  img,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .thumbnail_view
  img {
  width: 100%;
  height: 100%;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .group_label_text_limitter,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .group_label_text_limitter,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .group_label_text_limitter {
  display: inline-block;
  width: 100%;
  float: left;
  height: 23px;
  line-height: 22px !important;
  overflow: visible;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .thumbnail_view,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .thumbnail_view,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .thumbnail_view {
  width: 100%;
  height: 81px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 0;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .thumbnail_view,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .thumbnail_view,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .thumbnail_view {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  border: 0;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .thumbnail_view,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .thumbnail_view,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .thumbnail_view {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.list-size_active
  li
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.list-size_active
  li
  .tag_assginee_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.list-size_active
  li
  .count_of_merged_captures {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .tag_assginee_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .tag_assginee_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .tag_assginee_ctrl {
  display: none;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none {
  padding: 0 15px 0 5px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none {
  padding: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .capture_parent_div_section,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .capture_parent_div_section,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .capture_parent_div_section {
  padding: 0 10px 0 24px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.list-size_active
  li
  .count_of_merged_captures.visible-in-list-size,
.conversation_view_main_wrapper
  .list-size_active
  .count_of_merged_captures.visible-in-list-size {
  display: inline-flex;
  position: relative;
  top: auto;
  right: auto;
  margin: 0 0 0 5px;
  color: #676a6c;
  font-weight: 400 !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .grouped_by_section.grouped_by_folder_bundle.main_captcd
  ure:hover,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover {
  background: 0 0 !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_label {
  display: inline-flex;
  border: 0;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .grouped_by_section,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .grouped_by_section,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .grouped_by_section {
  height: auto;
  display: block;
  padding: 0 10px 0 24px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .tag_assginee_ctrl {
  width: auto;
  display: inline-flex;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_name
  .tag_assginee_ctrl {
  width: auto;
  display: inline-flex;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at
  .tag_assginee_ctrl {
  width: auto;
  display: inline-flex;
}
.conversation_view_main_wrapper
  ul.task_listing.medium-size_active
  li
  .date_time_timer_ctrl,
.conversation_view_main_wrapper
  ul.task_listing.medium-size_active
  li
  .tag_assginee_ctrl {
  width: auto;
  display: inline-flex;
}
.conversation_view_main_wrapper
  ul.task_listing.medium-size_active
  li
  .task_list_ctrl {
  display: flex;
  height: auto !important;
  padding: 2px 0 2px 2px;
}
.conversation_view_main_wrapper
  ul.task_listing.medium-size_active
  li
  .capture_thumb_details {
  width: 78%;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-small_active
  > li[data-class="multiple_selected"] {
  background: #0e9aef !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-medium_active
  > li[data-class="multiple_selected"] {
  background: #0e9aef !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  ul.column_layout.task_listing.thumbnail-large_active
  > li[data-class="multiple_selected"] {
  background: #0e9aef !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture.active,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture.active,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture.active:hover {
  background: #0e9aef !important;
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"],
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"],
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"] {
  background: #0e9aef !important;
  border: 1px solid #0e9aef !important;
}
.conversation-selected.capture_module_selected_conversation.conversation-selected-to-merge {
  border-top: 1px solid #dadce0;
}
.conversation-selected-to-merge .header_for_merged_action {
  border-bottom: 1px solid #dadce0;
  text-align: left;
  padding: 5px 15px;
  font-weight: 700;
  font-size: 14px;
}
.conversation-selected-to-merge .no-email-selected svg {
  width: 110px;
}
.conversation-selected-to-merge .information {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  display: block;
  padding: 30px 0 0 0;
  color: #333;
}
ul.selected_captures_to_merge_summary {
  display: flex;
  justify-content: center;
  padding: 24px 10px;
  border: 1px solid #c4c4c4;
  background: #f7f8f8;
  border-radius: 6px;
  position: relative;
}
ul.selected_captures_to_merge_summary li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: 3px;
  min-width: 57px;
  margin: 0 7px 0 0;
  border-right: 0;
  padding-right: 12px;
}
ul.selected_captures_to_merge_summary li:last-child {
  border: 0;
}
ul.selected_captures_to_merge_summary li .labels {
  display: inline-flex;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  margin: 12px 0;
  font-weight: 600;
}
ul.selected_captures_to_merge_summary li svg {
  display: inline-flex;
  margin: 0;
  width: 20px !important;
  height: 15px;
}
ul.selected_captures_to_merge_summary li .this_capture_count {
  display: inline-flex;
  font-weight: 600;
  font-size: 11px;
}
.conversation-selected-to-merge .no-email-selected p {
  color: #676a6c;
}
.merge_action_footer {
  position: relative;
  padding: 10px 0;
  justify-content: center;
  display: flex;
  align-items: end;
  width: 100%;
  border-top: 1px solid #dadce0;
  background-color: #fff;
  margin-top: 50px;
  padding-top: 25px;
}
.merge_action_footer button.btn {
  display: inline-flex;
  margin: 0 0 0 5px;
  border-radius: 20px;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture
  .count_of_merged_captures,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture
  .count_of_merged_captures,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture
  .count_of_merged_captures {
  right: 0;
  top: 0;
  margin: 0;
  bottom: 0;
  width: auto;
  height: 16px;
  border-radius: 0;
  font-weight: 600;
  background-color: transparent;
  color: #0e9aef;
  border: 0;
}
.conversation_view_main_wrapper .list-size_active .count_of_merged_captures {
  display: none;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl
  .parent_div_main_capture {
  border-bottom: 0;
}
.conversation_draggable_clone .folder_ctrl {
  padding: 0;
  display: flex;
  align-items: center;
  font-style: italic;
}
.conversation_draggable_clone .folder_ctrl i {
  font-size: 13px;
  display: inline-flex;
}
.dragging_msg {
  margin: 0;
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: list-item;
  width: 100%;
  height: 27px;
  padding: 0 13px;
}
.dragging_msg i {
  margin: 0 5px;
  font-size: 13px;
  display: inline-flex;
}
.dragging_msg svg {
  margin: 0 5px;
  font-size: 13px;
  display: inline-flex;
  width: 13px;
  height: auto;
}
.dragging_msg span {
  font-weight: 400;
}
.dragging_msg i.project {
  font-size: 10px;
}
.dragging_msg svg.tag {
  fill: #676a6c;
  width: 12px;
  display: inline-flex;
  margin: 0 5px;
  position: relative;
  height: auto;
}
.dragging_msg svg.assign {
  margin: 0 5px;
  display: inline-flex;
  fill: #676a6c;
}
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture
  .task_list_ctrl
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture
  .task_list_ctrl
  .task_column_count,
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture
  .task_list_ctrl
  .task_name_ctrl {
  border-bottom: none !important;
}
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_name
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture
  .task_list_ctrl
  .fields_ctrl_groupBy_table_view,
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_name
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture
  .task_list_ctrl
  .task_column_count,
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_name
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture
  .task_list_ctrl
  .task_name_ctrl {
  border-bottom: none !important;
}
.capture_module_full_width_view.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_due_date
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture
  .task_list_ctrl
  .fields_ctrl_groupBy_table_view,
.capture_module_full_width_view.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_due_date
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture
  .task_list_ctrl
  .task_column_count,
.capture_module_full_width_view.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_due_date
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture
  .task_list_ctrl
  .task_name_ctrl {
  border-bottom: none !important;
}
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_name
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture,
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_none
  ul.sub_capture_ctrl.column_layout.task_listing
  li.sub_capture {
  height: 36px !important;
}
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_capture_assignees_aggregate
  .captures_innr_group_ctrl_section.capture_group_detail
  .grouped_by_section.group_by_list_parent.collapsed,
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_capture_progress
  .captures_innr_group_ctrl_section.capture_group_detail
  .grouped_by_section.group_by_list_parent.collapsed,
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_capture_project
  .captures_innr_group_ctrl_section.capture_group_detail
  .grouped_by_section.group_by_list_parent.collapsed,
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_capture_tags_aggregate
  .captures_innr_group_ctrl_section.capture_group_detail
  .grouped_by_section.group_by_list_parent.collapsed {
  border-bottom: 1px solid #e1e1e1;
}
::-webkit-scrollbar {
  width: 5px;
  height: 0.5em;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4) !important;
}
::-webkit-scrollbar-track {
  background: #e4e5e6;
}
.leftSidebarMainDiv ::-webkit-scrollbar {
  visibility: hidden;
  transition: visibility 0.1s ease-in;
}
.leftSidebarMainDiv ::-webkit-scrollbar-track {
  visibility: hidden;
  transition: visibility 0.1s ease-in;
}
.leftSidebarMainDiv ::-webkit-scrollbar-thumb {
  visibility: hidden;
  transition: visibility 0.1s ease-in;
}
.leftSidebarMainDiv:hover ::-webkit-scrollbar {
  visibility: visible;
}
.leftSidebarMainDiv:hover ::-webkit-scrollbar-track {
  visibility: visible;
}
.leftSidebarMainDiv:hover ::-webkit-scrollbar-thumb {
  visibility: visible;
}
body {
  scrollbar-face-color: slategray;
  scrollbar-track-color: #b8c0c8;
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.4) #e4e5e6;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-thumb {
  border-radius: 0;
}
.preview_pane_dynamic_height {
  display: flex;
  flex-direction: column;
  display: flex;
  height: calc(100vh - 177px);
  position: relative;
}
.detailPane_inModal .comment_box_active .preview_pane_scroll_right_wrapper {
  height: calc(100% - 257px) !important;
}
.capture_detail_full_screen .preview_pane_dynamic_height {
  height: 100vh;
}
.modal_detail_panel {
  width: 100%;
  height: 100%;
}
.detailPane_inModal .preview_pane_dynamic_height {
  height: calc(100vh - 103px) !important;
}
.three_panel_main_wrapper .load_more_data_in_list {
  bottom: 142px;
}
.scroll-area-capture-in-modal.no_toolbar_needed {
  height: calc(100vh - 121px);
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  ul.column_layout.task_listing
  li.active
  .count_of_merged_captures {
  color: #333 !important;
  background-color: #f5f5f7 !important;
  border: 1px solid #e9e9eb !important;
}
.conversation_view_main_wrapper .vue_splitter_pane.app_all_captures {
  border-top-right-radius: 6px;
  z-index: 9 !important;
}
.vue_splitter_wrapper.table_view_main_wrapper.preview_pane_is_closed
  .vue_splitter_pane.capture_selected_list.in_table_task {
  border-top-right-radius: 6px !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .grouped_by_section.group_by_list_parent
  > .grouped_by_label
  .tagged_assets_assignee {
  margin: 0 0 0 5px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_draggable_number,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_draggable_number,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.snippet-size_active
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_draggable_number {
  left: 7px !important;
  display: flex;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .column_layout.task_listing.list-size_active
  .task_draggable_number,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .column_layout.task_listing.medium-size_active
  .task_draggable_number,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .column_layout.task_listing.snippet-size_active
  .task_draggable_number {
  display: flex;
  left: 6px;
}
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section {
  border-top: 1px solid #cbd3da;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li {
  border-bottom: 1px solid transparent;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active {
  border: 1px solid rgb(14 154 239 / 50%) !important;
  border-bottom: 1px solid rgb(14 154 239 / 50%) !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.bulk_action_active {
  background-color: rgb(14 154 239 / 10%) !important;
  border: 1px solid rgb(14 154 239 / 50%) !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li:first-child {
  border-top: 1px solid transparent;
}
.conversation_view_main_wrapper .grouped_by_section.grouped_by_folder_bundle {
  border-top: 1px solid transparent;
}
.conversation_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active {
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active
  .task_draggable_number {
  background-color: transparent !important;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active:before {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active:after {
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  ul.column_layout.task_listing
  > li.active:before {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]:before {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  ul.column_layout.task_listing
  > li.active:after {
  left: 0;
  bottom: 0;
  content: "";
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]:after {
  left: 0;
  bottom: 0;
  content: "";
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #0e9aef !important;
  z-index: 99;
}
.three_panel_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active:before {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px solid #0e9aef !important;
  z-index: 99;
}
.three_panel_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active:after {
  left: 0;
  bottom: 0;
  content: "";
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #0e9aef !important;
  z-index: 99;
}
.three_panel_main_wrapper
  ul.column_layout.task_listing.list-size_active
  > li
  .task_list_ctrl {
  height: 35px;
}
.three_panel_main_wrapper ul.column_layout.task_listing > li.active:before {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px solid #0e9aef !important;
  z-index: 99;
}
.three_panel_main_wrapper ul.column_layout.task_listing > li.active:after {
  left: 0;
  bottom: 0;
  content: "";
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #0e9aef !important;
  z-index: 99;
}
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_assignees
  .grouped_by_section,
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section,
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_progress
  .grouped_by_section,
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_project
  .grouped_by_section,
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  .grouped_by_section,
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_created_at
  .grouped_by_section,
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_project
  .grouped_by_section,
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_timer_time_entries_aggregate
  .grouped_by_section,
.three_panel_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_type
  .grouped_by_section {
  padding: 8px 15px 8px 4px;
}
.table_view_main_wrapper ul.column_layout.task_listing > li.active:before {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_view_main_wrapper ul.column_layout.task_listing > li.active:after {
  left: 0;
  bottom: 0;
  content: "";
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active:before {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_view_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active:after {
  left: 0;
  bottom: 0;
  content: "";
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .capture_parent_div_section.active:before {
  top: -1px;
}
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .capture_parent_div_section.active:after {
  bottom: -1px;
}
.magic_client_dropdown.recent_capture_list_view_dropdown {
  max-width: 273px !important;
  opacity: 1;
  background: #fff;
  z-index: 999 !important;
  width: 380px;
  box-shadow: 0 1px 6px #0000003d;
  border: 1px solid #7070701a;
  border-radius: 6px;
}
.leftSidebarMainDiv {
  min-width: 233px;
}
.add_estimate_time_input.error input {
  border: 1px solid #cc2929 !important;
}
.add_estimate_time_input input {
  width: 44% !important;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  .project_level_dropdown {
  right: 0;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag.active
  .project_level_dropdown {
  background-color: #0e9aef !important;
}
#tag.tag_section_in_left_sidebar .tree-node-inner-back {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0 !important;
  line-height: normal;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  border-top: 0;
  border-bottom: 0;
  height: 28px;
  width: 100%;
}
#tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag.active {
  background-color: #0e9aef !important;
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag
  .project_level_dropdown {
  right: 0;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag.active
  .project_level_dropdown {
  background-color: #0e9aef !important;
}
#my-tag.tag_section_in_left_sidebar .tree-node-inner-back {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0 !important;
  line-height: normal;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  border-top: 0;
  border-bottom: 0;
  height: 28px;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.custom_capture_tag.active {
  background-color: #0e9aef !important;
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
#users.assignee_section_in_left_sidebar ul.mainmenu-gmail-panel > li {
  padding: 4px 0 4px 0;
}
.vue_splitter_wrapper.table_view_main_wrapper.preview_pane_is_closed
  .vue_splitter_pane.capture_selected_list {
  border-top-right-radius: 0;
}
.loader_div.list_view_capture_list .element-loader {
  border-radius: 0;
}
.preview_pane_is_opened.table_view_main_wrapper
  .custom_field_active
  .task_name_header_ctrl {
  max-width: 575px;
  min-width: 575px;
}
.table_view_main_wrapper.preview_pane_is_opened
  .custom_field_active.table_list_view_main_wrapper
  .task_name_ctrl {
  width: 575px;
  min-width: 575px;
}
.assignee-div.Participant_ctrl.participant_in_table_ctrl {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #676a6c;
  font-size: 13px;
  margin-right: 10px;
}
.assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  border: 1px solid transparent;
  position: relative;
  margin-left: 5px;
  min-height: 22px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding: 0 2px 0 0;
}
.assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container
  .iconbg {
  background-color: rgba(211, 211, 213, 0.26);
  padding: 0 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  align-items: center;
}
.participant_in_table_ctrl .multi-assignee-wrapper {
  display: flex;
  margin: 0 0 0 5px;
  align-items: center;
}
.assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.participant_in_table_ctrl .common_innr_dropdown.dropdown-menu {
  top: 30px;
  border: 1px solid #d5d5d6;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
}
.panel_content_wrapper.in_list_view {
  display: block;
  -webkit-box-flex: unset;
  flex: none;
  -webkit-box-orient: unset;
  -webkit-box-direction: normal;
  flex-direction: unset;
}
.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4caf50;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::after,
.success-checkmark .check-icon::before {
  content: "";
  height: 100px;
  position: absolute;
  background: #fff;
  transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #4caf50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: #fff;
}
@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
.success-checkmark.in_upload_widget {
  width: 35px;
  height: 35px;
  transform: scale(0.741);
  -webkit-transform: scale(0.741);
  -moz-transform: scale(0.741);
  -ms-transform: scale(0.741);
  -o-transform: scale(0.741);
  position: relative;
  left: -23px;
  top: -25px;
}
.success-checkmark.in_upload_widget .check-icon {
  overflow: hidden;
  transform: scale(0.4);
  position: relative;
}
.success-checkmark.in_upload_widget .check-icon .icon-fix {
  background-color: #e6f5fd;
}
.success-checkmark.in_upload_widget .check-icon::after,
.success-checkmark.in_upload_widget .check-icon::before {
  background: 0 0;
}
.btn-round {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #009dec;
}
.btn-square {
  width: 100px;
  height: 100px;
  background-color: #009dec;
}
.close {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 25px;
  left: 25px;
  overflow: hidden;
}
.close::after,
.close::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
}
.close::before {
  transform: rotate(0);
}
.close::after {
  transform: rotate(90deg);
}
@-webkit-keyframes plusButton {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -135deg);
    transform: rotate3d(0, 0, 1, -135deg);
    background-color: #b14242;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    background-color: #009dec;
  }
}
@keyframes plusButton {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 135deg);
    transform: rotate3d(0, 0, 1, 135deg);
    background-color: #b14242;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    background-color: #009dec;
  }
}
.plusButton {
  -webkit-animation-name: plusButton;
  animation-name: plusButton;
}
@-webkit-keyframes closeButton {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    background-color: #009dec;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 135deg);
    transform: rotate3d(0, 0, 1, 135deg);
    background-color: #b14242;
  }
}
@keyframes closeButton {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    background-color: #009dec;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 135deg);
    transform: rotate3d(0, 0, 1, 135deg);
    background-color: #b14242;
  }
}
.closeButton {
  -webkit-animation-name: closeButton;
  animation-name: closeButton;
}
@-webkit-keyframes circleShape {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: #009dec;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 135deg);
    transform: rotate3d(0, 0, 1, 135deg);
    background-color: #b14242;
    border-radius: 100px;
  }
}
@keyframes circleShape {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: #009dec;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 135deg);
    transform: rotate3d(0, 0, 1, 135deg);
    background-color: #b14242;
    border-radius: 100px;
  }
}
.circleShape {
  -webkit-animation-name: circleShape;
  animation-name: circleShape;
}
@-webkit-keyframes squareShape {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 135deg);
    transform: rotate3d(0, 0, 1, 135deg);
    background-color: #b14242;
    border-radius: 100px;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: #009dec;
    border-radius: 0;
  }
}
@keyframes squareShape {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 135deg);
    transform: rotate3d(0, 0, 1, 135deg);
    background-color: #b14242;
    border-radius: 100px;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: #009dec;
    border-radius: 0;
  }
}
.squareShape {
  -webkit-animation-name: squareShape;
  animation-name: squareShape;
}
.add_feedback_dropdown_widget {
  position: absolute;
  bottom: 20px;
  left: 30px;
  z-index: 99999;
}
.add_feedback_dropdown_widget_innr .btn-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background-color: #009dec;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.add_feedback_dropdown_widget_innr .btn-round.animated {
  animation-duration: 0.2s;
}
.add_feedback_dropdown_widget_innr .close {
  top: 0;
  left: 0;
  text-shadow: none;
  display: inline-flex;
  width: 22px;
  height: 22px;
  opacity: 1;
}
.dropdown.add_feedback_dropdown_widget_innr .close:after,
.dropdown.add_feedback_dropdown_widget_innr .close:before {
  background: #fff;
  position: absolute;
  height: 3px;
  border-radius: 5px;
  content: "";
  display: inline-block !important;
}
.add_feedback_dropdown_widget_innr ul.dropdown-menu {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #e8eaec;
}
.add_feedback_dropdown_widget_innr.open ul.dropdown-menu {
  bottom: 0;
  left: 100%;
  position: absolute;
  top: auto;
  margin: 0 0 0 15px;
  padding: 5px 0;
  border: 1px solid #d5d5d6;
  border-radius: 6px;
}
.add_feedback_dropdown_widget_innr ul.dropdown-menu.arrow_box_top:after,
.add_feedback_dropdown_widget_innr ul.dropdown-menu.arrow_box_top:before {
  transform: rotate(-90deg);
  bottom: 12px;
  right: 100%;
  margin: auto;
  left: auto;
}
.add_feedback_dropdown_widget_innr ul.dropdown-menu.arrow_box_top:before {
  bottom: 10px;
}
.add_feedback_dropdown_widget_innr ul.dropdown-menu > li {
  font-size: 14px;
  font-weight: 600;
  color: #424242;
  display: flex;
  align-items: center;
  padding: 5px 12px;
  width: 100%;
  cursor: pointer;
}
.add_feedback_dropdown_widget_innr ul.dropdown-menu > li:hover {
  background-color: #e8e8e8;
}
.add_feedback_dropdown_widget_innr ul.dropdown-menu > li > svg {
  width: 15px;
  margin: 0 7px 0 0;
  display: inline-flex;
  height: auto;
}
.add_feedback_dropdown_widget_innr ul.dropdown-menu > li.active {
  background-color: #2680eb1a;
  color: #2680eb;
}
.add_feedback_dropdown_widget_innr ul.dropdown-menu > li.active > svg > path {
  fill: #2680eb;
}
.add_feedback_comment_box {
  background-color: #fff;
  border: 1px solid #d5d5d6;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border-radius: 6px;
  max-width: 370px;
  width: 100%;
}
.canvas_annotator_rectangle {
  border: 3px dashed #009dec;
  position: absolute;
  box-shadow: 0 0 0 1000000px #4c4c4cc2;
}
.feedback_comment_box .ql-toolbar.ql-snow {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}
.right_side_feedback_reply_textbox .custom_quil_comment_box {
  height: auto;
  border: 0 !important;
}
.capture_canvas_annotator_dot {
  width: 28px;
  height: 28px;
  background: #0e9aef;
  z-index: 9;
  position: fixed;
  border-radius: 50%;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  border: 3px solid #fff;
}
.capture_canvas_comment_annotator_dot_temp {
  width: 28px;
  height: 28px;
  background: #0e9aef;
  z-index: 9;
  border-radius: 50%;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  border: 3px solid #fff;
}
.capture_canvas_annotator_dot:hover {
  -webkit-box-shadow: 0 0 9px 3px rgba(14, 154, 239, 0.5);
  -moz-box-shadow: 0 0 9px 3px rgba(14, 154, 239, 0.5);
  -ms-box-shadow: 0 0 9px 3px rgba(14, 154, 239, 0.5);
  -o-box-shadow: 0 0 9px 3px rgba(14, 154, 239, 0.5);
  box-shadow: 0 0 9px 3px rgba(14, 154, 239, 0.5);
}
.feedback_comment_box_header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dde2e7;
  padding: 10px;
}
.feedback_comment_box_header .single_assignee_avatar {
  width: 21px;
  height: 21px;
  background-color: #4186e0;
  font-size: 10px;
  display: inline-flex;
  border-radius: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  position: relative;
}
.feedback_comment_box_header .username {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 0 5px;
}
.feedback_comment_box {
  padding: 10px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.feedback_comment_box_ctrl {
  border: 1px solid #0e9aef;
  display: flex;
  flex-direction: column;
}
.feedback_comment_box .feedback_comment_box_ctrl {
  border-radius: 4px;
}
.feedback_comment_box_ctrl:focus {
  border-color: #0e9aef;
}
.feedback_comment_box_ctrl:focus-within {
  border-color: #0e9aef;
}
.feedback_comment_box textarea {
  border: 0;
  width: 100%;
  position: relative;
  height: 100%;
  min-height: 90px;
  resize: none;
  padding: 5px;
  display: inline-flex;
}
.feedback_comment_box button {
  background-color: #0e9aef;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  padding: 4px 0;
  border: 0;
  transition: bottom ease-in-out 0.2s;
  -webkit-transition: bottom ease-in-out 0.2s;
  -ms-webkit-transition: bottom ease-in-out 0.2s;
  -o-transition: bottom ease-in-out 0.2s;
  display: inline-flex;
  position: relative;
  width: 49px;
  text-align: center;
  justify-content: center;
  margin: 5px 5px 5px auto;
}
.feddback_loop_ctrl {
  display: flex;
  flex-direction: row;
  padding: 10px 20px;
  position: relative;
}
.feddback_loop_ctrl_thread {
  display: flex;
  flex-direction: row;
  padding: 10px 20px;
  position: relative;
}
.feddback_loop_main_ctrl.in_sidepanel .active.comment_msg:after {
  top: 51px;
}
.feddback_loop_main_ctrl .comment_msg:last-child:after {
  display: none;
}
.feedback_avatar_ctrl,
.feedback_header_content_ctrl {
  display: flex;
  flex-direction: column;
}
.feedback_avatar_ctrl {
  margin: 0;
}
.feedback_avatar_ctrl .single_assignee_avatar {
  width: 21px;
  height: 21px;
  background-color: #4186e0;
  font-size: 10px;
  display: inline-flex;
  border-radius: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 24px 10px 0 0;
}
.feedback_avatar_ctrl,
.feedback_header_content_ctrl {
  display: flex;
  flex-direction: column;
}
.feedback_comment_header_info {
  width: 100%;
  display: flex;
  margin: 0 0 3px 0;
  align-items: center;
}
.fd_comment_by {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 190px;
}
.fd_comment_time {
  color: #83898e;
  opacity: 0.76;
  font-size: 11px;
  margin: 0 0 0 6px;
  font-weight: 600;
  display: inline-flex;
}
.feedback_header_content_ctrl:hover
  .action-magic-dots
  .dropdown
  .time_entry_option {
  opacity: 1;
}
.feedback_comment_content {
  background-color: rgba(224, 225, 226, 0.32);
  border-radius: 12px;
  padding: 5px 10px 7px 10px;
  border: 1px solid rgba(201, 202, 203, 0.32);
  border-top-left-radius: 0;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  word-break: break-word;
}
.capture_canvas_task_dot {
  position: absolute;
  width: 28px;
  height: 28px;
  z-index: 9;
  background: #fcbd01;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid #fff;
  box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
  -webkit-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
  -moz-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
  -ms-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
  -o-box-shadow: 0 5px 20px 0 rgba(21, 27, 38, 0.08);
}
.capture_canvas_task_dot:hover {
  -webkit-box-shadow: 0 0 9px 3px #fcbd01;
  -moz-box-shadow: 0 0 9px 3px #fcbd01;
  -ms-box-shadow: 0 0 9px 3px #fcbd01;
  -o-box-shadow: 0 0 9px 3px #fcbd01;
  box-shadow: 0 0 9px 3px #fcbd01;
}
.feedback_comment_content p {
  margin: 0;
}
.feddback_loop_ctrl.active .feedback_comment_content {
  border-color: #0e9aef;
  background-color: #0e9aef;
}
.owner {
  right: 10px;
  display: inline-flex;
  position: static;
  opacity: 0.8;
  font-style: italic;
  cursor: default;
  top: 8px;
}
.assignee_circle_label {
  margin: 0 0 0 3px;
}
.capture_module_main_wrapper
  .table_list_view_main_wrapper
  .tagged_assets_assignee {
  margin: 0;
}
.capture_daggable_clone_icon {
  position: fixed;
  background: #fff;
  z-index: 9999999999999999999 !important;
}
.connect_task_div.dropdown.open
  > .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2 {
  right: 0;
  display: flex !important;
  position: absolute;
}
.connect_task_div.dropdown
  > .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2 {
  max-width: 246px !important;
  width: 246px;
}
span.rc-task {
  user-select: none !important;
}
.connect_task_div.dropdown
  > .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2
  .task_wrap_bg_ctrl {
  height: 260px;
  padding: 10px 9px 0;
}
.connect_task_div.dropdown
  > .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2
  .count_task_view_dropdown_inner {
  width: 100%;
}
.connect_task_div.dropdown
  > .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2
  .task_rec_content_wrap {
  margin: 0 0 5px 0;
  padding: 5px;
}
.connect_task_div.dropdown
  > .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2
  .task_rec_content_wrap
  .task_name_block {
  margin-bottom: 0;
}
.connect_task_div.dropdown
  > .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2
  .search_box_with_back_icon_ctrl {
  padding: 5px;
}
.connect_task_div.dropdown
  > .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2
  span.back_chevron_icon_ctrl {
  width: 20px;
  height: 28px;
  margin-right: 5px;
  border-radius: 2px;
}
.connect_task_div.dropdown
  > .magic_client_dropdown.count_task_view_dropdown.task_drop_box_2
  .task_rec_content_wrap:first-child {
  box-shadow: none;
  border: 1px solid #e7e7e9;
}
.feedback_avatar_ctrl .single_assignee_avatar {
  width: 21px;
  height: 21px;
  background-color: #0e9aef;
  font-size: 10px;
  display: inline-flex;
  border-radius: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.feedback_comment_header_info .time_entry_option > i {
  font-size: 13px;
  color: #9da1a5;
}
.feedback_comment_header_info .dropdown-menu.three_dots_dropdown_innr_main {
  position: absolute;
  left: 0 !important;
  right: auto !important;
  min-width: 140px !important;
}
.feedback_comment_header_info
  .dropdown-menu.three_dots_dropdown_innr_main
  .comment_dropdown_popup {
  left: 100% !important;
  right: auto;
}
.feedback_comment_header_info .open .time_entry_option > i {
  opacity: 1;
}
.feedback_threading_ctrl {
  overflow: auto;
  max-height: 180px;
}
.feddback_loop_main_ctrl {
  position: relative;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 0 0 10px 0;
}
.feddback_loop_main_ctrl:hover {
  background-color: #f5f5f7;
  border-bottom: 1px solid #cbd3da;
  border-top: 1px solid #cbd3da;
}
.feddback_loop_main_ctrl.active_comment {
  background-color: #f5f5f7;
  border-bottom: 1px solid #cbd3da;
  border-top: 1px solid #cbd3da;
}
.feddback_loop_main_ctrl.in_sidepanel .feedback_comment_box {
  position: relative;
  top: 10px;
}
.vertical_bar_on_page.in_canvas {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  align-items: center;
  display: flex;
}
.vertical_bar_on_page.in_canvas ul.vertical_bar_ul {
  height: auto;
  border: 1px solid #dadce0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.vertical_bar_on_page.in_canvas {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  align-items: center;
  display: flex;
  transition: right 0.2s ease-in-out;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.4s ease-in-out;
  -ms-transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  width: 45px;
  transition: none;
}
.canvas_sidepanel_container {
  transition: right 0.1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transition: right 0.1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: right 0.1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: right 0.1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: right 0.1s cubic-bezier(0.22, 0.61, 0.36, 1);
  position: absolute;
  z-index: 999999 !important;
  width: 100%;
  height: calc(100% - 125px) !important;
  width: 365px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: none;
}
.vertical_bar_on_page.in_canvas ul.vertical_bar_ul {
  height: 160px;
  border: 1px solid #dadce0;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.vertical_bar_on_page.in_canvas ul.vertical_bar_ul > li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.feedback_sidepanel {
  position: absolute;
  z-index: 99999 !important;
  right: 0;
  width: 320px;
  height: calc(100% - 125px) !important;
  background: #fff;
  border-left: 1px solid #dadce0;
  bottom: 0;
  transition: right 0.4s ease-in-out;
  -webkit-transition: right 0.4s ease-in-out;
  -moz-transition: right 0.4s ease-in-out;
  -ms-transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
}
.feedback_sidepanel.in_canvas {
  position: absolute;
  background: #fff;
  border-left: 1px solid #dadce0;
  -moz-transition: right 0.4s ease-in-out;
  -ms-transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  width: 320px;
  height: 100% !important;
  top: 0;
  right: 0;
  transition: none;
}
.feedback_sidepanel_heading {
  padding: 9px 15px;
  border-bottom: 1px solid #d5d5d6;
  display: flex;
  align-items: center;
  min-height: 41px;
}
.feedback_sidepanel_heading h5 {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.feedback_sidepanel.in_canvas .feedback_threading_ctrl {
  max-height: none;
  height: calc(100vh - 88px);
  display: flex;
  flex-direction: column;
}
button.action_tools.add_feedback_btn {
  width: 25px !important;
  height: auto !important;
  position: relative;
  border: 0 !important;
  padding: 0 !important;
  color: #5f6368;
  font-size: 11px;
  min-height: 25px;
  text-align: center;
  justify-content: center;
}
button.action_tools.add_feedback_btn > i {
  margin: 0 5px 0 0;
  font-size: 13px !important;
}
button.add_feedback_btn .count {
  position: absolute;
  top: -3px;
  right: -5px;
  background-color: #0e9aef;
}
button.exit_side_panel {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-left: auto;
  border: 0;
  text-decoration: none;
  color: #465369 !important;
  opacity: 0.5;
}
button.exit_side_panel svg {
  display: block;
  width: 16px;
}
button.exit_side_panel:hover {
  opacity: 1;
  fill: #000;
}
.no_data_found_wrapper.no_comments_in_annotator {
  max-height: calc(100% - 76px);
  display: flex;
  flex-direction: column;
  height: 100%;
  border-top: 1px solid #e9e9eb;
}
.no_data_found_wrapper.no_comments_in_annotator h6 {
  font-size: 16px;
  color: #353535;
  font-weight: 600;
}
.feedback_threading_ctrl .comment_msg:last-child:after {
  display: block !important;
}
.feedback_comment_box_header .close_dropdown {
  position: absolute;
  top: -9px;
  right: -9px;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 100%;
  border: 0;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.feedback_comment_box_header .close_dropdown i {
  font-size: 16px;
  color: #151b26;
  opacity: 0.55;
}
.feedback_comment_box_header .close_dropdown:hover i {
  opacity: 1;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl
  .action_tools.add_feedback_btn
  i {
  margin: 0;
  font-size: 12px;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl
  .action_tools.add_feedback_btn
  i.fa-eye {
  color: #0e9aef;
  opacity: 1;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl
  .action_tools.add_feedback_btn
  i.fa-eye-slash {
  color: #ed4758;
  opacity: 0.8;
}
.view_thread_msgs {
  color: #0e9aef;
  font-size: 12px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 0 54px;
  position: relative;
  cursor: pointer;
  opacity: 1;
}
.view_thread_msgs:hover {
  opacity: 1;
}
.right_side_feedback_reply_textbox .ui.attached.segment.ql-container.ql-snow {
  height: auto;
}
.capture_list_dropdown_full_modal_popup.in_canvas {
  bottom: unset !important;
  box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 4px 6px 4px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0 !important;
  right: 0;
  z-index: unset !important;
  width: 320px;
  height: 100% !important;
  float: left;
  transition: none;
}
.capture_list_dropdown_full_modal_popup.in_canvas
  .tabs_inner_content_wrap.side_bar_in_modal {
  height: calc(100vh - 320px) !important;
}
.feddback_loop_main_ctrl.in_sidepanel .last_thread.comment_msg:after {
  opacity: 0;
}
.assignee_section_in_left_sidebar ul.assignee_level > li.hover-drag {
  background: #0e9aef !important;
  border-bottom: 1px solid transparent !important;
  border-top: 1px solid transparent !important;
}
.dropdown.extra_attachments {
  display: inline-flex;
  position: relative;
  margin: 0 0 0 5px;
}
span.more_attachments {
  font-weight: 700;
  font-size: 11px;
  background-color: #f5f5f7;
  color: rgba(103, 106, 108, 0.9);
  position: relative;
  display: inline-flex;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border: 1px solid #c0c4c6;
  cursor: pointer;
  padding-right: 2px;
}
span.more_attachments:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.extra_attachments .dropdown-menu {
  position: absolute;
  right: 100%;
  bottom: 0;
  top: auto;
  left: auto;
  margin: 0 5px 0 0;
  padding: 5px 10px;
  width: 210px;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  max-height: 300px;
  overflow: auto;
  cursor: pointer;
}
.extra_attachments .dropdown-menu .custom_comments_attachment {
  margin: 4px 0;
  width: 100%;
  padding: 2px 4px;
}
.close_timer_widget i {
  color: #151b26;
  font-size: 16px;
  display: inline-flex;
  margin: 0;
  cursor: pointer;
  position: absolute;
  top: -9px;
  right: -7px;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  opacity: 0.55;
}
.close_timer_widget i:hover {
  opacity: 1;
}
.help-block.help-block-error {
  color: #f15866 !important;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: normal;
  width: 100%;
}
.google_signin_error_ctrl,
.google_signup_error_ctrl {
  margin-bottom: 10px;
}
.wave {
  position: relative;
  text-align: center;
  margin: 3px 5px 0 0;
}
.wave .dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0;
  background: #fff;
  animation: wave 1.15s linear infinite;
  margin-top: -4px;
}
.wave .dot:nth-child(2) {
  animation-delay: -1.1s;
}
.wave .dot:nth-child(3) {
  animation-delay: -0.9s;
}
@keyframes wave {
  0%,
  100%,
  60% {
    transform: initial;
  }
  30% {
    transform: translateY(-15px);
  }
}
#capture-modal-full-view .modal-backdrop {
  z-index: 99999999 !important;
}
#capture-modal-full-view .modal-dialog.modal-dialog-centered.custom-width {
  z-index: 99999999 !important;
}
#capture-modal .modal-dialog.modal-dialog-centered.custom-width.test {
  z-index: 9999999;
  border: 0 !important;
}
#capture-modal .full_modal_popup_for_capture {
  height: 100%;
  overflow: auto;
}
.note_preview.in_preview_pane p {
  text-align: left;
}
.note_preview.in_preview_pane.in_list_view {
  padding: 10px;
  display: block;
}
.note_preview.in_preview_pane.in_table_view {
  display: block;
}
.full_modal_popup_for_capture.in_modal_popup .image_preview.in_modal {
  height: calc(100% - 35px);
}
.anotatorToolOuterDiv.annotator_in_preview_panel {
  position: relative !important;
  background-color: #fff !important;
  display: flex !important;
  width: 100%;
  border: 1px solid #c2c5c6 !important;
}
.anotatorToolOuterDiv.annotator_in_preview_panel #create_task_draw_toolbar {
  position: relative;
  max-width: 100%;
  margin: 0;
  border-bottom: 0;
  background: 0 0;
  width: 100% !important;
}
.anotatorToolOuterDiv.annotator_in_preview_panel
  #create_task_draw_toolbar
  .popup_toobar_panel {
  padding: 7px 5px;
}
.single_captures_div
  .capture_view_outer_wrap.capture_view_outer_wrap_in_preview_pane {
  overflow: auto;
  border-top: 0 !important;
  padding: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #f8f8f8;
}
.conversation_preview_pane_main_wrapper
  .capture_view_outer_wrap_in_preview_pane
  .capture_view_outer_inner_wrap {
  padding: 0;
  overflow: auto;
  display: flex;
  align-items: flex-start;
  justify-content: start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 500px;
  border-radius: 0;
}
.capture_view_outer_wrap_in_preview_pane .image_preview {
  width: auto !important;
}
.auto_save_section.canvas_save_common_btn {
  display: inline-flex;
  min-width: auto;
  border-radius: 2px;
  height: 26px;
  margin: 0 5px 0 0;
}
.auto_save_section.canvas_save_common_btn span.saving {
  border-radius: 3px;
  font-size: 11px;
  padding: 0 7px;
}
.auto_save_section.canvas_save_common_btn span.saved > i,
.auto_save_section.canvas_save_common_btn span.saving > i {
  margin: 1px 4px 0 0;
  font-size: 12px;
}
.auto_save_section.canvas_save_common_btn .wave {
  margin: 3px 4px 0 0;
}
.auto_save_section.canvas_save_common_btn .wave .dot {
  width: 4px;
  height: 4px;
}
.conversation_view_main_wrapper
  .sort_by_capture_module_folder_relationships_aggregate
  .grouped_by_section
  .chevron_ctrl {
  position: relative;
  left: 0;
  margin: 0 5px 0 0;
}
.multiselect_captures_div .anotatorToolOuterDiv.annotator_in_preview_panel {
  border-radius: 0;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}
.multiselect_captures_div .save_canvas_in_preview_panel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 3px 0;
}
.multiselect_captures_div
  .save_canvas_in_preview_panel
  .auto_save_section.canvas_save_common_btn {
  display: inline-flex;
  margin: 0;
}
.anotatorToolOuterDiv.annotator_in_preview_panel
  .toolbar_in_create_task.draw_popup_toolbar_ctrl
  .action_tools {
  width: 24px;
  height: 24px !important;
}
.anotatorToolOuterDiv.annotator_in_preview_panel
  .toolbar_in_create_task.draw_popup_toolbar_ctrl
  .action_tools
  i {
  font-size: 13px;
}
.anotatorToolOuterDiv.annotator_in_preview_panel .colored_icon_ctrl {
  min-width: 18px !important;
  height: 18px !important;
}
.task_action_icons_right span.task_action_icon_ctrl {
  min-width: 23px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px 0 0;
  border-radius: 3px;
  cursor: pointer;
}
.task_action_icon_ctrl svg {
  width: 14px;
  height: 14px;
  display: block;
  cursor: pointer;
}
.common_canvas_edit_btn {
  display: inline-flex;
  width: 100%;
  align-items: center;
  border-radius: 4px;
  font-size: 13px;
  color: #333;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  font-weight: 400;
  padding: 0 5px;
  border: 1px solid transparent;
  min-width: auto;
  width: auto;
  background-color: rgba(14, 154, 239, 0.15) !important;
  margin: 0 5px 0 0 !important;
}
.common_canvas_edit_btn svg {
  margin: 0 6px 0 0;
  fill: #0e9aef;
}
.common_canvas_edit_btn svg * {
  fill: #0e9aef !important;
}
.capture_module_main_wrapper
  .table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.sub_capture_ctrl,
.capture_module_main_wrapper
  .table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.sub_capture_ctrl,
.capture_module_main_wrapper
  .table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.sub_capture_ctrl,
.capture_module_main_wrapper
  .table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.sub_capture_ctrl,
.capture_module_main_wrapper
  .table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_project
  ul.column_layout.sub_capture_ctrl,
.capture_module_main_wrapper
  .table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.sub_capture_ctrl,
.capture_module_main_wrapper
  .table_list_view_innr_wrapper
  .captures_innr_group_ctrl_section.sort_by_userByAssignedTo
  ul.column_layout.sub_capture_ctrl {
  padding: 0;
}
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_assignees
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_project
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_capture_tags_aggregate
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_created_at
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_project
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_type
  ul.column_layout.sub_capture_ctrl,
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section.sort_by_userByAssignedTo
  ul.column_layout.sub_capture_ctrl {
  padding: 0;
}
.wrapper-clm-bg.in_full_screen_separate {
  padding-top: 10px;
  padding-bottom: 10px;
}
.full_screen_separate_capture {
  max-width: 60%;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 1px;
  overflow: hidden;
  border-left: 1px solid #d5d5d6;
  border-right: 1px solid #d5d5d6;
  height: calc(100vh - 20px);
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.full_screen_separate_capture .preview_pane_scroll {
  height: calc(100vh - 197px) !important;
}
.full_screen_separate_capture .comment_box_ctrl {
  border-radius: 0;
}
#doc_comment_footer_section_enter_comment_box {
  border-top: 1px solid #cbd3da;
}
#doc_comment_footer_section_enter_comment_box .comment_box_ctrl {
  max-width: 1137px;
  margin-left: auto;
  margin-right: auto;
  border-top: 0;
}
.conversation_preview_pane_main_wrapper
  .full_screen_separate_capture
  .capture_view_outer_wrap_in_preview_pane
  .capture_view_outer_inner_wrap {
  max-height: 500px;
  height: auto;
  min-height: 500px;
}
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_compact_groupBy_name,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_compact_groupBy_none,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_name,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_expanded_groupBy_none,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_capture_progress,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_created_at,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_due_date,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_project,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_separate_ordering,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_timer_time_entries_aggregate,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_userByAssignedTo,
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_seprate_groupBy_capture_tags_aggregate {
  border-bottom: 0;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.active:after,
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.active:before {
  left: 46px;
  width: calc(100% - 46px);
}
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li.active:after,
.grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing
  > li.active:before {
  left: 33px;
  width: calc(100% - 33px);
}
.table_view_main_wrapper
  ul.column_layout.task_listing
  > li.active
  .task_list_ctrl
  .task_column_count {
  background-color: #0e9aef;
}
.table_view_main_wrapper
  .subtask_option_expanded_groupBy_none
  ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.active:hover
  .task_draggable_number {
  background: #0e9aef;
}
.table_view_main_wrapper
  ul.column_layout.task_listing
  > li.active:hover
  .task_list_ctrl
  .task_draggable_number {
  background-color: #0e9aef;
}
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_none {
  border-bottom: 0;
}
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_none
  .captures_innr_group_ctrl_section {
  padding: 0 15px;
}
.ql-mention-list-container {
  max-height: 225px;
  overflow: auto;
}
.three_panel_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active:before {
  top: -1px;
}
.three_panel_main_wrapper
  .parent_div_main_capture
  .capture_parent_div_section.active:after {
  bottom: -1px;
}
.table_list_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle
  + ul.column_layout.task_listing.sub_capture_ctrl
  > li.sub_capture.active:after {
  bottom: -2px;
}
.table_list_view_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_none
  ul.sub_capture_ctrl
  li.sub_capture
  .sub_task_icon {
  margin: 0 5px 0 0;
}
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_none
  .task_list_ctrl
  .sub_task_icon {
  left: 53px;
}
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_none
  .task_list_ctrl
  .task_draggable_number {
  left: -14px;
}
.three_panel_main_wrapper
  .parent_div_main_capture.subtask_option_separate_groupBy_none
  .task_list_ctrl
  .capture_thumb_details {
  padding-left: 11px;
}
.header_action_icons_in_table_view {
  display: flex;
}
.common_table_header_btn {
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border: 1px solid transparent;
  background-color: #f5f5f7;
  display: flex;
  min-height: 24px;
  min-width: 24px;
  align-items: center;
  border-radius: 2px;
  justify-content: center;
  margin: 0 0 0 4px;
}
.common_table_header_btn:hover {
  background-color: #ebebed;
  border: 1px solid #d4d8db;
}
.common_table_header_btn > i {
  width: 22px;
  height: 22px;
  padding: 4px 0 0 4px;
  color: #676a6c;
}
ul.create_task_header_buttons {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 10px;
}
ul.create_task_header_buttons > li {
  padding: 7px 1px;
  width: 100%;
  text-align: center;
  color: #595959;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}
ul.create_task_header_buttons > li > i {
  color: #aeb0b3;
  margin: 0 4px 0 0;
  font-size: 12px;
}
ul.create_task_header_buttons > li > span {
  color: #595959;
  font-size: 13px;
}
ul.create_task_header_buttons > li:hover > i {
  color: #8c8c8c;
}
ul.create_task_header_buttons > li:hover > span {
  color: #333;
}
ul.create_task_header_buttons > li.active {
  border-bottom: 3px solid #0e9aef;
}
ul.create_task_header_buttons > li.active > span {
  font-weight: 600;
}
ul.create_task_header_buttons > li.active > i {
  color: #0e9aef;
}
.capture_list_dropdown.capture_list_dropdown_full_modal_popup
  .tabs_inner_content_wrap.in_sidepanel {
  height: calc(100vh - 225px);
}
.task_list_scroll.task_list_scroll_.in_sidepanel {
  height: calc(100vh - 225px);
}
.no_connected_task.in_sidepanel {
  background-color: #f5f5f7;
  height: calc(100vh - 225px);
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 10px;
  position: relative;
}
.data_div_ctrl {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 30px;
}
.data_div_ctrl svg {
  width: 72px;
  height: 66px;
  margin: 0 0 10px 0;
}
.data_div_ctrl h6 {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
}
.data_div_ctrl p {
  color: #666;
  font-size: 13px;
  text-align: center;
}
.white_btn_with_icn {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dadee0;
  width: 100%;
  margin: 15px 0 0 0;
  transition: background 0.1s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition: background 0.1s cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: background 0.1s cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: background 0.1s cubic-bezier(0.4, 0, 1, 1);
  -o-transition: background 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.btn.white_btn_with_icn i {
  color: #0e9aef;
  font-size: 12px;
  margin: 0 10px 0 0;
}
.white_btn_with_icn:hover {
  background-color: #0e9aef;
  border-color: #0e9aef;
  color: #fff;
}
.white_btn_with_icn:hover i {
  color: #fff;
}
.connected_tasks.in_sidepanrel {
  background-color: #f5f5f7;
  height: calc(100vh - 177px);
  position: relative;
}
.already_connected_tasks_wrapper {
  height: auto;
}
.section_label {
  color: rgba(51, 51, 51, 0.78);
  font-size: 13px;
  font-weight: 600;
  margin: 15px 0 10px 0;
}
.section_label span {
  color: #666;
  margin: 0 0 0 3px;
}
.already_connected_tasks_list {
  height: calc(100vh - 318px);
  overflow: auto;
  padding: 3px 10px 0;
}
.create_task_input_wrap .rcl.preview_pane_header_ctrl.task_creation_tagging {
  height: auto;
  display: flex;
  flex-direction: column;
  background: 0 0;
  align-items: flex-start;
}
.create_task_input_wrap
  .rcl.preview_pane_header_ctrl.task_creation_tagging
  .assignee-div,
.create_task_input_wrap
  .rcl.preview_pane_header_ctrl.task_creation_tagging
  .project-div {
  width: 100%;
  margin: 0 0 8px 0;
  align-items: flex-start;
  display: flex;
}
.task_creation_tag_common_btn .assignee-container.dropdown,
.task_creation_tag_common_btn .project-icon.dropdown {
  margin-left: 0 !important;
  justify-content: flex-start !important;
  width: 100%;
}
.task_creation_tag_common_btn .multi-assignee-wrapper {
  margin: 0 !important;
}
.modal-footer.task_creation_submit_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  border: 0;
  padding: 12px;
  border-top: 1px solid #dadee0;
}
.modal-footer.task_creation_submit_footer button.btn:hover {
  opacity: 0.9;
}
.modal-footer.task_creation_submit_footer button.btn {
  background-color: #0e9aef;
  border-color: #0e9aef;
  font-size: 14px;
  padding: 7px 12px;
  width: 100%;
  text-transform: uppercase;
}
.modal-footer.task_creation_submit_footer button.btn i {
  margin-right: 6px;
  font-size: 11px;
}
.task_create_header_buttons_ctrl {
  border-bottom: 1px solid #e9e9eb;
}
.tabs_inner_content_wrap.scroll_none.create_task_panel.task_creation_form_innr {
  height: calc(100vh - 177px);
  position: relative;
}
.in_full_screen_merged_capture .full_screen_separate_capture {
  max-width: 100%;
  flex: none;
  flex-direction: row;
  height: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tree_menu_and_preview_ctrl {
  display: flex;
  flex-direction: row;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  height: 100%;
  position: relative;
}
.outline_tree_menu_main_ctrl {
  display: flex;
  border-right: 1px solid #d5d5d6;
  background-color: #fff;
  width: 230px !important;
  min-width: 230px;
  position: relative;
  float: left;
  transition: width 1s ease;
  -webkit-transition: width 1s ease;
  -moz-transition: width 1s ease;
  -ms-transition: width 1s ease;
  -o-transition: width 1s ease;
  height: 100%;
}
.full_screen_merged_capture {
  width: 100%;
  flex: 1 1 auto;
  flex-direction: column;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  height: calc(100vh - 123px);
  position: relative;
}
.outline_tree_menu_innr {
  width: 100%;
}
.outline_tree_header span.email-search-left {
  width: 100%;
  position: relative;
  margin-right: 5px;
}
.outline_tree_header .sidebar_search_ctrl i {
  position: absolute;
  top: 8px;
  left: 9px;
  z-index: 1;
  font-size: 11px;
  color: #606060 !important;
}
.outline_tree_header .sidebar_search_ctrl input {
  padding: 3px 20px 3px 32px !important;
  height: 34px;
  font-weight: 400;
}
.outline_tree_header .treeview_search_filter_ctrl .filtertxt_input {
  background-color: rgb(248 248 248);
  border-color: #dbdbdc;
  width: 100% !important;
  color: #465369 !important;
  transition: ease all 0.2s;
  border-radius: 3px;
  padding: 0 25px 0 27px !important;
  height: 26px;
  line-height: 26px;
}
.outline_tree_header .treeview_search_filter_ctrl .filtertxt_input:hover {
  background: rgb(248 248 248) !important;
  border-color: #465369 !important;
}
.outline_tree_header .treeview_search_filter_ctrl .filtertxt_input:focus,
.outline_tree_header .treeview_search_filter_ctrl .filtertxt_input:hover {
  background: #fff !important;
  border-color: #0e9aef !important;
}
.outline_tree_header.search_for_treeview_in_breacdrumb
  .sidebar_search_ctrl
  input::placeholder {
  color: red !important;
}
.outline_tree_header .treeview_search_filter_ctrl .filtertxt_input:focus {
  background-color: #fff;
  border-color: #0e9aef;
  color: #465369 !important;
}
.outline_tree_header {
  border-bottom: 1px solid #dbdee5;
  border-top: 1px solid #dbdee5;
}
.first_top_header {
  display: flex;
  align-items: center;
  padding: 8px 10px 8px 10px;
}
.outline_show_hide_btn {
  color: #333;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  padding: 0;
  cursor: pointer;
  margin-left: 8px !important;
}
.outline_show_hide_btn svg {
  width: 15px;
  margin: 0;
}
.outline_show_hide_btn svg * {
  fill: #606060 !important;
}
.search_box_trigger_btn {
  display: inline-flex;
  margin: 0 0 0 auto;
}
.search_box_trigger_btn > i {
  color: #676a6c;
  font-size: 14px;
  cursor: pointer;
}
.search_box_trigger_btn > i.active {
  color: #0e9aef;
}
.outline_tree_header .treeview_search_filter_ctrl {
  padding: 0 10px;
  margin: 6px 0;
}
.merged_capture_menu_main_ctrl {
  padding: 0;
  height: 100%;
}
.menu_ul_li_innr {
  display: flex;
  align-items: center;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.menu_ul_li_innr:hover {
  background-color: #e7e7ec;
}
.chevron_ctrl {
  position: relative;
  display: flex;
  align-items: center;
}
.menu_ul_li_innr .chevron_ctrl > i {
  color: #777;
  font-size: 14px;
  margin: 0 10px 0 0;
  display: inline-flex;
}
.parent_capture_name {
  color: #333;
  font-size: 13px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
  font-weight: 600;
}
.menu_ul_li_child_innr {
  display: block;
  cursor: pointer;
  position: relative;
}
.selectedDraggableCapture {
  cursor: move !important;
}
.comment_three_dot_dropdown {
  margin-left: -195px;
}
.child_capture_name {
  color: #465369;
  font-size: 13px;
  display: inline-flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.parent_element.not_has_children_elements .child_capture_name {
  max-width: calc(100% - 47px);
}
.parent_element.has_children_elements .child_capture_name {
  max-width: calc(100% - 60px);
}
.child_element .child_capture_name {
  max-width: calc(100% - 47px);
}
.capture_type {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 7px 0 0;
}
.capture_type svg {
  width: 15px;
  height: auto;
}
.connected_task_wrap.in_full_screen_merged_captures {
  margin-left: auto !important;
}
.conversation_preview_pane_main_wrapper
  .full_screen_merged_capture
  .cv_task_list_main_weapper {
  background: #fff;
}
.merged_captures_menu_ul {
  overflow: auto;
  max-height: calc(100vh - 171px);
  height: 100%;
  overflow-x: hidden;
}
.menu_ul_li_child_innr.active,
.menu_ul_li_child_innr.bulk_action_active,
.menu_ul_li_innr.active {
  background-color: rgb(14 154 239 / 10%) !important;
  border: 1px solid rgb(14 154 239 / 50%) !important;
}
.captures_parent_group .multiselect_captures_div .task_data_main_wrap.focused {
  background-color: #e6f5fe;
  border: 1px solid #e6f5fe;
}
.task_data_main_wrap
  .capture_view_outer_wrap.capture_view_outer_wrap_in_fullscreen {
  background-color: #fff;
}
.task_data_main_wrap.focused
  .capture_view_outer_wrap.capture_view_outer_wrap_in_fullscreen {
  background-color: #e6f5fe;
}
.captures_parent_group .task_data_main_wrap .task_name_text {
  margin: 0;
}
.capture_information:hover .tooltip_custom_popup {
  display: block;
}
.capture_information {
  position: relative !important;
  display: inline-flex;
  justify-content: center;
  margin: 0 7px 0 0;
}
.capture_information > i {
  color: #7b7e84;
  font-size: 13px;
  opacity: 1;
  margin: 0;
}
.capture_information > i:hover {
  opacity: 1;
}
.capture_information .tooltip_custom_popup {
  top: 15px;
}
.capture_information .total_time_tooltip {
  width: 245px;
}
.capture_information .estimate_time_of_list,
.capture_information .project_total_time {
  font-size: 12px;
  padding: 0 0 5px 0;
  line-height: 18px;
}
.merged_capture_description_ctrl {
  margin: 0;
  padding: 10px 20px 10px 20px;
  background-color: #fff;
  width: 100%;
}
.task_data_main_wrap.capture_expanded .merged_capture_description_ctrl {
  border-bottom: 1px solid #cbd3da;
}
.captures_parent_group
  .task_data_main_wrap
  .merged_capture_description
  textarea {
  background: 0 0 !important;
  padding: 5px;
  color: #333;
  font-size: 13px !important;
  border-radius: 2px;
  border: 1px solid transparent;
  resize: none;
  overflow: auto;
  transition: ease all 0.2s;
  -webkit-transition: ease all 0.2s;
  -moz-transition: ease all 0.2s;
  -ms-transition: ease all 0.2s;
  -o-transition: ease all 0.2s;
}
.captures_parent_group
  .task_data_main_wrap
  .merged_capture_description
  textarea:hover {
  border: 1px solid #d3dae8;
}
.captures_parent_group .task_data_main_wrap .task_name_text input:focus {
  border-color: #0e9aef;
  background: #fff;
}
.captures_parent_group .task_data_block_container .caprure_type_icon {
  margin-right: 0;
}
.captures_parent_group .task_data_main_wrap .task_name_text {
  font-size: 19px;
}
.captures_parent_group
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container {
  border-top: 0;
}
.captures_parent_group
  .task_data_main_wrap
  .merged_capture_description
  textarea:focus {
  border: 1px solid #d3dae8;
  background: #fff !important;
}
.conversation_preview_pane_main_wrapper
  .capture_view_outer_wrap_in_fullscreen
  .capture_view_outer_inner_wrap {
  padding: 0 70px 20px 70px;
}
.conversation_preview_pane_main_wrapper
  .captures_parent_group
  .task_data_main_wrap.focused
  .capture_view_outer_inner_wrap {
  background-color: #e6f5fe;
}
.full_screen_separate_capture .full_screen_merged_capture .preview_pane_scroll {
  height: calc(100vh - 117px) !important;
  background-color: #fff;
}
.connected_task_count_badge {
  width: auto;
  height: auto;
  border-radius: 100%;
  text-align: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin: 0 0 0 5px;
  font-size: 11px;
  font-weight: 600;
  min-width: 16px;
  min-height: 16px;
  background-color: #fff;
  color: #252222;
  font-size: 11px;
  border: 1px solid #cbd3da;
}
.table_list_view_main_wrapper
  .groupBy_filter_is_active
  .tv_header_row
  .task_name_header_ctrl,
.table_list_view_main_wrapper
  .groupBy_filter_is_active
  .tv_header_row
  .task_number_header_ctrl {
  position: relative;
  z-index: 0;
  left: auto;
}
.connected_task_wrap .capture_module_task_widget_ctrl.connected_dropdown_sty {
  top: 100%;
  margin-top: 10px;
  right: 0;
  margin-right: -10px;
}
.preview_pane_is_opened.conversation_view_main_wrapper
  .vue_splitter_pane.app_all_captures {
  border-right: 1px solid #dfdfdf !important;
  z-index: 1;
}
.acf_title .view_detail_bug_title {
  color: #262626;
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 16px !important;
  display: inline-block;
  max-width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
  line-height: normal;
  padding-right: 10px;
}
.capture_info_icon > svg {
  color: #7e8187;
  width: 14px;
  height: 14px;
  opacity: 0.5;
  cursor: pointer;
}
.capture_info_icon > svg:hover {
  opacity: 1;
}
.capture_info_icon > i {
  color: #7e8187;
  opacity: 0.5;
  cursor: pointer;
  font-size: 14px;
}
.capture_info_icon > i:hover {
  opacity: 1;
}
.capture_info_icon {
  position: relative;
  display: flex;
  justify-content: center;
}
.capture_info_icon .tooltip_custom_popup {
  top: 15px;
}
.capture_info_icon:hover .tooltip_custom_popup {
  display: block;
}
.capture_info_icon .total_time_tooltip {
  width: 245px;
}
.capture_info_icon .estimate_time_of_list,
.capture_info_icon .project_total_time {
  font-size: 12px;
  padding: 0 0 2px 0;
}
.canvas_save_in_toolbar {
  position: absolute;
  right: 0;
}
.content-RC-fullScreen-modal.forced-overlay {
  max-width: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 22px;
  background: rgba(0, 0, 0, 0.8);
}
.inbox_default_folder {
  padding: 5px 11px 5px 24px;
  display: inline-flex;
  width: 100%;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.inbox_default_folder:hover {
  background-color: #e7e7ec;
}
.inbox_default_folder .element_icn_ctrl {
  margin-right: 12px;
}
.inbox_default_folder .element_icn_ctrl > i {
  color: #7b7e84;
  font-size: 13px;
}
.inbox_default_folder .capture_menu_item {
  color: #262626;
  font-size: 13px;
}
.active.inbox_default_folder {
  background-color: rgb(14 154 239 / 10%) !important;
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}
.my_folder_parent .capture_fixed_menu_list.four_column_layout {
  padding: 0;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.list-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-list-size
  .grouped_by_section,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.medium-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-medium-size
  .grouped_by_section,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.snippet-size_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-snippet-size
  .grouped_by_section,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-thumbnail-large
  .grouped_by_section,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-thumbnail-medium
  .grouped_by_section,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-thumbnail-small
  .grouped_by_section {
  display: flex;
  padding: 8px 15px 8px 6px;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.snippet-size_active
  .parent_div_main_capture.not-groupBy-snippet-size
  .grouped_by_section {
  display: flex;
  padding: 8px 15px 8px 12px;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-thumbnail-large,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-thumbnail-medium,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-thumbnail-small {
  width: 100%;
}
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-large_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-thumbnail-large
  .sort_by_created_at
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-medium_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-thumbnail-medium
  .sort_by_created_at
  .grouped_by_label,
.conversation_view_main_wrapper
  .group_by_ctrl.conversation_inner_view_ctrl.thumbnail-small_active
  .parent_div_main_capture.subtask_option_compact_groupBy_created_at.not-groupBy-thumbnail-small
  .sort_by_created_at
  .grouped_by_label {
  display: flex;
}
.drag_and_upload_capture.is-dragover {
  border: 1px solid #0e9aef !important;
}
.add_new_capture_in_fullscreen_merges {
  display: inline-flex;
  margin: 0;
}
.add_in_merged_capture_btn {
  color: rgba(51, 51, 51, 81%);
  font-weight: 600;
  font-size: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.add_in_merged_capture_btn svg {
  width: 20px;
  height: 14px;
  margin: 0 5px 0 0;
}
.add_in_merged_capture_btn svg * {
  fill: #4a9fea;
}
.add_new_capture_in_fullscreen_merges .dropdown .dropdown-menu {
  right: 0 !important;
  left: auto;
  margin-top: 8px;
  min-width: 190px;
}
.add_new_capture_in_fullscreen_merges
  .dropdown
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:before {
  right: 0;
}
.add_new_capture_in_fullscreen_merges
  .dropdown
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:after {
  right: 2px;
}
.menu_ul_li_child_innr .capture_type {
  display: inline-flex !important;
}
.outline_tree_menu_main_ctrl.is-dragover
  .drop_attachments_in_preview_panel_ctrl.attach_ui_for_list.in_outline_menu {
  display: block;
  background-color: rgb(14, 154, 239, 0.97) !important;
}
.conversation_preview_pane_main_wrapper.is_capture_drag_over
  .drop_attachments_in_preview_panel_ctrl {
  display: block;
  background-color: rgb(14, 154, 239, 0.97) !important;
}
.drop_attachments_in_preview_panel_ctrl.attach_ui_for_list.in_outline_menu {
  z-index: 99;
}
.menu_ul_li_child_innr.is-hoveringAbove:before {
  background-color: #273240;
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  margin: 0;
  top: 0;
  z-index: 9;
}
.menu_ul_li_child_innr.is-hoveringBelow:after {
  background-color: #273240;
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9;
}
.parent_element.child-indent:after,
.parent_element.child-indent:before {
  left: 50px !important;
}
.conversation_view_detail_panel
  div#capture_detail_panel_modal.is_capture_drag_over:before {
  display: none;
}
.is_capture_drag_over
  .drop_attachments_in_preview_panel_ctrl.in_list_view_preview_panel {
  display: block;
}
.drop_attachments_in_preview_panel_ctrl.in_list_view_preview_panel:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border: 2px dashed #0e9aef;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 2px;
}
.captures_parent_group .task_data_main_wrap .task_name_text input {
  color: #262626;
  font-size: 18px !important;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  padding: 2px 5px 4px 5px;
  background: 0 0;
  align-items: center;
  border-radius: 3px;
  transition: ease all 0.2s;
  -webkit-transition: ease all 0.2s;
  -moz-transition: ease all 0.2s;
  -ms-transition: ease all 0.2s;
  -o-transition: ease all 0.2s;
}
.captures_parent_group .task_data_main_wrap .task_name_text input:hover {
  border: 1px solid #d3dae8;
}
.captures_parent_group .task_data_main_wrap .task_name_text input:focus {
  border-color: #0e9aef;
  background: #fff;
}
.capture_conversation_view.ui-draggable-dragging .menu_ul_li_child_innr {
  border: 0 !important;
  padding: 0 10px;
}
.capture_conversation_view.ui-draggable-dragging .menu_ul_li_child_innr.active,
.capture_conversation_view.ui-draggable-dragging .menu_ul_li_innr.active {
  background-color: #fff;
  border: 0 !important;
  padding: 0 10px;
  height: 28px !important;
  display: flex !important;
  align-items: center;
}
.progress_linear {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #0e9aef;
  border-radius: 2px;
  margin: 0.5rem 0 0.4rem 0;
  overflow: hidden;
}
.progress_linear .indeterminate {
  background-color: rgba(182, 224, 250, 0.9);
}
.progress_linear .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
    infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress_linear .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
    infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
    infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.progress_upload_in_full_screen .upload_count_label {
  font-weight: 600;
  width: 100%;
}
.activeOutlineMenu {
  padding: 0;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  margin-right: 5px;
}
.activeOutlineMenu:hover {
  background-color: #ebebed;
}
.activeOutlineMenu svg {
  width: 16px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.full_screen_merged_capture .no_comments_found_div {
  display: none;
}
.three_dot_dropdown_ctrl.in_merged_outline_menu {
  position: absolute;
  top: 0;
  right: 5px;
  padding: 0;
  opacity: 0;
  height: 100%;
  align-items: center;
  display: flex;
}
.three_dot_dropdown_ctrl.in_merged_outline_menu > i {
  color: #8e8e8e;
  font-size: 12px;
  top: 1px;
  position: relative;
}
.metadata_in_sidepanel {
  position: relative;
  z-index: 9999 !important;
  z-index: 1;
  width: 100%;
  height: 100% !important;
  background: #fff;
  height: auto;
  border-top: 1px solid #dadce0;
  border-left: 1px solid #dadce0;
  transition: right 0.2s ease-in-out;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  -ms-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
}
.metadata_in_sidepanel .info_header {
  padding: 8px 15px;
  border-bottom: 1px solid #e9e9eb;
  display: flex;
  align-items: center;
  position: relative;
  height: 41px;
}
.metadata_for_title_description {
  overflow: auto;
  height: calc(100vh - 141px);
}
.metadata_for_title {
  padding: 10px 10px;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
  word-break: break-word;
}
.metadata_for_description {
  padding: 15px 10px 15px 10px;
  border-top: 1px solid #d4d8db;
}
.capture_source_type_information .meta-data-div .meta-details {
  margin: 10px 10px 10px 32px;
}
.capture_source_type_information
  .meta-data-div
  .meta-details
  .detail-row
  .labels {
  font-size: 13px;
  min-width: 85px;
  width: 85px;
}
.capture_source_type_information .detail-row .data {
  font-weight: 600;
  color: #333;
}
.capture_source_type_information .detail-row .data.url_wrapper {
  word-break: break-word;
  color: #1492e6;
  text-decoration: underline;
  cursor: pointer;
}
.screenshot-modal-wrapper.canvas_edit_compact_view
  .content-RC-fullScreen-modal {
  transform: translate(0, 0);
  left: 0;
  max-width: none;
  min-width: auto;
  height: 100%;
  top: 0;
  align-items: center;
  display: flex;
  border-radius: 8px;
}
.screenshot-modal-wrapper.canvas_edit_compact_view .left-RC-fullScreen-modal {
  max-width: 100% !important;
  width: 100%;
  min-width: calc(100% - 45px);
  margin: 0;
}
.w-100.canvas_sidepanel_innr_ctrl {
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
.screenshot-modal-wrapper.canvas_edit_compact_view .overlay {
  background: rgba(0, 0, 0, 0.7);
}
.data_in_sidepanel.in_compact_view {
  width: 309px;
  height: calc(100vh - 50px);
  background-color: #fff;
  margin: 0;
  border-top-left-radius: 0;
  position: absolute;
  border-bottom-left-radius: 0;
  right: -309px;
  transition:
    width 0.25s ease-out,
    opacity 0.25s ease-out;
  transition:
    width 0.25s ease-out,
    opacity 0.25s ease-out;
  box-shadow: rgb(5 0 56 / 52%) 0 8px 4px 0;
  -webkit-box-shadow: rgb(5 0 56 / 52%) 0 8px 4px 0;
  -moz-box-shadow: rgb(5 0 56 / 52%) 0 8px 4px 0;
  -ms-box-shadow: rgb(5 0 56 / 52%) 0 8px 4px 0;
  -o-box-shadow: rgb(5 0 56 / 52%) 0 8px 4px 0;
}
.top_first_header {
  border-bottom: 1px solid #d4d8db;
  padding: 10px 10px;
}
.top_first_left_header_ctrl .common_sty_apf_ctrl {
  margin: 0 !important;
}
.top_first_right_header_ctrl {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.top_first_header.preview_pane_top_header_main
  .rcl.preview_pane_header_ctrl
  > .project-div {
  margin-left: 0;
  height: 26px;
}
.top_second_header {
  border-bottom: 1px solid #d4d8db;
  padding: 8px 10px;
}
.top_second_header .rcl.preview_pane_header_ctrl.margin-0 {
  width: 100%;
  display: flex;
}
.top_second_header .common_sty_apf_ctrl {
  margin: 0 15px 0 0;
  height: 26px;
}
.data_in_sidepanel.in_compact_view .download_capture_icon_ctrl {
  min-width: 26px;
  height: 26px;
}
.data_in_sidepanel.in_compact_view .download_capture_icon_ctrl svg {
  width: 12px;
  height: 12px;
}
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen.in_compact_modal_edit {
  display: inline-flex;
  width: 100%;
  background: 0 0;
  border: 0;
  background-color: #fff;
  border-radius: 4px;
  justify-content: left;
}
.in_compact_modal_edit #create_task_draw_toolbar {
  width: auto !important;
  background: 0 0;
  border: 0 !important;
  max-width: none !important;
}
.canvas_edit_compact_view .previewDetails-RC-fullScreen {
  background: 0 0;
  height: 100%;
}
.content-RC-fullScreen-modal .editToolbar-RC-fullScreen.in_compact_modal {
  background: 0 0 !important;
  border-bottom: 0;
  margin-bottom: 0;
  width: 56px;
  border-right: 1px solid #dadce0;
  box-shadow: rgb(5 0 56 / 52%) 0 8px 4px 0;
}
.in_compact_modal
  .view-bug-febric-tools-div.draw_popup_toolbar_ctrl.toolbar_in_create_task {
  background-color: #fff;
  border-radius: 0 !important;
  padding: 5px !important;
}
.preview_capture_modal_container.icm {
  border-right: 0;
  display: flex;
}
.scroll-area-capture-in-modal.imc {
  height: calc(100vh - 127px) !important;
  border-radius: 4px !important;
  width: 100%;
}
.editToolbar-RC-fullScreen.in_compact_modal .popup_toobar_panel {
  justify-content: left;
  align-items: center;
  padding: 0 !important;
}
.data_in_sidepanrl_main_wrapper {
  position: relative;
}
.vertical_bar_on_page.in_canvas.imc {
  left: auto;
  top: auto;
  position: relative;
  height: auto;
}
.vertical_bar_on_page.in_canvas.imc ul.vertical_bar_ul {
  box-shadow: none;
  border-left: 1px solid #d4d8db;
  height: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: flex-start;
}
.data_in_sidepanel_innr {
  height: 100%;
  overflow: auto;
}
.data_in_sidepanel.in_compact_view .feedback_sidepanel.in_canvas.version1 {
  box-shadow: none;
  border: 0;
  width: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.data_in_sidepanel.in_compact_view
  .capture_list_dropdown_full_modal_popup.in_canvas {
  width: 340px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: none;
  border: 0;
}
.canvas_save_in_toolbar.imc {
  position: relative;
  right: 0;
}
.in_compact_modal .download_capture_icon_ctrl {
  min-width: 24px;
  height: 24px;
}
.in_compact_modal .download_capture_icon_ctrl svg {
  width: 14px;
  height: 14px;
}
.in_compact_modal .zoom-ctrl-preview_Details {
  max-height: none;
  justify-content: center;
  display: flex;
  align-items: center;
  float: none;
  top: 0;
}
.preview_Details-zoom-ctrl-inner {
  text-align: center;
}
.dropdown-menu.dropdown_with_margin_top {
  top: 30px;
}
.dropdown-menu.dropdown-left.dropdown-left-forced {
  left: auto;
  right: 0;
}
.dropdown-menu.dropdown-right.dropdown-right-forced {
  right: auto;
  left: 0;
}
.data_in_sidepanel_innr .project-icon .common_innr_dropdown {
  width: 225px;
  min-width: 225px;
}
.data_in_sidepanel_innr .common_innr_dropdown {
  min-width: 225px;
}
.data_in_sidepanel.in_compact_view .arrow-left.indicator {
  border-right: 10px solid #fff;
  position: absolute;
  left: -7px;
  top: 9px;
  display: none;
}
.canvas_edit_compact_view .preview_loader.preview_loader_modal {
  display: inline-flex;
  right: 0;
  position: absolute;
  left: 0;
  border-radius: 0;
  height: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  z-index: 9999999;
}
.child_element,
.parent_element {
  display: flex;
  align-items: center;
  padding: 1px 10px 1px 29px;
  cursor: pointer;
  border: 1px solid transparent;
  position: relative;
  align-items: center;
  height: 28px;
}
.merged_captures_menu_ul .menu_ul_li_child_innr .child_element,
.merged_captures_menu_ul .menu_ul_li_child_innr .parent_element {
  border-radius: 4px;
}
.outline_tree_menu_innr .menu_ul_li_child_innr.active.editable_active,
.outline_tree_menu_innr
  .menu_ul_li_child_innr.bulk_action_active.editable_active,
.outline_tree_menu_innr .menu_ul_li_innr.active.editable_active {
  background: #48494d !important;
}
.child_element:hover,
.parent_element:hover {
  background-color: #dbdee5;
  border: 1px solid transparent;
}
.parent_element.active {
  background-color: rgb(14 154 239 / 10%) !important;
  border: 1px solid rgb(14 154 239 / 50%) !important;
  font-weight: 600;
}
.parent_element.multi_selected {
  background-color: #0e9aef !important;
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
.parent_element .chevron_ctrl.in_outline_menu {
  position: absolute;
  left: 15px;
}
.child_element {
  padding: 1px 15px 1px 40px;
  display: flex !important;
  align-items: center;
  height: 28px !important;
}
.parent_element .chevron_ctrl {
  display: flex;
  align-items: center;
  width: 16px;
}
.parent_element .chevron_ctrl > i {
  color: #333;
  margin-right: 7px;
  font-size: 11px;
  position: relative;
  align-items: center;
}
.parent_element.not_has_children_elements {
  padding: 1px 10px 1px 27px;
}
.doc_view_outline_menu .parent_element.not_has_children_elements {
  padding: 1px 10px 1px 44px;
}
.doc_view_outline_menu .parent_element.has_children_elements {
  padding-left: 28px;
}
.parent_element:hover .three_dot_dropdown_ctrl.in_merged_outline_menu {
  opacity: 1;
}
.child_element:hover .three_dot_dropdown_ctrl.in_merged_outline_menu {
  opacity: 1;
}
.draggable_clone_ul .menu_ul_li_child_innr.ui-draggable {
  padding: 0 10px;
  display: flex !important;
  align-items: center;
  border: 0 !important;
  height: 28px !important;
}
.draggable_clone_ul .menu_ul_li_child_innr.ui-draggable.parent {
  height: auto !important;
  display: block !important;
  padding: 0;
}
.draggable_clone_ul .chevron_ctrl,
.draggable_clone_ul .dropdown-menu,
.draggable_clone_ul .three_dot_dropdown_ctrl.in_merged_outline_menu {
  display: none !important;
}
.draggable_clone_ul
  .parent.ui-draggable
  .parent_element.has_children_elements
  ~ .child_element {
  display: none !important;
}
.draggable_clone_ul
  .menu_ul_li_child_innr.ui-draggable.parent
  .parent_element.active {
  border: 0 !important;
  padding: 0 10px;
}
.file_not_supported_label_text,
.net_failure_label_text {
  font-weight: 700;
  color: #ed4758;
  display: flex;
  align-items: center;
}
.child_element input.child_capture_name,
.parent_element input.child_capture_name {
  padding: 0 4px;
  height: 20px;
  resize: none;
  border: 1px solid #0e9aef;
  max-width: calc(100% - 40px);
  width: 100%;
  font-size: 12px;
  line-height: initial;
  line-height: 20px;
}
textarea.child_capture_name + .three_dot_dropdown_ctrl.in_merged_outline_menu {
  display: none;
}
.outline_tree_header .treeview_search_filter_ctrl i.clear-text-search-left {
  top: 2px;
  margin: 0;
  right: 3px;
  left: auto;
}
.embed_video_url_popup {
  background: #fff;
  padding: 5px 6px 0 6px;
  border-radius: 2px;
  border: 1px solid #ccc;
}
.slash_type_command > span {
  display: inline-flex;
}
.ql-mention-list-container.ql-mention-list-container-top.add_capture_dropdown_popup.slash_dropdown_top {
  overflow: auto !important;
}
.rc_slash_command_input {
  word-break: break-word;
  font-size: 12px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  display: inline-flex;
  min-width: 100px;
  margin-left: 4px;
  border: unset;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin-right: 10px;
}
.rc_slash_command_input:empty::before {
  opacity: 0.5;
  color: #343434;
  content: attr(placeholder);
  display: block;
}
.slash_donar_char {
  font-weight: 600;
  display: inline-flex;
  flex-shrink: 0;
  color: rgba(52, 52, 52, 0.8);
}
.quill_side_panel_comment_box_area_comment .ql-toolbar {
  display: none !important;
}
.side_panel_comment_panel .feedback_sidepanel_heading {
  display: none !important;
}
.side_panel_comment_panel .feedback_threading_ctrl {
  max-height: unset !important;
}
.disable_cursor {
  cursor: not-allowed !important;
  opacity: 0.8 !important;
}
.common_innr_dropdown .common_innr_dropdown {
  display: none;
}
.common_innr_dropdown:hover .common_innr_dropdown {
  display: block !important;
}
.pagination_arrow.not_active {
  cursor: not-allowed !important;
}
.pagination_arrow.active {
  cursor: pointer !important;
}
.image_modal_popup_vertical_bar {
  display: block;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.vertical_bar_is_open {
  width: calc(100% - 408px) !important;
  transition: width 0.4s ease-in-out !important;
  -webkit-transition: width 0.4s ease-in-out !important;
}
.vertical_bar_in_capture_module_page .vertical_bar_on_page {
  right: 0 !important;
  position: absolute !important;
}
.outline_tree_menu_main_ctrl .drop_attachments_in_preview_panel_ctrl h5 {
  font-size: 16px;
}
.outline_tree_menu_main_ctrl .drop_attachments_in_preview_panel_ctrl svg {
  width: 52px;
}
.conversation_view_main_wrapper .vue_splitter_pane.app_all_captures {
  z-index: auto !important;
}
.is-hoveringAbove:before {
  background-color: #0e9aef;
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  margin: 0;
  top: 0;
}
.add_new_task_loader,
.add_new_task_loader.editable_content .add_new_task_loader .captured_date {
  background: #25222236;
}
.task_list_ctrl.add_new_task_loader {
  background: 0 0;
  opacity: 0.4;
}
.add_new_task_loader .new_task_placeholder_action_btn_ctrl {
  display: none !important;
}
.parent_element.is-hoveringBelow:after {
  background-color: #0e9aef;
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  margin: 0;
  bottom: 0;
}
.emoji_icon_in_commented_msg {
  position: absolute;
  top: 0;
  right: -23px;
}
.emoji_icon_in_commented_msg i {
  font-size: 14px !important;
}
.drag_and_drop_functionality_ref {
  width: 100%;
  display: flex;
  align-items: center;
}
i.new_blank_capture_in_outline {
  color: #8c93a1;
  font-size: 11px;
}
.video_preview img {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  opacity: 0;
}
.video_preview:hover img {
  opacity: 1;
}
.draggable_clone_ul .child_capture_name {
  max-width: 100%;
}
.draggable_clone_ul .capture_type {
  display: none !important;
}
.anotatorToolOuterDiv.common_image_edit_toolbar.in_fullscreen_merged_captures {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #cbd3da !important;
}
.common_image_edit_toolbar.in_fullscreen_merged_captures
  .download_capture_icon_ctrl
  svg {
  width: 10px;
  height: 10px;
}
.thumbnail_view img.video_preview_gif.in_list_view {
  display: none !important;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto !important;
  z-index: 9;
  border: 0 !important;
  margin: auto;
  bottom: 0;
}
.thumbnail_view:hover img.video_preview_gif.in_list_view {
  display: block !important;
}
.description_toggle_btn {
  position: relative !important;
  display: flex;
  justify-content: center;
  margin: 0 10px 0 0;
  cursor: pointer;
  align-items: center;
  border: 1px solid #d4d8db;
  background-color: #fff;
  padding: 2px 5px;
  color: #676a6c;
  border-radius: 2px;
}
.description_toggle_btn > i {
  margin-right: 3px;
  font-size: 10px;
  position: relative;
}
.description_toggle_btn:hover {
  border: 1px solid #d4d8db;
  background-color: #ebebed;
}
.menu_ul_li_child_innr.multi_selected,
.menu_ul_li_innr.multi_selected {
  background-color: #0e9aef;
  border-top: 1px solid #0e9aef !important;
  border-bottom: 1px solid #0e9aef !important;
}
.parent_element.active .child_capture_name {
  color: #465369;
}
.full_width_flex_align_center {
  flex: 1;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0;
}
.capture_doc_toggle_btn_ctrl {
  background-color: #ebeced;
  display: inline-flex;
  border: 1px solid #cbd3da;
  border-radius: 20px;
  font-weight: 600;
}
.capture_merge_view {
  padding: 2px 8px;
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  cursor: pointer;
}
.capture_merge_view:hover {
  background-color: #dcdcdc;
  border-radius: 20px;
}
.capture_merge_view svg {
  width: auto;
  height: 14px;
  display: inline-flex;
  margin: 0 7px 0 0;
}
.capture_merge_view.active {
  background-color: #fff;
  box-shadow: 0 0 2px #00000029;
  -webkit-box-shadow: 0 0 2px #00000029;
  -moz-box-shadow: 0 0 2px #00000029;
  -ms-box-shadow: 0 0 2px #00000029;
  -o-box-shadow: 0 0 2px #00000029;
  border-radius: 20px;
  font-weight: 600;
}
.capture_merge_view.active svg * {
  fill: #0e9aef;
}
.cv_task_list_main_weapper .cv_task_list_inner.captures_parent_group {
  padding: 10px 23px;
}
.is_popup_full_modal_view
  .cv_task_list_main_weapper
  .cv_task_list_inner.captures_parent_group {
  padding: 0;
}
.outline_tree_menu_main_ctrl.doc_view_outline_menu {
  background-color: #f5f5f7;
}
.doc_view_outline_menu .menu_ul_li_innr {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  line-height: 20px;
}
.capture_count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 7px 0 0;
}
.capture_view_outline_view .capture_count {
  display: none !important;
}
.doc_view_outline_menu .capture_type {
  display: none !important;
}
.doc_view_preview_pane_wrapper.captures_parent_group
  .multiselect_captures_div
  .task_data_main_wrap {
  background-color: #fff;
}
.doc_view_preview_pane_wrapper.captures_parent_group
  .task_data_main_wrap
  .task_name_text
  input {
  padding: 0;
}
.doc_view_preview_pane_wrapper.captures_parent_group
  .task_data_main_wrap
  .task_name_text
  input:focus,
.doc_view_preview_pane_wrapper.captures_parent_group
  .task_data_main_wrap
  .task_name_text
  input:hover {
  border: 0;
}
.doc_view_preview_pane_wrapper.captures_parent_group
  .task_data_main_wrap
  .merged_capture_description
  textarea {
  padding: 5px;
  height: auto !important;
  border: 1px solid #cbd3da !important;
}
.conversation_preview_pane_main_wrapper
  .doc_view_preview_pane_wrapper
  .capture_view_outer_wrap_in_fullscreen
  .capture_view_outer_inner_wrap {
  padding: 15px;
  background-color: #fff;
  border-radius: 0;
}
.cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl {
  padding: 10px 23px;
}
.cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl {
  padding: 30px 36px 30px 36px !important;
}
.cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl.doc_view_active {
  padding: 10px 15px 10px 37px;
}
.full_screen_separate_capture_innr {
  width: 100%;
  float: left;
  display: block;
  z-index: 999;
}
.full_screen_separate_capture_innr.new_tab_capture_popup {
  width: 100% !important;
}
.vertical_bar_on_page.in_full_screen_merged_captures {
  width: 45px;
  float: left;
  display: inline-block;
  position: absolute;
  right: 0;
  height: 100%;
}
.header_content_ctrl .vertical_bar_on_page.in_full_screen_merged_captures {
  top: 0;
}
.sidepanel_active_in_vertical_bar
  .header_content_ctrl
  .vertical_bar_on_page.capture_module_main.in_full_screen_merged_captures {
  width: 375px;
}
.vertical_bar_on_page.in_full_screen_merged_captures ul.vertical_bar_ul {
  border-radius: 0;
  border-bottom: 0;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  padding: 7px 0;
  background: #fff;
}
.vertical_bar_on_page.preview_edit_popup_class .vertical_bar_ul {
  height: 100%;
  padding: 10px 0;
}
.in_full_screen_merged_captures
  .capture_list_dropdown.capture_list_dropdown_full_modal_popup
  .tabs_inner_content_wrap {
  height: calc(100vh - 234px);
}
.in_full_screen_merged_capture .no_connected_task.in_sidepanel {
  height: calc(100vh - 171px);
}
.in_full_screen_merged_capture
  .task_list_scroll.task_list_scroll_.in_sidepanel {
  height: calc(100vh - 122px);
}
.canvas_edit_compact_view .feedback_sidepanel_heading {
  padding: 8px 15px;
  min-height: 37px;
}
.in_full_screen_merged_captures .metadata_in_sidepanel {
  z-index: auto !important;
}
.in_full_screen_merged_captures .already_connected_tasks_list {
  height: calc(100vh - 214px);
}
.in_full_screen_merged_captures .connected_tasks.in_sidepanrel {
  height: calc(100vh - 122px);
}
.preview_capture_modal_container.note_in_compact_edit {
  padding: 3px 4px;
  height: 44px;
  display: flex;
  align-items: center;
}
.previewDetails-RC-fullScreen
  .note_in_compact_edit
  .ui.attached.segment.ql-container.ql-snow {
  margin-top: 10px;
  height: calc(100vh - 247px);
}
.note_preview.in_preview_pane.in_list_view img {
  max-height: 100% !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}
.main_sidepanel_ctrl_for_verticalBar {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  display: none;
}
.main_sidepanel_ctrl_for_verticalBar.active {
  display: block;
  border-top-right-radius: 6px;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.sidepanel_active_in_vertical_bar {
  width: calc(100% - 425px) !important;
}
.sidepanel_active_in_vertical_bar .leftSidebarMainDiv {
  min-width: auto;
}
.sidepanel_active_in_vertical_bar
  + .vertical_bar_in_capture_module_page
  .vertical_bar_on_page {
  width: 375px;
}
.in_full_screen_merged_capture
  .full_screen_separate_capture_innr.sidepanel_active_in_vertical_bar {
  width: calc(100% - 0px);
}
.in_full_screen_merged_capture .metadata_for_title_description {
  height: calc(100vh - 117px);
}
.canvas_edit_compact_view .connected_tasks.in_sidepanrel {
  height: calc(100vh - 230px);
}
.canvas_edit_compact_view .no_connected_task.in_sidepanel {
  height: calc(100vh - 330px);
}
.initial_shot_window.canvas_edit_compact_view
  .no_connected_task.board_activity_ui_ctrl {
  height: calc(100vh - 197px) !important;
}
.main_comments_crl_in_sidepanel {
  display: flex;
  overflow: auto;
  height: calc(100vh - 180px);
  position: relative;
}
.in_full_screen_merged_captures .main_comments_crl_in_sidepanel {
  height: calc(100vh - 156px);
  overflow: hidden;
}
.no_connected_task.in_sidepanel.when_no_capture_selected {
  height: calc(100vh - 141px);
}
.no_connected_task.in_sidepanel.when_no_capture_selected .data_div_ctrl svg {
  width: 202px;
  height: auto;
}
.task-icon.in_plain_view {
  margin-right: 17px;
  cursor: pointer;
}
.task-icon.in_plain_view svg {
  width: 13px;
  height: auto;
}
.comment-icon.in_plain_view {
  cursor: pointer;
  margin-right: 13px;
}
.comment-icon.in_plain_view i {
  font-size: 13px;
  color: #7e8187;
}
.vertical_bar_icon.collapse_sidepanel .expand-icon_ctrl svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.canvas_edit_compact_view ul.vertical_bar_ul > li.vertical_bar_icon {
  display: none;
}
.selected_and_all_comments_tab_ctrl {
  position: relative;
  border-bottom: 1px solid #d4d8db;
}
.selected_and_all_comments_tab_ctrl ul {
  display: flex;
  padding: 0;
  justify-content: center;
}
.selected_and_all_comments_tab_ctrl ul > li {
  width: auto;
  color: #8e8e8e;
  font-size: 13px;
  padding: 10px 40px 7px 40px;
  border-bottom: 3px solid transparent;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-align: center;
  justify-content: center;
  width: 100%;
}
.selected_and_all_comments_tab_ctrl ul > li:hover {
  color: #333;
}
.selected_and_all_comments_tab_ctrl ul > li:last-child {
  border-right: 0;
}
.selected_and_all_comments_tab_ctrl ul > li.active {
  border-bottom: 3px solid #0e9aef;
  font-weight: 600;
  color: #2680eb;
}
.vertical_bar_in_capture_module_page .search_box_add_time_ctrl,
.vertical_bar_in_capture_module_page .task_create_header_buttons_ctrl {
  background-color: #f5f5f7;
}
.comment_sorting_dropdown {
  display: block;
  border-bottom: 1px solid #d4d8db;
  width: 100%;
  padding: 7px 10px;
}
.comment_sorting_dropdown .dropdown {
  display: inline-flex;
}
.comment_sorting_dropdown .four_column.sorting_dropdown {
  padding: 2px 22px 2px 7px;
}
.comment_sorting_dropdown .toggle-chevron:before {
  font-size: 12px;
  top: 2px;
  right: -15px;
}
.comment_sorting_dropdown .toggle-chevron > i {
  color: #676a6c;
  font-size: 12px;
}
.comment_sorting_dropdown .comments_sortBy {
  color: #353535;
  font-weight: 600;
  margin: 0 2px;
}
.comment_sorting_dropdown .sorting_dropdown + .theme_dropdown_with_icon_text {
  left: 0;
  right: auto;
  margin-left: 0;
}
.comment_sorting_dropdown
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:before {
  left: 6px;
  right: auto;
}
.comment_sorting_dropdown
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:after {
  left: 6px;
  right: auto;
}
.add_new_capture_in_fullscreen_merges.at_bottom {
  padding: 7px 10px 3px 37px;
  width: 100%;
  display: flex;
  align-items: center;
}
.add_new_capture_in_fullscreen_merges.at_bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  left: 0;
  right: auto;
  margin-top: 0;
  margin-bottom: 8px;
}
.add_new_capture_in_fullscreen_merges.at_bottom
  .dropdown
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:before {
  right: auto;
  left: 9px;
  margin: 0;
  top: auto;
  bottom: -18px;
  transform: rotate(180deg);
}
.add_new_capture_in_fullscreen_merges.at_bottom
  .dropdown
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:after {
  right: auto;
  left: 11px;
  margin: 0;
  top: auto;
  bottom: -14px;
  transform: rotate(180deg);
}
.create_task_form_in_compact {
  background-color: #fff;
  padding: 0;
}
.create_task_form_in_compact .create_task_input_wrap {
  height: 316px;
  overflow: auto;
  padding: 15px;
}
.create_task_form_in_compact .modal-footer.task_creation_submit_footer {
  padding: 8px 15px;
}
.comment_associated_with_capture_icon {
  margin: 0 0 0 2px;
  cursor: pointer;
}
.comment_associated_with_capture_icon > i {
  color: #83898e;
  opacity: 0.56;
  font-size: 10px;
}
.comment_associated_with_capture_icon:hover > i {
  opacity: 0.86;
}
.display_all_capture_side_panel
  ul.column_layout.task_listing.list-size_active
  > li.capture_list_in_sidepanel
  .task_list_ctrl {
  width: 100%;
}
.capture_list_dropdown_full_modal_popup.in_canvas
  ul.column_layout.task_listing
  > li.capture_list_in_sidepanel
  .task_list_ctrl {
  width: 100%;
}
.video_preview.in_conversation_preview {
  padding: 20px 0;
}
.capture_task_pagination {
  display: inline-flex;
  width: auto;
  margin-left: 15px;
}
.pagination_row {
  width: auto;
  display: flex;
}
.pagination_arrow_next,
.pagination_arrow_prev {
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #dadce0;
  cursor: pointer;
}
.pagination_arrow_next > i,
.pagination_arrow_prev > i {
  font-size: 10px;
  color: #333;
}
.pagination_arrow_next:hover,
.pagination_arrow_prev:hover {
  background-color: #f5f5f7;
}
.pagination_arrow_next.active,
.pagination_arrow_prev.active {
  background-color: rgb(14 154 239);
  border: 1px solid #0e9aef;
}
.pagination_arrow_next.active > i {
  color: #fff;
}
.paginated_capture_count_info {
  display: inline-flex;
  width: auto;
  white-space: nowrap;
  align-items: center;
  padding: 2px 5px;
  margin: 0 2px;
  font-size: 12px;
  font-weight: 600;
}
.heading_separation_in_slash_dropdown {
  padding: 6px 8px;
  margin-top: 0;
  font-weight: 600;
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #e9e9eb;
}
.comment_box_ctrl .ql-mention-list {
  height: auto;
  overflow: auto;
}
.shortcut_commands {
  display: inline-flex;
  margin-left: auto;
  border: 1px solid #dadce0;
  font-size: 12px;
  padding: 0 5px;
  border-radius: 2px;
  align-items: center;
  font-weight: 400;
  position: relative;
  justify-content: center;
  background-color: #fff;
  background-color: #0e9aef;
  color: #fff;
  transition: background 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-transition: background 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -moz-transition: background 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -ms-transition: background 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -o-transition: background 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.ql-mention-list-container.slash_dropdown_top
  .ql-mention-list
  li.ql-mention-list-item:hover
  .shortcut_commands {
  background-color: #fff;
  color: #0e9aef;
}
.outline_context_second_dropdown ul.inlist.assignee_dropdown > li {
  padding: 6px 10px;
}
.outline_context_second_dropdown .mcd_client_list .assignee_text {
  width: 100%;
}
.outline_context_second_dropdown .mcd_client_list .assignee_text > i {
  color: #798292;
  margin-right: 8px;
  width: auto;
  font-size: 11px;
}
.outline_context_second_dropdown .mcd_client_list .assignee_text > svg {
  margin-right: 8px !important;
  margin-left: 0 !important;
  fill: #798292;
  width: 12px;
  height: 13px;
}
.heading_separation_in_slash_dropdown {
  padding: 6px 8px;
  margin-top: 0;
  font-weight: 600;
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #e9e9eb;
  position: static;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 9;
}
.doc_view_loop_ctrl .task_data_main_wrap .task_name_text {
  width: 100%;
  max-width: none;
}
.three_dots_dropdown_innr_main > li.informative_class {
  background-color: #f5f5f7;
  border-bottom: 1px solid #cbd3da;
  cursor: default;
}
ul.column_layout.task_listing.snippet-size_active
  > li
  textarea.task_name.cp_task_name.editable_content {
  height: 30px;
  line-height: 28px;
  width: 100%;
  max-width: 100%;
  margin-left: 4px !important;
}
.quill_comment_box_innr_ctrl .hint_placeholders {
  position: absolute;
  bottom: 15px;
  right: 90px;
  font-size: 12px;
  opacity: 0.9;
  display: none;
  transition: bottom ease-in-out 0.2s;
  -webkit-transition: bottom ease-in-out 0.2s;
  -ms-webkit-transition: bottom ease-in-out 0.2s;
  -o-transition: bottom ease-in-out 0.2s;
}
.custom_quil_comment_box.active ~ .hint_placeholders:after {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 108px;
  content: "Press Shift+Enter or";
}
.in_full_screen_merged_capture
  .custom_quil_comment_box.active
  ~ .hint_placeholders:after {
  width: 76px;
  content: "Shift+Enter or";
}
.comment_save_button.active + .hint_placeholders {
  display: block;
}
.heading_section {
  display: flex;
  padding: 7px 0 7px 0;
  position: relative;
  margin-bottom: 15px;
  width: calc(100% + 10px);
  margin-left: -10px;
}
.heading_section .heading_number {
  font-size: 16px;
  color: #262626;
  font-weight: 600;
  margin-right: 10px;
  display: inline-flex;
}
.heading_section .heading_content {
  font-size: 16px;
  color: #262626;
  font-weight: 600;
  display: inline-flex;
  width: 100%;
}
.heading_section .heading_content input,
.heading_section .heading_content textarea {
  font-size: 16px !important;
  background: 0 0;
  border: 0;
  padding: 0;
  color: #262626;
  font-weight: 600;
  margin-right: 10px;
  display: inline-flex;
  height: auto;
  width: 100% !important;
  margin: 0;
}
.heading_section:after {
  position: absolute;
  border-bottom: 1px solid #262626;
  content: "";
  display: inline-block;
  width: 100%;
  bottom: 0;
  left: 0;
}
.capture_number {
  position: static;
  left: 0;
  font-weight: 600;
  color: #465369;
  font-size: 14px;
  width: auto;
  text-align: center;
}
.capture_number.in_outline_view {
  position: relative;
  left: auto;
  font-weight: 400;
  color: #465369;
  font-size: 13px;
  width: auto;
  text-align: left;
  margin-right: 5px;
}
.add_capture_dropdown_widget
  .ql-mention-list-container.ql-mention-list-container-top.slash_dropdown_top {
  position: absolute;
  margin-top: 7px;
}
.add_capture_dropdown_widget .ql-mention-list-container {
  display: none;
}
.add_capture_dropdown_widget.open .ql-mention-list-container {
  display: block !important;
}
ul.ql-mention-list
  li.ql-mention-list-item.hover-sub-dropdown:hover
  .common_innr_dropdown {
  display: block;
}
.add_capture_dropdown_widget ul.ql-mention-list {
  height: 260px;
}
.conversation_preview_pane_main_wrapper
  .capture_view_outer_wrap_for_blank
  .capture_view_outer_inner_wrap {
  background-color: #fff;
  min-height: 80px;
}
.add_capture_dropdown_widget {
  position: relative;
}
.capture_view_outer_wrap_for_blank .dropdown {
  align-items: center;
  display: flex;
  cursor: pointer;
  color: #0e9aef;
  font-weight: 600;
  font-size: 13px;
}
.capture_view_outer_wrap_for_blank .dropdown > i {
  margin-right: 7px;
  color: #fff;
  font-size: 12px;
  background-color: #0e9aef;
  border-radius: 100%;
  padding: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  font-weight: 600;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.main_sidepanel_ctrl_for_verticalBar
  .tabs_inner_content_wrap
  ul.column_layout.task_listing.list-size_active
  > li {
  padding: 0 10px 0 11px;
  height: 50px !important;
}
.capture_thumbnail.in_sidepanel_bar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #f5f5f7;
  border: 1px solid #cbd3da;
  border-radius: 3px;
  margin-right: 7px;
}
.capture_thumbnail_in_recent_capture {
  width: 15px;
  height: 15px;
  display: inline-flex;
}
.capture_thumbnail_in_recent_capture svg {
  width: 15px;
  height: 15px;
}
.thumbnail_preview_in_sidepanel {
  width: 200px;
  height: 130px;
  position: absolute;
  z-index: 999999999;
  border: 1px solid #d5d5d6;
  display: block;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
}
.thumbnail_preview_in_sidepanel img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.common_innr_dropdown.in_recent_capture_dropdown_main {
  max-width: 346px;
}
ul.column_layout.task_listing.recent_captures_in_dropdown {
  max-height: 212px;
  overflow: auto;
}
ul.column_layout.task_listing.recent_captures_in_dropdown > li {
  height: 35px !important;
  display: flex;
  align-items: center;
  padding: 0 10px 0 11px;
}
ul.column_layout.task_listing.recent_captures_in_dropdown
  > li
  .capture_thumb_details {
  margin: 0;
}
ul.column_layout.task_listing.recent_captures_in_dropdown
  > li
  .task_draggable_number {
  left: 3px;
}
ul.column_layout.task_listing.recent_captures_in_dropdown
  > li
  .thumbnail_capture_name {
  width: 80%;
  max-width: 100%;
}
ul.column_layout.task_listing.recent_captures_in_dropdown
  > li
  .task_name.cp_task_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
ul.column_layout.task_listing.recent_captures_in_dropdown > li .task_list_ctrl {
  width: 100%;
}
.capture_thumbnail_in_recent_capture.img {
  width: 100%;
  height: 100%;
}
.capture_thumbnail_in_recent_capture.img img {
  max-width: 100%;
  max-height: 100%;
}
.preview_sidepanel_main_innr_wrapper {
  float: left;
  width: calc(100% - 285px);
}
.preview_sidepanel_main_innr_wrapper.outline_menu_is_not_active {
  width: 100%;
}
.main_comments_crl_in_sidepanel .capture_comment_activity,
.main_comments_crl_in_sidepanel .comments_activity_ctrl,
.main_comments_crl_in_sidepanel .tab-content,
.main_comments_crl_in_sidepanel .tab-pane {
  height: 100%;
  display: inline-block;
  width: 100%;
}
.main_comments_crl_in_sidepanel .capture_comment_activity,
.main_comments_crl_in_sidepanel .comments_activity_ctrl,
.main_comments_crl_in_sidepanel .tab-content,
.main_comments_crl_in_sidepanel .tab-pane {
  height: 100%;
  display: inline-block;
  width: 100%;
}
.in_full_screen_merged_capture
  .main_comments_crl_in_sidepanel
  .capture_comment_activity
  > .tab-pane {
  height: calc(100% - 70px);
  overflow: auto;
}
.in_full_screen_merged_capture
  .main_comments_crl_in_sidepanel
  .capture_comment_activity
  > .comment_sorting_dropdown
  + .tab-pane {
  height: calc(100% - 109px);
}
.in_full_screen_merged_captures
  .main_comments_crl_in_sidepanel
  .capture_comment_activity {
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.youtube_type_command iframe {
  width: 100%;
  height: auto;
}
.add_capture_dropdown_widget.in_fsmc {
  margin-right: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.in_fsmc.add_capture_dropdown_widget
  .ql-mention-list-container.ql-mention-list-container-top.slash_dropdown_top {
  left: auto;
  right: 0;
}
.task_data_main_wrap .in_preview_panel .task_name_text {
  color: #29333d;
  font-size: 14px;
  font-weight: 600;
  padding-right: 0;
  overflow: hidden;
  width: auto;
  text-overflow: ellipsis;
  display: flex;
  max-width: calc(100% - 40px);
  border: 1px solid transparent;
  transition: ease all 0.2s;
  border-radius: 3px;
  -webkit-transition: ease all 0.2s;
  -moz-transition: ease all 0.2s;
  -ms-transition: ease all 0.2s;
  -o-transition: ease all 0.2s;
  padding: 2px 5px;
  cursor: pointer;
  height: 23px;
}
.task_data_main_wrap .in_preview_panel input.task_name_text {
  width: 100%;
  cursor: text;
  display: inline-table;
  word-break: break-word;
  top: -1px;
  position: relative;
}
.task_data_main_wrap .in_preview_panel .task_name_text:focus {
  border-color: #fff;
}
.parent_element .task_draggable_number {
  position: absolute;
  top: 0;
  left: 6px;
  align-items: center;
  height: 100%;
}
.parent_element .task_draggable_number svg {
  fill: #333333 !important;
  opacity: 1;
}
.parent_element:hover .task_draggable_number {
  opacity: 1;
}
.child_element .task_draggable_number {
  position: absolute;
  left: 0;
  align-items: center;
  height: 100%;
}
.child_element .task_draggable_number svg {
  fill: #465369;
  opacity: 0.7;
}
.child_element:hover .task_draggable_number {
  opacity: 1;
}
.add_note_expand_btn {
  position: absolute;
  border: 1px solid transparent;
  right: 5px;
  top: 8px;
  padding: 4px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 2;
}
.add_note_expand_btn:hover {
  color: #151b26;
  opacity: 1;
  border: 1px solid #e8e8e9;
  position: absolute;
  background-color: #f5f5f7;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.add_note_expand_btn svg {
  fill: #151b26;
  opacity: 0.55;
  transition: ease-in-out 0.5s;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -ms-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
}
.add_note_expand_btn:hover svg {
  opacity: 1;
}
#addNoteModalPopup .modal-dialog {
  width: calc(100% - 80px);
  height: calc(100% - 30px);
  top: -1px;
}
.image_preview .ui-wrapper {
  overflow: visible !important;
  display: inline-flex;
  margin: auto !important;
  background-color: #fff;
  padding: 4px;
  box-shadow: 0 0 #000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  top: unset !important;
  left: unset !important;
}
.image_preview .ui-wrapper.ui-resizable-disabled {
  border: 1px solid transparent;
}
.image_preview .ui-wrapper .ui-resizable-handle.ui-resizable-e:before {
  content: "";
  background-color: #6b7587;
  width: 14px;
  height: 14px;
  top: -6px;
  right: 0;
  position: absolute;
  border-radius: 100%;
}
.image_preview .ui-wrapper .ui-resizable-handle.ui-resizable-e:after {
  background-color: #6b7587;
  width: 14px;
  height: 30px;
  bottom: 0;
  right: -9px;
  position: absolute;
  border-top-right-radius: 4px;
  top: 0;
  margin-top: auto;
  margin-bottom: auto;
  color: #fff;
  content: "||";
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  font-size: 14px;
  border-bottom-right-radius: 4px;
  line-height: 27px;
}
.image_preview .ui-wrapper .ui-resizable-handle.ui-resizable-s:before {
  content: "";
  background-color: #6b7587;
  width: 14px;
  height: 14px;
  bottom: 0;
  left: -6px;
  position: absolute;
  box-shadow:
    0 0 5px 1px rgba(57, 76, 96, 0.15),
    0 0 0 1px rgba(53, 71, 90, 0.2);
  border-radius: 100%;
}
.image_preview .ui-wrapper .ui-resizable-handle.ui-resizable-s:after {
  content: "";
  background-color: #6b7587;
  width: 14px;
  height: 38px;
  bottom: 0;
  right: 0;
  position: absolute;
  top: -10px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #fff;
  content: "||";
  text-align: center;
  justify-content: center;
  font-size: 14px;
  transform: rotate(-90deg);
  text-indent: 0;
  line-height: 33px;
}
.image_preview
  .ui-wrapper
  .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
  background-color: #6b7587;
  width: 12px;
  height: 12px;
  bottom: -5px;
  right: -6px;
  position: absolute;
  box-shadow:
    0 0 5px 1px rgba(57, 76, 96, 0.15),
    0 0 0 1px rgba(53, 71, 90, 0.2);
  border-radius: 6px;
}
.user_status_circle_ctrl {
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  display: inline-flex;
  position: absolute;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  right: -2px;
  overflow: hidden;
  bottom: 0;
  background: #fff;
}
.user_circle_ctrl.safe_mode_user .user_status_circle_ctrl,
.user_status_circle_ctrl.safe_mode_user {
  top: 0;
}
i.user_menu_indicator_status.fas.status-online.fa-circle {
  width: 10px !important;
  min-width: 10px;
  font-size: 8px;
}
.metadata_icon_in_capture_box {
  cursor: pointer !important;
  margin: 0 !important;
  width: 23px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
}
.metadata_icon_in_capture_box i {
  font-size: 11px;
}
.metadata_icon_in_capture_box.active i {
  color: #0e9aef;
}
.metadata_icon_in_capture_box:hover {
  background-color: #ebebed;
}
.metadata_icon_in_capture_box svg {
  fill: #7b7e84;
  width: 12px !important;
  height: 12px !important;
}
.common_card_icon {
  cursor: pointer !important;
  border-radius: 3px;
  width: 23px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.common_card_icon i {
  font-size: 11px;
  position: relative;
}
.common_card_icon:hover {
  background-color: #ebebed;
}
.common_card_icon svg {
  fill: #7b7e84;
  width: 12px !important;
  height: 12px !important;
}
.common_card_icon.mr-7 {
  margin-right: 7px !important;
}
.common_card_icon_separator {
  width: 2px;
  height: 17px;
  background-color: #cbd3da;
  margin: 0 9px 0 5px;
}
.more_option_dropdown_ctrl.tab-header {
  margin: 0;
  padding: 0;
  min-height: auto;
  border: 0;
  background: 0 0 !important;
  position: relative;
}
.more_option_dropdown_ctrl .dropdown-menu ul.custom-filed-list > li i {
  color: #878f96 !important;
}
.more_option_dropdown_ctrl .dropdown-menu ul.custom-filed-list > li .li-items {
  color: #333;
}
.more_option_dropdown_ctrl.tab-header .dropdown-menu .custom-filed-list {
  height: 211px;
  overflow: auto;
}
.more_option_dropdown_ctrl.tab-header .dropdown-menu {
  width: 280px;
  margin-top: 10px;
}
.more_option_dropdown_ctrl .dropdown-menu ul.custom-filed-list > li i,
.more_option_dropdown_ctrl .dropdown-menu ul.custom-filed-list > li svg {
  margin-right: 5px !important;
  margin-left: 0 !important;
}
.more_option_dropdown_ctrl .Add-custom-view-heading {
  font-size: 12px !important;
  font-weight: 600;
  color: rgba(51, 51, 51, 0.75) !important;
}
.main_sidepanel_ctrl_for_verticalBar .preview_pane_dynamic_height {
  height: calc(100vh - 141px);
}
.is_popup_full_modal_view
  .main_sidepanel_ctrl_for_verticalBar
  #capture_detail_panel_modal {
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  position: absolute !important;
  height: calc(100% - 36px) !important;
}
.full_screen_separate_capture
  .in_full_screen_merged_captures
  .main_sidepanel_ctrl_for_verticalBar
  .preview_pane_dynamic_height {
  height: 100% !important;
}
.vertical_bar_in_capture_module_page .forin {
  display: none;
}
.in_full_screen_merged_capture
  .vertical_bar_on_page
  .preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container {
  margin-left: 0;
}
.no_capture_selected.panel_content_wrapper {
  height: calc(100vh - 141px) !important;
}
.panel_content_wrapper.metadataMainWrapper {
  height: 100vh !important;
}
.metadataMainWrapper .preview_loader {
  border-radius: 0;
}
.rc_details_side_panel .metadataMainWrapper .preview_loader {
  height: 100vh;
}
.merged_capture_parent .capture-name-header {
  display: flex;
  padding: 10px 28px 5px 10px;
  align-items: center;
}
.merged_capture_parent
  .capture-name-header
  .capture-name
  .view_detail_bug_title {
  padding: 6px 3px !important;
  border: 1px solid transparent;
  margin-right: 5px;
  line-height: 13px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  overflow-y: hidden;
  height: 30px !important;
  background-color: #f5f5f7;
}
.merged_capture_parent
  .capture-name-header
  .capture-name
  .view_detail_bug_title:hover {
  border: 1px solid #d3dae8;
}
.merged_capture_parent
  .capture-name-header
  .capture-name
  .view_detail_bug_title:focus {
  border-color: #0e9aef;
}
.merged_capture_parent {
  background-color: #f5f5f7;
  border-bottom: 1px solid #cbd3da;
  box-shadow: 0 1px 4px 0 #cbd3da;
}
ul.column_layout.task_listing.list-size_active > li.has_subcapture_in_table {
  height: auto !important;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li {
  display: inline-flex !important;
  width: 100%;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  > div {
  display: flex;
  width: 100%;
}
.merged_data_section {
  height: auto;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper {
  transition: height 0.1s ease-in-out;
  -webkit-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -moz-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -ms-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: height 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  height: auto;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li {
  display: inline-flex !important;
  width: 100%;
  height: 36px;
  padding: 0 0 0 46px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1 !important;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  > div {
  display: flex;
  width: 100%;
}
.preview_pane_is_closed
  .merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  .task_name_ctrl,
.preview_pane_is_opened
  .merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  .task_name_ctrl {
  width: 354px;
  min-width: 354px;
}
.Captures_group_ctrl_section
  .captures_innr_group_ctrl_section
  .grouped_by_section.grouped_by_folder_bundle.not_has_subcapture_in_table {
  height: auto !important;
  display: block;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  .task_column_count {
  border-left: 1px solid #e1e1e1 !important;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  .task_column_count:after {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 1px;
  width: 47px;
  left: -48px;
  height: 36px;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  .task_column_count {
  border-left: 1px solid #e1e1e1 !important;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  .fields_ctrl_groupBy_table_view,
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  .task_column_count,
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  .task_name_ctrl {
  border-bottom: 0;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li:first-child
  .fields_ctrl_groupBy_table_view,
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li:first-child
  .task_column_count,
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li:first-child
  .task_name_ctrl {
  border-top: 0;
}
.table_list_view_main_wrapper
  .table_list_view_innr_wrapper
  > .parent_div_main_capture
  > .captures_innr_group_ctrl_section
  > .capture_parent_div_section.grouped_by_section
  > .table_view_item_div
  .capture_thumb_details {
  box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 15px;
  width: 100%;
  margin-right: 0;
}
.table_list_view_main_wrapper
  .table_list_view_innr_wrapper
  > .parent_div_main_capture
  > .captures_innr_group_ctrl_section
  > .capture_parent_div_section.grouped_by_section
  > .table_view_item_div
  .task_name.cp_task_name {
  padding: 0 !important;
  margin: 0 15px 0 10px;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li
  .task_name_ctrl
  > .capture_thumb_details {
  width: 100%;
  box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1000 auto;
  -webkit-box-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 15px;
  width: 100%;
  margin-right: 0;
}
ul.column_layout.task_listing
  > li
  > .task_list_ctrl:hover
  > .fields_ctrl_groupBy_table_view,
ul.column_layout.task_listing > li > .task_list_ctrl:hover > .task_column_count,
ul.column_layout.task_listing > li > .task_list_ctrl:hover > .task_name_ctrl {
  background-color: #f8f8f8;
}
ul.column_layout.task_listing
  > li
  > .task_list_ctrl:hover
  > .task_column_count
  > .task_draggable_number {
  opacity: 1;
}
ul.column_layout.task_listing
  > li
  > .task_list_ctrl:hover
  > .task_name_ctrl
  > .right-list-item-over {
  opacity: 1;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li:hover
  > div
  > .fields_ctrl_groupBy_table_view,
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li:hover
  > div
  > .task_column_count,
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li:hover
  > div
  > .task_name_ctrl {
  background-color: #f8f8f8;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li:hover
  > div
  > .task_column_count
  > .task_draggable_number,
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li:hover
  > div
  > .task_name_ctrl
  > .right-list-item-over {
  opacity: 1;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div.grouped_by_label:hover
  > .task_column_count
  .task_draggable_number {
  opacity: 1;
  background-color: #f8f8f8;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div.grouped_by_label:hover
  > .task_name_ctrl
  .right-list-item-over {
  opacity: 1;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div.grouped_by_label:hover
  > .fields_ctrl_groupBy_table_view {
  background-color: #f8f8f8;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture
  .table_view_item_div.grouped_by_label:hover
  > .task_name_ctrl {
  background-color: #f8f8f8;
}
.conversation_view_main_wrapper
  .captures_innr_group_ctrl_section:hover
  .grouped_by_section.main_capture
  > .grouped_by_label
  .task_draggable_number {
  opacity: 1;
}
.conversation_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture:hover {
  background-color: #f8f8f8;
}
.conversation_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle:hover
  .right-list-item-over {
  opacity: 1;
}
.collapse_expand_arrow_in_card {
  min-width: 12px;
  cursor: pointer;
}
.favorite_card_header_ctrl {
  margin-left: 7px;
  padding: 5px 0;
  cursor: pointer;
}
.data_count.null {
  background-color: #cecfd0;
  border: 1px solid #f6f7fa;
  color: #4d5965;
  font-size: 11px;
  font-weight: 700;
}
.common_quick_tab.active .data_count.null {
  background-color: rgba(182, 224, 250, 0.4);
  border: 1px solid #f6f7fa;
  color: #0e9aef;
  font-size: 11px;
  font-weight: 700;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li:hover {
  background-color: #f8f8f8;
  border-left: 1px solid #e9e9eb;
  border-right: 1px solid #e9e9eb;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active:hover {
  background-color: rgb(14 154 239 / 10%) !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li:hover
  .right-list-item-over,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li:hover
  .task_draggable_number {
  opacity: 1;
}
ul.column_layout.task_listing
  > li.active
  > .task_list_ctrl
  > .fields_ctrl_groupBy_table_view,
ul.column_layout.task_listing
  > li.active
  > .task_list_ctrl
  > .task_column_count,
ul.column_layout.task_listing > li.active > .task_list_ctrl > .task_name_ctrl {
  background-color: #0e9aef;
}
ul.column_layout.task_listing
  > li.active
  > .task_list_ctrl
  > .task_column_count
  .task_draggable_number {
  background-color: #0e9aef;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  ul.column_layout.task_listing
  > li.has_subcapture_in_table.active:after {
  left: 0;
  top: 36px;
  content: "";
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #0e9aef !important;
  z-index: 99;
}
.table_view_main_wrapper
  .parent_div_main_capture.subtask_option_compact_groupBy_none
  .capture_parent_div_section.has_subcapture_in_table.active:after {
  top: 36px;
}
.grouped_by_section.grouped_by_folder_bundle.main_capture[data-class="multiple_selected"]
  .table_view_item_div.grouped_by_label:hover
  > .fields_ctrl_groupBy_table_view {
  background-color: #0e9aef;
}
ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  > .task_list_ctrl
  > .fields_ctrl_groupBy_table_view,
ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  > .task_list_ctrl
  > .task_column_count,
ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  > .task_list_ctrl
  > .task_name_ctrl {
  background-color: #0e9aef;
}
.metadataMainWrapper .preview_pane_top_header_second .previw-left-cl .due-date {
  padding: 0;
  margin-right: 5px;
  margin-left: 5px;
  align-items: center;
  display: flex;
}
.metadataMainWrapper
  .due-date.schedule_calendar_ctrl
  .external_icon.icon_common_sty {
  margin: 0;
  display: flex;
  align-items: center;
  width: 24px !important;
  height: 24px !important;
  justify-content: center;
  padding: 7px 10px 7px 26px !important;
}
.parent_capture_name_in_subcapture {
  color: #353535;
  font-size: 14px;
  padding: 5px 10px;
  text-decoration: underline;
  cursor: pointer;
  opacity: 0.75;
  word-break: break-word;
}
.parent_capture_name_in_subcapture > span {
  display: inline;
  align-items: center;
}
.parent_capture_name_in_subcapture > span {
  display: inline;
  align-items: center;
}
.parent_capture_name_in_subcapture .call-to-action svg {
  fill: #353535;
  width: 12px;
  height: 12px;
  top: 2px;
  position: relative;
}
.parent_capture_name_in_subcapture:hover {
  opacity: 1;
}
.selected_capture_count {
  font-size: 18px;
  font-weight: 600;
  color: #353535;
  margin-right: 6px;
}
a.clear_conversation_view_section_onclick {
  font-size: 13px;
  color: #0e9aef;
  font-weight: 600;
  border-bottom: 1px solid #0e9aef;
  line-height: 14px;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  display: flex;
  flex: 1;
}
.hover_button {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.hover_button:hover {
  background-color: #ebebed;
}
.hover_button.active {
  background-color: #ebebed;
}
.hover_button.active svg * {
  fill: #0e9aef;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu .capture_merge_view {
  border: 0;
  margin-right: 2px;
  display: inline-flex;
  color: #343434;
  font-weight: 400;
  font-size: 13px;
  border-radius: 0;
  padding: 0;
  width: 100%;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu .capture_merge_view.active {
  color: #fff;
  box-shadow: none;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu .capture_merge_view.active svg * {
  fill: #ffffff;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu .capture_merge_view > .btn_ctrl {
  border: 1px solid #d5d5d66e;
  box-shadow: none;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 8px;
  display: flex;
  align-items: center;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu
  .capture_merge_view.with_dropdown
  > .btn_ctrl {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu
  .capture_merge_view.with_dropdown
  > .btn_ctrl {
  border-right: 0;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu
  .capture_merge_view
  > .btn_ctrl:hover {
  background-color: #f5f5f7;
}
.capture_merge_view
  .dropdown
  > .four_column.sorting_dropdown.table_view_dropdown_options {
  border: 1px solid #d5d5d66e;
  height: 24px;
  width: 20px;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu .capture_merge_view > .btn_ctrl {
  border: 1px solid #d5d5d66e;
  box-shadow: none;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 5px;
  display: flex;
  align-items: center;
  width: 100%;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu
  .capture_merge_view
  > .btn_ctrl.active {
  border-radius: 4px;
  background-color: #0e9aef;
  color: #fff;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu
  .capture_merge_view
  > .btn_ctrl.active
  svg
  * {
  fill: #ffffff;
}
.capture_doc_toggle_btn_ctrl.in_outline_menu .capture_merge_view:hover {
  background-color: transparent;
}
.bottom_section_ctrl.in_metadata_sidepanel {
  display: block;
  width: 100%;
  height: 100%;
  float: left;
}
.resized_dimension_ctrl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 5px;
  position: absolute;
  z-index: 9;
}
.resized_dimension {
  display: inline-flex;
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  padding: 3px 7px;
  border-radius: 2px;
  align-items: center;
  position: relative;
}
.live_width_height {
  color: #262626;
  font-size: 13px;
  margin: 0 7px 0 0;
  border-right: 1px solid #cbd3da;
  padding-right: 7px;
}
.live_width_height .height,
.live_width_height .width {
  font-weight: 600;
  margin-left: 3px;
  font-size: 13px;
}
button.reset_image_dimension {
  border: 0;
  background-color: #fff;
  border: 0;
  font-weight: 400;
  color: #262626;
  padding: 0;
  margin-right: 7px;
  border-right: 1px solid #cbd3da;
  padding-right: 7px;
}
button.reset_image_dimension > i {
  color: #262626;
  font-size: 10px;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
button.save_image_dimension {
  border: 0;
  background-color: #fff;
  border: 0;
  font-weight: 600;
  color: #0e9aef;
  padding: 0;
}
button.save_image_dimension > i {
  color: #0e9aef;
  font-size: 10px;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
.resized_dimension.arrow_box_bottom:after,
.resized_dimension.arrow_box_bottom:before {
  bottom: 0;
  left: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  right: 0;
  margin: auto;
  right: 0;
}
.resized_dimension.arrow_box_bottom:before {
  border-color: rgba(213, 213, 214, 0);
  border-top-color: #d5d5d6;
  border-width: 9px;
  margin-left: 0;
  bottom: -18px;
  left: 0;
  right: 0;
  margin: auto;
}
.resized_dimension.arrow_box_bottom:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 7px;
  margin-left: 2px;
  bottom: -14px;
  left: 0;
  right: 0;
  margin: auto;
}
.medium-size_active .tag_assginee_ctrl.in_listing.in_list_view {
  padding-bottom: 0;
  margin-left: 5px;
  height: 24px;
  display: flex !important;
  align-items: center;
}
.tag_assginee_ctrl.in_listing.in_list_view .assignee-div {
  margin-right: 7px;
}
.snippet-size_active .tag_assginee_ctrl.in_listing.in_list_view {
  padding-left: 8px;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li.sub_capture.active
  .task_name_ctrl {
  background-color: #0e9aef;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li.sub_capture.active
  .fields_ctrl_groupBy_table_view {
  background-color: #0e9aef;
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li.sub_capture.active:before {
  left: 46px;
  top: -1px;
  width: calc(100% - 46px);
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li.sub_capture[data-class="multiple_selected"]:before {
  left: 46px;
  top: -1px;
  width: calc(100% - 46px);
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li.sub_capture.active:after {
  bottom: -1px;
  left: 46px;
  width: calc(100% - 46px);
}
.merged_data_section
  ul.column_layout.task_listing.sub_capture_ctrl.capture_module_view_main_wrapper
  > li.sub_capture[data-class="multiple_selected"]:after {
  bottom: -1px;
  left: 46px;
  width: calc(100% - 46px);
}
.action_clear_info_ctrl svg {
  width: 11px;
  height: 11px;
  display: inline-flex;
  margin-right: 7px;
}
.list-size_active .action_clear_info_ctrl svg,
.medium-size_active .action_clear_info_ctrl svg,
.snippet-size_active .action_clear_info_ctrl svg {
  display: none;
}
.list-size_active .action_clear_info_ctrl,
.medium-size_active .action_clear_info_ctrl,
.snippet-size_active .action_clear_info_ctrl {
  position: inherit;
  height: auto;
  border: 0;
  background: 0 0;
  border-radius: 0;
  padding: 0;
  bottom: auto;
  right: auto;
  display: inline-flex;
}
.full_screen_separate_capture .task_data_main_wrap {
  border: 1px solid #dee0e1;
}
.full_screen_separate_capture .task_data_main_wrap:hover {
  border: 1px solid #ccc;
}
.in_full_screen_separate .single_captures_div .task_data_main_wrap {
  border-radius: 4px;
  background-color: #fff;
}
.in_full_screen_separate .task_data_main_wrap .task_data_block_container {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.capture_information .estimate_time_of_list > span:last-child {
  float: right;
}
.capture_information .estimate_time_of_list > span a.url {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 150px;
  display: inline-block;
  text-decoration: underline;
}
.capture_information .estimate_time_of_list > span a.url:hover {
  text-decoration: none;
}
.conversation_inner_view_ctrl.list-size_active
  .draggable_placeholder_capture_list_element,
.conversation_inner_view_ctrl.medium-size_active
  .draggable_placeholder_capture_list_element,
.conversation_inner_view_ctrl.snippet-size_active
  .draggable_placeholder_capture_list_element {
  width: 100%;
  height: 2px;
  background: #0e9aef;
  position: absolute;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 9999;
}
.conversation_inner_view_ctrl.list-size_active
  .draggable_placeholder_capture_list_element
  .name_place_holder,
.conversation_inner_view_ctrl.medium-size_active
  .draggable_placeholder_capture_list_element
  .name_place_holder,
.conversation_inner_view_ctrl.snippet-size_active
  .draggable_placeholder_capture_list_element
  .name_place_holder {
  display: none;
}
.conversation_inner_view_ctrl.thumbnail-large_active
  .draggable_placeholder_capture_list_element,
.conversation_inner_view_ctrl.thumbnail-medium_active
  .draggable_placeholder_capture_list_element,
.conversation_inner_view_ctrl.thumbnail-small_active
  .draggable_placeholder_capture_list_element {
  width: 104px;
  min-height: 119px !important;
  display: inline-flex;
  margin: 0 5px;
  border-bottom: 0;
}
.conversation_inner_view_ctrl.thumbnail-large_active
  .draggable_placeholder_capture_list_element
  .name_place_holder,
.conversation_inner_view_ctrl.thumbnail-medium_active
  .draggable_placeholder_capture_list_element
  .name_place_holder,
.conversation_inner_view_ctrl.thumbnail-small_active
  .draggable_placeholder_capture_list_element
  .name_place_holder {
  background-color: #0e9aef;
  padding: 2px 5px;
  border-radius: 4px;
  opacity: 1;
  color: #333;
  font-weight: 600;
  border: 1px solid #0e9aef;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 100%;
  width: 100%;
}
.conversation_inner_view_ctrl.thumbnail-medium_active
  .draggable_placeholder_capture_list_element {
  width: 143px;
  min-height: 159px !important;
}
.conversation_inner_view_ctrl.thumbnail-large_active
  .draggable_placeholder_capture_list_element {
  width: 219px;
  height: 209px !important;
}
.table_list_view_main_wrapper .draggable_placeholder_capture_list_element {
  height: 37px !important;
  border-bottom: 1px solid #e1e1e1;
  background-color: #ebeced;
  align-items: center;
  display: flex;
  padding: 0 10px 0 28px;
}
.table_list_view_main_wrapper
  .draggable_placeholder_capture_list_element
  .name_place_holder {
  background-color: #0e9aef;
  padding: 2px 5px;
  border-radius: 4px;
  opacity: 1;
  color: #333;
  font-weight: 600;
  border: 1px solid #0e9aef;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table_list_view_main_wrapper
  .merged_data_section
  .draggable_placeholder_capture_list_element {
  height: 37px !important;
  border-bottom: 1px solid #e1e1e1;
  background-color: #ebeced;
  align-items: center;
  display: flex;
  padding: 0 10px 0 8px;
  width: calc(100% - 46px);
  margin-left: 46px;
}
.table_list_view_main_wrapper
  .merged_data_section
  .draggable_placeholder_capture_list_element
  .name_place_holder_merged_capture {
  background-color: #0e9aef;
  padding: 2px 5px;
  border-radius: 4px;
  opacity: 1;
  color: #333;
  font-weight: 600;
  border: 1px solid #0e9aef;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper
  .grouped_by_section.grouped_by_folder_bundle.main_capture
  .task_column_count {
  position: relative;
}
.table_list_view_main_wrapper.capture_module_view_main_wrapper .task_name_ctrl {
  position: relative;
  left: 0;
}
.conversation_view_detail_panel .draggable_placeholder_capture_list_element,
.full_screen_merged_capture .draggable_placeholder_capture_list_element {
  height: 35px !important;
  border-bottom: 0;
  background-color: #e2e2e2 !important;
  align-items: center;
  display: flex;
  padding: 0 8px 0 8px;
  border-radius: 4px;
  border: 1px solid rgba(194, 197, 198, 0.6);
  margin-bottom: 7px;
}
.conversation_view_detail_panel
  .draggable_placeholder_capture_list_element
  .name_place_holder,
.full_screen_merged_capture
  .draggable_placeholder_capture_list_element
  .name_place_holder {
  background-color: #0e9aef;
  padding: 2px 5px;
  border-radius: 4px;
  opacity: 1;
  color: #333;
  font-weight: 600;
  border: 1px solid #0e9aef;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ul.draggable_clone_ul.conversation_draggable_clone.in_detail_pane {
  padding: 8px 22px 9px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
svg.priority_icon_in_list {
  margin: 0 7px 0 4px;
  width: 11px;
  height: 11px;
  align-items: center;
  position: relative;
  top: 3px;
}
.capture_video_button {
  margin: 0 8px 0 8px;
  display: inline-flex;
  border-radius: 12px;
  padding: 3px 9px;
  background-color: #3f9edc;
}
.capture_video_button:hover {
  background-color: #2b82bb;
}
.capture_video_button a {
  color: #fff;
  font-size: 12px;
  cursor: default;
}
.capture_video_button svg {
  width: 14px;
  margin: 0 3px 0 0;
  position: relative;
  top: 2px;
}
.capture_video_button .video_btn_a svg * {
  fill: #ffffff;
}
.metadata-container .section-title > span {
  color: #333;
  font-weight: 600;
}
.metadataMainWrapper .banner-right-trackduck.vt_screenshot_main_ctrl {
  margin-bottom: 0;
}
.progress_upload_in_full_screen {
  display: flex;
  width: 100%;
  align-items: center;
  background-color: #fff;
  flex-direction: column;
  padding: 10px 27px;
  border-radius: 4px;
  min-height: 69px;
  justify-content: center;
}
.thumbnail_view .plyr--paused,
.thumbnail_view .plyr--stopped {
  opacity: 0 !important;
}
.modify_time_entry {
  z-index: 999;
  background-color: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  height: 320px;
  transition: left 0.5s ease-in;
  -webkit-transition: left 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: left 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: left 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: left 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
  box-shadow: 0 3px 6px #00000029;
}
.modify_time_entry_innr_ctrl {
  padding: 10px 15px;
}
.mdf_header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.mdf_header h3 {
  margin: 0;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.mdf_header .close {
  opacity: 1;
  top: auto;
  right: auto;
  width: auto;
  height: auto;
  margin-left: auto;
  left: auto;
}
.mdf_header .close svg {
  width: 12px;
  height: 12px;
}
.modify_time_entry .capture_discrition_area {
  margin-bottom: 15px;
}
.tags_ctrl_in_mdf {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.modify_time_entry .time_track_inline_list {
  display: flex;
  margin-bottom: 15px;
}
.modify_time_entry .time_track_inline_list .due_date_calendar_ctrl {
  display: inline-flex;
  margin-left: auto;
  width: auto;
}
.inline_item_ctrl.billable_in_mdf {
  padding: 0 0 0 5px;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
}
.modify_time_entry .capture_discrition_area {
  margin-bottom: 15px;
}
.modify_time_entry .capture_discrition_area {
  margin-bottom: 15px;
}
.modify_time_entry .time_track_manual_footer {
  border-top: 1px solid #cbd3da;
  border-bottom: 0;
}
.metadata_icon_in_capture_box svg {
  width: 11px !important;
  height: auto !important;
  margin-top: 4px;
}
.metadata_icon_in_capture_box.active svg * {
  fill: #0e9aef;
}
.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  svg.metadata_icon_in_toggle_dropdown {
  width: 13px !important;
  height: auto !important;
  min-width: 14px;
  margin-right: 9px !important;
  margin-left: 7px !important;
}
.task_action_icon_ctrl.metadata_new_icon {
  min-width: 23px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
}
.task_action_icon_ctrl.metadata_new_icon:hover {
  background-color: #ebebed;
}
.task_action_icon_ctrl.metadata_new_icon.task_action_icon_ctrl svg {
  width: 13px;
  height: auto;
}
.task_action_icon_ctrl.metadata_new_icon.active {
  background-color: rgba(182, 224, 250, 0.4) !important;
  border: 1px solid #0e9aef !important;
}
.task_action_icon_ctrl.metadata_new_icon.active svg * {
  fill: #0e9aef;
}
.info_inner {
  display: flex;
  align-items: center;
}
.info_inner svg {
  width: 16px;
}
.metadata_icon_in_capture_box svg.metadata_icon_in_toggle_dropdown {
  width: 13px !important;
}
.timer_widget_main_wrapper {
  position: relative;
  overflow: hidden;
}
.edit_modal_popup_icon {
  opacity: 0;
  cursor: pointer;
}
.edit_modal_popup_icon i {
  color: #878f96;
  font-size: 10px;
  margin: 0 0 0 4px;
  opacity: 1;
}
ul.time_entried_ul_ctrl
  > li.timer_entries_dropdown_li:hover
  .edit_modal_popup_icon {
  opacity: 1;
}
.description_in_metadata {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 0 10px 0;
}
.add_desc_in_metadata_btn {
  color: #262626;
  font-size: 12px;
  width: 100%;
  padding: 5px 0 5px 0;
  align-items: end;
  font-weight: 600;
  font-size: 13px;
  position: relative;
  cursor: pointer;
  display: flex;
}
.add_desc_in_metadata_btn svg {
  top: 3px;
  position: relative;
  margin-right: 5px;
}
.add_desc_in_metadata_btn .section-title {
  border-bottom: 2px solid #dfe5f2;
  width: 100%;
  min-height: 26px;
}
.description_in_metadata textarea {
  box-shadow: 0 0 #000;
  border-radius: 4px;
  padding: 10px;
  height: auto;
  resize: none;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d3dae8;
  border-radius: 0;
}
.description_in_metadata textarea:hover {
  border-bottom: 1px solid #d3dae8;
}
.description_in_metadata textarea:focus {
  border-bottom: 1px solid #0e9aef;
}
.description_in_metadata svg {
  width: 14px !important;
  height: 14px !important;
  margin-right: 0;
  top: 2px;
  position: relative;
}
.description_in_metadata_ctrl {
  padding: 10px 20px 10px 47px;
}
.description_in_metadata_ctrl {
  padding: 0 10px 0 10px;
}
.description_in_metadata .metadata-container .metadata-icon {
  display: inline;
}
.description_in_metadata .metadata-container .section-title {
  display: inline;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.list-size_active
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .action_info_icon.count_of_merged_captures.visible-in-list-size,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.medium-size_active
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .action_info_icon.count_of_merged_captures.visible-in-list-size,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.snippet-size_active
  ul.column_layout.task_listing
  > li[data-class="multiple_selected"]
  .action_info_icon.count_of_merged_captures.visible-in-list-size {
  color: #333 !important;
  background: #fff !important;
  border: 1px solid #0e9aef !important;
}
.animated_preview_pane_in_count_by_views
  .preview_pane_scroll.has_merged_captures {
  height: calc(100vh - 142px) !important;
}
.vertical_bar_for_count_by_views .vertical_bar_on_page ul.vertical_bar_ul {
  z-index: 9999999 !important;
}
.vertical_bar_for_count_by_views.vertical_bar_in_capture_module_page
  .vertical_bar_on_page {
  top: 0;
  right: 0;
  z-index: 999999;
}
.vertical_bar_in_capture_module_page.vertical_bar_for_count_by_views {
  z-index: 9999999 !important;
}
.vertical_bar_for_count_by_views
  .main_sidepanel_ctrl_for_verticalBar
  .preview_pane_dynamic_height {
  height: calc(100vh - 38px);
}
.vertical_bar_for_count_by_views
  .side_bar_for_time_track
  .scroll-area-time-entries {
  height: calc(100vh - 174px);
}
.vertical_bar_for_count_by_views
  .capture_list_dropdown.capture_list_dropdown_full_modal_popup
  .tabs_inner_content_wrap {
  height: calc(100vh - 115px);
  background: #fff;
}
.animated_preview_pane_in_count_by_views.capture_detail_captures.capture_detail_full_screen
  .overlay_preview_panel_ctrl {
  width: calc(100% - 45px);
}
.capture_detail_full_screen
  .vertical_bar_for_count_by_views
  .panel_content_wrapper {
  width: 100%;
}
.vertical_bar_for_count_by_views.sidepanel_open_in_vertical_bar_in_animated_panel.vertical_bar_in_capture_module_page
  .vertical_bar_on_page {
  width: 375px;
}
.vue_splitter_wrapper
  .vue_splitter_pane.capture_selected_list.no_static_minwidth {
  min-width: auto !important;
}
.animated_preview_pane_in_count_by_views.capture_detail_full_screen
  .panel_content_wrapper {
  width: 100%;
}
.conversation_preview_pane_main_wrapper
  .merged_capture_parent
  #start_timer_main_div {
  margin: 0 8px 0 0;
}
.merged_capture_parent
  .timer_class_div.timer_in_list.stopped_timer_class_div.time_track_bg {
  background: #fff !important;
}
.merged_capture_parent .timer_ui_list_view .timer_class_div.timer_in_list > i {
  background-color: #fff;
}
.vue_splitter_pane.vue_splitter_pane.count_by_data_list {
  border-left: 1px solid #dadce0;
  border-top: 1px solid #dadce0;
  border-right: 2px solid #dadce0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.multiselect_captures_div .child {
  margin-left: 0;
  display: grid;
}
.capture_full_screen_outline_view
  .doc_view_architecture_ctrl
  .multiselect_captures_div
  .child {
  margin-left: 15px;
}
.task_data_main_wrap.capture_faded .in_preview_panel .task_name_text {
  background-color: rgba(255, 255, 255, 0.15);
}
.multiselect_captures_div .task_data_main_wrap.active.capture_expanded {
  background-color: #fff;
}
.multiselect_captures_div .task_data_main_wrap.active.capture_faded {
  background-color: #fff;
  border: 1px solid rgba(194, 197, 198, 0.6);
}
.edit_in_card {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  margin-left: 5px;
  opacity: 0;
  z-index: 999;
  position: relative;
  padding: 0 6px;
  margin-right: 6px;
  border-radius: 1px;
}
.edit_in_card:hover {
  background-color: #e0e1e2;
}
.edit_in_card i {
  font-size: 10px;
  padding: 5px 0;
  cursor: pointer;
  opacity: 0.7;
}
.edit_in_card i:hover {
  opacity: 1;
}
.task_data_ctrl_left.in_preview_panel:hover .edit_in_card {
  opacity: 1;
}
.top_unique_common_merge_header {
  padding: 0;
  margin: 0;
  align-items: center;
  border-bottom: 1px solid #e9e9eb;
}
.multi-assignee-wrapper .cp_multiple_assignee > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 111px;
}
.assignee_participant_card_ctrl_in_merge
  .assignee-div.Participant_ctrl.participant_in_table_ctrl {
  margin-right: 0;
}
.assignee_participant_card_ctrl_in_merge
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown {
  margin-left: 0;
}
.in_full_screen_merged_capture
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown {
  margin-left: 0;
}
.in_full_screen_merged_capture
  .assignee-div.Participant_ctrl.participant_in_table_ctrl {
  margin-right: 0;
}
.due_date_time_estimate_in_card_style {
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-left: 5px;
}
.due_date_time_estimate_in_card_style .due_date {
  margin-right: 10px;
  font-size: 12px;
}
.due_date_time_estimate_in_card_style .due_date i {
  font-size: 12px;
  margin: 0 3px 0 0;
  position: relative;
  top: -1px;
}
.due_date_time_estimate_in_card_style .estimated_time {
  font-size: 12px;
  margin-right: 5px;
}
.due_date_time_estimate_in_card_style .estimated_time i {
  font-size: 11px;
  margin: 0 3px 0 0;
  position: relative;
  top: 0;
}
.description_in_card {
  margin: 0 5px 0 10px;
  cursor: pointer;
  display: flex;
}
.description_in_card i {
  color: #7b7e84;
  font-size: 12px;
  opacity: 0.8;
}
.three_dots_dropdown_innr_main
  > li
  div#start_timer_main_div
  .dropdown_timer_running_timer
  i {
  padding-left: 0;
  border: 1px solid #c55555;
}
.capture_number_in_metadata_panel {
  margin-right: 5px;
  font-weight: 600;
  font-size: 13px;
  border-radius: 3px;
  background-color: #fff;
  width: auto;
  min-width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dadce0;
  padding: 0 2px;
}
.due_date_time_estimate_in_card_style .external_icon.icon_common_sty .iconbg {
  width: auto;
  height: auto;
  background: 0 0;
  margin: 0;
}
.due_date_time_estimate_in_card_style
  .external_icon.icon_common_sty
  .iconbg
  > span {
  font-size: 12px;
  margin: 0 5px 0 0;
  position: relative;
}
.due-date.schedule_calendar_ctrl .selected_due_date_span {
  color: #333;
  font-weight: 400;
}
.due_date_time_estimate_in_card_style
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text {
  width: auto;
  height: auto;
  color: #676a6c;
  font-weight: 400;
  padding: 0;
  border-radius: 0;
  background: 0 0;
}
.due_date_time_estimate_in_card_style .due-time.estimate_time_dropdown_ctrl {
  border: 0;
  border-radius: 0;
  margin: 0 4px;
}
.due_date_time_estimate_in_card_style
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text {
  width: auto;
  height: auto;
  color: #676a6c;
  font-weight: 400;
  padding: 0;
  border-radius: 0;
  background: 0 0;
}
.due_date_time_estimate_in_card_style
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor {
  color: #676a6c;
  font-size: 12px;
  border-radius: 0;
  border: 0;
  line-height: normal;
}
.due_date_time_estimate_in_card_style
  .estimate_timer_default_text
  .estimate_icon_bg {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  background: 0 0;
  justify-content: center;
  margin-right: 5px;
}
.due_date_time_estimate_in_card_style
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor
  .far.fa-hourglass.due-time-img {
  font-size: 12px;
  color: #676a6c;
}
.due_date_time_estimate_in_card_style
  .due-time.estimate_time_dropdown_ctrl:hover {
  background: 0 0;
  border: 0;
}
.due_date_time_estimate_in_card_style .due-date.schedule_calendar_ctrl {
  margin: 0 4px;
}
.due_date_time_estimate_in_card_style
  span.remove_assignee.remove_project.remove_due_date {
  display: none !important;
}
.due_date_time_estimate_in_card_style
  .estimate_timer_default_text
  .remove_assignee.remove_project,
.due_date_time_estimate_in_card_style
  .estimate_timer_default_text:hover
  .remove_assignee.remove_project {
  opacity: 0;
  display: none !important;
}
.w-100.canvas_sidepanel_innr_ctrl.loader_is_active {
  height: calc(100% - 213px);
}
.toolbar_dropdown_right > .dropdown-menu {
  left: 100%;
  right: auto;
  transform: translate(0, 0);
  margin-top: 0;
  top: -26px;
  margin-left: 18px;
  margin-top: 2px;
}
.toolbar_dropdown_right .arrow_box_top:after,
.toolbar_dropdown_right .arrow_box_top:before {
  left: -18px;
  margin-left: 0;
  top: 30px;
}
.toolbar_dropdown_right .arrow_box_top:before {
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: transparent;
  border-right-color: #fff;
}
.toolbar_dropdown_right .arrow_box_top:after {
  border-bottom-color: transparent;
  border-right-color: rgba(255, 255, 255, 0);
}
.conversation_view_main_wrapper .task_data_block_container .caprure_type_icon {
  margin-right: 0;
  margin-left: 0;
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.capture_header_in_canvas {
  width: 100%;
  display: flex;
  left: 0;
  right: 0;
  margin: auto;
  position: relative;
  background-color: #fff;
  border-radius: 0;
  border-bottom: 1px solid #eaebee;
}
.canvas_toolbar_editArea_metadataPanel_ctrl {
  display: flex;
  justify-content: center;
}
.capture_header_in_canvas
  .task_data_main_wrap
  .in_preview_panel
  .task_name_text {
  font-size: 14px;
}
#resetZoomDiv {
  height: 25px;
  margin: 3px 0;
}
#resetZoomDiv button.clear-btn {
  font-size: 11px;
  color: #151b26;
}
#resetZoomDiv button.clear-btn.active {
  background: 0 0 !important;
  border: 1px solid transparent;
}
.metadata_options_inside_capture {
  width: 200px;
}
.metadata_options_inside_capture {
  width: 200px;
  height: auto;
  padding: 20px 20px 0 0;
  background-color: #f5f5f7;
}
.metadata_option_innr_ctrl {
  border: 1px solid #d4d8db;
  margin: 0 0 7px 0;
  border-radius: 2px;
  min-height: 31px;
  align-items: center;
  display: flex;
  cursor: pointer;
  position: relative;
  background-color: #fff;
}
.metadata_option_innr_ctrl
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text {
  background: 0 0;
  height: 29px;
  padding: 0;
}
.metadata_option_innr_ctrl .due-time.estimate_time_dropdown_ctrl:hover {
  background: 0 0;
  border: 0;
}
.metadata_option_innr_ctrl .estimate_timer_default_text .estimate_icon_bg {
  background: 0 0;
}
.metadata_option_innr_ctrl .time_track_bg {
  background: 0 0 !important;
}
.metadata_option_innr_ctrl .time_track_bg {
  background: 0 0 !important;
}
.metadata_option_innr_ctrl .folder-dropdown-div {
  width: 100%;
}
.metadata_option_innr_ctrl
  .project-div.project_cv_div
  span.project-icon-svg.iconbg {
  margin: 0 4px 0 3px;
  text-align: center;
  align-items: center;
  display: inline-flex;
}
.metadata_option_innr_ctrl .folder-dropdown-div .project-icon.dropdown {
  height: 29px;
  width: 100%;
  align-items: center;
  display: flex;
  color: #333;
  font-weight: 400;
}
.metadata_option_innr_ctrl .folder-dropdown-div .align-middle {
  display: flex;
  height: 100%;
  align-items: center;
  width: 100%;
}
.metadata_option_innr_ctrl .project-div.project_cv_div .project-variable {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 120px;
  display: inline-block;
  align-items: center;
}
.metadata_option_innr_ctrl.toggle-chevron:before {
  right: 0;
  height: 100%;
  align-items: center;
  display: flex;
  padding: 0 7px 0 5px;
  font-size: 11px;
}
.metadata_option_innr_ctrl .due-date.schedule_calendar_ctrl,
.metadata_option_innr_ctrl .due-date.schedule_calendar_ctrl.conversation_view {
  width: 100%;
  height: 100%;
  display: flex;
}
.metadata_option_innr_ctrl .duedate-icon.dropdown {
  width: 100%;
  height: 100%;
}
.metadata_option_innr_ctrl .duedate-icon.dropdown.due_date_future {
  width: 100%;
  height: 29px;
  color: #828282;
}
.metadata_option_innr_ctrl
  .due-date.schedule_calendar_ctrl
  .external_icon.icon_common_sty {
  width: 100%;
  height: 29px;
}
.metadata_option_innr_ctrl .external_icon.icon_common_sty .iconbg {
  margin: 0 5px 0 5px;
  background: 0 0;
}
.metadata_option_innr_ctrl .due-time.estimate_time_dropdown_ctrl {
  border: 0;
  width: 100%;
}
.metadata_option_innr_ctrl
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text {
  background: 0 0;
  height: 29px;
  padding: 0;
}
.metadata_option_innr_ctrl
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor {
  width: 100%;
  height: 29px;
  border: 0;
}
.metadata_option_innr_ctrl .estimate_timer_default_text .estimate_icon_bg {
  background: 0 0;
  margin: 0 3px 0 2px;
}
.metadata_option_innr_ctrl
  .estimate_timer_default_text:hover
  .remove_assignee.remove_project {
  display: none;
}
.metadata_option_innr_ctrl span.remove_assignee.remove_project.remove_due_date {
  display: none;
}
.metadata_option_innr_ctrl .preview_pane_top_header_main {
  width: 100%;
}
.metadata_option_innr_ctrl
  .preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div {
  margin-right: 0 !important;
  width: 100%;
}
.metadata_option_innr_ctrl
  .preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container {
  width: 100%;
  margin: 0;
  border: 0 !important;
  background: 0 0;
  justify-content: end;
  color: #333;
  font-weight: 400;
}
.metadata_option_innr_ctrl
  .preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .iconbg {
  background: 0 0;
  margin: 0 0 0 7px;
  padding: 0 0 0 2px;
}
.metadata_option_innr_ctrl
  .preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .iconbg
  > svg {
  width: 17px;
  height: 17px;
}
.metadata_option_innr_ctrl
  .preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container
  .multi-assignee-wrapper {
  margin: 0;
}
.metadata_option_innr_ctrl
  .preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-div
  .assignee-container:hover {
  background: 0 0;
  border: 0;
}
.metadata_option_innr_ctrl.participant_ctrl_box
  .preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .iconbg {
  margin: 0 2px 0 7px;
}
.metadata_option_innr_ctrl.participant_ctrl_box
  .preview_pane_top_header_main
  .preview_pane_header_ctrl
  .assignee-container
  .iconbg
  > svg {
  width: 20px !important;
  height: 20px !important;
}
.metadata_option_innr_ctrl #start_timer_main_div {
  margin: 0 !important;
  width: 100%;
  padding: 0 0 0 8px !important;
}
.metadata_option_innr_ctrl .timer_class_div.time_track_bg:hover {
  background: 0 0 !important;
}
.capture_and_metadata_options_ctrl {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.capture_and_metadata_options_ctrl_innr {
  display: block;
  width: 100%;
}
.capture_and_metadata_options_ctrl span.remove_assignee.remove_project {
  display: none;
}
.metadata_option_innr_ctrl #start_timer_main_div {
  margin: 0 !important;
  width: 100%;
  padding: 0 !important;
}
.metadata_option_innr_ctrl .timer_ui_list_view .timer_class_div.timer_in_list {
  color: #333;
  font-size: 13px;
  height: 29px;
}
.metadata_option_innr_ctrl
  .timer_ui_list_view
  .timer_class_div.timer_in_list
  > i {
  margin: 0 5px 0 6px !important;
  text-align: center;
  padding: 0;
}
.metadata_option_innr_ctrl .priority-icon.dropdown.in_list_view {
  width: 100%;
  height: 29px;
  margin: 0;
}
.metadata_option_innr_ctrl .priority-icon.dropdown.in_list_view:hover {
  background: 0 0;
}
.metadata_option_innr_ctrl .priority-icon.dropdown.in_list_view > a {
  width: 100%;
  height: 100%;
  align-items: center;
}
.metadata_option_innr_ctrl .priority-icon.dropdown.in_list_view > a > svg {
  margin: 0 8px 0 9px;
  width: 13px;
  height: 13px;
}
.metadata_option_innr_ctrl .priority-icon.dropdown.in_list_view > a > span {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}
.metadata_options_inside_capture {
  width: 200px;
  height: auto;
  padding: 20px;
}
.metadata_option_innr_ctrl {
  border: 1px solid #d4d8db;
  margin: 0 0 7px 0;
  border-radius: 2px;
  min-height: 31px;
  align-items: center;
  display: flex;
  cursor: pointer;
  position: relative;
}
.metadata_ctrl_for_quick_buttons .metadata_icon_in_capture_box {
  border: 1px solid #d4d8db;
  margin: 0 4px 0 0 !important;
  border-radius: 2px;
  width: 28px;
  height: 28px;
  background-color: #fff;
}
.metadata_ctrl_for_quick_buttons .metadata_icon_in_capture_box:last-child {
  margin: 0 !important;
}
.metadata_ctrl_for_quick_buttons {
  justify-content: flex-start;
  display: flex;
  padding: 0 0 0 3px;
}
.metadata_option_innr_ctrl .tags-div-conversation-view.tags_in_preview_panel {
  width: 100%;
}
.tags-div-conversation-view.tags_in_preview_panel .tag-container.dropdown {
  display: flex;
  align-items: center;
  color: #333;
  font-weight: 400;
}
.metadata_option_innr_ctrl .tag-assignee-wrapper {
  width: 100%;
}
.metadata_option_innr_ctrl .tags-div-conversation-view.tags_in_preview_panel {
  width: 100%;
}
.metadata_option_innr_ctrl
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg {
  min-height: 29px;
  margin: 0;
  padding: 0;
  border: 0;
  background: 0 0;
  width: auto;
  white-space: nowrap;
}
.metadata_option_innr_ctrl
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg
  svg {
  width: 17px;
  margin: 0 6px 0 10px;
  fill: #828282;
  height: auto;
}
.metadata_option_innr_ctrl
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg
  svg
  * {
  fill: #828282;
}
.metadata_option_innr_ctrl .tag-assignee-wrapper {
  width: 100%;
}
.metadata_quick_buttons_label_ctrl {
  width: 100%;
  color: #333;
  font-size: 12px;
  text-align: right;
  border-bottom: 1px solid #d4d8db;
  margin: 0 0 6px 3px;
  padding: 0 0 3px 0;
  width: auto;
  display: flex;
}
.modal-footer.capture_save_cancel_btn_group {
  text-align: left;
}
.multiselect_captures_div
  .task_data_main_wrap.capture_faded
  .capture_view_outer_wrap {
  border-top: 0;
}
.expand_capture_full_height {
  top: 0;
  right: 0;
  margin: 20px 0 0 0;
  border: 1px solid #cbd3da;
  padding: 0;
  width: 27px;
  height: 27px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.expand_capture_full_height:hover {
  color: #151b26;
  border: 1px solid #cbd3da;
  background-color: #fff;
}
.block_ctrl_innr .image_preview_height_ctrl {
  overflow: hidden;
  max-height: 165px !important;
}
.image_preview_height_ctrl {
  overflow: hidden;
  max-height: 100% !important;
}
.in_full_screen_separate
  .single_captures_div
  .task_data_main_wrap.capture_expanded
  .capture_view_outer_wrap {
  border-top: 1px solid #c2c5c6;
}
.in_full_screen_separate
  .task_data_main_wrap.capture_expanded
  .task_data_block_container {
  border-top: 0;
}
.capture_view_active
  .multiselect_captures_div
  .task_data_main_wrap.capture_expanded {
  border-top: 3px solid #0e9aef !important;
}
.groupBy_section_in_merged_capture {
  padding: 0 36px;
  margin: 15px 0 5px 0;
}
.groupBy_section_in_merged_capture ~ .multiselect_captures_div {
  padding: 21px 36px 21px 36px;
}
.in_full_screen_merged_capture .groupBy_section_in_merged_capture {
  padding: 0 150px;
}
.in_full_screen_merged_capture
  .groupBy_section_in_merged_capture
  ~ .multiselect_captures_div {
  padding: 15px 150px;
}
.caret_label_ctrl {
  display: inline-flex;
  cursor: pointer;
}
.groupBy_section_in_merged_capture .groupBy_capture_count {
  margin-left: 4px;
  cursor: default;
}
.groupBy_section_in_merged_capture .chevron_ctrl {
  margin: 0 6px 0 3px;
}
.groupBy_section_in_merged_capture .groupBy_name {
  color: #676a6c;
  font-size: 14px;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 660px;
  display: inline-block;
}
.capture_full_screen_outline_view
  .multiselect_captures_div
  .task_data_main_wrap.capture_expanded
  .task_draggable_number {
  top: 10px !important;
  left: -30px;
}
.due_date_time_estimate_in_card_style
  .folder-dropdown-div
  .remove_assignee.remove_project {
  display: none;
}
.full_screen_separate_capture
  .has_merged_captures
  + .cv_task_list_main_weapper
  .cv_task_list_inner.captures_parent_group.doc_view_preview_pane_wrapper {
  padding: 30px 0;
}
.full_screen_separate_capture
  .has_no_merged_captures
  + .cv_task_list_main_weapper
  .cv_task_list_inner.captures_parent_group.doc_view_preview_pane_wrapper {
  padding: 15px;
}
ul.capture_fixed_menu_ul.count_capture_menu_in_sidebar
  > li
  .element_icn_ctrl
  > i {
  font-size: 11px;
  color: #7b7e84;
}
ul.capture_fixed_menu_ul.count_capture_menu_in_sidebar
  > li
  .element_icn_ctrl
  > svg {
  width: 12px;
  height: 12px;
}
ul.capture_fixed_menu_ul.count_capture_menu_in_sidebar
  > li
  .element_icn_ctrl
  > svg
  * {
  fill: #7b7e84;
}
.groupBy_section_in_merged_capture .name_of_tags_in_sorting {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  font-size: 14px !important;
  font-weight: 400 !important;
  background: 0 0 !important;
  color: #676a6c !important;
  margin-right: 0;
  position: relative;
  padding: 0 0 0 15px;
  cursor: default;
}
.groupBy_section_in_merged_capture .name_of_tags_in_sorting:after {
  content: ",";
  position: absolute;
  bottom: 0;
  left: 3px;
  font-size: 14px;
  display: inline-block;
  width: auto;
  height: 100%;
  font-weight: 600;
}
.groupBy_section_in_merged_capture .added_tags {
  color: #676a6c;
  font-weight: 400;
  font-size: 14px;
  padding: 0 5px 0 5px;
  border: 0;
  border-radius: 0;
  background: 0 0;
  margin-right: 0;
  cursor: default;
  top: -2px;
}
.groupBy_section_in_merged_capture
  .grouped_by_label
  .name_of_tags_in_sorting:first-child:after {
  display: none;
}
.groupBy_section_in_merged_capture .name_of_tags_in_sorting:first-child {
  padding-left: 0;
}
.groupBy_section_in_merged_capture .chevron_ctrl > i {
  color: #676a6c;
}
.capture_filter_for_individual_merged {
  display: flex;
  align-items: center;
}
.capture_filter_for_individual_merged .external_icon.icon_common_sty {
  cursor: pointer;
}
.note_preview div {
  word-break: break-word;
}
.note_preview h1 {
  word-break: break-all;
}
.note_preview a {
  word-break: break-word;
}
.note_preview > div > img {
  width: 100%;
}
.note_preview > div > img {
  width: 100%;
}
.in_full_screen_merged_capture
  .doc_view_active
  .has_merged_captures
  .cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl {
  padding: 30px 0 30px 0;
  justify-content: unset;
}
.centered_layout
  .full_screen_separate_capture_innr
  .cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl.capture_view_architecture_ctrl {
  border-left: 1px solid #f5f5f7;
  border-right: 1px solid #e5e5e5;
  box-shadow: 0 10px 6px #00000014;
}
.centered_layout
  .full_screen_separate_capture
  .full_screen_merged_capture
  .preview_pane_scroll {
  background-color: #f5f5f7;
}
.block_layout
  .full_screen_separate_capture
  .full_screen_merged_capture
  .preview_pane_scroll {
  background-color: #f5f5f7;
}
.conversation_preview_pane_main_wrapper.block_layout
  .full_screen_merged_capture
  .cv_task_list_main_weapper {
  background-color: #f5f5f7;
}
.in_card_box .cp_multiple_assignee .assignee_circle {
  width: 17px;
  height: 17px;
  border: 1px solid #fff;
  margin-left: -2px;
}
.in_card_box .user_status_circle_ctrl {
  width: 7px;
  height: 7px;
  border: 1px solid #fff;
  right: -2px;
  bottom: -2px;
}
.in_card_box i.user_menu_indicator_status.fas.status-online.fa-circle {
  width: 7px !important;
  min-width: 7px;
  font-size: 5px;
}
.in_card_box .assignee-icon.cp_multiple_assignee .assignee_circle img {
  width: 17px;
  height: 17px;
}
.in_card_box .remove_assignee {
  width: 7px;
  height: 7px;
  top: -8px;
  right: 0;
}
.in_card_box .remove_assignee i {
  font-size: 9px;
}
.in_card_box .tags_assignee_in_preview_ctrl .added_tags {
  margin-right: 1px;
}
.in_card_box
  .tags-div-conversation-view.tags_in_preview_panel
  .tags_assignee_in_preview_ctrl {
  height: 22px;
}
.in_card_box .tags_assignee_in_preview_ctrl .tagged_assets_tags {
  display: inline-flex;
}
.in_card_box .tags_assignee_in_preview_ctrl .added_tags {
  margin-right: 1px;
  padding: 0 6px 0 4px;
  height: 16px;
  margin-left: 2px;
}
.in_card_box .tags_assignee_in_preview_ctrl .added_tags_text {
  top: 0;
}
.in_card_box .tags-div-conversation-view.tags_in_preview_panel {
  margin-left: 3px;
  margin-right: 3px;
}
.medium_capture_description {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  padding-left: 12px;
}
.high_capture_description {
  width: 100%;
  word-break: break-all;
  white-space: pre-line;
  padding-left: 12px;
}
.extra_clickable_area_active {
  width: auto;
}
.extra_clickable_area_not_active {
  width: auto;
}
.capture_folder_lavel_two .teams_folder + .project_list_item_count {
  padding-right: 0;
  margin-right: 11px !important;
}
.folder_is_shared .innertTextContent.teams_folder {
  width: 62%;
}
.sidepanel_active_in_vertical_bar
  .folder_is_shared
  .innertTextContent.teams_folder {
  width: 52%;
}
.label_and_count_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.doc_view_architecture_ctrl
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container {
  padding: 6px 0 !important;
}
.detail_item_col .tags-div-conversation-view.tags_in_preview_panel {
  width: 100%;
}
.detail_item_col
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown {
  width: 100%;
  text-align: center;
  justify-content: center;
  height: 30px;
}
.detail_item_col
  .tags-div-conversation-view.tags_in_preview_panel
  .tag-container.dropdown
  .iconbg {
  margin: 0;
  padding: 0;
  border: 0;
}
.detail_item_col .tag_label_in_doc {
  color: #333;
  font-weight: 600;
  font-size: 13px;
}
.capture_extra_metadata_div table {
  border-collapse: collapse;
  font-size: 16px;
  line-height: 24px;
  height: 1px;
}
.capture_extra_metadata_div table tr td {
  border: 1px solid #7c828d;
  padding: 0;
  position: relative;
  height: 100%;
}
.capture_extra_metadata_div table .rc_table_cell_class {
  border: 0;
  padding: 7px 5px;
  min-height: 29px;
}
.add_column.float_right {
  left: 74px;
}
.add_column.float_left {
  left: 2px;
}
span.add_row.add_row_event_click.float_up {
  top: -11px;
}
.add_column {
  width: 23px;
  height: 23px;
  position: absolute;
  top: -20px;
  border-radius: 2px;
  transform: translateY(0) scale(0.55) rotate(0);
  transition:
    border-radius 0.15s ease-out,
    background-color 0.15s ease-out,
    transform 0.15s ease-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  color: #7e8187;
  overflow: hidden;
  line-height: 24px;
  opacity: 0;
  z-index: 9;
}
.add_column:hover {
  border-radius: 2px;
  background-color: #0e9aef;
  transform: translateY(0) scale(0.55);
  color: #fff;
}
.add_row {
  width: 23px;
  height: 23px;
  position: absolute;
  bottom: -12px;
  left: 0;
  border-radius: 2px;
  transform: translateY(0) translateX(-21px) scale(0.55) rotate(0);
  transition:
    border-radius 0.15s ease-out,
    background-color 0.15s ease-out,
    transform 0.15s ease-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  color: #7e8187;
  overflow: hidden;
  z-index: 9;
  opacity: 0;
}
.add_row:hover {
  border-radius: 2px;
  background-color: #0e9aef;
  transform: translateY(0) translateX(-21px) scale(0.55);
  color: #fff;
  bottom: -12px;
}
.capture_extra_metadata_div .rc-table {
  padding: 0;
  position: relative;
  display: block;
  margin: 0;
  overflow: auto;
  overflow-y: hidden;
}
.capture_extra_metadata_div .rc-table > span {
  display: inline-block;
  position: relative;
}
.capture_extra_metadata_div .active_area_column {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #f5f5f5;
  cursor: pointer;
  display: none;
}
.capture_extra_metadata_div .active_area_row {
  position: absolute;
  top: 18px;
  left: -20px;
  width: 20px;
  height: calc(100% - 36px);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #f5f5f5;
  cursor: pointer;
  display: none;
}
.capture_extra_metadata_div .active_area_column:hover,
.capture_extra_metadata_div .active_area_row:hover {
  background-color: #ebebeb;
}
.column_ctrl {
  background-color: #f5f5f5;
  position: absolute;
  width: 100%;
  top: -13px;
  left: 0;
  height: 12px;
  cursor: pointer;
}
.column_ctrl:hover {
  background-color: #e2e2e2;
}
.column_ctrl:hover .add_column {
  opacity: 1;
}
.column_ctrl:hover .delete_column {
  opacity: 1;
}
.delete_column {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-14px) rotate(0);
  transition:
    border-radius 0.15s ease-out,
    background-color 0.15s ease-out,
    transform 0.15s ease-out;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #000;
  display: flex;
  opacity: 0;
  right: 0;
  margin: auto;
}
.delete_column > i {
  font-size: 10px;
  color: #7e8187;
}
.delete_column > i:hover {
  color: #ed4758;
  opacity: 0.8;
}
.row_ctrl {
  background-color: #f5f5f5;
  position: absolute;
  width: 12px;
  top: 0;
  left: -13px;
  height: 100%;
  cursor: pointer;
}
.row_ctrl:hover {
  background-color: #e2e2e2;
}
.delete_row {
  position: absolute;
  top: 0;
  transform: translateX(-14px) rotate(0);
  transition:
    border-radius 0.15s ease-out,
    background-color 0.15s ease-out,
    transform 0.15s ease-out;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #000;
  display: flex;
  opacity: 0;
  bottom: 0;
  margin: auto;
}
.delete_row > i {
  font-size: 10px;
  color: #7e8187;
  transform: rotate(270deg);
}
.delete_row > i:hover {
  color: #ed4758;
  opacity: 0.8;
}
.row_ctrl:hover .add_row {
  opacity: 1;
}
.row_ctrl:hover .delete_row {
  opacity: 1;
}
.two_label_folder_structure .list_have_child_span {
  display: inline-flex;
}
.two_label_folder_structure .list_have_child_span span.caret_icon {
  margin-right: 5px;
}
.assign_folder_to_capture_div
  .capture_folder_lavel_two.child_folder_for_capture {
  padding-left: 10px;
}
.preview_panel_quill_editor .ql-editor.ql-blank[data-placeholder]:before {
  color: rgba(52, 52, 52, 0.65) !important;
  font-style: normal;
  font-size: 13px;
}
.ql-mention-list-container.ql-mention-list-container-top.slash_dropdown_top {
  overflow: auto;
}
.ql-mention-list-container.ql-mention-list-container-top.slash_dropdown {
  overflow: visible;
  width: 280px !important;
  min-height: 251px !important;
  border: 0;
  box-shadow: none;
  background-color: transparent;
  align-items: center;
  display: flex;
  width: 100%;
}
.ql-mention-list-container.ql-mention-list-container-top.slash_dropdown
  ul.ql-mention-list {
  top: auto;
  bottom: auto;
  max-height: 300px !important;
  margin: 0;
  width: 100%;
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  background-color: #fff;
  border-radius: 3px;
}
.ql-mention-list-container.ql-mention-list-container-top.slash_dropdown_task {
  max-height: none;
  min-width: 320px !important;
  min-height: 251px !important;
}
.slash_dropdown_task .task_wrap_bg_ctrl {
  height: 204px;
}
.task_drop_doc {
  background-color: #0e9aef;
  color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
}
.task_drop_innr_ctrl {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px;
  overflow: hidden;
  display: inline-block;
}
.task_drop_doc > i {
  display: inline-flex;
  margin-right: 6px;
  font-size: 14px;
}
.rc-task {
  width: 100%;
  display: inline;
  align-items: center;
  margin: 10px 0;
}
.rc-code-block {
  margin: 5px 0;
  padding: 5px;
  background-color: #f5f5f7;
  min-height: 32px;
}
.rc_code_class {
  font-weight: 400;
  font-size: 13px;
  min-height: 24px;
}
.rc-divider {
  display: inline-block;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
hr.rc_divider_class {
  display: flex;
  width: 100%;
  margin: 10px 0;
  opacity: 1;
}
.ql-editor hr.rc-divider {
  width: 98%;
  height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
}
.rc-image {
  width: 100%;
  display: inline-block;
}
.rc-image .rc_image_class {
  width: auto;
  height: auto;
  max-width: 50% !important;
}
.capture_folder_lavel_two.child_folder_for_capture input.tree-input-error {
  border: 1px solid #f15866;
  color: #f15866;
}
.arrow_box_left:after,
.arrow_box_left:before {
  bottom: 100%;
  left: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box_left:before {
  border-color: rgba(213, 213, 214, 0);
  border-bottom-color: #d5d5d6;
  border-width: 9px;
  margin-left: -1px;
}
.arrow_box_left:before {
  left: auto;
  right: 18px;
}
.arrow_box_left:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 9px;
  margin-left: 1px;
}
.arrow_box_left:after {
  left: auto;
  right: 20px;
}
.slash_dropdown.arrow_box_left:after,
.slash_dropdown.arrow_box_left:before {
  left: -15px;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(270deg);
}
.slash_dropdown.arrow_box_left:before {
  top: 3px;
  left: -19px;
}
.slash_dropdown.arrow_box_left:after {
  left: -17px;
  top: 2px;
}
.capture_extra_metadata_div_main_section
  .ql-mention-list-container.ql-mention-list-container-top.slash_dropdown
  .name_circle_section {
  align-items: center;
  justify-content: center;
}
.table_actions {
  position: relative;
}
.table_actions.dropdown.open {
  width: 100%;
  height: 100%;
  background-color: rgba(182, 224, 250, 0.4);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  border-radius: 4px;
  border-radius: 4px;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  --ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  border: 1px solid #0e9aef;
}
.table_actions .open_table_dropdown {
  width: 12px;
  height: 12px;
  background-color: #f5f5f5;
  position: absolute;
  top: -12px;
  left: -12px;
  border-top-left-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.table_actions .open_table_dropdown:hover {
  background-color: #e2e2e2;
}
.table_actions .open_table_dropdown > i {
  font-size: 6px;
  color: #aaa;
  display: inline-flex;
  position: relative;
}
.table_actions.open .open_table_dropdown {
  background-color: #0e9aef;
}
.table_actions.open .open_table_dropdown > i {
  opacity: 1;
  color: #fff;
}
.table_actions_ul.dropdown-menu {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.table_actions_ul.dropdown-menu a {
  width: 100%;
  font-size: 13px;
  padding: 5px 10px;
  color: #252222;
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
}
.table_actions_ul.dropdown-menu a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.capture_extra_metadata_div table tbody,
.capture_extra_metadata_div table tbody tr {
  height: 100%;
}
.slash_dropdown_task .count_task_view_dropdown_inner {
  width: 100%;
}
.youtube_type_command {
  display: inline-flex;
  align-items: center;
}
.youtube_type_command #rc_youtube_url_button {
  position: relative;
  display: inline-flex;
  top: -3px;
}
.doc_view_architecture_ctrl .task_data_block_container {
  align-items: end;
}
.doc_view_architecture_ctrl
  .task_data_main_wrap
  .in_preview_panel
  input.task_name_text {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  padding: 0 1px;
}
.doc_view_architecture_ctrl
  .task_data_block_container
  .task_data_ctrl_left:hover
  > .dropdown-menu {
  display: block !important;
}
.doc_view_architecture_ctrl .dropdown-menu.doc_action_dropdown li:hover i {
  color: #0e9aef !important;
}
.doc_view_architecture_ctrl
  .task_data_block_container
  .task_data_ctrl_left:hover
  > .task_popover_sidepanel {
  display: block !important;
}
.doc_view_architecture_ctrl .task_popover_sidepanel {
  width: 338px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 3px 6px #0000004d;
  border: 1px solid #dadee0;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  z-index: 9;
  background-color: #fff;
  border-radius: 1px;
}
.doc_view_architecture_ctrl .task_popover_sidepanel .arrow-left.indicator {
  border-right: 10px solid #d5d5d6;
  position: absolute;
  left: -10px;
  top: 9px;
}
.doc_view_architecture_ctrl
  .task_popover_sidepanel
  .arrow-left.indicator:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  content: "";
  border-right: 10px solid #fff;
  position: absolute;
  left: 1px;
  top: -10px;
}
.doc_view_architecture_ctrl .task_popover_sidepanel .arrow-right.indicator {
  border-right: 10px solid #d5d5d6;
  position: absolute;
  left: -10px;
  top: 9px;
}
.doc_view_architecture_ctrl
  .task_popover_sidepanel
  .arrow-right.indicator:after {
  border-right: 10px solid #fff;
  position: absolute;
  left: -10px;
  top: 9px;
}
.create_task_input_wrap
  .conversation_preview_pane_main_wrapper
  .assignee-div
  .multi-assignee-wrapper,
.create_task_input_wrap
  .conversation_preview_pane_main_wrapper
  .project_cv_div
  .multi-assignee-wrapper {
  color: #333 !important;
  font-weight: 400;
}
.create_task_form_scroller {
  overflow: auto;
  height: calc(100vh - 241px);
  padding: 15px;
}
.create_task_in_context .info_header {
  padding: 8px 10px;
  border-bottom: 1px solid #d4d8db;
  display: flex;
  align-items: center;
  position: relative;
  height: 36px;
  flex-direction: row;
}
.create_task_in_context .info_inner {
  display: inline-flex;
  align-items: center;
  width: auto;
}
.create_task_in_context .info_header .info_inner .info_text {
  width: 100%;
}
.create_task_in_context .create_task_form_scroller {
  height: calc(100vh - 760px);
  overflow: auto;
}
.create_task_in_context .create_new_task_row {
  overflow: auto;
  max-height: 120px;
  word-break: break-word;
}
.create_task_in_context .assignee-div.assignee-cv-div span.dropdown_ctrl-icon {
  display: none;
}
.create_task_in_context
  .create_task_input_wrap
  .rcl.preview_pane_header_ctrl.task_creation_tagging.no-padding
  .project-icon.dropdown
  .dropdown_ctrl-icon {
  display: none;
}
.create_task_in_context .project-div .remove_assignee {
  height: 29px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 0 5px 0 0 !important;
}
.create_task_in_context .multi-assignee-wrapper .cp_multiple_assignee > div {
  overflow: hidden !important;
  max-width: 216px;
}
.create_task_in_context
  .project_cv_div
  .multi-assignee-wrapper
  .cp_multiple_assignee
  > div {
  max-width: 231px;
}
.task_popover_sidepanel .panel_content_wrapper {
  overflow: visible;
  height: auto;
}
.task_popover_sidepanel .wrapper-clm-bg {
  overflow: visible;
}
.task_popover_sidepanel .preview_pane_dynamic_height {
  height: auto;
}
.preview_sidepanel_main_innr_wrapper.doc_view2_active
  .full_screen_merged_capture
  .task_popover_sidepanel
  .preview_pane_scroll {
  height: auto !important;
  overflow: visible !important;
}
.task_popover_flier
  .capture-name
  textarea.title-textarea.view_detail_bug_title {
  font-size: 13px !important;
  padding: 5px 10px !important;
}
.meta_data_option_flex .capture_action_btn.in_task_flier {
  padding: 0 4px;
  background: #f5f5f7;
  cursor: pointer;
}
.meta_data_option_flex .capture_action_btn.in_task_flier > i {
  margin: 0;
}
.meta_data_option_flex .capture_action_btn.in_task_flier > span {
  display: none;
}
.task_popover_sidepanel
  .rcl.preview_pane_right_header_ctrl.delete
  .priority-icon {
  background-color: rgba(255, 133, 133, 0.19);
}
.task_popover_sidepanel
  .rcl.preview_pane_right_header_ctrl.delete
  .priority-icon:hover {
  background-color: rgba(255, 133, 133, 0.39);
  border: 0;
}
.task_popover_sidepanel
  .rcl.preview_pane_right_header_ctrl.delete
  .priority-icon
  > i {
  color: rgba(255, 0, 0, 0.48);
}
.task_popover_sidepanel .task_popover_flier_scroller {
  height: 100%;
  overflow: auto;
  display: block;
  width: 100%;
  max-height: calc(100vh - 653px);
  height: 316px;
}
.in_full_screen_merged_capture
  .task_popover_sidepanel
  .no_connected_task.in_sidepanel {
  height: 230px;
}
.doc_view_preview_pane_wrapper .capture_extra_metadata_div {
  position: relative;
}
.doc_view_preview_pane_wrapper .capture_extra_metadata_div:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  z-index: 999999;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: border 0.1s ease-in;
  -weblkit-transition: border 0.1s ease-in;
  -moz-transition: border 0.1s ease-in;
  -ms-transition: border 0.1s ease-in;
  -o-transition: border 0.1s ease-in;
}
.doc_view_preview_pane_wrapper
  .capture_extra_metadata_div.row_action_dropdown_active:before {
  border: 1px solid #0e9aef;
  background-color: rgba(182, 224, 250, 0.4);
}
.add_extra_meta_ctrl {
  position: relative;
  width: 100%;
  height: 1px;
  display: none;
  margin: 10px 0 10px 0;
  float: left;
  padding: 15px 0 0 0;
}
.add_extra_meta_ctrl:before {
  border: 1px solid rgba(209, 217, 223, 0.2);
  content: "";
  position: absolute;
  top: -1px;
  left: -30px;
  width: calc(100% + 60px);
  height: 0;
  opacity: 0;
  z-index: 0;
}
.capture_extra_metadata_div:hover .add_extra_meta_ctrl:before {
  border: 1px solid #0e9aef;
  opacity: 1;
}
.add_extra_meta_ctrl .dot_dropdown {
  position: relative;
  width: 100%;
  height: auto;
  display: inline-block;
}
.add_extra_meta_ctrl .dot_dropdown > button {
  background: 0 0;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -12px;
  left: -32px;
}
.add_new_row_button.top .add_extra_meta_ctrl .dot_dropdown > button {
  top: -30px;
  left: 8px;
}
.add_extra_meta_ctrl .dot_dropdown > button svg {
  width: 12px;
  height: 12px;
  display: inline-flex;
}
.add_extra_meta_ctrl .dot_dropdown > button * {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.add_extra_meta_ctrl .dot_dropdown.open > button svg {
  opacity: 0;
}
.add_extra_meta_ctrl .dot_dropdown > button * {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.add_extra_meta_ctrl .dot_dropdown > button i {
  color: #b9bfc6;
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  opacity: 0;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.add_extra_meta_ctrl .dot_dropdown.open > button i {
  opacity: 1;
  transform: scale(1.5);
  color: #0e9aef;
  opacity: 1;
  top: 0;
}
.add_extra_meta_ctrl .dot_dropdown > button:hover svg {
  opacity: 0;
}
.add_extra_meta_ctrl .dot_dropdown.open > button:hover i {
  transform: scale(1.5);
  color: #0e9aef;
  opacity: 1;
  top: 0;
}
.add_extra_meta_ctrl .dot_dropdown > button:hover i {
  transform: scale(1.5);
  color: #0e9aef;
  opacity: 1;
  top: 0;
}
.doc_view_architecture_ctrl .add_extra_meta_ctrl {
  display: flex;
}
.doc_view_architecture_ctrl
  .multiselect_captures_div
  .task_data_main_wrap
  .task_data_block_container {
  position: relative !important;
}
.side_notification_count_ctrl {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.side_notification_count_ctrl .notification_dot {
  top: 0;
  padding: 0;
  margin: 0 7px 0 0;
  position: relative;
}
.side_notification_count_ctrl .notification_dot .notification_circle {
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 100%;
  position: absolute;
  top: -1px;
  right: -3px;
  border: 1px solid #fff;
}
.side_notification_count_ctrl .notification_dot svg {
  width: 11px;
  height: auto;
}
.side_notification_count_ctrl .notification_dot svg * {
  fill: rgba(123, 126, 132, 0.78);
}
.side_notification_count_ctrl:hover .notification_dot svg * {
  fill: rgba(123, 126, 132, 1);
}
.side_notification_count_ctrl .sec_notification_count {
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 11px;
}
.side_notification_count_ctrl .sec_notification_count .count {
  top: auto;
  right: auto;
  position: relative;
  width: auto;
  height: auto;
  border-radius: 0;
  line-height: normal;
  font-weight: 400;
  text-align: left;
  color: #000;
  font-size: 12px;
  margin: 0 2px 0 0;
}
.add_feature_bg .indicator_ribbon {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  z-index: 99;
}
.line_highlighter {
  content: "";
  position: absolute;
  top: -5px;
  left: -60px;
  width: calc(100% + 120px);
  height: 1px;
  opacity: 1;
  z-index: 9;
  background-color: rgb(209 217 223 / 37%);
  display: inline-block;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.line_highlighter:hover {
  background-color: rgb(209 217 223 / 37%) !important;
}
.capture_doc_view_main_heading {
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding-bottom: 5px;
}
.capture_doc_view_main_heading .capture_name {
  color: #08598a;
  font-size: 17px;
  font-weight: 700;
}
.capture_doc_view_main_heading .arrow_icon {
  color: #000;
  font-size: 18px;
}
.add_extra_meta_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text.dropdown-right.margin-left_0 {
  left: -22px;
}
.add_extra_meta_ctrl .dot_dropdown:hover .line_highlighter {
  background-color: #0e9aef;
}
.add_extra_meta_ctrl .dot_dropdown.open .line_highlighter {
  background-color: #0e9aef;
}
.add_extra_meta_ctrl .dot_dropdown:hover > button svg {
  opacity: 0;
}
.add_extra_meta_ctrl .dot_dropdown:hover > button i {
  transform: scale(1.5);
  color: #0e9aef;
  opacity: 1;
  top: 0;
}
.doc_view_architecture_ctrl .image_preview_height_ctrl {
  max-height: none;
}
.capture_merge_main_heading_h1 {
  padding: 5px 10px 5px 23px;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  font-weight: 600;
}
.doc_header_sec_ctrl {
  display: flex;
  align-items: baseline;
  position: relative;
}
.doc_header_sec_ctrl:hover > .arrow_icon {
  opacity: 1;
}
.arrow_icon.doc_section_collapsible {
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  border-radius: 2px;
  cursor: pointer;
  margin: 2px 5px 0 0;
  opacity: 1;
}
.arrow_icon.doc_section_collapsible:hover {
  background-color: #ebebed;
}
.arrow_icon.doc_section_collapsible i {
  color: #606060;
  opacity: 0.7;
}
.arrow_icon:hover.doc_section_collapsible i {
  color: #676a6c;
}
.task_data_block_container:hover .arrow_icon.doc_section_collapsible {
  opacity: 1;
}
.arrow_icon.doc_section_collapsible.keep_visible {
  opacity: 1;
}
.arrow_icon.doc_section_collapsible.keep_visible > i {
  color: #676a6c;
}
.add_new_row_button .add_extra_meta_ctrl .dot_dropdown > button {
  top: -5px;
  left: 5px;
}
.capture_extra_metadata_div .add_new_row_button .add_extra_meta_ctrl:before {
  display: none;
}
.add_new_row_button .add_extra_meta_ctrl .dot_dropdown > button i {
  opacity: 1;
}
.add_new_row_button .add_extra_meta_ctrl .dot_dropdown > button i {
  opacity: 0;
  padding: 0;
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  left: -13px;
  top: 4px;
  font-size: 9px;
}
.add_new_row_button.top .add_extra_meta_ctrl .dot_dropdown > button i {
  top: -8px;
}
.capture_extra_metadata_div .table_actions .open_table_dropdown > i {
  font-size: 11px;
  color: #8e8e8e;
  opacity: 0.7;
}
.capture_extra_metadata_div.row_action_dropdown_active
  .table_actions
  .open_table_dropdown
  > i {
  color: #fff;
}
.capture_extra_metadata_div .row_ctrl.three_dot_click_handler.in_doc {
  right: 0;
  width: 22px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  left: auto;
}
.capture_extra_metadata_div
  .row_ctrl.in_doc
  .table_actions
  .open_table_dropdown {
  left: auto;
}
.capture_extra_metadata_div .table_actions .open_table_dropdown > i {
  font-size: 11px;
  color: #8e8e8e;
  opacity: 0.7;
}
.capture_extra_metadata_div .row_ctrl.three_dot_click_handler.in_doc {
  right: 0;
}
.doc_view_preview_pane_wrapper .capture_extra_metadata_div:hover i {
  opacity: 1;
}
.capture_extra_metadata_div:hover
  .add_new_row_button
  .add_extra_meta_ctrl
  .dot_dropdown
  > button
  i {
  opacity: 1;
}
.drag_handle_soc_sections {
  position: absolute;
  left: -14px;
  top: 3px;
  bottom: 0;
  margin: auto;
  display: inline-flex;
  width: 14px;
  height: 18px;
  opacity: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.drag_handle_soc_sections:hover {
  background-color: #ebebed;
}
.drag_handle_soc_sections svg {
  width: 14px;
  height: 14px;
  fill: #465369;
  opacity: 0.7;
}
.capture_extra_metadata_div:hover .drag_handle_soc_sections {
  opacity: 1;
}
.capture_document_repeted_row.description:hover .drag_handle_soc_sections {
  opacity: 1;
}
.capture_document_repeted_row.description:hover .add_new_row_button {
  opacity: 1;
}
.row_ctrl.in_doc {
  opacity: 0;
  right: -12px;
  left: auto;
}
.row_ctrl.in_doc .table_actions {
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100%;
}
.row_ctrl.in_doc .table_actions .open_table_dropdown {
  top: auto;
  left: 0;
  border-radius: 0;
  background-color: transparent;
}
.table_actions.open .open_table_dropdown {
  background-color: #0e9aef;
}
.table_actions_ul.dropdown-menu {
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
}
.table_actions .open_table_dropdown > i {
  font-size: 5px;
  color: #465369;
  opacity: 0.7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.doc_view_preview_pane_wrapper
  .capture_extra_metadata_div:hover
  .row_ctrl.in_doc {
  opacity: 1;
}
.row_ctrl.in_doc .table_actions_ul.dropdown-menu a i {
  color: #7e8187;
  margin-right: 7px;
  font-size: 12px;
}
.row_ctrl.in_doc .table_actions_ul.dropdown-menu a i.fa.fa-trash {
  color: #ee5757 !important;
}
.save_sub_capture {
  padding-left: 5px;
  display: inline-flex;
  align-items: flex-end;
}
.doc_header_sec_ctrl.main_heading .merged_capture_parent {
  background-color: #fff;
  border: 0;
  box-shadow: none;
  width: 100%;
  display: flex;
  padding-right: 10px;
}
.doc_header_sec_ctrl.main_heading
  .merged_capture_parent:hover
  .arrow_icon.doc_section_collapsible {
  opacity: 1;
}
.doc_header_sec_ctrl.main_heading .merged_capture_parent .capture-name-header {
  padding: 0;
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding-bottom: 5px;
  display: inline-flex;
}
.doc_header_sec_ctrl.main_heading
  .merged_capture_parent
  .capture-name-header
  > span {
  color: #353535;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  margin-right: 3px;
}
.doc_header_sec_ctrl.main_heading .capture-name-header .capture-name {
  color: #08598a;
  font-size: 17px;
  font-weight: 700;
}
.merged_capture_parent.new_merge_heading_in_standard_view {
  display: flex;
  background-color: #f5f5f7;
  align-items: baseline;
  border: 0;
  box-shadow: none;
  padding: 15px 21px 0 12px;
}
.new_merge_heading_in_standard_view.merged_capture_parent .capture-name-header {
  padding: 0;
  width: 100%;
}
.new_merge_heading_in_standard_view.merged_capture_parent
  .capture-name-header
  > span {
  color: #353535;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 3px;
  display: inline-flex;
  line-height: 18px;
}
.merged_capture_parent.new_merge_heading_in_standard_view:hover
  .arrow_icon.doc_section_collapsible {
  opacity: 1;
}
.in_card_box .line_highlighter {
  width: calc(100% + 52px);
  left: -37px;
}
.in_card_box .add_extra_meta_ctrl:before {
  display: none;
}
.doc_view_architecture_ctrl .task_data_block_container > .add_new_row_button {
  left: 16px;
  bottom: -5px;
}
.doc_view_architecture_ctrl
  .task_data_block_container:hover
  > .add_new_row_button {
  opacity: 1;
}
.doc_view_architecture_ctrl
  .capture_and_metadata_options_ctrl_innr:hover
  .add_new_row_button {
  opacity: 1;
}
.add_new_row_button.keep_hidden {
  opacity: 0 !important;
}
.selectedDraggableCapture.data_draggedd_in_row {
  display: none;
}
body[style*="cursor: move;"]
  .doc_view_preview_pane_wrapper
  .capture_extra_metadata_div:hover:before {
  display: none;
}
body[style*="cursor: move;"]
  .doc_view_preview_pane_wrapper
  .capture_extra_metadata_div:hover
  .row_ctrl.in_doc {
  display: none;
}
body[style*="cursor: move;"]
  .capture_extra_metadata_div:hover
  .drag_handle_soc_sections {
  display: none;
}
body[style*="cursor: move;"]
  .capture_extra_metadata_div:hover
  .add_new_row_button {
  display: none;
}
body[style*="cursor: move;"]
  .task_data_block_container:hover
  .arrow_icon.doc_section_collapsible {
  display: none;
}
body[style*="cursor: move;"]
  .doc_view_architecture_ctrl
  .task_data_block_container:hover
  > .add_new_row_button {
  display: none;
}
.table_actions_ul.dropdown-menu.row_action_dropdown {
  width: 199px;
  height: auto;
  bottom: auto;
}
.table_actions_ul.dropdown-menu.row_action_dropdown a i {
  color: #7e8187;
  margin-right: 7px;
  font-size: 12px;
}
.table_actions_ul.dropdown-menu.row_action_dropdown a i.fa-trash {
  color: #ee5758;
}
.row_action_dropdown_active .row_ctrl.in_doc {
  opacity: 1;
  background-color: #0e9aef;
}
.row_action_dropdown_active .table_actions .open_table_dropdown > i {
  color: #fff;
  opacity: 1;
}
.doc_header_sec_ctrl.main_heading
  .merged_capture_parent
  .capture-name-header
  textarea.title-textarea.view_detail_bug_title {
  background-color: transparent;
  border: 0;
  padding: 0 !important;
  line-height: 19px;
  height: 20px !important;
}
.multiselect_captures_div {
  position: relative;
  transition: all NaNs ease-in;
  -webkit-transition: all NaNs ease-in;
  -moz-transition: all NaNs ease-in;
  -ms-transition: all NaNs ease-in;
  -o-transition: all NaNs ease-in;
}
.parent .multiselect_captures_div {
  padding: 0 !important;
}
.outline_draggable_captures {
  display: grid;
  padding: 21px 36px 21px 44px !important;
}
.has_no_merged_captures .multiselect_captures_div {
  padding: 21px 24px 21px 25px;
}
.full_screen_separate_capture_innr .outline_draggable_captures {
  padding: 21px 24px 21px 25px !important;
}
.doc_header_sec_ctrl:after {
  content: "";
  height: calc(100% + 30px);
  width: 1px;
  background-color: rgb(209 217 223 / 37%);
  display: inline-block;
  left: -26px;
  position: absolute;
  top: -16px;
}
.multiselect_captures_div.in_card_box:after {
  display: none;
}
.list_header .list_header_inner_left h4.tag_assignee_data_active {
  background-color: #f5f5f7;
  border: 1px solid #e9e9eb;
  border-radius: 3px;
  padding: 4px 5px !important;
  position: relative;
  overflow: visible !important;
  display: flex !important;
  align-items: center;
}
.tag_assignee_data_active svg {
  width: 12px;
  height: auto;
  display: inline-flex;
  margin-right: 3px;
}
h4.tag_assignee_data_active i.remove {
  color: #676a6c;
  font-size: 9px;
  margin-left: 5px;
  padding: 0;
  position: absolute;
  top: -3px;
  right: -5px;
}
.tag_assignee_data_active .sidebar_assignee_initial {
  margin: 0;
}
.tag_assignee_data_active .sidebar_assignee_initial {
  margin: 0;
  width: 16px;
  height: 16px;
  font-size: 9px;
  margin-right: 3px;
}
h4.tag_assignee_data_active .data_ctrl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 120px;
  line-height: 20px;
}
.merged_capture_parent.in_card_box .arrow_icon.doc_section_collapsible {
  opacity: 1;
}
.task_name_text.capture_name_on_top {
  color: #353535;
  font-size: 16px;
  font-weight: 600;
  padding-right: 0;
  overflow: hidden;
  width: auto;
  text-overflow: ellipsis;
  display: flex;
  max-width: calc(100% - 40px);
  border: 1px solid transparent;
  transition: ease all 0.2s;
  border-radius: 3px;
  -webkit-transition: ease all 0.2s;
  -moz-transition: ease all 0.2s;
  -ms-transition: ease all 0.2s;
  -o-transition: ease all 0.2s;
  padding: 2px 5px;
  cursor: pointer;
  height: 23px;
}
.task_creation_tag_common_btn .due-time.estimate_time_dropdown_ctrl {
  width: 100%;
}
.task_creation_tag_common_btn .remove_assignee.remove_project.remove_due_date {
  opacity: 0;
}
.task_creation_tag_common_btn
  .schedule_calendar_ctrl:hover
  .remove_assignee.remove_project.remove_due_date {
  opacity: 1;
}
.task_creation_tag_common_btn .schedule_calendar_ctrl {
  width: 100%;
}
.task_creation_tag_common_btn
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text {
  padding: 0;
}
.task_creation_tag_common_btn
  .due-date.schedule_calendar_ctrl
  .due_date_present
  .selected_due_date_span {
  width: 100%;
}
.task_creation_tag_common_btn .estimate_timer_default_text .estimate_icon_bg {
  background: 0 0;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 5px;
}
.task_creation_tag_common_btn
  .due-time.estimate_time_dropdown_ctrl
  .estimate_timer_default_text
  .btn.estimate_time_anchor {
  font-weight: 400;
}
.listing_in_list_view .splitter_pane_inner {
  border-top: 0;
}
.listing_in_list_view .splitter_pane_inner.active_panel {
  border-top: 1px solid #0e9aef;
  position: relative;
}
.listing_in_list_view .splitter_pane_inner.active_panel:after {
  content: "";
  position: absolute;
  border-top: 4px solid #0e9aef;
  width: 100%;
  top: -1px;
  left: 0;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  z-index: 99;
}
.active_panel .panel_label {
  background-color: #0e9aef;
  color: #fff;
}
.gf_details_button_right.active {
  display: flex;
}
.gf_details_button_right.active .task_action_icon_ctrl > i {
  color: #676a6c;
}
.rc-banner .ql_banner {
  font-size: 16px;
  padding: 6px 12px !important;
  display: inline-block;
  width: 100%;
  min-height: 34px;
  max-height: 500px;
  overflow: auto;
}
.task_data_ctrl_left.capture_name_top_main_header .task_name_text {
  font-size: 15px;
  color: #353535;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}
.task_data_ctrl_left.capture_name_top_main_header input.task_name_text {
  border: 0;
  padding: 0;
  width: 100%;
}
.capture_name_top_main_header .arrow_icon.doc_section_collapsible {
  opacity: 1;
}
.task_data_block_container .task_data_ctrl_left.capture_name_top_main_header {
  cursor: default;
}
.capture_metadata_in_side_panel
  .metadata_option_ctrl
  .priority-icon.dropdown.in_list_view.add_capture_prority_dropdown_popup_button
  a
  .flag_svg,
.capture_metadata_in_side_panel
  .metadata_option_ctrl.toggle-chevron
  .estimate_timer_default_text
  .estimate_icon_bg {
  margin-left: 0;
  align-items: center;
  text-align: center;
  justify-content: center;
  left: -36px !important;
  position: absolute;
  display: inline-flex;
}
.capture_metadata_in_side_panel .field_with_label label {
  top: 8px;
  margin: 0;
  left: 35px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.capture_metadata_in_side_panel .field_with_label label {
  top: 8px;
  margin: 0;
  left: 35px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  font-size: 11px;
  border-radius: 6px;
}
.conversation_preview_pane_main_wrapper .add_capture_btn.fancy_line:before {
  right: 31%;
}
.conversation_preview_pane_main_wrapper .add_capture_btn.fancy_line:after {
  left: 31%;
}
.conversation_preview_pane_main_wrapper .add_capture_btn.fancy_line:after,
.conversation_preview_pane_main_wrapper .add_capture_btn.fancy_line:before {
  width: calc(15% - 0px);
}
.collapse_expand_details {
  cursor: pointer;
  margin-left: 3px;
  padding: 0 5px;
  border-radius: 3px;
}
.collapse_expand_details:hover {
  background: #ebebed;
}
.collapse_expand_details i {
  font-size: 10px;
}
.file_uploader_ctrl {
  margin-top: 10px;
  background-color: #fff;
  border: 1px solid #dce1e6;
  border-radius: 6px;
  padding: 0;
  min-height: 42px;
}
.file_uploader_ctrl_innr {
  align-items: center;
  padding: 6px 10px;
  position: relative;
  display: flex;
  min-height: 42px;
}
.upload_percentage {
  margin-right: 5px;
  font-weight: 600;
  font-size: 14px;
  color: #333;
}
.file_uploader_ctrl_innr .file_upload_completed_label_text {
  margin-left: auto;
}
.capture_upload_inner {
  display: block;
  width: 100%;
  padding: 0 0 5px 0;
}
.individual_upload_ctrl {
  display: flex;
  position: relative;
  align-items: center;
  padding: 2px 0 2px 10px;
  border: 1px solid #dce1e6;
  border-bottom: 0;
  min-height: 34px;
}
.capture_upload_scroll .individual_upload_ctrl:last-child {
  border-bottom: 1px solid #dce1e6;
}
.individual_upload_ctrl .capture_file_icon {
  margin-right: 10px;
  display: inline-flex;
}
.capture_file_icon svg {
  width: 17px;
  height: auto;
}
.individual_upload_ctrl .capture_information_ctrl {
  align-items: center;
  display: inline-flex;
  color: #262626;
  font-size: 12px;
  line-height: 22px;
}
.capture_information_inner {
  display: inline-flex;
}
.individual_upload_ctrl .close_icon_ctrl {
  margin-left: auto;
  width: 30px;
  height: 30px;
  text-align: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.size_limit_validation + .close_icon_ctrl {
  margin-left: 0;
}
.individual_upload_ctrl .close_icon_ctrl svg {
  width: 25px !important;
  height: auto !important;
  fill: #ed4758;
}
.file_upload_elements {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
}
.file_uploader_ctrl_innr .progress {
  height: 4px !important;
}
.select_task_in_modify_entry {
  left: -366px !important;
  top: -4px !important;
  transform: none !important;
  position: fixed;
  right: 100% !important;
  min-width: 366px;
  max-width: 366px;
  display: none;
}
.tagDropdownModifyEntry .tags_list {
  max-height: 335px;
}
.select_task_in_modify_entry
  .count_task_view_dropdown_inner
  .task_wrap_bg_ctrl {
  height: 340px;
}
.connect-task-div.dropdown.open .select_task_in_modify_entry {
  display: block !important;
}
input.clickShowTaskInput {
  cursor: pointer;
  padding-right: 30px !important;
}
.folder_dropdown_md.common_innr_dropdown {
  min-width: 346px;
  max-width: 346px;
}
.folder_dropdown_md .assignee_list {
  max-height: 240px;
}
.breadcrumbs_header_ctrl .four_column.sorting_dropdown {
  padding: 0 2px 0 5px;
  align-items: center;
  display: inline-flex;
  background: 0 0 !important;
  border: 0 !important;
}
.breadcrumbs_header_ctrl .four_column.sorting_dropdown i {
  font-size: 9px;
  color: #7b7e84;
}
.breadcrumb_pill_ctrl {
  display: inline-flex;
  float: left;
  background-color: transparent;
  border-radius: 0;
  line-height: 18px;
  align-items: center;
}
.breadcrumb_pill_ctrl.dropdown_active {
  background-color: #f5f5f7;
}
.breadcrumbs_header_ctrl span.caret_icon {
  margin: 0;
  padding: 12px 6px;
  display: inline-flex;
  float: left;
  align-items: center;
  position: relative;
  top: 0;
  border-radius: 0;
  height: 22px;
}
.breadcrumbs_header_ctrl span.caret_icon > i {
  top: 0;
  color: #949fb1;
  font-size: 10px;
  padding-right: 0;
  opacity: 1;
}
.breadcrumbs_header_ctrl span.caret_icon:hover {
  background-color: #f5f5f7;
}
.breadcrumbs_header_ctrl span.caret_icon.active_menu {
  background-color: #f5f5f7;
}
.breadcrumbs_header_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:before {
  left: 13px;
}
.breadcrumbs_header_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text.arrow_box_top:after {
  left: 13px;
}
.breadcrumbs_header_ctrl .dropdown-menu {
  left: 0;
  right: auto !important;
}
.breadcrumbs_header_ctrl
  .innertTextContent.cp_task_name.editable_content.teams_folder {
  margin: 0 !important;
  display: inline-flex;
  border: 0;
  background: #fff;
  color: #333;
  width: calc(100% - 20px);
  flex: none;
  position: static;
  top: 7px;
  left: 10px;
  padding: 12px 10px 12px 0 !important;
  font-weight: 600;
  cursor: text !important;
  height: 40px;
  top: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  white-space: nowrap;
}
.breadcrumbs_header_ctrl
  .innertTextContent.cp_task_name.editable_content.teams_folder:focus {
  border: 0 !important;
}
i.group_folder_icon {
  margin-right: 5px;
  color: #7b7e84;
}
.panel_label {
  position: absolute;
  top: -8px;
  left: 9px;
  background-color: #f5f5f7;
  color: #343434;
  font-size: 10px;
  font-weight: 600;
  padding: 0 4px;
  border-radius: 2px;
}
.add_row_block {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  margin-left: -23px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -webkit-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -moz-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -ms-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
  -o-transition:
    background 20ms ease-in 0s,
    opacity 250ms ease-in 0s;
}
.add_row_block:hover {
  background-color: #dfdddd;
}
.add_row_block > i {
  color: #8e8e8e;
  font-size: 10px;
}
.drag_row {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -24px;
  border-radius: 3px;
  opacity: 0;
  transition:
    background 20ms ease-in 0s,
    opacity 20ms ease-in 0s;
  -webkit-transition:
    background 20ms ease-in 0s,
    opacity 20ms ease-in 0s;
  -moz-transition:
    background 20ms ease-in 0s,
    opacity 20ms ease-in 0s;
  -ms-transition:
    background 20ms ease-in 0s,
    opacity 20ms ease-in 0s;
  -o-transition:
    background 20ms ease-in 0s,
    opacity 20ms ease-in 0s;
}
.capture_extra_metadata_div:hover .drag_row {
  opacity: 1;
}
.drag_row svg {
  width: 13px;
  height: 13px;
  fill: #8e8e8e;
}
.drag_row:hover {
  background-color: #dfdddd;
}
.drag_row:hover svg {
  fill: #333333;
}
.add_row_block:hover > i {
  color: #676a6c;
}
.doc_view_architecture_ctrl
  .capture_and_metadata_options_ctrl_innr:hover
  .add_row_block,
.doc_view_architecture_ctrl
  .capture_and_metadata_options_ctrl_innr:hover
  .compact_quick_option_in_row {
  opacity: 1;
}
.doc_view_architecture_ctrl .capture_extra_metadata_div:hover .add_row_block {
  opacity: 1;
}
.capture_and_metadata_options_ctrl_innr:hover .add_row_block {
  opacity: 1;
}
.capture_extra_metadata_div:hover .add_row_block {
  opacity: 1;
}
body.dragging_enabled .child_element:hover,
body.dragging_enabled .parent_element:hover {
  background: 0 0;
}
.drag_from_bar li {
  list-style-type: none;
  border: 1px solid rgba(194, 197, 198, 0.6);
  box-shadow: 0 1px 9px rgb(0 0 0 / 30%);
  width: 272px;
  height: 37px;
  border-radius: 4px;
  display: inline-block;
  align-items: center;
  justify-content: left;
  padding: 8px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
}
.drag_from_bar .task_draggable_number {
  display: none;
}
.drag_from_bar li svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
  top: 3px;
  position: relative;
}
body.dragging_enabled .parent_element:hover .task_draggable_number {
  display: none;
}
.dragging_enabled
  .parent_element:hover
  .three_dot_dropdown_ctrl.in_merged_outline_menu {
  display: none;
}
body.dragging_enabled
  .task_data_block_container:hover
  .arrow_icon.doc_section_collapsible {
  opacity: 0;
}
body.dragging_enabled
  .doc_view_architecture_ctrl
  .capture_doc_preview_panel_section:hover
  .cq_option_absolute {
  opacity: 0 !important;
}
body.dragging_enabled .add_row_block {
  opacity: 0 !important;
}
body.dragging_enabled
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:hover
  .row_ctrl.three_dot_click_handler.in_doc {
  opacity: 0 !important;
}
.capture_extra_metadata_div .ql-editor {
  word-break: break-word;
}
.add_capture_dropdown_widget.in_preview_area {
  align-items: center;
  display: flex;
  cursor: pointer;
  color: #0e9aef;
  font-weight: 600;
  font-size: 13px;
}
.add_capture_dropdown_widget.in_preview_area i {
  margin-right: 7px;
  color: #fff;
  font-size: 12px;
  background-color: #0e9aef;
  border-radius: 100%;
  padding: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  font-weight: 600;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.browser_btn.in_new_card {
  background-color: #0e9aef;
  padding: 5px 5px;
  color: #fff;
  border-radius: 3px;
  font-weight: 600;
  width: 100%;
  display: block;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 14px;
  border: 0;
  justify-content: center;
}
.browser_btn.in_new_card:hover {
  background-color: #1a7bb9;
}
.capture_support_info {
  color: rgba(55, 53, 47, 0.6);
  font-size: 12px;
}
.url_upload_form.in_new_card input.form-control {
  height: 25px;
  font-size: 12px;
  margin-bottom: 10px;
}
.url_upload_form .modal-footer.add_url_footer_ctrl {
  border: 0;
  padding: 0;
  display: block;
}
.url_upload_form.in_new_card {
  padding: 20px 20px 20px 20px;
}
.url_upload_form.in_new_card .add_url_inner_content_wrap {
  padding: 0 !important;
}
.folder-selected-list-header-dropdown.arrow_box_top:before {
  left: 9px;
}
.folder-selected-list-header-dropdown.arrow_box_top:after {
  left: 9px;
}
.content_structure_inner .dropdown-menu {
  box-shadow:
    rgba(15, 15, 15, 0.05) 0 0 0 1px,
    rgba(15, 15, 15, 0.1) 0 3px 6px,
    rgba(15, 15, 15, 0.2) 0 9px 24px;
  min-width: 382px;
}
.capture_card_content_structure {
  width: 100%;
}
.full_area_width {
  width: 100%;
  display: block;
}
.upload_msg_ctrl {
  display: flex;
}
.capture_upload_final_state {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.upload_processing_label {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  padding: 3px 0;
  display: inline-flex;
  align-items: center;
}
.img_caption {
  width: 100%;
  display: inline-block;
  position: relative;
  float: left;
  margin: 10px 0 0 0;
}
.img_caption input::placeholder {
  color: rgba(55, 53, 47, 0.6);
  font-style: italic;
}
.img_caption input {
  border: 1px solid #0e9aef;
  height: 42px;
  width: 100%;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 4px;
  color: #333;
  font-weight: 400;
}
.capture_extra_metadata_div .img_caption {
  margin: 0;
  background-color: #f5f5f7;
  padding: 8px 8px;
  border-top: 1px solid #dee0e1 !important;
}
.capture_view_outer_inner_wrap.with_background {
  background-color: rgba(182, 224, 250, 0.4);
}
.with_border .image_preview > img.view-bug-image-rcl {
  border: 1px solid #d5d5d6 !important;
}
.stretch_image .image_preview > img.view-bug-image-rcl {
  width: 100% !important;
  height: 100% !important;
}
.with_background .image_preview > img.view-bug-image-rcl {
  max-width: 60% !important;
}
.with_background.stretch_image .image_preview > img.view-bug-image-rcl {
  max-width: 65% !important;
}
.stretch_image .image_preview_height_ctrl {
  max-height: 100% !important;
}
.tune_dropdown_on_capture.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li
  .compact_ui {
  transform: scale(0.8);
}
.tune_dropdown_on_capture.custom_quick_option_dropdown
  .Add-custom-field-div
  ul.custom-filed-list
  li {
  min-height: 25px;
}
.capture_extra_metadata_div .note_capture_active .ql-editor {
  min-height: 160px;
  max-height: 160px;
  overflow: auto;
  padding: 0;
}
.outline_tree_menu_innr .menu_ul_li_child_innr.is-hoveringAbove:before {
  content: "";
  background-color: #0e9aef;
  height: 2px;
}
.outline_tree_menu_innr .menu_ul_li_child_innr.is-hoveringBelow:after {
  content: "";
  background-color: #0e9aef;
  height: 2px;
}
.outline_tree_menu_innr .parent_element.is-hoveringBelow:after {
  content: "";
  background-color: #0e9aef;
  height: 2px;
}
.outline_tree_menu_innr .is-hoveringAbove:before {
  content: "";
  background-color: #0e9aef;
  height: 2px;
}
#my-tag.tag_section_in_left_sidebar
  .tree-node-inner-back
  .add_dragover_class.capture_tag_level_2
  input#newSubMyTagEditInput.add_sub_tag_editable_input.tree-input-error.sub-tag_input_active {
  border: 1px solid #f15866 !important;
  color: #f15866 !important;
}
.open .tagDropdownModifyEntry.dropdown-menu {
  display: block;
}
.add_tags_dropdown_icon_ctrl.openTagModifyEntry {
  justify-content: flex-start;
  width: 100%;
}
.openTagModifyEntry .add_tags_dropdown_icon_ctrl {
  width: 100%;
  padding: 0 10px;
  justify-content: normal;
}
.full_screen_separate_capture_innr
  .cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl {
  padding: 30px 0 !important;
}
.full_screen_separate_capture_innr
  .cv_task_list_main_weapper
  .cv_task_list_inner {
  padding: 30px 150px;
}
.show_task_detail_popup {
  -webkit-box-shadow: 0 3px 6px #0000004d;
  -moz-box-shadow: 0 3px 6px #0000004d;
  -ms-box-shadow: 0 3px 6px #0000004d;
  -o-box-shadow: 0 3px 6px #0000004d;
  box-shadow: 0 3px 6px #0000004d;
  border: 1px solid #dadee0;
  background-color: #fff;
}
.block_ctrl_innr {
  display: flex;
}
.common_image_viewer_modal .modal-dialog.modal-dialog-centered.custom-width {
  height: 100% !important;
  max-width: 100%;
  margin: 0;
}
.common_image_viewer_modal .modal-content {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: 0 0;
}
.common_image_viewer_modal .capture_name_in_modal_with_full_view_ctrl {
  background-color: #1f1f1f;
  color: #fff;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #5a5a5a;
}
.common_image_viewer_modal .attachment_header_content {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.common_image_viewer_modal .attachment_name_with_info .attachment_type_name {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 0 7px;
  border-radius: 4px;
  display: inline-block;
  max-width: 700px;
  width: auto;
  cursor: pointer;
  height: 25px;
  line-height: 23px;
}
.common_image_viewer_modal
  .attachment_name_with_info
  .attachment_type_name:hover {
  background-color: #464646;
}
.common_image_viewer_modal
  .attachment_modal_popup_fade_in
  .close_preview_pane_modal {
  position: relative;
  display: inline-flex;
  margin: 0;
}
.common_image_viewer_modal
  .attachment_modal_popup_fade_in
  .close_preview_pane_modal
  svg {
  fill: #ffffff;
  opacity: 1;
}
.common_image_viewer_modal .close_preview_pane_modal:hover svg {
  fill: #333333;
}
.common_image_viewer_modal .full_modal_popup_for_capture {
  border-radius: 0 !important;
  background-color: rgba(29, 29, 29, 0.65) !important;
  height: calc(100% - 72px);
  padding: 0;
  text-align: center;
  justify-content: center;
}
.common_image_viewer_modal
  .full_modal_popup_for_capture
  .image_preview.in_modal {
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  min-height: 100%;
  padding: 0;
  width: auto;
  height: auto;
}
.common_image_viewer_modal {
  padding: 0 !important;
  display: block;
  -webkit-transform: translateY(100%) scale(0.98);
  -ms-transform: translateY(100%) scale(0.98);
  transform: translateY(100%) scale(0.98);
  -webkit-transition:
    opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    -webkit-transform 0.2s ease;
}
.common_image_viewer_modal.in {
  transform: translateY(0) scale(1);
  transition:
    opacity 0.2s ease,
    transform 0.3s ease;
  transition-delay: 0.2s;
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
  -webkit-transition:
    opacity 0.2s ease,
    -webkit-transform 0.3s ease;
  transition:
    opacity 0.2s ease,
    -webkit-transform 0.3s ease;
  transition:
    opacity 0.2s ease,
    transform 0.3s ease;
  transition:
    opacity 0.2s ease,
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.capture_full_image_btn {
  display: inline-flex;
  align-items: center;
  margin: 0 15px 0 auto;
}
.cfib_elem {
  font-weight: 400;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  margin: 0 5px 0 0;
  align-items: center;
  display: inline-flex;
  min-height: 33px;
}
.cfib_elem span {
  margin-left: 7px;
}
.cfib_elem:hover {
  background-color: #464646;
}
.common_image_viewer_modal .user_name {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
}
.common_image_viewer_modal .attachment_time {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.common_image_viewer_modal .attachment_name_with_info {
  display: flex;
  flex-direction: column;
}
.common_image_viewer_modal
  .attachment_header_content
  .attachment_name_with_info
  .time-count {
  padding: 0 7px;
}
.common_image_viewer_modal
  .attachment_name_with_info
  .attachment_type_name
  .edit_in_card {
  width: auto;
  white-space: normal;
  text-overflow: unset;
  overflow: unset;
  margin: 0;
  padding: 3px;
}
.common_image_viewer_modal
  .attachment_name_with_info
  .attachment_type_name
  .edit_in_card
  i {
  opacity: 1;
}
.common_image_viewer_modal
  .attachment_name_with_info
  .attachment_type_name
  .edit_in_card:hover {
  background: 0 0;
}
.common_image_viewer_modal
  .attachment_name_with_info
  .attachment_type_name:hover
  .edit_in_card {
  opacity: 1;
}
.common_image_viewer_modal .devider {
  border-right: 1px solid #5a5a5a;
  width: 1px;
  height: 30px;
  display: inline-flex;
  margin-right: 15px;
  margin-left: 10px;
}
.cfib_elem svg {
  width: 13px;
  display: inline-flex;
}
.common_image_viewer_modal img {
  max-width: 100% !important;
}
.common_image_viewer_modal.in img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  flex: 0 1 auto;
}
.image_preview.in_modal.magnify_active {
  overflow: hidden;
  position: relative;
  min-height: auto !important;
  margin: auto !important;
  display: inline-flex !important;
  padding: 0 !important;
  flex: none !important;
  flex-direction: none !important;
}
.image_preview.in_modal.magnify_active img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
  transition: transform NaNs ease-in;
  -webkit-transition: transform NaNs ease-in;
  -ms-transition: transform NaNs ease-in;
  -moz-transition: transform NaNs ease-in;
  -o-transition: transform NaNs ease-in;
}
.comments_activity_ctrl.common_section {
  border: 0;
}
body.dragging_enabled .task_data_main_wrap:hover .animated_ul_in_card,
body.dragging_enabled .task_data_main_wrap:hover .cq_option_absolute,
body.dragging_enabled .task_data_main_wrap:hover .dropdown.tune_dropdown_ctrl {
  opacity: 0 !important;
}
body.dragging_enabled .content_structure_inner .dropdown_toggle_div:hover {
  background-color: #f5f5f7 !important;
}
.preview_pane_tabbed_panel.common_section.comments_activity_ctrl_outline_view {
  border: 0;
}
.doc_view_preview_pane_wrapper.captures_parent_group
  .multiselect_captures_div
  .task_data_main_wrap.heading_block {
  background: 0 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #c1c5cb;
}
.has_merged_captures
  .multiselect_captures_div
  .task_data_main_wrap.heading_block
  .task_data_block_container {
  padding: 10px 0 0 0 !important;
  margin-bottom: 5px;
  padding-top: 0 !important;
}
.has_merged_captures
  .multiselect_captures_div
  .task_data_main_wrap.heading_block
  .task_data_block_container
  .capture_number {
  color: #29333d;
  font-size: 14px !important;
}
.task_data_main_wrap.heading_block .in_preview_panel input.task_name_text {
  background: 0 0;
  border: 0;
  font-size: 14px;
  color: #29333d;
  top: 0;
}
.task_data_main_wrap.heading_block
  .in_preview_panel
  input.task_name_text:focus {
  border: 0;
}
.multiselect_captures_div .task_data_main_wrap.heading_block {
  background: 0 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #c1c5cb;
}
body.dragging_enabled .add_capture_btn.fancy_line,
body.dragging_enabled .cq_option_absolute,
body.dragging_enabled .dropdown.tune_dropdown_ctrl,
body.dragging_enabled ul.animated_ul_in_card {
  opacity: 0 !important;
}
body.dragging_enabled .capture_extra_metadata_div:hover .add_row_block,
body.dragging_enabled
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:hover
  .cq_option_absolute.compact_quick_option_in_row,
body.dragging_enabled
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:hover
  .row_ctrl.three_dot_click_handler.in_doc {
  opacity: 0 !important;
}
body.dragging_enabled .content_structure_inner .dropdown_toggle_div:hover {
  background-color: #f5f5f7 !important;
}
body.dragging_enabled .outline_draggable_captures {
  padding: 12px 36px;
}
body.dragging_enabled .add_capture_btn.fancy_line {
  display: none !important;
}
.capture_extra_metadata_div_main_section .draggable_placeholder_row_element {
  width: 100%;
}
.outline_draggable_captures[style*="height: 0px;opacity: 0;"] {
  height: unset !important;
  opacity: 0.4 !important;
}
.outline_draggable_captures[style*="height: 0px; opacity: 0;"] {
  height: unset !important;
  opacity: 0.4 !important;
}
.capture_extra_metadata_div[style*="height: 0px; opacity: 0;"] {
  height: unset !important;
  opacity: 0.4 !important;
}
.capture_extra_metadata_div[style*="height: 0px;opacity: 0;"] {
  height: unset !important;
  opacity: 0.4 !important;
}
.drop_over:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(182, 224, 250, 0.5);
  z-index: 9;
  border: 1px solid #0e9aef;
}
ul.inner_sidebar_ctrl.in_outline_fullView > li {
  margin: 0 0 13px 0;
}
ul.inner_sidebar_ctrl.in_outline_fullView > li > svg {
  width: 15px;
}
ul.inner_sidebar_ctrl.in_outline_fullView > li:hover i,
ul.inner_sidebar_ctrl.in_outline_fullView > li:hover svg {
  opacity: 1;
}
ul.inner_sidebar_ctrl.in_outline_fullView > li:hover {
  background-color: rgba(182, 224, 250, 0.4);
  border: 1px solid #0e9aef;
}
ul.inner_sidebar_ctrl.in_outline_fullView > li:hover > i,
ul.inner_sidebar_ctrl.in_outline_fullView > li:hover > svg,
ul.inner_sidebar_ctrl.in_outline_fullView > li:hover > svg * {
  fill: #0e9aef !important;
  color: #0e9aef !important;
  opacity: 1;
}
.rc-heading h1 {
  font-weight: 600;
  font-size: 30px !important;
  line-height: 36px;
  margin: 10px 0 !important;
  min-height: 20px;
}
.rc-heading h2 {
  font-weight: 600;
  font-size: 25px !important;
  line-height: 35px;
  margin: 10px 0 !important;
  min-height: 20px;
}
.rc-heading h3 {
  font-weight: 600;
  font-size: 20px !important;
  line-height: 28px;
  margin: 10px 0 !important;
  min-height: 20px;
}
.default_selected_item.active_theme {
  transform: scale(1.5);
}
.plyr__control--overlaid {
  background: red;
}
.pagination_arrow_prev.active i.fas.fa-chevron-left {
  color: #fff;
}
svg#svg-sprite-youtube-symbol_color path[fill="#D9252A"] {
  fill: #d9252a !important;
}
.dropdown.toolbar_dropdown_right.open
  button.action_tools.add_screenshot_action_tools
  i {
  color: #0e9aef !important;
  opacity: 1 !important;
  fill: #0e9aef !important;
}
.dropdown.toolbar_dropdown_right.open
  button.action_tools.add_screenshot_action_tools {
  background-color: rgba(182, 224, 250, 0.4);
  border: 1px solid #0e9aef;
}
.capture_full_image_zoom_ctrl {
  display: flex;
  align-items: center;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  width: 170px;
  justify-content: center;
}
.cfib_elem svg,
.cfib_elem svg * {
  fill: #ffffff;
}
.zoom_innr_ctrl {
  display: flex;
  align-items: center;
  font-weight: 400;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  margin: 0 5px 0 0;
  min-height: 33px;
}
.zoom_innr_ctrl_btn {
  padding: 7px 11px;
  border-radius: 4px;
  text-align: center;
}
.zoom_innr_ctrl_btn:hover {
  background-color: #464646;
}
.zoom_innr_ctrl_label {
  padding: 0 8px;
  min-width: 45px;
}
.draggable_clone_ul .captured_date,
.draggable_clone_ul .count_of_merged_captures {
  display: none;
}
#add-capture-popup-dropdown-id a.svg_icn_ctrl i,
#add-capture-popup-dropdown-id a.svg_icn_ctrl svg.common_color_icon,
#add-capture-popup-dropdown-id a.svg_icn_ctrl svg.common_color_icon * {
  fill: #252222 !important;
  color: #252222 !important;
}
hr {
  border-top: 1px solid #eee !important;
}
.capture_item_vertical_bar_ul
  li.item_icon_ctrl:not(.colored_svg_icon)
  .panel_icon_position_ctrl
  svg,
.capture_item_vertical_bar_ul
  li.item_icon_ctrl:not(.colored_svg_icon)
  .panel_icon_position_ctrl
  svg
  * {
  fill: #333333 !important;
}
.capture_item_vertical_bar_ul
  li.item_icon_ctrl.active:not(.colored_svg_icon)
  .panel_icon_position_ctrl
  svg,
.capture_item_vertical_bar_ul
  li.item_icon_ctrl.active:not(.colored_svg_icon)
  .panel_icon_position_ctrl
  svg
  * {
  fill: #0e9aef !important;
}
.drive_file_ctrl {
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: auto;
  top: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  height: 166px;
  justify-content: center;
}
.drive_file_ctrl svg {
  width: 65px;
  height: auto;
  margin-bottom: 40px;
}
.drive_file_ctrl h3 {
  color: #000;
  font-size: 16px;
  margin: 5px 0;
}
.drive_file_ctrl p {
  font-size: 13px;
  margin: 5px 0;
}
.drive_file_ctrl a.btn {
  margin-top: 15px;
}
button.uppy-DragDrop-container {
  top: 0;
  left: 0;
  position: absolute;
  background: 0 0;
  border: 2px dashed #e5e5e5;
  height: 440px !important;
}
button.uppy-DragDrop-container:focus {
  box-shadow: none;
}
button.uppy-DragDrop--isDraggingOver {
  background-color: rgba(182, 224, 250, 0.2);
  border-color: #0e9aef;
}
ul.column_layout.task_listing > li.ui-draggable.ui-draggable-handle:after,
ul.column_layout.task_listing > li.ui-draggable.ui-draggable-handle:before {
  background-color: #0e9aef;
  pointer-events: none;
  margin: 0 !important;
  height: 2px !important;
}
ul.column_layout.task_listing > li.sub_capture.is-hoveringAbove:before,
ul.column_layout.task_listing > li.sub_capture.is-hoveringBelow:after {
  background-color: #0e9aef !important;
  pointer-events: none !important;
  margin: 0 !important;
  height: 2px !important;
}
ul.column_layout.task_listing > li.sub_capture.is-hoveringAbove:before {
  top: -1px !important;
}
ul.column_layout.task_listing > li.sub_capture.is-hoveringBelow:after {
  bottom: -1px !important;
}
.in_note_popup .ql-toolbar.ql-snow .ql-formats {
  border-right: 0 !important;
}
.uppy-DragDrop-label {
  color: #000;
  font-weight: 600;
  font-size: 17px !important;
  cursor: text;
  z-index: 9999999;
  position: relative;
  margin-top: 170px !important;
}
.uppy-DragDrop-inner svg.uppy-c-icon.uppy-DragDrop-arrow {
  display: none;
}
.uppy-DragDrop-inner {
  background: url(/static/media/drag-and-drop.3e8b62aa.png) no-repeat center center;
}
.uppy-DragDrop-inner {
  margin: 0 !important;
  text-align: center;
  padding: 0 !important;
  line-height: 1.4;
  width: 262px;
  height: 151px;
}
.uppy-DragDrop-browse {
  color: #0e9aef;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li
  > .capture_menu_item
  a {
  color: #000 !important;
}
.setting_theme_leftside_bar
  ul.capture_fixed_menu_ul
  > li.active
  .capture_menu_item
  a {
  color: #fff !important;
}
ul.inner_sidebar_ctrl > li:hover .router_link_action .filled_icon {
  opacity: 0;
}
.trashed_item_main_ctrl {
  padding: 0 40px;
}
thead.thead_ctrl th {
  color: #333;
  font-size: 12px;
  font-weight: 600;
}
.table.trash_table_ctrl > thead.thead_ctrl > tr > th {
  border-top: 1px solid rgb(0 0 0 / 12%);
  border-bottom: 1px solid rgb(0 0 0 / 12%);
  min-height: 40px;
}
.delete-btn,
.restore-btn {
  padding: 2px 9px;
  font-size: 12px;
}
.trashed_item_type_icon > i {
  color: #7b7e84;
  font-size: 12px;
  margin-right: 5px;
}
.draggable_placeholder_row_element.in_outline {
  width: 100%;
  display: block !important;
  left: 0;
}
.draggable_placeholder_row_element.child-indent.in_outline {
  width: auto !important;
  display: block !important;
  left: 50px;
}
.draggable_placeholder_row_element {
  display: block !important;
  left: 0;
}
.draggable_placeholder_row_element.child-indent {
  display: block !important;
  left: 69px;
  width: calc(100% - 253px) !important;
}
.draggable_placeholder_row_element.child-indent.in_outline:after,
.draggable_placeholder_row_element.child-indent.in_outline:before {
  display: none;
}
.info svg {
  fill: rgba(70, 83, 105, 0.5);
  font-size: 10px;
  width: 10px;
  height: 10px;
  margin: 5px 0 0 7px;
  display: inline-flex;
  align-items: center;
}
.data_container {
  width: 100%;
}
.data_container .SplitPane.vertical {
  width: calc(100% - 45px);
  left: 0 !important;
}
.email_module_control .data_container .SplitPane.vertical {
  width: calc(100% - 7px);
  left: 0 !important;
}
.data_container .conversation_capture_list_search {
  padding: 8px 10px;
}
.data_container .conversation_capture_list_search_innr {
  width: auto;
}
.loading_task_comments {
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.loading_task_comments i {
  font-size: 16px;
  margin-right: 4px;
  display: inline-flex;
}
.quick_search.in_sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff;
  z-index: 9;
}
.quick_search_internal {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0;
}
.quick_search_internal {
  height: auto;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0;
}
.quick_search_in_folder.collapsed .quick_search_internal {
  width: 20px;
}
.quick_search_internal input {
  display: inline-flex;
  height: 40px;
  line-height: 24px;
  border: 0;
  padding: 3px 9px 3px 30px;
  width: 100%;
  font-size: 13px;
  opacity: 1;
}
svg.clear_sidebar_quick_search {
  width: 14px;
  height: 14px;
  margin: 0 12px 0 0;
  padding: 2px;
}
svg.clear_sidebar_quick_search * {
  fill: #666666;
}
.quick_search_internal i.clear-text-search-left {
  display: inline-flex;
  margin-left: auto;
  margin-right: 10px;
  color: #676a6c;
  font-size: 12px;
  opacity: 0.7;
  cursor: pointer;
}
.quick_search_internal i.clear-text-search-left:hover {
  opacity: 1;
}
.quick_search_internal i.fas.fa-search {
  display: inline-flex;
  position: relative;
  font-size: 11px;
  color: #676a6c;
  cursor: pointer;
  left: 21px;
  opacity: 0.8;
}
.quick_search.in_sidebar.collapsed .quick_search_internal i.fas.fa-search {
  left: unset;
}
.quick_search.in_sidebar.collapsed {
  background: 0 0;
  width: 40px;
  position: relative;
  margin-right: 0;
  left: auto;
  display: flex;
  align-items: center;
  margin-left: auto;
  opacity: 0;
}
.quick_search.collapsed .quick_search_internal input {
  opacity: 0;
  padding: 0;
}
.quick_search.collapsed .quick_search_internal i.clear-text-search-left {
  display: none;
}
.rdk-overlay-container.fullscreen_view_active {
  z-index: 999999999;
}
.task_has_annotation {
  align-items: center;
  display: inline-flex;
  background-color: #f5f5f7;
  width: auto;
  border: 1px solid #e9e9eb;
  border-radius: 4px;
  margin: 5px 0 0 0;
  padding: 1px 4px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
.task_has_annotation svg {
  width: 13px;
  height: 13px;
  fill: #0e9aef;
  display: inline-flex;
  margin-right: 4px;
}
.tab_data_ctrl {
  display: flex;
}
ul.left_tabbing_ul {
  display: flex;
  flex-direction: column;
  width: 200px;
  background-color: #f2f4f6;
  padding: 0;
}
.left_tabbing_ul h3 {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
}
.tab_data_ctrl h3.tab_heading {
  display: inline-flex;
  width: 100%;
  padding: 9px 10px;
  border-bottom: 1px solid #c6c6c6;
}
.tab_data_ctrl h6.tab_sub_heading {
  font-weight: 600;
  color: rgba(38, 38, 38, 0.75);
  font-size: 10px;
  padding: 3px 10px;
}
ul.left_tabbing_ul > li {
  padding: 0 5px;
}
ul.left_tabbing_ul > li button.nav-link {
  background: 0 0 !important;
  margin: 0 !important;
  width: 100%;
  font-size: 13px;
  color: #262626 !important;
  line-height: 16px;
  text-align: left;
  padding: 9px 10px;
  border-radius: 3px;
  border: 0;
}
ul.left_tabbing_ul > li button.nav-link.active {
  background-color: #0e9aef !important;
  border: 0 !important;
  color: #fff !important;
}
ul.left_tabbing_ul > li button.nav-link:hover {
  border: 0;
}
ul.left_tabbing_ul > li svg {
  width: 14px;
  height: 14px;
  margin-right: 14px;
}
ul.left_tabbing_ul > li svg * {
  fill: rgba(96, 96, 96, 1);
}
ul.left_tabbing_ul > li button.nav-link.active svg * {
  fill: rgba(255, 255, 255, 1);
}
.data_content_ctrl {
  width: 400px;
  min-height: 433px;
  height: auto;
  background-color: #fff;
}
.add_new_view_btn .dropdown-menu {
  position: absolute;
  left: auto;
  right: 0;
  top: 29px;
}
.tab_data_ctrl h6.tab_sub_heading.second {
  margin: 10px 0 0 0;
}
.tp_header_main {
  padding: 10px 20px;
}
.tp_header_box {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.tp_header_box svg {
  position: absolute;
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  top: 13px;
  left: 10px;
}
.tp_header_box input {
  padding: 5px 10px 5px 34px;
  height: 37px;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #dadce0;
}
.tp_header_box input:focus {
  border: 1px solid #0e9aef;
}
.tp_header_main p {
  color: #262626;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  padding-top: 10px;
}
.data_content_ctrl .tab-pane {
  height: 100%;
}
.data_content_ctrl .content_ctrl {
  height: 100%;
  position: relative;
}
.tp_checks {
  padding: 10px 20px;
  position: absolute;
  bottom: 50px;
  width: 100%;
}
.tp_checks .tp_checks_ctrl {
  display: inline-flex;
  align-items: center;
  margin-right: 25px;
}
.tp_checks label {
  display: inline-flex;
  margin: 0;
  align-items: center;
  font-size: 12px;
  color: #262626;
  font-weight: 400;
}
.tp_checks label input {
  margin-right: 8px;
}
.tp_footer {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 10px;
  border-top: 1px solid #e5e5e5;
}
.tp_footer button {
  width: 100%;
  display: inline-flex;
  margin: 0 7px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.embed_tabs {
  padding: 0;
}
ul.embed_tabs_ul {
  display: flex;
  align-items: center;
}
ul.embed_tabs_ul li {
  display: inline-flex;
  border: 1px solid #d5d5d6;
  border-radius: 4px;
  padding: 5px 10px;
  min-width: 35px;
  min-height: 35px;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
  cursor: pointer;
}
ul.embed_tabs_ul li:hover {
  background-color: #f8f8f8;
}
ul.embed_tabs_ul li.active {
  background-color: #0e9aef30;
  border: 1px solid #0e9aef42;
}
ul.embed_tabs_ul li svg {
  width: 14px;
  height: 14px;
}
ul.embed_tabs_ul li span {
  padding-left: 5px;
}
.embed_form input {
  padding: 5px 10px 5px 10px;
  height: 37px;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #dadce0;
  margin-bottom: 0;
}
.embed_form input:focus {
  border: 1px solid #0e9aef;
}
.embed_form textarea {
  padding: 5px 10px 5px 10px;
  height: 37px;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #dadce0;
  min-height: 60px;
}
.embed_form textarea:focus {
  border: 1px solid #0e9aef;
}
.merged_preview_loader {
  width: calc(100% - 80px);
  height: calc(100% - 40px);
  background-color: #fff;
  position: absolute;
  z-index: 999999999;
  top: 40px;
  left: 40px;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  align-items: center;
  text-align: center;
  display: flex;
  justify-content: center;
}
.is_popup_full_modal_view .merged_preview_loader {
  width: calc(100% + 45px);
  height: calc(100% + 80px);
  background-color: #fff;
  position: absolute;
  z-index: 999999999;
  top: -80px;
  left: 0;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  align-items: center;
  text-align: center;
  display: flex;
  justify-content: center;
}
.radio_ctrl {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 7px;
}
.radio_ctrl label {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin: 0;
  text-align: left;
  color: #262626;
  font-size: 12px;
  font-weight: 400;
}
.radio_ctrl label input[type="radio"] {
  margin: 0;
  width: 13px;
  height: auto;
  margin-right: 8px;
}
.embed_form input.disabled,
.embed_form textarea.disabled {
  opacity: 0.4;
}
.card_style_comment_popup .comment_placeholder_area {
  position: relative;
  bottom: 0;
  width: 100%;
  height: auto;
}
.form_ctrl .help-block {
  margin: 0;
  position: relative;
  color: #f15866;
  font-size: 13px;
  font-weight: 400;
  margin-top: 0;
}
.form_ctrl {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.embed_form input.error,
.embed_form textarea.error,
.tp_header_box input.error {
  border-color: #f15866 !important;
}
ul.embed_tabs_ul li i {
  color: #969696;
  font-size: 13px;
  display: inline-flex;
  margin: 0;
}
.white_board_capture_preview_ctrl
  .capture_view_architecture_ctrl
  > .preview_loader {
  top: -81px;
  left: 0;
  border-radius: 0;
  width: 100%;
  height: calc(100% + 81px);
}
.copy_link_notification {
  position: absolute;
  border-radius: 24px !important;
  background: rgba(21, 27, 38, 0.97) !important;
  box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%);
  color: #f6f8f9 !important;
  font-size: 12px !important;
  font-weight: 600;
  z-index: 99999999 !important;
  white-space: nowrap;
  padding: 6px 10px;
  display: none;
  min-width: 90px;
  text-align: center;
  opacity: 0.9;
  left: 20px;
  margin-left: 10px;
}
.sod_eod_edit_copy_link {
  top: -36px !important;
  left: -112px !important;
}
.initial_shot_window .dropdown_annotator {
  position: relative;
  align-items: center;
  justify-content: center;
}
.initial_shot_window .copy_link_notification {
  right: auto;
  top: 4px;
  margin-right: 0;
  margin-left: 0;
}
.initial_shot_window .copy_link_notification.image_clipboard,
.initial_shot_window .copy_link_notification.share_link {
  left: auto;
  right: 100%;
}
.rc_annotator_setting_dropdown .copy_link_notification {
  left: -207px;
}
.copy_link_notification > i {
  font-size: 13px !important;
  color: #fff !important;
  margin-right: 5px;
}
.annotator_processing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.antr_inner {
  width: 170px;
  height: 170px;
  background-color: #fff;
  border-radius: 6px;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border: 1px solid #dadce0;
}
.common_image_viewer_modal
  .full_modal_popup_for_capture
  .image_preview.in_modal.navigation_bar_active {
  height: calc(100vh - 137px) !important;
  min-height: unset !important;
}
.drag_and_upload_capture .drop_attachments_in_preview_panel_ctrl {
  height: calc(100% - 3px);
}
.drop_attachments_in_preview_panel_ctrl.attach_ui_for_list:after {
  border: 0;
}
.drop_attachments_in_preview_panel_ctrl.attach_ui_for_list:after {
  display: none;
}
.uppy-is-drag-over.drag_and_upload_capture
  .drop_attachments_in_preview_panel_ctrl {
  display: block;
}
.cl_internal {
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  border-radius: 3px;
  display: inline-flex;
}
.data_container .dual_panel_first .conversation_capture_list_search_innr {
  width: 30px;
  height: 24px;
}
.data_container
  .dual_panel_first
  .conversation_capture_list_search_innr.active {
  width: auto;
}
.data_container .dual_panel_first .conversation_capture_list_search_innr input {
  display: none;
  border: 0;
  background-color: #fff;
  z-index: 9;
}
.data_container
  .dual_panel_first
  .conversation_capture_list_search_innr.active
  input {
  display: inherit;
  width: 100%;
}
.data_container
  .dual_panel_first
  .conversation_capture_list_search_innr.active
  input::placeholder {
  color: #676a6c;
}
.list_search_filter_bar_control .conversation_capture_list_search_innr {
  width: 30px;
  height: 24px;
  position: absolute;
  border: 0;
}
.data_container .dual_panel_first .conversation_capture_list_search_innr.active,
.data_container
  .dual_panel_second
  .conversation_capture_list_search_innr.active {
  width: 100%;
  padding-right: 20px;
  height: 41px;
}
.dual_panel_first .conversation_capture_list_search_innr i,
.dual_panel_second .conversation_capture_list_search_innr i {
  top: 6px;
  z-index: 99;
}
.dual_panel_first .conversation_capture_list_search_innr i.fa-search,
.dual_panel_second .conversation_capture_list_search_innr i.fa-search {
  padding: 7px !important;
  color: #333 !important;
  font-size: 14px !important;
  margin: 0 !important;
}
.dual_panel_first .conversation_capture_list_search_innr.active i,
.dual_panel_second .conversation_capture_list_search_innr.active i {
  margin: 7px 0 0 7px;
}
.dual_panel_first
  .conversation_capture_list_search_innr
  i.clear_text_search_in_list,
.dual_panel_second
  .conversation_capture_list_search_innr
  i.clear_text_search_in_list {
  margin-left: 0;
  left: auto;
  right: 10px;
  top: 0;
}
.dual_panel_first
  .conversation_capture_list_search_innr.active
  i.clear_text_search_in_list,
.dual_panel_second
  .conversation_capture_list_search_innr.active
  i.clear_text_search_in_list {
  display: inherit;
}
.cta {
  width: 30px;
  cursor: pointer;
  position: absolute;
  transform: rotate(90deg);
  text-align: center;
  justify-content: center;
  height: 30px;
}
.cta i {
  transform: rotate(0);
  font-size: 12px;
}
.cta .arrow {
  left: 6px;
  top: 10px;
}
.arrow {
  position: absolute;
  bottom: 0;
  margin-left: 0;
  width: 12px;
  height: 12px;
  background-size: contain;
  top: 15px;
}
.segunda {
  margin-left: 6px;
}
.frame_toggle {
  display: inline-flex;
  align-items: center;
  position: relative;
}
@keyframes bounceAlpha {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  25% {
    opacity: 0;
    transform: translateX(10px) scale(0.9);
  }
  26% {
    opacity: 0;
    transform: translateX(-10px) scale(0.9);
  }
  55% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
.bounceAlpha {
  animation-name: bounceAlpha;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.arrow.primera.bounceAlpha {
  animation-name: bounceAlpha;
  animation-duration: 1.4s;
  animation-delay: 0.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.round:hover .arrow {
  animation-name: bounceAlpha;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.round:hover .arrow.primera {
  animation-name: bounceAlpha;
  animation-duration: 1.4s;
  animation-delay: 0.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.resize-capture-container {
  position: relative;
  display: inline-flex;
}
.frame_toggle.expanded .cta {
  transform: rotate(270deg);
}
.dual_panel_first
  .conversation_capture_list_search_innr.active
  i.clear_text_search_in_list {
  display: inherit;
}
.ui-resizable-resizing .rc_blank_note_inside_resizable {
  z-index: 0;
  pointer-events: auto !important;
}
.ui-resizable-resizing .ui-resizable-handle.ui-resizable-s {
  z-index: 99999 !important;
  height: 100%;
  justify-content: end;
  display: flex;
  background-position: center calc(100% - 5px);
}
.rc_blank_note_inside_resizable .note_preview.in_merge_capture {
  height: 100%;
}
.disable_add_capture.add_task_in_list_btn {
  pointer-events: none;
  opacity: 0.5;
}
.add_dropdown_in_list_ctrl.disable_add_capture {
  pointer-events: none;
  opacity: 0.5;
}
.disable_add_capture.add_task_in_list_btn {
  border: 1px solid #dadce0;
}
.outline_tree_header span.email-search-left.outline-search-disable {
  opacity: 0.7;
  pointer-events: none;
}
.two_label_folder_structure > div {
  position: relative;
}
.draggable_placeholder_row_element.child-indent.in_outline:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0e9aef;
  top: -4px;
  left: -9px;
  position: absolute;
}
.draggable_placeholder_row_element.child-indent.in_outline:after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0e9aef;
  top: -4px;
  right: -9px;
  position: absolute;
}
.outline_tree_menu_main_ctrl .draggable_placeholder_row_element.in_outline {
  width: calc(100% - 25px);
}
.outline_tree_menu_main_ctrl
  .draggable_placeholder_row_element.child-indent.in_outline {
  width: calc(100% - 60px) !important;
  left: 35px;
}
.rc-table table.rc_table_section tr td .draggable_handle {
  opacity: 0;
  background-color: #0e9aef;
  margin-left: 0;
  right: -3px !important;
  width: 5px !important;
  height: 20px !important;
  transition: opacity 0.2s linear;
}
.rc-table table.rc_table_section tr td:hover .draggable_handle {
  opacity: 1;
}
.body-right-trackduck .tab-header ul.tab-horizontal li.hash_id:hover:after {
  border: 0 !important;
}
.hash_id .panel_icon_ctrl {
  width: auto;
  font-weight: 600;
  color: #0e9aef;
  position: relative;
  top: -2px;
}
.hash_id .copy_link_notification {
  left: 60px;
  top: -2px;
}
.project-icon.in_conversation_view.folder_not_assigned {
  border: 0;
  background: 0 0;
  opacity: 0;
  transition: none;
}
.folder_not_assigned .project-icon-svg.iconbg {
  background: 0 0;
  margin: 0;
}
.folder_not_assigned .project-icon-svg.iconbg > i {
  color: #828282;
}
ul.column_layout.task_listing
  > li:hover
  .project-icon.in_conversation_view.folder_not_assigned {
  opacity: 1;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.bulk_action_active
  .folder_not_assigned.project-icon.in_conversation_view {
  background: 0 0 !important;
}
.bulk_action_active .folder_not_assigned .iconbg {
  background: 0 0 !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active
  .folder_not_assigned.project-icon.in_conversation_view {
  background: 0 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing
  li.active
  .folder_not_assigned.project-icon.in_conversation_view
  .iconbg {
  background: 0 0;
}
.active .folder_not_assigned .project-icon-svg.iconbg > i,
.bulk_action_active .folder_not_assigned .project-icon-svg.iconbg > i {
  color: #fff;
}
.folder_not_assigned:hover .project-icon-svg.iconbg > i {
  color: #0e9aef;
}
.folder_not_assigned.project-icon.in_conversation_view {
  padding: 0;
}
.annotation_meta_header {
  display: flex;
  align-items: center;
  min-height: 51px;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
}
.capture_type_icon {
  width: auto;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 6px 14px;
  padding: 0 10px;
  position: relative;
  height: 23px;
  align-items: center;
  display: inline-flex;
}
.capture_type_icon img {
  width: 22px;
  height: auto;
  display: inline-flex;
}
.annotation_meta_header .task_data_ctrl_left.in_preview_panel {
  max-width: 33%;
  width: auto;
  flex: 1 1 auto;
  width: 0;
  display: inline-flex;
  cursor: pointer;
}
.annotation_meta_header .task_data_ctrl_left > input.task_name_text {
  background: 0 0;
  border: 0;
  color: #333;
  font-weight: 600;
  font-size: 14px;
  max-width: calc(100% - 40px);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  cursor: text;
  display: inline-table;
  word-break: break-word;
}
.capture_header_in_canvas {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.annotation_meta_header
  .common_view_button.icon_ctrl_three_panel_view.copy_image_btn {
  background-color: #fff;
}
.annotation_close svg {
  width: 12px;
  height: 12px;
}
.annotation_close svg path {
  fill: #465369;
  opacity: 0.5;
}
.annotation_close:hover svg path {
  fill: #000000;
  opacity: 1;
}
.annotation_add_capture {
  margin-left: 55px;
}
.annotation_meta_header
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown {
  background: 0 0;
  border: 0;
  margin-left: 0;
}
.annotation_meta_header
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container
  .iconbg {
  background: 0 0;
}
.annotation_meta_header
  .multiselect_assignee_unique_element_ctrl
  .iconbg.iconbg_indent_ctrl
  svg,
.annotation_meta_header
  .multiselect_participant_unique_element_ctrl
  .iconbg.iconbg_indent_ctrl
  svg {
  width: 27px !important;
  height: auto !important;
}
.common_meta_option .assignee-container.dropdown {
  display: flex;
}
.common_meta_option .iconbg {
  height: 100%;
  display: inline-flex;
}
.common_meta_option .iconbg > svg .common_meta_option .iconbg > svg {
  width: 13px;
  height: 13px;
}
.common_meta_option .project-div.folder-dropdown-div.align-middle {
  display: inline-flex;
}
.assignee-div.Participant_ctrl.participant_in_table_ctrl.participant_in_annotation {
  margin-right: 0;
}
.common_meta_option.participant_in_table_ctrl .multi-assignee-wrapper {
  margin: 0;
}
.common_meta_option {
  margin: 0 5px !important;
}
.rc_annotator_setting_dropdown.copy_image_annotator {
  margin: 0 5px 0 5px !important;
}
.common_meta_option .added_tags.more_tag.inlist {
  background-color: #fff;
  padding: 4px 6px;
  border-radius: 100%;
}
.move_folder_in_annotator .project-icon.in_conversation_view {
  background-color: #fff;
}
.common_meta_option .remove_assignee i {
  color: #fff;
  opacity: 0.9;
  border: 1px solid #fff;
  font-size: 12px;
}
.color_avatar {
  padding: 15px 0;
}
.color_avatar .form-group {
  margin-bottom: 5px;
}
.color_avatar ul.ul_colorPallete {
  padding: 5px 5px;
}
.color_avatar .team_modal_icon_list {
  padding: 5px 0;
}
.space_members
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container
  .iconbg {
  background: 0 0;
  margin-right: 7px;
}
.space_members .participant_in_table_ctrl .multi-assignee-wrapper {
  margin: 0;
}
.space_members
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown {
  margin: 0;
}
.space_members .Participant_ctrl .iconbg svg {
  width: 26px !important;
  height: 26px !important;
}
.space_members .cust_label {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
  text-decoration: underline;
}
.space_members .cust_label_bold {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 600;
}
.gd-app.setup .selector-radio {
  position: relative;
  border: 1px solid transparent;
  border-radius: 6px;
  width: 500px;
  min-height: 80px;
  margin: 0 0 10px 0;
  display: flex;
}
.gd-app.setup .selector-radio .radio {
  flex: 0 0 50px;
  position: relative;
}
.gd-app.setup .selector-radio .radio .radio-btn {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #cbced2;
  position: absolute;
  top: 20px;
  right: 0;
}
.gd-app.setup .selector-radio .info-block {
  flex: 0 0 372px;
  padding: 0 15px 0 15px;
}
.gd-app.setup .selector-radio .info-block .title {
  line-height: 24px;
  color: #5e6267;
  margin: 15px 0 0 0;
  font-size: 15px;
  font-weight: 600;
}
.gd-app.setup .selector-radio .info-block .description {
  line-height: 22px;
  color: #5e6267;
  font-size: 14px;
  padding-bottom: 15px;
}
.gd-app.setup .selector-radio .right-icon {
  flex: 0 0 46px;
  display: flex;
  align-items: center;
}
.gd-btn-edit-black-18,
.gd-icon,
.ui5-todo-cb.done,
[class*=" gd-icon-"],
[class^="gd-icon-"] {
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gd-app.setup .selector-radio .right-icon .icon {
  color: #7e8898;
  font-size: 22px;
  text-align: center;
  opacity: 0.8;
}
.gd-icon-nav-users:before {
  content: "\e0dc";
}
.gd-app.setup .selector-radio.selected {
  border: 1px solid #1970ff;
  background: #fff;
}
.gd-app.setup .selector-radio.selected .radio-btn {
  background-size: cover;
  border: none !important;
}
.gd-app.setup .selector-radio .radio .radio-btn {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #cbced2;
  position: absolute;
  top: 20px;
  right: 0;
}
#add_capture_space_modal.modal .modal-header {
  padding: 18px 15px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
}
#add_capture_space_modal.modal .modal-title {
  font-weight: 600;
  font-size: 18px;
}
#add_capture_space_modal.modal .modal-title {
  font-weight: 600;
  font-size: 18px;
}
#add_capture_space_modal .custom_menu_options.color_mini_color_palette {
  display: inline-flex;
}
.color_avatar {
  padding: 15px 0;
}
#add_capture_space_modal button.close.close_bg_on_hover {
  top: auto;
}
#add_capture_space_modal .modal-footer {
  border-top: 1px solid #e5e5e5;
}
ul.space_type_ul li {
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 15px 15px;
  margin-bottom: 10px;
  cursor: pointer;
  min-height: 75px;
  margin-bottom: 10px !important;
}
ul.space_type_ul li:hover {
  border: 1px solid #e5e5e5;
}
.space_selector {
  margin-right: 15px;
}
.custom_selector {
  position: relative;
  width: 20px;
  margin-right: 20px;
}
.custom_selector > i {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  font-size: 19px;
  color: #707070;
}
.custom_selector > i {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  font-size: 19px;
  color: #707070;
}
.space_information h5 {
  line-height: 19px;
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 5px 0;
}
.space_information p {
  line-height: 17px;
  font-size: 13px;
  margin: 0;
}
ul.space_type_ul li.active {
  border: 1px solid #0e9aef;
}
.custom_selector > i.fa-check-circle {
  display: none;
}
ul.space_type_ul li.active .custom_selector > i.fa-circle {
  display: none;
}
ul.space_type_ul li.active .custom_selector > i.fa-check-circle {
  display: block;
  color: #0e9aef;
}
ul.space_type_ul {
  padding: 0;
}
.space_selector_innr {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#add_capture_space_modal ul.team_modal_icon_list.space_members {
  padding: 18px 0 0 30px;
}
.review_main_ctrl {
  padding: 0;
  display: flex;
  flex-direction: row;
}
ul.folder_type_ul li {
  padding: 5px 10px;
  margin-bottom: 10px;
  cursor: pointer;
  min-height: 35px;
  margin-bottom: 5px !important;
}
ul.folder_type_ul li.active {
  border: none;
}
.review_avatar {
  padding-right: 30px;
  padding-left: 0;
}
.initial_avatar {
  background-color: #0e9aef;
  color: #fff;
  width: 100px;
  height: 100px;
  display: inline-flex;
  border-radius: 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 53px;
  font-weight: 600;
  line-height: 70px;
}
.review_space_details {
  width: 100%;
}
.review_edit_ctrl {
  margin-bottom: 15px;
}
.review_edit_innr_ctrl {
  padding: 7px 10px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
}
.added_meta {
  color: #000;
  font-weight: 600;
}
i.edit_meta {
  color: rgb(21 27 38 / 40%);
  font-size: 11px;
  margin-left: auto;
  display: inline-flex;
  opacity: 0;
  cursor: pointer;
  padding: 5px 5px;
}
.review_edit_innr_ctrl:hover i.edit_meta {
  opacity: 1;
}
.review_edit_innr_ctrl:hover i.edit_meta {
  opacity: 1;
}
.review_edit_ctrl .custom_menu_options.color_mini_color_palette {
  align-items: center;
}
.review_edit_ctrl
  li.custom_menu_options.active
  span.populate_custom_label_email_modal.ColorPickerCell.ColorPicker-cell.icon-checked {
  transform: scale(1);
}
#add_capture_space_modal
  .review_edit_ctrl
  ul.team_modal_icon_list.space_members {
  padding: 0;
}
.review_edit_ctrl
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container.dropdown:hover {
  background: 0 0;
  border: 1px solid transparent;
}
.review_edit_ctrl
  .space_members
  .assignee-div.Participant_ctrl.participant_in_table_ctrl
  .assignee-container
  .iconbg {
  padding: 0;
  margin: 0;
}
.create_widget_entity {
  background-color: #22272f;
  border: 1px solid #191f26;
  color: #b4b5b9;
  padding: 3px 15px;
  text-align: center;
  width: calc(100% - 19px);
  margin: 5px 10px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 13px;
}
.create_widget_entity:hover {
  background-color: #48494d;
}
.small_group_parent_folder_name {
  font-size: 11px;
  color: rgb(21 27 38 / 50%);
  font-weight: 700;
  padding: 1px 3px;
  border-radius: 3px;
  margin-right: 5px;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 100px);
}
.group_label_text_limitter.child_folder_group_label_text {
  display: flex !important;
  align-items: center;
}
.collection_groupby_listing {
  margin: 0 7px 0 0;
  color: #7b7e84;
  font-size: 8px;
  display: inline-flex;
  align-items: center;
}
.capture_group_folders_list
  .group_label_text_limitter
  i.collection_groupby_listing {
  margin: 0 5px 0 0;
}
.space_steps_hint_ctrl {
  position: absolute;
  display: inline-flex;
  left: 0;
  padding: 0 10px;
}
.hint_ctrl_pagination_item {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.hint_ctrl_pagination_item.active {
  opacity: 1;
}
.hint_ctrl_pagination_item:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #d8d8d8;
  border-radius: 50%;
}
.hint_ctrl_pagination_item.active:after {
  background: #0e9aef;
}
.hint_ctrl_pagination_item:hover:after {
  width: 10px;
  height: 10px;
}
.common_steps {
  animation-duration: 0.3s;
}
svg.private_space_icon {
  width: 13px;
  height: auto;
  position: relative;
  top: 0;
  fill: rgb(180 181 185 / 55%);
  cursor: default;
  margin-left: 2px;
}
.w-100.canvas_sidepanel_innr_ctrl.note_editor_wrapper {
  width: calc(100% - 45px) !important;
}
.w-100.canvas_sidepanel_innr_ctrl.note_editor_wrapper.sidepanel_active_in_vertical_bar {
  width: calc(100% - 425px) !important;
}
.note_editor_wrapper_main {
  display: flex;
  align-items: flex-start;
}
.meta_panel_in_capture_viewer
  .main_sidepanel_ctrl_for_verticalBar
  .preview_pane_dynamic_height {
  height: calc(100% - 91px) !important;
  overflow: hidden !important;
}
.meta_panel_in_capture_viewer
  div#capture_detail_panel_modal
  .preview_pane_scroll {
  height: calc(100vh - 173px);
  overflow: hidden;
}
.canvas_edit_compact_view.capture_edit_popup_on_top
  .meta_panel_in_capture_viewer
  .preview_panel_scroll_ctrl
  .bottom_section_ctrl.in_metadata_sidepanel.all_tab_preview_active {
  height: calc(100vh - 214px) !important;
}
.meta_panel_in_capture_viewer
  .vertical_bar_on_page.capture_module_main.in_full_screen_merged_captures {
  width: 425px;
}
.meta_panel_in_capture_viewer
  .capture_list_dropdown_full_modal_popup.display_all_capture_side_panel {
  width: 380px !important;
}
.meta_panel_in_capture_viewer .info_header.info_header_in_detail_side_panel {
  padding: 8px 15px;
  height: 50px;
}
.meta_panel_in_capture_viewer
  .in_full_screen_merged_captures
  .info_header
  .info_inner
  .info_text {
  font-size: 14px;
}
.meta_panel_in_capture_viewer
  div#capture_detail_panel_modal
  .preview_pane_scroll {
  height: calc(100vh - 92px);
  overflow: hidden !important;
}
.meta_panel_in_capture_viewer
  .self_active_comments.active
  .activity_list_ctrl
  .comments_area.comment_area_right
  .bug_created_by_name {
  display: block;
}
.meta_panel_in_capture_viewer
  .comments_area.comment_area_right.comment_area_byself.comment_area_byself_ctrl
  .comments_text_wrap_ctrl {
  width: 100%;
}
.meta_panel_in_capture_viewer
  .comments_area.comment_area_right.comment_area_byself.comment_area_byself_ctrl.pl_activity_ctrl
  .comments_text {
  display: inline-block;
  white-space: normal;
}
.meta_panel_in_capture_viewer
  .main_sidepanel_ctrl_for_verticalBar
  .preview_pane_scroll.detect_attachment_hover_class.meta_data_area_in_side_panel
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 214px) !important;
}
.bs_ctrl {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
}
.see_more_button {
  display: inline-flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  margin-top: 12px;
}
.see_more_button i {
  margin-right: 5px;
}
.see_more_button .active {
  color: #0e9aef;
}
.btn_ctr_right {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
#help-box {
  padding: 15px 10px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.sec_heading {
  width: 100%;
  display: block;
  padding: 2px 2px;
  font-weight: 600;
  margin-top: 10px;
  font-size: 13px;
  margin-bottom: 2px;
}
#help-box code {
  line-height: 24px;
}
.moveTo_icon_in_list.project-icon-svg.iconbg > svg {
  width: 14px;
  height: 14px;
}
.moveTo_icon_in_list.project-icon-svg.iconbg.dropdown_active > svg * {
  fill: #0e9aef;
}
#bulk_rename_modal .modal-body,
#search_and_replace_modal .modal-body {
  padding: 15px 15px !important;
}
.capture_note_preview_full_popup .meta_panel_in_capture_viewer .ql-editor {
  padding: 10px 10px;
}
li.active .moveTo_icon_in_list.project-icon-svg.iconbg > svg * {
  fill: #333333;
}
li.active .dropdown_active.moveTo_icon_in_list.project-icon-svg.iconbg > svg * {
  fill: #0e9aef;
}
.hint_spacer {
  font-size: 12px;
  color: #6a6d72;
  margin-top: 3px;
  display: inline-block;
}
#add-capture-popup-dropdown-id
  a[data-bs-target="#embed_external_capture_url_modal_popup"] {
  position: relative;
  padding-bottom: 18px;
}
#add-capture-popup-dropdown-id .hint_spacer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 2px;
  padding-left: 31px;
  font-size: 11px;
}
.canvas_edit_compact_view
  .image_modal_popup_vertical_bar.capture_list_dropdown_full_modal_popup.in_canvas
  .preview_pane_dynamic_height {
  height: calc(100vh - 132px);
}
.caption_edit_box .textarea {
  border: 0;
  padding: 12px 26px 12px 15px;
  color: #676a6c;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.caption_edit_box .textarea {
  border: 0;
  padding: 12px 26px 12px 15px;
  color: #676a6c;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  height: 100% !important;
  min-height: 45px;
  max-height: 200px;
  resize: none;
}
.vertical_bar_on_page
  .caption_in_metapanel
  .capture_extra_metadata_div_main_section
  > .capture_extra_metadata_div {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #dee0e1 !important;
  padding-top: 5px;
}
.vertical_bar_on_page .caption_in_metapanel .ql-container.ql-snow {
  border: 0;
}
.vertical_bar_on_page .caption_in_metapanel .caption_edit_box .textarea {
  max-height: 100% !important;
  padding: 12px 10px 12px 0;
}
.vertical_bar_on_page
  .caption_in_metapanel
  .capture_extra_metadata_div_main_section
  > .capture_extra_metadata_div:focus-within {
  border-bottom: 1px solid #0e9aef !important;
}
#capture_edit_modal_preview_id .caption_edit_box .textarea {
  max-height: 100% !important;
  padding: 12px 0;
}
#capture_edit_modal_preview_id
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #dee0e1 !important;
  margin-bottom: 10px;
}
#capture_edit_modal_preview_id
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div.context_menu_opened {
  border-bottom: 1px solid #0e9aef !important;
}
#capture_edit_modal_preview_id .ql-container.ql-snow {
  border: 0;
}
#capture_edit_modal_preview_id
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:focus-within {
  border-bottom: 1px solid #0e9aef !important;
}
.conversation_view_detail_panel
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #dee0e1 !important;
  padding-top: 5px;
}
.conversation_view_detail_panel
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div.context_menu_opened {
  border-bottom: 1px solid #0e9aef !important;
}
.conversation_view_detail_panel .ql-container.ql-snow {
  border: 0;
}
.conversation_view_detail_panel
  .capture_extra_metadata_div
  .editor_in_note_capture
  .ql-editor.textarea {
  max-height: 100% !important;
  padding: 10px 26px 10px 0;
}
.caption_in_metapanel .capture_extra_metadata_div_main_section {
  padding: 10px 20px 10px 35px;
}
.vertical_bar_on_page
  .caption_in_metapanel
  .capture_extra_metadata_div_main_section
  > .capture_extra_metadata_div.context_menu_opened {
  border-bottom: 1px solid #0e9aef !important;
}
.list_view_two
  .capture_extra_metadata_div_main_section
  > .capture_extra_metadata_div {
  border-top: 1px solid #dee0e1 !important;
  border: 1px solid transparent;
}
.conversation_view_detail_panel
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:last-child {
  margin-bottom: 0;
}
.conversation_view_detail_panel.list_view_two
  .capture_extra_metadata_div
  .editor_in_note_capture
  .ql-editor.textarea {
  padding: 12px 26px 12px 15px;
}
.list_view_two.conversation_view_detail_panel
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div:focus-within {
  border: 1px solid transparent;
}
.list_view_two.conversation_view_detail_panel
  .capture_extra_metadata_div_main_section
  .capture_extra_metadata_div {
  margin-bottom: 0;
  padding-top: 0;
}
.all_private_button svg {
  width: 13px;
}
ul.capture_fixed_menu_ul.my_inbox_section.all_captures_separate_btn {
  margin: 5px 0 5px 0;
}
ul.capture_fixed_menu_ul.my_inbox_section.all_captures_separate_btn
  .element_icn_ctrl {
  margin-right: 8px;
}
ul.capture_fixed_menu_ul.my_inbox_section.all_captures_separate_btn
  .capture_menu_item {
  color: #b4b5b9;
  font-size: 13px;
  line-height: 18px;
}
.caption_in_metapanel .add_row_block,
.caption_in_metapanel
  .capture_extra_metadata_div_main_section.has_single_row_block
  .cq_option_absolute.compact_quick_option_in_row {
  z-index: 9;
}
.caption_in_metapanel .add_row_block {
  margin-left: -25px;
  bottom: 3px;
}
.caption_in_metapanel
  .capture_extra_metadata_div_main_section.has_single_row_block
  .cq_option_absolute.compact_quick_option_in_row {
  left: -25px !important;
  top: 5px;
}
.background_progress_bar {
  color: #0e9aef;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  margin-left: auto;
  padding-right: 10px;
}
.processing_ctrl {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-right: 10px;
  color: #0e9aef;
  font-size: 12px;
  font-weight: 600;
}
.processing_ctrl .upload_processing_loader {
  margin-left: 10px !important;
}
.processing_que_ctrl {
  margin-left: auto;
  padding-right: 10px;
  color: #fa8713;
  font-size: 12px;
  font-weight: 600;
}
.note_editor_body_section {
  border-right: 1px solid #dadce0;
}
.capture_note_editor_full_view .capture_list_dropdown_full_modal_popup {
  border-left: 0;
}
.capture_folder_left_side_bar_list {
  border: 1px solid transparent;
}
.draggable_placeholder_row_element.space_hover {
  width: 86% !important;
}
.draggable_placeholder_row_element.folder_hover {
  width: 73% !important;
}
.draggable_placeholder_row_element.collection_hover {
  width: 62% !important;
}
.draggable_placeholder_row_element.collection_hover,
.draggable_placeholder_row_element.folder_hover,
.draggable_placeholder_row_element.space_hover {
  height: 0;
}
.draggable_placeholder_row_element.collection_hover:before,
.draggable_placeholder_row_element.folder_hover:before,
.draggable_placeholder_row_element.space_hover:before {
  display: none;
}
.draggable_placeholder_row_element.collection_hover:after,
.draggable_placeholder_row_element.folder_hover:after,
.draggable_placeholder_row_element.space_hover:after {
  content: "";
  height: 2px;
  background: #0e9aef;
  position: absolute;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  display: block;
  border-radius: 0;
  top: 0;
}
.collection_hover .circle_dot,
.folder_hover .circle_dot,
.space_hover .circle_dot {
  width: 100%;
  height: 2px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.collection_hover .circle_dot:after,
.collection_hover .circle_dot:before,
.folder_hover .circle_dot:after,
.folder_hover .circle_dot:before,
.space_hover .circle_dot:after,
.space_hover .circle_dot:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0e9aef;
  position: absolute;
}
.collection_hover .circle_dot:before,
.folder_hover .circle_dot:before,
.space_hover .circle_dot:before {
  left: 0;
  top: -4px;
}
.collection_hover .circle_dot:after,
.folder_hover .circle_dot:after,
.space_hover .circle_dot:after {
  right: 0;
  top: -4px;
}
.draggable_placeholder_row_element.private_folder_hover {
  width: 86% !important;
}
.draggable_placeholder_row_element.private_collection_hover {
  width: 73% !important;
}
.draggable_placeholder_row_element.private_collection_hover,
.draggable_placeholder_row_element.private_folder_hover {
  height: 0;
}
.draggable_placeholder_row_element.private_collection_hover:before,
.draggable_placeholder_row_element.private_folder_hover:before {
  display: none;
}
.draggable_placeholder_row_element.private_collection_hover:after,
.draggable_placeholder_row_element.private_folder_hover:after {
  content: "";
  height: 2px;
  background: #0e9aef;
  position: absolute;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  display: block;
  border-radius: 0;
  top: 0;
}
.private_collection_hover .circle_dot,
.private_folder_hover .circle_dot {
  width: 100%;
  height: 2px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.private_collection_hover .circle_dot:after,
.private_folder_hover .circle_dot:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0e9aef;
  position: absolute;
}
.private_collection_hover .circle_dot:before,
.private_folder_hover .circle_dot:before {
  left: 0;
  top: -4px;
}
.private_collection_hover .circle_dot:after,
.private_folder_hover .circle_dot:after {
  right: 0;
  top: -4px;
}
.private_collection_hover .circle_dot:after,
.private_folder_hover .circle_dot:after {
  right: 0;
  top: -4px;
}
.private_collection_hover .circle_dot:after,
.private_collection_hover .circle_dot:before,
.private_folder_hover .circle_dot:after,
.private_folder_hover .circle_dot:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0e9aef;
  position: absolute;
}
.rc_manage_folder_list_control .draggable_placeholder_row_element.space_hover {
  width: 100% !important;
}
.rc_manage_folder_list_control .draggable_placeholder_row_element.folder_hover {
  width: 96% !important;
}
.rc_manage_folder_list_control
  .draggable_placeholder_row_element.collection_hover {
  width: 93% !important;
}
.rc_manage_folder_list_control
  .draggable_placeholder_row_element.private_folder_hover {
  width: 100% !important;
}
.rc_manage_folder_list_control
  .draggable_placeholder_row_element.private_collection_hover {
  width: 100% !important;
}
#sidebar_trash_area.drag_over_trash_active {
  border: 1px dashed #fff;
}
body.dragging_enabled
  .rc_manage_folder_list_control
  .rc_space_section_control
  .capture_folder_lavel_one
  .innertTextContent
  .inline_text_content_control:hover {
  border-bottom: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-large_active
  ul.column_layout.task_listing
  li.active,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-medium_active
  ul.column_layout.task_listing
  li.active,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  ul.column_layout.task_listing
  li.active {
  background: 0 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-large_active
  ul.column_layout.task_listing
  li.active
  .capture_thumb_details,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-medium_active
  ul.column_layout.task_listing
  li.active
  .capture_thumb_details,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  ul.column_layout.task_listing
  li.active
  .capture_thumb_details {
  background-color: transparent !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-large_active
  ul.column_layout.task_listing
  li
  .action_clear_info_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-medium_active
  ul.column_layout.task_listing
  li
  .action_clear_info_ctrl,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  ul.column_layout.task_listing
  li
  .action_clear_info_ctrl {
  right: 10px;
  top: 10px;
  background-color: #f5f5f7 !important;
  border-radius: 3px;
  border: 1px solid #e9e9eb !important;
  padding: 0 2px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-large_active
  ul.column_layout.task_listing
  li
  .capture_thumb_details,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-medium_active
  ul.column_layout.task_listing
  li
  .capture_thumb_details,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  ul.column_layout.task_listing
  li
  .capture_thumb_details {
  background-color: #fff;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-large_active
  ul.column_layout.task_listing
  li.active,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-medium_active
  ul.column_layout.task_listing
  li.active,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  ul.column_layout.task_listing
  li.active {
  background: 0 0;
}
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-large_active
  .capture_thumb_details
  .task_name.cp_task_name,
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-medium_active
  .capture_thumb_details
  .task_name.cp_task_name,
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-small_active
  .capture_thumb_details
  .task_name.cp_task_name {
  color: #333;
}
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-large_active
  .capture_thumb_details
  .task_name.cp_task_name,
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-medium_active
  .capture_thumb_details
  .task_name.cp_task_name,
ul.column_layout.task_listing.sub_capture_ctrl.collapse.in.thumbnail-small_active
  .capture_thumb_details
  .task_name.cp_task_name {
  color: #333;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-large_active
  ul.column_layout.task_listing
  li.active
  .task_name.cp_task_name,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-medium_active
  ul.column_layout.task_listing
  li.active
  .task_name.cp_task_name,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  ul.column_layout.task_listing
  li.active
  .task_name.cp_task_name {
  margin-right: 10px !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li.bulk_action_active,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li.bulk_action_active,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li.bulk_action_active {
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-large_active
  ul.column_layout.task_listing
  li.bulk_action_active
  .capture_thumb_details,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-medium_active
  ul.column_layout.task_listing
  li.bulk_action_active
  .capture_thumb_details,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  ul.column_layout.task_listing
  li.bulk_action_active
  .capture_thumb_details {
  background-color: #eaf4fa;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li.three-dot-dropdown-open,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li.three-dot-dropdown-open,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li.three-dot-dropdown-open {
  border: 1px solid #0e9aef !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-large_active
  ul.column_layout.task_listing
  li.three-dot-dropdown-open
  .capture_thumb_details,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-medium_active
  ul.column_layout.task_listing
  li.three-dot-dropdown-open
  .capture_thumb_details,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl.thumbnail-small_active
  ul.column_layout.task_listing
  li.three-dot-dropdown-open
  .capture_thumb_details {
  background-color: #eaf4fa;
}
#left_side_bar_pane,
#root,
.capture_inbox_splitter_wrapper,
.grid-container,
.main_content_ctrl,
.main_content_inner.conteiner_inner_full,
a .capture_inbox_main_wrapper {
  height: 100%;
}
#root {
  overflow: hidden;
  position: relative;
}
.test_loader {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.v_in_editor i {
  color: #7e8187;
  font-size: 11px;
}
.subtask-list .right-list-item-over i {
  color: #7e8187;
  font-size: 11px;
}
.conversation_view_detail_panel
  .caption_in_metapanel
  .capture_extra_metadata_div
  .editor_in_note_capture
  .ql-editor.textarea {
  padding: 12px 10px 12px 0;
}
.caption_in_metapanel
  .capture_extra_metadata_div
  .row_ctrl.three_dot_click_handler.in_doc {
  right: -10px;
}
.add_block_icon_ctrl svg {
  width: 18px !important;
  height: 18px !important;
  right: -2px;
  position: relative;
}
li.net_prev_page_ui_in_capture_listing {
  align-items: center;
  display: flex;
  justify-content: center;
}
.listing_pagination_ctrl {
  background-color: #b7b7b7;
  border: 0;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  width: auto;
  display: inline-flex;
}
.listing_pagination_ctrl button {
  background: 0 0;
  border: 0;
  color: #fff;
  align-items: center;
  display: flex;
  margin: 0 5px;
  line-height: 18px;
  font-weight: 600;
}
.listing_pagination_ctrl button i {
  display: inline-flex;
  font-size: 12px;
  position: relative;
  top: 1px;
}
.listing_pagination_ctrl button.prev i {
  padding-right: 5px;
}
.listing_pagination_ctrl button.next i {
  padding-left: 5px;
}
.preview_icon_ctrl {
  position: relative;
}
.countOfMerged {
  position: absolute;
  top: -12px;
  left: -12px;
  color: #0e9aef;
  font-size: 14px;
  background-color: #fff;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #303b42;
  font-weight: 600;
}
li.captures_data_ctrl_list_btn.add_capture_btn_in_listing:hover {
  background: 0 0 !important;
}
li.captures_data_ctrl_list_btn.add_capture_btn_in_listing:hover
  .rc_create_capture_list_text {
  background-color: #f8f8f8;
  color: rgb(38 38 38 / 100%);
}
li.captures_data_ctrl_list_btn:hover {
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}
.conversation_view_main_wrapper
  .grouped_by_section.group_by_list_parent.folder_wrapper_in_listing {
  margin-left: 0;
  border-bottom: 1px solid #d5d5d6;
  margin-right: 0;
  width: 100% !important;
}
.folder_wrapper_in_listing.grouped_by_section .chevron_ctrl:before {
  background-color: #f5f5f7;
  padding: 0;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  border: 1px solid #cbd3da !important;
}
.folder_wrapper_in_listing .collection_groupby_listing {
  font-size: 14px;
  display: none;
}
.conversation_view_main_wrapper
  .grouped_by_section.group_by_list_parent.folder_wrapper_in_listing.collapsed {
  background: 0 0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-radius: 0;
}
.add_task_in_outline i {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  color: #484d56;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  font-size: 11px;
  opacity: 0.5;
  cursor: pointer;
}
.add_task_in_outline:hover i {
  opacity: 1;
}
.dark_mode_active .add_task_in_outline i {
  color: rgba(255, 255, 255, 0.5);
}
.group_by_ctrl {
  padding-top: 5px;
}
.react-modal-centered {
  display: flex;
  align-items: center;
  height: 100%;
}
.react-modal-centered .modal-content {
  height: auto;
}
.revision_thumbnail_row {
  display: flex;
  flex-direction: row;
}
.revision_thumbnail_innr {
  width: calc(100% / 3 - 30px);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.thumbnail_preview {
  border: 1px solid #dee0e1;
  border-top-left-radius: 6px;
  display: inline-flex;
  overflow: hidden;
  position: relative;
  border-top-right-radius: 6px;
}
.thumbnail_preview img {
  width: 100%;
  height: 100%;
}
.view_name {
  font-size: 14px;
  font-weight: 600;
  padding: 6px 10px;
  width: 100%;
  border: 1px solid #dee0e1;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  border-top: 0;
}
.thumbnail_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.revision_thumbnail_innr:hover .thumbnail_hover {
  opacity: 1;
}
.header_content_ctrl {
  position: relative;
}
.header_content_ctrl_innr {
  width: calc(100% - 45px);
}
.sidepanel_active_in_vertical_bar .header_content_ctrl_innr {
  width: calc(100% - 425px);
}
.merge_names_innr_opt {
  position: relative;
}
.merge_names_innr_opt i {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.6;
  padding: 11px;
  z-index: 9;
  cursor: pointer;
}
.merge_names_opt_ctrl {
  position: relative;
}
.merge_name_suggestions {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902) !important;
  border: 1px solid #d5d5d6 !important;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  overflow: auto;
  max-height: 178px;
  background-color: #fff;
  z-index: 1;
}
ul.merge_suggestion_ul li {
  padding: 0 30px 0 10px;
  border-radius: 3px;
  color: #333;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 24px;
  cursor: pointer;
  position: relative;
}
ul.merge_suggestion_ul li:hover {
  background: #f5f5f5;
}
ul.merge_suggestion_ul li.active {
  background: rgb(14 154 239/10%);
  color: #0e9aef;
  font-weight: 600;
}
ul.merge_suggestion_ul li.active:after {
  font-family: "Font Awesome 5 Free";
  right: 10px;
  content: "\f00c";
  font-weight: 600;
  position: absolute;
  font-size: 12px;
  display: block !important;
  color: #0e9aef;
  top: 1px;
}
.content_section_inner_container,
.image-mask,
.image-placeholder-container,
.view-bug-image-rcl,
.view-bug-image-rcl-video {
  z-index: 10;
}
#add_capture_block_dropdown {
  max-height: 37vh;
  overflow: auto;
}
.options_category {
  font-size: 11px;
  color: rgb(37 34 34 / 69%);
  opacity: 1;
  padding: 4px 7px 4px 7px;
  height: auto;
  display: inline-block;
  width: 100%;
  cursor: default;
}
.custom_draggable_tooltip {
  background-color: #2d333d;
  position: absolute;
  top: 22px;
  left: 0;
  color: rgb(255 255 255 / 50%);
  font-size: 12px;
  border-radius: 4px;
  padding: 5px 7px;
  width: 120px;
  text-align: center;
  display: none;
  right: 0;
  margin: auto;
  z-index: 99;
}
.custom_draggable_tooltip span {
  color: #fff;
}
.capture_extra_metadata_div
  .preview_draggable_handle_row.drag_row:hover
  .custom_draggable_tooltip {
  display: block;
}
#captureMergedCaptureScrollPane .image-container.audio_container {
  padding: 0;
}
#captureMergedCaptureScrollPane .image-container.audio_container .image-border {
  margin: 0;
  top: -2px;
  left: 0;
  height: 100%;
}
.live_user_ctrl {
  position: relative;
}
.live_user_canvas_initial {
  display: inline-flex;
  border-radius: 2px;
  width: auto;
  height: 18px;
  color: #fff;
  border: thin solid #484b50;
  align-items: center;
  font-size: 11px;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  position: relative;
  cursor: pointer;
  padding: 0 2px;
}
.custom_draggable_tooltip_canvas {
  background-color: #2d333d;
  position: absolute;
  top: -45px;
  left: 0;
  color: #fff;
  font-size: 11px;
  border-radius: 4px;
  padding: 2px 7px;
  width: 60px;
  text-align: center;
  opacity: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  bottom: 0;
  height: 20px;
}
.live_user_ctrl:hover .custom_draggable_tooltip_canvas {
  opacity: 1;
}
.document_centered_layout_main {
  background-color: #f5f5f7;
}
.document_centered_layout {
  width: 1066px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  background-color: #fff;
}
.document_internal_editor {
  width: 100%;
}
.document_internal_editor .capture_and_metadata_options_ctrl_innr {
  border-left: 1px solid #f5f5f7;
  border-right: 1px solid #e5e5e5;
  box-shadow: 0 10px 6px #00000014;
  background-color: #fff;
  height: auto;
  overflow: auto;
  position: relative;
}
.document_internal_editor .capture_view_outer_inner_wrap {
  background: 0 0;
  padding: 20px 0;
  height: calc(100vh - 84px);
  overflow: auto;
}
.bh_content {
  padding: 15px 10px 15px 20px;
  border-top: 1px solid #e9e9eb;
  overflow: auto;
  height: calc(100vh - 125px);
}
.bh_user_initial_ctrl {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding-bottom: 8px;
}
.bh_user_data {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 3px 10px 5px 10px;
  width: calc(100% - 24px);
  margin-bottom: 7px;
  margin-left: 24px;
  cursor: pointer;
  border-radius: 4px;
}
.bh_user_data:hover {
  background-color: #f8f8f8;
}
.bh_user_items {
  font-size: 14px;
  color: #465369db;
  font-weight: 600;
  word-break: break-word;
  padding: 0 50px 0 0;
}
.time_stamp {
  position: absolute;
  display: inline-flex;
  right: 10px;
  color: #465369db;
  font-size: 11px;
  top: 7px;
}
.bh_user_group {
  position: relative;
  margin-bottom: 10px;
}
.bh_user_group:after {
  content: "";
  position: absolute;
  top: 38px;
  left: 11px;
  border-right: 1px solid #46536947;
  height: calc(100% - 45px);
}
.bh_col_ex:hover {
  background-color: #ebebed;
}
.bh_col_ex {
  color: #465369;
  font-size: 10px;
  position: absolute;
  top: 1px;
  right: 3px;
  padding: 6px 7px;
  border-radius: 3px;
  cursor: pointer;
}
.bh_user_data.locked *,
.bh_user_data.locked:hover {
  pointer-events: none;
  background: 0 0;
}
.bh_user_data i.fa-lock {
  position: absolute;
  font-size: 11px;
  color: rgba(70, 83, 105, 0.8);
  left: -4px;
  margin-top: 0;
  opacity: 0.8;
  top: 8px;
}
.bh_user_data.locked .bh_user_items {
  opacity: 0.5;
}
.bh_user_data.locked .time_stamp {
  opacity: 0.5;
}
.media-placeholder-with-text i {
  margin: 0 5px;
  color: #6d6d6dad;
  font-size: 12px;
  position: relative;
  top: 1px;
}
.loading_task_merge_media {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  color: #6d6d6d;
  text-align: center;
  width: 100%;
  padding: 0;
  height: 39px;
  justify-content: center;
}
.flexbox-layout-column .content_section_inner_container.rcr_selectable_div {
  margin: unset !important;
}
.content_section_inner_container.rcr_selectable_div:not(
    .flexbox-layout-column
  ) {
  margin: 0 17px 0 20px;
  min-height: 27px;
  display: flex;
}
.initial_shot_window.screenshot-modal-wrapper {
  width: 100%;
  height: 100%;
}
.initial_shot_window
  .content-RC-fullScreen-modal
  .editToolbar-RC-fullScreen.in_compact_modal {
  width: auto;
  height: auto;
  box-shadow: none;
}
.initial_shot_window.screenshot-modal-wrapper.canvas_edit_compact_view
  .content-RC-fullScreen-modal {
  border-radius: 0;
}
.initial_shot_window .draw_popup_toolbar_innr_ctrl {
  flex-direction: row;
}
.initial_shot_window
  .in_compact_modal
  .view-bug-febric-tools-div.draw_popup_toolbar_ctrl.toolbar_in_create_task {
  padding: 0 !important;
}
.initial_shot_window button.canvas_tool svg {
  fill: #f5f5f5;
  width: 14px;
  height: 14px;
}
.initial_shot_window button.canvas_tool {
  border-radius: 4px;
  width: auto;
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
  border: 1px solid #444652;
}
.initial_shot_window button.canvas_tool.active {
  background-color: #0e9aef;
}
.initial_shot_window button.canvas_tool.active .text_label {
  color: #fff;
}
.initial_shot_window button.canvas_tool:hover {
  background-color: #0e9aef;
  border-color: #0e9aef;
}
.initial_shot_window button.canvas_tool .text_label {
  color: #fff;
  padding-right: 11px;
}
.initial_shot_window button.canvas_tool:hover .text_label {
  color: #fff;
}
.initial_shot_window button.canvas_tool:hover svg * {
  fill: #ffffff;
}
.initial_shot_window .annotation_meta_header {
  background-color: #272930;
  border-bottom: 1px solid #32343e;
  min-height: 60px;
}
.initial_shot_window
  .in_compact_modal
  .view-bug-febric-tools-div.draw_popup_toolbar_ctrl.toolbar_in_create_task {
  background-color: #272930;
}
button.action_tool_devider.action_tools.ctD_action_tool_devider {
  width: 1px;
  height: 18px;
  border: 0;
  margin: 0 !important;
  left: -5px;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools {
  color: #e2e2e3;
  position: relative;
}
.initial_shot_window
  .toolbar_in_create_task.draw_popup_toolbar_ctrl
  .action_tools {
  background-color: #444652;
  width: 1px !important;
  height: 15px !important;
}
.initial_shot_window
  .content-RC-fullScreen-modal
  .editToolbar-RC-fullScreen.in_compact_modal {
  border: 0;
}
.initial_shot_window .capture_header_in_canvas {
  border-bottom: 1px solid #32343e;
  border-radius: 0;
  padding: 0 15px;
  background-color: #272930;
}
.initial_shot_window
  .annotation_meta_header
  .task_data_ctrl_left
  > input.task_name_text {
  color: #fff;
}
.initial_shot_window .saved_new_changes.doc_is_in_saving_mode_button_text {
  color: #fff;
  font-size: 12px;
}
.initial_shot_window .saved_new_changes {
  color: #fff;
}
.initial_shot_window .task_data_main_wrap {
  background-color: #272930;
  border-radius: 0;
}
.initial_shot_window
  .capture_header_in_canvas
  .task_data_ctrl_left.in_preview_panel
  input.task_name_text:focus {
  outline: 0;
  border: 0;
}
.initial_shot_window
  .capture_header_in_canvas
  .task_data_ctrl_left.in_preview_panel
  input.task_name_text {
  background: 0 0;
  color: #fff;
}
.left_area_buttons {
  display: flex;
}
.isw_btns {
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
}
.isw_btns img {
  width: 26px;
  height: 19px;
  display: inline-flex;
}
.isw_btns button.anntoator_top_header_btn {
  background-color: #32343e;
  color: #97989d;
  font-size: 13px;
  font-weight: 600;
  border: 0;
  border-radius: 3px;
  padding: 9px 32px;
  margin-right: 10px;
  align-items: center;
  display: flex;
}
.isw_btns button.anntoator_top_header_btn svg {
  fill: #97989d;
  width: 17px;
  height: 14px;
  display: inline-flex;
  margin-right: 11px;
}
.isw_btns .anntoator_top_header_btn:hover {
  background-color: #0e9aef;
  color: #fff;
}
.isw_btns .anntoator_top_header_btn:hover svg path {
  fill: #ffffff;
  stroke: #ffffff;
}
.toolbar_ctrl {
  margin: 0 auto;
}
.initial_shot_window .task_data_block_container .task_data_ctrl_left {
  margin: 0 auto;
  max-width: unset !important;
}
.initial_shot_window
  .capture_header_in_canvas
  .task_data_ctrl_left.in_preview_panel
  input.task_name_text {
  background: 0 0;
  color: #fff;
  border: 0;
  outline: 0;
}
.initial_shot_window
  .sub_header
  .capture_edit_header
  .task_data_main_wrap
  .task_data_block_container {
  padding: 0 !important;
  min-height: 60px;
}
.initial_shot_window
  .fullscreen_main_inner_container
  .scroll-area-capture-in-modal {
  background-color: #f2f2f2 !important;
  background: url(/static/media/infinite_square_dark.a4e0e4e2.png) repeat 0 0 !important;
}
.isw_default_theme_btn {
  background-color: transparent;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border: 0;
  border-radius: 3px;
  padding: 9px;
  margin-right: 10px;
  align-items: center;
  display: flex;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  border: 1px solid #444652;
}
.share_permission .isw_default_theme_btn {
  margin-right: 0;
}
.isw_default_theme_btn:hover {
  background-color: #0e9aef;
  color: #fff;
}
.isw_default_theme_btn svg {
  fill: #97989d;
  width: 17px;
  height: 14px;
  display: inline-flex;
  margin-right: 9px;
}
.isw_default_theme_btn i {
  margin-right: 9px;
  font-size: 15px;
}
.isw_default_theme_btn svg,
.isw_default_theme_btn svg *,
.isw_default_theme_btn svg i {
  fill: #ffffff;
  color: #fff;
}
.isw_default_theme_btn:hover svg,
.isw_default_theme_btn:hover svg * {
  fill: #ffffff;
  color: #fff;
}
.common_view_button.cmn_btn_arrow_ctrl.group {
  background-color: #32343e !important;
  height: 36px;
}
.common_view_button.cmn_btn_arrow_ctrl.group svg {
  stroke: #97989d !important;
}
.initial_shot_window
  .rc_annotator_setting_dropdown
  .common_view_button.icon_ctrl_three_panel_view {
  height: 38px;
}
.initial_shot_window .rc_annotator_setting_dropdown.copy_image_annotator {
  height: auto;
}
.initial_shot_window
  .rc_annotator_setting_dropdown
  .four_column.sorting_dropdown.table_view_dropdown_options {
  width: 24px;
  height: 38px;
}
.initial_shot_window .four_column.sorting_dropdown.table_view_dropdown_options {
  background-color: #32343e;
}
.initial_shot_window .table_view_dropdown_options:before {
  color: #fff;
  content: "";
}
.initial_shot_window .four_column.sorting_dropdown.table_view_dropdown_options {
  background-color: #32343e !important;
}
.initial_shot_window
  .rc_annotator_setting_dropdown
  .four_column.sorting_dropdown.table_view_dropdown_options {
  width: 24px;
  height: 38px;
  border: 0 !important;
}
.initial_shot_window
  .dropdown-menu.theme_dropdown_with_icon_text.dark_menu
  a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.initial_shot_window .dropdown-menu.theme_dropdown_with_icon_text.dark_menu a {
  color: #252222;
}
.dropdown_annotator .table_view_dropdown_options:after,
.dropdown_annotator .table_view_dropdown_options:before {
  display: none;
}
.cmn_btn_arrow_ctrl.group {
  width: 40px;
  height: 40px;
  align-items: center;
  text-align: center;
  justify-content: center;
  display: flex;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  border: 1px solid #444652;
}
.cmn_btn_arrow_ctrl.group.thumbnail_download {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  margin-left: 5px;
  border: 0;
}
.cmn_btn_arrow_ctrl.group.thumbnail_download > i {
  font-size: 11px;
}
.cmn_btn_arrow_ctrl.group svg {
  fill: #ffffff;
  width: 14px;
  height: 14px;
  display: inline-flex;
}
.dropdown_annotator_arrow {
  width: 24px;
  height: 40px;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: flex;
  border-top-right-radius: 4px;
  border-top-bottom-radius: 4px;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  border: 1px solid #444652;
  border-left: 0;
}
.dropdown_annotator_arrow i {
  color: #fff;
  font-size: 12px;
}
.dropdown_annotator_arrow:hover i {
  color: #fff;
}
.cmn_btn_arrow_ctrl.group:hover {
  background-color: #0e9aef;
  cursor: pointer;
}
.cmn_btn_arrow_ctrl.group:hover svg {
  fill: #ffffff;
}
.shape_ctrl .dropdown-menu {
  min-width: 240px;
}
.dropdown_annotator_arrow + .dropdown-menu.rc_button_style_ui_control.show {
  left: auto;
  right: 0;
  background-color: #272930;
  border: 1px solid #32343f !important;
}
.dropdown_annotator_arrow + .dropdown-menu.rc_button_style_ui_control.show {
  left: auto;
  right: 0;
  background-color: #36393e;
  border: 1px solid #32343e !important;
  border-radius: 4px;
}
.share_permission .dropdown-menu.rc_button_style_ui_control.show {
  min-width: 220px;
}
.dropdown_annotator_arrow + .dropdown-menu.rc_button_style_ui_control.show > a {
  width: 100%;
  color: #fff;
  font-size: 13px;
  border-radius: 0;
  display: inline-block;
  padding: 6px 5px;
  position: relative;
}
.dropdown_annotator_arrow
  + .dropdown-menu.rc_button_style_ui_control.show
  > a
  span {
  font-size: 12px;
}
.dropdown_annotator_arrow
  + .dropdown-menu.rc_button_style_ui_control.show
  > a:hover {
  background-color: #272930;
}
.dropdown_annotator_arrow
  + .dropdown-menu.rc_button_style_ui_control.show
  > a.active {
  background-color: #0e9aef;
}
.shortkey-hint {
  border: 1px solid #646464;
  color: #979797;
  border-radius: 2px;
  padding: 0 4px;
  font-size: 13px !important;
  margin-left: auto;
  display: inline-flex;
  position: absolute;
  right: 5px;
  top: 4px;
  bottom: auto;
}
.people_on_doc {
  margin-right: 6px;
}
.dropdown_annotator {
  display: flex;
}
.cmn_btn_arrow_ctrl.group i {
  color: #97989d;
}
.cmn_btn_arrow_ctrl.group:hover i {
  color: #fff;
}
.initial_shot_window .annotation_close svg path {
  fill: #97989d;
  opacity: 1;
}
.initial_shot_window .annotation_close svg path {
  fill: rgba(255, 255, 255, 0.7);
  opacity: 1;
}
.initial_shot_window .annotation_close:hover svg path {
  fill: #ffffff;
}
.download_capture_icon_ctrl {
  min-width: 40px;
  height: 40px;
}
.download_capture_icon_ctrl:hover {
  background: #32343e;
}
.cmn_btn_arrow_ctrl.single {
  width: 40px;
  height: 40px;
  align-items: center;
  text-align: center;
  justify-content: center;
  display: flex;
  border-radius: 4px;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  border: 1px solid #444652;
}
.cmn_btn_arrow_ctrl.single:hover > i {
  color: #fff;
}
.cmn_btn_arrow_ctrl.single:hover {
  background-color: #0e9aef;
  cursor: pointer;
}
.cmn_btn_arrow_ctrl.single svg {
  fill: #ffffff;
  width: 14px;
  height: 14px;
  display: inline-flex;
}
.cmn_btn_arrow_ctrl.single i {
  color: #97989d;
  font-size: 16px;
}
.cmn_btn_arrow_ctrl.single:hover svg {
  fill: #ffffff;
}
.shape_ctrl {
  display: flex;
}
.initial_shot_window .shape_ctrl button.canvas_tool {
  margin: 0;
}
.initial_shot_window .shape_ctrl button.canvas_tool {
  margin: 0;
  display: inline-flex;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  border: 1px solid #444652;
}
.initial_shot_window .shape_ctrl button.canvas_tool.active {
  background: #0e9aef !important;
}
.initial_shot_window
  .shape_ctrl.share_permission
  .dropdown-menu
  button.canvas_tool
  i {
  font-size: 15px;
}
.initial_shot_window .shape_ctrl .dropdown-menu button.canvas_tool {
  margin: 0;
  display: inline-flex;
  background: 0 0 !important;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  min-width: 0;
}
.initial_shot_window .shape_ctrl .dropdown-menu button.canvas_tool i,
.initial_shot_window .shape_ctrl .dropdown-menu button.canvas_tool svg {
  display: inline-flex;
  top: 2px !important;
  position: relative;
  fill: #ffffff;
  color: #fff;
  font-size: 16px;
}
.initial_shot_window .shape_ctrl > button.canvas_tool:hover {
  background-color: #0e9aef !important;
}
.initial_shot_window button.canvas_tool.active svg * {
  fill: #97989d;
}
.initial_shot_window button.canvas_tool:hover svg,
.initial_shot_window button.canvas_tool:hover svg * {
  fill: #ffffff;
}
.initial_shot_window button.canvas_tool.active > i,
.initial_shot_window button.canvas_tool.active > svg,
.initial_shot_window button.canvas_tool.active > svg * {
  fill: #ffffff;
}
.initial_shot_window .shape_ctrl button.canvas_tool:hover > i {
  color: #fff;
}
.share_permission .dropdown-menu.rc_button_style_ui_control {
  min-width: 200px;
}
.initial_shot_window .scroll-area-capture-in-modal.imc {
  height: calc(100vh - 122px) !important;
}
.initial_shot_window .scroll-area-capture-in-modal.imc.pdfEditor {
  display: flex;
  flex-direction: column;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0 auto;
}
.initial_shot_window
  .scroll-area-capture-in-modal.imc.pdfEditor
  .canvas_render_multiple_section {
  height: auto !important;
  display: inline-flex !important;
  border-top: 0;
  border-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  margin-bottom: 4px;
}
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-decrease,
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-increase,
.capture_preview_zoom_ui_ctrl.initial_shot_window .img_fit_to_screen_btn {
  background: #272930;
}
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-decrease i,
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-increase i,
.capture_preview_zoom_ui_ctrl.initial_shot_window .img_fit_to_screen_btn i {
  color: #97989d;
}
.capture_preview_zoom_ui_ctrl.initial_shot_window .zoom_percent_center {
  background: #2d2f38;
  border-left: 0;
  border-right: 0;
  color: #97989d;
}
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-decrease:hover svg,
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-increase:hover svg,
.capture_preview_zoom_ui_ctrl.initial_shot_window
  .img_fit_to_screen_btn:hover
  svg {
  fill: #ffffff;
  color: #fff;
}
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-decrease:hover svg *,
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-increase:hover svg *,
.capture_preview_zoom_ui_ctrl.initial_shot_window
  .img_fit_to_screen_btn:hover
  svg
  * {
  fill: #ffffff !important;
  color: #fff;
  stroke: #ffffff;
}
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-decrease:hover i,
.capture_preview_zoom_ui_ctrl.initial_shot_window .btn.btn-increase:hover i,
.capture_preview_zoom_ui_ctrl.initial_shot_window
  .img_fit_to_screen_btn:hover
  i {
  color: #fff;
}
.capture_preview_zoom_ui_ctrl.initial_shot_window {
  right: 10px;
  left: auto;
  bottom: 85px;
}
.initial_shot_window .supported_tools_main_ctrl {
  position: relative;
  margin: 0;
}
.initial_shot_window
  .capture_header_in_canvas
  .task_data_ctrl_left.in_preview_panel {
  min-width: 510px;
}
.far_right_inshot {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.initial_shot_window .sv_stroke svg {
  fill: #97989d;
}
.telement_item_menu_ctrl .telement_item,
.telement_item_menu_ctrl .telement_item svg {
  fill: #97989d;
}
.initial_shot_window .telement_devider {
  border-right: 1px solid rgba(215, 217, 217, 0.98);
}
.initial_shot_window .sv_innr_ctrl {
  border-left: 1px solid rgba(226, 226, 227, 0.7);
}
.initial_shot_window .sv_stroke {
  background-color: #32343e;
}
.initial_shot_window .telement_item_menu_ctrl .telement_item {
  background-color: #32343e;
  color: #97989d;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
}
.initial_shot_window .dropdown.show .telement_item.telement_item_dropdown {
  background: #0e9aef;
  color: #fff;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
}
.initial_shot_window
  .telement_item_menu_ctrl
  .dropdown.show
  .telement_item
  svg {
  fill: #ffffff;
}
.initial_shot_window .telement_devider {
  border-right: 1px solid #97989d;
}
.initial_shot_window .dropdown-menu.theme_dropdown_with_icon_text a {
  color: #fff;
  font-size: 13px;
  padding: 6px 5px;
}
.initial_shot_window .dropdown-menu.theme_dropdown_with_icon_text a:hover {
  background-color: #272930;
}
.initial_shot_window .dropdown-menu.theme_dropdown_with_icon_text a.active {
  background: #272930 !important;
  color: #fff !important;
}
.initial_shot_window
  .capture_header_in_canvas
  .capture_edit_header
  .task_data_main_wrap {
  border-bottom: 1px solid #32343e !important;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
}
.initial_shot_window .data_in_sidepanel.in_compact_view {
  height: calc(100vh - 130px);
  border-radius: 8px;
  top: 120px;
  right: 10px;
}
.canvas_edit_compact_view.initial_shot_window
  .preview_pane_scroll.detect_attachment_hover_class.merged_capture_group
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 406px) !important;
}
.dropdown-menu.annotator_dark_dropdown {
  left: auto;
  right: 0;
  background-color: #36393e;
  border: 1px solid #32343e !important;
  border-radius: 4px;
}
.cmn_btn_arrow_ctrl.active {
  background-color: #0e9aef;
}
.cmn_btn_arrow_ctrl.active i,
.cmn_btn_arrow_ctrl.active svg {
  fill: #ffffff !important;
  color: #fff !important;
}
a.my_capture_btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 5px;
  margin-left: 10px;
  margin-top: 7px;
}
.def_icon {
  transition: all 0.1s linear;
}
.animated_icon {
  display: none;
  transition: all 0.1s linear;
}
a.my_capture_btn:hover .animated_icon svg,
a.my_capture_btn:hover .def_icon svg {
  fill: rgba(255, 255, 255, 1) !important;
}
.mc_header {
  background-color: #272930;
  border-bottom: 1px solid #32343e;
  min-height: 60px;
  display: flex;
  align-items: center;
}
.mc_logo {
  display: flex;
  align-items: center;
  margin-left: 15px;
  cursor: pointer;
}
.mc_logo svg {
  width: 130px;
  height: auto;
}
.my_capture_ctrl {
  height: 100%;
}
.mc_container {
  height: 100%;
  display: flex;
}
.mc_left_sidebar .capture_module_folder_ctrl {
  border-bottom: 1px solid #d5d5d6;
}
.mc_tree_menu_ctrl {
  font-size: 13px;
  border-bottom: 1px solid #d5d5d6;
  padding-bottom: 10px;
}
.mc_left_sidebar {
  width: 290px;
  min-width: 290px;
  height: 100%;
}
.mc_tree_menu_header {
  padding: 5px 11px 5px 19px;
  cursor: pointer;
  color: rgb(38 38 38 / 80%);
  white-space: normal;
  overflow: hidden;
  width: 100% !important;
  margin-right: 0 !important;
  font-weight: 600;
  line-height: 16px;
  height: 34px;
  display: inline-flex;
  align-items: center;
}
ul.mc_ul_tree_menu > li {
  width: calc(100% - 10px);
  margin: 0 5px 5px;
  border-radius: 3px;
  position: relative;
  border: 1px solid transparent;
  padding: 4px 11px 4px 19px;
  cursor: pointer;
  display: inline-flex;
  position: relative;
}
ul.mc_ul_tree_menu > li:hover {
  background-color: #e7e7ec;
}
ul.mc_ul_tree_menu > li.active {
  background-color: rgb(14 154 239/10%) !important;
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}
ul.mc_ul_tree_menu > li.active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  background: #0e9aef;
  height: 100%;
  border-radius: 3px 0 0 3px;
}
.mc_icn_label_wrapper {
  display: flex;
  width: 100%;
  align-items: center;
}
.mc_item_icn {
  margin-right: 8px;
  display: inline-flex;
}
.mc_item_icn svg {
  width: 13px;
  height: 13px;
}
ul.mc_ul_tree_menu > li.active .mc_item_icn svg,
ul.mc_ul_tree_menu > li.active .mc_item_icn svg * {
  fill: #696d75;
}
ul.mc_ul_tree_menu > li .mc_item_icn svg * {
  fill: #262626;
}
.mc_item_name {
  color: #262626;
  font-size: 13px;
  line-height: 18px;
}
.mc_item_count {
  display: inline-flex;
  margin: 0 0 0 auto;
  color: #465369;
  font-size: 12px;
  font-weight: 500;
}
.mc_tree_menu_header > i {
  opacity: 0;
  height: 12px;
  transition: all 0.3s ease;
  fill: #b4b5b9;
  margin: 0 5px 0 7px;
  padding-left: 0 !important;
  vertical-align: middle;
  margin-top: 1px;
  line-height: normal;
  position: relative;
  top: -1px;
}
.mc_tree_menu_header:hover > i {
  opacity: 1;
}
.mc_data_container {
  background: #fff;
  width: 100%;
  border: 1px solid #cfd3da;
  border-radius: 0;
  margin-left: 7px;
}
.mc_search_ctrl {
  position: relative;
  display: inline-flex;
  height: 40px;
  align-items: center;
  width: 630px;
  margin: 0 auto;
}
.mc_search_ctrl i.fa-search {
  position: absolute;
  font-size: 13px;
  color: #97989d;
  top: 14px;
  left: 12px;
}
.mc_search_ctrl input {
  height: 100%;
  padding: 0 20px 0 34px;
  font-size: 13px;
  width: 100%;
  border-radius: 4px;
  transition: border 0.15s cubic-bezier(0.6, -0.28, 0.74, 0.05);
  transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -ms-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  align-items: center;
  background-color: #32343e;
  border: 0;
  color: #b4b5b9;
  font-weight: 400;
}
.mc_search_ctrl input::placeholder {
  color: rgba(253, 253, 253, 0.6);
}
.mc_search_ctrl input:focus {
  border: 1px solid #0e9aef;
}
i.clear_search {
  color: #97989d;
  margin: 7px 0 0 7px;
  position: absolute;
  margin-left: -20px;
  font-size: 12px;
  padding: 5px 3px;
  cursor: pointer;
  top: 4px;
  right: 10px;
  opacity: 0.7;
}
i.clear_search:hover {
  opacity: 1;
}
.viewes_type {
  display: flex;
  align-items: center;
  margin: 0 0 0 18px;
}
.views_btn {
  padding: 5px;
  border-radius: 4px;
  background-color: #32343e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 10px 0 0;
}
.views_btn.active {
  background-color: #0e9aef;
}
.views_btn > i {
  color: #97989d;
  font-size: 14px;
}
.views_btn.active > i,
.views_btn.active > svg {
  color: #fff;
  fill: #ffffff;
}
.views_btn > svg {
  width: 14px;
  height: 14px;
  fill: #97989d;
}
.bh_user_data:hover {
  background: #f8f8f8;
}
.close_mc {
  padding: 10px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  margin-right: 10px;
}
.close_mc svg {
  width: 12px;
  height: 12px;
}
.close_mc svg * {
  fill: rgba(255, 255, 255, 0.7);
}
.close_mc:hover svg * {
  fill: #ffffff;
}
.initial_shot_window.canvas_edit_compact_view
  .image_modal_popup_vertical_bar.capture_list_dropdown_full_modal_popup.in_canvas
  .preview_pane_dynamic_height {
  height: calc(100vh - 171px);
}
.initial_shot_window.canvas_edit_compact_view .preview_pane_scroll {
  height: calc(100vh - 171px);
}
.initial_shot_window
  .bug_detail_ctrl.vt_bug_detail_ctrl.auto_scroll_in_annotator_popup_control {
  height: calc(100vh - 171px) !important;
}
.canvas_edit_compact_view.initial_shot_window
  .preview_pane_scroll.detect_attachment_hover_class.merged_capture_group
  .bottom_section_ctrl.in_metadata_sidepanel {
  height: calc(100vh - 213px) !important;
}
.initial_shot_window .bh_content {
  height: calc(100vh - 167px);
}
.size_limit_validation {
  color: #262626;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-right: 10px;
}
.size_limit_validation svg {
  margin-right: 5px;
  width: 14px;
  height: auto;
}
.limit_validation {
  background-color: #ffe7e7;
  color: #ef4343;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4px 15px;
  font-size: 13px;
  font-weight: 600;
  position: relative;
}
.limit_validation i {
  color: #ef4343;
  margin-right: 8px;
  font-size: 15px;
  display: inline-flex;
}
.limit_validation svg {
  cursor: pointer;
  position: absolute;
  right: 15px;
}
.no_merge_data_available.in_preview_panel {
  align-items: center;
  flex-direction: column;
  width: 100%;
  text-align: center;
}
.no_merge_data_available.in_preview_panel h6 {
  font-size: 22px;
  padding: 56px 0;
  font-weight: 400;
  opacity: 0.7;
}
.no_data_available_in_merge_capture_data.in_outline {
  padding: 15px 0;
  text-align: center;
  opacity: 0.7;
  font-weight: 400;
}
.crop_text_widget {
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.crop_text_widget button.crop_button {
  border-radius: 4px;
  width: auto;
  height: 40px;
  margin-right: 0;
  border: 0;
  color: #97989d;
  font-size: 15px;
  font-weight: 400;
  background: #32343e !important;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  padding: 0 13px;
}
.crop_text_widget button.crop_button:hover {
  background: #0e9aef !important;
  color: #fff;
}
.crop_text_widget .crop_cancel {
  padding: 10px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  background-color: #32343e;
  border-left: 1px solid #272930;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
}
.crop_text_widget .crop_cancel svg {
  width: 12px;
  height: auto;
}
.crop_text_widget .crop_cancel svg * {
  fill: #97989d;
}
.crop_text_widget .crop_cancel:hover svg * {
  color: #fff;
  fill: #ffffff;
}
.mc_captures_wrapper .broken_image {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 146px;
  border-bottom: 1px solid #eaeaec !important;
  width: 100%;
}
.mc_captures_wrapper .broken_image svg {
  margin-bottom: 20px;
}
.mc_captures_wrapper .broken_image p {
  margin: 0;
}
.mc_captures_wrapper .list-size_active .broken_image {
  display: none;
}
.my_capture_ctrl {
  height: 100%;
  width: 100%;
  display: block;
  position: static;
  left: 0;
  top: 0;
}
.draw_popup_toolbar_innr_ctrl.cropping_active .ctD_action_tool_devider,
.draw_popup_toolbar_innr_ctrl.cropping_active .shape_ctrl .dropdown,
.draw_popup_toolbar_innr_ctrl.cropping_active button.canvas_tool {
  opacity: 0.3 !important;
  pointer-events: none !important;
}
.initial_shot_window
  .capture_header_in_canvas.sub_header.cropping_active
  .cmn_btn_arrow_ctrl.single,
.initial_shot_window
  .capture_header_in_canvas.sub_header.cropping_active
  .cv_innr_ctrl,
.initial_shot_window
  .capture_header_in_canvas.sub_header.cropping_active
  .stroke_variants_main_ctrl,
.initial_shot_window
  .capture_header_in_canvas.sub_header.cropping_active
  .task_name_text {
  opacity: 0.3 !important;
  pointer-events: none;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  div[data-test-id="virtuoso-item-list"] {
  display: flex !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  div[data-test-id="virtuoso-item-list"]
  > div {
  height: 219px !important;
  width: 312px;
  padding: 0 !important;
  margin: 5px 5px !important;
  border: 1px solid #e3e5e6 !important;
  cursor: pointer;
  display: flex;
  float: left;
  overflow: hidden;
  flex: 0 0 auto;
  align-content: stretch;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  div[data-test-id="virtuoso-item-list"]
  > div
  li.captures_data_ctrl_li.sub_capture.capture_list_CaptureGroupedList {
  padding: 0 !important;
  margin: 5px 5px !important;
  border: 1px solid #e3e5e6 !important;
  cursor: pointer;
  display: inline-block;
  float: left;
  overflow: hidden;
  width: 100% !important;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  div[data-test-id="virtuoso-item-list"]
  > div
  .task_list_ctrl {
  display: block;
  float: left;
  padding: 0;
  position: relative;
  border: 0;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  div[data-test-id="virtuoso-item-list"]
  > div
  .thumbnail_view {
  display: flex !important;
  height: 146px !important;
  align-items: center;
  border-radius: 0;
  border: 0;
  justify-content: center;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-large_active
  li
  .thumbnail_view
  img,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  li
  .thumbnail_view
  img,
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-small_active
  li
  .thumbnail_view
  img {
  max-width: 100%;
  max-height: unset;
  border-radius: 3px;
  width: 100% !important;
  height: 100% !important;
}
.virtuoso_main_ctrl > div {
  height: calc(100vh - 236px) !important;
}
.virtuoso-grid-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.virtuoso-grid-item {
  width: calc(100% / 5 - 20px);
  display: flex;
  flex: 0 0 auto;
  align-content: stretch;
  height: 218px;
  margin: 10px;
}
.list-size_active.isw .virtuoso-grid-item {
  width: 100%;
  height: 35px;
  padding: 0;
  margin: 0;
}
.mc_captures_wrapper {
  display: block;
  width: 100%;
  height: calc(100vh - 200px);
  position: relative;
}
.conversation_view_main_wrapper.rc_personal_capture_list_ui_ctrl
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  .virtuosoGrid_ctrl
  li {
  width: 100% !important;
  height: auto;
  overflow: visible;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px;
}
.virtuosoGrid_ctrl .task_list_ctrl {
  flex-direction: column;
  padding: 0;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  .virtuosoGrid_ctrl
  li
  .thumbnail_view {
  height: 146px !important;
  width: 100%;
  display: flex !important;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.thumbnail-medium_active
  .virtuosoGrid_ctrl
  li
  .thumbnail_view
  img {
  width: 100%;
  height: 100%;
}
ul.column_layout.task_listing.list-size_active .virtuoso-grid-item > li {
  border-top: 1px solid #e9e9eb;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 20px) !important;
  border-radius: 4px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  align-items: center;
  display: flex;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.list-size_active
  .virtuoso-grid-item
  > li {
  border-bottom: 1px solid transparent;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.list-size_active
  .virtuoso-grid-item
  > li.captures_data_ctrl_li {
  padding: 0 10px 0 17px;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  ul.column_layout.task_listing.list-size_active
  .virtuoso-grid-item:last-child
  > li:hover {
  background-color: #f8f8f8;
  border-left: 1px solid #e9e9eb;
  border-right: 1px solid #e9e9eb;
  border-top: 1px solid #e9e9eb;
  border-bottom: 1px solid #e9e9eb;
}
.name_qctn_btn_ctrl {
  width: 100%;
}
ul.column_layout.task_listing.list-size_active.isw {
  width: 100%;
  float: left;
  padding: 5px;
}
.list-size_active.isw .name_qctn_btn_ctrl {
  flex-direction: row;
  display: flex;
}
.list-size_active.isw .virtuosoGrid_ctrl .task_list_ctrl {
  flex-direction: row;
}
.dropdown-menu.theme_dropdown_with_icon_text_version_two a {
  padding: 6px 10px;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
  font-weight: 400;
}
.dropdown-menu.theme_dropdown_with_icon_text_version_two a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.dropdown-menu.theme_dropdown_with_icon_text_version_two a svg {
  margin-right: 8px;
}
.dropdown-menu.theme_dropdown_with_icon_text_version_two a svg,
.dropdown-menu.theme_dropdown_with_icon_text_version_two a svg path {
  width: 13px !important;
  height: 19px !important;
}
.dropdown-menu.theme_dropdown_with_icon_text_version_two.dropdown-right.margin-left_0 {
  left: 0;
  margin-top: 5px !important;
}
.dropdown-menu.theme_dropdown_with_icon_text_version_two.dropdown-right.margin-left_0 {
  left: 0;
  width: 200px !important;
}
.wrong_url_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
  flex-direction: column;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.wrong_url_wrapper svg {
  margin-bottom: 30px;
}
.wrong_url_wrapper h1 {
  font-size: 36px !important;
  font-weight: 700;
  line-height: 32px;
}
.wrong_url_wrapper h1,
.wrong_url_wrapper h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.wrong_url_wrapper h1,
.wrong_url_wrapper h3 {
  color: #000;
  font-weight: 600;
}
.wrong_url_wrapper h3 {
  line-height: 24px;
}
.wrong_url_wrapper button {
  margin: 25px 0;
}
.wrong_url_wrapper .set_logout a {
  font-weight: 600;
}
.time_tracking_sidebar + .wrong_url_wrapper {
  position: relative;
}
.set_logout {
  margin-bottom: 100px;
}
.wrong_url_wrapper.no_permission_in_preview {
  height: 100vh;
}
.wrong_url_wrapper.no_permission_in_preview svg {
  width: 100px;
  height: 100px;
}
.page_not_found_ui svg {
  margin-bottom: 0;
}
.page_not_found_ui h1 {
  color: #000 !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  margin-bottom: 20px !important;
  font-weight: 700 !important;
}
.page_not_found_ui {
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
  flex-direction: column;
  text-align: center;
  position: absolute;
  width: 100%;
}
.page_not_found_ui button {
  margin: 5px 0 0;
}
.no_permission_in_preview .set_logout {
  margin-bottom: 150px;
}
.add_note_placeholder {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  color: #fff !important;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0 !important;
}
.ql-formats.note_box_tools_ctrl {
  display: inline-flex;
  align-items: center;
  padding: 8px;
  width: 100%;
  border-bottom: 1px solid #e5e6e7;
}
.note_box_tools_ctrl button {
  height: 24px !important;
  width: 24px !important;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 3px;
  margin: 0 2px;
  background: 0 0;
}
.note_box_tools_ctrl button:hover {
  background: #f5f5f7;
}
.note_box_tools_ctrl button svg {
  width: 14px;
  height: 14px;
  opacity: 0.8;
  fill: #7e8187;
}
.note_box_tools_ctrl button:hover svg {
  opacity: 1;
  fill: #000000;
}
.create_note_box_main {
  border: 1px solid #e5e6e7;
  border-radius: 3px;
}
.note_box_tools_ctrl button.active {
  background: #f5f5f7;
}
.note_box_tools_ctrl button.active svg {
  opacity: 1;
  fill: #000000;
}
.note_editor_box {
  padding: 15px;
  height: 103px;
  overflow-y: auto;
}
.non_logged_user_ctrl .toolbar_ctrl {
  pointer-events: none;
  opacity: 0.5;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.non_logged_user_ctrl.initial_shot_window
  .shape_ctrl
  button.canvas_tool.active {
  background: #32343e !important;
}
.non_logged_user_ctrl.initial_shot_window button.canvas_tool.active > i,
.non_logged_user_ctrl.initial_shot_window button.canvas_tool.active > svg,
.non_logged_user_ctrl.initial_shot_window button.canvas_tool.active > svg * {
  color: #97989d;
  fill: #97989d;
}
.non_logged_user_ctrl .colored_icon_ctrl.active:before {
  display: none;
}
.non_logged_user_ctrl .colored_icon_ctrl.active:after {
  display: none;
}
.non_logged_user_ctrl .sv_stroke.active {
  background-color: #32343e !important;
}
.non_logged_user_ctrl.initial_shot_window .supported_tools_main_ctrl {
  pointer-events: none;
  opacity: 0.5;
}
.non_logged_user_ctrl canvas.upper-canvas {
  cursor: default !important;
}
.non_logged_user_ctrl .isw_default_theme_btn:hover svg,
.non_logged_user_ctrl .isw_default_theme_btn:hover svg * {
  fill: #ffffff;
  color: #fff;
}
.activity_text {
  font-weight: 600;
  color: #676a6c;
}
.activity_text > span {
  color: #676a6c;
  font-weight: 400;
}
.activityMainActinDropdown {
  font-size: 12px;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  border: 1px solid #d5d5d6 !important;
  width: 122px;
  min-width: 100px;
  background-color: #fff;
}
.activityMainActinDropdown.arrow_box_top:before {
  left: auto;
  right: 9px;
}
.activityMainActinDropdown.arrow_box_top:after {
  left: auto;
  right: 11px;
}
.activityMainActinDropdown a.remove_comment_on_front {
  margin-left: auto;
  display: inline-flex;
  color: #fd7482;
  font-size: 13px;
  width: 100%;
  padding: 6px 10px;
  font-weight: 400;
}
.activityMainActinDropdown a.remove_comment_on_front:hover {
  color: #fd7482;
  background-color: #f5f5f5;
}
.activityMainActinDropdown a.remove_comment_on_front svg {
  margin-right: 6px;
  width: 15px;
  font-size: 12px;
  height: auto;
}
.dropdown.activity_action_btn.open {
  opacity: 1;
}
.activity_action_btn.open i {
  background-color: #edeff0 !important;
  opacity: 1 !important;
}
.z_index_seven {
  z-index: 9999999;
}
.conversation_is_merged {
  margin: 10px 0;
  padding: 0 15px;
  opacity: 0.8;
  text-align: center;
  font-size: 12px;
}
.conversation_is_merged > span {
  font-weight: 600;
}
.merge_modal_active .conversation_is_merged {
  margin: 40px 0 10px 0;
}
.vertical_bar_on_page .is_drag_over .drop_attachments_in_preview_panel_ctrl,
.vertical_bar_on_page
  .uppy-is-drag-over
  .drop_attachments_in_preview_panel_ctrl {
  display: block;
  width: calc(100% - 49px);
}
.is_drag_over .drop_attachments_in_preview_panel_ctrl,
.uppy-is-drag-over .drop_attachments_in_preview_panel_ctrl {
  display: block;
}
.is_drag_over .drop_attachments_in_preview_panel_ctrl,
.uppy-is-drag-over .drop_attachments_in_preview_panel_ctrl {
  display: block;
}
.conversation_preview_pane_main_wrapper
  .vertical_bar_on_page
  .is_drag_over
  .drop_attachments_in_preview_panel_ctrl,
.conversation_preview_pane_main_wrapper
  .vertical_bar_on_page
  .uppy-is-drag-over
  .drop_attachments_in_preview_panel_ctrl {
  width: 100%;
}
.es_default_theme .SplitPane.vertical {
  width: 100%;
}
.default-theme.vue_splitter_wrapper.es_default_theme {
  width: 100%;
  height: auto;
}
.default-theme.vue_splitter_wrapper.es_default_theme {
  width: 100%;
  height: calc(100vh - 58px);
}
.es_default_theme .SplitPane.vertical {
  left: 0 !important;
}
.es_sidebar_main {
  height: 100vh;
  min-width: 250px;
  background-color: #272c32;
  width: 100%;
}
.es_sidebar_heading {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  border-bottom: 1px solid #484b50;
  margin-bottom: 16px;
}
.es_sidebar_heading h3 {
  color: #f5f8fa;
  font-size: 16px;
  font-weight: 600;
}
.es_sidebar_heading .collapse-ctr {
  margin-left: auto;
  padding: 8px;
  transition: 0.2s;
  cursor: pointer;
  height: 26px;
  width: 26px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.es_sidebar_heading .collapse-ctr:hover {
  background: #48494d;
}
.es_sidebar_heading .collapse-ctr svg {
  vertical-align: middle;
  display: block;
  width: 13px !important;
  height: auto;
}
.es_sidebar_heading .collapse-ctr svg * {
  fill: #b4b5b9;
  z-index: 9999;
}
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #fff;
}
.styled-checkbox:hover + label:before {
  background: #f35429;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #f35429;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow:
    2px 0 0 #fff,
    4px 0 0 #fff,
    4px -2px 0 #fff,
    4px -4px 0 #fff,
    4px -6px 0 #fff,
    4px -8px 0 #fff;
  transform: rotate(45deg);
}
.es_filter_section_ctrl {
  border-bottom: 1px solid #484b50;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
}
.es_filter_section_main .es_filter_section_ctrl:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.es_filer_heading {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding: 0 10px 0 15px;
  margin: 0 !important;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100% !important;
  min-height: 33px;
}
.es_filter_items_ctrl {
  padding: 0 10px;
  margin-top: 10px;
}
.es_filter_items {
  color: #b4b5b9;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto !important;
  display: flex;
  align-items: center;
  padding: 5px 5px 5px 10px;
  border-radius: 3px;
  position: relative;
}
.es_filter_items:hover {
  background-color: #48494d;
}
.es_filter_items.active {
  background: rgb(14 154 239/10%);
  color: #fff;
}
.es_filter_items input {
  display: inline-flex;
}
.es_filter_items .styled-checkbox + label {
  margin: 0;
  display: inline-flex;
  align-items: center;
}
.es_filter_items .styled-checkbox + label:before {
  content: "";
  background-color: transparent;
  border: 1px solid #b4b5b9;
  width: 14px;
  height: 14px;
  border-radius: 1px;
  margin-right: 10px;
}
.es_filter_item_name {
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}
.es_filter_items.active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  background: #0e9aef;
  height: 100%;
  border-radius: 3px 0 0 3px;
}
.es_filter_items .styled-checkbox:checked + label:after {
  left: 2px;
  width: 2px;
  height: 2px;
}
.es_filer_heading > i {
  color: #fff;
  font-size: 11px;
  margin-right: 5px;
  margin-left: 5px !important;
  padding-left: 0 !important;
  vertical-align: middle;
  margin-top: 1px;
  line-height: normal;
  opacity: 0;
}
.es_filter_section_ctrl:hover .es_filer_heading > i {
  opacity: 1;
}
.es_filter_items:hover .styled-checkbox + label:before {
  content: "";
  border: 1px solid #e5e5e5;
}
.es_filter_items .styled-checkbox:checked + label:before {
  background: #0e9aef;
  border: 1px solid #0e9aef;
}
.es_filter_item_name i.list_circle_icon {
  font-size: 6px;
  margin-right: 8px;
  position: relative;
  top: 1px;
  color: #b4b5b9;
}
.es_filter_item_name .assignee_circle.in-dropdown {
  width: 19px;
  height: 19px;
}
.es_filter_items .user_status_circle_ctrl {
  right: -2px;
  bottom: 0;
  width: 7px;
  height: 7px;
}
.es_filter_item_name .rc-tree-iconEle.rc-tree-icon__customize {
  display: inline-flex !important;
}
.es_filter_item_name svg.priority_icon {
  display: inline-flex;
  margin: 0 8px 0 0;
  position: relative;
}
.es_filter_section_main {
  overflow: auto;
  max-height: calc(100vh - 119px);
}
.es_filer_heading .quick_search_internal i.fas.fa-search {
  left: 22px;
}
.es_filer_heading .quick_search_internal i.clear-text-search-left {
  margin-right: 17px;
}
.resulted_item {
  padding: 6px 10px 8px 10px;
  display: flex;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 0;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  width: 100%;
}
.gs_common_section .resulted_item:hover {
  background-color: #f8f8f8;
  border-left: 1px solid #e9e9eb;
  border-radius: 3px;
  border-right: 1px solid #e9e9eb;
}
.gs_common_section .resulted_item {
  cursor: pointer;
}
.ri_data {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ri_capture_name {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: flex-start;
}
.ri_icon {
  display: inline-flex;
  margin: 3px 10px 0 0;
}
.ri_icon svg,
.ri_icon svg * {
  fill: #333333;
}
.ri_icon svg {
  width: 14px;
  height: auto;
}
.ri_textual_data {
  border-left: 4px solid rgba(206, 213, 220, 0.94);
  padding: 0;
  margin: 15px 0 0 26px;
}
.ri_action_btns {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 10px;
}
.resulted_item_loop:hover .ri_action_btns {
  opacity: 1;
}
.ri_action_btns a.ri_quick_menu {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ri_action_btns a.ri_quick_menu:hover {
  background: #ebebed;
}
.ri_action_btns a.ri_quick_menu svg {
  width: 16px;
  height: 16px;
}
.ri_action_btns a.ri_quick_menu svg,
.ri_action_btns a.ri_quick_menu svg * {
  fill: #878f96;
}
.ri_action_btns a.ri_quick_menu:hover svg,
.ri_action_btns a.ri_quick_menu:hover svg * {
  fill: #333333;
}
.ri_action_btns a.ri_quick_menu i {
  font-size: 14px;
  color: #878f96;
}
.ri_action_btns a.ri_quick_menu:hover i {
  color: #333;
}
.ocr_container {
  display: inline-flex;
  align-items: flex-start;
}
.comment_text_container,
.merge_text_container,
.ocr_container {
  margin: 0 0 0 15px;
  padding: 4px 0;
}
.ocr_icon {
  margin: 3px 7px 0 0;
}
.ocr_icon svg,
.ocr_icon svg * {
  fill: #888888;
}
.ocr_icon svg {
  width: 13px;
  height: auto;
}
.ocr_text {
  color: #333;
  font-weight: 400;
  font-size: 14px;
}
.merge_text_container {
  margin: 0 0 0 35px !important;
}
.comment_text_container,
.merge_text_container,
.ocr_container {
  margin: 0 0 0 15px;
  padding: 4px 0;
}
.merge_text {
  color: #333;
  font-size: 13px;
}
.comment_text_container {
  display: inline-flex;
}
.comment_text_container,
.merge_text_container,
.ocr_container {
  margin: 0 0 0 15px;
  padding: 4px 0;
}
.comment_icon svg {
  stroke: #888888 !important;
  width: 13px;
  height: auto;
}
.comment_icon {
  margin: 3px 7px 0 0;
}
.ri_comment_text {
  color: #333;
  font-size: 13px;
  border: 1px solid #edeff0;
  background-color: #edeff0;
  padding: 3px 10px;
  border-radius: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#elastic_search_popup {
  background-color: #efefef;
}
.es_main_ctrl {
  width: 100%;
  padding: 0 5px 5px 0;
}
.es_capture_listing {
  width: 100%;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.es_header_ctrl {
  width: 100%;
  background-color: #fff;
  min-height: 48px;
  border: 1px solid #dadce0;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  margin-bottom: 7px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  flex-direction: column;
  height: auto;
}
.es_header_left,
.es_header_right {
  width: 100%;
}
.select_project_dropdown {
  height: 202px;
}
button.edit_es {
  border: 1px solid #dadce0;
  width: auto;
  white-space: nowrap;
  min-width: unset;
  padding: 0;
}
.es_header_right {
  display: inline-flex;
  justify-content: end;
  align-items: center;
}
.es_filter_dropdown {
  display: inline-flex;
  align-items: center;
}
.es_filter_dropdown button.dropdown-toggle:active {
  background: 0 0 !important;
  box-shadow: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
.es_filter_dropdown .dropdown-toggle .active_filter {
  margin-left: 4px;
  color: #0e9aef;
}
.es_filter_dropdown .dropdown-menu {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  border: 1px solid #d5d5d6 !important;
  padding: 5px;
  border-radius: 6px;
  font-size: 12px;
  overflow: auto;
  max-height: 456px;
  margin-top: 7px;
  right: 0;
  left: auto;
}
.es_filter_dropdown button.dropdown-toggle {
  background: 0 0 !important;
  border: 0 !important;
  position: relative;
  color: #676a6c !important;
  padding: 0;
  box-shadow: none !important;
}
.es_filter_dropdown .dropdown-toggle .active_filter {
  margin-left: 4px;
  color: #0e9aef;
}
.es_filter_dropdown .dropdown-menu > a {
  padding: 6px 10px;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
  font-weight: 400;
  border-radius: 3px;
  padding-right: 30px;
  padding-left: 8px;
  position: relative;
}
.es_filter_dropdown .dropdown-menu > a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.es_filter_dropdown .dropdown-menu > a.active {
  background-color: rgba(14, 154, 239, 0.1) !important;
  color: #0e9aef !important;
}
.es_filter_dropdown button.dropdown-toggle i.fa-caret-down {
  color: #676a6c;
  padding: 0 5px;
  font-size: 12px;
}
.es_filter_main {
  margin: 0 20px 0 0;
}
.edit_es {
  color: #262626;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  padding: 4px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.edit_es:hover {
  background-color: #f5f5f7;
}
.edit_es svg {
  width: 15px;
  height: 15px;
  margin: 0 7px 0 0;
}
.edit_es svg * {
  fill: #656565;
}
.es_header_main_ctrl {
  width: 100%;
  background-color: #fff;
  height: 48px;
  border: 1px solid #dadce0;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.es_header_main_ctrl {
  color: #262626;
  font-size: 16px;
}
.no_ocr_generate_section.data_div_ctrl svg {
  fill: rgba(135, 143, 150, 0.65);
  margin-bottom: 20px;
}
.es_total_searched_count {
  padding: 0 4px;
  font-weight: 600;
}
button.ocr_extract_btn {
  padding: 3px 12px;
  background: 0 0;
  border: 1px solid #0e9aef;
  border-radius: 3px;
  color: #0e9aef;
  font-size: 12px;
  font-weight: 600;
  margin: 5px 0 0 0;
}
button.ocr_extract_btn:hover {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.gs_elastic_searched_keyword {
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.es_header_first {
  display: flex;
  width: 100%;
}
.clear_filters {
  color: #949494;
  margin-left: auto;
  display: inline-flex;
  font-size: 11px;
  cursor: pointer;
}
.clear_filters:hover {
  color: #fff;
}
.es_advance_ctrl {
  width: 100%;
  height: auto;
}
.es_advance_search {
  padding: 0;
}
.es_advance_search h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 5px 20px 5px;
  color: #333;
}
.es_advance_search .form-group {
  display: flex;
  align-items: flex-start;
}
.es_advance_search .form-group .label {
  background: 0 0;
  padding: 0 10px;
  font-size: 13px;
  font-family: 'Inter', "Segoe UI", sans-serif;
  min-width: 140px;
}
.es_advance_search .form-group input.input-control {
  border: 1px solid #dadce0;
  width: 100%;
}
.es_advance_search .form-group textarea.input-control {
  border: 1px solid #dadce0;
  width: 100%;
  min-height: 70px;
  resize: vertical;
  max-height: 120px;
  overflow: auto;
}
.es_advance_search .form-group input.input-control,
.es_advance_search .form-group textarea.input-control {
  padding: 5px 10px;
  border-radius: 3px;
}
.es_header_second {
  width: 100%;
}
.es_footer {
  justify-content: flex-end;
  border-top: 1px solid #dadce0;
  margin: 0 -15px;
  padding: 15px 15px 5px 15px;
}
.es_footer button.btn-default {
  margin-right: 10px;
}
.es_no_data_in_preview .no_result_found.in_left_side_panel {
  width: calc(100% - 5px);
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 6px;
  height: calc(100% - 113px);
  overflow: hidden;
}
.es_no_data_in_sidebar
  .no_result_found.in_left_side_panel.in_capture_list_view {
  background: 0 0;
  height: 100%;
}
.es_no_data_in_sidebar .no_data_found_innr_ctrl.EmptyMsg h3 {
  color: #b4b5b9;
}
.object_context_ctrl {
  width: auto;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  border: 1px solid #d5d5d6 !important;
  border-radius: 6px;
  padding: 3px 3px;
  width: auto;
  display: inline-flex;
}
.initial_shot_window
  .object_context_ctrl
  .telement_item_menu_ctrl
  .telement_item {
  background-color: #fff;
  color: #252222;
  padding: 0 6px;
  height: 30px;
}
.object_context_ctrl .dropdown-menu.annotator_dark_dropdown {
  background-color: #fff;
  border: 1px solid #d5d5d6 !important;
  overflow: auto;
  max-height: 200px;
  margin-top: 6px;
  left: 0;
  right: auto;
}
.object_context_ctrl .telement_item_menu_ctrl .telement_item,
.object_context_ctrl .telement_item_menu_ctrl .telement_item svg {
  fill: #252222;
}
.initial_shot_window
  .object_context_ctrl
  .telement_item_menu_ctrl
  .telement_item {
  background-color: #fff;
  color: #252222;
  padding: 0 6px;
  height: 30px;
}
.object_context_ctrl .telement_item_menu_ctrl .telement_item,
.object_context_ctrl .telement_item_menu_ctrl .telement_item svg {
  fill: #252222;
}
.initial_shot_window
  .object_context_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  a {
  color: #252222 !important;
}
.initial_shot_window
  .object_context_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  a:hover {
  background-color: #f5f5f5;
}
.initial_shot_window
  .object_context_ctrl
  .dropdown-menu.theme_dropdown_with_icon_text
  a.active {
  background-color: rgba(14, 154, 239, 0.1) !important;
  color: #0e9aef !important;
}
.object_context_ctrl .dropdown-menu.annotator_dark_dropdown {
  background-color: #fff;
  border: 1px solid #d5d5d6 !important;
  overflow: auto;
  max-height: unset;
  margin-top: 6px;
  left: 0;
  right: auto;
}
.object_context_ctrl ul.color_picker_dropdown.dropdown-menu {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  left: 0;
  box-shadow: none !important;
  border-radius: 0;
  border: 0 !important;
  width: 154px !important;
}
.object_context_ctrl .color_ctrl ul.color_picker_dropdown.dropdown-menu {
  flex-wrap: wrap;
  min-width: 109px;
  width: auto !important;
}
.object_context_ctrl ul.color_picker_dropdown li {
  display: inline-flex;
}
.object_context_ctrl .color_ctrl ul.color_picker_dropdown li {
  margin: 0;
  width: unset;
  height: unset;
}
.object_context_ctrl .dropdown-menu.annotator_dark_dropdown.color_ctrl {
  height: 108px;
  min-width: 111px;
}
.initial_shot_window .object_context_ctrl .sv_stroke {
  background: 0 0;
}
.initial_shot_window .object_context_ctrl .sv_stroke svg {
  fill: #252222;
}
.initial_shot_window .object_context_ctrl .stroke_ctrl .sv_innr_ctrl {
  margin: 0;
  padding: 0;
  border: 0;
}
.initial_shot_window .object_context_ctrl .sv_stroke {
  background: 0 0;
}
.initial_shot_window .object_context_ctrl .stroke_ctrl .sv_stroke:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.object_context_ctrl .stroke_ctrl .sv_stroke.active {
  background-color: rgba(14, 154, 239, 0.1) !important;
  color: #0e9aef !important;
}
.object_context_ctrl .stroke_ctrl .sv_stroke.active svg,
.object_context_ctrl .stroke_ctrl .sv_stroke.active svg * {
  fill: #0e9aef !important;
}
.initial_shot_window .object_context_ctrl .telement_devider {
  border-right: 1px solid #ccc;
}
.object_context_ctrl
  .dropdown.show
  .dropdown-menu.annotator_dark_dropdown.stroke_ctrl {
  display: block;
}
.object_context_ctrl .dropdown-menu.annotator_dark_dropdown {
  background-color: #fff;
  border: 1px solid #d5d5d6 !important;
  overflow: auto;
  max-height: unset;
  margin-top: 6px;
  left: 0;
  right: auto;
}
.initial_shot_window .object_context_ctrl .sv_stroke i {
  color: #252222;
}
.obj_cntxt_hit_btn {
  width: 24px;
  height: 24px;
  margin: 0 5px;
}
.initial_shot_window
  .object_context_ctrl
  .telement_item_menu_ctrl
  .telement_item.obj_cntxt_hit_btn {
  width: 24px;
  height: 24px;
}
.obj_cntxt_hit_btn:hover {
  background-color: #ebebed !important;
}
.initial_shot_window
  .object_context_ctrl
  .telement_item_menu_ctrl
  .telement_item.obj_cntxt_hit_btn.auto_width {
  width: auto;
}
#stroke_variants_main_ctrl .sv_innr_ctrl {
  margin: 0;
  padding: 0;
  border: 0;
}
.object_context_ctrl .dropdown-menu.annotator_dark_dropdown.extra_innr_ctrl {
  min-width: 120px;
}
.btn-group.dvr_ctrl {
  border: 0;
  margin: 0 0 12px 0;
}
.dvr_ctrl button.dropdown-toggle {
  background: 0 0;
  border: 0;
  padding: 0;
  margin: 0 6px 0 0;
  display: flex;
  align-items: center;
}
.dvr_ctrl .dropdown-menu {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  border: 1px solid #d5d5d6 !important;
  min-width: 180px;
  padding: 5px;
  top: 30px !important;
  left: -8px !important;
}
.dvr_ctrl .dropdown-menu > a {
  padding: 6px 5px;
  display: flex;
  align-items: center;
  color: #465369;
  font-size: 13px;
  font-weight: 400;
  border-radius: 3px;
  cursor: pointer;
}
.dvr_ctrl .dropdown-menu > a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.dvr_ctrl .dropdown-menu > a svg {
  margin-right: 8px;
  fill: #7e8187;
  width: 16px;
  height: 16px;
  display: inline-flex;
  margin-top: 3px;
}
.dvr_ctrl .dropdown-menu > a.active {
  background-color: rgba(14, 154, 239, 0.1) !important;
  color: #0e9aef !important;
}
.dvr_ctrl .dropdown-menu > a img {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  display: inline-flex;
  margin-top: 1px;
}
.scr_recording_ctrl .modal-content {
  background-color: #282c34;
  border: 1px solid #282c34;
}
.scr_recording_ctrl .modal-content {
  background-color: #fff;
  border: 1px solid #d5d5d6;
}
.scr_recording_ctrl .modal-body {
  padding: 15px !important;
}
.scr_recording_ctrl .popup_footer_ctrl {
  margin: 0;
  width: 100%;
  margin: 15px 0 0 0;
}
.scr_recording_ctrl .popup_footer_ctrl .btn.btn_success {
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.scr_header {
  display: flex;
  align-items: center;
  margin: 0 0 15px 0;
}
.scr_header_logo {
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.scr_header_logo img {
  width: 30px;
  height: 22px;
  margin-right: 5px;
}
.video_record_option h3 {
  font-weight: 400;
  margin: 0 0 10px 0;
  color: #333;
}
.video_record_option h4 {
  color: #333;
  font-weight: 400;
  font-size: 13px;
  padding: 0;
  margin-bottom: 12px;
  font-weight: 600;
}
.btn-group.dvr_ctrl.dvr_select_ctrl {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.dvr_select_ctrl button.dropdown-toggle {
  border: 1px solid #d5d5d6 !important;
  padding: 7px 10px !important;
  border-radius: 3px;
  margin: 0;
  color: #353535;
  font-weight: 600;
  font-size: 13px;
}
.dvr_select_ctrl button.dropdown-toggle i {
  display: inline-flex;
  margin-left: auto;
}
.dvr_select_ctrl .dropdown-menu {
  width: 100%;
  top: 34px !important;
  left: unset !important;
  box-shadow: unset !important;
  border: 1px solid #d5d5d6 !important;
}
#screen_record_popup {
  width: 400px;
}
.scr_recording_ctrl h4.modal-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 2px 10px;
}
.scr_recording_ctrl h4.modal-title img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.dvr_select_ctrl button.dropdown-toggle svg {
  margin: 0 7px 0 0;
  width: 14px;
  height: 14px;
  display: inline-flex;
}
.dvr_select_ctrl button.dropdown-toggle > svg,
.dvr_select_ctrl button.dropdown-toggle > svg * {
  fill: #0e9aef;
}
.dvr_select_ctrl button.dropdown-toggle.disabled > svg,
.dvr_select_ctrl button.dropdown-toggle.disabled > svg * {
  fill: #9ca5b3;
}
.btn-group.dvr_ctrl.top_header {
  margin: 0;
}
.active_option {
  white-space: nowrap;
  overflow: hidden;
  width: 85%;
  text-align: left;
}
.btn-group.dvr_select_ctrl.not_available {
  cursor: not-allowed;
  pointer-events: none;
}
.disabled .active_option {
  opacity: 0.6;
}
.dvr_select_ctrl button.dropdown-toggle.disabled i {
  opacity: 0.6;
}
.non_supportable_url {
  text-align: center;
  font-size: 17px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
}
.media_device_confirm .modal_body_inner {
  text-align: center;
  align-items: center;
}
h5.whoops_msg_bold {
  font-size: 17px;
  color: #333;
  font-weight: 400;
  margin: 15px 0 0 0;
  line-height: 28px;
}
.info_center_group {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  margin: 15px 0 0 0;
}
.info_center_group button {
  padding: 5px 10px;
  margin: 0 5px;
}
.qv_timer_ctrl {
  margin: 0 8px 0 0;
}
.qv_inner_main {
  border: 1px solid #575a61;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
}
.qv_discard_button,
.qv_pause_button,
.qv_stop__timer_widget {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.qv_discard_button svg,
.qv_pause_button svg,
.qv_stop__timer_widget svg {
  cursor: pointer;
}
.qv_stop__timer_widget {
  border-right: 1px solid #575a61;
  padding: 5px 10px 5px 0;
}
.qv_stop__timer_widget svg {
  margin-right: 10px;
}
.qv_stop__timer_widget .qv_time_text {
  color: #fdfdfd;
  font-weight: 600;
  font-size: 16px;
}
.qv_pause_button {
  margin: 0 5px 0 10px;
}
.qv_discard_button {
  margin: 0 0 0 10px;
}
.qv_pause_button > i {
  cursor: pointer;
  color: #fff;
}
.chat_sidebar_ctrl {
  background-color: #f6f6f7;
}
.chat_filter_label {
  color: #262626;
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  display: inline-flex;
}
.chat_filter_label svg {
  margin: 0 4px 0 0;
}
.recent_chat_main_header .dropdown-menu {
  top: 100% !important;
}
.recent_chat_main_header i.fas.fa-caret-down {
  margin-left: 5px !important;
  padding-left: 0 !important;
  line-height: initial;
  color: #9d9da3;
  font-size: 16px;
  height: 12px;
  top: 0;
  position: relative;
}
.chat_filter_label svg {
  margin: 0 4px 0 0;
  width: 12px;
}
.chat_filter_label svg * {
  fill: #484d56;
}
.user_chat_window {
  background-color: #0e9aef;
  font-weight: 600;
  display: inline-flex;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  color: #fff;
  margin-right: 13px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  position: relative;
  cursor: pointer;
}
.user_chat_window img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.user_detail_card_ctrl {
  position: absolute;
  top: 45px;
  left: 0;
  width: 300px;
  height: 200px;
  z-index: 9999 !important;
  border-radius: 8px;
  background: #fff;
  padding-top: 10px;
  border: 1px solid #d5d5d6;
  -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  padding: 15px;
}
.user_chat_window:hover .user_detail_card_ctrl {
  display: block;
}
.udc_top_header {
  display: flex;
  align-items: center;
  margin: 0 0 5px 0;
}
.udc_top_header .user_chat_window {
  width: 60px;
  height: 60px;
  display: contents;
}
.udc_top_header .user_chat_window img {
  max-width: 40px;
  max-height: 40px;
}
.edc_wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowranpmp;
  max-width: calc(100% - 70px);
}
.edc_wrap .udc_name {
  font-weight: 600;
  color: #000;
  font-size: 16px;
  text-align: left;
}
.udc_info {
  color: #676a6c;
  font-weight: 400;
  font-size: 13px;
  padding: 10px 0 2px 20px;
  text-overflow: ellipsis;
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}
.udc_info svg {
  width: 14px;
  height: 14px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 13px;
}
.descriptive_status {
  color: #676a6c;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  padding: 1px 10px;
  border: 1px solid #d5d5d6;
  border-radius: 25px;
  float: left;
  margin: 12px 0;
}
.descriptive_status i.user_menu_indicator_status {
  padding: 0 10px 0 0;
  margin-right: 4px;
  display: inline-block;
  font-size: 14px;
}
.user_detail_card_ctrl .view_more {
  display: inline-flex;
  float: left;
  margin: 12px 10px;
}
.user_detail_card_ctrl .view_more a {
  font-size: 13px;
  font-weight: 400;
  text-decoration: underline;
}
.chat_header_action_btns.udc_footer {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  justify-content: flex-end;
  width: 100%;
  left: 0;
  border-top: 1px solid #d5d5d6;
  padding: 10px 15px;
}
.chat_info_widget {
  width: 100%;
  background-color: #fff;
}
.ciw_header_first {
  color: #1d1c1d;
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #e3e5e7;
}
.ciw_header_first h4 {
  font-size: 16px;
  font-weight: 600;
}
.ciw_header_first .task_action_icon_ctrl {
  margin-left: auto;
}
.ciw_contact_widget {
  padding: 15px;
}
.ciw_contact_widget .udc_top_header {
  background-color: #f6f8fa;
  border-radius: 14px;
  padding: 15px;
}
.ciw_contact_widget .udc_top_header .user_chat_window img {
  max-width: 60px;
  max-height: 60px;
}
.ciw_edc_wrap {
  width: 100%;
}
.ciw_contact_widget .edc_wrap .udc_name {
  font-size: 20px;
}
.ciw_contact_widget .udc_info {
  color: #1d1c1d;
  padding: 0 0 0 33px;
}
.ciw_edc_wrap .udc_info svg {
  top: 4px;
  left: 12px;
}
.ciw_contact_details {
  padding: 15px;
}
.ciw_contact_details h6 {
  color: #1d1c1d;
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 15px 0;
}
.icon_col_info {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.icon_col_info svg {
  width: 15px;
  height: 15px;
}
.icon_col_info .label_data_ctrl {
  margin: 0 0 0 15px;
  display: flex;
  flex-direction: column;
}
.icon_col_info .label_data_ctrl label {
  margin: 0;
  font-size: 12px;
}
.icon_col_info .label_data_ctrl .data {
  color: #1d1c1d;
  font-size: 13px;
  font-weight: 600;
}
.ciw_sections {
  padding: 15px;
}
.ciw_sec_head {
  color: #1d1c1d;
  font-weight: 600;
  font-size: 14px;
}
.ciw_sec_head .total_count {
  color: #757575;
  font-size: 12px;
  padding: 0 5px;
}
.ciw_sec_head i {
  font-size: 15px;
  margin-left: 8px;
  cursor: pointer;
  opacity: 0;
}
.ciw_sections:hover .ciw_sec_head i {
  opacity: 1;
}
.ciw_sections_list {
  padding: 10px 0;
}
.ciw_sections_list ul > li {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin: 0 0 12px 0;
}
.ciw_sections_list ul > li:last-child {
  margin: 0;
}
.ciw_sections .user_chat_window {
  width: 28px;
  height: 28px;
}
.ciw_participant_list {
  color: #1d1c1d;
  font-weight: 600;
}
.ciw_sections_list ul > li .btn_ctrl {
  border-radius: 20%;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
  cursor: pointer;
  transition: background 0.1s linear;
}
.ciw_sections_list ul > li .btn_ctrl:hover {
  background-color: #ebebed;
}
.ciw_sections_list ul > li .btn_ctrl svg {
  width: 14px;
}
.ciw_sections_list ul > li .btn_ctrl svg * {
  color: #757575;
  fill: #757575;
}
.ciw_sections_list ul > li .btn_ctrl_group {
  margin-left: auto;
}
.ciw_scroller {
  max-height: calc(100% - 63px);
  overflow: auto;
}
.chat_gallery_section {
  padding: 10px 0;
}
.chat_gallery_section_innr .image_wrapper {
  margin: 0 10px 10px 0;
  display: inline-flex;
}
.chat_gallery_section_innr .capture_coment_attachment img {
  max-width: 90px !important;
  min-width: unset;
  height: 70px;
}
.show_more_media {
  margin: 0 10px 10px 0;
  display: inline-flex;
  width: 90px;
  height: 70px;
  border: 1px solid #e3e5e7;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ciw_object_list {
  color: #1d1c1d;
  font-weight: 600;
}
.ciw_sections_list ul > li.ciw_file > i {
  font-size: 14px;
  margin: 0 13px 0 5px;
}
.ciw_sections_list ul > li.ciw_link > i {
  font-size: 14px;
  margin: 0 13px 0 5px;
}
.ciw_sections_list ul > li.ciw_link > svg {
  font-size: 14px;
  margin: 0 13px 0 5px;
  width: 13px;
  height: 14px;
}
.addMarginOnLoding {
  margin-left: -11px;
}
.vb_sec_icon {
  padding: 0 8px 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 17px;
}
span.vb_sec_icon.for_sec {
  margin: 0 0 0 9px;
}
.sidebarToggle {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 6px;
  cursor: pointer;
  border-radius: 4px;
  padding: 0 13px;
}
.sidebarToggle:hover {
  background-color: #48494d;
}
.sidebarToggle svg {
  fill: #b4b5b9;
  width: 15px;
  height: 15px;
}
.sidebarToggle svg * {
  fill: #b4b5b9 !important;
}
.vertical_bar_active ul.capture_fixed_menu_ul > li.parent_item_ctrl {
  padding: 4px 0 4px 17px !important;
}
.vertical_bar_active .vb_sec_icon {
  min-width: 13px;
  margin: 0 8px 0 0;
  align-items: unset;
  justify-content: unset;
  padding: 0;
}
.treeview-heading .vb_sec_icon.for_sec {
  padding: 0 !important;
}
.vertical_bar_active ul.capture_fixed_menu_ul > li {
  padding: 4px 6px 4px 12px !important;
}
.vertical_bar_active .gray_theme_custom_sidebar .inbox_default_folder {
  margin: 0 5px;
}
.vertical_bar_active ul.capture_fixed_menu_ul > li.pl-50 {
  padding-left: 26px !important;
}
.vertical_bar_active
  .capture_folder_left_side_bar_list_private_folder.inbox_default_folder.all_private_button {
  margin: 0 5px 0 5px;
}
.vertical_bar_active
  #my_spaces
  .all_captures_component_control
  li.parent_item_ctrl {
  padding: 4px 0 4px 18px !important;
}
.vertical_bar_in_active
  #my_spaces
  .all_captures_component_control
  li.parent_item_ctrl {
  padding: 4px 0 4px 18px !important;
}
.main_sidebar_collapsed
  #my-tag.tag_section_in_left_sidebar
  .rc-tree.section_bottom_space_control.tag_list_tree_scroll,
.main_sidebar_collapsed
  #my_spaces
  .tree_folder_main_container_ctrl.section_bottom_space_control,
.main_sidebar_collapsed
  #my_spaces
  ul.capture_fixed_menu_ul.my_inbox_section.all_captures_component_control,
.main_sidebar_collapsed
  .capture_folder_left_side_bar_list_private_folder.inbox_default_folder.all_private_button,
.main_sidebar_collapsed .capture_menu_item,
.main_sidebar_collapsed .captures_count,
.main_sidebar_collapsed
  .fev_collection_section_ctrl
  .section_bottom_space_control,
.main_sidebar_collapsed .notif_sidebar_label,
.main_sidebar_collapsed .project_list_item_count,
.main_sidebar_collapsed .quick_search.in_sidebar,
.main_sidebar_collapsed
  .rc_switcher_view_ctrl
  .rc_switcher_view_item
  .trash_dropdown,
.main_sidebar_collapsed
  .rcl.team_label_with_plus_icon
  .toggle_tree_section_innr.tags_add_more_dropdown.rcl,
.main_sidebar_collapsed .team_label_with_setting_icon .team_fol_seting_icon,
.main_sidebar_collapsed .toggle_tree_sections.tags_add_more_ctrl.rcl,
.main_sidebar_collapsed .trash_count,
.main_sidebar_collapsed .trash_label_sidebar,
.main_sidebar_collapsed
  .treeview-heading.title-slide.rcl
  h3.sidebar_section_headings_text_limitter,
.main_sidebar_collapsed
  .treeview-heading.title-slide.rcl
  h3.sidebar_section_headings_text_limitter
  .sec_heading_txt_lmtr_innr,
.main_sidebar_collapsed .treeview_search_filter_ctrl,
.main_sidebar_collapsed h3.sidebar_section_headings_text_limitter,
.main_sidebar_collapsed li.notification_child_ele,
.main_sidebar_collapsed
  ul.capture_fixed_menu_ul.my_inbox_section
  > li:hover
  .captures_count,
.main_sidebar_collapsed
  ul.capture_fixed_menu_ul
  > li
  > .capture_menu_item.notification_menu_in_sidebar
  > i {
  display: none !important;
}
.main_sidebar_collapsed .leftSidebarMainDiv {
  min-width: unset;
}
.main_sidebar_collapsed .treeview-heading.title-slide {
  margin: 0 !important;
  padding: 0 !important;
  height: unset !important;
  border: 0 !important;
}
.main_sidebar_collapsed
  ul.capture_fixed_menu_ul.my_inbox_section.section_top_bottom_space_control {
  padding: 0 !important;
  margin: 0;
}
.main_sidebar_collapsed ul.capture_fixed_menu_ul > li.parent_item_ctrl {
  background: 0 0;
  border: 0;
  padding: 0 !important;
}
.main_sidebar_collapsed .rc_switcher_view_ctrl {
  background: 0 0;
  border: 0;
}
.main_sidebar_collapsed .rc_switcher_view_icon {
  margin: 0;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
}
.main_sidebar_collapsed .rc_switcher_view_item_center {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 4px;
  margin: 0 !important;
  cursor: grab;
  transition: none;
  padding: 0;
  width: 28px;
  height: 28px;
  position: relative;
}
.main_sidebar_collapsed ul.capture_fixed_menu_ul > li:hover {
  background: 0 0 !important;
}
.main_sidebar_collapsed .rc_switcher_view_ctrl .rc_switcher_view_item {
  border: 0;
}
.main_sidebar_collapsed .vb_sec_icon svg,
.main_sidebar_collapsed .vb_sec_icon.for_sec svg {
  width: 16px;
  height: auto;
  fill: #484d56;
  opacity: 1;
  position: absolute;
  margin: auto !important;
  left: 0;
  right: 0;
}
.main_sidebar_collapsed
  .vb_sec_icon
  svg
  *
  .main_sidebar_collapsed
  .vb_sec_icon.for_sec
  svg
  * {
  fill: #b4b5b9;
}
.main_sidebar_collapsed .vb_sec_icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin: 5px auto !important;
  transition: none;
  padding: 0;
  width: 34px;
  height: 34px;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.1s ease-in;
  transition: ease-in;
  -ms-transitionease: background 0.1s ease;
  -o-transition: background 0.1s ease;
}
.main_sidebar_collapsed .rc_switcher_view_ctrl .rc_switcher_view_item:hover {
  background: 0 0;
}
.main_sidebar_collapsed .vb_sec_icon i {
  font-size: 15px;
  color: #484d56;
  opacity: 1;
  position: absolute;
  margin: auto;
}
.sidebarToggle.to_expand {
  margin: 8px auto;
  width: 28px;
  height: 28px;
}
.sidebarToggle.to_expand svg {
  transform: rotate(180deg);
  fill: #484d56;
  width: 17px;
  height: 17px;
}
.sidebarToggle.to_expand svg * {
  fill: #484d56;
}
.main_sidebar_collapsed
  li.capture_folder_left_side_bar_list_private_folder.inbox_default_folder {
  margin: 0 !important;
  width: 100%;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.main_sidebar_collapsed ul.capture_fixed_menu_ul > li.active:hover {
  background: rgb(14 154 239 / 10%) !important;
}
.main_sidebar_collapsed .active .vb_sec_icon:hover {
  background: 0 0 !important;
}
.main_sidebar_collapsed
  ul.capture_fixed_menu_ul
  > li.parent_item_ctrl.collapse_section {
  padding: 0 !important;
  border: 0 !important;
}
.du_panel_breadcrumb .list_sub_header_main {
  padding: 11px 10px;
  height: auto;
}
.du_panel_breadcrumb .list_sub_header_main.list_panel_first_header {
  border-bottom: 1px solid #e2e7eb;
}
.du_panel_header_second {
  padding: 0 10px;
  background-color: rgba(226, 231, 235, 0.4);
  border-bottom: 1px solid #e2e7eb;
}
.du_panel_active_folder .du_folder_name {
  color: #262626 !important;
  font-weight: 600;
  font-size: 14px;
}
.du_panel_active_folder .du_capture_count {
  color: #262626;
  font-weight: 600;
  font-size: 13px;
  padding: 0 5px;
}
.rc_dual_panel_control .vue_splitter_pane.app_all_captures {
  background-color: #f4f6f7 !important;
}
.rc_dual_panel_control .vue_splitter_pane.app_all_captures.active_panel {
  background-color: #fff !important;
}
.active_panel .no_item_selected_wrapper.in_2nd_panel_view {
  background-color: #fff;
}
.date_created_tooltip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
}
.custom_view_dropdown_ctrl .dropdown-menu.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.custom_view_dropdown_ctrl .dropdown-menu.disabled a {
  pointer-events: none;
  opacity: 0.9;
  cursor: not-allowed;
}
.PageNavOverlay {
  height: 32px;
  color: #485056;
  display: inline-flex;
  cursor: pointer;
  opacity: 0.85;
  position: absolute;
  background: #282a2f;
  border-radius: 4px;
  left: 0;
  bottom: 100px;
  z-index: 99999;
  right: 0;
  margin: 0 auto;
  width: unset;
  align-items: center;
  justify-content: center;
  width: 175px;
  min-height: 40px;
}
.PageNavOverlay .side-arrow-container {
  padding: 0;
  border: none;
  background-color: transparent;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
}
.PageNavOverlay button.side-arrow-container {
  padding: 0;
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  color: #485056;
  border: 1px solid transparent;
  margin: 0 10px;
}
.PageNavOverlay .side-arrow-container:hover {
  background: #21242a;
}
.page_navigation_ctrl {
  font-size: 12px;
}
.PageNavOverlay .side-arrow-container .side-arrow svg {
  width: 20px;
}
html:not([data-tabbing="true"]) .PageNavOverlay .side-arrow-container {
  outline: 0;
}
.PageNavOverlay .side-arrow-container .side-arrow {
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.PageNavOverlay .side-arrow-container:hover {
  background: #21242a;
}
.PageNavOverlay .formContainer {
  height: 100%;
  display: flex;
  align-items: center;
}
.PageNavOverlay .formContainer form {
  position: relative;
  color: #fff;
}
.PageNavOverlay .formContainer form input {
  min-width: 8px;
  padding: 0;
  border: none;
  text-align: right;
  font-weight: 700;
  background: 0 0;
  color: #fff;
  cursor: pointer;
  outline: 0;
  border-radius: 0;
}
.PageNavOverlay .side-arrow-container .side-arrow svg path {
  fill: #ffffff;
}
.allotment-module_splitView__L-yRc
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O {
  overflow: visible !important;
}
.allotment-module_splitView__L-yRc
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(
    .allotment-module_visible__AHq-h
  ) {
  display: block !important;
}
.annotator_tool_incrementor_box {
  display: flex;
  align-items: center;
}
.annotator_tool_incrementor_box > input {
  border: 0;
  width: 65px;
  text-align: center;
  height: 24px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  cursor: text;
  padding: 0;
  box-shadow: 1px 1px 5px inset rgb(0 0 0 / 10%);
  border: 1px solid #ebebed;
  transition: background 0.1s ease-in-out;
}
.annotator_tool_incrementor_box > input[type="number"] {
  margin-left: 10px;
}
.annotator_tool_incrementor_box > input:hover {
  background-color: #ebebed;
}
.annotator_tool_incrementor_box > input:focus {
  box-shadow: 1px 1px 5px inset rgb(0 0 0 / 10%);
}
.annotator_tool_incrementor_ctrl {
  display: flex;
  flex-direction: column;
  width: 27px;
  height: 24px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 5px;
  transition: background 0.1s ease-in-out;
  border-radius: 4px;
}
.annotator_tool_incrementor_ctrl:hover {
  background-color: #ebebed;
}
.annotator_tool_incrementor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4px;
  cursor: pointer;
}
.annotator_tool_incrementor svg {
  width: 13px;
  display: inline-flex;
  align-items: center;
}
.annotator_tool_incrementor_box > input::-webkit-inner-spin-button,
.annotator_tool_incrementor_box > input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.annotator_tool_incrementor_box > input[type="number"] {
  -moz-appearance: textfield;
}
.annotator_tool_case {
  width: 24px;
  height: 24px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: 4px;
  font-size: 13px;
  margin: 0 5px 0 10px;
  position: relative;
  cursor: pointer;
  transition: background 0.1s ease-in-out;
}
.annotator_tool_case:hover {
  background-color: #ebebed;
}
.annotator_tool_case.active {
  color: #0e9aef;
}
.annotator_tool_case.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  border-bottom: 2px solid #0e9aef;
  width: 17px;
  margin: auto;
  right: 0;
}
.annotator_tool_case i {
  position: relative;
  top: -1px;
}
.pdf_preview_loader {
  background-color: #fff;
  width: 180px;
  height: 180px;
  display: inline-flex;
  box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.8);
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.preview_loader .pdf_preview_loader img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.canvas_edit_compact_view .preview_loader.preview_loader_modal.for_pdf {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0;
  align-items: center;
  justify-content: center;
  cursor: default;
}
.pdf_preview_loader p {
  font-weight: 600;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
}
.dark_mode_active
  .outline_tree_header
  .treeview_search_filter_ctrl
  .filtertxt_input:focus,
.dark_mode_active
  .outline_tree_header
  .treeview_search_filter_ctrl
  .filtertxt_input:hover {
  border-color: #ffffff33 !important;
  background-color: #2a2d34 !important;
  color: #fff !important;
}
.DashboardGridLoadingState-card {
  box-sizing: border-box;
  padding: 12px;
}
.DashboardGridLoadingState-chartCard {
  height: 368px;
  width: 50%;
}
.ThemeableCardPresentation {
  background: #fff;
  border: 1px solid #edeae9;
  border-radius: 8px;
  box-shadow: none;
  box-sizing: border-box;
  transition-duration: 0.2s;
  transition-property: background, border-color, box-shadow;
}
.DashboardGridCard {
  box-sizing: border-box;
  display: flex;
  height: 100%;
  padding: 12px;
  position: relative;
  width: 100%;
}
.PlaceholderDashboardGridChartCard-chart {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
}
.DashboardPlaceholderRow {
  animation: animation-shimmering 1.5s linear infinite;
  background-color: rgba(55, 23, 23, 0.03);
  background-image: linear-gradient(
    -90deg,
    rgba(55, 23, 23) 0,
    rgba(55, 23, 23, 0.05) 50%,
    rgba(55, 23, 23, 0) 100%
  );
  background-position: -300px 0;
  background-repeat: no-repeat;
  background-size: 300px 100%;
  border-radius: 4px;
  height: 12px;
}
.DashboardPlaceholderRow-height--12 {
  height: 12px;
}
.DashboardPlaceholderRow-width--160 {
  width: 160px;
}
.PlaceholderDashboardGridChartCard-title {
  margin-top: 4px;
}
.PlaceholderDashboardGridChartCard-columnChart {
  align-items: baseline;
  display: flex;
}
.DashboardPlaceholderColumn {
  animation: animation-shimmering 1.5s linear infinite;
  background-color: rgba(55, 23, 23, 0.03);
  background-image: linear-gradient(
    -90deg,
    rgba(55, 23, 23, 0) 0,
    rgba(55, 23, 23, 0.05) 50%,
    rgba(55, 23, 23, 0) 100%
  );
  background-position: -300px 0;
  background-repeat: no-repeat;
  background-size: 300px 100%;
  border-radius: 4px;
  height: 12px;
  border-radius: 4px 4px 0 0;
}
.DashboardPlaceholderColumn-width--24 {
  width: 24px;
}
.DashboardPlaceholderColumn-height--120 {
  height: 120px;
}
.DashboardPlaceholderColumn-height--160 {
  height: 160px;
}
.PlaceholderDashboardGridChartCard-columnChart > * {
  margin-left: 24px;
}
.refresh_page_data {
  display: flex;
  cursor: pointer;
  padding: 3px 10px;
  color: #757677;
  font-weight: 600;
  font-size: 0.9em;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
  border: 1px dashed #dcdcdc;
  border-radius: 14px;
  margin: 0 0 0 13px;
  position: relative;
  top: 2px;
}
.refresh_page_data:hover {
  color: rgb(28 34 45 / 100%);
  font-weight: 600;
}
.refresh_page_data svg {
  width: 14px;
  margin: 0 8px 0 0;
}
.refresh_page_data svg * {
  fill: #757677;
}
.refresh_page_data:hover svg * {
  fill: rgb(28 34 45 / 100%);
}
@media only screen and (max-width: 1919px) {
  .leftSidebarMainDiv {
    min-width: auto !important;
  }
}
@media only screen and (max-width: 1860px) {
  .multiple_widget_ctrl > .multiple_widget_item {
    width: calc(100% / 5);
    margin-right: 18px;
  }
}
@media only screen and (max-width: 1778px) {
  .multiple_widget_ctrl {
    display: inline-block;
  }
  .multiple_widget_ctrl > .multiple_widget_item {
    width: calc(100% / 3 - 28px);
    margin-right: 18px;
    margin-left: 0;
    display: inline-flex;
  }
}
@media only screen and (max-width: 1560px) {
  .multiple_widget_ctrl {
    display: inline-block;
  }
  .multiple_widget_ctrl > .multiple_widget_item {
    width: calc(100% / 3 - 21px);
    margin-right: 18px;
    margin-left: 0;
    display: inline-flex;
  }
}
@media only screen and (max-width: 1410px) {
  .new-caseiq-header .caseiq-container .caseiq-dropdown > li a {
    padding: 13px 5px;
  }
}
* {
  -webkit-overflow-scrolling: touch;
}
a {
  color: #1f7fc9;

  cursor: pointer;
}
.right-padding-0 {
  padding-right: 0 !important;
}
.filter-search.ui-autocomplete {
  width: 300px !important;
  border-radius: 0 !important;
  max-height: 495px;
  overflow: auto;
  border: 1px solid #e2e2e2 !important;
  border-bottom: 3px solid #ccc !important;
  top: 50px !important;
}
.filter-search.ui-autocomplete:not(:root) {
  max-height: 465px;
}
.filter-search.ui-menu .ui-menu-item {
  display: block;
  float: left;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.filter-search.ui-menu .ui-menu-item a {
  float: left;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}
.filter-search.ui-menu .ui-menu-item:nth-child(2n) a {
  background: #fdfdfd;
}
.filter-search .ui-autocomplete-category {
  margin: 0 !important;
  padding: 10px 10px !important;
  color: #333;
  font: 600 13px;
  clear: both;
  border-bottom: 1px solid #f2f2f2 !important;
}
.filter-search.ui-autocomplete li .autocomp {
  padding: 0 10px !important;
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #f2f2f2 !important;
  border-radius: 0;
  margin: 0 !important;
  position: relative;
}
.filter-search.ui-menu .ui-menu-item:nth-child(2n) .autocomp {
  background: #fdfdfd;
}
.filter-search.ui-autocomplete li .autocomp:hover {
  background: #f2f2f2 !important;
  border-bottom: 1px solid #f2f2f2 !important;
  padding: 0 10px !important;
  margin: 0 !important;
}
.filter-search.ui-autocomplete li .autocomp h3 {
  font: 600 13px;
  color: #666;
  padding-left: 40px;
  padding-right: 0;
  margin-bottom: 1px;
}
.filter-search.ui-autocomplete li .autocomp p {
  font: 12px;
  color: #999;
  padding-left: 40px;
  padding-right: 0;
  margin-bottom: 7px;
}
.filter-search.ui-autocomplete li .autocomp span.fa {
  color: #999;
  font-size: 28px;
  position: absolute;
  top: 20%;
  font-weight: 100;
}
.filter-search.ui-autocomplete li .autocomp span.pos-rht {
  right: 20px;
  font-size: 18px;
  display: none;
  top: 30%;
}
.filter-search.ui-autocomplete li .autocomp a.pos-rht2 {
  right: 50px;
  font-size: 18px;
  position: absolute;
  top: 26%;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  background: 0 0;
  display: none;
}
.filter-search.ui-autocomplete li .autocomp a span.fa-sign-out {
  font-size: 18px;
  top: -2px;
  right: auto;
  left: auto;
  position: relative;
}
.filter-search.ui-autocomplete li .autocomp:hover a.pos-rht2,
.filter-search.ui-autocomplete li .autocomp:hover span.pos-rht {
  display: block;
}
.filter-search .ui-state-focus {
  border: none !important;
  background: #f2f2f2 !important;
  font-weight: 400 !important;
}
.filter-search .ui-state-focus .autocomp {
  background: #f2f2f2 !important;
}
.context-menu {
  position: absolute;
  left: 0;
  overflow: visible;
  width: 90%;
  background: #fff;
  border: 1px solid #f2f2f2;
  padding: 0 0;
  box-shadow: 1px 5px 10px #e6e6e6;
  top: 0;
  z-index: 10;
  display: none;
}
.view_ctrl:hover .context-menu {
  display: block;
}
.context-menu p {
  display: block;
  color: #333;
  padding: 5px !important;
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 0;
}
.context-menu p:hover {
  background: #f7f7f7;
}
.filter-search.ui-autocomplete
  li
  .autocomp
  span.pos-rht:hover
  .span.pos-rht
  + .context-menu {
  display: block;
}
.front-sticky {
  background-color: #fafafa;
  border-top: 1px solid #d6d6d6;
  bottom: 52px;
  box-sizing: border-box;
  left: 0;
  padding: 10px 5px 6px;
  position: absolute;
  right: 0;
  z-index: 0;
  margin: 0 1px;
  text-align: center;
  font-size: 12px;
}
.front-sticky .flt-lft {
  width: auto;
  float: left;
}
.front-sticky .flt-lft span {
  width: 12px;
  display: inline-block;
  cursor: pointer;
}
.front-sticky .flt-lft p {
  text-align: left;
  color: #676a6c;
  font-weight: 100;
  margin: 0;
}
.green {
  color: #0e9aef;
}
.red {
  color: #d9534f;
}
.front-sticky img {
  display: inline;
  margin-top: -1px;
  padding: 0 4px;
  width: 27px;
}
.front-sticky img:not(:root) {
  margin-top: 0;
}
.front-sticky .trd-rght {
  width: auto;
  float: left;
  text-align: right;
}
.front-sticky .trd-rght .checkbox {
  position: relative;
  padding-left: 0;
  padding-right: 25px;
  margin: 0;
}
.front-sticky .trd-rght .checkbox input[type="checkbox"] {
  display: none;
}
.front-sticky .trd-rght .checkbox label {
  font-size: 13px;
  color: #676a6c;
}
.front-sticky .trd-rght .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  right: 0;
  margin-left: -20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition:
    border 0.15s ease-in-out,
    color 0.15s ease-in-out;
  -o-transition:
    border 0.15s ease-in-out,
    color 0.15s ease-in-out;
  transition:
    border 0.15s ease-in-out,
    color 0.15s ease-in-out;
}
.front-sticky .trd-rght .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  top: 0;
  margin-left: -20px;
  padding-right: 3px;
  padding-top: 0;
  font-size: 11px;
  color: #555;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: FontAwesome;
  content: "\f00c";
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.modal-backdrop {
  z-index: 999 !important;
}
.stky-ftr-pop .modal-header {
  padding: 10px 15px;
}
.stky-ftr-pop .modal-title {
  font-size: 18px;
}
.stky-ftr-pop .table_ui {
  border: 1px solid #c6c6c6;
}
.stky-ftr-pop .table_ui td {
  border-bottom: 1px solid #c6c6c6;
  border-collapse: inherit;
  border-right: 1px solid #c6c6c6;
  padding: 7px 15px;
}
.stky-ftr-pop .table_ui tr {
  border-collapse: inherit !important;
}
.stky-ftr-pop .table_ui td:last-child {
  border-right: 0 none;
  text-align: center;
}
.mtdt_ctrl .checkbox > label {
  padding-left: 0;
}
td.publish {
  text-align: center;
}
.doj_custom {
  min-width: 135px !important;
  width: auto;
}
.tblabbrev_abbrev {
  width: 95px !important;
}
.dt_table_date {
  max-width: 44px !important;
  min-width: 44px;
}
.dt_table_month {
  max-width: 44px !important;
  min-width: 44px;
}
#datatable-reset-ctrl > input {
  background: #fff !important;
}
#datatable-reset-ctrl > input:hover {
  background: #fff !important;
}
.edit_judgment_action .btn {
  padding: 3px 12px;
}
.edit_judgment_action > span {
  margin-top: 5px;
}
.caseid_input {
  width: 55px !important;
}
.status_select {
  width: 50px !important;
  padding: 2px;
  font-weight: 100;
}
#judgments_datatable {
  min-width: 880px !important;
  text-align: center;
  table-layout: inherit;
}
#judgments_datatable select {
  font-size: 13px !important;
  width: 100% !important;
  padding: 3px 4px !important;
}
#users_datatable {
  min-width: 1000px !important;
  text-align: center;
}
#users_datatable th {
  text-align: center;
}
.tbluser_group_idtbluser_email_address {
  text-align: left !important;
}
.tbluser_stamp_time_created {
  width: 160px !important;
}
.off-page-header {
  padding-bottom: 12px;
}
.off-page-header h2 {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 12px;
}
.edit_judgment_action {
  position: initial;
  right: auto;
  top: auto;
  margin-top: 10px;
  float: right;
  text-align: right;
  width: 104%;
}
.newAdmin.edit_judgment_action {
  float: right;
  margin: 9px 15px 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  width: auto;
}
.filter_lbls {
  display: none;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0;
}
.popupCtrl {
  text-align: left;
}
.pdf-ico {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  color: #676a6c !important;
  display: inline-block !important;
  font-size: 14px;
  margin-left: 5px !important;
  padding-top: 3px !important;
  vertical-align: top;
}
.info-ico {
  font-size: 10px;
  background: 0 0 !important;
  color: #6f6f6f !important;
  padding: 0 !important;
  position: relative;
  top: 3px;
}
.info-ico {
  margin-left: 3px !important;
  vertical-align: top;
}
.info-ico > i {
  color: #909090;
  font-size: 13px;
}
a.pdf-ico:focus,
a.pdf-ico:hover {
  border: none !important;
}
#judgments_datatable .tooltip {
  font-weight: 100;
}
#judgments_datatable .tooltip-inner {
  font: 12px Arial;
  padding: 5px 10px;
  background: #4e4e4e;
}
#judgments_datatable .tooltip.top .tooltip-arrow {
  border-top-color: #4e4e4e;
}
.footer_bottom_ctrl {
  float: left;
  width: 100%;
}
.data-table-wrapper .footer_bottom_ctrl .footer_information {
  display: block;
  float: right;
  padding-top: 4px;
}
.tblcase_checking_ok_to_publish {
  width: 25px !important;
}
.tblcase_checking_metadata_ok {
  width: 25px !important;
}
.tblcase_id {
  width: 64px !important;
}
h3.box-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #d3d3d4;
  color: #000;
}
.breadcrumb_header {
  float: left;
  margin: 16px 0 10px 0;
  background: #f3f3f4;
}
.nopos .breadcrumb_header {
  left: 10px;
  position: relative;
  right: 0;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 4px;
  white-space: nowrap;
  padding-bottom: 4px;
}
.sitearea_anlys .modal-header {
  padding: 5px 15px;
}
.sitearea_anlys .modal-body {
  padding: 0 !important;
}
.sitearea_anlys .ibox-content {
  padding: 0;
}
.sitearea_anlys .ibox-content table {
  margin-bottom: 0;
}
.sitearea_anlys .ibox-content table tr td {
  padding: 5px 15px;
}
.sitearea_anlys .modal-title {
  font-size: 20px;
}
.sitearea_anlys .modal-body {
  padding: 15px;
  max-height: 350px;
  overflow-y: auto;
}
.sitearea_anlys .ibox {
  margin-bottom: 0;
}
.sitearea_anlys .close {
  font-size: 14px !important;
  position: absolute;
  left: 100%;
  top: 2px;
  padding: 6px 8px;
  background: #3e3e3e;
  opacity: 1;
  color: #fff;
  text-shadow: none;
  font-weight: 100;
}
.save-alertbox {
  background: #fff none repeat scroll 0 0;
  border-color: #0e9aef #e7e7e7 #e7e7e7;
  border-style: solid;
  border-width: 3px 1px 1px;
  bottom: 0;
  height: 220px;
  left: 0;
  margin: auto;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
  width: 370px;
  z-index: 3;
}
.save-file_uploaded .sk-spinner-wave.sk-spinner {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.save-alertbox h4 {
  font-size: 16px;
  color: #6f6f6f;
  text-align: left;
  margin: 0 0 8px;
}
.save-alertbox p {
  font-size: 13px;
  color: #6f6f6f;
  text-align: left;
  margin: 0 0 5px;
}
.popbtn_wrap {
  width: 100%;
  float: left;
  position: relative;
  margin: 14px 0 0;
}
.popbtn_wrap .btn {
  margin-right: 5px;
}
.nopos {
  position: initial !important;
}
.mini-navbar .nav-third-level {
  left: 100% !important;
}
.mini-navbar .nav-third-level {
  width: 260px;
}
.nav-third-level strong {
  background: #f2f2f2;
  color: #333;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
  margin-top: 5px;
}
.mini-navbar .nav-third-level strong {
  position: absolute;
  right: 10px;
  top: 5px;
}
.upload_table {
  width: 100%;
  float: left;
  margin-bottom: 90px;
}
.upload_table table tr td,
.upload_table table tr th {
  padding: 5px;
}
.box-body.padding_10 {
  overflow: auto;
}
.box-body.padding_10 table {
  min-width: 700px;
}
.title_common_breadcrumb {
  font-size: 22px;
  color: #000;
  font-weight: 500;
}
.popover-content {
  padding: 9px 6px;
}
.popover-content p {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 3px;
}
.popover-content span {
  font-size: 11px;
  font-weight: 500;
}
.search-head {
  float: right;
  margin: 9px 0 0 0;
  position: relative;
  z-index: 1000;
}
.search-navtext:before {
  font: 14px FontAwesome;
  content: "\f14e";
  position: absolute;
  top: 8px;
  left: 7px;
  color: #afafaf;
  z-index: 1;
}
.search-navicon {
  padding: 2px 0 0 5px;
  font-size: 18px;
  color: #999c9e;
  position: absolute;
  cursor: pointer;
  z-index: 5;
  right: 10px;
}
.search-navtext {
  float: left;
  display: none;
}
.search-headbox {
  width: 300px;
  height: 30px;
  border: 1px solid #ccc;
  background: #fafafa;
  padding: 5px 30px 5px 25px;
  outline: 0;
  position: relative;
}
.search-headbox:focus {
  border: 1px solid #999;
}
.position_relative {
  width: 100%;
}
.dashboard-mojo .position_relative,
.user-mojo .position_relative {
  width: 100%;
}
.user-details {
  width: 100%;
  float: left;
  font-size: 13px;
}
.user-details .row .col strong {
  font-weight: 600;
}
.user-details .row .col {
  padding: 8px 0;
}
.user-details .row .col label {
  font-weight: 100;
}
.user-details .row {
  border-bottom: 1px solid #f2f2f2;
  margin: 0;
}
.user-details .row input[type="text"],
.user-details .row select {
  width: 300px;
  height: 30px;
  font-size: 13px;
  border: 1px solid #e2e2e2;
  outline: 0;
  padding: 0 5px;
}
.last-terminate {
  margin-bottom: 500px;
}
.mylist_wrap {
  width: 100%;
  margin: 0;
  padding: 10px 15px;
  float: left;
  background: #fbfbfb;
}
.myList_left {
  width: 280px;
  float: left;
  background-color: #fff;
  float: left;
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
  border-top: 3px solid #e7eaec;
  margin-bottom: 60px;
}
.myList_right {
  background-color: #fff;
  float: right;
  width: calc(100% - 300px);
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
  border-top: 3px solid #e7eaec;
  padding: 0 0;
  margin-bottom: 60px;
}
.myList_left .folder-list {
  padding: 0;
}
.mylist_table_wrap {
  width: 100%;
  float: left;
  border-left: 0;
  border-right: 0px;
}
.mylist_table_wrap h3 {
  font-size: 13px;
  color: #333;
  padding: 10px 90px 10px 15px;
  margin: 0;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.mylist_table_wrap h3 a {
  border-left: 1px solid #f1f1f1;
  display: inline-block;
  color: #333;
  font-size: 11px;
  position: absolute;
  padding: 12px 8px 11px;
  text-align: center;
  right: 0;
  top: 0;
}
.mylist_table_wrap h3 a:hover {
  background: #fafafa;
}
.myList_left h3 {
  font-size: 13px;
  color: #333;
  padding: 10px 10px;
  margin: 0;
  border-bottom: 2px solid #f2f2f2;
}
.mylist_table_wrap h5 {
  font-size: 13px;
  color: #000;
  padding: 10px 50px 10px 15px;
  margin: 0;
  position: relative;
  border-top: 1px solid #f1f1f1;
  font-weight: 100;
}
.mylist_table_wrap h5 span {
  position: absolute;
  right: 11px;
  padding: 10px;
  top: 0;
  cursor: pointer;
}
.mylist_table_wrap h5:nth-child(odd) {
  background: #fbfbfb;
}
.mylist_table_wrap h5:hover {
  background: #fbfbfb;
}
.navbar-form-custom > a {
  color: #676a6c;
  border-radius: 0;
}
.navbar-form-custom {
  float: right;
  height: auto;
  margin-right: 15px;
  margin-top: 11px;
  padding-top: 0;
  width: 115px;
  position: relative;
}
.folder-list li a span.label-warning {
  background-color: #888;
}
.sitearea_anlys .modal-content {
  border-radius: 0;
}
.mini-navbar .nav li:focus > .nav-second-level,
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar
  .nav
  li:hover
  > .nav-second-level {
  min-width: 200px;
}
.tbl_refresh_wrap {
  margin: 20px auto 0;
  padding: 7px 15px;
}
.tbl_refresh_wrap .ibox-tools {
  text-align: center;
}
.pdf-ico > i {
  font-size: 15px;
}
a.head_edit_span {
  float: right;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
a.head_edit_span:focus {
  outline: 0;
}
.specific_table tr th {
  background: #f9f9f9;
}
#users_datatable .tbluser_has_confirmed_email {
  width: 70px !important;
}
#users_datatable .tbluser_registered_as {
  width: 100px !important;
}
#users_datatable .tbluser_firm_company_name {
  width: 100px !important;
}
#users_datatable .tbluser_first_name {
  width: 110px !important;
}
#users_datatable .tbluser_stamp_time_created {
  width: 190px !important;
}
#users_datatable .tbluser_last_name {
  width: 100px !important;
}
.edit-judgment-loader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.edit-judgment-loader .sk-spinner-wave.sk-spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.box-body .popover-content p {
  padding-left: 7px;
}
.ui_wrapper h3 {
  font-size: 14px;
  font-weight: 400 !important;
}
#selected_for_reporting_datatable .tblselectedforreporting_date_selected {
  width: 160px !important;
}
#selected_for_reporting_datatable .tblselectedforreporting_citation {
  width: 180px !important;
}
#selected_for_reporting_datatable .tblselectedforreporting_case_id {
  width: 40px !important;
}
.sidePanelContainer_addJudgment {
  padding: 0;
}
.sidePanelContainer_addJudgment .custom_wizard .content.clearfix {
  padding: 0 10px;
}
.sidePanelContainer_addJudgment .custom_wizard .steps {
  border: 1px solid #e5e6e7;
  border-top: 0;
}
.sidePanelContainer_addJudgment .custom_wizard .steps ul li {
  width: 60%;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #e5e6e7;
}
.sidePanelContainer_addJudgment .custom_wizard .steps ul li:last-child {
  width: 40%;
  border-right: none;
}
.sidePanelContainer_addJudgment .custom_wizard .steps ul li a {
  background: #f7f7f7;
  color: #333;
  margin: 0;
  cursor: pointer;
  border-radius: 0;
  position: relative;
}
.sidePanelContainer_addJudgment .custom_wizard .steps ul li a:hover {
  background: #f7f7f7;
  color: #333;
}
.sidePanelContainer_addJudgment .custom_wizard .steps ul .disabled a {
  background: #fff;
}
.sidePanelContainer_addJudgment .custom_wizard .steps ul li.current a:after {
  content: "";
  border-bottom: 2px solid #0e9aef;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.primary-metadata,
.secondry-metadata {
  width: 100%;
  min-width: 600px;
}
.filter-passing-table {
  width: 100%;
  float: left;
  overflow: auto;
}
.filter-passing-table .table_ui {
  width: 100%;
  font-size: 13px;
  text-align: left;
  min-width: 350px;
}
.filter-passing-table .table_ui td {
  border-right: none;
  border-bottom: 1px solid #c6c6c6;
  padding: 3px 0;
}
.filter-passing-table .table_ui td:last-child {
  text-align: center;
}
span.s-red {
  color: red;
}
.ibox-content.ibox-content-main.datatable_main {
  float: left;
  width: 100%;
}
.judgment_table_grand_parent {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.judgment_table_parent {
  width: 100%;
  float: left;
  overflow: visible;
}
.table-responsive {
  overflow: initial;
  float: left;
  width: 100%;
  border: 0;
}
.red-bg-forbidden h2 {
  text-align: center;
}
.red-bg-forbidden .title_common_breadcrumb {
  color: #a94442;
  text-align: center;
  font-size: 15px !important;
}
.custom-file-wrap {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 10px;
}
.custom-file-wrap .custom-file {
  opacity: 0;
  width: 160px;
  height: 40px !important;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.upload-btn {
  width: 160px;
  height: 40px;
  margin: auto;
  background: #0e9aef;
  border: 1px solid #0e9aef;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  z-index: 1;
  cursor: pointer;
  border-radius: 3px;
}
.upload-btn:before {
  font-family: FontAwesome;
  content: "\f093";
  color: #fff;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 2;
  font-size: 16px;
  cursor: pointer;
}
.file-name {
  color: #fff;
  position: absolute;
  top: 10px;
  left: 40px;
  z-index: 2;
  cursor: pointer;
}
.custom-file-wrap .form-group {
  margin: 0;
}
.tbluser_assign {
  width: 42px !important;
}
i.fa.tbl_stars_name {
  position: relative;
  top: 2px;
}
.sitearea_anlys .modal-header {
  border-bottom: 0;
}
.sitearea_anlys .modal-footer {
  border-top: 0;
}
.sitearea-responsive {
  overflow: auto;
}
.modal-body .ibox-content table {
  min-width: 100% !important;
}
.onoffswitch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  border: 2px solid #fff;
  border-radius: 20px;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.onoffswitch-inner {
  display: block;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
  width: 200%;
}
.onoffswitch-inner:after,
.onoffswitch-inner:before {
  box-sizing: border-box;
  color: #fff;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  padding: 0;
  width: 50%;
}
.onoffswitch-inner:before {
  background-color: #08c;
  color: #fff;
  content: "ON";
  padding-left: 18px;
}
.onoffswitch-inner:after {
  background-color: #eee;
  color: #999;
  content: "OFF";
  padding-right: 18px;
  text-align: right;
}
.onoffswitch-switch {
  background: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  bottom: 0;
  display: block;
  margin: 7px;
  position: absolute;
  right: 24px;
  top: 0;
  transition: all 0.3s ease-in 0s;
  width: 16px;
  height: 16px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}
.side-panel-setting-wrap * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.side-panel-setting-wrap {
  position: absolute;
  right: 10px;
  top: 29px;
}
.side-panel-setting {
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #999;
  float: right;
  font-size: 14px;
  line-height: 19px;
  padding: 0 15px 1px 5px;
  cursor: pointer;
}
.side-panel-setting:before {
  content: "\f0d7";
  font: 10px FontAwesome;
  position: absolute;
  right: 5px;
  top: 6px;
}
.setting-submenu {
  width: 190px;
  height: auto;
  background: #fff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.22);
  position: absolute;
  top: 32px;
  right: 0;
  display: none;
  z-index: 998;
}
.setting-submenu-caret {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  top: -8px;
  right: 5px;
  border-top: 0 solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #c8c8c8;
  border-left: 8px solid transparent;
}
.setting-submenu-caret:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  top: 1px;
  right: -7px;
  border-top: 0 solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
}
.setting-submenu-items-wrap {
  width: 100%;
  float: left;
  margin: 0;
  padding: 10px 10px 0;
}
.setting-submenu-items-wrap li {
  width: 100%;
  display: block;
  margin: 0;
  float: left;
  padding: 4px 0 0;
  text-align: left;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
}
.setting-submenu-items-wrap li:last-child {
  border-bottom: 0;
}
.setting-submenu-items-wrap li span.submenu-label {
  float: left;
  margin-top: 5px;
}
.setting-submenu-items-wrap li .onoffswitch {
  float: right;
  width: 54px;
}
.setting-submenu-items-wrap
  li
  .onoffswitch.custom_onoff
  .onoffswitch-inner:after {
  content: "\f00d" !important;
  font: 15px FontAwesome;
  padding-right: 8px !important;
  padding-top: 5px;
}
.setting-submenu-items-wrap
  li
  .onoffswitch.custom_onoff
  .onoffswitch-inner:before {
  content: "\f00c " !important;
  font: 15px FontAwesome;
  padding-left: 8px !important;
  padding-top: 5px;
}
.setting-submenu-items-wrap li .onoffswitch-inner:after,
.setting-submenu-items-wrap li .onoffswitch-inner:before {
  height: 25px;
}
.submenu-flg.flgd_ctrl {
  float: left;
  margin: 9px 0 0 8px;
  width: auto;
}
.submenu-flg.flgd_ctrl > .in_progress_flag {
  display: inline-block;
  float: right;
  padding: 1px 5px;
}
.submenu-flg.flgd_ctrl > .checkbox {
  float: left;
}
.flgd_ctrl.submenu-flg .checkbox {
  cursor: pointer;
  width: 18px;
  height: 18px;
  padding-left: 0;
  position: relative;
  left: 0;
  top: 1px;
  margin: 0;
  padding: 0;
}
.flgd_ctrl.submenu-flg .checkbox label {
  padding-left: 0;
}
.flgd_ctrl.submenu-flg .checkbox:hover label::before {
  content: "\f024";
  background: 0 0;
  border: none;
  color: #ccc;
  transition: none;
  -webkit-transition: none;
  cursor: pointer;
}
.flgd_ctrl.submenu-flg .checkbox label::before {
  content: "\f11d";
  font: 18px FontAwesome;
  border: 0;
  background: 0 0;
  cursor: pointer;
}
.flgd_ctrl.submenu-flg .checkbox input[type="checkbox"] {
  display: none;
}
.flgd_ctrl.submenu-flg
  .checkbox
  input[type="checkbox"]:checked
  + label::before {
  background: 0 0;
  border: none;
  content: "\f024";
  color: #b60000;
  cursor: pointer;
}
.flgd_ctrl.submenu-flg .checkbox input[type="checkbox"]:checked + label::after {
  content: "";
  cursor: pointer;
}
.reindex-btn {
  width: 100%;
  float: left;
  padding: 4px 0;
  border-top: 1px solid #ddd;
}
.reindex-btn a {
  display: inline-block;
  padding: 3px 10px;
  background: #0e9aef;
  color: #fff;
  text-decoration: none !important;
  border-radius: 2px;
  font-size: 12px;
  outline: 0;
}
.reindex-btn a:hover {
  text-decoration: none !important;
  background: #097fc7;
  color: #fff;
}
.check-square {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  line-height: 15px;
  margin-left: 3px;
  padding: 0 0;
  text-align: center;
  width: 16px;
}
.check-square.meta-tick {
  background: #0e9aef;
  border: 1px solid #0e9aef;
}
.check-square.meta-cross {
  background: #ccc;
  border: 1px solid #ccc;
}
.flgd_ctrl.trd-rght .checkbox {
  cursor: pointer;
  width: 18px;
  height: 18px;
  padding-right: 0;
  position: relative;
  left: 5px;
  top: 1px;
}
.meta-cross .fa-times::before {
  display: inline-block;
  float: left;
  font-size: 11px;
  font-weight: 400;
  left: 0;
  position: relative;
  top: 0;
}
.flgd_ctrl.trd-rght .checkbox:hover label::before {
  content: "\f024";
  background: 0 0;
  border: none;
  color: #ccc;
  transition: none;
  -webkit-transition: none;
  cursor: pointer;
}
.flgd_ctrl.trd-rght .checkbox label::before {
  content: "\f11d";
  font: 18px FontAwesome;
  border: 0;
  background: 0 0;
  cursor: pointer;
}
.flgd_ctrl.trd-rght .checkbox input[type="checkbox"]:checked + label::before {
  background: 0 0;
  border: none;
  content: "\f024";
  color: #b60000;
  cursor: pointer;
}
.flgd_ctrl.trd-rght .checkbox input[type="checkbox"]:checked + label::after {
  content: "";
  cursor: pointer;
}
.flgd_ctrl_off,
.flgd_ctrl_on {
  margin-left: 0;
}
.flgd_ctrl {
  margin: 0 9px 0 0;
  padding-left: 0 !important;
}
.flgd_ctrl_on:before {
  content: "\f024";
  font: 18px FontAwesome;
  color: #b60000;
}
.flgd_ctrl_off:before {
  content: "\f11d";
  font: 18px FontAwesome;
  color: #666;
}
.next_field_ctrl_corrigenda > textarea {
  height: auto;
  min-height: 90px;
  font-size: 12px;
}
.my-judgment-select {
  width: 100%;
  float: left;
}
.my-judgment-select .custom_table_filter {
  width: 70%;
  float: left;
}
.custom_table_filter select {
  margin-left: -10px;
  padding: 0 5px;
  width: 175px !important;
  display: inline-block;
}
.my-judgment-select .dataTables_length {
  width: 30%;
  float: right;
}
.my-judgment .inline_editable {
  white-space: nowrap;
}
.indexed-div .tooltip-inner {
  white-space: nowrap;
}
.send_email_div {
  text-align: right;
  width: auto;
  float: right;
}
.email_activity_textbox {
  mmin-width: 210px;
  float: left;
  position: relative;
}
.emailact_txtbx {
  margin: 0 5px;
  text-align: left;
}
.emailact_txtbx .form-control {
  height: 28px;
  font-size: 13px;
  outline: 0;
  width: 100%;
  padding-right: 20px;
}
.emailact_txtbx label.error {
  font-size: 12px;
  font-weight: 100;
  left: 0;
  margin-bottom: 0;
  position: relative;
  top: 0;
}
.emailact_txtbx .form-control.error {
  border: 1px solid #e5e6e7;
}
.emailact_btn {
  display: inline-block;
  float: right;
  position: relative;
  z-index: 2;
}
.emailact_load {
  position: absolute;
  top: 4px;
  right: 3px;
}
.emailact_load .in_progress {
  margin: 0;
}
.emailact_load .fa {
  margin-right: 3px;
}
div.dataTables_wrapper div.dataTables_length select {
  font-size: 13px;
  padding: 0 5px;
}
.custom_table_filter select {
  font-size: 13px;
  padding: 0 5px;
}
.emailact_load .in_success {
  color: #5eca3c;
}
.emailact_load .in_error {
  color: #d82e2e;
}
.emailact_load > img {
  display: inline-block;
  margin: 2px 6px !important;
}
.emailact_load > .in_success {
  display: inline-block;
  margin: 3px 6px !important;
}
.emailact_load > .in_error {
  display: inline-block;
  margin: 3px 6px !important;
}
.traffic_filters {
  display: inline-block;
  float: right;
  margin-bottom: 0;
  margin-right: 12px;
  margin-top: -14px;
  position: relative;
}
.traffic_filters span.timeline_text {
  color: #333;
  text-align: left;
  float: left;
  font-size: 12px;
  margin-top: 3px;
}
.traffic_filters .timeline-btn-wrap {
  float: left;
  margin-left: 10px;
  position: relative;
}
.traffic_filters .timeline-btn,
.traffic_filters .traffic-timeline-btn {
  width: auto;
  display: inline-block;
  padding: 2px 18px 2px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 12px;
  position: relative;
  cursor: pointer;
}
.traffic_filters .timeline-btn:hover,
.traffic_filters .traffic-timeline-btn:hover {
  border: 1px solid #b5b5b5;
}
.traffic_filters .timeline-btn:before,
.traffic_filters .traffic-timeline-btn:before {
  content: "";
  border-top: 4px solid #999;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  top: 9px;
  right: 5px;
}
.traffic_filters .timeline-option,
.traffic_filters .traffic-timeline-option {
  width: 140px;
  height: auto;
  position: absolute;
  top: 32px;
  right: 0;
  display: none;
  z-index: 2;
  background: #f9f9f9;
  border: 1px solid #e3e3e3;
  padding: 5px;
}
.traffic_filters .timeline-caret {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  top: -8px;
  right: 9px;
  border-top: 0 solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #c8c8c8;
  border-left: 8px solid transparent;
}
.traffic_filters .timeline-caret:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  top: 1px;
  right: -7px;
  border-top: 0 solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
}
.traffic_filters .timeline-option ul,
.traffic_filters .traffic-timeline-option ul {
  padding: 10px 0 5px;
  margin: 0;
  background: #fff;
}
.traffic_filters .timeline-option ul li,
.traffic_filters .traffic-timeline-option ul li {
  display: block;
}
.traffic_filters .timeline-option ul li a,
.traffic_filters .traffic-timeline-option ul li a {
  display: block;
  color: #656565;
  padding: 3px 7px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  outline: 0;
  border-bottom: 1px solid #f8f8f8;
}
.traffic_filters .timeline-option ul li:last-child a,
.traffic_filters .traffic-timeline-option ul li:last-child a {
  border-bottom: 0;
}
.traffic_filters .timeline-option ul li a:hover,
.traffic_filters .traffic-timeline-option ul li a:hover {
  background: #f3f2f2;
}
.has-error .datecal,
.has-error .form-control {
  border-color: #f15866 !important;
}
#abbrev_chart .c3-tooltip,
.c3-tooltip-container .c3-tooltip {
  min-width: 100px;
}
#abbreviation_inner_tab .box-body.padding_10 {
  overflow: visible;
}
#abbrev_chart {
  min-width: 200px;
  width: 400px;
  height: auto;
  margin: auto;
}
.social-body p {
  margin-bottom: 0;
}
#citationContentPopup .onoffswitch-inner:before {
  content: "\f00c " !important;
  font: 15px FontAwesome;
  padding-left: 8px;
  padding-top: 7px;
}
#citationContentPopup .onoffswitch-inner:after {
  content: "\f00d" !important;
  font: 15px FontAwesome;
  padding-right: 8px;
  padding-top: 7px;
}
#citationContentPopup .onoffswitch {
  float: left;
  margin: 0 0 0 5px;
  width: 70px;
}
#citationContentPopup .onoffswitch-switch {
  top: 2px;
  right: 39px;
}
#citationContentPopup
  .onoffswitch-checkbox:checked
  + .onoffswitch-label
  .onoffswitch-switch {
  right: 0 !important;
}
.pb_status {
  display: inline-block;
  font-weight: 600;
  margin: 10px 0 0 6px;
  max-width: 230px;
  position: relative;
  float: left;
}
.pb_status > a {
  color: #676a6c;
}
.pb_status > span {
  font-weight: 400;
  padding: 0 0 0 5px;
  float: left;
}
.pb_status .status_drpdwn {
  float: left;
  margin: -2px 6px;
  right: 0;
  top: 0;
  position: relative;
}
#traffic_details_datatable {
  width: 100%;
}
.login5_ctrl {
  display: inline;
  float: none;
  margin: auto;
  width: auto;
}
.login5_ctrl {
  display: inline;
  float: none;
  margin: auto;
  width: auto;
}
.nlogin_wrapper {
  border: 1px solid #ddd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 50px auto;
  max-width: 600px;
  min-height: 410px;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}
.nlogin_wrapper {
  border: 1px solid #ddd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 50px auto;
  max-width: 600px;
  min-height: 410px;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}
.nlogin_wrapper5 {
  margin: 10px auto;
  padding: 0;
}
.nlogin_wrapper5 {
  border: 0 none;
  padding: 20px 30px;
}
.nlogin_wrapper5 {
  margin: 10px auto;
  padding: 0;
}
.nlogin_wrapper5 {
  border: 0 none;
  padding: 20px 30px;
}
.nlogin_wrapper * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.nlogin_wrapper h1 {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
}
.nlogin_inline_wrapper5 {
  border: 1px solid #ddd;
  float: left;
  padding: 20px 40px;
}
.nlogin_inline_wrapper5 {
  border: 1px solid #ddd;
  float: left;
  padding: 20px 40px;
}
.nlogin_wrapper p {
  color: #333;
  font-size: 13px;
  line-height: 20px;
  margin-top: 10px;
}
.nlogin_wrapper5 p {
  margin-top: 0;
}
.nlogin_wrapper5 p {
  margin-top: 0;
}
.nlogin_wrapper form {
  float: left;
  width: 100%;
}
.nlogin_form_wrap {
  float: left;
  margin: 10px 0 20px;
  position: relative;
  width: 100%;
}
.border_animation .nlogin_form_wrap5 {
  margin: 12px 0 19px;
}
.nlogin_form_wrap.nlogemail::before {
  bottom: 8px;
  color: #646464;
  content: "?";
  font: 14px FontAwesome;
  left: 8px;
  position: absolute;
}
.nlogin_form_wrap5.nlogemail::before,
.nlogin_form_wrap5.nlogpassword::before {
  display: none;
}
.nlogin_form_wrap5.nlogemail::before,
.nlogin_form_wrap5.nlogpassword::before {
  display: none;
}
.nlogin_form_wrap label.input_label {
  color: #646464;
  cursor: text;
  font-size: 13px;
  left: 25px;
  position: absolute;
  top: 5px;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.border_animation .nlogin_form_wrap5 label.input_label {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: -7px 0 0 -25px;
  width: auto;
}
.nlogin_form_wrap .nlogin_control {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #d3d3d3;
  border-image: none;
  border-radius: 5px;
  border-style: none none solid;
  border-width: 0 0 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  font-size: 13px;
  height: 30px;
  margin-bottom: 0;
  padding: 5px 10px 5px 25px;
  width: 100%;
}
.nlogin_form_wrap5 .nlogin_control5 {
  border: 1px solid #d3d3d3 !important;
  border-radius: 3px !important;
  font-size: 16px;
  height: 55px !important;
  padding-top: 14px !important;
}
.nlogin_form_wrap5 .nlogin_control5 {
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  font-size: 16px;
  height: 55px;
  padding-top: 14px;
}
.border_animation .nlogin_form_wrap5 .nlogin_control5 {
  border-bottom: 1px solid #bdbdbd;
  border-left: 0 none !important;
  border-radius: 0 !important;
  border-right: 0 none !important;
  border-top: 0 none !important;
  font-size: 16px;
  height: 25px !important;
  padding: 0 !important;
}
.border_animation .nlogin_form_wrap5 {
  margin: 12px 0 19px;
}
.nlogin_form_wrap.nlogpassword::before {
  bottom: 8px;
  color: #646464;
  content: "?";
  font: 14px FontAwesome;
  left: 8px;
  position: absolute;
}
.nlogin_form_wrap5.nlogemail::before,
.nlogin_form_wrap5.nlogpassword::before {
  display: none;
}
.nlogin_form_wrap5.nlogemail::before,
.nlogin_form_wrap5.nlogpassword::before {
  display: none;
}
.nlogin_links {
  float: left;
  margin: 0 0 10px;
  width: 100%;
}
.nlogin_wrapper5 .nlogin_links {
  margin: 0;
  width: auto;
}
.nlogin_links .nremember_wrap {
  float: left;
  font-size: 13px;
  width: 50%;
}
.nlogin_wrapper5 .nlogin_links .nremember_wrap {
  width: auto;
}
.nlogin_links .nremember_wrap label {
  font-size: 13px;
}
.nlogin_links .nremember_wrap input[type="checkbox"] {
  cursor: pointer;
  margin: 0;
  width: auto;
}
.nlogin_wrapper5 .nlogin_btn_wrap {
  float: right;
  margin: 0;
  width: auto;
}
.nlogin_wrapper5 .nlogin_btn_wrap .nlogin_btn {
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 10px;
  width: auto;
}
.nlogin_register_btn {
  float: left;
  text-align: left;
  n: right;
  width: 100%;
}
.login5_ctrl .nlogin_register_btn a {
  display: inline-block;
  font-size: 14px;
  padding: 0;
}
.traffic_filters.toggleDropdown {
  display: inline-block;
  float: right;
  position: relative;
  z-index: 999;
  margin: 0 0 10px 0;
}
.toggleDropdown .timeline-btn,
.toggleDropdown .traffic-timeline-btn {
  border: 0 none;
  border-radius: 0;
  color: #5e5e5e;
  margin-right: 6px;
  width: auto;
  padding-left: 26px;
  font-weight: 600;
}
.toggleDropdown.traffic_filters .timeline-btn:before,
.toggleDropdown.traffic_filters .traffic-timeline-btn:before {
  border-top: 4px solid #5e5e5e;
}
.toggleDropdown .timeline-btn:hover,
.toggleDropdown .traffic-timeline-btn:hover {
  border: 0;
}
.toggleDropdown.traffic_filters .timeline-btn-wrap {
  margin: 0;
  min-width: 300px;
  text-align: right;
}
.toggleDropdown.traffic_filters .timeline-option,
.toggleDropdown.traffic_filters .traffic-timeline-option {
  background: #fff none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  width: auto;
  border-radius: 3px;
  min-width: 217px;
  left: 0;
  top: 28px;
}
.toggleDropdown.traffic_filters .timeline-option ul,
.toggleDropdown.traffic_filters .traffic-timeline-option ul {
  padding: 6px 5px;
}
.toggleDropdown.traffic_filters .timeline-option ul li a,
.toggleDropdown.traffic_filters .traffic-timeline-option ul li a {
  border-bottom: 0 none;
  font-size: 13px;
  padding: 3px 11px;
  color: #000;
}
.toggleDropdown.traffic_filters .timeline-option ul li a:hover,
.toggleDropdown.traffic_filters .traffic-timeline-option ul li a:hover {
  border-radius: 3px;
}
.toggleDropdown.traffic_filters .timeline-option ul li a:active,
.toggleDropdown.traffic_filters .traffic-timeline-option ul li a:active {
  background: #f3f2f2;
}
h2.new_page_heading {
  display: inline-block;
  float: left;
  margin: 8px 0 0 0;
  width: auto;
  line-height: 29px;
  text-indent: 0;
}
.toggleDropdown.traffic_filters .timeline-caret {
  right: 5px;
}
.tmln_pipeline_ctrl .pipeline_ul {
  margin-top: 0 !important;
}
.judgment_upload_btn {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  box-shadow: none;
  color: #333;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
  position: relative;
  text-shadow: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  margin-bottom: 5px;
}
.judgment_upload_btn:hover {
  text-decoration: none;
  transition: background-position 0.1s linear 0s;
  background-color: #0e9aef !important;
  color: #fff !important;
  border-color: #0e9aef;
}
.file_upload_container_sidepanel .file-upload-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
}
#workflow_datatable_wrapper .judgment_table_grand_parent {
  overflow: visible;
}
.selected-for-reporting h2 {
  display: inline-block;
}
.selected-for-reporting .btn.add_editors_note_btn.editors_note {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  box-shadow: none;
  color: #333;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  text-shadow: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  border-radius: 3px;
  float: right;
  margin-top: 12px;
}
#selected_for_reporting_datatable .fa.fa-star {
  color: #b60000;
}
.finediff ins {
  color: green;
  background: #dfd;
  text-decoration: none;
}
.finediff del {
  color: red;
  background: #fdd;
  text-decoration: none;
}
#Nword_highlighter .meta_history_compare_modal.animated #text_compare_data {
  height: 86%;
}
.original_current_text_compare_modal .history_popup_table thead {
  position: fixed;
  width: calc(80% - 34px);
  top: 87px;
  display: table;
}
.original_current_text_compare_modal
  .history_popup_table.table-striped
  tbody
  tr:first-child
  td {
  padding-top: 38px;
}
.original_current_text_compare_modal .history_popup_table thead th {
  background-color: #f9f9f9;
  border-bottom: none;
}
.original_current_text_compare_modal
  .history_popup_table.table-striped
  tbody
  > tr:nth-child(odd)
  > td {
  background-color: #fff;
}
.special-magic-function + .popover_compact {
  -webkit-transform: translateX(-50%) scale(0) !important;
  transform: translateX(-50%) scale(0) !important;
  -moz-transform: translateX(-50%) scale(0) !important;
  opacity: 1;
  pointer-events: none;
  display: none;
  background: #333 !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  right: -67px;
  width: 160px;
  padding: 3px 9px;
  position: absolute;
  border-radius: 4px;
  left: initial;
  top: 54px;
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.special-magic-function:hover + .popover_compact {
  -webkit-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-50%) scale(1) !important;
  -moz-transform: translateX(-50%) scale(1) !important;
  display: block;
  pointer-events: auto;
}
.special-magic-function:hover + .popover_compact:before {
  transform: rotate(136deg);
  top: -2px;
  right: 26px;
  background: #333 !important;
  border-color: rgba(0, 0, 0, 0.2);
  left: initial;
}
#exceptionSqlPopup .ibox-content h2 {
  font-size: 17px;
  font-weight: 600;
  color: #2e2e2e;
  font-family: 'Inter', "Segoe UI", sans-serif !important;
  text-align: center;
  margin: -6px -20px 20px -20px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px 0;
  position: relative;
}
#exceptionSqlPopup button.close {
  background-color: #fff;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  margin-top: -42px;
  margin-right: -39px;
  opacity: 1;
}
#exceptionSqlPopup button.close {
  background-color: #fff;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  margin-top: -35px;
  margin-right: -39px;
  opacity: 1;
}
#exceptionSqlPopup button.close span {
  background-color: #6b6b6b;
  color: #fff;
  width: 27px;
  height: 27px;
  display: inline-block;
  border-radius: 100%;
  line-height: 26px;
  font-weight: 400;
  font-size: 21px;
}
.exceptionSqlPopup .table_word_break {
  width: 100%;
  min-width: inherit;
}
.exceptionSqlPopup .table_word_break td {
  word-break: break-all;
}
#Nword_highlighter .pull_replace_modal .customized_modal-content,
#pull-replace-modal .pull_replace_modal .customized_modal-content {
  position: static;
}
.mini-navbar .nav-second-level .nav-second-level {
  left: 200px;
}
.square-citation-det .smart-steps .wizard > .steps a:after,
.square-citation-det .smart-steps .wizard > .steps a:before {
  display: none;
}
.square-citation-det .smart-steps .wizard > .steps a,
.square-citation-det .smart-steps .wizard > .steps a:hover {
  border-radius: 0;
  padding-left: 1em;
}
#selectAppealChainContentPopup {
  padding: 0 !important;
}
#selectAppealChainContentPopup .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#selectAppealChainContentPopup .modal-dialog .modal-content,
#selectAppealChainContentPopup .modal-dialog .modal-content .popup-ajax-content,
#selectAppealChainContentPopup
  .modal-dialog
  .modal-content
  .popup-ajax-content
  .custom-modal-popup {
  height: 100%;
}
#selectAppealChainContentPopup .modal-dialog .custom-modal-popup button.close {
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px;
}
#selectAppealChainContentPopup .modal-dialog .custom-modal-popup h3 p {
  font-size: 13px;
  margin: 5px 0 0 0;
  font-weight: 400;
}
#selectAppealChainContentPopup .modal-dialog .table_scroller {
  height: calc(100% - 80px);
}
#selectAppealChainContentPopup .data-table-wrapper {
  max-height: inherit;
  height: calc(100% - 36px);
}
#selectAppealChainContentPopup .data-table-wrap-citation.citation-search-main {
  height: calc(100% - 60px);
  margin-top: 15px;
}
#selectAppealChainContentPopup ul.ews_ul {
  text-align: center;
  height: 39px;
}
#selectAppealChainContentPopup ul.ews_ul > li {
  display: inline-block;
  float: none;
}
#selectAppealChainContentPopup ul.ews_ul > li.active > a:before {
  bottom: -1px;
  font-weight: 400;
}
#selectAppealChainContentPopup ul.ews_ul > li:hover > a:before {
  bottom: -1px;
}
#selectAppealChainContentPopup.modal.in .modal-dialog {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#selectAppealChainContentPopup.modal .modal-dialog {
  animation-name: zoomOut;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#selectAppealChainContentPopup .custom-modal-popup h3 {
  margin-bottom: 0;
}
#selectAppealChainContentPopup .modal-body {
  padding: 0;
  height: calc(100vh - 80px) !important;
}
#selectAppealChainContentPopup .appeal_datapoint_newitem {
  overflow-y: auto;
  margin: 0;
  height: 100%;
  padding: 0 20px;
}
#selectAppealChainContentPopup {
  height: 100vh;
  overflow: hidden;
  z-index: 10001 !important;
}
#selectAppealChainContentPopup .footer_bottom_ctrl .footer_pagination {
  margin: 0;
}
#selectAppealChainContentPopup
  .footer_bottom_ctrl
  .footer_pagination
  .pagination {
  margin: 0 0 20px 0;
}
#selectAppealChainContentPopup .appeal-chain-item-tab-content #appeal_matrix {
  margin-top: 15px;
}
.editor-note-heading {
  display: inline-block;
}
.editor-note-heading h2 {
  margin-top: 0;
  margin-bottom: 15px;
}
.editor-note-btn-group {
  display: inline-block;
  float: right;
  margin-bottom: 0;
  padding: 20px 20px 0 10px;
}
.editor-note-btn-group .btn {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.editor-note-btn-group .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.reporting-top-content {
  width: 50%;
  display: inline-block;
}
#headingPlural .editor-note-btn-group {
  padding: 10px 0 0 10px;
}
.upload-appeal-datapoint {
  padding: 0 0 0 10px;
}
.appeal-datapoint {
  padding: 0 0 10px 10px;
}
.newadmin_caseinfoCTRL.user-details
  + .judgment-respo-ctrl
  + .whole_container
  .ebey_header {
  font-size: 16px;
  font-weight: 400;
}
.newadmin_caseinfoCTRL.user-details {
  margin: -15px 0 0;
}
.newadmin_caseinfoCTRL.user-details
  + .judgment-respo-ctrl
  .judgment-respo-action-btns
  .blue_btn {
  background: #0e9aef;
  color: #fff;
  border-color: #0e9aef;
}
.empty-metadata {
  margin-top: 25px;
}
.no-marting-top-selected {
  margin-top: 0 !important;
}
.top-padding-editoer-button {
  padding-top: 10px;
}
.full-screen-modal-new {
  padding: 0 !important;
  width: 100% !important;
  height: 100%;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  display: none;
}
.full-screen-modal-new .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.full-screen-modal-new .modal-dialog .modal-content {
  height: 100%;
  border-radius: 0;
  border: none;
}
.full-screen-modal-new .modal-body {
  height: calc(100vh - 100px) !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.full-screen-modal-new button.close {
  position: absolute;
  right: 0;
  top: 7px;
  margin: 10px;
  background-color: #6b6b6b;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  opacity: 1;
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  display: block;
  text-shadow: none;
}
.full-screen-modal-new.in .modal-dialog {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#emailContentPopup h4.modal-title,
.full-screen-modal-new.in.modal h4.modal-title {
  padding: 0 20px 0 20px;
  margin: 10px 0;
  line-height: 20px;
  text-align: left;
  font-size: 18px;
  color: #333;
  font-weight: 700;
  line-height: 20px;
}
.full-screen-modal-new .data-table-wrapper {
  max-height: 100%;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.full-screen-modal-new .modal-dialog {
  animation-name: zoomOut;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#detectedMetadata {
  padding: 0 !important;
}
#detectedMetadata .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#detectedMetadata .modal-dialog .modal-content,
#detectedMetadata .modal-dialog .modal-content .popup-ajax-content {
  height: 100%;
}
#detectedMetadata .modal-dialog .modal-content .ibox-content {
  padding: 0;
}
#detectedMetadata .modal-dialog .modal-content .ibox-content.empty-metadata {
  padding: 20px;
  margin: 20px;
  width: calc(100% - 40px);
  box-sizing: border-box;
}
#detectedMetadata .modal-dialog button.close {
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px;
}
#detectedMetadata
  .modal-dialog
  .modal-content
  .popup-ajax-content
  .table_scroller {
  height: calc(100vh - 82px);
}
#detectedMetadata .ibox-content h3 {
  box-sizing: border-box;
  width: 100%;
  margin: 15px 0 0;
  padding-bottom: 20px;
}
#detectedMetadata.in .modal-dialog {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#detectedMetadata .modal-dialog {
  animation-name: zoomOut;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#citationContentPopup {
  padding: 0 !important;
}
#citationContentPopup .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#citationContentPopup .modal-dialog .modal-content {
  height: 100%;
}
#citation_datatable_popup.citation-table-pop {
  max-height: calc(100vh - 170px);
}
#citationContentPopup .modal-dialog button.close {
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px !important;
  left: inherit;
  background-color: #6b6b6b;
  color: #fff;
  width: 27px;
  height: 27px;
  display: inline-block;
  border-radius: 100%;
  line-height: 15px;
  font-weight: 400;
  font-size: 21px;
}
#citationContentPopup.in .modal-dialog {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#citationContentPopup .modal-dialog {
  animation-name: zoomOut;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#citationContentPopup .modal-dialog .footer_bottom_ctrl .footer_information {
  margin-right: 20px;
  margin-top: 9px;
}
.data-table-wrapper table tr td.text-left {
  text-align: left !important;
}
.appeal_matrix_table .scroll-horizontal {
  white-space: nowrap;
}
#appeal-manager-modal .modal-body {
  padding: 20px 50px;
}
.appeal-chain-item-main ul.ews_ul {
  text-align: center;
}
.appeal-chain-item-main ul.ews_ul > li {
  float: none;
  display: inline-flex;
  font-size: 14px;
}
.appeal-chain-item-main ul.ews_ul > li > a:hover:before {
  bottom: 0;
}
.appeal-chain-item-main .appeal-chain-item-tab-content {
  padding: 20px 0;
}
#appeal_datapoint_datatable .npopctrl .vrsn_action > ul.dropdown-menu,
#appeal_matrix_datatable .npopctrl .vrsn_action > ul.dropdown-menu {
  left: 1px !important;
}
#appeal-manager-modal .modal-header h4.modal-title {
  text-align: center;
}
.appeal-chain-item-main .appeal-chain-item-tab-content .appeal-chain-content {
  margin-bottom: 30px;
  background: #fff;
  padding: 15px;
  border: 1px solid #d1d1d1;
  overflow: hidden;
}
.appeal-chain-item-main .appeal-chain-item-tab-content .appeal-chain-title {
  position: relative;
  padding-bottom: 10px;
  font-size: 16px;
  margin: 0;
  font-weight: 600;
  color: #333;
  border: 1px solid #d1d1d1;
  padding: 10px 10px 10px 30px;
  border-bottom: 0;
}
.appeal-chain-title.collapsed {
  border-bottom: 1px solid #d1d1d1 !important;
}
.appeal-chain-content.collapse {
  height: auto !important;
}
.collapsing {
  transition: height 0.6s;
}
.btn-add {
  padding: 2px 10px;
  background: #fff;
  border: 1px solid #ccc !important;
}
.btn-add:hover {
  background: #0e9aef;
  color: #fff;
  border-color: #0e9aef !important;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.list-appeal-datapoint {
  padding: 0;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content
  table.table {
  background: #fff;
  margin-bottom: 0;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content
  table.table
  tr
  td {
  padding: 7px 15px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content
  table.table
  th {
  padding: 10px 15px;
  background-color: #eaeaea;
  color: #333;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history
  ul {
  font-size: 14px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history
  li {
  margin-bottom: 5px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.appeal-status
  img {
  margin-left: 10px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.appeal-status
  img:first-child {
  margin-left: 0;
}
.appeal-chain-item-main .appeal-chain-item-tab-content .mail-body {
  padding-right: 0;
}
.selectappeal-open-modal {
  overflow-y: hidden;
}
.selectappeal-open-modal .modal {
  overflow-y: auto;
}
#editappealchainitem .top-description {
  padding: 10px 20px 5px;
}
#editappealchainitem .upload_main_ctrl {
  margin-top: 0 !important;
}
#headingPlural .add-new-appeal-btn {
  background-color: #0e9aef;
  color: #fff;
  border-color: #0e9aef;
  border-radius: 4px;
}
.appeal_matrix_table .appeal-status-rel .popover_compact {
  max-width: inherit;
  width: auto;
  text-align: center;
}
.appeal_matrix_table
  .appeal-status-rel
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-45%) scale(1) !important;
  -moz-transform: translateX(-45%) scale(1) !important;
  -webkit-transform: translateX(-45%) scale(1) !important;
  left: -50%;
}
.appeal_matrix_table
  .appeal-status-rel
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  left: 50%;
}
#xml_aggregate_datatable_processing
  + .judgment_table_parent
  .popover
  .popover-title {
  margin: 0;
}
#xml_aggregate_datatable_processing
  + .judgment_table_parent
  .popover
  .popover-content {
  padding: 8px 10px;
}
#xml_aggregate_datatable_processing
  + .judgment_table_parent
  .popover
  .popover-content
  select {
  width: auto !important;
  height: 25px;
  padding: 3px 4px !important;
  font-size: 13px !important;
}
#Nword_highlighter .pull_replace_modal .customized_modal-dialog,
#pull-replace-modal .pull_replace_modal .customized_modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
}
#Nword_highlighter .meta_history_compare_modal .customized_modal-content,
#Nword_highlighter .pull_replace_modal .customized_modal-content,
#pull-replace-modal .pull_replace_modal .customized_modal-content {
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin: 0;
}
#Nword_highlighter .meta_history_compare_modal .panel_head button.close,
#Nword_highlighter .pull_replace_modal .panel_head button.close,
#pull-replace-modal .pull_replace_modal .panel_head button.close {
  position: absolute;
  right: 0;
  top: 7px;
  margin: 10px;
  background-color: #6b6b6b;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  opacity: 1;
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  display: block;
  text-shadow: none;
}
#Nword_highlighter .meta_history_compare_modal.in .customized_modal-dialog,
#Nword_highlighter .pull_replace_modal.in .customized_modal-dialog,
#pull-replace-modal .pull_replace_modal.in .customized_modal-dialog {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#Nword_highlighter .meta_history_compare_modal .customized_modal-dialog,
#Nword_highlighter .pull_replace_modal .customized_modal-dialog,
#pull-replace-modal .pull_replace_modal .customized_modal-dialog {
  animation-name: zoomOut;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#Nword_highlighter .meta_history_compare_modal .panel_head,
#Nword_highlighter .pull_replace_modal .panel_head,
#pull-replace-modal .pull_replace_modal .panel_head {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  line-height: 20px;
}
#Nword_highlighter .pull_replace_modal .files_radio_ctrl .each_ctrl,
#pull-replace-modal .pull_replace_modal .files_radio_ctrl .each_ctrl {
  width: 99%;
}
#Nword_highlighter .meta_history_compare_modal #history_compare_data {
  max-height: 88vh;
}
#Nword_highlighter
  .meta_history_compare_modal
  .panel_head
  .update_detected_metadata {
  right: 50px;
  position: absolute;
  top: 18px;
}
#Nword_highlighter
  .original_current_text_compare_modal
  .history_popup_table
  thead {
  width: calc(100% - 17px);
  top: 71px;
}
#Nword_highlighter .original_current_text_compare_modal #text_compare_data {
  height: calc(100% - 81px);
}
#Nword_highlighter .meta_history_compare_modal .customized_modal-dialog {
  height: 100% !important;
  padding: 0;
}
#Nword_highlighter .pull_replace_modal .customized_modal-content,
#pull-replace-modal .pull_replace_modal .customized_modal-content {
  border: none;
}
#Nword_highlighter
  .pull_replace_modal
  .customized_modal-content
  .files_radio_ctrl
  label,
#pull-replace-modal
  .pull_replace_modal
  .customized_modal-content
  .files_radio_ctrl
  label {
  font-weight: 400;
  font-size: 14px;
}
#Nword_highlighter .customized_modal-content .judgment_upload_btn {
  background-color: #fff !important;
  border: 1px solid #0e9aef;
  box-shadow: none;
  color: #0e9aef !important;
  font-size: 13px;
  font-weight: 400;
}
#Nword_highlighter .customized_modal-content .judgment_upload_btn:hover {
  background-color: #0e9aef !important;
  color: #fff !important;
}
#Nword_highlighter .customized_modal-content .btn.update-detected-metadata {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  box-shadow: none;
  color: #333;
  font-size: 13px;
}
#Nword_highlighter
  .customized_modal-content
  .btn.update-detected-metadata:hover {
  color: #fff;
  background: #1675d3;
}
#Nword_highlighter .meta_history_compare_modal .customized_modal-content {
  border: none;
}
#db_statistics .onoffswitch-inner:after,
#traffic_analysis_inner_tab .onoffswitch-inner:before {
  content: "";
}
#traffic_analysis_inner_tab .onof_switch_with_label .onoffswitch-label {
  height: 10px;
  border: none;
  width: 40px;
  margin-top: 6px;
}
#traffic_analysis_inner_tab .onof_switch_with_label .onoffswitch {
  width: 56px;
  margin-left: 15px;
}
#traffic_analysis_inner_tab .onof_switch_with_label .onoffswitch-switch {
  border: none;
  box-shadow: 0 0 5px 0 #ccc;
  width: 17px;
  height: 17px;
}
#traffic_analysis_inner_tab
  .onoffswitch-checkbox:checked
  + .onoffswitch-label
  .onoffswitch-switch {
  right: 13px;
}
#traffic_analysis_inner_tab .sliding_checkbox {
  margin: 2px 5px;
}
#error_details_datatable_wrapper .onoffswitch,
#selected_for_reporting_datatable_wrapper .onoffswitch {
  width: 56px;
  margin: 0 auto;
  float: none;
}
#error_details_datatable_wrapper .onoffswitch-label,
#selected_for_reporting_datatable_wrapper .onoffswitch-label {
  height: 10px;
  width: 40px;
  border: none;
  margin-top: 6px;
}
#error_details_datatable_wrapper .onoffswitch-inner:after,
#error_details_datatable_wrapper .onoffswitch-inner:before {
  content: "";
}
#selected_for_reporting_datatable_wrapper .onoffswitch-inner:after,
#selected_for_reporting_datatable_wrapper .onoffswitch-inner:before {
  content: "";
}
#error_details_datatable_wrapper .onoffswitch-switch,
#selected_for_reporting_datatable_wrapper .onoffswitch-switch {
  border: none;
  box-shadow: 0 0 5px 0 #ccc;
  width: 17px;
  height: 17px;
  margin: 2px 0 0;
  right: 40px;
  margin: -4px 0 0;
}
#error_details_datatable_wrapper
  .onoffswitch-checkbox:checked
  + .onoffswitch-label
  .onoffswitch-switch {
  right: 13px;
}
#selected_for_reporting_datatable_wrapper
  .onoffswitch-checkbox:checked
  + .onoffswitch-label
  .onoffswitch-switch {
  right: 13px;
}
.custom_ibox_tools.edit_judgment_action > a.errorlog-btn {
  border: 1px solid #e7eaec;
  color: #333;
  border-radius: 3px;
}
.custom_ibox_tools.edit_judgment_action > a.errorlog-btn:hover {
  background: #db2828;
  color: #fff;
}
.search-params-cont h2 {
  border: solid 1px #ccc;
  margin: 0;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 0 10px 30px;
}
.search-param-content {
  border: solid 1px #ccc;
  border-top: none;
  padding: 10px;
  margin: 0 0 20px;
}
#traffic_details_datatable_wrapper .fa-info-circle {
  color: #9c9b9b;
}
.search-param-content ul {
  margin: 0;
  padding: 0;
}
.search-param-content li {
  list-style: none;
}
#traffic-model h4 {
  font-size: 17px;
  font-weight: 600;
  color: #2e2e2e;
}
#caseDataFrm #sideTAB14 .filter-passing-table {
  background: #e8e8e8;
  padding: 7px 10px;
  margin: -10px -10px 10px;
  width: calc(100% - -20px);
}
#caseDataFrm #sideTAB14 .panel_head {
  float: none;
}
#caseDataFrm #sideTAB14 .sidepanelModalCtrl {
  padding: 0 10px 10px;
  margin: 0 -10px 15px;
  width: calc(100% - -20px);
}
#caseDataFrm #sideTAB14 .sp_publication {
  padding: 10px 10px !important;
}
#caseDataFrm #sideTAB14 .status_panel .indx_ctrl {
  padding: 10px 10px !important;
}
#caseDataFrm #sideTAB14 .status_panel {
  margin: 0 -10px 15px !important;
  width: calc(100% - -20px);
}
.filter-passing-table .table_ui td:last-child {
  text-align: center !important;
}
.error-count-area {
  display: inline-block;
  width: auto;
}
.error-count-btn {
  background-color: #fff !important;
  color: #db2828 !important;
  display: inline-block !important;
  width: auto !important;
  border: solid 1px #db2828 !important;
  line-height: 21px;
  padding: 1px 12px !important;
  vertical-align: top !important;
}
.error-count-btn:hover {
  background-color: #db2828 !important;
  color: #fff !important;
}
.error-count-btn:hover .fa-exclamation-triangle {
  color: #fff;
}
.error-count-area .btn-search-table:before {
  border: none;
}
.error-count-btn .fa-exclamation-triangle {
  margin: 0 5px 0 0;
}
.error-count-area span {
  display: inline-block;
  color: #db2828;
  border: solid 1px #db2828;
  border-left: none;
  margin-left: -4px;
  padding: 1px 12px;
  width: auto;
  line-height: 21px;
  position: relative;
  vertical-align: top !important;
}
.error-count-area span:before {
  background-color: #fff;
  background-image: inherit;
  border-style: solid;
  border-color: inherit;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-width: 0 0 1px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  bottom: auto;
  left: 0;
  top: 50%;
}
.user-traffic-onoff .onoffswitch-inner:after,
.user-traffic-onoff .onoffswitch-inner:before {
  content: "";
}
.user-traffic-onoff .onof_switch_with_label .onoffswitch-label {
  height: 10px;
  border: none;
  width: 40px;
  margin-top: 6px;
}
.user-traffic-onoff .onof_switch_with_label .onoffswitch {
  width: 56px;
  margin-left: 15px;
}
.user-traffic-onoff .onof_switch_with_label .onoffswitch-switch {
  border: none;
  box-shadow: 0 0 5px 0 #ccc;
  width: 17px;
  height: 17px;
}
.user-traffic-onoff
  .onoffswitch-checkbox:checked
  + .onoffswitch-label
  .onoffswitch-switch {
  right: 13px;
}
.user-traffic-onoff .sliding_checkbox {
  margin: 2px 5px;
}
.appeal-data-point-links {
  display: block;
}
.appeal-data-point-links h2 {
  display: inline-block;
}
.upload-appeal-datapoint-header {
  background-color: #fff;
  padding: 10px 20px 5px;
  border-width: 1px 1px 0 1px;
  text-align: left !important;
}
.upload-appeal-datapoint-header .reporting-top-content {
  width: 100%;
}
.upload-appeal-datapoint-header h4 {
  display: inline-block;
  vertical-align: top;
}
.upload-appeal-datapoint-header .view-appeal-diagram {
  float: right;
  vertical-align: top;
}
.add-new-item-appeal-manager .view-appeal-diagram {
  float: left;
  vertical-align: top;
}
.view-appeal-diagram .popover_compact {
  font-weight: 400;
}
#editappealchainitem.full-screen-modal-new.in.modal h4.modal-title,
#editselectCitation.full-screen-modal-new.in.modal h4.modal-title,
#fulscreen-modal.full-screen-modal-new.in.modal h4.modal-title,
#myModal_1.full-screen-modal-new.in.modal h4.modal-title,
#selectCitation.full-screen-modal-new.in.modal h4.modal-title,
#selectCitationForChain.full-screen-modal-new.in.modal h4.modal-title,
#session-trace-modal.full-screen-modal-new.in.modal h4.modal-title,
#uploadnewcitation.full-screen-modal-new.in.modal h4.modal-title,
#uploadnewjudgment.full-screen-modal-new.in.modal h4.modal-title {
  text-align: center;
}
.view_perform_array_modal.full-screen-modal-new.in.modal h4.modal-title {
  text-align: center;
}
.view_perform_array_modal.full-screen-modal-new .debugger_links_header {
  color: #676a6c;
  font-size: 13px;
  font-weight: 400;
  padding: 0 0 10px;
  text-align: center;
}
.view_perform_array_modal.full-screen-modal-new button.close {
  top: 10px;
}
.nginx-error {
  background-color: #fff;
  border: 1px solid #d3d3d4 !important;
  padding: 10px;
}
.nginx-access {
  background-color: #fff;
  border: 1px solid #d3d3d4 !important;
  padding: 10px;
  margin-bottom: 60px;
}
.nginx-access td {
  word-break: break-all;
  padding: 0 10px;
}
.nginx-error td {
  word-break: break-all;
  padding: 0 10px;
}
#emailContentPopup {
  padding: 0 !important;
}
#emailContentPopup .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#emailContentPopup .modal-dialog .modal-content {
  height: 100%;
  width: 100%;
  border-radius: 0;
  overflow-y: auto;
  border: none;
}
#emailContentPopup.in .modal-dialog {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#emailContentPopup .modal-dialog {
  animation-name: zoomOut;
  animation-duration: 1s;
  animation-fill-mode: both;
}
#emailContentPopup .popup-ajax-content {
  float: none;
}
#emailContentPopup .popup-ajax-content > div {
  width: 650px !important;
  margin: auto !important;
}
#editselectCitation,
#selectCitation {
  z-index: 10005 !important;
}
.dataTable + .footer_bottom_ctrl {
  margin: 20px 0 0 0;
}
.judgment_table_grand_parent + .footer_bottom_ctrl {
  margin: 20px 0 0 0;
}
#error_details_datatable .fa-info-circle {
  color: rgba(0, 0, 0, 0.4);
}
#session-trace-modal .table .current-action td {
  padding: 10px 5px;
  background: #ffe7e9;
  color: red;
}
#session-trace-modal .table .current-action td a {
  color: red;
}
#processWorkflowsSelect.new-workflow-select {
  padding: 5px 6px;
}
.appeal-wizard.wizard {
  overflow: visible;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload {
  width: 100% !important;
  display: flex !important;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload > li {
  position: relative;
  border: none;
  width: auto !important;
  max-width: 20% !important;
  margin: 0 !important;
  padding-left: 5px !important;
  flex-grow: 1;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload > li:first-child {
  padding-left: 0 !important;
  flex-grow: 0;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload > li:first-child a {
  border: 1px solid #d3d3d4;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload > li > a {
  border-radius: 5px !important;
  width: 100%;
  height: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload .appeal-count-top {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  border: 1px solid #d3d3d4;
  border-radius: 5px;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload
  .appeal-count-top
  + .appeal-status-bottom {
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translateX(0) scale(0) !important;
  transform: translateX(0) scale(0) !important;
  -moz-transform: translateX(0) scale(0) !important;
  display: block;
  opacity: 1;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  pointer-events: none;
  visibility: hidden;
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  max-width: inherit;
  width: auto;
  z-index: 100;
  font-size: 12px;
  height: auto;
  left: 0;
  right: 0;
  min-width: 190px;
  padding: 7px 6px;
  position: absolute;
  text-align: start;
  top: -8px;
  border-radius: 2px;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload > li:first-child {
  width: 100px !important;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload > li:first-child a {
  width: 100px !important;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload
  a:hover
  .appeal-count-top
  + .appeal-status-bottom {
  -webkit-transform: translateX(0) scale(1) !important;
  transform: translateX(0) scale(1) !important;
  -moz-transform: translateX(0) scale(1) !important;
  visibility: visible;
  pointer-events: auto;
  top: 100%;
  color: #676a6c;
  font-size: 12px;
  line-height: 19px;
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload
  .appeal-count-top
  + .appeal-status-bottom:before {
  width: 9px;
  height: 9px;
  top: -5px;
  left: 50%;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  position: absolute;
  transform: rotate(135deg);
}
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload
  > li.active
  > a
  .appeal-status-bottom,
.appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload
  > li.active
  > a
  .appeal-status-bottom
  .data.data2 {
  color: #999 !important;
}
.error-count-area + .popover_compact {
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translateX(-50%) scale(0) !important;
  transform: translateX(-50%) scale(0) !important;
  -moz-transform: translateX(-50%) scale(0) !important;
  display: block;
  opacity: 1;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  pointer-events: none;
  visibility: hidden;
  background: #fff !important;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  width: 310px;
  max-width: inherit;
  padding: 10px 25px 15px;
}
.error-count-area.active + .popover_compact {
  display: block;
  -webkit-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-50%) scale(1) !important;
  -moz-transform: translateX(-50%) scale(1) !important;
  visibility: visible;
  pointer-events: auto;
  top: 43px;
  color: #676a6c;
  font-size: 12px;
  line-height: 19px;
}
.error-count-area.active + .popover_compact:before {
  transform: rotate(136deg);
  top: -2px;
  left: 76px;
  background: #fff !important;
  border-color: rgba(0, 0, 0, 0.2);
}
.error-count-area.active + .popover_compact:before {
  left: 50%;
}
.error-status-main {
  display: inline-block;
  position: relative;
  float: right;
}
.error-status-main .error-list-status {
  list-style: none;
  padding: 0;
  margin: 0;
}
.error-status-main .error-list-status li {
  border-bottom: 1px solid #ccc;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.error-status-main .error-list-status li:after {
  display: table;
  content: "";
  clear: both;
}
.error-status-main .error-list-status li:last-child {
  padding-bottom: 0;
  border: none;
  margin: 0;
}
.error-status-main .error-list-status li h5 {
  font-size: 14px;
  margin-bottom: 12px;
  color: #333;
}
.error-status-main .error-list-status li div {
  clear: both;
  margin-bottom: 3px;
  color: #999;
  float: left;
  width: 100%;
}
.error-status-main .error-list-status li span {
  display: inline-block;
  float: left;
  width: 42%;
}
.error-status-main .error-list-status li div i {
  font-style: normal;
  width: 53%;
  display: inline-block;
  float: right;
}
.error-status-main .error-list-status li div.server-list-item span {
  color: #333;
}
.error-status-main .error-list-status li div.server-list-item span:first-child {
  color: #999;
}
.red-error {
  color: #db2828;
  font-style: normal;
}
.error-status-main .error-list-status li a {
  float: right;
  color: #0e9aef;
}
.error-status-main .error-btn {
  background-color: #fff !important;
  display: inline-block !important;
  width: auto !important;
  line-height: 21px;
  padding: 1px 12px !important;
  vertical-align: top !important;
}
.error-status-main .error-btn .fa-exclamation-triangle {
  margin: 0 5px 0 0;
}
.error-status-main .popover_compact:before {
  margin-top: -0.4rem;
  width: 1rem;
  height: 1rem;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.error-status-main .server-list-item {
  margin: 0 0 5px 0;
}
.error-status-main .server-list-item span {
  display: inline-block !important;
  vertical-align: top;
}
.error-status-main .server-list-item span:last-child {
  width: auto;
  word-wrap: break-word;
}
.error-status-main .server-list-item span.colon {
  width: auto;
  float: left;
  margin-right: 8px;
}
.error-status-main .timeline-item {
  border: none !important;
}
.error-status-main .error-count-area.active .system-status-click {
  background: #f5f5f5 !important;
}
.error-status-main .error-count-area .system-status-click:hover {
  background-color: #f0f1f2 !important;
  color: #000 !important;
}
.add-judgment-drop .dropdown-menu {
  z-index: 1000000;
}
.popover_compact.popdown_mod_compact.animated.fadeIn.edit_popup_div {
  -moz-transform: translateY(35%) translateX(-110%) scale(1) !important;
}
.modal-header .files_ttlp_ctrl:hover .files_radio_info + .popover_compact {
  z-index: 10 !important;
}
.grn {
  color: #5cb85c;
}
#uploadnewjudgment .wdt-loading-screen {
  position: absolute;
}
.live-edit-position-relative .convert_into_box_ctrl > .convert_into_box {
  display: block !important;
  padding-right: 0 !important;
}
.live-edit-position-relative .convert_into_box.rightSideArea > .ui_wrapper h4 {
  text-align: left;
}
#fileStatsPopup .ibox-content,
#workflowHistoryContentPopup .ibox-content {
  padding: 0;
}
#detectedMetadata .ibox-content h3,
#fileStatsPopup .ibox-content h3,
#workflowHistoryContentPopup .ibox-content h2 {
  padding: 25px 15px !important;
  margin: 0 !important;
  line-height: 20px !important;
  text-align: center !important;
  font-size: 18px;
  color: #333;
  font-weight: 700;
  line-height: 20px;
}
#detectedMetadata .ibox-content h3 button.close,
#fileStatsPopup .ibox-content h3 button.close,
#workflowHistoryContentPopup .ibox-content h2 button.close {
  position: absolute;
  right: 0;
  top: 7px;
  margin: 10px;
  background-color: #6b6b6b;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  opacity: 1;
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  display: block;
  text-shadow: none;
}
#detectedMetadata .modal-content {
  border-radius: 0;
  border: none;
}
.tp_header_right .dropdown-toggle.newAdmin_profile_header.virtual-login-main {
  width: 210px;
}
.tp_header_right
  .dropdown-toggle.newAdmin_profile_header.virtual-login-main
  .virtual-icon {
  margin: 0 5px 0 0 !important;
  display: inline-block;
  text-align: center;
  font-style: normal;
  text-decoration: none;
  text-shadow: none;
  vertical-align: top;
  font-size: 11px !important;
  width: 25px;
  height: 25px;
  padding: 0;
  line-height: 25px;
  border-radius: 100%;
  background: 0 0;
  color: #fff;
  border: 1px solid #fff;
}
.tp_header_right
  .dropdown-toggle.newAdmin_profile_header.virtual-login-main
  .virtual-icon
  .photo-sm {
  margin: 3px 5px 0 0 !important;
  font-size: 11px !important;
}
.tp_header_right
  .dropdown-toggle.newAdmin_profile_header.virtual-login-main
  .newadmin_user-name {
  margin-top: 2px;
}
.newAdmin_profile_ctrl
  > li.dropdown
  > .virtual-login-main
  + .newAdmin_profile_dropdown {
  margin: 9px 0 0;
}
.margin-left-8 {
  margin-left: 8px;
}
p.no-data-found {
  padding: 20px;
  text-align: center;
}
#workflowHistoryContentPopup .table_scroller {
  height: calc(100vh - 112px);
}
.manual-capt-meta.files_ttlp_ctrl:hover .files_radio_info + .popover_compact {
  top: -65px;
  -webkit-transform: translateX(-44%) scale(1) !important;
  transform: translateX(-44%) scale(1) !important;
  -moz-transform: translateX(-44%) scale(1) !important;
}
.manual-capt-meta.files_ttlp_ctrl .files_radio_info + .popover_compact:before {
  border: none;
}
.manual-capt-meta.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  top: 51px;
}
.manual-capt-meta.files_ttlp_ctrl .fa-file-pdf-o {
  font-size: 20px;
  margin-top: 10px;
  margin-left: 10px;
}
.manual-capt-meta .popover_compact {
  top: -65px;
}
.domain_filter {
  margin-left: 10px;
  line-height: normal;
  font-weight: 400;
}
.domain_filter .form-control {
  padding: 3px 12px;
}
#traffic-model h4.modal-title {
  text-align: center;
}
.original_current_text_compare_modal {
  padding-right: 0 !important;
}
#traffic_details_datatable .popover_compact {
  min-width: 240px;
}
#traffic_details_datatable .files_ttlp_ctrl .popover_compact:before {
  left: 50% !important;
}
#traffic_details_datatable .files_ttlp_ctrl .popover_compact .fg-white {
  word-wrap: break-word;
}
#traffic_details_datatable_wrapper .judgment_table_grand_parent {
  overflow: visible;
}
.user-session-trafic {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #d3d3d4 !important;
  display: block !important;
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: left;
  width: 100%;
  border-radius: 0;
}
.user-session-trafic ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.user-session-trafic li {
  position: relative;
  display: inline-block;
}
.user-session-trafic li > a {
  color: #676a6c !important;
  display: inline-block !important;
  float: none;
  margin: 0 12px 0 !important;
  padding: 3px 10px 10px 10px !important;
  text-transform: uppercase !important;
  position: relative;
  border-bottom: 2px solid transparent;
}
.user-session-trafic li.active > a,
.user-session-trafic li:hover > a,
.user-session-trafic li > a:hover {
  border-bottom: 2px solid #0e9aef;
  color: #676a6c !important;
}
.user-session-trafic li > a:focus {
  outline: 0;
}
.user-session-trafic li > a > span {
  color: #1f7fc9;
}
.user-session-trafic li ul.dropdown {
  list-style: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  display: none;
  -webkit-transform: translateX(-50%) scale(0) !important;
  transform: translateX(-50%) scale(0) !important;
  -moz-transform: translateX(-50%) scale(0) !important;
  opacity: 1;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  z-index: 10000;
  max-height: 200px;
  overflow: auto;
}
.user-session-trafic li:hover ul.dropdown {
  -webkit-transform: translateX(0) scale(1) !important;
  transform: translateX(0) scale(1) !important;
  -moz-transform: translateX(0) scale(1) !important;
  display: block;
}
.user-session-trafic li ul.dropdown li {
  width: 100%;
}
.user-session-trafic li ul.dropdown li > a {
  padding: 5px 20px !important;
  margin: 0 !important;
  border: none !important;
  display: block !important;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.user-session-trafic li ul.dropdown li > a:hover {
  background: #0e9aef;
  color: #fff !important;
}
.user-session-trafic li.drop-main:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  right: 8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #8a8d8f;
  top: 11px;
}
.user-session-trafic .clear-all {
  margin: 0 0 0 20px;
  background-color: #e0e1e2;
  color: rgba(0, 0, 0, 0.6) !important;
  border: 1px solid #d3d3d4;
  box-shadow: none;
  font-size: 11px;
  font-weight: 600;
  position: relative;
  text-shadow: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  padding: 2px 10px !important;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  vertical-align: middle;
  text-transform: uppercase;
  display: inline-block;
}
.user-session-trafic .clear-all.active {
  color: #0e9aef !important;
  border: none !important;
}
.user-session-trafic .clear-all:hover {
  text-decoration: none;
  transition: background-position 0.1s linear 0s;
  background-color: #0e9aef;
  color: #fff !important;
  border-color: #0e9aef;
}
.user-session-trafic li ul.dropdown.checkbox-filter-drop {
  padding: 20px;
  width: 1000px;
  overflow: inherit;
  max-height: inherit;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.user-session-trafic li ul.dropdown.checkbox-filter-drop .filter-search {
  margin: 0 0 20px 0;
}
.user-session-trafic
  li
  ul.dropdown.checkbox-filter-drop
  .filter-search
  .search {
  width: calc(100% - 191px);
  border: 1px solid #ccc;
  padding: 5px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.user-session-trafic li ul.dropdown.checkbox-filter-drop .filter-search input {
  width: calc(100% - 35px);
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-indent: 10px;
}
.user-session-trafic
  li
  ul.dropdown.checkbox-filter-drop
  .filter-search
  input:focus {
  border: none;
  outline: 0;
}
.user-session-trafic
  li
  ul.dropdown.checkbox-filter-drop
  .filter-search
  .search-button {
  background: 0 0;
  border: none;
  display: inline-block;
}
.user-session-trafic li ul.dropdown.checkbox-filter-drop .filter-search .btn {
  text-transform: uppercase;
}
.user-session-trafic
  li
  ul.dropdown.checkbox-filter-drop
  .filter-search
  .grn-btn {
  background: #2ca02c;
  color: #fff;
  margin-left: 10px;
}
.user-session-trafic li ul.dropdown.checkbox-filter-drop li.bottom-filter-list {
  max-height: 200px;
  overflow: auto;
}
.user-session-trafic
  li
  ul.dropdown.checkbox-filter-drop
  li.bottom-filter-list
  ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-session-trafic
  li
  ul.dropdown.checkbox-filter-drop
  li.bottom-filter-list
  li {
  width: 32%;
  margin: 0 1% 5px 0;
  text-align: left;
  display: block;
  float: left;
}
.user-session-trafic li ul.dropdown.small-drop {
  padding: 0 10px 10px;
  min-width: 200px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.user-session-trafic li ul.dropdown.small-drop li .clear-filter {
  margin: 0 0 10px;
  display: block;
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding: 8px 0 5px 0;
  cursor: pointer;
  color: #0e9aef;
  font-size: 11px;
  text-align: right;
  text-transform: uppercase;
}
.user-session-trafic label.main-label {
  font-size: 13px;
  text-transform: uppercase;
}
.user-session-trafic li ul.dropdown.time-drop {
  padding-top: 10px;
}
.user-session-trafic li.li-appeal_status ul.dropdown.small-drop,
.user-session-trafic li.li-event_type ul.dropdown.small-drop {
  width: 500px;
}
.fancy-checkbox {
  position: relative;
}
.fancy-checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: -1;
  position: absolute;
  width: auto;
}
.fancy-checkbox input[type="checkbox"] + label:before {
  content: " ";
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 1px;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  border: 1px solid #ccc;
}
.fancy-checkbox input[type="checkbox"] + label:after {
  content: "\2713";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  -webkit-transform: translateY(0) scale(0);
  transform: translateY(0) scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  color: #0e9aef;
  left: -1px;
  top: 10px;
  text-align: center;
  font-weight: 700;
}
.fancy-checkbox input[type="checkbox"] + label {
  padding-left: 30px;
  font-weight: 400;
  line-height: 20px;
}
.fancy-checkbox input[type="checkbox"] + label:focus,
.fancy-checkbox input[type="checkbox"] + label:hover {
  cursor: pointer;
}
.fancy-checkbox input[type="checkbox"]:checked + label:after {
  -webkit-animation: checkbox-button 0.3s normal forwards;
  animation: checkbox-button 0.3s normal forwards;
}
@keyframes checkbox-button {
  0% {
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
  80% {
    -webkit-transform: translateY(-50%) scale(1.2);
    transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  }
}
.fancy-radio {
  position: relative;
}
.fancy-radio label {
  position: relative;
  padding-left: 25px;
  font-weight: 400;
}
.fancy-radio input[type="radio"] {
  opacity: 0;
  z-index: -1;
  position: absolute;
  width: auto;
}
.fancy-radio input[type="radio"] + label:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: " ";
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 9px;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  border: 1px solid #ccc;
}
.fancy-radio input[type="radio"] + label:after {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  background: #0e9aef;
  position: absolute;
  left: 5px;
  top: 50%;
  border-radius: 9px;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.fancy-radio input[type="radio"] + label:focus,
.fancy-radio input[type="radio"] + label:hover {
  cursor: pointer;
}
.fancy-radio input[type="radio"] + label:focus:before,
.fancy-radio input[type="radio"] + label:hover:before {
  background: #fff;
  border: 2px solid #0e9aef;
}
.fancy-radio input[type="radio"]:checked + label:before {
  background: #fff;
  border: 2px solid #0e9aef;
}
.fancy-radio input[type="radio"]:checked + label:after {
  -webkit-animation: radio-button 0.3s normal forwards;
  animation: radio-button 0.3s normal forwards;
}
@keyframes radio-button {
  0% {
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
  80% {
    -webkit-transform: translateY(-50%) scale(1.2);
    transform: translateY(-50%) scale(1.2);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  }
}
.user-session-trafic .date-range {
  color: #676a6c !important;
  display: inline-block !important;
  float: none;
  margin: 0 12px 0 !important;
  padding: 3px 10px 10px 10px !important;
  position: relative;
  border-bottom: 2px solid transparent;
}
.user-session-trafic .date-range.active {
  border-bottom: 2px solid #0e9aef;
  color: #676a6c !important;
}
.daterangepicker.dropdown-menu {
  border-radius: 0;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  margin-top: 0;
}
.daterangepicker .ranges li {
  border-radius: 0 !important;
}
.daterangepicker.opensright:after,
.daterangepicker.opensright:before {
  display: none !important;
}
.files_ttlp_ctrl .files_radio_info + .popover_compact {
  z-index: 100;
}
.dataTables_processing {
  z-index: 1;
}
#addeditorsnotes #addSelectedForReportingContentPopup .modal-dialog {
  width: 100%;
}
.data-table-btn-grp {
  border: 1px solid #ccc;
  border-radius: 3px;
}
.data-table-btn-grp .btn {
  padding: 1px 5px;
  font-size: 12px;
  background: #fff;
  border-right: 1px solid #ccc !important;
  margin: 0 !important;
  white-space: inherit;
}
.data-table-btn-grp .btn:last-child {
  border-right: none !important;
}
.data-table-btn-grp .btn:hover {
  background: #0e9aef;
  color: #fff;
  border-color: #0e9aef !important;
}
.data-table-btn-grp .btn:hover .files_radio_info {
  opacity: 1;
}
.data-table-btn-grp .popover_compact {
  max-width: 150px;
  word-wrap: break-word;
  text-align: center;
}
.data-table-btn-grp
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-60%) scale(1) !important;
  -webkit-transform: translateX(-60%) scale(1) !important;
  -moz-transform: translateX(-60%) scale(1) !important;
}
.common-filter {
  display: block;
  position: relative;
  border: 1px solid #ccc;
  padding: 20px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  min-height: 100px;
  background: #fff;
  clear: both;
  margin-bottom: 12px;
}
.common-filter select {
  border: 1px solid #ccc;
  padding: 1px 5px;
}
.common-filter .second-level-filter:before {
  content: "";
  background: #ccc;
  height: 1px;
  width: 100px;
  position: absolute;
  left: -70px;
  top: 14px;
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  -o-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 1s ease-out;
  -o-transition: -o-transform 1s ease;
  -ms-transition: -ms-transform 1s ease;
  transition: transform 1s ease;
}
.common-filter .second-level-filter.active:before {
  -webkit-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.common-filter .second-level-filter {
  margin: 0 0 25px 0;
}
.common-filter .second-level-filter {
  display: block;
  position: relative;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  position: relative;
  top: 0;
  left: 80px;
  width: calc(100% - 80px);
}
.common-filter .second-level-filter span.filter-line {
  background: #ccc;
  height: 1px;
  width: 100%;
  position: absolute;
  left: -4px;
  top: 14px;
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  -o-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 1s ease-out;
  -o-transition: -o-transform 1s ease;
  -ms-transition: -ms-transform 1s ease;
  transition: transform 1s ease;
}
.common-filter .second-level-filter > div.active span.filter-line {
  -webkit-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.common-filter .second-level-filter > div select {
  opacity: 0;
  width: auto;
  margin-left: 25px;
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 100;
  display: inline-block;
  visibility: hidden;
}
.common-filter .second-level-filter > div {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.common-filter .second-level-filter > div.second-level-first select {
  opacity: 1;
  visibility: visible;
}
.common-filter .second-level-filter .active select {
  opacity: 1;
  visibility: visible;
}
.common-filter .second-level-filter .fa.fa-times {
  margin-left: 10px;
  cursor: pointer;
  background: #fff;
  position: relative;
}
.common-filter .first-level-filter {
  position: absolute;
  left: 15px;
  top: 45px;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
}
.common-filter .first-level-filter.active {
  opacity: 1;
  visibility: visible;
}
.common-filter .first-level-filter select {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.common-filter span.filter-hor-line {
  background: #ccc;
  height: calc(100% - 62px);
  width: 1px;
  position: absolute;
  left: 30px;
  top: 35px;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 1s ease-out;
  -o-transition: -o-transform 1s ease;
  -ms-transition: -ms-transform 1s ease;
  transition: transform 1s ease;
  display: block;
}
.common-filter .add-row {
  position: absolute;
  left: 20px;
  bottom: 28px;
  background: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid #ccc;
  line-height: 20px;
  font-size: 13px;
  cursor: pointer;
  z-index: 1;
}
.common-filter .second-level-filter .valueName {
  border: 1px solid #ccc;
  background: #fff;
  margin-left: 25px;
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 100;
  display: inline-block;
  padding: 2px 5px;
}
.common-filter .btn {
  padding: 3px 12px;
}
.common-filter .filter-apply-btn {
  background-color: #0e9aef;
  color: #fff !important;
  border-color: #0e9aef;
}
.common-filter .filter-cancel-btn {
  margin-left: 105px;
}
.common-filter .multi-checkbox {
  position: relative;
  font-size: 13px;
}
.common-filter .multi-checkbox .btn-default:active:hover,
.common-filter .multi-checkbox.open > .dropdown-toggle.btn-default,
.common-filter .multi-checkbox.open > .dropdown-toggle.btn-default:focus,
.common-filter .multi-checkbox.open > .dropdown-toggle.btn-default:hover {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #676a6c;
}
.common-filter .multi-checkbox .btn-default {
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 2px 22px 2px 7px;
  background-color: #fff;
  position: relative;
  z-index: 10;
}
.common-filter .multi-checkbox .btn-default .caret {
  position: absolute;
  right: 5px;
  top: 10px;
}
.common-filter .multi-checkbox .muliti-check-filter {
  line-height: inherit;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #ccc;
  left: 25px !important;
  top: 23px;
  min-width: 107px;
}
.common-filter .multi-checkbox .muliti-check-filter input[type="checkbox"] {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.common-filter .multi-checkbox .muliti-check-filter label {
  line-height: normal;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
}
.common-filter .multi-checkbox .muliti-check-filter > li > a {
  padding: 0 10px;
  background: 0 0 !important;
  line-height: normal;
}
.advance-filter {
  margin: 3px 0 0 0;
  cursor: pointer;
}
.advance-filter.active {
  color: #0e9aef;
}
a:focus {
  border: none;
  outline: 0;
}
input:focus {
  outline: 0;
}
#emailContentPopup #email-detail {
  width: 650px;
  margin: auto;
}
#emailContentPopup #email-detail table {
  font-family: 'Inter', "Segoe UI", sans-serif;
  font-size: 13px;
  color: #6d6d6d;
  table-layout: fixed;
  border: 1px solid #d1d1d1;
  width: 100%;
  margin: 0 0 20px 0;
}
#emailContentPopup #email-detail table tr td,
#emailContentPopup #email-detail table tr th {
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  padding: 5px 10px;
}
#emailContentPopup #email-detail table tr:last-child td {
  border-bottom: 0;
}
#emailContentPopup #email-detail table tr td:last-child,
#emailContentPopup #email-detail table tr th:last-child {
  border-right: 0px;
}
#emailContentPopup #email-detail table tr td {
  vertical-align: top;
}
#emailContentPopup #email-detail table tr.odd td {
  background: #f9f9f9;
}
#emailContentPopup .popup-ajax-content > div.search-loader2 {
  width: calc(100% - 40px) !important;
  margin: 20px !important;
}
#addeditorsnotes .unreport_uploader_main,
#addeditorsnotes .unreport_uploader_main .upload_unreported_center,
#editappealchainitem .unreport_uploader_main,
#editappealchainitem .unreport_uploader_main .upload_unreported_center,
#myModal_1 .ibox-content,
.chart_tmnl_pipeline_ctrl,
.export-case-header,
.monitor-security,
.nginx-access,
.pdf-validator,
.rightSideArea .ui_wrapper,
.rightSideArea .ui_wrapper .ibox-content,
.skin-1 .center_controller_roller .datatable_main,
.skin-1 .edit_judgment_ctrl2 .datatable_main,
.skin-1 .monitor_appError_datatable .datatable_main,
.validate-file-content .ibox-title.border_all_over.tbl_refresh_wrap,
.validate-file-heading,
table.table-bordered.dataTable {
  border-radius: 5px;
}
#editappealchainitem .top-description,
#headingPlural,
.appeal-chain-item-main .appeal-chain-item-tab-content .appeal-chain-title,
.export-case-main .ibox-title,
.infrastructure-main .ibox.wht_bg .ibox-title,
.newAdmin_judgment-respo-ctrl,
.skin-1 .theme_border_top,
.validate-file-content .ibox-title,
.validate-file-heading + .validator_ctrl.no-padding.bottom_spacer .ibox-title,
.validator-pages .custom_ibox_title {
  border-radius: 5px 5px 0 0;
}
.appeal-chain-item-main .appeal-chain-item-tab-content .appeal-chain-content,
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content
  table.table,
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content
  table.table
  tbody
  .appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content
  table.table
  tbody
  tr:last-child,
.infrastructure-main .ibox.wht_bg .ibox-content,
.skin-1 #headingPlural + .center_controller_roller .datatable_main,
.skin-1 .datatable_main,
.skin-1 .export-case-main.center_controller_roller .datatable_main,
.skin-1
  .form-body.smart-steps.stp-three
  + .center_controller_roller
  .datatable_main,
.skin-1 .theme_border_bottom,
.validate-file-content .ibox-content,
.validate-file-heading + .validator_ctrl.no-padding.bottom_spacer .ibox-content,
.validator-pages .inner_box_ctrl {
  border-radius: 0 0 5px 5px;
}
#addeditorsnotes .unreport_uploader_main .upload_unreported_center > div,
.infrastructure-main .ibox.wht_bg {
  background-color: transparent !important;
}
.infrastructure-main .ibox.wht_bg .ibox-title {
  border: 1px solid #d3d3d4 !important;
  border-bottom: 0 !important;
}
.export-case-header p {
  margin-bottom: 0;
}
.export-case-main .ibox-title {
  border-bottom: 0 !important;
}
#error_details_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-40%) scale(1) !important;
  -webkit-transform: translateX(-40%) scale(1) !important;
  -moz-transform: translateX(-40%) scale(1) !important;
}
#citation_datatable_popup tbody,
#citation_datatable_popup thead {
  width: 100%;
  display: table;
}
#Nword_highlighter .meta_history_compare_modal.animated {
  padding-right: 0 !important;
}
#user_session_traffic_datatable_wrapper .judgment_table_grand_parent {
  overflow: visible;
}
#emailContentPopup #email-detail table tr th {
  background: #eaeaea;
  text-align: center;
  color: #333;
  text-transform: uppercase;
  padding: 8px 10px;
}
#emailContentPopup .email-header-popup {
  background: #eaeaea;
  text-align: center;
  color: #333;
  text-transform: uppercase;
  width: 650px !important;
  margin: auto !important;
  border: 1px solid #d1d1d1;
  padding: 8px 10px;
  font-weight: 700;
}
#emailContentPopup table pre {
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.exceptionSqlPopup.full-screen-modal-new .modal-body {
  max-height: calc(100vh - 50px) !important;
  padding: 0;
}
.exceptionSqlPopup.full-screen-modal-new .modal-body .table_scroller {
  height: calc(100vh - 102px);
  padding: 10px;
}
.nginx-error-loader {
  top: 63px;
  width: calc(100% - 20px);
  left: 10px;
}
#all_traffic_datatable
  .inline_editable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  -webkit-transform: translateX(-10%) scale(1) !important;
  transform: translateX(-10%) scale(1) !important;
  -moz-transform: translateX(-10%) scale(1) !important;
}
#all_traffic_datatable
  .inline_editable
  .files_ttlp_ctrl
  .files_radio_info
  + .popover_compact {
  min-width: 100%;
  word-wrap: break-word;
}
#all_traffic_datatable_wrapper .judgment_table_grand_parent {
  overflow: visible;
}
.user-details-fbloader {
  padding: 20px;
  background: #fff;
}
#addSelectedForReportingContentPopup .table_scroller {
  overflow: visible;
}
.add-appeal-chain-item {
  background-color: #0e9aef !important;
  color: #fff !important;
  border-color: #0e9aef;
  margin-left: 10px;
}
.view-appeal-chain-link {
  margin: 6px 0 0 0;
}
.full-screen-modal-new .online_button {
  position: static;
}
.full-screen-modal-new .pos_relative .online_button {
  position: absolute;
}
.spinner_ctrl {
  z-index: 1000 !important;
}
#appeal_datapoint_datatable .vrsn_action > a {
  border: none;
}
#appeal_datapoint_datatable .npopctrl .vrsn_action > ul.dropdown-menu {
  left: -1px !important;
}
.top-padding-10 {
  padding-top: 10px !important;
}
#error_details_datatable_wrapper .judgment_table_grand_parent {
  overflow: visible;
}
.popover-title {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.more-details-info {
  color: #676a6c;
  font-weight: 400;
  margin: -5px auto 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
}
.more-details-info span span {
  color: #003087;
  font-weight: 600;
}
.newadmin_caseinfoCTRL.user-details {
  position: relative;
  padding-bottom: 25px !important;
}
#session-trace-modal-body .table .popover_compact {
  min-width: 240px;
}
#session-trace-modal-body .table .files_ttlp_ctrl .popover_compact .fg-white {
  word-wrap: break-word;
}
#session-trace-modal-body
  .table
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-40%) scale(1) !important;
  -webkit-transform: translateX(-40%) scale(1) !important;
  -moz-transform: translateX(-40%) scale(1) !important;
}
#session-trace-modal-body .table {
  margin-bottom: 58px;
}
#judgments_datatable .csiq_magicButton_datatable + a.custom.button {
  display: inherit;
}
#judgments_datatable .flexi_element > select {
  color: #676a6c !important;
}
.newadmin_caseinfoCTRL .csiq_magicButton .dropdown-menu p {
  color: #676a6c;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .litigation-history-main {
  padding: 0;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .litigation-history-main
  th {
  text-transform: uppercase;
}
#error_log_details .ibox-content-main {
  border: none !important;
}
.error-log-main.full-screen-modal-new .modal-body {
  min-height: calc(100vh - 100px) !important;
}
.appeal-table-responsive {
  overflow: inherit;
}
.special-main-rel {
  position: relative;
}
.special-main-rel .special-magic-function:hover + .popover_compact::before {
  left: inherit;
  top: 0;
}
.special-main-rel .special-magic-function + .popover_compact {
  left: inherit;
}
#appeal_datapoint_datatable .npopctrl .vrsn_action > ul.dropdown-menu {
  min-width: 195px;
}
#new-appeal-pop.full-screen-modal-new .modal-body {
  height: calc(100vh - 100px) !important;
}
.appeal-left-view {
  border-right: 1px solid #d1d1d1;
  position: relative;
  height: 100%;
  overflow: auto;
}
.appeal-left-view .form-horizontal .control-label {
  padding-top: 0;
}
.appeal-left-view .body .body-content {
  margin: 0 0 20px 0;
}
.appeal-left-view .attachment-file {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  border: 1px solid #d1d1d1;
  display: none;
}
.appeal-left-view .attachment-file .attach-header {
  padding: 20px 0;
}
.appeal-left-view .attachment-file iframe {
  border: 0;
  height: 67vh;
}
.appeal-left-view .table {
  border: 1px solid #cecece;
}
.appeal-left-view .table td,
.appeal-left-view .table th {
  padding: 3px 8px;
  text-align: center;
}
.appeal-left-view .table th {
  background: #e7eaec;
  font-weight: 600;
  border-right: 1px solid #cecece;
}
.appeal-left-view .table th:last-child {
  border-right: 0px;
}
.appeal-left-view .table td {
  border-right: 1px solid #cecece;
}
.appeal-left-view .table td:last-child {
  border-right: 0px;
}
.right-appeal-form .form-horizontal .control-label {
  padding-top: 0;
  text-align: left;
  margin-bottom: 5px;
}
.right-appeal-form .upload-form label {
  font-weight: 700;
}
.right-appeal-form .form-horizontal .radio-inline {
  font-weight: 400;
}
.right-appeal-form .ews_ul {
  margin-bottom: 15px !important;
}
.right-appeal-form ul.ews_ul > li > a:hover:before {
  bottom: 0;
}
.appeal-pending-work {
  border-top: 0;
  border-bottom: 0;
  margin: 20px 0 0 0;
}
.appeal-pending-work .tooltip-inner {
  max-width: 500px !important;
}
.appeal-pending-work .box_slick {
  border: 1px solid #c6c6c6;
  margin: 0 0 15px;
}
.appeal-pending-work .box_slick .slic_workflow_heading {
  border-bottom: 1px solid #c6c6c6;
  box-sizing: border-box;
  margin: 0;
  padding: 7px 10px;
  background-color: #f8f8f8;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  text-indent: 0;
  width: 100%;
}
.appeal-pending-work .slic_workflow_heading .workflow_actn_btns {
  font-size: 13px;
  font-weight: 400;
}
.appeal-pending-work .slic_workflow_heading .workflow_actn_btns:first-child {
  float: left;
}
.appeal-pending-work .vrsn_action_frontend {
  bottom: auto !important;
  float: none;
  position: relative !important;
  right: auto !important;
}
.appeal-pending-work .vrsn_action > a {
  padding: 2px 9px;
  border: 1px solid transparent;
}
.appeal-pending-work .vrsn_action i.fa {
  color: #86898b;
  font-size: 15px;
}
.appeal-pending-work .slic_workflow_heading .workflow_actn_btns {
  font-size: 13px;
  font-weight: 400;
}
.appeal-pending-work .slic_workflow_heading .workflow_actn_btns.last-child {
  float: right;
}
.appeal-pending-work .slic_workflow_heading .workflow_actn_btns i.fa {
  padding: 0 2px;
}
.appeal-pending-work .slider {
  padding: 13px 0 11px;
  width: 100%;
  border-radius: 2px;
  position: relative;
  margin: 0 auto;
  display: block;
}
.appeal-pending-work .workflowInfo {
  border-bottom: 1px solid #c6c6c6;
  color: #707070;
  font-size: 13px;
  margin: -5px 0 16px;
  padding: 0 12px 11px;
}
.appeal-pending-work .sub_ctrl {
  display: block;
  padding-bottom: 2px;
}
.appeal-pending-work .slick_ul {
  margin: 0 0 0 5px;
  padding: 0;
  text-align: center;
  position: relative;
  width: auto;
  display: inline-block;
}
.appeal-pending-work .slick_ul > li:first-child,
.slick_ul > li:last-child {
  margin: 0;
}
.appeal-pending-work .slick_ul > li {
  position: relative !important;
}
.appeal-pending-work .slick_ul > li {
  display: table-cell;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  white-space: nowrap;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.appeal-pending-work .slick_ul > li:hover > .popover,
ul.statusbar_grouped > li:hover > .popover {
  display: block;
}
.appeal-pending-work .slick_ul > li .popover > h3 {
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 1px;
  margin-top: 1px;
  padding-bottom: 0;
  text-indent: 0;
  margin-left: 0;
}
.appeal-pending-work .slick_ul > li .popover > .arrow {
  left: 27px;
}
.appeal-pending-work .slick_ul > li .popover .minvpad_pair_list.med_pair_list {
  padding-left: 0;
  list-style: none;
  min-width: 150px;
  margin: 0;
  float: left;
}
.appeal-pending-work
  .value_pair_list.minvpad_pair_list.med_pair_list
  > li
  > .value_label,
.appeal-pending-work
  .value_pair_list.minvpad_pair_list.med_pair_list
  > li
  > .value_text {
  display: inline;
  font-size: 12px;
}
.appeal-pending-work
  .value_pair_list.minvpad_pair_list.med_pair_list
  > li
  > .value_label {
  color: #333;
  float: left;
  width: 100%;
  text-align: left;
}
.appeal-pending-work .slick_ul > li .popover h3.bold-font {
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 5px;
}
.appeal-pending-work .nostrong.historyNotific_text {
  display: inline-block;
  font-weight: 600 !important;
  margin: 2px 0 0 !important;
}
.appeal-pending-work .slick_ul_div {
  background-color: #f0f0f0;
  border: 1px solid #e3e3e3;
  color: #000;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  padding: 10px 17px;
  text-align: center;
  margin: 0 7px;
  border-radius: 4px;
}
.appeal-pending-work .history_slick_ul {
  background-color: #f0f0f0;
  border-radius: 3px;
  color: #000;
  margin: 0 7px;
  opacity: 0.7;
}
.appeal-pending-work .history_slick_ul > img {
  margin: -2px 2px 0 -2px;
  opacity: 0.64;
  width: 5px;
}
.appeal-pending-work .slick_ul > li > .slick_popover_ctrl {
  left: 7px !important;
}
.appeal-pending-work .slick_ul > li .popover {
  border: 1px solid silver;
  border-radius: 2px;
  max-width: 485px;
  min-width: inherit;
  padding: 5px 9px;
  top: 38px;
  white-space: nowrap;
  z-index: 1010;
  display: none;
  position: absolute;
  text-align: left;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.appeal-pending-work .slick_ul_div.active {
  background-color: #0e9aef;
  color: #fff;
  border: 1px solid #0e9aef;
}
.appeal-pending-work ul.statusbar_grouped {
  border-radius: 3px;
  display: inline-flex;
  list-style-type: none;
  margin-left: 15px;
  position: relative;
  padding: 0;
}
.appeal-pending-work .statusbar_grouped:before {
  border: 0 none !important;
  content: "";
  display: block !important;
  height: 15px;
  left: -14px !important;
  opacity: 0.5;
  position: absolute;
  top: 14px !important;
  width: 15px;
}
.appeal-pending-work ul.statusbar_grouped > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-right: 1px solid #c6c6c6 !important;
  border-top-right-radius: 4px;
}
.appeal-pending-work ul.statusbar_grouped > li a {
  display: inline-block;
  font-size: 13px;
  padding: 8px 17px 7px;
  color: #000;
  border: 1px solid #c6c6c6;
  border-right: 0;
  border-radius: 0;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.appeal-pending-work ul.statusbar_grouped > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.appeal-pending-work ul.statusbar_grouped > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-right: 1px solid #c6c6c6 !important;
  border-top-right-radius: 4px;
}
.appeal-pending-work ul.statusbar_grouped > li a:hover {
  text-decoration: none;
  background-color: #767676;
  color: #fff;
  border-color: #767676;
}
.appeal-pending-work strong.nostrong > strong {
  font-weight: 300;
}
.appeal-pending-work .vrsn_action_frontend > ul.dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: 1px 1px 2px #d5d5d5;
  left: 0;
  padding: 3px;
  right: auto;
  background: #fff;
  margin-left: 10px;
  z-index: 1;
}
.appeal-pending-work .vrsn_action_frontend > ul.dropdown-menu > li,
.vrsn_action_frontend > ul.dropdown-menu > li > a {
  border: 0 none;
  box-sizing: border-box;
  float: left;
  font-size: 13px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.appeal-pending-work .vrsn_action_frontend > ul.dropdown-menu > li > a,
.appeal-pending-work .vrsn_action_frontend > ul.dropdown-menu > li > button {
  background: #fff !important;
  border: 0 none;
  border-radius: 0;
  color: #676a6c;
  font-size: 13px;
  margin: 0;
  padding: 4px 10px;
  text-align: left;
  width: 100%;
}
.appeal-pending-work
  .vrsn_action_frontend
  > ul.dropdown-menu
  > li
  > button:hover {
  background-color: #0e9aef !important;
  color: #fff !important;
}
.pending-workflow-main .pending-workflow-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.popover_compact li.popup-heading-main {
  padding: 5px 20px !important;
  text-transform: uppercase !important;
  background: #f1f1f1;
  position: relative;
  z-index: 1;
}
.pending-workflow-main .pending-workflow-list li {
  position: relative;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
  text-transform: none;
  width: 100%;
  padding: 10px 0 12px;
  float: left;
}
.pending-workflow-main .pending-workflow-list li:first-child {
  padding-top: 0;
}
.pending-workflow-main .pending-workflow-list li:last-child {
  padding-bottom: 0;
  border: none;
}
.pending-workflow-main .pending-workflow-list li h5 {
  font-weight: 400;
  width: 80%;
  display: inline-block;
  margin: 5px 0;
  font-size: 14px;
  color: #333;
  font-weight: 600;
}
.pending-workflow-main .pending-workflow-list li a {
  float: right;
  font-size: 12px;
  font-weight: 400;
}
.zapier_pill .pending-workflow-main .pending-workflow-list li h5 {
  font-weight: 400;
  width: 100%;
  display: inline-block;
  margin: 7px 0;
  font-size: 14px;
  line-height: 18px;
}
.zapier_pill .pending-workflow-main .pending-workflow-list li a {
  float: left;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
}
.zapier_pill .pending-workflow-main .navbar-form-custom + .popover_compact {
  padding: 0;
}
.zapier_pill .pending-workflow-main .pending-workflow-list li {
  padding: 0;
}
.zapier_pill .pending-workflow-main .pending-workflow-list li a:hover {
  text-decoration: none;
  background: #f1f1f1;
}
.zapier_pill .pending-workflow-main .pending-workflow-list li a span {
  float: left;
  font-size: 30px;
  width: 18%;
  line-height: 29px;
  color: #333;
}
.zapier_pill .pending-workflow-main .pending-workflow-list li a h5 {
  float: right;
  width: 85%;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.email_process .pending-workflow-main .navbar-form-custom + .popover_compact {
  padding: 0;
}
.email_process .pending-workflow-main .pending-workflow-list li a {
  width: 100%;
  padding: 10px 20px 20px;
  box-sizing: border-box;
}
.email_process .pending-workflow-main .pending-workflow-list li {
  padding: 0;
}
.email_process .pending-workflow-main .pending-workflow-list li a:hover {
  text-decoration: none;
  background: #f1f1f1;
}
.pending-workflow-main .pending-workflow-list li p {
  color: #999;
}
.pending-workflow-main .pending-workflow-list li span {
  display: inline-block;
}
.pending-workflow-main .pending-workflow-list li .email-data-main {
  width: 100%;
  color: #333;
}
.pending-workflow-main
  .pending-workflow-list
  li
  .email-data-main
  .email-count-data {
  width: 50%;
  float: left;
}
.pending-workflow-main
  .pending-workflow-list
  li
  .email-data-main
  .email-count-data
  .email-count {
  font-size: 30px;
}
.pending-workflow-main
  .pending-workflow-list
  li
  .email-data-main
  .email-count-data
  h2 {
  font-size: 13px;
  margin: 0;
  font-weight: 500;
}
.system-status .error-count-area + .popover_compact {
  padding: 0;
}
.system-status .popover_compact .error-list-status li {
  padding: 0;
  margin: 0;
}
.system-status .popover_compact .error-list-status li a {
  float: left;
  padding: 10px 20px;
  width: 100%;
}
.system-status .popover_compact .error-list-status li a h5 {
  margin-top: 0;
}
.system-status .popover_compact .error-list-status li a:hover {
  text-decoration: none;
  background: #f1f1f1;
}
.system-status .popover_compact .error-list-status li:last-child {
  padding: 10px 20px;
}
.inbox-main-container {
  color: #333;
}
.inbox-main-container .fancy-checkbox input[type="checkbox"] + label:before {
  width: 15px;
  height: 15px;
}
.inbox-main-container .fancy-checkbox input[type="checkbox"] + label:after {
  width: 15px;
  height: 15px;
  font-size: 11px;
  left: 0;
  top: 7px;
}
.folder-list {
  padding: 0;
  border: 1px solid #d3d3d3 !important;
  margin: 10px 0 0 0;
  background: #fff;
  border-radius: 5px;
  clear: both;
}
.folder-list li .counts {
  background: #0e9aef;
  color: #fff;
  padding: 2px 3px;
  border-radius: 2px;
  display: inline-block;
  float: right;
  font-size: 10px;
  font-weight: 600;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  text-align: center;
  line-height: 17px;
}
.folder-list li:nth-child(2) .counts {
  background: #6fb656;
}
.folder-list li:nth-child(3) .counts {
  background: #ababab;
}
.folder-list li:last-child .counts {
  background: #ababab;
}
.folder-list li.active {
  border-left: 2px solid #0e9aef;
}
.appeal-emnail {
  width: 100%;
  border-radius: 5px;
  margin: 0 0 10px 0 !important;
  padding: 7px 6px 8px !important;
}
.appeal-emnail:focus {
  outline: 0;
}
.folder-list li a {
  padding: 10px;
  color: #333;
  font-weight: 700;
}
.inbox-header {
  margin-bottom: 10px;
}
.inbox-header:after {
  content: "";
  display: table;
  clear: both;
}
.inbox-header h2 {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.inbox-header .action-button {
  display: none;
  vertical-align: middle;
  float: left;
  margin: 0 0 0 10px;
}
.inbox-header .action-button .btn {
  padding: 6px 10px 6px;
  font-size: 13px !important;
  color: #333;
}
.inbox-header .action-button .btn:hover {
  color: #fff;
}
.inbox-header .checkAll {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border-radius: 5px;
  padding: 8px;
  border: 1px solid #d3d3d3 !important;
  box-sizing: border-box;
  float: left;
  width: 34px;
  height: 34px;
}
.inbox-header .checkAll input[type="checkbox"] + label:before {
  left: 8px;
  top: 9px;
}
.inbox-header .checkAll input[type="checkbox"] + label:after {
  left: 8px;
  top: 16px;
}
.inbox-header .repeat {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border-radius: 5px;
  padding: 8px;
  margin: 0 0 0 10px;
  cursor: pointer;
  color: #676a6c;
  border: 1px solid #d3d3d3 !important;
  box-sizing: border-box;
  float: left;
  width: 34px;
  height: 34px;
  text-align: center;
}
.inbox-header .backTolist {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border-radius: 5px;
  padding: 5px 10px 5px 8px;
  margin: 0;
  cursor: pointer;
  color: #676a6c;
  border: 1px solid #d3d3d3 !important;
  box-sizing: border-box;
  float: left;
}
.inbox-header .backTolist a {
  color: #676a6c;
}
.inbox-header .pagination-main {
  float: right;
  margin: 0 0 0 20px;
}
.inbox-header .pagination-main .pagination {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.inbox-header .pagination-main span {
  display: inline-block;
  vertical-align: middle;
}
.inbox-no-data-found {
  padding: 5px 20px;
  margin: 0;
}
.inbox-table {
  height: calc(100vh - 150px);
  overflow: scroll;
  overflow-x: auto;
}
.inbox-table .table {
  table-layout: fixed;
  border: 1px solid #d3d3d3 !important;
  background: #fff;
  border-radius: 5px;
}
.inbox-table .table a {
  color: #333;
}
.inbox-table .table td,
.inbox-table .table th {
  padding: 9px 8px 10px;
}
.inbox-table .table td:first-child {
  width: 31px;
}
.inbox-table .table td:nth-child(2) {
  width: 27px;
}
.inbox-table .table td:nth-child(3) {
  width: 30px;
}
.inbox-table .table td:nth-child(4) {
  width: 150px;
}
.inbox-table .table td:nth-child(5) {
  width: calc(100% - 308px);
}
.inbox-table .table td:last-child {
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
}
.inbox-table .table a.changeStarred {
  color: #ffb30f;
}
.content-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.inbox-table .table .email-content {
  overflow: hidden;
  display: flex;
  width: 100%;
}
.inbox-table .table .email-content p {
  margin: 0;
}
.inbox-table .table td {
  border-top: none;
  border-bottom: 1px solid #d3d3d3;
  vertical-align: middle;
}
.inbox-table .table .email-content .content-ellipsis {
  width: auto;
  display: inline-block;
}
.inbox-table .table .fancy-checkbox {
  width: 15px;
  margin: auto;
}
.parent-relative {
  position: relative;
}
.inbox-table .dropdown-menu {
  min-width: 210px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bbb;
  padding: 5px 0;
  top: 21px;
}
.inbox-table .dropdown-menu .first-drop-header {
  padding: 9px 8px;
  text-align: center;
  font-size: 12px;
  color: #999;
  border-bottom: 1px solid #d1d1d1;
}
.inbox-table .dropdown-menu .first-drop-header .close-first-drop {
  text-align: right;
  float: right;
  cursor: pointer;
}
.inbox-table .dropdown-menu > li > a {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  padding: 9px 20px;
  line-height: 15px;
}
.inbox-table .dropdown-menu > li:hover > a {
  background: #488dc3;
  color: #fff;
  border-radius: 0;
}
.inbox-table .workflow-drop-down {
  top: -2px;
  min-width: 290px;
}
.inbox-table .workflow-drop-down .workflow-header {
  padding: 12px 8px;
  text-align: center;
  font-size: 12px;
  color: #999;
  border-bottom: 1px solid #d1d1d1;
}
.inbox-table .workflow-drop-down .workflow-header i {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  opacity: 0.4;
  cursor: pointer;
}
.inbox-table .workflow-drop-down .workflow-header i:hover {
  opacity: 0.8;
}
.inbox-table .workflow-drop-down .workflow-header .backtodrop {
  text-align: left;
  float: left;
}
.inbox-table .workflow-drop-down .workflow-header .close-drop {
  text-align: right;
  float: right;
}
.inbox-table .workflow-drop-down .workflow-body {
  padding: 10px;
}
.inbox-table .workflow-drop-down .workflow-body .validation_valid {
  width: 100%;
  text-align: center;
}
.inbox-table .workflow-drop-down .workflow-body .online_button {
  border-radius: 3px;
}
.inbox-table .workflow-drop-down .workflow-body #upload_new_judgment {
  background: #27ae61;
  width: 135px;
  margin: 0 auto 10px !important;
  display: block;
  color: #fff;
}
.inbox-table
  .workflow-drop-down
  .workflow-body
  .cite_not_available
  .btn.change_status_bnt {
  margin-right: 5px;
  color: #fff;
  background: #27ae61;
}
.inbox-table .no-shadow {
  box-shadow: none;
  border: none !important;
}
.inbox-table .table .fa-star {
  color: #ffb30f;
  font-size: 16px;
}
.inbox-table .table .fa-star-o {
  font-size: 16px;
}
.inbox-table .fa-caret-square-o-down {
  color: #333;
  opacity: 0.7;
}
.inbox-header .action-button.details-block {
  display: block !important;
  margin: 0;
}
.inbox-view-details {
  background: #edeff0 none repeat scroll 0 0 !important;
}
.email-details {
  background: #fff;
  border: 1px solid #d3d3d3 !important;
  width: 100%;
  border-radius: 5px;
  color: #333;
  height: auto;
  overflow: auto;
}
.email-details .email-details-body p {
  margin: 0 0 15px 0;
}
.details-attachment .table {
  margin: 0;
}
.details-attachment .table td {
  padding: 10px;
  border-bottom: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-top: 0;
}
.details-attachment .table tr td:first-child {
  width: 5%;
  text-align: center;
}
.details-attachment .table tr td:nth-child(3) {
  width: 5%;
  text-align: center;
}
.details-attachment .table tr td:last-child {
  border-right: 0px;
  width: 5%;
  text-align: center;
}
.details-attachment .table tr:last-child td {
  border-bottom: 0;
}
.details-attachment .table td a {
  color: #676a6c;
}
.details-attachment .table td .fa-eye {
  cursor: pointer;
  font-size: 14px;
}
a.animated-button:link,
a.animated-button:visited {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 10px 15px;
  color: #999;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: 0.08em;
  border-radius: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  border: 2px solid #999;
  width: 165px;
}
a.animated-button:link:after,
a.animated-button:visited:after {
  content: "";
  position: absolute;
  height: 0;
  left: 50%;
  top: 50%;
  width: 150%;
  z-index: -1;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
}
a.animated-button:link:hover,
a.animated-button:visited:hover {
  color: #fff;
  text-shadow: none;
}
a.animated-button:link:hover:after,
a.animated-button:visited:hover:after {
  height: 450%;
}
a.animated-button.next:hover {
  color: #fff !important;
  background-color: transparent;
}
a.animated-button.next:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}
a.animated-button.next:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  z-index: -1;
  content: "";
  color: #000 !important;
  background: #999;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.prev:hover {
  color: #fff !important;
  background-color: transparent;
}
a.animated-button.prev:hover:before {
  right: 0;
  left: auto;
  width: 100%;
}
a.animated-button.prev span {
  position: relative;
  z-index: 1000;
}
a.animated-button.prev:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  z-index: 0;
  content: "";
  color: #000 !important;
  background: #999;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.inbox-view-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  clear: both;
  background: #fff;
  box-sizing: border-box;
}
.inbox-view-header .header-center-content {
  width: calc(100% - 180px);
  display: inline-block;
  color: #333;
  vertical-align: top;
}
.inbox-view-header .header-center-content h4 {
  font-size: 24px;
}
.inbox-view-header .header-center-content p {
  font-size: 14px;
  font-weight: 600;
}
.email-view-content {
  padding: 15px;
  box-sizing: border-box;
}
.email-view-content .left-inbox .footer-center-button,
.email-view-content .left-inbox .numeric-form-container {
  width: 100%;
}
.email-view-content .left-inbox .unreport_uploader_main,
.email-view-content
  .left-inbox
  .unreport_uploader_main
  .upload-appeal-datapoint-header,
.email-view-content
  .left-inbox
  .unreport_uploader_main
  .upload_unreported_center {
  background: 0 0;
}
.email-view-content .left-inbox .unreport_uploader_main .online_button {
  position: static;
  margin: 0 !important;
}
.email-details-header2 {
  padding-bottom: 15px;
  position: relative;
  font-size: 14px;
}
.email-view-content .right-inbox .new-box-main {
  display: block;
}
.email-view-content
  .right-inbox
  .new-box-ui-container
  .new-box-header
  .Toggle-icon {
  font-size: 20px;
  float: right;
  line-height: 10px;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 8px;
}
.email-view-content
  .right-inbox
  .new-box-ui-container
  .new-box-header
  .Toggle-icon.de-active
  .fa-angle-down:before {
  content: "\f106";
}
.email-view-content .right-inbox .new-box-ui-container .new-box-header {
  position: relative;
  padding-right: 35px;
}
.red-pills {
  background: #cf5756;
  color: #fff !important;
  padding: 1px 5px;
  font-size: 10px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block !important;
}
.yellow-pills {
  background: #e0b252;
  color: #fff !important;
  padding: 1px 5px;
  font-size: 10px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block !important;
}
.green-pills {
  background: #6fb656;
  color: #fff !important;
  padding: 1px 5px;
  font-size: 10px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block !important;
}
.light-green-pill {
  background: #dcebcd;
  border: 1px solid #a8cc82;
  color: #539a06 !important;
  padding: 1px 8px;
  font-size: 10px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block !important;
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
}
.light-yellow-pill {
  background: #fcefcd;
  border: 1px solid #f7d782;
  color: #e2a602 !important;
  padding: 1px 8px;
  font-size: 10px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block !important;
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
}
.light-blue-pill {
  background: #cfebfc;
  border: 1px solid #7ac7f6;
  color: #0e9aef !important;
  padding: 1px 8px;
  font-size: 10px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block !important;
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
}
.light-red-pill {
  background: #f7d5d5;
  border: 1px solid #ec9595;
  color: #d92c2c !important;
  padding: 1px 8px;
  font-size: 10px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block !important;
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
}
.light-gray-pill {
  background: #e8e8e8;
  border: 1px solid #d0d0d0;
  color: #909090 !important;
  padding: 1px 8px;
  font-size: 10px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block !important;
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
}
.select-citation-workflow .upload_que_parent {
  width: 100% !important;
  border: 0 !important;
}
.select-citation-workflow .upload_que_parent .col-sm-10 {
  width: 100% !important;
}
.new-smallWidth-popup {
  border: none !important;
}
.new-smallWidth-popup .popup-header-smallWidth {
  padding: 0;
  text-align: center !important;
  margin-bottom: 20px;
}
.new-smallWidth-popup .popup-header-smallWidth h4 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 5px;
}
.smallWidth-container {
  width: 600px;
  margin: 0 auto 40px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 40px 40px 40px;
  overflow: auto;
}
.smallWidth-container .smallWidth-container-header {
  text-align: center;
  font-size: 21px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
  color: #000;
  font-weight: 600;
}
.smallWidth-container .smallWidth-body .rd_field_ctrl.form-group {
  padding-bottom: 0;
  margin-bottom: 10px;
}
.smallWidth-container .smallWidth-body .col-sm-2 {
  width: 100%;
  text-align: left;
  margin-bottom: 8px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
.smallWidth-container .smallWidth-body .col-sm-10 {
  width: 100%;
  color: #333;
}
.smallWidth-container .smallWidth-body .radio-inline {
  padding-top: 0;
}
.smallWidth-container .smallWidth-body .file-upload-container .each_ctrl {
  width: 100% !important;
}
.smallWidth-container .btn.btn-secondary {
  border-radius: 3px !important;
}
.footer-center-button {
  text-align: center !important;
  width: 600px;
  margin: 0 auto;
  float: none;
}
.btn-green,
.footer-center-button .btn {
  color: #fff;
  background: #27ae61;
  padding: 8px 20px;
  border-color: #27ae61;
  font-size: 14px;
  line-height: 20px;
}
.btn-green:hover,
.footer-center-button .btn:hover {
  border-color: #27ae61;
  color: #27ae61;
  background: #fff;
}
.new-form-button-ui .btn {
  color: #fff !important;
  background: #27ae61 !important;
  padding: 8px 40px;
  border-color: #27ae61 !important;
  position: relative;
}
.new-form-button-ui .btn span {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  will-change: right;
  position: relative;
  left: 0;
}
.new-form-button-ui .btn svg {
  position: absolute;
  width: 1.1em;
  right: 0;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  will-change: right, opacity;
}
.new-form-button-ui .btn:hover svg {
  opacity: 1;
  right: -20px;
}
.new-form-button-ui .btn:hover span {
  left: -10px;
}
.new-form-button-ui .btn + .btn {
  border-color: #0e9aef !important;
  background: #0e9aef !important;
}
#Nword_highlighter
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl,
#pull-replace-modal
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl {
  padding: 0;
}
#Nword_highlighter
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  > p,
#pull-replace-modal
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  > p {
  padding: 0;
}
#Nword_highlighter
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  .each_ctrl,
#pull-replace-modal
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  .each_ctrl {
  margin-left: 0;
}
#Nword_highlighter
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  > ul,
#pull-replace-modal
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  > ul {
  padding-left: 0;
}
#Nword_highlighter
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  > ul,
#pull-replace-modal
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  > ul {
  color: #333;
}
#Nword_highlighter .pull_replace_modal .pull-replace-radio-button p.text-center,
#pull-replace-modal
  .pull_replace_modal
  .pull-replace-radio-button
  p.text-center {
  margin-bottom: 15px;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
#Nword_highlighter
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  > ul
  > li,
#pull-replace-modal
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  > ul
  > li {
  font-size: 13px;
}
#Nword_highlighter
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  .file-upload-filename,
#pull-replace-modal
  .pull_replace_modal
  .pull-replace-radio-button
  .files_radio_ctrl
  .file-upload-filename {
  padding: 6px 2px 0 10px;
}
#Nword_highlighter
  .pull_replace_modal
  .pull-replace-radio-button
  .reason_for_replace,
#pull-replace-modal
  .pull_replace_modal
  .pull-replace-radio-button
  .reason_for_replace {
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 7px 10px;
  box-sizing: border-box;
}
#Nword_highlighter .pull_replace_modal .pull-replace-popup-container,
#pull-replace-modal .pull_replace_modal .pull-replace-popup-container {
  height: calc(100vh - 61px);
  overflow: auto;
  width: 100%;
  padding: 30px 0;
  box-sizing: border-box;
}
#Nword_highlighter .pull_replace_modal .panel_head,
#pull-replace-modal .pull_replace_modal .panel_head {
  margin-bottom: 0 !important;
  font-size: 18px !important;
  color: #333 !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}
#selected_for_reporting_datatable_wrapper .judgment_table_grand_parent {
  overflow: visible;
}
.new-formatted-table-box {
  margin-bottom: 20px;
}
.new-formatted-table-box .formatted-table-title {
  position: relative;
  padding-bottom: 10px;
  font-size: 16px;
  margin: 0;
  font-weight: 600;
  color: #333;
  border: 1px solid #d1d1d1;
  padding: 10px 10px 10px 30px;
  border-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.new-formatted-table-box .formatted-table-main {
  margin-bottom: 30px;
  background: #fff;
  padding: 15px;
  border: 1px solid #d1d1d1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: auto;
}
.new-formatted-table-box.table-inside .formatted-table-main {
  padding: 0;
}
.new-box-ui-container {
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
  clear: both;
}
.new-box-ui-container .new-box-header {
  position: relative;
  font-size: 16px;
  margin: 0;
  font-weight: 600;
  color: #333;
  padding: 10px 15px;
}
.new-box-ui-container .new-box-main {
  padding: 15px;
  overflow: auto;
  border-top: 1px solid #d9d9d9;
}
.new-box-ui-container .new-box-main .email-details {
  border: none !important;
}
.user-session-trafic .datatable-refresh-btn {
  margin: 0 10px;
  display: inline-block;
  color: #676a6c;
}
.user-session-trafic .datatable-refresh-btn .fa {
  margin-left: 5px;
}
.numeric-form-layout h3 {
  font-size: 26px;
  text-align: center;
  color: #333;
}
.numeric-form-container {
  width: 70%;
  margin: 0 auto 30px;
}
.numeric-form-container .numeric-form-header {
  font-size: 20px;
  color: #000;
}
.numeric-form-container .numeric-form-header .number {
  background-color: #333;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 22px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  width: 22px;
  margin-right: 10px;
  vertical-align: top;
}
.numeric-form-container .numeric-form-body {
  background: #fff;
  padding: 15px;
  overflow: auto;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #d9d9d9;
}
.numeric-form-container .numeric-form-body .files_radio_ctrl {
  margin: 0;
}
.numeric-form-container .numeric-form-body .files_radio_ctrl .form-group {
  margin: 0;
}
.numeric-form-container .numeric-form-body .select-upload-type {
  padding-left: 0;
  margin-bottom: 0;
}
.numeric-form-container .numeric-form-body .select-upload-type li {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.numeric-form-container .numeric-form-body .select-upload-type li:first-child {
  margin-right: 30px;
}
.numeric-form-container
  .numeric-form-body
  .select-upload-type
  li
  input[type="radio"] {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.numeric-form-container .numeric-form-body .select-upload-type li label {
  width: auto !important;
  font-weight: 400;
  float: none;
  cursor: pointer;
  margin: 0;
}
.numeric-form-container .numeric-form-body .file-upload-container {
  margin-top: 0;
}
.numeric-form-container .numeric-form-body .file-upload-container .each_ctrl {
  margin-top: 0;
}
.numeric-form-container .numeric-form-body .col-sm-10 {
  width: 100%;
  padding: 0;
}
.numeric-form-container .numeric-form-body .control-label {
  font-weight: 400 !important;
  text-align: left;
  padding-left: 0;
  margin-bottom: 5px;
  width: 100%;
  padding-top: 0;
}
.numeric-form-container
  .numeric-form-body
  .selectCitation
  .select-citation-wrapper
  .part-forth {
  width: 23.5%;
  float: left;
  margin: 0 2% 10px 0 !important;
}
.numeric-form-container
  .numeric-form-body
  .selectCitation
  .select-citation-wrapper
  .part-forth:nth-child(4) {
  margin-right: 0 !important;
}
.numeric-form-container
  .numeric-form-body
  .selectCitation
  .select-citation-wrapper
  .part-forth
  .btn {
  width: 100%;
  position: static;
}
.numeric-form-container
  .numeric-form-body
  .selectCitation
  .select-citation-wrapper
  .part-forth
  .btn:hover {
  background-color: #cacbcd;
  background-image: none;
  box-shadow:
    0 0 0 1px transparent inset,
    0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8);
}
.numeric-form-container
  .numeric-form-body
  .files_radio_ctrl
  .pos_relative
  .online_button {
  margin-right: 0;
}
.numeric-form-container
  .numeric-form-body
  #validationMessageForPreferedId.valid {
  font-weight: 400;
  margin: 10px 0 0 0;
}
.numeric-form-container .numeric-form-body .smallWidth-container {
  margin: 0;
}
.numeric-form-layout .footer-center-button {
  width: 70%;
  margin: 0 auto 30px;
  text-align: right !important;
}
#success-loading .checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  strokewidth: 2;
  stroke: #fff;
  strokemiterlimit: 10;
  margin: 0 auto;
  box-shadow: inset 0 0 0 #7ac142;
  animation:
    fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}
#success-loading .checkmark .checkmark__circle {
  strokewidth: 0;
}
.form-horizontal .numeric-form-container .numeric-form-body .form-group {
  margin-left: 0;
  margin-right: 0;
}
.numeric-form-container .numeric-form-body .radio-inline {
  font-weight: 400;
  padding-top: 0;
  margin: 0 10px 0 0;
}
.numeric-form-container .numeric-form-body .checkbox-inline + .checkbox-inline,
.numeric-form-container .numeric-form-body .radio-inline + .radio-inline {
  margin: 0 10px 0 0;
}
.numeric-form-container .numeric-form-body .form-group.rd_field_ctrl {
  padding-bottom: 0;
  margin: 15px 0 0 0 !important;
}
.numeric-form-container
  .numeric-form-body
  .form-group.rd_field_ctrl:first-child {
  margin: 0 !important;
}
.full-screen-modal-new.appeal-popup .modal-body {
  height: calc(100vh - 71px) !important;
  max-height: calc(100vh - 71px) !important;
}
.full-screen-modal-new.appeal-popup .modal-body .search-loader2 {
  margin: 20px;
  width: calc(100% - 40px);
}
.full-screen-modal-new.appeal-popup .modal-body .upload_que_parent,
.full-screen-modal-new.appeal-popup
  .modal-body
  .upload_que_parent
  .upload_unreported_center,
.full-screen-modal-new.appeal-popup
  .modal-body
  .upload_que_parent
  .upload_unreported_center
  .upload-appeal-datapoint-header {
  background: #edeff0 !important;
}
#appeal-manager-modal .modal-body {
  height: calc(100vh - 71px) !important;
  max-height: calc(100vh - 71px) !important;
  background: #fff !important;
}
#appeal-manager-modal .modal-body .nav.nav-tabs.ews_ul {
  background: #fff;
}
#appeal-manager-modal .modal-body .appeal-chain-item-main {
  height: 100%;
}
#appeal-manager-modal
  .modal-body
  .appeal-chain-item-main
  .appeal-chain-item-tab-content {
  height: calc(100% - 39px);
  padding: 0;
}
#appeal-manager-modal
  .modal-body
  .appeal-chain-item-main
  .appeal-chain-item-tab-content
  #add_new_item {
  padding: 20px 0;
}
#appeal-manager-modal
  .modal-body
  .appeal-chain-item-main
  .appeal-chain-item-tab-content
  #view_item {
  min-height: 100%;
  background: #fff;
  padding: 20px;
}
#appeal-manager-modal .modal-body .appeal-chain-item-main .fa.fa-star {
  color: #ffc800;
}
.litigation-history-main.appeal-mod-chain-legislation
  .togallable-table
  > tbody
  > tr.collapsed-table
  > td {
  position: relative;
  padding: 25px 15px !important;
}
.litigation-history-main.appeal-mod-chain-legislation
  .togallable-table
  > tbody
  > tr.collapsed-table
  .appeal-close-btn {
  position: absolute;
  right: 10px;
  background: 0 0;
  border: none;
  font-size: 25px;
  line-height: normal;
  height: auto;
  padding: 0;
  min-height: inherit;
  top: 0;
}
.litigation-history-main.appeal-mod-chain-legislation
  .togallable-table
  > tbody
  > tr.collapsed-table
  .appeal-close-btn:focus {
  outline: 0;
}
.xml-view-content .numeric-form-container {
  width: 100%;
}
.xml-view-main .inbox-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.xml-view-main .inbox-header .inbox-header-button {
  margin-left: auto;
}
.xml-view-main .inbox-header .inbox-header-button-inner {
  display: flex;
}
.xml-view-main .inbox-header .inbox-header-button-inner .btn {
  margin-right: 10px;
}
.xml-view-main .inbox-header .inbox-header-button-inner .btn:last-child {
  margin-right: 0;
}
.xml-view-main .inbox-header h2 {
  display: inline-block;
  font-weight: 600;
}
.xml-view-main .btn {
  background: #fff;
  border: 1px solid #d3d3d3;
  padding: 6px 20px;
}
.xml-view-main .btn:hover {
  background: #0e9aef;
  color: #fff;
  border-color: #0e9aef;
}
.xml-view-main .btn-green:hover {
  border-color: #27ae61 !important;
  color: #27ae61 !important;
  background: #fff !important;
}
.xml-view-main .xml-validation {
  padding: 0 0 0 16px;
  list-style: none;
}
.xml-view-main .xml-validation li {
  padding: 5px 0;
  border-bottom: 1px solid #d9d9d9;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.xml-view-main .xml-validation li:last-child {
  border: none;
}
.xml-view-main .xml-validation li span {
  display: table-cell;
}
.xml-view-main .xml-validation li span:first-child {
  width: 30%;
}
.xml-view-content .margin-left-16 {
  margin-left: 16px;
}
.xml-list-page .btn {
  background: #fff;
  border: 1px solid #d3d3d3 !important;
  padding: 6px 20px;
}
.xml-list-page .btn:hover {
  background: #0e9aef !important;
  color: #fff;
  border-color: #0e9aef;
}
.xml-list-page .inbox-table {
  margin: 45px 0 0 0;
}
.xml-view-page-new {
  height: calc(100vh - 99px);
}
.xml-view-page-new .left-inbox {
  height: 100%;
  position: fixed;
  left: 55px;
  top: 99px;
}
.xml-view-page-new .left-inbox .folder-list {
  margin-bottom: 20px;
  margin-top: 0;
}
.xml-view-page-new .left-inbox .folder-list li {
  position: relative;
}
.xml-view-page-new .left-inbox .folder-list li .counts {
  float: none;
  margin-left: 10px;
}
.xml-view-page-new .left-inbox .folder-list li a.dropdown-toggle:after {
  content: "\f107";
  font: normal normal normal 18px/1 FontAwesome;
  display: inline-block;
  float: right;
  opacity: 0.5;
  margin-top: 2px;
}
.xml-view-page-new .left-inbox .folder-list li.open a.dropdown-toggle:after {
  content: "\f106";
}
.xml-view-page-new .left-inbox .folder-list li a {
  padding: 6px 10px 7px;
}
.xml-view-page-new .left-inbox .folder-list li .dropdown-menu {
  width: 100%;
}
.xml-view-page-new .left-inbox .folder-list li .dropdown-menu li:last-child {
  border: none;
}
.xml-view-page-new .left-inbox .folder-list li .dropdown-menu li a {
  margin: 0;
  padding: 5px 10px;
}
.xml-view-page-new .left-inbox .inbox-table {
  background: #fff;
}
.xml-view-page-new .left-inbox .inbox-table .table {
  margin-bottom: 0;
  border: none !important;
}
.xml-view-active {
  background: #0e9aef;
  color: #fff;
}
.xml-view-active-link {
  color: #fff !important;
}
.xml-view-page-new .right-inbox {
  margin-left: 25%;
  margin-top: 99px;
}
.xml-view-page-new.xml-view-main .inbox-header {
  margin-bottom: 0;
}
.xml-view-page-new.xml-view-main .inbox-header h2 {
  line-height: 34px;
}
.xml-view-page-new.xml-view-main .inbox-header .refreshPage {
  margin-right: 10px;
}
.xml-view-page-new .xml-view-content {
  padding: 20px;
  border: 1px solid #d1d1d1;
  margin: 20px 0;
  border-radius: 5px;
}
.xml-view-page-new
  .xml-view-content
  .numeric-form-container:first-child
  .numeric-form-header {
  margin-top: 0;
}
.xml-view-page-new .xml-view-content .numeric-form-container:last-child {
  margin-bottom: 0;
}
.quickAppeal {
  display: inline-block;
  position: relative;
  z-index: 100;
  float: right;
}
.quickAppeal .quickAppeal-button {
  background: #fff;
}
.quickAppeal .quickAppeal-popup {
  position: absolute;
  left: 0;
  top: 100%;
  width: 400px;
  border-radius: 3px;
  border: 1px solid #d5dce0;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 10px;
  display: none;
}
.quickAppeal .quickAppeal-popup .quick-appeal-header {
  padding: 0 5px 10px;
  border-bottom: 1px solid #d5dce0;
}
.quickAppeal .quickAppeal-popup .quick-appeal-header h2 {
  margin-bottom: 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
}
.quickAppeal .quickAppeal-popup .quick-appeal-body {
  padding: 10px 5px;
}
.quickAppeal .quickAppeal-popup .quick-appeal-body .form-group {
  padding-bottom: 0;
  margin-bottom: 15px;
}
.quickAppeal .quickAppeal-popup .quick-appeal-body .col-sm-2 {
  width: 100%;
  text-align: left;
  margin-bottom: 5px;
  padding-top: 0;
}
.quickAppeal .quickAppeal-popup .quick-appeal-body .col-sm-10 {
  width: 100%;
}
.quickAppeal .quickAppeal-popup .quick-appeal-body .col-sm-10 .radio-inline {
  padding-top: 0;
  font-weight: 400;
}
.quickAppeal
  .quickAppeal-popup
  .quick-appeal-body
  .quickAppeal-select
  + .select2-container--default {
  width: 100% !important;
  color: #676a6c;
}
.quickAppeal
  .quickAppeal-popup
  .quick-appeal-body
  .quickAppeal-select
  + .select2-container--default
  .selection:focus {
  outline: 0;
}
.quickAppeal
  .quickAppeal-popup
  .quick-appeal-body
  .quickAppeal-select
  + .select2-container--default
  .selection
  .select2-selection:focus {
  outline: 0;
}
.quickAppeal
  .quickAppeal-popup
  .quick-appeal-body
  .quickAppeal-select
  + .select2-container
  .select2-selection--single {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 2px 12px;
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
  height: auto;
}
.quickAppeal
  .quickAppeal-popup
  .quick-appeal-body
  .quickAppeal-select
  + .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 32px;
}
.quickAppeal
  .quickAppeal-popup
  .quick-appeal-body
  .quickAppeal-select
  + .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border: none;
  font: normal normal normal 14px/1 FontAwesome;
  top: 30%;
  left: 0;
}
.quickAppeal
  .quickAppeal-popup
  .quick-appeal-body
  .quickAppeal-select
  + .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b:before {
  content: "\f107";
}
.quickAppeal .quickAppeal-popup .quickAppeal-footer .btn {
  color: #fff;
  background: #27ae61;
  padding: 4px 20px;
  border-color: #27ae61;
  font-size: 13px;
  line-height: 20px;
}
.quickAppeal .quickAppeal-popup .quickAppeal-footer .btn:hover {
  border-color: #27ae61;
  color: #27ae61;
  background: #fff;
}
.Quickappeal-drop .select2-search--dropdown {
  display: none;
}
.Quickappeal-drop.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #0e9aef;
}
.Quickappeal-drop.select2-container--default .select2-results__group {
  border-bottom: 1px solid #d5dce0;
  border-top: 1px solid #d5dce0;
  padding: 10px 6px;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
}
.Quickappeal-drop.select2-container--default .select2-results__options {
  padding: 0 5px;
}
.Quickappeal-drop.select2-container--default
  .select2-results__option
  .select2-results__options
  .select2-results__option {
  padding: 10px 6px;
  border-bottom: 1px solid #d5dce0;
}
.Quickappeal-drop.select2-container--default
  .select2-results__option
  .select2-results__options
  .select2-results__option:last-child {
  border: none;
}
.inbox-view-main-ver2 {
  width: 100%;
  min-height: 100vh;
  overflow: auto;
}
.inbox-view-main-ver2 .email-view-content-ver2 div.inbox-left-listing {
  background: #fff;
  padding: 0;
  width: 400px;
  float: left;
  height: calc(100vh - 124px);
  position: fixed;
  top: 124px;
  border-right: 1px solid #d3d3d4;
}
.inbox-view-main-ver2
  .email-view-content-ver2
  div.inbox-left-listing
  .appeal-email {
  margin: 11px 0 9px 30px !important;
  padding: 6px !important;
  width: 50%;
  float: none !important;
  background: #f8f8f8;
  text-align: center;
  text-align-last: center;
  border-radius: 5px;
}
.inbox-view-main-ver2
  .email-view-content-ver2
  div.inbox-left-listing
  .appeal-email:focus {
  outline: 0;
}
.inbox-view-main-ver2
  .email-view-content-ver2
  .inbox-left-listing
  .judgmentProcess_uploadGroup {
  padding: 12px 15px 0 10px;
}
.judgmentProcess_uploadGroup .fa-check {
  margin-right: 5px;
  color: #1ed66d;
}
.inbox-view-main-ver2
  .email-view-content-ver2
  .inbox-left-listing
  .select2-container {
  margin: 12px 0 0 34px;
}
.inbox-view-main-ver2
  .email-view-content-ver2
  .inbox-left-listing
  .select2-container
  .select2-selection--single:focus,
.inbox-view-main-ver2
  .email-view-content-ver2
  .inbox-left-listing
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.inbox-view-main-ver2
  .email-view-content-ver2
  .inbox-left-listing
  .select2-container:focus {
  outline: 0;
}
.inbox-view-main-ver2
  .email-view-content-ver2
  .inbox-left-listing
  .select2-container
  .select2-selection--single {
  height: 31px;
  border: 1px solid #d3d3d4;
}
.inbox-view-main-ver2
  .email-view-content-ver2
  .inbox-left-listing
  .select2-container--default.select2-container
  .select2-selection--single
  .select2-selection__arrow
  b {
  border: none;
  font: normal normal normal 14px/1 FontAwesome;
  top: 40%;
  left: 30%;
}
.inbox-view-main-ver2
  .email-view-content-ver2
  .inbox-left-listing
  .select2-container--default.select2-container
  .select2-selection--single
  .select2-selection__arrow
  b:after {
  content: "\f107";
}
.inbox-view-main-ver2
  .email-view-content-ver2
  .inbox-left-listing
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b:after {
  content: "\f106";
}
.inbox-listing-main {
  width: 100%;
  clear: both;
  height: 100%;
}
.inbox-listing-main .slimScrollBar {
  right: 3px !important;
  width: 5px !important;
  border-radius: 2px !important;
}
.inbox-listing-main .ews_ul {
  text-align: center;
  height: 61px;
  padding: 0 15px;
}
.inbox-listing-main .ews_ul > li {
  float: left;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
.inbox-listing-main ul.ews_ul > li > a {
  padding: 22px 10px 21px;
  color: #777;
}
.inbox-listing-main ul.ews_ul > li > a:focus {
  background: 0 0;
}
.inbox-listing-main ul.ews_ul > li.active > a:before {
  bottom: 13px;
  left: 8px;
  width: calc(100% - 16px);
}
.inbox-listing-main ul.ews_ul > li > a:hover:before {
  bottom: 13px;
  left: 8px;
  width: calc(100% - 16px);
}
.inbox-listing-main .tab-content {
  height: calc(100% - 61px);
}
.inbox-listing-main .tab-content .tab-pane {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.inbox-listing-main #emailListUl.inbox-listing-inner {
  height: 100% !important;
}
.inbox-listing-main ul.inbox-listing-inner,
.inbox-listing-main ul.inbox-listing-inner-group-wise {
  list-style: none;
  padding: 0;
  width: 100%;
  border-right: 12px solid #fff;
  height: 100% !important;
  margin: 0;
}
.inbox-listing-main .inbox-listing-inner table {
  table-layout: fixed;
}
.inbox-listing-main .inbox-listing-inner table td {
  padding: 5px 25px;
}
.inbox-listing-main .inbox-listing-inner table tr.toogleBtnSelect td {
  padding: 0;
}
.inbox-listing-main ul.inbox-listing-inner li,
.inbox-listing-main ul.inbox-listing-inner-group-wise li {
  padding: 14px 25px 5px 25px;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
}
.inbox-listing-main ul.inbox-listing-inner li:last-child,
.inbox-listing-main ul.inbox-listing-inner-group-wise li:last-child {
  border-bottom: 0;
}
.inbox-listing-main ul.inbox-listing-inner li .email-content,
.inbox-listing-main ul.inbox-listing-inner-group-wise li .email-content {
  width: 100%;
  word-break: break-all;
  height: auto;
}
.inbox-listing-main ul.inbox-listing-inner li .inbox-email-content-main a,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  .inbox-email-content-main
  a {
  color: #333;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .inbox-email-content-main
  .inboxmail-attachment,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .inbox-email-content-main
  .inboxmail-attachment {
  display: inline-block;
  text-indent: 0;
  margin: 0 5px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .inbox-email-content-main
  .date-right,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .inbox-email-content-main
  .date-right {
  float: right;
  font-size: 11px;
  color: #969696;
  text-transform: uppercase;
  position: absolute;
  right: 25px;
  top: 14px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .inbox-email-content-main
  .emailid,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .inbox-email-content-main
  .emailid {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
  width: calc(100% - 65px);
  line-height: 20px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .inbox-email-content-main
  .subject,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .inbox-email-content-main
  .subject {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  width: calc(100% - 30px);
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .inbox-email-content-main
  .email-text,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .inbox-email-content-main
  .email-text {
  font-size: 12px;
  opacity: 0.7;
  line-height: 20px;
  margin-bottom: 2px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .inbox-email-content-main
  .inbox-star,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .inbox-email-content-main
  .inbox-star {
  position: absolute;
  right: 52px;
  top: 12px;
  opacity: 0.6;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .inbox-email-content-main
  .inboxmail-attachment,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .inbox-email-content-main
  .inboxmail-attachment {
  position: absolute;
  right: 70px;
  top: 12px;
  opacity: 0.6;
}
.inbox-listing-main ul.inbox-listing-inner li .note-icon,
.inbox-listing-main ul.inbox-listing-inner-group-wise li .note-icon {
  position: absolute;
  right: 25px;
  top: 32px;
  font-size: 16px;
  color: #df8e00;
}
.inbox-listing-main ul.inbox-listing-inner li.not-read,
.inbox-listing-main ul.inbox-listing-inner-group-wise li.not-read {
  background: #e8f3fa;
}
.inbox-listing-main ul.inbox-listing-inner li.not-read:before,
.inbox-listing-main ul.inbox-listing-inner-group-wise li.not-read:before {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #2185d0;
  content: "";
  margin: auto 0;
}
.inbox-listing-main ul.inbox-listing-inner li.active,
.inbox-listing-main ul.inbox-listing-inner li.shift_selected,
.inbox-listing-main ul.inbox-listing-inner-group-wise li.active,
.inbox-listing-main ul.inbox-listing-inner-group-wise li.shift_selected {
  background: #0e9aef;
  color: #fff;
}
.inbox-listing-main ul.inbox-listing-inner li.active .light-blue-pill,
.inbox-listing-main ul.inbox-listing-inner li.shift_selected .light-blue-pill,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li.active
  .light-blue-pill,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li.shift_selected
  .light-blue-pill {
  border-color: #92d1f8;
  background: #59b9f4;
  color: #fff !important;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li.active
  .inbox-email-content-main
  a,
.inbox-listing-main
  ul.inbox-listing-inner
  li.shift_selected
  .inbox-email-content-main
  a,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li.active
  .inbox-email-content-main
  a,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li.shift_selected
  .inbox-email-content-main
  a {
  color: #fff;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li.active
  .inbox-email-content-main
  .date-right,
.inbox-listing-main
  ul.inbox-listing-inner
  li.shift_selected
  .inbox-email-content-main
  .date-right,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li.active
  .inbox-email-content-main
  .date-right,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li.shift_selected
  .inbox-email-content-main
  .date-right {
  color: #fff;
}
.inbox-listing-main ul.inbox-listing-inner li .email-content .inbox-pills,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills {
  margin-bottom: 5px;
}
.inbox-listing-main ul.inbox-listing-inner li.active .note-icon,
.inbox-listing-main ul.inbox-listing-inner li.shift_selected .note-icon,
.inbox-listing-main ul.inbox-listing-inner-group-wise li.active .note-icon,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li.shift_selected
  .note-icon {
  color: #fff;
}
.inbox-listing-main ul.inbox-listing-inner li .inbox-pills .files_radio_info,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .inbox-pills
  .files_radio_info {
  opacity: 1;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .inbox-pills
  .files_radio_info
  + .popover_compact,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .inbox-pills
  .files_radio_info
  + .popover_compact {
  min-width: 270px;
}
.inbox-listing-main .inbox-shorting {
  border-bottom: 1px solid #d3d3d4;
  text-align: center;
}
.inbox-listing-main .inbox-shorting > div {
  display: inline-block;
  padding: 6px;
  padding-right: 16px;
  cursor: pointer;
}
.inbox-listing-main .inbox-shorting .date-shorting:after {
  content: "\f0dd";
  font: normal normal normal 12px/1 FontAwesome;
  display: inline-block;
  position: absolute;
  right: 3px;
  top: 8px;
}
.inbox-listing-main .inbox-shorting .date-shorting-value {
  padding-right: 20px;
}
.inbox-listing-main .inbox-shorting .date-shorting-value i {
  font: normal normal normal 12px/1 FontAwesome;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 10px;
}
.inbox-listing-main .inbox-shorting .dropdown-menu {
  min-width: 100px;
}
.inbox-listing-main .inbox-shorting .dropdown-menu li {
  padding: 5px 10px;
  border-bottom: 1px solid #d3d3d4;
}
.inbox-listing-main .inbox-shorting .dropdown-menu li:last-child {
  border: none;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .files_ttlp_ctrl,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .files_ttlp_ctrl {
  display: inline-block;
  vertical-align: top;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .files_ttlp_ctrl
  .popover_compact,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .files_ttlp_ctrl
  .popover_compact {
  left: 0;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  top: 25px;
  -webkit-transform: translateX(0) scale(1) !important;
  transform: translateX(0) scale(1) !important;
  -moz-transform: translateX(0) scale(1) !important;
  font-size: 13px;
  border-radius: 5px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .files_ttlp_ctrl
  .popover_compact
  .popover_contain,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .files_ttlp_ctrl
  .popover_compact
  .popover_contain {
  word-break: break-all;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  transform: rotate(135deg);
  top: -2px;
  left: initial;
  right: 70%;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .files_ttlp_ctrl
  .popover_compact
  a,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .files_ttlp_ctrl
  .popover_compact
  a {
  color: #fff;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-104%) scale(1) !important;
  -webkit-transform: translateX(-104%) scale(1) !important;
  -moz-transform: translateX(-104%) scale(1) !important;
  top: -20px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .files_radio_info
  + .popover_compact:before,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .files_radio_info
  + .popover_compact:before {
  top: 28px;
  right: -5px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .popover_compact,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .popover_compact {
  min-width: 250px;
  padding: 15px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .popover_compact
  .popover_contain
  p,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .popover_compact
  .popover_contain
  p {
  margin: 0;
  font-size: 14px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .popover_compact
  .popover_contain
  .light-hr,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .popover_compact
  .popover_contain
  .light-hr {
  opacity: 0.2;
  margin: 15px 0;
}
.left-pagination-main {
  border-top: 1px solid #d1d1d1;
  padding: 10px;
  float: left;
  width: 100%;
  text-align: center;
}
.left-pagination-main .pagination {
  margin: 0;
  float: right;
}
.left-pagination-main > span {
  margin-top: 3px;
  display: inline-block;
}
.left-pagination-main .pagination a:hover {
  color: #676a6c;
}
.inbox-right-details {
  width: calc(100% - 400px);
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
  margin-left: 400px;
  margin-top: 124px;
  position: relative;
}
.inbox-details-view {
  width: 55%;
  float: left;
  box-sizing: border-box;
}
.details-view-header {
  width: 100%;
  margin: 11px 0 10px;
  float: right;
}
.details-view-header .pagination-main {
  float: right;
  margin: 0 0 0 20px;
}
.details-view-header .pagination-main .pagination {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.details-view-header .pagination-main span {
  display: inline-block;
  vertical-align: middle;
}
.details-view-header .action-button .btn {
  padding: 6px 10px 6px;
  font-size: 13px !important;
  color: #333;
}
.details-view-header .action-button .btn:hover {
  color: #fff;
}
.details-view-header .repeat {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border-radius: 5px;
  padding: 8px;
  margin: 0;
  cursor: pointer;
  color: #676a6c;
  border: 1px solid #d3d3d3 !important;
  box-sizing: border-box;
  float: left;
  width: 34px;
  height: 34px;
  text-align: center;
}
.details-view-header .action-button-onclick {
  display: inline-block;
  margin-left: 10px;
}
.details-view-header .action-button-onclick span {
  font-weight: 600;
  float: left;
  margin: 9px 0 0 0;
}
.details-view-header .btn-group {
  margin-left: 10px;
}
.details-view-header .btn-group .btn {
  padding: 6px 10px 5px;
  font-size: 13px !important;
  color: #333;
}
.details-view-header .btn-group .btn:hover {
  color: #fff;
}
.details-view-header .current-actioned {
  float: right;
  margin: 2px 0 0 0;
  line-height: 31px;
}
.details-view-header .current-actioned strong {
  font-weight: 600;
}
.details-view-header .current-actioned span {
  text-transform: uppercase;
  color: #0e9aef;
  font-weight: 500;
  margin: 0;
}
.details-view-header .delete-inbox {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border-radius: 5px;
  padding: 8px;
  margin: 0;
  cursor: pointer;
  color: #676a6c;
  border: 1px solid #d3d3d3 !important;
  box-sizing: border-box;
  float: right;
  width: 34px;
  height: 34px;
  text-align: center;
  margin-right: 10px;
}
.details-view-header .delete-inbox .files_radio_info {
  font-size: 15px;
}
.details-view-header .delete-inbox:hover {
  background: #cf5756;
  color: #fff;
  border-color: #cf5756;
}
.details-view-header .delete-inbox:hover .files_radio_info {
  opacity: 1;
}
.details-view-header .delete-inbox .files_radio_info + .popover_compact {
  top: 32px;
  left: 13px;
  text-align: center;
  max-width: 100px;
  min-width: 60px;
  width: auto;
  border-radius: 5px;
}
.details-view-header
  .delete-inbox.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  left: 50%;
}
.details-view-header .judgmentProcess_uploadGroup {
  margin-right: 10px;
}
.details-view-header .judgmentProcess_uploadGroup .btn {
  padding: 6px 12px 7px;
}
.inbox-right-details .new-box-ui-container .new-box-header .Toggle-icon {
  font-size: 20px;
  float: right;
  line-height: 10px;
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 8px;
}
.inbox-right-details
  .new-box-ui-container
  .new-box-header.de-active
  .Toggle-icon
  .fa-angle-down:before {
  content: "\f105";
}
.inbox-right-details .new-box-ui-container .new-box-header {
  position: relative;
  padding: 7px 0 7px 35px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  line-height: 24px;
  cursor: pointer;
}
.inbox-right-details .new-box-ui-container .new-box-header .attach-icon {
  margin: 0 5px;
  color: #333;
}
.inbox-view-details-header {
  position: relative;
  padding-right: 50px;
}
.inbox-details-view .new-box-main {
  display: block;
}
.inbox-right-details .new-box-ui-container {
  background: 0 0;
  border: 0;
  border-radius: 0;
}
.inbox-details-view .new-box-ui-container .new-box-main {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin-top: 10px;
}
.inbox-details-view .new-box-ui-container.table-inside .new-box-main {
  padding: 10px 15px;
}
.inbox-view-details-header .date {
  position: absolute;
  right: 15px;
  top: 3px;
  font-size: 11px;
  color: #969696;
  text-transform: uppercase;
}
.inbox-view-details-header .from {
  font-size: 14px;
  color: #666;
}
.inbox-view-details-header .from strong {
  font-weight: 600;
  text-transform: uppercase;
  color: #333;
}
.inbox-view-details-header .parent-relative {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
}
.inbox-view-details-header .parent-relative a .fa-ellipsis-v {
  color: #999;
}
.inbox-view-details-header .parent-relative .dropdown-menu {
  right: 0;
  left: inherit;
  padding: 0;
}
.inbox-view-details-header .dropdown-menu .first-drop-header {
  background: #eee;
  font-weight: 700;
  color: #333;
}
.inbox-view-details-header .dropdown-menu .first-drop-header .close-first-drop {
  color: #666;
  font-weight: 700;
}
.inbox-right-details .inbox-details-view .details-attachment .table {
  margin: 0;
}
.inbox-right-details .inbox-details-view .details-attachment .table td {
  padding: 10px;
  border-bottom: 1px solid #d1d1d1;
  border-top: 0;
  cursor: pointer;
  border-right: none;
}
.inbox-right-details
  .inbox-details-view
  .details-attachment
  .table
  tr
  td:first-child {
  width: auto;
  text-align: left;
}
.inbox-right-details
  .inbox-details-view
  .details-attachment
  .table
  tr
  td:last-child {
  width: 5%;
  text-align: center;
}
.inbox-right-details
  .inbox-details-view
  .details-attachment
  .table
  tr:last-child
  td {
  border-bottom: 0;
}
.inbox-right-details .inbox-details-view .no-attachment {
  margin: 20px;
}
.inbox-right-details.qlr-inbox .inbox-details-view {
  width: 100%;
}
.inbox-right-form {
  width: 45%;
  float: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.inbox-right-form .form-main-heading {
  color: #000;
  font-size: 24px;
  padding: 10px 0 11px;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 7px;
}
.inbox-right-form .upload_que_parent {
  background: 0 0;
}
.inbox-right-form .upload_que_parent .upload-appeal-datapoint-header {
  background: 0 0;
}
.inbox-right-form .upload_que_parent .upload_unreported_center {
  background: 0 0;
}
.inbox-right-form .numeric-form-container {
  width: 100%;
}
.inbox-right-form .numeric-form-container .numeric-form-body {
  padding: 15px;
}
.inbox-right-form .footer-center-button {
  width: 100%;
  text-align: right !important;
}
.inbox-right-form .numeric-form-container .numeric-form-body {
  border-radius: 5px;
}
.inbox-right-form
  .numeric-form-container
  .numeric-form-body
  .selectCitation
  .select-citation-wrapper
  .part-forth {
  width: 49%;
  margin: 0 2% 10px 0 !important;
}
.inbox-right-form
  .numeric-form-container
  .numeric-form-body
  .selectCitation
  .select-citation-wrapper
  .part-forth:nth-child(2n) {
  margin-right: 0 !important;
}
.inbox-right-form .numeric-form-container .numeric-form-body .each_ctrl {
  width: 100%;
}
.inbox-right-form .numeric-form-container .table-box {
  border-radius: 5px;
  border: 1px solid #d1d1d1;
  margin-top: 10px;
}
.inbox-right-form .numeric-form-container .table-box .action-table {
  border-radius: 5px;
  border: none;
  margin: 0;
}
.inbox-right-form .numeric-form-container .action-table thead th:first-child {
  border-top-left-radius: 5px;
}
.inbox-right-form .numeric-form-container .action-table thead th:last-child {
  border-top-right-radius: 5px;
}
.inbox-right-form .numeric-form-container .action-table tbody {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.inbox-right-form .numeric-form-container .action-table tbody tr:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.inbox-right-form
  .numeric-form-container
  .action-table
  tbody
  tr:last-child
  td:first-child {
  border-bottom-left-radius: 5px;
}
.inbox-right-form
  .numeric-form-container
  .action-table
  tbody
  tr:last-child
  td:last-child {
  border-bottom-right-radius: 5px;
}
.inbox-right-form .upload_unreported_center .reporting-top-content > p {
  margin-top: 20px;
  text-align: left !important;
}
.inbox-right-form .new-box-ui-container .new-box-header {
  padding: 7px 100px 7px 35px;
  cursor: pointer;
}
.inbox-right-form .form-horizontal.new-box-ui-container {
  position: relative;
}
.inbox-right-form .new-box-ui-container .workflow_modal {
  margin-top: -1px;
  padding: 7px 8px;
  position: absolute;
  right: 10px;
  top: 9px;
  z-index: 1;
  background: 0 0;
  border: none !important;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}
.inbox-right-form .new-box-ui-container .workflow_modal:hover {
  background: 0 0 !important;
  border: none !important;
  color: #0e9aef !important;
}
.inbox-right-form .new-box-ui-container .workflow_modal:active {
  box-shadow: none;
}
.inbox-right-form .appeal-add-note {
  margin: 20px 0 0 0;
}
.inbox-right-form .appeal-add-note .new-box-header {
  height: auto !important;
}
.inbox-right-form .add-note .add-note-main {
  margin-top: 0;
}
.inbox-right-form .add-note .add-note-main textarea {
  height: 150px;
  border-radius: 5px;
}
.inbox-right-form .bottom_spacer {
  margin-bottom: 0;
}
.inbox-right-form .numeric-form-container .numeric-form-body #preffredIdDiv {
  margin-top: 10px;
}
.inbox-right-form .frontend-form-horizontal p.appeal-form-info {
  width: 100% !important;
}
.inbox-right-form
  .appeal-form-new
  .appeal-form-container
  .appeal-form-right
  .radio-inline {
  margin-left: 0;
  margin-bottom: 5px;
  display: block;
}
.inbox-right-form .appeal-add-note #add_note_form .new-box-header {
  margin-bottom: 10px;
}
.inbox-right-form
  .numeric-form-container
  .lit-history-table
  .citation_table_headers
  td {
  padding: 5px 20px !important;
  background: #e8e8e8;
}
.email-select-drop {
  display: inline-block;
}
.email-select-drop .dropdown-toggle {
  position: relative;
  z-index: 1;
  user-select: none;
  cursor: pointer;
}
.email-select-drop .dropdown-toggle .fa-angle-down {
  color: #0e9aef;
}
.email-select-drop .dropdown-menu {
  margin: 8px 0 0 0;
  z-index: 100;
  padding: 10px 20px;
  left: -35px;
}
.email-select-drop .dropdown-menu li {
  font-size: 13px;
  margin: 0 0 5px 0;
}
.email-select-drop .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.email-select-drop .dropdown-menu li a {
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  line-height: normal;
}
.email-select-drop .dropdown-menu li.active a {
  background: 0 0;
  color: #333;
}
.email-select-drop .dropdown-menu li a:hover,
.email-select-drop .dropdown-menu li.active a:hover {
  background: 0 0;
  color: #0e9aef;
}
.email-select-drop .dropdown-menu li span {
  text-transform: uppercase;
}
.email-select-drop.open .fa-angle-down:before {
  content: "\f106";
}
.email-select-drop .dropdown-menu:before {
  position: absolute;
  content: "";
  font-size: 1rem;
  width: 0.81428571em;
  height: 0.81428571em;
  background: #fff;
  z-index: 2;
  box-shadow: 1px 1px 0 0 #bababc;
  transform: rotate(-135deg) scale(1) !important;
  top: -4px;
  left: 14px;
}
#attachment-view .modal-body {
  padding: 0;
}
#attachment-view .modal-body iframe {
  border: 0;
}
.numeric-form-body .change_status_body ul {
  list-style: none;
  padding: 0;
}
.numeric-form-body .change_status_body ul.data-table-btn-grp {
  margin: 5px 0 0 0;
}
.numeric-form-body .change_status_body .data-table-btn-grp .btn {
  padding: 5px 8px;
}
.numeric-form-body .change_status_body .data-table-btn-grp .btn a {
  color: #333;
}
.numeric-form-body .change_status_body .data-table-btn-grp .btn:hover a {
  color: #fff !important;
}
.numeric-form-body .change_status_body .data-table-btn-grp .popover {
  top: 100%;
  color: #333 !important;
  width: 220px;
  padding: 10px;
}
.numeric-form-body
  .change_status_body
  .data-table-btn-grp
  .popover.bottom
  .arrow {
  left: 30px !important;
}
.numeric-form-body .change_status_body .data-table-btn-grp .popover h3 {
  margin: 0;
  line-height: 18px;
}
.numeric-form-body .change_status_body .data-table-btn-grp .popover h3 strong {
  font-size: 13px !important;
}
.numeric-form-body
  .change_status_body
  .data-table-btn-grp
  .popover
  h3
  strong.nostrong {
  font-weight: 400 !important;
}
.changestatus.numeric-form-container .numeric-form-body {
  overflow: visible;
  float: left;
}
.selected-email-count {
  position: fixed;
  width: calc(100% - 400px);
  height: calc(100vh - 185px);
  background: #edeff0;
  left: 400px;
  text-align: center;
  top: 185px;
  border-top: 1px solid #d9d9d9;
  display: none;
  padding: 20px;
  box-sizing: border-box;
}
.selected-email-count .selected-email-count-inner {
  height: 300px;
  width: 500px;
  margin: auto;
  color: #999;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.selected-email-count .selected-email-count-inner .email-cont-number {
  display: block;
  font-size: 150px;
  line-height: 120px;
  margin-top: 10px;
  font-weight: 600;
}
.selected-email-count .selected-email-count-inner .conversation {
  font-size: 30px;
}
.selected-email-count .search-loader2 {
  width: calc(100% - 30px) !important;
}
.scrollable-popup-table .search-wrap {
  float: none;
}
.scrollable-popup-table .data-table-wrapper {
  float: none;
}
.scrollable-popup-table .quickAppeal {
  float: none;
}
.scrollable-popup-table .data-table-wrapper {
  overflow: visible;
}
.scrollable-popup-table .quickAppeal-button {
  background: #e0e1e2 !important;
  color: rgba(0, 0, 0, 0.6) !important;
  border: 1px solid #d3d3d4 !important;
}
.scrollable-popup-table .quickAppeal-button:focus,
.scrollable-popup-table .quickAppeal-button:hover {
  background: #e0e1e2 !important;
  color: rgba(0, 0, 0, 0.6) !important;
  border: 1px solid #d3d3d4;
  box-shadow: none;
}
.scrollable-popup-table .quick-appeal-header h2 {
  margin-top: 0;
  line-height: 20px;
}
.scrollable-popup-table .form-group {
  display: block;
}
.scrollable-popup-table .form-group .control-label {
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
.scrollable-popup-table .form-group .form-control {
  display: block;
  width: 100%;
}
.scrollable-popup-table label.error {
  color: #c33;
  display: block;
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  margin-top: 0;
  padding-top: 5px;
}
.scrollable-popup-table .alert-error {
  padding: 10px;
  border-radius: 3px;
  margin: 5px 0 0 0;
  background: #f7d5d5;
  border: 1px solid #ec9595;
  color: #d92c2c;
  font-size: 14px;
  text-align: left;
}
.scrollable-popup-table .alert-success {
  text-align: left;
  padding: 10px;
  background: #dcebcd;
  border: 1px solid #a8cc82;
  color: #539a06;
  border-radius: 3px;
  margin: 5px 0 0 0;
}
.scrollable-popup-table .alert-success h2 {
  font-size: 18px;
  margin: 0;
  font-weight: 400;
}
.scrollable-popup-table .alert-success p {
  margin: 0;
}
.modal.resize-modal {
  left: 0;
  right: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  top: 0;
  bottom: 0;
  padding: 15px !important;
  overflow-y: hidden;
  margin: auto;
  text-align: center;
  min-width: 550px;
  width: 550px;
  min-height: 550px;
  overflow-x: hidden;
  position: fixed;
}
.modal.resize-modal .modal-header {
  margin: -15px -15px 0 -15px;
  background: #eee;
}
.modal.resize-modal .modal-header button.close {
  font-size: 22px;
  line-height: normal;
  opacity: 0.4;
}
.modal.resize-modal .modal-body,
.modal.resize-modal .modal-content,
.modal.resize-modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
}
.modal.resize-modal .modal-body {
  height: calc(100% - 35px) !important;
  padding-top: 15px;
}
.form-background {
  background-color: #eceeef !important;
}
.number-circle {
  background-color: #333;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 22px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  width: 22px;
  margin-right: 0;
}
table .number-circle {
  margin-left: -7px;
}
.gray-circle {
  background-color: #eee;
  border-radius: 50%;
  color: #666;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  height: 20px;
  line-height: 19px;
  padding: 0;
  text-align: center;
  width: 20px;
  margin-right: 0;
  border: 1px solid #666;
}
.inbox-listing-inner .active .gray-circle {
  border-color: #fff;
  color: #fff;
  background-color: #59b9f4;
}
#appeal-manager-modal-body.large-header-modalbody {
  height: calc(100vh - 121px) !important;
}
.appeal-status-title {
  font-weight: 600;
  color: #333;
  font-size: 15px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.appeal-chain-title .number-circle {
  margin-top: -4px;
  margin-right: 5px;
  vertical-align: middle;
}
.inbox-right-details .timeline-wrapper {
  margin-top: 10px;
}
.no-emails-exists .no-emails-text {
  height: 50px;
  width: auto;
  margin: auto;
  color: #999;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 30px;
}
.no-emails-exists {
  position: absolute;
  width: calc(100% + 30px);
  height: calc(100vh - 50px);
  background: #edeff0;
  left: 0;
  text-align: center;
  top: 0;
  padding: 20px;
  box-sizing: border-box;
}
.action-table {
  border: 1px solid #d0d0d0;
  margin-bottom: 0;
  margin-top: 12px;
}
.action-table td {
  padding: 10px 20px !important;
}
.action-table th {
  padding: 10px 20px !important;
  background-color: #fff;
}
.selected-email-count-inner .action-button-onclick span {
  font-weight: 600;
  margin: 18px 0 9px;
  display: block;
  font-size: 16px;
}
.selected-email-count-inner .data-table-btn-grp .btn {
  padding: 6px 10px 5px;
  font-size: 13px !important;
  color: #333;
}
.selected-email-count-inner .data-table-btn-grp .btn:hover {
  color: #fff;
}
.selected-email-count-inner .fixhere {
  margin-top: 10px;
}
.footer-center-button .reset-btn {
  border-color: #27ae61 !important;
  color: #27ae61 !important;
  background: #fff !important;
  margin-right: 10px;
}
.footer-center-button .reset-btn:hover {
  color: #fff !important;
  background: #27ae61 !important;
  border-color: #27ae61 !important;
}
.vertical-align td,
.vertical-align th {
  vertical-align: middle !important;
}
.togallable-table > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.togallable-table .collapsed-table td span {
  display: block;
}
.togallable-table td span + span {
  margin-top: 5px;
}
.togallable-table .collapsed-table td span strong {
  width: 180px;
}
.togallable-table .collapsed-table {
  background-color: #f9f9f9;
}
.togallable-table > tbody > tr:hover {
  background-color: #f9f9f9;
}
.btn-add-event {
  background: #0e9aef;
  color: #fff;
  border-color: #0e9aef !important;
}
.btn-add-event:hover {
  background: #1277b4;
  color: #fff;
}
.right-dropdown-wrapper {
  position: relative;
}
.right-dropdown-wrapper > a {
  font-size: 13px;
  border-bottom: 1px dotted #337ab7;
}
.right-dropdown-wrapper .right-dropdown {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  z-index: 99;
  display: none;
  padding-left: 20px;
}
.right-dropdown-wrapper .right-dropdown ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.right-dropdown-wrapper .right-dropdown a {
  padding: 5px 0;
  display: block;
}
.right-dropdown-wrapper:hover .right-dropdown {
  display: block;
}
.right-dropdown-wrapper .right-dropdown .dropdown {
  min-width: 100px;
  background: #fff;
  border: 1px solid #d0d0d0;
  position: relative;
  border-radius: 3px;
  padding: 0 15px;
}
.right-dropdown-wrapper .right-dropdown .dropdown:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8px 5px 0;
  border-color: transparent #d0d0d0 transparent transparent;
  position: absolute;
  z-index: 99;
  left: -9px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  background-color: #fff;
}
.right-dropdown-wrapper .right-dropdown .dropdown:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 7px 5px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  z-index: 99;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.right-dropdown-wrapper .right-dropdown .dropdown li + li {
  border-top: 1px solid #f0f0f0;
}
.event-table-btn-grp .btn {
  background: 0 0;
  font-size: 18px;
  padding: 0 10px;
  line-height: 17px;
}
.event-table-btn-grp .btn:active {
  box-shadow: none;
}
.event-table-btn-grp .btn + .btn {
  border-left: 1px solid #d3d3d3;
}
.event-table-btn-grp .btn:hover {
  color: #0e9aef;
}
.event-table-btn-grp .popover_compact:before {
  left: 87px !important;
}
.event-table-btn-grp .popover_compact {
  text-align: center;
}
.purple-tooltip + .tooltip > .tooltip-inner {
  background-color: #8a5db0;
}
.purple-tooltip + .tooltip > .tooltip-arrow {
  border-top-color: #8a5db0 !important;
}
.purple-tooltip + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #8a5db0 !important;
}
.purple-tooltip + .tooltip.in {
  opacity: 1;
}
.white-tooltip + .tooltip > .tooltip-inner {
  padding: 8px 10px;
  color: #000;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d0d0d0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.white-tooltip + .tooltip.left .tooltip-arrow {
  border-left-color: #d4d4d4 !important;
}
.add-note-main .form-group:first-child {
  margin-top: 0;
}
.add-note-main .form-group {
  margin-bottom: 0;
  margin-top: 15px;
}
.upload-reported-sidebar .email-content span {
  margin-top: 3px;
}
.xml-view-page-new.email-view-content-ver2 .inbox-table {
  height: 100% !important;
  overflow: hidden;
}
.xml-view-page-new.email-view-content-ver2 .inbox-listing-main {
  height: calc(100% - 20px);
}
.xml-view-page-new.email-view-content-ver2 .inbox-listing-main {
  height: calc(100% - 20px);
}
.xml-view-page-new.email-view-content-ver2 .left-pagination-main > span {
  margin-top: 5px;
}
.xml-view-page-new.email-view-content-ver2 div.inbox-left-listing {
  width: 330px;
  top: 124px;
  height: calc(100vh - 124px);
}
.xml-view-page-new.email-view-content-ver2 div.inbox-left-listing ul.ews_ul {
  height: 36px;
}
.xml-view-page-new.email-view-content-ver2 div.inbox-listing-main .tab-content {
  height: calc(100% - 38px);
}
.xml-view-page-new.email-view-content-ver2
  div.inbox-left-listing
  ul.ews_ul
  > li
  > a {
  padding: 9px 6px 9px;
}
.xml-view-page-new.email-view-content-ver2
  div.inbox-left-listing
  ul.ews_ul
  > li.active
  > a:before {
  bottom: 0;
  left: 0;
  width: 100%;
}
.xml-view-page-new.email-view-content-ver2
  div.inbox-left-listing
  ul.ews_ul
  > li
  > a:hover:before {
  bottom: 0;
  left: 0;
  width: 100%;
}
.xml-view-page-new.email-view-content-ver2
  div.inbox-left-listing
  .inbox-listing-main {
  height: 100%;
}
.xml-view-page-new.email-view-content-ver2 .inbox-right-details {
  width: calc(100% - 330px);
  padding: 20px 20px;
  margin-left: 330px;
  margin-top: 124px;
}
.xml-view-page-new.email-view-content-ver2 {
  height: auto;
}
.xml-view-main-table {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 20px 0 0 0;
}
.xml-view-main-table table {
  margin-bottom: 0;
}
.xml-view-main-table table tr:first-child td {
  border-top: 0;
}
.xml-view-main-table table td {
  padding: 10px 15px !important;
}
.xml-view-page-new.email-view-content-ver2 .inbox-table .table .email-content {
  display: block;
}
.xml-view-page-new.email-view-content-ver2
  .inbox-table
  .table
  .toggleRows
  td:hover
  .email-content {
  color: #fff;
}
.xml-view-page-new.email-view-content-ver2 .inbox-table .table td,
.xml-view-page-new.email-view-content-ver2 .inbox-table .table th {
  padding: 9px 17px 10px;
}
.uploaded-table td {
  padding: 9px 30px 10px !important;
}
.loading .fa-spinner {
  animation-name: spin;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin-right: 5px;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
#appeal-manager-modal
  #appeal-manager-modal-content
  #editEventForm
  .appeal-chain-content
  .footer-center-button {
  text-align: right !important;
  width: 70%;
}
.ui-draggable-dragging {
  z-index: 10001 !important;
}
.modal.resize-modal#workflowHistory,
.modal.resize-modal.publication_status {
  min-width: 700px !important;
  min-height: 310px !important;
}
.modal.resize-modal.publication_status .numeric-form-container {
  width: 100%;
}
.modal.resize-modal#workflowHistory .table_scroller,
.modal.resize-modal.publication_status
  .numeric-form-container
  .showinfo_CtrlworkflowPndg {
  text-align: left;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  th,
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  tr
  td {
  padding: 10px 15px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  tr
  td
  .btn-add,
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  tr
  td
  .btn-add-event {
  padding: 2px 8px;
  font-size: 12px;
}
.appeal-chain-content.litigation-history-main
  .table
  .collapsed-table
  td:last-child {
  vertical-align: top !important;
}
.number-circle {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.appeal-details-info {
  width: 100%;
  margin: 0;
  list-style: none;
  padding: 0;
  color: #333;
}
.appeal-details-info li {
  margin: 0 0 5px 0;
}
.appeal-details-info li label {
  width: 180px;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.appeal-details-info li label:after {
  content: ":";
  display: inline-block;
  margin-left: 5px;
  float: right;
}
.appeal-details-info li label + div {
  margin-left: 10px;
  width: calc(100% - 200px);
  display: inline-block;
  vertical-align: top;
}
.appeal-details-info li label + div span {
  display: inline-block !important;
}
.appeal-details-info li label + div strong {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  margin-right: 3px;
}
.appeal-details-info li.appeal-info-line-break {
  margin-bottom: 10px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 10px;
}
.appeal-form-new {
  margin: 10px 0;
  width: 100%;
}
.appeal-form-new .appeal-form-info {
  margin: 0 auto 15px;
  width: 100%;
}
.appeal-form-new .form-horizontal {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #d1d1d1;
  padding: 30px;
  padding-top: 15px;
  width: 100%;
}
.appeal-form-new .form-horizontal:after {
  display: table;
  content: "";
  clear: both;
}
.appeal-form-new .new-appeal-form-main {
  width: 100%;
}
.appeal-form-new .appeal-form-container {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 10px;
}
.appeal-form-new .appeal-form-container > label {
  width: 150px;
  text-align: right;
  font-weight: 400;
  margin-right: 13px;
  color: #888;
  float: left;
  padding-top: 0;
}
.appeal-form-new .appeal-form-container > label span.s-red {
  display: inline-block;
}
.appeal-form-new .appeal-form-container .appeal-form-right {
  width: calc(100% - 165px);
  display: inline-block;
  position: relative;
}
.appeal-form-new .appeal-form-container .appeal-form-right .form-control,
.appeal-form-new .appeal-form-container .appeal-form-right .single-line {
  font-size: 13px;
  padding: 4px 12px;
  height: 30px;
}
.appeal-form-new
  .appeal-form-container
  .appeal-form-right
  .citation-search-click {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.appeal-form-new
  .appeal-form-container
  .appeal-form-right
  .citation-search-click {
  right: 0;
}
.appeal-form-new .appeal-form-container .appeal-form-right .radio-inline {
  padding-top: 0;
  font-weight: 400;
}
.appeal-form-new .appeal-form-heading {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
  padding: 0;
}
.appeal-form-new .appeal-form-heading:after {
  content: "";
  width: calc(100% - 165px);
  display: inline-block;
  background: #f1f1f1;
  height: 1px;
  float: right;
}
.appeal-form-new .appeal-form-heading h3 {
  font-size: 14px;
  font-weight: 600;
  width: 150px;
  text-align: right;
  border-bottom: 2px solid #0e9aef;
  padding: 0 0 10px 0;
  color: #333;
  margin: 0;
}
.appeal-form-new .appeal-footer-botton {
  width: 100%;
  padding-left: 163px;
}
.appeal-form-new .appeal-footer-botton .grey-border-btn {
  background: #fff !important;
  border: 1px solid #999 !important;
}
.appeal-form-new .appeal-footer-botton .grey-border-btn:hover {
  background: #999 !important;
  color: #fff !important;
}
.appeal-form-new .appeal-footer-botton .btn-green {
  padding: 6px 12px !important;
  margin-left: 5px;
}
.appeal-chain-content.litigation-history-main
  .editFromAppealChain
  .search-loader2 {
  margin: 10px 0;
}
.appeal-chain-content.litigation-history-main .right-dropdown-wrapper {
  display: inline-block;
}
.frontend-form-horizontal .appeal-form-info {
  margin: 0 0 10px;
  padding: 0 10px;
}
.appeal-form-new
  .appeal-form-container
  .appeal-form-right.citation-rel
  .form-control {
  width: calc(100% - 29px);
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .litigation-history-main.appeal-status {
  padding: 15px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .litigation-history-main.appeal-status
  p {
  margin-bottom: 0;
}
.datatable-status-dropdown {
  display: inline-block;
}
.datatable-status-dropdown .dropdown-toggle {
  border-radius: 20px;
  padding: 3px 15px 3px 20px;
  color: #708090;
  position: relative;
  cursor: pointer;
  text-transform: capitalize;
  white-space: nowrap;
}
.datatable-status-dropdown .dropdown-toggle:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  display: inline-block;
  background: #708090;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.datatable-status-dropdown.open .dropdown-toggle {
  background: #708090;
  color: #fff;
}
.datatable-status-dropdown.open .dropdown-toggle:before {
  background: #fff;
}
.datatable-status-dropdown .dropdown-menu {
  min-width: 170px;
  padding: 5px 0;
}
.datatable-status-dropdown .dropdown-menu li {
  padding: 5px 10px 5px 20px;
  position: relative;
  cursor: pointer;
  text-transform: capitalize;
}
.datatable-status-dropdown .dropdown-menu li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.datatable-status-dropdown .dropdown-menu li:hover {
  background: #f1f1f1;
}
.datatable-status-dropdown .dropdown-menu li a {
  padding: 0;
  margin: 0;
}
.datatable-status-dropdown .dropdown-menu li a:hover {
  background-color: #f1f1f1;
  color: inherit;
}
.datatable-status-dropdown .blue,
.datatable-status-dropdown .not-publish {
  color: #2184be !important;
}
.datatable-status-dropdown .blue:before,
.datatable-status-dropdown .not-publish:before {
  background: #2184be !important;
}
.datatable-status-dropdown.open .dropdown-toggle.blue,
.datatable-status-dropdown.open .dropdown-toggle.not-publish {
  background: #2184be !important;
  color: #fff !important;
}
.datatable-status-dropdown.open .dropdown-toggle.blue:before,
.datatable-status-dropdown.open .dropdown-toggle.not-publish:before {
  background: #fff !important;
}
.datatable-status-dropdown .green,
.datatable-status-dropdown .ok-publish {
  color: #7dbc21 !important;
}
.datatable-status-dropdown .green:before,
.datatable-status-dropdown .ok-publish:before {
  background: #7dbc21 !important;
}
.datatable-status-dropdown.open .dropdown-toggle.green,
.datatable-status-dropdown.open .dropdown-toggle.ok-publish {
  background: #7dbc21 !important;
  color: #fff !important;
}
.datatable-status-dropdown.open .dropdown-toggle.green:before,
.datatable-status-dropdown.open .dropdown-toggle.ok-publish:before {
  background: #fff !important;
}
.datatable-status-dropdown .number-not-allocated,
.datatable-status-dropdown .orange {
  color: #ffad48 !important;
}
.datatable-status-dropdown .number-not-allocated:before,
.datatable-status-dropdown .orange:before {
  background: #ffad48 !important;
}
.datatable-status-dropdown.open .dropdown-toggle.number-not-allocated,
.datatable-status-dropdown.open .dropdown-toggle.orange {
  background: #ffad48 !important;
  color: #fff !important;
}
.datatable-status-dropdown.open .dropdown-toggle.number-not-allocated:before,
.datatable-status-dropdown.open .dropdown-toggle.orange:before {
  background: #fff !important;
}
.datatable-status-dropdown .not-public,
.datatable-status-dropdown .red {
  color: #ed5565 !important;
}
.datatable-status-dropdown .not-public:before,
.datatable-status-dropdown .red:before {
  background: #ed5565 !important;
}
.datatable-status-dropdown.open .dropdown-toggle.not-public,
.datatable-status-dropdown.open .dropdown-toggle.red {
  background: #ed5565 !important;
  color: #fff !important;
}
.datatable-status-dropdown.open .dropdown-toggle.not-public:before,
.datatable-status-dropdown.open .dropdown-toggle.red:before {
  background: #fff !important;
}
.datatable-status-dropdown .gray,
.datatable-status-dropdown .view-history {
  color: #676a6c !important;
}
.datatable-status-dropdown .gray:before,
.datatable-status-dropdown .view-history:before {
  background: #676a6c !important;
}
.datatable-status-dropdown .title-History-li,
.datatable-status-dropdown .title-stat-li {
  color: #676a6c;
  padding: 5px 9px !important;
  font-weight: 500;
  border-bottom: 1px solid #e6e6e6;
  background: 0 0 !important;
  font-size: 11px;
}
.datatable-status-dropdown .title-History-li:before,
.datatable-status-dropdown .title-stat-li:before {
  display: none;
}
.db-status-with-title.datatable-status-dropdown .dropdown-menu li {
  padding: 5px 10px 5px 30px;
}
.db-status-with-title.datatable-status-dropdown .dropdown-menu li:before {
  left: 20px;
}
.db-status-with-title.datatable-status-dropdown
  .dropdown-menu
  li
  .popover_compact {
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translateX(-50%) scale(0) !important;
  transform: translateX(-50%) scale(0) !important;
  -moz-transform: translateX(-50%) scale(0) !important;
  display: block;
  opacity: 1;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  pointer-events: none;
  visibility: hidden;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 100;
  background-color: #293239 !important;
  color: #fff !important;
}
.db-status-with-title.datatable-status-dropdown
  .dropdown-menu
  li:hover
  .popover_compact {
  -webkit-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-50%) scale(1) !important;
  -moz-transform: translateX(-50%) scale(1) !important;
  visibility: visible;
  pointer-events: auto;
  font-size: 12px;
  line-height: 1.42857143;
  text-shadow: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  background-color: #000 !important;
  padding: 3px 8px;
  min-width: inherit;
  max-width: inherit;
  width: auto;
  border-radius: 4px;
  text-transform: uppercase !important;
  top: -30px !important;
  left: 50%;
}
.db-status-with-title.datatable-status-dropdown
  .dropdown-menu
  li
  .popover_compact:before {
  background-color: #000 !important;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -4px;
  top: auto;
}
#citation_detected_fixing_datatable_wrapper .judgment_table_grand_parent,
#judgment_by_workflows_datatable_wrapper .judgment_table_grand_parent,
#judgments_datatable_wrapper .judgment_table_grand_parent,
#stats_datatable_wrapper .judgment_table_grand_parent,
#stats_datatable_wrapper .judgment_table_parent {
  overflow: visible !important;
}
.appeal-mod-rel {
  letter-spacing: 0;
}
.popover-mod-compact {
  text-align: center;
}
.popover-mod-compact:before {
  left: 48% !important;
}
.view-mod-eyemod i {
  display: none;
}
.test-outbond-email {
  padding: 0 !important;
}
.test-outbond-email .edit_judgment_action {
  margin: 0;
}
.newadmin_breadcrumb .breadcrumb-left {
  display: inline-block;
  width: 50%;
}
.newadmin_breadcrumb > ol > li a {
  color: #666;
}
.newadmin_breadcrumb > ol > li.active {
  color: #999;
  font-weight: 400;
}
.newadmin_breadcrumb h2 {
  font-weight: 600;
  color: #333;
  margin-top: 5px;
  float: left;
  clear: both;
  width: auto;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 20px;
}
.newadmin_breadcrumb .bread-button {
  float: right;
  width: 50%;
  margin: 0;
}
.newadmin_breadcrumb .bread-button .judgmentProcess_uploadGroup {
  margin: 8px 0 0 0;
}
.newadmin_breadcrumb > ol > li a .forheaderlink {
  display: inline-block;
}
.newadmin_breadcrumb .firstLetterOfCaseName {
  width: 44px;
  float: left;
  border: 1px solid #999;
  font-size: 28px;
  border-radius: 50%;
  padding: 2px 0 0 0;
  margin: 1px 16px 0 0;
  font-weight: 700;
  background: #fff;
  color: #888;
  height: 44px;
  text-align: center;
  position: absolute;
  line-height: 39px;
}
.showfirstcharacter {
  margin-left: 54px;
}
.newadmin_breadcrumb h2.showfirstcharacter {
  margin-bottom: 0;
}
.newadmin_breadcrumb h2 .newadmin_caseinfoCTRL > .newadmin_casename {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #333;
  padding-bottom: 0;
}
.newadmin_breadcrumb
  h2
  .newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version
  > .newadmin_casename
  > .dropdown.csiq_magicButton {
  margin-left: 10px;
}
.newadmin_breadcrumb
  h2
  .newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version
  > .newadmin_casename
  > .dropdown.csiq_magicButton
  > a {
  font-size: 18px;
}
.newadmin_breadcrumb
  h2
  .newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version
  > .newadmin_casename
  > .dropdown.csiq_magicButton::before {
  height: 22px;
}
.popover_compact li.popup-heading-main {
  padding: 5px 20px !important;
  text-transform: uppercase !important;
  background: #f1f1f1;
  position: relative;
  z-index: 1;
}
.litigation-history-main .togallable-table > tbody > tr:hover {
  background: 0 0;
}
.appeal_matrix_table.judgment_table_parent .dataTables_scrollBody {
  overflow: visible !important;
}
.tab-content.appeal-chain-item-tab-content.appeal-mod-tab-content .tab-pane {
  width: 75%;
  margin: 0 auto;
}
.appeal-mod-chain-content .appeal-form-new .form-horizontal,
.edit-mod-content .appeal-form-new .form-horizontal {
  width: 90%;
  margin: 0 auto;
}
.full-screen-modal-new .appeal-form-new.add-appeal-event-new-small {
  width: 850px;
  margin: auto;
}
.card-mod-page .popover_compact {
  left: 50%;
}
.card-mod-page
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  left: 50%;
}
.card-mod-page
  table#appeal_datapoint_datatable
  button.btn.files_ttlp_ctrl
  i.fa.fa-eye.files_radio_info {
  display: none;
}
.card-mod-page .data-table-btn-grp .btn {
  background-color: #e0e1e2 !important;
  color: #676a6c !important;
  border: 1px solid #d3d3d4 !important;
  padding: 2px 10px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px !important;
}
.card-mod-page .data-table-btn-grp {
  border: 0;
}
.card-mod-page .data-table-btn-grp .btn:hover {
  background-color: #cacbcd !important;
  color: rgba(0, 0, 0, 0.8) !important;
  border: 1px solid #d3d3d4 !important;
}
.stats-mod-datatable .grey_theme_btn {
  background-color: #e0e1e2 !important;
  color: rgba(0, 0, 0, 0.7) !important;
  border: 1px solid #d3d3d4 !important;
  font-size: 11px !important;
  padding: 1px 10px !important;
  background-image: none;
  line-height: 1.4285714;
  text-shadow: none;
  box-shadow: none;
  margin-right: 5px !important;
  display: inline-block;
}
.stats-mod-datatable .grey_theme_btn:focus,
.stats-mod-datatable .grey_theme_btn:hover {
  background-color: #0e9aef !important;
  border: 1px solid #0e9aef !important;
  color: #fff !important;
}
.yellow-highlight {
  background-color: #ff3;
  display: inline-block;
  padding: 1px 4px;
}
.appeal-chain-content.form-background.appeal-mod-chain-content,
.litigation-history-main.appeal-mod-chain-legislation
  .togallable-table
  > tbody
  > tr.collapsed-table,
.litigation-history-main.appeal-mod-chain-legislation
  .togallable-table
  > tbody
  > tr.collapsed-table:hover {
  background-color: #e9e9e9 !important;
}
#citationContentPopup .modal-header,
.full-screen-modal-new .modal-header {
  background: #eee;
  padding: 15px;
  border-bottom: 1px solid #d9d9d9;
}
#citationContentPopup .modal-header button.close,
#emailContentPopup .modal-dialog button.close,
.full-screen-modal-new .modal-header button.close {
  background: 0 0;
  color: #666;
  font-size: 30px;
  font-weight: 400;
}
#citationContentPopup .modal-header button.close:focus,
#emailContentPopup .modal-dialog button.close:focus,
.full-screen-modal-new .modal-header button.close:focus {
  outline: 0;
}
#citationContentPopup .modal-content {
  padding: 0;
  border: none;
}
#citationContentPopup .modal-content .popup-ajax-content {
  padding: 15px;
}
#citationContentPopup .modal-header button.close > span {
  color: #666;
  font-size: 30px;
  font-weight: 400;
}
.info-mod-citiation {
  display: inline-block;
  width: calc(100% - 50px);
}
.citation-mod-datatable-checked .citation_checked {
  padding: 10px 0 0;
}
.citation-mod-datatable-checked .citation_checked {
  padding: 10px 0 0;
}
.appeal-mod-chain-legislation button.btn.grey_theme_btn {
  text-transform: uppercase;
  font-weight: 500;
}
.citation-mod-datatable-checked .citation_checked .switch {
  margin-left: 5px;
}
#citationContentPopup .data-table-wrap .search-wrap input[type="text"] {
  width: calc(100% - 130px);
}
.citation-mod-datatable-checked
  .data-table-wrap
  .search-wrap
  .power-search-btn
  button {
  border-radius: 3px;
}
.new-caseiq-header
  .caseiq-container
  .caseiq-right
  ul.navbar-right
  .newAdmin_profile_dropdown
  > li
  > a:hover
  > span {
  color: #fff;
}
.no-cursor-pointer {
  cursor: default !important;
}
.full-screen-modal-new .modal-header p.text-center.no-margin {
  margin: -5px 0 0 0 !important;
  font-size: 13px;
}
.files_ttlp_ctrl .popover_compact {
  background-color: #293239 !important;
  color: #fff !important;
}
.files_ttlp_ctrl .popover_compact:before,
.files_ttlp_ctrl:hover .files_radio_info + .popover_compact:before {
  background-color: #293239 !important;
}
.files_ttlp_ctrl .popover_compact.appeal-mod-rel:before {
  border: 0 !important;
  top: 33px !important;
  background-color: #293239 !important;
  border-bottom: 1px solid #293239 !important;
  border-left: 1px solid #293239 !important;
}
.files_ttlp_ctrl:hover .files_radio_info + .popover_compact.appeal-mod-rel {
  top: -35px;
  font-weight: 100;
}
.files_ttlp_ctrl .popover_compact.appeal-mod-rel {
  padding: 7px !important;
  border-radius: 5px !important;
  width: auto !important;
  min-width: 90px;
}
.files_ttlp_ctrl .popover_compact.appeal-mod-rel .fg-white {
  line-height: 19px;
}
.card-mod-traffic_details_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  bottom: -5px !important;
  top: initial;
}
.card-mod-traffic_details_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  top: initial;
  left: 47%;
  bottom: 24px;
  width: auto;
}
.new-mod-box-container .files_ttlp_ctrl .popover_compact {
  bottom: 30px;
  top: initial;
}
.new-mod-box-container
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  bottom: -5px !important;
  top: initial;
}
.new-mod-box-container
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  top: initial;
  left: 27%;
  bottom: 38px;
}
.card-mod-workflow_datatable
  .csiq_magicButton_workflow.prgres_popup
  > ul.dropdown-menu {
  background-color: #293239;
  bottom: 20px;
  top: initial;
}
.card-mod-workflow_datatable
  .csiq_magicButton_workflow.prgres_popup
  > ul.dropdown-menu
  li {
  color: #fff !important;
}
.card-mod-workflow_datatable .csiq_magicButton > .dropdown-menu:before {
  position: absolute;
  top: initial;
  bottom: -7px;
  left: 25px;
  border-bottom: 7px solid #293239;
  border-top: 7px solid #293239;
  border-top-color: #293239;
  border-bottom: none;
}
.card-mod-workflow_datatable .csiq_magicButton > .dropdown-menu:after {
  display: none;
}
.card-mod-error_details_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  top: initial;
  bottom: -5px;
}
.card-mod-error_details_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  top: initial;
  bottom: 22px;
}
.card-mod-user_session_traffic_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  top: initial;
  bottom: -5px;
}
.card-mod-user_session_traffic_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  top: initial;
  bottom: 22px;
}
.round-tooltip-ctm {
  padding: 3px 8px !important;
}
.files_ttlp_ctrl .popover_compact.appeal-mod-rel.round-tooltip-ctm:before {
  top: auto !important;
  bottom: -5px !important;
}
.inbox-view-main-ver2 .files_ttlp_ctrl .popover_compact hr {
  margin: 10px 0;
}
.inbox-view-main-ver2 .files_ttlp_ctrl .popover_compact a {
  color: #fff;
}
.appeal_matrix_table
  #appeal_matrix_datatable
  .appeal-status-rel
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-44%) scale(1) !important;
  -moz-transform: translateX(-44%) scale(1) !important;
  -webkit-transform: translateX(-44%) scale(1) !important;
  top: -40px;
}
.appeal_matrix_table
  #appeal_matrix_datatable
  .appeal-status-rel
  .files_ttlp_ctrl
  .popover_compact:before {
  left: 46%;
  transform: rotate(45deg);
}
#error_details_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-63%) scale(1) !important;
  -webkit-transform: translateX(-63%) scale(1) !important;
  -moz-transform: translateX(-63%) scale(1) !important;
  min-width: 100px;
  max-width: 154px;
  bottom: 20px;
}
#error_details_datatable
  .inline_editable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-50%) scale(1) !important;
  -webkit-transform: translateX(-50%) scale(1) !important;
  -moz-transform: translateX(-50%) scale(1) !important;
  bottom: 23px;
  max-width: 240px;
  left: 50%;
  min-width: 240px;
}
#error_details_datatable
  .inline_editable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  left: 50%;
}
#error_details_datatable .view-url-link span {
  max-width: 180px;
}
.card-mod-workflow_datatable
  #workflow_datatable
  .csiq_magicButton_workflow.prgres_popup
  > ul.dropdown-menu {
  bottom: 22px;
  width: auto;
  min-width: 240px !important;
  left: -553%;
}
.card-mod-workflow_datatable
  #workflow_datatable
  .csiq_magicButton
  > .dropdown-menu:before {
  left: 50%;
}
.card-mod-user_session_traffic_datatable
  #user_session_traffic_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  top: initial;
  bottom: 22px;
  min-width: 70px;
  left: 50%;
  max-width: 100px;
  -webkit-transform: translateX(-53%) scale(1) !important;
  transform: translateX(-53%) scale(1) !important;
  -moz-transform: translateX(-53%) scale(1) !important;
}
.card-mod-user_session_traffic_datatable
  #user_session_traffic_datatable
  .files_ttlp_ctrl
  .popover_compact:before {
  left: 50%;
}
.header_admin_header_content
  .error-count-area.active
  + .popover_compact:before {
  background-color: #f1f1f1 !important;
}
.breadcrumb-container-space .newadmin_breadcrumb .exprt_case_hCtrl {
  float: right;
  width: auto;
  margin: 8px 0 0 0;
}
.breadcrumb-container-space .newadmin_breadcrumb .exprt_case_hCtrl span {
  color: #337ab7;
  padding: 8px 6px 8px 12px;
  display: inline-block;
}
.breadcrumb-container-space .newadmin_breadcrumb .exprt_case_hCtrl a {
  display: inline-block;
}
.breadcrumb-container-space
  .newadmin_breadcrumb
  .exprt_case_hCtrl
  a
  .btn-primary {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  box-shadow: none;
  color: #333;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
  position: relative;
  text-shadow: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  margin-bottom: 5px;
}
.breadcrumb-container-space
  .newadmin_breadcrumb
  .exprt_case_hCtrl
  a
  .btn-primary:hover {
  text-decoration: none;
  transition: background-position 0.1s linear 0s;
  background-color: #0e9aef;
  color: #fff;
  border-color: #0e9aef;
}
.editable_datatable h4.modal-title .case_name_title_update {
  border: none !important;
  color: #333;
  font-size: 18px;
  margin-bottom: 5px;
  display: block;
  font-weight: 700;
  opacity: 1;
}
.editable_datatable h4.modal-title .case_name_title_update .fa-edit {
  margin: 0 0 0 10px;
  font-size: 14px;
}
.editable_datatable
  h4.modal-title
  .editable-container
  .editable-input
  .form-control {
  width: 850px;
}
#citationContentPopup .modal-header button.close > span {
  font-weight: 500 !important;
}
#citationContentPopup .modal-dialog button.close {
  top: 0 !important;
}
.inbox-right-form
  .lit-history-table
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  bottom: 26px;
}
#users_datatable td.popupCtrl {
  width: 300px !important;
  display: -webkit-box;
}
.nginx-access .table td .btn.btn-default {
  padding: 3px 12px;
  background-color: #e0e1e2 !important;
  color: rgba(0, 0, 0, 0.6) !important;
  border: 1px solid #d3d3d4;
}
.nginx-access .table td .btn.btn-default:hover {
  background-color: #cacbcd !important;
  box-shadow:
    0 0 0 1px transparent inset,
    0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8) !important;
}
.appeal-matrix-filters h3 {
  font-weight: 400;
  font-size: 14px;
  color: #333;
}
.appeal-matrix-filters .tmln_pipeline_ctrl .centered_menu > span > a {
  color: #676a6c !important;
  display: inline-block !important;
  float: none;
  margin: 6px 12px 0 !important;
  padding: 10px 3px !important;
  text-transform: none !important;
  position: relative;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  opacity: 1;
}
.appeal-matrix-filters .tmln_pipeline_ctrl .centered_menu > span > a.active {
  border-bottom: 2px solid #0e9aef;
  font-weight: 600;
  margin-bottom: 0 !important;
  color: #000 !important;
}
.appeal-matrix-filters .tmln_pipeline_ctrl .centered_menu > span > a:hover {
  border-bottom: 2px solid transparent;
  color: #676a6c !important;
}
.appeal-matrix-filters
  .tmln_pipeline_ctrl
  .centered_menu
  .files_ttlp_ctrl
  .files_radio_info
  + .popover_compact:before {
  left: 50%;
}
.appeal-matrix-filters
  .tmln_pipeline_ctrl
  .centered_menu
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  top: 30px;
  -webkit-transform: translateX(-44%) scale(1) !important;
  transform: translateX(-44%) scale(1) !important;
  -moz-transform: translateX(-44%) scale(1) !important;
  width: 220px;
}
.appeal-matrix-filters
  .tmln_pipeline_ctrl
  .centered_menu
  .files_ttlp_ctrl
  .popover_compact
  hr {
  margin: 5px 0;
}
.appeal-matrix-filters
  .tmln_pipeline_ctrl
  .centered_menu
  .files_ttlp_ctrl
  .popover_compact
  p {
  margin: 0;
}
.appeal-matrix-filters
  .tmln_pipeline_ctrl
  .centered_menu
  .files_ttlp_ctrl
  .popover_compact
  .margin-left-8 {
  margin-left: 0;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
#selectAppealChainContentPopup
  .citation-search-main
  .search-wrap
  .citation-power-search-btn
  button,
.citation-mod-datatable-checked
  .data-table-wrap
  .search-wrap
  .power-search-btn
  button,
.citation-search-main .search-wrap .citation-power-search-btn button {
  text-decoration: none;
  transition: background-position 0.1s linear 0s;
  background-color: #0e9aef;
  color: #fff;
  border-color: #0e9aef;
  border-radius: 3px !important;
}
#selectAppealChainContentPopup
  .citation-search-main
  .search-wrap
  .citation-power-search-btn
  button:hover,
.citation-mod-datatable-checked
  .data-table-wrap
  .search-wrap
  .power-search-btn
  button:hover,
.citation-search-main .search-wrap .citation-power-search-btn button:hover {
  background: #0784cf;
  border-color: #0784cf;
}
#Nword_highlighter .pull_replace_modal,
#pull-replace-modal .pull_replace_modal.animated {
  padding-right: 0 !important;
}
#Nword_highlighter .meta_history_compare_modal .panel_head,
#Nword_highlighter .pull_replace_modal .panel_head,
#pull-replace-modal .pull_replace_modal.customized_modal .panel_head {
  background: #eee;
  padding: 25px 15px !important;
  margin: 0;
  border-bottom: 1px solid #d9d9d9;
}
#Nword_highlighter .meta_history_compare_modal .panel_head button.close,
#Nword_highlighter .pull_replace_modal .panel_head button.close,
#pull-replace-modal
  .pull_replace_modal.customized_modal
  .panel_head
  button.close {
  background: 0 0;
}
#Nword_highlighter .meta_history_compare_modal .panel_head button.close span,
#Nword_highlighter .pull_replace_modal .panel_head .close span,
#pull-replace-modal
  .pull_replace_modal.customized_modal
  .panel_head
  button.close
  span {
  background: 0 0;
  color: #666;
  font-size: 30px;
  font-weight: 400;
}
#Nword_highlighter .pull_replace_modal .new_popup_bg {
  background: #fff !important;
}
.newadmin_breadcrumb .bread-button .appeal-data-point-links {
  margin: 8px 0 0 0;
  float: right;
}
.appeal-count-header {
  float: right;
  margin-left: 20px;
  margin-top: 5px;
}
.appeal-count-header .appeal-chain-count {
  display: inline-block;
  vertical-align: top;
  padding-right: 15px;
}
.appeal-count-header .appeal-event-count {
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
  border-left: 1px solid #d1d1d1;
}
.appeal-count-header .appeal-count {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.pace.pace-active .pace-progress {
  z-index: 100000;
}
.citation-mod-datatable-checked #citation_case_name_in_popup {
  font-size: 14px;
  font-weight: 400;
}
.citation-mod-datatable-checked
  #citation_case_name_in_popup
  .citation_editor_citefull {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c3c3c3;
  display: inline-block;
}
.citation-mod-datatable-checked #citation_case_name_in_popup .citation_checked {
  padding: 0;
  margin-bottom: 5px;
}
.citation-mod-datatable-checked
  #citation_datatable_popup_wrapper
  .citation-table-pop
  thead
  tr
  > th {
  padding-right: 5px;
}
.citation-mod-datatable-checked
  #citation_datatable_popup_wrapper
  .citation-table-pop
  tbody
  tr
  > td:first-child,
.citation-mod-datatable-checked
  #citation_datatable_popup_wrapper
  .citation-table-pop
  thead
  tr
  > th:first-child {
  width: 10%;
}
.citation-mod-datatable-checked
  #citation_datatable_popup_wrapper
  .citation-table-pop
  tbody
  tr
  > td:nth-child(2),
.citation-mod-datatable-checked
  #citation_datatable_popup_wrapper
  .citation-table-pop
  thead
  tr
  > th:nth-child(2) {
  width: 60%;
}
.citation-mod-datatable-checked
  #citation_datatable_popup_wrapper
  .citation-table-pop
  tbody
  tr
  > td:nth-child(3),
.citation-mod-datatable-checked
  #citation_datatable_popup_wrapper
  .citation-table-pop
  thead
  tr
  > th:nth-child(3) {
  width: 15%;
}
.citation-mod-datatable-checked
  #citation_datatable_popup_wrapper
  .citation-table-pop
  tbody
  tr
  > td:nth-child(4),
.citation-mod-datatable-checked
  #citation_datatable_popup_wrapper
  .citation-table-pop
  thead
  tr
  > th:nth-child(4) {
  width: 15%;
}
#upload_new_appeal_datapoint_form.form-horizontal.upload-form {
  margin-bottom: 20px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  h2.appeal-chain-title.appeal--mod-chain-title {
  background-color: #fff;
  font-weight: 600;
  color: #333;
  margin: 0;
  font-size: 14px;
}
.appeal-chain-content.litigation-history-main.appeal-mod-chain-legislation
  .lit-history-table
  tr
  th {
  background: #f9f9f9;
  color: #333;
  font-size: 13px;
  text-transform: inherit;
}
.appeal-chain-content.litigation-history-main.appeal-mod-chain-legislation
  .lit-history-table
  tr
  td,
.appeal-chain-content.litigation-history-main.appeal-mod-chain-legislation
  .lit-history-table
  tr
  th {
  padding: 5px 15px;
  text-align: left;
  border-bottom: 1px solid #d1d1d1;
  line-height: 20px;
}
.appeal-chain-content.litigation-history-main.appeal-mod-chain-legislation
  .lit-history-table
  tr:last-child
  td {
  border-bottom: 0;
}
.appeal-chain-content.litigation-history-main.appeal-mod-chain-legislation
  .lit-history-table
  tr
  td:last-child,
.appeal-chain-content.litigation-history-main.appeal-mod-chain-legislation
  .lit-history-table
  tr
  th:last-child {
  border-right: 0;
}
.tab-content.appeal-chain-item-tab-content.appeal-mod-tab-content
  h2.appeal-chain-title {
  font-size: 14px;
}
.appeal-chain-content.litigation-history-main.appeal-status.litigation-mod-appeal
  p,
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  tr
  td,
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  tr
  td
  a {
  font-size: 12px;
}
.appeal-chain-content.litigation-history-main.appeal-mod-chain-legislation
  .lit-history-table
  tr
  td {
  font-size: 12px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.togallable-table
  td
  span
  + span {
  margin-top: 0;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  tr
  td
  .litigation-event-toggle-btn.viewEventBtn {
  display: inline-block;
  margin: 0 20px 0 0;
  cursor: pointer;
  font-size: 14px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  tr
  td
  .litigation-event-toggle-btn.viewEventBtn.active
  .fa:before {
  content: "\f068";
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-title
  .lit-expand-all {
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  color: #1f7fc9;
}
.appeal-chain-content .appeal-details-info.viewDetailsContent {
  margin-left: 50px;
  width: 90%;
}
.appeal-mod-chain-content
  .appeal-footer-botton.appeal-submit-container
  .btn-green {
  margin-left: 0;
}
.appeal-close-btn.close-mod-Appeal-Item {
  position: absolute;
  right: 10px;
  background: 0 0;
  border: none;
  font-size: 25px;
  line-height: normal;
  height: auto;
  padding: 0;
  min-height: inherit;
  top: 3px;
}
.appeal-close-btn.close-mod-Appeal-Item:focus {
  outline: 0;
}
.toggleDropdown.traffic_filters .timeline-btn-wrap.timeline-mod-btn-wrap {
  min-width: 175px;
}
.timeline-option.timeline-mod-option {
  box-shadow: none !important;
  min-width: 180px !important;
  border: 0 !important;
  width: auto !important;
}
.timeline-option.timeline-mod-option .timeline-mod-dropdown {
  background-color: #303940;
  color: #fff;
  overflow: hidden;
  border-radius: 4px;
  padding: 0 !important;
}
.timeline-option.timeline-mod-option .timeline-mod-dropdown li a {
  background-color: #303940 !important;
  color: #fff !important;
  box-shadow: none;
  text-align: left;
  padding: 13px 11px !important;
}
.timeline-option.timeline-mod-option .timeline-mod-dropdown li a:hover {
  border-radius: 0 !important;
}
.timeline-option.timeline-mod-option .timeline-mod-dropdown li a:hover {
  background-color: #0e9aef !important;
  color: #fff !important;
}
.timeline-option.timeline-mod-option .timeline-caret,
.timeline-option.timeline-mod-option .timeline-caret:before {
  border-bottom: 8px solid #303940;
}
.timeline-option.timeline-mod-option .timeline-caret:before {
  top: -4px;
  display: none;
}
.timeline-option.timeline-mod-option .timeline-ul.timeline-mod-dropdown:before {
  display: none;
}
.timeline-mod-dropdown {
  background-color: #303940 !important;
  color: #fff !important;
  padding: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  border-width: 0 !important;
}
ul.dropdown-menu.timeline-mod-dropdown li a,
ul.dropdown-menu.timeline-mod-dropdown li button {
  background-color: transparent;
  color: #fff !important;
  box-shadow: none;
  padding: 13px 11px !important;
}
ul.dropdown-menu.timeline-mod-dropdown li a:hover,
ul.dropdown-menu.timeline-mod-dropdown li button:hover {
  background-color: #0e9aef;
  color: #fff !important;
}
.timeline-mod-dropdown:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  top: -7px;
  left: 2px;
  border-top: 0 solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #303940;
  border-left: 7px solid transparent;
}
.workflow_citation_column ul.dropdown-menu.timeline-mod-dropdown > li > a,
.workflow_citation_column ul.dropdown-menu.timeline-mod-dropdown > li > button {
  background-color: transparent;
  color: #fff !important;
  box-shadow: none;
  padding: 13px 11px !important;
}
.workflow_citation_column .timeline-mod-dropdown:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  top: -7px;
  left: 2px;
  border-top: 0 solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #303940;
  border-left: 7px solid transparent;
}
#inbox-view-details-body-content {
  position: relative;
  padding-bottom: 10px;
}
.inbox-view-details-body-content {
  height: 308px;
  overflow: hidden;
}
.showmorebutton {
  background: #fff;
  border: 1px #ccc solid;
  font-weight: 600;
  line-height: 7px;
  padding: 0 6px 6px;
  margin-left: 3px;
  border-radius: 3px;
}
.showmorebutton:hover {
  background-color: #eee;
}
.popdown_mod_compact {
  left: 46%;
}
.popdown_mod_compact a {
  color: #0e9aef;
}
#appeal_datapoint_datatable button.btn.files_ttlp_ctrl:hover,
#appeal_matrix_datatable .grey_theme_btn:focus,
#appeal_matrix_datatable .grey_theme_btn:hover,
#stats_datatable_wrapper .grey_theme_btn:focus,
.stats-mod-datatable #stats_datatable_wrapper .grey_theme_btn:hover {
  background-color: #cacbcd !important;
  color: rgba(0, 0, 0, 0.8) !important;
  border: 1px solid #d3d3d4 !important;
}
.new-caseiq-header
  .caseiq-container
  .caseiq-right
  .xtra_dropdown_admin
  .header_admin_header_content
  .navbar-form-custom
  #data-table-search
  + .data-table-wrap
  .nav
  li {
  font-size: 15px;
}
.login-page-wrapper {
  margin: 0 -40px;
}
.login-header {
  min-height: auto;
  color: #fff;
  text-align: center;
  padding-top: 0;
  margin-bottom: 24px;
}
.login-header h2.logo {
  display: inline-block;
  margin: 0;
  width: auto;
  line-height: 29px;
  text-indent: 0;
}
.login-header svg#Layer_1 {
  height: 50px;
  width: 50px;
}
.page-wrapper.no-sidebar.login {
  width: 100% !important;
}
.login-container {
  margin: 0;
  padding: 0 15px;
  width: 512px;
}
.content {
  background: #fff;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 4px;
  padding: 30px 50px 40px 50px;
}
.login-page-wrapper h1 {
  font-weight: 700;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
  color: #333;
  margin-bottom: 20px;
}
.login-page-wrapper label {
  margin-bottom: 0;
  color: #333;
  font-size: 16px;
  line-height: 16px;
}
.login-page-wrapper input.form-control,
.login-page-wrapper input:-webkit-autofill {
  background: #f9f9f9 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border-radius: 4px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  border: 1px solid #ccc;
  -webkit-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
}
.login-page-wrapper .form-control:focus {
  outline: 0;
  -webkit-box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
label.remember-me {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  vertical-align: text-bottom;
}
.login-container .btn-submit {
  color: #fff;
  border-color: #62ac64;
  background: #73c075;
  text-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
}
.login-container .btn-submit:active,
.login-container .btn-submit:focus,
.login-container .btn-submit:hover {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.create-account {
  padding-top: 15px;
}
.create-account a {
  font-size: 14px;
  line-height: 24px;
  color: #2a6496;
}
.create-account a:hover {
  color: #2a6496;
  text-decoration: underline;
}
.copy-right {
  font-size: 12px;
  line-height: 12px;
  color: #c1c1c1;
}
.editable_datatable
  h4.modal-title
  .case_name_title_update.files_radio_info.inline-button {
  display: inline-block;
}
.selected-count-border {
  border-top: 0;
}
.action-button-onclick span.conversations-markas {
  margin-top: 0;
  font-weight: 500;
}
.selected-email-count-inner .action-button-nomargin {
  margin-top: 0;
}
.data-table-wrap-citation.citation-search-main
  .table.data-table-wrapper
  .search-loader {
  margin: 10px 0 0 0;
}
.validate-sidepanel {
  position: fixed !important;
  left: 0;
  top: 115px;
  height: calc(100vh - 115px);
  background: #303b42;
  z-index: 1;
  color: #fff;
  padding: 0 !important;
  width: 200px !important;
}
.validate-sidepanel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.validate-sidepanel ul li {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #253138;
}
.validate-sidepanel ul li a {
  padding: 10px 10px 10px 20px;
  border-left: 4px solid transparent;
  color: #f1f1f1;
  font-size: 14px;
  display: block;
}
.validate-sidepanel ul li a:hover,
.validate-sidepanel ul li.active a {
  border-color: #46c6ee;
  background: #4f585e;
}
.validate-right {
  margin-left: 200px !important;
  width: calc(100% - 200px) !important;
}
.admin-side-panel .new-caseiq-header .caseiq-container {
  padding: 0;
}
.admin-side-panel .new-caseiq-header > .caseiq-container {
  padding: 0 15px;
}
.admin-side-panel .breadcrumb-container-space .newadmin_breadcrumb {
  padding: 10px 25px 5px !important;
}
.admin-side-panel .page-container-space {
  padding: 0 25px !important;
}
.admin-side-panel .new-caseiq-header .caseiq-container .caseiq-dropdown {
  padding: 0 0 0 62px !important;
}
.admin-side-panel .newadmin_breadcrumb h2 {
  margin-bottom: 0;
}
.case_notes_container .ibox-content {
  padding: 0;
  margin: auto;
  float: none;
  width: 530px;
}
.case_notes_container .ibox-content .notesHistory_fullpage {
  height: auto !important;
  width: 100%;
  margin: auto;
  float: none;
}
.case_notes_container .ibox-content .new_notes {
  width: 100% !important;
  margin: 20px auto;
  float: none !important;
  padding: 0;
  background: 0 0;
  border: none;
  padding-top: 10px;
  border-top: 1px solid #d8d8d8;
  position: static;
  overflow: auto;
}
.case_notes_container .ibox-content .new_notes textarea {
  border-radius: 4px !important;
  height: 75px;
}
.case_notes_container .ibox-content .new_notes button {
  padding: 3px 10px;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 3px;
}
.case_notes_container .rightSideArea > .ui_wrapper h4.case_notes_header {
  width: 530px !important;
  margin: auto;
  float: none;
  text-transform: none !important;
  font-weight: 400;
  margin-top: 20px;
}
ul.n_notes.case_notes {
  width: 530px;
  margin: auto;
  float: none;
}
ul.n_notes.case_notes > li:before {
  display: none;
}
ul.n_notes.case_notes > li {
  padding-bottom: 15px;
  padding-left: 30px;
}
ul.n_notes.case_notes .prior_info {
  position: relative;
  padding: 10px 20px;
  border-radius: 5px;
  background: #edeff0;
  box-sizing: border-box;
}
ul.n_notes.case_notes .prior_info:before {
  background: #888;
  border-color: #888;
  width: 7px;
  height: 7px;
  top: 18px;
  left: -28px;
}
ul.n_notes.case_notes .prior_info:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 8px 4px 0;
  border-color: transparent #edeff0 transparent transparent;
  content: "";
  position: absolute;
  left: -8px;
  top: 17px;
}
ul.n_notes.case_notes .prior_info .person_name {
  display: block;
}
ul.n_notes.case_notes .prior_info p {
  float: none;
  margin: 0;
}
ul.n_notes.case_notes > li .timed_stamp {
  margin: 5px 0 0 20px;
  float: left;
}
.sidePanelContainer .case_notes_container .panel_head {
  font-weight: 400;
  color: #000;
}
.sidePanelContainer .case_notes_container .new_notes_ctrl {
  height: calc(100vh - 272px);
}
.sidePanelContainer .case_notes_container .new_notes_form {
  width: 96% !important;
  margin: 20px auto;
  float: none !important;
  padding: 0;
  background: 0 0;
  border: none;
  padding-top: 10px;
  border-top: 1px solid #d8d8d8;
}
.sidePanelContainer .case_notes_container .new_notes_form textarea {
  border-radius: 4px !important;
  height: 75px;
}
.sidePanelContainer .case_notes_container .new_notes_form button {
  padding: 3px 10px;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 3px;
}
.editable_datatable .footer_bottom_ctrl .footer_information {
  float: left;
}
.card-mod-page
  .data-table-btn-grp
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-50%) scale(1) !important;
  -webkit-transform: translateX(-50%) scale(1) !important;
  -moz-transform: translateX(-50%) scale(1) !important;
}
.card-mod-page .files_ttlp_ctrl:hover .files_radio_info + .popover_compact {
  top: -42px;
}
.card-mod-page
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  top: initial;
  bottom: -5px;
}
.card-mod-page
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  left: 46%;
}
.create-account-page-wrapper {
  margin: 0 -40px;
  background-color: #fff;
  height: 100vh;
}
.create-new-account-header {
  background: linear-gradient(315deg, #9fe0d6 0, #69b9e7 100%);
  min-height: 245px;
  color: #fff;
  text-align: center;
  padding-top: 25px;
}
.create-new-account-header h2.logo {
  display: inline-block;
  margin: 0;
  width: 160px;
  line-height: 29px;
  text-indent: 0;
}
h1.create-account-title {
  font-size: 30px;
  line-height: 45px;
  color: #fff;
  padding-top: 20px;
  margin: 0;
  font-weight: 700;
}
.header_fader_wrapper {
  margin-top: -50px;
  width: 100%;
  display: block;
  margin-bottom: 0;
  max-width: 100%;
  min-height: 50px;
  position: relative;
}
.header_fader_wrapper .fade {
  display: block;
  background: #fff;
  height: 180px;
  width: 150%;
  margin-left: -25%;
  opacity: 0.8;
  position: absolute;
}
.header_fader_wrapper .fade.one {
  transform: rotate(3deg);
}
.header_fader_wrapper .fade.two {
  transform: rotate(-1deg);
}
.header_fader_wrapper .fade.three {
  opacity: 0.5;
  margin-top: -20px;
  transform: rotate(2deg);
}
.header_fader_wrapper .fade.four {
  opacity: 0.5;
  margin-top: -30px;
  transform: rotate(-3deg);
}
.header_fader_wrapper .fade.five {
  opacity: 0.5;
  transform: rotate(-4deg);
}
.header_fader_wrapper .fade.six {
  opacity: 0.4;
  transform: rotate(-1deg);
  margin-top: -25px;
}
.create-account-container {
  width: 600px;
  margin: 0 auto 40px;
  padding: 16px 30px 30px;
  position: relative;
  z-index: 99;
}
.create-account-container input.form-control,
.create-account-container input:-webkit-autofill {
  background: #f9f9f9 !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.03) inset;
  border-radius: 4px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  border: 1px solid #dfe6e8;
  -webkit-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
}
.create-account-container input.form-control {
  display: inline-block;
  width: calc(100% - 135px);
}
.create-account-container .form-control:focus {
  outline: 0;
  -webkit-box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.create-account-container label {
  margin-bottom: 0;
  color: #555;
  font-size: 15px;
  line-height: 15px;
  width: 130px;
  display: inline-block;
}
p.account-terms-service {
  margin-left: 135px;
  margin-bottom: 5px;
}
.create-new-account {
  margin-left: 135px;
  padding: 0;
}
.create-account-container .btn-submit {
  color: #fff;
  border-color: #62ac64;
  background: #73c075;
  text-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
}
.create-account-container .btn-submit:active,
.create-account-container .btn-submit:focus,
.create-account-container .btn-submit:hover {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
#selectAppealChainContentPopup .appeal_datapoint_newitem {
  overflow-y: inherit;
}
.workflow_citation_column .dropdown-menu.timeline-mod-dropdown li:last-child {
  overflow: hidden;
  border-radius: 0 0 3px 3px;
}
.workflow_citation_column .dropdown-menu.timeline-mod-dropdown li:first-child {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.header-middle-content {
  float: left;
  margin: -9px 0 0 20px;
}
.header-middle-content select#processWorkflowsSelect {
  border-radius: 3px;
}
.circle {
  display: inline-block;
  margin-right: 2px;
  background-color: #0e9aef;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  overflow: hidden;
}
#ball-1 {
  -webkit-animation-name: bounce;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
}
#ball-2 {
  -webkit-animation-name: bounce;
  -webkit-animation-delay: 0.4s;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-iteration-count: infinite;
}
#ball-3 {
  -webkit-animation-name: bounce;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  60% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  60% {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#selectAppealChainContentPopup .modal-dialog .modal-content .modal-body {
  height: calc(100vh - 101px) !important;
}
#selectAppealChainContentPopup
  .modal-dialog
  .appeal_datapoint_newitem
  .tab-content.appeal-chain-item-tab-content {
  height: calc(100% - 39px);
}
#selectAppealChainContentPopup .modal-dialog .table_scroller {
  height: 100%;
}
#selectAppealChainContentPopup .modal-body .popup-ajax-content > div,
#selectAppealChainContentPopup
  .modal-dialog
  .appeal_datapoint_newitem
  .tab-content.appeal-chain-item-tab-content,
#selectAppealChainContentPopup
  .modal-dialog
  .appeal_datapoint_newitem
  .tab-content.appeal-chain-item-tab-content
  .tab-pane {
  height: 100%;
}
#selectAppealChainContentPopup
  .modal-dialog
  .appeal_datapoint_newitem
  .tab-content.appeal-chain-item-tab-content
  .tab-pane
  .table_scroller {
  height: 100%;
}
.quickAppeal .quickAppeal-popup .quick-appeal-header {
  background: #eee;
  margin: -10px -10px 0;
  padding: 10px;
}
.quick-appeal-body button.close.customized_modal_close.close-quickappeal-popup,
.quickAppeal-popup button.close.customized_modal_close.close-quickappeal-popup {
  background: 0 0;
  color: #666;
  font-size: 30px;
  font-weight: 400;
  margin: 0;
  top: 2px;
}
.quick-appeal-body
  button.close.customized_modal_close.close-quickappeal-popup:focus,
.quickAppeal-popup
  button.close.customized_modal_close.close-quickappeal-popup:focus {
  outline: 0;
}
.quick-appeal-header p {
  font-size: 12px;
  margin-top: 10px;
}
.stats-total-downloads {
  color: #d62728 !important;
}
.stats-total-views {
  color: #2ca02c !important;
}
.stats-total-search {
  color: #ff7f0e !important;
}
.stats-total-traffic {
  color: #1f77b4 !important;
}
.stats-total-count {
  color: #000 !important;
}
#traffic_graph_chart {
  min-width: 310px;
  max-height: 250px;
  margin: 0 auto 0;
}
.card-mod-traffic_details_datatable
  table#traffic_details_datatable
  th.tbltraffic_ip_address,
.card-mod-traffic_details_datatable
  table#traffic_details_datatable
  th.tbltraffic_time.tf_detail_date,
.card-mod-traffic_details_datatable
  table#traffic_details_datatable
  th.tbltraffic_user_name {
  width: 10% !important;
}
.card-mod-traffic_details_datatable
  table#traffic_details_datatable
  th.tbltraffic_action {
  width: 25% !important;
}
.card-mod-traffic_details_datatable
  table#traffic_details_datatable
  th.tbltraffic_url_full,
.card-mod-traffic_details_datatable
  table#traffic_details_datatable
  th.tbltraffic_virtual_host {
  width: 20% !important;
}
table tr td a.select-appeal-chain-btn.selectChainId,
table tr td a.selectChainId {
  font-size: 11px !important;
  padding: 1px 10px;
  border-radius: 3px;
  background-color: #e0e1e2 !important;
  color: rgba(0, 0, 0, 0.8) !important;
  border: 1px solid #d3d3d4 !important;
  display: inline-block !important;
}
table tr td a.select-appeal-chain-btn.selectChainId:hover,
table tr td a.selectChainId:hover {
  background-color: #cacbcd !important;
}
h3.files_ttlp_ctrl .popover_compact.appeal-mod-rel .fg-white {
  white-space: nowrap;
}
h3.files_ttlp_ctrl span.files_radio_info {
  opacity: 1;
}
h3.files_ttlp_ctrl:hover span.files_radio_info + .popover_compact:before {
  left: initial;
  right: 10px;
  transform: rotate(135deg);
}
h3.files_ttlp_ctrl:hover
  span.files_radio_info
  + .popover_compact.appeal-mod-rel {
  top: -41px;
  left: 50%;
  bottom: inherit;
}
.no-emails-exists.email-no-scroll {
  width: 100%;
  overflow: hidden;
}
span.conversations-markas.view-content {
  font-size: 20px;
}
#merge_appeal_chain_form {
  width: 1000px;
}
.removed-appeal-chain {
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: 0;
  color: #999;
}
.merge-duplicated-form {
  vertical-align: middle;
  color: #525252;
}
.appeal-datapoint-scroller {
  height: auto !important;
}
.files_ttlp_ctrl.appeal-notes {
  display: inline-block;
}
.files_ttlp_ctrl.appeal-notes:hover .files_radio_info + .popover_compact {
  -webkit-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-94%) scale(1) !important;
}
.files_ttlp_ctrl.appeal-notes:hover
  .files_radio_info
  + .popover_compact:before {
  left: initial;
  right: 10px;
}
.files_ttlp_ctrl.appeal-notes hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
.appeal-email-details .inbox-details-view {
  width: 90%;
  margin: 0 auto;
  float: none;
}
.appeal-email-details .new-box-ui-container {
  padding: 15px;
}
.appeal-email-details .new-box-ui-container a span {
  display: inline-block;
}
#attachment-view-resize-in-appeal-popup {
  z-index: 1000000 !important;
}
.email-appeal-view,
td span.attach-file-name.appeal-attach-file-name {
  display: inline-block;
}
.appeal-attch {
  white-space: nowrap;
}
button.btn.grey_theme_btn.files_ttlp_ctrl.view-mod-eyemod {
  background-color: #e0e1e2 !important;
  color: #676a6c !important;
  border: 1px solid #d3d3d4 !important;
  padding: 2px 10px;
  font-weight: 500;
  text-transform: uppercase;
}
#judgments_datatable button.btn.files_ttlp_ctrl:hover {
  background-color: #cacbcd !important;
  color: rgba(0, 0, 0, 0.8) !important;
  border: 1px solid #d3d3d4 !important;
}
.email-select-drop ul.dropdown-menu.ul-dropdown-overfolw {
  right: -90px;
  left: inherit;
}
.email-select-drop ul.dropdown-menu.ul-dropdown-overfolw:before {
  right: 90px;
  left: inherit;
}
.appeal-info-tooltip .popover_compact {
  width: 250px;
}
.button-group-add.data-table-btn-grp .files_radio_info {
  opacity: 1;
  margin: 0;
}
.btn-group.data-table-btn-grp.pull-left.button-group-add {
  border: none;
}
.button-group-add.data-table-btn-grp button.btn {
  font-size: 12px;
  background: #eee;
  color: #777;
  margin: 0 5px 0 0 !important;
  border: 1px solid #ccc !important;
  white-space: inherit;
}
.button-group-add.data-table-btn-grp button.btn.active {
  color: #777;
  box-shadow: none;
  background-color: #fff;
  color: #333;
}
.button-group-add.data-table-btn-grp button.btn.active:hover {
  border-color: #999 !important;
}
.button-group-add.data-table-btn-grp .btn:hover {
  background: #0e9aef;
  color: #fff;
  border-color: #0e9aef !important;
}
.button-group-add.data-table-btn-grp
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-50%) scale(1) !important;
  -webkit-transform: translateX(-50%) scale(1) !important;
  -moz-transform: translateX(-50%) scale(1) !important;
  top: 31px;
  width: auto;
  min-width: 30px;
  border-radius: 5px;
}
.button-group-add.data-table-btn-grp
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  left: 46%;
}
.button-group-add.data-table-btn-grp
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact
  .fg-red {
  white-space: nowrap;
}
.appeal-chain-dropdown ul.dropdown {
  background-color: #293239 !important;
}
.appeal-chain-dropdown ul.dropdown:before {
  background-color: transparent !important;
}
.appeal-chain-dropdown ul.dropdown:after {
  border-color: transparent #293239 transparent transparent !important;
}
.appeal-chain-dropdown ul.dropdown li a {
  color: #fff !important;
}
ul.ews_ul.inbox-section-arrows > li > a {
  padding: 22px 6px 21px;
}
ul.ews_ul.inbox-section-arrows > li {
  float: none;
}
.inbox-section-arrows li.left,
.inbox-section-arrows li.right {
  position: absolute;
  z-index: 9;
  top: 12px;
  width: 10px;
  margin: 0 auto;
  cursor: pointer;
}
.inbox-section-arrows li.left {
  left: 7px;
}
.inbox-section-arrows li.right {
  right: 7px;
}
.inbox-section-arrows li i.active {
  color: #0e9aef;
}
.appeal-details-info.viewDetailsContent li label {
  width: 140px;
  border-bottom: 2px solid #0e9aef;
  padding-bottom: 10px;
  opacity: 1;
  margin-left: 0;
  text-align: right;
  margin-bottom: 15px;
  margin-top: 15px;
  line-height: 1.1;
  font-size: 14px;
}
.appeal-details-info.viewDetailsContent li .litigation-history-event-details {
  display: block;
  width: 100%;
  margin-left: 10px;
}
.c3-date-info {
  margin-left: 13px !important;
  padding-top: 12px;
}
.appeal-details-info.viewDetailsContent
  li
  .litigation-history-event-details
  strong {
  display: inline-block;
  width: 130px;
  margin-right: 3px;
  text-align: right;
  font-weight: 400;
  font-size: 12px;
  color: #888;
  vertical-align: top;
}
.appeal-details-info.viewDetailsContent
  li
  .litigation-history-event-details
  span {
  width: calc(100% - 140px);
  display: inline-block;
  padding-left: 0;
}
.appeal-details-info.viewDetailsContent li .litigation-history-event-details p {
  margin: 0 0 5px;
}
.appeal-details-info.viewDetailsContent
  li
  .litigation-history-event-details
  p:last-child {
  margin: 0;
}
.appeal-details-info.viewDetailsContent
  li
  .right-dropdown-wrapper.appeal-chain-dropdown {
  margin-bottom: 5px;
  display: block;
}
.appeal-chain-content .appeal-details-info.viewDetailsContent li {
  margin: 0;
}
.appeal-chain-content
  .appeal-details-info.viewDetailsContent
  li.appeal-info-line-break {
  margin-bottom: 10px;
}
.right-dropdown-wrapper.appeal-chain-dropdown > a {
  white-space: nowrap;
}
.right-dropdown-wrapper.appeal-chain-dropdown .right-dropdown {
  padding-left: 10px;
}
.appeal-chain-content .appeal-details-info.viewDetailsContent {
  background-color: #fff;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px 20px;
  border: 1px solid #d9d9d9;
}
.litigation-history-main.appeal-mod-chain-legislation
  .togallable-table
  > tbody
  > tr.collapsed-table
  .appeal-close-btn.closeAppealItem {
  right: 17px;
  top: 19px;
}
.appeal-details-info.viewDetailsContent > li:last-child {
  margin-bottom: 15px !important;
}
.files_ttlp_ctrl.appeal-notes {
  display: inline-block;
}
.files_ttlp_ctrl.right-tip {
  display: inline-block !important;
}
.files_ttlp_ctrl.right-tip:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel {
  left: initial;
  right: -90px;
  top: -27px;
}
.files_ttlp_ctrl.right-tip:hover .files_radio_info + .popover_compact:before {
  left: initial;
  right: 10px;
}
.files_ttlp_ctrl.right-tip .popover_compact.appeal-mod-rel .fg-white {
  white-space: nowrap;
}
.files_ttlp_ctrl.left-tip {
  display: inline-block !important;
}
.files_ttlp_ctrl.left-tip:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel {
  left: -50px;
  right: inherit;
  top: -3px;
  padding: 2px;
}
.files_ttlp_ctrl.left-tip:hover .files_radio_info + .popover_compact:before {
  left: initial;
  right: -5px;
  top: 11px !important;
}
.files_ttlp_ctrl.left-tip .popover_compact.appeal-mod-rel .fg-white {
  white-space: nowrap;
}
.files_ttlp_ctrl.left-tip.delete-detected-cittation:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel {
  left: -77px;
  right: inherit;
  top: -3px;
  padding: 3px 8px;
}
.files_ttlp_ctrl.bottom-tip {
  display: inline-block !important;
}
.files_ttlp_ctrl.bottom-tip:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel {
  left: initial;
  right: initial;
  top: 20px;
  -webkit-transform: translateX(-40%) scale(1) !important;
  transform: translateX(-46%) scale(1) !important;
  -moz-transform: translateX(-46%) scale(1) !important;
}
.files_ttlp_ctrl.bottom-tip:hover .files_radio_info + .popover_compact:before {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -5px !important;
  bottom: initial;
}
.files_ttlp_ctrl.bottom-tip .popover_compact.appeal-mod-rel .fg-white {
  white-space: nowrap;
  text-align: center;
}
.merge-appeal-icon {
  padding: 0 !important;
  margin-left: 0 !important;
  opacity: 1;
}
.merge-appeal-icon svg {
  width: 14px;
  height: 14px;
  fill: #0e9aef;
  vertical-align: top;
  transform: rotate(90deg);
}
.chain-id-merge {
  display: inline-block !important;
}
.merge-appeal-chain {
  margin-left: -5px;
}
.merge-appeal-chain .popover_compact p {
  margin-bottom: 0;
}
.merge-appeal-chain .popover_compact hr {
  margin: 5px 0;
}
#judgment_upload_form
  .numeric-form-container
  .numeric-form-body.cite_workflow_tooltip {
  overflow: visible;
}
.cite_valid .files_ttlp_ctrl:hover .files_radio_info + .popover_compact {
  top: inherit;
  bottom: 40px;
  left: 18%;
}
.cite_valid .files_ttlp_ctrl:hover .files_radio_info + .popover_compact:before {
  top: inherit;
  bottom: -5px;
  border-bottom: 0;
  border-left: 0;
  left: 46%;
}
.cite_valid .files_ttlp_ctrl:hover .files_radio_info + .popover_compact hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
.cite_table_link svg {
  height: 15px;
  width: 15px;
  fill: #337ab7;
}
.bottom-tip.del-tooltip {
  margin-left: 5px;
}
a.del-appeal-icon.files_radio_info {
  padding: 0;
  opacity: 0.6;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.del-appeal-icon i {
  font-size: 15px;
  color: #000;
  opacity: 1;
  margin: 0;
  vertical-align: top;
}
.new-box-main .details-attachment table tr td:last-child {
  text-align: right !important;
}
a.attach-icon {
  color: #676a6c;
}
.attach-icon span i {
  font-size: 16px;
}
.not-selected-appeal-item {
  padding: 2px 5px;
}
span.not-selected-appeal-item.selected_item_id {
  background-color: #f9f93a;
  font-weight: 600;
}
.appeal-mod-chain-legislation table tr td .files_radio_info {
  opacity: 1;
}
.appeal-mod-chain-legislation td.appeal-chain-add-new-appeal {
  text-align: right !important;
}
.appeal-mod-chain-legislation td.appeal-chain-add-new-appeal .files_ttlp_ctrl {
  display: inline-block;
}
.appeal-mod-chain-legislation
  td.appeal-chain-add-new-appeal
  .files_ttlp_ctrl
  .btn-add-event.files_radio_info
  + .popover_compact {
  top: -44px !important;
}
.appeal-mod-chain-legislation
  td.appeal-chain-add-new-appeal
  .files_ttlp_ctrl
  .fg-white {
  white-space: nowrap;
}
.appeal_matrix_table .scroll-horizontal.event-scroll-summary {
  width: 60% !important;
  white-space: normal;
}
#citationContentPopup {
  overflow: hidden;
}
#citationContentPopup .custom_data-table-wrap.data-table-wrap {
  height: calc(100vh - 151px) !important;
  overflow-y: auto;
}
#citationContentPopup
  .custom_data-table-wrap.data-table-wrap
  table#citation_datatable_popup {
  max-height: inherit;
}
#emailContentPopup,
#fulscreen-modal {
  overflow: hidden;
}
#emailContentPopup .custom_data-table-wrap.data-table-wrap {
  overflow-y: auto;
  max-height: calc(100% - 74px);
}
.breadcrumb-full .newadmin_caseinfoCTRL.newadmin_caseinfoCTRL_version {
  text-align: left;
}
span.grey-dot {
  position: relative;
}
span.grey-dot:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  height: 8px;
  width: 8px;
  background: #777;
  border-radius: 100%;
}
a.grey-dot-section {
  width: 88%;
  display: inline-block;
}
.grey-dot .fg-white {
  white-space: nowrap;
}
.grey-dot.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel {
  left: 0;
}
.grey-dot.files_ttlp_ctrl:hover .files_radio_info + .popover_compact:before {
  left: 46%;
}
.notify-followers {
  display: inline-block;
  margin-right: 20px;
}
.selected-followers {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}
ul.selected-followers > li {
  display: inline-block;
  line-height: 30px;
  margin-right: 3px;
  color: #fff;
  text-align: center;
  position: relative;
}
ul.selected-followers > li > span {
  cursor: pointer;
}
ul.selected-followers > li > span:hover {
  box-shadow: 0 0 0 2px #4186e1;
  line-height: 28px;
  border-color: #4186e1;
}
ul.selected-followers > li.followers-info > span {
  line-height: 22px;
  vertical-align: top;
  font-weight: 600;
}
ul.selected-followers-list li.color1 > span,
ul.selected-followers-listings > li.color1 > span,
ul.selected-followers > li.color1 > span {
  background-color: #1ab394;
}
ul.selected-followers-list li.color2 > span,
ul.selected-followers-listings > li.color2 > span,
ul.selected-followers > li.color2 > span {
  background-color: #e1aa41;
}
ul.selected-followers-list li.color3 > span,
ul.selected-followers-listings > li.color3 > span,
ul.selected-followers > li.color3 > span {
  background-color: #b1bdcc;
}
ul.selected-followers-list li.color4 > span,
ul.selected-followers-listings > li.color4 > span,
ul.selected-followers > li.color4 > span {
  background-color: #fd612c;
}
ul.selected-followers-list li.color5 > span,
ul.selected-followers-listings > li.color5 > span,
ul.selected-followers > li.color5 > span {
  background-color: #e362e3;
}
ul.selected-followers-list li.color6 > span,
ul.selected-followers-listings > li.color6 > span,
ul.selected-followers > li.color6 > span {
  background-color: #a4cf30;
}
ul.selected-followers-list li.color7 > span,
ul.selected-followers-listings > li.color7 > span,
ul.selected-followers > li.color7 > span {
  background-color: #7a6ff0;
}
ul.selected-followers-list li.color8 > span,
ul.selected-followers-listings > li.color8 > span,
ul.selected-followers > li.color8 > span {
  background-color: #fc91ad;
}
ul.selected-followers-list li.color9 > span,
ul.selected-followers-listings > li.color9 > span,
ul.selected-followers > li.color9 > span {
  background-color: #ea4e9d;
}
ul.selected-followers-list li.color0 > span,
ul.selected-followers-listings > li.color0 > span,
ul.selected-followers > li.color0 > span {
  background-color: #cd3737;
}
ul.selected-followers-list li.color10 > span,
ul.selected-followers-listings > li.color10 > span,
ul.selected-followers > li.color10 > span {
  background-color: #fff;
}
ul.selected-followers li .close-select-token {
  position: absolute;
  color: #fff;
  font-size: 6px;
  top: -5px;
  right: -1px;
  height: 12px;
  width: 12px;
  border-radius: 100%;
  line-height: 12px;
  background: #4186e1;
  display: none;
}
ul.selected-followers > li:hover > span .close-select-token {
  display: block;
}
ul.selected-followers li:hover .close-select-token:hover {
  text-decoration: none;
}
ul.selected-followers li span {
  font-size: 13px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 100%;
  border: 1px solid #ddd;
  display: inline-block;
  opacity: 1;
}
ul.selected-followers li.color10 > span {
  color: #333;
  line-height: 30px;
}
li.workflows-selected-count {
  text-align: right !important;
  padding-right: 5px;
}
.workflows-selected-count span {
  width: 110px !important;
  border-radius: 0 !important;
  color: #1c84c6 !important;
  font-weight: 500;
  border: 0 !important;
}
.workflows-selected-count span:hover {
  cursor: default;
  box-shadow: none !important;
  border-color: #ddd !important;
  line-height: 30px !important;
}
.followers-selected {
  display: none;
  position: absolute;
  right: -18px;
  z-index: 9999;
  text-align: left;
  top: 35px;
}
.followers-selected:before {
  position: absolute;
  content: "";
  border-color: #ddd;
  border-left: 7px solid transparent;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  top: -14px;
  right: 24px;
}
.followers-selected:after {
  position: absolute;
  content: "";
  border-color: #ddd;
  border-left: 6px solid transparent;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -11px;
  right: 25px;
}
ul.selected-followers-list {
  padding: 0 10px 10px;
  min-width: 249px;
  max-width: 320px;
  background-color: #fff;
  border: 1px solid #ddd;
  z-index: 9999;
  text-align: left;
}
ul.selected-followers-list li {
  margin: 10px 0 0;
  color: #333;
  display: inline-block;
  border-radius: 100%;
  margin-right: 5px;
}
ul.selected-followers-list > li:hover > span .close-select-token {
  display: block;
}
ul.selected-followers-list li span {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  cursor: pointer;
}
ul.selected-followers-list li > span {
  box-shadow: 0 0 0 2px transparent;
}
ul.selected-followers-list li > span:hover {
  box-shadow: 0 0 0 2px #4186e1;
  line-height: 30px;
  border-color: #4186e1;
}
ul.selected-followers-list li a {
  margin-left: 5px;
  color: #969696;
}
ul.selected-followers-list
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel {
  top: -60px;
  left: 50%;
}
ul.selected-followers-list
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel:before {
  top: 48px !important;
  left: 0;
  right: 0;
  margin: 0 auto;
}
ul.selected-followers-list .files_ttlp_ctrl {
  white-space: nowrap;
}
ul.selected-followers
  > .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel {
  top: inherit;
  left: 50%;
  bottom: inherit;
  margin: 0 auto;
}
ul.selected-followers
  > .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel:before {
  top: inherit !important;
  left: 0;
  right: 0;
  margin: -12px auto 0;
}
.followers-list {
  display: none;
  width: 280px;
  position: absolute;
  right: -18px;
  z-index: 9999;
  text-align: left;
  top: 35px;
}
.followers-list:before {
  position: absolute;
  content: "";
  border-color: #ddd;
  border-left: 7px solid transparent;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  top: -14px;
  right: 25px;
}
.followers-list:after {
  position: absolute;
  content: "";
  border-color: #ddd;
  border-left: 6px solid transparent;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -11px;
  right: 26px;
}
ul.selected-followers-listings {
  padding: 0 10px 10px;
  width: 100%;
  max-height: 132px;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: left;
}
ul.selected-followers-listings li {
  margin: 10px 0 0;
  color: #333;
  display: inline-block;
  background-color: #ddd;
  border-radius: 15px;
  padding-right: 8px;
  margin-right: 5px;
}
ul.selected-followers-listings li.editable-add-content {
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  min-width: 80px;
  background-color: #fff;
  position: relative;
}
ul.selected-followers-listings li.editable-add-content:focus {
  outline: 0;
  border: 0;
}
ul.selected-followers-listings li span {
  border: 0;
  margin-right: 5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
ul.selected-followers-listings li a {
  margin-left: 5px;
  color: #969696;
}
ul.auto-comp-suggestions li span {
  display: block;
  margin: 0;
  padding: 0;
  text-transform: none;
  width: auto;
  height: auto;
  border-radius: 0;
  color: #b1b1b1;
  text-align: left;
  font-size: 11px;
  line-height: 14px;
}
button.done {
  background: #fff;
  color: #0e9aef;
  border: 1px solid #ddd;
  border-top: 0;
  width: 280px;
  padding: 5px 10px;
  border-radius: 0 0 4px 4px;
  line-height: 20px;
}
button.done:hover {
  background: #0e9aef;
  color: #fff;
}
button.done:focus {
  outline: 0;
}
ul.auto-comp-suggestions {
  display: none;
  position: fixed;
  z-index: 99;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  height: 160px;
  overflow-y: auto;
  min-width: 180px;
}
ul.selected-followers-listings.set-position li.editable-add-content {
  position: relative;
}
ul.selected-followers-listings.set-position ul.auto-comp-suggestions {
  top: 232px;
}
ul.auto-comp-suggestions li {
  color: #333;
  display: block;
  background-color: transparent;
  border-radius: 0;
  line-height: 18px;
  cursor: pointer;
  padding: 10px;
  margin-right: 0;
  margin-top: 0;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
ul.auto-comp-suggestions li:last-child {
  border: 0;
}
ul.auto-comp-suggestions li:hover {
  background-color: #14aaf5;
  color: #fff;
}
ul.auto-comp-suggestions li:hover span {
  color: #fff;
}
.width-10 {
  width: 10% !important;
}
table.table_datatable.dataTable.ctd_table.detected-citation.citation-detected-table {
  overflow: hidden !important;
}
table.table_datatable.dataTable.ctd_table.detected-citation.citation-detected-table
  td:first-child {
  width: 60%;
}
button.btn.grey_theme_btn.judgement-event-view-chain {
  margin: 5px 5px 5px 0;
  text-transform: uppercase;
  padding: 2px 16px !important;
}
.email-select-drop.upload-list ul.dropdown-menu.ul-dropdown-overfolw {
  right: 0;
}
.email-select-drop.upload-list ul.dropdown-menu.ul-dropdown-overfolw:before {
  right: 10px;
}
.email-select-drop.upload-list .dropdown-toggle:hover .fa-angle-down {
  color: #fff;
}
#selectAppealChainContentPopupMerge ul.nav.nav-tabs.ews_ul {
  text-align: center;
  height: 39px;
  margin-bottom: 15px !important;
}
#selectAppealChainContentPopupMerge ul.nav.nav-tabs.ews_ul li {
  float: none;
  display: inline-block;
}
#selectAppealChainContentPopupMerge ul.ews_ul > li > a:hover:before {
  bottom: 0;
}
#judgment_by_indexing_status_datatable_wrapper .judgment_table_grand_parent {
  overflow: visible;
}
#judgment_by_indexing_status_datatable_wrapper
  .datatable-status-dropdown
  .dropdown-menu {
  min-width: 220px;
}
.dataTable.table > thead:first-child > tr:first-child > th {
  font-weight: 600;
}
.dataTable.table th.text-left {
  text-align: left !important;
}
.dataTable.table th.nowrap-header {
  white-space: nowrap;
}
.inmodal .modal-body {
  background: #fff;
}
#editselectCitation .data-table-wrapper,
#selectAppealChainContentPopup .data-table-wrapper,
#selectCitationForChain .data-table-wrapper {
  float: left;
}
#editselectCitation .data-table-wrapper:after,
#selectAppealChainContentPopup .data-table-wrapper:after,
#selectCitationForChain .data-table-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
#judgments_datatable td.publish,
#workflow_datatable td.publish {
  text-align: left !important;
}
#selectAppealChainContentPopup ul.ews_ul > li a:focus {
  background: 0 0;
}
#selectAppealChainContentPopup .modal-body,
#selectCitation.full-screen-modal-new .modal-body {
  height: calc(100vh - 71px) !important;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  tr
  td
  .btn-add-event.files_radio_info {
  opacity: 1;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table
  tr
  td
  .btn-add-event.files_radio_info
  + .popover_compact {
  left: 26%;
}
.appeal_chain_to_keep_inline label {
  margin-right: 5px;
  width: 140px;
  float: left;
}
.appeal_chain_to_keep_inline label input[type="radio"] {
  vertical-align: sub;
}
.files_ttlp_ctrl.bottom-tip.merge-appeal-chain-all {
  vertical-align: middle;
  line-height: 16px;
  margin-left: 7px;
}
.bulkaction-add {
  position: relative;
  padding-bottom: 25px;
}
.bulk-action {
  border: 1px solid #ddd;
  clear: both;
  position: absolute;
  bottom: 5px;
  width: auto;
  padding: 8px 15px;
  border-radius: 4px;
}
.action-selection-dropdown {
  display: inline-block;
  vertical-align: middle;
}
.action-selection-dropdown select {
  padding: 6px;
}
.action-selection-dropdown select:focus {
  outline: 0;
}
.apply-button {
  display: inline-block;
}
.apply-button a {
  padding: 5px 12px;
}
.apply-button a[disabled] {
  background-color: #0e9aef;
}
.phantom-section {
  background-color: #fff;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #d3d3d4;
  border-radius: 4px;
}
.phantom-section.phantom-section-test {
  min-height: calc(100vh - 260px);
}
.phantom-section .panel-heading {
  padding: 0;
}
.phantom-section .panel-title a {
  display: block;
  padding: 10px 15px;
}
.phantomlogin-section {
  float: left;
  width: 100%;
}
.phantomlogin-section p {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0 !important;
}
.login {
  display: inline-block;
  font-size: 16px;
  margin-right: 10px !important;
  color: #4e4e4e;
  font-size: 16px;
}
.phantom-login-form {
  display: inline-block;
}
.phantom-section .phantom-tests {
  padding: 20px;
}
.test-name.phantomlogin-section.phantomlogin {
  margin-bottom: 0;
}
.test-name {
  margin-bottom: 20px;
}
.test-name:last-child {
  margin-bottom: 0;
}
.test-name .form-group {
  margin-right: 10px;
}
.test-name h3 {
  margin: 0 0 10px;
  font-size: 14px;
}
.test-name p {
  margin-bottom: 5px;
}
.check-url {
  width: 50%;
}
.check-url .form-control {
  width: 100%;
}
.result-failed,
.result-success {
  display: inline-block;
  margin-right: 5px;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  border: 1px solid #e0e0e0;
  text-align: center;
  line-height: 25px;
}
.result-success {
  color: #00b50f;
}
.result-failed {
  color: #f70000;
}
.result-description {
  display: inline-block;
  width: 97%;
  line-height: 25px;
  vertical-align: top;
}
.test-result {
  padding: 0;
  list-style-type: none;
  float: left;
}
.result-display {
  float: left;
}
#loader-phantom-section {
  padding: 20px;
  min-height: 143px;
}
.appeal-mod-chain-legislation
  .appeal-chain-dropdown
  .right-dropdown
  .dropdown
  li {
  white-space: nowrap;
  line-height: 19px;
}
.citation-with-tooltip .drop-main.appeal-chain-dropdown {
  display: inline-block;
}
.citation-with-tooltip .drop-main.appeal-chain-dropdown .dropdown li {
  white-space: nowrap;
}
.dots-loader {
  font-size: 20px;
  line-height: 14px;
  color: #fff;
}
.dots-loader:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 0.9s infinite;
  animation: ellipsis steps(4, end) 0.9s infinite;
  content: "\2026";
  width: 0;
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
.sidepanel-detected-citation .sdpnl_datatable .ctd_table {
  max-height: inherit !important;
}
.sidepanel-detected-citation .sdpnl_datatable .ctd_table td a {
  padding: 0;
  position: relative;
}
.sidepanel-detected-citation .sdpnl_datatable .ctd_table td a .fa-trash-o {
  font-size: 16px;
}
.sidepanel-detected-citation
  .sdpnl_datatable
  .ctd_table
  td
  a.special-magic-function
  + .popover_compact {
  top: 30px;
  width: 150px;
  right: -79px;
}
.sidepanel-detected-citation
  .sdpnl_datatable
  .ctd_table
  td
  a.special-magic-function:hover
  + .popover_compact:before {
  right: 6px;
}
#editselectCitation {
  z-index: 1000001 !important;
}
#appeal-manager-modal {
  z-index: 999999 !important;
}
#editappealchainitem {
  z-index: 1000000 !important;
}
#selectAppealChainContentPopup {
  z-index: 1000001 !important;
}
#selectCitationForChain {
  z-index: 9999999 !important;
}
#selectCitation {
  z-index: 1000001 !important;
}
#Nword_highlighter .pull_replace_modal {
  z-index: 1041 !important;
}
#pull-replace-modal .pull_replace_modal {
  z-index: 999999 !important;
}
.judgment_upload_btn {
  border: 1px solid #0e9aef;
  color: #0e9aef;
}
.sweet-overlay {
  z-index: 1000001 !important;
}
.sweet-alert {
  z-index: 1000002 !important;
}
.a-z-filters {
  clear: both;
}
.a-z-filters ul {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none;
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #fff;
  border: 1px solid #d3d3d4 !important;
  border-radius: 5px;
}
.a-z-filters li {
  text-transform: uppercase;
  padding: 4px 2px;
  display: table-cell;
  text-align: center;
  border-right: 1px solid #d3d3d4;
}
.a-z-filters li:hover {
  background: #eee;
}
.a-z-filters li a {
  display: block;
  color: #676a6c !important;
}
.a-z-filters li:last-child {
  border: none;
}
.a-z-filters li.active {
  background: #0e9aef !important;
  color: #fff !important;
}
.a-z-filters li.active a {
  color: #fff !important;
}
.is_not_whitestar {
  color: #ed5565 !important;
}
.datatable-status-dropdown .is_not_whitestar {
  color: #ed5565 !important;
}
.datatable-status-dropdown.open .dropdown-toggle.is_not_whitestar {
  color: #fff !important;
  background: #ed5565 !important;
}
.datatable-status-dropdown .is_not_whitestar:before {
  background: #ed5565 !important;
}
.datatable-status-dropdown.open .dropdown-toggle.is_not_whitestar:before {
  background: #fff !important;
}
.is_whitestar {
  color: #7dbc21 !important;
}
.datatable-status-dropdown .is_whitestar {
  color: #7dbc21 !important;
}
.datatable-status-dropdown.open .dropdown-toggle.is_whitestar {
  color: #fff !important;
  background: #7dbc21 !important;
}
.datatable-status-dropdown .is_whitestar:before {
  background: #7dbc21 !important;
}
.datatable-status-dropdown.open .dropdown-toggle.is_whitestar:before {
  background: #fff !important;
}
table td .grey_theme_btn {
  padding: 2px 10px;
  font-weight: 500;
}
.upload-form label {
  font-weight: 400;
}
.upload_que_parent .mail-body {
  padding: 20px 0 20px 20px;
}
@media (min-width: 991px) and (max-width: 1300px) {
  #statistics .position_relative {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1300px) {
  .newadmin_caseinfoCTRL.user-details
    + .judgment-respo-ctrl
    + .whole_container
    .show_container
    .position_relative {
    width: 100%;
  }
}
@media (max-width: 1300px) {
  .live-edit-position-relative {
    width: 100% !important;
  }
  .user-details-list li {
    width: calc(97% / 4);
  }
  ul.data-usage-details.list-inline li {
    width: calc(97% / 4);
  }
  .summary .ibox-content table {
    width: 100%;
    min-width: 100%;
  }
  .validate-sidepanel.details-sidepanel {
    top: 67px;
  }
  .nginx-access .responsive-table table {
    min-width: 1150px;
  }
  #notes_history .position_relative {
    width: 100%;
  }
  .validate-right .position_relative {
    width: 100%;
  }
}
@media (max-width: 1600px) {
  .left-inbox
    .numeric-form-container
    .numeric-form-body
    .selectCitation
    .select-citation-wrapper
    .part-forth {
    width: 49%;
    margin: 0 2% 10px 0 !important;
  }
  .left-inbox
    .numeric-form-container
    .numeric-form-body
    .selectCitation
    .select-citation-wrapper
    .part-forth:nth-child(2n) {
    margin-right: 0 !important;
  }
  .users-regs-confirmed
    .summary
    .rightside_section_area
    .rightSideArea
    .ui_wrapper {
    min-height: 440px !important;
  }
}
@media (min-width: 1500px) and (max-width: 1550px),
  only screen and(min-resolution:1.25dppx) {
  .inbox-listing-main .tab-content {
    height: calc(100% - 51px);
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #error_details_datatable_wrapper .onoffswitch-switch,
  #selected_for_reporting_datatable_wrapper .onoffswitch-switch {
    border: 1px solid #ccc;
  }
}
:root
  .appeal-chain-filter.pipeline_ul.pipeline5.pipeline_upload
  .appeal-count-top
  > div {
  width: 100% \0/;
  min-height: 61px \0/;
  position: relative \0/;
  display: block \0/;
}
:root
  .pipeline_upload.pipeline5.pipeline_ul.appeal-chain-filter
  > li:first-child
  a {
  width: 100% \0/;
  min-height: 61px \0/;
  position: relative \0/;
  display: block \0/;
}
:root .common-filter select {
  padding-right: 0 \0/;
}
:root .fancy-checkbox input[type="checkbox"]:checked + label:after {
  -webkit-transform: translateY(-50%) scale(1) \0/;
  transform: translateY(-50%) scale(1) \0/;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) \0/;
}
:root .fancy-radio input[type="radio"]:checked + label:after {
  -webkit-transform: translateY(-50%) scale(1) \0/;
  transform: translateY(-50%) scale(1) \0/;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) \0/;
}
:root .full-screen-modal-new button.close {
  filter: none;
}
#selected_for_reporting_datatable_wrapper .onoffswitch-switch,
:root #error_details_datatable_wrapper .onoffswitch-switch {
  border: 1px solid #ccc \0/;
}
.email-select-drop .dropdown-menu {
  padding: 0;
}
.email-select-drop .dropdown-menu li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}
.email-select-drop .dropdown-menu li > span {
  display: block;
  padding: 10px 20px;
}
.email-select-drop .dropdown-menu li:first-child {
  position: relative;
  z-index: 3;
}
.email-select-drop .dropdown-menu li:last-child {
  border-bottom: 0;
}
.email-select-drop .dropdown-menu li a {
  padding: 10px 20px;
}
.email-select-drop .dropdown-menu li a:hover {
  background-color: #f1f1f1;
  color: #262626;
}
.appeal_matrix_table
  .table[aria-describedby="appeal_matrix_datatable_info"]
  .scroll-horizontal.event-scroll-summary {
  width: auto !important;
}
.sweet-alert.showSweetAlert button {
  background-color: #1675d3 !important;
}
.centered_menu > a strong {
  font-weight: 400;
}
.dashboard-wrapper {
  margin: 0 -40px;
}
.dashboard-wrapper-title {
  background-color: #46c6ee;
  min-height: 88px;
  padding: 19px 40px 0;
  color: #f1f1f1;
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}
.dashboard-wrapper .bg-white {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  padding: 10px 30px 10px;
  position: relative;
  margin-top: 10px;
}
.dashboard-welcome > .img-hi,
.dashboard-welcome > .welcome-hi {
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  margin: 0 auto;
  fill: #0e9aef;
}
.dashboard-welcome-title {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  margin-bottom: 7px;
}
.dashboard-welcome-text {
  max-width: 75%;
  color: #999;
  font-size: 15px;
  margin: 0 auto 10px;
}
.dashboard-welcome-list {
  list-style-type: none;
  margin: 20px 0 0;
  padding-left: 0;
}
.dashboard-welcome-list:after,
.dashboard-welcome-list:before {
  content: "";
  clear: both;
  display: block;
}
.dashboard-welcome-list > li {
  float: left;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  width: 25%;
}
.dashboard-welcome-list > li:last-child {
  border-right: 0;
}
.dashboard-welcome-list > li:nth-of-type(4) {
  border-right: 0;
}
.dashboard-welcome-list > li:nth-child(n + 5) {
  border-bottom: 0;
}
.dashboard-welcome-list > li img {
  margin: 10px auto;
}
.dashboard-welcome-list-title {
  font-size: 15px;
  color: #333;
  margin-bottom: 5px;
}
.dashboard-welcome-list-content {
  font-size: 14px;
  color: #999;
}
ul.judgment_quick_tabs > li > a {
  font-size: 15px;
}
ul.pipeline_ul > li > a {
  padding-bottom: 5px !important;
}
.caseiq-dropdown > li.active > a:before {
  bottom: 3px;
  content: "";
  left: 40%;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}
.new-caseiq-header .caseiq-container .caseiq-dropdown > li.active > a {
  background-color: transparent !important;
}
.editDetailsContent .appeal-form-info {
  width: 90%;
}
.appeal-chain-content.litigation-history-main
  .editFromAppealChain
  .search-loader2 {
  margin: 30px 0;
}
.new-caseiq-header .caseiq-container .caseiq-dropdown > li.active > a {
  background-color: transparent !important;
  font-weight: 400 !important;
}
.judgement-tooltip .files_radio_info {
  opacity: 1;
}
.judgement-tooltip .files_ttlp_ctrl:hover .files_radio_info + .popover_compact {
  -webkit-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-50%) scale(1) !important;
  -moz-transform: translateX(-50%) scale(1) !important;
  visibility: visible;
  pointer-events: auto;
  font-size: 12px;
  line-height: 1.42857143;
  text-shadow: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  background-color: #000 !important;
  padding: 3px 8px;
  min-width: inherit;
  max-width: inherit;
  width: auto;
  border-radius: 4px;
  text-transform: uppercase !important;
  top: -30px !important;
  left: 10px;
}
.judgement-tooltip .files_ttlp_ctrl .popover_compact:before,
.judgement-tooltip
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  background-color: #000 !important;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -6px;
  top: auto;
}
.judgement-tooltip.table th {
  white-space: nowrap;
}
table.dataTable td,
table.dataTable th {
  text-align: left !important;
}
table.dataTable td.dataTables_empty {
  text-align: center !important;
}
.inbox-right-form .judgment_upload_btn {
  background-color: transparent !important;
}
.inbox-right-form .judgment_upload_btn:hover {
  background-color: #0e9aef;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  top: inherit;
  bottom: 25px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.new-popover_compact,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.new-popover_compact {
  top: 25px;
  bottom: inherit;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact:before {
  right: inherit;
  left: 15px;
  top: inherit;
  bottom: -6px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.new-popover_compact:before,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.new-popover_compact:before {
  top: -3px;
  bottom: inherit;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  transform: translateX(-85%) scale(1) !important;
  -webkit-transform: translateX(-85%) scale(1) !important;
  -moz-transform: translateX(-85%) scale(1) !important;
  top: inherit;
  bottom: 30px;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.new-popover_compact,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact.new-popover_compact {
  top: 30px;
  bottom: inherit;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .files_radio_info
  + .popover_compact:before,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .files_radio_info
  + .popover_compact:before {
  top: inherit;
  right: inherit;
  bottom: -6px;
  left: 88%;
}
.inbox-listing-main
  ul.inbox-listing-inner
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .files_radio_info
  + .popover_compact.new-popover_compact:before,
.inbox-listing-main
  ul.inbox-listing-inner-group-wise
  li
  .email-content
  .inbox-pills
  .workflow_count.files_ttlp_ctrl
  .files_radio_info
  + .popover_compact.new-popover_compact:before {
  top: -3px;
  bottom: inherit;
}
.inbox-listing-main .inbox-listing-inner table tr.toggleBtn td {
  cursor: pointer;
}
.tmln_pipeline_ctrl_wrapper .pipeline_ul {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: stretch;
  float: none;
}
.tmln_pipeline_ctrl_wrapper .pipeline_ul > li {
  display: inherit !important;
  flex: 1;
}
#selected_for_reporting_datatable.table tr td.npopctrl {
  display: flex;
}
.workflow-selected-followers {
  width: calc(100% - 40px);
  float: right;
  padding-top: 10px;
}
.workflow-selected-followers > li {
  width: auto !important;
  border: 0 !important;
  float: none !important;
  margin-right: 0 !important;
}
.workflow-selected-followers > li span {
  width: 30px !important;
  font-size: 12px !important;
  color: #fff !important;
}
.workflow-selected-followers > li > span:hover {
  box-shadow: none !important;
  line-height: inherit !important;
  border: 0 !important;
  border-color: transparent !important;
}
.multiple-appeal-status .multiple-appeal-title {
  width: 100%;
  margin: 0 auto 15px;
  border: 1px solid #d1d1d1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 15px;
  background: #dedede;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.multiple-appeal-status .multiple-appeal-title:after,
.multiple-appeal-status .multiple-appeal-title:before {
  display: block;
  clear: both;
  content: "";
}
.multiple-appeal-title .appeal-chainid {
  font-weight: 700;
  font-size: 16px;
}
.multiple-appeal-title .datatable-status-dropdown .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
}
.multiple-appeal-title .merge-appeal-chain {
  margin-left: 15px;
  margin-right: 15px;
}
.multiple-appeal-title .deleteAppealChain {
  position: relative;
  top: 1px;
}
#citation_detection_source_modal
  .appeal-chain-item-main
  .appeal-chain-item-tab-content
  .litigation-history-main
  th {
  text-transform: inherit;
  background-color: #f9f9f9;
}
#citation_detection_source_modal
  .appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-title.expand {
  border-bottom: 1px solid #d1d1d1;
  border-radius: 5px;
  margin-bottom: 30px;
}
#citation_detection_source_modal
  .appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-title.expand
  .fa-minus:before {
  content: "\f067";
}
.zapier_pill .pending-workflow-main .pending-workflow-list2 li a h5 {
  float: left;
  width: 45%;
}
.pending-workflow-main2 .error-count-area + .popover_compact {
  width: 460px;
}
ul.selected-followers2 {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}
ul.selected-followers2 > li {
  display: inline-block;
  line-height: 30px;
  margin-right: 3px !important;
  color: #fff;
  text-align: center;
  position: relative;
}
ul.selected-followers2 > li > span {
  cursor: pointer;
}
ul.selected-followers2 > li > span:hover {
  box-shadow: 0 0 0 2px #4186e1;
  line-height: 28px;
  border-color: #4186e1;
}
ul.selected-followers2 > li.followers-info > span {
  line-height: 22px;
  vertical-align: top;
  font-weight: 600;
}
ul.selected-followers2 > li.color1 > span {
  background-color: #1ab394;
}
ul.selected-followers2 > li.color2 > span {
  background-color: #e1aa41;
}
ul.selected-followers2 > li.color3 > span {
  background-color: #b1bdcc;
}
ul.selected-followers2 > li.color4 > span {
  background-color: #fd612c;
}
ul.selected-followers2 > li.color5 > span {
  background-color: #e362e3;
}
ul.selected-followers2 > li.color6 > span {
  background-color: #a4cf30;
}
ul.selected-followers2 > li.color7 > span {
  background-color: #7a6ff0;
}
ul.selected-followers2 > li.color8 > span {
  background-color: #fc91ad;
}
ul.selected-followers2 > li.color9 > span {
  background-color: #ea4e9d;
}
ul.selected-followers2 > li.color0 > span {
  background-color: #cd3737;
}
ul.selected-followers2 > li.color10 > span {
  background-color: #fff;
}
ul.selected-followers2 li span {
  font-size: 12px !important;
  width: 30px !important;
  height: 30px;
  cursor: pointer;
  border-radius: 100%;
  display: inline-block;
  opacity: 1;
  color: #fff !important;
  line-height: 30px !important;
}
.workflow-selected-followers2 {
  width: auto;
  float: right;
}
.workflow-selected-followers2 > li {
  width: auto !important;
  border: 0 !important;
  float: none !important;
  margin-right: 0 !important;
}
.workflow-selected-followers2 > li span {
  width: 30px !important;
  font-size: 12px !important;
  color: #fff !important;
}
.workflow-selected-followers2 > li > span:hover {
  box-shadow: none !important;
  line-height: inherit !important;
  border: 0 !important;
  border-color: transparent !important;
}
#stats_datatable_wrapper
  .judgment_table_grand_parent
  #stats_datatable
  .merge-appeal-icon
  svg {
  height: 18px;
}
#stats_datatable_wrapper
  .judgment_table_grand_parent
  #stats_datatable
  .citation_delete
  .fa-trash {
  color: #0e9aef;
}
#stats_datatable_wrapper
  .judgment_table_grand_parent
  #stats_datatable
  .popover_compact {
  left: 50%;
  width: auto;
  text-align: center;
  border-radius: 5px;
}
#stats_datatable_wrapper
  .judgment_table_grand_parent
  #stats_datatable
  .files_ttlp_ctrl.bottom-tip:hover
  .files_radio_info
  + .popover_compact.appeal-mod-rel {
  -webkit-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-50%) scale(1) !important;
  -moz-transform: translateX(-50%) scale(1) !important;
}
.multi_citation .appeal-form-right {
  width: calc(100% - 237px) !important;
}
.multi_citation .btn-green {
  border-radius: 0;
  vertical-align: top;
}
.multi_citation .add_more,
.multi_citation .remove_chain,
.multi_citation .remove_cite {
  padding: 4px 10px;
}
.merge-appeal-container.multi_citation .appeal-form-right {
  width: calc(100% - 237px) !important;
}
.citation-filter-wrapper {
  position: relative;
}
.citation-filter-wrapper a .fa {
  font-size: 25px;
}
.citation-filter-wrapper .citation-next,
.citation-filter-wrapper .citation-prev {
  position: absolute;
  right: -30px;
  top: 0;
  width: 30px;
  height: 51px;
  text-align: center;
  line-height: 51px;
  color: #0e9aef;
  padding: 5px 0;
}
.citation-filter-wrapper .citation-prev {
  left: -30px;
}
.citation-filter-wrapper .citation-nav-disable {
  color: #999;
}
.citation-filter-inner {
  text-align: center;
  width: 100%;
  overflow: hidden;
  margin: 0 auto 18px;
  position: relative;
  height: 54px;
}
.citation-year-filter {
  position: absolute;
  padding: 0;
  list-style-type: none;
  display: table;
  width: 100%;
  background: #fff;
  border: 1px solid #e5e6e7;
  table-layout: fixed;
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 5px;
}
.citation-year-filter li {
  padding: 4px 11px;
  display: table-cell;
  text-align: center;
  border: none;
  border-right: 1px solid #e5e6e7;
  width: 152px;
}
.citation-year-filter > li.active {
  background: #0e9aef !important;
}
.citation-year-filter > li.active a {
  color: #fff !important;
}
.citation-year-filter li a {
  color: #676a6c;
}
.citation-year-filter .citation-count {
  font-size: 18px;
  font-weight: 600;
}
table#judgments_datatable_search tbody td.popupCtrl .tooltip.top {
  left: 15px !important;
}
.xml-view-main .select-citation-wrapper #checkCitationValidation:hover {
  color: #fff;
}
.xml-view-main .footer-center-button #submit-all:hover {
  background-color: #fff;
}
.xml-view-main .preferredIdBox .numeric-form-body #preffredIdDiv {
  margin-top: 10px;
}
table#workflow_datatable tr .workflow_progress_column {
  min-width: 180px !important;
}
.judgement-manager {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
ul.assignment-list {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: table;
  list-style-type: none;
}
ul.assignment-list > li {
  margin: 0;
  padding: 0;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 24.2%;
  border-right: 1px solid #ddd;
  border-bottom: 3px solid transparent;
  background-color: #fff;
}
ul.assignment-list > li:last-child {
  border-right: 0;
}
ul.assignment-list li > a {
  display: block;
  color: #333;
}
ul.assignment-list > li > a .number.number2 {
  display: block !important;
  float: left;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 14px;
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
ul.assignment-list > li > a .data.data2 {
  display: block;
  float: left;
  font-size: 13px;
  height: auto;
  line-height: 19px;
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding-bottom: 5px;
}
ul.assignment-list li span {
  display: block;
}
ul.assignment-list li.dropdown-list.dropdown {
  width: 50px;
}
ul.assignment-list li .dropdown-menu {
  left: initial;
  right: 0;
  padding: 5px 0;
}
ul.assignment-list li .dropdown-menu li {
  display: block;
}
ul.assignment-list li .dropdown-menu > li > a {
  margin: 0;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 18px;
  color: #333;
  white-space: nowrap;
  background-color: transparent;
}
ul.assignment-list li .dropdown-menu > li.active > a {
  color: #1f7fc9;
}
ul.assignment-list li .dropdown-menu > li.active > a:hover {
  background-color: transparent;
}
ul.assignment-list li .dropdown-menu > li > a:hover {
  color: #1f7fc9;
  opacity: 1;
}
ul.assignment-list li.dropdown-list.dropdown a span {
  display: inline-block;
  font-size: 25px;
  line-height: 40px;
}
ul.assignment-list li.dropdown-list.dropdown a span.count {
  display: inline-block;
  width: 55px;
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
  font-weight: 600;
}
ul.assignment-list li.dropdown-list.dropdown a h5 {
  display: inline-block;
  width: calc(100% - 48px);
  margin: 0;
  vertical-align: middle;
  font-weight: 400;
  text-transform: uppercase;
}
.judgement-manager .assignment-list > li.active {
  position: relative;
  z-index: 1;
  background-color: #fff !important;
  border-bottom: 3px solid #0e9aef !important;
}
.judgement-manager .assignment-list > li.active a,
.judgement-manager .assignment-list > li.active a .data.data2.bignumber,
.judgement-manager .assignment-list > li.active a .data.data2.data2_parent,
.judgement-manager .assignment-list > li.active a:hover {
  color: #333 !important;
  background-color: transparent !important;
}
.dropdown-list .files_ttlp_ctrl:hover .popover_compact.animated.fadeIn {
  left: 0 !important;
  top: -100% !important;
  transform: translateX(-101%) scale(1) !important;
}
.dropdown-list .files_ttlp_ctrl:hover .popover_compact:before {
  top: 50%;
  left: initial;
  right: -5px;
}
.judgement-manager.workflowchecking .assignment-list > li {
  width: 25%;
}
.newAdmin_judgment-respo-ctrl {
  border-radius: 5px;
}
.newAdmin_judgment-respo-ctrl.user-session-trafic {
  border-radius: 0;
}
.center_controller_roller .ibox-content.datatable_main.ibox-content-not-curve {
  border-radius: 0 0 5px 5px;
}
.ibox-border-radius {
  border-radius: 5px !important;
}
.ibox-content.bottom_spacer.inner_box_ctrl.ibox-border-color {
  border: 1px solid #ddd !important;
}
.border-radius-top {
  border-radius: 5px 5px 0 0;
}
h3.normalizeh3 {
  font-weight: 400;
  font-size: 14px;
  color: #333;
}
.serach-email-option {
  margin: 10px 0;
  padding: 0 10px;
  position: relative;
}
.serach-email-option .input-sm {
  height: 35px;
  padding-right: 65px;
  width: 91%;
}
ul.ews_ul.inbox-section-arrows {
  position: relative;
  height: 41px;
  border-top: 1px solid #d3d3d4;
}
ul.ews_ul.inbox-section-arrows > li > a {
  padding: 11px 6px 11px;
}
.inbox-listing-main ul.ews_ul.inbox-section-arrows > li.active > a:before,
.inbox-listing-main ul.ews_ul.inbox-section-arrows > li > a:hover:before {
  bottom: 6px;
}
.icon-heading {
  margin-right: 5px;
  width: 17px;
  height: 17px;
  font-size: 17px;
  vertical-align: top;
  display: inline-block;
}
.blue-btn,
.blue-btn:hover {
  background-color: #0e9aef;
  color: #fff;
}
.svg-alignment {
  vertical-align: bottom;
}
.citation-year {
  text-transform: uppercase;
}
.grey_semantic_button.primary-outline-button {
  border-width: 1px !important;
  border-style: solid !important;
}
.breadcrumb-full .icon-heading {
  display: inline-block;
  vertical-align: top;
}
.breadcrumb-full .newadmin_caseinfoCTRL_version {
  display: inline-block;
  margin-bottom: 0;
}
.judgement-manager .popover_compact {
  width: auto;
}
.judgement-manager .popover_compact {
  width: auto;
}
.pipeline_ul.pipeline5.pipeline_upload.assignment-list
  > li.active
  > a
  .number.number2_abs,
.pipeline_ul.pipeline_pipefy.assignment-list > li > a .number.number2_abs,
.with_pending_steps.pipeline_ul.pipeline_pipefy.assignment-list
  > li.active
  > a
  .data.data2.bignumber,
.with_pending_steps.pipeline_ul.pipeline_pipefy.assignment-list
  > li
  > a
  .data.data2.bignumber {
  color: #333 !important;
}
.email-power-search {
  position: absolute;
  right: 45px;
  top: 0;
  border-radius: 0;
  color: #fff;
  background-color: #0e9aef;
}
.email-power-search:hover {
  color: #fff;
}
.email-power-cancel {
  padding: 7px 8px;
  position: absolute;
  top: 0;
  right: 85px;
  background: 0 0;
  color: #ddd;
}
.email-power-cancel.active:focus,
.email-power-cancel:focus,
.email-power-search.active:focus,
.email-power-search:focus {
  box-shadow: none;
}
.dropdown-menu.newAdmin_profile_dropdown > li > a {
  border-bottom: 0 !important;
}
.case-color {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  display: inline-block;
}
.case-color li div {
  margin: 0 0 1px 0;
  display: block;
  width: 48px;
  height: 30px;
}
.case-color li div:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.case-color li div:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.case-color li {
  margin: 0 2px 0 0;
  padding: 0;
  vertical-align: top;
}
.selected-color {
  box-shadow: 0 0 5px #222;
}
.colour h3.select-color {
  margin: 5px 0 15px 0;
}
.case-color li div.sample.active:before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: 0 0;
  border: 2px solid #fff;
  margin: auto;
  line-height: 17px;
  font-size: 14px;
}
.palette {
  width: calc(100% - 100px) !important;
}
.palette .case-color li .sample:hover {
  transform: scale(1.09);
}
.nav.admin-menu > li.active > a {
  padding-left: 15px;
}
h3.setting {
  font-size: 21px;
}
.nav.setting-menu {
  border-bottom: 0;
}
.nav.admin-menu li a,
.nav.setting-menu li a {
  font-size: 15px;
  color: #666;
  border: 0;
  font-weight: 400;
  padding: 9px 10px 9px 0;
  line-height: 15px;
}
.nav.setting-menu li a {
  padding-left: 15px;
}
.nav-tabs.setting-menu > li.active > a:focus,
.nav-tabs.setting-menu > li.active > a:hover,
.nav-tabs.setting-menu > li > a:hover,
.nav.admin-menu > li a:hover,
.nav.admin-menu > li.active a,
.nav.nav-tabs.setting-menu > li.active a {
  background-color: transparent;
  color: #333;
  border: 0;
}
.nav.admin-menu li.active {
  color: #333;
  background-color: transparent;
}
.bottom-border {
  border-bottom: 1px solid #d0d0d0 !important;
}
.tab-settings-content.tab-content > .active {
  display: block;
  background-color: #fff;
  margin-top: -15px;
  padding-top: 15px;
}
.account-settings {
  height: calc(100vh - 97px);
  background-color: #fff;
  border: 0;
  border-right-width: 1px;
  border-style: solid;
  margin-top: -15px;
  float: left;
  width: 100%;
  padding: 0 0 0 15px;
}
.setting-account {
  margin-top: 20px;
}
.owner-details ul {
  list-style-type: none;
}
.owner-details ul li {
  display: inline-block;
  vertical-align: middle;
}
.owner-name {
  width: 44px;
  float: left;
  border: 1px solid #999;
  font-size: 28px;
  border-radius: 50%;
  padding: 2px 0 0 0;
  margin: 1px 16px 0 0;
  font-weight: 700;
  background: #d0d0d0;
  color: #fff;
  height: 44px;
  text-align: center;
  line-height: 39px;
}
.selected-color {
  float: left;
  width: 70px;
  height: 70px;
  margin-right: 30px;
  border: 5px solid #fff;
}
.palette {
  width: 390px;
  float: left;
}
.sample {
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  font: normal normal normal 14px/1 FontAwesome;
}
.sample.active:before {
  position: absolute;
  content: "\f00c";
  color: #fff;
  top: 0;
  bottom: 0;
  line-height: 30px;
  text-align: center;
  left: 0;
  right: 0;
  font-size: 20px;
}
.palette .sample:hover {
  cursor: pointer;
  border-color: #bbb;
  transform: scale(1.15);
  border-radius: 3px;
  cursor: pointer;
}
.colour {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.common-filter {
  z-index: 2;
}
.default-color {
  margin: 10px 0 20px 100px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 20px 0;
}
.default-color h3 {
  font-weight: 400;
}
.select-default {
  width: 48px;
  height: 30px;
  border-radius: 5px;
  cursor: pointer;
}
.select-default.active:before {
  position: absolute;
  content: "\f00c";
  color: #fff;
  top: 0;
  bottom: 0;
  line-height: 30px;
  text-align: center;
  left: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: 0 0;
  border: 2px solid #fff;
  margin: auto;
  line-height: 17px;
  font-size: 14px;
}
.select-default:hover {
  transform: scale(1.09);
}
.colour {
  border-bottom: 0;
}
#theme-color-settings .primary-outline-button {
  margin-left: 100px;
}
.workflow-selected-followers2 {
  float: left;
}
.zapier_pill .pending-workflow-main .pending-workflow-list li a span {
  float: right;
}
.zapier_pill .pending-workflow-main .pending-workflow-list2 li a h5 {
  width: auto;
  margin-right: 15px;
}
.zapier_pill .pending-workflow-main .pending-workflow-list li a span.count {
  text-align: right;
}
.zapier_pill .pending-workflow-main .pending-workflow-list li {
  vertical-align: middle;
}
.traffic_filters .timeline-caret {
  display: none;
}
.timeline-option.timeline-mod-option .timeline-mod-dropdown li a:hover {
  background: #f7f7f7 !important;
  color: #1f7fc9 !important;
}
.timeline-option.timeline-mod-option .timeline-mod-dropdown li a {
  padding: 8px 11px !important;
  background: #fff !important;
  color: #676a6c !important;
  border-bottom: 1px solid #ddd !important;
}
ul.timeline-ul.timeline-mod-dropdown {
  background: #fff !important;
  box-shadow: 0 0 5px #ccc !important;
}
.button-group-add.data-table-btn-grp .files_radio_info .btn:hover {
  border-color: #ccc !important;
}
.timeline-btn-wrap .citation-right-dropdown {
  min-width: 213px;
}
.caseiq-container.border-bottom-primary {
  position: relative;
}
.caseiq-container.border-bottom-primary:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.breadcrumb-full .showfirstcharacter .icon-heading {
  vertical-align: super;
}
.custom-sweet-alert.sweet-alert {
  width: 525px !important;
  padding: 0;
  text-align: left;
}
.custom-sweet-alert.sweet-alert h2 {
  position: absolute;
  left: 0;
  right: 0;
  background: #333;
  top: 0;
  margin: 0;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}
.custom-sweet-alert.sweet-alert .text {
  padding: 20px 20px;
  margin: 38px 0 0 0;
  float: left;
  width: 80%;
  box-sizing: border-box;
}
.custom-sweet-alert.sweet-alert .text h3 {
  font-size: 24px;
  line-height: 25px;
  color: #666;
  text-transform: none;
  margin: 0 0 10px 0;
}
.custom-sweet-alert.sweet-alert .text p {
  font-size: 14px;
  line-height: 18px;
  color: #666;
}
.custom-sweet-alert.sweet-alert .sa-icon {
  margin: 30px 0 0 0;
  float: left;
  text-align: right;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  transition: 0.5s;
}
.custom-sweet-alert.sweet-alert .sa-icon.sa-success .sa-placeholder {
  border: 4px solid rgba(165, 220, 134, 0.6);
}
.custom-sweet-alert.sweet-alert.showSweetAlert button.confirm {
  background: #308b2c !important;
}
.custom-sweet-alert.sweet-alert.showSweetAlert button.cancel {
  background: 0 0 !important;
  color: #666 !important;
}
.custom-sweet-alert .sa-button-container {
  background: #e0e0e0;
  padding: 10px 20px;
  width: 100%;
  float: left;
  text-align: right;
  box-sizing: border-box;
}
.custom-sweet-alert.sweet-alert button {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  padding: 4px 10px;
  text-transform: capitalize;
  outline: 0;
}
.custom-sweet-alert.sweet-alert button:focus,
.custom-sweet-alert.sweet-alert button:hover {
  border: 0;
  outline: 0;
}
.custom-sweet-alert.sweet-alert .la-ball-fall {
  top: 0;
  transform: scale(0.6);
}
.new-caseiq-header
  .caseiq-container
  .caseiq-dropdown
  li:hover
  .nav-second-level {
  z-index: 1;
}
.centered_menu
  > a.item.appeal-hirarchy-change.status_all.primary-border-bottom.active
  strong {
  font-weight: 600;
}
.page-container-space h3 {
  font-weight: 400;
}
.pdf-validator p {
  padding: 10px 15px;
  margin: 0;
}
#stats_datatable_wrapper
  .judgment_table_grand_parent
  #stats_datatable
  th.files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  left: 10px;
}
#stats_datatable_wrapper
  .judgment_table_grand_parent
  #stats_datatable
  td
  .files_ttlp_ctrl:hover
  .files_radio_info
  + .popover_compact {
  top: 23px !important;
  padding: 7px 9px;
}
button.add-citation {
  position: absolute;
  right: 60px;
  top: 12px;
  margin: 10px;
  background-color: transparent;
  width: 140px;
  height: 25px;
  opacity: 1;
  font-size: 15px;
  line-height: 15px;
  color: #1f7fc9;
  display: block;
  text-shadow: none;
  border: 0;
}
button.add-citation:focus {
  outline: 0;
}
.quickAppeal.add-citation {
  background: rgba(0, 0, 0, 0.5);
}
.add-citation .quickAppeal-popup {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 200px;
  top: 0;
  display: block;
  margin: auto;
}
.add-citation .quickAppeal-popup h2 {
  margin-top: 0;
  line-height: 15px;
}
button.close.customized_modal_close.close-quickcitation-popup {
  line-height: 15px;
}
ul.nav.nav-tabs.text-center.merge-selected-citation.ews_ul.unreported-fixing-stats {
  margin-bottom: 15px !important;
  margin-top: -25px !important;
  height: 39px;
}
ul.nav.nav-tabs.text-center.merge-selected-citation.ews_ul.unreported-fixing-stats
  > li {
  float: none;
  display: inline-block;
}
ul.nav.nav-tabs.text-center.merge-selected-citation.ews_ul.unreported-fixing-stats
  > li
  a {
  color: #676a6c !important;
  font-size: 13px;
}
ul.nav.nav-tabs.text-center.merge-selected-citation.ews_ul.unreported-fixing-stats
  > li
  > a:hover:before {
  bottom: 0;
}
table.table.judgement-tooltip.citation-detection-table tbody tr td,
table.table.judgement-tooltip.citation-detection-table tr th {
  box-sizing: border-box;
}
table.table.judgement-tooltip.citation-detection-table
  tbody
  tr
  td:nth-child(5) {
  white-space: nowrap;
}
.citation-merge-judgement {
  min-width: 110px !important;
}
.Nword_highlighter_default .sp_hint_text {
  width: 160px;
}
#citation-detection-modal-body .appeal-mod-tab-content table.table thead th {
  width: calc(100% / 3);
}
.appeal-form-new
  .citation-textarea
  .appeal-form-container
  .appeal-form-right
  textarea.form-control {
  height: 80px;
}
.appeal-chain-item-main
  .appeal-chain-item-tab-content
  .appeal-chain-content.litigation-history-main
  table.table#pinpoint-detection-table
  tr
  td
  .btn-add-event.files_radio_info
  + .popover_compact {
  left: 76%;
}
#citation_detected_fixing_datatable
  .files_ttlp_ctrl:hover
  .files_radio_info.sidepanel-delete-citation
  + .popover_compact {
  transform: translateX(-48%) scale(1) !important;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 183px;
  top: 23px !important;
}
#citation-detection-modal .modal-mod-header input:checked + .slider,
#citation-detections-table input:checked + .slider {
  background-color: #4cbb17 !important;
}
.judgement-tooltip#citation-detections-table
  .files_ttlp_ctrl
  .popover_compact:before {
  bottom: -6px;
  top: initial !important;
}
#citation-detection-modal {
  overflow-y: hidden;
}
.common-modal.modal {
  text-align: center;
  padding: 0 !important;
}
.common-modal.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.common-modal .modal-dialog {
  width: 950px;
}
.common-modal.modal.in .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.common-modal.modal.in .modal-dialog .modal-header .close {
  background: 0 0;
  color: #666;
  font-size: 30px;
  line-height: 26px;
  font-weight: 400;
  opacity: 1;
}
.common-modal.modal.in .modal-dialog .modal-header h2 {
  font-weight: 500;
  line-height: 24px;
}
button.btn.common-help-modal {
  background-color: transparent;
  color: #969696;
  padding: 2px 0 0;
  margin-left: 5px;
}
button.btn.common-help-modal:active {
  box-shadow: none;
}
.validate-sidepanel.details-sidepanel {
  position: absolute !important;
  top: 51px;
  min-height: calc(100vh - 192px);
  background: #fff;
  color: #333;
  width: 240px !important;
  border: 1px solid #d3d3d4;
  border-left: 0;
  overflow-x: auto;
}
.validate-sidepanel.details-sidepanel h2 {
  font-weight: 400;
  position: relative;
  margin: 0;
  padding: 18px 0 26px 30px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 21px;
}
.validate-sidepanel.details-sidepanel h2:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 2px;
  left: 30px;
  bottom: 19px;
}
.nav.nav-tabs.list-group.panel {
  border: 0 !important;
}
.validate-sidepanel.details-sidepanel .nav.nav-tabs.list-group.panel > a {
  border: 0;
  border-bottom: 1px solid #e0e0e0 !important;
  margin: 0;
  font-weight: 600;
  border-right: 2px solid transparent;
  color: #676a6c;
  position: relative;
  font-size: 15px;
  padding: 10px 10px 10px 20px;
  border-radius: 0;
}
.validate-sidepanel.details-sidepanel
  .nav.nav-tabs.list-group.panel
  > a.list-group-item {
  background-color: #f5f5f5;
}
.validate-sidepanel.details-sidepanel
  .nav.nav-tabs.list-group.panel
  > a.list-group-item.collapsed {
  background-color: transparent;
}
.validate-sidepanel.details-sidepanel
  .nav.nav-tabs.list-group.panel
  > a.list-group-item:before {
  content: "\e258";
  font-family: "Glyphicons Halflings";
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all ease 0.3s;
}
.validate-sidepanel.details-sidepanel
  .nav.nav-tabs.list-group.panel
  > a.list-group-item.collapsed:before {
  transform: rotate(90deg);
  top: 11px;
  right: 11px;
}
a.primary-toggle-button.list-group-item.active svg {
  fill: #fff !important;
}
.validate-sidepanel.details-sidepanel ul {
  border-bottom: 0;
}
.validate-sidepanel.details-sidepanel ul li {
  border-bottom: 1px solid #e0e0e0 !important;
}
.validate-sidepanel.details-sidepanel ul li a {
  margin: 0;
  border: 0;
  border-right: 2px solid transparent;
  color: #676a6c;
  font-weight: 400;
  position: relative;
  font-size: 15px;
  padding: 10px 10px 10px 20px;
  border-radius: 0;
}
.validate-sidepanel.details-sidepanel .sub-menu li a {
  background-color: transparent;
  padding-left: 35px;
}
.validate-sidepanel.details-sidepanel ul li.active > a,
.validate-sidepanel.details-sidepanel ul li > a:hover {
  background-color: #f1f2f5 !important;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right-width: 2px;
}
.validate-sidepanel.details-sidepanel ul li a:focus,
.validate-sidepanel.details-sidepanel ul li:focus {
  outline: 0;
}
.validate-sidepanel.details-sidepanel ul li a:hover:after,
.validate-sidepanel.details-sidepanel ul li.active > a:after {
  position: absolute;
  content: "";
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #2582b7;
  right: 0;
  top: 40%;
  margin: auto;
}
.validate-sidepanel.details-sidepanel ul li a span {
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
.validate-sidepanel.details-sidepanel ul li a span svg {
  fill: rgba(0, 0, 0, 0.3);
}
.validate-sidepanel.details-sidepanel ul li .admin_notification {
  font-size: 15px;
}
.validate-sidepanel.details-sidepanel + .validate-right {
  width: calc(100% - 160px) !important;
}
.validate-sidepanel.details-sidepanel.affix-top {
  transition: all 0.4s;
}
.validate-sidepanel.details-sidepanel.affix {
  top: 0;
  height: 100%;
  transition: all 0.4s;
}
.validate-sidepanel.details-sidepanel ul li.open.active {
  background-color: transparent;
}
.validate-sidepanel.details-sidepanel ul li.open.active:after {
  visibility: hidden;
}
.validate-sidepanel.details-sidepanel ul li.open > a:before {
  content: "";
  border: 6px solid transparent;
  border-bottom: 6px solid #5e5e5e;
  position: absolute;
  top: 18px;
  right: 9px;
}
.validate-sidepanel.details-sidepanel ul li > a:before {
  transform: rotate(180deg);
  top: 9px;
}
.validate-sidepanel.details-sidepanel ul .open > a:focus,
.validate-sidepanel.details-sidepanel ul > li.main-li > a:hover {
  border-color: transparent !important;
}
.validate-sidepanel.details-sidepanel ul > li.main-li > a:hover:after {
  visibility: hidden;
}
.row.judgment-menu-top-caseiq {
  margin-right: -40px;
  margin-left: -40px;
  margin-top: -15px;
}
.judgment-menu-top-caseiq .ui.pointing.secondary.menu.centered_menu {
  border: 0 !important;
  border-bottom: 1px solid #d3d3d4 !important;
  border-radius: 0;
}
#uploadnewjudgment
  .modal-header
  .user-details.newadmin_caseinfoCTRL
  > .newadmin_casename {
  float: none;
}
.case_notes_container
  .rightSideArea.details-notes-main
  > .ui_wrapper
  h4.case_notes_header.details-case-notes {
  width: 100% !important;
  text-indent: 0;
  width: 100% !important;
  padding: 0 15px;
}
.details-notes-main .ui_wrapper .ibox-content {
  width: 100% !important;
  padding: 15px;
}
.details-overview-main {
  display: flex;
}
.details-overview-main .viewPage_actionCtrl {
  border-radius: 5px 5px 0 0;
  background-color: #f6f6f6;
}
.details-overview-main .twin_menu_ctrl {
  height: calc(100% - 38px);
  clear: both;
}
.details-overview-main .twin_menu_ctrl .extra_widget_scroll.viewPage_widget {
  height: calc(100% - 25px);
  border-radius: 0 0 5px 5px;
  margin-bottom: 15px;
}
.details-overview-main .viewPage_actionCtrl span {
  width: 20px;
  float: left;
  margin-top: 13px;
  margin-right: 10px;
}
.details-overview-main .viewPage_actionCtrl h4 {
  font-size: 18px;
  margin-top: 0;
}
.details-overview-main .viewPage_actionCtrl h4.ebay_header p {
  margin: 0;
}
.details-overview-main .viewPage_actionCtrl p.updated-hours {
  font-size: 12px;
  color: #999;
  margin-top: 5px !important;
}
.details-overview-main .viewPage_actionCtrl a {
  border-radius: 5px;
  color: #999 !important;
  border-color: #d4d4d4 !important;
  background-color: transparent !important;
}
.details-overview-main .viewPage_actionCtrl .custom_panel_body p {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.details-status-main .social-feed-box .status_panel .index_ctrl .reindex-btn {
  border-top: 0;
}
.details-status-main .social-feed-box .status_panel .index_ctrl .reindex-btn a {
  margin-top: 0;
}
.rightside_section_area .rightSideArea .ebay_header {
  font-size: 18px;
  border-radius: 5px 5px 0 0;
  background-color: #f6f6f6;
  border: 1px solid #d3d3d4;
  border-bottom: 0;
  padding-left: 15px;
  width: 100% !important;
  margin-left: 0;
  text-align: left;
  text-transform: none !important;
}
.rightside_section_area .rightSideArea .ui_wrapper {
  border-radius: 0 0 5px 5px;
}
.rightside_section_area .ibox-title-header {
  font-size: 18px;
  border-radius: 5px 5px 0 0;
  background-color: #f6f6f6;
  border: 1px solid #d3d3d4;
  border-bottom: 0;
  padding-left: 15px;
}
.rightside_section_area .ibox-content.inner_box_ctrl {
  border-color: #d3d3d4 !important;
}
.rightside_section_area
  .ibox-content.bottom_spacer.inner_box_ctrl.theme_border_bottom.ibox-border-color.ibox-border-radius {
  border-radius: 0 0 5px 5px !important;
}
#index_index_status_tab {
  clear: both;
}
.padding-left-0 {
  padding-left: 0 !important;
}
.rightside_section_area .convert_into_box_ctrl.publictaion_info_status,
.rightside_section_area
  .convert_into_box_ctrl.publictaion_info_status
  .col-md-6 {
  display: flex;
}
.rightside_section_area
  .convert_into_box_ctrl.publictaion_info_status
  #index_publication_status_tab
  .ui_wrapper {
  display: flex;
  height: calc(100% - 60px);
}
#notes_inner_Tab ul.n_notes.case_notes {
  padding-bottom: 10px;
}
#notes_inner_Tab ul.n_notes.case_notes > li {
  border: 1px solid #edeff0;
  margin-bottom: 10px;
  padding: 15px 16px;
}
#notes_inner_Tab ul.n_notes.case_notes .prior_info:after,
#notes_inner_Tab ul.n_notes.case_notes .prior_info:before {
  display: none;
}
#notes_inner_Tab ul.n_notes > li:after {
  border-top: 12px solid #fff;
  border-right: 12px solid #e0e0e0;
  border-left: 12px solid #fff;
  border-bottom: 12px solid #fff;
  width: auto;
  bottom: 4px;
  right: 4px;
  left: inherit;
  top: inherit;
  transform: rotate(45deg);
}
#notes_inner_Tab ul.n_notes > li:before {
  display: block !important;
  border-top: 12px solid #fff;
  border-right: 12px solid #fff;
  border-left: 12px solid #fff;
  border-bottom: 12px solid #fff;
  bottom: -9px;
  right: -8px;
  left: inherit;
  top: inherit;
  width: auto;
}
#notes_inner_Tab ul.n_notes.case_notes .prior_info {
  padding: 0;
  border-radius: 0;
  background: 0 0;
  width: 80%;
}
#notes_inner_Tab ul.n_notes.case_notes > li .timed_stamp {
  width: 16%;
  text-align: right;
  margin: 0;
}
#notes_inner_Tab ul.n_notes.case_notes .prior_info .person_name {
  margin-bottom: 15px;
}
#notes_inner_Tab ul.n_notes.case_notes .drop-options {
  float: left;
  text-align: right;
  width: 4%;
}
#notes_inner_Tab ul.n_notes.case_notes .drop-options i {
  padding: 0 5px;
  cursor: pointer;
}
#notes_inner_Tab ul.n_notes.case_notes .drop-options .dropdown-menu {
  left: inherit;
  right: -10px;
}
#notes_inner_Tab ul.n_notes.case_notes .dropdown-menu > li > a {
  margin: 0;
  padding: 3px 15px;
}
.metadata-history .ui_wrapper2 {
  padding: 20px 0;
}
.metadata-history .ui_wrapper2 ul.diff_repeat_box > li {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #d3d3d4;
  border-radius: 5px;
}
.metadata-history .ui_wrapper2 ul.diff_repeat_box > li .panel_head_individual {
  margin: 0 0 20px 0;
  padding: 5px 0 5px 15px !important;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  border-radius: 5px 5px 0 0;
  background-color: #f6f6f6;
  border-bottom: 1px solid #d3d3d4;
}
.metadata-history .ui_wrapper2 ul.diff_repeat_box > li .history-container {
  padding: 0 20px;
  clear: both;
  overflow: hidden;
}
.metadata-history .ui_wrapper2 ul.diff_repeat_box > li .diff_boxes_ctrl:after,
.metadata-history .ui_wrapper2 ul.diff_repeat_box > li:before {
  display: none;
}
.metadata-history .ui_wrapper2 ul.diff_repeat_box > li .diff_boxes_ctrl {
  background-color: transparent;
  border: none;
  margin: 0 0 5px 0;
  padding: 0 0 20px 0;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li:first-child
  .diff_boxes_ctrl_first {
  padding-top: 0;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li
  .diff_boxes_ctrl
  .diff_updatedon {
  position: static;
  text-align: left !important;
  font-style: normal;
  margin-bottom: 5px;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li
  .diff_boxes_ctrl
  .diff_updatedon
  .diff_label {
  margin: 0;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 12px;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li
  .diff_boxes_ctrl
  .diff_updatedon
  .diff_updated_by {
  text-transform: capitalize !important;
  border-right: 1px solid #ececec;
  padding: 0 10px 0 0;
  margin: 0 0 0 10px;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li
  .diff_boxes_ctrl
  .diff_updatedon
  .diff_updated_on {
  margin: 0 0 0 10px;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li
  .diff_boxes_ctrl
  .diff_boxes {
  padding: 0;
  margin: 0;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li
  .diff_boxes_ctrl
  .diff_boxes
  p {
  background-color: transparent;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li
  .diff_boxes_ctrl
  .diff_box_firstchild
  p {
  padding: 7px 15px;
  background-color: #f6f6f6;
  border: 1px solid #ececec;
  margin: 0 0 5px 0;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li
  .diff_boxes_ctrl
  .altered_diff:before {
  display: none;
}
.metadata-history
  .ui_wrapper2
  ul.diff_repeat_box
  > li
  .diff_boxes_ctrl
  .diff_boxes
  p
  .fa {
  margin-right: 3px;
}
.metadata-history .sort-by-field-main {
  background-color: #fff !important;
  border: 1px solid #d3d3d4;
  padding: 20px;
  text-align: left;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
}
.metadata-history .sort-by-field-main h2 {
  margin: 0;
  font-size: 14px;
  text-transform: none;
}
.metadata-history .sort-by-field-main ul.sort-by-field-list {
  list-style: none;
  padding: 0;
  margin: 7px 0 0 0;
  overflow: hidden;
}
.metadata-history .sort-by-field-main ul.sort-by-field-list li {
  display: block;
  margin-right: 7px;
  background: #f6f6f6;
  border: 1px solid #e0e0e0;
  padding: 3px 10px;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  margin-bottom: 7px;
}
.metadata-history .sort-by-field-main ul.sort-by-field-list li:hover {
  background: #ececec;
}
.metadata-history .sort-by-field-main ul.sort-by-field-list li.prmary-button {
  color: #fff;
}
.dashboard-box-ui {
  margin-top: 20px;
}
.dashboard-box-ui .dashboard-box .dashboard-box-content {
  min-height: 300px;
  position: relative;
  padding-bottom: 30px;
}
.dashboard-box-ui .dashboard-box .dashboard-box-content h2 {
  text-transform: uppercase;
  font-size: 13px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 20px;
  margin: 0;
  color: #333;
  display: block;
  font-weight: 500;
}
.dashboard-box-ui .dashboard-box .dashboard-box-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dashboard-box-ui .dashboard-box .dashboard-box-content li {
  border-bottom: 1px solid #f9f9f9;
  padding: 5px 20px;
  font-size: 14px;
}
.dashboard-box-ui .dashboard-box .dashboard-box-content li label {
  font-weight: 400;
  text-transform: none;
  text-align: left;
  margin: 0;
}
.dashboard-box-ui .dashboard-box .dashboard-box-content li span {
  float: right;
  font-weight: 700;
  color: #000;
  font-size: 16px;
}
.dashboard-box-ui .dashboard-box .dashboard-box-content .box-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px 20px;
}
.dashboard-box-ui .dashboard-box .dashboard-box-content .box-footer span {
  float: right;
  font-weight: 500;
}
.dashboard-box-ui .dashboard-box h4.ebay_header span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.dashboard-box-ui .dashboard-box .box-footer span.view-all i {
  font-size: 15px;
}
.dashboard-mojo .traffic_total_stats.col-sm-3.pull-right {
  width: calc(25% - 60px);
  margin-left: 60px;
  border-left: 1px solid #d3d3d4;
}
.dashboard-mojo .traffic_total_stats.col-sm-3 h6.stats_for_label {
  float: left;
  padding-left: 10px;
}
.dashboard-mojo .traffic_total_stats.col-sm-3 > ul {
  padding: 0 10px;
}
.dashboard-mojo .traffic_total_stats.col-sm-3 > ul > li {
  display: block;
  width: 100%;
  border-right: 0;
  border-bottom: 1px solid #d3d3d4;
}
.dashboard-mojo .traffic_total_stats.col-sm-3 > ul > li:last-child {
  border-bottom: 0;
}
.dashboard-mojo .traffic_total_stats.col-sm-3 .traffic_filters {
  margin-top: -4px;
}
.dashboard-mojo .traffic_total_stats.col-sm-3 > ul > li span {
  width: 49%;
  text-align: right;
  display: inline-block;
}
.dashboard-mojo .traffic_total_stats.col-sm-3 > ul > li h5 {
  display: inline-block;
  text-align: left;
  width: 49%;
}
.adjustWhiteStarNA {
  padding: 3px 15px 3px 20px;
}
.dashoard-button {
  margin: 0 !important;
}
h1.statistcs-heading {
  margin: 0 0 15px -10px;
  padding: 0 10px;
  font-size: 35px;
  color: #666;
  background-color: #f1f1f1;
  position: relative;
  display: inline-block;
  z-index: 9;
}
.graph-stats-heading {
  font-size: 18px;
  font-weight: 500;
  margin-top: 5px;
  color: #666;
}
.summary_total_stats {
  margin-bottom: 0;
  width: 100% !important;
}
.summary_total_stats:last-of-type {
  border-bottom: 0;
}
.summary_total_stats table.summary-table {
  margin-bottom: 0;
}
.summary_total_stats table.summary-table tbody tr td,
.summary_total_stats table.summary-table thead tr th {
  border: 0;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}
.summary_total_stats table.summary-table tbody tr td {
  color: #377ca9;
  font-weight: 600;
  font-size: 18px;
}
.summary_total_stats table.summary-table tbody tr td:first-child {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}
.summary_total_stats table.summary-table tbody tr:last-child td:first-child {
  border-top: 1px solid #f1f1f1 !important;
  color: #666;
  font-size: 14px;
  vertical-align: middle;
}
.summary_total_stats table.summary-table tbody tr:last-child td {
  font-size: 20px;
  color: #66a148;
  border-top: 1px solid #f1f1f1 !important;
}
.summary_total_stats .search-heading {
  font-weight: 600 !important;
  margin: 25px 0 12px;
}
.summary_total_stats .search-heading .current-adjustment {
  color: #2c8fb4;
}
.summary_total_stats .summary-date-time li {
  display: block;
  border: 0;
  width: 100%;
  text-align: left;
}
.summary_total_stats .summary-date-time li span {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}
.summary_total_stats .summary-date-time li span:first-child {
  width: 40px;
  position: relative;
}
.summary_total_stats .summary-date-time li span:first-child:after {
  position: absolute;
  content: ":";
  right: 0;
}
.summary .rightside_section_area .rightSideArea .stats-header {
  border: 0 !important;
  border-radius: 0;
  padding: 10px 5px 10px 15px;
  float: left;
  width: 100%;
}
.summary .rightside_section_area .rightSideArea .ebay_header {
  width: auto !important;
  float: left;
  border: 0;
  background-color: transparent;
  padding: 0;
}
.summary .rightside_section_area .rightSideArea .ui_wrapper {
  border: 0 !important;
  border-top: 1px solid #f1f1f1 !important;
  border-radius: 0;
  min-height: 390px;
  margin-bottom: 0;
  background-color: transparent !important;
}
.sorting-icon {
  padding: 0 10px 0 0;
  margin: 0;
  display: table;
  text-align: right;
}
.sorting-icon > li {
  display: inline-block;
  line-height: 25px;
  margin-right: 10px;
  vertical-align: middle;
}
.sorting-icon > li:last-child {
  margin-right: 0;
}
.sorting-icon > li:first-child {
  vertical-align: bottom;
}
.sorting-icon li ul {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.sorting-icon li svg {
  width: 16px;
  fill: #6c747a;
}
.sorting-icon li a.reset {
  position: relative;
  top: 4px;
}
.sorting-icon li a.reset-2 {
  position: static;
}
.validate-right .sorting-icon li a.reset {
  top: 12px;
}
.validate-right .multitop-btn-dastat .sorting-icon li a.reset {
  top: 4px;
}
.summary .rightside_section_area .rightSideArea .ebay_header {
  line-height: 33px;
}
.summary .traffic_filters {
  display: block;
  float: none;
  margin: 0;
}
.summary .traffic_filters .timeline-btn-wrap {
  float: none;
  margin-left: 0;
}
.summary .sorting-icon .traffic_filters .timeline-btn-wrap {
  min-width: 125px;
  text-align: left;
}
.summary .traffic_filters .timeline-btn {
  display: block;
  padding: 0;
  border-radius: 50px;
  font-weight: 600;
  border: 0;
  color: #222b37;
  cursor: pointer;
}
.summary .traffic_filters .timeline-btn:before {
  display: none;
}
.summary .traffic_filters .timeline-btn a {
  display: block;
  padding: 2px 10px 4px;
}
.summary .traffic_filters .timeline-btn a p {
  line-height: 14px;
  margin: 0;
}
.summary .traffic_filters .timeline-btn a p.filter-heading-text {
  color: #999;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 10px;
}
.summary .traffic_filters .timeline-btn a p.filter-second-text {
  position: relative;
}
.summary .traffic_filters .timeline-btn a p.filter-second-text:after {
  content: "\e259";
  font-family: "Glyphicons Halflings";
  position: absolute;
  top: 0;
  right: 0;
  transition: all ease 0.3s;
  color: #656565;
}
.summary .traffic_filters .timeline-btn:hover {
  border: 0;
}
.summary .traffic_filters .timeline-btn .filter-text {
  color: #656565;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.summary .sorting-icon .traffic_filters .timeline-option {
  top: 45px;
  right: 1px;
  min-width: 170px;
}
.summary .sorting-icon .traffic_filters .timeline-option:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 14px solid transparent;
  top: -20px;
  right: 8px;
  border-bottom: 8px solid #f9f9f9;
  z-index: 9;
}
.summary .sorting-icon .traffic_filters .timeline-option:before {
  position: absolute;
  content: "";
  border: 13px solid transparent;
  border-bottom: 8px solid #e3e3e3;
  right: 9px;
  top: -21px;
  z-index: -1;
}
.summary .sorting-icon .traffic_filters .timeline-option ul li a {
  position: relative;
  text-align: left;
  padding-right: 25px;
}
.summary .sorting-icon .traffic_filters .timeline-option ul li.active a:after {
  content: "\e013";
  position: absolute;
  right: 10px;
  font-family: "Glyphicons Halflings";
  top: 31%;
  line-height: 10px;
}
.summary .filter-dropdown .traffic_filters .timeline-btn {
  display: block;
  padding: 0;
  border-radius: 5px;
  font-weight: 600;
  border: 1px solid #e4e4e4;
  color: #222b37;
  cursor: pointer;
}
.summary .filter-dropdown .traffic_filters .timeline-btn:hover {
  border-width: 1px;
}
.responsive-table {
  overflow-x: auto;
  min-height: 0.01%;
}
.table-summary-data {
  border: 1px solid #e7eaec;
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;
  clear: both;
}
.table-summary-data table {
  margin-bottom: 0;
}
.table-summary-data table thead {
  background-color: #f0f0f0;
}
.table-summary-data table thead th {
  color: #999;
  font-weight: 500;
  border: 0;
}
.table-summary-data table tbody td,
.table-summary-data table thead th {
  padding: 5px 10px;
}
.topreferrals_summary
  table.table.summary-table.top-referral
  tbody
  tr:last-child
  td:first-child {
  border-top: 0 !important;
}
.topreferrals_summary
  table.table.summary-table.top-referral
  tbody
  tr:last-child
  td:nth-child(2) {
  font-size: 18px;
  color: #377ca9;
  border-top: 0 !important;
}
.topbrowsers_summary
  table.table.summary-table.top-referral
  tbody
  tr:last-child
  td:first-child {
  border-top: 0 !important;
}
.topbrowsers_summary
  table.table.summary-table.top-referral
  tbody
  tr:last-child
  td:nth-child(2) {
  font-size: 18px;
  color: #377ca9;
  border-top: 0 !important;
}
.topos_summary
  table.table.summary-table.top-referral
  tbody
  tr:last-child
  td:first-child {
  border-top: 0 !important;
}
.topos_summary
  table.table.summary-table.top-referral
  tbody
  tr:last-child
  td:nth-child(2) {
  font-size: 18px;
  color: #377ca9;
  border-top: 0 !important;
}
.outer-design .validate-sidepanel.details-sidepanel {
  border-left: 1px solid #d3d3d4;
}
a.morelink {
  margin-right: 10px;
}
ul.data-usage-details.list-inline {
  width: 100%;
  margin: 0 auto;
  margin-bottom: -10px;
}
ul.data-usage-details.list-inline li {
  border: 1px solid #d0e1ec;
  border-radius: 4px;
  width: calc((100% - 32px) / 5);
  margin-right: 8px;
  margin-bottom: 10px;
  padding: 10px 10px;
  text-align: center;
  transition: box-shadow 0.3s;
}
ul.data-usage-details.list-inline li:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
}
ul.data-usage-details.list-inline li:nth-child(5n + 0) {
  margin-right: 0;
}
ul.data-usage-details.list-inline li h3 {
  margin-bottom: 0;
  font-weight: 600 !important;
  font-size: 18px;
  color: #377ca9;
}
.summary .rightside_section_area .rightSideArea .ebay_header span.graph_title {
  display: inline-block;
  width: calc(100% - 265px);
  line-height: 22px;
}
.summary
  .rightside_section_area
  .rightSideArea
  .traffic-pie-chart
  span.graph_title {
  width: calc(100% - 95px);
}
.summary
  .rightside_section_area
  .rightSideArea
  .traffic-pie-chart
  .sorting-icon {
  width: 90px;
}
span.graph-filter-name {
  font-weight: 700;
}
.summary_total_stats .referrals-count tbody tr td:last-child,
.summary_total_stats .referrals-count thead tr th:last-child {
  padding-right: 20px;
  text-align: right;
}
.spinner {
  margin: auto;
  width: 70px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
  top: 0;
  bottom: 0;
  z-index: 99;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #ccc;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.summary .rightSideArea .ibox-content {
  min-height: 150px;
  padding-bottom: 15px;
  background-color: transparent;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.user-details-list {
  width: 100%;
  margin: 0 auto -10px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
.user-details-list li {
  min-height: 210px;
  border: 1px solid #e7eaec;
  margin-right: 1%;
  padding: 0 0 30px;
  border-radius: 4px;
  transition: box-shadow 0.3s;
  width: calc(98% / 3);
  margin-bottom: 10px;
  text-align: left;
}
.user-details-list li:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
}
.user-details-list li:nth-child(3n + 0) {
  margin-right: 0;
}
.user-details-list li h3 {
  margin: 0 0 10px;
  font-weight: 500 !important;
  font-size: 16px;
  padding: 8px 0 8px 10px;
  background-color: #f1f1f1;
}
.user-details-list li table {
  width: 95%;
  margin: 0 auto;
}
.user-details-list li table tr td {
  border: 0;
  padding: 3px;
}
.user-details-list li table tr td:last-child {
  font-size: 18px;
  font-weight: 600;
  color: #377ca9;
  text-align: right;
}
.summary_total_stats
  .top_referrals_summary
  table.summary-table
  tbody
  tr:last-child
  td {
  border: 0 !important;
}
.summary_total_stats
  .top_referrals_summary
  table.summary-table
  tbody
  tr:last-child
  td:first-child {
  color: #377ca9;
}
.top_browsers_summary.table-summary-data,
.top_os_summary.table-summary-data {
  margin-bottom: 0;
}
.top_os_summary.table-summary-data i.fa.fa-tablet {
  font-size: 16px;
}
.top_os_summary.table-summary-data i.fa.fa-mobile {
  font-size: 18px;
}
.top_browsers_summary.table-summary-data table tr th:last-child,
.top_os_summary.table-summary-data table tr th:last-child {
  text-align: right;
}
.top_browsers_summary.table-summary-data table tr td:last-child,
.top_os_summary.table-summary-data table tr td:last-child {
  font-size: 14px;
  font-weight: 500;
  text-align: right;
}
.summary_registered_user_stats .table-summary-data table tr td:first-child,
.summary_registered_user_stats .table-summary-data table tr th:first-child,
.summary_site_traffic_stats .table-summary-data table tr td:first-child,
.summary_site_traffic_stats .table-summary-data table tr th:first-child,
.summary_total_registered_bar_chart .table-summary-data table tr td:first-child,
.summary_total_registered_bar_chart
  .table-summary-data
  table
  tr
  th:first-child {
  text-align: left;
}
.summary_case_type_abbrev_breakdown .table-summary-data table tr td:last-child,
.summary_case_type_abbrev_breakdown .table-summary-data table tr th:last-child,
.summary_case_type_breakdown .table-summary-data table tr td:last-child,
.summary_case_type_breakdown .table-summary-data table tr th:last-child,
.summary_email_activity_breakdown .table-summary-data table tr td:last-child,
.summary_email_activity_breakdown .table-summary-data table tr th:last-child,
.summary_judgment_status_breakdown .table-summary-data table tr td:last-child,
.summary_judgment_status_breakdown .table-summary-data table tr th:last-child,
.summary_registered_user_category_breakdown
  .table-summary-data
  table
  tr
  td:last-child,
.summary_registered_user_category_breakdown
  .table-summary-data
  table
  tr
  th:last-child,
.summary_registered_user_stats .table-summary-data table tr td,
.summary_registered_user_stats .table-summary-data table tr th,
.summary_registered_user_type_breakdown
  .table-summary-data
  table
  tr
  td:last-child,
.summary_registered_user_type_breakdown
  .table-summary-data
  table
  tr
  th:last-child,
.summary_site_traffic_stats .table-summary-data table tr td,
.summary_site_traffic_stats .table-summary-data table tr th,
.summary_total_registered_bar_chart .table-summary-data table tr td,
.summary_total_registered_bar_chart .table-summary-data table tr th {
  text-align: right;
}
.registered_user_location_breakdown_summary.table-summary-data {
  border: 0;
}
.registered_user_location_breakdown_summary.table-summary-data table {
  border: 1px solid #ddd;
  margin-bottom: 15px;
}
.registered_user_location_breakdown_summary.table-summary-data
  table:last-child {
  margin-bottom: 0;
}
.registered_user_location_breakdown_summary.table-summary-data
  table.table.top-referral.table_col_4
  thead
  tr
  th {
  width: 25%;
}
.registered_user_location_breakdown_summary.table-summary-data
  table.table.top-referral.table_col_3
  thead
  tr
  th {
  width: 33.33%;
}
.registered_user_location_breakdown_summary.table-summary-data
  table.table.top-referral.table_col_2
  thead
  tr
  th {
  width: 50%;
}
.registered_user_location_breakdown_summary.table-summary-data
  table.table.top-referral.table_col_1
  thead
  tr
  th {
  width: 100%;
}
.registered_user_location_breakdown_summary.table-summary-data tr th {
  color: #666;
  font-weight: 600;
}
.registered_user_location_breakdown_summary.table-summary-data tr td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: center;
}
.registered_user_location_breakdown_summary.table-summary-data tr td h3 {
  margin-bottom: 0;
  font-weight: 500 !important;
  font-size: 18px;
  color: #377ca9;
}
.registered_user_location_breakdown_summary.table-summary-data
  tr
  td:last-child {
  border-right: 0;
}
.close-dashboard {
  position: absolute;
  right: 15px;
  top: 5px;
  z-index: 9;
  opacity: 0.4;
  font-size: 22px;
}
.close-dashboard a {
  color: #000;
}
.user-detail-filter-info {
  display: inline-block;
  min-width: 120px;
  margin: 20px auto 0;
  padding-left: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: 250px;
}
.user-detail-filter-info > li {
  display: inline-block;
  text-align: center;
  padding: 0;
  line-height: 14px;
  vertical-align: middle;
  user-select: none;
}
.user-detail-filter-info > li:last-child {
  border-right: 0;
}
.user-detail-filter-info > li:nth-child(2) {
  padding: 0;
  width: 95px;
  text-align: center;
}
.user-detail-filter-info > li a {
  color: #b5b5b5;
  font-size: 25px;
  display: block;
  padding: 4px 10px;
}
.user-detail-filter-info > li a:hover {
  color: #6c747a;
}
.user-detail-filter-info > li span.timeline-btn.current-fitler {
  padding: 10px;
}
.summary {
  width: 100%;
  border: 1px solid #e4e4e4 !important;
  float: left;
  border-radius: 5px !important;
  margin-bottom: 15px !important;
  background-color: #fff;
}
.summary.non_summarized.user-manager-grapharea {
  border: 0 !important;
  background-color: transparent;
}
.summary .rightSide_ctrl_area {
  padding-bottom: 0 !important;
}
.summary .user-detail-filter-info .traffic_filters .timeline-option {
  right: 0;
  width: 120px;
}
.summary
  .user-detail-filter-info.statsFilterDropdown
  .traffic_filters
  .timeline-option {
  right: -13px;
}
.summary .user-detail-filter-info > li ul {
  margin: 0;
  padding: 0;
}
.user-detail-filter-info > li ul li {
  line-height: 25px;
}
.summary .user-detail-filter-info .traffic_filters .timeline-option {
  text-align: center;
}
a.data-filter-content {
  display: inline-block;
  text-align: center;
  margin: 10px auto 0;
  width: 45px;
  padding: 4px;
}
.summary .user-detail-filter-info .caret {
  border-width: 5px;
  line-height: 14px;
  vertical-align: middle;
}
.summary_registered_user_stats,
.summary_site_traffic_stats {
  margin-top: 10px;
}
.data-usage-filter .user-detail-filter-info {
  margin: 0 auto 15px;
}
h5.summary_title.title_for_traffic_data_usage {
  display: inline-block;
  margin: 10px 0 0 148px;
  font-size: 16px;
}
.system-section-end {
  margin: 30px -15px;
  border-top: 5px solid #eee;
}
.email-power-sorting {
  position: absolute;
  top: 0;
  right: 5px;
  color: #ddd;
}
.email-power-sorting button.btn {
  background-color: #fff;
  padding: 10px 10px 2px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.email-power-sorting button.btn:hover svg {
  fill: #0d94e6;
}
.email-power-sorting button.btn.active {
  box-shadow: none;
}
.email-power-sorting button.btn.active svg {
  fill: #0d94e6;
}
.email-power-sorting button.btn.active + .dropdown-menu {
  display: block;
}
ul.inner-sorting-menu {
  float: right;
  list-style-type: none;
  padding: 0;
}
ul.inner-sorting-menu li {
  display: inline-block;
  padding: 2px 0 0 10px;
}
ul.inner-sorting-menu li a svg {
  fill: #ccc;
}
ul.inner-sorting-menu li.active a svg {
  fill: #0d94e6;
}
.email-power-sorting .dropdown-menu {
  margin: 0;
  top: 44px;
  z-index: 1000;
  right: 0;
  left: initial;
}
.email-power-sorting .dropdown-menu:after {
  position: absolute;
  content: "";
  border: 10px solid transparent;
  border-bottom: 10px solid #ddd;
  top: -20px;
  right: 6px;
}
.email-power-sorting .dropdown-menu:before {
  position: absolute;
  content: "";
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -16px;
  right: 8px;
  z-index: 9;
}
.email-power-sorting .dropdown-menu h3 {
  background-color: #eee;
  color: #999;
  font-size: 11px;
  padding: 9px 15px;
  margin: 0;
}
.email-power-sorting li {
  padding: 5px 15px;
}
.email-power-sorting li [type="radio"]:checked,
.email-power-sorting li [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.email-power-sorting li [type="radio"]:checked + label,
.email-power-sorting li [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
  margin-bottom: 0;
}
.email-power-sorting li [type="radio"]:checked + label:before,
.email-power-sorting li [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #0d94e6;
  border-radius: 100%;
  background: #fff;
}
.email-power-sorting li [type="radio"]:checked + label:after,
.email-power-sorting li [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #0d94e6;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.email-power-sorting li [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.email-power-sorting li [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.datausage-headers {
  margin-top: 15px !important;
}
td.traffic-heading span,
td.traffic-sub-heading span,
td.traffic-sub-sub-heading span {
  white-space: nowrap;
}
td.traffic-heading {
  padding-left: 10px !important;
  font-size: 13px;
  font-weight: 500;
  color: #666;
}
td.traffic-sub-heading {
  padding-left: 30px !important;
  font-size: 13px;
  font-weight: 500;
  color: #666;
}
td.traffic-sub-sub-heading {
  padding-left: 45px !important;
  font-size: 13px;
  font-weight: 400;
  color: #666;
}
.summary .ibox-content .pull-right input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.summary .ibox-content table tbody tr td svg {
  display: inline-block;
  vertical-align: middle;
}
.summary .ibox-content table tbody tr td span {
  display: inline-block;
  width: calc(100% - 20px);
  vertical-align: middle;
}
.summary_total_stats .referrals-count tbody tr td:first-child {
  color: #666 !important;
}
.summary_total_stats .referrals-count tbody tr td:last-child {
  color: #377ca9 !important;
  font-size: 18px !important;
}
.aggregations_summary
  .aggression-counts
  .user-details-list
  table.show-total
  tbody
  tr:last-child
  td {
  border-top: 1px solid #f1f1f1;
}
.aggregations_summary
  .aggression-counts
  .user-details-list
  table.show-total
  tbody
  tr:last-child
  td:last-child {
  color: #66a148;
}
.summary .summary_email_activity_breakdown table tbody tr:last-child td {
  vertical-align: bottom;
}
.traffic_total_stats.avg_info ul.list-inline {
  margin: 0;
}
.avg_info.traffic_total_stats {
  margin: 0;
}
.statistics-manager {
  margin-bottom: 20px;
  width: 100%;
}
.validate-sidepanel ul li {
  float: none;
}
ul.nav.nav-tabs.assignment-list.stats-tabs-list {
  border: 0;
}
ul.nav.nav-tabs.assignment-list.stats-tabs-list > li {
  background-color: #fff;
  border: 1px solid #ddd;
  width: 19.5%;
  margin-right: 0.5%;
  border-radius: 4px;
}
ul.nav.nav-tabs.assignment-list.stats-tabs-list > li:last-child {
  width: 20%;
  margin-right: 0;
}
ul.nav.nav-tabs.assignment-list.stats-tabs-list > li.active a {
  color: #333;
  position: relative;
}
ul.nav.nav-tabs.assignment-list.stats-tabs-list > li.active a:after,
ul.nav.nav-tabs.assignment-list.stats-tabs-list > li:hover a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  border-radius: 0 0 4px 4px;
}
ul.nav.nav-tabs.assignment-list.stats-tabs-list > li a {
  margin-right: 0;
  border: 0;
  padding: 15px 20px;
  color: #676a6c;
  font-size: 15px;
  line-height: 21px;
}
ul.nav.nav-tabs.assignment-list.stats-tabs-list > li a span.icon-heading {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  margin: -3px 10px 0 0;
  font-size: 17px;
  fill: #676a6c;
}
ul.nav.nav-tabs.assignment-list.stats-tabs-list > li a:focus,
ul.nav.nav-tabs.assignment-list.stats-tabs-list > li a:hover {
  background-color: transparent;
}
ul.sorting-icon span.timeline-btn .tooltip .tooltip-inner {
  white-space: nowrap;
}
.aggression-counts .user-details-list li {
  position: relative;
}
.aggression-counts .user-details-list li .box-footer {
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 95%;
  padding: 5px 0;
}
.aggression-counts .user-details-list li .box-footer span {
  float: right;
  font-weight: 500;
}
.aggression-counts .user-details-list li .box-footer span.view-all i {
  font-size: 15px;
  vertical-align: text-top;
}
.new-cumulative-switch {
  border: 1px solid #646f79;
  border-radius: 20px;
  overflow: hidden;
}
.new-cumulative-switch .btn {
  box-shadow: none;
  width: 90px;
  padding: 5px 0;
}
.new-cumulative-switch .btn-default.btn-on-1.active {
  background-color: #006ffc;
  color: #fff;
}
.new-cumulative-switch .btn-default.btn-off-1.active {
  background-color: #da4f49;
  color: #fff;
}
.cumulative-switch {
  position: relative;
  display: inline-block;
  width: 105px;
  height: 26px;
  margin-right: 4px;
}
.cumulative-switch input {
  display: none !important;
}
.cumulative-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #bbb;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cumulative-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cumulative-switch input:focus + .cumulative-slider {
  box-shadow: 0 0 1px #2196f3;
}
.cumulative-switch input:checked + .cumulative-slider:before {
  -webkit-transform: translateX(78px);
  -ms-transform: translateX(78px);
  transform: translateX(78px);
}
.cumulative-switch .on {
  display: none;
}
.cumulative-switch .off,
.cumulative-switch .on {
  color: #fff;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 49%;
  font-size: 10px;
}
.cumulative-switch .on {
  right: 3px;
}
.cumulative-switch .off {
  right: -15px;
}
input:checked + .cumulative-slider .on {
  display: block;
}
input:checked + .cumulative-slider .off {
  display: none;
}
.cumulative-slider.round {
  border-radius: 34px;
}
.cumulative-slider.round:before {
  border-radius: 50%;
}
.reportrange {
  background-color: #fff;
  cursor: pointer;
  padding: 2px 30px 4px 15px;
  border: 1px solid #e4e4e4;
  width: 100%;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #656565;
}
.summary .reportrange p {
  line-height: 14px;
  margin: 0;
}
.summary .reportrange p.filter-heading-text {
  color: #999;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 10px;
  text-align: left;
}
.summary .reportrange p.filter-second-text {
  position: relative;
}
.summary .reportrange p.filter-second-text:after {
  content: "\e259";
  font-family: "Glyphicons Halflings";
  position: absolute;
  top: 0;
  right: -20px;
  transition: all ease 0.3s;
  color: #656565;
}
.aggregations .summary_aggregations table tbody tr td:first-child {
  white-space: nowrap;
}
#headingPlural .export-btn {
  margin-top: 6px;
}
.daterangepicker.ltr {
  background-color: #f9f9f9;
  border: 1px solid #e3e3e3;
  padding: 5px;
}
.daterangepicker.ltr:before {
  position: absolute;
  content: "";
  border: 13px solid transparent;
  border-bottom: 8px solid #e3e3e3;
  right: 9px;
  top: -21px;
  z-index: -1;
}
.daterangepicker.ltr:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 14px solid transparent;
  top: -20px;
  right: 8px !important;
  border-bottom: 8px solid #f9f9f9;
  z-index: 9;
}
.daterangepicker.ltr .ranges {
  border: 0;
}
.daterangepicker .ranges ul {
  background-color: #fff;
  min-width: 160px;
}
.daterangepicker .ranges ul li {
  padding-right: 25px;
  border: 1px solid transparent;
  color: #656565;
  font-size: 12px;
  position: relative;
  text-align: left;
  transition: none;
}
.daterangepicker .ranges ul li.active {
  background-color: transparent;
  color: #656565;
  border: 1px solid transparent;
}
.daterangepicker .ranges ul li.active:after {
  content: "\e013";
  position: absolute;
  right: 10px;
  font-family: "Glyphicons Halflings";
  top: 31%;
  line-height: 10px;
}
.daterangepicker .ranges .slimScrollDiv ul li {
  padding: 4px 12px;
}
a.del-appeal-icon {
  opacity: 1 !important;
}
.cron-dropdown {
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
}
.cron-dropdown button {
  font-size: 13px;
}
.cron-dropdown .dropdown-menu {
  top: 40px;
  left: inherit;
  right: 0;
}
.cron-dropdown .dropdown-menu:before {
  position: absolute;
  content: "";
  font-size: 1rem;
  width: 0.81428571em;
  height: 0.81428571em;
  background: #fff;
  box-shadow: 1px 1px 0 0 #bababc;
  transform: rotate(-135deg) scale(1) !important;
  z-index: 2;
  top: -4px;
  right: 10px;
}
.cron-dropdown ul.dropdown-menu li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  font-size: 13px;
}
.cron-dropdown .dropdown-menu li a {
  margin: 0;
  padding: 10px 20px;
  font-size: 14px;
  line-height: normal;
}
.adjust_white_space.rightSideArea .ibox-content {
  padding-top: 0 !important;
}
.adjust_white_space .rightSideArea .ebay_header {
  padding-bottom: 0 !important;
  padding-right: 30px;
}
.email-summary .col-sm-12.text-center,
.inbox-summary .col-sm-12.text-center {
  display: none;
}
.email_summary_summary,
.inbox_summary_summary,
.search_term_summary_summary {
  margin: -15px -15px 0;
  padding: 0 5px;
}
.email_summary_summary table thead tr th,
.inbox_summary_summary table thead tr th,
.search_term_summary_summary table thead tr th {
  font-size: 16px;
  color: #333;
  background-color: #f9f9f9;
  border-bottom: 0;
}
.email_summary_summary table tbody tr td,
.email_summary_summary table thead tr th,
.inbox_summary_summary table tbody tr td,
.inbox_summary_summary table thead tr th,
.search_term_summary_summary table tbody tr td,
.search_term_summary_summary table thead tr th {
  text-align: right;
  padding: 10px 15px;
  font-size: 14px;
}
.email_summary_summary table tbody tr td:first-child,
.email_summary_summary table tbody tr th:first-child,
.inbox_summary_summary table tbody tr td:first-child,
.inbox_summary_summary table tbody tr th:first-child,
.search_term_summary_summary table tbody tr td:first-child {
  text-align: left;
}
.email_summary_summary table tbody tr:last-child td:first-child,
.inbox_summary_summary table tbody tr:last-child td:first-child {
  font-size: 16px;
}
.email_summary_summary table tbody tr:last-child td:nth-child(2) {
  color: #3198f7;
  font-size: 16px;
}
.email_summary_summary table tbody tr:last-child td:nth-child(3) {
  color: #56b436;
  font-size: 16px;
}
.email_summary_summary table tbody tr:last-child td:nth-child(4) {
  color: #eb4a2a;
  font-size: 16px;
}
.inbox_summary_summary table tbody tr:last-child td:nth-child(2) {
  color: #3198f7;
  font-size: 16px;
}
.inbox_summary_summary table tbody tr:last-child td:nth-child(3) {
  color: #56b436;
  font-size: 16px;
}
.inbox_summary_summary table tbody tr:last-child td:nth-child(4) {
  color: #eb4a2a;
  font-size: 16px;
}
.line-through {
  text-decoration: line-through;
}
.user-manager-grapharea .rightside_section_area {
  padding-bottom: 0 !important;
}
.user-manager-grapharea
  .rightSide_ctrl_area.rightside_section_area
  .panel.panel-default {
  border: 0;
  background-color: transparent;
}
#user-manager .position_relative {
  width: 100% !important;
}
.rightSide_ctrl_area.rightside_section_area
  .panel.panel-default
  .user-manager-graph#headingPlural {
  display: inline-block;
  width: auto;
  float: right;
  padding: 0;
  background: 0 0;
  border: 0;
}
.rightSide_ctrl_area.rightside_section_area
  .panel.panel-default
  .user-manager-graph#headingPlural
  h4 {
  font-size: 12px;
  display: inline-block;
  color: #5e5e5e;
  padding: 0 18px 3px 26px;
  margin-top: 0;
}
.rightSide_ctrl_area.rightside_section_area
  .panel.panel-default
  .user-manager-graph
  h4
  a {
  display: inline-block;
  position: relative;
  font-weight: 600;
  width: 130px;
  height: 20px;
}
.rightSide_ctrl_area.rightside_section_area
  .panel.panel-default
  .user-manager-graph
  h4
  a:before {
  content: "Disable User Graph";
  position: absolute;
  top: 5px;
  right: 0;
}
.rightSide_ctrl_area.rightside_section_area
  .panel.panel-default
  .user-manager-graph
  h4
  a.collapsed:before {
  content: "Enable User Graph";
}
.rightSide_ctrl_area.rightside_section_area
  .panel.panel-default
  .user-manager-graph
  h4
  a:after {
  content: "";
  border: 4px solid transparent;
  border-bottom: 4px solid #5e5e5e;
  position: absolute;
  top: 5px;
  right: -13px;
}
.rightSide_ctrl_area.rightside_section_area
  .panel.panel-default
  .user-manager-graph
  h4
  a.collapsed:after {
  transform: rotate(180deg);
  top: 9px;
}
.rightSide_ctrl_area.rightside_section_area
  .panel.panel-default
  .user-manager-graph
  span {
  font-size: 25px;
}
.rightSide_ctrl_area.rightside_section_area
  .panel-group
  .panel-heading
  + .panel-collapse
  > .panel-body {
  border: 0;
  padding: 0;
}
.rightSide_ctrl_area.rightside_section_area
  .panel-group
  .panel-heading
  + .panel-collapse {
  border: 1px solid #d3d3d4;
  border-radius: 5px;
  clear: both;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
.table-summary-data.top_browsers_summary table th,
.table-summary-data.top_os_summary table th {
  font-size: 15px;
  color: #676a6c;
}
.top_browsers_summary td,
.top_os_summary td {
  font-size: 15px;
  color: #666;
}
.traffic_total_stats .update-statistics li {
  border: 0;
  width: 100%;
  text-align: left;
  float: left;
  border-bottom: 1px solid #d3d3d4;
}
.traffic_total_stats .update-statistics li h4 {
  padding-bottom: 0;
  width: auto !important;
  margin-left: 0;
}
.traffic_total_stats .update-statistics li a {
  border: 1px solid #d3d3d4;
  min-width: 120px;
  float: right;
}
.traffic_total_stats .update-statistics li p {
  margin: 0;
}
.daterangepicker.dropdown-menu.opensright.show-calendar {
  width: 662px;
}
.ui.pointing.secondary.newAdmin_judgment-respo-ctrl.version18.ui_workflow_hdr.user-session-trafic.filter-menu {
  position: relative;
  border-bottom: 0 !important;
}
.ui.pointing.secondary.newAdmin_judgment-respo-ctrl.version18.ui_workflow_hdr.user-session-trafic.filter-menu:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #d3d3d4;
  left: 0;
  right: 0;
  bottom: 9px;
}
.user-session-trafic ul.custom-datatable-filter {
  margin-right: 10px;
}
.filters-menu-left {
  display: inline-block;
  margin: 0 0 10px 0;
}
.filters-menu-center {
  display: inline-block;
  margin: 0 0 10px 0;
  padding-bottom: 10px;
}
.filters-menu-center a.custom-datatable-clear-all.clear-all {
  margin-left: 0;
}
.summary
  .rightSide_ctrl_area.rightside_section_area
  span.files_ttlp_ctrl
  .popover_compact {
  max-width: 400px;
  word-break: break-word;
  width: max-content;
}
.summary
  .rightSide_ctrl_area.rightside_section_area
  .judgment_table_grand_parent {
  overflow: visible;
}
.button-group-breadcrumbAdmin .btn {
  margin-right: 10px;
  float: left;
}
.button-group-breadcrumbAdmin .btn:last-of-type {
  margin-right: 0;
}
a.primary-outline-button:focus {
  border-width: 1px;
  border-style: solid;
}
.dashboard-inner-wrapper
  .dashboard-welcome.bg-white.text-center.close-dashboard-welcome {
  margin-bottom: 10px;
}
ul.nav.nav-tabs.assignment-list.stats-tabs-list.setting-menu.traffic-tab > li {
  width: calc(99% / 3);
}
.validate-sidepanel.details-sidepanel
  .nav.nav-tabs.list-group.panel
  > a.list-group-item
  svg {
  fill: #676a6c;
}
.appeal-datapoint-citation {
  color: #1f7fc9;
  cursor: pointer;
}
ul.users-details-summary {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  display: flex;
  width: 100%;
  border-top: 1px solid #e4e4e4;
}
ul.users-details-summary li {
  flex: 1;
  padding: 15px 10px;
  border-right: 0;
}
ul.users-details-summary li:last-child {
  border-right: 0;
}
ul.users-details-summary li .graph-left {
  float: left;
  width: 120px;
}
ul.users-details-summary li .graph-right-content {
  width: calc(100% - 120px);
  float: right;
}
ul.users-details-summary li label {
  font-size: 16px;
}
ul.users-details-summary li p {
  margin: 0;
  font-size: 14px;
}
ul.users-details-summary.topTrafficSummary li .traffic-summary-cells {
  border-right: 1px solid #eaeaea;
  text-align: center;
}
ul.users-details-summary.topTrafficSummary
  li:last-child
  .traffic-summary-cells {
  border-right: 0;
}
ul.users-details-summary.topTrafficSummary li .traffic-summary-cells label {
  font-size: 20px;
}
ul.users-details-summary.topTrafficSummary li .traffic-summary-cells p {
  font-size: 12px;
}
#peity_total_registered_bar_chart {
  margin-bottom: 0;
}
.cron-label {
  float: left;
  width: 100%;
  margin-bottom: 0;
  color: #999;
}
.user-company-span i {
  vertical-align: top;
  margin-top: 2px;
}
.user-company-span span {
  display: inline-block;
  padding-left: 4px;
  width: calc(100% - 20px);
}
.skin-1 .ibox-content.cron-ibox-content {
  border: 0 !important;
}
@media (max-width: 1399px) {
  #users_datatable_wrapper #users_datatable td.popupCtrl {
    width: 275px !important;
  }
  .summary .user-session-trafic li ul.dropdown.checkbox-filter-drop {
    width: 700px;
  }
  .xml-view-main .btn {
    padding: 6px 15px;
  }
}
@media (max-width: 568px) {
  .login-container {
    width: calc(100% - 100px);
  }
  .login-header .site_logo_ctrl svg {
    width: 140px;
  }
}
@media (max-width: 480px) {
  .login-container {
    width: calc(100% - 20px);
  }
  .login-container .content {
    padding: 24px 24px 24px 24px !important;
  }
}
td.table-legend span {
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}
#selected_for_reporting_datatable td:nth-of-type(4) {
  width: 110px;
}
.inner-Judgments-page.details-overview-main {
  padding: 0 15px;
}
.inner-Judgments-page.details-overview-main .row {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  margin: 0;
}
.inner-Judgments-page.details-overview-main .col-lg-4 {
  padding: 0 7px;
}
.convert_into_box_ctrl.publictaion_info_status.inner-Judgments-page {
  display: block;
  padding: 0 7px;
}
.convert_into_box_ctrl.publictaion_info_status.inner-Judgments-page .row {
  display: flex;
  flex-wrap: wrap;
}
.convert_into_box_ctrl.publictaion_info_status.inner-Judgments-page .col-md-6 {
  padding: 0 7px;
}
.timeout-container h1.title {
  color: #999;
  font-size: 26px;
  margin-bottom: 10px;
  font-weight: 500;
}
.timeout-container p {
  color: #999;
  font-size: 16px;
  margin-bottom: 35px;
}
.content-img {
  margin-bottom: 25px;
}
.content-img img {
  margin: 0 auto;
}
.btn-timeout {
  background: 0 0;
  color: #999;
  box-shadow: none;
  border: 1px solid #cbcbcb;
  border-radius: 50px;
}
.convert_into_box_ctrl.publictaion_info_status.inner-Judgments-page .col-md-6 {
  padding: 0 7px;
}
.back-to-inbox {
  vertical-align: middle;
  background: #fff;
  border-radius: 5px;
  padding: 8px;
  margin: 0 7px 0 0;
  display: none;
  cursor: pointer;
  color: #676a6c;
  border: 1px solid #d3d3d3 !important;
  box-sizing: border-box;
  float: left;
  height: 34px;
  text-align: center;
}
.back-to-inbox i {
  margin-right: 3px;
  font-size: 16px;
}
#NumberOfCase .popup-ajax-content {
  padding: 15px;
}
#NumberOfCase .modal-content {
  padding: 0;
}
.upload-xml-file {
  background-color: #fff;
  border: 1px solid #d3d3d4;
  margin-bottom: 60px;
  padding: 7px 20px 6px;
  border-radius: 0 0 5px 5px;
  float: left;
  width: 100%;
}
.upload-xml-file table.blueTable {
  width: 100%;
  border: 0;
  background-color: transparent;
  table-layout: fixed;
}
#headingPlural h2 {
  margin: 0;
  padding: 5px 0;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
} /*!* == Reported Judgment Uploader == *!*/
.upload-judgment-v3
  .xml-view-page-new.email-view-content-ver2
  div.inbox-left-listing
  ul.ews_ul {
  padding: 0 10px;
  text-align: center;
}
.upload-judgment-v3 .inbox-listing-main .ews_ul > li {
  display: inline-block;
  float: none;
}
.upload-judgment-v3
  .xml-view-page-new.email-view-content-ver2
  div.inbox-left-listing
  ul.ews_ul
  > li
  > a {
  padding: 9px;
  float: none;
}
.inbox-right-details.mailbox-action.hide {
  display: none !important;
}
#advance-filter-div .common-filter .first-level-filter select,
#advance-filter-div .common-filter .second-level-filter > div select {
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 14px;
  height: 30px;
  line-height: 16px;
  margin: 0;
  padding: 0 10px;
  background-color: #fff;
  width: 250px;
}
#advance-filter-div .common-filter .first-level-filter select {
  width: auto;
}
#advance-filter-div .common-filter .second-level-filter > div {
  padding-left: 25px;
}
#advance-filter-div .common-filter .second-level-filter .valueName {
  margin: 0;
  width: 250px;
  height: 30px;
  padding: 0 10px;
  border-radius: 3px;
}
#advance-filter-div .common-filter .second-level-filter .fa.fa-times {
  top: -1px;
}
#advance-filter-div .common-filter .first-level-filter {
  top: 47px;
}
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  z-index: 10 !important;
}
.fev_collection_section_ctrl .section_bottom_space_control {
  padding-bottom: 5px !important;
}
.task_data_ctrl_left {
  display: grid;
}
.task_data_ctrl_left::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.task_data_ctrl_left > textarea {
  resize: none;
  overflow: hidden;
}
.task_data_ctrl_left::after,
.task_data_ctrl_left > textarea {
  border: 1px solid #000;
  padding: 0.5rem;
  font: inherit;
  grid-area: 1/1/2/2;
}
@keyframes revolve {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.send_eod_in_teams_popup.modal {
  z-index: 999999;
}
.status_attendance_user.active {
  background-color: rgba(23, 130, 41, 0.2);
  color: #178229;
}
.roll_call_scroll_data_list {
  overflow: auto;
  height: calc(100vh - 289px);
}
.user-activity-modal-detail .modal-content {
  width: auto !important;
  height: auto !important;
}
.user-activity-modal-detail .modal-title {
  margin: 0 !important;
}
.user-activity-modal-detail .modal-dialog {
  max-width: unset !important;
  width: auto !important;
}
.team-activity-user-chart-data-container {
  background: #fff;
}
.status_attendance_user.break {
  background-color: rgba(121, 85, 72, 0.2);
  color: #795548;
}
.integration_no_data_error {
  padding: 19px;
}
.global_text_editor_wrapper.in_timer_task_note_panel {
  height: calc(100% - 136px);
  display: flex;
  flex-direction: column;
  padding: 0;
}
.modal_popup_view .global_text_editor_wrapper.in_timer_task_note_panel {
  height: calc(100% - 41px);
}
.timer_table_timeline.timer_table_with_border_column.timebox_report
  .task_name.cursor-pointer {
  white-space: unset !important;
  text-overflow: unset !important;
}
.timesheet_week_day_timeline.group_by_timesheet_table_ctrl.timebox_report
  .task_name.hoverable_text_area {
  text-overflow: unset !important;
  white-space: unset !important;
}
.integration_no_data_error .link_to_integration_page {
  display: flex;
}
.integration_no_data_error .link_to_integration_page .link_section_url {
  margin-left: 4px;
  color: #009dff;
  cursor: pointer;
}
.task-activity-card {
  position: absolute;
  pointer-events: auto;
  background: #fff;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 12px;
  width: 700px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  z-index: 99999999;
  transition: 0.1s;
  border: 1px solid #ededed;
}
.error_input {
  border: 1px solid red;
}
.error_in_input_link {
  color: red;
  font-size: 12px;
  margin-top: 4px;
  display: block;
}
.tooltip_bottom_hover_carrot {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #d3d3d3;
}
#chartjs-tooltip-timeline-custom div {
  padding: 1px;
}#chartjs-tooltip-timeline-custom .activity-header {
    padding: 0 20px !important;
}
.dropdown.app-user.preview_pane_ctrl.user_prof_dropdown
  span.user-avatar-wrapper.user-avatar-wrapper-md
  img {
  height: 100%;
  width: 100%;
}
.integration_no_data_error .error_message {
  font-size: 14px;
  font-weight: 600;
}
.not_current_day .timesheet_limit_under_perform.text-error {
  color: #cb0000ff;
}
.status_attendance_user.idle {
  color: #ca8a04;
  background: rgba(202, 138, 4, 0.2);
}
.status_attendance_user.inactive {
  color: #6b7280;
  background: #f3f4f6;
}
.task_name.user_attandance_data_row {
  font-weight: 500;
  margin-left: auto;
}
.status_attendance_user {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  border-radius: 6px;
  padding: 2px 6px;
}
.custom-time-input-container .time-input {
  border: none;
  padding: 5px;
  text-align: left;
  width: 70px;
}
.rollcall-status-value.status-idle {
  background: rgb(202 138 4 / 20%);
  color: #ca8a04;
}
.rollcall-status-value.status-leave {
  background: #ffdfcf;
  color: #d44800;
}
.safe_mode_profile_setting {
  margin-left: 10px;
}
.screenshot-mode-modal .react-tooltip {
  display: none !important;
}
.screenshot-mode-modal {
  transition: none !important;
  animation: none !important;
}
.screenshot-mode-modal .work-timer-timer .button:after {
  content: "";
  transition: none !important;
}
.capture-target {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.screenshot-mode-modal .work-timer-timer .button__shape.button__shape--one {
  transition: none !important;
}
.screenshot-mode-modal .work-timer-timer .button__shape.button__shape--two {
  transition: none !important;
}
.screenshot_contain_user .video-gallery {
  grid-template-columns: repeat(auto-fill, minmax(202px, 1fr)) !important;
}
.thumbnail_action_dropdown_ctr.active .thumbnail_quick_actions_three_dot {
  opacity: 1;
  display: block;
}
.break_description_wrap .break_add_popup_container {
  position: absolute;
  top: -274px;
  left: 0;
  box-shadow: 0 0 20px 0 #f1f1f161;
}
.activity_percentage_div_section_progress_bar {
  height: 4px;
  border-radius: 4px;
  margin: 0;
}
.activity_percentage_div_section_progress_bar.bad,
.input-bar.bad {
  background: #d70000;
}
.activity_percentage_div_section_progress_bar.extreme,
.input-bar.extreme {
  background: purple;
}
.activity_percentage_div_section_progress_bar.nice,
.input-bar.nice {
  background: #009700;
}
.activity_percentage_div_section_progress_bar.moderate,
.input-bar.moderate {
  background: #007bff;
}
.activity_percentage_div_section_progress_bar.low,
.input-bar.low {
  background: #e29200;
}
.user_activity_pill.bad {
  background: rgb(215 0 0 / 20%);
  color: #d70000;
}
.user_activity_pill.extreme {
  background: rgb(128 0 128 / 20%);
  color: purple;
}
.user_activity_pill.nice {
  background: rgb(0 151 0 / 20%);
  color: #009700;
}
.user_activity_pill.moderate {
  background: rgb(0 123 255 / 20%);
  color: #007bff;
}
.user_activity_pill.low {
  background: rgb(226 146 0 / 20%);
  color: #e29200;
}
.user_activity_pill {
  padding: 3px 5px;
  color: #fff;
  border-radius: 4px;
}
.time_editable_input.text_input_error,
.time_editable_input.text_input_error:focus {
  border: 1px solid #d00 !important;
}
.custom-time-input-container .time-input.not-blank {
  caret-color: transparent !important;
  cursor: pointer;
}
.clock_in_out_event.clock-out-break-running {
  background: #e64d4d !important;
}
.clock_in_out_event.clock-out-break-running:hover {
  background: #d83830 !important;
}
.time_approval_dropdown_main_container {
  display: inline-flex;
  align-items: center;
  background-color: #f9fafd;
}
td.td_row_clock_in_out_break.text_input_error {
  border: 1px solid #d00 !important;
}
.day_che_item.inline_days {
  display: inline-flex;
  align-items: center;
}
.mt_day_total.ml-auto.user_timer_data_total {
  margin-right: 25px;
}
.time_approved_days_section {
  margin-top: 1rem;
}
.day_che_item .round-checkbox {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.day_che_item {
  margin-bottom: 1rem;
}
.time_approval_dropdown_main_container .time_approval_button_d {
  display: flex;
  align-items: center;
  border: 0;
  outline: 0;
  font-size: 12px;
  padding: 3px 8px;
  color: #7c7c7c;
  background: #eee;
  margin-left: 6px;
  min-height: 25px;
  border-radius: 3px;
}
.hs_fn_intract_button {
  display: flex;
  align-items: center;
}
fieldset.form_column.role_management_page_group {
  display: flex;
  align-content: baseline;
}
fieldset.form_column.role_management_page_group .form-check.form_check_inline {
  display: flex;
  align-items: center;
}
.timebox_intro_overlay_component .introjs-helperLayer {
  opacity: 1;
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  border-radius: 20px;
  transition: all 0.3s ease-out;
  box-shadow:
    rgba(0, 0, 0, 0.8) 0 0 1px 2px,
    rgba(0, 0, 0, 0.7) 0 0 0 5000px !important;
}
.time_approval_dropdown_main_container .time_approval_dropdown {
  padding: 8px;
  width: 260px;
  font-size: 13px;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_email_section {
  display: flex;
  align-items: center;
  gap: 6px;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_history_event_data {
  margin: 8px 0;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_history_event_data
  .events_history_item {
  color: #838383;
  font-size: 12px;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_days_section
  .day_che_item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_dropdown_footer
  .time_approval_button_section {
  display: flex;
  gap: 8px;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_email_section
  .select_admin_item_select {
  border: none;
  border-bottom: 1px dashed #000;
}
.timesheet_week_header_approved_request_section {
  position: relative;
  right: 0;
  top: 0;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_dropdown_footer
  .time_approval_button_section
  button.approve {
  background: #0e9aef;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_dropdown_footer
  .time_approval_button_section
  button.reject {
  background: #c60000;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_dropdown_footer
  .time_approval_button_section
  button.discard {
  background: #868686;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_history_event_data
  .events_history_item
  span {
  margin-right: 6px;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_days_section {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_dropdown_footer
  button {
  border: 0;
  width: 100%;
  padding: 8px 8px;
  border-radius: 4px;
  margin-top: 8px;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.4;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_dropdown_footer
  button.submit {
  background: #0e9aef;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_dropdown_footer
  button.withdrawal {
  background: #cfc900;
}
.time_approval_dropdown_main_container
  .time_approval_dropdown
  .time_approval_note_textarea
  textarea {
  width: 100%;
  resize: none;
  height: 84px;
  margin: 8px 0;
}
.timebox_intro_overlay_component .introjs-tooltip {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  width: auto;
  background-color: #fff;
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  z-index: 9999999;
  border-radius: 5px;
  box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);
  transition: opacity 0.1s ease-out;
}
.timebox_intro_overlay_component .introjs-tooltip .introjs-header {
  font-size: 15px;
  padding: 10px;
  font-weight: 600;
}
.timebox_intro_overlay_component .introjs-tooltip .introjs-content {
  padding: 10px;
  font-size: 14px;
}
.timebox_intro_overlay_component .introjs-tooltip .introjs-footer {
  padding: 10px;
  text-align: right;
}
.hs_fn_intract_button .hs_list_switch.switch_small {
  margin-left: 10px;
  margin-top: 4px;
}
.billable_icon.active {
  color: #00aa45;
}
.comment_video_icon_tray.active svg {
  fill: #2680eb;
}
.billable_icon_detail.active {
  background: #d5f1e1 !important;
  border: 1px solid #d5f1e1 !important;
  color: #172327;
}
svg.billable_icon.active {
  stroke: #0e9aef !important;
}
.timer_entry_details_preview_ctrl .comment_timebox_data_scroller {
  height: calc(100vh - 218px);
  overflow: auto;
}
.comments_area .action-magic-dots.active {
  opacity: 0 !important;
}
.media_icon svg.attachment_icon_display_comment {
  width: 13px;
  fill: #c7c7c7;
}
.comment_video_icon_tray svg {
  width: 20px !important;
  height: 20px !important;
}
.edit_time_value_form_group .mt_editable_input.text_input_error {
  border: 1px solid #c70000;
}
.remove_tag_button_round {
  width: 16px;
  margin-left: 7px;
  cursor: pointer;
  display: inline-flex;
  opacity: 0.6;
}
.remove_tag_button_round:hover {
  opacity: 6;
}
.open_in_mobile_device_popup_container.container {
  position: absolute;
  top: 0;
  display: flex;
  background: #21212163;
  width: 100%;
  height: 100%;
}
.open_in_mobile_device_popup_container.container
  .open_in_mobile_device_inner_container {
  margin: auto;
  padding: 19px;
  padding-bottom: 0;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 31%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.open_in_mobile_device_popup_container.container
  .open_in_mobile_device_inner_container
  .button_cont {
  margin-bottom: 11px;
}
.create_project_action_btn.blocked {
  color: #000 !important;
  cursor: not-allowed !important;
  opacity: 0.3;
}
.timer_entry_details_preview_ctrl .comment_timebox_main_container {
  flex: 1;
  height: calc(100vh - 72px);
  background: #fff;
}
.form-group.has-error span.error {
  color: #f15866;
}
.task_input_wrap .loader_svg {
  animation: revolve 4s linear infinite;
}
.login-container .content {
  position: relative;
}
.loading_overlay_login_signup_with_loader {
  position: absolute;
  top: 0;
  left: 0;
  background: #59595985;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: flex;
  border-radius: 16px;
}
.project_task_event.project_gray_chips:hover {
  color: #0e9aef;
}
.in-detail-page .project_task_event:hover {
  color: #0e9aef;
}
.click_disabled .project_task_event.project_gray_chips:hover {
  color: #333;
}
.in-detail-page .project_task_event.click_disabled:hover {
  color: #333;
}
.cursor_pointer {
  cursor: pointer;
}
.tt_row_timeline_wrap:hover .detail_arrow_button {
  opacity: 0.6;
}
.tt_row_timeline_wrap .detail_arrow_button {
  opacity: 0;
}
.loading_overlay_login_signup_with_loader img.three_dot_loader_svg_in_overlay {
  margin: auto;
  width: 100px;
}
.load_more_timer_section {
  display: flex;
  text-align: center;
  width: 100%;
  padding: 15px;
}
.rc_content_main_scroll .rc_content_body_wrap .main_right_side_panel {
  width: 100%;
}
.expand_collapse_sidebar_timebox_svg {
  margin-left: 17px;
}
.expand_collapse_sidebar_timebox_svg svg {
  fill: #9fa5ae;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.timer_list_section_by_user.with_scroller_bar_in_vertual_list {
  height: calc(100vh - 361px) !important;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}
.filter_pills_main_container {
  display: inline-flex;
  flex-wrap: wrap;
  margin-left: 7px;
}
.filter_pills_main_container .filter_pill_inner_data {
  display: flex;
  text-overflow: ellipsis;
  background: #efefef;
  border-radius: 4px;
  padding: 2px;
  margin-right: 5px;
  margin-bottom: 4px;
  cursor: pointer;
}
.filter_pills_main_container .filter_pill_inner_data .filter_name_span {
  width: 65px;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.integration_link_container.time_col_value_multiple {
  display: block !important;
}
.entry_name_text_ctrl.link_entry:hover {
  color: #0079ef !important;
}
.entry_name_text_ctrl.link_entry {
  cursor: pointer;
}
.integration_link_container .multiple_project_section {
  display: flex;
}
.export_custom_report_view_component .modal-dialog {
  max-width: 1500px;
  width: 1500px;
}
.export_custom_report_view_component .modal_body {
  height: calc(100vh - 200px);
}
span.rdrStartEdge.rdrEndEdge {
  background: #fff !important;
  color: #1d2429;
}
.rdrDayToday .range_picker_inner.range_picker_highlight span {
  color: #1d2429 !important;
  font-weight: 600 !important;
}
.dropdown-menu {
  transform: unset !important;
}
.load_more_timer_section_button {
  color: #333;
  border: 0;
  font-size: 14px;
  background: #efeeee;
  padding: 8px 24px;
  border-radius: 4px;
  margin: 10px auto 0;
  font-weight: 600;
  transition: 0.1s;
}
.record_screen_button {
  background-color: #dc3f3f !important;
}
.rdrDayPassive {
  opacity: 0;
}
.button.button--play[data-button="add_button"] .button__shape {
  display: none;
}
.button.button--play[data-button="add_button"]
  .button__add.button__shape--three {
  display: block !important;
  clip-path: polygon(
    0 43%,
    0 57%,
    44% 57%,
    44% 100%,
    58% 100%,
    59% 57%,
    100% 57%,
    100% 43%,
    59% 43%,
    59% 0,
    45% 0,
    44% 43%
  );
  -webkit-clip-path: polygon(
    0 43%,
    0 57%,
    44% 57%,
    44% 100%,
    58% 100%,
    59% 57%,
    100% 57%,
    100% 43%,
    59% 43%,
    59% 0,
    45% 0,
    44% 43%
  );
  width: 18px;
  height: 16px;
  transition: 0.2s ease-in-out;
  z-index: 1;
  background: #fff;
  border: 2px solid #fff;
}
.facebook_style_loader_container.ext_home_loader.sidebar_widget_loader {
  position: relative;
}
.timesheet_day_row.active {
  background: #e6f5fd;
}
.apps_progress_col.progress_col_name .apps_name .etd_logo {
  width: 14px;
  height: 14px;
}
.loading_main_section_dash {
  padding: 14px;
  background: #fff;
}
.date_calender_popup.custom_date_range_calender.for_report_table.left_side {
  right: 0 !important;
  left: unset !important;
}
.three_dot_loader_svg {
  width: 30px;
}
.apps_progress_col.progress_col_progress_bar {
  background: #e7e7e7;
  padding: 0;
  border-radius: 10px;
}
.team_details_card_inner .mc_tree_menu_sec_ctrl .loader_div {
  position: relative;
  display: block;
  height: 24px;
}
.add_period_date_input_section_main_div {
  position: relative;
}
.ext_task_detail_header {
  display: flex;
  align-items: center;
  padding: 10px 15px;
}
.ext_clock_in_out.stop {
  background: #c20f0f;
}
.ext_task_detail_header svg.etd_logo {
  margin: 0 11px 0 0;
  width: 19px;
  height: 18px;
}
.ext_task_detail_header h3 {
  color: #262626;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
  margin: 0;
}
.etd_go_back {
  margin: 0 0 0 auto;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.etd_go_back:hover {
  background-color: #ebebed;
}
.etd_go_back svg {
  width: 12px;
  height: 12px;
}
.etd_time_estimate_running_widget {
  border-top: 1px solid #edeae9;
  border-bottom: 1px solid #edeae9;
  padding: 10px;
}
.etd_time_est {
  background-color: #f9f9fa;
  border-radius: 10px 10px 0 0;
  display: flex;
  padding: 10px 0;
  justify-content: space-around;
}
.total_hours {
  border-radius: 9px;
  background-color: #f2f2f3;
  padding: 11px 10px;
  width: 175px;
  cursor: pointer;
}
.total_hours.active {
  background-color: #ddd;
}
.modify_time_entries_ctrl .total_hours {
  width: 165px;
  color: #1e1f21;
}
.etd_text_icon_label {
  font-size: 13px;
  font-weight: 600;
}
.etd_text_icon_label svg {
  margin: 0 7px 0 0;
}
.etd_time_ran {
  margin: 5px 0 0 0;
}
.etd_time_ran > span {
  font-size: 24px;
  font-weight: 600;
  margin: 0 9px 0 0;
}
.etd_time_ran > svg {
  opacity: 0;
  transition: opacity 60ms ease-in;
  -webkit-transition: opacity 60ms ease-in;
  -moz-transition: opacity 60ms ease-in;
  -ms-transition: opacity 60ms ease-in;
  -o-transition: opacity 60ms ease-in;
}
.total_hours:hover .etd_time_ran > svg {
  opacity: 1;
}
.etd_current_running_timer {
  background-color: rgba(242, 242, 243, 0.77);
  padding: 10px 20px;
  display: flex;
  border-radius: 0 0 8px 8px;
}
.etd_user_info {
  display: flex;
  align-items: center;
}
.ext_clock_in_out {
  margin: 0 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 15px;
  padding: 0 10px 0 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  height: 25px;
  transition:
    background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
  box-shadow:
    rgb(0 0 0 / 20%) 0 3px 1px -2px,
    rgb(0 0 0 / 14%) 0 2px 2px 0,
    rgb(0 0 0 / 12%) 0 1px 5px 0;
}
.ext_clock_in_out.start:hover {
  background-color: #29a10b;
}
.ext_clock_in_out svg {
  width: 13px;
  height: 13px;
  fill: #ffffff;
  margin: 0 5px 0 0;
}
.ext_clock_in_out svg * {
  fill: #ffffff;
}
.ext_clock_in_out.start {
  background-color: #3b1;
}
.ext_clock_in_out.paused {
  background-color: #e9ac10;
}
.etd_current_user_timer_initial {
  background-color: #8e84e5;
  width: 26px;
  height: 26px;
  color: #fff;
  display: inline-flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
.meta-details .etd_current_user_timer_initial {
  width: 20px;
  height: 20px;
  font-size: 11px;
}
.username_previoustime_group {
  color: #333;
  margin: 0 0 0 10px;
  display: inline-flex;
  flex-direction: column;
  flex: 1;
}
.etd_current_running_timer.user_edit_time_byself_group
  .username_previoustime_group {
  margin-right: 20px;
  margin-left: 0;
}
.meta-details .username_previoustime_group {
  margin: 0 0 3px -4px;
}
.username_previoustime_group .username {
  font-size: 13px;
  font-weight: 600;
  user-select: none;
}
.username_previoustime_group .previous_time {
  color: rgba(51, 51, 51, 0.65);
  font-weight: 600;
  font-size: 12px;
  padding: 3px 0 0 0;
}
.etd_running_timer {
  color: #282c34;
  margin: 0 0 0 auto;
}
.task-timer-play-section {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.etd_running_timer .timer-running {
  font-size: 16px;
  font-weight: 600;
}
.etd_running_timer .timer-stop-btn {
  width: 26px;
  height: 26px;
}
.etd_running_timer .timer-stop-btn svg {
  width: 8px;
  height: 8px;
}
.entry_actions_dropdown_ctrl {
  position: relative;
  margin: 0 0 0 5px;
}
.entry_actions_dropdown {
  display: inline-flex;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.entry_actions_dropdown:hover {
  background-color: #e7e7e7 !important;
}
.entry_actions_dropdown svg {
  transform: rotate(90deg);
}
.entry_actions_dropdown + .dropdown-menu {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6 !important;
  min-width: 170px;
  position: absolute;
  right: 0;
  padding: 5px;
  animation: dropdownAnimation 750ms !important;
  animation-fill-mode: forwards !important;
  z-index: 9;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 2px;
}
.entry_actions_dropdown + .dropdown-menu a {
  border-radius: 3px;
  font-weight: 400;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  color: #252222;
  font-size: 13px;
  font-size: 13px;
  padding: 5px 10px;
}
.entry_actions_dropdown + .dropdown-menu a:hover {
  color: #465369;
  background-color: #f5f5f5;
}
.entry_actions_dropdown + .dropdown-menu a .Vicon {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.etd_current_running_timer.other_user_entry {
  margin: 10px 0 0 0;
  background-color: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  padding: 10px 15px;
}
.meta-details {
  margin: 10px 25px 10px 35px;
}
.meta-details .detail-row {
  display: flex;
  margin-bottom: 10px;
}
.meta-details .detail-row .labels {
  width: 120px;
  min-width: 120px;
  color: #303b42;
  font-size: 13px;
  opacity: 0.77;
}
.detail-row .data {
  width: 100%;
  color: #333;
  font-weight: 600;
  font-size: 13px;
  margin: 0 0 2px 0;
}
.entry_detail {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 0;
}
.meta-details {
  margin: 10px 15px 10px 23px;
}
.meta-details .detail-row {
  display: flex;
  margin-bottom: 15px;
}
.meta-details .detail-row .labels {
  width: 40px;
  min-width: 40px;
  color: #303b42;
  font-size: 13px;
  opacity: 0.77;
  display: inline-flex;
  align-items: center;
}
.meta-details .detail-row .labels svg {
  width: 15px;
  height: 15px;
}
.meta-details .detail-row .labels svg * {
  fill: #55585e;
}
.project_linked {
  display: inline-flex;
  align-items: center;
  background-color: rgba(236, 236, 237, 0.56);
  padding: 5px 7px;
  border-radius: 6px;
  margin: 5px 5px 0 0;
}
.project_linked svg.etd_logo {
  display: inline-flex;
  margin: 0 8px 0 0;
  width: 14px;
  height: 14px;
}
.project_linked h5 {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  max-width: 142px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.entry_date.today {
  color: #269448;
}
.mdf_header {
  border-bottom: 1px solid #e2e7eb;
  padding: 13px 16px;
  position: relative;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-top: 1px solid #e2e7eb;
  justify-content: flex-start;
}
.mdf_header h3 {
  margin: 0;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  justify-content: flex-start;
  display: flex;
  align-items: center;
}
.mdf_header span.close {
  position: absolute;
  right: 15px;
  top: 13px;
  opacity: 1;
  width: auto;
  height: auto;
  margin-left: auto;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}
.mdf_header span.close svg {
  width: 10px;
  height: 10px;
}
.modify_time_entry_innr_ctrl {
  padding: 10px 15px;
}
.modify_time_entry_innr_ctrl .create_task_form_scroller {
  padding: 0;
  height: auto;
  overflow: auto;
}
.capture_discrition_area {
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.modify_time_entry_innr_ctrl
  .create_task_form_scroller
  .capture_discrition_area.range_timer_ctrl.range_in_edit_panel.element_group_mb_10 {
  margin-bottom: 15px;
  position: relative;
  display: flex;
  align-items: center;
}
.modify_time_entry_innr_ctrl .create_task_form_scroller .time_label_he {
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
}
.modify_time_entry_innr_ctrl .create_task_form_scroller .range_date_input_ctrl {
  position: relative;
  display: flex;
  align-items: center;
}
.add_period_date_input_section {
  border: none;
  box-sizing: border-box;
  outline: 0;
  padding: 0.75rem;
  position: relative;
  width: 100%;
}
.modify_time_entry_innr_ctrl
  .create_task_form_scroller
  .range_date_input_ctrl
  input.add_descriptions_textarea {
  font-weight: 600 !important;
  color: #333 !important;
  opacity: 1;
  height: 30px;
  width: 100%;
  border-radius: 4px;
  resize: none;
  outline: 0;
  display: flex;
  font-size: 13px;
  border: 1px solid #e5e6e7;
  line-height: 6;
  margin: 0;
  padding-right: 10px;
  padding-left: 30px;
}
.modify_time_entry_innr_ctrl
  .create_task_form_scroller
  .range_date_input_ctrl
  svg {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  pointer-events: none;
  width: 12px;
  height: 16px;
  fill: #878f96;
  left: 10px;
}
.modify_time_entry_innr_ctrl
  .create_task_form_scroller
  i.fas.fa-long-arrow-alt-right {
  position: relative;
  margin: 0 8px;
  font-size: 14px;
  color: #7b7e84;
  font-weight: 900;
}
.time_track_manual_footer {
  border-top: 1px solid #e2e7eb;
  border-bottom: 0;
  display: flex;
  align-items: center;
  padding: 15px;
  text-align: right;
}
.footer_btn_group_fullwidth {
  width: 100%;
}
.time_track_manual_footer button {
  margin-right: 5px;
  cursor: pointer;
  width: 58px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: inherit;
  background: #fff;
  border: 1px solid #e7eaec;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  user-select: none;
}
.footer_btn_group_fullwidth button.save-changes {
  background-color: #0e9aef;
  color: #fff;
  width: 100%;
  padding: 10px 10px;
  height: inherit;
}
.modify_time_entry_innr_ctrl .create_task_form_scroller {
  padding: 0;
  height: auto;
  overflow: auto;
}
.user_information_section {
  margin-bottom: 10px;
}
.create_task_form_scroller .form-group .text-left {
  text-align: left !important;
}
.estimate-time-input {
  width: 100%;
  position: relative;
}
.estimate-time-input svg {
  position: absolute;
  top: 13px;
  left: 10px;
}
.estimate-time-input input {
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  width: -webkit-fill-available;
  padding: 10px 0 10px 30px;
  outline-width: 0;
}
.estimate-time-input input:focus {
  border: 1px solid #0e9aef;
}
.estimate-time-input input:focus-visible {
  border: 0;
  outline: 0;
}
.default-estimate-time-row .default-estimate-time {
  display: flex;
  align-items: center;
}
.default-estimate-time-row .default-estimate-time .d-time {
  background-color: #eeeeef;
  cursor: pointer;
  font-size: 12px;
  height: 36px;
  width: 36px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #282828;
  margin-right: 5px;
}
.default-estimate-time-row .default-estimate-time .d-time:hover {
  background-color: #0e9aef;
  color: #fff;
}
.default-estimate-time-row .default-estimate-time .d-time.active {
  background-color: #0e9aef;
  color: #fff;
}
.go_back_event_icon {
  display: inline-flex;
}
.go_back_event_icon svg {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.compact_ui.rc_folder_section_on\/off_control {
  margin-left: auto;
}
.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 24px;
  margin-bottom: 0;
}
.compact_ui .switch {
  width: 38px;
  height: 14px;
}
.switch.switch_active.checked.switch-compact {
  height: 10px;
  width: 24px;
  vertical-align: middle;
  bottom: 2px;
}
.checked:after,
.checked:before {
  display: none;
}
.checked.switch:before {
  content: "ON";
  color: #fff;
  width: 10px;
  font-size: 12px;
  position: absolute;
  left: 8px;
  top: 4px;
  z-index: 9;
  display: block;
}
.compact_ui .checked.switch:before {
  content: "ON";
  color: #fff;
  width: 10px;
  font-size: 12px;
  position: absolute;
  left: 8px;
  top: 4px;
  z-index: 9;
  display: block;
  opacity: 0;
}
.switch input {
  display: none !important;
}
.compact_ui input[type="checkbox"],
.compact_ui input[type="radio"] {
  height: 14px !important;
  display: block;
}
.slider.round {
  border-radius: 34px;
}
.compact_ui .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.slider.round:before {
  border-radius: 50%;
}
.compact_ui .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 0;
  bottom: -2px;
  background-color: #fff;
  transition: 0.4s;
  z-index: 99;
  border: 1px solid #ccc;
}
.compact_ui.rc_folder_section_on\/off_control .slider:before {
  width: 12px;
  height: 12px;
  bottom: -1px;
}
input:checked + .slider {
  background-color: #2196f3;
}
.compact_ui input:checked + .slider {
  background-color: #93cff4;
}
.compact_ui input:checked + .slider {
  background-color: #93cff4;
}
.compact_ui input:checked + .slider {
  background-color: #93cff4;
}
.compact_ui input:checked + .slider:before {
  transform: translateX(21px);
  background-color: #0e9aef;
  border: 1px solid #0e9aef;
}
.switch-compact input:checked + .slider:before {
  width: 12px !important;
  height: 12px !important;
  left: -9px !important;
}
.project_privacy_wrapper {
  display: flex;
  align-items: center;
  padding: 0 0 15px 0;
}
.project_privacy_wrapper span {
  display: inline-flex;
  align-items: center;
}
.project_privacy_wrapper span svg {
  width: 20px;
  margin: 0 10px 0 0;
}
.privacy_ctrl {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.project_privacy_wrapper .privacy_toggle {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}
.project_privacy_wrapper .switch {
  margin: 0 5px !important;
}
.etd_modify_ctrl
  .modify_time_entry_innr_ctrl
  .capture_discrition_area.range_timer_ctrl.range_in_edit_panel.element_group_mb_10 {
  display: block;
  margin-bottom: 5px;
}
.etd_modify_ctrl .etd_users_input_select {
  display: flex;
  align-items: center;
  max-height: 36px;
  border: 1px solid #d6d8dc85;
  border-radius: 6px;
  padding: 0 10px;
  min-height: 36px;
}
.etd_modify_ctrl .etd_user_info {
  width: calc(100% - 10px);
}
.etd_modify_ctrl .username_previoustime_group {
  flex: 1;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.etd_modify_ctrl .etd_user_dropdown .etd_user_info.etd_users_row {
  padding: 0 10px;
  min-height: 36px;
  cursor: pointer;
  border-radius: 4px;
}
.editable_form_group-two {
  display: flex;
  align-items: center;
}
.editable_form_group-two .range_input_from_to:last-child {
  margin-right: 0;
}
.editable_form_group-two .range_input_from_to:first-child {
  margin-left: 0;
}
.editable_form_group-two .range_input_from_to {
  width: 100%;
  margin: 0 5px;
}
.editable_form_group_two {
  display: flex;
  width: 100%;
  margin: 15px 0;
}
.editable_form_group_two .range_input_from_to {
  width: 100%;
  margin: 0 5px;
}
.editable_form_group_two .range_input_from_to .range_date_input_ctrl input {
  border-radius: 6px;
  min-height: 36px;
  max-height: 36px;
  box-sizing: border-box;
}
.btn.btn-danger.delete_entry {
  width: 100%;
  min-height: 40px;
  padding: 5px 10px;
  border-radius: 6px;
  color: #ef5459;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  font-family: 'Inter', "Segoe UI", sans-serif;
  margin-top: 10px;
  line-height: revert;
}
.modify_time_entry_innr_ctrl
  .create_task_form_scroller
  .editable_form_group_two
  svg {
  right: 10px;
  left: auto;
  width: 13px;
}
.modify_time_entry_innr_ctrl
  .create_task_form_scroller
  .editable_form_group_two
  .time_label_he {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.etd_time_edit {
  background: #ffff;
  margin: auto;
  border: 1px solid #e2e7eb;
  border-radius: 9px 9px 0 0;
  width: 530px;
}
.etd_time_edit
  .etd_modify_ctrl
  .modify_time_entry_innr_ctrl
  .create_task_form_scroller
  .time_label_he {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.editable_form_group_two .textarea_form_group_ctrl textarea::placeholder {
  font-size: 13px;
  font-weight: 500;
  color: rgb(51 51 51 / 49%);
  font-family: 'Inter', "Segoe UI", sans-serif;
}
.editable_form_group_two
  .textarea_form_group_ctrl
  .add_descriptions_textarea_ctrl::placeholder {
  font-size: 13px;
  font-weight: 500;
  color: rgb(51 51 51 / 50%);
}
.editable_form_group_two
  .textarea_form_group_ctrl
  .add_descriptions_textarea_ctrl {
  border: 1px solid #d6d8dc;
  border-radius: 6px;
  width: 100%;
  padding: 10px 10px;
  font-weight: 500;
  font-size: 13px;
  min-height: 120px;
  max-height: 120px;
  resize: none;
}
.editable_form_group_two
  .textarea_form_group_ctrl
  .add_descriptions_textarea_ctrl:focus {
  outline: #207af4;
  border: 1px solid #207af4;
}
.etd_time_edit
  .modify_time_entry_innr_ctrl
  .create_task_form_scroller
  .range_date_input_ctrl
  input.add_descriptions_textarea:focus {
  outline: #207af4;
  border: 1px solid #207af4;
}
.etd_time_edit
  .etd_modify_ctrl
  .footer_btn_group_fullwidth
  button.save-changes {
  border-radius: 6px;
  min-height: 40px;
}
.textarea_form_group_ctrl {
  width: 100%;
  display: inline-flex;
}
.etd_time_edit .modify_time_entry_innr_ctrl .create_task_form_scroller {
  overflow: unset;
}
button.btn.btn-danger.delete_entry:hover {
  background: rgb(239 84 89 / 20%);
  border: 1px solid rgb(239 84 89 / 20%);
}
.etd_modify_ctrl .etd_user_dropdown .etd_user_info.etd_users_row:hover {
  background: #f5f5f5;
}
.etd_modify_ctrl .etd_users_input_select:hover {
  background: #f5f5f5;
}
.etd_time_edit .time_track_manual_footer {
  border: 0;
  padding: 0 15px 15px;
}
.editable_form_group_two.mb-0 {
  margin-bottom: 0;
}
.etd_time_edit .mdf_header {
  border-top: 0;
}
.etd_time_edit .go_back_event_icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e1e4;
  border-radius: 6px;
  margin-right: 12px;
  cursor: pointer;
}
.etd_time_edit .go_back_event_icon svg {
  margin-right: 0;
  width: 20px;
  height: 20px;
}
.etd_time_edit .go_back_event_icon:hover {
  background: #f5f5f5;
}
.up-down-arrow-icon {
  display: inline-flex;
  align-items: center;
}
.up-down-arrow-icon svg {
  width: 9px;
  height: 9px;
}
.etd_time_edit .modify_time_entry_innr_ctrl {
  padding: 15px 15px;
}
.modify_total_time {
  color: #282c34;
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
}
.etd_time_edit .mdf_header h3 {
  display: inline-flex;
  width: auto;
}
.etd_time_edit .etd_user_dropdown {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6 !important;
  position: absolute;
  padding: 5px;
  animation: dropdownAnimation 750ms !important;
  animation-fill-mode: forwards !important;
  z-index: 9;
  background-color: #fff;
  right: 0;
  left: 0;
  margin-top: 5px;
  border-radius: 6px;
}
.etd_time_edit .etd_user_dropdown .etd_user_info.etd_users_row {
  width: auto;
}
.etd_list_scroller {
  min-height: 460px;
  height: 460px;
  overflow: auto;
}
.task-timer-play-section .play-action {
  position: relative;
  top: 0;
  margin: 0 0 0 7px;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
}
.etd_current_running_timer .task-timer-play-section .play-action {
  margin: 0 0 0 12px;
  top: 0;
}
.by-mw-header {
  display: flex;
  align-items: center;
  padding: 12px;
  font-size: 15px;
}
.task_grouped_ctrl {
  display: flex;
  padding: 7px 12px;
  border-bottom: 1px solid #e2e7eb;
  font-size: 13px;
  font-weight: 400;
  color: #262626;
  background-color: #f5f5f5;
}
.etd_time_edit .estimate_time_entry_innr_ctrl {
  padding: 15px 15px;
}
.etd_mannual_entry_form .time_label_he {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.etd_mannual_entry_form .etd_users_input_select {
  display: flex;
  align-items: center;
  max-height: 36px;
  border: 1px solid #d6d8dc85;
  border-radius: 6px;
  padding: 0 10px;
  min-height: 36px;
  cursor: pointer;
}
.etd_mannual_entry_form .etd_user_info {
  width: calc(100% - 10px);
}
.etd_mannual_entry_form .username_previoustime_group {
  flex: 1;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.etd_mannual_entry_form .etd_user_dropdown {
  box-shadow: 0 3px 6px #00000029;
  -webkit-box-shadow: 0 3px 6px #00000029;
  -moz-box-shadow: 0 3px 6px #00000029;
  -ms-box-shadow: 0 3px 6px #00000029;
  -o-box-shadow: 0 3px 6px #00000029;
  border: 1px solid #d5d5d6 !important;
  position: absolute;
  padding: 5px;
  animation: dropdownAnimation 750ms !important;
  animation-fill-mode: forwards !important;
  z-index: 9;
  background-color: #fff;
  right: 0;
  left: 0;
  margin-top: 5px;
  border-radius: 6px;
}
.etd_mannual_entry_form .etd_user_dropdown .etd_user_info.etd_users_row {
  padding: 0 10px;
  min-height: 36px;
  cursor: pointer;
  border-radius: 4px;
}
.etd_mannual_entry_form .etd_user_dropdown .etd_user_info.etd_users_row {
  width: auto;
}
.etd_mannual_entry_form .username_previoustime_group {
  flex: 1;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.etd_mannual_entry_form .etd_user_dropdown .etd_user_info.etd_users_row:hover {
  background: #f5f5f5;
}
.mannual_box_ctrl {
  background: #ffff;
  margin-top: 10px;
  border: 1px solid #e2e7eb;
  border-radius: 9px;
}
.etd_users.project_task_dropdown {
  position: relative;
}
.ext_entry_actn_btn .ext_entry_time input {
  border: unset;
  outline-width: 0;
  font-size: 15px;
  font-weight: 600;
  width: 84px;
}
.timer_input_ctrl {
  padding: 0 10px;
}
.grouped_by_day {
  border: 1px solid #e2e7eb;
  border-radius: 8px;
}
.ext_list_group_parent {
  border-radius: 8px 8px 0 0;
  border: 1px solid #e2e7eb;
  margin: 15px 0 0 0;
  background-color: #fff;
  padding: 15px 10px 0 10px;
}
.loader_div.pre_panel_loader {
  width: 100%;
  z-index: 99;
  height: 100%;
  min-height: 120px;
}
.element-loader.preview_panel,
.loader_div.pre_panel_loader {
  display: flex;
  padding: 15px;
  border-radius: 0;
  background-color: #fff;
}
.element-loader.preview_panel {
  position: absolute;
  top: 0;
  width: calc(100% - 55px);
  left: 0;
  height: calc(100% - 30px);
  margin: 0 auto;
  right: 0;
  z-index: 1;
}
.content-item {
  box-sizing: border-box;
  background: #fff;
  border-radius: 3px;
  padding: 12px;
  margin: 0 auto;
  width: 100%;
  min-height: 40px;
  border-top: 3px solid #f6f7f8;
}
.preview_panel .content-item {
  border: 0;
  border-radius: 0;
  padding: 0;
  min-height: unset;
}
.card_style_one {
  display: flex;
  flex-direction: row;
}
.animated-background {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px 104px;
  height: 8px;
  position: relative;
}
.animated-background.facebook.eighty_by_eighty {
  width: 60px !important;
  height: 60px !important;
}
.preview_panel .animated-background.facebook {
  height: 10px;
  margin: 0 0 13px;
}
.long_line_ctrl {
  display: inline-flex;
  padding: 2px 0 2px 15px;
  width: 100%;
  flex-direction: column;
}
.preview_panel .long_line_ctrl .animated-background {
  width: 100%;
  height: 10px;
  margin: 0 0 15px;
}
.width_80_percent {
  max-width: 80%;
}
.facebook_style_loader_container.ext_home_loader {
  height: 590px;
  background-color: #fff;
}
.ext_home_loader .element-loader.preview_panel {
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  right: unset;
}
.ext_loader_group {
  display: flex;
  padding: 0;
}
.ext_loader_group.header-loader {
  margin: 15px 0 10px 0;
  padding: 0 10px 0 15px;
}
.width_20 {
  width: 20% !important;
}
.ext_loader_group .animated-background.facebook {
  display: inline-flex;
  height: 25px;
  margin: 0;
}
.ext_home_loader .animated-background.facebook {
  border-radius: 4px;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-auto {
  margin-left: auto !important;
}
.ext_loader_group.input-loader {
  margin: 15px 0 10px 0;
  padding: 0 10px 0 15px;
}
.width_80 {
  width: 80% !important;
}
.ext_loader_group.list-header-loader {
  margin: 15px 0 10px 0;
  padding: 0 10px 0 15px;
}
.width_15 {
  width: 15% !important;
}
.ext_loader_group.list-subheader-loader {
  margin: 15px 0 10px 0;
  padding: 0 15px;
}
.width_30 {
  width: 30% !important;
}
.ext_loader_group.listing-loader {
  margin: 15px 0 0 0;
  padding: 15px 10px 0 15px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddd;
}
.width_70 {
  width: 70% !important;
}
.ext_loader_group.listing-loader .animated-background.facebook {
  height: 15px;
}
.listing-sub-loader {
  display: inline-flex;
  margin: 10px 0 0;
  flex-direction: row;
}
.width_40 {
  width: 40% !important;
}
.listing-sub-loader .animated-background.facebook {
  margin: 0;
}
.ext_loader_group.listing-loader .animated-background.facebook {
  height: 15px;
}
.timer_entry_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.entries_grouped_by {
  border-top: 1px solid #e2e7eb;
}
.task_grouped_ctrl .total_time {
  margin-left: auto;
}
.etd_current_running_timer .task-timer-play-section .play-action SVG {
  width: 24px;
  height: 24px;
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.timer_listing_wrapper {
  display: flex;
  flex-direction: column;
}
.time-tracker-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.clock_in_ctrl .compact_ui input:checked + .slider {
  background-color: #33bb1175;
}
.clock_in_ctrl .compact_ui input:checked + .slider:before {
  background-color: #3b1;
  border: 1px solid #3b1;
}
.add_period_date_input_section_main_div
  input.input_mannual_ctrl.add_period_date_input_section {
  border: unset;
  font-size: 15px;
  font-weight: 600;
  color: #5c5f65;
}
.edit_timer_detail_component_main_popup
  .edit_timer_detail_component_main_popup_inner_section {
  margin: auto;
  background: #fff;
  border-radius: 9px;
  padding: 11px;
}
.edit_timer_detail_component_main_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  background: #0006;
}
.timesheet_col_total-weektime.main_total_time {
  font-size: 14px !important;
}
.add_period_date_input_section::-webkit-calendar-picker-indicator {
  background: 0 0;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.recent_chat_main_header {
  padding: 10px 20px 10px 30px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}
.show_edit_record_screen_popup {
  position: fixed;
  top: 0;
  left: 0;
  background: #000000c7;
  width: 100%;
  height: 100%;
  justify-content: center;
  z-index: 9999999999;
  display: flex;
}
.tc_calendar_body ul.tc_range {
  height: 227px;
  overflow-y: auto;
}
.show_edit_record_screen_popup
  .video_controls_section_div
  .video_controls_section_div_inner_section {
  border-radius: 30px;
}
.show_edit_record_screen_popup .react_video_player_main_section {
  width: 76% !important;
}
.show_edit_record_screen_popup .video_controls_section_row {
  margin: 2px;
}
.initial_shot_window
  .scroll-area-capture-in-modal.imc
  .canvas_render_multiple_section {
  height: auto !important;
  display: inline-flex !important;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.previewDetails-RC-fullScreen .pdfEditor .preview-container {
  height: auto !important;
  width: auto !important;
}
.list_panel_second_header .capture_module_line_view_ctrl {
  margin-left: auto !important;
}
.list_dropdown.chat_list_content_in_chat_left_side_bar {
  padding: 9px 15px 9px 0;
  cursor: pointer;
  margin: 0 10px;
  border-radius: 10px;
  position: relative;
  min-height: 64px;
}
.list_dropdown.chat_list_content_in_chat_left_side_bar:hover {
  background-color: #e7e7ec;
}
.chat_list_content_in_chat_left_side_bar .assignee_text {
  color: #262626;
  font-size: 15px;
  display: inline-flex;
  font-weight: 400;
}
.add_user_in_current_call i.fa.fa-plus {
  margin: auto;
}
.comment_text.reply_comment_text_section {
  height: 40px !important;
  overflow-y: auto !important;
}
.user_container_main_container {
  height: calc(100vh - 166px);
}
.list_panel_second_header .list_sub_header_main_right {
  margin: unset !important;
}
.chat_main_section_sub_header {
  padding: 18px;
}
.list_dropdown.chat_list_content_in_chat_left_side_bar.active {
  background: rgba(32, 122, 244, 0.12) !important;
}
.new_call_starting_and_in_call_div_section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #2b3141;
  height: 100vh;
  display: flex;
}
.current_call_loading_inner_div_footer .mute_unmute_call_section {
  width: 57px;
  height: 57px;
  margin-right: 21px;
}
.current_call_loading_inner_div_footer
  .mute_unmute_call_section
  .audio_change_call_button {
  background: #fff;
  border-radius: 50%;
}
.user_in_call_section_main_section
  .current_in_call_group_data_main_section
  .current_call_loading_inner_div {
  background: #fff;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  padding: 11px;
  font-size: 99px;
  margin: auto;
  text-align: center;
}
.user_in_call_section_main_section .current_call_loading_group_inner_section {
  margin: auto;
}
.user_in_call_section_main_section .current_in_call_group_data_main_section {
  display: inline-flex;
  width: 100%;
  height: 100vh;
}
div#userAudioSectionId {
  display: none;
}
.new_call_starting_and_in_call_div_section
  .current_call_loading_group_data_main_section {
  margin: auto;
  width: 100%;
}
.user_in_call_section_main_section {
  background: #2b3141;
  width: 100%;
  height: 100vh;
}
.share_screen_video_recording {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 116px;
  left: 0;
  display: flex;
}
div#incoming_call_div_section {
  background: #272c32;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 300px;
  height: 300px;
}
.incoming_call_div_section .incoming_call_user_main_section {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 36px;
}
.incoming_call_user_main_section .user_initial_avatar img {
  border-radius: 50%;
}
.left_sidebar_content_new_chat_dropdown.dropdown-menu {
  position: fixed;
  width: 100px;
  display: block;
  top: 103px;
  left: 303px;
  z-index: 99999;
}
.form-group.fg_bm_ctrl.select_participant_for_call {
  height: 400px;
  overflow: auto;
}
.select_participant_for_call_list_dropdown {
  border-bottom: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
}
.incoming_call_user_main_section .user_initial_avatar {
  margin: auto;
  width: 100px;
  height: 100px;
  background: #ccc;
  display: flex;
  border-radius: 50%;
  font-size: 27px;
}
.current_call_loading_inner_div_footer .share_screen_button {
  width: 57px;
  margin-left: 20px;
  fill: #ffffff;
}
.incoming_call_user_main_section .end_accept_call_section {
  display: inline-flex;
  text-align: center;
  margin-top: 71px;
  margin-left: 76px;
}
.incoming_call_user_main_section .end_accept_call_section svg {
  width: 61px;
  margin-left: 15px;
}
.incoming_call_user_main_section .end_accept_call_section {
  display: inline-flex;
  text-align: center;
}
.incoming_call_user_main_section .user_initial_avatar .user_initial {
  margin: auto;
}
.current_call_loading_inner_div_footer {
  position: absolute;
  bottom: 48px;
  text-align: center;
  width: 100%;
  display: flex;
}
.current_call_loading_inner_div_footer .footer_inner_content {
  display: inline-flex;
  margin: auto;
}
.share_screen_video_recording {
  position: absolute;
  height: 100%;
  top: 89px;
  width: 100%;
  left: 0;
}
.user_list_loop_section {
  margin-top: 7px;
}
.current_call_loading_inner_div_footer .end_call_button {
  width: 60px;
}
.current_in_call_group_data_main_section .current_call_loading_inner_div {
  background: #fff;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  padding: 22px;
  font-size: 99px;
  margin: auto;
}
.all_group_list_data_in_call .user_list_loop_section {
  background: #ccc;
  width: 70px;
  height: 70px;
  display: inline-flex;
  text-align: center;
  font-size: 23px;
  border-radius: 50%;
  margin-top: 9px;
}
.user_in_call_section_main_section .add_user_in_current_call {
  background: #fff;
  width: 70px;
  height: 70px;
  display: inline-flex;
  text-align: center;
  font-size: 23px;
  border-radius: 50%;
  margin-top: 9px;
}
.left_side_content_section .message_text_data {
  color: #262626;
}
.user_list_loop_section .name_intial {
  margin: auto;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  margin: auto;
  color: #fff;
  font-size: 26px;
  background: red;
  padding: 15px;
}
.user_list_loop_section img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: auto;
}
.user_list_loop_section .name_intial {
  margin: auto;
}
.all_group_list_data_in_call {
  position: absolute;
  right: 36px;
  display: inline-flex;
}
.current_in_call_group_data_main_section .in_call_header_div {
  width: 100%;
  height: 86px;
  border-bottom: 1px solid #fff;
  position: absolute;
  top: 0;
  display: inline-flex;
}
.current_in_call_group_data_main_section
  .in_call_header_div
  .group_name_section {
  padding: 21px;
  font-size: 25px;
  color: #fff;
}
.container.current_call_loading_group_inner_section_container {
  margin: auto;
  position: relative;
  width: 600px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.current_call_loading_group_inner_section_container .circle {
  border-radius: 50%;
  background-color: #00bfff;
  width: 170px;
  height: 170px;
  position: absolute;
  opacity: 0;
  animation: scaleIn 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);
}
@keyframes scaleIn {
  from {
    transform: scale(0.5, 0.5);
    opacity: 0.5;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}
.current_call_loading_group_data_main_section .current_call_loading_inner_div {
  background: #fff;
  width: 180px;
  height: 180px;
  z-index: 100;
  border-radius: 50%;
  padding: 13px;
  font-size: 99px;
  margin: auto;
  text-align: center;
}
.new_group_by_section_:before {
  content: "";
  width: 10px;
}
.new_group_by_section_ {
  display: inline-flex;
  width: 100%;
  color: #9c9c9c;
  margin: 23px 0 0 0;
}
.new_group_by_section_ span {
  width: 40%;
  background: #ccc;
  height: 1px;
  margin: auto;
}
.message_text_data .attachment_by_slash {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  width: 180px;
  height: 25px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.left_sidebar_content .add_new_group {
  background: #3a89c4;
  color: #fff;
  width: 31px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  text-align: center;
  display: inline-flex;
}
.left_sidebar_content .add_new_group i {
  margin: auto;
  fill: #ffffff !important;
  color: #fff !important;
}
.chat_main_section_inner_container.padding_inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: calc(100% - 200px);
  overflow: auto;
}
.chat_main_section_list .assignee_circle.in-dropdown {
  background: #a27171;
}
.chat_bubble_text_message_inner_section {
  background: #0e9aef;
  border-radius: 20px;
  padding: 8px;
  color: #fff;
  font-size: 13px;
}
.chat_module_container_main_panel
  .capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.preview_pane_is_opened {
  width: 100% !important;
  height: calc(100vh - 58px);
  left: 0 !important;
}
.chat_main_section_sub_header {
  border-bottom: 1px solid #ccc;
  height: 67px;
  display: inline-flex;
  width: 100%;
}
.chat_main_section_sub_header {
  border-bottom: 1px solid #ccc;
  height: 67px;
}
#chat_area_main_chat_list_scroll_section {
  max-width: 1117px;
  margin: 0 auto;
  padding: 0 80px;
  height: 100%;
}
.chat_main_section_sub_header_right_side_section {
  margin-left: auto;
}
.user_container_main_container .grouping_section {
  font-size: 13px;
  color: #262626;
  padding: 14px 20px 14px 20px;
  position: relative;
  border-top: 1px solid #d5d5d6;
  display: inline-block;
  width: 100%;
  font-weight: 600;
}
.chat_sidebar .user_container_main_container .grouping_section span {
  cursor: pointer;
}
.chat_main_section_sub_header_user_group_name_section {
  top: 0;
  display: inline-flex;
  align-items: center;
}
.chat_footer_panel_module.padding_inner {
  padding: 0 15px;
  max-width: 1106px;
  padding: 0 80px;
  margin: auto;
  left: 0;
  right: 0;
}
.chat_footer_panel_module {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f6f8fa;
}
.search_left_side_header {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  padding: 14px 20px 14px 30px;
  position: relative;
  border-top: 1px solid #424851;
  margin: 14px 0 0 0;
  display: inline-block;
  width: 100%;
}
.chat_footer_panel_module_input_section:empty:before {
  content: attr(data-placeholder);
}
.pofile_header {
  width: 100%;
  height: 50px;
}
.text_area_profile_setting_popup {
  height: 50px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
}
.pofile_header_setting svg {
  height: 20px;
  width: 20px;
}
.model_pop_title h4 {
  font-size: 30px;
  font-weight: 700;
  color: #000;
  margin-left: 48px;
}
.show_unread_message_count {
  color: #fff;
  margin-left: 32px;
}
.chat_footer_panel_module .chat_footer_panel_module_input_section {
  width: 725px;
  border-radius: 26px;
  height: 41px;
  border: 0;
  background: #fff;
  color: #4e4c4c;
  padding: 11px;
}
.search_list_section_loop .user_name_initial {
  margin: auto;
}
.call_ended_section {
  text-align: center;
}
.search_list_section_loop .profile_avatar_with_image img {
  border-radius: 50%;
}
.search_list_section_loop .profile_name_avatar_name {
  color: #fff;
  font-size: 16px;
  padding: 11px 11px 3px 11px;
}
.search_list_section_main_div .search_list_section_loop {
  display: flex;
  padding: 10px 28px;
}
.search_list_section_loop .profile_avatar_with_image {
  width: 50px;
  height: 50px;
  background: #333b5d;
  color: #fff;
  display: flex;
  border-radius: 50%;
}
.chat_bubble_text_message {
  padding: 12px 28px;
}
.chat_bubble_text_message.self_message {
  padding: 12px 28px;
}
.chat_module_container_main_panel
  .capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.preview_pane_is_opened
  .SplitPane.vertical {
  left: 0 !important;
  width: 100% !important;
}
.chat_main_section_sub_header {
  border-bottom: 1px solid #e3e5e7;
  height: 80px;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.self_message .chat_bubble_text_message_inner_section {
  background: #dfdfdf;
  color: #171717;
}
.chat_main_middle_panel_section {
  width: 100%;
  background: #f6f8fa;
}
.load_pdf_annotator_page_overlay {
  position: fixed;
  width: 100%;
  background: #272930;
  top: 0;
  left: 0;
  display: flex;
  height: 100vh;
  z-index: 99999999999;
}
.load_pdf_annotator_page_overlay .load_pdf_annotator_page_inner_content {
  margin: auto;
  font-size: 23px;
  color: #fff;
}
#record_screen_popup {
  left: 0;
  position: fixed;
  bottom: 0;
  width: 232px;
  height: 232px;
  z-index: 9999;
}
.record_screen_popup_video_row {
  position: absolute;
  background: 0 0 !important;
}
.record_screen_popup_video_row video#video_screen_record_section {
  width: 232px !important;
  height: 232px !important;
  border-radius: 0;
  overflow: hidden !important;
}
.comments_area.comment_area_right.comment_area_byself .comment_text_bg.glow {
  background-color: #fff8dc !important;
  border: 1px solid #fff8dc !important;
}
.global_search_highlight {
  color: #333;
  font-weight: 600;
  background-color: #fdfc9f;
}
.no_data_found_div_section {
  height: 49px;
  padding: 15px;
}
.image_extraction_section {
  padding: 30px;
  font-size: 14px;
}
.preview_loader_global_search {
  text-align: center;
}
.link_show_hover_inner_section {
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px 7px 2px 12px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
}
.link_show_hover_inner_section svg {
  fill: #333333;
  width: 15px;
  height: 15px;
  display: inline-flex;
  margin: 1px 5px 0 0;
}
a.edit_link {
  padding: 10px 5px;
  margin: 0 0 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
a.edit_link svg {
  fill: #333333;
  opacity: 0.6;
  width: 15px;
  height: 15px;
  display: inline-flex;
}
a.edit_link:hover svg {
  opacity: 1;
}
.link_show_hover_inner_section a.edit_link.unlink {
  margin: 0;
}
.link_show_hover_inner_section a.edit_link.unlink svg {
  margin: 0;
  opacity: 1;
  stroke: rgb(241, 108, 121);
  strokewidth: 2;
}
img.emoji_image_icon {
  width: 18px;
}
.comment_annotator_on_object.temp_comment_object_class {
  display: none !important;
}
.comment_text_bg img.emoji_image_icon {
  width: 30px;
}
.reacted_emoji_ctrl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.comment_reaction_div_loop .count {
  color: #333;
  font-size: 12px;
  position: relative;
  right: auto;
  top: auto;
  font-weight: 600;
  padding: 0 0 0 2px;
}
.comment_reaction_div .comment_reaction_div_inline,
.comment_reaction_div_loop {
  margin: 2px 2px;
  height: 32px;
  background: #fff;
  padding: 6px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  margin-left: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #ebecee;
}
.comment_reaction_div_inline {
  border-radius: 20px;
  width: auto;
  position: relative;
  text-align: center;
  height: 23px;
  border: thin solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0;
  margin: 0 3px 0 0;
  cursor: pointer;
}
.comment_reaction_div_inline:hover {
  background: #edeff0;
  border: thin solid #edeff0;
}
.comment_reaction_div {
  justify-content: end;
  flex-wrap: wrap;
  margin-top: -14px;
  position: relative;
  top: -5px;
  display: flex;
  margin-left: auto;
  padding: 0 10px;
}
.user_typing_section_div img.loader_typing_image {
  width: 28px;
  height: 10px;
}
div#comment_emoji_popup {
  padding: 10px;
}
div#comment_emoji_popup span.emoji_list_item {
  padding: 9px;
  font-size: 17px;
  cursor: pointer;
  color: #fbaa16;
}
#captureMergedCaptureScrollPane .image-container.cropping_image .image-border {
  opacity: 0 !important;
  display: none !important;
}
.comment_text_reply_parent_section {
  cursor: pointer;
}
.pre_link_class_section {
  color: #fff;
}
.countOfMerged img.loading_count_in_merge_section {
  width: 28px;
  height: 28px;
}
a.doc_ancor_link_text {
  color: #007bff !important;
}
.action_info_icon img.loading_count_in_merge_section {
  width: 23px;
  height: 23px;
}
#add_capture_block_dropdown a.active.show {
  background-color: #f5f5f5;
}
.Resizer.vertical {
  width: 7px;
}
.note_capture_data_place_holder {
  position: absolute;
  text-align: center;
  width: 94%;
  font-size: 27px;
  padding-top: 20%;
}
.selection_click_icon_section svg {
  width: 29px !important;
  margin-top: 3px;
  fill: #0084bb !important;
}
.video_controls_section_div {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 99;
}
.timer_video_center_section {
  display: inline-flex;
  padding: 1px 104px;
}
.timer_video_center_section svg {
  width: 22px;
}
.video_thumbnail_popup_section {
  position: absolute;
  width: 120px;
  height: 120px;
  bottom: 28px;
  padding: 10px;
  background: #fff;
}
.video_thumbnail_popup_section img {
  max-width: 94px;
}
.canvas_edit_overlay {
  position: fixed;
  background: #00000096;
  z-index: 999;
}
.react_video_player_main_section.annotator_mode {
  position: absolute;
  z-index: 999;
}
.video_annotator_tool_bar {
  display: inline-flex;
  background: #fff;
  padding: 0 29px;
  position: absolute;
  margin: 0 auto;
  top: -45px;
  right: 50%;
  border: 1px solid #ccc;
}
.video_thumbnail_popup_section_dot {
  position: absolute;
  bottom: -8px;
  width: 0;
  z-index: 99;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 17px solid red;
}
.video_thumbnail_popup_section.over_dot {
  background: #0e9aef;
}
.video_controls_section_div .video_controls_section_div_inner_section {
  background: rgba(0, 0, 0, 0.4);
  display: inline-flex;
  width: 100%;
  border-radius: 0;
}
.volume_mute_and_bar_section .volume_mute_icon {
  font-size: 15px;
  margin: 0 11px 0 0;
}
.video_controls_section_div
  .video_controls_section_div_inner_section
  .video_controls_section_row {
  width: 100%;
  padding: 6px 16px;
}
.video_controls_section_div
  .video_controls_section_div_inner_section
  .video_controls_section_row
  .video_title {
  font-size: 15px;
}
.flexbox-layout-resize-handles:empty {
  display: none !important;
}
.dropdown-menu.magic_client_dropdown#assigneeDropdown {
  z-index: 9999999999 !important;
}
.four_column_ui .vue_splitter_pane.app_all_captures,
.four_column_ui .vue_splitter_pane.capture_detail_captures,
.four_column_ui .vue_splitter_pane.vue_splitter_pane {
  width: 100%;
}
.editable_draggable_handle .inline_icon_tray {
  display: inline-flex;
}
.flexbox-layout-column.resize_active {
  border: 2px solid #cbeff1 !important;
}
.flexbox-layout-container.container_clicked .flexbox-layout-resize-handles {
  opacity: 1 !important;
  display: block;
}
.flexbox-layout-container .flexbox-layout-resize-handles {
  position: absolute;
  opacity: 0;
  display: block;
  height: 100%;
}
.doc_type_icon img.doc_icon_gdrive {
  width: 15px;
  margin-right: 9px;
}
.flexbox-layout-container
  .flexbox-layout-resize-handles
  .flexbox-layout-resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 42px;
  cursor: col-resize;
}
.flexbox-layout-container
  .flexbox-layout-resize-handles
  .flexbox-layout-resize-handle
  .flexbox-layout-resize-handle-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 55%;
  z-index: 999;
  border: 1px solid #3d87f5;
  max-height: 70px;
  margin: auto;
}
div#new_image_draggable_clone {
  position: fixed;
  z-index: 9999999999999;
  height: auto;
  width: auto;
  opacity: 0.4;
}
.inline_image_toolbar_control {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #b2b2b269;
  position: fixed;
  z-index: 999;
  padding: 3px 3px;
  background-color: #2d333d;
}
.flexbox-layout-column.drag_on_this_panel.drag_on_this_panel {
  border: 2px dashed #3d87f5;
}
#new_image_draggable_clone img.view-bug-image-rcl {
  width: 133px;
}
.image-container img.view-bug-image-rcl {
  max-width: 100%;
  width: 100%;
  -webkit-user-drag: none;
}
.crop-overlay-resize-handle.top-left {
  top: -6px;
  left: -6px;
  cursor: nwse-resize;
  z-index: 100;
}
.crop-overlay-resize-handle.top-right {
  top: -6px;
  right: -6px;
  cursor: nesw-resize;
}
.crop-overlay-resize-handle.bottom-left {
  bottom: -6px;
  left: -6px;
  cursor: nesw-resize;
}
.crop-overlay-resize-handle.bottom-right {
  bottom: -6px;
  right: -6px;
  cursor: nwse-resize;
}
.crop-overlay-resize-handle {
  background-color: #0e9aef;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 1px;
  border: 1px solid #0e9aef;
}
.cropping_image .image-cropping-border {
  display: block;
}
.cropping_image .image-border {
  display: none !important;
}
.image-cropping-border {
  display: none;
  bottom: 0;
  left: 0;
  position: absolute;
  margin: 5px;
  right: 0;
  top: 0;
  border: 2px dashed #0e9aef;
  box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0.5);
}
#captureMergedCaptureScrollPane .image-border {
  border: 2px solid #0e9aef;
}
.editable_content_draggable_div_hover {
  width: 100%;
  border: 1px solid #3d87f5;
  position: absolute;
  z-index: 9;
  left: 0;
}
.editable_content_draggable_div_hover:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0e9aef;
  position: absolute;
  left: -11px;
  top: -5px;
}
.editable_content_draggable_div_hover:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0e9aef;
  position: absolute;
  right: -11px;
  top: -5px;
}
#captureMergedCaptureScrollPane .image-border {
  max-width: 100%;
  pointer-events: none;
}
#captureMergedCaptureScrollPane .image-container.clicked .image-border {
  opacity: 1;
  display: block;
  z-index: 99;
}
#captureMergedCaptureScrollPane .image-border {
  bottom: 0;
  left: 0;
  display: none;
  position: absolute;
  margin: 0;
  opacity: 0;
  right: 0;
  top: 0;
}
.flexbox-layout-column {
  position: relative;
}
.drag_start_event.image-container.image-mask {
  border: 1px solid #3d87f5;
  opacity: 0.5;
}
.flexbox-layout-column .view-bug-image-rcl {
  max-width: 100%;
  width: 100%;
  -webkit-user-drag: none;
}
.editor-ui-resize-handle.y-middle {
  top: calc(50% - 10px);
}
.editor-ui-resize-handle.x-start {
  left: -10px;
}
.editor-ui-resize-handle.x-end {
  right: -10px;
}
.editor-ui-resize-handle.y-end {
  bottom: -10px;
}
.editor-ui-resize-handle.y-start {
  top: -10px;
}
.editor-ui-resize-handle.no-caret-move.x-end.y-end.nwse-resize {
  cursor: nw-resize;
}
.editor-ui-resize-handle.no-caret-move.x-start.y-middle.ew-resize {
  cursor: e-resize;
}
.editor-ui-resize-handle.no-caret-move.x-start.y-end.nesw-resize {
  cursor: ne-resize;
}
.editor-ui-resize-handle.no-caret-move.x-end.y-start.nesw-resize {
  cursor: ne-resize;
}
.editor-ui-resize-handle.no-caret-move.x-end.y-middle.ew-resize {
  cursor: e-resize;
}
.editor-ui-resize-handle:after {
  content: "";
  width: 8px;
  height: 8px;
  cursor: resize;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 0 1px #ccc;
}
.editor-ui-resize-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  pointer-events: all;
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.image-container.image-mask {
  max-width: 100%;
  position: relative;
  padding: 0;
  cursor: pointer;
}
.image-container.image-mask {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.image-container.cropping_image {
  overflow: hidden;
}
#captureMergedCaptureScrollPane .merged_loop_column_container .row {
  border-bottom: 1px solid #ccc;
}
#captureMergedCaptureScrollPane .merged_loop_column_container .col {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.rc-tree.section_bottom_space_control.tag_list_tree_scroll {
  overflow: auto;
}
#my-tag.tag_section_in_left_sidebar
  .rc-tree.section_bottom_space_control.tag_list_tree_scroll {
  overflow: visible;
}
#bulk_rename_modal.modal .modal-dialog {
  z-index: 99999999999;
}
.grouped_by_section.hover-drag {
  border: 1px solid red;
}
.selectedDraggableCapture.draggable_clone_ul li.captures_data_ctrl_li {
  position: relative !important;
  width: 100% !important;
  height: 35px !important;
  top: unset !important;
  left: unset !important;
}
.hover_over_space_folder {
  border: 1px solid #0e9aef !important;
}
.capture_merged_limit_exceed_section {
  width: 100%;
  text-align: center;
  font-size: 15px;
  background: #f91212;
  color: #fff;
  font-weight: 600;
  margin: auto;
  height: 26px;
}
.net_prev_page_ui_in_capture_listing {
  position: absolute;
  bottom: 6px;
  width: 100%;
  height: 45px;
  text-align: center;
  background: #fff;
}
div#merged_media_view_popup {
  position: fixed;
  background: #000000a1;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 999999;
  left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
div#merged_media_view_popup img.merged_media_view_popup_image_section {
  margin: auto;
}
audio.view-bug-image-rcl-audio {
  width: 100%;
}
audio.video {
  width: 100%;
}
.capture_view_outer_inner_wrap.preview_panel.row_editor_section {
  min-height: 60px !important;
}
.capture_extra_metadata_div:hover .compact_quick_option_in_row {
  opacity: 1 !important;
}
.compact_quick_option_in_row:hover {
  opacity: 1 !important;
}
#captureMergedCaptureScrollPane
  .capture_and_metadata_options_ctrl_innr.capture_extra_metadata_div:not(
    :last-child
  ) {
  border-bottom: 1px solid #d8d8d8 !important;
}
.flexbox-layout-column .resize_active {
  border: 2px solid #cdd7e0 !important;
}
.content_section_inner_container.rcr_selectable_div.three_dropdown_active {
  background: rgb(14 154 239 / 10%);
}
.drag_start_event {
  opacity: 0.6;
}
div.editable_draggable_handle {
  margin-left: -13px;
  top: 0 !important;
}
div.editable_draggable_handle i,
div.editable_draggable_handle svg {
  cursor: pointer;
  width: 15px;
  height: 20px;
  border-radius: 3px;
  transition:
    background 20ms ease-in 0s,
    opacity 0.25s ease-in 0s;
  -webkit-transition:
    background 20ms ease-in 0s,
    opacity 0.25s ease-in 0s;
  -moz-transition:
    background 20ms ease-in 0s,
    opacity 0.25s ease-in 0s;
  -ms-transition:
    background 20ms ease-in 0s,
    opacity 0.25s ease-in 0s;
  -o-transition:
    background 20ms ease-in 0s,
    opacity 0.25s ease-in 0s;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
div.editable_draggable_handle i {
  margin-top: 0;
  color: #8e8e8e;
  font-size: 12px;
}
div.editable_draggable_handle svg {
  fill: #8e8e8e;
  width: 15px;
  padding: 0 0 !important;
}
div.editable_draggable_handle i:hover {
  background-color: #dfdddd;
  color: #333;
}
div.editable_draggable_handle svg:hover {
  background-color: #dfdddd;
  color: #333;
  fill: #333333;
}
div#merged_capture_tool_container {
  border: 1px solid #ccc;
  border-radius: 4px;
}
div#merged_capture_tool_container button.active {
  background: #333 !important;
}
div#merged_capture_tool_container button.active > i {
  color: #0e9aef;
}
div#merged_capture_tool_container button {
  border: unset;
  padding: 8px 10px;
}
.capture_and_metadata_options_ctrl_innr.three_dropdown_active
  .preview_draggable_handle_row.drag_row.preview_panel_three_dot_view_click {
  opacity: 1 !important;
}
.capture_and_metadata_options_ctrl_innr.three_dropdown_active
  .custom_draggable_tooltip {
  opacity: 0 !important;
}
.close_popup_button {
  position: absolute;
  font-size: 37px;
  right: 48px;
  color: #fff;
  cursor: pointer;
}
.loading_task_merge_media i {
  font-size: 24px;
  display: inline-flex;
  color: #6d6d6d;
}
img.google_doc_thumbnail_image.temp_icon {
  width: 30px;
  margin-top: 31%;
}
#new_image_draggable_clone .editable_content_draggable_div_hover {
  display: none !important;
}
#new_image_draggable_clone .custom_draggable_tooltip {
  display: none !important;
}
.preview_draggable_handle_row_in_audio_section {
  width: 13px;
  height: 13px;
  position: absolute;
  display: flex;
  left: -12px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: grab;
}
div.editable_draggable_handle {
  z-index: 999999;
}
.preview_draggable_handle_row_in_audio_section svg {
  fill: #8e8e8e;
}
.preview_draggable_handle_row_in_audio_section:hover svg {
  fill: #333333;
}
.selectable_halo_section {
  position: absolute;
  pointer-events: none;
  inset: 0px;
  background: rgb(14 154 239 / 10%);
  z-index: 81;
  opacity: 1;
}
.full_width_layout_content_column {
  font-size: 15px;
  font-kerning: auto;
  line-height: 24px;
  font-weight: 400;
}
.editable_content_section {
  min-height: 20px;
}
.full_width_layout_content_column {
  margin: 0 14px !important;
}
.full_width_layout_content_column {
  width: 100%;
}
.content_section_inner_container {
  display: block;
  position: relative;
  min-height: 25px;
}
.flexbox-layout-container {
  display: inline-flex;
  width: 100%;
  font-size: 15px;
  line-height: 24px;
}
.flexbox-layout-column .editable_content_section {
  width: 100%;
  padding: 3px 9px;
  line-height: normal;
}
.capture_extra_metadata_div.new_capture_doc {
  border-top: 1px solid #ccccccad;
}
.preview_ul_section.check_list {
  list-style-type: none;
}
img.google_doc_thumbnail_image {
  width: 100%;
}
.preview_ul_section {
  width: 100%;
}
.editable_content_section_li_section {
  width: 100%;
  min-height: 21px;
}
.page-wrapper.merge_modal_active {
  position: static !important;
}
.grid_col_1.grid_col_line {
  left: 190px;
}
.grid_col_2.grid_col_line {
  left: 366px;
}
.grid_col_3.grid_col_line {
  left: 542px;
}
.grid_col_4.grid_col_line {
  left: 718px;
}
.grid_col_5.grid_col_line {
  left: 894px;
}
.grid_col_6.grid_col_line {
  left: 1056px;
}
.editable_content_section {
  width: 100%;
  min-height: 24px;
}
span.rcr-editor-default-section-text-overlay-trigger {
  cursor: pointer;
}
.grid_col_line {
  display: none;
  position: absolute;
  top: 0;
  width: 1px;
  background-color: #e6e6e7;
  height: 100%;
  z-index: 1;
}
.flexbox-layout-column {
  margin: 0 21px !important;
  border: 2px solid transparent;
}
#rcr-editor-default-section-text-overlay {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  z-index: 9999999999;
  user-select: none;
  display: inline-flex;
  font-size: 13px;
  font-kerning: auto;
  line-height: 27px;
  font-weight: 400;
  color: #a5a5a5;
}
.content_section_inner_container.rcr_selectable_div.has_new_user_editing_lock_this
  .editable_draggable_handle {
  display: none !important;
}
.content_section_inner_container.has_new_user_editing_lock_this {
  background: #b2b7b924;
}
.content_section_inner_container.has_new_user_editing_lock_this
  .editable_content_section {
  opacity: 0.8;
}
.cursor_none {
  cursor: none !important;
}
div#docCommentDropdownPopupSection {
  background: #fff;
  border-radius: 3px;
  transition:
    background 0.3s ease 0s,
    top 0.2s ease-in-out 0s;
  box-shadow:
    rgb(15 15 15 / 10%) 0 0 0 1px,
    rgb(15 15 15 / 4%) 0 3px 2px,
    rgb(15 15 15 / 8%) 0 3px 9px;
  padding-bottom: 100px;
}
div#docCommentDropdownPopupSection.first_comment_compact_box_ctrl {
  box-shadow:
    rgb(15 15 15 / 10%) 0 0 0 1px,
    rgb(15 15 15 / 4%) 0 3px 2px,
    rgb(15 15 15 / 8%) 0 3px 9px;
}
div#docCommentDropdownPopupSection .comment_section_div_header {
  border-bottom: 1px solid #cbd3da;
  padding: 10px 11px;
  display: flex;
}
div#docCommentDropdownPopupSection .comment_section_div_header span {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
div#docCommentDropdownPopupSection .comment_body_placeholder {
  padding: 33px 83px;
  text-align: center;
  font-size: 16px;
}
.comment_doc_body {
  display: flex;
  overflow-y: auto;
  max-height: 38.7vh;
}
.comment_doc_footer_section_doc {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.comment_highlight_text_section {
  background-color: #ffdf99;
}
.add_comment_dot_on_image_over:not(.temp_comment_dot):hover {
  transform: scale(1.5);
}
.comment_attachment_section_for_comment_v2 {
  font-size: 17px;
  margin: auto;
}
div#docCommentDropdownPopupSection .doc_section_close_button_cross {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 18px;
  cursor: pointer;
}
div#docCommentDropdownPopupSection .doc_section_close_button_cross svg {
  fill: #a1a1a1;
  width: 16px;
}
.comment_box_component_section {
  border-top: 1px solid #ccc;
  flex-grow: 1;
  overflow: hidden;
  margin: 1px 0;
  display: flex;
  position: relative;
}
.doc_comment_inner_body_section {
  padding: 10px;
}
.comment_box_component_section .comment_box_text_box {
  padding: 10px 10px;
  width: 100%;
}
.comment_box_component_section .comment_doc_footer_section_doc_button_section {
  padding: 10px 10px;
  display: inline-flex;
}
.comment_overlay_section {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  border: 2px solid #0e9aef;
  z-index: 99999999;
  height: 100%;
  background: rgb(14 154 239 / 10%);
  cursor: default;
}
.reply_comment_section_wrapper .comment_close_button svg {
  width: 16px;
  fill: #878787;
  float: right;
  cursor: pointer;
}
.comment_text_reply_parent_section {
  padding: 3px 10px;
  margin-bottom: 1px;
  font-style: italic;
  background-color: #dce0e2;
  border-radius: 8px;
  opacity: 1;
  margin-top: 4px;
}
.reply_comment_section_wrapper .comment_text_in_reply {
  padding: 0 14px;
  font-style: italic;
  width: 100%;
}
.reply_comment_section_wrapper {
  border-top: 1px solid #ccc;
  display: flex;
  padding: 10px;
}
.mention_blot_section {
  color: #1e81b1;
}
.add_comment_dot_on_image_over {
  position: absolute;
  text-align: center;
  color: #fff;
  font-size: 11px;
  width: 20px;
  height: 20px;
  z-index: 9;
  border: 3px solid #fff;
  background: #0e9aef;
  border-radius: 50%;
  transition-duration: 0.3s;
  cursor: pointer;
}
.section_is_locked_by_user_header_section {
  padding: 3px 12px;
  border-bottom: 1px solid #ccc;
  opacity: 0.6;
}
.new_user_editing_this_line {
  position: absolute;
  cursor: pointer;
  left: -31px;
  top: 3px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  padding: 0;
  border-radius: 100%;
  color: #fff;
  background: #7a7a7a;
  text-align: center;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  font-weight: 600;
  font-size: 13px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
}
.second_letter_editing {
  text-overflow: ellipsis;
  overflow: hidden;
}
.preview_li_section svg.checkbox {
  background: #2eaadc;
  fill: #fff;
  padding: 1px 1px 1px 1px;
}
.preview_li_section svg {
  margin-right: 0;
  margin-top: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px !important;
  border-radius: 0;
}
svg.checkboxSquare:hover {
  background: #dfdddd;
}
#rcr-editor-default-section-text-overlay > div > span:first-child {
  background: #ececec;
  display: inline;
  border-radius: 2px;
  padding: 0 1px;
  height: auto;
  color: #353535;
}
.comment_box_text_box:empty:after {
  content: attr(data-placeholder);
  cursor: text;
}
.flexbox-layout-column .full_width_layout_content_column {
  margin: 0 -7px !important;
}
.draggable_placeholder_row_element.space_hover {
  position: relative;
  width: 86%;
}
#my-tag.tag_section_in_left_sidebar
  .draggable_placeholder_row_element.space_hover {
  width: 94% !important;
}
iframe.embed_capture_iframe_section {
  width: 100%;
}
.IN_SINGLE_FULL_VIEW
  .image_preview_height_ctrl
  iframe.embed_capture_iframe_section {
  max-height: 600px;
  height: 100vh;
}
.in_full_screen_merged_capture
  .doc_view_active
  .has_merged_captures
  .cv_task_list_main_weapper.align-comment-end.doc_view_loop_ctrl {
  padding-top: 20px !important;
}
.preview_panel_quill_editor .ql-snow .ql-tooltip.ql-editing {
  margin-left: 14% !important;
}
li.captures_data_ctrl_li.fade_list {
  opacity: 0.6;
}
#add_capture_space_modal {
  z-index: 1000000000 !important;
}
#participantDropdown {
  z-index: 10000000000 !important;
}
.switch_organization_popup {
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 9999999999999;
  height: 100vh;
  background: #ffffff96;
  left: 0;
  top: 0;
}
.switch_organization_popup img {
  width: 9%;
  margin-top: 17%;
  -webkit-animation: spin 4s ease-in-out infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
.picker-dialog-frame {
  z-index: 99999999999 !important;
}
.space_icon_span_section {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
.space_icon_span_section i {
  color: #fff;
  font-size: 11px;
}
.task_data_ctrl_left .capture_name_section_preview_panel {
  border: none;
  font-size: 16px;
  color: #353535;
  font-weight: 600;
  white-space: pre;
  background: 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  line-height: 22px;
}
.full_screen_merged_capture
  .task_data_ctrl_left
  .capture_name_section_preview_panel {
  font-size: 14px;
}
.full_screen_merged_capture input.capture_header_capture_name {
  font-size: 14px;
}
.draggable_placeholder_row_element_for_no_merge_preview_panel {
  position: absolute;
  width: 100%;
  background: #ffffff91;
  height: 100vh;
  z-index: 99;
}
.draggable_placeholder_row_element_for_no_merge_preview_panel div {
  font-size: 30px;
  text-align: center;
  margin-top: 24%;
}
.canvas_annotator_rectangle_display {
  z-index: 999 !important;
}
.media-placeholder.on-focus-outer-box-shadow {
  display: flex;
  justify-content: center;
  align-items: center;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 100%;
  background-color: #f5f5f7;
  border: 2px solid #dee0e1;
}
.media-placeholder.on-focus-outer-box-shadow:hover {
  background-color: #dbdee5;
}
.clicked .media-placeholder.on-focus-outer-box-shadow {
  border: 2px solid transparent;
}
.clicked .media-placeholder.on-focus-outer-box-shadow:hover {
  background-color: #f5f5f7;
}
.media-placeholder-with-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  color: #6d6d6d;
  text-align: center;
  width: 100%;
  padding: 0;
  height: 39px;
  justify-content: center;
}
.text_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  min-height: 39px;
  width: 100%;
}
.text_icon svg {
  fill: #878d98;
  width: 16px;
  display: inline-flex;
  margin: 0 5px 0 0;
  height: auto;
}
.media-placeholder-with-text .text {
  padding: 0 20px;
  width: 100%;
}
.draggable_placeholder_row_element.private_folder_hover {
  position: relative;
  width: 87%;
}
.draggable_placeholder_row_element.private_collection_hover {
  position: relative;
  width: 65%;
}
.draggable_placeholder_row_element.folder_hover {
  width: 65%;
  position: relative;
}
.multiple_select_div.bulk_action_active {
  background-color: rgb(14 154 239 / 10%) !important;
  border: 1px solid rgb(14 154 239 / 50%) !important;
}
iframe.full_page_capture_iframe {
  width: 100%;
  height: 100vh;
}
.individual_progress_bar_capture {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  border-radius: 4px;
  background-color: rgb(14 154 239 / 10%) !important;
  border: 1px solid rgb(14 154 239 / 50%) !important;
}
.draggable_placeholder_row_element.collection_hover {
  width: 47%;
  position: relative;
}
.rc-image {
  padding: 6px 0;
}
.rc-image {
  padding: 6px 0;
}
.preview_panel_quill_editor .ql-snow .ql-tooltip {
  margin-left: 16%;
}
.textarea-emoji-control {
  display: none !important;
}
.data_container .SplitPane.vertical.sidepanel_active_in_vertical_bar {
  width: calc(100% - 375px) !important;
}
.create_task_card_style_popup_connect_bar .requred_task-name_here {
  display: inline-flex;
}
.create_task_card_style_popup_connect_bar .text-left {
  width: 191px;
}
.conversation_capture_list_search_innr .extra_width_input {
  width: 429px !important;
}
.content-RC-fullScreen-modal.capture_note_preview_full_popup {
  background: #fff;
}
.create_task_card_style_popup_connect_bar {
  box-shadow: none !important;
}
.create_task_card_style_popup_connect_bar .task_meta_data_on_right {
  margin-left: unset !important;
}
li.captures_data_ctrl_li.three-dot-dropdown-open {
  background: #e2e2e2;
}
.sv_stroke.active {
  background-color: #0e9aef !important;
}
.sv_stroke.active * {
  fill: #ffffff;
}
.upload_dropdown .dropdown-toggle::after {
  display: none;
}
svg {
  vertical-align: inherit !important;
  overflow: inherit !important;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.preview_pane_is_opened
  > .SplitPane.vertical {
  width: 100% !important;
}
.vertical_bar_active
  .capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.preview_pane_is_opened
  > .SplitPane.vertical {
  width: calc(100% - 58px) !important;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.preview_pane_is_opened.full_width
  > .SplitPane.vertical {
  width: 100% !important;
}
.capture_list_main_div_section_container.active {
  border: 1px solid rgb(14 154 239 / 50%) !important;
  border-bottom: 1px solid rgb(14 154 239 / 50%) !important;
  background: rgb(14 154 239 / 10%) !important;
}
.capture_inbox_splitter_wrapper.four_column_ui
  .vue_splitter_wrapper.sidepanel_active_in_vertical_bar
  > .SplitPane.vertical {
  width: calc(100% - 425px) !important;
}
.multiselect_captures_div .outline_draggable_captures.drag_row_hover {
  background-color: #dae7ff;
}
.app_integration_main_section_scroll {
  border-top: 1px solid #e9e9eb;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.app_integration_main_loop_inner_section {
  width: 100%;
  display: inline-flex;
  padding: 0 39px;
}
.app_integration_main_loop_inner_section svg {
  width: 50px;
  margin: auto;
}
li.ver_bar_icon_ctrl.app_logo_data_integrated svg {
  width: 30px !important;
  height: 30px !important;
}
.app_integration_main_section_scroll .app_integration_main_loop {
  margin: 15px 0;
  border: 1px solid #e2e7eb;
  width: 100%;
  border-radius: 9px;
  padding: 10px;
  cursor: pointer;
}
.info_header.info_header_in_detail_side_panel.border_bottom {
  border-bottom: 1px solid #ccc;
}
.apps_for_intg {
  display: flex;
  width: 100%;
  flex-direction: column;
  border: 1px solid #e2e7eb;
  border-radius: 9px;
  padding: 14px 10px;
  margin: 0 0 15px 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 125ms ease-in;
}
.apps_for_intg:hover {
  background-color: #ebebed;
}
.apps_for_intg:first-child {
  margin-top: 15px;
}
.afi_logo svg {
  width: 40px;
  height: 40px;
}
.apps_for_intg p {
  font-size: 13px;
  color: #1d1c1d;
  margin: 0;
}
input.capture_header_capture_name {
  width: 100%;
  border: none;
  font-size: 16px;
  color: #353535;
  font-weight: 600;
  padding: 0;
  background: 0 0;
  height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 22px;
}
.google-button {
  height: 40px;
  background: #fff;
  color: #737373;
  border-radius: 5px;
  white-space: nowrap;
  transition: 0.3s ease-in;
  padding: 0;
  border: 1px solid #e5e6e7;
}
.google-button:focus,
.google-button:hover {
  background: #f9f9f973;
}
.google-button:active {
  background-color: #e5e5e5;
  box-shadow: none;
  transition-duration: 10ms;
}
.google-button_icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 8px 8px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
}
.google-button_text {
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: #282c34;
}
.create-account {
  text-align: center;
}
#create_task_draw_toolbar {
  width: 847px;
  position: absolute;
  z-index: 999;
}
.draw_popup_toolbar_ctrl .action_tools_custom > .custom_html_icon {
  background-color: #000;
}
.draw_popup_toolbar_ctrl .action_tools_custom > .line_icon {
  width: 2px;
  height: 16px;
  display: block;
  opacity: 0.55;
  transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  display: inline-block;
  top: 2px;
  position: relative;
}
.draw_popup_toolbar_ctrl .action_tools_custom:hover > .line_icon {
  opacity: 1;
}
.draw_popup_toolbar_ctrl.toolbar_in_create_task {
  width: 100% !important;
  max-width: 660px;
  border-radius: 5px;
  margin-top: 10px;
  margin-left: -1px;
}
.draw_popup_toolbar_ctrl {
  background-color: #fff;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  display: flex;
  align-items: center;
}
.view-bug-febric-tools-div {
  width: 100%;
  padding: 8px 0;
  text-align: center;
  background: #f1f1f1;
  z-index: 100;
}
.toolbar_in_create_task .popup_toobar_panel {
  padding: 10px 10px 10px 10px;
}
.popup_toobar_panel {
  width: 100%;
  float: left;
  position: relative;
  padding: 9px 15px 9px 15px;
  display: flex;
}
.toolbar_annotator {
  font-weight: 600;
  font-size: 13px;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools {
  width: 25px;
  height: 25px;
  margin: 2px 0;
  border-radius: 4px;
}
.draw_popup_toolbar_ctrl {
  background-color: #fff;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  display: flex;
  align-items: start;
}
.draw_popup_toolbar_innr_ctrl {
  text-align: left !important;
  display: inline-flex;
  align-items: center;
}
.draw_popup_toolbar_ctrl .action_tools {
  background: 0 0;
  border: none;
  padding: 0;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  width: 30px;
  height: 28px;
  border-radius: 2px;
  text-align: center;
  border: 1px solid transparent;
  margin: 0 2px;
  text-align: center;
  align-items: center;
  vertical-align: middle;
}
.note_preview.in_merge_capture .ui.attached.segment.ql-container.ql-snow {
  color: #464646 !important;
}
.timer_list_loader {
  text-align: center;
  margin: 18px;
  font-size: 13px;
}
.draw_popup_toolbar_ctrl.toolbar_in_create_task input#change_font_size {
  width: 70px !important;
}
#color_picker {
  border: none !important;
  width: 22px;
  display: inline-block;
  height: 23px;
  margin: 0 10px 0 3px !important;
  margin-bottom: 0 !important;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  -webkit-appearance: none;
  cursor: pointer;
}
button.action_tool_devider.action_tools.ctD_action_tool_devider {
  width: 100% !important;
  height: 2px !important;
  text-align: center;
  border: 0;
  margin: 10px 0 !important;
}
.toolbar_in_create_task.draw_popup_toolbar_ctrl .action_tools {
  width: 25px;
  height: 25px;
  margin: 3px 0 !important;
  color: #151b26;
}
.rc-tree .rc-tree-treenode span.rc-tree-switcher {
  background-image: unset !important;
}
ul.column_layout.task_listing.sub_capture_ctrl.list-size_active.collapse.in.capture_list_side_panel {
  display: inline-block;
  width: 100%;
  padding: 0 15px;
}
.selectedDraggableCaptureHelper.captureEditComponent {
  position: fixed !important;
  z-index: 999999999 !important;
}
.selectedDraggableCaptureHelper.captureEditComponent img {
  max-width: 200px;
  border-radius: 5px;
  max-height: 200px;
}
.selectedDraggableCaptureHelper.captureListComponent {
  position: fixed !important;
  z-index: 999999999 !important;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  background: #fff;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #ccc;
}
.selectedDraggableCaptureHelper.captureBlockComponent {
  z-index: 999999999 !important;
}
button.action_tool_devider.action_tools {
  width: 2px;
  height: 30px;
  background-color: #e4e4e4;
  margin: 0 7px;
}
.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
  width: 98%;
}
.rc-tree-title {
  width: 88%;
}
.draw_popup_toolbar_innr_ctrl {
  text-align: center;
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
#create_task_draw_toolbar {
  width: 100%;
  max-width: 40%;
  text-align: left;
  margin-top: 0;
  border: 0;
}
.conversation_view_main_wrapper
  .column_layout.task_listing
  li.bulk_action_active
  .task_name {
  color: #333;
}
.conversation_view_main_wrapper
  .conversation_inner_view_ctrl
  .bulk_action_active
  .captured_date {
  color: #333;
}
.capture_thumbnail.in_vertical_bar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 2px;
}
.preview_pane_scroll {
  height: calc(100vh - 288px);
  overflow: auto;
  display: inline-block;
  width: 100%;
}
.scroll-area-left-sidebar-four-column {
  height: calc(100vh - 140px);
  overflow: auto;
}
.embed_video_ctrl {
  width: 360px !important;
  max-height: 185px !important;
  display: inline-flex;
}
.IN_SINGLE_FULL_VIEW .image_preview_height_ctrl > .embed_video_ctrl {
  width: 100% !important;
  max-height: 600px !important;
  height: 100vh !important;
}
.user_prof_dropdown .dropdown-toggle::after {
  display: none;
}
.preview_pane_ctrl.show > ul.dropdown-menu {
  display: block;
}
.preview_pane_ctrl .show + ul.dropdown-menu {
  display: block;
}
.user_profile_main_ctrl .user_prof_dropdown .layout_icons.dropdown-menu {
  right: 20px;
  left: auto !important;
  top: 100% !important;
  margin: 0 !important;
}
.__react_component_tooltip {
  padding: 4px 10px !important;
  border-radius: 4px !important;
  background: rgb(21 27 38) !important;
  color: #f6f8f9 !important;
  font-size: 12px !important;
  z-index: 9999999 !important;
}
.react-calendar {
  width: 100% !important;
  border: 0 !important;
}
.react-calendar__navigation {
  height: auto;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  padding: 5px 0;
}
.react-calendar__navigation__arrow {
  font-size: 20px !important;
  color: #000 !important;
  line-height: 5px !important;
}
.react-calendar__navigation button {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 3px;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
.react-calendar button {
  min-width: 30px !important;
  width: 30px;
  height: 28px !important;
  border: none !important;
  line-height: 28px !important;
  margin: 0 2px;
  font-weight: 600 !important;
  max-width: none !important;
  flex-basis: unset !important;
  padding: 0 !important;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  font-size: 12px;
  color: #000;
  font-weight: 600 !important;
}
.react-calendar__navigation button:enabled:focus,
.react-calendar__navigation button:enabled:hover {
  background-color: #eee;
}
abbr[title] {
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 500;
}
.react-calendar__month-view__weekdays__weekday abbr[title] {
  cursor: default;
}
.react-calendar__month-view__weekdays__weekday {
  opacity: 1 !important;
  padding: 0 !important;
  width: 15px !important;
  margin: 0;
  font-size: 12px !important;
  color: #000;
  text-decoration: none !important;
  cursor: default !important;
}
.react-calendar__month-view__weekdays__weekday {
  opacity: 1 !important;
  padding: 0 !important;
  width: 15px !important;
  margin: 0;
  font-size: 12px !important;
  color: #000;
  text-decoration: none !important;
  cursor: default !important;
  height: 30px !important;
  align-items: center;
  justify-content: center;
  display: flex;
}
.react-calendar__tile:enabled:focus,
.react-calendar__tile:enabled:hover {
  background: #eee !important;
}
.react-calendar__tile--now {
  color: #0f9aef !important;
  background: 0 0 !important;
  position: relative;
}
.react-calendar__tile--now:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  background: #0f9aef;
  bottom: 4px;
}
.react-calendar__tile--active {
  background: rgb(14 154 239 / 10%) !important;
  color: #0f9aef !important;
}
.react-calendar__tile.react-calendar__tile--active:enabled.active:hover,
.react-calendar__tile.react-calendar__tile--active:enabled:focus {
  background: #0e9aef !important;
  color: #fff;
}
.react-calendar__tile.react-calendar__tile--active:enabled:focus,
.react-calendar__tile.react-calendar__tile--active:enabled:hover {
  background: #0e9aef !important;
  color: #fff !important;
}
.react-calendar__viewContainer {
  padding: 0 3px 10px;
  border-bottom: 0;
  margin: 3px 0 0 0;
}
.react-calendar__tile--hasActive {
  background: #0e9aef !important;
  color: #fff !important;
}
.react-calendar__viewContainer {
  padding: 0 3px 10px;
  border-bottom: 0;
  margin: 3px 0 0 0;
}
.react-calendar .react-calendar__year-view button {
  width: auto;
  min-width: 70px !important;
  display: inline-flex;
  float: left;
}
.react-calendar__tile--hasActive:enabled:focus,
.react-calendar__tile--hasActive:enabled:hover {
  background: #0e9aef !important;
  color: #fff !important;
}
.react-calendar .react-calendar__century-view button {
  width: auto;
  min-width: 70px !important;
  display: inline-flex;
  float: left;
}
.common_image_viewer_modal.in {
  z-index: 999999999 !important;
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
  -webkit-transition:
    opacity 0.2s ease,
    -webkit-transform 0.3s ease;
  transition:
    opacity 0.2s ease,
    -webkit-transform 0.3s ease;
  transition:
    opacity 0.2s ease,
    transform 0.3s ease;
  transition:
    opacity 0.2s ease,
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.common_image_viewer_modal .modal-content {
  width: 100%;
}
.custom_quick_option_dropdown {
  width: 280px;
}
.default_btn_ctrl input {
  color: #0e9aef;
}
.default_btn_ctrl:hover input {
  color: #fff;
}
.full_screen_separate_capture_innr
  .has_no_merged_captures
  .multiselect_captures_div {
  padding: 21px 24px 21px 25px;
}
.listing_pane.dragging_enabled ul.column_layout.task_listing li:hover {
  background: 0 0 !important;
}
.listing_pane.dragging_enabled
  ul.column_layout.task_listing
  li:hover
  .right-list-item-over,
.listing_pane.dragging_enabled
  ul.column_layout.task_listing
  li:hover
  .task_draggable_number {
  opacity: 0 !important;
}
.listing_pane.dragging_enabled .list_header {
  pointer-events: none;
}
.Pane {
  overflow: visible !important;
}
.comments_text .feedback_comment_content {
  color: #323333;
}
button.canvas_tool {
  border: 0;
  background: 0 0;
  padding: 0;
  cursor: pointer;
}
button.canvas_tool svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 11px;
  cursor: pointer;
}
button.canvas_tool:hover svg,
button.canvas_tool:hover svg * {
  fill: #0e9aef;
}
.capture_header_in_canvas .capture_type_icon {
  border-right: 2px solid rgba(215, 217, 217, 0.98);
  padding: 0 10px;
  position: relative;
  height: 23px;
  align-items: center;
  display: inline-flex;
}
.capture_header_in_canvas .task_data_ctrl_left.in_preview_panel {
  margin-left: 0;
  max-width: 33%;
}
.capture_header_in_canvas
  .task_data_ctrl_left.in_preview_panel
  input.task_name_text {
  color: #333;
  font-size: 14px !important;
  font-weight: 600;
}
.supported_tools_main_ctrl {
  display: inline-flex;
  margin: auto;
}
.colored_icon_ctrl {
  height: 14px;
  min-width: 14px;
  align-items: center;
  justify-content: center;
  border-radius: 1px;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  opacity: 1;
  position: relative;
  margin: 0 6px;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
}
.colored_icon_ctrl:hover {
  box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
  -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
  -moz-box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
  -ms-box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
  -o-box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
}
.colored_icon_ctrl.active:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  top: 0;
  font-size: 10px;
  position: absolute;
  left: 0;
  content: "\f00c";
  line-height: 1.6;
  height: 14px;
  vertical-align: middle;
  margin: auto;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.colored_icon_ctrl.active:hover {
  box-shadow: none;
}
.colored_icon_ctrl.active:after {
  content: "";
  position: absolute;
  top: -5px;
  bottom: 0;
  left: -5px;
  right: 0;
  border: 2px solid #0e9aef;
  width: 24px;
  height: 24px;
  border-radius: 1px;
}
.st_colors {
  display: flex;
  align-items: center;
}
.color_varians_main_ctrl {
  display: inline-flex;
  align-items: center;
}
.cv_innr_ctrl {
  align-items: center;
  display: inline-flex;
}
.stroke_variants_main_ctrl {
  display: inline-flex;
}
.sv_innr_ctrl {
  display: inline-flex;
  align-items: center;
  border-left: 2px solid rgba(215, 217, 217, 0.98);
  padding-left: 5px;
  margin-left: 5px;
}
.sv_stroke {
  margin: 0 4px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
}
.sv_stroke:hover {
  background-color: #ebebed;
}
.sv_stroke svg {
  width: 18px;
  height: auto;
}
.canvas_edit_compact_view
  .vertical_bar_on_page.preview_edit_popup_class
  .vertical_bar_ul {
  border-radius: 0;
}
.canvas_edit_compact_view .scroll-area-capture-in-modal.imc {
  border-radius: 0 !important;
}
.canvas_edit_compact_view
  .data_in_sidepanel.in_compact_view
  .capture_list_dropdown_full_modal_popup.in_canvas {
  border-radius: 0;
  border-top: 0 !important;
  border: 1px solid #dadce0;
}
.gdrive_dropdown {
  width: 246px;
}
.gdrive_dropdown ul.logged_in_user_list .logged_user_email_list {
  padding: 0;
  margin: 0;
}
.gdrive_dropdown .logged_in_user_list .logged_in_user_li {
  padding: 0 7px 0 7px;
}
.gdrive_dropdown .logged_in_user_list .logged_in_user_li a {
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
}
a.gdrive_dropdown_ctrl {
  position: relative;
}
.gdrive_dropdown_ctrl .gdrive_dropdown {
  bottom: 0;
  left: 100%;
  position: absolute;
  top: auto;
  display: none;
}
.gdrive_dropdown_ctrl:hover .gdrive_dropdown {
  display: block;
}
.selected_tags_on_top.tags-div-conversation-view.tags_in_preview_panel {
  transform: scale(0.9);
  top: 4px;
  left: -4px;
  position: relative;
}
.selected_tags_on_top .tags_assignee_in_preview_ctrl .added_tags {
  margin-right: 2px;
}
.rdk-overlay-container {
  position: fixed;
  z-index: 1000 !important;
}
.rdk-overlay-container {
  position: fixed;
  z-index: 1000 !important;
}
.rdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.rdk-overlay-container.merge_modal_is_open {
  z-index: 99 !important;
}
.rdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.rdk-overlay-backdrop.rdk-overlay-backdrop-showing {
  opacity: 1;
}
.manage_folder_flex:hover
  .user_link_access_radio_rectangle
  input[type="checkbox"] {
  opacity: 0;
}
.manage_folder_flex.active
  .user_link_access_radio_rectangle
  .container
  .checkmark:after {
  left: 6px;
  bottom: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.manage_folder_flex.active
  .user_link_access_radio_rectangle
  .container
  .checkmark:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
}
.manage_folder_flex.active
  .user_link_access_radio_rectangle
  .container
  input
  ~ .checkmark {
  background-color: #0e9aef;
}
.rc_switcher_view_item.active .rc_switcher_view_icon i {
  color: #fff;
}
.main_sidebar_collapsed .vb_sec_icon:hover {
  background: #e7e7ec;
}
.docCommentDropdownPopupSection
  .quill_comment_box_innr_ctrl.active
  .custom_quil_comment_box:focus-within {
  border-radius: 4px;
  border: 0 !important;
}
.add_comment_dot_on_image_over {
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdf_image_vertical_bar {
  height: 100px;
  width: 100px;
}
button.canvas_tool.disable svg {
  cursor: not-allowed;
  opacity: 0.4;
}
button.canvas_tool.disable :hover svg * {
  fill: #333333;
}
.selection_click_icon_section {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  z-index: 9;
}
.selection_on_hover,
.selection_on_hover_visible {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 2px solid #fff;
  cursor: pointer;
}
.selection_on_hover_visible {
  background-color: #0e9aef;
}
.selection_on_hover {
  background-color: #acb1b9;
}
.selection_on_hover_visible {
  opacity: 0;
  background-color: #0e9aef;
}
.selection_click_icon_section:hover .selection_on_hover_visible {
  opacity: 1;
}
.selection_click_icon_section:hover .selection_on_hover {
  opacity: 0;
}
.clicked .selection_on_hover_visible {
  display: block !important;
}
.clicked .selection_on_hover_visible {
  opacity: 1 !important;
}
.clicked .selection_on_hover {
  opacity: 0 !important;
}
.record_screen_popup_video_row:hover .scale_frame {
  opacity: 1;
}
.scale_frame {
  position: absolute;
  top: 14%;
  opacity: 0;
  display: flex;
  flex-direction: column;
  right: 2%;
  z-index: 9;
}
.scale_frame_innr {
  color: #fff;
  font-weight: 600;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  background-color: rgb(39 44 50 / 63%);
  border-radius: 100%;
  margin: 2px 0;
  border: 1px solid rgb(255 255 255);
  line-height: 23px;
  cursor: pointer;
}
.scale_frame_innr:hover {
  background-color: rgb(39 44 50 / 93%);
}
#record_screen_popup.semi-increased {
  width: 348px;
  height: 348px;
}
.semi-increased
  .record_screen_popup_video_row
  video#video_screen_record_section {
  width: 348px !important;
  height: 348px !important;
}
#record_screen_popup.increased {
  width: 464px;
  height: 464px;
}
.increased .record_screen_popup_video_row video#video_screen_record_section {
  width: 464px !important;
  height: 464px !important;
}
.email_list_loop_data_section {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.email_list_loop_data_section .email_list_loop_data_section_name_field {
  font-size: 15px;
  font-weight: 600;
}
.email_list_scroll_section_main_div {
  height: calc(100vh - 116px);
}
.email_panel_display_html_section .email_preview_frame {
  padding: 15px;
  font-size: 14px;
  color: #333;
  border-top: 1px solid #e8eaed;
}
.email_panel_display_html_section {
  padding: 10px;
}
.email_panel_detail_display_html_inner_section {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.email_panel_detail_display_html_inner_section .email_detail_user_avatar {
  width: 13%;
  height: 41px;
  background: #585858;
  border-radius: 50%;
  text-align: center;
  padding: 10px;
  color: #fff;
}
.email_panel_detail_display_html_inner_section
  .email_initial_user_email_detail {
  width: 85%;
  margin: auto;
  font-size: 15px;
  font-weight: 600;
  margin-left: 10px;
}
.email_panel_time {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.email_panel_time .email_pannel_icon {
  width: 10%;
}
.email_panel_time .email_pannel_icon svg {
  width: 50%;
  margin: auto;
}
.details_panel_button {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 10px;
}
.details_panel_button .button_div {
  width: 30%;
  border: 1px solid #585858;
  padding: 5px 8px;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
}
.details_panel_button .icons_div {
  width: 40%;
  display: flex;
  flex-direction: row;
  margin-left: 50px;
}
.details_panel_button .icons_div .icons_div_icon {
  width: 30%;
}
.details_panel_button .icons_div .icons_div_icon svg {
  width: 50%;
  float: right;
  margin-top: 6px;
}
.email_panel_display_html_inner_section {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 42px;
  background-color: #fff;
  margin-bottom: 22px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.email_panel_display_html_inner_section .email_inner_section_header {
  display: flex;
  padding: 14px 14px;
  border-bottom: 0;
}
.email_panel_display_html_inner_section .email_initial_user_avatar {
  width: 32px;
  height: 32px;
  background: #585858;
  border-radius: 50%;
  text-align: center;
  padding: 5px;
  color: #fff;
  cursor: pointer;
}
.email_panel_display_html_inner_section .email_initial_user_email_detail {
  padding: 0 8px;
  font-size: 14px;
  width: 0;
  flex: 1;
}
.email_panel_display_html_inner_section .user_name {
  font-weight: 600;
}
.white_board_capture_preview_ctrl .wrapper-clm-bg.email_section_module {
  overflow: unset !important;
  height: auto;
  background: #fff;
}
.email_list_loop_data_section.bulk_action_active {
  background: #38a1dc;
  color: #fff;
}
.email_list_loop_data_section.active {
  background: #38a1dc;
  color: #fff;
}
.email_initial_user_email_detail .to_user_email_subject {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
}
.email_conversation_header_main_section {
  padding: 0;
  border-bottom: 1px solid #20262b1a;
}
.reply-button {
  width: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  border-radius: 20px;
}
.reply-button svg {
  width: 17px;
  height: 17px;
  margin-top: 2px;
}
.reply-button .reply {
  margin-top: -3px;
}
.reply_container_div {
  width: 98%;
  margin: auto;
  box-shadow:
    rgba(0, 0, 0, 0.05) 0 6px 24px 0,
    rgba(0, 0, 0, 0.08) 0 0 0 1px;
  border-radius: 12px;
}
.email_conversation_header_main_section .email_conversation_subject {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  margin-top: 0;
}
.email_conversation_subject .info_popup_section {
  width: 40px;
  margin-left: 8px;
}
li.child_item_ctrl.my_inbox_ele_dropdown_in.mrl-39 {
  margin-left: 39px;
}
.email_conversation_subject .info_popup_section svg {
  width: 20px;
  float: left;
  cursor: pointer;
  height: 12px;
  margin-top: 6px;
  fill: #757575;
}
.info_popup_innr_dropdown {
  width: 400px;
  height: 600px;
}
.add_template_popup_innr_dropdown {
  width: 500px;
}
.email_conversation_subject .assignee_button_div {
  min-width: auto;
  margin-left: auto;
  border: 1px solid #585858;
  padding: 4px 6px;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
  margin-top: -3px;
  display: flex;
  flex-direction: row;
}
.email_conversation_subject .assignee_inner_button_div {
  padding: 0 8px;
}
.email_conversation_subject .assignee_button_div:active {
  background-color: #d2dbe3;
}
.email_conversation_subject .star_unstar_section {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.chat_profile_popup_section {
  width: 500px;
  height: 600px;
}
.email_conversation_header_main_section
  .email_action_header_section
  .email_action_header_icon {
  margin-right: 17px;
  cursor: pointer;
}
.email_conversation_subject .star_unstar_section svg {
  width: 20px;
  float: right;
  cursor: pointer;
}
.label_data_in_email_section_main_div {
  display: inline-flex;
}
.compose_mail_body .text_box_editor {
  overflow: auto;
  padding: 9px;
  border-radius: 8px;
}
.label_data_in_email_section_main_div .label_data_in_email_section_loop {
  font-size: 15px;
  padding: 2px 11px;
  border: 1px solid #ccc;
  margin-left: 7px;
  text-align: center;
  border-radius: 10px;
}
.label_data_in_email_section_loop_outer {
  position: relative;
}
.label_data_in_email_section_loop_outer i {
  position: absolute;
  top: 4px;
  right: 6px;
  cursor: pointer;
  width: 10px;
}
.email_conversation_header_main_section .email_action_header_section {
  display: inline-flex;
}
.email_action_header_icon.fade_icon svg {
  fill: #a1a1a1 !important;
}
.email_module_side_bar_scroll_panel {
  overflow: auto;
}
.default-theme.vue_splitter_wrapper.capture_module_full_width_view.four_panel_wrapper.splitpanes.splitpanes--vertical.conversation_view_main_wrapper.preview_pane_is_opened.email_module_control {
  height: calc(100vh - 58px) !important;
}
.email_module_control .email_module_split_pane {
  left: 0 !important;
}
.add_google_account_section {
  margin-top: 100%;
  text-align: center;
}
.filter_email_list_upper_section {
  display: table;
  padding: 13px;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.compose_mail_body .to_email_address {
  border: unset;
  width: 83%;
}
.filter_email_list_upper_section .email_filter_inner_items.active {
  background: #6e6c6c;
  border-radius: 16px;
  color: #fff;
  text-align: center;
}
.filter_email_list_upper_section .email_filter_inner_items {
  display: table-cell;
  padding: 6px;
}
.compose_mail_header_draft span.error {
  color: #b70000;
}
.compose_mail_body textarea.email_subject_textarea {
  border: unset;
  width: 99%;
  resize: none;
}
.attachment-template-row .all-template {
  display: flex;
  align-items: center;
  margin-right: 0;
}
.attachment-list-cont {
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  left: 60px;
  bottom: 10px;
  z-index: 999;
}
.all-template a {
  position: relative !important;
  display: flex;
  align-items: center;
  color: #282828;
}
.attachment-template-row a {
  color: #282828;
  padding: 4px 0;
  font-weight: 500;
}
.attachment-template-row {
  padding-top: 4px;
  padding-bottom: 5px;
}
.attachment-template-row {
  position: relative;
  padding: 6px 10px 6px 5px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.attachment-template-row .all-template a svg {
  margin-right: 5px;
}
.attachment-template-row a i {
  padding-left: 10px;
  color: #8f8f8f;
}
.email_template_dropdown_section {
  position: absolute;
  background: #fff;
  top: 38px;
  width: 154px;
  left: 22px;
  z-index: 99;
  height: 227px;
  border: 1px solid #ccc;
  width: 180px;
  border-radius: 6px;
}
.add_template_div_footer_section {
  text-align: center;
  width: 100%;
  padding: 6px;
  background: #999;
  color: #fff;
}
.email_template_dropdown_inner_section {
  border-bottom: 0;
  padding: 5px;
  cursor: pointer;
  border-radius: 6px;
  height: 200px;
  overflow: auto;
}
.email_template_dropdown_loop {
  padding: 5px;
  cursor: pointer;
  border-radius: 4px;
}
.email_template_dropdown_list_name {
  font-weight: 600;
  color: #262626;
  margin-bottom: 2px;
}
.email_template_dropdown_list_snippet {
  font-size: 11px;
}
.email_template_hover_prreview {
  position: absolute;
  z-index: 999;
  background: #fff;
  padding: 8px;
  border: 1px solid #ccc;
  height: 200px;
  overflow: auto;
  width: 160px;
  border-radius: 4px;
  font-size: 13px;
  color: #262626;
}
.email_template_dropdown_loop.active .email_template_dropdown_list_name {
  color: #fff;
}
.email_template_dropdown_loop.active {
  background: #27affd;
  color: #fff;
}
.Add_template_div {
  background-color: #88909a;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
}
.Add_template_div:active {
  background-color: #77808a;
}
.multiple_email_section {
  display: inline-table;
}
.facebook_page_data_main_section {
  padding: 20px;
}
.facebook_page_data_main_section_loop {
  border: 1px solid #ccc;
  cursor: pointer;
}
.email_list_loop_data_section_subject_field {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.multiple_email_section .multiple_email_section_emails {
  border: 0;
  background: #f5f5f5;
  color: #282828;
  border-radius: 4px;
  padding-right: 22px;
  padding-left: 6px;
  display: inline-flex;
  position: relative;
  line-height: 1.3;
  min-height: 26px;
  align-items: center;
  margin: 2px 5px 2px 0;
}
.multiple_email_section_emails_cross {
  position: absolute;
  top: 8px;
  right: 7px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.multiple_email_section_emails_cross i {
  margin: auto;
  font-size: 12px;
}
.style_for_email_to_cc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.selectedDraggableCapture {
  padding: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Cc_Bcc_style {
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
  margin-top: -2px;
}
.Cc_email_list {
  padding: 0 0;
  display: flex;
  width: auto;
  flex-wrap: wrap;
}
.Cc_Bcc_style span {
  margin-top: -5px;
  cursor: pointer;
}
.Cc_email_list .label_data_in_email_section_loop_outer {
  font-size: 15px;
  padding: 0 10px 0 10px;
  border: 0;
  margin-top: 0;
  margin-left: 7px;
  text-align: center;
  border-radius: 4px;
  background-color: #f5f5f5;
  display: inline-flex;
  line-height: 1.4;
  align-items: center;
}
.single-line-form.style_for_email_to_cc .form-control {
  height: auto;
  min-height: 36px;
}
.Cc_form_control {
  width: auto;
  flex: 1;
  padding: 0 5px;
}
.label_data_in_email_section_loop {
  font-size: 14px;
  color: #000;
  line-height: 1.3;
}
.replayer-wrapper {
  transform: scale(0.533333) translate(0, -78%) !important;
}
.reply_message_section_main_div {
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow:
    rgb(0 0 0 / 8%) 0 1px 6px,
    rgb(0 0 0 / 0%) 0 4px;
}
.reply_message_section_main_div .content_editable_div:empty:after {
  content: attr(data-placeholder);
  cursor: text;
  color: rgba(55, 53, 47, 0.6);
}
.reply_message_section_main_div .content_editable_div {
  padding: 18px;
}
.view_modal_section_main_div {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 99;
  background: #ccc;
}
.video_section_container {
  margin: auto;
}
.header_section {
  width: 100%;
  padding: 20px;
  text-align: right;
  font-size: 30px;
}
.header_close_icon i {
  cursor: pointer;
}
.filter_sub_section_div .filter_main_section {
  color: #fff;
}
.filter_sub_section_div {
  width: 100%;
  background: #ccc;
  padding: 10px 10px;
  position: relative;
}
.filter_sub_section_div .filter_main_section {
  color: #444;
  border: 1px solid #444;
  display: inline-flex;
  padding: 3px 22px;
  border-radius: 24px;
}
.filter_dropdown_section {
  position: absolute;
  background: #fff;
  padding: 5px 24px;
  border-radius: 7px;
  top: 40px;
  left: 13px;
  z-index: 10;
  border: 1px solid #ccc;
}
.filter_dropdown_section .filter_list {
  margin-bottom: 5px;
  cursor: pointer;
}
.email_conversation_subject .email_name_div {
  min-width: auto;
  height: 36px;
}
.ri_textual_data .snap_data_email_search {
  padding: 9px 36px;
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.add_new_organization_button {
  border-radius: 50%;
  border: 1px solid #ccc;
  width: 20px;
  height: 20px;
  display: flex;
  cursor: pointer;
  margin: 0 3px;
}
.add_new_organization_button i {
  margin: auto;
}
.organization_create_page_main_outer_div_section {
  width: 100%;
  height: 100vh;
}
.organization_create_page_main_outer_div_section .organization_column_first {
  height: 100vh;
}
.organization_create_page_main_outer_div_section
  .organization_right_column_image_side {
  display: flex;
  background: #5494dc;
}
.organization_create_page_main_outer_div_section
  .organization_right_column_image_side
  .organization_image_right_side {
  margin: auto;
  width: 500px;
}
.organization_create_page_main_outer_div_section .organization_column_first {
  background: #1e272e;
}
.organization_form_data_create_form .organization_form_data_create_form_input {
  display: inline-flex;
  width: 100%;
}
.organization_form_data_create_form_input .organization_icon_label {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  padding: 3px 38px;
}
.organization_form_data_create_form .organization_icon_rcr_image {
  width: 60px;
}
.organization_form_data_create_form .organization_icon_rcr_image {
  width: 61px;
}
.organization_form_data_create_form .organization_input_section {
  margin-left: 38px;
}
.organization_form_data_create_form_input .organization_icon_label {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  padding: 3px 38px;
}
.organization_form_data_create_form .organization_input_section input {
  border: unset;
  background: unset;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.organization_form_data_create_form .organization_input_and_label_section {
  width: 100%;
}
.organization_form_data_create_form .organization_input_section input {
  border: unset;
  background: unset;
  border-bottom: 1px solid #ccc;
  width: 100%;
  font-size: 26px;
  color: #fff;
  padding: unset;
}
.organization_create_page_main_outer_div_section
  .organization_form_data_create_form {
  margin: 335px 35px;
}
.organization_form_data_create_form .next_step_to_add_organization_button {
  background: #5494dc;
  padding: 10px 51px;
  border-radius: 7px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.next_step_to_add_organization_button_div_section {
  margin: 20px 36px;
}
.organizations_icon_color_section_main_icon {
  width: 150px;
  height: 150px;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-top: 15px;
  display: flex;
  position: relative;
}
.organizations_icon_color_section_main_icon_text {
  margin: auto;
  font-size: 85px;
  color: #fff;
}
.organization_choose_color_main_outer_div .choose_icon_palates {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  margin: auto;
  transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.organization_choose_color_main_outer_div .choose_icon_palates_outer {
  display: flex;
  width: 70px;
  height: 70px;
}
.organization_choose_color_main_outer_div .choose_icon_palates:hover {
  width: 30px;
  height: 30px;
}
.organizations_icon_color_section {
  display: inline-flex;
  width: 100%;
}
.organization_choose_color_main_outer_div {
  padding: 10px;
  display: inline-flex;
  width: 80%;
  align-items: center;
  flex-wrap: wrap;
}
.choose_icon_palates_outer.active .choose_icon_palates {
  width: 30px;
  height: 30px;
}
.choose_icon_palates_outer.active .choose_icon_palates:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  top: 8px;
  left: 8px;
}
.choose_icon_palates_outer.active .choose_icon_palates {
  width: 30px !important;
  height: 30px !important;
  position: relative;
}
.organization_form_data_create_form
  .participant_organization_outer
  .participant_organization {
  padding: 5px;
  background: #fff;
  color: #595959;
  border-radius: 50px;
  font-size: 14px;
  position: relative;
  margin: 3px 4px;
  flex-wrap: wrap;
}
.organization_form_data_create_form
  .participant_organization_outer
  .participant_organization
  .remove_participant {
  font-size: 13px;
  top: -5px;
  position: absolute;
  right: 0;
  width: 15px;
  height: 15px;
  background: #fe1f74;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  display: flex;
}
.organization_form_data_create_form .participant_organization_outer {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
.organization_form_data_create_form
  .participant_organization_outer
  .participant_organization
  .remove_participant
  i {
  margin: auto;
}
.organization_form_data_create_form
  .organization_input_section
  input::placeholder {
  font-size: 20px;
}
.organization_input_section .search_participant_dropdown {
  background: #fff;
  position: absolute;
  width: 373px;
  max-height: 320px;
  overflow: auto;
}
.organization_input_section .search_participant_loop {
  border-bottom: 1px solid #ccc;
  padding: 10px;
  font-size: 15px;
  cursor: pointer;
}
.organization_go_back_section {
  position: absolute;
  right: 18px;
  top: 9px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.capture_header_sub_icon_heading {
  -webkit-font-smoothing: antialiased;
  padding: 8px 8px;
  display: flex;
  transition: background-color 0.4s;
  border-radius: 4px;
  margin: 0 2px;
  min-width: 36px;
  min-height: 36px;
  line-height: normal;
}
.capture_header_main_icon_li_section {
  cursor: pointer;
}
.capture_header_main_icon_li_section .capture_header_sub_icon_heading svg {
  width: 13px;
  height: 13px;
  fill: #fffc;
}
.capture_header_sub_icon_heading.active .capture_header_sub_icon_heading svg {
  fill: #fff !important;
}
.capture_header_sub_icon_heading.active {
  background: #0e9aef;
  border: 0 !important;
  padding: 8px 12px;
}
.organizations_icon_color_section_main_icon img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin: auto;
}
.organization_picture_upload_icon i {
  margin: auto !important;
}
.organization_picture_upload_icon {
  position: absolute;
  bottom: 20px;
  right: 0;
  border-radius: 50%;
  background: #fff;
  width: 27px;
  height: 27px;
  text-align: center;
  display: flex;
  cursor: pointer;
}
.organization_badge img {
  height: 20px !important;
  width: 20px !important;
}
.manage_organization_main_section_div_inner_div {
  padding: 40px 40px 0;
}
.manage_organization_main_section_div_inner_div .manage_organization_heading {
  font-size: 21px;
  color: #505050;
  margin: 0 0 30px;
  font-weight: 600;
}
.all_organization_list_data_grid_loop
  .all_organization_list_organization_icon_main_div
  span.organization_text_inner {
  margin: auto;
  font-size: 65px;
  color: #fff;
}
.all_organization_list_data_grid_loop
  .all_organization_list_organization_icon_main_div {
  width: 160px;
  height: 160px;
  display: flex;
  border-radius: 50%;
  position: relative;
}
.all_organization_list_data_grid_loop .organization_text {
  font-size: 16px;
  line-height: 1.5em;
  color: #544d61;
  word-wrap: break-word;
  margin-top: 18px;
}
.all_organization_list_data_grid_loop {
  position: relative;
  text-align: center;
  width: 160px;
  margin: 0 70px 50px 0;
}
.manage_organization_main_section_div_inner_div
  .all_organization_list_data_grid {
  display: inline-flex;
  flex-flow: wrap;
}
.manage_organization_main_section_div_inner_div
  .all_organization_list_organization_icon_main_div
  img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.all_organization_list_data_grid_loop.active
  .all_organization_list_organization_icon_main_div:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  background-color: #d0ad24;
  border: 2px solid #efefef;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border-width: 6px;
}
.all_organization_list_data_grid_loop .organization_leave_edit_button {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000082;
  border-radius: 50%;
  color: #fff;
  display: none;
}
.all_organization_list_data_grid_loop
  .organization_leave_edit_button
  .edit_text {
  font-size: 15px !important;
  margin: auto;
  border-bottom: 1px dashed #fff;
  cursor: pointer;
}
.all_organization_list_organization_icon_main_div:hover
  .organization_leave_edit_button {
  display: flex;
}
.column_fifty_fifty .participant_data_section .participant_data_loop {
  background: #ccc;
  border-radius: 10px;
  padding: 3px 22px;
  position: relative;
  margin: 3px 5px;
}
.column_fifty_fifty .participant_data_section {
  display: inline-flex;
  flex-flow: wrap;
  height: 186px;
  overflow: auto;
  margin: 12px 0;
}
.column_fifty_fifty .participant_data_section .remove_participant {
  display: flex;
  width: 14px;
  height: 15px;
  position: absolute;
  top: -3px;
  right: -3px;
  background: #ccc;
  border-radius: 10px;
  cursor: pointer;
}
.column_fifty_fifty .participant_data_section .remove_participant i {
  margin: auto;
}
.column_fifty_fifty .search_participant_dropdown {
  height: 176px;
  overflow: auto;
  border: 1px solid #ccc;
  position: absolute;
  background: #ffff;
}
.column_fifty_fifty .search_participant_dropdown .search_participant_loop {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
.all_organization_list_data_grid_loop
  .organization_leave_edit_button
  span.leave_text {
  margin: auto;
}
.time_sheet_component_main_section_scroll_section {
  width: 100%;
  height: calc(100vh - 58px);
}
.capture_inbox_splitter_inner {
  height: calc(100vh - 58px);
}
.time_sheet_main_page_header_with_task_selection {
  width: 100%;
  height: 30px;
}
.time_sheet_component_main_section_scroll_section
  .time_sheet_main_page_component_inner_section {
  margin: 150px;
}
.chat_sidebar .assignee_circle.in-dropdown {
  background-color: #0e9aef;
  width: 24px;
  height: 24px;
  font-size: 11px;
  font-weight: 600;
  margin-right: 10px;
  margin-left: 13px;
}
.chat_sidebar .left_side_content_section .message_text_data {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 199px;
}
.chat_group_data_media_gallery_section {
  background: #fff;
  width: 100%;
}
.user_chat_window_initial_name span {
  margin: auto;
}
.user_chat_window_initial_name {
  display: flex;
  border-radius: 50%;
  background: #0e9aef;
  width: 60px;
  height: 52px;
  font-size: 28px;
}
.message_text_data .inner_chat_message_div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 24px;
}
.message_text_data .inner_chat_message_div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list_dropdown.chat_list_content_in_chat_left_side_bar.active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 18px;
  background-color: #0e9aef;
}
.chat_sidebar .left_side_content_section {
  align-items: center;
  display: flex;
}
.left_side_content_section > div {
  display: flex;
  align-items: center;
  width: 100%;
}
.chat_list_content_in_chat_left_side_bar.active .assignee_text {
  color: #262626;
  font-weight: 600;
}
.chat_sidebar .show_unread_message_count {
  margin-left: auto;
  display: inline-block;
  position: absolute;
  bottom: 8px;
  right: 10px;
  background-color: #c00;
  font-size: 13px;
  font-weight: 600;
  border-radius: 100%;
  padding: 0 7px;
  line-height: 18px;
}
.sidebar_search_ctrl input {
  padding: 3px 20px 3px 28px;
  height: 26px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  float: left;
  margin: 0;
  font-size: 14px;
  transition: all 0.2s ease;
  border-radius: 3px;
  border-color: #4c4d51;
  color: #b4b5b9;
  width: 100%;
  border: 1px solid #2a2d34;
  background: 0 0;
  opacity: 1;
}
.chat_sidebar_search_ctrl input {
  padding: 3px 30px 3px 30px;
}
.sidebar_search_ctrl input::placeholder {
  color: #b4b5b9 !important;
}
.chat_sidebar_search_ctrl {
  position: relative;
  display: flex;
  padding: 10px 10px 10px 10px;
  align-items: center;
  width: calc(100% - 41px);
}
.chat_sidebar_search_ctrl i {
  color: #b4b5b9;
  position: absolute;
  left: 20px;
  z-index: 1;
  font-size: 13px;
  margin-top: 2px;
  cursor: pointer;
}
.chat_sidebar_search_ctrl i.clear-text-search-left {
  right: 20px;
  left: auto;
  font-size: 12px;
}
.sidebar_search_ctrl input {
  padding: 3px 20px 3px 36px;
  height: 35px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  float: left;
  margin: 0;
  font-size: 14px;
  transition: all 0.2s ease;
  border-radius: 3px;
  border-color: #4c4d51;
  color: #465369;
  width: 100%;
  border: 1px solid #d5d5d6;
  background: 0 0;
  opacity: 1;
  border-radius: 6px;
}
.sidebar_search_ctrl input::placeholder {
  color: #b4b5b9;
}
.add_new_btn {
  background: #0e9aef;
  color: #fff;
  width: 31px;
  height: 31px;
  border-radius: 4px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sidebar_search_ctrl {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.chat_list_content_in_chat_left_side_bar .assignee_circle.in-dropdown > img {
  width: 100%;
  height: 100%;
}
.message_text_data .attachment_by_slash {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.typing_label_sidebar {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}
.name_msg_wrap {
  max-width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message_text_date_section_side_right {
  color: #262626;
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.user_container_main_container div[style*="position: sticky;"] {
  position: relative !important;
}
.user_chat_window img {
  width: 100%;
  height: 100%;
}
.chat_window_name_wrapper {
  display: flex;
  align-items: center;
}
.chat_window_name {
  font-weight: 600;
  color: #000;
  font-size: 20px;
  margin: 0 10px 0 0;
  display: inline-flex;
}
.chat_window_info {
  display: flex;
  flex-direction: column;
}
.chat_window_name {
  font-weight: 600;
  color: #000;
  font-size: 18px;
}
.total_participants_exist {
  margin: 0 5px 0 0;
}
.chat_header_action_btns {
  display: flex;
  align-items: center;
  justify-content: end;
}
.chat_header_action_btns .btn_ctrl {
  border-radius: 15%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
  cursor: pointer;
  transition: background 0.1s linear;
}
.chat_header_action_btns .btn_ctrl:hover {
  background-color: #ebebed;
}
.chat_header_action_btns .btn_ctrl i {
  font-size: 15px;
}
.chat_header_action_btns .btn_ctrl svg {
  width: 18px;
}
.chat_header_action_btns .btn_ctrl i,
.chat_header_action_btns .btn_ctrl svg * {
  color: #757575;
  fill: #757575;
}
.chat_header_action_btns .btn_ctrl.active {
  background: #0e9aef;
}
.chat_header_action_btns .btn_ctrl.active i,
.chat_header_action_btns .btn_ctrl.active svg * {
  fill: #ffffff;
  color: #fff;
}
.user_container_main_container .grouping_section i {
  margin-left: 5px !important;
  padding-left: 0 !important;
  line-height: initial;
  color: #9d9da3;
  font-size: 14px;
  height: 12px;
  position: relative;
}
.search_ctrl {
  display: flex;
  flex: 1 1 auto;
  position: relative;
}
.top_search_ctrl {
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  height: 30px;
}
.search_ctrl.inactive .search_pagination,
.search_ctrl.inactive button.cancel,
.search_ctrl.inactive input {
  display: none;
}
.top_search_ctrl i.fa-search {
  border-radius: 15%;
  font-size: 15px;
  color: #757575;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  cursor: pointer;
  transition: background 0.1s linear;
  margin: 0 4px 0 0;
  left: 5px;
  position: absolute;
}
.top_search_ctrl.inactive i.fa-search {
  border-radius: 15%;
  font-size: 15px;
  color: #757575;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  cursor: pointer;
  transition: background 0.1s linear;
  margin: 0 4px 0 0;
  left: 0;
  position: relative;
}
.top_search_ctrl input {
  width: 500px;
  height: 30px;
  border: 1px solid #dadce0;
  padding: 0 30px 0 35px;
  transition: width 0.2s linear;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.top_search_ctrl input:focus {
  border: 1px solid #0e9aef;
}
.search_pagination {
  display: inline-flex;
  border: 1px solid #dadce0;
  align-items: center;
  justify-content: space-around;
  font-size: 14px;
  color: #000;
  padding: 0 10px;
  border-left: 0;
  display: inline-flex;
  height: 30px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.search_pagination i {
  border-radius: 100%;
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
  cursor: pointer;
  transition: background 0.1s linear;
  font-size: 10px;
  color: #757575;
}
.search_pagination i:hover {
  background-color: #ebebed;
}
.search_pagination .search_count_items {
  padding-left: 10px;
  color: #333;
  display: inline-flex;
  white-space: nowrap;
  font-size: 12px;
}
.time_sheet_left_side_selection {
  height: calc(100vh - 73px);
  background: #cccccc42;
  width: 100%;
}
.time_sheet_main_page_component {
  height: calc(100vh - 73px);
  width: 100%;
  background: #cccccc42;
}
.search_pagination button.cancel {
  background: 0 0;
  border: 0;
  font-size: 12px;
  padding: 0 0 0 25px;
  cursor: pointer;
}
.top_search_ctrl i:hover {
  background-color: #ebebed;
}
.top_search_ctrl.active i:hover {
  background: 0 0;
}
.top_search_ctrl i {
  border-radius: 15%;
  font-size: 15px;
  color: #757575;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  cursor: pointer;
  transition: background 0.1s linear;
  margin: 0 4px 0 0;
}
.top_search_ctrl i.clear-text-search-left {
  color: #757575;
  position: absolute;
  right: 0;
  font-size: 11px;
}
.user_mini_profile_badge {
  padding-bottom: 8px;
}
.cmn_quick_info_btns {
  display: inline-flex;
  padding: 0 8px;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 4px;
  cursor: pointer;
}
.cmn_quick_info_btns i,
.cmn_quick_info_btns svg,
.cmn_quick_info_btns svg * {
  color: #757575;
  fill: #757575;
  font-size: 14px;
  width: 14px;
}
.cmn_quick_info_btns.active i.fa-star {
  color: #e3b51e;
}
.chat_group_data_media_gallery_section {
  background: #fff;
  width: 100%;
  font-size: 23px;
  text-align: center;
  padding-top: 112px;
}
.dual_context_panel_section .dual_context_section_options.active {
  background: #207af4;
  color: #fff;
}
.main-header
  > .top-header-inner
  > .nav.nav-left
  > ul
  > li
  .capture_header_sub_icon_heading
  svg {
  width: 18px;
  height: 18px;
}
.chat_main_section_sub_header .list_dropdown {
  display: inline-flex;
}
.chat_main_section_sub_header .cmn_quick_info_btns {
  top: 0 !important;
}
.dual_context_panel_section {
  position: fixed;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 9999;
  border-radius: 8px;
}
.project-div.task_creation_tag_common_btn.project_cv_div {
  position: relative;
}
.user_link_asana_task_section_with_scroll .search_scroll_container_list_data {
  height: calc(100vh - 466px) !important;
}
.user_link_asana_task_section_link_list .attachment_clip {
  position: absolute;
  right: 14px;
  top: 7px;
  color: #ababab;
  cursor: pointer;
  font-size: 17px;
}
.s_int_apps_card_main_ctrl .rcr_app_section_inner_loader {
  position: relative;
  height: 210px;
}
.user_link_asana_task_section_with_scroll {
  position: relative;
  min-height: 250px;
}
.user_link_asana_task_section_link_list {
  margin: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 10px;
  padding-right: 36px;
  position: relative;
}
.bottom_notification_message.lnks_task_sccs_msg {
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 92%;
  border: 2px solid #c3e6cb;
  padding: 3px 10px;
  color: #155724;
  background-color: #d4edda;
  right: 0;
  margin: auto;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
}
.bottom_notification_message.lnks_task_sccs_msg svg {
  display: inline-flex;
  margin: 0 2px 0 0;
  width: 35px !important;
  height: 35px !important;
}
.bottom_notification_message.lnks_task_sccs_msg i.fa.fa-times {
  position: absolute;
  right: 15px;
  cursor: pointer;
}
.user_link_asana_task_section_link_list.active .attachment_clip {
  color: #0e9aef;
}
.user_link_asana_task_section_link_list.active {
  border: 1px solid #0e9aef;
}
.user_link_asana_task_section_link_list .task_name_section {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.create_task_form_scroller.app_integrate {
  height: calc(100vh - 293px);
  border-top: 0;
}
.create_task_form_scroller.app_integrate.liked_task_scroll_bar_ctrl {
  height: calc(100vh - 231px);
  border-top: 1px solid #e9e9eb;
}
.organization_name_organization_data {
  display: inline-flex;
  border-top: 1px solid #e1e1e1;
  padding: 7px;
  width: 328px;
}
.app_project_list_section {
  height: 200px;
  overflow: auto;
  position: absolute;
  border: 1px solid #ccc;
  background: #fff;
  top: 36px;
  left: 31px;
  z-index: 999;
}
.main_integrated_task_container .task_data_in_loop_section {
  padding: 10px;
  display: inline-flex;
  border-bottom: 1px solid #ccc;
  width: 328px;
}
.organization_name_organization_data .organization_name_icon.active {
  border: 6px solid #e10000;
}
.main_integrated_task_container .task_data_in_loop_section div {
  margin-right: 14px;
}
.app_project_list_section .app_project_list_section_loop {
  padding: 12px 14px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.task_integrating_main_form_container {
  display: block;
  width: 100%;
  height: 100%;
}
.organization_name_organization_data .organization_name_icon {
  width: 30px;
  display: flex;
  height: 30px;
  background: #0e9aef;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}
.organization_name_organization_data .organization_name_icon span {
  margin: auto;
  color: #fff;
  font-weight: 900;
}
.dual_context_panel_section .dual_context_section_options {
  border-bottom: 1px solid #ccc;
  padding: 11px;
  cursor: pointer;
}
.app_integration_tag_container {
  margin-left: 17px;
  display: inline-flex;
}
.app_integration_tag_container .app_integration_tag_loop {
  display: inline-flex;
  border: 1px solid #ccc;
  padding: 2px;
  font-size: 12px;
  cursor: pointer;
  margin-right: 10px;
}
.app_integration_tag_container .app_integration_tag_loop span {
  white-space: pre;
  width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app_integration_tag_container .app_integration_tag_loop svg {
  width: 13px;
  margin-right: 5px;
}
.app_integration_block_container .preview_pane_top_header_main {
  display: block !important;
}
.capture_container_bg_white .integrate_time_main_container {
  margin-top: 130px;
}
.capture_container_bg_white
  .integrate_time_main_container
  .time_integration_api_container {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 53px;
  display: inline-flex;
  width: 30%;
  cursor: pointer;
}
.capture_container_bg_white
  .integrate_time_main_container
  .time_integration_api_container
  img {
  width: 166px;
}
.capture_container_bg_white
  .integrate_time_main_container
  .time_integration_api_container
  svg {
  width: 63px;
}
.time_integration_logo_rcr_svg {
  margin: auto;
}
.rcr_app_section_integration {
  margin-top: 46px;
  position: relative;
  width: 100%;
  min-height: 402px;
}
.app_integration_page_view_container .project_management_tool {
  font-size: 18px;
  font-weight: 600;
}
.setting_profile_control_integration {
  padding: 0 20px;
}
.app_integration_page_view_container .project_management_tool_small {
  font-size: 13px;
  line-height: 31px;
}
.rcr_app_section_integration .rcr_app_section_integration_inner_loop {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 11px;
  margin-bottom: 16px;
}
.app_integration_page_view_inner_container {
  display: flex;
  width: 100%;
  margin-top: 30px;
  flex-flow: wrap;
}
.app_integration_page_view_inner_container .app_data_loop {
  display: inline-flex;
  margin-right: 79px;
  margin-bottom: 14px;
}
.etd_logo {
  width: 23px;
  margin-right: 10px;
}
.compact-icon img {
  width: 15px;
  height: auto;
  margin-right: 2px;
}
.compact-img-options .etd_logo {
  width: 15px;
  height: auto;
  margin-right: 5px;
}
.date_calender_popup {
  position: absolute;
  top: 34px;
}
.in_time_page .date_calender_popup {
  right: auto;
}
.timeline_filter_btn_group {
  position: relative;
}
.has-error .pt_input_select_wrap {
  border: 1px solid #d00 !important;
}
.app_integration_page_view_inner_container
  .app_data_loop
  .app_data_loop_svg_data {
  display: flex;
  width: 100px;
  height: 100px;
  padding: 7px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.app_integration_page_view_inner_container
  .app_data_loop
  .app_data_loop_svg_data
  img {
  margin: auto;
  width: 63px;
}
.app_integration_page_view_inner_container
  .app_data_loop
  .app_data_loop_text_data {
  padding: 20px;
  font-size: 17px;
}
.app_integration_page_view_inner_container
  .app_data_loop
  .app_data_loop_text_data
  button {
  font-size: 12px;
  background: #0e9aef;
  color: #fff;
  border: unset;
  padding: 3px 11px;
  margin-top: 9px;
}
.capture_container_bg_white .page-wrapper-doc .no_doc_selected_data_ctrl img {
  width: 100%;
}
.capture_container_bg_white
  .page-wrapper-doc
  .no_doc_selected_data_ctrl
  button.all_this_app_button {
  margin-top: 40px;
  padding: 12px 70px;
  border-radius: 8px;
  border: unset;
  background: #00bcde;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.create_new_task_row .create_new_task_row_label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #333;
}
.create_asana_task_dropdown_component_select_popup_view {
  padding: 7px 10px;
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  position: relative;
  font-size: 13px;
  margin-bottom: 7px;
  color: #333;
  cursor: pointer;
}
.create_asana_task_dropdown_component_select_popup_view .search_arrow_icon {
  position: absolute;
  top: 11px;
  right: 13px;
}
.create_task_form_scroller.live_create_task_popover.app_integrate .form-group {
  margin-bottom: 10px;
}
.my_capture_ctrl
  .gray_theme_custom_sidebar
  .no_result_found.in_left_side_panel {
  height: calc(100vh - 100px);
}
.load_more_timer_section_button:hover {
  opacity: 1;
  background: #e9e9e9;
}
.comments_area.comment_area_right .comments_text .comment_text_bg.has_reaction {
  padding-bottom: 20px !important;
}
.add_time_approved_popup .modal-content {
  min-height: 384px;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list {
  background-color: #1a191e;
  border-color: #1a191e;
}
.time_tracking_sidebar .sb_tree_menu_ul {
  background-color: #1a191e;
  border-color: #1a191e;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list li a {
  color: #9fa5ae;
}
.time_tracking_sidebar
  ul.time_tracking_sidebar_list
  li
  a:not([href]):not([class]) {
  color: #9fa5ae;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list li a.active {
  color: #fff;
  background-color: #2c2b35 !important;
}
.time_tracking_sidebar ul.time_tracking_sidebar_list li a:hover {
  background-color: rgba(228, 228, 228, 0.16);
}
.time_tracking_sidebar ul.time_tracking_sidebar_list .element_icn_ctrl svg * {
  fill: #9fa5ae;
}

.time_tracking_sidebar .sec_label {
  color: #838994;
}
.time_tracking_sidebar .coming_soon {
  background-color: rgba(228, 228, 228, 0.16);
  color: #9fa5ae;
}
.brand_app_logo svg g.first_part > path {
  fill: #ffffff;
}
@media only screen and (max-width: 440px) {
  .auth_innr {
    width: 100%;
    padding: 0 15px;
  }
}
body.dragging_enabled
  .gray_theme_custom_sidebar
  .rc-tree-treenode.rc-tree-treenode:hover {
  background: 0 0;
  cursor: default;
}
body.dragging_enabled
  .rc-tree-treenode.rc-tree-treenode:hover
  .on_hover_visibility_1 {
  opacity: 0;
}
body.dragging_enabled
  .rc_space_section_control
  .capture_folder_lavel_one:hover
  .create_new_folder_plus_icon {
  opacity: 0;
}
body.dragging_enabled
  .rc-tree-treenode.rc-tree-treenode:hover
  .on_hover_visibility_1 {
  opacity: 0;
}
.selectedDraggableCapture.ui-draggable-dragging.space_folder_list_draggable {
  opacity: 0.75 !important;
  pointer-events: none;
}
body.dragging_enabled
  .rc_space_section_control
  .capture_folder_lavel_one
  .innertTextContent
  .inline_text_content_control:hover {
  border-bottom: 0;
}
body.dragging_enabled [data-tip="true"] {
  pointer-events: none;
}
body.dragging_enabled .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
  cursor: default !important;
}
body.dragging_enabled .rc-tree-treenode.rc-tree-treenode:hover {
  background: 0 0 !important;
}
body.dragging_enabled .manage_folder_flex:hover .gf_details_button_right {
  display: none !important;
}
body.dragging_enabled [data-tip="true"] {
  pointer-events: none;
}
.menu_ul_list,
.menu_ul_list a {
  color: var(--themeTextDarkColor);
  align-items: center;
}
.button-radius,
.email_tag_tree_list_ctrl .email_tag_left_side_bar_list.rc-tree-treenode:hover,
.reply-button-section .btn {
  border-radius: 8px;
}
.btn {
  font-wegith: 600;
}
.form-group-margin-bottom {
  margin-bottom: 12px;
}
.menu_ul_list {
  padding: 0 10px;
  display: flex;
  border-radius: 4px;
  height: 32px;
  position: relative;
  cursor: pointer;
  font-size: 13px;
}
.menu_ul_list a {
  display: inline-flex;
}
.menu {
  padding: 0 10px;
  margin-bottom: 8px;
}
.menu_ul_list .list_icon {
  display: inline-flex;
  width: 24px;
  align-items: center;
}
.counter {
  font-size: 12px;
  position: absolute;
  right: 10px;
  color: rgb(0 0 0 / 62%);
}
.menu_ul_list:hover {
  background: #e7e7ec;
}
.compose_email_btn {
  width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
  border: 0;
  min-height: 40px;
}
#emailPreviewScrollPane
  .reply_content_body_area
  .compose_inner_card
  + .compose_inner_card
  .signature-content,
.compose_email_btn_container,
.email_data_container {
  padding: 10px;
}
.create_btn_right {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.User_initial_box,
.User_initial_circle {
  background: rgb(0 0 0 / 10%);
  width: 20px;
  align-items: center;
  font-size: 11px;
  color: #000;
  margin-right: 8px;
  display: inline-flex;
  height: 20px;
}
.User_initial_box {
  justify-content: center;
  border-radius: 4px;
}
.User_initial_circle {
  justify-content: center;
  border-radius: 100%;
  font-weight: 600;
}
li.menu_ul_list.list_sec_label {
  color: rgb(0 0 0 / 80%);
  font-size: 12px;
  font-weight: 600;
  margin: 0 -10px;
  border-radius: 0;
  padding: 0 20px;
}
.menu_ul_child .menu_ul_list {
  padding: 0 10px 0 22px;
}
.toggle_section {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  font-size: 13px;
  color: #b4b5b9;
  opacity: 0;
}
#email_compose_modal_popup .modal-header .new-popup:hover,
#email_compose_modal_popup .remove-ccbcc:hover,
.channel-list-mail-popup .clear_search_text i:hover,
.create_tag_icon svg:hover,
.email_attachment_card:hover .remove_attachment,
.email_serch_form-group .clear_filter_icon:hover,
.email_tag:hover .action_to_remove_tag,
.list_quick_action:hover,
.menu_ul_list:hover .toggle_section,
.multiple_email_section_emails_cross svg:hover,
.rc_comments_viewer_area_control
  .compose_inner_card.composer_message_box_ctrl
  #main-div-signature-dropdown:hover,
.remove_attachment:hover svg,
.search_page_data_input_container .clear_search_text i:hover,
.select_parent_tag_click .clear-selected-parent-tag-wrapper i:hover,
.signature_section_ctrl
  #signature-content-div:hover
  .composer_action_buttons
  svg:hover,
.table_row:hover .list_quick_actions,
.tag_menu_ctrl .menu_ul_list:hover .three_dot_menu_ctrl {
  opacity: 1;
}
.three_dot_menu_ctrl {
  position: absolute;
  right: 0;
  background: 0 0;
  width: 30px;
  display: inline-flex;
  cursor: pointer;
  margin-left: auto;
  justify-content: center;
  opacity: 0;
}
.email_tag_left_side_bar_list.rc-tree-treenode:hover .captures_count,
.tag_menu_ctrl .menu_ul_list:hover .counter {
  opacity: 0;
}
.sidebar_scroll_ctrl {
  overflow: auto;
  height: calc(100vh - 171px);
}
.email_tag_left_side_bar_list .rc-tree-title {
  display: flex;
  align-items: center;
  height: 100%;
}
.rc-tree-title .innertTextContent {
  display: flex;
  align-items: center;
  width: 100%;
}
.email_tag_left_side_bar_list.rc-tree-treenode {
  min-height: 32px;
  padding: 0 12px !important;
  border-radius: 4px;
}
.email_tag_child_level .rc-tree-switcher {
  width: 12px !important;
}
.menu_ul_list.active {
  background: rgb(14 154 239 / 10%);
}
li.menu_ul_list.active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  background: #0e9aef;
  height: 100%;
  border-radius: 3px 0 0 3px;
}
.email_list.active,
.email_list.active:hover {
  background: #f7fafc;
  color: var(--black);
}
.email_list.active .attachment_by_slash,
.email_list.active .recipient_senders_container .recipient_sender,
.email_list.active .subject_list {
  color: var(--black);
}
.sidebar_sticky_footer {
  background: #fff;
  display: flex;
  padding: 8px;
  border-top: 1px solid var(--themeCardBorder);
}
.sidebar_sticky_footer a.sticky_footer_action_btn {
  border-right: 1px solid #efefef;
}
.sticky_footer_action_btn {
  min-height: 36px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 8px;
  border-radius: 6px;
  color: #333;
  font-size: 13px;
  align-items: center;
  margin: 0 3px;
}
.Cc_email_list .label_data_in_email_section_loop_outer:first-child,
.sticky_footer_action_btn:first-child,
ul.panel_tabs li.panel_tab:first-child {
  margin-left: 0;
}
.dropdown_footer_area .btn:last-child,
.sticky_footer_action_btn:last-child {
  margin-right: 0;
}
.sticky_footer_action_btn.active,
.sticky_footer_action_btn.active:hover {
  background: #0e9aef;
  color: #fff;
}
.sticky_footer_action_btn svg * {
  fill: #333333;
}
.access_type svg,
.inbox_icon,
.page_filter_widget svg,
.sticky_footer_action_btn svg {
  margin-right: 6px;
}
.sticky_footer_action_btn:hover {
  color: #333;
  background: #e8e8e8;
}
.email-global-search .search_page_data_input_container svg path,
.email-setting-heading svg path,
.preparing-csv-container .popbtn:hover path,
.sticky_footer_action_btn.active svg * {
  fill: #ffffff;
}
.email_search_bar_container {
  display: flex;
  align-items: center;
  background: var(--whiteBackground);
  padding: 10px 10px 0;
  border-radius: 10px 10px 0 0;
}
.email_serch_form-group {
  position: relative;
  display: flex;
  flex: 1;
}
.search_icon {
  position: absolute;
  left: 10px;
  top: 10px;
  margin: auto;
  display: inline-flex;
}
.email_serch_form-group .form-control {
  padding: 5px 20px 5px 32px;
  font-size: 14px;
  color: var(--themeTextDarkColor);
  font-weight: 600;
  border: 1px solid #20262b0d;
  background: #20262b0d;
}
.email_serch_form-group .clear_filter_icon {
  position: absolute;
  right: 10px;
  top: 12px;
  opacity: 0.6;
  font-size: 14px;
}
.email_serch_form-group .form-control:focus {
  background: var(--white);
}
.email_serch_form-group .form-control::placeholder {
  font-size: 14px;
  color: rgb(32 33 36 / 70%);
}
.refresh_list {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgb(32 38 43 / 5%);
  margin-left: 5px;
}
.email_list_filters_container {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border-bottom: 1px solid var(--themeCardBorder);
}
.user_initial_circle_ctrl {
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 10px;
  margin-right: 8px;
}
#email_compose_modal_popup .modal-header .action-popup-section,
.list_quick_actions,
.sort_by_dropdown {
  margin-left: auto;
}
.mail-list-container {
  background: var(--whiteBackground);
  height: 100%;
  margin-right: 10px;
  border-radius: 10px;
  border: 1px solid #e2e7eb;
}
.email_data_container .email_section_module,
.email_data_container .vue_splitter_pane.capture_detail_captures {
  border-radius: 10px;
}
.recipient_senders_container {
  display: flex;
  align-items: center;
  padding: 0 10px 0 13px;
}
.empty_state_container {
  width: 100%;
  height: 100%;
  margin: auto;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.empty_state_title {
  color: var(--themeTextDarkColor);
  font-size: 16px;
  margin-top: 24px;
}
.meta_data_container {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.colored_badge span,
.email_list_fev {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.metadata_badge {
  background: rgb(51 51 51 / 10%);
  border-radius: 4px;
  margin: 0 5px;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 600;
  color: #000;
}
.recipient_sender {
  color: #202124;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  padding-right: 5px;
}
.date_and_time {
  margin-left: auto;
  font-size: 11px;
  color: rgb(51 51 51 / 70%);
  font-weight: 600;
}
.email_list_fev {
  color: #202124;
  font-size: 14px;
  flex: 1;
  padding-right: 10px;
  align-items: center;
}
.subject_list {
  color: rgb(32 33 36 / 70%);
  font-size: 14px;
  font-weight: 500;
}
.colored_badges {
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.colored_badge {
  padding: 0 4px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 4px;
  margin: 0 2px;
  display: inline-flex;
  align-items: center;
}
.bulk_quick_item svg,
.composer_toolbar_row .note_box_tools_main .compose-tool-btn-icon,
.custom-field-type-dropdown .dropdown_list_ul svg,
.custom-field-type-dropdown .pt_name_text_outer_div svg,
.fev_icon,
.filter_by_action svg,
.inbox_name_ctrl svg {
  margin-right: 8px;
}
.fev_icon,
.filter_by_action {
  display: inline-flex;
  align-items: center;
}
.colored_badge span {
  max-width: 40px;
}
.light-blue {
  background: #f4f8ff;
  border: 1px solid #367fee;
  color: #307af4;
}
.light-red {
  background: #fef6f5;
  border: 1px solid #d64235;
  color: #ea4d3f;
}
.filter_by_action {
  color: #000;
  font-size: 12px;
  cursor: pointer;
  padding: 3px 6px;
  border-radius: 4px;
}
.app_int_tree_icon:hover,
.filter_by_action:hover,
li.app_int_tree_icon.active {
  background: #f5f5f7;
}
.action_to_remove_tag,
.chevron_icon_ctrl,
.composer_toolbar_row button .telement_item.telement_item_dropdown,
ul.panel_tabs {
  display: inline-flex;
  align-items: center;
}
.chevron_icon_ctrl {
  margin-left: 6px;
  font-size: 10px;
}
.recipient {
  color: #202124;
  font-size: 13px;
  margin-left: 6px;
  font-weight: 600;
}
.recipient i {
  font-size: 10px;
  margin-right: 6px;
}
.email_list:hover {
  background: #f7fafc;
}

.collapse_and_expand_arrow {
  margin-right: 8px;
  font-size: 10px;
}
.tag-child-element.tag-child-element .menu_ul_list {
  padding: 0 10px 0 36px;
}
.custom_dropdown_menu_style {
  padding: 5px !important;
}
.custom_dropdown_menu_style li {
  padding: 5px 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
}
.create_tag_icon:hover,
.custom_dropdown_menu_style li:hover {
  background: #f5f5f5;
}
.custom_dropdown_menu_style.dropdown_left {
  left: auto;
  right: 0;
}
.custom_dropdown_menu_style li.active {
  background: rgb(14 154 239 / 10%) !important;
  color: #0e9aef !important;
}
.email_list.active .date_and_time {
  color: var(--black);
}
.email_conversation_header_main_section .email_conversation_subject {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  padding: 6px 15px;
  border-top: 1px solid var(--themeCardBorder);
  margin: 0;
}
.email_action_header_icon {
  height: 30px;
  width: 30px;
  margin: 0 0 0 8px !important;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.bulk_quick_item:hover,
.email_action_header_icon.show,
.email_action_header_icon:hover,
.email_preview_action_tool.show,
.email_preview_action_tool:hover,
.meta_data_action_area:hover {
  background: #ebebed;
}
.small_dot {
  width: 6px;
  height: 6px;
  background: #707070;
  display: inline-block;
  border-radius: 100%;
}
.meta_data_action_area {
  border: 1px solid transparent;
  margin-left: 5px;
  min-height: 26px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f7;
  border-radius: 2px;
  padding-right: 5px;
}
.meta_data_action_area .meta_data_type_icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgb(211, 211, 213, 0.26);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.meta_data_type_text {
  padding: 0 8px;
  color: var(--themeTextDarkColor);
  font-size: 12px;
  font-weight: 600;
}
.email_tags {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.email_tag {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  line-height: 1.3;
  margin: 0 2px;
  position: relative;
}
.email_name_div {
  color: var(--themeTextDarkColor);
  font-size: 18px;
  display: inline-flex;
  align-items: center;
}
.user_email {
  color: #307af4;
  margin-left: 5px;
}
.user_name {
  color: rgb(51 51 51 / 80%);
  font-weight: 600;
}
.email_to {
  color: rgb(32 33 36 / 80%);
  padding: 0;
  line-height: 1.4;
}
.email_label,
.recipient_email,
.sender_email {
  color: rgb(105 106 109 / 80%);
}
.email_label {
  margin-right: 4px;
  font-weight: 400;
}
.sender_email {
  font-weight: 400;
}
.email_initial_section {
  display: inline-grid;
  flex-direction: column;
  cursor: text;
  padding: 2px 6px;
}
.email_initial_section:hover {
  background: #f6f6f6;
  border-radius: 6px;
}
.to_user_email_subject {
  color: rgb(32 33 36 / 80%);
  font-weight: 400;
}
.email_preview_toolbar_right {
  margin-left: auto;
  display: flex;
}
.email_preview_action_tool {
  display: inline-flex;
  align-items: center;
  width: 28px;
  height: 28px;
  justify-content: center;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 4px;
}
#email_compose_modal_popup .send-email-button-section,
.attachment_heading,
.attachments_container,
.composer_toolbar_row .font-style-section,
.data_table.channel-table .access_type,
.data_table.inboxes_table .access_type,
.preparing-csv-container h4,
.widget_container_flex {
  display: flex;
  align-items: center;
}
.email_date_time {
  font-size: 12px;
  font-weight: 600;
  color: var(--themeTextDarkColor);
  margin-right: 5px;
  margin-top: 5px;
}
.metadata_badge svg {
  margin-right: 2px;
}
.attachment_heading h2 {
  font-size: 13px;
  font-weight: 600;
  color: #0e0e0e;
}
a.review_all {
  color: #307af4;
  margin-left: auto;
  font-size: 12px;
  font-weight: 600;
}
.attachments_container {
  cursor: pointer;
  flex-wrap: wrap;
}
.attachment_name,
.remove_attachment {
  align-items: center;
  display: inline-flex;
}
.email_attachment_card {
  border: 1px solid #dadce0;
  border-radius: 6px;
  padding: 5px 10px;
  margin: 5px;
  position: relative;
}
.remove_attachment {
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: 100%;
  justify-content: center;
  background: #dcdcdc;
  width: 16px;
  height: 16px;
  opacity: 0;
  cursor: pointer;
}
.remove_attachment svg {
  width: 10px;
  height: 10px;
  opacity: 0.6;
}
.attachment_name {
  color: var(--themeTextDarkColor);
  font-size: 13px;
  font-weight: 600;
}
.email_attachment_section {
  padding: 14px;
  border-bottom: var(--themeCardBorder);
}
.media_type {
  display: inline-flex;
  margin-right: 8px;
}
.attachment_size {
  font-size: 10px;
  color: #77787a;
  font-weight: 600;
  padding-left: 22px;
}
.selected_metadata_container {
  display: flex;
  padding: 0 0 0 10px;
}
.action_to_remove_tag {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  width: 14px;
  height: 100%;
  border-radius: 0 2px 2px 0;
  justify-content: center;
  position: absolute;
  right: 0;
  color: var(--white);
  font-size: 10px;
  cursor: pointer;
  opacity: 0;
}
.email_section_main_scroll_panel {
  height: calc(100vh - 252px);
  overflow: auto;
}
.four_column_ui
  .conversation_view_main_wrapper.email_module_control
  .vue_splitter_pane.vue_splitter_pane {
  height: calc(100vh - 78px) !important;
}
.tag_value_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 60px;
  display: inline-block;
  min-width: 14px;
}
.email_data_container
  .split-view.split-view-horizontal.split-view-separator-border {
  width: calc(100% - 60px);
}
.email_details_panel_main_container {
  background: var(--whiteBackground);
  border: 1px solid #e2e7eb;
  border-radius: 10px;
  height: 100%;
}
.composer_details {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 15px;
}
.composer_detail_row {
  display: flex;
  padding: 0;
}
.composer_detail_row .detail_label {
  min-height: 30px;
  max-height: 30px;
  display: inline-flex;
  align-items: center;
}
.detail_label {
  margin-right: 8px;
  min-width: 30px;
  color: #77787a;
}
.composer_detail_data.composer_from,
.composer_more_action {
  border-radius: 4px;
  color: var(--themeTextDarkColor);
  font-size: 13px;
}
.composer_detail_data.composer_from {
  background: rgb(225 225 225);
  padding: 0 6px;
}
.composer_more_actions {
  display: flex;
  padding: 0 15px;
}
.composer_more_action {
  padding: 2px 5px;
  cursor: pointer;
  max-height: 24px;
}
.composer_more_action:hover {
  background: #ececec;
}
.composer_body {
  padding: 15px;
  border-top: var(--themeCardBorder);
  min-height: 350px;
}
.app_integrations_tree_container .edit_each_range_input_group.custom_datepicker,
.composer_toolbar_section,
.email_folder_tree_main_container .col_folder_name_ctrl,
.message_template_tree_main_container .col_folder_name_ctrl {
  padding: 0;
}
.composer_toolbar_row {
  padding: 0;
  display: flex;
  align-items: center;
  border-top: 1px solid #e5e6e7;
}
#add_new_email_template_popup .compose_mail_header,
#email_compose_modal_popup .composer_detail_row .composer_detail_data,
.app_integrations_tree_container
  .edit_each_range_input_group.custom_datepicker
  .react-datepicker-wrapper,
.composer_detail_row.composer_subject_row .composer_detail_data,
.composer_detail_row.composer_to .Cc_form_control,
.composer_detail_row.composer_to .composer_detail_data,
.composer_toolbar_row .note_box_tools_main {
  width: 100%;
}
.composer_toolbar_row .note_box_tools_main .compose-tool-btn {
  background-color: #f5f5f7 !important;
  padding: 0 8px;
  border-radius: 3px;
  margin-right: 8px !important;
  border: 1px solid #e5e5e5;
}
.composer_toolbar_row .note_box_tools_main .compose-tool-btn-highlight:hover,
.composer_toolbar_row .note_box_tools_main .compose-tool-btn-icon:hover,
.composer_toolbar_row .note_box_tools_main .compose-tool-btn:hover {
  background-color: #eaeaea !important;
}
.composer_toolbar_row .note_box_tools_main .compose-tool-btn svg {
  margin-left: 8px;
}
.composer_toolbar_row .note_box_tools_main .note_box_tools_ctrl button:hover {
  background-color: #f5f5f7 !important;
  border: 1px solid #e5e5e5;
}
.composer_toolbar_row
  .note_box_tools_main
  .note_box_tools_ctrl
  .obj_cntxt_hit_btn,
.composer_toolbar_row .note_box_tools_main .note_box_tools_ctrl .sv_stroke,
.email_setting_add_template_section_ctrl .form-group,
.light-gray-circle-bg svg,
.widget_container_flex label.col-form-label {
  margin: 0;
}
.composer_toolbar_row .note_box_tools_main .compose-tool-btn-highlight {
  min-width: 50px;
  background-color: #f5f5f7 !important;
  padding: 0 8px;
  border-radius: 3px;
  margin-right: 8px !important;
  border: 1px solid #e5e5e5;
}
.composer_toolbar_row
  .note_box_tools_main
  .compose-tool-btn-highlight
  svg
  + svg,
.preparing-csv-container .popbtn svg {
  margin-left: 5px;
}
.composer_toolbar_row .note_box_tools_ctrl .font-style-section button:hover {
  background-color: inherit !important;
  border: 0 !important;
}
.composer_toolbar_section .add-teammate {
  line-height: 16px;
  margin-left: 5px;
  display: flex;
}
.composer_toolbar_section .add-teammate a.dropdown-toggle::after,
.route-inbox .flexbox-layout-column.single_connected_channel:after,
.route-inbox .flexbox-layout-column.single_connected_channel:before {
  content: inherit;
}
.composer_toolbar_section .add-teammate a {
  padding: 3px;
  background-color: #dfdfdf;
  display: flex;
  align-items: center;
}
.composer_toolbar_section .add-teammate a:hover {
  background-color: #cbcbcb;
}
.popup-collaborators {
  margin-left: 15px;
}
.teammate-add-list {
  min-width: 220px;
}
.tablerow-delete-action,
.teammate-add-list .teammate-title-header {
  padding: 5px 10px;
}
#email_compose_modal_popup
  .composer_message_box_ctrl
  .single-line-form
  .tox-tinymce,
.data_table.teammates-invite-datatable .es_capture_listing,
.email_comment_box_ctrl,
.email_compose_modal_popup .pt_input_select_data_flex,
.reply_content_body_area .pt_input_select_data_flex,
.reply_content_body_area .tox-tinymce,
.teammate-add-list .teammate-title-header input {
  border: 0;
}
.teammate-add-list .team-list {
  padding: 10px;
  max-height: 150px;
  overflow-y: auto;
}
.attachment_name .file_name,
.conversation_name_editable .email_name_div,
.text_overflow_ellipsis_ctrl {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.teammate-add-list .team-list div {
  margin-bottom: 8px;
}
.popup-collaborators .collaborators-section .assignee-user-popup {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #bcbcbc;
  margin-left: 5px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-collaborators .teammate-suggestion-list {
  margin-bottom: 10px;
  font-weight: 600;
}
.teammate-add-list .shortname {
  color: #fff;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0b92ff;
  border-radius: 100%;
  margin-right: 5px;
}
.composer_toolbar_row .note_box_tools_main .obj_cntxt_hit_btn:hover,
.data_table.inboxes_table .table_thead .table_row:hover {
  background-color: inherit;
}
.composer_last_action_row {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 10px;
}
.composer_last_action_row .reply-button-section {
  margin: 0 5px;
}
.composer_detail_data.composer_from input,
.composer_detail_data.composer_to input {
  background: 0 0;
  padding: 0;
}
.composer_toolbar_row button {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 0;
}
.composer_detail_row.composer_subject_row {
  padding: 0 15px;
  align-items: center;
  border-top: var(--themeCardBorder);
}
.composer_detail_row.composer_subject_row .form-control {
  width: 100%;
  border: 0;
}
.remove_email {
  display: inline-flex;
  margin-left: 5px;
}
.composer_toolbar_row button svg {
  width: 16px;
  height: 16px;
  opacity: 1;
  fill: var(--themeTextDarkColor);
}
.email_tag_tree_list_ctrl .rc-tree-title .innertTextContent,
.row.mail_row_border_bottom .attachment-template-row {
  width: auto;
}
#email_compose_modal_popup .modal-header,
.row.mail_row_border_bottom,
.signature_section_ctrl #signature-content-div:hover .composer_action_buttons {
  display: flex;
}
.attachment_name .file_name {
  max-width: 100px;
}
.composer_toolbar_row .ql-formats.note_box_tools_ctrl {
  padding: 6px 14px;
}
.text_overflow_ellipsis_ctrl {
  flex: 1;
}
.fev_icon.starred i {
  color: #e3b51e;
}
.comments_area.comment_area_right .comments_text {
  margin-top: 4px;
}
.email_panel_display_html_section .nc,
.email_panel_display_html_section .ufc,
.email_panel_display_html_section .ulc {
  margin: 4px 0;
}
.email_comment_box_ctrl .comment_save_button {
  border-radius: 6px;
  line-height: normal;
}
.email_comment_box_ctrl .custom_quil_comment_box,
.email_setting_add_template_section_ctrl .form-group .form-control,
.page_centered_inner_container .form-group .form-control {
  border-radius: 6px;
}
#emailPreviewScrollPane
  .reply_content_body_area
  .compose_inner_card
  + .compose_inner_card
  #signature-content-div
  p,
#email_compose_modal_popup
  .composer_message_box_ctrl
  .single-line-form.column
  .signature-Add-Container
  p,
.compose_inner_card.composer_message_box_ctrl,
.data_table.email-signature-datatable .table_td.col_signature_content p,
.email-details-communicate.cards-info .composer_message_box_ctrl:last-child,
.email_comment_box_ctrl .cmt_actn_input,
.page_centered_card .form-group:last-child,
.reply_content_body_area .compose_inner_card:last-child,
.route-inbox .flexbox-layout-column .channel-connect-container:last-child,
.text_box_editor .signature-content p {
  margin-bottom: 0;
}
.email_comment_box_ctrl .cmt_actn_btns {
  padding: 3px 8px 5px 10px;
}
.email-details-communicate .compose_inner_card:first-child,
.email_setting_add_template_section_ctrl
  fieldset.form_column
  .pt_input_select_data_flex,
.form-group .tag_setting_switch:first-child,
.rc_comments_viewer_area_control .ufc:first-child,
.reply_content_body_area .compose_inner_card:first-child {
  margin-top: 0;
}
.tag_dropdown_in_details_panel.project_internal_dropdown .modal-dialog {
  max-width: 240px;
}
#email_compose_modal_popup .modal-body {
  padding: 0 15px !important;
}
#email_compose_modal_popup .rc_tag_click_area_control .remove_tag i {
  left: -6px;
}
.compose_ctrl.modal #email_compose_modal_popup.modal-dialog {
  min-width: 850px;
  width: 850px;
  height: auto !important;
}
#email_compose_modal_popup #email_template_dropdown {
  min-width: 600px;
}
#email_compose_modal_popup .email_template_dropdown_inner_section {
  height: 225px;
}
#email_compose_modal_popup .modal-header .modal-title svg,
.clear_selection svg,
.select-channel-section
  .show_channels_div
  .channel-sections
  button.connect-button
  svg,
.send-email-button-section {
  margin-right: 5px;
}
.email_compose_modal_popup.modal #email_compose_modal_popup .modal-dialog {
  width: 850px;
}
#email_compose_modal_popup .modal-header .new-popup {
  right: 50px;
  position: absolute;
  top: 13px;
  opacity: 0.5;
}
#email_compose_modal_popup .composer_header .composer_details {
  padding-right: 0;
}
#email_compose_modal_popup .multiple_email_section {
  display: flex;
  align-items: center;
  padding-right: 15px;
}
#email_compose_modal_popup .composer_more_actions,
.folder_template_view_child_folder .col_folder_name_ctrl,
.folder_template_view_no_child_parent .col_folder_name_ctrl,
.folder_template_view_parent_folder .col_folder_name_ctrl {
  padding-left: 0;
}
#email_compose_modal_popup .remove-ccbcc,
.select_parent_tag_click .clear-selected-parent-tag-wrapper i {
  opacity: 0.5;
}
#email_compose_modal_popup .text_box_editor .signature-content,
.email-setting-heading svg {
  margin-right: 15px;
}
.compose_inner_card {
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--themeCardBorder);
  margin: 5px 0;
}
.email_compose_modal_popup .modal-content,
.reply_container_div {
  background: #f3f3f3;
}
.composer_detail_data.composer_from select.form-control {
  padding: 0 !important;
  margin: 0;
  background: 0 0;
  height: 26px;
  font-size: 13px;
  border: 0;
}
.compose_inner_card .mail_row_border_bottom {
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.single-line-form.column {
  padding: 10px 15px;
}
.compose_inner_card .composer_subject_row .form-control {
  height: 48px;
}
.email-details-communicate.cards-info {
  display: flex;
  height: auto;
  flex-direction: column;
}
.composer_message_box_ctrl {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.composer_message_box_ctrl .mail_editor.text_box_editor {
  width: 100%;
  height: calc(100vh - 791px);
  min-height: calc(100vh - 700px) !important;
  overflow-y: auto;
}
#email_compose_modal_popup .composer_message_box_ctrl .single-line-form {
  height: 100%;
  padding: 0;
}
#email_compose_modal_popup .composer_message_box_ctrl .single-line-form.column,
#signature-content-div,
.rc_comments_viewer_area_control .compose_inner_card.composer_message_box_ctrl {
  position: relative;
}
#email_compose_modal_popup
  .composer_message_box_ctrl
  .single-line-form.column
  .signature-Add-Container {
  position: absolute;
  border-bottom: 1px solid #efefef;
  bottom: 30px;
  z-index: 99;
  left: 5px;
  width: 99%;
  padding: 10px;
  margin-bottom: 10px;
}
#emailPreviewScrollPane
  .reply_content_body_area
  .compose_inner_card
  + .compose_inner_card
  #signature-content-div
  .signature-content:hover,
#email_compose_modal_popup
  .composer_message_box_ctrl
  .single-line-form.column
  .signature-Add-Container:hover {
  background-color: #efefef;
}
#email_compose_modal_popup .tox-tinymce--toolbar-bottom .tox-editor-header {
  padding: 45px 0 0;
}
.reply_content_body_area .composer_body {
  padding: 0;
  position: relative;
}
.reply_content_body_area .reply_content_body_area {
  padding-top: 40px 0 0 0;
}
#emailPreviewScrollPane
  .reply_content_body_area
  .compose_inner_card
  + .compose_inner_card
  .tox-toolbar__primary {
  border-top: 1px solid #dfdfdf;
}
#emailPreviewScrollPane
  .reply_content_body_area
  .compose_inner_card
  + .compose_inner_card
  #signature-content-div
  .composer_action_buttons {
  padding-right: 5px;
  padding-top: 12px;
}
#emailPreviewScrollPane .tox-tinymce--toolbar-bottom .tox-editor-header,
.email_folder_tree_main_container .table_row,
.email_tag_tree_list_ctrl .email_tag_child_level.email_tag_left_side_bar_list,
.email_tag_tree_list_ctrl
  .rc-tree-list-holder-inner
  .email_tag_left_side_bar_list.rc-tree-treenode:first-child,
.table_thead .table_row {
  border-top: 0;
}
#emailPreviewScrollPane
  #signature-content-div
  .composer_action_buttons_container_right {
  top: 10px !important;
}
#emailPreviewScrollPane
  .reply_content_body_area
  .compose_inner_card
  + .compose_inner_card
  #signature-content-div {
  padding: 10px 0 10px 10px;
}
.composer_detail_data.composer_from {
  background: rgb(37 100 193 / 10%);
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 26px;
  margin: 2px 0;
}
.composer_detail_row.composer_to {
  align-items: start;
}
.email_compose_modal_popup {
  z-index: 99;
}
.email_compose_modal_popup .modal-header {
  border-bottom: 0;
  padding: 12px 15px;
}
.email_compose_modal_popup .close.close_bg_on_hover {
  background: 0 0;
  top: 10px !important;
}
.multiple_email_section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.multiple_email_section_emails_cross svg {
  width: 11px;
  height: 11px;
  opacity: 0.6;
}
.multiple_email_section .Cc_form_control {
  margin: 2px 0;
}
.compose_ctrl.modal .modal-dialog {
  width: 760px;
  max-height: 760px;
  min-height: auto;
  margin-bottom: 0 !important;
  max-width: unset !important;
}
.error-message-section .error {
  color: #b70000;
  padding-left: 5px;
}
.error-message-section.from-section {
  padding-left: 38px;
}
#signature-content-div .composer_action_buttons,
.data_table.channel-table .table_body .table_row .table_td input.checkbox_sty,
.data_table.contact_datatable .table_row input.checkbox_sty,
.data_table.email-signature-datatable .table_row input.checkbox_sty {
  display: none;
}
#email_compose_modal_popup #email_compose_modal_popup .sendEmailButton {
  background-color: #0e9aef;
  color: #fff;
  padding: 0 15px;
}
#email_compose_modal_popup .sendEmailButton:hover {
  background-color: #1a7bb9;
}
#email_compose_modal_popup .sendEmailButton:active {
  background-color: #008adf;
  color: #fff;
}
#email_compose_modal_popup .sendEmailButton div {
  padding: 6px 8px;
}
.composer_toolbar_row button.dropdown,
.composer_toolbar_row button.dropdown .sv_stroke,
.email_setting_add_template_section_ctrl .tox .tox-tbtn--bespoke {
  width: auto !important;
}
.compose_inner_card .composer_toolbar_row .ql-formats.note_box_tools_ctrl,
.table_row.tablerow-delete-action {
  border-bottom: 0;
}
.reply-button-section .btn.btn-default {
  border: 1px solid #80808033;
  color: #262626;
  background: #f3f3f3;
}
.reply-button-section .btn.btn-default:hover {
  background: #f1efef;
}
.reply_content_body_area {
  padding: 15px 15px 0;
}
.email_lists_container .loader_div .element-loader {
  top: inherit;
  width: 95% !important;
}
.email_metadata_wrap {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.bulk_quick_item {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid #20262b1a;
  border-radius: 4px;
  margin: 0 3px;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
}
.multi_conversations_selected_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.selected_conversation_info {
  font-size: 20px;
  color: #333;
  font-weight: 600;
  margin: 24px 0 8px;
}
.clear_selection {
  font-size: 13px;
  padding: 1px 6px;
  background: #e8e8e8;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  position: relative;
  top: -3px;
  cursor: pointer;
}
.clear_selection:hover {
  background: #ddd;
}
.conversation_name_editable .email_name_div {
  width: 100%;
  border: 1px solid transparent;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  cursor: text;
}
.conversation_name_editable .email_name_div:hover {
  border-color: #dadce0;
}
.conversation_name_editable {
  width: 0;
  display: inline-flex;
  flex: 1 1;
  position: relative;
  left: -8px;
}
.email_name_input {
  border: 1px solid #dadce0;
  width: 100%;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
  padding: 0 8px;
  min-height: 36px;
}
.email_name_input:focus {
  border: 1px solid #0e9aef;
}
.app_int_tree_inner {
  overflow: hidden auto;
  background-color: #fff;
  border: 1px solid #dadce0;
  padding: 8px;
  height: 100%;
  border-radius: 0 8px 8px 0;
  min-width: 60px;
}
.app_integrations_tree_container {
  width: 60px;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  display: inline-flex;
}
.app_int_tree_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px auto;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.int_side-panel_active .app_integrations_tree_container {
  width: 390px;
}
.int_side-panel_active
  .split-view.split-view-horizontal.split-view-separator-border {
  max-width: calc(100% - 390px) !important;
}
.tab_data_outer_card {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #20262b1a;
  margin: 20px;
  padding: 0;
  height: calc(100vh - 99px);
}
.data_table.channel-table .table_row,
.data_table.contact_datatable .table_row,
.data_table.custom-field-datatable .table_row,
.data_table.email-signature-datatable .table_row,
.data_table.inboxes_table .table_row,
.data_table.organization-inboxes-table .table_row,
.data_table.teammates-invite-datatable .table_row,
.table_row {
  display: flex;
  width: 100%;
  border-top: 1px solid #e2e7eb;
}
.data_table.contact_datatable .table_td,
.data_table.contact_datatable .table_th,
.data_table.custom-field-datatable .table_td,
.data_table.custom-field-datatable .table_th,
.data_table.inboxes_table .table_td,
.data_table.inboxes_table .table_th,
.data_table.organization-inboxes-table .table_td,
.data_table.organization-inboxes-table .table_th,
.data_table.teammates-invite-datatable .table_td,
.data_table.teammates-invite-datatable .table_th,
.table_td,
.table_th {
  padding: 10px 15px;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
}
.icon_list,
.list_quick_actions {
  align-items: center;
  display: inline-flex;
}
.data_table {
  width: 100%;
  font-size: 14px;
  color: #000;
}
.table_thead .table_th {
  color: rgb(38 38 38 / 70%);
  font-weight: 600;
}
.icon_list {
  line-height: 1.4;
  margin-right: 8px;
}
.text_bold {
  font-weight: 600;
}
.list_quick_actions {
  opacity: 0;
}
.list_quick_action {
  display: inline-flex;
  align-items: center;
  margin: 0 6px;
  cursor: pointer;
  opacity: 0.8;
}
.data_table.custom-field-datatable .table_row .table_td:first-child,
.data_table.custom-field-datatable .table_row .table_th:first-child,
.data_table.organization-inboxes-table .table_row .table_td:first-child,
.data_table.organization-inboxes-table .table_row .table_th:first-child,
.table_row .table_td:first-child,
.table_row .table_th:first-child {
  flex: 1;
}
.table_th.col_access,
.table_th.col_date_created_ctrl,
.table_th.col_location_ctrl {
  min-width: 10%;
}
.table_th.col_subject_ctrl {
  min-width: 320px;
}
ul.panel_tabs li.panel_tab {
  padding: 8px 0 12px;
  border-radius: 0;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  margin: 0 8px;
  cursor: pointer;
}
ul.panel_tabs li.panel_tab.active {
  background: #fff;
  color: #0e9aef;
  border-color: #0e9aef;
}
ul.panel_tabs li.panel_tab.active:hover {
  border-color: #0e9aef;
}
h1.pge_title {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.panel_header_top {
  padding: 0;
  display: flex;
  align-items: center;
  border-bottom: 0;
}
.panel_header_top .header_col_right {
  margin-left: auto;
  padding: 15px 20px;
}
.header_col_left {
  padding: 15px 20px;
}
ul.panel_tabs li.panel_tab:hover {
  border-color: #e2e2e2;
}
.time_tracking_sidebar.in_email_setting {
  flex-direction: column;
  max-width: 100%;
  background-color: #2a2e3d;
  border-color: #2a2e3d;
  padding-right: 10px;
  padding-left: 10px;
}
.setting_switchers_container {
  display: inline-flex;
  align-items: center;
  padding: 3px;
  background: #ffffff00;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #ffffff26;
}
.setting_switcher {
  color: #fff;
  padding: 5px 16px;
  border-radius: 6px;
  line-height: 1.4;
  width: 100%;
  text-align: center;
}
.setting_switcher.active {
  background: #307af4;
}
.time_tracking_sidebar.in_email_setting ul {
  padding-top: 0;
}
.back_to_inbox {
  display: inline-flex;
  align-items: center;
  padding: 16px;
  color: #fff;
  font-size: 14px;
  border-bottom: 1px solid #212431;
}
.dropdown_header_top,
.email_panel_display_html_section
  #main-div-signature-dropdown
  .dropdown-menu.dropdown-right
  .signature_name {
  border-bottom: 1px solid #efefef;
}
.back_to_inbox svg {
  margin-right: 8px;
  width: 18px;
  height: 18px;
}
.back_to_inbox:hover,
.email-global-search .search_page_data_input_container,
.teammates-invite-dropdwon .tp_filter_group_btn .caret_box i,
.teammates-invite-dropdwon .tp_filter_group_btn .selected_filter_text,
button.focused_btn a {
  color: #fff;
}
.sidebar.email_sidebar_ctrl .innertTextContent .inline_text_content_control {
  width: 0;
  flex: 1;
  padding-right: 10px;
}
.create_tag_icon {
  display: inline-flex;
  margin-left: auto;
  padding: 4px;
  border-radius: 4px;
}
.create_tag_icon svg {
  width: 16px;
  height: 16px;
  opacity: 0.8;
  cursor: pointer;
  margin: 0;
}
.dropdown_footer_area .btn {
  padding: 4px 8px;
  margin: 0 3px;
  font-weight: 600;
  border-radius: 6px;
  font-size: 14px;
}
.dropdown_header_top {
  padding: 12px;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: #465369;
}
.dropdown_header_top .dropdown_title {
  margin: 0;
  font-size: 14px;
  color: #333;
}
.dd_form_group {
  padding: 0 12px 6px;
}
.selected_filter_text.light_text {
  color: rgb(32 37 50 / 60%);
  font-weight: 600;
  font-size: 14px;
}
.form_input_group input.form-control::placeholder {
  color: rgb(32 37 50 / 60%);
  font-weight: 600;
}
.dd_label {
  font-size: 13px;
  margin-bottom: 6px;
  font-weight: 600;
}
.form_input_group input.form-control {
  height: 36px;
  border-radius: 6px;
}
.dd_body {
  padding: 12px 0 4px;
}
.dd_form_group .form-check-input {
  width: 16px;
  min-height: 16px;
  margin: 0 8px 0 0;
}
.form-check-container {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: rgb(32 37 50 / 80%);
  margin: 4px 0 0;
  padding: 0;
}
.dd_form_group li.custom_menu_options.active .populate_custom_label_email_modal,
.mcd_search_box.search_box_relative.dd_form_group .ColorPicker-cell:hover {
  transform: scale(1.1) !important;
}
.mcd_search_box.search_box_relative.dd_form_group {
  border: 0;
  padding-bottom: 0;
}
.dropdown_footer_area {
  padding: 8px;
  border-top: 1px solid #efefef;
}
.email_panel_display_html_section
  .email_panel_display_html_inner_section:last-child {
  padding-bottom: 0;
}
.email_panel_display_html_section
  #main-div-signature-dropdown
  .dropdown-menu.dropdown-right {
  min-height: 100%;
  max-height: 200px;
  overflow-y: auto;
}
.email_panel_display_html_section
  #main-div-signature-dropdown
  .dropdown-menu.dropdown-right
  .signature_name:hover {
  border-bottom: inherit;
}
.email_panel_display_html_section
  #main-div-signature-dropdown
  .dropdown-menu.dropdown-right
  .signature_name
  p {
  margin: 0;
  font-weight: 400;
}
.email_panel_display_html_section
  #main-div-signature-dropdown
  .dropdown-menu.dropdown-right
  .signature_name.active {
  background-color: #e4f5ff;
  border-bottom: 0;
}
.three_dot_action_box {
  font-size: 14px;
  border: 1px solid #e5e6e7;
  display: flex;
  align-items: center;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  justify-content: center;
  cursor: pointer;
}
.three_dot_action_box:hover {
  background: #e5e6e7;
}
.email_tag_tree_list_ctrl {
  padding: 15px 12px;
  overflow-y: auto;
  height: calc(100vh - 222px);
  margin-top: 15px;
}
.email_tag_tree_list_ctrl .email_tag_left_side_bar_list.rc-tree-treenode {
  border-top: 1px solid #f7f7f7;
  min-height: 42px;
  border-radius: 10px;
}
.email_tag_tree_list_ctrl .captures_count {
  background: #efefef;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 20px;
  color: #333;
  font-weight: 600;
  font-size: 12px;
  margin-left: 8px;
  opacity: 1 !important;
}
.email_tag_tree_list_ctrl .three_dots_dropdown_div {
  margin: 0 0 0 6px !important;
  position: static !important;
  margin-left: unset !important;
}
.dropdown-menu.theme_dropdown_with_icon_text > a .dropdown_list_icon {
  min-width: 22px;
  display: flex;
  justify-content: center;
}
.dropdown-menu.theme_dropdown_with_icon_text > a .dropdown_list_icon svg {
  width: 18px;
  height: 18px;
}
#EmailConversationThreeDotDropdown.dropdown-menu.theme_dropdown_with_icon_text
  > a
  .dropdown_list_icon.markasread
  svg,
#EmailConversationThreeDotDropdown.dropdown-menu.theme_dropdown_with_icon_text
  > a
  .dropdown_list_icon.moveto
  svg,
.dropdown-menu.theme_dropdown_with_icon_text
  > a
  .dropdown_list_icon.archive_icon
  svg {
  width: 14px;
  height: 14px;
}
.dropdown-menu.theme_dropdown_with_icon_text
  > a
  .dropdown_list_icon.unarchive_icon
  svg {
  width: 16px;
  height: 16px;
}
.dropdown-menu.theme_dropdown_with_icon_text
  > li.dropdown-submenu
  > a.heading-title
  > i.fas.fa-chevron-right.right-carot {
  margin-left: auto;
  top: 0 !important;
  right: 0 !important;
  margin-right: 0;
}
.dropdown-menu.theme_dropdown_with_icon_text {
  padding: 5px !important;
  width: 150px;
}
.dropdown-menu.theme_dropdown_with_icon_text
  a.heading-title.highlight_color_text {
  padding: 6px 5px !important;
}
.dropdown-menu.theme_dropdown_with_icon_text.in_manage_tags_list_dropdown > a {
  padding: 5px 10px 5px 5px;
}
#EmailConversationThreeDotDropdown.dropdown-menu {
  max-width: 175px !important;
}
.folder_template_view_child_folder,
.folder_template_view_no_child_parent,
.folder_template_view_parent_folder {
  min-height: 46px;
}
.email_folder_tree_main_container .rc-tree-switcher {
  display: inline-flex !important;
  min-width: 16px;
  align-items: center;
  justify-content: center;
  min-height: 16px;
  border-radius: 3px;
  margin-right: 5px !important;
}
.email_folder_tree_main_container .rc-tree-switcher:hover {
  background: #e6e6e6 !important;
}
.btn.btn-default.page_filter_widget:hover,
.email_folder_tree_main_container .rc-tree-switcher:hover i,
.page_centered_card .form-group .form-control {
  color: #333;
}
.email_folder_tree_main_container .rc-tree-switcher i {
  font-size: 10px;
  position: relative;
  top: 0;
}
.rc-tree-iconEle.rc-tree-icon__customize svg {
  fill: #797979;
  margin-right: 5px;
  width: 12px;
  height: 12px;
  display: block;
}
.email_folder_tree_main_container {
  padding: 8px;
}
.email_folder_tree_main_container .rc-tree-treenode {
  border-top: 1px solid #f7f7f7;
  padding: 0 12px;
}
.page_filter_widget.active,
.page_filter_widget.active:hover {
  background: rgb(48 122 244 / 20%);
  border-color: rgb(48 122 244 / 20%);
}
.data_table.channel-table .table_body .table_row:hover,
.data_table.contact_datatable .table_row:hover,
.data_table.email-signature-datatable .table_row:hover,
.data_table.inboxes_table .table_row:hover,
.email_folder_tree_main_container .rc-tree-treenode.rc-tree-treenode:hover {
  background: #f3f3f3;
  border-radius: 10px;
}
.email_folder_tree_main_container .rc-tree-indent-unit {
  width: 9px;
}
.folder_template_view_child_folder.rc-tree-treenode.rc-tree-treenode-switcher-close
  .rc-tree-switcher.rc-tree-switcher-noop,
.folder_template_view_no_child_parent.rc-tree-treenode.rc-tree-treenode-switcher-close
  .rc-tree-switcher.rc-tree-switcher-noop {
  display: none !important;
}
.data_table.email_folder_tree_main_container .table_td.col-list_actions_ctrl {
  width: 120px;
}
.email_folder_tree_main_container .table_th.col_Contains_ctrl {
  width: 180px;
}
.email_folder_tree_main_container .table_th.col_location_ctrl {
  min-width: 160px;
}
.email_folder_tree_main_container .table_th.col_date_created_ctrl {
  min-width: 116px;
}
.email_folder_tree_main_container .table_thead .table_row,
.message_template_tree_main_container .table_thead .table_row {
  padding: 0 12px;
}
.subject_text_box {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  width: 0;
  flex: 1;
}
.page_tool_bar_header {
  margin: 0;
  padding: 0 12px;
}
.search_page_data_input_container {
  display: flex;
  align-items: center;
  position: relative;
}
.search_page_data_input_container input.form-control {
  padding: 0 26px 0 34px;
  border-radius: 6px;
  border-color: #e2e7eb;
  min-width: 320px;
}
.search_page_data_input_container .clear_search_text {
  position: absolute;
  right: 10px;
}
.channel-list-mail-popup .clear_search_text i,
.search_page_data_input_container .clear_search_text i {
  opacity: 0.5;
  cursor: pointer;
}
.channel-list-mail-popup .clear_search_text {
  position: absolute;
  right: 20px;
}
.channel-list-mail-popup li.border-bottom.pt-5.pb-5,
.delete-alert_modal_ctrl .modal-body {
  padding: 10px !important;
}
.page_filter_widget {
  display: inline-flex;
  align-items: center;
  margin: 0 5px;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #262626;
}
.sort_text_light {
  color: rgb(38 38 38 / 70%);
}
button.btn.btn-success.page_filter_widget {
  color: #fff;
  margin-left: 0;
}
.page_tool_bar_header_inner {
  padding: 6px 10px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background: #f7faff;
  border: 1px solid #e8e9e980;
}
.page_filter_widget.active {
  color: #0e9aef;
}
.page_filter_widget.active:hover {
  color: #0e9aef !important;
}
.email_folder_tree_main_container .table_body {
  overflow: auto;
  height: calc(100vh - 266px);
  margin: 0 -8px 0 0;
  width: auto;
  padding-right: 8px;
}
.col_decription {
  min-width: 10%;
  max-width: 20%;
}
.inbox_name_ctrl {
  display: inline-flex;
  align-items: center;
  line-height: normal;
}
.go_previous_state,
.page_info_icon {
  display: inline-flex;
  align-items: center;
}
.page_info_icon {
  padding: 4px;
  margin-left: 8px;
  border-radius: 4px;
  justify-content: center;
}
.page_info_icon:hover {
  background: #ededed;
}
.pr-0 {
  padding-right: 0 !important;
}
.page_centered_inner_container {
  max-width: 60%;
  margin: 40px auto;
}
.page_centered_outer_container {
  height: calc(100vh - 168px);
  overflow: auto;
}
.page_centered_card {
  margin: 16px auto;
  border: 1px solid #e5e7e8;
  border-radius: 10px;
  padding: 16px;
}
.page_centered_card .page_centered_heading {
  border-bottom: 1px solid #e5e7e8;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 15px;
  padding-bottom: 10px;
}
.go_previous_state {
  width: 36px;
  height: 36px;
  justify-content: center;
  background: rgb(42 46 51 / 3%);
  border-radius: 6px;
  cursor: pointer;
  margin: 0 16px 0 0;
}
.go_previous_state:hover {
  background: rgb(42 46 51 / 7%);
}
.go_previous_state:hover svg {
  stroke: #333333;
}
.email_setting_add_template_section_ctrl .form-group .col-form-label {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin: 0 0 6px;
  padding: 0;
}
.email_setting_add_template_section_ctrl .tox-tinymce,
.tox-tinymce {
  border: 1px solid #e5e7e8;
}
.email_setting_add_template_section_ctrl .tox-editor-header {
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.email_setting_add_template_section_ctrl .tox-toolbar-overlord,
.template-field-add-html-content
  .tox-toolbar-overlord
  .tox
  .tox-toolbar__primary {
  background: #f3f3f3 !important;
}
.email_setting_add_template_section_ctrl .tox-toolbar__primary {
  background: #f3f3f3 !important;
  padding: 8px 0 !important;
}
.email_setting_add_template_section_ctrl .tox .tox-tbtn {
  height: 28px !important;
  width: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
}
.tox .tox-toolbar__group {
  margin: 0;
  padding: 0 8px;
  border-left: 1px solid #e6e6e6;
}
.email_setting_add_template_section_ctrl .tox .tox-split-button {
  margin: 0 !important;
}
.email_setting_add_template_section_ctrl .tox .tox-toolbar__group {
  padding: 0 6px;
}
.route-inbox .flexbox-layout-column.single_connected_channel,
.tox-toolbar__primary .tox-toolbar__group:first-child {
  border-left: 0;
}
.email_setting_add_template_section_ctrl .tox .tox-statusbar {
  height: 40px;
}
.form-inbox-control-textarea {
  height: 60px;
  resize: none;
}
.email_setting_color_palette
  .custom_menu_options.color_mini_color_palette
  .ColorPicker-cell {
  border-radius: 4px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
}
.email_setting_color_palette .custom_menu_options.color_mini_color_palette {
  width: 30px;
  height: 30px;
}
.page_centered_inner_container label.col-form-label {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin: 0 0 2px;
  padding: 0;
}
.page_centered_inner_container .help-block {
  margin-top: 3px;
  font-size: 12px;
}
.tag_setting_switch {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  border-bottom: 1px solid #e5e7e8;
}
.tag_setting_switch .form-check-input {
  height: 24px !important;
  width: 44px;
  margin: 0 0 0 auto;
}
.form-group .tag_setting_switch:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.email_setting_color_palette
  .color_mini_color_palette.active
  .icon-checked::after {
  top: 5px !important;
}
.select_parent_tag_click {
  border: 1px solid #e5e6e7;
  padding: 6px 10px;
  border-radius: 8px;
  min-height: 36px;
  display: flex;
  align-items: center;
  color: #333;
}
.select_parent_tag_click .clear-selected-parent-tag-wrapper {
  margin-left: auto;
  padding-right: 15px;
}
.archive_from_action_ctrl {
  display: inline-flex;
  align-items: center;
  background: #f8f8f8;
  font-weight: 600;
}
.delete_email_btn {
  color: #ed5565;
  font-weight: 600;
}
.delete_email_btn:hover {
  color: #ed5565;
  background: #ed556521;
  border: 1px solid #ed556552;
}
.down_chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}
.form-inbox-control-textarea::placeholder {
  color: #a2a2a2;
}
#add_new_email_template_popup .modal-body,
.import-contact-popup .modal-body {
  padding: 20px !important;
}
.import-contact-popup .modal-footer {
  padding: 15px 20px !important;
}
.preparing-csv-container {
  background-color: #edf7ff;
  padding: 20px;
  border-radius: 10px;
  position: relative;
}
.preparing-csv-container .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.import-contact-popup .drag-file-container svg,
.preparing-csv-container h4 svg {
  margin-right: 10px;
}
.preparing-csv-container ul {
  padding: 0 0 0 20px;
}
.preparing-csv-container ul li {
  list-style: circle;
  line-height: 24px;
}
.preparing-csv-container .popbtn {
  border: 1px solid #0b92ff;
  padding: 5px 15px;
  border-radius: 5px;
  color: #0b92ff;
  margin-top: 10px;
  margin-right: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.preparing-csv-container .popbtn:hover {
  background-color: #0b92ff;
  color: #fff;
}
.import-contact-popup .both_input_div_ctrl {
  border: 2px dashed #ddd;
  padding: 40px;
  margin-top: 20px;
  border-radius: 10px;
}
.data_table.organization-inboxes-table,
.data_table.teammates-invite-datatable {
  margin-top: 15px;
}
.import-contact-popup .both_input_div_ctrl .drag_and_drop_container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.import-contact-popup .both_input_div_ctrl input[type="file"] {
  width: 97px;
}
.import-contact-popup .help-block {
  color: red;
}
.import-contact-popup .drag-file-container {
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 12px 10px;
  margin-bottom: 15px;
}
.import-contact-popup .drag-file-container .clear-image {
  background-color: #0b92ff;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  color: #fff;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.import-contact-popup .drag-file-container .clear-image svg {
  margin-right: inherit;
}
.channel-tabs {
  padding: 30px 15px;
  justify-content: space-around;
  width: 800px;
  margin: 0 auto;
}
.channel-tabs .select-channel {
  font-size: 14px;
  font-weight: 600;
  color: #071a2a;
  justify-content: center;
  display: flex;
  align-items: center;
}
.data_table.channel-table,
.data_table.inboxes_table,
.data_table.organization-inboxes-table {
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  font-size: 14px;
  color: #000;
}
.channel-tabs .select-channel div {
  margin-right: 10px;
  background-color: #f4f4f4;
  border-radius: 50px;
  width: 28px;
  height: 28px;
  color: #071a2a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.channel-tabs .select-channel.active div {
  background-color: #307af4;
  color: #fff;
}
.select-channel-section {
  width: 800px;
  margin: 25px auto 0;
}
.select-channel-section .show_channels_div .channel-sections {
  border: 1px solid #d9d9d97d;
  padding: 15px;
  border-radius: 16px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.select-channel-section
  .show_channels_div
  .channel-sections
  button.connect-button {
  display: flex;
  align-items: center;
  padding: 2px 15px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 32px;
  margin-left: auto;
}
.select-channel-section
  .show_channels_div
  .channel-sections
  button.connect-button:hover {
  background-color: #0b92ff;
  color: #fff;
  border: #0b92ff;
}
.select-channel-section
  .show_channels_div
  .channel-sections
  button.connect-button:hover
  svg
  path {
  stroke: #fff;
  fill: #fff;
}
.select-channel-section .show_channels_div .channel-sections .channel-icon {
  width: 42px;
  height: 42px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-channel-section
  .show_channels_div
  .channel-sections
  .channel-icon.gmail {
  background: no-repeat padding-box #4285f424;
  border-radius: 11px;
}
.select-channel-section
  .show_channels_div
  .channel-sections
  .channel-icon.other {
  background: no-repeat padding-box #ea43351c;
  border-radius: 11px;
}
.select-channel-section
  .show_channels_div
  .channel-sections
  .channel-icon.microsoft {
  background: no-repeat padding-box #a37ee121;
  border-radius: 11px;
}
.data_table.channel-table .table_td,
.data_table.channel-table .table_th {
  padding: 10px;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
}
.data_table.channel-table .table_thead .table_th,
.data_table.custom-field-datatable .table_thead .table_th,
.data_table.inboxes_table .table_thead .table_th,
.data_table.organization-inboxes-table .table_thead .table_th {
  color: rgb(38 38 38 / 60%);
  font-weight: 600;
}
.data_table.channel-table .table_row .table_td:first-child,
.data_table.channel-table .table_row .table_th:first-child,
.data_table.contact_datatable .table_row .table_td:first-child,
.data_table.contact_datatable .table_row .table_th:first-child,
.data_table.email-signature-datatable .table_row .table_td:first-child,
.data_table.email-signature-datatable .table_row .table_th:first-child,
.data_table.inboxes_table .table_row .table_td:first-child,
.data_table.inboxes_table .table_row .table_th:first-child {
  flex: 1;
  padding-left: 10px;
}
.data_table.channel-table .table_td.col_checkbox_ctrl,
.data_table.channel-table .table_th.col_checkbox_ctrl {
  max-width: 2%;
  min-height: 48px;
}
.data_table.channel-table .table_td.col_inbox_name_ctrl,
.data_table.channel-table .table_th.col_inbox_name_ctrl {
  min-width: 53%;
}
.data_table.channel-table .table_td.col_datecreated,
.data_table.channel-table .table_td.col_rountingto,
.data_table.channel-table .table_td.col_type,
.data_table.channel-table .table_th.col_datecreated,
.data_table.channel-table .table_th.col_rountingto,
.data_table.channel-table .table_th.col_type,
.data_table.custom-field-datatable .table_td.col_type_ctrl,
.data_table.custom-field-datatable .table_th.col_date_invited_ctrl,
.data_table.custom-field-datatable .table_th.col_type_ctrl,
.data_table.organization-inboxes-table .table_th.col_access {
  min-width: 15%;
}
.data_table.channel-table .channel-icon,
.data_table.inboxes_table .channel-icon {
  background-color: #e7e7e7;
  padding: 5px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.data_table.channel-table .table_body .table_row.active input.checkbox_sty,
.data_table.channel-table .table_body .table_row:hover input.checkbox_sty,
.data_table.contact_datatable .table_row:hover input.checkbox_sty,
.data_table.email-signature-datatable .table_row:hover input.checkbox_sty {
  display: block;
}
.data_table.channel-table .table_body .table_row.active {
  background-color: #00b3ff;
  border-radius: 10px;
  color: #fff;
}
.channel-section .theme_outline_btn:hover svg path,
.data_table.channel-table .table_body .table_row.active .access_type svg path {
  fill: #fff;
}
.data_table.inboxes_table .table_td.col_inbox_name_ctrl,
.data_table.inboxes_table .table_th.col_inbox_name_ctrl {
  min-width: 30%;
  max-width: 32%;
}
.data_table.inboxes_table .table_td.col_decription,
.data_table.inboxes_table .table_th.col_decription {
  min-width: 30%;
  max-width: 30%;
}
.data_table.inboxes_table .table_td.col_inbox_access_ctrl,
.data_table.inboxes_table .table_td.col_inbox_channel_ctrl,
.data_table.inboxes_table .table_th.col_inbox_access_ctrl,
.data_table.inboxes_table .table_th.col_inbox_channel_ctrl {
  min-width: 13%;
  max-width: 13%;
}
.data_table.inboxes_table .table_td.col_datecreated,
.data_table.inboxes_table .table_th.col_datecreated {
  min-width: 12%;
  max-width: 12%;
}
.data_table.organization-inboxes-table .lighter,
.data_table.teammates-invite-datatable
  .table_td.col_folder_name_ctrl
  .timer_row_col
  .emal-id {
  color: #999;
}
.data_table.organization-inboxes-table .table_th.col_description,
.data_table.organization-inboxes-table .table_th.col_inbox_name_ctrl {
  min-width: 30%;
}
.data_table.organization-inboxes-table .table_th.col_channels {
  min-width: 25%;
}
.time_tracking_sidebar .email-module-nav ul li a {
  padding: 8px 15px 8px 5px;
}
.time_tracking_sidebar.in_email_setting ul li a.active {
  border-radius: 4px;
  font-weight: 400;
}
.time_tracking_sidebar.in_email_setting ul li a:hover {
  border-radius: 4px;
}
.email-setting-heading {
  color: #fff;
  font-size: 18px;
  margin-left: 0;
  margin-top: 16px;
}
.email-global-search .search_page_data_input_container .form-control {
  min-width: 100%;
  background-color: #ffffff18;
  border-color: #ffffff18;
  color: #fff;
}
.email-global-search {
  margin: 0 0 10px;
}
.email-setting-heading .back_to_inbox {
  padding: 0 0 10px;
}
.in_email_setting .sec_label,
.sec_label.mysetting {
  padding: 20px 10px 10px 5px;
  color: #fff;
}
.time_tracking_sidebar.in_email_setting ul li a {
  font-weight: 400;
  color: #fff;
}
.time_tracking_sidebar.in_email_setting ul li a svg {
  margin-right: 10px;
  min-width: 20px;
}
.data_table.email-signature-datatable .table_thead .table_th,
.data_table.teammates-invite-datatable .table_thead .table_th {
  color: rgb(38 38 38 / 50%);
  font-weight: 600;
}
.data_table.teammates-invite-datatable .table_row .table_td:first-child,
.data_table.teammates-invite-datatable .table_row .table_th:first-child {
  flex: 1;
  padding-left: 15px;
}
.data_table.teammates-invite-datatable .table_th.col_folder_name_ctrl {
  width: 60%;
}
.data_table.contact_datatable .table_td.account,
.data_table.contact_datatable .table_th.account,
.data_table.email-signature-datatable .table_td.col_signature_datemodified,
.data_table.email-signature-datatable .table_th.col_signature_datemodified,
.data_table.teammates-invite-datatable .table_td.col_status_ctrl,
.data_table.teammates-invite-datatable .table_td.col_team_ctrl,
.data_table.teammates-invite-datatable .table_th.col_status_ctrl,
.data_table.teammates-invite-datatable .table_th.col_team_ctrl {
  width: 15%;
}
.data_table.contact_datatable .table_td.account_type,
.data_table.contact_datatable .table_td.phone-no,
.data_table.contact_datatable .table_td.twitter,
.data_table.contact_datatable .table_th.account_type,
.data_table.contact_datatable .table_th.phone-no,
.data_table.contact_datatable .table_th.twitter,
.data_table.email-signature-datatable .table_td.col_signature_order,
.data_table.email-signature-datatable .table_th.col_signature_order,
.data_table.teammates-invite-datatable .table_td.col_date_invited_ctrl,
.data_table.teammates-invite-datatable .table_th.col_date_invited_ctrl {
  width: 10%;
}
.data_table.teammates-invite-datatable
  .table_td.col_folder_name_ctrl
  .timer_row_col {
  padding-left: 15px;
  padding-top: 0;
  padding-bottom: 0;
}
.data_table.teammates-invite-datatable .table_td.col_folder_name_ctrl {
  width: 60%;
  padding: 5px 0;
}
.teammates-invite-dropdwon .tp_filter_group_btn,
.teammates-invite-dropdwon button.btn.tp_filter_group_btn:hover {
  background-color: #2196f3 !important;
}
.teammates-invite-dropdwon .tp_filter_group_btn .caret_box {
  border-left: 1px solid #277ec4;
}
.teammates-invite-dropdwon .dropdown-menu {
  padding: 5px;
}
.data_table.contact_datatable,
.data_table.teammates-invite-datatable {
  font-size: 14px;
  padding-right: 12px;
  padding-left: 12px;
  width: 100%;
  color: #000;
}
.teammates-invite-dropdwon .dropdown-menu a {
  padding: 5px;
  font-size: 14px;
}
.data_table.contact_datatable .table_thead .table_th {
  color: rgb(38 38 38 / 50%);
  font-weight: 600;
  padding: 8px 0 8px 10px;
}
.data_table.contact_datatable .table_td.col_checkbox_ctrl,
.data_table.contact_datatable .table_th.col_checkbox_ctrl {
  width: 2%;
  padding-left: 5px;
}
.data_table.contact_datatable .table_td.name,
.data_table.contact_datatable .table_th.name {
  width: 13%;
  padding-left: 0;
}
.data_table.contact_datatable .table_td.description,
.data_table.contact_datatable .table_td.email,
.data_table.contact_datatable .table_th.description,
.data_table.contact_datatable .table_th.email,
.data_table.email-signature-datatable .table_td.col_signature_content,
.data_table.email-signature-datatable .table_td.col_signature_name,
.data_table.email-signature-datatable .table_th.col_signature_content,
.data_table.email-signature-datatable .table_th.col_signature_name {
  width: 20%;
}
.data_table.message-template-datatable .table_td.col_Contains_ctrl,
.rc-tree-list-holder-inner
  .
  folder_template_view_child_folder.rc-tree-treenode.rc-tree-treenode-switcher-close,
.rc-tree-list-holder-inner
  .folder_template_view_no_child_parent.rc-tree-treenode.rc-tree-treenode-switcher-close,
.rc-tree-list-holder-inner .rc-tree-treenode {
  padding-left: 10px;
}
.data_table.message-template-datatable .table_td.col_folder_name_ctrl,
.data_table.message-template-datatable .table_th.col_folder_name_ctrl,
.message_template_tree_main_container .table_th.col_folder_name_ctrl {
  width: 50%;
}
.data_table.message-template-datatable .table_td.col_location_ctrl,
.data_table.message-template-datatable .table_td.col_subject_ctrl,
.data_table.message-template-datatable .table_th.col_location_ctrl,
.data_table.message-template-datatable .table_th.col_subject_ctrl {
  width: 15%;
  min-width: inherit;
}
.data_table.message-template-datatable .table_td.col_Contains_ctrl,
.data_table.message-template-datatable .table_td.col_date_created_ctrl,
.data_table.message-template-datatable .table_th.col_Contains_ctrl,
.data_table.message-template-datatable .table_th.col_date_created_ctrl {
  width: 10%;
  min-width: inherit;
}
.data_table.message-template-datatable
  .table_td.col_location_ctrl
  .location_folder {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 175px;
  white-space: nowrap;
}
.data_table.message-template-datatable .table_td.col_subject_ctrl {
  padding-left: 5px;
}
.email-module-nav .sec_label_heading {
  font-size: 11px;
  text-transform: uppercase;
  padding: 10px 0;
}
.app_integrations_tree_container .pt_input_select_main_container.move_to_group {
  margin-bottom: 15px;
}
.app_integrations_tree_container .task_side_panel_ui_ctrl label.inf_label {
  margin-bottom: 5px;
  margin-left: 0;
}
.app_integrations_tree_container .edit_each_range_input_group.w-100 {
  padding: 0;
  margin-bottom: 15px;
}
.app_integrations_tree_container .form-check.form_check_inline.mt-2 {
  display: flex;
  align-items: center;
  padding-left: 0;
}
.data_table.email-signature-datatable {
  padding-top: 15px;
  width: 100%;
  font-size: 14px;
  color: #000;
  padding-right: 12px;
  padding-left: 12px;
}
.data_table.email-signature-datatable .table_td,
.data_table.email-signature-datatable .table_th {
  padding: 10px 0 10px 10px;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
}
.data_table.email-signature-datatable .table_body .table_row {
  border-top: 0;
  border-bottom: 1px solid #efefef;
}
.data_table.email-signature-datatable .table_td.col_checkbox_ctrl,
.data_table.email-signature-datatable .table_th.col_checkbox_ctrl {
  width: 2%;
}
.data_table.email-signature-datatable .table_td.col_signature_description,
.data_table.email-signature-datatable .table_th.col_signature_description {
  width: 28%;
}
.data_table.email-signature-datatable .table_td.col_signature_action,
.data_table.email-signature-datatable .table_th.col_signature_action {
  width: 5%;
  display: flex;
  justify-content: start;
}
.line-height14 {
  line-height: 12px;
}
.data_table.email-signature-datatable .table_body {
  max-height: calc(100vh - 280px);
  overflow-y: auto;
}
.Edit-tag-modal-popup .modal-body,
.create-sub-tab-modal-popup .modal-body {
  padding: 25px !important;
}
#EmailAssigneeDropdown .mcd_client_list .assignee_circle.in-dropdown,
#assignee_section_ul .mcd_client_list .assignee_circle.in-dropdown {
  min-width: 20px;
}
#magical-dropdown-id
  .three_dots_dropdown_innr_main
  > li
  .dropdown_category_info
  i {
  margin-right: -5px;
}
.preview_pane_is_opened.email_module_control .three_dot_dropdown_for_tags {
  width: 230px;
}
.preview_pane_is_opened.email_module_control
  .three_dot_dropdown_for_tags
  a
  .dropdown_list_icon
  svg {
  width: 14px;
  height: 14px;
  fill: none;
}
.preview_pane_is_opened.email_module_control .no-margin.py-1 {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 1px solid #989898;
  margin-bottom: 5px !important;
}
.email_compose_modal_popup + .modal-backdrop + .save-draft-alert {
  z-index: 9999;
}
.Edit-tag-modal-popup .modal-dialog,
.create-sub-tab-modal-popup .modal-dialog,
.delete-alert_modal_ctrl .modal-dialog,
.export-contacts-modal .modal-dialog,
.import-contact-popup .modal-dialog {
  transform: translate(0, -50%) !important;
  margin-top: 0;
  top: 50%;
}
.delete-alert_modal_ctrl .modal-dialog {
  width: 400px;
}
.delete-alert_modal_ctrl h3 {
  font-size: 13px;
}
.delete-alert_modal_ctrl div#confirm-delete-modal {
  padding: 40px 15px 20px !important;
}
.channel-section .theme_outline_btn:hover {
  background-color: #1a7bb9;
  color: #fff;
  border: 1px solid #1a7bb9;
}
.email_setting_add_template_section_ctrl .has-error {
  color: #f15866;
  font-size: 12px;
}
.route-inbox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row-reverse;
}
.route-inbox .channel-connect {
  min-width: 150px;
  background-color: #ddd;
  padding: 10px;
  border-radius: 5px;
  max-width: 100px;
  justify-content: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
}
.route-inbox .channel-icon {
  width: 28px;
  height: 28px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 100%;
}
.route-inbox .channel-label {
  font-weight: 600;
  margin-top: 5px;
  font-size: 12px;
}
.route-inbox .border-bottom {
  border-bottom: 2px solid #ddd;
}
.route-inbox .arrow {
  margin: 0;
  display: inline-block;
  height: 12px;
  position: relative;
  width: 12px;
  top: 0;
  left: 5px;
}
.route-inbox .v-border .route-by {
  background-color: #333;
  position: absolute;
  color: #fff;
  font-size: 11px;
  top: 50%;
  padding: 2px 5px;
  border-radius: 5px;
  margin-top: -10px;
}
.route-inbox .channel-connect-section {
  margin-top: 0;
  min-width: 150px;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  max-width: 100px;
  justify-content: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
}
.route-inbox .channel-connect-section .channel-icon {
  background-color: #0e9aef;
  width: 29px;
}
.route-inbox .flexbox-layout-column:after,
.route-inbox .flexbox-layout-column:before {
  content: "";
  background-color: #ddd;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  display: block;
  margin-left: -5px;
}
.select-channel-section .form-control.select-inbox {
  min-width: 200px;
}
.channel-connect-container {
  min-width: 340px;
  padding-left: 0;
  display: flex;
  margin-bottom: 20px;
}
.route-inbox .flexbox-layout-column {
  border-left: 2px solid #ddd;
  margin: 0 !important;
}
.route-inbox .flexbox-layout-column:before {
  margin-top: -2px;
}
.route-inbox .flexbox-layout-column:after {
  margin-bottom: -2px;
}
.route-inbox .arrow:after {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-right-width: 2px;
  content: "";
  display: inline-block;
  height: 12px;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 12px;
  color: #ddd;
}
.route-inbox .arrow.is-bottom {
  transform: rotate(133deg);
  -moz-transform: rotate(133deg);
  -ms-transform: rotate(133deg);
  -webkit-transform: rotate(133deg);
}
.route-inbox .v-border:before {
  content: "";
  border-top: 2px solid #ddd;
  display: block;
  position: relative;
  left: 0;
  top: 50%;
  width: 100%;
}
.route-inbox .v-border {
  margin-top: 0;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.route-inbox .h-border-container .border-bottom {
  border-bottom: 2px solid #ddd !important;
  width: 100%;
  margin-left: -5px;
}
.route-inbox .h-border-container {
  min-width: 100px;
  position: relative;
  display: flex;
  align-items: center;
}
.data_table.custom-field-datatable {
  margin-top: 0;
  width: 100%;
  font-size: 14px;
  color: #000;
}
.data_table.custom-field-datatable .table_td.col_folder_name_ctrl,
.data_table.custom-field-datatable .table_th.col_folder_name_ctrl {
  min-width: 70%;
}
.data_table.custom-field-datatable .table_td.col_folder_name_ctrl {
  font-size: 18px;
}
.custom-tab-container {
  padding: 15px;
}
.custom-tab-container .tab-content {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.custom-tab-container .data_table.custom-field-datatable {
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.custom-tab-container .data_table.custom-field-datatable .table_body,
.custom-tab-container .data_table.custom-field-datatable .table_thead {
  background-color: #fff;
}
.custom-tab-container .nav-link.active {
  font-weight: 600;
  background-color: #f8f8f8 !important;
  color: #0e9aef;
}
.custom-tab-container .tab-pane {
  padding: 20px;
  background-color: #f8f8f8;
}
.light-gray-circle-bg {
  background-color: #efefef;
  padding: 5px;
  border-radius: 100%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-tab-container .nav-item button {
  color: #000;
}
#emailPreviewScrollPane .reply_section_div .reply-button svg {
  padding-right: 5px;
  width: 24px;
  position: relative;
  top: -2px;
}
#emailPreviewScrollPane .reply_section_div .reply-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  position: relative;
}
#emailPreviewScrollPane .reply_section_div .reply-button:active {
  background-color: #0a6aa5;
  border: 1px solid #0a6aa5;
  color: #fff;
}
#emailPreviewScrollPane .reply_section_div .reply-button span {
  height: 18px;
}
#emailPreviewScrollPane .reply_section_div {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 15px;
  padding-left: 15px;
}
.inbox-edit-channel-box .channel-connect {
  margin: 0 5px 10px;
  max-width: fit-content;
}
.inbox-edit-channel-box {
  margin: 15px;
  display: flex;
  flex-flow: wrap;
}
.route-inbox
  .flexbox-layout-column.single_connected_channel
  + .h-border-container {
  min-width: 0;
}
.route-inbox
  .flexbox-layout-column.single_connected_channel
  + .h-border-container
  .arrow {
  top: -2px;
}
#add_new_email_template_popup .modal-footer .btn + .btn {
  margin-left: 10px !important;
}
.all-template.message-btn-cont .email_template_dropdown_section {
  width: 295px;
  height: 235px;
}
.all-template.message-btn-cont .email_template_dropdown_inner_section {
  height: 197px;
}
.all-template.message-btn-cont .add_template_div_footer_section {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 99%;
  margin: 1px;
}
.all-template.message-btn-cont .email_template_hover_prreview {
  min-height: 100%;
  max-height: 200px;
  height: auto;
}
.email_template_hover_prreview .subtext {
  font-size: 13px !important;
  line-height: 20px !important;
}
.email_template_hover_prreview {
  width: 320px;
}
.help-block {
  color: #f15866;
}
.rc_comments_viewer_area_control
  .compose_inner_card.composer_message_box_ctrl
  #main-div-signature-dropdown {
  position: absolute;
  top: -33px;
  right: 20px;
  opacity: 0.5;
}
.template_folder_tree_node.rc-tree-treenode {
  min-height: 42px;
}
.message_template_tree_main_container .table_td.col_folder_name_ctrl {
  width: 48%;
}
.message_template_tree_main_container .table_td.col_subject_ctrl,
.message_template_tree_main_container .table_th.col_subject_ctrl {
  width: 15% !important;
  min-width: inherit;
}
.message_template_tree_main_container .table_td.col_Contains_ctrl,
.message_template_tree_main_container .table_th.col_Contains_ctrl {
  width: 10% !important;
  min-width: inherit;
}
.message_template_tree_main_container .table_td.col_location_ctrl,
.message_template_tree_main_container .table_th.col_location_ctrl {
  width: 12% !important;
  min-width: inherit;
}
.message_template_tree_main_container .table_td.col_date_created_ctrl,
.message_template_tree_main_container .table_th.col_date_created_ctrl {
  width: 13% !important;
  min-width: inherit;
}
.message_template_tree_main_container
  .rc-tree-list-holder-inner
  .template_folder_tree_node.rc-tree-treenode {
  min-height: 42px;
  border-radius: 8px;
}
.message_template_tree_main_container .table_body {
  overflow: auto;
  height: calc(100vh - 266px);
  margin: 0;
  width: auto;
}
.message_template_tree_main_container {
  padding: 8px 12px;
  width: 100%;
  font-size: 14px;
  color: #000;
}
.text_box_editor .signature-content {
  padding: 20px;
  margin-top: 15px;
}
.text_box_editor .signature-content:hover {
  background-color: #f5f5f5;
  border-radius: 5px;
}
.text_box_editor .signature-content:focus {
  border: 1px solid #0e9aef !important;
  background-color: #fff !important;
  border-radius: 5px;
}
.create-sub-tab-modal-popup.modal .modal-dialog {
  max-width: 650px;
  width: 650px;
}
.test{color:red;}
/* ============================================================================
   [260728 CELEBRATIONS] Birthday / Work Anniversary / Monthly Digest cards.
   These are schedule-driven rather than button-triggered, so they carry a send
   time + timezone where the other automation cards show a button preview.
   Styling follows .workflow-wrapper conventions above (13px labels, #e2e7eb
   borders, 8px radius) so the new cards sit alongside the existing seven.
   ============================================================================ */
.workflow-wrapper .celebration_card_icon {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  font-size: 15px;
  line-height: 1;
}
/* [260731] Timezone chip beside the card title.
   The title side may shrink (min-width: 0 + ellipsis on the chip); [Configure] and the
   switch may not, so a long label truncates instead of pushing the controls off the card. */
.workflow-wrapper .celebration_card_header .card-header-left {
  min-width: 0;
}
.workflow-wrapper .celebration_card_header .card-header-right {
  flex: 0 0 auto;
}
/* The title never gives way -- the chip is what shrinks. */
.workflow-wrapper .celebration_card_header .card-title {
  flex: 0 0 auto;
  white-space: nowrap;
}
.workflow-wrapper .celebration_card_timezone {
  flex: 0 1 auto;
  min-width: 0;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  color: #6b7280;
  background: #f5f6f7;
  border: 1px solid #eef0f2;
  border-radius: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workflow-wrapper .celebration_schedule_row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.workflow-wrapper .celebration_time_select { position: relative; flex: 0 0 auto; }
.workflow-wrapper .celebration_time_trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 108px;
  height: 32px;
  padding: 0 10px;
  font-size: 13px;
  color: #1a191e;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  cursor: pointer;
}
.workflow-wrapper .celebration_time_trigger:hover { border-color: #c7ced6; }
.workflow-wrapper .celebration_time_trigger:focus {
  outline: none;
  border-color: #0e9aef;
  box-shadow: 0 0 0 3px rgba(14, 154, 239, 0.12);
}
/* Exactly five 32px rows, then scroll -- a native select would let the OS decide and
   some render all 96 options as a full-height list. */
/* Dropdown = custom-time entry on top, five scrollable preset rows below. */
.workflow-wrapper .celebration_time_dropdown {
  position: absolute;
  z-index: 20;
  top: calc(100% + 4px);
  left: 0;
  width: 168px;
  padding: 8px;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(16, 24, 40, 0.14);
}
.workflow-wrapper .celebration_time_custom { display: flex; gap: 6px; }
.workflow-wrapper .celebration_time_input {
  flex: 1 1 auto;
  min-width: 0;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
  color: #1a191e;
  border: 1px solid #e2e7eb;
  border-radius: 5px;
}
.workflow-wrapper .celebration_time_input:focus { outline: none; border-color: #0e9aef; }
.workflow-wrapper .celebration_time_input.has_error { border-color: #d64545; background: #fff6f6; }
.workflow-wrapper .celebration_time_set {
  flex: 0 0 auto;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #0e9aef;
  border: 1px solid #0e9aef;
  border-radius: 5px;
  cursor: pointer;
}
.workflow-wrapper .celebration_time_set:hover { background: #0b86d1; border-color: #0b86d1; }
.workflow-wrapper .celebration_time_error {
  font-size: 11px;
  color: #d64545;
  margin-top: 5px;
  line-height: 1.3;
}
.workflow-wrapper .celebration_time_menu {
  max-height: 160px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #eef0f2;
}
.workflow-wrapper .celebration_time_option {
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 13px;
  color: #1a191e;
  cursor: pointer;
}
.workflow-wrapper .celebration_time_option:hover { background: #f5f6f7; }
.workflow-wrapper .celebration_time_option.is_selected {
  color: #0e9aef;
  font-weight: 600;
  background: #eef7fe;
}
/* [260805] The card's own custom time, pinned above the 15-minute grid.
   `cursor: default` and no hover shift: it is already the selected value, so there is nothing
   to click — everything else in this list is a choice, and it should not pretend to be one.
   The rule underneath separates it from the presets without a heading row. */
.workflow-wrapper .celebration_time_custom_option {
  cursor: default;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #eef0f2;
  border-radius: 4px 4px 0 0;
  height: auto;
  min-height: 32px;
}
.workflow-wrapper .celebration_time_custom_option:hover { background: #eef7fe; }
.workflow-wrapper .celebration_time_custom_tag {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  padding: 1px 5px;
}
.workflow-wrapper .celebration_timezone_label {
  font-size: 12px;
  color: #6b7280;
  white-space: nowrap;
}

/* [260730] Monthly digest: day-of-month picker, sitting left of the time dropdown. */
.workflow-wrapper .celebration_schedule_at {
  font-size: 12px;
  color: #6b7280;
}
.workflow-wrapper .celebration_day_select { position: relative; flex: 0 0 auto; }
.workflow-wrapper .celebration_day_trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 10px;
  font-size: 13px;
  color: #1a191e;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  cursor: pointer;
}
.workflow-wrapper .celebration_day_trigger > span { min-width: 30px; text-align: left; }
.workflow-wrapper .celebration_day_trigger svg:first-child { color: #9fa5ae; flex: 0 0 auto; }
.workflow-wrapper .celebration_day_trigger:hover { border-color: #c7ced6; }
.workflow-wrapper .celebration_day_trigger:focus {
  outline: none;
  border-color: #0e9aef;
  box-shadow: 0 0 0 3px rgba(14, 154, 239, 0.12);
}
.workflow-wrapper .celebration_day_trigger:disabled { cursor: not-allowed; opacity: 0.6; }
.workflow-wrapper .celebration_day_dropdown {
  position: absolute;
  z-index: 20;
  top: calc(100% + 4px);
  left: 0;
  width: 224px;
  padding: 10px;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(16, 24, 40, 0.14);
}
/* Seven across, four and a bit rows. No weekday header and no leading blanks -- these are
   day NUMBERS, not dates, so there is no weekday to line them up under. */
.workflow-wrapper .celebration_day_grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.workflow-wrapper .celebration_day_cell {
  height: 28px;
  padding: 0;
  font-size: 12px;
  color: #1a191e;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
}
.workflow-wrapper .celebration_day_cell:hover { background: #f5f6f7; }
.workflow-wrapper .celebration_day_cell.is_selected {
  background: #0e9aef;
  border-color: #0e9aef;
  color: #fff;
  font-weight: 600;
}
.workflow-wrapper .celebration_day_hint {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #eef0f2;
  font-size: 11px;
  line-height: 1.45;
  color: #9fa5ae;
}

/* [260730] Card summary. The settings themselves live in the Configure modal, so this has
   to answer "what will this do?" on its own: when, as whom, and where. */
.workflow-wrapper .celebration_summary {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.workflow-wrapper .celebration_summary_row {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
}
.workflow-wrapper .celebration_summary_row dt {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  color: #9fa5ae;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.workflow-wrapper .celebration_summary_row dd {
  margin: 0;
  min-width: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #1a191e;
}
.workflow-wrapper .celebration_summary_row dd.has_error { color: #d64545; font-weight: 600; }
.workflow-wrapper .celebration_summary_row .tag-list { margin: 0; }
.workflow-wrapper .celebration_summary_empty { font-size: 13px; color: #9fa5ae; }
/* [260731] "Sends: a private 1:1 message to each person". Normal body colour, not the muted
   grey above -- it states what the card DOES, where `_empty` states what it lacks. */
.workflow-wrapper .celebration_summary_private { font-size: 13px; color: #1a191e; }
/* Header affordance, left of the switch. Deliberately NOT a button -- a second button up
   here would compete with the switch, which is the control that changes what the team gets.
   `.card-header-right` is already flex with an 8px gap for every card, so the extra breathing
   room is a margin here rather than an override that would reach the other cards. */
.workflow-wrapper .celebration_configure_link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-right: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  white-space: nowrap;
  cursor: pointer;
}
.workflow-wrapper .celebration_configure_link:hover { color: #0e9aef; }
.workflow-wrapper .celebration_configure_link:focus-visible {
  outline: none;
  color: #0e9aef;
  text-decoration: underline;
}
.workflow-wrapper .celebration_configure_link svg { flex: 0 0 auto; }

/* The Configure modal renders in a portal, outside .workflow-wrapper, so every shared rule
   above (.tag, .tag-list, .step-label, the celebration_* controls) would miss it. Rather
   than duplicate 50-odd selectors, the modal body carries a .workflow-wrapper of its own --
   that class has no styles itself, only descendant rules, so nesting one costs nothing.
   These overrides then need .modal-body to outrank the card versions on specificity. */
/* [260730 C5] Wider than the shared popup default. `.add_time_entry_popup .modal-dialog` is
   declared twice in this file (430px, then 400px later) and the later one wins, leaving
   Configure at 400px -- too narrow for a 132px label column beside a day + time + timezone
   row. This block sits after both, so it wins without !important. */
.celebration_configure_modal .modal-dialog {
  width: 560px;
  max-width: 560px;
}
.celebration_configure_modal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.celebration_configure_modal .modal-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.celebration_configure_modal .modal-body .celebration_field {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.celebration_configure_modal .modal-body .celebration_field_label {
  margin: 6px 0 0;
  font-size: 13px;
}
.celebration_configure_modal .modal-body .celebration_field_body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.celebration_configure_modal .modal-body .celebration_schedule_row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.celebration_configure_modal .modal-body .celebration_note {
  font-size: 12px;
  line-height: 1.45;
  color: #6b7280;
}
.celebration_configure_modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.celebration_configure_saved { font-size: 12px; color: #9fa5ae; }
/* [260805] The Configure modal saves on Done now, so it needs the two things a form needs:
   somewhere to say what is wrong, and a way to leave without saving.
   `margin-right: auto` on the hint pushes Cancel and Done to the right edge; the footer is a
   flex row, so without it the buttons sit next to the text. */
.celebration_configure_saved,
.celebration_configure_discard { margin-right: auto; }
.celebration_configure_discard { font-size: 12px; color: #e05260; font-weight: 600; }
/* [260805] Cancel must stay READABLE while Done is saving.
   `.btn-default[disabled]` globally forces `background: #465369 !important` with `#cacaca`
   text -- a dark navy block with barely-visible grey on it, which is what the button turned
   into the moment Save was pressed. That rule is shared with the whole app, so it is overridden
   HERE, scoped to this modal, rather than edited: every other disabled button keeps its
   existing look.
   The target is the hover appearance (white, inherited text, darker border), so the button
   holds still instead of changing colour under the cursor at the moment it stops responding.
   `!important` is required only because the rule being beaten uses it. */
.celebration_configure_modal .modal-footer .btn-default[disabled],
.celebration_configure_modal .modal-footer .btn-default[disabled]:hover,
.celebration_configure_modal .modal-footer .btn-default[disabled]:focus,
.celebration_configure_modal .modal-footer .btn-default[disabled]:active,
.celebration_configure_modal .modal-footer .btn-default.disabled,
.celebration_configure_modal .modal-footer .btn-default.disabled:hover {
    color: inherit !important;
    background: #fff !important;
    border: 1px solid #d2d2d2 !important;
    opacity: 1;
    /* Says "not now" without hiding the word. */
    cursor: not-allowed;
}

/* Matches .celebration_posting_warning rather than introducing a second error colour --
   these appear in the same modal and often one under the other. */
.celebration_field_error {
    display: block;
    margin-top: 6px;
    font-size: 11.5px;
    line-height: 16px;
    color: #e05260;
}

/* Manual "Push Now" control, separated from the config above it. */
/* [260731] Button and hint side by side, hint vertically centred against the button.
   Stacked, the hint read as a warning under the control; beside it, it reads as the
   caption it is. `min-width: 0` lets it wrap inside the row instead of forcing the
   card wider, and `flex-shrink: 0` keeps the button its natural size while it does. */
.workflow-wrapper .celebration_push_row {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #eef0f2;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.workflow-wrapper .celebration_push_btn {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
  height: 32px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #0e9aef;
  border: 1px solid #0e9aef;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.workflow-wrapper .celebration_push_btn:hover:not(:disabled) {
  background: #0b86d1;
  border-color: #0b86d1;
}
.workflow-wrapper .celebration_push_btn:disabled {
  color: #9fa5ae;
  background: #f0f1f2;
  border-color: #e2e7eb;
  cursor: not-allowed;
}
.workflow-wrapper .celebration_push_hint {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 11.5px;
  color: #8a93a0;
  line-height: 16px;
}

/* [260805] "Last sent" footer strip.
   Below the button and behind a DASHED divider, deliberately unlike the solid rule above the
   push row: solid separates two things you can act on, dashed marks the end of the card and
   the start of a record. Quieter than the hint beside the button, because it must be findable
   without competing with the one control on the card that changes what the team receives.
   The icon is flex-shrink: 0 so a long "as <account name>" wraps the text and not the clock. */
.workflow-wrapper .celebration_last_sent {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px dashed #eef0f2;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  font-size: 11.5px;
  line-height: 15px;
  color: #8a93a0;
}
.workflow-wrapper .celebration_last_sent svg {
  flex: 0 0 auto;
  margin-top: 1.5px;
  color: #b4bac2;
}
.workflow-wrapper .celebration_last_sent_empty { color: #b4bac2; font-style: italic; }

/* ---- Push Now recipient picker modal ---- */
/* [260902] 560 -> 680, and BOTH properties. The rows carry a per-person delivery line now
   ("5 years · chat post + private message") and the old width could not hold a name and that
   line at once -- one name truncated to "priya35 ...", the other vanished entirely.
   `max-width` ALONE DOES NOTHING HERE. `.add_time_entry_popup .modal-dialog` (line ~118962)
   sets `width: 400px` as well as `max-width`, and an unoverridden hard `width` pins the
   dialog no matter what `max-width` says -- the dialog stayed at 400 while the flex rules
   below quietly did their best inside it. Same trap the Configure modal hit at [260730 C5];
   its fix sets both, and so does this one.
   680 leaves ~295px for the name beside the longest delivery line and the badge, so neither
   has to give way in practice. */
.celebration_picker_modal .modal-dialog {
  width: 680px;
  max-width: 680px;
}
.celebration_picker_modal .modal-body { padding-top: 4px; }
.celebration_picker_hint {
  font-size: 12.5px;
  color: #5c5f62;
  line-height: 1.5;
  margin: 0 0 12px;
}
.celebration_picker_empty {
  font-size: 13px;
  color: #9fa5ae;
  text-align: center;
  padding: 28px 12px;
}
.celebration_picker_warning {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: #8a5a00;
  background: #fff8e6;
  border: 1px solid #ffe1a8;
  border-radius: 6px;
  padding: 9px 11px;
  margin-bottom: 12px;
  line-height: 1.45;
}
.celebration_picker_toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.celebration_picker_count {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #9fa5ae;
}
.celebration_picker_actions { display: flex; gap: 12px; }
.celebration_picker_actions span {
  font-size: 12px;
  color: #0e9aef;
  cursor: pointer;
}
.celebration_picker_actions span:hover { text-decoration: underline; }
/* Four rows tall (4 x 41px), then scroll. `scrollbar-gutter: stable` keeps the row
   width identical whether or not a scrollbar is present, so ticking a box never
   nudges the text sideways. */
.celebration_picker_list {
  max-height: 164px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
}
/* Reserved space so the warning showing/hiding on Select all / Clear cannot resize
   the modal mid-interaction. */
.celebration_picker_warning_slot { min-height: 54px; }
/* Specificity note: `.modal-body label { display:block; font-weight:600 }` earlier in
   this file (2 selectors) beats a lone class, which stacked the checkbox above the
   name. Scoping through the modal + label wins cleanly without !important. */
.celebration_picker_modal .modal-body label.celebration_picker_row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  color: #1a191e;
  line-height: 1.4;
  border-bottom: 1px solid #f0f1f2;
  cursor: pointer;
  transition: background 0.12s ease;
}
.celebration_picker_modal .modal-body label.celebration_picker_row:last-child { border-bottom: none; }
.celebration_picker_modal .modal-body label.celebration_picker_row:hover { background: #f8f9fa; }
.celebration_picker_modal .celebration_picker_row input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin: 0;
  flex: 0 0 auto;
  cursor: pointer;
  accent-color: #0e9aef;
}
/* Takes the slack so the badge is pushed to the far right; min-width:0 is what
   actually lets a long name ellipsis instead of forcing the row wider.
   [260902] `min-width` is now a FLOOR rather than 0. The name is what the admin is
   identifying the person by -- it must never be the part that disappears, which is exactly
   what happened when the meta beside it grew. It still ellipsises past the floor. */
.celebration_picker_modal .celebration_picker_name {
  flex: 1 1 auto;
  min-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* [260902] Does NOT shrink. This line is the reason the row exists -- it says whether
   ticking this person posts to the whole chat or only messages them, which is the one thing
   an admin must not have to guess at. Truncating it to "5 years · ch..." hides exactly the
   half that matters. The dialog is now wide enough that it never has to; if a name is long
   enough to compete, the NAME ellipsises (it has a 140px floor above), because a shortened
   name is still recognisable and a shortened delivery line is not. */
.celebration_picker_modal .celebration_picker_meta {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 11px;
  color: #6b7280;
}
.celebration_picker_modal .celebration_picker_sent {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 10px;
  font-weight: 600;
  color: #8a5a00;
  background: #fff8e6;
  border: 1px solid #ffe1a8;
  padding: 2px 8px;
  border-radius: 10px;
  white-space: nowrap;
}

/* ---- [260728 DOB-DOJ] Member table date columns + inline editor ---- */
.team_members_data_table_ctrl .timer_row_col.col_member_dob,
.team_members_data_table_ctrl .timer_row_col.col_member_doj {
  min-width: 118px;
  width: 118px;
  white-space: nowrap;
}
.member_dates_dropdown { padding: 12px; min-width: 230px; }
.member_dates_dropdown .rage_input_auto { display: block; }
.member_dates_dropdown .input_label {
  font-size: 12px;
  font-weight: 600;
  color: #444;
  margin-bottom: 6px;
}
.member_dates_dropdown .time_editable_input {
  width: 100%;
  height: 34px;
  padding: 0 10px;
  margin-bottom: 12px;
  font-size: 13px;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
}
.member_dates_dropdown .time_editable_input:focus {
  outline: none;
  border-color: #0e9aef;
}
.member_dates_dropdown .time_editable_input.has_error { border-color: #d64545; }

/* [260728 DOB-DOJ] Date of birth / joining pickers — react-datepicker, matching the
   `custom_datepicker` treatment used by the timer and SOD/EOD date fields. */
.celebration_date_field .react-datepicker-wrapper { display: block; width: 100%; }
.celebration_date_field .react-datepicker__input-container { display: block; width: 100%; }
.celebration_date_field .react-datepicker__input-container input {
  width: 100%;
  height: 36px;
  padding: 0 30px 0 10px;
  font-size: 13px;
  color: #282828;
  background: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  cursor: pointer;
}
.celebration_date_field .react-datepicker__input-container input:focus {
  outline: none;
  border-color: #0e9aef;
}
/* The clear ("x") button sits inside the field rather than pushing the layout. */
.celebration_date_field .react-datepicker__close-icon { right: 4px; padding: 0 6px; }
.celebration_date_field .react-datepicker__close-icon::after {
  background: #c7ced6;
  font-size: 14px;
  line-height: 1;
  padding: 1px 5px 3px;
}
.celebration_date_field .react-datepicker__close-icon:hover::after { background: #9fa5ae; }

/* Positioning: the members-table picker lives inside a bootstrap dropdown within a
   scrollable table, so it renders through a portal to escape clipping. The portal is
   appended to <body>, hence a z-index above the modals/dropdowns it floats over. */
#celebration-datepicker-portal { position: relative; z-index: 2000; }
/* [260731] TWO classes on purpose, and it matters.
   react-datepicker ships `.react-datepicker-popper { z-index: 1 }` in its own stylesheet,
   which is imported from the component and so injected into <head> AFTER this file. A single
   `.celebration_datepicker_popper` has the same specificity, so the library's rule won on
   source order and the calendar sat at z-index 1 -- underneath every `position: relative`
   element further down the Profile tab. The User safe mode switch is one of those, and it
   swallowed clicks on any date it covered. Matching both classes outranks the library rule
   whatever order the stylesheets land in.
   2000 also clears the Profile tab's Save/Cancel bar (`position: absolute; z-index: 99`),
   which the calendar opens downwards into. No ancestor of the popper creates a stacking
   context, so this competes at the root and nothing else has to be raised -- raising the
   FIELD instead would make it paint over that same bar once the form is scrolled. */
.react-datepicker-popper.celebration_datepicker_popper { z-index: 2000; }
/* [260803] Settings -> Profile only: Date of Birth and Date of Joining.
   What actually punched through the calendar is `.slider:before` (line ~21561) -- the KNOB
   of the User safe mode toggle, an absolutely-positioned pseudo-element carrying
   `z-index: 99`. The toggle body has no z-index; only the knob does, which is why a single
   small circle appeared on top of the month grid.
   Its own class AND `!important`: this stylesheet is ~190k lines with hundreds of z-index
   rules, and react-datepicker's own `.react-datepicker-popper { z-index: 1 }` competes for
   the same element from a stylesheet injected after this one. Anything less leaves the
   outcome depending on load order, which is what went wrong the first time. 3000 clears the
   knob (99), the Save/Cancel bar (99) and every dropdown in the Profile tab. */
.react-datepicker-popper.celebration_profile_datepicker_popper { z-index: 3000 !important; }
.celebration_datepicker_popper .react-datepicker {
  font-family: inherit;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(16, 24, 40, 0.14);
}
.celebration_datepicker_popper .react-datepicker__header {
  background: #f8f9fa;
  border-bottom: 1px solid #e2e7eb;
  padding-top: 10px;
}
/* Month/year selects — needed because a birthday is often decades back. */
.celebration_datepicker_popper .react-datepicker__header__dropdown {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 8px 0 4px;
}
.celebration_datepicker_popper .react-datepicker__month-dropdown-container select,
.celebration_datepicker_popper .react-datepicker__year-dropdown-container select {
  height: 26px;
  padding: 0 6px;
  font-size: 12px;
  color: #1a191e;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 4px;
  cursor: pointer;
}
.celebration_datepicker_popper .react-datepicker__day--selected,
.celebration_datepicker_popper .react-datepicker__day--keyboard-selected {
  background: #0e9aef;
  color: #fff;
  border-radius: 4px;
}
.celebration_datepicker_popper .react-datepicker__day:hover { border-radius: 4px; }
.celebration_datepicker_popper .react-datepicker__day--today { font-weight: 600; }

/* [260729 DOB-DOJ] Month / year pickers inside the celebration date fields.
   Previously `dropdownMode="select"` rendered NATIVE <select> elements: the browser owns
   that popup list, so its height could not be controlled and it covered most of the
   calendar. `dropdownMode="scroll"` hands the list back to react-datepicker, and these
   rules make it a compact scrollable menu that matches the rest of Timebox. */
.custom_datepicker .react-datepicker__header__dropdown {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 6px;
}
.custom_datepicker .react-datepicker__month-dropdown-container,
.custom_datepicker .react-datepicker__year-dropdown-container {
    position: relative;
    margin: 0;
}
.custom_datepicker .react-datepicker__month-read-view,
.custom_datepicker .react-datepicker__year-read-view {
    position: relative;
    border: 1px solid #d8dce3;
    border-radius: 4px;
    padding: 3px 22px 3px 8px;
    font-size: 12px;
    font-weight: 600;
    color: #2f3237;
    background: #fff;
    visibility: visible !important;
    cursor: pointer;
    line-height: 16px;
}
.custom_datepicker .react-datepicker__month-read-view:hover,
.custom_datepicker .react-datepicker__year-read-view:hover {
    border-color: #1a8cff;
}
.custom_datepicker .react-datepicker__month-read-view--down-arrow,
.custom_datepicker .react-datepicker__year-read-view--down-arrow {
    border-color: #6b7280;
    border-width: 1px 1px 0 0;
    width: 6px;
    height: 6px;
    top: 6px;
    right: 7px;
}
/* The list itself: capped height with a scroller, instead of 12 full-height rows. */
.custom_datepicker .react-datepicker__month-dropdown,
.custom_datepicker .react-datepicker__year-dropdown {
    position: absolute;
    top: 26px;
    left: 0;
    width: 118px;
    max-height: 190px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e2e5ea;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(17, 24, 39, .14);
    padding: 4px 0;
    z-index: 30;
    text-align: left;
}
.custom_datepicker .react-datepicker__month-option,
.custom_datepicker .react-datepicker__year-option {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 16px;
    color: #2f3237;
    border-radius: 0;
}
.custom_datepicker .react-datepicker__month-option:hover,
.custom_datepicker .react-datepicker__year-option:hover {
    background: #eef4ff;
}
.custom_datepicker .react-datepicker__month-option--selected_month,
.custom_datepicker .react-datepicker__year-option--selected_year {
    background: #1a8cff;
    color: #fff;
    font-weight: 600;
}
/* react-datepicker prints a tick glyph next to the selection; the highlight says it. */
.custom_datepicker .react-datepicker__month-option--selected,
.custom_datepicker .react-datepicker__year-option--selected {
    display: none;
}
.custom_datepicker .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin: 2px auto;
    border-width: 4px;
}
.custom_datepicker .react-datepicker__month-dropdown::-webkit-scrollbar,
.custom_datepicker .react-datepicker__year-dropdown::-webkit-scrollbar {
    width: 6px;
}
.custom_datepicker .react-datepicker__month-dropdown::-webkit-scrollbar-thumb,
.custom_datepicker .react-datepicker__year-dropdown::-webkit-scrollbar-thumb {
    background: #c9ced6;
    border-radius: 3px;
}

/* [260729 DOB-DOJ] Confirmation before an admin rewrites a member's dates. */
.member_dates_confirm_modal .modal-content {
    border: none;
    border-radius: 10px;
    box-shadow: 0 18px 48px rgba(17, 24, 39, .22);
}
.member_dates_confirm_modal .modal-header {
    border-bottom: 1px solid #eef0f4;
    padding: 16px 20px 12px;
}
.member_dates_confirm_modal .modal-title {
    font-size: 15px;
    font-weight: 600;
    color: #1f2329;
}
.member_dates_confirm_modal .modal-body { padding: 16px 20px; }
.member_dates_confirm_rows {
    border: 1px solid #eef0f4;
    border-radius: 8px;
    overflow: hidden;
}
.member_dates_confirm_row {
    display: grid;
    grid-template-columns: 108px 1fr 18px 1fr;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    font-size: 12.5px;
}
.member_dates_confirm_row + .member_dates_confirm_row { border-top: 1px solid #f2f4f7; }
.member_dates_confirm_row .mdc_label { color: #6b7280; font-weight: 500; }
.member_dates_confirm_row .mdc_from { color: #9aa1ac; text-decoration: line-through; }
.member_dates_confirm_row .mdc_arrow { color: #b6bcc6; text-align: center; }
.member_dates_confirm_row .mdc_to { color: #1f2329; font-weight: 600; }
.member_dates_confirm_modal .modal-footer {
    border-top: 1px solid #eef0f4;
    padding: 12px 20px;
    gap: 8px;
}

/* Inline date popover on the Members table -- was a bare stack of two pickers. */
.member_dates_dropdown {
    min-width: 232px;
    padding: 14px 14px 10px;
    border: 1px solid #e6e9ee;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .16);
}
.member_dates_dropdown .input_label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #7b8494;
    margin: 0 0 5px;
}
.member_dates_dropdown .input_label + .react-datepicker-wrapper { margin-bottom: 12px; display: block; }
.member_dates_dropdown .time_editable_input {
    width: 100%;
    border: 1px solid #d8dce3;
    border-radius: 5px;
    padding: 6px 9px;
    font-size: 12.5px;
    line-height: 18px;
    color: #1f2329;
    background: #fff;
}
.member_dates_dropdown .time_editable_input:focus {
    border-color: #1a8cff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(26, 140, 255, .12);
}
.member_dates_dropdown .time_editable_input.has_error { border-color: #e05260; }
.member_dates_dropdown .user_budget_info { color: #e05260; font-size: 11.5px; display: block; margin-bottom: 8px; }
.member_dates_dropdown .popdown-footer_ctrl {
    border-top: 1px solid #f0f2f5;
    padding-top: 10px;
    margin-top: 2px;
    display: flex;
    justify-content: flex-end;
}
/* The D.O.J cell is now a trigger too, so it needs the same affordance as D.O.B. */
.col_member_doj .member_dates_select_area,
.col_member_dob .member_dates_select_area {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.col_member_doj .member_dates_select_area .fa-caret-down,
.col_member_dob .member_dates_select_area .fa-caret-down { font-size: 10px; color: #9aa1ac; }

/* [260729 DOB-DOJ] Fixes for the profile date fields.

   1. SELECTED DAY WENT PALE ON HOVER. `.custom_datepicker .react-datepicker__day:hover`
      repaints the cell grey, while the selected rule sets `color:#fff !important` — white
      text on a light grey cell, which reads as the date being disabled. The selected day
      must keep its solid fill in every state, matching the Timers page calendar.
   2. Validation text sat in a full-width row under BOTH fields, so it right-aligned and
      left a gap. It now sits under its own input; these rules keep the spacing tight and
      consistent with the other inline messages on this form. */

.celebration_datepicker_popper .react-datepicker__day--selected,
.celebration_datepicker_popper .react-datepicker__day--selected:hover,
.celebration_datepicker_popper .react-datepicker__day--selected.react-datepicker__day--today,
.celebration_datepicker_popper .react-datepicker__day--selected.react-datepicker__day--keyboard-selected,
.celebration_datepicker_popper .react-datepicker__day--selected.react-datepicker__day--keyboard-selected:hover {
    background: #0e9aef !important;
    background-color: #0e9aef !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-weight: 600;
    opacity: 1 !important;
}
/* Without a selection react-datepicker marks a "keyboard" day; it must not look chosen. */
.celebration_datepicker_popper .react-datepicker__day--keyboard-selected:not(.react-datepicker__day--selected) {
    background: transparent !important;
    color: #1a191e !important;
}
.celebration_datepicker_popper .react-datepicker__day--keyboard-selected:not(.react-datepicker__day--selected):hover {
    background: #eef4ff !important;
}
/* Plain days: a soft tint on hover, never the grey that washed out the selection. */
.celebration_datepicker_popper .react-datepicker__day:not(.react-datepicker__day--selected):hover {
    background: #eef4ff !important;
    color: #1a191e !important;
    border-radius: 50% !important;
}
/* Today, when it is NOT the chosen day: marked, but clearly not selected. */
.celebration_datepicker_popper .react-datepicker__day--today:not(.react-datepicker__day--selected) {
    background: transparent !important;
    color: #0e9aef !important;
    font-weight: 700;
    box-shadow: inset 0 -2px 0 0 #0e9aef;
    border-radius: 0 !important;
}
.celebration_datepicker_popper .react-datepicker__day--disabled,
.celebration_datepicker_popper .react-datepicker__day--disabled:hover {
    background: transparent !important;
    color: #c7ccd4 !important;
    cursor: not-allowed !important;
}

/* Inline validation under a date field. Mirrors `.characters_limit` spacing so the form
   keeps its rhythm; `min-height` stops the row jumping as the message appears. */
.celebration_date_field .celebration_date_error {
    color: #e05260;
    font-size: 11.5px;
    line-height: 15px;
    margin: 4px 0 0;
    text-align: left;
    word-break: break-word;
}
.celebration_date_field .react-datepicker-wrapper { display: block; width: 100%; }

/* [260729 DOB-DOJ] Active month / year going pale on hover, in the header dropdowns.

   Identical cause to the day cells. The hover rule is a DESCENDANT selector
   (`.custom_datepicker .react-datepicker__year-option:hover` = 0,3,0) while the selected
   rule is not (`.custom_datepicker .react-datepicker__year-option--selected_year` = 0,2,0),
   so hover wins the background and repaints it pale — leaving the selected item's white
   text on a near-white row.

   Fixed by matching the selected state AT the hover state instead of hoping order saves
   us. Scoped to `.celebration_datepicker_popper`, so every other calendar in the app
   keeps its current behaviour untouched. */

.celebration_datepicker_popper .react-datepicker__month-option--selected_month,
.celebration_datepicker_popper .react-datepicker__month-option--selected_month:hover,
.celebration_datepicker_popper .react-datepicker__year-option--selected_year,
.celebration_datepicker_popper .react-datepicker__year-option--selected_year:hover {
    background: #0e9aef !important;
    background-color: #0e9aef !important;
    color: #fff !important;
    font-weight: 600;
}
/* Unselected rows: soft tint, never the library's #ccc. */
.celebration_datepicker_popper .react-datepicker__month-option:not(.react-datepicker__month-option--selected_month):hover,
.celebration_datepicker_popper .react-datepicker__year-option:not(.react-datepicker__year-option--selected_year):hover {
    background: #eef4ff !important;
    color: #1a191e !important;
}
/* The closed read-view button: same fade on hover, same fix. */
.celebration_datepicker_popper .react-datepicker__month-read-view:hover,
.celebration_datepicker_popper .react-datepicker__year-read-view:hover {
    background: #fff !important;
    color: #1f2329 !important;
    border-color: #0e9aef;
}
/* Year navigation arrows inside the scrollable list. */
.celebration_datepicker_popper .react-datepicker__navigation--years-upcoming,
.celebration_datepicker_popper .react-datepicker__navigation--years-previous {
    border-color: #8a929e;
}
.celebration_datepicker_popper .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.celebration_datepicker_popper .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-color: #0e9aef;
}

/* [260729] "Posting as" selector — a Timebox-style dropdown, not a native <select>.
   A native select cannot show a two-line option (email + why it is blocked) and its
   popup cannot be styled, which is why blocked accounts previously rendered as a wall
   of grey text the browser laid out itself. */
/* [260729] One layout for every labelled field on the three celebration cards.

   The cards read as messy because each region invented its own arrangement: one label
   stacked, one inline, and three notes at three different sizes, colours and indents. The
   fix is not new decoration -- it is a single label column, so every control starts at the
   same x, and every note hangs under the control it explains rather than floating at the
   card edge. The stacked "Post/Send to MS Teams" region is left alone; it matches the
   other workflow cards on the page and that similarity is the point. */
.workflow-wrapper .celebration_field {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  column-gap: 12px;
  align-items: start;
  margin: 0 0 12px;
}
/* Narrow cards cannot spare 104px for labels; fall back to the stacked arrangement the
   rest of the page uses rather than squeezing the controls. */
@media (max-width: 1280px) {
  .workflow-wrapper .celebration_field { grid-template-columns: minmax(0, 1fr); }
  .workflow-wrapper .celebration_field_label { padding-top: 0; margin: 0 0 6px; }
}
.workflow-wrapper .celebration_field_label {
  margin: 0;
  padding-top: 8px;   /* optical centre against a 32px control */
  line-height: 16px;
}
.workflow-wrapper .celebration_field_body { min-width: 0; }
/* Every explanatory line on these cards. One size, one colour, one indent. */
.workflow-wrapper .celebration_note {
  display: block;
  margin: 6px 0 0;
  font-size: 11.5px;
  line-height: 16px;
  color: #8a93a0;
}
.celebration_posting_select_wrap { position: relative; max-width: 340px; }
.celebration_posting_trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid #e2e7eb;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    height: 34px;
    font-size: 12.5px;
    color: #1a191e;
    cursor: pointer;
}
.celebration_posting_trigger:hover { border-color: #cfd6dd; }
.celebration_posting_trigger:focus { outline: none; border-color: #0e9aef; box-shadow: 0 0 0 3px rgba(14,154,239,.12); }
.celebration_posting_trigger.has_error { border-color: #e05260; }
.celebration_posting_trigger:disabled { background: #f7f8f9; color: #9aa1ac; cursor: default; }
.celebration_posting_trigger_text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.celebration_posting_dropdown {
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    /* Two-line rows plus the sticky search box -- 232px showed barely three. */
    max-height: 290px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e2e7eb;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(17,24,39,.14);
    padding: 4px;
    z-index: 40;
}
.celebration_posting_option {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 12.5px;
    line-height: 17px;
    color: #1a191e;
    cursor: pointer;
}
.celebration_posting_option:hover { background: #eef4ff; }
.celebration_posting_option.is_selected { background: #0e9aef; color: #fff; font-weight: 600; }
.celebration_posting_option.is_selected:hover { background: #0e9aef; color: #fff; }
.celebration_posting_option.is_blocked { cursor: not-allowed; opacity: 1; }
.celebration_posting_option.is_blocked .cpo_name,
.celebration_posting_option.is_blocked .cpo_email { color: #9aa1ac; }
/* Faint tint on hover, not the normal blue: it has to read as "you can see why, but you
   still cannot pick this" rather than as a selectable row. */
.celebration_posting_option.is_blocked:hover { background: #f6f7f8; }
/* [260729] Two lines per row: the name is what an admin recognises, the email is what
   identifies the Teams account. Both are shown because either one alone leaves you
   guessing -- `devp14@optimised.io` and `Bhaskar` do not resemble each other. */
.celebration_posting_option .cpo_name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.celebration_posting_option .cpo_email {
    display: block;
    font-size: 11px;
    line-height: 15px;
    color: #7b8494;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Selected row is solid blue -- the secondary lines need to stay legible on it. */
.celebration_posting_option.is_selected .cpo_email,
.celebration_posting_option.is_selected .cpo_reason { color: rgba(255,255,255,.82); }
.celebration_posting_option .cpo_reason {
    display: block;
    font-size: 11px;
    line-height: 15px;
    color: #b6bcc6;
}

/* ---- Search box inside the dropdown ----
   Sticky, so it stays reachable once the list scrolls past it. */
.celebration_posting_dropdown .cpo_search_wrap {
    position: sticky;
    top: -4px;               /* cancels the dropdown's 4px padding */
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: -4px -4px 4px;   /* full-bleed against the dropdown padding */
    padding: 8px 10px;
    background: #fff;
    border-bottom: 1px solid #eef0f2;
    border-radius: 6px 6px 0 0;
}
.celebration_posting_dropdown .cpo_search_icon { flex: 0 0 auto; color: #9fa5ae; }
.celebration_posting_dropdown .cpo_search_input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    font-size: 12.5px;
    line-height: 18px;
    color: #1a191e;
    padding: 0;
}
.celebration_posting_dropdown .cpo_search_input::placeholder { color: #9fa5ae; }
.celebration_posting_dropdown .cpo_search_clear {
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: #9fa5ae;
    font-size: 15px;
    line-height: 1;
    padding: 0 2px;
    cursor: pointer;
}
.celebration_posting_dropdown .cpo_search_clear:hover { color: #5a6270; }
.celebration_posting_empty { padding: 10px 8px; font-size: 11.5px; line-height: 16px; color: #7b8494; }
/* Same metrics as .celebration_note -- only the colour carries the warning. */
.celebration_posting_warning {
    display: block;
    margin-top: 6px;
    font-size: 11.5px;
    line-height: 16px;
    color: #e05260;
}

/* [260730] "Why is this account blocked?" tooltip on a greyed row.

   The reason strings are whole sentences, so without a max-width the box lays itself out on
   one line -- wide enough on its own to push the page sideways, which is the horizontal
   scrollbar this and `positionStrategy="fixed"` together fix. The width also has to be a
   hard cap rather than a suggestion, hence `overflow-wrap` for a long unbroken email. */
.celebration_posting_tip {
    max-width: 260px;
    padding: 6px 9px !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    /* Above the dropdown (z-index 20) and inside a Bootstrap modal (1055). */
    z-index: 1080 !important;
}

/* [260729 DOB-DOJ] Members-page date editing: cell -> "Edit" menu -> edit modal ->
   confirmation. The confirmation reuses `.delete_time_confirm_modal` so it is literally
   the same component Timebox already uses for destructive changes; only the change
   summary below is new. */
.member_dates_menu { min-width: 190px; padding: 4px; }
.member_dates_menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    font-size: 12.5px;
    border-radius: 4px;
    color: #1f2329;
}
.member_dates_menu .dropdown-item:hover { background: #eef4ff; }
.member_dates_menu .dropdown-item svg { color: #6b7280; flex: 0 0 auto; }

.member_dates_edit_modal .modal-body { padding: 20px 24px 6px; }
.member_dates_edit_field .input_label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #7b8494;
    margin: 0 0 6px;
}
.member_dates_edit_field .react-datepicker-wrapper { display: block; width: 100%; }
.member_dates_edit_field .time_editable_input {
    width: 100%;
    border: 1px solid #d8dce3;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 18px;
    color: #1f2329;
    background: #fff;
}
.member_dates_edit_field .time_editable_input:focus {
    border-color: #0e9aef;
    outline: none;
    box-shadow: 0 0 0 3px rgba(14, 154, 239, .12);
}
.member_dates_edit_field .time_editable_input.has_error { border-color: #e05260; }
.member_dates_edit_field .celebration_date_error {
    color: #e05260;
    font-size: 11.5px;
    line-height: 15px;
    margin: 6px 0 0;
}

/* [260805 b010] The stray caret sitting on top of the Continue button.
   It is react-datepicker's `__triangle`, positioned by popper's arrow modifier, which aims
   at the CENTRE OF THE REFERENCE ELEMENT and then clamps to the popper's edges. Here the
   reference is a full-modal-width input (~565px) and the popper is a ~260px calendar pinned
   bottom-start, so the input's centre falls well beyond the calendar's right edge: the arrow
   clamps there, half of it hanging off the calendar and landing squarely on the red Continue
   button underneath. Nothing about it is load-bearing -- it points at an edge the calendar
   does not start at -- so it goes.
   Scoped to its own popper class, NOT to `.celebration_datepicker_popper`, which is shared
   with the Settings -> Profile fields. Those sit above narrow half-width inputs where the
   arrow lands correctly and reads as intended.
   No spacing rule needed alongside this: the gap between the field and the calendar comes
   from the library's own `.react-datepicker-popper[data-placement^=bottom] { padding-top:
   10px }`, not from the arrow -- the triangle is absolutely positioned at `top: 0;
   margin-top: -8px` and sits INSIDE that padding. Hiding it leaves the gap untouched.
   `display` is not declared for this element anywhere else, so this needs no `!important`
   to survive react-datepicker's stylesheet being injected after this file. */
.react-datepicker-popper.member_dates_datepicker_popper .react-datepicker__triangle {
    display: none;
}

/* Before -> after, so the confirmation states what actually changes. */
.member_dates_change_summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    /* [260730] Bottom was 6px while the "This decides when..." paragraph sat underneath and
       supplied the rest of the gap. That line is gone, so the summary owns the spacing to the
       footer buttons now -- otherwise the dates sit almost flush against the red button. */
    margin: 14px 0 20px;
    font-size: 13px;
}
.member_dates_change_summary .mdc_from { color: #9aa1ac; text-decoration: line-through; }
.member_dates_change_summary .mdc_arrow { color: #b6bcc6; }
.member_dates_change_summary .mdc_to { color: #1f2329; font-weight: 600; }

/*//// [260731 LEAVE POSTING] Time-off Summary modal — four zones, two columns ////*/
/*
   THE SHELL. `.modal-content` is a FLEX ROW of two columns:

       .tos_summary_col     600px, fixed        <- title bar / status strip / body / footer
       .tos_config_panel    0 -> 360px          <- Leave Posting settings, slides out

   The dialog animates 600px -> 960px and Bootstrap's own `margin-left/right: auto` re-centres it,
   so the pair drifts left as the panel flies out and stays centred at any window width. That is the
   whole trick -- no transform, no measuring. The summary column is pinned with `flex: 0 0 600px`
   precisely so its text never reflows during the animation; only its position moves.

   WHY THE PANEL IS NOT A MODAL. It used to be one, and that produced the backdrop that rendered
   behind the modal it was meant to dim, the Escape that closed the whole stack, and a dismissal
   order guarded from both sides. As a column there is one dialog, one backdrop and one `onHide`.
   The z-index block that used to live here is deleted, not moved -- there is nothing left to stack.
*/
.time_off_detail_summary_modal .modal-content {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    /* [260731] `hidden`, and the dropdowns are sized to fit rather than allowed to escape.
       They used to spill past the dialog, which looked like a second floating layer over the page.
       `useDropPlacement` now measures against THIS box instead of the window, so a list is only
       ever as tall as the room actually available inside the modal -- "stay inside the modal" and
       "open clearly" become the same rule, and the corner radius comes back for free. */
    overflow: hidden;
}
/* With the panel open the modal must be at least tall enough to hold it, so the panel never needs
   to scroll internally -- which is what lets its dropdowns stay unclipped. A short summary (one
   person on leave, no holidays) would otherwise leave the panel 200px tall with 470px of fields.
   TRANSITIONED, not switched: applied instantly it made the modal jump to its new height in one
   frame while the width was still gliding out -- the jerk on pressing Schedule. Both dimensions
   now move on the same curve over the same 220ms, so it reads as one box growing. */
.time_off_detail_summary_modal .modal-content {
    min-height: 0;
    transition: min-height 220ms cubic-bezier(.4, 0, .2, 1);
}
.time_off_detail_summary_modal .modal-dialog.tos_dialog_wide .modal-content { min-height: 470px; }
.time_off_detail_summary_modal .modal-dialog {
    width: 720px;
    max-width: 720px;
    transition: width 220ms cubic-bezier(.4, 0, .2, 1),
                max-width 220ms cubic-bezier(.4, 0, .2, 1);
}
.time_off_detail_summary_modal .modal-dialog.tos_dialog_wide {
    width: 1120px;      /* 720 summary + 400 panel */
    max-width: 1120px;
}
.tos_summary_col {
    flex: 0 0 720px;
    max-width: 720px;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
/* [260731] NO EXTRA DIMMING WHEN THE PANEL OPENS.
   The backdrop used to darken a step (.5 -> .62) as the panel slid out, from when it was a modal
   of its own and needed to read as a new layer over the summary. It is a COLUMN of that summary
   now -- the same one object, just wider -- so re-dimming the page announced a layer that is not
   there. The modal keeps the one backdrop it always had, unchanged from open to close. */

/* Someone who prefers less motion gets the same layout, arriving instantly. */
@media (prefers-reduced-motion: reduce) {
    .time_off_detail_summary_modal .modal-dialog,
    .tos_config_panel { transition: none; }
}

/* TITLE BAR — title, the date INLINE after it, then the actions.
   The date on its own line cost a whole row of modal height for six words; beside the title it
   costs nothing and reads as part of the same sentence. */
/* Height and border are declared explicitly rather than inherited, so this header and the panel's
   `.tos_panel_head` are provably the same box -- their bottom borders then read as ONE rule running
   the full width of the modal instead of two that nearly line up. */
.time_off_detail_summary_modal .modal-header {
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #eef0f3;
}
.tos_title_wrap {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}
.tos_title_sub {
    font-size: 12.5px;
    color: #98a2b3;
    line-height: 1.3;
    white-space: nowrap;
}
/* The date is the first thing to go when the header runs out of room -- the actions and the title
   both matter more, and the date is repeated in the TODAY heading a few pixels below. */
@media (max-width: 640px) { .tos_title_sub { display: none; } }
.time_off_detail_summary_modal .time_off_action_btn_wrap {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
}
/* The close dismisses the modal rather than acting on the summary, so it gets a wider gap and does
   not read as the fourth item in a row of actions. */
.time_off_detail_summary_modal .tos_close_ctrl { margin-left: 10px; }

/* STATUS STRIP — the automation, stated permanently.
   All of this was previously reachable only by hovering a button or opening a second modal, and the
   most confusing case -- the schedule correctly skipping a day it has already posted -- had no
   surface at all, which is exactly how it came to be reported as "the cron did not fire". */
/* STATUS LINE — one row, ALWAYS one row.
   20px gutters, matching `.add_time_entry_popup .modal-header`'s `15px 20px` and the body's
   `padding: 20px !important` (L98562), so it starts at the same left edge as the title above and
   the summary below.
   `height` is FIXED rather than min/auto, and that is the fix for the modal jumping when the
   automation switch is flicked: the sentence gets shorter, and anything that can reflow will
   change the modal's height when it does. It cannot reflow, so it cannot. */
.tos_status_line {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    margin: 0;
    padding: 0 20px;
    border-bottom: 1px solid #eef0f3;
    background: #fbfcfd;
    font-size: 11.5px;
    line-height: 1;
    color: #98a2b3;
    white-space: nowrap;
    overflow: hidden;
}
.tos_status_dot {
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c3c9d2;
}
.tos_status_on   .tos_status_dot { background: #10b981; box-shadow: 0 0 0 2.5px rgba(16, 185, 129, .16); }
.tos_status_warn .tos_status_dot { background: #f59e0b; box-shadow: 0 0 0 2.5px rgba(245, 158, 11, .16); }
.tos_status_off  .tos_status_dot { background: #c3c9d2; }
/* The lead fact is the one worth reading at a glance; the rest are context and stay quiet.
   Only the LEAD is unshrinkable, so "Daily post 2:30 PM AEST" always survives and a long chat name
   ellipsises instead. Keyed on `.is_lead` rather than on child position, because the Post button is
   now the last child -- a `:last-child` rule stopped matching any text at all when it moved in. */
.tos_status_part {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tos_status_part.is_lead { flex: 0 0 auto; font-weight: 600; color: #475467; }
.tos_status_warn .tos_status_part.is_lead { color: #92600a; }
.tos_status_sep { flex: 0 0 auto; color: #cbd2da; }
/* "Post" at the right end of the line -- `margin-left: auto` rather than a spacer, so it holds the
   right edge however long or short the sentence beside it turns out to be.
   SCOPED WITH THE MODAL CLASS ON PURPOSE (0,3,0). `.time_off_detail_summary_modal .send_to_team`
   further down sets `margin: 0` at equal specificity, and being later it silently won -- the button
   sat wherever the text ended instead of on the right. Beating it needs one more class, not a
   nudge. */
.time_off_detail_summary_modal .tos_status_line .tos_post_action {
    flex: 0 0 auto;
    margin-left: auto;
    height: 24px;
    padding: 0 9px;
    font-size: 11.5px;
    line-height: 1;
}
.time_off_detail_summary_modal .tos_status_line .tos_post_action svg { width: 13px; height: 12px; }

/* "Schedule" — the one labelled control in the header, sitting last before the close.
   Declarations copied verbatim from `.workflow-wrapper .celebration_configure_link` (~L188617),
   which this modal cannot reach: it renders in a portal outside `.workflow-wrapper`. If that one
   changes, change this with it. */
.tos_status_configure {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    align-self: center;
    height: 28px;
    margin-left: 4px;
    padding: 0 9px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    white-space: nowrap;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}
.tos_status_configure:hover { color: #0e9aef; background: #eef7fe; }
.tos_status_configure.is_active { color: #0e9aef; background: #e6f4fe; }
.tos_status_configure:focus-visible {
    outline: none;
    color: #0e9aef;
    box-shadow: 0 0 0 3px rgba(14, 154, 239, .18);
}
.tos_status_configure svg { flex: 0 0 auto; }

/* BODY — the only region that scrolls. It is now bounded by the header, the strip and the footer
   rather than by the dialog, so the footer stays put while the summary scrolls under it. */
/* No `padding` here on purpose: `.add_time_entry_popup.add_time_entry_popup .modal-body` sets
   `padding: 20px !important` (L98562), which nothing short of another `!important` beats. 20px is
   the gutter everything else in this modal is aligned to anyway, so it is left to win. */
/* The chrome above and below is now a ~54px header and a 30px status line -- no footer -- so the
   summary gets back the height the footer and the stacked date were taking.
   `min-height` is the other half of "the modal looks small": with a short summary the box collapsed
   around three lines of text in the middle of a large screen. It now holds a consistent shape and
   grows from there, up to the viewport. */
.time_off_detail_summary_modal .modal-body.tos_body {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 440px;
    max-height: calc(100vh - 190px);
}
/* `.leave-container` centres itself in a 600px column (L122294) -- a hard cap that would have left
   the extra width as empty gutters rather than giving it to the summary. */
.time_off_detail_summary_modal .leave-container {
    max-width: 100%;
    margin: 0;
}
/* [260731] The `====` fences are BACK, and with them the original `.leave-data-header` /
   `.sec_divider` markup -- the `.tos_section_*` heading rules that briefly replaced them are gone.
   Tarun's call, and the right one: this block is read as the message that gets posted, not as a UI,
   so the modal, the clipboard, the PDF and the Teams post are four renderings of ONE format and are
   meant to look identical. Styling it away made the screen disagree with the other three. */

/* [260731] There is no footer any more. Copy and Export PDF went to the header as bare icons and
   Post To Teams to the panel's own header, so the bar had nothing left to hold -- and removing it
   gives the summary back ~57px of height, which is the whole reason the date moved inline too. */

/* The house "Post To Teams" button from the Roll Call widget (~L122707), which arrives with
   `margin: 0 14px` -- unwanted in a panel header. */
.time_off_detail_summary_modal .send_to_team {
    margin: 0;
    background: #fff;
    white-space: nowrap;
}
/* Disabled is a real state here -- no chat configured, or a push in flight. Pointer-events stay ON
   so the tooltip can still explain why, which is the one thing a greyed control must be able to
   say; the click handler guards the action itself. */
.time_off_detail_summary_modal .send_to_team.is_disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
/* Two short lines instead of one long one. The single-line tooltip ran the width of the modal. */
/* [260805 b007] THE `white-space` RESET IS THE FIX, not the width.
   This tooltip is a CHILD of `.tos_status_line`, which is `white-space: nowrap` -- a deliberate
   property of that strip, which is one fixed-height row that must never reflow. `white-space`
   inherits down the DOM tree no matter where the tooltip is painted, so its text could not wrap
   inside the 260px cap: the sentence ran straight off the end of the dark box and the chat names
   were cut mid-word. Widening the box alone would not have fixed it -- a longer sentence would
   just run off a wider box.
   260 -> 420: with one name per line (below) the box is now as wide as the longest single name,
   and a Teams topic of ~35 characters is ordinary. `min()` keeps it on screen on a narrow window. */
.tos_tooltip_stacked {
    max-width: min(420px, calc(100vw - 24px));
    white-space: normal;
    text-align: left;
    line-height: 1.5;
}
/* One destination per line, and the line does NOT wrap.
   A Teams topic is full of spaces and hyphens ("clipR - *aism-hr - employee leaves"), so normal
   wrapping breaks a name across lines at an arbitrary space and you cannot see where one
   destination ends and the next starts. `nowrap` keeps each name whole.
   `text-overflow: ellipsis` is the guard, not the intent: at 420px it only engages for a topic
   longer than about 60 characters, and an ellipsis is a readable failure where the previous
   behaviour -- text running out past the edge of the box -- was not. */
.tos_tooltip_stacked .tos_tooltip_chats { margin-top: 3px; }
.tos_tooltip_stacked .tos_tooltip_chat {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 9px;
    position: relative;
}
/* A middot bullet, so the list reads as destinations rather than as more sentence. */
.tos_tooltip_stacked .tos_tooltip_chat::before {
    content: "·";
    position: absolute;
    left: 1px;
    opacity: .7;
}

/*//// [260731 LEAVE POSTING] Configure PANEL — the summary modal's second column ////*/
/*
   It is `flex: 0 0 0` at rest and `0 0 360px` open, so the width transition here and the dialog's
   run together: the summary column never changes size, it only moves left, and the panel appears
   to fly out from behind its right edge.

   `overflow: hidden` is TEMPORARY. It has to clip while the column is narrower than its contents,
   or the fields are visible spilling out of a 0px box -- but clipped is exactly what the dropdowns
   must not be, since they hang below the fields they belong to. So the panel adds `is_settled`
   once the slide has finished (a timer in the component, matched to the 220ms below) and hands
   `overflow` back to `visible`.

   `visibility: hidden` when closed keeps everything inside out of the tab order and away from
   screen readers, which `width: 0` alone would not do.
*/
.tos_config_panel {
    flex: 0 0 0;
    width: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    border-left: 1px solid #eceff3;
    /* Matches `.add_time_entry_popup .modal-content`'s 10px on the two edges it owns, since
       `.modal-content` can no longer clip it. */
    border-radius: 0 10px 10px 0;
    transition: flex-basis 220ms cubic-bezier(.4, 0, .2, 1),
                width 220ms cubic-bezier(.4, 0, .2, 1),
                opacity 150ms ease 40ms,
                visibility 0s linear 220ms;
}
.tos_config_panel.is_open {
    flex: 0 0 400px;
    width: 400px;
    visibility: visible;
    opacity: 1;
    transition: flex-basis 220ms cubic-bezier(.4, 0, .2, 1),
                width 220ms cubic-bezier(.4, 0, .2, 1),
                opacity 150ms ease,
                visibility 0s;
}
.tos_config_panel.is_settled { overflow: visible; }
/* [260731] THE LAST OF THE JERK. The column animates 0 -> 400px, and its contents were laid out at
   whatever width the column happened to be that frame -- so every label, note and control rewrapped
   ~14 times on the way out, and the text visibly churned as the panel appeared.
   Pinning the three regions to the FINAL width means the content is laid out once, at 400px, and
   the widening column simply uncovers it. Exactly the same reason `.tos_summary_col` is pinned with
   `flex: 0 0 720px` rather than left to flex. */
.tos_panel_head,
.tos_panel_body,
.tos_panel_foot {
    width: 400px;
    box-sizing: border-box;
}
/* [260731] The two headers are ONE line across the modal, so the panel's title bar must match the
   summary's exactly: `.add_time_entry_popup .modal-header` is `padding: 15px 20px` (L98548) with a
   title at `font-size: 18px` (L98553). Copying those metrics is what makes the border under them
   read as a single rule rather than two that nearly line up. */
.tos_panel_head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px 20px;
    border-bottom: 1px solid #eef0f3;
}
.tos_panel_title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    margin-right: auto;        /* pushes the close to the right edge */
    font-size: 18px;           /* same as `.add_time_entry_popup .modal-header .modal-title` */
    font-weight: 600;
    color: #1f2d3d;
    white-space: nowrap;
}
/* [260731] BACK, not a second close. Two × buttons side by side -- one dismissing the panel, the
   other the whole modal -- asked a question nothing on screen answered. A labelled Back says where
   it goes, and leaves exactly one × in the modal. */
.tos_panel_back {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    align-self: center;
    height: 28px;
    margin: 0 4px 0 -6px;
    padding: 0 9px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font-size: 12.5px;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}
.tos_panel_back:hover { background: #f2f4f7; color: #344054; }
.tos_panel_back:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(14, 154, 239, .18); }
.tos_panel_back svg { flex: 0 0 auto; }

/* The discard prompt sits directly above the Save it is offering to skip, rather than in a dialog
   over the top -- the choice is between these two controls, so they belong in one place. */
.tos_panel_discard {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 20px;
    border-top: 1px solid #f6d4d6;
    background: #fdf0f1;
    font-size: 12px;
    color: #a3323f;
}
.tos_panel_discard span { flex: 1 1 100%; font-weight: 600; }
.tos_panel_discard .btn { min-width: 0; padding: 4px 12px; font-size: 12px; }

/* [260731] THE SWITCH ROW IS ONE LINE, not three.
   Label, control and note stacked spent three lines saying one thing, in a 400px column where
   vertical space is the scarce resource. A switch reads perfectly well with its label beside it,
   and the note now carries the state -- so the separate "On"/"Off" word is gone as redundant. */
.tos_switch_field {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.tos_switch_field .switch { flex: 0 0 auto; margin-top: 1px; }
.tos_switch_copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tos_switch_label {
    font-size: 13px;
    font-weight: 600;
    color: #344054;
    line-height: 1.2;
}
/* The body does NOT scroll, deliberately: a scroll container is an overflow container, and an
   overflow container clips the dropdowns that hang out of these fields. It holds four fields of
   known height, and `.tos_dialog_wide .modal-content`'s `min-height` guarantees room for them, so
   there is nothing to scroll. On a viewport too short for that, the DIALOG scrolls -- Bootstrap's
   own behaviour -- rather than this column. */
.tos_panel_body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 18px;
}
.tos_panel_foot {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 18px;
    border-top: 1px solid #eef0f3;
}
.tos_panel_foot .btn { min-width: 0; padding: 6px 16px; }

/* [260731] FIELDS STACK IN 360px OF COLUMN.
   The 2026-07-31 rule put label and control side by side in one 34px row box, so every label met
   its control at the same point -- correct for a 560px modal, impossible here: `128px label +
   320px control` does not fit. Stacking is what the celebration cards themselves fall back to on a
   narrow card (`@media (max-width: 1280px)` on `.workflow-wrapper .celebration_field`), and the
   original intent survives the change: one label, one control directly beneath it, one note
   directly beneath that, at one rhythm all the way down. */
.tos_config_panel .celebration_field {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 5px;
    margin: 0;
}
/* [260731] Darker. At #98a2b3 on white these read as disabled rather than as labels -- that grey
   is the stylesheet's MUTED tone (`.TO_top_stats_label`, `.TR_pending_row_user_subtitle`), meant
   for captions sitting beside something louder. A field label is the loudest thing in its row, so
   it takes the body-text grey the switch label and the section headings use. */
.tos_config_panel .celebration_field_label {
    display: block;
    min-height: 0;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #344054;
}
/* The explanatory notes lift with them, or the gap between label and note becomes the new problem.
   `.workflow-wrapper .celebration_note` is #8a93a0; this is one step darker and still clearly
   secondary to the label above it. */
.tos_config_panel .celebration_note { color: #667085; }
.tos_config_panel .celebration_field_body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
/* Every control fills the column, so their edges agree without any of them being measured. */
.tos_config_panel .celebration_time_trigger {
    height: 34px;
    width: 100%;
    font-size: 12.5px;
}
.tos_config_panel .celebration_time_select { width: 100%; flex: 1 1 auto; }
.tos_config_panel .celebration_schedule_row { width: 100%; }
.tos_config_panel .celebration_posting_select_wrap { width: 100%; max-width: 100%; }
/* The tag box is the one control that grows: two rows of chats make it taller rather than clipping
   them. `min-height` keeps an empty box from collapsing around the "+ Add Group" chip. */
.tos_config_panel .tos_chat_field > .tag-list {
    flex-wrap: wrap;
    align-items: center;
    min-height: 34px;
    padding: 4px 6px;
    width: 100%;
}
/* Both dropdowns are sized to the column rather than to the 320px they used in the wider modal. */
.tos_config_panel .celebration_posting_dropdown,
.tos_config_panel .tos_chat_dropdown { width: 100%; max-width: 100%; }
.tos_config_panel .celebration_configure_saved { font-size: 11px; line-height: 1.35; }
/* On/Off beside the switch, so the row reads as a sentence rather than a bare toggle. Matches
   .celebration_note's colour but not its size -- this is a value, not an explanation. */
.tos_config_panel .tos_switch_state {
    font-size: 12px;
    font-weight: 600;
    color: #4b5563;
}
/* THE CHAT PICKER PANEL OVERLAYS THE MODAL -- it does not grow it.
   Inline (`position: static`) it pushed the footer down and made the modal taller than the viewport
   the moment it opened, so the list you were choosing from moved as it appeared. Absolute, anchored
   under the tag row, it behaves like every other dropdown here -- including the Posting As one
   directly above it, whose `.celebration_posting_dropdown` metrics this deliberately mirrors.
   It is allowed to extend BEYOND the modal: `.modal-body` and `.modal-content` are set to
   `overflow: visible` for this modal only, so a long chat list is never clipped. */
/* [260730] FLIPPED PLACEMENT. `useDropPlacement` measures the space around the trigger and adds
   `tos_drop_up` when the panel would otherwise run off the bottom of the window -- which it did for
   any field low in this vertically-centred modal, hiding the last options with no scrollbar to hint
   at them. The same measurement caps `max-height` inline, so whichever way it opens, the list
   scrolls inside the panel rather than overflowing the viewport.
   `bottom: calc(100% + 6px)` mirrors the downward `top` offset, so the gap looks the same either way. */
.tos_config_panel .celebration_posting_dropdown.tos_drop_up,
.tos_config_panel .tos_chat_dropdown.tos_drop_up {
    top: auto;
    bottom: calc(100% + 6px);
}
/* [260731] The time menu flips too. It kept a fixed downward offset long after the other two
   learned to measure, so it was the one dropdown that could still run off the bottom. Its own
   resting offset is `top: calc(100% + 4px)`, so the mirrored value is 4px, not 6px.
   `overflow: auto` because the measured cap now lands on this box: without it the cap would clip
   the option list instead of letting it scroll inside. */
.tos_config_panel .celebration_time_dropdown {
    overflow: auto;
}
.tos_config_panel .celebration_time_dropdown.tos_drop_up {
    top: auto;
    bottom: calc(100% + 4px);
}
/* The inline cap lands on the PANEL; its scrolling child must not then assert a taller fixed height
   of its own, or the footer is pushed out of view. */
.tos_config_panel .tos_chat_dropdown {
    display: flex;
    flex-direction: column;
}
.tos_config_panel .tos_chat_dropdown .tos_chat_list {
    flex: 1 1 auto;
    min-height: 0;
}
.tos_config_panel .tos_chat_dropdown .search_filter_p_container,
.tos_config_panel .tos_chat_dropdown .tos_chat_actions {
    flex: 0 0 auto;
}
.tos_config_panel .tos_chat_field {
    position: relative;
}
.tos_config_panel .tos_chat_dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    /* Fills the panel column, like every other control in it. */
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    max-height: none;
    overflow: visible;
    background: #fff;
    border: 1px solid #e2e7eb;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(17, 24, 39, .14);
    /* Above the panel's own content, and above the Posting As dropdown's 40 so the two can never
       fight if both are somehow open. */
    z-index: 60;
}
/* `ul.rc_user_list.scrollbox` sets a FIXED `height: 202px`, which would leave a tall empty box when
   a team has three chats. `height: auto` + a cap lets it size to its content -- the same override
   `ul.rc_user_list.scrollbox.time_off_type_lists` already makes elsewhere in this file. */
.tos_config_panel .tos_chat_list {
    /* `ul.rc_user_list.scrollbox` asserts a fixed `height: 202px`, which would both leave a tall
       empty box for a short list and fight the measured cap on the panel. `height: auto` hands the
       sizing back to the flex column above, which is bounded by the inline `max-height`. */
    height: auto;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}
/* The shared `.no_data_found` pads 60px vertically for a full-page dropdown; inside this panel that
   is a lot of nothing. */
.tos_config_panel .tos_chat_list .no_data_found {
    padding: 18px 12px;
    font-size: 12.5px;
}
.tos_config_panel .tos_chat_dropdown .search_filter_p_container {
    /* [260805 b008] 8px -> 5px. Of the four bands in this panel only ONE is the list; the header,
       the search and the footer were taking ~125px of a ~200px box between them, which is what
       left two visible rows. Trimmed together they hand ~14px -- half a row -- back to the list. */
    padding: 5px 10px;
}
/* [260731] The Automate (MS Teams) dropdown's own header, so the two controls read as one:
   `.dropdown_header_ctrl` + `.dropdown-title` + a CLEAR action
   (TimeBoxMSTeamsSettingComponent.js:2711). Both carry page-scale metrics, trimmed here for a
   400px column. */
.tos_config_panel .tos_chat_dropdown .dropdown_header_ctrl {
    padding: 7px 12px;                      /* [260805 b008] 9px -> 7px, see the search band */
    min-height: 0;
    border-bottom: 1px solid #edeae9;
}
.tos_config_panel .tos_chat_dropdown .dropdown-title {
    margin: 0;
    font-size: 12.5px;
    font-weight: 600;
    color: #344054;
}
.tos_config_panel .tos_chat_dropdown .clear_all_selection .header_btn_sty {
    font-size: 11px;
    font-weight: 600;
    color: #0e9aef;
    letter-spacing: .4px;
}
/* Compact rows: this list sits inside a modal that also has to show the summary, and most teams
   are choosing one or two chats from a short list.
   [260805 b008] 5px -> 3px, and the line-height pinned. A row was ~28px, so a 133px list showed
   four and a bit -- the "and a bit" is what made it read as a sliver you had to scroll a line at a
   time. At ~23px the same space shows six whole rows. `line-height` is set explicitly because the
   inherited one varies with the shared `.username` rule and was the larger half of the row height;
   trimming padding alone would have moved it by 4px. 3px is the floor -- below it the checkbox and
   the label start to touch their neighbours. */
.tos_config_panel .tos_chat_list .etd_users_row > .checkbox { padding: 3px 12px; }
.tos_config_panel .tos_chat_list .username { font-size: 12.5px; line-height: 17px; }
.tos_config_panel .tos_chat_actions {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;                      /* [260805 b008] 10px -> 7px, see the search band */
    border-top: 1px solid #eceff3;
}
.tos_config_panel .tos_chat_actions .btn {
    min-width: 0;
    padding: 5px 14px;
    font-size: 12.5px;
}
/* [260731] The "Today's summary already went out" panel that lived here is gone: the status strip
   in the summary column now carries that state permanently, which is where it belonged -- it
   describes the schedule, and you should not have to open the settings to find out the schedule
   already ran. */
/* [260731] The "Remove every chat?" confirm is gone: the picker stages its selection instead of
   writing it, so an empty list is an edit you can see and undo, not an instant stop-delivery. The
   consequence is now weighed at the panel's Save, which is the right place for it. */
.tos_config_panel .tos_chat_count {
    margin-left: auto;
    align-self: center;
    font-size: 12px;
    color: #8a93a0;
}

/*//// [260731 LEAVE POSTING] The stacking block that used to live here is DELETED, not moved ////*/
/* It declared `.modal-backdrop.tos_configure_backdrop { z-index: 2300 !important }` and two dialog
   layers above it, because Configure was a second modal and this app overrides Bootstrap's modal
   layers outright (`.modal-backdrop { z-index: 999 !important }` at L162329, `.modal-dialog
   { z-index: 2200 }` at L13691) -- so a stacked backdrop landed BELOW the dialog it had to dim.
   Configure is now a column of the summary modal, so there is no second layer to order. Kept as a
   note rather than as rules: if anything is ever stacked over a modal in this app again, 1050/1055
   will silently do nothing and the working numbers are 2300+.

   The summary dialog's own width now lives with the two-column shell (~L189640), because it has to
   animate between 600px and 960px. The off-centre bug the old rule fixed is unchanged and still
   fixed: `.modal-content` was forced to 600px inside a dialog inheriting
   `.add_time_entry_popup .modal-dialog { width: 400px }`, so the content overflowed 200px to the
   right and moved the apparent centre by 100px. The shell sizes the dialog and lets the content
   fill it, which is the same fix expressed once. */

/* [260731 LEAVE POSTING] "Another admin changed these settings" — shown INSTEAD of reloading, when
   the panel has unsaved edits. Silently replacing what someone is typing is worse than a stale
   field; letting them save over a change they never saw is worse than both. So it offers the
   choice rather than making it. */
.tos_panel_remote {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin: 0 0 4px;
    padding: 9px 11px;
    border: 1px solid #cfe6f7;
    border-left: 3px solid #0e9aef;
    border-radius: 6px;
    background: #f2f9fe;
    font-size: 12px;
    line-height: 1.45;
    color: #33506a;
}
.tos_panel_remote span { flex: 1 1 100%; }
.tos_panel_remote_btn {
    padding: 0;
    border: 0;
    background: none;
    font-size: 12px;
    font-weight: 600;
    color: #0e9aef;
    cursor: pointer;
    text-decoration: underline;
}

/*//////////////////////// [260806 RECOGNITION] Team -> Recognition ////////////////////////
   Appended at the end of the file so these rules sit after every conflicting declaration and
   need no !important. Scoped under recognition_* class names only -- nothing here can reach
   the Holidays list whose markup it borrows. */

.recognition_container { padding-bottom: 24px; }
.recognition_panel { margin-bottom: 18px; }

.recognition_section_icon { margin-right: 7px; font-size: 14px; }

/* Column widths.
   `.leave-record-columns` is a CSS GRID, not flex -- the flex-basis percentages that were here
   before did nothing, and the inherited `.team-time-time-off` template was handing the member
   column a fixed 100px, which is why every name rendered as a single letter and an ellipsis.
   Recognition declares its own six-column template instead, on its own container class so it
   cannot affect the Holidays or Time-off lists that share this markup.

   `minmax(..., Nfr)` rather than fixed widths: the member column grows into whatever space the
   page has, and the `min-width: 0` on the cells lets long handles truncate instead of forcing
   the grid wider than its container. */
.recognition_container .leave-record-columns {
    grid-template-columns:
        minmax(176px, 1.45fr)  /* Member            */
        minmax(84px, 0.55fr)   /* Emp code          */
        minmax(152px, 1.05fr)  /* Date (with year)  */
        minmax(90px, 0.65fr)   /* When              */
        minmax(100px, 0.8fr)   /* Team / Years      */
        minmax(172px, 1.2fr);  /* Announcement      */
}
.recognition_col_code { min-width: 0; display: flex; align-items: center; }
.recognition_col_member { min-width: 0; display: flex; align-items: center; gap: 8px; }
.recognition_col_date { min-width: 0; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.recognition_col_when { min-width: 0; }
.recognition_col_meta { min-width: 0; }
.recognition_col_announcement { min-width: 0; }

/* Sortable headers, matching the Members tab: the label and the two-arrow indicator sit
   together and the whole cell is the hit target. */
.recognition_container .leave-record-header .leave-record-column {
    display: flex;
    align-items: center;
    gap: 6px;
}
.recognition_sort_label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recognition_container .leave-record-header .cursor-pointer:hover .recognition_sort_label { color: #0e9aef; }

/* Full page width: the panels stretch rather than sitting in a narrow column. */
.recognition_container,
.recognition_panel,
.recognition_calendar { width: 100%; }

.recognition_avatar {
    width: 28px;
    height: 28px;
    min-width: 28px;
    font-size: 11px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    overflow: hidden;
    position: relative;
}
.recognition_avatar img { width: 100%; height: 100%; object-fit: cover; }
.recognition_member_name {
    font-size: 13px;
    color: #1c2b3a;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recognition_date_text { font-size: 13px; color: #33506a; }

/* A past day is marked by its ROW, not by fading its text.

   Opacity made the whole row harder to read -- names, dates, emp codes and announcement detail
   all lost contrast, and "already happened" is not a reason to make information difficult. The
   row is marked instead, and every value stays at full strength.

   The tint is #eef1f6, NOT a near-white grey: the app shell behind this panel is #f5f7fa, so a
   #f5f7f9 row read as a HOLE punched in the white card rather than as a state. It has to be
   clearly darker than the page, not accidentally equal to it.

   The 3px edge is the same device the milestone row uses, in a neutral. Every recognition row now
   reserves that edge as transparent, so a past or milestone row colours it instead of shifting
   its contents 3px sideways -- which is what the milestone row was quietly doing before.

   The calendar keeps its own faded treatment: there a past day is a cell among forty, and the
   grid needs the recessive pass to stay scannable. */
.recognition_row { border-left: 3px solid transparent; }
.recognition_row_past { background: #eef1f6; border-left-color: #ccd5e0; }
.recognition_row_past .leave-record-column { opacity: 1; }
.recognition_row_past .recognition_tooltip,
.recognition_cal_cell_past .recognition_tooltip { opacity: 1; }
/* Today outranks past, and a milestone outranks both -- declared in that order so the cascade
   settles it without !important. */
.recognition_row_today { background: #f2f9fe; border-left-color: #7fc4ef; }

.recognition_when { font-size: 12px; color: #6a7885; }
.recognition_when_today { font-size: 12px; font-weight: 600; color: #0e9aef; }

/* 5+ years of service: three cues, because one is easy to miss when scanning a list --
   the trophy, the tinted row with its accent edge, and the solid badge. */
.recognition_row_milestone,
.recognition_row_past.recognition_row_milestone {
    background: #fff8e8;
    border-left-color: #e59500;
}
.recognition_milestone_icon { font-size: 13px; line-height: 1; }
.recognition_years_badge {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 11px;
    background: #e59500;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}
.recognition_years_plain { font-size: 12px; color: #6a7885; }
.recognition_group_text {
    display: block;
    font-size: 12px;
    color: #6a7885;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 29 Feb: the marker and the note together say "this date is deliberate", so nobody edits a
   record that was right all along. */
.recognition_feb29_marker { font-size: 11px; color: #0e9aef; cursor: default; }
.recognition_feb29_note {
    flex: 1 1 100%;
    font-size: 11px;
    font-style: italic;
    color: #8a94a0;
}

.recognition_announcement {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    white-space: nowrap;
}
.recognition_announcement i { font-size: 11px; }
.recognition_announcement_posted { color: #1f9d55; }
.recognition_announcement_scheduled { color: #33506a; }
.recognition_announcement_muted { color: #98a2ad; }
.recognition_announcement_missed { color: #c25b4e; }


.recognition_missing_note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 0;
    padding: 10px 13px;
    border: 1px solid #cfe6f7;
    border-left: 3px solid #0e9aef;
    border-radius: 6px;
    background: #f2f9fe;
    font-size: 12px;
    color: #33506a;
}
.recognition_link_btn {
    padding: 0;
    border: 0;
    background: none;
    font-size: 12px;
    font-weight: 600;
    color: #0e9aef;
    cursor: pointer;
    text-decoration: underline;
}

/* Narrow viewports: the five columns stop being a table and stack, rather than squeezing the
   member name into three characters. */
@media (max-width: 1100px) {
    .recognition_col_member { flex: 1 1 100%; }
    .recognition_col_date,
    .recognition_col_when,
    .recognition_col_meta,
    .recognition_col_announcement { flex: 1 1 auto; min-width: 0; }
}

/*//////////// [260806 RECOGNITION] Calendar view ////////////*/

.recognition_view_toggle {
    display: inline-flex;
    align-items: center;
    margin-right: 14px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    overflow: hidden;
}
.recognition_view_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 13px;
    border: 0;
    background: #fff;
    font-size: 12px;
    color: #33506a;
    cursor: pointer;
}
.recognition_view_btn + .recognition_view_btn { border-left: 1px solid #d2d2d2; }
.recognition_view_btn:hover { background: #f4f7fa; }
.recognition_view_btn.active { background: #0e9aef; color: #fff; }
.recognition_view_btn.active:hover { background: #0e9aef; }

.recognition_calendar {
    padding: 10px 12px 12px;
    border-radius: 8px;
    background: #fff;
}
.recognition_cal_weekdays,
.recognition_cal_week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.recognition_cal_weekday {
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 600;
    color: #5b6773;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.recognition_cal_cell {
    position: relative;
    min-height: 74px;
    padding: 5px 6px 6px;
    border: 1px solid #dde4ec;
    margin: -1px 0 0 -1px;   /* collapse the shared borders into single lines */
    background: #fff;
}
.recognition_cal_cell_blank { background: #fafbfc; }
.recognition_cal_cell_clickable { cursor: pointer; }
.recognition_cal_cell_clickable:hover { background: #f7fafd; }
/* Past days dim exactly as the list rows do, so the two views agree at a glance.

   The fade is applied to the cell's CONTENT, never the cell itself. `opacity` on an ancestor
   creates a compositing group that a child cannot opt out of, so fading the cell also faded the
   hover tooltips rendered inside it -- unreadable exactly when you are trying to read them.
   The tooltips are siblings of the chips, so fading the chips leaves them at full strength. */
.recognition_cal_cell_past .recognition_cal_daynum { color: #a9b2bb; }
.recognition_cal_cell_past .recognition_cal_chip { opacity: 0.55; }
/* Today gets a full border, not just a chip -- findable without reading the numbers. */
.recognition_cal_cell_today {
    border: 2px solid #0e9aef;
    background: #f2f9fe;
    z-index: 1;
}
.recognition_cal_cell_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; }
.recognition_cal_daynum { font-size: 12.5px; font-weight: 650; color: #1c2b3a; }
.recognition_cal_today_tag {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #0e9aef;
}

/* Event card: a white tile with a rounded accent bar, rather than a tinted block. Colour still
   identifies the event type, but it sits in one deliberate place instead of washing the whole
   chip, which keeps a busy cell legible at small sizes. */
.recognition_cal_chip {
    --accent: #7b5cd6;
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    margin-bottom: 3px;
    padding: 4px 7px 4px 5px;
    border: 1px solid #d9e0e8;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(28, 43, 58, .07);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
    color: #1f2933;
}
.recognition_cal_chip::before {
    content: '';
    flex: 0 0 3px;
    width: 3px;
    height: 15px;
    border-radius: 2px;
    background: var(--accent);
}
.recognition_cal_chip:hover { border-color: #d3dbe4; box-shadow: 0 2px 6px rgba(28, 43, 58, .10); }
/* One colour family per event type: blue birthdays, amber milestone anniversaries, violet for
   shorter ones. */
.recognition_cal_chip_birthday { --accent: #1289e0; }
.recognition_cal_chip_milestone { --accent: #e59500; }
.recognition_cal_chip_icon { font-size: 10px; line-height: 1; flex-shrink: 0; }
/* The names in this deployment are handles, not display names, so they get truncated rather
   than abbreviated -- the popover carries the full one. */
.recognition_cal_chip_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recognition_cal_chip_years { flex-shrink: 0; font-weight: 600; opacity: 0.82; }
.recognition_cal_more {
    padding: 0;
    border: 0;
    background: none;
    font-size: 11px;
    font-weight: 600;
    color: #0e9aef;
    cursor: pointer;
}

.recognition_cal_popover {
    position: absolute;
    top: calc(100% - 4px);
    left: 0;
    z-index: 30;
    width: 310px;
    max-width: 82vw;
    border: 1px solid #dfe6ec;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(28, 43, 58, 0.16);
    cursor: default;
}
/* Flipped for the last two columns so the panel never runs off the right edge. */
.recognition_cal_popover_right { left: auto; right: 0; }
/* Opens upward when the day sits too low for it to fit below — see the layout effect that
   measures this. Without it, a popover on the last week row ran past the viewport and grew the
   page, which is the one thing the calendar's sizing works to avoid. */
.recognition_cal_popover_above { top: auto; bottom: calc(100% - 4px); }
/* Whichever way it opens, it can never exceed the viewport: the body scrolls instead. */
.recognition_cal_popover { max-height: min(74vh, 460px); display: flex; flex-direction: column; }
.recognition_cal_popover_body { flex: 1 1 auto; min-height: 0; }
.recognition_cal_popover_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border-bottom: 1px solid #edf1f5;
    font-size: 12px;
    font-weight: 600;
    color: #33506a;
}
.recognition_cal_popover_close {
    padding: 0;
    border: 0;
    background: none;
    font-size: 12px;
    color: #8a94a0;
    cursor: pointer;
}
.recognition_cal_popover_body { max-height: 300px; overflow-y: auto; padding: 6px 0; }



.recognition_cal_legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #edf1f5;
}


@media (max-width: 900px) {
    /* Below this the seven columns stop being readable; the grid becomes a day list rather
       than seven slivers with truncated names. */
    .recognition_cal_weekdays { display: none; }
    .recognition_cal_week { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .recognition_cal_cell_blank { display: none; }
    .recognition_cal_cell { min-height: 0; }
    .recognition_cal_popover { width: 100%; left: 0; right: 0; }
}

/*//////////// [260806 RECOGNITION] "Upcoming recognition" dashboard widget ////////////*/

/* The card background, radius and border all come from `rc_time_list_card_wrapper` now — the
   classes this used before (`timer_widget_panel`, `widget_panel_header`) had NO rules in the
   stylesheet at all, which is why the widget rendered flat against the page.

   Only two things still need scoping: pushing the ⋯ menu to the right of the shared header, and
   anchoring its dropdown. */
.recognition_widget .rc_time_list_header {
    display: flex;
    align-items: center;
    gap: 10px;
}
.recognition_widget .rc_time_list_header .three_dot_dropdown { position: relative; margin-left: auto; }
.recognition_widget_menu { right: 0; left: auto; min-width: 168px; }

.recognition_widget_body { padding: 2px 0 4px; max-height: 340px; overflow-y: auto; }
.recognition_widget_group { padding: 6px 0; }
.recognition_widget_group + .recognition_widget_group { border-top: 1px solid #f2f5f8; }
.recognition_widget_group_title {
    padding: 4px 14px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #98a2ad;
}

.recognition_widget_row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
}
.recognition_widget_row:hover { background: #f7fafd; }
/* The 5+ year accent carries over from the list — a milestone should not look identical to a
   one-year anniversary in the place most people will actually see it. */
.recognition_widget_row_milestone { border-left: 3px solid #f0a500; background: #fffaf0; }
.recognition_widget_icon { font-size: 11px; line-height: 1; flex-shrink: 0; }
.recognition_widget_avatar {
    width: 24px;
    height: 24px;
    min-width: 24px;
    font-size: 10px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    overflow: hidden;
}
.recognition_widget_avatar img { width: 100%; height: 100%; object-fit: cover; }
.recognition_widget_text { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.recognition_widget_name {
    font-size: 12px;
    color: #1c2b3a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recognition_widget_years { font-size: 10px; color: #8a94a0; }
.recognition_widget_date { font-size: 11px; color: #8a94a0; flex-shrink: 0; }

.recognition_widget_empty { padding: 18px 14px; font-size: 12px; color: #8a94a0; }
/* [260812] Failed state only. The label and the Retry button are separate inline elements with no
   whitespace between them in JSX, so they collided into "Could not loadRetry". Flex + gap rather
   than a margin on .recognition_link_btn, which is shared with the "View all" button here and one
   in Team -> Recognition. align-items keeps the underlined button on the label's baseline. */
.recognition_widget_empty.recognition_widget_error {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}
.recognition_widget_empty_state {
    padding: 28px 14px;
    text-align: center;
    font-size: 12px;
    color: #8a94a0;
}
.recognition_widget_empty_icon { font-size: 24px; margin-bottom: 6px; }

.recognition_widget_footer {
    padding: 10px 14px;
    border-top: 1px solid #edf1f5;
    text-align: left;
}
/* Rows sit inside the card's own padding, so they carry the horizontal inset themselves. */
.recognition_widget_group_title,
.recognition_widget_row { padding-left: 14px; padding-right: 14px; }

/*//////////// [260806 RECOGNITION] Announcement cell — full detail inline ////////////*/

.recognition_announcement_cell { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.recognition_announcement_detail {
    font-size: 11px;
    color: #8a94a0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recognition_announcement_account { color: #6a7885; }
/* Tooltips here carry a full sentence, not a label — let them wrap instead of stretching
   off the side of the viewport. */
.recognition_tooltip { max-width: 320px; white-space: normal !important; line-height: 1.45; }

/*//////////// [260806 RECOGNITION] Month stepper, picker, next-month link ////////////*/

.recognition_month_nav { position: relative; }
.recognition_month_label { cursor: pointer; user-select: none; }
.recognition_month_label:hover { background: #f4f7fa; }
.recognition_month_caret { margin-left: 6px; font-size: 11px; color: #757677; }
/* At the edge of the allowed range the arrow stops responding rather than disappearing --
   a control that vanishes makes people think the page broke. */
.recognition_step_disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }

/* Two panes, matching the period picker on Team -> Timers: presets down the left in their own
   tinted rail, the month grid on the right. */
.recognition_month_picker {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 40;
    display: flex;
    width: 372px;
    border: 1px solid #dfe6ec;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(28, 43, 58, 0.16);
    overflow: hidden;
}
.recognition_month_picker_presets {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 0 0 132px;
    padding: 8px 0;
    border-right: 1px solid #edf1f5;
    background: #fbfcfd;
}
.recognition_month_picker_custom { flex: 1 1 auto; padding: 10px 12px 12px; }
.recognition_month_picker_head {
    margin-bottom: 9px;
    font-size: 13px;
    font-weight: 600;
    color: #1c2b3a;
    text-align: center;
}
.recognition_month_preset {
    padding: 8px 14px;
    border: 0;
    border-radius: 0;
    background: none;
    font-size: 12px;
    color: #33506a;
    text-align: left;
    cursor: pointer;
}
.recognition_month_preset:hover { background: #f4f7fa; }
.recognition_month_preset.active { background: #0e9aef; color: #fff; font-weight: 600; }


.recognition_month_picker_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.recognition_month_btn {
    padding: 7px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #f7f9fb;
    font-size: 11px;
    color: #33506a;
    cursor: pointer;
}
.recognition_month_btn:hover { background: #eef2f6; }
.recognition_month_btn.active { background: #0e9aef; color: #fff; }


/*//////////// [260806 RECOGNITION] Outline icons + empty state ////////////*/

/* Inherits colour and sits on the text baseline, which an emoji never does. */
.recognition_icon { vertical-align: -2px; }
.recognition_section_icon { display: inline-flex; align-items: center; margin-right: 7px; color: #6a7885; }
.recognition_milestone_icon { display: inline-flex; align-items: center; color: #e59500; }
.recognition_cal_chip_icon { display: inline-flex; align-items: center; }
/* The glyph takes the accent, not the softer text colour, so the chip has a focal point. */
.recognition_cal_chip .recognition_cal_chip_icon { color: var(--accent); }
.recognition_cal_chip .recognition_cal_chip_dot { color: var(--accent); }
.recognition_cal_chip_dot { font-size: 13px; line-height: 1; }
.recognition_cal_legend span svg { vertical-align: -2px; }


/* The calendar keeps its grid below the message, so the empty state has to be compact there. */
.recognition_empty_compact { margin-bottom: 14px; }
.recognition_empty_compact .TR_empty_state_inner { padding-top: 18px; padding-bottom: 18px; }
.recognition_empty_compact .TR_empty_state_illustration { display: none; }

/*//////////// [260806 RECOGNITION] Interactive calendar: legend, dimming, tooltips ////////////*/

/* The legend is a control now, so it has to look like one — a chip you can press, with the
   count of what it would highlight. */
/* Coloured at REST, not only when selected. A legend whose whole point is to name the colours
   cannot itself be five identical grey pills until you click one. Selecting fills it solid, so
   "which are on" is still unmistakable. */
.recognition_legend_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 11px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: box-shadow 0.12s ease, background 0.12s ease, color 0.12s ease;
}
.recognition_legend_btn:hover { box-shadow: 0 1px 5px rgba(28, 43, 58, 0.14); }
.recognition_legend_count {
    min-width: 17px;
    padding: 0 5px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}
.recognition_legend_btn.active .recognition_legend_count {
    background: rgba(255, 255, 255, 0.26);
    color: #fff;
}
.recognition_legend_clear {
    padding: 4px 10px;
    border: 0;
    background: none;
    font-size: 11px;
    font-weight: 600;
    color: #0e9aef;
    cursor: pointer;
    text-decoration: underline;
}

/* Highlighting works BOTH ways: what matches is lifted, what does not is drained of colour.
   Fading alone was too weak a signal in a dense grid -- the eye had to compare opacities rather
   than spot a difference. Greyscale removes the family colour entirely, so the matches are the
   only coloured things on screen.

   Dimming is applied to the CELL'S CHILDREN, never the cell: `opacity` on an ancestor also
   fades the tooltips rendered inside it, with no way for them to opt back in. */
.recognition_cal_chip_dimmed { filter: grayscale(1); opacity: 0.42; }
.recognition_cal_cell_dimmed { background: #fafbfc; }
.recognition_cal_cell_dimmed .recognition_cal_daynum { color: #bcc4cc; }

/* Matched: a ring in the event's own colour, and a lift off the grid. */
.recognition_cal_chip_hit {
    position: relative;
    z-index: 1;
    font-weight: 600;
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent), 0 2px 8px rgba(28, 43, 58, .14);
}
/* The single event an Upcoming card points at -- stronger again, because it is one deliberate
   target rather than a whole category. */
.recognition_cal_chip_focused {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent), 0 4px 12px rgba(28, 43, 58, .18);
}

/* The day itself is marked too, so a matching date is findable without reading its chips. */
.recognition_cal_cell_hit { background: #fffefa; }
.recognition_cal_cell_hit .recognition_cal_daynum {
    font-weight: 700;
    color: #1c2b3a;
}
.recognition_cal_cell_hit .recognition_cal_daynum::after {
    content: '';
    display: block;
    height: 2px;
    margin-top: 1px;
    border-radius: 1px;
    background: #1c2b3a;
}

/* Announcement state as a colour, since the chip has no room for words. Matches the list's
   announcement colours exactly. */
.recognition_cal_state_dot {
    width: 6px;
    height: 6px;
    min-width: 6px;
    border-radius: 50%;
    margin-left: auto;
    background: #cbd3da;
}
.recognition_cal_state_posted { background: #16a34a; }
.recognition_cal_state_scheduled { background: #0284c7; }
/* Defensive fallback: the backend always sets a state, but if one ever arrives absent the
   dot must still be visible rather than an invisible element holding space. */
.recognition_cal_state_none { background: #cbd2db; }
.recognition_cal_state_missed { background: #dc2626; }
.recognition_cal_state_not_announced,
.recognition_cal_state_card_off,
.recognition_cal_state_before_automation { background: #cbd3da; }

/* Interactive cells: lift slightly and show the accent, so it is obvious a day can be opened
   and which one is currently open. */
.recognition_cal_cell_clickable { transition: background 0.12s ease, box-shadow 0.12s ease; }
.recognition_cal_cell_clickable:hover {
    background: #f7fafd;
    box-shadow: inset 0 0 0 1px #cfe6f7;
    z-index: 2;
}
.recognition_cal_cell_open {
    background: #f2f9fe;
    box-shadow: inset 0 0 0 2px #0e9aef;
    z-index: 3;
}
/* Only a date that actually has a tooltip gets the help cursor — an empty day was advertising
   information it does not have. */
.recognition_cal_daynum.has_tip { cursor: default; }

/* Hover cards.
   Grouped values behind small glyphs, not a label column: "Date / When / Team / On / At / Via"
   down the left made every hover read like a form dump. The values that belong together share a
   line, and the accent bar tells you what kind of event it is before you read anything. */
.recognition_tip { text-align: left; min-width: 214px; max-width: 296px; }

.recognition_tip_head {
    padding: 0 0 7px 9px;
    margin-bottom: 7px;
    border-left: 3px solid rgba(255, 255, 255, 0.35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.recognition_tip.is_birthday .recognition_tip_head { border-left-color: #58b6f5; }
.recognition_tip.is_milestone .recognition_tip_head { border-left-color: #f4b731; }
.recognition_tip.is_anniversary .recognition_tip_head { border-left-color: #a98ff0; }
.recognition_tip_name {
    font-weight: 600;
    font-size: 12.5px;
    line-height: 1.3;
    word-break: break-word;
}
.recognition_tip_kind { margin-top: 1px; font-size: 10.5px; opacity: 0.62; }

.recognition_tip_meta { display: flex; flex-direction: column; gap: 4px; }
.recognition_tip_meta_row {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 11px;
    line-height: 1.45;
}
/* Nudge the glyph onto the text's optical baseline. */
.recognition_tip_meta_row svg { flex: 0 0 auto; margin-top: 2px; opacity: 0.55; }
.recognition_tip_meta_row.is_note { opacity: 0.62; font-style: italic; }
.recognition_tip_sep { margin: 0 5px; opacity: 0.4; }
.recognition_tip_today { color: #7cc9f7; font-weight: 600; }

.recognition_tip_status_block {
    margin-top: 8px;
    padding-top: 7px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.recognition_tip_status {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 600;
}
/* The dark tooltip needs lighter variants of the status colours to stay legible. */
.recognition_tip_status.recognition_announcement_posted { color: #6ee7a8; }
.recognition_tip_status.recognition_announcement_scheduled { color: #7cc9f7; }
.recognition_tip_status.recognition_announcement_missed { color: #f7a99e; }
.recognition_tip_status.recognition_announcement_muted { color: #c8cfd6; }
/* Detail sits indented under its status, so the eye groups them without a divider. */
.recognition_tip_status_line {
    margin-top: 3px;
    padding-left: 17px;
    font-size: 11px;
    line-height: 1.45;
    opacity: 0.82;
}
.recognition_tip_dest {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 5px;
    padding-left: 17px;
    font-size: 10.5px;
    line-height: 1.45;
    opacity: 0.72;
}
.recognition_tip_dest svg { flex: 0 0 auto; margin-top: 2px; }

.recognition_tip_people { display: flex; flex-direction: column; gap: 3px; }
.recognition_tip_person { display: flex; align-items: center; gap: 6px; font-size: 11px; }
.recognition_tip_person .recognition_cal_state_dot { margin-left: 0; }
.recognition_tip_person_name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recognition_tip_person_kind { flex-shrink: 0; opacity: 0.6; font-size: 10px; }

.recognition_tip_note {
    margin-top: 6px;
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 10px;
    opacity: 0.65;
}

/*//////////// [260806 RECOGNITION] Calendar vertical fit ////////////*/

/* A six-week month is the worst case. Shorter viewports shave the row further rather than
   forcing a scroll — the chips carry the detail and the tooltip carries the rest.

   These are `min-height`, so a day holding two events simply grows past the floor and makes
   that one week row taller; the empty rows stay compact. Most days hold nothing, so the grid
   stays tight. */
@media (max-height: 900px) {
    .recognition_cal_cell { min-height: 66px; }
    .recognition_cal_chip { font-size: 10px; }
}
@media (max-height: 780px) {
    .recognition_cal_cell { min-height: 58px; }
    .recognition_cal_weekday { padding: 2px 8px; font-size: 10px; }
    .recognition_calendar { padding: 8px 10px 10px; }
}

/*//////////// [260806 RECOGNITION] Legend colours matched to the events ////////////*/

/* Each chip wears its family's colour: a tint at rest, the solid colour when selected. The
   tint matches the calendar chip it describes, so the legend genuinely is the key. */
.recognition_legend_birthday { background: #d4eafd; color: #0a4f7a; }
.recognition_legend_birthday svg { color: #1289e0; }
.recognition_legend_birthday.active { background: #1289e0; color: #fff; }
.recognition_legend_birthday.active svg { color: #fff; }

.recognition_legend_milestone { background: #ffecbe; color: #7a4f00; }
.recognition_legend_milestone svg { color: #e59500; }
.recognition_legend_milestone.active { background: #e59500; color: #fff; }
.recognition_legend_milestone.active svg { color: #fff; }

.recognition_legend_anniversary { background: #e7e3fa; color: #402a80; }
.recognition_legend_anniversary .recognition_cal_chip_dot { color: #7b5cd6; }
.recognition_legend_anniversary.active { background: #7b5cd6; color: #fff; }
.recognition_legend_anniversary.active .recognition_cal_chip_dot { color: #fff; }

.recognition_legend_posted { background: #d6f2e0; color: #12703a; }
.recognition_legend_posted.active { background: #16a34a; color: #fff; }
.recognition_legend_posted.active .recognition_cal_state_dot { background: #fff; }

.recognition_legend_scheduled { background: #d5ebfa; color: #0b5f88; }
.recognition_legend_scheduled.active { background: #0284c7; color: #fff; }
.recognition_legend_scheduled.active .recognition_cal_state_dot { background: #fff; }

/* Nothing to highlight this month. Kept in place so the key stays a stable reference, but a
   flat neutral rather than a faded colour: opacity dropped the count to near-invisible, and a
   zero you cannot read is worse than no zero at all. */
.recognition_legend_btn:disabled {
    background: #f1f3f5;
    color: #98a2ad;
    cursor: not-allowed;
    box-shadow: none;
}
.recognition_legend_btn:disabled svg,
.recognition_legend_btn:disabled .recognition_cal_chip_dot { color: #b6bec6; }
.recognition_legend_btn:disabled .recognition_cal_state_dot { background: #c3cad1; }
.recognition_legend_btn:disabled .recognition_legend_count {
    background: #fff;
    color: #7d8892;
}

/* Section headings pick up the same two accents. */
.recognition_panel .recognition_section_icon { color: #1289e0; }
.recognition_panel + .recognition_panel .recognition_section_icon { color: #e59500; }

/*//////// [260806 RECOGNITION] Calendar shell: scopes, stepper, sidebar, week, year ////////*/

/* The sidebar matches the calendar's height and never drives it.
   `align-items: stretch` alone was not enough: a grid row is as tall as its TALLEST item, so a
   long Upcoming list still grew the row and the calendar stretched to follow. The slot below is
   the fix — it holds the panel absolutely, so the panel's content contributes nothing to the row
   and the calendar alone decides how tall it is. The list then scrolls inside whatever it gets.
   A fixed max-height cannot solve this: a month is 4, 5 or 6 rows, so any single number is wrong
   two times out of three. */
.recognition_cal_layout { display: grid; grid-template-columns: minmax(0, 1fr) 268px; gap: 14px; align-items: stretch; }
.recognition_upcoming_slot { position: relative; min-height: 0; }
.recognition_upcoming_slot > .recognition_upcoming { position: absolute; inset: 0; }
.recognition_cal_head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
/* The period leads the header, as the largest thing in the row. */
.recognition_cal_period {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 16px;
    font-weight: 650;
    color: #1a191e;
    font-variant-numeric: tabular-nums;
}
.recognition_cal_period_sub { font-size: 12px; font-weight: 500; color: #8a94a0; }

/* Each button carries a transparent border at rest, so selecting one adds colour without
   shifting the row by a pixel. */
.recognition_cal_scope { display: inline-flex; gap: 6px; }
.recognition_scope_btn {
    padding: 5px 14px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #f1f4f7;
    font-size: 12px;
    color: #5b6773;
    cursor: pointer;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.recognition_scope_btn:hover { background: #e7edf3; color: #1c2b3a; }
.recognition_scope_btn.active {
    border-color: #0e9aef;
    background: rgba(14, 154, 239, 0.12);
    color: #0e9aef;
    font-weight: 600;
}
.recognition_scope_btn.active:hover { background: rgba(14, 154, 239, 0.18); color: #0e9aef; }

/* Its own stepper, beside the range it moves. The filter-bar one is labelled with a month, so
   in Week scope it reads as the wrong control. */
.recognition_cal_stepper { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }
.recognition_cal_step {
    width: 24px;
    height: 24px;
    border: 1px solid #e2e7eb;
    border-radius: 5px;
    background: #fff;
    font-size: 11px;
    color: #5b6773;
    cursor: pointer;
}
.recognition_cal_step:hover:not(.disabled) { border-color: #0e9aef; color: #0e9aef; }
.recognition_cal_step.disabled { opacity: 0.35; cursor: not-allowed; }

/* Says why the grid jumped, and undoes it. */
.recognition_focus_chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 5px 3px 10px;
    border: 1px solid #f0cf8a;
    border-radius: 13px;
    background: #fff8e8;
    font-size: 11px;
    color: #7a4f00;
}
.recognition_focus_chip b { font-weight: 600; }
.recognition_focus_chip button {
    width: 17px;
    height: 17px;
    border: 0;
    border-radius: 50%;
    background: rgba(122, 79, 0, .12);
    font-size: 10px;
    line-height: 1;
    color: #7a4f00;
    cursor: pointer;
}
.recognition_focus_chip button:hover { background: rgba(122, 79, 0, .24); }

/* Upcoming: reads forward across months, which the grid structurally cannot -- it only ever
   shows the month you are on. */
.recognition_upcoming {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid #edeef2;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.recognition_upcoming_head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    padding: 11px 13px;
    border-bottom: 1px solid #edeef2;
}
.recognition_upcoming_title { font-size: 13px; font-weight: 600; color: #1a191e; }
.recognition_upcoming_sub { font-size: 10.5px; color: #98a2ad; }
/* Takes whatever height the stretched panel has left after the header, and scrolls inside it.
   `min-height: 0` is required — a flex item defaults to `min-height: auto`, which refuses to
   shrink below its content, so without it a long list would push the panel past the calendar
   and reintroduce the page scrollbar this is meant to prevent. */
.recognition_upcoming_list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.recognition_up_card {
    --accent: #7b5cd6;
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 10px 8px 12px;
    border: 1px solid #e8ecf1;
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
    transition: border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.recognition_up_card::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    bottom: 9px;
    width: 3px;
    border-radius: 2px;
    background: var(--accent);
}
.recognition_up_card.is_birthday { --accent: #1289e0; }
.recognition_up_card.is_milestone { --accent: #e59500; }
.recognition_up_card:hover { border-color: #cfd8e1; box-shadow: 0 2px 8px rgba(28, 43, 58, .09); }
.recognition_up_card.active { border-color: var(--accent); background: #fbfdff; box-shadow: 0 0 0 1px var(--accent); }
.recognition_up_name { display: block; font-size: 12px; font-weight: 600; color: #1c2b3a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recognition_up_meta { display: flex; align-items: center; gap: 6px; margin-top: 3px; font-size: 10.5px; color: #7c8894; }
.recognition_up_meta .recognition_cal_state_dot { margin-left: 0; }
.recognition_up_when { margin-left: auto; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.recognition_up_empty { padding: 26px 14px; text-align: center; font-size: 12px; color: #98a2ad; }

/* A searched date, marked whether or not it holds events.
   The legend's "hit" treatment is deliberately quiet because dozens of cells can match it at
   once. A search names ONE day, so it gets a real highlight — a full ring and a tinted ground —
   otherwise an empty matching day was just an underline nobody could find. */
.recognition_cal_cell_searched {
    background: #e8f4fd;
    box-shadow: inset 0 0 0 2px #0e9aef;
    z-index: 3;
}
.recognition_cal_cell_clickable.recognition_cal_cell_searched:hover {
    background: #e8f4fd;
    box-shadow: inset 0 0 0 2px #0e9aef;
}
.recognition_cal_cell_searched .recognition_cal_daynum {
    font-weight: 700;
    color: #0b5f88;
}
/* No underline bar here — the ring already carries it, and the bar was the whole marker before. */
.recognition_cal_cell_searched .recognition_cal_daynum::after { display: none; }

/* The day an Upcoming card points at. Warmer and stronger than the legend highlight. */
.recognition_cal_cell_focused { background: #fff8e8; box-shadow: inset 0 0 0 2px #e59500; z-index: 4; }
.recognition_cal_cell_focused .recognition_cal_daynum { font-weight: 700; color: #7a4f00; }

/* ── week scope ── */
.recognition_week_grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.recognition_week_col { border: 1px solid #dde4ec; margin: -1px 0 0 -1px; min-height: 220px; padding: 0 0 8px; position: relative; }
.recognition_week_col_today { border: 2px solid #0e9aef; background: #f2f9fe; }
.recognition_week_col_focused { box-shadow: inset 0 0 0 2px #e59500; background: #fff8e8; }
.recognition_week_col_blank { background: #fafbfc; }
.recognition_week_col_head { padding: 7px 8px; border-bottom: 1px solid #dde4ec; text-align: center; }
.recognition_week_dow { font-size: 10px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: #5b6773; }
.recognition_week_daynum { margin-top: 2px; font-size: 17px; font-weight: 700; color: #1c2b3a; font-variant-numeric: tabular-nums; }
.recognition_week_col_today .recognition_week_daynum { color: #0e9aef; }
.recognition_week_body { padding: 7px 6px 0; }
.recognition_week_empty { padding: 14px 6px; text-align: center; font-size: 10.5px; color: #c3cad1; }

/* ── year scope ── */
.recognition_year_grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.recognition_year_card {
    padding: 10px 11px 11px;
    border: 1px solid #e8ecf1;
    border-radius: 8px;
    background: #fff;
    text-align: left;
    cursor: pointer;
    transition: border-color .12s ease, box-shadow .12s ease;
}
.recognition_year_card:hover:not(:disabled) { border-color: #cfd8e1; box-shadow: 0 2px 8px rgba(28, 43, 58, .09); }
.recognition_year_card_current { border-color: #0e9aef; box-shadow: 0 0 0 1px #0e9aef; }
.recognition_year_card_empty { background: #fafbfc; cursor: default; }
.recognition_year_card_head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
.recognition_year_month { font-size: 12.5px; font-weight: 600; color: #1c2b3a; }
.recognition_year_count { font-size: 10.5px; font-weight: 700; color: #5b6773; font-variant-numeric: tabular-nums; }
.recognition_year_bars { display: flex; gap: 3px; margin-bottom: 7px; }
.recognition_year_bar { height: 4px; border-radius: 2px; flex: 1 1 auto; background: #eef1f4; }
.recognition_year_bar.is_birthday { background: #1289e0; }
.recognition_year_bar.is_milestone { background: #e59500; }
.recognition_year_bar.is_anniversary { background: #7b5cd6; }
.recognition_year_names { display: flex; flex-direction: column; gap: 3px; }
.recognition_year_name { display: flex; align-items: center; gap: 5px; font-size: 11px; color: #33414f; }
.recognition_year_name .recognition_cal_state_dot { margin-left: 0; }
.recognition_year_name span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recognition_year_more { font-size: 10px; color: #98a2ad; }
.recognition_year_none { font-size: 10.5px; color: #c3cad1; }

@media (max-width: 1180px) {
    .recognition_cal_layout { grid-template-columns: minmax(0, 1fr); }
    /* Stacked under the grid — no sibling to match, so it gets an explicit bound. */
    .recognition_upcoming_list { max-height: 300px; flex: 0 1 auto; }
    .recognition_year_grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .recognition_year_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .recognition_week_grid { grid-template-columns: 1fr; }
    .recognition_week_col { min-height: 0; }
}

/*//////// [260806 RECOGNITION] Search as a highlight, not a filter ////////*/

/* Reports what the search found, because the grid no longer empties as you type — without it,
   "no match" and "everything matched" look identical. */

/* Year cards answer the search too, so it reaches every scope rather than only the month grid. */
.recognition_year_name.is_dimmed { opacity: 0.32; }
.recognition_year_name.is_hit { font-weight: 600; color: #1c2b3a; }

/*//////// [260806 RECOGNITION] Calendar loading skeleton ////////*/

/* Shaped like the scope it stands in for, so the layout holds still while data arrives instead
   of collapsing to a spinner and snapping back. */
.recognition_skeleton_line,
.recognition_skeleton_chip {
    display: block;
    border-radius: 4px;
    background: linear-gradient(90deg, #eef1f4 25%, #f6f8fa 37%, #eef1f4 63%);
    background-size: 400% 100%;
    animation: recognition_shimmer 1.3s ease-in-out infinite;
}
.recognition_skeleton_line { height: 8px; width: 60%; margin-bottom: 6px; }
.recognition_skeleton_line.is_daynum { width: 16px; height: 10px; }
.recognition_skeleton_line.is_dow { width: 26px; height: 7px; margin: 0 auto 5px; }
.recognition_skeleton_line.is_title { width: 55%; height: 11px; margin-bottom: 8px; }
.recognition_skeleton_line.is_bar { width: 100%; height: 4px; margin-bottom: 9px; }
.recognition_skeleton_line.is_short { width: 40%; }
.recognition_skeleton_chip { height: 22px; width: 100%; margin-bottom: 3px; border-radius: 6px; }
.recognition_skeleton_year { padding: 10px 11px 11px; border: 1px solid #eef1f4; border-radius: 8px; background: #fff; }

@keyframes recognition_shimmer {
    0% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}
/* A shimmer that cannot be stopped is exactly what this setting exists to prevent. */
@media (prefers-reduced-motion: reduce) {
    .recognition_skeleton_line,
    .recognition_skeleton_chip { animation: none; background: #eef1f4; }
}

/*//////// [260806 RECOGNITION] Searched days ////////*/

/* A searched date is marked even when it holds nothing — "is anything on the 15th?" deserves an
   answer, and the answer is often no. */
.recognition_week_col_searched { box-shadow: inset 0 0 0 2px #0e9aef; background: #f2f9fe; }

/*//////// [260806 RECOGNITION] Selected states must survive hover ////////*/

/* A plain `:hover` rule (0,2,0) outranks a single state class (0,1,0), so hovering a focused or
   highlighted cell repainted it with the ordinary hover background and wiped the ring -- the
   marker vanished at exactly the moment the pointer was on it. These pair the state class with
   the hover so it wins on specificity, rather than reaching for !important. */
.recognition_cal_cell_clickable.recognition_cal_cell_focused:hover {
    background: #fff8e8;
    box-shadow: inset 0 0 0 2px #e59500;
}
.recognition_cal_cell_clickable.recognition_cal_cell_hit:hover {
    background: #fffdf3;
    box-shadow: inset 0 0 0 1px #cfe6f7;
}
.recognition_cal_cell_clickable.recognition_cal_cell_open:hover {
    background: #f2f9fe;
    box-shadow: inset 0 0 0 2px #0e9aef;
}

/* Same for the chips: the hover border and shadow were overwriting the accent ring. */
.recognition_cal_chip.recognition_cal_chip_focused:hover {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent), 0 4px 12px rgba(28, 43, 58, .18);
}
.recognition_cal_chip.recognition_cal_chip_hit:hover {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent), 0 2px 8px rgba(28, 43, 58, .14);
}

/* And the Upcoming card that did the selecting stays obviously selected under the pointer. */
.recognition_up_card.active:hover {
    border-color: var(--accent);
    background: #fbfdff;
    box-shadow: 0 0 0 1px var(--accent), 0 2px 8px rgba(28, 43, 58, .09);
}

/* Week column equivalents. */
.recognition_week_col_focused,
.recognition_week_col_focused:hover { box-shadow: inset 0 0 0 2px #e59500; background: #fff8e8; }

/*//////// [260806 RECOGNITION] Widget icons, matched to the tab ////////*/
.recognition_widget_icon { display: inline-flex; align-items: center; }
.recognition_widget_icon.is_birthday { color: #1289e0; }
.recognition_widget_icon.is_milestone { color: #e59500; }
.recognition_widget_icon.is_anniversary { color: #7b5cd6; }
.recognition_widget_empty_icon { display: flex; justify-content: center; color: #c3cad1; }

/*//////// [260807 RECOGNITION] Popover event type + disabled presets ////////*/


/* No `margin-left: auto` any more — it now sits next to the date rather than being pushed to
   the far edge of the row. */
.recognition_popover_kind {
    flex-shrink: 0;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 10.5px;
    font-weight: 600;
    white-space: nowrap;
}
.recognition_popover_kind.is_birthday { background: #d4eafd; color: #0a4f7a; }
.recognition_popover_kind.is_milestone { background: #ffecbe; color: #7a4f00; }
.recognition_popover_kind.is_anniversary { background: #e7e3fa; color: #402a80; }


/* January's "Last month" and December's "Next month" leave the year — shown, but inert. */
.recognition_month_preset:disabled {
    opacity: 0.38;
    cursor: not-allowed;
    background: none;
}

/*//////// [260807 RECOGNITION] Popover rows — one content column ////////*/

/* Avatar in its own column, everything else in a second one. Before this the name, type, team
   and status were each a full-width line, so the team wrapped under the avatar and nothing
   shared a left edge — which is what made the card read as unformatted. */
.recognition_pop_row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 13px 12px;
    border-left: 3px solid transparent;
}
.recognition_pop_row + .recognition_pop_row { border-top: 1px solid #eef1f5; }
.recognition_pop_row.is_birthday { border-left-color: #1289e0; }
.recognition_pop_row.is_milestone { border-left-color: #e59500; background: #fffcf5; }
.recognition_pop_row.is_anniversary { border-left-color: #7b5cd6; }

.recognition_pop_body { flex: 1 1 auto; min-width: 0; }
.recognition_pop_name {
    font-size: 13px;
    font-weight: 600;
    color: #1c2b3a;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recognition_pop_kindline { display: flex; align-items: center; gap: 8px; margin-top: 4px; flex-wrap: wrap; }
.recognition_pop_team {
    margin-top: 4px;
    font-size: 11px;
    color: #7c8894;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recognition_pop_note { margin-top: 4px; font-size: 10.5px; font-style: italic; color: #8a94a0; }

/* Status as a tinted strip rather than loose text: a posted event and a pending one are told
   apart before either is read. */
.recognition_pop_status {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-top: 8px;
    padding: 6px 9px;
    border-radius: 5px;
    background: #f4f6f8;
}
.recognition_pop_status_label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 600;
    color: #5b6773;
}
.recognition_pop_status_label i { font-size: 10.5px; }
.recognition_pop_status_detail { font-size: 10.5px; line-height: 1.45; color: #7c8894; }

.recognition_pop_status.is_posted { background: #e9f7ee; }
.recognition_pop_status.is_posted .recognition_pop_status_label { color: #12703a; }
.recognition_pop_status.is_posted .recognition_pop_status_detail { color: #3f7a58; }

.recognition_pop_status.is_scheduled { background: #e8f4fd; }
.recognition_pop_status.is_scheduled .recognition_pop_status_label { color: #0b5f88; }
.recognition_pop_status.is_scheduled .recognition_pop_status_detail { color: #4a7c99; }

.recognition_pop_status.is_missed { background: #fdeeec; }
.recognition_pop_status.is_missed .recognition_pop_status_label { color: #a0463a; }
.recognition_pop_status.is_missed .recognition_pop_status_detail { color: #a56c63; }

/* Header: the date leads, the close button stays out of its way. */
.recognition_pop_date { font-size: 12.5px; font-weight: 650; color: #1c2b3a; }
.recognition_cal_popover_head { padding: 10px 12px; }

/*//////// [260807 RECOGNITION] Popover: destination on the status line ////////*/

.recognition_pop_status_label { align-items: flex-start; }
.recognition_pop_status_label i { margin-top: 2px; }
/* Where it goes, in the same weight as the status but softer, so "Will be posted to" reads as
   one phrase and the chat names do not compete with it. */
.recognition_pop_status_where { font-weight: 500; opacity: 0.85; }
.recognition_pop_status_detail { margin-top: 2px; padding-left: 17px; }

.recognition_pop_team_label {
    display: inline-block;
    margin-right: 6px;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #a6b0ba;
}

/* ============================================================================
   [260807 T010] Recognition — quick filters, milestone counts, employee code,
   and the List view's own period control.

   Appended at the end of the file, after every conflicting declaration, which is
   why none of this needs `!important`.
   ============================================================================ */

/* Quick filters — the pill shape Team Daily Report uses for Early Goer, in the
   Recognition palette rather than that tab's amber, so the two do not read as the
   same control filtering the same data. */
.recognition_quick_filters { display: inline-flex; align-items: center; gap: 6px; }
.recognition_qf {
    display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
    border: 1px solid #d7e0ea; background: #fff; color: #4a5566;
    border-radius: 20px; padding: 4px 11px; font-size: 12px; line-height: 1.5;
    cursor: pointer; transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.recognition_qf:hover { background: #f2f7fd; border-color: #b9cde2; color: #23405f; }
.recognition_qf .recognition_icon,
.recognition_qf svg { flex: 0 0 auto; }
/* The glyph is the thing you spot before the word, so it is not allowed to fade with the label. */
.recognition_qf svg { opacity: .92; }
.recognition_qf.on svg { opacity: 1; }
.recognition_qf.on { background: #2476ff; border-color: #2476ff; color: #fff; }
.recognition_qf.on:hover { background: #1668ee; border-color: #1668ee; color: #fff; }

/* Service milestones — a sentence, then the ladder.

   The header used to be three loose fragments (title / period pill / total pill) sitting beside
   one another with nothing stating how they related. They are one statement, so they are written
   as one sentence, and the chips sit under it as its answer. */
/* ONE row: the sentence and the steps sit side by side rather than stacked.

   Stacked, this strip cost ~78px before the first name appeared, which pushed the list far enough
   down that the page opened on a header and a gap. Side by side it costs ~42px. The container
   wraps, so on a narrow window the steps drop to a second line rather than squeezing. */
.recognition_ladder {
    display: flex; align-items: center; flex-wrap: wrap; gap: 6px 16px;
    background: #fff; border: 1px solid #e6ecf3; border-radius: 10px;
    padding: 8px 14px; margin: 0 0 10px;
}
.recognition_ladder_head {
    display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px;
}
/* Leads with the count. The "SERVICE MILESTONES" label above it was a third thing to read before
   reaching the number that matters, and the sentence already names what it is counting. */
.recognition_ladder_sentence { font-size: 13px; color: #46536b; line-height: 1.4; white-space: nowrap; }
.recognition_ladder_sentence b { color: #14233a; font-weight: 700; }
/* Kept, quietly: the steps NEST and therefore do not sum, and the plus signs alone do not say so.
   Recessive enough not to compete with the count, present enough to be read. */
.recognition_ladder_reach { color: #98a1ae; }
/* Reuses the filter bar's clear control outright — one page, one way to say "undo this". */
.recognition_ladder_clear { margin-left: 2px; }

.recognition_ladder_row { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.recognition_ladder_chip {
    display: inline-flex; align-items: baseline; gap: 5px; white-space: nowrap;
    border: 1px solid #cfe0f5; background: #f1f7fe; border-radius: 20px;
    padding: 3px 11px; cursor: pointer;
    transition: background .12s ease, border-color .12s ease, opacity .12s ease;
}
.recognition_ladder_chip:hover { background: #e2eefc; border-color: #a9c8ec; }
.recognition_ladder_step { font-size: 12px; color: #4a5d75; font-variant-numeric: tabular-nums; }
.recognition_ladder_dot { color: #a9bdd4; }
/* Tabular figures so the counts stay aligned as the eye runs along the row; a proportional 1
   would sit narrow and make the steps look uneven. */
.recognition_ladder_count { font-size: 13.5px; font-weight: 700; color: #14375f; font-variant-numeric: tabular-nums; }

/* Selected stays saturated while the others recede — emphasis, not a repaint. */
.recognition_ladder_chip.is_active { background: #2476ff; border-color: #2476ff; }
.recognition_ladder_chip.is_active .recognition_ladder_step,
.recognition_ladder_chip.is_active .recognition_ladder_dot { color: rgba(255,255,255,.85); }
.recognition_ladder_chip.is_active .recognition_ladder_count { color: #fff; }
.recognition_ladder_chip.is_active:hover { background: #1668ee; border-color: #1668ee; }
.recognition_ladder_chip.is_dimmed { opacity: .45; }
.recognition_ladder_chip.is_dimmed:hover { opacity: .8; }

@media (max-width: 1200px) {
    .recognition_ladder { gap: 5px 10px; padding: 7px 11px; }
    .recognition_ladder_chip { padding: 3px 9px; }
    /* Below this width the sentence is allowed to wrap rather than force a horizontal scroll. */
    .recognition_ladder_sentence { white-space: normal; }
}

/* Employee code. Tabular figures so codes line up down the column and a scan for a
   number does not have to fight proportional digit widths. */
.recognition_emp_code {
    font-size: 12px; color: #4a5566; font-variant-numeric: tabular-nums;
    letter-spacing: .2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.recognition_emp_code_none { font-size: 12px; color: #b3bac4; cursor: default; }
.recognition_pop_code, .recognition_tip_code {
    margin-left: 6px; font-size: 11px; font-variant-numeric: tabular-nums;
    border-radius: 4px; padding: 1px 5px;
}
.recognition_pop_code { background: #eef2f7; color: #67707e; }
.recognition_tip_code { background: rgba(255, 255, 255, 0.14); color: #d7dde6; }


/* [260807 T010] The month ARROWS while a whole year is on screen: they drive nothing, so they
   read as disabled and say why on hover. The label between them is deliberately NOT muted -- it
   opens the picker, which is the only way back to a single month. */
.recognition_month_nav .recognition_step_disabled { cursor: default; }

/* "This year" sits under the month presets, separated by a rule: it selects a whole year rather
   than a month, so it is the same kind of question with a different answer. */
.recognition_month_preset_sep { height: 1px; background: #e8edf3; margin: 5px 8px; }

/* [260807 T010] Tooltips that carry more than one fact put each on its own line. Run together in
   a sentence they read as a paragraph, and the clause people actually wanted ends up buried at
   the end of it. */
.recognition_tip_lines { display: flex; flex-direction: column; gap: 3px; max-width: 260px; }
.recognition_tip_line_main { font-size: 12.5px; color: #fff; line-height: 1.4; }
.recognition_tip_line_sub { font-size: 11.5px; color: #c7cedb; line-height: 1.4; }

/* ===========================================================================
   [260810 TEST ACCOUNTS] All styles for the test-account feature.
   NOTE: these live here, not in email-sar.scss. That file is NOT imported
   anywhere -- index.js loads variable.scss + this file -- so anything added
   there has no effect at runtime, however plausible the selectors look.
   ========================================================================== */
/* [260810 TEST ACCOUNTS] Standing marker shown in the header for as long as Test Mode is on.
   Sits immediately before the video (clips recorder) icon. Deliberately loud rather than a muted
   grey chip -- its whole job is to be noticed on a page full of numbers, because the setting
   persists indefinitely and every total on screen is inflated while it is showing. */
.test_mode_btn {
    margin-right: 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 10px 0 8px;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffc046 0%, #ffb020 100%);
    border: 1px solid #e09a12;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    color: #241c00;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: default;
    user-select: none;
}
/* The dot is what makes the chip read as "currently running" rather than as a button. It pulses
   slowly -- fast enough to catch the eye once, slow enough not to nag on a screen someone keeps
   open all day. prefers-reduced-motion holds it steady rather than removing it, because the dot
   still carries meaning when it is not moving. */
.test_mode_btn_dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #7a4b00;
    flex: 0 0 auto;
    animation: test_mode_pulse 2s ease-in-out infinite;
}
.test_mode_btn_text {
    line-height: 1;
}
@keyframes test_mode_pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.25; }
}
@media (prefers-reduced-motion: reduce) {
    .test_mode_btn_dot { animation: none; }
}

/* [260810 TEST ACCOUNTS] "TEST USER" tag shown beside a member's name wherever a test account is
   rendered -- lists, tables, widgets, dropdowns, filter panels.

   Muted on purpose, unlike the header chip. The header chip warns about the whole screen and
   should be noticed; this one labels a single row and will appear dozens of times at once, so a
   loud version would turn a member list into a wall of orange. Grey with a border reads as
   metadata, which is what it is.

   Sized to sit inside a table row without changing the row height: 16px tall, 9px text. */
.test_account_badge {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 0 6px;
    height: 16px;
    border-radius: 8px;
    background: #f0f1f3;
    border: 1px solid #d7dae0;
    color: #6b6f76;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    flex: 0 0 auto;
    vertical-align: middle;
    cursor: default;
    user-select: none;
}
/* Leading variant -- badge BEFORE the name. Used in dropdowns and filter lists, where names are
   truncated with an ellipsis: a trailing badge is the first thing to get cut off, which is exactly
   the wrong thing to lose. */
.test_account_badge.test_account_badge_lead {
    margin-left: 0;
    margin-right: 6px;
}
/* Tighter still, for dense dropdown rows. */
.test_account_badge.test_account_badge_sm {
    height: 14px;
    padding: 0 4px;
    font-size: 8px;
}
.dark_mode_active .test_account_badge {
    background: #2f3339;
    border-color: #454a52;
    color: #a6acb5;
}

/* [260813 TEST ACCOUNTS] Provenance card on the TEST USER tag -- who last changed this account's
   type and when. Deliberately a tooltip and not a table column: the answer is wanted rarely but
   urgently (usually while asking "why is this person missing from my report?"), so it earns
   nothing by occupying width on every row of every list. */
.test_account_tooltip {
    max-width: 300px;
    z-index: 99999 !important;
    line-height: 1.5;
    text-align: left;
    padding: 9px 11px !important;
    border-radius: 6px !important;
}
.test_account_tooltip .test_account_tooltip_inner {
    display: block;
    font-size: 11px;
    font-weight: 400;
    white-space: normal;
    /* The global `word-break: break-all` splits names mid-character. */
    word-break: normal;
    overflow-wrap: anywhere;
}
.test_account_tooltip .test_account_tooltip_note {
    font-style: italic;
    opacity: 0.85;
}
/* The consequence line, quieter than the facts above it. */
.test_account_tooltip .test_account_tooltip_effect {
    display: inline-block;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 10px;
    opacity: 0.8;
}
/* [260813 TEST ACCOUNTS] "Was a test account until ..." hint on Manage Users, shown beside a Real
   user whose LAST event was an unmark. Muted -- it is history, not current state. */
.test_account_prev_hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-left: 6px;
    border-radius: 50%;
    background: #eceef1;
    border: 1px solid #d7dae0;
    color: #82878f;
    font-size: 9px;
    font-weight: 700;
    font-style: normal;
    cursor: default;
    flex: 0 0 auto;
    user-select: none;
}
.dark_mode_active .test_account_prev_hint {
    background: #2f3339;
    border-color: #454a52;
    color: #a6acb5;
}

/* [260810 TEST ACCOUNTS] Test Mode confirmation modal.
   `.delete_time_info_state h3` sets `word-break: break-all` globally, which splits words
   mid-character once the copy is longer than one line. These scoped rules undo that for this
   modal and give the body text room to breathe. */
.test_account_modal .delete_time_info_state h3 {
    word-break: normal;
    overflow-wrap: anywhere;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}
.test_account_modal .delete_time_info_state p {
    word-break: normal;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.5;
    color: #4b5058;
    margin: 0 0 10px;
}
/* The one line that must not be skimmed past. */
.test_account_modal .delete_time_info_state p.test_mode_modal_warning {
    font-weight: 700;
    color: #ce484d;
}
/* Reassurance, deliberately quieter than the warning above it. */
.test_account_modal .delete_time_info_state p.test_mode_modal_note {
    font-size: 12px;
    color: #82878f;
    margin-bottom: 0;
}
.dark_mode_active .test_account_modal .delete_time_info_state p {
    color: #c2c7ce;
}
/* [260818 TEAM OWNER PROTECTION] The policy explanation in the "cannot be marked / cannot be
   deactivated" alert. It sits OUTSIDE .delete_time_info_state (which centres its children), so it
   needs its own type rules rather than inheriting the ones above. */
.test_account_modal .modal_body p.test_account_policy_reason {
    word-break: normal;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.5;
    color: #4b5058;
    margin: 10px 0 0;
    text-align: center;
}
.test_account_modal .modal_body p.test_account_policy_reason:last-child {
    font-size: 12px;
    color: #82878f;
}
.dark_mode_active .test_account_modal .modal_body p.test_account_policy_reason {
    color: #c2c7ce;
}
.dark_mode_active .test_account_modal .modal_body p.test_account_policy_reason:last-child {
    color: #9aa0a8;
}
.dark_mode_active .test_account_modal .delete_time_info_state p.test_mode_modal_note {
    color: #8d939b;
}

/* ==========================================================================
   [260810 TEST ACCOUNTS] Manage Users / Org-members table — column widths
   --------------------------------------------------------------------------
   Widths are PERCENTAGES summing to exactly 100%, so the columns span the full
   width of the page at any viewport size instead of bunching into a fixed
   ~1410px on the left.

   Header and body are sized by two separate selector families that had drifted
   apart. Both get the same value per column here, so a heading and its data can
   no longer disagree. Adding a column means editing one pair of numbers.

   Two things had to be true before percentages were safe:

     1. Both rows must have the SAME number of columns. The body's 9th cell (the
        row overflow menu) had no header counterpart, so the header distributed
        60px more slack than the body and every label sat right of its data. An
        empty 9th header cell now exists in the JSX.
     2. Both rows must have the SAME available width. The body scrolls, so its
        scrollbar made it narrower than the header. `scrollbar-gutter: stable`
        plus a matching header padding-right reserve the same space in both —
        see the end of this block.

   Column order: 1 Name  2 Team  3 Organization Info  4 Email  5 Last Login
                 6 Role  7 Account type  8 Status  9 overflow (no label)
   ========================================================================== */

/* 1 Name */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc:nth-child(1),
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(1) {
    flex: 0 0 21% !important;
    width: 21% !important;
    min-width: 240px !important;
    max-width: 21% !important;
}
/* 2 Team */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc:nth-child(2),
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(2) {
    flex: 0 0 10% !important;
    width: 10% !important;
    min-width: 110px !important;
    max-width: 10% !important;
}
/* 3 Organization Info */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc:nth-child(3),
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(3) {
    flex: 0 0 11% !important;
    width: 11% !important;
    min-width: 120px !important;
    max-width: 11% !important;
}
/* 4 Email */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc:nth-child(4),
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(4) {
    flex: 0 0 18% !important;
    width: 18% !important;
    min-width: 200px !important;
    max-width: 18% !important;
}
/* 5 Last Login */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc:nth-child(5),
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(5) {
    flex: 0 0 8% !important;
    width: 8% !important;
    min-width: 90px !important;
    max-width: 8% !important;
}
/* 6 Role */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc:nth-child(6),
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(6) {
    flex: 0 0 9% !important;
    width: 9% !important;
    min-width: 100px !important;
    max-width: 9% !important;
}
/* 7 Account type */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc:nth-child(7),
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(7) {
    flex: 0 0 11% !important;
    width: 11% !important;
    min-width: 120px !important;
    max-width: 11% !important;
}
/* 8 Status */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc:nth-child(8),
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(8) {
    flex: 0 0 10% !important;
    width: 10% !important;
    min-width: 110px !important;
    max-width: 10% !important;
}
/* 9 Row overflow menu */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc:nth-child(9),
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(9) {
    flex: 0 0 2% !important;
    width: 2% !important;
    min-width: 50px !important;
    max-width: 2% !important;
}

/* Shared box model, so a percentage means the same thing in both rows. */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column.task_header_main_div.task_project_header_ctrl.common_column_bc,
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc {
    display: flex !important;
    align-items: center;
    box-sizing: border-box !important;
    padding-right: 12px;
}

/* Reserve the scrollbar in the body ALWAYS (not just when it overflows) and the
   same amount in the header, so the two rows measure their percentages against
   an identical width. Without this the body is ~15px narrower and every column
   drifts a little further left than its heading. */
.rc_manage_users_details_table .user_date_column_outer_wrap {
    scrollbar-gutter: stable;
}
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner {
    padding-right: 15px;
    box-sizing: border-box;
}

/* Truncate rather than wrap — a wrapped cell changes row height and pushes the
   row out of step with the header. */
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(2) .data_item,
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(3) span,
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl.common_column_bc:nth-child(4) .data_item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
}

/* Both in-row dropdowns keep their label on one line. */
.rc_manage_users_details_table li.table_header_element_ctrl .quick_action_ctrl {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

/* --------------------------------------------------------------------------
   [260810 TEST ACCOUNTS] Manage Users — everything left-aligned, header and body.

   Two rules pulled in opposite directions, so a heading sat centred in its column
   while its data sat hard left:

     .sorting_button                    { width: 100%; text-align: center; }
     ... .list_data_column_ctrl .data_item { text-align: left; }

   Setting justify-content on the CELL alone does not fix the heading: the label
   span is width:100%, so it centres its own text inside whatever box it is given.
   The span has to be shrunk to its content first.

   Everything below is one rule: label and value share the same left edge, in every
   column, header and body alike.
   -------------------------------------------------------------------------- */

/* --- HEADER ------------------------------------------------------------- */

/* The cell: pack label + sort arrow against the left edge. */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* The label: stop it spanning the column and centring itself. */
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column .sorting_button,
.desktop_app_log_table.rc_manage_users_details_table .data_table_header_wrap .data_table_header_inner > .tv_header_column > span {
    width: auto !important;
    max-width: none !important;
    text-align: left !important;
    flex: 0 1 auto !important;
}

/* --- BODY ---------------------------------------------------------------- */

/* The cell. `justify-content: unset` and a competing `center` both apply here,
   hence the explicit value. */
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* Every wrapper a value can be rendered into: a bare .data_item, a bare span, or
   a .dropdown wrapping one (Role, Account type, Status all use the last form).
   Listed explicitly rather than with `> *` so the dropdown MENUS, which position
   themselves, are left alone. */
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl > .data_item,
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl > span,
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl > .dropdown,
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl > .dropdown > .data_item,
.rc_manage_users_details_table .user_date_column_outer_wrap li.table_header_element_ctrl > .user_data_culumn_list_full_wrap > .list_data_column_ctrl > .dropdown > .quick_action_ctrl {
    text-align: left !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
}

/* [260819 SA-RANGE-CAL] Selection highlight for the day-or-range calendar on the Screenshots &
   Activity Overview tab (Projects, My Applications).

   THE BUG. react-datepicker 4.25 in `selectsRange` mode never emits `--selected` -- verified by
   rendering the real component and reading the DOM. A committed range gives `--range-start` /
   `--in-range` / `--range-end`; a single day gives all three on one cell; a half-picked range gives
   `--in-selecting-range` + `--selecting-range-start`. The app sheet styled only `--selected`, so on
   the range picker NOTHING was highlighted and the user could not confirm from the calendar which
   period the widget was showing.

   Three existing rules also fight whatever highlight is left, so each is answered below:
     - `.react-datepicker__day.react-datepicker__day--keyboard-selected` (:105785) is UNSCOPED and
       paints `background:0 0;color:#000`. In range mode that class lands on the range START -- the
       one cell that most needs to look chosen.
     - `.custom_datepicker .react-datepicker__day--today` (:100049) is `!important`, so a range
       containing today broke in the middle: today rendered as a today-pill, not as in-range.
     - `.custom_datepicker .react-datepicker__day:hover` (:100003) is (0,3,0) with its pseudo-class
       and beats a plain single-class rule, so hovering a selected day washed it grey.

   SPECIFICITY. The ends carry `--in-range` too, and after the popup opens the start also carries
   `--keyboard-selected`. Every end selector therefore spells out those companion classes so it
   outranks the in-range fill; get this wrong and the start renders brand-blue text on a brand-blue
   fill. The order below is deliberate: fills first, ends last, ends always more specific.

   Scoped to a `popperClassName` rather than widening `.custom_datepicker`, following the
   [260729 DOB-DOJ] block above: `.custom_datepicker` is shared by 14 single-date consumers
   (Roll Call, Timecard, the Screenshots tab, the timer edit popups) and none of them should move.
   The single-date picker already renders correctly -- it gets `--selected`, which is styled -- so
   it is deliberately left alone.

   Colours use the legacy `rgba()` form rather than `rgb(r g b / a%)`: both work in every browser
   this app targets and the sheet already mixes them, but the legacy form also survives tooling
   that predates CSS Color 4. */

/* -- 1. Fills: the days between the ends, and the mid-drag preview. ------------------------- */

/* Every day inside a committed range. The `--today` and `:hover` pairings are spelled out so a
   range containing today stays continuous, and so hovering inside it does not wash grey. */
.sa_range_datepicker_popper .react-datepicker__day--in-range,
.sa_range_datepicker_popper .react-datepicker__day--in-range:hover,
.sa_range_datepicker_popper .react-datepicker__day--in-range.react-datepicker__day--today,
.sa_range_datepicker_popper .react-datepicker__day--in-range.react-datepicker__day--today:hover {
    background: rgba(14, 154, 239, 0.1) !important;
    color: #0e9aef !important;
    font-weight: 600;
}

/* Mid-selection: one end picked, the second not yet. A lighter wash than a committed range so it
   reads as provisional -- the label says the same thing at the same moment ("4 Aug - ..."). */
.sa_range_datepicker_popper .react-datepicker__day--in-selecting-range,
.sa_range_datepicker_popper .react-datepicker__day--in-selecting-range:hover,
.sa_range_datepicker_popper .react-datepicker__day--in-selecting-range.react-datepicker__day--today,
.sa_range_datepicker_popper .react-datepicker__day--in-selecting-range.react-datepicker__day--today:hover {
    background: rgba(14, 154, 239, 0.08) !important;
    color: #0e9aef !important;
}

/* -- 2. Ends: solid brand blue, and always more specific than the fills above. -------------- */

.sa_range_datepicker_popper .react-datepicker__day--range-start,
.sa_range_datepicker_popper .react-datepicker__day--range-end,
.sa_range_datepicker_popper .react-datepicker__day--selecting-range-start,
.sa_range_datepicker_popper .react-datepicker__day--range-start.react-datepicker__day--in-range,
.sa_range_datepicker_popper .react-datepicker__day--range-end.react-datepicker__day--in-range,
.sa_range_datepicker_popper .react-datepicker__day--selecting-range-start.react-datepicker__day--in-selecting-range,
.sa_range_datepicker_popper .react-datepicker__day--range-start.react-datepicker__day--in-range:hover,
.sa_range_datepicker_popper .react-datepicker__day--range-end.react-datepicker__day--in-range:hover,
.sa_range_datepicker_popper .react-datepicker__day--selecting-range-start.react-datepicker__day--in-selecting-range:hover,
.sa_range_datepicker_popper .react-datepicker__day--range-start.react-datepicker__day--in-range.react-datepicker__day--today,
.sa_range_datepicker_popper .react-datepicker__day--range-end.react-datepicker__day--in-range.react-datepicker__day--today,
.sa_range_datepicker_popper .react-datepicker__day--range-start.react-datepicker__day--in-range.react-datepicker__day--keyboard-selected,
.sa_range_datepicker_popper .react-datepicker__day--range-end.react-datepicker__day--in-range.react-datepicker__day--keyboard-selected,
.sa_range_datepicker_popper .react-datepicker__day--selecting-range-start.react-datepicker__day--in-selecting-range.react-datepicker__day--keyboard-selected,
.sa_range_datepicker_popper .react-datepicker__day--range-start.react-datepicker__day--in-range.react-datepicker__day--keyboard-selected:hover,
.sa_range_datepicker_popper .react-datepicker__day--range-end.react-datepicker__day--in-range.react-datepicker__day--keyboard-selected:hover {
    background: #0e9aef !important;
    background-color: #0e9aef !important;
    color: #fff !important;
    font-weight: 600;
    opacity: 1 !important;
}

/* -- 3. Everything that must NOT look selected. --------------------------------------------- */

/* `--keyboard-selected` with no selection of its own. The unscoped rule at :105785 already blanks
   it; this keeps that true inside the popper and stops the grey hover implying otherwise. */
.sa_range_datepicker_popper .react-datepicker__day--keyboard-selected:not(.react-datepicker__day--in-range):not(.react-datepicker__day--in-selecting-range) {
    background: transparent !important;
    color: #1a191e !important;
}

/* Plain days: a soft tint on hover instead of the grey that washed out a selection. */
.sa_range_datepicker_popper .react-datepicker__day:not(.react-datepicker__day--in-range):not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__day--disabled):hover {
    background: #eef4ff !important;
    color: #1a191e !important;
}

/* Today when it falls outside the selection: marked, but clearly not chosen. */
.sa_range_datepicker_popper .react-datepicker__day--today:not(.react-datepicker__day--in-range):not(.react-datepicker__day--in-selecting-range) {
    background: transparent !important;
    color: #0e9aef !important;
    font-weight: 700;
    box-shadow: inset 0 -2px 0 0 #0e9aef;
}

/* Future days. `maxDate` disables them, but react-datepicker's own stylesheet is imported by
   feature components on other routes and is not guaranteed to be in this chunk, so the disabled
   look is stated here rather than inherited. */
.sa_range_datepicker_popper .react-datepicker__day--disabled,
.sa_range_datepicker_popper .react-datepicker__day--disabled:hover {
    background: transparent !important;
    color: #c7ccd4 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}


/*# sourceMappingURL=main.3e9e9e46.css.map*/