#sidebar{position:fixed;left:0;top:0;bottom:0;width:300px;padding:50px 35px;z-index:2;background:#161b21;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}@media (max-width: 992px){#sidebar{width:270px;padding:30px 20px;-webkit-transform:translate(-270px, 0);-ms-transform:translate(-270px, 0);transform:translate(-270px, 0)}#sidebar.show{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}}#sidebar h1{color:#fff;font-size:28px;font-weight:500;margin:0 0 10px 0}#sidebar .info{color:#fff;display:block;color:#454954}#sidebar .info strong{display:inline-block;padding:0 8px;background:#fff;font-size:12px;font-weight:bold;margin:0 0 0 6px;vertical-align:top;border-radius:4px}#sidebar .logo{display:block;margin:0 0 35px 0}#sidebar .logo img{width:40px;display:block}#sidebar .caption{margin:0 0 10px 0;color:#2d323e}#sidebar hr{margin:35px 0;border-color:#2d323e}#sidebar nav ul li a{padding:10px 0;font-size:18px;display:block;color:#454954;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}#sidebar nav ul li a:hover{color:#73767f}#sidebar nav ul li.active a{color:#fff}#content{padding:50px 30px 0 330px}@media (max-width: 992px){#content{padding:30px 0 0 0}}#content .container-fluid{max-width:980px}#content header{margin:0 0 48px 0;position:relative;border-bottom:1px solid #D1D7E4}@media (max-width: 992px){#content header{padding-right:59px}}#content header h1{float:left;line-height:60px;margin:0 0 30px 40px}#content header .github{display:block;margin:18px 0 0 0;float:right;color:#454954;text-align:center}#content header .github .icon-github{display:block;width:24px;font-size:24px}#content header .github .icon-github:before{line-height:24px;display:block}#content header .logo{display:block;position:absolute;left:0;top:15px}#content header .logo img{display:block;height:30px}#content header .menu{position:fixed;right:15px;top:40px;height:40px;width:40px;text-align:center;display:none;cursor:pointer;background:#fff;z-index:2;border-radius:50%;box-shadow:0 1px 4px 1px rgba(22,27,53,0.14)}@media (max-width: 992px){#content header .menu{display:block}}#content header .menu i{font-size:21px;color:#454954}#content header .menu i:before{display:block;line-height:40px}#content section{margin:0 0 48px 0}@media (max-width: 992px){#content section{margin:0 0 32px 0}}#content section .box{margin:0 0 32px 0}@media (max-width: 992px){#content section .box{margin:0 0 24px 0}}#content section.dark{padding:30px;color:#fff;border-radius:4px;background:#161b21}#content section.dark h2{color:#fff}@media (max-width: 992px){#overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1;display:none;background:rgba(22,27,33,0.9)}}#colors .color{height:116px;border-radius:4px}@media (max-width: 992px){#colors .color{height:92px}}#colors .color.primary{background:#1a74d4}#colors .color.secondary{background:#4ba7e2}#colors .color.gradient{background:#1a74d4;background:-webkit-linear-gradient(-45deg, #1a74d4,#4ba7e2);background:linear-gradient(135deg, #1a74d4,#4ba7e2)}#colors .color.small{height:52px;margin:0 0 12px 0}@media (max-width: 1180px){#colors .color.small{height:40px}}#colors .color.dark{background:#161b21}#colors .color.dark90{background:#2d323e}#colors .color.dark80{background:#454954}#colors .color.dark60{background:#73767f}#colors .color.dark40{background:#a2a4a9}#colors .color.dark25{background:#c5c6ca}#colors .color.light{background:#F5F6FA}#colors .color.line{background:#E8EBF4}#colors .color.border{background:#D1D7E4}#colors .color.success{background:#69DD95}#colors .color.error{background:#F26175}#colors .color.warning{background:#F8C93F}#colors .color.info{background:#4ba7e2}.bordered li{padding:18px;border:1px solid #D1D7E4;border-bottom:0}.bordered li:first-child{border-radius:4px 4px 0 0}.bordered li:last-child{border-radius:0 0 4px 4px;border-bottom:1px solid #D1D7E4}.bordered li>div{margin:0 0 10px 0}.bordered li>div *{margin:0;padding:0}#grid section{margin:0}#grid section .box{height:54px;border-radius:4px;border:1px solid #D1D7E4;background:#F5F6FA}#buttons .btn{margin:0 10px 5px 0}#buttons .btn-group .btn{margin:0}#buttons .btn-group .btn+.btn,#buttons .btn-group .btn+.btn-group,#buttons .btn-group .btn-group+.btn,#buttons .btn-group .btn-group+.btn-group{margin-left:-1px}#stuff .shadow{height:116px;padding:24px;border-radius:4px;box-shadow:0 3px 7px 1px rgba(22,27,53,0.1)}@media (max-width: 992px){#stuff .shadow{height:92px}}#stuff .shadow.sm{box-shadow:0 1px 4px 1px rgba(22,27,53,0.14)}#stuff .shadow.lg{box-shadow:0 4px 11px 1px rgba(22,27,53,0.16)}#stuff .slider{display:inline-block;margin:0 10px 5px 0}#stuff .pagination{display:inline-block;margin:0 10px 5px 0}#icons section:after{content:'';clear:both;display:block}#icons section .preview{width:20%;float:left;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1180px){#icons section .preview{width:25%}}@media (max-width: 992px){#icons section .preview{width:33.3333%}}@media (max-width: 768px){#icons section .preview{width:50%}}#icons section .preview .inner{display:inline-block;vertical-align:top;margin:0 8px 0 0}#icons section .preview .inner i{color:#161b21}#icons section .preview .inner i:before{line-height:36px;font-size:18px}#icons section .preview br{display:none}#icons section .preview .label{color:#a2a4a9;line-height:36px;font-size:14px;font-weight:500}.caption{text-transform:uppercase;display:block;font-size:12px;line-height:18px;font-weight:500;color:#a2a4a9}
