#app{font-family:Roboto,Helvetica,Arial,sans-serif}.custom-form-control{border:2px solid #3b71ca!important}.form-outline .form-control.form-control-lg.active~.form-label,.form-outline .form-control.form-control-lg:focus~.form-label{transform:translateY(-2.25rem) translateY(.1rem) scale(.9)}body{background-color:#fbfbfb}@media (min-width:991.98px){main{padding-left:240px}}.sidebar{position:fixed;top:0;bottom:0;left:0;padding:58px 0 0;box-shadow:0 2px 5px 0 rgb(0 0 0/5%),0 2px 10px 0 rgb(0 0 0/5%);width:240px;z-index:600}@media (max-width:991.98px){.sidebar{width:100%}}.sidebar .active{border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.sidebar-sticky{position:relative;top:0;height:calc(100vh - 48px);padding-top:.5rem;overflow-x:hidden;overflow-y:auto}.card-table{padding:0!important}.vissonic-loader{background:hsla(0,0%,100%,.6)}.card-current-application{transition:all .5s ease}.card-current-application:hover{box-shadow:0 10px 150px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1)}.card-current-application .card-current-application-icon{-moz-filter:grayscale(100%);filter:grayscale(100%);transition:all .5s ease}.card-current-application:hover .card-current-application-icon{-moz-filter:grayscale(0);filter:grayscale(0)}#intro{background-image:url(https://mdbootstrap.com/img/new/fluid/city/008.jpg);height:100vh}.navbar .nav-link{color:#fff!important}