/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 1, 2022, 8:07:24 PM
    Author     : Dan
*/
/*chroming="solid"*/
/*borderless  outlined s*/
.oj-fwk-icon-cross{
  color:red;
background-color: red;  
}
.whitedialogtitle .oj-dialog-title{
    color:white;
}
.oj-required-inline-container{
     color: #ffffff;
}
.oj-message-detail span{
    color: red;
}
 .objgreen{
       background-color: #04AA6D;
  background-image: none;
  border-color: white;
  color: #ffffff;
  box-shadow: none;
  text-shadow: none; 
  border-radius: 5px;
  --oj-button-border-radius:5px;
    }
    
.oj-button-label{
     color:white
}

.oj-button-text{
    color:white
}

.samplebtn{
     --demo-purple-rgb-10: 252, 248, 254;
    --demo-purple-rgb-20: 249, 242, 253;
    --demo-purple-rgb-30: 246, 236, 252;
    --demo-purple-rgb-40: 239, 219, 250;
    --demo-purple-rgb-50: 229, 196, 246;
    --demo-purple-rgb-60: 215, 165, 242;
    --demo-purple-rgb-70: 206, 145, 239;
    --demo-purple-rgb-80: 196, 123, 235;
    --demo-purple-rgb-90: 183, 94, 231;
    --demo-purple-rgb-100: 169, 64, 227;
    --demo-purple-rgb-110: 159, 40, 223;
    --demo-purple-rgb-120: 146, 35, 207;
    --demo-purple-rgb-130: 132, 32, 186;
    --demo-purple-rgb-140: 117, 28, 166;
    --demo-purple-rgb-150: 102, 24, 144;
    --demo-purple-rgb-160: 84, 20, 119;
    --demo-purple-rgb-170: 72, 17, 101;
  
    /* SOLID */
  
    /* solid enabled */
    --oj-button-solid-chrome-bg-color: rgb(var(--demo-purple-rgb-140));
    --oj-button-solid-chrome-border-color: transparent;
    --oj-button-solid-chrome-text-color: var(--oj-core-neutral-contrast);
  
    /* solid hover */
    --oj-button-solid-chrome-bg-color-hover: rgb(var(--demo-purple-rgb-120));
    --oj-button-solid-chrome-border-color-hover: transparent;
    --oj-button-solid-chrome-text-color-hover: var(--oj-core-neutral-contrast);
  
    /* solid active */
    --oj-button-solid-chrome-bg-color-active: rgb(var(--demo-purple-rgb-160));
    --oj-button-solid-chrome-border-color-active: transparent;
    --oj-button-solid-chrome-text-color-active: var(--oj-core-neutral-contrast);
  
    /* solid disabled */
    --oj-button-solid-chrome-bg-color-disabled: rgba(var(--demo-purple-rgb-100), 0.1);
    --oj-button-solid-chrome-border-color-disabled: transparent;
    --oj-button-solid-chrome-text-color-disabled: var(--oj-core-text-color-disabled);
  
    /* BORDERLESS */
  
    /* borderless-chrome enabled */
    --oj-button-borderless-chrome-text-color: rgb(var(--demo-purple-rgb-120));
  
    /* borderless chrome hover */
    --oj-button-borderless-chrome-bg-color-hover: var(--oj-core-bg-color-hover);
    --oj-button-borderless-chrome-border-color-hover: transparent;
    --oj-button-borderless-chrome-text-color-hover: var(--oj-button-borderless-chrome-text-color);
  
    /* borderless chrome-active */
    --oj-button-borderless-chrome-bg-color-active: var(--oj-core-bg-color-active);
    --oj-button-borderless-chrome-border-color-active: transparent;
    --oj-button-borderless-chrome-text-color-active: var(--oj-button-borderless-chrome-text-color);
  
    /* borderless chrome disabled */
    --oj-button-borderless-chrome-text-color-disabled: rgba(var(--demo-purple-rgb-160), 0.3);
  
    /* OUTLINED */
  
    /* outlined enabled */
    --oj-button-outlined-chrome-border-color: rgba(var(--demo-purple-rgb-160), 0.3);
    --oj-button-outlined-chrome-text-color: var(--oj-button-borderless-chrome-text-color);
  
    /* outlined hover */
    --oj-button-outlined-chrome-bg-color-hover: var(--oj-core-bg-color-hover);
    --oj-button-outlined-chrome-border-color-hover: var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-hover: var(--oj-button-outlined-chrome-text-color);
  
    /* outlined active */
    --oj-button-outlined-chrome-bg-color-active: var(--oj-core-bg-color-active);
    --oj-button-outlined-chrome-border-color-active: var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-active: var(--oj-button-outlined-chrome-text-color);
  
    /* outlined disabled */
    --oj-button-outlined-chrome-border-color-disabled: rgba(var(--demo-purple-rgb-160), 0.1);
    --oj-button-outlined-chrome-text-color-disabled: var(
      --oj-button-borderless-chrome-text-color-disabled
    );
}

#progress {
    --oj-progress-bar-track-bg-color:#333;
   --oj-progress-bar-border-radius: 13px;
--oj-progress-bar-value-bg-color:  orange  ;
    height: 20px;
    width: 300px;
    padding: 3px;
}


oj-button-icon, oj-end, oj-component-icon{
    
}

 oj-button-menu-dropdown-icon{
    background-color: white;
}

.lighter2{
/*  position: absolute;
  bottom: 0;*/
  /*background: rgb(0, 0, 0);*/  
  /*Fallback color*/ 
  /*background: rgba(0, 0, 0, 0.5);*/ 
  /*Black background with 0.5 opacity*/ 
  
  background: rgb(229, 241, 251);  
  /*Fallback color*/ 
  background: rgba(229, 241, 251, 0.5);  
  /*Black background with 0.5 opacity*/ 
  color: #f1f1f1;
  width: 100%;
  padding: 2px;
}