.dataTables_filter{
	float: left !important;
}
.color-table.info-table thead th { background-color: #039be0;}
.table td, .table th { padding: 0.9em; }
tr.group,
tr.group:hover {
    background-color: #e8e8e8 !important;
}
.dataTables_filter input {
  background-color: #EEF2F2;
  border:1px solid #D9DDE0;
}
.dataTables_wrapper .dataTables_length {
float: right;
}
.dataTables_wrapper .dataTables_filter {
float: left;
text-align: left;
}

.taronja1 {color:#FC9D29 !important; }
.taronja2 {color:#FCC270 !important; }
.blau1 {color:#4D6EC8 !important; }
.blau2 {color:#03a9f3 !important; }
.verd1 {color:#7EBA74 !important; }
.verd2 {color:#3B7D2D !important; }
.vermell1 {color:#E593BC !important; }
.vermell2 {color:#E42143 !important; }
/*******************
 Grafica ondas
*******************/
.campaign {
  position: relative;
  height: 250px; }
.campaign .ct-series-a .ct-area {
fill-opacity: 0.2;
fill: url(#gradient); }
.campaign .ct-series-a .ct-line, .campaign .ct-series-a .ct-point {
stroke: #00c292;
stroke-width: 2px; }
.campaign .ct-series-b .ct-area {
fill: #03a9f3;
fill-opacity: 0.1; }
.campaign .ct-series-b .ct-line, .campaign .ct-series-b .ct-point {
stroke: #03a9f3;
stroke-width: 2px; }
.campaign .ct-series-a .ct-point, .campaign .ct-series-b .ct-point {
stroke-width: 6px; }

/*******************
 Our income
*******************/
.o-income .c3 line, .o-income .c3 path {
  stroke: #e9ecef; }
/*******************
Login register and recover password Page
******************/
.login-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  padding: 10% 0;
  position: fixed; }

.login-box {
  width: 400px;
  margin: 0 auto; }
  .login-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
  .login-box .social {
    display: block;
    margin-bottom: 30px; }

#recoverform {
  display: none; }

.login-sidebar {
  padding: 0px;
  margin-top: 0px; }
.login-sidebar .login-box {
  right: 0px;
  position: absolute;
  height: 100%; }

/*******************
Form icheck
******************/
.icolors,
.icheck-list {
  padding: 0;
  margin: 0;
  list-style: none; }

.icolors > li {
  padding: 0;
  margin: 2px;
  float: left;
  display: inline-block;
  height: 30px;
  width: 30px;
  background: #343a40;
  text-align: center; }

.icolors > li.active:after {
  content: "\2713 ";
  color: #fff;
  line-height: 30px; }

.icolors > li:first-child {
  margin-left: 0; }

.icolors > li.orange {
  background: #fb9678; }

.icolors > li.yellow {
  background: #fec107; }

.icolors > li.info {
  background: #03a9f3; }

.icolors > li.green {
  background: #00c292; }

.icolors > li.red {
  background: #e46a76; }

.icolors > li.purple {
  background: #ab8ce4; }

.icolors > li.blue {
  background: #01c0c8; }

.icheck-list {
  float: left;
  padding-right: 50px;
  padding-top: 10px; }

.icheck-list li {
  padding-bottom: 5px; }

.icheck-list li label {
  padding-left: 10px; }