/* Transitional layout for Heybbs templates while moving to Bootstrap 5. */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; }
h4 { font-size: 18px; line-height: 1.1; margin: 10px 0; }
.container { width: auto; max-width: none; padding: 0 15px; margin: 0 auto; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }
.col-md-2,.col-md-3,.col-md-7,.col-md-9,.col-xs-6 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.panel { margin-bottom: 20px; background: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.05); }
.panel-body { padding: 15px; }
.panel-body::after, .container::after { content: ""; display: table; clear: both; }
.page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; }
.form-group { margin-bottom: 15px; }
.media, .media-body { overflow: hidden; }
.media { display: block; margin-top: 15px; }
.media:first-child { margin-top: 0; }
.media-left, .media-body { display: table-cell; vertical-align: top; }
.media-left { padding-right: 10px; }
.media-body { width: 10000px; }
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; }
.pull-left { float: left !important; } .pull-right { float: right !important; }
.btn-xs { padding: 1px 5px; font-size: 12px; border-radius: 3px; }
.pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; }
.pager li { display: inline; } .pager li > a { display: inline-block; padding: 5px 14px; background: #fff; border: 1px solid #ddd; border-radius: 15px; }
.navbar-default { background: #f8f8f8; border: 1px solid #e7e7e7; }
.navbar-nav { flex-direction: row; } .navbar-nav > li > a { display: block; padding: 15px; }
.navbar-left { float: left; } .navbar-right { float: right; }
.navbar-brand { float: left; padding: 15px; font-size: 18px; line-height: 20px; height: 50px; }
.navbar { display: block; min-height: 50px; margin-bottom: 20px; padding: 0; }
.navbar-fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.navbar .container { display: block; }
.col-xs-6 { float: left; width: 50%; }
@media (min-width: 992px) { .col-md-2,.col-md-3,.col-md-7,.col-md-9 { float: left; } .col-md-2 { width: 16.66666667%; } .col-md-3 { width: 25%; } .col-md-7 { width: 58.33333333%; } .col-md-9 { width: 75%; } }
.collapse.show,.dropdown-menu.show { display: block; }