body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

footer {
    margin: 50px 0;
}

.nav>li>a {
    padding: 15px 10px 15px 10px;
}

.ul ul li {
    padding-top: 7px;
    padding-bottom: 7px;
}

#originalImage {
    max-width: 100%;
}

#userPhoto {
    display: none;
}

#avatar {
    overflow: hidden;
    width: 256px;
    height: 256px;
}

#preview {
    overflow: hidden;
    width: 256px;
    height: 256px;
}

#preview_circle {
    overflow: hidden;
    width: 256px;
    height: 256px;
    margin-top: 10px;
    border-radius: 128px;
}

.none-list-style {
    list-style: none;
}

.required-star:after {
    content: '*';
    color: red;
    padding-left: 5px;
}

.cursor-pointer:after {
    content: '?';
    cursor: pointer;
    font-weight: bold;
    color: red;
    padding-left: 5px;
}

.color-red {
    color: red;
}

.round-32 {
    width: 32px;
    height: 32px;
    border-radius: 32px;
}

#preview_circle_field {
    overflow: hidden;
    width: 256px;
    height: 256px;
    border-radius: 256px;
    cursor: pointer;
}

#image {
    display: none;
}

#circle_field {
    overflow: hidden;
    width: 256px;
    height: 256px;
    border-radius: 256px;
}