.block {
  display: block;
}

.creator {
  background-color: beige;
}

.free {
  background-color:cornflowerblue
}

.word-div-play {
  display: flex;
  position: relative;
}
.word-go2 {
  display: inline;
  position: relative;
}
.header {
    background: var(--color-greeny);
}
.header-top{
    background: var(--color-head);
}
.navbar-default .navbar-nav > li > a{
    color: var(--color-black);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.link-effect-2 a:hover span{
    color: var(--color-yellow);
}
.kb_caption h3 {
    color: var(--color-greeny);
    background: var(--color-black);
}
.banner-bottom .ban-grid:nth-of-type(1){
    background: var(--color-red);
}
.banner-bottom .ban-grid:nth-of-type(2){
    background: var(--color-foxy);
}
.banner-bottom .ban-grid:nth-of-type(3){
    background: var(--color-greeny);
}
.banner-bottom .ban-grid:nth-of-type(4){
    background: var(--color-head);
}
.btn-primary {
    color: var(--color-black);
    background-color: var(--color-red);
    border-color: var(--color-red);
}
.btn-warning {
    color: var(--color-black);
    background-color: var(--color-foxy);
    border-color: var(--color-foxy);
}
.btn-error {
    color: var(--color-black);
    background-color: var(--color-error);
    border-color: var(--color-foxy);
}
.btn-success {
    color: var(--color-black);
    background-color: var(--color-success);
    border-color: var(--color-greeny);
}
.table > thead:first-child > tr:first-child > th{
	vertical-align: top;
    background: var(--color-greeny);
    color: var(--color-black);
}
.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: var(--color-greeny);
    color: var(--color-black);
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: var(--color-black);
    background-color: var(--color-greeny);
    border-color: var(--color-green);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: var(--color-black);
    background-color: var(--color-foxy);
    border-color: var(--color-red);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: var(--color-black);
    background-color: var(--color-red);
    border-color: var(--color-foxy);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
    background-color: transparent;
    color: var(--color-yellow);
    font-weight: 600;
}

.selected-row {
  background-color: antiquewhite;
}