/* author: Erol Tuna  */
@import url(https://fonts.googleapis.com/css?family=Satisfy);
/*
body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0;
  min-height: 100vh;
  background: #aaa;
}
 */
.plans-box-color {
  /*align-self: center;
  border: solid $bw transparent;
  padding: 3px;
  width: $l; height: $l;
  border-radius: 1.75*$bw;
  font: 2.5em /5em Satisfy, cursive;*/
  position: relative;
  float: left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-shadow: 0 0 1px currentColor, 0 0 2px dimgrey;
  cursor: pointer; }

.platin-btn {
  background: rgba(215, 197, 224, 0.5);
  background: -moz-linear-gradient(left, #d7c5e0 0%, rgba(213, 48, 144, 0.75) 51%, #00acd3 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d7c5e0), color-stop(51%, rgba(213, 48, 144, 0.75)), color-stop(100%, #00acd3));
  background: -webkit-linear-gradient(left, #d7c5e0 0%, rgba(213, 48, 144, 0.75) 51%, #00acd3 100%);
  background: -o-linear-gradient(left, #d7c5e0 0%, rgba(213, 48, 144, 0.75) 51%, #00acd3 100%);
  background: -ms-linear-gradient(left, #d7c5e0 0%, rgba(213, 48, 144, 0.75) 51%, #00acd3 100%);
  background: linear-gradient(to right, #d7c5e0 0%, rgba(213, 48, 144, 0.75) 51%, #00acd3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7c5e0', endColorstr='#00acd3', GradientType=1 );
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  color: #fff !important; }
  .platin-btn:hover {
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    opacity: 0.8; }

.platform {
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in; }
  .platform:hover {
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.75); }

@media screen and (min-width: 1440px) {
  .payment-tab-button-section {
    position: absolute;
    width: 100%; } }
/* author :  Erol Tuna  */
@media screen and (max-width: 1440px) {
  .channel-section .channel-select {
    font-size: 12px; }

  .plans-page {
    padding: .5rem 2rem; }
    .plans-page .plans-page-no span {
      height: 30px;
      line-height: 30px;
      width: 30px !important;
      font-size: 1.5rem; }
    .plans-page small {
      height: 30px;
      line-height: 30px;
      font-size: 1rem; }

  .account-avatars {
    overflow-y: scroll;
    height: 230px;
    overflow-x: hidden; }

  .avatar-section img {
    height: 50px; }

  #deleteplat .modal-content {
    height: 25vh !important; }

  #buy-modal .modal-content {
    height: 40vh !important; }

  .modal-body {
    height: 500px;
    overflow-y: scroll; }

  .avatar-sec {
    margin: 15px; }

  .login-description {
    top: 7vh; }
    .login-description h3 {
      font-size: 1rem; }
    .login-description p {
      font-size: 0.7rem; }

  footer {
    bottom: 10px; }
    footer .footer-menu ul li {
      height: 20px;
      line-height: 20px; }
      footer .footer-menu ul li a {
        font-size: 12px; }

  .channel-title .col-md-2 {
    max-width: 8.333%; }
  .channel-title .col-md-8.setting-middle {
    max-width: 83.333%;
    flex: 0 0 83.333%; }

  /* Author: Erol Tuna  */
  .settings-form .col-md-2 {
    max-width: 8.333%; }
  .settings-form .col-md-8.setting-middle {
    max-width: 83.333%;
    flex: 0 0 83.333%; }
    .settings-form .col-md-8.setting-middle .settings-form input[type=text] {
      margin: 0px 0px;
      border-radius: 5px; }
    .settings-form .col-md-8.setting-middle .settings-form textarea {
      margin: 0px 0px;
      border-radius: 5px;
      min-height: 123px; }

  .slide-menu-content .slide-inside {
    height: 100vh; }
    .slide-menu-content .slide-inside::-webkit-scrollbar {
      width: 0px; }
  .slide-menu-content #live .broadcast-information {
    overflow-y: scroll;
    height: 20vh;
    overflow-x: hidden;
    scrollbar-width: none; }
    .slide-menu-content #live .broadcast-information::-webkit-scrollbar {
      width: 0px; }
  .slide-menu-content #live .table-information {
    margin: 0px 0px 15px 0px; }

  .switch {
    width: 60px !important;
    height: 20px; }
    .switch:before {
      width: 40px;
      height: 20px; }

  .edited-box .slider.round:before {
    height: 20px;
    width: 30px; }
  .edited-box input:checked + .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }

  .transcode-section small {
    font-size: 11px !important; } }
/* a u t h o r:     E r o l     T u n a  */
@media screen and (max-width: 1368px) {
  .billing-section input[type=text], .billing-section .billing-select-country {
    height: 35px;
    line-height: 35px;
    font-size: 12px; }

  .promotion-section {
    height: 35px;
    line-height: 35px; }
    .promotion-section .promotion-code-btn {
      height: 35px;
      line-height: 35px;
      font-size: 12px; }
      .promotion-section .promotion-code-btn i {
        left: 10px;
        line-height: 33px; }
    .promotion-section .promotion input[type=text] {
      height: 35px;
      line-height: 33px;
      font-size: 12px;
      font-size: 12px; }
    .promotion-section .promotion button[type=submit] {
      height: 35px;
      line-height: 33px; }

  .platform small {
    font-size: 12px;
    margin: 0px !important; }

  .payment-information input[type=text], .payment-information .billing-select-country {
    height: 35px;
    line-height: 35px;
    font-size: 12px; }

  .most-preferred {
    margin: -13px -36px 0px 0px;
    width: 55%; }

  .plans-packs {
    height: 35px;
    line-height: 35px;
    font-size: 12px; }
    .plans-packs input[type=radio] {
      margin: 7px 0px; }
    .plans-packs small {
      padding: 0px 10px;
      height: 35px;
      line-height: 35px; }

  .annually {
    margin: 0px -35px 0px 0px;
    width: 45%; }

  .platform-price {
    font-size: 1.5rem; }

  .price-discount span {
    font-size: 1rem; }

  .platform-price-small p {
    font-size: 1rem !important; }

  .plans-page {
    padding: .5rem 2rem; }
    .plans-page .plans-page-no span {
      height: 30px;
      line-height: 30px;
      width: 30px !important;
      font-size: 1.5rem; }
    .plans-page small {
      height: 30px;
      line-height: 30px;
      font-size: 1rem; }

  .account-setting {
    margin: 0px auto; }

  .account-avatars {
    overflow-y: scroll;
    height: 230px;
    overflow-x: hidden; }

  .avatar-section img {
    height: 50px; }

  #deleteplat .modal-content {
    height: 25vh !important; }

  #buy-modal .modal-content {
    height: 40vh !important; }

  .modal-body {
    height: 500px;
    overflow-y: scroll; }

  .avatar-sec {
    margin-top: 30px; }

  .login-description {
    top: 3vh; }
    .login-description h3 {
      font-size: 1rem; }
    .login-description p {
      font-size: 0.7rem; }

  footer {
    bottom: 10px; }
    footer .footer-menu ul li {
      height: 20px;
      line-height: 20px; }
      footer .footer-menu ul li a {
        font-size: 12px; }

  .channel-title .col-md-2 {
    max-width: 8.333%; }
  .channel-title .col-md-8.setting-middle {
    max-width: 83.333%;
    flex: 0 0 83.333%; }

  .settings-form .col-md-2 {
    max-width: 8.333%; }
  .settings-form .col-md-8.setting-middle {
    max-width: 83.333%;
    flex: 0 0 83.333%; }
    .settings-form .col-md-8.setting-middle .settings-form input[type=text] {
      margin: 0px 0px;
      border-radius: 5px; }
    .settings-form .col-md-8.setting-middle .settings-form textarea {
      margin: 0px 0px;
      border-radius: 5px;
      min-height: 123px; }

  .slide-menu-content .slide-inside {
    height: 100vh; }
    .slide-menu-content .slide-inside::-webkit-scrollbar {
      width: 0px; }
  .slide-menu-content #live .broadcast-information {
    overflow-y: scroll;
    height: 20vh;
    overflow-x: hidden;
    scrollbar-width: none; }
    .slide-menu-content #live .broadcast-information::-webkit-scrollbar {
      width: 0px; }
  .slide-menu-content #live .table-information {
    margin: 0px 0px 15px 0px; }

  .switch {
    width: 60px !important;
    height: 20px; }
    .switch:before {
      width: 40px;
      height: 20px; }

  .edited-box .slider.round:before {
    height: 20px;
    width: 30px; }
  .edited-box input:checked + .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }

  .transcode-section small:first-child {
    font-size: 11px !important;
    width: 60% !important; }
  .transcode-section .switch-class {
    width: 40% !important; }

  .enable-chat small {
    font-size: 10px !important; }

  .thumbnail .thumbnail-inside small {
    font-size: 10px !important; } }
@media screen and (max-width: 1280px) {
  .transcode-section small {
    font-size: 9px !important; }

  .enable-chat input[type=checkbox] {
    margin: 5px 5px 0px 0px;
    float: right;
    right: 0; }

  .logo-section a img {
    height: 45px; }

  .account-menu {
    height: 40px;
    line-height: 40px; }
    .account-menu .account-avatar img {
      max-width: 100%;
      height: 40px; }
    .account-menu .account-avatar .account-menu-inside {
      margin-top: 10px; }
      .account-menu .account-avatar .account-menu-inside .acount-menu-arrow {
        left: 10px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-top: 10px solid transparent;
        top: -22px; }
      .account-menu .account-avatar .account-menu-inside ul li {
        height: 25px;
        line-height: 25px; }
        .account-menu .account-avatar .account-menu-inside ul li a {
          font-size: 12px; }
    .account-menu .account-name {
      font-size: 12px; }
      .account-menu .account-name .account-status {
        height: 20px; }

  .modal .modal-dialog {
    max-width: 800px; }
    .modal .modal-dialog .modal-body {
      height: auto; }

  .avatar-section {
    margin-top: 45px; }

  #plansmodal .modal-dialog .modal-content .modal-body .avatar-sec {
    margin-top: 2rem; }
  #plansmodal .modal-dialog .modal-content .modal-body .account-setting {
    margin: 5px 0px; }
    #plansmodal .modal-dialog .modal-content .modal-body .account-setting ul li {
      height: 20px;
      line-height: 20px; }
      #plansmodal .modal-dialog .modal-content .modal-body .account-setting ul li a {
        font-size: 12px; }
  #plansmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform {
    margin: 5px 0px; }
    #plansmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform input[type=submit] {
      margin: 5px 0px; }
    #plansmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform h3 {
      font-size: 15px; }
    #plansmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform p {
      font-size: 12px; }
    #plansmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform small {
      font-size: 12px;
      margin: 0px; }
  #plansmodal .modal-dialog .modal-content .modal-body .col-md-12 {
    padding: 0px 5px; }
    #plansmodal .modal-dialog .modal-content .modal-body .col-md-12 .platform {
      margin: 5px 0px; }
  #plansmodal .modal-dialog .modal-content .modal-footer {
    padding: 0px !important; }

  #accountmodal .modal-dialog .modal-content .modal-body .avatar-sec {
    margin-top: 2rem; }
  #accountmodal .modal-dialog .modal-content .modal-body .account-setting {
    margin: 10px 0px; }
    #accountmodal .modal-dialog .modal-content .modal-body .account-setting ul li a {
      font-size: 12px; }
  #accountmodal .modal-dialog .modal-content .modal-body .col-md-4 {
    padding: 0px 5px; }
    #accountmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform {
      margin: 5px 0px; }
      #accountmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform input[type=submit] {
        margin: 5px 0px; }
      #accountmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform h3 {
        font-size: 16px; }
      #accountmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform p {
        font-size: 12px; }
      #accountmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform small {
        font-size: 12px; }
  #accountmodal .modal-dialog .modal-content .modal-body .col-md-12 {
    padding: 0px 5px; }

  .payment-card-section .card-img .card-edit-inside .creditcard-header h3 {
    margin: 0.5rem 0.5rem;
    height: 20px;
    line-height: 20px;
    font-size: 12px; }
  .payment-card-section .card-img .card-edit-inside .creditcard-header h4 {
    margin: 0.5rem 0.5rem;
    height: 20px;
    line-height: 20px;
    font-size: 12px; }
  .payment-card-section .card-img .card-edit-inside img {
    padding: 0 0.5rem;
    height: 20px !important; }
  .payment-card-section .card-img .card-edit-inside .card-numbers {
    padding: 0px;
    font-size: 12px; }
  .payment-card-section .card-img .card-edit-inside .card-security {
    padding: 0 0.5rem;
    font-size: 12px; }
  .payment-card-section .card-img .card-edit-inside .card-date {
    font-size: .8rem; }
    .payment-card-section .card-img .card-edit-inside .card-date small {
      font-size: 0.5rem;
      height: 14px; }
  .payment-card-section .card-img .card-edit-inside .card-name {
    padding: 0rem 0.5rem;
    color: #fff;
    font-size: 0.8rem; } }
@media screen and (max-width: 768px) {
  .payment-tab-fixed {
    margin-top: 0px; }

  .app-channels {
    padding-top: 7rem; }

  .stream-box {
    width: 50%;
    padding: 10px; }
    .stream-box img.stream-img {
      width: auto;
      height: auto; }

  .payment-image h3 {
    font-size: 14px; }
  .payment-image h4 {
    font-size: 14px; }

  #jsNonEmptyChannelsList {
    bottom: -110px; }

  .channell-switch-btn {
    top: 38px; }

  .modal-dialog#plans-modal .modal-content .modal-body .col-md-4 .platform small {
    height: auto !important;
    margin: 3px 0px !important; }

  .scaleone {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

  .setup-platform {
    padding: 7rem 0 0 0; }
    .setup-platform .setup-section .col-md-5 {
      width: 50%; } }
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .lockpopup {
    display: none; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .lockpopup {
    display: block;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 9999999999;
    background: #00acd3;
    background: -moz-linear-gradient(-45deg, #00acd3 0%, #d53091 52%, #d7c5e0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #00acd3), color-stop(52%, #d53091), color-stop(100%, #d7c5e0));
    background: -webkit-linear-gradient(-45deg, #00acd3 0%, #d53091 52%, #d7c5e0 100%);
    background: -o-linear-gradient(-45deg, #00acd3 0%, #d53091 52%, #d7c5e0 100%);
    background: -ms-linear-gradient(-45deg, #00acd3 0%, #d53091 52%, #d7c5e0 100%);
    background: linear-gradient(135deg, #00acd3 0%, #d53091 52%, #d7c5e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acd3', endColorstr='#d7c5e0', GradientType=1 ); }
    .lockpopup .lockpopup-title {
      color: #fff;
      font-size: 25px; }
    .lockpopup i {
      font-size: 65px;
      color: #fff; } }
@media screen and (max-width: 768px) {
  body {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }

  .notifications {
    position: fixed;
    width: 100%;
    margin-top: 0px;
    right: calc(-100% - 20px);
    z-index: 999; }

  .alert-menu {
    right: 0px; }

  .alert-display {
    right: calc(100% + 20px) !important; }

  .mobile-menu {
    overflow-y: scroll;
    height: 100vh; }

  .username-section {
    margin-top: 40px; }

  .modal-body {
    overflow-y: scroll;
    height: 100px;
    overflow-x: hidden; }

  #socialalertsmodal .social-info {
    font-size: 12px; }
  #socialalertsmodal .social-post textarea {
    min-height: auto; }

  .login-body {
    height: 100vh; }
    .login-body header {
      padding: 20px 0px; }

  .broadcast-information {
    height: auto !important;
    overflow: hidden !important; }

  #buy-modal .modal-content {
    height: 100% !important; }

  .open-mobile-menu {
    display: block !important; }

  .mobile-menu-out {
    display: none;
    width: 100%;
    position: fixed;
    z-index: 999999;
    background: url(../img/mobile-background.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333333;
    height: 100%;
    top: 0px; }
    .mobile-menu-out #mobil-menu {
      height: 100%; }
      .mobile-menu-out #mobil-menu .mobile-menu .mobile-menu-header {
        padding: 20px 15px; }
        .mobile-menu-out #mobil-menu .mobile-menu .mobile-menu-header .logo-section {
          float: left;
          width: 50%;
          margin: 0px; }
          .mobile-menu-out #mobil-menu .mobile-menu .mobile-menu-header .logo-section img {
            height: 40px; }
        .mobile-menu-out #mobil-menu .mobile-menu .mobile-menu-header .mobile-button-close {
          float: left;
          width: 50%;
          height: 40px; }
          .mobile-menu-out #mobil-menu .mobile-menu .mobile-menu-header .mobile-button-close img {
            height: 40px;
            width: 40px;
            float: right; }
      .mobile-menu-out #mobil-menu .mobile-menu ul {
        margin: 0px;
        padding: 80px 15% 0px 15%; }
        .mobile-menu-out #mobil-menu .mobile-menu ul li {
          text-align: center;
          min-height: 65px;
          line-height: 65px;
          list-style: none;
          border-bottom: 1px solid #fff; }
          .mobile-menu-out #mobil-menu .mobile-menu ul li a {
            text-decoration: none;
            color: #fff;
            width: 100%;
            float: left; }
          .mobile-menu-out #mobil-menu .mobile-menu ul li .account-menu {
            float: none !important;
            margin: 0px;
            height: 65px;
            line-height: 65px; }
            .mobile-menu-out #mobil-menu .mobile-menu ul li .account-menu .account-avatar img {
              height: 45px;
              margin-top: 0px; }

  .plans-page {
    padding: 0.5rem; }

  .plans-page small {
    font-size: 0.7rem; }

  .mobile-button {
    width: 50%;
    float: left;
    height: 40px;
    display: block;
    cursor: pointer; }
    .mobile-button img {
      float: right;
      height: 40px;
      width: 40px; }
      .mobile-button img.menu-icon-close {
        display: none; }

  #buy-modal .modal-content {
    height: 100vh !important; }

  .modal {
    padding: 0px !important; }
    .modal .modal-dialog {
      height: 100%;
      margin: 0px; }
      .modal .modal-dialog .modal-content {
        padding: 0px 5%;
        height: 100%;
        border-radius: 0px !important; }
        .modal .modal-dialog .modal-content .modal-header button {
          background: url("../img/mobile-close.svg");
          margin: 0px; }
          .modal .modal-dialog .modal-content .modal-header button span {
            display: none; }
        .modal .modal-dialog .modal-content .modal-body {
          padding: 0px !important;
          height: 500px; }
          .modal .modal-dialog .modal-content .modal-body .faq-box {
            float: left; }
            .modal .modal-dialog .modal-content .modal-body .faq-box .faq-desc {
              height: 65vh !important; }

  .avatar-sec {
    margin: 0px !important; }
    .avatar-sec .avatar-section img {
      height: 50px; }
      .avatar-sec .avatar-section img.success-alerts {
        height: 70px !important; }

  #account .center-section {
    width: 70%; }

  .broadcast-information .info-inside {
    height: auto; }
    .broadcast-information .info-inside .info-img {
      width: 20%;
      height: 20px;
      line-height: 20px; }
    .broadcast-information .info-inside small {
      width: 50%;
      height: 20px;
      line-height: 20px; }
      .broadcast-information .info-inside small:nth-child(3) {
        text-align: right;
        width: 30%; }
    .broadcast-information .info-inside .info-buy {
      width: 100%;
      height: 20px;
      line-height: 20px;
      margin: 5px 0px; }

  .account-avatars {
    scrollbar-width: none; }
    .account-avatars::-webkit-scrollbar {
      width: 0px; }
    .account-avatars .account-avatarbox {
      width: 33.333%;
      padding: 0px 2px; }
      .account-avatars .account-avatarbox img {
        padding: 0px; }
        .account-avatars .account-avatarbox img.active {
          border: 3px solid #333; }

  .login-cokie p {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
    height: auto;
    margin: 0px !important; }

  .login-description {
    display: none; }

  header {
    position: absolute;
    padding: 50px 0px;
    top: 0px; }
    header .col-md-3, header .col-md-6 {
      padding: 0px 15px; }
    header .logo-section {
      text-align: center;
      margin: 0px; }
      header .logo-section a img {
        height: 40px; }
    header #account-menu {
      display: none; }
    header .header-menu {
      display: none; }

  .login {
    height: auto;
    text-align: center; }
    .login .align-middle .circle-out {
      height: 300px;
      width: 300px; }
    .login .align-middle .circle {
      height: 300px;
      width: 300px; }
      .login .align-middle .circle .social-home {
        display: none;
        transform: rotate(90deg);
        height: 300px;
        width: 600px;
        /**/ }
        .login .align-middle .circle .social-home .login-icons {
          height: 20px;
          width: 20px;
          transform: rotate(-90deg); }
          .login .align-middle .circle .social-home .login-icons img {
            float: left;
            height: 20px;
            width: 20px; }
        .login .align-middle .circle .social-home .tech-slideshow {
          height: 2px;
          max-width: 200px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          transform: translate3d(0, 0, 0); }
        .login .align-middle .circle .social-home .tech-slideshow > div {
          height: 2px;
          width: 600px;
          border-bottom: 2px dashed #fff;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          transform: translate3d(0, 0, 0); }
        .login .align-middle .circle .social-home .tech-slideshow .mover-1 {
          animation: moveSlideshow 12s linear infinite; }
        .login .align-middle .circle .social-home .tech-slideshow .mover-2 {
          opacity: 0;
          transition: opacity 0.5s ease-out;
          background-position: 0 -200px;
          animation: moveSlideshow 15s linear infinite; }
        .login .align-middle .circle .social-home .tech-slideshow:hover .mover-2 {
          opacity: 1; }
  @keyframes moveSlideshow {
    100% {
      transform: translateX(-66.6666%); } }
        .login .align-middle .circle .social-home .facebook-live-arrow {
          top: 45px;
          left: 100px;
          height: 5px;
          max-width: 180px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          transform: rotate(180deg); }
        .login .align-middle .circle .social-home .facebook-live-arrow > div {
          height: 5px;
          width: 600px;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          transform: translate3d(0, 0, 0);
          background: url("../img/lineoval.svg");
          background-repeat: repeat;
          height: 5px; }
        .login .align-middle .circle .social-home .facebook-live-arrow .mover-1 {
          animation: moveSlideshow 15s linear infinite; }
        .login .align-middle .circle .social-home .facebook-live-arrow .mover-2 {
          opacity: 0;
          transition: opacity 0.5s ease-out;
          background-position: 0 -200px;
          animation: moveSlideshow 15s linear infinite; }
  @keyframes rotatingZ {
    from {
      -ms-transform: rotate3d(1, 0, 0, 0deg);
      -moz-transform: rotate3d(1, 0, 0, 0deg);
      -webkit-transform: rotate3d(1, 0, 0, 0deg);
      -o-transform: rotate3d(1, 0, 0, 0deg);
      transform: rotate3d(1, 0, 0, 0deg); }
    to {
      -ms-transform: rotate3d(1, 0, 0, 360deg);
      -moz-transform: rotate3d(1, 0, 0, 360deg);
      -webkit-transform: rotate3d(1, 0, 0, 360deg);
      -o-transform: rotate3d(1, 0, 0, 360deg);
      transform: rotate3d(1, 0, 0, 360deg); } }
        .login .align-middle .circle .social-home .rotatingZ {
          -webkit-animation: rotatingZ 2s linear infinite;
          -moz-animation: rotatingZ 2s linear infinite;
          -ms-animation: rotatingZ 2s linear infinite;
          -o-animation: rotatingZ 2s linear infinite;
          animation: rotatingZ 2s linear infinite; }
        .login .align-middle .circle .social-home .youtube-live-arrow {
          top: 75px;
          left: 125px;
          height: 5px;
          max-width: 180px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          transform: rotate(180deg); }
        .login .align-middle .circle .social-home .youtube-live-arrow > div {
          height: 5px;
          width: 600px;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          transform: translate3d(0, 0, 0);
          background: url("../img/lineoval.svg");
          background-repeat: repeat;
          height: 5px; }
        .login .align-middle .circle .social-home .youtube-live-arrow .mover-1 {
          animation: moveSlideshow 12s linear infinite; }
        .login .align-middle .circle .social-home .youtube-live-arrow .mover-2 {
          opacity: 0;
          transition: opacity 0.5s ease-out;
          background-position: 0 -200px;
          animation: moveSlideshow 15s linear infinite; }
        .login .align-middle .circle .social-home .periscope-live-arrow {
          top: 105px;
          left: 150px;
          height: 5px;
          max-width: 180px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          transform: rotate(180deg); }
        .login .align-middle .circle .social-home .periscope-live-arrow > div {
          height: 5px;
          width: 600px;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          transform: translate3d(0, 0, 0);
          background: url("../img/lineoval.svg");
          background-repeat: repeat; }
        .login .align-middle .circle .social-home .periscope-live-arrow .mover-1 {
          animation: moveSlideshow 12s linear infinite; }
        .login .align-middle .circle .social-home .periscope-live-arrow .mover-2 {
          opacity: 0;
          transition: opacity 0.5s ease-out;
          background-position: 0 -200px;
          animation: moveSlideshow 15s linear infinite; }
        .login .align-middle .circle .social-home .twitch-live-arrow {
          top: 135px;
          left: 150px;
          height: 5px;
          max-width: 180px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          transform: rotate(180deg); }
        .login .align-middle .circle .social-home .twitch-live-arrow > div {
          height: 5px;
          width: 600px;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          transform: translate3d(0, 0, 0);
          background: url("../img/lineoval.svg");
          background-repeat: repeat;
          height: 5px; }
        .login .align-middle .circle .social-home .twitch-live-arrow .mover-1 {
          animation: moveSlideshow 12s linear infinite; }
        .login .align-middle .circle .social-home .twitch-live-arrow .mover-2 {
          opacity: 0;
          transition: opacity 0.5s ease-out;
          background-position: 0 -200px;
          animation: moveSlideshow 15s linear infinite; }
        .login .align-middle .circle .social-home .vk-live-arrow {
          top: 165px;
          left: 150px;
          height: 5px;
          max-width: 180px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          transform: rotate(180deg); }
        .login .align-middle .circle .social-home .vk-live-arrow > div {
          height: 5px;
          width: 600px;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          transform: translate3d(0, 0, 0);
          background: url("../img/lineoval.svg");
          background-repeat: repeat;
          height: 5px; }
        .login .align-middle .circle .social-home .vk-live-arrow .mover-1 {
          animation: moveSlideshow 12s linear infinite; }
        .login .align-middle .circle .social-home .vk-live-arrow .mover-2 {
          opacity: 0;
          transition: opacity 0.5s ease-out;
          background-position: 0 -200px;
          animation: moveSlideshow 15s linear infinite; }
        .login .align-middle .circle .social-home .mixer-live-arrow {
          top: 195px;
          left: 125px;
          height: 5px;
          max-width: 180px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          transform: rotate(180deg); }
        .login .align-middle .circle .social-home .mixer-live-arrow > div {
          height: 5px;
          width: 600px;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          transform: translate3d(0, 0, 0);
          background: url("../img/lineoval.svg");
          background-repeat: repeat; }
        .login .align-middle .circle .social-home .mixer-live-arrow .mover-1 {
          animation: moveSlideshow 12s linear infinite; }
        .login .align-middle .circle .social-home .mixer-live-arrow .mover-2 {
          opacity: 0;
          transition: opacity 0.5s ease-out;
          background-position: 0 -200px;
          animation: moveSlideshow 15s linear infinite; }
        .login .align-middle .circle .social-home .youtube-gaming-live-arrow {
          top: 225px;
          left: 100px;
          height: 5px;
          max-width: 180px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          transform: rotate(180deg); }
        .login .align-middle .circle .social-home .youtube-gaming-live-arrow > div {
          height: 5px;
          width: 600px;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          transform: translate3d(0, 0, 0);
          background: url("../img/lineoval.svg");
          background-repeat: repeat;
          height: 5px; }
        .login .align-middle .circle .social-home .youtube-gaming-live-arrow .mover-1 {
          animation: moveSlideshow 12s linear infinite; }
        .login .align-middle .circle .social-home .youtube-gaming-live-arrow .mover-2 {
          opacity: 0;
          transition: opacity 0.5s ease-out;
          background-position: 0 -200px;
          animation: moveSlideshow 15s linear infinite; }
        .login .align-middle .circle .social-home .facebook-live-icon {
          right: 90px;
          top: 35px; }
        .login .align-middle .circle .social-home .youtube-live-icon {
          right: 65px;
          top: 70px; }
        .login .align-middle .circle .social-home .periscope-live-icon {
          right: 50px;
          top: 105px; }
        .login .align-middle .circle .social-home .twitch-live-icon {
          right: 45px;
          top: 140px; }
        .login .align-middle .circle .social-home .vk-live-icon {
          right: 50px;
          top: 175px; }
        .login .align-middle .circle .social-home .mixer-live-icon {
          right: 65px;
          top: 210px; }
        .login .align-middle .circle .social-home .youtube-gaming-live-icon {
          right: 90px;
          top: 245px; }
        .login .align-middle .circle .social-home .camera-live-icon {
          left: 50px;
          top: 130px; }
        .login .align-middle .circle .social-home .camera-icon {
          position: absolute;
          z-index: 12;
          height: 40px;
          width: 40px;
          transform: rotate(-90deg); }
          .login .align-middle .circle .social-home .camera-icon img {
            height: 40px;
            width: 40px; }
        .login .align-middle .circle .social-home .camera-live-arrow {
          top: 115px;
          left: -122px;
          height: 5px;
          max-width: 180px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          transform: rotate(180deg); }
        .login .align-middle .circle .social-home .camera-live-arrow > div {
          height: 2px;
          width: 600px;
          /*border-bottom:5px dashed #fff;*/
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          transform: translate3d(0, 0, 0);
          background: url("../img/round.svg");
          background-repeat: repeat;
          height: 5px; }
        .login .align-middle .circle .social-home .camera-live-arrow .mover-1 {
          animation: moveSlideshow 12s linear infinite; }
        .login .align-middle .circle .social-home .camera-live-arrow .mover-2 {
          opacity: 0;
          transition: opacity 0.5s ease-out;
          background-position: 0 -200px;
          animation: moveSlideshow 15s linear infinite; }
      .login .align-middle .circle .circle-insade {
        height: 250px;
        width: 250px;
        padding: 0px; }
        .login .align-middle .circle .circle-insade .sign-in h3 {
          font-size: 16px;
          height: 30px;
          line-height: 30px;
          margin: 4px 0px; }
        .login .align-middle .circle .circle-insade .sign-up h3 {
          font-size: 16px;
          height: 30px;
          line-height: 30px;
          margin: 4px 0px; }
        .login .align-middle .circle .circle-insade .btn-social {
          padding: 0px 25px;
          line-height: 18px !important;
          height: 18px; }
          .login .align-middle .circle .circle-insade .btn-social :first-child {
            line-height: 18px !important;
            height: 18px;
            width: 18px; }
        .login .align-middle .circle .circle-insade .section-signup {
          display: flex; }
          .login .align-middle .circle .circle-insade .section-signup .reset-password {
            margin: 5px 0px; }
          .login .align-middle .circle .circle-insade .section-signup .form-group {
            margin-bottom: 0.4rem; }
          .login .align-middle .circle .circle-insade .section-signup label {
            font-size: 10px; }
          .login .align-middle .circle .circle-insade .section-signup form input[type=checkbox] {
            height: 14px; }
          .login .align-middle .circle .circle-insade .section-signup .form-check {
            margin: 0px !important;
            text-align: center;
            height: 20px;
            line-height: 20px; }
          .login .align-middle .circle .circle-insade .section-signup .btn-purple {
            width: 100%;
            height: 20px;
            line-height: 20px;
            background: #A51389;
            color: #fff;
            text-align: center;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 0px !important;
            margin: 5px 0px;
            cursor: pointer;
            font-size: 12px; }
            .login .align-middle .circle .circle-insade .section-signup .btn-purple img {
              height: 16px;
              margin-bottom: 2px; }
          .login .align-middle .circle .circle-insade .section-signup .forgot-password-text {
            font-size: 12px; }
        .login .align-middle .circle .circle-insade .col-md-6 {
          width: 50%; }
      .login .align-middle .circle form input {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        border-radius: 5px; }

  .modal#selectchannelmodal .modal-dialog .modal-content .modal-body {
    height: 100px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important; }
    .modal#selectchannelmodal .modal-dialog .modal-content .modal-body .app-channels .stream-box {
      width: 33.333%; }
      .modal#selectchannelmodal .modal-dialog .modal-content .modal-body .app-channels .stream-box .stream-img {
        height: 80px;
        width: 80px; }
    .modal#selectchannelmodal .modal-dialog .modal-content .modal-body .setup-platform .setup-section .col-md-5 {
      width: 50%; }
  .modal#selectchannelmodal .modal-dialog .modal-content .ad-channel-footer .plans-page {
    padding: 1rem 0.4rem; }
    .modal#selectchannelmodal .modal-dialog .modal-content .ad-channel-footer .plans-page .plans-page-no small {
      padding: 0px 0.3rem;
      font-size: 0.7rem; }

  #player_container {
    position: relative; }
    #player_container .stream-information {
      left: 0;
      width: 100%;
      z-index: 9999; }

  .modal#plansmodal .modal-dialog .modal-content .modal-body {
    height: 100px;
    overflow-y: scroll;
    overflow-x: hidden; }
    .modal#plansmodal .modal-dialog .modal-content .modal-body .row {
      margin-right: -10px;
      margin-left: -10px; }
    .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-4 {
      width: 50%;
      padding: 0px 5px; }
      .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform {
        padding: 0.5rem;
        min-height: 210px;
        margin: 5px 0px; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform input[type=submit] {
          margin: 5px 0px;
          height: 20px;
          line-height: 20px;
          font-size: 10px;
          padding: 0px; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform p {
          font-size: 10px; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-4 .platform small {
          margin: 1px 0px;
          font-size: 10px; }
    .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12 {
      width: 50%;
      font-size: 8px; }
      .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12.freelife {
        width: 100%; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12.freelife .free-lifetime {
          width: 200%; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12.freelife .platform-free .col-md-2 {
          width: 30%; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12.freelife .platform-free .col-md-10 {
          width: 70%; }
          .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12.freelife .platform-free .col-md-10 .free-platform-info h3 {
            font-size: 13px; }
          .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12.freelife .platform-free .col-md-10 .free-platform-info p {
            font-size: 10px;
            margin: 0px; }
          .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12.freelife .platform-free .col-md-10 .free-platform-info small {
            font-size: 11px; }
      .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12 .platform {
        margin: 5px 0px;
        min-height: 210px;
        padding: 0.5rem; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12 .platform p {
          font-size: 10px; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12 .platform .col-md-4 {
          width: 100%; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12 .platform input[type=submit] {
          margin: 0px 0px;
          height: 20px;
          line-height: 20px;
          font-size: 10px;
          padding: 0px; }
        .modal#plansmodal .modal-dialog .modal-content .modal-body .col-md-12 .platform small {
          margin: 1px 0px;
          font-size: 10px; }
  .modal#plansmodal .modal-dialog .modal-content .modal-footer .plans-page {
    padding: 1rem 0.4rem; }
    .modal#plansmodal .modal-dialog .modal-content .modal-footer .plans-page .plans-page-no small {
      padding: 0px 0.3rem;
      font-size: 0.7rem; }

  #deleteplat .modal-content {
    height: 100% !important; }

  .orderbyname {
    display: none; }

  #orders .history-section {
    width: 100%;
    text-align: center;
    margin: 5px 0px; }
  #orders .search-form {
    float: left;
    width: 89%;
    padding: 0px 10px;
    margin-top: -136px; }
  #orders .history-table table th {
    font-size: 0.5rem; }
    #orders .history-table table th i {
      display: none; }
  #orders .history-table table td {
    font-size: .5rem;
    font-weight: 300;
    border-left: 1px solid; }
    #orders .history-table table td :first-child {
      border-left: 0px !important; }
  #orders .history-table::-webkit-scrollbar {
    width: 0px; }
  #orders .history-table::-webkit-scrollbar-track {
    border-radius: 10px; }
  #orders .history-table::-webkit-scrollbar-thumb {
    background: none;
    border-radius: 10px; }

  .gj-datepicker [role=right-icon] {
    width: auto; }

  #history .history-section {
    width: 100%;
    text-align: center;
    margin: 5px 0px; }
  #history .search-form {
    float: left;
    width: 89%;
    padding: 0px 10px;
    margin-top: -130px; }
  #history .history-table table th {
    font-size: 0.5rem; }
    #history .history-table table th i {
      display: none; }
  #history .history-table table td {
    font-size: .5rem;
    font-weight: 300;
    border-left: 1px solid; }
    #history .history-table table td :first-child {
      border-left: 0px !important; }
  #history .history-table::-webkit-scrollbar {
    width: 0px; }
  #history .history-table::-webkit-scrollbar-track {
    border-radius: 10px; }
  #history .history-table::-webkit-scrollbar-thumb {
    background: none;
    border-radius: 10px; }

  #paymentbillingmodal .modal-content .modal-body {
    overflow-x: scroll; }
    #paymentbillingmodal .modal-content .modal-body .billing-section {
      border-bottom: 1px solid #b5b5b5 !important;
      border-right: 0px !important;
      margin: 1rem 0px;
      padding: 1rem 0px 2rem 0px; }
    #paymentbillingmodal .modal-content .modal-body::-webkit-scrollbar {
      width: 0px; }
    #paymentbillingmodal .modal-content .modal-body::-webkit-scrollbar-track {
      border-radius: 10px; }
    #paymentbillingmodal .modal-content .modal-body::-webkit-scrollbar-thumb {
      background: none;
      border-radius: 10px; }

  #alltitleeditmodal .modal-dialog {
    width: 100%; }
    #alltitleeditmodal .modal-dialog .modal-content {
      height: 100%; }
      #alltitleeditmodal .modal-dialog .modal-content .modal-body {
        overflow-x: scroll; }
        #alltitleeditmodal .modal-dialog .modal-content .modal-body .billing-section {
          border-bottom: 1px solid #b5b5b5 !important;
          border-right: 0px !important;
          margin: 1rem 0px;
          padding: 1rem 0px 2rem 0px; }
        #alltitleeditmodal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
          width: 0px; }
        #alltitleeditmodal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
          border-radius: 10px; }
        #alltitleeditmodal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
          background: none;
          border-radius: 10px; }

  .main-content {
    position: relative;
    height: auto;
    width: 100%; }
    .main-content header {
      position: relative;
      padding: 20px 0px;
      top: 0px;
      z-index: 100; }
      .main-content header .logo-section {
        text-align: left;
        margin: 0px;
        width: 50%;
        float: left; }
        .main-content header .logo-section a img {
          height: 40px; }
    .main-content .slide-menu {
      position: relative;
      left: 0px;
      z-index: 99;
      width: 100%; }
      .main-content .slide-menu .slide {
        position: relative; }
        .main-content .slide-menu .slide .slide-menu-content {
          height: auto !important;
          width: 100%;
          padding: 0px 15%;
          position: relative; }
          .main-content .slide-menu .slide .slide-menu-content .slide-menu-btn {
            display: none; }
          .main-content .slide-menu .slide .slide-menu-content .slide-inside {
            overflow: hidden;
            height: auto; }
            .main-content .slide-menu .slide .slide-menu-content .slide-inside .iframe {
              margin: 0px; }
    .main-content #root {
      position: relative;
      float: left; }
      .main-content #root .app-empty {
        padding: 0px 15%; }
        .main-content #root .app-empty .liveonly-home {
          margin: 0px; }
          .main-content #root .app-empty .liveonly-home .stream-add-menu ul li {
            text-align: center; }
            .main-content #root .app-empty .liveonly-home .stream-add-menu ul li small {
              float: none;
              margin: 0px auto;
              display: inline-block; }
            .main-content #root .app-empty .liveonly-home .stream-add-menu ul li p {
              width: 100%; }
      .main-content #root .stream-page {
        float: left;
        width: 100%;
        padding: 0px 15%;
        margin-top: 0px;
        margin-bottom: 20px; }
        .main-content #root .stream-page .channel-title .work-right-menu-inside {
          top: 50px;
          right: 0px;
          background-color: #868686;
          left: auto;
          border-left: 0px;
          border-right: 3px solid #fff;
          border-radius: 2px;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
          z-index: 999999; }
          .main-content #root .stream-page .channel-title .work-right-menu-inside .work-right-menu-arrow {
            right: 0px;
            left: auto;
            top: -30px;
            border-left: 15px solid transparent;
            border-right: 11px solid transparent;
            border-bottom: 15px solid #fff;
            border-top: 15px solid transparent; }
        .main-content #root .stream-page .channel-scroll {
          width: 100%; }
          .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 {
            width: 50%;
            padding: 0px; }
            .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-box {
              float: left;
              width: auto;
              text-align: center;
              position: relative; }
            .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings {
              width: 200%; }
              .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .channel-title .col-md-1 {
                width: 20%; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .channel-title .col-md-1:first-child {
                  width: 0px;
                  padding: 0px; }
              .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .channel-title .col-md-10 {
                width: 80%; }
              .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .channel-title .close {
                margin-top: 8px; }
              .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .channel-title.second-title .col-md-1 {
                width: 0px; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .channel-title.second-title .col-md-1:first-child {
                  width: 20%;
                  padding: 0px 15px; }
              .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .channel-title.second-title .col-md-10 {
                width: 80%; }
              .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .settings-form {
                padding: 0px 10px; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .settings-form textarea {
                  margin: 10px 0px; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .settings-form input[type="submit"] {
                  width: 100%; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .settings-form.second-form .edited-box {
                  text-align: center; }
                  .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .settings-form.second-form .edited-box .switch {
                    float: none !important; }
                  .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .settings-form.second-form .edited-box small {
                    width: 25%;
                    font-size: 12px; }
                    .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .settings-form.second-form .edited-box small:first-child {
                      float: left; }
                    .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .settings-form.second-form .edited-box small:last-child {
                      float: right; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .settings-form.second-form .channell-setting-footer input[type="submit"] {
                  width: 100%;
                  margin: 7px 0px !important; }
              .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .thumbnail input[type=file] {
                float: right; }
              .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .thumbnail small {
                font-size: 13px; }
              .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .transcode-section {
                height: auto; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .transcode-section small {
                  width: 50% !important;
                  text-align: left;
                  padding: 0px 5px !important; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .transcode-section label {
                  width: 50% !important;
                  text-align: right;
                  padding: 5px 5px 0px 0px !important; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .transcode-section .channel-section {
                  width: 100% !important;
                  float: left;
                  padding: 5px; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .transcode-section .transcoding-edit {
                  margin: 10px 0px;
                  padding: 0px 5px;
                  width: 100% !important; }
                  .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .transcode-section .transcoding-edit img {
                    float: right; }
                  .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .transcode-section .transcoding-edit b {
                    float: left; }
                .main-content #root .stream-page .channel-scroll .col-md-12 .row .col-md-2 .channel-setttings .transcode-section .settings-form small {
                  width: 50%; }
          .main-content #root .stream-page .channel-scroll .col-md-12 .row .app-brick:nth-child(2) .channel-setttings {
            left: -100%; }
          .main-content #root .stream-page .channel-scroll .col-md-12 .row .app-brick:nth-child(2n+2) .channel-setttings {
            left: -100%; }
    .main-content .switch-class div div {
      margin: 0px !important; }
    .main-content .modal-content {
      height: 100vh !important; }
    .main-content .left-menu-back {
      height: 0px; }
    .main-content footer {
      margin: 10px 0px;
      position: relative; }

  #paymentmethodmodal .modal-content .modal-body .col-md-4 {
    text-align: center; }
    #paymentmethodmodal .modal-content .modal-body .col-md-4 .payment-card-section {
      width: 250px;
      float: none;
      display: inline-block; }

  .footer-menu {
    display: none; }

  .footer-relative {
    position: fixed; }

  .enable-chat input[type=checkbox] {
    margin: 6px 0px 0px 5px !important;
    float: right;
    right: 0; } }
@media screen and (max-width: 360px) {
  .login .align-middle .circle .social-home .camera-live-icon {
    left: 80px; }
  .login .align-middle .circle .social-home .camera-live-arrow {
    top: 113px;
    left: -90px; }

  .main-content {
    position: relative;
    height: auto; }
    .main-content header {
      position: relative;
      padding: 20px 0px;
      top: 0px;
      z-index: 100; }
      .main-content header .logo-section {
        text-align: left;
        margin: 0px;
        width: 50%;
        float: left; }
        .main-content header .logo-section a img {
          height: 40px; }
    .main-content .slide-menu {
      position: relative;
      left: 0px;
      z-index: 99;
      width: 100%; }
      .main-content .slide-menu .slide {
        position: relative; }
        .main-content .slide-menu .slide .slide-menu-content {
          height: auto !important;
          width: 100%;
          padding: 0px 15%; }
          .main-content .slide-menu .slide .slide-menu-content .slide-menu-btn {
            display: none; }
          .main-content .slide-menu .slide .slide-menu-content .slide-inside {
            overflow: hidden;
            height: auto; }
    .main-content #root {
      position: relative; }
      .main-content #root .app-empty {
        padding: 0px 15%; }
        .main-content #root .app-empty .liveonly-home {
          margin: 0px; }
      .main-content #root .stream-page {
        float: left;
        width: 100%;
        padding: 0px 15%; }
        .main-content #root .stream-page .add-channel-btn {
          padding: 0px 0.4rem;
          font-size: 12px; }
        .main-content #root .stream-page .channel-title .work-right-menu-inside {
          top: 50px;
          right: 0px;
          background-color: #868686;
          left: auto;
          border-left: 0px;
          border-right: 3px solid #fff;
          border-radius: 2px;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
          .main-content #root .stream-page .channel-title .work-right-menu-inside .work-right-menu-arrow {
            right: 0px;
            left: auto;
            top: -30px;
            border-left: 15px solid transparent;
            border-right: 11px solid transparent;
            border-bottom: 15px solid #fff;
            border-top: 15px solid transparent; }
        .main-content #root .stream-page .channel-scroll {
          max-height: auto;
          overflow-x: hidden;
          min-height: 200px; }
          .main-content #root .stream-page .channel-scroll .col-md-2 {
            width: 50%;
            padding: 0px; }
            .main-content #root .stream-page .channel-scroll .col-md-2 .channel-box {
              float: left;
              width: auto;
              text-align: center;
              position: relative; }
              .main-content #root .stream-page .channel-scroll .col-md-2 .channel-box .channel-on {
                height: 30px;
                width: 30px;
                margin-left: 0px; }
              .main-content #root .stream-page .channel-scroll .col-md-2 .channel-box .channel-work {
                height: 30px;
                width: 30px; }
                .main-content #root .stream-page .channel-scroll .col-md-2 .channel-box .channel-work img {
                  width: 100%; }
            .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings {
              width: 200%; }
              .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .channel-title .close {
                margin-top: 8px; }
              .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .settings-form textarea {
                margin: 10px 0px; }
              .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .settings-form input[type="submit"] {
                width: 100%; }
              .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .thumbnail input[type=file] {
                float: right; }
              .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .thumbnail small {
                font-size: 13px; }
              .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .transcode-section {
                height: auto; }
                .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .transcode-section small {
                  width: 50%;
                  text-align: left;
                  padding: 0px 5px !important; }
                .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .transcode-section label {
                  width: 50% !important;
                  text-align: right;
                  padding: 5px 10px 0px 0px; }
                .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .transcode-section .channel-section {
                  width: 50%;
                  float: left;
                  padding: 5px; }
                .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .transcode-section .transcoding-edit {
                  margin: 10px 0px;
                  padding: 0px 5px; }
                  .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .transcode-section .transcoding-edit img {
                    float: right; }
                  .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .transcode-section .transcoding-edit b {
                    float: right; }
                .main-content #root .stream-page .channel-scroll .col-md-2 .channel-setttings .transcode-section .settings-form small {
                  width: 50%; }
          .main-content #root .stream-page .channel-scroll .app-brick:nth-child(2) .channel-setttings {
            left: -100%; }
          .main-content #root .stream-page .channel-scroll .app-brick:nth-child(2n+2) .channel-setttings {
            left: -100%; }
    .main-content .left-menu-back {
      height: auto; }
    .main-content footer {
      margin: 10px 0px;
      position: relative; }

  .modal .modal-header {
    padding: 5px; }
    .modal .modal-header .modal-title {
      font-size: 16px; }

  .modal-dialog#plans-modal .modal-content .modal-body .col-md-4 {
    padding: 0px 5px; }
    .modal-dialog#plans-modal .modal-content .modal-body .col-md-4 .platform {
      min-height: 182px !important; }
      .modal-dialog#plans-modal .modal-content .modal-body .col-md-4 .platform input[type=submit] {
        margin: 2px 0px; }
      .modal-dialog#plans-modal .modal-content .modal-body .col-md-4 .platform h3 {
        font-size: 13px; }
      .modal-dialog#plans-modal .modal-content .modal-body .col-md-4 .platform p {
        font-size: 10px; }
      .modal-dialog#plans-modal .modal-content .modal-body .col-md-4 .platform small {
        height: 15px;
        line-height: 15px; }
  .modal-dialog#plans-modal .modal-content .modal-body .col-md-12 {
    padding: 0px 5px; }
    .modal-dialog#plans-modal .modal-content .modal-body .col-md-12 .platform input[type=submit] {
      margin: 2px 0px; }
    .modal-dialog#plans-modal .modal-content .modal-body .col-md-12 .platform .col-md-4 {
      padding: 0px 5px; }
    .modal-dialog#plans-modal .modal-content .modal-body .col-md-12 .platform .col-md-5 {
      padding: 0px 5px; }
    .modal-dialog#plans-modal .modal-content .modal-body .col-md-12 .platform .col-md-2 {
      padding: 0px 5px; }
    .modal-dialog#plans-modal .modal-content .modal-body .col-md-12 .platform h3 {
      font-size: 12px; }
    .modal-dialog#plans-modal .modal-content .modal-body .col-md-12 .platform p {
      font-size: 10px; }
    .modal-dialog#plans-modal .modal-content .modal-body .col-md-12 .platform small {
      height: 15px;
      line-height: 15px; }
  .modal-dialog#plans-modal .modal-content .modal-body .freelife {
    padding: 2px; }
    .modal-dialog#plans-modal .modal-content .modal-body .freelife .platform-free {
      padding: 1px 0px;
      margin: 0px; }
      .modal-dialog#plans-modal .modal-content .modal-body .freelife .platform-free .col-md-10 .free-platform-info {
        margin: 1px; }
        .modal-dialog#plans-modal .modal-content .modal-body .freelife .platform-free .col-md-10 .free-platform-info h3 {
          font-size: 13px;
          margin: 0px; }
      .modal-dialog#plans-modal .modal-content .modal-body .freelife .platform-free .free-lifetime {
        margin: 0px 0px 0px -25px; }
  .modal-dialog#plans-modal .modal-content .modal-body .row {
    margin-right: -5px;
    margin-left: -5px; }
  .modal-dialog#plans-modal .modal-content .modal-footer .plans-page {
    padding: 0.1rem 0.1rem; }
    .modal-dialog#plans-modal .modal-content .modal-footer .plans-page .plans-page-no span {
      height: 25px;
      line-height: 25px;
      width: 25px !important;
      border-radius: 100%;
      background: #fff;
      float: left;
      color: #808080;
      text-align: center;
      font-size: 1.5rem;
      margin: 7px 0px 0px 0px; }

  .avatar-sec {
    margin-top: 0px; }

  .account-setting {
    margin: 5px 0px; }
    .account-setting ul li a {
      font-size: 12px; }

  #hourtranscodingmodal .modal-content .modal-body .modal-header .modal-title {
    font-size: 14px; }
  #hourtranscodingmodal .modal-content .modal-body .transcoding-hours {
    padding-bottom: 0px; }

  #selectchannelmodal .modal-dialog .modal-content .modal-footer .plans-page {
    padding: 0.1rem 0.1rem; }
    #selectchannelmodal .modal-dialog .modal-content .modal-footer .plans-page .plans-page-no span {
      height: 25px;
      line-height: 25px;
      width: 25px !important;
      border-radius: 100%;
      background: #fff;
      float: left;
      color: #808080;
      text-align: center;
      font-size: 1.5rem;
      margin: 7px 0px 0px 0px; }

  .mobile-menu-out #mobil-menu .mobile-menu ul li {
    min-height: 45px;
    line-height: 45px; }

  #history .search-form {
    width: 86%; }

  .modal#selectchannelmodal .modal-dialog .modal-content .modal-body {
    height: auto;
    overflow: hidden; }
    .modal#selectchannelmodal .modal-dialog .modal-content .modal-body .app-channels .stream-title h3 {
      font-size: 16px; }
    .modal#selectchannelmodal .modal-dialog .modal-content .modal-body .app-channels .stream-box {
      width: 33.333%; }
      .modal#selectchannelmodal .modal-dialog .modal-content .modal-body .app-channels .stream-box .stream-img {
        height: 80px;
        width: 80px; }
    .modal#selectchannelmodal .modal-dialog .modal-content .modal-body .setup-platform .setup-section .col-md-5 {
      width: 50%; }
  .modal#selectchannelmodal .modal-dialog .modal-content .ad-channel-footer .plans-page {
    padding: 1rem 0.4rem; }
    .modal#selectchannelmodal .modal-dialog .modal-content .ad-channel-footer .plans-page .plans-page-no small {
      padding: 0px 0.3rem;
      font-size: 0.7rem; }

  .all-title-edit .thumbnail {
    margin: 10px 0px; } }

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