body {
  border: 0;
  margin: 0;
  padding: 0;
  background:#f4f4f4;
  color: #666666;
  font-family: "Gotham-Light", "Arial", sans-serif;
  overflow-y:scroll;
}

a, a:visited {
  text-decoration: none;
  outline: none;
  color: #000000;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: 0;
}

p {
  line-height: 125%;
}

h2
{
font-size:19px;
}

#tokenForm {
  display: none;
  position: absolute;
  z-index: 9999999999;
  background: #eeeeee;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

#tokenForm form {
  margin: 30px auto;
  width: 320px;
  max-width: 90%;
}

#submitAuth {
  min-width: 50%;
}

.loading {
  background-image: url(../img/loading.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  min-width: 32px;
  min-height: 32px;
}

.loading>* {
  visibility: hidden;
}

.modal {
  z-index: 9999999;
}

.modal-header {
  padding: 10px;
}

.modal-title {
  font-size: 17px;
  line-height: 17px;
  font-family: sans-serif;
}

#modalContent {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 15px;
}

#scrolldemo {
  height: 25vh;
}

.scroller {
  width: 100%;
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  padding: 10px;
}

.scrolled {
  position: relative;
  height: auto;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #dddddd;
}


.btn-primary
{
background-color:#0071bc!important;
}

.nomargin
{
margin:0;
}

.littlemargin
{
margin:15px auto;
}

/* Disable padding in grids

.row
{
margin-left:0;
margin-right:0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
padding-left:0;
padding-right:0;
}

*/


#signout
{
position:fixed;
bottom:0;
right:0;
display:none;
}



#nicknameHeader
{
margin:30px auto 90px;
}


#chartHeader
{
margin:75px auto 15px;
}

#gameHeader
{
max-width:90%;
max-height:150px;
display:block;
margin:0 auto;
}

#usernameHeader, #username
{
display:block;
/*background:#ffffff;*/
text-align:center;
font-weight:bold;
border:0;
border-radius:10px;
margin:0 auto;
width:90%;
padding:10px 5px;
color:#0071bc;
}

.confirmUsername
{
margin:60px auto 15px;
}

#setupTalentsIntro
{
margin:0 auto 10px;
}

#setupTalentsTutorial
{
line-height:1em;
}

#talentsGrid
{
padding:0 5px;
}

#talentsGrid > div
{
/*height:33.333vw;*/
/*background:#eeeeee;*/
/*border:1px solid #cccccc;*/
padding:10px;
background:transparent;
}

.talent
{
overflow:hidden;
background:#ffffff;
border-radius:10px;
box-shadow:0 0 8px #cccccc;
height:calc(33.333vw - 25px);
}

.talent img
{
display:block;
width:55%;
height:auto;
margin:5px auto;
}

.talent p
{
font-size: 12px;
line-height: 14px;
margin: 5px auto 0;
text-align: center;
height: 28px;
padding:0 5px;
letter-spacing:-0.1em;
}

.talent p.double_line
{
line-height:26px;
}

.talentOrder
{
position:absolute;
top:0;
left:0;
text-align:center;
width:24px;
height:24px;
line-height:24px;
background:#0071bc;
color:#ffffff;
border-radius:12px;
}


.talentScore
{
position:absolute;
top:0;
right:0;
text-align:center;
width:24px;
height:24px;
line-height:24px;
font-size:12px;
font-weight:bold;
background:#0071bc;
color:#ffffff;
border-radius:12px;
}


.sortable-ghost
{
visibility:hidden!important;
}



#backtoScan
{
width:240px;
height:auto;
display:block;
margin:5px 0 0 0;
}

#backtoScan.fixedbacklabel
{
position:fixed;
margin:0;
top:5px;
left:15px;
}


#setupCompleteHeader
{
margin:15px auto;
}


#setupComplete
{
margin:15px auto 15px;
}







#talentsLegend
{
margin:5px auto 5px;
overflow:hidden;
}


#talentsLegend > div
{
width:calc(100% / 9);
float:left;
margin:0 auto;
}

#talentsLegend > div > img
{
display:block;
margin:0 auto;
width:calc(100% - 10px);
height:auto;
}

#gettoni
{
font-size:14px;
margin:15px auto 10px;
}

#buy, #dontbuy
{
width:100%;
}

.smallTutorial
{
font-size:9px;
}

#buyTutorial
{
margin:15px auto;
}


.row_me
{
background:#ffffff;
}