/* 
.t-Button--success{
background: linear-gradient(257.59deg, #63EE91 5.94%, #33D168 97.87%);
}

.t-Button--danger {
    background: linear-gradient(262.34deg, #F47F7F 1.2%, #EC6565 100%);

}
.t-Button--primary{
    background: linear-gradient(258.63deg, #FFFFFF -11.97%, #F1F1F1 97.52%);
 color: #000;

} */

@import url(https://fonts.googleapis.com/css?family=Muli);
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #b6bcc9;
  font-family: "Muli";
}
.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: #1e2225; */
background-image: linear-gradient(to bottom, rgba(68, 82, 98, 1.00), rgba(0,0,0,0));
}

.t-TreeNav--styleA .a-TreeView-node--topLevel .a-TreeView-row.is-current--top, .t-TreeNav--styleA .a-TreeView-node--topLevel .a-TreeView-row.is-current--top ~ ul .a-TreeView-row {
box-shadow: inset var(--ut-palette-primary) 4px 0 0;
}

.t-TreeNav--styleA .a-TreeView-node--topLevel .a-TreeView-row.is-current--top, .t-TreeNav--styleA .a-TreeView-node--topLevel ul {
/* background-color: var(--a-treeview-node-selected-background-color); */
background-image: linear-gradient(to bottom, rgba(68, 82, 98, 1.00), rgba(0,0,0,0));
color: var(--a-treeview-node-selected-text-color);
}
#t_TreeNav ul{
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 55, 0.3));
}


* {
  outline: none;
}

h1 {
  font-size: 25px;
  font-weight: 100;
  color: #2c2c2c;
  margin: 20px 25px;
}

a {
  text-decoration: none;
  color: #3476ca;

  &:hover {
    color: #6cb5f3;
  }
}

.open {
  position: fixed;
  width: 100px;
  height: 40px;
  left: 50%;
  top: -1000px;
  margin-left: -80px;
  margin-top: -30px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 6px;
  padding: 10px 30px;
  color: #444;
  transition: all ease-out 0.6s;

  &:hover {
    border: 1px solid #aaa;
    box-shadow: 0 0 8px #ccc inset;
    transition: all ease-out 0.6s;
  }
}
#P0_ACT_AS .u-radio:before{
    border-color:#fff!important;
}
#P0_ACT_AS .u-radio:after{
    background-color: #979797;
}

.tooltipcontainer {
  position: fixed;
  z-index:100000;
  width: 400px;
  height: 238px;
  left: 50%;
  top: -1200;
  opacity:0;
  margin-top: -160px;
  margin-left: -200px;
    /* margin-top: -30%;
    margin-left: 20%; */

  /* background-color: #f3f3f3; */
    background-color: #445162;

  border-radius: 6px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.4);

  &:before {
    content: "";
    display:none;
    position: absolute;
    left: -14px;
    top: 28px;
    border-style: solid;
    border-width: 10px 14px 10px 0;
    border-color: rgba(0, 0, 0, 0) #f3f3f3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  }

  & p {
    width: 350px;
    font-size: 16px;
    /* color: #a8aab2; */
        color: #f0f0f0;

    font-weight: 400;
    line-height: 28px;
    float: left;
    margin: 0;
  }

  & .bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    bottom: 0;
    position: absolute;

    & .step {
      flex: 3;
      -webkit-flex: 3;
      -ms-flex: 3;
      width: 100%;
      height: 54px;
      background-color: #373942;
      border-bottom-left-radius: 6px;
      display: flex;

      & span {
        flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        line-height: 54px;
        color: #fff;
        margin-left: 25px;
        font-size: 18px;
      }
      & ul {
        flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        list-style: none;
        height: 10px;
        margin: 23px 0;
        padding-left: 15px;

        & li {
          position: relative;
          height: 7px;
          width: 7px;
          margin: 0 10px;
          float: left;
          border-radius: 50%;
          background: none;
          border: 1px solid #535560;

          &:first-child:before {
            width: 0;
          }

          &:before {
            content: "";
            position: absolute;
            width: 20px;
            border-top: 1px solid #535560;
            left: -21px;
            top: 3px;
          }

          &.true {
            background-color: #7a7d86;
          }

          &.active {
            background-color: #fff;
            box-shadow: 0 0 6px rgba(255, 255, 255, 0.78);
          }
        }
      }
    }
  }
}

.tooltipclose {
  cursor: pointer;

  &:before,
  &:after {
    content: "";
    position: absolute;
    height: 13px;
    width: 13px;
    top: 20px;
    /* right: 31px; */
    /* border-top: 4px solid #7c7c7c; */
        border-top: 4px solid #fff;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  &:before {
    /* right: 40px; */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.btn {
  flex: 1;
  background-color: #6cb5f3;
  border: 0;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  border-bottom-right-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
}
.btn:hover {
  background-color: #6ba5d6;
  transition: all 0.3s;
}
.btn:active {
  background-color: #5f8aaf;
}

.slider-tooltipcontainer {
  width: 350px;
  margin: 0 25px;
  overflow: hidden;
    bottom: 10px;
    position: absolute;
}
#P0_ACT_AS_inline_help{
    font-size:14px;
}
.slider-turn {
  width: 10000px;
}


/* body::after {
    content: '';
    background-color: #fff;
    position: fixed;
    z-index: 99999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(preloader2.gif) !important;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s ease all;
    background-size: 120px;
    opacity: 0.99;
}
body.loaded::after {
    opacity: 0.5;
    pointer-events: none !important;
} */


.actasli{
  list-style-type: none;  
}
.actasbtn{
    color:#fff;
    font-size: 20px;

}

.t-Alert-inset{
display:none!important;
}
.t-Alert--defaultIcons,.t-Alert-buttons > button{
/* background-color:#7b0101; */
/* color: #fff; */
/* border: 1px solid #616161; */
}

td,th,.t-Card-title,.t-Button-label{
    /* text-shadow: 0 0 5px rgb(189 189 189 / 80%), -16px -20px 17px rgb(255 255 255 / 60%); */
    font-weight:900;
}
.home-cards .t-Cards-item h3.t-Card-title span {
    text-shadow: 0 0 5px rgb(189 189 189 / 80%), -16px -20px 17px rgb(255 255 255 / 60%);
}


*{
        font-family: 'apex-5-icon-font';
             letter-spacing: 1px;


}

.header-btn{

background-color: #455362;
color: #fff;
}


.a-TreeView-badge{
    background-color: #9ed6d8!important;
    color: #3a4755 !important;
        /* padding-top:5px!important; */

}
.a-IRR-rowSelector label{
visibility: hidden;
    margin-right: 10px;

}
.a-IRR-rowSelector label:after{
    content:'Display   ';
    visibility: visible; 
    font-weight:900;
}

.u-RTL .a-IRR-rowSelector label:after{
    content:'عرض   ';
    visibility: visible; 
    font-weight:900;
}

.t-Login-body input {
    border: 0 !important;
    box-shadow: none !important;
    background: #eee !important;
    outline: none;
    font-weight: normal !important;
    font-size: 14px;
} 
.apex-item-combobox:focus, .apex-item-combobox:focus-within, .apex-item-multi:focus, .apex-item-multi:focus-within, .apex-item-select:focus, .apex-item-select:focus-within, .apex-item-text:focus, .apex-item-text:focus-within, .apex-item-textarea:focus, .apex-item-textarea:focus-within, .apex-item-wrapper--combobox-many .apex-item-comboselect:focus, .apex-item-wrapper--combobox-many .apex-item-comboselect:focus-within, .datetimepicker_newMonth:focus, .datetimepicker_newMonth:focus-within, .u-TF-item--select:focus, .u-TF-item--select:focus-within, .u-TF-item--text:focus, .u-TF-item--text:focus-within, select.group_selectlist:focus, select.group_selectlist:focus-within, select.listmanager:focus, select.listmanager:focus-within {
    outline: none !important;
}
.t-Header-branding {
    background: #455362;
}
body.t-PageBody--login {
    background-color: #455362 !important;
    /* background-image: url(01.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.t-Login-header img {
    display: none;
}
.t-Login-header {
    height: 100px;
    background-image: url(ADPIC_LOGO3.png	);
    background-repeat: no-repeat;
}
.t-Login-header {
    background-image: url(ADPIC_LOGO3.png	);
    background-repeat: no-repeat;
    background-size: 280px;
    padding: 110px 0 10px;
    background-position: center top;
    margin: 10px 0 0;
    float: right;
    width: 100%;
    height: initial;

}
#P9999_REMEMBER_LABEL{
color:#fff;
}
.t-Login-buttons .t-Button {
    width: 100%;
    background: #455362e3;
    /* border: 2px ridge #00020e; */
    /* background-color: #efefef; */
        background-color: #fff;

color: #000;
border-radius: 14px;
}
#micro{
    
background-color: #fff;
color: #000;
}
.t-Login-region {
    /* background-color: #fff !important; */
    background-color: rgba(69,83,98,0.1) !important;

}
.t-Login-title {
    font-size: 1.8rem;
    font-weight: bold;
    display:none;
}
.a-TreeView-content.is-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
body.t-PageBody {
    background: #ffffff !important;
}
.t-HeroRegion-title {
    height: 77px;
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 0 80px;
    background-image: url(ADPIC_LOGO3.png);
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: center left;
    font-size: 34px;
}
.t-Body-title {
    background: #fff;
}
.t-HeroRegion-col.t-HeroRegion-col--left {
    display: none;
}
.t-HeroRegion {
    position: relative;
    padding: 20px 0;
}
.t-Body-contentInner {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
}
.t-Body-mainContent {
    box-shadow: none !important;
}
main {
    min-height: initial !important;
    height: initial !important;
    background: transparent !important;
}
.t-Cards--displayIcons.u-colors .t-Card-wrap, .t-Region {
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.t-Body-mainContent:before {
    display: none !important;
}

.kpi-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
}

.kpi-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    margin: 10px;
    max-width: calc(25% - 20px);
}
.kpi-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.kpi-value {
    font-size: 42px;
    font-weight: bold;
    color: #4976a8;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    line-height: 1;
    margin: 0 0 8px;
}
.kpi-description {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.kpi-icon {
    font-size: 36px;
    color: #3498db;
    margin-bottom: 10px;
}
.clear-bg {
    box-shadow: none !important;
    padding: 0 !important;
}
.clear-bg .kpi-container {
    padding: 0;
    margin: 0 -10px;
}
.welcome-txt {
    text-align: center;
    font-size: 32px;
    line-height: 1;
    font-weight: normal;
    color: #666;
    margin: 10px 0;
    float: left;
    width: 100%;
}
.welcome-txt span {
    font-weight: bold;
    color: #455362;
}
.welcome-txt span.desc {
    font-size: 17px;
    font-weight: normal;
    float: left;
    width: 100%;
    margin: 10px 0;
    color: #888;
}
.clear-bg .t-Region-body {
    overflow: visible !important;
}
.home-cards li .t-Card-wrap {
    background: #ffffff;
}
.sublinks .t-Card-wrap {
    padding: 10px 70px !important;
    background: #dae0ff;
    /* box-shadow: none; */
    border: 0;
    outline: none;
    background-image: url(icon-01.svg);
    background-repeat: no-repeat;
    background-position: center left 18px;
    background-size: 40px;
}
.u-RTL .sublinks .t-Card-wrap {
    background-position: center right 18px;
}
.sublinks h3.t-Card-title span {
    color: #000 !important;
}
.subtitle {
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    font-size: 28px;
    margin-bottom: 20px;
}
.heading-reg center span {
    font-size: 27px;
    padding: 20px !important;
    float: left;
    width: 100%;
    box-shadow: none;
}
.heading-reg {
    box-shadow: none !important;
    background: transparent;
}
.t-Wizard {
    box-shadow: 0 0 25px 5px rgba(0,0,0,0.1);
    border-radius: 8px;
    border: 0;
    padding: 10px;
    background: #fff;
    width: 100%;
    margin: 0;
    max-width: initial;
}

.sticky-button-bar {
    position: fixed;
    bottom: 0px;
    background: #f7f7f7;
    z-index: 99;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px 30px;
}

.t-Form-itemRequired {
    color: red;
}
 .js-navExpanded .sticky-button-bar {
    left: 280px;
}

.t-Wizard .t-Region {
    box-shadow: none !important;
}
.sticky-button-bar .t-Button--primary {
    background: #455362;
    color: #fff;
}
.sticky-button-bar button {
    margin: 0 10px 0 0;
}
.sticky-button-bar button:last-child {
    margin: 0;
}
.apex_disabled  input, .apex_disabled  select {
    color: rgb(0, 0, 0);
    /* font-weight: 900; */
    opacity: 0.7;
    background: #f7f7f7 !important;
    border-color: #eee;
}
body .t-Wizard .t-Region.sticky-button-bar {
    box-shadow: 0 0 20px rgba(0,0,0,0.1) !important;
}
.t-Wizard .t-Wizard-body {
    padding: 30px;
}
.t-Body-nav {
    background-color: #455362;
}
.t-TreeNav .a-TreeView-label {
    font-size: 12px;
    font-weight:700;
        color: #fff;

}
.a-TreeView-row.is-hover {
    /* background-color: rgba(0, 0, 0, 0.1); */
    /* background-color: #000000; */
    background-image: linear-gradient(to bottom, rgba(68, 82, 98, 1.00), rgba(0,0,0,0));
}
.task-details-block {
    position: sticky;
    top: 95px;
}
.donut-chart {
    width: 100%;
    height: 200px;
    position: relative;
    margin: 20px 0 10px;
    display: none;
}
    .background-circle {
      stroke: #f2f2f2;
      stroke-width: 20;
      fill: #fff; /* Light gray fill */
    }
.donut-text {
      fill: #333;
      font-size: 20px;
      text-anchor: middle;
      alignment-baseline: middle;
    }
    .donut-circle {
      fill: none;
      stroke: #3498db;
      stroke-width: 20;
      stroke-linecap: round;
      stroke-dasharray: 0, 502;
      animation: draw 2s linear forwards;
    }

    @keyframes draw {
      to {
        /*stroke-dasharray: 314, 302;*/
      }
    }
    .task-details-block  span.desc {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 100%;
}
.task-details-block span.desc span {
    display: block;
    float: left;
    width: 100%;
    margin: 5px 0px 20px;
}
.task-details-block ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    float: right;
    width: 100%;
}
body .ui-dialog .ui-dialog-titlebar:before {
    opacity: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding-block-start: 12px;
}
.t-Region--noUI {
    box-shadow: none !important;
    margin:0px;
}
.task-details-block ul label {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #888;
    margin: 0 0 0px;
}
.task-details-block ul li {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    width: 98%;
    padding: 8px 0;
}
.t-WizardSteps-wrap:after {
    height: 5px;
    background-color: #eee;
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
}
.t-WizardSteps-marker:before {
    font-size: 14px;
    line-height: 1.2;
}
span.t-WizardSteps-marker {
    font-size: 17px;
    box-shadow: none;
    padding: 5px;
    min-width: 36px;
    background: #ddd;
    height: initial;
    min-height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.t-WizardSteps-step.is-active .t-WizardSteps-marker {
    background-color: #8BC34A;
    color: #fff;
}
.t-Report-colHead {
    background: #eceeff;
    font-weight: bold;
}
tr:nth-child(even) {
    background-color: #f9f9f9;
}
.t-BreadcrumbRegion {
    padding: 25px 0 15px !important;
}
.t-Footer {
    padding: 20px 0;
}

li.unifier_uxcvoc .t-Card-wrap {
    background-color: #dae0ff;
    background-image: url(icon-02.svg);
    background-size: 42px;
}
li.unifier_uxpsc .t-Card-wrap {
    background-color: #dae0ff;
    background-image: url(icon-03.svg);
    background-size: 42px;
}
li.unifier_uxpba .t-Card-wrap {
    background-color: #dae0ff;
    background-image: url(icon-04.svg);
    background-size: 42px;
}
li.unifier_uxpmcp .t-Card-wrap {
    background-color: #dae0ff;
    background-image: url(icon-05.svg);
    background-size: 42px;
}

li.unifier_uxpadhr .t-Card-wrap {
    background-color: #dae0ff;
    background-image: url(icon-06.svg);
    background-size: 42px;
}
 li.unifier_uxpncp .t-Card-wrap {
    background-color: #dae0ff;
    background-image: url(icon-07.svg);
    background-size: 42px;
}
 li.unifier_uxcpr .t-Card-wrap {
    background-color: #dae0ff;
    background-image: url(icon-08.svg);
    background-size: 42px;
}
.drafts a.t-Button.t-Button--primary {
    border: 1px solid #dae0ff;
    background: #eeeff9;
    color: #455362;
}
.drafts a.t-Button.t-Button--primary:hover {
    border: 1px solid #455362;
    background: #455362 !important;
    color: #fff;
}
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) {
    --ut-body-content-max-width: 95%;
}
.js-navExpanded.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) {
    --ut-body-content-max-width: 100%;
}
.t-Body-contentInner {
    padding: 0 20px;
}
.home-cards .t-Cards-item .t-Card-wrap {
    background: #ffffff;
    border: 0;
}
/* .home-cards .t-Cards-item .t-Card-wrap .t-Card-icon {
    background: #635947;

} */
.home-cards .t-Cards-item:nth-child(1) .t-Card-wrap .t-Card-icon {
    background: #635947;
}
.home-cards .t-Cards-item:nth-child(2) .t-Card-wrap .t-Card-icon {
    background: #8995A3;
}
.home-cards .t-Cards-item:nth-child(3) .t-Card-wrap .t-Card-icon {
    background: #475463;
}
.home-cards .t-Cards-item:nth-child(4) .t-Card-wrap .t-Card-icon {
    background: #b8a98c;
}
.home-cards .t-Cards-item:nth-child(5) .t-Card-wrap .t-Card-icon {
    background: #86b0e3;
}
.t-Card-titleWrap {
    -webkit-padding-before: 0;
    padding-block-start: 0;
    padding-block-end: 0;
}
.sublinks .t-Card-wrap span.desc {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 0 0;
}
.t-WizardSteps-label {
    color: #000;

    opacity: 1;
    display: inline-flex;
    align-items: start;
    min-height: 40px;
    margin: 45px 0 0;
    font-weight: normal !important;
    width: 80%;
    justify-content: center;
}
.t-WizardSteps-step.is-active .t-WizardSteps-label {
    font-weight: bold !important;
}
#P0_ACT_AS_CONTAINER .t-Form-inputContainer{
    color:#fff;
}
span.status-label {
    background: #FCFCFC;
    padding: 5px 14px;
    display: inline-block;
    font-size: 10px;
    border-radius: 10px;
    /* text-transform: uppercase; */
}
span.status-label.entityuser, span.status-label.entityuser-secondapprovedentity  {
    background: #f0f7e7;
    color: #000;
    width: 105px;
    font-weight: 700;


}
span.status-label.closed{
    background: #e30c0c;
    color: rgb(255, 255, 255);
    width: 105px;
    font-weight: 700;
}
span.status-label.entityfirstapprover,span.status-label.firstapprover-secondapprovedentity  {
    background: #ced4eb;
    color: #000;
    width: 105px;
    font-weight: 700;


}
/*///// start karim 25/11/2025 additional approval////////////*/
span.status-label.pendingondmtdg {
    background: #6ef0c3;
    color: #000;
    width: 105px;
    font-weight: 700;


}
/*//////end karim 25/ 11/2025  ///////////////*/
span.status-label.internaldepartments {
    background: #006889;
    color: #daf6ff;
    width: 105px;
    font-weight: 700;


}
span.status-label.entityhead ,span.status-label.entityhead-secondapprovedentity  {
    background: #aaafa9;
    color: #000;
    width: 105px;
    font-weight: 700;


}
span.status-label.finalapprover ,span.status-label.finalapprover-secondapprovedentity  {
    background: #aaafa9;
    color: #000;
    width: 105px;
    font-weight: 700;


}
span.status-label.submittedtoadpic {
    background: #c8f9c4;
    color: #000;
    width: 105px;
    font-weight: 700;


}
span.status-label.tobesubmittedtoadeo {
    background: #c3faff;
    color: #000;
    width: 105px;
    font-weight: 700;


}
span.status-label.submittedtoadeo {
    background: #e6fdff;
    color: #000;
    width: 105px;
    font-weight: 700;


}
span.status-label.pendingwithadpic {
    background: #48eefd;
    color: #000;
    width: 105px;
    font-weight: 700;


}

span.status-label.responsereceived,
span.status-label.تماستلامالمعلومات {
    background: #89e8c1;
    color: #000;
    width: 105px;
    font-weight: 700;

}
span.status-label.pendingrfi-entityuser,
span.status-label.pendingrfi,
span.status-label.طلبمعلومات,
span.status-label.طلبمعلومات-مستخدميالجهة
  {
    background-color: #fff4d2;
    color: #000;
    width: 105px;
    font-weight: 700;

}
span.status-label.pendingrfi-firstapprover {
    background-color: #ffe28a;
    color: #000;
    width: 105px;
    font-weight: 700;

}
span.status-label.entityresponse,
span.status-label.تمالرد-طلبمعلومات {
    background: #8997e8;
    color: #000;
    width: 105px;
    font-weight: 700;
         

}
span.status-label.returned {
    background: #e88989;
    color: #000;
    width: 105px;
    font-weight: 700;

}
span.status-label.closedbyentity {
    background: #fa6a6a;
    color: #000;
    width: 105px;
    font-weight: 700;

}
span.status-label.submittedtocommittee {
    background: #c1d841;
    color: #000;
    width: 105px;
    font-weight: 700;

}
span.status-label.archived {
    background: #91d3ff;
    color: #000;
    width: 105px;
    font-weight: 700;

}

span.status-label.resolutiondispatched {
    background: #f86d2d;
    color: #000;
    width: 105px;
    font-weight: 700;

}

.t-Form-itemWrapper .apex-item-display-only {
    background: transparent !important;
    /* padding: 0; */
    min-height: auto;
    border: 0;
    margin: 0px 0 5px;
    font-size: 16px;
}
#P0_ACT_AS_LABEL{
    color:#fff;
}
select, .t-Form-label, .t-WizardSteps-label {
    color: #000;
    opacity: 1;
    font-weight: normal !important;
    font-size: 14px;
}
.t-DialogRegion-bodyWrapperIn {
    background: #fff;
}
.ui-dialog--inline .ui-dialog-content {
    display: flex;
    max-height: 90% !important;
}
.ui-dialog.ui-front {
    max-height: 90%;
}
.a-IRR-noDataMsg {
    padding: 80px;
}
.t-BreadcrumbRegion-body {
    padding: 10px 20px 0;
}
.home-cards .t-Cards-item h3.t-Card-title span {
    font-weight: 550 ;
    font-size:16px ;
}
.home-cards .t-Cards-item h3.t-Card-title span.num {
    float: left;
    width: 100%;
    font-size: 22px;
    line-height: 1;
    padding: 5px 0 10px;
    font-weight: bolder ;
}

.home-cards .t-Cards-item .t-Card-wrap .t-Card-icon {
    margin: 10px 0 5px;
}
.tab-links {
    box-shadow: none !important;
    border: 0 !important;
    margin-bottom: 25px;
}
.tab-links .t-Region-body {
    padding: 0;
}
.tab-links .t-Button {
    padding: 8px 15px 10px;
    float: left;
    margin: 0 6px 0 0;
    color: #455362;
    user-select: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: normal;
}
.tab-links .t-Button * {
    font-weight: normal;
}
.tab-links  .t-Button:hover {
    background-color: #f7f7f7;
}
.tab-links .t-Button.active {
    color: #fff;
    background-color: #455362;
}
.tab-links .t-Button.create {
    background: #6fa134;
    color: #fff;
    float: right;
    margin: 0;
    font-weight: bold;
}
.tab-links .t-Button.create * {
    font-weight: bold;
}
.tab-links  a.create:hover {
    opacity: 0.8;
}
.tab-links .t-Region-buttons-left, .tab-links .t-Region-buttons-right {
    padding: 0;
}
.t-BreadcrumbRegion--showBreadcrumb .t-BreadcrumbRegion-breadcrumb h1 {
    margin: 0px 0 0;
    padding: 0;
    line-height: 1.3;
    font-weight: bold;
}
span.entity-name {
    padding: 5px 18px;
    border-left: 1px solid #7b86cd;
    margin: 0px 12px;
    font-weight: bold;
}
.u-RTL span.entity-name {
border-left: 0px solid #7b86cd;
border-right: 1px solid #7b86cd;


}
.nodatafound {
    text-align: center;
    padding: 195px 50px 100px;
    background-image: url(nodata.png);
    background-repeat: no-repeat;
    background-position: center top 80px;
    background-size: 105px;
    font-size: 15px;
    color: #888;
    background-color: #fbfbfb;
}
.create-new-btn {
    margin: auto;
    float: none;
    display: block;
    font-size: 16px !important;
    padding: 5px 10px 7px 20px;
}
.new-tabs {
    margin: 8px;
}
.new-tabs  ul.t-Tabs {
    display: flex;
    flex-wrap: nowrap;
    width: fit-content;
    margin: auto;
}
.new-tabs  ul.t-Tabs li {
    word-break: break-word;
    width: inherit;
    display: block;
    white-space: normal;
    background: transparent !important;
    margin: 0 0 20px;
    position: relative;
}
.new-tabs  ul.t-Tabs li a.t-Tabs-link {
    text-overflow: initial;
    white-space: normal;
    font-weight: bold;
    word-break: break-word;
    color: #666;
    padding: 60px 15px 10px;
    position: relative;
    font-size: 11px;
    outline: none;
}
.new-tabs ul.t-Tabs li a.t-Tabs-link::after {
    content: '1';
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    background: #e9e9e9;
    min-width: 30px;
    height: 30px;
    width: fit-content;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    z-index: 3;
}
.new-tabs ul.t-Tabs li:nth-child(2) a.t-Tabs-link::after {
    content: '2';
}
.new-tabs ul.t-Tabs li:nth-child(3) a.t-Tabs-link::after {
    content: '3';
}
.new-tabs ul.t-Tabs li:nth-child(4) a.t-Tabs-link::after {
    content: '4';
}
.new-tabs ul.t-Tabs li:nth-child(5) a.t-Tabs-link::after {
    content: '5';
}
.new-tabs ul.t-Tabs li:nth-child(6) a.t-Tabs-link::after {
    content: '6';
}
.new-tabs ul.t-Tabs li:nth-child(7) a.t-Tabs-link::after {
    content: '7';
}
.new-tabs ul.t-Tabs li:nth-child(8) a.t-Tabs-link::after {
    content: '8';
}
.new-tabs ul.t-Tabs li:nth-child(9) a.t-Tabs-link::after {
    content: '9';
}
.new-tabs ul.t-Tabs li:nth-child(10) a.t-Tabs-link::after {
    content: '10';
}
.new-tabs ul.t-Tabs li:nth-child(11) a.t-Tabs-link::after {
    content: '11';
}

.new-tabs ul.t-Tabs li:nth-child(12) a.t-Tabs-link::after {
    content: '12';
}
.new-tabs ul.t-Tabs li::before {
    background-color: #ddd;
    top: 0;
    content: '';
    background: #ddd;
    left: 0;
    right: 0;
}
.new-tabs ul.t-Tabs li a.t-Tabs-link::before {
    opacity: 0;
}
.new-tabs ul.t-Tabs .t-Tabs-item.is-active a::after, .new-tabs ul.t-Tabs .t-Tabs-item.done a::after  {
    background: #6db21d;
    color: #fff;
}
.new-tabs ul.t-Tabs .t-Tabs-item.is-active a {
    font-weight: bold;
}
.new-tabs ul.t-Tabs li::after {
    content: '';
    position: absolute;
    border-bottom: 2px solid #ddd;
    top: 34px;
    left: -55px;
    right: -55px;
    z-index: 1;
}
.new-tabs ul.t-Tabs li:first-child::after {
    left: 50%;
}
.new-tabs ul.t-Tabs li:last-child::after {
    right: 50%;
}
.new-tabs ul.t-Tabs li:hover::after {
    transform: none;
}
.new-tabs ul.t-Tabs .t-Tabs-item.done a::after {
    content: "\f00c" !important;
    font-family: 'Font APEX Small' !important;
}
.new-tabs ul.t-Tabs .t-Tabs-item.is-active a::after {
    background: #6c7dea;
}
a {
    color: #4050b5;
    text-decoration: none;
}
.js-navCollapsed .t-Body-contentInner {
    max-width: 100%;
    padding: 0;
}
.roundchart {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: conic-gradient(
        #6c7dea 0% 1%, /* Adjust the 75% to your desired percentage */
        #f2f2f2 1% 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: white;
    direction: ltr;
    position: relative;
    margin: 30px auto;
    transition: 1s ease all !important;
}
.roundchart::after {
    content: '';
    position: absolute;
    width: 160px;
    height: 160px;
    margin: auto;
    inset: 0;
    z-index: 1;
    background: #fff;
    border-radius: 1020px;
}

/* For better aesthetics */
.roundchart:before {
    content: attr(data-percentage) '%';
    position: absolute;
    z-index: 9;
    color: #666;
}
.tab-2-opened .roundchart {
    background: conic-gradient(#6c7dea 0% 13%, #f2f2f2 13% 100%);
    transition: 1s ease all !important;
}
.tab-3-opened .roundchart {
    background: conic-gradient(#6c7dea 0% 26%, #f2f2f2 26% 100%);
    transition: 1s ease all !important;
}
.tab-4-opened .roundchart {
    background: conic-gradient(#6c7dea 0% 39%, #f2f2f2 39% 100%);
    transition: 1s ease all !important;
}
.tab-5-opened .roundchart {
    background: conic-gradient(#6c7dea 0% 52%, #f2f2f2 52% 100%);
    transition: 1s ease all !important;
}
.tab-6-opened .roundchart {
    background: conic-gradient(#6c7dea 0% 65%, #f2f2f2 65% 100%);
    transition: 1s ease all !important;
}
.tab-7-opened .roundchart {
    background: conic-gradient(#6c7dea 0% 78%, #f2f2f2 78% 100%);
    transition: 1s ease all !important;
}
.tab-8-opened .roundchart {
    background: conic-gradient(#6c7dea 0% 91%, #f2f2f2 91% 100%);
    transition: 1s ease all !important;
}
.tab-2-opened .roundchart:before {
    content: '13%';
}
.tab-3-opened .roundchart:before {
    content: '26%';
}
.tab-4-opened .roundchart:before {
    content: '39%';
}
.tab-5-opened .roundchart:before {
    content: '52%';
}
.tab-6-opened .roundchart:before {
    content: '65%';
}
.tab-7-opened .roundchart:before {
    content: '78%';
}
.tab-8-opened .roundchart:before {
    content: '91%';
}
.u-RTL .new-tabs ul.t-Tabs li::after {
    left: 0;
    right: 0;
}
.u-RTL .new-tabs ul.t-Tabs li:last-child::after {
    right: 0;
    left: 30%;
}
.u-RTL .sublinks .t-Card-wrap {
    background-position: center right 18px;
}
.u-RTL .new-tabs ul.t-Tabs li:first-child::after {
    left: 0 !important;
    right: 50% !important;
}
.u-RTL .new-tabs ul.t-Tabs li:last-child::after {
    left: 50% !important;
    right: 0 !important;
}
.u-RTL .sticky-button-bar .t-Region-buttons-right button {
    margin: 0 15px 0 0;
}
.u-RTL .sticky-button-bar .t-Region-buttons-left button {
    margin: 0 0 0 15px;
}

/* start anwar 02-02-2024  css style */
:root {
    --glow-hue: 222deg;
    --shadow-hue: 180deg;
    --spring-easing: linear(
    0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%,
    1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%,
    1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%,
    0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%,
    0.998 84%, 1
  );
    --spring-duration: 1.33s;
}
@property --shimmer {
    syntax: "<angle>";
    inherits: false;
    initial-value: 33deg;
}

@keyframes shimmer {
    0% {
        --shimmer: 0deg;
    }
    100% {
        --shimmer: 360deg;
    }
}

@keyframes shine {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    55% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes text {
    0% {
        background-position: 100% center;
    }    
    100% {
        background-position: -100% center;
    }    
}



button:hover:not(:active),
button.active {
    transition-duration: calc(var(--spring-duration)*0.5);
    scale: 1;
    box-shadow: 0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%), inset 0 0 0 transparent;
}
button:active {
    scale: 1.05;
    transition-duration: calc(var(--spring-duration)*0.5);
}

.shimmer {
    position: absolute;
    inset: -40px;
    border-radius: inherit;
    mask-image: conic-gradient(
        from var(--shimmer, 0deg),
        transparent 0%,
        transparent 10%,
        black 36%,
        black 45%,
        transparent 50%,
        transparent 60%,
        black 85%,
        black 95%,
        transparent 100%
    );
    mask-size: cover;
    mix-blend-mode: plus-lighter;
    animation: shimmer 1s linear infinite both;
}
button:hover .shimmer::before,
button:hover .shimmer::after,
button.active .shimmer::before,
button.active .shimmer::after {
    opacity: 1;
    animation: shine 1.2s ease-in 1 forwards;
}
.shimmer::before,
.shimmer::after {
    transition: all 0.5s ease;
    opacity: 0;
    content: "";
    border-radius: inherit;
    position: absolute;
    mix-blend-mode: color;
    inset: 40px;
    pointer-events: none;
}
.shimmer::before {
    /* box-shadow: 0 0 3px 2px hsl(var(--glow-hue) 20% 95%),
                0 0 7px 4px hsl(var(--glow-hue) 20% 80%),
                0 0 13px 4px hsl(var(--glow-hue) 50% 70%),
                0 0 25px 5px hsl(var(--glow-hue) 100% 70%); */
      box-shadow:   0 0 1px 1px hsl(var(--glow-hue) 20% 95%),
                    0 0 1px 2px hsl(var(--glow-hue) 20% 80%),
                    0 0 3px 2px hsl(var(--glow-hue) 50% 70%),
                    0 0 6px 2px hsl(var(--glow-hue) 100% 70%);            
    z-index: -1;
}

.shimmer::after {
    box-shadow: inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),
        inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),
        inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);
    z-index: 2;
}

button .text {
    color: transparent;
    background-clip: text;
    background-color: var(--bg);
    background-image: linear-gradient(120deg, transparent, hsla(var(--glow-hue),100%,80%,0.66) 40%, hsla(var(--glow-hue),100%,90%,.9) 50%, transparent 52%);
    background-repeat: no-repeat;
    background-size: 300% 300%;
    background-position: center 200%;
}

button:hover .text,
button.active .text {
    animation: text .66s ease-in 1 both;
}















/* end anwar 02-02-2024  css style */







/* end anwar 02-02-2024  css style */
.a-TreeView-badge {
    /* background-color: #355984 !important; */
        background-color: transparent !important;

    color:#fff !important;
}
.NEW-TreeView-badge{
    border: 2px solid #fff;
    /* transform: skew(-9deg) !important; */
    position: absolute;
    border-radius: 4px;
    /* padding: 2px 2px; */
    text-align: center;
    /* box-shadow: 2px 1px #ffffff !important; */
    /* margin-top: -1vh; */
    width: 45px;
    font-size: 18px ! important;
    height: 35px;
    scale: 0.7;
    top: 40% !important;
    padding-top: 6px! important;


}


/* div[class*="NEW-TreeView-badge"] {

  animation: pulse 20s ease-in-out infinite; 
} */

@keyframes pulse {

    0% {
            background-color: #09003d;

    font:italic bolder 1.90vw/30px serif;
    border: 3px solid rgb(238, 255, 0);
        box-shadow: 5px 10px rgb(238, 255, 0);

  }
    20% {
    background-color: #343d00;
    font:italic bolder 1.80vw/30px serif;
    border: 3px solid rgb(0, 255, 21);
        box-shadow: 5px 10px rgb(0, 255, 21);

  }

    50% {
            background-color: #3d0000;

    font:italic bolder 1.90vw/30px serif;
    border: 3px solid rgb(0, 174, 255);
        box-shadow: 5px 10px rgb(0, 174, 255);

  }
    80% {
            background-color: #3d2400;

    font:italic bolder 1.80vw/30px serif;
    border: 3px solid rgb(0, 255, 21);
        box-shadow: 5px 10px rgb(0, 255, 21);

  }
    100% {
    background-color: #3d0033;
    font:italic bolder 1.90vw/30px serif;
    border: 3px solid rgb(255, 242, 0);
        box-shadow: 5px 10px rgb(255, 242, 0);

  }

}
/* .t-Login-container:has(.t-Login-containerBody > .t-Alert--defaultIcons){
background-color :#572b2b;
} */