/* Empty. Add your own CSS if you like */
/* Utilities */
.scroll-content {
    background-color: #f1f1f1;
}

.link {
    color: #116262;
    font-weight: bold;
}

h4 {
    color: #116262;
    font-size: 22px;
    margin-bottom: 16px;
}

h4:first-child {
    border-top: none;
    padding-top: initial;
}

.title-bordered {
    border-top: solid 2px #bbb;
    padding-top: 30px;
}

p {
    color: #555;
    margin: 0 0 25px;
}

.no-border {
    border: none;
}

.static {
    position: static;
}

.bold {
    font-weight: bold;
}

.blue-grey-900 {
    background-color: #263238 !important;
    color: #fff;
}

/* match */
.cricpick .match {font-size: 0.8em;padding: 5px 0;}
.league{padding:5px 0;}
.league:not(:last-child), .match:not(:last-child), .player:not(:last-child) {border-bottom:1px solid #ccc;}
.match img {
    width: 20%;
    /*height: 20%;*/
    display: inline-block;
    vertical-align: middle;
}
.match-selector > .btn {border-radius:0;}
.match-selector > .btn.selected { border-bottom: 2px solid red; }
.space-between {
    justify-content: space-between;
}
.space-around {
    justify-content: space-around;
}
.text-small{font-size: 0.8rem;}
.text-smaller{font-size: 0.75rem; }
.text-xsmall{font-size: 0.65rem; }
.text-xxsmall{font-size: 0.55rem; }
/* match end */
/*player*/
.card .player .centered{
  padding-top: 20px;
}
.card .player .centered-icon{
  padding-top: 15px;
}
/* .card .player .player-info{

} */
.card .player {
  height: 60px;
    /* padding: 5px 0; */
/*  line-height: 12px;*/
}
.card .player .badge-data {
  position: absolute;
  bottom: 2px;
  left: 0;
}
.card .player .badge-data2 {
  position: absolute;
  bottom: 2px;
  left: 30px;
}
.card .player .badge-vc {
  line-height: 2;
}
.card .player .badge-c {
  line-height: 2;
  padding: 3px 12px;
}
.playerlist ul.list-unstyled > li.bg-warn {
  background-color: #d4c983;
}
.card .player .player-image, .card .player-image {
    width: 50%;
    height: auto;
}
.team-creator-tabs{
    display: flex;
    justify-content: space-between;
    padding: 5px;
}
.team-creator-tabs span{
    padding: 1.5% 2%;
    background-color: #fff;
}
.team-creator-tabs span.active{
    background-color: yellow;
}
.player.selected {
    border: 1px solid red;
}
.player .border{text-align: center;font-weight: 400;border-radius: 15px;}
.error-message a {
    float: right;
    padding: 0.5%;
}
.points{margin-top:-5px; text-align: center; font-size: smaller;}
/*player end*/
.bar .buttons .create-team-button {right: 30px; max-width: inherit; min-width: inherit; width: auto; position: absolute;}

.mainmenu a.nav-link{color:#ccc;}
#push{margin-top:40px;}
.playertype img{border: 4px solid #000;}
.playertype.active img{border: 4px solid #28a745;}
/* .card > .playertypechooser{padding:5px 0;} */
.card .player .pl15 {padding-left: 15px;}
.card .pl5 > div, .pl5{padding-left: 5px !important;}
.plr5 {padding: 0 5px !important;}
.card .pr0 > div{padding-right: 0;}
.cricpick{margin-top: 25px}
.cricpick.nomagrin{margin-top: 0 !important}
.cricpick div.pl15{padding-left:15px;}
.cricpick div.pr15{padding-right:15px;}
.p5 {padding:5px !important;}
.action-bar p{padding: 0; margin: 0; color: #fff;}
.action-bar .btn{margin-top: 5px;}
.pt20{padding-top:20px !important;}
.cvc{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 5px 0 0 0;}
.cvc > :first-child{border-right:1px solid #ccc;}
.pt5{padding-top: 5px !important;}
.pt2em{padding-top:2em;}
.pt2em.pr0{padding-right:0;}
body#cricpick{background-color:rgba(0,0,0,.03);font-size:14px;}
.cricpick.container-fluid{padding:0}
.cricpick .nav.fixed-top a{color:#fefefe;}
.player-image{
    display:block;
    text-align: center;
}
.player-image .pimg{width:50px;}
.wk, .all, .bowl, .bat, .all-rounder, .defender, .raider {text-align:center; font-size:smaller;}
.cricket-ground .captain, .football-ground .captain, .kabaddi-ground .captain, .nba-ground .captain, .hockey-ground .captain, .volleyball-ground .captain, .baseball-ground .captain, .handball-ground .captain, .rugby-ground .captain{position: absolute; top: -5px; left: -5px;}
.count {position: absolute; top: 0; left: 0; padding: .25em .4em !important;}
@media only screen and (max-width: 600px) {
    .alert{width:100%;}
    .cricket-ground{background-image:url("../img/ground-mobile.png");}
    .football-ground{background-image:url("../img/football-ground-mobile.jpg");}
    .kabaddi-ground{background-image:url("../img/kabaddi-ground-mobile.jpg");}
    .nba-ground{background-image:url("../img/nba-ground-mobile.png");}
    .hockey-ground{background-image:url("../img/hockey-ground.png");}
    .volleyball-ground{background-image:url("../img/volleyball-ground.png");}
    .baseball-ground{background-image:url("../img/baseball-ground.png");}
    .handball-ground{background-image:url("../img/handball.png");}
    .rugby-ground{background-image:url("../img/rugby.jpg");}
}
@media only screen and (min-width: 600px) {
    .alert{width:50%;}
    .cricket-ground{background-image:url("../img/ground.png");}
    .football-ground{background-image:url("../img/football-ground.jpg");}
    .kabaddi-ground{background-image:url("../img/kabaddi-ground.jpg");}
    .nba-ground{background-image:url("../img/nba-ground.png");}
    .hockey-ground{background-image:url("../img/hockey-ground.png");}
    .volleyball-ground{background-image:url("../img/volleyball-ground.png");}
    .baseball-ground{background-image:url("../img/baseball-ground.png");}
    .handball-ground{background-image:url("../img/handball.png");}
    .rugby-ground{background-image:url("../img/rugby.jpg");}
}

.defender {position: absolute;top: 8%;}
.kabaddi-ground .allrounder {position: absolute;top: 48%;}
.kabaddi-ground .allrounder.second {position: absolute;top: 48%; left: 42%;}
.raider{position: absolute; top: 80%;}
.raider.second{position: absolute; top: 80%; left: 42%;}

.PG {position: absolute;top: 7%;}
.PG.second {position: absolute;top: 7%; left: 42%;}
.SG {position: absolute;top: 26%;}
.SG.second {position: absolute;top: 26%; left: 42%;}
.SF{position: absolute; top: 45%;}
.SF.second{position: absolute; top: 45%; left: 42%;}
.PF {position: absolute;top: 64%;}
.PF.second {position: absolute;top: 64%; left: 42%;}
.C {position: absolute;top: 83%;}
.C.second {position: absolute;top: 83%; left: 42%;}

.wicketkeeper,.OF{position: absolute;top: 15%;left: 42%;}
.batsman, .IF {position: absolute;top: 35%;left: 5%;}

.allrounder, .P{position: absolute;top: 65%;left: 22%;}
.allrounder.second, .P.second{position: absolute;top: 65%;left: 42%;}
.bowler, .C{position: absolute; top: 85%; left: 5%;}
.C.second{position: absolute;top: 85%;left: 42%;}

/*Football player positions*/
.G{position: absolute;top: 10%; left: 42%;}
.D {position: absolute; top: 30%;}
.F {position: absolute; top: 82%;}
.F.second {position: absolute; top: 82%; left: 42%;}
.M {position: absolute; top: 55%;}

/*Hockey player positions*/
.GK {position: absolute;top: 10%; left: 42%;}
.DEF {position: absolute; top: 30%;}
.ST, .FWD {position: absolute; top: 82%;}
.ST.second {position: absolute; top: 82%; left: 42%;}
.MID {position: absolute; top: 55%;}

/*Volleyball player positions*/
.LIB {position: absolute;top: 10%; left: 42%;}
.SET {position: absolute; top: 29%;}
.SET.second {position: absolute; top: 29%; left: 42%;}
.BLK {position: absolute; top: 48%;}
.BLK.second {position: absolute; top: 48%; left: 42%;}
.ATT {position: absolute; top: 67%;}
.ATT.second {position: absolute; top: 67%; left: 42%;}
.UNI {position: absolute; top: 86%;}
.UNI.second {position: absolute; top: 86%; left: 42%;}

.position-name{width: 100%; font-size: 10px;}
.position-name.PG{position: absolute;top:4%;}
.position-name.SG{position: absolute;top:23%;}
.position-name.SF{position: absolute;top:42%;}
.position-name.PF{position: absolute;top:61%;}
.position-name.C{position: absolute;top:80%;}

.position-name.defender{position: absolute;top:3%;}
.position-name.allrounder{position: absolute;top:47%;}
.position-name.raider{position: absolute;top:78%;}

.position-name.G{position: absolute;top:7%;left:0;}
.position-name.D{position: absolute;top:27%;}
.position-name.M{position: absolute;top:52%;}
.position-name.F{position: absolute;top:79%;}

.position-name.GK{position: absolute;top:4%;left:0;}
.position-name.DEF{position: absolute;top:27%;}
.position-name.MID{position: absolute;top:52%;}
.position-name.ST, .position-name.FWD{position: absolute;top:79%;}

.position-name.wicketkeeper, .position-name.OF{position: absolute;top:12%;left:0;}
.position-name.batsman, .position-name.IF{position: absolute;top:32%;left:0;}
.position-name.allrounder, .position-name.P{position: absolute;top:62%;left:0;}
.position-name.bowler, .position-name.C{position: absolute;top:82%;left:0;}

.position-name.LIB {position: absolute; top: 8%; left: 0%;}
.position-name.SET {position: absolute; top: 27%; left: 0%;}
.position-name.BLK {position: absolute; top: 46%; left: 0%;}
.position-name.ATT {position: absolute; top: 65%; left: 0%;}
.position-name.UNI {position: absolute; top: 84%; left: 0%;}

.cricket-ground, .football-ground, .kabaddi-ground, .nba-ground, .hockey-ground, .volleyball-ground, .baseball-ground, .handball-ground, .rugby-ground{         
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100%;
    /*display: flex;
    flex-direction: column;*/
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.truncate{width: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cricpick .editbar{z-index: 1035; position: absolute; top: -20px; color: #fff;}
/*.team-preview { position: fixed; height: 90%; width: 100%; top: 50px; left: 0; }*/
.team-preview { position: fixed; height: 100%; width: 100%; top: 0; left: 0; }
.full-screen { max-width: 640px; z-index: 4;}
.team-info{padding:0 5%;width:100%;height:4%;border:1px solid #ccc;border-radius:4px;z-index:3;}
/*.card .playerlist{max-height: 80%; overflow: auto; padding: 0;}*/
.playerlist{overflow: auto;}
.w100p{width:100%;}
/* .player{padding: 5px 10px;} */
.player p{padding:0;margin:0;line-height:1rem;}
.league-header .card-body{padding:5px 0;}
.text-sm{font-size: 0.9rem;}

.cricpick .card-header,.cricpick  .card-footer {background-color: #fff !important; border-bottom: none;}
.cvcselector .card-header, .cvcselector .card-footer {padding:0; text-align: center;}
.subheader{width:100%;display:flex;}
.mt20{margin-top:20px !important;}
.mt10{margin-top:10px;}
.cricpick div{padding:0;}
.form-signin .signin-options{text-align:center;padding:50px;}
.ptb5, .card.ptb5{padding:5px 0 !important;}
.box.card {
    padding: 10px;
    background-color: #fff;
    border-radius: .2em;
    box-sizing: border-box;
    margin:10px 5px 0 5px;
}
.text-bold{font-weight:500;}
.cross-button{padding-right: 10px; border: 1px solid #c3c3c3; border-radius: 15px; padding: 0 7px;}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;     
}
.leagues-container, .playerlist {overflow-y: scroll; margin-bottom: 50px;}
.mlr5{margin-left:5px!important;margin-right:5px!important;}
.banners ul{margin:0 auto;}
.playerlist ul{margin:0;}
.card.mymodal{   
    position: absolute;
    top: 5%;
    width: 100%;
    margin: 0;
    z-index: 2;
    overflow: auto;
    height: 100%;
}
.card.mymodal.team-preview-modal{height: 90%;}
.card.mymodal.team-preview-modal .player-image{width:100%;}
#loadingdiv{z-index: 9999;}
.whatsapp-share img { height : 20px; vertical-align: inherit;}
.or{padding:10px 0;}
.btn-close{font-size:2rem;}
.private-contests .fa-chevron-right{padding: 6px 0}
.mr5{margin-right:5px !important;}
.cricpick .alert{z-index:1031; position: fixed; top: 25px; border-radius: 0 !important; height: 60px; font-size: 1rem; padding: 20px 0 !important; text-align: center;}
.greytext{color:#ccc !important;}
.f14px{font-size:14px;}
.modal-title{display:inline;}
.text-large,.text-larger{color:#000;}
.text-large{font-size: large;}
.text-larger{font-size: larger;}
.teamlist .list-group-item {padding: .1rem .25rem;}
.team-name {width: 135px; display: inline-block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.pt8{padding-top:10px !important;}
.pt8 .fa{padding-top:3px;}
.userprofile{background-image:url("../img/profile.png"); background-repeat: no-repeat;}
.cricpick .nav-pills .nav-link.active{background-color:#000;}
.cricpick .nav-pills .nav-link .fa{display :block; text-align:center;}
.cricpick .nav-link {padding: .25rem 0.25rem;}
.cricpick .nav-pills {padding: 5px 0;}
.rank{font-size: 1.5rem;}
/* The Modal (background) */
.mymodal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */  overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
.mypopup {position: fixed !important;top: 25%;width: 90%;margin: 0;z-index: 2;overflow: auto;height: 50%;left: 3%;}
.pab85px{position: absolute; bottom: 85px;}
.pab50px{position: absolute; bottom: 50px;}
.card .progress{height: 0.2rem;}
.fee-split-up{margin-bottom: 40px;}
.mb10{margin-bottom: 10px !important;}
.mySlides{display: none;}


.container{
  padding: 10px 10px 0px 10px;
}

.slideshow_wrapper{
  width: 360px;
  /*height: 150px;*/
  overflow:hidden;
  margin: 0 auto;
}
.slideshow{
  width: 720px;
  /*height: 150px;*/
  margin: 0px 0px 0px -360px;
  position: relative;
  -webkit-animation-name: slide_animation;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running; 
  animation-name: slide_animation;
  animation-duration: 10s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  animation-play-state:running;
}

section.slider-container{
  background: rgba(255,255,255,0.6);
  /*text-align: center;*/
  color: #3498db;
  max-width: 500px;  
  margin: 0 auto;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 900;
}

.slide{
  width: 360px;
  /*height: 150px;*/
  position: relative;
  float: left;
  overflow: hidden;
}

@keyframes slide_animation{
   0% {left: 0px;} 
   10% {left: 0px;}
   20% {left: 0px;}
   30% {left: 0px;}
   40% {left: 0px;}
   50% {left: 0px;}
   60% {left: 360px;}
   70% {left: 360px;}
   80% {left: 360px;}
   90% {left: 360px;}
   100% {left: 360px;}
}

@-webkit-keyframes slide_animation {
   0% {left: 0px;} 
   10% {left: 0px;}
   20% {left: 0px;}
   30% {left: 0px;}
   40% {left: 0px;}
   50% {left: 0px;}
   60% {left: 360px;}
   70% {left: 360px;}
   80% {left: 360px;}
   90% {left: 360px;}
   100% {left: 360px;}
}

.slideshow:hover{
  -webkit-animation-play-state: paused;
  animation-play-state:paused;
}

.slide img:hover + .caption{
  top: -65px;
}
.team-code{font-size: 16px; padding: 15px; border: 1px solid #ccc; display: inline-block;}
.hidden{display: none;}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.text-underline{text-decoration: underline !important;}
.myalert {
    position: fixed !important;
    top: 25%;
    width: 90%;
    margin: 0;
    z-index: 2;
    overflow: auto;
    /*height: 50%;*/
    left: 3%;
}
h6.nm{margin: 0 ;}
div.friend {    border: 1px solid #ccc; padding: 20px 0; overflow: hidden;}
.btn-sm{line-height: 1 !important;}
img.rounded {width: 40px;}
img.pl-rounded {width: 60px;}
.no-padding {padding: 0 !important;}
.kabaddi-ground .points{background-color: #0c0c0c; font-weight: bold;}
/* Tooltip container */
.tooltips {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltips .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.tooltips .tooltiptext {
  top: -5px;
  right: 105%; 
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptext {
  visibility: visible;
}
.bankname{margin-right: 10px;}
.player-selector{padding-top: 5px !important;}
.player-selector .fa{font-size:2em;}
.card .progress.team-selection-progress{height: 1em;}
.team-selection-overlay {background-color: rgba(204, 204, 204, 0.7);bottom: 0;left: 0;position: relative;right: 0;top: 0;}
.myteam .captain{position: absolute;top: 0; /*left: -10px;*/}
.mybox{margin:0 5px;}
.logo{padding-left: 30px !important;}
.pr5{padding-right: 5px !important;}
.top20px{top:25px !important;}
.push-15 {margin-top: 15px !important;}
.push-45 {margin-top: 45px !important;}
.small-box.card{padding: 5px; background-color: #fff; border-radius: .2em; box-sizing: border-box; margin:10px 5px 0 5px;}
.bg-myfab11{background-color: #202c55 !important}
.slider-img{vertical-align: baseline;}
div.dropdown, ul.nav-pills {
  padding: 10px;
}
.dropdown-content {
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}
.dropdown.hidden {
  display: none;
}

.WFB {position: absolute;top: 7%;}
.WFB.second {position: absolute;top: 7%; left: 42%;}
.CTR {position: absolute;top: 23%;}
.CTR.second {position: absolute;top: 23%; left: 42%;}
.HLF{position: absolute; top: 39%;}
.HLF.second{position: absolute; top: 39%; left: 42%;}
.HOK {position: absolute;top: 55%;}
.HOK.second {position: absolute;top: 55%; left: 42%;}
.FRF {position: absolute;top: 71%;}
.FRF.second {position: absolute;top: 71%; left: 42%;}
.pos-2RF {position: absolute;top: 87%;}
.pos-2RF.second {position: absolute;top: 87%; left: 42%;}

.position-name.WFB{position: absolute;top:4%;}
.position-name.CTR{position: absolute;top:20%;}
.position-name.HLF{position: absolute;top:36%;}
.position-name.HOK{position: absolute;top:52%;}
.position-name.FRF{position: absolute;top:68%;}
.position-name.pos-2RF{position: absolute;top:84%;}