.text-3d {
    text-shadow:
        1px 1px 0 #b36b00,
        2px 2px 0 #995c00,
        3px 3px 0 #804d00,
        4px 4px 6px rgba(0,0,0,0.4);
}
.overlay {
    background-color: rgba(0,0,0,0.15);
    position: relative;
    overflow: visible !important;
   
  }
.overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1;
  pointer-events: none;
}

.glass {
    background-color: rgba(255,255,255,0.70);
    backdrop-filter: blur(8px);
    border-radius: 18px;
}
.cicketers_logo img{
    max-width:180px;
    width:100%;
    height:auto;
}
.golfer-img {
    max-width: 220px;
}
.compact-card {
    max-height: 200px;
    overflow-y: auto;
    padding: 0.75rem;
}
.list-group-item {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.3;
}
.lead {
  font-size: 1rem !important;
  line-height: 1.7;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

@media (min-width:843px) {
.homepage-card {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  }
.hero-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
.bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
​.loggin{
font-weight: bold;
text-align: left;
font-size: 20px;
display: inline-block;
width:300px;
color: whitesmoke
}
.tblLeaderboard.table td {
 padding: 3px 0px 3px 5px !important;
}
.tblnextRoundAdj.table td {
  padding: 0px 0px 2px 4px !important;
}
div.inside {
 opacity: 0.7;
 font-weight: 700;
 color: black !important;
 box-shadow: 5px 5px;
}
h1 {
  text-align: center;
  font-size: 90px !important;
  color: #1806e1 !important;
}
h2 {
  text-align: center;
  color:yellow !important;
}

h3 {
  font-size: 16px !important;
  color: orange !important;
  font-family: sans-serif;
}
.index_style h1 {
    font-size: 2.5rem !important;
    color: orange !important;
    font-family: sans-serif;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}
@media screen and (max-width: 400px) {
   .index_style h1 {
    font-size: 1.8rem !important;
    color: orange !important;
    font-family: sans-serif;
}
} 
@media (max-width: 991.98px) {
  .navbar-brand-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
}
h4 {
  color: #fff !important;
}
 h5 {color: white !important; text-align: center;}
.trophies th {
  text-align: center;
 }
.trophies th:nth-child(2) {
  text-align: left;
 }
.diffTrophy {
  width: 100%;
}
ul.a {
  list-style-type: square;
  }
    input[type='text']:hover {
      background: #a0e6eb;
      cursor: pointer;
    }
    input[type='number']:hover {
      cursor: pointer;
     }
.dropdown-content li>a, .dropdown-content li>span {
  color:black;
}
    
.main {
  max-width: 925px;
  width: 100% ;
  background-color:#cffae2;
  border: 1px solid;
  border-color: black;
  
}
.date-picker {
  display: block;
  width: 100%;
  max-width: 125px;
  margin: 0 auto;
}

.date-picker input[type="date"] {
  width: 100%;
  padding: .5rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: .35rem;
}
.toast.banner-toast {
  width: 100%;
  max-width: none;
  border-radius: 0;
  text-align: center;
  font-size: 1.1rem;
  padding: 1rem;
}
.toast-container {
  pointer-events: none;  /* let clicks pass through */
}
.toast-container .toast {
  pointer-events: auto;  /* but still allow interaction with the toast itself */
}

#statusOverlay {
  display: none !important;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#statusOverlay.active {
  display: flex !important;
  visibility: visible;
  opacity: 1;
}
.left-btn { float:left;}
.right-btn {float:right;}
.modal {background-color: lightgray; opacity: 1 !important;}
.modal-backdrop {background-color: lightgray; opacity: 0.8;}

  body {
    background-color:rgb(234, 230, 230);
      
    } 
    .bgi {
      background-color:rgb(147, 148, 147);
    }
    .bgg {
     background-color: rgb(40, 120, 40);
    }
    .head {
      font-weight: bold;
      
    }
    .one {
      width: 200px;
      
      font-size: 18px;
      height: 25px;
    }
     
   
    .image{
      width: 395px;
    }
    
    .ft {
     font-size:14px;
     width:213px;
    }
    .add {
      font-size: 18px;
      width:350px;
      font-weight: bold;
     
    }
    .a1 {
      font-size:16px;   
    }
    .add1 {
      font-size: 18px;
      border: 1px solid black;
      background-color:white;
    }
    .add2 {
      width:250px;
      border: 1px solid black;
      background-color:white;
      padding: 0;
    }
    
     /*  
    .mid {
      margin: auto;
      margin-top: 10%;
      width: 400px;
      height: 400px;
      border: 1px solid black;
      background-color: #f2f2f2;
      padding: 46px 22px 115px 22px;
    
  }
      */

  /*
  .watermark {
  height: 880px;
  display: block;
  position: absolute;
  margin-left: 250px;
}

.watermark::after {
  content: "";
  background:url(img/splash512.png);
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
}
  */
.row-bottom-margin { 
  margin-bottom:-10px;
    }
.row-bottom-margin-space { 
  margin-bottom: 10px;
      }
.hselect { 
    width: 100%;
    height: 100%;
    font-size: 28px;
    text-align-last:center;
    border: 1px solid white;
    border-radius: 0;
} 
#cricketersList {
padding-right: 15px;
}

 .btnlft {
    width: 100%;
    height: 100%;
    font-size: 30px;
    color: blue;
    background-color: lightgray;
    font-weight: bold;
    
   }
.btnrgt {
    width: 100%;
    height: 100%;
    font-size: 30px;
    color: blue;
    background-color: lightgray;
    font-weight: bold;
 
   }
 
  table td input {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: rgb(40,120,40);
    border: none;
        
   } 
input[type='text']:hover {
  background:rgb(207, 103, 103);

 }
td:hover {
color: red;
 }
 .table.frt9 td {
    padding:10px 1px !important;
    text-align: center !important;
    }
.table.bck9 td {
    padding:10px 1px !important;
    text-align: center !important;
    }
.navbar-toggler {
    border: none;
}
.navbar {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    height: 58px;
}
.btns {
    width: 100%;
    height: 100%;
    font-size: 16px !important;
    color: blue !important;
    background-color: lightgray !important;
    font-weight: bold !important;
    }
  .penaltyTD {
    padding: 2px 0px 2px 2px !important;
    text-align: left;
  }
.center {margin:0 auto; text-align:center;}
.row-spacing {
    margin-bottom: auto;
}

table  td {
  vertical-align: middle;
  text-align: center;
  padding: 0 !important;
  
}
.tblNewHcp td input {
   border: 1px solid #555 !important;
}
.addSlopes td {
  border: 1px grey solid;
  height: 50px;
  vertical-align: middle !important;
  padding:  1px 1px 1px 1px;
  background-color: #a19f9c !important;
 }
.addSlopes tr {
 height: 40px;
}
.add td {
background-color: rgb(40, 120, 40) !important;
}
.addSlopes th {
  width: 25%;
  
}

input[type='number']:focus {
  background:rgb(207, 103, 103);

 }
 input[type='number'] {
  border-bottom: 0px !important;
  height: 100%;
  width: 100%;
  
 } 
 .selCourse td {
  background-color: rgb(40, 120, 40) !important;
  border-bottom: rgb(40, 120, 40);
 }
 .tblKeyBoard td {
  padding: 0;
  width: 75px;
  height: 40px;
 }

/* === Daily Toast Notification === */

.toast-container {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#dailyToast.toast {
  width: 360px;
  padding: 20px;
  border-radius: 16px;
  font-size: 18px;
  height: 150px;
}

#dailyToast .toast-body {
  font-weight: 600;
  text-align: center;
}


/* When active (shown) */
.daily-toast.show {
  top: 30px; /* Slide down */
  opacity: 1;
}

/* Optional fade-out effect */
.daily-toast.hide {
  top: -100px;
  opacity: 0;
}
.small-toast-container {
  position: fixed !important;
  top: 560px !important;      /* move it down from the very top */
  right: 20px;    /* keep on the right side */
  z-index: 2000;
}

/* Inner content */
.toast-content strong {
  font-size: 17px;
  display: block;
  margin-bottom: 6px;
}

.toast-content em {
  font-size: 14px;
  color: #f8f9fa;
}
.toast-container.center-middle {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1080; /* ensure it's above modals */
}
.cricketers-page input[type="text"] {
text-transform: uppercase;
font-size: 16px;
width: 180px;
}
.cricketers-page input[type="date"] {
font-size: 14px;
width: 110px;
}
.cricketers-page html, body {
    overflow-x: hidden;
    overflow-y: auto; 
  }
.cricketers-page  table td input {
  height:25px;
  border: none;
  padding: 0;
  background-color: transparent;
}
.cricketers-page.table thead th {
  padding: 5px 0px 3px 2px ; 
  background-color: white;
  font-size: 16px;
}
.cricketers-page h2 {
  color: black;
}
.cricketers-page input::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color:black;
}
#dailyToast {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
#dailyToast.show {
  opacity: 1;
  transform: translateY(0);
}

/*# sourceMappingURL=cricketers.03d52098c59adbff744a.css.map*/