| 1 | body section#sample .container .visual .legendText,body section#sample .dashboard-landscape-tile .visual .legendText,body section#sample .dashboard-landscape-tile-2x2 .visual .legendText,body section#sample .dashboard-landscape-tile-2x2-first-column-last-tile .visual .legendText,body section#sample .dashboard-landscape-tile-2x2-second-column-last-tile .visual .legendText,body section#sample .dashboard-landscape-tile-3x3 .visual .legendText,body section#sample .dashboard-portrait-tile .visual .legendText,body section#sample .in-focus-landscape-tile .visual .legendText,body section#sample .in-focus-portrait-tile .visual .legendText{fill:#000}*{-webkit-tap-highlight-color:#fff;-webkit-tap-highlight-color:transparent}body{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;margin:0;padding:0;font-family:Helvetica,Arial,sans-serif;background-color:#f2f2f2}body h4{margin-bottom:12px;line-height:16px;font-size:18px;font-weight:700;color:#353535;margin-top:20px}body .left-margin{margin-right:184px}body button:active,body button:checked,body button:focus,body button:hover,body input[type=checkbox]:active,body input[type=checkbox]:checked,body input[type=checkbox]:focus,body input[type=checkbox]:hover,body input[type=radio]:active,body input[type=radio]:checked,body input[type=radio]:focus,body input[type=radio]:hover,body input[type=text]:active,body input[type=text]:checked,body input[type=text]:focus,body input[type=text]:hover,body select:active,body select:checked,body select:focus,body select:hover{outline:0}body span.subtitle{display:block;font-size:12px;font-weight:bolder;color:#353535}body header{background-color:#f2c811;height:66px}body header img{margin-top:17px}body nav{background-color:#fff;height:50px;margin-bottom:33px}body nav .first-nav-tab,body nav .first-nav-tab:hover,body nav .nav-tab,body nav .nav-tab:hover{background:0 0;border:none}body nav .nav-tab{display:inline-block;vertical-align:top;margin:17px 0 0;padding:0}body nav .nav-tab div img{margin-left:4px;vertical-align:middle}body nav .nav-tab div span{line-height:15px;vertical-align:middle}body nav .first-nav-tab{display:inline-block;vertical-align:top;margin:18px 184px 0 0;padding:0}body nav .first-nav-tab div img{margin-left:4px;vertical-align:middle}body nav .first-nav-tab div span{line-height:15px;vertical-align:middle}body nav .selected-nav-tab{border-top:none;border-left:none;border-right:none;border-bottom:3px solid #CCC;padding-bottom:12px}body nav #tabSeparator{display:inline-block;vertical-align:top;border-left:1px solid #CCC;margin:19px 15px 0;height:17px}body section#controls,body section#sample{display:inline-block;float:right}body section#controls{width:287px}body section#controls select{height:30px}body section#controls button{background-color:#f2c811;border:none;color:#000;height:34px;font-weight:600}body section#controls button:focus,body section#controls button:hover{border:2px solid #000}body section#controls button:active{background-color:#CDA521}body section#controls #dataViewsSelect,body section#controls #visualTypes{width:100%}body section#controls #dataViewsSelect{margin-top:10px;margin-bottom:10px}body section#controls .optionsInnerSection{border-bottom:1px solid #CCC}body section#controls #visualType{padding-bottom:18px}body section#controls #orientation{padding-bottom:11px}body section#controls #dataViewSelection{margin-top:9px}body section#controls #dataViewSelection button{margin-top:2px}body section#controls #randomize{width:120px}body section#controls #capabilities{margin-top:26px}body section#controls #capabilities span.subtitle{margin-bottom:9px}body section#controls #capabilities div{margin-bottom:7px}body section#controls #capabilities div span{font-size:12px;font-weight:400;padding-right:21px;padding-left:4px}body section#controls #capabilities div input[name=animation_duration]{width:40px;height:13px}body section#controls .input-container{position:relative;margin-bottom:7px}body section#controls .input-container input[type=checkbox],body section#controls .input-container input[type=radio]{opacity:0;position:absolute;right:-20px;z-index:12;width:100%;height:18px;color:#C8C8C8}body section#controls .input-container input+label{position:relative;z-index:11;display:inline-block;margin:0;min-width:14px;font-weight:400;padding-right:20px;font-size:12px}body section#controls .input-container input+label:after,body section#controls .input-container input+label:before{margin-right:-20px;margin-left:4px;padding:0;position:absolute;margin-top:0;text-align:center}body section#controls .input-container input+label:before{border-radius:50%;width:13px;height:13px;border:2px solid #C8C8C8;content:"";top:0}body section#controls .input-container input+label:after{font-size:6px;font-weight:900;content:""}body section#controls .input-container input[type=radio]:checked+label:after{content:"";font-size:5px;top:4px;right:24px;border-radius:50%;border:0;width:5px;height:5px;background-color:#000}body section#controls .input-container input[type=radio]:checked+label:before{border-color:#F2C811}body section#controls .input-container input[type=radio]+label:before{box-sizing:border-box}body section#controls .input-container input[type=checkbox]+label:before{border-radius:0;content:"";width:10px;height:10px}body section#controls .input-container input[type=checkbox]:checked+label:before{border-color:#F2C811;background-color:#F2C811}body section#controls .input-container input[type=checkbox]:checked+label:after{content:"\2713";font-size:11px;right:21.5px;top:0;color:#000}body section#sample .container .visual .legend,body section#sample .dashboard-landscape-tile .visual .legend,body section#sample .dashboard-landscape-tile-2x2 .visual .legend,body section#sample .dashboard-landscape-tile-2x2-first-column-last-tile .visual .legend,body section#sample .dashboard-landscape-tile-2x2-second-column-last-tile .visual .legend,body section#sample .dashboard-landscape-tile-3x3 .visual .legend,body section#sample .dashboard-portrait-tile .visual .legend,body section#sample .in-focus-landscape-tile .visual .legend,body section#sample .in-focus-portrait-tile .visual .legend{top:8px!important}body section#sample{padding-right:119px;padding-top:20px}body section#sample .container{display:block;border:1px solid #CCC;overflow:hidden;background-color:#fff;position:relative}body section#sample .container .visual{overflow:hidden;padding:10px;width:100%;height:100%}body section#sample .scaled-container{width:100%;height:100%;overflow:visible}body section#sample #webContainer{height:500px;width:700px}body section#sample .mobile-portrait-image-container{display:inline-block;width:230px;margin-left:40px}body section#sample .mobile-landscape-image-container{display:block;width:421px;margin-bottom:45px}body section#sample .mobile-landscape-image-container .mobile-view-title,body section#sample .mobile-portrait-image-container .mobile-view-title{margin-bottom:10px}body section#sample .mobile-landscape-image-container .mobile-image,body section#sample .mobile-portrait-image-container .mobile-image{position:absolute;z-index:-1}body section#sample .mobile-portrait-container{position:absolute;width:188px;height:317px}body section#sample .mobile-portrait-dashboard-container{position:absolute;width:188px;height:317px;padding-top:72px;padding-right:31px}body section#sample .mobile-portrait-in-focus-container{position:absolute;width:188px;height:317px;padding-top:52px;padding-right:20px}body section#sample .dashboard-portrait-tile{display:block;border:1px solid #CCC;overflow:hidden;background-color:#fff;position:relative;height:88px;width:160px;margin-bottom:4px}body section#sample .dashboard-portrait-tile .visual{overflow:hidden;padding:10px;width:100%;height:100%}body section#sample .in-focus-portrait-tile{display:block;overflow:hidden;background-color:#fff;position:relative;height:315px;width:185px;border:0}body section#sample .in-focus-portrait-tile .visual{overflow:hidden;padding:10px;width:100%;height:100%}body section#sample .mobile-landscape-dashboard-container{padding-top:25px;padding-right:58px}body section#sample .mobile-landscape-dashboard-column{display:inline-block;vertical-align:top}body section#sample .dashboard-landscape-tile,body section#sample .dashboard-landscape-tile-2x2,body section#sample .dashboard-landscape-tile-2x2-first-column-last-tile,body section#sample .dashboard-landscape-tile-2x2-second-column-last-tile,body section#sample .dashboard-landscape-tile-3x3{border:1px solid #CCC;display:block;margin-bottom:4px;background-color:#fff;overflow:hidden;position:relative}body section#sample .dashboard-landscape-tile .visual{overflow:hidden;padding:10px;width:100%;height:100%}body section#sample .dashboard-landscape-tile-2x2{width:110px;height:70px}body section#sample .dashboard-landscape-tile-2x2 .visual{overflow:hidden;padding:10px;width:100%;height:100%}body section#sample .dashboard-landscape-tile-2x2-first-column-last-tile{width:110px;height:70px;height:22px}body section#sample .dashboard-landscape-tile-2x2-first-column-last-tile .visual{overflow:hidden;padding:10px;width:100%;height:100%}body section#sample .dashboard-landscape-tile-3x3{width:185px;height:100px}body section#sample .dashboard-landscape-tile-3x3 .visual{overflow:hidden;padding:10px;width:100%;height:100%}body section#sample .dashboard-landscape-tile-2x2-second-column-last-tile{height:70px;width:68px}body section#sample .dashboard-landscape-tile-2x2-second-column-last-tile .visual{overflow:hidden;padding:10px;width:100%;height:100%}body section#sample .mobile-landscape-dashboard-last-line{vertical-align:top}body section#sample .mobile-landscape-dashboard-last-line .dashboard-landscape-tile-2x2,body section#sample .mobile-landscape-dashboard-last-line .dashboard-landscape-tile-2x2-second-column-last-tile{display:inline-block;height:68px}body section#sample .mobile-landscape-in-focus-container{padding-top:19px;padding-right:51px}body section#sample .in-focus-landscape-tile{display:block;overflow:hidden;background-color:#fff;position:relative;height:185px;width:315px;border:0}body section#sample .in-focus-landscape-tile .visual{overflow:hidden;padding:10px;width:100%;height:100%}body .visual-tile svg{width:inherit;height:inherit}body div.chart-content{position:relative;top:0;height:100%;width:100%;background-repeat:no-repeat;-ms-background-size:contain;background-size:contain}body .donutChart path.slice.selected:hover{opacity:1}body .donutChart path.slice.not-selected:hover{opacity:.6}body #userData{background-color:gray;display:none;padding-bottom:2px;padding-top:5px}body #userData input{display:block;margin:1px 2px;padding:0 3px}body #userData input.inline{display:inline-block}body li.slicerItemContainer{list-style-type:none}body .slicerContainer label.slicerCheckbox input:checked+span::before,body .slicerContainer label.slicerCheckbox span::before{background-image:url(../../Visuals/images/visuals.sprites.png)!important}body .wrongVisualWarning{margin:50px auto 0;text-align:center;width:700px;color:red;font-size:24px}body .wrongVisualWarning span{color:#00f} |