.user-dropdown{position:relative;height:100%}.user-button{display:flex;align-items:center;color:#fff;font-weight:100;height:100%;padding:0 20px}.user-dropdown:hover{background-color:rgba(0,0,0,.2)}.user-dropdown-img{margin:0 10px}.user-dropdown-img>img{max-height:37px;border-radius:5px}.user-dropdown-content{position:absolute;right:0;background-color:#f9f9f9;min-width:170px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:10px;z-index:100;display:flex;flex-direction:column;flex-wrap:wrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .5s linear}.user-dropdown:hover .user-dropdown-content{visibility:visible;opacity:1}.user-dropdown-content a{text-decoration:none;color:#000;padding:10px}.user-dropdown-content a:hover{text-decoration:none;color:#000;background-color:#ededed}.header{grid-area:header;background:linear-gradient(90deg,#252525,#000,#686868);display:flex;flex-direction:row;justify-content:space-between}.title{display:flex;font-weight:100;flex-grow:1;text-align:left;padding:0 12px}.title a{font-size:1.5rem;padding:0 0}.title a,.title a:hover{color:#fff;text-decoration:none}.toggleBox{width:48px;display:flex;justify-content:center;align-items:center}.toggleBox:hover{background-color:rgba(0,0,0,.2)}.toggle{text-decoration:none}.login,.toggle,.toggle:hover{color:#fff}.login{display:flex;justify-content:center;align-items:center;padding:0 10px;height:100%;margin:0;font-size:1.2rem;text-decoration:none}.iconText{color:#fff;font-size:1rem}.login:hover{background-color:rgba(0,0,0,.2);height:100%}.logoheader{width:230px;height:140%}.xMenu{grid-area:menu;background:linear-gradient(90deg,#6b6b6b,#5c5c5c);display:flex;flex-direction:column;flex-wrap:wrap;box-shadow:0 1px 10px rgba(0,0,0,.15);padding:10px;color:#e6e6e6}.tMenu-enter{opacity:0}.tMenu-enter-active{transition:opacity 2s;animation:slide-in .8s ease}.tMenu-enter-to,.tMenu-leave{opacity:1}.tMenu-leave-active{transition:5}.tMenu-leave-to{opacity:0}@keyframes slide-in{0%{transform:translateX(-250px)}to{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(250px)}to{transform:translateX(0)}}.content{grid-area:content;background-color:#e4e3e3}.footer{grid-area:footer;background-color:#c3c3c3;background-color:#410d0d;color:#b38c8c;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;padding-left:5px}.boxFooter{width:100%;display:flex;justify-content:space-between}.loading{grid-area:content;display:flex;justify-content:center;align-items:center}*{font-family:Montserrat,sans-serif}body{margin:0}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;height:100vh;display:grid;grid-template-rows:60px 1fr 30px;grid-template-columns:250px 1fr;grid-template-areas:"header header" "menu content" "footer  footer";grid-area:menu;background-color:#e4e3e3}#app.hide-menu{grid-template-columns:1fr;grid-template-areas:"header" "content" "footer"}@media (max-width:700px){#app{grid-template-rows:50px 50px 1fr 30px;grid-template-areas:"header" "menu" "content" "footer"}#app,#app.hide-menu{grid-template-columns:1fr}#app.hide-menu{grid-template-rows:50px 1fr 30px;grid-template-areas:"header" "content" "footer"}}.navbar-light{background-color:#fff;box-shadow:0 14px 80px rgba(34,35,58,.2)}.vertical-center{display:flex;text-align:left;justify-content:center;flex-direction:column}.inner-block{width:450px;margin:auto;background:#fff;box-shadow:0 14px 80px rgba(34,35,58,.2);padding:40px 55px 45px 55px;border-radius:15px;transition:all .3s}.vertical-center .form-control:focus{border-color:#2554ff;box-shadow:none}.vertical-center h3{text-align:center;margin:0;line-height:1;padding-bottom:20px}label{font-weight:500}.forgot-password,.forgot-password a{text-align:right;font-size:13px;padding-top:10px;color:#7a7a7a;margin:0}.forgot-password a{color:#2554ff}.social-icons{text-align:center;font-family:Open Sans;font-weight:300;font-size:1.5em;color:#222}.social-icons ul{list-style:none;margin:0;padding:0}.social-icons ul li{display:inline-block;zoom:1;width:65px;vertical-align:middle;border:1px solid #e3e8f9;font-size:15px;height:40px;line-height:40px;margin-right:5px;background:#f4f6ff}.social-icons ul li a{display:block;font-size:1.4em;margin:0 5px;text-decoration:none}.social-icons ul li a i{transition:all .2s ease-in}.social-icons ul li a:active i,.social-icons ul li a:focus i{transition:none;color:#222}body{font-family:Montserrat,sans-serif;color:#fff;background:linear-gradient(90deg,#085078,#85d8ce);background:#870000;background:linear-gradient(90deg,#969595,#c2c2c2)}