.modal-backdrop {
    background: linear-gradient(130deg, rgba(131,58,180,0.4181022750897234) 16%, rgba(253,29,29,0.3676821070224965) 70%, rgba(252,176,69,0.2780462526807598) 94%);
 }

.modal-content {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 12px 12px 2px 1px rgba(81, 90, 90, .2);
 }

#content {
    padding-top: 5vh;
}

.table-condensed td {
    padding: 1rem !important;
}

.navbar {
    background: linear-gradient(167deg, rgba(58,136,180,0.25003504819896705) 16%, rgba(160,29,253,0.24723392775078779) 70%, rgba(231,69,252,0.25003504819896705) 94%);
    
}

.bootstrap-select .btn:not(.actions-btn) {
    background-color: whitesmoke;
    border-style: solid;
    border-width: 2px;
    border-color: black;
    color: black;
    
}

.large.bootstrap-select .btn  {
    font-size: 1.2em;
}

.btn-mars {
    background-color: #27be6e;
    color: white;
    border-color: white;
}

#loader {
    position: fixed; 
    width: 100%;
    height: 100vh; 
    background: #fefefe url('/static/Images/loading.gif') no-repeat center;
    cursor: wait;
    z-index: 9999;
}

.table-responsive th {
    background-color: rgba(61, 76, 210, 0.299);
    color: black;
}

.table_jquery {
    padding: 1rem;
}

.table-hover tbody tr:hover td {
    background: rgb(42, 246, 190 , 0.5);
}

@media only screen and (max-width: 600px) {
    .table-condensed td {
        padding: 2px !important;
    }
}