/* Adding gvnix styles css - NO COPIAR */

/* Custom fixed navs */
header.navbar+nav.navbar {
	/* margin-top: 20px !important;same margin-bottom .navbar */
	
}

.navbar.navbar-default.navbar-fixed-top {
	margin-top: 50px !important;
}

.sidebar.navbar-fixed-top {
	/*
	FIXA NO TOPO
	margin-top: 0px !important;
	*/
	
}

/*
@media ( min-width : 768px) and (max-width: 998px) {
	.navbar.navbar-default.navbar-fixed-top {
		margin-top: 100px !important;
	}
	.sidebar.navbar-fixed-top {
		margin-top: 150px !important;
	}
}
*/


/* Custom navbar default: global*/
.navbar.navbar-default {
	background-color: #f8f8f8 !important;
	border-color: #e7e7e7 !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.navbar.navbar-default .navbar-brand {
	color: #666 !important;
	text-shadow: none !important;
	min-width: 150px !important;
}

.navbar.navbar-default .navbar-nav>li>a {
	color: #666 !important;
	text-shadow: none !important;
}

.navbar.navbar-default .navbar-nav>li>a {
	color: #666 !important;
	text-shadow: none !important;
}

.navbar.navbar-default .navbar-nav>li>a:hover {
	color: #acc47f !important;
}

.navbar.navbar-default .navbar-nav>.active>a {
	color: #fff !important;
	background-color: #acc47f !important;
}

.navbar.navbar-default .navbar-nav>.active>a:hover {
	color: #608224 !important;
	background-color: #acc47f !important;
}

.navbar.navbar-default .caret {
	border-top-color: #ccc !important;
	border-bottom-color: #ccc !important;
}

.navbar.navbar-default .caret:hover {
	border-top-color: #333 !important;
	border-bottom-color: #333 !important;
}

/* Custom sidebar menu */

/*Remove rounded coners*/
nav.sidebar.navbar {
	border-radius: 0px !important;
}

nav.sidebar, .container {
	-webkit-transition: margin 300ms ease-out !important;
	-moz-transition: margin 300ms ease-out !important;
	-o-transition: margin 300ms ease-out !important;
	transition: margin 300ms ease-out !important;
}

/* Add gap to nav and right windows.*/
.container {
	padding: 10px 10px 0px 10px !important;
}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
@media ( min-width : 768px) {
	/*Allow main to be next to Nav*/
	.container {
		position: relative !important;
		width: calc(100% - 10px) !important; /*keeps 100% minus nav size*/
		margin-left: 5px !important;
		float .: right;
	}

	/*lets nav bar to be showed on mouseover
	*/
	nav.sidebar:hover+.container {
		margin-left: 200px !important;
	}

	/*Center Brand*/
	nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand
		{
		margin-left: 0px !important;
	}
	/*Center Brand*/
	nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
		text-align: center !important;
		width: 100% !important;
		margin-left: 0px !important;
	}

	/*Center Icons*/
	nav.sidebar a {
		padding-right: 13px !important;
		min-width: 100px !important;
	}

	/*custom sidebar nav*/
	nav.sidebar ul.nav.navbar-nav {
		margin: 0 !important;
	}
	nav.sidebar.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: white !important;
	}

	/*adds border top to first nav box */
	nav.sidebar .navbar-nav>li:first-child {
		border-top: 1px #e5e5e5 solid !important;
	}

	/*adds border to bottom nav boxes*/
	nav.sidebar .navbar-nav>li {
		border-bottom: 1px #e5e5e5 solid !important;
	}
	/*adds background on hover*/
	nav.sidebar .navbar-nav>li:hover {
		color: #fff !important;
		background-color: #43600E !important;
	}
	/*removes border last element*/
	nav.sidebar .navbar-nav>li.last {
		border-bottom: none !important;
	}

	/* Colors/style dropdown box*/
	nav.sidebar .navbar-nav .open .dropdown-menu {
		position: static !important;
		float: none !important;
		width: auto !important;
		margin-top: 0 !important;
		background-color: transparent !important;
		border: 0 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	/*allows nav box to use 100% width*/
	nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
		padding: 0 0px 0 0px !important;
	}

	/*colors dropdown box text */
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #777 !important;
	}

	/*O quanto o menu irá esconder á esquerda*/
	/*gives sidebar width/height*/
	nav.sidebar {
		width: 200px !important;
		height: 100% !important;
		margin-left: -220px !important;
		float: left !important;
		z-index: 99999999 !important;
		margin-bottom: 0px !important;
	}

	/*give sidebar 100% width !important;*/
	nav.sidebar li {
		width: 100% !important;
	}

	/* Move nav to full on mouse over*/
	nav.sidebar:hover {
		margin-left: 0px !important;
	}
	/*for hiden things when navbar hidden*/
	.forAnimate {
		opacity: 0 !important;
	}
	.nav-side-menu .menu-list .menu-content {
		display: block !important;
	}
}

/* .....NavBar: Fully showing nav bar..... */
@media ( min-width : 1330px) { /*     Allow main to be next to Nav
    .main{
      width: calc(100% - 200px) !important; keeps 100% minus nav size
      margin-left: 200px !important;
    }

    Show all nav
    nav.sidebar{
      margin-left: 0px !important;
      float: left !important;
    }
    Show hidden items on nav
    nav.sidebar .forAnimate{
      opacity: 1 !important;
    } */
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus
	{
	color: #CCC !important;
	background-color: transparent !important;
}

nav:hover .forAnimate {
	opacity: 1 !important;
}

/*---- FIM SLIDE MENU*/
.nav-side-menu {
	overflow-y: auto !important;
	font-family: verdana !important;
	font-size: 12px !important;
	font-weight: 200 !important;
	background-color: #2e353d !important;
	position: fixed !important;
	top: 0px !important;
	width: 250px !important;
	height: 100% !important;
	/*---- COR DOS ICONES E TEXTO DO NAVBAR*/
	color: #e1ffff !important;
	width: 250px !important;
}

::-webkit-scrollbar {
	width: 1px !important;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
	border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}

.nav-side-menu .brand {
	background-color: #23282e !important;
	line-height: 70px !important;
	display: block !important;
	text-align: center !important;
	font-size: 20px !important;/*14*/
	line-height: 70px !important;
}

.nav-side-menu .toggle-btn {
	display: none !important;
}

.nav-side-menu ul, .nav-side-menu li {
	list-style: none !important;
	padding: 0px !important;
	margin: 0px !important;
	line-height: 35px !important;
	cursor: pointer !important;
	/*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome !important;
                 content: "\f053" !important;
                 display: inline-block !important;
                 padding-left:10px !important;
                 padding-right: 10px !important;
                 vertical-align: middle !important;
                 float:right !important;
            }
     }
*/
}

.nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before
	{
	font-family: FontAwesome !important;
	content: "" !important;
	display: inline-block !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	vertical-align: middle !important;
	float: right !important;
}

.nav-side-menu ul .active, .nav-side-menu li .active {
	border-left: 3px solid #d19b3d !important;
	background-color: #4f5b69 !important;
	border-top: 1px solid #23282e !important;
}

.nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active
	{
	color: #d19b3d !important;
}

.nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a
	{
	color: #d19b3d !important;
}

.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
	background-color: #181c20 !important;
	border: none !important;
	line-height: 28px !important;
	/*
	bordas dos submenus
	*/
	border-bottom: 1px solid #23282e !important;
	margin-left: 0px !important;
}

.nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover
	{
	background-color: #020203 !important;
}

.nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before
	{
	font-family: FontAwesome !important;
	content: "" !important;
	display: inline-block !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	vertical-align: middle !important;
}

.nav-side-menu li {
	padding-left: 0px !important;
	border-left: 3px solid #2e353d !important;
	border-bottom: 1px solid #23282e !important;
}

.nav-side-menu li a {
	text-decoration: none !important;
	color: #e1ffff !important;
}

.nav-side-menu li a i {
	padding-left: 10px !important;
	width: 20px !important;
	padding-right: 20px !important;
}

.nav-side-menu li:hover {
	border-left: 3px solid #d19b3d !important; /*#d19b3d*/
	background-color: #4f5b69 !important;
	-webkit-transition: all 1s ease !important;
	-moz-transition: all 1s ease !important;
	-o-transition: all 1s ease !important;
	-ms-transition: all 1s ease !important;
	transition: all 1s ease !important;
}

/*
MOBILE
*/
@media ( max-width : 767px) {
	.nav-side-menu {
		position: relative !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		height: 100%;
		overflow: hidden !important;
		z-index: 214748364 !important;
		top: 0 !important;
		position: -webkit-sticky !important;
		/* apenas chrome e webkit nightly */
	}
	.logoSistema {
		display: none !important
	}
	.pagina {
		margin-top: 60px !important;
	}
	.sidebar.navbar-fixed-top {
		/*
	FIXA NO TOPO

	*/
		position: -webkit-sticky !important;
		position: fixed !important;
		top: 0 !important;
		z-index: 9999999 !important;
	}
	.nav-side-menu .toggle-btn {
		display: block !important;
		cursor: pointer !important;
		position: absolute !important;
		right: 10px !important;
		top: 10px !important;
		z-index: 9999999 !important;
		padding: 3px !important;
		width: 40px !important;
		text-align: center !important;
	}
	.brand {
		text-align: left !important;
		font-size: 22px !important;
		padding-left: 20px !important;
		line-height: 50px !important;
	}
	
	.nav-side-menu .brand {

	line-height: 50px !important;
	font-size: 22px !important;/*14*/
}
	
	.menu-list {
		overflow: auto !important;
	}
}

/*
@media ( min-width : 767px) {
	.nav-side-menu .menu-list .menu-content {
		display: block !important;
	}
}
*/
body {
	margin: 0px !important;
	padding: 0px !important;
}