:root {
  --bg-primary: #1F1F1F;
  --bg-secondary: #18191B;
  --bg-white: #fff;
  --bg-light: rgb(248, 249, 250);
  --text-primary: #004b87;
  --text-secondary: #212529;
  --text-white: #fff;
  --text-black: #303030;
  --btn-primary:#198754;
  --bg-dark:#212529;
  --bg-hover:#dc5616;
  --f-family:"Outfit", serif;
}


.close-btn {
    float: right;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    color: #fff !important;
}

.modal-content {

background-color: #212529 !important;
border: 1px solid rgb(34, 34, 34)!important;

}



.bg-light {
    --bs-bg-opacity: 1;
    background: rgb(17, 17, 17) !important;
    border: 1px solid rgb(34, 34, 34);
    border-radius: 12px;
    padding: 3px;
}
body {
  /*font-family: "PT Sans", serif;*/
  font-family: 'Roboto', sans-serif !important;
  /* font-family: "Poppins", */
  /* font-family: "Nunito Sans", */
  /* font-family: "Barlow", serif; */
  background-color: #000;
  color:#fff;
}


.bg-primary{
	background-color:var(--bg-primary) !important;
}
.btn-primary {
    background-color: var(--btn-primary);
    border: 1px solid var(--btn-primary);
}
.btn-primary:hover{
	background-color: var(--bg-hover);
    border: 1px solid var(--bg-hover);
}
.border-primary {
    border: 1px solid var(--btn-primary) !important;
}
.bg-dark{
	background-color:var(--bg-dark) !important;
}
.btn-dark{
	background-color: var(--btn-primary);
    border: 1px solid var(--btn-primary);
}
.btn-dark:hover{
	background-color: var(--bg-hover);
    border: 1px solid var(--bg-hover);
}
.main {
  display: flex;
}

.sidebar {
  min-height: 100vh;
  width: 250px;
  background-color: #212529;
  color: rgba(255, 255, 255, 0.5);
  position: fixed;
  transition: width 0.3s ease;
  z-index:1000;
}
.sidebar-scroll{
	height: calc(100vh - 80px);
  overflow-y: auto;
  scrollbar-width:none;
}
.sidebar-scroll::-webkit-scrollbar {
  display: none;
}
.sidebar a {
    color: white;
    text-decoration: none;
    padding: 12px 15px;
    display: flex;
    align-items: center;
	gap:12px;
}

.sidebar a i {
  font-size: 14px;
  width:26px;
  text-align:center;
}

.sidebar a span {
  transition: opacity 0.3s ease;
}

.sidebar a:hover {
  background-color: var(--bg-secondary);
}

/*.sidebar a.active {
  background-color: var(--bg-secondary);
}*/

.content {
  margin-left: 250px;
  width: calc(100% - 250px);
  transition: margin-left 0.3s ease, width 0.3s ease;
}

.sidebar.active {
  width: 80px;
}

.sidebar.active a span {
  opacity: 0;
  display: none;
}

.sidebar.active a {
  justify-content: center;
}

.sidebar-dropdown {
  position: relative;
}

.sidebar-submenu-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size:14px;
}

.submenu {
  display: none;
  list-style: none;
  margin-bottom: 0px;
}

.submenu li {
  padding: 5px 0;
}

.submenu li a {
  color: #c6c4c4;
  text-decoration: none;
  font-size: 14px;
  padding: 0px 15px;
}

.submenu li a:hover {
  background-color: transparent;
  color: #fff;
}

.sidebar-dropdown.active .submenu {
  display: block;
}

.sidebar.active .submenu {
  background-color: var(--bg-primary);
  width: max-content;
  z-index: 999;
  position: absolute;
  left: 80px;
  top: 0px;
  padding-left: 0px;
}

.sidebar.active .submenu li a {
  justify-content: start;
}

.content.active {
  margin-left: 80px;
  width: calc(100% - 80px);
}

.sub-area {
  padding: 20px;
  position: relative;
  top: 80px;
  background-color: #000;
}

.toogle-menu-icon {
  position: absolute;
  right: -11px;
  top: 31px;
  padding: 5px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 13px;
}

.toogle-icon {
  width: 24px;
  cursor: pointer;
}

.logo {
  text-align: left;
  padding: 10px 15px;
  background-color: var(--bg-secondary);
  color: white;
  font-size: 22px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 14px;
  height:80px;
}

.logo span {
  transition: opacity 0.3s ease;
}

.logo-icon {
  height: 60px;
}

.logo-text {
  width: 152px;
}

.sidebar.active .logo-text {
  display: none;
}

.user-header {
  
  height: 80px;
  position: fixed;
  width: -webkit-fill-available;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  z-index: 999;
  background-color: var(--bg-primary); /* Black background */
    color: #ffffff; /* White text */
}
.user-header .custom-breadcrumb a {
    color: #ffffff; /* White links */
    text-decoration: none;
}
.user-header .custom-breadcrumb a:hover {
    color: #cccccc; /* Slightly lighter on hover */
}
.user-header img {
    filter: brightness(0) invert(1); /* Makes black icons white if they're SVG or PNG with transparency */
}

.user-header .dropdown-wrapper ul.theme-dropdown {
    background-color: #000000; /* Dropdown background black */
    color: #ffffff; /* Dropdown text white */
}

.user-header .dropdown-wrapper ul.theme-dropdown li a {
    color: #ffffff; /* Dropdown links white */
}

.user-header .dropdown-wrapper ul.theme-dropdown li a:hover {
    color: #cccccc; /* Slightly lighter on hover */
}



.page-name {
  display: flex;
  align-items: center;
  gap: 14px;
}

.page-name h4 {
  margin-bottom: 0px;
}

.user-icon img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  object-fit: cover;
  cursor: pointer;
}

#custom-dropdown-menu {
  display: none;
}

.user-mini-data {
  background: #fff;
  padding: 20px;
  box-shadow: 1px 1px 12px #dcdcdc;
  position: absolute;
  margin-top: 10px;
  right: 20px;
  border-radius: 10px;
  list-style: none;
  transition: display 0.5s ease;
}

.user-mini-data li a {
  font-size: 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-black);
}

.user-signout {
  margin-top: 1rem;
  border-top: 1px solid #dcdcdc;
  padding-top: 10px;
}

.user-signout a {
  text-decoration: none;
  color: var(--text-primary) !important;
}

.form-align-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.btn-l a {
  color: #fff;
  text-decoration: none;
}

.custom-breadcrumb a {
  text-decoration: none;
}

.addform label {
    margin-bottom: .5rem;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #776969;
    font-weight: 600;
}



.table tr {
  vertical-align: middle;
}
.table thead tr {
	background:var(--bg-light) !important;
}
 .table thead td, th {
	 font-size:15px !important;
    text-align: left !important;
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: #fff;
    --bs-table-bg: rgb(26, 26, 26)!important;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border: 1px solid rgb(122, 115, 115);
    margin: 10px 0px;
}

.status {
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.status.completed {
  background-color: #4caf50;
}

.status.in-progress {
  background-color: #ff9800;
}

.status.scheduled {
  background-color: #9e9e9e;
}

.actions button {
  margin-right: 5px;
  padding: 5px 10px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

.actions .edit {
  background-color: #2196f3;
  color: white;
}

.actions .view {
  background-color: #4caf50;
  color: white;
}

.actions .delete {
  background-color: #f44336;
  color: white;
}

.table-actions-align{
	display:flex;
	align-items:center;
	gap:6px;
}

.ccard {

  background-color: rgb(17, 17, 17);
    border: 1px solid rgb(122, 115, 115);
    border-radius: 12px;
    padding: 25px 0px;
}

.primesubtext {
    color: rgb(14, 165, 233);
    font-size: 17px;
    padding: 15px 0px;
    text-align: center;
}

.primetext {
    color: rgb(170, 170, 170);
    font-size: 17px;
    padding: 15px 0px;
   
}

.table-responsive {

background: rgb(17, 17, 17);
    border: 1px solid rgb(34, 34, 34);
    border-radius: 12px;
    padding: 15px;

}

.form-control {
    height: 44px;
    padding: 0px 12px;
    background: rgb(20, 20, 20);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(42, 42, 42);
    border-radius: 10px;
    outline: none;
    width: 100%;
}






@media screen and (max-width: 768px) {
  .sidebar {
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease;
  }

  .sidebar.active {
    width: 250px;
  }

  .content {
    margin-left: 0;
    width: 100%;
    transition: margin-left 0.3s ease;
  }

  .content.active {
    margin-left: 250px;
    width: calc(100% - 250px);
  }
  .sidebar.active a span {
    opacity: 1;
    display: block;
}
.sidebar.active a {
    justify-content: left;
}
.sidebar.active .submenu {
    background-color: var(--bg-primary);
    width: max-content;
    z-index: 999;
    position: relative;
    left: 34px;
    top: 0px;
    padding-left: 0px;
}
.sidebar-submenu-link {
    width: 100%;
    display: flex !important;
    position: center;
    justify-content: space-between;
}

.sidebar.active .logo span {
    display: block;
	opacity:1 !important;
}
.sidebar.active .logo-text {
    display: block !important;
}

}







/*LOGINPAGR STYLES-----------------------*/

.full-page-wrapper {
    width: 100%;
    min-height: 100vh;
    padding: 0; 
    background-image: url(../images/bk2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;	

}

.background-overlay {
    background-color: transparent;
    background-image: radial-gradient(at center center, #E1EFF0CC 0%, var(--bg-white) 75%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100vh;
}
.vertical-align {
    max-width: 500px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(255 255 255 / 50%);
}
.auth-form-light form .form-group {
    margin-bottom:1.5rem;
}
.auth-form-light form label{
	font-size:13.2px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#303030;
	font-weight:700;
}	
.auth-form-light form .form-control {
    height: 48px;
    background: #fff;
    color: #000;
    font-size: 16px;
    border-radius: 5px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.375rem 0.75rem;
}
.auth-brand-logo{
	border-bottom: 1px solid #00000052;
	border-bottom-style: dashed;
    padding-bottom: 2rem;
	margin-bottom: 2rem;
}
.auth-brand-logo img{
	max-width: 370px;
	width:100%;
}




@media screen and (min-width: 768px) {
.dashboard-row-align {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
	margin-bottom:0rem;
}	

}
@media screen and (max-width: 768px) {
	
.d-card {
	margin-bottom:1rem !important;
}
}	


.dashboard-row-align a{
	text-decoration:none;
	
}   
.d-card {
    background: var(--bg-light);
    padding: 1.4rem;
    border-radius: 8px;
    display: flex;
    align-items: unset;
    gap: 14px;
	margin-bottom:0rem;
}
.d-card-icon{
	width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
	border-radius:8px;
	background:var(--bg-primary);
	color:#fff;
	
}
.d-card-icon i{
	font-size:24px;
}
.d-card-heading h4{
	font-size:1rem;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:600;
	color:var(--text-primary);
	margin-bottom:4px;
}
.d-card-heading h2{
	font-size:1.5rem;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:600;
	color:var(--text-primary);
	margin-bottom:0px;
}

.d-card .total-offices {
  background-color: #4caf50; 
}

.d-card .plants-machinery {
  background-color: #2196f3; 
}

.d-card .batching-plants {
  background-color: #ff9800; 
}

.d-card .quarries {
  background-color: #9c27b0; 
}

.d-card .vehicles {
  background-color: #f44336; 
}

.d-card .employees {
  background-color: #3f51b5; 
}
/* Base styles */
.theme-dropdown {
  display: none;  
    background: #fff;
    padding: 20px;
    box-shadow: 1px 1px 12px #dcdcdc;
    position: absolute;
    margin-top: 10px;
    right: 0px;
    border-radius: 10px;
    list-style: none;
    transition: display 0.5s ease;
	z-index: 1000;
	width:max-content;
}

.theme-dropdown li {
  padding: 5px 10px;
}

.theme-dropdown li a {
  text-decoration: none;
  color: #333;
}

.theme-dropdown li a:hover {
  color: #007bff;
}
.theme-dropdown p{
	margin-bottom:0px;
}


.dropdown-wrapper {
  position: relative;
  display: inline-block;
}

.alert-icon {
  cursor: pointer;
}
.alert-lenth{
	height: 20px;
    width: 20px;
    border-radius: 10px;
    color: #fff;
    background: orange;
    font-size: 12px;
    text-decoration: none;
    position: absolute;
    display: grid;
    place-items: center;
    top: -6px;
    right: -7px;
    border: 2px solid #fff;
}
.avatar.avatar-xl {
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 1.25rem;
}
.avatar.avatar-rounded {
    border-radius: 50%;
}
.avatar {
    position: relative;
    height: 2.625rem;
    width: 2.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #FFF;
    font-weight: 500;
}

.avatar.avatar-rounded img {
    border-radius: 50%;
}
.avatar-list-stacked.avatar-group-sm .avatar {
    width: 2.2rem;
    height: 2.2rem;
}

.avatar-list-stacked .avatar {
    margin-inline-end: -0.875rem !important;
    border: 3px solid rgba(0, 0, 0, 0.05) !important;
    vertical-align: middle;
    transition: transform ease 200ms;
}
.avatar-list-stacked .avatar:hover {
    z-index: 1;
    transform: translateY(-0.188rem);
}

.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.border-none{
	border:0px transparent;
}

.attendance-bg {
    background: linear-gradient(180deg, #FFF8F4 0%, #FFFFFF 100%);
    position: relative;
    z-index: 1;
	border:1px solid 
}

.card-bg-5::before {
    content: "";
    background-image: url(../images/team/style-bg-01.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    left: 0;
    z-index: -1;
}
.z-1{
	z-index:1;
}
.emp-name{
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
}
.emp-designation{
	color:#8f8d8d;
	font-size:13px;
}
.alert-bar{
	font-size:smaller;
	padding:8px 16px;
  background-color: rgb(17, 17, 17)!important;
  border: 1px solid rgb(34, 34, 34);
  color: #fff;
}
.d-user-name{
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:0.6rem;
	letter-spacing:1px;
}
.d-user-designation{
	color:#8f8d8d;
	font-size:14px;
}
.d-user-data span{
	font-size:14px;
	color:#848181;
}
.d-user-data p{
	margin-bottom:0px;
}
.d-heading{
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:0px;
	letter-spacing:1px;
}
.d-leaves-data span{
	font-size:14px;
	color:#848181;
}
.d-leaves-data h4{
	font-size:18px;
}
.d-inout-time span{
	font-size:14px;
	color:#848181;
	
}
.d-inout-time p{
	font-weight:600;
	margin-top:0.4rem;
}
.d-subpages-data  .card-body h5{
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:0px;
	letter-spacing:1px;
	color:#fff;
}
.d-subpages-data  .card-body p{
	font-size:14px;
	margin-bottom:0px;
	color:#fff;
}
.d-subpages-data  .card-body a{
	font-size:13px;
	margin-bottom:0px;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	border-radius:10px;
	padding:2px 8px;
}
.d-subpages-data  .card-body a:hover{
	background-color:#f5f5f5;
	color:var(--btn-primary);
}


/*------------------------------------LEAVES PAGE STYLES OPEN-------------------------------------*/

.bg-secondary-transparent {
    background-color: #EDF2F4 !important;
    color: #3B7080 !important;
}
.bg-info-transparent {
    background-color: #D6E9FF !important;
    color: #1B84FF !important;
}
.bg-transparent-purple {
    background: #F7EEF9 !important;
    color: #AB47BC !important;
}
.bg-pink-transparent {
    background-color: #FFDBEC !important;
    color: #FD3995 !important;
}
.d-icon-style {
	display:flex;
	align-items:center;
	gap:12px;
	font-size:14px;
	color:#848181;
}
.dashboard-icon {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 100% 0px 0px 100%;
  position: relative;
  width: 100%; /* Makes it responsive */
  background-color: #f5f5f5; /* Default background */
  color: #333; /* Text and icon color */
  transition: 0.3s ease;
  border: 2px solid #ccc;
}

.leave-icon.annual {
  background-color: #ffd700; /* Gold */
  border-color: #c5a200;
}

.leave-icon.medical {
  background-color: #ff6f61; /* Red-Orange */
  border-color: #c44130;
}

.leave-icon.casual {
  background-color: #87ceeb; /* Sky Blue */
  border-color: #5a9eb9;
}

.leave-icon.other {
  background-color: #c0c0c0; /* Silver */
  border-color: #8a8a8a;
}

.mandatory-label::after {
  content: " *";
  color: red;
  font-weight: bold;
  font-size:1rem;
}
/* Background Color for Total Expenses */
.d-total-expenses {
  background-color: #f8d7da; /* Light Red */
  border-color: #f5c6cb;
}

/* Background Color for Total Offices */
.d-total-offices {
  background-color: #d4edda; /* Light Green */
  border-color: #c3e6cb;
}

/* Background Color for Total Users */
.d-total-users {
  background-color: #bee5eb; /* Light Blue */
  border-color: #b8daff;
}

/* Background Color for Total Requests */
.d-total-requests {
  background-color: #fff3cd; /* Light Yellow */
  border-color: #ffeeba;
}
/*------------------------------------LEAVES PAGE STYLES CLOSE-------------------------------------*/


/*------------------------------------PROFILE PAGE STYLES CLOSE-------------------------------------*/

.profile-date div span{
	display: flex;
	align-items:center;
	gap:12px;
}
.profile-date div{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.p-user-card-header{
	position:relative;
	height:100px;
}
.p-user-profile-img{
	position:relative;
	margin-top:-70px;
	text-align:center !important;
}
.p-user-img{
	width:100px;
	height:100px;
	border-radius:50px;
	object-fit:cover;
	margin:0 auto;
	position:relative;
	
}
.p-user-img img{
	width:100px;
	height:100px;
	border-radius:50px;
	object-fit:cover;
	border:4px solid #fff;
}
.icon-edit{
	height:30px;
	width:30px;
	border-radius:15px;
	display:grid;
	place-items:center;
	background-color:var(--bg-dark);
	border:2.5px solid #fff;
	color:#fff;
	position:absolute;
	right:0px;
	top:68px;
	font-size:small;
	text-decoration:none;
	cursor:pointer;
	
}
.badge.bg-high-1 {
    background: rgba(33, 37, 41, 0.1);
    color: #212529;
}
.badge.bg-high-2 {
    background: rgba(59, 112, 128, 0.1);
    color: #3B7080;
}
.theme-accordion .accordion-item{
	border:1px solid #dcdcdc !important;
	border-radius: 0.375rem !important;
	margin-bottom:1rem;
}
.theme-accordion .accordion-item .accordion-button {
    border-radius: 0.375rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important; 
}

.theme-accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent !important; 
    border-bottom: none !important; 
    box-shadow: none !important;
}
.theme-accordion .accordion-item .accordion-body{ 
    border-top: 1px solid #dcdcdc !important; 
}
.accordion-body-flex{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:1rem;
}
.accordion-body-flex p{
	margin-bottom:0px;
}
.accordion-body-flex span{
    font-size: 14px;
    color: #848181;
}
.profile-inputs label{
	margin-bottom: .5rem;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #776969;
    font-weight: 600;
}
/*------------------------------------PROFILE PAGE STYLES CLOSE-------------------------------------*/

/*------------------------------------DEPARTMENTS PAGE STYLES START-------------------------------------*/

.bg-icon {
 
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 100% 0px 0px 100%;
    position: relative;
    width: 100%;
    background-color: #f5f5f5;
    color: #333;
    transition: 0.3s ease;
    border: 2px solid #ccc;

}
.bg-text{
	padding:0px 6px;
	border-radius:10px;
}
/* Modifier Classes for Different Categories */
.bg-red { background-color: #f8d7da; border-color: #f5c6cb; } /* Light Red */
.bg-green { background-color: #d4edda; border-color: #c3e6cb; } /* Light Green */
.bg-blue { background-color: #bee5eb; border-color: #b8daff; } /* Light Blue */
.bg-yellow { background-color: #fff3cd; border-color: #ffeeba; } /* Light Yellow */
.bg-orange { background-color: #ffe5b4; border-color: #ffcc80; } /* Light Orange */
.bg-purple { background-color: #e6ccff; border-color: #d1b3ff; } /* Light Purple */
.bg-teal { background-color: #b2f0e8; border-color: #80e5d3; } /* Light Teal */
.bg-gray { background-color: #f0f0f0; border-color: #d6d6d6; } /* Light Gray */
.bg-pink { background-color: #ffccd5; border-color: #ff99aa; } /* Light Pink */
.bg-brown { background-color: #e6ccb3; border-color: #d9a979; } /* Light Brown */
.bdg-present {
    background-color: #c8e6c9 !important; 
    color: #2e7d32; 
	padding:0px 6px;
	border-radius:10px;
  }
  
  .bdg-absent {
    background-color: #ffcdd2 !important; 
    color: #c62828; 
	padding:0px 6px;
	border-radius:10px;
  }

.creation-part{
	display:grid;
	place-items:center;
}
.decoration-none{
	text-decoration:none  !important;
}



/*------------------------------------DEPARTMENTS PAGE STYLES CLOSE-------------------------------------*/


/*------------------------------------ROLES AND PERMISSION PAGE STYLES START-------------------------------------*/
 .permission-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
	background-color: var(--bg-light) !important;
	border-radius:24px;
  }

  .permission-list input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #007bff;
    cursor: pointer;
  }

  .permission-list label {
    font-size: 14px;
    cursor: pointer;
	font-weight:normal !important;
	text-transform:capitalize !important;
	margin-bottom:0px !important;
  }

 
/*------------------------------------ROLES AND PERMISSION PAGE STYLES CLOSE-------------------------------------*/


/*------------------------------------EXPENSES PAGE STYLES STARTS-------------------------------------*/


.c-card {
    padding: 10px;
    background-color: rgb(17, 17, 17);
    border: 1px solid rgb(34, 34, 34);
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.c-card2 {
    padding: 0px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.c-card-body{
	padding: 15px;
}
.radius-m{
	border-radius: 8px;
}
.radius-t{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}


/*------------------------------------EXPENSES PAGE STYLES CLOSE-------------------------------------*/

/*------------------------------------PAYSLIP PAGE STYLES START-------------------------------------*/
#payslip .table tr{
	border:0px transparent !important;
	padding:0.1rem;
	
}
#payslip .table tr td{
	border:0px transparent !important;
	padding:0.1rem;
	
}
#payslip .table thead td{
	border:0px transparent !important;
	
}
.payslip-p p{
	margin-bottom:8px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
/*------------------------------------PAYSLIP PAGE STYLES CLOSE-------------------------------------*/


/*------------------------------------VEHICLE DETAILS PAGE STYLES START-------------------------------------*/
.height-align{
	height: calc(100vh - 80px);
  overflow-y: auto;
  scrollbar-width:none;
}
.nav-styles .nav-tabs .nav-link {
    color: #555 !important; /* Default text color */
    border: none !important; /* Remove default Bootstrap border */
    padding: 10px 15px; /* Add padding for better spacing */
    font-weight: 500; /* Make text slightly bold */
    transition: all 0.3s ease-in-out;
}

.nav-styles .nav-tabs .nav-link:hover {
    color: #333 !important; /* Darker color on hover */
}

.nav-styles .nav-tabs .nav-link.active {
    color: #000 !important; /* Active tab text color */
    border-bottom: 6px solid var(--btn-primary) !important; /* Blue bottom border */
    background: transparent !important; /* Remove background color */
}
.tab-pane-list{
	padding:0px;
	margin:0px;
}
.tab-pane-list li{
	list-style:none;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:6px 0px;
	
}
.btn.btn-sm {
    background-color: #007bff !important; /* Blue */
    color: #ffffff !important;
    border: none !important;
}

.btn.btn-sm:hover {
    background-color: #0056b3 !important; /* Darker blue on hover */
    color: #ffffff !important;
}

/*------------------------------------VEHICLE DETAILS PAGE STYLES CLOSE-------------------------------------*/

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg
: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.form-select {
  background-color: #222 !important;  /* Dark background */
  color: #fff !important;            /* White text */
  border: 1px solid #555 !important; /* Border color */
}