/* CheckBox
|
*
|
* Styling CheckBox mainly includes:
|
*
|
* 1. Containers
|
* .dijitCheckBox
|
*
|
* 2. CheckBox within ToggleButton
|
* .dijitCheckBoxIcon
|
*
|
* 3. States - Checked, Hover, Disabled.
|
* .dijitCheckBoxChecked
|
* .dijitCheckBoxHover
|
* .dijitCheckBoxCheckedHover
|
* .dijitCheckBoxDisabled
|
* .dijitCheckBoxCheckedDisabled
|
*/
|
.claro .dijitCheckBox {
|
background-color: #393939;
|
background-image: none;
|
border: 1px solid #7f8183;
|
width: 24px;
|
height: 24px;
|
line-height: 1;
|
padding: 0;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
-webkit-border-radius: 0;
|
border-radius: 0;
|
text-align: center;
|
position: relative;
|
overflow: visible;
|
}
|
.claro .dijitCheckBox input {
|
position: absolute;
|
top: 0;
|
}
|
.claro .dijitCheckBoxIcon,
|
.claro .dijitCheckBoxChecked,
|
.claro .dijitCheckBoxCheckedDisabled {
|
background-image: url("icons/Icon_Checkmark_16.png");
|
background-position: center center;
|
}
|
.claro .dijitCheckBoxIcon {
|
padding: 0;
|
}
|
.claro .dijitCheckBoxIcon:before {
|
color: #007ac2;
|
}
|
.claro .btn-alt .dijitCheckBoxIcon:before {
|
color: #fff;
|
}
|
.claro .dijitCheckBoxChecked {
|
background-color: #393939;
|
border: 1px solid #009ac2;
|
}
|
.claro .dijitCheckBoxHover {
|
background-color: #222;
|
border: 1px solid #007ac2;
|
}
|
.claro .dijitCheckBoxCheckedHover {
|
background-color: #393939;
|
border: 1px solid #009ac2;
|
}
|
.claro .dijitCheckBoxDisabled,
|
.claro .dijitCheckBoxCheckedDisabled {
|
opacity: 0.65;
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
|
filter: alpha(opacity=65);
|
}
|
.claro .dijitCheckBoxInput {
|
width: 24px;
|
height: 24px;
|
}
|
