a.brand-link {
    height: 56px;
  }
   
  img.brand-image.img-circle.elevation-3 {
    border-radius: 0;
    box-shadow: none!important;
    opacity: 1!important;
    width: 90%;
  }
  
  aside.main-sidebar.sidebar-dark-primary.elevation-4 {
    background-color: #393344;
  }
  .page-item.active .page-link { 
    background-color: #665991;
    border-color: #665991;
  }
  .center{
    text-align: center;
  }

  .danger{
    color: #c90000;
  }
  .green{
    color: green;
  }
  .th-style{
    font-size: 14px;
  }

  

  .nots{
    color: rgb(189, 102, 22);
  }
  .inpro{
   color: rgb(119, 114, 21)
  }
  .page-link { 
    color: #665991; 
  }
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link { 
    background-color: #665991;
  }
  table  a {
    color: #665991!important;
    font-weight: bold;
}
table a:hover {
    color: #393344; 
  }
  
  .preloader { 
    background-color: #393344;
  }
  
  
  .card-primary:not(.card-outline)>.card-header {
    background-color: #665991;
  }

  thead {
    background: #665991;
    color: #fff;
}

.card-title {
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 0 6px 0;
}
.card:before {
  content: " ";
  background: url(https://www.weaddo.com/agency-hotspot/images/linebg.jpg)no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  height: 5px;
  width: 100%;
  left: 0;
}

.content-header h1 {
  margin: 0;
  font-size: 33px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 30px 0 10px 0;
}

.navbar-white {
  background-color: #393344;
  color: #fff;
  background: #393344;
}

.navbar-light .navbar-nav .nav-link {
  color: rgb(255 255 255);
}

.tdred {
  background: #ffb9b9;
  color: #c90000;
  text-align: -webkit-center;
  padding: 5px 10px;
}

 


.completegreen_btn {
  background: #11823b;
  background: #11823b linear-gradient(180deg,#11823b,#11823b) repeat-x!important;
}

.inprogressorange_btn {
  background: #f76400;
  background: #f76400 linear-gradient(180deg,#f76400,#f76400) repeat-x!important;
}

.notstartedyellow_btn {
  background: #f1cf07;
  background: #f1cf07 linear-gradient(180deg,#f1cf07,#f1cf07) repeat-x!important;
}

.latered_btn {
  background: #dc392d;
  background: #dc392d linear-gradient(180deg,#dc392d,#dc392d) repeat-x!important;
}


.dtr-details li {
  list-style: none;
}

.hover{
  cursor: pointer;
}
.progress {
  margin:20px auto;
  padding:0;
  width:100%;
  height:15px;
  overflow:hidden;
  background:#e5e5e5;
  border-radius:6px;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 0rem;
}



.bar {
	position:relative;
  float:left;
  min-width:1%;
  height:100%;
  background:rgb(0, 85, 7);
}

.percent {
	position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  margin:0;
  font-family:tahoma,arial,helvetica;
  font-size:12px;
  color:white;
}

.tasks-by-group-and-department .bg-highlight {
  background-color: #e3dbff;
}

.filter-task-type.active {
  background-color: #22009c;
  color: #ffffff;
}

.filter-by-stages.active {
  background-color: #22009c;
  color: #ffffff;
}

.filter-by-categories.active {
  background-color: #22009c;
  color: #ffffff;
}

.hide-element {
  display: none !important;
}

.fnt--danger {
  color: red;
}



.not_started_card {
  background-color: #7f7d7d45;
}

.started_card {
 background-color: #fdda0d6e;
}

.completed_card {
  background-color: #14cb076b;
}

.overdue_card {
  background-color: #ff000075;
}

.upcoming_card {
  background-color: #0096ff75;
}


.fnt--overdue {
  color: #FF0000;
}

.fnt--completed {
  color: #14CB07;
}

.fnt--upcoming {
  color: #0096FF;
}

.fnt--in-progress {
  color: #FDDA0D;
}

.fnt--not-started {
  color: #7D7E7F;
}

.dt-layout-row {
  margin: 17px 0 15px;
}
.dt-layout-cell.dt-start {
  float: left;
}
.dt-layout-cell.dt-end {
  float: right;
}