@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{font-family: "Inter", sans-serif;}
a,button{transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

.svg-16 svg{width: 16px;height: 16px;display: flex;}
.svg-18 svg{width: 18px;height: 18px;display: flex;}
.svg-20 svg{width: 20px;height: 20px;display: flex;}
.svg-22 svg{width: 22px;height: 22px;display: flex;}
.svg-24 svg{width: 24px;height: 24px;display: flex;}
.svg-26 svg{width: 26px;height: 26px;display: flex;}
.svg-28 svg{width: 28px;height: 28px;display: flex;}
.svg-30 svg{width: 30px;height: 30px;display: flex;}
.svg-38 svg{width: 38px;height: 38px;display: flex;}

.mb-10{margin-bottom: 10px;}
.mb-12{margin-bottom: 12px;}
.mb-14{margin-bottom: 14px;}
.mb-16{margin-bottom: 16px;}
.mb-18{margin-bottom: 18px;}
.mb-20{margin-bottom: 20px;}
.mb-24{margin-bottom: 24px;}
.mb-30{margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.my-34{margin-top: 34px;margin-bottom: 34px;}

/* WIDTH */
.w46{width: 46px;}
.w148{width: 148px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w180{width: 180px;}
.w200{width: 200px;}

.maxw46{max-width: 46px;}
.maxw148{max-width: 148px;}
.maxw150{max-width: 150px;}
.maxw160{max-width: 160px;}
.maxw180{max-width: 180px;}
.maxw200{max-width: 200px;}

.minw46{min-width: 46px;}
.minw148{min-width: 148px;}
.minw150{min-width: 150px;}
.minw160{min-width: 160px;}
.minw180{min-width: 180px;}
.minw200{min-width: 200px;}
/* WIDTH */
.BagdeCstm{
    background-color: #F97802;
    color: #fff;
    border-radius: 100%;
    display: block;
    text-decoration: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    font-size: 14px;
    line-height: 9px;
    left: 90%;
}
/* LOGIN */
.LoginWrapper{min-height: 100vh;display: flex;align-items: center;background-size: cover;background-repeat: no-repeat;position: relative;background-position-x: center;background-position-y: 38%;}
.LoginWrapper::before{content: '';background-color: #064266e3;position: absolute;inset: 0;}
.LoginMain{padding-top: 30px;padding-bottom: 30px;}
.LoginWrapper .container{z-index: 10;}
.LoginLogoWrapper{max-width: 230px;height: auto;margin-left: auto;margin-right: auto;margin-bottom: 40px; display: block;}
.Register .LoginLogoWrapper{margin-bottom: 30px;}
.LoginTitle{font-size: 44px;font-weight: 800;color: #fff;text-align: center;margin-bottom: 14px;}
.LoginTxt{font-size: 14px;line-height: 20px;color: #fff;max-width: 600px;margin-left: auto;margin-right: auto;text-align: center;}
.LoginForm{max-width: 400px;margin-left: auto;margin-right: auto;}
.LoginForm .input-group {border:2px solid #F7F7F7;background-color: transparent;border-radius:0;gap: 20px;padding: 12px;overflow: hidden;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.LoginForm .form-control,.LoginForm .form-select,
.LoginForm .input-group-text{border-color: transparent;background-color: transparent;color: #F7F7F7;box-shadow: none;padding: 0;}
.LoginForm .form-control,.LoginForm .form-select{font-size: 14px;font-weight: 300;}
.LoginForm .form-control::placeholder,.LoginForm .form-select::placeholder{color: #F7F7F7;}
.LoginForm .input-group:hover,.LoginForm .input-group:focus,.LoginForm .input-group:active {border-color: #F7F7F7;}
.SelLOGIN .select2-container--default .select2-selection--single{height: auto !important;color: #F7F7F7;display: flex;align-items: center;justify-content: space-between;border:2px solid #F7F7F7;background-color: transparent;border-radius:0;gap: 20px;padding: 12px;overflow: hidden;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.SelLOGIN .select2-container--default .select2-selection--single .select2-selection__rendered{color: #F7F7F7;font-size: 14px;font-weight: 300;padding: 0;}
.sel-image{width: 34px;height: 29px; overflow: hidden; border-radius: 0;}
.sel-image img,.sel-image-out-format img{width: 100%;height: 100%;object-fit: cover;}
.sel-opt-item{display: flex;align-items: center;gap: 18px;}
.SelLOGIN .select2-container--default .select2-selection--single .select2-selection__arrow b{border: none;position: relative;top: 0;left: 0;margin-left: unset;margin-top: unset;width: 24px;height: 24px;}
.SelLOGIN .select2-container--default .select2-selection--single .select2-selection__arrow{position: unset;height: 26px;width: 26px;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.SelLOGIN .select2-container--default .select2-selection--single .select2-selection__arrow b::before{content: '';background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 56 56'%3E%3Cpath fill='white' d='M28 39.46a2.1 2.1 0 0 0 1.57-.679l18.164-18.586a2.1 2.1 0 0 0 .633-1.5a2.12 2.12 0 0 0-2.156-2.156a2.27 2.27 0 0 0-1.523.61L28 34.21L11.313 17.148a2.23 2.23 0 0 0-1.524-.609a2.12 2.12 0 0 0-2.156 2.156c0 .586.234 1.102.633 1.524L26.43 38.78c.445.446.96.68 1.57.68'/%3E%3C/svg%3E");background-size: cover;background-position: center;background-repeat: no-repeat;width: 24px;height: 24px;display: block;}
.SelLOGIN .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #fff;position: relative;display: flex;gap: 18px;}
.SelLOGIN .select2-container--default .select2-selection--single .select2-selection__placeholder::before{content: '';background-image: url(../images/flag/Australia.svg);width: 34px;height: 29px;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
.countryDrop .select2-search__field {border: 1px solid #9b9b9b;border-radius: 4px;}
.countryDrop .select2-results__options {padding-left: 8px;padding-right: 8px;padding-bottom: 8px;}
.countryDrop .select2-results__option {border-radius: 4px;}
.countryDrop .select2-search__field:focus-visible{outline: none;}
.countryDrop .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #004e7747;color: #000;}
.countryDrop .select2-search--dropdown {display: block;padding: 8px;margin-bottom: 6px;}
.SelLOGIN .select2-container--open .select2-selection__arrow{transform: rotate(180deg);}
.countryDrop.select2-dropdown{border-radius: 0 !important;}
.FormLink{font-size: 14px;font-weight: 300;color: #F7F7F7;text-decoration: none;}
.FormLink:hover,.FormLink:focus,.FormLink:active{color: #F7F7F7;}
.RegisterLink,.RegisterLink a{font-size: 14px;font-weight: 400;color: #F7F7F7;text-decoration: none;}
.RegisterLink a{margin-left: 8px;}
.RegisterLink a:hover,.RegisterLink a:focus,.RegisterLink a:active{color: #F7F7F7;}
.LoginBtn{box-shadow: none;border:2px solid #F7F7F7;background-color: transparent;color: #F7F7F7;border-radius: 0;font-size: 18px;font-weight: 300;padding-top: 10px;padding-bottom: 10px;width: 170px;display: block;margin-left: auto;margin-right: auto;}
.LoginBtn:hover,.LoginBtn:focus,.LoginBtn:active{background-color: #F7F7F7 !important;border-color: #F7F7F7 !important;color: #000 !important;}
.LoginCheck{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;}
.LoginCheck .form-check{min-height: auto;padding: 0;margin: 0;display: flex;align-items: center;gap: 10px;}
.LoginCheck .form-check-label{color: #fff;font-size: 14px;font-weight: 400;line-height: 0;}
.LoginCheck .form-check-input{width: 18px;background-size: 145%;height: 18px;background-color: transparent;box-shadow: none;border-width: 2px;float: unset;margin: 0;}
.LoginCheck .form-check-input:checked{border-color: #fff;}
/* .LoginForm .form-select */
/* LOGIN */
/* HEADER */
.BtnLogout{box-shadow: none;border:2px solid #fff;background-color: transparent;color: #fff;border-radius: 0;font-size: 15px;font-weight: 400;padding-top: 12px;padding-bottom:12px;width: 140px;display: block;margin-left: auto;margin-right: auto;}
.BtnLogout:hover,.BtnLogout:focus,.BtnLogout:active{background-color: #fff;border-color: #fff;color: #000;}
.HelpLink{text-decoration: none;color: #fff;}
.HelpLink:hover,.HelpLink:focus,.HelpLink:active{color: #fff;}
.HelpLink svg{width: 45px;height: 45px;display: flex;}
/* HEADER */
.w-46px{width: 46px;min-width: 46px;max-width: 46px;}
.PortalHeader{background-color: #004063;padding-top: 14px;padding-bottom: 14px;}
.PortalHeaderWrapper{display: flex;justify-content: space-between;gap: 20px;align-items: center;}
.PortalHeaderLogo{max-width: 220px;}
.PortalHeaderTxt{text-align: center;color: #fff;}
.PortalHeaderTxt p{font-size: 15px;font-weight: 500;line-height: 19px;margin-bottom: 0;}
.PortalHeaderTxt h1{font-size: 42px;font-family: "Montserrat Alternates", sans-serif;font-weight: 700;font-style: italic;letter-spacing: 4px;}
.AdminControl{padding-top: 60px;padding-bottom: 60px;}
.PageTitleWrapper{margin-bottom: 44px;}
.PageTitle{font-size: 36px;font-weight: 800;line-height: 44px;}
.PageSubTitle{font-size: 16px;font-weight: 500;line-height: 19px;color: #8C8C8C;}
.PortalTabs{margin-bottom: 24px;}
.PortalTabs .nav-tabs{ --bs-nav-tabs-border-width:3px; width: fit-content;column-gap: 60px;}
.PortalTabs .nav-tabs .nav-item,
.PortalTabs .nav-tabs .nav-link{box-shadow: none;outline: none;font-size: 16px;font-weight: 600;color: #8C8C8C;border-top: none;border-left: none;border-right: none;border-bottom: 3px solid transparent;}
.PortalTabs .nav-tabs .nav-link{margin-bottom: -5px;padding-left: 0;padding-right: 0;}
.PortalTabs .nav-tabs .nav-item.show .nav-link,.PortalTabs .nav-tabs .nav-link.active{color: #004062;border-color: #004062;}
.BtnAddAdmin{border-radius: 6px;background-color: #004E77;color: #fff;display: flex;gap: 10px;align-items: center;font-size: 14px;font-weight: 500;line-height: 0;width: fit-content;padding-top: 12px;padding-bottom: 12px;padding-left: 14px;padding-right: 14px;margin-left: auto;}
.BtnAddAdmin:hover,.BtnAddAdmin:focus,.BtnAddAdmin:active{background-color: #00334e !important;color: #fff !important;}

.BtnCancel{border-radius: 6px;background-color: #e9e9e9;color: #000;display: flex;gap: 10px;align-items: center;font-size: 14px;font-weight: 500;line-height: 0;width: fit-content;padding-top: 12px;padding-bottom: 12px;padding-left: 14px;padding-right: 14px;margin-left: auto;}
.BtnCancel:hover,.BtnCancel:focus,.BtnCancel:active{background-color: #d8d8d8 !important;color: #000 !important;}

.usrtblprofile{width: 40px;height: 40px;display: block;overflow: hidden;border-radius: 100%;}
.usrtblprofile img{width: 100%;height: 100%;object-fit: cover;}
.AdmnManagement .btnAccess{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 136px;
    font-size: 12px;
}
.AdmnManagement tr,.AccordionTbl tr{background-color: #F4F4F4 !important;}
.AdmnManagement th,.AccordionTbl th{
    padding-left: 4px;
    padding-right: 4px;
    border: none;
    padding-top: 0;
    font-size: 12px;
    padding-bottom: 0;
    color: #6A6A6A;
}
.AdmnManagement td{border: none; padding: 6px 4px;background-color: transparent;font-size: 12px;font-weight: 600;line-height: 19px;color: #7A7A7A;}
.AccordionTbl td{
    border-top-width:2px;
    border-bottom-width:2px;
    border-color:#F4F4F4;
    padding: 6px 4px;
    background-color: transparent;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
    color: #7A7A7A;
}
.AccordionTbl tr td:first-child{border-left-width: 2px;}
.AccordionTbl tr td:last-child{border-right-width: 2px;}
.AdmnManagement tr td:first-child,.AccordionTbl tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;padding-left: 6px;}
.AdmnManagement tr td:last-child,.AccordionTbl tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right: 6px;}
.AdmnManagement td .Tblmail,.AccordionTbl td .Tblmail{font-size: 12px;font-weight: 600;line-height: 19px;color: #7A7A7A;text-decoration: none;}
.AdmnManagement td .Tblmail:hover,.AdmnManagement td .Tblmail:focus,.AdmnManagement td .Tblmail:active,.AccordionTbl td .Tblmail:hover,.AccordionTbl td .Tblmail:focus,.AccordionTbl td .Tblmail:active{color: #7A7A7A;text-decoration: underline;text-underline-offset: 3px;}
.AccordionTbl table{border-collapse: separate;border-spacing: 0 8px;}
.AdmnManagement table {border-collapse: separate;border-spacing: 0 8px;}
.AdmnManagement .nav .nav-link,.AccordionTbl .nav .nav-link{color: #004493;}
.AdmnManagement .nav .nav-link:hover,.AdmnManagement .nav .nav-link:focus,.AdmnManagement .nav .nav-link:active,.AccordionTbl .nav .nav-link:hover,.AccordionTbl .nav .nav-link:focus,.AccordionTbl .nav .nav-link:active{color: #000000;}

.StatusNew{color: #004493;}
.StatusActive{color: #87B600;}
.StatusExpired{color: #f12828;}
.StatusInactive{color: #faaa15;}
.btnAccess{padding-top: 12px;padding-bottom: 12px;width: 145px;font-size: 13px;font-weight: 500;line-height: 15.73px;color: #004493 !important;text-decoration: none !important;border: 1.5px solid #004493;border-radius: 6px;}
.btnEditCat{padding: 8px 20px;font-size: 12px;font-weight: 600;line-height: 15.73px;color: #004493 !important;text-decoration: none !important;border: 1.5px solid #004493;border-radius: 3px;}
.btnAccess:hover,.btnAccess:focus,.btnAccess:active,.btnEditCat:hover,.btnEditCat:focus,.btnEditCat:active{background-color: #004493 !important;color: #fff !important;}
.py7{padding-top: 7px !important;padding-bottom: 7px !important;}
/* SEARCH WRAPPER */
.FilterTblTop{display: flex;gap: 24px;}
.FilterTblTop .input-group {border:2px solid #A8A8A8;background-color: transparent;border-radius:8px;gap: 15px;padding: 11px 22px;overflow: hidden;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.FilterTblTop .form-control,.FilterTblTop .form-select,.FilterTblTop .input-group-text{border-color: transparent;background-color: transparent;color: #757575;box-shadow: none;padding: 0;}
.FilterTblTop .form-control,.FilterTblTop .form-select{font-size: 14px;font-weight: 500;}
.FilterTblTop .form-control::placeholder,.FilterTblTop .form-select::placeholder{color: #757575;}
.FilterTblTop .input-group:hover,.FilterTblTop .input-group:focus,.FilterTblTop .input-group:active {border-color: #A8A8A8;}
.SearchWrapper{width: 100%;}
.SearchSelectWrapper{display: flex;align-items: center;gap: 17px;}

.SearchSelectWrapper .select2-container{max-width: 180px !important;}

.SearchSelectWrapper .contentSel .select2-container{max-width: 400px !important;}


.SearchSelectWrapper .select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0;line-height: 17px;color: #6D6D6D;font-size: 15px;font-weight: 500;}
.StateSelect .select2-container--default .select2-selection--single .select2-selection__rendered{text-transform: uppercase;}
.CategorySelect .select2-container--default .select2-selection--single .select2-selection__rendered{text-transform: uppercase;}
.SearchSelectWrapper .select2-container .select2-selection--single{border:2px solid #A8A8A8;background-color: transparent;border-radius:8px;gap: 0px;display: flex;justify-content: space-between;align-items: center;height: auto;padding: 11px;overflow: hidden;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;position: relative;}
.FiltrDrop .select2-results__option{color: #6D6D6D;font-size: 15px;font-weight: 500;}
.StateSelect .select2-container--default .select2-selection--single .select2-selection__rendered::before{content: 'State : ';text-transform: capitalize !important;}
.CategorySelect .select2-container--default .select2-selection--single .select2-selection__rendered::before{content: 'Category : ';text-transform: capitalize !important;}
.SearchSelectWrapper .select2-container--default .select2-selection--single .select2-selection__arrow b{border: none;position: relative;top: 0;left: 0;margin-left: unset;margin-top: unset;width: 24px;height: 24px;}
.SearchSelectWrapper .select2-container--default .select2-selection--single .select2-selection__arrow{position: unset;height: 26px;width: 26px;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.SearchSelectWrapper .select2-container--default .select2-selection--single .select2-selection__arrow b::before{content: '';background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 56 56'%3E%3Cpath fill='%23A8A8A8' d='M28 39.46a2.1 2.1 0 0 0 1.57-.679l18.164-18.586a2.1 2.1 0 0 0 .633-1.5a2.12 2.12 0 0 0-2.156-2.156a2.27 2.27 0 0 0-1.523.61L28 34.21L11.313 17.148a2.23 2.23 0 0 0-1.524-.609a2.12 2.12 0 0 0-2.156 2.156c0 .586.234 1.102.633 1.524L26.43 38.78c.445.446.96.68 1.57.68'/%3E%3C/svg%3E");background-size: cover;background-position: center;background-repeat: no-repeat;width: 24px;height: 24px;display: block;}
.SearchSelectWrapper .select2-container--open .select2-selection__arrow{transform: rotate(180deg);}
.FiltrDrop.select2-dropdown{border:2px solid #A8A8A8;}
.FiltrDrop .select2-results__options {padding-left: 8px;padding-right: 8px;padding-bottom: 8px;padding-top: 8px;}
.FiltrDrop .select2-results__option {border-radius: 4px;}
.FiltrDrop .select2-search__field:focus-visible{outline: none;}
.FiltrDrop .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #004e7747;color: #000;}
/* SEARCH WRAPPER */
.TabWrapper{margin-bottom: 24px;}
.TabWrapper .nav-tabs{--bs-nav-tabs-border-width:3px;column-gap: 60px;}
.TabWrapper .nav-tabs .nav-item,
.TabWrapper .nav-tabs .nav-link{box-shadow: none;outline: none;font-size: 16px;font-weight: 600;color: #8C8C8C;border-top: none;border-left: none;border-right: none;border-bottom: 3px solid transparent;}
.TabWrapper .nav-tabs .nav-link{margin-bottom: -5px;padding-left: 0;padding-right: 0;}
.TabWrapper .nav-tabs .nav-item.show .nav-link,.TabWrapper .nav-tabs .nav-link.active{color: #004062;border-color: #004062;}
.TabList{row-gap: 16px;}
.TabListItem{padding: 13px 30px;background-color:#E7E7E7;font-size: 16px;font-weight: 500;color: #414141;display: flex;align-items: center;gap: 10px;justify-content: space-between;}
.clientSearch{margin-bottom: 10px;}
.clientSearch .input-group {border:2px solid #A8A8A8;background-color: transparent;border-radius:8px;gap: 15px;padding: 11px 22px;overflow: hidden;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.clientSearch .form-control,.clientSearch .form-select,.clientSearch .input-group-text{border-color: transparent;background-color: transparent;color: #757575;box-shadow: none;padding: 0;}
.clientSearch .form-control,.clientSearch .form-select{font-size: 14px;font-weight: 500;}
.clientSearch .form-control::placeholder,.clientSearch .form-select::placeholder{color: #757575;}
.clientSearch .input-group:hover,.clientSearch .input-group:focus,.clientSearch .input-group:active {border-color: #A8A8A8;}
.AccordionTbl table.fold-table > tbody > tr.fold {display: none;}
.AccordionTbl table.fold-table > tbody > tr.fold.open {display: table-row;}
.AdminTopBar {display: flex;gap: 18px;align-items: center;}
.DashboardSearchWrapper{width: 100%;}
.DashboardSearchWrapper .input-group {border:2px solid #A8A8A8;background-color: transparent;border-radius:80px;gap: 15px;padding: 11px 22px;overflow: hidden;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.DashboardSearchWrapper .form-control,.DashboardSearchWrapper .form-select,.DashboardSearchWrapper .input-group-text{border-color: transparent;background-color: transparent;color: #757575;box-shadow: none;padding: 0;}
.DashboardSearchWrapper .form-control,.DashboardSearchWrapper .form-select{font-size: 14px;font-weight: 500;}
.DashboardSearchWrapper .form-control::placeholder,.DashboardSearchWrapper .form-select::placeholder{color: #757575;}
.DashboardSearchWrapper .input-group:hover,.DashboardSearchWrapper .input-group:focus,.DashboardSearchWrapper .input-group:active {border-color: #A8A8A8;}
.DashSideMenu{flex-wrap: nowrap;gap: 20px;align-items: center;}
.DashSideMenu a{color: #8C8C8C;}
.DashProfile{display: flex;align-items: center;gap: 2px;font-size: 20px;font-weight: 500;text-decoration: none;}
.DashProfileImg{width: 46px;height: 46px;display: block;min-width: 46px;min-height: 46px;border-radius: 100%;overflow: hidden;}
.DashProfileImg img{width: 100%;height: 100%;object-fit: cover;}
.clientprofile{width: 48px;min-width: 48px;max-width: 48px;}            
.AccordionTbl tr.view.open td{border-color: #004493;}
.AccordionTbl tr.fold td{border-radius: 0;}
.AccordionTbl tr.view .accordionIcon svg{transform: rotate(180deg);transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
.AccordionTbl tr.view.open .accordionIcon svg{transform: rotate(0deg);}
.FoldContentWrapper{padding: 15px 20px;}
.ClientStatusWrapper{margin-bottom: 30px;}
.CategoryGrantTitle{font-size: 15px;font-weight: 600;color: #343434;margin-bottom: 10px;}
.CategoryGrant .form-check {padding: 0;display: flex;align-items: center;gap: 6px;}

.CategoryGrant .form-check-label{font-size: 12px; font-weight: 400;color: #414141;}

.CategoryGrant .form-check .form-check-input {
    width: 15px;
    height: 15px;
    border-color: #004493;
    border-width: 1px;
    background-color: transparent;
    float: unset;margin: unset;
    border-radius: 3px;
    box-shadow: none;
    background-size: 90%;
}


.CategoryGrant .form-check-input:checked {background-color: #004493;border-color: #004493;}
.CategoryGrant .form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17L5.53 12.7a.996.996 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.996.996 0 1 0-1.41-1.41z'/%3E%3C/svg%3E");}
.ExpireChecbox .form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23004493'/%3e%3c/svg%3e");}
.CurrentStatus{margin-bottom: 15px;}
.ClientStatus .select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0;line-height: 17px;color: #6D6D6D;font-size: 15px;font-weight: 500;}
.ClientStatus .select2-container .select2-selection--single{border:2px solid #000000;width: 130px;background-color: transparent;border-radius:6px;gap: 0px;display: flex;justify-content: space-between;align-items: center;height: auto;padding: 7px 11px;overflow: hidden;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;position: relative;}
.ClientStatus .select2-container--default .select2-selection--single .select2-selection__arrow b{border: none;position: relative;top: 0;left: 0;margin-left: unset;margin-top: unset;width: 24px;height: 24px;}
.ClientStatus .select2-container--default .select2-selection--single .select2-selection__arrow{position: unset;height: 26px;width: 26px;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.ClientStatus .select2-container--default .select2-selection--single .select2-selection__arrow b::before{content: '';background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23626262' d='M16.939 7.939L12 12.879l-4.939-4.94l-2.122 2.122L12 17.121l7.061-7.06z'/%3E%3C/svg%3E");background-size: cover;background-position: center;background-repeat: no-repeat;width: 24px;height: 24px;display: block;}
.ClientStatus .select2-container--open .select2-selection__arrow{transform: rotate(180deg);}
.SetExpireDateWrapperTitle{font-size: 15px;font-weight: 600;color: #343434;margin-bottom: 10px;}
.SetExpireDateWrapper{font-size: 14px;margin-bottom: 20px;font-weight: 400;}
.ExpireChecbox{
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-wrap: wrap;
}

.BtnUpdate{border-radius: 6px;background-color: #004E77;color: #fff;font-size: 14px;font-weight: 500;width: 140px;padding-top: 12px;padding-bottom: 12px;padding-left: 14px;padding-right: 14px;margin-left: auto;}
.BtnUpdate:hover,.BtnUpdate:focus,.BtnUpdate:active{background-color: #00334e !important;color: #fff !important;}
.ExpireChecbox .form-check{min-height: auto;padding: 0;margin: 0;display: flex;align-items: center;gap: 10px;}
.ExpireChecbox .form-check-label{color: #414141;font-size: 14px;font-weight: 400;line-height: 0;}
.ExpireChecbox .form-check-input{width: 18px; border-color: #004493; background-size: 145%;height: 18px;background-color: transparent;box-shadow: none;border-width: 2px;float: unset;margin: 0;}
.ExpireChecbox .form-check-input:checked{border-color: #004493;}
/* ACCORDION CUSTOM */
.AccordionCstm.accordion{display: flex;flex-direction: column;row-gap: 16px;}
.AccordionCstm .accordion-button{font-size: 16px;padding: 13px 30px;font-weight: 500;background-color: #E7E7E7;            color: #414141;}
.AccordionCstm .accordion-button:hover,.AccordionCstm .accordion-button:focus,.AccordionCstm .accordion-button:active{box-shadow: none;}
.AccordionCstm .accordion-button:not(.collapsed){box-shadow: none;background-color: #E7E7E7;            color: #414141;}
.AccordionCstm .accordion-body{background-color: #E7E7E7;color: #414141; border-top: 3px solid #ccced0;}
/* ACCORDION CUSTOM */
/* PAGINATION */
.paginationShowingResult{
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #8C8C8C;
}
.pagination-custom .page-item.active .page-link,
.dataTables_paginate .page-item.active .page-link {
    background-color: #004063 !important;
    color: #fff;
    border-color: #004063 !important;
}

.pagination-custom .page-link,
.dataTables_paginate .page-link{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.475rem;
    height: 2.20rem;
    min-width: 2.20rem;
    width: 2.20rem;
    font-weight: 600;
    font-size: 16px;
    border: none;
    margin-right: 6px;
    color: #5e6278;
    background-color: #f4f4f4;
}

.pagination-custom .page-link:focus,
.pagination-custom .page-link:hover,
.dataTables_paginate .page-link:focus,
.dataTables_paginate .page-link:hover{
    box-shadow: none;
    background-color: #004063 !important;
    color: #fff;
    border-color: #004063 !important;
}

.pagination-custom .page-item.disabled .page-link,
.dataTables_paginate .page-item.disabled .page-link {
    color: #cacaca;
}

.pagination-custom .page-icon>svg,
.dataTables_paginate .page-link>svg{
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-custom .page-item:last-child .page-link,
.dataTables_paginate .page-item:last-child .page-link{
    border-top-right-radius: 0.475rem;
    border-bottom-right-radius: 0.475rem;
}

.pagination-custom .page-item:first-child .page-link,
.dataTables_paginate .page-item:first-child .page-link{
    border-top-left-radius: 0.475rem;
    border-bottom-left-radius: 0.475rem;
}
/* PAGINATION */

/* MODAL */
.modal-content{
    border-radius: 0;
}
.modal-header {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* MODAL */

/* DATATABLE */
table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
    border-bottom-color: transparent;
}

table.dataTable.no-footer {
    border-bottom-color: transparent;
}
.table.DatatblCstm{
    border-spacing:0 8px;
}
.DatatblCstm thead {
    background: #004063;
    border-bottom: 1px solid #EBEBEB;
}
.DatatblCstm thead th{
    background-color: transparent;
}
.DatatblCstm thead th,
table.dataTable thead th, 
table.dataTable tfoot th {
    /* border-right: 1px solid #EBEBEB; */
    padding: 12px 15px !important;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.DatatblCstm tbody td,
.DatatblCstm tfoot td {
    /* border-right: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB; */
    background-color: #f3f3f3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    padding: 8px 15px !important;
}

.DatatblCstm thead th:last-child,
.DatatblCstm tbody td:last-child,
.DatatblCstm tfoot td:last-child,
table.dataTable thead th:last-child,
table.dataTable tfoot th:last-child {
    border-right: none;
}

.table .action-btn {
    padding: 10px;
    border-radius: 1px;
    background-color: transparent;
    border: 1px solid #004063;
    display: block;
    text-decoration: none;
    width: fit-content;
    color: #004063;
}

.table .action-btn svg {
    width: 16px;
    height: 16px;
    display: flex;
}

.table .action-btn:hover,
.table .action-btn:focus {
    border-color: #004063;
    background-color: #004063;
    color: #fff;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
}
/* DATATABLE */
/* DATATABLE PAGINATION */
.paginate_button .page-link {
    padding: 4px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #373737;
    background: #F7F7F7;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    margin-left: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none;
}

.dataTables_paginate .active>.page-link,
.dataTables_paginate .page-link.active {
    color: #fff;
    background: #004063;
    border-color: #004063;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover .page-link {
    color: #fff;
    background: #004063;
    border-color: #004063;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border: none;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    border-bottom: none;
}
.CstmDatatableWrapper .dataTables_info{font-size: 14px;}
/* DATATABLE PAGINATION */
/* DATATABLE FILTER */
.CstmDatatableWrapper .dataTables_filter{
    display: none;
}
.DatatableSearch{
    max-width: 280px;
}
.DatatableSearch .input-group {border:2px solid #A8A8A8;background-color: transparent;border-radius:8px;gap: 15px;padding: 11px 22px;overflow: hidden;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.DatatableSearch .form-control,
.DatatableSearch .form-select,
.DatatableSearch .input-group-text{border-color: transparent;background-color: transparent;color: #757575;box-shadow: none;padding: 0;}
.DatatableSearch .form-control,
.DatatableSearch .form-select{font-size: 14px;font-weight: 500;}
.DatatableSearch .form-control::placeholder,
.DatatableSearch .form-select::placeholder{color: #757575;}
.DatatableSearch .input-group:hover,
.DatatableSearch .input-group:focus,.DatatableSearch .input-group:active {border-color: #A8A8A8;}
/* DATATABLE FILTER */

/* ADMIN SIDEBAR */
.PortalHeaderNAv .Notification{color: #fff;}
.PortalHeaderNAv .Notification:hover,.PortalHeaderNAv .Notification:focus{color: #fff;}
.SideMenu .offcanvas-footer{padding: 16px 16px;}
.btnMenuSide{padding: 0;}
.btnMenuSide svg{width: 30px;height: 30px;display: flex;color: #fff;}
.btnMenuSide:hover,.btnMenuSide:focus,.btnMenuSide:active{color: #fff;}
.SideMenu.offcanvas{width: 300px;background-color: #004062;}
.SideMenu .btn-close{opacity: 1;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");}
.SideMenu .nav-link{color: #fff;font-size: 16px;font-weight: 600;padding-top: 16px;padding-bottom: 16px;display: flex;align-items: center;gap: 10px;}
.SideMenuIcon svg{width: 28px;height: 28px;display: flex;}
.SideMenu .nav-link:hover,.SideMenu .nav-link:focus,.SideMenu .nav-link:active,.SideMenu .nav-link.active{background-color:#013550;}
.SidebarLogo{max-width: 180px;}
.SideMenu .offcanvas-header{border-bottom: 1px solid #fff;}
/* ADMIN SIDEBAR */

/* ADDADMIN MODAL */
.AdminModal .label{margin-bottom: 3px;}
                                
.AdminModal .form-control:hover,.AdminModal .form-select:hover,
.AdminModal .form-control:focus,.AdminModal .form-select:focus{
    box-shadow: none;
    outline: none;
}
.Select2N .select2-container{
    width: 100% !important;
}
.Select2N .select2-container--default .select2-selection--single{
    padding: 4px 6px 4px 12px;
    height: auto !important;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    gap: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    position: relative;
}
.Select2N .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0;
}
.Select2N .select2-container--default .select2-selection--single .select2-selection__arrow{
    position: unset;
    height: 26px;
    
    width: 26px;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.Select2N .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    margin-left: unset;
    margin-top: unset;
    width: 24px;
    height: 24px;
}

.Select2N .select2-container--default .select2-selection--single .select2-selection__arrow b::before
{
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 56 56'%3E%3Cpath fill='%23A8A8A8' d='M28 39.46a2.1 2.1 0 0 0 1.57-.679l18.164-18.586a2.1 2.1 0 0 0 .633-1.5a2.12 2.12 0 0 0-2.156-2.156a2.27 2.27 0 0 0-1.523.61L28 34.21L11.313 17.148a2.23 2.23 0 0 0-1.524-.609a2.12 2.12 0 0 0-2.156 2.156c0 .586.234 1.102.633 1.524L26.43 38.78c.445.446.96.68 1.57.68'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}
.Select2N .select2-container--open .select2-selection__arrow{
    transform: rotate(180deg);
}


.AdminModal .form-check {padding: 0;display: flex;align-items: center;gap: 8px;}

.AdminModal .form-check-label{font-size: 14px; font-weight: 400;color: #414141;}
.AdminModal .form-check .form-check-input {
    width: 20px;
    height:20px;
    border-color: #004493;
    border-width: 1px;
    background-color: transparent;
    float: unset;margin: unset;
    border-radius: 3px;
    box-shadow: none;
    background-size: 90%;
}


.AdminModal .form-check-input:checked {background-color: #004493;border-color: #004493;}
.AdminModal .form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17L5.53 12.7a.996.996 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.996.996 0 1 0-1.41-1.41z'/%3E%3C/svg%3E");}



.AdminModal .input-group .form-control {
    border: none !important;
    border-radius: 0 !important;
}

.AdminModal .input-group {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    overflow: hidden;
}

.AdminModal .input-group-text {
    background-color: transparent;
    border: none;
}

.AdminModal .password-show-icon svg, .AdminModal .password-hide-icon svg{
    width: 18px;height: 18px;
}
/* ADDADMIN MODAL */

/* MEDIA */
@media(max-width:1199px){
    .PortalHeaderTxt p{
        font-size: 14px;
    }
    .PortalHeaderTxt h1{
        font-size: 36px;
    }
    .BtnLogout{
        width: 110px;
    }
}
@media(max-width:991px){
    .PortalHeaderLogo{
        max-width: 180px;
    }
    .AdminControl{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .PortalHeaderTxt h1{
        font-size: 32px;
        letter-spacing: 2px;
    }
    .BtnLogout{
        width: 120px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .HelpLink svg{
        width:38px;
        height:38px;
    }
    .PageTitleWrapper{
        margin-bottom: 24px;
    }
    .FilterTblTop .input-group{
        padding: 11px;
    }
    .FilterTblTop{
        gap: 18px;
    }
    .SearchSelectWrapper{
        gap: 10px;
    }
    .ExpireChecbox{
        gap: 20px;
        flex-direction: row;
        justify-content: start;
    }
    .FoldContentWrapper{padding: 0;}
}
@media (max-width: 767px){
    .FilterTblTop{
        flex-direction: column;
    }
    .PortalHeaderTxt{display: none;}
    .StateSelect,.StatusSelect{width: 100%;}
    .CategorySelect,.StatusSelect{width: 100%;}
.SearchSelectWrapper .select2-container{width: 100% !important;}
.PortalTabs .nav-tabs{gap: 26px; width: 100%;}

.TabWrapper .nav-tabs{border: none; column-gap:0px; row-gap: 10px;}
.TabWrapper .nav-tabs .nav-item, .TabWrapper .nav-tabs .nav-link{flex: auto;}
.TabWrapper .nav-tabs .nav-link{width: 100%;padding-left:10px;padding-right:10px;border-bottom: 3px solid #dee2e6;}

}
@media (max-width: 588px){
    
    .PortalTabs .nav-tabs{border: none; column-gap:0px; row-gap: 10px;}
    .PortalTabs .nav-tabs .nav-item, .PortalTabs .nav-tabs .nav-link{flex: auto;}
    .PortalTabs .nav-tabs .nav-link{width: 100%;padding-left:10px;padding-right:10px;border-bottom: 3px solid #dee2e6;}
}
@media (max-width: 449px){
    .TabWrapper .nav-tabs .nav-item, .TabWrapper .nav-tabs .nav-link{width: 100%;}
    .SearchSelectWrapper{
        flex-direction: column;
    }
    .FilterTblTop{gap: 10px;}
    .AdminTopBar{
        flex-direction: column;
    }
    .DashSideMenu{width: 100%; justify-content: space-between; flex-wrap: wrap;}
}
@media (max-width: 399px){
    .PortalHeaderWrapper{
        flex-direction: column;
    }
    .PortalHeaderNAv{width: 100%;}
    .PortalHeaderNAv .nav{justify-content: space-between;}
}
/* MEDIA */

.AccrTblLink{color:#004E77;}
.AccrTblLink:hover,.AccrTblLink:focus,.AccrTblLink:active{color:#018bd6;}
.AccrTblRes {border: 1px solid #a3a3a3;border-collapse: collapse;background-color: transparent !important;margin: 0;padding: 0;margin-left: auto;margin-right: auto;}
.AccrTblRes tr {border: 1px solid #a3a3a3;}
.AccrTblRes th,.AccrTblRes td {padding: 0.625em;border: 1px solid #a3a3a3;background-color: transparent !important;}
.AccrTblRes th{font-size: 16px;text-align: start;}
@media screen and (max-width: 768.98px) {
    .AccrTblRes {border: 0;width: 100%;}
    .AccrTblRes thead{border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
    .AccrTblRes tr{border-bottom: 1px solid #a3a3a3;display: block;margin-bottom: 0.625em;}
    .AccrTblRes td{border-top: none;border-right: none;border-left: none;display: flex;flex-wrap: wrap;gap: 15px;justify-content: space-between;}
    .AccrTblRes td::before{content: attr(data-label);font-weight: bold;}
    .AccrTblRes td:last-child {border-bottom: 0;}
}

.Notification{border: none;outline: none;}
        .Notification:hover,.Notification:focus,.Notification:active{outline: none; border: none;}
        .BadgeNotification{ display: flex;align-items: center;justify-content: center;background: #e40000;color: #fff;font-size: 15px;font-weight: 700;padding:10px 9px;width: fit-content;line-height: 7px;}
        .NotificationCanvas .offcanvas-header{background-color: #004063;color: #fff;display: flex;align-items: center;justify-content: space-between;}
        .NotificationCanvas .offcanvas-title{font-size: 20px;font-weight: 600;}
        .offcanvas-header .btn-canvas-close{color: #fff;padding: 4px;background-color: #ebebeb7d;border-radius: 4px;border: none; outline: none;}
        .offcanvas-header .btn-canvas-close svg{width: 24px;height: 24px;display: flex;}
        .notificationwrapper ul{display: flex;flex-direction: column;row-gap: 10px;}
        .NotificationItem{text-decoration: none; display: flex;align-items: center;justify-content: space-between;padding: 10px;border-radius: 6px;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;color: #000000;}
        .NotificationItem:hover,.NotificationItem:focus,.NotificationItem:active,.NotificationItem.active{background-color: #eff6ff;}
        .NotificationIcon{padding: 4px;background-color: #E9F3FF;color: #004063;border-radius: 4px;}
        .NotificationIcon span svg{width: 22px;height: 22px;display: flex;}
        .NotificationTitle{font-size: 14px;font-weight: 600;margin-bottom: 0;}
        .NotificationTime{font-size: 10px;font-weight: 600;}
        .NotificationTxt{font-size: 12px; font-weight: 500; color: #656565;}
        .MarkasRead{padding-top: 10px;padding-left: 16px;padding-right: 16px;display: flex;justify-content: end;}
        .ReadBtn{background: transparent;border: none;outline: none;box-shadow: none;font-size: 16px;font-weight: 600;color: #020079;}