@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

body{
	font-family: 'Roboto', sans-serif;
	font-size:1rem;
	color:#7f79a0;
	margin-top:5px;
	background:#4C3C94;
	background-size:cover;
	height:auto;
}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:#8E80D5}
::-webkit-scrollbar-track{background:#344154;}




.col-9.home{
	max-width: 100%;
    ms-flex: 0 0 81%;
    flex: 0 0 81%;
    margin-left: 0%;
}

/*conteudo*/
.conteudo{
	max-width:100%;
	/*width:960px;*/
	margin:0 auto;
	padding:0 2%
}
.caixa{
	width:100%;
	float:left;
	background:#ffffffcf;
	box-shadow:0 0 20px 0 #213841;
	min-height: calc(100vh - 17px);
	border-radius:3px;
	position:relative;
}



.cx .text-label {
    color:#4f466b;text-transform: uppercase;
}



.formulario{	
	background: #fff;
    border-radius: 5px;
    padding-bottom: 1.1rem;
    margin-bottom: 1.1rem;
    padding: 1rem 2rem!important;
    box-shadow: 0 3px 4px 0 #51428b4f!important;
}


input[type="date"].form-campo,
select.form-campo
{	
	padding:.65rem 1rem;
}
.form-campo{
	width:100%;
	max-width:100%;
	display:block;
	border:solid 1px #7f73d359;
	color:#4c5761;
	border-radius:5px;
	-webkit-border-radius:5px;
		-moz-border-radius:5px;
			-o-border-radius:5px;
	transition:all .2s;
	padding:.8rem 1rem;
	background:#eee;
	border-left:solid 2px #7f73d3
}

.form-campo:focus{
	    box-shadow: inset 0 0 10px 0 #473c8b63;
    outline: none;
	transition:all .2s linear
}

.text-label{
	display:block;
	padding-bottom:.6rem;
	margin-top:.6rem;
	font-size: .9rem;
    color: #6a636d;
}
.titulo{
	display: block;
    text-align: left;
    text-transform: uppercase;
    color: #5d52a9;
    padding: 1rem;
    font-size: 1.2rem;
    background: #fff;	
    border-radius: 5px;
    -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			-o-border-radius: 5px;
		
	border-left: solid 3px;
	
	box-shadow:0 3px 4px 0 #51428b4f;
	-webkit-box-shadow:0 3px 4px 0 #51428b4f;
		-moz-box-shadow:0 3px 4px 0 #51428b4f;
			-o-box-shadow:0 3px 4px 0 #51428b4f;
}
.caixa-home{
	width:100%;
	display: block;
    color: #5d52a9;
    padding: 1rem;
    background: #fff;	
    border-radius: 5px;
    -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			-o-border-radius: 5px;
		
	border-left: solid 3px;
	
	box-shadow:0 3px 4px 0 #51428b4f;
	-webkit-box-shadow:0 3px 4px 0 #51428b4f;
		-moz-box-shadow:0 3px 4px 0 #51428b4f;
			-o-box-shadow:0 3px 4px 0 #51428b4f;
}

/*base-lista*/
.base-caixa{
	width:100%;
	float:left;
	padding:0;
	padding-bottom:1rem
}
.tabela-responsiva{
	display:block;
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.tabela-responsiva table{
	width:100%;
	max-width:100%;
	margin-bottom:0;
	background-color:transparent;
}
.tabela-responsiva table td,
.tabela-responsiva table th
{
	font-size:.89rem;
}
.tabela-responsiva table th
{
	background: rgba(67, 53, 123, 0.38);
    padding: .4rem;
    color: #453d69;
}
.tabela-responsiva table td
{
	border-bottom:0;
    vertical-align: middle;
    color: #7d7e7f;
	padding:.4rem .6rem
}
.tabela-responsiva table tr{background:#ffffffbf}
.tabela-responsiva table tr:nth-of-type(2n+0){background:#6d62961c}

.tabela-responsiva .btn
{
	padding:.24rem 1rem
}

.rolagem-tabela{
	height:303px;
	overflow-y:auto;
	border:solid 1px rgba(76,87,97,0.23);
	border-top:0
}
.rolagem-tabela2{
	height:447px;
	overflow-y:auto;
	border:solid 1px rgba(76,87,97,0.23);
	border-top:0
}

footer{
	width:100%;
	display:inline-block;
	text-align:center;
	font-size:.9rem;
	padding-top:1rem;
	padding-bottom:0;
}
footer p{
	font-size:.9rem;
	padding-top:1rem;
	padding-bottom:1rem;
}



/*paginacao*/
.paginacao{justify-content: flex-end;padding-bottom:1.5rem}
.paginacao,
.paginacao li
{
	display:flex;
	display:ms-flexbox;
	padding-left:0;
	list-style:none;
	border-radius:.25rem;
}
.paginacao li:first-child .link{
	border-radius:50px 0 0 50px;
}
.paginacao li:last-child .link{
	border-radius:0 50px 50px 0;
}
.paginacao .link:hover{
	background-color:#9f8af6;
	transition:all .5s linear
}
.paginacao .link
{
	position:relative;
	display:block;
	padding:.5rem .75rem;
	margin-left:-1px;
	line-height:1.25;
	color:#d2caf4;
    background-color: #7a6eaf;
    border: solid 1px #1a143252;
	text-decoration:none;
}
.paginacao li.ativo
{
	padding:.5rem .75rem;
	color:#fff;
	background-color:#a394f0;
	border:solid 1px #a394f0;
	border-radius:0;
}


/*Impreso*/
.imprimir .conteudo{padding:0;width:1000px}

.imprimir{
	background:#FFF!important
}
.imprimir .tabela-responsiva table tr,
.imprimir .tabela-responsiva table tr:nth-of-type(2n+0)
{
	background:#FFF!important
}
.imprimir .tabela-responsiva table{
	border:solid 1px #444;
	border-bottom:0;
}
.imprimir .tabela-responsiva table th{
	border-bottom:solid 1px #444;
	background:rgba(200, 197, 212, 0.38);
	color:#444;
}
.imprimir .tabela-responsiva table th{
	border-left:solid 1px #111
}
.imprimir .tabela-responsiva table th:first-child{
	border-left:0
}

.imprimir .tabela-responsiva table td:first-child{
	border-left:0
}
.imprimir .tabela-responsiva table td{
	border-bottom:solid 1px #444;
	padding:.8rem;
	color:#444;
}
.imprimir .tabela-responsiva table td{
	border-left:solid 1px #111
}
.imprimir h1{
	text-align:center;
	margin-bottom:.3rem;
	text-transform:uppercase;
	color:#111;
}
.imprimir p{
	text-align:center;
	margin-bottom:1.4rem;
	text-transform:uppercase;
	color:#111;
}

@media print{
	.imprimir .conteudo{padding:3%;width:auto}

	.imprimir{
		background:#FFF!important
	}
	.imprimir .tabela-responsiva table tr,
	.imprimir .tabela-responsiva table tr:nth-of-type(2n+0)
	{
		background:#FFF!important
	}
	.imprimir .tabela-responsiva table{
		border:solid 1px #444;
		border-bottom:0;
	}
	.imprimir .tabela-responsiva table th{
		border-bottom:solid 1px #444;
		background:rgba(200, 197, 212, 0.38);
		color:#444;
	}
	.imprimir .tabela-responsiva table th{
		border-left:solid 1px #111
	}
	.imprimir .tabela-responsiva table th:first-child{
		border-left:0
	}

	.imprimir .tabela-responsiva table td:first-child{
		border-left:0
	}
	.imprimir .tabela-responsiva table td{
		border-bottom:solid 1px #444;
		padding:.8rem;
		color:#444;
	}
	.imprimir .tabela-responsiva table td{
		border-left:solid 1px #111
	}
	.imprimir h1{
		text-align:center;
		margin-bottom:.3rem;
		text-transform:uppercase;
		color:#111;
	}
	.imprimir p{
		text-align:center;
		margin-bottom:1.4rem;
		text-transform:uppercase;
		color:#111;
	}
}


/*991*/
@media (max-width:991px){
	.conteudo{padding:0}
	.col-9.home .conteudo{padding:2%}
	.topo { padding-left: 0;}
	.caixa {
    box-shadow:none;
    min-height: calc(100vh - 0px);
	}
	.mobmenu{
		display: block;
		float: right;
		font-size: 2rem;
		padding: .5rem 1.3rem;
		color: #fff;
	}
	.menu-lateral{
		display:none;
		z-index:2; 
		background: #302c3f;
		max-width: 23%;
		flex: 0 0 23%;
		ms-flex: 0 0 23%;
	}
	.itens-menu{
		max-height:440px;
		overflow-y:auto;
	}
	.cx .h5 { font-size: 1rem!important;}
	.cx{padding:1rem .8rem}
	.col-9.home{
		max-width: 100%;
		ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-left: 0%;
	}
	#accordion ul li a {padding-left: 1.5rem;}
	.rolagem-tabela {
		height: auto;
		overflow-y: inherit;
		border:0
	}
}

/*880*/
@media (max-width:880px){
	.menu-lateral{
		max-width: 27%;
		flex: 0 0 27%;
		ms-flex: 0 0 27%;
	}
}

/*750*/
@media (max-width:750px){
	.menu-lateral{
		max-width: 30%;
		flex: 0 0 30%;
		ms-flex: 0 0 30%;
	}
}

/*690*/
@media (max-width:690px){
	.menu-lateral{
		max-width: 33%;
		flex: 0 0 33%;
		ms-flex: 0 0 33%;
	}
}

/*627*/
@media (max-width:627px){
	.menu-lateral{
		max-width: 36%;
		flex: 0 0 36%;
		ms-flex: 0 0 36%;
	}
	.formulario {
		padding: 1rem 1rem!important;
	}
}

/*590*/
@media (max-width:590px){
	.menu-lateral{
		max-width: 43%;
		flex: 0 0 43%;
		ms-flex: 0 0 43%;
	}
}

/*460*/
@media (max-width:460px){
	.menu-lateral{
		max-width: 53%;
		flex: 0 0 53%;
		ms-flex: 0 0 53%;
	}
}

/*394*/
@media (max-width:394px){
	.topo .logo {
		padding: 10px 8px;
	}
	.text-right.pt-3.pb-5 .btn{
		width:100%;
		font-size:1.1rem;
		margin:.4rem 0
	}
	.btn{
		width:100%;
		font-size:1.1rem;
	}
}


/*370*/
@media (max-width:370px){
	.menu-lateral{
		max-width: 80%;
		flex: 0 0 80%;
		ms-flex: 0 0 80%;
	}	
	.topo .logo {
		font-size: 1.1rem;
	}

}

/*337*/
@media (max-width:337px){
		
	.topo .logo {
		font-size: 1rem;
	}

}

/*323*/
@media (max-width:323px){
		
	.topo .logo {
		font-size: .95rem;
		padding: 10px 4px;
	}

}