body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--main-bg-color:#fff;--main-font-color:#000;--secondary-bg-color:#00aa25;--secondary-font-color:#fff;--main-title-bgcolor:#0e57f7;--main-title-font-color:#daeee6;--sub-main-title-bgcolor:#00ab25;--sub-main-title-font-color:#000;--row-border-color:#00aa25;--button-bgcolor-normal:#00c123;--button-bgcolor-hover:#016d1a;--button-bgcolor-delete-hover:#ff8121;--error-bgcolor:#016d1a;--error-font-color:#016d1a;--error-border-color:#ffa07a;--headers-font:"Open Sans",sans-serif;--text-font:"Montserrat",sans-serif;--nav-height-sm:100px;--nav-height-lg:125px;--nav-bg-color:#00aa25;--nav-font:"Cairo",sans-serif;--nav-font-color:#011e08;--nav-font-color-hover:#525275}body{padding-top:100px;padding-top:var(--nav-height-sm);margin:0}.app{display:flex;flex-direction:column;height:100vh;width:100%}.main-container{flex-grow:1}.main-header{width:100%;margin:25px auto}h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif;font-family:var(--headers-font);letter-spacing:2px}button,div,input,p,select,textarea{font-family:"Montserrat",sans-serif;font-family:var(--text-font);letter-spacing:1.5px;font-weight:500}input,select,textarea{width:250px;padding:12px 20px;margin:8px 0;border:1px solid #016d1a;border:1px solid var(--button-bgcolor-hover);border-radius:4px;box-sizing:border-box;font-size:16px}textarea{height:150px;resize:none}input[type=button]{background-color:#00c123;background-color:var(--button-bgcolor-normal);transition:all .3s ease 0s;display:flex;flex-direction:row;justify-content:center;width:90px;font-weight:600;padding:12px 0!important}input[type=button]:hover{background-color:#016d1a;background-color:var(--button-bgcolor-hover)}#delete:hover,input[type=button]:hover{color:#fff;color:var(--secondary-font-color)}#delete:hover{background-color:#ff8121!important;background-color:var(--button-bgcolor-delete-hover)!important}input[type=submit]{background-color:#00c123;background-color:var(--button-bgcolor-normal);transition:all .3s ease 0s;width:90px;font-weight:600;padding:12px 0!important}input[type=submit]:hover{background-color:#016d1a;background-color:var(--button-bgcolor-hover);color:#fff;color:var(--secondary-font-color)}.num-days{font-size:22px;font-weight:600}.nav{height:330px}.footer,.nav{background-color:#00aa25;background-color:var(--secondary-bg-color);color:#fff;color:var(--secondary-font-color);max-width:100%}.footer{height:210px}.info>.navlink,.menu>.navlink{color:#011e08;color:var(--nav-font-color);text-decoration:none;transition:all .3s ease 0s;font-family:"Cairo",sans-serif!important;font-family:var(--nav-font)!important;font-size:20px;font-weight:600;letter-spacing:1px}.info>.navlink:hover,.menu>.navlink:hover{color:#525275;color:var(--nav-font-color-hover);text-decoration:none}.menu{position:absolute;right:-700px}.hamburger{cursor:pointer;margin-right:100px;transition:all .5s ease 0s}.line-1,.line-2,.line-3{width:30px;height:3px;background-color:var(--nav-font-color);margin:5px 0;transition:all .5s ease 0s}.showMenu{background-color:var(--nav-bg-color);display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;top:var(--nav-height-sm);right:0!important;width:250px;border-radius:3px;z-index:1;transition:all .5s ease 0s}.change .line-1{transform:rotate(-405deg) translate(-8px,4px)}.change .line-2{opacity:0}.change .line-3{transform:rotate(405deg) translate(-7px,-4px)}@media screen and (max-width:460px){.hamburger{margin:auto;padding-bottom:10px;transition:all .5s ease 0s}.showMenu{position:absolute;top:var(--nav-height-lg)!important;right:0!important;width:100%}}@media screen and (min-width:1100px){.menu{position:static;right:75px;width:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:all .4s ease 0s}.hamburger{display:none;transition:all .7s ease 0s}}header{flex-direction:column;justify-content:center}.nav,header{display:flex}.nav{position:fixed;left:0;top:0;height:var(--nav-height-sm);width:100%;flex-direction:row;justify-content:space-between;align-items:center;transition:all .5s ease 0s}.logo{margin:10px}.menu{display:flex;flex-direction:column;margin-bottom:15px}@media screen and (max-width:460px){.logo,.nav{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--nav-height-md);transition:all .4s ease 0s}}@media screen and (min-width:1100px){.menu,.nav{display:flex;flex-direction:row;justify-content:space-between;transition:all .4s ease 0s}.menu{margin-bottom:0}.logo{margin-left:50px}}.footer{justify-content:space-between;align-items:center;transition:all .4s ease 0s}.footer,.info{display:flex;flex-direction:column}.info{margin-top:15px}.navlink{margin:5px 25px}@media screen and (min-width:600px){.footer,.info{display:flex;flex-direction:row;justify-content:center;transition:all .4s ease 0s}.footer{height:80px}}.landing,.landing-header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.landing-header{padding-top:20px;background-image:url(/static/media/landing-header-lg.cc358303.png);background-size:cover}.landing-header>h1{margin:15px 15px 5px}.landing-header>h2{margin:15px 15px 35px}.section{display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px solid #ccc;width:100%;box-sizing:border-box;padding:0 15px}.landing-header{background-color:#d3d3d3}.landing-how-it-works{background-color:#00d824}.landing-log-working-hours{background-color:#fff}.landing-request-pto{background-color:#00db66}.landing-information-dashboard{background-color:#fff}.landing-information-protected{background-color:#00dbdb}.section:nth-child(odd){background-color:#fff}.landing-header>.call-to-action-button{height:60px;width:200px;font-family:var(--font-text-opensans);border-radius:5px;border:none;box-shadow:none;background-color:#35d40d;color:var(--button-color-dark);font-size:1.3em;font-weight:600!important;letter-spacing:2.5px!important;margin:7vh 0}.section-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.responsive-image{width:100%;height:auto;margin-bottom:20px}.section-text{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;font-size:18px;letter-spacing:2px;line-height:2;padding:15px;transition:all .3s ease 0s}@media screen and (min-width:970px){.landing-header{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/static/media/landing-header-lg.cc358303.png);background-size:cover}.section-text{transition:all .3s ease 0s}}@media screen and (min-width:860px){.landing-header{width:100%}.section-content{display:flex;flex-direction:row}.left-box,.right-box{width:50%;margin:50px 15px}}@media screen and (min-width:600px){.landing-header>h1,.landing-header>h2{margin:50px auto}.section-text{font-size:20px}}.form-container,.signin-form{display:flex;flex-direction:column;justify-content:center}.signin-form{align-items:center;margin-top:100px}.loader{display:none;width:30px;height:30px;border-radius:50%;border:5px dotted var(--button-bgcolor-normal);-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{border:2px solid var(--error-border-color);border-radius:10px;flex-direction:row;justify-content:flex-end;align-items:flex-end;width:200px;padding:6px 15px;margin:8px 0 8px auto}.error,.errorContainer{display:flex;color:var(--error-font-color);box-sizing:border-box;transition:all .4s ease 0s}.errorContainer{border:1px solid var(--error-border-color);border-radius:5px;min-width:240px;max-width:400px;padding:15px 30px;margin:15px auto}.dashboard-container,.errorContainer{flex-direction:column;justify-content:center;align-items:center}.dashboard-container{display:flex;max-width:750px;margin:auto}.ptomain-container,.time-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:50px}.pto-title,.time-title{display:flex;flex-direction:row;justify-content:center;min-width:270px;background-color:var(--main-title-bgcolor);color:var(--main-title-font-color);border-radius:2px;margin:10px 0;min-width:100%}.month{padding:5px;margin:10px}.month-title,.ptoRequests-title{background-color:var(--sub-main-title-bgcolor);color:var(--sub-main-title-font-color);border-radius:2px;padding:5px 10px;display:flex;flex-direction:row;justify-content:center}.navlinkArrow{color:var(--sub-main-title-font-color);text-decoration:none;margin:0 15px}.button-item,.item{margin:5px 15px}.timeframe{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--row-border-color);border-radius:3px;margin:10px 0;padding:0 10px;min-width:220px}@media screen and (min-width:725px){.timeframe{justify-content:flex-end}.date,.timeframe{display:flex;flex-direction:row}.date{justify-content:flex-start;margin-left:1px}}.ptoSummary{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #00f;border-radius:3px;margin:10px auto;min-width:250px}.bottom,.top{padding:10px}.bottom{border-top:1px solid var(--row-border-color)}.onleft,.onright{padding:10px}.onright{border-top:1px solid var(--row-border-color)}.num-days{margin:0 10px}.num-days-separator{visibility:hidden}@media screen and (min-width:350px){.bottom{display:flex;flex-direction:row;justify-content:center;align-items:center}.num-days-separator{visibility:visible}.onleft,.onright{padding:10px}.onright{border-top:0;border-left:1px solid var(--row-border-color)}}.pto{justify-content:center;border:1px solid var(--row-border-color);border-radius:3px;margin:10px 0;min-width:250px}.pto,.pto-data{display:flex;flex-direction:column;align-items:center}@media screen and (min-width:725px){.pto{display:flex;flex-direction:row;justify-content:space-between}.pto-data{justify-content:flex-start}.pto-buttons,.pto-data{display:flex;flex-direction:row;align-items:center}.pto-buttons{justify-content:flex-end}.date{display:flex;flex-direction:row;justify-content:flex-start;margin-left:10px}}.loghours-container,.main-header{display:flex;flex-direction:column;align-items:center}.main-header{text-align:center}.form-group{margin:10px 30px}input[type=submit]{justify-content:center}.buttons,input[type=submit]{display:flex;flex-direction:row}.buttons{justify-content:space-evenly}.ptorequest-container{align-items:center}.pto-container,.ptorequest-container{display:flex;flex-direction:column;width:100%}.pto-container{justify-content:flex-start;align-content:center}.ptoSummary{width:100%}@media screen and (min-width:700px){.pto-container{display:flex;flex-direction:row}.left,.right{margin:26px 25px}}.form-group{display:flex;flex-direction:column;justify-content:center;margin:10px auto}.errorCont{margin:auto}.errorBox{border:2px solid #ccc;border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-content:center;margin:100px auto;padding:50px;max-width:375px}.errorMessage{justify-content:flex-start;color:red}.errorMessage,.errorMessageLink{display:flex;flex-direction:row;align-content:center}.errorMessageLink{justify-content:flex-end;text-decoration:none}
/*# sourceMappingURL=main.4aa1086d.chunk.css.map */