@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,500&display=swap');

/* ========== LOGIN BUTTON & HEADER ========== */

.t-Login-buttons {
    text-align-last: center;
}

#t-Loginbutton {
    border-radius: 10px;
    position: relative;
    top: -5px;
}

.t-Login-header {
    padding: 0.5rem 0;
}

.t-Login-title{
    font-size: xx-large;
    font-weight: bold;
}

/* login page work */

.t-Login-container {
    -webkit-padding-start: var(--ut-grid-gutter-width, .5rem);
    -webkit-padding-end: var(--ut-grid-gutter-width, .5rem);
    display: inline;
    gap: var(--ut-login-container-item-spacing, 1rem);
    grid-area: body;
    grid-template-areas:
        "login-header"
        "login-body"
        "login-footer";
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    padding-inline-end: var(--ut-grid-gutter-width, .5rem);
    padding-inline-start: var(--ut-grid-gutter-width, .5rem);
    position: relative;
    width: 100%;
    height: 100vh;
    object-fit: initial;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-color: white;
}

/* .t-Login-region {
    background-color: white;
    height: 100vh;
    width: 100%;
    border-radius: 0px;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
    right: 0px;
    left: 0px;
    position: relative;
    box-shadow: none;
} */

/* Desktop styles only */
@media screen and (min-width: 769px) {
  .t-Login-region {
      background-color: white;
      height: 100vh;
      width: 100%;
      border-radius: 0px;
      border: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 0px;
      right: 0px;
      left: 0px;
      position: relative;
      box-shadow: none;
  }
}



.t-Region--carousel {
    padding: 0;
    position: relative;
    background: transparent !important;
    border: none;
    border-radius: 0 !important;
    background-color: white;
}

.t-Region--carousel .t-Region-body {
    border-radius: 0 !important;
    background-color: white;
    padding: 0;
}

.t-Region--carousel img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    display: block;
    overflow: hidden;
}



.t-Region--carousel img::before {
    content: none;
}



.t-Region.t-Region--carousel.t-Region--showCarouselControls.js-cycle5s.t-Region--removeHeader.t-Region--hiddenOverflow {
    padding: 0;
    position: relative;
    background: transparent !important;
    border: none;
    border-radius: 0 !important;
}



@media screen and (max-width: 768px) {

  #login-wrapper {
    display: block;
    height: auto;
  }

  .login-region {
    width: 100%;
    max-width: 100%;
    padding: 1.5rem;
    text-align: center;
  }

  .slider-region {
    width: 100%;
    height: 70vh; /* Adjust height as needed */
    margin-top: 1rem;
  }

  .slider-region img,
  .t-Region--carousel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}




.t-Region--carousel img::before {
    content: "Image not showing";
    display: block;
    background-color: red;
    color: white;
    text-align: center;
}



/* ADDED BY SHARJEEL 05052025 */

.t-Region .t-Region--accent14 {

     box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 0 6px 20px rgba(221, 228, 255, 0.08);
    color: #1E3A8A;
  border: 3px solid #ECF0FE;
    border-radius: 5px;

}

.t-Region .t-Region--noPadding {

  box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 0 6px 20px rgba(221, 228, 255, 0.08);
    color: #1E3A8A;
  border: 3px solid #ECF0FE;
    border-radius: 5px;

}

.grayboldcenter
{
    
   /* background-color:#B5B9F7 !important;*/
  /* background-color: #f4f9f2 !important;*/
  background-color: #e6ebed !important;
    font-weight: bold  !important;
    text-align: center !important;
    
}

.grayboldright
{
    /* background-color:#B5B9F7 !important; */
    /*background-color: #f4f9f2 !important;*/
    background-color: #e6ebed !important;
    font-weight: bold !important;
    text-align: right !important;
    
}

.grayboldleft
{
    /* background-color:#B5B9F7 !important; */
    /*background-color: #f4f9f2 !important;*/
    background-color: #e6ebed !important;
    font-weight: bold !important;
    text-align: left !important;
    
    
}


.t-Region .t-Region--scrollBody{

     box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 0 6px 20px rgba(221, 228, 255, 0.08);
    color: #1E3A8A;
  border: 3px solid #ECF0FE;
    border-radius: 5px;
}

/*----------------------------------------------*/



.navmenu {
    margin-right: 15px;
    /*border: 1px solid #ECF0FE;*/ /*#C2D5CA;*/
    color: white;
    /*border-radius: 5px;*/
}


.t-Region.t-Region--noBorder.t-Region--scrollBody{


    box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 0 6px 20px rgba(221, 228, 255, 0.08);
    color: #1E3A8A;
  border: 3px solid #ECF0FE;
    border-radius: 5px;
}





.t-Region.i-h320.t-Region--hiddenOverflow{

  box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 0 6px 20px rgba(221, 228, 255, 0.08);
    color: #1E3A8A;
    border: 3px solid #ECF0FE;
    border-radius: 5px;

}


.a-Button.a-IRR-button.a-IRR-button--actions{

    color: #1E3A8A;
    background-color: white;
    font-weight:600;
      border: 2px solid #ECF0FE;

}


.a-Button.a-Toolbar-item{

        color: #1E3A8A;
    background-color: white;
    font-weight:600;
    border: 3px solid #ECF0FE;
}

.a-Button.a-Toolbar-button.a-Toolbar-toggleButton{

    color: #1E3A8A;
    background-color: white;
    font-weight:600;
    border: 3px solid #ECF0FE;
}

.a-Icon.icon-irr-no-results{

      color: #1E3A8A;
       font-weight:600;
}




.t-Button-label{

    font-weight: 500;
}


/*
.t-Login-buttons {
    text-align-last: center;
}

#t-Loginbutton {
    border-radius: 10px;
    position: relative;
    top: -5px;
}


.t-Login-header {
    padding: 0.5rem 0;

}

.t-Login-title{

font-size: xx-large;
font-weight: bold;

}





.t-Login-container {
    -webkit-padding-start: var(--ut-grid-gutter-width, .5rem);
    -webkit-padding-end: var(--ut-grid-gutter-width, .5rem);
    display: inline;
    gap: var(--ut-login-container-item-spacing, 1rem);
    grid-area: body;
    grid-template-areas:
        "login-header"
        "login-body"
        "login-footer";
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    padding-inline-end: var(--ut-grid-gutter-width, .5rem);
    padding-inline-start: var(--ut-grid-gutter-width, .5rem);
    position: relative;
    width: 100%;
    height: 100vh;
    object-fit: initial;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-color: white;
}



.t-Login-region {
    background-color: white;
    height: 100vh;
    width: 100%;
    border-radius: 0px;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
    right: 0px;
    left: 0px;
    position: relative;
    box-shadow: none;
}


.t-Region--carousel img {
    width: 100%;  
    object-fit: cover;
        height: 100vh; 
     overflow: hidden; 
}

.t-Region--carousel  {
    padding: 0;
    position: relative;
    background: transparent !important;
    border: none;
    border-radius: 0px !important;
    background-color: white;
}


.t-Region--carousel .t-Region-body{

    border-radius: 0% !important;
    background-color: white;
    
}





.t-Region.t-Region--carousel.t-Region--showCarouselControls.js-cycle5s.t-Region--removeHeader.t-Region--hiddenOverflow.margin-top-none.margin-bottom-none.margin-left-none.margin-right-none.lto2181520861044569705_0{

    padding: 0;
    position: relative;
    background: transparent !important;
    border: none;
    border-radius: 0px !important;


}


.t-Region.t-Region--carousel.t-Region--showCarouselControls.js-cycle5s.t-Region--removeHeader.t-Region--hiddenOverflow.margin-top-none.margin-bottom-none.margin-left-none.margin-right-none {
    padding: 0;
    position: relative;
    background: transparent !important;
    border: none;
    border-radius: 0px !important;
	}

*/

.t-Region.t-Region--noBorder.t-Region--scrollBody.lto2158816655600497511_0{

   box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 
                0 6px 20px rgba(221, 228, 255, 0.08);
    color: #1E3A8A;
    border: 3px solid #ECF0FE;
    border-radius: 5px;


}

.t-Region.t-Region--noPadding.i-h320.t-Region--hiddenOverflow.lto2158816170520497506_0 {
    box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 
                0 6px 20px rgba(221, 228, 255, 0.08);
    color: #1E3A8A;
    border: 3px solid #ECF0FE;
    border-radius: 5px;
}

.t-Region--showCarouselControls .a-Region-carouselControl .a-Tabs-button {
    visibility: visible;
    background: no-repeat;
    color: white;
    font-weight: bolder;
}



.t-Region,
.t-Region-body {
    border-radius: 10px !important;

}

/* changes by sharjeel khan 13/05/2025 */


.t-MediaList-title{

    color: #003a4b;
    font-size: larger;
}

/* -------------------------- */


.a-CardView.card-1 {
    box-shadow: inset 5px 0px 0px #5E66F2 !important;
}
.a-CardView.card-2 {
    box-shadow: inset 5px 0px 0px #FFC000 !important;
}
.a-CardView.card-3 {
    box-shadow: inset 5px 0px 0px #BF2525 !important;
}
.a-CardView.card-4 {
    box-shadow: inset 5px 0px 0px #5AB647 !important;
}


/* changes by sharjeel khan 13/05/2025 */


.a-CardView:hover  {

 background-color: #E5D9A9 !important;
    transition: background-color 0.3s ease-in-out;

}

/*  ----------------------- */    



.t-Body-contentInner{

    background-color: #F7F9FF;
} 
 
 h1, h2, h3, h4, h5, h6 {
    line-height: 0.1;
}


 .a-IRR-button--search{
    background-color: #1A3C95;
    color: white;
    border-radius: 3px !important;
}

 .a-IRR-button--colSearch{
     color: #1A3C95;
     background-color: white;
 }



.t-Button--simple{
    box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 
            0 6px 20px rgba(221, 228, 255, 0.08);
    color: #003a4b;
    border: 3px solid #ECF0FE;
    border-radius: 5px;
   
}




.t-Button--simple:focus{
    box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 
            0 6px 20px rgba(221, 228, 255, 0.08);
    color: #003a4b;
    border: 3px solid #ECF0FE;
    border-radius: 5px;
   
}

/* changes by sharjeel khan 13/05/2025 */

.t-Button--simple:hover{
  background-color: #E5D9A9 !important;
    color: black !important;
    transition: background-color 0.3s ease-in-out;

}
/*  ----------------------- */    

.t-Button--hot.t-Button--noUI {

    box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 
            0 6px 20px rgba(221, 228, 255, 0.08);
    border: antiquewhite;
    width: 128px;
     color: #1E3A8A;
}

.a-IRR-container{
border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 102, 255, 0.1), 
                0 6px 20px rgba(0, 102, 255, 0.08);
    transition: box-shadow 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.a-IRR {

    border: none;
}


.a-IRR-headerLink{

     background-color: #E8EBFF !important;
}


.a-IRR-header.a-IRR-header--linkCol{

       background-color: #E8EBFF;
}

.a-IRR-header.u-tC{

    background-color: #E8EBFF;
}

.a-IRR-header.u-tL{

     background-color: #E8EBFF;
}


.a-IRR-headerLink.a-GV-row.is-hover, .a-IRR-table tr:hover td {
 background-color: #E8EBFF;
 
} 



.a-GV-table th.a-GV-header, .a-GV-table th.a-GV-headerGroup {
    font-weight: var(--a-gv-header-cell-font-weight, var(--a-base-font-weight-bold, 700));
    BACKGROUND-COLOR: #E8EBFF;
}


.icon-irr-sort-desc, .icon-irr-sort-asc{
    color: #1A3C95;
}

.t-Button--primary{
    box-shadow: 0px 4px 10px rgba(221, 228, 255, 0.1), 
            0 6px 20px rgba(221, 228, 255, 0.08);
    transition: box-shadow 0.3sease-in-out, transform 0.2sease-in-out;
    BACKGROUND-COLOR: #E6EAFE;
}

.IRBUTTON {
    display: inline-block;
    padding: 4px 0;
    width: 92%;
    font-size: 13px;
    color: #5AB647;
    border: 2px solid #5AB647;
    background-color: #EBF2EE;
    border-radius: 5px;
    text-align: center;
    transition: all 0.3sease;
}

.a-CardView-item {
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 102, 255, 0.1), 
                0 6px 20px rgba(0, 102, 255, 0.08);
    transition: box-shadow 0.3s ease-in-out, transform 0.2s ease-in-out;
     height: 85%;
     
}


 .t-MediaList-icon {
    align-items: center;
    border-radius: var(--ut-medialist-icon-border-radius, 100%);
    color: var(--ut-medialist-icon-color, var(--ut-component-icon-color));
    display: flex;
    height: var(--ut-medialist-icon-container-size, 1rem);
    justify-content: center;
    width: var(--ut-medialist-icon-container-size, 1rem);
    background-color: #BF9E2A;
}
 
.t-MediaList-itemWrap {

background-color: white;
--ut-medialist-item-grid-gap: 0.8rem;
} 


.t-MediaList-itemWrap:hover .t-MediaList-icon {
    background-color: #BF9E2A;
    color: white; 
    transition: background-color 0.3s ease, color 0.3s ease;
}


.t-MediaList-itemWrap:hover {
    background-color: #E5D9A9; 
    transition: background-color 0.3s ease;
}


.t-MediaList-item {
    border-bottom: none !important;
}



 .a-CardView-media--body {
    background-color: white;
}

.a-CardView-items--float .a-CardView-item{
    min-width: 176px;


}

.a-CardView-icon, .a-CardView-icon.fa {
    align-items: center;
    display: grid;
    text-align: center;
    background-color: white;
    color: #003a4b;
}

.a-CardView-button {
    background-color: white;
}




.a-Button--popupLOV{

background-color: #003a4b;
    color: white;
}

.a-CardView-actions {
    justify-content: end;
}

.a-CardView-button {
    border: none;
    FONT-SIZE: x-large;
}

.a-CardView{
    border-radius: 13px;
     
}

/* changes by sharjeel khan 13/05/2025 */

.a-CardView-buttonIcon
{
    color: #003a4b;
    font-weight: 800;
    font-size: large;
}



.t-Region-header{
   color: #003a4b;
    font-size: x-large;
}



.a-CardView-subTitle {
    font-weight: 300;
    color: black;
}

.a-CardView-item:hover .a-CardView-button {
    background-color: #E5D9A9 !important; 
    border-color: #E5D9A9 !important;
    transition: background-color 0.3s ease-in-out;
}

.a-CardView-item:hover .a-CardView-buttonIcon {
    color: #003a4b !important; 
}

/*  ----------------------- */    




.a-CardView-items {
    --a-cv-icon-spacer: calc(var(--a-cv-icon-container-size, 32px) + var(--a-cv-header-item-spacing-x, 12px));
    list-style: none;
    margin: 0;
    margin-left: 20px;
    margin-right: 20px;
    color: #003a4b;
}

/* changes by sharjeel khan 13/05/2025 */

::-webkit-scrollbar-thumb {
    background: #003a4b;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #003a4b; 
}
/* -----------------*/


::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: white;  
    border-radius: 5px;
}


.apex-item-popup-lov{

  color: #1A3C95;
}


.a-CardView-items--float .a-CardView-item {
    height: 183px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.a-CardView-items--float .a-CardView {
    flex-grow: 1;
}

.a-CardView-items--float .a-CardView-body {
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}


.a-CardView-items.a-CardView-items--float{
    display: flex;
    margin-top: 2%;
}


  .a-CardView-mainContent, .a-CardView-subContent, .a-CardView-subTitle, .a-CardView-title {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    font-size: inherit;
}


.a-CardView-items.a-CardView-items--float{
    display: flex;
    margin-top: 2%;
}



.a-CardView-icon, .a-CardView-icon.fa {
    align-items: center;
    display: grid;
    text-align: center;
    background-color: #E5D9A9;
    color: #003a4b;
    font-size: large;
    border-radius: 5px;
    padding-left: 4%;
}


.approvalrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px;
    transition: transform 0.2s ease-in-out;
}


.approvallabel {
    font-size: 14px;
    font-weight: 500;
    margin-left: -2%;
    color: #1C4D5C;
}

.approvalicon {
font-size: 21px;
font-weight: 600;
color: #003a4b;
}



.a-CardView:hover .approvallabel,
.a-CardView:hover .approvalicon {
    color: black !important;
}




 .a-IRR-tableContainer{
     td{
      border-right: 1px solid white !important;
     }
}


 .messageBar {
     font-size: 1rem;
     overflow: hidden;
     padding: 10px;
     color :#ccc;
     background: #000000; 
 }



.profile-card {
    background: white;
    padding: 15px;
    border-radius: 12px;
    width: 400px;  
    text-align: left;
    position: relative;
    transition: 0.3s;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
}




.profile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.date-badge {
    margin-bottom: -2%;  /* added by sharjeel 04052025 */
    display: flex;
    align-items: center;
    background: white;
    padding: 8px 12px;
    border-radius: 21px;
    font-size: 14px;
    font-weight: 600;
    color: #193d95;
    border: 3px solid #e3e9f7;
}

.date-badge .fa-calendar-check-o {
    margin-right: 8px;
    color: #193d95;
    margin-top: 3%;
    font-size: larger;
    font-weight: 700;
}
/*
.menu-icon {
    cursor: pointer;
    font-size: 14px;
    color: #193d95;
    padding: 5px;
    border: 3px solid #e3e9f7;
    border-radius: 5px;
    padding-top: 2%;
}
*/

.profile-content {
    display: flex;
    align-items: center;
    margin-top: 31px;
}

.profile-image-container {
    position: relative;
    width: 77px;
    height: 78px;
    margin-right: 19px;
}

.profile-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #193d95;
}

.status-indicator {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #28a745;
    border: 2px solid white;
}


.profile-details {
    flex: 1;
}

.profile-name {
    font-size: 17px;
    font-weight: bold;
    color: #193d95;
    margin: 0;
}

.profile-info {
    font-size: 15px;
    color: black;
    margin: 0;
}

.profile-line {
    width: 100%;
    margin: 5px 0;
    border: 0.5px solid #E0E0E0;
}

.profile-department {
    font-size: 14px;
    color: #B0B0B0;
}

.a-CardView.has-media.has-media--body:hover {
    background-color: inherit !important;
    color: inherit !important;
    transition: none !important;
    box-shadow: none !important;
}

.a-CardView-headerBody{

    margin-top: -3%;
}


.t-Button.t-Button--icon.t-Button--simple.t-Button--iconRight.t-Button--stretch.t-Button--gapRight.t-Button--hot{

       margin-left: -5%; 
}

.a-IRR-table tr:hover{


    color: #1E3A8A !important;
    transition: background-color 0.3s ease-in-out;
    font-weight: 600;
    
}

.t-Button.t-Button--icon.t-Button--iconRight.t-Button--hot.t-Button--stretch.t-Button--noUI{

    border: 3px solid #ECF0FE;
    background-color: white;
    color: #1A3C95;
}

.t-Region--accent14>.t-Region-header {
    --ut-region-header-background-color: #ffffff;
    --ut-region-header-text-color: var(--u-color-14-contrast);
}

.t-Region--accent15>.t-Region-header {
    --ut-region-header-background-color: #1A3C95;
    --ut-region-header-text-color: var(--u-color-13-contrast);
}

.t-Region--accent15>.t-Region-header{
    color: white;
    font-size: 10px;
  height: 40px;
    border-radius: 5px 5px 0 0;

}

.t-Form-label{
   color: #1A3C95;
    margin-bottom: 3px;
    font-size: 13px;
    font-family: "DM Sans", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.t-Tabs--simple .is-active .t-Tabs-link {
    background-color: white;
    color: #1A3C95;
   
}


.u-checkbox{

color: #1A3C95;

}

 .t-Tabs-link {
   margin: -7px 0;
    font-size: 13px;
    border-radius: 10px;
  }


.t-Region-title{
font-size: large;
}

.t-Region--accent15 {

.t-Region-title   {
  font-family: "DM Sans", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
}

}



.t-Tabs--simple {
  /*border-bottom: 1px solid #1A3C95;*/
  overflow-y: hidden;
}


.t-Region.t-Region--stacked.t-Region--scrollBody{


        box-shadow: 0px 4px 10px rgba(0, 102, 255, 0.1), 0 6px 20px rgba(0, 102, 255, 0.08);
    transition: box-shadow 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.text_field{
    
    background-color: #FCFCFC;
    border: 1px solid #DAE1FE;
    border-radius: 3px;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

 .oj-inputdatetime-input-container.oj-text-field-container{

 background-color: #FCFCFC;
    border: 1px solid #DAE1FE;
    border-radius: 3px;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;

 }

 .selectlist.apex-item-select{

background-color: #FCFCFC;
    border: 1px solid #DAE1FE;
    border-radius: 3px;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;

 }



.apex-item-group.apex-item-group--popup-lov{



background-color: #FCFCFC;
    border: 1px solid #DAE1FE;
    border-radius: 3px;
    font-family: "DM Sans", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;

}


.apex-item-single-checkbox{

color: #1A3C95;

}



.textfocus{


    background-color: #B5B9F7;
}

.bgregion{

    BACKGROUND-COLOR: #EEF0FD;
}


#P501_EPR_CARD_RECEIVED_LABEL{

    color: #1A3C95;


}


/*unaib */


.a-TreeView-toggle{
  opacity: 1 !important;  
}

/* changes by sharjeel khan 13/05/2025 */


/*unaib*/
/*  ----------------------- */    


.apex-icons-fontapex .fa {
    font-family: inherit !important;
    position: relative;
    font-size: large;
}




.t-Region .mygrids .t-Region-body{

       border-radius: 0px !important;


}

.a-GV-table .a-GV-row:hover td {
    background-color: #E8EBFF !important; /* Light Orange Hover Color */
    transition: background-color 0.3s ease-in-out;
     color: #1E3A8A !important;
    font-weight: 600;
}


.a-IG .t-Region-body {
    border-radius: 0px !important;
}


.a-GV-hdr.a-GV-hdr--fixed{

    BACKGROUND-COLOR: #E8EBFF;
    border: none;
    border-radius: none;
}

.a-GV-headerLabel{

color: #1A3C95;

}


.t-Region-header{

    border-radius: 10px !important;
}

/*unaib*/


.t-BadgeList-value {
    color: #003a4b;
    font-size: 23px !important;
}




.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected {
  background-color: #E5D9A9 !important;
}

.a-TreeView-row.is-selected+.a-TreeView-toggle {
    color: #ffffff;
    font-weight: 700 !important;
}



.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-toggle.is-selected {
  color: black !important;
}

.a-TreeView-content.is-selected > .fa {
    --ut-treeview-icon-opacity: 1;
    color: black !important;
}


.a-TreeView-content.is-selected {
    --ut-treeview-icon-opacity: 1;
    color: black !important;
     background-color: #E5D9A9 !important;
}




.a-TreeView-toggle:hover {
  background-color: #E5D9A9 !important;
  border-color: transparent !important;
  color: black !important;
    font-weight: 600 !important;

}



.a-TreeView-node.is-collapsible .a-TreeView-content:hover {
    background-color: #E5D9A9 !important;
    color: black !important;

}

.t-TreeNav--styleA > ul > .a-TreeView-node--topLevel:not(.is-selected) > .a-TreeView-content:hover {
    background-color: #E5D9A9 !important;
    --ut-treeview-icon-opacity: 1;
    color: black !important;
    font-weight: 600 !important;
}




.a-TreeView-node:hover > .a-TreeView-content,
.a-TreeView-node:hover > .a-TreeView-toggle {
  background-color: #E5D9A9 !important;
  color: black !important;
}


.t-BadgeList-wrap:hover{

     background-color: #E5D9A9 !important;
}