/*asdf*/

#content{
    text-align: center;
}

.coil-constrain.page{
    text-align: left;
    /* border: 1px solid; */
    /* display: inline-block; */
    /* max-width: 800px; */
    width: 100%;
}



.working-group{
    min-height: 240px;
    /* border: 1px solid magenta; */
    width: 86%;
    margin: 10px 0;
}


.working-group-pop .modal-content{
    max-width: 1000px;
}

.working-group.even{
    float: right;
}

.working-group.odd{
    float: left;
}

.group-portrait,
.group-text{
    display: inline-block;
    width: 100%;
    /* border: 1px solid grey; */
    min-height: 200px;
    vertical-align: top;
}
.group-portrait{
    max-width: 170px;
}
.group-text{
    max-width: calc( 100% - 170px );
    padding: 0 10px;
    background: #eaeaea;
}

.coil-is-admin .group-portrait,
.coil-is-admin .group-text{
    border: 1px solid var(--coil-admin);
}

.button.pop-group{
    padding: 20px;
    background: rgb(220, 255, 255 );
    color: #424242;
    box-shadow: 0px 0px 10px;
}
.button.pop-group:hover{
    background: rgb(200, 235, 235 );
}
.pop-button-wrap{
    text-align: center;
    margin: 20px 0;
}
.even .pop-button-wrap{
    text-align: right;
}
.odd .pop-button-wrap{
    text-align: left;
}

.group-section{
    margin-top: 50px;
    /* border: 2px solid; */
}


@media screen and (max-width: 800px){
    .working-group-pop .modal-content{
        max-width: 100%;
    }
}