body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;min-height:100vh;background-color:#f2f2f2;flex-direction:column}h1{font-size:2.5em;line-height:1.1}button:hover{background-color:#020242;color:#fff}.login{display:flex;flex-direction:column;margin:0 50px}.top-login{display:flex;flex-direction:row-reverse}button{color:#000;background-color:#ffc20e;border-radius:0;text-decoration:underline;padding:6px 10px;border:none}.middle-login{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin:50px 0}.login-image{margin:0 .015625px 0 0;padding:0 50px 20px 70px}.login_img1{width:100%;height:auto;display:block}.login-form{width:47%;display:flex;flex-direction:column;border:1px solid gray;border-radius:2px;padding-bottom:40px}.title-div{color:#fff;background-color:#143f6b;width:100%}.login-h1{text-align:center;margin:20px 0;font-size:28px}.login-form-div{margin:50px 30px;display:flex;flex-direction:column}p{font-size:17px}.required-p1{margin-left:20px}label{align-self:flex-end;margin:20px 0;font-weight:600}.login-form-div input{padding:10px 12px;margin-bottom:6px;font-size:15px;border-radius:4px;border:1px solid #b5b5b5;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-form-div input:focus{border-color:#143f6b;box-shadow:0 0 0 3px #143f6b26}.star-icon{height:10px;width:10px;color:maroon}.login-btn-group{align-self:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.forgot-password-p{text-decoration:underline;margin-bottom:20px}.login-btn{text-decoration:none}.footer-login{height:20px;width:100%;background-color:#143f6b}@media screen and (max-width:1300px){.login_img1{width:418.6px;height:338.4px}}@media screen and (max-width:1100px){.login_img1{width:366.1px;height:296.1px}}@media screen and (max-width:991px){.middle-login{flex-direction:column-reverse}.login-form{width:100%}.login-image{width:100%;display:flex;flex-direction:column}.login_img1{width:523px;height:423px;align-self:center;margin-top:50px}label{align-self:flex-start;margin:20px 0}}.login-error{color:#c62828;font-weight:600;margin-top:8px}.landing-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f2f2f2;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#333}.landing-header{padding:28px 22px 0}.landing-logo{display:block;width:184px;height:auto}.landing{flex:1;display:flex;flex-direction:column;align-items:center;padding:56px 16px 60px}.landing-title{font-size:40px;font-weight:700;line-height:1.2;color:#333;text-align:center}.landing-underline{width:150px;height:4px;background-color:#2c6ca6;margin-top:16px}.landing-p{font-size:16px;line-height:1.5;color:#333;text-align:center;margin-top:28px}.selection{display:grid;grid-template-columns:repeat(3,299px);gap:10px;margin-top:30px}.landing-card{display:flex;flex-direction:column;align-items:flex-start;min-height:214px;padding:26px 32px 32px;background-color:#fff;border-radius:2px;box-shadow:0 1px 4px #00000029;text-decoration:none;transition:box-shadow .2s ease}.landing-card:hover{box-shadow:0 3px 10px #00000038}.card-icon{width:56px;height:56px}.card-title{margin-top:16px;font-size:24px;font-weight:700;line-height:1.17;color:#2a6fb0}.card-subtitle{margin-top:10px;font-size:14px;color:#666}.landing-footer{background-color:#f8f8f8;border-top:1px solid #ececec;padding:16px 43px 24px}.landing-footer-inner{border-top:2px solid #dddddd;padding-top:16px;font-size:12px;color:#555}@media screen and (max-width:960px){.selection{grid-template-columns:repeat(2,minmax(0,299px))}}@media screen and (max-width:640px){.landing{padding-top:32px}.landing-title{font-size:32px}.selection{grid-template-columns:minmax(0,1fr);width:100%;max-width:400px}.landing-card{min-height:0}.landing-footer{padding:16px}}.sidebar{display:flex;flex-direction:column;width:15%;box-shadow:5px 0 10px #0003}.logo-sidebar{width:200px;margin:20px 20px 0}.hamburger-menu,.date-p,.mini-square{display:none}.noti-div{display:flex;flex-direction:row;align-items:flex-end;margin-left:20%}.noti-icon-div{display:flex;flex-direction:rows}.noti-div-div{position:relative}.noti-icon{width:25px;height:25px;margin-left:20px}.noti-icon:hover{cursor:pointer}.notification-number{position:absolute;top:-7px;right:-13px;height:20px;width:20px;border-radius:50%;background-color:red;text-align:center;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.noti-header{background-color:#666363;margin-top:50px;border-right:5px solid #FFC20E}.noti-title{background-color:#2e2c2c;color:#fff;font-weight:800;font-size:18px;padding:10px 0 10px 20px;margin-top:0;justify-content:center}.noti-subtitle{font-size:16px;color:#fff;font-weight:600;margin:7px 0 5px 40px}.noti-title:hover,.noti-subtitle:hover{cursor:pointer}.noti-subtitle:hover{text-decoration:underline}.downbar{display:none}@media screen and (max-width:991px){.sidebar{width:100%}body{background-color:#f2f2f2}.top-sidebar{display:flex;flex-direction:row;justify-content:space-between;background-color:#fff}.hamburger-menu{display:block;align-self:center;margin:0 20px;width:40px;height:40px}.hamburger-menu-yellow{display:block;align-self:center;margin:0 20px;width:40px;height:40px;color:#ffc20e}.date-p{display:block;font-weight:600;font-size:12px;color:#333}.noti-div{display:flex;flex-direction:row;margin-left:5%;margin-bottom:5%;margin-top:5px}.noti-icon-div{margin-left:7%}.noti-title{color:gray;background-color:transparent}.mini-square{display:inline;margin-left:10px;text-align:center;padding-top:5px;height:20px;width:20px;padding-right:2px}.noti-subtitle{color:gray;text-decoration:underline;text-decoration-color:#00f;margin-top:10px}.noti-header{background-color:#f2f2f2;border:none;margin-top:0}.noti-header-disap{display:none}.noti-subtitle-div{background-color:#e5f2ff}}@media screen and (max-width:760px){.noti-title{font-size:16px;font-weight:500;color:#777}.noti-subtitle{font-size:16px;color:#777;font-weight:500;margin:7px 0 5px 40px}}@media screen and (max-width:480px){.noti-div{margin-left:13%}.date-p{font-size:12px}.noti-icon{width:20px;height:20px}.noti-header{border-top:1px solid rgb(226,223,223)}}@media screen and (max-width:991px){.noti-subtitle-div:not(.open){display:none}}@media screen and (min-width:992px){.sidebar{flex:0 0 237px;width:237px;min-height:100vh;background-color:#fff;box-shadow:2px 0 6px #0000001f;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.top-sidebar{display:flex;justify-content:center}.logo-sidebar{width:182px;margin:22px 0 0}.noti-div{justify-content:center;margin:10px 0 0}.noti-icon-div{gap:20px}.noti-icon{width:20px;height:20px;margin-left:0;color:#333}.notification-number{top:-9px;right:-10px;height:16px;width:16px;background-color:#d9534f;font-size:10px;font-weight:500}.noti-header,.noti-header-disap{margin-top:48px;background-color:transparent;border-right:none}.noti-title{background-color:#fff;color:#333;font-size:16px;font-weight:400;padding:11px 22px 12px;margin-top:0;border-right:5px solid transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease}.noti-title:hover{background-color:#f2f2f2;color:#343a40}.noti-title.profile-title{background-color:#343a40;color:#fff;border-right-color:#ffc20e}.noti-title.profile-title:hover{background-color:#2a2f34;color:#fff}.noti-subtitle-div:not(.open){display:none}.noti-subtitle-div{background-color:#6c737a;padding:6px 0 9px;border-right:5px solid #ffc20e}.noti-subtitle{font-size:15px;font-weight:400;color:#fff;margin:4px 0 6px 35px}.noti-subtitle:hover{cursor:pointer;text-decoration:underline}.noti-subtitle.active-sub{font-weight:700}}.user-menu-bar{display:flex;gap:8px;margin:-12px 0 24px 24px}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;justify-content:center;width:38px;height:34px;padding:0;border:none;border-radius:4px;background-color:#dcdcdc;color:#fff;font-size:20px;cursor:pointer;transition:background-color .15s ease}.user-menu-btn:hover,.user-menu-btn.open{background-color:#c4c4c4;color:#fff}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:150px;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000002e;padding:4px 0;z-index:20}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;color:#333;font-size:15px;text-align:left;cursor:pointer}.user-menu-item:hover{background-color:#f2f2f2;color:#2c6ca6}@media screen and (max-width:991px){.user-menu-bar{margin:0 0 16px}}.my-information{display:flex;flex-direction:row}.main-bar{padding:30px;width:85%;background-color:#f2f2f2}.myinfo-title{font-size:3.1em}.info-underline{width:13.6em;height:5px;background-color:#143f6b}.personal-info-p{margin:10px 0}.info-categories{display:flex;flex-direction:row;color:#143f6b}.encompasser{background-color:#fff;padding:0 20px 20px;border-radius:5px;box-shadow:5px 0 10px #0003;display:flex;flex-direction:column}.info-cat-h2{flex:1;background-color:#f2f2f2;margin:20px 2px 2px 0;padding:10px;border-radius:5px;font-size:1.2em}.info-cat-h2:hover{background-color:#cecbcb}.active-card{flex:1;background-color:#2c6ca6;margin:20px 2px 2px 0;padding:10px;border-radius:5px;color:#fff;font-size:1.2em}.separator{margin:0;height:10px;background-color:#2c6ca6;border:none}.required-p{color:maroon;margin:10px 0;border-bottom:.5px solid #ebe4e4;padding-bottom:10px}.div-row{display:flex;flex-direction:row;width:80%;margin-bottom:30px}.div-col{flex:1}.p-key{font-weight:600;margin-top:20px;font-size:16px;color:#333}.p-value{font-size:16px;margin-top:3px;color:#333}.myinformation-btn{padding:10px 20px;text-decoration:none;font-weight:600;font-size:20px;align-self:center}.addresses-info,.additional-info{display:flex;flex-direction:column;background-color:#fff;padding:20px}.addresses-info-top{display:flex;flex-direction:row;margin:10px 0}.reference-div{flex:1;border-bottom:2px solid #F2F2F2}.reference-p{padding:10px 0;font-size:24px;color:#143f6b;font-weight:600}.newadd-div{flex:1;display:flex;flex-direction:row-reverse}.newadd-btn{text-decoration:none;font-size:22px;font-weight:600;padding:10px 40px}.billing-p{margin:10px 0;background-color:#d9edf7;padding:5px 0;font-size:20px;font-weight:600;text-align:center}.addresses-info-row{display:flex;flex-direction:row;margin-top:10px}.addresses-info-cols{flex:1}.edit-div{display:flex;flex-direction:row-reverse}.edit-btn{padding:10px 40px;text-decoration:none;font-weight:600;font-size:20px;align-self:flex-end;margin:20px 0 10px}.additional-info-details{display:flex;flex-direction:column}.additional-pkey{margin:20px 0}.additional-btn{padding:10px;text-decoration:none;font-weight:600;font-size:16px;align-self:center;margin:20px 0 10px}@media screen and (max-width:1199px){.div-row{display:flex;flex-direction:column;width:80%;margin-bottom:30px}}@media screen and (max-width:991px){.addresses-info-top{display:flex;flex-direction:column;margin:10px 0}.addresses-info-row{display:flex;flex-direction:column;margin-top:10px}}@media screen and (max-width:991px){.main-bar{padding:30px;width:100%;background-color:#f2f2f2}.my-information{display:flex;flex-direction:column;background-color:#f2f2f2}.info-categories{flex-wrap:wrap}.personal,.addresses{flex:1}.additional{flex:2;white-space:nowrap}}@media screen and (max-width:769px){.reference-p{padding:7px 0;font-size:20px;color:#002546;font-weight:800}.newadd-btn{text-decoration:none;font-size:16px;font-weight:600;padding:10px 20px;margin-top:15px;margin-right:20px}.billing-p{color:#333}.edit-btn{padding:10px 20px;text-decoration:none;font-weight:600;font-size:14px;align-self:flex-end;margin:20px 0 10px}.myinformation-btn{padding:10px 20px;text-decoration:none;font-weight:600;font-size:14px}.myinfo-title{font-size:32px}.personal-info-p{font-size:16px}.personal,.addresses,.additional{font-size:18px}}@media screen and (max-width:480px){.downbar{display:flex;flex-direction:column;background-color:transparent;padding:30px}.downbar-left{align-self:flex-end;background-color:transparent}.print-icon{margin-right:10px}.print-btn{padding:10px;color:#fff;text-decoration:none;background-color:green;font-weight:600}.pkey{font-weight:600;margin:10px 0}.pvalue{margin:10px 0}.additional{margin-top:0}}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}.app{background-color:#fff;font-family:Poppins,sans-serif;font-weight:400;display:flex;flex-direction:column}h2{margin-top:20px}.landing-page h2{margin-top:16px}.topbar{margin-bottom:0}.added{background-color:#143f6b}.logo{width:256px;height:106px;margin:10px 20px}.logo2{width:440px;height:96px;margin:10px 20px}@media screen and (max-width:768px){.topbar{background-color:#fff}.added{background-color:#143f6b}}