/*NC Live Center Extension CSS*/
/*Begin extension CSS 150, Scoreboard Renderer*/
.scorecard-container {
	
	background-color: transparent;
	padding: 10px;
	margin-right: -20px;
	margin-left: -20px;
	padding-right: 25px;
	padding-left: 25px;
	margin-top: 15px;
}

.flash-now {
  animation-name: flash;
  animation-timing-function: ease-out;
  animation-duration: 2s;
  -webkit-animation-name: flash;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 2s;
}
@-webkit-keyframes flash {
  from { background: #43ac6a; }
  to  { background: #333 }
}
@keyframes flash {
  0% { background: #43ac6a; }
  100% { background: #333; }
}

.scorecard-container .team-image {
	text-align: center;
	height: 110px;
}

.scorecard-container .team-image img {
	height: 100px;
	max-width: 180px;
}

.scorecard-container .score-box {
	width: 50%;
	float: left;
}

.scorecard-container .score-icon {
	font-size: 34px;
	line-height: 50px;
	background-color: #333;
	color: #FFF;
	text-align: center;
	width: 90%;
	margin: auto;
	box-shadow: 0 0 16px 2px rgba(0,0,0,.2);
}

.scorecard-container .match-timestamp {
	margin-top: 5px;
	color: #de4a14;
	text-align: center;
	width: 95%;
	margin-left: 2.5%;
	font-weight: 600;
}

.scorecard-container .scorers {
	padding-top: 10px;
	text-align: center;
}

.scorecard-container .scorer-name {
	font-style: italic;
}

.scorecard-container .score-point {
	font-weight: 500;
	padding-right: 5px;
}

.scorecard-container .scorer-time {
	padding-left: 5px;
	font-style: italic;
}

.scorecard-container .match-details-above {
	display: none;
	margin-bottom: 10px;
}



@media screen and  (max-width: 400px) {

	.scorecard-container {
		margin-top: 15px;
	}

	.scorecard-container .score-box {
		width: 30%;
	}

	.scorecard-container .team-image img {
		height: 80px;
		max-width: 160px;
	}

	.scorecard-container .team-image {
		height: 90px;
	}

	.scorecard-container .left-team {
		width: 50%;
	}
	.scorecard-container .right-team {
		width: 50%;
	}

	.scorecard-container .match-details {
		display: none;
	}

	.scorecard-container .match-details-above {
		display: block;
	}

}
/*End extension CSS 150, Scoreboard Renderer*/

/*Begin extension CSS 290, Scorecard Renderer*/
.ncpost-container.score-board{
    min-height: 100px;
    position: relative;
}

.ncpost-comments.score-board{
    margin-top: 30px;
}

.score-board-time{    
    position: absolute;
    left: 15px;
    top: 35px;
    text-align: center;
}
.score-board-current-time{
    font-weight: 100;
    color: #2d2d2d;
    font-size: 16px;
    font-family: "Guardian Sans","Helvetica Neue","FontAwesome",Helvetica,Arial,sans-serif; 
}


.ncpost-container.score-board  .ncpost-title{
    margin-left:50px; 
    width: auto;
}

.ncpost-container.score-board  .ncpost-content{
    margin-left:50px; 
}
/* 
.ncpost-container.score-board  .ncpost-comments-ui{
    margin-top: 30px;
}
.ncpost-container.score-board   .ncpost-comments:first-child{
    margin-top: 25px;
} */

.ncpost-container.score-board .ncpost-comments-container{
    margin-top: 35px;
}

.ncpost-container.score-board .ncpost-content + .score-board-time + .ncpost-comments-container{
    margin-top: 50px;
}

.ncpost-container.score-board .ncpost-title ~ .ncpost-content ~ .score-board-time ~ .ncpost-comments-container{
    margin-top: 30px;
}

.yellow-svg{
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.red-svg{
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.yellow-svg-div{    
    margin-bottom:5px; 
}

.red-svg-div{
    margin-bottom:5px;
}


.score-board-yellow-path{
    fill:#ffd800;    
}

.score-board-red-path{
    fill:#de4a14;    
}
/*End extension CSS 290, Scorecard Renderer*/

/*Begin extension CSS 577, Countdown Skin*/
.ncpost-countdown-element {
   margin-bottom: 10px;
   background-color: #14b0e6;
   padding: 8px 15px;
   color: #fff;
   font-size: 17px;
   font-weight: normal;
   display: block
}

.ncpost-countdown-wrapper {
   color: #fff
}

   .ncpost-countdown-wrapper:hover {
       color: #fff
   }

   .ncpost-countdown-wrapper:focus, .ncpost-countdown-wrapper:active, .ncpost-countdown-wrapper:visited {
       color: #fff
   }

.ncpost-countdown-link {
   color: #fff;
   cursor: pointer
}

   .ncpost-countdown-link:hover {
       color: #fff;
       text-decoration: underline
   }

   .ncpost-countdown-link:focus, .ncpost-countdown-link:active, .ncpost-countdown-link:visited {
       color: #fff
   }

.ncpost-countdown-time {
   min-width: 100px;
   display: inline-block
}

.ncpost-countdown-displaytime {
   font-weight: bold
}

.ncpost-countdown-icon {
   padding-right: 8px;
   opacity: .5
}
/*End extension CSS 577, Countdown Skin*/


.nc-lc-extensions-css{ display: block }