.app-brand-logo-app{
    width:65%;
}

.signup-logo {
  padding-left: 20%;
  padding-right: 20%;
}

.signup-logo-img {
  width: 200px;
}

.logo-img{
    width: 200px;
    padding-left: 20px;
    padding-right: 20px;
}
.text-center{
  text-align: center;
}
.auth-box{
  width: 40%;
}
.loginForm{
  padding-left: 35%;
  padding-top: 50px;
}
a:hover {
  cursor:pointer !important;
}
/*---GyftHint button for danger--*/
.btn-danger-branding {
  color: #fff;
  background-color: #fcab34;
  border-color: #fea328;
}
.btn-danger-branding:hover {
  color: #fff !important;
  background-color: #fda326 !important;
  border-color: #fda326 !important;
  transform: translateY(-1px) !important;
}
.buy-now-branding {
  box-shadow: 0 1px 20px 1px #fca42a !important;
}
.buy-now-branding:hover  {
  box-shadow: none !important;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.th-long, .td-long {
  max-width: 300px !important; /* Adjust as needed */
}
.user-initials {
  text-align: center;
  background-color: #f6f6f6;
  border-radius: 100%;
  font-weight: bold;
  font-size: 24px;
}

.sign-up-center{
  padding-left: 25%;
  padding-right: 25%;
}

.login-form-center{
  padding-left: 35%;
  padding-right: 35%;
}

.input-2fa, .input-2fa:focus {
  padding: 0px;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  height: 80px;
  width: 100%;
  border: 2px solid;
  outline: none;
}
/* Hide spinners for Chrome, Safari, Edge, and Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Hide spinners for Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* Optional: Hide arrows in IE and Edge */
input[type=number]::-ms-clear,
input[type=number]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus, .btn-warning {
  background-color: #FDA329 !important;
}

.nav-pills .nav-link.active {
  background-color: #FDA329 !important;color: #121872 !important;font-weight: 500 !important;
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link {
  color: #121872 !important;
}

.main-kpis {
  display: flex;

  width: 100%;
  margin-bottom: 20px;
}

.kpi {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
  text-align: center;
  width: 200px;
}

.kpi .icon {
  font-size: 24px;
  margin-bottom: 10px;
}

.kpi .details h2 {
  margin: 10px 0;
  font-size: 18px;
}

.kpi .details p {
  margin: 0;
  font-size: 16px;
}

.kpi .increase {
  color: green;
}

.top-pages {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
  width: 100%;
  max-width: 800px;
  margin-bottom: 20px;
}

.top-pages table {
  width: 100%;
  border-collapse: collapse;
}

.top-pages table th,
.top-pages table td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.rates-chart {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
  width: 100%;
  /*max-width: 800px;*/
}
/* /LOADER */
.loading-content h5.loading-short,.loading-content h5.loading-long {
  font-weight: bold;
  min-height: 16px;
}
.loading-content p.loading-short,.loading-content p.loading-long {
  height: 14px;
}
.loading-short {
background-color: #e0e0e0;
width: 70%;
margin-bottom: 10px;
animation: loadingAnimation 1.5s infinite;
}

.loading-long {
background-color: #e0e0e0;
width: 90%;
animation: loadingAnimation 1.5s infinite;
}

.li-disabled {
    color: #7e7c7c !important; /* Gray color */
    border-color: #D3D3D3 !important; /* Light gray border */
    cursor: not-allowed !important;
}

.col-dash-card {
  width: 100%;
  height: 100%;
}

.col-card-top-dash{
  width: 100%;
  height: 100%;
}

.textbox-msg-box{
  padding-bottom: 5px;
  padding-left: 2px;
}

.error-msg{
  color:red;
  font-size: small;
}

.menu-icon-page {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 0.5rem;
  font-size: 2.0rem;
}

/* Override DataTable header styles */
.rdt_Table {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif!important;
  -webkit-font-smoothing: antialiased!important;
}
.rdt_Table .rdt_TableHead {
  background-color: #f5f5f5!important;
  color:#566a7f!important;
}

.rdt_Table .rdt_TableCol {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.rdt_Table .rdt_TableRow {
  background-color: #fff;
  padding-left:10px!important;
  padding-right:10px!important;
}

.rdt_Table .rdt_TableRow:hover {
  background-color: #f9f9f9;
}

.rdt_Table .rdt_Pagination {
  border-top: 1px solid #ddd;
  padding: 10px;
}

.rdt_Table .rdt_TablePagination .rdt_PaginationButton {
  background-color: #007bff;
  color: #fff;
}

.add_to_Gyfthintbtn{
  background-color: #FDA329;
  color:#fff;
  border: 0;
  padding: 5px 15px;
  border-radius: 4px;
}

.add_to_Gyfhintbtn_MainText{
  width: 100%;
  font-size: 8px;
}

.add_to_Gyfhintbtn_PoweredBy{
  width: 100%;
  text-align: right;
  font-size: 5px;
  font-style: italic;
}

.td_decimal_values{
  text-align: right!important;
}

.th_decimal_values{
  text-align: center!important;
}

.btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9999;
  background: transparent;
  border: none;
  cursor: pointer;
  --bs-btn-close-color: #a1acb8;
  --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --bs-btn-close-opacity: 0.95;
  --bs-btn-close-hover-opacity: 0.95;
  --bs-btn-close-focus-shadow: none;
  --bs-btn-close-focus-opacity: 0.95;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 0.8em;
  height: 0.8em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/0.8em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}

.badge-long-bak {
  width: 100%!important;
  text-align: left!important;
}

.toast-success {
  background-color: #51a351 !important; /* Set to your desired color */
  color: white!important;
}

.toast-error {
  background-color: #ff4d4f; /* Red background */
  border: 2px solid #ff7875; /* Light red border */
  color: white; /* White text */
}

.sc-fQpRED{
  /*min-width: 170px!important;*/
  padding-top:10px!important;
  padding-bottom:10px!important;
}

.hCqcJI {
  flex-grow: 0!important;
  flex-shrink: 0!important;
  flex-basis: 0!important;
  justify-content: left!important;
  padding: 10px!important;
  min-width: 50px!important;
}

.rdt_TableHeadRow{
  padding-left:10px!important;
  padding-right:10px!important;
}

.rdt_TableCell{
  padding: 10px!important;
}

.radio-large {
  width: 17px;
  height: 17px;
}

.table-bordered {
  border: 1px solid !important; /* Test if this appears */
}

.table-bordered th,
.table-bordered td {
  border: 1px solid !important; /* Test if this appears */
}

.spinner-grow{
  --bs-spinner-width: 0.50rem!important;
  --bs-spinner-height: 0.50rem!important;
}

.coming-soon{
  color:#bbb !important;
}

/* Custom color for the toggle switch when it's active */
.form-check-input:checked {
  background-color: #14AE5C!important; /* Green color when active */
  border-color: #14AE5C!important; /* Border color when active */
}
.form-check-input:checked:hover {
  background-color: #12a14a!important; /* Darker green when hovered */
}

.border-gyfthint{
  border: 1px solid #EEEEEE !important;
}

.grip-form-label{
  font-weight: 600!important;
  font-size: 15px!important;
  color: #9291A5!important;
}

.grip-form-detail-label{
  font-weight: 500!important;
  font-size: 15px!important;
  color:#697A8D!important;
}

/* Global style for all select elements */
select {
  appearance: auto !important;  /* Ensure the native dropdown arrow appears */
  -webkit-appearance: auto !important; /* For Webkit browsers like Chrome/Safari */
  -moz-appearance: auto !important; /* For Firefox */
}

select::-ms-expand {
  display: none; /* Optional: For IE/Edge */
}