@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
body.calendar {
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.toastui-calendar-time {
  height: 100% !important;
}

.toastui-calendar-timegrid {
  height: 100% !important;
}

.toastui-calendar-panel.toastui-calendar-time {
  overflow-y: inherit !important;
}

div[data-controller="main-calendar"] {
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
}

#main-calendar {
  height: 100% !important;
  width: 100% !important;
}

body.calendar main {
  height: 100vh !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.w-full {
  margin: 0 !important;
  padding: 0 !important;
}

.flex.justify-between.items-center {
  padding: 0.5rem 1rem !important;
  margin-bottom: 0 !important;
}

.flex.justify-between.items-center-calendar {
  padding: 0.5rem 1rem !important;
  margin-bottom: 0 !important;
  position: relative;
}

.px-5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}