img{vertical-align:middle}
#page-wrapper{padding-top:80px;}
.navbar-header{width:100%;}
.navbar-default a.navbar-brand{padding:5px 15px;}
.navbar-default a.navbar-brand img{display:inline-block;margin:0 10px 0 0}
.nav.navbar-right > li.gravatar{float: right;}
.navbar-top-links .dropdown-messages{width:auto}
.fadeOut{display:none;}
form div.error-message{padding-bottom:10px;font-weight:700;}
.navbar-top-links li.gravatar a{margin:0;padding:5px 0;}
.date label{width:100%;}
.date select{width:30%;}
.panel-primary .panel-heading a:hover{color:#fff;}
.panel-primary .panel-heading a.view:hover{text-decoration:none;opacity:.6}
.input-group .editable-click, 
.input-group a.editable-click, 
.input-group a.editable-click:hover{border-bottom:1px solid #ccc}
.panel-heading a.inlineEdit:before,
.wishlistEdit .input-group a:after{
    font-family: FontAwesome;
    content: "\f044";
    float:right;
    margin:0 0 0 10px;
}
.panel-heading a.inlineEdit:before{float:left;margin:0 10px 0 0}
.panel-footer a.btn.pull-left{margin:0 10px 0 0;}
#sortbar{padding:10px 0 20px}
#sortbar span,
#sortbar a{margin:0 10px 0 0;}
#showSubscribers img.img-circle{width:50px;}
.publicWishlists > div{margin-bottom: 20px;}
#setPriceManually{margin-bottom:10px;}
footer{padding:20px 0;text-align:center;wisth:100%;margin:0;}
footer p{border-top:1px solid #ccc;padding:20px 0 0 0;margin:0;}
.nav .dropdown .isDead{color:#d43f3a}
.item {
    border-radius: 4px;
}
.caption {
    height: 130px;
    overflow: hidden;
}
.caption.noDescription{
    height:80px;
}
.caption.noDescription .description{
    display:none;
}

.list-view .caption,
.wishlistItems .list-view .caption.noDescription:hover{height:auto;}
.list-view .ratings p{text-align:left}
/* Switch button */
.btn-default.btn-on-1.active{background-color: #DA4F49;color:#fff;}
.btn-default.btn-off-1.active{background-color: #5cb85c;color:#fff;}
.btn-default.btn-alone.active{background-color: #f0ad4e;color:#fff;}

/* mafia */
.page-header{margin-top:0}
.text-center .img-responsive{margin:auto;}
#importanceSliderDiv label{width:100%;margin-bottom:20px}
#importanceSliderDiv .slider{width:80%;clear:left;margin-left:10%;}
#importanceSliderDiv .slider .slider-handle{cursor: pointer;}
.wishlistUrl{position:absolute;left:-99999px;}
a.roleSelect img{opacity:0.7}
a.roleSelect:hover img,
.thumbnail.active a.roleSelect img{opacity:1;}
.thumbnail.active{background:#03a31e}
.thumbnail.active h3,
.thumbnail.active h3,
.thumbnail.active p{color:#fff;}
.collapse-link{
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}
#enterUserName form .text{width:70%;float:left;}
#enterUserName form .text .form-group{width:100%;}
#enterUserName form .text label{width:40%;margin-right:2%}
#enterUserName form .text input{width:58%}
#enterUserName form button[type=submit]{width:20%;float:right}
#showCharacter{display:none}
#showCharacter a.nextPlayer:after{
    font-family: FontAwesome;
    font-size:50px;
    content: "\f164";
    position:absolute;
    top:10%;
    left:50%;
    margin-left:-40px;
    padding:10px 20px;
    color:#fff;
    background:rgba(255,255,255,0.3);
    border-radius:50%;
}
.panel-body.killed{background:#D33C44;}
.panel-body.blocked{background:#f0ad4e;}
.panel-body.killed *,
.panel-body.blocked *{color:#fff;}
.role .description{padding:10px 0;font-size:18px}
#investigated h2{font-size:50px;color:red;text-transform:uppercase;font-weight:700;}
#investigated h2.text-success{color:#3c763d}
#investigated h2.journalist a{font-size:60px;padding:10px 20px}
#investigated h2.journalist i{font-size:200px}
.selectPlayer.dead{background:#D33C44;color:#fff;}
.selectPlayer.dead .badge{display:none}
.gamePlayers .panel-primary>.panel-heading{padding:20px 15px;}

.nightResults h2 small{font-size:14px;color:inherit;vertical-align:middle;}
#chosenPlayerAction{padding:2px 10px;margin-right:10px;}
#confirmChosenPlayer h2 a{ color:#d43f3a;}
#confirmChosenPlayer h2 i{color:#337ab7;}
#chosenPlayerAction span,
#confirmChosenPlayer img,
#confirmChosenPlayer h2 img,
#confirmChosenPlayer h2 span{display:none}
#confirmChosenPlayer{
    display:none;
    text-align: center;
}
#confirmChosenPlayer h2{
    font-size:80px;
    word-break: break-word;
    text-transform:uppercase;
    padding:20px 0 20px;
}
p.realName{font-size:28px;}
@media (min-width: 768px) {
    #wrapper.noUser #page-wrapper{
        margin: 0;
    }

}
@media (max-width: 768px) {
    #page-wrapper{padding-top: 20px;}
    .navbar-fixed-top{position:relative;}
    h1.page-header > a.btn{float:none !important;display:block}
    .navbar-default .navbar-toggle{float:left;margin:8px 15px}
    .navbar-default a.navbar-brand{float:right;padding:5px 10px;}
    .nav.navbar-right > li.gravatar{float:left;margin-left:15px;}
}
@media (max-width: 600px) {
    .wishlistEdit .input-group .input-group-addon{
        float:left;
        width: 100%;
    }
    .wishlistEdit .input-group a{
        float:left;
        text-align:right;
    }
    #enterUserName form .text,
    #enterUserName form .text label,
    #enterUserName form .text input{width:100%;float:none;}
    #enterUserName form button[type=submit]{width:50%;float:right}
    #investigated h2.journalist a{font-size:30px}
}
@media (max-width: 460px) {
    .navbar-top-links li a{padding:15px 5px}
    .nav.navbar-right > li.gravatar{float:right;}
    .navbar-default a.navbar-brand{display:none}
}
@media (max-width: 320px) {
    .nav.navbar-right > li.gravatar{display:none}
    .panel .panel-heading .pull-right{float:none !important;display:block;text-align:right;}
}