/*
 * Folha de estilos do aplicativo
 * Sagres CERAF (www.ceraf.com.br)
 * Copyright 2017-2018 SAGRES.
 * Douglas Ferreira da Cunha
 */

@import url(principal.css);

/* Acessar */
section#acessar div.container {
    max-width:850px;
}
section#acessar div.normal {
	background:#005ca9;
	color:#FFF;
	padding:60px 40px;
}
section#acessar div.normal .form-control {
	background-color:transparent;
    border:none;
    border-bottom:2px solid rgba(255,255,255,0.1);
    color:#FFF;
	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-control::placeholder {
    color:rgba(255,255,255,0.5);
    opacity: 1;
}
section#acessar div.normal .form-control:-ms-input-placeholder {
    color:rgba(255,255,255,0.5);
}
section#acessar div.normal .form-control::-ms-input-placeholder {
    color:rgba(255,255,255,0.5);
}
section#acessar div.normal .form-group {
	position:relative;
}
section#acessar div.normal .form-group.email:before,
section#acessar div.normal .form-group.senha:before {
	font-family:'Pe-icon-7-stroke';
	font-size:1.26rem;
	left:0;
	position:absolute;
	text-align:center;
    text-rendering:auto;
    top:.4rem;
    width:28px;
    -webkit-font-smoothing:antialiased;
}
section#acessar div.normal .form-group.email:before {
	content:"\e605";
}
section#acessar div.normal .form-group.senha:before {
	content:"\e63f";
}
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:#005ca9;
}
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:"\e688";
	font-family:'Pe-icon-7-stroke';
	font-size:1.8rem;
	right:0;
	position:absolute;
	text-align:center;
    text-rendering:auto;
    top:0;
    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:#363636;
	content:"\e605";
	font-family:'Pe-icon-7-stroke';
	font-size:1.8rem;
	height:32px;
	left:0;
	position:absolute;
    top:-5px;
    width:32px;
    -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:#005ca9;
	border:none;
	border-radius:0 0 2px 2px;
	font-size:.9rem;
	left:auto;
	padding-top:14px;
	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;
    transition: background-color 1s ease 0s;
}
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 {
    transition: background-color 1s ease 0s;
	background-color:#0f3f7a;
	color:#FFF;
}
nav#navbar-topo div.usuario>div.dropdown-menu a.dropdown-item>i {
	font-size:1.26rem;
	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;
}

/* Menu da aplicação */
nav#navbar-menu {
	background-color:#363636;
	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 1.5rem;
}
nav#navbar-menu ul.navbar-nav>li>a:hover {
	color:#FFF;
}
nav#navbar-menu ul.navbar-nav>li>a>i {
	font-size:1.56rem;
	vertical-align:middle;
}
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;
    transition: background-color 1s ease 0s;
}
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:1.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;
}

nav#navbar-menu div.pessoa-ativa {
	position:absolute;
    right:0;
    top:0;
}
nav#navbar-menu div.pessoa-ativa button {
	background-color:#005ca9;
	border-color:#005ca9;
	color:#FFF;
	max-width:300px;
	padding-right:1.8rem;
}
nav#navbar-menu div.pessoa-ativa button:hover,
nav#navbar-menu div.pessoa-ativa button:focus,
nav#navbar-menu div.pessoa-ativa button:active,
nav#navbar-menu div.pessoa-ativa.show>button.dropdown-toggle {
	background-color:#0f3f7a;
	border-color:#0f3f7a;
}
nav#navbar-menu div.pessoa-ativa i {
	font-size:1.26rem;
    vertical-align:middle;
}
nav#navbar-menu div.pessoa-ativa span {
    vertical-align:middle;
}
nav#navbar-menu div.pessoa-ativa button>span {
	display:inline-block;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:calc(100% - 1.4rem);
}
nav#navbar-menu div.pessoa-ativa button:after {
    border:none;
    content:"\e688";
    font-family:'Pe-icon-7-stroke';
    font-size:1.8rem;
    right:0;
    position:absolute;
    text-align:center;
    text-rendering:auto;
    top:-0.2rem;
    width:1.8rem;
    -webkit-font-smoothing:antialiased;
}
nav#navbar-menu div.pessoa-ativa div.dropdown-menu {
	background-color:#0f3f7a;
	left:auto;
	right:0;
}
nav#navbar-menu div.pessoa-ativa div.dropdown-menu a.dropdown-item {
	padding:.5rem 1.5rem .5rem 1rem;
}

/*
 * 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-top: 250px;
}
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;
}
div.card.box-app>table td.options div.dropdown-menu {
	left:auto !important;
	right:0 !important;
	top:100% !important;
	transform:none !important;
}
div.card.box-app>table td div.parte {
    padding-bottom:5px;
    width:100%;
}
div.card.box-app>table td div.parte+div.parte {
    border-top:1px solid #CCC;
    padding-bottom:0;
    padding-top:5px;
}

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;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.alertas a.alerta:hover {
	color:#000;
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 5px 9px 37px -10px rgba(0,0,0,0.33);
    box-shadow: 5px 9px 37px -10px rgba(0,0,0,0.33);
}
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 {
	padding:0 5px;
}
fieldset>legend {
	font-size:1rem;
	font-weight:bold;
	margin-bottom:0;
	margin-left:-5px;
}

/* 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 Select Boostrap */
.bootstrap-select>.dropdown-toggle,
.bootstrap-select>.dropdown-toggle:active,
.bootstrap-select>.dropdown-toggle:focus,
.bootstrap-select>.dropdown-toggle:hover {
	background-color:#FFF;
    border:1px solid #CCC;
    border-radius:0;
    color:#878787;
	font-size:.9rem;
	padding:.345rem  1.5rem .343rem .75rem;
}
.bootstrap-select>.dropdown-toggle>span {
	vertical-align:middle;
}
.bootstrap-select>.dropdown-toggle:active,
.bootstrap-select>.dropdown-toggle:focus,
.bootstrap-select.btn-group .dropdown-menu>li>a {
	outline:0 !important;
    -webkit-box-shadow:0 0 0 0 transparent !important;
    box-shadow:0 0 0 0 transparent !important;
}
.bootstrap-select.btn-group .dropdown-menu {
	border:1px solid #CCC;
	border-radius:0;
	font-size:.9rem;
	margin:0;
	padding:0;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
	display:block;
}
.bootstrap-select.btn-group .dropdown-menu>li>a {
	color:#545454;
	display:block;
	padding:.5rem .7rem;
}
.bootstrap-select.btn-group .dropdown-menu>li.dropdown-header {
	padding:.5rem 1rem 0 1rem;

}
.bootstrap-select.btn-group .dropdown-menu>li>a:hover,
.bootstrap-select.btn-group .dropdown-menu>li>a:active {
	background-color:#F6F6F6;
}
.bootstrap-select.btn-group .dropdown-menu>li.selected>a:after {
	content:'\e66c';
	font-family:'Pe-icon-7-stroke';
	font-size:1.26rem;
	font-weight:bold;
	right:.5rem;
	position:absolute;
	text-align:center;
    text-rendering:auto;
    top:.18rem;
    width:28px;
    -webkit-font-smoothing:antialiased;
}
.bootstrap-select.btn-group .dropdown-menu>li.hidden {
	display:none;
}
.bootstrap-select.btn-group .dropdown-menu>li.no-results {
	background-color:transparent;
	margin:0;
	padding:.5rem .7rem;
}
.bootstrap-select.btn-group .dropdown-menu>li.divider {
	border-top:1px solid #CCC;
	margin:.5rem 0;
}
.bootstrap-select.btn-group .dropdown-menu>.bs-searchbox {
	padding:0;
}
.bootstrap-select.btn-group .dropdown-menu>.bs-searchbox>input {
	border:0;
}
.bootstrap-select.btn-group .dropdown-menu>.bs-actionsbox {
	border:1px solid #CCC;
	border-left:0;
	border-right:0;
	padding:0;
}
.bootstrap-select.btn-group .dropdown-menu>.bs-actionsbox .actions-btn {
	background-color:#F6F6F6;
	border-radius:0;
	padding:.6rem .5rem;
}
.bootstrap-select.btn-group .dropdown-menu>.bs-actionsbox .actions-btn:hover {
	background-color:#EAEAEA;
}
.bootstrap-select.disabled {
	background-color:#e9ecef;
}

/* 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:'\e607';
	font-family:'Pe-icon-7-stroke';
	font-size:1.05rem;
	font-weight:bold;
    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:'\e63f';
}
div.arquivo>button.assinatura.erro {
    color:#fff;
    background-color:#dc3545;
    border-color:#dc3545;
}

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

/* insere um * depois do campo */
.asterisk:after {
	content: '*';
	color: red;
}
a.alerta h5 {
    margin-top: 20px;
}

/* Ajuste para botões nas listagens de adquirentes e transmitentes */
button.editar-parte {
    margin-right: 5px;
}
.btn-registros-fiduciario{
	text-align: right;
}