@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,700italic,400,300,600,700); */
/* Variáveis */
/*@gray-light:		#EDF0F5;*/
/*@navbar-primary-color:             #CFE1F1;
@navbar-primary-bg:                #3276B1;
@navbar-primary-border:            darken(@navbar-primary-bg, 6.5%);

// Navbar links
@navbar-primary-link-color:                #1088C2;
@navbar-primary-link-hover-color:          #333;
@navbar-primary-link-hover-bg:             transparent;
@navbar-primary-link-active-color:         #0E77A9;
@navbar-primary-link-active-bg:            darken(@navbar-primary-bg, 6.5%);
@navbar-primary-link-disabled-color:       #9AC0E2;
@navbar-primary-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-primary-brand-color:               @navbar-primary-link-color;
@navbar-primary-brand-hover-color:         darken(@navbar-primary-brand-color, 10%);
@navbar-primary-brand-hover-bg:            transparent;

// Navbar toggle
@navbar-primary-toggle-hover-bg:           #C1DDEC;
@navbar-primary-toggle-icon-bar-bg:        #1298D8;
@navbar-primary-toggle-border-color:       #C1DDEC;*/
/*---------------------------------------------------
		LESS Elements 0.9
	---------------------------------------------------
		A set of useful LESS mixins
		More info at: http://lesselements.com
	---------------------------------------------------*/
@media screen{
	html {
		height: 100%;
	}
	body {
		height: 100%;
	}
	body {
		background-color: #DDE2E6;
		background-image: none;
		background-position: top;
		background-size: 100%;
		color: #000;
		font-family: 'Open Sans', sans-serif, Calibri !important;
		font-style: normal;
		font-weight: 300;
		font-size: 1.4em;
		margin: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
		text-align: center;
	}
	#wrapper {
		/* background: @body-background; */
		position: relative;
		text-align: left;
		margin: 0px auto;
		min-height: 100%;
		width: 100%;
	}
	* html #wrapper {
		height: 100%;
	}
	#conteudo {
		padding-bottom: 30px;
	}
	#top {
		border-bottom: #999 1px dotted;
		font-size: 120%;
		height: 75px;
		/* padding-top: 2px; */
		text-align: center;
		width: 100%;
		/* line-height: 45px; */
	}
	#top .navbar-nav {
		position: relative !important;
		top: 10px !important;
	}
	#top .container {
		height: inherit;
	}
	#top .container .navbar-header {
		height: inherit;
	}
	#logo-header {
		min-height: 133px;
		/* width: 100%; */
		padding-top: 50px !important;
		padding-bottom: 20px !important;
	}
	#principal {
		padding-top: 120px;
		/* text-align: center; */
	}
	#menu {
		background: rgba(255, 255, 255, 0.7) !important;
	}
	#menu .footer {
		background: #000;
		min-height: 20px;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-topleft: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		border-top-left-radius: 0;
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		margin-bottom: 5PX;
	}
	#menu .separator {
		min-height: 2px;
	}
	/* text-shadow
		text-shadow: h-shadow v-shadow blur color|none|initial|inherit;

		** Property Values
		Value		Description
		h-shadow	Required. The position of the horizontal shadow. Negative values are allowed
		v-shadow	Required. The position of the vertical shadow. Negative values are allowed
		blur		Optional. The blur distance
		color		Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values
		none		Default value. No shadow
		initial		Sets this property to its default value. Read about initial
		inherit		Inherits this property from its parent element. Read about inherit
	/text-shadow */
	/* make sidebar nav vertical */
	@media (min-width: 768px) {
		.sidebar-nav .navbar .navbar-collapse {
			padding: 0;
			max-height: none;
		}
		.sidebar-nav .navbar ul {
			float: none;
			display: block;
		}
		.sidebar-nav .navbar li {
			float: none;
			display: block;
		}
		.sidebar-nav .navbar li:hover {
			background: #e1ebf5;
		}
		.sidebar-nav .navbar li a {
			padding-top: 5px;
			padding-bottom: 5px;
		}
	}
	#footer {
		background: #0c5e85;
		position: absolute;
		bottom: 0px;
		min-height: 200px;
		text-align: center;
		width: 100%;
		color: #fff;
		padding: 10px;
	}
	#footerSYS {
		background: #0c5e85;
		position: relative;
		bottom: 0px;
		min-height: 200px;
		text-align: center;
		width: 100%;
		color: #fff;
		padding: 10px;
	}
	#form-login {
		padding: 7px;
	}
	#clock {
		background: #0c5e85;
		border: #000 0px solid;
		position: fixed;
		padding: 0px 5px 5px 20px;
		top: 60px;
		right: 15px;
		width: 200px;
		height: auto;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-topleft: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 0;
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
	.clear {
		clear: both;
	}
	.btn-toolbar {
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.btn-search {
		-webkit-border-top-right-radius: 50px !important;
		-webkit-border-bottom-right-radius: 50px !important;
		-webkit-border-bottom-left-radius: 0 !important;
		-webkit-border-top-left-radius: 0 !important;
		-moz-border-radius-topright: 50px !important;
		-moz-border-radius-bottomright: 50px !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-topleft: 0 !important;
		border-top-right-radius: 50px !important;
		border-bottom-right-radius: 50px !important;
		border-bottom-left-radius: 0 !important;
		border-top-left-radius: 0 !important;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin-left: -3px;
	}
	.form-control {
		border-color: #0c5e85;
	}
	.input-search {
		-webkit-border-top-right-radius: 0px !important;
		-webkit-border-bottom-right-radius: 0px !important;
		-webkit-border-bottom-left-radius: 50px !important;
		-webkit-border-top-left-radius: 50px !important;
		-moz-border-radius-topright: 0px !important;
		-moz-border-radius-bottomright: 0px !important;
		-moz-border-radius-bottomleft: 50px !important;
		-moz-border-radius-topleft: 50px !important;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-bottom-left-radius: 50px !important;
		border-top-left-radius: 50px !important;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		font-size: inherit !important;
		font-size: inherit;
		border-right: none;
	}
	.dropdown-menu{
		background-color: #0c5e85 !important;
	}
	.dropdown-menu .divider {
		background-color: #2d78a4;
	}
	.dropdown-menu > li > a{
		color: #6a98bd;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		text-decoration: none;
		color: #5ea3da;
		background-color: #084563;
	}
	.navbar {
		padding-bottom: 0px !important;
		padding-left: 2px;
		padding-right: 2px;
		margin-bottom: 0px !important;
	}
	.navbar-default {
		background: #0c5e85;
		border: #3276b1 1px solid;
		color: #fff;
	}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
		color: #5ea3da;
		background-color: #084563;
	}
	.navbar-default .navbar-nav > li > p {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #fff !important;
		background-color: rgba(255, 255, 255, 0) !important;
	}
	.navbar-default .navbar-nav > li > a {
		color: #fff !important;
	}
	.navbar-default .navbar-brand {
		color: #FFFFFF !important;
	}
	.navbar-inverse {
		background-color: #000000 !important;
		border-color: #000000 !important;
	}
	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border: none !important;
		margin: auto !important;
	}
	.navbar-inverse .navbar-collapse .pull-right,
	.navbar-inverse .navbar-form .pull-right {
		position: relative;
		top: 20px;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #DBDBDB;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		color: #FDEC3A !important;
		background-color: rgba(8, 8, 8, 0) !important;
		border-bottom: #FDEC3A 2px solid !important;
		/* #3276B1 */
	}
	.phone {
		color: #3276b1;
		font-size: 2em;
	}
	.blue {
		color: #3276b1;
	}
	.header-black {
		background: #000;
		padding: 2px 20px;
		color: #fff;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-topleft: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-left-radius: 3px;
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
	.header-blue {
		background: #3276b1;
		padding: 2px 20px;
		color: #fff;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-topleft: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-left-radius: 3px;
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
	.titulo-blue {
		background: #3276b1;
		padding: 2px 20px;
		color: #accbe8;
		/* margin: 2px; */
		text-shadow: 0px 0px 2px #000;
	}
	.form-consulta {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
	}
	.form-consulta label {
		margin: auto 5px auto auto;
	}
	.red {
		color: #ad0000;
	}
	.red-light {
		color: #db0000;
	}
	.blue {
		color: #3276b1;
	}
	.blue-light {
		color: #aacbe7;
	}
	.label {
		font-weight: normal !important;
	}
	.label-danger {
		background-color: #ad0000;
	}
	.row.login {
		border: #aacbe7 1px solid;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		-webkit-box-shadow: 0px 0px 5px #989899;
		-moz-box-shadow: 0px 0px 5px #989899;
		box-shadow: 0px 0px 5px #989899;
		background-color: #fff;
		width: 300px;
		margin: auto;
	}
	.row.principal {
		margin-left: -10px;
		margin-right: -10px;
	}
	.header-primary {
		background: #0c5e85;
		color: #fff;
		-webkit-border-top-right-radius: 2px;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-webkit-border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-topleft: 2px;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 2px;
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		height: 40px;
		padding: 10px;
	}
	.header-primary h1,
	.header-primary h2,
	.header-primary h3,
	.header-primary h4,
	.header-primary h5,
	.header-primary h6 {
		margin: auto;
		font-weight: normal;
		text-shadow: 0px 0px 3px #969696;
	}
	label.error {
		color: red;
	}
	/* button,
	select,
	input,
	input[type="submit"],
	input[type="password"],
	input[type="search"],
	input[type="text"],
	input[type="email"] {
		-webkit-border-radius: 2px !important;
		-moz-border-radius: 2px !important;
		border-radius: 2px !important;
	} */
	/* select,
	input[type="submit"],
	input[type="password"],
	input[type="search"],
	input[type="text"],
	input[type="email"] {
		height: 30px !important;
		.inner-shadow(1px, 1px, 5px, 0.2);
	} */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	label {
		font-weight: normal !important;
	}
	select {
		padding: 0px !important;
	}
}

@media print{
	body{
		font-size: 0.85em;
	}

	#footerSYS,
	.btn{
		display: none;
	}
}