.xc-container {
position: absolute;
overflow: hidden;
}
.xc-container-overlay {
background-color: rgba(255, 255, 255, 0);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.xc-container-dynamicInvisible {
display:none;
}
.xc-rootCanvas {
/* we have to comment the below position style to fix BOEVISUAL-8113 on iPad(iOS 6) and Android device */
/*position: absolute;*/
overflow: hidden;
}
.xc-rootcanvas-background-image {
width: 100%;
height:100%;
pointer-events: none;
position: absolute;
}
.xc-checkbox , .xc-checkbox-title, .xc-checkbox-el-checked, .xc-checkbox-input, .xc-checkbox-mask{
position: absolute;
}
.xc-checkbox-title {
padding-left: 2px;
padding-right: 3px;
padding-top: 2px;
padding-bottom: 5px;
white-space: pre;
}
.xc-checkbox-el {
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent;
border: none;
}
.xc-checkbox-el-checked {
margin: 0px;
width: 45%;
height: 78%;
right: 65%;
bottom: 22%;
-webkit-transform: rotate(50deg) skew(5deg);
-moz-transform: rotate(50deg) skewX(5deg);
-ms-transform: rotate(50deg) skew(5deg, 0deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
border: 1px #ffffff solid;
-webkit-box-shadow: 1px 1px 0px rgba(77,77,77,1);
box-shadow: 1px 1px 0px rgba(77,77,77,1);
color: #d9d9d9;
border-top: none;
border-left: none;
}
.xc-checkbox-input {
border: 1px rgba(0,0,0,0.5) solid;
width: 100%;
height: 100%;
-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.5) inset, -1px 1px 0px rgba(255,255,255,0.11);
box-shadow: -1px 1px 2px rgba(0,0,0,0.5) inset, -1px 1px 0px rgba(255,255,255,0.11);
pointer-events: none;
}
.xc-checkbox-mask {
left: 0;
top: 0;
}
.xc-combo-list {
position: absolute;
padding: 1px;
-webkit-border-radius: 7px;
border-radius: 7px;
min-width: 0;
min-height: 0;
border-radius: 7px;
pointer-events: auto;
}
.xc-radiogroup
{
position: absolute;
}
.xc-radiogroup-title {
position: absolute;
overflow: hidden;
white-space: nowrap;
}
.xc-radiogroup-bordor {
position: absolute;
background-color:#ffffff;
-webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2) inset, -1px 1px 1px rgba(255, 255, 255, 0.3);
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2) inset, -1px 1px 1px rgba(255, 255, 255, 0.3);
border:solid 1px rgba(0, 0, 0, 0.25);
overflow:hidden;
}
.xc-radiogroup-item {
position: absolute;
overflow: hidden;
}
.xc-radiobutton-input-container{
position: absolute;
background-color:#ffffff;
border-radius: 50%;
-webkit-box-shadow: -1px 1px 0px rgba(255, 255, 255, 0.08), inset -1px 1px 2px rgba(0, 0, 0, 0.5), inset 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: -1px 1px 0px rgba(255, 255, 255, 0.08), inset -1px 1px 2px rgba(0, 0, 0, 0.5), inset 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
top:50%;
}
.xc-radiobutton-input {
opacity:0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
width: 50%;
height: 50%;
margin: 25%;
}
.xc-radiobutton-input:checked {
opacity:1;
position: absolute;
-webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5), inset -1px 1px 0px rgba(255, 255, 255, 0.05);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5), inset -1px 1px 0px rgba(255, 255, 255, 0.05);
background-color:#344b6d;
background-image:-webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.15) 100%);
background-image:-moz-linear-gradient(bottom, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.15) 100%);
}
.xc-radiobutton-label {
position: absolute;
white-space: nowrap;
color: #000000;
font-size:12px;
overflow:hidden;
padding-top:1px;
padding-bottom:5px;
padding-right:5px;
top:50%;
}
.xc-icon {
position: absolute;
}
.xc-icon-VD {
position: absolute;
}
.xc-group {
position: absolute;
width: 0px;
height: 0px;
overflow: visible;
}
.xc-slider > .x-fullscreen {
background:none
}
.x-xc-verticalSliderCore {
position:absolute;
width:2.2em;
top:10px;
bottom:10px;
min-height:0;
min-width:0
}
.x-xc-verticalSliderCore.x-item-disabled{
opacity:.6
}
.x-xc-verticalThumb {
position:absolute;
}
.x-xc-limitValue {
position:absolute;
font-size:0.6em;
color:gray;
padding: 3px 3px 4px 3px;
white-space: pre;
}
.x-xc-title {
position:absolute;
font-size:1em;
white-space: pre;
padding: 3px 3px 4px 3px;
}
.x-xc-valueDiv {
position:absolute;
font-size:1em;
white-space: pre;
padding: 3px 3px 4px 3px;
}
.x-xc-playButton
{
background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.396) 100%);
opacity:1;
border:solid 1px #888;
}
.xc-verticalSlider-thumbCore {
content:"";
position:absolute;
background-color:#dddddd;
/*background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(2%, #efefef), color-stop(100%, #cbcbcb));
background-image:-webkit-linear-gradient(#ffffff,#efefef 2%,#cbcbcb);
-webkit-box-shadow:inset rgba(255, 255, 255, 0.5) 0 0 0.1em, inset rgba(255, 255, 255, 0.3) 0 -0.1em 0;*/
-webkit-background-clip:padding;
background-clip:padding;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
box-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}
.xc-verticalSlider-thumbCoreGradients {
content:"";
position:absolute;
background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.396) 100%);
background-image:-moz-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.396) 100%);
opacity:1;
-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
}
.xc-verticalSlider-thumbCoreHighLight{
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,1),
inset 0 1px 1px rgba(255,255,255,.5),
inset 0 -2px 2px rgba(0,0,0,.6),
inset 0 -2px 2px rgba(255,255,255,.3);
box-shadow: inset 0 0 1px rgba(0,0,0,1),
inset 0 1px 1px rgba(255,255,255,.5),
inset 0 -2px 2px rgba(0,0,0,.6),
inset 0 -2px 2px rgba(255,255,255,.3);
}
/*
.x-xc-verticalThumb.x-dragging {
opacity:1
}
.x-xc-verticalThumb.x-dragging:before {
background-color:#d0d0d0;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(2%, #e2e2e2), color-stop(100%, #bebebe));
background-image:-webkit-linear-gradient(#ffffff,#e2e2e2 2%,#bebebe)
}*/
/*.x-xc-verticalSliderCore:after {
content:"";
position:absolute;
width: 0.8em;
height: auto;
top: 0;
left: 0.737em;
right: 0.737em;
bottom: 0;
margin: 0.925em 0;
background-color:#dddddd;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4c4c4), color-stop(10%, #d0d0d0), color-stop(65%, #dddddd), color-stop(100%, #dedede));
background-image:-webkit-linear-gradient(#c4c4c4,#d0d0d0 10%,#dddddd 65%,#dedede);
background-image:linear-gradient(#c4c4c4,#d0d0d0 10%,#dddddd 65%,#dedede);
border:0.1em solid rgba(0, 0, 0, 0.1);
border-bottom:0;
-webkit-box-shadow:rgba(255, 255, 255, 0.7) 0 0.1em 0;
-webkit-border-radius:0.4em;
border-radius:0.4em
}*/
.x-xc-horizontalSliderCore {
position:relative;
height:2.2em;
/*top:10px;
bottom:10px;*/
min-height:0;
min-width:0
}
.x-xc-horizontalSliderCore.x-item-disabled{
opacity:.6
}
.x-xc-horizontalThumb {
position:absolute
}
.xc-horizontalSlider-thumbCore {
content:"";
position:absolute;
background-color:#dddddd;
/*background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(2%, #efefef), color-stop(100%, #cbcbcb));
background-image:-webkit-linear-gradient(#ffffff,#efefef 2%,#cbcbcb);
-webkit-box-shadow:inset rgba(255, 255, 255, 0.5) 0 0 0.1em, inset rgba(255, 255, 255, 0.3) 0 -0.1em 0;*/
-webkit-background-clip:padding;
background-clip:padding;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
box-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}
.xc-horizontalSlider-thumbCoreGradients {
content:"";
position:absolute;
background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.396) 100%);
background-image:-moz-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.396) 100%);
opacity:1;
-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
}
.xc-horizontalSlider-thumbCoreHighLight{
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,1),
inset 0 1px 1px rgba(255,255,255,.5),
inset 0 -2px 2px rgba(0,0,0,.6),
inset 0 -2px 2px rgba(255,255,255,.3);
box-shadow: inset 0 0 1px rgba(0,0,0,1),
inset 0 1px 1px rgba(255,255,255,.5),
inset 0 -2px 2px rgba(0,0,0,.6),
inset 0 -2px 2px rgba(255,255,255,.3);
}
.x-xc-track {
content:"";
position:absolute;
border-bottom:0;
-webkit-box-shadow:rgba(255, 255, 255, 0.7) 0 2 0;
box-shadow:rgba(255, 255, 255, 0.7) 0 2 0;
background-color:#dddddd;
}
.xc-horizontalSlider-trackMask
{
background-image:-webkit-linear-gradient(rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 50%);
background-image:-moz-linear-gradient(rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 50%);
-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
}
.xc-verticalSlider-trackMask
{
background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 50%);
background-image:-moz-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 50%);
-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
}
.xc-HProgressBar-trackMask
{
-webkit-box-shadow: inset 0 2px 6px rgba(0,0,0,0.5);
box-shadow: inset 0 2px 6px rgba(0,0,0,0.5);
}
.xc-VProgressBar-trackMask
{
-webkit-box-shadow: inset 2px 0 6px rgba(0,0,0,0.5);
box-shadow: inset 2px 0 6px rgba(0,0,0,0.5);
}
.xc-ProgresBar-thumbCore
{
position:absolute;
}
.xc-progressbar-alertbackground
{
position:absolute;
}
.xc-tooltip {
position:absolute;
font-size:15px;
text-align:center;
vertical-align:middle;
padding:9px;
white-space:nowrap;
overflow:hidden;
}
.xc-listBox-labelItemStyle{
padding: 4px 3px 5px 3px;
overflow: hidden;
text-overflow: clip;
white-space: nowrap;
background-clip: padding-box;
}
.xc-html-listbox {
position : absolute;
overflow : hidden;
}
.xc-listbox {
position : absolute;
}
.xc-listbox-title {
position : absolute;
white-space: nowrap;
padding: 2px 3px 4px 2px;
}
.xc-htmlButton-buttonEl {
position : absolute;
padding : 0px;
background-clip : padding-box;
}
.xc-htmlButton-labelEl {
position : absolute;
overflow : hidden;
width : 100%;
height : 100%;
top : 0px;
left : 0px;
text-overflow : ellipsis;
white-space : nowrap;
}
.xc-htmlComboBox {
overflow : hidden;
}
.xc-htmlComboBox-selectEl {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
.xc-htmlComboBox-labelEl {
pointer-events : none;
position : absolute;
top : 0px;
left : 0px;
right : 0px;
bottom : 0px;
border : solid 1px rgba(0, 0, 0, 0.5);
border-radius : 5px;
overflow : hidden;
opacity : 1.0;
padding-left : 4px;
word-break : break-all;
background-clip : padding-box;
}
.xc-htmlComboBox-arrowBoxEl {
pointer-events : none;
position : absolute;
right : 6px;
top : 6px;
color : #FFFFFF;
opacity : 0.6;
text-shadow : rgba(0, 0, 0, 0.5) -1px -1px 1px, rgba(0, 0, 0, 0.3) 0px -1px 1px;
}
.xc-htmlCombox-labelUnFocus{
background-image : -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
background-image : -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
box-shadow : inset -1px 1px 0px rgba(255, 255, 255, 0.1);
}
.xc-htmlCombox-labelFocus {
background-image : -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
background-image : -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
box-shadow : inset -2px 2px 5px rgba(0, 0, 0, 0.5), -1px 1px 1px rgba(255, 255, 255, 0.46);
}
.xc-ComboBox {
position : absolute;
}
.xc-comboBox-title {
position : absolute;
overflow : hidden;
text-overflow : clip;
white-space : nowrap;
padding: 2px 3px 4px 2px;
}