@font-face
{
 font-family: 'scorettf';
 /*src: url('../fonts/7segment.ttf');*/
 src: url('/fonts/7segment.ttf');
}

@font-face
{
 font-family: 'score';
 /*src: url('../fonts/display.otf');*/
 src: url('/fonts/display.otf');
}
@font-face
{
 font-family: 'roman';
 src: url('/fonts/EMPORO.ttf');
}

.roman[data-competition-field="edition"],
td.roman {
	font-family: roman;
}


.main .form-group {
    margin-bottom: 0;
}

header { padding: 0 20px; }

img.img-100h { max-height: 100px;  }
img.img-60h   { max-height:  60px;  }
img.img-50h   { max-height:  50px;  }
img.img-40h   { max-height:  40px;  }
img.img-30h   { max-height:  30px;  }
img.img-25h   { max-height:  25px;  }
img.img-20h   { max-height:  20px;  }
img.img-12h   { max-height:  12px;  }

.text-transparent {
    color: transparent;
}
.whistle {
    height: 35px;
}
.shadowed {
	text-shadow: 2px 0 7px rgb(240, 240, 255), -2px 0 7px rgb(240, 240, 255), 0 2px 7px rgb(240, 240, 255), 0 -2px 7px rgb(240, 240, 255);
}
button .fa { margin: 0 5px; }
.flag {
    background-position: center center;
    background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	max-width: 19px;
	background-size: cover;
	vertical-align: middle;
	overflow: hidden;
}
.reverse, .reverse > * {
    transform: rotate(180deg);
}

.teamlogo {
    background-position: center center;
    background-repeat: no-repeat;
	display: inline-block;
}

#account-links > ul {
    list-style: outside none none;
}

.navbar-brand  {
    padding: inherit; /* quita el valor por defecto de bootstrap */
}
.navbar-brand img.yslogo {
    display: table-cell;
    max-height: 100%;
    padding: 5px;
}
table.listobjects .information,
table.listobjects .information {
	background-color: white;
    color: rgb(40, 80, 224);
}
div.inline { display: inline-block; }
table.listobjects td.result,
table.listobjects th.time,
table.listobjects td.time 
{ text-align: center }

.teamscore {
    font-size: 36px;
    vertical-align: middle;
}
table.listobjects > tbody > tr > td, table.listobjects > tfoot > tr > td, table.listobjects > thead > tr > td, 
table.listobjects > tbody > tr > th, table.listobjects > tfoot > tr > th, table.listobjects > thead > tr > th
{
	vertical-align: middle; /* !important; */
}
.separator {
    padding: 5px;
}


.detailedscore > div {
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}
.detailedscore > div > div {
    float: left;
    padding-left: 0.25em;
    padding-right: 0.25em;
}
.detailedscore {
    text-align: center;
}
.detailedscore div.geo {
    margin-bottom: 5px;
}
.detailedscore .result {
    font-stretch: normal;
}
.detailedscore .result sc {
}
.detailedscore .result .score {
    font-size: 350%;
}

table.listobjects {
    font-family: Arial;
    /* font-size: 83%; */
    font-stretch: semi-condensed;
    /* white-space: nowrap; */
}
table.listobjects .control {
    white-space: nowrap;
	min-width: 1em;
}
table.listobjects td.when ,
table.listobjects td.where {
    white-space: normal;
}
table.listobjects .glyphicon {
    font-size: 125%;
	margin-left: 0.25em;
	margin-right: 0.25em;
}
table.listobjects td.title a {
    color: #337ab7;
    font-family: initial;
    font-size: large;
    font-variant: small-caps;
    text-decoration: none;
}
table.listobjects td a {
    text-decoration: underline;
    color: unset;
}
table.listobjects td.score div a > div {
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}
table.listobjects td.score div.team > div {
    padding-left: 0.25em;
    padding-right: 0.25em;
    display: block;
}
table.listobjects td.score  div.kinball div {
    display: block;
}
table.listobjects td.score {
    /*font-size: large;*/
    text-align: center;
	width: 100%;
	min-width: 250px;
    font-stretch: normal;
}
table.listobjects td.score .geo, 
table.listobjects td.score .title, 
table.listobjects td.score .score_ex {
	display: none;
}

table.listobjects td.score .score {
    font-size: xx-large;
	font-weight: bolder;
	min-height: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
table.listobjects.events .competition-logo {
    border-radius: 50%;
    max-height: 50px;
    max-width: 50px;
}
table.listobjects.events td.score .code {
    display: inline-block;
    /*font-size: xx-small;*/
    /*max-width: 25px;*/
    overflow: hidden;
    text-overflow: clip;
}
table.listobjects.events td.score .kinball .code {
    max-width: 10em;
}
table.listobjects.events td.score .flag {
    display: none;
}
/*
[data-object-type="competition"] * {
	border: 1px solid red;
}
*/
.competition-header > div {
    float: left;
	margin-right: 1em;
}
#competition-logo img {
    max-height: 80px;
}

table.listobjects .kinball .kb > * {
    display: block;
}
/*table.listobjects*/ 
.kinball .blue, .main.row .sport.kinball .block.blue {
    background-color: darkblue;
    color: white;
}
/*table.listobjects*/ 
.kinball .gray, .main.row .sport.kinball .block.gray {
    background-color: lightgray;
    color: black;
}
/*table.listobjects*/ 
.kinball .black, .main.row .sport.kinball .block.black {
    background-color: black;
    color: white;
}
table.listobjects .kinball .kb img {
    background-color: transparent;
}



table.listobjects.events td.score img.teamlogo {
    max-height: 50px;
    max-width: 50px;
    min-height: 50px;
}
/*
table.listobjects td.score div > div.team.odd {
    text-align: right;
}
table.listobjects td.score div > div.team.even {
    text-align: left;
}
*/
table.listobjects td.score > div > a > div {
	width: 100%;
}
table.listobjects .teamlogo,
.contact .teamlogo
{
    background-size: cover;
    border: 2px solid;
    border-radius: 50%;
	height: 60px;
	width: 60px;
}
/*
.main.row .sport.kinball .logo .teamlogo {
    background-size: cover;
    border: 5px solid;
    border-radius: 50%;
    display: block;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    width: auto;
}
*/
table.listobjects td.score .team > * {
    vertical-align: middle;
}

table td .status.S { color: black;	}
table td .status.L { color: green;	}
table td .status.F { color: red  ;	}
/*
.event .geo {
    font-size: 10px;
    margin-left: 1em;
    margin-right: 1em;
    max-height: 12px;
}
*/

.main.row .logo .teamlogo {
    background-size: contain;
    display: block;
    height: 150px;
    max-width: 100%;
    width: auto;
}
.main.row .sport .logo .teamlogo {
    background-size: cover;
    border: 3px solid;
    margin-left: auto;
    margin-right: auto;
    max-height: 150px;
    max-width: 150px;
    width: 150px;
}
.main.row .score.background, .main.row .score.foreground {
    font-size: 600%;
}
.main.row .title a {
    color: unset;
    font-size: 150%;
    text-decoration: unset;
}
.main.row .sport .block {
    background-color: rgb(240, 240, 240);
}
.sport .back {
	opacity: 0.1;
}
.event table {
    width: 100%;
}
.event .code a {
    color: inherit;
}
.event .teamlogo {
    background-size: contain;
    border: 2px solid transparent;
    border-radius: 50%;
	height: 100px;
	width: 100px;
}
.event.kinball .teamlogo {
    border-color: #ddd;
}
.event.kinball .team:nth-child(2) .teamlogo {
    border-color: darkgray;
}
.event.kinball .team:nth-child(3) .teamlogo {
    background-color: #333;
}
.event.kinball .team {
    padding: 1em;
	text-align: center;
}
.event.kinball .team > div {
    margin: 5px;
}
.event.kinball .team > div .score {
    font-family: score;
}
.event.kinball .team {
    padding: 1em;
}
.event.kinball .team > div {
    margin: 5px;
}

.event.kinball .team > div:nth-child(3) {
/*
    background-color: black;
    color: white;
    display: inline-block;
*/
    font-family: score;
    font-size: 100px;
    font-weight: bolder;
    text-align: center;
/*
    min-width: 2em;
*/
}
.event.kinball .team > div:nth-child(3) .score {
/*
    border: 1px solid white;
*/
    margin: 15px;
    min-width: 2em;
    display: inline-block;
    padding: 15px 15px 0;
}