/* ==========================================================================
/* Libraries, Grid Frameworks, etc
   ========================================================================== */
/* ==========================================================================
/* Responsive Framework
   ========================================================================== */
/* ==========================================================================
/* Typography
   ========================================================================== */
/* ==========================================================================
/* Base Layouts / Header / Footer / Accessibility
   ========================================================================== */
/* ==========================================================================
/* Individual Page Layouts
   ========================================================================== */
/* ==========================================================================
/* Common Shared Elements
   ========================================================================== */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 18px; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#tab_container .container_item {
  display: none; }

#tab_container .container_item.is-active {
  display: block; }

section.filter {
  margin-bottom: 50px; }

nav.pagination {
  margin-top: 50px; }

.notification {
  transition: all 0.3s ease-in-out; }
  .notification button.delete {
    top: 8px;
    right: 8px; }
  .notification.hidden {
    opacity: 0;
    max-height: 0;
    padding: 0;
    margin: 0; }

.select2-container {
  width: 100% !important; }

section.attachments {
  margin-top: 40px;
  margin-bottom: 100px; }
  section.attachments h3 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 205px; }
  section.attachments .add-attachment {
    margin-left: 205px; }

div.attachment {
  padding: 25px 25px 25px 0;
  background: #eee;
  border-top: 1px solid #ccc; }
  div.attachment.row-0 {
    background: #fff; }

i.red {
  color: red;
  font-size: 18px; }

i.green {
  color: green;
  font-size: 18px; }

section.associations {
  margin-bottom: 100px; }
  section.associations h3 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 235px;
    border-bottom: 1px solid #ccc; }

section.connections .connect {
  display: flex;
  margin-bottom: .75rem; }
  section.connections .connect .connect__type {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right; }
  section.connections .connect .connect__details {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1; }
  section.connections .connect .connect__id {
    width: 400px;
    margin-right: 1.5rem; }
    section.connections .connect .connect__id div.select {
      width: 100%;
      max-width: 100%; }
    section.connections .connect .connect__id .select2-selection__arrow {
      display: none; }
    section.connections .connect .connect__id .select2-container .select2-selection--single {
      min-height: 36px;
      border-color: #dbdbdb;
      overflow: hidden; }
    section.connections .connect .connect__id .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 34px;
      white-space: normal; }

/*# sourceMappingURL=site.css.map */