body{
	margin:0;
	padding:0;
	*font-family: Lato,sans-serif;
	position: relative;
	background-color: #EEE;	/* background-color: #FFFFFF; */
	color: #333;
	background-size: cover; /*Css padrão*/
	-webkit-background-size: cover; /*Css safari e chrome*/
	-moz-background-size: cover; /*Css firefox*/
	-ms-background-size: cover; /*Css IE não use mer#^@%#*/
	-o-background-size: cover; /*Css Opera*/
}.navbar-inverse .navbar-toggle{	border: none !important;}.navbar-inverse .navbar-toggle .icon-bar{	background-color:#613763 !important;}.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background-color: #F5F5F5 !important;	color:#613763;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
	background-color: #F5F5F5 !important;	color:#613763;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background-color: #F5F5F5 !important;
	color:#613763;
}.btn-group-xs .btn, .btn-group-xs .input-group-btn .btn, .btn.btn-xs, .input-group-btn .btn.btn-xs{	padding: 0px 7px !important;}table.dataTable tbody th, table.dataTable tbody td{	padding: 0px 10px !important;}.navbar.navbar-inverse .dropdown-menu li>a:focus, .navbar.navbar-inverse .dropdown-menu li>a:hover{	background-color: #3f51b5 !important;	color:#FFFFFF;}.btn:not(.btn-raised).btn-success, .input-group-btn .btn:not(.btn-raised).btn-success {    color: #4caf50;    border: 1px solid #4caf50;}.btn, .input-group-btn .btn{	margin: 6px 1px;}.btn-group-xs .btn, .btn-group-xs .input-group-btn .btn, .btn.btn-xs, .input-group-btn .btn.btn-xs{	padding: 4px 7px;	font-size: 12px;}.checkbox label, .radio label, label{	color:#333;}.navbar.navbar-inverse {    /* background: linear-gradient(135deg, rgba(11, 166, 255, 0.95) 0%, rgba(11, 166, 255, 0.95) 100%); */    background-color:#261f2b;    color: #fff;}.form-group {    padding-bottom: 5px;    margin: 0px 0 0 0;}
.nopadding{
	padding:0;
}
.nopadding-left{
	padding-left: 0;
}
.nopadding-right{
	padding-right: 0;
}
.nomargin{
	margin:0 !important;
}
.noradius{
	border-radius:0;
}
.branco{
	color:#FFF;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
	height:20px;
}
.clearfix{
	clear:both;
	height:40px;
}
.bloco-interno {    margin-top: 2%;}.bloco {    *padding: 0px 6% 0px 5% !important;    width: 100%;}@media(max-width: 767px){		.bloco {		padding: 0px 2% 0px 2% !important;		width: 100%;	}}
.btn-red{
	background: linear-gradient(135deg, rgba(4, 172, 247, 0.95) 0%, rgba(20, 8, 32, 0.95) 100%);
	border: #613763;
	color: #FFF;
	font-size: 75%;
	padding: .2em .6em .3em;
}
.btn-red:hover, .btn-red:active, .btn-red:focus{
	background-color: ##613763;
	color: #FFF;
}
.btn-black{
	background-color: #222;
	border: #613763;
	color: #FFF;
	font-size: 75%;
	padding: .2em .6em .3em;
}
.btn-black:hover, .btn-black:active, .btn-black:focus{
	background-color: #000;
	color: #FFF;
}
.btn-red i, .btn-black i{
	margin-right: 3px;
}

.label{
	font-weight: normal;
}
.label i{
	margin-right: 5px;
}
.label-red{
	background: linear-gradient(135deg, rgba(4, 172, 247, 0.95) 0%, rgba(20, 8, 32, 0.95) 100%);
}
.label-black{
	background-color: #222;
}

/* LOGIN */
.bg-login{	background-color: #FFF;	padding: 5px;	padding-top: 15px;	border-radius: 4px;	margin-top: 15%;}
.tit-login{
	font-size: 13px;
	text-transform: none;
	color: #000;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}
.bg-login .input-group-addon{
	background-color: #0fbfc2;
	border: #CCC;
}
.bg-login .input-group-addon>i {
	color: #FFF !important;
}
.btn-login{
	padding-top: 10px;
	padding-bottom: 10px;
	
	background-color: #0fbfc2;

	border: #CCC;
	color:#FFF;
}


/* TOPO */
.topo{
	*background-color:#613763;
	*min-height:110px;
	width: 100%;
	*position: fixed;
	top: 0;
	*z-index: 9;
}
.topo img {
	float: left;
	height: 50px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.menu{
	clear: both;
}
.ususario>h3{
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0px;
	margin-top: 20px;
}
.ususario>span{
	color: #FFF;
	font-size: 12px;
}
.ususario>i{
	font-size: 37px;
	display: block;
	float: right;
	padding-left: 20px;
	color: #FFF;
}
.navbar-inverse{
	background-color: #FFF;
	border: none;
	border-bottom:2px solid #613763;
}
.navbar-nav{
	
}.dropdown-menu {
    min-width: 250px;
    padding: 8px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #613763;
    white-space: nowrap;
}



.navbar{
	min-height: 40px !important;
}
.navbar-toggle{
}.nav>li>a {    position: relative;    display: block;    padding: 15px 10px !important;}
.navbar-inverse .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	font-size:15px;
}.navbar.navbar-inverse .dropdown-menu li>a{	padding: 3px 16px;	font-size:12px;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {	background-color: #F5F5F5 !important;    color: #613763;
}
.navbar-inverse .navbar-nav>li>a i {
	font-size: 15px;
}

/* CONTEUDO */
h1, h1>a, h1>a:hover {
	font-size: 24px;
	text-transform: uppercase;
	color: #613763;
	margin: 0;
}
h1>i{
	margin-right: 10px;
}
h1 .breadcrump{
	font-size:18px;
	color:#ccc;
	margin-left:4px;
}
h2{
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 0;
    border-left: 2px solid #613763;
    padding: 5px 10px;
    color: #222;

    background: transparent; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #fff , transparent); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #fff , transparent); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #fff , transparent); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #fff , transparent); /* Standard syntax */
}
h2>b{
	text-transform: uppercase;
}
h2>i{
	color:#ccc;
	margin-left: 5px;
	margin-right: 5px;
}

.tabela{
	background-color: #fff;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	background-color: #597d64;
    border-color: #597d64;
}
.pagination>li>a, .pagination>li>span {
	color: #597d64;
}
.interno{
	border-top:2px solid #ccc;
	background-color:#fff;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom: 50px;
}
.filtroPeriodo{
	background-color: #ddd;
    border-bottom: 2px solid #ccc;
    border-radius: 1px;
    padding: 20px;
}



/* RODAPE */
.rodape{
	height:33px;
	width: 100%;
	bottom:0;
	/* position:fixed; */
	z-index: 9;
	background-color:#EEE;
	border-top: 1px solid #ccc;
	text-align: center;
	*padding: 7px;
}
.rodape img{
	margin-left: auto;
    margin-right: auto;
    height: 33px;
}



/* --- DATA TABLE --- */
/* botão */
.dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #555;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    background-color: #fff;
}
/* botão página ativa */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: #fff !important;
    border: 1px solid #613763 !important;
    border-bottom: 2px solid #613763 !important;
    background-color: #613763 !important;
}
/* hover */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: #FFF;
    border: 1px solid #613763;
    border-bottom: 2px solid #613763;
    background-color: #613763 ;
}
/* ativo/clicado */
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    color: #FFF !important;
    border: 1px solid #613763 !important;
    border-bottom: 2px solid #613763 !important;
    background-color: #613763 !important;
}
.tabela{
	background-color: #fff;
}
thead{
	background-color: #FFF !important;
	color:#222;
}
td{
	vertical-align: middle !important;
	font-size:12px;
}
th{

	vertical-align: middle !important;
	font-size:12px;

}


/* --- PACE LOADER --- */
.pace .pace-activity {
	background: #613763 !important;
}


/* --- SWEET ALERT --- */
.sweet-alert h2{
	border: none;
}

/* --- MODAL --- */
.modal-content {
	border-color:#613763;
	border: none;
	border-bottom: 6px solid #613763 !important;
	border-radius: 2px;
}
.modal-header {
	background: linear-gradient(135deg, rgba(4, 172, 247, 0.95) 0%, rgba(20, 8, 32, 0.95) 100%);
	color: #FFF;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.modal-header i{
	margin-right: 5px;
}
.modal{
	top: 70px;
}
.modal-backdrop {
  	background-color: #222;
}
.modal-footer{
	background-color:#f0f0ea;
}


body {
  overflow: hidden; 
}
 
/* ini: Preloader */
 
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#333; /* cor do background que vai ocupar o body */
	opacity:0.9;
    z-index:999; /* z-index para jogar para frente e sobrepor tudo */
}
#preloader .inner {
    position: absolute;
    top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
    left: 50%;
    transform: translate(-50%, -50%);  
}
.bolas > div {
  display: inline-block;
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin: 3px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: animarBola;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   
}
.bolas > div:nth-child(1) {
    animation-duration:0.75s ;
    animation-delay: 0;
}
.bolas > div:nth-child(2) {
    animation-duration: 0.75s ;
    animation-delay: 0.12s;
}
.bolas > div:nth-child(3) {
    animation-duration: 0.75s  ;
    animation-delay: 0.24s;
}
 
@keyframes animarBola {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  16% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  33% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
  } 
}
/* end: Preloader *//* =========== CUSTOM MATERIALIZE ================ */.form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label, .form-group.label-static label.control-label {    top: -30px;    left: 13px;    font-size: 12px;    line-height: 1.07142857;}.input-group {    position: relative;    display: flex;    border-collapse: separate;}.chart-container {  position: relative;  margin: auto;  height: 80vh;  width: 80vw;}.btn-primary, .alert-primary, .bg-primary, .panel-primary{	background-color:#1266F1 !important;	color:#FFF !important;}.btn-secondary, .alert-secondary, .bg-secondary, .panel-secondary{	background-color:#B23CFD !important;	color:#FFF !important;}.btn-success, .alert-success, .bg-success, .panel-success{	background-color:#00B74A !important;	color:#FFF !important;}.btn-danger, .alert-danger, .bg-danger, .panel-danger{	background-color:#00B74A !important;	color:#FFF !important;}.btn-warning, .alert-warning, .bg-warning, .panel-warning{	background-color:#FFA900 !important;	color:#FFF !important;}.btn-info, .alert-info, .bg-info, .panel-info{	background-color:#39C0ED !important;	color:#FFF !important;}.btn-light, .alert-light, .bg-light, .panel-light{	background-color:#FBFBFB !important;	color:#000 !important;}.btn-dark, .alert-dark, .bg-dark, .panel-dark{	background-color:#262626 !important;	color:#FFF !important;}