/* claro/form/Common.css */
/*========================= common css =========================*/
/* 'dijitTextBox' refers to 'dijit(TextBox|DateTextBox|CurrencyTextBox|...)' */

/*

.newX2Design .dijitTextBox,
.newX2Design .dijitInputInner {
  color: #000000;
}

.newX2Design .dijitValidationTextBoxError .dijitValidationContainer {
  background-color: #d46464;
  background-image: url("../form/images/error.png");
  background-position: top center;
  border: solid #d46464 0;
  width: 9px;
}

.newX2Design .dijitTextBoxError .dijitValidationContainer {
  border-left-width: 1px;
}

.newX2Design .dijitValidationTextBoxError .dijitValidationIcon {
  width: 0;
  background-color: transparent;
}

.newX2Design .dijitTextArea,
.newX2Design .dijitInputField .dijitPlaceHolder {
  padding: 2px;
}

.newX2Design .dijitSelect .dijitInputField,
.newX2Design .dijitTextBox .dijitInputField {
  padding: 1px 2px;
}

.dj_gecko .newX2Design .dijitTextBox .dijitInputInner,
.dj_webkit .newX2Design .dijitTextBox .dijitInputInner {
  padding-left: 1px;
  padding-right: 1px;
}

.newX2Design .dijitSelect,
.newX2Design .dijitSelect .dijitButtonContents,
.newX2Design .dijitTextBox,
.newX2Design .dijitTextBox .dijitButtonNode {

  border-color: #b5bcc7;
  -webkit-transition-property: background-color, border;
  -moz-transition-property: background-color, border;
  transition-property: background-color, border;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
.newX2Design .dijitSelect,
.newX2Design .dijitTextBox {
  background-color: #ffffff;
}

.newX2Design .dijitSelectHover,
.newX2Design .dijitSelectHover .dijitButtonContents,
.newX2Design .dijitTextBoxHover,
.newX2Design .dijitTextBoxHover .dijitButtonNode {
  border-color: #759dc0;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
.newX2Design .dijitTextBoxHover {
  background-color: #e5f2fe;
  background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
  background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
  background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
  background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
}

.newX2Design .dijitSelectError,
.newX2Design .dijitSelectError .dijitButtonContents,
.newX2Design .dijitTextBoxError,
.newX2Design .dijitTextBoxError .dijitButtonNode {
  border-color: #d46464;
}

.newX2Design .dijitSelectFocused,
.newX2Design .dijitSelectFocused .dijitButtonContents,
.newX2Design .dijitTextBoxFocused,
.newX2Design .dijitTextBoxFocused .dijitButtonNode {
  border-color: #759dc0;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.newX2Design .dijitTextBoxFocused {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
  background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
  background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
  background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
}

.newX2Design .dijitTextBoxFocused .dijitInputContainer {
  background: #ffffff;
}

.newX2Design .dijitSelectErrorFocused,
.newX2Design .dijitSelectErrorFocused .dijitButtonContents,
.newX2Design .dijitTextBoxErrorFocused,
.newX2Design .dijitTextBoxErrorFocused .dijitButtonNode {
  border-color: #ce5050;
}

.newX2Design .dijitSelectDisabled,
.newX2Design .dijitSelectDisabled .dijitButtonContents,
.newX2Design .dijitTextBoxDisabled,
.newX2Design .dijitTextBoxDisabled .dijitButtonNode {
  border-color: #d3d3d3;
}
.newX2Design .dijitSelectDisabled,
.newX2Design .dijitTextBoxDisabled,
.newX2Design .dijitTextBoxDisabled .dijitInputContainer {
  background-color: #efefef;
  background-image: none;
}
.newX2Design .dijitSelectDisabled,
.newX2Design .dijitTextBoxDisabled,
.newX2Design .dijitTextBoxDisabled .dijitInputInner {
  color: #818181;
}

.dj_webkit .newX2Design .dijitDisabled input {
  color: #757575;
}

.dj_webkit .newX2Design textarea.dijitTextAreaDisabled {
  color: #1b1b1b;
}

.newX2Design .dijitSelect .dijitArrowButtonInner,
.newX2Design .dijitComboBox .dijitArrowButtonInner {
  background-image: url("../form/images/commonFormArrows.png");
  background-position: -35px 53%;
  background-repeat: no-repeat;
  margin: 0;
  width: 16px;
}
.newX2Design .dijitComboBox .dijitArrowButtonInner {
  border: 1px solid #ffffff;
}
.newX2Design .dijitToolbar .dijitComboBox .dijitArrowButtonInner {
  border: none;
}
.newX2Design .dijitToolbar .dijitComboBox .dijitArrowButtonInner {
  border: none;
}
.newX2Design .dijitSelectLabel,
.newX2Design .dijitTextBox .dijitInputInner,
.newX2Design .dijitValidationTextBox .dijitValidationContainer {
  padding: 1px 0;
}
.newX2Design .dijitComboBox .dijitButtonNode {
  background-color: #efefef;
  background-image: url("../images/standardGradient.png");
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  _background-image: none;
}
.newX2Design .dijitComboBoxOpenOnClickHover .dijitButtonNode,
.newX2Design .dijitComboBox .dijitDownArrowButtonHover,
.newX2Design .dijitComboBoxFocused .dijitArrowButton {
  background-color: #abd6ff;
}
.newX2Design .dijitComboBoxOpenOnClickHover .dijitArrowButtonInner,
.newX2Design .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner {
  background-position: -70px 53%;
}

.newX2Design .dijitComboBox .dijitHasDropDownOpen {
  background-color: #7dbdfa;
  background-image: url("../images/activeGradient.png");
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
  _background-image: none;
  padding: 1px;
}
.dj_iequirks .newX2Design .dijitComboBox .dijitHasDropDownOpen {
  padding: 1px 0;
}
.newX2Design .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner {
  background-position: -70px 53%;
  border: 0 none;
}

.newX2Design div.dijitComboBoxDisabled .dijitArrowButtonInner {
  background-position: 0 50%;
  background-color: #efefef;
}

.dj_ff3 .newX2Design .dijitInputField input[type="hidden"] {
  display: none;
  height: 0;
  width: 0;
}
.dj_borderbox .newX2Design .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner {
  width: 18px;
}
.dj_borderbox .newX2Design .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner {
  width: 16px;
}

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

.newX2Design .dijitDialogPaneContent {
	background-color: white !important;
} 

.popupButtonSave, .popupButtonCancel, .exportOptionsButtonSave {
	float: right;
	margin-left: 4px;
}

.newX2Design .popupButtonSave .dijitButtonText, .newX2Design .popupButtonCancel .dijitButtonText, .newX2Design .applyButton .dijitButtonText, .newX2Design .exportOptionsButtonSave .dijitButtonText {
	margin-top: 4px;
	font-size: 12px;
	font-family: "MyriadPro";
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 10px 0px 12px !important;
}

.newX2Design .popupButtonSave .dijitButtonText, .newX2Design .applyButton .dijitButtonText, .newX2Design .exportOptionsButtonSave .dijitButtonText {
	color: #FFFFFF;
}

.newX2Design .popupButtonSave .dijitButtonNode, .newX2Design .exportOptionsButtonSave .dijitButtonNode {
	background-color: #E96412 !important;
	border-radius: 8px !important;
}

.newX2Design .popupButtonSave:hover .dijitButtonNode {
	background-color: #CC520E !important;
	border-radius: 8px !important;
}

.newX2Design .popupButtonSave:hover {
	opacity: 1 !important;
}


.newX2Design .popupButtonCancel .dijitButtonText {
	color: #1E2937;
	text-decoration: none;
}
 
.newX2Design .popupButtonCancel .dijitButtonNode  {
	background-color: #F3F6F9 !important;
	border-radius: 8px !important;
	border: 1px solid #E0E6EF !important;
}

.newX2Design .popupButtonCancel:hover .dijitButtonNode {
	background-color: #F3F6F9 !important;
	border-radius: 8px !important;
	border: 1px solid #C0C6CF !important;
}

.newX2Design .popupButtonCancel:hover {
	opacity: 1 !important;
}

.newX2Design .secondaryPane {
	background-color: #FAFBFD !important;
	color: #485666;
	border: 1px solid #E0E6EF;
} 

.newX2Design .tableHeader {
	color: #406080;
	font-weight: bold;
}

.newX2Design .cuAdminDetailsMainPane .editItemDetailsTable-labelCell, .newX2Design .addressTable-labelCell, .newX2Design .cuDetailsTable-labelCell, 
.newX2Design .cuSettingsDetailsTable-labelCell, .newX2Design .cuAdminDetailsMainPane .checkBoxLabel, .newX2Design .cuNotificationLabel, 
.newX2Design .cuNotificationLabel .dijitButtonText {
    color: #406080 !important;
    font-size: 13px;
    font-family: "MyriadPro";
    font-weight: bold !important;
}

.newX2Design .dijitDialogTitleBar {
    margin: 12px 2px 0px 2px;
    background-color: #EAF0F6;
    border-top: 3px solid #EAF0F6;
    border-bottom: 0px solid white;
    border-left: 3px solid #EAF0F6;
    border-right: 3px solid #EAF0F6;
}

.newX2Design .dijitSelect, .newX2Design .dijitTextBox {
    background-color: #EAF4FF;
}

.newX2Design .dijitSelect, .newX2Design .dijitSelect .dijitButtonContents, .newX2Design .dijitTextBox, .newX2Design .dijitTextBox .dijitButtonNode {
    border-color: #CFE6FF;
}

.newX2Design .dijitTextBox, .newX2Design .dijitInputInner {
    color: #1E2937;
}

.newX2Design .basicHeaderPane {
	border: 1px solid #E0E6EF;
	background-color: #F2F4F8;
	font-family: MyriadPro;
	font-size: 14px;
	font-weight: bold;
	color: #404040;
	margin-bottom: -1px;
    padding: 8px 8px 6px 8px !important;
}

.newX2Design .basicFooterPane {
	border: 1px solid #E0E6EF;
	background-color: #F2F4F8;
	font-family: MyriadPro;
	font-size: 13px;
	color: #808080;
    margin-top: -1px;
    padding: 8px 8px 6px 8px !important;
}

/*******************************************************************************************************************************************/

.newX2Design .userAdminDialogTextbox, .newX2Design .basicSelect {
	padding-top: 3px !important;
	padding-bottom: 2px !important;
}

.newX2Design .userAdminDialogTextbox {
	width: calc(100% - 12px);
}

.newX2Design .dijitArrowButton, .newX2Design .basicSelect {
	background-color: white !important;
}

.newX2Design .orgFieldConfigTextArea {
	padding-bottom: 6px !important;
}

.newX2Design .addressTable-valueCell-0 {
	width: 50%;
}