#main-container{justify-content:center;display:flex}#app-container,#button-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}#title{margin-bottom:20px;font-family:Satisfy,cursive;font-size:54px}#subtitle{margin-bottom:25px;font-weight:400}select{text-align:center;cursor:pointer;background:0 0;border:1px solid #dcdcdc;padding:3px;font-family:Raleway,sans-serif;font-size:14px}#month-toggle{margin-bottom:15px;display:flex}#month-toggle button{margin-left:30px;margin-right:30px;font-size:12px}#month-toggle h2{width:160px;margin:0;font-size:20px}#day-data-container{flex-direction:column;justify-content:center;padding:15px;display:flex}#button-container{margin-top:45px}#save-container{margin-top:12px}#save{visibility:visible;color:#fff;background-color:#0edc00;border-radius:5px;width:60px;height:36px;margin:5px;padding:7px;font-size:17px;box-shadow:1px 1px 1px #b7b7b7}#save:hover,#save:disabled{background-color:#0db902}#save:active,#save:disabled{box-shadow:none!important}@media only screen and (width>=630px){#subtitle{margin-bottom:45px}#day-data-container{flex-flow:wrap}#button-container{flex-direction:row;align-items:flex-start;margin-top:60px}}#calculator-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:30px;padding:10px;display:flex}h3{margin-bottom:5px;font-weight:400}#age-start,#age-end{text-align:center;border:1px solid #dcdcdc;width:40px}#calculator{margin:5px 0 20px;line-height:1.5}#calculator th{font-size:13px}#calculator td{font-size:12px}.day-container,.data-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.day-container.week,.day-container.month{border:1px solid #dcdcdc;margin-top:-1px;margin-left:-1px;padding:15px}.day-header{margin-top:0;margin-bottom:10px;font-size:20px;font-weight:700}@media only screen and (width>=630px){.data-container.day{flex-direction:row;align-items:flex-start}.day-header{font-size:16px}}.chart-container{margin-top:10px}.chart-button-container{text-align:center;justify-content:center;align-items:center;margin-bottom:8px;padding:5px;display:flex}.chart-button{visibility:visible;color:#dcdcdc;background:0 0;width:20px;height:20px;margin:2px}.chart-button:hover{color:#989696}.pie{margin-right:6px}.radar,.bar{margin-right:4px}.selected{text-shadow:.3px .3px #444;outline:none;color:#989696!important}.chart-button i{font-size:20px}.pie i{font-size:18px}.chart-visual-container{width:300px;height:300px;position:relative}.chart-visual-container.week,.chart-visual-container.month{width:250px;height:250px}@media only screen and (width>=630px){.chart-button-container.week,.chart-button-container.month{margin-bottom:0}.chart-container{margin-top:0}.pie.week,.pie.month{margin-right:4px}.radar.week,.radar.month,.bar.week,.bar.month{margin-right:2px}.chart-button{visibility:hidden}.chart-button.week,.chart-button.month{width:18px;height:18px}.chart-container:hover .chart-button{visibility:visible!important}.chart-button.week i,.chart-button.month i{font-size:18px}.pie.week i,.pie.month i{font-size:16px}.chart-visual-container.week,.chart-visual-container.month{width:200px;height:200px}}table{border-collapse:collapse;text-align:center;margin-bottom:20px}th{border-bottom:1px solid #ddd;padding:10px;font-size:14px}td{padding:5px;font-size:14px}.activity{width:164px}.activity input{width:154px}.hours{width:70px}.hours input{width:54px}td button{background:0 0;width:21px}td button:hover{text-shadow:.2px .2px #000}td button:active{text-shadow:.5px .5px #000}.delete{visibility:hidden;font-size:14px}tr:hover td .delete{visibility:visible}.error{color:red;margin-top:5px;font-size:10px}@media only screen and (width>=630px){table.day{margin-bottom:0;margin-right:40px}table.week,table.month{margin-bottom:10px}table.week th,table.month th,table.week td,table.month td{font-size:11px}table.week .activity,table.month .activity{width:100px}table.week .activity input,table.month .activity input{width:95px}table.week .hours,table.month .hours{width:53px}table.week .hours input,table.month .hours input{width:45px}}input{text-align:center;border:none;padding:3px;font-family:Raleway,sans-serif;font-size:14px}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:focus::-webkit-outer-spin-button{-webkit-appearance:outer-spin-button}input:focus::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button}.new{border:1px solid #dcdcdc}@media only screen and (width>=630px){input.week,input.month{font-size:11px}}#header{z-index:3;flex-direction:column;height:43px;font-family:Rajdhani,sans-serif;display:flex;position:fixed;top:0;left:0;right:0}#header-container{justify-content:space-between;width:100%;display:flex}#site-menu-icon-container{-ms-grid-row-align:center;cursor:pointer;justify-content:center;align-self:center;align-items:center;width:50px;margin-top:7px;display:flex}#site-menu-icon-container button{cursor:pointer;background:0 0;border:none;padding:0}#site-menu-icon{opacity:.7;filter:grayscale();z-index:10;height:30px;left:0}#site-menu-icon-container:hover #site-menu-icon{opacity:1;filter:grayscale(0)}#site-menu{text-align:left;opacity:0;z-index:3;background-color:#fff;flex-direction:column;width:130px;padding-bottom:6px;padding-left:6px;transition:all .5s;display:flex;position:fixed;box-shadow:1px 1px 1px #989898}#site-menu.closed{visibility:hidden;transition:all .5s;opacity:0!important}#site-menu.opened{transition:all .5s;opacity:1!important}#site-menu-spacer-row{height:44px}.site-menu-row{opacity:.5;cursor:pointer;height:20px}.site-menu-row:hover{opacity:1}.site-menu-row td{padding:0 1px;line-height:1}.site-menu-image-cell{width:18px}.site-menu-image{filter:grayscale();height:12px}.site-menu-row:hover .site-menu-image{filter:grayscale(0)}.site-menu-text{font-family:Rajdhani,sans-serif;font-size:12px;color:#000!important}@media only screen and (width>=768px){#site-menu{width:150px}.site-menu-text,#account-menu{font-size:14px}.site-menu-row{height:23px}.site-menu-image-cell{width:22px}.site-menu-image{height:15px}}.modal{text-align:left;z-index:100;background-color:#fff;border-radius:3px;flex-direction:column;width:80%;max-width:500px;height:200px;margin-top:50px;display:flex;position:fixed;box-shadow:0 0 3px #a2a2a2}.close-button{cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;position:absolute;top:15px;right:15px}.modal-header{border-bottom:1px solid #dcdcdc;margin:15px;padding-bottom:10px;font-size:20px}.success{color:#0adc00}.fail{color:red}.modal-body{text-align:center;text-align:center;flex-direction:column;align-items:center;height:100px;margin-top:20px;padding-left:10px;padding-right:10px;font-size:15px;display:flex}.link-container{margin-top:5px;display:flex}.link-container a{color:#0edc00;margin-right:7px}.link-container a:hover{font-weight:700}.link-container button{cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.link-container button:hover{text-shadow:.2px .2px #000}#button-container button{visibility:visible;color:#fff;background-color:#08f;border-radius:5px;margin:5px;padding:7px;font-size:13px;box-shadow:1px 1px 1px #b7b7b7}#button-container button:hover,#button-container button:disabled{background-color:#0078e0}#button-container button:active,#button-container button:disabled{box-shadow:none!important}#clear{color:#000!important;background-color:#fd5858!important}#clear:hover{background-color:#ea4f4f!important}body{flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Raleway,sans-serif;display:flex}.hidden{position:absolute!important;top:-9999px!important;left:-9999px!important}#root{text-align:center;flex-direction:column;flex:1;display:flex}a{color:inherit;text-decoration:none}a:hover{color:#0edc00}:focus{outline-width:2px;outline-color:#0edc00}::placeholder{font-style:italic}button{cursor:pointer;border:none;padding:0;font-family:Raleway,sans-serif}button:active,button:disabled{text-shadow:.3px .3px #000;outline:none}button:disabled{cursor:not-allowed!important}#footer{text-align:center;z-index:100;margin-top:5px;margin-bottom:5px;font-family:Rajdhani,sans-serif;font-size:12px;line-height:1.3}