/*Menu*/
#menu {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
/* ===Chat=== */
.dropup {
    display: none;
}
/* ===General=== */
.btn {
    box-shadow: none !important;
}
.tw-bg-primary-600 {
    background: #E7FF2A;
    color: #1f1f1f;
}
.tw-text-neutral-600 {
    color: #1f1f1f !important;
}
.tw-text-neutral-400 {
    color: #1f1f1f;
}
.tw-shadow-sm {
    box-shadow: none !important;
}
/* Heade and menu */
#header {
    box-shadow: none !important;
    border-bottom: 1px solid #cbd5e1;
}
.logo {
    max-width: 150px;
}
.sidebar{
    border-right: none;
}
.sidebar:not(#setup-menu-wrapper) ul.nav li:not(.pinned_project) a {
    font-weight: 500;
    font-size: 13px;
    color: #1f1f1f;
    display: flex !important;
    align-items: center !important;
}

.sidebar .arrow {
    padding-top: 0;
}

.sidebar .arrow i {
     transform: rotate(-90deg);
}

.sidebar ul.nav li a i.menu-icon {
    color: #1f1f1f;
    /*opacity: 0.8;*/
    
    margin-right: 8px;
    display: block;
    float: left;
    width: 18px;
    font-size: 15px;
    color: #6b7280;
    text-align: center;
}
.navbar-nav>li>a {
    color: #1f1f1f;
}
.sidebar>ul.nav>li.active a:first-child, .sidebar>ul.nav>li:hover a:first-child {
    box-shadow: none;
}
.panel, .panel_s,
.top_stats_wrapper {
    box-shadow: none !important;
}
/* Tasks */
.row-border-danger{
    background: #ffe8e8;
}
/* Single task */
.task-modal-single .modal-body {
     /*padding: 1.5rem 1.25rem;*/
     max-height: 80vh;
     overflow: scroll;
}
.popover-title {
    left: calc(100% - 276px);
}
.popover.bottom>.arrow {
    display: none;
}
/* === Projects === */
#project_view_name {
    max-width: 700px !important;
}
.table-projects .tw-font-medium {
    color: #1f1f1f;
    font-size: 16px;
}
/* Row Options */
/* #projects .has-row-options .row-options a:nth-child(1),
#projects .has-row-options .row-options a:nth-child(2) {
    display: none;
} */
a._delete {
    color:#8b0000 !important;
}
.has-row-options:hover .row-options{
    font-size: 0;
}
.has-row-options:hover .row-options a{
    font-size: 12px;
    margin-right: 8px;
}
/*Project main page*/
.project-overview-id {
    display: none;
}
.project-overview-description .tw-text-neutral-500{
    padding: 12px !important;
    background: #f3f4f6 !important;
    border-radius: 5px !important;
}
.project-overview-description .tw-text-neutral-500 p {
    color: #1f1f1f !important;
}
.project-overview-left .tw-grid > div:not(.clearfix) {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
}
/* Project Discussion */
#discussion-comments {
    display: flex;
    flex-direction: column-reverse;
}
#comment-list {
    display: flex;
    flex-direction: column-reverse;
}
.jquery-comments ul.main li.comment .comment-wrapper {
    border: none;
}
.jquery-comments .profile-picture {
    width: 2.4rem;
    height: 2.4rem;
}
.jquery-comments .name.highlight-font-bold{
    color: #1f1f1f !important;
}

.tc-content span.mention {
    background-color: #000000 !important;
    padding: 3px;
    border-radius: 3px;
    color: #fff;
}

.tc-content,
.comment-wrapper .content {
    background: aliceblue;
    padding: 16px !important;
    border-radius: 8px;
}
.comment-wrapper .content p {
    margin: 0 !important;
}
#discussion-comments .data-container {
    max-height: 60vh;
    overflow: auto;
  display: flex;
  flex-direction: column-reverse;
}
.no-attachments.no-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
/* === Disable # ID column === */
/* #projects_wrapper td.sorting_1 {
    display: none !important;
} */
/* #projects_wrapper tr > th:first-child {
    display: none;
} */
#th-tbltasks\.id\ as\ id {
    /*display: none;*/
}
#tasks_wrapper tbody tr td:nth-child(2) {
  /*display: none;*/
}
/* === Login Page === */
.login_admin .company-logo {
    display: flex;
    justify-content: center;
}
/* ==== Plugins  ====*/
/* Passwords */
.list-group-item.node-tree.node-selected {
 background: #1f1f1f !important;   
}
.icon.node-icon i{
    margin-right: 7px !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: rgb(255 255 255);
    border-radius: .5rem;
    border: none !important;
}
.nav-tabs>li>a:hover {
    border: none;
}
.nav-tabs {
    border-bottom: none;
    padding: 5px;
    border-radius: .5rem;
    margin-bottom: 20px;
}
.btn-icon {
    padding: 5px 12px!important;
}
.btn-danger {
    background: #eaa3a3;
    border-color: #ff7070;
}
a._delete {
    color: #6e0a0a !important;
}
/*Fix tabs*/
.horizontal-tabs,
.panel-full-width-tabs .nav {
    padding: 5px !important;
}
/* My To Do List */
.panel_s {
    border: none !important;
}
.todo-title {
    background: #1f1f1f !important;
    border: none !important;
}
.btn-info {
    background: #1f1f1f !important;
    border: none !important;
}
.todo-body .si-todos-sortable li:not(.padding) {
    padding: 10px !important;
    border-right: 1px solid #cbd5e1;
    border-top: 1px solid #cbd5e1;
    border-bottom: 1px solid #cbd5e1 !important;
    margin-bottom: 10px !important;
}
.todo-description {
    padding: 6px 10px 10px 10px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #e4e6e9;
}
.todo-description i {
    font-size: 12px !important;
}
.todo-description a i {
    font-size: 14px !important;
}
i.fa-pen-to-square {
    color: #1f1f1f;
}
.todo-body h4.todo-title.info-bg,
.todo-body h4.todo-title.warning-bg {
    background: #1f1f1f !important;
    border: none !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
    color: #fff;
}
.todo-title {
    margin: 0 !important;
    line-height: 30px !important;
    padding: 10px 10px 10px 17px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}
.si_todos_priorities_border_1 {
    background: #ededed;
}
.si_todos_priorities_border_4 {
    background: #f4c8cd
}
.si_todos_priorities_border_3 {
    background:#fff1e7;
}
.si_todos_priorities_border_2 {
    background:#cff0ff;
}
.widget .todo-title,
.widget .finished-todos {
    display: none;
}

/*New*/
#wrapper .content table.dataTable thead tr>th, .table.dataTable>thead:first-child>tr:first-child>th {
    background: #fff !important;
    color: black !important;
    border-bottom: 1px solid #cfcfcf !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

#projects_wrapper .col-md-7 {
    display: flex;
    align-items: center;
}

.control-label, label {
    margin-bottom: 0 !important;
}

.panel-table-full .dataTables_wrapper .table-responsive {
    margin-top: 20px;
}

/* customers styles */

.customers .scroller {
    padding: 11px !important;
    margin-top: -10px !important;
    background: none !important;
    border: none !important;
}

/**/
.form-control {
    width: 100% !important;
}

.sorting_1 {
    max-width: 100% !important;
}

/*#tasks > tbody > tr:nth-child(1) > td:nth-child(2),*/

#tasks_wrapper td.sorting_1,
#projects_wrapper td.sorting_1 {
    display: flex;
    flex-direction: column;
    position: relative !important;
}
.table-projects tr:hover td .edit-project-option, .mobile .table-projects tr td .edit-project-option,
.table-projects tr:hover td .edit-option, .mobile .table-projects tr td .edit-option {
    position: absolute !important;
    /* top: 10px; */
    left:90%;
}

.table-projects .edit-project-option,
.table-projects .edit-option {
    position: absolute !important;
}
.table-tasks .edit-option {
    margin-top: -50px;
}}

table.dataTable:has(.mass_select_all_wrap) tbody>tr>td:first-child {
    border-right: none;
}

.sidebar ul.nav li .nav-second-level li a {
    padding: 5px 15px 5px 39px !important;
}



/*Status in tasks list*/

.table-responsive .dropdown-toggle::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: currentColor;
  z-index: -1;
  border-radius: 4px;
  opacity: 0.1;
}

.table-responsive .dropdown-toggle {
  position: relative;
  z-index: 0;
  display: inline-flex;
  padding: 0.25rem 0.5rem; 
}


/*.table-responsive .dropdown-toggle  {*/
/*    padding: 0.25rem 0.5rem;*/
/*    border-radius: 4px;*/
/*}*/

/*#tableTaskPriority-149 {*/
/*    background-color: #ffc5c8;*/
    
/*}*/

/*#tableTaskPriority-111 {*/
/*    background-color: #ff6f005c;*/
/*}*/

/*#tableTaskPriority-118 {*/
/*    background-color: #03a9f445;*/
/*}*/



.status_finished {
    display: inline-flex;
    flex-direction: row-reverse;
}


/*Pinned Project*/

#side-menu.nav>li.pinned_project {
    border: 1px solid #dddee0;
    border-radius: 10px;
    padding: 0px 0 20px 0;
    background: #fff; 
}

#side-menu.nav>li.pinned_project a {
    flex-direction: column-reverse;
    align-items: flex-start !important;
    gap: 2px;
    font-size: 12px !important;
}

.pinned-separator {
    display: none !important;
}

#side-menu.nav>li.pinned_project:hover a:first-child {
    border: none !important;
    border-left-color: #dddee0;
    gap: 2px;
}

#side-menu.nav>li.pinned_project:hover {
    border-left-color: #dddee0;
}


/*Playground*/
/*.dropdown-header {*/
/*    width: 100%;*/
/*    height: 30px;*/
/*}*/
/*.navbar-nav .dropdown-menu.dropdown-menu-right {*/
/*   position: fixed;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    width: 50vw;*/
/*    height: 50vh;*/
/*    transform: translate(-50%, -50%);*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    align-content: flex-start;*/
/*}*/

#tasks_wrapper > div:nth-child(2) > div.col-md-8 {
    display: flex;
    align-content: center;
    align-items: center;
}

.table-projects tr > th:first-child{
    text-align: left !important;
}
.table-projects tr > td:first-child{
    text-align: left !important;
}

/* Chat */
#bottom-bar {
    display: none;
}

.message-input {
    
}

#frame .content {
    padding-top: 57px !important;
}

.prchat, #frame {
    overflow: hidden;
}

body.prchat .messages, body .chat_client_messages {
    margin-top: 0 !important;
}

.prchat #menu {
 overflow-y: scroll !important;  
 padding-top: 57px;
}

.prchat #wrapper {
    padding-top: 57px;
}

.desktop_chat {overflow: hidden;}

#frame .content .messages ul li.sent p {
    background: #024ef4 !important;
}

#frame .content .messages ul li.replies p, #frame .content .chat_client_messages ul li.replies p {
    color: #fff !important;
    background: #212121 !important;
}

#frame .content .chat_client_messages ul li.sent p,
#frame .content .message-input .wrap button {
    background: #212121 !important;
}

#frame .content .message-input .wrap .attachment,
#frame .contact_role,
#frame .meta .time_ago,
#frame .filterAttrs,
#frame #sidepanel .nav-tabs > li a:hover, #frame #sidepanel .nav-tabs > li.active > a, #frame #sidepanel .nav-tabs > li.active > a:focus, #frame #sidepanel .nav-tabs > li.active > a:hover {
    color: #212121 !important;
}
    
#frame svg {    
    fill: #212121 !important;
}

#frame .enterBtn svg {
    fill: #fff !important;
}

.nav-tabs {
    border-radius: 0;
}


.desktop_chat .sidebar-user-profile {
    margin-top: 20px !important;
}

/*Dashboard*/

.home-activity .tab-content {
    margin-top: 0;
}

#home_tab_tasks > a {
    display: none;
}

/*Main Layout*/

#header {
    position: fixed;
    width: 100%;
}

#wrapper {
    padding-top: 57px;
}



tr.has-row-options:has(#tableTaskPriority-197) {
  /*background-color: yellow;*/
}