/******************************
Sidebar
******************************/
.logout-icon i{font-size:20px;padding:10px 0;}
.iconic-view {padding-top: 60px;}
.iconic-view.isMobile .left-toggle-switch,
.iconic-view.isMobile .left-bar-switch {display: none !important;}
.iconic-view.isMobile .top-right-icons {float: none !important;text-align: center;}
.iconic-view.isMobile .top-right-icons > li {float: none !important;}
.iconic-view .left-toggle-switch,
.iconic-view .left-bar-switch {display: none !important;}
.iconic-view .logo {padding-left: 15px;}
    .iconic-view .iconic-leftbar {
        width: 60px;
        background-color: #ff7700;
        color: #1b222c;
        position: absolute;
        height: 100vh;
        top: 0px;
        z-index: 2;
    }
ul.list-accordion{margin-bottom:0;}
.iconic-view .list-accordion {padding: 0px 0 10px 0;}
.iconic-view .list-accordion .list-title {display: none;}
.iconic-view .list-accordion .list-label {display: none;}
.iconic-view .list-accordion li {position: relative;list-style: none;}
.iconic-view .list-accordion li > a {display: block;position: relative;}
.iconic-view .list-accordion li ul {display: none;position: relative;padding-left: 0px;width: 190px;left: 60px;position: absolute;background-color: #313D4F;}
.iconic-view .list-accordion li ul li {position: relative;}
.iconic-view .list-accordion li ul li a {position: relative;padding: 8px 15px;color:#90A4AE;}
.iconic-view .list-accordion li ul li a .acc-icon {top: 7px;}
.iconic-view .list-accordion li ul li a:hover,
.iconic-view .list-accordion li ul li a:focus {text-decoration: none;color: #90A4AE;-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);}
.iconic-view .list-accordion li ul li ul {position: relative;left: 0px;padding-left: 0px;width: 100%;}
.iconic-view .list-accordion > li:hover > a {width: 250px;}
.iconic-view .list-accordion > li:hover > a .list-label {width: 220px;left: 60px;padding: 0px 15px;text-align: left;position: absolute;display: block;font-size:14px;}
.iconic-view .list-accordion > li:hover > a .acc-icon {display: block;width: 14px;height: auto;position: absolute;right: 14px;text-align: center;top: 0px;}
.iconic-view .list-accordion > li.acc-parent-li > a.active {width: 250px;}
.iconic-view .list-accordion > li.acc-parent-li > a.active .list-label {width: 190px;left: 60px;padding: 0px 15px;text-align: left;position: absolute;display: block;}
.iconic-view .list-accordion > li.acc-parent-li > a.active .acc-icon {display: block;width: 14px;height: auto;position: absolute;right: 14px;text-align: center;top: 0px;}
.iconic-view .list-accordion > li > a {line-height: 44px;height: 44px;text-align: center;color: #90A4AE;padding: 0px;display: block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;background:#1b222c;}
.iconic-view .list-accordion > li > a .acc-icon {display: none;}
.iconic-view .list-accordion > li > a > i {font-size: 18px;line-height: 48px;width: 60px;height: 48px;position: absolute;left: 0px;top: -2px;}
.iconic-view .list-accordion > li > a:hover,
.iconic-view .list-accordion > li > a:focus {background-color:#313D4F;text-decoration: none;}
.iconic-view .list-accordion > li > a:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #ccc;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.iconic-view .acc-icon {display: inline-block;width: 14px;position: absolute;right: 14px;text-align: center;top: 0px;}
.iconic-view.leftbar-view .main-container {overflow: auto; height: 100vh; position:relative;margin-left: 60px;margin-top: -60px;-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);}
.iconic-view.leftbar-view .iconic-leftbar {-webkit-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);}
.iconic-view.leftbar-view.left-aside-toggle .iconic-leftbar {-webkit-transform: translate(-250px, 0) !important;transform: translate(-250px, 0) !important;-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);}
.iconic-view.leftbar-view.left-aside-toggle .main-container {margin-left: 0px !important;-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);}
.iconic-view .overlay-leftbar .main-container {margin-left: 0px;}
.iconic-view .overlay-leftbar .iconic-leftbar {-webkit-transform: translate(-250px, 0);transform: translate(-250px, 0);-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);}
.iconic-view .overlay-leftbar.left-aside-toggle .iconic-leftbar {-webkit-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);}
.iconic-aside-container {
    padding-top: 50px;
    background-color: #ff7700;
    color: #1b222c;
}
.iconic-aside-container .user-profile-container {width: 60px;height: 62px;position: relative;}
    .iconic-aside-container .user-profile-container .user-profile {
        display: table;
        width: 60px;
        height: 62px;
        cursor: pointer;
        z-index: 200;
        position: relative;
        background-color: #ff7700;
        color: #1b222c;
    }
.iconic-aside-container .user-profile-container .user-profile > div {display: table-cell;vertical-align: middle;}
.iconic-aside-container .user-profile-container .user-profile .admin-user-thumb {width: 40px;height: 40px;padding: 9px 0px 9px 0px;}
.iconic-aside-container .user-profile-container .user-profile .admin-user-thumb img {width: 40px;height: 40px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info {padding-left: 15px;color: #aaaaaa;display: none;}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul {padding: 0px;margin: 0px;list-style: none;}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul li {line-height: normal;}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul li a {color: #aaaaaa;}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul li a:hover,
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul li a:focus {text-decoration: none;color: #17bab8;}
.iconic-aside-container .user-profile-container:hover {width: 250px;}
.iconic-aside-container .user-profile-container:hover .user-profile {width: 250px;}
.iconic-aside-container .user-profile-container:hover .user-profile .admin-user-info {display: block;padding: 12px 15px 6px 15px;}
.iconic-aside-container .user-profile-container:hover .user-profile .admin-user-thumb {padding: 9px 0px 9px 10px;}
.iconic-aside-container .user-profile-container:hover .admin-bar {display: block;}
.acc-icon:after {
    content: "\ebd5";
    font-family: 'icomoon';
    display: inline-block;
    width: 14px;
    position: relative;
    color: #FFF;
    top: 1px;
    font-size: 16px;
}
.acc-parent.active .acc-icon:after {
    content: "\ea2d";
    font-family: 'icomoon';
    display: inline-block;
    width: 14px;
    position: relative;
    color: #FFF;
    top: 1px;
    font-size: 16px;
}
.acc-parent-li ul ul li{padding-left:15px;}
.acc-parent-li ul ul ul li{padding-left:15px;}