:root {
    --white: rgb(255, 255, 255);
    --purple: rgb(77, 20, 118);
    --red: rgb(255, 0, 80);
    --orange: rgb(255, 110, 0);
    --semantic-error-border: #e0b4b4;
    --semantic-error-backgound: #fff6f6;
    --semantic-error-color: #9f3a38;
    --semantic-border-radius: 0.28571429rem;
}

#atl-brand-text {
    color: var(--white);
    font-size: 50px;
    text-shadow: 0 0 0.35rem var(--purple);
}

#form-fields-margin-bottom-less {
    margin-bottom: 0px;
}

.atl-profile-wrapper {
    margin: 0px;
    padding: 4px;
    background: linear-gradient(to right, var(--red), var(--orange));
    box-shadow: rgba(77, 20, 118, 0.5) 1px 1px 3px;
}

.atl-profile-image {
    border: 3px solid var(--white);
}

#profile_user_name {
    margin: calc(1rem - 0.14285714em) 0em 1rem;
    margin-bottom: 0px;
}

#profile_label_confirmation {
    margin: 0px;
}

#profile_picture_uploadimage_input {
    position: absolute;
    top: -200;
    right: 0;
    width: 0;
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: inherit;
    display: block;
}

#picture_crop_container {
    max-width: 100%;
}

#picture_crop_image {
    max-height: 400px;
    max-width: 100%;
}

#picture_cam {
    border-radius: var(--semantic-border-radius);
    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
    max-height: 100%;
    max-width: 100%;
}

.atl-form-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.atl-form-container > :first-child {
    margin-top: auto !important;
}

.atl-form-container > :last-child {
    margin-bottom: auto !important;
}

.atl-content {
    width: 100%;
    max-width: 550px;
    margin-top: 0px !important;
}

.atl-text-justify {
    text-align: justify;
}

#phonenumber_menu_icc {
    overflow: visible;
}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 600px) {
}

@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1200px) {
}
