.exp_round_area{
    width:35%;
}

#chat_container{
    display: none;
}

#contibutionarea{
    display: none;
}

.circle {
      width: 50px;
      height: 50px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
     background: #CCE7F4;
      
    }
    
    .not-active {
   pointer-events: none;
   cursor: default;
}



.input-no-spinner::-webkit-outer-spin-button, .input-no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.center-modal {
    /*position: fixed;
    top: 25%;
    left: 20.5%;
    z-index: 1050;
    width: 80%;
    height: 80%;
    margin-left: -10%;*/
    
   position: fixed;
   top: 50%;
   left: 50%;
   width: 80%;
   height: 80%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
    
    
}

#showRewardPhase{display: none;}
#showRewardPhaseTable{display: none;}

/** modal style **/
.my-dialog .modal-dialog {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:50%;
    height:50%;
    /* To center horizontally */
    padding-top: 30%;
    vertical-align: middle;
}

.my-dialog-exit .modal-dialog{
    width:260px;
    height:55%; 
}

.my-dialog-scoreconfirm .modal-dialog{
    width:500px;
    height:65%; 
}

#dvLoading
{
   background: url("../images/loading.gif") no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1080;
   left: 48%;
   top: 50%;
   margin: -25px 0 0 -25px;
   border-radius:8px;
   opacity: 100;
}

/***new theme***/

.selected{
    background: #d4eae4;
}
@media (min-width: 768px) and ( max-width:1023px) {
.modal-dialog.modal-lg {
	width:660px;
}
}