/*
 *
 * @ref		Arquivo de CSS customizado para novo layout
 * @projeto	Front-end Compras
 * @data	mar/2018
 *
 */

/* Base */
* {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	font-family: 'Open Sans', 'Verdana', sans-serif;
	font-size: 11px;
	*font-size: 10px;
	color: #666;
	text-shadow: none !important;
	outline: none;
}

/* Principais */
body {
	background: #eee;
	padding: 0;
	min-width: 1100px;
}
body #body {
	width: 78%;
	padding-top: 30px;
	margin-right: 2px;
}

/* Header */
#header {
	width: 100%;
	min-width: 1000px;
	height: auto;
	background: #fff !important;
	box-shadow: 2px 2px 3px #ccc;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	position: relative;
	display: block;
	z-index: 2;
}

#header .oldHeader {
	display: none;
}
#header .newHeader {
	display: block;
}
#header .logo {
	width: 270px;
	height: 60px;
	float: left;
	background: #3498db;
	margin-right: 5px;
}
#header .logo span{
	display: table-cell;
	width: auto;
	height: 60px;
	vertical-align: middle;
	color: #fff;
	cursor: default;
	padding: 0 10px;
	*display: block;
	*padding: 10px 10px 0;
}
#header .logo img{
	height: 60px;
	float: left;
}
#header .titulo{
	margin: auto;
	display: table;
}
#header .titulo p{
	width: auto;
	height: 50px;
	line-height: normal;
	font-size: 12px;
	padding: 5px;
	cursor: default;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*padding: 8px 0 0;
}

/* Login */
#login {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
#login form {
	display: block;
	padding: 50px;
}
#login .login {
	display: inloblock;
	margin: 40px auto 0;
	width: 430px;
	height: auto;
	border:  1px solid #ccc;
	background: #fff;
	border-radius: 5px;
}
#login .login .form{
	padding: 20px 100px 20px 65px;
	display: block;
}
#login .login .form tr td {
	padding: 0;
	background: none;
}
#login .login .form i{
	font-style: normal;
	*float: left;
}
#login .login h3{
	margin-top: 10px;
	display: block;
	text-align: center;
	margin-bottom: 10px;
	font-size: 16px;
}

#login .login hr{
	border: 0;
	border-top: 1px solid #ccc;
}

#login .login .form label{
	display: block;
	margin-bottom: 10px;
}
#login .login .aviso{
	display: inline-block;
	vertical-align: top;
	width: 390px;
	height: auto;
	padding: 30px;
	*float: right;
}

#login .login .form h3{
	font-size: 16px;
}
#login .login .form label {
	display: block;
	border:  1px solid #ccc;
	color: #808080;
	height: 28px;
	line-height: 28px;
	width: 301px;
}
#login .login .form label span {
	display: block;
	width: 28px;
	height: 28px;
	float: left;
	background-color: #ccc;
	background-position: center;
	background-repeat: no-repeat;
}
#login .login .form label span.iconLogin {
	background-image: url(../images/layout/novo-layout/iconLogin1.png) !important;

}

.linha-vertical {
	height: 28px;
	border: 0;
	border-left: 1px solid #ccc;
}
#login .login .form label span.iconSenha {
	background-image: url(../images/layout/novo-layout/iconSenha1.png) !important;
}
#login .login .form .PaginaInputLogin{
	display: block;
	text-indent: 5px;
	height: 25px;
	line-height: 25px;
	border:  none;
	background: none;
	color: #333;
	width: 260px !important;
	float: right;
	margin: 1px;
	font-family: 'Open Sans', 'Verdana', sans-serif;
}
#login .login .form .BarraAcaoBotaoLogin {
	display: block;
	width: 50%;
	cursor: pointer;
	padding: 0;
	color: #fff;
	background: #F57C00;
	height: 30px;
	border-radius: 5px;
	border: none;
	margin-top: 20px;
	text-align: center;
	font-family: 'Open Sans', Verdana !important;
}

.botao{
	padding: 0px 0px 0px 90px;
}

#login .login .form .BarraAcaoBotaoLogin:hover {
	background: #e77500
}
#login a {
	font-family: 'Open Sans', 'Verdana', sans-serif;
	font-size: 11px;
	text-decoration:none !important;
}

#login .login .form label span{
	background-color: white !important;
}

	/* Titulo */
#topsection {
	display: none;
}
#title {
	background: #fff;
	display: block;
	margin: 0 0 17px 0;
	padding: 5px 0 0 270px;
	box-shadow: none;
	text-indent: 10px;
	font-size: 18px;
	border-bottom: 1px solid #d6d6d6;
	width: auto;
}
#title.full {
	margin-left: 0;
	padding-left: 0;
}
#title p {
	font-family: 'Open Sans', 'Verdana', sans-serif;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
	color: #78909c;
	padding-top: 2px;
	cursor: default;
}
#title .badge-notificacao {
	border: none;
}
/* Menu */
#menusection {
	width: 270px;
	background: #fff;
	box-shadow: 2px -3px 3px #ccc;
	padding-top: 8px;
	position: relative;
	height: 100%;
	margin-top: -57px;
}
#menusection:before{
	content:'';
	width: 270px;
	height:100%;
	background: #fff;
	display:block;
	position: fixed;
	z-index: -1;
	top:0;
	left:0;
	box-shadow:  2px 2px 3px #ccc;
}
#menusection .rich-pmenu-group,
#menusection .rich-pmenu-group tr,
#menusection .rich-pmenu-group td,
#menusection .rich-pmenu-item,
#menusection .rich-pmenu-item tr,
#menusection .rich-pmenu-item td,
#menusection .rich-pmenu-top-group-div {
	background: #fff;
	border: none;
}
#menusection .rich-pmenu-group td {
	/*background: url(../images/layout/novo-layout/seta-simples.png) no-repeat right 0px;*/
	font-size: 14px;
	padding: 10px 0 10px 12px;
	color: #333;
}

#menusection .rich-pmenu-item-icon, #menusection .rich-pmenu-top-group-self-icon {
	display: none;
}
#menusection .rich-pmenu-item-label {
	font-size: 11px;
	color: #666;
	font-weight: bold;
	padding: 2px 0 2px 20px;
}
#menusection .rich-pmenu-item-label:hover,#menusection .rich-pmenu-top-group-self-label:hover {
	color: #000;
}

/* Content */
#contentsection {
	margin-left: 270px;
	padding: 0 10px 30px;
}

/* Mains */
#mainContratoSection,
#mainContratoEspecialSection {
	border: none !important;
	padding:0 !important;
	width:100% !important;
}

/* Rodapé */
.rodape {
	background: #263238;
	padding: 19px 0;
	z-index: 1;
	position: relative;
	margin-top:  0;
	display: flex;
	justify-content: space-between;
}
.rodape input[type=submit],.rodape  p {
	color: #ccc;
	font-family: 'Open Sans', 'Verdana', sans-serif;
	font-size: 10px;
	padding: 0 10px;
}
.rodape  p {
	cursor:default;
}

/* Modal */
.rich-mpnl-header {
	padding: 5px 10px;
	color: #fff;
}
.rich-mpnl-controls {
	top: 7px;
	right: 7px;
	cursor: pointer;
}

.rich-mpnl-text.rich-mpnl-controls span {
	color:#fff;
}

.rich-calendar-popup {
	background: #fff !important;
}

.warning-modal .rich-mp-content-table .rich-mpnl-header-cell .rich-mpnl-header {
	background: #666 !important;
	text-align: center;
}
.warning-modal .rich-mp-content-table .rich-mpnl-body {
	vertical-align: middle!important;
	display: flex;
	height: 100%;
	justify-content: center;
	flex-direction: column;
}
.warning-modal .rich-mp-content-table .rich-mpnl-body table {
	display: flex;
	justify-content: center;
}
.warning-modal .canc-button:hover{
	font-weight: bold!important;
	color: #FFF!important;
	background-color: #da3a3a !important;
	transition: .3s;
}

.warning-modal .conf-button:hover{
	color: #FFF!important;
	background-color: #247d24;
	transition: .3s;
}
.warning-modal .message-class{
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.warning-modal .btn-default {
	width: 120px;
	height: 30px;
	background: #FFF;
	border: solid 1px;
	font-weight: bold!important;
	transition: .3s;
	margin-right: 10px;
	margin-left: 10px;
}

.warning-modal .canc-button {
	border-color:#da3a3a !important;
	color:#da3a3a !important;
}
.warning-modal .conf-button {
	border-color: #247d24;
	color: #247d24;
}

#inconsistenciaDialogForm span {
	display:block;
	margin-bottom: 10px;
}

/* Menu direito */
#contentsection .rich-pmenu-top-group, #contentsection .workflow-header {
	background: #78909c !important;
	color:#fff;
	font-family: 'Open Sans', 'Verdana', sans-serif;
}
#contentsection .rich-pmenu-group {
	padding-top:5px;
	padding-bottom:5px;
}
#contentsection .rich-pmenu-top-group-self-label {
	color: #fff;
}
#contentsection .rich-pmenu-item.rich-pmenu-hovered-element,#contentsection .rich-pmenu-group.rich-pmenu-hovered-element {
	background: #e6e6e6;
}
#contentsection .rich-pmenu-selected-element{
	cursor: default;
}
#contentsection .rich-pmenu-top-group-div,#contentsection .workflow-body{
	background:#fff;
	padding-bottom:  20px;
}
#contentsection .workflow-body {
	padding: 10px 20px;
}

/* Fieldset */
fieldset {
	display: block;
	background: #fff;
	padding: 20px;
	border: 1px solid #ccc;
	margin: 20px 0 0;
	max-width: 100%;
	overflow: auto;
}

fieldset legend {
	background: #d6d6d6;
	font-family: 'Open Sans', 'Verdana', sans-serif;
	color: #333 !important;
	font-size: 12px;
	font-weight: 400  !important;
	height: 30px;
	line-height: 30px;
	cursor: default;
	padding: 0 15px;
	margin: 0 0 0 -10px;
	border-radius: 3px;
}
fieldset#execucaoFS {
	padding: 23px;
}
.fdt-quadro {
	margin-top: 15px;
	margin-bottom: 10px;
	border-color: #C0C0C0;
}
.rich-tab-active {
	color: #000;
	font-weight: bold;
	background-image: url(/sigacontrato/a4j/g/3_3_3.Finalorg.richfaces.renderkit.images.TabGradientA/DATB/eAH7f-!Y!!!!GQEZCgWi.jsf);
}
.rich-tab-inactive {
	background-color: #78909c;
	border-color: #78909c;
	color: #fff;
	background-image: none;
}
.rich-tabpanel-content {
	padding: 15px 10px 0 10px;
	border-color: #78909c;
}
.rich-tab-bottom-line {
	border-bottom-color: #78909c;
}
.rich-tabhdr-side-border {
	background-color: #78909c;
}
.rich-tabhdr-side-cell {
	border-color: #78909c;
}

/* Itens de form */
input[type=text] {
	width: 100%;
	margin: 2px 0 5px;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	font-family: 'Open Sans', Verdana !important;
	text-indent: 1%;
	height: 24px;
}
input[type=checkbox] {
	margin: 0 2px 0 0;
	vertical-align: sub;
}
input[type=radio] {
	margin: 0 2px 0 0;
	vertical-align: sub;
}
textarea {
	width: 98% !important;
	margin: 2px 0 5px;
	border: 1px solid #999;
	border-radius: 4px;
	padding: 10px 1%;
	background: #fff;
	font-family: 'Open Sans', Verdana !important;
}
textarea.tooltip-text-area {
	padding: 0;
}
select {
	width: 100% !important;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	font-family: 'Open Sans', Verdana !important;
	-webkit-appearance:menulist !important;
	cursor: pointer;
}

input.rich-calendar-input  {
	width: 65px !important;
}

/* Botões */
input.search-button, input.cancel-button,
input.save-button, a.save-button, input.print-button, input.clean-button,
input[value=Encaminhar],input[value=Receber],input[value=Voltar],
#dialogInconsistenciasMPContentTable input[type=button],
.rich-fileupload-button-content {
	background: #78909c!important;
	color: #fff !important;
	font-weight: 300 !important;
	width: auto !important;
	height: 30px !important;
	line-height: 30px !important;
	vertical-align: middle !important;
	cursor: pointer !important;
	padding: 0 15px !important;
	margin: 4px 8px 4px 0 !important;
	border: none !important;
	font-size: 11px !important;
	display: inline-block;
	border-radius: 0;
	font-family: 'Open Sans', 'Verdana', sans-serif;
	box-shadow: none;
}
input[disabled=disabled] {
	cursor: default !important;
	opacity: 0.7;
}

input.search-button:hover, input.save-button:hover,
input.print-button:hover, input.clean-button:hover,
input[value=Encaminhar]:hover,input[value=Receber]:hover,input[value=Voltar]:hover,
#dialogInconsistenciasMPContentTable input[type=button]:hover,
.rich-fileupload-button-light .rich-fileupload-button-content {
	background: #61747d !important;
}
input.cancel-button,
input[value=Cancelar],
input[value=Cancelar]:hover,
input[value=Limpar],
input[value=Limpar]:hover,
#dialogInconsistenciasMPContentTable input[value=Fechar],
#dialogInconsistenciasMPContentTable input[value=Fechar]:hover {
	background: none!important;
	color: #666!important;
	box-shadow: none !important;
	font-weight: 300 !important;
}

/* Upload */
.rich-fileupload-button-dis,
.rich-fileupload-toolbar-decor tr {
	padding: 0;
}
.rich-fileupload-button-dis .rich-fileupload-button-content,
.rich-fileupload-button-dis:hover  .rich-fileupload-button-content{
	background: #aaa !important;
	padding: 0;
}
.rich-fileupload-list-decor,.rich-fileupload-toolbar-decor,
.rich-fileupload-toolbar-decor tr, .rich-fileupload-toolbar-decor td,
.rich-fileupload-button-light, .rich-fileupload-button-press, .rich-fileupload-button-border, .rich-fileupload-button {
	background: none;
	border: none;
	padding:0;
	margin:0;
}
.rich-fileupload-hidden {
	width: 100%;
	height: 38px;
	cursor: pointer;
	opacity: 0 !important;
}

/* Input width auto */
#showColumns select, input.w-auto {
	width: auto !important;
}

/* Tabelas */
fieldset table.form tr td {
	background: none;
}
fieldset table.form tr td.label {
	vertical-align: middle;
}
fieldset table.form .value tr td{
	padding: 0;
}
fieldset table.rich-table  {
	border-top:2px solid;
	border-bottom:2px solid;
	margin: 10px 0;
}
table.rich-table  {
	border-collapse: collapse;
	width: 100%;
}
table .rich-table-cell, table .rich-table-footercell, table .rich-table-headercell  {
	font-family: 'Open Sans', 'Verdana', sans-serif !important;
}
table.rich-table  tr th,
table.rich-table  tr td  {
	padding: 5px;
	border: 1px solid #ccc;
}
table.rich-table  tr:hover th,
table.rich-table  tr:hover td,
table tr.extdt-subheader {
	background: #fafafa;
}
table.rich-table table tr th,
table.rich-table table tr td  {
	border: none;
	padding: 0;
}
table.rich-table  tr th {
	background: #fafafa;
	text-align: center;
	font-weight: 600;
	color: #000;
}
table.rich-table tr th div,
table.rich-table tr th span,
table.rich-table tr th label,
table.rich-table tr tr div,
table.rich-table tr tr span,
table.rich-table tr tr label {
	color: #000;
}
table.rich-table table tr th.rich-table-subheadercell,
table.rich-table table tr td.rich-table-cell {
	border: 1px solid #ccc;
	padding: 5px;
}
table .pnl-padrao-linha {
	background: none;
}
table.titulo-contrato-especial-tabela, table.titulo-contrato-tabela {
	border-collapse: collapse;
	background: #fff;
}
table.titulo-contrato-especial-tabela tr td, table.titulo-contrato-tabela tr td {
	border-collapse: collapse;
	background: #fff;
	border:1px solid #ccc;
}
table.form-no-border td  {
	background: none;
	vertical-align: middle !important;
}
table.rb-alt-cont-esp {
	margin-left: -7px;
}

/* Paginação */
.rich-table-footer, .rich-table-footercell{
	border: none;
	background: #f4f4f4 !important;
	border-bottom-color: #f4f4f4;
	border-right-color: #f4f4f4;
}
.rich-dtascroller-table {
	width: auto !important;
	border-collapse: collapse;
}

.rich-dtascroller-table td {
	padding: 3px;
	border: 1px solid #d6d6d6 !important;
	background: #fff !important;
}
.rich-table-footer:hover .rich-dtascroller-table tr {
	background: #fff;
}

.rich-datascr-button {
	width: 18px;
}

.rich-datascr-button-dsbld, .rich-datascr-inact {
	color: #ccc;
}

.form-no-border tr .label, .form-no-border tr .value {
	background: none;
}

/* Toolbar */
.toolbar-link.incluir {
	margin: 5px 0 0 5px;
	float: left;
	height: 9px;
}
.rich-toolbar {
	height: auto;
	background: #78909c;
	border: none;
	padding: 0;
	margin: 15px 0;
}
.rich-toolbar img {
	display: none;
}
.rich-toolbar .rich-toolbar-item {
	padding: 0;
}
.rich-toolbar .toolbar-link, .rich-toolbar a.save-button {
	width: auto;
	height: 15px !important;
	padding: 0 0 0 19px!important;
	margin: 8px 20px 10px 10px !important;
	border: none;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Open Sans', Verdana !important;
	font-size: 11px !important;
	font-weight: 300;
	cursor: pointer;
	color: #fff;
	background-color: none;
	line-height: 15px !important;
	font-weight: normal !important;
}
.rich-toolbar .rich-toolbar-item:hover,
.rich-toolbar .toolbar-link:hover {
	background-color: #78909c !important;
}
.rich-toolbar .toolbar-link.excluirPNCP {
	background-image: url("../images/actions/excluirPNCP.png") !important;
	background-repeat: no-repeat !important;
	background-position: 0 50% !important;
	margin-right: 0;
}
.rich-calendar-button  {
	margin-top: -6px;
}
.rich-panel-header {
	background: #78909c;
	font-family: 'Open Sans', Verdana !important;
}
.rich-spinner-input  {
	width: auto !important;
	border: none !important;
	height: auto !important;
	min-height: auto !important;
}
.rich-spinner-input-container{
	width: auto !important;
}
.rich-spinner-c{
	width: auto !important;
	height: auto !important;
	border: 1px solid #999 !important;
	border-radius: 4px !important;
	background: none;
}
#panelBottom, div.man-panel {
	background: none;
	padding:0;
	border:none;
}

/* Mensagens */
#msgsDiv, .msgsDiv, #msgsDiv1 {
	padding: 7px 0 !important;
	margin: 0;
	display: none;
	border: none;
	background: none;
	position: relative;
	z-index: 1;
}

ul.validationmsgs {
	padding: 0;
	margin: 0;
	background: none;
}

ul.validationmsgs li {
	padding: 1px 15px;
	margin: 0;
	cursor: default;
	background: none;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}

ul.validationmsgs li:first-child {
	padding-top: 10px;
	margin: 0;
	border-top: 1px solid #d6d6d6;
}

ul.validationmsgs li:last-child {
	padding-bottom: 10px;
	margin: 0;
	border-bottom: 1px solid #d6d6d6;
}

ul.validationmsgs li.info {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	background-image: none;
}

ul.validationmsgs li.warn {
	background-color: #fcf8e3;
	border-color: #faebcc;
	background-image: none;
}

ul.validationmsgs li.error {
	background-color: #fdf1f1;
	border-color: #f2dede;
	background-image: none;
}

ul.validationmsgs li.fatal {
	background-color: #fdf1f1;
	border-color: #f2dede;
	background-image: none;
}

.dropMessages {
	right: 10px;
	top: 50%;
	margin-top: -7px;
}

.dropMessages img {
	margin: 0;
	display: block;
}

/* Flexbox */
.flexbox {
	align-items: center;
}

/* Ajustes */
#descItem,
#codigoItem,
#naturezaDespesa {
	width:88% !important;
}
.rich-ddmenu-label-select {
	background: none !important;
	border: none !important;
}
.odd-row {
	background: none !important;
}
.active-row,.selected-row  {
	background: #fafafa !important;
}
.extdt-cell-div input,.extdt-cell-div select{
	width: 97% !important;
}
.rich-ddmenu-label-unselect,
.rich-ddmenu-label-select {
	padding: 0;
}
.rich-ddmenu-label-unselect .rich-label-text-decor,
.rich-ddmenu-label-select .rich-label-text-decor{
	height: 15px;
}
.rich-table-cell span,
.rich-ddmenu-label-unselect .rich-menu-item-label,
.rich-ddmenu-label-select .rich-menu-item-label {
	color: #000;
}
.rich-mpnl-text {
	font-family: 'Open Sans', 'Verdana', sans-serif;
}
.lbl-padrao-texto{
	margin-right: 10px;
	color: #000;
}
.rich-datascr-button-dsbld {
	color: #ccc;
}
.about td {
	color: #888888;
	width: 25%;
}
.about .row1 {
	background: #f1f1f1;
}
.about .row2, .about .row3 {
	background: #f6f6f6;
}

/* Recuperar e Alterar Senha */
.recuperarSenha h3{
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
	color: #249346 !important;
}

.recuperarSenha .form{
	padding: 20px 20px 0px 20px;
	display: block;
}

.recuperarSenha{
	display: inloblock;
	margin: 40px auto 0;
	width: 550px;
	height: auto;
	border:  1px solid #ccc;
	background: #fff;
	border-radius: 25px;
}

#login .login .form label span.iconIdentificacao {
	background-image: url(../images/layout/novo-layout/identificacaoDoc1.png) !important;
}
.esqueceu-senha {
	float: right;
	color: #5f5d5d !important;
}

.BotaoEnviar {
	cursor: pointer !important;
	padding: 0 !important;
	color: #969696 !important;
	background-color: white !important;
	background-image: none !important;
	height: 20px !important;
	font-family: 'Open Sans', Verdana !important;
	margin: 9px 0px 0px 40px !important;
	display: block !important;
	text-align: center;
}

.recuperarSenha .form .BotaoEnviar:hover {
	background: #e77500 !important;
}

.recuperar{
	height: auto;
	float: left;
	clear: both;
	display: inloblock;
	margin: 40px auto 0;
	width: 500px;
	border:  1px solid #ccc;
	background: #fff;
}

.previaTexto {
    width: 250px !important; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: block;
    position: absolute;
}

.rich-tool-tip {
    background-color: white !important;
    border-color: white !important;
}


.campo-invalido{
    border-color:red !important;
}

.campo-invalido-botao{
    border-style:solid !important;
    border-color: red !important;
    border-width: 1px !important;
}