.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-panel{display:flex;flex-direction:column;height:100vh}.calendar-panel{display:flex;flex:1 1 0%;border-top:rgb(218,220,224) 1px solid}.calendar-panel_date_view{display:grid;flex:1 1 0%;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}.calendar-panel_day{display:flex;flex-direction:column;border-bottom:#e5e7eb 1px solid;border-left:rgb(218,220,224) 1px solid}.calendar-panel_week_title{display:flex;flex-direction:column;align-items:center}.calendar-panel_date{padding:.25rem;margin-top:.25rem;margin-bottom:.25rem;font-size:.875rem;text-align:center}.calendar-panel_today_date{background-color:#2563eb;height:18px;width:20px;border-radius:50%;padding-top:.4rem;text-align:center;vertical-align:middle;color:#fff}.calendar-week-days{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.left-sidebar-small-calendar{display:grid;flex:1 1 0%;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));padding:10px 6px 16px 0;width:248px;height:190px}.left-sidebar-small-calendar .calendar-week-days{margin-top:2px;font-size:10px;line-height:0px}.left-sidebar-small-calendar .calendar-panel_day{display:flex;flex-direction:column;border:none}.left-sidebar-small-calendar .calendar-panel_date{margin-top:.25rem;display:flex;font-size:12px;text-align:center;padding:2px;height:20px;line-height:0px;justify-content:center;align-items:center}.left-sidebar-small-calendar .calendar-day-event{display:none}.calendar-other-month-dates{color:#ccc}.calendar-day-event{flex:1 1 0%;cursor:pointer}.calendar-day-event_label{padding:.25rem;margin-bottom:.25rem;margin-right:.75rem;border-radius:.25rem;font-size:.875rem;line-height:1.25rem;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#c7d2fe}.button{display:block;background-color:#fff;border:1px solid #ccc;border-radius:.5rem;color:#333;cursor:pointer;font-size:1rem;padding:.4rem .8rem;transition:background-color .3s ease-out,border-color .3s ease-out}.button.icon{display:inline-flex;align-items:center;justify-content:center;padding:.3rem}.button.primary{background-color:#4d90fe;border-color:#3079ed;color:#fff}.button.primary:hover,.button.primary:focus,.button.primary:active{background-color:#357ae8;border-color:#999}.button.secondary{background-color:#f5f5f5;border-color:#ccc;color:#333}.button.secondary:hover,.button.secondary:focus{background-color:#eee;border-color:#999}.button.secondary:active{background-color:#ddd;border-color:#999}.button.success{background-color:#ddd;border-color:#999;color:#fff}.button.success:hover,.button.success:focus,.button.success:active{background-color:#ddd;border-color:#999}.button.warning{background-color:#ddd;border-color:#999;color:#fff}.button.warning:hover,.button.warning:focus,.button.warning:active{background-color:#ddd;border-color:#999}.button.danger{background-color:#ef4444;border-color:#b91c1c;color:#fff}.button.danger:hover,.button.danger:focus,.button.danger:active{background-color:#dc2626;border-color:#dc2626}.button:hover,.button:focus{background-color:#eee;border-color:#999}.button:active{background-color:#ddd;border-color:#999}.button:disabled{background-color:#eee;border-color:#ccc;color:#999;cursor:not-allowed}.button.block{display:block;width:100%}.modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal .body{width:100%;max-width:500px;background-color:#fff;border-radius:.5rem;padding:1.5rem;position:relative}.modal .modal-close-btn{position:absolute;right:.75rem;top:.75rem;background:none;border:none;outline:none;box-shadow:none;cursor:pointer;float:right;padding:0rem;transition:all .3 ease}.modal .modal-close-btn :hover{background-color:#999;border-radius:.5rem}.modal .title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.add-event-modal{display:block}.add-event-modal .date-form{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;gap:1rem}.add-event-modal .date-form .date-inputs{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.add-event-modal .date-form .date-form-action-btn{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:.5rem}.calender-header{display:flex;padding-bottom:.4rem;padding-left:1rem;padding-right:1rem;align-items:center;height:48px;justify-content:space-between}.hearder-left{display:flex;justify-content:center;align-items:center}.hearder-right{display:flex;justify-content:space-between;align-items:center}.calender-header img{margin-right:.5rem;width:40px;height:40px}.calendar-title{display:inline-block;font-family:Product Sans,Arial,sans-serif;font-size:22px;line-height:24px;padding-left:8px;position:relative;top:-1.5px;vertical-align:middle}.calendar-today-btn{padding:.5rem 1rem;margin-right:1.25rem;margin-left:3rem;border-radius:.25rem;border-width:1px;cursor:pointer}.calender-prev-month-btn,.calender-header-search-btn,.calender-next-month-btn{border-radius:21px;border:none;width:32px;height:32px;background-color:transparent;padding:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.calendar-today-btn:hover,.calender-prev-month-btn:hover,.calender-header-search-btn:hover,.calender-next-month-btn:hover{background-color:#f1f3f4}.calender-prev-month-icon,.calender-next-month-icon{margin-left:.5rem;margin-right:.5rem;color:#4b5563;cursor:pointer}.calender-current-month-title{margin-left:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:550;color:#273441}.calender-header-search-btn{margin-right:5px}.wrapper{margin:0}.wrapper .label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.wrapper .label.required{margin-left:4px;color:red}.wrapper .select{display:block;width:100px;height:32px;border:1px solid #ccc;border-radius:5px;padding:0 .5rem;font-size:14px;color:#333;background:transparent;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position-x:100%;background-position-y:5px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .3s ease-in-out}.wrapper .select:hover{border-color:#999}.wrapper .select:focus{border-color:#3079ed}.wrapper .select:disabled{opacity:.5;cursor:not-allowed}.wrapper .select:disabled:hover{border-color:#ccc}.wrapper .select:disabled:focus{border-color:#ccc}.wrapper .select .option{font-weight:500}.wrapper .select .option:disabled{color:#999}.wrapper .select .option:checked{color:#333;background-color:#ccc}.wrapper .select .option:checked:disabled{color:#999;background-color:transparent}.wrapper .select .option:checked:hover{background-color:#ccc}.wrapper .select .option:hover{background-color:#ccc}.wrapper .select .option:focus{background-color:#ccc}.wrapper .select .option:disabled:hover{background-color:transparent}.wrapper .select .option:disabled:focus{background-color:transparent}.wrapper .select .option:disabled:active{background-color:transparent}.wrapper .select .option:disabled:checked{color:#999;background-color:transparent}.wrapper .select .option:disabled:checked:focus{background-color:transparent}.wrapper .select .option:disabled:checked:active{background-color:transparent}.wrapper .select .option:disabled:checked:disabled{color:#999;background-color:transparent}.wrapper .select .option:disabled:checked:hover{background-color:transparent}.calendar-left-sidebar{padding:15px 2px 0 5px;border-width:1px;width:255px}.calendar-event-btn{display:flex;padding:.5rem;align-items:center;border-radius:9999px;border-width:1px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.calendar-event-btn:hover{box-shadow:0 25px 50px -12px #00000040}.calendar-event-create-logo{width:1.75rem;min-height:1.75rem}.calendar-event-btn-title{padding-left:.75rem;padding-right:1.75rem}.leftbar-calendar{justify-content:center}.leftbar-calendar_header{display:flex;align-items:center;justify-content:space-between;padding:29px 10px 0 9px;font-size:17px;font-weight:400}.leftbar-calendar_actions{display:flex;justify-content:center}.leftbar-calendar_actions button{font-size:12px}.leftbar-calendar_actions .material-icons-outlined{font-size:19px}.calendar-right-sidebar{width:50px;border-left:rgb(218,220,224) 1px solid;overflow:hidden;padding:5px 0 0;display:grid;justify-content:center;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));justify-items:center}.calender-keep-icon,.calender-get-add-ons-icon{margin-left:.5rem;margin-right:.5rem;color:#4b5563;cursor:pointer}.calender-keep-icon{background-color:#fbbd05;color:#fff;border-radius:2px}.calender-get-add-ons-icon:hover{background-color:#f1f3f4}body{margin:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}