.swal2-popup {
       border: 1px solid #28282a !important;
       background: #080808 !important;
}
.swal2-warning {
   border-color: #ed06ff66 !important;
   color: #ed06ff !important;
}
.swal2-success-line-tip {
        background: #ed06ff !important;
}
.swal2-success-line-long {
        background: #ed06ff !important;
}
.swal2-success-ring {
            border-color: #ed06ff66 !important;
}
.swal2-error {
     border-color: #ed06ff66 !important;
}
.swal2-x-mark-line-left {
      background: #ed06ff !important;
}
.swal2-x-mark-line-right {
      background: #ed06ff !important;
}
.swal2-confirm {
      outline: 0;
                          box-shadow: 0 0 0 0 !important;
}
.button__text {
    color: #ffffff;
    transition: all 0.2s;
}
.button--loading .button__text {
   visibility:hidden;
   opacity:0;
}
.online-users {
    display: flex;
    color: #fff;
    font-size: 12px;
    background: #80808073;
    padding: 6px;
    border-radius: 4px;
    margin-inline: 5px;
}
.content-contact {
      width: 50%;
      margin-bottom: 50px;
}
.contactText {
    text-align: center;
        margin-bottom: 50px;
        margin-top: 40px;
        font-size: 47px;
    width: 70%;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.button--loading::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}
.btn-dark:hover {
   background-color: #ed06ff99 !important;
}

.header-buttons:hover {
   background-color: #2125297a  !important;
       border-color: #2125297a !important;
}
.addChaV {
       top: 44%;
           height: 600px;
}
.vedChWra {
       width: 26%;
           height: auto;
       max-width: 260px;
       z-index: 2;
       border-radius: 5px 5px 0 0;
       cursor: pointer;
       margin: 10px;
}
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

.alertPad {
    padding: 0.3rem 1rem !important;
}

.donateVedWrappr {
  position: absolute;width: 100%;height: 100%;text-align: center;    padding: 70px 50px 100px 50px;color: #fff;z-index: 1000;
}
.donatVedImg {
  height: 60px;
}
.donateVedTxt {
        width: 60%;
       font-size: 2.48rem;
       line-height: 1.2;
       color: #fefefe;
       text-transform: uppercase;
       font-weight: 700;
       margin: 31px auto 28px;
}
.donateVedbtn {
      padding: 10px 0 !important;
      width: 40% !important;
}
.commentUserNm {
      margin-left: 20px;
      margin-top: 10px;
      color: #ffffff;
      font-size: 17px;
      text-transform: capitalize;
      font-weight: bold;
      letter-spacing: 1px;
}
.commentTxt {
         color: #aaa7a7;
         overflow: hidden;
         padding: .1em 0 0.3em 4em;
         word-break: break-word;
         font-size: .95rem;
         text-transform: capitaliz
}


.LikeBtnSt{
  animation: size .4s;
  color:#ed06ff;
}
.LikeBtnSt2{
  animation: size .4s;
  color:#ed06ff;
}

@keyframes size {
  0% {font-size: inherit;}
  50% {font-size: x-large;}
  100% {font-size: inherit;}
}

  .chanInfoMob {
      margin-top: -39px;
      padding: 0 10px;
      box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      font-size: 0;
          display: flex;
  }
  .channelStats {
      padding: 13px 5px 5px;
      font-size: 0;
      box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
  }
  .channelStatsUl {
      display: flex;
      justify-content: space-around;
      margin: 0 auto;
      padding-left: 0;
  }
  .content.aboutContent {
     padding: 10px 20px;
         background-color: #181818;
         border-radius: 5px;
         margin-top: 15px;
  }
  .titleM {
      text-transform: uppercase;
      font-weight: 700;
      color: #fff;
      padding-bottom: 8px;
          font-size: 13px;
          margin: 0 0 -3px 0;
  }
  .descriptionLink {
      display: inline-block;
      font-size: 13px;
          margin: 0 0 -3px 0;
          color: #ec09f5;
              text-decoration: none;
  }
  .descriptionM {
      color: #c6c6c6;
      font-size: 13px;
          margin: 0 0 -3px 0;
              position: relative;
              overflow-y: hidden;
  }
  .wrapperM {
      padding-bottom: 15px;
  }
  .channelStatsLi {
      float: left;
      color: #c6c6c6;
      font-size: 12px;
      line-height: 15px;
      font-weight: 700;
      box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      width: calc((90% - 110px)/ 2);
      text-align: center;
      overflow-wrap: break-word;
  }
  .channelStatsDiv {
      color: #fff;
      text-align: center;
  }
  .avatarChMob {
      vertical-align: bottom;
      position: inherit;
          bottom: 0;
          left: 20px;
  }
  .channelNameMb {
      display: inline-block;
      box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      margin-left: 16px;
          width: calc(100% - 86px);
  }
  .avatarChMobImg {
     width: 100px;
     height: 100px;
  }
  .chanCoverImg {
    width:100%;
    max-height: 150px;
  }
  .chanHdr {
    position: relative;
  }
   .channelNameMbH1 {
         font-weight: 700;
         font-size: 18px;
         line-height: 22px;
         display: inline-block;
         color: #fff;
         position: absolute;
         bottom: 0;
         margin-bottom: 0;

   }

   .textarea-container {
   position: relative;
 }
 .textarea-container textarea {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
 }
 .textarea-container button {
   position: absolute;
   top: 0;
   right: 0;
   padding: 5px 10px;
     border-radius: 0px 3px 0 3px;
     /* font-weight: 600; */
     color: #fff;
 }
 .myProfileWr {
   padding: 0;
 }
 .chngProInfo {
   display: block;width: 60%;
 }
 .slctVedTab {
    border-left: 1px solid #28282a;padding:15px;
 }
.myVedWrapp {
   position:relative;margin-top:10px;width:auto;height: auto; max-width: 100%;border-radius:5px;background-color:#111111;z-index: 1
}
.myVedV {
  width: auto;height: auto;max-width: 100%;z-index: 2;    border-radius: 5px 5px 0 0;cursor: pointer;
}
.edtVedsBtns {
  position:relative;width:auto;height: auto;border-radius:5px;margin: 8px auto;background-color:#111111;z-index: 1;padding: 5px;text-align: left;
}
     .flex {
       display: -webkit-flex;
       display: -moz-flex;
       display: -ms-flex;
       display: -o-flex;
       display: flex; }

     .justify-center {
       justify-content: center; }

     .align-center {
       -ms-align-items: center;
       align-items: center; }

     .align-end {
       -ms-align-items: flex-end;
       align-items: flex-end; }

     button {
       background-color: transparent;
       border: none;
       cursor: pointer; }

     /* components end */
     .vid-wrapper {
       position: relative;
       height: 100%;
       cursor: none;

       margin-bottom: 15px;
       }
     .vid-wrapper.is-fullscreen .vid-toggle-layer {
       z-index: 999999999998; }
     .vid-wrapper.is-fullscreen .vid-controls-bottom, .vid-wrapper.is-fullscreen .vid-shadow-layer, .vid-wrapper.is-fullscreen .vid-info-layer, .vid-wrapper.is-fullscreen .vid-quality-selector {
       z-index: 999999999999; }
     .vid-wrapper.is-fullscreen .vid-bottom-progress-bar {
       z-index: 999999999999;
       opacity: 0.2; }
     .vid-wrapper.mouse-entered, .vid-wrapper.paused {
       cursor: pointer; }
     .vid-wrapper.mouse-entered .vid-bottom-progress-bar, .vid-wrapper.paused .vid-bottom-progress-bar {
       opacity: 0; }
     .vid-wrapper.mouse-entered .vid-controls-bottom, .vid-wrapper.paused .vid-controls-bottom {
       opacity: 1; }
     .vid-wrapper.mouse-entered .vid-shadow-layer, .vid-wrapper.paused .vid-shadow-layer {
       opacity: 0.8; }
     .vid-wrapper.mouse-entered .vid-info-layer .vid-info-wrapper h1, .vid-wrapper.mouse-entered .vid-info-layer .vid-info-wrapper p, .vid-wrapper.mouse-entered .vid-info-layer .vid-info-wrapper h2, .vid-wrapper.paused .vid-info-layer .vid-info-wrapper h1, .vid-wrapper.paused .vid-info-layer .vid-info-wrapper p, .vid-wrapper.paused .vid-info-layer .vid-info-wrapper h2 {
       opacity: 1; }
     .vid-wrapper.mouse-entered .vid-quality-selector, .vid-wrapper.paused .vid-quality-selector {
       opacity: 1; }
     .vid-wrapper .vid-html5 {
       position: relative;
       z-index: 1; }
     .vid-wrapper .vid-html5 video {
       display: block;
       background-color: black;
            border-radius: 5px 5px 0 0;}
     .vid-wrapper .vid-controls-bottom {
       z-index: 2;
       position: absolute;
       bottom: 20px;
       left: 0;
       width: 100%;
       height: 60px;
       opacity: 0;
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
     .vid-wrapper .vid-controls-wrapper {
       margin: 0 -20px;
       width: 100%; }
     .vid-wrapper .vid-toggle-layer, .vid-wrapper .vid-shadow-layer {
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 1; }
     .vid-wrapper .vid-bottom-progress-bar {
       position: absolute;
       width: 100%;
       height: 2px;
       z-index: 2;
       bottom: 0;
       left: 0;
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
     .vid-wrapper .vid-bottom-progress-bar .progress-bg, .vid-wrapper .vid-bottom-progress-bar .progress-fg {
       height: 100%;
       position: absolute;
       top: 0;
       left: 0; }
     .vid-wrapper .vid-bottom-progress-bar .progress-bg {
       width: 100%;
       background-color: rgba(255, 255, 255, 0.4);
       z-index: 1; }
     .vid-wrapper .vid-bottom-progress-bar .progress-fg {
       width: 0%;
       background-color: white; }
     .vid-wrapper .vid-info-layer {
       position: absolute;
       bottom: 80px;
       left: 0;
       z-index: 3;
       width: 100%; }
     .vid-wrapper .vid-info-layer .vid-info-wrapper {
       width: 90%;
       margin: 0 auto;
       padding: 0 20px; }
     .vid-wrapper .vid-info-layer .vid-info-wrapper h1 {
       color: white;
       opacity: 0;
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
     .vid-wrapper .vid-info-layer .vid-info-wrapper h2 {
       color: white;
       opacity: 0;
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
     .vid-wrapper .vid-info-layer .vid-info-wrapper p {
       color: rgba(255, 255, 255, 0.6);
       opacity: 0;
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
     .vid-wrapper .vid-info-layer .vid-info-wrapper .view-count {
       margin-left: auto; }
     .vid-wrapper .vid-shadow-layer {
       pointer-events: none;
       z-index: 2;
       opacity: 0;
       /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100 */
       background: transparent;
       background: -moz-linear-gradient(top, transparent 50%, #000000 90%);
       background: -webkit-linear-gradient(top, transparent 50%, #000000 90%);
       background: linear-gradient(to bottom, transparent 50%, #000000 90%);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#000000',GradientType=0 );
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
     .vid-wrapper .vid-quality-selector {
       position: absolute;
       top: 40%;
       right: 30px;
       z-index: 3;
       flex-direction: column;
       border-radius: 5px;
       overflow: hidden;
       opacity: 0;
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
     .vid-wrapper .vid-quality-selector button {
       background-color: rgba(34, 34, 34, 0.5);
       padding: 13px 20px;
       font-weight: 700;
       font-size: 16px;
       color: white; }
     .vid-wrapper .vid-quality-selector button.active {
       background-color: white;
       color: #222; }
     .vid-wrapper .vid-controls-contents {
       width: 90%;
       margin: 0 auto; }
     .vid-wrapper .vid-controls-contents span {
       margin: 0 10px;
       font-size: 13px;
       min-width: 45px;
       display: flex;
       justify-content: center;
       color: rgba(255, 255, 255, 0.7); }
     .vid-wrapper .vid-controls-contents button {
       color: rgba(255, 255, 255, 0.7);
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
     .vid-wrapper .vid-controls-contents button:hover {
       color: white; }
     .vid-wrapper .vid-controls-contents button i {
       font-size: 28px; }
     .vid-wrapper .vid-controls-contents .vid-progress {
       position: relative;
       width: 100%;
       height: 5px;
       margin: 0 20px;
       margin-top: -2px;
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       cursor: pointer; }
     .vid-wrapper .vid-controls-contents .vid-progress:hover {
       height: 13px; }
     .vid-wrapper .vid-controls-contents .vid-progress .progress-bg, .vid-wrapper .vid-controls-contents .vid-progress .progress-fg, .vid-wrapper .vid-controls-contents .vid-progress .progress-loaded {
       height: 100%;
       position: absolute;
       top: 0;
       left: 0; }
     .vid-wrapper .vid-controls-contents .vid-progress .progress-bg {
       width: 100%;
       background-color: rgba(255, 255, 255, 0.4);
       z-index: 1; }
     .vid-wrapper .vid-controls-contents .vid-progress .progress-loaded {
       pointer-events: none;
       width: 0%;
       background-color: rgba(255, 255, 255, 0.3);
       z-index: 2; }
     .vid-wrapper .vid-controls-contents .vid-progress .progress-fg {
       width: 0%;
       background-color: white; }
     .vid-wrapper .vid-controls-contents .vid-progress .progress-hovertime {
       position: absolute;
       top: -35px;
       padding: 5px 10px;
       font-size: 12px;
       transform: translateX(-50%);
       color: white;
       background-color: #333;
       opacity: 0;
       pointer-events: none; }
     .vid-wrapper .vid-controls-contents .vid-progress .progress-hovertime.hover {
       opacity: 1;
       pointer-events: auto; }
     .vid-wrapper .vid-controls-contents .item {
       padding: 0 10px;
       margin: 0 10px; }
     .vid-wrapper .vid-volume-control {
       min-width: 45px; }
     .vid-wrapper .vid-volume-slider {
       width: 0;
       height: 5px;
       margin-top: -2px;
       background-color: rgba(255, 255, 255, 0.6);
       cursor: pointer;
       transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
       transform-origin: left; }
     .vid-wrapper .vid-volume-slider .ui-slider-range {
       height: 100%;
       background-color: white; }

     video::-webkit-media-controls {
       display: none !important; }

     /*# sourceMappingURL=videre.css.map */


 /* #New Changes For Responsive
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
  aside#searchSection {
      width: 100%;
      height: 50px;
      padding: 8px;
      background: #1e1e1e;
      position: absolute;
      top: -94px;
      left: 0;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      z-index: 15;
  }
  .watchVedTitle {
    padding: 10px;color: white;margin-left: 15px;    font-size: 24px;
  }
  .watchVideIcons {
    color:white;padding: 10px;margin-top: 8px;
  }
  .loginText {
    font-size: 54px;
        width: 80%;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
  }
  .loginTextWrapper {
    padding-top: 100px;padding-bottom: 100px;
  }
  .formLoginWrapper {
    padding-top: 100px;padding-bottom: 100px;
  }
  .loginSingUpSide {
    border-left: 1px solid #28282a;text-align:center;
  }
  aside#searchSection div.inputContainter .inputField input[type=search] {
      width: 100%;
      height: 21.5px;
      padding: 0 0 0 10px;
      background: #fff;
      border: 0;
      display: block;
  }
  aside#searchSection div.inputContainter .inputField input[type=search]:focus {
        background: #fff;
        outline-offset: 0;
    }
  aside#searchSection.active {
      top: 0;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
  }
  aside#searchSection div.inputContainter {
      width: 100%;
      height: 34px;
      background: #fff;
      position: relative;
  }
  .clearfix {
      zoom: 1;
  }
  aside#searchSection div.inputContainter .inputField {
      position: absolute;
      top: 5px;
      left: 0;
      right: 121px;
  }
  aside#searchSection div.inputContainter button#searchSubmit {
      width: 35px;
      padding: 0;
      position: absolute;
          right: 56px;
  }
  aside#searchSection div.inputContainter button {
      height: 34px;
      border: 0;
      display: block;
  }
  .buttonClass {
      border: 1px solid #333;
      display: inline-block;
      padding: 10px 20px;
      font-size: 1em;
      line-height: 1.4;
      vertical-align: middle;
      white-space: nowrap;
  }
  .whiteBtn {
      background-color: #fff;
      border: 0;
  }
  aside#searchSection div.inputContainter button#closeSearch {

      padding: 0;
      right: 0;
      float: right;
          width: 50px;
  }
  aside#searchSection div.inputContainter button {
      height: 34px;
      border: 0;
      display: block;
  }
  .blackBtn {
      background-color: #111;
      border: 1px solid #111;
      color: #ccc;
  }
  .closeSearshIcon {
        background-repeat: no-repeat;
        background-size: 336px 317px;
        width: 30px;
        height: 22px;
        background-position: -116px -133px;
        display: block;
            margin: auto;
  }
  .inputSearshIcon {
     background-repeat: no-repeat;
         background-size: 336px 317px;
         width: 30px;
         height: 20px;
         background-position: -133px -211px;
         display: block;
  }

  .menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
  }
  .line {
    fill: none;
    stroke: #ec09f5;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
      stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;

  }
  .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
  }
  .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }
  .opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }
  .opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
  }
  .opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }

  .videoWrapperHome {
     position:relative;margin-top:10px;width:auto;height: auto; max-width: 270px;border-radius:5px;background-color:#181818;z-index: 1
  }
  .headerRes1 {
    z-index: 2;background-color:#181818;padding-bottom: 0;
  }
  .headerRes {
      z-index: 2;background-color:#181818;padding-bottom: 0;
  }
  .LeftToggel {
            position: absolute;
            top: 59px;
            bottom: 0;
            left: 0;
            z-index: 100;
            background-color:red;
  }
  .uiOverlay {
      background-color: rgb(0 0 0 / 66%);
      display: none;
      position: absolute;
      top: 59px;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 100;
  }
  .topMenuSection {
      padding: 5px 0;
      border-bottom: 1px solid #111;
      background: #252525;
      zoom: 1;
      display: flex;
      justify-content: center;
  }
  .sideMenuText {
     font-size:11px;
     margin-bottom: 5px;
         margin-top: 4px;

  }
  div.menuSection {
      background-color: #1e1e1e;
  }
  .sideMenuHeades {
    color: #ec09f5;
        width: 100%;
        padding: 5px 0 5px 18px;
        background: #111;
        font-size: 1em;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 0;
  }

  .topMenuButtons {
    width:30%;
        padding: 0 !important;
        text-align: center;
            margin-top: 5px;
  }
  .sideMenuA {
         width: 100%;
             height: 38px;
             border-bottom: 1px solid #111;
             color: #ccc !important;
             display: block !important;
             padding: 9px 0 9px 17px !important;
             font-size: .9em !important;
  }
  .sideMenuI {
        margin-left: 0;
            margin-top: 0;
            display: inline-block;
            margin: 0 15px 0 0;

  }
  .watchVideoWrapper {
    position:relative;margin-top:10px;width:auto;border-radius:5px;background-color:#181818;;z-index: 1;
  }
  .sideMenuLog {
     width: 40px;
         height: 40px;
         background-color: #999;
         border-radius: 50px;
         text-align: center;
         padding: 7px;
         font-size: 26px;
         color: #252525;
             margin: auto;
                 display: block;
  }
  .loginIcon {
      background-image: url(https://ei.phncdn.com/www-static/images/vmobile/sprites/sprite-common.png?cache=2021081803);
      background-repeat: no-repeat;
      background-size: 336px 317px;
      width: 40px;
      height: 40px;
      background-position: -1px -49px;
  }
  .topRelaIcon {
         background-repeat: no-repeat;
         background-size: 336px 317px;
         width: 20px;
         height: 20px;
         background-position: -270px -47px;
  }
  .hstsIcon {
        background-repeat: no-repeat;
        background-size: 336px 317px;
        width: 20px;
        height: 20px;
        background-position: -155px -257px;
  }
  .MostVeIcon {
      background-repeat: no-repeat;
          background-size: 336px 317px;
          width: 20px;
          height: 20px;
          background-position: -1px -213px;
  }
  .recommeIcon {
         background-repeat: no-repeat;
         background-size: 336px 317px;
         width: 20px;
         height: 20px;
         background-position: -23px -279px;
  }
  .secandNav {
    width:100%;
    padding-top: 7px;
  }
  .openSearshIcon {
    margin: 0 auto;
        background-repeat: no-repeat;
        background-size: 336px 317px;
        width: 24px;
        height: 24px;
        background-position: -133px -69px;
  }
  .myUploadsIcon {
          background-repeat: no-repeat;
          background-size: 336px 317px;
          width: 20px;
          height: 20px;
          background-position: -117px -167px;
   }
  .videosMennuAa {
       padding-left: 54px !important;
   }
  .myFriendsIcon {
         background-repeat: no-repeat;
         background-size: 336px 317px;
         width: 20px;
         height: 20px;
         background-position: -204px -70px;
  }
  /* The side navigation menu */
  .sidenav {
    height: 100%; /* 100% Full-height */
    width: 270px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 200; /* Stay on top */
    top: 59px; /* Stay at the top */
    left: -270px;
    background-color: #181818; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  }
  .videosMennu {
      max-height: 0;
        overflow: hidden;
            -webkit-transition: max-height .4s ease;
            -moz-transition: max-height .4s ease;
            -o-transition: max-height .4s ease;
            transition: max-height .4s ease;
  }
  .videosMennuA {
      padding-left: 50px !important;
  }
  .videosNavigation {
        background: 0 0;
        border: 0;
        border-bottom: 1px solid #111;
        text-align: left;
  }
  .menuIcons {
        background-image: url(https://di.phncdn.com/www-static/images/vmobile/sprites/sprite-common@2x.png?cache=2021081803);
  }
  .menuSpan {
    display: inline-block;
        vertical-align: text-bottom;
        margin-bottom: 3px;
  }
  .channelIcon {
    background-repeat: no-repeat;
        background-size: 336px 317px;
        width: 20px;
        height: 20px;
        background-position: -226px -46px;
  }
  .lesbIcon {
        background-repeat: no-repeat;
        background-size: 336px 317px;
        width: 20px;
        height: 20px;
        background-position: -247px -90px;
  }
  .CatIcon {
         background-repeat: no-repeat;
         background-size: 336px 317px;
         width: 20px;
         height: 20px;
         background-position: -265px -255px;
  }
  .videoIcon {
         background-repeat: no-repeat;
         background-size: 336px 317px;
         width: 20px;
         height: 20px;
         background-position: -138px -166px;
  }
  .allUsersIcon {
          background-repeat: no-repeat;
          background-size: 336px 317px;
          width: 20px;
          height: 20px;
          background-position: -204px -114px;
  }
  .dropIcon {
        float: right;
        padding-right: 10px;
        margin-top: 3px;
  }
  .topNav {
  z-index: 200;
  }
  /* The navigation menu links */
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }

  /* When you mouse over the navigation links, change their color */
  .sidenav a:hover {
    color: #f1f1f1;
  }

  /* Position and style the close button (top right corner) */
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  #main {
    transition: margin-left .5s;
    padding: 20px;
  }

  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }



  .TitlePage {
     margin-top:25px;border-radius:6px;background-color:#181818;margin-bottom: 10px;
   }
   .userHeader {
     margin-top:25px;    border-radius: 6px 6px 0 0;background-color:#181818;
   }
   .userHeaderBottomWrapper {
       width: 100%;
       height: 100px;
       position: absolute;
       bottom: 0;
       box-sizing: border-box;
       background: url(https://ei.phncdn.com/www-static/images/profile/profile-header-bg.png?cache=2021080901);
       background-size: 100% 100%;
           height: max-content;
   }
   .TitlePageText {
     margin-left:10px;color:white;padding-top: 15px;
         padding-bottom: 15px;
         padding-left: 15px;
   }
   .userHeaderBottomContainer {
           margin-top: 18px;
           padding-right: 19px;

   }
  .hoverme {

  }
  .hoverme :hover {
        color: chartreuse;

  }
   .userHeaderBottomContainer .profileUserName h3 {
           margin-left: 195px!important;
           display: block;
           font-size: 24px;
           font-weight: 700;
           color: #fff;
           padding-bottom: 6px;
   }
   .userHeaderBottomContainer .userLocation {
           margin-top: -6px;
               color: #fff;
               font-size: 13px;
               font-weight: 400;
               clear: both;
               margin-left: 197px;
   }
   li .number {
       font-weight: 700;
       color: #fff;
   }
   li .connections {
       color: #ccc;
       text-transform: capitalize;
           padding-right: 15px;
   }
   .userProfileNav {
          border-radius: 0 0 6px 6px;
          height: max-content;
          background-color: #181818;
   }
   .userNaveMenu {
       display: inline-block;
           width: 100px;
           border-bottom: 2px solid transparent;

   }
   .vedTitl_minCha {
      padding: 0 10px;
          color: white;
          display: block;
          width: 252px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
   }
   .userNavMenuItems {
           display: block;
           padding-top: 14px;
           padding-bottom: 5px;
           color: #ababab;
           line-height: 30px;
               text-decoration: none;
               color: #fff;
               font-size: 20px;
               font-weight: 500;
                   padding: 10px;
                   text-align: center !important;
   }
   .userNavMenuItems:hover {
      color:#fff;
   }
   .subViewsInfoContainer {
           line-height: 21px;
               margin-left: 165px;
               margin-top: 28px;
               display: flex;
   }
   .tabsText {
      margin:0;color:white;padding-top: 15px;
          padding-bottom: 15px;
          padding-left: 15px;    cursor: pointer;
   }
   .lost-passWrapper {
           width: 100%!important;
           margin: auto;
           background: url(https://di.phncdn.com/www-static/images/movie-box/bg.jpg?cache=2021080504) no-repeat;
           background-size: cover;
           background-position: 0 64%;
   }
   .lost-passForm {
            margin: 20px auto 0;
            width: 430px;
            display: block;
            text-align: center;
            float: none;
            color: #c9cbca;
            padding-top: 120px;
            padding-bottom: 150px;
   }
   .padd-ri-5 {
     padding-right: 5px;
   }
   .userAvatar {
              width: 15.1%;
              height: auto;
              min-width: 158px;
              max-width: 164px;
              padding: 80px 20px 15px 25px;
   }
   .userHeader {
       position: relative;
           z-index: 0;
           width: 100%;
   }
   .userSectionsTitle {
      background-color: #181818;
          padding: 10px;
          border-radius: 5px;
          color: #fff;
          width: 100%;
          margin: 0;

   }
   ul.userChannels {
       display: grid;
       grid-template-columns: repeat(4,190px);
       grid-template-rows: repeat(auto-fill,140px);
       grid-gap: 25px 12px;
       width: 100%!important;
       justify-items: center;
       padding: 4px;
       margin-top: 25px;
   }
   .videoTreeCol {
      grid-template-columns: repeat(3,1fr) !important;
   }
   .navList {
     padding-left: 20px !important;

   }
   .donationList {
     border-radius: 5px;
         width: 100%;
         display: grid;
         grid-template-columns: repeat(4,1fr);
         height: 100%;
         align-items: center;
         margin: auto;
         background-color: #181818;
         padding: 10px 10px 10px 25px;
         color: #fff;
         font-weight: 500;
   }
   .donationsTable {
           margin-bottom: 10px;
           margin-top: 40px;
   }
   .channlsPageList {
        border-radius: 5px;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3,1fr);
            height: 100%;
            align-items: center;
            margin: auto;
            background-color: #181818;
            padding: 10px 10px 10px 25px;

      }
   .channelsDivRight {
      padding-left: 10px;
      display:block;
      width:100%;
   }
   .chaNav {
     display:flex;
     padding-bottom:10px;
     padding-top: 10px !important;
         padding-right: 20px !important;
    }
    .textCenter {
       text-align:center;
    }
    .fullWidth {
       width:100%;
    }
    .channelUserWraper {
          width: 200px;
          display: flex;
          background-color: #00000063;
          margin-left: 200px;
          height: max-content;
          border-radius: 5px 5px 0 0;
    }
    .channelUserImg {
      width: 40px;
          height: 40px;
          border-radius: 150px;
          margin: 10px;
    }
    .hide {
            display: none;
        }
    .is-selabel-txt {
              color: #ec09f5;
        }
        .setChannels {
              position: absolute;
                  width: 100%;
              height: auto;
              border-radius: 5px;
              z-index: 1;
                  padding: 5px 10px;
              text-align: left;
              top: 0;
                  display: flex;
        }
        .icons:hover {
              color: #ed06ff;
        }
        ul.setChannelsWrap>li a span {
            display: inline-block;
            position: absolute;
            height: auto;
            padding: 5px 10px;
            bottom: 0;
            left: 0;
            overflow: hidden;
            color: #fff;
            background: rgba(19,19,19,.5);
            text-align: left;
            word-wrap: break-word;
            width: 100%;
            white-space: normal;
            font-size: 12px;
            font-weight: 700;
        }
        ul.setChannelsWrap>li {
            display: inline-block;
            min-width: 80px;
            max-height: 250px;
            border: 1px solid #333;
            cursor: pointer;
            overflow: hidden;
            border-radius: 5px;
                position: relative;
                width:100%;
        }
        ul.setChannelsWrap {
            display: grid;
            grid-template-columns: repeat(4,250px);
            grid-template-rows: repeat(auto-fill,140px);
            grid-gap: 25px 19px;
            width: 100%!important;
            justify-items: center;
            padding: 4px;
            margin-top: 25px;
        }
        .channelSetImg {
                border-radius: 5px;
            width: 100%;
            height: 140px;
        }
        ul.friendsPro {
          display: grid;
              grid-template-columns: repeat(2,100px);
              grid-template-rows: repeat(2,110px);
              grid-gap: 15px 20px;
              width: 100%!important;
              justify-items: center;
              padding: 4px;
                  margin-top: 2px;
        }
        ul.friendsPro li {
            display: inline-block;
                min-width: 80px;
                max-height: 80px;
                cursor: pointer;
                text-align: center;
        }
        .profileRightTitles {
           border-bottom: 1px solid #c1c1c130;
               font-size: 18px;
               margin-right: -10px;
               margin-left: -10px;
               padding: 3px 0 10px 10px;
        }

        .fileuploader-wrapper {
          border: 2px dotted #ec09f5;
        width: 100% !important;
        color: #DADCE3;
        text-align: center;
        vertical-align: middle;
        padding: 10px 10px 10px 10px;
        border-radius: 4px;
        }
    .container-checkbox {    position: relative;    max-width: 100%;    padding-left: 28px;}.container-checkbox input {    position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;}.check-mark {    position: absolute;    top: 0;    left: 0;    height: 20px;    width: 20px;    background-color: #363636;    border-radius: 2px;}.container-checkbox:hover input ~ .check-mark {    background-color: #363636;}.container-checkbox input:checked ~ .check-mark {    background-color: #363636;}.check-mark:after {    content: "";    position: absolute;    display: none;}.container-checkbox input:checked ~ .check-mark:after {    display: block;}.container-checkbox .check-mark:after {    left: 7px;    top: 4px;    width: 6px;    height: 10px;    border: solid white;    border-width: 0 2px 2px 0;    -webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);}
    .channelBy {
          margin-top: 11px;
          color: #ffffff7a;
          font-size: 12px;
    }
    .channelUsername h3 {
            font-size: 19px;
            font-weight: 500;
            color: #fffdff;
    }
   .channelsDesc {
     display: flex;
         color: #fff;
         font-size: 12px;
         padding-top: 20px;
         width:100%;
   }
   .channelsDescRight {
          text-align: end;
          width: 100%;
   }

   .channelsA {
     display: flex;
         text-decoration: none;
   }
   .channelsLi {
      background-color: #181818;
          border-radius: 5px;
          position: relative;
          padding: 20px;
   }
   .channelsImg {
     width: 110px;
         height: 110px;
         border-radius: 3px;
   }
   .channlesTitle {
       font-weight: 600;
           color: #fff;
           font-size: 18px;
           padding-top: 10px;
   }
   .mg-top-30 {
    margin-top: 30px;
   }
   .aboutText {
     font-size: 12px;
   }
   ul.userChannels>li {
       display: inline-block;
       min-width: 80px;
       max-height: 200px;
       border: 1px solid #333;
       cursor: pointer;
       overflow: hidden;
       border-radius: 5px;
   }
   ul.userChannels>li a span {
     display: inline-block;
         position: absolute;
         height: auto;
         padding: 5px 10px;
         bottom: 0;
         left: 0;
         overflow: hidden;
         color: #fff;
         background: rgba(19,19,19,.5);
         text-align: left;
         word-wrap: break-word;
         width: 202px;
         white-space: normal;
         font-size: 12px;
         font-weight: 700;
   }
   ul.userChannels>li a {
       display: block;
       color: #b6b5b5;
       white-space: nowrap;
       font-weight: 700;
       padding: 0;
       text-align: center;
       position: relative;
   }

   ul.userChannels>li:hover {

       border: 1px solid #fff;

   }
   .channelPageImg {
      width: 190px;
          height: 140px;
   }
   .userAvatar img {
           left: 20px;
               top: 100px;
   }
   .lost-passTitle {
       font-size: 2rem;
   }
   .lost-passLast {
          font-size: 1.2rem;
   }
   .lost-passLast a {
          text-decoration: none;
              color: #ed06ff;
   }
   .lost-passInput {
            background-color: rgba(255,255,255,.1);
            border-radius: 4px;
            padding: 12px 15px;
            font-size: 16px;
            color: #fff;
            display: block;
            width: 85%;
            box-sizing: border-box;
            border: 0;
            text-align: left;
            margin: 10px auto 10px;
   }
   .playVideoIcon {
     position:absolute;top: 45px;left: 100px;z-index: 3;color: #25252566;
   }
   .videoWrapper {
     width: 100%;height: auto;max-width: 260px;z-index: 2;    border-radius: 5px 5px 0 0;cursor: pointer;
   }
   .covFoto {
       position: absolute;
       top: 10px;
       right: 10px;
       font-size: 26px;
       color: #ed06ffcc;
       cursor: pointer !important;
   }
   .adWord {
       width: 350px;
       margin-left: 30px;
       height: 30px;
       border-radius: 3px;
       background-color: #363636;
       color: #cacacad4;
       text-align: center;
       padding: 4px;
       font-size: 14px;
   }
 .searshInput:focus {
   border-radius: 3px 0 0 3px;
    width: 100%;
     border: 1px solid #4b4b4b;
    background: #363636;
    color: #cacaca;
     outline: 0;
        box-shadow: 0 0 0 0 !important;

 }
.btn:focus {
   outline: 0;
       box-shadow: 0 0 0 0 !important;
 }
.searshInputs:focus {
      border: 1px solid #4b4b4b;
         background: #363636;
         color: #cacaca;
         outline: 0;
         box-shadow: 0 0 0 0 !important;
 }
.header-top-li:hover {
   background-color:transparent !important;
 }
.searshInputs:focus {
        background: #2c3034;
            color: #cacaca;
            height: 35px;
            margin-bottom:10px;
            padding-left:10px;
            outline: 0;
                    box-shadow: 0 0 0 0 !important;
                    border: 1px solid #4b4b4b;
       }
ul.headerSubMenuPage {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: repeat(8,140px);
    grid-gap: 25px 12px;
    width: 100%!important;
    justify-items: center;
    padding: 4px;
    margin-top: 25px;
}
ul.headerSubMenuPage>li {
    display: inline-block;
    min-width: 80px;
    max-height: 200px;
    border: 1px solid #333;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
}
ul.headerSubMenuPage>li a span {
  display: inline-block;
      position: absolute;
      height: auto;
      padding: 5px 10px;
      bottom: 0;
      left: 0;
      overflow: hidden;
      color: #fff;
      background: rgba(19,19,19,.5);
      text-align: left;
      word-wrap: break-word;
      width: 100%;
      white-space: normal;
      font-size: 12px;
      font-weight: 700;
}
ul.headerSubMenuPage>li a {
    display: block;
    color: #b6b5b5;
    white-space: nowrap;
    font-weight: 700;
    padding: 0;
    text-align: center;
    position: relative;
}

ul.headerSubMenuPage>li:hover {

    border: 1px solid #fff;

}
.catPageImg {
    width: 100%;
        height: 140px;
}
.containerWidth {
  min-width: 991px;
  max-width: 1400px;
}
.sign-up-wrapper {
   padding: 30px 0;
    background: url(https://di.phncdn.com/www-static/images/create_account/ca_bg1.jpg?cache=2021071501) center center no-repeat;
    background-size: cover;
}
.content-sign {
      padding: 20px;
    border-radius: 3px;
    background: #080808;
    z-index: 1;
    border: 1px solid #28282a;
}
 .sub-list:hover {
        background-color: #585858d1;
        -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;
  }
 .nav-item:hover {
   background-color: #585858d1;
   -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;
 }
.full-row-thumbs {
  display: grid;
    justify-content: center;
    align-content: center;
    grid-template-rows: auto;
    grid-template-columns: repeat(4,1fr);
    grid-row-gap: 15px;
    grid-column-gap: 10px;
    padding: 20px 0;
    list-style-type: none;
}
pcVideoListItemhome {
   width: 100%;
    margin: 0;
        display: inline-block;
    vertical-align: top;
}
.maxTwoLi li:nth-of-type(1n+3) {
  display: none;
}
 .langTextSubMenu {
   max-width:170px;
 }
ul.headerSubMenu {
  display: grid;
    grid-template-columns: repeat(8,118px);
    grid-template-rows: repeat(3,88px);
    grid-gap: 45px 16px;
    width: 100%!important;
    justify-items: center;
    padding: 20px;
}
.innerHeaderSubMenu ul.videos {
    padding: 0;
    width:100%;
}
.innerDropdown .headerSubMenuu {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    grid-column-gap: 17px;
    width: 100%!important;
    justify-items: center;
    padding: 20px 0!important;
}

ul.headerSubMenu>li a span {
   display: inline-block;
    position: absolute;
    height: auto;
    padding: 2px 0;
    bottom: 12px;
    left: 0;
    overflow: hidden;
    color: #fff;
    background: rgba(19,19,19,.5);
    text-align: center;
    word-wrap: break-word;
    width: 120px;
    white-space: normal;
    font-size: 12px;
}
ul.headerSubMenu>li a {
    display: block;
    color: #b6b5b5;
    white-space: nowrap;
    font-weight: 700;
    padding: 0;
    text-align: center;
    position: relative;
}
ul.headerSubMenu>li {
    display: inline-block;
    min-width: 80px;
    max-height: 88px;
    border: 1px solid #333;
    cursor: pointer;
    overflow: hidden;
}
ul.headerSubMenu>li:hover {

    border: 1px solid #fff;

}
.innerHeaderSubMenu {
       display: grid;
    grid-template-rows: 50px 320px 80px;
    align-items: center;
    margin: 0!important;
    padding: 0!important;
    max-width: 100%;
    text-align: center;
}
a.subTitle {
    font-weight: 700;
    cursor: pointer;
    padding: 0!important;
    color: #fff;
    display: block;
    text-decoration: none;
}
a.subTitle:hover {
   text-decoration
}
.innerHeaderSubMenu ul {
    align-self: start;
}
.innerHeaderSubMenu a.button {
    width: 100%;
    text-transform: capitalize;
    margin: 0;
}
.innerHeaderSubMenu a.button {
    padding: 10px 0;
    color: #cecece;
    background: #1f1f1fe0;
}
.button {
    display: inline-block;
    text-decoration: none;
    border: none;
    cursor: pointer;
    vertical-align: top;
    text-align: center;
}
.buttonBase {
    border: none;
    border-radius: 4px;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
    outline: 0 none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.menuSwap {
   display: block;
}
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
    overflow: hidden;
    z-index: 1001;
    display:none;
}
.popupSignUpBtn {
   width: 100%;
    padding: 10px 5px;
    font-size: 1.2em;
        color: #acacac;
    background: #1f1f1f;
        border: none;
    border-radius: 4px;
    cursor: pointer;
}
    .popup .content {
 position: absolute;
 top: 35%;
 left: 50%;
 transform: translate(-50%,-150%) scale(0);
 width: 50%;
 height: 350px;
 z-index: 2;
 padding: 20px;
 border-radius: 3px;
 background: #080808;
 z-index: 1;
 border: 1px solid #28282a;


}

.popup .close-btn {
position: absolute;
    right: 20px;
    top: 0px;
    cursor: pointer;
    color: white;
    font-size: 40px;
 }

.popup.active .content {
transition: all 300ms ease-in-out;
transform: translate(-50%,-50%) scale(1);
}


.input-field .validate {
padding: 10px;
    font-size: 13px;
    border-radius: 3px;
    border: none;
    margin-bottom: 10px;
    width: 100%;
background: #363636;
    color: #cacaca;
outline: none;
}

.first-button {
color: white;
font-size: 18px;
font-weight: 500;
padding: 30px 50px;
border-radius: 40px;
border: none;
position: absolute;
top: 50%;
left: 20%;
transform: translate(-50%, -50%);
background: #262626;
box-shadow:  18px 18px 25px #1e1e1e,
             -15px -15px 25px #1e1e1e;
transition: box-shadow .35s ease !important;
outline: none;
}

.first-button:active {
background: linear-gradient(145deg, #222222, #292929);
box-shadow:  5px 5px 10px #262626,
             -5px -5px 10px #262626;
border: none;
}

.second-button {
    color: white;
    font-weight: bold;
    width: 100%;
    padding: 6px 0;
    margin: 10px auto 15px;
    font-size: 1.3em;
    border-radius: 3px;
    border: none;
    background: #ed06ff;
    transition: box-shadow .35s ease !important;
    outline: none;
        position: relative;
}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000-webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000-webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-right{float:right!important}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-bar-block .w3-bar-item{
    width: 100%;
    display: block;
    padding: 7px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    border-bottom: 1px solid #28282a;
    cursor: pointer;
    }
.loadingColor {
    color: #ed06ff!important;
}
.playlist-text:hover {
    background: #575757;
}
 .w3-bar-item:hover {
   background-color: #585858d1;
   -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;
 }
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-border{border: 1px solid #28282a;border-radius: 3px;background-color: #363636;}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.tabs {
          width: 100%;
          text-align: left;
          border-radius: 0 !important;
          padding: 0 !important;
    }
    .tab-content>.tab-pane {
    display: none ;
    }
    .tab-content>.active {
      display: flex;
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd00 !important;
    border-bottom: 3px solid #ed06ff;
   }
   .searshInputs {
             border-radius: 3px;
       width: 100%;
       border: 0px solid #000000ed;
       background: #363636;
       color: #cacaca;
       height: 35px;
       margin-bottom:10px;
   }
   .tabsWrapper {
      padding: 0;border-bottom: 1px solid #28282a;display: flex;margin-top:10px;border-radius:6px 6px 0 0;background-color:#181818;
   }
.second-button:active{
background: linear-gradient(145deg,#222222, #292929);
box-shadow: 5px 5px 10px #262626, -5px -5px 10px #262626;
border: none;
outline: none;
}
     .mega-menu {
         background: linear-gradient(90deg, #1b1b1b 7%, #363636 93%);
  	display: none;
  	left: 0;
  	position: absolute;
  	text-align: left;
  	width: 100%;
  	top:100%;
  	border: 1px solid;
}
.mega-menu .sub-list{
	display: block;
    margin: 0;
    padding: 5px 5px 6px 0;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
ul {
    list-style-type: none;
}
.icons-twitterxx {
  background: url(https://di.phncdn.com/www-static/images/sprite-new-nav.png?cache=2021071401);
  margin-bottom: -2px;
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    width: 21px;
    height: 21px;
}
.twitterxx-icon1 {

    background-position: -45px -47px;
}
.twitterxx-icon2 {
      background-position: 0 -19px;
}
.twitterxx-icon3 {
      background-position: -24px -20px;
}
.twitterxx-icon4 {
      background-position: -65px 0;
}
.twitterxx-icon5 {
      background-position: -47px -19px;
}
.twitterxx-icon6 {
          background-position: -148px -119px;
}
.twitterxx-icon6 {
          background-position: -148px -119px;
}
.twitterxx-icon7 {
          background-position: -47px 68px;
}
.twitterxx-icon8 {
              background-position: -26px -1px;
}
.twitterxx-icon9 {
             background-position: -151px -1px;
}
.twitterxx-icon10 {
                 background-position: -75px -19px;
}
.playLiIcon {
    background-repeat: no-repeat;
    background-size: 336px 317px;
    width: 20px;
    height: 20px;
    background-position: -44px -233px;
}
.dowLink {
    color: #ed06ff;
    text-decoration: none;
}
.dowLink:hover {
    color: #ed06ffa3;
}
.mega-menu h3 {color: #444;}
.mega-menu ul {
	float: left;
  	margin-bottom: 20px;
  	margin-right: 40px;
  	width: 205px;
}
.mega-menu ul:last-child {margin-right: 0;}
.mega-menu a {
  	padding: 10px 0;
}
.mega-menu .title {
  font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #fff;
    display: block;
    text-decoration: none;
}
.mega-menu .title:hover {text-decoration: underline;}

.mega-menu a:hover {}

/* #Droppable Class Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.droppable {position: static;}

.droppable:hover .mega-menu {display: block;}



/* #Browser Clearfix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cf:before,
.cf:after {
	content: " "; /* 1 */
   display: table; /* 2 */
}
.cf:after {clear: both;}
     .contai {
          max-width: 1080px;
          float:right;
          margin-bottom: 70px;
          width:100%;
      }
      .conraiParent {
          padding-right: 40px;
      }
      .searshInput {
          border-radius: 3px 0 0 3px;
    width: 100%;
    border: 0px solid #000000ed;
    background: #363636;
    color: #cacaca;
    height: 30px;
      }
      .innerDropdown {
         margin: 0 auto;
        width: 100%;
    display: grid;
    grid-template-columns: .75fr 2.25fr;
    grid-column-gap: 35px;
    justify-items: center;
    align-items: center;
      }
      .footer-title {
        font-size: 1.33em;
    font-weight: 700;
    color: grey;
    margin-bottom: 15px;
      }
      .leftPanel {
             width: 100%;
    height: 100%;
    display: grid;
    justify-content: center;
    background: #1b1b1b;
    padding: 20px 0;
    box-sizing: border-box;
    grid-template-rows: 50px 1fr;
         min-height: 468px;
         min-width: 400px;
      }
      .leftPanel:before {
    content: '';
    width: 290px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #1b1b1b;
}
      .text-white {
        text-decoration: none !important;
        font-size: 13px;
        line-height: 28px;
        color: #ed06ff;
      }
      .slide-titles {
         padding:10px;
         text-align:center;
         background-color: #ed06ff;
         border-radius: 3px 3px 0 0;
         margin-bottom: 0;
      }
      .slide-titles-md {
         padding:10px;
         text-align:center;
         background-color: #ed06ff;
         margin-bottom: 0;

      }
      .slide-titles-fn {
         padding:10px;
         text-align:center;
         background-color: #ed06ff;
         border-radius: 0 0 3px 3px;
         margin-bottom: 0;
      }

      .searsh-botton {
           position: relative;
           width: 50px;
           color:#181818;
           border-radius: 0 3px 3px 0;
           background-color: #ed06ff;
           cursor: pointer;
           text-align: center
      }
      .vid-wrapper .vid-quality-selector {
             display:none;
            }
      .headerTgs { display: block;    margin-top: 15px !important;}
      .innerHeaderSubMenu a.button:hover {
          background: #000000d1;
      }
      .btnComm {
            float: right;
            margin-top: 0px;
            margin-right: 0px;
            background-color: #ed06ffbf;
            border: 0;
      }
      .btnComm:hover {
                  background-color: #ed06fff0;;
            }
            .btnComm:focus {
                              background-color: #ed06fff0;;
                        }
      .proFoto {
             position: absolute;
             bottom: 26px;
             right: -10px;
             font-size: 24px;
             color: #ed06ff91;
             cursor: pointer;
      }
      .proFoto:hover {
               color: #ed06ffa6;
      }
      .covFoto:hover {
           color: #ed06ffa6;
      }
      .proFotoWrap {
          width: 150px;
              margin: auto;
              position: relative;
      }
      .searsh-botton:hover {
      color:#fff;
      background-color: #ed06ff8c;
      }
      .second-button:hover {
        background-color: #ed06ff8c;
      }
      .hoverme {
         cursor:pointer;
      }
      .hoverme:hover {
        color: #ed06ff8c;
      }
      .popupSignUpBtn:hover {
           background: #3c3c3c;
      }
      .searshIcon {
         padding: 7px;
      }
      .searshIcon:hover {
               color:#fff;
            }
      .header-buttons {
          margin-left: 5px;
              flex: none;
              padding: 0 10px;
    height: 31px;
      }
      .header-buttons-donate:hover {
         background-color: #6B8068 !important;
      }
      .header-buttons-donate {
          margin-left: 5px;
          background-color: #3d5939;

              flex: none;
               padding: 0 10px;
    height: 31px;
      }
      .itemName {
          color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
      }
      .activeLine {
          width: 100%;
    height: 2px;
    margin: 0 auto;
    background: #ed06ff;
    display: block;
    position: relative;
    top: 10px;
      }
      .upgrade__wrapper {
          background-color: #181818;
          height: 100px;
          max-width: 800px;
          min-height: 490px;
          position: relative;
          left: 0;
          height: auto;
          right: 0;
          margin: 0 auto;
          border-radius: 5px;
      }
      .upgrade__wrapper table tbody tr {
          display: inherit;
      }
.matrix .label_col {
    width: 420px;
    color: #bababa;
    font-size: 13px;
    line-height: 2;
    padding: 4px 0 5px 8px;
}
.feature_detail {
    font-weight: 300;
    font-size: 13px;
}
.matrix th.premium_user {
    color: #999999;
    width: 155px;
    text-align: center;
}
.matrix th.basic_user {
    color: #49494f;
    width: 128px;
    text-align: center;
}
.matrix td img {
    display: block;
    margin: auto;
    height: 100%;
}
.matrix .blue_background {
    background-color: #8080809e;
    border-radius: 5px;
}
.matrix td {
    text-align: left;
    color: #222;
}
      .upgrade__wrapper table {
          position: relative;
          left: 0;
          right: 0;
          margin: auto;
          margin-top: 50px;
          font-weight: 600;
          font-size: 16px;
          color: #bababa;
      }
    .nav-side-menu {


      font-size: 12px;
      font-weight: 200;
      background-color: #2e353d;
      color: #fff;
      margin-top: 50px;
      border-radius: 10px;
    }
    .nav-side-menu .brand {
      background-color: #23282e;
      line-height: 50px;
      display: block;
      text-align: center;
      font-size: 14px;
    }
    .arrow {
          content: '';
    width: 0;
    height: 0;
    font-size: 0;
    border-bottom: 0 none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    margin: 5px 0 0 5px;
    }
    .arrowMenu {
          display: inline-block;
    vertical-align: top;
    }
    .hovermegreen {

      cursor: pointer;
    }
    .hovermegreen:hover {
      color: #ed06ff;
    }
    .nav-side-menu .toggle-btn {
      display: none;
    }
    .nav-side-menu ul,
    .nav-side-menu li {
      list-style: none;
      padding: 0px;
      margin: 0px;
      line-height: 35px;
      cursor: pointer;
      /*
        .collapsed{
           .arrow:before{
                     font-family: FontAwesome;
                     content: "\f053";
                     display: inline-block;
                     padding-left:10px;
                     padding-right: 10px;
                     vertical-align: middle;
                     float:right;
                }
         }
    */
    }
    .nav-side-menu ul :not(collapsed) .arrow:before,
    .nav-side-menu li :not(collapsed) .arrow:before {
      font-family: FontAwesome;
      content: "\f078";
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px;
      vertical-align: middle;
      float: right;
    }
    .nav-side-menu ul .active,
    .nav-side-menu li .active {
      border-left: 3px solid #ed06ff59;
      background-color: #4f5b69;
    }
    .nav-side-menu ul .sub-menu li.active,
    .nav-side-menu li .sub-menu li.active {
      color: #d19b3d;
    }
    .nav-side-menu ul .sub-menu li.active a,
    .nav-side-menu li .sub-menu li.active a {
      color: #d19b3d;
    }
    .nav-side-menu ul .sub-menu li,
    .nav-side-menu li .sub-menu li {
      background-color: #181c20;
      border: none;
      line-height: 28px;
      border-bottom: 1px solid #23282e;
      margin-left: 0px;
    }
    .nav-side-menu ul .sub-menu li:hover,
    .nav-side-menu li .sub-menu li:hover {
      background-color: #020203;
    }
    .nav-side-menu ul .sub-menu li:before,
    .nav-side-menu li .sub-menu li:before {
      font-family: FontAwesome;
      content: "\f105";
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px;
      vertical-align: middle;
    }
    .nav-side-menu li {
      padding-left: 0px;
      border-left: 3px solid #2e353d;
      border-bottom: 1px solid #23282e;
    }
    .nav-side-menu li a {
      text-decoration: none;
      color: #fff;
    }
    .nav-side-menu li a i {
      padding-left: 10px;
      width: 20px;
      padding-right: 20px;
    }
    .nav-side-menu li:hover {
      border-left: 3px solid #ed06ff59;
      background-color: #585858d1;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;
    }
    .nav-side-menu .menu-list .menu-content {
      display: block;
    }

    body {
      margin: 0px;
      padding: 0px;
      font-family:Arial,Helvetica,sans-serif;
    }

    #style-3::-webkit-scrollbar-track
    {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
    }

    #style-3::-webkit-scrollbar
    {
      width: 6px;
      background-color: #F5F5F5;
    }tyle-3::-webkit-scrollbar-thumb
    {
      background-color: #000000;
    }
     .add-to-play {
         background-color: #9e9e9e5e;
         padding: 5px 11px 3px 10px;
         border-radius: 3px;
         position: absolute;
         right: 10px;
         top: 8px;
         cursor: pointer;
         display: none;
     }
.add-to-play:hover {

}
.wrapPlay {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 80%;
}
.linkWrapper {
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}
.playlist-videos {
    width: 30%;
    height: 100%;
    background: rgba(0,0,0,.7);
    color: #ccc;
    display: block;
    font-size: 14px;
    padding: 5px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.playlist-videos span {
    display: block;
}
.playlist-thumb {
    background: rgba(204,204,204,.2);
    margin: 7px auto;
    position: relative;
    width: 41px;
    height: 31px;
}
.playlist-thumb img {
    width: 41px;
    height: 31px;
}
.borderLink {

}
.playlist-text {
    height: 72px;
    line-height: 72px;
    font-size: 18px;
}
.playlist-text {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    -o-opacity: .7;
    opacity: .7;
    background: #000;
    color: #ed06ff;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 70%;
    z-index: 10;
    zoom: 1;
    left: 0;
}
.text {
    font-size: 11px;
    display: inline-block;
    width: 93px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}
.watch-icon {
    float: right;
    position: relative;
    right: 21px;
}
.viewPlaylistLink {
    position: absolute;
    top: 72px;
    width: 100%;
}
.wrapFix {
    height: 135px;
}
span.title a {
    color: #c6c6c6;
    word-break: break-word;
    word-wrap: break-word;
    text-decoration: none;
    font-size: 14px;
}
.number1 span {
    font-weight: 700;
    color: #fff;
}
.video-box-playlist .info-wrapper {
    bottom: 0;
    display: inline-block;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}
.video-box-playlist .info-wrapper .duration {
    background: #181818;
    background: rgba(0,0,0,.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: right;
    font-size: 10px;
    line-height: 17px;
    width: 34px;
    text-align: center;
}
.playlist-option-menu {
    margin-top: 5px;
    right: 51px;
    width: 200px;
}
.add-to-playlist-menu, .playlist-option-menu {
    background-color: #1b1b1b;
    position: absolute;
    z-index: 11;
}
.playlist-option-menu li {
    padding: 0!important;
}
#loadDiffPlaylist #scrollbar_loadExtra {
    max-height: 146px;
    overflow: auto;
    width: 193px!important;
}
.add-to-play:hover {
    background-color: #535353ba;
    color: #fff;
}
.playlist-option-menu li .nohref, .playlist-option-menu li a:hover {
    color: #FFF;
    font-size: 13px;
}
#loadDiffPlaylist ul {
    border-top: 1px dashed #313131;
    padding-left: 10px;
}
.video-box-playlist li.playing .thumb:hover {
    border: 2px solid #fffeff94;
}

.playlist-option-menu li .nohref, .playlist-option-menu li a {
    color: #7d7c7c;
    display: block;
    font-size: 12px;
    padding: 7px 10px;
    text-decoration: none;
}
.playlist-bar {
    background-color: #181818;
    border: 1px solid #181818;
    margin-bottom: -20px;
    margin-top: 50px;
    padding-top: 8px;
    border-radius: 4px;
}
.playlist-bar-menu {
    min-height: 28px;
    position: relative;
}
.playlist-bar-tray.slideDown {
    height: 132px;
}
.playlist-bar-tray {
    background-color: #101010;
    height: 132px;
    transition: height 1s ease-out;
    overflow: hidden;
}
.relative {
    position: relative;
}
.playlist-bar-menu .playlist-bar-info {
    font-size: 14px;
    margin-left: 10px;
    color: #acabab;
    float: left;
}
.playlist-bar-menu .playlist-bar-buttons {
    float: left;
    margin: -1px 0 0 10px;
}
.float-right {
    float: right;
}
.reset {
    clear: both;
    height: 1px;
    font-size: 1px;
}
.playlist-bar .errorMessage.playlistErrorHolder.displayNone {
    display: none;
}
.playlist-bar .errorMessage {
    color: red;
    display: none;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    background: #500;
    margin: 10px 10px 0 0;
}
.playlist-bar-menu .playlist-bar-info a {
    font-size: 17px;
}
.playlist-bar-menu .playlist-bar-info #countdown {
    line-height: 19px;
    font-size: 11px;
    font-weight: 400;
    margin: 2px 0 0 5px;
}
.absolute {
    position: absolute;
}
.playlist-bar-tray .arrow-l, .playlist-bar-tray .arrow-r {
    width: 40px;
    height: 132px;
    background: rgba(0,0,0,.7) url(https://di.phncdn.com/www-static/images/sprite-playlist2.png?cache=2021092105);
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;

}
.playlist-bar-tray .arrow-l, .playlist-bar-tray .arrow-l.inactive:hover {
    background-position: -327px 25px;
    top: 0;
    left: 0;
}

.playlist-bar-tray .arrow-r, .playlist-bar-tray .arrow-r.inactive:hover {
    background-position: -374px 25px;
    top: 0;
    right: 0;
}
.carousel-navigation {
    height: 132px;
    position: relative;
}
.slider-container {
    overflow: hidden;
}
.carousel ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 20000em;
}
.video-box-playlist {
    height: 99px;
}
.playlist-bar-tray .carouselLoader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: inherit;
    right: inherit;
    width: 100%;
    height: 100%;
    background-color: #101010;
    z-index: 10;
}
.playlist-bar-menu .playlist-bar-info a {
    font-size: 17px;
    text-decoration: none;
    color:#ed06ff;
}
.watchedVideoText {
    position: absolute;
    top: .375rem;
    left: .375rem;
    color: #fff;
    opacity: .65;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 12px;
    z-index: 1;
    border-radius: 1px;
    background-color: #1b1b1b;
    padding: 3px 6px 3px 7px;
    text-transform: uppercase;
    pointer-events: none;
}
.playListIcons {
    font-size: 20px;
    margin-right: 15px;
    color: #858484;
}
.paddingPlayIcons {
    padding-right: 10px;
    cursor: pointer;
}
.paddingPlayIcons:hover {
    color: #fff;
}
.playlist-bar-tray.slideUp {
    height: 0;
}
.video-box-playlist .title {
    color: #c6c6c6;
    float: left;
    font-weight: 700;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 122px;
    font-size: 14px;
}
.displayNone {
    display: none;
}
.video-box-playlist li {
    float: left;
    padding: 12px 7px;
}
.video-box-playlist li a {
    overflow: hidden;
    position: relative;
}
.video-box-playlist li .remove-from-carousel {
    display: none;
    position: absolute;
    right: 11px;
    top: 14px;
}
.video-box-playlist .remove-from-carousel button {
    width: 25px;
    height: 26px;
    background: #363636;
    color: #acabab;
    cursor: pointer;
    display: block;
    filter: none;
    font-size: 25px;
    font-weight: 700;
    line-height: 100%;
    outline: 0;
}
.playlist-bar button {
    background: 0 0;
    border: none;
    cursor: pointer;
    float: right;
    color: #858484;
    font-size: 19px;
    height: 25px;
}
.video-box-playlist li.playing .thumb {
    border: 2px solid #ed06ff94;
}
.video-box-playlist .thumb {
    width: 150px;
    height: 84px;
    border: 2px solid transparent;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    position: relative;
}

.display-none {
    display: none;
}
.pagination li:hover{
    cursor: pointer;
}
table tbody tr {
    display: none;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li {
    display: inline;
}

.edit-container {
    right: 10px;
    top: 30px;
}
.absolute {
    position: absolute;
}
.edit-container .buttonBase {
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.greyButton.light {
    background: #2f2f2f;
    color: #ccc;
}
.greyButton, .roseButton {
    border: none;
    border-radius: 4px;
    display: inline-block;
    font-family: inherit;
    font-weight: 400;
    margin: 0;
    padding: 6px 15px;
    cursor: pointer;
    position: relative;
    outline: 0 none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    vertical-align: top;
    text-decoration: none;
    font-weight: 700;
}
.buttonBase span {
    vertical-align: middle;
    display: inline-block;
}
#playlistTopHeader {
    padding-top: 15px;
    color: #848484;
    font-size: 12px;
    background: #181818;
    padding: 15px 15px 0;
}
#playlistTopHeader .playlistTitle {
    color: #ed06ff;
    cursor: pointer;
}
#playlistTopHeader h1 {
    display: inline-block;
    margin-right: 5px;
    font-size: 24px;
}
#userPlaylistActions {
    width: 100%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 10px 10px 0;
    margin-bottom: 20px;
    background: #181818;
    border-bottom: 1px solid #101010;
    display: flex;
}
#userPlaylistActions .votes-fav-wrap {
    display: flex;
    margin-left: 10px;
    margin-bottom: 6px;
    font-size: 22px;

}
#userPlaylistActions .votes-fav-wrap .icon-wrapper {
    margin-right: 15px;
    width: max-content;
    cursor: pointer;
}
#userPlaylistActions .votes-fav-wrap .icon-wrapper span {
    color: #848484;
    font-size: 10pt;
    padding-top: 2px;
    padding-left: 4px;
}
.rating-info-container {
    padding: 0 30px 20px;
}
.rating-info-container .views {
    width: 123px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 9pt;
    text-transform: uppercase;
    border-bottom: 2px solid;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.rating-info-container .views .count {
    font-size: 12pt;
    font-weight: 700;
}
.rating-info-container .votes-count-container span.percent {
    color: #a1a1a1;
    margin-right: 3px;
}
.playlistViewTab {
    float: left;
    width: 80%;
    margin-left: 20px;
    font-size: 14px;
    line-height: 12px;
}
.usernameWrap {
    display: inline-block;
}
.playlistViewTab .tagsWrap {
    margin: 15px 0;
    word-wrap: break-word;
}
.playlistViewTab .description {
    word-wrap: break-word;
}
.palylistA {
    text-decoration: none;
    font-weight: 600;
    color: #ed06ffc7;
}
.largeThumb {
    height: 100%;
}
span.title a:hover {
    color: #ed06ffc7;
}
#userPlaylistActions button.playlistButtons {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #1b1b1b;
    color: #848484;
    cursor: pointer;
    position: relative;
}
#userPlaylistActions button.playlistButtons.active, #userPlaylistActions button.playlistButtons:hover {
    color: #fff;
    border-color: #ed06ff;
}
#userPlaylistActions button.playlistButtons i {
    width: 12px;
    height: 12px;
    margin: 2px 4px 0 0;
    float: left;
}
.textt {
    font-size: 13px;
    display: inline-block;
    width: 93px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
}
.form-group label {
    margin-bottom: 4px;
}
.button-bar {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    text-align: right;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.button-bar button {
    padding: 6px 26px;
    margin-left: 5px;
    font-weight: 700;
    margin-top: 15px;
}
.roseButton {
    border: 0;
    background: #ed06ff;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.textP {
    font-size: 11px;
    display: inline-block;
    width: 93px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}
#deletPlaylists.buttonBase {
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.loadBtn {
    color: gray;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 3px 25px;
    background-color: #181818a8;
    text-decoration: none;
}
.loadBtn:hover {
    color: #fff;
    border: 1px solid #fff;
}
.live__cam__img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}
.live__cam__content {
    justify-content: space-between;
    border-bottom: 1px solid gray;
    display: flex;
    color: #fff;
    font-size: 15px;
    padding-top: 3px;
}
.cams {
    background: url(/assets/images/cam.svg) no-repeat 0 50%;
    background-size: auto;
}
.live__cam__wrapper {
    padding: 0 10px;
}
.live__cam__hd {
    position: absolute;
    color: #fff;
    background-color: #00000082;
    border-radius: 3px;
    padding: 0px 7px;
    right: 5px;
    bottom: 5px;
    font-size: 12px;
    font-weight: 600;
}
.live__cam__star {
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 18px;
    color: #00000082;
    cursor: pointer;
}
.live__cam__star:hover {
    color: #48484882;
}
.live__cam__tabs {
    color: gray;
    border: 1px solid #80808045;
    border-radius: 3px;
    padding: 6px 25px !important;
    background-color: #181818a8;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}
.active__tp {
    border-bottom: none;
    background-color: #111111;
}
.form-control:focus {
    box-shadow: none;
}
.chat__input:focus {
    background-color: #181818;
    border-color: gray;
    color: #fff;
}
.chat__send__btn {
    position: absolute !important;
    right: 5px;
    top: 5px !important;
    height: 28px !important;
    background-color: #eb09f4ba !important;
    color: #ffffffde !important;
}

.chat__input {
    border-radius: 5px;
    background-color: #181818;
    border: 1px solid gray;
    color:#fff;
    font-size: 12px;
    padding: 9px 9px !important;
}
.chat__msg__wrapper {
    display: flex;
    width: 100%;
    padding: 3px 10px;
}
.chat__msg__user {
    font-weight: 700;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: max-content;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    color: hsl(242deg 88% 66%);
}
.chat__msg__text {
    font-size: 12px;
    color: #fff;
    padding-left: 5px;
    font-weight: 300;
}
.chat__bio__contents table tbody tr {
    display: flex !important;
}
.chat__bio__contents table tbody tr td:first-child {
    display: none !important;
}
.upgrade__wrapper table tbody tr td:first-child {
    display: none !important;
}
.upgrade__wrapper table tbody tr th:first-child {
    display: none !important;
}
.upgrade__wrapper table tbody tr {
    display: flex !important;
}
.single__chat__title {
    height: auto;
    width: calc(100% - 92px);
    position: static;
    overflow: hidden;
    color: #ffffffb3;
    font-weight: 600;
    -webkit-tap-highlight-color: transparent;
}
.single__chat__title__wrapper {
    height: 32px;
    line-height: 24px;
    font-size: 12px;
    padding: 4px 0px 4px 9px;
    display: block;
}
.single__chat__title a {
    color: #ec09f5;
}
.chat__bio__tab {
    background-color: #181818;
    border-radius: 5px;
    padding: 10px 65px 14px 16px;
    color: #ffffffb3;
    font-weight: 600;
    text-align: left;
}
.chat__bio__contents {
    position: static;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    min-height: 325px;
    margin: 0px;
    box-sizing: border-box;
    padding-left: 8px;
    width: 100%;
    background-color: #181818;
    border-radius: 0px 5px 5px 5px;
    margin-top: 5px;
    color: #bababa;
}
.video__bottom__left {
    background-color: #3a3a3a70;
    margin: 5px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 26px;
    font-size: 12px;
    width: 270px;
    height: 69px;
    display: inline-block;
    vertical-align: top;
}
.chat__bio__contents__wrapper {
    overflow: hidden;
    position: relative;
    padding: 25px 8px;
}
.label {
    padding-bottom: 9px !important;
    height: 28px !important;
    font-weight: 600;
    color: #fff;
    width: 16%;
}

.video__bottom__left table tbody tr {
    display: table-row;
}
.video__bottom__left table tbody tr td:first-child {
    display: none;
}
.video__bottom__left table tbody tr th:first-child {
    display: none;
}
.chat__bio__contents table tbody tr th:first-child {
    display: none !important;
}
.video__bottom__wrapper {
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    display: block;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: block !important;
    width: 90%;
    text-align: left;
}
.video-js .vjs-picture-in-picture-control {
    display: none;
}
.chat__top__nav {
    background-color: #181818;
    padding: 7px 10px;
    font-weight: 600;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 12px;
    height: 32px;
    margin-bottom: 7px;
    color: #ffffffb3;
    display: flex;
}
.panelLink {
    color: #ef00f9;
}
.chat__top__nav a span {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
}
.chat__top__nav a {
    text-decoration: none;
    color: #bababa;
}
.ui-state-active .active__tb {
    border-bottom: 2px solid #ec09f5;
}
.chat__left__wrapper {
    background-color: #181818;
    padding: 0 0 10px 0;
    position: relative;
    border-radius: 5px;
    height: 100%;
}
.follow__text {
    height: 27px;
    width: auto;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    display: inline;
    font-size: 12px;
    padding: 3px 8px 2px;
    top: -4px;
    float: right;
    border-radius: 3px 0px 0px 3px;
    cursor: pointer;
    margin-right: 0px;
    border-width: 1px;
    border-style: solid;
}
.followed__arrow {
    height: 27px;
    width: auto;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    display: inline;
    font-size: 12px;
    padding: 0px 2px 5px;
    top: -4px;
    float: right;
    border-radius: 0px 3px 3px 0px;
    cursor: pointer;
    margin-right: 0px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
}
.follow__btn {
    height: 27px;
    width: auto;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    /* display: none; */
    background-color: gray;
    color: black;
    font-family: UbuntuMedium, Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 5px 8px 2px;
    top: -4px;
    float: right;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 0px;
    font-weight: 600;
}
.chat__fan__club {
    height: 26px;
    width: auto;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    display: block;
    font-size: 12px;
    padding: 4px 8px 2px;
    top: -4px;
    right: 1px;
    float: right;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 5px;
    color: #fff;
    background-color: #ed06ff7a;
}
.chat__fan__club span a {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}
.chat__like {
    height: 100%;
    width: auto;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    font-size: 12px;
    padding: 4px 10px;
    top: -4px;
    right: 1px;
    float: right;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 5px;
    background-color: #181818;
    color: #bababa;
}

#roomlist_pagination {
    margin: 30px auto 10px;
    padding: 8px 0 10px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
#roomlist_pagination>ul {
    height: 31px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
.paging {
    list-style: none;
    margin: 0;
    padding: 8px 0 10px;
    overflow: hidden;
    height: 22px;
    text-align: center;
}
#roomlist_pagination>ul.paging>li a.prev,
#roomlist_pagination>ul.paging>li a.next,
#roomlist_pagination>ul.paging>li.paging a.prev,
#roomlist_pagination>ul.paging>li.paging a.next,
#roomlist_pagination>ul.paging>span a.prev,
#roomlist_pagination>ul.paging>span a.next {
    border: 1px solid #808080;
    background: #111111;
    background-image: none;
    color: #808080;
    text-decoration: none;
}
#roomlist_pagination>ul>li a, #roomlist_pagination>ul>li.paging a, #roomlist_pagination>ul>span a {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    color: #525252;
    flex: 1 1 auto;
    height: 26px;
    padding: 0 10px;
    line-height: 26px;
    margin: 0 5px;
    white-space: nowrap;
    text-transform: capitalize;
    background: #fff;
    font-family: ubunturegular,Arial,Helvetica,sans-serif;
    font-size: 14px;
}
#roomlist_pagination>ul.paging>li a, #roomlist_pagination>ul.paging>li.paging a, #roomlist_pagination>ul.paging>span a {
    border: 1px solid #808080;
    background: #111111;
    color: #808080;
    text-decoration: none;
}

#roomlist_pagination>ul.paging>li.active>a, #roomlist_pagination>ul.paging>li.paging.active>a, #roomlist_pagination>ul.paging>span.active>a {
    background: 0 0;
    border: 1px solid transparent;
    color: #dddddd;
}
#roomlist_pagination>ul.paging span.endless_separator {
    color: #dddddd;
}

#roomlist_pagination>ul.paging>li.paging a:hover,
#roomlist_pagination>ul.paging>span a:hover {
    border: 1px solid #dddddd;
    color: #dddddd;
}
#roomlist_pagination>ul.paging>li a:hover,
#roomlist_pagination>ul.paging>li.paging a:hover,
#roomlist_pagination>ul.paging>span a:hover {
    border: 1px solid #dddddd;
    color: #dddddd;
}

.seg-title {
    font-size: 12px !important;
}
.seg-list {
    font-size: 11px !important;
    line-height: 15px !important;
}