/* RESET */

#da-sls-container,
#da-sls-container *{
	
	/* this is useful to prevent div highlighting */
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-khtml-user-select: none; /* webkit browsers */
	-o-user-select: none;/* not yet implemented */
	user-select: none;/* not yet implemented */	
	-webkit-touch-callout: none;
	
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;

    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
	
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    
    border: 0;
    padding: 0;
    margin: 0;
    
}

/* CLEARFIX */

#da-sls-container .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#da-sls-container{

	width: 100%;

}

/* LIVE MESSAGE */

#da-sls-live-message{
	width: 100%;
	min-height: 20px;
	text-align: center;
	text-transform: uppercase;
}

/* HEAD ------------------------------------------------------------------------ */

#da-sls-head{
	width: 100%;
	height: 80px;
}

#da-sls-head-left{
	width: 50%;
	float: left;
	height: 80px;
}

#da-sls-team1-logo{
	width: 60px;
	height: 60px;
	margin: 10px;
	float: left;
}

#da-sls-team1-logo > img{
	width: 60px !important;
	height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important; -webkit-border-radius: 0 !important;
}

#da-sls-team1-name{
	height: 80px;
	line-height: 80px;
	text-align: left;
	float: left;
	width: calc(100% - 120px);
}

#da-sls-team1-score{
	width: 40px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	float: left;
}

#da-sls-head-right{
	width: 50%;
	float: left;
	height: 80px;
}

#da-sls-team2-logo{
	width: 60px;
	height: 60px;
	margin: 10px;
	float: right;
}

#da-sls-team2-logo > img{
	width: 60px !important;
	height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important; -webkit-border-radius: 0 !important;
}

#da-sls-team2-name{
	height: 80px;
	line-height: 80px;
	text-align: right;
	float: right;
	width: calc(100% - 120px);
}

#da-sls-team2-score{
	width: 40px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	float: right;
}

/* BODY ------------------------------------------------------------------------ */

#da-sls-body{
	width: 100%;
}

.da-sls-row{
	width: 100%;
	min-height: 20px;
	float: left;
}

.da-sls-row-left{
	width: 50%;
	min-height: 20px;
	float: left;
	min-height: 20px;
}

.da-sls-team1-minute{
	width: 40px;
	min-height: 20px;
	float: left;
	text-align: center;
}

.da-sls-team1-event-type{
	width: 40px;
	min-height: 20px;
	float: left;
	text-align: center;
}

.da-sls-team1-event-description{
	width: calc(100% - 80px);
	min-height: 20px;
	float: left;
	text-align: left;
}

.da-sls-row-right{
	width: 50%;
	min-height: 20px;
	float: left;
	min-height: 20px;
}

.da-sls-team2-minute{
	width: 40px;
	min-height: 20px;
	float: right;
	text-align: center;
}

.da-sls-team2-event-type{
	width: 40px;
	min-height: 20px;
	float: right;
	text-align: center;
}

.da-sls-team2-event-description{
	width: calc(100% - 80px);
	min-height: 20px;
	float: right;
	text-align: right;
}

/* EVENT ICONS */

.da-sls-event-icon{
    background-size: 20px 20px !important;
}

.da-sls-event-icon-generic-team1, .da-sls-event-icon-generic-team2{ background: url("../img/generic.png") 10px 0px no-repeat; }
.da-sls-event-icon-goal-team1, .da-sls-event-icon-goal-team2{ background: url("../img/goal.png") 10px 0px no-repeat; }
.da-sls-event-icon-yellow-card-team1, .da-sls-event-icon-yellow-card-team2{ background: url("../img/yellow-card.png") 10px 0px no-repeat; }
.da-sls-event-icon-red-card-team1, .da-sls-event-icon-red-card-team2{ background: url("../img/red-card.png") 10px 0px no-repeat; }
.da-sls-event-icon-substitution-team1{ background: url("../img/arrow-right.png") 10px 0px no-repeat; }
.da-sls-event-icon-substitution-team2{ background: url("../img/arrow-left.png") 10px 0px no-repeat; }


/* TYPOGRAPHY */

#da-sls-live-message,
#da-sls-team1-name,
#da-sls-team2-name,
#da-sls-team1-score,
#da-sls-team2-score,
.da-sls-team1-minute,
.da-sls-team2-minute,
.da-sls-team1-event-description,
.da-sls-team2-event-description{
	font-size: 13px !important;
	font-weight: 400 !important;
}

#da-sls-live-message{
	line-height: 20px !important;
}

#da-sls-team1-name,
#da-sls-team2-name,
#da-sls-team1-score,
#da-sls-team2-score,{
	line-height: 80px !important;
}

.da-sls-team1-minute,
.da-sls-team2-minute,
.da-sls-team1-event-description,
.da-sls-team2-event-description{
	line-height: 20px !important;
}