.person-element {
        margin-top: 25px;
    }
    
    .hvb-title {
        color: white;
        text-align: center;
        padding: 5px !important;
        background-color: #63c3d1;
    }
    
    .hvb-candidate {
        color: white;
        text-align: center;
        padding: 20px !important;
        background-color: #63c3d1;
    }
    
    .hvb-candidate:hover {
        background-color: rgba(255, 255, 255, 0.4);
        color: #63c3d1;
    }
    
    .hvb-candidate:hover .hvb-img {
        filter: grayscale(0%);
    }
    
    .hvb-img {
        margin-top: 15px;
        height: 200px;
        width: 200px !important;
        object-fit: cover;
        object-position: top center;
    }
    
    .hvb-name {
        padding: auto;
        min-height: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .hvb-span {
        vertical-align: middle;
    }
    
    .person-img {
        margin-bottom: 10px;
    }
    
    .person-img-caption {
        margin-bottom: 30px;
    }
    
    .headline {
        line-height: 3rem;
    }
    
    #cdu-pe-eletion-area-element {
        color: white;
        min-height: 150px;
        background-color: #63c3d1;
    }
    
    .cdu-pe-eletion-area-element-container {
        padding: 0 .75rem;
    }
    
    .your-dandidate {
        color: white;
        padding: 50px;
        margin: auto;
    }
    
    .small-text {
        font-size: 1.15rem;
    }
    
    .widget-headline {
        font-size: 4rem;
        line-height: 3.5rem;
    }
    
    .btn {
        background-color: #E95D0F !important;
    }
    
    img.crop-center {
        height: 200px;
        width: 200px !important;
        object-fit: cover;
        object-position: top center;
    }
    
    .list-element {
        background-color: rgba(250, 250, 250, 0.4);
    }
    
    .list-element:hover {
        background-color: rgba(200, 200, 200, 0.4);
    }
    
    .cdu-hvb-candidates {
        margin-bottom: 80px !important;
    }
    
    .description-attribute {
        font-size: 18;
    }
    
    .social-media-button {
        padding: 10px !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        margin: 5px;
        background-color: rgba(98, 193, 208, 1)!important;
    }
    
    .social-media-button:hover {
        background-color: rgba(60, 155, 170, 1)!important;
    }
    
    #modal-background {
        position: absolute;
        z-index: 9999;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.4);
    }
    
    .modal {
        display: block!important;
        top: 10%;
        font-weight: normal;
        font-family: 'cdukievit', sans-serif;
        font-size: 1.4rem;
        max-height: 85%!important;
    }
    
    .modal input {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #9e9e9e;
        border-radius: 0;
        outline: none;
        height: 3rem;
    }
    
    .modal input:focus {
        border-bottom: 1px solid rgba(98, 193, 208, 1);
        box-shadow: 0 1px 0 0 rgba(98, 193, 208, 1);
    }
    
    .modal textarea {
        line-height: normal;
        overflow-y: hidden;
        padding: 0.8rem 0 0.8rem 0;
        resize: none;
        min-height: 140px;
        background-color: transparent;
        border: 1px solid rgba(158, 158, 158, 0.4);
        border-bottom: 1px solid #9e9e9e;
        border-radius: 7px;
        outline: none;
        width: 100%;
        font-size: 16px;
        margin: 0 0 8px 0;
    }
    
    .modal textarea:focus {
        border-bottom: 1px solid rgba(98, 193, 208, 1);
        box-shadow: 0 1px 0 0 rgba(98, 193, 208, 1);
    }
    
    .modal .input-field {
        border: royalblue!important;
    }
    /*
    .input-field>label {
        position: absolute;
        top: -10px;
        left: 0px;
        margin-left: 2rem;
    }

    .input-field {
        position: relative;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }*/
    
    .alert-danger {
        background-color: #f70b3a;
    }
    
    .alert {
        padding: 15px;
        border: 1px black;
        color: white;
        margin: 15px;
        border-radius: 7px;
    }
    
    input.readonly {
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 5px;
    }
    
    .flex-container-cpd {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    
    .flex-child-cpd {
        padding: 10px;
        max-width: 33%;
    }
    
    .person-card {
        width: 50%;
    }