body,html{margin:0;height:100%}body{font-family:'Open Sans',sans-serif;font-weight:300}.loader{background-image:url(/assets/img/geotracker/loader.svg);width:32px;height:32px}.storyboard{width:100%;max-height:720px;max-width:460px;margin:auto;height:100%;background-color:#fff;overflow:hidden;position:relative}.storyboard>.viewcontainer{position:absolute;top:0;right:0;left:0;bottom:0}.storyboard.usenavbar>.viewcontainer{top:44px}.storyboard>.viewcontainer>.view{position:absolute;top:0;left:0;right:0;bottom:0}.storyboard>.navbar{background-color:#fff;height:43px;width:100%;border-bottom:1px solid #9b9b9b;text-align:center;position:absolute;top:0;left:0;right:0}.storyboard>.navbar>.logo{margin:6px auto 0 auto;background-image:url(/assets/img/smLogo.png);background-size:100% 100%;width:36px;height:33px}.storyboard>.navbar>.action{position:absolute;top:0;line-height:43px;font-size:18px;color:#0e577b;font-weight:300;height:43px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);display:none}.storyboard>.navbar>.action.right{right:0;padding:0 14px 0 0;text-align:left}.storyboard>.navbar>.action.left{left:0;padding:0 0 0 14px;text-align:right}.storyboard>.navbar>.action.left>.fa{font-size:24px;line-height:43px;display:inline-block;vertical-align:top;padding:0 3px 0 0}.form input{-webkit-appearance:none;-webkit-border-radius:0}.form input[type=password],.form input[type=text]{border:1px solid #e1e1e1;font-family:'Open Sans',sans-serif;color:#9b9b9b;font-size:18px;line-height:22px;font-weight:300;padding:18px 3%;width:calc(94% - 2px)}.form input[type=submit]{font-family:'Open Sans',sans-serif;background-color:#0e577b;color:#fff;text-transform:uppercase;border:none;border-bottom:1px solid #0375ae;height:60px;cursor:pointer;width:100%;margin:30px 0 0 0;font-size:18px;font-weight:300}.form input[type=submit]:hover{background-color:#0375ae}.form input.error{border-color:#d90000;color:#d90000;background-color:#faebeb}.form .formrow{width:100%;padding:3px 0 2px 0}.storyboard>.viewcontainer>.view.login{background-color:#fff}.storyboard>.viewcontainer>.view.login>.logo{text-align:center}.storyboard>.viewcontainer>.view.login>.logo>.image{width:142px;height:128px;display:inline-block;margin-left:-12px;background-size:100% 100%;background-image:url(/assets/img/geotracker/logobig.png)}.storyboard>.viewcontainer>.view.login.small>.logo>.image{width:55px;height:50px;margin-left:-3px}.storyboard>.viewcontainer>.view.login>.logo>.text{font-size:60px;padding:12px 0 0 0;line-height:60px;letter-spacing:6px;text-align:center;color:#687c85}.storyboard>.viewcontainer>.view.login.small>.logo>.text{font-size:30px;line-height:30px;padding:0}.storyboard>.viewcontainer>.view.login>.logo>.text>.blue{color:#0e577b}.storyboard>.viewcontainer>.view.login>.slogan{color:#687c85;text-align:center;padding:19px 28px 0 28px;font-size:19px;letter-spacing:2px}.storyboard>.viewcontainer>.view.login>.form{padding:19px 28px 0 28px}.storyboard>.viewcontainer>.view.login>.form .loader{margin:40px auto 0 auto}.storyboard>.viewcontainer>.view.login>.form .exception{margin:40px 0 0 0;color:#d90000;text-align:center}.storyboard>.viewcontainer>.view.login>.form>.formrow.remind{padding-top:20px}.storyboard>.viewcontainer>.view.login>.form>.formrow.remind label{color:#9b9b9b;font-size:16px;line-height:16px;display:block;height:16px}.storyboard>.viewcontainer>.view.login>.form>.formrow.remind input{border:1px solid #9b9b9b;color:#9b9b9b;height:16px;width:16px;display:inline-block;vertical-align:top;margin:0 5px 0 0;-webkit-appearance:checkbox}.storyboard>.viewcontainer>.view>.filter{height:40px;background-color:#0e577b;position:absolute;top:0;left:0;right:0;padding:12px 14px}.storyboard>.viewcontainer>.view>.filter>input[type=text]{-webkit-appearance:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:none;background-color:#fff;padding:7px 13px;height:26px;line-height:26px;font-size:18px;color:#9b9b9b;font-weight:300;font-family:'Open Sans',sans-serif;width:calc(100% - 28px)}.storyboard>.viewcontainer>.view>.filter>.clear{position:absolute;right:16px;top:12px;height:40px;width:40px;text-align:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.storyboard>.viewcontainer>.view>.filter>.clear>i{font-size:24px;line-height:38px;color:#0e577b}.storyboard>.viewcontainer>.view.plants>.list{position:absolute;top:64px;bottom:0;left:0;right:0;overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.storyboard>.viewcontainer>.view.plants>.list>.loader{margin:60px auto 0 auto}.storyboard>.viewcontainer>.view.plants>.list>.exception,.storyboard>.viewcontainer>.view.plants>.list>.hint{text-align:center;padding:50px 10px 0 10px}.storyboard>.viewcontainer>.view .list>.exception{color:#d90000}.storyboard>.viewcontainer>.view.plants>.list>.plant{position:relative;height:66px;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.storyboard>.viewcontainer>.view.plants>.list>.plant.active{background-color:#f0f0f0}.storyboard>.viewcontainer>.view.plants>.list>.plant>.thumb{position:absolute;top:0;width:70px;height:66px;left:0}.storyboard>.viewcontainer>.view.plants>.list>.plant>.thumb>img{height:46px;width:46px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:9px 12px 12px 11px}.storyboard>.viewcontainer>.view.plants>.list>.plant>.name{margin:0 0 0 70px;padding:13px 0;height:39px;border-bottom:1px solid #f0f0f0;color:#000}.storyboard>.viewcontainer>.view .plant>.name>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 15px 0 0;font-size:15px;line-height:19px}.storyboard>.viewcontainer>.view .plant>.name>.latin{font-weight:400}.storyboard>.viewcontainer>.view.locations{overflow:hidden}.storyboard>.viewcontainer>.view.locations>.plant{position:absolute;top:10px;height:57px;left:14px;right:14px;border-bottom:1px solid #f0f0f0}.storyboard>.viewcontainer>.view.locations>.plant>.thumb{position:absolute;left:0;top:0;height:57px}.storyboard>.viewcontainer>.view.locations>.plant>.thumb>img{width:46px;height:46px;margin:0 0 0 11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.storyboard>.viewcontainer>.view.locations>.plant>.name{margin:0 0 0 70px;height:39px;padding:4px 0 0 0;color:#000}.storyboard>.viewcontainer>.view.locations.placing>.plant{display:none}.storyboard>.viewcontainer>.view.locations>.map{position:absolute;top:76px;left:14px;right:14px;height:200px;background-color:#e2e2e2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all .5s;transition:all .5s}.storyboard>.viewcontainer>.view.locations.placing>.map{top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;bottom:60px;left:0;right:0;height:auto}.storyboard>.viewcontainer>.view.locations.placing>.mapoverlay>.btn{position:absolute;top:20px;text-align:center;height:35px;background-color:#fff;border:1px solid #e2e2e2;cursor:pointer;line-height:35px;-webkit-box-shadow:0 0 4px 0 rgba(50,50,50,.75);-moz-box-shadow:0 0 4px 0 rgba(50,50,50,.75);box-shadow:0 0 4px 0 rgba(50,50,50,.75)}.storyboard>.viewcontainer>.view.locations.placing>.mapoverlay>.btn.cancle{width:120px;right:10px;font-size:14px}.storyboard>.viewcontainer>.view.locations.placing>.mapoverlay>.btn.pos{width:35px;right:140px}.storyboard>.viewcontainer>.view.locations.placing>.mapoverlay>.btn.pos>.loader{width:18px;height:18px;background-size:100% 100%;margin:8px}.storyboard>.viewcontainer>.view.locations.placing>.mapoverlay>.btn{position:absolute}.storyboard>.viewcontainer>.view.locations.placing>.mapoverlay>.placer{position:absolute;top:50%;left:50%;margin:-92px 0 0 -100px;color:#fff;width:200px;height:62px;line-height:18px;text-align:center;font-weight:600;font-size:18px;text-shadow:0 0 3px #000}.storyboard>.viewcontainer>.view.locations.placing>.mapoverlay>.placer>.icon{width:26px;height:16px;margin:10px auto 0 auto;background-image:url(/assets/img/geotracker/place.png);display:block;vertical-align:top}.storyboard>.viewcontainer>.view.locations>.list{position:absolute;left:14px;right:14px;top:284px;bottom:79px;overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.storyboard>.viewcontainer>.view.locations.placing>.list{display:none}.storyboard>.viewcontainer>.view.locations>.list>.loader,.storyboard>.viewcontainer>.view.locations>.map>.loader{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px}.storyboard>.viewcontainer>.view.locations>.list>.exception,.storyboard>.viewcontainer>.view.locations>.list>.hint{text-align:center;padding:10px 0 0 0}.storyboard>.viewcontainer>.view.locations>.list>.location{position:relative;height:30px;border:1px solid #f0f0f0;background-color:#f8f8f8;overflow:hidden;margin:2px 0 3px 0;padding:0 6px;cursor:pointer;white-space:nowrap}.storyboard>.viewcontainer>.view.locations>.list>.location.active{background-color:#d6d6d6;border-color:#a4a4a4}.storyboard>.viewcontainer>.view.locations>.list>.location>.lat,.storyboard>.viewcontainer>.view.locations>.list>.location>.lng{width:35%;display:inline-block;vertical-align:top;line-height:30px;overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap;color:#7e7e7e}.storyboard>.viewcontainer>.view.locations>.list>.location>.lng{margin:0 0 0 5px}.storyboard>.viewcontainer>.view.locations>.list>.location .lbl{font-weight:400;font-size:12px;color:#000}.storyboard>.viewcontainer>.view.locations>.list>.location>.btn{height:20px;border:1px solid #ccc;line-height:20px;position:absolute;padding:0 10px;font-size:12px;color:#6d6a6a;background-color:#e5e5e5;top:4px;right:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.storyboard>.viewcontainer>.view.locations>.add{position:absolute;left:14px;right:14px;bottom:10px;border:none;display:block;font-weight:300;line-height:60px;text-align:center;height:60px;background-color:#0e577b;color:#fff;text-transform:uppercase;font-size:22px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.storyboard>.viewcontainer>.view.locations>.add.disabled{background-color:#7b7979;color:#e6e6e6;cursor:default}.storyboard>.viewcontainer>.view.locations.placing>.add{bottom:0;left:0;right:0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.storyboard>.viewcontainer>.view.locations.placing>.mapoverlay>.placer>.icon{background-image:url(/assets/img/geotracker/place@2x.png);background-size:100% 100%}}