body,html{background:#ddd;font-family:helvetica;font-size:16px;color:#555;margin:0;padding:0}body{padding:20px}.clearleft{clear:left}.alignright{text-align:right}IFRAME{display:Block;width:100%;border:none}.fluid [class*=span]{float:left}.span12{width:100%}.span11{width:91.66666666666667%}.span10{width:83.33333333333333%}.span9{width:75%}.span8{width:66.66666666666667%}.span7{width:58.33333333333333%}.span6{width:50%}.span5{width:41.66666666666667%}.span4{width:33.33333333333333%}.span3{width:25%}.span2{width:16.66666666666667%}.span1{width:8.33333333333333%}.padding0{padding:0}.padding1{padding:3px}.padding2{padding:5px}.padding3{padding:10px}.padding4{padding:20px}.padding5{padding:30px}.padding6{padding:40px}.padding7{padding:60px}.padding-left0{padding-left:0}.padding-left1{padding-left:3px}.padding-left2{padding-left:5px}.padding-left3{padding-left:10px}.padding-left4{padding-left:20px}.padding-left5{padding-left:30px}.padding-left6{padding-left:40px}.padding-left7{padding-left:60px}.padding-right0{padding-right:0}.padding-right1{padding-right:3px}.padding-right2{padding-right:5px}.padding-right3{padding-right:10px}.padding-right4{padding-right:20px}.padding-right5{padding-right:30px}.padding-right6{padding-right:40px}.padding-right7{padding-right:60px}.padding-top0{padding-top:0}.padding-top1{padding-top:3px}.padding-top2{padding-top:5px}.padding-top3{padding-top:10px}.padding-top4{padding-top:20px}.padding-top5{padding-top:30px}.padding-top6{padding-top:40px}.padding-top7{padding-top:60px}.padding-bottom0{padding-bottom:0}.padding-bottom1{padding-bottom:3px}.padding-bottom2{padding-bottom:5px}.padding-bottom3{padding-bottom:10px}.padding-bottom4{padding-bottom:20px}.padding-bottom5{padding-bottom:30px}.padding-bottom6{padding-bottom:40px}.padding-bottom7{padding-bottom:60px}.padding-bottom-none{padding-bottom:0}.padding-left-none{padding-left:0}.padding-right-none{padding-right:0}.padding-top-none{padding-top:0}.website{margin:0;padding:20px;border-radius:2px;background:#fff;overflow:hidden;position:relative;border:1px solid #ddd;-webkit-box-shadow:0 0 50px #bbb;box-shadow:0 0 50px #bbb}header.header{width:100%;height:auto;display:table;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:10px}header.header .logo{display:table-cell;vertical-align:middle}header.header .right{display:table-cell;vertical-align:middle}header.header .right>section{display:table;width:100%}header.header .right>section .top{display:table-row}header.header .right>section .top .userinfo{text-align:right;margin-bottom:10px}header.header .right>section .top .userinfo label,header.header .right>section .top .userinfo span{font-size:14px;color:#999}header.header .right>section .bottom{display:table-row}header.header .right>section .bottom .nav{display:table-cell;vertical-align:middle;text-align:right}header.header .right>section .bottom .nav>section{display:inline-block;margin-right:6px}header.header .right>section .bottom .nav>section a{text-decoration:none}header.header .right>section .bottom .nav>section:hover a{text-decoration:none}header.header .right>section .bottom .nav>section:last-child{margin-right:0}article.article{width:100%;height:auto;background:#fff}article.article.dom{display:none}nav.subnav{margin-bottom:10px;display:table;width:100%;text-align:left;border-bottom:1px solid #ddd;padding-bottom:10px;position:relative}nav.subnav>div{display:table-row}nav.subnav>div>section{display:table-cell;vertical-align:middle}nav.subnav>div>section>label{font-weight:400;font-size:14px}nav.subnav>div>section>i{font-size:14px}nav.subnav .month-pag-button{width:33%}nav.subnav.centered{text-align:center}nav.subnav .currentdate{padding-left:10px;padding-right:10px}nav.subnav.auto>div{width:100%;text-align:left;display:block}nav.subnav.auto>div section{display:inline-block;width:auto;vertical-align:middle;margin-right:6px;line-height:40px}article.content>div{padding:0}article.content>div>section{width:100%;height:auto}article.centered>div{display:table;width:100%;height:100%}article.centered>div>div{display:table-cell;vertical-align:middle;text-align:center}.input{width:100%;height:auto;position:relative}.input>label{display:block;font-size:12px;color:#888;margin-bottom:5px;text-align:left;text-indent:5px}.input>div{height:40px;position:relative}.input>div>input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:40px;border:1px solid #ddd;text-indent:10px;color:#555;font-size:14px;border-radius:2px;outline:0}.input.withicon section{position:absolute;left:0;bottom:8px;top:8px;width:39px;border-right:1px solid #eee;overflow:hidden;text-align:center}.input.withicon section label,.input.withicon section>i{font-size:14px;line-height:24px;text-align:center;color:#888}.input.withicon section>label{font-size:12px}.input.withicon input{text-indent:50px}hr{margin:0;padding:0;width:100%;height:20px;border:0;clear:left;position:relative}hr:after{position:absolute;content:"";left:0;right:0;top:50%;margin-top:-6px;background:#ddd;height:1px}.button{width:100%;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;text-align:center;color:#fff;border:none;outline:0;-webkit-transition:all .2s;transition:all .2s;cursor:pointer;background:#009fe3;border:1px solid #008dca;line-height:40px;display:block;padding:0}.button>i{font-size:14px;line-height:38px;display:inline-block;padding-left:5px;padding-right:5px;cursor:pointer}.button>label{padding-left:5px;padding-right:5px;font-size:14px;line-height:38px;display:inline-block;cursor:pointer}.button:hover{background:#00b1fc}.button.auto{width:auto;padding-left:20px;padding-right:20px}.button.red{background:#c13636;border-color:#ad3030}.button.red:hover{background:#cb4545}.button.purple{background:rgba(26,18,227,.3);border-color:rgba(23,16,203,.3)}.button.purple:hover{background:rgba(41,33,237,.3)}.button.green{background:#61b434;border-color:#56a02e}.button.green:hover{background:#6cc63b}.button.grey{background:#f6f6f6;border-color:#e9e9e9;color:#555}.button.grey:hover{background:#fff}.pass-strength-1 input{background:-webkit-gradient(linear,left top,right top,from(#ffdfe6),to(#fff));background:linear-gradient(to right,#ffdfe6 0,#fff 100%)}.pass-strength-2{background:-webkit-gradient(linear,left top,right top,from(#fff1ae),to(#fff));background:linear-gradient(to right,#fff1ae 0,#fff 100%)}.pass-strength-3{background:-webkit-gradient(linear,left top,right top,from(#e5ffae),to(#fff));background:linear-gradient(to right,#e5ffae 0,#fff 100%)}.pass-strength-4{background:-webkit-gradient(linear,left top,right top,from(#e5ffae),to(#e5ffae));background:linear-gradient(to right,#e5ffae 0,#e5ffae 100%)}.form-response{display:none;padding:20px;font-size:14px;line-height:1.5em;color:rgba(0,0,0,.6);margin-bottom:20px;background:rgba(0,159,227,.3)}.form-info{padding:20px;font-size:14px;line-height:1.5em;color:rgba(0,0,0,.6);margin-bottom:20px;background:rgba(0,159,227,.3)}.form{position:fixed;left:0;bottom:0;right:0;top:0;display:none;background:rgba(255,255,255,.5);z-index:66666}.form>div{position:relative;background:#fff;-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,.5);box-shadow:0 0 40px 0 rgba(0,0,0,.5);top:120px;width:800px;margin:0 auto;height:auto}.form>div>header{width:100%;height:50px;border-bottom:1px solid #ddd;background:#f6f6f6}.form>div>header>label{padding-left:20px;padding-right:20px;line-height:50px;font-size:16px;color:#555}.form>div>header>label>i{margin-right:10px}.form>div>div{padding:20px;position:relative;overflow:hidden;overflow-y:scroll}.form>div>div>div{position:relative;width:100%;height:100%}.form>div>div>div .form-item{margin-bottom:20px;border:1px solid #ddd;border-radius:2px;padding:20px;background:#eee}.form>div>div>div .form-item:first-child{margin-bottom:20px}.form>div>div>div .form-item:last-child{margin-bottom:0}.form>div>footer{width:100%;height:80px;border-top:1px solid #ddd;background:#f6f6f6}.form>div>footer>div{padding:20px}.form-sub{position:absolute;left:0;bottom:0;right:0;top:0;display:none;background:rgba(255,255,255,.5);z-index:77777}.form-sub>div{position:relative;background:#fff;-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,.5);box-shadow:0 0 40px 0 rgba(0,0,0,.5);top:70px;left:50px;right:50px;width:700px;overflow:hidden;overflow-y:scroll}.form-sub>div>header{width:100%;height:50px;border-bottom:1px solid #ddd;background:#f6f6f6}.form-sub>div>header>label{line-height:50px;padding-left:20px;padding-right:20px;font-size:16px;color:#555}.form-sub>div>header>label>i{margin-right:10px}.form-sub>div>div{padding:20px}.form-sub>div>div>div .form-item{margin-bottom:20px;border:1px solid #ddd;border-radius:2px;padding:20px;background:#eee}.form-sub>div>div>div .form-item:last-child{margin-bottom:0}.form-sub>div>div>div .form-item:first-child{margin-bottom:20px!important}.form-sub>div>footer{height:80px;border-top:1px solid #ddd;background:#f6f6f6}.form-sub>div>footer>div{padding:20px}@media screen and (max-width:1320px){.calendar-inner>div{width:300px;margin-left:-150px}}@media screen and (min-width:1300px){.website{width:1220px;margin:0 auto}}@media screen and (max-width:1300px){body,html{background:#fff!important}body{padding:0}.website{width:auto;height:auto;overflow:hidden;margin:0 auto;-webkit-box-shadow:none;box-shadow:none;border:none}}@media screen and (min-width:1101px){.responsive-hide-a{display:inline-block}.responsive-show-a{display:none}}@media screen and (max-width:1100px){.website{margin:0;border-radius:0;border:0 solid #ddd;-webkit-box-shadow:none;box-shadow:none;padding:10px;margin-top:0;margin-bottom:0}.responsive-hide-a{display:none}.responsive-show-a{display:inline-block}}@media screen and (max-width:900px){.formcontainer{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;width:100%;margin-bottom:10px}.formcontainer:first-child{margin-top:0}.formcontainer:last-child{margin-bottom:0}}@media screen and (max-width:850px),screen and (max-height:975px){.form{position:fixed;left:0;bottom:0;right:0;top:0;background:#fff;z-index:66666}.form>div{position:absolute;top:0;width:100%;margin:0;height:100%;background:#fff}.form>div>header{position:absolute;top:0;left:0;right:0;height:50px;width:100%}.form>div>div{position:absolute;left:0;right:0;top:51px;bottom:81px;overflow:hidden;overflow-y:scroll;padding:20px}.form>div>div .form-item:last-child{margin-bottom:20px!important}.form>div>footer{position:absolute;bottom:0;left:0;right:0;height:80px;width:100%}.form-sub{position:fixed;left:0;bottom:0;right:0;top:0;z-index:77777}.form-sub>div{position:absolute;top:70px;left:20px;right:20px;bottom:100px;width:auto}.form-sub>div>header{position:relative;top:auto;left:auto;right:auto;width:100%}.form-sub>div>footer{position:absolute;bottom:0;left:0;right:0}.form-sub>div>div{position:absolute;left:0;right:0;top:50px;bottom:80px;overflow:hidden;overflow-y:scroll}.form-sub>div>div>div{position:absolute;top:0;bottom:0;left:0;right:0;padding:20px;overflow-y:scroll}}@media screen and (min-width:800px){.responsive-tablebig{display:table}.responsive-tablesmall{display:none}}@media screen and (max-width:800px){.tablesmall-results{display:block}}@media screen and (max-width:799px){.responsive-tablebig{display:none}.responsive-tablesmall{display:block}}@media screen and (max-width:750px){#HourForm .responsive-span{width:100%;clear:left;float:none}#HourForm .responsive-span-6{width:50%}#HourForm .responsive-span-12{width:100%}#HourForm .responsive-padding-bottom3{padding-bottom:20px}#HourForm .responsive-padding-left-remove{padding-left:0}#HourForm .responsive-padding-right2{padding-right:10px}#HourForm .responsive-padding-right-remove{padding-right:0}#HourForm .responsive-padding-left-remove{padding-left:0}#HourForm .responsive-padding{padding:0;padding-bottom:20px}#HourForm .responsive-padding-remove{padding:0}}@media screen and (max-width:750px){#HourForm .rsp1-fullwidth{width:100%}#HourForm .rsp1-halfwidth{width:50%}#HourForm .rsp1-thirdwidth{width:33.33333%}#HourForm .rsp1-rmv-paddingleft{padding-left:0}#HourForm .rsp1-rmv-paddingright{padding-right:0}#HourForm .rsp1-add-paddingleft3{padding-left:10px}#HourForm .rsp1-add-paddingright3{padding-right:10px}#HourForm .rsp1-add-paddingbottom3{padding-bottom:20px}}@media screen and (max-width:700px){header.header{padding-top:20px}header.header .logo{display:block;text-align:center;margin-bottom:20px}header.header .right{display:block;text-align:center}header.header .right>section .top{display:block;margin-bottom:20px}header.header .right>section .top .userinfo{text-align:center}header.header .right>section .bottom{display:block;text-align:center;margin-bottom:20px}header.header .right>section .bottom .nav{display:block;text-align:center;width:100%}.subnav .responsive-fullwidth{width:100%}.subnav .responsive-fullwidth button{width:100%}.overlay{top:280px}.overlay>label{width:240px;margin-left:-130px;font-size:18px;line-height:38px;height:auto;padding-left:10px;padding-right:10px;top:100px}}@media screen and (max-width:600px){nav.subnav{text-align:center}nav.subnav>div{display:table-row}nav.subnav>div .month-pag-button{width:15%}nav.subnav>div .month-pag-button label{display:none}nav.subnav>div .currentdate{width:70%}nav.subnav>div .currentdate button i{display:none!important}.route-item{padding-top:0!important}.route-item>section{display:block!important;float:none!important;width:100%!important;margin:0;text-align:center}.route-item>section:first-child{border-bottom:1px solid #eee}.route-item>section.delete>div{width:100%!important;margin-bottom:0!important}}@media screen and (max-width:500px){header.header{padding-bottom:0}header.header .userinfo label{display:block;text-align:center}header.header .userinfo label:first-child{margin-bottom:10px}header.header .userinfo span{display:none}header.header .right>section .bottom{margin-bottom:0}header.header .right>section .bottom .nav>section{margin-bottom:10px;margin-right:0;display:block}header.header .right>section .bottom .nav>section button{width:100%}.calendar-inner>div{width:250px;margin-left:-125px}.calendar-inner>div>div{padding:10px}#RouteForm .responsive-span{width:100%;clear:left;float:none}#RouteForm .responsive-padding{padding:0;padding-bottom:20px}#RouteForm .responsive-padding-remove{padding:0}#HourForm .rsp2-fullwidth{width:100%}#HourForm .rsp2-halfwidth{width:50%}#HourForm .rsp2-hide{display:none}#HourForm .rsp2-add-paddingbottom3{padding-bottom:20px}#HourForm .rsp2-add-paddingbottom2{padding-bottom:10px}#HourForm .rsp2-rmv-paddingleft{padding-left:0}#HourForm .rsp2-rmv-paddingright{padding-right:0}.rsp-title-hide{display:none}.overlay{top:340px}}@media screen and (max-width:400px){.tablesmall-results>div>div{float:left}.tablesmall-results>div>div label{font-size:12px;line-height:50px;margin-left:10px;margin-right:10px}.tablesmall-results>div>div:first-child{width:70%}.tablesmall-results>div>div:last-child{width:30%}.tablesmall-results>div:last-child{margin-bottom:0}}@media screen and (max-width:280px){.website{width:280px}}.videoupload-form>section{position:relative;border-bottom:2px dashed #ddd;padding-top:40px;padding-bottom:40px}.videoupload-form>section h2{color:#666;display:block;margin:0;padding:0;margin-bottom:5px;font-size:24px}.videoupload-form>section p{color:#888;display:block;margin:0;padding:0;margin-bottom:20px;font-size:15px}.videoupload-form>section .div{display:block;border:1px solid #ddd;padding:40px;background:#fefefe;-webkit-box-sizing:border-boy;box-sizing:border-boy}.videoupload-form>section .div label{font-size:18px;color:#666}.formlist{width:400px;background:#fefefe;display:inline-block;margin-right:40px;overflow:hidden}@media screen and (max-width:500px){.formlist{width:100%;margin-right:0;margin-bottom:20px}}.formlist h3{color:#666;display:block;margin:0;padding:0;margin-bottom:20px;font-size:18px;font-weight:400}.formlist label{font-size:14px;display:inline-block;padding-left:5px;padding-top:10px;color:#ddd;-webkit-transition:all .2s;transition:all .2s}.formlist label i{margin-left:6px}.formlist label.active{color:#888;text-decoration:underline;cursor:pointer}.formlist label.active i{color:#c13636}.formlist label:hover{text-decoration:none}.formlist>section{height:240px;overflow-y:scroll;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:0}.formlist>section>span{display:block;cursor:pointer;font-size:16px;padding:8px;color:#555;boder-bottom:1px solid #aaa;-webkit-transition:all .2s;transition:all .2s;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.formlist>section>span:nth-child(even){background:#f9f9f9}.formlist>section>span:nthä-child(odd){background:#f2f2f2}.formlist>section>span:hover{background:#009fe3;color:#333}.formlist>section>span.active{background:#009fe3;color:#fff} .formlist>section>span:hover{background:#009fe3;color:#fff !important}.input{height:62px;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.input.inputwithsubmit input{padding-right:60px}.input.textarea{margin-top:20px;height:auto}.input.textarea>textarea{height:150px;padding:10px;color:#444;font-size:16px;border:1px solid #ddd;background:#fff;outline:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.input input{width:100%;height:62px;border:1px solid #ddd;background:#fff;outline:0;font-size:16px;color:#4444;margin:0;padding:0;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:60px;position:relative}.input i{position:absolute;top:0;height:62px;left:0;width:62px;text-align:center;line-height:62px;font-size:26px;color:#887}.input .submiticon{position:absolute;top:0;height:62px;right:0;left:auto!important;width:62px;text-align:center;line-height:62px;font-size:26px;color:#61b434;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.input .submiticon:hover{color:#6cc63b}.filter h2{color:#666;display:block;margin:0;padding:0;margin-bottom:20px;font-size:18px;font-weight:400}.filter>section{margin-bottom:20px;padding-bottom:20px;border-bottom:2px dashed #ddd}.filter>section>span{display:block;cursor:pointer;font-size:14px;padding:8px;color:#555;boder-bottom:1px solid #aaa;-webkit-transition:all .2s;transition:all .2s;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.filter>section>span:nth-child(even){background:#f9f9f9}.filter>section>span:nthä-child(odd){background:#f2f2f2}.filter>section>span:hover{background:#009fe3;color:#fff}.filter>section>span.active{background:#009fe3;color:#fff}.filter>section>span i{margin-right:10px}.filelist{width:100%;display:table;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:40px}.filelist>section{display:table-row;width:100%;height:auto}.filelist>section:nth-child(even){background:#fefefe}.filelist>section:nth-child(odd){background:#f6f6f6}.filelist>section>div{display:table-cell;width:auto;height:auto;vertical-align:middle;border-bottom:1px solid #eee;padding-top:10px;padding-bottom:10px}.filelist>section .thumb{width:100px;background:#fff;border-right:1px solid #eee;background:rgba(0,141,202,.05);text-align:center}.filelist>section .thumb img{width:62px}.filelist>section .text{max-width:60%;padding-left:20px;padding-right:20px}.filelist>section .text .title{font-size:16px;font-weight:700;color:#555;margin-bottom:5px}.filelist>section .text .desc{font-size:14px;color:#666;line-height:1.5em}.filelist>section .text .date{border-top:1px solid #e6e6e6;padding-top:5px;font-size:12px;color:#999;margin-top:10px}.filelist>section .controls{width:80px;text-align:center;border-left:1px solid #eee;background:rgba(0,141,202,.02)}.filelist>section .controls .button{width:50px;display:inline-block}.filelist>section .controls.admin .button{display:inline-block}.filelist>section .controls.admin .button:first-of-type{margin-bottom:10px}@media screen and (max-width:800px){#VideoTable .span3{width:100%;clear:left;margin-bottom:0}#VideoTable .span9{width:100%;clear:left}#VideoTable .filelist{padding-left:0}}.readmore{text-transform:uppercase;color:#ccc;font-size:14px;cursor:pointer;display:block;margin-top:10px;color:rgba(0,0,0,.3);-webkit-transition:all .2s;transition:all .2s}.readmore:hover{color:rgba(0,0,0,.6)}.descbox{position:absolute;width:100%;height:100%;background:rgba(255,255,255,.95);left:0;right:0;bottom:0;top:0;margin-left:-100%;overflow-y:auto}.descbox i{position:absolute;left:10px;top:23px;font-size:22px;cursor:pointer;color:#009fe3}.descbox .desc-title{padding:20px;padding-bottom:0;color:#009fe3;font-size:18px;padding-left:40px;font-family:tahoma,arial}.descbox .desc-content{padding:20px;font-size:14px;color:#555;line-height:1.5em;font-family:tahoma,arial}a,a *{text-decoration:none!important}body{overflow-y:scroll!important}.btn{border:0;color:#fff;background-color:#009ee3;font-weight:600;font-style:normal;font-size:14px;padding:9px 20px;-webkit-transition:.2s all ease-out;transition:.2s all ease-out}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:16px;line-height:1.5;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.shopbutton-b{display:none;padding-top:20px;clear:left;float:none;width:100%}.shopbutton-b button{width:100%!important}@media screen and (max-width:830px){.shopbutton-a button{padding-left:10px!important;padding-right:10px!important}}@media screen and (max-width:799px){.shopbutton-a{display:none}.shopbutton-b{display:block}} .subnav a{ display: inline-block !important; margin-right: 10px; }
.fluid .span6:first-of-type{ box-sizing: border-box; padding-right: 5px; margin-bottom: 10px; }
.fluid .span6:last-of-type{ box-sizing: border-box; padding-left: 5px; margin-bottom: 10px; }
@media screen and (max-width:800px){
.span6{ width: 100% !important; display: block; margin-bottom: 10px; padding-left: 0 !important; padding-right: 0 !important; }
}
.videoupload-form h1{ text-align: left; font-size: 24px; color: #444; display: block; margin-bottom: 20px; margin-top: 40px; }
select{ width: 100%; height: 100%; border: 1px solid #ddd; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
input{ color: #147198 !important; }
#attachement-url-preview{
position: absolute;
left: 450px;
top: 150px;
}
#attachement-url-preview img{
max-height: 300px;
}
#attachement-url-preview-alt{
position: absolute;
left: 450px;
top: 140px;
}
#attachement-url-preview-alt img{
max-height: 200px;
}
@media screen and (max-width:600px){
#attachement-url-preview{
position: relative;
left: auto !important;
bottom: auto !important;
padding-top: 40px;
}
#attachement-url-preview img{
max-height: auto !important;
height: auto;
width: auto;
}
}
@media screen and (max-width:600px){
#attachement-url-preview-alt{
position: relative;
left: auto !important;
bottom: auto !important;
padding-top: 40px;
}
#attachement-url-preview-alt img{
max-height: auto !important;
height: auto;
width: auto;
}
}
.video a{
color: #009fe3;
}
.automatendetail{
margin-top: 40px;
font-size: 14px;
line-height: 20px;
color: #444;
display: table;
border: 1px solid #ddd;
border-bottom: 0;
margin-bottom: 50px;
width: 100%;
}
.automatendetail div{
display: table-row;
}
.automatendetail strong{
display: table-cell;
height: 50px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
background: rgba(0,141,202,.05);
vertical-align: middle;
padding: 10px;
}
.automatendetail span{
display: table-cell;
height: 50px;
border-bottom: 1px solid #ddd;
background: #fff;
vertical-align: middle;
padding: 10px;
color: #333;
}
@media screen and (max-width:850px){
.automatendetail{
display: block !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.automatendetail div{
display: block !important;
}
.automatendetail strong{
display: block !important;
border-right: 0 !important;
}
.automatendetail span{
display: block !important;
margin-bottom: 10px;
}
}
.track-in{
display: inline-block;
width: 200px;
height: 100px;
border-radius: 4px;
background: #97c221;
color: white;
text-align: center;
font-size: 26px;
margin-right: 50px;
border: none;
position: relative;
top: -100px;
}
.track-out{
display: inline-block;
width: 200px;
height: 100px;
border-radius: 4px;
background: #e4071d;
color: white;
text-align: center;
font-size: 26px;
margin-left: 50px;
border: none;
position: relative;
top: -100px;
}
@media screen and (max-width:850px){
.track-in{
display: block;
top: auto !important;
margin-right: 0;
margin-bottom: 50px;
}
.track-out{
display: block;
margin-top: 50px;
top: auto !important;
margin-left: 0;
}
}
.showaftertrack{ display: none; }
.info{
padding: 20px;
background: rgba(151,194,33,0.1);
color: rgba(0,0,0,0.6);
text-align: center;
border: 1px solid rgba(151,194,33,1);
}
.trackingtable-title{
font-size: 22px;
color: #111;
margin-bottom: 20px;
}
.trackingtable{
border: 1px solid #ddd;
max-height: 300px;
height: 500px;
overflow-y: scroll;
}
.trackingtable div{
height: 36px;
background: #fff;
line-height: 36px;
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px solid #ddd;
border-left: 0px solid #ddd;
border-right: 0px solid #ddd;
font-size: 15px;
color: #444;
width: 100%;
}
.trackingtable div:nth-child(even){
background: #f9f9f9;
}
.trackingtable .incircle{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
margin-right: 20px;
background: #97c21e;
}
.trackingtable .outcircle{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
margin-right: 20px;
background: #e30816;
}
.trackingtable div span{
margin-right: 20px;
}
.trackingtable div label{
text-align: right;
float: right;
}
.trackingtable.times div{
padding-left: 0;
}
.trackingtable.times i{
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
color: rgba(255,255,255,0.9);
margin-right: 20px;
}
.trackingtable.times div.begin{
background: #a6d29e63;
}
.trackingtable.times div.begin i{
background: #a6d29e;
}
.trackingtable.times div.end i{
background: #e09797;
}
.trackingtable.times div.end{
background: #e0979757;
}
.trackingtable.times div.sum{
background: #94949412;
}
.trackingtable.times div.sum i{
background: #949494;
}
.trackingtable.times div.sum{
border-bottom: 2px solid #aaa;
}
.ueberzeitlabel{
color: white;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px;
}
.labelred{
background: red;
}
.labelgreen{
background: green;
}
.button.blue.active{
background: #18baff;
}
.formlist-alt{ width: 100%; }
.formlist-alt >section{ width: 100%; height: 500px; }
.formlist-alt >section >section{ width: 100%; display: table; }
.formlist-alt >section >section >div{ display: table-row; }
.formlist-alt >section >section >div span{
display: table-cell;
color: #222;
font-size: 14px;
padding: 10px;
cursor: pointer;
}
.formlist-alt >section >section >div:nth-child(even) span{ background: #f9f9f9; }
.formlist-alt >section >section >div:hover span{ background: #009fe3; color: #fff; }
.formlist-alt >section >section >div.active span{ background: #009fe3; }
.inputlabel{
color: #888;
font-size: 16px;
display: block;
margin-bottom: 5px;
padding-left: 5px;
padding-top: 10px;
}
.form-textarea{
width: 100%;
height: 200px;
border: 1px solid #ddd;
}
.marginbottom10{
margin-bottom: 10px;
}
.automatenaddinfo{
background: #eee;
padding: 10px !important;
}
.automatenaddinfo label{
font-size: 16px;
color: #555;
}
.automatenaddinfo span{
font-size: 14px;
color: #fff;
display: inline-block;
padding: 2px;
padding-left: 8px;
padding-right: 6px;
border-radius: 2px;
background: #009fe3;
letter-spacing: 3px;
}
.qr-code-uebersicht{
position: absolute;
right: 1px;
bottom: 35px;
width: 100px;
height: 100px;
opacity: 0.5;
transition: all 0.2s;
cursor: pointer;
}
.qr-code-uebersicht:hover{
opacity: 1;
}
.touritem{
margin-bottom: 20px;
}
.touritem > section{
margin-bottom: 10px;
background: #00a0e3;
border-radius: 2px;
display: table;
width: 100%;
}
.touritem > section > div:first-of-type{
display: table-cell;
width: 100px;
height: 100px;
padding: 10px;
vertical-align: middle;
box-sizing: border-box;
}
.touritem > section > div:last-of-type{
display: table-cell;
padding: 10px;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
}
.touritem > section strong{
display: block;
}
.touritem > section label{
display: block;
}
.touritem span{
}
.touritem > section input{
line-height: 100px;
text-align: center;
font-size: 28px;
color: #555;
border: none;
outline: none;
box-shadow: none;
width: 100px;
}
.touritem > label{
font-size: 14px;
display: inline-block;
color: #ddd;
-webkit-transition: all .2s;
transition: all .2s;
color: #888;
text-decoration: underline;
cursor: pointer;
display: block;
}
.touritem > label i{
margin-left: 6px;
color: #c13636;
}
.touritem > label:hover{
text-decoration: none;
}
.Touren-Switcher{
display: table;
width: 100%;
}
.Touren-Switcher > div{
display: table-cell;
width: 50%;
padding: 20px;
box-sizing: border-box;
}
.Touren-Switcher > div h2{
color:#666;
display:block;
margin:0;
padding:0;
margin-bottom:5px;
font-size:24px
}
.Touren-Switcher > div p{
color:#888;
display:block;
margin:0;
padding:0;
margin-bottom:20px;
font-size:15px;
}
.Touren-Switcher > div a{
display: block;
width: 100%;
}
.Touren-Switcher > div a button{
display: block;
width: 100% !important;
}
#TourenfuerPersonal .touritem strong{
font-size: 20px;
margin-bottom: 10px;
}
#TourenfuerPersonal .touritem span{
font-size: 16px;
}