@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body{
font-family: "Cairo","Nunito Sans" , sans-serif;
}
.apex-button-group input:checked + label {
    --a-button-background-color: green;
    --a-button-text-color: #ffffff;
    --a-button-hover-background-color: green;
    --a-button-hover-text-color: #ffffff;
    --a-button-active-background-color: green;
    --a-button-active-text-color: #ffffff;
    --a-button-focus-background-color: green;
    --a-button-focus-text-color: #ffffff;
}

/* div#t_TreeNav {
    background: white;
    border-right: 1px solid #ddd;
}

.a-TreeView-content {
    padding: 20px;
    border-bottom: 1px solid #ddd;
} */
/* Specific button styles for the second option in the button group */
.apex-button-group .apex-item-option:nth-of-type(2) input:checked + label {
    --a-button-background-color: red;
    --a-button-text-color: #ffffff;
    --a-button-hover-background-color: red;
    --a-button-hover-text-color: #ffffff;
    --a-button-active-background-color: red;
    --a-button-active-text-color: #ffffff;
    --a-button-focus-background-color: red;
    --a-button-focus-text-color: #ffffff;
}
.c-pill {
  align-items: center;
  font-weight: bold;
  font-size: 11px;
  white-space: nowrap;
  width: auto;
  position: relative;
  border-radius: 100px;
  line-height: 1;
  overflow: hidden;
  padding: 0px 12px 0px 20px;
  text-overflow: ellipsis;
  color: black;
  word-break: break-word;
}
footer#t_Footer {
    display: none;
}

.c-pill:before {
  border-radius: 50%;
  content: '';
  height: 10px;
  left: 6px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
}
.c-pill--success {
  background: #b4eda0;
}

.c-pill--success:before {
  background: #6BC167;
}

.c-pill--warning {
  background: #ffebb6;
}

.c-pill--warning:before {
  background: #ffc400;
}

.c-pill--danger {
  background: #ffd5d1;
}

.c-pill--danger:before {
  background: #ff4436;
}
.foot {
    padding: 10px;
    margin: 10px 0;
    display: grid;
    grid-template-columns: auto auto auto;
    margin: auto;
    align-items: center;
    justify-items: center;
}
.foot div {
    padding: 10px;
    padding-left: 0px;
    background: #000000;
    color: white;
}
.foot div b {
    background: #7d8383;
    padding: 7px;
}
.head-inv {
    padding: 10px;
    text-align: center;
    background: black;
    color: white;
    font-size: 20px;
    margin-bottom: 10px;
}
.head-logo {
    text-align: center;
}
.head-logo img{
    text-align: center;
    width: 80px;
}
.head-logo {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 20px;
    font-weight: bold;
}
#tprint td , #tprint th {
    border: 1px solid black;
    text-align: center;
}
#tprint{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
div#print-info {
    font-size: 17px;
    font-weight: 600;
}
div#print-info {
    padding: 10px;
    background: #1f5f5b;
    color: white;
}
.head {
    margin-bottom: 30px;
}.t-TreeNav .a-TreeView-badge {
    background: #0ba299;
}
/* تخصيص شريط التمرير */
::-webkit-scrollbar {
  width: 6px; /* عرض شريط التمرير */
}

::-webkit-scrollbar-track {
  background: #f6fafd; /* لون الخلفية لمسار شريط التمرير */
}

::-webkit-scrollbar-thumb {
  background: #06373a; /* لون شريط التمرير */
}

::-webkit-scrollbar-thumb:hover {
  background: #04565e; /* لون شريط التمرير عند التمرير فوقه */
}

/* تخصيص شريط التمرير لمتصفحات أخرى */
.scrollbar {
  scrollbar-color: #06373a #f6fafd; /* اللون: الشريط + الخلفية */
  scrollbar-width: thin; /* تقليل عرض الشريط */
}

.t-TreeNav .a-TreeView-badge {
    background: #d90909;
}
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body{
font-family: "Cairo","Nunito Sans" , sans-serif;
}
.apex-button-group input:checked + label {
    --a-button-background-color: green;
    --a-button-text-color: #ffffff;
    --a-button-hover-background-color: green;
    --a-button-hover-text-color: #ffffff;
    --a-button-active-background-color: green;
    --a-button-active-text-color: #ffffff;
    --a-button-focus-background-color: green;
    --a-button-focus-text-color: #ffffff;
}

/* Specific button styles for the second option in the button group */
.apex-button-group .apex-item-option:nth-of-type(2) input:checked + label {
    --a-button-background-color: red;
    --a-button-text-color: #ffffff;
    --a-button-hover-background-color: red;
    --a-button-hover-text-color: #ffffff;
    --a-button-active-background-color: red;
    --a-button-active-text-color: #ffffff;
    --a-button-focus-background-color: red;
    --a-button-focus-text-color: #ffffff;
}
.c-pill {
  align-items: center;
  font-weight: bold;
  font-size: 11px;
  white-space: nowrap;
  width: auto;
  position: relative;
  border-radius: 100px;
  line-height: 1;
  overflow: hidden;
  padding: 0px 12px 0px 20px;
  text-overflow: ellipsis;
  color: black;
  word-break: break-word;
}
footer#t_Footer {
    display: none;
}

.c-pill:before {
  border-radius: 50%;
  content: '';
  height: 10px;
  left: 6px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
}
.c-pill--success {
  background: #b4eda0;
}

.c-pill--success:before {
  background: #6BC167;
}

.c-pill--warning {
  background: #ffebb6;
}

.c-pill--warning:before {
  background: #ffc400;
}

.c-pill--danger {
  background: #ffd5d1;
}

.c-pill--danger:before {
  background: #ff4436;
}