body{color:#700000;margin:0;padding:0;position:relative}.table-section{position:relative;margin-top:0;padding-top:70px;flex:1;background-color:#fff;display:flex;flex-direction:column;align-self:start;justify-content:flex-start;overflow-y:auto;z-index:0;width:79.5%}.data-table{width:100%;box-shadow:0 4px 8px rgba(0,0,0,.2);border-collapse:collapse;margin-top:0;margin-left:0;align-items:left}.data-table td,.data-table th{border:1px solid #8b8787;padding:10px 0;text-align:center;color:#000;margin-top:0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.searchbox{position:relative;margin-top:0;margin-bottom:0;padding:60px 0;width:24%;background-color:#fff;margin-left:90%;box-shadow:0 4px 8px rgba(0,0,0,.2);padding-bottom:0;align-self:right;bottom:0;position:sticky;height:917px;z-index:0;align-items:right}.dropdown-container{position:relative;display:inline-block;width:80%;border:2px #000;border-radius:8px;box-shadow:0 4px 6px #8a8989;background-color:#fff;overflow:hidden;margin-top:20px;margin-left:20px;margin-right:0;padding:20px}.select{width:100%;padding:20px;border:none;outline:none;background:transparent;font-size:40px}.select option{padding:10px;font-size:30px}.select option:checked{background-color:#e0e0e0;color:#333}.filter-section{padding:30px;background-color:#fff;margin-top:10px}.filter-heading{font-weight:700;margin-bottom:10px;text-align:left;font-size:22px}.filter-row{display:flex;margin-bottom:10px;margin-top:20px;border:none;width:100%;font-size:14px;outline:none}.filter-row,.filter-row input{padding:10px 0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.filter-row input{margin-right:10px}.filter-row1{display:flex;margin-bottom:10px;margin-top:20px;border:none;width:100%;font-size:14px;outline:none}.filter-row1,.filter-row1 input{padding:10px 0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.filter-row1 input{margin-right:10px}.button-container{display:flex;justify-content:flex-start;margin-top:20px;margin-bottom:10px}.clear-button,.filter-button{background-color:transparent;color:#fff;border:none;width:350px;padding:7px 50px;margin-right:10px;margin-left:10px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.clear-button:hover{background-color:#921d1d;transform:scale(.95)}.filter-button:hover{background-color:#02092b;transform:scale(.95)}.clear-button:active{background-color:#921d1d;transform:scale(.95)}.filter-button:active{background-color:#02092b;transform:scale(.95)}.clear-button{background-color:#921d1d}.filter-button{background-color:#02092b}.classes-box{border:1px solid #ccc;margin-top:10px;padding:10px;max-height:200px;overflow-y:auto;border-radius:5px}.class-item{padding:2px;margin:4px 0;border-bottom:1px solid #eee;border-top:0;font-size:18px;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.no-classes-message{padding:4px;color:red}ul[data-v-4869cec2]{list-style:none}button.m-1[data-v-4869cec2]:hover{background-color:#e0e0e0}.btn-group>.btn[data-v-4869cec2]:first-child{margin-left:10px}.modal-overlay[data-v-4869cec2]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.products-modal[data-v-4869cec2]{background-color:#fff;max-width:90%;min-width:60%;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);position:relative;display:block;z-index:1001}.page-item.selected[data-v-a940e7c6]{background-color:#02092b}.page-item.active[data-v-a940e7c6]{z-index:0!important}.modal-overlay[data-v-455e412e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.products-modal[data-v-455e412e]{background-color:#fff;max-width:90%;min-height:30%;min-width:40%;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);position:relative;display:block;z-index:1001}.productsearch[data-v-455e412e],.specificdropdown[data-v-455e412e]{height:40px;margin-bottom:10px;width:80%}.modal-content[data-v-455e412e]{border:#fff}.saveButton[data-v-455e412e]{background-color:#0a407a;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;margin-bottom:auto;font-family:Verdana,Geneva,Tahoma,sans-serif;align-self:center}.eye-icon[data-v-455e412e]{position:absolute;top:58px;right:20px;cursor:pointer;color:grey}input[type=password][data-v-455e412e],input[type=text][data-v-455e412e]{width:100%;margin-bottom:20px;height:40px;padding:10px;border:1px solid #ccc;border-radius:4px}h2[data-v-455e412e]{margin-bottom:1.5rem}.alert-danger[data-v-455e412e]{color:red;background-color:#f8d7da;border-color:#f5c6cb;margin-bottom:0;margin-top:30px}.welcome-title{margin:5px 0}.login-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:10px;width:700px;height:320px;margin:10px auto 0 auto}.logo{margin:20px auto 0 auto}.login-header{background-color:#b3c5f7;text-align:left;height:70px;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:left;align-items:center}.input-container{margin-bottom:20px;font-family:Helvetica}input[type=password],input[type=text]{width:100%;height:40px;padding:10px;border:1px solid #ccc;border-radius:4px}button[type=login]{border-radius:80px;box-shadow:0 4px 8px rgba(0,0,0,.2);background-color:#0a407a;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#042344}h1{font-family:Helvetica,Arial,sans-serif}.error-message{color:red;font-size:14px;width:90%}.space{height:20px}span[data-v-32db5f4e]:hover{cursor:pointer;color:blue}.container-fluid-trainee[data-v-32db5f4e]{padding-top:10px;margin-left:1%;margin-right:1%}button.btn#addlogbookButton[data-v-32db5f4e]{padding:10px 10px;font-size:16px;width:180px;height:40px;margin-top:0;margin-bottom:15px;margin-right:20px;border:1px solid #006086;background:#2952c4;color:#fff;cursor:pointer;text-align:center;transition:transform .2s,box-shadow .2s;float:right}button.btn#addlogbookButton[data-v-32db5f4e]:hover{background-color:#0c1a61;transition:transform .2s,box-shadow .2s}button.btn#assignTraineeButton[data-v-32db5f4e]{padding:10px 10px;font-size:16px;width:200px;height:40px;margin-top:0;margin-bottom:15px;margin-right:20px;border:1px solid #006086;background:#2952c4;color:#fff;cursor:pointer;text-align:center;transition:transform .2s,box-shadow .2s;float:right}button.btn#assignTraineeButton[data-v-32db5f4e]:hover{background-color:#0c1a61;transition:transform .2s,box-shadow .2s}button.btn#importTraineeButton[data-v-32db5f4e]{padding:10px 10px;font-size:16px;width:180px;height:40px;margin-top:0;margin-bottom:15px;margin-right:20px;border:1px solid #115014;background:#2c752c;color:#fff;cursor:pointer;text-align:center;transition:transform .2s,box-shadow .2s;float:right}button.btn#importTraineeButton[data-v-32db5f4e]:hover{background-color:#184218;transition:transform .2s,box-shadow .2s}input[type=text][data-v-32db5f4e]{width:100%;height:35px;padding:10px;border:1px solid #ccc;border-radius:4px;margin-top:5px;margin-bottom:1px;margin-right:20px}input[type=text]#productFilter[data-v-32db5f4e],input[type=text]#projectFilter[data-v-32db5f4e]{padding:5px;border:1px solid #ccc;border-radius:5px;font-size:16px;width:200px;position:absolute;right:210px;top:0}input[type=text]#dobFilter[data-v-32db5f4e]{top:41px}input[type=text]#dobFilter[data-v-32db5f4e],input[type=text]#pobirthFilter[data-v-32db5f4e]{padding:5px;border:1px solid #ccc;border-radius:5px;font-size:16px;width:200px;position:absolute;right:210px}input[type=text]#pobirthFilter[data-v-32db5f4e]{top:82px}h1[data-v-32db5f4e]{padding-top:30px;margin-right:100%;padding-left:3%}.filter-container[data-v-32db5f4e]{margin:20px 0;position:absolute;width:200px;top:0;right:20px}label[data-v-32db5f4e]{margin-top:8px}.current-time-container[data-v-32db5f4e]{position:absolute;top:80px;right:10px}.data-table-trainee[data-v-32db5f4e]{width:100%;box-shadow:0 4px 8px rgba(0,0,0,.2);border-collapse:collapse;margin-left:0;align-items:left;margin-bottom:30px}.data-table-trainee td[data-v-32db5f4e],.data-table-trainee th[data-v-32db5f4e]{text-align:left;padding-left:10px}.data-table-trainee td.center-icons[data-v-32db5f4e]{text-align:center}.pagination-container[data-v-32db5f4e]{margin-top:40px;margin-bottom:0;display:flex;margin-left:3%}.edit-icon[data-v-32db5f4e]{font-size:16px;color:#615f5f;cursor:pointer;transition:color .2s,transform .2s,box-shadow .2s}.edit-icon[data-v-32db5f4e]:hover{color:#2b2a2a;cursor:pointer;transform:scale(1.1)}.delete-icon[data-v-32db5f4e]{font-size:16px;color:red;cursor:pointer;transition:color .2s,transform .2s,box-shadow .2s;padding-left:15px}.delete-icon[data-v-32db5f4e]:hover{color:#a82222;cursor:pointer;transform:scale(1.1)}.clear-filter-button[data-v-32db5f4e]{position:absolute;right:50px;top:97px;width:120px;border-radius:5px;background-color:#dee2e6;font-size:14px;height:30px;border:2px solid #000;line-height:0px}.clear-filter-button[data-v-32db5f4e]:hover{background-color:#cecece;cursor:pointer}.pagination-button-container[data-v-32db5f4e]{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.pagination-info[data-v-32db5f4e]{font-size:14px;color:#666;position:absolute;top:250px;left:50%;transform:translateX(-50%)}.wider-column[data-v-32db5f4e]{width:42%}.td-logbook[data-v-32db5f4e]{font-size:13px}.id-column[data-v-32db5f4e]{width:5%}.skinny-column[data-v-32db5f4e]{width:7%}.date-column[data-v-32db5f4e],.name-column[data-v-32db5f4e]{width:9%}h1[data-v-13996137]{padding-top:90px;margin-bottom:0;padding-bottom:0;text-align:left;margin-left:2%}.table-section[data-v-13996137]{position:relative;margin-top:0;padding-top:20px;flex:1;background-color:#fff;display:flex;flex-direction:column;align-self:start;justify-content:flex-start;overflow-y:auto;z-index:0;box-shadow:0 4px 8px rgba(0,0,0,.2);width:79.5%}div p[data-v-13996137]{text-align:left;margin-top:20px;margin-left:20px;padding:20px;color:#b90303;font-size:16px}div.explanation[data-v-13996137]{border:1px solid #c2c1c1;border-radius:5px;margin:20px}.back-button[data-v-13996137]{position:absolute;bottom:9%;right:60px;width:150px;border-radius:5px;background-color:#c1e0bf;font-size:14px;border:2px solid #000;padding:3px}.back-button[data-v-13996137]:hover{background-color:#abc7a9;cursor:pointer}ul[data-v-40b180e8]{list-style:none}button.m-1[data-v-40b180e8]:hover{background-color:#e0e0e0}.btn-group>.btn[data-v-40b180e8]:first-child{margin-left:10px}.sign-modal-overlay[data-v-40b180e8]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.sign-modal[data-v-40b180e8]{background-color:#fff;max-width:90%;min-height:10%;min-width:60%;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);position:relative;display:block;z-index:1001;top:30%;left:5%}.trainee-list-modal-overlay[data-v-3c5b4056]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}h2[data-v-3c5b4056]{margin-top:30px;font-size:30px;margin-bottom:30px}.trainee-list-modal[data-v-3c5b4056]{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.2);width:80%;max-width:1000px;padding:20px;position:relative;max-height:95%}.modal-content[data-v-3c5b4056]{overflow-y:auto}.add button[data-v-3c5b4056]{width:200px;height:40px;margin-top:20px;margin-bottom:20px;border:1px solid #006086;background:#2952c4;color:#fff;cursor:pointer;text-align:center;transition:transform .2s,box-shadow .2s}button.btn[data-v-3c5b4056]:hover{background-color:#0c1a61;transition:transform .2s,box-shadow .2s}input.form-control[data-v-3c5b4056],select.form-control[data-v-3c5b4056]{width:70%;margin-left:100px;display:inline-block;margin-bottom:25px;align-items:baseline}.form-group[data-v-3c5b4056]{margin-bottom:15px}label[data-v-3c5b4056]{margin-right:5px;position:absolute;margin-top:8px}.form-control[data-v-3c5b4056]{border-radius:5px}.form-control#start_date[data-v-3c5b4056]{border-radius:5px;width:25%;margin-left:100px;margin-right:45%}h1[data-v-3c5b4056]{margin-bottom:20px}.alert-danger[data-v-3c5b4056]{color:#ff0019;background-color:#f8d7da;border:1px solid #e6b0b6}.alert[data-v-3c5b4056]{position:relative;padding:.75rem 1.25rem;margin-bottom:0;border:1px solid transparent;border-radius:.25rem}.logbooks-header[data-v-4530eba0],h2 .trainees-header[data-v-4530eba0]{margin-left:5%;text-align:left}span[data-v-4530eba0]:hover{cursor:pointer;color:blue}.container-fluid-logbook[data-v-4530eba0]{padding-top:30px;margin-left:1%;margin-right:1%}input[type=text][data-v-4530eba0]{width:100%;height:35px;padding:10px;border:1px solid #ccc;border-radius:4px;margin-top:5px;margin-bottom:1px}h1[data-v-4530eba0]{padding-top:30px;margin-right:100%;padding-left:3%}.filter-container[data-v-4530eba0]{margin:20% 0;position:absolute;width:200px;top:10px}label[data-v-4530eba0]{margin-top:8px}.filter-select#productFilter[data-v-4530eba0]{top:6px}.filter-select#productFilter[data-v-4530eba0],.filter-select#projectFilter[data-v-4530eba0]{padding:5px;border:1px solid #ccc;border-radius:5px;font-size:16px;width:200px;position:absolute;right:210px}.filter-select#projectFilter[data-v-4530eba0]{top:50px}button.btn#addlogbookButton[data-v-4530eba0]{padding:10px 10px;font-size:16px;width:180px;height:40px;margin-top:0;margin-bottom:15px;margin-right:20px;border:1px solid #006086;background:#2952c4;color:#fff;cursor:pointer;text-align:center;transition:transform .2s,box-shadow .2s;float:right}button.btn#addlogbookButton[data-v-4530eba0]:hover{background-color:#0c1a61;transition:transform .2s,box-shadow .2s}.current-time-container[data-v-4530eba0]{position:absolute;top:90px;right:210px;display:flex;align-items:center}.data-table-trainee[data-v-4530eba0]{width:100%;box-shadow:0 4px 8px rgba(0,0,0,.2);border-collapse:collapse;margin-left:0;align-items:left;margin-bottom:30px}.data-table-trainee td[data-v-4530eba0],.data-table-trainee th[data-v-4530eba0]{text-align:left;padding-left:10px}.data-table-trainee td.center-icons[data-v-4530eba0]{text-align:center}.pagination-container[data-v-4530eba0]{margin-top:40px;margin-bottom:0;display:flex;margin-left:3%}.edit-icon[data-v-4530eba0]{font-size:16px;color:#615f5f;cursor:pointer;transition:color .2s,transform .2s,box-shadow .2s}.edit-icon[data-v-4530eba0]:hover{color:#2b2a2a;cursor:pointer;transform:scale(1.1)}span[data-v-4530eba0]{border:0}span[data-v-4530eba0]:hover{border:0;color:#111;cursor:auto}.delete-icon[data-v-4530eba0]{font-size:16px;color:red;cursor:pointer;transition:color .2s,transform .2s,box-shadow .2s;padding-left:15px}.delete-icon[data-v-4530eba0]:hover{color:#a82222;cursor:pointer;transform:scale(1.1)}.skinny-column[data-v-4530eba0]{width:10%}.id-column[data-v-4530eba0]{width:7%}.data-table-trainee th.skinny-column-select[data-v-4530eba0]{width:10%;text-align:center}.wider-column[data-v-4530eba0]{width:42%}.filter-select#projectFilter[data-v-4530eba0]:disabled{cursor:not-allowed}.clear-filter-button[data-v-4530eba0]{position:absolute;right:250px;top:92px;width:120px;border-radius:5px;background-color:#dee2e6;font-size:14px;height:30px;border:2px solid #000;line-height:0px}.clear-filter-button[data-v-4530eba0]:hover{background-color:#cecece;cursor:pointer}.pagination-button-container[data-v-4530eba0]{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.pagination-info[data-v-4530eba0]{font-size:14px;color:#666;position:absolute;top:250px;left:50%;transform:translateX(-50%)}button#generatePDFButton[data-v-4530eba0]{border-radius:5px;background-color:#c8e1fa;margin-left:10px;font-size:13px;padding:3px;max-width:40px;border:2px solid #000}button#generatePDFButton[data-v-4530eba0]:hover{background-color:#afc5db;cursor:pointer}.container.card[data-v-12883e16]{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:20px;margin-top:10px;min-width:90%;min-height:90%}input.form-control[data-v-12883e16],select.form-control[data-v-12883e16]{width:70%;margin-left:200px;display:inline-block;margin-bottom:35px;align-items:baseline}.form-group[data-v-12883e16]{margin-bottom:15px}label[data-v-12883e16]{margin-right:5px;position:absolute;margin-top:8px;font-size:18px}.add button[data-v-12883e16]{width:200px;height:40px;margin-top:20px;margin-bottom:20px;border:1px 0f57b4 solid;background:#0f57b4;color:#fff;cursor:pointer;text-align:center;transition:transform .2s,box-shadow .2s}.centered-text[data-v-12883e16]{display:flex;justify-content:center;align-items:center;flex-direction:column}p[data-v-12883e16]{padding:20px;color:#be0808;border:1px solid #cccaca;width:70%;border-radius:5px;margin-top:40px;margin-bottom:40px;font-family:math}.form-control[data-v-12883e16]{border-radius:5px}h1[data-v-12883e16]{margin-bottom:50px}.back-button[data-v-12883e16]{position:absolute;bottom:40px;left:60px;width:100px;border-radius:5px;background-color:#c1e0bf;font-size:14px;border:2px solid #000;padding:3px}.back-button[data-v-12883e16]:hover{background-color:#abc7a9;cursor:pointer}.alert-danger[data-v-12883e16]{color:#ff0019;background-color:#f8d7da;border:1px solid #e6b0b6}.alert[data-v-12883e16]{position:relative;padding:.75rem 1.25rem;margin-bottom:0;border:1px solid transparent;border-radius:.25rem}