input, textarea {
  border: none;
  outline: none;
  background: none;
  width: 100%; }

/* mixin for multiline */
.float-container, .half-container {
  overflow: hidden; }

.half {
  width: 50%;
  float: left; }
  @media (max-width: 899px) {
    .half {
      width: 100%; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  opacity: 0;
  animation: .3s fadeIn forwards; }

.collapse h6 {
  cursor: pointer; }

.delayed:nth-child(1) {
  animation-delay: 0.25s !important; }

.delayed:nth-child(2) {
  animation-delay: 0.5s !important; }

.delayed:nth-child(3) {
  animation-delay: 0.75s !important; }

.delayed:nth-child(4) {
  animation-delay: 1s !important; }

.delayed:nth-child(5) {
  animation-delay: 1.25s !important; }

.delayed:nth-child(6) {
  animation-delay: 1.5s !important; }

.delayed:nth-child(7) {
  animation-delay: 1.75s !important; }

.delayed:nth-child(8) {
  animation-delay: 2s !important; }

.delayed:nth-child(9) {
  animation-delay: 2.25s !important; }

.delayed:nth-child(10) {
  animation-delay: 2.5s !important; }

.delayed:nth-child(11) {
  animation-delay: 2.75s !important; }

.delayed:nth-child(12) {
  animation-delay: 3s !important; }

.delayed:nth-child(13) {
  animation-delay: 3.25s !important; }

.delayed:nth-child(14) {
  animation-delay: 3.5s !important; }

.delayed:nth-child(15) {
  animation-delay: 3.75s !important; }

.delayed:nth-child(16) {
  animation-delay: 4s !important; }

.delayed:nth-child(17) {
  animation-delay: 4.25s !important; }

.delayed:nth-child(18) {
  animation-delay: 4.5s !important; }

.delayed:nth-child(19) {
  animation-delay: 4.75s !important; }

.delayed:nth-child(20) {
  animation-delay: 5s !important; }

.delayed:nth-child(21) {
  animation-delay: 5.25s !important; }

.delayed:nth-child(22) {
  animation-delay: 5.5s !important; }

.delayed:nth-child(23) {
  animation-delay: 5.75s !important; }

.delayed:nth-child(24) {
  animation-delay: 6s !important; }

.calendar-page {
  min-height: calc(100vh - 178px) !important; }
  .calendar-page .content {
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .calendar-page .content {
        flex-direction: column; } }
    .calendar-page .content .sidebar {
      text-align: center;
      color: white;
      background: #9a9a9a;
      display: flex;
      flex-direction: column;
      flex-shrink: 0; }
      @media (min-width: 768px) {
        .calendar-page .content .sidebar {
          width: 320px;
          left: 0;
          top: 0;
          min-height: calc(100vh - 178px) !important; } }
      @media (max-width: 767px) {
        .calendar-page .content .sidebar {
          left: 0;
          top: 0;
          width: 100%;
          max-width: 700px;
          height: auto;
          min-height: initial;
          margin: 0 auto;
          padding-bottom: 50px; } }
      .calendar-page .content .sidebar .calendar {
        margin: 30px;
        display: block; }
      .calendar-page .content .sidebar .clndr {
        display: block; }
      .calendar-page .content .sidebar .search {
        width: 90%;
        max-width: 210px;
        margin: 20px auto;
        position: relative; }
        .calendar-page .content .sidebar .search:after {
          content: "";
          display: block;
          right: 15px;
          top: 10px;
          width: 15px;
          height: 15px;
          background: url("../img/search-icon.svg") no-repeat center;
          position: absolute;
          z-index: 999; }
        .calendar-page .content .sidebar .search input {
          padding: 10px 20px;
          border-radius: 23px;
          width: 100%;
          background: #2E2E2E;
          color: white; }
          .calendar-page .content .sidebar .search input ::placeholder {
            color: white; }
      .calendar-page .content .sidebar .month {
        text-transform: uppercase; }
      .calendar-page .content .sidebar .clndr-controls {
        line-height: 60px;
        text-align: center;
        display: flex;
        text-transform: uppercase;
        font-size: 15px;
        cursor: pointer; }
        .calendar-page .content .sidebar .clndr-controls :first-child {
          width: 30px;
          margin-left: 5px;
          margin-right: auto; }
        .calendar-page .content .sidebar .clndr-controls :last-child {
          width: 30px;
          margin-left: auto;
          margin-right: 5px; }
      .calendar-page .content .sidebar .header-days {
        display: block; }
      .calendar-page .content .sidebar .header-day {
        box-sizing: content-box;
        border: solid 3px transparent;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 30px; }
      .calendar-page .content .sidebar .clndr-table {
        margin-top: 1em; }
      .calendar-page .content .sidebar .tbody .tjedan:hover, .calendar-page .content .sidebar .tbody .tjedan.active {
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 5px 5px 5px 5px; }
      .calendar-page .content .sidebar .tbody .tjedan {
        display: block; }
        .calendar-page .content .sidebar .tbody .tjedan .td {
          color: #f1f2f4;
          display: inline-block;
          border: solid 3px transparent; }
          .calendar-page .content .sidebar .tbody .tjedan .td.past, .calendar-page .content .sidebar .tbody .tjedan .td.next-month, .calendar-page .content .sidebar .tbody .tjedan .td.last-month {
            color: rgba(241, 242, 244, 0.3); }
          .calendar-page .content .sidebar .tbody .tjedan .td .day-contents {
            cursor: pointer;
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 30px; }
          .calendar-page .content .sidebar .tbody .tjedan .td.event, .calendar-page .content .sidebar .tbody .tjedan .td:hover {
            color: white;
            border-radius: 50%;
            font-weight: 700;
            background-color: #0E3A55;
            border: solid 3px #9A9A9A; }
    .calendar-page .content .posts {
      position: relative;
      display: flex;
      align-self: stretch;
      width: 100%;
      overflow: hidden;
      margin: 30px 16px; }
      .calendar-page .content .posts .search-results {
        position: absolute;
        top: 0;
        right: 0;
        left: 100%;
        width: 100%;
        bottom: 0;
        background: white; }
        .calendar-page .content .posts .search-results .search-header {
          border-bottom: 2px solid #eee;
          width: 90%;
          margin: 15px auto; }
          .calendar-page .content .posts .search-results .search-header h3 {
            text-transform: uppercase;
            font-weight: 300;
            color: #0E3A55;
            font-size: 30px; }
        .calendar-page .content .posts .search-results .search-results-content {
          width: 90%;
          margin: 0 auto; }
          .calendar-page .content .posts .search-results .search-results-content .search-result {
            font-size: 22px;
            line-height: 30px;
            text-align: right;
            padding: 5px 0;
            border-bottom: 1px solid #eee; }
            .calendar-page .content .posts .search-results .search-results-content .search-result .event-title {
              float: left; }
            .calendar-page .content .posts .search-results .search-results-content .search-result .event-date, .calendar-page .content .posts .search-results .search-results-content .search-result .event-time {
              margin: 0 10px; }
            .calendar-page .content .posts .search-results .search-results-content .search-result .event-time {
              border-radius: 10px;
              background: #0E3A55;
              padding: 0 10px;
              display: inline-block;
              color: white; }
        .calendar-page .content .posts .search-results.active {
          left: 0; }
      .calendar-page .content .posts .dan {
        display: flex;
        flex: 0 0 auto;
        flex-basis: calc(100% / 7);
        flex-direction: column;
        align-items: center;
        text-align: center;
        border-right: 1px solid #E2E2E2; }
        .calendar-page .content .posts .dan.ned {
          border-right: 0; }
        .calendar-page .content .posts .dan .dan-number {
          line-height: 60px;
          font-size: 50px;
          color: #0A2B3F; }
        .calendar-page .content .posts .dan .dan-text {
          flex-basis: content;
          padding-bottom: 10px;
          border-bottom: 1px solid #E2E2E2;
          line-height: 24px;
          font-size: 20px;
          color: #C1161C; }
        .calendar-page .content .posts .dan .tasks {
          text-align: center;
          align-items: center; }
          .calendar-page .content .posts .dan .tasks .task {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .calendar-page .content .posts .dan .tasks .task .task-time {
              flex-basis: content;
              padding: 2px 8px;
              font-size: 12px;
              font-weight: 700;
              margin-top: 20px;
              color: white;
              background-color: #0E3A55;
              border-radius: 5px 5px 5px 5px; }
            .calendar-page .content .posts .dan .tasks .task .task-detail {
              margin-top: 10px;
              color: #071D2B; }

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