/*!
 Copyright (c) 2020, 2024, Oracle and/or its affiliates.
 */

.a-IRR-sortWidget-actions-item[id$="_action_hide"] {
    display: none !important;
}

/* search Bar Code Start */
.t-Body-main {
    background-color: #F0F4FF;
}
/* search bar box */
#P0_SEARCH{
border-radius: 10px !important;
padding-left: 40px !important;
padding-right: 5px !important;

width: 400px !important;
max-width: 500px;

height: 35px !important;

font-size: 13px !important;
}

/* Dropdown */
#searchDropdown {
position: absolute;
top: 45px;
left: 295px;
width: 330px;
background: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 0 10px 25px rgba(0,0,0,0.2);
display: none;
max-height: 300px;
overflow-y: auto;
z-index: 9999;
color: black;
font-size: 14px;
}

.search-item {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 10px 16px;
    cursor: pointer;

    transition: all 0.2s ease;
}

/* searchDropdown animation css */
#searchDropdown {
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* search icon css */
.search-icon {
    font-size: 17.5px;
    opacity: 0.7;
    width: 20px;
}

/* result text size */
.search-title {
    font-size: 14px;
    font-weight: 600;
}

.search-sub {
    font-size: 12px;
    color: #888;
}

.search-content {
    display: flex;
    flex-direction: column;
}



/*  no result css */
.no-result {
    text-align: center;
    padding: 20px 10px;
    color: #666;
    font-size: 18px !important;
}

.no-result-icon {
    font-size: 22px;
    margin-bottom: 6px;
}

.no-result-title {
    font-size: 14px;
    font-weight: 600;
}

.no-result-sub {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}

/*  Grouping Css */
.search-group {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    background-color: #d0c9c9;
    padding: 8px 12px;
    border-top: 1px solid #d0c9c9;

    display: none;
}

/*  search Bar Code end */













/* ==================== Intro.js Modern Guided Tour Start ==================== */
/* Tooltip container */
.introjs-tooltip {
  background: #ffffff !important;
  border-radius: 14px !important;
  max-width: 400px !important;
  min-width: 300px !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25) !important;
  font-family: 'Segoe UI', Roboto, Arial, sans-serif !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
}
/* Title */
.introjs-tooltip b {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
}
/* Tooltip text – max 2 lines */
.introjs-tooltiptext {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #4b5563 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 10px !important;
  padding-right: 5px !important;
}
/* Progress bar */
.introjs-progress {
  background: #e5e7eb !important;
  height: 6px !important;
  border-radius: 6px !important;
  margin: 8px !important;
}
.introjs-progressbar {
  background: linear-gradient(90deg, #536084, #6366f1) !important;
  border-radius: 6px !important;
}
/* ===== BUTTONS (Back & Next SAME STYLE) ===== */
/* Base button style (Back & Next same) */
.introjs-button,
.introjs-button:focus {
  color: #ffffff !important;
  background-color: #b8b1b1 !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border: 1px solid #616161 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
}
/* Hover effect */
.introjs-button:hover {
  background: #536084 !important;
  color: #000000 !important;      /* 👈 hover color */
  transform: translateY(-1px) !important;
}
/* Close (X) button */
.introjs-skipbutton {
  color: #000000 !important;
  font-size: 20px !important;
  top: -10px !important;
  right: -5px !important;
}
.introjs-skipbutton:hover {
  color: #cb4747 !important;
}
.introjs-tooltip-title {
    min-height: 0em !important;
}
.introjs-button {
    width: 40px !important;
    height: 15px !important;
    padding: 5px !important;
}
.introjs-tooltipbuttons {
    text-align: center !important;
}
.introjs-tooltip-header {
    background-color: #536084 !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}
/* ==================== Intro.js Modern Guided Tour END ==================== */
/* ==================== Step By Step Navigate Start ==================== */
.modern-onboard-dialog .ui-dialog-titlebar {
    background-color: #3C4A71 !important;
    border: none !important;
    padding: 10px !important;
}
.modern-onboard-dialog .ui-dialog-content {
    padding-top: 25px !important;
    padding-left: 15px !important;
    padding-Right: 15px !important;
    padding-bottom: 15px !important;
}
.modern-onboard-dialog .ui-button--hot {
    background-color: #3C4A71 !important;
    border-radius: 8px !important;
}
.ui-dialog-buttonpane {
    padding: 7.5px;
}
/* ==================== Step By Step Navigate END ==================== */

.self_explanatory,
#NN{
    color:#6b7280;
font-size:13px;
// margin-bottom:12px;
}
// PG9999 CSS Start
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel {
    padding: 0px;
}
.t-Login-header {
    padding: 2px;
}

.margin-top-sm, .u-margin-top-sm {
    margin-top: 10px;
    margin-bottom: 0px;
}

.t-Region--noUI {
        margin: 5px;
}

.t-Button--padTop {
        margin: 0px;
}
.t-Body-contentInner{
    background: #f0f4ff !important;
}

// PG9999 CSS End





// apex report css - 18-03-2026 added by gopi



// apex report css ended here


 /*------------------------sujata------------------------------------------*/
 /*------------------------------------------- form ----------------------------------------*/

.t-Form {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    padding: 24px;
}
.t-Form-label{
    color: #0B1D3A;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 0.6px;
}
.apex-item-text,
.apex-item-select,
.apex-item-textarea,
.apex-item-popup-lov {

    width: 100% !important;
    height: 44px;

    border: none !important;
    border-radius: 12px !important;

    /* background: #EEF2F7 !important;    */
    background-color: #F2F8FF !important;


    padding: 10px 14px !important;

    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400;

    color: #191C1E !important;

    box-shadow: none !important;
}
.apex-item-text::placeholder,
.apex-item-textarea::placeholder {
    color: #94A3B8;
}

/* For readonly like COUNTRY */
.apex-item-wrapper.is-readonly input,
.apex-item-wrapper.is-readonly textarea {
    color: #94A3B8 !important;
}
.apex-item-text:focus,
.apex-item-select:focus,
.apex-item-textarea:focus {

    outline: none;
    background: #EEF2F7 !important;

    box-shadow: 0 0 0 2px rgba(59,130,246,0.15);
}


  /*------------------------sujata------------------------------------------*/

/* Breadcrumb CSS Start */

/* Breadcrumb padding */
.t-BreadcrumbRegion,
.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child .t-Breadcrumb-label {
    padding: 0px;
    padding-left: 10px;
    // background-color: #F8FBFF;
    background: #F4F7FA;
}

.t-BreadcrumbRegion {
border-left: 5px solid #A92235;
}
/* Breadcrumb font-size */
.t-Breadcrumb-label {
    font-size: 16px;
}

.t-BreadcrumbRegion-titleText,
.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child .t-Breadcrumb-label {
    font-size: 16px;
    color: #334155 !important;
    font-family: Nunito, sans-serif !important;
}

body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title {
    border: 0px;
}

.rw-pillar--neutral .t-Body-title:after,
.col col-12 apex-col-auto col-start col-end {
        display: none;
}

/* Breadcrumb CSS End */

/* Wizard CSS Start */

/* Wizard content Padding */
.t-Body-contentInner {
    padding: 10px !important;
    padding-top: 0px !important;
}

/* Wizard Padding */
.t-Wizard:not(.t-Wizard--showTitle) .t-Wizard-controls {
    padding-top: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
}

/* Wizard CSS End */

/* Page footer */
@media (min-width: 640px) {
    .t-Footer {
        display: none;
    }

/* Page Item */
// .t-Form-labelContainer {
//         padding-top: 0px;
// }



@media screen and (prefers-reduced-motion: no-preference) {
    .t-Body-nav {
        transition: width var(--ut-layout-transition, .1s);
        // background-color: rgb(255, 255, 255);
        background-color: #ffffff !important;
    }
}

// css added for apex navifation menu start
/* ===== SIDEBAR ===== */
// .t-TreeNav {
//   padding: 6px 8px;
// }

/* ===== MENU ITEM ===== */
.t-TreeNav .a-TreeView-content {
  display: flex;
  align-items: center;
  gap: 2px;

  padding: 6px 10px;   /* 🔻 reduced */
  margin: 2px 0;       /* 🔻 reduced */

  border-radius: 10px; /* slightly tighter */
  font-size: 13px;     /* compact text */
  font-weight: 600;

  color: #1f2937;
  border: 1px solid transparent;

  transition: all 0.2s ease;
}



/* ===== HOVER ===== */
.t-TreeNav .a-TreeView-content:hover {
  background: rgba(37, 99, 235, 0.06);
  color: #2563eb;
}

/* ===== ACTIVE ===== */
.t-TreeNav .is-current > .a-TreeView-content {
  background: #eef4ff;
  color: #1d4ed8;
  border: 1px solid #dbeafe;
}

/* ===== REMOVE EXTRA HEIGHT FROM APEX ===== */
.a-TreeView-node {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== REMOVE ROW HEIGHT ISSUE ===== */
.a-TreeView-row {
  min-height: auto !important;
}

/* ===== REMOVE LEFT BAR ===== */
.a-TreeView-row.is-selected:before {
  display: none !important;
}



/* css added for apex navifation menu end */

/* Reset success/error message close button */
.t-Alert--page .t-Button.t-Button--closeAlert {
    background-color: transparent !important;
    border-color: transparent !important;
    color: inherit !important;
    // padding: 0 !important;
    // box-shadow: none !important;
}



.a-FileDrop--inline {
    padding: 0px;
    border: 0px;
}


#save_btn{
    margin-top: 28px !important;
}




/* Remove wizard region border */
.t-Wizard {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin-bottom: 5px;
}

/* Remove wizard body border */
.t-Wizard-body {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Remove default region border */
.t-Wizard .t-Region {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
}

.t-Wizard .t-Wizard-body{
    padding: 0px!important;
}


// css given for employee self service sub menus


/*-------------------------------------------------------- sujata  wizard ---
/*wizard start*/
/*wizard start*/
-------------------------*/
/* ===== CONTAINER ===== */
/* ===== CONTAINER ===== */
.myNavTabs{
    display:flex;
    align-items:center;
    gap:12px;   
    padding:10px;
    background:#EAEAEA !important;   /* outer light grey */
    border-radius:16px;
}

/* ===== ITEM ===== */
.myNavTabs .t-NavTabs-item{
  flex: 0 0 auto !important;
}

/* ===== LINK (DEFAULT TAB) ===== */
.myNavTabs .t-NavTabs-link{
    display:flex;
    align-items:center;
    justify-content:center;

    height:48px;
    // padding:0 16px;
     padding:0 22px; 

    background:transparent !important;  /* 🔥 important */
    color:#374151;

    font-size:14px;
    font-weight:500;

    border-radius:14px;
    text-decoration:none;

    transition:all 0.25s ease;

    box-shadow:none !important;
    border:none !important;
}

/* ===== REMOVE APEX BACKGROUND BLOCK ===== */
.myNavTabs .t-NavTabs-item{
    background:transparent !important;
}

/* ===== ACTIVE TAB (DARK BLUE) ===== */
.myNavTabs .t-NavTabs-item.is-active .t-NavTabs-link{
    background:#0f2747 !important;
    color:#ffffff !important;
    font-weight:600;
    padding:0 26px; 
     box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

/* ===== HOVER ===== */
.myNavTabs .t-NavTabs-link:hover{
    background:#d1d5db !important;
}

/* ===== REMOVE EVERYTHING EXTRA ===== */
.myNavTabs .t-NavTabs-link::after,
.myNavTabs .t-NavTabs-link::before{
    display:none !important;
}

.myNavTabs .t-NavTabs-label::before{
    display:none !important;
}

.myNavTabs .t-Icon{
    display:none !important;
}

/* ===== REMOVE APEX ACTIVE UNDERLINE ===== */
.myNavTabs .t-NavTabs-link:focus,
.myNavTabs .t-NavTabs-link:active{
    outline:none !important;
    box-shadow:none !important;
}


@media (min-width: 640px) {
   .t-NavTabs {
        --ut-navtabs-background-color: #EAEAEA !important;
        background: #EAEAEA !important;
        padding: 6px;
        border-radius: 10px;
    }
}

/* REMOVE CENTERING */
.myNavTabs{
    width: fit-content;     /* 🔥 prevents full stretch */
    margin-left: 0 !important;
}

/* 🔥 Kill parent centering (very common in APEX) */
// .t-Region,
// .t-Body-content,
// .t-Body-main{
//     display: block;
//     text-align: left !important;
// }

/* If still centered inside flex container */
// .myNavTabs{
//     align-self: flex-start !important;
// }

// .myNavTabs .t-NavTabs-item{
//     flex: 0 0 auto !important;   /* 🔥 no grow, no shrink */
// }

.t-Wizard, .t-Wizard--hideStepsSmall.lto252197442503099002_0{
    margin-left: 0px;
}

/*-------------------------------------------------------- sujata end wizard ---
/*---------------------- cancel Button css-------------*/
 .cancel_btn{
   color: #475569;
 font-size: 14px;
 font-family: Sora;
 font-weight: 600;
 line-height: 20px;
 word-wrap: break-word;
 border-radius: 8px;
 background: transparent;

 }
// .cancel_btn:hover {
//     background: transparent;
// }
 .update_btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    margin-left: 15px;
    padding: 10px 24px;
    background-color: #004AC6;
    border-radius: 8px;

    color: #ffffff;
    font-size: 14px;
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    line-height: 20px;

    border: none;
    cursor: pointer;
}
// /* REMOVE media query — apply everywhere */
// .update_btn .t-Icon,
// .update_btn .t-Icon::before {
//     color: #ffffff !important;
// }
// /* ICON COLOR (LEFT + RIGHT) */
// .update_btn .update_icon {
//     color: #ffffff !important;   /* force icon color */
//     // font-size: 16px;
// }

// .update_btn .t-Icon::before {
//     color: inherit !important;
// }
/* FORCE icon color inside button */
button.update_btn .t-Icon,
button.update_btn .t-Icon::before,
button.update_btn .update_icon,
button.update_btn .update_icon::before {

    color: #ffffff !important;
}
/*create button*/
/* CREATE BUTTON */
.create_button {
    background: #004AC6;
    border-radius: 8px;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: none;
    cursor: pointer;
}

/* TEXT */
.create_button {
    color: #ffffff;
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}

/* HOVER */
.create_button:hover {
    background: #0039A6;
}

/* ACTIVE */
.create_button:active {
    background: #00308F;
}
.add_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:2px;

    padding:10px 12px;
    background:#004AC6;
    border-radius:10px;

    color:#ffffff;
    font-size:14px;
    font-family:'Sora', sans-serif;
    font-weight:600;
    line-height:20px;

    border:none;
    cursor:pointer;
    margin-top: 41px;

    transition:all .2s ease;
}
.update_icon, .add_icon{
    color:#ffffff !important;
}
/*--------------------- Region Title ------------------------*/
.t-Region-title{
    color: #9CA3AF;
    font-size: 12px;
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 0.6px;
    
    display: flex;
    align-items: center;
    gap: 8px; /* space between red bar and text */
}

/* Red vertical bar */
.t-Region-title::before{
    content: "";
    display: inline-block;
    width: 3px;
    height: 16px;
    background-color: #EF4444; /* red color */
    border-radius: 2px;
}

/*------------------------------------------sub menu------------------------------*/
/* ===== LIST CONTAINER ===== */
.t-LinksList{
    margin:0;
    padding:8px 0;
}

/* ===== EACH ITEM ===== */
.t-LinksList-item{
    margin:0;
}

/* ===== LINK ROW ===== */
.t-LinksList-link{
    display:flex;
    align-items:center;
    gap:12px;

    padding:12px 16px;
    border-radius:8px;

    transition:all .2s ease;
}

/* ===== DEFAULT ICON ===== */
.t-LinksList-icon{
    width:32px;
    height:32px;
    min-width:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    background:#E5E7EB;

    color:#6B7280;
    font-size:14px;

    transition:all .2s ease;
}

/* ===== LABEL ===== */
.t-LinksList-label{
    font-size:15px;
    color:#64748B;
    font-weight:500;

    transition:all .2s ease;
}

/* ===== HOVER ===== */
.t-LinksList-link:hover{
    background:#F1F5F9;
}

.t-LinksList-link:hover .t-LinksList-icon{
    background:#E2E8F0;
    color:#475569;
}

/* ===== ACTIVE ROW (LIKE SCREENSHOT) ===== */
.t-LinksList-item.is-current .t-LinksList-link{
    background:#E5E7EB;
}

/* ===== ACTIVE ICON ===== */
.t-LinksList-item.is-current .t-LinksList-icon{
    background:transparent;
    color:#1D4ED8;
}

/* ===== ACTIVE TEXT ===== */
.t-LinksList-item.is-current .t-LinksList-label{
    color:#1D4ED8;
    font-weight:600;
}

/* ===== OPTIONAL: DIVIDER LINE BETWEEN ITEMS ===== */
.t-LinksList-item + .t-LinksList-item{
    border-top:1px solid #F1F5F9;
}
/*-------------------- report ----------------------------------------------*/
.a-IRR .a-IRR-toolbar {
    background-color: #ffff;
    border: 2px solid #f1f5f9;
}
.a-IRR-fullView{
    border: 2px solid #f1f5f9;
}

/*header class*/
.a-IRR-header{
    background-color: #F8FAFD;
}
.a-IRR-headerLink{
     justify-content: center; display: flex; flex-direction: column; color: #6B7280; font-size: 11px; font-family: Inter !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.55px; word-wrap: break-word
}
.a-IRR-button--search{
    font-size: 12px;
}
.a-IRR-search-field{
    border-radius: 8px;
    outline: 2px #E2E8F0 solid;
    background: white;
}
.a-IRR-table td{
    color: #374151;
 font-size: 13px;
 font-family: Inter;
 font-weight: 400;
 word-wrap: break-word;
 padding-top: 7px;
    padding-bottom: 7px;
    height: 13px; 
}



.a-PopupLOV-search.apex-item-text {
  padding-left: 2rem !important;
}


/* Active/selected nav item */
.a-TreeView-content.is-selected,
.a-TreeView-content.is-current--top {
  background-color: #E6E9F2;
  border-left: 3px solid #DC2626;
}

.a-TreeView-content.is-selected .a-TreeView-label,
.a-TreeView-content.is-current--top .a-TreeView-label {
  color: #1a237e;
  font-weight: 600;
}

.a-TreeView-content.is-selected .fa,
.a-TreeView-content.is-current--top .fa {
  color: #1a237e;
}

/* Hover state - exclude active item so it doesn't override active styling */
.a-TreeView-content:hover:not(.is-selected):not(.is-current--top) {
  background-color: #f0f1f8;
  border-left: 3px solid #c5cae9;
}
// ends here