#footer {background: #f5f5f5; margin-top: 50px; padding: 10px}
#gamebar {padding: 0}
#userbar {padding: 0}
.li-missing {background: #f5f5f5}
/*p {margin-bottom: 0px}*/
h2,.h2{font-size:23px}
h3,.h3{font-size:18px}
form {margin-top: 10px}
th form {margin-top: 0px}
td form {margin-top: 0px}
.control-label {text-align: left !important}
.achievement-popup {position: fixed; width: 500px; left: 50%; margin-left: -250px; background: gold; z-index: 1000000000}
.nav-tabs {margin-bottom: 1em}
.dotted {border-bottom: 1px dotted black}
.release {margin-bottom: 18px}

.box-primary {background: #bc0000; color: #fff}
.box-primary .panel-heading {background: #7c0000; color: #fff; border-bottom: none}

p a {text-decoration: underline}


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.thumbnail {
  height: 100%;
}

.thumbnail .img-responsive{
    width: 100%
}

.row.display-flex .thumbnail{
    margin-bottom: 0px
}

.row.display-flex > div {
    margin-bottom: 20px
}

/*TODO*/
@media (max-width: 768px){
    .col-sm-6 {
        width: 100%
    }
}
@media (max-width: 768px){
    .achievement-popup {
        left: 5%;
        width: 90%;
        margin: auto;
    }
}

table .form-group {margin-bottom: 0px}

.nobr {white-space:nowrap}

/*carousel fix*/
@media (min-width: 500px) {
    .carousel-inner > .item {
        height: 400px;
        overflow: hidden;
    }
}

@media (max-width: 499px){
    .carousel-inner > .item {
        height: 200px;
        overflow: hidden;
    }
}

.carousel {
    margin-bottom: 15px;
}

.carousel-inner {
  position: relative; 
}

.carousel-inner>.item>a>img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.carousel-caption {
    text-shadow: 0px 1px 3px rgba(0,0,0,0.9);
}

.carousel-indicators li{
    box-shadow: 0px 1px 3px rgba(0,0,0,0.9);
}


.btn-light{background-image: linear-gradient(#eee, #fff 6%, #eee); border-color: #eee; color: #555}
.btn-light:focus,.btn-light:hover,.btn-light:active{color: #555; border-color:#A4C6FD}



#podminky ol {counter-reset: item}
#podminky li {display: block}
#podminky li:before {content: counters(item, ".") ". "; counter-increment: item}

.navbar {margin-bottom: 10px}
.platforms {margin-top: 8px}
h1 {margin-top: 10px}

.img-icon {height: 20px; margin-top: -2px}
.img-icon-big {height: 24px; margin-top: -4px}
.img-icon-small {height: 16px; margin-top: -1px}

.margin-bottom-less {margin-bottom: 0px}