/* css reset */

body {    
    margin: 0 !important;
    padding: 0 !important;
}

* {
padding:0;
margin:0;
vertical-align:baseline;
list-style:none;
border:0
}


/* folha de estilos do portal de acompanhamento do cliente */
/* marco  2016 */

body {
	font-size: 14px;
	color: #606060;
	background: #fff;
	font-weight: normal;
	font-family: 'Source Sans Pro', sans-serif;
	background: rgb(219,219,219); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


/* titulos */

h1 { font-size: 12px; font-weight: 300; margin: 13px 10px 5px 10px; }
h2 { font-size: 16px; font-weight: 600; margin: 5px 10px;}
h3 { font-size: 16px; font-weight: 900; color: #7f0001; text-transform: uppercase; margin-bottom:  5px;}
#login h3 { text-align: center; padding-bottom: 10px; }
h4 { font-size: 14px; font-weight: 900; margin: 8px 3px 3px 3px;}
h5 { font-size: 12px; font-weight: 300; margin: 3px;}
h6 { font-size: 14px; font-weight: 600; color: #7f0001; margin: 0;}



/* background secundario do portal */

div.background {
	width: 100%;
	height: 100%;
	background: url('../imagens/bg_2.png') top left no-repeat;
}


/* cabecalho */

header { width: 100%; }

header .navbar {
	width: 100%;
	height: 63px;
	border: 2px solid #e0e0e0;
	clear: both;
	color: #fff;
	background: -moz-linear-gradient(left, rgba(142,142,144,0.5) 0%, rgba(88,89,91,0.76) 51%, rgba(142,142,144,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(142,142,144,0.5) 0%,rgba(88,89,91,0.76) 51%,rgba(142,142,144,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(142,142,144,0.5) 0%,rgba(88,89,91,0.76) 51%,rgba(142,142,144,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808e8e90', endColorstr='#8e8e90',GradientType=1 ); /* IE6-9 */

}

header .navbar-nav > li > a { color: #fff !important; }
header .navbar-nav > li { margin-top: 5px; }

header .navbar .navbar-brand { padding: 5px 5px; }


/* container do conteudo */

.container {
	width: 95%;
	margin: 0 auto;
	height: 100%;
	padding-top: 10px;
}

/* rodape */

footer { width: 100%; clear: both; text-align: right; }
footer p { padding-top: 20px; font-size: 12px; font-weight: 300; }


/* menu lateral */

aside { width: 255px; float: left; }
aside #marcacliente { display: block; float: left; width: 80%; height: 50px; margin: 10px 0; text-indent: 5000px; }

#menu {
	width: 100%;
	min-width: 215px;
	float: right;
	display: block;
}

#menu li {
	height: 60px;
	padding: 5px;
	border-style: solid;
	border-color: #fff;
	border-radius: 5px 0 0 5px;
	border-width: 2px 0 2px 2px;
	margin-top: 10px;
	list-style: none;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(212,212,212,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(212,212,212,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=1 ); /* IE6-9 */
}

#menu li.active {
	background: #ffffff; 
}

#menu li:hover {
	cursor: pointer;
}

#menu span { 
	background: url('../imagens/ic_versao.png') top left no-repeat; 
	margin-right: 5px;
	float: left;
	width:  50px;
	height: 50px; 
}

#menu span.ic_versao 		{ background: url('../imagens/ic_versao.png') top left no-repeat; }
#menu span.ic_extrato 		{ background: url('../imagens/ic_extrato.png') top left no-repeat; }
#menu span.ic_ambientes 	{ background: url('../imagens/ic_ambientes.png') top left no-repeat; }
#menu span.ic_notasrelease 	{ background: url('../imagens/ic_notasrelease.png') top left no-repeat; }
#menu span.ic_entregas 		{ background: url('../imagens/ic_entregas.png') top left no-repeat; }
#menu span.ic_planejamento	{ background: url('../imagens/ic_planejamento.png') top left no-repeat; }

#menu div.itemmenu { display: inline-block; float: left; }


/* conteudo */

section { 
	width: auto; 
	min-height: 500px;
	margin-left: 255px;
	overflow: hidden;
	background: #f8f8f8;
	box-shadow: 2px 5px 2px #ccc;
	padding: 5px 20px;
	border-style: solid;
	border-color: #fff;
	border-radius: 5px;
	border: 2px solid #fff;
}

/* tabela */

section .table { font-size: 14px; line-height: 14px; }
section .table > tbody > tr > td { padding: 3px 8px; vertical-align: middle; }
section .table > thead > tr > th { background: #7f0001; color: #fff; padding: 3px 8px; vertical-align: middle; }

/* texto em destaque na tabela */
td span.destaque { color: #7f0001; font-weight: bold; width: 100%; display: block; float: left; }

/* sobreposicao bootstrap - zebrado */
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #e8e8e9; }


/* formulario */

form { margin-top: 30px; }

/* sobreposicao bootstrap - botoes */
form .btn {
	padding: 3px 10px;
	margin-top: 20px;
}

/* marcacao de campos obrigatorios em labels */

form label.obrigatorio::before {
	content: "* ";
	color: #7f0001;
}

/* campo de texto entre inputs */

form .input-group-addon { width: 30px; }

form .input-date { width: 100px; text-align: center; }
form .select-status { width: 200px; }



/* sobreposicao bootstrap - botao de opcoes */
.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background: none;
	color: inherit;
}

/* imagem da home - marca do sistema */
#marca { margin: 50px auto; }

/* alinhamento de textos e conteudo de div */
.alignCenter	{ text-align: center; }
.alignRight		{ text-align: right; }



/* sobreposicao do tema - tela de login */

div.container-signin { background: #e8e8e8; }


/* tela de login */

.novasenha { margin-top: 20px; }


/* logo dos clientes */

#marcacliente[class='2'] { background: url('../imagens/cliente_linkdata.png') top left no-repeat; }
#marcacliente { background: none; }

/* pagina de atualizacao de versao */

#frmPesquisa select { width: 420px; border: 1px solid #ccc; }
#frmPesquisa .col-sm-2	{ width: 20% !important; }

/* altura da janela modal */

.modal-dialog {
    margin: 150px auto;
}

/* popup de calendario */

span.popupDate {
	position: absolute;
	z-index: 1000;
}

span.popupDate #calendario {
	background-color: #e6e7e8;
	border: solid 1px #a0972d;
	box-shadow: 3px 3px 3px 3px grey;
}

#calendario tr.navegacao {
	background-color: #ffffff;
}

#calendario tr.navegacao table { width: 100%; color: #58595b; }
#calendario tr.navegacao table tr td { text-align: center; }
#calendario tr.navegacao table tr td.fechar { 
	text-align: right;
	padding: 0px 1px; 
}
#calendario tr.mes { background-color: #e0e1a6; border-top: 1px solid #999933;}
#calendario tr.mes td {
	text-align: center;
	padding: 0px 2px;
}

#calendario tr.semana { background-color: #58595b; }

#calendario tr.semana td {
	font-size: 10px;
	padding: 1px;
	color: #fff;
	width: 14%;
}

#calendario tr.dia { background-color: #ffffcc; }
#calendario tr.dia td {
	padding: 1px;
	text-align: center;
}

button + button { margin-left: 6px !important; }



/*css para a tabela das notas de release */

table.popup {
	width: 100%;
	margin-top: -20px;
	margin-bottom: 20px;

}

table.popup tr { min-height: 20px; }
table.popup tr td { vertical-align: middle; padding: 2px; }
table.popup tr td button { margin-left: 6px; }



button.principal 	{ background: #7f0001; border-color: #7f0001; }
.principal:hover 	{ background: #7f0001; border-color: #7f0001; }


/* css para impressao */
@media print {
	* {
		color:#000 !important;
		text-shadow:none !important;
		filter:none !important;
		-ms-filter:none !important;
	}

	body {
		margin:0;
		padding:0;
		background:transparent;
	}

	nav, footer, video, audio, object, embed, button { 
	display:none !important; 
	}

	img {
		max-width: 100%;
	}

	.table > tbody > tr > td, .table > tbody > tr > th {
		border: 1px solid #999999;
	}

}