/* Minification failed. Returning unminified contents.
(1918,15): run-time error CSS1030: Expected identifier, found '.'
(1918,56): run-time error CSS1031: Expected selector, found ')'
(1918,56): run-time error CSS1025: Expected comma or open brace, found ')'
(1922,17): run-time error CSS1030: Expected identifier, found '.'
(1922,56): run-time error CSS1031: Expected selector, found ')'
(1922,56): run-time error CSS1025: Expected comma or open brace, found ')'
(1926,15): run-time error CSS1030: Expected identifier, found '.'
(1926,54): run-time error CSS1031: Expected selector, found ')'
(1926,54): run-time error CSS1025: Expected comma or open brace, found ')'
 */
body {
  font-family: Arial;
  background-color: #fff9d9;
}

a {
  color: #ff6a00;
}

  a:hover {
    text-decoration: underline;
  }

i.fa {
  padding-right: 5px !important;
  font-size: 16px !important;
}

.text-orange {
  color: #ff6a00 !important;
}

.table-noborder-padding tr td {
  border-top-style: none !important;
}

.table-noborder tr td {
  border-top-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.wrapper-search {
  background: #fde39b url('/bootstrap/img/slide01.jpg') no-repeat center center;
  min-height: 350px !important;
}

.div-form-search {
  min-height: 318px !important;
}

.div-form {
  margin-top: 80px !important;
}

.wrapper-search-master {
  min-height: 200px !important;
}

.div-form-search-master {
  min-height: 168px !important;
}

.div-form-master {
  margin-top: 30px !important;
}

.input-orange {
  border: solid 1px #f85802 !important;
}


.div-menu-top {
  background: transparent url('/bootstrap/img/bgMenuTop.png') repeat top left;
  color: #fff !important;
  height: 32px;
  line-height: 32px;
  z-index: 1000;
}

.ul-menu-top li {
  padding-left: 2px !important;
  padding-right: 2px !important;
  font-size: 12px;
  color: #f0f0f0 !important;
  list-style: none !important;
}

  .ul-menu-top li a {
    color: #fff !important;
    white-space: nowrap !important;
  }

    .ul-menu-top li a:hover {
      color: #f9b704 !important;
      text-decoration: none !important;
    }

  .ul-menu-top li.active a {
    text-decoration: underline !important;
  }

.dropdown-menu li a {
  color: #333 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.ul-menu-top i.fa {
  font-size: 18px !important;
}

.ul-option-search {
  padding-left: 5px !important;
  margin-top: 20px !important;
}

  .ul-option-search li:hover input {
    cursor: pointer !important;
  }

  .ul-option-search li:hover span {
    color: Yellow !important;
    text-decoration: underline;
  }

  .ul-option-search li label {
    white-space: nowrap !important;
  }

.btn-orange {
  background-color: #f85802 !important;
  border: solid 1px #f85802;
}

.a-change-lang {
  color: #fff !important;
  font-size: 12px;
  line-height: 32px !important;
}

.div-content-page {
  background: #fff9d9 url('/bootstrap/img/bgFooterSlider.jpg') repeat-x top left;
}

.icon-home {
  margin-bottom: 20px !important;
}

  .icon-home .img-circle:hover {
    -webkit-box-shadow: 1px 1px 9px 0px rgba(50, 65, 50, 0.71);
    -moz-box-shadow: 1px 1px 9px 0px rgba(50, 65, 50, 0.71);
    box-shadow: 1px 1px 9px 0px rgba(50, 65, 50, 0.71);
  }

.div-four-icon img {
  display: inline !important;
}

.div-title-wrapper {
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px !important;
}

.h3-title-wrapper {
  border-bottom: solid 1px #ccc !important;
  padding-bottom: 5px !important;
}

.div-info-lyrics {
  margin-bottom: 15px !important;
}

.a-social {
  width: 64px !important;
  height: 64px !important;
  display: block;
  margin: 0px auto !important;
  background-image: url('/bootstrap/img/imgSocial.png');
}

  .a-social:hover {
    text-decoration: none !important;
  }

.a-twitter {
  background-position: 0px 0px;
}

  .a-twitter:hover {
    background-position: 0px -64px;
  }

.a-googleplus {
  background-position: -65px 0px;
}

  .a-googleplus:hover {
    background-position: -65px -64px;
  }

.a-facebook {
  background-position: -130px 0px;
}

  .a-facebook:hover {
    background-position: -130px -64px;
  }

.div-footer-page {
  background-color: #5a5a5a;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #fff !important;
  font-size: 12px !important;
  margin-top: 20px !important;
}

.ul-menu-footer {
  margin-bottom: 0px !important;
  font-size: 12px !important;
}

  .ul-menu-footer li {
    color: #ccc !important;
  }

    .ul-menu-footer li a {
      color: #fff !important;
    }

      .ul-menu-footer li a:hover {
        color: yellow !important;
      }

.div-tag {
}

  .div-tag .a-key-search {
    display: block;
    float: left;
    margin-right: 5px;
    color: #5a5a5a;
    border: solid 1px #fadd8d;
    padding: 2px 4px;
    font-size: 12px;
    background-color: #fff7cb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px !important;
  }

    .div-tag .a-key-search:hover {
      color: #333;
      border: solid 1px #ccc;
      text-decoration: none !important;
      background-color: #fff;
    }

.div-content-master {
  padding-top: 20px !important;
}
/*collapse Right*/
.panel-default {
  margin-bottom: 10px !important;
}

.panel-lyrics {
  border-style: none !important;
  border-radius: 0 !important;
}

  .panel-lyrics .panel-heading {
    text-transform: uppercase !important;
    padding-left: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

    .panel-lyrics .panel-heading .panel-title {
      background: transparent url('/bootstrap/img/openIcon.png') no-repeat center left;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
      text-indent: 25px !important;
      font-size: 14px;
    }

  .panel-lyrics .panel-collapse {
    border: solid 1px #ccc !important;
    background: #fde39b url('/bootstrap/img/bgPanelRight.png') no-repeat bottom center !important;
    border-top-style: none !important;
  }

    .panel-lyrics .panel-collapse .panel-body {
      border-top-style: none !important;
      padding-top: 20px !important;
      background-image: url('/bootstrap/img/bgHeaderPanel.jpg') !important;
      background-repeat: repeat-x;
      background-position: top left;
      background-color: transparent !important;
    }

  .panel-lyrics .panel-body {
    padding: 10px !important;
    padding-top: 0px !important;
  }

.active-panel {
  background-color: #fff9d9 !important;
}

  .active-panel .panel-title {
    background: #fff9d9 url('/bootstrap/img/closeIcon.png') no-repeat center left !important;
    color: #f85802 !important;
  }

/*End collapse Right*/
.ol-album {
  margin-bottom: 0px !important;
  margin-left: -15px !important;
}

  .ol-album li {
    border-bottom: solid 1px #ccc;
    color: #f85802;
    font-size: 16px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

    .ol-album li a {
      color: #000;
      text-transform: capitalize !important;
      /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;
    width:100%;*/
    }

      .ol-album li a:hover {
        color: #f85802;
      }

      .ol-album li a i.fa {
        color: #ff6600 !important;
      }

.div-adventisement {
  background: #fde39b url('/bootstrap/img/bgHeaderPanel.jpg') repeat-x top left !important;
  border: solid 1px #ccc;
  border-top-style: none !important;
  padding: 15px 10px 10px 10px !important;
}

/*Song.aspx*/
.h3-title-song {
  padding-top: 0px !important;
  margin-top: 5px !important;
}

.div-lyric {
  margin-top: 15px !important;
}

.div-lyric-body {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 0px !important;
  background: #fff9d9 url('/bootstrap/img/bgLyric.png') no-repeat top right !important;
}

.nav-tabs li {
  text-transform: uppercase !important;
}

  .nav-tabs li a {
    font-size: 12px;
    font-weight: bold;
  }

.nav-tabs .active {
  text-transform: uppercase !important;
}

  .nav-tabs .active a {
    background-color: #fff9d9 !important;
    font-size: 12px;
    font-weight: bold;
  }

.ul-control {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

  .ul-control i.fa {
    font-size: 20px !important;
  }

  .ul-control li {
    padding-left: 2px !important;
    padding-right: 0px !important;
  }

    .ul-control li a {
      color: #888;
    }

      .ul-control li a:hover {
        color: #f85802;
      }

  .ul-control * {
    text-transform: none !important;
  }

.a-open-cog-mobile {
  padding-bottom: 5px !important;
  color: #888;
}

  .a-open-cog-mobile:hover {
    color: #f85802;
  }

.div-other-song {
  margin-top: 15px !important;
}

  .div-other-song h4 {
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
  }

.ol-list-song {
  padding-left: 0px !important;
}

  .ol-list-song li {
    color: #f85802;
    border-bottom: dotted 1px #ccc;
    font-weight: bold;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    list-style: none;
  }

    .ol-list-song li a {
      color: #333;
      font-weight: 100 !important;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

      .ol-list-song li a:hover {
        color: #ff6600;
        text-decoration: none;
        cursor: pointer;
      }

      .ol-list-song li a i.fa {
        color: #ff6600 !important;
      }

.div-comment-disqus {
  margin-top: 15px !important;
  margin-bottom: 30px !important;
}

  .div-comment-disqus h4 {
    font-size: 12px !important;
    font-weight: bold;
  }

.div-script-disqus {
  background: #fff9d9 url('/bootstrap/img/bgHeaderPanel.jpg') repeat-x top left !important;
  padding-top: 10px !important;
}

.table-social-link tr td {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.h3-title-search {
  border-bottom: solid 1px #fde39b;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #888;
}

  .h3-title-search i.fa {
    color: #ff6a00;
    padding-right: 0px !important;
  }

.h3-title-topsong {
  border-bottom: solid 1px #fde39b;
  padding-bottom: 5px;
  font-size: 14px;
  text-transform: uppercase;
  color: #333;
}

  .h3-title-topsong i.fa {
    color: #ff6a00;
    padding-right: 5px !important;
  }

.alert-search {
  margin-bottom: 0px !important;
  font-size: 12px !important;
}

.div-wrapper-result {
  margin-top: 20px !important;
}

.div-result-item {
  border-bottom: dotted 1px #fde39b;
  padding-top: 10px !important;
  padding-bottom: 5px !important;
  width: 100%;
  display: block;
  float: left;
}

  .div-result-item:hover {
    background-color: #fff6c6;
  }

  .div-result-item a:hover {
    cursor: pointer !important;
  }

  .div-result-item .h4-title-song {
    margin-top: 0px !important;
  }

    .div-result-item .h4-title-song a {
      color: #333;
    }

      .div-result-item .h4-title-song a:hover {
        color: #f85802;
      }

    .div-result-item .h4-title-song i.fa {
      padding-left: 5px !important;
      color: #888;
    }

    .div-result-item .h4-title-song:hover i.fa {
      color: #f9b704 !important;
    }

  .div-result-item .p-author {
    margin-bottom: 0px !important;
  }

  .div-result-item .p-singer {
    margin-bottom: 5px !important;
  }

    .div-result-item .p-singer a {
      color: navy;
    }

  .div-result-item .p-lyrics {
    font-style: italic;
    text-indent: 15px !important;
  }

  .div-result-item .high-light-song-name,
  .div-result-item .high-light-song-writer,
  .div-result-item .high-light-lyric,
  .div-result-item .high-light-singer,
  .div-result-item .high-light-album-name {
    background-color: yellow;
  }

.albumRow-css {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-bottom: dotted 1px #fde39b !important;
}

  .albumRow-css:hover {
    background-color: #fff6c6;
    cursor: pointer;
  }

  .albumRow-css .imageCssclass {
    width: 150px !important;
    display: block;
    float: left;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
  }

    .albumRow-css .imageCssclass img {
      width: 145px !important;
      padding: 2px;
      border: solid 1px #ccc !important;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: #fff !important;
    }

      .albumRow-css .imageCssclass img:hover {
        border: solid 1px #ff6600 !important;
        cursor: pointer;
      }

  .albumRow-css .albumDetailCssclass a {
    font-size: 18px !important;
    color: #333 !important;
  }

    .albumRow-css .albumDetailCssclass a.user-css {
      font-size: 14px !important;
      color: #ff6600 !important;
    }

.img-album {
  display: inline !important;
}

.table-detail-album tr td {
  border: dotted 1px #ccc !important;
}

  .table-detail-album tr td u {
    padding-right: 5px !important;
  }

.list-song-of-album {
  padding-left: 40px !important;
}

  .list-song-of-album li {
    border-bottom: dotted 1px #ccc;
    padding: 5px 0;
    color: #ff6600;
  }

  .list-song-of-album span {
    color: #333;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-weight: 100 !important;
  }

  .list-song-of-album .a-author {
    color: #07690f;
  }

  .list-song-of-album .a-singer {
    color: #022578;
  }

  .list-song-of-album a {
    color: #333;
  }
/*TopSong.aspx*/
.table-list-song tr th {
  background-color: #f5f5f5 !important;
  border-top-style: none !important;
  text-transform: uppercase;
  color: #333;
  font-size: 12px;
  text-align: center;
}

  .table-list-song tr th * {
    color: #333 !important;
  }

.table-list-song tr td {
  border-top: dotted 1px #fde39b !important;
  text-align: center;
}

  .table-list-song tr td i.fa {
    color: #888;
    padding-left: 5px !important;
    font-size: 12px !important;
  }

    .table-list-song tr td i.fa:hover {
      color: #f85802;
    }

  .table-list-song tr td a {
    color: #333;
  }

    .table-list-song tr td a:hover {
      color: #f85802;
    }

.table-list-song tr:hover td {
  background-color: #FFF6C6 !important;
}

.table-list-song tr td .a-title-song {
  color: #f85802;
  font-size: 15px !important;
  text-transform: capitalize !important;
}

.table-list-song tr td.td-title-song {
  text-align: left !important;
}

.table-list-song tr td.td-order {
  font-weight: bold;
  font-size: 12px;
}

.table-list-song tr td {
  color: #888;
  font-size: 12px;
  /*ellipsis*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

  .table-list-song tr td.td-author {
    text-align: left !important;
  }

    .table-list-song tr td.td-author a {
      color: navy !important;
    }

.table-striped > tbody > tr:nth-child(2n+1) > th {
}

.table-striped > tbody > tr:nth-child(2n+1) > td {
  background-color: #fdf5c9 !important;
}

.table-striped tr td {
  border-top: dotted 1px #fde39b !important;
}

  .table-striped tr td a {
    color: #f08c0b !important;
  }

.ul-info-login {
  padding-left: 15px !important;
}

.album-item {
  padding-top: 15px !important;
  margin-bottom: 15px !important;
}

  .album-item:hover {
    background-color: #FDF5C9;
  }

  .album-item .a-img-album {
    display: block;
    float: left;
    width: 100%;
    text-align: center !important;
  }

    .album-item .a-img-album img {
      width: 150px;
      height: 150px;
      border: solid 1px #ccc;
      padding: 2px;
    }

  .album-item:hover .a-img-album img {
    border: solid 1px #f85802;
  }

  .album-item .a-name-album {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #333;
    padding-top: 10px;
  }

    .album-item .a-name-album:hover {
      color: #f85802;
    }

  .album-item .ul-function-album {
    width: 100%;
    display: block;
    float: left;
    font-size: 12px !important;
    text-align: center !important;
    padding-bottom: 5px;
    padding-top: 5px;
  }

    .album-item .ul-function-album li a {
      color: #5a5a5a !important;
    }

      .album-item .ul-function-album li a:hover {
        color: #f85802 !important;
      }


.dropdown-tab-account a {
  font-weight: 100 !important;
}

  .dropdown-tab-account a i.fa {
    font-size: 12px !important;
    color: #f85802 !important;
  }

/*profile.aspx*/
.table-account {
  margin-bottom: 0px !important;
}

.div-background-music {
}

.div-music-post {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
/*response facebook comment*/
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style], .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {
  width: 100% !important;
}
/*response facebook comment*/


.td-multi-input .form-control {
  /*margin-bottom:5px !important;*/
}
/*.input-2,.input-3{
    display:none;
  }*/
.tr-keyboard {
  display: none;
}

/*--------Pager--------------*/
.lyrics-pager {
  margin: 10px 0;
  padding: 10px 0;
  width: 100%;
  display: block;
  float: left;
  text-align: center;
}

  .lyrics-pager .pagelink, .pagecount, .pagelinklast, .pagelinkfirst {
    padding: 5px 10px;
    background-color: #f78d18;
    border: solid 1px #f78d18;
    color: #fff;
    margin-right: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
  }

    .lyrics-pager .pagelink span {
      color: #fff;
    }

  .lyrics-pager .pagecurrent {
    padding: 5px 10px;
    margin-right: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    background-color: #fff;
    color: #6e3d01;
    border: solid 1px #6e3d01;
    text-decoration: underline;
  }

  .lyrics-pager .pagelink:hover {
    background-color: #fff;
    color: #6e3d01;
    border: solid 1px #6e3d01;
  }

    .lyrics-pager .pagelink:hover span {
      color: #6e3d01;
    }

.checkbox-inline {
  margin-bottom: 5px !important;
}

#tblKmp3 {
  /*display:block;*/
}

.ul-menu-profile {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

  .ul-menu-profile li {
    list-style: none !important;
    border-bottom: dotted 1px #fde39b !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

    .ul-menu-profile li a {
      text-transform: uppercase;
      color: #333 !important;
      font-size: 12px;
    }

      .ul-menu-profile li a i.fa {
        color: #888 !important;
      }

      .ul-menu-profile li a:hover {
        color: #ff6a00 !important;
      }

        .ul-menu-profile li a:hover i.fa {
          color: #ff6a00 !important;
        }

.ul-function-mail li a {
  font-size: 11px !important;
  font-weight: bold;
}

/*modal dialog*/
.dialog-add-song .modal-header {
  /*padding:5px 10px !important;*/
  background-color: #fde39b !important;
}

.dialog-add-song .modal-body {
  margin-bottom: 0px !important;
}

.ul-option-keyboard {
  display: none;
}

  .ul-option-keyboard li {
    color: #fff !important;
    font-size: 12px;
  }

    .ul-option-keyboard li:hover {
      cursor: pointer;
    }

.a-close-keyboard {
  color: #fff !important;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  background-color: #fdfdfd !important;
}


/*css video & mp3 play*/
.div-full-size {
  width: 100%;
}

#divEmberVideo {
  border: solid 1px Red !important;
}
/*css video & mp3 play*/



.ul-heading-play-audio {
  display: inline !important;
  margin-bottom: 0px !important;
}

.ul-img-lyrics * {
  text-transform: none !important;
}

.ul-img-lyrics li {
  color: #ccc;
}

  .ul-img-lyrics li a {
    font-weight: bold;
    color: blue !important;
    font-size: 16px !important;
  }

    .ul-img-lyrics li a:hover {
      color: #ff6600 !important;
      text-decoration: underline;
    }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oneliner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapper-footer-pmessage {
  background-color: #fff !important;
  color: #333 !important;
}

  .wrapper-footer-pmessage td {
    background-color: #fff !important;
  }

    .wrapper-footer-pmessage td a.btn-default {
      color: #333 !important;
      text-transform: uppercase !important;
      font-size: 11px !important;
      font-weight: bold !important;
    }

      .wrapper-footer-pmessage td a.btn-default:hover {
        color: #ff6600 !important;
        border: solid 1px #ff6600 !important;
        background-color: #fff !important;
      }

.ul-option-album {
  padding-left: 5px !important;
}

  .ul-option-album li {
    list-style: none !important;
  }

    .ul-option-album li label {
      font-weight: 100 !important;
    }

.form-change-img {
  display: none;
}

.span-author * {
  color: navy !important;
  font-weight: bold !important;
}

.sp-option-view-album label {
  font-weight: 100 !important;
  text-transform: none !important;
  font-size: 12px !important;
  cursor: pointer !important;
  color: navy !important;
}

.ul-cksize-ember {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

  .ul-cksize-ember label {
    font-weight: 100 !important;
  }

.ul-right-shortcut {
  margin: 0px !important;
  padding: 0px !important;
  position: fixed !important;
  left: 5px !important;
  top: 40% !important;
}

  .ul-right-shortcut li {
    list-style: none;
    margin-bottom: 5px;
  }

    .ul-right-shortcut li a {
      display: block;
      width: 48px;
      height: 48px;
      overflow: hidden;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: solid 1px #d4ba72;
    }


.div-scroll-other-song {
  max-height: 500px !important;
  overflow-y: auto;
}

.div-scroll-description-album {
  max-height: 150px !important;
  overflow-y: auto;
}


.tab-profile .span-detail-tab {
  display: none;
}
/*.tab-profile li.active a .span-detail-tab{
  display:inline !important;
}*/

.ul-question {
  padding-left: 25px !important;
  margin-bottom: 20px !important;
}

  .ul-question li {
  }

    .ul-question li a {
      line-height: 25px;
      font-size: 16px;
    }

.div-search-box {
  position: relative !important;
  padding-bottom: 22px !important;
}

  .div-search-box .bt-open-keyboard {
    position: absolute;
    bottom: 0;
    left: 2px;
    color: #fff !important;
    font-size: 12px !important;
  }

.form-group .bt-open-keyboard {
  font-size: 12px !important;
  float: right;
  line-height: 25px;
}

#LyricTextEditor {
  width: 100% !important;
  border: solid 1px #ccc;
  margin-top: 5px;
}

.ChecBox label {
  font-weight: 100 !important;
  color: #ff6600;
  text-indent: 10px !important;
}

.SingerToolBarFirst {
  width: 100%;
  text-align: right;
  display: block;
  float: left;
  margin-bottom: 5px;
}

.PopupForumCode {
  display: none;
  float: left;
  padding: 5px;
  width: 100%;
  margin-bottom: 5px;
}

  .PopupForumCode .ForumCodeBox {
    border: solid 1px #ccc !important;
    display: block;
    float: left;
    width: 90%;
    margin-right: 5px;
  }

  .PopupForumCode .ForumCodeClose {
    cursor: pointer;
    display: block;
    float: left;
    width: 24px;
    margin-top: 1px;
  }

    .PopupForumCode .ForumCodeClose:hover {
      color: #ff6600;
      cursor: pointer;
    }

.div-wrapper-ember-video {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 15px;
}

#sortable {
  width: 99%;
}

.ui-state-default td {
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 100 !important;
  padding: 5px;
}

  .ui-state-default td:hover {
    color: #ff6600 !important;
  }

/*Keyboard VNI*/
table.jmudimtbl {
  border-width: 1px;
  border-spacing: 1px;
  border-style: solid;
  border-color: gray;
  border-collapse: collapse;
  font-size: 12px;
  width: 100%;
}

  table.jmudimtbl th, table.jmudimtbl td {
    font-size: 12px;
    border-width: 1px;
    padding: 3px;
    text-align: center;
    border-style: solid;
    border-color: gray;
    background-color: #FFCC99;
  }

  table.jmudimtbl td {
    background-color: #F8E9FC;
  }
/*Keyboard VNI*/

.ul-option-karaoke {
  margin-top: 0px !important;
  margin-bottom: 2px !important;
}

.ul-option-jplay li a:hover {
  color: #ff6600 !important;
  text-decoration: underline !important;
}

.ul-option-jplay li a {
  white-space: nowrap !important;
}

.div-mp3-item .ul-option-jplay {
  margin-bottom: 0px !important;
}

  .div-mp3-item .ul-option-jplay li a {
    font-size: 11px !important;
    color: #888;
    white-space: nowrap !important;
  }

.div-mp3-item:hover .ul-option-jplay a {
  color: navy !important;
}

.div-mp3-item:hover .ul-option-jplay li a:hover {
  color: #ff6600 !important;
  text-decoration: underline !important;
}

.ul-option-play-item {
  padding: 0px !important;
  margin: 0px !important;
  float: right;
}

  .ul-option-play-item li {
    list-style: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

    .ul-option-play-item li i.fa {
      font-size: 20px !important;
      color: #888;
    }

      .ul-option-play-item li i.fa:hover {
        color: #ff6600 !important;
      }

/*bootstrap 5 colum*/
@media (min-width: 768px) {
  .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
    width: 20%;
    *width: 20%;
  }
}

@media (min-width: 1200px) {
  .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
    width: 20%;
    *width: 20%;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
    width: 20%;
    *width: 20%;
  }
}
/*bootstrap 5 colum*/


/*blockquote*/
div.quote {
  border-left: solid 5px #ccc;
  padding: 10px;
  margin-top: 5px;
  line-height: 20px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #f8f8f8;
}

  div.quote .quotetitle {
    text-decoration: underline;
    color: #0094FF;
  }

  div.quote .innerquote {
    line-height: 18px;
    font-size: 12px;
  }
/*blockquote*/

.div-title-song-jplayer {
  font-weight: bold;
  color: #0D88C1;
  font-size: 14pt;
  width: 100%;
  /*white-space:nowrap;*/
  display: block;
  float: left;
  /*padding-top:30px;
     position:relative;
     overflow:hidden;
     text-align:center;*/
}



@keyframes slide {
  from {
    left: 100%;
  }

  to {
    left: -100%;
  }
}

@-webkit-keyframes slide {
  from {
    left: 100%;
  }

  to {
    left: -100%;
  }
}



#songTitle {
  /*position:absolute;
  top:0;
  left:0;
  width:100%;
  animation-name: slide;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 10s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count: infinite;*/
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 10px;
}


.div-like-facebook {
  padding-top: 8px;
}

.div-like-facebook-song {
  padding-top: 10px;
}


/*-----single mp3 player-------*/
.img-singer {
  display: block;
  float: left;
  border: solid 1px #ccc;
  padding: 2px;
  background-color: #fff;
  margin-right: 10px;
  width: 80px;
}

  .img-singer img {
    width: 100%;
  }

.ul-song-info {
  display: block;
  padding: 0px !important;
}

  .ul-song-info li {
    list-style: none;
    display: block;
    width: 100%;
    padding-bottom: 5px;
  }

  .ul-song-info .song-title {
    font-size: 22px;
    color: #333;
    font-family: Tahoma;
    text-transform: capitalize;
  }

    .ul-song-info .song-title a {
      color: black;
    }

      .ul-song-info .song-title a:hover {
        text-decoration: none;
        color: Highlight;
      }

  .ul-song-info a.mp3-singer {
    color: #8B7B00 !important;
    font-size: 22px;
  }

  .ul-song-info .song-author {
  }

  .ul-song-info .name-author {
  }

  .ul-song-info .name-album {
  }

  .ul-song-info .song-type {
  }

.div-facebook-like-single-song {
  display: block;
  float: right;
  margin-top: 10px;
}

.div-sum-view {
  font-size: 20px;
  text-align: right;
  margin-top: 20px;
}

  .div-sum-view i.fa {
    font-size: 22px !important;
  }

.ul-function {
  display: block;
  float: left;
  padding: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
}

  .ul-function li {
    list-style: none;
    display: block;
    float: left;
  }

    .ul-function li a {
      display: block;
      float: left;
      padding: 5px 8px;
      border: solid 1px #333;
      background-color: #FEE39C;
      margin-right: 15px;
      color: #333;
      margin-bottom: 10px;
      font-size: 12px;
    }

      .ul-function li a:hover {
        color: #ff6600;
        border: solid 1px #ff6600;
        text-decoration: none;
      }

.row-player {
  margin-top: 5px;
}

.column-left-info {
  padding-right: 0px !important;
}

.column-right-info {
  padding-left: 0px !important;
  position: relative;
}

.single-content-lyric {
  background-color: #FCF8E9;
  padding: 20px;
  position: relative;
  border: solid 1px #f0f0f0;
}

  .single-content-lyric .p-title-lyric {
    font-size: 18px;
  }

  .single-content-lyric .span-add-lyric {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 11px;
  }

.div-about-single {
  margin-top: 00px;
}

  .div-about-single .img-singer-big {
    width: 100px;
    display: block;
    float: left;
    margin-right: 10px;
  }

    .div-about-single .img-singer-big img {
      width: 100% !important;
    }

  .div-about-single .about-singer {
    display: block;
  }

  .div-about-single .singer-name {
    display: block;
    margin-top: 0px;
    font-size: 22px;
  }

.div-mp3-relate-info {
  margin-top: 20px;
}

hr {
  width: 100%;
}

.div-mp3-relate-info .title-album-of-singer {
  color: #ff6600;
  padding-bottom: 0px;
  margin-bottom: -10px !important;
}

  .div-mp3-relate-info .title-album-of-singer .ul-scroll-album {
    float: right;
  }

    .div-mp3-relate-info .title-album-of-singer .ul-scroll-album i.fa {
      font-size: 22px !important;
    }

.div-mp3-relate-info .div-list-album {
}

  .div-mp3-relate-info .div-list-album .album-item {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding-top: 0px !important;
  }

    .div-mp3-relate-info .div-list-album .album-item .album-name {
      display: block;
      text-align: center;
      height: 25px;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: absolute;
      left: 0px;
      bottom: 0px;
      color: #fff !important;
      font-size: 16px;
      padding: 0 5px;
      width: 100%;
      overflow: hidden;
    }

    .div-mp3-relate-info .div-list-album .album-item .img-player {
      position: absolute;
      top: 32%;
      left: 35%;
      width: 50px;
      color: #fff;
      display: none;
    }

    .div-mp3-relate-info .div-list-album .album-item:hover .img-player {
      display: block;
    }

.tr-song-type-row .span-chip {
  display: block;
  float: left;
  margin-right: 5px;
  color: #5a5a5a;
  border: solid 1px #ccc;
  padding: 2px 6px;
  font-size: 12px;
  /*background-color: gainsboro;*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 5px !important;
}

  .tr-song-type-row .span-chip:hover {
    cursor: pointer;
    background-color: lightgray;
  }

.tr-song-type-row .div-selected-song-type {
  width: 100%;
  height: 50px;
  border: solid 1px #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow-y: auto;
  padding: 5px;
}

.tr-song-type-row .span-chip .span-chip-close {
  margin-left: 3px;
  font-size: 15px;
}

  .tr-song-type-row .span-chip .span-chip-close :hover {
    background-color: lightgray;
    color: red;
    cursor: pointer;
  }

.suggest-mp3 ul {
  margin-bottom: 0px !important;
  margin-left: -15px !important;
  list-style: none;
}

.suggest-mp3 li {
  border-bottom: solid 1px #ccc;
  color: #f85802;
  font-size: 16px !important;
  padding-bottom: 45px !important;
  margin-left: -20px;
}

  .suggest-mp3 li a {
    color: #000;
    text-transform: capitalize !important;
  }

    .suggest-mp3 li a:hover {
      color: #f85802;
    }

    .suggest-mp3 li a i.fa {
      color: #ff6600 !important;
    }

  .suggest-mp3 li .span-view-count {
    color: lightgray;
    float: right;
  }

  .suggest-mp3 li .div-mp3-singer {
    padding-left: 5px;
    font-variant: small-caps;
    color: burlywood;
  }

    .suggest-mp3 li .div-mp3-singer a {
      color: burlywood;
    }

.suggest-mp3 .div-view-count {
  text-align: right;
  margin-right: -10px;
  padding: 0;
}

.truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.album-item img.img-player {
  position: absolute;
  top: 35%;
  left: 35%;
  width: 50px;
  height: 50px;
  color: #fff;
  display: none;
}

.album-item:hover img.img-player {
  display: block;
  border: none;
}

.album-item:hover a {
  color: #FF6A00;
  text-decoration: underline;
}

.row-player .ul-tool-bar {
  float: right;
  margin-top: -30px;
  list-style: none;
}

  .row-player .ul-tool-bar .view-count {
    font-weight: bold;
    color: cornflowerblue;
  }

  .row-player .ul-tool-bar li {
    display: inline;
    padding-right: 10px;
  }

.bg-player-part {
  background-position: bottom;
  background-image: url('/bootstrap/img/bgPanelRight2.png');
}

.div-social-tag {
  text-align: right;
  margin-top: -30px;
}

/*----------Singer.asxp-----------*/

.div-singer-sort-by {
  width: 100%;
  text-align: right;
  margin-top: 5px;
  margin-bottom: -20px;
}

.div-album_empty {
  text-align: left;
  padding-left: 10px;
  padding-top: 20px;
  font-size: 16px;
}

.singer-page .nav-tabs a {
  color: #337ab7;
  text-transform: capitalize;
}


li.seo-song-relation a {
  display: inline !important;
}
/* ads support*/

ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;

}


.p-desc-external-info {
  font-style: italic;
  font-size: smaller;
  color: #3e345a;
  padding-left: 5px;
  margin: 0;
}

/* --- STICKY AD CONTAINER --- */
.sticky-ad-container {
  position: fixed;
  bottom: 0;
  left: 50%; 
  max-width: 970px !important;
  max-height: 90px !important;
  transform: translateX(-50%);
  background-color: transparent;  
  z-index: 30; 
  display: flex;
  justify-content: center;
  align-items: center;  
}
 
  .sticky-ad-container.is-hidden {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
  }


.ad-content {
  width: 100%;
  max-width: 728px;
  max-height:90px;
  background-color: transparent; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.sticky-ad-close {
  position: absolute;
  top: -20px; 
  right: 15px;
  width: 24px;
  height: 24px;
  background-color: #222222;
  border: 2px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  display: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color 0.2s ease, transform 0.2s ease;  
}
  
  .sticky-ad-close:hover {
    background-color: #ff4d4d;
    transform: scale(1.1);
  }
  
  .sticky-ad-close::before,
  .sticky-ad-close::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    background-color: #ffffff;
  }
 
  .sticky-ad-close::before {
    transform: rotate(45deg);
  }

  .sticky-ad-close::after {
    transform: rotate(-45deg);
  }

#stickyAd:has(.ins-stick-ads[data-ad-status="unfilled"]) {
  display: none !important;
}

#closeAdBtn:has(.ins-stick-ads[data-ad-status="filled"]) {
  display: flex !important;
}

#stickyAd:has(.ins-stick-ads[data-ad-status="filled"]) {
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.div-footer-page{
  margin-bottom:60px !important;
}

/*@media (max-width: 720px) {
  #insSticky {
    width: 320px !important;
    height: 50px !important;
  }
}*/

.ins-stick-ads {
  width: 320px;
  height: 60px;
}

@media(min-width: 500px) {
  .ins-stick-ads {
    width: 468px;
    height: 60px;
  }
}

@media(min-width: 800px) {
  .ins-stick-ads {
    width: 728px;
    height: 90px;
  }
  .div-footer-page {
    margin-bottom: 90px !important;
  }
}