body, html { font-family:'Inter', Arial !important; font-size:16px; }

a { color:#f44e25; }
a:hover { color:#f44e25; text-decoration:underline; }

hr { margin:40px 0 !important; }

p.highlight { color:#f44e25; }

.hidden { display:none; }


.deleted-alert { opacity:0.35; filter: alpha(opacity = 35); zoom: 1; }

.error-list {
  color:#ff0000;
}

.contained                                                                                { *zoom: 1; margin-bottom:30px; }
  .contained:before                                                                       { content: " "; display: table; }
  .contained:after                                                                        { content: " "; display: table; clear: both; }

.vert                                                                                     { display:flex; align-items:center; }

@media (max-width: 990px) {
    .vert { display:block; }
}

.shallow-top                                                                              { padding-top:0px !important; }
.shallow                                                                                  { margin-bottom:0px !important; }
.tall                                                                                     { margin-bottom:40px; }

.box {
    position: relative;
    padding: 1rem;
    margin: 1rem -1rem;
    border: solid #f7f7f9;
    border-width: .2rem 0 0;
}

form button { cursor:pointer; }

button, input, optgroup, select, textarea { font-family:'Inter', Arial !important; }

.btn, .btn-lg { border-radius:5px }

.btn-primary  { background-color:#004148; border-color:#004148; color:#fff; }
.btn-primary:hover { background-color:#136b5c; border-color:#136b5c; color:#fff; }

.btn-secondary  { background-color:#f44e25; border-color:#f44e25; color:#fff; }
.btn-secondary:hover  { background-color:#f44e25; border-color:#f44e25; color:#fff; }

.btn-info  { background-color:#00a1a5; border-color:#00a1a5; color:#fff; }
.btn-info:hover  { background-color:#00a1a5; border-color:#00a1a5; color:#fff; }

.btn-danger { background-color:#c9302c; border-color:#c9302c; }
.btn-danger:hover { background-color:#d9534f; border-color:#d9534f; }

.btn-link { color:#004148; }

/* - */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}

.navbar { background:#004148 !important; }

.navbar-inverse .navbar-nav .nav-link { color:#fff; }
.navbar-inverse .navbar-nav .nav-link:hover { color:#d7f5f2; }
.navbar-inverse .navbar-nav .nav-link.active { color:#f2ff52; }

.nav-pills .nav-link.active { background-color:#d7f5f2; color:#004148; }

.page-item .page-link { color:#136b5c; }
.page-item.active .page-link { background-color:#136b5c; }

/* - */

.tcenter  { text-align: center; }
.tright  { text-align: right; }

.caret { font-size:0.6em; display:inline-block; margin:0 2px; color:#aaa; }

table { font-size:16px !important;   }
table .actions { text-align:right; width:100px; }
table .actions.wide { width:200px; }
  table .actions a { width:80px; }
table th a { color:#000; }
.table thead th {  border-bottom-color:#f5f7f8; }
.table td, .table th { padding:0.35rem 0.5rem !important; vertical-align:middle; border-bottom-color:#f5f7f8; }

table tr:hover td { background:#f5f7f8 !important; }

/*
 * Typography
 */

h1 {
  margin-bottom: 50px;
  font-weight:700;
  color:#004148;
  font-family:'Aeonik Fono', 'Inter', 'Arial', sans-serif;
}

h2 {
  margin-bottom: 30px;
  font-weight:700;
  color:#004148;
  font-family:'Aeonik Fono', 'Inter', 'Arial', sans-serif;
}

h3 {
  margin-bottom: 20px;
  font-weight:700;
  color:#004148;
  font-family:'Aeonik Fono', 'Inter', 'Arial', sans-serif;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 51px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  border-right:0;
  background-color:#f5f7f8;
}

/* Sidebar navigation */
.sidebar {
  padding-left: 0;
  padding-right: 0;
}

.sidebar .nav {
  margin-bottom: 20px;
}

.sidebar .nav-item {
  width: 100%;
}

.sidebar .nav-item + .nav-item {
  margin-left: 0;
}

.sidebar .nav-link {
  border-radius: 0;
}

/*
 * Dashboard
 */

 /* Placeholders */
.placeholders {
  padding-bottom: 3rem;
}

.placeholder img {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

pre {
  padding:1em;
  background:#efefef;
}


select.paging-select {
  float:left;
  margin:0 5px 0 0;
  padding:5px 0 5px 5px;
  height:38px;
  border-color:#ddd;
  background-color:#fff;
  min-width:100px;
  border-radius:4px;
}

@media (max-width: 390px) {

  select.paging-select {
    margin:0;
    min-width:100%;
    float:none;
  }

  .main-col { padding:10px !important; }

}

@media (max-width: 990px) {
  .navbar-nav .admin { display:block; }
}
@media (min-width: 990px) {
  .navbar-nav .admin { display:none; }
}