body{box-sizing:border-box;font-family:"SF Pro Display",sans-serif;margin:0;padding:0;overflow-y:hidden;overflow-x:hidden;touch-action:pan-y}.justify-content-between{justify-content:space-between!important}.mb-20{margin-bottom:20px!important}.offcanvas-backdrop{z-index:3!important}.background{position:fixed;left:0;top:0;bottom:0;right:0;z-index:1;background-image:url(/asset-webview/hris/images/background-transports.png);background-repeat:no-repeat;background-size:100% auto;background-position:top}.header{display:flex;align-items:center;height:65px;width:100%;padding:0 1rem;position:relative;z-index:2;margin-bottom:8.7rem}.header .btn-link{outline:0;background:0 0;border:none;cursor:pointer;padding:0;text-decoration:none;transition:all .2s ease;display:flex;align-items:center;column-gap:8px;padding:0 4px;border-radius:4px}.header .btn-link:active{background-color:rgba(195,195,195,.25)}.body{background-color:#fff;width:100%;position:relative;height:100dvh;border-radius:28px 28px 0 0;z-index:2}.body .card{background-color:transparent;display:flex;width:100%;padding:24px 28px;border:none}.body .card .card-header{padding:0;margin:0;border:none;font-weight:600;font-size:17px;line-height:22px;letter-spacing:-.43px;margin-bottom:1rem}.body .card .card-body{padding:0;margin:0;border:none;display:flex;flex-direction:column}.body .card .card-body .field-group{display:flex;align-items:center;width:100%;height:54px;background-color:#f4f9ff;border:1px solid #e5f2ff;padding:8px 1.25rem;border-radius:8px}.body .card .card-body .field-group:not(:last-child){margin-bottom:7px}.body .card .card-body .field-group .input-group{display:flex;flex-direction:column;flex-wrap:nowrap;gap:1px;height:100%;width:100%}.body .card .card-body .field-group .input-group label{margin:0;font-weight:500;font-size:12px;line-height:16px;letter-spacing:0;color:rgba(0,0,0,.3)}.body .card .card-body .field-group .input-group select{margin:0;padding:0;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:none;outline:0;background:0 0;font-weight:500;font-size:16px;line-height:21px;letter-spacing:-.31px;color:#000}.body .card .card-body .field-group .input-group select .placeholder{color:rgba(0,0,0,.5)}.body .card .card-body .field-group .input-group input{margin:0;padding:0;border:none;outline:0;background:0 0;font-weight:500;font-size:16px;line-height:21px;letter-spacing:-.31px;color:#000}.body .card .card-body .field-group .label{font-weight:500;font-size:16px;line-height:21px;letter-spacing:-.31px;color:#000}.body .card .card-body .field-group .counter-group{display:flex;align-items:center;gap:12px}.body .card .card-body .field-group .counter-group .btn-icon{border:none;outline:0;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;font-weight:500;font-size:17px;line-height:21px;letter-spacing:-.31px;border-radius:100%;height:24px;width:24px;padding:0}.body .card .card-body .btn-primary{outline:0;border:none;border-radius:8px;display:flex;justify-content:center;align-items:center;height:46px;width:100%;background-color:#007aff;color:#fff;font-weight:500;font-size:17px;line-height:22px;letter-spacing:-.43px}.body .card .card-body .btn-primary:active{background-color:#0069d9}.body .card .card-body .btn-primary:disabled{background-color:#d9d9d9;color:#000}.footer{z-index:5;position:absolute;bottom:0;left:0;right:0;width:100%;height:61px;background-color:#fff;border-top:1px solid #d9d9d9;display:flex;align-items:center;justify-content:space-between;padding:15px 21px}.footer .icon-container{position:relative;height:100%;width:10%;display:flex;justify-content:center;align-items:center}.footer .icon-container .btn-icon{outline:0;border:none;background:0 0;background-color:transparent;display:flex;justify-content:center;align-items:center;height:32px;width:32px;border-radius:100%}.footer .icon-container .btn-icon:active{background-color:#d9d9d9}.footer .icon-container .counter-item{background-color:#007aff;color:#fff;font-weight:600;font-size:11px;line-height:13px;letter-spacing:.06px;display:flex;justify-content:center;align-items:center;height:16px;width:16px;border-radius:100%;position:absolute;top:0;right:0;transform:translate(10px,-2px)}.footer .action-container{display:flex;justify-content:flex-end;align-items:center;height:100%;width:90%;gap:9px}.footer .action-container .nominal-value{font-weight:500;font-size:16px;line-height:21px;letter-spacing:-.31px;color:#000}.footer .action-container .btn-secondary{outline:0;border:none;box-shadow:none;font-weight:500;font-size:11px;line-height:13px;letter-spacing:.06px;color:#000;display:flex;justify-content:center;align-items:center;height:37px;width:107px;border-radius:6px;background-color:#ffa41b}.footer .action-container .btn-secondary:active{background-color:#cc7a00}.footer .action-container .btn-secondary:disabled{background-color:#d9d9d9}#preview-offcanvas{border-radius:30px 30px 0 0;z-index:4;min-height:70dvh;max-height:75dvh}#preview-offcanvas .offcanvas-header h5{font-weight:600;font-size:20px;line-height:25px;letter-spacing:-.45px;color:#000;margin-bottom:0}#preview-offcanvas .offcanvas-body{display:flex;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;padding:0 18px 20px 18px;max-height:calc(100% - 117px)}#preview-offcanvas .offcanvas-body .list-item{display:flex;padding-bottom:5px}#preview-offcanvas .offcanvas-body .list-item:not(:last-child){border-bottom:1px solid #d9d9d9}#preview-offcanvas .offcanvas-body .list-item .label-container{flex:1;display:flex;flex-direction:column;gap:2px}#preview-offcanvas .offcanvas-body .list-item .label-container .label-title{font-weight:500;font-size:17px;line-height:22px;letter-spacing:-.43px;color:#000}#preview-offcanvas.offcanvas-body.list-item.label-container.label-subtitle{font-weight:500;font-size:15px;line-height:20px;letter-spacing:-.23px;color:#000}#preview-offcanvas .offcanvas-body .list-item .subtotal-value{font-weight:600;font-size:17px;line-height:22px;letter-spacing:-.43px;text-align:right;color:#ffa41b;margin-right:1rem}#preview-offcanvas .offcanvas-body .list-item .action-item{height:100%;display:flex}#preview-offcanvas .offcanvas-body .list-item .action-item .btn-icon{outline:0;border:none;background:0 0;background-color:transparent;display:flex;justify-content:center;align-items:center;height:24px;width:24px;border-radius:100%}#preview-offcanvas .offcanvas-body .list-item .action-item .btn-icon:active{background-color:#d9d9d9}.alert-primary{background-color:rgba(255,164,27,1);border-color:rgba(255,164,27,1);position:fixed;transform:translateX(-25%);top:60px;left:30%;right:0;z-index:9999;border-radius:10px}