/* Sidebar */
.at-sidebar { top: 0px; width: 280px; height: 100%; right: 0px; display: none; position: fixed; z-index:99999; background: rgb(34, 34, 34); border-left-color: rgb(51, 51, 51); border-left-width: 1px; border-left-style: solid; color: rgb(136, 136, 136); margin-left:40px; }
.at-sidebar label { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
.at-sidebar .close-box { position:absolute; top:0; left:0; margin-left:-35px; margin-top:65px; background: rgb(34, 34, 34); color: rgb(255, 255, 255); text-align:center; width:36px; height:36px; z-index:999999; line-height:36px; border:1px solid rgb(51, 51, 51); border-right:0px; -webkit-backface-visibility: hidden; cursor:pointer; }
.at-sidebar .close-box i { font-size: 16px; font-weight: 300 !important; }
.at-sidebar .sidebar-wrap { overflow:auto; height:100%; }
.at-sidebar .sidebar-title { margin: 0px; padding: 8px 20px; color: rgb(97, 97, 97); text-transform: uppercase; overflow: hidden; font-size: 11px; position: relative;  }
.at-sidebar .sidebar-title::after { background: rgb(51, 51, 51); left: 15px; top: 26px; width: 80px; height: 1px; position: absolute; content: "";  }
.at-sidebar .sidebar-box { padding: 20px; }
.at-sidebar .sidebar-box h5 { font-size: 12px; }
.at-sidebar .sidebar-nav { margin-bottom:20px; }
.at-sidebar .sidebar-nav > ul { list-style: none; margin: 0px; padding: 0px; }
.at-sidebar .sidebar-nav > ul > li { border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; }
.at-sidebar .sidebar-nav > ul > li > a { padding: 6px 20px; color: rgb(176, 176, 176); display: block; }
.at-sidebar .sidebar-nav > ul > li > a:hover { background: rgb(41, 41, 41); color: rgb(255, 255, 255); text-decoration: none; }
.at-sidebar .sidebar-nav > ul > li > a > i { margin-right: 5px; }
.at-sidebar .profile-box { padding: 20px 20px 0px; }
letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.at-sidebar .profile p { color: rgb(138, 138, 138); padding:0px; margin:0px; }
.at-sidebar .badge { font-weight:normal; }
.at-sidebar .profile-photo { width:80px; height:80px; margin:0px; margin-right:15px; border-radius: 50%; border:4px solid #000; -webkit-box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.at-sidebar .profile-photo img { width:100%; height:100%; border-radius: 50%; }
.at-sidebar .profile-photo i { width:100%; height:100%; font-size:40px; line-height:72px; text-align:center; color:#666;}
.at-sidebar .btn-admin,
.at-sidebar .btn-upload,
.at-sidebar .btn-logout { border: 1px solid rgb(223, 17, 25); border-image: none; color: rgb(255, 255, 255) !important; background-color: rgb(223, 27, 35); background-image: none; }
.at-sidebar .btn-admin:hover, 
.at-sidebar .btn-admin:focus, 
.at-sidebar .btn-admin:active,
.at-sidebar .btn-upload:hover, 
.at-sidebar .btn-upload:focus, 
.at-sidebar .btn-upload:active,
.at-sidebar .btn-logout:hover, 
.at-sidebar .btn-logout:focus, 
.at-sidebar .btn-logout:active { border-color: rgb(213, 7, 15); color: rgb(255, 255, 255) !important; background-color: rgb(213, 7, 15); background-image: none; }

/* Side List */
.at-slist { top: 0px; width: 280px; height: 100%; right: 0px; display: none; position: fixed; z-index:99999; background: #fff; border-left:1px solid #ddd; margin-left:40px; }
.at-slist .slist-close { position:absolute; top:0; left:0; margin-left:-35px; margin-top:65px; background: #fff; text-align:center; width:36px; height:36px; z-index:1; line-height:36px; border:1px solid #ddd; border-right:0px; -webkit-backface-visibility: hidden; cursor:pointer; }
.at-slist .slist-close i { font-size: 16px; font-weight: 300 !important; }
.at-slist .slist-wrap { overflow:auto; height:100%; padding:15px; }
.at-slist .slist-wrap .div-title-underline-thin { margin-bottom:8px; }
.at-slist .slist-wrap .media { border-bottom:1px solid #eee; margin:0px 0px 8px; padding:0px 0px 8px; line-height:20px; }
.at-slist .slist-wrap .slist-photo i { border-radius: 50%; padding: 8px; width: 40px; height: 40px; text-align: center; font-size: 25px; display: inline-block; }
.at-slist .slist-wrap .slist-photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; }
.at-slist .slist-wrap .slist-details i { margin-left:10px; }
.at-slist .slist-wrap .slist-details i:first-child { margin-left:0px; }