/*Caledar*/ .calendarapp-wrap { position: relative; } .calendarapp-wrap .calendarapp-sidebar { position: absolute; width: 225px; background: #fff; padding: 15px; left: 0; z-index: 10; border-right: 1px solid #E6E9EB; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .calendarapp-wrap .calendarapp-sidebar .slimScrollDiv, .calendarapp-wrap .calendarapp-sidebar .nicescroll-bar { overflow: visible !important; } .calendarapp-wrap .calendarapp-sidebar .close-calendarapp-sidebar { display: none; margin: 0 0 15px; } .calendarapp-wrap .calendarapp-sidebar .close-calendarapp-sidebar .feather-icon { display: block; } .calendarapp-wrap .calendarapp-sidebar .add-event-wrap .calendar-event { padding: 0.5rem 0.75rem; cursor: grab; } .calendarapp-wrap .calendarapp-sidebar .add-event-wrap .calendar-event .close { font-size: 1.25rem; padding-top: .5rem; } .calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-sidebar { left: -225px; } .calendarapp-wrap.calendarapp-sidebar-toggle .calendar-wrap { margin-left: 0; } .calendarapp-wrap .calendar-wrap { margin-left: 225px; position: relative; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .calendarapp-wrap .calendar-wrap .fc-event { position: relative; display: block; font-size: 79%; border: 1px solid #00B0FF; border-radius: 0; line-height: inherit; } .calendarapp-wrap .calendar-wrap .fc-event, .calendarapp-wrap .calendar-wrap .fc-event-dot { background: #00B0FF; } .calendarapp-wrap .calendar-wrap .fc button { height: auto; padding: .25rem .5rem; font-size: .875rem; } .calendarapp-wrap .calendar-wrap .fc button.fc-calendarSidebar-button { color: #959CA4; padding: 0; background: transparent; border: none; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 0; padding: 0 15px; background: #fff; border-bottom: 1px solid #E6E9EB; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-left { display: -webkit-box; display: -ms-flexbox; display: flex; order: 1; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-right { order: 3; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center { order: 2; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar > .fc-clear { display: none; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center h2 { font-size: 20px; font-weight: 600; text-transform: capitalize; padding: 0 25px; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container { background: #fff; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered { border: 0; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered thead td, .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered thead th { border-bottom: 0; border-top: 0; border-color: #E6E9EB; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered td, .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered th { border-left: 0; border-bottom: 0; border-color: #E6E9EB; } .calendarapp-wrap .calendar-wrap .fc .fc-list-heading td { color: #1F2327; font-weight: normal; } @media (max-width: 1024px) { .calendarapp-wrap .calendarapp-sidebar { left: -225px; } .calendarapp-wrap .calendarapp-sidebar .close-calendarapp-sidebar { display: block; } .calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-sidebar { left: 0; } .calendarapp-wrap .calendar-wrap { margin-left: 0; } } @media (max-width: 767px) { .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-today-button, .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-right { display: none; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-left { position: absolute; top: 0; bottom: 0; } .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center { margin-left: auto; margin-right: auto; } } @media (max-width: 414px) { .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center h2 { padding: 0 10px; font-size: 16px; } }