body {
    background: #fafafa;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.tile circle {
    stroke: #c6c6c6;
    stroke-width: 1;
}

.tile line {
    stroke: #c6c6c6;
    stroke-width: 1;
}

 #startModal .modal-dialog {
    width: 300px;
}

#tutorialModal .modal-dialog {
    width: 300px;
}

#title {
    font-size: 28px;
}

.support-text {
    font-size: 16px;
    text-align: justify;
}

.support-text mark {
    width: 200px;
    font-size: 16px;
}

#footerWeb, #footerAndroid {
    margin-top: 10px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 16px;
}

#toolbar {
    margin-bottom: 0px;
    border-color: #fafafa;
    background-color: #fafafa;    
}

#score {
    float: right!important;
    margin-right: -15px;
}

#score span {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 15px;
}

#scoreMove, #scoreTime {
    color: white;
}

#difficultyModal .modal-body button {
    width: 240px;
    text-align: right;
}

#victoryModal .glyphicon {
    font-size: 2em;
}

.modal-backdrop {
    background-color: black;
    opacity: 0.0 !important;
}

/* http://codepen.io/dimbslmh/full/mKfCc */
.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    text-align: center;
}

#highscoreModal .modal-dialog {
    width: 300px;
}

#highscoreModal ul {
    margin-bottom: 0px !important;
}

#highscoreModal .difficulty1 {
    text-align: right;
    background-color: #5cb85c;
    color: white;
    cursor: pointer;
}

#highscoreModal .difficulty1:hover {
    background-color: #449d44;
    border-color: #398439;
}

#highscoreModal .difficulty2 {
    text-align: right;
    background-color: #337ab7;
    color: white;
    cursor: pointer;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#highscoreModal .difficulty2:hover {
    background-color: #286090;
    border-color: #204d74;
}

#highscoreModal .difficulty3 {
    text-align: right;
    background-color: #f0ad4e;
    color: white;
    cursor: pointer;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#highscoreModal .difficulty3:hover {
    background-color: #ec971f;
    border-color: #d58512;
}

#highscoreModal .difficulty4 {
    text-align: right;
    background-color: #d9534f;
    color: white;
    cursor: pointer;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#highscoreModal .difficulty4:hover {
    background-color: #c9302c;
    border-color: #ac2925;
}