::ng-deep .leftwatermark{
  display: none !important;
}

// ::ng-deep emoji-picker {
//   position: absolute;
//   bottom: 200px;
//   right: 20px;
// }

// .header {
//   display: flex;
//   justify-content: space-between;
//   background: #0e122f;
//   align-items: center;
//   border-bottom: solid 1px #1d1e32;

//   .title {
//     color: #a3a0d5;
//     font-size: 17px;
//     font-weight: 600;
//     padding: 15px;
//     display: flex;
//     align-items: center;

//     mat-icon {
//       padding-right: 5px;
//       cursor: pointer;
//     }
//   }

//   .control {
//     display: flex;
//     color: #9061e9;
//     font-size: 16px;
//     font-weight: 600;

    .icons {
      display: flex;
      align-items: center;
      padding: 0 17px;
      cursor: pointer;

      mat-icon {
        padding-right: 10px;
        color: #FF0000;
      }

      span {
        color: #fff;
      }

      // .unmute {
      //   color: #f050ac;
      // }
    }
    // .icons {
    //   display: flex;
    //   align-items: center;
    //   padding: 0 17px;
    //   cursor: pointer;

    //   mat-icon {
    //     padding-right: 10px;
    //     color: #9061e9;
    //   }

    //   span {
    //     color: #9061e9;
    //   }

    //   .unmute {
    //     color: #f050ac;
    //   }
    // }

//     .icons1 {
//       border-left: 1px solid #1d1e32;
//       border-right: 1px solid #1d1e32;
//       padding: 0 12px;
//     }
//   }

//   .logo {
//     img {
//       width: 50px;
//     }
//   }
// }

// .section {
//   width: 100%;
//   display: flex;
//   height: calc(100vh - 56px);

//   .video-section {
//     width: 75%;
//   }

//   .video-section-full {
//     width: 100%;
//   }

//   .chat-section {
//     width: 25%;
//     background: #0e122f;
//     border: solid 1px #1d1e32;

//     .drop {
//       background: #1c1f42;
//       color: #a3a0d5;
//       display: flex;
//       justify-content: space-between;
//       padding: 10px;
//       font-weight: 600;
//       margin-bottom: 5px;
//       cursor: pointer;
//     }

//     .active-drop {
//       background: #4b3891;
//     }

//     .attenndees {
//       overflow: auto;
//     }
   

//     .type {
//       display: flex;
//       align-items: center;
//       justify-content: space-between;
//       background: #1c1f42;
//       position: absolute;
//       bottom: 0;
//       width: 23%;
//       padding: 13px;

//       mat-icon {
//         color: #989aaf;
//       }

//       input {
//         height: 20px;
//         background: #0000;
//         outline: none;
//         border: none;
//         color: #a3a0d5;
//       }
//     }

//     .questions-answered {
//       height: calc(100vh - 500px);
//       overflow: auto;
//       background: #0e122f;
   
//       .oflow {
//         height: calc(100vh - 500px);
//         overflow: auto;
   
//         textarea {
//           outline: none;
//           border: none;
//           background: transparent;
//           color: #a3a0d5;
//           resize: none;
//           width: 98%;
//           height: 75%;
//           box-sizing: border-box;
//         }
   
//         button {
//           background: linear-gradient(47deg,
//               rgba(238, 76, 126, 1) 0%,
//               rgba(238, 130, 80, 1) 100%);
//           border: none;
//           padding: 5px 5px;
//           border-radius: 30px;
//           color: #fff;
//           letter-spacing: 0.5px;
//           cursor: pointer;
//           width: 75px;
//           display: block;
//           margin-left: auto;
   
//           &:hover {
//             opacity: 0.9;
//           }
//         }
//       }
//     }
//     .active-attendes{
//       height: calc(100vh - 527px);
//     }
//      .active-chat {
//       height: calc(100vh - 527px);
//      } 
         
//     .oflow {
//       height: calc(100vh - 255px);
//       overflow: auto;

//       .chat {
//         padding: 10px;
//         border-bottom: solid 1px #1d1e32;

//         .user {
//           display: flex;
//           justify-content: space-between;

//           span {
//             color: #4a4b6a;
//           }

//           .image {
//             display: flex;
//             align-items: center;

//             .live {
//               position: relative;

//               span {
//                 width: 8px;
//                 height: 8px;
//                 border-radius: 100%;
//                 background: #51568a;
//                 border: 3px solid #070b25;
//                 display: block;
//                 position: absolute;
//                 right: 2px;
//                 top: 15px;
//               }

//               .activeUser {
//                 background: green;
//               }
//             }

//             span {
//               color: #9061e9;
//               font-weight: 600;
//             }

//             .presenter-color {
//               color: #f050ac;
//             }

//             .presenter {
//               background: #2b2358;
//               padding: 1px 10px;
//               border-radius: 15px;
//               margin-left: 10px;
//               color: #8559d8;
//               font-size: 12px;
//             }

//             img {
//               width: 25px;
//               border-radius: 50%;
//               margin-right: 10px;
//             }
//           }
//         }

//         .mute {
//           mat-icon {
//             color: #8559d8;
//             cursor: pointer;
//           }

//           .active-mic {
//             color: #f050ac !important;
//           }

//           .off {
//             color: #353160;
//           }
//         }

//         .user_logs {
//           text-align: center;
//           position: relative;

//           span {
//             padding: 5px 15px;
//             font-size: 10px;
//             font-weight: 600;
//             background: #1c1f42;
//             border-radius: 15px;
//             color: #a3a0d5;
//           }
//         }

//         .message {
//           padding-top: 10px;

//           span {
//             color: #9797bb;
//             font-weight: 600;
//           }
//         }
//       }
//     }
//     .attendes-question-open{
//       height: calc(100vh - 400px);
//       background: #0e122f;
//      }
//     .attendes-chat{
//       height: calc(100vh - 450px);
//       background: #0e122f;
//      }
//      .question-chat-open{
//       height: calc(100vh - 400px);
//       background: #0e122f;
//      }
//      .question-chat-attendes-open{
//       height: calc(100vh - 528px);
//       background: #0e122f;
//      }
//   }
//   .full-screen {
//     display: none;
//   }
// }

// @media screen and (max-width:767px) {
//   .header{
//     flex-wrap:wrap;
//     .title{
//       order: 1;
//     }
//     .control{
//       order: 3;
//       width: 100%;
//       justify-content: center;
//       padding: 3px 0 10px;
//       .icons{
//         padding: 0 7px;
//         span{
//           display: none;
//         }
//       }
//     }
//     .logo{
//       order: 2;
//     }
//   }
//   .section{
//     flex-wrap: wrap;
//     height: calc(100vh - 159px);
//     .video-section{
//       width: 100%;
//     }
//     .chat-section{
//       width: 100%;
//       .type{
//         width: 100%;
//             box-sizing: border-box;
//       }
//     }
//   }
// }

.leftwatermark{
  background: url(../../../assets/images/flexxon.png) !important;
}