table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
    padding: 4px
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px
}
.table > tbody > tr > td {
     vertical-align: middle;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fcfcfc;
}
.table > thead > tr > th {
    border-bottom: 1px solid transparent !important;
}
.tooltip {
  z-index: 10700;
}
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.tooltip-inner {
  color: #676a6c;
  background-color: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}
.tooltip.top .tooltip-arrow {
  border-top-color: #fff;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #fff;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #fff;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #fff;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #fff;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fff;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #fff;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #fff;
}
.table-hover > tbody > tr:hover {
  *background-color: #ddd;
}
.borda {
	border: 1px solid #fff;
	border-radius: 8px;
	box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
	padding: 10px;
}
.badge2 {
	padding-top: 2px;
	*box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
div.dataTables_wrapper div.dataTables_processing {
    position: fixed !important;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    border: 1px solid #c2c7c7;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .3);
}
.botaoSelecionarBoleto {
	border-radius: 0px !important;
}
.botaoSelecionarCartao {
	border-radius: 0px !important;
}
.painel-fixed{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: cyan;
	width: 100%;
}

.painel-aberto{
	display: flex;
	background-color: #008692;
	justify-content: center;
	width: 100%;
	color: #fff;
	align-items: center;
	border-radius: 4px;
	margin: 10px 7px;
	padding: 10px;
	position: relative;
}



.painel-faturamento{
	display: flex;
	background-color: #2c939c;
	justify-content: center;
	width: 100%;
	color: #fff;
	align-items: center;
	border-radius: 4px;
	margin: 10px 7px;
	padding: 10px;
	position: relative;

}

.painel-conferencia{
	display: flex;
	background-color: #119ca9;
	justify-content: center;
	width: 100%;
	color: #fff;
	align-items: center;
	border-radius: 4px;
	margin: 10px 7px;
	padding: 10px;
	position: relative;
}

.painel-despacho{
	display: flex;
	background-color: #4ec3ce;
	justify-content: center;
	width: 100%;
	color: #fff;
	align-items: center;
	border-radius: 4px;
	margin: 10px 7px;
	padding: 10px;
	position: relative;
}

.painel-finalizados{
	display: flex;
	background-color:#74c3ca;
	justify-content: center;
	width: 100%;
	color: #fff;
	align-items: center;
	border-radius: 4px;
	margin: 10px 7px;
	padding: 10px;
}

.painel-todos{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex: 1;


}

@media screen and (max-width: 1000px) {
	.painel-todos{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		flex: 1;


	}
}

.painel-container{
	display: flex;
	padding: 0 5px	;

	align-items: center;
	flex-direction: column;
	width: 100%;

}

.painel-conteudo{
	width: 100%;
	height: auto;
	padding: 10px 8px 6px 8px;
	background-color: #fff;
	border-radius: 2px;
	color: black;
	font-size: 12px!important;
	margin-bottom: 7px;
}

.conteudo-titulo{
	text-transform:capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.conteudo1{
	display: flex;
	flex: 1;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	width: 100%;
	line-height: 1.2;

}

.atrasado{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: red;
}

.red{
	background-color: red;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	margin-right: 3px;
}
.pago{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: green;
}

.green{
	background-color: green;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	margin-right: 3px;
}

.painel-conteudo:hover{
	transition: 0.1s;
    transform: scale(1.03);
}

.funil-titulo{
	background-color: #fff;
	width: 100%;
	padding: 7px;
	display: flex;
	height: 60px;
	box-shadow: 5px 5px 12px -5px rgba(0,0,0,0.3);
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
	margin-bottom: 5px;
	border-bottom: 5px solid #23C6C8;
}

.pcp-titulo{
	background-color: #e5e5e5;
	width: 100%;
	padding: 7px;
	display: flex;
	height: 40px;
	box-shadow: 5px 5px 12px -5px rgba(0,0,0,0.3);
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
	margin-bottom: 5px;
	color: #313131;
	flex-direction: row;

}



.pcp-titulo h3{
	font-size:14px;
}

.funil-danger{
	background-color: #fff;
	width: 100%;
	padding: 7px;
	border: 2px solid #c3133d;
	border-radius: 50px;

}

.vermelho-vencido{
	width: 10px;
	height: 10px;
	background-color: tomato;
	border-radius: 5px;


}

.funil-titulo h3{
	text-align: center;
	margin: 0;
}

.agile-borda {box-shadow: none;border: 0}

.grafico-lead{
	display: flex;
	flex-direction: row;
	align-items: center;

}
.container-grafico{
	display: none;
	position: absolute;
	z-index: 999999;
	right:70px !important;
	bottom: 12%!important;
	background-color: rgba(255, 255, 255, 0.8);
	opacity: 90%;
	width: 800px !important;
	height: 230px;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 5px 5px 12px -5px rgba(0,0,0,0.3);
}

.icon-grafico{
	position: fixed;
	z-index: 999999;
	right:50px;
	bottom:50px !important;
	width: 39px;
	height: 39px;
	border-radius: 30px;
	background-color: #23c6c8;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 5px 5px 12px -5px rgba(0,0,0,0.3);
	cursor: pointer;

}

.progress-mini{
	background: transparent !important;
	height: 32px !important;
	padding-top: 5px;
	padding-bottom: 4px;

}

.timeline-funil{
	border: 1px solid rgba(210, 210, 210, 0.87);
	width: 98%;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 5px;
	line-height: 15px;
	font-size: 15px;
	margin-left: 5px;
	padding: 15px 10px;
}

.timeline-funil-view{
	box-shadow: 5px 5px 12px -5px rgba(0,0,0,0.3);
	border: 1px solid #30A29E;
	width: 98%;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 5px;
	line-height: 12px;
	font-size: 12px;
	margin-left: 5px;
	padding: 5px 10px;
}

.seta1{
	position: relative;
	top: -4px;
	width: 16px;
	border-radius: 7px;
	height: 16px !important;
	background-color: #fff;
	border: 2px solid #86b2d5;
}
.lead-list{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.fundo-um{
	width: 160px;
	height: 80px;
	background-color: #e5e5f7;
	opacity: 0.8;
	background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #e5e5f7 10px ), repeating-linear-gradient( #d7d8ee55, #d7d8ee );
}
.fundo-dois{
	width: 160px;
	height: 80px;
	background-color: #e5e5f7;
	opacity: 0.8;
	background-image: linear-gradient(to right, #d7d8ee, #d7d8ee 5px, #e5e5f7 5px, #e5e5f7 );
	background-size: 10px 100%;
}
.fundo-tres{
	width: 160px;
	height: 80px;
	background-color: #bc50b0;
	opacity: 0.8;
	background: repeating-linear-gradient( 45deg, #fb91ff, #fb91ff 5px, #bc50b0 5px, #bc50b0 25px );
}

.fundo-quatro{
	width: 160px;
	height: 80px;
	background-color: #e02ecb;
	opacity: 0.8;
	background: radial-gradient(circle, transparent 20%, #e02ecb 20%, #e02ecb 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #e02ecb 20%, #e02ecb 80%, transparent 80%, transparent) 30px 30px, linear-gradient(#fee0ff 2.4000000000000004px, transparent 2.4000000000000004px) 0 -1.2000000000000002px, linear-gradient(90deg, #fee0ff 2.4000000000000004px, #e02ecb 2.4000000000000004px) -1.2000000000000002px 0;
	background-size: 60px 60px, 60px 60px, 30px 30px, 30px 30px;
}

.fundo-cinco{
	width: 160px;
	height: 80px;
	background-color: #0e0640;
	background-image:  radial-gradient(#353881 0.8px, transparent 0.8px), radial-gradient(#353881 0.8px, #0e0640 0.8px);
	background-size: 32px 32px;
	background-position: 0 0,16px 16px;
}

.fundo-seis{
	width: 160px;
	height: 80px;
	background-color: #fdfdfc;
	background-image:  radial-gradient(#7d1589 0.8px, transparent 0.8px), radial-gradient(#7d1589 0.8px, #fdfdfc 0.8px);
	background-size: 32px 32px;
	background-position: 0 0,16px 16px;
}

.fundo-sete{
	width: 160px;
	height: 80px;
	background: radial-gradient(circle at top, rgba(5,53,63,1) 0%, rgba(4,45,55,1) 18%, rgba(3,31,41,1) 47%, rgba(2,19,29,1) 73%, rgba(1,6,16,1) 99%) !important;
}

.fundo-oito{
	width: 160px;
	height: 80px;
	background: #f3f3f4;
}

.progress-bar-pcp {
	background-image: linear-gradient(90deg, #004370,#135883, #00b9cc, #c3133d);
	height: 8px;
	border-radius: 10px;
}

.menu-top-pcp{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.container-entrega{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.container-entrega1{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;


}

.estrela{
	background-color: #0a2a45;
	padding: 7px 20px ;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	margin-right: 5px;
}

.processos-ativos{
	width: 30px;
	font-size: 13px;
	height: 30px;
	border-radius: 30px;
	border: 2px solid #30A29E;
	background: #e1e1e1;
	color: #424242;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 17px;
	margin-bottom: 7px;
	box-shadow: 5px 5px 12px -5px rgba(0,0,0,0.29);

}


.switch1 {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 13px;
	margin-right: 17px !important;
}

.switch1 input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #a8a8a8;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: -10px;
	bottom:-2px;
	background-color: #0a2a45;
	border-radius: 30px;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #37bfba;
	border-radius: 30px;
}

input:focus + .slider {
	box-shadow: 0 0 1px #37bfba;
	border-radius: 30px;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 30px;
}

.slider.round:before {
	border-radius: 39%;
}

.ibox-content{
	margin-top: 0px !important;
}


.dashboard-home{
	background-color: #fbfbfb !important;
	margin-left: 70px;
	padding-left: 15px;
}