.progress_wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 60px;
}
.progress_wrap .progress_wrapper {
  flex: 1;
  height: 5px;
  border: 1px solid var(--border);
  border-radius: 3px;
  position: relative;
  min-width: 48px;
}
.progress_wrap .progress_wrapper .increment {
  position: absolute;
  top: 0;
  border-radius: 3px;
  left: 0;
  height: calc(100% + 2px);
  margin: -1px;
  background: var(--primary);
}

.vibe_projects_form {
  display: flex;
  flex-direction: column;
}
.vibe_projects_form .vibe_projects_field_section {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
}
.vibe_projects_form .vibe_projects_field_section .vibe_projects_field {
  display: flex;
  margin-bottom: 1rem;
  flex-direction: column;
}
.vibe_projects_form .vibe_projects_field_section .vibe_projects_field label {
  font-weight: 400;
  opacity: 0.6;
}
.vibe_projects_form .vibe_projects_field_section .vibe_projects_field input {
  border: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
.vibe_projects_form .vibe_projects_field_section .vibe_projects_field input:focus {
  outline: none;
  border-color: var(--primary);
}
.vibe_projects_form .vibe_projects_field_section .vibe_projects_field textarea {
  border: 1px solid var(--border);
  min-height: 240px;
}
.vibe_projects_form .vibe_projects_field_section .vibe_projects_field.row_level {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.vibe_projects_form .vibe_projects_field_section .vibe_projects_field.row_level .vibe_projects_one_half {
  display: flex;
  flex-direction: column;
}
.vibe_projects_form .vibe_projects_field_section .vibe_projects_field.row_level .vibe_projects_one_half .vibe_projects_one_half_subwrapper {
  display: flex;
  flex-direction: column;
}

.uploader {
  min-width: 320px;
  height: 100%;
  position: relative;
}
.uploader .uploaded_src {
  width: 100%;
  height: 100%;
  max-width: 480px;
}
.uploader .uploaded_src .uploaded_image {
  width: 100%;
  height: 100%;
  min-height: 320px;
  background-repeat: no-repeat;
}
.uploader .uploaded_src .uploaded_image + span {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
.uploader .uploaded_src .uploaded_image + span .dashicon {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.6rem;
}
.uploader input[type=file] {
  display: none;
}

.croppr-container * {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.croppr-container img {
  vertical-align: middle;
  max-width: 100%;
}

.croppr {
  position: relative;
  display: inline-block;
}

.croppr-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: crosshair;
}

.croppr-region {
  border: 1px dashed rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 3;
  cursor: move;
  top: 0;
}

.croppr-imageClipped {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.croppr-handle {
  border: 1px solid black;
  background-color: white;
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 4;
  top: 0;
}

.vbp_message {
  grid-column: 1/-1;
}

/* Curriculum styles ends*/
.element_overlay.overlay .right, .element_overlay.overlay .switch {
  float: none;
}

.list-group-item-new-react {
  border: 1px solid var(--border);
  padding: 15px;
}

.list-group-item-new-react {
  border-top: none;
  border-radius: 0;
}

.list-group-item-new-react:first-child {
  border-top: 1px solid var(--border);
  border-radius: 3px;
}

.list-group-item-new-react:last-child {
  border-radius: 3px;
}

.time_field {
  position: relative;
}
.time_field ul.time_options {
  height: 300px;
  overflow-Y: auto;
  width: 200px;
  position: absolute;
  top: 100%;
  z-index: 9999999;
  background: var(--highlight);
}
.time_field ul.time_options li {
  border: 1px solid var(--border);
  padding: 0.5rem !important;
}

#content {
  z-index: 999 !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--border);
  transition: 0.4s;
  border-radius: 34px;
  height: 30px;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: var(--white);
  transition: 0.4s;
}
.switch input:checked + .slider {
  background-color: var(--primary);
}
.switch input:checked + .slider:before {
  transform: translateX(30px);
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px var(--primary);
}

.change_data_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--border);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.change_data_wrapper .change_data_content {
  position: relative;
  width: 50%;
  background: var(--highlight);
  padding: 1.5rem;
  border-radius: 4px;
  box-shadow: 1px 2px 50px var(--shadow);
}
.change_data_wrapper .change_data_content .heading_area {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.change_data_wrapper .change_data_content .heading_area h3 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.change_data_wrapper .change_data_content .upload_csv_area input[type=file] {
  display: none;
}
.change_data_wrapper .change_data_content .upload_csv_area label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  border: 5px dashed var(--border);
}
.change_data_wrapper .change_data_content .upload_csv_actions {
  display: flex;
  justify-content: space-between;
}
.change_data_wrapper .change_data_content .popup-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.change_data_wrapper .change_data_content span.vicon.vicon-close.close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
}
.change_data_wrapper .change_data_content h3 {
  margin: 1rem 0;
}
.change_data_wrapper .change_data_content .checkbox {
  margin: 0.5rem 0 2rem 0;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--primary);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
.field_wrapper .media_wrapper {
  position: relative;
}
.field_wrapper > span > label {
  display: block;
}
.field_wrapper label .tip_trigger {
  margin-left: 10px;
}
.field_wrapper .media_file {
  background: var(--background);
  border-radius: 5px;
  line-height: 0;
  max-height: 220px;
  overflow: hidden;
}
.field_wrapper .media_file span.vicon.vicon-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  color: var(--danger);
  z-index: 999;
}
.field_wrapper .featured_video {
  margin: 1rem 2px 0;
  border-radius: 2px;
  padding: 5px 10px;
  border: 1px solid var(--border);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.field_wrapper .featured_video .featured_video_options > * {
  padding: 5px;
}
.field_wrapper .field_featured_audio {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--border);
  border-radius: 30px;
  padding: 10px 20px;
  align-items: center;
}

.course_duration_stick_left {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  grid-gap: 1.5rem;
}
.course_duration_stick_left .field_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: var(--highlight);
  border-radius: 0;
  padding: 0.5rem 1rem;
  justify-content: space-between;
  border: 1px solid var(--border);
}
.course_duration_stick_left .field_wrapper .tip_trigger {
  margin-left: 10px;
}
.course_duration_stick_left .field_wrapper:not(.field_next_button, .field_prev_button) > span {
  flex: 1 0 160px;
}
.course_duration_stick_left .field_wrapper > .field_value {
  flex: 1 0 160px;
  display: flex;
  justify-content: flex-end;
}
.course_duration_stick_left .field_wrapper > .field_value div:not(.switch), .course_duration_stick_left .field_wrapper > .field_value input {
  width: 100%;
}
.course_duration_stick_left .field_wrapper > .field_value .date {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  border: 1px solid var(--border);
  background: Var(--highlight);
  padding: 0 5px;
  border-radius: 5px;
}
.course_duration_stick_left .field_wrapper > .field_value .date input {
  background: none;
  border: none;
}
.course_duration_stick_left .field_wrapper > .field_value .date .vicon {
  margin: 0 0.5rem;
  cursor: pointer;
  user-select: none;
}
.course_duration_stick_left .field_wrapper strong {
  display: none;
}
.course_duration_stick_left .duration_field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.course_duration_stick_left .duration_field input {
  height: 35px;
  border-right: 0;
}
.course_duration_stick_left .duration_field .vicon {
  padding: 5px;
}
.course_duration_stick_left .duration_field select {
  width: 80px;
}

.taxonomy_field {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.taxonomy_field .selected_term_list_wrapper {
  flex: 1;
}
.taxonomy_field .selected_term_list {
  display: flex;
  flex-direction: row;
}
.taxonomy_field .selected_term_list .term_select:hover:after {
  content: "\e646";
  font-family: "vicon";
  position: absolute;
  top: 0;
  right: 0;
  color: red;
  font-size: 0.75rem;
}
.taxonomy_field .term_select {
  flex: 1 0 80px;
  margin: 2px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.taxonomy_field .term_select input {
  padding: 0;
  border: none;
}
.taxonomy_field .term_select > span:not(.vicon) {
  background: var(--highlight);
  bordeR: 1px solid var(--border);
  padding: 5px 10px;
  width: 100%;
  margin: 2px;
}
.taxonomy_field .term_select .term_select_label {
  margin: 2px;
  border-radius: 2px;
  padding: 5px 10px;
  background: var(--highlight);
  border: 1px solid var(--border);
}
.taxonomy_field .term_select i {
  font-size: 1rem;
  padding-left: 5px;
}
.taxonomy_field .selectcptfield_list {
  display: block;
}
.taxonomy_field .selectcptfield_list .selectcptfield_items span {
  padding: 0.5rem;
  border: 1px solid var(--border);
  display: inline-block;
}
.taxonomy_field .search_term_list {
  position: absolute;
  top: calc(100% + 2px);
  width: 100%;
  left: 0;
  background: var(--highlight);
  border: 1px solid var(--border);
  box-shadow: 0 1px 5px var(--shadow);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  z-index: 9;
}
.taxonomy_field .search_term_list .search_term {
  padding: 2px 5px;
  border-radius: 2px;
  margin: 2px;
  background: var(--highlight);
  border: 1px solid var(--border);
}

.multiselect {
  display: flex;
  flex-direction: row;
  bordeR: 1px solid var(--border);
  align-items: center;
  justify-content: space-between;
}
.multiselect .selectcptfield_items {
  display: flex;
  align-items: flex-start;
}
.multiselect .selectcptfield_items span {
  margin: 2px;
  padding: 2px;
  border: 1px solid var(--border);
  background: var(--highlight);
}
.multiselect .selectimitate {
  margin: 2px;
  padding: 5px;
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.multiselect .selectimitate .search_results {
  display: none;
}
.multiselect .selectimitate .search_results.active {
  display: flex;
  flex-wrap: wrap;
}
.multiselect .selectimitate .search_results .search_result {
  margin: 2px;
  padding: 2px;
  background: var(--highlight);
  border: 1px solid var(--border);
}

div.embed_block {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
}

.range__slider_wrap {
  display: flex;
  gap: 5px;
  align-items: center;
}
.range__slider_wrap span {
  font-size: 12px;
  display: flex;
  flex: 0 0 40px;
  text-align: center;
}
.range__slider_wrap .range__slider {
  position: relative;
  flex: 1;
}
.range__slider_wrap .range__slider span {
  position: absolute;
  top: 10px;
  left: 0;
  background: var(--primary);
  display: block;
  height: 8px;
  border-radius: 5px 0 0 5px;
}
.range__slider_wrap .range__slider [type=range] {
  width: 100%;
  -webkit-appearance: none;
  height: 8px;
  border-radius: 6px;
  background: var(--sidebar);
  outline: none;
  padding: 0;
  margin: 0;
}
.range__slider_wrap .range__slider [type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--bold);
  border: var(--border) 3px solid;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.range__slider_wrap .range__slider [type=range]::-webkit-slider-thumb:hover {
  background: var(--primary);
}
.range__slider_wrap .range__slider [type=range]::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  background: var(--bold);
  border: var(--border) 3px solid;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.range__slider_wrap .range__slider [type=range]::-moz-range-thumb:hover {
  background: var(--primary);
}
.range__slider_wrap .range__slider input::-moz-focus-inner, .range__slider_wrap .range__slider input::-moz-focus-outer {
  border: 0;
}

.task_reports_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.task_reports_wrapper .task_reports_wrap {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.task_reports_wrapper .task_reports_wrap .member_report {
  flex: 1 0 calc(50% - 1rem);
  min-width: 320px;
  background: var(--highlight);
  border-radius: 1rem;
  padding: 1rem;
}
.task_reports_wrapper .task_reports_wrap .member_report.full {
  flex: 1 0 100%;
}

#projects_component .select:not(.is-multiple):not(.is-loading)::after {
  border: none;
}

.grid_projects .project, .list_projects .project {
  cursor: pointer;
}

.view_projects_list .vibe_projects_sort_search_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  border-radius: 5px;
  background: var(--highlight);
  border: 1px solid var(--border);
  padding: 0.75rem;
}
.view_projects_list .vibe_projects_sort_search_container .vibe_projects_search_bar {
  border: 1px solid var(--border);
  padding: 0 8px;
  background: var(--highlight);
}
.view_projects_list .vibe_projects_sort_search_container .vibe_projects_search_bar input[type=text] {
  border: none;
  background: none;
  flex: 1;
}
.view_projects_list .vibe_projects_sort_search_container > *, .view_projects_list .vibe_projects_sort_search_container > * > * {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.view_projects_list .vibe_projects_sort_search_container > * .active, .view_projects_list .vibe_projects_sort_search_container > * > * .active {
  color: var(--primary);
}

.add_new_project_div {
  width: 240px;
  height: 240px;
  border: 2px dashed var(--border);
  font-size: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.full_project {
  min-height: 100vh;
}
.full_project .mini_project_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.full_project .mini_project_header .mini_project_details {
  display: flex;
  gap: 1rem;
  align-items: center;
  cursor: pointer;
}
.full_project .mini_project_header .mini_project_details img {
  width: 48px;
  border-radius: 10px;
}
.full_project .mini_project_header .mini_project_details > * {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.full_project .mini_project_header .mini_project_details .active_tab {
  position: relative;
}
.full_project .mini_project_header .mini_project_details .active_tab:hover:after {
  content: "\e646";
  font-family: "vicon";
}
.full_project .mini_project_header .links {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
  flex-direction: row-reverse;
  justify-content: space-between;
  flex-wrap: wrap;
}
.full_project .project_header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background: var(--highlight);
  padding: 1.5rem;
  border-radius: 1rem 1rem 0 0;
}
.full_project .project_header > .links {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.full_project .project_header > .links > * {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.full_project .project_header > .links > * .project_status span {
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
  color: #fff;
}
.full_project .project_header > .links a {
  opacity: 0.6;
}
.full_project .project_header > .links a:hover {
  opacity: 1;
}
.full_project .project_header .project_header_content {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: 1rem;
}
.full_project .project_header .project_header_content .links > span {
  display: flex;
  gap: 5px;
  align-items: center;
}
.full_project .project_header .project_header_content .project_details {
  flex: 2 0 240px;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.full_project .project_header .project_header_content .project_details h1 {
  min-width: 100%;
}
.full_project .project_header .project_header_content .project_details .project_title_wrap {
  flex: 1 0 240px;
}
.full_project .project_header .project_header_content .project_details .project_title_wrap .project_vitals {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.full_project .project_header .project_header_content .project_details .project_title_wrap .project_vitals > * {
  display: flex;
  gap: 1rem;
}
.full_project .project_header .project_header_content .project_details .project_title_wrap .project_vitals > * > * {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.full_project .project_header .project_header_content .project_details .project_title_wrap .project_vitals > * > *:first-child {
  opacity: 0.6;
  flex: 1 0 120px;
  max-width: 200px;
}
.full_project .project_header .project_header_content .project_details .project_title_wrap .project_vitals > * > *.project_types {
  gap: 1rem;
}
.full_project .project_header .project_header_content .project_details .project_title_wrap .project_vitals span.status {
  padding: 5px 15px;
  color: #fff;
  border-radius: 5px;
}
.full_project .project_header .project_header_content .project_details .project_title_wrap .project_vitals img.vibebp_avatar {
  max-width: 32px;
  height: 32px;
  border-radius: 50%;
}
.full_project .project_header .project_header_content .project_details h1 {
  font-size: 2.4rem;
  line-height: 1;
}
.full_project .project_header .project_header_content .project_details .vibebp_member {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--border);
  padding: 5px;
  border-radius: 30px;
  margin: 0;
}
.full_project .project_header .project_header_content .project_details .vibebp_member img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.full_project .project_header .project_header_content .project_details .project_meta {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.full_project .project_header .project_header_content .project_details .project_meta .project_types {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  align-items: center;
}
.full_project .project_header .project_header_content .project_details .project_meta .project_members {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.full_project .project_header .project_header_content .project_details .project_meta .project_members .members {
  display: flex;
  align-items: center;
}
.full_project .project_header .project_header_content .project_details .project_meta .project_members .members img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.full_project .project_header .project_header_content .project_details .project_meta .project_members .members img + img {
  margin-left: -5px;
}
.full_project .project_header .project_header_content .project_details .project_meta .progress_wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.full_project .project_header .project_header_content .project_details .project_meta .progress_wrap .progress_wrapper {
  flex: 1;
  height: 5px;
  border: 1px solid var(--border);
  border-radius: 3px;
  position: relative;
}
.full_project .project_header .project_header_content .project_details .project_meta .progress_wrap .progress_wrapper .increment {
  position: absolute;
  top: 0;
  border-radius: 3px;
  left: 0;
  height: calc(100% + 2px);
  margin: -1px;
  background: var(--primary);
}
.full_project .project_header .project_header_content .project_avatar {
  flex: 0 0 240px;
}
.full_project .project_header .project_header_content .project_avatar img {
  width: 100%;
  border-radius: 5px;
}
.full_project .project_header .project_header_content .project_manager .vibebp_member {
  display: flex;
  align-items: center;
  margin: -5px;
}
.full_project .project_header .project_header_content .project_manager .vibebp_member img {
  max-width: 32px;
  border-radius: 50%;
}
.full_project .project_header .project_header_content .project_manager .vibebp_member > * {
  margin: 5px;
}
.full_project .project_boards > label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.full_project .project_boards > label h3 {
  font-size: 1.8rem;
}
.full_project .project_main {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex-direction: column;
}
.full_project .project_main .project_tabs {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  background: var(--sidebar);
  border-radius: 0 0 1rem 1rem;
  width: 100%;
  overflow: visible;
  scrollbar-width: none;
  margin-bottom: 1rem;
}
.full_project .project_main .project_tabs::-webkit-scrollbar {
  display: none;
}
.full_project .project_main .project_tabs .project_tab {
  padding: 0.5rem 1rem;
  position: relative;
  cursor: pointer;
}
.full_project .project_main .project_tabs .project_tab:hover {
  color: var(--primary);
}
.full_project .project_main .project_tabs .project_tab.active {
  color: var(--primarycolor);
  background: var(--primary);
  border-radius: 2rem;
}
.full_project .project_main .project_content_tab {
  margin-top: 0.5rem;
}
.full_project .project_main .sub_flex {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: column;
}
.full_project .project_main .sub_flex > * {
  display: none;
}
.full_project .project_main .sub_flex .project_description_wrap {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
}
.full_project .project_main .sub_flex .project_description_wrap .meta_group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 0 240px;
  background: var(--highlight);
  padding: 1rem;
  border-radius: 1rem;
}
.full_project .project_main .sub_flex .project_description_wrap .meta_group > * {
  display: grid;
  align-items: center;
  gap: 5px;
  grid-template-columns: 1fr 1fr;
}
.full_project .project_main .sub_flex .project_description_wrap .meta_group > * > * {
  flex: 1 0 240px;
}
.full_project .project_main .sub_flex .project_description_wrap .meta_group > * > *:first-child {
  opacity: 0.6;
  display: flex;
  align-items: center;
  gap: 5px;
}
.full_project .project_main .sub_flex .project_description_wrap .project_description {
  border-top: 1px solid var(--border);
  margin-top: 1rem;
  padding-top: 1rem;
}
.full_project .project_main .sub_flex .full_project_description_wrapper {
  flex: 1 0 320px;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper {
  background: var(--highlight);
  flex: 1 0 240px;
  padding: 1rem;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .add_notice_textarea {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .notice_args {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .notice_args > * {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .action_buttons {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .project_notice_header {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .swiper {
  position: relative;
  width: 100%;
  max-width: 480px;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .swiper .swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 24px);
  left: 0;
  cursor: pointer;
  padding: 5px;
  background: var(--highlight);
  border: 1px solid;
  transform: translateX(-50px);
  z-index: 99;
  transition: all 0.2s;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .swiper .swiper-button.swiper-disabled {
  opacity: 0;
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .swiper .swiper-next {
  left: auto;
  right: 0;
  transform: translateX(50px);
}
.full_project .project_main .sub_flex .full_project_notices_wrapper .swiper:hover .swiper-button {
  transform: translateX(0) !important;
}
.full_project .project_main .project_description {
  flex: 5 0 240px;
  max-height: 320px;
  overflow: hidden;
  position: relative;
}
.full_project .project_main .project_description:after {
  content: attr(data-more);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0;
  color: var(--bold);
  font-weight: 600;
  background: linear-gradient(0deg, var(--body), transparent);
}
.full_project .project_main .project_description.active {
  max-height: none;
}
.full_project .project_main .project_description.active:after {
  display: none;
}
.full_project .project_main .project_member {
  background: var(--highlight);
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  padding: 0.875rem;
}
.full_project .project_main .project_member img {
  border-radius: 50%;
  width: 32px;
}
.full_project .project_main .project_member strong {
  padding: 12px;
}
.full_project .project_main .project_member .members_actions a {
  font-size: 20px;
}
.full_project .project_main .project_members {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.full_project .project_main .project_members .project_member_header {
  background: var(--highlight);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1rem;
  border: 1px solid var(--border);
}
.full_project .project_main .project_members .project_member_header .search_project_member {
  border: 1px solid var(--border);
  padding: 0 0.5rem;
}
.full_project .project_main .project_members .project_member_header .search_project_member input {
  border: none !important;
  background: none !important;
}
.full_project .project_main .project_members .project_member_actions {
  display: flex;
  gap: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border);
  align-items: center;
  flex-wrap: wrap;
}
.full_project .project_main .project_members .project_member_actions .vicon {
  color: var(--bold);
}
.full_project .project_main .project_members .project_member_actions > span {
  display: flex;
  align-items: center;
  gap: 5px;
  background: var(--border);
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}
.full_project .project_main .project_members .project_member_actions .add_new_members {
  position: relative;
}
.full_project .project_main .project_members .project_member_actions .add_new_members .show_search_results {
  position: absolute;
  width: 100%;
  top: 100%;
  max-height: 200px;
  overflow: auto;
}
.full_project .project_main .project_members .project_member_actions .invite_new_members {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.full_project .project_main .project_members .project_member_actions .invite_new_members .invite_new_member {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--sidebar);
  padding: 10px;
  border-radius: 5px;
  flex-wrap: wrap;
}
.full_project .project_main .project_members .project_member_actions .invite_new_members .invite_new_member > * {
  flex: 1 0 160px;
}
.full_project .project_main .project_members .project_member_actions .invite_new_members .invlite_members_action {
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.full_project .project_main .project_members .project_members_list_wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}
.full_project .project_main .project_members .project_members_list_wrapper .member_levels {
  display: flex;
  justify-content: flex-start;
}
.full_project .project_main .project_members .project_members_list_wrapper .member_levels .button-group {
  border: 1px solid var(--border);
  background: var(--highlight);
  padding: 0.5rem;
  gap: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.full_project .project_main .project_members .project_members_list_wrapper .member_levels .button-group a {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
}
.full_project .project_main .project_members .project_members_list_wrapper .member_levels .button-group a.active {
  background: var(--primary);
  color: var(--primarycolor);
}
.full_project .project_main .project_members .project_members_list {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  gap: 5px;
  padding: 5px;
}
.full_project .project_main .project_members .project_members_list > span {
  width: 100%;
}
.full_project .project_main .project_members .project_members_member_type_wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.full_project .project_main .project_members .project_members_member_type_wrapper .member_type_row {
  display: flex;
  gap: 1rem;
  border-bottom: 1px dashed var(--border);
  overflow-x: auto;
  overflow-y: visible;
}
.full_project .project_main .project_members .project_members_member_type_wrapper .member_type_row .member_type_label {
  display: flex;
  white-space: nowrap;
  min-height: 120px;
  border-radius: 5px 5px 0 0;
  width: 30px;
  overflow: hidden;
  min-height: 120px;
  align-items: center;
  justify-content: center;
  position: sticky;
  left: 0;
}
.full_project .project_main .project_members .project_members_member_type_wrapper .member_type_row .member_type_label > span {
  transform: rotate(270deg);
  transform-origin: center center;
  display: block;
  cursor: n-resize;
}
.full_project .project_main .project_members .project_members_member_type_wrapper .member_type_row .member_type_members {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  flex: 1;
  flex-wrap: wrap;
  overflow: auto;
}
.full_project .project_main .project_members .project_members_member_type_wrapper .member_type_row:nth-child(1) > .member_type_label {
  background: linear-gradient(45deg, #e89815, #ff7436);
  color: #fff;
}
.full_project .project_main .project_members .project_members_member_type_wrapper .member_type_row:nth-child(2) > .member_type_label {
  background: linear-gradient(45deg, #dde815, #a9ff36);
}
.full_project .project_main .project_members .project_members_member_type_wrapper .member_type_row:nth-child(3) > .member_type_label {
  background: linear-gradient(45deg, #159ce8, #3680ff);
  color: #fff;
}
.full_project .project_main .project_members .project_members_member_type_wrapper .member_type_row:nth-child(4) > .member_type_label {
  background: linear-gradient(45deg, #1516e8, #ab36ff);
  color: #fff;
}
.full_project .project_main .project_members .project_members_member_type_wrapper .member_type_row:nth-child(5) > .member_type_label {
  background: linear-gradient(45deg, #e815c8, #ff369b);
  color: #fff;
}
.full_project .project_main .project_members .vibe_projects_member {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: space-between;
  width: 160px;
  overflow: hidden;
  border: 1px solid var(--border);
  background: var(--highlight);
  border-radius: 5px;
  position: relative;
}
.full_project .project_main .project_members .vibe_projects_member span.member_type {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.full_project .project_main .project_members .vibe_projects_member .member_teams {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.full_project .project_main .project_members .vibe_projects_member .member_teams span.member_team {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
}
.full_project .project_main .project_members .vibe_projects_member .vibebp_member {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin: 0;
}
.full_project .project_main .project_members .vibe_projects_member .vibebp_member img {
  max-width: 128px;
  border-radius: 50%;
}
.full_project .project_main .project_members .vibe_projects_member .vicon-close {
  background: #e53737;
  color: #fff;
  padding: 5px;
  position: absolute;
  right: -1px;
  top: -1px;
}
.full_project .project_main .project_members .show_search_results ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.full_project .project_main .project_members .show_search_results ul li {
  text-align: center;
  padding: 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  justify-content: center;
  display: flex;
  flex-direction: column;
  font-size: 0.6rem;
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 64px;
  flex: 1 0 48px;
}
.full_project .project_main .project_members .show_search_results ul li img {
  border-radius: 2px;
  max-width: 40px;
}
.full_project .project_main .project_members .show_search_results ul li:hover {
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.new_project {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.new_project.activity_item {
  flex-direction: row;
}
.new_project .project_create_form {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  justify-content: space-between;
}
.new_project .project_create_form .full {
  min-width: 100%;
}
.new_project .project_create_form .project_essentails {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.new_project .project_create_form .project_essentails .project_title_wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.new_project .project_create_form .project_essentails .project_title_wrap .project_title_sub {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}
.new_project .project_create_form .project_essentails .project_title_wrap .project_title_sub .field_wrapper.field_select {
  display: flex;
  flex-direction: column;
}
.new_project .project_create_form .project_essentails .project_title_wrap .project_title_sub .select {
  height: auto;
}
.new_project .project_create_form .project_essentails .project_featured {
  border: 2px dashed var(--border);
  flex: 0 0 200px;
}
.new_project .project_create_form .project_essentails .project_featured .field_wrapper.field_featured {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new_project .project_create_form .project_fields {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}
.new_project .project_create_form .field_wrapper label {
  font-size: 12px;
  display: flex;
  text-transform: uppercase;
  letter-spacing: 1px;
  gap: 1rem;
}
.new_project .project_create_form .field_wrapper label:after {
  text-transform: none;
}
.new_project .project_create_form .field_wrapper.field_editor,
.new_project .project_create_form .field_wrapper .full {
  min-width: 100%;
}
.new_project .project_create_form .field_wrapper.field_title {
  font-size: 2rem;
  line-height: 1rem;
  width: 100%;
}
.new_project .project_create_form .field_wrapper.field_title input {
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
  border-bottom: 2px solid var(--border);
}
.new_project .project_create_form .field_wrapper.field_title input:hover, .new_project .project_create_form .field_wrapper.field_title input:focus {
  border-color: var(--primary);
}
.new_project .project_create_form .field_wrapper.field_taxonomy {
  display: flex;
  flex-wrap: wrap;
}
.new_project .project_create_form .field_wrapper.field_taxonomy .search_term_list {
  width: 20rem;
}
.new_project .project_create_form .field_wrapper .date {
  display: flex;
  gap: 5px;
  align-items: center;
  border: 1px solid var(--border);
  background: var(--highlight);
  padding: 0 5px;
  border-radius: 5px;
}
.new_project .project_create_form .field_wrapper .date input {
  border: none;
  background: none;
}
.new_project .project_create_form .button_create_project {
  display: flex;
  gap: 1rem;
  min-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.new_project .project_create_form .button_create_project .button_group {
  display: flex;
  gap: 1rem;
}
.new_project .project_create_form .button_create_project .tip_trigger {
  margin-left: 10px;
}
.new_project .project_create_form div + .full {
  margin-top: 1rem;
}
.new_project .project_create_form .vibe_form_field.full {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.new_project .project_create_form .vibe_form_field.full strong {
  font-size: 1.2rem;
}
.new_project .project_create_form .vibe_form_field.full:after {
  content: "";
  flex: 1;
  height: 1px;
  margin-top: 0.5rem;
  background: var(--border);
}

.projects_modal .ve_modal-content {
  height: auto;
  max-width: 480px !important;
}
.projects_modal .ve_modal-content .ve_modal-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.projects_modal .ve_modal-content .ve_modal-body .modal-header {
  font-size: 1.5rem;
  font-weight: 600;
  border-bottom: 1px solid var(--border);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.projects_modal .ve_modal-content .ve_modal-body .modal-body {
  flex: 1;
  overflow-y: auto;
}
.projects_modal .ve_modal-content .ve_modal-body .modal-footer {
  padding: 1rem 0 0;
  margin-top: 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.add_fav_projects_message {
  padding: 0.75rem;
  margin-top: 1rem;
  border: 1px solid var(--border);
  background: var(--border);
  border-radius: 1rem;
  font-size: 0.875rem;
}

.favourite_projects {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  gap: 1rem;
}
.favourite_projects > .fav_project {
  display: flex;
  gap: 5px;
  cursor: pointer;
  align-items: center;
}
.favourite_projects > .fav_project > img {
  width: 32px;
  height: 32px;
  border-radius: 5px;
}
.favourite_projects > .fav_project .fav_project_details {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.favourite_projects > .fav_project .fav_project_details > div {
  display: flex;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ReactProgress_wrapper {
  background: var(--border);
  position: relative;
  height: 0.5rem;
  width: 100%;
}

.ReactProgress_filler {
  background: var(--success);
  height: 100%;
  transition: width 0.8s ease-in;
}

.ReactProgressCircle_circle {
  fill: transparent;
  stroke: var(--success);
}

.ReactProgressCircle_circleBackground {
  fill: transparent;
  stroke: var(--border);
  transition: stroke-dashoffset 0.8s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.tax_term {
  padding: 2px 8px 2px 12px;
  background: var(--border);
  border-radius: 5px 0 0 5px;
  position: relative;
}
.tax_term:after {
  content: "";
  border: 14px solid;
  border-color: transparent transparent transparent var(--border);
  position: absolute;
  right: -28px;
  top: 0;
}
.tax_term:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--highlight);
  position: absolute;
  right: -5px;
  top: 11px;
  z-index: 99;
}

/* REPORTS */
.project_snapshot {
  margin: 1rem 0;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.project_snapshot .project_data {
  flex: 1 0 160px;
  background: var(--highlight);
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #333;
  text-align: center;
  line-height: 1;
  overflow: hidden;
}
.project_snapshot .project_data strong {
  font-size: 2.5rem;
  flex: 1;
  color: #222;
}
.project_snapshot .project_data strong + span {
  padding: 1rem;
  background: var(--border);
  margin: 0 -1rem -1rem;
}
.project_snapshot .project_data label {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
}
.project_snapshot .project_data:nth-child(1) {
  background: #c1fcd3;
}
.project_snapshot .project_data:nth-child(1) strong + span {
  background: #9cf7b8;
}
.project_snapshot .project_data:nth-child(2) {
  background: #f9dbd5;
}
.project_snapshot .project_data:nth-child(2) strong + span {
  background: #f6c9c0;
}
.project_snapshot .project_data:nth-child(3) {
  background: #faf5ae;
}
.project_snapshot .project_data:nth-child(3) strong + span {
  background: #f3ed98;
}
.project_snapshot .project_data:nth-child(4) {
  background: #ffdaf3;
}
.project_snapshot .project_data:nth-child(4) strong + span {
  background: #f9cceb;
}
.project_snapshot .project_data:nth-child(5) {
  background: #c1e5fc;
}
.project_snapshot .project_data:nth-child(5) strong + span {
  background: #b0ddf9;
}
.project_snapshot .project_data:nth-child(6) {
  background: #f2f5d0;
}
.project_snapshot .project_data:nth-child(6) strong + span {
  background: #edf2b5;
}
.project_snapshot .project_data:nth-child(7) {
  background: #f5d0dc;
}

.project_reports_wrapper .project_overview_sub_reports {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report {
  border: 1px solid var(--border);
  padding: 1rem;
  background: var(--highlight);
  max-width: 240px;
  flex: 1 0 240px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1rem;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report label {
  font-weight: 600;
  border-bottom: 1px solid var(--border);
  padding-bottom: 1rem;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .sub_report_stats {
  display: flex;
  border-top: 1px solid var(--border);
  padding: 1rem 0 0;
  gap: 1rem;
  justify-content: space-between;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activeMember {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activeMember img {
  border: 1px solid var(--border);
  border-radius: 50%;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activetask {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  justify-content: space-between;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activetask .task_status {
  padding: 2px 10px;
  color: #fff;
  border-radius: 5px;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activetask .card_meta {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  flex: 1;
  align-items: flex-start;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activetask .card_meta .card_badges {
  display: flex;
  align-items: center;
  gap: 10px;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activetask .card_meta .card_badges > * {
  padding: 2px 5px;
  background: var(--sidebar);
  border-radius: 5px;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activetask span.task_list {
  font-size: 12px;
  text-transform: uppercase;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activetask .task_members {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report .activetask .task_members img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones {
  flex: 2 0 320px;
  max-width: none;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .miltstones_wrap_head {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .miltstones_wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 320px;
  justify-content: center;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .miltstones_wrap .progress_wrap {
  gap: 5px;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .miltstones_wrap .progress_wrap .progress_wrapper {
  margin: 0;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .milestone_wrap, .project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .miltstones_wrap_head {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .milestone_wrap > span, .project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .miltstones_wrap_head > span {
  flex: 2;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .milestone_wrap > span + span, .project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .miltstones_wrap_head > span + span {
  flex: 0 0 60px;
  max-width: 60px;
  text-align: center;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .milestone_wrap > span + span.milestone_status, .project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .miltstones_wrap_head > span + span.milestone_status {
  text-align: center;
  border-radius: 5px;
  color: #fff;
}
.project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .milestone_wrap > span + span + span, .project_reports_wrapper .project_overview_sub_reports .project_overview_sub_report.milestones .miltstones_wrap_head > span + span + span {
  flex: 1 0 120px;
  text-align: end;
  max-width: 240px;
}
.project_reports_wrapper .task_reports_wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.project_reports_wrapper .task_reports_wrapper .task_report_header {
  margin-top: 1rem;
  font-size: 1.4rem;
}
.project_reports_wrapper .task_reports_wrapper .task_reports_wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.project_reports_wrapper .task_reports_wrapper .task_reports_wrap .task_reports {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.project_reports_wrapper .task_reports_wrapper .task_reports_wrap .task_reports > * {
  flex: 1 0 320px;
  border: 1px solid var(--border);
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.project_reports_wrapper .project_member_reports {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report {
  flex: 1 0 320px;
  max-width: 480px;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report .member_report {
  bordeR: 1px solid var(--border);
  padding: 1rem;
  background: var(--highlight);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report .member_report .member_vitals {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report .member_report .member_vitals img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report .member_report .member_graphs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report .member_report .member_graphs .completed_graph {
  display: flex;
  gap: 1rem;
  background: Var(--border);
  border-radius: 10px;
  padding: 10px;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report .member_report .member_graphs .completed_graph > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report .member_report .member_graphs .completed_graph > span > span {
  font-size: 1.4rem;
  font-weight: 600;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report .member_report .member_graphs .completed_graph > span > span + span {
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}
.project_reports_wrapper .project_member_reports .project_member_report_wrapper .project_member_report .member_report .member_graphs .completed_graph .progress_wrap {
  width: 100%;
}

@media (max-width: 480px) {
  .search_project_member {
    flex: 1;
  }
  .search_project_member input {
    flex: 1;
  }
}
@media (max-width: 768px) {
  .view_projects_list .vibe_projects_sort_search_container > * > * {
    flex: 1;
  }

  .new_project .project_create_form {
    padding: 0;
  }
  .new_project .project_create_form .field_wrapper.field_featured {
    position: relative;
    width: 100%;
    height: auto;
  }

  .full_project .project_main .project_tabs {
    overflow: auto;
  }

  .favourite_projects, .add_fav_projects_message {
    margin-top: 0;
  }
}
.full_project .board_header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.full_project .board_header .links {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.full_project .board_header .board_header_content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.full_project .board_header .board_header_content .board_avatar img {
  max-height: 48px;
  border-radius: 5px;
}
.full_project .board_header .board_header_content .board_details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-end;
}
.full_project .board_header .board_header_content .board_details .board_title {
  font-size: 1.2rem;
}
.full_project .board_header .board_header_content .board_details .board_description {
  max-height: 140px;
  overflow: hidden;
  font-size: 1rem;
  position: relative;
  transition: all 0.2s;
}
.full_project .board_header .board_header_content .board_details .board_description:after {
  content: attr(data-more);
  position: absolute;
  top: calc(140px - 2rem);
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0.5rem 0;
  z-index: 9;
  background: linear-gradient(0deg, var(--shadow), transparent);
}
.full_project .board_header .board_header_content .board_details .board_description.active {
  max-height: none;
}
.full_project .board_header .board_header_content .board_details .board_description.active:after {
  display: none;
}
.full_project .view_boards_list {
  margin-top: 1rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.full_project .view_boards_list .project_board_wrap {
  display: flex;
}
.full_project .view_boards_list .list_container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.full_project .view_boards_list .list_view_header {
  display: flex;
  align-items: center;
  gap: 5px;
}
.full_project .view_boards_list .list_view_header .card_fields {
  flex: 1;
}
.full_project .view_boards_list .list_view_header .card_fields > * {
  cursor: pointer;
}
.full_project .view_boards_list .list_view_header .add_card_fields {
  position: relative;
}
.full_project .view_boards_list .list_view_header .all_card_fields {
  position: absolute;
  right: 0;
  z-index: 99;
  top: 100%;
  background: var(--highlight);
  padding: 0.5rem;
  border: 1px solid var(--border);
  width: 160px;
}
.full_project .view_boards_list .list_header .vibebp_member {
  display: flex;
  align-items: center;
  margin: 0;
}
.full_project .view_boards_list .list_header .vibebp_member img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.full_project .view_boards_list .list_header_title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.full_project .view_boards_list .list_header_title h2 {
  font-size: 1.31rem;
}
.full_project .view_boards_list .list_header_title .view_types {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.full_project .view_boards_list .list_header_title .view_types .active {
  color: var(--primary);
}
.full_project .view_boards_list .list_header_title > div {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.full_project .view_boards_list .list_header_title > div.board_sort_options .active {
  color: var(--primary);
}
.full_project .view_boards_list .list_header_title .view_switch > span {
  padding: 5px;
}
.full_project .view_boards_list .list_header_title .view_switch > span.active, .full_project .view_boards_list .list_header_title .view_switch > span:hover {
  background: var(--shadow);
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .create_new_automation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .create_new_automation .new_automation_wrap {
  display: flex;
  gap: 1rem;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .create_new_automation .new_automation_wrap > * {
  padding: 1rem;
  background: var(--highlight);
  border: 1px solid var(--border);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .create_new_automation .new_automation_wrap > div > label {
  font-size: 1.2rem;
  font-weight: 700;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .create_new_automation > * {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .existing_board_automations {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .existing_board_automations .existing_board_automation {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .existing_board_automations .existing_board_automation > div {
  display: flex;
  gap: 1rem;
  flex: 1;
  background: var(--highlight);
  padding: 1rem;
  border-radius: 5px;
  border: 1px solid var(--border);
  justify-content: space-between;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .existing_board_automations .existing_board_automation > div > span + span:before {
  content: "\e649";
  font-family: vicon;
  margin-right: 1rem;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .existing_board_automations .existing_board_automation > div label {
  font-size: 1.2rem;
  font-weight: 700;
  flex: 1;
}
.full_project .view_boards_list .expanded_board_sort_options .board_automations .existing_board_automations .existing_board_automation > div.vicon-trash {
  padding: 0;
  background: none;
  border: none;
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.full_project .view_boards_list .expanded_board_sort_options .bulk_actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}
.full_project .view_boards_list .expanded_board_sort_options .bulk_actions > span {
  background: var(--sidebar);
  padding: 5px 8px;
  border: 1px solid var(--border);
  flex: 1;
  display: flex;
  gap: 1rem;
  align-items: center;
  border-radius: 5px;
  justify-content: space-between;
}
.full_project .view_boards_list .expanded_board_sort_options .bulk_actions > span .vicon-trash {
  cursor: pointer;
}
.full_project .view_boards_list .expanded_board_sort_options .bulk_actions select {
  height: 2.35rem;
  border-radius: 5px;
  margin: 0;
}
.full_project .view_boards_list .expanded_board_sort_options .bulk_actions .vbp_message {
  margin: 0;
  padding: 7px;
  flex: 1;
}
.full_project .view_boards_list .expanded_board_sort_options .bulk_actions .apply_bulk_actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  max-width: calc(100vw - 2rem);
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters > strong {
  padding-top: 5px;
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters > div {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  transition: all 0.2s;
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters > div.bulk_actions {
  transform: scaleY(0);
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters > div.bulk_actions.active {
  transform: scaleY(1);
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters .board_icon {
  cursor: pointer;
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters .board_icon input {
  display: none;
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters .board_icon .vicon.active {
  color: var(--primary);
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters .board_icon:hover, .full_project .view_boards_list .expanded_board_sort_options .board_filters .board_icon.active {
  color: var(--primary);
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters .board_icon:hover input, .full_project .view_boards_list .expanded_board_sort_options .board_filters .board_icon.active input {
  display: flex;
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters .search_wrapper {
  flex: 1 0 160px;
  max-width: 320px;
}
.full_project .view_boards_list .expanded_board_sort_options .board_filters .search_wrapper input {
  border: none;
  flex: 1;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  background: var(--highlight);
  padding: 5px 10px;
  border: 1px solid var(--border);
  border-radius: 5px;
  gap: 0.5rem;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper .board_icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper input {
  display: flex;
  background: var(--highlight);
  border: none;
  padding: 0;
  margin: 0;
  flex: 1;
  height: 24px;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper .selected_options {
  display: flex;
  gap: 2px;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper .selected_options .selected_option {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 2px 5px;
  border-radius: 5px;
  color: var(--bold);
  background: var(--sidebar);
  cursor: pointer;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper .selected_options .selected_option img {
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper .board_options {
  display: flex;
  gap: 2px;
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  z-index: 1;
  background: var(--sidebar);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid var(--border);
  align-items: center;
  flex-wrap: wrap;
  min-width: 240px;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper .board_options .board_option {
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 11px;
  color: var(--bold);
  background: var(--sidebar);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper .board_options .board_option img {
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper .board_options:after {
  content: "";
  border: 6px solid;
  display: block;
  position: absolute;
  top: -13px;
  right: 72px;
  border-color: transparent transparent var(--border);
}
.full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper.card_labels .selected_option, .full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper.card_labels .board_option, .full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper.card_status .selected_option, .full_project .view_boards_list .expanded_board_sort_options .board_options_wrapper.card_status .board_option {
  color: var(--highlight);
}
.full_project .view_boards_list .grid_board .row_header, .full_project .view_boards_list .grid_board .card_row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.full_project .view_boards_list .grid_board .row_header .short_card_popup_wrapper, .full_project .view_boards_list .grid_board .card_row .short_card_popup_wrapper {
  left: calc(100% - 150px);
}
.full_project .view_boards_list .grid_board .row_header span, .full_project .view_boards_list .grid_board .card_row span {
  font-size: 15px;
  font-weight: bold;
}
.full_project .view_boards_list .grid_board .row_header .row_title, .full_project .view_boards_list .grid_board .card_row .row_title {
  background: var(--highlight);
  font-weight: bold;
}
.full_project .view_boards_list .grid_board .row_header .card_icon.key-duedate, .full_project .view_boards_list .grid_board .card_row .card_icon.key-duedate {
  border-radius: 3px;
  padding: 2px;
}
.full_project .view_boards_list .grid_board .row_header .card_labels_popup, .full_project .view_boards_list .grid_board .card_row .card_labels_popup {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-50%, -50%);
  padding: 20px;
  width: 320px;
  border-radius: 10px;
  z-index: 9999 !important;
  box-shadow: 0 8px 16px -4px var(--shadow), 0 0 0 1px var(--shadow);
}
.full_project .project_boards h3 {
  font-size: 1.2rem;
}
.full_project .project_boards .view_boards_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 320px));
  grid-gap: 1rem;
}
.full_project .project_boards .view_boards_list .project_board {
  display: flex;
  justify-content: space-between;
  background: var(--highlight);
  flex-direction: column;
  gap: 1rem;
  cursor: pointer;
  border: 1px solid var(--border);
  border-radius: 5px;
  flex: 1 0 240px;
  max-width: 320px;
  padding: 0.75rem;
}
.full_project .project_boards .view_boards_list .project_board .board_head {
  display: flex;
  gap: 1rem;
  position: relative;
  justify-content: space-between;
}
.full_project .project_boards .view_boards_list .project_board .board_head .vicon {
  opacity: 0.5;
}
.full_project .project_boards .view_boards_list .project_board .board_head .board_type_list {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.full_project .project_boards .view_boards_list .project_board .board_head .board_more_options {
  position: absolute;
  right: 0;
  z-index: 9;
  top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: var(--sidebar);
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 1px 5px var(--shadow);
}
.full_project .project_boards .view_boards_list .project_board .board_head .board_more_options > span {
  display: flex;
  gap: 5px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
}
.full_project .project_boards .view_boards_list .project_board:hover .board_head .vicon {
  opacity: 1;
}
.full_project .project_boards .view_boards_list .project_board .board_body {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.full_project .project_boards .view_boards_list .project_board .board_body img {
  height: 48px;
  border-radius: 5px;
}
.full_project .project_boards .view_boards_list .project_board .board_footer {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  align-items: center;
}
.full_project .project_boards .view_boards_list .project_board .board_footer > img {
  width: 32px;
  heigth: 32px;
  border-radius: 50%;
}
.full_project .board_stats {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.full_project .board_stats > * {
  max-width: 480px;
  flex: 1 0 320px;
}

a.new_board {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  border-radius: 2rem;
}

.new_board .board_create_form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.new_board .board_create_form .field_wrapper.field_switch, .new_board .board_create_form .field_wrapper.field_select {
  justify-content: space-between;
}
.new_board .board_create_form .board_fields {
  display: flex;
  gap: 1rem;
}
.new_board .board_create_form .board_fields > * {
  flex: 1 0 240px;
}
.new_board .board_create_form .board_fields .field_select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  background: var(--highlight);
  border: 1px solid var(--border);
  padding: 0.5rem;
}
.new_board .board_create_form .board_essentials {
  display: flex;
  gap: 1rem;
}
.new_board .board_create_form .board_essentials .board_title_extras {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.new_board .board_create_form .board_essentials .board_title_extras label {
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.new_board .board_create_form .board_essentials .board_title_extras .board_title_extra_fields {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.new_board .board_create_form .board_essentials .board_featured {
  flex: 0 0 200px;
  border: 2px dashed var(--border);
}
.new_board .board_create_form .board_essentials .board_featured .field_wrapper.field_featured {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.new_board .board_create_form .field_wrapper.field_editor {
  min-width: 100%;
}
.new_board .board_create_form .field_wrapper.field_title {
  font-size: 2rem;
  width: 100%;
}
.new_board .board_create_form .field_wrapper.field_title input {
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
  border-bottom: 2px solid var(--border);
}
.new_board .board_create_form .field_wrapper.field_title input:hover, .new_board .board_create_form .field_wrapper.field_title input:focus {
  border-color: var(--primary);
}
.new_board .board_create_form .field_wrapper.field_taxonomy {
  display: flex;
  flex-wrap: wrap;
}
.new_board .board_create_form .field_wrapper.field_taxonomy {
  display: flex;
  flex-wrap: wrap;
}
.new_board .board_create_form .field_wrapper.field_taxonomy .search_term_list {
  width: 20rem;
  z-index: 999;
}
.new_board .board_create_form .button_create_board {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  flex: 1;
}
.new_board .board_create_form .button_create_board > * {
  display: flex;
  gap: 1rem;
}
.new_board .board_create_form .button_create_board .delete_board_button_wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.new_board .board_create_form .button_create_board .delete_board_button_wrapper .delete_board_notice {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
}

@media (max-width: 960px) {
  .new_board .board_create_form .field_wrapper.field_featured {
    position: relative;
  }

  .new_board .board_create_form {
    padding-left: 0;
  }
}
.list_wrapper {
  position: relative;
  background: var(--highlight);
  border: 1px solid var(--border);
}
.list_wrapper .vicon.vicon-close {
  padding-left: 12px;
}
.list_wrapper .cards_container {
  padding: 1rem;
}
.list_wrapper.list_on_move {
  background: var(--highlight);
  border-style: dashed;
  border-color: var(--white);
}
.list_wrapper > .invisible_button {
  padding-top: 1rem;
  margin-top: 1rem;
}
.list_wrapper .list {
  box-shadow: none;
  background: none;
  border-radius: none;
}
.list_wrapper .list.list_dragged {
  box-shadow: 0 1px 5px var(--shadow);
  transform: perspective(400px);
}
.list_wrapper .cards_container {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.list_wrapper .cards_container .card_container .card_wrapper {
  margin-bottom: 1rem;
}
.list_wrapper .cards_container .card_container.dragged_card {
  z-index: 99;
  position: absolute;
  width: calc(100% - 2rem);
}

.view_boards_list.unwrap .list_boards {
  flex-wrap: nowrap;
  overflow-y: visible;
  overflow-x: auto;
  min-height: 100vh;
}

.list_boards {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  height: 100%;
  min-height: 20px;
  align-items: flex-start;
}
.list_boards .list_wrapper {
  min-width: 320px;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
}
.list_boards .list_wrapper:hover {
  border-color: var(--text);
}
.list_boards .list_wrapper .list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--highlight);
}
.list_boards .list_wrapper .list .list_header {
  padding: 1rem;
  border-radius: 5px 5px 0 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
  position: relative;
}
.list_boards .list_wrapper .list .list_header .list_context_menu {
  position: absolute;
  right: 0;
  z-index: 99;
  top: 100%;
  font-size: 0.875rem;
  padding: 0.25rem;
  background: var(--body);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 5px var(--shadow);
}
.list_boards .list_wrapper .list .list_header .list_context_menu > * {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list_boards .list_wrapper .list .list_header .list_context_menu > * > * {
  padding: 0.25rem;
}
.list_boards .list_wrapper .list .list_header .list_title_edit_wrapper {
  display: flex;
  width: 100%;
  align-items: center;
}
.list_boards .list_wrapper .list .list_header .list_title_edit_wrapper input {
  flex: 1;
}
.list_boards .list_wrapper .list .list_header .list_title_edit_wrapper .button {
  border-radius: 0 5px 5px 0;
}
.list_boards .list_wrapper .list .newcard_form {
  border-top: 1px solid var(--border);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1rem;
}
.list_boards .list_wrapper .list .newcard_form input[type=text] {
  color: var(--dark);
}
.list_boards .list_wrapper .list .newcard_form .vicon.vicon-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: #f7460f;
}
.list_boards .list_wrapper .list .newcard_form .button {
  text-align: center;
}
.list_boards .list_wrapper .list.list_dragged {
  z-index: 99;
  position: absolute;
  width: 100%;
}
.list_boards .list_wrapper .list_details {
  padding: 0.4rem;
  border-radius: 5px;
}
.list_boards .list_wrapper .invisible_button {
  padding: 0 1rem 1rem;
}

.vibebp_myprofile .vibe_projects_new_list_form {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
}
.vibebp_myprofile .vibe_projects_new_list_form .vibe_projects_field {
  font-size: 1.5rem;
  padding: 0.5rem;
  border: 1px solid var(--border);
  margin-bottom: 0.5rem;
}
.vibebp_myprofile .vibe_projects_new_list_form .vibe_projects_field input {
  border: none;
  background: none;
  font-size: 1rem;
  margin: 0;
  padding: 0;
}
.vibebp_myprofile .vibe_projects_new_list_form .vibe_projects_form_actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.list_view_boards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.list_view_boards .list_wrapper {
  background: none;
  border: none;
}
.list_view_boards .list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: none;
  box-shadow: none;
}
.list_view_boards .list .newcard_form {
  background: var(--border);
  border: 1px solid var(--border);
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.list_view_boards .list .newcard_form input {
  flex: 1;
  border-radius: 5px;
  padding: 5.5px 1rem;
}
.list_view_boards .list .list_header {
  display: flex;
  gap: 1rem;
  position: relative;
  padding: 0.5rem 1rem;
  background: var(--highlight);
  border: 1px solid var(--border);
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.list_view_boards .list .list_header span.vicon.vicon {
  display: inline-block;
}
.list_view_boards .list .list_header .list_context_menu {
  position: absolute;
  z-index: 9;
  background: var(--highlight);
  left: 100%;
  width: 240px;
  padding: 10px;
  border: 1px solid var(--border);
  top: -2px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.list_view_boards .list .list_header .list_context_menu > * {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.list_view_boards .list .cards_container {
  background: var(--highlight);
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 0 5px 5px;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.list_view_boards .list .cards_container .short_card_popup_wrapper {
  left: auto;
  right: 1.5rem;
}
.list_view_boards .list .cards_container .card_wrapper .card_view_wrapper {
  flex-direction: row;
  gap: 0.5rem;
  flex: 1;
  justify-content: space-between;
}
.list_view_boards .list .cards_container .card_wrapper .card_short_name {
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex: 1;
  max-width: 320px;
}
.list_view_boards .list .cards_container .card_wrapper .card_details {
  flex: 1;
}
.list_view_boards .list a.invisible_button {
  width: 100%;
  background: var(--border);
  padding: 5px 1rem;
  border-radius: 0 0 5px 5px;
  transform: translate(0, -100%);
  z-index: 1;
}
.list_view_boards .list:hover .cards_container {
  border-radius: 0 5px 0 0;
}
.list_view_boards .list:hover .invisible_button {
  transform: none;
}

.list_view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: auto;
}
.list_view .tasks_end {
  display: flex;
  gap: 10px;
  align-items: center;
}
.list_view .tasks_end > span {
  padding: 5px;
}
.list_view .list_view_header {
  display: flex;
  align-items: center;
  gap: 5px;
}
.list_view .list_view_header .card_fields {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 1rem;
  padding: 0.5rem 1rem;
  background: var(--border);
  border-radius: 5px;
}
.list_view .list_view_header .card_fields > * {
  cursor: pointer;
}
.list_view .list_view_header .add_card_fields {
  position: relative;
}
.list_view .list_view_header .all_card_fields {
  position: absolute;
  right: 0;
  z-index: 99;
  top: 100%;
  background: var(--highlight);
  padding: 0.5rem;
  border: 1px solid var(--border);
  width: 160px;
}
.list_view .cards_container {
  gap: 0;
}
.list_view .card_fields > *,
.list_view .list_item > * {
  flex: 0 0 120px;
  max-width: 120px;
  text-align: center;
  cursor: pointer;
}
.list_view .card_field.field_title {
  flex: 0 0 320px;
  max-width: 320px;
  text-align: start;
}
.list_view .card_field.field_labels {
  flex: 0 0 160px;
  max-width: 160px;
}
.list_view .list_item {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 1rem;
}
.list_view .list_item .existing_card_labels {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.list_view .list_item .existing_card_labels .card_item_label {
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
}
.list_view .list_item > .field_members {
  flex: 0 0 90px;
}
.list_view .list_item > .field_members .card_members {
  display: flex;
  flex-wrap: wrap;
}
.list_view .list_item > .field_members .card_members img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.list_view .list_item > .field_members .card_members img + img {
  margin-left: -5px;
}
.list_view .list_view_boards .cards_container > .card_container + .card_container .list_item_wrapper {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border);
}
.list_view span.card_status {
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
}

.bp-user.p3 #item-nav + .container, .bp-user.p4 #item-nav + .container {
  z-index: 9;
}

.disable_scroll {
  overflow: auto;
}

.short_card_popup_wrapper {
  left: calc(100% + 25px);
  border-radius: 10px;
  top: 0;
  position: absolute;
  width: 320px;
  z-index: 99;
  transform: translateX(-20px);
  transition: opacity 85ms ease-in, transform 85ms ease-in;
}
.short_card_popup_wrapper .short_card_quick_editor {
  background: var(--body);
  border-radius: 5px;
  padding: 10px;
  border: 1px solid var(--border);
}
.short_card_popup_wrapper .short_card_quick_editor .card_popup {
  position: relative;
  top: 0;
  width: auto;
  box-shadow: none;
}
.short_card_popup_wrapper .short_card_buttons {
  display: flex;
  flex-direction: column;
  display: flex;
  gap: 10px;
}
.short_card_popup_wrapper .short_card_buttons a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  color: var(--bold);
}

@media (min-width: 320px) and (max-width: 1024px) {
  .short_card_popup_wrapper {
    top: calc(100% + 5px);
    left: auto;
  }
}
.card_wrapper {
  border: 1px solid var(--border);
  background: var(--body);
  position: relative;
  transition: all 0.2s;
  padding: 0.5rem;
  border-radius: 5px;
  display: flex;
  gap: 0.5rem;
}
.card_wrapper:after {
  content: attr(data-user);
  position: absolute;
  right: 0;
  top: -1.8rem;
  font-size: 12px;
  background: #ffd741;
}
.card_wrapper .card_view_wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  flex-wrap: wrap;
}
.card_wrapper.milestone:before {
  content: "\e724";
  color: var(--primary);
  font-family: vicon;
}
.card_wrapper.completed {
  opacity: 0.8;
}
.card_wrapper.archived {
  opacity: 0.5;
}
.card_wrapper.active {
  border-radius: 5px;
  box-shadow: 0 10px 20px var(--shadow);
}
.card_wrapper + .card_wrapper {
  margin-top: 0;
}
.card_wrapper:hover {
  box-shadow: 0 5px 20px var(--shadow);
  transform: translate(0 -2px) perspective(400px);
}
.card_wrapper .card_labels_overview {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.card_wrapper .card_labels_overview > .vicon {
  opacity: 0.4;
  cursor: pointer;
}
.card_wrapper .card_labels_overview > .vicon:hover {
  opacity: 1;
}
.card_wrapper .card_labels_overview .existing_card_labels {
  display: flex;
  flex-direction: row;
  gap: 5px;
  flex-wrap: wrap;
  align-items: center;
}
.card_wrapper .card_labels_overview .existing_card_labels span {
  width: 35px;
  height: 10px;
  border-radius: 3px;
}
.card_wrapper .card_labels_overview .existing_card_labels.list {
  gap: 0;
  overflow: hidden;
  border-radius: 5px;
}
.card_wrapper .card_labels_overview .existing_card_labels.list > span {
  width: auto;
  height: auto;
  padding: 2px 5px;
  flex: 1 0 60px;
  border-radius: 0;
  text-align: center;
}
.card_wrapper .card_background_image_view {
  max-height: 300px;
  max-width: 300px;
}
.card_wrapper .card_background_image_view img {
  max-height: 200px;
  max-width: 100%;
}
.card_wrapper .card_label > span {
  width: 50px;
  height: 10px;
  display: flex;
  border-radius: 12px;
}
.card_wrapper .card_short_name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.card_wrapper .card_short_name > .vicon {
  opacity: 0.4;
}
.card_wrapper .card_short_name:hover .vicon {
  opacity: 1;
}
.card_wrapper .card_details {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
.card_wrapper .card_details .card_status {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.card_wrapper .card_details .card_status.list {
  width: auto;
}
.card_wrapper .card_details .card_icons {
  display: flex;
  flex-direction: row;
  gap: 5px;
  flex-wrap: wrap;
}
.card_wrapper .card_details .card_icons .card_icon {
  display: flex;
  align-items: center;
}
.card_wrapper .card_details .card_badges {
  display: flex;
  flex-direction: row;
  gap: 5px;
  flex-wrap: wrap;
}
.card_wrapper .card_details .card_badges > span {
  padding: 5px;
  border-radius: 5px;
  font-size: 11px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 5px;
}
.card_wrapper .card_details .card_members {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.card_wrapper .card_details .card_members img {
  border-radius: 50%;
  max-width: 2rem;
}
.card_wrapper .card_details.list {
  flex-wrap: wrap;
}
.card_wrapper .card_details.list > * {
  flex: 1 0 120px;
}
.card_wrapper .card_details.list .card_status {
  width: auto;
  height: auto;
  padding: 2px 5px;
  border-radius: 5px;
  color: var(--highglight);
  max-width: 120px;
  text-align: center;
}
.card_wrapper .card_details.list .card_badges > span {
  font-size: 1rem;
  background: var(--body);
  padding: 2px 5px;
  border-radius: 5px;
  text-transform: none;
}
.card_wrapper .card_short_name > span:first-child {
  flex: 1;
  display: flex;
  gap: 0.5rem;
}
.card_wrapper .card_short_name > span:first-child .vicon {
  margin-top: 5px;
}
.card_wrapper .card_short_name :hover .vicon {
  opacity: 1;
}
.card_wrapper .card_short_name .card_labels_popup {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  padding: 20px;
  width: 320px;
  border-radius: 10px;
  z-index: 9999 !important;
  box-shadow: 0 8px 16px -4px #444, 0 0 0 1px #444;
}
.card_wrapper .card_short_name .card_labels_popup .create_new_label_actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card_wrapper .card_short_name .card_labels_popup .card_popup_header_title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(9, 30, 66, 0.13);
  line-height: 20px;
  margin-bottom: 20px;
}
.card_wrapper .card_short_name .card_labels_popup .card_popup_search_label_section {
  display: flex;
  align-items: center;
  border: 1px solid var(--border);
  padding: 5px;
}
.card_wrapper .card_short_name .card_labels_popup .card_popup_search_label_section input[type=text] {
  border: none;
  padding: 5px;
}

.full_card_background_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  z-index: 9999;
  overflow-y: scroll;
}
.full_card_background_wrapper > span {
  background: var(--shadow);
  width: 100%;
  height: 100%;
  position: fixed;
  cursor: pointer;
}
.full_card_background_wrapper .full_card_wrapper {
  background-color: var(--body) !important;
  width: 100%;
  position: relative;
  height: fit-content;
  margin-top: 10vh;
  max-width: 50rem;
  border-radius: 1rem;
  gap: 1rem;
  z-index: 999;
  padding: 1.5rem;
  display: flex;
  flex-direction: inherit;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_title > span {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
  justify-content: space-between;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_title .card_status {
  padding: 2px 12px;
  letter-spacing: 1px;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_title h2 {
  font-size: 1.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_title h2 span {
  color: var(--primary);
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header h6 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: Flex;
  align-items: center;
  gap: 5px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header h6 .vicon-plus {
  border: 1px solid var(--text);
  border-radius: 50%;
  padding: 2px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_due_data_wrapper {
  background: var(--sidebar);
  border-radius: 25px;
  padding: 5px 12px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_labels_wrapper {
  display: flex;
  gap: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_labels_wrapper .existing_labels {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_labels_wrapper .existing_labels span {
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
  cursor: pointer;
  color: var(--highlight);
  font-size: 11px;
  text-transform: uppercase;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper {
  display: flex;
  gap: 5px;
  align-items: center;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper .card_add_new_members {
  position: relative;
  display: flex;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper .card_add_new_members .card_show_search_results {
  position: absolute;
  z-index: 1;
  background: var(--highlight);
  padding: 10px;
  width: 100%;
  top: 100%;
  max-width: 100%;
  min-width: 240px;
  max-height: 50vh;
  overflow: auto;
  border: 1px solid var(--border);
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper .card_add_new_members .card_show_search_results ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper .card_add_new_members .card_show_search_results ul > li {
  border: 1px solid var(--border);
  padding: 5px;
  align-items: center;
  display: flex;
  gap: 5px;
  border-radius: 50px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper .card_add_new_members .card_show_search_results ul > li img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper ul.card_members {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  list-style: none;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper ul.card_members li {
  display: flex;
  gap: 5px;
  align-items: center;
  border: 1px solid var(--border);
  background: var(--highlight);
  padding: 5px;
  border-radius: 50px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper ul.card_members li img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper ul.card_members.can_remove li {
  position: relative;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper ul.card_members.can_remove li:hover:after {
  content: "\e646";
  font-family: vicon;
  color: red;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper .card_add_members_action {
  display: flex;
  align-items: center;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper .card_add_members_action .add_new_member {
  border: 2px dashed var(--border);
  padding: 12px;
  border-radius: 50%;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper .card_add_members_action .add_new_member.vicon-close {
  border: 1px solid var(--border);
  border-radius: 5px 0 0 5px;
  border-right: none;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_add_members_wrapper .card_add_members_action .tip {
  border: 1px solid var(--border);
  padding: 8px 11px;
  border-radius: 0 5px 5px 0;
  border-left: 0;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_due_date_wrapper {
  background-color: #d5eafc;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_due_date_wrapper.overdue {
  background-color: #ffe5d3;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_due_date_wrapper strong {
  display: flex;
  gap: 5px;
  align-items: center;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_details_item_header .card_due_date_wrapper .show_card_due_date {
  box-shadow: none;
  border: none;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_watchers {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_watchers > * {
  flex: 1 0 120px;
  max-width: 180px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--border);
  border-radius: 32px;
  background: var(--highlight);
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_watchers > * img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .checklist_item_fields_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  maring: 0 5px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .checklist_item_fields_wrap .checklist_item_field {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .checklist_item_fields_wrap .checklist_item_field label {
  font-size: 11px;
  text-transform: uppercase;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_name_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_name_wrapper h4 {
  margin-bottom: 0em;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_name_wrapper .checklist_name {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_name_wrapper .checklist_name > h4 {
  padding-right: 20px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_name_wrapper div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0.5rem -0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_name_wrapper div span {
  margin: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_progressbar_wrap {
  display: flex;
  align-items: center;
  height: 1.5rem;
  justify-content: space-between;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_progressbar_wrap .card_checklist_progressbar_wrapper {
  background: rgba(9, 30, 66, 0.08);
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% - 3rem);
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_progressbar_wrap .card_checklist_progressbar_wrapper span:nth-child(2) {
  margin: 0.2rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_progressbar_wrap .card_checklist_progressbar_wrapper span.checklist_progressbar {
  background: var(--primary);
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  transition: 0.3s all;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .new_task_from {
  padding: 1rem;
  background: var(--sidebar);
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .new_task_from textarea {
  flex: 1 0 100%;
  bordeR: 1px solid var(--boder);
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .new_task_from .form-control {
  flex: 0 0 200px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists {
  margin: 1rem 0;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists .checklist_task_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists .checklist_task_list > div {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  flex: 1;
  gap: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists .checklist_task_list > div .vicon + span {
  flex: 1 0 120px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists .checklist_task_list > div .checklist_item_desc {
  flex: 1 0 120px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists .checklist_task_list > div img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists .checklist_task_list > div + span {
  position: relative;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists .checklist_task_list > div + span .checklist_item_options {
  position: absolute;
  right: 0;
  z-index: 9;
  flex-direction: column;
  gap: 5px;
  top: 2rem;
  min-width: 120px;
  background: var(--sidebar);
  color: var(--bold);
  padding: 5px;
  border: 1px solid var(--border);
  border-radius: 5px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists .checklist_task_list > div + span .checklist_item_options span {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 5px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklists_lists .checklist_task_list span.vicon-close {
  cursor: pointer;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_checklist .card_checklist_tasks_wrapper {
  display: flex;
  flex-direction: row;
  padding-bottom: 20px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .add_attachment {
  border: 1px dashed var(--border);
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_attachment {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_attachment > div {
  display: flex;
  gap: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_attachment .attachment_thumbnail_name {
  display: flex;
  align-items: center;
  gap: 5px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_attachment .card_attachment_thumbnail img {
  width: 64px;
  height: 64px;
  border-radius: 10px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tabs {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border);
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tabs > * {
  padding: 5px;
  position: relative;
  cursor: pointer;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tabs > *.active, .full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tabs > *:hover {
  color: var(--primary);
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tabs > *.active:after {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: -1px;
  background: var(--primary);
  left: 0;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tab_content {
  margin: 0.5rem 0.5rem 0 0;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tab_content .card_attachments_popup_title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
  line-height: 1rem;
  margin-bottom: 1rem;
  padding: 0 0 1rem;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tab_content .activity_list .activity_body {
  flex-wrap: wrap;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tab_content .activity_list .activity_body .activity_header {
  flex: 1;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tab_content .activity_list .activity_body .activity_content {
  min-width: 100%;
  flex: 1;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tab_content .card_attachment_form a {
  padding: 5px;
  border-radius: 5px;
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tab_content .card_attachment_form a:hover {
  background: var(--border);
}
.full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tab_content .card_attachment_form .uploaded_src > img, .full_card_background_wrapper .full_card_wrapper .full_card_container .card_tabs_wrapper .card_tab_content .card_attachment_form .uploaded_src video {
  width: 100%;
  height: 100%;
  max-width: 280px;
}
.full_card_background_wrapper .full_card_wrapper span {
  background: none;
}
.full_card_background_wrapper .full_card_wrapper .card_actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.full_card_background_wrapper .full_card_wrapper .card_actions > * {
  display: flex;
  gap: 5px;
}
.full_card_background_wrapper .full_card_wrapper .card_actions .labels_list {
  display: flex;
  flex-direction: column;
  max-height: 50vh;
  overflow-y: auto;
}
.full_card_background_wrapper .full_card_wrapper .card_actions .labels_list .card_labels {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0.5rem 0;
  cursor: pointer;
  margin: auto -0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .card_actions .labels_list .card_labels .label_div {
  flex: 2 0 80px;
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0.5rem;
  font-weight: 700;
}
.full_card_background_wrapper .full_card_wrapper .card_actions .labels_list .card_labels .label_div span.vicon {
  font-weight: 900;
  text-shadow: 1px 1px var(--border);
}
.full_card_background_wrapper .full_card_wrapper .card_attachments_wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.full_card_background_wrapper .full_card_wrapper .card_attachments_wrapper .vbp_message {
  margin: 0;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .card_description_content {
  max-height: 150px;
  overflow: hidden;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper.active .card_description_content {
  max-height: none;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .additional_card_fields {
  border-top: 1px solid var(--border);
  margin-top: 1rem;
  padding-top: 1rem;
  display: flex;
  gap: 1rem;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .additional_card_fields > * {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .vibe_cards_description_fields {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .vibe_cards_description_fields .field_wrapper {
  padding: 0.5rem;
  background: var(--highlight);
  border: 1px solid var(--border);
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .vibe_cards_description_fields .field_wrapper.field_editor {
  flex: 1 0 100%;
  padding: 0;
  border: none;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .vibe_cards_description_fields .card_desc_action_buttons {
  display: flex;
  flex: wrap;
  gap: 1rem;
  align-items: center;
  flex: 1 0 100%;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper span {
  background: none;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .card_description_fields {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .card_description_fields h4 {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .card_description_fields h4 .vicon {
  opacity: 0.5;
  font-size: 0.875rem;
}
.full_card_background_wrapper .full_card_wrapper .card_description_wrapper .card_description_fields:hover h4 > .vicon {
  opacity: 1;
}
.full_card_background_wrapper .full_card_wrapper .card_actions_wrapper {
  display: none;
  flex-direction: column;
  gap: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .card_actions_wrapper.active {
  display: flex;
}
.full_card_background_wrapper .full_card_wrapper > strong {
  font-size: 11px;
  text-transform: uppercase;
}
.full_card_background_wrapper .full_card_wrapper .card_actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.full_card_background_wrapper .full_card_wrapper .card_actions > span {
  opacity: 0.8;
  background: var(--border);
  padding: 8px 10px;
  border-radius: 5px;
  cursor: pointer;
  max-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
}
.full_card_background_wrapper .full_card_wrapper .card_actions > span > span {
  max-width: 7rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full_card_background_wrapper .full_card_wrapper .card_actions > span:hover {
  opacity: 1;
}
.full_card_background_wrapper .new_card_comment {
  margin: 1.5rem 0;
  display: flex;
  padding: 1rem 1rem 0;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--border);
}
.full_card_background_wrapper .new_card_comment textarea {
  border: none;
  transition: all 0.2s;
}
.full_card_background_wrapper .new_card_comment textarea:focus {
  height: 120px;
}
.full_card_background_wrapper .new_card_comment .card_comment_actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.full_card_background_wrapper .new_card_comment .card_comment_actions .card_comment_wrapper {
  display: flex;
  align-items: center;
}

.all_tasks_wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.all_tasks_wrapper .all_tasks_header {
  padding: 0.5rem;
  background: var(--highlight);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}
.all_tasks_wrapper .all_tasks_header .task_search {
  border: 1px solid var(--border);
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
}
.all_tasks_wrapper .all_tasks_header .task_search input {
  background: none;
  border: none;
}
.all_tasks_wrapper .all_tasks {
  margin: 1rem 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1rem;
}
.all_tasks_wrapper .all_tasks .vibe_task {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  background: var(--highlight);
  border: 1px solid var(--border);
  padding: 1rem;
  flex: 1 0 240px;
}
.all_tasks_wrapper .all_tasks .vibe_task .task_members img {
  max-width: 32px;
  border-radius: 50%;
}

.card_popup {
  background: var(--highlight);
  border: 1px solid var(--border);
  position: absolute;
  top: 2rem;
  right: 0;
  padding: 1rem;
  width: 320px;
  border-radius: 10px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card_popup .card_popup_title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
  padding-bottom: 1rem;
  width: 100%;
}
.card_popup .popup_action_buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
}
.card_popup .card_labels_popup_wrapper {
  width: 100%;
}
.card_popup .card_labels_list_header {
  display: flex;
  margin: 1rem 0;
  display: flex;
  gap: 5px;
}
.card_popup .card_labels_list_header .labels_list {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.card_popup .card_labels_list_header .labels_list .label_item {
  display: flex;
  gap: 5px;
  padding: 2px 5px;
  border-radius: 5px;
  color: #fff;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s;
}
.card_popup .card_labels_list_header .labels_list .label_item.selected:before {
  content: "\e64c";
  font-family: vicon;
}
.card_popup .due_date_select_date {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}
.card_popup .due_date_select_date > input {
  border: 1px solid var(--border);
}
.card_popup .create_new_label_actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card_popup .create_label_form_wrapper .create_label_text input {
  width: 100%;
  margin: 0.5rem 0;
}
.card_popup .create_label_form_wrapper .vibe_color_pallete_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.card_popup .create_label_form_wrapper .vibe_color_pallete_wrapper span.vicon.vicon-check {
  text-decoration: none;
  font-weight: 900;
}
.card_popup .create_label_form_wrapper .vibe_color_pallete_wrapper span {
  height: 20px;
  width: 30px;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card_popup .card_popup_add_label_section {
  display: flex;
  align-items: center;
}
.card_popup .card_popup_add_label_section input[type=text] {
  border: none;
  padding: 0 0.2rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
.card_popup .add_checklist_container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.card_popup .add_checklist_container span {
  font-size: 11px;
  text-transform: uppercase;
}
.card_popup .add_checklist_container input[type=text] {
  border: 1px solid var(--border);
  width: 100%;
}
.card_popup .add_checklist_container a.create_checklist {
  width: 30%;
}
.card_popup .vibe_select_label_move {
  display: flex;
  align-items: center;
  margin: 0 -0.5rem;
  max-width: 100%;
}
.card_popup .vibe_select_label_move label {
  padding: 0.2rem;
  background: var(--border);
  margin: 0 0.2rem;
  border-radius: 5px;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  flex: 1 0 50%;
  flex-wrap: wrap;
  width: 50%;
}
.card_popup .vibe_select_label_move label select {
  max-width: 100%;
  border: none;
}
.card_popup .vibe_select_label_move label span {
  margin-left: 1rem;
}

@media (max-width: 768px) {
  .full_card_background_wrapper .full_card_wrapper .card_actions_wrapper.active {
    width: 36px;
  }

  .card_actions span .action_label {
    display: none;
  }
  .card_actions span:hover {
    display: block;
    transform: translate(calc(36px - 10rem), 0);
    width: 10rem;
  }
  .card_actions span:hover .action_label {
    display: flex;
  }
}
.project_gantt_wrapper {
  max-width: calc(100vw - 320px);
}
.project_gantt_wrapper .vibe_projects_gantt_Chart_wrap {
  position: relative;
}
.project_gantt_wrapper .vibe_projects_gantt_Chart_wrap .gantt_arrows {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  height: 100%;
  width: 1rem;
  padding: 10px;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  background: linear-gradient(90deg, transparent, var(--border));
}
.project_gantt_wrapper .vibe_projects_gantt_Chart_wrap .gantt_arrows.left_arr {
  right: auto;
  left: 0;
  background: linear-gradient(270deg, transparent, var(--border));
}
.project_gantt_wrapper .vibe_projects_gantt_Chart_wrap:hover .gantt_arrows {
  display: flex;
}
.project_gantt_wrapper .gantt_wrapper {
  display: flex;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones {
  flex: 0 0 240px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements {
  margin-top: 57px;
  display: flex;
  flex-direction: column;
  bordeR: 1px solid var(--border);
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element {
  height: 110px;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: var(--highlight);
  position: relative;
  border-bottom: 1px solid var(--border);
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element:last-child {
  border: none;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element.sub {
  background: var(--sidebar);
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  justify-content: center;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content strong {
  cursor: pointer;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content span.progress_per {
  position: absolute;
  right: 0;
  top: 1rem;
  font-size: 11px;
  padding: 5px 5px 5px 8px;
  background: #EFB942;
  border-radius: 5px 0 0 5px;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content span.progress_per.zero {
  background: #f1f1f1;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content span.progress_per.first_quarter {
  background: #rgb 254, 86, 84;
  color: #fff;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content span.progress_per.second_quarter {
  background: #F5852E;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content span.progress_per.third_quarter {
  background: #e5ff00;
  color: #333;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content span.progress_per.fourth_quarter {
  background: #4AA5E8;
  color: #fff;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content span.progress_per.full {
  background: #00B8A9;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content .delete_notice {
  display: flex;
  border-radius: 5px;
  margin-bottom: 5px;
  line-height: 1;
  font-size: 0.875rem;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content .date_range {
  font-size: 12px;
  display: flex;
  gap: 5px;
  align-items: center;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content .sub_tasks {
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--border);
  max-width: 120px;
  font-size: 12px;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content .sub_tasks > span {
  display: flex;
  align-items: center;
  text-align: center;
  flex: 1;
  padding: 0 5px;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content .card_actions {
  display: flex;
  gap: 5px;
  opacity: 0;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 5px;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content .card_actions span.vicon {
  font-size: 12px;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content .card_actions span.vicon:hover {
  opacity: 1;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content .card_members {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element .gantt_chart_element_content .card_members > * {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gantt_chart_elements > .gantt_chart_element:hover > .gantt_chart_element_content .card_actions {
  opacity: 1;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .new_card_form {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--highlight);
  border: 1px solid var(--border);
  padding: 1rem;
  min-width: 320px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 0 20px var(--border);
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .new_card_form .new_card_field {
  display: flex;
  flex-direction: column;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .new_card_form .new_card_form_buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper {
  flex: 1;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: auto;
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-left: 1rem;
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header > * {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header > *.gannt_chart_switch_modes {
  gap: 0;
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header .hide_show_tasks {
  display: none;
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header .gannt_chart_switch_modes {
  display: flex;
  border: 1px solid var(--border);
  border-radius: 5px;
  overflow: hidden;
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header .gannt_chart_switch_modes > a {
  padding: 5px 10px;
  border-right: 1px solid var(--border);
  color: var(--bold);
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header .gannt_chart_switch_modes > a *:hover {
  color: var(--border);
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header .gannt_chart_switch_modes > a.active {
  background: var(--border);
  color: var(--bold);
}
.project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header .gannt_chart_switch_modes > a:last-child {
  border: none;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gant_button_wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 2px;
  overflow: hidden;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gant_button_wrapper .gant_chart_type_switcher {
  width: 100%;
  display: flex;
  border: 1px solid var(--primary);
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gant_button_wrapper .gant_chart_type_switcher > * {
  text-align: center;
  padding: 10px;
}
.project_gantt_wrapper .gantt_wrapper .vibe_projects_gantt_chart_milestones .gant_button_wrapper .gant_chart_type_switcher > *.active {
  flex: 1;
  background: var(--primary);
  color: var(--primarycolor);
}
.project_gantt_wrapper .gantt .grid-background {
  fill: none;
}
.project_gantt_wrapper .gantt .grid-header {
  fill: var(--highlight);
  stroke: var(--border);
  stroke-width: 1.4;
}
.project_gantt_wrapper .gantt .grid-row {
  fill: var(--highlight);
}
.project_gantt_wrapper .gantt .row-line {
  stroke: var(--border);
}
.project_gantt_wrapper .gantt .tick {
  stroke: var(--border);
  stroke-width: 0.2;
}
.project_gantt_wrapper .gantt .tick.thick {
  stroke-width: 0.4;
}
.project_gantt_wrapper .gantt .today-highlight {
  fill: var(--border);
  opacity: 0.5;
}
.project_gantt_wrapper .gantt .arrow {
  fill: none;
  stroke: var(--border);
  stroke-width: 2;
}
.project_gantt_wrapper .gantt .bar {
  fill: var(--sidebar);
  stroke: var(--sidebar);
  stroke-width: 0;
  transition: stroke-width 0.3s ease;
  user-select: none;
}
.project_gantt_wrapper .gantt .bar-invalid {
  fill: transparent;
  stroke: var(--border);
  stroke-width: 1;
  stroke-dasharray: 5;
}
.project_gantt_wrapper .gantt .bar-invalid ~ .bar-label {
  fill: var(--bold);
}
.project_gantt_wrapper .gantt .bar-label {
  fill: var(--bold);
  mix-blend-mode: difference;
  dominant-baseline: central;
  text-anchor: middle;
  font-size: 1rem;
  font-weight: bold;
}
.project_gantt_wrapper .gantt .bar-label.big {
  fill: var(--text);
  text-anchor: start;
}
.project_gantt_wrapper .gantt .handle {
  fill: var(--border);
  cursor: ew-resize;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
.project_gantt_wrapper .gantt .bar-wrapper {
  cursor: pointer;
  outline: none;
}
.project_gantt_wrapper .gantt .bar-wrapper:hover .bar {
  opacity: 1;
}
.project_gantt_wrapper .gantt .bar-wrapper:hover .handle {
  visibility: visible;
  opacity: 1;
}
.project_gantt_wrapper .gantt .bar-wrapper.active .bar {
  stroke: var(--sidebar);
  stroke-width: 1px;
}
.project_gantt_wrapper .gantt .lower-text, .project_gantt_wrapper .gantt .upper-text {
  font-size: 12px;
  text-anchor: middle;
}
.project_gantt_wrapper .gantt .upper-text {
  fill: var(--text);
}
.project_gantt_wrapper .gantt .lower-text {
  fill: var(--text);
}
.project_gantt_wrapper .gantt .hide {
  display: none;
}
.project_gantt_wrapper .gantt-container {
  position: relative;
  overflow: auto;
  font-size: 12px;
}
.project_gantt_wrapper .gantt-container .popup-wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--highlight);
  border: 1px solid var(--border);
  box-shadow: 0 2px 10px var(--shadow);
  padding: 0.75rem;
  color: var(--primary);
  border-radius: 3px;
}
.project_gantt_wrapper .gantt-container .popup-wrapper .title {
  font-size: 1.2rem;
  margin: 0;
}
.project_gantt_wrapper .gantt-container .popup-wrapper .subtitle {
  margin: 0;
  font-size: 1rem;
}
.project_gantt_wrapper .gantt-container .popup-wrapper .pointer {
  position: absolute;
  height: 5px;
  margin: 0 0 0 -5px;
  border: 5px solid transparent;
  border-top-color: var(--border);
}

@media (max-width: 768px) {
  .project_gantt_wrapper .gantt .bar-label {
    display: block;
  }
}
@media (max-width: 520px) {
  .project_gantt_wrapper .gantt_wrapper .gantt_chart_wrapper .gantt_chart_header .hide_show_tasks {
    display: flex;
  }
}
.fc-event-id span {
  color: var(--light);
}

.vibe_projects_calendar {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: column;
}
.vibe_projects_calendar .my_tasks_header {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  border: 1px solid var(--border);
  background: var(--highlight);
  padding: 0 1rem;
  align-items: center;
}
.vibe_projects_calendar .my_tasks_header .search_bar {
  border: 1px solid var(--border);
  padding: 0 0.5rem;
  margin: 0;
}
.vibe_projects_calendar .my_tasks_header .search_bar input {
  border: none !important;
  background: none !important;
}
.vibe_projects_calendar .fc-media-screen .fc-timegrid-event {
  overflow: auto;
}

.projects_calendar_lists {
  flex: 1 0 240px;
  max-width: 400px;
}
.projects_calendar_lists .card_wrapper {
  display: flex;
  gap: 0.5rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  background: var(--highlight);
}

.vibecal_wrapper {
  flex: 1 0 320px;
  height: 100vh;
}
.vibecal_wrapper .fc-event {
  border: none;
}
.vibecal_wrapper .fc-event .fc-event-title {
  display: flex !important;
  color: var(--text);
  flex-direction: column;
  align-items: flex-start;
}
.vibecal_wrapper .cal_event {
  background: var(--highlight);
  padding: 5px;
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.vibecal_wrapper .cal_event .event_status {
  background: #3ac3fd;
  color: #fff;
  padding: 2px 5px;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 10px;
}
.vibecal_wrapper .cal_event .event_members {
  display: flex;
  gap: 2px;
}
.vibecal_wrapper .cal_event .event_members img {
  border-radius: 50%;
  width: 24px;
}

.fc-header-toolbar {
  display: flex;
  align-items: center;
}
.fc-header-toolbar .fc-toolbar-chunk {
  flex: 1 0 220px;
  display: flex;
  align-items: center;
}
.fc-header-toolbar .fc-toolbar-chunk button {
  background: var(--primary);
  height: 36px;
  border: 5px;
}
.fc-header-toolbar .fc-toolbar-chunk button:focus {
  outline: none;
}
.fc-header-toolbar .fc-toolbar-chunk .btn-group > button {
  margin: 0;
}
.fc-header-toolbar .fc-toolbar-chunk:last-child {
  justify-content: flex-end;
}
.fc-header-toolbar .fc-toolbar-chunk .fa-chevron-right:before {
  content: "\e628";
  font-family: "vicon";
}
.fc-header-toolbar .fc-toolbar-chunk .fa-chevron-left:before {
  content: "\e629";
  font-family: "vicon";
}
.fc-header-toolbar .btn-group {
  display: flex;
  border: 1px solid var(--primary);
  border-radius: 5px;
}
.fc-header-toolbar .btn-group > .btn {
  border-radius: 0;
  color: var(--primary);
  background: none !important;
}
.fc-header-toolbar .btn-group > .btn.active, .fc-header-toolbar .btn-group > .btn:hover {
  background: var(--primary) !important;
  color: var(--primarycolor);
}
.fc-header-toolbar.fc-toolbar {
  flex-wrap: wrap;
}

.calendar_topheader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.calendar_topheader > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.calendar_topheader > div.sync_gcal > a,
.calendar_topheader > div span {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}
.calendar_topheader > div span {
  margin: 0 5px;
}

.fc-view thead {
  background: var(--highlight);
}
.fc-view thead th {
  color: var(--bold);
}
.fc-view tr {
  border: 1px solid var(--border);
}
.fc-view tr td,
.fc-view tr th {
  border: 1px solid var(--border);
}

.vibebp_myprofile.popup_active .profile_grid .profile_grid_header {
  z-index: 9;
}

.add_icon_button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  min-height: 240px;
  border: 5px dashed var(--border);
}
.add_icon_button .add_icon {
  font-size: 2rem;
}
.add_icon_button .add_icon:before {
  opacity: 0.2;
}

.vibe_projects_field {
  font-size: 1rem;
}
.vibe_projects_field input {
  border: none;
  border-bottom: 2px solid var(--border);
  background: none;
  margin-bottom: 0.5rem;
}
.vibe_projects_field input:focus {
  outline: none;
}

.grid_projects {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 1rem;
}
.grid_projects .project {
  background: var(--highlight);
  /*background:#f0f8ff;
  &:nth-child(1){background:#f0fff6;}
  &:nth-child(2){background:#fff5f0;}
  &:nth-child(3){background:#fff5f0;}
  &:nth-child(4){background:#fff0fd;}
  &:nth-child(5){background:#f0f5ff;}
  &:nth-child(6){background:#fff8f0;}*/
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.2s;
  position: relative;
  border-radius: 5px;
  padding: 1rem;
  border: 1px solid var(--border);
  gap: 1rem;
}
.grid_projects .project .project_title {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.grid_projects .project .project_title img {
  width: 64px;
  border-radius: 0.5rem;
}
.grid_projects .project .project_title > span {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.grid_projects .project .project_title > span .project_types {
  flex-direction: row;
  gap: 5px;
  flex-wrap: wrap;
  display: flex;
}
.grid_projects .project .project_title > span .project_type {
  opacity: 0.7;
}
.grid_projects .project:hover {
  box-shadow: 0 5px 20px var(--shadow);
  perspective: 400px;
  transform: translateY(-5px);
}
.grid_projects .project .project_body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  width: 100%;
}
.grid_projects .project .project_body .project_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.grid_projects .project .project_body .project_meta > * {
  border: 1px solid var(--border);
  padding: 2px 5px;
  border-radius: 0 5px 5px;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 32px;
}
.grid_projects .project .project_status {
  margin-bottom: 0.5rem;
}
.grid_projects .project .project_status span {
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
  color: #fff;
}
.grid_projects .project .progress_wrap {
  display: flex;
  gap: 1rem;
  width: 100%;
  align-items: center;
}
.grid_projects .project .progress_wrap .progress_wrapper {
  flex: 1;
  height: 5px;
  background: var(--border);
  border-radius: 5px;
  position: relative;
}
.grid_projects .project .progress_wrap .increment {
  background: var(--success);
  position: absolute;
  display: block;
  left: 0;
  height: 5px;
  border-radius: 5px;
}
.grid_projects .project .project_footer {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
}
.grid_projects .project .project_footer .vibe_project_members {
  display: flex;
  margin-left: 5px;
}
.grid_projects .project .project_footer .vibe_project_members > * {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  margin-left: -5px;
}
.grid_projects .full_project .project_details h1 {
  color: #313b3d;
  font-size: 2.5rem;
  font-weight: 700;
}
.grid_projects .full_project .project_details .project_author_name img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.list_projects {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--highlight);
  border: 1px solid var(--border);
  border: 1px solid var(--border);
  overflow-x: auto;
}

.project_list_item {
  padding: 0.5rem;
  align-items: center;
  border-bottom: 1px solid var(--border);
  padding: 0.5rem;
  position: relative;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  align-items: center;
  border-bottom: 1px solid var(--border);
}
.project_list_item > * {
  gap: 5px;
  display: flex;
  flex-wrap: wrap;
  wordbreak: break-word;
  align-items: center;
  justify-content: center;
}
.project_list_item > *.project_type {
  flex-direction: column;
}
.project_list_item > * > .tip {
  display: flex;
  align-items: center;
  gap: 5px;
}
.project_list_item.project_list_header .project_custom_fields_selector {
  position: absolute;
  right: 0;
  top: 100%;
  width: 240px;
  background: var(--sidebar);
  padding: 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.project_list_item.project_list_header .project_custom_fields_selector .project_custom_field {
  display: flex;
  align-items: center;
  gap: 5px;
}
.project_list_item.project_list_header .project_custom_fields_expand {
  flex: 0;
  position: absolute;
  right: 0;
  padding: 5px;
}
.project_list_item .project_info_project_image {
  display: none;
  flex: 0 0 64px;
  border-radius: 5px;
}
.project_list_item .project_info_project_image img {
  border-radius: 5px;
}
.project_list_item .project_info_project_title {
  flex: 1 0 120px;
  max-width: 320px;
  justify-content: flex-start;
  cursor: pointer;
}
.project_list_item .project_info_project_status span {
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
  color: #fff;
}
.project_list_item .project_info_progress_wrap {
  display: flex;
  gap: 1rem;
  width: 100%;
  align-items: center;
}
.project_list_item .project_info_progress_wrap .progress_wrapper {
  flex: 1;
  height: 5px;
  background: var(--border);
  border-radius: 5px;
  position: relative;
}
.project_list_item .project_info_progress_wrap .increment {
  background: var(--success);
  position: absolute;
  display: block;
  left: 0;
  height: 5px;
  border-radius: 5px;
}
.project_list_item .vibe_project_members {
  display: flex;
  justify-content: center;
  flex: 1 0 32px;
}
.project_list_item .vibe_project_members > * {
  margin-left: -5px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
}

.vibe_projects_editor {
  flex: 1;
  width: 100%;
  background: var(--highlight);
  border: 1px solid var(--border);
  padding: 5px 5px 1rem 5px;
}
.vibe_projects_editor .vibe_editor {
  border: none;
  padding: 0;
  background: none;
}
.vibe_projects_editor .vibe_rich_editor {
  border: none;
  padding: 0;
}
.vibe_projects_editor .editor_wrapper.fixed_toolbar {
  display: flex;
  flex-direction: column-reverse;
}
.vibe_projects_editor .draftJsToolbar__toolbar__dNtBH {
  margin: 0 0 1rem !important;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  padding: 0 0 5px;
}
.vibe_projects_editor button.draftJsToolbar__button__qi1gf {
  background: none;
  color: var(--bold);
}
.vibe_projects_editor .draftJsToolbar__button__qi1gf svg {
  fill: var(--bold) !important;
}
.vibe_projects_editor .draftJsToolbar__buttonWrapper__1Dmqh {
  /* display: flex; */
  /* gap: 1rem; */
}
.vibe_projects_editor .draftJsToolbar__toolbar__dNtBH {
  justify-content: start !important;
}
.vibe_projects_editor button.draftJsToolbar__button__qi1gf:hover {
  border: none !important;
  background: var(--border) !important;
}
.vibe_projects_editor .fix_toolbar {
  display: none !important;
}

.field_featured label {
  position: absolute;
  top: -10px;
  background: var(--body);
  left: 10px;
  padding: 0 5px;
}

.field_wrapper.field_switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  background: var(--highlight);
  border: 1px solid var(--border);
  padding: 0.5rem;
}
.field_wrapper.field_switch label {
  font-size: 11px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 480px) {
  .full_project .project_header .project_header_content .project_avatar {
    flex: 1 0 240px;
  }
}