.starter-template {
    padding: 40px 15px;
    text-align: center;
}

p {
    text-align: justify;
}

.table {
    padding-top: 4px;
}

.input-error {
    border-color: #dd0000 !important;
    color: #dd0000;
    border: 1px solid !important;
}

.input-invalid-character-error {
    border-color: orange !important;
    color: orange;
    border: 1px solid !important;
}

.input-invalid-character-error {
    border-color: orange !important;
    color: orange;
    border: 1px solid !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #000000 !important;
}

.navbar-inverse .navbar-nav > li > a:active {
    color: #000000 !important;
}

.navbar-inverse .navbar-nav > li > a:focus {
    color: dodgerblue !important;
}

ul li {

    border: none !important;
}

.liMarginTop {
    margin-top: -10px !important;
}

.input-correct-move {
    border-color: blue !important;
    color: blue;
    border: 1px solid !important;
}

.input-game-win {
    border-color: #008000 !important;
    color: #008000;
    border: 1px solid !important;
}

.rowAndColumnBorder > tbody > tr > td {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0.11em;
    border: 0;
}

.level {
    color: blue;
}

.target {
    color: #f68a1e;
}

.limit {
    color: red;
}

#gamePlayDiv img {
    width: 45%;
    margin-left: 160px;
}

#gamePlayDiv span p {
    margin-left: 160px;
}

input[type='text'] {
    width: 20%;
    border: 1px solid #000000;
    outline: 0;
    /*background-color: white !important;*/

}

input[type='text']:focus {
    background: lightgrey;
}

.rowAndColumnBorder > tbody > tr > td > input[type='text'] {
    font-weight: bold;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.nav-tabs.nav-justified > li > a {
    border: 0;
    border-radius: 0;
    font-weight: bold;
    font-size: 16px;
}