.pagination {
    margin: 15px auto;
    display: flex;
    list-style: none;
    outline: none;
}

.pagination>.active>a {
    background-color: #47ccde;
    border-color: #47ccde;
    color: #fff;
}

.pagination>li>a {
    border: 1px solid #47ccde;
    padding: 5px 10px;
    outline: none;
    cursor: pointer;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #47ccde;
    border-color: #47ccde;
    outline: none;
}

.pagination>li>a,
.pagination>li>span {
    color: #47ccde
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: unset
}


tr {
    text-align: center;
} 

.sidebar-title span {
	color: #ebb553;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 1px;
	padding-left: 5px;
	text-transform: uppercase;
}
.sidebar-title {
	color: #fff;
	display: block;
	font-family: Nanum Gothic,sans-serif;
	font-size: 24px;
	font-weight: 900;
	position: relative;
}
/* .active .page-link{
    background-color: #000000 !important;
    border: #000000;
} */

.active .page-link{
    background-color: #045662 !important;
    border: #045662;
}

.page-item.disabled>a, .page-link{
    background-color: #18adc5 !important;
    border: #18adc5;
}
.c-sidebar .c-sidebar-nav-link:hover, .c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.2) !important;
}
.c-sidebar .c-sidebar-nav-link.c-active, .c-sidebar .c-active.c-sidebar-nav-dropdown-toggle {
    color: #fff;
	background: rgba(0, 0, 0, 0.2) !important;
    /* background: rgba(255, 255, 255, 0.05); */
}
.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .30);
}

/* table,
th, */
/* td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 5px;
} */
.table>thead>tr{
	background-color: #045662 !important;
	color:#ffffff !important; 
}
.table>tbody> tr:nth-child(odd), tr:nth-child(odd) a {
	background-color: #18adc5 !important;
	color:#ffffff !important;
}
.table>tbody> tr:nth-child(even), tr:nth-child(even) a {
	background-color: #ffffff !important;
	color:#045662 !important;
}
.table-hover tbody tr:hover {
	color: #ffffff !important;
	/* background-color: rgba(0, 0, 21, 0.075); */
	background: #045662 !important;
}
.table-hover>tbody>tr:hover>*{
	color: #ffffff !important;
}

a{
    color: #fff !important;
}
.page-header {
    color: #ebb553;
}

.matchheading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color:#000000;
    padding:10px;
    margin-bottom: 10px;
}

.matchheading .page-header {
    font-size:18px;
}

.bat-back-block_head {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    display: flex;
    justify-content:center;
    align-items: center;
    width:'112px';
    background-color:#72bbef;
    height:'30px'
}

.bat-lay-block_head {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    display: flex;
    justify-content:center;
    align-items: center;
    width:'112px';
    background-color:#faa9ba;
    height:'30px'
}


.bat-back-block {
    font-size: 16px;
    width: 113px;
    font-weight: bold;
    color: #000;
    height: 42px;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
}
.batUser{
    font-size: 12px;
}








.multi-counter-box {
	position: relative;
	display: block;
	color: #000;
	width: 100%;
	font-size: 12px;
	padding: 15px 15px;
	background: #ffffff;
	/* margin-bottom: 20px; */
	}	

.multi-counter-box h6 {
	font-size: 16px;
	color: #000000;
	font-weight: 500;
	padding-bottom: 5px;
	}

.counter-number {
	position: relative;
	display: block;
	width: 100px;
	height: 70%;
	cursor: pointer;
	padding: 8px 15px;
	text-align: center;
	background: #75c2fd;
	}

.counter-number h4 {
	font-size: 16px;
	padding: 0px 0px;
	font-weight: 600;
	color: #000000;
	}

    .link-btn {
        position: relative;
        display: block;
        }
    .link-btn a {
        position: relative;
        display: inline-block;
        font-size: 15px;
        min-width: 150px;
        color: #EBB553;
        padding: 10px 15px;
        text-align: center;
        background: transparent;
        border: 1px solid #EBB553;
        }
	.link-btn1 a {
		color: #EBB553 !important;
	}
    
    .link-btn a:hover {
        color: #ffffff !important;
        background: #EBB553 ;
        }
.counter-number h4 strong {
	display: block;
	font-size: 15px;
	font-weight: 400;
	}

.back-lay-bg {
	background: #f694aa;
	}

.beatModalBox .modal-header .multi-counter-box {
	padding: 0px 0px;
	margin: 0px 0px;
	}


.dashorad-nav-box a .row .col-auto,
.dashorad-nav-box a .row .col {
	padding: 0px 9px;
	}

.beatModalBox-body .form-group label {
	color: #000000;
	}

.beatModalBox-body .form-group .form-control {
	color: #000000;
	background: #ffffff;
	border: 1px solid #000000;
	}

.quick-bet-box {
	position: relative;
	display: block;
	width: 100%;
	}

.quick-bet-box ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0px;
	margin: 0px -10px;
	list-style-type: none;
	}

.quick-bet-box ul li {
	width: 25%;
	padding: 0px 10px 20px;
	}

.quick-bet-box ul li .quick-btn {
	position: relative;
	display: block;
	width: 100%;
	color: #ffffff;
	padding: 12px 15px;
	border-radius: 0px;
	background: #EBB553;
	border: 1px solid #EBB553;
	box-shadow: 0px 5px 10px #c1c1c1;
	}

.quick-bet-box ul li .quick-btn:hover {
	background: #BF8825;
	border-color: #BF8825;
	}

.place-betBtn a {
	color: #ffffff;
	background: #EBB553;
	}

.place-betBtn:hover {
	color: #ffffff;
	background: #BF8825 !important;
	border-color: #BF8825 !important;
	}

	.batting-status {
		position: absolute;
		display: flex;
		top: 0px;
		left: 0px;
		z-index: 1;
		width: 100%;
		height: 100%;
		font-weight: 500;
		font-size: 14px;
		color: #ffffff;
		text-align: center;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background: rgb(0, 0, 0, 0.7);
	}
	.batting-layBack {
		position: relative;
		display: block;
	}


	.bat-back-hover:hover {
		cursor: pointer;
		background-color: #2ea1f2 !important;
	}
	.bat-lay-hover:hover {
		cursor: pointer;
		background-color: #f55b7b !important;
	}
	
.batModal{
	z-index: 99999;
	position: absolute !important;
	right: 0px;
	bottom: 0px;
}

.batInput{
	height:50px;
	border-radius:8px;
	border:0px !important
}

.colorBlinkBack {
	/* border: 1px solid white; */
	animation: blink 0.5s steps(5, start) 1;
	-webkit-animation: blink 0.5s steps(5, start) 1;
    }

    @keyframes blink {
		0% {
			background-color:#b1d6f0;
		}
		50% {
			background-color:yellow;
		}
		100% {
			background-color:#b1d6f0;
		}
}


.colorBlinklay {
	/* border: 1px solid white; */
	animation: blink1 0.5s steps(5, start) 1;
	-webkit-animation: blink1 0.5s steps(5, start) 1;
    }

    @keyframes blink1 {
		0% {
			background-color:#faa9ba;
		}
		50% {
			background-color:yellow;
		}
		100% {
			background-color:#faa9ba;
		}
}


.bat_back_0 {
	background-color: #72bbef;
}

.bat_back_1 {
	background-color: #92c9f0;
}

.bat_back_2 {
	background-color: #b1d6f0;
}

.bat_lay_0 {
	background-color: #faa9ba;
}

.bat_lay_1 {
	background-color: #f8bbc8;
}

.bat_lay_2 {
	background-color: #f5cdd5;
}

.counter {
	position: absolute;
	top: -5px;
	right: -10px;
	background-color: red;
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 6px;
	border-radius: 50%;
	text-align: center;
}
.bell-container {
	position: relative;
	display: inline-block;
}

.bell {
	font-size: 20px;
	color: #ffffff;
}

.bellshake{
	animation: ring 0.5s ease-in-out infinite;
}

@keyframes ring {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-15deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(15deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.c-sidebar-nav-link:hover{
	text-decoration: none;
}


.settlementrow {
	background-color:rgb(4, 86, 98);
	display: flex;
	padding-bottom: 20px;
	justify-content: space-around;
	font-size: 14px;
	font-weight: bold;
	color: rgb(255, 255, 255);
}

.btn2 {
	padding: 0px !important;
	font-size: 11px !important;
	height: 31px !important;
	width: 89px;
}
.creditheading {
	background-color: #009500;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
}

.debitheading {
	background-color: #e61b1b;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
}

.table2>tbody> tr:nth-child(odd), tr:nth-child(odd) a {
	background-color: #e8ebed !important;
	color:#ffffff !important;
}


.bottom-row {
	background-color:#045662;
	padding:10px;
	/* width: 100%; */
	/* justify-content: center; */
	margin: 1px;
	/* position: absolute; Stays at the bottom only if content doesn't overflow */
	/* bottom: 47px; */
}
.bottom-row-button{
	height: 36px;
  	width: 100px;
}