/*
 * Folha de estilos do portal
 */

@import url(principal.css);

/* Acessar */
section#acessar div.container {
    max-width:850px;
}
section#acessar div.normal {
	background:#004d7c;
	color:#003656;
	padding:60px 40px;
}
section#acessar div.normal .form-control {
	background-color:#fff;
    border:none;
    border-bottom:2px solid rgba(255,255,255,0.1);
    color:#003656;
	padding:.6rem .9rem .6rem 1.8rem;
}
section#acessar div.normal .form-control:focus {
    border-color:#003656;
    outline:0;
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent;
}
section#acessar div.normal .form-group {
	position:relative;
}
section#acessar h4{
	color: #fff;
}
section#acessar div.normal .form-group.email:before,
section#acessar div.normal .form-group.senha:before,
section#acessar div.normal .form-group.protocolo-contrato:before {
    font-family:'Font Awesome 5 Free';
	font-size:1rem;
	left:0;
	position:absolute;
	text-align:center;
    text-rendering:auto;
    top:.25rem;
    width:28px;
    -webkit-font-smoothing:antialiased;
}
section#acessar div.normal .form-group.email:before {
    content: "\f007";
    font-weight: 900;
}
section#acessar div.normal .form-group.protocolo-contrato:before {
	content: "\f292";
	font-weight: 900;
}
section#acessar div.normal .form-group.senha:before {
    content: "\f084";
    font-weight: 900;
}
section#acessar div.normal div.opcoes {
	color:rgba(255,255,255,0.7);
}
section#acessar div.normal div.opcoes a {
	color:rgba(255,255,255,0.7);
}
section#acessar div.normal div.opcoes a:hover {
	color:#FFF;
	text-decoration:none;
}
section#acessar div.certificado {
	background:#363636;
	color:#FFF;
	padding:60px 40px;
}
section#acessar div.certificado figure {
	width:90%;
}
section#acessar div.voltar a {
	color:#545454;
}

/* Cabeçalho */
nav#navbar-topo {
	background-color:#363636;
}
nav#navbar-topo ul.navbar-nav a {
	color:rgba(255,255,255,0.7);
}
nav#navbar-topo ul.navbar-nav a:hover {
	color:#FFF;
}
nav#navbar-topo div.botoes {
	border-left:1px solid #FFF;
}
nav#navbar-topo div.usuario>button {
	background:transparent;
	border:none;
	color:rgba(255,255,255,0.7);
	padding-right:1.8rem;
}
nav#navbar-topo div.usuario>button:after {
    border:none;
	content: "\f078";
	font-family: 'Font Awesome 5 Free';
	font-size:.8rem;
    font-weight: 900;
	right:0;
	position:absolute;
	text-align:center;
    text-rendering:auto;
    top:0.75rem;
    width:1.8rem;
    -webkit-font-smoothing:antialiased;
}
nav#navbar-topo div.usuario>button>figure {
	background:#FFF;
	border-radius:2px;
	height:32px;
	position:relative;
	width:32px;
}
nav#navbar-topo div.usuario>button>figure.no-img:after {
    border:none;
    color: #444;
    content: "\f2bd";
	font-family: 'Font Awesome 5 Free';
	font-size:1.3rem;
    font-weight: 900;
	left:.1rem;
	position:absolute;
	text-align:center;
    text-rendering:auto;
    top:0.05rem;
    width:1.8rem;
    -webkit-font-smoothing:antialiased;
}
nav#navbar-topo div.usuario>button>span {
	line-height:32px;
	height:32px;
}
nav#navbar-topo div.usuario>div.dropdown-menu {
	background-color:#363636;
	border:none;
	border-radius:0 0 2px 2px;
	font-size:.9rem;
	left:auto;
	right:0;
}
nav#navbar-topo div.usuario>div.dropdown-menu a.dropdown-item {
	color:rgba(255,255,255,0.7);
	padding:.5rem 1.5rem .5rem 1rem;
}
nav#navbar-topo div.usuario>div.dropdown-menu a.dropdown-item:hover,
nav#navbar-topo div.usuario>div.dropdown-menu a.dropdown-item:active,
nav#navbar-topo div.usuario>div.dropdown-menu a.dropdown-item:focus {
	background-color:#0f3f7a;
	color:#FFF;
}
nav#navbar-topo div.usuario>div.dropdown-menu a.dropdown-item>i {
	vertical-align:middle;
	text-align:center;
	width:21px;
}
nav#navbar-topo div.usuario>div.dropdown-menu a.dropdown-item>span {
	margin-left:.3rem;
	vertical-align:middle;
}
nav#navbar-topo div.pessoa-ativa button {
	background-color:#222;
	border-color:#222;
	color:#FFF;
	max-width:300px;
	padding-right:1.8rem;
}
nav#navbar-topo div.pessoa-ativa button:hover,
nav#navbar-topo div.pessoa-ativa button:focus,
nav#navbar-topo div.pessoa-ativa button:active,
nav#navbar-topo div.pessoa-ativa.show>button.dropdown-toggle {
	background-color:#111;
	border-color:#111;
}
nav#navbar-topo div.pessoa-ativa i {
    margin-right: 5px;
    vertical-align:middle;
}
nav#navbar-topo div.pessoa-ativa span {
    vertical-align:middle;
}
nav#navbar-topo div.pessoa-ativa button>span {
	display:inline-block;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:calc(100% - 1.8rem);
}
nav#navbar-topo div.pessoa-ativa button:after {
    border:none;
	content: "\f078";
	font-family: 'Font Awesome 5 Free';
	font-size:.8rem;
    font-weight: 900;
	right:0;
	position:absolute;
	text-align:center;
    text-rendering:auto;
    top:0.5rem;
    width:1.8rem;
    -webkit-font-smoothing:antialiased;
}
nav#navbar-topo div.pessoa-ativa div.dropdown-menu {
	background-color:#111;
}
nav#navbar-topo div.pessoa-ativa div.dropdown-menu a.dropdown-item {
	padding:.5rem 1.5rem .5rem 1rem;
}
nav#navbar-topo div.ajuda a {
    background-color: #444;
    border-radius: 2px;
    color: #FFF;
    padding: .4rem .5rem;
}
nav#navbar-topo div.ajuda a>i {
    font-size: 1.2rem;
}
nav#navbar-topo div.ajuda a:hover {
    background: #555;
    text-decoration: none;
}
nav#navbar-topo div.creditos a {
    border-radius: 2px !important;
    padding: .4rem .5rem;
}
nav#navbar-topo div.creditos a>i {
    font-size: 1.2rem;
}

div.hide {
max-height: 0;
pointer-events: none;
}

/* Menu da aplicação */
nav#navbar-menu {
	background-color:#004d7c;
	padding:1.5rem 0 0 0;
}
nav#navbar-menu:before {
	background-color:#FFF;
	content:'';
	height:71px;
	left:0;
	position:absolute;
	top:100%;
	width:100%;
	z-index:1;
}
nav#navbar-menu div.box-menu {
	position:relative;
	width:100%;
}
nav#navbar-menu ul.navbar-nav>li>a {
	color: #FFF;
	font-size: 1rem;
	padding: 1rem .9rem;
}
nav#navbar-menu ul.navbar-nav>li>a:hover {
	color:#1e98bf;
}
nav#navbar-menu ul.navbar-nav>li>a>i {
	font-size:1.2rem;
	vertical-align:middle;
}
nav#navbar-menu ul.navbar-nav>li>a>i.menu-icon-alert {
    background: #F00;
    border-radius: 100%;
    font-size: .8rem;
    height: 21px;
    position: absolute;
    padding: 5px 6px 5px 4px;
    text-align: center;
    right: -3px;
    top: 10px;
    width: 21px;
}
nav#navbar-menu ul.navbar-nav>li>a:hover>i.menu-icon-alert,
nav#navbar-menu ul.navbar-nav>li.active>a>i.menu-icon-alert {
    color: #FFF;
}
nav#navbar-menu ul.navbar-nav>li>a>span {
	vertical-align:middle;
}
nav#navbar-menu ul.navbar-nav>li.dropdown>a.dropdown-toggle:after {
	display:none;
}
nav#navbar-menu ul.navbar-nav>li.active>a {
	background-color:#FFF;
	border-radius:4px 4px 0 0;
	color:#004d7c;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub {
    display:none;
    left:0;
    padding:0 1.5rem;
    position:absolute;
    top:100%;
    width:100%;
    z-index:999;
}
nav#navbar-menu ul.navbar-nav>li.active>ul.navbar-sub {
	display:flex;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li {
	position:relative;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li+li {
	margin-left:1.5rem;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li>a:not(.btn) {
	color:#545454;
	padding:1.5rem 0;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li.active>a:not(.btn) {
	color:#004d7c;
	font-weight:bold;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li>a>i {
	font-size:1rem;
	vertical-align:middle;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li>a>span {
	vertical-align:middle;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li>a.active {
	color:#004d7c;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li>a.btn {
	margin:.95rem 0;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li.dropdown>a.dropdown-toggle:after {
	vertical-align:middle;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li.dropdown>div.dropdown-menu {
	background-color:#FFF;
	border:none;
	border-radius:0;
	box-shadow:0 1px 1px rgba(0,0,0,0.2);
	font-size:inherit;
	margin:0;
}
nav#navbar-menu ul.navbar-nav>li>ul.navbar-sub>li.dropdown>div.dropdown-menu>a.active {
	background-color:transparent;
	color:#004d7c;
}
div>button.incluir-telefone-vendedor, div>button.incluir-telefone-comprador{
	margin-left: -10px;
}

/*
 * Conteúdo do aplicativo
 * Aqui conterão todos os estilos comuns à todo o sistema,
 * caso hajam estilos específicos, precisam ser categorizados e
 * definidos em outra parte desta folha.
 */
section#app {
	padding: 91px 0 20px 0;
}
div.card.box-app {
	background-color:#FFF;
	border:none;
	border-radius:0;
	padding:0;
}
div.card.box-app>div.card-header {
	background-color:transparent;
	font-size:1.3rem;
	margin:0 1.5rem;
	padding:1rem 0 .5rem 0;
}
div.card.box-app>div.card-header div.card-subtitle {
	font-size:.9rem;
}
div.card.box-app>div.card-body {
	padding:1rem 1.5rem;
}
div.card.box-app>div.card-filter {
	background-color:#EFEFEF;
	display:none;
	margin:0 1.5rem;
	padding:.75rem 1rem;
}
div.card.box-app>table {
	border-left:none;
	border-right:none;
	font-size:.85rem;
	margin:1.5rem 0 0 0;
}
div.card.box-app>table th:first-child,
div.card.box-app>table td:first-child {
	border-left:none;
	padding-left:1.5rem;
}
div.card.box-app>table th:last-child,
div.card.box-app>table td:last-child {
	border-right:none;
	padding-right:1.5rem;
}

section#contrato {
	padding-top:20px;
}

/* Alertas iniciais */
div.alertas a.alerta {
	background:#FAFAFA;
    border:1px solid #EAEAEA;
    border-bottom:5px solid #EAEAEA;
    border-radius:0 0 2px 2px;
    color:#545454;
    display:block;
    padding:2rem 1rem 1.5rem 1rem;
    position:relative;
    text-align:center;
    text-decoration:none;
}
div.alertas a.alerta:hover {
	color:#000;
}
div.alertas a.alerta>span.badge {
	border-radius:0;
	display:block;
	padding:.5rem .55rem;
	position:absolute;
	top:0;
	right:0;
}
div.alertas a.alerta>i {
	border:3px solid #EAEAEA;
	border-radius:100%;
	font-size:3.5rem;
	margin-bottom:.5rem;
	padding:1rem;
}

/* Fieldsets */
fieldset>legend {
	font-size:1rem;
	font-weight:bold;
	margin-bottom:0;
}

/* Alterações no Datepicker */
.datepicker {
	border:0;
	border-radius:0;
	box-shadow:0 0 1px rgba(0,0,0,0.3);
	font-size:.9rem;
	padding:0.7rem;
}
.datepicker table tr th,
.datepicker table tr td,
.datepicker table tr td.range {
	border-radius:100%;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
	background-color:transparent;
	color:#004d7c;
}
.input-daterange input {
	border-radius:0 !important;
	text-align:inherit;
}
.input-daterange .input-group-addon {
	margin:0;
	padding:.375rem .45rem;
	text-shadow:inherit;
}

/* Alterações no upload de arquivos */
label.arquivo-upload {
	background:#FCFCFC;
    border:1px solid #e5e5e5;
	cursor:pointer;
    padding:1rem;
    text-align:center;
    width:100%;
}
label.arquivo-upload:hover {
	background:#F0F0F0;
    border:1px solid #DDD;
}
label.arquivo-upload>span>i {
	font-size:7rem;
	margin-bottom:.5rem;
}
label.arquivo-upload>span>h4 {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	width:100%;
}
label.arquivo-upload>input[type=file] {
	display:none;
}
div.progresso-upload {
	border-radius:0;
}
div.arquivo>button.nome,
div.arquivo>button.assinatura {
	padding:0 .45rem;
}
div.arquivo>button.remover {
	padding:.282rem .25rem;
}
div.arquivo>button.remover>i {
	font-size:1.5rem;
	vertical-align:middle;
}
div.arquivo>button.assinatura {
    color:#111;
    background-color:#ffc107;
    border-color:#ffc107;
}
div.arquivo>button.assinatura:before {
    content:'\f3c1';
	font-family:'Font Awesome 5 Free';
	font-size:1rem;
	font-weight:900;
    text-rendering:auto;
	-webkit-font-smoothing:antialiased;
}
div.arquivo>button.assinatura.in_assinado {
    color:#fff;
    background-color:#28a745;
    border-color:#28a745;
}
div.arquivo>button.assinatura.in_assinado:before {
	content:'\f023';
}
div.arquivo>button.assinatura.erro {
    color:#fff;
    background-color:#dc3545;
    border-color:#dc3545;
}

/* Assinatura */
section#assinatura {
	padding:15px;
}

.modal-lg {
	min-width: 1000px;
}

.btn-primary.disabled,
.btn-primary:disabled {
	background-color:#003656;
	border-color:#003656;
	opacity:0.5 !important;
}

/* Alterações Bootstrap */
.custom-checkbox .custom-control-label::before,
.custom-radio .custom-control-label::before {
    background-color: #FFF;
    border: 1px solid #CCC;
    top: .17rem;
}
.pagination {
    display: inline-flex;
}
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::after {
    top: .17rem;
}
.label-wrap {
    white-space: normal !important;
}

.quantidade-creditos .btn-decrement,
.quantidade-creditos .btn-increment {
    font-size: 3rem !important;
    min-width: auto;
    padding: 0 3rem;
    border: none;
}
.quantidade-creditos input.snippet-counter {
    text-align: center;
    padding: 0 3rem;
    border: none;
    font-size: 2rem;
    height: 6rem;
}

a.notificacao {
	text-decoration: none;
}
a.notificacao.nao-visualizada,
a.notificacao.nao-visualizada h5 {
	font-weight: bold;
}
a.notificacao.alert-danger:hover {
	background-color: #f5c6cb;
	color: #721c24;
}
a.notificacao.alert-warning:hover {
	background-color: #ffeeba;
	color: #856404;
}