/**
 * To theme your application, just override the variable values you want to change. To find which variables can be changed,
 * see the JET documentation at https://www.oracle.com/webfolder/technetwork/jet/jsdocs/CssVariablesOverview.html
 * In general, we recommend using the Stable theme, as it reduces the chances of being impacted by changes over time.
 */
 
  :root {
    --deepblue:#173A65;
    --blue: #003A63;
    --blue60: #5C7F98;
    --blue30: #A1B2BF;
    --redDark: #7e0e12;
    --red: #E31B23;
    --red60: #E46C72;
    --red30: #E6A9AC;
    --white: #ffffff;
    --whiteTransparent: rgba(255, 255, 255, 0.6);
    --green: hsla(142, 94%, 25%, 1);
    --greenDark:  hsla(142, 94%, 20%, 1);;
    --gray: #333333;
    --Darkgray:#252525;
    --lightGray: #E5E6E6;
    --grayTrans: rgba(37, 37, 37, 0.4);
    --LightGray: #6e6e6e;
    --bluebtn: #027BC7;
    --blueDark: #035181;
    --space : 16px;
    --oj-user-assistance-inline-text-color: var(--blue);
    --oj-user-assistance-inline-font-size: 12px;
    --oj-text-field-inside-edge-label-color-focus: var(--bluebtn);

    --oj-button-call-to-action-chrome-bg-color:var(--bluebtn);
    --oj-button-call-to-action-chrome-bg-color-hover:var(--blueDark);
    --oj-button-call-to-action-chrome-bg-color-active:var(--blueDark);

   --oj-button-solid-chrome-bg-color: var(--green);
   --oj-button-solid-chrome-bg-color-hover: var(--greenDark);
   --oj-button-solid-chrome-bg-color-active: var(--greenDark);
   --oj-button-solid-chrome-text-color:var(--white);
   --oj-button-solid-chrome-text-color-hover:var(--white);

   --oj-private-icon-color-default:var(--LightGray);

   --oj-navigation-list-item-label-color: rgb(255 255 255 / 60%);
   --oj-dialog-body-padding: 0.06rem;
   --oj-dialog-header-padding:0.06rem;


   --oj-core-brand-2:var(--bluebtn);
   --oj-button-border-radius:6px;

   --oj-button-lg-height: 48px;

   --oj-core-danger-1: var(--red);
   --oj-core-danger-2: var(--redDark);
   --oj-core-danger-3: var(--redDark);

   
   --oj-navigation-list-item-label-color-hover:var(--white);
   --oj-navigation-list-item-label-color-selected:var(--white);

 
   --oj-navigation-list-item-border-color-selected:var(--red);

  
   --oj-navigation-list-item-bg-color-hover:var(--grayTrans);

  --oj-button-borderless-chrome-text-color: var(--gray);
  --oj-button-borderless-chrome-text-color-hover:var(--gray);
  --oj-button-borderless-chrome-text-color-active:var(--gray);

  --oj-private-navigation-list-item-start-end-padding: 0.8rem;
  --oj-private-core-wrappable-margin-bottom: 0.8rem;


  --oj-text-field-border-color:var(--lightGray);

  --oj-core-bg-color-selected:rgba(37, 37, 37, 0.2);

  --oj-progress-bar-value-bg-color: var(--bluebtn);

  --oj-train-button-bg-color-visited:rgba(167, 154, 154, 0.118);;
  --oj-train-button-text-color-visited:var(--blue60);
  --oj-train-button-border-color-visited:var(--blue60);

  --oj-train-button-bg-color-selected:var(--blue);
  --oj-train-label-color-visited:var(--blue60);
  --oj-train-label-color-selected:#444444;
  --oj-train-button-border-color:hsla(0, 0%, 78%, 1);
  --oj-train-padding: 0.25rem 0;
  --oj-train-label-padding-top: 0.25rem;

  --oj-text-field-inside-edge-height: 3rem;
  --oj-badge-height: 2rem;
  --oj-badge-font-size: 0.9rem; 
  --oj-dialog-footer-padding: var(--space);
  --oj-button-lg-text-to-edge-padding: 1rem;
  --oj-button-outlined-chrome-border-color-selected:var(--bluebtn);
  --oj-button-outlined-chrome-bg-color-selected:var(--bluebtn);
  --oj-button-outlined-chrome-text-color-selected:var(--white);
  --oj-badge-border-radius: 6rem;


}
.oj-navigationlist-item.oj-selected{
  background-color: var(--Darkgray)
}

.oj-message span {
  font-size: 12px;
}

.oj-required-inline-container{
  color: var(--blue60);
}

.close-modal{
  font-size: 30px;
  line-height: 30px;
}
.btn-rojo{
  background-color: var(--red) !important;
  color: var(--white);
  border: var(--oj-button-border-radius) !important;
}
.oj-table-column-header {
  color: var(--gray);
  font-size: 14px;
}
.oj-progress-bar-value{
  border-radius: 2rem;
  height: .5rem;
}

.oj-text-field.oj-disabled .oj-text-field-input{
    background-color: #dddddd;
}


.oj-dialog-header-close-wrapper {
   margin-block-start: 0; 
   margin-inline-end: 0;
}

.oj-badge {
  padding: 0 1rem;
}
.oj-navigationlist-item.oj-selected{
  border-left: 5px solid var(--red) !important;
}

a.oj-navigationlist-item-content .oj-navigationlist-item-label{
  text-transform: uppercase;
}

.oj-navigationlist-group li a span{
  text-transform: none !important;
}