.communityinvite {

}

.modal.show .modal-dialog {
    width: 320px !important;
    height: 568px !important;
/*max-height: 568px !important;
*/}

.modal-content {
	/*max-height: 568px !important;*/
}

.modal-body {
	padding: 5px !important;
	padding-bottom: 1rem !important;
    height: 532px !important;
    overflow-y: scroll !important;
}

.modal-header {
	border-bottom: none !important;
	height: 30px;
}

.communityinvite .searchInput {
	display: block;
    width: 240px;
    border: none;
    background-color: #F0F0F0;
    height: 30px;
    border-radius: 15px;
    margin: 0 auto;
    padding: 0 20px;
}

.modal-body .users .name {
    width: 180px;
}

.communityinvite .hide {
    display: none;
}

.communityinvite .bottom {
    margin: 10px 0 0 0;
}

.communityinvite .buttons {
    width: 250px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}   

.communityinvite .cancelButton {
    display: inline-block;
    width: 55px;
    height: 55px;
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/cancel2_s_v1.png);
    background-size: 55px 55px;
}


.communityinvite .sendButton {
    display: inline-block;
    width: 55px;
    height: 55px;
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/send_s_v1.png);
    background-size: 55px 55px;
    margin: 0 0 0 10px;
}

.communityinvite .userImage {
    height: 75px;
    width: 75px;
    background-size: contain;
    border-radius: 50%;
    align-self: center;
    margin-left: 30px;
}

.communityinvite .userScreenname {
    align-self: center;
    margin-left: 10px;
    font-weight: 600;
}

.communityinvite .headerInvitation {
    display: flex;
    margin-bottom: 15px;
}    

.communityinvite .description {
    width: 100%;
    border: none;
    color:#797979;
}