/* Adding gvnix styles css - NO COPIAR */
  /*** Default  gvNIX ***/
  
  .flag {
      height: 11px;
      width: 16px;
  }
  
  body {
      position: relative;
      /* For scrollyspy */
      padding-top: 70px;
      /* Account for fixed navbar */
      padding-bottom: 30px;
  }
  
  @media (min-width: 768px) and (max-width: 1020px) {
      body {
          padding-top: 120px;
      }
  }
  /*
 * Main navigation
 *
 * Turn the `.navbar` at the top
 */
  
  .navbar {
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
      background-color: #563d7c;
      border-color: #463265;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
  }
  
  .navbar .navbar-collapse {
      border-color: #463265;
  }
  
  .navbar .navbar-brand {
      color: #fff;
  }
  
  .navbar .navbar-nav>li>a {
      color: #cdbfe3;
  }
  
  .navbar .navbar-nav>li>a:hover {
      color: #fff;
  }
  
  .navbar .navbar-nav>.active>a,
  .navbar .navbar-nav>.active>a:hover {
      color: #fff;
      background-color: #463265;
  }
  
  .navbar .navbar-toggle {
      border-color: #563d7c;
  }
  
  .navbar .navbar-toggle:hover {
      background-color: #463265;
      border-color: #463265;
  }
  /* Custom theme Bootstrap for gvNIX by DISID */
  
  .navbar {
      background-color: #608224;
      border-color: #527711;
  }
  
  .navbar .navbar-toggle {
      border-color: #608224;
  }
  
  .navbar .navbar-toggle:hover {
      background-color: #608224;
      border-color: #43600E;
  }
  
  .navbar-inverse .navbar-nav>.open>a,
  .navbar-inverse .navbar-nav>.open>a:hover,
  .navbar-inverse .navbar-nav>.open>a:focus,
  .navbar .navbar-nav>.active>a,
  .navbar .navbar-nav>.active>a:hover {
      color: #fff;
      background-color: #43600E;
  }
  
  .navbar .navbar-nav>li>a {
      color: #acc47f;
  }
  
  @media (max-width: 767px) {
      .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
          color: #acc47f;
          white-space: normal;
      }
      .navbar-nav .open .dropdown-menu {
          max-width: 300px;
      }
      .navbar-nav .open .dropdown-menu li {
          max-width: 300px;
      }
      .col-xs-3 button[data-toggle="offcanvas"] {
          margin: 15px 0 0;
      }
  }
  
  @media (min-width: 768px) {
      .navbar-nav {
          float: none;
          margin: 0 100px;
      }
  }
  /* Custom sidebar menu */
  
  #sidebar-wrapper li a {
      text-decoration: none;
  }
  
  .affix#sidebar-wrapper {
      z-index: 100;
  }
  /*
 * Footer
 *
 * Separated section of content at the bottom of all pages
 */
  
  .bs-footer {
      padding-top: 40px;
      padding-bottom: 30px;
      margin-top: 100px;
      color: #777;
      text-align: center;
      border-top: 1px solid #e5e5e5;
  }
  
  .footer-links {
      margin: 10px 0;
      padding-left: 0;
  }
  
  .footer-links li {
      display: inline;
      padding: 0 2px;
  }
  
  .footer-links li:first-child {
      padding-left: 0;
  }
  
  @media (min-width: 768px) {
      .bs-footer {
          text-align: left;
      }
      .bs-footer p {
          margin-bottom: 0;
      }
  }
  /*
 * Alerts
 *
 */
  
  .alert {
      font-size: 0.95em;
      display: block;
  }
  /*
* Errors
*
*/
  
  .errors {
      color: #b94a48;
      display: block;
  }
  /*
 * Forms
 *
 */
  
  @media (min-width: 0px) {
      .form-horizontal .control-label {
          text-align: right;
      }
  }
  
  .btn {
      margin: 5px 0;
  }
  
  .btn-group {
      margin-right: 5px;
  }
  /*
 * Custom theme Bootstrap signin.css
 *
 */
  
  .form-signin {
      max-width: 330px;
      padding: 15px;
      margin: 0 auto;
  }
  
  .form-signin .form-signin-heading,
  .form-signin .checkbox {
      margin-bottom: 10px;
  }
  
  .form-signin .checkbox {
      font-weight: normal;
  }
  
  .form-signin .form-control {
      position: relative;
      font-size: 16px;
      height: auto;
      padding: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .form-signin .form-control:focus {
      z-index: 2;
  }
  
  .form-signin input[type="text"] {
      margin-bottom: -1px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }
  
  .form-signin input[type="password"] {
      margin-bottom: 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  /** Custom ui buttons **/
  
  .ui-dialog-buttonset {
      width: 100%;
  }
  
  .ui-dialog-buttonset button {
      -moz-user-select: none;
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: 4px;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.42857;
      margin-bottom: 0;
      padding: 6px 12px;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      background-color: #428BCA;
      border-color: #357EBD;
      color: #FFFFFF;
      display: block;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
  }
  /** Icons **/
  
  .input-group-addon.glyphicon {
      top: 0;
  }
  /* Custom fixed navs */
  
  header.navbar+nav.navbar {
      /* margin-top: 20px;same margin-bottom .navbar */
  }
  
  .navbar.navbar-default.navbar-fixed-top {
      margin-top: 50px;
  }
  
  .sidebar.navbar-fixed-top {
      margin-top: 100px;
  }
  
  @media (min-width: 768px) and (max-width: 998px) {
      .navbar.navbar-default.navbar-fixed-top {
          margin-top: 100px;
      }
      .sidebar.navbar-fixed-top {
          margin-top: 150px;
      }
  }
  /* Custom navbar default: global*/
  
  .navbar.navbar-default {
      background-color: #f8f8f8;
      border-color: #e7e7e7;
      margin: 0;
      border-radius: 0;
  }
  
  .navbar.navbar-default .navbar-brand {
      color: #666;
      text-shadow: none;
      min-width: 150px;
  }
  
  .navbar.navbar-default .navbar-nav>li>a {
      color: #666;
      text-shadow: none;
  }
  
  .navbar.navbar-default .navbar-nav>li>a {
      color: #666;
      text-shadow: none;
  }
  
  .navbar.navbar-default .navbar-nav>li>a:hover {
      color: #acc47f;
  }
  
  .navbar.navbar-default .navbar-nav>.active>a {
      color: #fff;
      background-color: #acc47f;
  }
  
  .navbar.navbar-default .navbar-nav>.active>a:hover {
      color: #608224;
      background-color: #acc47f;
  }
  
  .navbar.navbar-default .caret {
      border-top-color: #ccc;
      border-bottom-color: #ccc;
  }
  
  .navbar.navbar-default .caret:hover {
      border-top-color: #333;
      border-bottom-color: #333;
  }
  /* Custom sidebar menu */
  /*Remove rounded coners*/
  
  nav.sidebar.navbar {
      border-radius: 0px;
  }
  
  nav.sidebar,
  .main {
      -webkit-transition: margin 200ms ease-out;
      -moz-transition: margin 200ms ease-out;
      -o-transition: margin 200ms ease-out;
      transition: margin 200ms ease-out;
  }
  /* Add gap to nav and right windows.*/
  
  .main {
      padding: 10px 10px 0 10px;
  }
  /* .....NavBar: Icon only with coloring/layout.....*/
  /*small/medium side display*/
  
  @media (min-width: 768px) {
      /*Allow main to be next to Nav*/
      .main {
          position: absolute;
          width: calc(100% - 300px);
          /*keeps 100% minus nav size*/
          margin-left: 300px;
          float: right;
      }
      /*lets nav bar to be showed on mouseover*/
      nav.sidebar:hover+.main {
          margin-left: 200px;
      }
      /*Center Brand*/
      nav.sidebar.navbar.sidebar>.container .navbar-brand,
      .navbar>.container-fluid .navbar-brand {
          margin-left: 0px;
      }
      /*Center Brand*/
      nav.sidebar .navbar-brand,
      nav.sidebar .navbar-header {
          text-align: center;
          width: 100%;
          margin-left: 0px;
      }
      /*Center Icons*/
      nav.sidebar a {
          padding-right: 13px;
          min-width: 100px;
      }
      /*custom sidebar nav*/
      nav.sidebar ul.nav.navbar-nav {
          margin: 0;
      }
      nav.sidebar.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
          color: white;
      }
      /*adds border top to first nav box */
      nav.sidebar .navbar-nav>li:first-child {
          border-top: 1px #e5e5e5 solid;
      }
      /*adds border to bottom nav boxes*/
      nav.sidebar .navbar-nav>li {
          border-bottom: 1px #e5e5e5 solid;
      }
      /*adds background on hover*/
      nav.sidebar .navbar-nav>li:hover {
          color: #fff;
          background-color: #43600E;
      }
      /*removes border last element*/
      nav.sidebar .navbar-nav>li.last {
          border-bottom: none;
      }
      /* Colors/style dropdown box*/
      nav.sidebar .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;
      }
      /*allows nav box to use 100% width*/
      nav.sidebar .navbar-collapse,
      nav.sidebar .container-fluid {
          padding: 0 0px 0 0px;
      }
      /*colors dropdown box text */
      .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
          color: #777;
      }
      /*O quanto o menu irá esconder á esquerda*/
      /*gives sidebar width/height*/
      nav.sidebar {
          width: 200px;
          height: 100%;
          margin-left: -270px;
          float: left;
          z-index: 8000;
          margin-bottom: 0px;
      }
      /*give sidebar 100% width;*/
      nav.sidebar li {
          width: 100%;
      }
      /* Move nav to full on mouse over*/
      nav.sidebar:hover {
          margin-left: 0px;
      }
      /*for hiden things when navbar hidden*/
      .forAnimate {
          opacity: 0;
      }
  }
  /* .....NavBar: Fully showing nav bar..... */
  
  @media (min-width: 1330px) {
      /*     Allow main to be next to Nav
    .main{
      width: calc(100% - 200px); keeps 100% minus nav size
      margin-left: 200px;
    }

    Show all nav
    nav.sidebar{
      margin-left: 0px;
      float: left;
    }
    Show hidden items on nav
    nav.sidebar .forAnimate{
      opacity: 1;
    } */
  }
  
  nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover,
  nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
      color: #CCC;
      background-color: transparent;
  }
  
  nav:hover .forAnimate {
      opacity: 1;
  }
  /*---- FIM SLIDE MENU*/
  
  .nav-side-menu {
      overflow: auto;
      font-family: verdana;
      font-size: 12px;
      font-weight: 200;
      background-color: #2e353d;
      position: fixed;
      top: 0px;
      width: 300px;
      height: 100%;
      color: #e1ffff;
  }
  
  .nav-side-menu .brand {
      background-color: #23282e;
      line-height: 50px;
      display: block;
      text-align: center;
      font-size: 14px;
  }
  
  .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 #d19b3d;
      background-color: #4f5b69;
  }
  
  .nav-side-menu ul .sub-menu li.active,
  .nav-side-menu li .sub-menu li.active {
      color: #d19b3d;
  }
  
  .nav-side-menu ul .sub-menu li.active a,
  .nav-side-menu li .sub-menu li.active a {
      color: #d19b3d;
  }
  
  .nav-side-menu ul .sub-menu li,
  .nav-side-menu li .sub-menu li {
      background-color: #181c20;
      border: none;
      line-height: 28px;
      border-bottom: 1px solid #23282e;
      margin-left: 0px;
  }
  
  .nav-side-menu ul .sub-menu li:hover,
  .nav-side-menu li .sub-menu li:hover {
      background-color: #020203;
  }
  
  .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;
  }
  
  .nav-side-menu li a {
      text-decoration: none;
      color: #e1ffff;
  }
  
  .nav-side-menu li a i {
      padding-left: 10px;
      width: 20px;
      padding-right: 20px;
  }
  
  .nav-side-menu li:hover {
      border-left: 3px solid #d19b3d;
      background-color: #4f5b69;
      -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;
      }
  }
  
  body {
      margin: 0px;
      padding: 0px;
  }