/*
 * main.css
 *
 * What follows is the styling for specific pages and their elements
 * ==|== specificity ==========================================================
 */

/* Default Styles - Applied across all breakpoints unless specified otherwise */
#left-nav ul li a {
  color: #444444;
}
#left-nav ul li ul li {
  padding:3px 10px 3px 0px;
}

#left-nav ul li h2 {
  padding-right:10px;
  margin:5px 0px 5px 0px;
}

.active-nav {
  background-color:#eee;
}

#left-nav ul li.active-nav a {
  color: rgb(28, 64, 148);
}

/* =============================================================================
   Media Queries - Breakpoints @ 1200px | 980px | 768px | 480px
   ========================================================================== */

/* ==|== 480px - Phone Landscape ============================================ */
@media only screen and (max-width: 480px) {
  /* placeholder */
}

/* ==|== 768px - Phone Landscape | Tablet Portrait ========================== */
@media only screen and (max-width: 768px) {
  /* placeholder */
}

/* ==|== 768px - Tablet Portrait | Desktop Landscape ======================== */
@media only screen and (min-width: 768px) and (max-width: 980px) {
  /* placeholder */
}

/* ==|== 980px - Tablet Landscape | Desktop ================================= */
@media only screen and (max-width: 980px) {
  /* placeholder */
}

/* ==|== 980px - Desktop ==================================================== */
@media only screen and (min-width: 980px) {
  /* placeholder */
}


/* ==|== 1200px - Desktop Widescreen ======================================== */
@media only screen and (min-width: 1200px) {
  /* placeholder */
}
table .ng-table-counts {
  display: none !important;
}