body{margin:0;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}#attendance,#employees,#paytable{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}#attendance th,#employees td,#employees th,#paytable td,#paytable th{border:1px solid #ddd;padding:8px}#employees tr:nth-child(2n),#paytable tr:nth-child(2n){background-color:#f2f2f2}#attendance tr:hover,#employees tr:hover,#paytable tr:hover{background-color:#ddd}#attendance th,#employees th,#paytable th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#04aa6d;color:#fff}.button,.header-button{background-color:#008cba;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:2px;cursor:pointer;width:auto}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;height:100%;background-color:#000;background-color:rgba(0,0,0,.4)}.modal,.modal-content{width:100%;overflow:auto}.modal-content{background-color:#fefefe;margin:auto;padding:15px;border:4px solid #888}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}a{font-weight:700;padding:20px}.paymodal{display:none;padding-top:2px;left:0;top:0;height:100%;overflow:visible}.paymodal,.paymodal-content{width:100%;background-color:#fefefe}.paymodal-content{margin:auto;padding-top:550px;border:4px solid #888;overflow:auto}input[type=month],select{padding:2px 20px;margin:1px 0;display:inline-block;border:1px solid #ccc;border-radius:8px}input[type=date],input[type=number],input[type=numeric],input[type=text]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input:invalid,select:invalid{border:1px solid red}input:focus:invalid,select:focus:invalid{outline:none;box-shadow:0 0 0 2px red}table{font-family:arial,sans-serif;border-collapse:collapse;width:100%}td,th{border:1px solid #b39393;text-align:left;padding:8px}tr:nth-child(2n){background-color:#c3f0ba}input[type=date]{width:auto;padding:12px 10px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{width:auto;padding:6px 10px;margin:1px 20px}button,input[type=checkbox]{background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}input[type=checkbox]{width:100%;padding:14px 0;margin:2px 15px}input[type=number],input[type=numeric]{width:auto;padding:14px 20px;margin:2px 15px;border:1px solid #ccc;border-radius:4px;cursor:pointer}input[type=numeric],input[type=password],input[type=text],select{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=submit]{width:100%;background-color:#4caf50;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#45a049}.navigation-list a:hover:not(.active){background-color:#111}.navigation{list-style-type:none;top:0;margin:0;padding:8px;overflow:hidden;background-color:#f2f2f2;position:sticky}.navigation-list{float:left}.navigation-list a{display:block;color:#2b0060;text-align:center;padding:14px 16px;text-decoration:none}.navigation-list a:hover:not(.active){background-color:#dfc7c7}.active{background-color:#04aa6d}body{background-color:#f2f2f2}img{max-width:100%;max-height:100%}.relative-div,img{position:relative}footer{background:#2b0060;position:absolute;bottom:0;width:100%}footer .footer_container{display:flex;max-width:1440px;width:100%;margin:0 auto;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;padding:15px 20px;font-size:18px}.address{font-size:24px!important;font-family:var(--pnr);line-height:34px;padding:30px}*{box-sizing:border-box}body{font-family:Verdana,sans-serif}.mySlides{display:none}img{vertical-align:middle}.slideshow-container{max-width:1500;max-height:auto;position:relative;margin:auto}.text{font-size:15px;padding:16px 15px;bottom:8px;width:100%;text-align:center}.numbertext,.text{color:#f2f2f2;position:absolute}.numbertext{font-size:12px;padding:8px 12px;top:0}.dot{height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active{background-color:#717171}.fade{animation-name:fade;animation-duration:3s}@keyframes fade{0%{opacity:.1}to{opacity:1}}@media only screen and (max-width:300px){.text{font-size:11px}}.dots-list{position:relative;text-align:center;left:50 px}
/*# sourceMappingURL=main.86ebdbc1.chunk.css.map */