<style>/* BuddyTask dialog fix */
.task-board-dialog.ui-dialog {
    z-index: 100000 !important;
}

/* Prevent the dialog content scrolling the body weirdly */
.task-board-dialog .ui-dialog-content {
    max-height: calc(85vh - 120px) !important;
    overflow-y: auto !important;
}
	/*buddytask update*/
.ui-dialog .ui-dialog-content {
  position: relative;
  float: inline-start!important;
}
/* === BuddyTask Dialog Fixes === */

/* Overlay: dark background ONLY (not the dialog) */
.ui-widget-overlay {
    background: #12183566!important;
    opacity: 0.66 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999 !important;
	border-radius:9px!important;
	border:1px solid #242A40!important;
}

/* Dialog box itself: white, not affected by overlay colour */
.task-board-dialog.ui-dialog {
    background: #04071b!important;
    z-index: 100000 !important;
    max-width: 95vw !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    margin-top: 50px !important; /* nudge down so title bar clears admin bar */
}

/* Title bar */
.task-board-dialog .ui-dialog-titlebar {
    background: #fcfcfc !important;
    color: #1d2327 !important;
}

/* Fix dark theme bleeding into form inputs */
.task-board-dialog input,
.task-board-dialog textarea,
#edit-task-form input,
#edit-task-form textarea,
#edit-task-title,
#edit-task-assign-to,
#edit-task-due-date {
    background-color: #ffffff !important;
    color: #1d2327 !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
}
@media screen and (max-width: 46.8em) {
  .buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
    background: #12183566!important;
	}
/* Description area */
#edit-task-description {
    background-color: #ffffff !important;
    color: #1d2327 !important;
}

/* Dialog content area background */
.task-board-dialog .ui-dialog-content {
    background: #ffffff !important;
    color: #1d2327 !important;
}
	/* BuddyTask datepicker - render above dialog */
#ui-datepicker-div {
    z-index: 100001 !important;
}
.mce-tinymce,
#edit-task-description {
    max-height: 120px !important;
    overflow-y: auto !important;
}
	/* Allow datepicker to position relative to dialog */
.task-board-dialog.ui-dialog {
    overflow: visible !important;
}
.ui-widget-content {
  background:#04071b!important;
	}
.task-board-dialog .ui-dialog-content {
  background: #04071b!important;
	}

.task-board-dialog fieldset {
  background-color: #04071b;
}

.task-board-dialog .ui-dialog-content {
    overflow: visible !important;
}

#ui-datepicker-div {
    z-index: 100001 !important;
    font-size: 12px !important; /* slightly smaller calendar */
}
.task-board {
    background: #12183566!important;}
.task-board .tasks-list-wrapper:nth-child(1) .color-line, .task-board .tasks-list-wrapper:nth-child(1) .color-line-big {
    background-color: #87CC64;}
.task-board .tasks-list-wrapper:nth-child(2) .color-line, .task-board .tasks-list-wrapper:nth-child(2) .color-line-big {
    background-color: #3ea8a5;}
.task-board .tasks-list-wrapper:nth-child(3) .color-line, .task-board .tasks-list-wrapper:nth-child(3) .color-line-big {
    background-color: #24A7D8;}
.task-board .tasks-list-wrapper:nth-child(4) .color-line, .task-board .tasks-list-wrapper:nth-child(4) .color-line-big {
    background-color: #045cd8!important;}
h2.tasks-list-heading {
    color: #D8D7D9!important;
    font-size: 21px;}
.tasks-list {
   box-shadow: 1px 1px 2px rgb(84 178 217 / 20%);}
.dashicons-plus:before {
    content: "\f132";
    color: #045cd8!important;}
.ui-dialog .ui-dialog-content {
    position: relative;}
.ui-dialog .ui-dialog-title {
    float: top;}
.ui-dialog .ui-dialog-title {
    color: #d8d7d9!important;
    float: top;
    margin: 0.6em 0;
    white-space: unset;
    width: 90%;
    overflow: hidden;
    margin-bottom:20px;}
.ui-dialog-titlebar-close:before {
    visibility: hidden!important;}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-title {
    color: #000!important;}
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {
      font-size: 1
	}

</style>