.simple-calendar {
    table {
      -webkit-border-horizontal-spacing: 0px;
      -webkit-border-vertical-spacing: 0px;
      background-color: rgba(0, 0, 0, 0);
      border: 1px solid rgb(221, 221, 221);
      border-collapse: collapse;
      box-sizing: border-box;
      max-width: 100%;
      width: 100%;
    }
  
    tr {
      border-collapse: collapse;
    }
  
    th {
      padding: 6px;
      border-bottom: 2px solid rgb(221, 221, 221);
      border-collapse: collapse;
      border-left: 1px solid rgb(221, 221, 221);
      border-right: 1px solid rgb(221, 221, 221);
      border-top: 0px none rgb(51, 51, 51);
      box-sizing: border-box;
      text-align: left;
    }
  
    td {
      padding: 6px;
      vertical-align: top;
      /* width: 12%; */
  
      border: 1px solid #ddd;
      border-top-color: rgb(221, 221, 221);
      border-top-style: solid;
      border-top-width: 1px;
      border-right-color: rgb(221, 221, 221);
      border-right-style: solid;
      border-right-width: 1px;
      border-bottom-color: rgb(221, 221, 221);
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-left-color: rgb(221, 221, 221);
      border-left-style: solid;
      border-left-width: 1px;
    }
  
    .calendar-heading nav {
      display: inline-block;
    }
  
    .day {
      height: 30px;
    }
  
    .wday-0 {}
    .wday-1 {}
    .wday-2 {}
    .wday-3 {}
    .wday-4 {}
    .wday-5 {}
    .wday-6 {}
  
    .today {
      background: #FFFFC0
    }
  
    .past {}
    .future {}
  
    .start-date {}
  
    .prev-month {
      background: #DDD;
    }
    .next-month {
      background: #DDD;
    }
    .current-month {}
  
    .has-events {}
  }
  
.image {
    cursor: pointer;
}

.image:hover {
    opacity: 0.8;
}

#image-viewer {
    display: none;
}

#image-viewer div {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#image-viewer div img {
    display: block;	
    max-width: 80%;
}

#close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: white;
    font-size: 50px;
    cursor: pointer;
}

#close:hover, #close:focus {
    opacity: 0.6;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
*= require datetimepicker

*= require font-awesome