* {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

label {
    font-weight: normal;
}

body.login {
    background-color: #ECF0F5;
}

#login-container {
    width: 350px;
    max-width: 100%;
    margin: auto;
    margin-top: 50px;
}

.form-section {
    width: 100%;
    float: left;
    min-height: 22px;
}

.form-section-left .form-group {
    float: left;
    width: 100%;
}

.radio-group {
    padding: 20px 0 5px 0;
}

span.radio-label {
    margin: 0 4px 0 5px;
    position: relative;
    top: 2px;
}

#wrap-new-unit-image, #wrap-change-profile-picture {
    position: relative;
}

.add-profile-picture, .change-profile-picture {
    cursor: pointer;
    opacity: 0;
    z-index: 3;
    height: 100%;
    width: 100%;
    position: absolute;
}

.profile-picture {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* NOVO */
.profile-picture-wrap-large {
    position: relative;
}

#preview {
    width: 300px;
    height: 300px;
}

h5#preview-usersname span {
    font-size: 30px;
    font-weight: bold;
}

.new-user {
    max-width: 100%;
    border: dashed 1px #d2d6de;
}

.user-profile-image {
    max-width: 100%;
    border: solid 1px #d2d6de;
}

.feedback {
    color: #a94442;
    display: block;
    margin-top: 10px;
}

#adminlist .profile-image, #userlist .profile-image, #workinghours .profile-image {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    padding: 1px;
    border: solid 1px #3C8DBC;
}

#adminlist .profile-image.role-developer, #workinghours .profile-image.role-developer {
    border-color: purple;
}

#adminlist .profile-image.role-superadmin, #workinghours .profile-image.role-superadmin {
    border-color: #DD4B39;
}

#adminlist .profile-image.role-admin, #workinghours .profile-image.role-admin {
    border-color: #00A65A;
}

#adminlist .profile-image.role-user, #workinghours .profile-image.role-user {
    border-color: #3C8DBC;
}

.table-birthday {
    display: none;
}

.activity-icons {
    margin-right: 15px;
    cursor: pointer;
}

.fa-calendar {
    color: #00A65A;
}

table tr td .fa-pencil {
    color: #3C8DBC;
}

.fa-remove {
    color: #a94442;
}

.fa-question-circle {
    color: #F39C12;
    cursor: default;
}

.form-group-hours, .form-group-activity {
    float: left;
    width: 100%;
}

.modal-header {
    background-color: #3C8DBC;
    color: #fff;
    text-shadow: none;
}

.modal-header .close {
    opacity: 1;
    color: #fff;
    text-shadow: none !important;
}

.close:focus, .close:hover {
    opacity: 1;
}

.confirm-activity {
    width: 100%;
}

/* MODAL DATEPICKER FIX FOR GOOGLE CHROME*/
.datepicker{z-index:1200 !important;}

@media screen and (min-width: 768px) {
    .feedback {
        display: inline;
        margin-left: 20px;
        margin-top: 0;
    }
}


@media screen and (min-width: 1024px) {

    .form-section-left {
        width: 64%;
        float: left;
    }

    .form-section-right {
        width: 34%;
        float: right;
    }

    .user-section-left {
        width: 50%;
        float: left;
    }

    .user-section-right {
        width: 48%;
        float: right;
    }

    .form-section-left .form-group {
        width: 48%;
        margin-right: 2%;
    }

    span.radio-label {
        margin: 0 20px 0 5px;
        position: relative;
        top: 2px;
    }

    #adminlist .profile-image, #userlist .profile-image, #workinghours .profile-image {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        padding: 2px;
        border: solid 2px #3C8DBC;
        display: inline-block;
    }

    .table-birthday {
        display: inline;
    }

    .form-group-hours {
        width: 25%;
        margin-right: 5%;
    }

    .form-group-activity {
        width: 70%;
    }
}