/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 26 2024 | 16:35:01 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.play_history_wrap {
	margin-top: 50px;
}

#play_history_list {
	list-style: none;
  	margin: 0 0 1.5em;
}

.song-item {
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #ffffff;
  padding: 20px;

  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.26);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.26);
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.26);
  transition: all ease .1s;
}

.song-item:hover {
  cursor: pointer;
  transform: scale(1.01);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(255,131,0,1);
  -moz-box-shadow: 1px 1px 5px 1px rgba(255,131,0,1);
  box-shadow: 1px 1px 5px 1px rgba(255,131,0,1);

}

.item-stats{
  list-style: none;
  font-size: 13px;
  margin-left: 0.5em;
  width: 50%;
}

.item-stats-single {
  margin: 3px 0px;  
}

.item-stats-single span {
  margin-left: 0.5em;
}

.item-stat {
  font-weight: 600;
}

.item-wrapper{
  display: flex;
}

.stat-badge {
  text-align: center;
	
}

.challenge_history_wrap li.ac_sender, .challenge_history_wrap li.ac_reciever {
    background-color: #EDEDF2;
}
.hist_after_title > .accordion {
  display:none;
}
.hist_after_title.active > .accordion {
  display:block;
}

/*1-5 nik css*/
ul#challenge_hist li.challenge_item {
    background-color: #4C3E91;
}
ul#challenge_hist li.challenge_item div {
    color: #fff;
}
ul#challenge_hist li.dashboard__table-top {
    background-color: #dedee8; margin:0;
}
.cac1 .cac-plus {
    position: relative;
    float: right;   
}
.dashboard__table li > .cac1::after {display: none !important;}
.dashboard__table.virtual-cac .accordion li > div:first-child {border-right: #4C3E91 dotted 2px !important;}
/*ul#challenge_hist li {
    width: 100%;
    justify-content: space-between;
}*/
.virtual-cac li > div {
    width: auto !important;
    font-family: Spartan !important;
    font-size: 12px;
    font-weight: 600 !important;
    min-width: 16.6%;
  padding:15px 12px !important;
}
.virtual-cac li > div:last-of-type::after{display:none !important;}

.virtual-cac .accordion li > div{
    width: 50% !important;
}
/*.dashboard__table li.ac_sender {
    background-color: #f8f8f8;
}*/

.virtual-cac .accordion {
    border: 1px solid #ccc;
}
.virtual-cac .accordion {
    background-color: #EDEDF2;
}
.virtual-cac .accordion li.ac_sender div {
    font-weight: 500 !important;
}
.dashboard__table.virtual-cac {
    margin-bottom: 30px;
}
.cac-congrats {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.virtual-cac .dashboard__table.active span.cac-minus, .ychh-main .dashboard__table.active span.cac-minus{
    display: block;
}
.virtual-cac .dashboard__table.active span.cac-plus, .ychh-main .dashboard__table.active span.cac-plus{
    display: none;
}
span.cac-plus, span.cac-minus {
    font-size: 26px;
    font-weight: bold;
    line-height: 100%;
  color:#ff8300;
}
span.cac-minus{display:none;}
.virtual-cac .dashboard__table-top > div{padding:10px 12px !important;}
.ychh-main li.challenge_item > div:first-child, .ychh-main li.dashboard__table-top.challenge_title > div:first-child {
    width: 10% !important;
}
.ychh-main li.challenge_item > div:nth-child(4) , .ychh-main li.dashboard__table-top.challenge_title > div:nth-child(4){
    width: 30% !important;
}
ul#challenge_hist li div {
    font-weight: 500 !important;
}
.ychh-main ul#challenge_hist li.challenge_item > div:nth-child(5) {
    padding-left: 40px;
}

ul#challenge_hist li .inside {
    padding-left: 40px;
}

@media (min-width: 1023px){
ul#challenge_hist li {
    width: 100%;
    justify-content: space-between;
}
  .dkh{display:none !important;}
.ychh-main .accordion li > div {width: 14% !important;}
.ychh-main li > div{width:20% !important;} 
}
@media (max-width: 1023px){
.virtual-cac li > .nmh {
    display: none !important;
}
  ul.list-mbcac {margin: 0;}
  .virtual-cac ul#challenge_hist ul.list-mbcac li div {width: 100% !important;}
  .mbh{display:none !important;}
ul#challenge_hist li {margin: 0;}  
.virtual-cac .accordion li > div {
    width: 100% !important;
}
.dashboard__table.virtual-cac .accordion li > div:first-child {
    border-right: none !important;
}
.virtual-cac ul#challenge_hist li > div:nth-of-type(5) {
    display: block !important;
}
.virtual-cac .accordion li {
    flex-direction: column;
-webkit-flex-direction: column;
}
 
 .virtual-cac ul#challenge_hist li > div:nth-of-type(5), .virtual-cac ul#challenge_hist li > div:last-child{width:50% !important;}
.ychh-main ul .accordion li>div:nth-of-type(1) {    
    display: flex;
    align-items: center;
}
  .ychh-main ul .accordion li>div:nth-of-type(2){display:none !important;}
  body .cac-3c {
    width: 100% !important;
    padding: 5px 0;
}
.ychh-main ul#challenge_hist li > div:last-of-type::after{display:none;}
.ychh-main ul#challenge_hist li.dashboard__table-top > div{padding:10px 12px;}

.ychh-main ul#challenge_hist .Draw.inside::before,
 .ychh-main ul#challenge_hist .Win.inside::before,
 .ychh-main ul#challenge_hist .Loss.inside::before {
  /*  left: auto !important;*/
    top: 5px !important;
    /*right: 60px;*/ 
}
/** 5-5-21 **/
  /*.outside.cac1 {justify-content: flex-end;-webkit-justify-content: flex-end;}*/
   /*.ychh-main ul#challenge_hist li > div:last-child {justify-content: flex-end;}*/
  .virtual-ch ul#challenge_hist > li.challenge_item > div ,
  .ychh-main .dashboard__table .accordion li > div:last-of-type,
  .dashboard__table li.dashboard__table-top.challenge_title > div:last-of-type{
    width: 35% !important;
  }
  .virtual-ch ul#challenge_hist > li.challenge_item > div:nth-of-type(2), 
  .ychh-main .dashboard__table .accordion li>div:nth-of-type(1),
  .dashboard__table li.dashboard__table-top.challenge_title > div:nth-of-type(2){
    width:65% !important;
  }
  /*ul#challenge_hist li.dashboard__table-top div{display:flex;}*/
/*.ychh-main, ul#play_hist {overflow-x: auto;width: 100%;}
ul#challenge_hist {min-width: 700px;}
  
.dashboard__table .icon {display: block;margin-bottom: 10px;}
ul#play_hist li {
    min-width: 860px;
}
.ychh-main li > div:last-of-type::after {
    display: none;
}*/
/*  .dashboard__table li>div:nth-of-type(2), .dashboard__table li > div{width:25% !important;}  
.dashboard__table li > div {
    display: flex !important;
}
.dashboard__table li>div:nth-of-type(2) {
    width: 50% !important;
}*/
.virtual-cac li > div.cac-congrats {
    display: flex !important;
}
.dashboard__table.virtual-cac li.challenge_item{margin:0;}
/*.dashboard__table.virtual-cac {overflow-x: auto;}*/
/*.virtual-cac ul#challenge_hist, .virtual-cac li.dashboard__table-top.challenge_title{width:100%;min-width: 562px; margin:0;}*/
body .ychh-main ul#challenge_hist li.challenge_item .Draw.outside::before,
body .ychh-main ul#challenge_hist li.challenge_item .Win.outside::before,
body .ychh-main ul#challenge_hist li.challenge_item .Loss.outside::before{
  /*  left: auto !important;*/
    top: 19px !important;
    /*right: 80px !important;*/
}

.outside.cac1 span {
    padding-left: 7px;
}
}

.Draw.outside::before, .Win.outside::before, .Loss.outside::before {
      left: -15px !important;
  	  top:19px !important;
}

.Draw.inside::before, .Win.inside::before, .Loss.inside::before {
      left: -15px !important;
  	  top:13px !important;
}
.ychh-main ul#challenge_hist li.challenge_item .Draw.outside::before,
.ychh-main ul#challenge_hist li.challenge_item .Win.outside::before,
.ychh-main ul#challenge_hist li.challenge_item .Loss.outside::before {
    left: 13px !important; 
}
ul#challenge_hist li .Draw.inside::before, 
ul#challenge_hist li .Win.inside::before,
ul#challenge_hist li  .Loss.inside::before {
    left: 13px !important;
}

.dashboard__table.virtual-cac li .nmh:first-child {
    max-width: 90px !important;
    min-width: 0 !important;
}
.dashboard__table.virtual-cac li .nmh:nth-child(4) {
    max-width: 250px !important;
    min-width: 250px !important;
}
.dashboard__table.virtual-cac li .nmh {
    width: 100% !important;
}

#post-766 .ich_level_wrap.ihc_level_template_4{
	display: none!important;
}