/**Login content**/
.login-wrapper{width:100%;height:100vh;overflow:hidden;background:url("../images/login-bg-img.svg")no-repeat bottom left #ffffff;background-size:cover;position:relative}
.login-wrapper .container{position:absolute;width:405px;top:45%;right:10%;transform:translateY(-45%);}
.login-wrapper .container .app-logo{width:170px;margin-bottom:25px;}
.login-wrapper .container .app-logo img{width:100%;display:block;}
.login-wrapper .container .app-login-form{width:100%;}
.login-wrapper .container .app-login-form h1{margin-bottom:15px;}
.login-wrapper .container .app-login-form p{margin-bottom:30px;}
/**Form fields layout**/
.field-grp{width:100%;margin-bottom:15px;}
.field-grp .field-name{width:100%;font-size:14px;line-height:20px;font-weight:700;color:#766eb2;margin-bottom:5px;display:block;}
.field-grp .col .field-name em{color:#c70f07;}
.field-grp .field-input{width:100%;position:relative;}
.field-grp.col-2{display:flex;align-items:center;flex-wrap:wrap;font-size:0;margin-top:20px;}
.field-grp.col-2 .remember-me{width:50%;position:relative;}
.field-grp.col-2 .forgot-password{width:50%;text-align:right;font-size:14px;line-height:20px;}
.field-grp.col-2 .forgot-password a{color:#212529;text-decoration:none;}
.field-grp.col-2 .forgot-password a:hover{text-decoration:underline;}
.login-wrapper .app-button{margin-top:20px;}
/**Page Wrapper**/
.page-wrapper{background:#ebf2f9;overflow-x:hidden;position:relative;}
/**Header**/
header{background:url("../images/common-bg-img.jpg")no-repeat left center;background-position:center;background-size:cover;padding:22px 30px;width:calc(100% - 60px);position:fixed;font-size:0;z-index:3;}
header .portal-name{margin-left:30px;font-size:22px;line-height:32px;color:#fff;font-weight:700;}
header .main-menu-btn{position:absolute;width:20px;left:30px;top:50%;transform:translateY(-50%);cursor:pointer;}
header .main-menu-btn img{width:100%;display:block;filter:brightness(0) invert(1);}
header .user-account{position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;}
header .user-account .user-photo{display:inline-block;vertical-align:middle;width:40px;border:2px solid #fff;border-radius:100%;overflow:hidden;margin-right:10px;}
header .user-account .user-photo img{width:100%;display:block;background-color:#fff;}
header .user-account .user-name{display:inline-block;vertical-align:middle;font-size:14px;line-height:20px;color:#fff;font-weight:700;}
header .user-account::after{content:'';background:url("../images/icon-down-nospace.svg")no-repeat;background-size:100%;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-left:10px;filter:brightness(0) invert(1);}
header .my-account{width:200px;position:absolute;right:30px;top:60px;background:#fff;border:1px solid #d5e1ef;border-radius:10px;opacity:0.0;pointer-events:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
header .my-account.toggled{top:70px;opacity:1.0;pointer-events:all;}
header .my-account ul{width:calc(100% - 40px);padding:5px 20px;}
header .my-account ul li{width:100%;}
header .my-account ul li a{display:block;font-size:14px;line-height:20px;padding:10px 0;color:#766eb2;text-decoration:none;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;font-weight:700;}
header .my-account ul li a:hover{color:#766eb2;}
/**Footer**/
footer{background:#eff3f6;padding:15px 30px;width:calc(100% - 60px);position:fixed;font-size:0;z-index:2;bottom:0;border-top:1px solid #d5e1ef;}
footer .left{display:inline-block;vertical-align:top;width:60%;text-align:left;font-size:12px;line-height:20px;color:#766eb2;}
footer .rgt{display:inline-block;vertical-align:top;width:40%;text-align:right;font-size:12px;line-height:20px;color:#766eb2;}
.page-wrapper.toggled header .portal-name{margin-left:0;}
.page-wrapper.toggled header,
.page-wrapper.toggled footer{width:calc(100% - 330px);}
/**Main Contents**/
.main-contents{width:calc(100% - 60px);min-height:75vh;padding:105px 30px 105px 30px;}
.main-contents h1{font-size:30px;line-height:36px;color:#766eb2;margin-bottom:15px;position:relative;}
.main-contents h2{font-size:22px;line-height:28px;font-weight:700;color:#212529;margin-bottom:15px;}
.main-contents p{font-size:14px;line-height:20px;color:#212529;}
.main-contents ul.disc{list-style:disc;margin-left:20px;}
.main-contents ul.disc li{font-size:14px;line-height:20px;color:#212529;padding:2.5px;}
.main-contents p strong{font-weight:700;}
.main-contents p.note:before{content:'*';font-size:14px;line-height:20px;display:inline-block;vertical-align:top;margin-right:10px;}
.main-contents .status{width:16px;height:16px;border-radius:100%;}
.main-contents .green{background-color:green;}
.main-contents .yellow{background-color:#d5b300;}
.main-contents .red{background-color:#c70f07;}
.grp-btn{width:auto !important;margin-top:15px;}
.grp-btn .app-button{display:inline-block;margin-right:10px;margin-top:10px;}
.float-rgt{float:right;}
.grp-btn.float-rgt .app-button{margin-left:10px;margin-right:0;}
.icon-info{display:inline-block;vertical-align:top;width:18px;}
.icon-info img{width:100%;display:block;}
/**Search Filter**/
.search-filter{width:100%;margin-top:10px;font-size:0;}
.search-filter .col{display:inline-block;vertical-align:bottom;width:240px;margin-right:10px;margin-top:15px;}
.search-filter .col .field-name{width:100%;font-size:14px;line-height:20px;color:#766eb2;font-weight:700;margin-bottom:5px;display:block;}
.search-filter .col .field-input{width:100%;}
.search-filter .col.grp-btn{margin-top:0;}
/**Field Layout**/
.field-layout{width:100%;font-size:0;margin-top:25px;}
.field-layout .grp{width:calc(100% + 20px);font-size:0;}
.field-layout .grp .col{display:inline-block;vertical-align:top;margin-right:20px;margin-bottom:20px;}
.field-layout .grp.col1 .col{width:calc(100% - 20px);}
.field-layout .grp.col2 .col{width:calc(50% - 20px);}
.field-layout .grp.col3 .col{width:calc(33.3333% - 20px);}
.field-layout .grp.col4 .col{width:calc(25% - 20px);}
.field-layout .col .field-name{width:100%;font-size:14px;line-height:20px;color:#766eb2;font-weight:700;margin-bottom:10px;display:block;}
.field-layout .col .field-name em{color:#c70f07;}
.field-layout .col .field-input{width:100%;}
.field-layout .col .field-data{width:100%;font-size:14px;line-height:20px;color:#212529;font-weight:400;margin-bottom:10px;}
.field-layout .grp-btn{width:100%;margin-top:10px !important;}
.field-layout .grp-btn .app-button{display:inline-block;margin-right:10px;}
/**Common Non-Responsive Table**/
.non-responsive-table{width:calc(100% - 2px);border:1px solid #d5e1ef;margin:25px 0 0 0;border-radius:10px;overflow:hidden;}
.non-responsive-table table{width:100%;border-collapse:collapse;}
/*.non-responsive-table table thead{position:sticky;top:80px;z-index:10;}*/
.non-responsive-table table thead tr{background:#d5e1ef;}
.non-responsive-table table thead tr th{vertical-align:middle;color:#766eb2;font-size:14px;line-height:normal;font-weight:700;text-align:left;padding:10px;}
.non-responsive-table table tbody tr{background:#fff;}
.non-responsive-table table tbody tr.row:nth-of-type(odd){background:#fff;}
.non-responsive-table table tbody tr.row:nth-of-type(even){background:#d5e1ef;}
.non-responsive-table table tbody tr.row tr{background:none;}
.non-responsive-table table tbody tr td{vertical-align:middle;color:#212529;font-size:14px;line-height:normal;font-weight:400;text-align:left;padding:10px;}
.non-responsive-table table tbody tr td a{color:#766eb2;}
.non-responsive-table table tbody tr.row td.col{padding:0;}
.non-responsive-table .checkbox-style{margin-top:-6px;}
.non-responsive-table .relief{display:inline-block;}
.non-responsive-table table tbody tr td .icon-btns a{display:inline-block;vertical-align:middle;margin-right:5px;}
.non-responsive-table table tbody tr td .icon-btns a img{width:20px;display:block;}
.status-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;}
.status-icon.active{background:url("../images/icon-cross.svg")no-repeat;background-size:100%;}
.status-icon.inactive{background:url("../images/icon-tick.svg")no-repeat;background-size:100%;}
/**Legend**/
.legend{width:100%;font-size:0;margin:25px 0 0 0;}
.legend .left{display:inline-block;vertical-align:top;width:240px;margin-right:30px;background:#fff;border:1px solid #d5e1ef;border-radius:10px;padding:15px;}
.legend .rgt{display:inline-block;vertical-align:top;width:calc(100% - 334px);background:#fff;border:1px solid #d5e1ef;border-radius:10px;padding:15px;}
.legend p{font-size:14px;line-height:20px;margin-bottom:10px;}
.legend p strong{font-weight:700;}
.legend .left ul{width:100%;}
.legend .left ul li{display:block;font-size:14px;line-height:20px;}
.legend .left ul li::before{content:'';width:10px;height:10px;display:inline-block;vertical-align:middle;border-radius:100%;background:#d5e1ef;margin-right:10px;margin-top:-2px;}
.legend .left ul li.green_dot::before{background:green;}
.legend .left ul li.yellow_dot::before{background:#d5b300;}
.legend .left ul li.red_dot::before{background:#c70f07;}
.legend .rgt ul{width:calc(100% + 15px);font-size:0;}
.legend .rgt ul li{display:inline-block;vertical-align:top;width:calc(20% - 15px);margin-right:15px;font-size:14px;line-height:20px;}
/**Page Number**/
.pagination{width:100%;margin:30px 0 0 0;font-size:0;}
.pagination .page-number{display:inline-block;vertical-align:middle;text-align:right;width:calc(100% - 200px);font-size:14px;line-height:20px;}
.pagination .data-record{display:inline-block;vertical-align:middle;text-align:left;color:#212529;width:200px;font-size:14px;line-height:20px;font-weight:400;}
.pagination ul{list-style: none;}
.pagination ul li{display:inline-block;vertical-align: middle;}
.pagination ul li span{display:block;border-radius:6px;background:#ffffff; color:#766eb2;font-size:14px;width:40px;height:19px;padding:9.5px 0;text-align:center;text-decoration:none;border:1px solid #d5e1ef;margin:1.5px;}
.pagination ul li a{display:block;border-radius:6px;background:#ffffff; color:#766eb2;font-size:14px;width:40px;height:19px;padding:9.5px 0;text-align:center;text-decoration:none;border:1px solid #d5e1ef;margin:1.5px;}
.pagination ul li a:hover,
.pagination ul li.active .current{font-weight:700;background:#d5e1ef;}

/**UPDATE: 5/5/2026**/
.search-filter .col{vertical-align:top;}
.search-filter .col.grp-btn{margin-top:28px;}
textarea{padding:10px 15px;}
select{padding:10px 15px;margin:0 !important;}
select.error-text{color:#212529 !important;font-size:14px !important;line-height:normal !important;margin:5px 0 !important;}
input.error-text{line-height:normal !important;margin:5px 0 !important;}
.cash-handover.new .non-responsive-table table tbody tr td{padding-bottom:0;}
.cash-handover.new .non-responsive-table table tbody tr td:first-child{top:-5px;position: relative;}