.table {
  --bs-table-bg: transparent;
  --bs-table-color: inherit;
  --bs-table-border-color: rgb(221, 221, 221);
  --bs-table-hover-color:inherit;
}
.nav-tabs {
    --bs-nav-tabs-link-active-color: #f4e9b3;
    --bs-nav-tabs-link-active-bg: #444;
    --bs-nav-tabs-link-active-border-color: #666;
	--bs-nav-tabs-border-radius:0px;
}
.nav {
    --bs-nav-link-color: #eee;
    --bs-nav-link-hover-color: #eee;
    --bs-nav-tabs-border-color: #666;
    --bs-nav-link-disabled-color:#888;
	--bs-nav-link-padding-x:10px;
	--bs-nav-link-padding-y:5px;
}
.modal {
    --bs-modal-width: 600px;
}
.btn {
  --bs-btn-color: #fff;
}
.btn-link {
	--bs-btn-color: var(--bs-link-color);
}
.dropdown-menu{
--bs-dropdown-link-active-bg:none;	
}
.badge {
    --bs-badge-border-radius:10px;
}
.dropdown-item {
	color: #333 !important;
}
.btn-group-xs>.btn,.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
/*flex-wrap:wrap is defined in bootstap5 ( need to override for add button ,in case of adding multiple values)*/
.input-group {
    flex-wrap: unset;
}
/*modal header button was alinged left - for moving btn to right */
.modal-header {
	display:unset;
}

/* tab active */
 .nav-tabs .nav-link.active {
   border-top: 3px solid #d13e51;
   border-bottom:0;
}

.dataTable {
	margin-left:0 !important;
	width:max-content !important;
}
.btn:hover {
    border-color: #00000082;
}
.pull-right{
	float:right !important;
}
.pull-left{
	float:left !important;
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-center {
    text-align: center
}
.form-group {
    margin-bottom: 15px;
}
/* override  bootstrap5 .form-control css */
.form-control{
	 font-size:inherit !important;
	 line-height: inherit;
}
/* sign_out_button */
.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

.hidden {
    display: none !important;
}
h4 {
	font-size:18px !important;
}
h4 small{
	font-size:15px !important;
}
a {
    text-decoration: none !important;
}