*{margin:0;padding:0}#app,.wrapper,body,html{height:100vh}body{box-sizing:border-box;background:#e3e9ee;overflow:hidden}a{text-decoration:none}.material-icons{padding-right:10px;cursor:pointer}.select-div-ChartPlaylist{display:flex;align-items:baseline;justify-content:space-around}.select-div-ChartPlaylist>select{width:85%}.menu{position:absolute;right:15px;top:12px;font-size:32px;z-index:4}.menu>.material-icons{cursor:pointer}.sidebar{display:inline-block;width:240px;height:100%;max-height:100%;background-color:#66615b;color:#fff;overflow:auto;background-image:url(https://demos.creative-tim.com/vue-material-dashboard/img/sidebar-2.32103624.jpg);background-size:100% 100%;background-repeat:no-repeat;background-blend-mode:multiply;background-color:rgba(0,0,0,.6);transition:.5s}.logo,.sidebar{position:relative}.logo{display:flex;align-items:center;justify-content:center;height:75px}.logo>a{color:#fff}.profile{display:flex;align-items:center;justify-content:center;position:relative;padding:0 20px;margin:20px 0 40px}.profile:after{bottom:-20px}.profile:after,.profile:before{content:"";position:absolute;background:#aaa;width:80%;height:1px}.profile:before{top:-20px}.nav-left{padding:0 20px}.nav-left>div{margin:20px 0;line-height:30px}.nav-left a{color:#fff}.main{display:inline-block;width:calc(100% - 245px);height:100vh;overflow:auto;position:relative}.navbar-top{display:flex;align-items:center;justify-content:space-around;height:75px;position:relative;z-index:2;padding-left:20px;font-size:1.2rem;border-bottom:1px solid rgba(0,0,0,.3686274509803922)}.content{margin:20px}@media screen and (min-width:769px){#toggle:checked~.sidebar{width:75px}#toggle:checked~.sidebar .toggle-checked-hide-aside-text{display:none}#toggle:checked~.main{width:calc(100% - 75px);transition:.5s}}@media screen and (max-width:768px){.sidebar{display:none}.menu{display:inline-block}#toggle:checked~.sidebar{display:block;-webkit-animation:slideIn .5s forwards;animation:slideIn .5s forwards;position:fixed;z-index:3;width:100%}#toggle:checked~.menu .material-icons{color:#fff}.navbar-top{background-color:#f3f0e6;position:fixed;width:100%}.content{margin-top:75px;padding-top:10px}.main{width:100%}@-webkit-keyframes slideIn{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes slideIn{0%{transform:translateY(-100px)}to{transform:translateY(0)}}}#toggle{display:none}.content-header{display:flex}.content-header *{flex:1}.content-header-cost{color:red}.content-header-income{color:#039603}td>img{width:200px;height:150px}img:hover{filter:brightness(.5);cursor:pointer;transform:scale(1.1);transition:1s}