Y-SLD/assets/playkit/examples/css/apps/calendar.css

.app-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Raleway', sans-serif;
  width: 100%;
  border: 1px solid #eceeef;
  border-radius: 0.25rem; }

.app-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #eceeef;
  background: #f7f7f9; }

.app-main-header {
  height: 90px;
  background: #fff;
  padding: 1.5rem;
  border-bottom: 1px solid #eceeef; }

.app-main-heading {
  margin-bottom: 0;
  line-height: 40px; }

.app-main-content {
  -webkit-box-flex: 2;
      -ms-flex: 2 2 0%;
          flex: 2 2 0%; }

.app-panel {
  height: calc(100% - 66px);
  top: 66px;
  position: fixed;
  width: 340px;
  left: -340px;
  right: auto;
  z-index: 997;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  -webkit-transition: left .5s, top .5s;
  transition: left .5s, top .5s;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 340px;
          flex: 0 0 340px;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08); }
  .app-panel.show {
    left: 0; }
  body.navbar-collapse-in .app-panel {
    top: 132px; }
  body.menubar-open .app-panel {
    left: -340px; }
  @media (min-width: 768px) {
    .app-panel {
      position: static;
      height: auto;
      box-shadow: none; } }

.app-panel-inner {
  height: auto; }
  @media (max-width: 767px) {
    .app-panel-inner {
      height: calc(100% - 90px);
      overflow: hidden; } }

.app-panel-toggle {
  position: absolute;
  top: 25%;
  right: -30px;
  display: block;
  width: 30px;
  height: 50px;
  background: #fff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08); }
  .app-panel-toggle .fa {
    text-align: center;
    line-height: 50px;
    width: 25px;
    font-size: 1.13rem; }
  .app-panel-toggle .fa-chevron-left {
    display: none; }
  .show .app-panel-toggle .fa-chevron-left {
    display: block; }
  .show .app-panel-toggle .fa-chevron-right {
    display: none; }
  @media (min-width: 768px) {
    .app-panel-toggle {
      display: none; } }

.panel-item {
  border: 1px solid #eceeef;
  border-radius: 0.25rem;
  margin-bottom: .5rem;
  padding: .75rem; }
  .panel-item:last-child {
    margin-bottom: 0; }

a.panel-item {
  display: block; }

.app-search {
  position: relative;
  height: 90px;
  padding: 1.5rem;
  border-bottom: 1px solid #eceeef; }
  .app-search .search-field {
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    height: 40px;
    padding: .75rem;
    border-radius: 500px;
    border: 1px solid #eceeef; }
  .app-search .search-icon {
    position: absolute;
    top: 2.25rem;
    right: 2.25rem; }

.calendar-panel {
  margin-bottom: 3rem; }

.fullcalendar,
#fullcalendar {
  margin-bottom: 24px;
  background: #fff;
  padding: 24px 16px; }

.fc th.fc-day-header {
  color: #60c84c;
  padding: 12px 0;
  border: none;
  text-align: left;
  font-size: 14px;
  font-weight: 500; }

.fc .fc-row.ui-widget-header,
.fc .fc-row.fc-week.ui-widget-content {
  margin-right: 0 !important;
  border-width: 0 !important; }

.fc-day {
  background-color: #fff; }

.fc-basic-view .fc-day-number {
  font-size: 16px;
  color: gray;
  padding-top: 8px !important;
  padding-right: 16px !important;
  display: none; }

.fc-head > tr > td {
  border: none; }

.fc th, .fc td {
  border-color: #eceeef; }

/* fullCalendar toolbar */
.fc-toolbar {
  margin-bottom: 24px; }

.fc-toolbar .fc-center h2 {
  font-size: 16px; }

.fc-toolbar .ui-button {
  border: none;
  box-shadow: 0 0 2px #ccc;
  background: #fff;
  color: #6a6c6f;
  height: 35px;
  border-radius: 2px; }

.fc-toolbar .ui-button:hover {
  background: #fff; }

.fc-toolbar .ui-state-disabled {
  color: #ccc;
  box-shadow: none;
  border: 1px solid #eee; }

.fc-toolbar .ui-state-disabled:hover {
  background: #fff; }

.fc-today-button {
  width: 70px; }

/* Event Styling*/
.fc-content-skeleton .fc-event-container {
  padding: 12px; }

.fc-event-container .fc-event {
  padding: .5rem;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  border-radius: 2px;
  border: none;
  color: #fff !important; }

.external-events-wrap {
  border: 1px solid #eceeef;
  padding: 1rem;
  border-radius: 0.25rem; }

.external-events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .external-events .external-event {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    margin-right: 1.5rem;
    color: #fff;
    width: 100%;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    border-radius: 2px;
    cursor: move; }
    .external-events .external-event:nth-child(4n), .external-events .external-event:last-child {
      margin-right: 0; }
    .external-events .external-event.ui-draggable-dragging {
      z-index: 999; }
  @media (max-width: 768px) {
    .external-events .external-event {
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%; }
      .external-events .external-event:nth-child(2n) {
        margin-right: 0; } }
  @media (max-width: 576px) {
    .external-events {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; } }

.new_event_cat_form .btn {
  height: 40px; }

.new_event_cat_form .form-control {
  height: 40px !important; }
  @media (max-width: 768px) {
    .new_event_cat_form .form-control {
      margin-bottom: 1rem; } }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,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RTFCLDBCQUEwQjtBQUMxQjtFQUNFLG9CQUFvQixFQUFFOztBQUV4QjtFQUNFLGdCQUFnQixFQUFFOztBQUVwQjtFQUNFLGFBQWE7RUFDYix5QkFBeUI7RUFDekIsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixhQUFhO0VBQ2IsbUJBQW1CLEVBQUU7O0FBRXZCO0VBQ0UsaUJBQWlCLEVBQUU7O0FBRXJCO0VBQ0UsWUFBWTtFQUNaLGlCQUFpQjtFQUNqQix1QkFBdUIsRUFBRTs7QUFFM0I7RUFDRSxpQkFBaUIsRUFBRTs7QUFFckI7RUFDRSxZQUFZLEVBQUU7O0FBRWhCLGtCQUFrQjtBQUNsQjtFQUNFLGNBQWMsRUFBRTs7QUFFbEI7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsbUJBQW1CO0VBQ25CLGFBQWE7RUFDYix1QkFBdUIsRUFBRTs7QUFFM0I7RUFDRSwwQkFBMEI7RUFDMUIsY0FBYztFQUNkLHVCQUF1QixFQUFFOztBQUUzQjtFQUNFLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QsK0JBQW9CO0VBQXBCLDhCQUFvQjtNQUFwQix3QkFBb0I7VUFBcEIsb0JBQW9CLEVBQUU7RUFDdEI7SUFDRSxvQkFBYTtRQUFiLHFCQUFhO1lBQWIsYUFBYTtJQUNiLDZCQUFnQjtRQUFoQixnQkFBZ0I7SUFDaEIscUJBQXFCO0lBQ3JCLFlBQVk7SUFDWixZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakIsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixhQUFhLEVBQUU7SUFDZjtNQUNFLGdCQUFnQixFQUFFO0lBQ3BCO01BQ0UsYUFBYSxFQUFFO0VBQ25CO0lBQ0U7TUFDRSw2QkFBZ0I7VUFBaEIsZ0JBQWdCLEVBQUU7TUFDbEI7UUFDRSxnQkFBZ0IsRUFBRSxFQUFFO0VBQzFCO0lBQ0U7TUFDRSw2QkFBeUI7TUFBekIsOEJBQXlCO1VBQXpCLDZCQUF5QjtjQUF6Qix5QkFBeUIsRUFBRSxFQUFFOztBQUVuQztFQUNFLGFBQWEsRUFBRTs7QUFFakI7RUFDRSx3QkFBd0IsRUFBRTtFQUMxQjtJQUNFO01BQ0Usb0JBQW9CLEVBQUUsRUFBRSIsImZpbGUiOiJhcHBzL2NhbGVuZGFyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5hcHAtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtZmFtaWx5OiAnUmFsZXdheScsIHNhbnMtc2VyaWY7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtOyB9XG5cbi5hcHAtbWFpbiB7XG4gIGZsZXg6IDEgMSAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJl