@font-face {
   font-family: myFont;
   src: url(sansation_light.ttf);
}

/* Sticky footer styles */
/*
html {

  position: relative;
  min-height: 100%;
  font-size: 1rem;

}
*/

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 28px;*/
  padding-top: 0;
  /*background:rgb(129,175,177) !important;*/
  /*background: rgb(12, 181, 212) !important;*/
  background: #f0f2f5;
  /*font-family: spotify-circular,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS Gothic,sans-serif;*/

  /*
  background-image: url('./imagens/logo-dark.png');
  opacity: 0.5;
  background-color: rgba(57, 233, 145, 0.95);
  background-blend-mode: lighten;
  */
}

body.ranking {
  /* Margin bottom by footer height */
  margin-bottom: 28px;
  padding-top: 0;
  /*background:rgb(129,175,177) !important;*/
  /*background: rgb(12, 181, 212) !important;*/
  /*background: rgb(57, 233, 145) !important;  */
  background-image: url('../imagens/logo-mind-a-game-branco2-opacity.png');
  background-attachment: fixed;
  font-family: myFont;

  /*
  font-family: spotify-circular,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS Gothic,sans-serif;
  background-image: url('./imagens/logo-dark.png');
  opacity: 0.5;
  background-color: rgba(57, 233, 145, 0.95);
  background-blend-mode: lighten;
  */
}

#pannel_top {
  background: linear-gradient(180deg,#26394a,#0b192b);
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
  z-index: 1;
  box-shadow: 0 0 10px rgba(0,0,0,.8);
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #39c0ed;
  height: 105px;
}

.header_ini {
    position: relative;
    top: 0;
    left: 0;
    height: 105px;
    width: 100%;
    padding: 0px 10px 0px 10px;
    background: #373a42;
    color: #e8e8e8;
    box-shadow: 0 0 10px rgba(0,0,0,.8);
    z-index: 12;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    height: 116px;
    width: 100%;
    padding: 0px 10px 0px 10px;
    background: #373a42;
    color: #e8e8e8;
    box-shadow: 0 0 10px rgba(0,0,0,.8);
    z-index: 12;
}

/*
#pills-calendario {
  font-family: myFont;
}
*/

#footer {
  margin-top:10px;
  width: 100%;
  height: 18px;
  font-size:12px;
}

.bar_nome {
   font-size: 16px;
    line-height: 22px;
    letter-spacing: .1em;
    color: #fff;
	margin: 0;
}

.bar_local {
    margin-top: 0;
    margin-bottom: 0;
    font-size: smaller;
}

.track-name {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    color: #fff;
	cursor: pointer;
}

.track-name-min {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .1em;
    color: #fff;
    cursor: pointer;
}

.track-name-playing {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    color: #00f1ff;
}

.track-name-playing-min {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .1em;
    color: #00f1ff;
}

.artist-name {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .015em;
    color: #ffffff70;
	cursor: pointer;
}

.cliente-name {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .1em;
    color: #fff;
    text-transform: uppercase;
}

.cliente-name-min {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .1em;
    color: #fff;
    text-transform: uppercase;
}

.artist-name-playing {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .015em;
    color: #06fff570;
}

.album-pic {
	width: 48px;
}

.status-pic {
	width: 32px;
	margin-right: 5px;
}

.status-pic-min {
  width: 20px;
  margin-right: 5px;
}

.status-icon {
  width: 24px;
  /*margin-right: 5px;*/
}

.local-pic {
	width: 32px;
  margin-right: 5px;
}

#main {
    background-image: url(images/saxman.jpg);
}   

.nav {
    display: -webkit-inline-box;
}

.navbar {
  position: fixed;
	top: 0;
  left: 0;
  right: 0;
  z-index: 1300;
}

.nav-link {
	border-style: solid;
  border-width: 1px;
  border-color: #0aa1f924;
  margin-right: 1px;
  margin-left: 1px;
  padding: 5px
}

.container_ini {
  widows: 450px;
  padding: 0;
}

.container {
	padding: 0;
}

.navbar>.container {
  display: block;
  text-align: center;
}

.navbar-brand {
  font-size: 2.0rem;
}

.bg-dark2 {
    background-image: url(images/3.jpg);
    background-repeat: no-repeat;
    background-size: auto;
}

.navbar2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1200;
}

.logo-bar {
	width: 64px;
}

.gps {
	height: 48px;
}

.bg-dark {
  /*background-color: #343a40db!important;*/
	background-color: #000000!important;
	/*border-radius: 10px;*/
	background-image: url(../images/banner.png);
	background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 0px;
}

.ouro_vazio {
  opacity: 0.2;
	/*
	width: 30px;
    height: 30px;
	*/
}

.ouro {
    width: 30px;
    height: 30px;
}

.cab {
	color: white;
    font-weight: bold;
}

.row {
	/*background: #00000047;*/
  border-radius: 4px;
  /*
  margin-top: 25px;
  margin-bottom: 25px;
  */
}

.searchbox {
  background: #00000057;
  /*border-color: #0cb5d4;*/
  margin-bottom: 5px;
  color: white;
  border: 0;
}

.col-sm-10 {
	margin-top: 10px;
}

.col-form-label-lg {
	color: white;
    font-size: 1.1rem;
}

.custom-control-label {
	color: white;
}

.nav-pills .nav-link {
    color: white;
	background-color: #007bff4d;
}

#playlists {
    display:none;
    font-size:18px;
}

#single-playlist {
    display:none;
}

/*
@media screen and (min-width: 768px) {
  .sp-jumbotron-custom {
  }
}
*/

.userpic {
	height: 32px;
	width: 32px;
  border-radius: 16px;
	/*
	border: 2px;
  border-style: solid;
  */
}

.userpic-min {
  height: 20px;
  width: 20px;
  border-radius: 16px;
}

.userpic_table {
	height: 48px;
  border-radius: 16px;
    /*
    border: 2px;
    border-style: solid;
    */
}

.alert-info {
    padding: 0;
	font-weight: bold;
}

.table-dark {
    border-radius: 5px;
}

.h1 {
  margin-bottom: 42px; /* (@padding-base-vertical * 7) */
}


.top {
    /*margin-top:220px;*/
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: #00000042;
	color: white;
    /*
	position:relative;
	*/
}

.top_calendario {
  /*margin-top:220px;*/
  /*padding-top: 30px;*/
  padding-bottom: 20px;
  /*background-color: #00000042;*/
  color: black;
    /*
  position:relative;
  */
}

.calendar {
    padding: 0px;
    font-weight: bold;
}

.top_ranking {
    /*margin-top:220px;*/
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #00000094;
  color: white;
    /*
  position:relative;
  */
}

.corpo {
	/*margin-top:220px;*/
	margin-top:170px;
}

.nome_bar {
    margin-top: 0;
    margin-bottom: 0;
	font-size: x-large;
	color: cyan;
}

.h5 {
	margin-top: 0;
    margin-bottom: 0;
	color: cyan;
}

.h6 {
	margin-top: 0;
    margin-bottom: 0;
	color: yellow;
}

.morada {
    margin-top: 0;
    margin-bottom: 0;
	font-size: x-small;
	color: yellow;
}

.localidade {
    margin-top: 0;
    margin-bottom: 0;
	font-size: large;
	color: yellow;
	text-align: center;
}

.nome_musica {
    margin-top: 0;
    margin-bottom: 0;
	font-size: large;
	color: cyan;
}

.artista_album {
    margin-top: 0;
    margin-bottom: 0;
	font-size: small;
	color: yellow;
}

.col-status {
  width : 24px;
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
}

.table td, .table th {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.col-album {
	width : 64px;
	cursor: pointer;
}



.col-pedido {
	text-align: center;
}

.centrado {
	text-align: center;
}

.esquerda {
	text-align: left;
}

.direita {
	text-align: right;
}

.musica_estado {
	text-align: right;
}

.text-muted {
    color: #000000!important;
}

.text-muted a {
    color: white;
}

img {
  margin: 0 auto;
  border-radius: 5px;
}

h3 {
  font-weight: 600; /* @font-weight-semibold */
  margin-top: 12px;
}

@media screen and (min-width: 992px) {
  p {
    margin-bottom: 12px; /* reset to default */
  }
}

#info {
    font-size:32px;
}

/*
#song-table tbody tr.selected {
    background-color:#81b71a;
}
*/

.fine-print {
  margin-bottom: 30px; /* (@padding-base-vertical * 5) */
}

#go {
    margin-bottom:20px;
}


#ttext {
    margin-top:20px;
    margin-bottom:30px;
    width: 80%;
    margin-left:auto;
    margin-right:auto;

}

#ttitle {
    color:white;
}

#jumbo-dialog {
    color:white;
    /*background: rgba(50,50,50, 0.3);*/
    border-radius:15px;
}

.hoverable {
    cursor: pointer;
}

#assoc_fb {
    display: none;
}

#like_page {
    display: none; 
}

.login {
  margin: 10px auto;
  width: 200px;
  text-align: left;
}

.fundo {
  background-image: url('../imagens/logo-dark.png');
  background-color: rgba(57, 233, 145, 0.94);
  background-blend-mode: color;
  height: 100%;
  position: absolute;
  top: 0px;
  left: auto;
  width: 100%;
  z-index: -100;
}

button {
  cursor: pointer;
}

#legenda {
  padding: 30px;
}

.fa-calendar {
  border-style: solid;
  border-width: 1px;
  background-color: yellow;
  border-radius: 4px;
  padding: 5px;
  color: black;
  font-size: 24px;
}

.card {
  margin-bottom: 20px;
}

.card-header {
  background-color: #2096f3;
  color: #fff;
  padding: 0px;
}

.top_calendario {
  background-color: white;
}