@import "variables";

#invitations {
    .main-info-container {
        .number {
            width: 3%;
        }

        .name {
            width: 10%;

            @media only screen and (max-width: 1199px) {
                width: 19%;
            }
        }

        .email {
            width: 18%;
        }

        .invited {
            width: 5%;

            @media only screen and (max-width: 1199px) {
                width: 20%;
            }
        }

        .url {
            width: 25%;
            overflow-x: overlay;
        }
        .url-content {
            height: 101%;
        }

        .expiredat {
            width: 7%;
        }
        .isactive {
            width: 7%;
        }
        .action {
            width: 25%;
        }
        &--btn {
            padding: 1rem 0.1rem;
            width: 32%;
            text-align: center;
        }
    }

    /*Column width classes*/
}