/* *, body {
    font-size: 14px !important;
} */

:root {
    /* Color Variables */
    --BridgeNavy: #102246;
    --BridgeOrange: #DC4826;
    --BridgeBlue: #2A5CAA;
    --base-card: #FFFFFF;
    --base-input: #E4E4E7;
    --base-muted-foreground: #71717A;
    --base-foreground: #18181B;
    --Bridge-Gray: #EFF2F4;
    /* Typography Variables */
    --typography-font-family-font-sans: Inter;
    --typography-base-sizes-small-font-size: 10px;
    /* Font Variables */
    --font-weight-medium: 500;
    --font-family: Inter, sans-serif;
    /* Border Radius Variables */
    --border-radius-md: 6px;
    --border-radius-lg: 8px;
    /* Box Shadow Variable */
    --box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    /* Background Variables */
    --base-background: #FFF;
    /* Border Variables */
    --base-border: #E4E4E7;
    /* text 3x large/leading-normal/semibold */
    --typography-font-family-font-sans: Inter;
    --typography-base-sizes-3x-large-font-size: 30px;
    font-style: normal;
    --font-weight-semibold: 600;
    --typography-base-sizes-3x-large-line-height: 36px; /* 120% */
    /* text extra large/leading-none/semibold */
    --typography-base-sizes-xlarge-font-size: 12px;
    --font-weight-semibold: 600;
    --height-h-10: 40px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-1: 4px;
    --border-radius-md: 6px;
    --Bridge-Blue: #2A5CAA;
    --Bridge-ORange: #DC4826;
    --Bridge-Navy: #102246;
    --Bridge-Gray: #EFF2F4;
   --Bridge-Navy: #102246;
    --base-card: #FFF;
}
.header-bg {
    background: var(--BridgeNavy)
}

.page-layout {
    /* width: 94%;
    background: #ffffff;
    box-shadow: 0px 0px 6px 2px #6365673b;
    border: 1px solid #a1afdc;
    margin: 1rem auto; */
}
.page-bg {
    background: var(--Bridge-Gray);
    box-sizing: border-box;
}

.main-container {
    /* background: #ffffff; */
}

.input-layout {
    width: 100%;
    height:22px;
    min-height:22px;
    padding: 0px 10px;
    align-items: center;
    align-self: stretch;
    border: 1px solid #E4E4E7 !important;
    color: var(--base-muted-foreground);
    text-overflow: ellipsis;
    border-radius: 4px;
    line-height: 1.25rem;
}
    .input-layout:focus-within {
        border: 1px solid #E4E4E7 !important;
    }
.fm9niy {
    border: 1px solid #E4E4E7 !important;
}
.h1-text {
    color: #000;
    /* text 3x large/leading-normal/semibold */
/*    font-family: var(--typography-font-family-font-sans);*/
    font-size: var(--typography-base-sizes-3x-large-font-size);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: var(--typography-base-sizes-3x-large-line-height); /* 120% */
}
.h2-text {
    color: #000;
    /* text extra large/leading-none/semibold */
/*    font-family: var(--typography-font-family-font-sans);*/
    font-size: var(--typography-base-sizes-xlarge-font-size);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    /*line-height: 100%;*/ /* 20px */
}

.h3-text {
    color: var(--base-foreground);
    /* text small/leading-none/medium */
/*    font-family: var(--typography-font-family-font-sans);*/
    font-size: var(--typography-base-sizes-small-font-size);
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: 100%; /* 14px */
}

.card-layout {
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--base-border);
    background: var(--base-card);
    box-shadow: 0px 1px 2px 0px rgb(255 255 255 / 5%);
    margin-bottom: 4px;
}
.form-field {
    display: flex !important;
    flex-direction: row;
    /* gap: .5rem; */
}

.label-layout{
    width:6rem;
}
 
/*Table*/
.grid-tbl-layout {
    /* box-shadow: 1px 1px 12px 1px #edf0f3;
    border: 4px double #d1caca;
    border-radius: 10px; */
}
/*buttons*/
.cell-styl{
     /* max-width: 100px!important; //Set the maximum width */
      white-space: nowrap!important; /* Prevent text from wrapping */
      overflow: hidden!important; /* Hide overflow text */
      text-overflow: ellipsis!important; /* Show ellipsis (...) for overflow text */
      /* border-right: 1px solid #e1e1e1 !important; */
      font-size: var(--typography-base-sizes-small-font-size);
}
.btn-BridgeORange {
    border-radius: var(--border-radius-md);
    background: var(--Bridge-ORange);
}
.btn-BridgeNavy {
    border-radius: var(--border-radius-md);
    border: 1px solid #DC4826;
    background:#DC4826;
    color:#FAFAFA
}
.btn-BridgeBlue {
    color:#FAFAFA;
    border-radius: 6px !important;
    background:'#2A5CAA';
    height: 1.4rem;
}
.btn-BridgeWhite {
    border-radius: var(--border-radius-md);
    border: 1px solid var(--Bridge-Navy);
    background: var(--base-card);
}



/* scrollbar.css */

/* Width and height */
::-webkit-scrollbar {
  width: 5px;  /* Width of the vertical scrollbar */
  height: 5px; /* Height of the horizontal scrollbar */
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Color of the track */
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #bbbaba; /* Color of the handle */
  border-radius: 5px; /* Rounded corners for the handle */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #bbbaba; /* Color of the handle when hovered */
}

.fui-DataGridCell {
    min-height: 32px !important;
}

/* add policy  */
.grid-tbl{
    border: 1px solid var(--base-border);
    margin: 0.8rem 0rem;
    padding: 0.3rem;
    max-height: 360px;
    /* height: auto; */
    overflow-x: scroll;
    background: #fbfbfb;
}
.rsmdyd3{
    padding: 4px!important;
    padding-bottom: 10px!important;
    border: 1px solid var(--base-border);
}

.rl7ci6d{
 width: 14px!important;
 height: 14px!important;
}

.notelimit{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 20cm;
}

select:-internal-list-box option:checked{
    background-color: red!important;
    color: light-dark(rgb(255, 255, 255), rgb(16, 16, 16));
}

select:-internal-list-box:focus option:checked {
    background-color: light-dark(rgb(13, 54, 189), rgb(50, 33, 209)) !important;
    color: light-dark(rgb(255, 255, 255), rgb(16, 16, 16)) !important;
}
select option:checked {
    background-color: #2A5CAA !important;
    color: #000000 !important;
}

/* select option:hover {
    background-color: #ebf3fc !important;
    color: #000000 !important;
} */
/* select option:focus {
    background-color: #ebf3fc !important;
    color: #000000 !important;
} */

select option:active {
    background-color: #ebf3fc;
    color: #000000;
}


/* drop down */
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
 width: 100%;
    height: 32px;
    padding: 0px 10px;
    align-items: center;
    align-self: stretch;
    border: 1px solid #E4E4E7 !important;
    color: var(--base-muted-foreground);
    text-overflow: ellipsis;
    border-radius: 4px;
    
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
  transform: translateY(-50%);
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
  
  padding: 8px 16px;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  height: 200px!important;
  overflow-y: scroll;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
 background-color: #0b233d !important;
    color: #000000 !important;
}

/* select option:checked,
select option:hover {
        box-shadow: 0 0 10px 100px #ebf3fc inset;
}
select:focus > option:checked { 
    background: #000 !important;
} */

select,
::picker(select) {
    appearance: base-select; 
}
::picker(select) {
  border: 1px solid rgb(179, 179, 179);
}
select{overflow: hidden;}
select option{
    /* width: 17rem; */
    overflow: hidden;
    background-color: #f9f9f9;
}
select option:hover {
    box-shadow: 0 0 10px 100px var(--BridgeNavy) inset;
    color: #fdfafa !important;
}
select option:checked{
    box-shadow: 0 0 10px 100px var(--BridgeNavy) inset;
    color: #fdfafa !important;
  }


  .doctype{
    background: #fffad6 !important;
  }
  .recent-bg{
    background:#fafcfff7;
    padding: 0 !important;
  }
  .recent-bg option {
    border-bottom: 1px solid #e5e7eb !important;
    padding: 6px;
    border-radius: 0;
    background-color: #fff !important;
  }
 
  /* option::checkmark {
  order: 1;
  margin-left: auto;
  content: "";
}
  */

.f1vhk6qx {
    min-height: 94vh;
    overflow: hidden;
}

input, option, select, textarea, button {
    font-size: 10px !important;
}


select {
  /* width: 200px; */
  padding-right: 30px; /* Space for the dropdown arrow */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  appearance: none; /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('data:image/svg+xml;utf8,<svg fill="black" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right center;
  background-size: 20px;
}



.btn-com {
    color: #fafafa !important;;
    border-radius: 6px !important;
    height: 1.4rem !important;
    background-color: #2A5CAA !important;
}

.btn-com-disable {
    color: grey !important;;
    border-radius: 6px !important;
    height: 1.4rem !important;
    background-color: #f0f0f0 !important;
}

.btn-com-cancel {
    color: #fafafa !important;;
    border-radius: 6px !important;
    height: 1.4rem !important;
    background-color: #DC4826 !important;
}

.responsive-flex {
    display: flex;
    flex-direction: column;
    /* default: stacked vertically */
}

@media (min-width: 500px) {
    .responsive-flex {
        flex-direction: row;
        /* switch to horizontal at 550px */
    }
}

.fui-DataGridHeader .fui-DataGridSelectionCell .fui-Radio {
    display: none !important;
}

.pl-m-w {
    min-width: 8rem !important;
}

.dialog-text {
    height: 5rem;
}

@media (min-width: 640px) {
    .pl-m-w {
        min-width: 4rem !important;
    }
    .dialog-text {
    height: 4rem;
}
}

.spinner-wrapper-dialog {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  background: rgb(255 255 255 / 32%);
  z-index: 9999;
}

.table-body {
    height: 6.5rem;
    overflow: auto;
}

.select-recent {
    height: 8rem;
    overflow: auto;
}

.sticky-header {
  position: sticky;
  top: 0;
  background-color: #102246;
  z-index: 1;
}

.sort-cell-styl {
height: 26px !important;
align-items: center !important;
}

.sort-cell-styl:hover {
    color: #fff !important;
    background: unset !important;
}
option:disabled {
    background-color: #f0f0f0;
    color: #999999;
}