.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}#sidebar{height:100%;display:flex}#sidebar .mu-expansion-panel-header{color:#fff;height:64px}#sidebar .mu-expansion-panel-header i.icon{opacity:.6;height:auto}#sidebar .mu-expansion-panel,#sidebar .mu-expansion-panel__expand{margin:0;border:0;border-top:1px solid transparent;border-bottom:1px solid transparent;background-color:transparent;color:#fff;overflow:hidden}#sidebar .mu-expansion-panel__expand svg,#sidebar .mu-expansion-panel svg{color:#21ba45}#sidebar .mu-expansion-panel-content{padding:20px 0 30px 10px;display:flex;align-items:center;align-content:space-around;flex-wrap:wrap}#sidebar .mu-expansion-panel-content a{opacity:.8;color:#fff}#sidebar .theme_white{background-image:linear-gradient(45deg,#ccc 20%,#fff);background-size:400% 400%}#sidebar .theme_white .user-logged-in{border-bottom:1px solid transparent}#sidebar .theme_white .mu-expansion-panel-header{background-color:#ddd;color:#222}#sidebar .theme_white .mu-expansion-panel-header:hover{background-image:linear-gradient(0deg,#ccc 50%,#ddd 0,#ddd);background-color:#ddd}#sidebar .theme_white .mu-expansion-panel__expand{background-color:#eee;color:#222}#sidebar .theme_white .mu-expansion-panel__expand a{color:#222}#sidebar .theme_white .edit,#sidebar .theme_white .logout,#sidebar .theme_white .modifypwd,#sidebar .theme_white .name{color:#333;margin-right:5px}#sidebar .theme_white .edit:hover,#sidebar .theme_white .logout:hover,#sidebar .theme_white .modifypwd:hover,#sidebar .theme_white .name:hover{opacity:.5}#sidebar .collapse{width:0!important}#sidebar aside.sidebar{width:256px;z-index:1037;height:100%;overflow-x:hidden;overflow-y:scroll}#sidebar aside.sidebar .brand-logo{min-height:64px;line-height:64px;text-align:center;height:64px;font-size:28px;font-family:cursive}#sidebar aside.sidebar img{height:64px;width:auto}#sidebar aside.sidebar .user-logged-in{min-height:100px;position:relative;display:flex;width:100%;box-shadow:inset 0 0 2px rgba(0,0,0,.1);padding-left:20px;align-items:center}#sidebar aside.sidebar .user-logged-in .headimgurl{border-radius:50%;max-height:64px;max-width:64px;border:1px solid #efefef}#sidebar aside.sidebar .user-logged-in .content{padding-left:10px;text-transform:uppercase}#sidebar aside.sidebar .user-logged-in .content a{margin-right:5px}#sidebar aside.sidebar .user-logged-in .content a:hover{opacity:.5}#sidebar aside.sidebar .user-logged-in .content .user-name{font-size:16px}#sidebar aside.sidebar .user-logged-in .content .user-name .edit:hover,#sidebar aside.sidebar .user-logged-in .content .user-name .name:hover{text-decoration:none;border-bottom:1px solid}#sidebar aside.sidebar .user-logged-in .content .user-name a.edit{font-size:12px}#sidebar aside.sidebar .user-logged-in .content .user-email{font-size:13px;color:#999;line-height:15px}#sidebar aside.sidebar .user-logged-in .content .user-actions .logout:hover,#sidebar aside.sidebar .user-logged-in .content .user-actions .modifypwd:hover{text-decoration:none;border-bottom:1px solid}#sidebar aside.sidebar .user-logged-in:after{content:"";background:url(../img/user-bg.f46ae0d3.png);background-size:cover;opacity:.2;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}#sidebar .main-container{overflow:auto;flex:1}#sidebar .main-container .navbar{border:1px solid #eee;min-height:64px;color:#868686;line-height:64px;text-align:center;font-size:16px;display:flex;align-items:center;padding-left:2rem}#sidebar .main-container .main-content{background-color:#fff}#sidebar .main-container .parallax{display:none}#sidebar .header-all{background:#f9fafb;height:64px;min-height:64px;display:flex;align-items:center;padding-left:1rem;border-bottom:1px solid rgba(34,36,38,.1)}#sidebar .header-all .header-left{display:flex;text-align:left;flex:1;align-items:center}#sidebar .header-all .header-content{flex:3;padding-top:10px}#sidebar .header-all .header-content input:focus{border-color:#2185d0}#sidebar .header-all .header-content .has-error{border-color:#ed5565}#sidebar .header-all .header-content a.tablehead:hover{text-decoration:none;border-bottom:1px solid;cursor:pointer}.progress{background:linear-gradient(90deg,var(--subtle-green1) var(--scroll),transparent 0);position:fixed;width:100%;height:4px;z-index:3}