@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;
}
.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; /* تقليل عرض الشريط */
}
.a-Button--popupLOV , .a-PopupLOV-doSearch , .a-GV-loadMoreButton , .t-Button--hideShow ,.a-Button--calendar{
    background-color: #000a63;
    color: white;
}
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    background: #000a63;
    color: white;
    border-radius: 50%;
}


.a-PopupLOV-searchBar {
    background: transparent;
}
.t-Button--hideShow{
    background-color: #000a63 !important;
    color: white !important;
}
.t-Button--success {
    background: #00800059;
    color: green;
}
.t-Button--warning {
    background: #fdd60373;
    color: #b19607;
}
div#t_TreeNav {
    background: url(https://www2.0zz0.com/2024/12/26/15/707140958.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

.t-BreadcrumbRegion {
    background: url(https://www2.0zz0.com/2024/12/26/15/707140958.png);
    /* background-position: bottom right; */
    background-repeat: no-repeat;
}

.a-IRR-button--actions , .a-IRR-button--search , .a-IRR-button--colSearch  , .a-Toolbar-item , .a-Toolbar-toggleButton{
    background: #000a6342;
    color: #000a63;
}
.t-TreeNav .a-TreeView-badge {
    background: #767dbf;
    color: white;
    border-radius: 5px;
}
    .status-tag {
        border-radius: 12px;
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
        min-width: 50px;
        text-align: center;
        padding: 5px;
    }
 .status-recorded {
    background-color: #28a7451c;
    color: #28a745;
}
    .status-not-recorded {
        background-color: #dc354641; /* لون أحمر زاهي */
        color: #dc3545;
    }
    .status-default {
        background-color: #6c757d; /* لون رمادي */
        color: white;
    }
    button#t_Button_navControl{
        display: block;
    }
////////////////////////////////////////////




.t-Region-title {
    TEXT-ALIGN: center;
    FONT: revert;
    font-size: 16px;

}


.t-Footer {
    background-color: #10386d;
}

.t-Footer-version, .t-Footer-customize, .t-Footer-srMode {
    color:#ffffff;
}




.a-IRR-table {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: hidden;
    table-layout: auto;
    width: 100%;
    font-size: 14px;
    color: black;
    background-color: #c5c5c5;
    font-family: unset;
    font-weight: bold;

}


.a-IRR-groupByView{
    font-size: 16px;
    font-weight: bold;
}

.a-IRR-header {
    background-color: #1d3761;
    color: rgb(255, 255, 255);
    text-align: center;

}



.a-IG-controlsContainer, .a-IRR-controlsContainer {
    visibility: hidden;
}



 body {

       background: linear-gradient(to right, #3498db , #1d3761 );
    //    color: white;
    }

    .t-Card-icon .t-Icon {
    align-items: stretch;
    border-radius: inherit;
    display: flex;
    font-size: var(--ut-cardlist-icon-size);
    height: var(--ut-cardlist-icon-container-size);
    justify-content: center;
    width: var(--ut-cardlist-icon-container-size);
    flex-wrap: nowrap;
    HEIGHT: 250PX;
    WIDTH: 250PX;
}


.t-Card-body {
    display: none;
}


.t-HeroRegion-wrap {
    align-items: center;
    display: flex;
    flex-direction: row;
    BACKGROUND:  linear-gradient(to right, #3498db , #1d3761 );
    max-height: 50px;

}


.t-Body-title {
BACKGROUND:  linear-gradient(to right, #3498db , #1d3761 );
  border: 2px solid #3498db;       /* سماكة ولون الإطار */
  border-radius: 12px;             /* حواف دائرية */
  padding: 20px;                   /* تباعد داخلي */
  background-color: #f9f9f9;       /* لون خلفية */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* ظل خفيف */
  max-height: 185px;


}


.t-HeroRegion-title {
    color: #ffffff;
}

.t-Form-fieldContainer--floatingLabel .apex-item-display-only {
    FONT-SIZE: 45PX;
    display: flex;
    /*  justify-content: center;  */
    /*  align-items: center;      */
    height: 80px;
    color: #ffffff;
    border: 0px solid #ccc;
}

a {
    color: #000000;
    font-size: 16px;
    text-decoration: none;
}

.t-Region--accent1>.t-Region-header {
    BACKGROUND: linear-gradient(to right, #3498db, #1d3761);
}

.select2-container {
    border: 2px solid black;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    outline: none;
}

/*
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer {
    align-items: flex-start;
    border: 2px solid black;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        outline: none;
}
*/

.u-colors .u-color
Specificity: (0,2,0)
 {
    background-color: #f8feff;
}