/* GENERATED by deployment/build-lyb-dark-css.py from assets/css/color/1E202D.css.
   Do not edit; brand adjustments live in the dark section of lyb-theme.css. */
html:where([data-theme="dark"]),
:where(html[data-theme="dark"]) body {
  background-color: var(--lyb-bg) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) h1,
:where(html[data-theme="dark"]) h2,
:where(html[data-theme="dark"]) h3,
:where(html[data-theme="dark"]) h4 {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) a {
  color: var(--lyb-link);
}
:where(html[data-theme="dark"]) a:hover,
:where(html[data-theme="dark"]) a:focus,
:where(html[data-theme="dark"]) a:active {
  color: var(--lyb-link) !important;
}
:where(html[data-theme="dark"]) .dark {
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .dark:hover,
:where(html[data-theme="dark"]) .dark:focus,
:where(html[data-theme="dark"]) .dark:active {
  color: var(--lyb-link) !important;
}
:where(html[data-theme="dark"]) .text-off {
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) blockquote {
  background: var(--lyb-soft-strong) !important;
  border-color: var(--lyb-line-strong);
}
:where(html[data-theme="dark"]) pre {
  background-color: var(--lyb-soft-strong);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .text-default {
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .navbar-custom {
  background: var(--lyb-surface);
  box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.09) !important;
}
:where(html[data-theme="dark"]) .navbar-nav .nav-link {
  color: var(--lyb-link) !important;
}
:where(html[data-theme="dark"]) .sidebar {
  background: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-brand {
  background-color: var(--lyb-surface);
  box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.09) !important;
  -webkit-box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.09) !important;
}
@media (max-width: 990px) {
  :where(html[data-theme="dark"]) .sidebar .sidebar-brand {
    box-shadow: none !important;
  }
}
:where(html[data-theme="dark"]) .sidebar .sidebar-scroll {
  border-color: var(--lyb-line);
  background: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .sidebar-menu li a {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .sidebar-menu li a:active,
:where(html[data-theme="dark"]) .sidebar-menu li a:hover,
:where(html[data-theme="dark"]) .sidebar-menu li a:focus {
  color: var(--lyb-link) !important;
  background-color: var(--lyb-field);
}
:where(html[data-theme="dark"]) .sidebar-menu li ul li a {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .sidebar-menu li ul li a:hover {
  color: #FFF;
  background-color: var(--lyb-field);
}
:where(html[data-theme="dark"]) .sidebar-menu li.active > a {
  color: var(--lyb-link) !important;
  background-color: var(--lyb-bg);
}
:where(html[data-theme="dark"]) .sidebar-toggled .sidebar-menu li:hover {
  background-color: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .sidebar-toggled .sidebar-menu li:hover > a {
  box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.09) !important;
  -webkit-box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.09) !important;
}
:where(html[data-theme="dark"]) .sidebar-toggled .sidebar-menu li ul {
  background-color: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .sidebar-toggled .sidebar-menu li ul li a:hover {
  background-color: var(--lyb-field) !important;
  border-radius: 0 !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) #left-menu-toggle-mask {
  background-color: var(--lyb-bg);
}
:where(html[data-theme="dark"]) .unread-notification {
  background-color: var(--lyb-soft-strong) !important;
}
:where(html[data-theme="dark"]) .card {
  background-color: var(--lyb-surface) !important;
  transition: none !important;
}
:where(html[data-theme="dark"]) .card .card-header {
  background-color: var(--lyb-surface) !important;
  border-color: var(--lyb-line) !important;
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .card-body {
  background-color: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .card-footer {
  background-color: var(--lyb-surface) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .general-form .form-control {
  background-color: var(--lyb-field) !important;
  border-color: var(--lyb-line) !important;
  color: var(--lyb-text) !important;
  transition: none !important;
}
:where(html[data-theme="dark"]) .general-form .form-control:focus {
  background-color: var(--lyb-field) !important;
  border-color: var(--lyb-line) !important;
  transition: background 0.5s !important;
}
:where(html[data-theme="dark"]) .general-form.white .form-control {
  border-color: var(--lyb-line) !important;
  background-color: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .general-form.white .form-control:focus {
  background-color: var(--lyb-field) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .general-form.white .select2-container .select2-choice {
  background-color: var(--lyb-soft) !important;
}
:where(html[data-theme="dark"]) .form-check-input {
  background-color: var(--lyb-soft) !important;
  border-color: var(--lyb-line-strong) !important;
}
:where(html[data-theme="dark"]) .form-check-input:checked {
  border-color: var(--lyb-info-bg) !important;
}
:where(html[data-theme="dark"]) .input-group-text {
  background-color: var(--lyb-soft-strong);
  border-color: var(--lyb-line);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .form-control {
  background-color: var(--lyb-soft-strong);
  color: var(--lyb-text) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .form-control:focus {
  background-color: var(--lyb-field) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .card.dashboard-icon-widget .card-body {
  border-radius: 5px;
}
:where(html[data-theme="dark"]) .widget-details h1 {
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .widget-details span {
  color: var(--lyb-text-subtle) !important;
}
:where(html[data-theme="dark"]) .widget-container .card {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) !important;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) !important;
}
:where(html[data-theme="dark"]) .widget-todo-input-box .input-group {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .widget-todo-input-box input {
  background-color: var(--lyb-soft-strong);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .widget-todo-input-box input:focus {
  background-color: var(--lyb-field);
}
:where(html[data-theme="dark"]) .dropdown-menu {
  background-color: var(--lyb-surface);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}
:where(html[data-theme="dark"]) .dropdown-item {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .dropdown-item:active,
:where(html[data-theme="dark"]) .dropdown-item:hover,
:where(html[data-theme="dark"]) .dropdown-item:focus {
  background-color: var(--lyb-bg);
}
:where(html[data-theme="dark"]) .dropdown-menu:not(.notification-dropdown) .list-group-item:not(.inline-loader) {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .dropdown-menu:not(.notification-dropdown) .list-group-item.active {
  color: #FFF;
}
:where(html[data-theme="dark"]) .dashboard-dropdown .dropdown-toggle {
  background-color: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .list-group-item:not(.active) {
  background-color: var(--lyb-surface) !important;
  color: var(--lyb-text);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .list-group-item:not(.active):focus,
:where(html[data-theme="dark"]) .list-group-item:not(.active):hover {
  background: var(--lyb-bg) !important;
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .list-group-item:not(.active).checklist-item-row:hover,
:where(html[data-theme="dark"]) .list-group-item:not(.active).sub-task-row:hover,
:where(html[data-theme="dark"]) .list-group-item:not(.active).dependency-task-row:hover,
:where(html[data-theme="dark"]) .list-group-item:not(.active).dependency-section:hover {
  background: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .list-group-item:not(.active).unread-notification {
  background-color: var(--lyb-soft-strong) !important;
}
:where(html[data-theme="dark"]) .nav-tabs {
  background: var(--lyb-surface);
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .nav-tabs li a:hover,
:where(html[data-theme="dark"]) .nav-tabs li a:focus,
:where(html[data-theme="dark"]) .nav-tabs li a:active {
  color: var(--lyb-link) !important;
  border-color: var(--lyb-info-bg) !important;
}
:where(html[data-theme="dark"]) .nav-tabs li .active,
:where(html[data-theme="dark"]) .nav-tabs li.active {
  color: var(--lyb-link) !important;
  border-color: var(--lyb-info-bg) !important;
}
:where(html[data-theme="dark"]) .nav-tabs li:not(.title-tab):after {
  background-color: var(--lyb-info-bg);
}
:where(html[data-theme="dark"]) .tab-title {
  border-bottom-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .list-group-item.active {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .settings .list-group-item:not(.active),
:where(html[data-theme="dark"]) .help-catagory .list-group-item:not(.active) {
  background-color: var(--lyb-bg) !important;
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .settings .list-group-item:not(.active):hover,
:where(html[data-theme="dark"]) .settings .list-group-item:not(.active):focus,
:where(html[data-theme="dark"]) .settings .list-group-item:not(.active):active,
:where(html[data-theme="dark"]) .help-catagory .list-group-item:not(.active):hover,
:where(html[data-theme="dark"]) .help-catagory .list-group-item:not(.active):focus,
:where(html[data-theme="dark"]) .help-catagory .list-group-item:not(.active):active {
  color: var(--lyb-text) !important;
  background: rgba(0, 0, 0, 0.02) !important;
}
:where(html[data-theme="dark"]) .settings .list-group-item.active,
:where(html[data-theme="dark"]) .help-catagory .list-group-item.active {
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .settings .email-template-row.list-group-item,
:where(html[data-theme="dark"]) .help-catagory .email-template-row.list-group-item {
  background-color: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .estimate_request_form.list-group-item {
  border: 1px solid var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .grid-bg {
  background: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .column-grid-link:hover .grid-bg {
  background: var(--lyb-info-bg);
}
:where(html[data-theme="dark"]) .btn-primary,
:where(html[data-theme="dark"]) .btn-info {
  background-color: var(--lyb-info-bg) !important;
  border-color: var(--lyb-info-bg) !important;
}
:where(html[data-theme="dark"]) .btn-primary:hover,
:where(html[data-theme="dark"]) .btn-primary:active,
:where(html[data-theme="dark"]) .btn-primary:focus,
:where(html[data-theme="dark"]) .btn-info:hover,
:where(html[data-theme="dark"]) .btn-info:active,
:where(html[data-theme="dark"]) .btn-info:focus {
  background-color: var(--lyb-info-bg) !important;
  border-color: var(--lyb-info-bg) !important;
  color: #FFF !important;
}
:where(html[data-theme="dark"]) .btn-default {
  background-color: var(--lyb-soft-strong) !important;
  border-color: var(--lyb-line) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-default:hover,
:where(html[data-theme="dark"]) .btn-default:active,
:where(html[data-theme="dark"]) .btn-default:focus {
  background-color: var(--lyb-bg) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-light {
  background-color: var(--lyb-soft-strong) !important;
  border-color: var(--lyb-line) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-light:hover,
:where(html[data-theme="dark"]) .btn-light:active,
:where(html[data-theme="dark"]) .btn-light:focus {
  background-color: var(--lyb-bg) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-secondary {
  background-color: var(--lyb-soft-strong) !important;
  border-color: var(--lyb-line-strong) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-secondary:hover,
:where(html[data-theme="dark"]) .btn-secondary:active,
:where(html[data-theme="dark"]) .btn-secondary:focus {
  background-color: var(--lyb-bg) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-outline-light {
  background-color: var(--lyb-soft) !important;
  border-color: var(--lyb-line-strong) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-outline-light:hover,
:where(html[data-theme="dark"]) .btn-outline-light:active,
:where(html[data-theme="dark"]) .btn-outline-light:focus {
  background-color: var(--lyb-soft-strong) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-transparent {
  border-color: var(--lyb-line-strong) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-transparent:hover,
:where(html[data-theme="dark"]) .btn-transparent:active,
:where(html[data-theme="dark"]) .btn-transparent:focus {
  background-color: var(--lyb-soft-strong) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .btn-success:hover,
:where(html[data-theme="dark"]) .btn-success:active,
:where(html[data-theme="dark"]) .btn-success:focus,
:where(html[data-theme="dark"]) .btn-danger:hover,
:where(html[data-theme="dark"]) .btn-danger:active,
:where(html[data-theme="dark"]) .btn-danger:focus {
  color: #FFF !important;
}
:where(html[data-theme="dark"]) .btn.active {
  background: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .page-title {
  background-color: var(--lyb-surface);
  color: var(--lyb-text);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .progress {
  background-color: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .bg-white {
  background-color: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .default-bg {
  background-color: var(--lyb-bg) !important;
}
:where(html[data-theme="dark"]) .bg-success {
  background-color: var(--lyb-field) !important;
}
:where(html[data-theme="dark"]) .bg-dark-success {
  background: var(--lyb-bg);
}
:where(html[data-theme="dark"]) .bg-off-white {
  background: var(--lyb-soft-strong) !important;
}
:where(html[data-theme="dark"]) .bg-info h1 {
  color: #FFF !important;
}
:where(html[data-theme="dark"]) .color-white {
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) #profile-image-section {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .b-a {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .b-t {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .b-r {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .b-b {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .b-l {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .b-white {
  border-color: #000 !important;
}
:where(html[data-theme="dark"]) .border-white {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .border-start {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .border-end {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .border-top {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .border-bottom {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .widget,
:where(html[data-theme="dark"]) .add-column-drop {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .active-team-members-list .message-row {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .permission-list li {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .message-button-list .list-group .list-group-item {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .dashed-row .form-group {
  border-bottom: 1px dashed var(--lyb-line);
}
:where(html[data-theme="dark"]) .dashed-row .bd {
  border-bottom: 1px dotted var(--lyb-line);
}
:where(html[data-theme="dark"]) .sticky-note {
  background-color: var(--lyb-soft) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .modal .modal-dialog .modal-content {
  background-color: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .modal .modal-dialog .modal-content .modal-header {
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .modal .modal-dialog .modal-content .modal-body {
  background-color: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .modal .modal-dialog .modal-content .modal-footer {
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .search-modal {
  border-radius: 40px;
}
:where(html[data-theme="dark"]) .search-modal .help-search-box {
  border-color: var(--lyb-line) !important;
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .search-modal .help-search-box:focus {
  background-color: var(--lyb-soft);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .app-modal-fixed-close-button {
  background: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .app-modal-body {
  background-color: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .app-modal-sidebar {
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) #keyboard-shortcut-modal-form .bg-white {
  color: var(--lyb-text);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .select-member-field a.delete,
:where(html[data-theme="dark"]) .send-invitation-form .delete,
:where(html[data-theme="dark"]) .calendar-ids-form .delete-post-dropzone,
:where(html[data-theme="dark"]) .edit-image-file .delete-saved-file,
:where(html[data-theme="dark"]) .external-tickets-embedded-code {
  background: var(--lyb-soft-strong);
  color: var(--lyb-text);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .select-member-field a.delete:hover,
:where(html[data-theme="dark"]) .send-invitation-form .delete:hover,
:where(html[data-theme="dark"]) .calendar-ids-form .delete-post-dropzone:hover,
:where(html[data-theme="dark"]) .edit-image-file .delete-saved-file:hover,
:where(html[data-theme="dark"]) .external-tickets-embedded-code:hover {
  color: #FFF !important;
}
:where(html[data-theme="dark"]) .modal-mask {
  background-color: var(--lyb-soft);
}
:where(html[data-theme="dark"]) #timeline:before {
  background-image: linear-gradient(to top, var(--lyb-field) 0.1%, var(--lyb-field) 1%, var(--lyb-field) 99%);
}
:where(html[data-theme="dark"]) #timeline .post-content .post-date span {
  background: var(--lyb-info-bg) !important;
}
:where(html[data-theme="dark"]) #timeline .post-content .post-date:before {
  background: var(--lyb-field);
}
:where(html[data-theme="dark"]) #timeline .post-content:nth-child(odd) .post-date:before {
  background: var(--lyb-field);
}
:where(html[data-theme="dark"]) #timeline .post-content .card-body {
  border-radius: 5px;
}
:where(html[data-theme="dark"]) #timeline .timeline-images .file-mockup {
  background: var(--lyb-field);
}
:where(html[data-theme="dark"]) #timeline .timeline-images span.more {
  border-color: var(--lyb-info-bg);
}
:where(html[data-theme="dark"]) .notepad {
  background: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .dropzone {
  background: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .post-dropzone {
  background: var(--lyb-soft) !important;
}
:where(html[data-theme="dark"]) .init-chat-icon {
  background-color: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .init-chat-icon svg {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .rise-chat-wrapper {
  background: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .rise-chat-wrapper .message-row {
  border-bottom-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .rise-chat-wrapper .message-row:hover {
  background: var(--lyb-field);
}
:where(html[data-theme="dark"]) .chat-other .chat-msg {
  background-color: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .chat-me .chat-msg {
  background-color: var(--lyb-info-bg);
}
:where(html[data-theme="dark"]) .rise-chat-footer {
  background: var(--lyb-soft);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .rise-chat-footer textarea {
  background: var(--lyb-soft);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .project-footer-button-section {
  background: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .project-overview-for-client {
  background: var(--lyb-bg);
}
:where(html[data-theme="dark"]) .project_and_clock_status_widget .card-body {
  background-color: transparent !important;
}
:where(html[data-theme="dark"]) .sub-task-icon {
  background-color: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .checkbox-blank:hover {
  background-color: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .chart-circle {
  background: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .td-checkbox {
  background: var(--lyb-field) !important;
}
:where(html[data-theme="dark"]) .td-checkbox a {
  background: var(--lyb-soft-strong) !important;
}
:where(html[data-theme="dark"]) .kanban-container {
  background: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .kanban-item {
  color: var(--lyb-text);
  background-color: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .kanban-item:hover,
:where(html[data-theme="dark"]) .kanban-item:active,
:where(html[data-theme="dark"]) .kanban-item:focus {
  color: var(--lyb-text) !important;
  background: var(--lyb-bg);
}
:where(html[data-theme="dark"]) .milestone {
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .icon-fill-secondary {
  fill: var(--lyb-link) !important;
}
:where(html[data-theme="dark"]) .box-title span {
  background: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .box-title:after {
  background-color: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .cart-grid-item .cart-grid-item-image .cart-grid-rate {
  background-color: var(--lyb-soft-strong);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .cover-widget .card-body {
  background-color: var(--lyb-field) !important;
}
:where(html[data-theme="dark"]) .help-search-box {
  background: url("../../images/search.png") no-repeat 15px 50% var(--lyb-surface);
  border-color: var(--lyb-line) !important;
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .help-search-box:focus {
  background-color: var(--lyb-soft-strong);
  border-color: var(--lyb-line);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .help-category-box:hover {
  background: var(--lyb-field);
}
:where(html[data-theme="dark"]) .note-editor,
:where(html[data-theme="dark"]) .note-editor .note-toolbar,
:where(html[data-theme="dark"]) .note-editor .note-statusbar .note-resizebar,
:where(html[data-theme="dark"]) .note-editor .note-toolbar .btn {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .note-editor.fullscreen {
  background: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .note-editor .dropdown-menu {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .note-editor .note-palette .note-palette-title {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .note-editor table tbody td,
:where(html[data-theme="dark"]) .note-editor table tbody tr {
  color: var(--lyb-text);
  border-color: var(--lyb-line-strong) !important;
}
:where(html[data-theme="dark"]) .note-editor .popover-content {
  background-color: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .note-editor.note-frame,
:where(html[data-theme="dark"]) .note-editor.note-airframe {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .note-editor.note-frame .note-btn,
:where(html[data-theme="dark"]) .note-editor.note-airframe .note-btn {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .kanban-col-title {
  background: var(--lyb-surface);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .timeline-images .file-mockup {
  background: var(--lyb-field);
}
:where(html[data-theme="dark"]) .app-popover {
  background: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .app-popover .app-popover-arrow {
  background: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .circle-done {
  color: var(--lyb-link);
}
:where(html[data-theme="dark"]) .inline-loader:hover {
  background-color: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .app-loader {
  background: transparent;
}
:where(html[data-theme="dark"]) .app-loader .loading {
  border: solid 2px var(--lyb-info-bg);
  border-top-color: #fff;
}
:where(html[data-theme="dark"]) #pre-loader {
  background-color: var(--lyb-bg);
}
:where(html[data-theme="dark"]) #ticket-template-table td:first-child {
  color: var(--lyb-link);
}
:where(html[data-theme="dark"]) .public-navbar .navbar-collapse {
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .dataTable tbody tr.active td,
:where(html[data-theme="dark"]) .dataTable tbody tr.active:hover td {
  background: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) td.dropdown-option button:hover {
  background: var(--lyb-surface);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) td:hover .progress {
  background-color: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .select2-container .select2-choice,
:where(html[data-theme="dark"]) .select2-container .select2-choices,
:where(html[data-theme="dark"]) .select2-container .select2-choices .select2-search-field input {
  background: var(--lyb-field) !important;
  border-color: var(--lyb-line) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .select2-drop {
  background: var(--lyb-field) !important;
  border-color: var(--lyb-line) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .select2-search input {
  background: var(--lyb-field) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .select2-search-choice {
  background: var(--lyb-soft-strong) !important;
  border-color: var(--lyb-line) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .datepicker table tr td.active.active {
  background: var(--lyb-surface);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .datepicker table tr td.active.active:hover {
  background: var(--lyb-surface);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .datepicker table tr td span.active.active,
:where(html[data-theme="dark"]) .datepicker table tr td span.active:hover.active {
  background: var(--lyb-surface);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled.active,
:where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled:hover.active {
  background: var(--lyb-surface);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .datepicker table tr td span.active.active:hover {
  background: var(--lyb-surface);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .datepicker table tr td.range {
  background-color: var(--lyb-soft-strong);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .datepicker table tr td.range:hover {
  background: var(--lyb-field) !important;
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .datepicker table tr td.selected:hover {
  background-color: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .datepicker table tr td.active {
  background: var(--lyb-info-bg) !important;
}
:where(html[data-theme="dark"]) .datepicker table tr td.active:hover {
  background: var(--lyb-info-bg) !important;
}
:where(html[data-theme="dark"]) .datepicker table tr td.today:hover {
  background-color: #ffb733 !important;
}
:where(html[data-theme="dark"]) .datepicker-custom-selector {
  border-color: var(--lyb-line-strong) !important;
  background-color: var(--lyb-soft-strong) !important;
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .datepicker-custom-selector:hover {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .datepicker.dropdown-menu {
  border-color: var(--lyb-line-strong) !important;
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .datepicker-dropdown:after {
  border-bottom-color: var(--lyb-line-strong) !important;
}
:where(html[data-theme="dark"]) .datepicker .datepicker-switch:hover,
:where(html[data-theme="dark"]) .datepicker .prev:hover,
:where(html[data-theme="dark"]) .datepicker .next:hover,
:where(html[data-theme="dark"]) .datepicker tfoot tr th:hover {
  background: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .datepicker table tr td.day:hover,
:where(html[data-theme="dark"]) .datepicker table tr td.focused {
  background: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .atwho-view .cur,
:where(html[data-theme="dark"]) .note-hint-group .active,
:where(html[data-theme="dark"]) .note-hint-item:hover {
  background-color: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .awesomplete ul {
  background: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .awesomplete ul:before {
  background-color: var(--lyb-soft);
}
:where(html[data-theme="dark"]) .awesomplete ul li {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .awesomplete ul li[aria-selected="true"] {
  background: var(--lyb-info-bg);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .awesomplete ul li[aria-selected="true"] mark {
  color: #FFF;
}
:where(html[data-theme="dark"]) .awesomplete ul li[aria-selected="false"]:hover {
  background: var(--lyb-field);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .awesomplete ul li mark {
  color: #FFF;
}
:where(html[data-theme="dark"]) .custom-toolbar .select2-container .select2-choice {
  background-color: var(--lyb-soft-strong) !important;
}
:where(html[data-theme="dark"]) .custom-toolbar .dropdown-toggle {
  background-color: var(--lyb-soft-strong) !important;
}
:where(html[data-theme="dark"]) .fc-button {
  background: var(--lyb-soft-strong) !important;
}
:where(html[data-theme="dark"]) .fc-button-group .fc-button-primary,
:where(html[data-theme="dark"]) .fc-toolbar-chunk .fc-button-primary {
  color: var(--lyb-text) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .fc-theme-standard .fc-scrollgrid,
:where(html[data-theme="dark"]) .fc-theme-standard td,
:where(html[data-theme="dark"]) .fc-theme-standard th {
  border-color: var(--lyb-line-strong) !important;
}
:where(html[data-theme="dark"]) .fc-theme-standard .fc-list {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .fc-theme-standard .fc-list-day-cushion {
  background-color: var(--lyb-soft) !important;
}
:where(html[data-theme="dark"]) .fc-theme-standard .fc-list-event:hover {
  background-color: red !important;
}
:where(html[data-theme="dark"]) .fc .fc-list-event:hover td {
  background-color: var(--lyb-field) !important;
}
:where(html[data-theme="dark"]) .fc .fc-daygrid-day.fc-day-today {
  background-color: var(--lyb-soft-strong) !important;
}
:where(html[data-theme="dark"]) .dataTable tbody tr:hover td {
  background: var(--lyb-soft) !important;
}
:where(html[data-theme="dark"]) .dataTable tbody tr.active td,
:where(html[data-theme="dark"]) .dataTable tbody tr.active:hover td {
  background: var(--lyb-bg) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .dataTable tbody tr.active a.link {
  color: var(--lyb-link);
}
:where(html[data-theme="dark"]) .dataTable tbody tr.active .badge {
  background-color: var(--lyb-soft) !important;
}
:where(html[data-theme="dark"]) .dataTable tbody tr:hover td {
  background: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) table.dataTable thead th {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) table.dataTable.row-border tbody th,
:where(html[data-theme="dark"]) table.dataTable.row-border tbody td {
  border: 1px solid var(--lyb-line-strong);
  background-color: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) table.dataTable.display tbody th,
:where(html[data-theme="dark"]) table.dataTable.display tbody td {
  border-color: var(--lyb-line) !important;
  background-color: var(--lyb-surface);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) table.dataTable.display tfoot th,
:where(html[data-theme="dark"]) table.dataTable.display tfoot td {
  border-color: var(--lyb-line) !important;
  background-color: var(--lyb-soft);
}
:where(html[data-theme="dark"]) table.dataTable.no-footer {
  border-bottom: 1px solid var(--lyb-line);
}
:where(html[data-theme="dark"]) table.dataTable.b-b-only tbody th,
:where(html[data-theme="dark"]) table.dataTable.b-b-only tbody td {
  border-bottom-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .table.table-bordered {
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .dataTables_filter input {
  background: url("../../images/search.png") no-repeat 96% 45% var(--lyb-soft);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .dataTables_filter input:focus {
  background-color: var(--lyb-soft-strong);
  border-color: var(--lyb-line);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .datatable-search,
:where(html[data-theme="dark"]) .custom-filter-search {
  background: url("../../images/search.png") no-repeat 96% 45% var(--lyb-soft);
  border-color: var(--lyb-line);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .datatable-search:focus,
:where(html[data-theme="dark"]) .custom-filter-search:focus {
  background-color: var(--lyb-soft-strong);
  border-color: var(--lyb-line);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button {
  background: var(--lyb-soft) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button a {
  border-right: 1px solid var(--lyb-line) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
:where(html[data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background: var(--lyb-soft) !important;
  border-color: var(--lyb-line-strong) !important;
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button.active a {
  background: var(--lyb-soft-strong) !important;
  color: var(--lyb-text) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button.active a:hover {
  background: var(--lyb-soft-strong) !important;
  color: var(--lyb-text) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .dtr-details .edit:not(.dropdown-item),
:where(html[data-theme="dark"]) .dtr-details .delete:not(.dropdown-item) {
  background: var(--lyb-soft-strong);
  color: var(--lyb-text-subtle);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .dtr-details .edit:not(.dropdown-item):hover,
:where(html[data-theme="dark"]) .dtr-details .delete:not(.dropdown-item):hover {
  color: #FFF !important;
  border-color: #0ABB87 !important;
}
:where(html[data-theme="dark"]) .dtr-details .delete:not(.dropdown-item):hover {
  color: #FFF !important;
  border-color: #FD397A !important;
}
:where(html[data-theme="dark"]) .dataTables_info {
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) table.header-style {
  color: var(--lyb-text);
  width: 100%;
}
:where(html[data-theme="dark"]) .page-item.disabled .page-link {
  background: var(--lyb-soft-strong) !important;
  color: var(--lyb-text) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .page-link {
  background: var(--lyb-field) !important;
  color: var(--lyb-text) !important;
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) td.option a {
  background: var(--lyb-soft-strong);
  color: var(--lyb-text);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) td.option a:hover {
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .table-bordered > tbody > tr > td,
:where(html[data-theme="dark"]) .table-bordered > tbody > tr > th,
:where(html[data-theme="dark"]) .table-bordered > tfoot > tr > td,
:where(html[data-theme="dark"]) .table-bordered > tfoot > tr > th,
:where(html[data-theme="dark"]) .table-bordered > thead > tr > td,
:where(html[data-theme="dark"]) .table-bordered > thead > tr > th {
  border: 1px solid var(--lyb-line);
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) table .error {
  color: #000 !important;
}
:where(html[data-theme="dark"]) .popover-body {
  background-color: var(--lyb-surface);
}
:where(html[data-theme="dark"]) .popover-arrow:after {
  border-right-color: var(--lyb-line-strong) !important;
}
:where(html[data-theme="dark"]) .bootstrap-timepicker-widget table td input {
  background: var(--lyb-soft-strong);
  color: var(--lyb-text);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .bootstrap-timepicker-widget table td input:focus {
  background: var(--lyb-field);
  color: var(--lyb-text);
  border-color: var(--lyb-line);
}
:where(html[data-theme="dark"]) .bootstrap-timepicker-widget table td a {
  color: var(--lyb-text);
}
:where(html[data-theme="dark"]) .bootstrap-timepicker-widget table td a:hover,
:where(html[data-theme="dark"]) .bootstrap-timepicker-widget table td a:focus,
:where(html[data-theme="dark"]) .bootstrap-timepicker-widget table td a:active {
  background: var(--lyb-field);
  border-color: var(--lyb-line);
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .bootstrap-timepicker-widget:after {
  border-bottom-color: var(--lyb-line-strong) !important;
}
:where(html[data-theme="dark"]) .invoice-preview-container {
  background-color: #FFF !important;
}
:where(html[data-theme="dark"]) .invoice-preview-container table.header-style {
  color: var(--lyb-text-subtle) !important;
}
:where(html[data-theme="dark"]) .invoice-payment-amount-section {
  background-color: var(--lyb-field) !important;
}
:where(html[data-theme="dark"]) .gantt .grid-header {
  fill: var(--lyb-soft) !important;
  stroke: var(--lyb-text-subtle) !important;
}
:where(html[data-theme="dark"]) .gantt .lower-text,
:where(html[data-theme="dark"]) .gantt .upper-text {
  fill: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .gantt .grid-row {
  fill: var(--lyb-soft) !important;
}
:where(html[data-theme="dark"]) .gantt .bar-label.big {
  fill: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) .gantt .tick {
  stroke: var(--lyb-text-subtle) !important;
}
:where(html[data-theme="dark"]) .gantt .row-line {
  stroke: var(--lyb-text-subtle) !important;
}
:where(html[data-theme="dark"]) .gantt .today-highlight {
  fill: var(--lyb-text-subtle) !important;
}
:where(html[data-theme="dark"]) #task-comment-form-container .b-a {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) ::-webkit-scrollbar-thumb {
  background: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) ::-webkit-scrollbar-thumb:hover {
  background: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) ::-webkit-scrollbar-thumb:active {
  background: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .note-background {
  background-color: var(--lyb-soft-strong) !important;
}
:where(html[data-theme="dark"]) .footer {
  background: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .popover {
  border-color: var(--lyb-line) !important;
}
:where(html[data-theme="dark"]) .popover-body {
  color: var(--lyb-text) !important;
}
:where(html[data-theme="dark"]) input[type="color"] {
  border-color: var(--lyb-line) !important;
  background-color: var(--lyb-soft-strong);
}
:where(html[data-theme="dark"]) .bg-transparent-white {
  background: var(--lyb-surface) !important;
}
:where(html[data-theme="dark"]) .btn-group .btn.active {
  border-color: var(--lyb-line-strong) !important;
}
:where(html[data-theme="dark"]) .DTTT_container .btn.active {
  border-color: var(--lyb-line-strong) !important;
}
:where(html[data-theme="dark"]) .DTTT_container .btn:hover,
:where(html[data-theme="dark"]) .DTTT_container .btn:active,
:where(html[data-theme="dark"]) .DTTT_container .btn:focus {
  border-color: var(--lyb-line-strong) !important;
}