:root {

  --cinza-fpp: #555;

  --vermelho-fpp: #b40000;

}

.card-horizontal {

    display: flex;

    flex: 1 1 auto;

}



.card-horizontal .card-body{

    padding: 10px !important;

}

.img-cartao-imprimir{

    height: 100px !important;



}

.main-container{

    padding-top:10px;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}

code {

  display: block;

  white-space: pre-wrap

}



/*******************************************************************************NAVBAR*********************************/

.navbar{

    background-color: var(--cinza-fpp);

}

.navbar-default .navbar-nav > li > a{

    color: white;

}

.navbar-brand img {

    max-height: 50px;

}

.first-navbar {

    margin-left: 0px !important;

    max-width: 100% !important;

    height: 80px;

}

.second-navbar{

    background-color: var(--vermelho-fpp);

    width: 100%;

    padding-top: 0px;

    padding-bottom: 0px;

}



.navbar-expand-lg .navbar-nav .nav-link, .navbar-toggler-icon {

    color:white;

}



.nav-item:hover, .dropdown-item:hover{

    /*border-bottom:solid 5px white;*/

    background-color:white;

}

.nav-item:hover a:not(.dropdown-item), a.dropdown-item:hover{

    /*padding-bottom: 3px;*/

    color:#b40000 !important;

}













.dropdown-submenu {

  position: relative;

}



.dropdown-submenu>a:after {

  content: "\f0da";

  float: right;

  border: none;

  font-family: 'FontAwesome';

}



.dropdown-submenu>.dropdown-menu {

  top: 0;

  left: 100%;

  margin-top: 0px;

  margin-left: 0px;

}

.dropdown-menu{

    background-color: #b40000;

}



.dropdown-item{

    color:white;

}









body{

    background-color: #fafafa;

}



.card-header{

    background-color: white;

    border-bottom: solid 2px #b40000;

}





.dt-buttons{

    display:inline-block;

}



.dataTables_filter{

    display: inline-block;

    float: right;

}







.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{

    padding-bottom:15px;

}



@media (min-width: 768px) {

  .modal-xl {

    width: 90%;

   max-width:1200px;

  }

}











.fab{

  position: fixed;

  bottom:10px;

  right:10px;

}



.fab button{

  cursor: pointer;

  width: 48px;

  height: 48px;

  border-radius: 30px;

  background-color: #555;

  border: none;

  box-shadow: 0 1px 5px rgba(0,0,0,.4);

  font-size: 24px;

  color: white;



  -webkit-transition: .2s ease-out;

  -moz-transition: .2s ease-out;

  transition: .2s ease-out;

}



.fab button:focus{

  outline: none;

}



.fab button.main{

  position: absolute;

  width: 60px;

  height: 60px;

  border-radius: 30px;

  background-color: #b40000;

  right: 0;

  bottom: 0;

  z-index: 20;

}



.fab button.main:before{

  content: '?';

}



.fab ul{

  position:absolute;

  bottom: 0;

  right: 0;

  padding:0;

  padding-right:5px;

  margin:0;

  list-style:none;

  z-index:10;



  -webkit-transition: .2s ease-out;

  -moz-transition: .2s ease-out;

  transition: .2s ease-out;

}



.fab ul li{

  display: flex;

  justify-content: flex-start;

  position: relative;

  margin-bottom: -10%;

  opacity: 0;



  -webkit-transition: .3s ease-out;

  -moz-transition: .3s ease-out;

  transition: .3s ease-out;

}



.fab ul li label{

  margin-right:10px;

  white-space: nowrap;

  display: block;

  margin-top: 10px;

  padding: 5px 8px;

  background-color: white;

  box-shadow: 0 1px 3px rgba(0,0,0,.2);

  border-radius:3px;

  font-size: 16px;

  pointer-events: none;

  opacity:0;



  -webkit-transition: .2s ease-out;

  -moz-transition: .2s ease-out;

  transition: .2s ease-out;

}



.fab.show button.main,

.fab.show button.main{

  outline: none;

  background-color: #b40000;

  box-shadow: 0 3px 8px rgba(0,0,0,.5);

 }



.fab.show button.main:before,

.fab.show button.main:before{

  content: '↑';

}



.fab.show button.main + ul,

.fab.show button.main + ul{

  bottom: 70px;

}



.fab.show button.main + ul li,

.fab.show button.main + ul li{

  margin-bottom: 10px;

  opacity: 1;

}



.fab.show button.main + ul li label,

.fab.show button.main + ul li label{

  opacity: 1;

}



body.dark-mode{

    background-color: #242526

}



.dark-mode .card, .dark-mode .card-header{

    background-color: #3a3b3c !important;

    color: white !important;

}



.dark-mode a{

    color: 007bff !important;

    font-weight: bold !important;

}



h5[data-toggle] {
  cursor: pointer;
}


.calendario-hp{
  width:100%;
}

.calendario-hp tr {
  border-bottom: solid 1px grey;
}

.calendario-hp td{
  text-align: center;
}

.calendario-hp .bold{
  font-weight: bold;
}

.titulo-jornada {
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  background: #b40000;
  padding: 5px;
  margin-bottom: 0px;
}

.coluna-data {
  width: 10%;
}

.data {
  font-size: 0.8rem;
  display: inline;
}
.coluna-equipa {
  width: 35%;
}
.visitada, .visitante {
  font-size: 1rem;
  display: inline;
}
.coluna-resultado {
  width: 15%;
}
.resultado {
  font-size: 1rem;
  display: inline;
}
.coluna-opcoes, .fa {
  cursor: pointer;
}
.coluna-opcoes {
  width: 5%;
}





.bgred{
	background-color:#b40000 !important;
}

.bggreen{
	background-color:#539E34 !important;
}

.lista-classificacao table{
	border-bottom:solid 1px grey;
}

.lista-classificacao p{
	display: inline;
}

.lista-classificacao table tr .classificacao{
	text-align:center;
}
.lista-classificacao table tr td{
	padding:10px;
}

.lista-classificacao table tr .clube{
	text-align:left;
}
.lista-classificacao table tr .clube p{
	display: inline;
}


.link-menu{
	color: #b40000 !important;
	padding: 5px;
	margin: 5px;
	border-bottom: solid 1px gray;
	display: inline-block;
}

.link-menu:hover {
    border-bottom: solid 1px #b40000 !important;
    background-color: #ddd !important;
    border-radius: 5px 5px 0px 0px !important;
}

.link-menu.ativo {
    border-bottom: solid 1px #b40000 !important;
    background-color: #ddd !important;
    border-radius: 5px 5px 0px 0px !important;
}

.lista-classificacao table tr:nth-child(even){
	background-color:#eee;
}

.lista-classificacao table tr:nth-child(1){
	background-color:#b40000;
	color: white;
	padding-bottom:5px;
	padding-top:5px;
}