.ng-cloak {
  display: none;
}
.section-header {
  font-weight: 400;
  font-size: 20px;
  margin: 10px 0 20px;
  color: black; }

.centered {
  text-align: center; }

.btn-primary {
  background-color: #1265b3;
  border-color: #1265b3; }

.btn-default {
  background-color: white;
  border-color: #ddd; }

.btn-default:hover {
  background-color: #ddd; }

.panel {
  padding: 15px; }

body a[href] {
  text-decoration: none; }

a {
  color: #76838f;
  text-decoration: none !important; }

input.input {
  border: solid 1px #ddd;
  border-radius: 4px; }

tr.angular-ui-tree-empty {
  height: 100px; }

.tree-nodes {
  padding-left: 10px;
  margin: 20px 0 20px 20px; }

.tree-node {
  background: white; }
  .tree-node li:last-child > .tree-divider {
    display: none; }

.tree-divider {
  height: 20px; }

.tree-node-header {
  border: solid 2px #ddd;
  border-radius: 4px;
  padding: 10px 15px; }

.tree-node-action {
  cursor: pointer;
  padding-left: 15px; }

.tree-node-action:hover {
  color: #aaa; }

.tree-node-content {
  padding-top: 10px; }

table.table > tbody > tr > td {
  vertical-align: middle; }

.clickable {
  cursor: pointer; }

.actions-container > * {
  cursor: pointer;
  margin: 0 10px; }

.fa {
  font-size: 16px;
  cursor: pointer;
}

.fa.fa-4x {
  font-size: 4em; }

.fa.fa-lg {
  font-size: 1.33333333em; }

.table-header {
  margin: 10px 0; }
  .table-header > * {
    margin-right: 30px; }
  .table-header > *:last-child {
    margin-right: 0; }
  .table-header input {
    padding-left: 3px;
    width: 300px !important; }

.panel > .table > thead > tr > th:first-child {
  padding-left: 10px; }

.panel > .table > tbody > tr > td:first-child {
  padding-left: 10px; }

.table th {
  border-top: none;
  cursor: pointer; }
  .table th i {
    opacity: 0;
    transition: all 0.25s ease-in-out; }
    .table th i.fa-chevron-down {
      opacity: 1;
      -webkit-animation: shrink 0.25s 1 ease;
      -moz-animation: shrink 0.25s 1 ease;
      -o-animation: shrink 0.25s 1 ease; }

.table tbody tr:nth-child(odd) {
  background: #eff6fb; }

.table td.actions {
  text-align: center; }

body,
html {
  height: 100%;
  padding-top: 0;
}

body {
  font-family: Roboto; }

nav.site-navbar {
  z-index: 1; }

.main-container {
  height: 100%;
  position: relative; }
  .main-container .main-content {
    background-color: #edf1f2;
    height: 100%;
    overflow: scroll;
    padding: 30px 15px;
    position: absolute;
    top: 0;
    width: 100%; }

@media (max-width: 767px) {
  .main-container {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%; }
    .main-container .main-content {
      position: absolute;
      top: 0;
      transition: all 0.25s ease-in-out; }
    .main-container .side-nav {
      left: -220px; }
    .main-container .main-content {
      left: 0;
      width: 100%; }
  .side-nav-open .side-nav {
    left: 0; }
  .side-nav-open .main-content {
    left: 220px; } }

.terms-of-use {
  border: none; }

.logout-button {
  font-size: 16px;
  margin-top: 20px; }

.document-center-container {
  min-width: 1000px; }
  .document-center-container .panel {
    border: solid 1px #ddd;
    border-radius: 4px;
    padding: 10px; }
  .document-center-container .file-groups {
    padding: 10px; }
  .document-center-container .tree-node-content table.table td {
    border-bottom: 1px solid #e4eaec;
    border-top: none; }
  .document-center-container .file-thumbnail td img {
    max-height: 250px;
    width: 160px; }
  .document-center-container .file-thumbnail td .file-thumbnail-detail {
    height: 45px; }