Team:Tianjin/Resources/CSS:leftbarbootstrap

html {

 font-family: sans-serif;
 -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;

} body {

 margin: 0;

} menu, nav{

 display: block;

} button{

 margin: 0;
 font: inherit;
 color: inherit;

} button {

 overflow: visible;

} button{

 text-transform: none;

} button, html input[type="button"], input[type="reset"], input[type="submit"] {

 -webkit-appearance: button;
 cursor: pointer;

} button[disabled], html input[disabled] {

 cursor: default;

} button::-moz-focus-inner{

 padding: 0;
 border: 0;

} @media print {

 p,
 h2,
 h3 {
   orphans: 3;
   widows: 3;
 }
 h2,
 h3 {
   page-break-after: avoid;
 }
 .navbar {
   display: none;
 }

} @font-face {

 font-family: 'Glyphicons Halflings';

 src: url('../fonts/glyphicons-halflings-regular.eot');
 src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');

}

body {

 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 1.42857143;
 color: #333;
 background-color: #fff;

} button{

 font-family: inherit;
 font-size: inherit;
 line-height: inherit;

} h1, h2, h3, h4, .h1, .h2, .h3, .h4{

 font-family: inherit;
 font-weight: 500;
 line-height: 1.1;
 color: inherit;

} h1 small, h2 small, h3 small, h4 small, .h1 small, .h2 small, .h3 small, .h4 small, h1 .small, h2 .small, h3 .small, h4 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small{

 font-weight: normal;
 line-height: 1;
 color: #777;

} h1, .h1, h2, .h2, h3, .h3 {

 margin-top: 20px;
 margin-bottom: 10px;

} h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {

 font-size: 65%;

} h4, .h4, h5, .h5, h6, .h6 {

 margin-top: 10px;
 margin-bottom: 10px;

} h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {

 font-size: 75%;

} h1, .h1 {

 font-size: 36px;

} h2, .h2 {

 font-size: 30px;

} h3, .h3 {

 font-size: 24px;

} h4, .h4 {

 font-size: 18px;

} h5, .h5 {

 font-size: 14px;

} h6, .h6 {

 font-size: 12px;

} @media (min-width: 768px) {

 .form-horizontal .form-group-sm .control-label {
   padding-top: 6px;
 }

}

.caret {

 display: inline-block;
 width: 0;
 height: 0;
 margin-left: 2px;
 vertical-align: middle;
 border-top: 4px dashed;
 border-right: 4px solid transparent;
 border-left: 4px solid transparent;

} .dropup, .dropdown {

 position: relative;

} .dropdown-toggle:focus {

 outline: 0;

} .dropdown-menu {

 position: absolute;
 top: 100%;
 left: 0;
 z-index: 1000;
 display: none;
 float: left;
 min-width: 160px;
 padding: 5px 0;
 margin: 2px 0 0;
 font-size: 14px;
 text-align: left;
 list-style: none;
 background-color: #fff;
 -webkit-background-clip: padding-box;
         background-clip: padding-box;
 border: 1px solid #ccc;
 border: 1px solid rgba(0, 0, 0, .15);
 border-radius: 4px;
 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
         box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

} .dropdown-menu .pull-right {

 right: 0;
 left: auto;

} .dropdown-menu .divider {

 height: 1px;
 margin: 9px 0;
 overflow: hidden;
 background-color: #e5e5e5;

} .dropdown-menu > li > a {

 display: block;
 padding: 3px 20px;
 clear: both;
 font-weight: normal;
 line-height: 1.42857143;
 color: #333;
 white-space: nowrap;

} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

 color: #262626;
 text-decoration: none;
 background-color: #f5f5f5;

} .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

 color: #fff;
 text-decoration: none;
 background-color: #337ab7;
 outline: 0;

} .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {

 color: #777;

} .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {

 text-decoration: none;
 cursor: not-allowed;
 background-color: transparent;
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

} .open > .dropdown-menu {

 display: block;

} .open > a {

 outline: 0;

} .dropdown-menu-right {

 right: 0;
 left: auto;

} .dropdown-menu-left {

 right: auto;
 left: 0;

} .dropdown-header {

 display: block;
 padding: 3px 20px;
 font-size: 12px;
 line-height: 1.42857143;
 color: #777;
 white-space: nowrap;

} .dropdown-backdrop {

 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 990;

} .pull-right > .dropdown-menu {

 right: 0;
 left: auto;

} .dropup .caret, .navbar-fixed-bottom .dropdown .caret {

 content: "";
 border-top: 0;
 border-bottom: 4px solid;

} .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {

 top: auto;
 bottom: 100%;
 margin-bottom: 2px;

} @media (min-width: 768px) {

 .navbar-right .dropdown-menu {
   right: 0;
   left: auto;
 }
 .navbar-right .dropdown-menu-left {
   right: auto;
   left: 0;
 }

} .nav {

 padding-left: 0;
 margin-bottom: 0;
 list-style: none;

} .nav > li {

 position: relative;
 display: block;

} .nav > li > a {

 position: relative;
 display: block;
 padding: 10px 15px;

} .nav > li > a:hover, .nav > li > a:focus {

 text-decoration: none;
 background-color: #eee;

} .nav > li.disabled > a {

 color: #777;

} .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {

 color: #777;
 text-decoration: none;
 cursor: not-allowed;
 background-color: transparent;

} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

 background-color: #eee;
 border-color: #337ab7;

} .nav .nav-divider {

 height: 1px;
 margin: 9px 0;
 overflow: hidden;
 background-color: #e5e5e5;

} .nav > li > a > img {

 max-width: none;

} .nav-tabs {

 border-bottom: 1px solid #ddd;

} .nav-tabs > li {

 float: left;
 margin-bottom: -1px;

} .nav-tabs > li > a {

 margin-right: 2px;
 line-height: 1.42857143;
 border: 1px solid transparent;
 border-radius: 4px 4px 0 0;

} .nav-tabs > li > a:hover {

 border-color: #eee #eee #ddd;

} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

 color: #555;
 cursor: default;
 background-color: #fff;
 border: 1px solid #ddd;
 border-bottom-color: transparent;

} .nav-tabs.nav-justified {

 width: 100%;
 border-bottom: 0;

} .nav-tabs.nav-justified > li {

 float: none;

} .nav-tabs.nav-justified > li > a {

 margin-bottom: 5px;
 text-align: center;

} .nav-tabs.nav-justified > .dropdown .dropdown-menu {

 top: auto;
 left: auto;

} @media (min-width: 768px) {

 .nav-tabs.nav-justified > li {
   display: table-cell;
   width: 1%;
 }
 .nav-tabs.nav-justified > li > a {
   margin-bottom: 0;
 }

} .nav-tabs.nav-justified > li > a {

 margin-right: 0;
 border-radius: 4px;

} .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {

 border: 1px solid #ddd;

} @media (min-width: 768px) {

 .nav-tabs.nav-justified > li > a {
   border-bottom: 1px solid #ddd;
   border-radius: 4px 4px 0 0;
 }
 .nav-tabs.nav-justified > .active > a,
 .nav-tabs.nav-justified > .active > a:hover,
 .nav-tabs.nav-justified > .active > a:focus {
   border-bottom-color: #fff;
 }

} .nav-pills > li {

 float: left;

} .nav-pills > li > a {

 border-radius: 4px;

} .nav-pills > li + li {

 margin-left: 2px;

} .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {

 color: #fff;
 background-color: #337ab7;

} .nav-stacked > li {

 float: none;

} .nav-stacked > li + li {

 margin-top: 2px;
 margin-left: 0;

} .nav-justified {

 width: 100%;

} .nav-justified > li {

 float: none;

} .nav-justified > li > a {

 margin-bottom: 5px;
 text-align: center;

} .nav-justified > .dropdown .dropdown-menu {

 top: auto;
 left: auto;

} @media (min-width: 768px) {

 .nav-justified > li {
   display: table-cell;
   width: 1%;
 }
 .nav-justified > li > a {
   margin-bottom: 0;
 }

} .nav-tabs-justified {

 border-bottom: 0;

} .nav-tabs-justified > li > a {

 margin-right: 0;
 border-radius: 4px;

} .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {

 border: 1px solid #ddd;

} @media (min-width: 768px) {

 .nav-tabs-justified > li > a {
   border-bottom: 1px solid #ddd;
   border-radius: 4px 4px 0 0;
 }
 .nav-tabs-justified > .active > a,
 .nav-tabs-justified > .active > a:hover,
 .nav-tabs-justified > .active > a:focus {
   border-bottom-color: #fff;
 }

} .tab-content > .tab-pane {

 display: none;

} .tab-content > .active {

 display: block;

} .nav-tabs .dropdown-menu {

 margin-top: -1px;
 border-top-left-radius: 0;
 border-top-right-radius: 0;

} .navbar {

 position: relative;
 min-height: 50px;
 margin-bottom: 20px;
 border: 1px solid transparent;

} @media (min-width: 768px) {

 .navbar {
   border-radius: 4px;
 }

} @media (min-width: 768px) {

 .navbar-header {
   float: left;
 }

} .navbar-collapse {

 padding-right: 15px;
 padding-left: 15px;
 overflow-x: visible;
 -webkit-overflow-scrolling: touch;
 border-top: 1px solid transparent;
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

} .navbar-collapse.in {

 overflow-y: auto;

} @media (min-width: 768px) {

 .navbar-collapse {
   width: auto;
   border-top: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .navbar-collapse.collapse {
   display: block !important;
   height: auto !important;
   padding-bottom: 0;
   overflow: visible !important;
 }
 .navbar-collapse.in {
   overflow-y: visible;
 }
 .navbar-fixed-top .navbar-collapse,
 .navbar-static-top .navbar-collapse,
 .navbar-fixed-bottom .navbar-collapse {
   padding-right: 0;
   padding-left: 0;
 }

} .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {

 max-height: 340px;

} @media (max-device-width: 480px) and (orientation: landscape) {

 .navbar-fixed-top .navbar-collapse,
 .navbar-fixed-bottom .navbar-collapse {
   max-height: 200px;
 }

} .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

 margin-right: -15px;
 margin-left: -15px;

} @media (min-width: 768px) {

 .container > .navbar-header,
 .container-fluid > .navbar-header,
 .container > .navbar-collapse,
 .container-fluid > .navbar-collapse {
   margin-right: 0;
   margin-left: 0;
 }

} .navbar-static-top {

 z-index: 1000;
 border-width: 0 0 1px;

} @media (min-width: 768px) {

 .navbar-static-top {
   border-radius: 0;
 }

} .navbar-fixed-top, .navbar-fixed-bottom {

 position: fixed;
 right: 0;
 left: 0;
 z-index: 1030;

} @media (min-width: 768px) {

 .navbar-fixed-top,
 .navbar-fixed-bottom {
   border-radius: 0;
 }

} .navbar-fixed-top {

 top: 0;
 border-width: 0 0 1px;

} .navbar-fixed-bottom {

 bottom: 0;
 margin-bottom: 0;
 border-width: 1px 0 0;

} .navbar-brand {

 float: left;
 height: 50px;
 padding: 15px 15px;
 font-size: 18px;
 line-height: 20px;

} .navbar-brand:hover, .navbar-brand:focus {

 text-decoration: none;

} .navbar-brand > img {

 display: block;

} @media (min-width: 768px) {

 .navbar > .container .navbar-brand,
 .navbar > .container-fluid .navbar-brand {
   margin-left: -15px;
 }

} .navbar-toggle {

 position: relative;
 float: right;
 padding: 9px 10px;
 margin-top: 8px;
 margin-right: 15px;
 margin-bottom: 8px;
 background-color: transparent;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px;

} .navbar-toggle:focus {

 outline: 0;

} .navbar-toggle .icon-bar {

 display: block;
 width: 22px;
 height: 2px;
 border-radius: 1px;

} .navbar-toggle .icon-bar + .icon-bar {

 margin-top: 4px;

} @media (min-width: 768px) {

 .navbar-toggle {
   display: none;
 }

} .navbar-nav {

 margin: 7.5px -15px;

} .navbar-nav > li > a {

 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 20px;

} @media (max-width: 767px) {

 .navbar-nav .open .dropdown-menu {
   position: static;
   float: none;
   width: auto;
   margin-top: 0;
   background-color: transparent;
   border: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .navbar-nav .open .dropdown-menu > li > a,
 .navbar-nav .open .dropdown-menu .dropdown-header {
   padding: 5px 15px 5px 25px;
 }
 .navbar-nav .open .dropdown-menu > li > a {
   line-height: 20px;
 }
 .navbar-nav .open .dropdown-menu > li > a:hover,
 .navbar-nav .open .dropdown-menu > li > a:focus {
   background-image: none;
 }

} @media (min-width: 768px) {

 .navbar-nav {
   float: left;
   margin: 0;
 }
 .navbar-nav > li {
   float: left;
 }
 .navbar-nav > li > a {
   padding-top: 15px;
   padding-bottom: 15px;
 }

} .navbar-form {

 padding: 10px 15px;
 margin-top: 8px;
 margin-right: -15px;
 margin-bottom: 8px;
 margin-left: -15px;
 border-top: 1px solid transparent;
 border-bottom: 1px solid transparent;
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);

} @media (min-width: 768px) {

 .navbar-form .form-group {
   display: inline-block;
   margin-bottom: 0;
   vertical-align: middle;
 }
 .navbar-form .form-control {
   display: inline-block;
   width: auto;
   vertical-align: middle;
 }
 .navbar-form .form-control-static {
   display: inline-block;
 }
 .navbar-form .input-group {
   display: inline-table;
   vertical-align: middle;
 }
 .navbar-form .input-group .input-group-addon,
 .navbar-form .input-group .input-group-btn,
 .navbar-form .input-group .form-control {
   width: auto;
 }
 .navbar-form .input-group > .form-control {
   width: 100%;
 }
 .navbar-form .control-label {
   margin-bottom: 0;
   vertical-align: middle;
 }
 .navbar-form .radio,
 .navbar-form .checkbox {
   display: inline-block;
   margin-top: 0;
   margin-bottom: 0;
   vertical-align: middle;
 }
 .navbar-form .radio label,
 .navbar-form .checkbox label {
   padding-left: 0;
 }
 .navbar-form .radio input[type="radio"],
 .navbar-form .checkbox input[type="checkbox"] {
   position: relative;
   margin-left: 0;
 }
 .navbar-form .has-feedback .form-control-feedback {
   top: 0;
 }

} @media (max-width: 767px) {

 .navbar-form .form-group {
   margin-bottom: 5px;
 }
 .navbar-form .form-group:last-child {
   margin-bottom: 0;
 }

} @media (min-width: 768px) {

 .navbar-form {
   width: auto;
   padding-top: 0;
   padding-bottom: 0;
   margin-right: 0;
   margin-left: 0;
   border: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
 }

} .navbar-nav > li > .dropdown-menu {

 margin-top: 0;
 border-top-left-radius: 0;
 border-top-right-radius: 0;

} .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {

 margin-bottom: 0;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;

} .navbar-btn {

 margin-top: 8px;
 margin-bottom: 8px;

} .navbar-btn.btn-sm {

 margin-top: 10px;
 margin-bottom: 10px;

} .navbar-btn.btn-xs {

 margin-top: 14px;
 margin-bottom: 14px;

} .navbar-text {

 margin-top: 15px;
 margin-bottom: 15px;

} @media (min-width: 768px) {

 .navbar-text {
   float: left;
   margin-right: 15px;
   margin-left: 15px;
 }

} @media (min-width: 768px) {

 .navbar-left {
   float: left !important;
 }
 .navbar-right {
   float: right !important;
   margin-right: -15px;
 }
 .navbar-right ~ .navbar-right {
   margin-right: 0;
 }

} .navbar-default {

 background-color: #f8f8f8;
 border-color: #e7e7e7;

} .navbar-default .navbar-brand {

 color: #777;

} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

 color: #5e5e5e;
 background-color: transparent;

} .navbar-default .navbar-text {

 color: #777;

} .navbar-default .navbar-nav > li > a {

 color: #777;

} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

 color: #333;
 background-color: transparent;

} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

 color: #555;
 background-color: #e7e7e7;

} .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {

 color: #ccc;
 background-color: transparent;

} .navbar-default .navbar-toggle {

 border-color: #ddd;

} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

 background-color: #ddd;

} .navbar-default .navbar-toggle .icon-bar {

 background-color: #888;

} .navbar-default .navbar-collapse, .navbar-default .navbar-form {

 border-color: #e7e7e7;

} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

 color: #555;
 background-color: #e7e7e7;

} @media (max-width: 767px) {

 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
   color: #777;
 }
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
   color: #333;
   background-color: transparent;
 }
 .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
   color: #555;
   background-color: #e7e7e7;
 }
 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
   color: #ccc;
   background-color: transparent;
 }

} .navbar-default .navbar-link {

 color: #777;

} .navbar-default .navbar-link:hover {

 color: #333;

} .navbar-default .btn-link {

 color: #777;

} .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {

 color: #333;

} .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {

 color: #ccc;

} .navbar-inverse {

 background-color: #222;
 border-color: #080808;

} .navbar-inverse .navbar-brand {

 color: #9d9d9d;

} .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {

 color: #fff;
 background-color: transparent;

} .navbar-inverse .navbar-text {

 color: #9d9d9d;

} .navbar-inverse .navbar-nav > li > a {

 color: #9d9d9d;

} .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

 color: #fff;
 background-color: transparent;

} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {

 color: #fff;
 background-color: #080808;

} .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {

 color: #444;
 background-color: transparent;

} .navbar-inverse .navbar-toggle {

 border-color: #333;

} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

 background-color: #333;

} .navbar-inverse .navbar-toggle .icon-bar {

 background-color: #fff;

} .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

 border-color: #101010;

} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {

 color: #fff;
 background-color: #080808;

} @media (max-width: 767px) {

 .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
   border-color: #080808;
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
   background-color: #080808;
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
   color: #9d9d9d;
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
   color: #fff;
   background-color: transparent;
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
   color: #fff;
   background-color: #080808;
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
   color: #444;
   background-color: transparent;
 }

} .navbar-inverse .navbar-link {

 color: #9d9d9d;

} .navbar-inverse .navbar-link:hover {

 color: #fff;

} .navbar-inverse .btn-link {

 color: #9d9d9d;

} .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {

 color: #fff;

} .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {

 display: table;
 content: " ";

} .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {

 clear: both;

} .center-block {

 display: block;
 margin-right: auto;
 margin-left: auto;

} .pull-right {

 float: right !important;

} .pull-left {

 float: left !important;

} .hide {

 display: none !important;

} .show {

 display: block !important;

} .invisible {

 visibility: hidden;

} .text-hide {

 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;

} .hidden {

 display: none !important;

} .affix {

 position: fixed;

} @-ms-viewport {

 width: device-width;

} .visible-xs, .visible-sm, .visible-md, .visible-lg {

 display: none !important;

} .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {

 display: none !important;

} @media (max-width: 767px) {

 .visible-xs {
   display: block !important;
 }
 table.visible-xs {
   display: table;
 }
 tr.visible-xs {
   display: table-row !important;
 }
 th.visible-xs,
 td.visible-xs {
   display: table-cell !important;
 }

} @media (max-width: 767px) {

 .visible-xs-block {
   display: block !important;
 }

} @media (max-width: 767px) {

 .visible-xs-inline {
   display: inline !important;
 }

} @media (max-width: 767px) {

 .visible-xs-inline-block {
   display: inline-block !important;
 }

} @media (min-width: 768px) and (max-width: 991px) {

 .visible-sm {
   display: block !important;
 }
 table.visible-sm {
   display: table;
 }
 tr.visible-sm {
   display: table-row !important;
 }
 th.visible-sm,
 td.visible-sm {
   display: table-cell !important;
 }

} @media (min-width: 768px) and (max-width: 991px) {

 .visible-sm-block {
   display: block !important;
 }

} @media (min-width: 768px) and (max-width: 991px) {

 .visible-sm-inline {
   display: inline !important;
 }

} @media (min-width: 768px) and (max-width: 991px) {

 .visible-sm-inline-block {
   display: inline-block !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) {

 .visible-md {
   display: block !important;
 }
 table.visible-md {
   display: table;
 }
 tr.visible-md {
   display: table-row !important;
 }
 th.visible-md,
 td.visible-md {
   display: table-cell !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) {

 .visible-md-block {
   display: block !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) {

 .visible-md-inline {
   display: inline !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) {

 .visible-md-inline-block {
   display: inline-block !important;
 }

} @media (min-width: 1200px) {

 .visible-lg {
   display: block !important;
 }
 table.visible-lg {
   display: table;
 }
 tr.visible-lg {
   display: table-row !important;
 }
 th.visible-lg,
 td.visible-lg {
   display: table-cell !important;
 }

} @media (min-width: 1200px) {

 .visible-lg-block {
   display: block !important;
 }

} @media (min-width: 1200px) {

 .visible-lg-inline {
   display: inline !important;
 }

} @media (min-width: 1200px) {

 .visible-lg-inline-block {
   display: inline-block !important;
 }

} @media (max-width: 767px) {

 .hidden-xs {
   display: none !important;
 }

} @media (min-width: 768px) and (max-width: 991px) {

 .hidden-sm {
   display: none !important;
 }

} @media (min-width: 992px) and (max-width: 1199px) {

 .hidden-md {
   display: none !important;
 }

} @media (min-width: 1200px) {

 .hidden-lg {
   display: none !important;
 }

} .visible-print {

 display: none !important;

} @media print {

 .visible-print {
   display: block !important;
 }
 table.visible-print {
   display: table;
 }
 tr.visible-print {
   display: table-row !important;
 }
 th.visible-print,
 td.visible-print {
   display: table-cell !important;
 }

} .visible-print-block {

 display: none !important;

} @media print {

 .visible-print-block {
   display: block !important;
 }

} .visible-print-inline {

 display: none !important;

} @media print {

 .visible-print-inline {
   display: inline !important;
 }

} .visible-print-inline-block {

 display: none !important;

} @media print {

 .visible-print-inline-block {
   display: inline-block !important;
 }

} @media print {

 .hidden-print {
   display: none !important;
 }

} /****************************** style ***********************************/ @import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";

/*-------------------------------*/ /* VARIABLES */ /*-------------------------------*/ body {

 position: relative;
 overflow-x: hidden;

} body, html {

 height: 100%;
 background-color: #583e7e;

} .nav .open > a {

 background-color: transparent;

} .nav .open > a:hover {

 background-color: transparent;

} .nav .open > a:focus {

 background-color: transparent;

} /*-------------------------------*/ /* Wrappers */ /*-------------------------------*/

1. wrapper {

 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 padding-left: 0;
 transition: all 0.5s ease;

}

1. wrapper.toggled {

 padding-left: 220px;

}

1. wrapper.toggled #sidebar-wrapper {

 width: 220px;

}

1. wrapper.toggled #page-content-wrapper {

 margin-right: -220px;
 position: absolute;

}

1. sidebar-wrapper {

 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 background: #1a1a1a;
 height: 100%;
 left: 220px;
 margin-left: -220px;
 overflow-x: hidden;
 overflow-y: auto;
 transition: all 0.5s ease;
 width: 0;
 z-index: 1000;

}

1. sidebar-wrapper::-webkit-scrollbar {

 display: none;

}

1. page-content-wrapper {

 padding-top: 70px;
 width: 100%;

} /*-------------------------------*/ /* Sidebar nav styles */ /*-------------------------------*/ .sidebar-nav {

 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0;
 width: 220px;

} .sidebar-nav li {

 display: inline-block;
 line-height: 20px;
 position: relative;
 width: 100%;

} .sidebar-nav li:before {

 background-color: #1c1c1c;
 content: ;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 -webkit-transition: width 0.2s ease-in;
 transition: width 0.2s ease-in;
 width: 3px;
 z-index: -1;

} .sidebar-nav li:first-child a {

 background-color: #1a1a1a;
 color: #ffffff;

} .sidebar-nav li:nth-child(2):before {

 background-color: #402d5c;

} .sidebar-nav li:nth-child(3):before {

 background-color: #4c366d;

} .sidebar-nav li:nth-child(4):before {

 background-color: #583e7e;

} .sidebar-nav li:nth-child(5):before {

 background-color: #64468f;

} .sidebar-nav li:nth-child(6):before {

 background-color: #704fa0;

} .sidebar-nav li:nth-child(7):before {

 background-color: #7c5aae;

} .sidebar-nav li:nth-child(8):before {

 background-color: #8a6cb6;

} .sidebar-nav li:nth-child(9):before {

 background-color: #987dbf;

} .sidebar-nav li:hover:before {

 -webkit-transition: width 0.2s ease-in;
 transition: width 0.2s ease-in;
 width: 100%;

} .sidebar-nav li a {

 color: #dddddd;
 display: block;
 padding: 10px 15px 10px 30px;
 text-decoration: none;

} .sidebar-nav li.open:hover before {

 -webkit-transition: width 0.2s ease-in;
 transition: width 0.2s ease-in;
 width: 100%;

} .sidebar-nav .dropdown-menu {

 background-color: #222222;
 border-radius: 0;
 border: none;
 box-shadow: none;
 margin: 0;
 padding: 0;
 position: relative;
 width: 100%;

} .sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {

 background-color: transparent;
 color: #ffffff;
 text-decoration: none;

} .sidebar-nav > .sidebar-brand {

 font-size: 20px;
 height: 65px;
 line-height: 44px;

} /*-------------------------------*/ /* Hamburger-Cross */ /*-------------------------------*/ .hamburger {

 background: transparent;
 border: none;
 display: block;
 height: 32px;
 margin-left: 15px;
 position: fixed;
 top: 20px;
 width: 32px;
 z-index: 999;

} .hamburger:hover {

 outline: none;

} .hamburger:focus {

 outline: none;

} .hamburger:active {

 outline: none;

} .hamburger.is-closed:before {

 -webkit-transform: translate3d(0, 0, 0);
 -webkit-transition: all 0.35s ease-in-out;
 color: #ffffff;
 content: ;
 display: block;
 font-size: 14px;
 line-height: 32px;
 opacity: 0;
 text-align: center;
 width: 100px;

} .hamburger.is-closed:hover before {

 -webkit-transform: translate3d(-100px, 0, 0);
 -webkit-transition: all 0.35s ease-in-out;
 display: block;
 opacity: 1;

} .hamburger.is-closed:hover .hamb-top {

 -webkit-transition: all 0.35s ease-in-out;
 top: 0;

} .hamburger.is-closed:hover .hamb-bottom {

 -webkit-transition: all 0.35s ease-in-out;
 bottom: 0;

} .hamburger.is-closed .hamb-top {

 -webkit-transition: all 0.35s ease-in-out;
 background-color: rgba(255, 255, 255, 0.7);
 top: 5px;

} .hamburger.is-closed .hamb-middle {

 background-color: rgba(255, 255, 255, 0.7);
 margin-top: -2px;
 top: 50%;

} .hamburger.is-closed .hamb-bottom {

 -webkit-transition: all 0.35s ease-in-out;
 background-color: rgba(255, 255, 255, 0.7);
 bottom: 5px;

} .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {

 height: 4px;
 left: 0;
 position: absolute;
 width: 100%;

} .hamburger.is-open .hamb-top {

 -webkit-transform: rotate(45deg);
 -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
 background-color: #ffffff;
 margin-top: -2px;
 top: 50%;

} .hamburger.is-open .hamb-middle {

 background-color: #ffffff;
 display: none;

} .hamburger.is-open .hamb-bottom {

 -webkit-transform: rotate(-45deg);
 -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
 background-color: #ffffff;
 margin-top: -2px;
 top: 50%;

} .hamburger.is-open:before {

 -webkit-transform: translate3d(0, 0, 0);
 -webkit-transition: all 0.35s ease-in-out;
 color: #ffffff;
 content: ;
 display: block;
 font-size: 14px;
 line-height: 32px;
 opacity: 0;
 text-align: center;
 width: 100px;

} .hamburger.is-open:hover before {

 -webkit-transform: translate3d(-100px, 0, 0);
 -webkit-transition: all 0.35s ease-in-out;
 display: block;
 opacity: 1;

} /*-------------------------------*/ /* Dark Overlay */ /*-------------------------------*/ .overlay {

 position: fixed;
 display: none;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: rgba(0, 0, 0, 0.4);
 z-index: 1;

} /* SOME DEMO STYLES - NOT REQUIRED */ body, html {

 background-color: #583e7e;

} body h1, body h2, body h3, body h4 {

 color: rgba(255, 255, 255, 0.9);

} body p, body blockquote {

 color: rgba(255, 255, 255, 0.7);

} body a {

 color: rgba(255, 255, 255, 0.8);
 text-decoration: underline;

} body a:hover {

 color: #ffffff;

}