html{height:100%}body{height:100%}.nav-link{transition:none}#app-header .tethys-app-header{position:fixed;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:var(--app-primary-color,#7ec1f7);height:50px;width:100%;z-index:100;margin-top:-50px;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}#app-header .tethys-app-header.show-header{margin-top:0}#app-header .tethys-app-header.with-transition{-webkit-transition:margin .4s ease;-moz-transition:margin .4s ease;-o-transition:margin .4s ease;-ms-transition:margin .4s ease;transition:margin .4s ease}#app-header .tethys-app-header #nav-title-wrapper{display:flex;flex-direction:row;align-items:center;height:50px}#app-header .tethys-app-header #nav-title-wrapper .toggle-nav{display:block;height:32px;width:34px;padding:10px;margin:0 0 0 5px;border-radius:50%}#app-header .tethys-app-header #nav-title-wrapper .toggle-nav div{height:2px;background-color:#eee;margin-bottom:3px}#app-header .tethys-app-header #nav-title-wrapper .toggle-nav div:last-child{margin-bottom:0}#app-header .tethys-app-header #nav-title-wrapper .toggle-nav:active{background:rgba(0,0,0,.3)}#app-header .tethys-app-header #nav-title-wrapper .toggle-nav:hover div{background:#fff}#app-header .tethys-app-header #nav-title-wrapper .icon-wrapper{z-index:100;margin-left:5px}#app-header .tethys-app-header #nav-title-wrapper .icon-wrapper img{height:35px;border-radius:50%;background:var(--app-primary-color,#7ec1f7)}#app-header .tethys-app-header #nav-title-wrapper .app-title-wrapper .app-title{display:inline-block;padding-left:10px;font-size:25px;letter-spacing:1px;color:#fff;font-weight:300;max-width:1500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app-header .tethys-app-header #header-buttons-wrapper{display:flex;flex-direction:row;align-items:center;height:50px}#app-header .tethys-app-header #header-buttons-wrapper .header-button{margin-right:15px}#app-header .tethys-app-header #header-buttons-wrapper .header-button a{display:block;padding:2px 8px;border-radius:5px;background:rgba(255,255,255,.1);color:#fff;font-size:18px;font-weight:400;text-decoration:none}#app-header .tethys-app-header #header-buttons-wrapper .header-button a:hover{background:rgba(0,0,0,.1);text-decoration:none}#app-header .tethys-app-header #header-buttons-wrapper .header-button.exit-button a{font-size:20px;font-weight:600;padding:.5px 7px}#app-header .tethys-app-header #header-buttons-wrapper .header-button.settings-button a .glyphicon{line-height:unset}#app-header .tethys-app-header #header-buttons-wrapper .header-button.glyphicon-button a{height:31px}#app-header .tethys-app-header #header-buttons-wrapper .header-button.glyphicon-button a .glyphicon{line-height:unset}#app-content-wrapper{position:relative;overflow-x:hidden;width:100%;height:100%}#app-content-wrapper #app-content{position:relative;width:100%;padding-top:50px;padding-bottom:50px;height:100%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0}#app-content-wrapper #app-content.show-app-content{visibility:visible;opacity:1}#app-content-wrapper #app-content.with-transition{-webkit-transition:visibility .2s ease .5s;-moz-transition:visibility .2s ease .5s;-o-transition:visibility .2s ease .5s;-ms-transition:visibility .2s ease .5s;transition:visibility .2s ease .5s;-webkit-transition:opacity .2s ease .5s;-moz-transition:opacity .2s ease .5s;-o-transition:opacity .2s ease .5s;-ms-transition:opacity .2s ease .5s;transition:opacity .2s ease .5s}#app-content-wrapper #app-content #app-navigation{position:absolute;top:0;left:-300px;width:300px;height:100%;background:#efefef;padding:0 15px;padding-top:50px}#app-content-wrapper #app-content #app-navigation .nav{padding:0;padding-bottom:40px;height:100%;overflow:auto;flex-wrap:nowrap}#app-content-wrapper #app-content #app-navigation .nav::-webkit-scrollbar{display:none}#app-content-wrapper #app-content #app-navigation .nav li a{font-size:13px;color:var(--app-primary-color,#7ec1f7)}#app-content-wrapper #app-content #app-navigation .nav li a:hover{background:#fff;text-decoration:none}#app-content-wrapper #app-content #app-navigation .nav li a.active{color:#fff!important;background:var(--app-primary-color,#7ec1f7)}#app-content-wrapper #app-content #app-navigation .nav li.title{padding:10px 15px;padding-top:15px;font-size:16px;font-weight:500;color:#444}#app-content-wrapper #app-content #app-navigation .nav li.separator{margin:20px 15px}#app-content-wrapper #app-content #app-navigation .nav li.active a{color:#fff;background:var(--app-primary-color,#7ec1f7)}#app-content-wrapper #app-content #app-actions{position:absolute;width:100%;height:50px;bottom:0;right:0;padding:0 15px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#app-content-wrapper #app-content #app-actions .btn,#app-content-wrapper #app-content #app-actions .btn-group{margin-left:10px;flex-shrink:0}#app-content-wrapper #app-content #app-actions #app-actions-spacer{height:42px}#app-content-wrapper.show-nav #app-content{padding-right:300px;-webkit-transform:translateX(-300px);-moz-transform:translateX(-300px);-ms-transform:translateX(-300px);-o-transform:translateX(-300px);transform:translateX(-300px);-webkit-transform:translate3d(300px,0,0);-moz-transform:translate3d(300px,0,0);-ms-transform:translate3d(300px,0,0);-o-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}#app-content-wrapper.show-nav #app-content #app-actions{padding-right:315px}#app-content-wrapper.with-transition #app-content{-webkit-transition:.2s ease-in-out all;-moz-transition:.2s ease-in-out all;-o-transition:.2s ease-in-out all;-ms-transition:.2s ease-in-out all;transition:.2s ease-in-out all}#app-content-wrapper.with-transition #app-content #app-actions{-webkit-transition:.2s ease-in-out padding;-moz-transition:.2s ease-in-out padding;-o-transition:.2s ease-in-out padding;-ms-transition:.2s ease-in-out padding;transition:.2s ease-in-out padding}#inner-app-content{height:100%;overflow:auto;padding:20px 15px 10px 15px}.modal-dialog{top:25px}.flash-messages{position:absolute;top:75px;left:50%;width:50%;transform:translateX(-50%)}.flash-messages .alert{width:100%}@media (max-width:1900px){#app-header .tethys-app-header #nav-title-wrapper .app-title-wrapper .app-title{max-width:1500px}}@media (max-width:1700px){#app-header .tethys-app-header #nav-title-wrapper .app-title-wrapper .app-title{max-width:1300px}}@media (max-width:1500px){#app-header .tethys-app-header #nav-title-wrapper .app-title-wrapper .app-title{max-width:1100px}}@media (max-width:1300px){#app-header .tethys-app-header #nav-title-wrapper .app-title-wrapper .app-title{max-width:900px}}@media (max-width:1100px){#app-header .tethys-app-header #nav-title-wrapper .app-title-wrapper .app-title{max-width:700px}}@media (max-width:900px){#app-header .tethys-app-header #nav-title-wrapper .app-title-wrapper .app-title{max-width:500px}#app-content-wrapper.show-nav #app-content{padding-right:15px}#app-content-wrapper.show-nav #app-content #app-actions{padding-right:15px}}@media (max-width:700px){#app-header .tethys-app-header #nav-title-wrapper .app-title-wrapper .app-title{max-width:300px}}@media (max-width:500px){#app-header .tethys-app-header #nav-title-wrapper .app-title-wrapper .app-title{display:none}}