.card-pay-history
{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 8px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: #ffffff;
}

.project-tab {
  padding: 3%;
  margin-top: 1%;
}

.project-tab #tabs{
  background: #007b5e;
  color: #eee;
}

.project-tab #tabs h6.section-title{
  color: #eee;
}

.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: black;
  background-color: transparent;
  border-color: transparent transparent #f3f3f3;
  border-bottom: 3px solid #00a1dc !important;
  text-align: left !important;
  font-size: 12px;
}

.project-tab .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #878787;
  text-align: left !important;
  font-size: 12px;
}
.project-tab .nav-link:hover {
  border: none;
}
.project-tab thead{
  background: #f3f3f3;
  color: #878787;
}
.project-tab a{
  color: #878787;
  font-weight: 600;
}

.table-payment-history
{
  font-size: .7rem;
}

.td-max-char-25{
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.td-max-char-30{
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tab-pane{
  overflow-x:auto;
}

.table_title{
  background-color: #00a1dc;
  height:3px
}

.tab_card_title{
  margin-bottom: -40px;
  color:black
}

.text-black{
  color: black;
}

.modal-body-text-size{
  font-size: .6rem;
}

@media (min-width: 576px){
  .modal-body-text-size{
    font-size: .6rem;
  }
}

@media (min-width: 768px)
{
  .modal-body-text-size{
    font-size: .6rem;
  }
}
@media (min-width: 992px)
{
  .modal-body-text-size{
    font-size: .7rem;
  }
}
@media (min-width: 1200px)
{
  .modal-body-text-size{
    font-size: .8rem;
  }
}

.clickable{
  cursor: pointer;
}

.clickable-row:hover{
  background-color: #53acccf6;
}

a.activate-reminder {
  color: red;
}

a.activate-reminder:hover {
  color: rgb(240, 142, 142);
}

a.desactive-reminder {
  color: gray;
}

a.desactive-reminder:hover {
  color: rgb(187, 187, 187);
}