.control-menu{width:230px;min-height:100vh;height:auto;background:#3a4651;position:fixed;left:0;top:0}.control-menu .menu-top{box-sizing:border-box;height:70px;width:100%;font-family:Open Sans,sans-serif;font-weight:400;font-size:16px;color:#fff}.control-menu .menu-top a{padding:10px 15px;display:grid;grid-template-columns:min-content 1fr;align-items:center;justify-items:center;text-decoration:none;color:#fff}.control-menu .main-menu ul{padding:0;margin:0}.control-menu .main-menu ul li{list-style-type:none;font-family:Open Sans,sans-serif;font-weight:400;font-size:14px;color:#fff;transition:all .2s ease-in-out;position:relative}.control-menu .main-menu ul li a{display:block;width:100%;height:auto;color:#fff;text-decoration:none;padding:20px;position:relative}.control-menu .main-menu ul li .active-circle{position:absolute;width:15px;height:15px;background-color:#e74c3c;right:10px;top:22px;border-radius:50%;animation:scaleUp 2s ease-in-out infinite}.control-menu .main-menu ul li:hover{background:#85ce36;transition:all .4s ease-in-out}.control-menu .main-menu ul li i{padding-right:10px}.control-menu .main-menu ul .active-menu{background:#85ce36}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}