﻿.sidebar-menu > ul > li > a > span.sidebar-title { display: inline-block; width: 73%; line-height: 1em; margin-top: 13px; }
.sidebar-menu ul.sub-nav > li > a .fa { min-width: 20px; text-align: center; }
.breakTD { word-break: break-all; }

.sidebar-hidden #sidebar_left { width: 75px!important; left: 0px!important; }
.sidebar-hidden #content_wrapper { margin-left: 75px!important; }
.sidebar-hidden #sidebar_left .sidebar-menu .sidebar-title { display: none; }
.sidebar-hidden #sidebar_left .sidebar-menu > ul li { border-bottom: 1px solid #f1f1f1; }
.sidebar-hidden #sidebar_left .sidebar-menu > ul > li > a { height: 50px; }
.sidebar-hidden #sidebar_left .sidebar-menu > ul > li > a > i { line-height: 35px; }
.sidebar-hidden #sidebar_left .sidebar-menu > ul > li:first-child { padding-top: 4px; }
.sidebar-hidden #sidebar_left .sidebar-menu ul.sub-nav > li > a { padding: 7px 20px 8px 15px; }
.sidebar-hidden #sidebar_left .sidebar-menu ul > li > a > span.caret { top: 65%; }
.sidebar-hidden #sidebar_left .sidebar-menu ul.sub-nav { position: absolute; top: 0px; left: 75px; z-index: 999; width: 175px; }
.sidebar-hidden #sidebar_left .sidebar-menu ul > li > a > span.caret { transform: rotate(285deg); }
.sidebar-hidden #sidebar_left .user-info { padding: 6px 10px; }
.sidebar-hidden #sidebar_left .top_button { display: block; position: absolute; z-index: 999; left: 14px; bottom: 1px; }
.user-info .media-object { min-height: 53px; min-width: 53px; text-align: center; }
.sortName { display: none; }
.sidebar-hidden .sortName { display: inline-block; position: absolute; text-align: center; left: 0px; bottom: 5px; width: 100%; margin-left: -9px; line-height: normal; }

.sidebar-menu { padding-bottom: 20px; margin-top: 35px !important; }
/* TOP LEVEL MENU ITEM */
/* Menu Item */
.sidebar-menu > ul li { margin: 0; }
.sidebar-menu > ul > li:first-child { /*padding-top: 25px;*/ }
.sidebar-menu > ul li a { color: #777; }
.sidebar-menu > ul > li > a { padding: 0; line-height: 40px; height: 40px; cursor: pointer; }
/* Menu Icon */
.sidebar-menu > ul > li > a > span:nth-child(1) { float: left; top: 0; line-height: 40px; width: 40px; font-size: 14px; text-align: center; padding-left: 15px; }
.sidebar-menu > ul > li > a > i { float: left; top: 0; line-height: 40px; width: 40px; /*font-size: 14px;*/ text-align: center; padding-left: 15px; }
/* Menu Title */
.sidebar-menu > ul > li > a > span.sidebar-title { float: left; padding-left: 10px; }
/* Top Level Menu Item - Tray, used to hold badges and such */
.sidebar-menu > ul > li > a > .sidebar-title-tray { position: absolute; right: 10px; }
.sidebar-menu > ul > li > a > .sidebar-title-tray .label { padding: .0em .5em .2em; font-size: 11px; }
/* Menu Caret */
.sidebar-menu ul > li > a > span.caret { position: absolute; top: 45%; right: 10px; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; }
/* Open Menu Item Caret - we simply flip the carets border */
.sidebar-menu ul > li > a.menu-open > span.caret { border-top: 0; border-bottom: 5px solid; }
/* SUB LEVEL MENU ITEMS */
/* Sub-Menu */
.sidebar-menu ul.sub-nav { clear: both; display: none; width: 213px; height: auto; /*background: #f3f3f3; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; border-right: 1px solid #d6d6d6;*/ }
.sidebar-menu ul a.menu-open + ul.sub-nav { display: block; }
.sidebar-menu ul.sub-nav > li > a { padding: 7px 20px 8px 30px; }
.sidebar-menu ul.sub-nav > li > a .fa { font-size: 14px!important; margin-right: 5px!important; }
/* Sub-Menu Icon */
.sidebar-menu ul.sub-nav > li > a > span:nth-child(1) { margin-right: 10px; font-size: 11px; }
/* Sidebar Menu "li" Divider - Used in the resources menu */
.sidebar-menu ul li.divider { width: 170px; margin: 0 auto; background: #e7e7e7; }
/*===============================================B. Sidebar User Area================================================= */
.user-info { overflow: hidden; position: relative; display: block; height: 80px; width: 100%; padding: 13px 22px; border-top: 1px solid transparent; border-bottom: 1px solid #CCC; }
/* User Area - Avatar */
.user-info .media-object { border-color: #c7b7e5; }
.user-info .media-object img { max-width: 45px; }
/* User Area Mobile Link - Replaces ".media-body" with single Icon for Mobile Devices */
.user-info .mobile-link { display: none; padding: 2px; }
.user-info .mobile-link > span { padding-top: 8px; padding-left: 5px; color: #999; font-size: 18px; cursor: pointer; }
.user-info .mobile-link span:hover, .user-info.usermenu-open .mobile-link span { color: #a287d4; }
.user-info.usermenu-open .media-object { border-color: #a287d4; }
/* User Area Menu - A slide down user menu */
.user-menu { display: none; position: relative; left: 0; top: 0; height: 165px; width: 100%; padding: 22px 22px 20px 16px; background: #f8f8f8; border-right: 1px solid #d6d6d6; }
/* User Area Menu - bottom border(hidden on mobile) */
.user-menu:after { content: ""; position: absolute; bottom: 0; left: 0; height: 5px; width: 100%; background: #e5e5e5; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.user-menu a { color: #888; opacity: 0.8; }
.user-menu a:hover { color: #666; opacity: 1; text-decoration: none; }
.user-divider { height: 4px; width: 100%; background: #e5e5e5; border-bottom: 1px solid #CCC; }
/*===============================================C. Sidebar Item State================================================= */
.sidebar-menu ul.sub-nav > li > a.active {background-color: #e8e8e8 !important;color:#c26a77;}
/* Top Level Menu Item - BG color:hover */
.sidebar-menu > ul > li > a:hover { background-color: transparent; }
/* Sub-Menu Level Item - BG color:hover */
.sidebar-menu ul.sub-nav > li > a:hover { background-color: #ededed; }
/* Top Level Menu Item - Icon Color */
.sidebar-menu > ul > li.active > a > span:nth-child(1) { color: #a287d4; }
/* Sub-Menu Level Item - Icon Color */
.sidebar-menu ul.sub-nav > li.active > a > span:nth-child(1) { color: #a287d4; }
/* Active Menu item Caret */
.sidebar-menu ul > li.active > a > span.caret { color: #9567b7; }
/*====================================================D. Sidebar Toggle - Media Query====================================================== */