@import '../../styles/variables';

.invite-collaborators-modal {
    .bdl-Label,
    .label {
        color: $bdl-gray-62;
        font-weight: bold;
    }

    .icon-info {
        position: relative;
        bottom: 2px;
        vertical-align: middle;
    }

    .invite-file-editors {
        margin-bottom: 30px;
    }

    .text-area-container {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    textarea {
        width: 100%;
    }

    .invite-permissions-container {
        display: flex;
        margin-bottom: 20px;
    }

    .select-container {
        width: 100%;
    }

    .select-input-container {
        margin: 0;
    }

    .selector-dropdown-wrapper {
        margin: 0 0 20px;

        .overlay {
            max-height: 210px;
            overflow: auto;
        }

        .bdl-PillSelector {
            width: 100%;
            height: 60px;
        }
    }

    .upgrade-badge {
        margin-right: 5px;
    }

    .upgrade-link {
        display: block;
        margin-bottom: 15px;
    }
}