body,html{padding:0;margin:0;color:#fff}html{overflow:hidden}#root{padding:0;margin:0}#root h2{font-size:19px;line-height:1.5;font-weight:600}#root p{font-size:15px}#root .et_loader{height:100%;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#030816;z-index:20;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:1;transition:opacity 1s}#root .et_loader.fadeout{opacity:0}#root .header_wrapper{max-width:1000px;height:50px;background-color:#f5fafe;padding:20px;margin:0 auto 20px;position:relative;z-index:2}#root .header_wrapper .circle_button{height:60px;width:60px;border-radius:500px;display:flex;justify-content:center;align-items:center;cursor:pointer}#root .header_wrapper .circle_button:hover{background-color:#1490d8}#root .header_wrapper .circle_button .circle_button_inner{width:40px;height:40px;color:#f5fafe;display:flex;justify-content:center;align-items:center}#root .header_wrapper .button_lg{min-width:200px;padding:15px}#root .header_wrapper .button_lg.active{background-color:#0b326a}#root .mobile_header_menu,#root .mobile_header_wrapper{display:none}#root .btn{background-color:#1490d8;box-shadow:none}#root .main_content_wrapper{width:100%;max-width:1000px;margin:0 auto;overflow:hidden}#root .left_drawer_grid{padding:20px;background-color:#0b326a;min-height:100vh;width:350px}#root .left_drawer_grid .drawer_container{margin-top:-1px;overflow-y:scroll;position:fixed;width:315px;height:calc(100% - 50px)}#root .left_drawer_grid .drawer_container::-webkit-scrollbar{display:none}#root .left_drawer_grid .drawer_container .add_task_btn{width:100%;margin-bottom:35px;padding:15px}#root .left_drawer_grid .drawer_container .drawer_item_wrapper{border:1px solid #1b5db3;border-radius:5px;padding:15px;margin-bottom:15px;cursor:pointer}#root .left_drawer_grid .drawer_container .drawer_item_wrapper.active{border:1px solid rgb(20,144,216)}#root .left_drawer_grid .drawer_container .drawer_item_wrapper:hover{border:1px solid rgb(65,79,238)}#root .left_drawer_grid .drawer_container .drawer_item_date_wrapper{display:flex}#root .left_drawer_grid .drawer_container{-ms-overflow-style:none;scrollbar-width:none}#root .content_area_wrapper{background-color:#f5fafe;color:#0b326a;width:calc(100% - 350px)}#root .content_area_wrapper .content_area_inner_wrapper{padding:0 20px}#root .content_area_wrapper .content_area_inner_wrapper .MuiGrid-item{padding-top:22px}#root .cloudsync_page{color:#0b326a}#root .bottom_footer{display:none}#root .spinner_wrapper{align-items:center;bottom:5px;display:flex;height:60px;justify-content:center;position:fixed;right:5px;width:60px}#root .spinner_wrapper.fade-out{animation-name:fadeOut;animation-timing-function:ease-out;animation-duration:.3s;animation-fill-mode:forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 900px){#root .header_menu_wrapper,#root .left_drawer_grid{display:none}#root .header_wrapper{display:flex;justify-content:flex-end;width:100px;float:right}#root .header_wrapper .circle_button{height:40px;width:40px;margin-top:-5px}#root .header_wrapper .circle_button .circle_button_inner{width:30px;height:30px}#root .content_area_wrapper{width:100%;height:100vh}#root .content_area_wrapper .content_area_inner_wrapper{width:calc(100% - 30px);display:flex;justify-content:center;flex-direction:column;padding:0 15px}#root .mobile_header_menu{background-color:#0b326a;display:block;width:350px;position:absolute;top:0;left:0;z-index:9;margin-left:-350px;transition:all .2s ease-in-out}#root .mobile_header_menu.open{margin-left:0}#root .mobile_header_menu .left_drawer_grid{margin-top:50px;display:block;width:300px;padding:20px 15px}#root .mobile_header_wrapper{display:block;height:20px;padding-left:20px;padding-right:20px;margin-top:25px}#root .hamburger_wrapper{height:15px;width:30px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;z-index:10}#root .line_upper,#root .line_lower{width:30px;height:2px;background-color:#0b326a;transition:transform .3s}#root .hamburger_wrapper.open .line_upper{transform:translateY(6px) rotate(45deg);background-color:#fff}#root .hamburger_wrapper.open .line_lower{transform:translateY(-6px) rotate(-45deg);background-color:#fff}#root .content_area_inner_wrapper{margin-top:30px}#root .bottom_footer{display:flex;justify-content:center;position:fixed;bottom:0;right:0;width:100%;height:70px;border-top:1px solid #0b326a;background-color:#f5fafe}#root .bottom_footer .bottom_footer_inner{width:70%;margin:0 auto;justify-content:space-between;display:flex}#root .bottom_footer .footer_item{width:100px;height:70px;display:flex;justify-content:center;align-items:center}#root .bottom_footer .footer_item_inner_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0b326a;font-size:14px;font-weight:700;font-family:Roboto;text-transform:uppercase}}