@font-face {
    font-family: 'NewRudaw';
    src: url('/build/assets/fonts/NewRudaw-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rudawbold';
    src: url('/build/assets/fonts/rudawbold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --gray-color:  #1c1c1c;
    --grayhover-color: #4E4E4E ;
    --rasasi-color: #272727 ;
    --silver-color: #c0c0c0;
    --zard-color: #F6DA86;
    --zardhover-color: #b2914f;
    --spi-color: #ffffff;
}

header{
    font-family: 'NewRudaw','rudawbold';
    background-color:var(--rasasi-color);
 
    position: fixed; /* This keeps the header at the top */
    top: 0; /* Aligns the header to the top of the viewport */
    left: 0; /* Aligns the header to the left of the viewport */
    right: 0; /* Ensures the header spans the full width */
    z-index: 1000;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important; /* Transparent border */
}

.navbar .navbar-brand,
.navbar .navbar-nav .nav-link , #sidebar-toggle ,.navbar-text{
  color: var(--spi-color) !important;
  transition: 0.3s ease;
  font-size: 20px;
}

.navbar .navbar-brand:hover,
.navbar .navbar-nav .nav-link:hover , #sidebar-toggle:hover ,.navbar-text:hover {
  color: var(--zard-color) !important;
  transform: translateY(-1px);
}
.rtl-placeholder {
    direction: rtl;

}

.rtl-placeholder input {
    direction: ltr;
    color: #c9c9c9;
}



#sidebar-toggle{
    color: var(--zard-color);
}

.navbar-logo {
    width: 80px;  /* Adjust this value as needed */
    height: 80px; /* Should be the same as width for a perfect circle */
    object-fit: cover; /* This ensures the image covers the area without distortion */
    border-radius: 50%; /* This makes the image circular */
    overflow: hidden; /* This ensures the image stays within the circular boundary */
    transition: all 0.3s ease; /* This ensures smooth transition for all changes */
}

.navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-brand .navbar-logo {
    transform: scale(1); /* Initial state */
    box-shadow: 0 0 0 rgba(246, 218, 134, 0); /* Initial state with no shadow */
}

.navbar-brand:hover .navbar-logo {
    transform: scale(1.1); /* Slightly larger on hover */
    box-shadow: 0 0 20px rgba(246, 218, 134, 0.8); /* Glow effect on hover */
}

#btnedit{
    background-color: var(--zard-color) !important;
    color: #1c1c1c !important;
    border: none !important;
}
#btnedit{
    background-color: var(--zard-color) !important;
    color: var(--spi-color) !important;
    border: none !important;
}
#btnedit:hover{
    background-color: #f8e4a8 !important;
    box-shadow: 0 0 10px #F6DA86 !important;
}
/* Common styles for all buttons */
.copy-button, .excel-button, .colvis-button {
    padding: 8px 12px;
    margin: 5px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

/* Copy button */
.excel-button {
    background-color: #4CAF50  !important; /* Green */
    color: white !important;
}

.excel-button:hover {
    background-color: #45a049 !important;
}

/* Excel button */
.copy-button {
    background-color: #2196F3 !important; /* Blue */
    color: white !important;
}

.copy-button:hover {
    background-color: #0b7dda !important;
}

/* Column visibility button */
.colvis-button {
    background-color: #ff9800 !important; /* Orange */
    color: white !important;
}

.colvis-button:hover {
    background-color: #e68a00 !important;
}


.dataTables_filter label,
.dataTables_filter input {
    font-weight: bold; /* Make label and input bold */
    color: var(--zard-color); /* Label and input text color */
}

.dataTables_info {
    color: #6B7280 !important; /* Change this to your desired color */
}