.img-logo {
    max-width: 100%;
    width: 199px !important;
    height: auto !important;
  }

.img-logo-sidebar{
  max-width: 100%;
  width: 125px !important;
  height: auto px !important;
  float: left;
  margin-left: 3px;
}

.unstyled-button {
  border: none;
  padding: 0;
  background: none;
}

.toolbar{
  margin: 0.5rem 0;
}
/* Text */
.txt-primary{
    color: #5A8DEE;
}

.txt-dark{
  color: #000000;
}

.p-02-05{
  padding: 0.2rem 0.5rem;
}
/* Background */
.bg-black{
  background-color: #000000;
}

.bg-blue{
  color: #FFFFFF;
  border-color: #3366ff;
  background-color: #3366ff;
}

.bg-modal{
  border-radius: 5px;
  background-color: rgb(248, 248, 248);
}

.pull-right{
  float:right!important;
  padding-top: 6px;
}
.dataTables_filter,  .dataTables_length{
  /* float:left; */
  color: #000000;
}
.dataTables_length{
  padding-right: 5px;
}
.dataTables_filter {
  padding-left: 5px;
}
.table td, .table thead th, .dataTables_filter label, .dataTables_length label{
  color: #000000;
}
.brand-text{
  color: #ffffff;
}

/* Overflow */
.ov{
  display:block;
  background-color:transparent;
  overflow: auto;
}

.ov::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.ov::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.ov::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.task-list{
  border-left: 5px solid #05ffb0;
}
.task-danger{
  border-left: 5px solid #ff5b5c;
}
.task-waiting{
  border-left: 5px solid #00cfdd;
}
.task-duedate{
  border-left: 5px solid #475f7b;
}
.mal-1{
  margin: 0.5rem !important;
}
.mll-5{
  margin-left: 5rem !important;
}

.mlr-5{
  margin-right: 5rem !important;
}

@media (max-width: 576px) {
  .mll-5 {
    margin-left: 1rem !important;
  }
  .mlr-5 {
    margin-right: 1rem !important;
  }
  .mal-1{
    margin: 0.25rem !important;
  }
}