* {
	margin:0px auto;
}


@font-face {
  font-family: 'Garamond';
  src: url('../fonts/EB_Garamond/static/EBGaramond-Regular.ttf') format('truetype');
}


@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik/Rubik-Regular.ttf') format('truetype');
}


html { 
	height:100%; 
}

body {
    
	height:100%; 
	padding:0px; 
	margin:0px; 
	
	
	font-size:18px;
	font-family: Avenir;
	color:#2c3852;
	/*background-color:#FCFCDB;*/
}

main {  
   
   min-height:100%; 
    width: 100%;
    flex: 1 0 auto;
  }

h1, h2, h3, h4 {
	font-family: Avenir;
	font-weight:bold;
	text-transform:uppercase;
    letter-spacing:1px;
}

h1 {
    font-size:200%;
}

h2 {
    font-size:160%;
}

h3 {
    font-size:130%;
}

p {
	font-size:18px;
}

strong {
	font-weight:bolder;
}

a {
	color:#050508;
}

a:hover {
	text-decoration:underline;
}

.icone-clicavel {
	cursor:pointer !important;
}

.flipped {
	transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
}

address {
	font-style:normal;
}


/* Customização do Materialize.css */

.row {
	margin-bottom:0px;
}


/* Barra de navegação. */

nav {
    box-shadow: rgb(0 0 0 / 12%) 1px 1px 4px;
	background:#ffffff;
	padding-left:10px;
    padding-right:10px;
	height: 70px;
	
}

.nav-wrapper {
    
box-shadow: rgb(0 0 0 / 12%) 1px 1px 4px;
}

nav ul a:hover {
    

}

nav ul {
    
    text-align:center;
}

nav ul li {
   
	min-width:100px;
	display:inline;
  
}

nav ul li a {
    color:#2c3852;
    display:inline-block;
}

nav {
    
	box-shadow:none;
	-webkit-box-shadow:none;
}

#desktop-menu {

}


/* Rodapé. */

footer, footer a {
    
 
	
}

footer a:hover {
    text-decoration:underline;
    text-decoration-color:#acb5ca;
}

.page-footer {
    color:#2c3852;
	background:#b6cbd8;
	bottom:0px;
	width:100%;
 

}

/* Gambiarra para que o footer fique embaixo na página mesmo com pouco conteúdo. */



.material-icons.circle {
	border:1px solid #535966;
	padding:5px;
}

footer .material-icons.circle {
	vertical-align:middle;
	margin-right:12px;
	font-size:18px;
}

footer address {
	margin-bottom:25px;
	margin-top:10px;
}

#footer-copyright {
	color:#767c86;
}

#footer-copyright p {
	margin-top:20px;
}


hr {

}



/* Inputs. */

   .btn{
		        color: #2c3852;
		        background-color:#b6cbd8;
		    }
    .btn:hover{background-color:#cccccc;}

input[type=text]:not(.browser-default), 
input[type=password]:not(.browser-default), 
input[type=email]:not(.browser-default) {
	background-color:white;
	border-radius:5px 5px 0px 0px;
	padding-left:10px;
}

.input-field.col label {
	padding-left:15px;
}

label.active {
	top:-6px;
}


textarea.materialize-textarea {
	min-height:100px;
	border:solid #ccc 1px;
	background-color:white;
	padding:15px;
}


/* Páginas de detalhes de fundos. */
#score {
	margin-bottom:50px;
}
.score {
	padding:5px;
}

.headerFundo {
    border-top: groove 1px;
	font-weight:bold;
}

.headerFundo h1 {
	font-size:180%;
}

.fundoTitulo hr {

}


.fundoTitulo {
	margin-bottom:5px;
}

#rentabilidadeGraf {
	width:100%;
	max-width:1000px;
	height:500px;
	margin:auto;
	margin-top:20px;
}

.carteira {
	margin-top:40px;
}

.breadcrumbNav {
	background-color:transparent;
	height:auto;
}

a.breadcrumb, .breadcrumb:last-child::before {
	color:#072142;
}
.breadcrumb:last-child {
	color:#2489bf;
}


.tabs {
	background-color:transparent;
	overflow:hidden;
}

.tabs .tab a {
	color:black;
}

.tabs .tab a:hover {
	
}

.tabs .tab a.active {
	color:black;
}

/* Linha abaixo das tabs ativas. */
.tabs .indicator {
	background-color:transparent;
}


/* Efeito de 'botão'. */
.tab {
    
}

.tab a:hover {
	text-decoration:none;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
	background-color:#b6cbd8;
}

.tab:hover {
	background-color:#b6cbd8;
}



/* Filtros na tela de listagem. */
.dtsp-nameColumn.sorting_1, .dtsp-nameColumn {
    background-color:white;
}
.dtsp-nameColumn.sorting_1:hover, 
tr.selected > .dtsp-nameColumn.sorting_1:hover, 
.dtsp-nameColumn:hover,
tr.selected > .dtsp-nameColumn:hover {
    background-color:#fdf5d6;
}
tr.selected > .dtsp-nameColumn.sorting_1, tr.selected > .dtsp-nameColumn {
	background-color:#fdf5d6;
}


/* Mudança no símbolo de expandir detalhes das tabelas responsivas. */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	background-color:transparent !important;
	content:'▼' !important;
	border:none !important;
	color:black !important;
	box-shadow:none !important;
	top:15px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
	content:'▲' !important; 
}


/* Menu. */
.dropdown-content {
	top:-64px;
}


/* Ícones nas tabelas do datatables. */
.material-icons.tabela {
	vertical-align:top;
	padding-right:10px;
}

.select-wrapper {
    margin-top:7px;
}


/* Cor do datepicker - rentabilidade dos fundos. */
.datepicker-date-display {
	background-color:#021742;
}