.dropdown-toggle, .dropdown-toggle:hover {
    color: white;
}

.modal-title{
    font-size: 30px;
   }

.circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.circle.completed {
    background-color: #27F02E;
}

.circle.failed {
    background-color: #F4227F;
}

.circle.not-completed {
    background-color: #f9f9f9;
    border: 1px solid black;
}

.btn-action {
    background-color: #4D356E !important;
    color:white !important;
}

.btn-outline-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color:white !important;
}

.reset-grid-button{
    color:white;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
  }

 .s4collections-profile{
    color:white !important;
}
/*.btn {*/
/*    border-radius: 25px !important;*/
/*    border: 0 !important;*/
/*    color: white;*/
/*}*/

ul.pagination > li {
  
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    background-color: white ;

   /*padding:6px 12px !important;*/
}

ul.pagination > li.active {
    border-color: #ddd;
    background-color: #4D356E !important ;
    color:white !important;
}

.btn {
    color: white;
}

.btn:hover, .btn:active, .btn:focus {
    color: white !important;
}

a{
    text-decoration: none !important;
    color: #337ab7 !important;
}
.navigation > a, .navigation > .dropdown > a {
    color: black !important;
}
a.btn{
    color: white !important;
}


.del-invoice{
    cursor: pointer;
}

.s4-btn {
    background-color: #c62828; /* Dark red like screenshot */
    color: #fff !important;
    padding: 15px 25px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 1.1rem;
    text-align: center;
    min-width: 100px;
    display: inline-block;
    transition: 0.2s;
}

.s4-btn:hover {
    background-color: #a61d1d;
    color: #fff !important;
}