.pdT2{
	padding-top:2%;
}

.pdT3{
	padding-top:3%;
}

.pdT10{
	padding-top:10%;
}

.pdT40{
	padding-top:40%;
}

.pdb15{
	padding-bottom:3rem!important;
}

.pdL12{
	padding-left:12px;
}

.pdLR0
{
    padding-left:0px !important;
    padding-right:0px !important;
}

.roundBtn {
    padding-left: 7% !important;
    padding-right: 7% !important;
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}

.pd1per
{
    padding:1%;
}


.pdB2{
	padding-bottom:2%;
}


.pdR5
{
    padding-right:5px;
}

.padLeftRightFifteen
{
    padding-left:15px;
    padding-right:15px;
    margin-top: 15px;
    margin-bottom:15px;
}

.pdZero
{
    padding:0px !important;
}


.mg2per
{
    margin:2% !important;
}

.mt10{
	margin-top:10% !important;
}

.mt2{
	margin-top:2% !important;
}

.mt15{
	margin-top:15px !important;
}

.mb15
{
   margin-bottom: 3rem!important;
}




.mL3
{
    margin-left:3rem !important;
}

.mL5
{
    margin-left:5rem !important;
}

.mgT-5per
{
    margin-top:-5% !important;
}

.mgLR2
{
    margin-left:0.2% !important;
    margin-right:0.2% !important;
}

.btnBlueColor
{
    background-color: #204C6C !important;
}

.fontGreen{
	color:green;
}

.fontRed{
	color:red;
}

.fontWhite{
	color:#fff !important;
}

.fontPink, .pinkColor
{
    color:#BA1592 !important;
}

.fontNavSize
{
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight:500;
}

.bgRed {
    background-color: #F00;
}

.dbLogo img{
	width:100px;
	height:auto;
}

.posRel
{
    position: relative;
}

.posAbs
{
    position: absolute;
}

.posStatic
{
    position:static;
}

.top25per
{
    top: 25%;
}

.logoCentre{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: table;
}

.logoLeft{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 65px;
    right: 0;
}

.textAlignCenter{
	text-align:center;
}

.btn-light-blue {
    color: #fff;
    background-color: #0E3A6D !important;
}

a {
    color: #000000;
}

.noBorderOnlyBottom{
    border: 0px solid !important;
    border-bottom: 1px solid #ced4da !important;
}

.textUnderline
{
    text-decoration: underline;
    text-decoration-thickness: 0.05em;
     text-underline-offset: 5px;
}

.navbar-brand img {
	width:135px;
	height:auto;
    filter: drop-shadow(#000000 1px 1px 3px);
}

.landing-page .intro-2 {
    background: url(../assets/imgs/header2.jpg) no-repeat center center !important;
}

.landing-page .top-nav-collapse {
    background-color: #000000 !important;
}

.landing-page .page-footer {
    background-color: #fff;
    color:#000;
    font-family: 'Oswald', sans-serif;
}


.bgOffer {
    background-image: linear-gradient(45deg, rgba(189, 21, 156, 1), rgba(188, 20, 155,1)), url('../../assets/imgs/bgOffer.jpg')  !important;
    /*background: rgba(188, 20, 155,1) url(../../assets/imgs/bgOffer.jpg) no-repeat left top  !important;
    #e710bf*/
}

.offerRow
{
    margin-top:3rem;
    font-family: 'Oswald', sans-serif;
    min-height: 10vh;
}

.offerIcon{
    /*display:table;
    margin:0px auto;*/
    float:left;
}

.offerIcon img{
    width:100%;
    height:auto;
}

.offerText{
    font-size: 1.5rem;
    font-family: 'Oswald', sans-serif;
    padding-top: 10px;
    
}
.offerTextSubHead {
    font-size: 2rem;
    font-family: 'Oswald', sans-serif;
}

.quote
{
    font-family:  'Oswald', sans-serif;
    font-size:3rem;
    color:#366aa2;
    margin-bottom:0px !important;
}
.quoteText
{
    font-family:  'Oswald', sans-serif;
    font-size:1rem;
    color:#5f5c5c;
    margin-top: -2rem;
}

.playOffer {
    background: url('../../assets/imgs/upcomingBG.jpg') no-repeat center center !important;
    /*background: rgba(188, 20, 155,1) url(../../assets/imgs/bgOffer.jpg) no-repeat left top  !important;
        #e710bf*/
}

.videoSrc img
{
    width:100%;
    height:auto;
}

.fab{
    color:#000;
}

footer.page-footer a
{
    color:#000;
}

.btn[class*="btn-outline-"] {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.btn 
{
    font-family:  'Oswald', sans-serif;
    margin:0px !important;
    padding:0.6rem;    
    text-transform:uppercase;
}    

footer .list-unstyled  li{
    padding-top:5px;
}

.hide{
    display:none !important;
}

/**** ADMIN ****/
/*.purple-gradient {
    background: linear-gradient(180deg,#9B1981,#0E3A6D)!important;
}*/

.classic-tabs .nav li a {
    font-size: 1.2rem;
}

.purple-gradient {
    background: linear-gradient(40deg, #0E3A6D, #7873f5) !important;
}

.pink-gradient
{
background: linear-gradient(40deg, #db14b4, #ab1583) !important;
}

.register-page .intro-2 {
    background: url(../assets/imgs/cricBg.jpg) center center no-repeat;
    background-size: cover;
}

.login-page .intro-2 {
    background: url(../assets/imgs/cricBg.jpg) no-repeat center center;
    background-size: cover;
}

.register-page .card {
    background-color: rgba(255,255,255,.4);
}

.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
    color: rgba(223, 21, 191, 1);
    font-weight:bold;
    background-color: rgba(255, 255, 255, 0) !important;
    text-transform:uppercase;
}

.nav-item{
    margin-left:40px;
}

.uCase
{
    text-transform: uppercase;
}

.otp .card {
    background-color: rgba(255,255,255,1);
}

:where(.otpcontainer, .otpcontainer form, .input-field, header) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.otpcontainer {
  /*background: #fff;*/
  padding: 30px 65px;
  border-radius: 12px;
  row-gap: 20px;
  /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
}
.otpcontainer header {
  height: 65px;
  width: 65px;
  background: #4070f4;
  color: #fff;
  font-size: 2.5rem;
  border-radius: 50%;
}

.otpcontainer header i{
	padding: 13px 5px 15px 13px;
}

.otpcontainer h4 {
  font-size: 1.25rem;
  color: #333;
  font-weight: 500;
}
.otpcontainer form .input-field {
  flex-direction: row;
  column-gap: 10px;
}
.otpcontainer .input-field input {
  height: 45px;
  width: 42px;
  border-radius: 6px;
  outline: none;
  font-size: 1.125rem;
  text-align: center;
  border: 1px solid #ddd;
}
.otpcontainer .input-field input:focus {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.otpcontainer .input-field input::-webkit-inner-spin-button,
.otpcontainer .input-field input::-webkit-outer-spin-button {
  display: none;
}
.otpcontainer form button {
  margin-top: 25px;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  border: none;
  padding: 9px 0;
  cursor: pointer;
  border-radius: 6px;
  pointer-events: none;
  background: #6e93f7;
  transition: all 0.2s ease;
}
.otpcontainer form button.active {
  background: #4070f4;
  pointer-events: auto;
}
.otpcontainer form button:hover {
  background: #0e4bf1;
}

main{
	/*margin-bottom:5%;*/
}

label.error {
    position: absolute !important;
    left: 0 !important;
    font-size: 10px !important;
	color:red !important;
    cursor: text !important;
    transition: transform .2s ease-out,color .2s ease-out !important;
    transform: translateY(47px) !important;
    transform-origin: 0 100%;
}

#register label.error {
    position: absolute !important;
    left: 0 !important;
    font-size: 12px !important;
    color: white !important;
	cursor: text !important;
    transition: transform .2s ease-out,color .2s ease-out !important;
    transform: translateY(47px) !important;
    transform-origin: 0 100%;
}

#register .form-control, #register label{
	color:white !important;
}

#register .fontBlack
{
    color:#000 !important;
}

.white-skin .page-footer {
	position: fixed !important;
    bottom: 0 !important;
    width: 100%;
	z-index:1;
}

.h1Head{
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    font-weight:400;
    /*color:#1c4f7c;*/
}

.subHead
{
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    /*color:#f70ddf;    */
}

.subTeam
{
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    color:#000;   
}

.dayMatchTeam
{
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    color:#000;   
}

.dayMatchVs
{
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    color: #f70ddf;
    font-size: 40px;
    font-weight: 400;
}

.dayMatchDetails
{
    text-align: center;
    text-transform: uppercase;
    color: #5f5c5c;
    font-size: 12px;
    padding-top: 10px;
}

.blueColor
{
    color:#366aa2 !important;
    font-weight:400;
}

.textBottom
{
    position: absolute;
    /*bottom: 0px;*/
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
}

.pointBottom
{
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
}

.textPosRight
{
    right: 0px;
}

.textPosLeft
{
    left: 0px;
}


.botNoSpace
{
    margin-bottom: 0rem!important;
}

.centreObj img
{
    display:table;
    margin:0px auto;
}

.upcomingMatch {
    background: #2d4a67 url(../../assets/imgs/upcomingBG.jpg) no-repeat center center !important;
}

.matchCardBg
{
    background-color:#fff;
    min-height:22vh;
    /*border-top:3px solid #f70ddf;*/
    margin-top:5%;
    margin-bottom:5%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.imgWidthHeightAuto img
{
    width: 90%;
    height: auto;
}

.aboutText
{
    font-family: 'Oswald', sans-serif;
    font-size:24px;
}

.excitingOffer
{
    background-color:#dc12bc;
}

.centerDiv
{
    display: table !important;
    margin: 0px auto;
}

.footerLogo img
{
	width:135px;
	height:auto;
    filter: drop-shadow(#000000 1px 1px 3px);
}

ul {
  /*list-style-image: url('sqpurple.gif');*/
}

.screenOverlay {
  background: rgba(0, 0, 0, 0.2);
}

.landing-page .cardLanding {
    background-color: rgba(255, 255, 255, 1);
}
.cardLanding .fas{
    color: #4285f4;
}

.slick-prev:before, .slick-next:before {
    color:#000 !important;
}

.slick-prev:before {
    content: '<' !important;
    font-family: 'oswald' !important;
    font-size: 50px !important;
}

.slick-next:before {
    content: '>' !important;
    font-family: 'oswald' !important;
    font-size: 50px !important;    
}

/****** NOTIFICATION ********/
.messages {
    padding: 0;
    list-style-type: none;
    margin: 0 20px 20px 20px;
}

.messages>li {
    margin-top: 20px;
}

.messages>li .image {
    float: left;
    width: 50px;
}

.messages>li .message {
    position: relative;
    background: #eee;
    margin-right: 20px;
    padding: 10px;
    margin-left: 60px;
}

.messages>li .message .caret {
    position: absolute;
    left: -7px;
    top: 10px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #eee;
    border-left: 0;
}

.messages>li.right .message {
    background: #d1e5f8;
    margin-left: 20px;
    margin-right: 0;
    margin-right: 60px;
}

.messages>li.right .image {
    float: right;
}

.messages>li.right .message .caret {
    left: auto;
    right: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #d1e5f8;
    border-right: 0;
}


.message .name {
    font-weight: 600;
}

.messages>li .message p {
    color: #444;
}

.messages>li .message .time {
    color: #555;
    font-size: 11px;
}

.messages>li.insert {
    position: relative;
    border: 1px solid #ddd;
    margin-right: 10px;
}

.messages>li.insert #message-form {
    background: #f9f9f9;
    margin-bottom: 0;
}

.messages>li.insert .text {
    margin-right: 30px;
}

.messages>li.insert .submit {
    position: absolute;
    right: 0;
    top: 0;
	min-height:30px;
	font-size:17px;
}

.messages>li.typing {
    display: none;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sn-bg-4 {
    background-image: url(../img/sidenav4.jpg) !important;
}


#playersDiv {
	/*border-top:1px solid #ced4da;*/
}

#team1Row, #team2Row{
	border: 1px solid #ced4da;
	margin-right:1px;
	margin-top:5px;
}


.hide{
	display:none;
}

#popPlayers{
	cursor:pointer;
}

.blueBar
{
    /* border-top: 66px solid #123553 !important; */
    background-color: #123553;
    height:66px;
}

.pinkBar
{
    /* border-top: 66px solid #942399 !important; */
    background-color: #942399;
    height:66px;
}

.greyBar
{
    /*border-top: 66px solid #303948 !important;*/
    background-color: #303948;
    height:66px;
}

.minTeamnameHeight
{
    min-height: 48px;
}

.white-skin .purple-color
{
    background-color: #8e24aa !important;
}

table tbody tr{
    cursor: pointer;
}


/* Custom CSS to always show scrollbar on mobile */
    @media (max-width: 576px) {
      .modal-body {
        max-height: calc(100vh - 56px); /* Adjust as needed */
        overflow-y: auto !important;
		scrollbar-color: #8E24AA white;
      }
    }