.letter-spacing {
    letter-spacing: 2px !important;
}

.body{
    font-family: "Red Hat Display", sans-serif !important;
}

label.error {
    color: red !important;
}
.text-danger {
    color: red !important;
}

.btn.btn-primary {
    background-color: #914CD9;
}

.btn.btn-primary:hover:not(.btn-active) {
    background-color: #b875ff !important;
}

.active>.page-link, .page-link.active {
    background-color: #8f4ad9 !important;
}

.btn.btn-active-light-primary:hover:not(.btn-active) {
    color: #914CD9;
    background-color: #e9ffee;
}

.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #914CD9 !important;
    /* background-color: #e9ffee !important; */
}

.btn.btn-active-light-primary.show {
    color: #914CD9 !important;
}
.menu-link:hover {
    transition: color .2s ease;
    color: #f5f5f5;
}

.alert-successtoast  {
    background-color: #914CD9 !important; /* Change background color */
    color: #fff !important; /* Change text color */
    border-color: #7D3CC9 !important; /* Optional: Change border color */
}

.custom-cancel-btn{
    text-align: center;
    border: 1px solid red !important;
}

.custom-password-btn {
    background-color: #914CD9; /* Normal state */
    color: white; /* Text color */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

.custom-password-btn:hover {
    background-color: #8f4ad9; /* Hover color */
}

.customFont{
    font-family: "Red Hat Display", sans-serif !important;
}

.trText{
    font-weight: 700; 
    color: #7E8299; 
    font-size: 15px;
}

.tdText{
    font-weight: 700; 
    color: #1E1E1E; 
    font-size: 15px;
    padding: 20px 0px;
    background-color: #FFFFFF;

}

#mytable td{
    padding: 20px 0px;
}

.athleteIdText{
    font-size: 32px;
    font-weight: 800;
}

.customNoBtn{
    border: 1px solid #914CD9;
    color: #914CD9;
    border-radius: 15px;
}

.customPadding{
    padding: 90px 0px;
}

.customPadding2{
    padding: 50px 0px 10px 0px;
}
.customSuccessFalse{
    font-family: "Red Hat Display", sans-serif !important;
    font-weight: 800;
    font-size: 32px;
}

#userTable{
    text-align: center;
}

table.dataTable td.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable th.dt-type-numeric {
    text-align: center;
}

table.dataTable thead>tr>td.dt-orderable-asc, table.dataTable thead>tr>td.dt-orderable-desc, table.dataTable thead>tr>td.dt-ordering-asc, table.dataTable thead>tr>td.dt-ordering-desc, table.dataTable thead>tr>th.dt-orderable-asc, table.dataTable thead>tr>th.dt-orderable-desc, table.dataTable thead>tr>th.dt-ordering-asc, table.dataTable thead>tr>th.dt-ordering-desc {
    position: relative; 
    padding-right: 0px;
}


@media (min-width: 768px) { /* Bootstrap's md breakpoint */
    .customAddBtn {
        width: 450px; /* Adjust border radius */
    }
}

@media (max-width: 992px) {
    .custom-login-image {
        display: none !important;
    }
    .form-container {
        width: 100% !important;
        max-width: 400px;
        margin: auto;
        padding: 20px;
    }
}

table.dataTable td.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable th.dt-type-numeric {
    text-align: center !important;
}

.tryAgainText{
    font-weight: 800;
    font-size: 18px;
    color: #7E8299;
}

.eyePosition{
    position: absolute;
    top: 30%;
    right: 5%;
}

.customSeeEventBtn{
    transition: color 0.3s ease !important;
    padding: 7px 20px;
    color: #914CD9;
    border: 1px solid #914CD9;
    border-radius: 8px;
}

.customSeeEventBtn:hover{
    transition: color 0.3s ease !important;
    background-color: #914CD9;
    color: white;

}

.customSeeEventBtn:hover .customRightArrow {
    transition: color 0.3s ease !important;
    color: white !important;
}

.customRightArrow {
    /* color: #914CD9 !important;  */
    color: #000000 !important; 
    font-size: 20px !important;
    transition: color 0.3s ease !important;
}

.customHover:hover{
 color: #914CD9 !important; 
}

.customHover:hover .customRightArrow{
 color: #914CD9 !important; 
}



.customFont2{
     font-family: "Red Hat Display", sans-serif !important;
    font-size: 20px;
}

.table-responsive-custom {
    width: 100%;
    overflow-x: auto;
}

.table-responsive-custom table {
    min-width: 500px;
    white-space: nowrap;
}

#userTable_wrapper {
  overflow-x: hidden !important;
}

#user_table_wrapper {
  overflow-x: hidden !important;
}

#country_table_wrapper{
    overflow-x: hidden !important;
}

#state_table_wrapper{
    overflow-x: hidden !important;

}

.cropper-container{
    width: auto !important;
}

#dt-length-0{
    width: fit-content;
}

.responsive-width {
    width: 250px;
  }

  @media (max-width: 576px) {
    .responsive-width {
      width: 150px;
    }
  }

.select2-search  {
  width: 100% !important;
}