.calendar-icon {
    width: 20px;
    height: 14px
}

.calendar-icon span {
    font-weight: 600
}

#top {
    height: 49px;
    padding: 16px;
    font-size: 10px;
    border-bottom: 1px solid #e5e7eb
}

#lnb {
    top: 49px;
    bottom: 0;
    width: 200px;
    padding: 12px 10px;
    position: absolute;
    background: #fafafa;
    border-right: 1px solid #e5e7eb
}

#right {
    position: absolute;
    left: 200px;
    top: 49px;
    right: 0;
    bottom: 0
}

#lnb label {
    margin-bottom: 0;
    cursor: pointer
}

.lnb-new-schedule {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e7eb
}

.lnb-new-schedule-btn {
    border: 0;
    height: 100%;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 25px;
    background-color: #ff6618
}

.lnb-new-schedule-btn:hover {
    border: 0;
    height: 100%;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 25px;
    background-color: #3454d1
}

.lnb-new-schedule-btn:active {
    border: 0;
    height: 100%;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 25px;
    background-color: #3454d1
}

.lnb-calendars>div {
    padding: 25px 30px;
    border-bottom: 1px solid #e5e7eb
}

.lnb-calendars-d1 {
    padding-left: 10px
}

.lnb-calendars-item {
    cursor: pointer;
    padding: 10px 0
}

.lnb-calendars-item label {
    cursor: pointer
}

.lnb-footer {
    bottom: 12px;
    color: #283c50;
    font-size: 11px;
    position: absolute;
    padding-left: 16px
}

#renderRange {
    color: #283c50;
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px
}

.calendar-bar {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e5e7eb
}

.calendar-name {
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle
}

.schedule-time {
    color: #3454d1
}

#calendar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    top: 64px
}

.weekday-grid-more-schedules {
    height: 18px;
    float: right;
    color: #283c50;
    padding: 0 5px;
    font-size: 12px;
    margin-top: 4px;
    line-height: 17px;
    margin-right: 6px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #e5e7eb
}

[data-auto-height=true] {
    height: calc(100vh + 220px) !important
}

.lnb-calendars-item label {
    display: flex;
    cursor: pointer;
    color: #283c50;
    font-weight: 600;
    align-items: center
}

input[type=checkbox].tui-full-calendar-checkbox-round+span {
    width: 18px;
    height: 18px;
    border: solid 2px;
    margin-right: 12px;
    border-radius: 3px;
    position: relative
}

input[type=checkbox].tui-full-calendar-checkbox-round+span:before {
    top: .5px;
    left: 1.5px;
    color: #fff;
    font-size: 10px;
    content: "\f272";
    position: absolute;
    font-family: bootstrap-icons !important
}

.tui-full-calendar-popup {
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%)
}

.tui-full-calendar-dayname-container,
.tui-full-calendar-month-dayname {
    border-top: none !important
}

.tui-full-calendar-popup-container {
    padding: 20px;
    min-width: 475px;
    border-radius: 3px;
    box-shadow: none !important;
    border: solid 1px #e5e7eb
}

.tui-full-calendar-button {
    color: #283c50;
    border-radius: 3px;
    border: 1px solid #e5e7eb
}

.tui-full-calendar-section-title {
    width: calc(100% - 50px)
}

.tui-full-calendar-dropdown-menu {
    top: 39px;
    padding: 5px 0;
    border-radius: 3px;
    border: 1px solid #e5e7eb
}

.tui-full-calendar-popup-section {
    display: flex;
    margin: 20px 0;
    align-items: center;
    justify-content: space-between
}

.tui-full-calendar-section-title input {
    width: 350px
}

.tui-full-calendar-button.tui-full-calendar-section-private {
    height: 40px;
    padding: 12px;
    line-height: 1;
    margin-left: 15px
}

.tui-full-calendar-popup-section .tui-full-calendar-popup-section-item {
    height: 35px;
    line-height: 1;
    border-radius: 3px;
    padding: 5px 12px 5px 12px;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center
}

.tui-full-calendar-section-calendar {
    width: 220px
}

.tui-full-calendar-dropdown-button.tui-full-calendar-popup-section-item {
    height: 40px;
    width: 215px
}

.tui-full-calendar-section-calendar .tui-full-calendar-dropdown-button .tui-full-calendar-content,
.tui-full-calendar-section-state .tui-full-calendar-content {
    width: 170px !important
}

.tui-full-calendar-section-state {
    top: 20px;
    right: 15px;
    width: 220px !important;
    position: absolute !important
}

.tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-menu {
    border-top: 1px solid
}

.tui-full-calendar-popup-section-item .tui-full-calendar-content {
    font-weight: 600
}

.tui-full-calendar-dropdown .tui-full-calendar-dropdown-menu .tui-full-calendar-popup-section-item {
    border: none
}

.tui-full-calendar-section-end-date input,
.tui-full-calendar-section-start-date input {
    width: 138px !important
}

.tui-full-calendar-button:hover,
.tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-button,
.tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-menu,
.tui-full-calendar-popup-section-item:focus {
    border-color: #e5e7eb
}

.tui-full-calendar-icon.tui-full-calendar-ic-date,
.tui-full-calendar-icon.tui-full-calendar-ic-location,
.tui-full-calendar-icon.tui-full-calendar-ic-private,
.tui-full-calendar-icon.tui-full-calendar-ic-state,
.tui-full-calendar-icon.tui-full-calendar-ic-title,
.tui-full-calendar-section-private.tui-full-calendar-public .tui-full-calendar-ic-private {
    background: 0 0;
    height: 100%;
    display: flex;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    padding: 20px 18px 20px 5px;
    font-family: feather !important;
    border-right: 1px solid #e5e7eb
}

.tui-full-calendar-icon.tui-full-calendar-ic-delete,
.tui-full-calendar-icon.tui-full-calendar-ic-edit,
.tui-full-calendar-icon.tui-full-calendar-ic-location-b,
.tui-full-calendar-icon.tui-full-calendar-ic-repeat-b,
.tui-full-calendar-icon.tui-full-calendar-ic-state-b,
.tui-full-calendar-icon.tui-full-calendar-ic-user-b {
    font-size: 12px;
    background: 0 0;
    font-family: feather !important
}

.tui-full-calendar-icon.tui-full-calendar-ic-title:before {
    content: "\e9e7"
}

.tui-full-calendar-icon.tui-full-calendar-ic-location-b:before,
.tui-full-calendar-icon.tui-full-calendar-ic-location:before {
    content: "\e994"
}

.tui-full-calendar-icon.tui-full-calendar-ic-private:before {
    content: "\e98f"
}

.tui-full-calendar-icon.tui-full-calendar-ic-date:before {
    content: "\e927"
}

.tui-full-calendar-icon.tui-full-calendar-ic-state-b:before,
.tui-full-calendar-icon.tui-full-calendar-ic-state:before {
    content: "\e9e3"
}

.tui-full-calendar-icon.tui-full-calendar-ic-private {
    padding: 0 0 !important
}

.tui-full-calendar-icon.tui-full-calendar-ic-repeat-b:before {
    content: "\e9c5"
}

.tui-full-calendar-icon.tui-full-calendar-ic-user-b:before {
    right: -30px;
    content: "\ea05";
    position: relative
}

.tui-full-calendar-icon.tui-full-calendar-ic-edit:before {
    content: "\e95b"
}

.tui-full-calendar-icon.tui-full-calendar-ic-delete:before {
    content: "\e9f1"
}

.tui-full-calendar-public .tui-full-calendar-icon.tui-full-calendar-ic-private:before {
    content: "\e9fd"
}

.tui-full-calendar-startpicker-container {
    top: 20px;
    left: -150px;
    margin-left: auto;
    position: relative
}

.tui-datepicker {
    top: 19px;
    left: -163px;
    border-radius: 3px !important;
    border: 1px solid #e5e7eb !important
}

.tui-calendar .tui-calendar-title {
    color: #283c50 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    line-height: 1.5 !important
}

.tui-calendar .tui-calendar-title-today {
    height: 100% !important;
    display: flex;
    font-size: 8px !important;
    font-weight: 700;
    letter-spacing: 1px;
    color: #283c50 !important;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-color: #f1f1f7
}

.tui-calendar .tui-calendar-body-header th {
    color: #283c50 !important;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase
}

.tui-calendar td,
.tui-calendar th {
    font-weight: 400;
    color: #fff
}

.tui-datepicker .tui-is-selectable:hover,
.tui-datepicker.tui-rangepicker .tui-is-selected-range {
    background-color: #f1f1f7
}

.tui-datepicker .tui-is-selectable.tui-is-selected,
.tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected {
    border-radius: 3px
}

.tui-datepicker-footer .tui-timepicker {
    border-top: 1px solid #e5e7eb !important
}

.tui-datepicker-body .tui-timepicker,
.tui-datepicker-footer .tui-timepicker {
    padding: 20px 20px !important
}

.tui-timepicker-select {
    width: 105px !important;
    color: #6c757d !important;
    padding: 5px 10px !important;
    border: 1px solid #e5e7eb !important
}

.tui-full-calendar-popup-section-item.tui-full-calendar-section-allday .tui-full-calendar-content {
    padding: 0 !important;
    display: none !important
}

.tui-full-calendar-confirm,
.tui-full-calendar-popup-save {
    width: 100%
}

.tui-full-calendar-popup-detail .tui-full-calendar-icon {
    margin-right: 10px
}

.tui-full-calendar-popup-detail .tui-full-calendar-popup-container {
    padding: 0 0;
    width: 350px;
    min-width: 350px
}

.tui-full-calendar-popup-detail .tui-full-calendar-section-detail {
    margin: 0 0;
    color: #6c757d;
    font-weight: 400;
    padding: 0 20px 25px
}

.tui-full-calendar-popup-detail .tui-full-calendar-section-header {
    margin: 0 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 25px 20px 15px
}

.tui-full-calendar-popup-detail .tui-full-calendar-section-header div {
    width: 100%;
    display: flex
}

.tui-full-calendar-content.tui-full-calendar-popup-detail-date {
    width: 100%;
    display: flex;
    color: #789;
    font-weight: 500;
    align-items: center;
    text-transform: uppercase;
    height: auto !important;
    font-size: 10px !important
}

.tui-full-calendar-popup-detail .tui-full-calendar-schedule-private {
    display: none
}

.tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-ic-location-b,
.tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-ic-state-b {
    top: -4px
}

.tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-ic-repeat-b {
    top: -5px
}

.tui-full-calendar-popup-detail .tui-full-calendar-icon.tui-full-calendar-calendar-dot {
    margin-top: 2px;
    margin-left: 3px;
    margin-right: 10px
}

.tui-full-calendar-popup-detail .tui-full-calendar-popup-detail-item-indent {
    text-indent: -29px;
    padding-left: 29px
}

.tui-full-calendar-popup-detail .tui-full-calendar-section-button {
    border-top: 1px solid #e5e7eb
}

.tui-full-calendar-popup-delete,
.tui-full-calendar-popup-edit {
    display: inline;
    color: #283c50;
    font-weight: 500;
    line-height: .85;
    padding: 10px 12px;
    text-transform: uppercase
}

.calendar-font-icon.ic-location-b,
.calendar-font-icon.ic-lock-b,
.calendar-font-icon.ic-milestone-b,
.calendar-font-icon.ic-readonly-b,
.calendar-font-icon.ic-repeat-b,
.calendar-font-icon.ic-user-b {
    background: 0 0;
    font-size: 12px;
    font-weight: 400;
    font-family: feather !important
}

.calendar-font-icon.ic-user-b:before {
    content: "\ea05"
}

.calendar-font-icon.ic-lock-b:before {
    content: "\e98f"
}

.calendar-font-icon.ic-repeat-b:before {
    content: "\e9c5"
}

.calendar-font-icon.ic-readonly-b:before {
    content: "\e9db"
}

.calendar-font-icon.ic-location-b:before {
    content: "\e994"
}

.calendar-font-icon.ic-milestone-b:before {
    content: "\e96b"
}

.tui-full-calendar-section-button .tui-full-calendar-content {
    top: 0
}

/*# sourceMappingURL=tui-theme.min.css.map */