analytics/webcontent/irot/cchl/cchl_prompt_11.5.css

/*
  	Licensed Materials  - Property of IBM
	IBM Cognos Products: rs
 	(C) Copyright IBM Corp. 2003, 2019
  	US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
*/

[isPromptControl] .clsCCHLBoundingBox
{
	background-color: #EAEAEA;
}

[isPromptControl] .clsCCHLSelectDateCalendarDialog
{
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "MS UI Gothic", Gulim, SimSun, PMingLiU, Raghu8, "Arial Unicode MS", "Andale WT", sans-serif;
	background-color: white;
	color: #343334;
	border-color: #C0BFC0;
}

[isPromptControl] .clsCCHLSelectDateYears
{
	background-color: #1F57A4;
	color: #343334;
}

[isPromptControl] .clsRequiredBorder,
[isPromptControl].clsPromptSelectWithSearch .clsInvalid .clsAdorment,
[isPromptControl].clsPromptSelectWithSearch .clsInvalid .clsListView,
[isPromptControl] .clsPromptSelectWithSearch .clsInvalid .clsAdorment,
[isPromptControl] .clsPromptSelectWithSearch .clsInvalid .clsListView
{
	border-color: #E62325 !important;
}

[isPromptControl] .clsCCHLParseErrorOn
{
	padding-bottom: 0;
	border-bottom: 2px dashed #E62325;
}

[isPromptControl] .clsCCHLParseErrorOff
{
	padding-bottom: 0;
	border-bottom: 2px solid #F2F2F2;
}

[isPromptControl] .clsSelectWithSearch
{
	min-width: 250px;
}

[isPromptControl] .clsPromptComponent td[prole="radio"]
{
	padding-left: 0;
	padding-right: 0;
}

[isPromptControl] TD[prole="choicePanel"]
{
	min-width: 200px;
}
[isPromptControl][specname="selectDateTime"][_range="true"][_multiselect="true"] TD[prole="choicePanel"],
[isPromptControl][specname="selectInterval"][_range="true"][_multiselect="true"] TD[prole="choicePanel"]
{
	min-width: 310px;
}
[isPromptControl][specname="selectDate"][_range="true"][_multiselect="true"] TD[prole="choicePanel"],
[isPromptControl][specname="selectTime"][_range="true"][_multiselect="true"] TD[prole="choicePanel"]
{
	min-width: 250px;
}
[isPromptControl][specname="selectTime"][_multiselect="true"]:not([_range]) TD[prole="choicePanel"]
{
	min-width: 150px;
}

[isPromptControl] .clsCCHLSelectTimeEditBox
{
	width: 104px;
	margin: 0;
}
[isPromptControl][specname="selectDate"] INPUT.clsCCHLTextWidget,
[isPromptControl][specname="selectDateTime"] INPUT.clsCCHLTextWidget
{
	min-width: 104px;
	width: 104px !important;
}

[isPromptControl][specname="selectDate"][_multiselect="true"]:not([_range]) TD.clsPromptButtonsContainer
{
	padding-bottom: 32px;
}

.clsPromptComponent[specname="textBox"]
{
	width: 250px;
}
.clsPromptComponent[specname="textBox"][_multiselect="true"][_range="true"]
{
	width: 520px;
}

[isPromptControl] .clsPromptSelectWithSearchControlArea
{
	width: 250px;
}

[isPromptControl] .clsPromptSelectWithSearchMultiSelPane
{
	width: 300px;
}

[isPromptControl] BUTTON.clsPromptInsertButton,
[isPromptControl] BUTTON.clsPromptRemoveButton
{
	width: 32px;
	height: 32px;
	padding: 8px;
	margin: 0;
}
[isPromptControl] .clsPromptButtonContainer
{
	width: auto !important;
	height: auto !important;
	line-height: normal !important;
}
[isPromptControl][specname="selectValue"] .clsPromptButtonsContainer
{
	padding: 16px 8px 0 8px;
}
[isPromptControl][specname="textBox"] .clsPromptButtonsContainer,
[isPromptControl][specname="selectDateTime"] .clsPromptButtonsContainer,
[isPromptControl][specname="selectDate"] .clsPromptButtonsContainer,
[isPromptControl][specname="selectTime"] .clsPromptButtonsContainer
{
	padding: 0 8px;
}
[isPromptControl][specname="selectInterval"] .clsPromptButtonsContainer
{
	padding: 0 8px 32px 8px;
}
[isPromptControl][specname="selectInterval"][_multiselect="true"]:not([_range]) TD[prole="controlPanel"] > TABLE
{
	height: 0 !important;
}

[isPromptControl][specname="selectWithSearch"] DIV.pc
{
	line-height: normal !important;
}

[isPromptControl] DIV.clsPromptHyperlinksContainer,
[isPromptControl] TD.clsPromptHyperlinksContainer
{
	line-height: normal !important;
	padding-top: 4px !important;
}

[isPromptControl] .pl
{
	text-decoration: none;
}
[isPromptControl] .pl:hover
{
	text-decoration: underline;
	color: #2D74DA;
}

.clsPromptComponent .pt:focus
{
	color: #595859;
	border-color: #1F57A4;
}
[isPromptControl] .pt:disabled
{
	color: #949394;
	border-color: #949394;
}

[isPromptControl].clsPromptComponent.clsParseError .pt,
[isPromptControl].clsPromptComponent.clsParseError div[prole="container"] > .clsListView,
[isPromptControl] .clsPromptComponent.clsParseError .pt,
[isPromptControl] .clsPromptComponent.clsParseError div[prole="container"] > .clsListView
{
	border-color: #E62325 !important;
}
[isPromptControl] TABLE.clsMonthSection
{
	height: 224px;
}

[isPromptControl] DIV.clsListViewRadioView
{
	padding-top: 8px;
	padding-left: 4px;
}

[isPromptControl] DIV.clsListViewReportView .clsListItem
{
	border-left: 4px solid transparent;
}
[isPromptControl] DIV.clsListViewReportView .clsListItem_hover
{
	background-color: #F2F2F2;
}
[isPromptControl] DIV.clsListViewReportView .clsListItem_selected
{
	background-color: #F4F6FA;
	border-left-color: #1F57A4;
}

[isPromptControl]:not([_w69]) SELECT
{
	padding: 0 24px 0 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../hal/images/ComboBoxArrow.svg) no-repeat;
	background-position: right 4px center;
	background-size: 16px;
}
[isPromptControl] SELECT,
[isPromptControl] TABLE.clsComboBox
{
	height: 32px;
	cursor: pointer;
	border: 1px solid #C0BFC0;
}
[isPromptControl] TABLE.clsComboBox:hover
{
	background-color: transparent;
}
[isPromptControl] TABLE.clsComboBox[_1o7] 
{
	outline: none
}

[isPromptControl][specname="textBox"][_multiselect="true"]:not([_range])
{
	height: 180px;
	width: 520px;
}

[isPromptControl] BUTTON.clsSvgButton16x16
{
	fill: #1F57A4;
	color: #1F57A4;
}

[isPromptControl] TD.clsCCHLDatePickerButton
{
	width: 38px;
	padding-left: 8px;
}
[isPromptControl] IMG.clsCCHLDatePickerButton
{
	width: 30px;
	height: 30px;
	cursor: pointer;
}
[isPromptControl] IMG.clsCCHLDatePickerButton:hover
{
	outline: 1px solid #1F57A4;
}

[isPromptControl] .clsHyperlink
{
	color: #1F57A4;
}

BUTTON.clsSelectWithSearchSearchButton
{
	background-color: #1F57A4;
}

BUTTON.clsSelectWithSearchSearchButton,
INPUT.clsSelectWithSearchSearchText,
.clsPromptSelectWithSearch .clsAdorment
{
	border-color: #1F57A4;
}

LABEL.clsSelectWithSearchSelectAllLabel
{
	color: #1F57A4;
}

.clsSpinnerText
{
	color: #C0BFC0;
}
.clsSpinnerValue
{
	border-top-color: #595859;
	border-bottom-color: #595859;
}
.clsSpinnerButtonUp::after
{
	border-top-color: #1F57A4;
	border-left-color: #1F57A4;
}
.clsSpinnerButtonDown::after
{
	border-bottom-color: #1F57A4;
	border-right-color: #1F57A4;
}

[isPromptControl] LABEL.clsCheckbox > SPAN:before,
[isPromptControl] LABEL.clsRadioButton > SPAN:before
{
	background-color: #FFFFFF;
	border-color: #1F57A4;
}
[isPromptControl] LABEL.clsCheckbox > SPAN:after
{
	border-color: #FFFFFF;
}
[isPromptControl] LABEL.clsRadioButton > SPAN:after,
[isPromptControl] LABEL.clsCheckbox > INPUT:checked:enabled ~ SPAN:hover:before,
[isPromptControl] LABEL.clsRadioButton > INPUT:checked:enabled ~ SPAN:hover:after
{
	background-color: #1F57A4;
}
[isPromptControl] LABEL.clsCheckbox > INPUT:enabled ~ SPAN:hover:before,
[isPromptControl] LABEL.clsRadioButton > INPUT:enabled ~ SPAN:hover:before,
[isPromptControl] LABEL.clsCheckbox > INPUT:checked:enabled ~ SPAN:hover:before,
[isPromptControl] LABEL.clsRadioButton > INPUT:checked:enabled ~ SPAN:hover:before,
[isPromptControl] LABEL.clsRadioButton > INPUT:checked ~ SPAN:before
{
	border-color: #1F57A4;
}
[isPromptControl] LABEL.clsCheckbox > INPUT:checked ~ SPAN:before
{
	background-color: #1F57A4;
	border-color: #1F57A4;
}