@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(../fonts/OpenSans/OpenSans-Light.woff2) format("woff2")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(../fonts/OpenSans/OpenSans-Regular.woff2) format("woff2")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(../fonts/OpenSans/OpenSans-Bold.woff2) format("woff2")}html,body,div,span,ul,ol,li,input,textarea,select,option,button{font-family:"Open Sans",sans-serif}html,body,p,ul,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{line-height:1;font-weight:normal}li,span,p,input,textarea{font-size:16px}p{line-height:1.2;text-align:justify;padding:5px 0}ul{list-style:none}h1,h1 *{font-size:42px}h2,h2 *{font-size:36px}h3,h3 *{font-size:30px}h4,h4 *{font-size:27px}h5,h5 *{font-size:20px}h6,h6 *{font-size:15px}*{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}*:not(input){user-select:none}input{border-radius:0 0 0 0}.pair{display:grid;grid-template-columns:1fr 1fr}.triplet{display:grid;grid-template-columns:1fr 1fr 1fr}.quad{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.refreshCover{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.15);z-index:5;opacity:1;transition:opacity .15s;display:flex;justify-content:center;align-items:center}.refreshCover>img{display:block;width:100px;height:100px;animation:2s linear 0s infinite spin}.refreshCover:not(.visible){opacity:0}table.paginated tbody tr:not(.onVisiblePage){display:none}.paginationControls.empty{display:none}.paginationControls span{padding:0 5px}.paginationControls i.prev,.paginationControls i.next{padding:0 5px;color:#3cf;font-weight:bold;font-style:normal}.paginationControls i.prev:not(.disabled):hover,.paginationControls i.next:not(.disabled):hover{cursor:pointer;color:#fc3}.paginationControls i.prev.disabled,.paginationControls i.next.disabled{color:#999;opacity:.5}#SearchSilk{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:0;z-index:900;transition:opacity .25s}#SearchSilk.visible{opacity:.5}.spin{animation-delay:0s;animation-direction:normal;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:2s;animation-name:spin}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}button{position:relative;top:0;font-size:18px;line-height:18px;padding:8px 24px;border-radius:5px;border:1px solid #aaa;box-shadow:0 10px 15px rgba(0,0,0,.25);color:#333;cursor:pointer;transition:top .1s,box-shadow .1s}button:active:not([disabled]){top:2px;box-shadow:0 4px 4px rgba(0,0,0,.5)}button>img{display:inline-block;height:20px;width:auto;filter:invert(1);vertical-align:top}button.img{padding:8px;font-size:0}button.circle{box-sizing:content-box;width:18px;height:18px;padding:8px;border-radius:18px}button.circle>span{line-height:17px;font-size:18px}button.round{border-radius:18px}button.round.expandable{padding:8px 12px}button.expandable>span{vertical-align:top}button.expandable>span.text{display:inline-block;font-size:18px;line-height:18px;height:18px}button.expandable .expandableWrapper{display:inline-block;width:0;height:18px;overflow:hidden;opacity:0;transition:opacity .5s,width .5s}button.expandable .expandableWrapper>span{display:inline-block;height:18px;font-size:18px;line-height:18px;white-space:nowrap}button.blue,button.accept{background-color:#1976d2;border-color:#0d47a1;color:#fff}button.green,button.save{background-color:#388e3c;border-color:#1b5e20;color:#eee}button.red,button.cancel{background-color:#b00;border-color:#a00;color:#fff}button.trans{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#ddd}button[disabled]{background-color:#666;border-color:#555;color:#bbb;box-shadow:none;cursor:not-allowed}button.busy{cursor:wait;animation:.5s linear 0s infinite alternate busy}button.small{font-size:14px;line-height:14px;padding:6px 20px}@keyframes busy{from{background-color:#444}to{background-color:#888}}@media(orientation: portrait)and (max-width: 1032px),(orientation: landscape)and (max-width: 1376px){button.round{border-radius:24px}button.round.img{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:42px}button.round.img>img{height:24px}}button.hidden{display:none !important}.listBox{position:relative}.listBox>.titleBar{position:relative;padding:10px 10px;display:grid;grid-template-columns:1fr max-content 1fr;column-gap:10px;align-items:center;background-color:#111;border-bottom:none;box-shadow:0 5px 5px rgba(0,0,0,.5);z-index:10}.listBox>.titleBar>*{display:flex;column-gap:10px}.listBox>.titleBar>div:nth-child(2){font-size:22px;color:#bbb}.listBox>.titleBar>div:last-child{justify-content:flex-end}.listBox>.titleBar>div:last-child>[data-name=orderFilters]{width:180px}.listBox .msg.empty{position:relative;display:none;text-align:center;font-size:20px;font-weight:300;letter-spacing:1px;padding:50px 0;background-color:#222;border-top:none;color:#aaa;z-index:5}.listBox table{position:relative;width:100%;border-spacing:0;border-collapse:collapse;z-index:5}.listBox table tr>*:first-child{padding-left:8px}.listBox table thead tr{background-color:#369}.listBox table thead tr th{font-size:20px;font-weight:normal;color:#fff;text-align:left;padding:16px 4px}.listBox table tbody tr{transition:background-color .2s;background-color:#345}.listBox table tbody tr:nth-child(odd){background-color:#234}.listBox table tbody tr.highlight{background-color:orange}.listBox table tbody tr td{color:#eee;font-size:18px;padding:14px 4px}.listBox table tbody tr td>span{font-size:18px}.listBox.empty table{display:none}.listBox.empty .msg.empty{display:block}.listBox.bare{margin:0 auto 30px auto}.listBox.bare:last-of-type{margin-bottom:0}.listBox.hover table tbody tr:hover{background-color:#654}.listBox.hover table tbody tr:active{background-color:#543}.listBox.clickable table tbody tr{cursor:pointer}.listBox.clickable table tbody tr:hover{background-color:#654}.listBox.clickable table tbody tr:active{background-color:#543}main>.modals{display:none}.modalContainer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:not-allowed;background-color:rgba(0,0,0,0);transition:background-color .5s}.modalContainer.visible{background-color:rgba(0,0,0,.5)}.modalContainer>.modal{position:relative;z-index:20;padding:20px;background-color:#234;border-radius:10px;cursor:default;opacity:0;transform:translateY(-20px);transition:opacity .5s,transform .5s}.modalContainer>.modal.visible{opacity:1;transform:translateY(0)}.modalContainer>.modal>.title{font-size:26px;text-align:center;color:#ddd;margin:-20px -20px 0 -20px;padding:6px 0;border-radius:10px 10px 0 0;background-color:#345}.modalContainer>.modal>.close{position:absolute;top:2px;right:2px;width:30px;height:30px;line-height:30px;font-size:22px;border-radius:20px;font-style:normal;background-color:#bbb;text-align:center;color:#eee;font-weight:300;cursor:pointer;transition:all .25s}.modalContainer>.modal>.close:hover{color:#f33;background-color:#c99}.modalContainer>.modal>.close:active{color:#911;background-color:#c99}.modalContainer>.modal>.controls{display:flex;justify-content:space-between;column-gap:50px}.modalContainer>.modal.generic>.message{color:#ddd;font-size:20px;padding-bottom:40px;max-width:500px}@media(orientation: portrait)and (max-width: 1032px),(orientation: landscape)and (max-width: 1376px){.modalContainer>.modal.generic>.message{max-width:600px;font-size:24px}}.prettyInput{position:relative;padding:0}.prettyInput label{position:relative;display:block;font-size:20px;color:#036;height:0;padding-left:6px;cursor:text;overflow:visible;z-index:20;transform:translate(0px, 16px);transform-origin:top left;transition:all .3s}.prettyInput input{position:relative;display:block;width:100%;box-sizing:border-box;margin:0;padding:16px 0 0 6px;border:none;font-size:20px;background-color:rgba(0,0,0,0);z-index:10;transition:background-color 60000s,color 60000s}.prettyInput input.pickable{cursor:pointer}.prettyInput input::-webkit-outer-spin-button,.prettyInput input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prettyInput input[type=number]{-moz-appearance:textfield}.prettyInput i.line{display:block;margin:0 auto;width:100%;height:0;border-bottom:2px solid #036;box-shadow:0 4px 5px rgba(0,0,0,.25);transition:all .3s}.prettyInput.active>label,.prettyInput.populated>label,.prettyInput.raiseLabel>label{transform:translate(0px, 0px) scale(0.7);cursor:default}.prettyInput.active label{color:#6202ee}.prettyInput.active i.line{border-bottom-color:#6202ee;box-shadow:0 4px 5px rgba(98,2,238,.25)}.prettyInput.valid label{color:#090}.prettyInput.valid i.line{border-bottom-color:#090}.prettyInput.invalid label{color:#f66 !important}.prettyInput.invalid i.line{border-bottom-color:#f66 !important}.prettyInput.white label{color:#9cf}.prettyInput.white input{color:#fff}.prettyInput.white i.line{border-bottom:2px solid #69c}.prettyInput.white.active label{color:#adf}.prettyInput.white.active i.line{border-bottom-color:#fff;box-shadow:0 4px 5px rgba(128,128,128,.25)}.prettyInput.jb>label{color:#bbb;transform:translate(6px, 7px)}.prettyInput.jb>input{display:inline-block;border:2px solid #666;padding:5px 10px;background-color:#444;border-radius:4px;color:#eee;transition:all .25s}.prettyInput.jb>input:focus{color:#def;border-color:#06f;background-color:#345}.prettyInput.jb>i.line{display:none}.prettyInput.jb.active>label,.prettyInput.jb.populated>label,.prettyInput.jb.raiseLabel>label{transform:translate(2px, -18px) scale(0.7)}.prettyInput.jb.active>label{color:#7cf}.prettyInput.disabled{cursor:not-allowed}.prettyInput.disabled>*{cursor:not-allowed}.prettyInput.disabled>label{color:#999}.prettyInput.disabled>input{opacity:.5}.prettyInput.disabled>i.line{border-bottom-color:#999}.prettySelect{position:relative;box-shadow:0 10px 15px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr max-content;cursor:pointer;border-radius:5px 0 0 5px;transition:border-radius .25s}.prettySelect.open{border-radius:5px 0 0 0}.prettySelect.open>.displayValue{border-radius:5px 0 0 0}.prettySelect.open>.arrowBox>.arrow{transform:translateY(3px) rotate(-135deg) !important}.prettySelect.showOptions>.options{display:block;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s;z-index:999}.prettySelect.showOptions>.options.visible{opacity:1;transform:translateY(0px)}.prettySelect.disabled{box-shadow:none;cursor:not-allowed}.prettySelect.disabled>.displayValue{color:#555}.prettySelect>.displayValue{display:block;height:38px;color:#369;background-color:#ccc;font-size:18px;line-height:38px;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:5px 0 0 5px;transition:border-radius .25s}.prettySelect>.arrowBox{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:#aaa}.prettySelect>.arrowBox>.arrow{display:block;border-right:2px solid #333;border-bottom:2px solid #333;width:10px;height:10px;transform:translateY(-3px) rotate(45deg);transition:transform .25s}.prettySelect>.options{display:none;position:absolute;box-sizing:border-box;top:100%;width:max-content;min-width:100%;max-width:200%;background-color:#ccc;border:1px solid #aaa;box-shadow:0 5px 10px rgba(0,0,0,.25);max-height:300px;overflow-y:auto;z-index:999}.prettySelect>.options>li{display:block;padding:10px;font-size:18px;border-bottom:1px solid #aaa;color:#333}.prettySelect>.options>li:last-child{border-bottom:none}.prettySelect>.options>li:hover{background-color:#aaa}.prettySelect>.options>li:active{background-color:#999}.prettySelect>.options>li.hidden{display:none}.prettySelect.blue>.displayValue{color:#fff;background-color:#09f}.prettySelect.blue>.arrowBox{background-color:#1e72b6}.prettySelect.blue>.arrowBox>.arrow{border-right-color:#8eb8d9;border-bottom-color:#8eb8d9}.prettySelect.blue>.options{background-color:#def}.prettySelect.blue>.options>li{color:#345}.prettySelect.blue>.options>li:hover{background-color:#369;color:#fff}.prettySelect.small>.displayValue{height:32px;font-size:16px;line-height:32px}.prettySelect.small>.arrowBox{width:32px;height:32px}.prettySelect.small>.options>li{font-size:16px;padding:8px}@media(orientation: portrait)and (max-width: 1032px),(orientation: landscape)and (max-width: 1376px){.prettySelect>.displayValue{height:48px;font-size:24px;line-height:48px}.prettySelect>.arrowBox{width:48px;height:48px}.prettySelect>.options>li{font-size:24px}}.prettyToggle{display:flex;align-items:center;column-gap:10px;cursor:pointer;width:fit-content}.prettyToggle>span{display:inline-block;font-size:20px;line-height:30px;height:30px}.prettyToggle>i.toggle{display:inline-block;box-sizing:border-box;width:54px;height:30px;border-radius:30px;border:2px solid #eee;background-color:#c33;transition:background-color .4s}.prettyToggle>i.toggle>i.button{position:relative;display:inline-block;left:0px;width:26px;height:26px;background-color:#79b;border-radius:26px;box-shadow:2px 0px 5px rgba(0,0,0,.5);transition:left .4s,box-shadow .4s}.prettyToggle.checked>i.toggle{background-color:#393}.prettyToggle.checked>i.toggle>i.button{box-shadow:-2px 0px 5px rgba(0,0,0,.5);left:calc(100% - 26px)}.prettyToggle.middle>i.toggle{background-color:#666}.prettyToggle.middle>i.toggle>i.button{box-shadow:0px 0px 5px rgba(0,0,0,.5);left:calc(50% - 13px)}.prettyToggle.disabled{cursor:not-allowed}.prettyToggle.disabled>i.toggle{background-color:#666}#Toaster{position:fixed;bottom:10px;right:10px;overflow:hidden;z-index:9999999}#Toaster>.toast{display:block;box-sizing:border-box;background-color:#036;margin-bottom:10px;overflow:hidden;width:fit-content;min-width:250px;cursor:default}#Toaster>.toast.good{background-color:#080}#Toaster>.toast.warn{background-color:#880}#Toaster>.toast.error{background-color:#800}#Toaster>.toast>span{display:block;padding:10px 20px;text-align:center;cursor:default;font-size:20px}#Toaster>.toast:last-child{margin-bottom:0}html{color:#fff;background:#14181c;height:100%}body{height:100%;position:relative;display:grid;grid-template-rows:max-content 1fr max-content}#FadeOut{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#000;opacity:0;transition:opacity .5s}#FadeOut.visible{opacity:1}.breadcrumbs{margin-bottom:20px;font-size:24px}.breadcrumbs>*{display:inline-block;vertical-align:middle;line-height:24px;border-bottom:1px dotted rgba(0,0,0,0)}.breadcrumbs span{font-size:24px;padding:0 5px}.breadcrumbs span:last-child{color:#39e}.breadcrumbs span:first-child{padding-left:0}.breadcrumbs a{font-size:24px;padding:0 5px;text-decoration:none;color:#def;border-bottom:1px dotted #def}.breadcrumbs i{font-size:20px;padding:0 5px;font-style:normal;color:#bbb}.hidden{display:none !important}header{display:grid;grid-template-columns:max-content 1fr max-content;background-color:rgba(0,0,0,.25)}header>span:nth-child(1){padding:10px 50px 10px 20px}header>span:nth-child(1)>*{vertical-align:middle;display:inline-block}header>span:nth-child(1)>img{height:32px;width:auto;filter:invert(1)}header>span:nth-child(1)>span{height:32px;font-size:30px;line-height:32px;font-weight:300;padding-left:20px}header>nav{padding:10px 0}header>nav>a{display:inline-block;color:#def;text-decoration:none;font-size:22px;line-height:32px;height:32px;margin:0 10px;padding:0 6px;font-weight:300;border-bottom:1px solid rgba(0,0,0,0)}header>nav>a.selected{border-bottom-color:#36c}header>span:last-child{justify-self:end;padding:5px 0}header>span:last-child>a,header>span:last-child span[data-action]{vertical-align:middle;display:inline-block;height:42px;font-size:18px;line-height:42px;padding:0 15px;margin:0 5px;cursor:pointer;text-decoration:none;color:#eee;transition:color .3s}header>span:last-child>a:hover,header>span:last-child span[data-action]:hover{color:#39f}header>span:last-child>#UserButton{position:relative;cursor:pointer;padding:0;margin-right:10px}header>span:last-child>#UserButton>img{display:block;width:42px;height:42px;border-radius:42px;filter:brightness(1);transition:filter .3s}header>span:last-child>#UserButton:hover>img{filter:brightness(1.2)}main{position:relative;display:grid;grid-template-rows:1fr;overflow-y:auto;scrollbar-color:#777 #333}main #PageContainer{display:grid;grid-template-rows:1fr}main #PageContainer .page{display:none;position:relative;overflow-y:auto;padding:0 0 50px 0}main #PageContainer .page.active{display:block}main #PageContainer .page .subpage{display:none}main #PageContainer .page .subpage.active{display:block}main #PageContainer .page>.titleBar,main #PageContainer .page .subpage>.titleBar{margin-bottom:20px}main #PageContainer .page>.titleBar>.contents,main #PageContainer .page .subpage>.titleBar>.contents{display:grid;grid-template-columns:1fr max-content 1fr;align-items:center;background-color:#222;border-radius:0 0 10px 10px;padding:0 10px;box-sizing:border-box}main #PageContainer .page>.titleBar>.contents>.title,main #PageContainer .page .subpage>.titleBar>.contents>.title{font-size:32px;padding:10px 0}main #PageContainer .page>.titleBar>.contents>.title span.value,main #PageContainer .page .subpage>.titleBar>.contents>.title span.value{font-size:32px;color:#3af}main #PageContainer .page>.titleBar>.contents>.controls,main #PageContainer .page .subpage>.titleBar>.contents>.controls{display:flex;flex-wrap:nowrap;justify-content:flex-end;column-gap:5px}footer{display:grid;grid-template-columns:1fr max-content 1fr;padding:10px;color:#aaa;background-color:rgba(0,0,0,.25)}footer>div:nth-child(2){text-align:center}footer>div:nth-child(2) a{color:#9ab}footer>div:nth-child(3){justify-self:flex-end}footer>div:nth-child(3)>a{display:inline-block;margin:0 5px;padding:0 5px;color:#eee;text-decoration:none}footer>div:nth-child(3)>a:hover{color:#69c}footer>div:nth-child(3)>a>img{display:inline-block;margin-left:5px}html.localDev footer span.devBuild{color:#faa}@media(orientation: portrait)and (max-width: 1032px){footer>div{font-size:12px}footer>div>span{font-size:12px}}@media(orientation: landscape)and (max-width: 1376px){footer>div{font-size:12px}footer>div>span{font-size:12px}}.floatingMenu{position:fixed;display:none;width:max-content;z-index:999;box-shadow:0 5px 5px rgba(0,0,0,.5);top:38px;opacity:0;transition:top .25s,opacity .25s}.floatingMenu.visible{top:54px;opacity:1}.floatingMenu>li{display:block;padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.4);cursor:pointer;background-color:#369;transition:background-color .2s}.floatingMenu>li:last-child{border-bottom:none}.floatingMenu>li:hover{background-color:#69c}.floatingMenu>li:active{background-color:#47a}#UserControls{border-radius:10px;overflow:hidden;right:10px;min-width:300px}#UserControls>li.top{background-color:#33484f;cursor:default}#UserControls>li.top>div.img{margin:10px auto 10px auto;font-size:0}#UserControls>li.top>div.img>img{display:inline-block;width:100px;height:100px;border-radius:100px;box-shadow:0 3px 5px rgba(0,0,0,.25)}#UserControls>li.top>div{text-align:center}#UserControls>li.top>div.displayName{font-size:18px;color:#eee;margin-bottom:20px}#UserControls>li.top>div.name{font-size:18px;color:#eee}#UserControls>li.top>div.email{font-size:16px;color:#ccc;padding-top:0;padding-bottom:20px}#UserControls>li.top.userName,#UserControls>li.top.userOrg{font-weight:300;cursor:default;background-color:#333;text-align:center}#UserControls>li:not(.top){font-size:20px}#UserControls>li:not(.top)>*{vertical-align:middle;display:inline-block}#UserControls>li:not(.top)>img{width:27px;height:auto;transform:scale(1);transition:transform .2s}#UserControls>li:not(.top)>span{margin-left:10px;font-size:inherit;font-weight:300}#UserControls>li:not(.top):hover>img{transform:scale(1.1)}#UserControls>li[data-action=logout]{text-align:center;color:#ccc;background-color:#333;font-weight:300;font-size:14px}#UserControls>li[data-action=logout]:hover{color:#faa;background-color:#444}#mdlLogin{position:relative;padding:32px;background-color:rgba(255,255,255,.9);border-radius:15px;box-shadow:0 10px 15px rgba(0,0,0,.25);opacity:0;transform:translateY(-50px);transition:opacity .5s,transform .5s}#mdlLogin.visible{opacity:1;transform:translateY(0px)}#mdlLogin>form>.controls>[data-action]{display:none}#mdlLogin label[data-for=email]{display:none}#mdlLogin label[data-for=password]{display:none}#mdlLogin label[data-for=code]{display:none}#mdlLogin label[data-for=link]{display:none;padding-bottom:0;overflow:hidden;transition:height .5s}#mdlLogin label[data-for=link] .title{font-size:24px;text-align:center;padding-bottom:20px}#mdlLogin label[data-for=link] img{display:block;width:200px;margin:auto}#mdlLogin.login label[data-for=email],#mdlLogin.login label[data-for=password],#mdlLogin.login [data-action=login],#mdlLogin.login [data-action=forgotPw]{display:block !important}#mdlLogin.resetMode label[data-for=email],#mdlLogin.resetMode [data-action=sendReset],#mdlLogin.resetMode [data-action=neverMindForgotPw]{display:block !important}#mdlLogin.enterCode label[data-for=code],#mdlLogin.enterCode [data-action=submitCode]{display:block !important}#mdlLogin.link label[data-for=link]{display:block !important}#mdlLogin input[name=code]{text-align:center;letter-spacing:10px}#mdlLogin>.title{font-size:36px;text-align:center;padding-bottom:24px;letter-spacing:1px;color:#222;background-color:unset !important}#mdlLogin>form>label{display:block;padding-bottom:20px;color:#222}#mdlLogin>form>label>span{display:block;font-size:24px}#mdlLogin>form>label>input{display:block;font-size:24px;outline:none;border:none;border-radius:5px;padding:5px;text-indent:5px;color:#333;letter-spacing:2px;width:400px;background-color:#fff !important;appearance:none !important}#mdlLogin>form>label>input[disabled]{opacity:.5}#mdlLogin>form>label>input[type=password]{letter-spacing:5px}#mdlLogin>form>.controls{display:flex;justify-content:space-between;align-items:flex-end}#mdlLogin>form>.controls [data-action=forgotPw],#mdlLogin>form>.controls [data-action=neverMindForgotPw]{color:#3ac;cursor:pointer}#mdlLogin .message{position:absolute;display:block;visibility:hidden;top:calc(100% + 20px);left:0;width:100%;box-sizing:border-box;text-align:center;padding:20px;background-color:rgba(255,255,255,.95);border-radius:10px;opacity:0;transform:translateY(-20px);transition:opacity .25s,transform .5s}#mdlLogin .message.error{color:red}#mdlLogin .message.info{color:#222}#mdlLogin .message.success{color:green}#mdlLogin .message.visible{visibility:visible;opacity:1;transform:translateY(0px)}#mdlLogin .message>span{font-size:20px}