html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Arial !important;
  font-size: 11px;
  color: #202020;
}
#form1,
#aspnetForm {
  margin: 0;
  padding: 0;
  height: 100%;
}
#container {
  min-height: 100%;
  position: relative;
}
#Content_masterPanel {
  margin-left: 10px;
  margin-right: 10px;
}
#body {
  padding-bottom: 34px;
  min-width: 600px;
}
#ConteudoGeral {
  /* min-height:100%;    position:relative;*/
  padding-bottom: 34px;
}
#Content_updDocumentsTotalNumber {
  text-align: left;
}
h2,
h3,
h4 {
  color: #003038;
}
h3 {
  border-bottom: 1px solid #00b0ca !important;
}
fieldset {
  border: 2px solid #b9e9f0;
  margin-bottom: 10px;
}
fieldset legend {
  color: #003038;
}
/* ########################### HEADER ########################### 
#################################################################
################################################################# */

.headerImg {
  background-image: url('imagens/header/header_imag_right.png');
  background-repeat: no-repeat;
  width: 500px;
  height: 75px;
}
.headerImgText {
  padding-top: 50px;
  padding-left: 50px;
  font-size: 14px;
  font-family: NeoSansLight;
  color: #00b0ca;
  font-weight: bold;
}
.HeaderBase {
  height: 75px;
}
.HeaderCinzaEsq {
  width: 0px;
  display: none;
}
.HeaderCinzaMeio {
  padding-left: 10px;
  padding-top: 6px;
  width: 200px;
  background-color: #f2f5f5;
  text-align: center;
}
.HeaderCinzaDir {
  width: 0px;
  display: none;
}
.btlogout {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #003038;
  background-color: #b9e9f0;
  padding-right: 12px;
  height: 23px;
  float: left;
  width: auto;
  min-width: 50px;
  border: none;
  cursor: pointer;
}
.btlogout:active {
  text-decoration: underline;
}
.idutilizador,
.HeaderTextoBranco {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #202020;
  height: 13px;
  padding-bottom: 4px;
}
/* 
#################################################################
############################# MENU ##############################
#################################################################
*/

#sombraMenu {
  height: 6px;
}
#menu {
  background-color: #b9e9f0;
  border-bottom: 2px solid #00b0ca;
  height: 30px;
}
#menu .Item {
  font-family: arial Black, arial !important;
  font-weight: bold;
  font-size: 12px !important;
  color: #202020;
  background-color: Transparent;
  border-collapse: separate;
  height: 32px;
}
#menu .ItemSelected,
#menu .ItemHover {
  color: white;
  background-color: #00b0ca;
}
#menu a,
#menu a:visited {
  background: transparent !important;
  /*display:block ! important;*/

}
#menu a:hover,
#menu a:active,
#menu a:focus {
  background: transparent !important;
  /*display: block ! important;*/

}
#menu .DynamicItem {
  font-family: Arial !important;
  font-size: 11px !important;
  font-weight: bold;
  color: White;
  background-color: #00b0ca;
  border: solid 1px #00b0ca;
  padding: 2px 3px 3px 5px;
  width: 150px;
}
#menu .DynamicItemSelected,
#menu .DynamicItemHover {
  font-family: Arial !important;
  font-size: 11px !important;
  font-weight: bold;
  color: white;
  background-color: #003038;
  border: solid 1px #003038;
  padding: 2px 3px 3px 5px;
}
#menu .DynamicItem .img {
  display: none;
}
#menu1_0,
#menu1_3,
#menu1_6,
#menu1_9,
#menu1_12,
#menu1_15,
#menu1_18 {
  display: none;
}
.MenuBase {
  height: 32px;
}
/* 
#################################################################
############################ Footer #############################
#################################################################
*/

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 34px;
  background-color: #b9e9f0;
  border-top: 1px solid #00b0ca;
  font-family: arial;
  font-size: 10px;
  font-style: normal;
  color: #202020;
  /*clear: both; 	padding: 10px 0px 0px 0px; 	margin: 25px 0px 0px 0px; 	display:inline-block; 	*/

}
#footer1 {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 34px;
  /* Height of the footer */

}
.AppName {
  text-align: left;
  padding-left: 25px;
  margin-top: 5px;
}
.CopyRight {
  text-align: right;
  padding-right: 10%;
}
.wrapper {
  background-color: #f2f5f5 !important;
}
/* 
#################################################################
########################## Breadcrumb ###########################
#################################################################
*/

.breadc {
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  color: #202020;
  text-decoration: none;
}
.breadc:active {
  color: #00b0ca;
}
/* 
#################################################################
########################### Tabs ################################
#################################################################
*/

.ajax__tab_header {
  padding-left: 5px;
  border-bottom: solid 0px #bfbfbf;
}
.ajax__tab_header .ajax__tab_tab {
  padding: 4px;
  margin: 0;
  margin-right: 2px;
  background: url(imagens/conteudos/folder_titulorepat_cinza.png);
  width: 116px;
  background-repeat: repeat-x;
  height: 18px;
  text-align: center;
  color: #003038;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
}
.ajax__tab_header .ajax__tab_outer {
  margin: 0px 0.16em 0px 0px;
  vertical-align: bottom;
  border: 0px !important;
}
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
  background-image: url(imagens/conteudos/folder_titulorepeat_select.png) !important;
  height: 20px;
  background-repeat: repeat-x !important;
}
.ajax__tab_header .ajax__tab_active .ajax__tab_inner {
  background-image: url(imagens/conteudos/folder_titulorepeat_select.png) !important;
  height: 20px;
  background-repeat: repeat-x !important;
}
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
  background-image: url('imagens/conteudos/folder_titulorepeat_select.png') !important;
  height: 12px;
  color: white;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
}
.ajax__tab_active .ajax__tab_outer {
  margin: 0px 0.16em 0px 0px;
  vertical-align: bottom;
}
.ajax__tab_body {
  padding: 8px;
  background-color: white;
  border-bottom: solid 2px #00b0ca;
  border-top-width: 0;
  font-family: Arial !important;
}
.ajax__tab_body div {
  padding: 0px;
}
.ajax__tab_body div.formDiv.dL {
  font-weight: bold !important;
  vertical-align: -webkit-baseline-middle;
}
/* 
#################################################################
######################### Tabelas ###############################
#################################################################
*/

.titulotab {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: white;
}
.txttab {
  font-family: arial;
  font-size: 11px;
  font-style: normal;
  color: #202020;
}
.navegacaotab {
  font-family: arial;
  font-size: 10px;
  font-style: normal;
  color: #202020;
}
.navegacaotab:active {
  color: white;
}
.tabela,
.gridView {
  width: 100%;
  margin: 5px 0 10px 0;
  border-width: 0px;
  border-bottom: solid 1px #b9e9f0;
  background-color: #f2f5f5;
}
.tabela tr,
.gridView tr {
  border: none;
  border-bottom: solid 2px white;
}
.tabela td,
.gridView td {
  font-family: arial;
  font-size: 11px;
  font-style: normal;
  border-top: none;
  border-bottom: none;
  border-left: solid 2px white;
  border-right: solid 2px white;
  color: #202020;
  height: 21px;
  padding: 1px 3px 1px 3px;
}
.tabela th,
.gridView th,
.resultsHeader td {
  font-family: arial;
  font-size: 11px !important;
  font-weight: bold;
  padding-left: 4px;
  background-color: #003038 !important;
  height: 21px !important;
  border-left: solid 2px white;
  border-right: solid 2px white;
  color: white;
}
.tabela th a,
.gridView th a {
  text-decoration: none;
  color: white;
}
.tabela .alt,
.gridView .alt,
.resultsAlterItem {
  background-color: white !important;
}
.tabela .pgr,
.gridView .pgr {
  background-color: white;
}
.tabela .pgr table,
.gridView .pgr table {
  margin: 5px 0;
  background-color: #e1e1e1;
  font-family: arial;
  font-size: 10px;
  font-style: normal;
  color: #202020;
  text-align: center;
}
.tabela .pgr td,
.gridView .pgr td {
  border-width: 0;
  padding: 0 6px;
  border-left: solid 1px white;
  font-weight: bold;
  color: #00b0ca;
  line-height: 12px;
}
.tabela .pgr a,
.gridView .pgr a {
  color: #003038;
  text-decoration: none;
}
.tabela .pgr a:hover,
.gridView .pgr a:hover {
  color: #b9e9f0;
}
.tabela .dropdown,
.gridView .dropdown {
  background-color: white;
  font-family: arial;
  font-size: 11px;
  font-style: normal;
}
.tabela .dropdown a,
.gridView .dropdown a {
  color: #00b0ca;
  text-decoration: none;
  font-family: arial;
  font-size: 11px;
  font-style: normal;
}
.tabela .dropdown a:hover,
.gridView .dropdown a:hover {
  color: #00b0ca;
  text-decoration: underline;
}
.tabela .resultsFooter,
.gridView .resultsFooter {
  background-color: #b9e9f0 !important;
}
.resultsPaging {
  background-color: #b9e9f0 !important;
}
.resultsPaging span {
  color: #003038 !important;
}
/* 
#################################################################
#################### Informação/filtros #########################
#################################################################
*/

.tituloecran {
  font-family: arial black;
  font-size: 24px;
  font-weight: normal;
  color: #202020;
}
.titulo {
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  color: #00b0ca;
}
.tituloImg {
  background-image: url('imagens/conteudos/bullet_seta.png');
  width: 9px;
  height: 9px;
}
.titulocolapsepainel {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #003038;
}
.dadostxt {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #202020;
  text-align: right;
  margin-right: 4px;
  padding-left: 10px;
  height: 22px;
}
.input {
  height: 16px;
  text-align: left;
}
.dadostxtbox {
  padding-left: 4px;
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
  color: #202020;
  height: 12px;
  margin-right: 15px;
}
.dadosComboBox {
  width: 150px;
  font-family: arial;
  color: #202020;
  font-size: 11px;
  vertical-align: middle;
  text-align: left;
  /*margin: 1px 1px 1px 1px;
    margin-top: 1px;
    margin-bottom: 1px;*/
  min-height: 18px;
}
.DateTimeTextBoxStyle {
  width: 96px;
}
/********************************************/

/****************BOTOES**********************/

/********************************************/

.botoes {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #003038;
  background-color: #f2f5f5;
  height: 23px;
  border: none;
  width: 80px;
  margin-top: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.botoes:active {
  text-decoration: underline;
}
.botoes:hover {
  /*color: @mainColor;*/
  color: #202020;
  background-color: #b9e9f0;
}
.botoes.Main {
  color: white;
  background-color: #00b0ca;
}
.botoes.Main:hover {
  color: #b9e9f0;
  background-color: #003038;
}
.botoesLink,
.linkButton {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #00b0ca;
  border: none;
  background-color: transparent;
  padding-left: 10px;
}
.botoesLink:active,
.linkButton:active {
  text-decoration: underline;
}
.botoesLink:hover,
.linkButton:hover {
  color: #003038;
}
.botoesEsq {
  width: 0px;
}
.botoesDir {
  width: 0px;
}
.floatLeft {
  float: left;
  margin-left: 20px;
}
.ajuda {
  background-image: url('imagens/menu_footer/bt_ajuda.png');
  width: 23px;
  height: 23px;
}
.painelConteudos {
  background-color: #f2f5f5;
  margin-top: 5px;
}
.linha {
  width: 100%;
}
.linhaTitulo {
  background-image: url('imagens/conteudos/separador_content_repeat.png');
  background-repeat: repeat-x;
  /*border-bottom:dashed thin red;*/
  width: 100%;
  height: 1px;
}
.linhaSeparacaoConteudos {
  line-height: 5px;
  height: 5px;
  max-height: 5px;
  min-height: 5px;
}
.CollapsiblePanelStyle {
  cursor: pointer;
  text-align: left;
}
.bold16 {
  font-size: 16px !important;
  font-weight: bold !important;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.hrBlack {
  border: dashed black;
  border-width: 1px 0 0 0;
  height: 0;
  line-height: 0px;
  font-size: 0;
  margin: 5px 0 5px 0px;
  padding: 0;
}
.hrWhite {
  border: dashed white;
  border-width: 1px 0 0 0;
  height: 0;
  line-height: 0px;
  font-size: 0;
  margin: 5px 0 5px 0px;
  padding: 0;
}
.DisplayNoneStyle {
  display: none;
}
.ModalWindow {
  border: solid1px silver;
  background: #f0f0f0;
  padding: 0px 10px 10px 10px;
  position: absolute;
  top: -1000px;
}
/* 
#################################################################
######################### POPUP  ################################
#################################################################
*/

.modalBlocker,
.ModalDialogStyle {
  width: 100% !important;
  height: 100% !important;
  margin: 0px !important;
  background-color: #003038 !important;
  opacity: 0.75 !important;
}
.divPopupNewLine {
  background-color: white !important;
  border: none !important;
}
.popupFieldSpan {
  color: #202020;
}
.tabscontainer2 {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.popupNewLineBtns {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.pnlPopupFormV3,
.pnlPopupForm {
  background-color: white !important;
  border: 1px solid #003038 !important;
  color: #202020 !important;
  padding: 5px !important;
}
.AlertTitle {
  background-color: #00b0ca;
}
.ui-widget-overlay,
.modalBackground,
#Content_rcpInvoice_mpeKitSelection_backgroundElement,
#Content_mpeKitSelection_backgroundElement,
#Content_rcpInvoice_mpeProductSearch_backgroundElement,
#Content_kitTabs_tbresumo_mpeProdSearch_backgroundElement {
  background-position: 0% 0%;
  background-color: #003038 !important;
  opacity: 0.8;
  background-image: none !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
}
.ui-widget-header {
  background: none;
  border: none;
  background-color: #00b0ca;
}
.ui-widget-content {
  background: none;
  background-color: white;
  border-color: #b9e9f0;
}
/* 
#################################################################
#################### Pagina de login  ###########################
#################################################################
*/

#loginHeader {
  background-image: url('imagens/login/login_header_repeat.png');
  background-repeat: repeat-x;
  height: 251px;
  z-index: 1;
}
#loginHeaderIDAplicacao {
  background-image: url('imagens/login/login_IDaplicacao.png');
  background-repeat: no-repeat;
  height: 251px;
  width: 786px;
  vertical-align: middle;
  z-index: 0;
  float: left;
}
#loginHeaderIDAplicacaoText {
  padding-top: 160px;
  padding-left: 80px;
  font-family: NeoSans;
  font-size: 30px;
  color: #00b0ca;
}
#loginHeaderMerdadosDigitais {
  height: 38px;
  float: right;
  vertical-align: middle;
  font-family: NeoSansBlack;
  color: white;
  font-size: 12pt;
  display: table-cell;
}
/*#loginLogoIndra {
    background-image: url('imagens/login/logo_indra.png');
    height: 38px;
    width: 115px;
    float: right;
}*/

#loginContent {
  height: 445px;
  width: 100%;
  clear: both;
  background-image: url('imagens/login/login_bkg_esqdirt_repeat.png');
  z-index: 0;
}
#loginContentEsqBlank {
  height: 100%;
  width: 10%;
  float: left;
}
#loginContentEsqLoginBoxContent {
  height: 100%;
  width: 90%;
  float: left;
}
#loginContentDir {
  height: 100%;
  width: 49%;
  background-image: url('imagens/login/login_bkg_dirt.png');
  background-repeat: no-repeat;
  background-position: left;
  float: left;
  z-index: 1;
}
#loginContentDirComputer {
  height: 100%;
}
#loginComputer {
  background-image: url('imagens/login/login_computador.png');
  z-index: 2;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
#loginContentEsq {
  height: 100%;
  width: 50%;
  background-image: url('imagens/login/login_bkg_esq.png');
  background-repeat: no-repeat;
  background-position: right;
  float: left;
  z-index: 1;
}
#loginBox {
  height: 445px;
  width: 422px;
  background-image: url('imagens/login/login_caixa.png');
  background-repeat: no-repeat;
  z-index: 2;
}
#loginBoxTitle {
  font-family: NeoSansBlack;
  color: white;
  font-size: 18pt;
}
.loginBoxLabels {
  font-family: NeoSans;
  font-weight: bold;
  color: white;
  font-size: 11pt;
}
/* 
#################################################################
#################### separador  ###########################
#################################################################
*/

.separator {
  background-image: url('imagens/conteudos/separador_content_repeat.png');
  background-repeat: repeat-x;
  height: 2px;
  clear: both;
}
.actionButtonImgLeft {
  margin-top: 0px;
  margin-right: -4px;
  background-image: url('imagens/conteudos/bt_left.png');
  width: 2px;
  height: 23px;
  /*float: left;*/
  margin-left: 2px;
  vertical-align: bottom;
  cursor: pointer;
  cursor: hand;
}
.actionButtonImgRight {
  margin-top: 0px;
  background-image: url('imagens/conteudos/bt_right.png');
  width: 6px;
  height: 23px;
  /*float: left;*/
  margin-right: 10px;
  vertical-align: bottom;
  border: none 0px black;
  margin-right: -4px;
  border-color: transparent;
}
.gridViewResults th {
  display: none;
}
.gridViewResults td {
  border: 0px;
  color: Black;
}
.gridViewResults {
  border: 0px;
}
/**** Home Page  ****/

.textLine {
  background-image: url(imagens/HomePage/text-line-form.svg);
}
.piechart {
  background-image: url(imagens/HomePage/pie-chart.svg);
}
.paperplane {
  background-image: url('imagens/HomePage/paper-plane.svg');
}
.imgBackgroundUrl {
  background-image: url(imagens/homepage/img_background.png);
  border-bottom-color: #00b0ca;
}
.void {
  display: none;
}
.mainColor {
  color: #00b0ca;
  border-left: 1px solid #00b0ca;
}