.topbar{left:0;right:0;top:0;z-index:999}.side-menu .topbar-left{background:#fff;border-top:3px solid #71b6f9;text-align:center;height:73px;position:relative;z-index:1}.side-menu .topbar-left .logo{line-height:70px}.navbar-default{background-color:#ebeff2;border-radius:0;border:none;border-top:3px solid #71b6f9;margin-bottom:0;padding:0 20px}.navbar-default .navbar-left li{padding:0 10px 0 0}.navbar-right{float:right!important;margin-right:0!important}.navbar-default .button-menu-mobile{display:block}.logo{color:#188ae2!important;font-size:32px;font-family:Rancho,cursive;margin-top:30px}.logo img{max-width:100%}.logo i{display:none}.logo span span{color:#10c469}.user-box{text-align:center;padding:20px 0 20px 0}.user-box .user-img{position:relative;height:88px;width:88px;margin:0 auto}.user-box h5 a{color:#98a6ad}.user-box .user-status{height:12px;width:12px;position:absolute;bottom:7px;right:15px}.user-box .user-status i{font-size:15px}.user-box .user-status.away i{color:#f9c851}.user-box .user-status.offline i{color:#ff5b5b}.user-box .user-status.online i{color:#10c469}.user-box .user-status.busy i{color:#98a6ad}.user-box ul li a{color:#98a6ad}.user-box ul li a:hover{color:#71b6f9}.notification-box ul{max-height:60px}.notification-box ul li a{font-size:26px;color:#435966;display:block;line-height:70px}.notification-box .noti-dot{position:relative;top:-45px}.notification-box .pulse{width:2px;height:2px;border:3px solid #ff5b5b;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background-color:#ff5b5b;z-index:10;position:absolute;right:3px}.notification-box .dot{border:4px solid #ff5b5b;background:0 0;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;height:30px;width:30px;-webkit-animation:pulse 3s ease-out;-moz-animation:pulse 3s ease-out;animation:pulse 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;top:-12px;left:-4px;z-index:1;opacity:0}@-moz-keyframes pulse{0%{-moz-transform:scale(0);opacity:0}25%{-moz-transform:scale(0);opacity:.1}50%{-moz-transform:scale(.1);opacity:.3}75%{-moz-transform:scale(.5);opacity:.5}100%{-moz-transform:scale(1);opacity:0}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);opacity:0}25%{-webkit-transform:scale(0);opacity:.1}50%{-webkit-transform:scale(.1);opacity:.3}75%{-webkit-transform:scale(.5);opacity:.5}100%{-webkit-transform:scale(1);opacity:0}}.side-menu{width:200px;z-index:10;background:#fff;box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);float:left}.side-menu .waves-effect .waves-ripple{background-color:rgba(113,182,249,.4)}.content-page{overflow:hidden}.button-menu-mobile{background:0 0;border:none;color:#435966;font-size:21px;line-height:68px}.button-menu-mobile:hover{color:#71b6f9}.sidebar-inner{height:100%}#sidebar-menu,#sidebar-menu a,#sidebar-menu li,#sidebar-menu ul{border:0;font-weight:400;line-height:1;list-style:none;margin:0;padding:0;position:relative;text-decoration:none}#sidebar-menu{padding-bottom:30px;width:100%}#sidebar-menu a{line-height:1.3}#sidebar-menu ul li .menu-arrow{-webkit-transition:-webkit-transform .15s;-o-transition:-o-transform .15s;transition:transform .15s;position:absolute;right:20px;display:inline-block;font-family:Material-Design-Iconic-Font;text-rendering:auto;line-height:18px;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}#sidebar-menu ul li .menu-arrow:before{content:'\f2fb'}#sidebar-menu ul li a.subdrop .menu-arrow{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}#sidebar-menu ul ul{display:none}#sidebar-menu ul ul li{border-top:0}#sidebar-menu ul ul li.active a{color:#71b6f9}#sidebar-menu ul ul a{color:#63747c;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;border-left:3px solid transparent;display:block;padding:10px 20px 10px 65px}#sidebar-menu ul ul a:hover{color:#71b6f9}#sidebar-menu ul ul a i{margin-right:5px}#sidebar-menu ul ul ul a{padding-left:80px}#sidebar-menu .label{margin-top:2px}#sidebar-menu .subdrop{border-left:3px solid #71b6f9;color:#71b6f9!important}#sidebar-menu>ul>li>a{color:#435966;display:block;padding:12px 20px;margin:4px 0;background-color:#fff;border-left:3px solid transparent}#sidebar-menu>ul>li>a:hover{color:#71b6f9;text-decoration:none}#sidebar-menu>ul>li>a>span{vertical-align:middle}#sidebar-menu ul li a i{display:inline-block;font-size:16px;line-height:17px;margin-left:3px;margin-right:15px;text-align:center;vertical-align:middle;width:20px}#sidebar-menu ul li a i.md{font-size:18px}#sidebar-menu ul li a .drop-arrow{float:right}#sidebar-menu ul li a .drop-arrow i{margin-right:0}#sidebar-menu>ul>li>a.active{border-left:3px solid #71b6f9;color:#71b6f9!important}.menu-title{padding:12px 20px!important;letter-spacing:.035em;pointer-events:none;cursor:default;font-size:13px}#wrapper.enlarged .menu-arrow,#wrapper.enlarged .menu-title{display:none!important}#wrapper.enlarged .user-box .user-img{height:48px;width:48px}#wrapper.enlarged .user-box h5{display:none}#wrapper.enlarged #sidebar-menu ul ul{border:2px solid #f4f8fb;margin-top:-5px;padding-top:5px;z-index:9999;background-color:#fff}#wrapper.enlarged .left.side-menu{width:70px;z-index:5}#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a{padding:15px 20px}#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a:hover{background:#f4f8fb!important}#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a:active{background:#f4f8fb!important}#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a:focus{background:#f4f8fb!important}#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a i{margin-right:20px!important;font-size:20px}#wrapper.enlarged .left.side-menu .label{position:absolute;top:5px;left:35px;text-indent:0;display:block!important;padding:.2em .6em .3em!important}#wrapper.enlarged .left.side-menu #sidebar-menu ul>li{position:relative;white-space:nowrap}#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>a{position:relative;width:260px;background:#f4f8fb;color:#71b6f9;border-color:#71b6f9}#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul{display:block;left:70px;position:absolute;width:190px}#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a{background:#fff;box-shadow:none;padding-left:15px;position:relative;width:186px;z-index:6}#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a:hover{color:#71b6f9}#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover a span{display:inline}#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu+ul{display:block;left:70px;position:absolute;width:190px}#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu+ul a{background:#fff;box-shadow:none;padding-left:15px;position:relative;width:186px;z-index:6}#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu+ul a:hover{color:#71b6f9}#wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop{color:#71b6f9!important}#wrapper.enlarged .left.side-menu #sidebar-menu ul>li>ul{display:none}#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover>ul{display:block;left:190px;margin-top:-36px;position:absolute;width:190px}#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li>a span.pull-right{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);position:absolute;right:20px;top:12px;transform:rotate(270deg)}#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a{color:#71b6f9}#wrapper.enlarged .left.side-menu #sidebar-menu ul>li>a span{display:none;padding-left:10px}#wrapper.enlarged .left.side-menu .user-details{display:none}#wrapper.enlarged .content-page{margin-left:70px}#wrapper.enlarged .footer{left:70px}#wrapper.enlarged .topbar .topbar-left{width:70px!important}#wrapper.enlarged .topbar .topbar-left .logo span{display:none;opacity:0}#wrapper.enlarged .topbar .topbar-left .logo i{display:block;line-height:70px;color:#435966!important}#wrapper.enlarged #sidebar-menu>ul>li:hover>a.open :after{display:none}#wrapper.enlarged #sidebar-menu>ul>li:hover>a.active :after{display:none}#wrapper.right-bar-enabled .right-bar{right:0}#wrapper.right-bar-enabled .left-layout{left:0}.side-bar.right-bar{float:right!important;right:-266px;top:0}.side-bar{-moz-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;background-color:#fff;box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);display:block;float:left;height:100%;position:fixed;transition:all .2s ease-out;width:240px}.right-bar{background:#fff!important;z-index:999!important}.right-bar h4{border-bottom:1px solid rgba(152,166,173,.5);padding:4px 10px 10px 18px;text-transform:uppercase;font-size:14px;font-weight:600;letter-spacing:.03em}.right-bar .right-bar-toggle{float:right;line-height:46px;font-size:20px;color:#333;padding:0 10px}.notification-list{padding-bottom:60px;height:100%}.notification-list .list-group-item{border-bottom:1px solid rgba(152,166,173,.2)!important;margin-bottom:0}.notification-list .list-group-item.active{background-color:rgba(152,166,173,.1)}.user-list .user-list-item .avatar{float:left;margin-right:5px;width:30px;height:30px}.user-list .user-list-item .avatar img{border-radius:50%;width:100%}.user-list .user-list-item .icon{float:left;margin-right:5px;height:30px;width:30px;border-radius:50%;text-align:center}.user-list .user-list-item .icon i{color:#fff;line-height:30px;font-size:16px}.user-list .user-list-item .user-desc{margin-left:40px}.user-list .user-list-item .user-desc span.name{color:#435966;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;overflow:hidden}.user-list .user-list-item .user-desc span.desc{color:#98a6ad;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;overflow:hidden;font-size:12px}.user-list .user-list-item .user-desc span.time{font-size:11px;color:#71b6f9;font-style:italic}.app-search{position:relative}.app-search a{position:absolute;top:7px;right:20px;color:rgba(152,166,173,.7)}.app-search a:hover{color:#98a6ad}.app-search .form-control,.app-search .form-control:focus{border:1px solid rgba(152,166,173,.15);font-size:13px;height:34px;color:#435966;font-weight:600;padding-left:20px;padding-right:40px;margin-top:18px;margin-left:20px;background:rgba(152,166,173,.1);box-shadow:none;border-radius:30px;width:190px}input.app-search-input::-webkit-input-placeholder{color:rgba(255,255,255,.7);font-weight:400}input.app-search-input:-moz-placeholder{color:rgba(255,255,255,.7)}input.app-search-input::-moz-placeholder{color:rgba(255,255,255,.7)}input.app-search-input:-ms-input-placeholder{color:rgba(255,255,255,.7)}