body {
    background-color: #f8f9fA;
}

nav{
    background-color: #2a2a2a;
    position: fixed;
    color: white;
}


.logo-navbar{
    max-width: 50px;
    width: 60vw;
}

.login{
    font-size: 2.5rem;
    color: darkgrey;
}

.navbar-toggler-icon {
    icon-color: crimson;
}

h1, .h1{
    font-family: 'Nunito Sans', sans-serif;
    font-size:2rem;
    color: crimson;
}

h1 a{
    color: darkgrey;
}

h2{
    color: darkgrey;
}

h3, .h3{
    color: darkgrey;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 20px 20px 10px 20px; /*\ boven rechts onder links \*/
}

a{
    color: #383838;
}

a:hover{
    color: crimson;
    text-decoration:none;
}

p{
    color: #383838;
}

.tr, .thr, .tfr {
    padding: 12px;
}

.thr {
    border-bottom: 2px solid #dee2e6;
    text-transform: uppercase;
    font-weight: lighter;
}

.tfr {
    border-top: 2px solid #dee2e6;
}

tr:hover, .tr:hover, .tfr:hover {
    background-color: #ddd !important;
}

thead th, thead .th{
    text-transform: uppercase;
    color:#383838;
}
.thead{
    background-color: crimson;

}

.table tfoot th {
    border-top: 2px solid #dee2e6
}

.text-align-right{
    text-align: right;
}


.btn-primary {
    background-color: #FB2056;
    border-color: #FB2056;
}
.btn-primary:enabled:hover {
    background-color: #d40f3f;
    border-color: #d40f3f;
}

.btn:disabled {
    cursor: not-allowed;
    opacity: 0.25;
    background-color: #d40f3f;
    border-color: #d40f3f;
}

.table-field-length {
    width: 100%;
}

.body-bg-image {
  background: url('https://media2.giphy.com/media/z7W3Ljw7oslTq/giphy.gif?cid=ecf05e477dd2e54dbeb247870263c18f5827b8614637f30f&rid=giphy.gif') center no-repeat;
  background-size: cover;
}

.form-row{
    margin:10px;
}

.fakemultiselect .select2-selection__choice, .fakemultiselect .select2-results__option--selected {
    display: none !important;
}

.divider_person.divider_person_deleted {
    display: none;
}

.choice-card {
    cursor: pointer;
}

.choice-card-disabled {
    cursor: not-allowed;
    background-color: #e9ecef;
    opacity: 1;
}

.icon-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.factor_prepend {
    display: none;
}

.custom_distribution .factor_prepend {
    display: flex;
}

.settings-list-container {
    max-width: 500px;
}

#google-login-button {
    background: white;
}

#google-login-button:hover, #google-login-button:focus, #google-login-button:active {
    color: #4285F4;
    border-color: #4285F4;
}

#google-login-button:focus {
    box-shadow: 0 0 0 .2rem rgba(66, 133, 244, 0.5);
}

.successor-form-active label.clickable-row-label[for]:not([for=""]) {
    cursor: pointer;
}

.clickable-row-label input[type="checkbox"] {
    height: 18px;
    width: 18px;
}

.clickable-row-label-radio input[type="radio"] {
    height: 18px;
    width: 18px;
}

.hide-when-collapsing.collapsing {
    display: none;
}

.collapse-as-span.show {
    display: inline;
}

.circle {
  border-radius: 50%;
  background-color: white;
  width: 150px;
  height: 150px;
}

.successor-form-inactive .successor-form-checkbox {
  display: none !important;
}

@media (any-hover: hover) {
    .d-if-no-hover {
        display: none !important;
    }
}

.sort-btn[order=""] .sort-icon-down, .sort-btn[order=''] .sort-icon-up {
    display: none!important;
}

.sort-btn[order='asc'] .sort-icon-down {
    display: none!important;
}

.sort-btn[order='desc'] .sort-icon-up {
    display: none!important;
}