* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* -------------
			Geral 
----------------*/

body {
	/* background:url(../img/body-bg.jpg) repeat; */
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	line-height: 19px;
	color: #262626;
	overflow-x: auto;
	min-width: 970px;
	width: 100%;
}

h1 {
	font-size: 22px;
	font-weight: 700;
	color: #004f9a;
	text-transform: uppercase;
	margin-bottom: 25px !important;
}

h1 span {
	margin-top: -2px;
	margin-left: 12px;
}

hr {
	color: #bbbbbb;
	background-color: #bbbbbb;
	height: 1px;
	border: none;
	width: 100%;
	display: block;
	margin: 30px 0px;
	float: left;
}

.container {
	width: 970px;
	margin: 0 auto;
}

.conteudo {
	padding: 30px 0px 80px;
	background-color: #f4f4f4;
	width: 100%;
	/* display: inline-block; */
	float: left;
}

.conteudo.pagina-login {
	padding: 80px 0px;
	background-color: #f4f4f4;
}

a {
	color: #2467a1;
}

a:hover, a:focus {
	text-decoration: underline;
	color: #4183C4;
}

.brightness:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

form.ui.segment {
	border: none;
	box-shadow: none;
	padding: 0px;
}

.legenda-menor {
	font-size: 12px;
	color: #515151;
	margin-top: 10px;
	line-height: 10px;
}

.btn-editar, .btn-imprimir, .btn-excluir, .ui.button, .icone-concluido, .icone-pendente, .icone-bloqueado, .icone-novaSolicitacaom, .btn-cinzaAzulado, .relatorio .field .ui.icon.button {
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
	transition-property: all;
}

.icone-concluido .icon, .icone-pendente .icon, .icone-bloqueado .icon, .icone-novaSolicitacao .icon {
	margin: 0px;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.grupo {
	display: block;
	float: left;
	width: 100%;
	position: relative;
}

.grupo-auto {
	display: block;
	float: left;
	width: auto;
	position: relative;
}

.ui.selection.dropdown, .ui.form.segment input, .ui.form textarea {
	border: 1px solid #bbbbbb;
	/* background-color: #f7f7f7; */
}

.ui.form textarea {
	height: 50px;
}

.ui.form.segment input {
	padding: .643em 1em;
}

.ui.selection.dropdown {
	min-height: 36px;
	padding: .715em 2.1em 0.715em 1em;
}

.ui.selection.dropdown.menor, .ui.form.segment input.menor {
	padding: 6px 10px;
	min-height: 28px;
	height: 28px;
}

.ui.selection.dropdown.menor>.delete.icon, .ui.selection.dropdown.menor>.dropdown.icon, .ui.selection.dropdown.menor>.search.icon {
	padding: .5em;
	font-size: 14px;
	top: .68571429em;
}

.ui.form .field>label, .box-filtPesq label {
	font-size: 14px;
	margin: 12px 0 2px;
	display: block;
	font-weight: 700;
	color: rgba(0,0,0,.87);
}

.ui.button {
	border-radius: 0px;
	padding: 8px 12px;
	color: #fff;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.2) !important;
	-moz-box-shadow:    0px 0px 3px 1px rgba(50, 50, 50, 0.2) !important;
	box-shadow:         0px 0px 3px 1px rgba(50, 50, 50, 0.2) !important;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.25);
	color: #fff;
}

.ui.button:hover, .ui.button:focus {
	color: #fff;
}

.ui.btn-azul.button, .ui.btn-azul.buttons .button {
	background-image: url('../img/bg-btn-azul.png');
	background-repeat: repeat;
}

.ui.btn-azul.button:hover, .ui.btn-azul.buttons .button:hover {
	background-image: url('../img/bg-btn-azul_hover.png');
	background-repeat: repeat;
}

.ui.btn-verdeClaro.button, .ui.btn-verdeClaro.buttons .button {
	background-image: url('../img/bg-btn-verdeClaro.png');
	background-repeat: repeat;
}

.ui.btn-verdeEscuro.button:hover, .ui.btn-verdeEscuro.buttons .button:hover {
	background-image: url('../img/bg-btn-verdeEscuro_hover.png');
	background-repeat: repeat;
}

.ui.btn-verdeEscuro.button, .ui.btn-verdeEscuro.buttons .button {
	background-image: url('../img/bg-btn-verdeEscuro.png');
	background-repeat: repeat;
}

.ui.btn-verdeClaro.button:hover, .ui.btn-verdeClaro.buttons .button:hover {
	background-image: url('../img/bg-btn-verdeClaro_hover.png');
	background-repeat: repeat;
}

.ui.btn-amarelo.button, .ui.btn-amarelo.buttons .button {
	background-image: url('../img/bg-btn-amarelo.png');
	background-repeat: repeat;
	color: #262626;
}

.ui.btn-amarelo.button:hover, .ui.btn-amarelo.buttons .button:hover, .ui.btn-amarelo.button:focus {
	background-image: url('../img/bg-btn-amarelo_hover.png');
	background-repeat: repeat;
	color: #262626;
}

.ui.btn-cinzaAzulado.button, .ui.btn-cinzaAzulado.buttons .button {
	background-image: url('../img/bg-btn-cinzaAzulado.png');
	background-repeat: repeat;
	color: #fff;
}

.ui.btn-cinzaAzulado.button:hover, .ui.btn-cinzaAzulado.buttons .button:hover, .ui.btn-cinzaAzulado.button:focus {
	background-image: url('../img/bg-btn-cinzaAzulado_hover.png');
	background-repeat: repeat;
	color: #fff;
}

.ui.form input::-webkit-input-placeholder, .ui.form textarea::-webkit-input-placeholder {
	color: #4c4c4c;
}

.ui.form input::-moz-placeholder, .ui.form textarea::-moz-placeholder {
	color: #4c4c4c;
}

.ui.form input:-ms-input-placeholder, .ui.form textarea:-ms-input-placeholder {
	color: #4c4c4c;
}

.ui.default.dropdown:not(.button)>.text, .ui.dropdown:not(.button)>.default.text {
	color: #9c9c9c;
}

.ui.table {
	background: #dfdfdf;
	border: none;
}

.ui.table thead th {
	background: none;
	color: #fff;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}

.ui.striped.table tbody tr:nth-child(2n), .ui.striped.table>tr:nth-child(2n) {
	background-color: #d3d3d3;
}

/* .ui.table.selectable tbody tr:hover {
	background: #d1dbe4 !important;
} */

.ui.table thead {
	background: url('../img/bg-btn-azul.png') repeat #004f9a;
}

.ui.table td, .ui.table thead th {
	padding: 9px 8px;
}

.ui.celled.table tr td {
	border-left: 2px solid #ededed;
	border-top: 2px solid #ededed;
}

.ui.celled.table thead tr th {
	border-left: 1px solid #3271ad;
}

form .field #exibe_cidade {
	min-height: 36px;
}

/* -- Botões de ação e situação -- */
.btn-editar, .btn-imprimir, .btn-excluir {
	width: 29px;
	height: 27px;
	border-radius: 4px;
	display: inline-block;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
}

.btn-editar {
	color: #004f9a;
	border: 2px solid #004f9a;
	font-size: 17px;
	margin-right: 5px;
}

.btn-editar:hover, .btn-editar:focus {
	color: #fff;
	background-color: #004f9a;
}

.btn-imprimir {
	font-size: 17px;
	color: #717171;
	border: 2px solid #717171;
	margin-right: 4px;
}

.btn-imprimir:hover, .btn-imprimir:focus {
	color: #fff;
	background-color: #717171;
}

.btn-excluir {
	font-size: 18px;
	color: #d73737;
	border: 2px solid #d73737;
}

.btn-excluir:hover, .btn-excluir:focus {
	color: #fff;
	background-color: #d73737;
}

.icone-concluido {
	font-size: 22px;
	color: #009541;
}

.icone-concluido:hover, .icone-concluido:focus {
	color: #07a24b;
	text-shadow: 0px 0px 4px rgba(50, 50, 50, 0.2);
}

.icone-novaSolicitacao {
	font-size: 20px;
		color: #ecb103;
}

.icone-novaSolicitacao:hover, .icone-novaSolicitacao:focus {
	color: #f4ba1a;
	text-shadow: 0px 0px 4px rgba(50, 50, 50, 0.2);
}

.icone-novaSolicitacao .icon {
	margin-top: 4px;
	text-decoration: none;
}

.icone-pendente {
	font-size: 25px;
	color: #f27917;
}

.icone-pendente:hover, .icone-pendente:focus {
	color: #f8872c;
	text-shadow: 0px 0px 4px rgba(50, 50, 50, 0.2);
}

.icone-pendente .icon {
	text-decoration: none;
	margin-top: 7px;
}

.icone-bloqueado {
	font-size: 25px;
	color: #676767;
}

.icone-bloqueado:hover, .icone-bloqueado:focus {
	color: #757575;
	text-shadow: 0px 0px 4px rgba(50, 50, 50, 0.2);
}

.btn-voltar {
	margin: 30px 0px 0px !important;	
}

/* -------------
			Topo 
----------------*/
header {
	width: 100%;
	float: left;
	height: 92px;
	background: url('../img/bg-topo.png') repeat-x #004f9a;
}

header .logo {
  margin-top: 10px;
  float: left;
}

header .titulo {
	text-align: center;
	color: #fff;
	float: left;
	margin-top: 17px;
	margin-left: 188px;
}

header .titulo p.maior {
	font-size: 25px;
	text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 28px;
}

header .titulo p.menor {
	font-size: 17px;
}

header .logout .ui.btn-amarelo.button {
	text-transform: uppercase;
	font-size: 15px;
	padding: 5px 10px;
}

header .bem-vindo {
	color: #fff;
	max-width: 265px;
}

header .logout {
	margin-top: 7px;
}

header .bem-vindo .frase {
	margin-top: 7px;
}

header .bem-vindo .frase span {
	margin-top: 6px;
  max-width: 235px;
}

header .bem-vindo img {
	margin-top: 2px;
	margin-right: 10px;
}

/* -------------
			Menu 
----------------*/
.menu-principal.ui.menu {
	margin: 0px;
	border: none;
	background-color: #d3d3d3;
	min-height: 2.9em;
	border-radius: 0px;
	float: left;
  width: 100%;
}

.menu-principal.ui.menu .item {
	/* width: 242.5px; */ /* 25% */
	justify-content: center;
	font-size: 16px;
	padding: 0px 20px;
  border-right: 1px solid rgba(34,36,38,.1);
}

.menu-principal.ui.menu .item:before {
	width: 0px; /* Tira a borda vertical */
}

.menu-principal.ui.menu .active.item:hover, .menu-principal.ui.menu .active.item {
	color: #004f9a !important;
}

.menu-principal.ui.menu .active.item:hover .dropdown.icon, .menu-principal.ui.menu .active.item .dropdown.icon {
	color: #007936 !important;
}

.menu-principal.ui.menu .item>i.dropdown.icon {
	margin: 5px 0 0 0.5em !important;
}

.menu-principal.ui.menu .dropdown.item .menu {
	background-color: #ececec;
	border: 1px solid #cccccc;
}

.menu-principal.ui.menu .ui.dropdown.item .menu .item {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	padding: .78571429em 0.8em!important;
}

.menu-principal.ui.menu .ui.dropdown.item .menu .item:hover {
	background-color: #dddddd !important;
}

.menu-principal.ui.menu .ui.dropdown.item .menu .item .fa-cogs {
	margin-right: 10px;
}

/* -------------
			Rodapé 
----------------*/
footer {
	width: 100%;
	height: 92px;
	background: url('../img/bg-rodape.png') repeat-x #004f9a;
	text-align: center;
	color: #fff;
	padding-top: 31px;
	float: left;
}

footer .tel {
	font-size: 16px;
	font-weight: bold;
  line-height: 12px;
  margin-bottom: 14px;
}

footer .endereco {
	line-height: 12px;
}

.copyright {
	background: url('../img/bg-copyright.png') repeat-x #d2d2d2;
  width: 100%;
  height: 30px;
  text-align: center;
  padding-top: 5px;
  font-size: 12px;
  float: left;
}

/* -------------
			Login 
----------------*/
.box-login {
	margin: 0 auto;
	width: 420px;
	height: 331px;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	-webkit-box-shadow: 0px 3px 18px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 3px 18px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 3px 18px 0px rgba(50, 50, 50, 0.2);
}

.box-login .topo {
	text-align: center;
	background: #2368a8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2368a8 0%, #004f9a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2368a8 0%,#004f9a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2368a8 0%,#004f9a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2368a8', endColorstr='#004f9a',GradientType=0 ); /* IE6-9 */
	color: #f7f7f7;
	font-size: 18px;
	text-transform: uppercase;
	height: 50px;
	padding-top: 9px;
	padding-left: 106px;
}

.box-login .topo span {
	font-weight: bold;
	display: block;
	float: left;
	margin-top: 8px;
	margin-left: 22px;
}

.box-login .topo .fa-lock {
	color: #6293c0;
	font-size: 31.41px;
	display: block;
	float: left;
}

.box-login .formulario {
	padding: 100px 26px;
}

.box-login .formulario .descricao {
	font-size: 16px;
	text-align: center;
}

.box-login .esqueceu {
	display: block;
	margin-top: 12px;
	margin-bottom: 10px;
}

.box-login .btn-azul {
	text-transform: uppercase;
	-webkit-box-shadow: 0px 1px 4px 2px rgba(50, 50, 50, 0.2) !important;
	-moz-box-shadow:    0px 1px 4px 2px rgba(50, 50, 50, 0.2) !important;
	box-shadow:         0px 1px 4px 2px rgba(50, 50, 50, 0.2) !important;
}

/* ------------------------------
			Gerenciar Carteirinhas 
---------------------------------*/
.novas-solicitacoes span {
	font-weight: 700;
	color: #004f9a;
	font-size: 18px;
}

.gerenciar-cadastros hr, .gerenciar-usuarios hr {
	margin: 30px 0px 9px;
}

.gerenciar-cadastros .nova-carteirinha {
	border: 2px solid #bbbbbb;
	width: 219px;
	height: 68px;
	text-align: center;
	margin-left: 20px;
}

.gerenciar-cadastros .nova-carteirinha img {
	position: absolute;
	left: 0px;
	top: 17px;
}

.gerenciar-cadastros .nova-carteirinha .btn-azul {
	margin-top: 16px;
	margin-left: 24px;
}

.gerenciar-cadastros .nova-carteirinha .fa-plus-square {
	color: #ffe36f;
}

.gerenciar-cadastros .imp-exp {
	border: 2px solid #bbbbbb;
	width: 279px;
	height: 68px;
	text-align: center;
	position: relative;
}

.gerenciar-cadastros .imp-exp img {
	position: absolute;
	left: -14px;
	top: 17px;
}

.gerenciar-cadastros .imp-exp .importar, .gerenciar-cadastros .imp-exp .exportarRela {
	margin-top: 16px;
	float: none;
}

.gerenciar-cadastros .imp-exp .importar, .gerenciar-cadastros .imp-exp .exportar {
	margin-top: 16px;
	float: left;
}

.gerenciar-cadastros .imp-exp .importar {
	margin-right: 12px;
	margin-left: 29px;
}

.gerenciar-cadastros .imp-exp .importar .fa-download {
	color: #ffe36f;
}

.gerenciar-cadastros .imp-exp .exportar .fa-upload {
	color: #ffdb47;
}

.gerenciar-cadastros .imp-exp .importar .fa-download, .gerenciar-cadastros .imp-exp .exportar .fa-upload, .gerenciar-cadastros .nova-carteirinha .fa-plus-square {
	font-size: 15px;
	margin-left: 5px;
}

.gerenciar-cadastros .filtro, .gerenciar-cadastros .pesquisar form input.menor, .gerenciar-usuarios .filtro, .gerenciar-usuarios .pesquisar form input.menor {
	width: 197px;
}

/* .gerenciar-cadastros .filtro .ui.form .field>label, .gerenciar-cadastros .pesquisar .ui.form .field>label, .gerenciar-usuarios .filtro .ui.form .field>label, .gerenciar-usuarios .pesquisar .ui.form .field>label {
	font-weight: normal;
} */

.gerenciar-cadastros .ui.segment {
	background: transparent;
}

.box-filtPesq {
	margin-bottom: 23px;
}

.resultado-pesquisa {
	border: 2px solid #bbbbbb;
	/* min-width: 281px;
	max-width: 404px; */
	width: 100%;
	min-height: 59px;
	position: relative;
	margin-right: 128px;
	padding: 8px 8px 8px 100px;
	margin-top: 10px;
}

.limpar-filtro {
	/* min-width: 281px;
	max-width: 404px; */
	text-align: center;
	width: 100%;
	position: relative;
	margin-right: 128px;
	margin-top: 10px;
}

.resultado-pesquisa .button {
	text-transform: uppercase;
	position: absolute;
	left: 12px;
	top: 13px;/* top: 17px; */
}

/* .ui.form .inline.fields.munCpf {
  margin-left: 145px;
  margin-top: 11px;
}

.ui.form .inline.fields.munCpf .field:first-child {
	margin-right: 20px;
} */

.box-filtPesq .munCpf {
  margin-left: 15px;
}

.box-filtPesq .dateRela {
  margin-left: 100px;
}

.gerenciar-cadastros .resultado-pesquisa p, .gerenciar-usuarios .resultado-pesquisa p {
	margin-bottom: 0px;
}

.gerenciar-cadastros .pesquisar, .gerenciar-usuarios .pesquisar {
	width: 228px;
}

.gerenciar-cadastros .pesquisar .field {
	clear: both;
  margin: 0; /* margin 0 0 1em */
}

.gerenciar-cadastros .pesquisar input.menor, .gerenciar-usuarios .pesquisar input.menor {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-right: none;
	width: 197px;
	padding: 6px 10px;
  min-height: 28px;
  height: 28px;
  border: 1px solid #bbbbbb;
  border-top-left-radius: .28571429rem;
  border-bottom-left-radius: .28571429rem;
}

.gerenciar-cadastros .pesquisar .ui.btn-search, .gerenciar-usuarios .pesquisar .ui.btn-search {
	width: 31px;
	height: 28px;
	display: block;
	float: right;
	border-bottom-right-radius: .28571429rem;
	border-top-right-radius: .28571429rem;
	background-color: #009541;
	margin-right: 0px;
	padding: 0px;
}

.gerenciar-cadastros .pesquisar .ui.btn-search.button:hover, .gerenciar-cadastros .pesquisar .ui.btn-search.button:focus, .gerenciar-usuarios .pesquisar .ui.btn-search.button:hover, .gerenciar-usuarios .pesquisar .ui.btn-search.button:focus {
	background-color: #0fa450;
}

.gerenciar-cadastros .pesquisar .fa-search, .gerenciar-usuarios .pesquisar .fa-search {
	color: #fff;
	margin-left: 2px;
	margin-top: 7px;
}

.gerenciar-cadastros .box-filtPesq label.nomeRadio {
	
}

/* -- Tabela -- */
.ui.table {
	margin-bottom: 0px;
}

.gerenciar-cadastros .ui.table thead th {
	position: relative;
	padding: 9px 8px;
}

/* Ações */
.gerenciar-cadastros .ui.table thead th:nth-child(7) {
	width: 122px;
}

.gerenciar-cadastros .ui.table tbody td:nth-child(7) {
	text-align: center;
}

/* Situação */
.gerenciar-cadastros .ui.table thead th:nth-child(6), .gerenciar-cadastros .ui.table tbody td:nth-child(6) {
	padding: 9px 4px;
	text-align: center;
}

/* Data Solicitação */
.gerenciar-cadastros .ui.table thead th:nth-child(5) {
	padding: 9px 4px 18px 4px;
  width: 100px;
}

/* CPF */
.gerenciar-cadastros .ui.table thead th:nth-child(4) {
	width: 118px;
}

/* Sort Icon */
.ui.table .sort.icon {
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
  margin: auto;
  color: #EBB106;
  font-size: 16px;
}

.ui.table tfoot td {
	padding: 15px;
}

.ui.pagination.menu .item:hover, .ui.pagination.menu .item:focus {
	background-color: #5b82a6;
	color: #fff;
}

.ui.pagination.menu .active.item {
	background-color: #004f9a;
	color: #fff;
	cursor: context-menu;
}

/* --------------------------
			Importar (Modal)
-----------------------------*/
.modal.importar .envio-arquivo input.uploadFile {
	width: 280px;
	height: 29px;
	margin-right: 5px;
}

.modal.importar .envio-arquivo .custom-file-input {
	top: 0px;
}

.modal.importar .icon.header .icon {
	color: #004F9A;
}

.ui.loader:before {
	border: .2em solid rgba(0,0,0,.1) !important;
}

.ui.loader:after {
	border-color: #767676 transparent transparent !important;
}

/* --------------------------
			Novo Cadastro 
-----------------------------*/
.form-carteirinha .box-form {
	width: 100%;
	height: auto;
	padding: 30px;
	border: 2px solid #bbbbbb;
	display: inline-block;
}

.form-carteirinha {
	padding: 0px 35px;
}

.form-carteirinha #drop-img {
	width: 107px;
	height: 130px;
	background: url('../img/bg-dropImg.png') no-repeat left top #d8e0e5;
	float: left;
}

.form-carteirinha .btn-uploadImg, .form-carteirinha .btn-uploadWebcam {
	width: 50px;
	height: 50px;
	margin-left: 14px;
}

.form-carteirinha .btn-uploadImg {
}

.form-carteirinha .btn-uploadWebcam {
	margin-top: 30px;
}

.form-carteirinha .progresso-foto {
  width: 385px;
  height: 199px;
	background-color: #d8e0e5;
	color: #96a6b1;
	border-radius: 4px;
	float: right;
	text-align: center;
}

.form-carteirinha .progresso-foto span {
	margin-top: 90px;
	display: block;
}

.form-carteirinha .escolher-cargo {
	border: 2px solid #bbbbbb;
	width: 339px;
	height: 68px;
	padding: 8px 16px 8px 12px;
	display: block;
	/* margin: 0 auto 30px; */
	margin: 15px 0px 19px 82px;
	position: relative;
	text-align: right;
	float: left;
}

.form-carteirinha .escolher-cargo	.ui.selection.dropdown {
	width: 283px;
	margin-top: 6px;
}

.form-carteirinha .escolher-cargo img {
	position: absolute;
	left: -22px;
	top: 17px;
}

.form-carteirinha .btn-filiacao {
  margin-top: 33px;
  padding: .643em 1em !important;
  margin-left: 15px !important;
}

.form-carteirinha .btn-filiacao i {
	width: 36px !important;
  height: 32px !important;
  font-size: 20px;
  text-shadow: none;
  border: 1px solid;
  background-color: rgba(255,255,255,.8) !important;
}

.form-carteirinha .btn-filiacao.btn-verdeClaro i {
  border-color: #258142;  
}

.form-carteirinha .btn-filiacao.btn-azul i {
  border-color: #004f9a;  
}

/* .form-carteirinha .btn-filiacao.blue {
  background-image: url(../img/bg-btn-azul.png);
  background-repeat: repeat;
} */

.form-carteirinha .envio-arquivo {
	border: 1px solid #bbbbbb;
	width: 100%;
	min-height: 80px;
	border-radius: 4px;
	background-color: #fff;
	padding: .3em 1em;
	position: relative;
	color: #939393;
}

.form-carteirinha .envio-arquivo span {
	display: block;
	margin-bottom: 4px;
}

.form-carteirinha .envio-arquivo input.uploadFile {
	float: right;
	width: 222px;
	border: none;
	padding: 0px;
	margin-top: 15px;
	color: #2467a1;
	opacity: 1 !important;
}

.custom-file-input {
	display: inline-block;
	position: relative;
	color: #fff;
	top: 8px;
}

.custom-file-input input {
	visibility: hidden;
	width: 132px;
}

.custom-file-input:before {
	content: 'Escolher Arquivo';
	display: block;
	background-image: url('../img/bg-btn-verdeEscuro.png');
	background-repeat: repeat;
	padding: 5px 0px;
	outline: none;
	white-space: nowrap;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.25);
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	position: absolute;
	left: 0;
	right: 0;
	moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
	transition-property: all;
}

.custom-file-input:hover:before {
	background-image: url('../img/bg-btn-verdeEscuro_hover.png');
}

.custom-file-input:active:before {
	background-image: url('../img/bg-btn-verdeEscuro_hover.png');
}

.form-carteirinha .validade-carteirinha, .form-carteirinha .status-carteirinha {
	border: 2px solid #bbbbbb;
	width: 390px;
	height: 90px;
	padding: 8px 16px;
	display: block;
	margin: 30px 0px;
	position: relative;
	text-align: right;
	color: #9c9c9c;
}

.form-carteirinha .validade-carteirinha label, .form-carteirinha .status-carteirinha label {
	position: absolute;
	top: 10px;
	font-weight: bold;
  color: #515151;
}

.form-carteirinha .validade-carteirinha label i, .form-carteirinha .status-carteirinha label i {
  color: #004f9a;
  margin-right: 5px;
}

.form-carteirinha .validade-carteirinha {
	float: left;
  margin-left: 0px;	
}

.form-carteirinha .validade-carteirinha.validade {
	float: right;
}

.form-carteirinha .status-carteirinha {
	float: none;
	display: inline-block;
  margin: 0px 0px 30px;
}

.form-carteirinha .status-carteirinha .ui.selection.dropdown,
.form-carteirinha .validade-carteirinha	input.datepicker {
	width: 100%;
	margin-top: 27px;
}

.form-carteirinha .status-carteirinha .ui.selection.dropdown {
	color: #9c9c9c;
}

.form-carteirinha .validade-carteirinha	input.datepicker {
	color: #9c9c9c;
  cursor: pointer;
}

.ui-datepicker {
	width: 20.2em;
}

.form-carteirinha .validade-carteirinha a, .form-carteirinha .status-carteirinha a {
	position: absolute;
	left: -19px;
	top: 16px;
}

.form-carteirinha .validade-carteirinha .dropdown.icon {
	position: absolute;
	top: 45px;
	right: 21px;
	font-weight: bold;
  font-size: .85714286em;
  cursor: pointer;
}

.form-carteirinha .salvar {
	margin: 0 auto;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 10px;
	border: none !important;
}

.nova-carteirinha .form-carteirinha .btn-verdeEscuro {
  padding: .643em 1em;
  margin-left: 15px;
}

.nova-carteirinha .form-carteirinha .btn-verdeClaro {
  padding: .643em 1em;
  margin-right: 0px;
  color: #fff;
}

.nova-carteirinha .form-carteirinha .btn-cinzaAzulado {
  padding: .643em 1em;
  margin-left: 10px;
}

.form-carteirinha .ui.form .field .selection.dropdown {
	width: 100%;
}

.form-carteirinha .infoFoto {
	padding-top: 62px;
}

.form-carteirinha .infoFoto a:first-child {
	display: block;
	margin-bottom: 12px;
}

.form-carteirinha .foto-box {
  margin: 0px 0px 12px;
}

.form-carteirinha .fotoMiniatura {
	position: relative;
	float: left;
}

.form-carteirinha .fotoMiniatura img {
	background: #efefef;
  width: 80px;
  height: 96px;
	float: left;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
}

.form-carteirinha .atualizarFoto {
	float: left;
  margin-top: 32px;
  margin-left: 12px;
}

.form-carteirinha .atualizarFoto a {
  display: block;
  width: 32px;
  height: 32px;
  background: url('../img/update-32x.png') no-repeat;
  cursor: pointer;
}

.form-carteirinha .atualizarFoto a:hover {
  background: url('../img/update-32x-hover.png') no-repeat;
}

.form-carteirinha .atualizarFotoExterno {
	float: left;
  margin-top: 32px;
  margin-left: 12px;
}

.form-carteirinha .atualizarFotoExterno a {
  display: block;
  width: 105px;
  height: 32px;
 /*background: url('../img/update-32x.png') no-repeat;*/
  cursor: pointer;
}

.form-carteirinha .atualizarFotoExterno a:hover {
  /*background: url('../img/update-32x-hover.png') no-repeat;*/
}

/* .form-carteirinha .fotoMiniatura:hover::before {
	content: "Trocar Foto";
	text-transform: uppercase;
	position: absolute;
	top: 32px;
	left: 1px;
	color: rgba(0, 0, 0, 0.3);
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	width: 59px;
	text-align: center;
	line-height: 12px;
} */

.form-carteirinha .ui.form .field .selection.dropdown i {
	color: #909090;
}

.nova-carteirinha .form-carteirinha form {
	display: inline-block;
}

.nova-carteirinha .form-carteirinha .ui.attached.segment, .nova-carteirinha .form-carteirinha form {
	background-color: transparent;
}

/* --------------------------
			Gerenciar Usuários 
-----------------------------*/
.gerenciar-usuarios .nova-carteirinha {
	border: 2px solid #bbbbbb;
	width: 197px;
	height: 68px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

.gerenciar-usuarios .nova-carteirinha img {
	position: absolute;
	left: -23px;
	top: 17px;
}

.gerenciar-usuarios .nova-carteirinha .btn-azul {
	margin-top: 17px;
	margin-left: 24px;
}

.gerenciar-usuarios .nova-carteirinha .fa-plus-square {
	color: #ffe36f;
	margin-left: 4px;
}

/* Tabela */
.gerenciar-usuarios .ui.table thead th:nth-child(5) {
	width: 122px;
}

.gerenciar-usuarios .ui.table tbody td:nth-child(3), .gerenciar-usuarios .ui.table tbody td:nth-child(4), .gerenciar-usuarios .ui.table tbody td:nth-child(5) {
	text-align: center;
}

/* --------------------------
			Novo Usuário 
-----------------------------*/
.novo-usuario .form-carteirinha .escolher-cargo img {
	left: -17px;
}

.novo-usuario .form-carteirinha .field {
	text-align: center;
}

.novo-usuario .form-carteirinha .field input {
	width: 400px;
}

/* --------------------------
			Gerenciar Impressão
-----------------------------*/
.grupoBtnImpressao {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0px;
  display: inline-block;
}

.grupoBtnImpressao .button {
	margin: 0px 10px;
}

.gerenciar-impressao span.titulo1, .gerenciar-impressao span.titulo2 {
	width: 370px;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #5a5a5a;
  margin-top: 20px;
}

.gerenciar-impressao span.titulo1 {
	float: left;
}

.gerenciar-impressao span.titulo2 {
	float: right;
}

.gerenciar-impressao span.titulo1 i, .gerenciar-impressao span.titulo2 i {
  margin-right: 10px;
  color: #004e9e;
}

.gerenciar-impressao span.titulo1 i.fa-question-circle, .gerenciar-impressao span.titulo2 i.fa-question-circle {
  margin-right: 0px;
  color: #009541;
  float: right;
}

.gerenciar-impressao .ui.form.segment input {
	margin-bottom: 2px;
}

.gerenciar-impressao .ms-container .ms-selectable, .gerenciar-impressao .ms-container .ms-selection {
	background: transparent;
}

.gerenciar-impressao .ms-container .ms-list {
	background-color: #fff;
}

.gerenciar-impressao .listaLayouts {
	margin-top: 30px;
  background: #e2e2e2;
  padding: 10px;
}

/* ------------------------------
			Configurar Carteirinha
---------------------------------*/
.opcoesDrag {
	width: 293px;
	border-right: 1px solid #d3d3d3;
	float: left;
	padding-right: 20px;
}

.uploadCarteirinha {
	position: relative;
	overflow: hidden;
	margin: 10px 0px;
	background-color: transparent;
	border: 1px solid #bbbbbb;
	width: 270px;
	height: 36px;
	text-align: center;
	border-radius: 4px;
	padding: .643em 0.8em;
}

.uploadCarteirinha:hover, .uploadCarteirinha:hover p, .uploadCarteirinha:hover span {
	border-color:#618ae5;
	color:#618ae5;
}

.uploadCarteirinha input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 100%;
	text-align: center;
}

.opcoesDrag #uploadFileFrente, .opcoesDrag #uploadFileVerso	{
	/* border: none; */
	width: 220px;
	background-color: transparent;
	padding: .643em 0.8em;
}

.opcoesDrag .ui.button {
	box-shadow: none !important;
	border-radius: 4px;
	padding: 0.786em;
	margin-left: 8px;
	margin-right: 0px;
	background-color: #bbbbbb;
}

.opcoesDrag .ui.button:hover {
	background-color: #004f9a;
}

.custom-span {
	font-family: Arial;
	font-weight: bold;
	color: #9c9c9c;
	float: right;
	border: 1px solid;
	padding: 3px 6px;
	margin-top: -5px;
	border-radius: 15px;
}

.custom-para {
	font-family: Arial;
	font-weight: bold;
	color: #9c9c9c;
	float: left;
}

/* Edição do Layout */

.configurar-cartEdicao .descricao {
	background-color: #d3d3d3;
	color: #4e4e4e;
	padding: 15px;
	margin-bottom: 15px;
}

.configurar-cartEdicao h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #4e4e4e;
	margin-bottom: 25px;
}

.configurar-cartEdicao .dragItems {
	float: left;
	width:  100%;
	min-height: 360px;
	position: relative;
}

.configurar-cartEdicao .campoTexto {
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	width: 182px;
	height: 20px;
  line-height: 17px;
  margin-bottom: 10px;
  padding: 0px 12px 0px 3px;
  color: #939393;
  background-color: #f4f4f4;
	display: inline-block;
}

.configurar-cartEdicao .campoData {
	width: 100px;
	float: left;
}

.configurar-cartEdicao .droppable .codigoBarras {
	width: 445px;
  height: 65px;
  text-align: center;
  line-height: 64px;
}

.configurar-cartEdicao .item {
	z-index: 9;
	clear: both;
}

.configurar-cartEdicao .item.foto {
	margin-top: 0px;
  width: 143px;
  height: 186px;
  float: left;
}

.configurar-cartEdicao .dropCarteirinha {
	width: 655px;
	float: right;
}

.configurar-cartEdicao .dropCarteirinha .item {
	margin: 0px;
	display: inline-block;
	position: absolute !important;
}

.configurar-cartEdicao .dropCarteirinha .item.foto {
	width: 143px;
	height: 186px;
}

.configurar-cartEdicao .frenteVerso {
  border: 1px solid #d3d3d3;
  padding: 5px 25px;
  border-radius: 4px;
}

.configurar-cartEdicao .frenteVerso .btn-frente, .configurar-cartEdicao .frenteVerso .btn-verso {
  padding: 12px 12px 12px 12px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: normal;
  background: transparent;
  color: #939393;
}

.configurar-cartEdicao .frenteVerso .btn-frente {
  border-radius: 4px 0 0 4px !important;
  margin-left: 15px;
}

.configurar-cartEdicao .frenteVerso .btn-verso {
	border-radius: 0 4px 4px 0 !important;
}

.configurar-cartEdicao .frenteVerso .btn-frente.active, .configurar-cartEdicao .frenteVerso .btn-verso.active, .configurar-cartEdicao .frenteVerso .btn-frente.active:hover, .configurar-cartEdicao .frenteVerso .btn-verso.active:hover {
	background-color: #004f9a;
	border: none;
	color: #fff;
}

.configurar-cartEdicao .frenteVerso .btn-frente:hover, .configurar-cartEdicao .frenteVerso .btn-verso:hover {
	background-color: #dcdcdc;
}

.configurar-cartEdicao .frenteVerso span {
	text-transform: uppercase;
	color: #939393;
}

.configurar-cartEdicao .areaDrop .ui.segment {
	margin: 60px auto 0px;
	width: 508px;
  height: 327px;
	background-color: transparent;
	border: 1px solid #d3d3d3;
	padding: 3px;
  border-radius: 12px;
  position: relative;
}

.configurar-cartEdicao .areaDrop .droppable {
	width: 500px;
  height: 319px;
  border-radius: 12px;
  position: relative;
}

.configurar-cartEdicao .areaDrop .infoLayout {
	width: 100%;
	height: 100%;
	padding: 35px 45px;
	color: #939393;
}

.configurar-cartEdicao .areaDrop .infoLayout .fa-info-circle {
	font-size: 50px;
	display: block;
	text-align: center;
	margin-bottom: 35px;
}

.configurar-cartEdicao .areaDrop #imgPreviewFrente, .configurar-cartEdicao .areaDrop #imgPreviewVerso {
	width: 100%;
  height: 100%;
  border-radius: 10px;
}

.configurar-cartEdicao .areaDrop .active .ui-droppable-hover, .configurar-cartEdicao .areaDrop .active.dropSelected {
	background: #579be5 !important;
}

.configurar-cartEdicao .dragItems.ui-droppable-hover {
	background: #e1ebf7 !important;
}

.configurar-cartEdicao .areaDrop .active .ui-droppable-hover .infoLayout, .configurar-cartEdicao .areaDrop .active.dropSelected .infoLayout {
	color: #fff;
}

.configurar-cartEdicao .dragging, .configurar-cartEdicao .ui-draggable.ativo {
	border: 1px solid #579be5;
}

.configurar-cartEdicao .dragging.item.foto {
	border: none;
}

.configurar-cartEdicao .dragging.item.foto img {
	border: 1px solid #579be5;
	border-radius: 4px;
}

/* ---------------------------------
			Configurar Layout - Perfil
------------------------------------*/
.configurar-layout .descricao, .relatorio .descricao {
  background-color: #d3d3d3;
  color: #4e4e4e;
  padding: 15px;
  margin-bottom: 30px;
}

.configurar-layout h2 {
	font-weight: normal;
	font-size: 18px;
	color: #4e4e4e;
  line-height: 13px;
  margin-bottom: 30px;
}

.configurar-layout .perfilLinks {
	text-align: center;
}

.configurar-layout .perfilLinks .item {
	display: block;
	float: left;
	width: 220px;
	height: 112px;
	margin: 0 30px 0px 0px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.3);
}

.configurar-layout .perfilLinks .item:nth-child(4) {
	margin-right: 0px;
}

.configurar-layout .perfilLinks .item:nth-child(5), .configurar-layout .perfilLinks .item:nth-child(6), .configurar-layout .perfilLinks .item:nth-child(7) {
	margin-top: 30px;
}

.configurar-layout .perfilLinks .item a {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition-duration: 0.15s;
	-webkit-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	-ms-transition-duration: 0.15s;
	transition-duration: 0.15s;
	transition-property: all;
}

.configurar-layout .perfilLinks .item a:hover {
	background-color: rgba(255, 255, 255, 0.12);
}

.configurar-layout .perfilLinks .item span {
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f4f4f4;
	float: left;
	text-align: left;
  width: 125px;
  margin-top: 46px;
  margin-left: 15px;
  text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.6);
}

.configurar-layout .perfilLinks .item img {
	float: left;
  margin-top: 27px;
  margin-left: -7px;
}

.configurar-layout .perfilLinks .item.prefeito {
	background: #3771AE url("../img/bg-perfilAzul.png") repeat-x;
}

.configurar-layout .perfilLinks .item.vicePrefeito {
	background: #3771AE url("../img/bg-perfilAzulClaro.png") repeat-x;
}

.configurar-layout .perfilLinks .item.vicePrefeito span {
  margin-top: 38px;
}

.configurar-layout .perfilLinks .item.vereador {
	background: #3771AE url("../img/bg-perfilLaranja.png") repeat-x;
}

.configurar-layout .perfilLinks .item.agenteMunicipalista {
	background: #3771AE url("../img/bg-perfilVerde.png") repeat-x;
}

.configurar-layout .perfilLinks .item.agenteMunicipalista span {
  font-size: 19px;
  margin-top: 38px;
  margin-left: 10px;
}

/* -----------------
			Relatório
--------------------*/
.relatorio .box-filtro {
	height: 50px;
	margin-bottom: 26px;
}

.relatorio .filtro {
	width: 100%;
	height: 50px;
	display: block;
	background-color: #d3d3d3;
	border-top: 2px solid #b7b7b7;
	border-bottom: 2px solid #b7b7b7;
  padding: 9px 8px;
  margin-bottom: 26px;
}

.relatorio .ui.form {
	background-color: transparent;
}

.relatorio .ui.form .fields {
  margin: 0px;
}

.relatorio .filtro span {
  margin-top: 5px;
}

.relatorio .ui.selection.dropdown.menor, .relatorio .ui.form.segment input.menor {
	width: 100% !important;
  min-width: auto !important;
  padding: 6px 7px !important;
}

.relatorio .ui.form .wide.uf.field {
	width: 7.25%!important;
}

.relatorio .field .ui.icon.button {
	margin-top: 2px;
	padding: 5px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15) !important;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15) !important;
	box-shadow: 0 1px 1px rgba(0,0,0,.15) !important;
}

.relatorio .field.filtrar, .relatorio .field.limpar {
	padding-right: 0px !important;
}

.limpaFiltroGrande{
  height: 120px;
  display: flex !important;
  align-items: center;
  width: 173px;
  justify-content: center;
  font-size: 18px !important;
}

.relatorio .field.filtrar .ui.icon.button {
	background: url('../img/bg-btn-azul.png') repeat;
}

.relatorio .field.filtrar .ui.icon.button:hover {
	background: url('../img/bg-btn-azul_hover.png') repeat;
}

.relatorio .field.limpar .ui.icon.button {
	background: url('../img/bg-btn-vermelho.png') repeat;
}

.relatorio .field.limpar .ui.icon.button:hover {
	background: url('../img/bg-btn-vermelho_hover.png') repeat;
}

.ui.btn-vermelho.button, .ui.btn-vermelho.buttons .button {
	background-image: url('../img/bg-btn-vermelho.png');
	background-repeat: repeat;
}

.ui.btn-vermelho.button:hover, .ui.btn-vermelho.buttons .button:hover {
	background-image: url('../img/bg-btn-vermelho_hover.png');
	background-repeat: repeat;
}

.relatorio .quadros h2 {
	font-size: 22px;
	font-weight: 400;
	color: #4e4e4e;
	line-height: 20px;
	margin-bottom: 14px;
	margin-top: 0px;
}

.relatorio .quadros h2 i {
  margin-right: 4px;
}

.relatorio .quadros .item {
	width: 100%;
	height: 373px;
}

.relatorio .quadros .item.visaoGeral {
	background: #2980b4 url('../img/bg-quadro-azul.png') repeat;
}

.relatorio .quadros .item.emitidas {
	background: #2980b4 url('../img/bg-quadro-verde.png') repeat;
}

.relatorio .quadros .info {
	width: 315px;
	height: 100%;
	float: left;
	display: block;
	position: relative;
}

.relatorio .quadros .total {
	width: 241px;
	height: 208px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	border: 3px dotted #f4f4f4;
  margin: 83px 0px 0px 56px;
  padding-top: 14px;
  text-align: center;
}

.relatorio .quadros .total span {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.25);
	text-transform: uppercase;
	line-height: 33px;
  display: block;
}

.relatorio .quadros .total span:nth-child(1) {
	font-size: 20px
}

.relatorio .quadros .total span:nth-child(2) {
	font-size: 24px;
	font-weight: 700;
}

.relatorio .quadros .total span:nth-child(3) {
	font-size: 27px;
	font-weight: 700;
}

.relatorio .quadros .total span:nth-child(4) {
	font-size: 60px;
	font-weight: 700;
	color: #ffcc00;
  line-height: 77px;
}

.relatorio .quadros .item.visaoGeral .total {
	width: 241px;
	height: 156px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	border: 3px dotted #f4f4f4;
  margin: 20px 0px 0px 56px;
  padding: 5px 0 0 0;
  text-align: center;
}

.relatorio .quadros .item.visaoGeral .total span:nth-child(1) {
	font-size: 18px
}

.relatorio .quadros .item.visaoGeral .total span:nth-child(2) {
	font-size: 20px;
	font-weight: 700;
}

.relatorio .quadros .item.visaoGeral .total span:nth-child(3) {
	font-size: 23px;
	font-weight: 700;
}

.relatorio .quadros .item.visaoGeral .total span:nth-child(4) {
	font-size: 45px;
	font-weight: 700;
	color: #ffcc00;
  line-height: 40px;
}

.relatorio .quadros .boxGrafico {
	width: 650px;
	height: 100%;
	float: right;
	display: block;
}

.relatorio .quadros .boxGrafico {
	width: 585px;
	height: 314px;
	display: block;
	position: relative;
	background-color: #fff;
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.25);
	box-shadow: 0 1px 8px rgba(0,0,0,.25);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 30px;
	margin-top: 30px;
}

.relatorio .setaAbaixo.conjunto {
  display: block;
  width: 100%;
  text-align: center;
  margin: 20px 0px;
}

.relatorio .setaAbaixo.conjunto a {
  display: inline-block;
  width: 30px;
  height: 29px;
  margin: 0px 5px;
}

.relatorio .setaAbaixo.conjunto i {
  font-size: 25px;
  color: #fff;
  background-color: #0073BC;
  border-radius: 5px;
  width: 30px;
  height: 29px;
  padding: 2px 0px;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
  transition-property: all;
}

.relatorio .setaAbaixo.conjunto i:hover {
  background-color: #1483c9;
}

.relatorio .setaAbaixo.conjunto i.fa-angle-up, .relatorio .setaAbaixo.conjunto i.fa-angle-double-up {
  background-color: #16a085;
}

.relatorio .setaAbaixo.conjunto i.fa-angle-up:hover, .relatorio .setaAbaixo.conjunto i.fa-angle-double-up:hover {
  background-color: #2dad93;
}

.relatorio .quadros .item.colunas {
	height: 362px;
}

.relatorio .quadros .item.colunas .total {
	margin: 0px auto !important;
	width: 220px;
}

.relatorio .quadros .colunas .item {
	float: left;
	height: auto;
	width: 302px;
  margin-right: 32px;
}

.relatorio .quadros .colunas .item.bloqueadas {
	margin-right: 0px;
}

.relatorio .quadros .colunas .item .box {
	position: relative;
	height: 266px;
	padding-top: 30px;
	margin-bottom: 7px;
}

.relatorio .quadros .colunas .item.naoEmitidas .box {
	background: #2980b4 url('../img/bg-quadro-cinza-claro.png') repeat;
}

.relatorio .quadros .colunas .item.pendentes .box {
	background: #2980b4 url('../img/bg-quadro-laranja.png') repeat;
}

.relatorio .quadros .colunas .item.bloqueadas .box {
	background: #2980b4 url('../img/bg-quadro-cinza-escuro.png') repeat;
}

.relatorio .quadros .colunas .item .descricao {
	background: #dddddd;
	width: 302px;
	height: 48px;
  padding: 5px 14px;
  display: table-cell;
  vertical-align: middle;
}

.relatorio .quadros .colunas .item .descricao p {
	color: #4e4e4e;
  line-height: 16px;
}

.relatorio .quadros .grupoBtnImpressao {
  margin-top: 19px;
}

.relatorio .menu-fixo {
	background: rgba(211, 211, 211, 0.9);
  z-index: 9;
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 970px;
  height: 50px;
  transition: background 0.7s ease-in-out;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}