.logo,
.menu-title,
.right-bar h4 { text-transform: uppercase }
.topbar { left: 0; position: fixed; right: 0; top: 0; z-index: 999 }
.topbar .topbar-left { background: #222d33; float: left; text-align: center; height: 70px; position: relative; width: 225px; z-index: 1 }
.navbar-default { background-color: #f3f3f3; border-radius: 0; border: none; margin-bottom: 0; padding: 0 20px }
.navbar-default .navbar-left li a.menu-item { padding: 0 15px; line-height: 68px }
.logo { color: #fff!important; font-size: 24px; font-family: 'Hind Madurai', sans-serif; font-weight: 600; letter-spacing: 1px; line-height: 70px }
.logo i { display: none }
.logo span span { color: #7fc1fc }
.user-box a.user-link { padding-top: 17px!important; padding-bottom: 17px!important }
.user-box .user-img { position: relative; height: 36px; width: 36px; margin: 0 auto }
.navbar-default .right-menu-item { height: 36px; width: 36px; padding: 0; font-size: 18px; border: 2px solid #ccc!important; line-height: 35px; text-align: center; border-radius: 50%; margin: 17px 5px }
.side-bar,
.sidebar-inner { height: 100% }
.navbar-default .right-menu-item .badge { position: absolute; top: -8px; right: 0 }
.notify-list h5 { margin: 0 0 5px; padding: 10px; background-color: #f3f3f3; text-align: center }
.notify-list .all-msgs a { color: #cd4b1d; padding: 6px 10px; display: block }
.side-menu { width: 225px; padding-top: 10px; z-index: 10; background: #263238; bottom: 50px; margin-top: 0; padding-bottom: 70px; position: fixed; top: 0; box-shadow: 0 0 24px 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.02) }
.side-menu .waves-effect .waves-ripple { background-color: rgba(127,193,252,.4) }
.side-menu.left { position: absolute; top: 60px; bottom: 0 }
body.fixed-left .side-menu.left { bottom: 50px; margin-bottom: -70px; margin-top: 0; padding-bottom: 70px; position: fixed }
.content-page { margin-left: 225px; overflow: hidden }
.content-page .content { padding: 0 5px 10px; margin-top: 70px }
.button-menu-mobile { background: 0 0; border: none; color: #cd4b1d; padding: 0 20px; display: inline-block }

#sidebar-menu ul ul .active a{   color: #ff000b;
    font-weight: bold; }


.button-menu-mobile i { font-size: 24px; line-height: 70px }
#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 Icons'; 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: "\F142" }
#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 a { color: #fff; -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 59px; font-size: 13px }
#sidebar-menu ul ul a:hover { color: #fff }
#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 { color: #fff!important; background-color: #8a171b }
#sidebar-menu>ul>li>a { color: #fff; display: block; padding: 12px 20px; margin: 2px 0 }
#sidebar-menu>ul>li>a:hover { color: #fff; text-decoration: none; background-color: #c8131a }
#sidebar-menu>ul>li>a>span { vertical-align: middle }
#sidebar-menu ul li a i { display: inline-block; font-size: 18px; line-height: 17px; margin-left: 3px; margin-right: 15px; text-align: center; vertical-align: middle; width: 20px }
#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 { color: #fff!important; background-color: #e7171f }
.menu-title { padding: 12px 20px!important; letter-spacing: .05em; pointer-events: none; cursor: default; font-size: 11px; color: #98a6ad; font-family: 'Hind Madurai', sans-serif }
.help-box { color: rgba(255,255,255,.5); padding: 20px; margin: 20px; border: 2px solid rgba(255,255,255,.2); border-radius: 5px; font-size: 12px }
#wrapper.enlarged .help-box,
#wrapper.enlarged .menu-arrow,
#wrapper.enlarged .menu-title { display: none!important }
#wrapper.enlarged #sidebar-menu ul ul { margin-top: -2px; padding-bottom: 5px; padding-top: 5px; z-index: 9999; background-color: #36404e }
#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:active,
#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a:focus,
#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a:hover { color: #fff!important; background-color: #cd4b1d }
#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; color: #fff!important; background-color: #cd4b1d }
#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>ul a:hover { color: #fff }
#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover a span { display: inline }
#wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop { color: #fff!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: #fff }
#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: #7fc1fc!important }
#wrapper.enlarged #sidebar-menu>ul>li:hover>a.active :after,
#wrapper.enlarged #sidebar-menu>ul>li:hover>a.open :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; 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; font-size: 14px; letter-spacing: .03em }
.right-bar .right-bar-toggle { float: right; line-height: 46px; font-size: 20px; color: #333; padding: 0 10px }
.right-bar .setting-list { padding: 0 20px 20px }
.user-list .user-list-item { padding: 10px 12px!important; border-bottom: 1px solid #EEE!important }
.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: #cd4b1d; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; overflow: hidden; font-size: 13px }
.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 }
.app-search { position: relative }
/*.app-search a { position: absolute; top: 7px; right: 26px; color: rgba(152,166,173,.7) }*/
.app-search a {
    color: rgba(152, 166, 173, 0.7);
    position: absolute;
    right: 11px;
    top: 28px;
}
.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: #	183619cd4b1d; padding: 7px 40px 7px 20px; margin: 19px 12px 0 5px; background: rgba(152,166,173,.1); box-shadow: none; border-radius: 30px; width: 190px }
.page-title { font-size: 16px; margin-bottom: 0; margin-top: 0; font-weight: 600 }
.page-header { border-bottom: 1px solid #DBDDDE }
.header-title { font-size: 16px; line-height: 16px; margin-bottom: 8px; font-weight: 600 }
.page-title-box { padding: 10px; border-bottom: 1px solid #eee; margin: 0 -10px 10px; }
.page-title-box .page-title { margin-bottom: 0; float: left }
.page-title-box .breadcrumb { float: right; background-color: transparent!important }
body.fixed-left-void { min-height: 1250px }

#sidebar-menu ul ul a:hover{ color:#fff; background:#ce1e25  }

.fixed-left-void .enlarged .logo img{   width: 451px !important; }
.fixed-left-void .enlarged a{ padding-left: 11px; }
.fixed-left-void .enlarged .topbar-left{ overflow: hidden;}