@import"https://fonts.googleapis.com/css2?family=Ysabeau+Infant:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto&family=Syne+Mono&display=swap";body{height:100%;margin:0}.page-div{width:100%;height:100%;box-sizing:border-box;margin:0}.logo{width:100%;box-sizing:border-box;padding:10px;margin-bottom:1%}.email-logo{width:100%;height:100%;box-sizing:border-box;padding:5px}.menu{height:96%;box-sizing:border-box;width:13%;float:left;overflow-y:auto;z-index:-99;padding:0;overflow-x:hidden}.sub-menu{width:100%;display:none;box-sizing:border-box;outline:none;padding:0;border:none;margin:0;float:left}.master{width:87%;background-color:#f5f5f5;height:96%;box-sizing:border-box;float:left;border-left:5px solid #65350F;padding:4px}.auth-master{width:100%;height:100%;box-sizing:border-box;background-repeat:no-repeat;background-size:contain;background-size:cover;min-height:100vh}.auth-form{height:450px;width:300px;margin:60px;box-sizing:border-box;float:right;background:#0e0d0de6}.auth-title{padding:15px;width:100%;height:100px;background-color:transparent;box-sizing:border-box}.auth-header{padding:5px;width:100%;background-color:transparent;box-sizing:border-box;text-align:center;font-size:18px;font-family:Syne Mono,monospace;color:#fff}.auth-note{font-family:Syne Mono,monospace;font-weight:400;font-size:13px;color:#fff;padding:7px;width:86%;margin-left:7%;margin-right:7%}.auth-description{padding:10px;width:100%;height:60px;background-color:transparent;color:#fff;text-align:center;font-family:Syne Mono,monospace;font-size:17px;box-sizing:border-box}.auth-form-input{padding:7px;width:86%;margin:10px 7%;box-sizing:border-box;border-radius:3px;font-family:Syne Mono,monospace;border:1px solid blue;border:1px solid #65350F;outline:none;font-size:14px;background-color:transparent;color:#fff}.auth-action{width:86%;margin:7% 7% 0;font-family:Syne Mono,monospace;box-sizing:border-box;padding:5px;border-radius:1px;background-color:#b0fc38;color:#000;text-align:center;outline:none;border:none;font-size:20px}.form-check-input{border:1px solid red;float:left}.form-check-label{border:1px solid red;width:86%;box-sizing:border-box}.auth-link{text-decoration:none;font-family:Syne Mono,monospace;border:1px solid blue;outline:none;font-size:13px;color:#fff;box-sizing:border-box;text-align:center;width:100%;margin:7%;padding:5px;border:none}.auth-link:hover{text-decoration:underline;color:#fff}.form{width:45%;height:100%;padding:7px;box-sizing:border-box;float:right;background:#0e0d0de6}.form-title{font-family:Syne Mono,monospace;color:#fff;padding:3px;box-sizing:border-box;width:35%;margin:0 0 10px;float:left}.form-description{border-bottom:2px solid #65350F;font-family:Syne Mono,monospace;color:#fff;padding:5px;box-sizing:border-box;width:96%;float:left;margin:2%;font-size:20px;text-align:center}.form-info{font-family:Syne Mono,monospace;color:#fff;padding:3px;box-sizing:border-box;width:65%;margin:0 0 10px;background-color:transparent;outline:none;float:left;border:none;border-bottom:1px solid white}.form-select{font-family:Syne Mono,monospace;color:#ccc;padding:5px;box-sizing:border-box;width:65%;margin-bottom:10px;background-color:transparent;outline:none;border:1px solid white;float:left}.form-action{width:49.5%;border:1px solid blue;font-family:Syne Mono,monospace;box-sizing:border-box;padding:5px;border-radius:1px;background-color:#b0fc38;color:#000;text-align:center;outline:none;border:none;font-size:20px;margin:0}.master-header{border-bottom:5px solid #65350F;font-family:Ysabeau Infant,sans-serif;width:100%;box-sizing:border-box;height:40px;color:#65350f;font-size:23px;font-weight:700;text-align:top}li{list-style-type:none;background-color:transparent;float:left;box-sizing:border-box;cursor:pointer;border:1px solid #65350F;width:100%;font-size:13px;font-family:Syne Mono,monospace;color:#000;padding:3px;text-align:left;outline:none;margin:0}li:hover{background-color:#65350f;color:#fff}.active{background-color:#65350f;color:#fff;border-top:none}.btn-utilities{width:100%;text-align:left;box-sizing:border-box;outline:none;border:1px solid #65350F;font-size:13px;font-family:Syne Mono,monospace;color:#000;padding:3px;background-color:transparent}.btn-utilities:hover{background-color:#65350f;color:#fff}.show{display:block}.form-options{width:100%;height:40px;padding:4px;box-shadow:0 8px 16px #0003}.data-container{width:100%;box-sizing:border-box;box-shadow:0 8px 16px #0003;padding:0;height:545px;margin:0;overflow-x:hidden}.form-table{width:100%;box-sizing:border-box;border-collapse:collapse}.form-table th{color:#000;padding:5px;font-family:Ysabeau Infant,sans-serif;border-bottom:1px solid #ccc;overflow:hidden;white-space:nowrap;margin:0;font-size:13px}.form-table td{color:#000;padding:3px;font-family:Ysabeau Infant,sans-serif;border-bottom:1px solid #ccc;font-size:12px}.form-table2{border:1px solid red;width:100%;box-sizing:border-box;border-collapse:collapse;border:1px solid #ccc}.form-table2 th{color:#000;font-family:Ysabeau Infant,sans-serif;border-bottom:1px solid #ccc;position:sticky;position:-webkit-sticky;top:0;z-index:999;background-color:#65350f;color:#fff;font-size:13px;padding:5px}.form-table2 td{color:#000;padding:1px 1px 1px 2px;font-family:Ysabeau Infant,sans-serif;font-size:12px;border-bottom:1px solid #ccc}.form-table2 tr:nth-child(2n){background-color:#ccc}.status-btn{padding:2px;font-family:Ysabeau Infant,sans-serif;border:none;border-radius:3px;background-color:green;color:#fff;margin:0}.vacant{background-color:#dc143c}.pend,.fitout{background-color:#00f}.post{background-color:purple}.action-btn{box-sizing:border-box;font-weight:700;padding:2px;color:#00f;float:left;border:none;background-color:transparent;font-size:12px;outline:none;cursor:pointer}.delete{color:#dc143c}.view{color:purple}.print{color:orange}.bounced{color:#dc143c}.transfer{color:#65350f}.credit{color:#000}.footer{background-color:#65350f;width:100%;font-weight:700;padding:2px;color:#fff;font-size:15px;font-family:Ysabeau Infant,sans-serif;height:4%;position:absolute;bottom:0;box-sizing:border-box;margin:0}.searchtxt{border:1px solid black;font-size:13px;font-family:Ysabeau Infant,sans-serif;padding:4px;border-radius:3px 0 0 3px;outline:none;border-right:none;background-color:transparent;margin:0;box-sizing:border-box;float:left}.search-btn{font-size:13px;font-family:Ysabeau Infant,sans-serif;padding:4px;border-radius:0 3px 3px 0;background-color:transparent;font-weight:700;color:#000;border:1px solid black;border-left:none;margin:0;box-sizing:border-box;float:left;outline:none}.search-form{display:inline-block}.option-btn{float:right;font-size:13px;font-family:Ysabeau Infant,sans-serif;padding:2px;border-radius:3px;font-weight:700;color:#000;border:.5px solid black;background-color:transparent;margin-left:1%;outline:none;cursor:pointer}.page-btn{float:right;font-size:15px;font-family:Ysabeau Infant,sans-serif;padding:4px;border-radius:3px;font-weight:700;color:#000;border:1px solid black;background-color:transparent;outline:none;cursor:pointer}.pagination{display:flex;justify-content:flex-end;align-items:center;padding:0;width:max-content;float:right;height:30px;gap:2px}.pagination a,.paginated,.active-page{color:#000!important;text-decoration:none;font-size:14px;font-family:Syne Mono,monospace;padding:2px 4px;display:inline-block;line-height:1}.active-page{background-color:#8b4513!important;color:#fff!important;font-weight:700;border-radius:3px;padding:2px 6px}.pagination a:hover{background-color:#eee;border-radius:3px}.paginated{background-color:transparent;margin:0;padding:0}.application-div{background-color:#f5f5f5;width:40%;height:96%;transition:display 1s;display:none;position:fixed;right:0%;border-radius:0 0 3px 3px;color:#000;padding:10px;box-sizing:border-box;box-shadow:0 3px 8px #0003,0 6px 20px #00000030;overflow-y:auto;border:1px solid lightgrey;border:none;font-family:Syne Mono,monospace}.application-title{font-family:Syne Mono,monospace;width:100%;padding:5px;font-size:14px;font-weight:700;box-sizing:border-box;border-bottom:3px solid #65350F;margin-bottom:5px}.logged-user{float:right;box-sizing:border-box;font-family:Ysabeau Infant,sans-serif;color:#000;background-color:transparent;font-size:14px;padding:2px;margin:6px 0 6px 6px}.logout{margin-left:0;margin-top:13px}.logout:hover{color:#dc143c}.submit-btn{text-align:center;box-sizing:border-box;font-weight:700;padding:7px;color:#000;border:none;background-color:#b0fc38;font-size:14px;font-family:Syne Mono,monospace;border-radius:3px;cursor:pointer;margin-top:15px}.cancel{background-color:#dc143c}.labels{font-size:12px;font-family:Syne Mono,monospace;font-weight:700;padding:3px;color:#000;text-align:left;float:left;width:100%;box-sizing:border-box;margin:0;background-color:transparent}.form-inputs{font-size:12px;font-family:Syne Mono,monospace;padding:3px;color:#000;text-align:left;float:left;width:100%;box-sizing:border-box;background-color:transparent;border:1px solid black;border-radius:3px;outline:none}.permissions-label{font-size:14px;font-family:Syne Mono,monospace;width:50%;float:left;box-sizing:border-box;text-align:left;background-color:transparent;outline:none}.status-btn{border:1px solid red;border:none;box-sizing:border-box;text-align:center;padding:0;font-family:Ysabeau Infant,sans-serif;font-size:14px;border-radius:2px}.alert{padding:3px;background-color:green;color:#fff;border-radius:2px;text-align:center;width:100%;box-sizing:border-box;font-family:Syne Mono,monospace;font-size:14px;height:50px;z-index:99;top:0;position:absolute;opacity:.7}.alert-info{background-color:#0080ff}.alert-warning{background-color:red}.invalid-feedback{font-family:Syne Mono,monospace;font-size:14px;width:100%;color:red}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#65350f}.borderless{border:none}.sticky-header{width:100%;height:20px;top:0;position:-webkit-sticky;position:sticky;box-sizing:border-box}.max-application-div{background-color:#f5f5f5;width:60%;height:96%;transition:display 1s;display:none;position:fixed;right:0%;border-radius:0 0 3px 3px;color:#000;padding:10px;box-sizing:border-box;box-shadow:0 3px 8px #0003,0 6px 20px #00000030;overflow-y:auto;border:1px solid lightgrey;border:none;font-family:Syne Mono,monospace}.max{width:100%}.btntabledata{border-radius:2px;text-align:center;font-size:18px;border:none;box-sizing:border-box;padding:0;float:left;background-color:transparent;margin:0;outline:none}.action-form{box-sizing:border-box;float:right;width:100px}.borderless{border:none;border-bottom:1px solid black}.icon-div{position:relative;display:inline-block}.icon-div .icon-message{visibility:hidden;width:120px;background-color:#65350f;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-60px}.icon-div .icon-message:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.icon-div:hover .icon-message{visibility:visible}.load{position:fixed;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.load-text{font-size:18px;margin-top:10px;color:#333;font-family:"Exo 2",sans-serif}.load-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
