@charset "utf-8";

/* CSS Document */



.navbar-inverse {

    background:none;

    border-color: none;

	padding:20px 0px;

}

.navbar-inverse .navbar-brand {

    color: #0b3e7f;

}

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

    background-color: transparent;

    color: #333;

}

.navbar-inverse .navbar-text {

    color: #00C;

}

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

    color: #0b3e7f;

}

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

    background:none;

    color: #666;

}

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

    background:none;

    color: #333;

}

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

    background-color: transparent;

    color: #444;

}

.navbar-inverse .navbar-toggle {

    border-color: #0b3e7f;

}

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

    background-color: #0b3e7f;

}

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

    background-color: #0CF;

}

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

    border-color: #101010;

}

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

    background-color: #080808;

    color: #fff;

}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {box-shadow:none}

@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:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {

    background-color: transparent;

    color: #fff;

}

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {

    background-color: #191b1e;;

    color: #fff;

}

.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {

    background-color: transparent;

    color: #444;

}

}

.navbar-inverse .navbar-link {

    color: #9d9d9d;

}

.navbar-inverse .navbar-link:hover {

    color: #fff;

}

.navbar-inverse .btn-link {

    color: #9d9d9d;

}

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

    color: #fff;

}

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

    color: #444;

}





.nav-side-menu {

  overflow: auto;

  font-family: verdana;

  font-size: 12px;

  font-weight: 200;

  background-color: #222020;;

  width:100%;

  color: #e1ffff;

}

.nav-side-menu .brand {
  background:  #060606;
  ;line-height: 50px; font-size:20px; text-align: center;font-weight:bold;text-transform:uppercase; color:#FFF}

.nav-side-menu .toggle-btn {

  display: none;

}

.nav-side-menu ul,

.nav-side-menu li {

  list-style: none;

  padding: 0px;

  margin: 0px;

  line-height: 35px;

  cursor: pointer;
 
  /*    

    .collapsed{

       .arrow:before{

                 font-family: FontAwesome;

                 content: "\f053";

                 display: inline-block;

                 padding-left:10px;

                 padding-right: 10px;

                 vertical-align: middle;

                 float:right;

            }

     }

*/

}

.nav-side-menu ul :not(collapsed) .arrow:before,

.nav-side-menu li :not(collapsed) .arrow:before {

  font-family: FontAwesome;

  content: "\f078";

  display: inline-block;

  padding-left: 10px;

  padding-right: 10px;

  vertical-align: middle;

  float: right;

}

.nav-side-menu ul .active,

.nav-side-menu li .active {

  border-left: 3px solid #fff;

  background-color: #1a1a1a;

}

.nav-side-menu ul .sub-menu li.active,

.nav-side-menu li .sub-menu li.active {

  color: #fff;

  background-color: #1a1a1a;

  font-weight:bold;

}

.nav-side-menu ul .sub-menu li.active a,

.nav-side-menu li .sub-menu li.active a {

  color: #fff;

  background-color: #1a1a1a;

}

.nav-side-menu ul .sub-menu li,

.nav-side-menu li .sub-menu li {

  background-color: #00bbd7;

  border: none;

  line-height: 28px;

  border-bottom: 1px solid #00bbd7;

  margin-left: 0px;

}

.nav-side-menu ul .sub-menu li:hover,

.nav-side-menu li .sub-menu li:hover {

  background-color: #008dbb;

}

.nav-side-menu ul .sub-menu li:before,

.nav-side-menu li .sub-menu li:before {

  font-family: FontAwesome;

  content: "\f105";

  display: inline-block;

  padding-left: 10px;

  padding-right: 10px;

  vertical-align: middle;

}

.nav-side-menu li {

  padding-left: 0px;

  border-left: 3px solid #2e353d;

  border-bottom: 1px solid #23282e;
  padding: 1rem;

}

.nav-side-menu li a {

  text-decoration: none;

  color: #fff;
  font-size:1.4rem;

}

.nav-side-menu li a i {

  padding-left: 10px;

  width: 20px;

  padding-right: 30px;

}

.nav-side-menu li:hover {

  border-left: 3px solid #fff;

  background-color: #1a1a1a;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

}

@media (max-width: 767px) {

  .nav-side-menu {

    position: relative;

    width: 100%;

    margin-bottom: 10px;

  }

  .nav-side-menu .toggle-btn {

    display: block;

    cursor: pointer;

    position: absolute;

    right: 10px;

    top: 10px;

    z-index: 10 !important;

    padding: 3px;

    background-color: #ffffff;

    color: #000;

    width: 40px;

    text-align: center;

  }

  .brand {

    text-align: left !important;

    font-size: 22px;

    padding-left: 20px;

    line-height: 50px !important;

  }

}

@media (min-width: 767px) {

  .nav-side-menu .menu-list .menu-content {

    display: block;

  }

}

.opened{display:block}