body {
	background-color: #054059;
	font-family: 'roboto';
	height: 100%;
	width: 99%;
}

a {
	text-decoration: none;
	color: inherit;
}

#bidding-div {
	background-color: white;
	margin: 2% auto;
	/*  width: 1090px;*/ /* 1360px, left, right - 10% */
	width: 80%; /* 1360px, left, right - 10% */
}

#bidding-user-div {
	background-color: white;
	margin: 1% auto;
	width: 1220px; /* 1360px, left, right - 5% */
	right: -5%;
}

@media only screen and (min-width: 1220px) {
	#bidding-clock-div {
		position: absolute;
		color: white;
		right: 5px;
		top: 50px;
		text-align: right;
		font-size: 0.8vw;
	}
	#bidding-clock-div * {
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 10px;
		padding: 10px;
		margin: 5px;
	}
}

@media only screen and (max-width: 1219px) {
	#bidding-clock-div {
		color: white;
		text-align: right;
		font-size: 0.8vw;
		padding: 10px;
	}
	#bidding-clock-div {
		color: white;
		right: 5px;
		top: 50px;
		text-align: right;
		font-size: 0.8vw;
	}
	#bidding-clock-div * {
		display: inline-block;
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 10px;
		padding: 10px;
		margin: 5px;
		background-color: rgba(0, 0, 0, 0.3);
	}
}

#bidding-enroll-div {
	background-color: white;
	margin: 1% auto;
	width: 560px;
}

#vendor-enroll-div {
	background-color: white;
	margin: 1% auto;
	width: 560px;
}

#menu-div {
	margin-top: 1%;
}

.search-item {
	color: #04468C;
	font-weight: bold;
	font-size: 14px;
	/* font: bold normal 14px roboto; */
	height: 20px;
	text-indent: 3px;
}

#search-item-number {
	float: right;
	padding-right: 3px;
}

.estimation-textfield-label {
	font-weight: bold;
	width: 170px !important;
}

.estimation-textfield-label * {
	width: 170px !important;
}

.estimation-textfield {
	background: repeat-x transparent;
	color: #FF5050;
	text-align: right;
	padding-right: 5px;
}

.form-label-extra {
	font-weight: bold;
}

.form-estimation-label-extra {
	color: #04468c;
	font-weight: bold;
	text-align: left;
}

.enroll-form-extra {
	background: #DFE9F6;
}

.readonly-textfield-cls {
	color: #7F7F7F;
	font-weight: bold;
	font-size: 12px;
	/* font: normal bold 12px roboto; */
	background: repeat-x transparent;
}

.readonly-textfield-inputwrap-cls {
	border: none;
}

.readonly-statusbar-cls {
	background: repeat-x transparent;
}

.span-number-font-cls {
	color: blue;
	text-decoration: underline;
}

.span-1st-estimation-font-cls {
	color: red;
	text-decoration: underline;
}

.span-2nd-estimation-font-cls {
	color: teal;
	text-decoration: underline;
}

.second-win-message-cls {
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.vendor-enroll-fieldset-cls {
	border-color: #99bce8;
	color: #15428b;
	font-weight: bold;
	padding: 1px 0;
}

.required-field-cls {
	background-image: url('/style/image/icon/dirty.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.row-bidding-draft {
	background-color: #F4FA58;
}

.row-bidding-wip {
	background-color: #7DCEA0;
}

.row-bidding-close {
	background-color: #F5B7B1
}

.row-bidding-terminate {
	background-color: #D9D9D9
}

.row-contact-draft {
	background-color: #F4FA58;
}

.row-contact-approved  {
	background-color: #7DCEA0;
}

.row-contact-returned {
	background-color: #F5B7B1
}

.row-contact-completed {
	background-color: #D9D9D9
}

.row-contact-hidden {
	display: none !important;
}

/* sencha stylesheet */
.x-btn-inner-default-toolbar-small {
	font-weight: bold;
	margin-top: 5px;
}

/* grid column */
.x-column-header-text {
	font-weight: bold;
}

/* panel header */
.x-panel-header-title-default {
	font-weight: bold;
	font-size: 16px;
	/*    
  font: bold normal 16px roboto;
*/
	/* color: #04468C;*/
	color: inherit;
	height: 20px;
}

.x-panel-header-title-default-framed {
	font-weight: bold;
	font-size: 16px;
	/* font: bold normal 16px roboto; */
	color: #04468C;
	height: 20px;
}

.x-form-invalid-under-default {
	background-image:
		url(/jslib/extjs-6.2.0/resources/images/shared/warning.gif);
}

.eye.togglePwd {
	position: absolute;
	right: -30px;
	top: 2px;
	width: 20px;
	background-repeat: no-repeat;
	overflow: visible;
	height: 20px;
}