html { position: relative; min-height: 100%; }
body { /* Margin bottom by footer height */ margin-bottom: 200px; }

h1 { position: relative; padding-bottom: 7.5px; }
    h1::after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 165px; height: 1px; margin: 0 auto; background-color: #333; }

/*#region Bootstrap overrides / extensions */
.checkbox input[type=checkbox] { margin-left: 5px; }
.checkbox label { padding-left: 25px; }

.btn-primary { color: #fff; background-color: #8AC200; border-color: #fff; }
    .btn-primary:hover { color: #000; background-color: #8AC200; border-color: #000; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #8AC200; }

.tab-content { padding: 15px; border: 1px solid #ddd; border-width: 0 1px 1px 1px; }

.list-unstyled > ul { list-style: none; }

.form-control.bg-danger { background-color: #f2dede; }

.gridview-pager a, .gridview-pager span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.gridview-pager span { background-color: #eee; border-color: #ddd; }
    .gridview-pager a:focus, .gridview-pager a:hover, .gridview-pager span:focus, .gridview-pager span:hover, .pagination a.active { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }
.table-hover > tbody > tr.gridview-pager:hover { background-color: inherit; }
.table-striped > tbody > tr.gridview-pager:nth-of-type(odd) { background: inherit; }

#sticky-footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 150px; background-color: #f5f5f5; background: -moz-linear-gradient(top, #87c208 0%, #76a403 100%); background: -webkit-linear-gradient(top, #87c208 0%,#76a403 100%); background: linear-gradient(to bottom, #87c208 0%,#76a403 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c208', endColorstr='#76a403',GradientType=0 ); }
    #sticky-footer img { padding: 5px; }
.page-content { }

@media (max-width: 767px) {
    .nav-tabs > li { float: none; }
        .nav-tabs > li > a { border: 1px solid #ddd; }
            .nav-tabs > li > a:hover { border-color: #ddd; }
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #eee; }
    body { margin-bottom: 300px; }
    #sticky-footer { height: 300px; }
}
/*#endregion */

/*#region Header */
.navbar-header { width: 100%; text-align: center; }
.navbar-default { background: #87c208; /* Old browsers */ background: -moz-linear-gradient(top, #87c208 0%, #76a403 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #87c208 0%,#76a403 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #87c208 0%,#76a403 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c208', endColorstr='#76a403',GradientType=0 ); /* IE6-9 */ }
    .navbar-default .navbar-brand { color: #fff; }
    .navbar-default .navbar-nav > li i { float: left; line-height: 30px; color: #FFF; }
    .navbar-default .navbar-nav > li > a { color: #fff; text-transform: uppercase; padding: 5px 20px; }
        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active { color: #000; background: #FFF; }

    .navbar-default .navbar-toggle { border: none; }
        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ffc547; }
        .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
        .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar { background-color: #8AC200; }

.navbar-brand { height: 185px; display: inline-block; float: none; padding: 0; }
    .navbar-brand img { max-height: 170px; max-width: 100%; }

.menu-language { margin: 0; padding: 0; list-style: none; }
    .menu-language a { display: inline-block; padding-top: 10px; padding-bottom: 10px; line-height: 20px; text-transform: uppercase; color: #fff; }

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-brand img { width: 100px !important; height: auto !important; }
}

@media (min-width: 768px) {
    .navbar-nav { margin-top: -40px; float: none; display: inline-block; }
    .navbar-default .navbar-nav > li > a { }

    .menu-language { margin: 45px 0 0; }
        .menu-language li { float: right; }
        .menu-language a { padding-right: 15px; padding-left: 15px; }
}
/*#endregion */

/*#region Catalogue */
.catalogue-tile > div { margin: -1px 0 0 -1px; padding: 15px; border: 1px solid #ccc; }
/*#endregion*/

#article-bundle-unlinked .dd-quantity { display: none; }

/*#region Generic classes */
.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-15 { margin-top: 15px; }
.m-t-30 { margin-top: 30px; }
.m-t-45 { margin-top: 45px; }
.m-t-60 { margin-top: 60px; }

.m-r-5 { margin-right: 5px; }
.m-r-10 { margin-right: 10px; }
.m-r-15 { margin-right: 15px; }
.m-r-30 { margin-right: 30px; }
.m-r-45 { margin-right: 45px; }
.m-r-60 { margin-right: 60px; }

.m-b-5 { margin-bottom: 5px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-45 { margin-bottom: 45px; }
.m-b-60 { margin-bottom: 60px; }

.m-l-5 { margin-left: 5px; }
.m-l-10 { margin-left: 10px; }
.m-l-15 { margin-left: 15px; }
.m-l-30 { margin-left: 30px; }
.m-l-45 { margin-left: 45px; }
.m-l-60 { margin-left: 60px; }
.m-l-75 { margin-left: 75px; }

.p-r-0 { padding-right: 0; }
.p-r-5 { padding-right: 5px; }

.p-l-0 { padding-left: 0; }
.p-l-5 { padding-left: 5px; }
.p-l-15 { padding-left: 15px; }
.p-l-30 { padding-left: 30px; }
.p-l-60 { padding-left: 60px; }

.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }

.overflow-hidden { overflow: hidden; }
.break-word { word-break: break-all; }

.pointer { cursor: pointer; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }

.red { color: red; }

.pagebreak { display: none; }
.text-v-center { vertical-align: middle !important; }
/*#endregion */

.homepage-title { font-size: 60px; height: 100px; margin-top: 30px; }

@media (max-width: 767px) {
    .navbar-header { width: auto; }

    .homepage-title { font-size: 40px; height: 100px; margin-top: 15px; line-height: 35px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .homepage-title { font-size: 50px; height: 100px; margin-top: 30px; }
}