.AddNewUser {

    .ReactModal-content {
        width: 900px;
    }

    &-network-access {
        display: flex;
        flex-wrap: wrap;

        .form-group {
            width: 20%;
            margin-right: 10px;
        }
    }

    &-help-header {
        font-weight: bold;
    }

    &-help-description:not(:last-child) {
        margin-bottom: 10px;
    }

    &-role-help {
        text-align: left;
    }

    &-expand-button {
        height: 25px;
        width: 25px;
        padding: 0;
        margin: 0;
        float: right;
        color: var(--gray-500);
    }

    .btn.icon-only {
        padding-left: 0;
        padding-right: 0;
    }

    &-network-checkbox {
        display: flex;

        .custom-control {
            width: 80%;
        }
    }

    &-podcast-access {
        padding-left: 15px;
    }

    .custom-checkbox {

        .custom-control-input:disabled:checked ~ .custom-control-label::before {
            background-color: #847c7c;
            border-color: #847c7c;
        }

        &.indeterminate {

            .custom-control-input:checked ~ .custom-control-label::before {
                background-color: white;
            }

            .custom-control-input:checked ~ .custom-control-label::after {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 3v2h8v-2h-8z' fill='%230070e0'%3E%3C/path%3E%3C/svg%3E");
            }

            .custom-control-input:disabled:checked ~ .custom-control-label::after {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 3v2h8v-2h-8z' id='minus' fill='%847c7c'%3E%3C/path%3E%3C/svg%3E");
            }
        }
    }
}