:root{
    --white: #f9f9f9;
    --black: #36383F;
    --gray: #85888C;
    --rondaback:#eee;
    --radius:7px
}

.jogofechado img.open {
    display: none;
}
.myfooter.notlogged .fixedbottom {
    background: lightsalmon;
}
.myfooter.notlogged .fixedbottom #userTabsH{
    background: red;
}
.myfooter.notlogged .fixedbottom #userTabsH h3{
    color:white;
    font-weight:800
}

div#dlgAdminEmpate {
    display: none; 
}

.Elimina div#dlgAdminEmpate {
    display: none;
}

.Elimina.Empate div#dlgAdminEmpate {
    display: block;
}

div#dlgApostaEmpate {
    display: none;
}

.Elimina div#dlgApostaEmpate {
    display: none;
}

.Elimina.Empate div#dlgApostaEmpate {
    display: block;
}

span.jogTer.jogTer1 {
    color: blue;
}
span.jogTer.jogTer0 {
    color: red;
}
tr.linhaClass.jogosGrupo {
    font-size: 0.8em;
}

button#update32 {
    background: none;
    border: 0;
}

.Elimina .sideleft_.passa, .Elimina .sideright_.passa {
    display: flex;
}
.sideleft_.passa {
    display: none;
    width: 43%;
    float: left;
    text-align: right;
    flex-direction: row-reverse;
}

.sideright_.passa {
    display: none;
    width: 43%;
    float: right;
    text-align: right;
}

.passa label {margin:5px}

div.cativo{
display:none
}

#dialogAposta.Elimina div.cativo{
display:block
}

div.todosjogos .asa.esquerda.slotA-0, div.todosjogos .asa.direita.slotB-0 {
  opacity: 0.4;
}

div.todosjogos .slotA-0 {
	background-image: url(images/slot0.svg);
	background-repeat: no-repeat;
	background-position-x: 0;
}
div.todosjogos .slotB-0 {
	background-image: url(images/slot0.svg);
	background-repeat: no-repeat;
	background-position-x: 100%;
}
div.todosjogos .slotA-1 {
	background-image: url(images/slot1.svg);
	background-repeat: no-repeat;
	background-position-x: 0;
}
div.todosjogos .slotB-1 {
	background-image: url(images/slot1.svg);
	background-repeat: no-repeat;
	background-position-x: 100%;
}

div.todosjogos .slotA-1 .row-team,
div.todosjogos .slotB-1 .row-team{
font-weight:800;
}

.resumo hr {
	margin: 0;
    border: 1px solid lightgray;
    border-top: 0;
}

#tabs-6 table tr:nth-child(even) td {
    background-color: #dddddd;
}

#tabs-6 table tr:nth-child(odd) td {
    background-color: white;
}

body .ui-slider {

    font-size: 27px!important;
    margin-top: 12px;
}

body .shortname, body .fullname {display:none}

body.fontsmall .fullname, body.fontmedium .shortname, body.fontlarge .shortname{display:inline}

body .calendario .fullname {    display: none;}
body .calendario .shortname {    display: inline;}

body.fontsmall {font-size:16px;}
body.fontmedium {font-size:20px;}
body.fontlarge {font-size:24px;}

div.jogofechado.terminado {
    background: beige;
}
div.jogofechado.terminado .blockfooter.jaapostou {
    background: beige;
}
div.jogofechado.terminado .blockfooter.naoapostou {
    background: #fff5dc;
}
.blockfooter.jaapostou {
    background: #ddffff;
}
.blockfooter.naoapostou {
    background: #ffddff;
}

h1.liga.ligaTitle {font-size: 1.2em;}
td.grupo B , span.grupo{
    background: black;
    color: white;
    padding: 4px 9px;
    border-radius: 50%;
	margin: 5px;
}

.linha1 {
background:#d8f5d8
}
.linha2 {
background:#fff9c5
}
.passou {
background:#f8d8d8
}

.notaimportante {
    background: chartreuse;
    text-align: justify;
    font-weight: 900;
    border-radius: 10px;
    padding: 15px;
    text-justify: inter-word;
}

body #classifGrupos td.crit1 {display: none;}
body #classifGrupos td.crit2 {display: none;}
body #classifGrupos td.crit3 {display: none;}

body.full #classifGrupos td.crit1 {display: table-cell;}
body.full #classifGrupos td.crit2 {display: table-cell;}
body.full #classifGrupos td.crit3 {display: table-cell;}

body.large #classifGrupos td.crit1 {display: table-cell;}
body.large #classifGrupos td.crit2 {display: table-cell;}

body.fontsmall #tabs ul#maintabs{    top: 2.9em;}
body.fontmedium #tabs ul#maintabs{    top: 1.81em;}
body.fontlarge #tabs ul#maintabs{    top: 1.17em;}

div#tabs ul#maintabs li.ui-tabs-active {
    margin-bottom: 0; 
    padding-bottom: 0; 
}

body.medio #classifGrupos td.crit1 {display: table-cell;}

.ui-dialog-content.ui-widget-content img {
	width: 2em;
}

.jogoaberto img.closed {
    display: none;
}
.admingame img.open {
    display: none;
}
.terminado  img.open,.terminado  img.closed  {
    display: none;
}
.jogoaberto16 img.open {
    display: none;
}

.novobloco {
    display: flex;
    justify-content: center;
}

.asa {
    width: 49%;
    max-width: 49%;
}

.linhaEquipa {
    display: flex;
}

#tabs .linhaEquipa .row-score, #tabs .linhaEquipa .row-team, #tabs .linhaEquipa span.separador {
    /* vertical-align: middle; */
    padding: 0.3em;
    font-size: 1em;
    user-select: none;
pointer-events: none;
}
.row-team * {
user-select: none;
pointer-events: none;
}

span.row-team.row-teamA {
    float: right;
}
span.row-team.row-teamB {
    float: left;
}

.linhaEquipa {
	font-size:1em;
    clear: both;
}

.asa.esquerda .linhaEquipa {
    flex-direction: row-reverse;
}
.asa.direita .linhaEquipa {
    flex-direction: row;
}
.blockfooter {
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}

.asa.direita .cartoesEquipa {
    float: right;
    text-align: right;

}

.asa.esquerda .cartoesEquipa {
    float: left;
    text-align: left;
}

.flex-jogobody {
    display: flex;
    clear:both;
}
.flex-jogobody .equipa{
    width:49%;
    text-align: center;
	display:flex;
}

.flex-jogobody .equipa.casa{
   /* background:#f1dbdb;*/
    flex-direction: row-reverse;
}
.flex-jogobody .equipa.fora{
	/*background:#ecffec;*/
	flex-direction: row;
}

.ui-tabs-panel table{background:white}
tr.grupoHead {
    background: #ddd;
}
tr.grupoHead {
    border-bottom: 1px solid grey;
}
div#tabs {
    margin-bottom: 30px;
}
.cartoesx.cart1{background-image:url('images/yellow.svg')}
.cartoesx.cart2{background-image:url('images/yellow2.svg')}
.cartoesx.cart4{background-image:url('images/red.svg')}
.cartoesx {
    width: 15px;
    display: inline-block;
    margin: 0 3px;
}
 .cartoes {width:.7em}
 
 .row-cartHide{display:none}

.admingame.scorebuttons.buttonsaway {
    float: right;
}
.admingame.scorebuttons.buttonshome {
    float: left;
}
.admingame.scorebuttons {
    width: 45%;
}

.buttonrow.buttongoals{display:none}
#tabs .stadium ,#tabs .datahora {
    /*font-size: small;*/
    text-align: right;
}

#tabs .stadium {
   /* border-top: 1px solid;
    margin-top: 12px;*/
}

#tabs .datahora {
    display: block;
    border-bottom: 0px solid grey;
    padding:0
}

div.todosjogos {
    border: 1px solid grey;
    border-radius: var(--radius);
    margin-bottom: 0.5em;
    background: rgba(163, 163, 163, 0.05);
	background: linear-gradient(90deg, rgba(163, 163, 163, 0.5) 0%, rgba(255, 255, 255, 1) 50%, rgba(163, 163, 163, 0.5) 100%);
	background: #dddddd;
	/*background: linear-gradient(90deg,rgba(229, 16, 31, 0.5) 0%, rgba(0, 66, 152, 1) 50%, rgba(0, 194, 117, 0.5) 100%);
	background: linear-gradient(90deg, rgba(229, 16, 31, 0.2) 0%, rgba(0, 66, 152, .2) 50%, rgba(0, 194, 117, 0.2) 100%);*/
}
#tabs .datahora >span{padding: 0.3em;}
div.todosjogos > div{
padding: 0.3em;
}

.jogobody {
    margin: auto;
    text-align: center;
    clear: both;
    justify-content:center;

/*    border-top: 1px solid grey;
	padding-top: 12px;*/
}
.todosjogos .cartoesEquipa img{
	padding:0;
	border:1px solid white;
	border-bottom-color: grey;
    border-right-color: grey;
}
.todosjogos .cartoesEquipa img._blank{
border:1px solid transparent
}					
#tabs .equipa .row-score , #tabs .equipa .row-team{
    /* vertical-align: middle; */
    padding: 0.4em;
    font-size: 1.2em;
}
#tabs span.separador{
    padding:0.4em 0 ;   
    display:none
}

#mycalendar>tbody>tr>td{padding:0}
#mycalendar .datahora span {
    display: block;
    text-align: center;
    float: unset;
}
.datahora span.jogohora {
    display: inline;
    text-align: left;
    float:left
}

div#tabs {
border:unset;
background:unset;	
}

#tabs .datahora > span.grupo {
    display: inline;
    font-family: sans-serif;
    text-align: center;
    float: right;
    padding: 0.1em 0.0em;
    width: 1.7em;
    font-weight: 800;
}


.datahora span.row-pontos {
    display: inline;
    text-align: right;
    float:right
}


.header1{
    background-color: var(--rondaback);
    box-shadow: 1px 1px 5px 0px var(--black);
    position: sticky;
    width: 100%;
    z-index:99999
}

/* Logo */
.logo1{
    display: inline-block;
    color: var(--white);
    font-size: 60px;
    margin-left: 10px;
}

/* Nav menu */
.header1 .nav{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: var(--rondaback);
    overflow: hidden;
}
.menu a{
    display: block;
    padding: 30px;
    color: var(--white);
}
.menu a:hover{
    background-color: var(--gray);
}
.header1 .nav{
    max-height: 0;
    transition: max-height .5s ease-out;
}

/* Menu Icon */
.hamb{
    cursor: pointer;
    float: right;
    padding: 40px 20px;
}/* Style label tag */

.hamb-line {
    background: var(--black);
    display: block;
    height: 2px;
    position: relative;
    width: 24px;

} /* Style span tag */

.hamb-line::before,
.hamb-line::after{
    background: var(--black);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 5px;
}
.hamb-line::after{
    top: -5px;
}

.side-menu {
    display: none;
} /* Hide checkbox */


/* Toggle menu icon */
.side-menu:checked ~ nav{
    max-height: 100%;
}
.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}

body:has(.side-menu:checked) {
  overflow: hidden;
}

/* Responsiveness */
@media (min-width: 428px) {
    .header1 .nav{
        max-height: none;
        top: 0;
        position: absolute;
        bottom:0;
        float: right;
        width: 80%; 
        background-color: transparent;
        float: right;
		right: 0;
    }
    .menu li{
        float: left;
    }
    .menu a:hover{
        background-color: transparent;
        color: var(--gray);
    }
    .hamb{
        display: none;
    }
}
    .hamb{
        display: none;
    }
/* ****************************** */

body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
    
#tabs ul#maintabs {
    position: sticky;
    top: 52px;
    z-index: 9999999;
    width: 100%;
    border:0

}

ul#userTabs li.ui-state-active{
    display: none;
}
ul#userTabs {
    float: right;
    border:0;
    background:0;
    
}
ul#userTabs li{
    border:0;
    background:0;    
    margin:auto
}

ul.menu li img {

}
.btn-primary {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
ul.menu li * {
    display: block;
    margin: 0;
	margin:auto
}

ul.menu li {   
 list-style-type: none;    
 margin:0 15px;
    margin: 0 0.5em;
    min-width: 3em;
    }
ul.menu li button{
  /*  width: 4em;*/
    margin: auto;
}    
ul.menu {
width:fit-contents
}
body #mycontent {
    margin: auto;
    position: relative;
    top: 100px;
    margin-bottom: 12em;
    /*margin-top: 145px;*/
    bottom: 57px;
}

body #XXXmycontent{margin:auto;
    position: relative;
    top: 100px;
}

body #mycontent ul#maintabs {
    margin-left: 1px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

body.medio #mycontent{max-width: 500px;}
body.large #mycontent{max-width: 800px;}
body.full #mycontent{max-width: 100%;}

body.medio #tabs ul#maintabs{max-width: 489px;}
body.large #tabs ul#maintabs{max-width: 789px;}
body.full #tabs ul#maintabs{max-width: calc(100% - 11px);}

header.header{	z-index:9999;position:relative}

.fixed {
	z-index:999998;
	width:100vw;
    background: white;
    max-width: -moz-available;
    position: fixed;
    padding: 5px 0;
    left:0;         
}

.fixedbottom {
    bottom: 0;
    box-shadow: 0px 0px 12px 0px grey;      
}

.fixedtop {
    top: 0;
    box-shadow: 0px 0px 12px 0px grey;      
}
div#tabs-1 img {
    width: 35px;
}
.buttonrow.buttoncartoes {
    font-family: monospace;
}

#resizeicon{
float:right;
margin-right: 0.8em;}
#fonticon{float:right}
#logoutb{float:right}

.update{margin-left: 0.2em;}

.buttonrow img {
    scale: 50%;
}
.buttonrow button {
    /*width: 25px;*/
    padding: 0 12px;

}
tr.admingame {
    padding-top: 20px;
}

#formvota div , #formvotaadmin div{
    /*background: #FFFFFFaa;*/
}

.linhaClass img, .todosjogos img  {
    padding: 2px;
    /*width: 24px;*/
}

.teamFlag {    
	text-align: center;    
	width: 3em;
    display: inline-block;
    min-width: 3em;
}

body.fontlarge .teamFlag {    
	width: 2em;
    min-width: 2em;
}

td.col0{width:5em;text-align: center;}
.compet.activa{color:red}
hr.showHR{border-top: 1px solid blue;height:1px}


form.form-logreg .form-control {
	height: auto;
    width: 7em;
    float: left;
    margin: .6%;
} 
form.form-logreg  button.form-control{
background-color:unset
}

form.form-logreg button.btn-primary.form-control {
    background-color: #13388E;
    color: white;
    height: auto;
}

.outMessage {
    z-index: 99999;
}

/*
@media (min-width: 768px)
{
	#_mycontent .container {
		width: 400px;
	}
}*/

h1.ligaTitle.dono{color:red}

  .tableres{  width: 100%;
    table-layout: fixed;text-align:center;border-collapse: collapse; border:1px solid gray; -webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

    td.quadHL {
		background-color: darkgray;
		color:white
	}
	
	#maintabs li {
    font-size: .90em;
}

#tabs tr.todosjogos {
    font-size: 1.2em;
}

.decorrer {
	font-weight: 800;
}

form.form-signin button {
   padding: 2px;
   font-size: 90%;
}

.ui-dialog-buttonset .ui-button-text {
	padding: .1em .2em .2em 1em;
}
.ui-dialog .ui-dialog-buttonpane {
	 padding: .3em .1em .5em .4em; 
}

#slider{margin: 0 10px;}
#slider-scoreA {
	clear: both;
}
#slider .ui-slider-handle {
    text-align: center;
}
div#slider-scoreAadmin, div#slider-scoreBadmin{
margin-bottom: 20px;
}
.volta{
    margin: auto;
    text-align: center;
    color:red;
}

h1.ligaTitle {
    font-weight: 500;
    padding: 10px;
    margin: 0;
    
	width: 80%;
    /* float: right; */
    /* align-items: end; */
    right: 35px;
    position: absolute;
    text-align: right;
    padding-right: 25px;
    
}

#tabs .jornaActual{background:#555555;color:white;font-size:75%}
#tabs .jornaLink{font-size:82%}

div#jornadasIndex {
    margin: 10px 0;
}


h3.linkperfil{font-size:90%}

form.inline {
    display: inline;
}

body{
	/*background-image: url(flags/logorussia2018.png);*/
	padding-right: 0 !important;
	visibility: visible;
	background-repeat: no-repeat;
	background-size: cover;
	margin:auto;
	font-family: 'Dosis', serif;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;
			}
			
hr.small{padding:0;margin:0}

.qjornada tr{height:20px}

td.dir {
    text-align: right;
}

input.todosjogos{
width:14px;
border:0;
background:transparent;
}
#LIXOtabs * {
font-weight:400; 
font-size:.95em;   
}
#tabs .ui-tabs-panel {
padding: .2em 0em; 
}
#tabs .ui-tabs-nav li a {
    padding: 5px 5px;
}
#tabs .ui-tabs-nav li {
    background:#dedede;
    
}
ul#condi {
    counter-reset: foo;
    display: table;
}

ul#condi > li {
    counter-increment: foo;
    display: table-row;
    padding-bottom:8px;
        display: block;
}

ul#condi > li::before {
    content: counter(foo) ".";
    display: table-cell; /* aha! */
    text-align: right;
}

#tabs .ui-widget-header{background:none;border-top:0;border-right:0;border-left:0;border-radius:0}
#accordion .ui-widget-content{background:none;}
.select2-container--default .select2-results__group{padding-top:0!important;padding-bottom:0 !important}
.select2-container--default .select2-results__option{padding-top:0!important;padding-bottom:0!important}

#tabs .select2-container .select2-selection--single {
    font-size: 1.6em;
}
#accordion .ui-accordion-header {
    padding-top: .2em;
    padding-bottom: .2em;
    
margin-top:0px
}
.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.outMessage{    
	position: fixed;
    top: 90.5%;
    left: 0;
    width: fit-content;
    z-index: 99999999;
    margin: auto;
    right: 0;}
.myMessage {
    display: block;
    padding: 7px;
    background-color: #80ff80;
    border: 1px solid #000000;
    border-radius: 5px;
    margin: 0 12px;
    text-align: center;
    width: 100%;
}

.myMessage.errorMessage {
    background-color: #ff0000;
    color: white;
    font-weight: 900;
    font-size: 1.2em;
}
.closeX{
    position: absolute;
    font-size: 21px;
    font-weight: 700;
    line-height: .5;
    color: #000;
    /* text-shadow: 0 1px 0 #fff; */
    filter: alpha(opacity = 20);
    /* opacity: .2; */
    z-index: 99999;
    top: 0;
    right: 5px;
    display:none
}
.form-logreg{
padding:3px;
/*display:flex*/
}

.form-logreg h3 {
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0; 
    line-height: 1.1;
    color:darkgrey
}

div#Utabs-1,div#Utabs-2,#userTabs  {
    clear: both;
}

.form-logreg button {
    width: 100%;
}
#userTabsH .ui-tabs-panel {
    padding: 0 
}

.chatuser {
				clear:both;
				float: left;
				text-align: left;
			width: 70%;
				}
				
	.chatuser .innerchat {
		
				border:1px solid grey;
				border-radius: 1px 14px 14px 14px;
	}			
				
#view_ajax{		
	height: 70vh !important;
    overflow: auto;
    }

#accordion .ui-accordion-content{
padding: .2em 0em; 
overflow:hidden !important;

}



button::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner {
  padding: 0;
  border: 0 none;
}

button {
    padding: 0;
}

ul{
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
	list-style-position: inside;}

#Todo ul{
   list-style-position: outside;
}
.form-signin {
    padding: 0px;
    margin: 0 0;
    display: block;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    float: right;
    }

.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;}

.form-signin .checkbox {
	font-weight: normal;}
	
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;}

.form-signin .form-control:focus {
	z-index: 2;}

.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
table{border-collapse:collapse;width:100%}
/*
div.jogofechado .novobloco, tr.jogofechado .novobloco{background-color:#ffe0e0}
div.jogofechado.terminado .novobloco, tr.jogofechado.terminado .novobloco{background-color:#ffffe0}
div.todosjogos.jogoaberto .novobloco, tr.todosjogos.jogoaberto .novobloco{background-color:#e0ffe0}
div.admingame .novobloco, tr.admingame .novobloco{background-color:#e0e0ff}
*/
div.todosjogos.jogoaberto .novobloco {background-color:#e0ffe0}
div.todosjogos.jogofechado .novobloco {background-color:#ffe0e0}
div.todosjogos.jogofechado.terminado .novobloco {background-color:#ffffe0}
div.todosjogos.admingame .novobloco {background-color:#e0e0ff}

div.todosjogos .novobloco, tr.todosjogos .novobloco {
    clear: both;
    border: 1px solid grey;
    border-left: 0;
    border-right: 0;
}


.sideleft {
	float: left;
	width: 45%;
	text-align: right;
	display: flex;
	flex-direction: row-reverse;
}
.sideright{float:right;width:45%}
#formgroups input{padding:0}
#formgroups {
    text-align: justify;
}
#formgroups > input {
    width: 12.5%; /* Declare your value. Can be in relative units. */
    display: inline-block;
    vertical-align: top;
}
#formgroups:after {
    content: "";
    width: 100%;
    display: inline-block;
}
#row-datahora, #newdatahora, #input-datahora {text-align:center}

.underlines .appp{text-decoration:underline}
		#tabs span.userresumo {
    font-weight: 800;
}
	.l5V{color: green;}
	.l5D{color: red;}
	.l5E{color: DarkOrange;}
	span.l5_c {
    text-decoration: underline;
	}
	span.l5_f__ {
    text-decoration: overline;
	}
	
	span.l5V.cc::after {
    content: "\2197 \FE0E";
	}
	span.l5D.cc::after {
		content: "\2198 \FE0E";
	}
	span.l5E.cc::after {
		content: "\21A6 \FE0E";
	}
/*
tr.linhaClass.linha1 {
    border-bottom: 1px dashed gray;
}
tr.linhaClass.linha2 {
    border-bottom: 1px solid gray;
}
tr.linhaClass.linha4 {
    border-bottom: 1px solid gray;
}
tr.linhaClass.linha15 {
    border-bottom: 1px solid gray;
}*/
tr.linhaClass {
    border-bottom: 1px dashed gray;
}

td.quadro {
	    border: 1px solid lightgray;
	    font-size:80% !important
}

td.quadrosmall {
		    background-color: #ffdddd;

	    font-size:70% !important
}

td.quadro.cruznull{
	    background-color: #333333;
}
.tableres{
 width: 100%;
    table-layout: fixed;
}