/* Custom CSS frp ERP - addy */

/* Global Styles  */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Source+Sans+Pro&display=swap');

/* css variable  */
/* Theme styling  */
:root {
--theme-background: #282828;
--theme-foreground-color : #e4e5e2 ;
--theme1-hover-text : #282828;
--theme1-border-color: #484e53;
--theme1-btn-color: #484e53;
--theme1-hover: #fff;
--theme_btn_color: #fff;
--headers-bg: #121212;
--link: #ffc107;
}


/* Theme specific */
body{
  background-color: #1f2021 !important;
  color: var(--theme-foreground-color) !important;
}
.bg-white {
  background-color: #121212 !important;
}
.bg-light {
  background-color: #1f2021 !important;
}
.text-theme {
  color: #a7a8a6 !important;
}
.btn-white {
  color: var(--theme1-hover);
}
.btn-white:hover {
  color: var(--link);
}
div#page-holder {
  background: var(--headers-bg);
}
div.scrollmenu a {
  color: var(--theme-foreground-color) !important;
}
.nav-tabs .nav-link.active {
  color: #a9b0a9;
  background-color: var(--theme1-hover-text);
}
#erp-logo {
  filter: brightness(0) invert(1);
}
::-webkit-calendar-picker-indicator {
  filter: invert(0.5);
}
.border {
  border: 1px solid var(--theme1-border-color) !important;
}
.border-top{
  border-color: var(--theme1-border-color) !important;
}
.border-bottom{
  border-color: var(--theme1-border-color) !important;
}
.border-right{
  border-color: var(--theme1-border-color) !important;
}
.border-left{
  border-color: var(--theme1-border-color) !important;
}
.header-bg{
  background-color: var(--headers-bg) !important;
}
.card-invoice > .card-body{
  background: var(--headers-bg) !important;
}
.card-dashboard > .card-body {
  background: #1f2021 !important;
}
.card{
  background-color: #1f2021;
}
.card-body {
  background: #121212 !important;
}

.comp-menu-btn, .comp-menu-btn:hover {
  color: var(--theme_btn_color);
}
a.dropdown-toggle[aria-expanded="true"] {
  background: var(--headers-bg);
}
a.dropdown-toggle[aria-expanded="true"] {
  color: #a7a8a6 !important;
}

#header-right-menu > button{
  background-color: #1f2021 !important;
  color: var(--theme-foreground-color);
  border: 1px solid var(--theme1-border-color) !important;
}
#header-right-menu > button:hover{
  background-color: var(--theme1-hover-text);
}

.form-control,.form-select {
  color: #a7a8a6;
  background-color: var(--headers-bg) !important;
  border: 1px solid var(--theme1-border-color) !important;
}

.table {
  --bs-table-bg: var(--headers-bg);
  --bs-table-striped-bg: var(--headers-bg);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #484e53;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: var(--theme1-hover-text);
  --bs-table-hover-color: #fff;
  color: #a7a8a6;
  border-color: #43494e;
}

.table-lists .table>thead th {
  background: var(--theme-background);
  color: #a7a8a6;
}
.table-scroll .table>thead th {
  background: #2c2e31 !important;
  color: var(--theme-foreground-color) !important;
}


.list-group-item {
  color: var(--theme-foreground-color);
  background-color: var(--headers-bg) !important;
}

input:not([type='checkbox']), select, textarea {
  background: var(--headers-bg) !important;
  color: #97979b !important;
}
input[type='checkbox'] {
  background: var(--headers-bg);
  border: 1px solid var(--theme1-border-color) !important;
}
.balance-table input:read-only, .balance-table select:read-only, .balance-table textarea:read-only {
  background: var(--headers-bg) !important;
}
.select2-container--default .select2-selection {
  background-color: var(--headers-bg) !important;
  border: 1px solid var(--theme1-border-color) !important;
}
.select2-dropdown {
  background-color: var(--headers-bg) !important;
  border: 1px solid var(--theme1-border-color) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #97979b !important;
}
.flyout {
  background-color: var(--headers-bg) !important;
}

fieldset {
  border: 1px solid var(--theme1-border-color) !important;
}
legend {
  background-color: var(--headers-bg);
  border: 1px solid var(--theme1-border-color);
}

.card-invoice input:disabled, .card-invoice select:disabled, .card-invoice textarea:disabled {
  background: var(--headers-bg) !important;
}


#sidebar {
  background: var(--theme-background) ;
  color: var(--theme-foreground-color);
}


#sidebar .sidebar-header {
  background: var(--theme-background) !important;
  border-bottom: 1px solid var(--theme1-border-color) !important;
}


ul.components li.active {
  background: transparent;
}

#sidebar .custoggle .btn {
  color: var(--theme-foreground-color) !important;
}

#sidebar .custoggle .btn:after {
  background: var(--theme-background) !important;
}
ul.header-menu li a {
  color: var(--theme-foreground-color) !important;
}
ul.header-menu li a:hover {
  background: var(--theme1-hover);
  color: var(--theme-foreground-color);
}
.nav-scroller {
  background-color: #1f2021 !important;
}
.nav-scroller nav li a:hover {
  background: var(--theme-background) !important;
}
.nav-scroller nav li a.dropdown-item:hover {
  background: var(--theme-foreground-color) !important;
}

.nav-scroller .nav .nav-link{
  color: var(--theme-foreground-color) !important;
}
.nav-scroller .nav .nav-link.bg-warning {
  color: #000 !important;
}
.nav-scroller .nav .nav-link.bg-warning:hover {
  background-color: #FFCB2E !important;
}
#backup .nav-pills .nav-link {
  color: var(--theme1-hover);
}
#backup .nav-pills .nav-link.active {
  background-color: #FFCB2E;
  color: #000000;
}
a#dropdownMenuLink:hover,a#dropdownMenuLink:focus {
  background: var(--theme-background) !important;
}

.dropdown-menu {
  background-color: var(--theme-background) !important;
}
.dropdown-large.show {
  background-color: var(--theme-background) !important
}
.dropdown-item{
  padding: .45rem 1rem;
  color: var(--theme-foreground-color) !important;
  border-radius: 0 !important;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: var(--theme-foreground-color) !important;
  background-color: var(--headers-bg) !important;
}

.dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid var(--theme1-border-color);
}
#sidebar ul li a:hover {
  color: var(--theme-foreground-color);
  background: var(--headers-bg);
}

.flyout-header {
  border-bottom: 1px solid #2f3030 !important;
  background-color: #1e2126 !important;
  color: var(--theme-foreground-color);
}
.flyout-header > p {
  color: #dedede;
}

.close-details {
  padding: 2px 6px;
  border-radius: 50%;
  background: #e0e0e087;
}
.close-details:hover {
  background: #fff;
}

.profile-accounts a{
  color: var(--theme-foreground-color) !important;
  transition: 0.2s;
}
.profile-accounts a:hover{
  /* text-decoration: underline; */
  transform: scale(1.5)
}
.badge {
  color: var(--theme-background);
}

.modal-header {
  background: var(--theme-background) !important;
  color: var(--theme-foreground-color);
  border-color: var(--theme1-border-color);
}
.modal-header .btn-close{
  filter: invert(1);
}
.modal-content {
  color: var(--theme-foreground-color);
  background-color: var(--headers-bg);
  border-color: var(--theme1-border-color);
}
.modal-footer {
  background: var(--headers-bg) !important;
  color: var(--theme-foreground-color);
  border-color: var(--theme1-border-color);
}
.modal-footer .btn-outline-secondary{
  color: var(--theme-foreground-color);
}
.modal-open .modal {
  backdrop-filter: blur(3px);
}


 /* Dashboard top cards */
.card.alert-warning,.card.alert-success,.card.alert-danger,.card.alert-primary{
  border: none;
  overflow: hidden;
}
.card.alert-warning .card-body{
  background-color: #2a2301 !important;
  color: #bf973e;
}
.card.alert-success .card-body{
  background-color: #23352d !important;
  color: #a1ddbc;
}
.card.alert-danger .card-body{
  background-color: #452c2f !important;
  color: #faada4;
}
.card.alert-primary .card-body{
  background-color: #21344a !important;
  color: #78b2f2;
}
.alert-danger {
  background-color: #452c2f;
  color: #faada4;
  border-color: #452c2f;
}
.alert-success {
  color: #a1ddbc;
  background-color: #23352d;
  border-color: #23352d;
}
 /* Dashboard top cards End*/

 #dash-entries > span {
  color: var(--theme-foreground-color) !important;
}
#btn-collapse{
  color: #9fa09e;
}

.btn-grid {
  color: var(--theme-foreground-color) !important;
}
.btn-grid:hover, .btn-grid:focus {
  background: #1e2126;
  color: var(--theme1-hover) !important;
}

.select2-container--default .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
  background-color: #2c2e31 !important;
  color: #f8f9fa;
}

/* new changes */
.dropbtn i{
  color: var(--theme-foreground-color);
}
.dataTables_length label{
  color: var(--theme-foreground-color) !important;
}
.dataTables_info{
  color: var(--theme-foreground-color) !important;
}
.pagination{
  background-color: var(--headers-bg);
}
.table.dataTable tbody tr{
  background-color: var(--headers-bg);
  color: var(--theme-foreground-color)!important;
}
.bg-light{
  color: var(--theme-foreground-color) !important;
}
.page-item.active .page-link {
  background-color:var(--theme-foreground-color) !important;
  border-color: var(--theme-background) !important;
  border-radius: 50%;
  color: #f7f7f7 !important;
}
 .page-link:hover,
 .page-item a:hover {
    background-color: transparent !important;
    color: var(--theme-background) !important;
}
.col-bt{
  background-color: var(--theme-foreground-color) !important;
  border: var(--theme1-border-color) !important;
}
.col-bt:hover{
  background-color: var(--headers-bg)!important;
  color: var(--theme-foreground-color) !important;
}
.dropdown-btn{
  background-color: var(--theme-background) !important;
  color: var(--theme-foreground-color) !important;
}
 .row .col-12 .fw-bold {
  color: var(--theme-foreground-color) !important;
}
 td .float-middle .e-text{
  color: var(--link) ;
}
.nav-scroller .nav-item .fw-bold,
.nav-scroller .nav-item  span{
  color: var(--link) !important;
}
.row .col-12 a.fw-bold {
  color: yellow !important;
}
.row .col-12 span{
  color: var(--theme-foreground-color) !important;
}
.col-upload{
  color: var(--theme1-hover) !important;
}
td .text-dark{
  color: rgb(238, 217, 217) !important;
}
.bg-light_c,
.bg-light_c .text-dark{
  background-color: var(--theme-background) !important;
  color: var(--theme-foreground-color) !important;
}
.col-auto .bi-printer{
  color: var(--theme-foreground-color);
}
.dropdown-content{
  background-color: var(--headers-bg);
}
.flyout-body .row-cols-3  a{
  color: var(--theme-foreground-color) !important;
  text-decoration: none;
 }
 .col-md-6 .fw-bold{
  color: var(--theme-foreground-color) ;
}
form .text-primary{
  color: var(--theme-foreground-color) !important;
}

label span{
  cursor: pointer;
}
.container p{
  color: var(--theme-foreground-color) !important;
}

.clearfix span{
  color: var(--theme-foreground-color) !important;
}
#Logs{
  color: var(--theme-foreground-color) !important;
}
.btn-group button{
  color: var(--theme-foreground-color);
}
.theme_text_color,.theme_buttons_color{
    color:var(--theme_btn_color) !important;
    border-color:var(--theme_btn_color);
  }
  .theme_buttons_color:hover {
    background-color: var(--theme_btn_color);;
    color: var(--theme-background) !important;
  }
  .page_title, .theme_link_color  {
    color: yellow !important;
  }
  .theme_text_color {
    color:var(--theme-foreground-color);
}
    .text-muted {
        color: var(--theme-foreground-color) !important;
    }

/* Print */

@media print{
  body * {
      color: #222222 !important;
      background: #fff !important;
      text-transform: uppercase;
  }
  .text-info{
    color: #222222 !important;
  }
  .card-invoice > .card-body {
    background: #ffffff !important;
  }
  .bg-white {
    background-color: #ffffff !important;
  }
  .bg-light {
    background-color: #ffffff !important;
}
  }
