/**************** COAL / OBR % ************************/

#PROGRESSINDICATOR_COAL_control-bar{
background: #bfbf00;
}
#PROGRESSINDICATOR_OBR_control-bar{
background: #bfbf00;
}
#PROGRESSINDICATOR_PS_control-bar{
background:#A9A9A9 !important;

}
/******************************************************/
/****************SEGMENT BUTTON FONT SIZE**************/
.sapMSegB {
font-size: 0.10rem;
}
/******************************************************/

/****************NOTIFICATION**************************/

.scrollText {

/* animation properties */
-moz-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);

-moz-animation: my-animation 5s linear infinite;

-webkit-animation: my-animation 5s linear infinite;
animation: my-animation 5s linear infinite;
}
.scrollText:hover{

}
/* for Firefox */
@-moz-keyframes my-animation {
from { -moz-transform: translateY(100%); }
to { -moz-transform: translateY(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
from { -webkit-transform: translateY(70%); }
to { -webkit-transform: translateY(-70%); }
}

@keyframes my-animation {
from {
-moz-transform: translateY(90%);
-webkit-transform: translateY(90%);
transform: translateY(90%);
}
to {
-moz-transform: translateY(-0%);
-webkit-transform: translateY(-0%);
transform: translateY(-0%);
}
}
/*****************************************************/

/* FOR ALL */

.sapzencrosstab-FontSize {
font-size: 13px;
}
.sapzencrosstab-FontSize18
{
font-size: 18px;
font-style: bold;

.sapzencrosstab-DataCellContentDiv, .sapzencrosstab-HeaderCellContentDiv
{
white-space:normal!important;
word-break:break-all!important;
height:25px!important;
}

.sapzencrosstab-TableDivBackground {
background-color: #ffffff00;
}
.sapzencrosstab-TableDiv {
border-color: #ffffff00;
font-size: 13px;
}
/*==================vertical orientation===============*/
.VerticalOrient{

text-align: center;
writing-mode: vertical-lr;
transform: rotate(180deg);
font-size:22px;
background-color: #6de89a;
padding-left:15px;
text-transform: uppercase;
}

/*==================EKNAZAR LINK=======================*/

.eknazarHyperlink{
}
.eknazarHyperlink:hover{
background-color: #fad2a5;
opacity:30%;
border: 1px #f08002 solid;
}

/*=================HEADER & FOOTER==========================*/

.header {
background: #b6bcb6;
border-color: #b6bcb6;
}

.myPanel{

border-top: 1px solid #808080!important;

border-bottom: 1px solid #808080 !important;
border-left: 1px solid #808080 !important;
border-right: 1px solid #808080 !important;

.footer {
background: #596259;
border-color: #596259;

/*==========================================================*/

/*=================SWITCH HEIGHT============================*/
.sapUiSizeCompact .sapMSwtHandle {
height: 0.8rem;
width: 0.8rem;
/*border-color: white;*/

}
/* PS WBS SWITCH
.sapMSwtOff:not(.sapMSwtAcceptReject) {
background: #007d20;
border-color: #007d20;
}
.sapMSwtOn:not(.sapMSwtAcceptReject) {
background: #007d20;
border-color: #007d20;
}*/

.sapUiSizeCompact .sapMSwt {

width: 3.5rem;
height: 1.2rem;
/* background-color: #ff962d;
border-color: #ff962d;*/
}

.sapUiSizeCompact .sapMSwtText {
line-height: 1.2rem;
}

.sapMSwtText {
font-size: 0.7rem;
width: 100%;
text-align: center;
}

.sapMSwtLabel {
width: 50%;
padding: 0 0.1875rem;
 text-transform: uppercase;

.sapMSlt{
cursor: pointer;
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}

/*==========================================================*/

/*============ RED GREEN BACKGROUND FICO TILE ==============*/

.GreenPanel{
text-align:center;
padding-top: 4px;
font-size:1vw;
border: 1px lime solid;
border-radius: 2px;
background-color: lime;
font-weight: bold;
color:black;
}

.RedPanel{
text-align:center;
padding-top: 4px;
font-size:1vw;
border: 1px red solid;
border-radius: 2px;
background-color: red;
font-weight: bold;
color:black;
}

.SelectSubsidiary{
text-align:center;
padding-top: 10px;
font-size:0.8vw;
border-radius: 2px;
font-weight: bold;
border: 1px #000000 solid;
text-transform: uppercase;
}
.SelectSubsidiary:hover{
background-color: lime;
border: 1px #000000 solid;
}

.blink_me {
text-align:center;
padding-top: 10px;
font-size:0.8vw;
border-radius: 2px;
font-weight: bold;
border: 1px #000000 solid;
 text-transform: uppercase;
background-color: lime;
animation: blinker 2s linear infinite;
}

@keyframes blinker {
50% {
opacity: 0;
}
}

.sapMITBScroll{

font-size: 40px;
font-weight: bold
}
.RedSubsidiary{
text-align:center;
padding-top: 10px;
font-size:0.8vw;
border-radius: 2px;
font-weight: bold;
border: 1px #000000 solid;
}
.RedSubsidiary:hover{
background-color: red;
border: 1px #000000 solid;
}
/*==========================================================*/

.stateqty {
font-size: 10px;
text-align: center;
text-transform: uppercase;
}
.lopReason {
font-size: 14px;
text-transform: uppercase;
color:#ff0000;
font-weight: bold;
}

.BlankPanel{
border: 1px #000000 solid;
border-radius: 2px;
}

.BlankPanelRed{
border: 1px #ff0000 solid;
}

.BlankPanelGreen{
border: 1px #008080 solid;
}

.CockitMsg{
background-color:black;
opacity: 0.9;
border-radius: 5px;
 border: 2px black solid;
}

body
{
background-image: none!important;
background-color: #ffffff!important;
}

/*PS DASHBOARD BACKGROUND COLOUR*/

.bckgrndcolor{
background-color:#f3ffed;

}
/*CROSSTAB FONT*/

.sapzencrosstab-Title {
font-weight: bold;
text-align: center;
color: #00b92f;
}

/*===============CHECKBOX GROUP=========================*/

.checkboxgroupDay .sapUiVltCell{
width: 12%;
text-align: Left;
float: left;
color:#09074a;
font-weight: bold;
font-size:50px;
}
.checkboxgroupDayPS .sapUiVltCell{
width: 12%;
text-align: Left;
float: left;
color:#09074a;
font-weight: bold;
font-size:14px;
}
.checkboxgroupDay .sapMLabel {
cursor: default;
color: #c0c0c0;
font-size:14px;
color:#09074a;
font-weight: bold;
}

.checkboxgroup .sapUiVltCell{
width: 18%;
text-align: Left;
float: left;
color:#09074a;
font-weight: bold;
}
.checkboxgroup .sapMLabel {
cursor: default;
color: #c0c0c0;
 font-size:14px;
color:#09074a;
font-weight: bold;
}
.ckbxgroupSubsidiary .sapMLabel{
color:#09074a;
font-weight: bold;
font-size:14px;
}
.ckbxgroupSubsidiary .sapUiVltCell{
width: 20%;
text-align: Left;
float: left;
}
.ckbxgroupCMPDIDepartment .sapUiVltCell{
width: 30%;
text-align: Left;
float: left;
}

.checkboxgroup_UGOC .sapUiVltCell{
width: 50%;
text-align: Left;
float: left;
}

sapUiSizeCompact .sapMCbBg {

left: 0.5rem;

top: 0.4rem;

height: 1.0rem;

width: 1.0rem;

font-size: 0.7rem;

line-height: 0.85rem;

border-radius: 0;

background-color: rgba(0, 84, 131, 0.58)

}
/*====================================================================*/
/*=============================DISPLAY BLOCK==========================*/

.noDisplay{
display: none;
}

.BlinkIcon {
animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker {
from { opacity: 1; }
to { opacity: 0; }
}

.sapMSegB .sapMSegBBtn {
font-size: 0.7rem;
}
.sapMBtnInner {
font-size: 0.8rem;
}
.FilterPanel{
border: 1px #929292 solid;
background-color: #DADADA;
border-radius: 5px;
}
.FilterPanelPs{
border: 1px #da85fa solid;
background-color: #da85fa;
border-radius: 5px;
}
.subheading{
font-size:25px;
text-transform: uppercase;
color:#727272;
}
.textdespatchqty{
font-size:50px;
text-transform: uppercase;
color:#0000ff;
}

.filterLabel{
font-size:11px;
text-transform: uppercase;
color:#616175;
font-weight: bold;
}
.filterLabelPs{
font-size:20px;
text-transform: uppercase;
color:white;
font-weight: bold;
}
.BoxLabel{
font-size:11px;
text-transform: uppercase;
color:#0000A0;
text-align: right;

.dashboardtitle_PS{
/*font-family: "Courier New", monospace;*/
font-size:3vw;
text-transform: uppercase;
color:#000040;
font-weight: bold;
text-align: center ;
}

.FilterTitle_PS{
 font-family: "Bahnschrift", monospace;
font-size:18px;
text-transform: uppercase;
color:#2aa389;
font-weight: bold;
text-align: left ;
}
.dashboardtitle{
font-family: "Courier New", monospace;
font-size:3rem;
text-transform: uppercase;
color:#595959;
font-weight: bold;
text-align: left !important;
line-height:50px;
text-shadow: 2px 2px #888888;
}
.dashboardSubTitle{
font-weight: bold;
font-size:20px;
text-transform: uppercase;
color:#000000;
text-shadow: 1px 2px #a3a3a3;
}

.dashboardRefreshInfo{
font-weight: bold;
font-size:12px;
text-transform: uppercase;
color:#000000;
text-align:right;
}

.Blank{
border: 1px solid #000040;

.Recruitment{
border: 1px solid #fcdcfc;
border-radius: 5px;
background-color:#fcdcfc;
}
.FormulaText{
font-size:11px;
text-transform: uppercase;
color:#000000;
}

/*================ TABSTRIP ===================================================*/

.sapMITBScrollContainer {
padding: 1px 1px 0 1px;
background-color: #ffffff;
margin: 0 0rem;
box-shadow: inset 0 -0.25rem 0 -0.125rem #ffffff;
border-bottom: 0.125rem solid #ffffff;
display: flex;
font-size: 30px;
}
.sapMITH {

font-weight: bold;

.sapMITBContent {
padding: 1rem;
position: relative;
background-color: #ffffff;
border-bottom: 0.125rem solid #ffffff;

/*============================================================================*/
.BoxSubTitle{
font-size:12px;
text-transform: uppercase;
color:#808080;
font-weight: bold;
}
.BoxSubTitleGreen{
font-size:12px;
text-transform: uppercase;
font-weight: bold;
color:#00a800;
}
.sapMLabel{

color: #000000;
font-size: 11px;
font-family: "72-Web",Arial,Helvetica,sans-serif;
font-weight: normal;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.sapMSlt>.sapMSltLabel {

color: #000000;
font-size: 11PX;
}

.sapUiSizeCompact .sapMSLITitleOnly {
font-size: 11PX;
}
.BoxTitle{
font-size:18px;
text-transform: uppercase;
color:#ffffff;
font-weight: bold;
}

.TextValue{
font-size:25px;
color:#808080;
 text-align: right;
font-weight: bold;
}
.BoxBigValue{
font-size:35px;
color:#7d0d56;
text-align: right;
font-weight: bold;
}
.Blank{
border-radius: 5px;
border: 1px #000000 solid;
}
/*EC STATUS BLANK BORDER*/
.BlankECStatus{
border: 1px #ff8040 solid !important;
}

/*FC STATUS BLANK BORDER*/

.BlankFCStatus{
border: 1px #80ffff solid !important;
}

/*WASHERY PROGRESS STATUS*/

.washeryProgressStatus{
border: 1px #8000ff solid !important;

.panelBoxx1{
background-color:#483D8B ;
border-radius: 5px;
border: 1px #483D8B solid;
box-shadow: 5px 5px 5px lightgrey;
}

.panelBoxx2{
background-color:#FF6347 ;
border-radius: 5px;
border: 1px #FF6347 solid;
}

.panelBox1{
background-color:#7dffa0;
border: 5px #00d239;

border-radius: 5px;
}
.PSpanelBox1{
background-color:#7dffa0;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox2{
background-color:#cac7ff;
border-radius: 0px;
 text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox3{
background-color:#e0bbe4;
border-radius: 2px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox4{
background-color:#ffc9b5;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox5{
background-color:#9cfff0;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox6{
background-color:#ffefba;
border-radius:0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox7{
background-color:#ffc9ea;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox8{
background-color:#e5eeef;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox9{
background-color:#f5e3ce;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
.PSpanelBox10{
background-color:#b5e0ff;
border-radius: 0px;
font-weight: bold;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
.PSpanelBox11{
background-color:#ffdf85;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox12{
background-color:#38ffd4;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.PSpanelBox13{
background-color:#dfff00;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;

}
.mYpanelBox1{

border: 1px #000000 solid;

border-radius: 1px;
}

.BoxTitle1{
font-size:18px;
text-transform: uppercase;
color:#00a62d;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle1{
font-size:15px;
text-transform: uppercase;
color:#00a62d;
font-weight: bold;
font-family: "Bahnschrift";
}

.BoxSubTitle1{
 font-size:12px;
text-transform: uppercase;
color:#038d1c;
font-weight: bold;

}
.BoxBigValue1{
font-size:35px;
color:#00a62d;
text-align: right;
font-weight: bold;
}
.panelBox2{
background-color:#cac7ff;
border-radius: 5px;
}
.mypanelBox2{
background-color:#cac7ff;
border-radius: 5px;
}

.mYpanelBox13{
background-color:#ffb693;
border-radius: 5px;
}

.mYBoxTitle13{
font-size:15px;
text-transform: uppercase;
color:#f45000;
font-weight: bold;
font-family: "Bahnschrift";
}

.BoxTitle2{
font-size:18px;
text-transform: uppercase;
color:#6f69d1;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle2{
font-size:15px;
text-transform: uppercase;
color:#6f69d1;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle{
font-size:12px;
text-transform: uppercase;
color:#00009d;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxTitle3{
font-size:8px;
text-transform: uppercase;
color:#808080;
font-weight: bold;
font-family: "Bahnschrift";
}
.myBoxTitle3{
font-size:15px;
text-transform: uppercase;
color:#bd6cc6;
font-weight: bold;
font-family: "Bahnschrift";
}

.BoxSubTitle2{
font-size:12px;
text-transform: uppercase;
color:#1c13a1;
font-weight: bold;

}
.BoxBigValue2{
font-size:35px;
color:#7c78c4;
text-align: right;
font-weight: bold;
}
.panelBox3{
background-color:#e0bbe4;
border-radius: 5px;
}

.mypanelBox3{

font-size:12px;
text-transform: uppercase;
font-weight: bold;
color:#e0bbe4;
font-weight: bold;
font-family: "Bahnschrift";

.BoxTitle3{
font-size:18px;
text-transform: uppercase;
color:#82538a;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle3{
font-size:12px;
text-transform: uppercase;
color:#721d75;
font-weight: bold;
}
.BoxBigValue3{
font-size:35px;
color:#82538a;
text-align: right;
font-weight: bold;
}
.panelBox4{
background-color:#ffc9b5;
border-radius: 5px;
}
.mypanelBox4{
background-color:#ffc9b5;
border-radius: 5px;
}

.BoxTitle4{
font-size:18px;
text-transform: uppercase;
color:#c47254;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle4{
font-size:15px;
text-transform: uppercase;
color:#c47254;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle9{
font-size:15px;
text-transform: uppercase;
color:#6700ce;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle10{
font-size:12px;
text-transform: uppercase;
color:#8e8e00;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle11{
font-size:15px;
text-transform: uppercase;
color:#9831ff;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle4{
font-size:12px;
text-transform: uppercase;
color:#c7623e;
font-weight: bold;

}
.BoxBigValue4{
font-size:35px;
color:#d18569;
text-align: right;
font-weight: bold;
}
.panelBox5{
background-color:#9cfff0;
border-radius: 5px;
}

.mypanelBox5{
background-color:#9cfff0;
border-radius: 5px;
}

.mYBoxTitle15{
font-size:15px;
text-transform: uppercase;
color:#00a68d;
font-weight: bold;
font-family: "Bahnschrift";
}

.mypanelBox7{
background-color:#b7b7ff;
border-radius: 5px;
}

.mypanelBox11{
background-color:#aaaaff;
border-radius: 5px;
}
.myBoxTitle11{
font-size:18px;
text-transform: uppercase;
color:#4848ff;
font-weight: bold;
font-family: "Bahnschrift";
}

.BoxTitle6{
font-size:18px;
text-transform: uppercase;
color:#00bda0;
font-weight: bold;
font-family: "Bahnschrift";
}

.BoxTitle7{
font-size:12px;
text-transform: uppercase;
color:#a2a200;
font-weight: bold;
font-family: "Bahnschrift";
}

.BoxTitle5{
font-size:18px;
text-transform: uppercase;
color:#43a395;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle5{
font-size:12px;
text-transform: uppercase;
color:#2e8578;
font-weight: bold;

}
.BoxBigValue5{
font-size:35px;
color:#5f9c92;
text-align: right;
font-weight: bold;
}
.panelBox6{
background-color:#ffefba;
border-radius: 5px;
}

.mypanelBox6{
background-color:#ffefba;
border-radius: 5px;
}

.BoxTitle6{
font-size:18px;
text-transform: uppercase;
color:#d9b63f;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle6{
font-size:12px;
text-transform: uppercase;
color:#8a7325;
font-weight: bold;

}
.BoxBigValue6{
font-size:35px;
color:#c2a851;
text-align: right;
 font-weight: bold;
}
.panelBox7{
background-color:#ffc9ea;
border-radius: 5px;
}
.BoxTitle7{
font-size:18px;
text-transform: uppercase;
color:#99367b;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle7{
font-size:12px;
text-transform: uppercase;
color:#c94998;
font-weight: bold;

}
.BoxBigValue7{
font-size:35px;
color:#99367b;
text-align: right;
font-weight: bold;
}
.panelBox8{
background-color:#e5eeef;
border-radius: 5px;
}
.BoxTitle8{
font-size:18px;
text-transform: uppercase;
color:#1daeba;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle8{
font-size:12px;
text-transform: uppercase;
color:#12a3b0;
font-weight: bold;

}
.BoxBigValue8{
font-size:35px;
color:#237076;
text-align: right;
font-weight: bold;
}
.panelBox9{
background-color:#f5e3ce;
border-radius: 5px;
}

.BoxTitle9{
font-size:18px;
text-transform: uppercase;
color:#bd8c4f;
 font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle9{
font-size:12px;
text-transform: uppercase;
color:#bf7c28;
font-weight: bold;

}
.BoxBigValue9{
font-size:35px;
color:#997242;
text-align: right;
font-weight: bold;
}
.panelBox10{
background-color:#b5e0ff;
border-radius: 5px;
}
.BoxTitle10{
font-size:18px;
text-transform: uppercase;
color:#0093ff;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle10{
font-size:12px;
text-transform: uppercase;
color:#3685bf;
font-weight: bold;

}
.BoxBigValue10{
font-size:35px;
color:#52b6ff;
text-align: right;
font-weight: bold;
}
.panelBox11{
background-color:#ffdf85;
border-radius: 5px;
}
.BoxTitle11{
font-size:18px;
text-transform: uppercase;
color:#9c7509;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle11{
font-size:15px;
text-transform: uppercase;
color:#9c7509;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle11{
font-size:12px;
text-transform: uppercase;
color:#695728;
font-weight: bold;

}
.BoxBigValue11{
font-size:35px;
color:#9c7509;
text-align: right;
font-weight: bold;
}
.panelBox12{
background-color:#38ffd4;
border-radius: 5px;
curson: pointer;
}

#BUTTON_PROJECT_SHEET_button-content {
font-size: 1.2rem;
}
.BoxTitle12{
font-size:18px;
text-transform: uppercase;
color:#2aa389;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle12{
font-size:15px;
text-transform: uppercase;
color:#2aa389;
font-weight: bold;
font-family: "Bahnschrift";
}

.BoxSubTitle12{
font-size:12px;
text-transform: uppercase;
color:#21947b;
font-weight: bold;

}
.BoxBigValue12{
font-size:35px;
color:#2aa389;
text-align: right;
font-weight: bold;
}
.panelBox13{
background-color:#dfff00;
border-radius: 5px;
}
.mypanelBox13{
background-color:#dfff00;
border-radius: 5px;
}

.BoxTitle13{
font-size:18px;
text-transform: uppercase;
color:#626e00;
font-weight: bold;
font-family: "Bahnschrift";
}
.myBoxTitle13{
font-size:15px;
text-transform: uppercase;
color:#626e00;
font-weight: bold;
font-family: "Bahnschrift";
}

.myBoxTitle14{
font-size:15px;
text-transform: uppercase;
color:#ca9c00;
font-weight: bold;
font-family: "Bahnschrift";
}

.BoxSubTitle13{
font-size:12px;
text-transform: uppercase;
color:#858a62;
font-weight: bold;

}
.BoxBigValue13{
font-size:35px;
color:#819100;
text-align: right;
font-weight: bold;
}

.panelBox14{
background-color:#e8d0ff;
border-radius: 5px;
}

.mypanelBox14{
background-color:#c78fff;
border-radius: 5px;
}

.BoxTitle14{
font-size:18px;
text-transform: uppercase;
color:#8000ff;
 font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle14{
font-size:12px;
text-transform: uppercase;
color:#6d23b8;
font-weight: bold;

}
.BoxBigValue14{
font-size:35px;
color:#8000ff;
text-align: right;
font-weight: bold;
}
.mypanelBox15{
background-color:#f5848e;
border-radius: 5px;
}
.mypanelBox16{
background-color:#bb0f20;
border-radius: 5px;
}
.panelBox15{
background-color:#f9b0b8;
border-radius: 5px;
}
.BoxTitle15{
font-size:18px;
text-transform: uppercase;
color:#934249;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxText{
font-size:50px;
text-transform: uppercase;
color:black;
font-weight: bold;

}
.mypanelBoxPM1{
background-color:#F4BFBF;
border-radius: 5px;
opacity: 1;
border-radius: 5px;
}
.mypanelBoxPM2{
background-color:#FFD9C0;
border-radius: 5px;
opacity: 1;
}
.mypanelBoxPM3{
background-color:#FAF0D7;
border-radius: 5px;
opacity: 1;
}
.mypanelBoxPM4{
 background-color:#8CC0DE;
border-radius: 5px;
opacity: 1;
}
.mypanelBoxPM5{
background-color:#FFE3A9;
border-radius: 5px;
opacity: 1;
}
.myBoxTitle16{
font-size:12px;
text-transform: uppercase;
color:#dab5ff;

font-weight: bold;
font-family: "Bahnschrift";
}
.myBoxTitle17{
font-size:15px;
text-transform: uppercase;
color:#cc1124;

font-weight: bold;
font-family: "Bahnschrift";
}

.BoxSubTitle15{
font-size:12px;
text-transform: uppercase;
color:#934249;
font-weight: bold;

}
.BoxBigValue15{
font-size:35px;
color:#934249;
text-align: right;
font-weight: bold;
}
.panelBox16{
background-color:#92b9fa;
border-radius: 5px;
}
.BoxTitle16{
font-size:18px;
text-transform: uppercase;
color:#063582;
font-weight: bold;
font-family: "Bahnschrift";
}
.BoxSubTitle16{
font-size:12px;
text-transform: uppercase;
color:#400080;
font-weight: bold;
}
.BoxBigValue16{
font-size:35px;
 color:#063582;
text-align: right;
font-weight: bold;
}
.NumericTitle1{
font-size:13px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
color:#22B14C;
font-weight: bold;
font-family: "Arial";
}
.NumericValue1{
font-size:48px;
color:#22B14C;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-family: "Arial";
}
.pageTitle{
font-size:25px;
text-transform: uppercase;
color:#008e00;
font-weight: bold;
}
.psText{
font-weight: bold;

}
.tlt
{
font-size:70px;
}
.pscolrow1{
text-align:left;
font-size:14px;
color: black;
background-color:#c4ffd3;
border: 1px solid #555;
border-color: black;
font-weight: bold;
text-transform: uppercase;

}
.pscolrow2{
text-align:left;
font-size:14px;
color: black;
background-color:#f9ecdd;
border: 1px solid #555;
border-color: black;
font-weight: bold;
text-transform: uppercase;

}
.pscolrow3
{
text-align:left;
font-size:14px;
color: black;
background-color:#cefff8;
border: 1px solid #555;
border-color: black;
font-weight: bold;
}

.panelBoxWhite{
background-color:#ffffff;
border-radius: 5px;
}
.BoxValue{
font-size:28px;
color:#800040;
text-align: right;
}

@keyframes blinker {
0% {
opacity: 1;
}
49% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.BlinkImage{
animation: blink 1s;
animation-iteration-count: infinite;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}

.loading{
animation:loadingText 1.2s infinite;
font-size: 2em;
font-family: "Stencil";
padding-top: 10px;
vertical-align: middle;
text-align:center;
}

@keyframes loadingText{
0%{ color: #c8c8c8; }
49%{ color: #c8c8c8; }
60%{ color: transparent; }
99%{ color:transparent; }
 100%{ color: #c8c8c8; }
}

.blinking{
animation:blinkingText 1.2s infinite;
font-size:15px;
font-weight: bold;
}
@keyframes blinkingText{
0%{ color: #ff0000; }
49%{ color: #ff0000; }
60%{ color: transparent; }
99%{ color:transparent; }
100%{ color: #ff0000; }
}

// Keyframes
@mixin keyframes($animation-name) {
@-webkit-keyframes #{$animation-name} {
@content;
}
@-moz-keyframes #{$animation-name} {
@content;
}
@keyframes #{$animation-name} {
@content;
}
}
.RedPopup{
background-color:#ffa2bc;
border-radius: 5px;

.myTabSelected {
background-color: #ffffff !important;
border-left: 5px solid #91C8F6;
}
.myTabSelected:hover {
background-color: #f0f0f0 !important;
border-left: 5px solid #91C8F6;
}
.myTab:hover {
background-color: #f0f0f0 !important;
border-left: 5px solid #f0f0f0;
}
.myTab {
background-color: #FAFAFA !important;
border-left: 5px solid #FAFAFA;
}

#PROGRESSINDICATOR_PR_OPEN_control-bar{
background: #82538a;
}
#PROGRESSINDICATOR_PR_CLOSER_control-bar{
background: #82538a;
}
#PROGRESSINDICATOR_APPROVED_PR_control-bar{
background: #9c7509;
}
#PROGRESSINDICATOR_NOT_APP_PR_control-bar{
background: #9c7509;
}
#PROGRESSINDICATOR_OTHERS_control-bar{
background: #9c7509;
}
#PROGRESSINDICATOR_SAMPLE_INCDEC_control-bar{
background: #3c963c;
}
#PROGRESSINDICATOR_NOTAPPROVED_control-bar{
background: #82538a;
}

#PROGRESSINDICATOR_APPROVED_CONTRACT_control-bar{
background: blue;
}
#PROGRESSINDICATOR_NOTAPPROVED_CONTRACT_control-bar{
background: blue;
}
#PROGRESSINDICATOR_NOTINSPECTED_control-bar{
background: #82538a;
}
#PROGRESSINDICATOR_INSPECTED_control-bar{
background: #82538a;
}

.RotateIcon {
transform: rotateZ(135deg);
}

/*CENTER INSIDE A DIV*/

.CENTER {
/* Center vertically and horizontally */
margin-left: auto;
margin-right: auto;
}

/*CENTERED POPUP DISPLAY*/

.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color:black;
opacity: 0.9;
border-radius: 5px;
border: 1px black solid;
}
/* CHANGE THE COLOUR OF TIMER*/
.TimeTextColour{
color: #f7f6f5;
}
/* REDUCE GAP BETWEEN TWO LEBEL IN RADIO BUTTON FOR NOTE TILE IN FICO DASHBOARD */
.sapUiSizeCompact .sapMRb {
height: 1.5rem;
line-height: 1.5rem;
}
/*REDUCE THE SPACE BETWEEN TWO LABEL IN CHECKBOX */
.sapUiSizeCompact .sapMCb {
height: 2rem;
line-height: 2rem;
padding-left: 2rem;
color: white;
}

/* responsive panel */

.first {
width: 25%;
display: inline-block;
background-color: green;
}

.second {
width: 25%;
display: inline-block;
background-color: blue;
}

.third {
width: 25%;
display: inline-block;
background-color: yellow;
}

@media screen and (max-width: 500px) {

.first,
.second,
.third {
width: 70%;
}

/*--------------------------------*/

/* PAGEBOOK LEFT RIGHT INDICATOR SIZE

.sapMCrslHud a {
width: 1rem;
height: 1rem;
}
PAGEBOOK LEFT RIGHT INDICATOR INSIDE ARROW HIDE

.sapMCrslArrowInner {
display: none;
}
*/
/*TEXT AREA BACKGROUND*/
.sapMInputBaseInner {
background: #f2aaaa;
}

/*=================CROSSTAB=============================*/
/*CROSSTAB WRAP TEXT*/

.sapzencrosstab-DataCellContentDiv .sapzencrosstab-HeaderCellContentDiv
{
white-space:normal!important;

word-break:break-all!important;

height:25px!important;

.sapzencrosstab-HeaderCellDefault {
/*font-weight: bold;*/
font-family: "Calibri";
font-size: 11px;
/*text-align: center;*/
}

.sapzencrosstab-DataCellContentDiv, .sapzencrosstab-HeaderCellContentDiv
{
color:black; /* 15-July rgb(47,76,146);*/
white-space:normal!important;
word-break:break-all!important;
height:30px !important;

.sapzencrosstab-DataCellAlternating {
background-color: white !important;
}
.sapzencrosstab-DataCellDefault {
background-color: white;
white-space:normal!important;
word-break:break-all!important;
height:0px !important;
}

.sapzencrosstab-DataCellAlternating, .sapzencrosstab-HeaderCellAlternating {
background-color: #efe3bc!important;
}
.sapzencrosstab-DataCellDefault, .sapzencrosstab-HeaderCellDefault {
background-color: white;
}
.sapzencrosstab-DataCellDefault, .sapzencrosstab-HeaderCellDefault {

background-color: #b5d7f4;
border: 1px solid black; /* 15-July rgb(47,76,146);*/
/*padding: 0 9px;*/
}
.sapzencrosstab-HeaderCellDefault {

background-color:#b0d8ff; /*#b5d7f4;*/
font-size: 13px;
border: 1px solid black; /* 15-July rgb(47,76,146);*/
height:30px !important;

}
.sapzencrosstab-TableDiv {

text-align:left;
font-size: 100;
text-decoration:overline;
color: black

}
.sapzencrosstab-RenderSizeDivCompact {

border: 1px solid black; /* 15-July rgb(47,76,146);*/

font-size: 11px;
white-space:normal!important;
word-break:break-all!important;

}
.sapzencrosstab-DataCellDefault-MainMode
{
border: 1px solid black; /* 15-July rgb(47,76,146);*/
font-size: 11px;
white-space:normal!important;
word-break:break-all!important;
}

.sapzencrosstab-DimensionHeaderArea, .sapzencrosstab-
RowHeaderArea, .sapzencrosstab-ColumnHeaderArea, .sapzencrosstab-DataArea
{
border: 1px solid black; /* 15-July rgb(47,76,146);*/
//text-align: center;
}

/
***********************************************************************************
*/
/* Listbox
/
***********************************************************************************
*/
.myListBox .sapMLIB {

background-color: transparent !important;

border-bottom: none;
background: grey;

}
.myListBox .sapMListNoDataText {
color: #ff80ff;
}
.myListBox {
border: none !important;
}

.sapMLIB.sapMLIBSelected{
 background:#bd84b9;

.sapMLIB.sapMLIB-
CTX.sapMLIBActionable.sapMLIBFocusable.sapMLIBHoverable.sapMLIBShowSeparator.sapMLI
BTypeInactive.sapMSLI.sapMLIBSelected
{

background: #9f9f9f ;

/*Correspond to state:Success*/
.sapMPIBarPositive {

color:#2E8B57;