form.form-logreg .form-control {
    width: 32%;
    float: left;
    margin: .6%;
} 

.outMessage {
    z-index: 99999;
}

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

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 {
    background: #ffdddd;
}

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

#slider{margin: 0 10px;}

#slider .ui-slider-handle {
    text-align: center;
}

.volta{
    margin: auto;
    text-align: center;
    color:red;
}

h1.ligaTitle {
    text-align: center;
    font-size: 130%;
    font-weight: 500;
    padding: 10px;
    margin: 0;
}

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

div#jornadasIndex {
    margin: 10px 0;
}


@media (min-width: 768px)
{
	#mycontent .container {
		width: 400px;
	}
}
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;}
    
    body {
			font-family: 'Dosis', serif;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			background-color: #eee;
			}
			
hr.small{padding:0;margin:0}

.qjornada tr{height:20px}

td.dir {
    text-align: right;
}

input.todosjogos{
width:14px;
border:0;
background:transparent;
}
#tabs * {
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:relative}
.myMessage{
	position: absolute;
    display: block;
    padding: 7px;
    background-color: #80ff80;
    border: 1px solid #008000;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    margin: 0;
    width: 100%;
}
.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;
}
.form-logreg{padding:3px}


.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;}


.form-signin {
	padding: 0px;
	margin: 0 0;}

.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%}
tr.jogofechado{background-color:#ffcccc}
tr.jogoaberto{background-color:#ccffcc}
tr.admingame{background-color:#ccccff}
.sideleft{float:left;width:45%;text-align:right} 
.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;
}


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;
}