/**********************************************/
/*   application original style               */
/*   2017/11/20                                */
/**********************************************/

/*--!!!!!!!!!!!!!!!!! [common.css] overwrite !!!!!!!!!!!!!!!!!!!!!!--*/

/* ToRemoteUI link */
#navigation ul li.ToRemoteUI a { 
	border-bottom: 1px solid #cccccc;
	padding-left: 24px;
}
#navigation ul li.ToRemoteUI a:link ,
#navigation ul li.ToRemoteUI a:visited { 
	background: transparent url(/userauth/DMSImage/media/toRemoteUI_bg.png) 9px 11px no-repeat;
}
#navigation ul li.ToRemoteUI a:hover {
	background: #f8f4c9 url(/userauth/DMSImage/media/toRemoteUI_bg.png) 9px 11px no-repeat;
}
#navigation ul li.ToRemoteUI a:active ,
#navigation ul li.ToRemoteUI a:focus {
	background: #efe695 url(/userauth/DMSImage/media/toRemoteUI_bg.png) 9px 11px no-repeat;
}



/*-- #tonerRemaining --*/
.tonerRemain{
width: 300px;
border: 1px solid #aaaaaa;

}

.tonerBar,
.collectionTonerBar,
.partBar{
	width: 300px;
}


.yellow {
	background-color: #ffdd00 !important;
    height: 20px;
}

.magenta {
	background-color: #e929d6 !important;
    height: 20px;
    box-sizing:border-box;
}

.cyan {
	background-color: #2bc6ff !important;
    height: 20px;
    box-sizing:border-box;
}

.black {
	background-color: #000000 !important;
    height: 20px;
}

.defaultColor {
	background-color: #888888 !important;
    height: 20px;
}

.ContentModule .ModuleElement .ItemListComponent table tbody tr th:first-child{
  width: 25%;
  white-space: nowrap;
}
.ContentModule .ModuleElement .ItemListComponent table tbody td.percent{
  text-align: right;
  padding-left: 20px;
  padding-right: 50px;
  width: 50px;
}

.tonerRemain div:nth-child(1) {
   margin:0;
}

.Remaining100{
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining90{
	width: 90%;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining80{
	width: 80%;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining70{
	width: 70%;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining60{
	width: 60%;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining50{
	width: 50%;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining40{
	width: 40%;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining30{
	width: 30%;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining20{
	width: 20%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining10{
	width: 10%;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining0{
	width: 0%;
	height: 20px;
	background: transparent center right no-repeat !important;
}