#app,.date-list-item,.event-header,.event-des{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.day-list,.date-list,.event-list{padding-left:0;margin-bottom:0;list-style:none}body{font-size:16px;color:#06111c;line-height:1.4;position:relative}button{background:transparent;border:none}.primary_bg{background-color:#768591}.secondary_bg{background-color:#dea800}.dark_bg{background-color:#332e42}.gray_bg{background-color:#aab0b5}.color-theme{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.color-box{width:60px;height:60px;border:1px solid #06111c;border-radius:4px;margin-right:4px}#app{margin:20px auto;padding:3rem;background-color:#dea800}#events{background-color:#768591;color:#ffffff;width:100%;padding:2rem}#calender{max-width:504px;background:#ffffff;-webkit-box-shadow:0 8px 20px rgba(51,46,66,0.3);box-shadow:0 8px 20px rgba(51,46,66,0.3)}.day-list,.date-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.day-list-item,.date-list-item{border:1px solid rgba(168,192,206,0.05);width:calc(100% / 7);text-align:center;text-transform:uppercase}.day-list-item{line-height:56px;height:56px;font-weight:bold;color:#332e42;opacity:0.6;background-color:rgba(168,192,206,0.2)}.day-list-item.active{opacity:1}.date-list-item{line-height:72px;height:72px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.date-list-item span{width:48px;height:48px;line-height:48px;display:inline-block;vertical-align:middle}.date-list-item.prev-month,.date-list-item.next-month{color:rgba(51,46,66,0.5)}.date-list-item.prev-month.holiday,.date-list-item.next-month.holiday{color:rgba(140,3,28,0.6)}.date-list-item.active span{border-radius:50%;font-weight:bold;background-color:#a8c0ce;-webkit-box-shadow:0 8px 20px rgba(51,46,66,0.3);box-shadow:0 8px 20px rgba(51,46,66,0.3)}.date-list-item.holiday{color:#8c031c}.month-and-year{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0}.month-and-year h4{font-size:2rem;text-transform:uppercase;color:#332e42;margin:1rem 0;font-weight:normal}.cal-nav{width:48px;background-color:transparent;text-align:center;cursor:pointer;border:none;outline:none;font-size:1.5rem;color:#06111c;opacity:0.6;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.cal-nav:hover{opacity:1}.current-date{font-size:3rem;text-transform:uppercase;margin-bottom:2rem}.event-wrapper{border-top:1px dashed #dea800;padding-top:2rem}.event-header{margin-bottom:1rem}.event-header h5{margin-bottom:0;font-size:1.3rem}.event-header button{background:#ffffff;border:0;color:#06111c;font-size:2rem;width:40px;height:40px;text-align:center;padding:0;border-radius:50%;cursor:pointer}.event-header button span{position:relative;top:-4px}.event-list{counter-reset:li}.event-list-item{border-radius:0.5rem;background-color:rgba(255,255,255,0.15);padding:1rem;margin-bottom:1rem;position:relative}.event-list-item .cancel{position:absolute;right:1rem;top:1rem}.event-title{font-size:1.25rem}.event-des{opacity:0.5}.add-event-wrapper{position:absolute;z-index:9;width:100%;max-width:55%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#ffffff;padding:2rem;border-radius:0.5rem;margin-top:-30px;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.add-event-wrapper.show{opacity:1;visibility:visible;margin-top:0}.add-event-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.add-event-footer{margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.add-event-title{margin-bottom:0}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.overlay.show{opacity:1;visibility:visible}.cancel{font-size:1.5rem;font-weight:700;line-height:1;color:inherit;text-shadow:0 1px 0 #fff;opacity:0.5;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer}.cancel:hover{opacity:1}@media only screen and (min-width: 992px){#app{padding:5rem}#events{min-width:266px;max-width:calc(100% - 504px);min-height:620px}}@media only screen and (max-width: 991px){#calender{margin:0 auto 3rem}}@media only screen and (max-width: 629px){#app,#events{padding:1rem}#calender{margin:0 auto 1rem}.month-and-year h4{margin:1rem 0;font-size:1.2rem}.date-list-item{line-height:54px;height:54px}h2#show-date{font-size:1.4rem;margin-bottom:1rem}.event-wrapper{padding-top:1rem}}@media only screen and (max-width: 629px){h1{font-size:1.5rem}}@media only screen and (max-width: 400px){.date-list-item{line-height:40px;height:41px}}
/*# sourceMappingURL=app.min.css.map */