:root {
  --fn-text-color:red;
}

.toast-position {
    top: 30px;
    z-index: 3000;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
}

.banner-container {
  background: url("img/banner.png") top left no-repeat;
}
.brand {padding-left:10px}

.brand-page {
	text-transform: uppercase;
    font-weight: bold;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #868686;
    text-decoration:none;
}

#content {margin:12px 0px 0px 0px}
.content-details {display:none}
.content-details-parent {display:none}

small {font-size:0.75rem}

.text-alert {
	color: var(--fn-text-color) !important;
}

a.datepicker-button.blue {background-color:transparent !important}

div.datepicker-month-wrap {color:#cccccc !important}

.tb-secondary {background-color:var(--bs-secondary-bg-subtle)}

.tb-secondary td {background-color:var(--bs-secondary-bg-subtle)}

.google-play {
	float:right;
	height:38px;
	margin:0px 0px 0px 10px;
	vertical-align:middle;
	cursor: pointer;
}

@media only screen and (max-width: 514px) {
  .google-play {
	  float:right;
	  height:35px;
	  margin:0px 0px;
	  vertical-align:middle;
	  cursor: pointer;
	  padding:0px 5px;
  }
}
.hr-match {margin:3px}

.hr-divider {margin:1px}

.img-flag {
	width:21px; 
	height:15px; 
	margin-right:10px
}

.tree-menu {
	width:100%;
	inset: auto auto 37px 0px !important
}

.img-sub-item {height:16px}
.img-sub-item-br {height:14px}

.img-header {
	padding-right: 10px;
	padding-left:10px
}

.img-match {
	padding-right:3px;
	padding-left:3px;
	vertical-align:middle;
	height:16px;
}

.img-match-m {
	height:20px;
	padding-right:8px;
	padding-left:8px;
	vertical-align:middle;
}

.img-match-m-1 {
	height:20px;
	padding-right:30px;
	padding-left:0px;
	vertical-align:middle;
}

a.input-group-append {
	width:auto !important; 
	padding-top:0px !important; 
	margin:5px !important;
}

.i-updates { margin-right:0px !important}

.sidebar-wrapper .sidebar-header {padding:5px;}
.span-footer-img {padding-left:10px}
.span-footer-txt {padding-left:5px}
.span-sub-item {padding-left:10px !important}
.table td, .table th {padding:.30rem}
.table-classif { padding:0px !important}
.table-summary { font-size:0.8em}
.td-bold {font-weight:bold}

.td-top {border-top:1px solid #c0c0c0 !important;
		 padding:1px !important;
		 background-color:#c0c0c0 !important;
}

.td-middle {border-top:1px lightblue solid  !important;
		    padding:1px !important;
		    background-color:lightblue !important;
}

.td-bottom {border-top:1px solid #ffcccb !important;
		    padding:1px !important;
		    background-color:#ffcccb !important;
}

.td-classif-bold {
	padding:2px;
	font-weight:bold;
	text-align:right;
}

.td-classif-bold-group {
	padding:2px;
	font-weight:bold;
	text-align:left;
    color:var(--bs-body-color) !important;
    background-color:var(--bs-secondary-bg) !important;	
}

.td-classif-bold-left {
	padding:2px;
	font-weight:bold;
	text-align:left;
}

.td-classif {
	padding:2px;
	text-align:right;
}

.td-classif-left {
	padding:2px;
	text-align:left;
}

@media only screen and (max-width: 514px) {
	.td-classif-bold {
		padding: 2px;
		font-weight: bold;
		text-align: right;
		font-size: 0.8em;
	}
	.td-classif-bold-left {
		padding: 2px;
		font-weight: bold;
		text-align: left;
		font-size: 0.8em;
	}
	.td-classif {
		padding: 2px;
		text-align: right;
		font-size: 0.8em;
	}
	.td-classif-left {
		padding: 2px;
		text-align: left;
		font-size: 0.8em;
	}
	
	#toolbarViewer {
		background-color: var(--toolbar-bg-color)
	}
}

.td-item {vertical-align:middle !important;text-align:center !important}
.td-item-v-m {vertical-align:middle !important;}

.td-placar {font-size:2.8em; font-weight: bold;}

@media only screen and (max-width: 514px) {
  .td-placar {font-size:1.5em; font-weight: bold;}	
}


.td-img {
	width:24px; 
}

.escalacao-camisa { width:1.5%;text-align:center !important;vertical-align:middle !important}
.escalacao-bandeira { width:1%; padding:3px !important;text-align:center !important; vertical-align:middle !important}
.escalacao-posicao {width:0.8%;text-align:center !important; vertical-align:middle !important}
.escalacao-nome {width:110px !important;vertical-align:middle !important}
.escalacao-ocorrencias {vertical-align:middle !important}

.scout-categoria {width:20%}
.scout-equipe {width:20%}

.ul-card {padding-left:20px}

.hr-div {
	border:0;
	border-bottom:1px dashed gray;
	margin: 5px 0px;
}	

.hr-div2 {
	border:0;border-top: 1px dashed #dfdfdf;
}

.hr-space {
	font-size:0.20em;
}

.hr-end {
	border:0;border-bottom:1px solid black
}	

.video-container {
    position: relative;
    width: 70%;
    height: 0;
    padding-bottom: 39.38%;
    display: block;
    margin:20px auto 0 auto;
}

.video-container-m {
    position: relative;
    width: 85%;
    height: 0;
    padding-bottom: 47.82%;
    display: block;
    margin:20px auto 0 auto;
}

.video {
    position: absolute;
    top: 100;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:black;
}

.radio-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 18%;
    display: block;
    margin:20px auto 0 auto;
}

.radio-container-m {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    display: block;
    margin:20px auto 0 auto;
}


.radio {
    position: absolute;
    top: 100;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
}

.divadsense {
	text-align:center !important; 
	vertical-align:middle !important;
	margin:5px 0px 0px 0px;
	width:98%;
}

.square {
      width: 10px;
      height: 10px;
	  display: inline-block;
	  border:1px solid;
}

.scout-bar {
  --perc: 50;
  height: 20px;
  padding: 0px;
  background-color: black;
  display: flex;
  width:100%
}

.scout-bar::before {
  content: "";
  width: calc(var(--perc) * 1%);
  background-color: #778899;
}

.team-border {
	background-color:white;	
	border-radius:4px;
	padding:1px;
	border:solid 1px #c6c6c6;
	margin:2px 0px;
}

.logo-max-height {
	max-height:150px;
}

.break {
	page-break-before: always; 
}

.bet365 {text-decoration: underline #a0a0a0; color:var(--bs-table-striped-color);}
.bet365:hover {text-decoration:underline green; color:green}

.onexbet {text-decoration: underline #a0a0a0; color:var(--bs-table-striped-color);}
.onexbet:hover {text-decoration: underline rgba(var(--bs-link-color-rgb)); color:rgba(var(--bs-link-color-rgb))}


#button-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 2147483647;
  border: none;
  outline: none;
  cursor: pointer;
}

#spinner {
  display: block;
  position: fixed;
  z-index: 1031; /* High z-index so it is on top of the page */
  top: 50%;
  right: 50%; /* or: left: 50%; */
  margin-top: -33px; /* half of the elements height */
  margin-right: -33px; /* half of the elements width */
  width: 3rem; 
  height: 3rem;
}

#date {
	height:2.6em;
	min-width:7em !important;
	width:7.6em;
	margin:5px 0px 5px 10px;
	text-align: center !important; 
}

#date-input { 
	height:2.3em !important;
	background-color:#F9F9F9 !important;
}

.filter {
    text-align:left;
    font-size:0.7rem;
}

.filter > input {
  box-sizing: border-box;
  border: 1px solid gray;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;    
}	

.filter > input[type=text]:focus {
	border: 1px solid #c0c0c0;
}

.signup-header {
	text-decoration:underline;
	color:black;
	text-align: center;	
}

.signup-align {
	text-align:left;
	margin:20px;
	color: #212529;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

.close-btn {
	margin:0px 0px 5px 0px;
}	

@media print {
	#fn-footer {display:none}
	#fn-ad1 {display:none}	
	#fn-ad2 {display:none}
	#infobol1 {display:none}
	#infobol2 {display:none}
	#gplay1 {display:none}
	#google1 {display:none}
	#google2 {display:none}
	#aswift_2_host {display:none}
    #adstop1 {display:none}
    #adstop2 {display:none}	
	.adsbygoogle {display:none}
	.grippy-host {display:none}
}