body{margin:0;padding:0;box-sizing:border-box}#main-layout{min-height:100vh;display:flex}#main-layout aside{min-width:250px;padding:1em}#main-layout aside #sidebar{position:sticky;top:1em}#main-layout aside #sidebar #logo-container{padding-left:.625em;margin-bottom:2em}#main-layout aside #sidebar #logo-container h1{font-family:sans-serif;font-size:22px;margin:0}#main-layout aside #sidebar ul{list-style:none;padding:0;margin:0}#main-layout aside #sidebar ul li{border-radius:5px;transition:background-color .25s ease}#main-layout aside #sidebar ul li:hover{background-color:#eeeeee80}#main-layout aside #sidebar ul li a{display:block;padding:.625em;text-decoration:none;color:#000;font-family:sans-serif;font-size:17px}#main-layout aside #sidebar ul .selected{background-color:#eee!important}#main-layout main{flex:1;padding:1em}#main-layout main #report-container{font-family:sans-serif}#main-layout main #report-container #report-header{margin-left:.25em}#main-layout main #report-container #report-header h2{font-size:22px;margin:0 0 1em}#main-layout main #report-container #report-table{width:100%}#main-layout main #report-container #report-table td:last-child{width:10%}#main-layout main #report-container #report-table .view-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#a2d2ff}#main-layout main #report-container #report-table .view-btn svg{height:15px;width:15px}#main-layout main #report-container #report-table .activate-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#95d5b2}#main-layout main #report-container #report-table .activate-btn svg{height:15px;width:15px}#main-layout main #report-container #report-table .deactivate-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#ff758f}#main-layout main #report-container #report-table .deactivate-btn svg{height:15px;width:15px}#main-layout main #personal-report-container{font-family:sans-serif}#main-layout main #personal-report-container #personal-report-header{margin-left:.25em}#main-layout main #personal-report-container #personal-report-header h2{font-size:22px;margin:0 0 1em}#main-layout main #personal-report-container #personal-report-header .change-password-button{position:absolute;top:20px;right:20px;cursor:pointer;border-radius:5px;text-decoration:none;color:#000;background-color:#a2d2ff;padding:.5em 1em;display:inline-block;font-size:14px;border:none}#main-layout main #personal-report-container #personal-report-body{display:flex;justify-content:space-between;flex-wrap:wrap}#main-layout main #personal-report-container #personal-report-body #job-container{width:100%}#main-layout main #personal-report-container #personal-report-body #job-container .job-container-title{display:block;margin-left:.25em;font-size:17px;margin-bottom:1em}#main-layout main #personal-report-container #personal-report-body .field-container{width:calc(50% - 10px);font-size:17px;margin-bottom:1em}#main-layout main #personal-report-container #personal-report-body .field-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #personal-report-container #personal-report-body .field-container p{margin:0;background-color:#eee;padding:.75em;border-radius:5px}#main-layout main #personal-report-container #personal-report-body .job-list-container{width:100%}#main-layout main #personal-report-container #personal-report-body .job-list-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #personal-report-container #personal-report-body .job-list-container table{width:100%;border:none;border-collapse:collapse}#main-layout main #personal-report-container #personal-report-body .job-list-container table thead{background-color:#eee}#main-layout main #personal-report-container #personal-report-body .job-list-container table tr{border-bottom:1px solid black}#main-layout main #personal-report-container #personal-report-body .job-list-container table tr td{padding:.5em}#main-layout main #personal-report-container #personal-report-body .job-list-container table tr td img{height:7.5em;width:7.5em}#main-layout main #personal-report-container #personal-report-body .job-list-container table .view-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#a2d2ff}#main-layout main #personal-report-container #personal-report-body .job-list-container table .view-btn svg{height:15px;width:15px}#main-layout main #changePasswordModal{font-family:sans-serif;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1;display:flex;justify-content:center;align-items:center}#main-layout main #changePasswordModal .modal-content{background-color:#fff;padding:20px;border-radius:5px;text-align:center}#main-layout main #changePasswordModal .modal-content form{text-align:left;padding-left:50px;padding-right:50px}#main-layout main #changePasswordModal .modal-content form .field-container{width:calc(100% - 10px);font-size:17px;margin-bottom:1em;display:flex;flex-direction:column}#main-layout main #changePasswordModal .modal-content form .field-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #changePasswordModal .modal-content form .field-container input,#main-layout main #changePasswordModal .modal-content form .field-container select{margin:0;padding:.5em;border-radius:5px;border:solid 1px #ccc}#main-layout main #changePasswordModal .modal-content button{cursor:pointer;border-radius:5px;text-decoration:none;color:#000;background-color:#a2d2ff;padding:.5em 1em;display:inline-block;font-size:14px;border:none}#main-layout main #confirmDeleteModal{font-family:sans-serif;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1;display:flex;justify-content:center;align-items:center}#main-layout main #confirmDeleteModal .modal-content{background-color:#fff;padding:20px;border-radius:5px;text-align:center}#main-layout main #confirmDeleteModal .modal-content button{cursor:pointer;border-radius:5px;text-decoration:none;color:#000;background-color:#a2d2ff;padding:.5em 1em;display:inline-block;font-size:14px;border:none}#main-layout main #confirmDeleteModal .modal-content #confirmDeleteBtn{background-color:#f16868}#main-layout main #confirmDeleteModal .modal-content #cancelBtn{background-color:#b6afaf}#main-layout main #graph-overview-container #filter-container{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1em}#main-layout main #graph-overview-container #filter-container .filter-div{width:calc(100% - 4em);padding:5px}#main-layout main #graph-overview-container #filter-container .filter-div #daterange{width:300px}#main-layout main #graph-overview-container #filter-container select{padding:.5em;border:solid 1px #ccc;border-radius:5px;margin-right:.5em}#main-layout main #graph-overview-container #filter-container #filter-btn{border-radius:5px;border:solid 1px #a2d2ff;padding:.5em 1em;cursor:pointer;font-size:14px;background-color:#a2d2ff}#main-layout main #graph-overview-container #graphs-container{display:flex;flex-wrap:wrap;gap:2em}#main-layout main #graph-overview-container #graphs-container .graph-container{padding:2em;border-radius:20px;box-shadow:#959da533 0 4px 10px;width:calc(100% - 4em);overflow:hidden;position:relative}#main-layout main #graph-overview-container #graphs-container .graph-container h6{font-size:17px;font-family:sans-serif;margin:0 0 1em}#main-layout main #graph-overview-container #graphs-container .graph-container .graph-loading-screen{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#eee9;display:flex;align-items:center;justify-content:center}#main-layout main #graph-overview-container #graphs-container .graph-container .graph-loading-screen p{font-size:17px;font-family:sans-serif}#main-layout main #performance-overview-container #filter-container{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1em}#main-layout main #performance-overview-container #filter-container .filter-div{width:calc(100% - 4em);padding:5px}#main-layout main #performance-overview-container #filter-container .filter-div #daterange{width:300px}#main-layout main #performance-overview-container #filter-container select{padding:.5em;border:solid 1px #ccc;border-radius:5px;margin-right:.5em}#main-layout main #performance-overview-container #filter-container #filter-btn{border-radius:5px;border:solid 1px #a2d2ff;padding:.5em 1em;cursor:pointer;font-size:14px;background-color:#a2d2ff}#main-layout main #performance-overview-container #performance-container{display:flex;flex-wrap:wrap;gap:2em}#main-layout main #performance-overview-container #performance-container .performance-container{padding:2em;border-radius:20px;box-shadow:#959da533 0 4px 10px;width:calc(100% - 4em);overflow:hidden;position:relative}#main-layout main #performance-overview-container #performance-container .performance-container h6{font-size:17px;font-family:sans-serif;margin:0 0 1em}#main-layout main #performance-overview-container #performance-container .performance-container #performance-table{width:100%}#main-layout main #performance-overview-container #performance-container .performance-container #performance-table td:last-child{width:10%}#main-layout main #performance-overview-container #performance-container .performance-container #performance-table .view-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#a2d2ff}#main-layout main #performance-overview-container #performance-container .performance-container #performance-table .view-btn svg{height:15px;width:15px}#main-layout main #loadingModal{font-family:sans-serif;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1;display:flex;justify-content:center;align-items:center}#main-layout main #loadingModal .modal-content{background-color:#fff;padding:20px;border-radius:5px;text-align:center}#main-layout main #job-container{font-family:sans-serif}#main-layout main #job-container #filter-container{display:flex;align-items:center;margin-bottom:1em}#main-layout main #job-container #filter-container .filter-div{margin-right:.5em}#main-layout main #job-container #filter-container select{padding:.5em;border:solid 1px #ccc;border-radius:5px;margin-right:.5em}#main-layout main #job-container #filter-container button{border-radius:5px;border:solid 1px #a2d2ff;padding:.5em 1em;cursor:pointer;font-size:14px;background-color:#a2d2ff}#main-layout main #job-container #job-table{width:100%}#main-layout main #job-container #job-table td:last-child{width:10%}#main-layout main #job-container #job-table .view-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#a2d2ff}#main-layout main #job-container #job-table .view-btn svg{height:15px;width:15px}#main-layout main #job-detail-container{font-family:sans-serif}#main-layout main #job-detail-container #job-detail-header{margin-left:.25em}#main-layout main #job-detail-container #job-detail-header h2{font-size:22px;margin:0 0 1em}#main-layout main #job-detail-container #job-detail-body{display:flex;justify-content:space-between;flex-wrap:wrap}#main-layout main #job-detail-container #job-detail-body .field-container{width:calc(50% - 10px);font-size:17px;margin-bottom:1em}#main-layout main #job-detail-container #job-detail-body .field-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #job-detail-container #job-detail-body .field-container p{margin:0;background-color:#eee;padding:.75em;border-radius:5px}#main-layout main #job-detail-container #job-detail-body .job-progress-container{width:100%}#main-layout main #job-detail-container #job-detail-body .job-progress-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #job-detail-container #job-detail-body .job-progress-container table{width:100%;border:none;border-collapse:collapse}#main-layout main #job-detail-container #job-detail-body .job-progress-container table thead{background-color:#eee}#main-layout main #job-detail-container #job-detail-body .job-progress-container table tr{border-bottom:1px solid black}#main-layout main #job-detail-container #job-detail-body .job-progress-container table tr td{padding:.5em}#main-layout main #job-detail-container #job-detail-body .job-progress-container table tr td img{height:7.5em;width:7.5em}#main-layout main #project-container{font-family:sans-serif}#main-layout main #project-container #filter-container{display:flex;align-items:center;margin-bottom:1em}#main-layout main #project-container #filter-container select{padding:.5em;border:solid 1px #ccc;border-radius:5px;margin-right:.5em}#main-layout main #project-container #filter-container button{border-radius:5px;border:solid 1px #a2d2ff;padding:.5em 1em;cursor:pointer;font-size:14px;background-color:#a2d2ff}#main-layout main #project-container #project-table{width:100%}#main-layout main #project-container #project-table td:last-child{width:10%}#main-layout main #project-container #project-table .view-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#a2d2ff}#main-layout main #project-container #project-table .view-btn svg{height:15px;width:15px}#main-layout main #project-detail-container{font-family:sans-serif}#main-layout main #project-detail-container #project-detail-header{margin-left:.25em}#main-layout main #project-detail-container #project-detail-header h2{font-size:22px;margin:0 0 1em}#main-layout main #project-detail-container #project-detail-body{display:flex;justify-content:space-between;flex-wrap:wrap}#main-layout main #project-detail-container #project-detail-body #job-container{width:100%}#main-layout main #project-detail-container #project-detail-body #job-container .job-container-title{display:block;margin-left:.25em;font-size:17px;margin-bottom:1em}#main-layout main #project-detail-container #project-detail-body .field-container{width:calc(50% - 10px);font-size:17px;margin-bottom:1em}#main-layout main #project-detail-container #project-detail-body .field-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #project-detail-container #project-detail-body .field-container p{margin:0;background-color:#eee;padding:.75em;border-radius:5px}#main-layout main #project-detail-container #project-detail-body .job-list-container{width:100%}#main-layout main #project-detail-container #project-detail-body .job-list-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #project-detail-container #project-detail-body .job-list-container table{width:100%;border:none;border-collapse:collapse}#main-layout main #project-detail-container #project-detail-body .job-list-container table thead{background-color:#eee}#main-layout main #project-detail-container #project-detail-body .job-list-container table tr{border-bottom:1px solid black}#main-layout main #project-detail-container #project-detail-body .job-list-container table tr td{padding:.5em}#main-layout main #project-detail-container #project-detail-body .job-list-container table tr td img{height:7.5em;width:7.5em}#main-layout main #project-detail-container #project-detail-body .job-list-container table .view-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#a2d2ff}#main-layout main #project-detail-container #project-detail-body .job-list-container table .view-btn svg{height:15px;width:15px}#main-layout main #create-user-container{font-family:sans-serif}#main-layout main #create-user-container .alert{margin-bottom:1em}#main-layout main #create-user-container #create-user-header h2{font-size:22px;margin:0 0 1em}#main-layout main #create-user-container #create-user-body .field-container{width:calc(50% - 10px);font-size:17px;margin-bottom:1em;display:flex;flex-direction:column}#main-layout main #create-user-container #create-user-body .field-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #create-user-container #create-user-body .field-container input,#main-layout main #create-user-container #create-user-body .field-container select{margin:0;padding:.5em;border-radius:5px;border:solid 1px #ccc}#main-layout main #create-user-container #create-user-body button{cursor:pointer;border-radius:5px;text-decoration:none;color:#000;background-color:#a2d2ff;padding:.5em 1em;display:inline-block;font-size:14px;border:none}#main-layout main #login-container{font-family:sans-serif}#main-layout main #login-container .alert{margin-bottom:1em}#main-layout main #login-container #login-header h2{font-size:22px;margin:0 0 1em}#main-layout main #login-container #login-body .field-container{width:calc(50% - 10px);font-size:17px;margin-bottom:1em;display:flex;flex-direction:column}#main-layout main #login-container #login-body .field-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #login-container #login-body .field-container input,#main-layout main #login-container #login-body .field-container select{margin:0;padding:.5em;border-radius:5px;border:solid 1px #ccc}#main-layout main #login-container #login-body button{cursor:pointer;border-radius:5px;text-decoration:none;color:#000;background-color:#a2d2ff;padding:.5em 1em;display:inline-block;font-size:14px;border:none}#main-layout main #team-container{font-family:sans-serif}#main-layout main #team-container .alert{margin-bottom:1em}#main-layout main #team-container #team-action-container{margin-bottom:1.5em;display:flex;justify-content:flex-end}#main-layout main #team-container #team-action-container a{border-radius:5px;text-decoration:none;color:#000;background-color:#a2d2ff;padding:.75em;display:inline-block;font-size:14px}#main-layout main #team-container #team-table{width:100%}#main-layout main #team-container #team-table td:last-child{width:10%}#main-layout main #team-container #team-table .edit-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#ffc6a2}#main-layout main #team-container #team-table .edit-btn svg{height:15px;width:15px}#main-layout main #team-container #team-table .view-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#a2d2ff}#main-layout main #team-container #team-table .view-btn svg{height:15px;width:15px}#main-layout main #create-team-container,#main-layout main #edit-team-container{font-family:sans-serif}#main-layout main #create-team-container #create-team-header h2,#main-layout main #create-team-container #edit-team-header h2,#main-layout main #edit-team-container #create-team-header h2,#main-layout main #edit-team-container #edit-team-header h2{font-size:22px;margin:0 0 1em}#main-layout main #create-team-container #create-team-body .field-container,#main-layout main #create-team-container #edit-team-body .field-container,#main-layout main #edit-team-container #create-team-body .field-container,#main-layout main #edit-team-container #edit-team-body .field-container{width:calc(50% - 10px);font-size:17px;margin-bottom:1em;display:flex;flex-direction:column}#main-layout main #create-team-container #create-team-body .field-container span,#main-layout main #create-team-container #edit-team-body .field-container span,#main-layout main #edit-team-container #create-team-body .field-container span,#main-layout main #edit-team-container #edit-team-body .field-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #create-team-container #create-team-body .field-container input,#main-layout main #create-team-container #edit-team-body .field-container input,#main-layout main #edit-team-container #create-team-body .field-container input,#main-layout main #edit-team-container #edit-team-body .field-container input{margin:0;padding:.5em;border-radius:5px;border:solid 1px #ccc}#main-layout main #create-team-container #create-team-body button,#main-layout main #create-team-container #edit-team-body button,#main-layout main #edit-team-container #create-team-body button,#main-layout main #edit-team-container #edit-team-body button{cursor:pointer;border-radius:5px;text-decoration:none;color:#000;background-color:#a2d2ff;padding:.5em 1em;display:inline-block;font-size:14px;border:none}#main-layout main #job-desc-container{font-family:sans-serif}#main-layout main #job-desc-container .alert{margin-bottom:1em}#main-layout main #job-desc-container #job-desc-action-container{margin-bottom:1.5em;display:flex;justify-content:flex-end}#main-layout main #job-desc-container #job-desc-action-container a{border-radius:5px;text-decoration:none;color:#000;background-color:#a2d2ff;padding:.75em;display:inline-block;font-size:14px}#main-layout main #job-desc-container #job-desc-table{width:100%}#main-layout main #job-desc-container #job-desc-table td:last-child{width:10%}#main-layout main #job-desc-container #job-desc-table .edit-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#ffc6a2}#main-layout main #job-desc-container #job-desc-table .edit-btn svg{height:15px;width:15px}#main-layout main #job-desc-container #job-desc-table .delete-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;height:35px;width:35px;background-color:#f16868}#main-layout main #job-desc-container #job-desc-table .delete-btn svg{height:15px;width:15px}#main-layout main #create-job-desc-container,#main-layout main #edit-job-desc-container{font-family:sans-serif}#main-layout main #create-job-desc-container #create-job-desc-header h2,#main-layout main #create-job-desc-container #edit-job-desc-header h2,#main-layout main #edit-job-desc-container #create-job-desc-header h2,#main-layout main #edit-job-desc-container #edit-job-desc-header h2{font-size:22px;margin:0 0 1em}#main-layout main #create-job-desc-container #create-job-desc-body .field-container,#main-layout main #create-job-desc-container #edit-job-desc-body .field-container,#main-layout main #edit-job-desc-container #create-job-desc-body .field-container,#main-layout main #edit-job-desc-container #edit-job-desc-body .field-container{width:calc(50% - 10px);font-size:17px;margin-bottom:1em;display:flex;flex-direction:column}#main-layout main #create-job-desc-container #create-job-desc-body .field-container span,#main-layout main #create-job-desc-container #edit-job-desc-body .field-container span,#main-layout main #edit-job-desc-container #create-job-desc-body .field-container span,#main-layout main #edit-job-desc-container #edit-job-desc-body .field-container span{display:block;margin-left:.25em;margin-bottom:.25em}#main-layout main #create-job-desc-container #create-job-desc-body .field-container input,#main-layout main #create-job-desc-container #edit-job-desc-body .field-container input,#main-layout main #edit-job-desc-container #create-job-desc-body .field-container input,#main-layout main #edit-job-desc-container #edit-job-desc-body .field-container input{margin:0;padding:.5em;border-radius:5px;border:solid 1px #ccc}#main-layout main #create-job-desc-container #create-job-desc-body button,#main-layout main #create-job-desc-container #edit-job-desc-body button,#main-layout main #edit-job-desc-container #create-job-desc-body button,#main-layout main #edit-job-desc-container #edit-job-desc-body button{cursor:pointer;border-radius:5px;text-decoration:none;color:#000;background-color:#a2d2ff;padding:.5em 1em;display:inline-block;font-size:14px;border:none}#main-layout main .alert p{margin:0;font-size:17px;padding:.75em;border-radius:5px}#main-layout main .alert .success{border:solid 1.5px darkgreen;background-color:#00640033;color:#006400}#main-layout main .alert .fail{border:solid 1.5px red;background-color:#f003;color:red}#main-layout main .err-msg{margin:.25em 0 0;font-size:14px;color:red}