/* 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: #4267B2;
--theme-foreground-color : #fff;
--theme1-hover-text : #425eb2;
--theme1-border-color: #4267B2;
--theme1-hover: #fff;
--headers-bg: #809ac1;
--bs-primary-box-shadow: 0 0 8px #4270b299 !important;
--yellow:#ffff00;
}

/* Theme specific */
.text-theme {
  color: #fff !important;
}
.header-bg{
  background-color: var(--headers-bg) !important;
}
.bg-light {
  background-color: #dfe5f2 !important;
}
.modal .nav-tabs .nav-link {
  color: #ffffff;
}
.modal .nav-tabs .nav-link.active {
  background-color: transparent;
}
#erp-logo {
  filter: brightness(0) invert(1);
}

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





.nav-scroller .nav .nav-link{
  color: var(--theme-foreground-color) !important;
}
.nav-scroller .nav .nav-link.bg-warning {
  color: var(--theme1-hover-text) !important;
  background-color: var(--theme-foreground-color) !important;
}
.nav-scroller .nav .col-form-label {
  color: #fff;
}

#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: #2c4e93;
}

a.dropdown-toggle[aria-expanded="true"] {
    color: #000 !important;
}

#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: var(--headers-bg) !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;
}

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(--theme1-hover-text) !important;
  background-color: var(--theme1-hover) !important;
}

.dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid var(--theme1-border-color);
}


.flyout-header {
  border-bottom: 1px solid var(--theme-background);
  background-color: var(--headers-bg);
  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)
}
.dropbtn{
  color: white !important;
}

.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, .modal-content table th, .modal-content table td {
  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);
}



/* buttons */
/* #lang-btn{
  background-color: var(--theme-background);
}
#lang-btn:hover{
 background-color: var(--theme1-hover-text);
} */

/* .btn-warning {
  color: var(--theme-foreground-color);
  background-color: var(--theme-background);
  border-color: var(--theme-background);
}
.btn-warning:hover {
  color: var(--theme-foreground-color);
  background-color: var(--headers-bg);
  border-color: var(--headers-bg) !important;
} */
.btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgb(103 112 122);
}
.btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle {
  border-color: var(--theme-background);
  color: var(--theme-foreground-color);
  background-color:var(--theme-background);
}
.btn-check:focus+.btn-warning, .btn-warning:focus {
  color: var(--theme-foreground-color);
  background-color: var(--headers-bg);
  border-color: var(--headers-bg);
}



/* Inputs styling */

input:focus, select:focus, textarea:focus, .select2-container--default .select2-selection--single:focus, .erp-modal input:focus, .erp-modal select:focus, .erp-modal textarea:focus, input:focus {
  box-shadow: var(--bs-primary-box-shadow) !important;
  border-color: var(--theme1-border-color) !important;
}
/* new changes */
.dropdown-btn{
  background-color: var(--theme-background) !important;
  color: var(--theme-foreground-color) !important;
}
.col-bt{
background-color: var(--headers-bg) !important;
border: var(--theme1-border-color) !important;
}

.page-item.active .page-link {
background-color:var(--theme-background) !important;
border-color: var(--theme-background) !important;
border-radius: 50%;
color: #f7f7f7 !important;
}
.pagination{
background-color: var(--theme-foreground-color) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: var(--theme1-hover) !important;
border: 1px solid transparent !important;
background: var(--headers-bg) !important;
border-radius: 50px;
}
.page-link:hover {
background-color: transparent !important;
color: #fff !important;
}
div.row.rounded.bg-light {
  background-color: var(--theme-background) !important;
}
.row .col-12 a.fw-bold {
  color: yellow !important;
}
.row .col-12 span{
  color: var(--theme-foreground-color) !important;
}
.nav-scroller .nav-item span a,
.nav-scroller .nav-item a{
  color: yellow !important;
}
.nav-scroller .nav-item span,
.nav-scroller .nav-item{
  color:  var(--theme-foreground-color);
}

.theme_text_color,.theme_buttons_color{
    color:var(--theme-foreground-color);
    border-color:var(--theme-foreground-color);
  }
  .theme_buttons_color:hover {
    background-color: var(--theme-foreground-color);;
    color: var(--theme-background);
  }
  .page_title, .theme_link_color  {
    color: yellow !important;
  }
  .theme_text_color {
    color:var(--theme-foreground-color);
}
/* Scrollbar */

/* Track */
::-webkit-scrollbar-track {
  background: var(--theme-foreground-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--theme-background);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--theme-background);
}


/*
