.dobContainer
{
    margin: auto 0;
    width: 100%;
}

.registration-grey
{
    color: rgba(56,56,56,0.57);
}

.personal-info,
.credentials,
.voucher,
.final-info,
.registration-images
{
    display: flex;
}

.final-info
{
    justify-content: space-between;
}

.personal-info-left,
.credentials-left,
.voucher-left,
.registration-images-left,
.final-info-left
{
    width: 70%;
}

.final-info-right
{
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1024px) {
    .personal-info-right,
    .credentials-right,
    .voucher-right
    {
        width: 35% !important;
    }
}

.personal-info-text,
.credentials-text,
.voucher-text
{
    margin-left: 10px;
    font-size: 1rem;
    color: #80808091;
}

.final-info-row
{
    display: flex;
    justify-content: center;
}

.register-button
{
    height: 60px;
    color: white;
    display: flex;
    align-content: center;
    align-items: center;
    width: max-content;
    padding: 0 30px;
}

.switch
{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input
{
    opacity: 0;
    width: 0;
    height: 0;
}

.slider
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before
{
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider
{
    background-color: #FAC710;
}

input:focus + .slider
{
    box-shadow: 0 0 1px #FAC710;
}

input:checked + .slider:before
{
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.inner-content
{
    padding: 10% 8%;
}

.registration-success-check
{
    width: 55px;
    height: 55px;
}

.registration-success-header-text
{
    color: #FAC710;
}

/* Rounded sliders */
.slider.round
{
    border-radius: 34px;
}

.slider.round:before
{
    border-radius: 50%;
}

/*
 * FilePond Custom Styles
 */
.filepond--drop-label
{
    color: #4c4e53;
}

.filepond--label-action
{
    text-decoration-color: #babdc0;
}

#pass_photo.filepond--panel-root
{
    /*background-color: #edf0f4;*/
}

#photo_id.filepond--panel-root
{
    border-radius: 2em;
    background-color: #edf0f4;
    height: 1em;
}

#photo_id .filepond--drop-label,
#pass_photo .filepond--drop-label
{
    background-color: #F1F0EF;
    min-height: 40px !important;
}

/*#photoId.filepond--drip-blob {*/
/*    background-color: #7f8a9a;*/
/*}*/

.filepond--credits
{
    display: none;
}

#photo_id .filepond--list-scroller,
#pass_photo .filepond--list-scroller
{
    height: 90px !important;
}


/*
    Language selector
 */
.dd-selected-image,
.dd-options img
{
    width: 40px;
    height: 40px;
}

.dd-selected
{
    padding: 0 10px !important;
}

.dd-selected-text,
.dd-option-text
{
    line-height: 42px !important;
}


/*
    Privacy Popup
 */
.privacy-text {
    overflow-x: auto;
    word-wrap: break-word;
    display: table;
}


/*
    Loading Screen
 */
.loader-container {
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    background: #000;
    opacity: 25%;
    z-index: 100;
}

.spinner {
    width: 64px;
    height: 64px;
    border: 8px solid;
    border-color: #3d5af1 transparent #3d5af1 transparent;
    border-radius: 50%;
    animation: spin-anim 1.2s linear infinite;
}