body {padding-top:80px;font-size:16px;background:#ecf0f1;}
hr {border-color:#839496;}

.navbar li.special-link a {color:#222;}
.navbar-right{margin-right:0px;}
.navbar a.navbar-brand{ font-size: 1.4em;font-weight:bold;color:#222;}

.race {border:1px solid #ddd;margin-bottom:15px;padding:15px;background:#fff;}
.race:hover {border:1px solid #ddd;}
.race:hover {border:1px solid #ccc;}
.race .picture {width:100%;height:170px;}
.race .title {font-size:1.4em;font-weight:bold;height:50px;display:block;}
.race .category {font-size:1em;display:block;color:#222;}
.race .teacher {font-size:1em;display:block;color:#222;margin-bottom:10px;}
.race .statistics {color:#808080;}
.race .description {font-size:.9em;color:#808080;height:80px;font-style:italic;text-align:justify;}
.race .price {font-weight:bold;font-size:1.6em;margin-bottom:0;}

.race-promotion header{margin-bottom:15px;}
.race-promotion .side {background:#fff;padding:15px;position:fixed;width:360px;}
.race-promotion .side .price {text-align:center;font-size:1.4em;display:block;background:#eee;padding:20px;margin-top:15px;}
.race-promotion .side .btn {border-radius:0;}
.race-promotion .video-container {position:relative;display:table;}
.race-promotion .video-container .icon{width:100%;height:100%;position:absolute;background:#eee;z-index:1;opacity:0.3;text-align:center;font-size:4em;padding-top:10%;cursor:pointer;left:0;top:0;color:#222;}
.race-promotion .video-container:hover .icon{background:#222;color:#eee;}

.learning #markdown {margin-top:20px;}

.list-group-races.padding-top .list-group-item{padding-top:15px;}
.list-group-races h4 {margin-top:0;}
.list-group-races .img-responsive {margin-bottom:15px;}
.list-group-races .statistics {color:#808080;margin-bottom:10px;}

.list-group-item .income {padding-top:30px;}

.income-report h5 {color:#839496;margin-top:0;}
.income-report .description {font-size:1.4em;}

.income {border-right:1px solid #eee;}
.income.last {border-right:none;}

.reputation .progress {margin-top:7px;}

#footer { background:#222;padding:30px 0;margin-top:40px;color:#fff; }
#footer span.slogan { color:#839496; display:block; font-size:.9em;  }
#footer .links {margin-top: 10px;font-size:.8em;}
#footer .links .fa{margin-right:5px;}
#footer .links a{color:#839496;}
#footer .links a:hover{color:#eee;}

/* Helpers */
.remove-margin-bottom {margin-bottom:0;}
.remove-margin-top {margin-top:0;}
.helper {background:red;min-height:100px;}
form .required {color:#e74c3c;}
.panel .panel-heading {padding:15px;}

/* Fix */
.well {background:#eee;}
.list-group-item.header {background:#839496;border:0;color:#eee;}
.panel-heading {border:none;}
.panel.panel-default {border:none;}
.panel {border:none;}
.panel-heading {padding-left:0;}
.tab-pane {padding-top:15px;}
.nav-tabs{border-bottom:1px solid #ddd;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom:1px solid #ddd;
}
.progress {height:20px;}
.progress .progress-bar {line-height:20px;}
form{position:relative;}
.block-loading {z-index:9999;background: url(../images/ajax-loader.svg) #eee center center no-repeat;position: absolute;width:100%;height:100%;z-index:999;opacity:0.3;}
span.form-validation-failed{color:#bf6a6a;font-size:0.9em;display:block;padding:4px;font-style:italic;}

.well {background:#fff;}

@media (max-width: 992px){
    .race .picture{height:auto;}
    .race .title{height:auto;}
    .race .description{height:auto;}

    .race-promotion .side {width:auto;position:initial;}
    .race-promotion .video-container .icon {font-size:7em;padding-top:5%;}

    .navbar-right{margin-right:-7px;}
    .income {border-right:none;}
}