.ManagementUsers {
}

    .ManagementUsers .DataContainer {
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 50px;
        padding-top: 20px;
    }

        .ManagementUsers .DataContainer .Buttons {
            border-bottom: solid 1px #eeeeee;
            margin-bottom: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            text-align: left;
        }

        .ManagementUsers .DataContainer .SearchContainer {
            border: solid 1px #dddddd;
            border-radius: 5px;
            margin-bottom: 10px;
            margin-right: 10px;
            margin-top: 10px;
            padding: 5px;
            width: 400px;
        }

            .ManagementUsers .DataContainer .SearchContainer input {
                background-color: transparent;
                border: none;
                outline: none;
                width: 100%;
            }

            .ManagementUsers .DataContainer .SearchContainer .SearchButtonContainer {
                text-align: left;
            }

        .ManagementUsers .DataContainer .DataTableBody {
            height: calc(100vh - 400px);
            overflow-x: hidden;
            overflow-y: auto;
        }

    .ManagementUsers .DataTable {
        width: auto;
    }

        .ManagementUsers .DataTable .CreationDate {
            width: 100px;
        }

        .ManagementUsers .DataTable .LoginName {
            width: 250px;
        }

        .ManagementUsers .DataTable .Password {
            width: 100px;
        }

        .ManagementUsers .DataTable .CustomerId {
            width: 100px;
        }

        .ManagementUsers .DataTable .CustomerName {
            width: 250px;
        }

        .ManagementUsers .DataTable .MhlId {
            width: 80px;
        }

        .ManagementUsers .DataTable .ErpUserId {
            width: 80px;
        }

        .ManagementUsers .DataTable .ErpUserName {
            width: 150px;
        }

.ManagementUserModal {
}

    .ManagementUserModal .FieldContainer {
        margin-top: 20px;
    }

        .ManagementUserModal .FieldContainer .FieldTitle {
            font-weight: 700;
        }

    .ManagementUserModal .Password {
    }

        .ManagementUserModal .Password input {
            background-color: transparent;
            border: none;
            outline: none;
            width: 100%;
        }

        .ManagementUserModal .Password .fa {
            font-size: 20px;
        }

    .ManagementUserModal .Permissions {
        display: flex;
        flex-wrap: wrap;
    }

        .ManagementUserModal .Permissions a {
            cursor: pointer;
            margin-left: 20px;
            opacity: 0.7;
            white-space: nowrap;
        }

            .ManagementUserModal .Permissions a:hover {
                opacity: 1;
            }

            .ManagementUserModal .Permissions a .fa {
                width: 15px;
            }

    .ManagementUserModal .Buttons {
        border-top: solid 1px #aaaaaa;
        margin-top: 20px;
        padding-top: 20px;
        text-align: left;
    }