.transparentDialog, .transparentDialog.ui-widget-content {
  background: none !important;
  box-shadow: none !important;
}

.ui-tooltip .ui-outputlabel {
  color: white;
}

.ui-panelgrid,
.ui-panelgrid .ui-panelgrid-cell {
  border: none !important;
}

.ui-margin-auto {
  margin: auto;
}

.alignTop {
  vertical-align: top;
}

.customLogo {
  width: 55%;
  max-width: 333px;
  margin-left: 5%;
  margin-top: 1%;
}

#top-menu {
  margin: 4px 1% 0 0 !important;
}

.ui-picklist .ui-picklist-list {
  border-top: 1px solid #e0e0e0 !important;
}

.errorMessage {
  color: red;
}

.ui-steps .ui-steps-item {
  width: 16%;
}

.cashrace-steps .ui-steps-item {
  width: 19% !important;
}

.ui-state-highlight {
  text-shadow: none !important;
}

.ui-steps.custom {
  margin-bottom: 30px;
}

.ui-steps.custom .ui-steps-item .ui-menuitem-link {
  height: 10px;
  padding: 0 1em;
}

.ui-steps.custom .ui-steps-item .ui-steps-number {
  background-color: #0081c2;
  color: #FFFFFF;
  display: inline-block;
  width: 30px;
  border-radius: 10px;
  margin-top: -10px;
  margin-bottom: 10px;
}

.ui-steps {
  margin-left: 3%;
}

.redColoredPanel .ui-panel-titlebar {
  background-color: red;
}

.error,
.error .ui-inputfield {
  border-bottom: 1px solid #f03369;
  color: #f03369;
}

.clear,
.clear .ui-inputfield {
  border-bottom: 1px solid #b0bec5;
  color: #546e7a;
}

.hei165 .ui-selectlistbox-listcontainer {
  height: 165px !important;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.textCollapse {
  width: 400px;
  word-wrap: break-word;
}

.ui-growl {
  width: 310px !important;
}

.ui-growl-message {
  width: 220px !important;
}

.performanceReportFilter .ui-picklist .ui-picklist-list {
  min-height: 350px;
}

.ui-selectonemenu {
  min-width: 100% !important;
}

.fixed15em {
  min-width: 15em !important;
  max-width: 15em !important;
}

.fixed11em {
  min-width: 11em !important;
  max-width: 11em !important;
}

.fixed9em {
  min-width: 9em !important;
  max-width: 9em !important;
}

.fixed8em {
  min-width: 8em !important;
  max-width: 8em !important;
}

.fixed7em {
  min-width: 7em !important;
  max-width: 7em !important;
}

.fixed5em {
  min-width: 5em !important;
  max-width: 5em !important;
}

@media (max-width: 750px) {
  .largeGrid div.ui-grid-row {
    display: block
  }
}

.whiteContentColor {
  color: white
}

.table-column-aligned-left {
  text-align: left;
}

.table-column-aligned-center {
  text-align: center;
}

.table-column-aligned-right {
  text-align: right;
}

.balls_table_row {
  display: table-row;
}

.balls_table_cell {
  float: left;
  font-weight: bold;
  padding: 4px;
  margin: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 5px;
}

.small_balls_cell {
  float: left;
  font-weight: bold;
  padding: 4px;
  margin: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  font-size: 16px;
  border-radius: 5px;
}

.ticket_numbers_row {
  display: table;
  margin: 0 auto;
}

.drawn_ball {
  background: #5fb9d7;
  color: #ffcc99;
}

.not_drawn_ball {
  background: #99d2e5;
  color: #fff;
}

.scheduler_status_label {
  float: left;
}

.scheduler_status_action, .lottery_status_action {
  margin-left: 5px;
  float: left;
}

.scheduler_status_action a, .lottery_status_action a {
  text-decoration: underline;
}

.container {
    overflow: hidden;
}

.ui-picklist.increasedPickListWidth > .ui-picklist-list-wrapper{
width: 45% !important;
}
.schedule_selected_day {
  background-color: #99d2e5;
}

.schedule_applied_day {
  background-color: #FFCC80;
}

.schedule_tbl td {
  vertical-align: top;
}

.schedule_tbl > tbody > tr > td {
  vertical-align: top;
}

.template_link {
  text-decoration: underline;
}

.trans-table {
  width: 100%;
  height: 100%;
}

.edit_room_dialog {
  width: 1024px;
  height: 673px;
}

.ui-lightbox-nav-right{
visibility: hidden !important;
}

.ui-lightbox-nav-left{
visibility: hidden !important;
}

.ui-lightbox-content{
background-color: #fff !important;
}

.preview:hover {
        opacity: 0.5;
        transform: scale(1.1);
}

.disabledImage {
opacity: 0.2;
}

.small-label {
  font-size: 13px;
  top: 10px;
  position: relative;
}

/* OTP Input Fields */
.otp-container {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 20px auto;
}

.otp-input {
  width: 50px;
  height: 50px;
  font-size: 24px;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 8px;
  font-weight: bold;
  transition: border-color 0.3s ease;
}

.otp-input:focus {
  outline: none;
  border-color: #0081c2;
  box-shadow: 0 0 5px rgba(0, 129, 194, 0.3);
}

.otp-input:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}

.otp-input.filled {
  border-color: #4caf50;
}

.otp-input.error {
  border-color: #f03369;
  animation: shake 0.3s;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}