/* Referral Page ////////////////////////////////////////////////////////////////////////////*/
.referral-page .table.align-items-center td, .table.align-items-center th {
    vertical-align: baseline;
  }
  .table {
    border-collapse: collapse;
  }

 .referral-page .session .tooltip-cont .tooltiptext  {
    background-color: #242946!important;
  }

  .referral-page .session .tooltiptext::after {
    border-color: #242946 transparent transparent transparent;
  }

/* Referral Page ////////////////////////////////////////////////////////////////////////////*/


/* Attendee Page ////////////////////////////////////////////////////////////////////////////*/
.attendee-page .table.align-items-center td, .table.align-items-center th {
    vertical-align: baseline;
  }
  .table {
    border-collapse: collapse;
  }



/* Attendee Page ////////////////////////////////////////////////////////////////////////////*/


/* Member list Page ////////////////////////////////////////////////////////////////////////////*/
.memberlist-page .table.align-items-center td, .table.align-items-center th {
    vertical-align: baseline;
  }
  .table {
    border-collapse: collapse;
  }

/* Member list Page ////////////////////////////////////////////////////////////////////////////*/






i:hover {
    cursor: pointer;
}

.payment-history-modal {
    max-width: 100%!important;
}

.nav.nav-pills .nav-link.active{
    background-color: #a0aec0
}

.workout-section .nav-pills {
    background-color: #f7fafc;
}


.tooltip-cont .tooltiptext {
    visibility: hidden;
    width: 120px;
    top: -10px;
    left: 50%;
    margin-left: -60px;
    background-color: rgb(253, 188, 8);
    color: black;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
   font-weight: 500;
    position: absolute;
    z-index: 1;
  }

  .tooltip-cont:hover .tooltiptext{
    visibility: visible;
  }

  .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgb(253, 188, 8) transparent transparent transparent;
  }

  @media (max-width: 400px) {
    .tooltip-cont .tooltiptext {
        padding: 2px 2px;
        width: fit-content;
        white-space: nowrap;
        left: 90%;
    }

}

.edit-userinfo-icon-member-manage {
    position: absolute;
    bottom: 16px;
    right: -10px;
    background-color: aqua;
    z-index: 100;
}


.personal-pr .active,.subscrp .active {
    background-color: #a0aec0;
}

.personal-pr a, .subscrp a{
    padding: 6px;
    border-radius: 8px;
}
@media (max-width: 500px){
    .hide-text-show-icon {
        display: none!important;
    }
}


@media (max-width:900px) {
    .female,.male {
        margin: 0px !important;
        padding: 8px 0 0 0;
    }
}

@media (max-width:850px) {
    /* .profile-div .form-check{
        padding-left: 1.0em!important;
    } */

    .female-icon,.male-icon {
        margin-left: -3px!important;
    }

    .female-icon i,.male i {
        margin-right: 0px !important;
    }

    .male {
        width: 45%;
    }
}

@media (max-width:500px) {
    .male {
        width: 100px;
    }

    .female {
        width: 100px;
        margin-left: 30px;
    }

    .margin-top-mob {
        margin-top: 1rem !important;
    }

    .onbaord-txt-mob {
        left: 17px!important;
    }

    .nav-li-mob li {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

* {
    scrollbar-width: thin;
    scrollbar-color: #242946 #c2c2c2;;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background-color: #bdc0c5;
    border-radius: 10px;
}


::-webkit-scrollbar-thumb {
    background: #2e3748;
    border-radius: 10px;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* Attendee list */

.second-check .form-switch .form-check-input:checked::after {
    transform: translateX(1px);
}

.attende-searchinput::placeholder {
    color: #b4bfcd ;
    font-weight: bold;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Employee list */

.employee-searchinput::placeholder {
    color: #b4bfcd ;
    font-weight: bold;
}

input::placeholder {
  color: darkgray!important;
}





/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* member list */

select:required:invalid {
    color: #8e8e8e;
  }
  option[value=""][disabled] {
    display: none;
  }
  option {
    color: #000;
  }


@media (max-width:900px) {
    .cold-btn-tab {
        margin-left: 0!important;
    }
}

  @media (max-width:500px) {

        .check-icon-mob {
            margin-top: 1.8rem !important;
        }

      .badges-container button:nth-child(1),.badges-container button:nth-child(2),.badges-container button:nth-child(3) {
        margin-left: 2px !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
      }

      .badges-container button:nth-child(1) {
        width: 60px;
      }

      .badges-container button:nth-child(2) {
        width: 70px;
      }
      .badges-container button:nth-child(4) {
        margin-left: 1px !important;
      }
      .badges-container button:nth-child(5) {
        margin-left: 1px !important;
      }
      .badges-container button:nth-child(6) {
        margin-left: 3px !important;
        width: 80px;
      }
      .badges-container button:nth-child(7) {
        margin-left: 1px !important;
        width: 100px;
      }
      .badges-container button:nth-child(8) {
        margin-left: 1px !important;
        width: 100px;
      }

      .longbtn-mob {
        margin-left: 0 !important;
        width: 186px;
        padding-left: 0px !important;
        padding-right: 0px !important;
      }

  }


  @media (max-width:900px) {

    .card-width-tab {
        width: 1150px!important;
    }

    .assingdmem-tprs-baln-tab {
        width: 41.66666667%!important;
    }

    .pending-actions-tab {
        width: 21% !important;
        margin-left: 0px;  
    }

    .sts-acin-tab {
        margin-left: 110px!important;
    }

    .numbers-tab {
        width: 23%!important;
        margin-left: 85px!important;
    }

    .trach-icons-tab-sessions {
        margin-right: -28px !important;
        margin-left: 12px !important;
    }

    .pending-txt-tab {
        margin-right: -18px!important;
    }
  }


  @media (max-width: 500px) {
    .grid-btns-mob {
      display:grid;
      grid-template-columns: auto auto;
      gap: 5px;
    }

    .grid-btns-mob button {
      width: 100%!important;
    }
  }