/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

#globalBody, #globalBody2  {
	
background: url("images/96dpi_DataTexture_10i.png");
}

header.oj-web-applayout-header {
	background: #FFFFFF;
	/* Shadow / SM */
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
	height: 80px;
	
}
header.oj-web-applayout-header::after {
content: " ";
position: absolute;
width: 100%;
height: 18px;
left: -1px;
top: 78px;
z-index: 500;
background: url("images/Abstract strip_2.png");
transform: matrix(1, 0, 0, -1, 0, 0);

}

.oj-web-applayout-header > div:first-child {
position: absolute;
/* width: 540px; */
height: 27px;
left: 55px;
top: 26px;

font-family: Georgia;
font-size: 24px;
line-height: 28px;
color: #312D2A;

}

.oj-web-applayout-header-title {
	line-height: unset;
}

div.oj-web-applayout-max-width.oj-web-applayout-content {
/* 96dpi_DataTexture_10i 1 */


width: 2561px;
height: 100%;
min-height: 700px;
left: -1126px;
top: -336px;

}

div.tableDiv {
	position: relative;
	margin-left: 65px;
	margin-right: 65px;
	padding-left: 25px;
	padding-right: 25px;
	background: #ffffff;
}


div.tableDiv th {
	font-weight: bold;
}


div.tableDiv div.tableDiv {
	background: #ffffff;
	padding: 0 50px 25px 50px;
	position: relative;
	height: 100%;
	width: 100%;
	max-width: 1260px;

}

/*
div.tableDiv th {
	background: #ffffff;
	border-bottom: 1px solid #d4cfca;
}
*/
div.tableDiv h1 {
	background: #ffffff;
	font-size: 1.25rem;
    font-weight: 500;
    color: rgba(22, 21, 19, .6);
    font-weight: normal;
    padding: 30px 0 30px 0;
    margin: 0;
	position: relative;
	height: 100%;
	width: 100%;
}

div.tableDiv table {
	background: #ffffff;
	border-collapse: collapse;
}



div.tableDiv table tr:nth-child(1){  
	text-align: left;
	vertical-align: bottom;
}




div.tableDiv table tr td, div.tableDiv table tr th {  
	border-bottom: 1px solid #d4cfca;
	vertical-align: top;
}

div.tableDiv table tr th {  
 	vertical-align: bottom;
}

 

div.tableDiv td:nth-child(1), div.tableDiv th:nth-child(1) {  
  padding: 10px 25px 10px 0;
  min-width: 120px;
}

div.tableDiv td:nth-child(n+2), div.tableDiv th:nth-child(n+2) {  
  padding: 10px 25px 10px 25px;
  vertical-align: top;
  

}

div.tableDiv td.singleProduct, div.tableDiv th.singleProduct {  
  display: none;
}

div.tableDiv td.singleProductFeat, div.tableDiv th.singleProductFeat {  
   padding: 10px 25px 10px 0;
}

div#componentDemoContent {

padding: 40px;
height: auto;
}

#containerDiv {
	height: auto;
	width: 350px;
}

#containerDiv label {
	font-family: Oracle Sans;
	
}

#CurProductLabel {
	color: #737371;
}

div#selectProduct {
	/* Rectangle 575 */
color: #737371;
position: absolute;
width: 430px;
height: 461px;
height: auto;
left: 468px;
top: 148px;
background: #FFFFFF;
  left: 50%;
  margin-left: -215px;
  

/* Shadow / SM */
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
}

@media all and (min-width: 850px) {
   div#selectProduct{
        margin-left: 0px;
        left: 450px;
    }
}

#SelectProductLabel {
/* Select Product */

position: static;
height: 20px;
left: 0px;
right: 0px;
top: 0px;

/* Body / Semi Bold / Body Semi Bold MD (16pt) */
font-family: Oracle Sans;
font-size: 16px;
line-height: 20px;

/* identical to box height, or 125% */
text-align: left;

/* UI Light / Content / Secondary */
color: #737371;

/* Inside Auto Layout */
flex: none;
order: 0;
align-self: center;
margin: 0px 0px;
}


#inputEPPM, #inputPro {
position: relative;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: #100F0E;

}


#labelEPPM, #labelPro {
	position: static;
height: 20px;
left: 0px;
right: 0px;
top: 0px;

/* Body / Regular / Body Regular MD (16pt) */
font-family: Oracle Sans;
font-size: 16px;
line-height: 20px;

/* identical to box height, or 125% */

/* UI Light / Content / Primary */
color: #161513;
color: #737371;

/* Inside Auto Layout */
flex: none;
order: 0;
margin: 0px 10px;
}



#inputEPPM, #inputPro {
position: relative;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
background: transparent;

}

#inputEPPM {

padding: 10px 0 10px 0;
margin: 10px 0 10px 0;
}

#inputPro {

padding: 0 0 0 0;
margin: 0 0 0 0;
}


#SelectCurRelLabel, #SelectTarRelLabel {
	position: relative;
height: 20px;
left: 0px;
right: 0px;
top: 0;
padding: 20px 0 20px 0;



/* Body / Semi Bold / Body Semi Bold MD (16pt) */
font-family: Oracle Sans;
font-size: 16px;
line-height: 20px;

/* identical to box height, or 125% */

/* UI Light / Content / Secondary */
color: rgba(22, 21, 19, 0.6);
color: #737371;
/* Inside Auto Layout */
flex: none;
order: 0;
align-self: center;
margin: 0px 0px;


}


#CurRelBox, #CurTarBox {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	padding: 20px 0 20px 0;
	
}

 #CurTarBox {
	 padding: 0 0 20px 0;
	 
	 
 }

#combobox1, #combobox2 {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	padding: 10px 0 0 0;
}

#combobox1 {
top: 0;
padding: 10px 0 0 0;
max-width: unset;
}

#combobox2 {
top: 0;
padding: 10px 0 0 0;
max-width: unset;
}

#buttons-container {
	position: relative;
width: 100%;
width: 100px;
height: 100%;

right: 0;
top: 0;
padding-left: 150px;
margin: 0;
background: transparent;
}

#inputButton3 button{
/* Button / CTA / 02. Text Only / 02. MD / 01. Enabled */

/* Auto Layout */
display: flex;
flex-direction: row;
padding: 13px 16px;

position: static;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

/* UI Light / Button / CTA / Enabled */
background: #5F7D4F;
border-radius: 4px;

/* Inside Auto Layout */
flex: none;
order: 0;
align-self: flex-start;
margin: 0px 0px;
}


#buttonid {
	background: #5F7D4F;
	float: right;
	
}

#buttonid #buttonSpan{
	color: #ffffff;
	outline-offset: -5px;
	margin-top: 2px;
	
}



#comboboxRelease {
	width: 100%;
	max-width: unset !important;
}
#comboboxTarget {
	width: 100%;
	max-width: unset !important;
}

.custom-report {
	height: inherit !important;
	width: inherit !important;
}

#footerDiv span:before {
	content: '\00a0';
}

#footerDiv span:after {
	content: '\00a0';
}

#footerDiv {
	font-size: 13.3px;
	
}

caption {
	background: #ffffff;
    font-size: 1.25rem;
    font-weight: 500;
    color: rgba(22, 21, 19, .6);
	color: #737371;
    font-weight: normal;
    padding: 30px 0 30px 0;
    margin: 0;
    position: relative;
    height: 100%;
    width: 100%;
	text-align: left;
}

#curMsgDiv {
	display: none;
	font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3333;
	float: left;
	position: relative;
	width: 195px;
	height: auto;
}

/* 

#globalBody {
position: absolute;
height: 100%;
background: grey;
background: grey;
}
.oj-web-applayout-footer-item{
	position: relative;
	width: 100%;
	bottom: 0;
	left: 0;
	 
	
}



#footerDiv footer{
 
  position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	
	
	
}

.oj-text-field-label-inside.oj-text-field:not(.oj-read-only):not(.oj-has-no-value) .oj-text-field-container .oj-label {
	color: #ffffff;
}


.oj-text-field-label-inside.oj-text-field .oj-label {
	color: red;
	color: #ffffff;
}



#comboboxTarget-labelled-by {
	color: #ffffff;
}

#comboboxRelease-labelled-by.oj-label {
	color: #ffffff;
	color: red;
}

.oj-text-field-label-inside.oj-text-field .oj-label {
	color: red;
	color: #ffffff;
}
*/