@charset "UTF-8";

/**
*
* Filename		:	style_onboarding.css
* Description	:	CSS file that overrides default styles / layouts
* Author		:	25-Jan-2016 / M. Heruela / P.A. Lim
* Revised		:	
* 
* $Revision: 378055 $
* $Author: mh2 $
* $Date: 2016-09-16 10:02:53 +0800 (Fri, 16 Sep 2016) $
* $HeadURL: https://svn.asiandevbank.org/erp_repos/branches/prod/taleo/external01/theme/css/style_onboarding.css $
*
**/

#myProcessesTabActionS a#processlistTemplate-list-flowHeader-myProcessesTabAction, #myProcessesTabActionS span.span {
	font-size: 1em;
}

#myProcessesTabActionS {
	height: 25px;
	vertical-align: bottom;
	padding-top: 0;
	border-color: #c0c0c0;
}

li#myProcessesTabActionS.selectedlink {
	height: 25px;
	vertical-align: bottom;
	padding-top: 0;
	background-color: #d4d4d4;
	border-color: #c0c0c0;
	border-bottom-color: #d4d4d4;
}

.processesTaskTitleJob .page-header-titleb {
	font-size: 1.5em;
}

.processes-task-link {
	font-size: 1em;
}

ul.cf-step-list li {
	margin-left: 5px;
}

ul.cf-step-list li span span {
	font-size: 0.8em;
}

.blockpanel span.input-date-time, .input-date-time {
	border: none;
}

input[class="input-text entity-value"] {
	height: 1.6em!important;
}

.processesTaskMainDiv {
	overflow-x: hidden;
	min-height: 500px;
}

#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-bookingWithoutErrorPanel div {
	margin-bottom: 15px;
}

.page-header-title {
	font-weight: bold;
}

span.entity-mandatory-field {
	font-size: 0.9em;
	color: rgb(128, 0, 0);
	display: none;
}

#processlistTemplate-list-myProcessesViewContent-balloonTimesText, #processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-balloonTimesText {
	display: none;
}

.skipLink {
	display: none;
}

.blockpanel .page-header > :first-child {
	display: none;
}

img.entity-help-callout-img {
	display: inline;
}

#processes-link::before, #processlistTemplate-list-flowHeader-myProcessesTabAction::before, #myProcessesTabActionS span::before, a[id="topNavInterface.myProcessesAction"]::before {
	content: 'Onboarding ';
}

/**** START ****/

table.processesTaskTable {
	background: #f2f2f2 url(../images/processBarBackground.png) repeat-x;
	border-collapse: initial;
}

#processlistTemplate-list-myProcessesViewContent-header_taskCompletion {
	color: white;
	margin-top: 15px;
}

table.processTasks tr td {
	height: 68px;
}

table.processTasks tr.processesNotSelectedTaskItem td {
	background: #1e79b5 url(../images/processTaskBackground.png) no-repeat right top;
}

table.processTasks tr.processesNotSelectedTaskItem td:hover {
	background: #0090cb url(../images/processTaskBackground_hover.png) no-repeat right top;
}

table.processTasks tr.processesNotSelectedTaskItem td a {
	color: white!important;
}

.taskSelector table {
	margin-bottom: 27px;
}

.taskPanel {
	border-radius: 0px;
	border: 0px;
	background-color: white; 
	padding-left: 25px;
}

.processesSelectedTaskItem {
	background-color: #f3f3f3;
}

.taskPanel .task-content .page-header-title, .taskPanel .task-content .section-title {
	color: rgb(0, 144, 203);
	font-size: 25px;
	font-weight: normal;
}

.processesSelectedTaskItem td div {
	color: #002249;
}

.processesSelectedTaskItem td {
	background: white url(../images/selectedTaskBorder.jpg) repeat-y;
	border-right: 0px;
}

.processTasks tr td, .processTasks tr td:hover {
	border-top: white 2px solid;
	border-bottom: white 2px solid;
}

tr.processesNotSelectedTaskItem td:hover > a div span.processes-task-link {
	text-decoration: underline;
}

tr.processesNotSelectedTaskItem td:hover > a div span[id*="outputText_processes-task-status"], command-link-visited:hover {
	text-decoration: none;
}

.task-content span div {
	padding-top: 14px;
	padding-bottom: 14px;
}

.section-title {
	font-weight: bold;
	font-size: 19px;
}

div#mh2-div-wrapper {
	padding-top: 27px;
	color: black;
	padding-right: 20px;
}

div#wrapper-mh2-form-content {
	padding-top: 4px;
	color: black;
}

div#mh2-div-wrapper p, div#wrapper-mh2-form-content p {
	padding-bottom: 13px;
}

.cf-step-list {
	background-color: transparent;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	padding-left: 10px!important;
}

.cf-step-list li span span.cf-step, .cf-step-list li span span.cf-current-step {
	color: #002249;
}

.cf-step-list li span img.cf-step-img {
	visibility: hidden;
}

tr.processesSelectedTaskItem td span[id^="processlistTemplate-list"] {
	line-height: 0px;
}

span.content-nextline {
	display: block;
}

span.content-sub-title {
	font-weight: bold;
	line-height: 30px;
	font-size: 18px;
}

span.form-content-text {
	color: rgba(152, 52, 22, 1);
	font-size: 13px;
}

span.only-when-applicable-text {
	font-size: 13px;
	font-weight: bold;
	color: rgb(200, 78, 64);
}

#processlistTemplate-list-myProcessesViewContent-next_task, #processlistTemplate-list-myProcessesViewContent-task_complete {
	margin-bottom: 50px;
}

.task-content table.custom-form-grid tr td.custom-form-columns span.entity-block label, .task-content table.custom-form-grid tr td.custom-form-columns span.entity-block span.entity-label {
	padding-top: 10px;
	font-size: 12px!important;
}

.task-content table.custom-form-grid tr td.custom-form-columns span.entity-block > input, select {
	border: 1px solid #babcbe;
	padding-left: 7px;
	padding-right: 7px;
}

.task-content table.custom-form-grid tr td.custom-form-columns span.entity-block > select::-ms-expand{
	display: none;
}

.task-content table.custom-form-grid tr td.custom-form-columns span.entity-block > select {
	background-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 15px) calc(10px),
		calc(100% - 10px) calc(10px),
		calc(0% - 0px) 0px;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.5em;
	background-repeat: no-repeat;
	padding-right: 30px;
}

.task-content table.custom-form-grid tr td.custom-form-columns span.entity-block select > option {
	background-color: #e1e2e3;
	background-color: 1px solid #e1e2e3;
}

.task-content {
	min-height: 500px;
}

hr.form-separator {
	border: 1px solid rgb(111, 164, 198);
}

.entity-help-callout {
	color: #8f4e35;
	font-size: 10pt !important;
	padding: 5px;
	line-height: 11pt !important;
}

.progress-bar {
	background-color: #86c543;
	background-image:
		linear-gradient(
			#b8dd5f, #50ab25
		);
}

.progress-bar tr td {
	background-image: none;
}

.adb-header .logo {
	display: none;
}

.entity-block fieldset {
	display: inline;
}

table.processesTaskTable .nav-btn, table.processesTaskTable .nav-btn > span[class^="nav-btn"] {
	background-color: transparent!important;
	border: none!important;
}

table.processesTaskTable .nav-btn span[class^="nav-btn"] {
	border-radius: 5px;
	border: none!important;
	vertical-align: top;
	background-color: #d9d9d9!important;
}

/*table.processesTaskTable .nav-btn span[class*="nav-btn"]:hover {
	background-color: #04b6ee!important;
	color: white!important;;
}*/

table.processesTaskTable input[id*='processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-PersonalInfo_UDFCandidate_'] {
	width: 330px;
	border: 1px solid #babcbe;
	padding-left: 7px;
	padding-right: 7px;
	height: 30px;
}

.processesTaskMainDiv td.custom-form-columns span[id*="processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-"] .output-text {
	border-bottom: 1px dashed #D4D4D4;
}

#task_progressBar, .progress-bar-first-cell {
	border-left: 1px #001631 solid;
}

#task_progressBar, .progress-bar-cell-filled {
	border-top: 1px #001631 solid;
	border-bottom: 1px #001631 solid;
	border-left: 1px #2D5F80 solid;
	border-right: 1px #6C89AE solid;
}

#task_progressBar, .progress-bar-last-cell {
	border-right: 1px #6C89AE solid;
}

.combo .label {
	display: block;
	color: black;
	font-size: 10px;
	text-align: left!important;
	font-weight: bold;
}

.calendar thead .headrow {
	background: #062447;
}

.calendar .nav {
	background: #062447 url(../images/menuarrow.png) no-repeat 100% 100%
}

.calendar thead .daynames {
	background: #33b1e1;
}

.calendar thead .weekend {
	color: white;
}

.calendar thead .name {
	color: white;
}

.calendar tbody .action-bar {
	background-color: #e1e2e3
}

th.cal-button[title="Today\'s date"] {
	text-align: center;
}