.claro .dijitButtonText {
|
padding: 0;
|
text-align: center;
|
line-height: 1.428571428571429;
|
}
|
.claro .dijitButton .dijitButtonNode,
|
.claro .dijitDropDownButton .dijitButtonNode,
|
.claro .dijitComboButton .dijitButtonNode,
|
.claro .dijitToggleButton .dijitButtonNode {
|
cursor: pointer;
|
min-width: 70px;
|
display: inline-block;
|
padding: 5px 10px;
|
font-size: 14px;
|
text-align: center;
|
background: #fff;
|
border: 1px solid #ddd;
|
color: #333;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
-webkit-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
box-sizing: border-box;
|
letter-spacing: 1px;
|
-webkit-font-smoothing: antialiased;
|
}
|
.claro .dijitButtonHover .dijitButtonNode,
|
.claro .dijitDropDownButtonHover .dijitButtonNode,
|
.claro .dijitToggleButtonHover .dijitButtonNode {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitComboButton .dijitButtonNodeHover,
|
.claro .dijitComboButton .dijitDownArrowButtonHover {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitButtonActive .dijitButtonNode,
|
.claro .dijitDropDownButtonActive .dijitButtonNode,
|
.claro .dijitToggleButtonActive .dijitButtonNode,
|
.claro .dijitToggleButtonChecked .dijitButtonNode {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitComboButton .dijitButtonNodeActive,
|
.claro .dijitComboButton .dijitDownArrowButtonActive {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitButtonDisabled,
|
.claro .dijitDropDownButtonDisabled,
|
.claro .dijitComboButtonDisabled,
|
.claro .dijitToggleButtonDisabled {
|
outline: none;
|
}
|
.claro .dijitButtonDisabled .dijitButtonNode,
|
.claro .dijitDropDownButtonDisabled .dijitButtonNode,
|
.claro .dijitComboButtonDisabled .dijitButtonNode,
|
.claro .dijitToggleButtonDisabled .dijitButtonNode {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitComboButtonDisabled .dijitArrowButton {
|
border-left-width: 0;
|
}
|
.claro .dijitDropDownButton .dijitButtonNode {
|
padding-right: 5px;
|
}
|
.claro table.dijitComboButton {
|
border-collapse: separate; /* override dijit.css so that ComboBox rounded corners work */
|
}
|
.claro table.dijitComboButton .dijitButtonNode {
|
min-width: 0;
|
}
|
.claro table.dijitComboButton .dijitStretch {
|
-webkit-border-radius: 2px 0 0 2px;
|
border-radius: 2px 0 0 2px;
|
}
|
.claro table.dijitComboButton .dijitArrowButton {
|
padding: 5px;
|
-webkit-border-radius: 0 2px 2px 0;
|
border-radius: 0 2px 2px 0;
|
border-left-width: 0;
|
}
|
.claro table.dijitComboButton .dijitArrowButton .dijitArrowButtonInner {
|
display: none;
|
}
|
.claro .dijitToggleButton .dijitIcon {
|
display: none;
|
}
|
.claro .dijitToggleButton .dijitCheckBoxIcon {
|
background-image: none;
|
}
|
.claro .dijitToggleButtonChecked .dijitIcon {
|
display: inline-block;
|
}
|
.claro .dijitDropDownButton .dijitArrowButtonInner {
|
margin-left: 10px;
|
}
|
.claro .dijitDropDownButton .dijitArrowButtonInner,
|
.claro .dijitComboButton .dijitArrowButton,
|
.claro .dijitArrowButton {
|
background-image: none;
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
font-size: 20px;
|
width: 20px;
|
height: 20px;
|
line-height: 20px;
|
padding: 0;
|
-webkit-box-sizing: content-box;
|
-moz-box-sizing: content-box;
|
box-sizing: content-box;
|
}
|
.claro .dijitDropDownButton .dijitArrowButtonInner:before,
|
.claro .dijitArrowButton:before {
|
content: "n";
|
}
|
.claro .dijitLeftArrowButton:before {
|
content: "q";
|
}
|
.claro .dijitRightArrowButton:before {
|
content: "r";
|
}
|
.claro .dijitUpArrowButton:before {
|
content: "p";
|
}
|
.claro .dijitCheckBox {
|
background-color: $checkbox-background-color;
|
background-image: none;
|
border: 1px solid #ddd;
|
width: 16px;
|
height: 16px;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
text-align: center;
|
position: relative;
|
}
|
.claro .dijitCheckBox input {
|
position: absolute;
|
top: 0;
|
}
|
.claro .dijitCheckBoxIcon:before,
|
.claro .dijitCheckBoxChecked:before,
|
.claro .dijitCheckBoxCheckedDisabled:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "k";
|
position: relative;
|
left: -1px;
|
}
|
.claro .dijitToggleButtonChecked .dijitCheckBoxIcon {
|
color: #3b8fc4;
|
}
|
.claro .dijitCheckBoxChecked {
|
background-color: #3b8fc4;
|
border: 1px solid #3b8fc4;
|
color: #fff;
|
}
|
.claro .dijitCheckBoxHover {
|
border: 1px solid #3b8fc4;
|
}
|
.claro .dijitCheckBoxCheckedHover {
|
border: $checkbox-hover-checked-border;
|
}
|
.claro .dijitCheckBoxDisabled,
|
.claro .dijitCheckBoxCheckedDisabled {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitCheckedMenuItem .dijitCheckedMenuItemIcon {
|
background-color: $checkbox-background-color;
|
background-image: none;
|
border: 1px solid #ddd;
|
width: 16px;
|
height: 16px;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
text-align: center;
|
position: relative;
|
margin-top: 2px;
|
}
|
.claro .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "k";
|
position: relative;
|
left: -1px;
|
color: #3b8fc4;
|
}
|
.claro .dijitRadio,
|
.claro .dijitRadioIcon {
|
/* inside a toggle button */
|
width: 16px;
|
height: 16px;
|
background: none;
|
border: 1px solid #3b8fc4;
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
position: relative;
|
overflow: visible;
|
}
|
.claro .dijitRadio:after,
|
.claro .dijitRadioIcon:after {
|
content: " ";
|
display: block;
|
width: 0;
|
height: 0;
|
background: #3b8fc4;
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
opacity: 0;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
filter: alpha(opacity=0);
|
margin: 8px;
|
position: absolute;
|
top: 0;
|
left: 0;
|
-webkit-transition: all 0.15s ease-in-out;
|
-moz-transition: all 0.15s ease-in-out;
|
-o-transition: all 0.15s ease-in-out;
|
-ms-transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
}
|
.claro .dijitRadioHover {
|
border-color: $radio-hover-border-color;
|
}
|
.claro .dijitRadioChecked {
|
border-color: $radio-hover-border-color;
|
}
|
.claro .dijitRadioChecked:after {
|
width: 8px;
|
height: 8px;
|
margin: 3px;
|
opacity: 1;
|
-ms-filter: none;
|
filter: none;
|
}
|
.claro .dijitRadioDisabled {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitRadioMenuItem .dijitCheckedMenuItemIcon {
|
width: 16px;
|
height: 16px;
|
background: none;
|
border: 1px solid #ddd;
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
position: relative;
|
overflow: visible;
|
margin-top: 2px;
|
}
|
.claro .dijitRadioMenuItem .dijitCheckedMenuItemIcon:after {
|
content: " ";
|
display: block;
|
width: 0;
|
height: 0;
|
background: #3b8fc4;
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
opacity: 0;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
filter: alpha(opacity=0);
|
margin: 8px;
|
position: absolute;
|
top: 0;
|
left: 0;
|
-webkit-transition: all 0.15s ease-in-out;
|
-moz-transition: all 0.15s ease-in-out;
|
-o-transition: all 0.15s ease-in-out;
|
-ms-transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
}
|
.claro .dijitRadioMenuItemChecked .dijitCheckedMenuItemIcon {
|
border-color: $radio-checked-border-color;
|
}
|
.claro .dijitRadioMenuItemChecked .dijitCheckedMenuItemIcon:after {
|
width: 8px;
|
height: 8px;
|
margin: 3px;
|
opacity: 1;
|
-ms-filter: none;
|
filter: none;
|
}
|
.claro .dijitSelect .dijitArrowButtonInner,
|
.claro .dijitComboBox .dijitArrowButtonInner {
|
display: none;
|
}
|
.claro .dijitSelect {
|
background-color: #fff;
|
border: 1px solid #ddd;
|
-webkit-transition: border-color 0.25s ease;
|
-moz-transition: border-color 0.25s ease;
|
-o-transition: border-color 0.25s ease;
|
-ms-transition: border-color 0.25s ease;
|
transition: border-color 0.25s ease;
|
table-layout: fixed;
|
}
|
.claro .dijitSelect .dijitButtonContents,
|
.claro .dijitSelect .dijitArrowButton {
|
line-height: 20px;
|
padding: 5px;
|
border: 0;
|
}
|
.claro .dijitSelect .dijitButtonContents {
|
padding: 0;
|
overflow: hidden;
|
-o-text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
}
|
.claro .dijitSelect .dijitInputField {
|
padding-left: 10px;
|
}
|
.claro .dijitSelect .dijitArrowButton {
|
background-color: transparent;
|
background-image: none;
|
}
|
.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
|
display: none;
|
}
|
.claro .dijitSelectHover {
|
background-color: #e6e6e6;
|
background-image: none;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitSelectActive {
|
background-color: #e6e6e6;
|
background-image: none;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitSelectFocused {
|
border: 1px solid #3b8fc4;
|
}
|
.claro .dijitSelectDisabled {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitComboBox .dijitButtonNode {
|
height: 30px;
|
width: 30px;
|
background-color: #fff;
|
background-image: none;
|
border-left: 0 none;
|
position: relative;
|
-webkit-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
box-sizing: border-box;
|
}
|
.claro .dijitComboBox .dijitButtonNode:after {
|
content: "";
|
display: block;
|
position: absolute;
|
left: 0;
|
top: 4px;
|
height: 22px;
|
border-left: 1px solid #ddd;
|
}
|
.claro .dijitComboBoxOpenHover .dijitButtonNode,
|
.claro .dijitComboBox .dijitDownArrowButtonHover {
|
background-color: #e6e6e6;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitComboBoxDisabled .dijitButtonNode {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitToolbar .dijitComboBox .dijitArrowButtonInner {
|
width: 0;
|
}
|
.claro .dijitDateTextBox .dijitArrowButton:before {
|
content: "x";
|
font-size: 16px;
|
}
|
.claro select {
|
padding: 5px 0;
|
border: 1px solid #ddd;
|
}
|
.claro select option {
|
padding: 5px 10px;
|
}
|
.claro .dijitSelectMenu td.dijitMenuItemIconCell,
|
.claro .dijitSelectMenu td.dijitMenuArrowCell {
|
/* so that arrow and icon cells from MenuItem are not displayed */
|
display: none;
|
}
|
.claro .dijitSpinner .dijitSpinnerButtonContainer {
|
overflow: hidden;
|
position: relative;
|
width: auto;
|
padding: 0;
|
border: 0 none;
|
}
|
.claro .dijitSpinner .dijitSpinnerButtonContainer:after {
|
content: "";
|
display: block;
|
position: absolute;
|
left: 0;
|
top: 4px;
|
height: 22px;
|
border-left: 1px solid #ddd;
|
}
|
.claro .dijitSpinner .dijitSpinnerButtonInner {
|
padding: 5px;
|
margin: 0 5px;
|
}
|
.claro .dijitSpinner .dijitArrowButton {
|
width: auto;
|
border: 0 none;
|
padding: 0;
|
overflow: hidden;
|
left: 0;
|
right: 0;
|
background: transparent;
|
}
|
.claro .dijitSpinner .dijitArrowButton:before {
|
content: none;
|
}
|
.claro .dijitSpinner .dijitUpArrowButtonHover,
|
.claro .dijitSpinner .dijitDownArrowButtonHover {
|
background-color: #e6e6e6;
|
}
|
.claro .dijitSpinner .dijitDownArrowButtonActive,
|
.claro .dijitSpinner .dijitUpArrowButtonActive {
|
background-color: #e6e6e6;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitSpinner .dijitArrowButtonInner {
|
background-image: none;
|
line-height: 15px;
|
display: block;
|
width: 100%;
|
padding: 0;
|
margin: 0.5px 0;
|
border: 0;
|
}
|
.claro .dijitSpinner .dijitArrowButtonInner .dijitInputField {
|
padding: 0;
|
}
|
.claro .dijitSpinner .dijitArrowButtonInner:before {
|
content: "p";
|
}
|
.claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner:before {
|
content: "n";
|
}
|
.claro .dijitSpinnerDisabled .dijitDownArrowButton,
|
.claro .dijitSpinnerDisabled .dijitUpArrowButton {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitSliderBar {
|
border-style: solid;
|
outline: 1px;
|
}
|
.claro .dijitRuleLabelsContainer {
|
color: #6d6e70;
|
}
|
.claro .dijitSliderDisabled {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitRuleLabelsContainerH {
|
padding: 0;
|
}
|
.claro .dijitSliderBarH,
|
.claro .dijitSliderBumperH {
|
height: 3px;
|
}
|
.claro .dijitSlider .dijitSliderLeftBumper {
|
-webkit-border-radius: 1.5px 0 0 1.5px;
|
border-radius: 1.5px 0 0 1.5px;
|
border: 0 none;
|
margin-left: 5px;
|
}
|
.claro .dijitSlider .dijitSliderRightBumper {
|
-webkit-border-radius: 0 1.5px 1.5px 0;
|
border-radius: 0 1.5px 1.5px 0;
|
border: 0 none;
|
margin-left: -2px;
|
margin-right: 5px;
|
}
|
.claro .dijitSlider .dijitSliderProgressBarH,
|
.claro .dijitSlider .dijitSliderLeftBumper {
|
border: 0 none;
|
background-color: #3b8fc4;
|
background-image: none;
|
}
|
.claro .dijitSlider .dijitSliderRemainingBarH,
|
.claro .dijitSlider .dijitSliderRightBumper {
|
border: 0 none;
|
background-color: #ddd;
|
}
|
.claro .dijitSliderHover .dijitSliderProgressBarH,
|
.claro .dijitSliderHover .dijitSliderLeftBumper {
|
background-color: #3684b4;
|
background-image: none;
|
}
|
.claro .dijitSliderFocused .dijitSliderProgressBarH,
|
.claro .dijitSliderFocused .dijitSliderLeftBumper {
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitSliderFocused .dijitSliderRemainingBarH,
|
.claro .dijitSliderFocused .dijitSliderRightBumper {
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitRuleLabelsContainerV {
|
padding: 0;
|
}
|
.claro .dijitSliderBarV,
|
.claro .dijitSliderBumperV {
|
width: 3px;
|
}
|
.claro .dijitSlider .dijitSliderTopBumper {
|
-webkit-border-radius: 1.5px 1.5px 0 0;
|
border-radius: 1.5px 1.5px 0 0;
|
border: 0 none;
|
margin-top: 5px;
|
margin-bottom: -2px;
|
}
|
.claro .dijitSlider .dijitSliderBottomBumper {
|
-webkit-border-radius: 0 0 1.5px 1.5px;
|
border-radius: 0 0 1.5px 1.5px;
|
border: 0 none;
|
margin-bottom: 5px;
|
}
|
.claro .dijitSlider .dijitSliderProgressBarV,
|
.claro .dijitSlider .dijitSliderBottomBumper {
|
border: 0 none;
|
background-color: #3b8fc4;
|
background-image: none;
|
}
|
.claro .dijitSlider .dijitSliderRemainingBarV,
|
.claro .dijitSlider .dijitSliderTopBumper {
|
border: 0 none;
|
background-color: #ddd;
|
}
|
.claro .dijitSliderHover .dijitSliderProgressBarV,
|
.claro .dijitSliderHover .dijitSliderBottomBumper {
|
background-color: #3684b4;
|
background-image: none;
|
}
|
.claro .dijitSliderFocused .dijitSliderProgressBarV,
|
.claro .dijitSliderFocused .dijitSliderBottomBumper {
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitSliderFocused .dijitSliderRemainingBarV,
|
.claro .dijitSliderFocused .dijitSliderTopBumper {
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitSliderImageHandle {
|
background: #fff;
|
-webkit-box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2);
|
box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2);
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
border: 1px solid #3b8fc4;
|
width: 16px;
|
height: 16px;
|
margin-top: -2px;
|
position: absolute;
|
}
|
.claro .dijitSliderImageHandle:after {
|
content: "";
|
display: block;
|
background: #3b8fc4;
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
height: 10px;
|
width: 10px;
|
left: 2px;
|
top: 2px;
|
position: absolute;
|
}
|
.claro .dijitSliderHover .dijitSliderImageHandle,
|
.claro .dijitSliderFocused .dijitSliderImageHandle {
|
-webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3), 0 4px 6px rgba(0,0,0,0.2);
|
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3), 0 4px 6px rgba(0,0,0,0.2);
|
}
|
.claro .dijitSliderDisabled.dijitSliderFocused .dijitSliderImageHandle:after {
|
display: none;
|
}
|
.claro .dijitSliderDecrementIconH,
|
.claro .dijitSliderIncrementIconH,
|
.claro .dijitSliderDecrementIconV,
|
.claro .dijitSliderIncrementIconV {
|
height: 20px;
|
width: 20px;
|
cursor: pointer;
|
background: #fff;
|
border: 1px solid #ddd;
|
color: #3b8fc4;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
padding: 0;
|
}
|
.claro .dijitSliderHover .dijitSliderDecrementIconH,
|
.claro .dijitSliderActive .dijitSliderDecrementIconH,
|
.claro .dijitSliderHover .dijitSliderIncrementIconH,
|
.claro .dijitSliderActive .dijitSliderIncrementIconH,
|
.claro .dijitSliderHover .dijitSliderDecrementIconV,
|
.claro .dijitSliderActive .dijitSliderDecrementIconV,
|
.claro .dijitSliderHover .dijitSliderIncrementIconV,
|
.claro .dijitSliderActive .dijitSliderIncrementIconV {
|
background-color: #fff;
|
border-color: #ddd;
|
}
|
.claro .dijitSliderDecrementIconH:hover,
|
.claro .dijitSliderIncrementIconH:hover,
|
.claro .dijitSliderDecrementIconV:hover,
|
.claro .dijitSliderIncrementIconV:hover {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitSliderDecrementIconH:active,
|
.claro .dijitSliderIncrementIconH:active,
|
.claro .dijitSliderDecrementIconV:active,
|
.claro .dijitSliderIncrementIconV:active {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitSliderReadOnly .dijitSliderDecrementIconH,
|
.claro .dijitSliderDisabled .dijitSliderDecrementIconH,
|
.claro .dijitSliderReadOnly .dijitSliderDecrementIconV,
|
.claro .dijitSliderDisabled .dijitSliderDecrementIconV,
|
.claro .dijitSliderReadOnly .dijitSliderIncrementIconH,
|
.claro .dijitSliderDisabled .dijitSliderIncrementIconH,
|
.claro .dijitSliderReadOnly .dijitSliderIncrementIconV,
|
.claro .dijitSliderDisabled .dijitSliderIncrementIconV {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitSliderIncrementIconH:before,
|
.claro .dijitSliderIncrementIconV:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "a";
|
top: 0;
|
line-height: 20px;
|
font-size: 14px;
|
}
|
.claro .dijitSliderDecrementIconH:before,
|
.claro .dijitSliderDecrementIconV:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "b";
|
line-height: 20px;
|
font-size: 14px;
|
}
|
.claro .dijitRuleMark {
|
border: 1px solid #999;
|
}
|
.claro .dijitRuleMarkH {
|
border-right: 1px solid #999;
|
}
|
.claro .dijitRuleLabelContainerH {
|
margin-top: 2.5px;
|
margin-bottom: 2.5px;
|
}
|
.claro .dijitRuleLabelContainerV {
|
margin-left: 2.5px;
|
margin-right: 2.5px;
|
}
|
.claro .dijitTextBox,
|
.claro .dijitInputInner {
|
line-height: 20px;
|
}
|
.claro .dijitTextBox {
|
height: auto;
|
font-size: 14px;
|
background: #fff;
|
border: 1px solid #ddd;
|
padding: 0;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
-webkit-transition: border-color 0.25s ease;
|
-moz-transition: border-color 0.25s ease;
|
-o-transition: border-color 0.25s ease;
|
-ms-transition: border-color 0.25s ease;
|
transition: border-color 0.25s ease;
|
}
|
.claro .dijitTextArea {
|
padding: 5px 10px;
|
border: 1px solid #ddd;
|
}
|
.claro .dijitTextBox .dijitInputField {
|
background: transparent;
|
padding: 5px 10px;
|
}
|
.claro .dijitTextBox .dijitInputField .dijitPlaceHolder {
|
margin: 5px 10px;
|
margin-top: -1px;
|
}
|
.claro .dijitTextBox .dijitInputInner,
|
.claro .dijitValidationTextBox .dijitValidationContainer,
|
.claro .dijitTextBox .dijitInputField .dijitPlaceHolder {
|
padding: 0;
|
line-height: 20px !important;
|
height: 20px !important;
|
font-style: normal;
|
}
|
.claro .dijitTextBoxHover {
|
border-color: #3b8fc4;
|
}
|
.claro .dijitTextBoxFocused {
|
border-color: #3b8fc4;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
-webkit-transition-duration: 0.1s;
|
-moz-transition-duration: 0.1s;
|
-o-transition-duration: 0.1s;
|
-ms-transition-duration: 0.1s;
|
transition-duration: 0.1s;
|
}
|
.claro .dijitTextBoxDisabled {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitTextBoxError,
|
.claro .dijitTextBoxError .dijitButtonNode {
|
border-bottom-color: #da4d1e;
|
}
|
.claro .dijitTextBoxErrorFocused,
|
.claro .dijitTextBoxErrorFocused .dijitButtonNode {
|
border-bottom-color: #da4d1e;
|
}
|
.claro .dijitValidationTextBoxError {
|
border-color: #da4d1e;
|
}
|
.claro .dijitValidationTextBoxError .dijitValidationContainer {
|
color: #da4d1e;
|
width: 20px;
|
height: 20px;
|
padding: 5px;
|
background-image: none;
|
background-color: transparent;
|
border: 0 none;
|
-webkit-box-sizing: content-box;
|
-moz-box-sizing: content-box;
|
box-sizing: content-box;
|
}
|
.claro .dijitValidationTextBoxError .dijitValidationContainer:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "w";
|
font-size: 20px;
|
}
|
.claro .dijitValidationTextBoxError .dijitValidationIcon {
|
display: none;
|
}
|
.claro .dijitPopup {
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitTooltipDialogPopup {
|
/* exception popups: do not use a shadow on these because they aren't rectangular */
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitDialog {
|
background: #fff;
|
border: 0 none;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitDialogPaneContent {
|
background: #fff;
|
padding: 10px;
|
border-top: 0 none;
|
position: relative;
|
/* content pane: action bar */
|
}
|
.claro .dijitDialogPaneContent .dijitDialogPaneContentArea {
|
margin: -10px;
|
padding: 10px;
|
}
|
.claro .dijitDialogPaneContent .dijitDialogPaneActionBar {
|
/* the bar at bottom with OK/Cancel buttons */
|
background-color: transparent;
|
border-top: 0 none;
|
padding-top: 10px;
|
text-align: right;
|
position: relative;
|
margin: -10px;
|
padding: 10px;
|
}
|
.claro .dijitTooltipDialog .dijitDialogPaneActionBar {
|
margin: 10px -10px -5px;
|
}
|
.claro .dijitDialogPaneActionBar .dijitButton {
|
float: none;
|
}
|
.claro .dijitDialogTitleBar {
|
/* outer container for the titlebar of the dialog */
|
height: 40px;
|
background-color: #fff;
|
border: 0 none;
|
border-bottom: 0 none;
|
padding: 10px;
|
text-align: center;
|
line-height: 20px;
|
margin: 0;
|
border-bottom: 1px solid #ddd;
|
cursor: move;
|
}
|
.claro .dijitDialogTitle {
|
/* typography and styling of the dialog title */
|
font-size: 14px;
|
color: #333;
|
}
|
.claro .dijitDialogCloseIcon {
|
/* the default close icon for the dialog */
|
width: 20px;
|
height: 20px;
|
background-image: none;
|
cursor: pointer;
|
position: absolute;
|
top: 10px;
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
}
|
.claro .dijitDialogCloseIcon:before {
|
content: 'j';
|
font-size: 20px;
|
}
|
.claro .dijitDialogCloseIcon .closeText {
|
display: none;
|
}
|
.claro .dijitDialogCloseIconHover,
|
.claro .dijitDialogCloseIconActive {
|
opacity: 1;
|
-ms-filter: none;
|
filter: none;
|
}
|
.claro .dijitDialogFocused {
|
outline: 1px solid #3b8fc4;
|
}
|
.claro .dijitDialogUnderlay {
|
background-color: #000;
|
opacity: 0.2;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
|
filter: alpha(opacity=20);
|
}
|
.claro .dijitTooltip,
|
.claro .dijitTooltipDialog {
|
/* the outermost dom node, holding the connector and container */
|
background: transparent; /* make the area on the sides of the arrow transparent */
|
}
|
.claro .dijitTooltipContainer {
|
background-color: #333;
|
background-image: none;
|
font-size: 12px;
|
padding: 5px 10px;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
opacity: 0.8;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
filter: alpha(opacity=80);
|
}
|
.claro .dijitTooltip .dijitTooltipContainer {
|
color: #fff;
|
border: 0 none;
|
}
|
.claro .dijitTooltipConnector {
|
/* the arrow */
|
background-image: none;
|
z-index: 2;
|
width: auto;
|
height: auto;
|
opacity: 0.8;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
filter: alpha(opacity=80);
|
}
|
.claro .dijitTooltipABRight .dijitTooltipConnector {
|
/* above or below tooltip, but the arrow appears on the right,
|
and the right edges of target and tooltip are aligned rather than the left */
|
left: auto !important;
|
right: 10px;
|
}
|
.claro .dijitTooltipBelow {
|
/* leave room for arrow above content */
|
padding-top: 4px;
|
}
|
.claro .dijitTooltipBelow .dijitTooltipConnector {
|
/* the arrow piece for tooltips below an element */
|
width: auto;
|
height: auto;
|
top: 0;
|
left: 10px;
|
border-bottom: 4px solid #333;
|
border-left: 4px solid transparent;
|
border-right: 4px solid transparent;
|
border-top: 0;
|
}
|
.claro .dijitTooltipAbove {
|
/* leave room for arrow below content */
|
padding-bottom: 4px;
|
}
|
.claro .dijitTooltipAbove .dijitTooltipConnector {
|
/* the arrow piece for tooltips above an element */
|
width: auto;
|
height: auto;
|
bottom: 0;
|
left: 10px;
|
border-top: 4px solid #333;
|
border-left: 4px solid transparent;
|
border-right: 4px solid transparent;
|
border-bottom: 0;
|
}
|
.claro .dijitTooltipLeft {
|
padding-right: 4px;
|
}
|
.claro .dijitTooltipLeft .dijitTooltipConnector {
|
/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
|
width: auto;
|
height: auto;
|
right: 0;
|
border-left: 4px solid #333;
|
border-bottom: 4px solid transparent;
|
border-top: 4px solid transparent;
|
border-right: 0;
|
}
|
.claro .dijitTooltipRight {
|
padding-left: 4px;
|
}
|
.claro .dijitTooltipRight .dijitTooltipConnector {
|
/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
|
width: auto;
|
height: auto;
|
left: 0;
|
border-bottom: 4px solid transparent;
|
border-top: 4px solid transparent;
|
border-right: 4px solid #333;
|
}
|
.claro .dijitTooltipDialog .dijitTooltipContainer {
|
background-color: #fff;
|
border: 0 none;
|
padding: 10px 20px;
|
-webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
|
box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
|
opacity: 1;
|
-ms-filter: none;
|
filter: none;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipBelow {
|
padding-top: 6px;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipAbove {
|
padding-bottom: 6px;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipLeft {
|
padding-right: 6px;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipRight {
|
padding-left: 6px;
|
}
|
.claro .dijitTooltipDialog .dijitTooltipConnector {
|
height: 0;
|
width: 0;
|
position: absolute;
|
z-index: 2;
|
opacity: 1;
|
-ms-filter: none;
|
filter: none;
|
}
|
.claro .dijitTooltipDialog .dijitTooltipConnector:after {
|
content: "";
|
height: 0;
|
width: 0;
|
position: absolute;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipAbove .dijitTooltipConnector {
|
border-color: #ddd transparent transparent;
|
border-width: 7px 7px 0; /* one extra pixel is added as the border of the arrows */
|
border-style: solid;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipAbove .dijitTooltipConnector:after {
|
border-color: #fff transparent transparent;
|
border-width: 6px 6px 0;
|
border-style: solid;
|
left: -6px;
|
top: -7px;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipBelow .dijitTooltipConnector {
|
border-color: transparent transparent #ddd;
|
border-width: 0 7px 7px;
|
border-style: solid;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipBelow .dijitTooltipConnector:after {
|
border-color: transparent transparent #fff;
|
border-width: 0 6px 6px;
|
border-style: solid;
|
left: -6px;
|
bottom: -7px;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipLeft .dijitTooltipConnector {
|
border-color: transparent transparent transparent #ddd;
|
border-width: 7px 0 7px 7px;
|
border-style: solid;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipLeft .dijitTooltipConnector:after {
|
border-color: transparent transparent transparent #fff;
|
border-width: 6px 0 6px 6px;
|
border-style: solid;
|
top: -6px;
|
left: -7px;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipRight .dijitTooltipConnector {
|
border-color: transparent #ddd transparent transparent;
|
border-width: 7px 7px 7px 0;
|
border-style: solid;
|
}
|
.claro .dijitTooltipDialog.dijitTooltipRight .dijitTooltipConnector:after {
|
border-color: transparent #fff transparent transparent;
|
border-width: 6px 6px 6px 0;
|
border-style: solid;
|
top: -6px;
|
right: -7px;
|
}
|
.claro .dijitMenu {
|
background-color: #fff;
|
border: 1px solid #3b8fc4;
|
/* so adjoining borders of MenuBar/ComboBox and Menu overlap, avoiding double border */
|
margin: 0;
|
-webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
|
box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
|
}
|
.claro .dijitMenuTable,
|
.claro .dijitComboBoxMenu {
|
padding: 0;
|
}
|
.claro .dijitComboBoxMenu {
|
margin-left: 0;
|
background-image: none;
|
}
|
.claro .dijitMenuTable {
|
/* this prevents jiggling upon hover of a menu item */
|
border-collapse: separate;
|
border-spacing: 0 0;
|
}
|
.claro .dijitMenuItem,
|
.claro .dijitMenuItem td {
|
color: #6d6e70;
|
font-weight: normal;
|
line-height: 20px;
|
padding: 5px 10px;
|
white-space: nowrap;
|
}
|
.claro .dijitMenuItemHover td,
|
.claro .dijitMenuItemHover {
|
background-color: #f1f1f1;
|
color: #333;
|
}
|
.claro .dijitMenuItemActive td,
|
.claro .dijitMenuItemActive {
|
background-color: #f1f1f1;
|
background-image: none;
|
color: #333;
|
}
|
.claro .dijitMenuItemSelected td,
|
.claro .dijitMenuItemSelected {
|
background-color: #f1f1f1;
|
color: #333;
|
}
|
.claro .dijitSelectMenu .dijitMenuSeparatorTop {
|
height: auto;
|
margin-top: 1px; /* prevents spacing above/below separator */
|
border-bottom: 1px solid #ddd;
|
}
|
.claro .dijitSelectMenu .dijitMenuSeparatorBottom {
|
height: auto;
|
margin-bottom: 1px;
|
border-top: 1px solid transparent;
|
}
|
.claro td.dijitMenuItemIconCell {
|
padding: 5px;
|
margin: 0 0 0 5px;
|
}
|
.claro .dijitMenuExpand {
|
background-image: none;
|
width: 20px;
|
height: 20px;
|
margin: 0;
|
}
|
.claro .dijitMenuExpand:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "r";
|
font-size: 20px;
|
}
|
.claro .dijitCheckedMenuItem .dijitMenuItemIcon,
|
.claro .dijitRadioMenuItem .dijitMenuItemIcon {
|
background-image: none;
|
width: 16px;
|
height: 16px;
|
vertical-align: top;
|
}
|
.claro .dijitCheckedMenuItemIconChar {
|
display: none;
|
}
|
.claro .dijitMenuPreviousButton,
|
.claro .dijitMenuNextButton {
|
font-style: italic;
|
}
|
.claro .dijitMenuBar {
|
margin: 0;
|
padding: 0;
|
background-color: #fff;
|
}
|
.claro .dijitMenuBar .dijitMenuItem {
|
padding: 5px 10px;
|
margin: 0;
|
}
|
.claro .dijitMenuBar .dijitMenuItemHover {
|
background-color: #f1f1f1;
|
}
|
.claro .dijitMenuBar .dijitMenuItemActive {
|
background-color: #f1f1f1;
|
}
|
.claro .dijitMenuBar .dijitMenuItemSelected,
|
.claro .dijitMenuBar .dijitMenuItemHover.dijitMenuItemSelected,
|
.claro .dijitMenuBar .dijitMenuItemActive.dijitMenuItemSelected {
|
background-color: #f1f1f1;
|
color: #333;
|
}
|
.claro .dijitMenuPopup .dijitMenuItem,
|
.claro .dijitMenuPopup .dijitMenuItem td {
|
border: 0 none;
|
padding: 5px 10px;
|
}
|
.claro .dijitMenu .dijitMenuItem td,
|
.claro .dijitComboBoxMenu .dijitMenuItem {
|
padding: 5px 10px;
|
border: 0 none;
|
}
|
.claro .dijitMenu .dijitMenuItemHover td,
|
.claro .dijitMenu .dijitMenuItemSelected td,
|
.claro .dijitMenuItemHover,
|
.claro .dijitComboBoxMenu .dijitMenuItemHover,
|
.claro .dijitMenuItemSelected {
|
background-image: none;
|
background-color: #f1f1f1;
|
color: #333;
|
}
|
.claro .dijitMenu .dijitMenuItemSelected td,
|
.claro .dijitComboBoxMenu .dijitMenuItemSelected {
|
border: 0 none;
|
background-color: #f1f1f1;
|
color: #333;
|
}
|
.claro .dijitToolbar {
|
background-color: #f5f5f5;
|
background-image: none;
|
border-bottom: 1px solid #ddd;
|
padding: 5px;
|
zoom: 1;
|
/* Override default button styles */
|
/* Hover */
|
/* Active */
|
/* Toggle button checked status */
|
}
|
.claro .dijitToolbar * {
|
outline: none;
|
}
|
.claro .dijitToolbar label {
|
padding: 10px;
|
}
|
.claro .dijitToolbar .dijitButtonContents {
|
padding: 0;
|
}
|
.claro .dijitToolbar .dijitToggleButton,
|
.claro .dijitToolbar .dijitButton,
|
.claro .dijitToolbar .dijitDropDownButton,
|
.claro .dijitToolbar .dijitComboButton {
|
margin-right: 5px;
|
}
|
.claro .dijitToolbar .dijitButton .dijitButtonNode,
|
.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
|
.claro .dijitToolbar .dijitComboButton .dijitButtonNode,
|
.claro .dijitToolbar .dijitToggleButton .dijitButtonNode,
|
.claro .dijitToolbar .dijitComboBox .dijitButtonNode {
|
min-width: 0;
|
color: #6d6e70;
|
border: 1px solid transparent;
|
padding: 10px;
|
background: transparent;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
-webkit-transition-property: background-color;
|
-moz-transition-property: background-color;
|
-o-transition-property: background-color;
|
-ms-transition-property: background-color;
|
transition-property: background-color;
|
-webkit-transition-duration: 0.3s;
|
-moz-transition-duration: 0.3s;
|
-o-transition-duration: 0.3s;
|
-ms-transition-duration: 0.3s;
|
transition-duration: 0.3s;
|
}
|
.claro .dijitToolbar .dijitToggleButton .dijitIcon {
|
display: inline-block;
|
}
|
.claro .dijitToolbar .dijitComboButton .dijitStretch {
|
/* no rounded border on side adjacent to arrow */
|
padding: 10px;
|
-webkit-border-radius: 2px 0 0 2px;
|
border-radius: 2px 0 0 2px;
|
}
|
.claro .dijitToolbar .dijitComboButton .dijitArrowButton {
|
padding: 9px 0;
|
border: 1px solid transparent;
|
border-left: 0 none;
|
/* no rounded border on side adjacent to button */
|
-webkit-border-radius: 0 2px 2px 0;
|
border-radius: 0 2px 2px 0;
|
}
|
.claro .dijitToolbar .dijitComboBox .dijitInputInner {
|
padding: 0;
|
}
|
.claro .dijitToolbar .dijitDropDownButton .dijitArrowButtonInner {
|
margin-left: 5px;
|
}
|
.claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
|
.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
|
.claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
|
.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode {
|
background-color: #fff;
|
border: 1px solid #ddd;
|
}
|
.claro .dijitToolbar .dijitComboButtonHover .dijitArrowButton {
|
border-left: 0 none;
|
}
|
.claro .dijitToolbar .dijitButtonActive .dijitButtonNode,
|
.claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode,
|
.claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {
|
background-color: #e6e6e6;
|
border: 1px solid #ddd;
|
}
|
.claro .dijitToolbar .dijitComboButtonActive .dijitArrowButton {
|
border-left: 0 none;
|
}
|
.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
|
background-color: #e6e6e6;
|
border: 1px solid #ddd;
|
}
|
.claro .dijitToolbarSeparator {
|
width: 1px;
|
height: 20px;
|
background-color: #ddd;
|
padding: 0;
|
margin: 0 5px;
|
}
|
.claro .dijitDisabled .dijitToolbar {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.dj_rtl .dijitToolbar .dijitToggleButton,
|
.dj_rtl .dijitToolbar .dijitButton,
|
.dj_rtl .dijitToolbar .dijitDropDownButton,
|
.dj_rtl .dijitToolbar .dijitComboButton {
|
margin-left: 5px;
|
margin-right: 0;
|
}
|
.claro .dijitTimePickerPopup {
|
height: 200px;
|
}
|
.claro .dijitTimePicker {
|
background: #fff;
|
padding: 0;
|
border: 0 none;
|
}
|
.claro .dijitTimePickerItem {
|
margin: 0;
|
background-image: none;
|
border: 0 none;
|
line-height: 20px;
|
padding: 5px 10px;
|
}
|
.claro .dijitTimePickerTick {
|
/* minor value */
|
background-color: #fff;
|
color: #6d6e70;
|
font-size: 12px;
|
}
|
.claro .dijitTimePickerMarker {
|
/* major value - 1:00, 2:00, times on the hour */
|
background: #f5f5f5;
|
white-space: nowrap;
|
border: 0 none;
|
}
|
.claro .dijitTimePickerTickHover,
|
.claro .dijitTimePickerMarkerHover {
|
background: #f1f1f1;
|
color: #333;
|
}
|
.claro .dijitTimePickerMarkerSelected,
|
.claro .dijitTimePickerTickSelected {
|
background: #f1f1f1;
|
color: #333;
|
}
|
.claro .dijitTimePickerTick .dijitTimePickerItemInner,
|
.claro .dijitTimePickerMarker .dijitTimePickerItemInner {
|
padding: 0;
|
margin: 0;
|
}
|
.claro .dijitProgressBar {
|
height: 16px;
|
line-height: 16px;
|
background-color: #f1f1f1;
|
border: 0 none;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
}
|
.claro .dijitProgressBarTile {
|
background: #3b8fc4 url("images/progressBarStrips.png") repeat-x top;
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
-moz-animation: progress-bar-stripes 2s linear infinite;
|
-o-animation: progress-bar-stripes 2s linear infinite;
|
-ms-animation: progress-bar-stripes 2s linear infinite;
|
animation: progress-bar-stripes 2s linear infinite;
|
}
|
.claro .dijitProgressBarFull {
|
border: 0 none;
|
-webkit-transition-property: width;
|
-moz-transition-property: width;
|
-o-transition-property: width;
|
-ms-transition-property: width;
|
transition-property: width;
|
-webkit-transition-duration: 0.25s;
|
-moz-transition-duration: 0.25s;
|
-o-transition-duration: 0.25s;
|
-ms-transition-duration: 0.25s;
|
transition-duration: 0.25s;
|
}
|
.claro .dijitProgressBarIndeterminate {
|
height: 16px;
|
}
|
.claro .dijitProgressBarIndeterminate .dijitProgressBarTile {
|
background: #3b8fc4 url("images/progressBarStrips.png") repeat-x top;
|
}
|
.claro .dijitProgressBarLabel {
|
color: #fff;
|
color: rgba(0,0,0,0.65);
|
font-size: 10px;
|
}
|
@-moz-keyframes progress-bar-stripes {
|
from {
|
background-position: 75px 0;
|
}
|
to {
|
background-position: 0 0;
|
}
|
}
|
@-webkit-keyframes progress-bar-stripes {
|
from {
|
background-position: 75px 0;
|
}
|
to {
|
background-position: 0 0;
|
}
|
}
|
@-o-keyframes progress-bar-stripes {
|
from {
|
background-position: 75px 0;
|
}
|
to {
|
background-position: 0 0;
|
}
|
}
|
@keyframes progress-bar-stripes {
|
from {
|
background-position: 75px 0;
|
}
|
to {
|
background-position: 0 0;
|
}
|
}
|
.claro .dijitCalendar {
|
background-color: #fff;
|
text-align: center;
|
padding: #6d6e70;
|
border: 0 none;
|
border-collapse: separate;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
-webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
|
box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
|
}
|
.claro .dijitCalendarHover,
|
.claro .dijitCalendar:hover,
|
.claro .dijitCalendarActive {
|
background-color: #fff;
|
border: 0 none;
|
}
|
.claro .dijitCalendarMonthContainer th {
|
text-align: center;
|
line-height: $line-height;
|
vertical-align: middle;
|
margin: #6d6e70 0;
|
}
|
.claro .dijitCalendarIncrementControl {
|
background-image: none;
|
height: 20px;
|
width: 20px;
|
border: 1px solid #ddd;
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
}
|
.claro .dijitCalendarIncrementControl:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
color: #3b8fc4;
|
font-size: 20px;
|
position: relative;
|
left: -1px;
|
}
|
.claro .dijitCalendarDecrease:before {
|
content: "f";
|
}
|
.claro .dijitCalendarIncrease:before {
|
content: "e";
|
}
|
.claro .dijitCalendarArrowHover .dijitCalendarIncrementControl,
|
.claro .dijitCalendarArrow:hover .dijitCalendarIncrementControl,
|
.claro .dijitCalendarNextYearHover,
|
.claro .dijitCalendarNextYear:hover,
|
.claro .dijitCalendarPreviousYearHover,
|
.claro .dijitCalendarPreviousYear:hover {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitCalendarArrowActive .dijitCalendarIncrementControl,
|
.claro .dijitCalendarArrow:active .dijitCalendarIncrementControl,
|
.claro .dijitCalendarNextYearActive,
|
.claro .dijitCalendarNextYear:active,
|
.claro .dijitCalendarPreviousYearActive,
|
.claro .dijitCalendarPreviousYear:active {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitA11ySideArrow {
|
/* text +/- labels instead of arrow icons, for high contrast mode */
|
display: none;
|
}
|
.claro .dijitCalendarContainer th,
|
.claro .dijitCalendarContainer td {
|
color: 0 none;
|
padding: 5px;
|
}
|
.claro .dijitCalendarDayLabelTemplate {
|
text-align: center;
|
border-bottom: 1px solid #ddd;
|
}
|
.claro .dijitCalendarDayLabel {
|
font-size: 12px;
|
font-weight: bold;
|
text-align: center;
|
}
|
.claro .dijitCalendarDateTemplate {
|
font-size: 12px;
|
font-weight: normal;
|
letter-spacing: 0.05em;
|
text-align: center;
|
border-bottom: 0 none;
|
}
|
.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel {
|
height: 24px;
|
width: 24px;
|
text-decoration: none;
|
display: block;
|
padding: 5px 0;
|
border: 1px solid transparent;
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
}
|
.claro .dijitCalendarPreviousMonth,
|
.claro .dijitCalendarNextMonth {
|
background-color: transparent;
|
}
|
.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
|
.claro .dijitCalendarNextMonth .dijitCalendarDateLabel {
|
color: #6d6e70;
|
}
|
.claro .dijitCalendarCurrentDate .dijitCalendarDateLabel {
|
border-color: #3b8fc4;
|
}
|
.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel,
|
.claro .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
|
background-color: #3b8fc4;
|
color: #fff;
|
text-shadow: $calendar-date-cell-hovered-text-shadow;
|
}
|
.claro .dijitCalendarActiveDate .dijitCalendarDateLabel,
|
.claro .dijitCalendarEnabledDate:active .dijitCalendarDateLabel {
|
background-color: #3b8fc4;
|
color: #fff;
|
text-shadow: $calendar-date-cell-active-text-shadow;
|
}
|
.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel {
|
background-color: #3b8fc4;
|
color: #fff;
|
text-shadow: $calendar-date-cell-selected-text-shadow;
|
}
|
.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitCalendarYearContainer {
|
vertical-align: middle;
|
}
|
.claro .dijitCalendarYearLabel {
|
padding: 5px 0 0 0;
|
margin: 0;
|
font-size: 1.15em;
|
}
|
.claro .dijitCalendarYearLabel span {
|
vertical-align: middle;
|
}
|
.claro .dijitCalendarSelectedYear,
|
.claro .dijitCalendarNextYear,
|
.claro .dijitCalendarPreviousYear {
|
padding: 5px;
|
}
|
.claro .dijitCalendarSelectedYear {
|
color: #3b8fc4;
|
}
|
.claro .dijitCalendarNextYear,
|
.claro .dijitCalendarPreviousYear {
|
color: #3b8fc4;
|
font-size: 0.9em;
|
border: 1px solid transparent;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
}
|
.claro .dijitCalendarSelectedYear {
|
padding: 0 5px;
|
}
|
.claro .dijitCalendar .dijitDropDownButton {
|
margin: 0;
|
}
|
.claro .dijitCalendar .dijitDropDownButton .dijitButtonNode {
|
font-size: 12px;
|
}
|
.claro .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode,
|
.claro .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitCalendarMonthMenu {
|
padding: 0 0;
|
}
|
.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
|
font-size: 1em;
|
color: #6d6e70;
|
line-height: 20px;
|
padding: 5px 10px;
|
border: 0 none;
|
}
|
.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
|
color: #333;
|
background-color: #f1f1f1;
|
background-image: none;
|
}
|
.claro .dijitTreeIsRoot {
|
background: transparent;
|
}
|
.claro .dijitTreeRow,
|
.claro .dijitTreeNode .dojoDndItemBefore,
|
.claro .dijitTreeNode .dojoDndItemAfter {
|
padding: 5px 0;
|
border: 0 none;
|
line-height: 20px;
|
-webkit-transition-property: background-color, border-color;
|
-moz-transition-property: background-color, border-color;
|
-o-transition-property: background-color, border-color;
|
-ms-transition-property: background-color, border-color;
|
transition-property: background-color, border-color;
|
-webkit-transition-duration: 0.15s;
|
-moz-transition-duration: 0.15s;
|
-o-transition-duration: 0.15s;
|
-ms-transition-duration: 0.15s;
|
transition-duration: 0.15s;
|
-webkit-transition-timing-function: ease-out;
|
-moz-transition-timing-function: ease-out;
|
-o-transition-timing-function: ease-out;
|
-ms-transition-timing-function: ease-out;
|
transition-timing-function: ease-out;
|
}
|
.claro .dijitTreeRowHover {
|
background: #f1f1f1;
|
border: 0 none;
|
-webkit-transition-duration: 0.15s;
|
-moz-transition-duration: 0.15s;
|
-o-transition-duration: 0.15s;
|
-ms-transition-duration: 0.15s;
|
transition-duration: 0.15s;
|
}
|
.claro .dijitTreeRowActive {
|
background: #f1f1f1;
|
border: 0 none;
|
}
|
.claro .dijitTreeRowSelected,
|
.claro .dijitTreeRowHover.dijitTreeRowSelected,
|
.claro .dijitTreeRowActive.dijitTreeRowSelected {
|
color: #fff;
|
background: #3b8fc4 !important;
|
border: 0 none;
|
}
|
.claro .dijitTreeRowSelected .dijitTreeExpando,
|
.claro .dijitTreeRowHover.dijitTreeRowSelected .dijitTreeExpando,
|
.claro .dijitTreeRowActive.dijitTreeRowSelected .dijitTreeExpando,
|
.claro .dijitTreeRowSelected .dijitFolderClosed,
|
.claro .dijitTreeRowHover.dijitTreeRowSelected .dijitFolderClosed,
|
.claro .dijitTreeRowActive.dijitTreeRowSelected .dijitFolderClosed,
|
.claro .dijitTreeRowSelected .dijitFolderOpened,
|
.claro .dijitTreeRowHover.dijitTreeRowSelected .dijitFolderOpened,
|
.claro .dijitTreeRowActive.dijitTreeRowSelected .dijitFolderOpened {
|
color: #fff;
|
background-image: none !important;
|
}
|
.claro .dijitTreeExpando {
|
color: #3b8fc4;
|
background-image: none;
|
width: 16px;
|
height: 16px;
|
line-height: 16px;
|
text-align: center;
|
margin-left: 5px;
|
margin-right: 5px;
|
}
|
.claro .dijitTreeExpando:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
}
|
.claro .dijitTreeExpandoOpened:before {
|
content: "g";
|
cursor: pointer;
|
}
|
.claro .dijitTreeExpandoClosed:before {
|
content: "e";
|
cursor: pointer;
|
}
|
.claro .dijitFolderClosed {
|
color: #6d6e70;
|
background-image: none !important;
|
}
|
.claro .dijitFolderClosed:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "z";
|
}
|
.claro .dijitFolderOpened {
|
color: #6d6e70;
|
background-image: none !important;
|
}
|
.claro .dijitFolderOpened:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "y";
|
}
|
.claro .dijitTreeExpandoLoading:before {
|
content: "o";
|
-webkit-animation: spinning 2s linear infinite;
|
-moz-animation: spinning 2s linear infinite;
|
-o-animation: spinning 2s linear infinite;
|
-ms-animation: spinning 2s linear infinite;
|
animation: spinning 2s linear infinite;
|
}
|
.claro .dj_ie8 .dijitTreeExpandoLoading,
|
.claro .dj_ie9 .dijitTreeExpandoLoading {
|
background: url("images/loadingAnimation.gif") no-repeat;
|
}
|
.claro .dj_ie8 .dijitTreeExpandoLoading:before,
|
.claro .dj_ie9 .dijitTreeExpandoLoading:before {
|
content: "";
|
}
|
@-moz-keyframes spinning {
|
from {
|
-webkit-transform: rotate(0);
|
-moz-transform: rotate(0);
|
-o-transform: rotate(0);
|
-ms-transform: rotate(0);
|
transform: rotate(0);
|
}
|
to {
|
-webkit-transform: rotate(360deg);
|
-moz-transform: rotate(360deg);
|
-o-transform: rotate(360deg);
|
-ms-transform: rotate(360deg);
|
transform: rotate(360deg);
|
}
|
}
|
@-webkit-keyframes spinning {
|
from {
|
-webkit-transform: rotate(0);
|
-moz-transform: rotate(0);
|
-o-transform: rotate(0);
|
-ms-transform: rotate(0);
|
transform: rotate(0);
|
}
|
to {
|
-webkit-transform: rotate(360deg);
|
-moz-transform: rotate(360deg);
|
-o-transform: rotate(360deg);
|
-ms-transform: rotate(360deg);
|
transform: rotate(360deg);
|
}
|
}
|
@-o-keyframes spinning {
|
from {
|
-webkit-transform: rotate(0);
|
-moz-transform: rotate(0);
|
-o-transform: rotate(0);
|
-ms-transform: rotate(0);
|
transform: rotate(0);
|
}
|
to {
|
-webkit-transform: rotate(360deg);
|
-moz-transform: rotate(360deg);
|
-o-transform: rotate(360deg);
|
-ms-transform: rotate(360deg);
|
transform: rotate(360deg);
|
}
|
}
|
@keyframes spinning {
|
from {
|
-webkit-transform: rotate(0);
|
-moz-transform: rotate(0);
|
-o-transform: rotate(0);
|
-ms-transform: rotate(0);
|
transform: rotate(0);
|
}
|
to {
|
-webkit-transform: rotate(360deg);
|
-moz-transform: rotate(360deg);
|
-o-transform: rotate(360deg);
|
-ms-transform: rotate(360deg);
|
transform: rotate(360deg);
|
}
|
}
|
.claro .dgrid {
|
position: relative;
|
overflow: hidden;
|
background-color: #fff;
|
border: 1px solid #ddd;
|
height: 30em;
|
display: block;
|
}
|
.claro .dgrid-header {
|
background-color: #f1f1f1;
|
}
|
.claro .dgrid-header-row {
|
position: absolute;
|
right: 0px;
|
left: 0;
|
}
|
.claro .dgrid-header-scroll {
|
position: absolute;
|
top: 0;
|
right: 0;
|
}
|
.claro .dgrid-footer {
|
position: absolute;
|
bottom: 0;
|
width: 100%;
|
}
|
.claro .dgrid-header-hidden {
|
font-size: 0;
|
height: 0 !important;
|
border-top: none !important;
|
border-bottom: none !important;
|
margin-top: 0 !important;
|
margin-bottom: 0 !important;
|
padding-top: 0 !important;
|
padding-bottom: 0 !important;
|
}
|
.claro .dgrid-footer-hidden {
|
display: none;
|
}
|
.claro .dgrid-sortable {
|
cursor: pointer;
|
}
|
.claro .dgrid-header,
|
.claro .dgrid-header-row,
|
.claro .dgrid-footer {
|
overflow: hidden;
|
background-color: #f1f1f1;
|
}
|
.claro .dgrid-row-table {
|
border-collapse: collapse;
|
border: none;
|
table-layout: fixed;
|
empty-cells: show;
|
width: 100%;
|
height: 100%;
|
}
|
.claro .dgrid-cell {
|
padding: 3px;
|
text-align: left;
|
overflow: hidden;
|
vertical-align: top;
|
border: 1px solid #ddd;
|
border-top-style: none;
|
-webkit-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
box-sizing: border-box;
|
}
|
.claro .dgrid-content {
|
position: relative;
|
height: 99%;
|
}
|
.claro .dgrid-scroller {
|
overflow-x: auto;
|
overflow-y: scroll;
|
position: absolute;
|
top: 0px;
|
margin-top: 25px;
|
bottom: 0px;
|
width: 100%;
|
}
|
.claro .dgrid-preload {
|
font-size: 0;
|
line-height: 0;
|
}
|
.claro .dgrid-loading {
|
position: relative;
|
height: 100%;
|
}
|
.claro .dgrid-above {
|
position: absolute;
|
bottom: 0;
|
}
|
.claro .ui-icon {
|
width: 20px;
|
height: 20px;
|
background-image: none;
|
}
|
.claro .ui-icon:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
}
|
.claro .dgrid-sort-arrow {
|
display: block;
|
float: right;
|
margin: 0 5px 0 5px;
|
height: 20px;
|
color: #3b8fc4;
|
}
|
.claro .dgrid-sort-arrow:before {
|
content: "g";
|
font-size: 20px;
|
}
|
.claro .dgrid-sort-up .dgrid-sort-arrow:before {
|
content: "d";
|
font-size: 20px;
|
}
|
.claro .dgrid-selected {
|
background-color: $dgrid-row-active-bg-color;
|
}
|
.claro html.has-mozilla .dgrid-focus {
|
outline-offset: -1px;
|
}
|
.claro .dgrid-scrollbar-measure {
|
width: 100px;
|
height: 100px;
|
overflow: scroll;
|
position: absolute;
|
top: -9999px;
|
}
|
.claro .dgrid-autoheight {
|
height: auto;
|
}
|
.claro .dgrid-autoheight .dgrid-scroller {
|
position: relative;
|
overflow-y: hidden;
|
}
|
.claro .dgrid-autoheight .dgrid-header-scroll {
|
display: none;
|
}
|
.claro .dgrid-autoheight .dgrid-header {
|
right: 0;
|
}
|
.dgrid-column-set {
|
overflow: hidden;
|
width: 100%;
|
position: relative;
|
height: 100%;
|
-ms-touch-action: pan-y;
|
touch-action: pan-y;
|
}
|
.dgrid-column-set-cell {
|
vertical-align: top;
|
height: 100%;
|
}
|
.dgrid-column-set-scroller-container {
|
font-size: 0;
|
position: absolute;
|
bottom: 0;
|
}
|
.dgrid-autoheight .dgrid-column-set-scroller-container {
|
position: relative;
|
}
|
.dgrid-column-set-scroller {
|
display: inline-block;
|
overflow-x: auto;
|
overflow-y: hidden;
|
}
|
.dgrid-column-set-scroller-content {
|
height: 1px;
|
}
|
.claro .dgrid-hider-toggle {
|
width: 16px;
|
height: 16px;
|
background-image: none;
|
background-color: transparent;
|
padding: 0;
|
border: none;
|
cursor: pointer;
|
position: absolute;
|
right: 0;
|
top: 5px;
|
}
|
.claro .dgrid-hider-toggle:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "A";
|
color: #6d6e70;
|
}
|
.claro .dgrid-rtl-swap .dgrid-hider-toggle {
|
right: auto;
|
left: 0;
|
}
|
.claro .dgrid-hider-menu {
|
position: absolute;
|
top: 0;
|
right: 17px;
|
width: 184px;
|
color: #6d6e70;
|
background-color: #fff;
|
border: 1px solid #3b8fc4;
|
z-index: 99999;
|
padding: 0;
|
overflow-x: hidden;
|
overflow-y: auto;
|
-webkit-border-radius: 2px;
|
border-radius: 2px;
|
-webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
|
box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2);
|
}
|
.claro .dgrid-rtl-swap .dgrid-hider-menu {
|
right: auto;
|
left: 17px;
|
}
|
.claro .dgrid-hider-menu-row {
|
position: relative;
|
padding: 5px 10px;
|
}
|
.claro .dgrid-hider-menu-check {
|
position: absolute;
|
top: 10px;
|
left: 10px;
|
padding: 0;
|
}
|
.claro .dgrid-hider-menu-label {
|
display: block;
|
padding-left: 20px;
|
}
|
.claro .dgrid-header .dojoDndTarget .dgrid-cell {
|
display: table-cell;
|
}
|
.claro .dgrid-header .dojoDndItemBefore {
|
border-left: 2px dotted #3b8fc4 !important;
|
}
|
.claro .dgrid-header .dojoDndItemAfter {
|
border-right: 2px dotted #3b8fc4 !important;
|
}
|
.claro .dgrid-column-resizer {
|
position: absolute;
|
width: 1px;
|
background-color: #3b8fc4;
|
z-index: 1000;
|
}
|
.claro .dgrid-resize-handle {
|
height: 100px;
|
width: 0;
|
position: absolute;
|
right: -10px;
|
top: -10px;
|
cursor: col-resize;
|
z-index: 999;
|
border-left: 5px solid transparent;
|
outline: none;
|
}
|
.claro .dgrid-resize-header-container {
|
height: 100%;
|
}
|
.claro html.has-touch .dgrid-resize-handle {
|
border-left: 20px solid transparent;
|
}
|
.claro html.has-touch .dgrid-column-resizer {
|
width: 1px;
|
}
|
.claro .dgrid-resize-header-container {
|
position: relative;
|
}
|
.claro .dgrid-header .dgrid-cell {
|
overflow: hidden;
|
}
|
.claro .dgrid-spacer-row {
|
height: 0;
|
}
|
.claro .dgrid-spacer-row th {
|
padding-top: 0;
|
padding-bottom: 0;
|
border-top: none;
|
border-bottom: none;
|
}
|
.claro .dgrid-status {
|
padding: 0;
|
}
|
.claro .dgrid-pagination .dgrid-status {
|
float: left;
|
}
|
.claro .dgrid-pagination .dgrid-navigation,
|
.claro .dgrid-pagination .dgrid-page-size {
|
float: right;
|
}
|
.claro .dgrid-navigation .dgrid-page-link {
|
cursor: pointer;
|
font-weight: normal;
|
text-decoration: none;
|
color: inherit;
|
padding: 0 5px;
|
}
|
.claro .dgrid-first,
|
.claro .dgrid-last,
|
.claro .dgrid-next,
|
.claro .dgrid-previous {
|
font-size: 130%;
|
}
|
.claro .dgrid-pagination .dgrid-page-disabled {
|
color: #ddd;
|
cursor: default;
|
}
|
.claro .dgrid-pagination .dgrid-pagination-links .dgrid-page-disabled {
|
font-weight: bold;
|
color: #3b8fc4;
|
}
|
.claro .dgrid-navigation {
|
margin: 0 5px;
|
}
|
.claro .dgrid-page-input {
|
margin-top: 1px;
|
width: 2em;
|
text-align: center;
|
}
|
.claro .dgrid-page-size {
|
margin: 3px 5px 0 5px;
|
}
|
.dgrid-rtl-swap .dgrid-header-row {
|
right: 0;
|
left: 17px;
|
}
|
.dgrid-rtl-swap .dgrid-header-scroll {
|
left: 0px;
|
right: auto;
|
}
|
.dgrid-rtl .dgrid-cell {
|
text-align: right;
|
}
|
.dgrid-rtl .dgrid-pagination .dgrid-status {
|
float: right;
|
}
|
.dgrid-rtl .dgrid-pagination .dgrid-page-size {
|
float: right;
|
}
|
.dgrid-rtl .dgrid-pagination .dgrid-navigation {
|
float: left;
|
}
|
.dgrid-rtl.dgrid-autoheight .dgrid-header {
|
left: 0;
|
}
|
.dgrid-rtl .dgrid-hider-menu-check {
|
left: auto;
|
right: 10px;
|
}
|
.claro .dgrid-header {
|
background-color: #f1f1f1;
|
}
|
.claro .dgrid-header .dgrid-cell {
|
color: #333;
|
border-bottom: 1px solid #ddd;
|
}
|
.claro .dgrid-header .dgrid-cell:hover {
|
background-color: #ddd;
|
background-image: none;
|
border-top: 0 none;
|
}
|
.claro .dgrid-header .dgrid-cell-padding {
|
padding: 10px;
|
}
|
.claro .dgrid-cell-padding {
|
padding: 5px 10px;
|
}
|
.claro .dgrid-row:hover {
|
background-color: #f5f5f5;
|
}
|
.claro .dgrid-selected {
|
background-color: #aadbfa;
|
}
|
.claro .dgrid-selected:hover {
|
background-color: #aadbfa;
|
}
|
.claro .dgrid-cell {
|
color: #6d6e70;
|
vertical-align: middle;
|
}
|
.claro .dgrid-footer {
|
color: #6d6e70;
|
background-color: #fff;
|
padding: 10px;
|
border-top: 1px solid #ddd;
|
}
|
.claro .dijitTabPaneWrapper {
|
background-color: #fff;
|
border: 0 none;
|
margin: 0;
|
padding: 0;
|
}
|
.claro .dijitTabContainerTop-tabs,
|
.claro .dijitTabContainerBottom-tabs,
|
.claro .dijitTabContainerLeft-tabs,
|
.claro .dijitTabContainerRight-tabs {
|
border: 0;
|
}
|
.claro .dijitTab {
|
border: 0 none;
|
background-color: #f5f5f5;
|
background-image: none;
|
padding: 5px 10px;
|
text-align: center;
|
-webkit-border-radius: 0;
|
border-radius: 0;
|
-webkit-transition-property: background, padding, margin;
|
-moz-transition-property: background, padding, margin;
|
-o-transition-property: background, padding, margin;
|
-ms-transition-property: background, padding, margin;
|
transition-property: background, padding, margin;
|
-webkit-transition-duration: 0.2s;
|
-moz-transition-duration: 0.2s;
|
-o-transition-duration: 0.2s;
|
-ms-transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
-webkit-transition-timing-function: ease;
|
-moz-transition-timing-function: ease;
|
-o-transition-timing-function: ease;
|
-ms-transition-timing-function: ease;
|
transition-timing-function: ease;
|
position: relative;
|
z-index: 0;
|
}
|
.claro .dijitTabHover {
|
background-color: #e6e6e6;
|
}
|
.claro .dijitTabActive {
|
background-color: #e6e6e6;
|
}
|
.claro .dijitTabChecked {
|
z-index: 1;
|
}
|
.claro .dijitTabChecked.dijitTabHover,
|
.claro .dijitTabChecked.dijitTabActive {
|
border: $tab-checked-border;
|
background-color: #fff;
|
color: #3b8fc4;
|
}
|
.claro .dijitTabDisabled {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .tabStripButton {
|
background-color: transparent;
|
border: none;
|
}
|
.claro .dijitTabCloseButton {
|
height: 16px;
|
width: 16px;
|
line-height: 16px;
|
background-image: none;
|
vertical-align: middle;
|
margin-left: 5px;
|
}
|
.claro .dijitTabCloseButton:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "j";
|
}
|
.claro .dijitTabContainerTop-tabs .dijitTab {
|
border-top: 2px solid transparent;
|
background-image: none;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
top: 0;
|
margin-right: 0;
|
padding: 5px 10px;
|
vertical-align: bottom;
|
-webkit-border-radius: 0;
|
border-radius: 0;
|
}
|
.claro .dijitTabContainerTop-tabs .dijitTabChecked {
|
padding: 5px 10px;
|
border-top-color: #3b8fc4;
|
background-color: #fff;
|
color: #3b8fc4;
|
}
|
.claro .dijitTabListContainer-top {
|
margin-top: 0;
|
}
|
.claro .dijitTabListContainer-top .dijitTab {
|
top: 0;
|
}
|
.claro .dijitTabContainerBottom-tabs .dijitTab {
|
border-bottom: 2px solid transparent;
|
background-image: none;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
top: 0;
|
margin-right: 0;
|
padding: 5px 10px;
|
vertical-align: top;
|
-webkit-border-radius: 0;
|
border-radius: 0;
|
}
|
.claro .dijitTabContainerBottom-tabs .dijitTabChecked {
|
padding: 5px 10px;
|
border-bottom-color: #3b8fc4;
|
background-color: #fff;
|
color: #3b8fc4;
|
}
|
.claro .dijitTabListContainer-bottom {
|
margin-top: 0;
|
}
|
.claro .dijitTabListContainer-bottom .dijitTab {
|
top: 0;
|
}
|
.claro .dijitTabContainerLeft-tabs .dijitTab {
|
border-left: 2px solid transparent;
|
background-image: none;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
margin-bottom: 0;
|
padding: 5px 10px;
|
vertical-align: middle;
|
-webkit-border-radius: 0;
|
border-radius: 0;
|
}
|
.claro .dijitTabContainerLeft-tabs .dijitTabChecked {
|
padding: 5px 10px;
|
border-left-color: #3b8fc4;
|
background-color: #fff;
|
color: #3b8fc4;
|
}
|
.claro .dijitTabContainerRight-tabs .dijitTab {
|
border-right: 2px solid transparent;
|
background-image: none;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
margin-bottom: 0;
|
padding: 5px 10px;
|
vertical-align: middle;
|
-webkit-border-radius: 0;
|
border-radius: 0;
|
}
|
.claro .dijitTabContainerRight-tabs .dijitTabChecked {
|
padding: 5px 10px;
|
border-right-color: #3b8fc4;
|
background-color: #fff;
|
color: #3b8fc4;
|
}
|
.claro .tabStripButton {
|
background-color: transparent;
|
border: 0;
|
-webkit-transition-property: background-color;
|
-moz-transition-property: background-color;
|
-o-transition-property: background-color;
|
-ms-transition-property: background-color;
|
transition-property: background-color;
|
-webkit-box-sizing: content-box;
|
-moz-box-sizing: content-box;
|
box-sizing: content-box;
|
}
|
.claro .dijitTabListContainer-top .tabStripButton,
|
.claro .dijitTabListContainer-bottom .tabStripButton {
|
background-image: none;
|
padding: 5px 10px;
|
margin-left: 0;
|
margin-right: 0;
|
}
|
.claro .dijitTabListContainer-top .tabStripButtonDisabled,
|
.claro .dijitTabListContainer-bottom .tabStripButtonDisabled {
|
background-color: transparent;
|
border: 0 none;
|
}
|
.claro .dijitTabListContainer-top .tabStripButton {
|
margin-top: 0;
|
margin-bottom: 0;
|
}
|
.claro .dijitTabListContainer-bottom .tabStripButton {
|
margin-top: 0;
|
margin-bottom: 0;
|
}
|
.claro .tabStripButtonHover .dijitTabStripIcon {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .tabStripButtonActive .dijitTabStripIcon {
|
background-color: #e6e6e6;
|
border-color: #d2d2d2;
|
}
|
.claro .dijitTabStripIcon {
|
height: 16px;
|
width: 16px;
|
background-image: none;
|
background: #fff;
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
color: #3b8fc4;
|
vertical-align: middle;
|
border: 1px solid #ddd;
|
-webkit-box-sizing: content-box;
|
-moz-box-sizing: content-box;
|
box-sizing: content-box;
|
}
|
.claro .dijitTabStripIcon:before {
|
font-family: "launchpad-icons" !important;
|
content: attr(data-icon);
|
font-size: 16px;
|
font-style: normal !important;
|
font-weight: normal !important;
|
font-variant: normal !important;
|
text-transform: none !important;
|
speak: none;
|
line-height: 1;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
content: "f";
|
font-size: 14px;
|
line-height: 16px;
|
}
|
.claro .dijitTabStripSlideRightIcon:before {
|
content: "e";
|
}
|
.claro .dijitTabStripMenuIcon:before {
|
content: "D";
|
}
|
.claro .dijitTabListContainer-top .tabStripButtonDisabled,
|
.claro .dijitTabListContainer-bottom .tabStripButtonDisabled {
|
opacity: 0.35;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
filter: alpha(opacity=35);
|
}
|
.claro .dijitTabContainerNested .dijitTabListWrapper {
|
height: auto;
|
}
|
.claro .dijitTabContainerTabListNested .dijitTab {
|
color: #6d6e70;
|
background-color: #fff;
|
padding: 5px 10px;
|
border: 0 none;
|
-webkit-transition-property: background-color, border-color;
|
-moz-transition-property: background-color, border-color;
|
-o-transition-property: background-color, border-color;
|
-ms-transition-property: background-color, border-color;
|
transition-property: background-color, border-color;
|
-webkit-transition-duration: 0.3s;
|
-moz-transition-duration: 0.3s;
|
-o-transition-duration: 0.3s;
|
-ms-transition-duration: 0.3s;
|
transition-duration: 0.3s;
|
}
|
.claro .dijitTabContainerTabListNested .dijitTabHover {
|
background-color: #e6e6e6;
|
}
|
.claro .dijitTabContainerTabListNested .dijitTabActive {
|
background-color: #e6e6e6;
|
}
|
.claro .dijitTabContainerTabListNested .dijitTabChecked,
|
.claro .dijitTabContainerTabListNested .dijitTabChecked.dijitTabHover,
|
.claro .dijitTabContainerTabListNested .dijitTabChecked.dijitTabActive {
|
color: #fff;
|
background-color: #3b8fc4;
|
}
|
.claro .dijitTabContainerTabListNested .dijitTabChecked:before,
|
.claro .dijitTabContainerTabListNested .dijitTabChecked.dijitTabHover:before,
|
.claro .dijitTabContainerTabListNested .dijitTabChecked.dijitTabActive:before {
|
display: none;
|
}
|
.claro .dijitTabContainerTabListNested.dijitTabContainerTop-tabs,
|
.claro .dijitTabContainerTabListNested.dijitTabContainerBottom-tabs,
|
.claro .dijitTabContainerTabListNested.dijitTabContainerLeft-tabs,
|
.claro .dijitTabContainerTabListNested.dijitTabContainerRight-tabs {
|
padding: 0;
|
border: 0 none;
|
}
|
.claro .dijitTabContainerTabListNested.dijitTabContainerTop-tabs .dijitTab {
|
margin-right: 0;
|
}
|
.claro .dijitTabContainerTabListNested.dijitTabContainerBottom-tabs .dijitTab {
|
margin-right: 0;
|
}
|
.claro .dijitTabContainerTabListNested.dijitTabContainerLeft-tabs .dijitTab {
|
margin-bottom: 0;
|
}
|
.claro .dijitTabContainerTabListNested.dijitTabContainerRight-tabs .dijitTab {
|
margin-bottom: 0;
|
}
|
.claro .dijitTabPaneWrapperNested {
|
border: none; /* prevent double border */
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.claro .dijitTabContainerTop-tabs .dijitTabRtl,
|
.claro .dijitTabContainerBottom-tabs .dijitTabRtl {
|
margin-right: 0;
|
margin-left: -1px;
|
}
|
.claro .dijitSlider.dojoxRangeSlider .dijitSliderLeftBumper,
|
.claro .dijitSlider.dojoxRangeSlider .dijitSliderBottomBumper {
|
background-color: #ddd;
|
}
|
