@charset "UTF-8";html{font-size:100%}html,body{height:100%;width:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;font-family:Cathay Sans}.mat-drawer-content{height:800vh!important}@media(max-width:800px){.mat-drawer-content{width:100%!important}}.mat-option{line-height:12px}.bottom-table .mdc-data-table__row:last-child>.mat-mdc-cell{border-bottom:1px solid rgba(0,0,0,.12)}th.custom-th{position:relative;width:150px;border-bottom:none;font-family:Cathay Sans;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#4c4c4c}td.custom-td{position:static;font-family:Cathay Sans;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#4c4c4c}.custom-table-header-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.page-container{width:100%;padding:24px 50px;background-color:#fff;box-sizing:border-box}@media(max-width:768px){.page-container{padding:16px;max-width:100%}.page-title{font-size:24px}}.basic-text{display:block;font-family:Cathay Sans;font-style:normal;font-weight:700;font-size:16px;line-height:20px;letter-spacing:.266667px;color:#4c4c4c}.inst-div{width:100%;background:#fff;border:1px solid #C6C2C1;border-radius:16px;box-sizing:border-box;padding:20px;margin-bottom:24px}.mlm-desc{font-family:Cathay Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#4c4c4c;display:block}.mat-mdc-dialog-title.mdc-dialog__title.mlm-title{font-weight:700;font-size:22px;color:#4c4c4c}.accordion-arrow{font-size:20px;margin-right:8px;color:#005d63}.mb-2{margin-bottom:.5rem!important}.mt-5{margin-top:1.25rem!important}.mt-3{margin-top:.75rem!important}.mt-20p{margin-top:20px!important}.mr-3{margin-right:.75rem!important}.ml-auto{margin-left:auto!important}.float-right{float:right!important}.text-right{text-align:right!important}.p-0{padding:0!important}.pl-0{padding-left:0!important}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.breadcrumb-separator{font-size:18px;color:gray;margin-top:2px}@media(max-width:500px){.breadcrumb{display:none!important}}.breadcrumb-link{font-family:Cathay Sans;font-size:15px;line-height:18px;color:#116f9a;text-decoration:none;cursor:pointer}.breadcrumb-current{color:#4c4c4c;font-size:15px;line-height:18px;text-decoration:none}.side-menu-collapse .mat-expansion-indicator svg{fill:#fff!important}.page-title{font-family:Cathay Sans;font-weight:700;font-size:32px;line-height:36px;color:#4c4c4c;margin:0 0 24px}.search-section{margin-bottom:24px}.search-form{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.year-field{width:213px;border-radius:6px;height:52px;background:#fff;border:2px solid #4C4C4C}.year-field.mat-form-field-appearance-fill .mat-mdc-form-field-flex{padding:.25em .25em 0}.year-field.mat-form-field-appearance-fill .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding:1em 0 .25em}.get-record-btn{width:125px;height:52px!important;background:#fff!important;border:2px solid #116F9A!important;border-radius:8px!important}button.mdc-button.primary-btn{height:55px;width:145px;background:#11709a;border:.5px solid rgba(0,0,0,.2);border-radius:8px}.primary-btn-txt{font-weight:700;font-size:14px;color:#fff!important}.grey-box{border:1px solid #C6C2C1!important;border-radius:4px!important}.row{display:flex;gap:10px}.form-column{display:flex;flex-direction:column;gap:10px}.mat-mdc-raised-button.get-record-btn:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-expansion-panel-header[aria-disabled=true]{color:#00000042!important}.btn-txt{font-family:Cathay Sans;font-weight:700;font-size:14px;line-height:18px;text-align:center;color:#116f9a}.label{font-family:Cathay Sans;font-weight:400;font-size:14px;line-height:18px;color:#808285}.content{margin-top:4px;font-family:Cathay Sans;font-weight:400;font-size:15px;color:#4c4c4c}.data-section{display:flex;flex-direction:column;gap:24px}.personal-info-section{width:100%}.message-box{display:flex;justify-content:space-between;padding:12px 16px;border-radius:4px;margin:16px 0;width:100%;max-width:450px;position:absolute;top:30px;right:100px}.success-message{background:#387e79f2}.error-message{background:#a11616;color:red;font-family:Cathay Sans}.error-message.message-box{color:#fff}.message-text{font-family:Cathay Sans;font-size:14px;line-height:20px;color:#fff;flex:1}.alert-danger{color:red;font-size:16px}.no-record{text-align:center;font-size:18px;color:red}.modal-form{display:flex;flex-direction:column;gap:12px}.close-icon{cursor:pointer;color:#fff;font-weight:bolder;font-size:small;padding:0 8px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.section-title{font-family:Cathay Sans;font-weight:700;font-size:16px;line-height:20px;letter-spacing:.266667px;color:#005d63;margin:0}.primary-text{color:#005d63!important}.instruction-content{font-family:Cathay Sans;font-size:14px;line-height:24px;color:#4c4c4c}.instruction-content ul,.instruction-content ol{margin:0;padding-left:20px}.instruction-content li{margin-bottom:8px}.mat-mdc-raised-button.primary{width:193px;height:45px;cursor:pointer;border-radius:10px}.mat-mdc-raised-button.primary.mat-mdc-button-disabled{border:.5px solid rgba(0,0,0,.2)}.mat-mdc-raised-button.primary .pri-button-text{font-family:Cathay Sans;font-weight:700;font-size:14px;color:#fff}.readonly .mat-mdc-text-field-wrapper.mdc-text-field{background-color:#f2f2f3!important}.readonly div .mat-mdc-form-field-focus-overlay{background-color:#f2f2f3!important;pointer-events:none}.readonly .mdc-floating-label.mat-mdc-floating-label{pointer-events:none!important}.custom-tooltip{background-color:#4c4c4c!important;color:#fff!important;font-family:Cathay Sans;font-size:11px;line-height:14px;border-radius:4px}.leave-form-field.large-dropdown .mat-mdc-select-trigger{height:52px}.spinner{display:flex;align-items:center;justify-content:center;height:100px;background:#fff}.spinner svg circle{stroke:#04665f!important}.spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#04665f!important}.mat-mdc-progress-bar.mdc-linear-progress{color:#04665f!important}.mat-mdc-paginator-container{display:flex;align-items:center;justify-content:flex-start!important}.mat-mdc-paginator-range-label{margin:0 32px 0 0!important}.custom-page .mat-mdc-form-field-infix{padding:8px 5px}.custom-page .mat-mdc-paginator-range-label,.custom-page .mat-mdc-paginator-page-size-label{color:#116f9a;font-size:14px}.mat-mdc-form-field.mat-mdc-paginator-page-size-select .mdc-notched-outline__leading{border-left:none}.mat-mdc-form-field.mat-mdc-paginator-page-size-select .mat-mdc-notch-piece{border-top:none;border-bottom:none}.mat-mdc-form-field.mat-mdc-paginator-page-size-select .mdc-notched-outline__trailing{border-right:none}.mat-datepicker-content .mat-calendar{background:#fff;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;background-color:#fff;color:#000000de}mat-datepicker-content.mat-datepicker-content .mat-calendar-next-button,mat-datepicker-content.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle{color:#0000008a!important;border:none!important}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:#00000061!important}.mat-calendar-content .mat-calendar-table .mat-calendar-body-label{color:#0000008a;font-size:14px}.mat-calendar-content .mat-calendar-table .mat-calendar-table-header th.mat-calendar-table-header-divider{padding:0;border-bottom:1px solid rgba(0,0,0,.26)!important}.mat-calendar-content .mat-calendar-table .mat-calendar-table-header tr{color:#0000008a!important;font-size:12px}.mat-calendar-content .mat-calendar-table .mat-calendar-body-disabled{cursor:default;color:#d3d3d3}.mat-calendar-content .mat-calendar-table .mat-calendar-body-disabled .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none!important}.mat-calendar-content .mat-calendar-table .start-date-highlight .mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:#b1bae7!important;color:#000!important}.mat-calendar-content .mat-calendar-table .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#3f51b559!important}.mat-calendar-content .mat-calendar-table .mat-calendar-body-cell-content.mat-focus-indicator{font-size:12px}.mat-calendar-content .mat-calendar-table .mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-selected{background-color:#757575!important;color:#fff!important}.year-field .mat-mdc-form-field-required-marker.mdc-floating-label--required,.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align,.mat-mdc-form-field .mdc-line-ripple{display:none!important}.mat-mdc-raised-button.mat-mdc-button-disabled,.mat-mdc-raised-button.primary.mat-mdc-button-disabled,.mat-mdc-raised-button.warn.mat-mdc-button-disabled{background-color:#0000001f!important}.update-form .mdc-icon-button.mat-mdc-icon-button,.modify-leave-form .mdc-icon-button.mat-mdc-icon-button,.mat-datepicker-toggle .mdc-icon-button.mat-mdc-icon-button{border:none!important;color:#0000008a}.update-form .mdc-icon-button.mat-mdc-icon-button svg,.modify-leave-form .mdc-icon-button.mat-mdc-icon-button svg,.mat-datepicker-toggle .mdc-icon-button.mat-mdc-icon-button svg{width:18px;height:18px}.mat-mdc-paginator .mdc-icon-button.mat-mdc-icon-button{border:none!important}.date-field .mdc-text-field--no-label .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:16px}.mdc-icon-button.mat-mdc-icon-button{border:.85px solid #D6D8D9!important;border-radius:3.4px!important;color:#116f9a}.mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-disabled{color:#00000042}.mat-mdc-raised-button.primary:not(.mat-mdc-button-disabled) .mat-focus-indicator{background:#11709a}.mat-mdc-select-panel-above div.mat-mdc-select-panel,div.mat-mdc-select-panel,.mat-mdc-select-panel.mdc-menu-surface.mdc-menu-surface--open.mat-primary{background-color:#fff!important}.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),div.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),.mat-mdc-select-panel.mdc-menu-surface.mdc-menu-surface--open.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background:#0000001f}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){color:#3f51b5}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mat-pseudo-checkbox{display:none}.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker):after{content:none!important}div.mat-mdc-select-panel{padding:8px 0 0!important}.crew-record .mat-mdc-option .mdc-list-item__primary-text{line-height:15px!important}.closed-box .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--filled{border-radius:5px!important;border:1px solid black}.grey-box.mat-form-field-appearance-outline .mdc-notched-outline{color:#0000001f}.grey-box.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper{margin-right:10px}.grey-box.mat-form-field-appearance-outline .mat-mdc-select-value-text{margin-left:15px}.mat-mdc-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{opacity:.03!important;background-color:#fff!important}.mat-mdc-checkbox-checked.mat-accent .mdc-form-field .mdc-checkbox{color:#4c4c4c!important}.mat-mdc-checkbox-checked.mat-primary .mdc-form-field .mdc-checkbox{color:#3f51b5!important}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark{color:#fff!important}.mat-mdc-checkbox-checked.mat-accent .mdc-checkbox__background,.mat-mdc-checkbox-indeterminate.mat-accent .mdc-checkbox__background{background-color:#4c4c4c!important}.mat-mdc-checkbox-checked.mat-primary .mdc-checkbox__background,.mat-mdc-checkbox-indeterminate.mat-primary .mdc-checkbox__background{background-color:#3f51b5!important}.mat-mdc-checkbox-checked.mat-accent .mdc-checkbox__background .mdc-checkbox__checkmark{width:13px;height:12px}.mat-mdc-checkbox-ripple .mat-ripple-element,.mat-mdc-checkbox-checked.mat-accent .mdc-checkbox__background{background-color:#4c4c4c!important}