/* PAGE ACTIVITY SHOW */
.page-activities-show .header-container {
    /* margin: -175px 0 30px 0; */
    margin: 0px 0 30px 0;
    display: inline-block;
    width: 100%;
}
.page-activities-show .header-container a {
    /*padding: 50px 10px 53px 10px;
    border: 2px solid transparent;*/
    -webkit-transition: 0.2s;
    -moz-transition:  0.2s;
    -ms-transition:  0.2s;
    -o-transition:  0.2s;
    transition:  0.2s;
}
.page-activities-show .header-container a.add-link,
.page-activities-show .header-container a.add-link video.video
{
    border-color:#247883;
}
.page-activities-show .header-container a i {
    -webkit-transition: 0.2s;
    -moz-transition:  0.2s;
    -ms-transition:  0.2s;
    -o-transition:  0.2s;
    transition:  0.2s;
}
.page-activities-show .header-container .container-action-list{
    position: relative;
    width: 100% !important;
}
.page-activities-show .container-action-list .content-access,
.page-activities-show .container-action-list a:nth-child(2)
{
    display: none;
}
.page-activities-show .header-container a.reorder-messages {
    padding: 15px;
    font-size: 18px;
    width: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background-color: #E31C70;
    border-radius: 8px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 15px;
    border: solid 2px #EB0F69;
}
.page-activities-show .header-container a.reorder-messages i {
    font-size: 23px;
    margin-left: 20px;
    float: right;
    color: #fff;
}
.page-activities-show .header-container a.reorder-messages:hover {
    border: solid 2px #82093b;
}
.page-activities-show .messages-container {
    position: relative;
    padding-bottom: 15px;
}
.page-activities-show .messages-container .view-message-row {
    position: relative;
    margin: 0;
    padding: 0px 10px;
    background: #5E1F74;
    color: #fff;
}
.page-activities-show .messages-container .view-message-row .color-container{
    background: #E31C70;
    display: flex;
    width: 100%;
}
.page-activities-show .messages-container .is-answer {
    margin-bottom: 8px;
}
.page-activities-show .messages-container .answers-list{
    background: #5E1F74;
    top: 22px;
    position: relative;
    /* margin-bottom: 44px; */
    display: inline-block;
    width: 100%;
}
.page-activities-show .messages-container .tree-answers {
    height: 170px;
    position: absolute;
    border-left: solid 8px #30B5BF;
    border-bottom: solid 8px #30B5BF;
    display: block;
    width: 30%;
    float: right;
    margin-left:100px;
}

.page-activities-show .messages-container .tree-answers-end {
    height: 450px;
    position: absolute;
    border-left: solid 8px #30B5BF;
    display: block;
    width: 30%;
    float: right;
    margin-left:100px;
}

.page-activities-show .messages-container .view-message-row .header-message{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
}
.page-activities-show .messages-container .view-message-row .header-message .info-header-message{
    margin:0 0 0 13px;
}
.page-activities-show .messages-container .view-message-row .container-message{
    position: relative;
    display: inline-flex;
    min-height: 171px;
    padding: 5px;
}
.page-activities-show .messages-container .view-message-row .tags-container, .page-activities-show .messages-container .view-message-row .votes-container{
    clear: both;
    display: flex;
    padding: 2px 0;
    align-items: center;
    flex-wrap: wrap;
}
.page-activities-show .messages-container .view-message-row .votes-container .list-choices{
    padding-left:0;
    margin:0 auto;
}
.page-activities-show .messages-container .view-message-row .tag {
    width: 50px;
    height: auto;
    border: solid 4px #fff;
    padding: 3px;
    margin: 0 0px 6px 13px;
    display: block;
    float:left;
}
.page-activities-show .messages-container .view-message-row .tag:not(:first-child){
    margin-left:13px;
}
.page-activities-show .messages-container .view-message-row .tag img {
    width:100%;
}


.page-activities-show .messages-container .view-message-row .avatar {
    width: 60px;
    height: 60px;
    border: solid 4px #76428D;
    border-radius: 50%;
    object-fit: cover;
}
.page-activities-show .messages-container .view-message-row .avatar.box-dashed{
    border:dashed 4px #30B5BF;
}
.page-activities-show .messages-container .bottom-separator {
    background-color: #f0f6f6;
    margin: 8px 0;
    clear: both;
    display: inline-block;
}
.page-activities-show .messages-container .view-message-row a.edit-message-link .fa-plus {
    padding: 5px 1px 1px 5px;
}
.page-activities-show .messages-container .view-message-row .user-part{
    display: flex;
    align-items: center;
    font-size: 2rem;
    width: 100%;
}
.page-activities-show .messages-container .view-message-row .user-part .info-header-message:last-child{
    margin-left:30px;
}
.page-activities-show .messages-container .view-message-row .user-col .user-part img {
    margin: 0 10%;
}
.page-activities-show .messages-container .view-message-row .user-col .user-part span {
    border: solid 3px #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: table;
}
.page-activities-show .messages-container .view-message-row .user-col .user-part span.offline {
    background-color: #76428d;
}
.page-activities-show .messages-container .view-message-row .user-col .user-part span.online {
    background-color: #0DFF00;
}
.page-activities-show .messages-container .view-message-row .bloc-video{
    padding-right:0;
    padding-left:0;
    height:auto;
    display: flex;
    align-items: center;
}
.page-activities-show .messages-container .view-message-row .video-part {
    border:solid 3px #000;
    position: relative;
    max-width: 300px;
    background: #000;
    min-width: 135px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    min-height: 140px;
}
.page-activities-show .messages-container .view-message-row .video-part .btn-play-video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-activities-show .messages-container .view-message-row .video-part .btn-play-video i{
    border: solid 4px #fff;
    border-radius: 3px;
    background-color: #5E1F74;
    padding: 8px 10px;
    font-size: 22px;
    color:#fff;
}
.page-activities-show .messages-container .view-message-row .video-part iframe{
    max-width:100%;
}
.page-activities-show .messages-container .view-message-row .video-part .dotted-video,
.page-activities-show .messages-container .view-message-row .video-part .dotted-right-video
{
    background-color: #fff;
    background: url(../images/diapo.png) repeat-y;
    position: absolute;
    top:0;
    z-index: 200;
    width: 100%;
    height: 100%;
}
.page-activities-show .messages-container .view-message-row .video-part .dotted-right-video{
    background-position-x: right;
}
.page-activities-show .messages-container .view-message-row .bloc-video .video-part video{
    vertical-align: middle;
}
.page-activities-show .messages-container .view-message-row .description-col {
    font-size: 2rem;
    /* display: flex; */
    height: 100%;
    padding: 0;
    line-height: 25px;
}
.page-activities-show .messages-container .view-message-row .action-message-mobile{
    display: none;
}
.page-activities-show .messages-container .view-message-row .description-message {
    padding: 10px;
    width: 100%;
}
.page-activities-show .messages-container .view-message-row .description-message .description{
    line-height: 1.3;
}
.page-activities-show .messages-container .view-message-row .description-message .short-description{
    line-height: 1.3;
}
.page-activities-show .messages-container .view-message-row .content-access{
    display: none;
}

.page-activities-show .container-img-message {
    width: 150px;
    height: 150px;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message{
    align-self: flex-end;
    right: 0;
    bottom: 0;
    padding: 0 5px 0 0;
}

.page-activities-show .messages-container .view-message-row .bloc-action-message .actions-col a{
    max-width: 190px;
}
.page-activities-show .messages-container .cont-answers{
    margin-top: -42px;
    margin-bottom: 20px;
    background: #5E1F74;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .cont-btn-nb-answer,
.page-activities-show .messages-container .view-message-row .bloc-action-message .cont-btn-nb-answer-first {
    display: flex;
    align-items: center;
    background-color: #30B5BF;
    padding: 5px 0;
    width: 106%;
    position: relative;
    justify-content: space-between;
    margin-left: 0;
    cursor: pointer;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .btn-answers-view{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .btn-answers-view img {
    width: 67%;
    float: left;
    margin-right: 1px;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .btn-answers-view i{
    float: right;
    background-color: #e31c6f;
    color: #30B5BF;
    height: 95%;
    display: flex;
    align-items: center;
    padding: 11px 3px;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .btn-answers-view video.video{
    top: 40px;
    left: -330px;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .actions-col .nb-answers{
    float: left;
    height: 100%;
    background-color: #30B5BF;
    color: #fff;
    font-size: 1.5em;
    padding: 0 5px;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message a.add-answer-link video,
.page-activities-show .messages-container .view-message-row .bloc-action-message a.add-link video{
    top:-130%;
    right:100%;
}
.page-activities-show .messages-container .form-choice{
    float:left;
}
.page-activities-show .messages-container .list-choices li{
    float: left;
    max-width: 200px;
    text-align: center;
    padding:0 15px;
    word-break: break-word;
}
.page-activities-show .messages-container .list-choices .vote-picto{
    display: block;
    max-width: 60px;
    min-height: 60px;
    border: solid 3px #fff;
    border-radius: 50%;
    padding: 10px;
    clear: both;
    margin: 0 auto 5px;
    cursor: pointer;
    position: relative;
}
.page-activities-show .messages-container .list-choices .vote-picto img{
    width:100%;
}
.page-activities-show .messages-container .list-choices .vote-picto .checked-img{
    display: none;
    position: absolute;
    left: -9px;
    bottom: -10px;
}
.page-activities-show .messages-container .list-choices .checked-radio .vote-picto{
    background: url('../images/check-mark.png') center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page-activities-show .messages-container .list-choices .checked-img{
    border:none;
    width:inherit;
    height:inherit;
    font-size: 3em !important;
}
.page-activities-show .messages-container .list-choices label{
    margin:0 auto;
    cursor: pointer;
    padding: 0;
}
.page-activities-show .messages-container .list-choices input[type="checkbox"]{
    opacity: 0;
    width: 0;
}
.page-activities-show .activity-picto {
    border: 4px dashed #247883;
    text-align: center;
    padding: 26px 0
}
.page-activities-show .activity-picto:hover {
    cursor: pointer;
}
.page-activities-show .activity-picto img {
    width: 80px;
    padding: 15px;
    border: 4px solid #247883;
    background-color: #247883;
    border-radius: 50%;
}
.page-activities-show .dotted-separator{
    border-bottom: dotted 4px #7A4190;
    display: block;
    height: 15px;
}
.page-activities-show .messages-container .footer-message{
    display:none;
}
.page-activities-show .content-access {
    align-items: stretch;
}
.page-activities-show .cont-answers-first .answers-list {
    top: 40px !important;
}
.page-activities-show .cont-btn-nb-answer-first {
    margin-left: -13px;
    margin-bottom: 0 !important;
}
.page-activities-show .user-part img.avatar:nth-child(2) {
    margin-left: 15px;
}
.page-activities-show .user-part b {
    margin-right: 15px;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .edit-message-link {
    display: block;
    width: 134px;
    margin-right: 3px;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .edit-message-link .contains-text {
    margin: 0;
    padding: 10px 0 0 0;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .edit-message-link img {
    width: 105px;
}
.page-activities-show .messages-container .view-message-row .bloc-action-message .add-answer-link .contains-text {
    min-height: 75px;
}
.page-activities-show .bloc-action-message img {
    background-color: #fff;
}
.page-activities-show .video-container  {
    display: none;
}
/* .page-activities-show .video-container video {
    border: 6px solid #000; 
} */

.page-activities-show .pagination {
    display: flex;
}

.page-activities-show .pagination a {
    color: #662a74;
    float: left;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 2px solid #239198;
    margin: 0 4px;
}

.page-activities-show .pagination a.active {
    background-color: #662a74;
    color: white;
    border: 2px solid #662a74;
}

.page-activities-show .pagination a:hover:not(.active) {background-color: #ddd;}


.page-activities-show .messages-container .view-message-row .learn-more{
    margin-bottom: 30px !important;
    display: block !important;
}
.page-activities-show .messages-container .view-message-row .learn-more.come-back {
    display: none !important;
}

a.learn-more:focus {
    outline: none;
}
a.learn-more:hover {
    border: none;
}
a.learn-more:hover i {
    color: #247883;
}
.page-activities-show .messages-container .view-message-row .learn-more{
    margin-bottom: 15px;
    text-align: center;
    color: #30b7c0;
}

.page-activities-show .messages-container .view-message-row .learn-more.come-back {
    margin-bottom: 15px;
}

a.learn-more:focus {
    outline: none;
}

.page-activities-show .checked-img {
    color: #fff;
}