.display-linebreak {
  white-space: pre-line;
}

.oscar-descTxt{
  font-size:85%;
  color:red;
}
.bg-BlueGray-gradient {
  background:linear-gradient(180deg,#003366 ,#097df0 )
}
.bg-BlueGray-gradient_test {
  /*background:linear-gradient(130deg,#fff,#073e5e,#5091e7 ,#086499 );*/
  background: rgb(255,255,255);
  background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(103,169,241,1) 8%, rgba(9,9,121,1) 20%, rgba(0,212,255,1) 100%);
}

.bg-test{
 /* background-image: url("/assets/img/bg.png");
  background-repeat: repeat-y;*/
  background:#096DB7;/*#003366*/;
  
}
body{
  background-color:#045A9C !important;
  background-image:url(/assets/img/bg.png) ;
  background-repeat:no-repeat;
}
.oscar-header{
    width:100%;
    height:110px;
    position:relative;

    padding:5px 5px 5px 5px;
    vertical-align:top;
    display:inline-block;
    border:solid white 0px;
}
.oscar-header_1{
  height:115px;
  
  background: rgb(255,255,255);
  background: linear-gradient(153deg, rgba(255,255,255,1) 0%, rgba(188,217,250,1) 11%, rgba(32,127,195,1) 18%, rgba(11,86,128,1) 29%, rgba(0,212,255,1) 100%);
}
.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.oscar-logo{
  
  width:220px;
  border:solid white 0px;
  margin-left:10px;
  margin-top:-10px !important;
  display:inline-block;
  vertical-align: top;
  
 

}

.oscar-logo1{
    height: 100%; 
    width:120px;
    display:inline-block;
    border:solid white 0px;
}
.oscar-logo img{
    /*height: calc(100% - 10px); */
    width:150px
}
.oscar-title-bk {
  
    margin-top:0px;
    text-align:left;
    font-size:16pt;
    color:white;
    display:inline-block;
   
   
}
.oscar-title {
  position:absolute;
  top:10px;
  left:270px;
  text-align:left;
  font-size:16pt;
  color:white;
  display:inline-block;
  width:calc(100% - 400px);
  border:solid white 0px;
}
.oscar-userInfo{
    position:absolute;
    top:10px;
    right:10px;
    width:200px;
    color:white;
    border:solid white 0px;
}
.oscar-year-sel{
  position:absolute;
  top:70px;
  right:15px;
  width:120px;
  color:white;
  text-align:right;
}

.input-error, input:invalid{
  border:solid 4px rgb(248, 166, 166) !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 0.25rem;
}
.sidebar{
    min-height:calc(100vh - 135px);
    font-size:14pt;
    color:white;
}
.sidebar li .submenu{ 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	padding-left: 1rem; 
	padding-right: 1rem;

}
.nav-link{
  padding:0.3rem 1rem !important;
}
.cursor-pointer{
    cursor:pointer;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:normal !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.text-ellipsis-1 {
  -webkit-line-clamp: 1; /* number of lines to show */
          line-clamp: 1; 
}

.text-ellipsis-2 {
  -webkit-line-clamp: 2; /* number of lines to show */
          line-clamp: 2; 
}

.text-ellipsis-3 {
  -webkit-line-clamp: 3; /* number of lines to show */
          line-clamp: 3; 
}

.sActive a{
    color:Aquamarine !important;
    margin-left:-18px;
}
.sActive-L3 a{
  color:gold !important;
  margin-left:-18px;
}
.sActive-L4 a{
  color:white !important;
  margin-left:-18px;
}
.bg-BlueGray {
    background:#003366;
}


.border-tl-7{
    border-top-left-radius: 7px;
}
#oscar-personnelFrm .col-form-label{
    font-size:10pt  !important;
}

.text-90{
    font-size:90% !important;
}
input.required {
  border:solid 1px #ec8b8b;
  box-shadow: 0 0 0 0.2rem #ec8b8b;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.link{
  color:blue;
  cursor:pointer;
}

.warningCustom{
  font-size:120% !important;
  background-color:#31060a !important;
  color:white !important;
}

.tooltipWarning{
  font-size:90% !important;
  background-color:#e6ee7e !important;
  color:rgb(58, 28, 28) !important;
}
.tooltipInfo{
  font-size:90% !important;
  background-color:#95f0f7 !important;
  color:rgb(24, 27, 78) !important;
}
.tooltipDanger{
  font-size:90% !important;
  background-color:#ffbcbc !important;
  color:rgb(58, 18, 13) !important;
}

.text-60{font-size:60% !important}
.text-70{font-size:70% !important}
.text-80{font-size:80% !important}
.text-85{font-size:85% !important}
.text-90{font-size:90% !important}
.text-110{font-size:110% !important}
.text-120{font-size:120% !important}
.text-130{font-size:130% !important}
.text-140{font-size:140% !important}
.text-150{font-size:150% !important}
.text-160{font-size:160% !important}
.text-180{font-size:180% !important}
.text-200{font-size:200% !important}
.text-240{font-size:240% !important}
.text-bold{font-weight:bold !important;}
/* custom colors and font size*/
.text-chocolate{color:#D2691E  !important;}
.text-Aquamarine{color:#7FFFD4  !important;}
.text-Beige{color:#F5F5DC  !important;}
.text-Blue{color:#0000FF !important }
.text-BlueViolet{color:#8A2BE2  !important;}
.text-Brown{color:#A52A2A  !important;}
.text-Coral{color:#FF7F50  !important;}
.text-DarkMagenta{color:#8B008B  !important;}
.text-FireBrick{color:#B22222  !important;}
.text-ForestGreen{color:#228B22  !important;}
.text-MidnightBlue{color:#191970  !important;}
.text-Teal{color:#008080  !important;}
.text-Cyan50{color:#E0F7FA !important; }
.text-Chartreuse{color:#7FFF00 !important ;}
.text-darkGreen{color:#468315d7 !important ;}
.text-GreenYellow{color:#ADFF2F !important ;}
.text-Teal50{color:#E0F2F1 !important;}
.text-Teal100{color:#B2DFDB !important;}
.text-Teal400{color:#26A69A !important;}
.text-Teal500{color:#26A69A !important;}

.text-Gray50{color:#FAFAFA !important;}
.text-Gray100{color:#F5F5F5 !important;}
.text-Gray400{color:#262626 !important;}
.text-Gray500{color:#191919 !important;}

.text-BlueGray50{color:#ECEFF1 !important;}
.text-BlueGray100{color:#CFD8DC !important;}
.text-BlueGray200{color:#B0BEC5 !important;}
.text-BlueGray300{color:#90A4AE !important;}
.text-BlueGray400{color:#78909C !important;}
.text-BlueGray500{color:#607D8B !important;}
.text-BlueGray600{color:#546E7A !important;}
.text-BlueGray700{color:#455A64 !important;}
.text-BlueGray800{color:#37474F !important;}
.text-BlueGray900{color:#263238 !important;}

.text-BlueRoyal{color:#007bff !important;}
.text-Marsala{color:#955251  !important;}
.text-Orchid{color:#B565A7  !important;}
.text-Emerald{color:#009B77  !important;}
.text-Tangerine{color:#DD4124  !important;}
.text-Honeysucle{color:#D65076  !important;}
.text-Turquoise{color:#45B8AC  !important;}
.text-Mimosa{color:#EFC050  !important;}
.text-Blue-Izis{color:#5B5EA6  !important;}
.text-Chili-Pepper{color:#9B2335  !important;}
.text-Sand-Dollar{color:#DFCFBE  !important;}
.text-Tigerlily{color:#E15D44  !important;}
.text-Blue-Turquoise{color:#55B4B0  !important;}
.text-True-Red{color:#BC243C  !important;}
.text-Aqua-Sky{color:#7FCDCD  !important;}
.text-Fuchsia-Rose{color:#C3447A  !important;}
.text-Marigold{color:#FDAC53  !important;}
.text-Cerulean{color:#9BB7D4  !important;}
.text-Rust{color:#B55A30  !important;}
.text-Illuminating{color:#F5DF4D  !important;}
.text-French-Blue{color:#0072B5  !important;}
.text-Green-Ash{color:#A0DAA9  !important;}
.text-Burnt-Coral{color:#E9897E  !important;}
.text-Mint{color:#00A170  !important;}
.text-Amethyst-Orchid{color:#926AA6  !important;}
.text-Raspberry-Sorbet{color:#D2386C  !important;}


.bg-MidnightBlue{background:#191970 !important;;}
.bg-Teal{background:#008080 !important;;}
.bg-Illuminating{background:#F5DF4D !important;;}
.bg-light-beige{background:#edf3ec !important;}
.bg-Cyan50{background:#E0F7FA !important;}
.bg-Burnt-Coral{background:#E9897E  !important;}
.bg-Burnt-Coral-lg{background:#f5c3c3  !important;}
.bg-Coral-light{background:#fcf4f4  !important;}
.bg-Teal50{background:#E0F2F1 !important}
.bg-Teal100{background:#B2DFDB !important;}
.bg-Teal400{background:#26A69A !important;}
.bg-Teal500{background:#26A69A !important;}
.bg-Amethyst-Orchid{background:#926AA6  !important;}
.bg-Amethyst-Orchid-50{background:#f3eff7  !important;}

.bg-Gray50{background:#FAFAFA !important}
.bg-Gray100{background:#F5F5F5!important}

.hr { margin: 1px 0 1px 0; }
.bg-BlueGray50{background:#ECEFF1  !important;}
.bg-BlueGray100{background:#CFD8DC  !important;}
.bg-BlueGray200{background:#B0BEC5  !important;}
.bg-BlueGray300{background:#90A4AE  !important;}
.bg-BlueGray400{background:#78909C  !important;}
.bg-BlueGray500{background:#607D8B  !important;}
.bg-BlueGray600{background:#546E7A  !important;}
.bg-BlueGray700{background:#455A64  !important;}
.bg-BlueGray800{background:#37474F  !important;}
.bg-BlueGray900{background:#263238  !important;}

.bg-gray{background:#d6d7d8  !important;}
.bg-white{background:#fff !important;}
.bg-OliveDrab100 {
  background: #dae3c8 !important;
}

.bg-OliveDrab150 {
  background: #f5f8ee !important;
}
.bg-OliveDrab200 {
  background: #fafcf8 !important;
}
.label-inline {
  display: inline-block !important;
}
.col-form-label {
  padding-top: 0px !important;
}
.vTop-item{
    vertical-align:top !important;
}
.person-info-row{
    cursor:pointer;
}
.person-info-row:hover{
    background:#ffff73;
}
/*autocomplet suggestion*/
.suggestions {
  border: 1px solid #999;
  border-top-width: 0;
  list-style: none;
  margin-top: 0;
  max-height: 143px;
  overflow-y: auto;
  padding-left: 0;
  width: calc(300px + 1rem);
  position:absolute;
  min-width:100%;
  left:0px;
  top:30px;
  background:white;
  z-index:1000;
}
.suggestions li {
  padding: 0.2rem;
  text-align:left;
}
.suggestion-active,
.suggestions li:hover {
  background-color: #B2DFDB  ;
  cursor: pointer;
  font-weight: 700;
}
/*autocomplet suggestion*/

.input-autocomplete {
    position: relative;
}

.x-icon {
    position:absolute;
    right:0px;
    padding: 10px;
    cursor:pointer;
}

.input-autocomplete input {
  width: 100%;
  padding: 3px 30px 3px 5px;
  border: 1px solid #ced4da;
  border-radius:3px;


}

.input-autocomplete:focus {
  border: 2px solid grey;
}

.distSel{
    color:#198754 !important;
    background:#ffffcc;
    padding:10px;
}
.btn-xs{
  --bs-btn-padding-y: .25rem !important; 
  --bs-btn-padding-x: .5rem !important; 
  --bs-btn-font-size: .75rem !important;
  border-radius: 3px !important;
}
.tbl-hdr-txt{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.rw-widget-input,.rw-widget-picker{
  min-height:calc(1.5em + 0.5rem + 2px) !important;
  padding: 0;
font-size: 0.875rem;
border-radius: 0.25rem;
}

.rw-list {
  font-size: 0.875em  !important;
  
}
.rw-list-option{
  padding:0.35em  !important;
}
.autocomplete-ul, .dd-overflow {
  max-height:300px;
  overflow-y: scroll;
}
.autocomplete-li{
  cursor:pointer;  
}

.my-calendar .react-datepicker__day-name,
.my-calendar .react-datepicker__day {
  text-align: center;
  margin: 5px 10px;
}

.my-calendar .react-datepicker__day--selected,
.my-calendar .react-datepicker__year-text--selected {
  border-radius: 0.3em;
  background-color: #f9fbac;
  color: #848080;
}


.borderless td, .borderless th {
  border: none;
}

.ps-10{
  padding-left:10px;
}
.ps-20{
  padding-left:20px;
}
.ps-30{
  padding-left:30px;
}
.ps-40{
  padding-left:40px;
}
.ps-50{
  padding-left:50px;
}
.ps-60{
  padding-left:60px;
}
.ps-70{
  padding-left:70px;
}
.ps-80{
  padding-left:80px;
}
.py-10{padding-top:10px !important;padding-bottom:10px !important}
.signInRect{border: solid 2px gray;height:40px;width:250px }