/*
    Cust and Admin
*/


.invoice-html-logo {
  background: transparent !important;
  padding: 0px 10px 0px 10px;
}

body input.form-control, body .form-group input {
  border-color: #fff !important;
}

button.btn.btn-success.add_more_attachments.p8-half.waves-effect.waves-effect.waves-light.waves-ripple {
  padding: 0px 10px !important; 
  margin-top: -3px !important;
}


div.media-body {
  color: #fff !important;
}

.text-dark {
  color: #fff !important;
}

p.mb-0.font-weight-semiblod {
  color: #fff;
}

div.media-title.text-dark.font-weight-semiblod {
  color: #fff !important;
}

small.mr-2 {
  color: #fff;
}

i.fa.fa-reply.text-dark {
  color: #fff ;
}

td a span {
  color: #fff;
}

i.fa.fa-trash {
  color: #fff;
}

.badge {
  color: rgb(0, 0, 0) !important;
}
.bg-neutral {color: #000;}

.tw-text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(253, 253, 253);
}

.tw-from-neutral-50 {
  --tw-gradient-from: none;
  background: black;
}

.\!tw-bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: inherit !important;
}
.caret {
  border: solid #fff;
}


table.dataTable thead > tr > th.sorting_asc {
  background-color: rgb(0, 3, 9) !important;
  
}

a.btn.btn-default.dropdown-toggle.lead-top-btn {
  background: inherit !important;
}

select.form-control.input-sm {
  background-color: inherit  !important;
}
ul li a {
  background-color: #000 !important;
}
.modal-body {
  background: #000 !important;
}
body {
  font-family: Inter,sans-serif;
  color: #fff;
}
.text-muted {
  color: inherit;
}

.dt-page-jump-select {
  height: 2.2rem !important;
}
.bootstrap-select .btn {
  font-size: 13.5px;
  height: 2.5rem;
}

tbody tr td {
  background-color: #000000
  
}

body #header {
  background: #131c28;
  top: inherit !important;
  border-bottom: 1px solid #222e42;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.admin .navbar-nav > li > a, .admin .navbar-nav > li > a > span > svg, ul.mobile-icon-menu > li > a, .mobile-menu-toggle, .open-customizer-mobile {
  color: inherit;
}

.table>tbody>tr.secondary>td, .table>tbody>tr.secondary>th, .table>tbody>tr>td.secondary, .table>tbody>tr>th.secondary, .table>tfoot>tr.secondary>td, .table>tfoot>tr.secondary>th, .table>tfoot>tr>td.secondary, .table>tfoot>tr>th.secondary, .table>thead>tr.secondary>td, .table>thead>tr.secondary>th, .table>thead>tr>td.secondary, .table>thead>tr>th.secondary {
    background-color: inherit;
}

.label-info {
  background-color: inherit;
  border-color: rgb(224 242 254/var(--tw-border-opacity));
}

body .client-reply {
  color: inherit !important;
}


.company-logo img {
  margin: 0 auto;
  display: block;
  width: 200px;
  padding: 10px;
 background: none; 
}

.form-wrap.form-builder .frmb-control li {
  background: inherit !important;
    background-color: inherit !important;
}

ul.tagit-autocomplete .ui-menu-item-wrapper {
  margin-right: -6px !important;
  font-size: 14px;
  color: #fff !important;
}

body .label-info {
  border: 1px solid #9e9b9b;
  color: #fff !important;
}

.tw-text-neutral-800 {
  --tw-text-opacity: 1;
  color: inherit !important;
}

div.panel-body {
  background-color: #000 !important;
}

div.dropdown.bootstrap-select.form-control.bs3 {
  background-color: #000 !important;
}


.panel-full-width-tabs .nav li a, .panel-full-width-tabs.horizontal-scrollable-tabs .scroller {
  --tw-bg-opacity: 1;
  background-color: rgb(19, 28, 40);
  padding-bottom: .875rem;
  padding-top: .875rem;
}

.dropdown-toggle {
  background: #000;
}

.dataTables_filter .input-group-addon, .dataTables_filter input, .dataTables_length select, div.dataTables_wrapper .dt-buttons .btn-default {
  --tw-bg-opacity: 1;
  background-color: rgb(19, 28, 40);
  color: inherit;
}

a.dropdown-toggle {
  background-color: inherit !important;
}

.nav-tabs > li a i.menu-icon {
  --tw-text-opacity: 1;
  color: rgb(243, 244, 246) !important;
  font-size: 16px;
  height: auto;
  margin-top: -1px;
  vertical-align: middle;
  width: 1rem;
}

.notification-wrapper .unread-notification {
  background: #000;
  color: ##fff;
  font-weight: 500 !important;
}

.notification-wrapper .unread-notification:hover {
  background: #000;
  color: #fff;
}

.tw-py-3 {
  background-color: #000;
}

.tw-text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(234, 235, 236);
}

.notification-date {
  color: #fff !important;
}

.description {
color: #fff !important;
}

.tw-from-neutral-50 {
  --tw-gradient-from: inherit;
}

.tw-bg-neutral-50 {
  background-color: inherit;
}

.label-primary {
  --tw-ring-color: rgba(29,78,216,.1);
  background-color: inherit;
  color: rgb(228, 228, 228);
}

.fc .fc-col-header-cell-cushion {
  color: inherit !important;
}

.label-tag {
  background-color: rgb(140, 32, 24);
  color: rgb(245, 247, 249);
}

table.dataTable:has(.mass_select_all_wrap) tbody > tr > td:first-child {
  border-color: #344561 !important;
}

.hover\:tw-bg-neutral-100:hover {
  background-color: inherit;
}

.hover\:tw-bg-neutral-50:hover {
  --tw-bg-opacity: 1;
  background-color: inherit;
}

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal {
  --tw-bg-opacity: 1;
  background-color: inherit;
}

.payment {
background: inherit !important;
}

.modal-content .text-muted {
  color: inherit !important;
}

.img-responsive {
background: none !important;
}
.proposal-html-logo {width: 200px;
}

.small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  --tw-text-opacity: 1;
  color: rgb(255, 255, 255);
}

.fa-regular, .far {
  font-weight: 400;
  color: #fff !important;
}


/*
    Admin area
*/

.input-sm {
  height: 2.5rem;
}

body #header {
  background: #131c28;
  top: inherit !important;
  border-bottom: 1px solid #222e42;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

body .screen-options-btn {
  margin-top: inherit !important;
  border-radius: 6px;
}

body .text-has-action {
  border-bottom: 1px dashed #fff !important;
  padding-bottom: 2px;
}

.activity-feed .feed-item .date {
  position: relative;
  top: -5px;
  color: inherit;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.tw-text-neutral-600 {
  --tw-text-opacity: 1;
  color: #ffffff !important;
}

.tw-text-neutral-500 {
  --tw-text-opacity: 1;
  color: inherit !important;
}

#logo a {
  background: none;
}

#search_results, #search_input, #search-history .history, #search-history {
  background: #192231 !important;
  border-color: transparent !important;
}

.task-single-col-right {
  background: #24344D !important;
  padding: 13px 20px;
  border-bottom-right-radius: 6px;
}

.popover-title {
  background: #00040b;
  border-bottom: 1px solid #e4e5e7;
}

.popover-content {
  padding: 9px 14px;
  background-color: #24344D !important;
}

.dropzone .dz-message {
  margin-top: 45px;
  color: #000 !important;
}

.task-single-col-left {
  padding: 25px;
  background: #101D31 !important;
  min-height: 600px;
  border-bottom-left-radius: 6px;
}

.task-info h5 {
  font-size: 14px;
  margin: 0;
  font-weight: 400;
  color: #fff !important;
}

.tw-text-neutral-900 {
  --tw-text-opacity: 1;
  color: inherit !important;
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
  background-color: #000 !important;
}

.highlight-bg {
  background: #000;
  border: 1px solid #def6ff !important;
}

.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: inherit;
}

.tw-bg-neutral-200 {
  --tw-bg-opacity: 1;
  background-color: inherit;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  --tw-text-opacity: 1;
  color: #fff;
}

.unread-notification {
  background: inherit;
}

.form-wrap.form-builder .frmb-control li:hover {
  --tw-bg-opacity: 1 !important;
  background-color: inherit!important;
}

.form-wrap.form-builder .frmb .option-actions a, .form-wrap.form-builder .frmb .option-actions button {
  background: #24344d !important;
  padding: 5px 10px;
  border: 1px solid #c5c5c5;
  font-size: 14px;
  border-radius: 5px;
  cursor: default;
}

.form-wrap.form-builder .frmb li {
  position: relative;
  padding: 6px;
  clear: both;
  margin-left: 0;
  margin-bottom: 3px;
  background-color: #000000!important;
  transition: background-color .25s ease-in-out,margin-top .4s;
}

.form-wrap.form-builder .frmb .field-label, .form-wrap.form-builder .frmb .legend {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255/var(--tw-text-opacity)) !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
  margin-bottom: .25rem;
}


.handsontable td, .handsontable th {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px;
  background-color: #000 !important;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
}

.handsontable .changeType {
  background: #000 !important;
  border-radius: 2px;
  border: 1px solid #bbb;
  color: #bbb;
  font-size: 9px;
  line-height: 9px;
  padding: 2px;
  margin: 3px 1px 0 5px;
  float: right;
}
.handsontable .htUISelectCaption {
  background-color: #000 !important;
  border-radius: 2px;
  border: 1px solid #d2d1d1;
  font-family: inherit;
  font-size: .7em;
  font-weight: 700;
  padding: 3px 20px 3px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.handsontable .htFiltersMenuCondition .htUIInput input, .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
  font-family: inherit;
  font-size: .75em;
  padding: 4px;
  box-sizing: border-box;
  width: 100%;
  background: #000 !important;
}

.admin .navbar-nav > li > a, .admin .navbar-nav > li > a > span > i, ul.mobile-icon-menu > li > a, .mobile-menu-toggle, .open-customizer-mobile, .admin .navbar-nav a.top-timers:hover i, .admin .navbar-nav a.notifications-icon:hover i {
  color: #fff;
}

.task-modal-single .modal-body {
  padding-top: 0;
  padding-bottom: 0;
  background: inherit;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.fc .fc-day-other {
  --tw-bg-opacity: 1;
  background-color: inherit;
}


/* 
Customer area
*/

.navbar a.navbar-brand img {
  width: auto;
  height: 54px;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}

.submenu li a {
  font-size: 17px;
  color: #fff !important;
}

h1, h2, h3, h4, h5, h6, b, a > span {
  color: inherit !important;
}

.task-single-col-left {
  background: #24344D !important;
}


.control-label, label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 500;
  margin-bottom: .25rem;
}

.invoice-html-logo {
background: #fff;
padding: 0px 10px 0px 10px;
}

.tw-text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(255, 255, 255);
}

.preview-sticky-header {
  z-index: 1;
  background: #090909;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-shadow: 0 1px 15px 1px rgba(90,90,90,.08);
  box-shadow: 0 1px 15px 1px rgba(90,90,90,.08);
border-bottom: 1px solid #424242;
 width: 100% !important;
  left: 0 !important;
}

.tw-text-neutral-700 {
  --tw-text-opacity: 1;
  color: #fff;
}
.table > tbody > tr > td {
  color: #fff;
}

.tw-text-normal {
  font-size: .84375rem;
  color: #fff;
}

div.invoice-html-offline-payments.col-md-12 {
  color: #ffffff !important;
}

tbody tr td {
  background: #000;
}

thead tr th {
  color: #fff;
}
.\!tw-text-neutral-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(255, 255, 255) !important;
}

thead tr th {
  background: ;
  background-color: #000000;
}

div.dataTables_info {
  color: #ffffff
}

div.mbot15 {
  color: #ffffff
}

div.invoice-html-offline-payments.col-md-6.text-right {
  color: #ffffff;
}

div.col-md-6.text-left {
  color: #ffffff;
}


/*
Addational css
*/
span.label.ticket-status-1 {
  background: none !important;
}

.control-label, label {
  --tw-text-opacity: 1;
  color: #fff !important;
  font-weight: 500;
  margin-bottom: .25rem;
}

.btn {
    background-color: #8c2018;
    color: #fff !important;
}


#form_submit:hover {
  background-color: #66a70b !important;
}

.btn, .uk-button {
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
  color: inherit;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 23px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  transition: .1s ease-in-out;
    transition-property: all;
  transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
 /* font-family: Poppins; */
  font-weight: 600;
  border-radius: 500px;
  background-origin: border-box;
}

.dropdown-menu {
  background-color: #000 !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: #203e82 !important;
  color: rgb(15 23 42/var(--tw-text-opacity));
}

body #perfex-callbacks-form .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background: #203e82 !important;
}

span.label.ticket-status-5 {
  background: inherit !important;
}


body #header {
  background: #000 !important;
  top: -23px;
  border-bottom: 1px solid #222e42;
}