@import url("//fonts.googleapis.com/css?family=Open+Sans:100,400,300,700");
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;font-family:'Open Sans',sans-serif;font-size:16px;background:#f8f8f8}fieldset{border:0;margin:0;padding:0}.laboratory{font-size:0;height:100%;padding-top:70px}.control{width:370px;height:100%;display:inline-block;vertical-align:top;font-size:16px;background:#0b1e2a;position:relative}.render{background:#f8f8f8;display:inline-block;font-size:14px;padding:25px;position:relative;height:100%;width:calc(100% - 370px);vertical-align:top;z-index:2}.tabControl{line-height:31px;color:#144c66;position:relative;font-weight:bold}.header{position:absolute;top:0;left:0;width:100%;background:#fff;overflow:hidden;font-size:24px;font-weight:100;height:70px;color:#fff;vertical-align:middle;-webkit-box-shadow:0 4px 10px -2px #0b1e2a;box-shadow:0 4px 10px -2px #0b1e2a;z-index:3;}.header .controlHeader{background:#1284cc;width:370px;display:inline-block}.header .logoLink{-webkit-box-shadow:1px 0 6px 0 #0e6aa4;box-shadow:1px 0 6px 0 #0e6aa4;display:inline-block;vertical-align:middle;margin-right:10px}.header .menuLink{color:#000;font-size:18px;margin-left:16px;text-decoration:none}.header .logo{width:98px;padding:15px}.header .splogo{position:absolute;top:10px;right:30px}@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?kn321z");src:url("fonts/icomoon.eot?#iefixkn321z") format('embedded-opentype'),url("fonts/icomoon.woff?kn321z") format('woff'),url("fonts/icomoon.ttf?kn321z") format('truetype'),url("fonts/icomoon.svg?kn321z#icomoon") format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;-o-transition:color 0.5s;-ms-transition:color 0.5s;transition:color 0.5s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}[class^="icon-"]:hover,[class*=" icon-"]:hover{cursor:pointer}.icon-times:before{content:"\f00d"}.icon-gear:before{content:"\f013"}.icon-info-circle:before{content:"\f05a"}.icon-external-link:before{content:"\f08e"}.icon-navicon:before{content:"\f0c9"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-mail-reply:before{content:"\f112"}.icon-grid:before{content:"\e603"}.icon-code:before{content:"\e604"}.tabs{font-size:0;background:#1a374f}.tab{color:#c3f1ff;font-size:12px;padding:15px 10px;display:inline-block;cursor:pointer;-webkit-transition:background 0.4s;-moz-transition:background 0.4s;-o-transition:background 0.4s;-ms-transition:background 0.4s;transition:background 0.4s;}.tab.active{background:#0b1e2a;}.tab.active:hover{background:#0b1e2a}.tab:hover{background:#244c6d}.tabContent{display:none;overflow:auto;position:absolute;bottom:0;top:47px;}.tabContent.active{display:block}.claro .aboutDialog{overflow:visible;width:60%;-webkit-border-radius:8px;border-radius:8px;border:none;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.7);box-shadow:0 0 15px 0 rgba(0,0,0,0.7);padding:2em;}.claro .aboutDialog *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.claro .aboutDialog .dijitDialogCloseIcon{background-image:url("img/lab.png");background-position:0 0;width:286px;height:241px;top:-130px;right:-60px;z-index:951;position:absolute}.claro .aboutDialog .dijitDialogTitleBar,.claro .aboutDialog .dijitDialogPaneContent{background:none;border:none}.claro .aboutDialog .dijitDialogTitleBar{text-align:center;font-size:42px}.claro .dijitButton .dijitButtonNode{border:1px solid #a8eaff;background:transparent;color:#a8eaff;padding:2px 7px 4px;-webkit-transition:background 0.3s, color 0.3s;-moz-transition:background 0.3s, color 0.3s;-o-transition:background 0.3s, color 0.3s;-ms-transition:background 0.3s, color 0.3s;transition:background 0.3s, color 0.3s;}.claro .dijitButton .dijitButtonNode:hover{background:#a8eaff;color:#000;border-color:#53d6ff}.claro .dijitTextBox{-webkit-border-radius:8px;border-radius:8px;border:0;padding:2px 6px;background:#fff !important;font-size:12px;color:#333;-webkit-box-shadow:inset 1px 1px 3px 0 rgba(50,50,50,0.75);box-shadow:inset 1px 1px 3px 0 rgba(50,50,50,0.75)}.claro .dijitTextBox .dijitInputInner{color:#333}.claro .dijitTextBox,.claro .dijitPlaceHolder,.claro .dgrid-input{font-style:normal;font-family:'Open Sans',sans-serif;outline:0}.claro .dgrid-input:focus{outline:0}.claro .dijitMenuItem{font-size:12px}.claro .dijitArrowButton{background-color:#fff !important}.claro .dijitComboBoxMenu{-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.claro .dijitComboBoxMenu .dijitMenuItem{-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-o-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s}.claro .dijitComboBoxMenu .dijitMenuItemSelected,.claro .dijitComboBoxMenu .dijitMenuItemHover{background-image:none;border-color:#fff}.claro table.dojoDndAvatar{border-collapse:collapse;background-color:none;-webkit-box-shadow:3px 3px 4px 0 rgba(0,0,0,0.67);box-shadow:3px 3px 4px 0 rgba(0,0,0,0.67);}.claro table.dojoDndAvatar td{border:0}.claro table.dojoDndAvatar table{width:370px;line-height:26px;border:0}.claro table.dojoDndAvatar .dgrid-row:before,.claro table.dojoDndAvatar .dgrid-row:after{display:none}.claro table.dojoDndAvatar .dgrid-row table td{background:#0e2736 !important;padding:5px;border:none}.claro table.dojoDndAvatar .dojoDndAvatarHeader{display:none}.claro table.dojoDndAvatar .dojoDndAvatarItem td{padding:0}.claro.dojoDndMove .dojoDndAvatarHeader{background-color:#f00}.claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader{background-color:#008000}.columnGridContainer{display:inline-block;padding-top:1em}.claro .featureGrid{margin-top:.5em}.claro .featureGrid,.claro .columnGrid,.claro .dojoDndAvatar{background:transparent;height:auto;border:0 !important;}.claro .featureGrid .dgrid-row,.claro .columnGrid .dgrid-row,.claro .dojoDndAvatar .dgrid-row{color:#fff;font-size:13px;font-weight:100;border:none !important;width:100%;padding:0;-webkit-transition:padding 0.3s;-moz-transition:padding 0.3s;-o-transition:padding 0.3s;-ms-transition:padding 0.3s;transition:padding 0.3s;cursor:default;}.claro .featureGrid .dgrid-row .dgrid-cell,.claro .columnGrid .dgrid-row .dgrid-cell,.claro .dojoDndAvatar .dgrid-row .dgrid-cell{padding:4px}.claro .featureGrid .dgrid-row-odd,.claro .columnGrid .dgrid-row-odd,.claro .dojoDndAvatar .dgrid-row-odd{background:#23343f}.claro .featureGrid .dgrid-row-even,.claro .columnGrid .dgrid-row-even,.claro .dojoDndAvatar .dgrid-row-even{background:#0b1e2a}.claro .featureGrid .dgrid-cell,.claro .columnGrid .dgrid-cell,.claro .dojoDndAvatar .dgrid-cell{line-height:26px;border:0;padding:0}.claro .featureGrid .dijitCheckBox,.claro .columnGrid .dijitCheckBox,.claro .dojoDndAvatar .dijitCheckBox{background:none;-webkit-border-radius:3px;border-radius:3px;background-color:#ecf0f1;-webkit-box-shadow:inset 1px 1px 3px 0 rgba(50,50,50,0.65);box-shadow:inset 1px 1px 3px 0 rgba(50,50,50,0.65);width:16px;height:16px;-webkit-transition:background-color 0.3s, box-shadow 0.3s;-moz-transition:background-color 0.3s, box-shadow 0.3s;-o-transition:background-color 0.3s, box-shadow 0.3s;-ms-transition:background-color 0.3s, box-shadow 0.3s;transition:background-color 0.3s, box-shadow 0.3s;}.claro .featureGrid .dijitCheckBox:hover,.claro .columnGrid .dijitCheckBox:hover,.claro .dojoDndAvatar .dijitCheckBox:hover{-webkit-box-shadow:inset 1px 1px 1px 0 rgba(50,50,50,0.45);box-shadow:inset 1px 1px 1px 0 rgba(50,50,50,0.45)}.claro .featureGrid .dijitCheckBox.dijitCheckBoxDisabled,.claro .columnGrid .dijitCheckBox.dijitCheckBoxDisabled,.claro .dojoDndAvatar .dijitCheckBox.dijitCheckBoxDisabled{background-color:#687987;-webkit-box-shadow:none;box-shadow:none}.claro .featureGrid .dijitCheckBox.dijitCheckBoxChecked,.claro .columnGrid .dijitCheckBox.dijitCheckBoxChecked,.claro .dojoDndAvatar .dijitCheckBox.dijitCheckBoxChecked{background:url("img/formSprite.png") no-repeat 0 1px;background-color:#0b6dc4;}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.claro .featureGrid .dijitCheckBox.dijitCheckBoxChecked,.claro .columnGrid .dijitCheckBox.dijitCheckBoxChecked,.claro .dojoDndAvatar .dijitCheckBox.dijitCheckBoxChecked{background:url("img/formSprite@2x.png") no-repeat 0 1px x 2}}.claro .featureGrid .dijitCheckBox.dijitCheckBoxChecked:hover,.claro .columnGrid .dijitCheckBox.dijitCheckBoxChecked:hover,.claro .dojoDndAvatar .dijitCheckBox.dijitCheckBoxChecked:hover{background-color:#0d85ef}.claro .featureGrid .dijitCheckBox.dijitCheckBoxCheckedDisabled,.claro .columnGrid .dijitCheckBox.dijitCheckBoxCheckedDisabled,.claro .dojoDndAvatar .dijitCheckBox.dijitCheckBoxCheckedDisabled{background:url("img/formSprite.png") no-repeat 0 1px;background-color:#084c89;}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.claro .featureGrid .dijitCheckBox.dijitCheckBoxCheckedDisabled,.claro .columnGrid .dijitCheckBox.dijitCheckBoxCheckedDisabled,.claro .dojoDndAvatar .dijitCheckBox.dijitCheckBoxCheckedDisabled{background:url("img/formSprite@2x.png") no-repeat 0 1px x 2}}.claro .featureGrid .dijitCheckBox.dijitCheckBoxCheckedDisabled:hover,.claro .columnGrid .dijitCheckBox.dijitCheckBoxCheckedDisabled:hover,.claro .dojoDndAvatar .dijitCheckBox.dijitCheckBoxCheckedDisabled:hover{background-color:#084c89}.claro .featureGrid .icon-gear,.claro .columnGrid .icon-gear,.claro .dojoDndAvatar .icon-gear{color:#6a7782;font-size:16px;vertical-align:middle;}.claro .featureGrid .icon-gear:hover,.claro .columnGrid .icon-gear:hover,.claro .dojoDndAvatar .icon-gear:hover{color:#c3c9ce}.claro .columnGrid .field-dragSource,.claro .dojoDndAvatar .field-dragSource{width:30px;font-size:16px;color:#6a7782;}.claro .columnGrid .field-dragSource i,.claro .dojoDndAvatar .field-dragSource i{position:relative;top:1px;}.claro .columnGrid .field-dragSource i:hover,.claro .dojoDndAvatar .field-dragSource i:hover{cursor:move}.claro .columnGrid .field-dragSource:hover,.claro .dojoDndAvatar .field-dragSource:hover,.claro .columnGrid .field-dragSource:active,.claro .dojoDndAvatar .field-dragSource:active{color:#0b6dc4}.claro .columnGrid .field-config,.claro .dojoDndAvatar .field-config{width:45px;padding-left:4px}.claro .columnGrid .field-label,.claro .dojoDndAvatar .field-label{padding-left:2px}.claro .columnGrid .icon-gear,.claro .dojoDndAvatar .icon-gear{margin-left:7px}.claro .columnGrid .icon-times,.claro .dojoDndAvatar .icon-times{color:#6a7782;vertical-align:middle}.claro .columnGrid .icon-times:hover,.claro .dojoDndAvatar .icon-times:hover{color:#d31605}.claro .columnGrid .dojoDndItem:before,.claro .dojoDndAvatar .dojoDndItem:before,.claro .columnGrid .dojoDndItem:after,.claro .dojoDndAvatar .dojoDndItem:after{border:1px dotted #3c5e79;content:" ";height:1px;display:block;-webkit-transition:height 0.2s, opacity 0.3s, background 0.3s;-moz-transition:height 0.2s, opacity 0.3s, background 0.3s;-o-transition:height 0.2s, opacity 0.3s, background 0.3s;-ms-transition:height 0.2s, opacity 0.3s, background 0.3s;transition:height 0.2s, opacity 0.3s, background 0.3s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.claro .columnGrid .dojoDndItem:active,.claro .dojoDndAvatar .dojoDndItem:active,.claro .columnGrid .dojoDndItem .dgrid-selected,.claro .dojoDndAvatar .dojoDndItem .dgrid-selected{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.claro .columnGrid .dojoDndItem .dojoDndHandle,.claro .dojoDndAvatar .dojoDndItem .dojoDndHandle{padding-left:10px;}.claro .columnGrid .dojoDndItem .dojoDndHandle:hover,.claro .dojoDndAvatar .dojoDndItem .dojoDndHandle:hover{cursor:move}.claro .columnGrid .dojoDndItemBefore:before,.claro .dojoDndAvatar .dojoDndItemBefore:before,.claro .columnGrid .dojoDndItemAfter:after,.claro .dojoDndAvatar .dojoDndItemAfter:after,.claro .columnGrid .dojoDndItemAfter:nth-last-child(2):after,.claro .dojoDndAvatar .dojoDndItemAfter:nth-last-child(2):after{background:#102b3c;height:30px;opacity:1;-ms-filter:none;filter:none;cursor:move}.claro .columnGrid .dojoDndItemAfter:nth-last-child(2):before,.claro .dojoDndAvatar .dojoDndItemAfter:nth-last-child(2):before{height:1px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.claro .columnGrid .dgrid-selected:before,.claro .dojoDndAvatar .dgrid-selected:before,.claro .columnGrid .dgrid-selected:after,.claro .dojoDndAvatar .dgrid-selected:after{height:1px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.claro .columnGrid .dojoDndItem .dgrid-cell,.claro .dojoDndAvatar .dojoDndItem .dgrid-cell{border-top:none;border-bottom:none}.claro .dijitRadio{background:url("img/formSprite.png") no-repeat -20px 0;}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.claro .dijitRadio{background:url("img/formSprite@2x.png") no-repeat -20px 0 x 2}}.claro .dijitRadioChecked{background:url("img/formSprite.png") no-repeat -41px 0;}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.claro .dijitRadioChecked{background:url("img/formSprite@2x.png") no-repeat -41px 0 x 2}}.columnGridForm{font-size:0;position:relative;padding:5px 0 14px 10px;}.columnGridForm .addBtn{background:transparent;border:none;color:#fff;font-size:18px;outline:none;padding:0 0 0 16px;-webkit-transition:color 0.4s;-moz-transition:color 0.4s;-o-transition:color 0.4s;-ms-transition:color 0.4s;transition:color 0.4s;vertical-align:middle;}.columnGridForm .addBtn:hover{color:#44de04;cursor:pointer}.columnGridForm .dijitTextBox:first-child{display:inline-block;width:calc(100% - 40px)}.columnEditor{margin:0;overflow-x:hidden;}.columnEditor .configForm{display:none}.columnEditor.slid .columnGridContainer{display:none}.columnEditor.slid .configForm{display:block}.configForm{color:#fff;font-weight:100;font-size:14px;position:relative;padding:15px;padding-top:1em;display:inline-block;vertical-align:top;}.configForm legend{color:#fff}.configForm .dijitButton{margin:0;position:absolute;top:18px;right:15px;z-index:1}.configForm .dijitButton .dijitButtonNode{font-size:12px}.configForm fieldset{font-size:0;position:relative}.configForm legend{font-size:14px;font-weight:400;margin:0 0 20px 0;padding:10px 0 0 0;text-transform:uppercase}.configForm .label{width:150px;display:inline-block;font-size:13px;vertical-align:top;height:35px}.configForm .propTitle{margin-bottom:.55em;font-size:13px;color:#a8eaff;text-transform:none}.configForm .field{font-weight:400;width:calc(100% - 180px);display:inline-block;vertical-align:top;font-size:12px;}.configForm .field .dijitTextBox{width:100%;margin-bottom:10px}.configForm .field .halfWidth{width:35%}.configForm .mixinProp{font-weight:400;margin-top:20px;text-transform:uppercase}.configForm .actionLink{cursor:pointer;color:#a8eaff;margin-left:1em}.featureEditor .gridTypeForm{line-height:26px;border:0;padding:0}.featureEditor{width:100%;}.featureEditor .configForm{width:100% !important;}.featureEditor .configForm .dijitButton{top:18px;right:15px;margin:0;z-index:1}.featureEditor .configForm a{color:#fff;font-size:13px}.featureEditor .gridTypeForm{padding:10px}.featureEditor .dgrid-row{padding:0 7px !important;position:relative;}.featureEditor .dgrid-row a{text-decoration:none;color:#fff;font-size:13px}.featureEditor .dgrid-row .icon-gear{position:absolute;right:10px;top:8px}.featureEditor .dgrid-row .dgrid-cell{padding:4px}.featureEditor .dgrid-row-even:hover{background:#102b3c;-webkit-transition:background 0.4s;-moz-transition:background 0.4s;-o-transition:background 0.4s;-ms-transition:background 0.4s;transition:background 0.4s}.featureEditor .dgrid-row-odd:hover{background:#2a3f4c;-webkit-transition:background 0.4s;-moz-transition:background 0.4s;-o-transition:background 0.4s;-ms-transition:background 0.4s;transition:background 0.4s}.featureEditor .field-selected{width:30px}.gridTypeForm{color:#fff;font-size:14px;font-weight:100;margin-bottom:10px}.demoGridPane,.demoCodePane{position:absolute;top:59px;bottom:25px;left:25px;right:25px}.demoGridPane{color:#95a5a6;}.demoGridPane .dgrid{height:100%}.demoGridPane .dgrid-content .dojoDndItem,.demoGridPane .dgrid-content .dojoDndItemOver{padding:0;border:0}.demoCodePane textarea{background:#ebebeb;border:0;font-family:Consolas,Courier,monospace;font-size:12px;height:100%;padding:5px;resize:none;width:100%}.render{padding-top:13px;}.render .gridBtn,.render .codeBtn{font-size:13px;margin:0;padding:.55em .75em;font-weight:normal;cursor:pointer;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;-ms-transition:background 0.3s;transition:background 0.3s;}.render .gridBtn i,.render .codeBtn i{margin-right:.45em;position:relative;top:1px}.render .gridBtn{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.render .codeBtn{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.render[data-selected-page="code"] .demoGridPane{display:none}.render[data-selected-page="code"] .codeBtn{background:#2b6ba2;color:#fff}.render[data-selected-page="code"] .gridBtn{background:#e1e1e1;color:#333;}.render[data-selected-page="code"] .gridBtn:hover{background:#cfe2f2}.render[data-selected-page="grid"] .demoCodePane{display:none}.render[data-selected-page="grid"] .codeBtn{background:#e1e1e1;color:#333;}.render[data-selected-page="grid"] .codeBtn:hover{background:#cfe2f2}.render[data-selected-page="grid"] .gridBtn{background:#2b6ba2;color:#fff}