.topbar { left:0; position: fixed; right:0; top:0; z-index: 1001; }
.topbar .topbar-left { float: left; position: relative; width: 270px; z-index: 1; }
.topbar .topbar-left-sm { width: 180px; }
.setup-logo.logo-lg { height: 50px; display: flex; padding: 20px 0 0 20px; }
.setup-icon.icon-c-logo { width: 60px; padding: 10px 0 0 10px; }
.logo h1 { height: 50px; margin: 0px auto; text-align: center; }
.logo .icon-c-logo { display: none; }
.topbar .navbar-default { border-radius: 0; border: none; margin-bottom: 0; }
.topbar .navbar-default .badge { position: absolute; top: 12px; right: 7px; }
.side-menu .nav > li > a { line-height: 60px; padding: 0px 15px; position: relative; }
.side-menu .nav > li > a i { font-size: 16px; }
.profile img { height: 36px; width: 36px; }
.dropdown-menu-lg { width: 300px; }
.dropdown-menu-lg .list-group { margin-bottom: 0px; }
.dropdown-menu-lg .list-group-item { border: none; padding: 10px 20px; }
.dropdown-menu-lg .media-heading { margin-bottom: 0px; }
.notification-list em { width: 34px; text-align: center; }
.notification-list .media-body { display: inherit; width: auto; overflow: hidden; margin-left: 50px; }
.notification-list .media-body h5 { text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; font-weight: normal; overflow: hidden; }
.notifi-title { font-size: 15px; text-transform: uppercase; font-weight: 600; padding: 11px 20px 15px; }
.navbar-nav { margin: 0px; }
.side-menu { bottom: 0; top: 0; width: 270px; z-index: 2; }
.side-menu.left { position: absolute; top: 60px; }
body.fixed-left .side-menu.left { bottom: 50px; height: 100%; margin-bottom: -70px; margin-top: 0px; padding-bottom: 70px; position: fixed; z-index:10; }
.content-page { margin-left: 270px; overflow: hidden; }
.content-page > .content-area-pane { margin-top: 60px; padding: 30px; }
.button-menu-mobile { background: transparent; border: none; font-size: 21px; line-height: 70px; padding: 0px 15px; }
.sidebar-inner { height: 100%; }
#sidebar-menu,
#sidebar-menu ul,
#sidebar-menu li,
#sidebar-menu a { border: 0; font-weight: normal; line-height: 1; list-style: none; margin: 0; padding: 0; position: relative; text-decoration: none; }
#sidebar-menu { padding-bottom: 15px; padding-top: 15px; width: 100%; }
#sidebar-menu .nav > li > a .badge { position: absolute; right: 10px; top: 12px; }
#sidebar-menu a { line-height: 1.3; }
#sidebar-menu ul ul { display: none; }
#sidebar-menu ul ul li { border-top: 0; }
#sidebar-menu ul ul a { display: block; padding: 10px 20px 10px 50px; }
#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 > ul > li > a { display: block; padding: 12px 15px; margin: 4px 0px; font-size: 15px; border-left: 3px solid transparent; }
#sidebar-menu > ul > li > a:hover { text-decoration: none; }
#sidebar-menu > ul > li > a > span { vertical-align: middle; }
#sidebar-menu ul li .menu-arrow { -webkit-transition: -webkit-transform 0.15s; -o-transition: -o-transform 0.15s; transition: transform .15s; position: absolute; right: 20px; display: inline-block; font-family: 'Material-Design-Iconic-Font'; text-rendering: auto; line-height: 26px; 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 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 > i.i-right { float: right; margin: 3px 0 0 0; }
.menu-title { padding: 12px 20px !important; letter-spacing: .035em; pointer-events: none; cursor: default; font-size: 13px; }
/* Small Menu */
.side-menu-sm { width: 180px; text-align: center; }
.side-menu-sm #sidebar-menu > ul > li > a > i { display: block; font-size: 18px; line-height: 24px; width: 100%; margin: 0px; }
.side-menu-sm #sidebar-menu ul ul a { padding: 10px 20px 10px 20px; }
.side-menu-sm + .content-page .footer { left: 180px; }
#wrapper.enlarged .side-menu-sm { text-align: left; }
#wrapper.enlarged .side-menu-sm #sidebar-menu ul li a i { display: inline-block; font-size: 18px; line-height: 17px; margin-left: 3px; margin-right: 15px; vertical-align: middle; width: 20px; }
.side-menu-sm + .content-page { margin-left: 180px; }
#wrapper.enlarged .menu-title,
#wrapper.enlarged .menu-arrow { display: none !important; }
#wrapper.enlarged #sidebar-menu ul ul { margin-top: -5px; padding-top: 5px; padding-bottom: 5px; z-index: 9999; }
#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 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: .3em .6em .2em !important; }
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li { position: relative; white-space: nowrap; max-height: 49px; }
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a { position: relative; width: 260px; }
#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 { box-shadow: none; padding-left: 15px; position: relative; width: 186px; z-index: 6; }
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover a span { display: inline; }
#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 > 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 .icon-c-logo { display: block; }
#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.enlarged .tips-box { display: none; }
.user-details { padding: 20px; padding-bottom: 0px; position: relative; }
.user-details img { position: relative; z-index: 9999; }
.user-details .user-info { margin-left: 60px; position: relative; z-index: 99999; }
.user-details .user-info a.dropdown-toggle {display: block; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 600; padding-top: 5px; }
#wrapper.right-bar-enabled .right-bar { right: 0; }
#wrapper.right-bar-enabled .left-layout { left: 0; }
.notification-box { margin-right: 10px; }
.notification-box ul { max-height: 60px; }
.notification-box ul li a { font-size: 24px; display: block; line-height: 60px; }
.notification-box .noti-dot { position: relative; top: -45px; }
.notification-box .pulse { width: 2px; height: 2px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; z-index: 10; position: absolute; right: 3px; }
.notification-box .dot {background: transparent; -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; }
.back-to-application { padding-left:10px; }

@-moz-keyframes pulse {
    0% { -moz-transform: scale(0); opacity: 0.0; }
    25% { -moz-transform: scale(0); opacity: 0.1; }
    50% { -moz-transform: scale(0.1); opacity: 0.3; }
    75% { -moz-transform: scale(0.5); opacity: 0.5; }
    100% { -moz-transform: scale(1); opacity: 0.0; }
}

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(0); opacity: 0.0; }
    25% { -webkit-transform: scale(0); opacity: 0.1; }
    50% { -webkit-transform: scale(0.1); opacity: 0.3; }
    75% { -webkit-transform: scale(0.5); opacity: 0.5; }
    100% { -webkit-transform: scale(1); opacity: 0.0; }
}

.user-box { text-align: center; }
.user-box .user-img { position: relative; }
.user-box .user-status { height: 12px; width: 12px; position: absolute; bottom: 8px; right: 15px; line-height: 0px !important; }
.user-box .user-status i { font-size: 12px !important; }
.app-search { position: relative; margin: 15px 0px 15px 10px; }
.app-search a { position: absolute; top: 5px; right: 20px; }
.app-search .form-control,
.app-search .form-control:focus { border: none; font-size: 13px; padding-left: 20px; padding-right: 40px; box-shadow: none; border-radius: 30px; height: 30px; font-weight: 600; width: 180px; }
.app-search input::-webkit-input-placeholder { font-weight: normal; }
/* Right sidebar */
.side-bar.right-bar { float: right !important; right: -266px; top: 0px; }
.side-bar { -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; display: block; float: left; height: 100%; position: fixed; transition: all 200ms ease-out; width: 240px; }
.right-bar { z-index: 9999 !important; }
.right-bar h4 { padding: 4px 10px 10px 18px; text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.03em; }
.right-bar .right-bar-toggle { float: right; line-height: 46px; font-size: 20px; padding: 0px 10px; }
.notification-list { padding-bottom: 60px; height: 100%; }
.notification-list .list-group-item { margin-bottom: 0px; }
.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 {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 {  text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; overflow: hidden; }
.user-list .user-list-item .user-desc span.desc { 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; font-style: italic; }
/* Body min-height set */
body.fixed-left-void { min-height: 1000px; }