.fixed_detail_header {
    display: none;
    padding: 8px 20px;
    width:100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;

    /* background:#3f9fd9; */
    /* border:1px solid #3f9fd9; */
    /* background: #fff; */
    /* background: -webkit-linear-gradient(left, #f5f5f5, #fff); */
    /* background: -o-linear-gradient(right, #f5f5f5, #fff); */
    /* background: -moz-linear-gradient(right, #f5f5f5, #fff); */
    /* background: linear-gradient(to right, #f5f5f5, #fff); */
    /* border:none; */
    /* border-top:1px solid #eee; */
    /* border-bottom:1px solid #eee; */
    /* border-radius:none; */
}

.fixed_detail_header.affix {
    display: block;
    position:fixed;
    top: 64px;
    left: 0px;
    /* 10 less than bootstrap nav */
    z-index: 1020;

    /* -webkit-transition: opacity 1.0s ease-in; */
       /* -moz-transition: opacity 1.0s ease-in; */
         /* -o-transition: opacity 1.0s ease-in; */
    /* opacity: 1; */
}

.fixed_detail_header h1 {
    display:inline-block;
    margin: 0px;
    padding: 4px 0px 0px 0px;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    color: #333;
}
.fixed_detail_header > .detail_actions {
    float: right;
}

.no_fixed_detail_header > .detail_actions {
    margin-top: 16px;
}

.fixed_detail_header > .detail_actions a.btn,
.fixed_detail_header > .detail_actions button.btn,
.no_fixed_detail_header > .detail_actions a.btn,
.no_fixed_detail_header > .detail_actions button.btn {
    margin-right:4px;
}

/* media query order matters for overrides! */
@media (max-width: 1200px) {
    .fixed_detail_header h1 {
        font-size: 20px;
        line-height: 22px;
    }

    .fixed_detail_header > .detail_actions a.btn,
    .fixed_detail_header > .detail_actions button.btn,
    .no_fixed_detail_header > .detail_actions a.btn,
    .no_fixed_detail_header > .detail_actions button.btn {
        margin-right: 2px;
        padding: 5px 9px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
}

@media (max-width: 992px) {
    .fixed_detail_header h1 {
        display:block;
        font-size: 20px;
        line-height: 22px;
    }

    .fixed_detail_header > .detail_actions {
        display:block;
        float:none;
    }

    .fixed_detail_header > .detail_actions a.btn,
    .fixed_detail_header > .detail_actions button.btn,
    .no_fixed_detail_header > .detail_actions a.btn,
    .no_fixed_detail_header > .detail_actions button.btn {
        margin-top: 4px;
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
}

@media (max-width: 768px) {
    .fixed_detail_header h1 {
        display:block;
        font-size: 18px;
        line-height: 20px;
    }
}