*{margin:0;padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}.jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0px;right:1px;width:8px;height:100%;opacity:0;z-index:11}.jspCap{display:none}.jspTrack{background:transparent;position:relative}.jspDrag{background:#666;position:relative;top:0;left:0;cursor:pointer;border-radius:5px}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}a.circle,span.circle{font-family:"Trebuchet MS", "Verdana";display:inline-block;color:#444444;font-size:19px;height:26px;width:26px;line-height:19px;padding:3px 0;border:1px solid #444444;text-align:center;border-radius:100%;text-decoration:none;margin:2px 0;opacity:0.6;position:relative;cursor:pointer}a.circle.large,span.circle.large{height:36px;width:36px;line-height:30px;padding:3px 0;margin:2px 5px}a.circle.logo,span.circle.logo{padding:0;border:none;opacity:1}a.circle.logo img,span.circle.logo img{width:100%;height:100%}a.circle:hover,span.circle:hover{opacity:1}a.circle:hover span,span.circle:hover span{visibility:visible}a.circle span,span.circle span{position:absolute;top:100%;left:50%;font-size:14px;width:100px;margin-left:-50px;visibility:hidden;display:inline-block}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background:#e3e8ea;border:1px solid #c1c3c6;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.428571429;border-radius:4px;text-decoration:none;color:#666666;outline:none}.btn:hover{background:#d3d8da}.btn.btn-small{padding:2px 6px;font-size:12px}.btn.btn-danger{background:#d9534f;color:white;border:1px solid #c9433f}.btn.btn-danger:hover{background:#c9433f}.clearfix{clear:both}#workspace{position:fixed;top:0;left:0;width:100%;height:100%}#workspace #design{position:fixed;top:0;left:0;width:100%;height:100%}#workspace #preview{display:none}#simulator-container{height:100%;width:100%;overflow-y:auto;position:absolute}#sharing,#actions{visibility:visible}#sharing{position:absolute;width:202px;background:white;border-radius:10px;border:1px solid #888888;top:15px;left:15px;padding:0}#sharing #qrcode{margin:15px;width:150px;height:150px}#sharing h4{margin:15px}#sharing input{margin:0px 15px 15px 15px;width:168px;padding:6px 5px}#simulator{position:absolute;box-shadow:0px 0px 20px #666666;background:#444444;border-radius:10px;padding:21px 21px 41px 21px;margin-bottom:40px;left:50%}#simulator.android #home a#back_prev{display:block}#simulator .lr,#simulator .pg{display:none}#simulator .clickable{cursor:pointer}#simulator #stickies{overflow:visible;position:absolute;top:0;left:0;height:0;z-index:101}#simulator #app{display:block;background:#f0f0f2;width:100%;height:100%;position:relative;overflow:hidden}#simulator #app .pg{display:none}#simulator #app #gs{position:absolute;top:0;left:0;width:100%;height:20px;z-index:102}#simulator #app #gs .status_bar{background-color:transparent}#simulator #app #gs .status_bar .border{display:none}#simulator #app #gh,#simulator #app #gf{z-index:101;height:0px;overflow:hidden}#simulator #app #gh{top:0}#simulator #app #gh .keyboard,#simulator #app #gh .tab_bar{display:none}#simulator #app #gf{bottom:0px}#simulator #app #gf .widget{margin-top:-20px}#simulator #app #gestures{position:absolute;top:0;left:0;width:100%;padding:60px 20px;z-index:102;text-align:center;display:none}#simulator #app #gestures .gesture{display:inline-block}#simulator #app .fixed{position:absolute;left:0;width:100%;z-index:100;background:transparent;border:none;padding:0}#simulator #app .fixed .status_bar .signal,#simulator #app .fixed .status_bar .carrier,#simulator #app .fixed .status_bar .time,#simulator #app .fixed .status_bar .battery,#simulator #app .scontainer .status_bar .signal,#simulator #app .scontainer .status_bar .carrier,#simulator #app .scontainer .status_bar .time,#simulator #app .scontainer .status_bar .battery{display:none}#simulator #app .link{position:absolute}#simulator #app .link .region{position:absolute;z-index:100;background-image:-webkit-linear-gradient(135deg, rgba(254,157,96,0.7) 25%, rgba(254,157,96,0.4) 25%, rgba(254,157,96,0.4) 50%, rgba(254,157,96,0.7) 50%, rgba(254,157,96,0.7) 75%, rgba(254,157,96,0.4) 75%, rgba(254,157,96,0.4));background-image:-moz-linear-gradient(135deg, rgba(254,157,96,0.7) 25%, rgba(254,157,96,0.4) 25%, rgba(254,157,96,0.4) 50%, rgba(254,157,96,0.7) 50%, rgba(254,157,96,0.7) 75%, rgba(254,157,96,0.4) 75%, rgba(254,157,96,0.4));background-image:linear-gradient(135deg, rgba(254,157,96,0.7) 25%, rgba(254,157,96,0.4) 25%, rgba(254,157,96,0.4) 50%, rgba(254,157,96,0.7) 50%, rgba(254,157,96,0.7) 75%, rgba(254,157,96,0.4) 75%, rgba(254,157,96,0.4));background-size:30px 30px;opacity:0}#simulator #app .link .region img{position:absolute;left:50%;top:50%;margin-left:-46px;margin-top:-63px}#simulator #app .link .handler,#simulator #app .link .line,#simulator #app .link .settings{display:none}#simulator #app .pcanvas{background:#f0f0f2;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1;width:100%;height:100%;position:absolute;left:0;top:0;overflow:visible}#simulator #app .pcanvas .stickies{display:none}#simulator #app .pcanvas .widgets{overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden;width:100%;height:100%;position:relative}#simulator #app .pcanvas .widgets .scontainer{position:relative;overflow:hidden;width:100%}#simulator #app .pcanvas .widgets .scontainer .header,#simulator #app .pcanvas .widgets .scontainer .footer{position:absolute;width:100%;left:0;padding:0;background:#f0f0f2;z-index:100;border:none}#simulator #app .pcanvas .widgets .scontainer .header{top:0}#simulator #app .pcanvas .widgets .scontainer .footer{bottom:0}#simulator #app .pcanvas .widgets .scontainer .keyboard{display:none}#simulator #app .pcanvas.active{left:0px;z-index:3}#simulator #app .pcanvas.menu{z-index:4;box-shadow:0 0 8px #aaaaaa}#simulator #app .pcanvas.menu .header,#simulator #app .pcanvas.menu .footer{display:none}#simulator #app .pcanvas.lmenu{border-left:1px solid #bbbbbb}#simulator #app .pcanvas.rmenu{border-right:1px solid #bbbbbb}#simulator #app .pcanvas.top{z-index:5}#simulator #home{position:absolute;left:0;bottom:0px;width:100%;height:40px;text-align:center;padding:7px 0;display:none}#simulator #home a{border:none;font-size:24px;height:26px;line-height:26px;width:26px;color:white;opacity:0.6;margin:0 5px;padding:0;cursor:pointer}#simulator #home a:hover{opacity:1}#simulator #home a#back_prev{position:absolute;left:60px;top:8px;font-size:20px;display:none}.splash{position:absolute;width:auto;height:auto;top:21px;left:21px;bottom:41px;right:21px;z-index:10;background:#333333}.splash img{position:absolute}.splash .title{position:absolute;width:100%;top:20%;text-align:center;font-size:36px;line-height:36px;text-transform:capitalize}.splash .loading{top:35%;position:absolute;width:100%;text-align:center;font-size:32px;height:32px}.landscape .splash .loading{top:50%;margin-top:-16px}#simulator-container #actions{width:200px;height:66px;background:transparent;position:fixed;top:0;right:0;padding:15px;text-align:right}a#reset_app{display:inline-block;padding-top:2px}a#back_to_design{display:inline-block;padding-top:2px;margin:0}body.mobile .mhide{display:none}body.mobile .box{position:absolute;top:30px;bottom:30px;left:66px;right:20px;border-radius:8px;background:RGBA(254, 254, 254, 1);border:1px solid #bbbbbb;padding:15px;border-radius:6px}body.mobile .box .title{text-align:left;color:#333333;font-size:24px;font-weight:300;text-transform:capitalize;line-height:22px;margin-bottom:20px}body.mobile .box .meta{text-align:left;font-size:16px;line-height:20px;color:#333333}body.mobile .box .meta p{margin-bottom:20px}body.mobile .box .meta p i{font-size:32px;color:#1f88ff}body.mobile #simulator-container{overflow:visible}body.mobile #simulator #stickies{display:none}body.mobile #simulator #app{overflow:visible}body.mobile #simulator #app #gs .status_bar.standalone.light{background-color:#555555}body.mobile #simulator #app #gs .status_bar.standalone .border,body.mobile #simulator #app #gs .status_bar.standalone .signal,body.mobile #simulator #app #gs .status_bar.standalone .carrier,body.mobile #simulator #app #gs .status_bar.standalone .time,body.mobile #simulator #app #gs .status_bar.standalone .battery{display:none}body.mobile #simulator #app .pcanvas{cursor:pointer;overflow:visible}body.mobile .splash{top:0;left:0;right:0;bottom:0;border:none}body.mobile #simulator.ipad,body.mobile #simulator.iphone,body.mobile #simulator.android{width:100%;height:100%;border-radius:0px;box-shadow:none;top:50%;left:50%;margin:0;border:none;display:block;padding:0;overflow:visible}body.embed .mhide{display:none}body.embed #simulator.ipad,body.embed #simulator.iphone,body.embed #simulator.android{overflow:hidden;border-radius:0px;box-shadow:none;top:0;margin:0;border:none;display:block;padding:0}.android.landscape{top:148px}.android.landscape .splash img{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}.android.landscape .keyboard{height:160px}.android.landscape .keyboard .row{height:33px;margin:6px auto}.android.landscape .keyboard .row .key{height:32px;line-height:33px}.android.portrait{top:40px}.android.portrait .keyboard{height:218px}.android.portrait .keyboard .row{margin:12px auto}.android .navigation_bar{top:23px;height:55px;line-height:55px}.android .status_bar{background:#555555;height:23px}.android .status_bar .time{left:auto;right:10px;width:auto;top:6px;line-height:12px;font-size:13px;color:white}.android .status_bar .carrier,.android .status_bar .border,.android .status_bar .meridian{display:none}.android .status_bar .signal{position:absolute;margin:0;right:72px;top:5px;width:12px;height:12px;overflow:hidden}.android .status_bar .signal .ball{position:absolute;top:4px;left:4px;background:white;width:16px;height:16px;border-radius:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.android .status_bar .battery .head{top:4px;right:51px;width:5px;background:white}.android .status_bar .battery .body{top:5px;right:50px;width:8px;height:12px;background:white;border-radius:0;border:none}.android .status_bar .battery .body .inner{top:0;left:0;bottom:0;right:0;background:white}.android .status_bar.dark{background:#444444}.android .status_bar.indigo{background:#303f9f}.android .status_bar.pink{background:#c2185b}.android .status_bar.red{background:#d01716}.android .status_bar.teal{background:#00796b}.android .status_bar.green{background:#0a7e07}.android .status_bar.orange{background:#e64a19}.android .status_bar.purple{background:#7b1fa2}.android .status_bar.grey{background:#455a64}.android .status_bar.blue{background:#455ede}.android .status_bar.cyan{background:#0097a7}.android .status_bar.lblue{background:#0288d1}.android .status_bar.dpurple{background:#512da8}.android .status_bar.lgreen{background:#689f38}.android .status_bar.lorange{background:#f57c00}.ipad.x75{top:60px}.ipad.x75 .pg{width:23px;height:32px}.ipad.x75 .pg i{background-size:23px 32px}.ipad.x75 .navigation_bar{font-size:14px;height:33px;top:15px;line-height:33px}.ipad.x75 .search_bar{height:33px}.ipad.x75 .search_bar .text_edit{margin:6px auto;width:98%;height:21px;border-radius:5px;line-height:22px}.ipad.x75 .search_bar .text_edit .icon_search{padding:0 7px;height:21px}.ipad.x75 .tab_item{height:34px;font-size:9px}.ipad.x75 .tab_item .icon{padding-top:1px;line-height:18px}.ipad.x75 .tab_item .tab{line-height:9px}.ipad.x75 .tab_bar{height:34px}.ipad.x75 .hr{min-height:9px;padding:4px 0}.ipad.x75 .ve{min-width:9px;padding:0 4px}.ipad.x75 .switch{width:38px;height:24px}.ipad.x75 .switch .wrapper{height:23px;padding-right:15px}.ipad.x75 .switch .circle{top:1px;right:1px;width:20px;height:20px}.ipad.x75 .status_bar{height:15px}.ipad.x75 .status_bar .border{top:15px}.ipad.x75 .status_bar .signal{margin:5px 4px;height:5px;width:30px}.ipad.x75 .status_bar .signal .ball{width:5px;height:5px}.ipad.x75 .status_bar .carrier{left:36px;top:3px;height:9px;line-height:9px;font-size:9px}.ipad.x75 .status_bar .time{top:3px;height:9px;line-height:9px;font-size:9px}.ipad.x75 .status_bar .battery .body{top:3px;right:7px;width:15px;height:9px}.ipad.x75 .status_bar .battery .head{top:5px;right:4px;height:5px;width:2px}.ipad.landscape.x75 .splash img{width:768px;height:576px}.ipad.landscape.x75 .keyboard{height:264px}.ipad.landscape.x75 .keyboard .row{height:58px;margin:6px auto}.ipad.landscape.x75 .keyboard .row .key{height:58px;line-height:59px;font-size:18px;border-radius:6px}.ipad.portrait.x75 .splash img{height:768px;width:576px}.ipad.portrait.x75 .keyboard{height:198px}.ipad.portrait.x75 .keyboard .row{margin:7px auto}.ipad.portrait.x75 .keyboard .row .key{font-size:18px}.ipad.landscape.x100 .keyboard{height:352px}.ipad.landscape.x100 .keyboard .row{height:78px;margin:8px auto}.ipad.landscape.x100 .keyboard .row .key{height:78px;line-height:79px;font-size:24px;border-radius:6px}.ipad.portrait.x100 .keyboard{height:264px}.ipad.portrait.x100 .keyboard .row{height:56px;margin:8px auto}.ipad.portrait.x100 .keyboard .row .key{height:56px;line-height:57px;font-size:24px;border-radius:6px}.iphone.landscape{top:124px}.iphone.landscape .splash img{-webkit-transform:rotate(90deg);-webkit-transform-origin:center center;-moz-transform:rotate(90deg);-moz-transform-origin:center center;transform:rotate(90deg);transform-origin:center center}.iphone.landscape .keyboard{height:160px}.iphone.landscape .keyboard .row{height:33px;margin:6px auto}.iphone.landscape .keyboard .row .key{height:32px;line-height:33px}.iphone.portrait{top:60px}.iphone.portrait .keyboard{height:218px}.iphone.portrait .keyboard .row{margin:12px auto}.dark.status_bar .signal .ball,.indigo.status_bar .signal .ball,.pink.status_bar .signal .ball,.red.status_bar .signal .ball,.teal.status_bar .signal .ball,.green.status_bar .signal .ball,.orange.status_bar .signal .ball,.purple.status_bar .signal .ball,.grey.status_bar .signal .ball,.blue.status_bar .signal .ball,.cyan.status_bar .signal .ball,.lblue.status_bar .signal .ball,.dpurple.status_bar .signal .ball,.lgreen.status_bar .signal .ball,.lorange.status_bar .signal .ball{background-color:white}.dark.status_bar .battery .body,.indigo.status_bar .battery .body,.pink.status_bar .battery .body,.red.status_bar .battery .body,.teal.status_bar .battery .body,.green.status_bar .battery .body,.orange.status_bar .battery .body,.purple.status_bar .battery .body,.grey.status_bar .battery .body,.blue.status_bar .battery .body,.cyan.status_bar .battery .body,.lblue.status_bar .battery .body,.dpurple.status_bar .battery .body,.lgreen.status_bar .battery .body,.lorange.status_bar .battery .body{border-color:white}.dark.status_bar .battery .body .inner,.indigo.status_bar .battery .body .inner,.pink.status_bar .battery .body .inner,.red.status_bar .battery .body .inner,.teal.status_bar .battery .body .inner,.green.status_bar .battery .body .inner,.orange.status_bar .battery .body .inner,.purple.status_bar .battery .body .inner,.grey.status_bar .battery .body .inner,.blue.status_bar .battery .body .inner,.cyan.status_bar .battery .body .inner,.lblue.status_bar .battery .body .inner,.dpurple.status_bar .battery .body .inner,.lgreen.status_bar .battery .body .inner,.lorange.status_bar .battery .body .inner{background:white}.dark.status_bar .battery .head,.indigo.status_bar .battery .head,.pink.status_bar .battery .head,.red.status_bar .battery .head,.teal.status_bar .battery .head,.green.status_bar .battery .head,.orange.status_bar .battery .head,.purple.status_bar .battery .head,.grey.status_bar .battery .head,.blue.status_bar .battery .head,.cyan.status_bar .battery .head,.lblue.status_bar .battery .head,.dpurple.status_bar .battery .head,.lgreen.status_bar .battery .head,.lorange.status_bar .battery .head{background:white}.dark.keyboard,.indigo.keyboard,.pink.keyboard,.red.keyboard,.teal.keyboard,.green.keyboard,.orange.keyboard,.purple.keyboard,.grey.keyboard,.blue.keyboard,.cyan.keyboard,.lblue.keyboard,.dpurple.keyboard,.lgreen.keyboard,.lorange.keyboard{background:#444444}.dark.keyboard .row .key,.indigo.keyboard .row .key,.pink.keyboard .row .key,.red.keyboard .row .key,.teal.keyboard .row .key,.green.keyboard .row .key,.orange.keyboard .row .key,.purple.keyboard .row .key,.grey.keyboard .row .key,.blue.keyboard .row .key,.cyan.keyboard .row .key,.lblue.keyboard .row .key,.dpurple.keyboard .row .key,.lgreen.keyboard .row .key,.lorange.keyboard .row .key{background:#777777;border-color:#1c2111;color:white}.dark.keyboard .row .ctrl,.indigo.keyboard .row .ctrl,.pink.keyboard .row .ctrl,.red.keyboard .row .ctrl,.teal.keyboard .row .ctrl,.green.keyboard .row .ctrl,.orange.keyboard .row .ctrl,.purple.keyboard .row .ctrl,.grey.keyboard .row .ctrl,.blue.keyboard .row .ctrl,.cyan.keyboard .row .ctrl,.lblue.keyboard .row .ctrl,.dpurple.keyboard .row .ctrl,.lgreen.keyboard .row .ctrl,.lorange.keyboard .row .ctrl{color:white}.dark.keyboard .row .switch,.indigo.keyboard .row .switch,.pink.keyboard .row .switch,.red.keyboard .row .switch,.teal.keyboard .row .switch,.green.keyboard .row .switch,.orange.keyboard .row .switch,.purple.keyboard .row .switch,.grey.keyboard .row .switch,.blue.keyboard .row .switch,.cyan.keyboard .row .switch,.lblue.keyboard .row .switch,.dpurple.keyboard .row .switch,.lgreen.keyboard .row .switch,.lorange.keyboard .row .switch{color:white}.dark.keyboard .row .ctrl,.dark.keyboard .row .switch,.indigo.keyboard .row .ctrl,.indigo.keyboard .row .switch,.pink.keyboard .row .ctrl,.pink.keyboard .row .switch,.red.keyboard .row .ctrl,.red.keyboard .row .switch,.teal.keyboard .row .ctrl,.teal.keyboard .row .switch,.green.keyboard .row .ctrl,.green.keyboard .row .switch,.orange.keyboard .row .ctrl,.orange.keyboard .row .switch,.purple.keyboard .row .ctrl,.purple.keyboard .row .switch,.grey.keyboard .row .ctrl,.grey.keyboard .row .switch,.blue.keyboard .row .ctrl,.blue.keyboard .row .switch,.cyan.keyboard .row .ctrl,.cyan.keyboard .row .switch,.lblue.keyboard .row .ctrl,.lblue.keyboard .row .switch,.dpurple.keyboard .row .ctrl,.dpurple.keyboard .row .switch,.lgreen.keyboard .row .ctrl,.lgreen.keyboard .row .switch,.lorange.keyboard .row .ctrl,.lorange.keyboard .row .switch{background:#555555}.dark.search_bar,.indigo.search_bar,.pink.search_bar,.red.search_bar,.teal.search_bar,.green.search_bar,.orange.search_bar,.purple.search_bar,.grey.search_bar,.blue.search_bar,.cyan.search_bar,.lblue.search_bar,.dpurple.search_bar,.lgreen.search_bar,.lorange.search_bar{color:#f0f0f0}.dark.text_field span,.indigo.text_field span,.pink.text_field span,.red.text_field span,.teal.text_field span,.green.text_field span,.orange.text_field span,.purple.text_field span,.grey.text_field span,.blue.text_field span,.cyan.text_field span,.lblue.text_field span,.dpurple.text_field span,.lgreen.text_field span,.lorange.text_field span{color:#f0f0f0}.tab_item.light,.icon_button.light,.label.light,.text_view.light{color:white}.status_bar.dark,.navigation_bar.dark,.tab_bar.dark,.search_bar.dark,.button.dark,.rectangle.dark,.rounded_rect.dark,.text_field.dark{background-color:#555555;color:white;border-color:#444444}.label.dark,.text_view.dark,.icon_button.dark,.tab_item.dark{color:#555555}.hr.dark span,.ve.dark span{background:#555555}.rectangle.dark,.rounded_rect.dark,.button.dark,.text_field.dark{background:#666666}.image_view.dark span{background:#666666}.search_bar.dark .text_edit{background:#666666}.keyboard.dark{background:#555555}.keyboard.dark .row .key{background:#666666}.status_bar.indigo,.navigation_bar.indigo,.tab_bar.indigo,.search_bar.indigo,.button.indigo,.rectangle.indigo,.rounded_rect.indigo,.text_field.indigo{background-color:#3f51b5;color:white;border-color:#3949ab}.label.indigo,.text_view.indigo,.icon_button.indigo,.tab_item.indigo{color:#3f51b5}.hr.indigo span,.ve.indigo span{background:#3f51b5}.rectangle.indigo,.rounded_rect.indigo,.button.indigo,.text_field.indigo{background:#5c6bc0}.image_view.indigo span{background:#5c6bc0}.search_bar.indigo .text_edit{background:#5c6bc0}.keyboard.indigo{background:#3f51b5}.keyboard.indigo .row .key{background:#5c6bc0}.status_bar.pink,.navigation_bar.pink,.tab_bar.pink,.search_bar.pink,.button.pink,.rectangle.pink,.rounded_rect.pink,.text_field.pink{background-color:#ff4081;color:white;border-color:#d81b60}.label.pink,.text_view.pink,.icon_button.pink,.tab_item.pink{color:#ff4081}.hr.pink span,.ve.pink span{background:#ff4081}.rectangle.pink,.rounded_rect.pink,.button.pink,.text_field.pink{background:#ff6091}.image_view.pink span{background:#ff6091}.search_bar.pink .text_edit{background:#ff6091}.keyboard.pink{background:#ff4081}.keyboard.pink .row .key{background:#ff6091}.status_bar.red,.navigation_bar.red,.tab_bar.red,.search_bar.red,.button.red,.rectangle.red,.rounded_rect.red,.text_field.red{background-color:#e51c23;color:white;border-color:#dd191d}.label.red,.text_view.red,.icon_button.red,.tab_item.red{color:#e51c23}.hr.red span,.ve.red span{background:#e51c23}.rectangle.red,.rounded_rect.red,.button.red,.text_field.red{background:#e84e40}.image_view.red span{background:#e84e40}.search_bar.red .text_edit{background:#e84e40}.keyboard.red{background:#e51c23}.keyboard.red .row .key{background:#e84e40}.status_bar.blue,.navigation_bar.blue,.tab_bar.blue,.search_bar.blue,.button.blue,.rectangle.blue,.rounded_rect.blue,.text_field.blue{background-color:#5677fc;color:white;border-color:#4e6cef}.label.blue,.text_view.blue,.icon_button.blue,.tab_item.blue{color:#5677fc}.hr.blue span,.ve.blue span{background:#5677fc}.rectangle.blue,.rounded_rect.blue,.button.blue,.text_field.blue{background:#738ffe}.image_view.blue span{background:#738ffe}.search_bar.blue .text_edit{background:#4e6cef}.keyboard.blue{background:#5677fc}.keyboard.blue .row .key{background:#738ffe}.status_bar.lblue,.navigation_bar.lblue,.tab_bar.lblue,.search_bar.lblue,.button.lblue,.rectangle.lblue,.rounded_rect.lblue,.text_field.lblue{background-color:#03a9f4;color:white;border-color:#039be5}.label.lblue,.text_view.lblue,.icon_button.lblue,.tab_item.lblue{color:#03a9f4}.hr.lblue span,.ve.lblue span{background:#03a9f4}.rectangle.lblue,.rounded_rect.lblue,.button.lblue,.text_field.lblue{background:#29b6f6}.image_view.lblue span{background:#29b6f6}.search_bar.lblue .text_edit{background:#29b6f6}.keyboard.lblue{background:#03a9f4}.keyboard.lblue .row .key{background:#29b6f6}.status_bar.cyan,.navigation_bar.cyan,.tab_bar.cyan,.search_bar.cyan,.button.cyan,.rectangle.cyan,.rounded_rect.cyan,.text_field.cyan{background-color:#00bcd4;color:white;border-color:#00acc1}.label.cyan,.text_view.cyan,.icon_button.cyan,.tab_item.cyan{color:#00bcd4}.hr.cyan span,.ve.cyan span{background:#00bcd4}.rectangle.cyan,.rounded_rect.cyan,.text_field.cyan,.button.cyan{background:#26c6da}.image_view.cyan span{background:#26c6da}.search_bar.cyan .text_edit{background:#26c6da}.keyboard.cyan{background:#00bcd4}.keyboard.cyan .row .key{background:#26c6da}.status_bar.teal,.navigation_bar.teal,.tab_bar.teal,.search_bar.teal,.button.teal,.rectangle.teal,.rounded_rect.teal,.text_field.teal{background-color:#009688;color:white;border-color:#00897b}.label.teal,.text_view.teal,.icon_button.teal,.tab_item.teal{color:#009688}.rectangle.teal,.rounded_rect.teal,.button.teal,.text_field.teal{background:#26a69a}.image_view.teal span{background:#26a69a}.hr.teal span,.ve.teal span{background:#009688}.search_bar.teal .text_edit{background:#26a69a;color:#eeeeee}.keyboard.teal{background:#009688}.keyboard.teal .row .key{background:#26a69a}.status_bar.green,.navigation_bar.green,.tab_bar.green,.search_bar.green,.button.green,.rectangle.green,.rounded_rect.green,.text_field.green{background-color:#259b24;color:white;border-color:#0a8f08}.label.green,.text_view.green,.icon_button.green,.tab_item.green{color:#259b24}.rectangle.green,.rounded_rect.green,.text_field.green,.button.green{background:#2baf2b}.image_view.green span{background:#2baf2b}.hr.green span,.ve.green span{background:#259b24}.search_bar.green .text_edit{background:#2baf2b}.keyboard.green{background:#259b24}.keyboard.green .row .key{background:#2baf2b}.status_bar.lgreen,.navigation_bar.lgreen,.tab_bar.lgreen,.search_bar.lgreen,.button.lgreen,.rectangle.lgreen,.rounded_rect.lgreen,.text_field.lgreen{background-color:#8bc34a;color:white;border-color:#7cb342}.label.lgreen,.text_view.lgreen,.icon_button.lgreen,.tab_item.lgreen{color:#8bc34a}.hr.lgreen span,.ve.lgreen span{background:#8bc34a}.rectangle.lgreen,.rounded_rect.lgreen,.text_field.lgreen,.button.lgreen{background:#9ccc65}.image_view.lgreen span{background:#9ccc65}.search_bar.lgreen .text_edit{background:#9ccc65}.keyboard.lgreen{background:#8bc34a}.keyboard.lgreen .row .key{background:#9ccc65}.status_bar.orange,.navigation_bar.orange,.tab_bar.orange,.search_bar.orange,.button.orange,.rectangle.orange,.rounded_rect.orange,.text_field.orange{background-color:#ff5722;color:white;border-color:#f4511e}.label.orange,.text_view.orange,.icon_button.orange,.tab_item.orange{color:#ff5722}.rectangle.orange,.rounded_rect.orange,.button.orange,.text_field.orange{background:#ff7043}.image_view.orange span{background:#ff7043}.hr.orange span,.ve.orange span{background:#ff5722}.search_bar.orange .text_edit{background:#ff7043}.keyboard.orange{background:#ff5722}.keyboard.orange .row .key{background:#ff7043}.status_bar.lorange,.navigation_bar.lorange,.tab_bar.lorange,.search_bar.lorange,.button.lorange,.rectangle.lorange,.rounded_rect.lorange,.text_field.lorange{background-color:#ff9800;color:white;border-color:#fb8c00}.label.lorange,.text_view.lorange,.icon_button.lorange,.tab_item.lorange{color:#ff9800}.rectangle.lorange,.rounded_rect.lorange,.button.lorange,.text_field.lorange{background:#ffa726}.image_view.lorange span{background:#ffa726}.hr.lorange span,.ve.lorange span{background:#ff9800}.search_bar.lorange .text_edit{background:#ffa726}.keyboard.lorange{background:#ff5722}.keyboard.lorange .row .key{background:#ffa726}.status_bar.purple,.navigation_bar.purple,.tab_bar.purple,.search_bar.purple,.button.purple,.rectangle.purple,.rounded_rect.purple,.text_field.purple{background-color:#9c27b0;color:white;border-color:#8e24aa}.label.purple,.text_view.purple,.icon_button.purple,.tab_item.purple{color:#9c27b0}.rectangle.purple,.rounded_rect.purple,.text_field.purple,.button.purple{background:#ab47bc}.image_view.purple span{background:#ab47bc}.hr.purple span,.ve.purple span{background:#9c27b0}.search_bar.purple .text_edit{background:#ab47bc;color:#f0f0f0}.keyboard.purple{background:#9c27b0}.keyboard.purple .row .key{background:#ab47bc}.status_bar.dpurple,.navigation_bar.dpurple,.tab_bar.dpurple,.search_bar.dpurple,.button.dpurple,.rectangle.dpurple,.rounded_rect.dpurple,.text_field.dpurple{background-color:#673ab7;color:white;border-color:#5e35b1}.label.dpurple,.text_view.dpurple,.icon_button.dpurple,.tab_item.dpurple{color:#673ab7}.hr.dpurple span,.ve.dpurple span{background:#673ab7}.rectangle.dpurple,.rounded_rect.dpurple,.text_field.dpurple,.button.dpurple{background:#7e57c2}.image_view.dpurple span{background:#7e57c2}.search_bar.dpurple .text_edit{background:#7e57c2}.keyboard.dpurple{background:#673ab7}.keyboard.dpurple .row .key{background:#7e57c2}.status_bar.grey,.navigation_bar.grey,.tab_bar.grey,.search_bar.grey,.button.grey,.rectangle.grey,.rounded_rect.grey,.text_field.grey{background-color:#607d8b;color:white;border-color:#546e7a}.label.grey,.text_view.grey,.icon_button.grey,.tab_item.grey{color:#607d8b}.hr.grey span,.ve.grey span{background:#607d8b}.rectangle.grey,.rounded_rect.grey,.text_field.grey,.button.grey{background:#78909c}.image_view.grey span{background:#78909c}.search_bar.grey .text_edit{background:#78909c}.keyboard.grey{background:#607d8b}.keyboard.grey .row .key{background:#78909c}#dragging{background:white;border:1px dotted black;opacity:0.5}.ui-draggable-dragging{z-index:10}.widget{position:absolute;cursor:default}.widget.highlight{background:RGBA(223, 140, 0, 0.3)}.widget .template{display:none}.widget.tdunderline .text{text-decoration:underline}.widget.tdoverline .text{text-decoration:overline}.widget.tdline-through .text{text-decoration:line-through}.pg{width:52px;height:52px;border:1px dashed #bbbbbb;background:white}.pg i{display:block;height:42px;width:30px;margin:5px 11px}.label,.text_view{z-index:5;background:transparent;color:#101010;overflow:hidden;border-color:#bbbbbb;border-style:solid}.label .container,.text_view .container{display:table;padding:0px;height:100%;width:100%}.label .container .text,.text_view .container .text{display:table-cell}.label .container .text p,.text_view .container .text p{padding:0;margin-bottom:5px;white-space:pre-wrap}.label .container .text p:last-child,.text_view .container .text p:last-child{margin-bottom:0px}.label.vtop .text,.text_view.vtop .text{vertical-align:top}.label.vbottom .text,.text_view.vbottom .text{vertical-align:bottom}.label.vmiddle .text,.text_view.vmiddle .text{vertical-align:middle}.sticky{background:#ffffcc;box-shadow:4px 4px 10px rgba(33,33,33,0.7);font-size:14px;line-height:20px;color:#555555;padding:10px;z-index:100}.sticky p{margin-bottom:8px}.button{background-color:white;border:1px solid #bbbbbb;z-index:5}.button span{display:block;position:absolute;left:0;width:100%;text-align:inherit;white-space:pre}.button.vmiddle span{top:50%;height:12px;margin-top:-5px;line-height:12px}.button.vtop span{top:0;line-height:100%}.button.vbottom span{bottom:0;line-height:100%}.text_field{background:white;z-index:5;color:#888888;border:1px solid #bbbbbb}.text_field span{padding:0 8px;display:block;position:absolute;left:0;width:100%;white-space:pre}.text_field.vmiddle span{top:50%;height:12px;margin-top:-5px;line-height:12px}.text_field.vtop span{top:0;line-height:100%}.text_field.vbottom span{bottom:0;line-height:100%}.navigation_bar{font-size:18px;height:45px;width:100%;top:20px;left:0;line-height:45px;text-align:center;background:#f8f8f8;color:#101010;z-index:4;border-color:#bbbbbb}.navigation_bar span{white-space:pre;line-height:100%;display:inline-block}.navigation_bar:after{border-top-width:1px;border-top-style:solid;border-top-color:inherit;display:block;content:"\00a0";height:1px}.search_bar{z-index:4;width:100%;height:45px;background:#cccccc;font-size:14px;color:#888888;border-color:#bbbbbb}.search_bar:after{position:absolute;bottom:-1px;left:0;height:1px;width:100%;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:inherit;display:block;content:"\00a0"}.search_bar .text_edit{margin:7px 10px 6px 10px;height:32px;border-radius:8px;background-color:white;line-height:32px}.search_bar .text_edit .icon_search{padding:0 10px;height:32px;border:none;display:inline-block}.search_bar .text_edit span.text{white-space:pre}.tab_item{height:45px;z-index:5;color:#444444;display:table;text-align:center;font-size:12px;bottom:0}.tab_item .wrapper{display:table-cell;vertical-align:middle}.tab_item .icon{padding-top:2px;font-size:24px;line-height:26px}.tab_item .tab{line-height:12px}.tab_bar{z-index:4;width:100%;height:45px;left:0;bottom:0;background:#f8f8f8;border-top:1px solid #bbbbbb}.icon_button{z-index:5;font-size:24px;color:#444444;text-align:center;border-color:#bbbbbb;border-style:solid}.icon_button i{position:absolute;height:12px;line-height:12px;width:100%;text-align:center;top:50%;margin-top:-6px;left:0}.image_view{z-index:3;overflow:hidden;color:#eeeeee}.image_view span{background:#888888;height:100%;width:100%;display:table;text-align:center}.image_view span i{display:table-cell;vertical-align:middle;font-size:32px}.image_view img{width:100%;display:none}.rectangle{z-index:2;border-top:1px solid #bbbbbb;background:white;border-color:#bbbbbb}.rectangle:before{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;border-color:inherit;display:block;content:"\00a0"}.rectangle:after{position:absolute;bottom:-1px;left:0;height:1px;width:100%;border-top-width:1px;border-top-style:solid;border-color:inherit;display:block;content:"\00a0"}.rounded_rect{z-index:2;border-radius:8px;border-color:#bbbbbb;border-style:solid;background:white}.rounded_rect span{font-size:100%;line-height:100%;position:absolute;top:50%;left:0;margin-top:-8px;text-align:center;width:100%;white-space:pre}.hr{z-index:5;background:transparent;padding:5px 0;min-height:11px}.hr span{background:#bbbbbb;width:100%;height:100%;display:block}.ve{z-index:5;background:transparent;padding:0 5px;min-width:11px}.ve span{background:#bbbbbb;width:100%;height:100%;display:block}.map_view{z-index:2;border-top:1px solid #bbbbbb}.map_view:after{position:absolute;bottom:-1px;left:0;height:1px;width:100%;border-top:1px solid #bbbbbb;display:block;content:"\00a0"}.map_view .image{width:100%;height:100%;overflow:hidden;position:relative;background:#eeece4}.map_view img{position:absolute;width:640px;height:640px;top:50%;left:50%;margin-top:-320px;margin-left:-320px}.map_view .gmap{position:absolute;width:100%;height:100%;top:0;left:0}.switch{z-index:5;display:block;width:50px;height:30px}.switch .wrapper{height:30px;text-align:center;border-radius:15px;padding-right:20px;color:#333333;background:#00e266;border:1px solid #00e266}.switch .circle{background:white;position:absolute;top:2px;right:2px;display:block;width:26px;height:26px;border-radius:100%;box-shadow:-1px 2px 4px #aaaaaa}.keyboard{z-index:8;background:#d4d5da;bottom:0;width:100%}.keyboard .row{height:42px;width:100%}.keyboard .row .key,.keyboard .row .offset{float:left;height:38px}.keyboard .row .key{font-size:15px;line-height:39px;text-align:center;border-radius:3px;background:white;margin-right:2%;border-bottom:1px solid #98999d;width:8%}.keyboard .row .key:first-child{margin-left:1%}.keyboard .row .key:last-child{margin-right:0%}.keyboard .row .offset{width:5%;margin-left:1%}.keyboard .row .ctrl{color:white}.keyboard .row .switch{color:#333333}.keyboard .row .ctrl,.keyboard .row .switch{border-radius:3px;background:#acb4bd;width:13%}.keyboard .row .ctrl span.del,.keyboard .row .switch span.del{display:inline-block;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg)}.keyboard .row .space{width:68%}.keyboard .row .space span{margin-top:4px;display:inline-block}.status_bar{z-index:3;height:20px;background:#f8f8f8;color:#101010;position:absolute;left:0;top:0;width:100%;border-color:#bbbbbb}.status_bar .border{position:absolute;top:20px;left:0;border-top-width:1px;border-top-style:solid;border-top-color:inherit;display:block;content:"\00a0";height:1px;width:100%}.status_bar .signal{margin:7px 6px;height:6px;width:35px}.status_bar .signal .ball{width:6px;height:6px;background:#101010;border-radius:100%;margin:0;padding:0;float:left;margin-right:1px}.status_bar .carrier{position:absolute;left:45px;top:4px;height:12px;line-height:12px;font-size:12px;font-weight:6px}.status_bar .time{position:absolute;left:50%;top:4px;width:60px;margin-left:-30px;height:12px;line-height:12px;font-size:12px;font-weight:6px;text-align:center}.status_bar .battery .body{position:absolute;top:5px;right:9px;width:22px;height:10px;display:block;border-radius:2px;border:1px solid #101010}.status_bar .battery .body .inner{position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:#101010}.status_bar .battery .head{position:absolute;top:7px;right:6px;height:6px;width:2px;display:block;background:#101010;border-radius:0 2px 2px 0}.lr{z-index:7;background:#03e59b;opacity:0.3}#workspace{display:none}#logo{position:fixed;right:15px;top:15px}body.mobile .box{left:20px}