.header-area {
padding: 10px 0;
transition: 0.4s;
width: 100%;
z-index: 11;
border-bottom: 1px solid #ec4e2080;
}

.bg-black{
background-color: #2b2d42;
}

.account-form form input {
border: 1px solid #ec4e20;
color: #fff;
background: #182137;
}



.account-form form select {
border: 1px solid #ec4e20;
background: #182137;
color: #fff;
}

.card {
border: 1px solid #ec4e20;
margin-bottom: 30px;
}
.card-header {
background: #ec4e20;
}
.nav-tabs {
border-bottom: 1px solid #ec4e20;
}

.game-box .card .card-body ul li a {

color: white;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
background-color: #ec4e20;
}

.card-header {
border-bottom: 1px solid #ec4e20;
}

.table-dark td, .table-dark th, .table-dark thead th {
border-color: #ec4e20;
}

.table-dark {
color: #fff;
background-color: #172036;
}

.card-body-dark{
    background: #2b2d42;
    color:#fff;
}

.bet-option {
    background: #ffffff10;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ec4e2050;
    box-shadow: aliceblue;
}
.question-ratio{
    color: #ec4e20;
}

.each-match {
    /* border-top: 1px solid #ffffff30; */
}
.each-question {
    padding: 10px 0;
}

.bg-dark {
background-color: #2B2D42!important;
}

.btn-fill:hover {
color: #2b2d42;
border: 1px solid;
}


.modal-body input {
border: 1px solid #ec4e20;
color:#fff;
background:#182137;
}

.modal-body .form-control:focus {
color:
#fff;
background-color:
#182137;
border-color:
#ec4e20;
outline: 0;
box-shadow: 0 0 0 .2rem
#ec4e2050;
}


.input-group-text {
color: #fff;
background-color: #ec4e20;
border: 1px solid #ec4e2050;
}

.modal-header {

border-bottom: 1px solid #ec4e2050;
}

hr {

border-top: 1px solid #ec4e2050;
}

.display-none {
display: none;
}

ul li.list-group-item{
background-color:
#182137;
border: 1px solid #ec4e2050 !important;
}

.card  {
border-radius: 5px;
}

.form-control:focus {
border: 1px solid #ec4e2080;
border-color: #ec4e2080;
background: #182137;
box-shadow: none;

color: #fff;

}

input.form-control {
border: 1px solid #ec4e2050;
color: #fff;
background: #182137;
}

.pagination {
justify-content: flex-end;
}

.card-header h3 {
color: #e5e5e5;
}

.page-link {

color: #ec4e20;
background-color: #2b2d42;
border: 1px solid #ec4e2050;
}

.page-item.active .page-link {
color: #2b2d42;
background-color: #ec4e20;
border-color: #ec4e20;
}

.page-item.disabled .page-link{
color: #ec4e20;
background-color: #2b2d42;
border-color: #ec4e2050;
}

.page-link:hover {
z-index: 2;
color: #2b2d42;
background-color : #ec4e20;
}

.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem #ec4e2040;
}
.bg-color-2{
background-color : #2b2d42;
}


tr {
border-bottom: 1px solid #ec4e2050;
}

input[type="file"] {
padding-top: 5px;
}

.form-control:disabled, .form-control[readonly] {
background-color: #182036;

}

.account-form form textarea {
border: 1px solid #ec4e20;
background: #182137;
color: #fff;
}

.pointer {
cursor: pointer;
}

.match-title a{

color: #fff;

}

.match-title a:hover{
color: #ec4e20;
}

.web-sidebar-widget {

border: 2px solid #ec4e20;
}

.web-sidebar-widget .widget-head {
background: #ec4e20;
}

.btn-fill {
background: #ec4e20;
color:#fff;
border: 1px solid #ec4e20;
}

.main-menu ul li a span {
background: #ec4e20;
color: #fff;
}

.main-menu ul li:hover a {
color: #2b2d42;
}

.content-sidebar h3::before {

background: #ec4e20;
}

.content-sidebar ul li a:hover {
color: #ec4e20;

}

.spinner:before {

border: 4px solid #ec4e20;
}

a#scrollUp {

background: #ec4e20;
}

.account-form form input:focus {
border-color: #ec4e20;
}

.main-content-slider .owl-dots .owl-dot:hover, .main-content-slider .owl-dots .owl-dot.active {
border-color: #ec4e20;
background:  #8d99ae;
}


@media only screen and (max-width: 425px) {
.bet-option strong {
font-size : 13px;
}
}

@media only screen and (max-width: 425px) {
.content-center {
padding: 40px 10px;
}
}

@media only screen and (max-width: 1440px) {
.bttn-small {

padding: 8px 13px;
}
}

.game-box .card .card-body table tr {
white-space: nowrap;
}


.single-box {
position: relative;
padding: 40px;
color: #ffffff;
border-radius: 10px;
z-index: 1;
margin-bottom: 30px;
}
.single-box::before {
background: #2b2d42;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
z-index: -1;
border-radius: 10px;
}
.single-box i {
font-size: 34px;
height: 80px;
width: 80px;
line-height: 80px;
border-radius: 50%;
text-align: center;
color: #ec4e20;
display: block;
margin: auto;
margin-bottom: 30px;
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
border: 2px solid #ec4e20;
transition: 0.4s;
}


.scrolling-element {
border-bottom: 1px solid #ec4e2050;
padding: 10px 0 0 0;
}

.scrolling-element-winner {
border-bottom: 1px solid #ec4e2050;
padding: 10px 0 ;
}


.btn-custom {
background: #ec4e20;
border: 1px solid #ec4e20;
}

.btn-league{
font-size:20px;
padding: 5px 15px;
margin-top:-5px;
}

.each-match {
background: #8d99ae20;
}

.bg-halka {
background: #ec4e2020;
}

.league li{
padding: 15px;
margin-bottom: 0 !important;
background: #2b2d42;
border-bottom: 1px solid #252f5a;
}

.web-sidebar-widget .widget-head h3 {
color: #e5e5e5;
}

.content-sidebar ul li a img {
max-width: 28px;
max-height: 28px;
margin-right: 8px;
}



@media only screen and (max-width: 760px) {
.section-title h2 {
font-size: 18px;
}
}

.comment-content .comment-author {

color: #fff;
}

.section-title h2 span {
color: #fff;
}

.fa.fa-angle-down {
color: #e8e8e8;
}


@media only screen and (max-width: 776px) {
.section-title h2 {
font-size: 18px;
}

.game-box .card .card-header h3 {
font-size: 14px;
}

}

.menu-toggle::before, .menu-toggle::after {
background: #fff;
}

.menu-toggle {
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
color: #ffffff;
}

.cmn-btn{
margin-bottom: 20px;;
}


@media only screen and (max-width: 1440px) {
.web-sidebar-widget .widget-body {
padding: 13px;
}
}
@media only screen and (max-width: 769px) {
.web-sidebar-widget .widget-body {
padding: 30px;
}
}