@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800';
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');

html{
    height:100%;
    width:100%;
    display: block;
}
[data-bg="white"]{
    background:#fff;
}
[data-bg="purple"]{
    background:#5903ce;
}
[data-bg="green"]{
    background:#4b9f00;
}
[data-bg="red"]{
    background:#ef0d02;
}
[data-color="green"]{
    color:#4b9f00;
}
[data-color="red"]{
    color:#ef0d02;
}
[data-color="white"]{
    color:#fff;
}
[data-color="purple"]{
    color:#5903ce;
}
[data-padding="10"]{
    padding:10px !important;
}
[data-padding-bottom="10"]{
    padding-bottom:10px !important;
}
[data-margin-bottom="10"]{
    margin-bottom:10px !important;
}
[data-min-height="auto"]{
    min-height:auto !important;
}
.no-border{
    border:0 !important;
}
.border-bottom{
    border-bottom: 1px solid #ccc !important;
}
body{
    padding:0;
    margin:0;
    height:100%;
    width:100%;
    display: block;
    font-family: 'Poppins', sans-serif;
    transition: all 0.3s;
    left:0;
    position:relative;
}
body.sidemenu-toggle{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 70%;
    z-index: 7;
}
.overlay-container{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:8;
    height:100%;
    background:rgba(0,0,0,0.6);
}
a{
    text-decoration:none;
    outline:0;
}
.full-width{
    width:100%;
    display:table;
}
.clearfix{
    clear:both;
}
#main-header{
    background:#5903ce;
}
#main-header a{color:#fff;}

#sidemenu-ham i:before{
    margin-left:0;
}
.sidemenu-controller,
.header-right{
    width:10%;
}
.header-branding{width:80%;}
#live-score-container{
    background:#5903ce;
}
#live-score-slides{
    border-radius: 10px;
    overflow:hidden;
}
#live-score-slides .carousel-item{
    height: 240px;
    background: #fff;
    padding:12px 10px;
}
#sidemenu-container {
    width: 70%;
    position: fixed;
    left: -70%;
    top: 0;
    background: #43019c;
    height: 100%;
    z-index: 99;
    visibility:hidden;
    transition: all 0.3s;
}
#sidemenu-container.active{
    left:0;
    opacity:1;
    visibility:visible;
}
.sidemenu-cont-inner{
    position:relative;
    width:100%;
    height:100%;
}
.sidemenu-close{
    position:absolute;
    right: 15px;
    top: 15px;
}
.carousel-indicators{position:relative;margin:5px 0 0;}
#live-score-slides .carousel-item .item-header{
    padding-left:24%;
    position:relative;
}
#live-score-slides .carousel-item .item-header .league-logo{
    width: 60px;
    overflow: hidden;
    border-radius: 100%;
    border: 4px solid #ccc;
    position: absolute;
    left: 0;
    height: 60px;
}
#live-score-slides .carousel-item .item-header .league-logo .logo-cont{
    position:relative;
    width:100%;
    height:100%;
}
#live-score-slides .carousel-item .item-header .league-logo img{
    width:100%;
    bottom: 0;
    height: auto;
    position: absolute;
}
#live-score-slides .carousel-item .item-header h2{
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #000;
    margin-top: 15px;
    float: left;
}
#live-score-slides .carousel-item .item-body{
    padding: 10px;
    display: table;
    width: 100%;
    margin-top: 10px;
    float: left;
}
.team-left, .team-middle, .team-right {
    float: left;
}
.team-left, .team-right{
    width:40%;
}
.team-middle{
    width:20%;
}
.team-left strong,
.team-right strong {
    font-size: 22px;
    font-weight: 800;
    margin: 0;
    float: left;
    width: 100%;
    text-align: center;
}
.team-right p,
.team-left p {
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
}
.team-middle span {
    padding: 9px;
    background: red;
    border-radius: 100%;
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    margin: 0 auto;
    display: table;
}
.item-scores{
    float: left;
    width: 100%;
    margin: 15px 0 0;
    font-size: 14px;
    text-align: center;
}
.item-scores .score-left,
.item-scores .score-right{
    float:left;
    width:46%;
    margin:0 2%;
}
.item-status p{
    margin:0;
    color:#5903ce;
}
.owl-carousel .owl-item{
    border-radius:5px;
    overflow:hidden;
}
.owl-carousel .item {
    height: auto;
    min-height:150px;
    background: #5903ce;
    padding: 12px;
    display:table;
}
.row-heading h2{
    font-size: 20px;
    font-weight: 600;
    color: #444;
    margin: 0 0 20px;
    padding-left: 20px;
    position: relative;
    line-height: 22px;
}
.row-heading h2:before{
    position:absolute;
    left:0;
    top:0;
    width:6px;
    background:#5903ce;
    content:'';
    height:100%;
}
.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: -57px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    font-size: 35px;
    line-height: 25px;
    background:none !important;
    color: #000 !important;
    outline:0;
}
.tournament-item-left{
    width: 20%;
    float: left;
}
.tournament-item-right{
    width: 76%;
    float: right;
}
.tournament-item-right h3{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 5px;
}
.tournament-item-right p{
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin: 10px 0 5px;
    font-weight:200;
}
.tournament-item-right p strong {
    margin-bottom: 0;
    display: block;
    width:100%;
    font-weight:700;
}
.tournament-item-right p span {
    display: block;
    margin: 6px 0 0;
}
.tournament-item-right .item-action{
    font-size: 14px;
    color: #fff;
    float: right;
    margin:10px 0 0;
}
.tournament-item-right .item-action i:before{
    margin:0;
    font-size:12px;
}
.played-tourn-item .item-inner {
    padding: 15px 12px;
    background: #28035d;
    margin-top: 10px;
    color: #fff;
    display:table;
    width:100%;
}
.played-tourn-item .item-left {
    width: 20%;
    float: left;
}
.played-tourn-item .league-logo{
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
    border: 4px solid #ccc;
    background: #fff;
}
.played-tourn-item .league-logo img {
    width: 100%;
}
.played-tourn-item .item-right{
    float: right;
    width: 78%;
}
.played-tourn-item .item-right h3{
    font-size: 15px;
    font-weight: 700;
    margin:0 0 5px;
}
#played-tourn-container .row-heading .more-link{
    float: right;
    color: #58029b;
    font-size: 15px;
    font-weight: 600;
}
#played-tourn-container .row-heading .more-link i:before{
    margin:0;
}
#played-tourn-container .row-heading .more-link i{
    line-height: 23px;
    float: right;
    margin-left: 10px;
}
#played-tourn-container .row-heading h2{
    margin:0 0 10px;
    float:left;
}
.played-tourn-item .item-right p {
    margin: 0 0 10px;
    font-size: 12px;
}
.played-tourn-item .item-right strong{
    padding: 4px 8px;
    background: #58029b;
    margin: 0 0 10px;
    float: left;
    line-height: 15px;
    font-size: 13px;
    font-weight: 400;
}
.sidemenu-branding{
    padding: 46px 20px;
    margin: 0 ;
    background: #300155;
}
ul.sidemenu-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 19px;
    line-height: 44px;
    padding: 30px 0;
}
.sidemenu-list li {
    position:relative;
}
.sidemenu-list li:hover{
    background:#300155;
}
.sidemenu-list li a{
    text-decoration:none;
    cursor:pointer;
    padding: 5px 30px;
    display:block;
    width:100%;
}
footer p{
    margin-top: 15px;
}


/* ====================== */
/* Page 2 CSS */
/* ====================== */

#score-update-container{
    background:#5903ce;
}
#score-update-container .item-inner-container{
    min-height: 200px;
    background: #fff;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
}
#score-update-container .item-header{
    padding: 12px 10px 4px 20%;
    position: relative;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
#score-update-container .item-header .league-logo{
    width: 60px;
    overflow: hidden;
    border-radius: 100%;
    border: 4px solid #ccc;
    position: absolute;
    left: 0;
    height: 60px;
    background: #fff;
    top: 0;
}
#score-update-container .item-header .league-logo .logo-cont{
    position:relative;
    width:100%;
    height:100%;
}
#score-update-container .item-header .league-logo img{
    width:100%;
    bottom: 0;
    height: auto;
    position: absolute;
}
#score-update-container .item-header h2{
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 0;
    float: left;
    margin-bottom: 5px;
}
#score-update-container .item-header p{
    float: left;
    width: 100%;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 5px;
}
.live-highlighter {
    position: absolute;
    right: 6px;
    top: -9px;
    background: red;
    padding: 12px;
    color: #fff;
    font-size: 11px;
    border-radius: 100%;
    line-height: 21px;
}
.score-row{
    display: table;
    width: 100%;
    margin: 0 0 10px;
    padding:5px 10px;
}
.score-row .score-left {
    float: left;
    width: 70%;
    text-align:left;
}
.score-row .score-right {
    float: right;
    width: 30%;
    text-align:right;
}
.score-row .score-left .team-logo {
    float: left;
    padding: 4px 10px;
    background: #27015b;
    color: #fff;
    font-weight: 800;
    margin-right: 10px;
    min-width: 65px;
    text-align: center;
}
.score-row .score-left h3{
    font-size: 16px;
    color: #27015b;
    font-weight: 500;
    float:left;
    width:64%;
    margin:0;
}
.score-right p {
    font-size: 13px;
    margin:0;
    line-height:30px;
}
.item-score{
    margin: 20px 0 0;
}
.item-score-update{
    padding:4px 10px;
}
.item-score-update p {
    font-size: 13px;
    text-align: center;
    color: #5903ce;
    margin: 5px 0;
    line-height: 15px;
}
.score-row.active{
    background:#c8afea;
    position:relative;
}
.score-row.active:after{
    content:'';
    right:0;
    top:0;
    height:100%;
    width:5px;
    background:red;
    position: absolute;
}
#score-card-container{
    background:#5903ce;
}
.score-card-inner{
    width: 100%;
    min-height: 150px;
    background: #fff;
    border-radius: 10px;
    padding:10px;
}
.score-card-inner table{
    width:100%;
}
.score-card-inner table td,
.score-card-inner table th {
    padding: 5px;
    font-size: 13px;
    border-bottom:1px solid #ccc;
}
.score-card-inner table td{
    font-size: 11px;
}
#score-card-container .batting-row,
#score-card-container .partnership-row,
#score-card-container .wickets-row,
#score-card-container .bowling-row{
    margin:0 0 10px;
}
.score-card-inner table td span,
.score-card-inner table th span{
    color:#031bce;
}
.partnership-row h3,
.wickets-row h3{
    font-size: 16px;
    font-weight: 700;
    margin: 15px 0 10px;
    width: 100%;
    float: left;
}
.partnership-row p,
.wickets-row p {
    margin: 0;
    font-size: 13px;
    width: 100%;
    float: left;
}

/* ====================== */
/* PAGE 3 CSS */
/* ====================== */

.card-nav-links{
    list-style-type:none;
    margin:0;
    padding:0;
}
.card-nav-links li{
    float: left;
    font-size: 10px;
    width: 25%;
    margin: 0 0 5px;
}
.card-nav-links li i:before{
    margin: 2px 0 0 5px;
    font-size: 17px;
    display: table;
}
.card-nav-links li i{
    background: #000;
    color: #fff;
    border-radius: 100%;
    width: 29px;
    height: 29px;
    display: table;
    text-align: center;
    vertical-align: middle;
    float: left;
    position: relative;
    z-index: 2;
}
.card-nav-links li span{
    margin-top: 5px;
    float: left;
    margin-left: 10px;
    font-size: 10px;
    position: relative;
    z-index: 1;
    padding: 3px 10px;
    margin-left: -10px;
    background: #000;
    color: #fff;
}
.card-nav-links li.teams i,
.card-nav-links li.teams span{
    background:#35017c;
}
.card-nav-links li.gallery i,
.card-nav-links li.gallery span{
    background:#68b406;
}
.card-nav-links li.batting i,
.card-nav-links li.batting span{
    background:#ef0d02;
}
.card-nav-links li.bowling i,
.card-nav-links li.bowling span{
    background:#025ba6;
}
.matches-header {
    padding: 0 !important;
    margin: 0 0 5px;
}
.matches-header .league-logo {
    position: relative !important;
    float: left;
}
.matches-header h2 {
    width: 78%;
    float: right !important;
    margin-top: 15px !important;
}
.card-nav-additional-links a {
    float: left;
    font-size: 11px;
    color: #000;
    padding: 5px 8px;
    background: #ccc;
    border-radius: 5px;
    margin-right: 9px;
}
.card-nav-additional-links{
    display: table;
    width: 100%;
    margin: 10px 0;
}
.card-nav-additional-links a.match-info-btn {
    background: #ff9600;
    color: #fff;
    float: right;
}
.matches-list{
    list-style-type:none;
    margin:0;
    padding:0;
}
.matches-list li{
    float: left;
    margin-left: 1.5%;
}
.matches-list li:first-child{
    margin-left:0;
}
.matches-list li a{
    background: #ff9600;
    color: #41037c;
    font-size: 12px;
    font-weight: 700;
    display:table;
    border-radius: 5px;
    overflow: hidden;
    cursor:pointer;
}
.matches-list li a span{
    padding:7px 11px;
    float:left;
}
.matches-list li a span.date{
    background: #41037c;
    color: #fff;
}
.played-matches .matches-list li a{
    background: #f22626;
    color:#fff;
}
ul.teams-list{
    list-style-type:none;
    margin:0;
    padding:0;
    width: 100%;
    float:left;
}
.teams-list-container h3.teams-heading {
    background: #380184;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    padding: 10px 15px;
    display: table;
    margin: 0 auto 15px;
    border-radius: 5px;
}
.teams-list-container .teams-list li{
    background: #d6c5ed;
    padding: 10px;
    margin:0 0 12px;
    color:#380184;
}
.teams-list-container .teams-list li h4{
    font-size: 20px;
    font-weight: 800;
    width: 100%;
    margin: 0 0 5px;
    padding: 0 0 5px;
    border-bottom: 1px solid #380184;
    color:#380184
}
.teams-list-container .teams-list li table{
    width: 100%;
    text-align: center;
}
.teams-list-container .teams-list li table th{
    border-bottom: 1px solid #380184;
    padding-bottom: 5px;
}

/* ========================== */
/* Page 4 CSS */
/* ========================== */

.row-heading small{
    margin-top: -15px;
    display: block;
    margin-bottom: 15px;
}
.played-matches-lst{
    list-style-type:none;
    margin:0;
    padding:0;
    width:100%;
    float:left;
}
.played-matches-lst h4{
    color: #fff;
    margin: 0;
    padding: 7px 10px;
    background: #380184;
    font-weight: 700;
    position: relative;
    font-size:16px;
}
.played-matches-lst .played-cont{
    padding: 10px;
    background: #e4e4e4;
    display:table;
    width:100%;
}

.played-matches-lst h4 span.status{
    position: absolute;
    right: 10px;
    font-weight: 300;
    font-size: 14px;
    top: 7px;
    color: #fff;
    background: green;
    padding: 3px 5px;
    line-height: 12px;
}
.played-matches-lst li {
    width: 100%;
    margin: 0 0 15px;
}
.played-matches-lst li a{display:block;}
.played-matches-lst .played-cont span {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color:#ef0d02;
}
.played-matches-lst .played-cont span.title{
    color:#000;
}
.played-matches-lst .played-cont p span {
    color: #000;
    width: auto;
    margin:15px 0 5px;
    padding:2px 0;
}
.played-matches-lst .played-cont p {
    margin: 0 auto;
    display: table;
    font-size: 14px;
}
.played-matches-lst .played-cont p span.played-at{
    padding: 2px 5px;
    background: #380184;
    color: #fff;
    margin-right: 10px;
}

/* =================== */
/* Page 5 CSS */
/* =================== */

.single-team-header .img-cont{
    width:23%;
    float:left;
}
.single-team-header .img-cont img{
    float:left;
    width:100%;
    padding: 5px;
    background: #e4e4e4;
}
.single-team-header .team-info{
    float:right;
    width:70%;
    color:#380184;
}
.single-team-header .team-info h2 {
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 5px;
}
.single-team-header .team-info p {
    margin: 0 0 10px;
    font-size: 14px;
}
.single-team-header .team-info .tags{
    float:left;
    width:100%;
    margin:0 0 10px;
}
.single-team-header .team-info .tags span {
    float: left;
    margin-right: 5px;
    line-height: 14px;
    padding: 5px 8px;
    font-size: 12px;
    color: #fff;
}
.single-team-header .team-info .match-name {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 14px;
}
.single-match-team-list{
    list-style-type:none;
    margin:0;
    padding:0;
}
.single-match-team-list li{
    border-bottom:1px solid #ccc;
    float: left;
    width: 100%;
    margin: 0 0 5px;
    padding: 0 0 5px;
}
.single-match-team-list .player-ico{
    float: left;
    width: 32px;
    height: 32px;
    background: #ccc;
    color: #000;
    text-align:center;
}
.single-match-team-list .player-ico i:before{
    margin: 0;
}
.single-match-team-list p {
    margin: 4px 0 0 15px;
    width: 85%;
    float: left;
}

/* =================== */
/* Page 6 CSS */
/* =================== */

.tournament-single-info{
    color:#310171;
}
.tournament-single-info p.heading{
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
}
.tournament-single-info p.organised-by {
    margin: 0 0 20px;
    font-size: 14px;
}
.tournament-single-info p.organised-by span.label{
    padding:2px 10px;
}

/* =================== */
/* Page 7 CSS */
/* =================== */
.tournament-top-bowlers table,
.tournament-top-batsman table{
    width: 100%;
    font-size: 14px;
}
.tournament-top-batsman tr,
.tournament-top-bowlers tr {
    border-top: 1px solid #ccc;
}
.tournament-top-batsman tr th,
.tournament-top-bowlers tr th,
.tournament-top-batsman tr td,
.tournament-top-bowlers tr td{
    padding: 10px 5px;
    text-align: center;
}
.text-bold{
    font-weight:700;
}