/* container que determina o width do app */
.container-mestre {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0px;
}

.page-splash_img {
	width: 180px;
	height: auto;
}

.page-splash {
	/*background: radial-gradient(circle at 50% 45%, rgba(0,33,66,1) 0%, rgba(8,47,95,1) 36%, rgba(16,61,122,1) 71%, rgb(27, 71, 133) 81%);*/
	background: linear-gradient(to bottom right, rgb(1, 26, 58), rgb(53, 110, 190));
}

.page-splash_breathing {
	-webkit-animation: breathing 3s ease-out infinite normal;
	animation: breathing 5s ease-out infinite normal;
}

.container-filho {
	padding: 0 15px;
}

/* Espaçamento: margin
-------------------------------------------
*/
.mf__m-auto {
	margin: auto !important;
}

.mf__m-auto-0 {
	margin: auto 0px !important;
}

.mf__mt-5 {
	margin-top: 5%;
}

.mf__mt-10 {
	margin-top: 10%;
}

.mf__mb-5 {
	margin-bottom: 5%;
}

.mf__mb-25 {
	margin-bottom: 25%;
}

.mf__last-child-mb-25:last-child {
	margin-bottom: 25% !important;
}

.mf__text-block {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Width
-------------------------------------------
*/
.mf__width-100 {
	width: 100%;
}


/* Tags de texto
-------------------------------------------
*/
p {
	font-family: 'MaisFuturo-Regular', sans-serif;
	font-size: 14px;
}

.link_acesso {
	color: blue;
	text-decoration: underline;
	font-size: 12px;
	cursor: pointer;
}

a {
	color: #0070a7;
}

.text-weight--600 {
	font-weight: 600;
}

.label-simulador {
	font-size: 14px;
}

button.vs__clear {
	display: none;
}

/* Config de divs gerais
-------------------------------------------
*/
.mf__div-flex {
	width: -webkit-fill-available;
	display: flex;
}

.mf__div-flex-space-between {
	width: -webkit-fill-available;
	margin-bottom: 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


/* Inputs
-------------------------------------------
*/
input::-webkit-input-placeholder {
	font: inherit;
	transition: transform 0.3s ease-in-out, font-size 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

input {
	height: 40px;
	width: 100%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #03a9f4;
	color: #474646;
	font-size: 16px;
	margin-bottom: 15px;
	font-family: MaisFuturo-Regular;
	background-color: #fdfbfb;
}

input::placeholder {
	color: #707070;
	opacity: 1;
	/* Firefox */
	font-size: 16px;
}

input:disabled {
	border-bottom: 2px solid #969797;
}

input:focus::-webkit-input-placeholder {
	color: #03a9f4;
}

input:focus,
input:valid {
	box-shadow: none;
	outline: none;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
input:valid::-webkit-input-placeholder,
textarea:valid::-webkit-input-placeholder {
	font-size: 0.8em;
	/* transform: translateY(-20px); */
	visibility: visible !important;
	opacity: 1;
}

input[type="email"] {
	/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #03a9f4 4%); */
	/* background-position: -400px 0; */
	/* background-repeat: no-repeat; */
	transition: border-bottom 0.3s ease, background 0.3s ease;
}

input[type="email"]~span.validation-text {
	position: absolute;
	visibility: hidden;
	font-family: 'roboto', sans-serif;
	font-size: 0.6em;
	width: 400px;
	margin-left: 25px;
	margin-top: -5px;
	color: white;
	transition: color 0.3s ease-in-out;
}

input[type="email"]:not([value=""])::-webkit-input-placeholder {
	font-size: 0.8em;
	/* transform: translateY(-20px); */
	visibility: visible !important;
	opacity: 1;
}

input[type="email"]:not([value=""]):focus::-webkit-input-placeholder {
	color: #03a9f4;
}

input[type="email"]:not([value=""]):focus:not(:valid)::-webkit-input-placeholder {
	color: #e91e63;
}

/* input[type="email"]:focus { */
	/* background-position: 0 0; */
/* } */

input[type="email"]:focus:not(:valid):not([value=""]) {
	border-bottom: solid 1px #e91e63;
	/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #e91e63 4%); */
}

input[type="email"]:not(:focus):not(:valid):not([value=""]) {
	border-bottom: solid 1px #e91e63;
	/* background-position: 0 0; */
	/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #e91e63 4%); */
}

input[type="email"]:not(:focus):not(:valid):not([value=""])::-webkit-input-placeholder {
	color: #e91e63;
}

input[type="email"]:not(:focus):not(:valid):not([value=""])~span.validation-text {
	visibility: visible;
	color: #e91e63;
}

input[type="radio"] {
	width: 20px;
	margin-bottom: 0px !important;
	margin-top: 0px;
}

.input-label {
	font-size: 13px;
	font-family: MaisFuturo-Regular;
	margin-bottom: 1px;
}

/* Buttons
    Como criar uma div de btns?
    1. Crie uma div usando a classe: mf__div-btn
    2. Coloque <buttons> dentro e não <div>s
-------------------------------------------
*/
.mf__div-btn {
	display: block;
	margin: 0px 10px;
}

button {
	height: 40px;
	min-width: initial;
	width: -webkit-fill-available;
	padding: 5px 10px;
	margin: 20px 0;
	border: none;
	border-radius: 8px;
	background: #317ABB;
	font-size: 14px;
	color: white;
	cursor: pointer;
	transition: transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), box-shadow 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

button:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
}

button:checked {
	transform: translateY(-2px);
	box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
}

button:disabled {
	background: #6b90af;
}

button>img.btn--icon {
	max-width: 20px;
	margin: 0 10px 0 0;
}

.div-input-radio {
	display: flex;
	align-items: flex-end;
	height: 33px;
}

.text-input-radio {
	margin: 0px;
	font-size: 15px;
	/* padding-bottom: 4px; */
}

/* Variações de estilo dos botões*/
.mf__btn--cancelar {
	background-color: #d42a2a;
	border-radius: 8px;
}

.mf__btn--confirmar {
	background-color: #317ABB;
	border-radius: 8px;
}

.mf__btn--voltar {
	background-color: #928f8f;
	border-radius: 8px;
}

.mf__btn--link {
	background-color: #c9c5c5;
	border-radius: 8px;
	color: #000;
	font-size: 14px;
	height: 30px;
	margin: 0px !important;
	padding: 0px !important;
	width: auto !important;
	font-family: 'MaisFuturo-Regular';
	box-shadow: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Agrupador de botões (usar no botão de baixo)*/
.mf__btn--group {
	margin-top: 0px !important;
}

/* Configuração utilizada nas primeiras etapas, quando os botões são lado a lado */
.mf__div-btn-flex-space-between {
	width: -webkit-fill-available;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mf__div-btn-flex-space-between button {
	width: 48%;
	height: 40px;
}

.mf__div-btn-flex-space-between button:only-child {
	width: -webkit-fill-available;
}

.mf__div-btn-block {
	width: 90%;
	margin-bottom: 5%;
	display: block;
}

/* ghost divs */
.ghost-div--200 {
	height: 200px;
	width: 100%
}

/* FirebaseUi
-------------------------------------------
*/
div.firebaseui-auth-container {
	display: contents;
	max-width: 600px;
}

.mdl-menu a {
	text-decoration: none;
}

.fp-content {
	max-width: 1024px;
}

.mdl-card {
	display: block;
}

.cadastro-incompleto .cadastro-completo .simulador-emprestimo {
	display: none !important;
}


ul.firebaseui-idp-list {
	width: 300px;
}

li.firebaseui-list-item {
	width: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

button.firebaseui-idp-button,
button.firebaseui-tenant-button {
	max-width: 240px !important;
}

div.firebaseui-card-content {
	max-width: 500px;
}

div.firebaseui-form-actions {
	display: flex;
	align-items: center;
	justify-content: center;
}

button.firebaseui-id-secondary-link,
button.firebaseui-id-submit {
	width: auto;
}

button.firebaseui-idp-password {
	background-color: rgba(240, 248, 255, 0.2) !important;
}

.fp-fullpic {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	border: black 10px solid;
	box-sizing: border-box;
}


/* Fixes an MDL bug where the header does not scroll on small devices */
.mdl-layout__container .mdl-layout--fixed-header .mdl-layout__content {
	overflow-y: visible;
	overflow-x: visible;
	overflow: visible;
}


/* Overrides MDL colors */
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after,
.fp-header .mdl-textfield__label:after {
	background-color: #FFCA28;
}

.mdl-snackbar__action {
	color: #FFCA28;
}

.mdl-textfield__label:after {
	background-color: #0288D1;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
	color: #0288D1;
}


/* Header */
.fp-logo {
	font-family: 'Amaranth', sans-serif;
}

.fp-logo a {
	color: white;
	text-decoration: none;
}

.fp-logo img {
	margin-right: 2px;
	position: relative;
	height: 40px;
	width: 40px;
	z-index: 5;
}

.fp-header .mdl-layout__header-row {
	width: 100%;
	height: 56px;
	padding: 10px 20px;
	margin: auto;
	position: relative;
}

/* Signed-in user */
.fp-signed-in-user-container {
	margin-left: -22px;
	left: 0px;
}

.fp-avatar {
	width: 40px;
	height: 40px;
	margin-right: 0px;
	display: inline-block;
	border: 1px white solid;
	border-radius: 40px;
	background-size: 40px 40px;
}

.fp-username {
	width: calc(100% - 46px);
	display: inline-block;
	line-height: 38px;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.fp-usernamelink {
	padding: 0px;
	border-radius: 19px 5px 5px 19px;
	text-transform: none;
	white-space: nowrap;
}

.mdl-layout__drawer .fp-signed-in-user-container {
	margin: 0;
	padding: 16px;
	height: 44px;
}

.mdl-layout__drawer {
	width: 250px;
}

.mdl-layout__drawer .fp-signed-in-user-container .fp-avatar {
	height: 40px;
	width: 40px;
	background-size: 40px 40px;
	border-radius: 40px;
	margin-right: 15px;
}

.mdl-layout__drawer .fp-signed-in-user-container .fp-username {
	font-size: 16px;
	line-height: 48px;
}

.mdl-layout__drawer .fp-sign-in-button {
	margin: 10px 0 0 0;
}

.fp-sign-in-button {
	margin-left: 10px;
	color: white;
}

.mdl-layout__drawer .fp-sign-in-button {
	color: black;
}

.mdl-button .material-icons {
	margin-top: -2px;
	cursor: pointer;
}

.mdl-button.mdl-button--icon .material-icons,
.mdl-button.mdl-button--fab .material-icons {
	margin-top: 0;
}

/*
    Navigation Bar
*/
.fp-header .mdl-tab {
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: visible;
	position: relative;
	margin: auto;
	max-width: 1024px;
}

.fp-header .fp-tab {
	padding: 0;
	max-width: none;
}

.fp-header .mdl-button {
	height: 41px;
}

#add {
	position: absolute;
	right: 20px;
	top: 18px;
	z-index: 998;
}

#add-floating {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 998;
}

#fp-mediacapture {
	transform: scale(0.0001);
	opacity: 0;
}

#fp-mediacapture-label {
	transform: scale(0.0001);
	opacity: 0;
}

.mdl-button.mdl-layout__tab {
	color: hsla(0, 0%, 100%, .8);
}

.mdl-color--white {
	background-color: #FFFFFF !important;
}

.mdl-color--light-blue-700 {
	background-color: #0079D0 !important;
}

.mdl-color--light-blue-800 {
	background-color: #0070ae !important;
}

.a-menu-nav {
	padding: 8px 20px !important;
	color: #FFFFFF !important;
	font-size: 14px;
}

.hr-menu-nav {
	margin: 2px 15px;
}

/*
    Drawer
*/
.mdl-layout__header .mdl-layout__drawer-button i {
	color: #000;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 28px;
	color: #003366;
}

.mdl-layout__drawer-button {
	left: 50px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active,
.is-active .mdl-menu__item {
	color: black;
}

.mdl-layout__drawer {
	border-right-width: 0;
}

.mdl-navigation__link .material-icons,
.mdl-menu__item .material-icons {
	position: relative;
	margin-top: -2px;
	margin-right: 10px;
}

.mdl-menu__item .material-icons {
	top: 7px;
}

.div-menu-background {
	background-image: linear-gradient(#063068, #1a6bb6);
}

/*
    New Post Page
*/
#page-add {
	display: block;
	text-align: center;
}

#page-add .mdl-cell {
	width: auto;
	min-width: 300px;
}

.fp-addcontainer .mdl-card__supporting-text {
	padding-top: 0;
	width: auto;
}

#newPictureContainer {
	margin: 0;
	max-width: 100%;
	max-height: 400px;
}

.fp-legalese-add {
	max-width: 350px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.fp-content .mdl-cell .fp-addcontainer {
	max-width: 800px;
	margin: auto;
	display: block;
	text-align: center;
}

#page-add .fp-addcontainer .fp-overlay {
	opacity: 0.7;
}

#page-add .fp-overlay i {
	font-size: 50px;
}



/*
    User Info page
*/
.fp-user-avatar {
	width: 150px;
	height: 150px;
	display: inline-block;
	background-size: cover;
	background-position: 50% 50%;
}

.fp-user-username {
	font-size: 30px;
	font-weight: 300;
	white-space: nowrap;
	width: 100%;
}

.fp-user-container,
.fp-user-following {
	min-height: 150px;
	height: 150px;
	flex-direction: row;
	align-items: center;
	text-align: right;
	margin: 23px 25px 0 24px;
	display: flex;
	background: #FFF;
	font-size: 16px;
	font-weight: 400;
}

.fp-user-following {
	display: none;
	padding: 30px 10px 10px 10px;
	overflow: visible;
	margin-top: 35px;
	height: auto;
	min-height: 50px;
	text-align: left;
	width: 100%;
}

.fp-user-following .fp-usernamelink {
	margin: 10px;
	width: 215px;
	box-sizing: border-box;
}

.fp-follow,
.fp-notifications,
.fp-block {
	width: 100%;
	text-align: left;
}

.fp-follow,
.fp-notifications {
	margin-top: 20px;
}

.fp-notifications {
	margin-bottom: 10px;
}

.fp-name-follow-container {
	margin-left: 10%;
	display: flex;
	flex-direction: column;
	text-align: left;
}

#page-user-info .fp-image .likes,
#page-search .fp-image .likes {
	margin-left: 3px;
	margin-right: 20px;
}

#page-user-info .fp-image .comments,
#page-search .fp-image .comments {
	margin-left: 3px;
}

#page-user-info .fp-user-detail-container {
	display: flex;
	margin-top: 15px;
}

#page-user-info .fp-user-detail {
	margin-right: 15px;
	white-space: nowrap;
	opacity: 0.75;
}

#page-user-info .fp-user-nbposts,
#page-user-info .fp-user-nbfollowers,
#page-user-info .fp-user-nbfollowing {
	font-weight: bold;
}

#page-user-info .fp-user-detail.is-active {
	border-bottom: 2px #FFCA28 solid;
	padding: 5px 5px 3px 5px;
	margin: -5px 10px -5px -5px;
	opacity: 1;
}

#page-user-info .fp-no-posts .mdl-card {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	color: #555;
}

#page-user-info .fp-user-nbfollowing-container:HOVER {
	cursor: pointer;
	background-color: #eaeaea;
	border-radius: 5px;
	padding: 5px;
	margin: -5px 10px -5px -5px;
	border-bottom: none;
}

#page-user-info .fp-user-nbfollowing-container.is-active:HOVER {
	border-bottom: 2px #FFCA28 solid;
	padding: 5px 5px 3px 5px;
	margin: -5px 10px -5px -5px;
	border-radius: 5px 5px 0 0;
}

.fp-close-following {
	top: -28px;
	background-color: #eee;
	left: calc(50% - 28px);
	position: absolute;
	z-index: 1;
}

.fp-close-following:hover {
	background-color: #ddd;
}

/*
    User Info photo cards
*/
#page-user-info .fp-image,
#page-search .fp-image {
	position: relative;
	cursor: pointer;
}

#page-user-info .fp-image img,
#page-search .fp-image img {
	height: 100%;
	width: 100%;
}

#page-user-info .fp-overlay,
#page-search .fp-overlay,
#page-add .fp-overlay {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 100;
	opacity: 0;
	background-color: black;
	color: white;
}

#page-user-info .fp-overlay:HOVER,
#page-search .fp-overlay:HOVER {
	opacity: 0.6;
}

#page-user-info .fp-image .mdl-card,
#page-search .fp-image .mdl-card {
	max-height: 150px;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: black;
	background-position: 50% 50%;
	display: flex;
	justify-content: flex-end;
}

.fp-overlay .fp-pic-text {
	width: 100%;
	max-height: 40px;
	padding: 3px 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	font-weight: 500;
	text-align: center;
	color: black;
	background: white;
}




/* Post */

.fp-post {
	margin-left: auto;
	margin-right: auto;
}

.fp-post .fp-comment a {
	font-weight: 200;
}

.fp-post .mdl-card {
	height: 100%;
	top: 0;
	left: 0;
	padding-bottom: 10px;
}

.fp-post .fp-image {
	min-height: 150px;
	padding-top: 5%;
	padding-bottom: 5%;
	position: relative;
	flex: 1;
	box-sizing: border-box;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
	background-position: 50% 50%;
}

.fp-post .fp-header {
	padding: 10px;
}

.fp-post .fp-time {
	float: right;
	color: #444;
	margin-top: 8px;
	font-size: 14px;
	margin-right: 5px;
	text-decoration: none;
}

.fp-post .fp-time:hover {
	color: black;
}

.fp-post .fp-likes {
	color: #444;
	padding: 10px 10px 0 10px;
	font-weight: bold;
	display: none;
}

.fp-post .fp-morecomments {
	padding: 5px 0 6px 10px;
	cursor: pointer;
	display: none;
	font-size: 14px;
	color: #0288D1;
}

.fp-post .fp-morecomments:hover {
	text-decoration: underline;
}

.fp-post .fp-comments {
	padding: 0 10px 0 10px;
}

.fp-post .fp-comment {
	position: relative;
	margin-left: -7px;
	padding-left: 7px;
}

.fp-post .fp-comment:HOVER {
	background-color: #f0f0f0;
	border-radius: 15px;
}

.fp-post .fp-comments .fp-comment:HOVER .fp-edit-delete-comment-container {
	display: block;
}

.fp-post .fp-first-comment .fp-edit-delete-comment-container {
	display: none !important;
}

.fp-post .fp-edit-comment,
.fp-post .fp-delete-comment {
	display: none
}

.fp-post .fp-comment-owned .fp-edit-comment,
.fp-post .fp-comment-owned .fp-delete-comment {
	display: block
}

.fp-post .fp-comment-deleted {
	font-style: italic;
	color: #aaa;
}

.fp-post .fp-edit-delete-comment-container {
	display: none;
	position: absolute;
	top: -6px;
	right: 0;
	transform: scale(0.7);
}

.fp-post .fp-delete-comment {
	color: red;
}

.fp-post .fp-first-comment {
	padding: 10px 10px 0 10px;
}

.fp-post .fp-comments .fp-author,
.fp-post .fp-first-comment .fp-author {
	text-decoration: none;
	color: #0070a7;
	font-weight: normal;
	padding: 3px 10px 3px 6px;
	margin: 0 -10px 0 -6px;
}

.fp-post .fp-comments .fp-author:HOVER,
.fp-post .fp-first-comment .fp-author:HOVER {
	background-color: rgba(158, 158, 158, .2);
	border-radius: 4px;
	color: black;
}

.fp-post .fp-comments .fp-text,
.fp-post .fp-first-comment .fp-text {
	margin-left: 5px;
	color: #444;
	transition: all 0.2s;
}

.fp-post .fp-action {
	padding: 0 10px 0 10px;
	display: flex;
	flex-direction: row;
	margin-bottom: -10px;
}

.fp-post .fp-action .fp-add-comment {
	flex-grow: 1;
}

.fp-post .fp-action .fp-add-comment .mdl-textfield {
	width: 100%;
}

.fp-post .fp-action .fp-like .material-icons {
	font-size: 35px;
	color: #FF5252;
	margin-right: 10px;
	padding-top: 18px;
	cursor: pointer;
}

.fp-post .fp-action .fp-like .material-icons:hover {
	opacity: 0.6;
}

.fp-post .fp-action .fp-like .fp-liked {
	display: none;
}

.fp-next-page-button {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

.fp-new-posts-button {
	width: 100%;
	display: flex;
	justify-content: center;
}

.fp-next-page-button button,
.fp-new-posts-button button {
	display: none;
}

.fp-new-posts-button button {
	margin-top: 15px;
	border-radius: 10px;
	text-transform: none;
	font-weight: normal;
}

.fp-delete-post {
	color: red;
	display: none;
}

@-webkit-keyframes breathing {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	25% {
		-webkit-transform: scale(1.05);
		transform: scale(1.1);
	}

	60% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@keyframes breathing {
	0% {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}

	25% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	60% {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}

	100% {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
}


.page-splash .fp-caption2 {
	margin: 5x 5px 40px 5px;
	padding-left: 20px;
	padding-right: 20px;
	opacity: 0.8;
	font-family: 'MaisFuturo-Regular';
	color: white;
	font-size: 16px;
	text-align: center;
}

.fp-skip {
	display: block;
	opacity: 1;
	font-size: 13px;
	font-family: 'MaisFuturo-Medium';
	letter-spacing: 0;
	color: white;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}

.fp-skip:hover {
	text-decoration: underline;
}

/*
    Primeiro Login
*/
.primeiro-login {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(#062f66, #1a6bb6);
	z-index: 10000;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	flex-direction: column;
}

.primeiro-login .fp-caption {
	margin: 5x 5px 40px 5px;
	color: white;
	font-family: 'MaisFuturo-Regular';
	font-size: 18px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	opacity: 0.8;
}

.primeiro-login .fp-caption2 {
	margin: 5x 5px 40px 5px;
	color: white;
	font-family: 'MaisFuturo-Thin';
	font-size: 14px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	opacity: 0.8;
}

.primeiro-login .fp-caption3 {
	margin: 5x 5px 40px 5px;
	color: white;
	font-family: 'MaisFuturo-Thin';
	font-size: 14px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	opacity: 0.8;
}

.fp-note {
	background-color: #fff;
	border-radius: 2px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	color: #555;
	padding: 15px;
	max-width: 620px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.firebaseui-idp-google.mdl-button--raised[disabled][disabled] {
	background-color: #ddd;
	opacity: 0.8;
}

.firebaseui-idp-facebook.mdl-button--raised[disabled][disabled] {
	background-color: #a5a5e0;
	filter: brightness(0.5);
	opacity: 0.8;
}

.fp-note .mdl-checkbox {
	height: auto;
}

.fp-note .mdl-checkbox__label {
	font-size: 16px;
}

.fp-help {
	margin-left: auto;
	margin-right: auto;
}

.fp-help p {
	font-size: 16px;
}

.fp-help .mdl-card__supporting-text {
	display: flex;
	width: 100%;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}

.fp-help .fp-info {
	font-size: 60px;
	padding-right: 30px;
	min-width: 60px;
}

.fp-help p .material-icons {
	top: 7px;
	position: relative;
	margin-right: 3px;
}

.fp-no-posts {
	display: none;
}

.fp-searchcontainer {
	margin-top: 4px;
	position: relative;
}

#fp-searchResults {
	display: none;
	position: absolute;
	padding: 5px;
	min-height: 0;
	opacity: 0.8;
	width: 100%;
	overflow: hidden;
}

.fp-searchResultItem.fp-usernamelink {
	position: relative;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding-right: 0;
	display: block;
}

#fp-searchResults .fp-searchResultItem .fp-username {
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 50px);
	overflow: hidden;
}

.fp-searchcontainer .mdl-textfield__input {
	border-bottom-color: #FFFFFFAA
}

/*
    Misc
*/
.mdl-snackbar {
	z-index: 101;
	width: 100%;
	max-width: 100%;
	text-align: center;
	align-items: center;
	justify-content: center;
	margin-left: -1px;
}

/*
    Firebase UI styling
*/
#firebaseui-auth-container {
	min-width: 300px;
}

.firebaseui-container {
	box-shadow: none;
}

.firebaseui-container.mdl-card {
	background: rgba(206, 216, 234, 0.82);
	width: calc(100% - 10px);
	min-height: 150px;
	padding-top: 10px;
	border-radius: 20px;
}

.firebaseui-container.firebaseui-page-provider-sign-in {
	background: transparent;
	box-shadow: none;
	min-height: 0;
	margin-bottom: 0;
	padding-top: 0;
}

.firebaseui-container.firebaseui-id-page-callback {
	background: transparent;
	box-shadow: none;
	margin-top: 40px;
	height: 84px;
	min-height: 0;
	margin-bottom: 0;
	padding-top: 0;
}

.firebaseui-card-header {
	display: none;
}

.firebaseui-subtitle,
.firebaseui-text {
	color: rgba(255, 255, 255, 0.87);
}

.firebaseui-id-dismiss-info-bar {
	display: block;
}

.firebaseui-info-bar {
	border: 0;
	border-radius: 10px;
	left: 5%;
	right: 5%;
	top: 10%;
	bottom: 10%;
}

.fp-view-posts-button {
	margin-bottom: 20px;
}

/*
    Firebase UI MDL fixes
*/
.mdl-layout__tab {
	height: 48px;
	line-height: 48px;
	padding: 0 24px;
	color: rgba(255, 255, 255, .6);
}

.mdl-dialog {
	width: 90%;
	max-width: 500px;
	z-index: 11000;
}

dialog::backdrop {
	/* native */
	background-color: rgba(0, 0, 0, .5);
}

dialog+.backdrop {
	/* polyfill */
	background-color: rgba(0, 0, 0, .5);
}

_dialog_overlay {
	z-index: 10500;
}

.fp-non-eu,
.fp-eu {
	display: none !important;
}

/*
    Hashtag Search page
*/
.fp-hashtag {
	font-size: 30px;
}


.margin_auto {
	margin: auto;
}

.mdl-card {
	min-height: 100px;
}

.mdl-card-container {
	margin: auto;
	padding: 0 !important;
}

.center-items {
	display: flex;
	justify-content: center;
	align-items: center;
}

.mdl-card__supporting-text {
	padding: 5px !important;
}

.mdl-card-left {
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 49%;
}

.mdl-card-right {
	float: right;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 49%;
}

.icon-button {
	margin-top: 4px;
	background-color: #FFFFFF;
	color: #003366;
	border-radius: 20px;
}

.icon-button-minicard {
	background-color: #FFFFFF;
	color: #317ABB;
	border-radius: 20px;
	font-weight: 600;
}

.div_margem_card {
	margin-top: 15px;
}

.div_titulo_card {
	margin: 2% 0 10% 0;
	color: #3B3C3E;
	font-family: 'MaisFuturo-Thin';
	font-size: 32px;
	text-align: left;
	letter-spacing: -1.4px;
	line-height: initial;
}

.rotate {
	transform: rotate(180deg);
}

.div_reserva_total {
	margin-top: 20px;
}

.div_reserva_text_1,
.div_contribuicao_text_1 {
	display: flex;
	justify-content: center;
}

.dl_reserva_text {
	margin-bottom: 0px;
}

.dl_reserva_legenda,
.dl_contribuicao_legenda {
	margin-top: 0px;
	margin-bottom: 8px;
}

.dt_reserva_text {
	font-family: 'MaisFuturo-Medium';
	font-size: 13px;
	font-weight: 300;
	margin: 20px;
}

.dt_reserva_legenda,
.dt_contribuicao_legenda {
	font-family: 'MaisFuturo-Medium';
	line-height: 12px;
	font-size: 11px;
	font-weight: 300;
	padding-bottom: 0px !important;
}

.dd_reserva_text,
.dd_contribuicao_text {
	cursor: pointer;
	margin: auto;
	text-align: center;
	padding-bottom: 0px !important;
	width: auto;
	margin-inline-start: 0px !important;
}

.span_reserva_text_1,
.span_contribuicao_text_1 {
	vertical-align: top;
	font-size: 16px;
	font-family: 'MaisFuturo-Bold';
	color: black;
}

.span_reserva_text_2,
.span_contribuicao_text_2 {
	font-size: 43px;
	line-height: 44px;
	font-weight: 700;
	color: black;
	margin-right: 15px;
	font-family: 'MaisFuturo-Bold';
}

.span_reserva_legenda_1_total,
.span_contribuicao_legenda_1_total {
	vertical-align: top;
	font-size: 16px;
	font-family: 'MaisFuturo-Bold';
}

.span_reserva_legenda_2_total,
.span_contribuicao_legenda_2_total {
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
	font-family: 'MaisFuturo-Bold';
	letter-spacing: -1px;
}

.span_reserva_text_1 {
	margin: 0 10px 0 0;
}

.p-contribuicao-lista {
	margin-left: 5px;
	margin-bottom: 5px;
}

.dot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.span-contribuicao-2 {
	font-family: 'MaisFuturo-Regular';
	margin-left: 5px;
	font-size: 11px;
	letter-spacing: 0;
	color: #0F0F0F;
	opacity: 1;
}

.span-contribuicao-3 {
	font-family: 'MaisFuturo-Regular';
	margin-right: 5px;
	font-size: 20px;
	letter-spacing: 0;
	color: #0F0F0F;
	opacity: 1;
}

.span-contribuicao-4 {
	font-family: 'MaisFuturo-Medium';
	font-size: 16px;
	letter-spacing: -0.19px;
	color: #3B3C3E;
	opacity: 0.7;
}

.span-contribuicao-titulo {
	font-family: 'MaisFuturo-Medium';
	font-size: 16px;
	letter-spacing: -0.19px;
	color: rgb(36, 36, 37);
	opacity: 0.7;
}

.div-contribuicao-row {
	width: 75%;
	float: left;
	line-height: 16px;
}

.div-contribuicao-nome {
	width: 80%;
	float: left;
	display: flex;
	align-items: center;
	font-size: 16px;
}

.div-contribiucao-dot {
	min-width: 10px;
	height: 27px;
	margin-right: 2px;
	margin-bottom: 2px;
	display: inline-block;
}

.div-contribiucao-valor {
	width: 20%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	float: right;
	text-align: right;
	font-size: 16px;
}

.dl-contribuicao-total {
	margin: 0 !important
}

.dt_contribuicao-total {
	color: #3B3C3E;
	font-family: 'MaisFuturo-Medium';
	line-height: 10px;
	font-size: 9px;
	font-weight: 300;
	padding-left: 20px;
}

.dd_contribuicao-total {
	font-family: 'MaisFuturo-Bold';
	font-weight: 700;
	padding-left: 20px;
	margin: auto;
	margin-inline-start: 0px !important;
	padding-bottom: 1px;
	font-size: 16px;
	line-height: 16px;
}

.div-contribuicao-total {
	float: right;
	width: 25%;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.span_reserva_legenda_1 {
	vertical-align: top;
	font-size: 14px;
	font-family: 'MaisFuturo-Bold';
}

.span_reserva_legenda_2 {
	font-size: 24px;
	font-weight: 600;
	font-family: 'MaisFuturo-Bold';
	letter-spacing: 0px;
	line-height: 26px;
}

.div_reserva_text_2 {
	vertical-align: top;
	margin: auto;
	font-family: 'MaisFuturo-Regular';
	font-size: 13px;
	text-align: center;
}

.div_grafico {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.div_grafico_reserva_legenda {
	width: 280px;
	height: 60%;
	margin: 35px 0px 0px 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: transparent;
	transform: translate(-50%, -50%);
}

.div_grafico_contribuicao_legenda {
	width: 300px;
	height: 60%;
	margin: 130px 0px 0px 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: transparent;
	transform: translate(-50%, -50%);
}

.canvas_grafico_doughnut {
	width: 500px;
}

.canvas_grafico_line {
	width: 500px;
	height: 450px;
}

.canvas_grafico_rendimento {
	width: 120px;
	height: 120px;
}

.canvas_grafico_semi_circle {
	width: 500px;
	height: 300px;
	display: flex;
	align-items: center;
}

.canvas_grafico_simulador {
	width: 400px;
	height: 350px;
}

.dt_projeto_vida {
	color: #3B3C3E;
	font-family: 'MaisFuturo-Medium';
	line-height: 10px;
	font-size: 9px;
	font-weight: 300;
	padding-left: 10px;
}

.dd_projeto_vida {
	font-family: 'MaisFuturo-Bold';
	font-weight: 700;
	padding-left: 10px;
	margin: auto;
	margin-inline-start: 0px !important;
	padding-bottom: 5px;
	font-size: 20px;
	line-height: 25px;
}

.dt-card-projeto-vida {
	margin-left: 8px;
	font-size: 10px;
	opacity: 0.7;
	font-family: 'MaisFuturo-Medium';
	color: #FFFFFF
}

.dd-card-projeto-vida {
	margin-left: 8px;
	font-size: 17px;
	font-family: 'MaisFuturo-Bold';
	color: #88CFFF
}

.mdl-card_acao {
	cursor: pointer;
	padding: 0px 15px;
	min-height: 70px;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.div-card-botton-projeto-vida {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 15px;
	padding-bottom: 10px !important;
}

.span-minicard-text {
	margin-left: 8px;
	margin-right: 5px;
	font-size: 16px;
	font-family: 'MaisFuturo-Medium';
	color: #FFFFFF;
	opacity: 1;
	letter-spacing: -1px;
	text-align: left;
}

.div_coberturas_label {
	margin-top: 0 !important;
}

.dl-coberturas-label {
	margin-top: 0 !important;
}

.dt-coberturas-label {
	margin-left: 25px;
	font-size: 16px;
	font-family: 'MaisFuturo-Regular';
	color: #3B3C3E;
	font-weight: 200;
}

.dd-coberturas-label {
	margin-left: 25px;
	font-size: 24px;
	line-height: 26px;
	font-family: 'MaisFuturo-Bold';
	letter-spacing: -0.32px;
	opacity: 1;
}

.p-coberturas-label-separador {
	border-bottom: #707070 solid 0.5px;
	margin-top: 10px;
	margin-bottom: 10px !important;
	margin-left: 25px;
	margin-right: 25px;
}

/* Mais Amigos */
.img-mais-amigos-1 {
	width: 200px;
}

.img-mais-amigos-2 {
	width: 70px;
}

/**/
.div-educacao_financeira-titulo {
	font-family: 'MaisFuturo-Regular';
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -0.8px;
	color: #3B3C3E;
	opacity: 1;
}

.div-educacao-financeira-button {
	width: 190px;
	padding: 0px 15px;
	background-color: #FFFFFF;
	font-size: 14px;
}

.icon-button-add {
	border-radius: 20px;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #0C7BC6;
}

.div-footer-text {
	font-family: 'MaisFuturo-Regular' !important;
	font-size: 24px !important;
	color: #6F6F6F !important;
	opacity: 1;
}

/*
    Simulador Emprestimo
*/
.div_msg_emprestimo__se {
	margin-left: 20px;
	margin-top: 5px;
	font-family: 'MaisFuturo-Regular';
	font-size: 12px;
	font-weight: 100;
	letter-spacing: -1x;
	color: #3B3C3E;
	opacity: 1;
}

.p_espaco_35__se {
	margin-top: 35px;
}

.p_espaco_30__se {
	margin-top: 30px;
}

.p_label__se {
	margin-bottom: 2px;
	margin-left: 20px;
	line-height: 15px;
	font-size: 14px;
	font-family: 'MaisFuturo-Medium';
	color: #3B3C3E;
	letter-spacing: -0.19px;
	opacity: 0.7;
}

.span_input_prefixo__se {
	padding-top: 5px;
	padding-right: 5px;
	font-family: 'MaisFuturo-Black';
	font-size: 22px;
	letter-spacing: -3px;
	color: #0C7BC6;
}

.input_principal__se {
	width: 80% !important;
	max-width: 300px;
	padding-top: 3px !important;
	/* border-bottom: none; */
	background-position: none !important;
	font-family: 'MaisFuturo-Black';
	font-size: 30px;
	text-align: start;
	letter-spacing: -3px;
	color: #0C7BC6;
}

.span_valor_projetado {
	font-family: 'MaisFuturo-Bold';
	font-size: 26px;
	letter-spacing: -2px;
	color: #003366;
}

.input_principal__se:disabled {
	font-size: 30px;
	height: 40px;
	font-family: 'MaisFuturo-Black';
	border: none !important;
	text-decoration: none;
	-webkit-text-decoration: none;
	color: #003366;
	/* text-decoration: underline #003366;
    -webkit-text-decoration: underline #003366; */
	background-color: #f0f0f0;
}

.span_input_sufixo__se {
	padding-top: 21px;
	padding-right: 5px;
	font-family: 'MaisFuturo-Black';
	font-size: 24px;
	letter-spacing: -3px;
	color: #0C7BC6;
}

.p_mensagem_invalido__se {
	margin-top: 5px !important;
	margin-bottom: 2px !important;
	text-align: center;
	font-size: 14px;
	font-family: 'MaisFuturo-Medium';
	color: rgb(219, 52, 52);
}

p.p_valor_simulado__se {
	margin-left: 20px !important;
	margin-bottom: 2px !important;
	font-family: 'MaisFuturo-Bold' !important;
	font-size: 26px !important;
	line-height: 32px !important;
	color: #0C7BC6 !important;
	letter-spacing: -2px !important;
	opacity: 1 !important;
}

.p_slider__se {
	margin: 35px 20px 15px 20px;
}

.div_btn_contratar {
	height: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background-color: rgb(12, 123, 198);
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
}

.div_btn_contratar:hover {
	background-color: rgb(11, 120, 195);
}

.div_btn_contratar:active {
	background-color: rgb(11, 120, 195);
}

.div_btn_contratar[disabled] {
	background-color: rgba(12, 124, 198, 0.800)
}

.div_btn_voltar {
	height: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	cursor: pointer;
	background-color: rgb(150, 151, 151);
	color: #FFFFFF;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
}

.div_btn_voltar:hover {
	background-color: rgb(173, 175, 175);
}

.fp-cancelar-dados {
	height: 40px;
	cursor: pointer;
	background-color: rgb(150, 151, 151);
	color: #FFFFFF;
	text-align: center;
	margin-top: 30px;
}

.fp-cancelar-dados:hover {
	background-color: rgb(150, 151, 151);
}

.fp-confirm-voltar {
	height: 40px;
	cursor: pointer;
	background-color: rgb(150, 151, 151);
	color: #FFFFFF;
	text-align: center;
	margin-top: 30px;
}

.fp-confirm-voltar:hover {
	background-color: rgb(150, 151, 151);
}

/*
    Info Top Home
*/
.divHomeSimulator {
	width: 350px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: left top;
}

.Rectangle_InfoTop {
	width: 140px;
	position: absolute;
	right: 203px;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.133));
	overflow: visible !important;
	border-radius: 30px;
	background-color: rgba(255, 255, 255, 1);
}

.linhaDivisoria_TopInfo {
	width: 100%;
	height: 1px;
	background-color: #E2E2E2;
	text-align: center;
}

.PositionTopRet_TopInfo {
	padding: 10px 5px;
	align-content: left;
}

.limitLineCenter_TopInfo {
	padding-left: 20px;
	padding-right: 20px;
}

.InfoBase_TopInfo {
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
	font-family: Objectivity, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: rgba(59, 60, 62, 0.6);
	letter-spacing: -0.16071670532226562px;
}

.InfoDisplay_TopInfo {
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: -3px;
	text-align: left;
	font-family: Objectivity, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: -0.16071670532226562px;
	color: rgba(59, 60, 62, 1);
}

.mdl-menu__container {
	right: 94px !important;
	top: 30px !important;
	background-color: transparent;
	border-radius: 30px;
}

.mdl-menu__container.is-visible {
	border-radius: 30px !important;
}

.mdl-menu__outline {
	border-radius: 30px !important;
}

.spinner {
	animation: rotator 1.4s linear infinite;
}

.spinner_install {
	animation: rotator 1.4s linear infinite;
	color: green
}

@keyframes rotator {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(270deg);
	}
}

.path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	transform-origin: center;
	animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@keyframes colors {
	0% {
		stroke: #1a3f7a;
	}

	25% {
		stroke: #de3e35;
	}

	50% {
		stroke: #f7c223;
	}

	75% {
		stroke: #1b9a59;
	}

	100% {
		stroke: #1a3f7a;
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}

	50% {
		stroke-dashoffset: 46.75;
		transform: rotate(135deg);
	}

	100% {
		stroke-dashoffset: 187;
		transform: rotate(450deg);
	}
}

div.base_spinner {
	z-index: 10;
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	bottom: 0;
	background-color: white;
	opacity: 0.4;
	display: none;
	justify-content: center;
	align-items: center;
	transition: all 2s linear;
}

div.base_spinner_Whats {
	color: white;
	justify-content: center;
	align-items: center;
	transition: all 2s linear;
}

div.base_spinner_install {
	margin-top: 20px;
	z-index: 10;
	display: none;
	justify-content: center;
	align-items: center;
	transition: all 2s linear;
}

.logoPosition {
	margin-top: 120px;
	margin-bottom: 40px;
}

.InstalliOSTitle {
	margin-top: 20px !important;
	margin-top: -1.5px;
	margin-bottom: 50px;
	white-space: nowrap;
	line-height: 38px;
	text-align: left;
	font-family: Objectivity, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: lighter;
	font-size: 35px;
	letter-spacing: -0.4px;
	color: #FFFFFF;
}

.gridInstalliOS {
	display: grid;
	grid-template-columns: 25% 75%;
}

.iOSTextInstructions {
	overflow: visible;
	line-height: 23px;
	width: 100%;
	color: #FFFFFF;
	text-align: left;
	font-family: Objectivity, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	border: 0px;
}

.iOSFontIcons-iOSInstall {
	font-family: SF Pro Text;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 1);
	letter-spacing: 0.002800000011920929px;
}

.FooteriOSInstall {
	margin-top: 70px;
	margin-bottom: 45px;
	text-align: center;
}

.iOSTextFooter {
	margin-top: 15px;
	margin-bottom: 25px;
	color: #FFFFFF;
	text-align: center;
	font-family: Objectivity, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	border: 0px;
}

/* As 3 classes abaixo são do modal usado nos Beneficiários (em cadastro geral e incompleto) */
.modal-mask {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	display: table;
	transition: opacity 0.3s ease;
}

.modal-wrapper {
	display: table-cell;
	max-width: 100vw;
}

.modal-wrapper .modal-disclaimer-content {
	border-radius: 0;
	height: 98%;
	overflow-y: scroll;
	background: white;
}

.itemCadastro {
	margin-bottom: 5px;
	margin-top: 25px !important;
	font-family: 'MaisFuturo-Regular';
	font-size: 14px;
}

/* AJUSTES DE CSS */
.modal-disclaimer-content {
	margin-top: 5%;
}

/*
    AD30 beneficiário menor de idade
    Páginas de Simulação: Universidade, Previdência Privada
*/
.text--simulacao-resultado {
	padding: 15px 0 0 0;
	font-family: 'MaisFuturo-Bold';
	font-size: 30px;
	color: #105170;
}

.text--simulacao-resultado>span {
	font-size: 16px;
}

/* v-select padrão app */
.div-img-vSelect {
	display: flex;
	justify-content: flex-end;
	padding-right: 4px;
	margin-top: -36px;
}

.box-login {
	padding: 20px;
	background-color: rgba(243, 241, 241, 0.934);
	border-radius: 10px;
	margin-top: 20px;
	width: 90%;
	max-width: 600px;
}

.logo-page-splash {
	margin-top: -80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.span-invalid {
	color: rgb(184, 10, 10);
	font-size: 12px;
}

.vs__selected {
	white-space: nowrap;
	font-size: 16px;
	margin: 0 !important;
	display: block !important;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vs__selected-options {
	align-items: baseline;
	width: 75%;
	cursor: pointer;
}

.vs__selected-options>input {
	/* width: 100%;
    max-width: 420px; */
	border-radius: 0px !important;
	border: none !important;
	padding: 0px !important;

}

.vs__dropdown-menu {
	width: 99%;
	min-width: 140px;
	max-height: 200px;
	width: 140px;
	border-radius: 0 0 0 0px;
	font-size: 13px;
	font-family: 'MaisFuturo-Medium';
	letter-spacing: -0.21px;
	z-index: 99999 !important;
	font-weight: 100 !important;
	color: rgb(80, 81, 83);
}

.vs__clear {
	display: none !important;
}

.vs__search {
	margin-left: 10px !important;
	line-height: 14px;
	margin-top: 0 !important;
}

.vs__actions {
	display: none;
}

.beneficiario_card .icon {
	position: absolute;
	width: 70px;
	height: 70px;
	background-color: white;
	color: black;
	border-radius: 50%;
	justify-content: center;
	display: flex;
	align-items: center;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
}

.beneficiario_card .icon img {
	width: 100%;
}

.mt-50 {
	margin-top: 50px;
}

.mt-25 {
	margin-top: 25px;
}

.span_contribuicao_prefixo {
	font-family: 'MaisFuturo-Bold';
	font-size: 22px;
	letter-spacing: -1px;
	margin-right: 5px;
}

.span_contribuicao_valor {
	font-family: 'MaisFuturo-Black';
	font-size: 30px;
	letter-spacing: -2px;
	color: #0C7BC6;
}

.p_label_renda {
	margin-top: 5px;
	font-size: 11px;
	font-family: 'MaisFuturo-Medium';
	color: #3B3C3E;
	letter-spacing: -0.19px;
	opacity: 0.7;
	height: 14px;
	margin-bottom: 5px;
}

.p_label_renda_2 {
	margin: 5px ​0;
	font-weight: bold;
	font-family: 'MaisFuturo-Medium';
	color: #3B3C3E;
}

.span_valor {
	font-family: 'MaisFuturo-Bold';
	font-size: 16px;
	letter-spacing: -2px;
	color: #003366;
}

.span_valor_projetado_menor {
	font-family: 'MaisFuturo-Bold';
	font-size: 20px;
	letter-spacing: -2px;
	color: #003366;
}

.span_prefixo {
	font-family: 'MaisFuturo-Bold';
	font-size: 22px;
	letter-spacing: -1px;
	margin-right: 5px;
}

.d-flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.d-flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

small.description-card {
	font-family: 'MaisFuturo-thin';
	font-size: 14px;
	line-height: 20px;
	color: #2c2c2c;
}

small.description-parabens {
	font-family: 'MaisFuturo-thin';
	font-size: 22px;
	line-height: 26px;
	color: #2c2c2c;
	margin-top: 15px;
}

small.description-card b {
	font-family: 'MaisFuturo-Regular';
}

.info-destaque {
	font-family: 'MaisFuturo-Medium';
	color: black;
	font-size: 20px !important;
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.d-flex {
	display: flex;
}

.position-relative {
	position: relative;
}

.id-w-100 {
	width: 100%;
}

.header-completar-cadastro {
	position: relative;
	width: 100%;
}

.header-completar-cadastro img {
	width: 100%;
}

.header-completar-cadastro h3 {
	position: absolute;
	top: 12px;
	left: 18px;
	font-family: 'MaisFuturo-Medium';
	color: white;
	margin-top: 0;
	font-size: 22px;
	max-width: 60%;
}

.header-completar-cadastro--regime h3 {
	color: #212121;
}

.wizard-complete .vs__selected,
.wizard-complete .vs__actions {
	padding-left: 0 !important;
	padding-bottom: 0 !important;
}

.wizard-complete .two-inputs-inline {
	display: flex;
	justify-content: space-between;
}

.wizard-complete .two-inputs-inline .input-complete {
	width: 80%;
}

.logo-container {
	margin-right: 15px;
}

.wizard-complete .input-complete {
	border: 1px solid #C2C2C2;
	border-radius: 16px;
	width: 90%;
	height: 30px;
	padding: 5px;
	padding-left: 15px;
	margin-top: 1px;
	font-size: 14px;
	box-sizing: initial;
	color: #174b8f !important;
	font-weight: 500;
}

.wizard-complete .span-label {
	width: 90%;
	font-size: 14px;
	box-sizing: initial;
	height: 14px;
}

.wizard-complete .input-complete.invalid {
	border: 1px solid red;
}

/* hide arrows */
/* Chrome, Safari, Edge, Opera */
.wizard-complete input::-webkit-outer-spin-button,
.wizard-complete input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.wizard-complete input[type=number] {
	-moz-appearance: textfield;
}

.wizard-complete .vs__search {
	margin-left: 0 !important;
	padding: 6px 0 !important;
	color: #6e6c6c;
}

.wizard-complete .option-radio {
	display: flex;
	align-items: center;
	position: relative;
}

.wizard-complete input[type='radio'] {
	height: 25px;
	width: 25px;
	margin: 10px;
}

.wizard-complete input::-webkit-input-placeholder {
	transform: none;
	font-size: 14px;
	transition: none
}

.wizard-complete input:focus::-webkit-input-placeholder {
	transform: none;
	visibility: hidden !important;
	opacity: 1;
}

.msg-error {
	font-size: 12px !important;
	font-weight: 800 !important;
	color: #ca1919e5 !important;
	margin-top: 10px;
	margin-left: 10px;
}

.card-add-beneficiarios {
	display: flex;
	justify-content: space-between;
	margin: 40px auto;
}

.card-add-beneficiarios .text-part {
	width: 70%;
}

.card-add-beneficiarios .btn-add {
	width: 40px;
	margin: 0;
	font-size: 35px;
	font-weight: 700;
}

.card-add-beneficiarios h4 {
	font-family: 'MaisFuturo-Medium';
	font-size: 18px;
	margin: 0;
	color: #2C2C2C;
}

.btn-nao-vincular {
	margin: 0;
	width: 100%;
	height: 70px;
	border-radius: 12px !important;
	background-color: #307abb;
	font-family: 'MaisFuturo-Medium';
	font-size: 16px;
}

.back-button {
	margin: auto;
	background-color: #C4C4C4;
	width: 100%;
	margin-top: 50px;
}

.beneficiario_background {
	width: 94%;
	background: linear-gradient(45deg, #1e70dc 0%, #0c2648 100%);
	border-radius: 12px;
	color: white;
	margin-left: auto;
	min-height: 70px;
	display: flex;
}

.beneficiario_card {
	width: 100%;
	position: relative;
	margin: 25px 0;
	cursor: pointer;
}

.beneficiario_card .icon {
	position: absolute;
	width: 70px;
	height: 70px;
	background-color: white;
	color: black;
	border-radius: 50%;
	justify-content: center;
	display: flex;
	align-items: center;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
}

.beneficiario_card .icon img {
	width: 100%;
}

.beneficiario_card .beneficiario_background {
	width: 84%;
	background-color: #307ABB;
	border-radius: 12px;
	color: white;
	margin-left: auto;
	min-height: 76px;
	padding: 0 12px;
}

.beneficiario_card .beneficiario_background .card-content {
	margin: 10px;
	margin-left: 15%;
	font-family: 'MaisFuturo-Regular';
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.beneficiario_background .card-content h4 {
	font-size: 15px;
	margin: 0;
}

.beneficiario_background .card-content .status-card {
	font-size: 12px;
	letter-spacing: 0.05em;
}

.disclaimer {
	font-family: 'MaisFuturo-Regular', sans-serif !important;
	font-size: 12px !important;
	margin: 0 0 8px !important;
	line-height: 16px !important;
}

.beneficiario_background .card-content .icon-rigth-card {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.add-buttons button {
	width: 48%;
	margin: 0;
	margin-top: 20px;
	border-radius: 8px !important;
}

.add-buttons .right-btn {
	float: right;
}

.add-buttons .left-btn {
	float: left;
	background-color: #C4C4C4;
}

.add-buttons .left-btn:focus {
	background-color: #ffffff;
	color: #C4C4C4;
	border: 1px solid #C4C4C4;
}

.divide-cobertures {
	margin: 0;
	border-radius: 10px !important;
	font-family: 'MaisFuturo-Medium';
	width: 100%;
}

.options-benefits button {
	border-radius: 15px !important;
	margin: 0;
	margin-bottom: 50px;
}

.options-benefits .left-btn {
	width: 48%;
	float: left;
	background-color: #C4C4C4;
}

.options-benefits .right-btn {
	width: 48%;
	float: right;
}

.options-benefits .bottom-btn {
	margin-top: 20px;
	width: 100%;
}

.card-divide-cobertures h4 {
	font-family: 'MaisFuturo-Bold';
	font-size: 18px;
	line-height: 25px;
	margin: 0;
	color: #2C2C2C;
}

.card-divide-cobertures small {
	color: #2C2C2C;
	font-family: 'MaisFuturo-Regular';
}

.cobertura_card {
	margin: 20px 5px 20px 5px;
	box-shadow: 0px 4px 4px #00000040;
	width: auto;
	border-radius: 10px;
	padding: 10px;
}

.cobertura_card:last-child {
	margin-bottom: 25%;
}

.cobertura_card .icon {
	border-radius: 50%;
	overflow: hidden;
	min-width: 70px;
	margin-bottom: 5px;
}

.cobertura_card .icon img {
	width: 70px;
	height: 70px;
}

.cobertura_card .information-user {
	width: 40%;
	color: #2c2c2c;
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-self: center;
	margin-left: 10px;
}

.cobertura_card .percent {
	width: 35%;
	color: #2C2C2C;
}

.cobertura_card .percent h4 {
	font-family: 'MaisFuturo-Bold';
	font-size: 20px;
	text-align: right;
}

.cobertura_card .percent-input {
	width: 100%;
}

.box-minmax {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-left: 5px;
}

.square input[type="radio"] {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	height: 20px;
	width: 20px;
	border: 1px solid black;
	border-radius: 5px;
	padding: 0;
	display: block;
}

.square input[type="radio"]:checked {
	background: #307ABB;
}

.square input[type="radio"] {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	height: 20px;
	width: 20px;
	border: 1px solid black;
	border-radius: 5px;
	padding: 0;
	display: block;
}

.square input[type="radio"]:checked {
	background: #307ABB;
}

.square input[type="radio"]:after {
	content: '';
	position: relative;
	left: 40%;
	top: 20%;
	width: 15%;
	height: 40%;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	display: none;
}

.square input[type="radio"]:checked:after {
	display: block;
}

.square input[type="radio"]:disabled:after {
	border-color: #7b7b7b;
}

input[type=range].percent-input {
	padding: 0;
	margin: 20px 0;
	width: 100%;
}

.redirect-card--cadastro-geral {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
}

.redirect-card--cadastro-geral .icon {
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: white;
	color: black;
	border-radius: 50%;
	justify-content: center;
	display: flex;
	align-items: center;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 3px 4px 11px 0px #00000066;
}

.redirect-card--cadastro-geral .backgound-part {
	margin-left: auto;
	padding: 1px;
	width: auto;
	border-radius: 12px;
	background-color: #ffffff;
	color: #212121;
	box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5);
}

.redirect-card--cadastro-geral .backgound-part .card-content {
	margin: 10px;
	font-family: 'MaisFuturo-Regular';
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.backgound-part .card-content h4 {
	font-size: 15px;
	margin: 0;
}

.backgound-part .card-content .status-card {
	font-size: 12px;
	letter-spacing: 0.05em;
}

.backgound-part .card-content .icon-rigth-card {
	font-weight: 400;
	font-size: 24px;
	display: inline-block;
}

.redirect-card--cadastro-geral .backgound-part-disable {
	width: 85%;
	background: linear-gradient(45deg, #b8bdbbc5 0%, #3d4141c5 100%);
	border-radius: 12px;
	color: white;
	margin-left: auto;
	padding: 5px 12px;
	cursor: auto;
}

.redirect-card--cadastro-geral .backgound-part-disable .card-content {
	margin: 10px;
	margin-left: 15%;
	font-family: 'MaisFuturo-Regular';
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.backgound-part-disable .card-content h4 {
	font-size: 15px;
	margin: 0;
}

.backgound-part-disable .card-content .status-card {
	font-size: 12px;
	letter-spacing: 0.05em;
}

.backgound-part-disable .card-content .icon-rigth-card {
	font-weight: 400;
	font-size: 24px;
	display: inline-block;
}

/* Custom classes */
/* purgecss start ignore */
.full-icon {
	background: transparent !important;
}

.full-icon img {
	width: 100% !important;
}

.btn-radio-option {
	display: flex;
	border-radius: 8px;
	box-shadow: 0px 4px 4px #00000040;
	align-items: center;
	padding: 15px;
	margin: 12px 0;
}

.btn-radio-option input {
	margin-right: 15px;
	margin-top: 0;
}

.btn-radio-option label {
	font-family: 'MaisFuturo-Bold';
	color: black;
	font-size: 18px;
}

.confirm-option-profile {
	display: flex;
	font-family: 'MaisFuturo-Regular';
	font-size: 15px;
	color: black;
}

.confirm-option-profile input {
	width: 25px;
	height: 25px;
	margin: 5px 15px;
}

/* estilo do card com emblema */
.cadastro-geral .card-tipo-plano .body .content {
	padding: 8% 5% 5% 5%;
	border-top: 50px solid #0C7BC6;
	box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5);
}

.cadastro-geral .content p:first-child {
	font-size: 14px;
}

.cadastro-geral .content p {
	font-family: 'MaisFuturo-Regular', sans-serif;
}

.cadastro-geral .card-tipo-plano .body {
	max-width: -webkit-fill-available;
}

.resumoPerfil {
	margin-bottom: 20px;
}

.mais-amigos-termos__background {
	background-size: contain;
	background-color: #66b0d5;
}

.footer-margin-top {
	margin-top: 5px;
}

@font-face {
	font-family: 'MaisFuturo-Medium';
	font-style: medium;
	font-weight: medium;
	src: url('./fonts/maisfuturo/Objectivity-Medium.woff2') format('woff2'),
}

@font-face {
	font-family: 'MaisFuturo-Thin';
	font-style: medium;
	font-weight: medium;
	src: url('./fonts/maisfuturo/Objectivity-Thin.woff2') format('woff2'),
}

@font-face {
	font-family: 'MaisFuturo-Regular';
	font-style: medium;
	font-weight: medium;
	src: url('./fonts/maisfuturo/Objectivity-Regular.woff2') format('woff2'),
}

@font-face {
	font-family: 'MaisFuturo-Bold';
	font-style: medium;
	font-weight: medium;
	src: url('./fonts/maisfuturo/Objectivity-Bold.woff2') format('woff2'),
}

@font-face {
	font-family: 'MaisFuturo-Black';
	font-style: medium;
	font-weight: medium;
	src: url('./fonts/maisfuturo/Objectivity-Black.woff2') format('woff2')
}

@media screen and (max-width: 426px) {
	.footer-margin-top {
		margin-top: 45px;
	}

	.fp-follow {
		margin-top: 5px;
	}

	.fp-titlebar h3 {
		margin-left: 40px;
	}

	.fp-name-follow-container {
		margin-left: 5%;
	}

	.fp-notifications {
		margin-top: 10px;
	}

	.fp-user-following {
		margin: 35px 16px 0 16px;
	}

	.fp-user-avatar {
		width: 100px;
		min-width: 80px;
		height: 100px;
		background-size: 100px 100px;
		background-position: inherit;
	}

	.fp-user-container {
		height: 100px;
		min-height: 100px;
		margin: 16px 16px 0 16px;
	}

	.fp-user-username {
		font-size: 20px;
	}

	.fp-searchcontainer {
		max-width: calc(100% - 195px);
		margin-left: 10px;
	}

	#fp-searchResults {
		width: calc(100% + 70px);
		left: -50px;
	}

	.input_principal__se {
		font-size: 30px;
	}

	.mdl-switch {
		height: 18px;
	}

	.mdl-switch__label {
		font-size: 13px;
	}

	.mdl-switch__track {
		width: 32px;
		height: 12px;
	}

	.mdl-switch__thumb {
		height: 16px;
		width: 16px;
		top: 3px;
	}

	.mdl-card {
		font-size: 14px;
	}

	.mdl-grid {
		padding: 0;
	}

	.mdl-snackbar__action {
		margin-right: 60px;
	}

	#page-user-info .fp-user-detail-container {
		margin-top: 5px;
	}

	#page-user-info .fp-user-detail {
		font-size: 13px;
	}

	.p_label__se {
		font-size: 12px;
	}

	.p_mensagem_invalido__se {
		font-size: 12px;
	}

	.p_valor_simulado__se {
		font-size: 16px;
	}

	.span_input_prefixo__se {
		font-size: 16px;
		padding-top: 15px;
	}

	.span_input_sufixo__se {
		font-size: 18px;
		padding-top: 22px;
	}

	.canvas_grafico_doughnut {
		width: 280px;
	}

	.canvas_grafico_line {
		width: 300px;
		height: 300px;
	}

	.canvas_grafico_semi_circle {
		width: 300px !important;
		height: 180px !important;
	}

	.canvas_grafico_simulador {
		width: 250px;
		height: 200px;
	}

	.div_grafico_reserva_legenda {
		width: 160px;
		margin: 10px 0px 0px 0px;
	}

	.div_grafico_contribuicao_legenda {
		width: 200px;
		margin: 75px 0px 0px 0px;
	}

	.span_reserva_text_2 {
		font-size: 25px;
		line-height: 26px;
	}

	.span_reserva_legenda_1_total,
	.span_contribuicao_legenda_1_total {
		font-size: 11px;
	}

	.span_reserva_legenda_2_total,
	.span_contribuicao_legenda_2_total {
		font-size: 26px;
		letter-spacing: 0px;
		line-height: 27px;
	}

	.span_reserva_legenda_1 {
		font-size: 11px;
	}

	.span_reserva_legenda_2 {
		font-size: 20px;
		letter-spacing: 0px;
		line-height: 21px;
	}

	.dd_projeto_vida {
		font-size: 12px;
		line-height: 16px;
	}

	.p-contribuicao-lista {
		margin-left: 8px;
		margin-bottom: 5px;
	}

	.dot {
		width: 16px;
		height: 16px;
	}

	.span-contribuicao-2 {
		font-size: 9px;
	}

	.span-contribuicao-3 {
		font-size: 16px;
	}

	.span-contribuicao-4 {
		font-size: 12px;
	}

	.div-contribuicao-nome {
		font-size: 11px;
	}

	.div-contribiucao-valor {
		font-size: 11px;
	}

	.dd_contribuicao-total {
		font-size: 12px;
		line-height: 12px;
	}

	.span-contribuicao-titulo {
		font-size: 12px;
	}

	.img-mais-amigos-1 {
		width: 140px;
	}

	.img-mais-amigos-2 {
		width: 45px;
	}

	.span-mais_amigos-numero {
		line-height: 45px;
		font-size: 38px;
	}

	.span-mais_amigos-texto {
		line-height: 20px;
		font-size: 12px;
	}

	.p-mais_amigos-linha {
		margin: 0px 20px !important;
	}

	.div-mais_amigos {
		padding-left: 10px;
	}

	.div-educacao_financeira-titulo {
		font-size: 16px;
		line-height: 20px;
	}

	.div-educacao-financeira-button {
		width: 120px;
		padding: 0px 10px;
		font-size: 11px;
	}

	.div-footer-text {
		font-size: 14px !important;
	}

	.span-minicard-text {
		font-size: 12px;
	}
}

@media (min-width: 427px) and (max-width: 768px) {
	.canvas_grafico_doughnut {
		width: 370px;
	}

	.canvas_grafico_line {
		width: 400px;
		height: 350px;
	}

	.canvas_grafico_semi_circle {
		width: 370px !important;
		height: 240px !important;
	}

	.canvas_grafico_simulador {
		width: 300px;
		height: 250px;
	}

	.div_grafico_contribuicao_legenda {
		width: 250px;
		margin: 100px 0px 0px 0px;
	}

	.div_grafico_reserva_legenda {
		width: 220px;
		margin: 35px 0px 0px 0px;
	}

	.span_reserva_text_2 {
		font-size: 32px;
		line-height: 33px;
	}

	.span_reserva_legenda_1_total,
	.span_contribuicao_legenda_1_total {
		font-size: 14px;
	}

	.span_reserva_legenda_2_total,
	.span_contribuicao_legenda_2_total {
		font-size: 35px;
		letter-spacing: 0px;
		line-height: 36px;
	}

	.span_reserva_legenda_1 {
		font-size: 12px;
	}

	.span_reserva_legenda_2 {
		font-size: 29px;
		letter-spacing: 0px;
		line-height: 30px;
	}

	.p-contribuicao-lista {
		margin-left: 12px;
		margin-bottom: 8px;
	}

	.dot {
		width: 18px;
		height: 18px;
	}

	.span-contribuicao-2 {
		font-size: 10px;
	}

	.span-contribuicao-3 {
		font-size: 18px;
	}

	.span-contribuicao-4 {
		font-size: 14px;
	}

	.div-contribuicao-nome {
		font-size: 13px;
	}

	.div-contribiucao-valor {
		font-size: 13px;
	}

	.dd_contribuicao-total {
		font-size: 14px;
		line-height: 14px;
	}

	.span-contribuicao-titulo {
		font-size: 14px;
	}

	.img-mais-amigos-1 {
		width: 170px;
	}

	.img-mais-amigos-2 {
		width: 60px;
	}

	.div-mais_amigos {
		padding-left: 15px;
	}

	.span-mais_amigos-numero {
		line-height: 55px;
		font-size: 45px;
	}

	.span-mais_amigos-texto {
		line-height: 25px;
		font-size: 16px;
	}

	.p-mais_amigos-linha {
		margin: 5px 25px !important;
	}

	.div-educacao_financeira-titulo {
		font-size: 18px;
		line-height: 22px;
	}

	.div-educacao-financeira-button {
		width: 150px;
		padding: 0px 10px;
		font-size: 12px;
	}

	.div-footer-text {
		font-size: 18px !important;
	}
}

@media screen and (min-width: 769px) {
	.fp-header .mdl-layout__header-row.fp-titlebar {
		height: 56px;
	}

	.fp-titlebar h3 {
		font-size: 20px;
	}

	.fp-titlebar h3 .material-icons {
		top: 2.5px;
		font-size: 23px;
	}

	#page-user-info .fp-overlay {
		height: 30px;
		bottom: 0;
		justify-content: flex-start;
		opacity: 0.8;
		padding-left: 10px;
		box-sizing: border-box;
		overflow: hidden;
		background-color: white;
		color: #666;
	}

	.fp-overlay .fp-pic-text {
		width: auto;
		padding-right: 10px;
		padding-left: 20px;
		left: auto;
		bottom: auto;
		position: relative;
		opacity: 1;
		flex-grow: 1;
		text-align: right;
		font-weight: 300;
		color: inherit;
	}

	.fp-post .fp-image {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.fp-searchcontainer {
		max-width: 140px;
		margin-left: 20px;
	}

	.fp-searchcontainer #fp-searchResults {
		width: calc(100% + 90px);
	}
}


/* Media query para tela de 6.1 polegadas */
@media (max-width: 320px) and (min-height: 608px) {
	/* Ajuste os estilos para acomodar as dimensões especificadas */

	.img-mas-futuro {
		width: 180px;
		height: 55px;
	}


	.primeiro-login {
		position: fixed;
		top: 0;
		left: 0;
		background-image: linear-gradient(#062f66, #1a6bb6);
		z-index: 10000;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		flex-direction: column;
		overflow: auto;
	}

	.primeiro-login .fp-caption {
		margin: 5x 5px 40px 5px;
		color: white;
		font-family: "MaisFuturo-Regular";
		font-size: 18px;
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 3px;
		opacity: 0.8;
	}

	.primeiro-login .fp-caption2 {
		color: white;
		font-family: "MaisFuturo-Thin";
		font-size: 12px;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 1px;
		opacity: 0.8;
	}

	/* Ajuste o tamanho dos botões, margens, paddings, etc. */
	.mdl-button {
		font-size: 8px;
		padding: 5px;
		margin: 3px;
	}
}

/* v-select padrão app */
.div-img-vSelect {
	display: flex;
	justify-content: flex-end;
	padding-right: 4px;
	margin-top: -36px;
}
.vs__dropdown-toggle {
	width: 100%;
	/*max-width: 520px;*/
	border: none !important;
	/* border-radius: 0px !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important; */
	/* border-bottom: 2px solid #03a9f4 !important; */
	cursor: pointer;
	padding: 0px !important;
}
div.v-select {
border-bottom: 2px solid #03a9f4
}
div.vs--disabled {
border-bottom: 2px solid #7b7b7b
}
.vs__selected {
	white-space: nowrap;
	font-size: 16px;
	margin: 0 !important;
	display: block !important;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vs__selected-options {
	align-items: baseline;
	width: 75%;
	cursor: pointer;
}
.vs__selected-options > input {
	/* width: 100%;
	max-width: 420px; */
	border-radius: 0px !important;
	border: none !important;
	padding: 0px !important;

}
.vs__dropdown-menu {
	width: 99%;
	min-width: 140px;
	max-height: 200px;
	width: 140px;
	border-radius: 0 0 0 0px;
	font-size: 13px;
	font-family: 'MaisFuturo-Medium';
	letter-spacing: -0.21px;
	z-index: 99999 !important;
	font-weight: 100 !important;
	color: rgb(80, 81, 83);
}
.vs__clear {
	display: none !important;
}
.vs__search {
	margin-left: 10px !important;
	line-height: 14px;
	margin-top: 0 !important;
}
.vs__actions {
	display: none;
}