/** global sur body pour l'extranet **/

.chat-video-view {position:relative;}
.chat-video-view .page-container {padding:0;}
.chat-video-view .page-footer {display:none;}
.chat-video-view nav.third {display:none;}

/** ouverture du right-side-nav **/
#chat-video-app.right-sidenav-open .main-container {width:calc(100% - 300px);}
#chat-video-app.right-sidenav-open .right-sidenav {right:0px;}

/** APP **/
#chat-video-app .right-sidenav
{
    width:300px;height:100%;background-color:#FFFFFF;
    position:absolute;right:-300px;top:0;
    transition: right .5s;
}

#chat-video-app .main-container
{
    width:100%;height:100%;
    max-width:none;
    transition : width .5s;
    position:relative;
    overflow-y:hidden;
}


#chat-video-app .pk-central-menu
{
    position:absolute;
    bottom:40px;
    left:0;
    text-align: center;
    width:100%;height:30px;
}

/** hauteur calculé avec les deux headers **/
#chat-video-app {width:100%;height:calc(100vh - 131px);background-color:#FF0000;overflow-x:hidden;}
@media only screen and (max-width: 992px)
{
    #chat-video-app {height:calc(100vh - 64px);}
}

/** Thumbnail **/
#chat-video-thumbnail
{
    position:fixed;top:40px;left:40px;width:250px;height:130px;background-color:#000000;z-index:1000;overflow:hidden;
}

#chat-video-thumbnail video {width:100%;height:auto;}
#chat-video-thumbnail .chat-video-thumbnail-overlay {position:absolute;width:100%;height:100%;text-align:center;top:0;left:0;}
#chat-video-thumbnail p {position:absolute;right:0px;top:0px;text-align:right;display:inline-block;background-color:#FF0000;margin:0;padding-right:5px;padding-left:5px;line-height:1.5rem;}
#chat-video-thumbnail .menu {position:absolute;bottom:0;left:0;height:auto;width:100%;padding:10px;color:#FF0000;visibility:visible;}
#chat-video-thumbnail .menu i {color:#FF0000;}
#chat-video-thumbnail:over .menu {visibility:visible;}
#chat-video-thumbnail .preloader-wrapper {display:inline-block;margin-top:30px;}



/** intervenants **/
#chat-intervenants-view
{
    position:absolute;
    bottom:100px;left:0px;
    width:100%;
    height:200px;
    padding-right:20px;
    padding-left:20px;
}

#chat-intervenants-view .chat-intervenants-container {background-color:#FFFFFF;width:100%;height:100%;z-index:2;}
#chat-intervenants-view .chat-video-item {display:inline-block;margin-left:10px;margin-right:10px;}

/** bouton d'options **/
.pk-right-button
{
    position:absolute;right:20px;top:20px;z-index:10;
}

/** video item **/
#chat-video-app .chat-video-item {width:200px;height:130px;position:relative;overflow:hidden;background-color:#000000;}
#chat-video-app .chat-video-item .overlay {position:absolute;top:0;left:0;width:100%;height:130px;text-align:right;}
#chat-video-app .chat-video-item .overlay p {margin:0;padding:1px;background-color:#FF0000;display:inline-block;}
#chat-video-app .chat-video-item .overlay .menu-icon {position:absolute;padding-left:3px;bottom:0;left:0;z-index:2;visibility:hidden;z-index:2;color:#FF0000;}
#chat-video-app .chat-video-item a {color:#FF0000;}
#chat-video-app .chat-video-item:hover .menu-icon {visibility: visible;}

/** participants item **/
#chat-video-app .tabs #chat-participants-view {height:calc(100% - 48px);} /* hauteur du tabs **/
#chat-video-app .chat-participants-view-container {padding:10px;}
#chat-video-app #chat-participants-view {width:100%;height:calc(100% - 48px);;overflow-y:scroll;overflow-x:hidden;position:relative;}

/****************************/
/*** CHAT TEXT
/****************************/

/** A transférer dans la feuille de style générale **/
.app-fullscreen {position:relative;}
.app-fullscreen nav.third {display:none;}
.app-fullscreen nav.second {display:none;}
.app-fullscreen .page-container {padding:0;}
.app-fullscreen .page-footer {display:none;}
/** **/

#chat-text-app {
    position:relative;width:100%;
    overflow:hidden;
    background-color:#FFFFFF;
    height: calc(100vh - 131px);
    border-top:1px solid #CCCCCC;
}
#chat-text-app .main-container {height:100%;}
#chat-text-app #chat-text-channels
{
    width:200px;height:100%;display:inline-block;position:relative;margin:0;
}

#chat-text-app .chat-channel-item.selected a {color:#FF0000;}

#chat-text-app #chat-text-messages
{
    width:calc(100% - 200px);height:100%;
    display:inline-block;
    position:absolute;top:0;left:200px;
    padding-bottom:80px;
    background-color:#EEEEEE;
    border-left:solid 1px #f2f2f2;
    padding:10px;
}

#chat-text-app #chat-text-messages .messages-container
{
    overflow-y: scroll;
    height:calc(100% - 80px); /** hauteur du .messages-container-action **/
}

/** ACTION / SAISIE DE MESSAGE **/
#chat-text-messages .messages-container-action
{
    padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;
    position:absolute;bottom:0;left:0;width:100%;height:80px;border-top:1px solid #CCCCCC;
    background-color:#FFFFFF;
}

#chat-text-messages textarea {height:100%;padding:10px;line-height:130%;}
#chat-text-messages form.message {width:calc(100% - 60px);display:inline-block;height:100%;}
#chat-text-messages form.upload {display:none;}
#chat-text-messages .menu {display:inline-block;width:auto;height:auto;padding-top:10px;text-align:right;}


/** MESSAGE **/
#chat-text-messages .chat-message-item {position:relative;padding:10px;min-height:50px;margin-bottom:5px;padding-right:10px;}
#chat-text-messages .chat-message-item .img-avatar {position:absolute;padding-top:10px;padding-left:10px;padding-right:10px;width:60px;height:60px;top:0px;left:0px;display:inline-block;}
#chat-text-messages .chat-message-item .img-avatar img {display:block;min-width:100%;}
#chat-text-messages .chat-message-item .message-container {padding-left:55px;line-height:110%;overflow-y:scroll;}
#chat-text-messages .chat-message-item .message-container p {font-size:14px;margin-top:3px;margin-bottom:0;line-height:110%;}
#chat-text-messages .chat-message-item .message-container a {text-decoration: underline;color:#FF0000;}
#chat-text-messages .chat-message-item .chat-message-action {position:absolute;right:10px;top:0;visibility:hidden;}
#chat-text-messages .chat-message-item .btn-flat {padding-left:4px;padding-right:0px;}


/** media du message **/
#chat-text-messages .chat-message-item .img-media {position:relative;width:70%;}
#chat-text-messages .chat-message-item .img-media img {width:100%;display:block;}
#chat-text-messages .chat-message-item .img-media .chat-media-action {position:absolute;top:10px;right:10px;}

#chat-text-messages .chat-message-item:hover {background-color:#FFFFFF;}
#chat-text-messages .chat-message-item:hover .chat-message-action {visibility:visible;}

#chat-text-messages .right-align .img-avatar {right:0;left:auto;}
#chat-text-messages .right-align .message-container {padding-right:55px;padding-left:10px;}

#chat-text-messages .chat-previous-button a {text-align:center;border:1px solid rgba(0,0,0,.2);display:block;}
#chat-text-messages .chat-previous-button {margin-bottom:10px;}



/** CHANNEL **/
#chat-text-channels .card-content {padding:0;}
#chat-text-channels .chat-channel-item.selected,
#chat-text-channels .chat-channel-item:hover
{
    background-color:rgba(0, 0, 0, 0.05);
}
#chat-text-channels .chat-channel-item a {color:#5f6368;}
#chat-text-channels .chat-channel-item {min-height:60px;width:100%;border-bottom:1px solid #EEEEEE;padding:20px;}