﻿.entity-container {
    margin-left: unset;
    margin-top: unset;
}

.register-container {
    border-radius: 4px;
    padding: 60px 80px;
    text-align: center;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}

    .register-container .form-control {
        display: inline-block;
        border-radius: 4px;
        width: 360px;
        height: 38px;
    }

    .register-container .entity-column {
        width: 50% !important;
        padding-right: 25px;
    }

    .register-container .entity-body .app-logo {
        display: block;
        margin-bottom: 60px;
    }


    .register-container .entity-body {
        display: flex;
        flex-flow: column;
        height: 718px;
    }

        .register-container .entity-body .register-message {
            font-size: 13px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.2px;
            margin-bottom: 25px;
        }

        .register-container .entity-body .button-register {
            width: 300px;
            margin: auto;
        }


        .register-container .entity-body .inputs {
            display: flex;
            flex-flow: row;
        }

            .register-container .entity-body .inputs .entity-column .row-entry {
                margin-bottom: 5px;
            }

                .register-container .entity-body .inputs .entity-column .row-entry input {
                    font-size: 13px;
                    font-weight: 600;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: 0.22px;
                }

                .register-container .entity-body .inputs .entity-column .row-entry .field-validation-error span {
                    bottom: -10px;
                }

                .register-container .entity-body .inputs .entity-column .row-entry .display-password {
                    position: absolute;
                    right: 21px;
                    top: 56px;
                    width: 16px;
                    height: 11.6px;
                    cursor: pointer;
                }

                .register-container .entity-body .inputs .entity-column .row-entry .form-control::-webkit-input-placeholder {
                    font-size: 13px;
                    font-weight: 600;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: 0.2px;
                }

                .register-container .entity-body .inputs .entity-column .row-entry span {
                    font-size: 12px;
                }

        .register-container .entity-body label {
            float: left;
        }

        .register-container .entity-body .inputs .browse {
            height: 70px;
            float: left;
            text-align: left;
            margin-top: 20px;
        }

            .register-container .entity-body .inputs .browse img {
                vertical-align: middle;
                height: 40px;
                width: 40px;
                object-fit: cover;
                border-radius: 50%;
                /*display: none;*/
            }

            .register-container .entity-body .inputs .browse div:first-child label {
                font-size: 12px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 0.2px;
                margin-bottom: 3px;
            }

            .register-container .entity-body .inputs .browse label {
                float: unset;
                font-size: 13px;
                font-weight: 600;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 0.2px;
            }

        .register-container .entity-body .button-register .primary-button {
            width: 311px;
            height: 44px;
            border-radius: 4px;
            margin-left: unset;
        }

        .register-container .entity-body .inputs .secondary-button {
            width: 150px;
            height: 40px;
            border-radius: 4px;
            margin-right: 15px;
        }

#register-container .phone-prefix .select2-container .select2-selection--single {
    height: 40px;
}

#register-container #form-register #PhoneNumber {
    margin-left: 10px;
    width: 270px !important;
}

@media (max-height: 850px) {

    .register-container {
        padding: 0px 40px;
    }
}
