.heading-container {
  color: black;
    padding: 18px;
    text-align: center;
    margin: 10px 0px 2px;
    width: fit-content;
}

/* Heading text */
.heading-container h1 {
  font-size: 18px; /* Larger font size */
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
}

/* Styling for the subtitle text */
.heading-container .subtitle {
  font-size: 13px;
  font-weight: 500;
  margin-top: 10px;
  letter-spacing: 0.5px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  border: 2px solid #ddd;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.table thead th {
  position: sticky;
  top: 0;
  z-index: 1020; /* Ensures header stays above the table rows */
  background-color: #f8f9fa; /* Background color to avoid overlap transparency */
  background-color: #ff9800;
  color: white;
  font-weight: bold;
  border-bottom: 3px solid #ff5722 !important;
}

/* Freeze the first column */
.table tbody td:first-child,
.table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 1021; /* Ensures column stays above the table rows */
}

/* Higher z-index for the top-left cell */
.table thead th:first-child {
  z-index: 1030;
}


.table th,.table td {
  padding: 12px;
  text-align: center;
  font-size: 16px;
  color: #333;
}


tr:hover td {
  background-color: #ffd54f;
  cursor: pointer;
}

.date-cell {
  color: red;
}

.animatedDiv{
	display:none;
}


.month-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 10px 20px;
  border: 2px solid #ddd;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 400px;
  margin: 0 auto;
}

.month-navigation span {
  font-size: 20px;
  color: #2196F3;
  font-weight: bold;
}

.month-navigation button {
  background-color: #2196F3;
  color: white;
  border: none;
  padding: 8px 15px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.month-navigation button:hover {
  background-color: #1976D2;
}

.prev-btn {
  margin-right: auto;
}

.next-btn {
  margin-left: auto;
}

/*----------------->>>>>>>>>>>>>>>>>>>>>>>>>>>> ToolTip Css <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<---------------------------------------*/

.Custometooltip {
  position: relative;
  display: inline-block;
}

.Custometooltip .tooltiptext {
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity:0;
  transition: opacity 0.3s;
}

.Custometooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.glow {
	font-family:cursive;
  font-size: 30px;
  color: #C52D2F;
  text-align: center;
}

.line_animation {
  font-size: 24px;
  border: 2px solid black;
  padding: 0rem .5rem;
  min-height: 3em;
  resize: both;
  border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> up down arrow<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.table-bottom-scroll{
      font: bold 14px arial;
    }
    .table-bottom-scroll i {
      border: solid black;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      cursor: pointer;
    }
    .table-bottom-scroll .down{
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      margin-bottom: 3.5px;
      margin-right: 5px;
    }
    .table-bottom-scroll .up {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      margin-bottom: -2px;
      margin-left: 6px;
    }
.CustomScroll {
	height: 400px;
    float: left;
    text-align: center;
   margin: 21% 0% 0% 2%;
}
.jeg_menu_footer li:not(:last-child):after {
    content: ' /';
    margin-right: 6px;
    color: #e0e0e0;
}
.jeg_menu_footer li{
	list-style:none;
	display:inline-block;
	line-height: 1.6;
}

.ad_section{
  margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#ad-container {
  background-color: lightyellow;
  border-radius: 5px;
  padding: 0px 20px;
  text-align: center;
  margin: 0 auto;
  
}
.ad-icon{
  color: #a81f1f;
    position: absolute;
    margin: 4% 2%;
    left: 4%;
}
.note{
  font-size: 9px;
    padding: 8px 0px 4px;
}
.ad-title {
  font-size: 20px;
  color: black;
  font-weight: bold;
  padding: 10px;
}

.payment-info {
  font-size: 14px;
    color: black;
    font-weight: bold;
    padding: 5px;
    line-height: 20px;
}

.adTable {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0px;
}

.adTable td {
  font-size: 15px;
  color: black;
  padding: 3.5px;
  border-bottom: 1px solid #ddd;
}

.jodi-rate {
  color: #ff3300;
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
}

.commission-info {
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
}

.whatsapp-link {
  font-size: 18px;
  color: #0004fd;
  text-decoration: none;
  display: block;
  padding: 5px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>Highlight input fields <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> mobile view<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

@media only screen and (min-width: 768px) {
	.nopadding {
		width: 10% !important;
	}
}
@media only screen and (max-width: 600px) {
  .FancyDiv{
	width:100%;
	margin:0px;
	display: flex;
  }
  .outerLoader{
	  width:100%;
  }
.table-responsive thead th { position: sticky; top: -1px; }
}
.u-clearfix:after,
.u-clearfix:before {
  content: '';
  display: table;
}
.u-clearfix:after {
  clear: both;
}

.u-align-center {
  text-align: center;
}
.u-grey-80,
.u-body.u-grey-80,
.u-container-style.u-grey-80:before,
.u-container-layout.u-grey-80:before,
.u-table-alt-grey-80 tr:nth-child(even) {
  color: #ffffff;
  background-color: #333333;
}
.u-custom-color-1 a, .u-body-color a, .u-palette-1-base a, .u-palette-1-dark-3 a, .u-palette-1-dark-2 a, .u-palette-1-dark-1 a, .u-palette-1 a, .u-palette-1-light-1 a, .u-palette-2-base a, .u-palette-2-dark-3 a, .u-palette-2-dark-2 a, .u-palette-2-dark-1 a, .u-palette-2 a, .u-palette-2-light-1 a, .u-palette-3-dark-3 a, .u-palette-3-dark-2 a, .u-palette-3-dark-1 a, .u-palette-4-base a, .u-palette-4-dark-3 a, .u-palette-4-dark-2 a, .u-palette-4-dark-1 a, .u-palette-5-dark-3 a, .u-palette-5-dark-2 a, .u-palette-5-dark-1 a, .u-grey-40 a, .u-grey-30 a, .u-grey-90 a, .u-grey-80 a, .u-grey-75 a, .u-black a, .u-grey-70 a, .u-grey-60 a, .u-grey-50 a, .u-grey-dark-3 a, .u-grey-dark-2 a, .u-grey-dark-1 a, .u-grey a, .u-shading a, .u-overlap-contrast .u-header a:not(.u-nav-link):not(.u-btn) {
    color: #adcce9;
}

.u-footer {
  background-image: none;
}

.u-footer .u-sheet-1 {
  min-height: 120px;
}

ul:not(.u-unstyled) {
    margin-top: 20px;
    margin-bottom: 20px;
}
.u-footer .u-text-1 {
  width: 417px;
  margin: 49px auto;
}
@media (max-width: 1199px) {
  .u-footer .u-sheet-1 {
    min-height: 99px;
  }
}
@media (max-width: 991px) {
  .u-footer .u-sheet-1 {
    min-height: 76px;
  }
}
@media (max-width: 767px) {
  .u-footer .u-sheet-1 {
    min-height: 57px;
  }
}
@media (max-width: 575px) {
  .u-footer .u-sheet-1 {
    min-height: 36px;
  }

  .u-footer .u-text-1 {
    width: 340px;
  }
}
@media (min-width: 1200px) {
  .u-align-center-xl {
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .u-align-center-lg {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .u-align-center-md {
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .u-align-center-sm {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .u-align-center-xs {
    text-align: center;
  }
}