/** Copyright (c) Just2easy Limited 2010,24 all rights reserved. **/.j2eMenu{z-index:2000;position:absolute;font-family:"Lexend",'ABeeZee',sans-serif;font-size:14px;background:white}.j2eMenuItem{text-align:left;cursor:pointer;list-style-type:none;padding:5px 15px;border:0;color:#555;background:white;white-space:nowrap;display:list-item}.j2eMenuItem.disabled{color:#bbb}.j2eMenuItem.cheveron{padding-right:10px}.j2eMenuItem.cheveron div{font-size:100%;color:#555}.j2eMenuItem.cheveron span.right{float:right}.j2eMenuItem.cheveron span.left{float:left;margin-right:15px}.j2eMenuItem.cheveron div.both{clear:both}.j2MenuText{color:#1d5987}.j2eMenuSeparator{text-align:left;cursor:default;list-style-type:none;padding:0;border:0;margin-top:2px;margin-bottom:2px;background:white}.j2eMenuOver{color:white}.colourMenu{width:20px;height:15px;border:1px solid black;display:inline-block;margin-right:5px;position:relative;top:3px}.menuTick{position:relative;display:inline-block;margin-left:-20px;margin-right:4px;left:4px}.j2eMenuItem .deleteButton{float:right;display:inline-block;opacity:0}.menuRevision{color:#2b8ad4;font-weight:bold}#menuRevisions .j2eMenuItem{text-align:right}.j2eMenuOver .deleteButton{opacity:1}.flag{width:16px;height:11px;display:inline-block;zoom:1;*display:inline}.flagButton{height:22px;vertical-align:middle}.flagButton>span.ui-icon{height:11px;margin-top:-6px;background-image:url('/e5/images/flags-11.png')!important}#menuLanguage .flag{background-image:url('/e5/images/flags-11.png')!important}.english{background-position:-2px -2px}.german{background-position:-22px -1px}.turkish{background-position:-42px -1px}.portuguese{background-position:-62px -1px}.spanish{background-position:-82px -1px}.dutch{background-position:-102px -1px}.french{background-position:-122px -1px}.italian{background-position:-142px -1px}.cantonese{background-position:-162px -1px}.norwegian{background-position:-182px -1px}.welsh{background-position:-202px -1px}.danish{background-position:-222px -1px}.finnish{background-position:-242px -1px}.russian{background-position:-262px -1px}.swedish{background-position:-282px -1px}.arabic{background-position:-2px -16px}.azerbaijani{background-position:-22px -16px}.bulgarian{background-position:-42px -16px}.croatian{background-position:-62px -16px}.czech{background-position:-82px -16px}.estonian{background-position:-102px -16px}.georgian{background-position:-122px -16px}.hungarian{background-position:-142px -16px}.kazakh{background-position:-162px -16px}.latvian{background-position:-182px -16px}.lithuanian{background-position:-202px -16px}.macedonian{background-position:-222px -16px}.maltese{background-position:-242px -16px}.polish{background-position:-262px -16px}.romanian{background-position:-282px -16px}.serbian{background-position:-2px -32px}.slovak{background-position:-22px -32px}.slovenian{background-position:-42px -32px}.turkmen{background-position:-62px -32px}.englishUS{background-position:-82px -32px}.brazilian{background-position:-102px -32px}.thai{background-position:-122px -32px}.vietnamese{background-position:-142px -32px}.mandarin{background-position:-162px -32px}.irish{background-position:-182px -32px}.malay{background-position:-202px -32px}.ukrainian{background-position:-222px -32px}#menuNetworkUsers{background-color:#293a4a;border-color:#293a4a;padding:0}#menuNetworkUsers .j2eMenuItem{color:white;background-color:#354350}#menuNetworkUsers .j2eMenuItem:first-child>div{color:#293a4a;background-color:white;font-family:'Lucida Grande','Lucida Sans',Arial;font-size:11px;background-position:-443px -125px;padding:5px 0;text-align:center}#menuNetworkUsers span.sortup{background-position:-866px 0;float:right;margin:3px 5px;width:11px;height:11px}#menuNetworkUsers .j2eMenuOver{background-color:#43576c}#menuNetworkUsers img{height:20px;margin-right:10px;vertical-align:middle}#menuNetworkUsers span{vertical-align:middle;font-size:11px}.ui-dialog .ui-dialog-titlebar-close span{left:-1px;top:-1px}.ui-widget{font-size:15px}#dialog-modal-confirm,#dialog-modal-prompt{display:table-cell}#dialog-modal-prompt>div>*{display:inline-block}#dialog-modal{white-space:normal;padding-left:10px;padding-right:10px}.ui-dialog.ui-widget .ui-dialog-titlebar>button{background-image:none;background-color:#fff}#j2signIn{font-size:13px;min-width:360px;max-width:690px}#j2signIn form.alignedForm fieldset{padding-left:30px}#j2signIn fieldset div.caWrap{text-align:center}form.alignedForm fieldset{border:none;text-align:left}form.alignedForm legend{padding:0 2px;font-weight:bold;text-align:left}form.alignedForm label{display:inline-block;line-height:1.8;vertical-align:middle;text-align:right;padding-right:.5em;white-space:nowrap;width:18em}form.alignedForm fieldset ol{margin:0;padding:0}form.alignedForm fieldset li{list-style:none;padding:2px;margin:0}form.alignedForm em{font-weight:bold;font-style:normal;color:#f00}#j2signIn form.alignedForm label{width:15em}#dialogSignIn a{margin-right:5px}form.alignedForm fieldset fieldset{border:none;margin:3px 0 0;text-align:center}form.alignedForm fieldset fieldset legend{padding:0 0 2px;font-weight:normal}form.alignedForm fieldset fieldset label{display:block;width:auto;margin-left:0}img.idp_image:hover{outline:3px solid #85d0f3}.idp_rect{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin:15px 0;position:relative;padding-top:17px;border-top:2px solid #f2f2f2;gap:15px}.idp_rect img.idp_image{max-height:45px;cursor:pointer;border-radius:6px;border:1px solid transparent}img.idp_image.border{border-color:#acb3b9}.idp_rect span.or{position:absolute;top:-12px;background:#fff;padding:5px 15px;color:#b4b4b4}#j2signIn.j2launchV2{background-color:white}#j2signIn.j2launchV2 .signinAsset{background-image:url(/assets/htmlsignin/assets3.png);background-size:1024px 1120px}#j2signIn.j2launchV2 .alignedForm{background-position:0 -260px;width:690px;height:238px}#j2signIn.j2launchV2 form.alignedForm fieldset{padding-top:11px;padding-left:250px;width:412px}#j2signIn.j2launchV2 form.alignedForm fieldset li{margin:7px 0}#j2signIn.j2launchV2 form.alignedForm fieldset li:first-child{margin-bottom:23px}#j2signIn.j2launchV2 form.alignedForm fieldset li:nth-last-child(2){margin:0;margin-bottom:4px}#j2signIn.j2launchV2 form.alignedForm fieldset li:nth-last-child(3){margin-bottom:4px}#j2signIn.j2launchV2 form.alignedForm fieldset li:last-child{text-align:right;margin:0;padding:0}#j2signIn.j2launchV2 form.alignedForm label{color:white}#j2signIn.j2launchV2.bloggy form.alignedForm label{color:#384654}#j2signIn.j2launchV2 form.alignedForm input{width:200px;border-radius:5px;outline:none;border:none;margin:0 2px;padding:0;font-size:12px}#j2signIn.j2launchV2 form.alignedForm input.error{border:2px solid red;padding:2px;margin-left:-1px}#j2signIn.j2launchV2 form.alignedForm font{color:#83d04a}#j2signIn.j2launchV2.bloggy form.alignedForm font{color:#f34000}#j2signIn.j2launchV2.microbitprod form.alignedForm font{color:#bef4ff}#j2signIn.j2launchV2.logoprod form.alignedForm font{color:#67c9ee}#j2signIn.j2launchV2.dataprod form.alignedForm font{color:#a5def4}#j2signIn.j2launchV2.jit5prod form.alignedForm font{color:#ffce1c}#j2signIn.j2launchV2 .j2rememberwrap{float:right;margin-right:2px}#j2signIn.j2launchV2 label[for="j2remember"],#j2signIn.j2launchV2 input#j2remember{width:auto}#j2signIn.j2launchV2 #jremind{font-size:12px;color:#bef4ff;vertical-align:bottom;margin-right:14px}#j2signIn.j2launchV2.bloggy #jremind{color:#f34000}#j2signIn.j2launchV2 #jlang{background:none!important;border:none!important;outline:none!important}#j2signIn.j2launchV2 #jlang.flagButton>span.ui-icon{margin-left:-13px;margin-top:-7px}#j2signIn.j2launchV2 #singleSignIn{background:none;border:none;background-color:#83d04a;color:white;font-weight:normal;margin-right:6px;font-size:1em;float:none}#j2signIn.j2launchV2 #qrSignIn{background-color:transparent;background-position:-693px -40px;padding-right:32px;border:none;font-size:1em;margin-right:10px}#j2signIn.j2launchV2.bloggy #singleSignIn{background-color:#f34000}#j2signIn.j2launchV2.visualprod #singleSignIn{background-color:#72d6b5}#j2signIn.j2launchV2.microbitprod #singleSignIn{background-color:#a5def4}#j2signIn.j2launchV2.logoprod #singleSignIn{background-color:#a3d72e}#j2signIn.j2launchV2.dataprod #singleSignIn{background-color:#a5def4;color:#007b95}#j2signIn.j2launchV2.jit5prod #singleSignIn{background-color:#ffce1c!important;color:#333!important}#j2signIn.j2launchV2.blastprod #singleSignIn{border-radius:0;-ms-transform:skewX(-4deg);-webkit-transform:skewX(-4deg);transform:skewX(-4deg)}#j2signIn.j2launchV2 #singleSignIn span{padding:3px 8px}#j2signIn.j2launchV2 .signinstr{position:relative;top:-89px;left:189px;color:#bef4ff;display:inline-block}#j2signIn.j2launchV2.bloggy .signinstr{color:#f34000}#j2signIn.j2launchV2.blastprod .signinstr{top:-153px;left:130px;color:#fcfcfc;font-size:13px}#j2signIn.j2launchV2.blastprod label[for="j2remember"],#j2signIn.j2launchV2.blastprod #jremind{color:#fcfcfc;font-size:13px;text-decoration:none}#j2signIn.j2launchV2.blastprod .button_rect>div{background-color:transparent}.button_rect{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin:15px 0;border-top:1px solid #eaeaea;padding-top:10px;justify-content:space-around}#j2signIn.j2launchV2 .button_rect>div{width:156px;height:50px;border:none;vertical-align:middle;display:inline-table;margin-bottom:15px}#j2signIn.j2launchV2 #singleSignIn.ui-state-active{color:#333}#j2signIn.j2launchV2 .button_rect>div:last-child{margin-right:0}#j2signIn.j2launchV2 .button_rect>div#createAccount{background-position:0 0;opacity:.88}#j2signIn.j2launchV2 .button_rect>div#videos{background-position:-141px 0}#j2signIn.j2launchV2 .button_rect>div#help{background-position:-177px 0;opacity:.88}#j2signIn.j2launchV2 .button_rect>div#appstore{background-position:-421px 0}#j2signIn.j2launchV2 .button_rect>div.company{background-position:-531px 0;opacity:.88}#j2signIn.j2launchV2 .button_rect>div#parentportal{background-position:-354px 0;opacity:.88}#j2signIn.j2launchV2 .button_rect>div:hover,#j2signIn.j2launchV2 .button_rect>div:focus{opacity:1!important}#j2signIn.j2launchV2 .button_rect>div>span{white-space:pre-line;color:white;font-weight:normal;margin:0;padding:0;display:table-cell;text-align:center;vertical-align:middle}#j2signIn.j2launchV2 .button_rect>div>span:first-child{font-size:12px}#j2signIn.j2launchV2 .button_rect>div#videos>span:first-child,#j2signIn.j2launchV2 .button_rect>div#help>span:first-child{font-size:16px}#j2signIn.j2launchV2 #networkUsers{display:inline-block;vertical-align:middle;width:205px;height:23px}#j2signIn.j2launchV2 #networkUsers>div{padding:5px 0;font-size:11px;cursor:pointer;color:#293a4a;text-align:center}#j2signIn.j2launchV2 #networkUsers .sortdown{background-position:-845px 0;float:right;margin:3px 5px;width:11px;height:11px}#j2signIn.j2launchV2 #qrcodereader video{width:320px;position:relative;margin:10px auto 0;display:block}#qrreader-canvas{display:none}.show-hidepw{display:block}.showhidecontainer{position:fixed;margin-left:-20px;display:inline-block;width:20px;height:20px;padding-top:3px}#dialogueRegisterSchool li .wondecharge{color:#a0a0a0;float:right}@media all and (max-width:730px){div#j2signIn.j2launchV2{width:400px;padding:10px}#j2signIn.j2launchV2 .alignedForm{width:400px;height:400px;background-position:0 -517px}#j2signIn.j2launchV2 form.alignedForm fieldset{padding-left:0;padding-top:174px;width:388px}#j2signIn.j2launchV2 form.alignedForm label{width:13em}#j2signIn.j2launchV2 form .j2rememberwrap>label{width:11em}#j2signIn.j2launchV2 .signinstr{display:none}}.ui-autocomplete{max-height:200px;overflow-y:auto;overflow-x:hidden}* html .ui-autocomplete{height:200px}.alert_parent{width:calc(100vw/2.6);background:#937cc5;padding:15px 30px;position:fixed;top:15px;left:50%;transform:translate(-50%);color:#eef3f7;line-height:1.3em;display:flex;flex-direction:column;border:2px solid #8363c8}.alert_parent>p{margin-bottom:10px;text-align:center}.alert_parent>a.continue{padding:5px 11px;background:#fbf9ff;text-decoration:none;border:2px solid #8363c8;color:#31b8cc;border-radius:6px;align-self:center}.alert_parent a.close{font-size:20px;color:#fff;position:absolute;top:10px;right:10px;text-decoration:none}.alert_parent>a.continue:hover{background:#f7f7f7;border-color:#6e52ab;color:#2698a8}#j2share a:link,#j2share a:visited{color:#1466c2;text-decoration:none}#j2share a:hover{color:#1466c2;text-decoration:underline!important}#j2share a:active{color:#1466c2}#j2library{margin-left:20px}#docType{margin-bottom:7px;margin-left:0}#shares2{margin-bottom:25px}#j2password,#j2private{margin-left:15px}#shares3{border:none;margin-top:10px;margin-left:-4px;padding-bottom:5px;background-color:#eee}#sharesGoogle>div{display:inline-block;vertical-align:middle!important}#sharesGoogle>label{margin-left:10px}#userTools{text-align:right}#finduser{margin-right:10px}#dropFriends{position:relative;left:-23px}.shareUrl{display:inline-block;margin:10px}.shareUrl:hover{text-decoration:underline!important}#shareDetail{display:block;width:95%;margin-left:5px;height:30px}.shareTable th{color:white;cursor:pointer;padding:5px;border:2px;margin:2px}.shareTable td:first-child{width:256px}.sharePublic{background-position:-84px -42px;background-repeat:no-repeat;position:relative;display:inline-block;*zoom:1;*display:inline;margin-top:-5px;margin-right:5px;top:10px;width:28px;height:28px}.sharePublic moderate{background-image:url('a/e5code/css/j2ehome/images/moderate.png')}.shareShare{background-position:-112px -42px;background-repeat:no-repeat;position:relative;top:30px;width:28px;height:28px;display:inline-block;*zoom:1;*display:inline;margin-right:5px;vertical-align:top}#j2pw{display:block;margin-left:100px;margin-bottom:-10px;margin-top:10px}#sharedWith{display:inline-block;*zoom:1;*display:inline;position:relative;top:20px;left:5px}.tblScrl{overflow:scroll;max-height:500px}#shareit{margin-top:10px;margin-left:-2px}.comboButton{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;margin-left:1px}.deleteButton{float:right;cursor:pointer}.canSave{text-align:center}input#dbLock{margin-left:10px}.dbLock{margin-bottom:10px;margin-top:-10px}#jinvite a:link,#jinvite a:visited{text-decoration:none}#jinvite a:hover{text-decoration:underline!important}#jinvite a:active{color:#1466c2}#j2inv{margin:10px}#jschselect{max-width:280px}#jwebfonts p{margin-bottom:10px}#fontSearch{margin-left:22px;width:80px}.fontlist{height:345px;width:573px;overflow:auto;border:1px silver solid}.fontcard{white-space:nowrap;overflow:visible}.fontitem{margin:5px;padding:10px;border:1px silver solid;border-radius:5px}.fontitem:hover{background-color:#a6c9e2}.fontidentifier{font-size:10px;color:#777;text-align:left}.fontfavourite{padding-left:10px}.fontsample{line-height:1.5em;padding-bottom:10px;display:block;overflow:hidden}#outof{color:#2e6e9e;margin-left:0;margin-top:5px;margin-bottom:5px;font-weight:normal;display:inline-block}.outoftools{float:right}div#j2sound{width:180px}div#j2record{display:inline-block;font-size:30px;touch-action:none;-ms-touch-action:none}div#j2stop,div#j2play{display:inline-block;margin-left:20px;font-size:30px;touch-action:none;-ms-touch-action:none}div#j2record{margin-left:30px;color:red}#j2stop.disabled,#j2play.disabled,#j2record.disabled{color:lightgrey}.recorder_wrapper{position:absolute;z-index:2000}.recorder_wrapper_center{left:50%;top:50%;margin-top:-120px;margin-left:-80px}.j2eAnimate{background-image:url('/e5/pbar-ani.gif')!important}div#sndname{margin-bottom:15px}div#sndname>span{margin-right:5px}div#sndname>input{width:175px;border:1px solid #a6c9e2;border-radius:5px}.attachmentsUpload{display:none}#webcam_movie.hidden{display:block!important}#camera_buttons li{display:inline}#filter_controls{display:none}#filter_controls ul{display:inline-block}#filter_controls li{display:inline}#filter_controls .slider_panel,#jcamera table,#jcamera .filters{display:inline-block}@media all and (max-width:11000px){[aria-labelledby="ui-dialog-title-jcamera"],[aria-describedby="jcamera"]{width:900px!important}.ui-dialog.smallCamera[aria-labelledby="ui-dialog-title-jcamera"],.ui-dialog.smallCamera[aria-describedby="jcamera"]{width:618px!important}#jcamera .filters{width:282px}#jcamera #photos.j2eListPanel{margin-left:70px}}@media all and (max-width:940px){[aria-labelledby="ui-dialog-title-jcamera"],[aria-describedby="jcamera"]{width:768px!important}.ui-dialog.smallCamera[aria-labelledby="ui-dialog-title-jcamera"],.ui-dialog.smallCamera[aria-describedby="jcamera"]{width:618px!important}#jcamera .filters{width:150px}#jcamera #photos.j2eListPanel{margin-left:0}}#jcamera .filters .filter{display:inline-block}.filter canvas{display:table}#jcamera #photos.j2eListPanel{display:inline-block}.smallCamera{display:none}#camera_buttons li.smallCamera{display:none!important}#camera_buttons #switch{cursor:pointer}.j2eListPanel div#scroll .xxx_wrapper .label{margin-bottom:5px;font-weight:bold;word-break:break-word;text-align:center}.j2eListPanel div#scroll .xxx_wrapper #j2dropmenu,.j2eListPanel div#scroll .xxx_wrapper .j2dropmenu{position:absolute;right:1px;top:1px}.j2eListPanel div#scroll .xxx_wrapper .label b{margin-left:5px}.j2eListPanel div#scroll .xxx_wrapper{display:inline-block;margin-top:5px;position:relative;cursor:move}.j2eListPanel div#scroll .j2graphic{cursor:move!important}.j2eListPanel.displayRight div#scroll .xxx_wrapper{display:block;width:130px;margin-left:auto;margin-right:auto}.j2eListPanel div#scroll .xxx_wrapper .public,.j2eListPanel div#scroll .xxx_wrapper .public.moderate{background-image:url('/e5/images/markShapes.png');background-size:336px 96px;background-position:-144px 0;background-repeat:no-repeat;position:absolute;width:48px;height:48px;left:-15px;top:8px}.j2eListPanel div#scroll .xxx_wrapper .moderate{background-image:url('/e5/images/markShapes.png');background-size:336px 96px;background-position:0 -48px;background-repeat:no-repeat;position:absolute;width:35px;height:35px;left:-5px;top:8px}.j2eListPanel div#scroll .xxx_wrapper .shared{background-image:url('/e5/images/markShapes.png');background-size:336px 96px;background-position:0 -48px;background-repeat:no-repeat;position:absolute;width:48px;height:48px;left:-15px;top:8px}.j2eListPanel div#scroll .xxx_wrapper .mark{background-repeat:no-repeat;position:absolute;width:50px;height:50px;left:-5px;top:25px}.j2eListPanel div#scroll .xxx_wrapper .goldstar{background-image:url('/markShapes/gold+star.png')}.j2eListPanel div#scroll .xxx_wrapper .ten{background-image:url('/markShapes/ten.png')}.j2eListPanel div#scroll .xxx_wrapper .silverstar{background-image:url('/markShapes/silver+star.png')}.j2eListPanel div#scroll .xxx_wrapper .bronzestar{background-image:url('/markShapes/bronze+star.png')}.j2eListPanel div#scroll .xxx_wrapper .smile{background-image:url('/markShapes/smile.png')}.j2eListPanel div#scroll .xxx_wrapper .wink{background-image:url('/markShapes/wink.png')}.j2eListPanel div#scroll .xxx_wrapper .correct{background-image:url('/markShapes/correct.png')}.j2eListPanel div#scroll .xxx_wrapper .sad{background-image:url('/markShapes/sad.png')}.j2eListPanel div#scroll .xxx_wrapper .wrong{background-image:url('/markShapes/wrong.png')}.j2eListPanel div#scroll .xxx_wrapper .pin{background-image:url('/markShapes/pin.png')}.j2eListPanel #scrollPrev{width:16px;height:16px;display:inline-block;top:4px;margin-right:5px}.j2eListPanel #scrollNext,.j2eListPanel #scrollUp{width:16px;height:16px;display:inline-block;top:4px;margin-left:5px}.j2eListPanel{position:fixed;z-index:900}.j2eListPanel.displayRight{max-width:170px;position:relative}.j2eListPanel.displayRight #tabs{height:100%}.j2filepreview{cursor:pointer!important}.j2eListPanel.displayRight .j2filepreview,.j2eListPanel.displayRight .j2photo,.j2eListPanel.displayRight .j2graphic,.j2eListPanel.displayRight .j2audiojp,.j2eListPanel.displayRight .j2videojp,.j2eListPanel.displayRight .lpcontent{position:relative!important;width:auto;height:auto;padding-bottom:0}.j2eListPanel .ui-tabs .ui-tabs-panel{padding:0;padding-bottom:0;font-size:1em}.j2eListPanel:not(.displayRight) .ui-tabs .ui-tabs-panel{height:100%}.j2eListPanel div#scroll>*{margin-right:10px;padding-bottom:5px}.j2eListPanel.displayRight .ui-tabs .ui-tabs-panel #scroll{vertical-align:middle;display:inline-block;height:100%;width:100%;display:block;overflow-y:auto;overflow-x:hidden}.j2eListPanel.displayRight .ui-tabs .ui-tabs-panel #scroll.showDrag{margin-left:0;margin-top:0;overflow-y:visible;overflow-x:visible}.j2eListPanel .ui-tabs .ui-tabs-panel .scrollButton{vertical-align:middle}.j2eListPanel .ui-tabs .ui-tabs-panel .scrollButton.vertical{display:block;width:100%;height:20px}.j2eListPanel .ui-tabs .ui-tabs-panel .scrollButton.horizontal{display:inline;width:20px;height:100%}.j2eListPanel.displayRight .ui-tabs .ui-tabs-nav li{display:inline-block;float:none}.j2eListPanel .ui-tabs .ui-tabs-nav li a.iconTabs{outline:none}.j2eListPanel .ui-tabs .ui-tabs-nav li .ui-icon{width:32px}.j2eListPanel .tabTitle{padding:5px 0 5px 5px;border:0;background-image:none;background-color:transparent}.j2eListPanel .crumb{cursor:pointer}.j2eListPanel .crumb:hover{text-decoration:underline!important}.j2eListPanel .closeButton{margin-right:5px;margin-top:10px;position:absolute;left:150px}.j2eListPanel .j2searchBar{margin-top:-1px;padding-top:5px}.displayPanel .j2searchBar{position:absolute;padding-top:0;margin-top:0;left:160px;z-index:10}.displayPanel{position:relative;white-space:normal;height:300px}.displayPanel #tabs{border:none}.displayPanel #tabs-0,.displayPanel #tabs-1,.displayPanel #tabs-2,.displayPanel #tabs-3{border:1px solid #4297d7}.displayPanel .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{background:none;border:none;border-radius:0}.j2eListPanel.displayPanel .ui-tabs .ui-tabs-panel #scroll{margin:10px;margin-right:18px;overflow-y:scroll;height:315px}.j2eListPanel img{margin-bottom:20px;max-width:130px;max-height:100px}.displayPanel img{margin-bottom:20px;max-width:180px;max-height:100px}#filer{min-width:674px}.displayPanel .tabTitle{padding-right:10px;padding-left:10px}.displayPanel div#scroll .xxx_wrapper{margin-top:0}.xxx_wrapper:hover{outline:1px dotted #ccc}.ui-dialog-titlebar,.xxx_wrapper{touch-action:none;-ms-touch-action:none}div#scroll .xxx_wrapper p{word-break:break-word;position:relative;width:100%;text-align:center;color:#727d8b}div#scroll .xxx_wrapper p.waitingConvert{position:absolute;top:40%;background-color:rgba(255,255,255,0.8);font-weight:bold;border:1px solid #797979;border-radius:4px;width:70%;left:50%;transform:translate(-50%,-50%);padding:4px 7px}div#scroll .xxx_wrapper.readonly .j2dropmenu,div#scroll .xxx_wrapper.readonly .multi{display:none}div#scroll .xxx_wrapper.readonly .conversation,div#scroll .xxx_wrapper.readonly .shared{pointer-events:none;display:none}.xxx_wrapper .j2dropmenu{cursor:pointer;position:absolute;top:-10px;right:-10px;width:28px;height:28px;border:none;background:none}.xxx_wrapper .j2dropmenu .ui-icon{background-position:0 -42px;width:28px;height:28px}.cutCopy{opacity:.5}div#scroll .xxx_wrapper p b{position:relative;overflow:hidden;height:18px}div#scroll .xxx_wrapper img{max-width:120px;max-height:90px;width:auto;height:auto;margin-bottom:5px}div#scroll .xxx_wrapper .jp-jplayer img{max-width:160px}div#scroll .xxx_wrapper.boxshadow img:first-of-type{-moz-box-shadow:0 0 3px 3px #ddd;-webkit-box-shadow:0 0 3px 3px #ddd;-o-box-shadow:0 0 3px 3px #ddd;box-shadow:0 0 3px 3px #ddd}div#scroll .xxx_wrapper.scratchBoxshadow img:first-of-type{-moz-box-shadow:0 0 3px 3px #fae7c9;-webkit-box-shadow:0 0 3px 3px #fae7c9;-o-box-shadow:0 0 3px 3px #fae7c9;box-shadow:0 0 3px 3px #fae7c9}div#scroll .xxx_wrapper.classFolder img,div#scroll .xxx_wrapper.classFolder div.folder,div#scroll .xxx_wrapper.userFolder div.folder,div#scroll .xxx_wrapper.userFolder img{height:80px!important;width:100px;margin-left:6px}div#scroll .xxx_wrapper.classFolder div.memberOfClass{position:absolute;top:38px;left:27px;width:28px;height:30px;background-position:-405px -337px}div#scroll .xxx_wrapper.classFolder div.folder{background-position:-5px -331px}div#scroll .xxx_wrapper.classFolder div.folder.autogroup{background-position:-105px -331px}div#scroll .xxx_wrapper.classFolder div.folder.group{background-position:-205px -331px}div#scroll .xxx_wrapper.classFolder div.folder.fav,div#scroll .xxx_wrapper.userFolder div.folder.fav{background-position:-305px -331px}div#scroll .xxx_wrapper.userFolder div.avatar{background-repeat:no-repeat;height:45px!important;width:45px;position:absolute;top:32px;left:12px}input#classTypeMine{margin-left:30px}input#classTypeAll,input#fullNameCB{margin-left:15px}div#scroll .thumbBorder img{border:1px solid #a7a7a7}div#scroll .scratchBorder img{border:1px solid #f8c783}div#scroll .xxx_wrapper .missing{background-position:-56px -70px;width:56px;height:70px;margin:10px 32px}div#scroll .xxx_wrapper.exe .missing{background-position:-56px -196px}div#scroll .xxx_wrapper.zip .missing,div#scroll .xxx_wrapper.yar .missing{background-position:-672px -196px}div#scroll .xxx_wrapper.txt .missing,div#scroll .xxx_wrapper.rtf .missing,div#scroll .xxx_wrapper.doc .missing,div#scroll .xxx_wrapper.docx .missing,div#scroll .xxx_wrapper.odt .missing{background-position:-112px -70px}div#scroll .xxx_wrapper.htm .missing,div#scroll .xxx_wrapper.html .missing{background-position:0 -196px}div#scroll .xxx_wrapper.pdf .missing{background-position:-168px -70px}div#scroll .xxx_wrapper.xls .missing,div#scroll .xxx_wrapper.xlsx .missing,div#scroll .xxx_wrapper.csv .missing,div#scroll .xxx_wrapper.ods .missing{background-position:-224px -70px}div#scroll .xxx_wrapper.ppt .missing,div#scroll .xxx_wrapper.pptx .missing,div#scroll .xxx_wrapper.mov .missing,div#scroll .xxx_wrapper.mpg .missing,div#scroll .xxx_wrapper.avi .missing,div#scroll .xxx_wrapper.mpeg .missing,div#scroll .xxx_wrapper.wmv .missing{background-position:-280px -70px}div#scroll .xxx_wrapper.jpg .missing,div#scroll .xxx_wrapper.jpeg .missing,div#scroll .xxx_wrapper.svg .missing,div#scroll .xxx_wrapper.bmp .missing,div#scroll .xxx_wrapper.gif .missing,div#scroll .xxx_wrapper.png .missing,div#scroll .xxx_wrapper.ai .missing,div#scroll .xxx_wrapper.emf .missing,div#scroll .xxx_wrapper.wmf .missing,div#scroll .xxx_wrapper.tif .missing,div#scroll .xxx_wrapper.tiff .missing{background-position:-336px -70px}div#scroll .xxx_wrapper.epub .missing{background-position:-224px -266px}div#scroll .xxx_wrapper.swf .missing{background-position:-280px -266px}div#scroll .xxx_wrapper.wav .missing,div#scroll .xxx_wrapper.mp3 .missing,div#scroll .xxx_wrapper.m4a .missing,div#scroll .xxx_wrapper.ogg .missing,div#scroll .xxx_wrapper.oga .missing,div#scroll .xxx_wrapper.wma .missing,div#scroll .xxx_wrapper.webm .missing{background-position:-336px -266px}div#scroll .xxx_wrapper[data-filetype="39"].ctr .missing{background-position:-393px -483px}div#scroll .xxx_wrapper[data-filetype="29"] .missing{background-position:-56px -266px}div#scroll .xxx_wrapper[data-filetype="29"].zip .missing,div#scroll .xxx_wrapper[data-filetype="29"].yar .missing{background-position:-560px -196px}div#scroll .xxx_wrapper[data-filetype="29"].txt .missing,div#scroll .xxx_wrapper[data-filetype="29"].rtf .missing,div#scroll .xxx_wrapper[data-filetype="29"].doc .missing,div#scroll .xxx_wrapper[data-filetype="29"].docx .missing,div#scroll .xxx_wrapper[data-filetype="29"].docm .missing{background-position:-392px -196px}div#scroll .xxx_wrapper[data-filetype="29"].pub .missing{background-position:-280px -196px}div#scroll .xxx_wrapper[data-filetype="29"].xls .missing,div#scroll .xxx_wrapper[data-filetype="29"].xlsx .missing,div#scroll .xxx_wrapper[data-filetype="29"].csv .missing{background-position:-112px -196px}div#scroll .xxx_wrapper[data-filetype="29"].ods .missing{background-position:-504px -196px}div#scroll .xxx_wrapper[data-filetype="29"].ppt .missing,div#scroll .xxx_wrapper[data-filetype="29"].pptx .missing,div#scroll .xxx_wrapper[data-filetype="29"].pptm .missing,div#scroll .xxx_wrapper[data-filetype="29"].pps .missing,div#scroll .xxx_wrapper[data-filetype="29"].pot .missing,div#scroll .xxx_wrapper[data-filetype="29"].pott .missing,div#scroll .xxx_wrapper[data-filetype="29"].potm .missing{background-position:-448px -196px}div#scroll .xxx_wrapper[data-filetype="29"].jpg .missing,div#scroll .xxx_wrapper[data-filetype="29"].jpeg .missing,div#scroll .xxx_wrapper[data-filetype="29"].svg .missing,div#scroll .xxx_wrapper[data-filetype="29"].bmp .missing,div#scroll .xxx_wrapper[data-filetype="29"].gif .missing,div#scroll .xxx_wrapper[data-filetype="29"].png .missing,div#scroll .xxx_wrapper[data-filetype="29"].ai .missing,div#scroll .xxx_wrapper[data-filetype="29"].emf .missing,div#scroll .xxx_wrapper[data-filetype="29"].wmf .missing,div#scroll .xxx_wrapper[data-filetype="29"].tif .missing,div#scroll .xxx_wrapper[data-filetype="29"].tiff .missing{background-position:-616px -196px}div#scroll .xxx_wrapper[data-filetype="29"].swf .missing{background-position:-112px -266px}div#scroll .xxx_wrapper[data-filetype="29"].wav .missing,div#scroll .xxx_wrapper[data-filetype="29"].mp3 .missing,div#scroll .xxx_wrapper[data-filetype="29"].m4a .missing,div#scroll .xxx_wrapper[data-filetype="29"].ogg .missing,div#scroll .xxx_wrapper[data-filetype="29"].oga .missing,div#scroll .xxx_wrapper[data-filetype="29"].wma .missing,div#scroll .xxx_wrapper[data-filetype="29"].webm .missing{background-position:-168px -266px}div#scroll .xxx_wrapper[data-filetype="33"] .missing,div#scroll .xxx_wrapper[data-filetype="33"].unknown .missing{background-position:2px -483px}div#scroll .xxx_wrapper[data-filetype="33"].zip .missing,div#scroll .xxx_wrapper[data-filetype="33"].yar .missing{background-position:-390px -413px}div#scroll .xxx_wrapper[data-filetype="33"].txt .missing,div#scroll .xxx_wrapper[data-filetype="33"].rtf .missing,div#scroll .xxx_wrapper[data-filetype="33"].doc .missing,div#scroll .xxx_wrapper[data-filetype="33"].docx .missing,div#scroll .xxx_wrapper[data-filetype="33"].docm .missing,div#scroll .xxx_wrapper[data-filetype="33"].pub .missing{background-position:-222px -413px}div#scroll .xxx_wrapper[data-filetype="33"].xls .missing,div#scroll .xxx_wrapper[data-filetype="33"].xlsx .missing,div#scroll .xxx_wrapper[data-filetype="33"].csv .missing{background-position:2px -413px}div#scroll .xxx_wrapper[data-filetype="33"].ods .missing{background-position:-334px -413px}div#scroll .xxx_wrapper[data-filetype="33"].ppt .missing,div#scroll .xxx_wrapper[data-filetype="33"].pptx .missing,div#scroll .xxx_wrapper[data-filetype="33"].pptm .missing,div#scroll .xxx_wrapper[data-filetype="33"].pps .missing,div#scroll .xxx_wrapper[data-filetype="33"].pot .missing,div#scroll .xxx_wrapper[data-filetype="33"].pott .missing,div#scroll .xxx_wrapper[data-filetype="33"].potm .missing{background-position:-166px -413px}div#scroll .xxx_wrapper[data-filetype="33"].jpg .missing,div#scroll .xxx_wrapper[data-filetype="33"].jpeg .missing,div#scroll .xxx_wrapper[data-filetype="33"].svg .missing,div#scroll .xxx_wrapper[data-filetype="33"].bmp .missing,div#scroll .xxx_wrapper[data-filetype="33"].gif .missing,div#scroll .xxx_wrapper[data-filetype="33"].png .missing,div#scroll .xxx_wrapper[data-filetype="33"].ai .missing,div#scroll .xxx_wrapper[data-filetype="33"].emf .missing,div#scroll .xxx_wrapper[data-filetype="33"].wmf .missing,div#scroll .xxx_wrapper[data-filetype="33"].tif .missing,div#scroll .xxx_wrapper[data-filetype="33"].tiff .missing{background-position:-446px -413px}div#scroll .xxx_wrapper[data-filetype="33"].swf .missing{background-position:-112px -266px}div#scroll .xxx_wrapper[data-filetype="33"].wav .missing,div#scroll .xxx_wrapper[data-filetype="33"].mp3 .missing,div#scroll .xxx_wrapper[data-filetype="33"].m4a .missing,div#scroll .xxx_wrapper[data-filetype="33"].ogg .missing,div#scroll .xxx_wrapper[data-filetype="33"].oga .missing,div#scroll .xxx_wrapper[data-filetype="33"].wma .missing,div#scroll .xxx_wrapper[data-filetype="33"].webm .missing{background-position:-110px -483px}div#scroll .xxx_wrapper[data-filetype="33"].map .missing{background-position:-502px -413px}div#scroll .xxx_wrapper[data-filetype="33"].www .missing{background-position:-558px -413px}div#scroll .xxx_wrapper[data-filetype="33"].mp4 .missing,div#scroll .xxx_wrapper[data-filetype="33"].avi .missing,div#scroll .xxx_wrapper[data-filetype="33"].mov .missing,div#scroll .xxx_wrapper[data-filetype="33"].qt .missing,div#scroll .xxx_wrapper[data-filetype="33"].wmv .missing,div#scroll .xxx_wrapper[data-filetype="33"].mkv .missing,div#scroll .xxx_wrapper[data-filetype="33"].flv .missing{background-position:-222px -483px}div#scroll .xxx_wrapper{display:inline-table;vertical-align:top;margin:10px 10px 20px;position:relative;cursor:pointer;width:112px;zoom:1;*display:inline}div#scroll .xxx_wrapper:hover{outline:1px dotted #ccc}div#scroll .xxx_wrapper .mark{background-image:url('/e5/images/markShapes.png')!important;background-size:336px 96px;background-position:0 0;background-repeat:no-repeat;position:absolute;width:48px;height:48px;top:-15px;left:30px}div#scroll .xxx_wrapper .moderate{background-position:-240px 48px}div#scroll .xxx_wrapper .goldstar{background-position:-240px 0}div#scroll .xxx_wrapper .ten{background-position:-144px -48px;width:96px}div#scroll .xxx_wrapper .silverstar{background-position:-96px -48px}div#scroll .xxx_wrapper .bronzestar{background-position:-288px 0}div#scroll .xxx_wrapper .smile{background-position:-48px 0}div#scroll .xxx_wrapper .correct{background-position:-48px -48px}div#scroll .xxx_wrapper .sad{background-position:96px 0}div#scroll .xxx_wrapper .wrong{background-position:-192px 0}div#scroll .xxx_wrapper .sharedShadow{background-image:none}.styledLink:link,.styledLink:visited{color:#1466c2;text-decoration:none}.styledLink:hover{color:#1466c2;text-decoration:underline}.styledLink:active{color:#1466c2}div#scroll .xxx_wrapper .records{background-color:#4e8ec6;color:white;position:absolute;left:-5px;top:75px;padding:5px;border-radius:10px;-moz-border-radius:10px}div#scroll .xxx_wrapper .votes{background-color:#93d55b;color:white;position:absolute;left:-5px;padding:5px;border-radius:10px;-moz-border-radius:10px}div#scroll .xxx_wrapper .inEdit{position:absolute;color:white;text-align:center;background-color:lightblue;width:18px;height:18px;left:96px;top:66px}div#scroll .xxx_wrapper .pupilsInClass,div#scroll .xxx_wrapper .filesInFolder,div#scroll .xxx_wrapper .filesForUser{position:absolute;color:white;text-align:right;width:40px;height:20px;left:50px;top:20px}div#scroll .xxx_wrapper.classFolder.grouped .pupilsInClass,div#scroll .xxx_wrapper.classFolder.grouped .filesInFolder,div#scroll .xxx_wrapper.userFolder.grouped .filesForUser{top:32px}div#scroll .xxx_wrapper[data-filetype="29"] .filesInFolder{color:#727d8b}div#scroll .xxx_wrapper.gif img{border:1px solid #a7a7a7;background-image:url(/assets/jit/paint/background.png);background-size:15px}.crumbTrail li a{cursor:pointer;color:#1466c2;text-decoration:none}.crumbTrail li a:hover{text-decoration:underline}.crumbTrail li{display:inline}.crumbTrail{padding-top:10px;padding-bottom:10px}.minifolder{width:20px;position:relative;top:3px;margin-right:5px}div#scroll .xxx_row{display:block;width:100%;margin:0 0 0 50px;padding:10px;border-bottom:1px solid grey}div#scroll .xxx_row *{vertical-align:middle}div#scroll .xxx_row:last-child{border-bottom:none;padding-bottom:0}div#scroll .xxx_row .file_icon{width:15px;height:48px;margin-left:20px;display:inline-block;vertical-align:middle;background-color:blue}div#scroll .xxx_row img,div#scroll .xxx_row div.missing{display:none}div#scroll .xxx_row p,div#scroll .xxx_row .j2audiojp{width:auto!important;margin-left:20px;display:inline-block;zoom:1;*display:inline;text-align:left}div#scroll .xxx_row .shared,div#scroll .xxx_row .public,div#scroll .xxx_row .inEdit{top:auto;left:auto;display:inline-block}div#scroll .xxx_row .j2audiojp .jp-gui.jp-interface{width:100px;display:inline-block;vertical-align:middle}div#scroll .xxx_row .j2audiojp .jp-title{width:200px;background-color:transparent;display:inline-block;vertical-align:middle;text-align:left}img#j2review{float:right;margin-top:-20px}table#assignments{clear:both}.reviewIcon{background-image:url('/assets/htmlfiles/j2review.png');background-position:7px 4px;background-size:126px;background-repeat:no-repeat;width:42px;height:42px;display:inline-block;vertical-align:middle}#scroll .downloadCloud.j2review{display:inline-block}#scroll .downloadCloud.j2review:not(.ui-state-disabled){cursor:pointer}#scroll .downloadCloud.j2review img.exportCSVIcon{display:inline-block;width:40px}#assignments.j2review th{color:white;background-color:#3c3c3c;background-image:url('/assets/htmlfiles/orangeFlash.png');background-repeat:no-repeat;padding-left:12px}#addWork i.fa.fa-camera,#uploadWork i.fa-cloud-upload,#createPupilFolder i.fa.fa-folder{position:relative;top:0}[data-btn="uploadWork"] input{cursor:pointer}div#addWork,#uploadWork,#createPupilFolder{float:right;cursor:pointer;height:50px;width:80px;margin-top:-20px}#markConversationsRead{float:right;cursor:pointer;height:50px;width:80px;color:red;margin-top:-30px}div#reviewBits{background-image:url('/assets/htmlfiles/j2review-small.png');width:40px;height:40px;position:relative;left:30px;margin-top:-20px}.noaction{cursor:default!important}a.findoutmore{color:#727d8b;text-decoration:initial}a:hover.findoutmore{text-decoration:underline}.fileFetcher{position:absolute;width:1px;height:1px}.noselection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j2data img{border-radius:10px;border-color:#8d8d8d}.dataStack{width:120px;height:90px;position:absolute;z-index:-1;left:6px;top:4px;border:1px solid #8d8d8c;background-color:#c5cace;border-radius:10px}.dataStack1{width:120px;height:90px;position:absolute;border:1px solid #8d8d8c;background-color:#c5cace;border-radius:10px;z-index:-2;left:11px;top:8px}.j2data img{margin-bottom:10px!important}#scroll .alert{display:inline-block;max-width:100%}div#scroll .xxx_wrapper.j2board img{margin:6px!important;width:110px;height:80px}div#scroll .xxx_wrapper .j2boardstack{width:120px;height:90px;position:absolute;z-index:-1;background-image:url(/e5/whiteboard-fileicon.png);border:1px solid #a7a7a7}#j2fUser .shareTable td img{width:25px;float:left;margin-right:6px}#j2fUser .shareTable td{user-select:none}#j2fUser .shareTable td:first-child{width:unset}.j2audiojp{width:120px!important}.j2audiojp .jp-controls{width:90px!important}.j2audiojp-link{position:absolute!important;left:-10000px!important;top:-10000px!important;border:none!important}.j2videojp{margin-bottom:5px}#content #scroll .j2videojp{width:160px!important}#content #scroll .j2videojp .jp-interface{position:absolute;top:49px;display:none}#content #scroll .j2videojp .jp-controls{margin-left:55px!important}#scroll .j2videojp .jp-controls-holder{top:0;width:160px}#scroll .j2videojp .jp-mute,#scroll .j2videojp .jp-unmute{left:20px}#scroll .j2videojp .jp-progress,#scroll .j2videojp .jp-current-time,#scroll .j2videojp .jp-duration,#scroll .j2videojp .jp-volume-max,#scroll .j2videojp .jp-volume-bar,#scroll .j2videojp .jp-toggles{display:none!important}div.j2videojp .jp-jplayer img{width:auto!important;margin-left:auto!important;margin-right:auto!important}#flash_camera{position:relative;width:567px;height:430px}.attachmentsUpload{display:none}#webcam_movie{float:right}#webcam_movie.hidden{display:block!important;position:absolute;left:-9000px}.captureimg{position:absolute;top:-999999px}.representation{float:right}#camera_buttons ul{margin-top:20px}#camera_buttons li.first{margin-left:142px}#camera_buttons li{display:inline;padding-right:50px;color:#727d8b}#camera_buttons li i.disabled,#camera_buttons li>span.disabled{color:#ccc}#filter_controls{display:none}#filter_controls ul{display:inline-block;vertical-align:middle;margin:0 0 10px}#filter_controls li.first{margin-left:20px}#filter_controls li{display:inline;padding-right:35px}#filter_controls .slider_panel{width:340px;height:15px;background-color:#dee8f0;display:inline-block;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:2px solid #d9e5f0;padding:8px 35px;margin-right:20px}#slider{border-color:#5d88e3}#slider .ui-slider-handle{background:#5d88e3;outline:0 solid transparent;border:2px solid #5d88e3}#jcamera table{display:inline-block;vertical-align:top}#jcamera .filters{display:inline-block;height:480px;width:548px;background-color:#dee8f0;border:2px solid #d9e5f0;border-radius:8px;overflow-y:scroll;margin-left:10px;padding:5px;white-space:normal}#jcamera #photos.j2eListPanel{margin-left:210px}@media all and (max-width:11000px){[aria-labelledby="ui-dialog-title-jcamera"],[aria-describedby="jcamera"]{width:900px!important}.ui-dialog.smallCamera[aria-labelledby="ui-dialog-title-jcamera"],.ui-dialog.smallCamera[aria-describedby="jcamera"]{width:618px!important}#jcamera .filters{width:282px}#jcamera #photos.j2eListPanel{margin-left:70px}}@media all and (max-width:940px){[aria-labelledby="ui-dialog-title-jcamera"],[aria-describedby="jcamera"]{width:768px!important}.ui-dialog.smallCamera[aria-labelledby="ui-dialog-title-jcamera"],.ui-dialog.smallCamera[aria-describedby="jcamera"]{width:618px!important}#jcamera .filters{width:150px}#jcamera #photos.j2eListPanel{margin-left:0}}#jcamera .filters .filter{display:inline-block;margin:4px;border:1px solid #c3e4ff;height:90px}.filter canvas{margin:0 auto;display:table}.filter p{background-color:#f4f4f4;text-align:center;width:110px;position:relative;font-size:14px;margin:0 auto;margin-top:-16px;border-top-left-radius:4px;border-top-right-radius:4px;padding-top:2px;overflow:hidden}#jcamera #photos.j2eListPanel{max-width:180px;overflow:hidden;display:inline-block}#jcamera .j2eListPanel .closeButton{margin-top:6px;float:right}#jcamera .toolbarButton{width:32px;font-size:26px;text-align:center;padding:3px 2px 0}#jcamera .google{font-size:30px;color:#727d8b;height:32px;margin-top:0}.photoButton1,.shareButton1,.storeButton1,.plusButton{color:#727d8b}.smallCamera{display:none}#camera_buttons li.smallCamera{display:none!important}.filters.smallCamera{height:0!important;width:0!important;border:none!important;padding:0!important;overflow:hidden!important}#camera_buttons #switch{cursor:pointer}#camera_buttons #switch>span.count{color:white;margin-left:-22px;vertical-align:super;font-size:12px;font-weight:bold}#jmodalhashlink input[name="url"]{font-size:14px;width:450px;border:none;text-align:center}#jmodalhashlink input[name="url"]:focus{outline:0 solid transparent}#jmodalhashlink p.hashqr{text-align:center;margin-top:25px}#jmodalhashlink p.hashqr>div{width:200px;height:200px}form#userContactInformationForm input.error{border:2px solid red;padding:2px;margin-left:-1px}form#userContactInformationForm label{width:8em}.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px}.farbtastic .wheel{background:url(wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(marker.png) no-repeat}.j2eMenu{border:1px solid #888!important}.j2eMenuItem{background-color:#fafafa}.j2eMenuSeparator{border-bottom:1px solid #d7d7d7}div#scroll .xxx_wrapper .votes{bottom:15px}.j2dialogshadow{-moz-box-shadow:5px 5px 7px #888;-webkit-box-shadow:5px 5px 7px #888;-o-box-shadow:5px 5px 7px #888;box-shadow:5px 5px 7px #888}.nopadding{border:0;margin:0;padding:0}.ui-corner-all{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}form.alignedForm input.error{border-color:red}#j2pub{display:block;font-size:10pt}#submitTxt{margin-bottom:20px;color:#0e80cd;line-height:16px;border:1px solid;padding:10px;white-space:normal}#submitTxt p{margin-bottom:7px;margin-top:7px;font-size:10pt}#j2userstable .rowselected{background-color:lightgray}.ui-dialog .ui-dialog-buttonpane{border-width:0;margin:0}.ui-dialog-content td{padding:2px 5px}.ui-dialog .ui-dialog-content{padding-top:10px;overflow:hidden;display:table}.ui-dialog-content{white-space:nowrap}.centreDialogue{width:100%!important;padding-left:0!important;padding-right:0!important}#dialog-modal-confirm{display:table-cell;vertical-align:middle;height:60px;white-space:normal;text-align:center;padding-left:10px;padding-right:10px}#dialog-modal-prompt{display:table-cell;vertical-align:middle;height:60px;text-align:center}#dialog-modal-prompt>div>p{padding-right:8px}#dialog-modal-prompt>div>*{display:inline-block;zoom:1;*display:inline}#myfilesContainer{position:relative;height:calc(100vh - 36px)}#filterHeader{position:absolute;top:30px;left:0;height:40px;width:100%;min-width:910px;display:table;text-align:right}#filterHeader>.ui-buttonset{display:inline-block;*zoom:1;*display:inline;margin-right:25px}#filterHeader>.ui-multiselect{margin-right:10px}#filterHeader>#search{color:red;border:1px solid #ccc;border-radius:4px;padding:4px 8px}.drawAttention{color:red!important}#filterHeader>div{margin-right:0;width:56px;height:56px;display:inline-block;*zoom:1;*display:inline;cursor:pointer}#filterHeader>div:last-child{margin-right:15px}#filterHeader>#table,#filterHeader>#list{width:46px;height:40px;margin:0 5px}#filterHeader>#table{background-position:-397px -149px}#filterHeader>#list{background-position:-452px -148px}#filterHeader>.showbin{background-position:0 -140px}#filterHeader>.showbin.active{background-position:-168px -140px}#filterHeader>.showbin.inactive{background-position:-112px -140px}#filterHeader>.showbin.binDrop{background-position:-56px -140px}#filterHeader>.createFolder{background-position:-224px -140px}#filterHeader>.createFolder.inactive{display:none}#filterHeader>#slideShow{background-position:-280px -140px}#filterHeader>*{margin-right:10px;vertical-align:middle;display:inline-block;*zoom:1;*display:inline}#filterHeader .ui-widget>span{font-size:14px}#linksHeader{position:fixed;top:0;left:0;bottom:0;width:225px;min-height:100%;background:#2a4968}#linksHeader .company{position:absolute;left:35px;width:155px;height:42px;bottom:20px;background-position:-210px 0}#linksHeader img{max-width:105px;margin:65px 60px 15px}#linksHeader #counter{padding:20px 0 20px 35px;color:#799bbc}#linksHeader li{padding:0 0 0 30px;list-style:none;cursor:pointer}#linksHeader li.active{background:#24405c}#linksHeader li.active .text{color:#fff}#linksHeader li .icon,.pupilFilesIcon,#linksHeader .upload .icon{width:42px;height:42px;display:inline-block;*zoom:1;*display:inline;vertical-align:middle}#linksHeader li .text,#linksHeader .upload .text{display:inline-block;*zoom:1;*display:inline;padding-left:15px;max-width:122px;vertical-align:middle;color:#799bbc}#linksHeader li[data-bucket="mine"] .icon{background-position:0 0}#linksHeader li[data-bucket="shared"] .icon{background-position:-42px 0}#linksHeader li[data-bucket="staffroom"] .icon{background-position:-729px -149px}#linksHeader li[data-bucket="listClasses"] .icon,.pupilFilesIcon{background-position:-84px 0}#linksHeader li[data-bucket="moderation"] .icon{background-position:-128px 0}#linksHeader .upload{margin:15px 10px 10px 11px;border:4px dashed #425d7e;background-color:#233f5c;border-radius:16px}#linksHeader .upload.unsupported{border:none;background-color:transparent;margin-left:15px}#linksHeader .upload .icon{background-position:-445px 0;margin:25px 0 25px 15px}#linksHeader .upload.unsupported a{text-decoration:none}#linksHeader .upload.unsupported a:hover,#linksHeader li .text:hover{text-decoration:underline}.border-box{position:relative;top:120px;left:230px;margin-right:20px;min-width:670px}.border-box.need-margin{margin-right:250px}.border-box .top,.border-box .bottom{height:23px}.border-box .left,.border-box .right{width:23px}.border-box .top{background-image:url(/e5/css/htmlfiles/images/contenttop.png)}.border-box .bottom{background-image:url(/e5/css/htmlfiles/images/contentbottom.png)}.border-box .left{background-image:url(/e5/css/htmlfiles/images/contentleft.png)}.border-box .right{background-image:url(/e5/css/htmlfiles/images/contentright.png)}.border-box .top-left,.border-box .top-right,.border-box .bottom-left,.border-box .bottom-right{background-image:url(/e5/css/htmlfiles/images/contentcorners.png);background-repeat:no-repeat;width:23px;height:23px}.border-box .top-left{background-position:0 0}.border-box .top-right{background-position:-23px 0}.border-box .bottom-left{background-position:-46px 0}.border-box .bottom-right{background-position:-69px 0}.border-box .middle{background-color:white}#content{min-width:624px;background-color:white}#content>#scroll{overflow:visible;padding:0}#content legend{position:relative;top:-5px;padding-left:5px;padding-right:5px;color:#303f4c;font-weight:bold}#content fieldset{border-top:1px dotted #d7d7d7;margin-top:10px}#footer{height:75px}.restore,.forever{position:absolute;top:-25px;width:28px;height:28px}.restore{left:18px;background-position:-140px -42px}.forever{left:70px;background-position:-168px -42px}.spinnerSpace{position:absolute;width:100px;height:100px}.multi{display:inline-block;top:15px;left:-8px;width:20px;height:20px}.xxx_wrapper .multi{position:absolute}.rotator{display:inline-block;position:absolute;top:60px;left:90px;width:20px;height:20px;color:white;text-shadow:#888 4px 4px 6px;font-size:12px;cursor:pointer}div#scroll .xxx_wrapper.fselected p{color:white}.tinyURL{margin:20px}div#scroll .xxx_wrapper p.waitingSave{color:rgba(222,39,39,0.8);position:absolute;top:50%;background-color:rgba(255,255,255,0.8);font-weight:bold;border:1px solid #797979;border-radius:4px;width:70%;left:50%;transform:translate(-50%,-50%);padding:4px 7px}div#scroll .xxx_wrapper.readonly{opacity:.7}div#scroll .xxx_wrapper.readonly .j2dropmenu,div#scroll .xxx_wrapper.readonly .multi{pointer-events:none;display:none}#assignments tr.readonly td:not(:nth-child(5)){pointer-events:none}#selectionBox{position:absolute;border:1px solid lightgrey}#forSpinner{height:30px;width:100%}#jimgprev>div{text-align:center}#jimgprev>div>img{margin-top:20px;max-width:600px;max-height:350px}#jimgprev>div .imgSizes{padding:15px 0}#jimgprev>div .imgSizes a{padding:0 10px;font-size:12px;text-decoration:none;outline:none}#jimgprev>div .imgSizes a:hover{text-decoration:underline}._text{position:absolute;padding:2px;background-color:white;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border:1px solid;font-size:10pt!important}._new{color:red!important}._soon{color:green!important}._mod{background-color:red;left:10px;margin-top:10px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;-o-transform:none;padding:2px 4px;color:white}@font-face{font-family:ScratchFont;src:url('/e5/fonts/scratch.ttf')}span.scratchFont{font-family:ScratchFont;font-size:24px;line-height:1;color:orange}#photos .loadButton,#photos .shareButton1,#photos .storeButton1{background-image:none!important}#photos .j2searchBar{position:static}.ui-dialog{z-index:1029!important}#j2VideoiFrame{width:504px;height:367px;margin:0 auto;display:inline-block}i#refreshO365files{font-family:fontAwesome;font-size:30px;margin-right:20px;color:#4e8ec6;cursor:pointer}a#refreshO365files img{height:25px}#refreshGoogleDriveFiles,#refreshGoogleDriveFiles>i,#refreshingGoogleDriveFiles,#refreshingGoogleDriveFiles>i{font-family:fontAwesome;cursor:pointer}#refreshGoogleDriveFiles>i:not(.fa-inverse){color:#dd4a3a;font-size:40px}#refreshGoogleDriveFiles>i.fa-google.fa-inverse{margin-top:4px;font-size:20px;color:#fff;text-shadow:0 0 #c23122,1px 1px #c23122,2px 2px #c23122,3px 3px #c23122,4px 4px #c23122,5px 5px #c23122}#refreshingGoogleDriveFiles>i{color:#dd4a3a;font-size:30px;cursor:default}#refreshingO365files{font-family:fontAwesome;cursor:pointer}#refreshingO365files>i{font-family:fontAwesome;cursor:pointer;color:#4e8ec6;font-size:30px;cursor:default}.alert{padding:10px;margin-bottom:15px;border:1px solid transparent;max-width:90%;white-space:normal;text-align:left}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert label{display:block;margin:8px 0 0}@media (max-width:767px){#myfilesContainer{height:calc(100vh - 56px)}}body>*,body p,#content,#filterHeader *,#linksHeader .upload.unsupported a{font-size:16px;font-weight:normal;font-family:"Lexend",ABeeZee,"Lucida Console",Monaco,monospace;color:#727d8b}.ui-dialog-content td,.ui-dialog-content p,.ui-dialog-content input,.ui-dialog-content label{color:#5a6874}.ui-dialog-content input,.ui-dialog-content textarea{border:1px solid #d0d0d0;border-radius:4px}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-size:14px}.shareTable{border:1px;border-style:solid;width:400px;border-color:#5cb1c7}.shareTable th{background-color:#5cb1c7}.ui-widget-header{border:1px solid #007b95;background-image:none;background-color:#5cb1c7}.ui-widget-content{border:1px solid #007b95;color:#5a6874}.ui-widget-content a{color:#5a6874}.ui-dialog-buttonset .ui-button{background:#5cb1c7;border:solid thin #007b95;color:#fff}.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #007b95;background-image:none;background-color:#5cb1c7;color:white}.shareUrl.selected{color:#007b95}.ui-button-text-only .ui-button-text{padding:.1em .4em!important}.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{border-top:0;margin-top:0}div#j2setPW{padding-bottom:0}form.alignedForm fieldset{margin-bottom:0}div#credits{margin-top:18px}ul#credits{list-style-type:none;margin-top:10px;margin-bottom:10px}ul#credits a:link{text-decoration:none}ul#credits a:hover{text-decoration:underline}ul#credits a:visited{text-decoration:none}#jinvite a:hover,#jinvite a:visited,#jinvite a:link{color:#5cb1c7}div#dialogField td{vertical-align:middle}input#fieldWidth,input#fieldHeight{width:3em}input#fieldDp{width:5em}div#fieldDp{display:inline-block}#dialogField .droplist{margin-left:6px}div#fieldDp{border:1px solid lightgray;border-radius:3px;padding:5px}input#j2saveQ,input#j2saveC{width:25em}#dialogLoadQuery th,#dialogLoadChart th{text-align:left;padding:2px 5px}#dialogLoadQuery td,#dialogLoadChart td{cursor:pointer}#dialogLoadQuery td.date,#dialogLoadChart td.date{min-width:7em}#dialogLoadQuery .droplist,#dialogLoadChart .droplist{margin-left:10px;opacity:0;height:14px;vertical-align:top;background-position:-782px -183px}#dialogLoadQuery tr:hover .droplist,#dialogLoadChart tr:hover .droplist{opacity:1}td.description{white-space:nowrap}#dialogLoadQuery div#scroller,#dialogLoadChart div#scroller{max-height:300px;overflow-y:scroll}#dialogLoadQuery,#dialogLoadChart{display:none}#jfiler .j2eListPanel .ui-widget.ui-state-default.tabTitle{font-size:12px}#jfiler .j2eListPanel div#scroll .xxx_wrapper .label{font-weight:normal;font-size:12px}#jfiler div#scroll .xxx_wrapper{width:120px;text-align:center}#jfiler div#scroll .xxx_wrapper:hover{outline:none}#jfiler #googleresultsempty{color:#5cb1c7}#jfiler #googlebranding,#googleresultsempty{padding:5px;cursor:default}#jfiler #googlebranding .fa-caret-square-o-down{font-size:18px;color:#5cb1c7}#jfiler #googlefilters{color:#5cb1c7;margin-top:5px}#jfiler #googlefilters input{font-size:10px;margin-left:15px}.hiddenLoader{position:absolute;top:0;left:0;width:1px;height:1px}.dbresource{background-position:-598px -560px!important;width:42px!important;height:40px}.dbresource.picture{background-position:-598px -560px!important}.dbresource.search{background-position:-644px -560px!important}.dbresource.camera{background-position:-688px -560px!important}.dbresource.record{background-position:-734px -560px!important}.dbresource.upload{background-position:-780px -560px!important}.dbresource.clear{background-position:-824px -560px!important}#tab-container{min-width:475px}#tab-container .etabs{padding:0;border-bottom:10px solid #5cb1c7;margin-bottom:-10px;white-space:nowrap}#tab-container .tab a{font-size:14px;line-height:2em;display:block;margin:0;outline:none;color:white;cursor:pointer;text-decoration:none;text-align:center}#tab-container .tab a:hover{text-decoration:underline}#tab-container .tab .inner{display:table;position:absolute;height:34px;width:152px;padding-left:32px;padding-top:10px}#tab-container .tab .inner>p{display:table-cell;vertical-align:middle;text-align:center;font-size:14pt;line-height:10pt;word-break:break-word;font-family:"Lexend",system-ui;color:white}#tab-container .tab .img{width:44px;height:44px}#tab-container .tab-container .panel-container{background:#fff;border:solid #666 1px;padding:10px;-moz-border-radius:0 4px 4px 4px;-webkit-border-radius:0 4px 4px 4px}#tab-container .tab.active .inner>p{color:white}.capturing .j2tools,.capturing .etabs{display:none}.capturing #tab-container{top:0}#tab-container .tab{display:inline-block;zoom:1;margin-left:0;margin-right:15px;margin-top:5px;background-image:url('/assets/database/data-assets-v7.png');background-position:-5px -5px;background-repeat:no-repeat;width:185px;height:60px;vertical-align:bottom}#tab-container .tab.define,#content.embed #tab-container .tab.form{margin-left:15px}#tab-container .form{background-position:-195px -5px}#tab-container .table{background-position:-385px -5px}#tab-container .chart{background-position:-575px -5px}#tab-container .options{background-position:-765px -5px}#tab-container .active{background-position:-5px -70px}#tab-container .define.tab.active{margin-left:3px}#tab-container .form.active{background-position:-220px -70px}#tab-container .table.active{background-position:-435px -70px}#tab-container .chart.active{background-position:-650px -70px}#tab-container .options.active{background-position:-865px -70px}#tab-container .tab.active{margin-left:-12px;margin-right:2px;width:210px}#tab-container .tab.active .inner{padding-left:44px}#rail{height:10px;background-color:#edeff1;position:relative;z-index:-1;top:-9px}.j2eMenu{padding-top:9px;padding-bottom:9px}.j2eMenuOver{background:#5cb1c7}.ui-widget-content{border-radius:8px}.testBlock{border:1px solid red;width:1022px;height:20px;position:absolute;top:50px;left:0}.ui-widget-overlay.ui-front{position:fixed;top:0;left:0}@media all and (max-width:1024px){#tab-container .tab{margin-left:0;margin-right:15px;margin-top:5px;width:176px}#tab-container .tab .inner p{width:144px}#tab-container .tab.define,#content.embed #tab-container .tab.form{margin-left:15px}#tab-container .define{background-position:-5px -430px}#tab-container .form{background-position:-195px -430px}#tab-container .table{background-position:-385px -430px}#tab-container .chart{background-position:-575px -430px}#tab-container .options{background-position:-765px -430px}#tab-container .active{background-position:-5px -495px}#tab-container .define.tab.active{margin-left:3px}#tab-container .form.active{background-position:-220px -495px}#tab-container .table.active{background-position:-435px -495px}#tab-container .chart.active{background-position:-650px -495px}#tab-container .options.active{background-position:-865px -495px}#tab-container .tab.active{margin-right:4px;width:199px}#tab-container .tab.active .inner{padding-left:44px}}@media all and (max-width:970px){#tab-container .tab{margin-left:0;margin-right:15px;margin-top:5px;width:85px}#tab-container .tab .inner p{display:none}#tab-container .tab.define,#content.embed #tab-container .tab.form{margin-left:15px}#tab-container .define{background-position:-5px -255px}#tab-container .form{background-position:-90px -255px}#tab-container .table{background-position:-175px -255px}#tab-container .chart{background-position:-260px -255px}#tab-container .options{background-position:-345px -255px}#tab-container .active{background-position:-5px -320px}#tab-container .define.tab.active{margin-left:3px}#tab-container .form.active{background-position:-115px -320px}#tab-container .table.active{background-position:-225px -320px}#tab-container .chart.active{background-position:-335px -320px}#tab-container .options.active{background-position:-445px -320px}#tab-container .tab.active{margin-right:4px;width:108px}#tab-container .tab.active .inner{padding-left:44px}}div#tabs-0,div#tabs-1{position:relative;top:23px}.j2eListPanel .ui-widget.ui-state-default.tabTitle{background-color:transparent;color:#5cb1c7;border:0}.ui-progressbar{height:1em}.toolbarButton.ui-button-icon-only{width:38px}.toolbarButton{height:32px;position:relative;margin:0 1px 0 0;vertical-align:middle}.j2eListPanel .ui-tabs .ui-tabs-nav li a.iconTabs{padding:10px}.clickspeak,.j2eTag.j2eRotationTag,.toolbarButton.ui-button-icon-only .ui-icon,#playB{background-image:url('/e5/images/j2e-icons-40-40-6.png');background-size:800px 280px}.ui-icon.loadButton{width:40px!important}.loadButton,.myfilesButton{background-position:-82px -124px}.storeButton1{background-position:-445px -84px}.shareButton1{background-position:-245px -84px}.plusButton{background-position:-565px -84px}ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{margin-top:25px;margin-bottom:-30px}ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li:only-child{display:none}div#tabs-0,div#tabs-1{margin-top:7px}div#j2searchBar{left:3px}div.datepicker{font-family:"Lexend",system-ui;font-size:15px;width:196px;height:147px;position:absolute;cursor:default;top:0;left:0;display:none}.datepickerContainer{background:#0f7b93;position:absolute;top:10px;left:10px;border:2px solid #c2c9d0;padding:10px;border-radius:10px}.datepickerHidden{display:none}div.datepicker table{border-collapse:collapse}div.datepicker a{color:#fff;text-decoration:none;cursor:default;outline:none}div.datepicker table td{text-align:right;padding:1px;margin:0}div.datepicker th{text-align:center;color:#97d8e6;font-weight:normal}div.datepicker tbody a{display:block}.datepickerDays a{width:20px;line-height:16px;height:16px;padding-right:2px}.datepickerYears a,.datepickerMonths a{width:44px;line-height:36px;height:36px;text-align:center}td.datepickerNotInMonth a{color:#052e3e}tbody.datepickerDays td.datepickerSelected{background:#032f3e}tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected,tbody.datepickerYears td.datepickerSelected,tbody.datepickerMonths td.datepickerSelected{background:#17384d}div.datepicker a:hover,div.datepicker td.datepickerNotInMonth a:hover{color:#97d8e6}div.datepicker tbody th{vertical-align:middle;padding-bottom:2px;text-align:right}.datepickerSpace div{width:20px}.datepickerGoNext a,.datepickerGoPrev a,.datepickerMonth a{text-align:center;height:20px;line-height:20px}.datepickerGoNext a{float:right;width:20px}.datepickerGoPrev a{float:left;width:20px}table.datepickerViewDays tbody.datepickerMonths,table.datepickerViewDays tbody.datepickerYears,table.datepickerViewMonths tbody.datepickerDays,table.datepickerViewMonths tbody.datepickerYears,table.datepickerViewMonths tr.datepickerDoW,table.datepickerViewYears tbody.datepickerDays,table.datepickerViewYears tbody.datepickerMonths,table.datepickerViewYears tr.datepickerDoW{display:none}td.datepickerDisabled a,td.datepickerDisabled.datepickerNotInMonth a,td.datepickerDisabled a:hover{color:#333}td.datepickerSpecial a{background:#700}td.datepickerSpecial.datepickerSelected a{background:#a00}th.datepickerWeek,.datepickerWk{display:none}.datepickerViewMonths th.datepickerGoNext,.datepickerViewMonths th.datepickerGoPrev{opacity:.01}#j2buttonBar{height:83px;background-color:#5cb1c7;margin-bottom:20px;min-width:850px;margin-top:-2px}.resetbuttonStyle{background-image:none;background-color:transparent;border:none;border-radius:0;font-family:"Lexend",ABeeZee,system-ui;font-size:15px;padding:.6em .5em}.buttonBarLogo{background-image:url('/assets/database/logo.png');background-position:center;background-repeat:no-repeat;height:81px;width:200px;vertical-align:top;background-size:75%}.buttonBarLogo .ui-button-text{font-size:27px;color:#5c8ec2;padding:0}.buttonBarUser{margin-top:20px;color:#fff;right:0;position:absolute}.buttonBarSave .saveButtonText .j2changed{color:red}.bbb{color:#fff;margin-top:5px;margin-left:auto;margin-right:auto}.bbi{width:37px;height:36px;background-image:url('/assets/database/data-assets-v7.png');background-repeat:no-repeat;margin-left:auto;margin-right:auto}.bbi.new{background-position:-315px -135px}.uiButton:hover .bbi.new{background-position:-315px -175px}.uiButton.ui-state-active:hover .bbi.new{background-position:-315px -215px}.uiButton:hover .bbb{color:#97d4e1}.uiButton.ui-state-active:hover .bbb{color:#b6e1ea}.bbi.load{background-position:-355px -135px;width:47px}.uiButton:hover .bbi.load{background-position:-355px -175px}.uiButton.ui-state-active:hover .bbi.load{background-position:-355px -215px}.bbi.floppy-o{background-position:-404px -135px}.uiButton:hover .bbi.floppy-o{background-position:-404px -175px}.uiButton.ui-state-active:hover .bbi.floppy-o{background-position:-404px -215px}.bbi.blog{background-position:-274px -135px}.uiButton:hover .bbi.blog{background-position:-274px -175px}.uiButton.ui-state-active:hover .bbi.blog{background-position:-274px -215px}.bbi.share{background-position:-565px -135px;width:60px}.uiButton:hover .bbi.share{background-position:-565px -175px}.uiButton.ui-state-active:hover .bbi.share{background-position:-565px -215px}.bbi.help{background-position:-520px -135px;width:21px}.uiButton:hover .bbi.help{background-position:-520px -175px}.uiButton.ui-state-active:hover .bbi.help{background-position:-520px -215px}.bbi.about{background-position:-544px -135px;width:15px}.uiButton:hover .bbi.about{background-position:-544px -175px}.uiButton.ui-state-active:hover .bbi.about{background-position:-544px -215px}.buttonBarPublish img{width:40px;margin-bottom:-6px}.bbi.example{background-position:-485px -135px;width:28px}.uiButton:hover .bbi.example{background-position:-485px -175px}.uiButton.ui-state-active:hover .bbi.example{background-position:-485px -215px}.bbi.link{background-position:-444px -135px}.uiButton:hover .bbi.link{background-position:-444px -175px}.uiButton.ui-state-active:hover .bbi.link{background-position:-444px -215px}span.revisions{color:white;margin-left:-20px;position:relative;left:-20px;top:5px;vertical-align:top;display:inline-block}span.changed{position:relative;color:white;top:6px;left:-32px;margin-left:-8px;vertical-align:top;display:inline-block}@media all and (max-width:1100px) and (min-width:920px){.buttonBarNew,.buttonBarLoad,.buttonBarSave,.buttonBarLink,.buttonBarPublish,.buttonBarExamples,.buttonBarHelp,.buttonBarUser{margin-right:5px}.buttonBarNew{margin-left:-10px}span.revisions{left:-8px}.changed{left:-12px}}@media all and (max-width:920px){.hide920Max{display:none}.buttonBarNew,.buttonBarLoad,.buttonBarSave,.buttonBarLink,.buttonBarPublish,.buttonBarExamples,.buttonBarHelp,.buttonBarUser{margin-right:0;top:10px}.bbi.about,.bbi.share,.bbi.example{top:10px;position:relative}.buttonBarNew{margin-left:-10px}.buttonBarUser{top:0}span.revisions{left:0}.changed{left:-6px}#jSignIn{position:relative}}.buttonBarNew:hover,.buttonBarLoad:hover,.buttonBarSave:hover,.buttonBarLink:hover,.buttonBarPublish:hover,.buttonBarExamples:hover,.buttonBarHelp:hover,.buttonBarUser:hover{color:#89baed}.ui-button-disabled,.ui-button-disabled:active{color:#89baed!important}.buttonBarNew:active,.buttonBarLoad:active,.buttonBarSave:active,.buttonBarLink:active,.buttonBarPublish:active,.buttonBarExamples:active,.buttonBarHelp:active,.buttonBarUser:active{color:#3a76b6}button:focus{outline:none}.formStyle.panel{padding-top:30px;padding-left:20px;white-space:nowrap}.formStyle input{vertical-align:middle}.colourBlock,.bgBlock{width:20px;height:20px;border:2px solid;border-radius:8px;cursor:pointer}.changed.input,input.changed{font-style:italic}.altered{color:red!important}input,textarea{border-radius:5px;border:2px solid #c2c9d0;padding:3px}.moveUp,.moveDown,.fieldDelete,.fieldMenu,.checkbox,#save,#saveC,#loadC,#bin,.droplist{background-image:url('/assets/database/data-assets-v7.png');background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;border-radius:0!important}#advanced,#previous,#next,#new{background-image:url('/assets/database/data-assets-v7.png');background-position:-720px -135px;background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;width:26px;border-radius:0!important}#undo,#redo{background-image:url('/assets/database/data-assets-v7.png');background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;border-radius:0!important}#add{background-image:url('/assets/database/data-assets-v7.png');background-position:-720px -135px;background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;width:26px;border-radius:0!important}.rowDelete{background-image:url('/assets/database/data-assets-v7.png');background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;border-radius:0!important}#addfield,#csv,#sql,#import,#empty{background-image:url('/assets/database/data-assets-v7.png');background-position:-720px -135px;background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;width:26px;border-radius:0!important}#options #reset,.inUse,.qDel,.qDelete,#rotate{background-image:url('/assets/database/data-assets-v7.png');background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;border-radius:0!important}.line,.scatter,.pie,.column,.bar{background-image:url('/assets/database/data-assets-v7.png');background-position:-720px -135px;background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;border-radius:0!important}.urlLink{background-image:url('/assets/database/data-assets-v7.png');background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;border-radius:0!important}.qload,.qsave{background-image:url('/assets/database/data-assets-v7.png');background-position:-720px -135px;background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;width:26px;border-radius:0!important}.dbresource,#dialogLoadQuery .link,#dialogLoadChart .link{background-image:url('/assets/database/data-assets-v7.png');background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;border-radius:0!important}.zoomit{background-image:url('/assets/database/data-assets-v7.png');background-position:-720px -135px;background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;width:26px;border-radius:0!important}#exportC{background-image:url('/assets/database/data-assets-v7.png');background-repeat:no-repeat;background-color:transparent!important;border:0!important;color:darkgrey!important;border-radius:0!important}.checkbox,input.button,input[type="button"],.moveUp,.moveDown,.fieldDelete,.fieldType,.droplist,div.input,.resource{cursor:pointer}.checkbox.disabled,input.button:disabled,input[type="button"]:disabled,.fieldType:disabled,.droplist.disabled,div.input.disabled,.resource.disabled{cursor:default}.droplistContainer{display:flex}.droplistContainerInline{display:inline-flex}.droplistContainer .droplist,.droplistContainerInline .droplist{align-self:center}.droplist{width:15px;height:25px;display:inline-block;background-position:-635px -178px;vertical-align:middle;margin-left:-15px}:focus{outline-color:#5cb1c7}.error:focus{outline-color:red}input.error{border:2px solid red}input.button{font-size:12pt;background-color:#c2c9d0;padding:3px;cursor:pointer}input.button:disabled{background-color:#edeff1;border-color:#edeff1;color:#c8cdd1;cursor:default}#save{background-position:-630px -135px;width:40px;height:40px}#saveC,#loadC{width:40px;height:40px}#saveC{background-position:-725px -385px}#loadC{background-position:-860px -385px}#save:disabled{background-position:-675px -135px}#saveC:disabled,#loadC:disabled{background-position:-675px -385px}#bin{background-position:-825px -135px;width:40px;height:40px}#bin:disabled{background-position:-915px -135px}#undo{background-position:-635px -205px;width:40px;height:40px}#redo{width:40px;height:40px;background-position:-635px -250px}#undo.depressed{background-position:-680px -205px}#redo.depressed{background-position:-680px -250px}#undo.disabled{background-position:-725px -205px}#redo.disabled{background-position:-725px -250px}input#advanced{background-position:-960px -135px;width:30px;height:30px;vertical-align:middle}input#qsave{background-position:-725px -345px;height:30px;width:30px}input#qload{height:30px;width:30px;background-position:-830px -345px}#bin.depressed{background-position:-870px -135px}input#save.depressed{background-position:-725px -295px}input#saveC.depressed{background-position:-770px -385px}input#loadC.depressed{background-position:-905px -385px}input#qsave.depressed{background-position:-760px -345px}input#qload.depressed{background-position:-865px -345px}input#advanced.depressed{background-position:-995px -135px}input#advanced:disabled{background-position:-1030px -135px}.checkbox{background-position:-655px -180px;width:20px;height:20px}.checkbox.checked{background-position:-680px -180px}.checkbox.checked.disabled,.locked #data .checkbox.checked,.locked #form .checkbox.checked,.locked #define .checkbox.checked{background-position:-730px -180px}.visualPage .checkbox{margin:.25em 0}.warning{color:#007b95}div.input{height:1.1em;width:11em;display:inline-block;border-radius:5px;border:2px solid #c2c9d0;padding:3px;vertical-align:middle;font-style:normal;overflow:hidden}div#condition{width:2em}div#and{width:3em}.advancedQuery td{padding-top:4px;padding-bottom:4px;padding-right:4px;padding-left:0;vertical-align:middle}#content.advanced #chart div#top,#content.advanced #table div#top,.advancedQuery{display:none}.advanced .advancedQuery{display:block}.advancedQuery input#advanced,.advancedQuery .qsave,.advancedQuery #nofn,.advancedQuery .qload{display:none}.advancedQuery tr:first-child input#advanced,.advancedQuery tr:first-child .qsave,.advancedQuery tr:first-child #nofn,.advancedQuery tr:first-child .qload{display:block}.advancedQuery div#field,.advancedQuery input#comparison{width:10em}#sortdiv div#sort{width:9em}.qDelete{background-position:-805px -134px;width:12px;height:12px;margin-top:5px;cursor:pointer;margin-right:10px}.qDel{background-position:-805px -134px;width:12px;height:12px;cursor:pointer;margin-right:10px;margin-top:1px}.inUse{background-position:-1959px -183px;width:16px;height:14px}.inUse.active{background-position:-757px -183px}.fselected{background:#0d6b85;color:white}#undoButtons{display:inline-block;float:right;position:relative;top:-10px}.ipad #comparison~.droplist{margin-left:5px}.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{min-height:12px}.resource .empty{width:43px;height:44px;background-image:url('/assets/database/data-assets-v7.png');background-position:-994px -384px;background-repeat:no-repeat;margin-left:20px;margin-top:20px}.formStyle .users{display:inline-block;position:absolute;padding:10px}.formStyle .users div.userList{position:absolute;background:#5cb1c7;padding:10px;padding-left:25px;padding-right:10px;color:white;border-radius:5px;display:none;margin-top:5px}.formStyle .users:hover div.userList{display:block;z-index:1}.formStyle .userList li{padding-bottom:3px;text-wrap:nowrap}.dbName{display:none}.urlLink{width:16px;height:16px;display:inline-block;margin-left:10px;background-position:-861px -213px}#dialogLoadQuery .link,#dialogLoadChart .link{width:16px;height:14px;background-position:-858px -183px}@media all and (max-width:1024px){.advancedQuery input#comparison{width:7em}.advancedQuery #sortdiv div#sort,.advancedQuery div#field{width:6em}.advanced div#sortdiv{margin-left:10px}.advanced #sortdiv div#sort{width:7em}}@media print{.button,.etabs,span.ui-button-text,#rail,#direction,.droplist,.moveDown,.moveUp,.fieldDelete,.rowDelete,#close,#newchart,table#options,.noprint,.ui-resizable-handle{display:none!important}#j2buttonBar{background-color:transparent;margin-bottom:0}#previous,#next{display:inline-block!important}.dbName{display:inline-block;vertical-align:bottom;font-size:18px;margin-left:-80px;margin-bottom:35px}.chartarea{left:100px!important}}.moveUp{background-position:-720px -135px;width:25px;min-width:25px;height:25px}.moveDown{width:25px;min-width:25px;height:25px;background-position:-760px -135px}.fieldColour{cursor:pointer}.fieldColour.disabled{cursor:default}.fieldDefault{width:9em}.fieldUnits{width:50px}.fieldDelete{background-position:-805px -134px;width:12px;height:12px;margin-top:5px}.fieldMenu{width:15px;height:25px;background-position:-782px -178px;vertical-align:middle;cursor:pointer}input.fieldName{width:12em}tr:first-child .moveUp,tr:last-child .moveDown{background-image:none}#define th{padding-bottom:12px}#define div#buttons{margin:20px;margin-left:750px}#define td{padding:5px;white-space:nowrap;vertical-align:middle}.locked .colourBlock{cursor:default}#define div#info{margin-top:20px;float:left}textarea.listValues{width:9em;height:5em}input#addfield{width:40px;height:40px;background-position:-5px -385px}input#addfield:hover{background-position:-50px -385px}input#addfield:disabled{background-position:-95px -385px}#define #import{background-position:-890px -205px;width:55px;height:40px;display:inline-block;position:relative;top:-9px}#define div#undoButtons{margin-right:20px}.input.fieldDefault{width:9em}input#addfield.depressed{background-position:-50px -385px}#define #import.depressed{background-position:-890px -250px}#form div#buttons{background-color:transparent;float:right;white-space:nowrap;margin-top:10px;margin-right:16px}div#buttonContainer{position:relative}#form div#top{margin:0 20px 20px}#form div.resource{width:130px;height:100px;margin-left:5px;display:flex;display:inline-block}#form .resource[data-filetype="20"]{min-width:130px}.adding .resource{border:1px solid lightgray}#form .resource img{max-width:130px;max-height:100px;margin:auto;display:block;border:1px solid lightgray}table#form{background-color:transparent}table#form input.decimal{width:80px}table#form input{width:20em;margin-right:5px}table#form input.number{width:8em}table#form input.currency{width:5em}table#form input.date{width:12em}table#form input.phone{width:10em}textarea.mlt{width:20em}#form span#nofn,#form span#newRecord{margin-left:30px;margin-right:30px;cursor:default}span#newRecord,#add{display:none}.adding span#newRecord{display:inline}.adding span#nofn,.adding #new,.adding #delete{display:none}#new{vertical-align:bottom}#form .noDatabase span#nofn{display:inline}#form .noDatabase span#newRecord,#form .noDatabase #top{display:none}#form .noDatabase div#info{margin-top:0}#form .noDatabase span#nofn{margin-left:0}#form td.label{padding-right:15px;vertical-align:middle}div#sortdiv{color:gray;display:inline-block}#sortdiv span{margin-right:2px;cursor:default}span.unitsBefore{margin-right:10px}#form td{padding:5px}.noDatabase input,.noDatabase #sortdiv{display:none}.capturing #top,.capturing #sortdiv,.capturing #buttons,.capturing #navigate,.capturing #info{display:none!important}#content.capturing:not(.services-thumbnailing){-webkit-transform:scale(0.4)!important;-webkit-transform-origin:0 0}.capturing table#form{margin-top:-30px;margin-left:10px}.capturing .visualPage{margin-left:0;border:0}.capturing:not(.services-thumbnailing) div#tab-container,.capturing:not(.services-thumbnailing) .formStyle.panel.capturing{background-color:#edeff1;min-height:500px}.capturing.services-thumbnailing div#tab-container,.capturing.services-thumbnailing .formStyle.panel{background-color:#edeff1;min-height:1280px}.capturing.services-thumbnailing{max-width:1024px;margin:0 auto}#save:disabled{cursor:default}.visualPage{margin-left:18px;display:inline-block;border-style:solid;border-width:27px;-moz-border-image:url('/assets/database/data-card-assets.png') 27;-webkit-border-image:url('/assets/database/data-card-assets.png') 27;-o-border-image:url('/assets/database/data-card-assets.png') 27;border-image:url('/assets/database/data-card-assets.png') 27 fill}.noDatabase .visualPage{display:none}div#direction{height:25px;display:inline-block;width:25px;vertical-align:middle}div#direction.moveDown{background-position-x:-760px}input#sort{width:11em}div#searchDiv{display:inline-block;margin-right:30px;margin-top:8px}#form div#info{display:inline-block}div#errorinfo{padding-top:40px}#navigate{display:inline-block;border:0;border-radius:0;vertical-align:top;margin-left:65px;margin-bottom:-2px}input#previous{width:75px;height:36px;background-position:-555px -305px;border:0;border-radius:0}input#next{width:75px;height:36px;border:0;border-radius:0;background-position:-635px -305px}input#previous:disabled{background-position:-555px -385px;cursor:default}input#next:disabled{background-position:-635px -385px;cursor:default}#form #new,#form #add{width:55px;height:40px;background-position:-445px -260px;vertical-align:bottom;margin-bottom:28px;margin-left:10px}#form #new:disabled,#form #add:disabled{background-position:-565px -260px}#form input#new.depressed{background-position:-505px -260px}input#previous.depressed{background-position:-555px -346px}input#next.depressed{background-position:-635px -346px}table#form{display:inline-block;vertical-align:top}table.panel2{margin-left:20px;border-left:1px solid white;padding-left:20px}#content.advanced div#searchDiv{display:none}#form .advancedQuery{margin-left:-5px;margin-top:1px}#form input#search{margin-left:6px;margin-top:2px}.advanced div#sortdiv,.advanced #form .advancedQuery{display:inline-block;vertical-align:top}.advanced div#sortdiv{margin-top:8px;margin-left:20px}.advanced #form div#top{margin-bottom:20px;white-space:normal}table#form .input{background:white}.resource~.droplist{margin-left:5px;vertical-align:top;width:28px;height:30px;background-position:-626px -175px}div#form td span#nofn{display:none}#table div#top{margin-top:0;margin-left:0;margin-right:20px;margin-bottom:20px}#table .advancedQuery{margin:0 20px 16px;margin-left:0}#table .resource img{max-width:130px;max-height:100px}#table textarea.mlt{width:300px;font-size:12pt}#table span#nofn,#table span#newRecord{margin-left:30px;margin-right:30px}.searchNotFound{color:red}#table td.label{padding-right:15px}#table div#sortdiv{margin-left:20px;color:gray}#table #sortdiv span{margin-right:10px}span.units{margin-left:10px}#save,#delete,#new,#direction,#previous,#next,#sort,#advanced{cursor:pointer}input#add{margin-left:100px}table#data,table#history,table#loadQ,table#loadChart{border-collapse:collapse;white-space:normal}table#data th,table#history th,table#loadQ th,table#loadChart th{text-align:left;background-color:#f7f8fb;border-top:1px solid lightgray;border-bottom:1px solid lightgray;padding:10px;cursor:pointer}#data td,#history td,#loadQ td,#loadChart td{border-bottom:1px solid lightgray;padding:10px}#data tr:hover,#history tr:hover,#loadQ tr:hover,#loadChart tr:hover{background-color:#f7f8fb}.noDatabase #search,.noDatabase #advanced{display:none}.highlight{background-color:yellow}span.list{vertical-align:top}.rowDelete{background-position:-795px -130px;width:12px;height:12px;cursor:pointer;margin-right:10px;padding:8px 9px}#data .droplist{margin-left:7px;margin-top:-4px}#data div#info{margin-top:20px}#data th i.fa.fa-arrow-down,#data th i.fa.fa-arrow-up{margin-left:5px}.rowToDelete td{color:red!important}#data td.number,#data td.currency{text-align:right}.formStyle .advancedQuery td{padding-top:0}table#data .droplist{margin-left:15px;display:inline-block;vertical-align:top;width:28px;height:30px;background-position:-626px -175px}#table div#info{margin-top:40px}#data td.edit{padding:4px;padding-left:5px}#data td.date,#data td span.list{cursor:pointer}.td-slider{color:red}.td-slideDown{color:#05ab00}#table div.resource{display:inline-block;white-space:nowrap}#data .j2videojp,#data .j2audiojp{display:inline-block}td.listy{cursor:pointer}table#data .zoomit{width:20px;height:20px;background-position:-905px -180px;cursor:pointer;margin-left:6px;position:relative;top:6px}table#data.zoom{position:absolute;min-width:100%;min-height:100%;left:0!important;top:0!important;background:white}th.zoomholder{padding:0!important}table#data.zoom .zoomit{background-position:-930px -180px}#chart>*{font-family:"Lexend",system-ui}.line,.scatter,.pie,.column,.bar{width:40px;height:40px}.line.button{background-position:-5px -605px}.scatter.button{background-position:-50px -605px}.pie.button{background-position:-95px -605px}.column.button{background-position:-140px -605px}.bar.button{background-position:-185px -605px}.line.button.depressed{background-position:-235px -605px}.scatter.button.depressed{background-position:-280px -605px}.pie.button.depressed{background-position:-325px -605px}.column.button.depressed{background-position:-370px -605px}.bar.button.depressed{background-position:-415px -605px}.colourSet2 .line{background-position:-5px -560px}.colourSet2 .scatter{background-position:-50px -560px}.colourSet2 .pie{background-position:-95px -560px}.colourSet2 .column{background-position:-140px -560px}.colourSet2 .bar{background-position:-185px -560px}.positioner{position:relative;overflow:hidden;width:100%;height:100%;padding:4px}.chartblock #charttypes,.chartblock #xaxis,.chartblock #yaxis,.chartblock #yaxis2,.chartblock #yaxis3,.chartblock #group_,.chartblock #check{padding:10px;padding-left:0}.chartblock #yaxis,.chartblock #yaxis2,.chartblock #yaxis3,.chartblock #group_,.chartblock #check{padding-top:0}.chartblock{border:2px solid #c2c9d0;border-radius:5px;padding:5px;margin-bottom:20px;margin-right:20px;display:inline-block;background-color:white;width:955px;height:470px}.charttools{vertical-align:top;display:inline-block}.chartblock #close{cursor:pointer;font-size:14pt;float:right}.chartblock #close:hover{color:#5cb1c7}.chartblock #buttons{position:absolute;bottom:10px}.chartblock #blogchart,.chartblock #usej2e5,.chartblock #download{display:none}.legend.checkbox,.threed.checkbox{display:inline-block;vertical-align:middle;margin-right:20px}#chartcontrols td{padding:4px}#chartcontrols span{vertical-align:middle}.chartblock.y1 tr#y1,.chartblock.y2 tr#y2,.chartblock.y3 tr#y3{display:none}#content.advanced #chart{margin-bottom:-4px}#exportC{width:40px;height:40px;background-position:-870px -560px}#rotate{width:40px;height:40px;background-position:-465px -560px}.colourSet2 #rotate{background-position:-465px -605px}#rotate.depressed{background-position:-510px -560px}#chart input#saveC.disabled,#chart input#saveC.depressed.disabled,#chart input#loadC.disabled,#chart input#loadC.depressed.disabled{background-position:-675px -135px}#chart div#undoButtons{display:none}.zoomer{display:inline-block;position:absolute;top:15px;left:215px;right:8px;bottom:15px}#chart .zoom{position:fixed;width:100%;height:100%;left:0!important;top:36px!important;background:white}@media all and (max-width:767px){#chart .zoom{top:56px!important}}#chart .zoomit{width:20px;height:20px;float:right;background-position:-905px -180px;cursor:pointer}#chart .zoom .zoomit{margin-top:10px;margin-right:5px;background-position:-930px -180px}.zoom .chartarea{margin-left:30px;margin-top:30px}#chart div#undotop{margin:0 20px 20px;display:none}@media all and (max-width:1024px){.chartblock{width:96%}}table#options{margin-left:50px}#options td.label{padding-right:15px}#options td{padding:5px}#font,#size{cursor:pointer}.locked .colourBlock,.locked .bgBlock,.locked #font,.locked #size{cursor:default}#options #csv{width:55px;height:40px;display:inline-block;background-position:-770px -205px}#options #sql,#options #import,#options #empty,#options #reset{width:55px;height:40px;display:inline-block}#options #csv,#options #sql,#options #import,#options #reset,#options #empty{cursor:pointer;position:relative;top:-9px}#options #sql{background-position:-830px -205px}#options #import{background-position:-890px -205px}#options #empty{background-position:-950px -205px}#options #reset{background-position:-1010px -205px}#options #empty.depressed{background-position:-950px -250px}#options #import.depressed{background-position:-890px -250px}#options #sql.depressed{background-position:-830px -250px}#options #csv.depressed{background-position:-770px -250px}#options #reset.depressed{background-position:-1010px -250px}#options #csv.disabled{background-position:-770px -295px}#options #sql.disabled{background-position:-830px -295px}#options #import.disabled{background-position:-890px -295px}#options #empty.disabled{background-position:-950px -295px}#options #reset.disabled{background-position:-1010px -295px}#options div#buttons{padding-top:10px}span.optTxt{font-size:10px;color:white;font-family:"Lexend",system-ui;font-weight:bold;position:relative;top:14px;left:11px;cursor:pointer}#options div#direction{margin-left:10px}#options #font,#options #size,#options #date{width:16em}input[type="file"]{cursor:pointer}#history table{font-size:14px}td.limitWidth{max-width:300px}div#history{margin-left:53px;margin-top:20px}#options div#info{margin-top:30px;margin-left:53px;margin-bottom:20px}#options div#undoButtons{margin-right:20px}#options #menuPopulate,#options #menuSize,#options #menuFont{z-index:10001}@media all and (max-width:1024px){#history table{max-width:1000px}}@media all and (max-width:970px){#history table{max-width:950px}}@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}