@charset "utf-8";

/*
/* Formulário de login - login.php
/*
/* *********************************************** */
body.login .container { width:96%; }

.header {background: #ffffff; display: none;}
body.login .header{display:block;}
.header .img-header {display:block;background-repeat:no-repeat;background-position:center center;text-indent:-9999px;outline:none;}
.login .header .img-header {height:100px;}
/* Remover Header caso seja container-fluid */
.container-fluid .header{display: none;}

@media (min-width:450px) {
	body.login .container { width:400px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); border:1px solid #ddd; padding: 20px; }	
}

/* Admin */
.admin .principal { padding:20px 20px 35px; background:#fff; /*box-shadow:0 0 10px rgba(0, 0, 0, 0.2); border:1px solid #ddd;*/}

/* Textos */
h1.titulo { font-weight:bold; font-size:150%; margin:0 0 10px; }

h2.subtitulo { font-weight:bold; font-size:130%; padding:0 0 10px; }
h2.subtitulo + .row { padding-top:5px !important; }

h3.subtitulo { font-weight:bold; color:#333; font-size:130%; }

h1.titulo + hr,
h2.subtitulo + hr,
h3.subtitulo + hr { margin:5px 0 10px !important; }

p { padding:0 0 10px; }

/* Small devices (SM) */
@media (min-width:768px) {
	.header .img-header { height:138px; }
	.container { width:750px; }	
}

/* Medium devices (MD) */
@media (min-width:992px) {
	.header .img-header { height:180px; }
	.container { width:970px; }	
}

/* Large devices (LG) */
@media (min-width:1200px) {
	.container { width:970px; }
}

/*
/* Página inicial - inicio.php
/*
/* *********************************************** */

/* Link (dTree) */
div.dTreeNode.root img { margin-right:5px; }
div.dTreeNode > a.dtree-link { color:inherit; text-decoration:none; }
div.dTreeNode > a.dtree-link:hover { text-decoration:underline; }
div.dTreeNode > span.nodeText { cursor:not-allowed; }


/*
/* Listagem dos relatórios - listagem.php
/*
/* *********************************************** */

/* Não exibe o logo nem o rodapé */
body.listagem div.header, body.listagem div.footer { display:none; }

/* Listagem (tela cheia) */
body.listagem { background:#ffffff; }
body.listagem .container { width:100%; margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
body.listagem .principal { margin:0; padding:15px; box-shadow:none; border:none; border-radius:0; }

/* Listagem - Header (barra fixa no topo) */
div#header {
	position:relative; top:0; left:0; display:block; overflow:hidden; width:100%; /*margin:-15px -15px 15px;*/ padding:5px;
	border-bottom:5px solid #f0ab00; box-shadow:0 1px 4px rgba(80, 80, 80, 0.2); z-index:1000;
	background-color:#69646a; color:#ffffff;
}

div#header div.btn-voltar { float:none; height:auto; font-size:80%; margin-right:none; padding:5px; border-right:none; }
div#header div.relatorio { float:none; height:auto; font-size:80%; margin-right:none; padding:5px; border-right:none; }
div#header div.total { float:none; height:auto; font-size:80%; margin-right:none; padding:5px; }
div#header div.dados-login { display:none; }

/* Listagem - Rodapé (busca, qde por página, exportar) */
div#tools {
	position:relative; bottom:0; left:0; display:block; overflow:hidden; width:100%; height:auto; /*margin:-15px -15px 15px;*/ padding:5px;
	box-shadow:0 -1px 4px rgba(80, 80, 80, 0.2); z-index:1001;
	background-color:#69646a; border-top:5px solid #f0ab00; color:#ffffff;
}
div#tools .col { float:none; margin-right:0; padding-right:0; }

/* Paginação */
div#tools .col-pagination { float:none; }
div#tools .col-pagination .pagination > li > a,
div#tools .col-pagination .pagination > li > span {
	display:inline-block; width:30px; height:30px; line-height:1.0; text-align:center; text-decoration:none; font-size:190%; font-weight:bold; padding:0; cursor:pointer; vertical-align:middle; border:1px solid; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
	background:#eeeeee; background:-moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); background:-o-linear-gradient(top, #cccccc 0%, #eeeeee 100%); background:-ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%); background:linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}
div#tools .col-pagination .pagination > li > a:hover { color:#f00; }
div#tools .col-pagination .pagination > li.disabled > a,
div#tools .col-pagination .pagination > li.disabled > span {
	background:#f9f9f9; background:-moz-linear-gradient(top, #e3e3e3 0%, #f9f9f9 100%); background:-o-linear-gradient(top, #e3e3e3 0%, #f9f9f9 100%); background:-ms-linear-gradient(top, #e3e3e3 0%, #f9f9f9 100%); background:linear-gradient(to bottom, #e3e3e3 0%, #f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f9f9f9',GradientType=0 );
	color:#ccc; cursor:not-allowed;
}

/* Texto "1 de X" */
div#tools .col-pagination .pagination > li > span.pag-1-de-x {
	background:#fcfcfc; background:-moz-linear-gradient(top, #fafafa 0%, #fcfcfc 100%); background:-o-linear-gradient(top, #fafafa 0%, #fcfcfc 100%); background:-ms-linear-gradient(top, #fafafa 0%, #fcfcfc 100%); background:linear-gradient(to bottom, #fafafa 0%, #fcfcfc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fcfcfc',GradientType=0 );
	position:relative; width:auto; min-width:70px; line-height:28px; font-size:100%; font-weight:bold; color:#333; cursor:default;
}

/* Small devices (SM) */
@media (min-width:768px) {

	body.listagem .container { padding-top:60px; padding-bottom:35px; }
	body.listagem .principal { padding:0; }

	div#header { position:fixed; margin:0; padding:0; }

	div#header div.btn-voltar { float:left; height:60px; font-size:100%; margin-right:10px; padding:14px 10px 0; border-right:1px solid #aabccf; }
	div#header div.relatorio { float:left; height:60px; font-size:100%; margin-right:10px; padding:10px 10px 0 0; border-right:1px solid #aabccf; }
	div#header div.total { float:left; height:60px; font-size:100%; margin-right:10px; padding:10px 10px 0 0; }
	div#header div.dados-login { display:block; float:right; height:60px; font-size:100%; padding:14px 10px 0; }

	div#tools { position:fixed; /*height:50px; */margin:0; /*padding:0 0 0 10px;*/ }
	div#tools .col { float:left; margin-right:10px; padding:10px 10px 10px 0; border-right: 1px solid #aabccf; }
	div#tools .col-pagination { float:right; padding:10px 10px 10px 0; }
}

/* Ordenação */
div#listagem { margin-bottom: 45px;}
div#listagem .table thead tr th { border-right:1px solid #666666; }
div#listagem .table thead tr th:last-child { border-right:none; }
div#listagem .table thead tr th .order { display:block; width:100%; height:100%; color:#ffffff; white-space:nowrap; font-size:90%; font-weight:bold; }
div#listagem .table thead tr th .order span.sort_title { float:left; padding:5px 25px 5px 0; position:relative; text-align:left; width:100%; }

/* Se for uma coluna sem ordenação ativa, não aplicamos o padding na direita, que é a área reservada para o ícone */
div#listagem .table thead tr th span.order span.sort_title { padding:5px 5px 5px 0; }

div#listagem .table thead tr th.sort .order span.sort_order { height:16px; margin-top:-8px; position:absolute; right:0; top:50%; width:20px; }
div#listagem .table thead tr th.sort .order span.sort_order_both { background:url(../imagens/sort.png) no-repeat center center; }
div#listagem .table thead tr th.sort .order span.sort_order_desc { background:url(../imagens/sort-desc.png) no-repeat center center; }
div#listagem .table thead tr th.sort .order span.sort_order_asc { background:url(../imagens/sort-asc.png) no-repeat center center; }

div#listagem .table tbody tr td { cursor:default; white-space: nowrap !important;}

/* Coluna ativa - header */
div#listagem .table thead tr th.col-active { background:#ff6d00 !important; }

/* Coluna ativa - célula */
div#listagem .table tbody tr td.cell-active { color:#ff6d00 !important; font-weight:bold; background-color:#fff7eb; }
div#listagem .table tbody tr:nth-child(odd) td.cell-active { background-color:#fceed9 }

/* Cor da linha focada na tabela */
div#listagem .table tbody tr:hover td { background:#e3f2fd; }
div#listagem .table tbody tr:hover td.cell-active { background:#e8f3fa; }
/*
/* Upload de planilhas - upload_planilha.php
/*
/* *********************************************** */

/* Excel Reader */
div.excel-wrapper { padding:2px; border:2px solid #fff; border-radius:3px; background:#efefef; box-shadow:0 0 4px 1px rgba(30, 30, 30, 0.3); -webkit-box-shadow:0 0 4px 1px rgba(30, 30, 30, 0.3); -moz-box-shadow:0 0 4px 1px rgba(30, 30, 30, 0.3); overflow: auto;}
table.excel { border:1px solid #000; border-collapse:collapse; width:100%; }
table.excel thead tr th,
table.excel tbody tr th { background:#ddd; border:1px solid #000; text-align:center; vertical-align:middle; font-size:70%; padding:3px; }
table.excel tbody tr th { text-align:center; width:25px; }
table.excel tbody tr td { vertical-align:middle; padding:3px; border:1px solid #ccc; background:#fff; font-size:80%; }

/* Primeira linha destacada com cor de fundo diferenciada */
table.excel tbody tr:first-child td { background:#111; color:#fff; font-weight:bold; font-size:70%; }
table.excel tbody tr:first-child td:last-child { border-right-color:#000; }

/* Invoice */
.border-invoice{border: 1px solid #000 !important;}

/* Exibe todas as letras nos campos em maiúsculas */
.form-control[type="text"] { text-transform:uppercase !important; }
.form-control.password-fake { text-transform:none !important; }
.form-control.text-lower, .control-group.text-lower .form-control { text-transform:lowercase !important; }
.form-control.text-no-case, .control-group.text-no-case .form-control { text-transform:none !important; }

/*	ARQUIVO REMESSA ADMIN 	*/
.cabecalho,
.detalhes,
.rodape,
.separator,
.fim-sessao { display:block; }

  .cabecalho:after { content:"# Header"; color:#00f; }
.detalhes:after { content:"# Registros"; color:#00f; }
  .rodape:after { content:"# Rodapé"; color:#00f; }

.separator:after { content:"#"; color:#00f; }

.fim-cabecalho { margin:0 0 -20px; }
.fim-sessao:after { content:""; }

.linha { display:inline-block; }
.linha:after { content:attr(title); }

.spacer { display:inline-block; }
.spacer:after { content:"\00a0"; }

.item-0 { background:#f0f0f0; color:#c00; }
.item-1 { background:#f3f3f3; color:#999; }
.item-2 { background:#efefef; color:#000; }
.erro   { background:#f00; color:#fff; font-weight:bold; }

.item { cursor:default; }
.item:hover { background:#ffc; color:#f00; font-weight:bold; }

/* Preview */
.preview { position:relative; display:block; overflow:hidden; height:400px; }
.preview pre { position:absolute; top:0; left:0; width:100%; height:400px; border-radius:0; }

/* Modal preview */
div#modal-preview .modal-dialog { position:fixed; top:0; left:0; width:100%; margin:0; padding:20px; }
div#modal-preview .modal-dialog,
div#modal-preview .modal-content { height:100%; }

div#modal-preview .modal-header { height:50px; }
div#modal-preview .modal-body { height:calc(100% - 35px); position:relative; display:block; overflow:hidden; margin:10px 10px 5px; }
div#modal-preview .modal-body pre { position:absolute; top:0; left:0; width:100%; height:calc(100% - 35px); }

.circle {
  background-color: #aaa;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: relative;
}

.circle img {
  position: absolute;
  bottom: 0;
  width: 100%;
}



/*****************************			OVERLAY LOADER				*********************/
.spinner {
   /*position: absolute;
   left: 50%;
   top: 50%;*/
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(255, 42, 42,.8); 
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
/*****************************			OVERLAY LOADER				*********************/


.modal-header .close, .modal-header .mailbox-attachment-close {
  padding: 0rem !important;
  margin: -0rem !important;
}