.mx-datepicker {
    .mx-icon-calendar, .mx-icon-clear {
        color: $gray-500;
    }
}

#inbox .panel-left .tabs button {
    background-color: #2a3042;
    border-color: #32394e;
    color: #a6b0cf !important;
   
    &.active {
        color: #fff !important;
        border-bottom: 2px solid #556ee6 !important;

    }
}

.panel-left {
    .filter-section {
        
        .search-box {
            input[type="text"] {
                background-color: #2e3446 !important
            }
        }
    }

}

#inbox .panel-left .cards-spinner {
    //   / Track /
    &::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #c3cbe4 !important;
  }
   
  // / Handle /
  &::-webkit-scrollbar-thumb {
    background: #c3cbe4 !important;
  }
  
  // / Handle on hover /
  &::-webkit-scrollbar-thumb:hover {
    background: #c3cbe4 !important;
  }
}

#inbox .panel-center .message-action {
    background-color: var(--bs-card-color);
    .tabs {
        button {
            background-color: var(--bs-card-color);
            // border-color: #3a425a;
        }
    }
    .message-action__tab_button {
        outline: none !important;
        box-shadow: none;
        border: 1px solid #2a3042;
        color: #a6b0cf;
        
        &.active {
            border-bottom : 2px solid #556ee6 !important;
            color: #fff !important;
        }
    }
}

#inbox .panel-center .message-view-area .line-center {
    background-color: #2a3042;
}
#inbox .panel-center .message-view-area .chat-card.right .chat_content_wrapper {
    background-color: #556ee640 !important;
}
#inbox .panel-center .message-view-area .chat-card .lead_message_footer {
    background-color: #556ee640 !important;
}
#inbox .panel-center .message-view-area .chat-card.left .chat_content_wrapper {
    background-color: #2e3446 !important;
}

#inbox .panel-right  {
    .tabs {
        button {
            background-color: var(--bs-card-color);
            // border-color: #3a425a;
        }
    }
    .message-action__tab_button {
        outline: none !important;
        box-shadow: none;
        border: 1px solid #2a3042;
        color: #a6b0cf !important;
        
        &.active {
            border-bottom : 2px solid #556ee6 !important;
            color: #fff !important;
        }
    }
}