.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty~label,
.funkyradio input[type="checkbox"]:empty~label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.funkyradio input[type="radio"]:empty~label:before,
.funkyradio input[type="checkbox"]:empty~label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked)~label,
.funkyradio input[type="checkbox"]:hover:not(:checked)~label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked)~label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked)~label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked~label,
.funkyradio input[type="checkbox"]:checked~label {
  color: #777;
}

.funkyradio input[type="radio"]:checked~label:before,
.funkyradio input[type="checkbox"]:checked~label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus~label:before,
.funkyradio input[type="checkbox"]:focus~label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked~label:before,
.funkyradio-default input[type="checkbox"]:checked~label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked~label:before,
.funkyradio-primary input[type="checkbox"]:checked~label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked~label:before,
.funkyradio-success input[type="checkbox"]:checked~label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked~label:before,
.funkyradio-danger input[type="checkbox"]:checked~label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked~label:before,
.funkyradio-warning input[type="checkbox"]:checked~label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked~label:before,
.funkyradio-info input[type="checkbox"]:checked~label:before {
  color: #fff;
  background-color: #5bc0de;
}

/* .funkyradio-box{
  outline: 1px solid #ccc;
  height: 100%;
} */

.pack-price{
  text-align: right;
  margin-right:32px !important;
      /* position: absolute;
        bottom: 0; */
}

.radio-detail ul li{
  /* list-style-type:none; */
  padding: 0;
}

.tx-right{
  text-align: right;
}




/* profile-image */
/* 
.imagex_outer_container {
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 50%;
  position: relative;
}

.imagex_inner_container {
  border-radius: 50%;
  padding: 5px;
  background: #833ab4;
  background: -webkit-linear-gradient(to bottom, #fcb045, #fd1d1d, #833ab4);
  background: linear-gradient(to bottom, #fcb045, #fd1d1d, #833ab4);
}

.imagex_inner_container img {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  border: 5px solid white;
}

.imagex_outer_container .green_icon {
  background-color: #4cd137;
  position: absolute;
  right: 30px;
  bottom: 10px;
  height: 30px;
  width: 30px;
  border: 5px solid white;
  border-radius: 50%;
} */


/* profile-image v2 */

/**
 * Profile image component
 */
.profile-header-container{
    margin: 0 auto;
    text-align: center;
}

.profile-header-img {
    padding: 2px;
    position: relative;
}

.profile-header-img > img.img-circle {
    width: 115px;
    height: 115px;
    border: 2px solid #51D2B7;
    border-radius: 50%;
}

.tiny-logo-container {
  position: absolute;
  top: 2px; /* Adjust this value to move the tiny logo closer to the profile image */
  left: 2px; /* Adjust this value to move the tiny logo closer to the profile image */
  background-color: #f5f5f5; /* Add a background color to the tiny logo */
  border-radius: 6px;
  border : 4px solid #fff;
}


.tiny-logo {
  width: 25px;
  height: 25px;
}

.yellow-icon {
  color: rgb(228, 202, 0);
}

.green-icon {
  color: rgb(0, 228, 137);
}

.sum-revenue-text,.daily-revenue-text{
  font-size: 0.8em;
  color: #333;
}

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

.profile-header {
    /* margin-top: 43px; */
}

/**
 * Ranking component
 */ 
.rank-label-container {
    margin-top: -12px;
    /* z-index: 1000; */
    text-align: center;
}

.label.label-default.rank-label {
    background-color: rgb(81, 210, 183);
    padding: 4px 12px;
    /* 5px 10px 5px 10px; */
    border-radius: 12px;
    color:white;
    font-weight: bold;
    font-size:0.8em !important;
    
}







/* user-dashboard */

.header-element .today-card{
  padding: 12px 4px !important;
}

.header-element .today-card h4,
.header-element .today-card h5,
.header-element .today-card h6{
  color:#333 !important;
}

.header-element .today-card .profile-header-img{
  margin-left:0px !important
}
.fav-title-header{
   display:block !important;
}

.org-favorite{
  margin:6px !important
}

.org-favorite-item-list{
  max-height: 140px !important;
  overflow-x: scroll;
}

.org-favorite-item{
  width :97px !important;
  float: left;
  margin-left:4px !important;
}

