body { margin-top: 91px; background-color: #fff;  }
.navbar-main { border-bottom: 1px solid #c0c0c0; background: #efefef;}
.navbar-main .nav-item > a { color: #393939 !important; border-right: 1px solid #c0c0c0; font-size: 1.25em; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0px #c0c0c0; }
.no-border {border:none !important;}
.navbar-main .nav-item > a.pull-right { font-size: 1.0em; }
.navbar-main .nav-item > a:hover { color: #bc1920 !important; font-weight: bolder !important; }
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.list-group h5 { color: #bc1920; }
.r-red-bg { background-color: #bc1920; color: #fff; border: 1px solid #343a40; }
.r-red { color: #bc1920; }

/* staff */
.strong {font-weight: bold;}
#info { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 1100; opacity: .8; }
.table-responsive { max-height: 450px; overflow-y: auto; border: 1px solid #c0c0c0; }
.card-header { font-weight: bold; }
.save-button { }
.table { margin-bottom:0;}
.table td, .table th { padding: .25rem .45rem !important; }
.hidden { display: none !important; }
.clear { clear: both; }
.nav-main .active { background-color: #343a40 !important; color: #fff !important; border-color: #c0c0c0 !important; }
a.text-dark.active:focus, a.text-dark.active:hover { color: #fff !important; }
.dropdown-toggle::after { float: right; margin: 10px 0 0 10px; }
.table td a, .table td a:visited, .card-header a { color: #3c3f42 !important; }
.table td a:hover, .table td a:visited:hover, .card-header a:hover, .list-group-item a:hover { color: #000 !important; border-bottom: 1px solid #000 !important; text-decoration: none !important; }
.required label { color: #960505; }
.required-help { padding-top: 10px; }
.page-item.active .page-link { color: #fff !important }
.sublink { color: #337ab7 !important }
.btn-primary { background-color: #337ab7 }
.modal-dialog { min-width: 700px; }
.inline-button { margin-top: 2px; }
.bg-light-secondary { background: #efefef; }
.border-light-secondary { border-color: #cfcdcd !important; }
.btn-outline-secondary { background-color: #fff !important; color: #000 !important; border-color: #9b9a9a !important; }
.btn-outline-secondary:hover { background: #efefef !important; color: #696969 !important; }
.relative { position: relative; }
.invalid-tooltip { max-width: none !important }
.form-control.is-invalid { padding-right: 0 !important; background: none !important }
.pre-scrollable { min-height: 100px; max-height: 100px; }
.sticky-top { position: -moz-sticky; position: -ms-sticky; position: -o-sticky; }
.card-header .btn-sm { padding: 0 6px !important; }
.login-glyphs { color: #393939 !important; }
.carousel-indicators li { background-color: #2b4096; height: 15px; width: 15px; margin-left: 5px; margin-right: 5px; }
.carousel-indicators li.active { border-color: #000; height: 15px; width: 15px; margin: 1px; margin-left: 5px; margin-right: 5px; }
.text-bigger { font-size: 1.50em; }
.dropdown-padding { padding-top: 3px; font-size: 1.15em; }
.login-glyphs .text-success { text-shadow: 0px 1px 0px #393939; }
.nav-form { color: #000; min-width: 250px; padding: 14px 14px 0; overflow: hidden; background-color: rgba(255,255,255,.95); }
.nav-form .help-block { font-size: 12px }
.nav-form .bottom { background-color: rgba(255,255,255,.8); border-top: 1px solid #535353; clear: both; padding: 14px; }
.nav-form li a { padding: 2px !important; margin: 1px !important; display: inline-block; }
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.front-img { max-height: 200px; }
.needs-body a { color: #1d3766 !important; border-bottom: 1px solid #c0c0c0; }
.avatar { max-width: 100px; }
#small_logo { max-height: 40px; }
.list-group-scroll { max-height: 1200px; overflow-x: auto; }
.dialog-scroll { max-height: 500px; overflow-y: auto; overflow-x: hidden; }
.list-scroll { max-height: 250px; overflow-y: auto; overflow-x: hidden; }
.list-scroll-long { max-height: 300px; overflow-y: auto; overflow-x: hidden; }
.small-scroll { max-height: 150px; overflow-y: auto; overflow-x: hidden; }
.navbar-login { color: #000; width: 350px; color: #393939; }
.nav-main a i { margin-right: 10px; }
.sidebar h1 { font-size: 1.25em; }
#panels_load_content { padding: 10px; }
.edit { padding: 10px; }
.nav-main a { color: #000; }
.nav-main a.active { background-color: #000; border-color: #efefef; font-weight: bold; color: #fff; }
.card-header { border-bottom: 1px solid #dcdada; }
.card-header .pull-right i { padding-left: 10px; }
.pull-right { float: right; }
#user_bar {background-color:transparent;}
.bg-light { background-color:#fff !important;}
.navbar-light .navbar-nav .nav-link { color: #343a40;}
.body-content h1 { color: #2b2b2b; font-size: 1.5em; }
.form-control-shortest { max-width: 50px; }
.form-control-short { max-width: 70px; }
.form-control-short-date { max-width: 85px; }
.form-control-shorter { max-width: 110px; }
.form-control-md { max-width: 170px; }
.form-control-longer { max-width: 220px; }
.btn-cell {width:100px;text-align:center;}
/* mobile */
@media (max-width: 768px) {
    .nav-link { border: none !important; }
    .dropdown-menu-right { left: 0 !important; }
    .nav-item .text-bigger { font-size: 1em !important;}
}
.nav-main .dropdown-toggle { font-size: 1.25em !important; }
.nav-main .dropdown-toggle::after { margin-top:13px;margin-right:7px;}
.green { color: #02621E !important; }
.required:after { content: " *"; }
p {margin-bottom:0;}

#large_img { position: relative; width: 100%; min-height:350px;max-height:350px; }
#large_image_img { position: relative; width:100%; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-bottom: 1px solid #000; }
#bestofphilly { border: 1px solid #c0c0c0; position: absolute; bottom: 15px; right: 15px;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }

@media (max-width:699px) {
    #bestofphilly { max-height: 200px; }
}
@media (max-width:590px) {
    #bestofphilly { max-height: 175px; }
}
@media (max-width:515px) {
    #bestofphilly { max-height: 140px; }
}
@media (max-width:422px) {
    #bestofphilly { max-height: 100px; }
}
@media (max-width: 1100px) {
    .container { width: 100%; margin: 0; max-width: 100%; padding-right: 4px !important; padding-left: 4px !important; padding-top: 0px; }
}

#pictures div {
    max-height:250px;
    min-height:250px;
}
.relative { position: relative; }
.needs-hand { cursor: pointer; cursor: hand; }