/* 
    Created on : 4 de dez. de 2023, 10:03:47
    Author     : Wellington Assis
*/

/* -------- Resets -------- */
.panel, .panel-body, .panel_s {
    border: 1px solid #272727;
    background-color: #272727;
    color: #fff;
}

dl a {
    background-color: #272727 !important;
    border-color: var(--opaque-border) !important;
}

dl a:hover {
    background-color: #1e1e1e !important;
}

b {
    color: white !important;
}

.form-group label {
    color: white;
}

.input-group-addon {
    background-color: var(--opaque-border);
    border-color: var(--opaque-border);
}

input {
    border-color: var(--opaque-border) !important;
}

input::placeholder {
    color: #999 !important;
}

.input-group i,
.input-group-addon span {
    color: var(--opaque-text);
}

.input-group:has(input:focus) i {
    display: none;
}

.submenu.customer-top-submenu a:hover,
.submenu.customer-top-submenu a:hover svg {
    color: var(--primary) !important;
    stroke: var(--primary);
}

.panel_s .panel-body .tw-bg-neutral-50 {
    background-color: #272727;
}

.panel_s .panel-body .tw-bg-neutral-50  {
    border-color: var(--opaque-border);
}

form.dropzone {
    border-color: var(--opaque-border);
    background-color: transparent;
    color: var(--opaque-text);
}

.dropzone .dz-message {
    color: var(--primary);
}

.activity-feed .feed-item {
    border-color: var(--primary);
}

.activity-feed .feed-item .date {
    color: var(--opaque-text);
}

.gdpr-right {
    background: #272727;
    border: 1px solid var(--opaque-border);
}

.gdpr-right a {
    background-color: var(--primary);
    color: black;
}

.gdpr-right a:hover {
    background-color: white;
    color: black;
}

.alert-danger p {
    color: black;
}

table.dataTable tbody tr.alert-danger td {
    color: #1e1e1e;
}

table.dataTable tbody tr.alert-danger td a {
    color: black;
}
/* -------- Resets -------- */

/* -------- Header -------- */
.navbar-default,
.footer  {
    background-color: black;
    color: white;
    border-color: var(--opaque-border);
}

.navbar-default .navbar-nav>li>a {
    color: white;
}
/* -------- Header -------- */

/* -------- knowledge base -------- */
#wrapper:has(.kb-search-jumbotron) :is(h3, h4) a:hover {
    color: var(--primary);

}
/* -------- knowledge base -------- */

/* -------- kan-bans -------- */
.tasks-phases .kan-ban-col .info-bg {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.tasks-phases .kan-ban-col .info-bg span {
    color: white;
}

.tasks-phases .kan-ban-col .panel-body {
    background-color: #1e1e1e;
}

.tasks-phases .kan-ban-col .panel-body ._task_wrapper {
    background-color: #272727;
    border-color: var(--opaque-border);
}

.tasks-phases .kan-ban-col .panel-body ._task_wrapper.overdue-task .media-body a,
.tasks-phases .kan-ban-col .panel-body ._task_wrapper.overdue-task .media-body p,
.tasks-phases .kan-ban-col .panel-body ._task_wrapper.overdue-task .media-body p span {
    color: black !important;
}

.tasks-phases .kan-ban-col .panel-body ._task_wrapper.overdue-task .media-body p b {
    color: #1e1e1e !important;
}

.tasks-phases .kan-ban-col .progress {
    background-color: #1e1e1e;
}

.tasks-phases .kan-ban-col .progress > * {
    color: var(--opaque-text);
}

._task_wrapper.overdue-task {
    background-color: black;
    border-color: var(--opaque-border);
}
/* -------- kan-bans -------- */

/* -------- tasks -------- */
#task #task-comments {
    background-color: #1e1e1e;
}
/* -------- tasks -------- */

/* -------- projects -------- */
#discussion-comments.jquery-comments .textarea-wrapper:after {
    border: 7px solid #1e1e1e;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
}

#discussion-comments.jquery-comments .textarea-wrapper .textarea {
    background-color: #1e1e1e;
    border-color: var(--opaque-border);
}

#discussion-comments.jquery-comments .textarea-wrapper .send,
#discussion-comments.jquery-comments .textarea-wrapper .update,
#discussion-comments.jquery-comments .textarea-wrapper .save {
    background-color: var(--primary) !important;
}

#discussion-comments.jquery-comments ul.main li.comment .name {
    color: var(--primary);
}

#discussion-comments.jquery-comments ul.navigation li {
    color: var(--opaque-text);
}

#discussion-comments.jquery-comments ul.navigation li.active,
#discussion-comments.jquery-comments ul.navigation li:hover {
    color: var(--primary);
}

#discussion-comments.jquery-comments ul.navigation li.active:after {
    background-color: var(--primary) !important;
}

#wrapper:has(.single-ticket-project-area) .alert.alert-info {
    color: var(--primary);
    background-color: rgba(0,224,155,0.3);
    border: var(--opaque-border);
}

.client-reply .panel-title {
    color: white;
}
/* -------- projects -------- */

/* -------- chart -------- */
canvas#contracts-by-type-chart {
    background-color: #ddd;
}
/* -------- chart -------- */

/* -------- invoice -------- */
#online_payment_form .input-group .input-group-addon {
    color: white;
}

table.invoice-payments-table tr:hover {
    background-color: var(--opaque-border);
}
/* -------- invoice -------- */

/* -------- proposal -------- */
#proposal-wrapper .preview-sticky-header small {
    color: black !important;
}

#proposal-wrapper .table.items tbody > tr > td, 
#proposal-wrapper .table.items thead > tr > th {
    color: white;
}

#proposal-wrapper .table.items tbody > tr > td span ~ span {
    color: var(--opaque-text) ;
}

#proposal-wrapper table:has(#subtotal) td,
#proposal-wrapper table:has(#subtotal) td span {
    color: #000 !important;
}
/* -------- proposal -------- */

/* -------- profile -------- */
.contact-profile-save {
    background-color: var(--primary);
    color: black;
}
/* -------- profile -------- */

/* -------- ai writer -------- */
#verify-form [type="submit"] {
    background-color: var(--primary);
    color: black;
}

#verify-form [type="submit"]:hover {
    background-color: white;
    color: black;
}
/* -------- ai writer -------- */





#wrapper{
    margin: 0;   
    z-index: 0;
    margin-top: auto;
}
.login_body_client{
    display: flex;
    align-items: center;
}
.kb-search-jumbotron{
    background: transparent;
}
.kb-search-jumbotron h2{
    color: #fff;
}
.submenu li a{
    color: #fff !important;
}
#greeting{
    color: #fff;
}
.panel-body{
	/* color: #000; */
}
.media-body{
	color: #fff !important;
}
.media-body p{
	/* color: #000; */
}
.media-body p span{
	color: #fff !important;
}
.media-body a{
	/* color: blue; */
}
.media-body a:hover{
	color: var(--primary);
}
.signature-pad--body{
    background: #fff;
}
.proposal-items-preview tbody tr td{
color:#000 !important;
}